@charset "UTF-8";
:root {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  --font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
  	Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
  	"Segoe UI Symbol";
  --surface-a: #ffffff;
  --surface-b: #f8f9fa;
  --surface-c: #e9ecef;
  --surface-d: #dee2e6;
  --surface-e: #ffffff;
  --surface-f: #ffffff;
  --text-color: #495057;
  --text-color-secondary: #6c757d;
  --primary-color: #2196f3;
  --primary-color-text: #ffffff;
  --surface-0: #ffffff;
  --surface-50: #fafafa;
  --surface-100: #f5f5f5;
  --surface-200: #eeeeee;
  --surface-300: #e0e0e0;
  --surface-400: #bdbdbd;
  --surface-500: #9e9e9e;
  --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: #9e9e9e;
  --gray-600: #757575;
  --gray-700: #616161;
  --gray-800: #424242;
  --gray-900: #212121;
  --content-padding: 1rem;
  --inline-spacing: 0.5rem;
  --border-radius: 3px;
  --surface-ground: #f8f9fa;
  --surface-section: #ffffff;
  --surface-card: #ffffff;
  --surface-overlay: #ffffff;
  --surface-border: #dee2e6;
  --surface-hover: #e9ecef;
  --focus-ring: 0 0 0 0.2rem #a6d5fa;
  --maskbg: rgba(0, 0, 0, 0.4);
  --highlight-bg: #e3f2fd;
  --highlight-text-color: #495057;
  color-scheme: light;
}
:root {
  --blue-50:#f4fafe;
  --blue-100:#cae6fc;
  --blue-200:#a0d2fa;
  --blue-300:#75bef8;
  --blue-400:#4baaf5;
  --blue-500:#2196f3;
  --blue-600:#1c80cf;
  --blue-700:#1769aa;
  --blue-800:#125386;
  --blue-900:#0d3c61;
  --green-50:#f6fbf6;
  --green-100:#d4ecd5;
  --green-200:#b2ddb4;
  --green-300:#90cd93;
  --green-400:#6ebe71;
  --green-500:#4caf50;
  --green-600:#419544;
  --green-700:#357b38;
  --green-800:#2a602c;
  --green-900:#1e4620;
  --yellow-50:#fffcf5;
  --yellow-100:#fef0cd;
  --yellow-200:#fde4a5;
  --yellow-300:#fdd87d;
  --yellow-400:#fccc55;
  --yellow-500:#fbc02d;
  --yellow-600:#d5a326;
  --yellow-700:#b08620;
  --yellow-800:#8a6a19;
  --yellow-900:#644d12;
  --cyan-50:#f2fcfd;
  --cyan-100:#c2eff5;
  --cyan-200:#91e2ed;
  --cyan-300:#61d5e4;
  --cyan-400:#30c9dc;
  --cyan-500:#00bcd4;
  --cyan-600:#00a0b4;
  --cyan-700:#008494;
  --cyan-800:#006775;
  --cyan-900:#004b55;
  --pink-50:#fef4f7;
  --pink-100:#fac9da;
  --pink-200:#f69ebc;
  --pink-300:#f1749e;
  --pink-400:#ed4981;
  --pink-500:#e91e63;
  --pink-600:#c61a54;
  --pink-700:#a31545;
  --pink-800:#801136;
  --pink-900:#5d0c28;
  --indigo-50:#f5f6fb;
  --indigo-100:#d1d5ed;
  --indigo-200:#acb4df;
  --indigo-300:#8893d1;
  --indigo-400:#6372c3;
  --indigo-500:#3f51b5;
  --indigo-600:#36459a;
  --indigo-700:#2c397f;
  --indigo-800:#232d64;
  --indigo-900:#192048;
  --teal-50:#f2faf9;
  --teal-100:#c2e6e2;
  --teal-200:#91d2cc;
  --teal-300:#61beb5;
  --teal-400:#30aa9f;
  --teal-500:#009688;
  --teal-600:#008074;
  --teal-700:#00695f;
  --teal-800:#00534b;
  --teal-900:#003c36;
  --orange-50:#fff8f2;
  --orange-100:#fde0c2;
  --orange-200:#fbc791;
  --orange-300:#f9ae61;
  --orange-400:#f79530;
  --orange-500:#f57c00;
  --orange-600:#d06900;
  --orange-700:#ac5700;
  --orange-800:#874400;
  --orange-900:#623200;
  --bluegray-50:#f7f9f9;
  --bluegray-100:#d9e0e3;
  --bluegray-200:#bbc7cd;
  --bluegray-300:#9caeb7;
  --bluegray-400:#7e96a1;
  --bluegray-500:#607d8b;
  --bluegray-600:#526a76;
  --bluegray-700:#435861;
  --bluegray-800:#35454c;
  --bluegray-900:#263238;
  --purple-50:#faf4fb;
  --purple-100:#e7cbec;
  --purple-200:#d4a2dd;
  --purple-300:#c279ce;
  --purple-400:#af50bf;
  --purple-500:#9c27b0;
  --purple-600:#852196;
  --purple-700:#6d1b7b;
  --purple-800:#561561;
  --purple-900:#3e1046;
  --red-50:#fff5f5;
  --red-100:#ffd1ce;
  --red-200:#ffada7;
  --red-300:#ff8980;
  --red-400:#ff6459;
  --red-500:#ff4032;
  --red-600:#d9362b;
  --red-700:#b32d23;
  --red-800:#8c231c;
  --red-900:#661a14;
  --primary-50:#f4fafe;
  --primary-100:#cae6fc;
  --primary-200:#a0d2fa;
  --primary-300:#75bef8;
  --primary-400:#4baaf5;
  --primary-500:#2196f3;
  --primary-600:#1c80cf;
  --primary-700:#1769aa;
  --primary-800:#125386;
  --primary-900:#0d3c61;
}
.p-editor-container .p-editor-toolbar {
  background: #f8f9fa;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}
.p-editor-container .p-editor-toolbar.ql-snow {
  border: 1px solid #dee2e6;
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke {
  stroke: #6c757d;
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-fill {
  fill: #6c757d;
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label {
  border: 0 none;
  color: #6c757d;
}
.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: 3px;
  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: 3px;
  border-bottom-left-radius: 3px;
}
.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: 3px;
  border-bottom-left-radius: 3px;
}
.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: #2196f3;
}
.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: #2196f3;
}
.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: #2196f3;
}
.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: #2196f3;
}
@layer primereact {
  * {
    box-sizing: border-box;
  }
  .p-component {
    font-family: var(--font-family);
    font-feature-settings: var(--font-feature-settings, normal);
    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 {
    opacity: 0.6;
  }
  .p-error {
    color: #f44336;
  }
  .p-text-secondary {
    color: #6c757d;
  }
  .pi {
    font-size: 1rem;
  }
  .p-icon {
    width: 1rem;
    height: 1rem;
  }
  .p-link {
    font-family: var(--font-family);
    font-feature-settings: var(--font-feature-settings, normal);
    font-size: 1rem;
    border-radius: 3px;
  }
  .p-link:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .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;
    }
  }
  .p-autocomplete .p-autocomplete-loader {
    right: 0.5rem;
  }
  .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
    right: 2.857rem;
  }
  .p-autocomplete .p-autocomplete-multiple-container {
    padding: 0.25rem 0.5rem;
    gap: 0.5rem;
  }
  .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover {
    border-color: #2196f3;
  }
  .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
    border-color: #2196f3;
  }
  .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
    padding: 0.25rem 0;
  }
  .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
    font-family: var(--font-family);
    font-feature-settings: var(--font-feature-settings, normal);
    font-size: 1rem;
    color: #495057;
    padding: 0;
    margin: 0;
  }
  .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
    padding: 0.25rem 0.5rem;
    margin-right: 0.5rem;
    background: #e3f2fd;
    color: #495057;
    border-radius: 3px;
  }
  .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
    margin-left: 0.5rem;
  }
  .p-autocomplete.p-invalid.p-component > .p-inputtext {
    border-color: #f44336;
  }
  .p-autocomplete-panel {
    background: #ffffff;
    color: #495057;
    border: 0 none;
    border-radius: 3px;
    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 {
    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-highlight {
    color: #495057;
    background: #e3f2fd;
  }
  .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
    margin: 0;
    padding: 0.75rem 1rem;
    color: #495057;
    background: #ffffff;
    font-weight: 600;
  }
  .p-calendar.p-invalid.p-component > .p-inputtext {
    border-color: #f44336;
  }
  .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
    border-color: #2196f3;
  }
  .p-datepicker {
    padding: 0.5rem;
    background: #ffffff;
    color: #495057;
    border: 1px solid #ced4da;
    border-radius: 3px;
  }
  .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: 3px;
    border-top-left-radius: 3px;
  }
  .p-datepicker .p-datepicker-header .p-datepicker-prev,
  .p-datepicker .p-datepicker-header .p-datepicker-next {
    width: 2rem;
    height: 2rem;
    color: #6c757d;
    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-visible,
  .p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .p-datepicker .p-datepicker-header .p-datepicker-title {
    line-height: 2rem;
  }
  .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year,
  .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
    color: #495057;
    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
    font-weight: 600;
    padding: 0.5rem;
  }
  .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover,
  .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover {
    color: #2196f3;
  }
  .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 #a6d5fa;
  }
  .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: #6c757d;
    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-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .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: 3px;
  }
  .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight {
    color: #495057;
    background: #e3f2fd;
  }
  .p-datepicker .p-yearpicker {
    margin: 0.5rem 0;
  }
  .p-datepicker .p-yearpicker .p-yearpicker-year {
    padding: 0.5rem;
    transition: box-shadow 0.2s;
    border-radius: 3px;
  }
  .p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight {
    color: #495057;
    background: #e3f2fd;
  }
  .p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
    border-left: 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;
    border-left: 0 none;
  }
  .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child {
    padding-right: 0;
  }
  .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 #a6d5fa;
  }
  .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover {
    background: #e9ecef;
  }
  .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover {
    background: #e9ecef;
  }
  .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  @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: 3px;
    outline-color: transparent;
  }
  .p-cascadeselect:not(.p-disabled):hover {
    border-color: #2196f3;
  }
  .p-cascadeselect:not(.p-disabled).p-focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
    border-color: #2196f3;
  }
  .p-cascadeselect.p-variant-filled {
    background-color: #f8f9fa;
  }
  .p-cascadeselect.p-variant-filled:enabled:hover {
    background-color: #f8f9fa;
  }
  .p-cascadeselect.p-variant-filled:enabled:focus {
    background-color: #ffffff;
  }
  .p-cascadeselect .p-cascadeselect-label {
    background: transparent;
    border: 0 none;
    padding: 0.5rem 0.5rem;
  }
  .p-cascadeselect .p-cascadeselect-label.p-placeholder {
    color: #6c757d;
  }
  .p-cascadeselect .p-cascadeselect-label:enabled:focus {
    outline: 0 none;
    box-shadow: none;
  }
  .p-cascadeselect .p-cascadeselect-trigger {
    background: transparent;
    color: #6c757d;
    width: 2.357rem;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
  }
  .p-cascadeselect.p-invalid.p-component {
    border-color: #f44336;
  }
  .p-cascadeselect-panel {
    background: #ffffff;
    color: #495057;
    border: 0 none;
    border-radius: 3px;
    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:first-child {
    margin-top: 0;
  }
  .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:last-child {
    margin-bottom: 0;
  }
  .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight {
    color: #495057;
    background: #e3f2fd;
  }
  .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus {
    background: rgba(33, 150, 243, 0.24);
  }
  .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus {
    color: #495057;
    background: #e9ecef;
  }
  .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-group-icon {
    font-size: 0.875rem;
  }
  .p-checkbox {
    position: relative;
    display: inline-flex;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    vertical-align: bottom;
  }
  .p-checkbox-input {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    opacity: 0;
    z-index: 1;
    outline: 0 none;
    cursor: pointer;
  }
  .p-checkbox-box {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .p-checkbox {
    width: 20px;
    height: 20px;
  }
  .p-checkbox .p-checkbox-input {
    border: 2px solid #ced4da;
    border-radius: 3px;
  }
  .p-checkbox .p-checkbox-box {
    border: 2px solid #ced4da;
    background: #ffffff;
    width: 20px;
    height: 20px;
    color: #495057;
    border-radius: 3px;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
    outline-color: transparent;
  }
  .p-checkbox .p-checkbox-box .p-checkbox-icon {
    transition-duration: 0.2s;
    color: #ffffff;
    font-size: 14px;
  }
  .p-checkbox .p-checkbox-box .p-checkbox-icon.p-icon {
    width: 14px;
    height: 14px;
  }
  .p-checkbox .p-checkbox-box {
    border: 2px solid #ced4da;
    background: #ffffff;
    width: 20px;
    height: 20px;
    color: #495057;
    border-radius: 3px;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
    outline-color: transparent;
  }
  .p-checkbox .p-checkbox-box .p-checkbox-icon {
    transition-duration: 0.2s;
    color: #ffffff;
    font-size: 14px;
  }
  .p-checkbox .p-checkbox-box .p-checkbox-icon.p-icon {
    width: 14px;
    height: 14px;
  }
  .p-checkbox.p-highlight .p-checkbox-box {
    border-color: #2196f3;
    background: #2196f3;
  }
  .p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
    border-color: #2196f3;
  }
  .p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
    border-color: #0b7ad1;
    background: #0b7ad1;
    color: #ffffff;
  }
  .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible) .p-checkbox-box {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
    border-color: #2196f3;
  }
  .p-checkbox.p-invalid > .p-checkbox-box {
    border-color: #f44336;
  }
  .p-checkbox.p-variant-filled .p-checkbox-box {
    background-color: #f8f9fa;
  }
  .p-checkbox.p-variant-filled.p-highlight .p-checkbox-box {
    background: #2196f3;
  }
  .p-checkbox.p-variant-filled:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
    background-color: #f8f9fa;
  }
  .p-checkbox.p-variant-filled:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
    background: #0b7ad1;
  }
  .p-input-filled .p-checkbox .p-checkbox-box {
    background-color: #f8f9fa;
  }
  .p-input-filled .p-checkbox.p-highlight .p-checkbox-box {
    background: #2196f3;
  }
  .p-input-filled .p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
    background-color: #f8f9fa;
  }
  .p-input-filled .p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
    background: #0b7ad1;
  }
  .p-checkbox {
    position: relative;
    display: inline-flex;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    vertical-align: bottom;
  }
  .p-checkbox-input {
    cursor: pointer;
  }
  .p-checkbox-box {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .p-tristatecheckbox.p-variant-filled .p-checkbox-box {
    background-color: #f8f9fa;
  }
  .p-tristatecheckbox.p-variant-filled.p-highlight .p-checkbox-box {
    background: #2196f3;
  }
  .p-tristatecheckbox.p-variant-filled:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
    background-color: #f8f9fa;
  }
  .p-tristatecheckbox.p-variant-filled:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
    background: #0b7ad1;
  }
  .p-chips {
    display: inline-flex;
  }
  .p-chips-multiple-container {
    margin: 0;
    padding: 0;
    list-style-type: none;
    cursor: text;
    overflow: hidden;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
  }
  .p-chips-token {
    cursor: default;
    display: inline-flex;
    align-items: center;
    flex: 0 0 auto;
  }
  .p-chips-input-token {
    flex: 1 1 auto;
    display: inline-flex;
  }
  .p-chips-token-icon {
    cursor: pointer;
  }
  .p-chips-input-token input {
    border: 0 none;
    outline: 0 none;
    background-color: transparent;
    margin: 0;
    padding: 0;
    box-shadow: none;
    border-radius: 0;
    width: 100%;
  }
  .p-fluid .p-chips {
    display: flex;
  }
  .p-chips:not(.p-disabled):hover .p-chips-multiple-container {
    border-color: #2196f3;
  }
  .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
    border-color: #2196f3;
  }
  .p-chips .p-chips-multiple-container {
    padding: 0.25rem 0.5rem;
    outline-color: transparent;
  }
  .p-chips .p-chips-multiple-container .p-chips-token {
    padding: 0.25rem 0.5rem;
    margin-right: 0.5rem;
    background: #dee2e6;
    color: #495057;
    border-radius: 16px;
  }
  .p-chips .p-chips-multiple-container .p-chips-token.p-focus {
    background: #ced4da;
    color: #495057;
  }
  .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: 0.25rem 0;
  }
  .p-chips .p-chips-multiple-container .p-chips-input-token input {
    font-family: var(--font-family);
    font-feature-settings: var(--font-feature-settings, normal);
    font-size: 1rem;
    color: #495057;
    padding: 0;
    margin: 0;
  }
  .p-chips.p-invalid.p-component > .p-inputtext {
    border-color: #f44336;
  }
  .p-colorpicker-preview {
    width: 2rem;
    height: 2rem;
  }
  .p-colorpicker-panel {
    background: #323232;
    border: 1px solid #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);
  }
  .p-dropdown {
    display: inline-flex;
    cursor: pointer;
    position: relative;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
  }
  .p-dropdown-clear-icon {
    position: absolute;
    top: 50%;
    margin-top: -0.5rem;
  }
  .p-dropdown-trigger {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
  }
  .p-dropdown-label {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    flex: 1 1 auto;
    width: 1%;
    text-overflow: ellipsis;
    cursor: pointer;
  }
  .p-dropdown-label-empty {
    overflow: hidden;
    opacity: 0;
  }
  input.p-dropdown-label {
    cursor: default;
  }
  .p-dropdown .p-dropdown-panel {
    min-width: 100%;
  }
  .p-dropdown-panel {
    position: absolute;
    top: 0;
    left: 0;
  }
  .p-dropdown-items-wrapper {
    overflow: auto;
  }
  .p-dropdown-item {
    cursor: pointer;
    font-weight: normal;
    white-space: nowrap;
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
  }
  .p-dropdown-item-group {
    cursor: auto;
  }
  .p-dropdown-items {
    margin: 0;
    padding: 0;
    list-style-type: none;
  }
  .p-dropdown-filter {
    width: 100%;
  }
  .p-dropdown-filter-container {
    position: relative;
  }
  .p-dropdown-filter-icon {
    position: absolute;
    top: 50%;
    margin-top: -0.5rem;
  }
  .p-fluid .p-dropdown {
    display: flex;
  }
  .p-fluid .p-dropdown .p-dropdown-label {
    width: 1%;
  }
  .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: 3px;
    outline-color: transparent;
  }
  .p-dropdown:not(.p-disabled):hover {
    border-color: #2196f3;
  }
  .p-dropdown:not(.p-disabled).p-focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
    border-color: #2196f3;
  }
  .p-dropdown.p-variant-filled {
    background: #f8f9fa;
  }
  .p-dropdown.p-variant-filled:not(.p-disabled):hover {
    background-color: #f8f9fa;
  }
  .p-dropdown.p-variant-filled:not(.p-disabled).p-focus {
    background-color: #ffffff;
  }
  .p-dropdown.p-variant-filled:not(.p-disabled).p-focus .p-inputtext {
    background-color: transparent;
  }
  .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: #6c757d;
  }
  .p-dropdown .p-dropdown-label:focus, .p-dropdown .p-dropdown-label:enabled:focus {
    outline: 0 none;
    box-shadow: none;
  }
  .p-dropdown .p-dropdown-trigger {
    background: transparent;
    color: #6c757d;
    width: 2.357rem;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
  }
  .p-dropdown .p-dropdown-clear-icon {
    color: #6c757d;
    right: 2.357rem;
  }
  .p-dropdown.p-invalid.p-component {
    border-color: #f44336;
  }
  .p-dropdown-panel {
    background: #ffffff;
    color: #495057;
    border: 0 none;
    border-radius: 3px;
    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: 3px;
    border-top-left-radius: 3px;
  }
  .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: #6c757d;
  }
  .p-dropdown-panel .p-dropdown-items {
    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:first-child {
    margin-top: 0;
  }
  .p-dropdown-panel .p-dropdown-items .p-dropdown-item:last-child {
    margin-bottom: 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.p-highlight.p-focus {
    background: rgba(33, 150, 243, 0.24);
  }
  .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus {
    color: #495057;
    background: #e9ecef;
  }
  .p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-check-icon {
    position: relative;
    margin-left: -0.5rem;
    margin-right: 0.5rem;
  }
  .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-panel .p-dropdown-items .p-dropdown-empty-message {
    padding: 0.5rem 1rem;
    color: #495057;
    background: transparent;
  }
  .p-inputgroup-addon {
    background: #e9ecef;
    color: #6c757d;
    border-top: 1px solid #ced4da;
    border-left: 1px solid #ced4da;
    border-bottom: 1px solid #ced4da;
    padding: 0.5rem 0.5rem;
    min-width: 2.357rem;
  }
  .p-inputgroup-addon:last-child {
    border-right: 1px solid #ced4da;
  }
  .p-inputgroup > .p-component,
  .p-inputgroup > .p-inputwrapper > .p-inputtext,
  .p-inputgroup > .p-float-label > .p-component {
    border-radius: 0;
    margin: 0;
  }
  .p-inputgroup > .p-component + .p-inputgroup-addon,
  .p-inputgroup > .p-inputwrapper > .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-inputwrapper > .p-inputtext:focus,
  .p-inputgroup > .p-float-label > .p-component:focus {
    z-index: 1;
  }
  .p-inputgroup > .p-component:focus ~ label,
  .p-inputgroup > .p-inputwrapper > .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-inputgroup > .p-inputwrapper:first-child > .p-inputtext {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
  }
  .p-inputgroup .p-float-label:first-child input {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
  }
  .p-inputgroup-addon:last-child,
  .p-inputgroup button:last-child,
  .p-inputgroup input:last-child,
  .p-inputgroup > .p-inputwrapper:last-child,
  .p-inputgroup > .p-inputwrapper:last-child > .p-inputtext {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
  }
  .p-inputgroup .p-float-label:last-child input {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
  }
  .p-fluid .p-inputgroup .p-button {
    width: auto;
  }
  .p-fluid .p-inputgroup .p-button.p-button-icon-only {
    width: 2.357rem;
  }
  .p-inputnumber.p-invalid.p-component > .p-inputtext {
    border-color: #f44336;
  }
  .p-inputswitch {
    position: relative;
    display: inline-block;
  }
  .p-inputswitch-input {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    opacity: 0;
    z-index: 1;
    outline: 0 none;
    cursor: pointer;
  }
  .p-inputswitch-slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border: 1px solid transparent;
  }
  .p-inputswitch-slider:before {
    position: absolute;
    content: "";
    top: 50%;
  }
  .p-inputswitch {
    width: 3rem;
    height: 1.75rem;
  }
  .p-inputswitch .p-inputswitch-input {
    border-radius: 30px;
  }
  .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;
    outline-color: transparent;
  }
  .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-highlight .p-inputswitch-slider {
    background: #2196f3;
  }
  .p-inputswitch.p-highlight .p-inputswitch-slider:before {
    background: #ffffff;
    transform: translateX(1.25rem);
  }
  .p-inputswitch:not(.p-disabled):has(.p-inputswitch-input:hover) .p-inputswitch-slider {
    background: #b6bfc8;
  }
  .p-inputswitch:not(.p-disabled):has(.p-inputswitch-input:hover).p-highlight .p-inputswitch-slider {
    background: #0d89ec;
  }
  .p-inputswitch:not(.p-disabled):has(.p-inputswitch-input:focus-visible) .p-inputswitch-slider {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .p-inputswitch.p-invalid > .p-inputswitch-slider {
    border-color: #f44336;
  }
  .p-inputtext {
    font-family: var(--font-family);
    font-feature-settings: var(--font-feature-settings, normal);
    font-size: 1rem;
    color: #495057;
    background: #ffffff;
    padding: 0.5rem 0.5rem;
    border: 1px solid #ced4da;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    border-radius: 3px;
    outline-color: transparent;
  }
  .p-inputtext:enabled:hover {
    border-color: #2196f3;
  }
  .p-inputtext:enabled:focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
    border-color: #2196f3;
  }
  .p-inputtext.p-invalid.p-component {
    border-color: #f44336;
  }
  .p-inputtext.p-variant-filled {
    background-color: #f8f9fa;
  }
  .p-inputtext.p-variant-filled:enabled:hover {
    background-color: #f8f9fa;
  }
  .p-inputtext.p-variant-filled:enabled:focus {
    background-color: #ffffff;
  }
  .p-inputtext.p-inputtext-sm {
    font-size: 0.875rem;
    padding: 0.4375rem 0.4375rem;
  }
  .p-inputtext.p-inputtext-lg {
    font-size: 1.25rem;
    padding: 0.625rem 0.625rem;
  }
  .p-float-label > label {
    left: 0.5rem;
    color: #6c757d;
    transition-duration: 0.2s;
  }
  .p-float-label > .p-invalid + label {
    color: #f44336;
  }
  .p-icon-field-left > .p-inputtext {
    padding-left: 2rem;
  }
  .p-icon-field-left.p-float-label > label {
    left: 2rem;
  }
  .p-icon-field-right > .p-inputtext {
    padding-right: 2rem;
  }
  ::-webkit-input-placeholder {
    color: #6c757d;
  }
  :-moz-placeholder {
    color: #6c757d;
  }
  ::-moz-placeholder {
    color: #6c757d;
  }
  :-ms-input-placeholder {
    color: #6c757d;
  }
  .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: 0.875rem;
    padding: 0.4375rem 0.4375rem;
  }
  .p-inputtext-lg .p-inputtext {
    font-size: 1.25rem;
    padding: 0.625rem 0.625rem;
  }
  .p-icon-field {
    position: relative;
  }
  .p-icon-field > .p-input-icon {
    position: absolute;
    top: 50%;
    margin-top: -0.5rem;
  }
  .p-fluid .p-icon-field-left,
  .p-fluid .p-icon-field-right {
    width: 100%;
  }
  .p-icon-field-left > .p-input-icon:first-of-type {
    left: 0.5rem;
    color: #6c757d;
  }
  .p-icon-field-right > .p-input-icon:last-of-type {
    right: 0.5rem;
    color: #6c757d;
  }
  .p-inputotp {
    display: flex;
    align-items: center;
    gap: 0.5rem;
  }
  .p-inputotp-input {
    text-align: center;
    width: 2rem;
  }
  .p-listbox-list-wrapper {
    overflow: auto;
  }
  .p-listbox-list {
    list-style-type: none;
    margin: 0;
    padding: 0;
  }
  .p-listbox-item {
    cursor: pointer;
    position: relative;
    overflow: hidden;
  }
  .p-listbox-item-group {
    cursor: auto;
  }
  .p-listbox-filter-container {
    position: relative;
  }
  .p-listbox-filter-icon {
    position: absolute;
    top: 50%;
    margin-top: -0.5rem;
  }
  .p-listbox-filter {
    width: 100%;
  }
  .p-listbox {
    background: #ffffff;
    color: #495057;
    border: 1px solid #ced4da;
    border-radius: 3px;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
    outline-color: transparent;
  }
  .p-listbox .p-listbox-header {
    padding: 0.5rem 1rem;
    border-bottom: 0 none;
    color: #495057;
    background: #f8f9fa;
    margin: 0;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
  }
  .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: #6c757d;
  }
  .p-listbox .p-listbox-list {
    padding: 0.5rem 0;
    outline: 0 none;
  }
  .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:first-child {
    margin-top: 0;
  }
  .p-listbox .p-listbox-list .p-listbox-item:last-child {
    margin-bottom: 0;
  }
  .p-listbox .p-listbox-list .p-listbox-item.p-highlight {
    color: #495057;
    background: #e3f2fd;
  }
  .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.p-highlight.p-focus {
    background: rgba(33, 150, 243, 0.24);
  }
  .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus {
    color: #495057;
    background: #e9ecef;
  }
  .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
    color: #495057;
    background: #e9ecef;
  }
  .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover.p-focus {
    color: #495057;
    background: #e9ecef;
  }
  .p-listbox.p-focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
    border-color: #2196f3;
  }
  .p-listbox.p-invalid {
    border-color: #f44336;
  }
  .p-mention-panel {
    background: #ffffff;
    color: #495057;
    border: 0 none;
    border-radius: 3px;
    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-mention-panel .p-mention-items {
    padding: 0.5rem 0;
  }
  .p-mention-panel .p-mention-items .p-mention-item {
    margin: 0;
    padding: 0.5rem 1rem;
    border: 0 none;
    color: #495057;
    background: transparent;
    transition: box-shadow 0.2s;
    border-radius: 0;
  }
  .p-mention-panel .p-mention-items .p-mention-item:hover {
    color: #495057;
    background: #e9ecef;
  }
  .p-mention-panel .p-mention-items .p-mention-item.p-highlight {
    color: #495057;
    background: #e3f2fd;
  }
  .p-multiselect {
    display: inline-flex;
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
  }
  .p-multiselect-trigger {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
  }
  .p-multiselect-label-container {
    overflow: hidden;
    flex: 1 1 auto;
    cursor: pointer;
  }
  .p-multiselect-label {
    display: block;
    white-space: nowrap;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .p-multiselect-label-empty {
    overflow: hidden;
    visibility: hidden;
  }
  .p-multiselect-token {
    cursor: default;
    display: inline-flex;
    align-items: center;
    flex: 0 0 auto;
  }
  .p-multiselect-token-icon {
    cursor: pointer;
  }
  .p-multiselect .p-multiselect-panel {
    min-width: 100%;
  }
  .p-multiselect-items-wrapper {
    overflow: auto;
  }
  .p-multiselect-items {
    margin: 0;
    padding: 0;
    list-style-type: none;
  }
  .p-multiselect-item {
    cursor: pointer;
    display: flex;
    align-items: center;
    font-weight: normal;
    white-space: nowrap;
    position: relative;
    overflow: hidden;
  }
  .p-multiselect-item-group {
    cursor: auto;
  }
  .p-multiselect-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .p-multiselect-filter-container {
    position: relative;
    flex: 1 1 auto;
  }
  .p-multiselect-filter-icon {
    position: absolute;
    top: 50%;
    margin-top: -0.5rem;
  }
  .p-multiselect-filter-container .p-inputtext {
    width: 100%;
  }
  .p-multiselect-close {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    overflow: hidden;
    position: relative;
    margin-left: auto;
  }
  .p-fluid .p-multiselect {
    display: flex;
  }
  .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: 3px;
    outline-color: transparent;
  }
  .p-multiselect:not(.p-disabled):hover {
    border-color: #2196f3;
  }
  .p-multiselect:not(.p-disabled).p-focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
    border-color: #2196f3;
  }
  .p-multiselect.p-variant-filled {
    background: #f8f9fa;
  }
  .p-multiselect.p-variant-filled:not(.p-disabled):hover {
    background-color: #f8f9fa;
  }
  .p-multiselect.p-variant-filled:not(.p-disabled).p-focus {
    background-color: #ffffff;
  }
  .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: #6c757d;
  }
  .p-multiselect.p-multiselect-chip .p-multiselect-token {
    padding: 0.25rem 0.5rem;
    margin-right: 0.5rem;
    background: #dee2e6;
    color: #495057;
    border-radius: 16px;
  }
  .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
    margin-left: 0.5rem;
  }
  .p-multiselect .p-multiselect-trigger {
    background: transparent;
    color: #6c757d;
    width: 2.357rem;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
  }
  .p-multiselect.p-invalid.p-component {
    border-color: #f44336;
  }
  .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label {
    padding: 0.25rem 0.5rem;
  }
  .p-multiselect-panel {
    background: #ffffff;
    color: #495057;
    border: 0 none;
    border-radius: 3px;
    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: 3px;
    border-top-left-radius: 3px;
  }
  .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext {
    padding-right: 1.5rem;
  }
  .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon {
    right: 0.5rem;
    color: #6c757d;
  }
  .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: #6c757d;
    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-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .p-multiselect-panel .p-multiselect-items {
    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:first-child {
    margin-top: 0;
  }
  .p-multiselect-panel .p-multiselect-items .p-multiselect-item:last-child {
    margin-bottom: 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.p-highlight.p-focus {
    background: rgba(33, 150, 243, 0.24);
  }
  .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus {
    color: #495057;
    background: #e9ecef;
  }
  .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-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: 3px;
  }
  .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 {
    position: relative;
    display: inline-flex;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    vertical-align: bottom;
  }
  .p-radiobutton-input {
    cursor: pointer;
  }
  .p-radiobutton-box {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .p-radiobutton-icon {
    backface-visibility: hidden;
    transform: translateZ(0) scale(0.1);
    border-radius: 50%;
    visibility: hidden;
  }
  .p-radiobutton.p-highlight .p-radiobutton-icon {
    transform: translateZ(0) scale(1, 1);
    visibility: visible;
  }
  .p-radiobutton {
    width: 20px;
    height: 20px;
  }
  .p-radiobutton .p-radiobutton-input {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    opacity: 0;
    z-index: 1;
    outline: 0 none;
    border: 2px solid #ced4da;
    border-radius: 50%;
  }
  .p-radiobutton .p-radiobutton-box {
    border: 2px solid #ced4da;
    background: #ffffff;
    width: 20px;
    height: 20px;
    color: #495057;
    border-radius: 50%;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
    outline-color: transparent;
  }
  .p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
    width: 12px;
    height: 12px;
    transition-duration: 0.2s;
    background-color: #ffffff;
  }
  .p-radiobutton.p-highlight .p-radiobutton-box {
    border-color: #2196f3;
    background: #2196f3;
  }
  .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
    border-color: #2196f3;
  }
  .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
    border-color: #0b7ad1;
    background: #0b7ad1;
  }
  .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box .p-radiobutton-icon {
    background-color: #ffffff;
  }
  .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible) .p-radiobutton-box {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
    border-color: #2196f3;
  }
  .p-radiobutton.p-invalid > .p-radiobutton-box {
    border-color: #f44336;
  }
  .p-radiobutton.p-variant-filled .p-radiobutton-box {
    background-color: #f8f9fa;
  }
  .p-radiobutton.p-variant-filled.p-highlight .p-radiobutton-box {
    background: #2196f3;
  }
  .p-radiobutton.p-variant-filled:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
    background-color: #f8f9fa;
  }
  .p-radiobutton.p-variant-filled:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
    background: #0b7ad1;
  }
  .p-input-filled .p-radiobutton .p-radiobutton-box {
    background-color: #f8f9fa;
  }
  .p-input-filled .p-radiobutton.p-highlight .p-radiobutton-box {
    background: #2196f3;
  }
  .p-input-filled .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
    background-color: #f8f9fa;
  }
  .p-input-filled .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
    background: #0b7ad1;
  }
  .p-rating {
    position: relative;
    display: flex;
    align-items: center;
  }
  .p-rating-item {
    display: inline-flex;
    align-items: center;
    cursor: pointer;
  }
  .p-rating.p-readonly .p-rating-item {
    cursor: default;
  }
  .p-rating {
    gap: 0.5rem;
  }
  .p-rating .p-rating-item {
    outline-color: transparent;
    border-radius: 50%;
  }
  .p-rating .p-rating-item .p-rating-icon {
    color: #495057;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
    font-size: 1.143rem;
  }
  .p-rating .p-rating-item .p-rating-icon.p-icon {
    width: 1.143rem;
    height: 1.143rem;
  }
  .p-rating .p-rating-item .p-rating-icon.p-rating-cancel {
    color: #e74c3c;
  }
  .p-rating .p-rating-item.p-focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .p-rating .p-rating-item.p-rating-item-active .p-rating-icon {
    color: #2196f3;
  }
  .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon {
    color: #2196f3;
  }
  .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel {
    color: #c0392b;
  }
  .p-selectbutton .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-selectbutton .p-button .p-button-icon-left,
  .p-selectbutton .p-button .p-button-icon-right {
    color: #6c757d;
  }
  .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover {
    background: #e9ecef;
    border-color: #ced4da;
    color: #495057;
  }
  .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: #6c757d;
  }
  .p-selectbutton .p-button.p-highlight {
    background: #2196f3;
    border-color: #2196f3;
    color: #ffffff;
  }
  .p-selectbutton .p-button.p-highlight .p-button-icon-left,
  .p-selectbutton .p-button.p-highlight .p-button-icon-right {
    color: #ffffff;
  }
  .p-selectbutton .p-button.p-highlight:hover {
    background: #0d89ec;
    border-color: #0d89ec;
    color: #ffffff;
  }
  .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left,
  .p-selectbutton .p-button.p-highlight:hover .p-button-icon-right {
    color: #ffffff;
  }
  .p-selectbutton.p-invalid > .p-button {
    border-color: #f44336;
  }
  .p-slider {
    background: #dee2e6;
    border: 0 none;
    border-radius: 3px;
  }
  .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 #2196f3;
    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 #a6d5fa;
  }
  .p-slider .p-slider-range {
    background: #2196f3;
  }
  .p-slider:not(.p-disabled) .p-slider-handle:hover {
    background: #2196f3;
    border-color: #2196f3;
  }
  .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: 3px;
  }
  .p-treeselect:not(.p-disabled):hover {
    border-color: #2196f3;
  }
  .p-treeselect:not(.p-disabled).p-focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
    border-color: #2196f3;
  }
  .p-treeselect.p-treeselect-clearable .p-treeselect-label {
    padding-right: 1.5rem;
  }
  .p-treeselect.p-variant-filled {
    background: #f8f9fa;
  }
  .p-treeselect.p-variant-filled:not(.p-disabled):hover {
    background-color: #f8f9fa;
  }
  .p-treeselect.p-variant-filled:not(.p-disabled).p-focus {
    background-color: #ffffff;
  }
  .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: #6c757d;
  }
  .p-treeselect.p-treeselect-chip .p-treeselect-token {
    padding: 0.25rem 0.5rem;
    margin-right: 0.5rem;
    background: #dee2e6;
    color: #495057;
    border-radius: 16px;
  }
  .p-treeselect .p-treeselect-trigger {
    background: transparent;
    color: #6c757d;
    width: 2.357rem;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
  }
  .p-treeselect .p-treeselect-clear-icon {
    color: #6c757d;
    right: 2.357rem;
  }
  .p-treeselect.p-invalid.p-component {
    border-color: #f44336;
  }
  .p-inputwrapper-filled.p-treeselect.p-treeselect-chip .p-treeselect-label {
    padding: 0.25rem 0.5rem;
  }
  .p-treeselect-panel {
    background: #ffffff;
    color: #495057;
    border: 0 none;
    border-radius: 3px;
    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-header {
    padding: 0.5rem 1rem;
    border-bottom: 0 none;
    color: #495057;
    background: #f8f9fa;
    margin: 0;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
  }
  .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container {
    margin-right: 0.5rem;
  }
  .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter {
    padding-right: 1.5rem;
  }
  .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter-icon {
    right: 0.5rem;
    color: #6c757d;
  }
  .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter {
    padding-right: 3rem;
  }
  .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter-clear-icon {
    right: 2rem;
  }
  .p-treeselect-panel .p-treeselect-header .p-treeselect-close {
    width: 2rem;
    height: 2rem;
    color: #6c757d;
    border: 0 none;
    background: transparent;
    border-radius: 50%;
    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
  }
  .p-treeselect-panel .p-treeselect-header .p-treeselect-close:enabled:hover {
    color: #495057;
    border-color: transparent;
    background: #e9ecef;
  }
  .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .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-togglebutton {
    position: relative;
    display: inline-flex;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    vertical-align: bottom;
  }
  .p-togglebutton-input {
    cursor: pointer;
  }
  .p-togglebutton .p-button {
    flex: 1 1 auto;
  }
  .p-togglebutton .p-togglebutton-input {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    opacity: 0;
    z-index: 1;
    outline: 0 none;
    border: 1px solid #ced4da;
    border-radius: 3px;
  }
  .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;
    outline-color: transparent;
  }
  .p-togglebutton .p-button .p-button-icon-left,
  .p-togglebutton .p-button .p-button-icon-right {
    color: #6c757d;
  }
  .p-togglebutton.p-highlight .p-button {
    background: #2196f3;
    border-color: #2196f3;
    color: #ffffff;
  }
  .p-togglebutton.p-highlight .p-button .p-button-icon-left,
  .p-togglebutton.p-highlight .p-button .p-button-icon-right {
    color: #ffffff;
  }
  .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button {
    background: #e9ecef;
    border-color: #ced4da;
    color: #495057;
  }
  .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button .p-button-icon-left,
  .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button .p-button-icon-right {
    color: #6c757d;
  }
  .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button {
    background: #0d89ec;
    border-color: #0d89ec;
    color: #ffffff;
  }
  .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button .p-button-icon-left,
  .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button .p-button-icon-right {
    color: #ffffff;
  }
  .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:focus-visible) .p-button {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
    border-color: #2196f3;
  }
  .p-togglebutton.p-invalid > .p-button {
    border-color: #f44336;
  }
  .p-button {
    color: #ffffff;
    background: #2196f3;
    border: 1px solid #2196f3;
    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: 3px;
  }
  .p-button:not(:disabled):hover {
    background: #0d89ec;
    color: #ffffff;
    border-color: #0d89ec;
  }
  .p-button:not(:disabled):active {
    background: #0b7ad1;
    color: #ffffff;
    border-color: #0b7ad1;
  }
  .p-button.p-button-outlined {
    background-color: transparent;
    color: #2196f3;
    border: 1px solid;
  }
  .p-button.p-button-outlined:not(:disabled):hover {
    background: rgba(33, 150, 243, 0.04);
    color: #2196f3;
    border: 1px solid;
  }
  .p-button.p-button-outlined:not(:disabled):active {
    background: rgba(33, 150, 243, 0.16);
    color: #2196f3;
    border: 1px solid;
  }
  .p-button.p-button-outlined.p-button-plain {
    color: #6c757d;
    border-color: #6c757d;
  }
  .p-button.p-button-outlined.p-button-plain:not(:disabled):hover {
    background: #e9ecef;
    color: #6c757d;
  }
  .p-button.p-button-outlined.p-button-plain:not(:disabled):active {
    background: #dee2e6;
    color: #6c757d;
  }
  .p-button.p-button-text {
    background-color: transparent;
    color: #2196f3;
    border-color: transparent;
  }
  .p-button.p-button-text:not(:disabled):hover {
    background: rgba(33, 150, 243, 0.04);
    color: #2196f3;
    border-color: transparent;
  }
  .p-button.p-button-text:not(:disabled):active {
    background: rgba(33, 150, 243, 0.16);
    color: #2196f3;
    border-color: transparent;
  }
  .p-button.p-button-text.p-button-plain {
    color: #6c757d;
  }
  .p-button.p-button-text.p-button-plain:not(:disabled):hover {
    background: #e9ecef;
    color: #6c757d;
  }
  .p-button.p-button-text.p-button-plain:not(:disabled):active {
    background: #dee2e6;
    color: #6c757d;
  }
  .p-button:focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .p-button .p-button-label {
    transition-duration: 0.2s;
  }
  .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: #2196f3;
    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-loading-left .p-button-label {
    margin-left: 0.5rem;
  }
  .p-button.p-button-loading-label-only.p-button-loading-right .p-button-label {
    margin-right: 0.5rem;
  }
  .p-button.p-button-loading-label-only.p-button-loading-top .p-button-label {
    margin-top: 0.5rem;
  }
  .p-button.p-button-loading-label-only.p-button-loading-bottom .p-button-label {
    margin-bottom: 0.5rem;
  }
  .p-button.p-button-loading-label-only .p-button-loading-icon {
    margin: 0;
  }
  .p-fluid .p-button {
    width: 100%;
  }
  .p-fluid .p-button-icon-only {
    width: 2.357rem;
  }
  .p-fluid .p-button-group {
    display: flex;
  }
  .p-fluid .p-button-group .p-button {
    flex: 1;
  }
  .p-button.p-button-secondary, .p-button-group.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button, .p-fileupload-choose.p-button-secondary {
    color: #ffffff;
    background: #607d8b;
    border: 1px solid #607d8b;
  }
  .p-button.p-button-secondary:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover, .p-fileupload-choose.p-button-secondary:not(:disabled):hover {
    background: #56717d;
    color: #ffffff;
    border-color: #56717d;
  }
  .p-button.p-button-secondary:not(:disabled):focus, .p-button-group.p-button-secondary > .p-button:not(:disabled):focus, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus, .p-fileupload-choose.p-button-secondary:not(:disabled):focus {
    box-shadow: 0 0 0 0.2rem #beccd2;
  }
  .p-button.p-button-secondary:not(:disabled):active, .p-button-group.p-button-secondary > .p-button:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):active, .p-fileupload-choose.p-button-secondary:not(:disabled):active {
    background: #4d646f;
    color: #ffffff;
    border-color: #4d646f;
  }
  .p-button.p-button-secondary.p-button-outlined, .p-button-group.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined, .p-fileupload-choose.p-button-secondary.p-button-outlined {
    background-color: transparent;
    color: #607d8b;
    border: 1px solid;
  }
  .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, .p-fileupload-choose.p-button-secondary.p-button-outlined:not(:disabled):hover {
    background: rgba(96, 125, 139, 0.04);
    color: #607d8b;
    border: 1px solid;
  }
  .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, .p-button-group.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, .p-fileupload-choose.p-button-secondary.p-button-outlined:not(:disabled):active {
    background: rgba(96, 125, 139, 0.16);
    color: #607d8b;
    border: 1px solid;
  }
  .p-button.p-button-secondary.p-button-text, .p-button-group.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text, .p-fileupload-choose.p-button-secondary.p-button-text {
    background-color: transparent;
    color: #607d8b;
    border-color: transparent;
  }
  .p-button.p-button-secondary.p-button-text:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, .p-fileupload-choose.p-button-secondary.p-button-text:not(:disabled):hover {
    background: rgba(96, 125, 139, 0.04);
    border-color: transparent;
    color: #607d8b;
  }
  .p-button.p-button-secondary.p-button-text:not(:disabled):active, .p-button-group.p-button-secondary > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active, .p-fileupload-choose.p-button-secondary.p-button-text:not(:disabled):active {
    background: rgba(96, 125, 139, 0.16);
    border-color: transparent;
    color: #607d8b;
  }
  .p-button.p-button-info, .p-button-group.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button, .p-fileupload-choose.p-button-info {
    color: #ffffff;
    background: #0288d1;
    border: 1px solid #0288d1;
  }
  .p-button.p-button-info:not(:disabled):hover, .p-button-group.p-button-info > .p-button:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button:not(:disabled):hover, .p-fileupload-choose.p-button-info:not(:disabled):hover {
    background: #027abc;
    color: #ffffff;
    border-color: #027abc;
  }
  .p-button.p-button-info:not(:disabled):focus, .p-button-group.p-button-info > .p-button:not(:disabled):focus, .p-splitbutton.p-button-info > .p-button:not(:disabled):focus, .p-fileupload-choose.p-button-info:not(:disabled):focus {
    box-shadow: 0 0 0 0.2rem #89d4fe;
  }
  .p-button.p-button-info:not(:disabled):active, .p-button-group.p-button-info > .p-button:not(:disabled):active, .p-splitbutton.p-button-info > .p-button:not(:disabled):active, .p-fileupload-choose.p-button-info:not(:disabled):active {
    background: #026da7;
    color: #ffffff;
    border-color: #026da7;
  }
  .p-button.p-button-info.p-button-outlined, .p-button-group.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined, .p-fileupload-choose.p-button-info.p-button-outlined {
    background-color: transparent;
    color: #0288d1;
    border: 1px solid;
  }
  .p-button.p-button-info.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, .p-fileupload-choose.p-button-info.p-button-outlined:not(:disabled):hover {
    background: rgba(2, 136, 209, 0.04);
    color: #0288d1;
    border: 1px solid;
  }
  .p-button.p-button-info.p-button-outlined:not(:disabled):active, .p-button-group.p-button-info > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active, .p-fileupload-choose.p-button-info.p-button-outlined:not(:disabled):active {
    background: rgba(2, 136, 209, 0.16);
    color: #0288d1;
    border: 1px solid;
  }
  .p-button.p-button-info.p-button-text, .p-button-group.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text, .p-fileupload-choose.p-button-info.p-button-text {
    background-color: transparent;
    color: #0288d1;
    border-color: transparent;
  }
  .p-button.p-button-info.p-button-text:not(:disabled):hover, .p-button-group.p-button-info > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover, .p-fileupload-choose.p-button-info.p-button-text:not(:disabled):hover {
    background: rgba(2, 136, 209, 0.04);
    border-color: transparent;
    color: #0288d1;
  }
  .p-button.p-button-info.p-button-text:not(:disabled):active, .p-button-group.p-button-info > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active, .p-fileupload-choose.p-button-info.p-button-text:not(:disabled):active {
    background: rgba(2, 136, 209, 0.16);
    border-color: transparent;
    color: #0288d1;
  }
  .p-button.p-button-success, .p-button-group.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button, .p-fileupload-choose.p-button-success {
    color: #ffffff;
    background: #689f38;
    border: 1px solid #689f38;
  }
  .p-button.p-button-success:not(:disabled):hover, .p-button-group.p-button-success > .p-button:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button:not(:disabled):hover, .p-fileupload-choose.p-button-success:not(:disabled):hover {
    background: #5e8f32;
    color: #ffffff;
    border-color: #5e8f32;
  }
  .p-button.p-button-success:not(:disabled):focus, .p-button-group.p-button-success > .p-button:not(:disabled):focus, .p-splitbutton.p-button-success > .p-button:not(:disabled):focus, .p-fileupload-choose.p-button-success:not(:disabled):focus {
    box-shadow: 0 0 0 0.2rem #c2e0a8;
  }
  .p-button.p-button-success:not(:disabled):active, .p-button-group.p-button-success > .p-button:not(:disabled):active, .p-splitbutton.p-button-success > .p-button:not(:disabled):active, .p-fileupload-choose.p-button-success:not(:disabled):active {
    background: #537f2d;
    color: #ffffff;
    border-color: #537f2d;
  }
  .p-button.p-button-success.p-button-outlined, .p-button-group.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined, .p-fileupload-choose.p-button-success.p-button-outlined {
    background-color: transparent;
    color: #689f38;
    border: 1px solid;
  }
  .p-button.p-button-success.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, .p-fileupload-choose.p-button-success.p-button-outlined:not(:disabled):hover {
    background: rgba(104, 159, 56, 0.04);
    color: #689f38;
    border: 1px solid;
  }
  .p-button.p-button-success.p-button-outlined:not(:disabled):active, .p-button-group.p-button-success > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active, .p-fileupload-choose.p-button-success.p-button-outlined:not(:disabled):active {
    background: rgba(104, 159, 56, 0.16);
    color: #689f38;
    border: 1px solid;
  }
  .p-button.p-button-success.p-button-text, .p-button-group.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text, .p-fileupload-choose.p-button-success.p-button-text {
    background-color: transparent;
    color: #689f38;
    border-color: transparent;
  }
  .p-button.p-button-success.p-button-text:not(:disabled):hover, .p-button-group.p-button-success > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover, .p-fileupload-choose.p-button-success.p-button-text:not(:disabled):hover {
    background: rgba(104, 159, 56, 0.04);
    border-color: transparent;
    color: #689f38;
  }
  .p-button.p-button-success.p-button-text:not(:disabled):active, .p-button-group.p-button-success > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active, .p-fileupload-choose.p-button-success.p-button-text:not(:disabled):active {
    background: rgba(104, 159, 56, 0.16);
    border-color: transparent;
    color: #689f38;
  }
  .p-button.p-button-warning, .p-button-group.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button, .p-fileupload-choose.p-button-warning {
    color: #212529;
    background: #fbc02d;
    border: 1px solid #fbc02d;
  }
  .p-button.p-button-warning:not(:disabled):hover, .p-button-group.p-button-warning > .p-button:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button:not(:disabled):hover, .p-fileupload-choose.p-button-warning:not(:disabled):hover {
    background: #fab710;
    color: #212529;
    border-color: #fab710;
  }
  .p-button.p-button-warning:not(:disabled):focus, .p-button-group.p-button-warning > .p-button:not(:disabled):focus, .p-splitbutton.p-button-warning > .p-button:not(:disabled):focus, .p-fileupload-choose.p-button-warning:not(:disabled):focus {
    box-shadow: 0 0 0 0.2rem #fde6ab;
  }
  .p-button.p-button-warning:not(:disabled):active, .p-button-group.p-button-warning > .p-button:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button:not(:disabled):active, .p-fileupload-choose.p-button-warning:not(:disabled):active {
    background: #e8a704;
    color: #212529;
    border-color: #e8a704;
  }
  .p-button.p-button-warning.p-button-outlined, .p-button-group.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined, .p-fileupload-choose.p-button-warning.p-button-outlined {
    background-color: transparent;
    color: #fbc02d;
    border: 1px solid;
  }
  .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, .p-fileupload-choose.p-button-warning.p-button-outlined:not(:disabled):hover {
    background: rgba(251, 192, 45, 0.04);
    color: #fbc02d;
    border: 1px solid;
  }
  .p-button.p-button-warning.p-button-outlined:not(:disabled):active, .p-button-group.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, .p-fileupload-choose.p-button-warning.p-button-outlined:not(:disabled):active {
    background: rgba(251, 192, 45, 0.16);
    color: #fbc02d;
    border: 1px solid;
  }
  .p-button.p-button-warning.p-button-text, .p-button-group.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text, .p-fileupload-choose.p-button-warning.p-button-text {
    background-color: transparent;
    color: #fbc02d;
    border-color: transparent;
  }
  .p-button.p-button-warning.p-button-text:not(:disabled):hover, .p-button-group.p-button-warning > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover, .p-fileupload-choose.p-button-warning.p-button-text:not(:disabled):hover {
    background: rgba(251, 192, 45, 0.04);
    border-color: transparent;
    color: #fbc02d;
  }
  .p-button.p-button-warning.p-button-text:not(:disabled):active, .p-button-group.p-button-warning > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active, .p-fileupload-choose.p-button-warning.p-button-text:not(:disabled):active {
    background: rgba(251, 192, 45, 0.16);
    border-color: transparent;
    color: #fbc02d;
  }
  .p-button.p-button-help, .p-button-group.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button, .p-fileupload-choose.p-button-help {
    color: #ffffff;
    background: #9c27b0;
    border: 1px solid #9c27b0;
  }
  .p-button.p-button-help:not(:disabled):hover, .p-button-group.p-button-help > .p-button:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button:not(:disabled):hover, .p-fileupload-choose.p-button-help:not(:disabled):hover {
    background: #8c239e;
    color: #ffffff;
    border-color: #8c239e;
  }
  .p-button.p-button-help:not(:disabled):focus, .p-button-group.p-button-help > .p-button:not(:disabled):focus, .p-splitbutton.p-button-help > .p-button:not(:disabled):focus, .p-fileupload-choose.p-button-help:not(:disabled):focus {
    box-shadow: 0 0 0 0.2rem #df9eea;
  }
  .p-button.p-button-help:not(:disabled):active, .p-button-group.p-button-help > .p-button:not(:disabled):active, .p-splitbutton.p-button-help > .p-button:not(:disabled):active, .p-fileupload-choose.p-button-help:not(:disabled):active {
    background: #7d1f8d;
    color: #ffffff;
    border-color: #7d1f8d;
  }
  .p-button.p-button-help.p-button-outlined, .p-button-group.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined, .p-fileupload-choose.p-button-help.p-button-outlined {
    background-color: transparent;
    color: #9c27b0;
    border: 1px solid;
  }
  .p-button.p-button-help.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, .p-fileupload-choose.p-button-help.p-button-outlined:not(:disabled):hover {
    background: rgba(156, 39, 176, 0.04);
    color: #9c27b0;
    border: 1px solid;
  }
  .p-button.p-button-help.p-button-outlined:not(:disabled):active, .p-button-group.p-button-help > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active, .p-fileupload-choose.p-button-help.p-button-outlined:not(:disabled):active {
    background: rgba(156, 39, 176, 0.16);
    color: #9c27b0;
    border: 1px solid;
  }
  .p-button.p-button-help.p-button-text, .p-button-group.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text, .p-fileupload-choose.p-button-help.p-button-text {
    background-color: transparent;
    color: #9c27b0;
    border-color: transparent;
  }
  .p-button.p-button-help.p-button-text:not(:disabled):hover, .p-button-group.p-button-help > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover, .p-fileupload-choose.p-button-help.p-button-text:not(:disabled):hover {
    background: rgba(156, 39, 176, 0.04);
    border-color: transparent;
    color: #9c27b0;
  }
  .p-button.p-button-help.p-button-text:not(:disabled):active, .p-button-group.p-button-help > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active, .p-fileupload-choose.p-button-help.p-button-text:not(:disabled):active {
    background: rgba(156, 39, 176, 0.16);
    border-color: transparent;
    color: #9c27b0;
  }
  .p-button.p-button-danger, .p-button-group.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button, .p-fileupload-choose.p-button-danger {
    color: #ffffff;
    background: #d32f2f;
    border: 1px solid #d32f2f;
  }
  .p-button.p-button-danger:not(:disabled):hover, .p-button-group.p-button-danger > .p-button:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button:not(:disabled):hover, .p-fileupload-choose.p-button-danger:not(:disabled):hover {
    background: #c02929;
    color: #ffffff;
    border-color: #c02929;
  }
  .p-button.p-button-danger:not(:disabled):focus, .p-button-group.p-button-danger > .p-button:not(:disabled):focus, .p-splitbutton.p-button-danger > .p-button:not(:disabled):focus, .p-fileupload-choose.p-button-danger:not(:disabled):focus {
    box-shadow: 0 0 0 0.2rem #edacac;
  }
  .p-button.p-button-danger:not(:disabled):active, .p-button-group.p-button-danger > .p-button:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button:not(:disabled):active, .p-fileupload-choose.p-button-danger:not(:disabled):active {
    background: #aa2424;
    color: #ffffff;
    border-color: #aa2424;
  }
  .p-button.p-button-danger.p-button-outlined, .p-button-group.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined, .p-fileupload-choose.p-button-danger.p-button-outlined {
    background-color: transparent;
    color: #d32f2f;
    border: 1px solid;
  }
  .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, .p-fileupload-choose.p-button-danger.p-button-outlined:not(:disabled):hover {
    background: rgba(211, 47, 47, 0.04);
    color: #d32f2f;
    border: 1px solid;
  }
  .p-button.p-button-danger.p-button-outlined:not(:disabled):active, .p-button-group.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, .p-fileupload-choose.p-button-danger.p-button-outlined:not(:disabled):active {
    background: rgba(211, 47, 47, 0.16);
    color: #d32f2f;
    border: 1px solid;
  }
  .p-button.p-button-danger.p-button-text, .p-button-group.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text, .p-fileupload-choose.p-button-danger.p-button-text {
    background-color: transparent;
    color: #d32f2f;
    border-color: transparent;
  }
  .p-button.p-button-danger.p-button-text:not(:disabled):hover, .p-button-group.p-button-danger > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover, .p-fileupload-choose.p-button-danger.p-button-text:not(:disabled):hover {
    background: rgba(211, 47, 47, 0.04);
    border-color: transparent;
    color: #d32f2f;
  }
  .p-button.p-button-danger.p-button-text:not(:disabled):active, .p-button-group.p-button-danger > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active, .p-fileupload-choose.p-button-danger.p-button-text:not(:disabled):active {
    background: rgba(211, 47, 47, 0.16);
    border-color: transparent;
    color: #d32f2f;
  }
  .p-button.p-button-link {
    color: #0b7ad1;
    background: transparent;
    border: transparent;
  }
  .p-button.p-button-link:not(:disabled):hover {
    background: transparent;
    color: #0b7ad1;
    border-color: transparent;
  }
  .p-button.p-button-link:not(:disabled):hover .p-button-label {
    text-decoration: underline;
  }
  .p-button.p-button-link:not(:disabled):focus {
    background: transparent;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
    border-color: transparent;
  }
  .p-button.p-button-link:not(:disabled):active {
    background: transparent;
    color: #0b7ad1;
    border-color: transparent;
  }
  .p-splitbutton {
    border-radius: 3px;
  }
  .p-splitbutton.p-button-outlined > .p-button {
    background-color: transparent;
    color: #2196f3;
    border: 1px solid;
  }
  .p-splitbutton.p-button-outlined > .p-button:not(:disabled):hover {
    background: rgba(33, 150, 243, 0.04);
    color: #2196f3;
  }
  .p-splitbutton.p-button-outlined > .p-button:not(:disabled):active {
    background: rgba(33, 150, 243, 0.16);
    color: #2196f3;
  }
  .p-splitbutton.p-button-outlined.p-button-plain > .p-button {
    color: #6c757d;
    border-color: #6c757d;
  }
  .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(:disabled):hover {
    background: #e9ecef;
    color: #6c757d;
  }
  .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(:disabled):active {
    background: #dee2e6;
    color: #6c757d;
  }
  .p-splitbutton.p-button-text > .p-button {
    background-color: transparent;
    color: #2196f3;
    border-color: transparent;
  }
  .p-splitbutton.p-button-text > .p-button:not(:disabled):hover {
    background: rgba(33, 150, 243, 0.04);
    color: #2196f3;
    border-color: transparent;
  }
  .p-splitbutton.p-button-text > .p-button:not(:disabled):active {
    background: rgba(33, 150, 243, 0.16);
    color: #2196f3;
    border-color: transparent;
  }
  .p-splitbutton.p-button-text.p-button-plain > .p-button {
    color: #6c757d;
  }
  .p-splitbutton.p-button-text.p-button-plain > .p-button:not(:disabled):hover {
    background: #e9ecef;
    color: #6c757d;
  }
  .p-splitbutton.p-button-text.p-button-plain > .p-button:not(:disabled):active {
    background: #dee2e6;
    color: #6c757d;
  }
  .p-splitbutton.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-splitbutton.p-button-rounded {
    border-radius: 2rem;
  }
  .p-splitbutton.p-button-rounded > .p-button {
    border-radius: 2rem;
  }
  .p-splitbutton.p-button-sm > .p-button {
    font-size: 0.875rem;
    padding: 0.4375rem 0.875rem;
  }
  .p-splitbutton.p-button-sm > .p-button .p-button-icon {
    font-size: 0.875rem;
  }
  .p-splitbutton.p-button-lg > .p-button {
    font-size: 1.25rem;
    padding: 0.625rem 1.25rem;
  }
  .p-splitbutton.p-button-lg > .p-button.p-button-icon-only {
    width: auto;
  }
  .p-splitbutton.p-button-lg > .p-button .p-button-icon {
    font-size: 1.25rem;
  }
  .p-splitbutton .p-splitbutton-menubutton,
  .p-splitbutton .p-splitbutton.p-button-rounded > .p-splitbutton-menubutton.p-button,
  .p-splitbutton .p-splitbutton.p-button-outlined > .p-splitbutton-menubutton.p-button {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .p-splitbutton.p-button-secondary.p-button-outlined > .p-button {
    background-color: transparent;
    color: #607d8b;
    border: 1px solid;
  }
  .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):hover {
    background: rgba(96, 125, 139, 0.04);
    color: #607d8b;
  }
  .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):active {
    background: rgba(96, 125, 139, 0.16);
    color: #607d8b;
  }
  .p-splitbutton.p-button-secondary.p-button-text > .p-button {
    background-color: transparent;
    color: #607d8b;
    border-color: transparent;
  }
  .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):hover {
    background: rgba(96, 125, 139, 0.04);
    border-color: transparent;
    color: #607d8b;
  }
  .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):active {
    background: rgba(96, 125, 139, 0.16);
    border-color: transparent;
    color: #607d8b;
  }
  .p-splitbutton.p-button-info.p-button-outlined > .p-button {
    background-color: transparent;
    color: #0288d1;
    border: 1px solid;
  }
  .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):hover {
    background: rgba(2, 136, 209, 0.04);
    color: #0288d1;
  }
  .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):active {
    background: rgba(2, 136, 209, 0.16);
    color: #0288d1;
  }
  .p-splitbutton.p-button-info.p-button-text > .p-button {
    background-color: transparent;
    color: #0288d1;
    border-color: transparent;
  }
  .p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):hover {
    background: rgba(2, 136, 209, 0.04);
    border-color: transparent;
    color: #0288d1;
  }
  .p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):active {
    background: rgba(2, 136, 209, 0.16);
    border-color: transparent;
    color: #0288d1;
  }
  .p-splitbutton.p-button-success.p-button-outlined > .p-button {
    background-color: transparent;
    color: #689f38;
    border: 1px solid;
  }
  .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):hover {
    background: rgba(104, 159, 56, 0.04);
    color: #689f38;
  }
  .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):active {
    background: rgba(104, 159, 56, 0.16);
    color: #689f38;
  }
  .p-splitbutton.p-button-success.p-button-text > .p-button {
    background-color: transparent;
    color: #689f38;
    border-color: transparent;
  }
  .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):hover {
    background: rgba(104, 159, 56, 0.04);
    border-color: transparent;
    color: #689f38;
  }
  .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):active {
    background: rgba(104, 159, 56, 0.16);
    border-color: transparent;
    color: #689f38;
  }
  .p-splitbutton.p-button-warning.p-button-outlined > .p-button {
    background-color: transparent;
    color: #fbc02d;
    border: 1px solid;
  }
  .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):hover {
    background: rgba(251, 192, 45, 0.04);
    color: #fbc02d;
  }
  .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):active {
    background: rgba(251, 192, 45, 0.16);
    color: #fbc02d;
  }
  .p-splitbutton.p-button-warning.p-button-text > .p-button {
    background-color: transparent;
    color: #fbc02d;
    border-color: transparent;
  }
  .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):hover {
    background: rgba(251, 192, 45, 0.04);
    border-color: transparent;
    color: #fbc02d;
  }
  .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):active {
    background: rgba(251, 192, 45, 0.16);
    border-color: transparent;
    color: #fbc02d;
  }
  .p-splitbutton.p-button-help.p-button-outlined > .p-button {
    background-color: transparent;
    color: #9c27b0;
    border: 1px solid;
  }
  .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):hover {
    background: rgba(156, 39, 176, 0.04);
    color: #9c27b0;
  }
  .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):active {
    background: rgba(156, 39, 176, 0.16);
    color: #9c27b0;
  }
  .p-splitbutton.p-button-help.p-button-text > .p-button {
    background-color: transparent;
    color: #9c27b0;
    border-color: transparent;
  }
  .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):hover {
    background: rgba(156, 39, 176, 0.04);
    border-color: transparent;
    color: #9c27b0;
  }
  .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):active {
    background: rgba(156, 39, 176, 0.16);
    border-color: transparent;
    color: #9c27b0;
  }
  .p-splitbutton.p-button-danger.p-button-outlined > .p-button {
    background-color: transparent;
    color: #d32f2f;
    border: 1px solid;
  }
  .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):hover {
    background: rgba(211, 47, 47, 0.04);
    color: #d32f2f;
  }
  .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):active {
    background: rgba(211, 47, 47, 0.16);
    color: #d32f2f;
  }
  .p-splitbutton.p-button-danger.p-button-text > .p-button {
    background-color: transparent;
    color: #d32f2f;
    border-color: transparent;
  }
  .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):hover {
    background: rgba(211, 47, 47, 0.04);
    border-color: transparent;
    color: #d32f2f;
  }
  .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):active {
    background: rgba(211, 47, 47, 0.16);
    border-color: transparent;
    color: #d32f2f;
  }
  .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-button.p-button.p-button-icon-only .p-button-icon.p-icon {
    width: 1.3rem;
    height: 1.3rem;
  }
  .p-speeddial-list {
    outline: 0 none;
  }
  .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;
  }
  .p-speeddial-direction-up .p-speeddial-item:first-child {
    margin-bottom: 0.5rem;
  }
  .p-speeddial-direction-down .p-speeddial-item {
    margin: 0.25rem;
  }
  .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);
    border-radius: 3px;
  }
  .p-carousel .p-carousel-content .p-carousel-prev,
  .p-carousel .p-carousel-content .p-carousel-next {
    width: 2rem;
    height: 2rem;
    color: #6c757d;
    border: 0 none;
    background: transparent;
    border-radius: 50%;
    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
  }
  .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-visible,
  .p-carousel .p-carousel-content .p-carousel-next:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .p-carousel .p-carousel-content .p-carousel-prev,
  .p-carousel .p-carousel-content .p-carousel-next {
    margin: 0.5rem;
  }
  .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: 1rem 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: 1rem 1rem;
    border: 1px solid #e9ecef;
    border-width: 0 0 1px 0;
    font-weight: 600;
    color: #495057;
    background: #f8f9fa;
    transition: box-shadow 0.2s;
  }
  .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: #6c757d;
    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):not(.p-sortable-disabled):hover {
    background: #e9ecef;
    color: #495057;
  }
  .p-datatable .p-sortable-column:not(.p-highlight):not(.p-sortable-disabled):hover .p-sortable-column-icon {
    color: #6c757d;
  }
  .p-datatable .p-sortable-column.p-highlight {
    background: #f8f9fa;
    color: #2196f3;
  }
  .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon {
    color: #2196f3;
  }
  .p-datatable .p-sortable-column.p-highlight:not(.p-sortable-disabled):hover {
    background: #e9ecef;
    color: #2196f3;
  }
  .p-datatable .p-sortable-column.p-highlight:not(.p-sortable-disabled):hover .p-sortable-column-icon {
    color: #2196f3;
  }
  .p-datatable .p-sortable-column:focus-visible {
    box-shadow: inset 0 0 0 0.15rem #a6d5fa;
    outline: 0 none;
  }
  .p-datatable .p-datatable-tbody > tr {
    background: #ffffff;
    color: #495057;
    transition: box-shadow 0.2s;
  }
  .p-datatable .p-datatable-tbody > tr > td {
    text-align: left;
    border: 1px solid #e9ecef;
    border-width: 0 0 1px 0;
    padding: 1rem 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: #6c757d;
    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-visible,
  .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible,
  .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible,
  .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save {
    margin-right: 0.5rem;
  }
  .p-datatable .p-datatable-tbody > tr > td > .p-column-title {
    font-weight: 600;
  }
  .p-datatable .p-datatable-tbody > tr > td.p-highlight {
    background: #e3f2fd;
    color: #495057;
  }
  .p-datatable .p-datatable-tbody > tr.p-highlight {
    background: #e3f2fd;
    color: #495057;
  }
  .p-datatable .p-datatable-tbody > tr.p-highlight-contextmenu {
    outline: 0.15rem solid #a6d5fa;
    outline-offset: -0.15rem;
  }
  .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-selectable .p-datatable-tbody > tr.p-selectable-row:not(.p-highlight):not(.p-datatable-emptymessage):hover {
    background: #e9ecef;
    color: #495057;
  }
  .p-datatable.p-datatable-selectable .p-datatable-tbody > tr.p-selectable-row:focus-visible {
    outline: 0.15rem solid #a6d5fa;
    outline-offset: -0.15rem;
  }
  .p-datatable.p-datatable-selectable-cell .p-datatable-tbody > tr.p-selectable-row > td.p-selectable-cell:not(.p-highlight):hover {
    background: #e9ecef;
    color: #495057;
  }
  .p-datatable.p-datatable-selectable-cell .p-datatable-tbody > tr.p-selectable-row > td.p-selectable-cell:focus-visible {
    outline: 0.15rem solid #a6d5fa;
    outline-offset: -0.15rem;
  }
  .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):not(.p-datatable-emptymessage):hover {
    background: #e9ecef;
    color: #495057;
  }
  .p-datatable .p-column-resizer-helper {
    background: #2196f3;
  }
  .p-datatable .p-datatable-scrollable-header,
  .p-datatable .p-datatable-scrollable-footer {
    background: #f8f9fa;
  }
  .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead,
  .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-virtualscroller > .p-datatable-table > .p-datatable-thead,
  .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-virtualscroller > .p-datatable-table > .p-datatable-tfoot {
    background-color: #f8f9fa;
  }
  .p-datatable .p-datatable-loading-icon {
    font-size: 2rem;
  }
  .p-datatable .p-datatable-loading-icon.p-icon {
    width: 2rem;
    height: 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 0 1px 1px;
  }
  .p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th:last-child {
    border-width: 1px;
  }
  .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td {
    border-width: 1px 0 0 1px;
  }
  .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td:last-child {
    border-width: 1px 1px 0 1px;
  }
  .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td {
    border-width: 1px 0 1px 1px;
  }
  .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td:last-child {
    border-width: 1px;
  }
  .p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td {
    border-width: 1px 0 1px 1px;
  }
  .p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td:last-child {
    border-width: 1px 1px 1px 1px;
  }
  .p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td {
    border-width: 0 0 1px 1px;
  }
  .p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td:last-child {
    border-width: 0 1px 1px 1px;
  }
  .p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td {
    border-width: 0 0 1px 1px;
  }
  .p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td:last-child {
    border-width: 0 1px 1px 1px;
  }
  .p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td {
    border-width: 0 0 0 1px;
  }
  .p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td:last-child {
    border-width: 0 1px 0 1px;
  }
  .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd {
    background: #fcfcfc;
  }
  .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight {
    background: #e3f2fd;
    color: #495057;
  }
  .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight .p-row-toggler {
    color: #495057;
  }
  .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight .p-row-toggler:hover {
    color: #495057;
  }
  .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd + .p-row-expanded {
    background: #fcfcfc;
  }
  .p-datatable.p-datatable-sm .p-datatable-header {
    padding: 0.5rem 0.5rem;
  }
  .p-datatable.p-datatable-sm .p-datatable-thead > tr > th {
    padding: 0.5rem 0.5rem;
  }
  .p-datatable.p-datatable-sm .p-datatable-tbody > tr > td {
    padding: 0.5rem 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: 1.25rem 1.25rem;
  }
  .p-datatable.p-datatable-lg .p-datatable-thead > tr > th {
    padding: 1.25rem 1.25rem;
  }
  .p-datatable.p-datatable-lg .p-datatable-tbody > tr > td {
    padding: 1.25rem 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-datatable-drag-selection-helper {
    background: rgba(33, 150, 243, 0.16);
  }
  .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: 1rem 1rem;
    font-weight: 600;
  }
  .p-dataview .p-dataview-content {
    background: #ffffff;
    color: #495057;
    border: 0 none;
    padding: 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: 3px;
    border-bottom-right-radius: 3px;
  }
  .p-dataview .p-dataview-loading-icon {
    font-size: 2rem;
  }
  .p-dataview .p-dataview-loading-icon.p-icon {
    width: 2rem;
    height: 2rem;
  }
  .p-datascroller .p-paginator-top {
    border-width: 0 0 1px 0;
    border-radius: 0;
  }
  .p-datascroller .p-paginator-bottom {
    border-width: 0 0 1px 0;
    border-radius: 0;
  }
  .p-datascroller .p-datascroller-header {
    background: #f8f9fa;
    color: #495057;
    border: 1px solid #e9ecef;
    border-width: 1px 0 1px 0;
    padding: 1rem 1rem;
    font-weight: 600;
  }
  .p-datascroller .p-datascroller-content {
    background: #ffffff;
    color: #495057;
    border: 0 none;
    padding: 0;
  }
  .p-datascroller.p-datascroller-inline .p-datascroller-list > li {
    border: solid #e9ecef;
    border-width: 0 0 1px 0;
  }
  .p-datascroller .p-datascroller-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: 3px;
    border-bottom-right-radius: 3px;
  }
  .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: #6c757d;
    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-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .p-column-filter-clear-button {
    width: 2rem;
    height: 2rem;
    color: #6c757d;
    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-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .p-column-filter-overlay {
    background: #ffffff;
    color: #495057;
    border: 0 none;
    border-radius: 3px;
    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-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: inset 0 0 0 0.15rem #a6d5fa;
  }
  .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: 3px;
    border-top-left-radius: 3px;
  }
  .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;
  }
  .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;
    font-weight: 600;
    border-bottom: 0 none;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
  }
  .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: #6c757d;
  }
  .p-orderlist .p-orderlist-list {
    border: 1px solid #dee2e6;
    background: #ffffff;
    color: #495057;
    padding: 0.5rem 0;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    outline: 0 none;
  }
  .p-orderlist .p-orderlist-list .p-orderlist-item {
    padding: 0.5rem 1rem;
    margin: 0;
    border: 0 none;
    color: #495057;
    background: transparent;
    transition: transform 0.2s, box-shadow 0.2s;
  }
  .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover {
    background: #e9ecef;
    color: #495057;
  }
  .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus {
    color: #495057;
    background: #dee2e6;
  }
  .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
    color: #495057;
    background: #e3f2fd;
  }
  .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus {
    background: rgba(33, 150, 243, 0.24);
  }
  .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) {
    background: #e9ecef;
  }
  .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover {
    background: #e9ecef;
  }
  .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: #6cbbf5;
  }
  .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-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .p-paginator {
    background: #ffffff;
    color: #6c757d;
    border: solid #e9ecef;
    border-width: 0;
    padding: 0.5rem 1rem;
    border-radius: 3px;
  }
  .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: #6c757d;
    min-width: 2.357rem;
    height: 2.357rem;
    margin: 0.143rem;
    transition: box-shadow 0.2s;
    border-radius: 3px;
  }
  .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: 3px;
    border-bottom-left-radius: 3px;
  }
  .p-paginator .p-paginator-last {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
  }
  .p-paginator .p-dropdown {
    margin-left: 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: #6c757d;
    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: #6c757d;
    min-width: 2.357rem;
    height: 2.357rem;
    margin: 0.143rem;
    transition: box-shadow 0.2s;
    border-radius: 3px;
  }
  .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;
    font-weight: 600;
    border-bottom: 0 none;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
  }
  .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: #6c757d;
  }
  .p-picklist .p-picklist-list {
    border: 1px solid #dee2e6;
    background: #ffffff;
    color: #495057;
    padding: 0.5rem 0;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    outline: 0 none;
  }
  .p-picklist .p-picklist-list .p-picklist-item {
    padding: 0.5rem 1rem;
    margin: 0;
    border: 0 none;
    color: #495057;
    background: transparent;
    transition: transform 0.2s, box-shadow 0.2s;
  }
  .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover {
    background: #e9ecef;
    color: #495057;
  }
  .p-picklist .p-picklist-list .p-picklist-item.p-focus {
    color: #495057;
    background: #dee2e6;
  }
  .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
    color: #495057;
    background: #e3f2fd;
  }
  .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus {
    background: rgba(33, 150, 243, 0.24);
  }
  .p-tree-container {
    margin: 0;
    padding: 0;
    list-style-type: none;
    overflow: auto;
  }
  .p-treenode-children {
    margin: 0;
    padding: 0;
    list-style-type: none;
  }
  .p-treenode-selectable {
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
  }
  .p-tree-toggler {
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    position: relative;
    flex-shrink: 0;
  }
  .p-treenode-leaf > .p-treenode-content .p-tree-toggler {
    visibility: hidden;
  }
  .p-treenode-content {
    display: flex;
    align-items: center;
  }
  .p-tree-filter {
    width: 100%;
  }
  .p-tree-filter-container {
    position: relative;
    display: block;
    width: 100%;
  }
  .p-tree-filter-icon {
    position: absolute;
    top: 50%;
    margin-top: -0.5rem;
  }
  .p-tree-loading {
    position: relative;
    min-height: 4rem;
  }
  .p-tree .p-tree-loading-overlay {
    position: absolute;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .p-tree {
    border: 1px solid #dee2e6;
    background: #ffffff;
    color: #495057;
    padding: 1rem;
    border-radius: 3px;
  }
  .p-tree .p-tree-container .p-treenode {
    padding: 0.143rem;
    outline: 0 none;
  }
  .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: inset 0 0 0 0.15rem #a6d5fa;
  }
  .p-tree .p-tree-container .p-treenode .p-treenode-content {
    border-radius: 3px;
    transition: box-shadow 0.2s;
    padding: 0;
  }
  .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler {
    margin-right: 0.5rem;
    width: 2rem;
    height: 2rem;
    color: #6c757d;
    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-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon {
    margin-right: 0.5rem;
    color: #6c757d;
  }
  .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.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: #6c757d;
  }
  .p-tree .p-treenode-children {
    padding: 0 0 0 1rem;
  }
  .p-tree .p-tree-loading-icon {
    font-size: 2rem;
  }
  .p-tree .p-tree-loading-icon.p-icon {
    width: 2rem;
    height: 2rem;
  }
  .p-tree .p-treenode-droppoint {
    height: 0.5rem;
  }
  .p-tree .p-treenode-droppoint.p-treenode-droppoint-active {
    background: #89c8f7;
  }
  .p-treetable {
    position: relative;
  }
  .p-treetable > .p-treetable-wrapper {
    overflow: auto;
  }
  .p-treetable table {
    border-collapse: collapse;
    width: 100%;
    table-layout: fixed;
  }
  .p-treetable .p-sortable-column {
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
  }
  .p-treetable-selectable .p-treetable-tbody > tr {
    cursor: pointer;
  }
  .p-treetable-toggler {
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    vertical-align: middle;
    overflow: hidden;
    position: relative;
  }
  .p-treetable-toggler + .p-checkbox {
    vertical-align: middle;
  }
  .p-treetable-toggler + .p-checkbox + span {
    vertical-align: middle;
  }
  /* Resizable */
  .p-treetable-resizable > .p-treetable-wrapper {
    overflow-x: auto;
  }
  .p-treetable-resizable .p-treetable-thead > tr > th,
  .p-treetable-resizable .p-treetable-tfoot > tr > td,
  .p-treetable-resizable .p-treetable-tbody > tr > td {
    overflow: hidden;
  }
  .p-treetable-resizable .p-resizable-column {
    background-clip: padding-box;
    position: relative;
  }
  .p-treetable-resizable-fit .p-resizable-column:last-child .p-column-resizer {
    display: none;
  }
  .p-treetable .p-column-resizer {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    width: 0.5rem;
    height: 100%;
    padding: 0px;
    cursor: col-resize;
    border: 1px solid transparent;
  }
  .p-treetable .p-column-resizer-helper {
    width: 1px;
    position: absolute;
    z-index: 10;
    display: none;
  }
  /* Scrollable */
  .p-treetable-scrollable-wrapper {
    position: relative;
  }
  .p-treetable-scrollable-header,
  .p-treetable-scrollable-footer {
    overflow: hidden;
    border: 0 none;
  }
  .p-treetable-scrollable-body {
    overflow: auto;
    position: relative;
  }
  .p-treetable-virtual-table {
    position: absolute;
  }
  /* Frozen Columns */
  .p-treetable-frozen-view .p-treetable-scrollable-body {
    overflow: hidden;
  }
  .p-treetable-unfrozen-view {
    position: absolute;
    top: 0px;
    left: 0px;
  }
  /* Reorder */
  .p-treetable-reorder-indicator-up,
  .p-treetable-reorder-indicator-down {
    position: absolute;
    display: none;
  }
  /* Loader */
  .p-treetable .p-treetable-loading-overlay {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
  }
  /* Alignment */
  .p-treetable .p-treetable-thead > tr > th.p-align-left > .p-column-header-content,
  .p-treetable .p-treetable-tbody > tr > td.p-align-left,
  .p-treetable .p-treetable-tfoot > tr > td.p-align-left {
    text-align: left;
    justify-content: flex-start;
  }
  .p-treetable .p-treetable-thead > tr > th.p-align-right > .p-column-header-content,
  .p-treetable .p-treetable-tbody > tr > td.p-align-right,
  .p-treetable .p-treetable-tfoot > tr > td.p-align-right {
    text-align: right;
    justify-content: flex-end;
  }
  .p-treetable .p-treetable-thead > tr > th.p-align-center > .p-column-header-content,
  .p-treetable .p-treetable-tbody > tr > td.p-align-center,
  .p-treetable .p-treetable-tfoot > tr > td.p-align-center {
    text-align: center;
    justify-content: center;
  }
  .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: 1rem 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: 1rem 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: #a6d5fa;
  }
  .p-treetable .p-sortable-column .p-sortable-column-icon {
    color: #6c757d;
    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: #6c757d;
  }
  .p-treetable .p-sortable-column.p-highlight {
    background: #f8f9fa;
    color: #2196f3;
  }
  .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon {
    color: #2196f3;
  }
  .p-treetable .p-treetable-tbody > tr {
    background: #ffffff;
    color: #495057;
    transition: box-shadow 0.2s;
  }
  .p-treetable .p-treetable-tbody > tr > td {
    text-align: left;
    border: 1px solid #e9ecef;
    border-width: 0 0 1px 0;
    padding: 1rem 1rem;
  }
  .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler {
    width: 2rem;
    height: 2rem;
    color: #6c757d;
    border: 0 none;
    background: transparent;
    border-radius: 50%;
    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
  }
  .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-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler {
    margin-right: 0.5rem;
  }
  .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox {
    margin-right: 0.5rem;
  }
  .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox .p-indeterminate .p-checkbox-icon {
    color: #495057;
  }
  .p-treetable .p-treetable-tbody > tr:focus-visible {
    outline: 0.15rem solid #a6d5fa;
    outline-offset: -0.15rem;
  }
  .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-selectable .p-treetable-tbody > tr:not(.p-highlight):hover, .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover {
    background: #e9ecef;
    color: #495057;
  }
  .p-treetable.p-treetable-selectable .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler, .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: #2196f3;
  }
  .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-loading-icon.p-icon {
    width: 2rem;
    height: 2rem;
  }
  .p-treetable.p-treetable-gridlines .p-treetable-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-striped .p-treetable-tbody > tr.p-row-odd {
    background: #fcfcfc;
  }
  .p-treetable.p-treetable-striped .p-treetable-tbody > tr.p-row-odd.p-highlight {
    background: #e3f2fd;
    color: #495057;
  }
  .p-treetable.p-treetable-striped .p-treetable-tbody > tr.p-row-odd.p-highlight .p-row-toggler {
    color: #495057;
  }
  .p-treetable.p-treetable-striped .p-treetable-tbody > tr.p-row-odd.p-highlight .p-row-toggler:hover {
    color: #495057;
  }
  .p-treetable.p-treetable-striped .p-treetable-tbody > tr.p-row-odd + .p-row-expanded {
    background: #fcfcfc;
  }
  .p-treetable.p-treetable-sm .p-treetable-header {
    padding: 0.875rem 0.875rem;
  }
  .p-treetable.p-treetable-sm .p-treetable-thead > tr > th {
    padding: 0.5rem 0.5rem;
  }
  .p-treetable.p-treetable-sm .p-treetable-tbody > tr > td {
    padding: 0.5rem 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: 1.25rem 1.25rem;
  }
  .p-treetable.p-treetable-lg .p-treetable-thead > tr > th {
    padding: 1.25rem 1.25rem;
  }
  .p-treetable.p-treetable-lg .p-treetable-tbody > tr > td {
    padding: 1.25rem 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-timeline .p-timeline-event-marker {
    border: 2px solid #2196f3;
    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-accordion .p-accordion-header .p-accordion-header-link {
    padding: 1rem;
    border: 1px solid #dee2e6;
    color: #495057;
    background: #f8f9fa;
    font-weight: 600;
    border-radius: 3px;
    transition: box-shadow 0.2s;
  }
  .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
    margin-right: 0.5rem;
  }
  .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .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 {
    padding: 1rem;
    border: 1px solid #dee2e6;
    background: #ffffff;
    color: #495057;
    border-top: 0;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
  }
  .p-accordion .p-accordion-tab {
    margin-bottom: 0;
  }
  .p-accordion .p-accordion-tab .p-accordion-header .p-accordion-header-link {
    border-radius: 0;
  }
  .p-accordion .p-accordion-tab .p-accordion-content {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }
  .p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header .p-accordion-header-link {
    border-top: 0 none;
  }
  .p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link, .p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link {
    border-top: 0 none;
  }
  .p-accordion .p-accordion-tab:first-child .p-accordion-header .p-accordion-header-link {
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
  }
  .p-accordion .p-accordion-tab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-header-link {
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
  }
  .p-accordion .p-accordion-tab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-content {
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
  }
  .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: 3px;
  }
  .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: #6c757d;
  }
  .p-card .p-card-content {
    padding: 1rem 0;
  }
  .p-card .p-card-footer {
    padding: 1rem 0 0 0;
  }
  .p-fieldset {
    border: 1px solid #dee2e6;
    background: #ffffff;
    color: #495057;
    border-radius: 3px;
  }
  .p-fieldset .p-fieldset-legend {
    padding: 1rem;
    border: 1px solid #dee2e6;
    color: #495057;
    background: #f8f9fa;
    font-weight: 600;
    border-radius: 3px;
  }
  .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: 3px;
    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-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
    background: #e9ecef;
    border-color: #dee2e6;
    color: #495057;
  }
  .p-fieldset .p-fieldset-content {
    padding: 1rem;
  }
  .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-panel .p-panel-header {
    border: 1px solid #dee2e6;
    padding: 1rem;
    background: #f8f9fa;
    color: #495057;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
  }
  .p-panel .p-panel-header .p-panel-title {
    font-weight: 600;
  }
  .p-panel .p-panel-header .p-panel-header-icon {
    width: 2rem;
    height: 2rem;
    color: #6c757d;
    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-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .p-panel.p-panel-toggleable .p-panel-header {
    padding: 0.5rem 1rem;
  }
  .p-panel:has(> .p-panel-footer) .p-panel-content {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }
  .p-panel .p-panel-content {
    padding: 1rem;
    border: 1px solid #dee2e6;
    background: #ffffff;
    color: #495057;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    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-splitter {
    border: 1px solid #dee2e6;
    background: #ffffff;
    border-radius: 3px;
    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 .p-splitter-gutter-handle:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .p-splitter .p-splitter-gutter-resizing {
    background: #dee2e6;
  }
  .p-stepper .p-stepper-nav {
    display: flex;
    justify-content: space-between;
    margin: 0;
    padding: 0;
    list-style-type: none;
  }
  .p-stepper .p-stepper-header {
    padding: 0.5rem;
  }
  .p-stepper .p-stepper-header .p-stepper-action {
    transition: box-shadow 0.2s;
    border-radius: 3px;
    background: #ffffff;
    outline-color: transparent;
  }
  .p-stepper .p-stepper-header .p-stepper-action .p-stepper-number {
    color: #495057;
    border: 1px solid #e9ecef;
    border-width: 2px;
    background: #ffffff;
    min-width: 2rem;
    height: 2rem;
    line-height: 2rem;
    font-size: 1.143rem;
    border-radius: 50%;
    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
  }
  .p-stepper .p-stepper-header .p-stepper-action .p-stepper-title {
    margin-left: 0.5rem;
    color: #6c757d;
    font-weight: 600;
    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
  }
  .p-stepper .p-stepper-header .p-stepper-action:not(.p-disabled):focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .p-stepper .p-stepper-header.p-highlight .p-stepper-number {
    background: #e3f2fd;
    color: #495057;
  }
  .p-stepper .p-stepper-header.p-highlight .p-stepper-title {
    color: #495057;
  }
  .p-stepper .p-stepper-header:not(.p-disabled):focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .p-stepper .p-stepper-header:has(~ .p-highlight) .p-stepper-separator {
    background-color: #2196f3;
  }
  .p-stepper .p-stepper-panels {
    background: #ffffff;
    padding: 1rem;
    color: #495057;
  }
  .p-stepper .p-stepper-separator {
    background-color: #dee2e6;
    width: 100%;
    height: 2px;
    margin-inline-start: 1rem;
    transition: box-shadow 0.2s;
  }
  .p-stepper.p-stepper-vertical {
    display: flex;
    flex-direction: column;
  }
  .p-stepper.p-stepper-vertical .p-stepper-toggleable-content {
    display: flex;
    flex: 1 1 auto;
    background: #ffffff;
    color: #495057;
  }
  .p-stepper.p-stepper-vertical .p-stepper-panel {
    display: flex;
    flex-direction: column;
    flex: initial;
  }
  .p-stepper.p-stepper-vertical .p-stepper-panel.p-stepper-panel-active {
    flex: 1 1 auto;
  }
  .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-header {
    flex: initial;
  }
  .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-content {
    width: 100%;
    padding-left: 1rem;
  }
  .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-separator {
    flex: 0 0 auto;
    width: 2px;
    height: auto;
    margin-inline-start: calc(1.75rem + 2px);
  }
  .p-stepper.p-stepper-vertical .p-stepper-panel:has(~ .p-stepper-panel-active) .p-stepper-separator {
    background-color: #2196f3;
  }
  .p-stepper.p-stepper-vertical .p-stepper-panel:last-of-type .p-stepper-content {
    padding-left: 3rem;
  }
  .p-scrollpanel .p-scrollpanel-bar {
    background: #f8f9fa;
    border: 0 none;
  }
  .p-scrollpanel .p-scrollpanel-bar:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .p-tabview-nav-container {
    position: relative;
  }
  .p-tabview-scrollable .p-tabview-nav-container {
    overflow: hidden;
  }
  .p-tabview-nav-content {
    overflow-x: auto;
    overflow-y: hidden;
    scroll-behavior: smooth;
    scrollbar-width: none;
    overscroll-behavior: contain auto;
    position: relative;
  }
  .p-tabview-nav {
    display: flex;
    margin: 0;
    padding: 0;
    list-style-type: none;
    flex: 1 1 auto;
  }
  .p-tabview-nav-link {
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    display: flex;
    align-items: center;
    position: relative;
    text-decoration: none;
    overflow: hidden;
  }
  .p-tabview-ink-bar {
    display: none;
    z-index: 1;
  }
  .p-tabview-nav-link:focus {
    z-index: 1;
  }
  .p-tabview-close {
    z-index: 1;
  }
  .p-tabview-title {
    line-height: 1;
    white-space: nowrap;
  }
  .p-tabview-nav-btn {
    position: absolute;
    top: 0;
    z-index: 2;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .p-tabview-nav-prev {
    left: 0;
  }
  .p-tabview-nav-next {
    right: 0;
  }
  .p-tabview-nav-content::-webkit-scrollbar {
    display: none;
  }
  .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: #6c757d;
    padding: 1rem;
    font-weight: 600;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    transition: box-shadow 0.2s;
    margin: 0 0 -2px 0;
  }
  .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: inset 0 0 0 0.2rem #a6d5fa;
  }
  .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link {
    background: #ffffff;
    border-color: #6c757d;
    color: #6c757d;
  }
  .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {
    background: #ffffff;
    border-color: #2196f3;
    color: #2196f3;
  }
  .p-tabview .p-tabview-close {
    margin-left: 0.5rem;
  }
  .p-tabview .p-tabview-nav-btn.p-link {
    background: #ffffff;
    color: #2196f3;
    width: 2.357rem;
    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);
    border-radius: 0;
  }
  .p-tabview .p-tabview-nav-btn.p-link:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: inset 0 0 0 0.2rem #a6d5fa;
  }
  .p-tabview .p-tabview-panels {
    background: #ffffff;
    padding: 1rem;
    border: 0 none;
    color: #495057;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
  }
  .p-toolbar {
    background: #f8f9fa;
    border: 1px solid #dee2e6;
    padding: 1rem;
    border-radius: 3px;
    gap: 0.5rem;
  }
  .p-toolbar .p-toolbar-separator {
    margin: 0 0.5rem;
  }
  .p-confirm-popup {
    background: #ffffff;
    color: #495057;
    border: 0 none;
    border-radius: 3px;
    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 1rem 1rem 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: #f2f2f2;
  }
  .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-icon.p-icon {
    width: 1.5rem;
    height: 1.5rem;
  }
  .p-confirm-popup .p-confirm-popup-message {
    margin-left: 1rem;
  }
  .p-dialog {
    border-radius: 3px;
    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: 3px;
    border-top-left-radius: 3px;
  }
  .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: #6c757d;
    border: 0 none;
    background: transparent;
    border-radius: 50%;
    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
  }
  .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-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .p-dialog .p-dialog-header .p-dialog-header-icon {
    margin-right: 0.5rem;
  }
  .p-dialog .p-dialog-header .p-dialog-header-icon:last-child {
    margin-right: 0;
  }
  .p-dialog .p-dialog-content {
    background: #ffffff;
    color: #495057;
    padding: 0 1.5rem 2rem 1.5rem;
  }
  .p-dialog .p-dialog-content:last-of-type {
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
  }
  .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: 3px;
    border-bottom-left-radius: 3px;
  }
  .p-dialog .p-dialog-footer button {
    margin: 0 0.5rem 0 0;
    width: auto;
  }
  .p-dialog.p-dialog-maximized .p-dialog-header, .p-dialog.p-dialog-maximized .p-dialog-content:last-of-type {
    border-radius: 0;
  }
  .p-dialog.p-confirm-dialog .p-confirm-dialog-icon {
    font-size: 2rem;
  }
  .p-dialog.p-confirm-dialog .p-confirm-dialog-icon.p-icon {
    width: 2rem;
    height: 2rem;
  }
  .p-dialog.p-confirm-dialog .p-confirm-dialog-message {
    margin-left: 1rem;
  }
  .p-overlaypanel {
    background: #ffffff;
    color: #495057;
    border: 0 none;
    border-radius: 3px;
    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-overlaypanel .p-overlaypanel-content {
    padding: 1rem;
  }
  .p-overlaypanel .p-overlaypanel-close {
    background: #2196f3;
    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: #0d89ec;
    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: #f2f2f2;
  }
  .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 {
    padding: 1rem;
  }
  .p-sidebar .p-sidebar-header .p-sidebar-close,
  .p-sidebar .p-sidebar-header .p-sidebar-icon {
    width: 2rem;
    height: 2rem;
    color: #6c757d;
    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-visible,
  .p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .p-sidebar .p-sidebar-header + .p-sidebar-content {
    padding-top: 0;
  }
  .p-sidebar .p-sidebar-content {
    padding: 1rem;
  }
  .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: 3px;
  }
  .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: 3px;
    border-top-left-radius: 3px;
    gap: 0.5rem;
  }
  .p-fileupload .p-fileupload-buttonbar .p-button {
    margin-right: 0.5rem;
  }
  .p-fileupload .p-fileupload-content {
    background: #ffffff;
    padding: 2rem 1rem;
    border: 1px solid #dee2e6;
    color: #495057;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
  }
  .p-fileupload .p-progressbar {
    height: 0.25rem;
  }
  .p-fileupload .p-fileupload-row > div {
    padding: 1rem 1rem;
  }
  .p-fileupload.p-fileupload-advanced .p-message {
    margin-top: 0;
  }
  .p-breadcrumb {
    background: #ffffff;
    border: 1px solid #dee2e6;
    border-radius: 3px;
    padding: 1rem;
  }
  .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link {
    transition: box-shadow 0.2s;
    border-radius: 3px;
  }
  .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon {
    color: #6c757d;
  }
  .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator {
    margin: 0 0.5rem 0 0.5rem;
    color: #495057;
  }
  .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text {
    color: #495057;
  }
  .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon {
    color: #6c757d;
  }
  .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);
    border-radius: 3px;
    width: 12.5rem;
  }
  .p-contextmenu .p-contextmenu-root-list {
    outline: 0 none;
  }
  .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);
    border-radius: 3px;
  }
  .p-contextmenu .p-menuitem > .p-menuitem-content {
    color: #495057;
    transition: box-shadow 0.2s;
    border-radius: 0;
  }
  .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
    color: #495057;
    padding: 0.75rem 1rem;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
  }
  .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
    color: #6c757d;
    margin-right: 0.5rem;
  }
  .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #6c757d;
  }
  .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content {
    color: #495057;
    background: #e9ecef;
  }
  .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
  .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #6c757d;
  }
  .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
    background: #e9ecef;
  }
  .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
    color: #495057;
    background: #dee2e6;
  }
  .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
  .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #495057;
  }
  .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
    color: #495057;
    background: #e9ecef;
  }
  .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon,
  .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
    color: #6c757d;
  }
  .p-contextmenu .p-menuitem-separator {
    border-top: 1px solid #dee2e6;
    margin: 0.25rem 0;
  }
  .p-contextmenu .p-submenu-icon {
    font-size: 0.875rem;
  }
  .p-contextmenu .p-submenu-icon.p-icon {
    width: 0.875rem;
    height: 0.875rem;
  }
  .p-dock .p-dock-list-container {
    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-list-container .p-dock-list {
    outline: 0 none;
  }
  .p-dock .p-dock-item {
    padding: 0.5rem;
    border-radius: 3px;
  }
  .p-dock .p-dock-item.p-focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: inset 0 0 0 0.15rem #a6d5fa;
  }
  .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;
  }
  .p-dock.p-dock-mobile.p-dock-top .p-dock-list-container, .p-dock.p-dock-mobile.p-dock-bottom .p-dock-list-container {
    overflow-x: auto;
    width: 100%;
  }
  .p-dock.p-dock-mobile.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-mobile.p-dock-bottom .p-dock-list-container .p-dock-list {
    margin: 0 auto;
  }
  .p-dock.p-dock-mobile.p-dock-left .p-dock-list-container, .p-dock.p-dock-mobile.p-dock-right .p-dock-list-container {
    overflow-y: auto;
    height: 100%;
  }
  .p-dock.p-dock-mobile.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-mobile.p-dock-right .p-dock-list-container .p-dock-list {
    margin: auto 0;
  }
  .p-dock.p-dock-mobile .p-dock-list .p-dock-item {
    transform: none;
    margin: 0;
  }
  .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-second-prev,
  .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-second-next,
  .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-prev,
  .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-next,
  .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-current, .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-second-prev,
  .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-second-next,
  .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-prev,
  .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-next,
  .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-current, .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-second-prev,
  .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-second-next,
  .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-prev,
  .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-next,
  .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-current, .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-second-prev,
  .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-second-next,
  .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-prev,
  .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-next,
  .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-current {
    transform: none;
    margin: 0;
  }
  .p-megamenu {
    padding: 0.5rem;
    background: #f8f9fa;
    color: #495057;
    border: 1px solid #dee2e6;
    border-radius: 3px;
  }
  .p-megamenu .p-megamenu-root-list {
    outline: 0 none;
  }
  .p-megamenu .p-menuitem > .p-menuitem-content {
    color: #495057;
    transition: box-shadow 0.2s;
    border-radius: 0;
  }
  .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
    color: #495057;
    padding: 0.75rem 1rem;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
  }
  .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
    color: #6c757d;
    margin-right: 0.5rem;
  }
  .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #6c757d;
  }
  .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content {
    color: #495057;
    background: #e9ecef;
  }
  .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
  .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #6c757d;
  }
  .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
    background: #e9ecef;
  }
  .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
    color: #495057;
    background: #dee2e6;
  }
  .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
  .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #495057;
  }
  .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
    color: #495057;
    background: #e9ecef;
  }
  .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon,
  .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
    color: #6c757d;
  }
  .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-submenu-header {
    margin: 0;
    padding: 0.75rem 1rem;
    color: #495057;
    background: #ffffff;
    font-weight: 600;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
  }
  .p-megamenu .p-submenu-list {
    padding: 0.25rem 0;
    width: 12.5rem;
  }
  .p-megamenu .p-submenu-list .p-menuitem-separator {
    border-top: 1px solid #dee2e6;
    margin: 0.25rem 0;
  }
  .p-megamenu.p-megamenu-vertical {
    width: 12.5rem;
    padding: 0.25rem 0;
  }
  .p-megamenu .p-megamenu-button {
    width: 2rem;
    height: 2rem;
    color: #6c757d;
    border-radius: 50%;
    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
  }
  .p-megamenu .p-megamenu-button:hover {
    color: #6c757d;
    background: #e9ecef;
  }
  .p-megamenu .p-megamenu-button:focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content {
    color: #495057;
    transition: box-shadow 0.2s;
    border-radius: 3px;
  }
  .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link {
    padding: 0.75rem 1rem;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
  }
  .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
    color: #6c757d;
    margin-right: 0.5rem;
  }
  .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #6c757d;
    margin-left: 0.5rem;
  }
  .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
    color: #495057;
    background: #e9ecef;
  }
  .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon,
  .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
    color: #6c757d;
  }
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-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-megamenu.p-megamenu-mobile-active .p-megamenu-root-list .p-menu-separator {
    border-top: 1px solid #dee2e6;
    margin: 0.25rem 0;
  }
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list .p-submenu-icon {
    font-size: 0.875rem;
  }
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list .p-submenu-icon.p-icon {
    width: 0.875rem;
    height: 0.875rem;
  }
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem {
    width: 100%;
    position: static;
  }
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content {
    color: #495057;
    transition: box-shadow 0.2s;
    border-radius: 0;
  }
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link {
    color: #495057;
    padding: 0.75rem 1rem;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
  }
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
    color: #6c757d;
    margin-right: 0.5rem;
  }
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #6c757d;
  }
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content {
    color: #495057;
    background: #e9ecef;
  }
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #6c757d;
  }
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight.p-focus > .p-menuitem-content {
    background: #e9ecef;
  }
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
    color: #495057;
    background: #dee2e6;
  }
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #495057;
  }
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
    color: #495057;
    background: #e9ecef;
  }
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon,
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
    color: #6c757d;
  }
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon {
    margin-left: auto;
  }
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
    transform: rotate(-180deg);
  }
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list .p-submenu-list {
    width: 100%;
    position: static;
    box-shadow: none;
    border: 0 none;
  }
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list .p-submenu-list .p-submenu-icon {
    transition: transform 0.2s;
    transform: rotate(90deg);
  }
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
    transform: rotate(-90deg);
  }
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list .p-menuitem {
    width: 100%;
    position: static;
  }
  .p-menu {
    padding: 0.25rem 0;
    background: #ffffff;
    color: #495057;
    border: 1px solid #dee2e6;
    border-radius: 3px;
    width: 12.5rem;
  }
  .p-menu .p-menuitem > .p-menuitem-content {
    color: #495057;
    transition: box-shadow 0.2s;
    border-radius: 0;
  }
  .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link {
    color: #495057;
    padding: 0.75rem 1rem;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
  }
  .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
    color: #6c757d;
    margin-right: 0.5rem;
  }
  .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #6c757d;
  }
  .p-menu .p-menuitem.p-highlight > .p-menuitem-content {
    color: #495057;
    background: #e9ecef;
  }
  .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
  .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #6c757d;
  }
  .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
    background: #e9ecef;
  }
  .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
    color: #495057;
    background: #dee2e6;
  }
  .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
  .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #495057;
  }
  .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
    color: #495057;
    background: #e9ecef;
  }
  .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon,
  .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
    color: #6c757d;
  }
  .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-menubar {
    padding: 0.5rem;
    background: #f8f9fa;
    color: #495057;
    border: 1px solid #dee2e6;
    border-radius: 3px;
  }
  .p-menubar .p-menubar-root-list {
    outline: 0 none;
  }
  .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content {
    color: #495057;
    transition: box-shadow 0.2s;
    border-radius: 3px;
  }
  .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link {
    padding: 0.75rem 1rem;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
  }
  .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
    color: #6c757d;
    margin-right: 0.5rem;
  }
  .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #6c757d;
    margin-left: 0.5rem;
  }
  .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
    color: #495057;
    background: #e9ecef;
  }
  .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon,
  .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
    color: #6c757d;
  }
  .p-menubar .p-menuitem > .p-menuitem-content {
    color: #495057;
    transition: box-shadow 0.2s;
    border-radius: 0;
  }
  .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link {
    color: #495057;
    padding: 0.75rem 1rem;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
  }
  .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
    color: #6c757d;
    margin-right: 0.5rem;
  }
  .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #6c757d;
  }
  .p-menubar .p-menuitem.p-highlight > .p-menuitem-content {
    color: #495057;
    background: #e9ecef;
  }
  .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
  .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #6c757d;
  }
  .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
    background: #e9ecef;
  }
  .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
    color: #495057;
    background: #dee2e6;
  }
  .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
  .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #495057;
  }
  .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
    color: #495057;
    background: #e9ecef;
  }
  .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon,
  .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
    color: #6c757d;
  }
  .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-menuitem-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-menubar-mobile .p-menubar-button {
    width: 2rem;
    height: 2rem;
    color: #6c757d;
    border-radius: 50%;
    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
  }
  .p-menubar.p-menubar-mobile .p-menubar-button:hover {
    color: #6c757d;
    background: #e9ecef;
  }
  .p-menubar.p-menubar-mobile .p-menubar-button:focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .p-menubar.p-menubar-mobile .p-menubar-root-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-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem-separator {
    border-top: 1px solid #dee2e6;
    margin: 0.25rem 0;
  }
  .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-icon {
    font-size: 0.875rem;
  }
  .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    margin-left: auto;
    transition: transform 0.2s;
  }
  .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
    transform: rotate(-180deg);
  }
  .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-submenu-icon {
    transition: transform 0.2s;
    transform: rotate(90deg);
  }
  .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
    transform: rotate(-90deg);
  }
  .p-menubar.p-menubar-mobile .p-menubar-root-list ul li a {
    padding-left: 2.25rem;
  }
  .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li a {
    padding-left: 3.75rem;
  }
  .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li ul li a {
    padding-left: 5.25rem;
  }
  .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li ul li ul li a {
    padding-left: 6.75rem;
  }
  .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li ul li ul li ul li a {
    padding-left: 8.25rem;
  }
  @media screen and (max-width: 960px) {
    .p-menubar {
      position: relative;
    }
    .p-menubar .p-menubar-button {
      display: flex;
      width: 2rem;
      height: 2rem;
      color: #6c757d;
      border-radius: 50%;
      transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
    }
    .p-menubar .p-menubar-button:hover {
      color: #6c757d;
      background: #e9ecef;
    }
    .p-menubar .p-menubar-button:focus {
      outline: 0 none;
      outline-offset: 0;
      box-shadow: 0 0 0 0.2rem #a6d5fa;
    }
    .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-submenu-icon.p-icon {
      width: 0.875rem;
      height: 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 > .p-menuitem-content {
      color: #495057;
      transition: box-shadow 0.2s;
      border-radius: 0;
    }
    .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link {
      color: #495057;
      padding: 0.75rem 1rem;
      -webkit-user-select: none;
         -moz-user-select: none;
              user-select: none;
    }
    .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
      color: #495057;
    }
    .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
      color: #6c757d;
      margin-right: 0.5rem;
    }
    .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
      color: #6c757d;
    }
    .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content {
      color: #495057;
      background: #e9ecef;
    }
    .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
      color: #495057;
    }
    .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
    .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
      color: #6c757d;
    }
    .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight.p-focus > .p-menuitem-content {
      background: #e9ecef;
    }
    .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
      color: #495057;
      background: #dee2e6;
    }
    .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
      color: #495057;
    }
    .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
    .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
      color: #495057;
    }
    .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
      color: #495057;
      background: #e9ecef;
    }
    .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
      color: #495057;
    }
    .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon,
    .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
      color: #6c757d;
    }
    .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 {
    outline: 0 none;
  }
  .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content {
    border: 1px solid #dee2e6;
    color: #495057;
    background: #f8f9fa;
    border-radius: 3px;
    transition: box-shadow 0.2s;
  }
  .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-link {
    color: #495057;
    padding: 1rem;
    font-weight: 600;
  }
  .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-link .p-submenu-icon {
    margin-right: 0.5rem;
  }
  .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-link .p-menuitem-icon {
    margin-right: 0.5rem;
  }
  .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: inset 0 0 0 0.2rem #a6d5fa;
  }
  .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content {
    background: #e9ecef;
    border-color: #dee2e6;
    color: #495057;
  }
  .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content {
    background: #f8f9fa;
    border-color: #dee2e6;
    color: #495057;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    margin-bottom: 0;
  }
  .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content {
    border-color: #dee2e6;
    background: #e9ecef;
    color: #495057;
  }
  .p-panelmenu .p-panelmenu-content {
    padding: 0.25rem 0;
    border: 1px solid #dee2e6;
    background: #ffffff;
    color: #495057;
    border-top: 0;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
  }
  .p-panelmenu .p-panelmenu-content .p-panelmenu-root-list {
    outline: 0 none;
  }
  .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content {
    color: #495057;
    transition: box-shadow 0.2s;
    border-radius: 0;
  }
  .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link {
    color: #495057;
    padding: 0.75rem 1rem;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
  }
  .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
    color: #6c757d;
    margin-right: 0.5rem;
  }
  .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #6c757d;
  }
  .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content {
    color: #495057;
    background: #e9ecef;
  }
  .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
  .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #6c757d;
  }
  .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
    background: #e9ecef;
  }
  .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
    color: #495057;
    background: #dee2e6;
  }
  .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
  .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #495057;
  }
  .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
    color: #495057;
    background: #e9ecef;
  }
  .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon,
  .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
    color: #6c757d;
  }
  .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    margin-right: 0.5rem;
  }
  .p-panelmenu .p-panelmenu-content .p-menuitem-separator {
    border-top: 1px solid #dee2e6;
    margin: 0.25rem 0;
  }
  .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-list) {
    padding: 0 0 0 1rem;
  }
  .p-panelmenu .p-panelmenu-panel {
    margin-bottom: 0;
  }
  .p-panelmenu .p-panelmenu-panel .p-panelmenu-header .p-panelmenu-header-content {
    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 .p-panelmenu-header-content {
    border-top: 0 none;
  }
  .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content, .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content {
    border-top: 0 none;
  }
  .p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header .p-panelmenu-header-content {
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
  }
  .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) .p-panelmenu-header-content {
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
  }
  .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-content {
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
  }
  .p-slidemenu {
    padding: 0.25rem 0;
    background: #ffffff;
    color: #495057;
    border: 1px solid #dee2e6;
    border-radius: 3px;
    width: 12.5rem;
  }
  .p-slidemenu .p-menuitem-link > .p-menuitem-content {
    color: #495057;
    transition: box-shadow 0.2s;
    border-radius: 0;
  }
  .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link {
    color: #495057;
    padding: 0.75rem 1rem;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
  }
  .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
    color: #6c757d;
    margin-right: 0.5rem;
  }
  .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #6c757d;
  }
  .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content {
    color: #495057;
    background: #e9ecef;
  }
  .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
  .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #6c757d;
  }
  .p-slidemenu .p-menuitem-link.p-highlight.p-focus > .p-menuitem-content {
    background: #e9ecef;
  }
  .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
    color: #495057;
    background: #dee2e6;
  }
  .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
  .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #495057;
  }
  .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
    color: #495057;
    background: #e9ecef;
  }
  .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon,
  .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
    color: #6c757d;
  }
  .p-slidemenu.p-slidemenu-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-slidemenu .p-slidemenu-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-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link {
    background: #e9ecef;
  }
  .p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-text {
    color: #495057;
  }
  .p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-icon, .p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-icon {
    color: #6c757d;
  }
  .p-slidemenu .p-slidemenu-separator {
    border-top: 1px solid #dee2e6;
    margin: 0.25rem 0;
  }
  .p-slidemenu .p-slidemenu-icon {
    font-size: 0.875rem;
  }
  .p-slidemenu .p-slidemenu-icon.p-icon {
    width: 0.875rem;
    height: 0.875rem;
  }
  .p-slidemenu .p-slidemenu-backward {
    padding: 0.75rem 1rem;
    color: #495057;
  }
  .p-steps .p-steps-item .p-menuitem-link {
    background: transparent;
    transition: box-shadow 0.2s;
    border-radius: 3px;
    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: #6c757d;
  }
  .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .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: #6c757d;
    padding: 1rem;
    font-weight: 600;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    transition: box-shadow 0.2s;
    margin: 0 0 -2px 0;
    height: calc(100% + 2px);
  }
  .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-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: inset 0 0 0 0.2rem #a6d5fa;
  }
  .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link {
    background: #ffffff;
    border-color: #6c757d;
    color: #6c757d;
  }
  .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link {
    background: #ffffff;
    border-color: #2196f3;
    color: #2196f3;
  }
  .p-tieredmenu {
    padding: 0.25rem 0;
    background: #ffffff;
    color: #495057;
    border: 1px solid #dee2e6;
    border-radius: 3px;
    width: 12.5rem;
  }
  .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-tieredmenu-root-list {
    outline: 0 none;
  }
  .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 > .p-menuitem-content {
    color: #495057;
    transition: box-shadow 0.2s;
    border-radius: 0;
  }
  .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
    color: #495057;
    padding: 0.75rem 1rem;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
  }
  .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
    color: #6c757d;
    margin-right: 0.5rem;
  }
  .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #6c757d;
  }
  .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content {
    color: #495057;
    background: #e9ecef;
  }
  .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
  .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #6c757d;
  }
  .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
    background: #e9ecef;
  }
  .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
    color: #495057;
    background: #dee2e6;
  }
  .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
  .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #495057;
  }
  .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
    color: #495057;
    background: #e9ecef;
  }
  .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon,
  .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
    color: #6c757d;
  }
  .p-tieredmenu .p-menuitem-separator {
    border-top: 1px solid #dee2e6;
    margin: 0.25rem 0;
  }
  .p-tieredmenu .p-submenu-icon {
    font-size: 0.875rem;
  }
  .p-tieredmenu .p-submenu-icon.p-icon {
    width: 0.875rem;
    height: 0.875rem;
  }
  .p-inline-message {
    padding: 0.5rem 0.5rem;
    margin: 0;
    border-radius: 3px;
  }
  .p-inline-message.p-inline-message-info {
    background: #b3e5fc;
    border: solid #0891cf;
    border-width: 0px;
    color: #044868;
  }
  .p-inline-message.p-inline-message-info .p-inline-message-icon {
    color: #044868;
  }
  .p-inline-message.p-inline-message-success {
    background: #c8e6c9;
    border: solid #439446;
    border-width: 0px;
    color: #224a23;
  }
  .p-inline-message.p-inline-message-success .p-inline-message-icon {
    color: #224a23;
  }
  .p-inline-message.p-inline-message-warn {
    background: #ffecb3;
    border: solid #d9a300;
    border-width: 0px;
    color: #6d5100;
  }
  .p-inline-message.p-inline-message-warn .p-inline-message-icon {
    color: #6d5100;
  }
  .p-inline-message.p-inline-message-error {
    background: #ffcdd2;
    border: solid #e60017;
    border-width: 0px;
    color: #73000c;
  }
  .p-inline-message.p-inline-message-error .p-inline-message-icon {
    color: #73000c;
  }
  .p-inline-message .p-inline-message-icon {
    font-size: 1rem;
    margin-right: 0.5rem;
  }
  .p-inline-message .p-inline-message-icon.p-icon {
    width: 1rem;
    height: 1rem;
  }
  .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: 3px;
  }
  .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.5);
  }
  .p-message .p-message-close:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .p-message.p-message-info {
    background: #b3e5fc;
    border: solid #0891cf;
    border-width: 0 0 0 6px;
    color: #044868;
  }
  .p-message.p-message-info .p-message-icon {
    color: #044868;
  }
  .p-message.p-message-info .p-message-close {
    color: #044868;
  }
  .p-message.p-message-success {
    background: #c8e6c9;
    border: solid #439446;
    border-width: 0 0 0 6px;
    color: #224a23;
  }
  .p-message.p-message-success .p-message-icon {
    color: #224a23;
  }
  .p-message.p-message-success .p-message-close {
    color: #224a23;
  }
  .p-message.p-message-warn {
    background: #ffecb3;
    border: solid #d9a300;
    border-width: 0 0 0 6px;
    color: #6d5100;
  }
  .p-message.p-message-warn .p-message-icon {
    color: #6d5100;
  }
  .p-message.p-message-warn .p-message-close {
    color: #6d5100;
  }
  .p-message.p-message-error {
    background: #ffcdd2;
    border: solid #e60017;
    border-width: 0 0 0 6px;
    color: #73000c;
  }
  .p-message.p-message-error .p-message-icon {
    color: #73000c;
  }
  .p-message.p-message-error .p-message-close {
    color: #73000c;
  }
  .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-icon.p-icon {
    width: 1.5rem;
    height: 1.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: 3px;
  }
  .p-toast .p-toast-message .p-toast-message-content {
    padding: 1rem;
  }
  .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: 2rem;
  }
  .p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon.p-icon {
    width: 2rem;
    height: 2rem;
  }
  .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: 0.5rem 0 0 0;
  }
  .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.5);
  }
  .p-toast .p-toast-message .p-toast-icon-close:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .p-toast .p-toast-message.p-toast-message-info {
    background: #b3e5fc;
    border: solid #0891cf;
    border-width: 0 0 0 6px;
    color: #044868;
  }
  .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: #044868;
  }
  .p-toast .p-toast-message.p-toast-message-success {
    background: #c8e6c9;
    border: solid #439446;
    border-width: 0 0 0 6px;
    color: #224a23;
  }
  .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: #224a23;
  }
  .p-toast .p-toast-message.p-toast-message-warn {
    background: #ffecb3;
    border: solid #d9a300;
    border-width: 0 0 0 6px;
    color: #6d5100;
  }
  .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: #6d5100;
  }
  .p-toast .p-toast-message.p-toast-message-error {
    background: #ffcdd2;
    border: solid #e60017;
    border-width: 0 0 0 6px;
    color: #73000c;
  }
  .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: #73000c;
  }
  .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 .p-galleria-close-icon.p-icon {
    width: 2rem;
    height: 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: 3px;
    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 .p-galleria-item-prev-icon.p-icon,
  .p-galleria .p-galleria-item-nav .p-galleria-item-next-icon.p-icon {
    width: 2rem;
    height: 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 {
    transition: box-shadow 0.2s;
  }
  .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .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-indicator .p-icon {
    width: 1.5rem;
    height: 1.5rem;
  }
  .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 span {
    font-size: 1.5rem;
  }
  .p-image-action.p-link .p-icon {
    width: 1.5rem;
    height: 1.5rem;
  }
  .p-avatar {
    background-color: #dee2e6;
    border-radius: 3px;
  }
  .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-xl {
    width: 4rem;
    height: 4rem;
    font-size: 2rem;
  }
  .p-avatar.p-avatar-xl .p-avatar-icon {
    font-size: 2rem;
  }
  .p-avatar-circle {
    border-radius: 50%;
  }
  .p-avatar-group .p-avatar {
    border: 2px solid #ffffff;
  }
  .p-chip {
    background-color: #dee2e6;
    color: #495057;
    border-radius: 16px;
    padding: 0 0.5rem;
  }
  .p-chip .p-chip-text {
    line-height: 1.5;
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
  }
  .p-chip .p-chip-icon {
    margin-right: 0.5rem;
  }
  .p-chip img {
    width: 2rem;
    height: 2rem;
    margin-left: -0.5rem;
    margin-right: 0.5rem;
  }
  .p-chip .p-chip-remove-icon {
    border-radius: 3px;
    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
    margin-left: 0.5rem;
  }
  .p-chip .p-chip-remove-icon:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .p-chip .p-chip-remove-icon:focus {
    outline: 0 none;
  }
  .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-scrolltop .p-scrolltop-icon.p-icon {
    width: 1.5rem;
    height: 1.5rem;
  }
  .p-skeleton {
    background-color: #e9ecef;
    border-radius: 3px;
  }
  .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: #2196f3;
    color: #ffffff;
    font-size: 0.75rem;
    font-weight: 700;
    padding: 0.25rem 0.4rem;
    border-radius: 3px;
  }
  .p-tag.p-tag-success {
    background-color: #689f38;
    color: #ffffff;
  }
  .p-tag.p-tag-info {
    background-color: #0288d1;
    color: #ffffff;
  }
  .p-tag.p-tag-warning {
    background-color: #fbc02d;
    color: #212529;
  }
  .p-tag.p-tag-danger {
    background-color: #d32f2f;
    color: #ffffff;
  }
  .p-tag .p-tag-icon {
    margin-right: 0.25rem;
    font-size: 0.75rem;
  }
  .p-tag .p-tag-icon.p-icon {
    width: 0.75rem;
    height: 0.75rem;
  }
  .p-inplace .p-inplace-display {
    padding: 0.5rem 0.5rem;
    border-radius: 3px;
    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 #a6d5fa;
  }
  .p-metergroup .p-metergroup-meter-container {
    background: #dee2e6;
    border-radius: 3px;
  }
  .p-metergroup .p-metergroup-meter {
    border: 0 none;
    background: #2196f3;
  }
  .p-metergroup .p-metergroup-label-list .p-metergroup-label-list-item {
    line-height: 1.5rem;
  }
  .p-metergroup .p-metergroup-label-list .p-metergroup-label-type {
    background: #2196f3;
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 100%;
    margin-right: 0.5rem;
  }
  .p-metergroup .p-metergroup-label-list .p-metergroup-label {
    margin-right: 1rem;
  }
  .p-metergroup .p-metergroup-label-list .p-metergroup-label-icon {
    width: 1rem;
    height: 1rem;
    margin-right: 0.5rem;
  }
  .p-metergroup.p-metergroup-horizontal .p-metergroup-meter-container {
    height: 0.5rem;
  }
  .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
  }
  .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:last-of-type {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
  }
  .p-metergroup.p-metergroup-horizontal .p-metergroup-label-list-start {
    margin-bottom: 1rem;
  }
  .p-metergroup.p-metergroup-horizontal .p-metergroup-label-list-end {
    margin-top: 1rem;
  }
  .p-metergroup.p-metergroup-vertical .p-metergroup-meter-container {
    width: 0.5rem;
    height: 100%;
  }
  .p-metergroup.p-metergroup-vertical .p-metergroup-meter:first-of-type {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
  }
  .p-metergroup.p-metergroup-vertical .p-metergroup-meter:last-of-type {
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
  }
  .p-metergroup.p-metergroup-vertical .p-metergroup-label-list:not(.p-metergroup-label-list-start) {
    margin-left: 1rem;
  }
  .p-progressbar {
    border: 0 none;
    height: 1.5rem;
    background: #dee2e6;
    border-radius: 3px;
  }
  .p-progressbar .p-progressbar-value {
    border: 0 none;
    margin: 0;
    background: #2196f3;
  }
  .p-progressbar .p-progressbar-label {
    color: #ffffff;
    line-height: 1.5rem;
  }
  .p-terminal {
    background: #ffffff;
    color: #495057;
    border: 1px solid #dee2e6;
    padding: 1rem;
  }
  .p-terminal .p-terminal-input {
    font-family: var(--font-family);
    font-feature-settings: var(--font-feature-settings, normal);
    font-size: 1rem;
  }
  .p-badge {
    background: #2196f3;
    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-tag {
    background: #2196f3;
    color: #ffffff;
    font-size: 0.75rem;
    font-weight: 700;
    padding: 0.25rem 0.4rem;
    border-radius: 3px;
  }
  .p-tag.p-tag-success {
    background-color: #689f38;
    color: #ffffff;
  }
  .p-tag.p-tag-info {
    background-color: #0288d1;
    color: #ffffff;
  }
  .p-tag.p-tag-warning {
    background-color: #fbc02d;
    color: #212529;
  }
  .p-tag.p-tag-danger {
    background-color: #d32f2f;
    color: #ffffff;
  }
}
/* Customizations to the designer theme should be defined here */
@layer primereact {
  .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
    background-color: #2196f3;
  }
  .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
    background-color: #2196f3;
  }
  .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
    box-shadow: inset 0 2px 0 0 #2196f3;
  }
  .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
    box-shadow: inset 0 -2px 0 0 #2196f3;
  }
}
/**
 * The primereact[.min].css has been deprecated. In order not to break existing projects, it is currently included in the build as an empty file.
 */
@font-face {
    font-family: 'primeicons';
    font-display: block;
    src: url('primeicons.ff0c4cd79b2ffca2de54.eot');
    src: url('primeicons.ff0c4cd79b2ffca2de54.eot?#iefix') format('embedded-opentype'), url('primeicons.024b32cc7bf399b1a847.woff2') format('woff2'), url('primeicons.8931fda1930c3bd21e96.woff') format('woff'), url('primeicons.a5c2a53d1ff7a9ff5933.ttf') format('truetype'), url('primeicons.6ed59f962963a4a73af2.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 {
    animation: fa-spin 2s infinite linear;
}
@media (prefers-reduced-motion: reduce) {
  .pi-spin {
    animation-delay: -1ms;
    animation-duration: 1ms;
    animation-iteration-count: 1;
    transition-delay: 0s;
    transition-duration: 0s;
  }
}
@keyframes fa-spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        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";
}
.grid {
  display: flex;
  flex-wrap: wrap;
  margin-right: -0.5rem;
  margin-left: -0.5rem;
  margin-top: -0.5rem;
}
.grid > .col,
.grid > [class*=col] {
  box-sizing: border-box;
}
.grid-nogutter {
  margin-right: 0;
  margin-left: 0;
  margin-top: 0;
}
.grid-nogutter > .col,
.grid-nogutter > [class*=col-] {
  padding: 0;
}
.col {
  flex-grow: 1;
  flex-basis: 0;
  padding: 0.5rem;
}
.col-fixed {
  flex: 0 0 auto;
  padding: 0.5rem;
}
.col-1 {
  flex: 0 0 auto;
  padding: 0.5rem;
  width: 8.3333%;
}
.col-2 {
  flex: 0 0 auto;
  padding: 0.5rem;
  width: 16.6667%;
}
.col-3 {
  flex: 0 0 auto;
  padding: 0.5rem;
  width: 25%;
}
.col-4 {
  flex: 0 0 auto;
  padding: 0.5rem;
  width: 33.3333%;
}
.col-5 {
  flex: 0 0 auto;
  padding: 0.5rem;
  width: 41.6667%;
}
.col-6 {
  flex: 0 0 auto;
  padding: 0.5rem;
  width: 50%;
}
.col-7 {
  flex: 0 0 auto;
  padding: 0.5rem;
  width: 58.3333%;
}
.col-8 {
  flex: 0 0 auto;
  padding: 0.5rem;
  width: 66.6667%;
}
.col-9 {
  flex: 0 0 auto;
  padding: 0.5rem;
  width: 75%;
}
.col-10 {
  flex: 0 0 auto;
  padding: 0.5rem;
  width: 83.3333%;
}
.col-11 {
  flex: 0 0 auto;
  padding: 0.5rem;
  width: 91.6667%;
}
.col-12 {
  flex: 0 0 auto;
  padding: 0.5rem;
  width: 100%;
}
@media screen and (min-width: 576px) {
  .sm\:col {
    flex-grow: 1;
    flex-basis: 0;
    padding: 0.5rem;
  }
  .sm\:col-fixed {
    flex: 0 0 auto;
    padding: 0.5rem;
  }
  .sm\:col-1 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 8.3333%;
  }
  .sm\:col-2 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 16.6667%;
  }
  .sm\:col-3 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 25%;
  }
  .sm\:col-4 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 33.3333%;
  }
  .sm\:col-5 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 41.6667%;
  }
  .sm\:col-6 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 50%;
  }
  .sm\:col-7 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 58.3333%;
  }
  .sm\:col-8 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 66.6667%;
  }
  .sm\:col-9 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 75%;
  }
  .sm\:col-10 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 83.3333%;
  }
  .sm\:col-11 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 91.6667%;
  }
  .sm\:col-12 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 100%;
  }
}
@media screen and (min-width: 768px) {
  .md\:col {
    flex-grow: 1;
    flex-basis: 0;
    padding: 0.5rem;
  }
  .md\:col-fixed {
    flex: 0 0 auto;
    padding: 0.5rem;
  }
  .md\:col-1 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 8.3333%;
  }
  .md\:col-2 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 16.6667%;
  }
  .md\:col-3 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 25%;
  }
  .md\:col-4 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 33.3333%;
  }
  .md\:col-5 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 41.6667%;
  }
  .md\:col-6 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 50%;
  }
  .md\:col-7 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 58.3333%;
  }
  .md\:col-8 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 66.6667%;
  }
  .md\:col-9 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 75%;
  }
  .md\:col-10 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 83.3333%;
  }
  .md\:col-11 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 91.6667%;
  }
  .md\:col-12 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 100%;
  }
}
@media screen and (min-width: 992px) {
  .lg\:col {
    flex-grow: 1;
    flex-basis: 0;
    padding: 0.5rem;
  }
  .lg\:col-fixed {
    flex: 0 0 auto;
    padding: 0.5rem;
  }
  .lg\:col-1 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 8.3333%;
  }
  .lg\:col-2 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 16.6667%;
  }
  .lg\:col-3 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 25%;
  }
  .lg\:col-4 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 33.3333%;
  }
  .lg\:col-5 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 41.6667%;
  }
  .lg\:col-6 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 50%;
  }
  .lg\:col-7 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 58.3333%;
  }
  .lg\:col-8 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 66.6667%;
  }
  .lg\:col-9 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 75%;
  }
  .lg\:col-10 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 83.3333%;
  }
  .lg\:col-11 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 91.6667%;
  }
  .lg\:col-12 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 100%;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:col {
    flex-grow: 1;
    flex-basis: 0;
    padding: 0.5rem;
  }
  .xl\:col-fixed {
    flex: 0 0 auto;
    padding: 0.5rem;
  }
  .xl\:col-1 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 8.3333%;
  }
  .xl\:col-2 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 16.6667%;
  }
  .xl\:col-3 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 25%;
  }
  .xl\:col-4 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 33.3333%;
  }
  .xl\:col-5 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 41.6667%;
  }
  .xl\:col-6 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 50%;
  }
  .xl\:col-7 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 58.3333%;
  }
  .xl\:col-8 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 66.6667%;
  }
  .xl\:col-9 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 75%;
  }
  .xl\:col-10 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 83.3333%;
  }
  .xl\:col-11 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 91.6667%;
  }
  .xl\:col-12 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 100%;
  }
}
.col-offset-0 {
  margin-left: 0 !important;
}
.col-offset-1 {
  margin-left: 8.3333% !important;
}
.col-offset-2 {
  margin-left: 16.6667% !important;
}
.col-offset-3 {
  margin-left: 25% !important;
}
.col-offset-4 {
  margin-left: 33.3333% !important;
}
.col-offset-5 {
  margin-left: 41.6667% !important;
}
.col-offset-6 {
  margin-left: 50% !important;
}
.col-offset-7 {
  margin-left: 58.3333% !important;
}
.col-offset-8 {
  margin-left: 66.6667% !important;
}
.col-offset-9 {
  margin-left: 75% !important;
}
.col-offset-10 {
  margin-left: 83.3333% !important;
}
.col-offset-11 {
  margin-left: 91.6667% !important;
}
.col-offset-12 {
  margin-left: 100% !important;
}
@media screen and (min-width: 576px) {
  .sm\:col-offset-0 {
    margin-left: 0 !important;
  }
  .sm\:col-offset-1 {
    margin-left: 8.3333% !important;
  }
  .sm\:col-offset-2 {
    margin-left: 16.6667% !important;
  }
  .sm\:col-offset-3 {
    margin-left: 25% !important;
  }
  .sm\:col-offset-4 {
    margin-left: 33.3333% !important;
  }
  .sm\:col-offset-5 {
    margin-left: 41.6667% !important;
  }
  .sm\:col-offset-6 {
    margin-left: 50% !important;
  }
  .sm\:col-offset-7 {
    margin-left: 58.3333% !important;
  }
  .sm\:col-offset-8 {
    margin-left: 66.6667% !important;
  }
  .sm\:col-offset-9 {
    margin-left: 75% !important;
  }
  .sm\:col-offset-10 {
    margin-left: 83.3333% !important;
  }
  .sm\:col-offset-11 {
    margin-left: 91.6667% !important;
  }
  .sm\:col-offset-12 {
    margin-left: 100% !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:col-offset-0 {
    margin-left: 0 !important;
  }
  .md\:col-offset-1 {
    margin-left: 8.3333% !important;
  }
  .md\:col-offset-2 {
    margin-left: 16.6667% !important;
  }
  .md\:col-offset-3 {
    margin-left: 25% !important;
  }
  .md\:col-offset-4 {
    margin-left: 33.3333% !important;
  }
  .md\:col-offset-5 {
    margin-left: 41.6667% !important;
  }
  .md\:col-offset-6 {
    margin-left: 50% !important;
  }
  .md\:col-offset-7 {
    margin-left: 58.3333% !important;
  }
  .md\:col-offset-8 {
    margin-left: 66.6667% !important;
  }
  .md\:col-offset-9 {
    margin-left: 75% !important;
  }
  .md\:col-offset-10 {
    margin-left: 83.3333% !important;
  }
  .md\:col-offset-11 {
    margin-left: 91.6667% !important;
  }
  .md\:col-offset-12 {
    margin-left: 100% !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:col-offset-0 {
    margin-left: 0 !important;
  }
  .lg\:col-offset-1 {
    margin-left: 8.3333% !important;
  }
  .lg\:col-offset-2 {
    margin-left: 16.6667% !important;
  }
  .lg\:col-offset-3 {
    margin-left: 25% !important;
  }
  .lg\:col-offset-4 {
    margin-left: 33.3333% !important;
  }
  .lg\:col-offset-5 {
    margin-left: 41.6667% !important;
  }
  .lg\:col-offset-6 {
    margin-left: 50% !important;
  }
  .lg\:col-offset-7 {
    margin-left: 58.3333% !important;
  }
  .lg\:col-offset-8 {
    margin-left: 66.6667% !important;
  }
  .lg\:col-offset-9 {
    margin-left: 75% !important;
  }
  .lg\:col-offset-10 {
    margin-left: 83.3333% !important;
  }
  .lg\:col-offset-11 {
    margin-left: 91.6667% !important;
  }
  .lg\:col-offset-12 {
    margin-left: 100% !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:col-offset-0 {
    margin-left: 0 !important;
  }
  .xl\:col-offset-1 {
    margin-left: 8.3333% !important;
  }
  .xl\:col-offset-2 {
    margin-left: 16.6667% !important;
  }
  .xl\:col-offset-3 {
    margin-left: 25% !important;
  }
  .xl\:col-offset-4 {
    margin-left: 33.3333% !important;
  }
  .xl\:col-offset-5 {
    margin-left: 41.6667% !important;
  }
  .xl\:col-offset-6 {
    margin-left: 50% !important;
  }
  .xl\:col-offset-7 {
    margin-left: 58.3333% !important;
  }
  .xl\:col-offset-8 {
    margin-left: 66.6667% !important;
  }
  .xl\:col-offset-9 {
    margin-left: 75% !important;
  }
  .xl\:col-offset-10 {
    margin-left: 83.3333% !important;
  }
  .xl\:col-offset-11 {
    margin-left: 91.6667% !important;
  }
  .xl\:col-offset-12 {
    margin-left: 100% !important;
  }
}
.text-0 {
  color: var(--surface-0) !important;
}
.text-50 {
  color: var(--surface-50) !important;
}
.text-100 {
  color: var(--surface-100) !important;
}
.text-200 {
  color: var(--surface-200) !important;
}
.text-300 {
  color: var(--surface-300) !important;
}
.text-400 {
  color: var(--surface-400) !important;
}
.text-500 {
  color: var(--surface-500) !important;
}
.text-600 {
  color: var(--surface-600) !important;
}
.text-700 {
  color: var(--surface-700) !important;
}
.text-800 {
  color: var(--surface-800) !important;
}
.text-900 {
  color: var(--surface-900) !important;
}
.focus\:text-0:focus {
  color: var(--surface-0) !important;
}
.hover\:text-0:hover {
  color: var(--surface-0) !important;
}
.active\:text-0:active {
  color: var(--surface-0) !important;
}
.focus\:text-50:focus {
  color: var(--surface-50) !important;
}
.hover\:text-50:hover {
  color: var(--surface-50) !important;
}
.active\:text-50:active {
  color: var(--surface-50) !important;
}
.focus\:text-100:focus {
  color: var(--surface-100) !important;
}
.hover\:text-100:hover {
  color: var(--surface-100) !important;
}
.active\:text-100:active {
  color: var(--surface-100) !important;
}
.focus\:text-200:focus {
  color: var(--surface-200) !important;
}
.hover\:text-200:hover {
  color: var(--surface-200) !important;
}
.active\:text-200:active {
  color: var(--surface-200) !important;
}
.focus\:text-300:focus {
  color: var(--surface-300) !important;
}
.hover\:text-300:hover {
  color: var(--surface-300) !important;
}
.active\:text-300:active {
  color: var(--surface-300) !important;
}
.focus\:text-400:focus {
  color: var(--surface-400) !important;
}
.hover\:text-400:hover {
  color: var(--surface-400) !important;
}
.active\:text-400:active {
  color: var(--surface-400) !important;
}
.focus\:text-500:focus {
  color: var(--surface-500) !important;
}
.hover\:text-500:hover {
  color: var(--surface-500) !important;
}
.active\:text-500:active {
  color: var(--surface-500) !important;
}
.focus\:text-600:focus {
  color: var(--surface-600) !important;
}
.hover\:text-600:hover {
  color: var(--surface-600) !important;
}
.active\:text-600:active {
  color: var(--surface-600) !important;
}
.focus\:text-700:focus {
  color: var(--surface-700) !important;
}
.hover\:text-700:hover {
  color: var(--surface-700) !important;
}
.active\:text-700:active {
  color: var(--surface-700) !important;
}
.focus\:text-800:focus {
  color: var(--surface-800) !important;
}
.hover\:text-800:hover {
  color: var(--surface-800) !important;
}
.active\:text-800:active {
  color: var(--surface-800) !important;
}
.focus\:text-900:focus {
  color: var(--surface-900) !important;
}
.hover\:text-900:hover {
  color: var(--surface-900) !important;
}
.active\:text-900:active {
  color: var(--surface-900) !important;
}
.surface-0 {
  background-color: var(--surface-0) !important;
}
.surface-50 {
  background-color: var(--surface-50) !important;
}
.surface-100 {
  background-color: var(--surface-100) !important;
}
.surface-200 {
  background-color: var(--surface-200) !important;
}
.surface-300 {
  background-color: var(--surface-300) !important;
}
.surface-400 {
  background-color: var(--surface-400) !important;
}
.surface-500 {
  background-color: var(--surface-500) !important;
}
.surface-600 {
  background-color: var(--surface-600) !important;
}
.surface-700 {
  background-color: var(--surface-700) !important;
}
.surface-800 {
  background-color: var(--surface-800) !important;
}
.surface-900 {
  background-color: var(--surface-900) !important;
}
.focus\:surface-0:focus {
  background-color: var(--surface-0) !important;
}
.hover\:surface-0:hover {
  background-color: var(--surface-0) !important;
}
.active\:surface-0:active {
  background-color: var(--surface-0) !important;
}
.focus\:surface-50:focus {
  background-color: var(--surface-50) !important;
}
.hover\:surface-50:hover {
  background-color: var(--surface-50) !important;
}
.active\:surface-50:active {
  background-color: var(--surface-50) !important;
}
.focus\:surface-100:focus {
  background-color: var(--surface-100) !important;
}
.hover\:surface-100:hover {
  background-color: var(--surface-100) !important;
}
.active\:surface-100:active {
  background-color: var(--surface-100) !important;
}
.focus\:surface-200:focus {
  background-color: var(--surface-200) !important;
}
.hover\:surface-200:hover {
  background-color: var(--surface-200) !important;
}
.active\:surface-200:active {
  background-color: var(--surface-200) !important;
}
.focus\:surface-300:focus {
  background-color: var(--surface-300) !important;
}
.hover\:surface-300:hover {
  background-color: var(--surface-300) !important;
}
.active\:surface-300:active {
  background-color: var(--surface-300) !important;
}
.focus\:surface-400:focus {
  background-color: var(--surface-400) !important;
}
.hover\:surface-400:hover {
  background-color: var(--surface-400) !important;
}
.active\:surface-400:active {
  background-color: var(--surface-400) !important;
}
.focus\:surface-500:focus {
  background-color: var(--surface-500) !important;
}
.hover\:surface-500:hover {
  background-color: var(--surface-500) !important;
}
.active\:surface-500:active {
  background-color: var(--surface-500) !important;
}
.focus\:surface-600:focus {
  background-color: var(--surface-600) !important;
}
.hover\:surface-600:hover {
  background-color: var(--surface-600) !important;
}
.active\:surface-600:active {
  background-color: var(--surface-600) !important;
}
.focus\:surface-700:focus {
  background-color: var(--surface-700) !important;
}
.hover\:surface-700:hover {
  background-color: var(--surface-700) !important;
}
.active\:surface-700:active {
  background-color: var(--surface-700) !important;
}
.focus\:surface-800:focus {
  background-color: var(--surface-800) !important;
}
.hover\:surface-800:hover {
  background-color: var(--surface-800) !important;
}
.active\:surface-800:active {
  background-color: var(--surface-800) !important;
}
.focus\:surface-900:focus {
  background-color: var(--surface-900) !important;
}
.hover\:surface-900:hover {
  background-color: var(--surface-900) !important;
}
.active\:surface-900:active {
  background-color: var(--surface-900) !important;
}
.border-0 {
  border-color: var(--surface-0) !important;
}
.border-50 {
  border-color: var(--surface-50) !important;
}
.border-100 {
  border-color: var(--surface-100) !important;
}
.border-200 {
  border-color: var(--surface-200) !important;
}
.border-300 {
  border-color: var(--surface-300) !important;
}
.border-400 {
  border-color: var(--surface-400) !important;
}
.border-500 {
  border-color: var(--surface-500) !important;
}
.border-600 {
  border-color: var(--surface-600) !important;
}
.border-700 {
  border-color: var(--surface-700) !important;
}
.border-800 {
  border-color: var(--surface-800) !important;
}
.border-900 {
  border-color: var(--surface-900) !important;
}
.focus\:border-0:focus {
  border-color: var(--surface-0) !important;
}
.hover\:border-0:hover {
  border-color: var(--surface-0) !important;
}
.active\:border-0:active {
  border-color: var(--surface-0) !important;
}
.focus\:border-50:focus {
  border-color: var(--surface-50) !important;
}
.hover\:border-50:hover {
  border-color: var(--surface-50) !important;
}
.active\:border-50:active {
  border-color: var(--surface-50) !important;
}
.focus\:border-100:focus {
  border-color: var(--surface-100) !important;
}
.hover\:border-100:hover {
  border-color: var(--surface-100) !important;
}
.active\:border-100:active {
  border-color: var(--surface-100) !important;
}
.focus\:border-200:focus {
  border-color: var(--surface-200) !important;
}
.hover\:border-200:hover {
  border-color: var(--surface-200) !important;
}
.active\:border-200:active {
  border-color: var(--surface-200) !important;
}
.focus\:border-300:focus {
  border-color: var(--surface-300) !important;
}
.hover\:border-300:hover {
  border-color: var(--surface-300) !important;
}
.active\:border-300:active {
  border-color: var(--surface-300) !important;
}
.focus\:border-400:focus {
  border-color: var(--surface-400) !important;
}
.hover\:border-400:hover {
  border-color: var(--surface-400) !important;
}
.active\:border-400:active {
  border-color: var(--surface-400) !important;
}
.focus\:border-500:focus {
  border-color: var(--surface-500) !important;
}
.hover\:border-500:hover {
  border-color: var(--surface-500) !important;
}
.active\:border-500:active {
  border-color: var(--surface-500) !important;
}
.focus\:border-600:focus {
  border-color: var(--surface-600) !important;
}
.hover\:border-600:hover {
  border-color: var(--surface-600) !important;
}
.active\:border-600:active {
  border-color: var(--surface-600) !important;
}
.focus\:border-700:focus {
  border-color: var(--surface-700) !important;
}
.hover\:border-700:hover {
  border-color: var(--surface-700) !important;
}
.active\:border-700:active {
  border-color: var(--surface-700) !important;
}
.focus\:border-800:focus {
  border-color: var(--surface-800) !important;
}
.hover\:border-800:hover {
  border-color: var(--surface-800) !important;
}
.active\:border-800:active {
  border-color: var(--surface-800) !important;
}
.focus\:border-900:focus {
  border-color: var(--surface-900) !important;
}
.hover\:border-900:hover {
  border-color: var(--surface-900) !important;
}
.active\:border-900:active {
  border-color: var(--surface-900) !important;
}
.bg-transparent {
  background-color: transparent !important;
}
@media screen and (min-width: 576px) {
  .sm\:bg-transparent {
    background-color: transparent !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:bg-transparent {
    background-color: transparent !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:bg-transparent {
    background-color: transparent !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:bg-transparent {
    background-color: transparent !important;
  }
}
.border-transparent {
  border-color: transparent !important;
}
@media screen and (min-width: 576px) {
  .sm\:border-transparent {
    border-color: transparent !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:border-transparent {
    border-color: transparent !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:border-transparent {
    border-color: transparent !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:border-transparent {
    border-color: transparent !important;
  }
}
.text-blue-50 {
  color: var(--blue-50) !important;
}
.text-blue-100 {
  color: var(--blue-100) !important;
}
.text-blue-200 {
  color: var(--blue-200) !important;
}
.text-blue-300 {
  color: var(--blue-300) !important;
}
.text-blue-400 {
  color: var(--blue-400) !important;
}
.text-blue-500 {
  color: var(--blue-500) !important;
}
.text-blue-600 {
  color: var(--blue-600) !important;
}
.text-blue-700 {
  color: var(--blue-700) !important;
}
.text-blue-800 {
  color: var(--blue-800) !important;
}
.text-blue-900 {
  color: var(--blue-900) !important;
}
.focus\:text-blue-50:focus {
  color: var(--blue-50) !important;
}
.focus\:text-blue-100:focus {
  color: var(--blue-100) !important;
}
.focus\:text-blue-200:focus {
  color: var(--blue-200) !important;
}
.focus\:text-blue-300:focus {
  color: var(--blue-300) !important;
}
.focus\:text-blue-400:focus {
  color: var(--blue-400) !important;
}
.focus\:text-blue-500:focus {
  color: var(--blue-500) !important;
}
.focus\:text-blue-600:focus {
  color: var(--blue-600) !important;
}
.focus\:text-blue-700:focus {
  color: var(--blue-700) !important;
}
.focus\:text-blue-800:focus {
  color: var(--blue-800) !important;
}
.focus\:text-blue-900:focus {
  color: var(--blue-900) !important;
}
.hover\:text-blue-50:hover {
  color: var(--blue-50) !important;
}
.hover\:text-blue-100:hover {
  color: var(--blue-100) !important;
}
.hover\:text-blue-200:hover {
  color: var(--blue-200) !important;
}
.hover\:text-blue-300:hover {
  color: var(--blue-300) !important;
}
.hover\:text-blue-400:hover {
  color: var(--blue-400) !important;
}
.hover\:text-blue-500:hover {
  color: var(--blue-500) !important;
}
.hover\:text-blue-600:hover {
  color: var(--blue-600) !important;
}
.hover\:text-blue-700:hover {
  color: var(--blue-700) !important;
}
.hover\:text-blue-800:hover {
  color: var(--blue-800) !important;
}
.hover\:text-blue-900:hover {
  color: var(--blue-900) !important;
}
.active\:text-blue-50:active {
  color: var(--blue-50) !important;
}
.active\:text-blue-100:active {
  color: var(--blue-100) !important;
}
.active\:text-blue-200:active {
  color: var(--blue-200) !important;
}
.active\:text-blue-300:active {
  color: var(--blue-300) !important;
}
.active\:text-blue-400:active {
  color: var(--blue-400) !important;
}
.active\:text-blue-500:active {
  color: var(--blue-500) !important;
}
.active\:text-blue-600:active {
  color: var(--blue-600) !important;
}
.active\:text-blue-700:active {
  color: var(--blue-700) !important;
}
.active\:text-blue-800:active {
  color: var(--blue-800) !important;
}
.active\:text-blue-900:active {
  color: var(--blue-900) !important;
}
.text-green-50 {
  color: var(--green-50) !important;
}
.text-green-100 {
  color: var(--green-100) !important;
}
.text-green-200 {
  color: var(--green-200) !important;
}
.text-green-300 {
  color: var(--green-300) !important;
}
.text-green-400 {
  color: var(--green-400) !important;
}
.text-green-500 {
  color: var(--green-500) !important;
}
.text-green-600 {
  color: var(--green-600) !important;
}
.text-green-700 {
  color: var(--green-700) !important;
}
.text-green-800 {
  color: var(--green-800) !important;
}
.text-green-900 {
  color: var(--green-900) !important;
}
.focus\:text-green-50:focus {
  color: var(--green-50) !important;
}
.focus\:text-green-100:focus {
  color: var(--green-100) !important;
}
.focus\:text-green-200:focus {
  color: var(--green-200) !important;
}
.focus\:text-green-300:focus {
  color: var(--green-300) !important;
}
.focus\:text-green-400:focus {
  color: var(--green-400) !important;
}
.focus\:text-green-500:focus {
  color: var(--green-500) !important;
}
.focus\:text-green-600:focus {
  color: var(--green-600) !important;
}
.focus\:text-green-700:focus {
  color: var(--green-700) !important;
}
.focus\:text-green-800:focus {
  color: var(--green-800) !important;
}
.focus\:text-green-900:focus {
  color: var(--green-900) !important;
}
.hover\:text-green-50:hover {
  color: var(--green-50) !important;
}
.hover\:text-green-100:hover {
  color: var(--green-100) !important;
}
.hover\:text-green-200:hover {
  color: var(--green-200) !important;
}
.hover\:text-green-300:hover {
  color: var(--green-300) !important;
}
.hover\:text-green-400:hover {
  color: var(--green-400) !important;
}
.hover\:text-green-500:hover {
  color: var(--green-500) !important;
}
.hover\:text-green-600:hover {
  color: var(--green-600) !important;
}
.hover\:text-green-700:hover {
  color: var(--green-700) !important;
}
.hover\:text-green-800:hover {
  color: var(--green-800) !important;
}
.hover\:text-green-900:hover {
  color: var(--green-900) !important;
}
.active\:text-green-50:active {
  color: var(--green-50) !important;
}
.active\:text-green-100:active {
  color: var(--green-100) !important;
}
.active\:text-green-200:active {
  color: var(--green-200) !important;
}
.active\:text-green-300:active {
  color: var(--green-300) !important;
}
.active\:text-green-400:active {
  color: var(--green-400) !important;
}
.active\:text-green-500:active {
  color: var(--green-500) !important;
}
.active\:text-green-600:active {
  color: var(--green-600) !important;
}
.active\:text-green-700:active {
  color: var(--green-700) !important;
}
.active\:text-green-800:active {
  color: var(--green-800) !important;
}
.active\:text-green-900:active {
  color: var(--green-900) !important;
}
.text-yellow-50 {
  color: var(--yellow-50) !important;
}
.text-yellow-100 {
  color: var(--yellow-100) !important;
}
.text-yellow-200 {
  color: var(--yellow-200) !important;
}
.text-yellow-300 {
  color: var(--yellow-300) !important;
}
.text-yellow-400 {
  color: var(--yellow-400) !important;
}
.text-yellow-500 {
  color: var(--yellow-500) !important;
}
.text-yellow-600 {
  color: var(--yellow-600) !important;
}
.text-yellow-700 {
  color: var(--yellow-700) !important;
}
.text-yellow-800 {
  color: var(--yellow-800) !important;
}
.text-yellow-900 {
  color: var(--yellow-900) !important;
}
.focus\:text-yellow-50:focus {
  color: var(--yellow-50) !important;
}
.focus\:text-yellow-100:focus {
  color: var(--yellow-100) !important;
}
.focus\:text-yellow-200:focus {
  color: var(--yellow-200) !important;
}
.focus\:text-yellow-300:focus {
  color: var(--yellow-300) !important;
}
.focus\:text-yellow-400:focus {
  color: var(--yellow-400) !important;
}
.focus\:text-yellow-500:focus {
  color: var(--yellow-500) !important;
}
.focus\:text-yellow-600:focus {
  color: var(--yellow-600) !important;
}
.focus\:text-yellow-700:focus {
  color: var(--yellow-700) !important;
}
.focus\:text-yellow-800:focus {
  color: var(--yellow-800) !important;
}
.focus\:text-yellow-900:focus {
  color: var(--yellow-900) !important;
}
.hover\:text-yellow-50:hover {
  color: var(--yellow-50) !important;
}
.hover\:text-yellow-100:hover {
  color: var(--yellow-100) !important;
}
.hover\:text-yellow-200:hover {
  color: var(--yellow-200) !important;
}
.hover\:text-yellow-300:hover {
  color: var(--yellow-300) !important;
}
.hover\:text-yellow-400:hover {
  color: var(--yellow-400) !important;
}
.hover\:text-yellow-500:hover {
  color: var(--yellow-500) !important;
}
.hover\:text-yellow-600:hover {
  color: var(--yellow-600) !important;
}
.hover\:text-yellow-700:hover {
  color: var(--yellow-700) !important;
}
.hover\:text-yellow-800:hover {
  color: var(--yellow-800) !important;
}
.hover\:text-yellow-900:hover {
  color: var(--yellow-900) !important;
}
.active\:text-yellow-50:active {
  color: var(--yellow-50) !important;
}
.active\:text-yellow-100:active {
  color: var(--yellow-100) !important;
}
.active\:text-yellow-200:active {
  color: var(--yellow-200) !important;
}
.active\:text-yellow-300:active {
  color: var(--yellow-300) !important;
}
.active\:text-yellow-400:active {
  color: var(--yellow-400) !important;
}
.active\:text-yellow-500:active {
  color: var(--yellow-500) !important;
}
.active\:text-yellow-600:active {
  color: var(--yellow-600) !important;
}
.active\:text-yellow-700:active {
  color: var(--yellow-700) !important;
}
.active\:text-yellow-800:active {
  color: var(--yellow-800) !important;
}
.active\:text-yellow-900:active {
  color: var(--yellow-900) !important;
}
.text-cyan-50 {
  color: var(--cyan-50) !important;
}
.text-cyan-100 {
  color: var(--cyan-100) !important;
}
.text-cyan-200 {
  color: var(--cyan-200) !important;
}
.text-cyan-300 {
  color: var(--cyan-300) !important;
}
.text-cyan-400 {
  color: var(--cyan-400) !important;
}
.text-cyan-500 {
  color: var(--cyan-500) !important;
}
.text-cyan-600 {
  color: var(--cyan-600) !important;
}
.text-cyan-700 {
  color: var(--cyan-700) !important;
}
.text-cyan-800 {
  color: var(--cyan-800) !important;
}
.text-cyan-900 {
  color: var(--cyan-900) !important;
}
.focus\:text-cyan-50:focus {
  color: var(--cyan-50) !important;
}
.focus\:text-cyan-100:focus {
  color: var(--cyan-100) !important;
}
.focus\:text-cyan-200:focus {
  color: var(--cyan-200) !important;
}
.focus\:text-cyan-300:focus {
  color: var(--cyan-300) !important;
}
.focus\:text-cyan-400:focus {
  color: var(--cyan-400) !important;
}
.focus\:text-cyan-500:focus {
  color: var(--cyan-500) !important;
}
.focus\:text-cyan-600:focus {
  color: var(--cyan-600) !important;
}
.focus\:text-cyan-700:focus {
  color: var(--cyan-700) !important;
}
.focus\:text-cyan-800:focus {
  color: var(--cyan-800) !important;
}
.focus\:text-cyan-900:focus {
  color: var(--cyan-900) !important;
}
.hover\:text-cyan-50:hover {
  color: var(--cyan-50) !important;
}
.hover\:text-cyan-100:hover {
  color: var(--cyan-100) !important;
}
.hover\:text-cyan-200:hover {
  color: var(--cyan-200) !important;
}
.hover\:text-cyan-300:hover {
  color: var(--cyan-300) !important;
}
.hover\:text-cyan-400:hover {
  color: var(--cyan-400) !important;
}
.hover\:text-cyan-500:hover {
  color: var(--cyan-500) !important;
}
.hover\:text-cyan-600:hover {
  color: var(--cyan-600) !important;
}
.hover\:text-cyan-700:hover {
  color: var(--cyan-700) !important;
}
.hover\:text-cyan-800:hover {
  color: var(--cyan-800) !important;
}
.hover\:text-cyan-900:hover {
  color: var(--cyan-900) !important;
}
.active\:text-cyan-50:active {
  color: var(--cyan-50) !important;
}
.active\:text-cyan-100:active {
  color: var(--cyan-100) !important;
}
.active\:text-cyan-200:active {
  color: var(--cyan-200) !important;
}
.active\:text-cyan-300:active {
  color: var(--cyan-300) !important;
}
.active\:text-cyan-400:active {
  color: var(--cyan-400) !important;
}
.active\:text-cyan-500:active {
  color: var(--cyan-500) !important;
}
.active\:text-cyan-600:active {
  color: var(--cyan-600) !important;
}
.active\:text-cyan-700:active {
  color: var(--cyan-700) !important;
}
.active\:text-cyan-800:active {
  color: var(--cyan-800) !important;
}
.active\:text-cyan-900:active {
  color: var(--cyan-900) !important;
}
.text-pink-50 {
  color: var(--pink-50) !important;
}
.text-pink-100 {
  color: var(--pink-100) !important;
}
.text-pink-200 {
  color: var(--pink-200) !important;
}
.text-pink-300 {
  color: var(--pink-300) !important;
}
.text-pink-400 {
  color: var(--pink-400) !important;
}
.text-pink-500 {
  color: var(--pink-500) !important;
}
.text-pink-600 {
  color: var(--pink-600) !important;
}
.text-pink-700 {
  color: var(--pink-700) !important;
}
.text-pink-800 {
  color: var(--pink-800) !important;
}
.text-pink-900 {
  color: var(--pink-900) !important;
}
.focus\:text-pink-50:focus {
  color: var(--pink-50) !important;
}
.focus\:text-pink-100:focus {
  color: var(--pink-100) !important;
}
.focus\:text-pink-200:focus {
  color: var(--pink-200) !important;
}
.focus\:text-pink-300:focus {
  color: var(--pink-300) !important;
}
.focus\:text-pink-400:focus {
  color: var(--pink-400) !important;
}
.focus\:text-pink-500:focus {
  color: var(--pink-500) !important;
}
.focus\:text-pink-600:focus {
  color: var(--pink-600) !important;
}
.focus\:text-pink-700:focus {
  color: var(--pink-700) !important;
}
.focus\:text-pink-800:focus {
  color: var(--pink-800) !important;
}
.focus\:text-pink-900:focus {
  color: var(--pink-900) !important;
}
.hover\:text-pink-50:hover {
  color: var(--pink-50) !important;
}
.hover\:text-pink-100:hover {
  color: var(--pink-100) !important;
}
.hover\:text-pink-200:hover {
  color: var(--pink-200) !important;
}
.hover\:text-pink-300:hover {
  color: var(--pink-300) !important;
}
.hover\:text-pink-400:hover {
  color: var(--pink-400) !important;
}
.hover\:text-pink-500:hover {
  color: var(--pink-500) !important;
}
.hover\:text-pink-600:hover {
  color: var(--pink-600) !important;
}
.hover\:text-pink-700:hover {
  color: var(--pink-700) !important;
}
.hover\:text-pink-800:hover {
  color: var(--pink-800) !important;
}
.hover\:text-pink-900:hover {
  color: var(--pink-900) !important;
}
.active\:text-pink-50:active {
  color: var(--pink-50) !important;
}
.active\:text-pink-100:active {
  color: var(--pink-100) !important;
}
.active\:text-pink-200:active {
  color: var(--pink-200) !important;
}
.active\:text-pink-300:active {
  color: var(--pink-300) !important;
}
.active\:text-pink-400:active {
  color: var(--pink-400) !important;
}
.active\:text-pink-500:active {
  color: var(--pink-500) !important;
}
.active\:text-pink-600:active {
  color: var(--pink-600) !important;
}
.active\:text-pink-700:active {
  color: var(--pink-700) !important;
}
.active\:text-pink-800:active {
  color: var(--pink-800) !important;
}
.active\:text-pink-900:active {
  color: var(--pink-900) !important;
}
.text-indigo-50 {
  color: var(--indigo-50) !important;
}
.text-indigo-100 {
  color: var(--indigo-100) !important;
}
.text-indigo-200 {
  color: var(--indigo-200) !important;
}
.text-indigo-300 {
  color: var(--indigo-300) !important;
}
.text-indigo-400 {
  color: var(--indigo-400) !important;
}
.text-indigo-500 {
  color: var(--indigo-500) !important;
}
.text-indigo-600 {
  color: var(--indigo-600) !important;
}
.text-indigo-700 {
  color: var(--indigo-700) !important;
}
.text-indigo-800 {
  color: var(--indigo-800) !important;
}
.text-indigo-900 {
  color: var(--indigo-900) !important;
}
.focus\:text-indigo-50:focus {
  color: var(--indigo-50) !important;
}
.focus\:text-indigo-100:focus {
  color: var(--indigo-100) !important;
}
.focus\:text-indigo-200:focus {
  color: var(--indigo-200) !important;
}
.focus\:text-indigo-300:focus {
  color: var(--indigo-300) !important;
}
.focus\:text-indigo-400:focus {
  color: var(--indigo-400) !important;
}
.focus\:text-indigo-500:focus {
  color: var(--indigo-500) !important;
}
.focus\:text-indigo-600:focus {
  color: var(--indigo-600) !important;
}
.focus\:text-indigo-700:focus {
  color: var(--indigo-700) !important;
}
.focus\:text-indigo-800:focus {
  color: var(--indigo-800) !important;
}
.focus\:text-indigo-900:focus {
  color: var(--indigo-900) !important;
}
.hover\:text-indigo-50:hover {
  color: var(--indigo-50) !important;
}
.hover\:text-indigo-100:hover {
  color: var(--indigo-100) !important;
}
.hover\:text-indigo-200:hover {
  color: var(--indigo-200) !important;
}
.hover\:text-indigo-300:hover {
  color: var(--indigo-300) !important;
}
.hover\:text-indigo-400:hover {
  color: var(--indigo-400) !important;
}
.hover\:text-indigo-500:hover {
  color: var(--indigo-500) !important;
}
.hover\:text-indigo-600:hover {
  color: var(--indigo-600) !important;
}
.hover\:text-indigo-700:hover {
  color: var(--indigo-700) !important;
}
.hover\:text-indigo-800:hover {
  color: var(--indigo-800) !important;
}
.hover\:text-indigo-900:hover {
  color: var(--indigo-900) !important;
}
.active\:text-indigo-50:active {
  color: var(--indigo-50) !important;
}
.active\:text-indigo-100:active {
  color: var(--indigo-100) !important;
}
.active\:text-indigo-200:active {
  color: var(--indigo-200) !important;
}
.active\:text-indigo-300:active {
  color: var(--indigo-300) !important;
}
.active\:text-indigo-400:active {
  color: var(--indigo-400) !important;
}
.active\:text-indigo-500:active {
  color: var(--indigo-500) !important;
}
.active\:text-indigo-600:active {
  color: var(--indigo-600) !important;
}
.active\:text-indigo-700:active {
  color: var(--indigo-700) !important;
}
.active\:text-indigo-800:active {
  color: var(--indigo-800) !important;
}
.active\:text-indigo-900:active {
  color: var(--indigo-900) !important;
}
.text-teal-50 {
  color: var(--teal-50) !important;
}
.text-teal-100 {
  color: var(--teal-100) !important;
}
.text-teal-200 {
  color: var(--teal-200) !important;
}
.text-teal-300 {
  color: var(--teal-300) !important;
}
.text-teal-400 {
  color: var(--teal-400) !important;
}
.text-teal-500 {
  color: var(--teal-500) !important;
}
.text-teal-600 {
  color: var(--teal-600) !important;
}
.text-teal-700 {
  color: var(--teal-700) !important;
}
.text-teal-800 {
  color: var(--teal-800) !important;
}
.text-teal-900 {
  color: var(--teal-900) !important;
}
.focus\:text-teal-50:focus {
  color: var(--teal-50) !important;
}
.focus\:text-teal-100:focus {
  color: var(--teal-100) !important;
}
.focus\:text-teal-200:focus {
  color: var(--teal-200) !important;
}
.focus\:text-teal-300:focus {
  color: var(--teal-300) !important;
}
.focus\:text-teal-400:focus {
  color: var(--teal-400) !important;
}
.focus\:text-teal-500:focus {
  color: var(--teal-500) !important;
}
.focus\:text-teal-600:focus {
  color: var(--teal-600) !important;
}
.focus\:text-teal-700:focus {
  color: var(--teal-700) !important;
}
.focus\:text-teal-800:focus {
  color: var(--teal-800) !important;
}
.focus\:text-teal-900:focus {
  color: var(--teal-900) !important;
}
.hover\:text-teal-50:hover {
  color: var(--teal-50) !important;
}
.hover\:text-teal-100:hover {
  color: var(--teal-100) !important;
}
.hover\:text-teal-200:hover {
  color: var(--teal-200) !important;
}
.hover\:text-teal-300:hover {
  color: var(--teal-300) !important;
}
.hover\:text-teal-400:hover {
  color: var(--teal-400) !important;
}
.hover\:text-teal-500:hover {
  color: var(--teal-500) !important;
}
.hover\:text-teal-600:hover {
  color: var(--teal-600) !important;
}
.hover\:text-teal-700:hover {
  color: var(--teal-700) !important;
}
.hover\:text-teal-800:hover {
  color: var(--teal-800) !important;
}
.hover\:text-teal-900:hover {
  color: var(--teal-900) !important;
}
.active\:text-teal-50:active {
  color: var(--teal-50) !important;
}
.active\:text-teal-100:active {
  color: var(--teal-100) !important;
}
.active\:text-teal-200:active {
  color: var(--teal-200) !important;
}
.active\:text-teal-300:active {
  color: var(--teal-300) !important;
}
.active\:text-teal-400:active {
  color: var(--teal-400) !important;
}
.active\:text-teal-500:active {
  color: var(--teal-500) !important;
}
.active\:text-teal-600:active {
  color: var(--teal-600) !important;
}
.active\:text-teal-700:active {
  color: var(--teal-700) !important;
}
.active\:text-teal-800:active {
  color: var(--teal-800) !important;
}
.active\:text-teal-900:active {
  color: var(--teal-900) !important;
}
.text-orange-50 {
  color: var(--orange-50) !important;
}
.text-orange-100 {
  color: var(--orange-100) !important;
}
.text-orange-200 {
  color: var(--orange-200) !important;
}
.text-orange-300 {
  color: var(--orange-300) !important;
}
.text-orange-400 {
  color: var(--orange-400) !important;
}
.text-orange-500 {
  color: var(--orange-500) !important;
}
.text-orange-600 {
  color: var(--orange-600) !important;
}
.text-orange-700 {
  color: var(--orange-700) !important;
}
.text-orange-800 {
  color: var(--orange-800) !important;
}
.text-orange-900 {
  color: var(--orange-900) !important;
}
.focus\:text-orange-50:focus {
  color: var(--orange-50) !important;
}
.focus\:text-orange-100:focus {
  color: var(--orange-100) !important;
}
.focus\:text-orange-200:focus {
  color: var(--orange-200) !important;
}
.focus\:text-orange-300:focus {
  color: var(--orange-300) !important;
}
.focus\:text-orange-400:focus {
  color: var(--orange-400) !important;
}
.focus\:text-orange-500:focus {
  color: var(--orange-500) !important;
}
.focus\:text-orange-600:focus {
  color: var(--orange-600) !important;
}
.focus\:text-orange-700:focus {
  color: var(--orange-700) !important;
}
.focus\:text-orange-800:focus {
  color: var(--orange-800) !important;
}
.focus\:text-orange-900:focus {
  color: var(--orange-900) !important;
}
.hover\:text-orange-50:hover {
  color: var(--orange-50) !important;
}
.hover\:text-orange-100:hover {
  color: var(--orange-100) !important;
}
.hover\:text-orange-200:hover {
  color: var(--orange-200) !important;
}
.hover\:text-orange-300:hover {
  color: var(--orange-300) !important;
}
.hover\:text-orange-400:hover {
  color: var(--orange-400) !important;
}
.hover\:text-orange-500:hover {
  color: var(--orange-500) !important;
}
.hover\:text-orange-600:hover {
  color: var(--orange-600) !important;
}
.hover\:text-orange-700:hover {
  color: var(--orange-700) !important;
}
.hover\:text-orange-800:hover {
  color: var(--orange-800) !important;
}
.hover\:text-orange-900:hover {
  color: var(--orange-900) !important;
}
.active\:text-orange-50:active {
  color: var(--orange-50) !important;
}
.active\:text-orange-100:active {
  color: var(--orange-100) !important;
}
.active\:text-orange-200:active {
  color: var(--orange-200) !important;
}
.active\:text-orange-300:active {
  color: var(--orange-300) !important;
}
.active\:text-orange-400:active {
  color: var(--orange-400) !important;
}
.active\:text-orange-500:active {
  color: var(--orange-500) !important;
}
.active\:text-orange-600:active {
  color: var(--orange-600) !important;
}
.active\:text-orange-700:active {
  color: var(--orange-700) !important;
}
.active\:text-orange-800:active {
  color: var(--orange-800) !important;
}
.active\:text-orange-900:active {
  color: var(--orange-900) !important;
}
.text-bluegray-50 {
  color: var(--bluegray-50) !important;
}
.text-bluegray-100 {
  color: var(--bluegray-100) !important;
}
.text-bluegray-200 {
  color: var(--bluegray-200) !important;
}
.text-bluegray-300 {
  color: var(--bluegray-300) !important;
}
.text-bluegray-400 {
  color: var(--bluegray-400) !important;
}
.text-bluegray-500 {
  color: var(--bluegray-500) !important;
}
.text-bluegray-600 {
  color: var(--bluegray-600) !important;
}
.text-bluegray-700 {
  color: var(--bluegray-700) !important;
}
.text-bluegray-800 {
  color: var(--bluegray-800) !important;
}
.text-bluegray-900 {
  color: var(--bluegray-900) !important;
}
.focus\:text-bluegray-50:focus {
  color: var(--bluegray-50) !important;
}
.focus\:text-bluegray-100:focus {
  color: var(--bluegray-100) !important;
}
.focus\:text-bluegray-200:focus {
  color: var(--bluegray-200) !important;
}
.focus\:text-bluegray-300:focus {
  color: var(--bluegray-300) !important;
}
.focus\:text-bluegray-400:focus {
  color: var(--bluegray-400) !important;
}
.focus\:text-bluegray-500:focus {
  color: var(--bluegray-500) !important;
}
.focus\:text-bluegray-600:focus {
  color: var(--bluegray-600) !important;
}
.focus\:text-bluegray-700:focus {
  color: var(--bluegray-700) !important;
}
.focus\:text-bluegray-800:focus {
  color: var(--bluegray-800) !important;
}
.focus\:text-bluegray-900:focus {
  color: var(--bluegray-900) !important;
}
.hover\:text-bluegray-50:hover {
  color: var(--bluegray-50) !important;
}
.hover\:text-bluegray-100:hover {
  color: var(--bluegray-100) !important;
}
.hover\:text-bluegray-200:hover {
  color: var(--bluegray-200) !important;
}
.hover\:text-bluegray-300:hover {
  color: var(--bluegray-300) !important;
}
.hover\:text-bluegray-400:hover {
  color: var(--bluegray-400) !important;
}
.hover\:text-bluegray-500:hover {
  color: var(--bluegray-500) !important;
}
.hover\:text-bluegray-600:hover {
  color: var(--bluegray-600) !important;
}
.hover\:text-bluegray-700:hover {
  color: var(--bluegray-700) !important;
}
.hover\:text-bluegray-800:hover {
  color: var(--bluegray-800) !important;
}
.hover\:text-bluegray-900:hover {
  color: var(--bluegray-900) !important;
}
.active\:text-bluegray-50:active {
  color: var(--bluegray-50) !important;
}
.active\:text-bluegray-100:active {
  color: var(--bluegray-100) !important;
}
.active\:text-bluegray-200:active {
  color: var(--bluegray-200) !important;
}
.active\:text-bluegray-300:active {
  color: var(--bluegray-300) !important;
}
.active\:text-bluegray-400:active {
  color: var(--bluegray-400) !important;
}
.active\:text-bluegray-500:active {
  color: var(--bluegray-500) !important;
}
.active\:text-bluegray-600:active {
  color: var(--bluegray-600) !important;
}
.active\:text-bluegray-700:active {
  color: var(--bluegray-700) !important;
}
.active\:text-bluegray-800:active {
  color: var(--bluegray-800) !important;
}
.active\:text-bluegray-900:active {
  color: var(--bluegray-900) !important;
}
.text-purple-50 {
  color: var(--purple-50) !important;
}
.text-purple-100 {
  color: var(--purple-100) !important;
}
.text-purple-200 {
  color: var(--purple-200) !important;
}
.text-purple-300 {
  color: var(--purple-300) !important;
}
.text-purple-400 {
  color: var(--purple-400) !important;
}
.text-purple-500 {
  color: var(--purple-500) !important;
}
.text-purple-600 {
  color: var(--purple-600) !important;
}
.text-purple-700 {
  color: var(--purple-700) !important;
}
.text-purple-800 {
  color: var(--purple-800) !important;
}
.text-purple-900 {
  color: var(--purple-900) !important;
}
.focus\:text-purple-50:focus {
  color: var(--purple-50) !important;
}
.focus\:text-purple-100:focus {
  color: var(--purple-100) !important;
}
.focus\:text-purple-200:focus {
  color: var(--purple-200) !important;
}
.focus\:text-purple-300:focus {
  color: var(--purple-300) !important;
}
.focus\:text-purple-400:focus {
  color: var(--purple-400) !important;
}
.focus\:text-purple-500:focus {
  color: var(--purple-500) !important;
}
.focus\:text-purple-600:focus {
  color: var(--purple-600) !important;
}
.focus\:text-purple-700:focus {
  color: var(--purple-700) !important;
}
.focus\:text-purple-800:focus {
  color: var(--purple-800) !important;
}
.focus\:text-purple-900:focus {
  color: var(--purple-900) !important;
}
.hover\:text-purple-50:hover {
  color: var(--purple-50) !important;
}
.hover\:text-purple-100:hover {
  color: var(--purple-100) !important;
}
.hover\:text-purple-200:hover {
  color: var(--purple-200) !important;
}
.hover\:text-purple-300:hover {
  color: var(--purple-300) !important;
}
.hover\:text-purple-400:hover {
  color: var(--purple-400) !important;
}
.hover\:text-purple-500:hover {
  color: var(--purple-500) !important;
}
.hover\:text-purple-600:hover {
  color: var(--purple-600) !important;
}
.hover\:text-purple-700:hover {
  color: var(--purple-700) !important;
}
.hover\:text-purple-800:hover {
  color: var(--purple-800) !important;
}
.hover\:text-purple-900:hover {
  color: var(--purple-900) !important;
}
.active\:text-purple-50:active {
  color: var(--purple-50) !important;
}
.active\:text-purple-100:active {
  color: var(--purple-100) !important;
}
.active\:text-purple-200:active {
  color: var(--purple-200) !important;
}
.active\:text-purple-300:active {
  color: var(--purple-300) !important;
}
.active\:text-purple-400:active {
  color: var(--purple-400) !important;
}
.active\:text-purple-500:active {
  color: var(--purple-500) !important;
}
.active\:text-purple-600:active {
  color: var(--purple-600) !important;
}
.active\:text-purple-700:active {
  color: var(--purple-700) !important;
}
.active\:text-purple-800:active {
  color: var(--purple-800) !important;
}
.active\:text-purple-900:active {
  color: var(--purple-900) !important;
}
.text-gray-50 {
  color: var(--gray-50) !important;
}
.text-gray-100 {
  color: var(--gray-100) !important;
}
.text-gray-200 {
  color: var(--gray-200) !important;
}
.text-gray-300 {
  color: var(--gray-300) !important;
}
.text-gray-400 {
  color: var(--gray-400) !important;
}
.text-gray-500 {
  color: var(--gray-500) !important;
}
.text-gray-600 {
  color: var(--gray-600) !important;
}
.text-gray-700 {
  color: var(--gray-700) !important;
}
.text-gray-800 {
  color: var(--gray-800) !important;
}
.text-gray-900 {
  color: var(--gray-900) !important;
}
.focus\:text-gray-50:focus {
  color: var(--gray-50) !important;
}
.focus\:text-gray-100:focus {
  color: var(--gray-100) !important;
}
.focus\:text-gray-200:focus {
  color: var(--gray-200) !important;
}
.focus\:text-gray-300:focus {
  color: var(--gray-300) !important;
}
.focus\:text-gray-400:focus {
  color: var(--gray-400) !important;
}
.focus\:text-gray-500:focus {
  color: var(--gray-500) !important;
}
.focus\:text-gray-600:focus {
  color: var(--gray-600) !important;
}
.focus\:text-gray-700:focus {
  color: var(--gray-700) !important;
}
.focus\:text-gray-800:focus {
  color: var(--gray-800) !important;
}
.focus\:text-gray-900:focus {
  color: var(--gray-900) !important;
}
.hover\:text-gray-50:hover {
  color: var(--gray-50) !important;
}
.hover\:text-gray-100:hover {
  color: var(--gray-100) !important;
}
.hover\:text-gray-200:hover {
  color: var(--gray-200) !important;
}
.hover\:text-gray-300:hover {
  color: var(--gray-300) !important;
}
.hover\:text-gray-400:hover {
  color: var(--gray-400) !important;
}
.hover\:text-gray-500:hover {
  color: var(--gray-500) !important;
}
.hover\:text-gray-600:hover {
  color: var(--gray-600) !important;
}
.hover\:text-gray-700:hover {
  color: var(--gray-700) !important;
}
.hover\:text-gray-800:hover {
  color: var(--gray-800) !important;
}
.hover\:text-gray-900:hover {
  color: var(--gray-900) !important;
}
.active\:text-gray-50:active {
  color: var(--gray-50) !important;
}
.active\:text-gray-100:active {
  color: var(--gray-100) !important;
}
.active\:text-gray-200:active {
  color: var(--gray-200) !important;
}
.active\:text-gray-300:active {
  color: var(--gray-300) !important;
}
.active\:text-gray-400:active {
  color: var(--gray-400) !important;
}
.active\:text-gray-500:active {
  color: var(--gray-500) !important;
}
.active\:text-gray-600:active {
  color: var(--gray-600) !important;
}
.active\:text-gray-700:active {
  color: var(--gray-700) !important;
}
.active\:text-gray-800:active {
  color: var(--gray-800) !important;
}
.active\:text-gray-900:active {
  color: var(--gray-900) !important;
}
.text-red-50 {
  color: var(--red-50) !important;
}
.text-red-100 {
  color: var(--red-100) !important;
}
.text-red-200 {
  color: var(--red-200) !important;
}
.text-red-300 {
  color: var(--red-300) !important;
}
.text-red-400 {
  color: var(--red-400) !important;
}
.text-red-500 {
  color: var(--red-500) !important;
}
.text-red-600 {
  color: var(--red-600) !important;
}
.text-red-700 {
  color: var(--red-700) !important;
}
.text-red-800 {
  color: var(--red-800) !important;
}
.text-red-900 {
  color: var(--red-900) !important;
}
.focus\:text-red-50:focus {
  color: var(--red-50) !important;
}
.focus\:text-red-100:focus {
  color: var(--red-100) !important;
}
.focus\:text-red-200:focus {
  color: var(--red-200) !important;
}
.focus\:text-red-300:focus {
  color: var(--red-300) !important;
}
.focus\:text-red-400:focus {
  color: var(--red-400) !important;
}
.focus\:text-red-500:focus {
  color: var(--red-500) !important;
}
.focus\:text-red-600:focus {
  color: var(--red-600) !important;
}
.focus\:text-red-700:focus {
  color: var(--red-700) !important;
}
.focus\:text-red-800:focus {
  color: var(--red-800) !important;
}
.focus\:text-red-900:focus {
  color: var(--red-900) !important;
}
.hover\:text-red-50:hover {
  color: var(--red-50) !important;
}
.hover\:text-red-100:hover {
  color: var(--red-100) !important;
}
.hover\:text-red-200:hover {
  color: var(--red-200) !important;
}
.hover\:text-red-300:hover {
  color: var(--red-300) !important;
}
.hover\:text-red-400:hover {
  color: var(--red-400) !important;
}
.hover\:text-red-500:hover {
  color: var(--red-500) !important;
}
.hover\:text-red-600:hover {
  color: var(--red-600) !important;
}
.hover\:text-red-700:hover {
  color: var(--red-700) !important;
}
.hover\:text-red-800:hover {
  color: var(--red-800) !important;
}
.hover\:text-red-900:hover {
  color: var(--red-900) !important;
}
.active\:text-red-50:active {
  color: var(--red-50) !important;
}
.active\:text-red-100:active {
  color: var(--red-100) !important;
}
.active\:text-red-200:active {
  color: var(--red-200) !important;
}
.active\:text-red-300:active {
  color: var(--red-300) !important;
}
.active\:text-red-400:active {
  color: var(--red-400) !important;
}
.active\:text-red-500:active {
  color: var(--red-500) !important;
}
.active\:text-red-600:active {
  color: var(--red-600) !important;
}
.active\:text-red-700:active {
  color: var(--red-700) !important;
}
.active\:text-red-800:active {
  color: var(--red-800) !important;
}
.active\:text-red-900:active {
  color: var(--red-900) !important;
}
.text-primary-50 {
  color: var(--primary-50) !important;
}
.text-primary-100 {
  color: var(--primary-100) !important;
}
.text-primary-200 {
  color: var(--primary-200) !important;
}
.text-primary-300 {
  color: var(--primary-300) !important;
}
.text-primary-400 {
  color: var(--primary-400) !important;
}
.text-primary-500 {
  color: var(--primary-500) !important;
}
.text-primary-600 {
  color: var(--primary-600) !important;
}
.text-primary-700 {
  color: var(--primary-700) !important;
}
.text-primary-800 {
  color: var(--primary-800) !important;
}
.text-primary-900 {
  color: var(--primary-900) !important;
}
.focus\:text-primary-50:focus {
  color: var(--primary-50) !important;
}
.focus\:text-primary-100:focus {
  color: var(--primary-100) !important;
}
.focus\:text-primary-200:focus {
  color: var(--primary-200) !important;
}
.focus\:text-primary-300:focus {
  color: var(--primary-300) !important;
}
.focus\:text-primary-400:focus {
  color: var(--primary-400) !important;
}
.focus\:text-primary-500:focus {
  color: var(--primary-500) !important;
}
.focus\:text-primary-600:focus {
  color: var(--primary-600) !important;
}
.focus\:text-primary-700:focus {
  color: var(--primary-700) !important;
}
.focus\:text-primary-800:focus {
  color: var(--primary-800) !important;
}
.focus\:text-primary-900:focus {
  color: var(--primary-900) !important;
}
.hover\:text-primary-50:hover {
  color: var(--primary-50) !important;
}
.hover\:text-primary-100:hover {
  color: var(--primary-100) !important;
}
.hover\:text-primary-200:hover {
  color: var(--primary-200) !important;
}
.hover\:text-primary-300:hover {
  color: var(--primary-300) !important;
}
.hover\:text-primary-400:hover {
  color: var(--primary-400) !important;
}
.hover\:text-primary-500:hover {
  color: var(--primary-500) !important;
}
.hover\:text-primary-600:hover {
  color: var(--primary-600) !important;
}
.hover\:text-primary-700:hover {
  color: var(--primary-700) !important;
}
.hover\:text-primary-800:hover {
  color: var(--primary-800) !important;
}
.hover\:text-primary-900:hover {
  color: var(--primary-900) !important;
}
.active\:text-primary-50:active {
  color: var(--primary-50) !important;
}
.active\:text-primary-100:active {
  color: var(--primary-100) !important;
}
.active\:text-primary-200:active {
  color: var(--primary-200) !important;
}
.active\:text-primary-300:active {
  color: var(--primary-300) !important;
}
.active\:text-primary-400:active {
  color: var(--primary-400) !important;
}
.active\:text-primary-500:active {
  color: var(--primary-500) !important;
}
.active\:text-primary-600:active {
  color: var(--primary-600) !important;
}
.active\:text-primary-700:active {
  color: var(--primary-700) !important;
}
.active\:text-primary-800:active {
  color: var(--primary-800) !important;
}
.active\:text-primary-900:active {
  color: var(--primary-900) !important;
}
.bg-blue-50 {
  background-color: var(--blue-50) !important;
}
.bg-blue-100 {
  background-color: var(--blue-100) !important;
}
.bg-blue-200 {
  background-color: var(--blue-200) !important;
}
.bg-blue-300 {
  background-color: var(--blue-300) !important;
}
.bg-blue-400 {
  background-color: var(--blue-400) !important;
}
.bg-blue-500 {
  background-color: var(--blue-500) !important;
}
.bg-blue-600 {
  background-color: var(--blue-600) !important;
}
.bg-blue-700 {
  background-color: var(--blue-700) !important;
}
.bg-blue-800 {
  background-color: var(--blue-800) !important;
}
.bg-blue-900 {
  background-color: var(--blue-900) !important;
}
.focus\:bg-blue-50:focus {
  background-color: var(--blue-50) !important;
}
.focus\:bg-blue-100:focus {
  background-color: var(--blue-100) !important;
}
.focus\:bg-blue-200:focus {
  background-color: var(--blue-200) !important;
}
.focus\:bg-blue-300:focus {
  background-color: var(--blue-300) !important;
}
.focus\:bg-blue-400:focus {
  background-color: var(--blue-400) !important;
}
.focus\:bg-blue-500:focus {
  background-color: var(--blue-500) !important;
}
.focus\:bg-blue-600:focus {
  background-color: var(--blue-600) !important;
}
.focus\:bg-blue-700:focus {
  background-color: var(--blue-700) !important;
}
.focus\:bg-blue-800:focus {
  background-color: var(--blue-800) !important;
}
.focus\:bg-blue-900:focus {
  background-color: var(--blue-900) !important;
}
.hover\:bg-blue-50:hover {
  background-color: var(--blue-50) !important;
}
.hover\:bg-blue-100:hover {
  background-color: var(--blue-100) !important;
}
.hover\:bg-blue-200:hover {
  background-color: var(--blue-200) !important;
}
.hover\:bg-blue-300:hover {
  background-color: var(--blue-300) !important;
}
.hover\:bg-blue-400:hover {
  background-color: var(--blue-400) !important;
}
.hover\:bg-blue-500:hover {
  background-color: var(--blue-500) !important;
}
.hover\:bg-blue-600:hover {
  background-color: var(--blue-600) !important;
}
.hover\:bg-blue-700:hover {
  background-color: var(--blue-700) !important;
}
.hover\:bg-blue-800:hover {
  background-color: var(--blue-800) !important;
}
.hover\:bg-blue-900:hover {
  background-color: var(--blue-900) !important;
}
.active\:bg-blue-50:active {
  background-color: var(--blue-50) !important;
}
.active\:bg-blue-100:active {
  background-color: var(--blue-100) !important;
}
.active\:bg-blue-200:active {
  background-color: var(--blue-200) !important;
}
.active\:bg-blue-300:active {
  background-color: var(--blue-300) !important;
}
.active\:bg-blue-400:active {
  background-color: var(--blue-400) !important;
}
.active\:bg-blue-500:active {
  background-color: var(--blue-500) !important;
}
.active\:bg-blue-600:active {
  background-color: var(--blue-600) !important;
}
.active\:bg-blue-700:active {
  background-color: var(--blue-700) !important;
}
.active\:bg-blue-800:active {
  background-color: var(--blue-800) !important;
}
.active\:bg-blue-900:active {
  background-color: var(--blue-900) !important;
}
.bg-green-50 {
  background-color: var(--green-50) !important;
}
.bg-green-100 {
  background-color: var(--green-100) !important;
}
.bg-green-200 {
  background-color: var(--green-200) !important;
}
.bg-green-300 {
  background-color: var(--green-300) !important;
}
.bg-green-400 {
  background-color: var(--green-400) !important;
}
.bg-green-500 {
  background-color: var(--green-500) !important;
}
.bg-green-600 {
  background-color: var(--green-600) !important;
}
.bg-green-700 {
  background-color: var(--green-700) !important;
}
.bg-green-800 {
  background-color: var(--green-800) !important;
}
.bg-green-900 {
  background-color: var(--green-900) !important;
}
.focus\:bg-green-50:focus {
  background-color: var(--green-50) !important;
}
.focus\:bg-green-100:focus {
  background-color: var(--green-100) !important;
}
.focus\:bg-green-200:focus {
  background-color: var(--green-200) !important;
}
.focus\:bg-green-300:focus {
  background-color: var(--green-300) !important;
}
.focus\:bg-green-400:focus {
  background-color: var(--green-400) !important;
}
.focus\:bg-green-500:focus {
  background-color: var(--green-500) !important;
}
.focus\:bg-green-600:focus {
  background-color: var(--green-600) !important;
}
.focus\:bg-green-700:focus {
  background-color: var(--green-700) !important;
}
.focus\:bg-green-800:focus {
  background-color: var(--green-800) !important;
}
.focus\:bg-green-900:focus {
  background-color: var(--green-900) !important;
}
.hover\:bg-green-50:hover {
  background-color: var(--green-50) !important;
}
.hover\:bg-green-100:hover {
  background-color: var(--green-100) !important;
}
.hover\:bg-green-200:hover {
  background-color: var(--green-200) !important;
}
.hover\:bg-green-300:hover {
  background-color: var(--green-300) !important;
}
.hover\:bg-green-400:hover {
  background-color: var(--green-400) !important;
}
.hover\:bg-green-500:hover {
  background-color: var(--green-500) !important;
}
.hover\:bg-green-600:hover {
  background-color: var(--green-600) !important;
}
.hover\:bg-green-700:hover {
  background-color: var(--green-700) !important;
}
.hover\:bg-green-800:hover {
  background-color: var(--green-800) !important;
}
.hover\:bg-green-900:hover {
  background-color: var(--green-900) !important;
}
.active\:bg-green-50:active {
  background-color: var(--green-50) !important;
}
.active\:bg-green-100:active {
  background-color: var(--green-100) !important;
}
.active\:bg-green-200:active {
  background-color: var(--green-200) !important;
}
.active\:bg-green-300:active {
  background-color: var(--green-300) !important;
}
.active\:bg-green-400:active {
  background-color: var(--green-400) !important;
}
.active\:bg-green-500:active {
  background-color: var(--green-500) !important;
}
.active\:bg-green-600:active {
  background-color: var(--green-600) !important;
}
.active\:bg-green-700:active {
  background-color: var(--green-700) !important;
}
.active\:bg-green-800:active {
  background-color: var(--green-800) !important;
}
.active\:bg-green-900:active {
  background-color: var(--green-900) !important;
}
.bg-yellow-50 {
  background-color: var(--yellow-50) !important;
}
.bg-yellow-100 {
  background-color: var(--yellow-100) !important;
}
.bg-yellow-200 {
  background-color: var(--yellow-200) !important;
}
.bg-yellow-300 {
  background-color: var(--yellow-300) !important;
}
.bg-yellow-400 {
  background-color: var(--yellow-400) !important;
}
.bg-yellow-500 {
  background-color: var(--yellow-500) !important;
}
.bg-yellow-600 {
  background-color: var(--yellow-600) !important;
}
.bg-yellow-700 {
  background-color: var(--yellow-700) !important;
}
.bg-yellow-800 {
  background-color: var(--yellow-800) !important;
}
.bg-yellow-900 {
  background-color: var(--yellow-900) !important;
}
.focus\:bg-yellow-50:focus {
  background-color: var(--yellow-50) !important;
}
.focus\:bg-yellow-100:focus {
  background-color: var(--yellow-100) !important;
}
.focus\:bg-yellow-200:focus {
  background-color: var(--yellow-200) !important;
}
.focus\:bg-yellow-300:focus {
  background-color: var(--yellow-300) !important;
}
.focus\:bg-yellow-400:focus {
  background-color: var(--yellow-400) !important;
}
.focus\:bg-yellow-500:focus {
  background-color: var(--yellow-500) !important;
}
.focus\:bg-yellow-600:focus {
  background-color: var(--yellow-600) !important;
}
.focus\:bg-yellow-700:focus {
  background-color: var(--yellow-700) !important;
}
.focus\:bg-yellow-800:focus {
  background-color: var(--yellow-800) !important;
}
.focus\:bg-yellow-900:focus {
  background-color: var(--yellow-900) !important;
}
.hover\:bg-yellow-50:hover {
  background-color: var(--yellow-50) !important;
}
.hover\:bg-yellow-100:hover {
  background-color: var(--yellow-100) !important;
}
.hover\:bg-yellow-200:hover {
  background-color: var(--yellow-200) !important;
}
.hover\:bg-yellow-300:hover {
  background-color: var(--yellow-300) !important;
}
.hover\:bg-yellow-400:hover {
  background-color: var(--yellow-400) !important;
}
.hover\:bg-yellow-500:hover {
  background-color: var(--yellow-500) !important;
}
.hover\:bg-yellow-600:hover {
  background-color: var(--yellow-600) !important;
}
.hover\:bg-yellow-700:hover {
  background-color: var(--yellow-700) !important;
}
.hover\:bg-yellow-800:hover {
  background-color: var(--yellow-800) !important;
}
.hover\:bg-yellow-900:hover {
  background-color: var(--yellow-900) !important;
}
.active\:bg-yellow-50:active {
  background-color: var(--yellow-50) !important;
}
.active\:bg-yellow-100:active {
  background-color: var(--yellow-100) !important;
}
.active\:bg-yellow-200:active {
  background-color: var(--yellow-200) !important;
}
.active\:bg-yellow-300:active {
  background-color: var(--yellow-300) !important;
}
.active\:bg-yellow-400:active {
  background-color: var(--yellow-400) !important;
}
.active\:bg-yellow-500:active {
  background-color: var(--yellow-500) !important;
}
.active\:bg-yellow-600:active {
  background-color: var(--yellow-600) !important;
}
.active\:bg-yellow-700:active {
  background-color: var(--yellow-700) !important;
}
.active\:bg-yellow-800:active {
  background-color: var(--yellow-800) !important;
}
.active\:bg-yellow-900:active {
  background-color: var(--yellow-900) !important;
}
.bg-cyan-50 {
  background-color: var(--cyan-50) !important;
}
.bg-cyan-100 {
  background-color: var(--cyan-100) !important;
}
.bg-cyan-200 {
  background-color: var(--cyan-200) !important;
}
.bg-cyan-300 {
  background-color: var(--cyan-300) !important;
}
.bg-cyan-400 {
  background-color: var(--cyan-400) !important;
}
.bg-cyan-500 {
  background-color: var(--cyan-500) !important;
}
.bg-cyan-600 {
  background-color: var(--cyan-600) !important;
}
.bg-cyan-700 {
  background-color: var(--cyan-700) !important;
}
.bg-cyan-800 {
  background-color: var(--cyan-800) !important;
}
.bg-cyan-900 {
  background-color: var(--cyan-900) !important;
}
.focus\:bg-cyan-50:focus {
  background-color: var(--cyan-50) !important;
}
.focus\:bg-cyan-100:focus {
  background-color: var(--cyan-100) !important;
}
.focus\:bg-cyan-200:focus {
  background-color: var(--cyan-200) !important;
}
.focus\:bg-cyan-300:focus {
  background-color: var(--cyan-300) !important;
}
.focus\:bg-cyan-400:focus {
  background-color: var(--cyan-400) !important;
}
.focus\:bg-cyan-500:focus {
  background-color: var(--cyan-500) !important;
}
.focus\:bg-cyan-600:focus {
  background-color: var(--cyan-600) !important;
}
.focus\:bg-cyan-700:focus {
  background-color: var(--cyan-700) !important;
}
.focus\:bg-cyan-800:focus {
  background-color: var(--cyan-800) !important;
}
.focus\:bg-cyan-900:focus {
  background-color: var(--cyan-900) !important;
}
.hover\:bg-cyan-50:hover {
  background-color: var(--cyan-50) !important;
}
.hover\:bg-cyan-100:hover {
  background-color: var(--cyan-100) !important;
}
.hover\:bg-cyan-200:hover {
  background-color: var(--cyan-200) !important;
}
.hover\:bg-cyan-300:hover {
  background-color: var(--cyan-300) !important;
}
.hover\:bg-cyan-400:hover {
  background-color: var(--cyan-400) !important;
}
.hover\:bg-cyan-500:hover {
  background-color: var(--cyan-500) !important;
}
.hover\:bg-cyan-600:hover {
  background-color: var(--cyan-600) !important;
}
.hover\:bg-cyan-700:hover {
  background-color: var(--cyan-700) !important;
}
.hover\:bg-cyan-800:hover {
  background-color: var(--cyan-800) !important;
}
.hover\:bg-cyan-900:hover {
  background-color: var(--cyan-900) !important;
}
.active\:bg-cyan-50:active {
  background-color: var(--cyan-50) !important;
}
.active\:bg-cyan-100:active {
  background-color: var(--cyan-100) !important;
}
.active\:bg-cyan-200:active {
  background-color: var(--cyan-200) !important;
}
.active\:bg-cyan-300:active {
  background-color: var(--cyan-300) !important;
}
.active\:bg-cyan-400:active {
  background-color: var(--cyan-400) !important;
}
.active\:bg-cyan-500:active {
  background-color: var(--cyan-500) !important;
}
.active\:bg-cyan-600:active {
  background-color: var(--cyan-600) !important;
}
.active\:bg-cyan-700:active {
  background-color: var(--cyan-700) !important;
}
.active\:bg-cyan-800:active {
  background-color: var(--cyan-800) !important;
}
.active\:bg-cyan-900:active {
  background-color: var(--cyan-900) !important;
}
.bg-pink-50 {
  background-color: var(--pink-50) !important;
}
.bg-pink-100 {
  background-color: var(--pink-100) !important;
}
.bg-pink-200 {
  background-color: var(--pink-200) !important;
}
.bg-pink-300 {
  background-color: var(--pink-300) !important;
}
.bg-pink-400 {
  background-color: var(--pink-400) !important;
}
.bg-pink-500 {
  background-color: var(--pink-500) !important;
}
.bg-pink-600 {
  background-color: var(--pink-600) !important;
}
.bg-pink-700 {
  background-color: var(--pink-700) !important;
}
.bg-pink-800 {
  background-color: var(--pink-800) !important;
}
.bg-pink-900 {
  background-color: var(--pink-900) !important;
}
.focus\:bg-pink-50:focus {
  background-color: var(--pink-50) !important;
}
.focus\:bg-pink-100:focus {
  background-color: var(--pink-100) !important;
}
.focus\:bg-pink-200:focus {
  background-color: var(--pink-200) !important;
}
.focus\:bg-pink-300:focus {
  background-color: var(--pink-300) !important;
}
.focus\:bg-pink-400:focus {
  background-color: var(--pink-400) !important;
}
.focus\:bg-pink-500:focus {
  background-color: var(--pink-500) !important;
}
.focus\:bg-pink-600:focus {
  background-color: var(--pink-600) !important;
}
.focus\:bg-pink-700:focus {
  background-color: var(--pink-700) !important;
}
.focus\:bg-pink-800:focus {
  background-color: var(--pink-800) !important;
}
.focus\:bg-pink-900:focus {
  background-color: var(--pink-900) !important;
}
.hover\:bg-pink-50:hover {
  background-color: var(--pink-50) !important;
}
.hover\:bg-pink-100:hover {
  background-color: var(--pink-100) !important;
}
.hover\:bg-pink-200:hover {
  background-color: var(--pink-200) !important;
}
.hover\:bg-pink-300:hover {
  background-color: var(--pink-300) !important;
}
.hover\:bg-pink-400:hover {
  background-color: var(--pink-400) !important;
}
.hover\:bg-pink-500:hover {
  background-color: var(--pink-500) !important;
}
.hover\:bg-pink-600:hover {
  background-color: var(--pink-600) !important;
}
.hover\:bg-pink-700:hover {
  background-color: var(--pink-700) !important;
}
.hover\:bg-pink-800:hover {
  background-color: var(--pink-800) !important;
}
.hover\:bg-pink-900:hover {
  background-color: var(--pink-900) !important;
}
.active\:bg-pink-50:active {
  background-color: var(--pink-50) !important;
}
.active\:bg-pink-100:active {
  background-color: var(--pink-100) !important;
}
.active\:bg-pink-200:active {
  background-color: var(--pink-200) !important;
}
.active\:bg-pink-300:active {
  background-color: var(--pink-300) !important;
}
.active\:bg-pink-400:active {
  background-color: var(--pink-400) !important;
}
.active\:bg-pink-500:active {
  background-color: var(--pink-500) !important;
}
.active\:bg-pink-600:active {
  background-color: var(--pink-600) !important;
}
.active\:bg-pink-700:active {
  background-color: var(--pink-700) !important;
}
.active\:bg-pink-800:active {
  background-color: var(--pink-800) !important;
}
.active\:bg-pink-900:active {
  background-color: var(--pink-900) !important;
}
.bg-indigo-50 {
  background-color: var(--indigo-50) !important;
}
.bg-indigo-100 {
  background-color: var(--indigo-100) !important;
}
.bg-indigo-200 {
  background-color: var(--indigo-200) !important;
}
.bg-indigo-300 {
  background-color: var(--indigo-300) !important;
}
.bg-indigo-400 {
  background-color: var(--indigo-400) !important;
}
.bg-indigo-500 {
  background-color: var(--indigo-500) !important;
}
.bg-indigo-600 {
  background-color: var(--indigo-600) !important;
}
.bg-indigo-700 {
  background-color: var(--indigo-700) !important;
}
.bg-indigo-800 {
  background-color: var(--indigo-800) !important;
}
.bg-indigo-900 {
  background-color: var(--indigo-900) !important;
}
.focus\:bg-indigo-50:focus {
  background-color: var(--indigo-50) !important;
}
.focus\:bg-indigo-100:focus {
  background-color: var(--indigo-100) !important;
}
.focus\:bg-indigo-200:focus {
  background-color: var(--indigo-200) !important;
}
.focus\:bg-indigo-300:focus {
  background-color: var(--indigo-300) !important;
}
.focus\:bg-indigo-400:focus {
  background-color: var(--indigo-400) !important;
}
.focus\:bg-indigo-500:focus {
  background-color: var(--indigo-500) !important;
}
.focus\:bg-indigo-600:focus {
  background-color: var(--indigo-600) !important;
}
.focus\:bg-indigo-700:focus {
  background-color: var(--indigo-700) !important;
}
.focus\:bg-indigo-800:focus {
  background-color: var(--indigo-800) !important;
}
.focus\:bg-indigo-900:focus {
  background-color: var(--indigo-900) !important;
}
.hover\:bg-indigo-50:hover {
  background-color: var(--indigo-50) !important;
}
.hover\:bg-indigo-100:hover {
  background-color: var(--indigo-100) !important;
}
.hover\:bg-indigo-200:hover {
  background-color: var(--indigo-200) !important;
}
.hover\:bg-indigo-300:hover {
  background-color: var(--indigo-300) !important;
}
.hover\:bg-indigo-400:hover {
  background-color: var(--indigo-400) !important;
}
.hover\:bg-indigo-500:hover {
  background-color: var(--indigo-500) !important;
}
.hover\:bg-indigo-600:hover {
  background-color: var(--indigo-600) !important;
}
.hover\:bg-indigo-700:hover {
  background-color: var(--indigo-700) !important;
}
.hover\:bg-indigo-800:hover {
  background-color: var(--indigo-800) !important;
}
.hover\:bg-indigo-900:hover {
  background-color: var(--indigo-900) !important;
}
.active\:bg-indigo-50:active {
  background-color: var(--indigo-50) !important;
}
.active\:bg-indigo-100:active {
  background-color: var(--indigo-100) !important;
}
.active\:bg-indigo-200:active {
  background-color: var(--indigo-200) !important;
}
.active\:bg-indigo-300:active {
  background-color: var(--indigo-300) !important;
}
.active\:bg-indigo-400:active {
  background-color: var(--indigo-400) !important;
}
.active\:bg-indigo-500:active {
  background-color: var(--indigo-500) !important;
}
.active\:bg-indigo-600:active {
  background-color: var(--indigo-600) !important;
}
.active\:bg-indigo-700:active {
  background-color: var(--indigo-700) !important;
}
.active\:bg-indigo-800:active {
  background-color: var(--indigo-800) !important;
}
.active\:bg-indigo-900:active {
  background-color: var(--indigo-900) !important;
}
.bg-teal-50 {
  background-color: var(--teal-50) !important;
}
.bg-teal-100 {
  background-color: var(--teal-100) !important;
}
.bg-teal-200 {
  background-color: var(--teal-200) !important;
}
.bg-teal-300 {
  background-color: var(--teal-300) !important;
}
.bg-teal-400 {
  background-color: var(--teal-400) !important;
}
.bg-teal-500 {
  background-color: var(--teal-500) !important;
}
.bg-teal-600 {
  background-color: var(--teal-600) !important;
}
.bg-teal-700 {
  background-color: var(--teal-700) !important;
}
.bg-teal-800 {
  background-color: var(--teal-800) !important;
}
.bg-teal-900 {
  background-color: var(--teal-900) !important;
}
.focus\:bg-teal-50:focus {
  background-color: var(--teal-50) !important;
}
.focus\:bg-teal-100:focus {
  background-color: var(--teal-100) !important;
}
.focus\:bg-teal-200:focus {
  background-color: var(--teal-200) !important;
}
.focus\:bg-teal-300:focus {
  background-color: var(--teal-300) !important;
}
.focus\:bg-teal-400:focus {
  background-color: var(--teal-400) !important;
}
.focus\:bg-teal-500:focus {
  background-color: var(--teal-500) !important;
}
.focus\:bg-teal-600:focus {
  background-color: var(--teal-600) !important;
}
.focus\:bg-teal-700:focus {
  background-color: var(--teal-700) !important;
}
.focus\:bg-teal-800:focus {
  background-color: var(--teal-800) !important;
}
.focus\:bg-teal-900:focus {
  background-color: var(--teal-900) !important;
}
.hover\:bg-teal-50:hover {
  background-color: var(--teal-50) !important;
}
.hover\:bg-teal-100:hover {
  background-color: var(--teal-100) !important;
}
.hover\:bg-teal-200:hover {
  background-color: var(--teal-200) !important;
}
.hover\:bg-teal-300:hover {
  background-color: var(--teal-300) !important;
}
.hover\:bg-teal-400:hover {
  background-color: var(--teal-400) !important;
}
.hover\:bg-teal-500:hover {
  background-color: var(--teal-500) !important;
}
.hover\:bg-teal-600:hover {
  background-color: var(--teal-600) !important;
}
.hover\:bg-teal-700:hover {
  background-color: var(--teal-700) !important;
}
.hover\:bg-teal-800:hover {
  background-color: var(--teal-800) !important;
}
.hover\:bg-teal-900:hover {
  background-color: var(--teal-900) !important;
}
.active\:bg-teal-50:active {
  background-color: var(--teal-50) !important;
}
.active\:bg-teal-100:active {
  background-color: var(--teal-100) !important;
}
.active\:bg-teal-200:active {
  background-color: var(--teal-200) !important;
}
.active\:bg-teal-300:active {
  background-color: var(--teal-300) !important;
}
.active\:bg-teal-400:active {
  background-color: var(--teal-400) !important;
}
.active\:bg-teal-500:active {
  background-color: var(--teal-500) !important;
}
.active\:bg-teal-600:active {
  background-color: var(--teal-600) !important;
}
.active\:bg-teal-700:active {
  background-color: var(--teal-700) !important;
}
.active\:bg-teal-800:active {
  background-color: var(--teal-800) !important;
}
.active\:bg-teal-900:active {
  background-color: var(--teal-900) !important;
}
.bg-orange-50 {
  background-color: var(--orange-50) !important;
}
.bg-orange-100 {
  background-color: var(--orange-100) !important;
}
.bg-orange-200 {
  background-color: var(--orange-200) !important;
}
.bg-orange-300 {
  background-color: var(--orange-300) !important;
}
.bg-orange-400 {
  background-color: var(--orange-400) !important;
}
.bg-orange-500 {
  background-color: var(--orange-500) !important;
}
.bg-orange-600 {
  background-color: var(--orange-600) !important;
}
.bg-orange-700 {
  background-color: var(--orange-700) !important;
}
.bg-orange-800 {
  background-color: var(--orange-800) !important;
}
.bg-orange-900 {
  background-color: var(--orange-900) !important;
}
.focus\:bg-orange-50:focus {
  background-color: var(--orange-50) !important;
}
.focus\:bg-orange-100:focus {
  background-color: var(--orange-100) !important;
}
.focus\:bg-orange-200:focus {
  background-color: var(--orange-200) !important;
}
.focus\:bg-orange-300:focus {
  background-color: var(--orange-300) !important;
}
.focus\:bg-orange-400:focus {
  background-color: var(--orange-400) !important;
}
.focus\:bg-orange-500:focus {
  background-color: var(--orange-500) !important;
}
.focus\:bg-orange-600:focus {
  background-color: var(--orange-600) !important;
}
.focus\:bg-orange-700:focus {
  background-color: var(--orange-700) !important;
}
.focus\:bg-orange-800:focus {
  background-color: var(--orange-800) !important;
}
.focus\:bg-orange-900:focus {
  background-color: var(--orange-900) !important;
}
.hover\:bg-orange-50:hover {
  background-color: var(--orange-50) !important;
}
.hover\:bg-orange-100:hover {
  background-color: var(--orange-100) !important;
}
.hover\:bg-orange-200:hover {
  background-color: var(--orange-200) !important;
}
.hover\:bg-orange-300:hover {
  background-color: var(--orange-300) !important;
}
.hover\:bg-orange-400:hover {
  background-color: var(--orange-400) !important;
}
.hover\:bg-orange-500:hover {
  background-color: var(--orange-500) !important;
}
.hover\:bg-orange-600:hover {
  background-color: var(--orange-600) !important;
}
.hover\:bg-orange-700:hover {
  background-color: var(--orange-700) !important;
}
.hover\:bg-orange-800:hover {
  background-color: var(--orange-800) !important;
}
.hover\:bg-orange-900:hover {
  background-color: var(--orange-900) !important;
}
.active\:bg-orange-50:active {
  background-color: var(--orange-50) !important;
}
.active\:bg-orange-100:active {
  background-color: var(--orange-100) !important;
}
.active\:bg-orange-200:active {
  background-color: var(--orange-200) !important;
}
.active\:bg-orange-300:active {
  background-color: var(--orange-300) !important;
}
.active\:bg-orange-400:active {
  background-color: var(--orange-400) !important;
}
.active\:bg-orange-500:active {
  background-color: var(--orange-500) !important;
}
.active\:bg-orange-600:active {
  background-color: var(--orange-600) !important;
}
.active\:bg-orange-700:active {
  background-color: var(--orange-700) !important;
}
.active\:bg-orange-800:active {
  background-color: var(--orange-800) !important;
}
.active\:bg-orange-900:active {
  background-color: var(--orange-900) !important;
}
.bg-bluegray-50 {
  background-color: var(--bluegray-50) !important;
}
.bg-bluegray-100 {
  background-color: var(--bluegray-100) !important;
}
.bg-bluegray-200 {
  background-color: var(--bluegray-200) !important;
}
.bg-bluegray-300 {
  background-color: var(--bluegray-300) !important;
}
.bg-bluegray-400 {
  background-color: var(--bluegray-400) !important;
}
.bg-bluegray-500 {
  background-color: var(--bluegray-500) !important;
}
.bg-bluegray-600 {
  background-color: var(--bluegray-600) !important;
}
.bg-bluegray-700 {
  background-color: var(--bluegray-700) !important;
}
.bg-bluegray-800 {
  background-color: var(--bluegray-800) !important;
}
.bg-bluegray-900 {
  background-color: var(--bluegray-900) !important;
}
.focus\:bg-bluegray-50:focus {
  background-color: var(--bluegray-50) !important;
}
.focus\:bg-bluegray-100:focus {
  background-color: var(--bluegray-100) !important;
}
.focus\:bg-bluegray-200:focus {
  background-color: var(--bluegray-200) !important;
}
.focus\:bg-bluegray-300:focus {
  background-color: var(--bluegray-300) !important;
}
.focus\:bg-bluegray-400:focus {
  background-color: var(--bluegray-400) !important;
}
.focus\:bg-bluegray-500:focus {
  background-color: var(--bluegray-500) !important;
}
.focus\:bg-bluegray-600:focus {
  background-color: var(--bluegray-600) !important;
}
.focus\:bg-bluegray-700:focus {
  background-color: var(--bluegray-700) !important;
}
.focus\:bg-bluegray-800:focus {
  background-color: var(--bluegray-800) !important;
}
.focus\:bg-bluegray-900:focus {
  background-color: var(--bluegray-900) !important;
}
.hover\:bg-bluegray-50:hover {
  background-color: var(--bluegray-50) !important;
}
.hover\:bg-bluegray-100:hover {
  background-color: var(--bluegray-100) !important;
}
.hover\:bg-bluegray-200:hover {
  background-color: var(--bluegray-200) !important;
}
.hover\:bg-bluegray-300:hover {
  background-color: var(--bluegray-300) !important;
}
.hover\:bg-bluegray-400:hover {
  background-color: var(--bluegray-400) !important;
}
.hover\:bg-bluegray-500:hover {
  background-color: var(--bluegray-500) !important;
}
.hover\:bg-bluegray-600:hover {
  background-color: var(--bluegray-600) !important;
}
.hover\:bg-bluegray-700:hover {
  background-color: var(--bluegray-700) !important;
}
.hover\:bg-bluegray-800:hover {
  background-color: var(--bluegray-800) !important;
}
.hover\:bg-bluegray-900:hover {
  background-color: var(--bluegray-900) !important;
}
.active\:bg-bluegray-50:active {
  background-color: var(--bluegray-50) !important;
}
.active\:bg-bluegray-100:active {
  background-color: var(--bluegray-100) !important;
}
.active\:bg-bluegray-200:active {
  background-color: var(--bluegray-200) !important;
}
.active\:bg-bluegray-300:active {
  background-color: var(--bluegray-300) !important;
}
.active\:bg-bluegray-400:active {
  background-color: var(--bluegray-400) !important;
}
.active\:bg-bluegray-500:active {
  background-color: var(--bluegray-500) !important;
}
.active\:bg-bluegray-600:active {
  background-color: var(--bluegray-600) !important;
}
.active\:bg-bluegray-700:active {
  background-color: var(--bluegray-700) !important;
}
.active\:bg-bluegray-800:active {
  background-color: var(--bluegray-800) !important;
}
.active\:bg-bluegray-900:active {
  background-color: var(--bluegray-900) !important;
}
.bg-purple-50 {
  background-color: var(--purple-50) !important;
}
.bg-purple-100 {
  background-color: var(--purple-100) !important;
}
.bg-purple-200 {
  background-color: var(--purple-200) !important;
}
.bg-purple-300 {
  background-color: var(--purple-300) !important;
}
.bg-purple-400 {
  background-color: var(--purple-400) !important;
}
.bg-purple-500 {
  background-color: var(--purple-500) !important;
}
.bg-purple-600 {
  background-color: var(--purple-600) !important;
}
.bg-purple-700 {
  background-color: var(--purple-700) !important;
}
.bg-purple-800 {
  background-color: var(--purple-800) !important;
}
.bg-purple-900 {
  background-color: var(--purple-900) !important;
}
.focus\:bg-purple-50:focus {
  background-color: var(--purple-50) !important;
}
.focus\:bg-purple-100:focus {
  background-color: var(--purple-100) !important;
}
.focus\:bg-purple-200:focus {
  background-color: var(--purple-200) !important;
}
.focus\:bg-purple-300:focus {
  background-color: var(--purple-300) !important;
}
.focus\:bg-purple-400:focus {
  background-color: var(--purple-400) !important;
}
.focus\:bg-purple-500:focus {
  background-color: var(--purple-500) !important;
}
.focus\:bg-purple-600:focus {
  background-color: var(--purple-600) !important;
}
.focus\:bg-purple-700:focus {
  background-color: var(--purple-700) !important;
}
.focus\:bg-purple-800:focus {
  background-color: var(--purple-800) !important;
}
.focus\:bg-purple-900:focus {
  background-color: var(--purple-900) !important;
}
.hover\:bg-purple-50:hover {
  background-color: var(--purple-50) !important;
}
.hover\:bg-purple-100:hover {
  background-color: var(--purple-100) !important;
}
.hover\:bg-purple-200:hover {
  background-color: var(--purple-200) !important;
}
.hover\:bg-purple-300:hover {
  background-color: var(--purple-300) !important;
}
.hover\:bg-purple-400:hover {
  background-color: var(--purple-400) !important;
}
.hover\:bg-purple-500:hover {
  background-color: var(--purple-500) !important;
}
.hover\:bg-purple-600:hover {
  background-color: var(--purple-600) !important;
}
.hover\:bg-purple-700:hover {
  background-color: var(--purple-700) !important;
}
.hover\:bg-purple-800:hover {
  background-color: var(--purple-800) !important;
}
.hover\:bg-purple-900:hover {
  background-color: var(--purple-900) !important;
}
.active\:bg-purple-50:active {
  background-color: var(--purple-50) !important;
}
.active\:bg-purple-100:active {
  background-color: var(--purple-100) !important;
}
.active\:bg-purple-200:active {
  background-color: var(--purple-200) !important;
}
.active\:bg-purple-300:active {
  background-color: var(--purple-300) !important;
}
.active\:bg-purple-400:active {
  background-color: var(--purple-400) !important;
}
.active\:bg-purple-500:active {
  background-color: var(--purple-500) !important;
}
.active\:bg-purple-600:active {
  background-color: var(--purple-600) !important;
}
.active\:bg-purple-700:active {
  background-color: var(--purple-700) !important;
}
.active\:bg-purple-800:active {
  background-color: var(--purple-800) !important;
}
.active\:bg-purple-900:active {
  background-color: var(--purple-900) !important;
}
.bg-gray-50 {
  background-color: var(--gray-50) !important;
}
.bg-gray-100 {
  background-color: var(--gray-100) !important;
}
.bg-gray-200 {
  background-color: var(--gray-200) !important;
}
.bg-gray-300 {
  background-color: var(--gray-300) !important;
}
.bg-gray-400 {
  background-color: var(--gray-400) !important;
}
.bg-gray-500 {
  background-color: var(--gray-500) !important;
}
.bg-gray-600 {
  background-color: var(--gray-600) !important;
}
.bg-gray-700 {
  background-color: var(--gray-700) !important;
}
.bg-gray-800 {
  background-color: var(--gray-800) !important;
}
.bg-gray-900 {
  background-color: var(--gray-900) !important;
}
.focus\:bg-gray-50:focus {
  background-color: var(--gray-50) !important;
}
.focus\:bg-gray-100:focus {
  background-color: var(--gray-100) !important;
}
.focus\:bg-gray-200:focus {
  background-color: var(--gray-200) !important;
}
.focus\:bg-gray-300:focus {
  background-color: var(--gray-300) !important;
}
.focus\:bg-gray-400:focus {
  background-color: var(--gray-400) !important;
}
.focus\:bg-gray-500:focus {
  background-color: var(--gray-500) !important;
}
.focus\:bg-gray-600:focus {
  background-color: var(--gray-600) !important;
}
.focus\:bg-gray-700:focus {
  background-color: var(--gray-700) !important;
}
.focus\:bg-gray-800:focus {
  background-color: var(--gray-800) !important;
}
.focus\:bg-gray-900:focus {
  background-color: var(--gray-900) !important;
}
.hover\:bg-gray-50:hover {
  background-color: var(--gray-50) !important;
}
.hover\:bg-gray-100:hover {
  background-color: var(--gray-100) !important;
}
.hover\:bg-gray-200:hover {
  background-color: var(--gray-200) !important;
}
.hover\:bg-gray-300:hover {
  background-color: var(--gray-300) !important;
}
.hover\:bg-gray-400:hover {
  background-color: var(--gray-400) !important;
}
.hover\:bg-gray-500:hover {
  background-color: var(--gray-500) !important;
}
.hover\:bg-gray-600:hover {
  background-color: var(--gray-600) !important;
}
.hover\:bg-gray-700:hover {
  background-color: var(--gray-700) !important;
}
.hover\:bg-gray-800:hover {
  background-color: var(--gray-800) !important;
}
.hover\:bg-gray-900:hover {
  background-color: var(--gray-900) !important;
}
.active\:bg-gray-50:active {
  background-color: var(--gray-50) !important;
}
.active\:bg-gray-100:active {
  background-color: var(--gray-100) !important;
}
.active\:bg-gray-200:active {
  background-color: var(--gray-200) !important;
}
.active\:bg-gray-300:active {
  background-color: var(--gray-300) !important;
}
.active\:bg-gray-400:active {
  background-color: var(--gray-400) !important;
}
.active\:bg-gray-500:active {
  background-color: var(--gray-500) !important;
}
.active\:bg-gray-600:active {
  background-color: var(--gray-600) !important;
}
.active\:bg-gray-700:active {
  background-color: var(--gray-700) !important;
}
.active\:bg-gray-800:active {
  background-color: var(--gray-800) !important;
}
.active\:bg-gray-900:active {
  background-color: var(--gray-900) !important;
}
.bg-red-50 {
  background-color: var(--red-50) !important;
}
.bg-red-100 {
  background-color: var(--red-100) !important;
}
.bg-red-200 {
  background-color: var(--red-200) !important;
}
.bg-red-300 {
  background-color: var(--red-300) !important;
}
.bg-red-400 {
  background-color: var(--red-400) !important;
}
.bg-red-500 {
  background-color: var(--red-500) !important;
}
.bg-red-600 {
  background-color: var(--red-600) !important;
}
.bg-red-700 {
  background-color: var(--red-700) !important;
}
.bg-red-800 {
  background-color: var(--red-800) !important;
}
.bg-red-900 {
  background-color: var(--red-900) !important;
}
.focus\:bg-red-50:focus {
  background-color: var(--red-50) !important;
}
.focus\:bg-red-100:focus {
  background-color: var(--red-100) !important;
}
.focus\:bg-red-200:focus {
  background-color: var(--red-200) !important;
}
.focus\:bg-red-300:focus {
  background-color: var(--red-300) !important;
}
.focus\:bg-red-400:focus {
  background-color: var(--red-400) !important;
}
.focus\:bg-red-500:focus {
  background-color: var(--red-500) !important;
}
.focus\:bg-red-600:focus {
  background-color: var(--red-600) !important;
}
.focus\:bg-red-700:focus {
  background-color: var(--red-700) !important;
}
.focus\:bg-red-800:focus {
  background-color: var(--red-800) !important;
}
.focus\:bg-red-900:focus {
  background-color: var(--red-900) !important;
}
.hover\:bg-red-50:hover {
  background-color: var(--red-50) !important;
}
.hover\:bg-red-100:hover {
  background-color: var(--red-100) !important;
}
.hover\:bg-red-200:hover {
  background-color: var(--red-200) !important;
}
.hover\:bg-red-300:hover {
  background-color: var(--red-300) !important;
}
.hover\:bg-red-400:hover {
  background-color: var(--red-400) !important;
}
.hover\:bg-red-500:hover {
  background-color: var(--red-500) !important;
}
.hover\:bg-red-600:hover {
  background-color: var(--red-600) !important;
}
.hover\:bg-red-700:hover {
  background-color: var(--red-700) !important;
}
.hover\:bg-red-800:hover {
  background-color: var(--red-800) !important;
}
.hover\:bg-red-900:hover {
  background-color: var(--red-900) !important;
}
.active\:bg-red-50:active {
  background-color: var(--red-50) !important;
}
.active\:bg-red-100:active {
  background-color: var(--red-100) !important;
}
.active\:bg-red-200:active {
  background-color: var(--red-200) !important;
}
.active\:bg-red-300:active {
  background-color: var(--red-300) !important;
}
.active\:bg-red-400:active {
  background-color: var(--red-400) !important;
}
.active\:bg-red-500:active {
  background-color: var(--red-500) !important;
}
.active\:bg-red-600:active {
  background-color: var(--red-600) !important;
}
.active\:bg-red-700:active {
  background-color: var(--red-700) !important;
}
.active\:bg-red-800:active {
  background-color: var(--red-800) !important;
}
.active\:bg-red-900:active {
  background-color: var(--red-900) !important;
}
.bg-primary-50 {
  background-color: var(--primary-50) !important;
}
.bg-primary-100 {
  background-color: var(--primary-100) !important;
}
.bg-primary-200 {
  background-color: var(--primary-200) !important;
}
.bg-primary-300 {
  background-color: var(--primary-300) !important;
}
.bg-primary-400 {
  background-color: var(--primary-400) !important;
}
.bg-primary-500 {
  background-color: var(--primary-500) !important;
}
.bg-primary-600 {
  background-color: var(--primary-600) !important;
}
.bg-primary-700 {
  background-color: var(--primary-700) !important;
}
.bg-primary-800 {
  background-color: var(--primary-800) !important;
}
.bg-primary-900 {
  background-color: var(--primary-900) !important;
}
.focus\:bg-primary-50:focus {
  background-color: var(--primary-50) !important;
}
.focus\:bg-primary-100:focus {
  background-color: var(--primary-100) !important;
}
.focus\:bg-primary-200:focus {
  background-color: var(--primary-200) !important;
}
.focus\:bg-primary-300:focus {
  background-color: var(--primary-300) !important;
}
.focus\:bg-primary-400:focus {
  background-color: var(--primary-400) !important;
}
.focus\:bg-primary-500:focus {
  background-color: var(--primary-500) !important;
}
.focus\:bg-primary-600:focus {
  background-color: var(--primary-600) !important;
}
.focus\:bg-primary-700:focus {
  background-color: var(--primary-700) !important;
}
.focus\:bg-primary-800:focus {
  background-color: var(--primary-800) !important;
}
.focus\:bg-primary-900:focus {
  background-color: var(--primary-900) !important;
}
.hover\:bg-primary-50:hover {
  background-color: var(--primary-50) !important;
}
.hover\:bg-primary-100:hover {
  background-color: var(--primary-100) !important;
}
.hover\:bg-primary-200:hover {
  background-color: var(--primary-200) !important;
}
.hover\:bg-primary-300:hover {
  background-color: var(--primary-300) !important;
}
.hover\:bg-primary-400:hover {
  background-color: var(--primary-400) !important;
}
.hover\:bg-primary-500:hover {
  background-color: var(--primary-500) !important;
}
.hover\:bg-primary-600:hover {
  background-color: var(--primary-600) !important;
}
.hover\:bg-primary-700:hover {
  background-color: var(--primary-700) !important;
}
.hover\:bg-primary-800:hover {
  background-color: var(--primary-800) !important;
}
.hover\:bg-primary-900:hover {
  background-color: var(--primary-900) !important;
}
.active\:bg-primary-50:active {
  background-color: var(--primary-50) !important;
}
.active\:bg-primary-100:active {
  background-color: var(--primary-100) !important;
}
.active\:bg-primary-200:active {
  background-color: var(--primary-200) !important;
}
.active\:bg-primary-300:active {
  background-color: var(--primary-300) !important;
}
.active\:bg-primary-400:active {
  background-color: var(--primary-400) !important;
}
.active\:bg-primary-500:active {
  background-color: var(--primary-500) !important;
}
.active\:bg-primary-600:active {
  background-color: var(--primary-600) !important;
}
.active\:bg-primary-700:active {
  background-color: var(--primary-700) !important;
}
.active\:bg-primary-800:active {
  background-color: var(--primary-800) !important;
}
.active\:bg-primary-900:active {
  background-color: var(--primary-900) !important;
}
.border-blue-50 {
  border-color: var(--blue-50) !important;
}
.border-blue-100 {
  border-color: var(--blue-100) !important;
}
.border-blue-200 {
  border-color: var(--blue-200) !important;
}
.border-blue-300 {
  border-color: var(--blue-300) !important;
}
.border-blue-400 {
  border-color: var(--blue-400) !important;
}
.border-blue-500 {
  border-color: var(--blue-500) !important;
}
.border-blue-600 {
  border-color: var(--blue-600) !important;
}
.border-blue-700 {
  border-color: var(--blue-700) !important;
}
.border-blue-800 {
  border-color: var(--blue-800) !important;
}
.border-blue-900 {
  border-color: var(--blue-900) !important;
}
.focus\:border-blue-50:focus {
  border-color: var(--blue-50) !important;
}
.focus\:border-blue-100:focus {
  border-color: var(--blue-100) !important;
}
.focus\:border-blue-200:focus {
  border-color: var(--blue-200) !important;
}
.focus\:border-blue-300:focus {
  border-color: var(--blue-300) !important;
}
.focus\:border-blue-400:focus {
  border-color: var(--blue-400) !important;
}
.focus\:border-blue-500:focus {
  border-color: var(--blue-500) !important;
}
.focus\:border-blue-600:focus {
  border-color: var(--blue-600) !important;
}
.focus\:border-blue-700:focus {
  border-color: var(--blue-700) !important;
}
.focus\:border-blue-800:focus {
  border-color: var(--blue-800) !important;
}
.focus\:border-blue-900:focus {
  border-color: var(--blue-900) !important;
}
.hover\:border-blue-50:hover {
  border-color: var(--blue-50) !important;
}
.hover\:border-blue-100:hover {
  border-color: var(--blue-100) !important;
}
.hover\:border-blue-200:hover {
  border-color: var(--blue-200) !important;
}
.hover\:border-blue-300:hover {
  border-color: var(--blue-300) !important;
}
.hover\:border-blue-400:hover {
  border-color: var(--blue-400) !important;
}
.hover\:border-blue-500:hover {
  border-color: var(--blue-500) !important;
}
.hover\:border-blue-600:hover {
  border-color: var(--blue-600) !important;
}
.hover\:border-blue-700:hover {
  border-color: var(--blue-700) !important;
}
.hover\:border-blue-800:hover {
  border-color: var(--blue-800) !important;
}
.hover\:border-blue-900:hover {
  border-color: var(--blue-900) !important;
}
.active\:border-blue-50:active {
  border-color: var(--blue-50) !important;
}
.active\:border-blue-100:active {
  border-color: var(--blue-100) !important;
}
.active\:border-blue-200:active {
  border-color: var(--blue-200) !important;
}
.active\:border-blue-300:active {
  border-color: var(--blue-300) !important;
}
.active\:border-blue-400:active {
  border-color: var(--blue-400) !important;
}
.active\:border-blue-500:active {
  border-color: var(--blue-500) !important;
}
.active\:border-blue-600:active {
  border-color: var(--blue-600) !important;
}
.active\:border-blue-700:active {
  border-color: var(--blue-700) !important;
}
.active\:border-blue-800:active {
  border-color: var(--blue-800) !important;
}
.active\:border-blue-900:active {
  border-color: var(--blue-900) !important;
}
.border-green-50 {
  border-color: var(--green-50) !important;
}
.border-green-100 {
  border-color: var(--green-100) !important;
}
.border-green-200 {
  border-color: var(--green-200) !important;
}
.border-green-300 {
  border-color: var(--green-300) !important;
}
.border-green-400 {
  border-color: var(--green-400) !important;
}
.border-green-500 {
  border-color: var(--green-500) !important;
}
.border-green-600 {
  border-color: var(--green-600) !important;
}
.border-green-700 {
  border-color: var(--green-700) !important;
}
.border-green-800 {
  border-color: var(--green-800) !important;
}
.border-green-900 {
  border-color: var(--green-900) !important;
}
.focus\:border-green-50:focus {
  border-color: var(--green-50) !important;
}
.focus\:border-green-100:focus {
  border-color: var(--green-100) !important;
}
.focus\:border-green-200:focus {
  border-color: var(--green-200) !important;
}
.focus\:border-green-300:focus {
  border-color: var(--green-300) !important;
}
.focus\:border-green-400:focus {
  border-color: var(--green-400) !important;
}
.focus\:border-green-500:focus {
  border-color: var(--green-500) !important;
}
.focus\:border-green-600:focus {
  border-color: var(--green-600) !important;
}
.focus\:border-green-700:focus {
  border-color: var(--green-700) !important;
}
.focus\:border-green-800:focus {
  border-color: var(--green-800) !important;
}
.focus\:border-green-900:focus {
  border-color: var(--green-900) !important;
}
.hover\:border-green-50:hover {
  border-color: var(--green-50) !important;
}
.hover\:border-green-100:hover {
  border-color: var(--green-100) !important;
}
.hover\:border-green-200:hover {
  border-color: var(--green-200) !important;
}
.hover\:border-green-300:hover {
  border-color: var(--green-300) !important;
}
.hover\:border-green-400:hover {
  border-color: var(--green-400) !important;
}
.hover\:border-green-500:hover {
  border-color: var(--green-500) !important;
}
.hover\:border-green-600:hover {
  border-color: var(--green-600) !important;
}
.hover\:border-green-700:hover {
  border-color: var(--green-700) !important;
}
.hover\:border-green-800:hover {
  border-color: var(--green-800) !important;
}
.hover\:border-green-900:hover {
  border-color: var(--green-900) !important;
}
.active\:border-green-50:active {
  border-color: var(--green-50) !important;
}
.active\:border-green-100:active {
  border-color: var(--green-100) !important;
}
.active\:border-green-200:active {
  border-color: var(--green-200) !important;
}
.active\:border-green-300:active {
  border-color: var(--green-300) !important;
}
.active\:border-green-400:active {
  border-color: var(--green-400) !important;
}
.active\:border-green-500:active {
  border-color: var(--green-500) !important;
}
.active\:border-green-600:active {
  border-color: var(--green-600) !important;
}
.active\:border-green-700:active {
  border-color: var(--green-700) !important;
}
.active\:border-green-800:active {
  border-color: var(--green-800) !important;
}
.active\:border-green-900:active {
  border-color: var(--green-900) !important;
}
.border-yellow-50 {
  border-color: var(--yellow-50) !important;
}
.border-yellow-100 {
  border-color: var(--yellow-100) !important;
}
.border-yellow-200 {
  border-color: var(--yellow-200) !important;
}
.border-yellow-300 {
  border-color: var(--yellow-300) !important;
}
.border-yellow-400 {
  border-color: var(--yellow-400) !important;
}
.border-yellow-500 {
  border-color: var(--yellow-500) !important;
}
.border-yellow-600 {
  border-color: var(--yellow-600) !important;
}
.border-yellow-700 {
  border-color: var(--yellow-700) !important;
}
.border-yellow-800 {
  border-color: var(--yellow-800) !important;
}
.border-yellow-900 {
  border-color: var(--yellow-900) !important;
}
.focus\:border-yellow-50:focus {
  border-color: var(--yellow-50) !important;
}
.focus\:border-yellow-100:focus {
  border-color: var(--yellow-100) !important;
}
.focus\:border-yellow-200:focus {
  border-color: var(--yellow-200) !important;
}
.focus\:border-yellow-300:focus {
  border-color: var(--yellow-300) !important;
}
.focus\:border-yellow-400:focus {
  border-color: var(--yellow-400) !important;
}
.focus\:border-yellow-500:focus {
  border-color: var(--yellow-500) !important;
}
.focus\:border-yellow-600:focus {
  border-color: var(--yellow-600) !important;
}
.focus\:border-yellow-700:focus {
  border-color: var(--yellow-700) !important;
}
.focus\:border-yellow-800:focus {
  border-color: var(--yellow-800) !important;
}
.focus\:border-yellow-900:focus {
  border-color: var(--yellow-900) !important;
}
.hover\:border-yellow-50:hover {
  border-color: var(--yellow-50) !important;
}
.hover\:border-yellow-100:hover {
  border-color: var(--yellow-100) !important;
}
.hover\:border-yellow-200:hover {
  border-color: var(--yellow-200) !important;
}
.hover\:border-yellow-300:hover {
  border-color: var(--yellow-300) !important;
}
.hover\:border-yellow-400:hover {
  border-color: var(--yellow-400) !important;
}
.hover\:border-yellow-500:hover {
  border-color: var(--yellow-500) !important;
}
.hover\:border-yellow-600:hover {
  border-color: var(--yellow-600) !important;
}
.hover\:border-yellow-700:hover {
  border-color: var(--yellow-700) !important;
}
.hover\:border-yellow-800:hover {
  border-color: var(--yellow-800) !important;
}
.hover\:border-yellow-900:hover {
  border-color: var(--yellow-900) !important;
}
.active\:border-yellow-50:active {
  border-color: var(--yellow-50) !important;
}
.active\:border-yellow-100:active {
  border-color: var(--yellow-100) !important;
}
.active\:border-yellow-200:active {
  border-color: var(--yellow-200) !important;
}
.active\:border-yellow-300:active {
  border-color: var(--yellow-300) !important;
}
.active\:border-yellow-400:active {
  border-color: var(--yellow-400) !important;
}
.active\:border-yellow-500:active {
  border-color: var(--yellow-500) !important;
}
.active\:border-yellow-600:active {
  border-color: var(--yellow-600) !important;
}
.active\:border-yellow-700:active {
  border-color: var(--yellow-700) !important;
}
.active\:border-yellow-800:active {
  border-color: var(--yellow-800) !important;
}
.active\:border-yellow-900:active {
  border-color: var(--yellow-900) !important;
}
.border-cyan-50 {
  border-color: var(--cyan-50) !important;
}
.border-cyan-100 {
  border-color: var(--cyan-100) !important;
}
.border-cyan-200 {
  border-color: var(--cyan-200) !important;
}
.border-cyan-300 {
  border-color: var(--cyan-300) !important;
}
.border-cyan-400 {
  border-color: var(--cyan-400) !important;
}
.border-cyan-500 {
  border-color: var(--cyan-500) !important;
}
.border-cyan-600 {
  border-color: var(--cyan-600) !important;
}
.border-cyan-700 {
  border-color: var(--cyan-700) !important;
}
.border-cyan-800 {
  border-color: var(--cyan-800) !important;
}
.border-cyan-900 {
  border-color: var(--cyan-900) !important;
}
.focus\:border-cyan-50:focus {
  border-color: var(--cyan-50) !important;
}
.focus\:border-cyan-100:focus {
  border-color: var(--cyan-100) !important;
}
.focus\:border-cyan-200:focus {
  border-color: var(--cyan-200) !important;
}
.focus\:border-cyan-300:focus {
  border-color: var(--cyan-300) !important;
}
.focus\:border-cyan-400:focus {
  border-color: var(--cyan-400) !important;
}
.focus\:border-cyan-500:focus {
  border-color: var(--cyan-500) !important;
}
.focus\:border-cyan-600:focus {
  border-color: var(--cyan-600) !important;
}
.focus\:border-cyan-700:focus {
  border-color: var(--cyan-700) !important;
}
.focus\:border-cyan-800:focus {
  border-color: var(--cyan-800) !important;
}
.focus\:border-cyan-900:focus {
  border-color: var(--cyan-900) !important;
}
.hover\:border-cyan-50:hover {
  border-color: var(--cyan-50) !important;
}
.hover\:border-cyan-100:hover {
  border-color: var(--cyan-100) !important;
}
.hover\:border-cyan-200:hover {
  border-color: var(--cyan-200) !important;
}
.hover\:border-cyan-300:hover {
  border-color: var(--cyan-300) !important;
}
.hover\:border-cyan-400:hover {
  border-color: var(--cyan-400) !important;
}
.hover\:border-cyan-500:hover {
  border-color: var(--cyan-500) !important;
}
.hover\:border-cyan-600:hover {
  border-color: var(--cyan-600) !important;
}
.hover\:border-cyan-700:hover {
  border-color: var(--cyan-700) !important;
}
.hover\:border-cyan-800:hover {
  border-color: var(--cyan-800) !important;
}
.hover\:border-cyan-900:hover {
  border-color: var(--cyan-900) !important;
}
.active\:border-cyan-50:active {
  border-color: var(--cyan-50) !important;
}
.active\:border-cyan-100:active {
  border-color: var(--cyan-100) !important;
}
.active\:border-cyan-200:active {
  border-color: var(--cyan-200) !important;
}
.active\:border-cyan-300:active {
  border-color: var(--cyan-300) !important;
}
.active\:border-cyan-400:active {
  border-color: var(--cyan-400) !important;
}
.active\:border-cyan-500:active {
  border-color: var(--cyan-500) !important;
}
.active\:border-cyan-600:active {
  border-color: var(--cyan-600) !important;
}
.active\:border-cyan-700:active {
  border-color: var(--cyan-700) !important;
}
.active\:border-cyan-800:active {
  border-color: var(--cyan-800) !important;
}
.active\:border-cyan-900:active {
  border-color: var(--cyan-900) !important;
}
.border-pink-50 {
  border-color: var(--pink-50) !important;
}
.border-pink-100 {
  border-color: var(--pink-100) !important;
}
.border-pink-200 {
  border-color: var(--pink-200) !important;
}
.border-pink-300 {
  border-color: var(--pink-300) !important;
}
.border-pink-400 {
  border-color: var(--pink-400) !important;
}
.border-pink-500 {
  border-color: var(--pink-500) !important;
}
.border-pink-600 {
  border-color: var(--pink-600) !important;
}
.border-pink-700 {
  border-color: var(--pink-700) !important;
}
.border-pink-800 {
  border-color: var(--pink-800) !important;
}
.border-pink-900 {
  border-color: var(--pink-900) !important;
}
.focus\:border-pink-50:focus {
  border-color: var(--pink-50) !important;
}
.focus\:border-pink-100:focus {
  border-color: var(--pink-100) !important;
}
.focus\:border-pink-200:focus {
  border-color: var(--pink-200) !important;
}
.focus\:border-pink-300:focus {
  border-color: var(--pink-300) !important;
}
.focus\:border-pink-400:focus {
  border-color: var(--pink-400) !important;
}
.focus\:border-pink-500:focus {
  border-color: var(--pink-500) !important;
}
.focus\:border-pink-600:focus {
  border-color: var(--pink-600) !important;
}
.focus\:border-pink-700:focus {
  border-color: var(--pink-700) !important;
}
.focus\:border-pink-800:focus {
  border-color: var(--pink-800) !important;
}
.focus\:border-pink-900:focus {
  border-color: var(--pink-900) !important;
}
.hover\:border-pink-50:hover {
  border-color: var(--pink-50) !important;
}
.hover\:border-pink-100:hover {
  border-color: var(--pink-100) !important;
}
.hover\:border-pink-200:hover {
  border-color: var(--pink-200) !important;
}
.hover\:border-pink-300:hover {
  border-color: var(--pink-300) !important;
}
.hover\:border-pink-400:hover {
  border-color: var(--pink-400) !important;
}
.hover\:border-pink-500:hover {
  border-color: var(--pink-500) !important;
}
.hover\:border-pink-600:hover {
  border-color: var(--pink-600) !important;
}
.hover\:border-pink-700:hover {
  border-color: var(--pink-700) !important;
}
.hover\:border-pink-800:hover {
  border-color: var(--pink-800) !important;
}
.hover\:border-pink-900:hover {
  border-color: var(--pink-900) !important;
}
.active\:border-pink-50:active {
  border-color: var(--pink-50) !important;
}
.active\:border-pink-100:active {
  border-color: var(--pink-100) !important;
}
.active\:border-pink-200:active {
  border-color: var(--pink-200) !important;
}
.active\:border-pink-300:active {
  border-color: var(--pink-300) !important;
}
.active\:border-pink-400:active {
  border-color: var(--pink-400) !important;
}
.active\:border-pink-500:active {
  border-color: var(--pink-500) !important;
}
.active\:border-pink-600:active {
  border-color: var(--pink-600) !important;
}
.active\:border-pink-700:active {
  border-color: var(--pink-700) !important;
}
.active\:border-pink-800:active {
  border-color: var(--pink-800) !important;
}
.active\:border-pink-900:active {
  border-color: var(--pink-900) !important;
}
.border-indigo-50 {
  border-color: var(--indigo-50) !important;
}
.border-indigo-100 {
  border-color: var(--indigo-100) !important;
}
.border-indigo-200 {
  border-color: var(--indigo-200) !important;
}
.border-indigo-300 {
  border-color: var(--indigo-300) !important;
}
.border-indigo-400 {
  border-color: var(--indigo-400) !important;
}
.border-indigo-500 {
  border-color: var(--indigo-500) !important;
}
.border-indigo-600 {
  border-color: var(--indigo-600) !important;
}
.border-indigo-700 {
  border-color: var(--indigo-700) !important;
}
.border-indigo-800 {
  border-color: var(--indigo-800) !important;
}
.border-indigo-900 {
  border-color: var(--indigo-900) !important;
}
.focus\:border-indigo-50:focus {
  border-color: var(--indigo-50) !important;
}
.focus\:border-indigo-100:focus {
  border-color: var(--indigo-100) !important;
}
.focus\:border-indigo-200:focus {
  border-color: var(--indigo-200) !important;
}
.focus\:border-indigo-300:focus {
  border-color: var(--indigo-300) !important;
}
.focus\:border-indigo-400:focus {
  border-color: var(--indigo-400) !important;
}
.focus\:border-indigo-500:focus {
  border-color: var(--indigo-500) !important;
}
.focus\:border-indigo-600:focus {
  border-color: var(--indigo-600) !important;
}
.focus\:border-indigo-700:focus {
  border-color: var(--indigo-700) !important;
}
.focus\:border-indigo-800:focus {
  border-color: var(--indigo-800) !important;
}
.focus\:border-indigo-900:focus {
  border-color: var(--indigo-900) !important;
}
.hover\:border-indigo-50:hover {
  border-color: var(--indigo-50) !important;
}
.hover\:border-indigo-100:hover {
  border-color: var(--indigo-100) !important;
}
.hover\:border-indigo-200:hover {
  border-color: var(--indigo-200) !important;
}
.hover\:border-indigo-300:hover {
  border-color: var(--indigo-300) !important;
}
.hover\:border-indigo-400:hover {
  border-color: var(--indigo-400) !important;
}
.hover\:border-indigo-500:hover {
  border-color: var(--indigo-500) !important;
}
.hover\:border-indigo-600:hover {
  border-color: var(--indigo-600) !important;
}
.hover\:border-indigo-700:hover {
  border-color: var(--indigo-700) !important;
}
.hover\:border-indigo-800:hover {
  border-color: var(--indigo-800) !important;
}
.hover\:border-indigo-900:hover {
  border-color: var(--indigo-900) !important;
}
.active\:border-indigo-50:active {
  border-color: var(--indigo-50) !important;
}
.active\:border-indigo-100:active {
  border-color: var(--indigo-100) !important;
}
.active\:border-indigo-200:active {
  border-color: var(--indigo-200) !important;
}
.active\:border-indigo-300:active {
  border-color: var(--indigo-300) !important;
}
.active\:border-indigo-400:active {
  border-color: var(--indigo-400) !important;
}
.active\:border-indigo-500:active {
  border-color: var(--indigo-500) !important;
}
.active\:border-indigo-600:active {
  border-color: var(--indigo-600) !important;
}
.active\:border-indigo-700:active {
  border-color: var(--indigo-700) !important;
}
.active\:border-indigo-800:active {
  border-color: var(--indigo-800) !important;
}
.active\:border-indigo-900:active {
  border-color: var(--indigo-900) !important;
}
.border-teal-50 {
  border-color: var(--teal-50) !important;
}
.border-teal-100 {
  border-color: var(--teal-100) !important;
}
.border-teal-200 {
  border-color: var(--teal-200) !important;
}
.border-teal-300 {
  border-color: var(--teal-300) !important;
}
.border-teal-400 {
  border-color: var(--teal-400) !important;
}
.border-teal-500 {
  border-color: var(--teal-500) !important;
}
.border-teal-600 {
  border-color: var(--teal-600) !important;
}
.border-teal-700 {
  border-color: var(--teal-700) !important;
}
.border-teal-800 {
  border-color: var(--teal-800) !important;
}
.border-teal-900 {
  border-color: var(--teal-900) !important;
}
.focus\:border-teal-50:focus {
  border-color: var(--teal-50) !important;
}
.focus\:border-teal-100:focus {
  border-color: var(--teal-100) !important;
}
.focus\:border-teal-200:focus {
  border-color: var(--teal-200) !important;
}
.focus\:border-teal-300:focus {
  border-color: var(--teal-300) !important;
}
.focus\:border-teal-400:focus {
  border-color: var(--teal-400) !important;
}
.focus\:border-teal-500:focus {
  border-color: var(--teal-500) !important;
}
.focus\:border-teal-600:focus {
  border-color: var(--teal-600) !important;
}
.focus\:border-teal-700:focus {
  border-color: var(--teal-700) !important;
}
.focus\:border-teal-800:focus {
  border-color: var(--teal-800) !important;
}
.focus\:border-teal-900:focus {
  border-color: var(--teal-900) !important;
}
.hover\:border-teal-50:hover {
  border-color: var(--teal-50) !important;
}
.hover\:border-teal-100:hover {
  border-color: var(--teal-100) !important;
}
.hover\:border-teal-200:hover {
  border-color: var(--teal-200) !important;
}
.hover\:border-teal-300:hover {
  border-color: var(--teal-300) !important;
}
.hover\:border-teal-400:hover {
  border-color: var(--teal-400) !important;
}
.hover\:border-teal-500:hover {
  border-color: var(--teal-500) !important;
}
.hover\:border-teal-600:hover {
  border-color: var(--teal-600) !important;
}
.hover\:border-teal-700:hover {
  border-color: var(--teal-700) !important;
}
.hover\:border-teal-800:hover {
  border-color: var(--teal-800) !important;
}
.hover\:border-teal-900:hover {
  border-color: var(--teal-900) !important;
}
.active\:border-teal-50:active {
  border-color: var(--teal-50) !important;
}
.active\:border-teal-100:active {
  border-color: var(--teal-100) !important;
}
.active\:border-teal-200:active {
  border-color: var(--teal-200) !important;
}
.active\:border-teal-300:active {
  border-color: var(--teal-300) !important;
}
.active\:border-teal-400:active {
  border-color: var(--teal-400) !important;
}
.active\:border-teal-500:active {
  border-color: var(--teal-500) !important;
}
.active\:border-teal-600:active {
  border-color: var(--teal-600) !important;
}
.active\:border-teal-700:active {
  border-color: var(--teal-700) !important;
}
.active\:border-teal-800:active {
  border-color: var(--teal-800) !important;
}
.active\:border-teal-900:active {
  border-color: var(--teal-900) !important;
}
.border-orange-50 {
  border-color: var(--orange-50) !important;
}
.border-orange-100 {
  border-color: var(--orange-100) !important;
}
.border-orange-200 {
  border-color: var(--orange-200) !important;
}
.border-orange-300 {
  border-color: var(--orange-300) !important;
}
.border-orange-400 {
  border-color: var(--orange-400) !important;
}
.border-orange-500 {
  border-color: var(--orange-500) !important;
}
.border-orange-600 {
  border-color: var(--orange-600) !important;
}
.border-orange-700 {
  border-color: var(--orange-700) !important;
}
.border-orange-800 {
  border-color: var(--orange-800) !important;
}
.border-orange-900 {
  border-color: var(--orange-900) !important;
}
.focus\:border-orange-50:focus {
  border-color: var(--orange-50) !important;
}
.focus\:border-orange-100:focus {
  border-color: var(--orange-100) !important;
}
.focus\:border-orange-200:focus {
  border-color: var(--orange-200) !important;
}
.focus\:border-orange-300:focus {
  border-color: var(--orange-300) !important;
}
.focus\:border-orange-400:focus {
  border-color: var(--orange-400) !important;
}
.focus\:border-orange-500:focus {
  border-color: var(--orange-500) !important;
}
.focus\:border-orange-600:focus {
  border-color: var(--orange-600) !important;
}
.focus\:border-orange-700:focus {
  border-color: var(--orange-700) !important;
}
.focus\:border-orange-800:focus {
  border-color: var(--orange-800) !important;
}
.focus\:border-orange-900:focus {
  border-color: var(--orange-900) !important;
}
.hover\:border-orange-50:hover {
  border-color: var(--orange-50) !important;
}
.hover\:border-orange-100:hover {
  border-color: var(--orange-100) !important;
}
.hover\:border-orange-200:hover {
  border-color: var(--orange-200) !important;
}
.hover\:border-orange-300:hover {
  border-color: var(--orange-300) !important;
}
.hover\:border-orange-400:hover {
  border-color: var(--orange-400) !important;
}
.hover\:border-orange-500:hover {
  border-color: var(--orange-500) !important;
}
.hover\:border-orange-600:hover {
  border-color: var(--orange-600) !important;
}
.hover\:border-orange-700:hover {
  border-color: var(--orange-700) !important;
}
.hover\:border-orange-800:hover {
  border-color: var(--orange-800) !important;
}
.hover\:border-orange-900:hover {
  border-color: var(--orange-900) !important;
}
.active\:border-orange-50:active {
  border-color: var(--orange-50) !important;
}
.active\:border-orange-100:active {
  border-color: var(--orange-100) !important;
}
.active\:border-orange-200:active {
  border-color: var(--orange-200) !important;
}
.active\:border-orange-300:active {
  border-color: var(--orange-300) !important;
}
.active\:border-orange-400:active {
  border-color: var(--orange-400) !important;
}
.active\:border-orange-500:active {
  border-color: var(--orange-500) !important;
}
.active\:border-orange-600:active {
  border-color: var(--orange-600) !important;
}
.active\:border-orange-700:active {
  border-color: var(--orange-700) !important;
}
.active\:border-orange-800:active {
  border-color: var(--orange-800) !important;
}
.active\:border-orange-900:active {
  border-color: var(--orange-900) !important;
}
.border-bluegray-50 {
  border-color: var(--bluegray-50) !important;
}
.border-bluegray-100 {
  border-color: var(--bluegray-100) !important;
}
.border-bluegray-200 {
  border-color: var(--bluegray-200) !important;
}
.border-bluegray-300 {
  border-color: var(--bluegray-300) !important;
}
.border-bluegray-400 {
  border-color: var(--bluegray-400) !important;
}
.border-bluegray-500 {
  border-color: var(--bluegray-500) !important;
}
.border-bluegray-600 {
  border-color: var(--bluegray-600) !important;
}
.border-bluegray-700 {
  border-color: var(--bluegray-700) !important;
}
.border-bluegray-800 {
  border-color: var(--bluegray-800) !important;
}
.border-bluegray-900 {
  border-color: var(--bluegray-900) !important;
}
.focus\:border-bluegray-50:focus {
  border-color: var(--bluegray-50) !important;
}
.focus\:border-bluegray-100:focus {
  border-color: var(--bluegray-100) !important;
}
.focus\:border-bluegray-200:focus {
  border-color: var(--bluegray-200) !important;
}
.focus\:border-bluegray-300:focus {
  border-color: var(--bluegray-300) !important;
}
.focus\:border-bluegray-400:focus {
  border-color: var(--bluegray-400) !important;
}
.focus\:border-bluegray-500:focus {
  border-color: var(--bluegray-500) !important;
}
.focus\:border-bluegray-600:focus {
  border-color: var(--bluegray-600) !important;
}
.focus\:border-bluegray-700:focus {
  border-color: var(--bluegray-700) !important;
}
.focus\:border-bluegray-800:focus {
  border-color: var(--bluegray-800) !important;
}
.focus\:border-bluegray-900:focus {
  border-color: var(--bluegray-900) !important;
}
.hover\:border-bluegray-50:hover {
  border-color: var(--bluegray-50) !important;
}
.hover\:border-bluegray-100:hover {
  border-color: var(--bluegray-100) !important;
}
.hover\:border-bluegray-200:hover {
  border-color: var(--bluegray-200) !important;
}
.hover\:border-bluegray-300:hover {
  border-color: var(--bluegray-300) !important;
}
.hover\:border-bluegray-400:hover {
  border-color: var(--bluegray-400) !important;
}
.hover\:border-bluegray-500:hover {
  border-color: var(--bluegray-500) !important;
}
.hover\:border-bluegray-600:hover {
  border-color: var(--bluegray-600) !important;
}
.hover\:border-bluegray-700:hover {
  border-color: var(--bluegray-700) !important;
}
.hover\:border-bluegray-800:hover {
  border-color: var(--bluegray-800) !important;
}
.hover\:border-bluegray-900:hover {
  border-color: var(--bluegray-900) !important;
}
.active\:border-bluegray-50:active {
  border-color: var(--bluegray-50) !important;
}
.active\:border-bluegray-100:active {
  border-color: var(--bluegray-100) !important;
}
.active\:border-bluegray-200:active {
  border-color: var(--bluegray-200) !important;
}
.active\:border-bluegray-300:active {
  border-color: var(--bluegray-300) !important;
}
.active\:border-bluegray-400:active {
  border-color: var(--bluegray-400) !important;
}
.active\:border-bluegray-500:active {
  border-color: var(--bluegray-500) !important;
}
.active\:border-bluegray-600:active {
  border-color: var(--bluegray-600) !important;
}
.active\:border-bluegray-700:active {
  border-color: var(--bluegray-700) !important;
}
.active\:border-bluegray-800:active {
  border-color: var(--bluegray-800) !important;
}
.active\:border-bluegray-900:active {
  border-color: var(--bluegray-900) !important;
}
.border-purple-50 {
  border-color: var(--purple-50) !important;
}
.border-purple-100 {
  border-color: var(--purple-100) !important;
}
.border-purple-200 {
  border-color: var(--purple-200) !important;
}
.border-purple-300 {
  border-color: var(--purple-300) !important;
}
.border-purple-400 {
  border-color: var(--purple-400) !important;
}
.border-purple-500 {
  border-color: var(--purple-500) !important;
}
.border-purple-600 {
  border-color: var(--purple-600) !important;
}
.border-purple-700 {
  border-color: var(--purple-700) !important;
}
.border-purple-800 {
  border-color: var(--purple-800) !important;
}
.border-purple-900 {
  border-color: var(--purple-900) !important;
}
.focus\:border-purple-50:focus {
  border-color: var(--purple-50) !important;
}
.focus\:border-purple-100:focus {
  border-color: var(--purple-100) !important;
}
.focus\:border-purple-200:focus {
  border-color: var(--purple-200) !important;
}
.focus\:border-purple-300:focus {
  border-color: var(--purple-300) !important;
}
.focus\:border-purple-400:focus {
  border-color: var(--purple-400) !important;
}
.focus\:border-purple-500:focus {
  border-color: var(--purple-500) !important;
}
.focus\:border-purple-600:focus {
  border-color: var(--purple-600) !important;
}
.focus\:border-purple-700:focus {
  border-color: var(--purple-700) !important;
}
.focus\:border-purple-800:focus {
  border-color: var(--purple-800) !important;
}
.focus\:border-purple-900:focus {
  border-color: var(--purple-900) !important;
}
.hover\:border-purple-50:hover {
  border-color: var(--purple-50) !important;
}
.hover\:border-purple-100:hover {
  border-color: var(--purple-100) !important;
}
.hover\:border-purple-200:hover {
  border-color: var(--purple-200) !important;
}
.hover\:border-purple-300:hover {
  border-color: var(--purple-300) !important;
}
.hover\:border-purple-400:hover {
  border-color: var(--purple-400) !important;
}
.hover\:border-purple-500:hover {
  border-color: var(--purple-500) !important;
}
.hover\:border-purple-600:hover {
  border-color: var(--purple-600) !important;
}
.hover\:border-purple-700:hover {
  border-color: var(--purple-700) !important;
}
.hover\:border-purple-800:hover {
  border-color: var(--purple-800) !important;
}
.hover\:border-purple-900:hover {
  border-color: var(--purple-900) !important;
}
.active\:border-purple-50:active {
  border-color: var(--purple-50) !important;
}
.active\:border-purple-100:active {
  border-color: var(--purple-100) !important;
}
.active\:border-purple-200:active {
  border-color: var(--purple-200) !important;
}
.active\:border-purple-300:active {
  border-color: var(--purple-300) !important;
}
.active\:border-purple-400:active {
  border-color: var(--purple-400) !important;
}
.active\:border-purple-500:active {
  border-color: var(--purple-500) !important;
}
.active\:border-purple-600:active {
  border-color: var(--purple-600) !important;
}
.active\:border-purple-700:active {
  border-color: var(--purple-700) !important;
}
.active\:border-purple-800:active {
  border-color: var(--purple-800) !important;
}
.active\:border-purple-900:active {
  border-color: var(--purple-900) !important;
}
.border-gray-50 {
  border-color: var(--gray-50) !important;
}
.border-gray-100 {
  border-color: var(--gray-100) !important;
}
.border-gray-200 {
  border-color: var(--gray-200) !important;
}
.border-gray-300 {
  border-color: var(--gray-300) !important;
}
.border-gray-400 {
  border-color: var(--gray-400) !important;
}
.border-gray-500 {
  border-color: var(--gray-500) !important;
}
.border-gray-600 {
  border-color: var(--gray-600) !important;
}
.border-gray-700 {
  border-color: var(--gray-700) !important;
}
.border-gray-800 {
  border-color: var(--gray-800) !important;
}
.border-gray-900 {
  border-color: var(--gray-900) !important;
}
.focus\:border-gray-50:focus {
  border-color: var(--gray-50) !important;
}
.focus\:border-gray-100:focus {
  border-color: var(--gray-100) !important;
}
.focus\:border-gray-200:focus {
  border-color: var(--gray-200) !important;
}
.focus\:border-gray-300:focus {
  border-color: var(--gray-300) !important;
}
.focus\:border-gray-400:focus {
  border-color: var(--gray-400) !important;
}
.focus\:border-gray-500:focus {
  border-color: var(--gray-500) !important;
}
.focus\:border-gray-600:focus {
  border-color: var(--gray-600) !important;
}
.focus\:border-gray-700:focus {
  border-color: var(--gray-700) !important;
}
.focus\:border-gray-800:focus {
  border-color: var(--gray-800) !important;
}
.focus\:border-gray-900:focus {
  border-color: var(--gray-900) !important;
}
.hover\:border-gray-50:hover {
  border-color: var(--gray-50) !important;
}
.hover\:border-gray-100:hover {
  border-color: var(--gray-100) !important;
}
.hover\:border-gray-200:hover {
  border-color: var(--gray-200) !important;
}
.hover\:border-gray-300:hover {
  border-color: var(--gray-300) !important;
}
.hover\:border-gray-400:hover {
  border-color: var(--gray-400) !important;
}
.hover\:border-gray-500:hover {
  border-color: var(--gray-500) !important;
}
.hover\:border-gray-600:hover {
  border-color: var(--gray-600) !important;
}
.hover\:border-gray-700:hover {
  border-color: var(--gray-700) !important;
}
.hover\:border-gray-800:hover {
  border-color: var(--gray-800) !important;
}
.hover\:border-gray-900:hover {
  border-color: var(--gray-900) !important;
}
.active\:border-gray-50:active {
  border-color: var(--gray-50) !important;
}
.active\:border-gray-100:active {
  border-color: var(--gray-100) !important;
}
.active\:border-gray-200:active {
  border-color: var(--gray-200) !important;
}
.active\:border-gray-300:active {
  border-color: var(--gray-300) !important;
}
.active\:border-gray-400:active {
  border-color: var(--gray-400) !important;
}
.active\:border-gray-500:active {
  border-color: var(--gray-500) !important;
}
.active\:border-gray-600:active {
  border-color: var(--gray-600) !important;
}
.active\:border-gray-700:active {
  border-color: var(--gray-700) !important;
}
.active\:border-gray-800:active {
  border-color: var(--gray-800) !important;
}
.active\:border-gray-900:active {
  border-color: var(--gray-900) !important;
}
.border-red-50 {
  border-color: var(--red-50) !important;
}
.border-red-100 {
  border-color: var(--red-100) !important;
}
.border-red-200 {
  border-color: var(--red-200) !important;
}
.border-red-300 {
  border-color: var(--red-300) !important;
}
.border-red-400 {
  border-color: var(--red-400) !important;
}
.border-red-500 {
  border-color: var(--red-500) !important;
}
.border-red-600 {
  border-color: var(--red-600) !important;
}
.border-red-700 {
  border-color: var(--red-700) !important;
}
.border-red-800 {
  border-color: var(--red-800) !important;
}
.border-red-900 {
  border-color: var(--red-900) !important;
}
.focus\:border-red-50:focus {
  border-color: var(--red-50) !important;
}
.focus\:border-red-100:focus {
  border-color: var(--red-100) !important;
}
.focus\:border-red-200:focus {
  border-color: var(--red-200) !important;
}
.focus\:border-red-300:focus {
  border-color: var(--red-300) !important;
}
.focus\:border-red-400:focus {
  border-color: var(--red-400) !important;
}
.focus\:border-red-500:focus {
  border-color: var(--red-500) !important;
}
.focus\:border-red-600:focus {
  border-color: var(--red-600) !important;
}
.focus\:border-red-700:focus {
  border-color: var(--red-700) !important;
}
.focus\:border-red-800:focus {
  border-color: var(--red-800) !important;
}
.focus\:border-red-900:focus {
  border-color: var(--red-900) !important;
}
.hover\:border-red-50:hover {
  border-color: var(--red-50) !important;
}
.hover\:border-red-100:hover {
  border-color: var(--red-100) !important;
}
.hover\:border-red-200:hover {
  border-color: var(--red-200) !important;
}
.hover\:border-red-300:hover {
  border-color: var(--red-300) !important;
}
.hover\:border-red-400:hover {
  border-color: var(--red-400) !important;
}
.hover\:border-red-500:hover {
  border-color: var(--red-500) !important;
}
.hover\:border-red-600:hover {
  border-color: var(--red-600) !important;
}
.hover\:border-red-700:hover {
  border-color: var(--red-700) !important;
}
.hover\:border-red-800:hover {
  border-color: var(--red-800) !important;
}
.hover\:border-red-900:hover {
  border-color: var(--red-900) !important;
}
.active\:border-red-50:active {
  border-color: var(--red-50) !important;
}
.active\:border-red-100:active {
  border-color: var(--red-100) !important;
}
.active\:border-red-200:active {
  border-color: var(--red-200) !important;
}
.active\:border-red-300:active {
  border-color: var(--red-300) !important;
}
.active\:border-red-400:active {
  border-color: var(--red-400) !important;
}
.active\:border-red-500:active {
  border-color: var(--red-500) !important;
}
.active\:border-red-600:active {
  border-color: var(--red-600) !important;
}
.active\:border-red-700:active {
  border-color: var(--red-700) !important;
}
.active\:border-red-800:active {
  border-color: var(--red-800) !important;
}
.active\:border-red-900:active {
  border-color: var(--red-900) !important;
}
.border-primary-50 {
  border-color: var(--primary-50) !important;
}
.border-primary-100 {
  border-color: var(--primary-100) !important;
}
.border-primary-200 {
  border-color: var(--primary-200) !important;
}
.border-primary-300 {
  border-color: var(--primary-300) !important;
}
.border-primary-400 {
  border-color: var(--primary-400) !important;
}
.border-primary-500 {
  border-color: var(--primary-500) !important;
}
.border-primary-600 {
  border-color: var(--primary-600) !important;
}
.border-primary-700 {
  border-color: var(--primary-700) !important;
}
.border-primary-800 {
  border-color: var(--primary-800) !important;
}
.border-primary-900 {
  border-color: var(--primary-900) !important;
}
.focus\:border-primary-50:focus {
  border-color: var(--primary-50) !important;
}
.focus\:border-primary-100:focus {
  border-color: var(--primary-100) !important;
}
.focus\:border-primary-200:focus {
  border-color: var(--primary-200) !important;
}
.focus\:border-primary-300:focus {
  border-color: var(--primary-300) !important;
}
.focus\:border-primary-400:focus {
  border-color: var(--primary-400) !important;
}
.focus\:border-primary-500:focus {
  border-color: var(--primary-500) !important;
}
.focus\:border-primary-600:focus {
  border-color: var(--primary-600) !important;
}
.focus\:border-primary-700:focus {
  border-color: var(--primary-700) !important;
}
.focus\:border-primary-800:focus {
  border-color: var(--primary-800) !important;
}
.focus\:border-primary-900:focus {
  border-color: var(--primary-900) !important;
}
.hover\:border-primary-50:hover {
  border-color: var(--primary-50) !important;
}
.hover\:border-primary-100:hover {
  border-color: var(--primary-100) !important;
}
.hover\:border-primary-200:hover {
  border-color: var(--primary-200) !important;
}
.hover\:border-primary-300:hover {
  border-color: var(--primary-300) !important;
}
.hover\:border-primary-400:hover {
  border-color: var(--primary-400) !important;
}
.hover\:border-primary-500:hover {
  border-color: var(--primary-500) !important;
}
.hover\:border-primary-600:hover {
  border-color: var(--primary-600) !important;
}
.hover\:border-primary-700:hover {
  border-color: var(--primary-700) !important;
}
.hover\:border-primary-800:hover {
  border-color: var(--primary-800) !important;
}
.hover\:border-primary-900:hover {
  border-color: var(--primary-900) !important;
}
.active\:border-primary-50:active {
  border-color: var(--primary-50) !important;
}
.active\:border-primary-100:active {
  border-color: var(--primary-100) !important;
}
.active\:border-primary-200:active {
  border-color: var(--primary-200) !important;
}
.active\:border-primary-300:active {
  border-color: var(--primary-300) !important;
}
.active\:border-primary-400:active {
  border-color: var(--primary-400) !important;
}
.active\:border-primary-500:active {
  border-color: var(--primary-500) !important;
}
.active\:border-primary-600:active {
  border-color: var(--primary-600) !important;
}
.active\:border-primary-700:active {
  border-color: var(--primary-700) !important;
}
.active\:border-primary-800:active {
  border-color: var(--primary-800) !important;
}
.active\:border-primary-900:active {
  border-color: var(--primary-900) !important;
}
.bg-white-alpha-10 {
  background-color: rgba(255,255,255,0.1) !important;
}
.bg-white-alpha-20 {
  background-color: rgba(255,255,255,0.2) !important;
}
.bg-white-alpha-30 {
  background-color: rgba(255,255,255,0.3) !important;
}
.bg-white-alpha-40 {
  background-color: rgba(255,255,255,0.4) !important;
}
.bg-white-alpha-50 {
  background-color: rgba(255,255,255,0.5) !important;
}
.bg-white-alpha-60 {
  background-color: rgba(255,255,255,0.6) !important;
}
.bg-white-alpha-70 {
  background-color: rgba(255,255,255,0.7) !important;
}
.bg-white-alpha-80 {
  background-color: rgba(255,255,255,0.8) !important;
}
.bg-white-alpha-90 {
  background-color: rgba(255,255,255,0.9) !important;
}
.hover\:bg-white-alpha-10:hover {
  background-color: rgba(255,255,255,0.1) !important;
}
.hover\:bg-white-alpha-20:hover {
  background-color: rgba(255,255,255,0.2) !important;
}
.hover\:bg-white-alpha-30:hover {
  background-color: rgba(255,255,255,0.3) !important;
}
.hover\:bg-white-alpha-40:hover {
  background-color: rgba(255,255,255,0.4) !important;
}
.hover\:bg-white-alpha-50:hover {
  background-color: rgba(255,255,255,0.5) !important;
}
.hover\:bg-white-alpha-60:hover {
  background-color: rgba(255,255,255,0.6) !important;
}
.hover\:bg-white-alpha-70:hover {
  background-color: rgba(255,255,255,0.7) !important;
}
.hover\:bg-white-alpha-80:hover {
  background-color: rgba(255,255,255,0.8) !important;
}
.hover\:bg-white-alpha-90:hover {
  background-color: rgba(255,255,255,0.9) !important;
}
.focus\:bg-white-alpha-10:focus {
  background-color: rgba(255,255,255,0.1) !important;
}
.focus\:bg-white-alpha-20:focus {
  background-color: rgba(255,255,255,0.2) !important;
}
.focus\:bg-white-alpha-30:focus {
  background-color: rgba(255,255,255,0.3) !important;
}
.focus\:bg-white-alpha-40:focus {
  background-color: rgba(255,255,255,0.4) !important;
}
.focus\:bg-white-alpha-50:focus {
  background-color: rgba(255,255,255,0.5) !important;
}
.focus\:bg-white-alpha-60:focus {
  background-color: rgba(255,255,255,0.6) !important;
}
.focus\:bg-white-alpha-70:focus {
  background-color: rgba(255,255,255,0.7) !important;
}
.focus\:bg-white-alpha-80:focus {
  background-color: rgba(255,255,255,0.8) !important;
}
.focus\:bg-white-alpha-90:focus {
  background-color: rgba(255,255,255,0.9) !important;
}
.active\:bg-white-alpha-10:active {
  background-color: rgba(255,255,255,0.1) !important;
}
.active\:bg-white-alpha-20:active {
  background-color: rgba(255,255,255,0.2) !important;
}
.active\:bg-white-alpha-30:active {
  background-color: rgba(255,255,255,0.3) !important;
}
.active\:bg-white-alpha-40:active {
  background-color: rgba(255,255,255,0.4) !important;
}
.active\:bg-white-alpha-50:active {
  background-color: rgba(255,255,255,0.5) !important;
}
.active\:bg-white-alpha-60:active {
  background-color: rgba(255,255,255,0.6) !important;
}
.active\:bg-white-alpha-70:active {
  background-color: rgba(255,255,255,0.7) !important;
}
.active\:bg-white-alpha-80:active {
  background-color: rgba(255,255,255,0.8) !important;
}
.active\:bg-white-alpha-90:active {
  background-color: rgba(255,255,255,0.9) !important;
}
.bg-black-alpha-10 {
  background-color: rgba(0,0,0,0.1) !important;
}
.bg-black-alpha-20 {
  background-color: rgba(0,0,0,0.2) !important;
}
.bg-black-alpha-30 {
  background-color: rgba(0,0,0,0.3) !important;
}
.bg-black-alpha-40 {
  background-color: rgba(0,0,0,0.4) !important;
}
.bg-black-alpha-50 {
  background-color: rgba(0,0,0,0.5) !important;
}
.bg-black-alpha-60 {
  background-color: rgba(0,0,0,0.6) !important;
}
.bg-black-alpha-70 {
  background-color: rgba(0,0,0,0.7) !important;
}
.bg-black-alpha-80 {
  background-color: rgba(0,0,0,0.8) !important;
}
.bg-black-alpha-90 {
  background-color: rgba(0,0,0,0.9) !important;
}
.hover\:bg-black-alpha-10:hover {
  background-color: rgba(0,0,0,0.1) !important;
}
.hover\:bg-black-alpha-20:hover {
  background-color: rgba(0,0,0,0.2) !important;
}
.hover\:bg-black-alpha-30:hover {
  background-color: rgba(0,0,0,0.3) !important;
}
.hover\:bg-black-alpha-40:hover {
  background-color: rgba(0,0,0,0.4) !important;
}
.hover\:bg-black-alpha-50:hover {
  background-color: rgba(0,0,0,0.5) !important;
}
.hover\:bg-black-alpha-60:hover {
  background-color: rgba(0,0,0,0.6) !important;
}
.hover\:bg-black-alpha-70:hover {
  background-color: rgba(0,0,0,0.7) !important;
}
.hover\:bg-black-alpha-80:hover {
  background-color: rgba(0,0,0,0.8) !important;
}
.hover\:bg-black-alpha-90:hover {
  background-color: rgba(0,0,0,0.9) !important;
}
.focus\:bg-black-alpha-10:focus {
  background-color: rgba(0,0,0,0.1) !important;
}
.focus\:bg-black-alpha-20:focus {
  background-color: rgba(0,0,0,0.2) !important;
}
.focus\:bg-black-alpha-30:focus {
  background-color: rgba(0,0,0,0.3) !important;
}
.focus\:bg-black-alpha-40:focus {
  background-color: rgba(0,0,0,0.4) !important;
}
.focus\:bg-black-alpha-50:focus {
  background-color: rgba(0,0,0,0.5) !important;
}
.focus\:bg-black-alpha-60:focus {
  background-color: rgba(0,0,0,0.6) !important;
}
.focus\:bg-black-alpha-70:focus {
  background-color: rgba(0,0,0,0.7) !important;
}
.focus\:bg-black-alpha-80:focus {
  background-color: rgba(0,0,0,0.8) !important;
}
.focus\:bg-black-alpha-90:focus {
  background-color: rgba(0,0,0,0.9) !important;
}
.active\:bg-black-alpha-10:active {
  background-color: rgba(0,0,0,0.1) !important;
}
.active\:bg-black-alpha-20:active {
  background-color: rgba(0,0,0,0.2) !important;
}
.active\:bg-black-alpha-30:active {
  background-color: rgba(0,0,0,0.3) !important;
}
.active\:bg-black-alpha-40:active {
  background-color: rgba(0,0,0,0.4) !important;
}
.active\:bg-black-alpha-50:active {
  background-color: rgba(0,0,0,0.5) !important;
}
.active\:bg-black-alpha-60:active {
  background-color: rgba(0,0,0,0.6) !important;
}
.active\:bg-black-alpha-70:active {
  background-color: rgba(0,0,0,0.7) !important;
}
.active\:bg-black-alpha-80:active {
  background-color: rgba(0,0,0,0.8) !important;
}
.active\:bg-black-alpha-90:active {
  background-color: rgba(0,0,0,0.9) !important;
}
.border-white-alpha-10 {
  border-color: rgba(255,255,255,0.1) !important;
}
.border-white-alpha-20 {
  border-color: rgba(255,255,255,0.2) !important;
}
.border-white-alpha-30 {
  border-color: rgba(255,255,255,0.3) !important;
}
.border-white-alpha-40 {
  border-color: rgba(255,255,255,0.4) !important;
}
.border-white-alpha-50 {
  border-color: rgba(255,255,255,0.5) !important;
}
.border-white-alpha-60 {
  border-color: rgba(255,255,255,0.6) !important;
}
.border-white-alpha-70 {
  border-color: rgba(255,255,255,0.7) !important;
}
.border-white-alpha-80 {
  border-color: rgba(255,255,255,0.8) !important;
}
.border-white-alpha-90 {
  border-color: rgba(255,255,255,0.9) !important;
}
.hover\:border-white-alpha-10:hover {
  border-color: rgba(255,255,255,0.1) !important;
}
.hover\:border-white-alpha-20:hover {
  border-color: rgba(255,255,255,0.2) !important;
}
.hover\:border-white-alpha-30:hover {
  border-color: rgba(255,255,255,0.3) !important;
}
.hover\:border-white-alpha-40:hover {
  border-color: rgba(255,255,255,0.4) !important;
}
.hover\:border-white-alpha-50:hover {
  border-color: rgba(255,255,255,0.5) !important;
}
.hover\:border-white-alpha-60:hover {
  border-color: rgba(255,255,255,0.6) !important;
}
.hover\:border-white-alpha-70:hover {
  border-color: rgba(255,255,255,0.7) !important;
}
.hover\:border-white-alpha-80:hover {
  border-color: rgba(255,255,255,0.8) !important;
}
.hover\:border-white-alpha-90:hover {
  border-color: rgba(255,255,255,0.9) !important;
}
.focus\:border-white-alpha-10:focus {
  border-color: rgba(255,255,255,0.1) !important;
}
.focus\:border-white-alpha-20:focus {
  border-color: rgba(255,255,255,0.2) !important;
}
.focus\:border-white-alpha-30:focus {
  border-color: rgba(255,255,255,0.3) !important;
}
.focus\:border-white-alpha-40:focus {
  border-color: rgba(255,255,255,0.4) !important;
}
.focus\:border-white-alpha-50:focus {
  border-color: rgba(255,255,255,0.5) !important;
}
.focus\:border-white-alpha-60:focus {
  border-color: rgba(255,255,255,0.6) !important;
}
.focus\:border-white-alpha-70:focus {
  border-color: rgba(255,255,255,0.7) !important;
}
.focus\:border-white-alpha-80:focus {
  border-color: rgba(255,255,255,0.8) !important;
}
.focus\:border-white-alpha-90:focus {
  border-color: rgba(255,255,255,0.9) !important;
}
.active\:border-white-alpha-10:active {
  border-color: rgba(255,255,255,0.1) !important;
}
.active\:border-white-alpha-20:active {
  border-color: rgba(255,255,255,0.2) !important;
}
.active\:border-white-alpha-30:active {
  border-color: rgba(255,255,255,0.3) !important;
}
.active\:border-white-alpha-40:active {
  border-color: rgba(255,255,255,0.4) !important;
}
.active\:border-white-alpha-50:active {
  border-color: rgba(255,255,255,0.5) !important;
}
.active\:border-white-alpha-60:active {
  border-color: rgba(255,255,255,0.6) !important;
}
.active\:border-white-alpha-70:active {
  border-color: rgba(255,255,255,0.7) !important;
}
.active\:border-white-alpha-80:active {
  border-color: rgba(255,255,255,0.8) !important;
}
.active\:border-white-alpha-90:active {
  border-color: rgba(255,255,255,0.9) !important;
}
.border-black-alpha-10 {
  border-color: rgba(0,0,0,0.1) !important;
}
.border-black-alpha-20 {
  border-color: rgba(0,0,0,0.2) !important;
}
.border-black-alpha-30 {
  border-color: rgba(0,0,0,0.3) !important;
}
.border-black-alpha-40 {
  border-color: rgba(0,0,0,0.4) !important;
}
.border-black-alpha-50 {
  border-color: rgba(0,0,0,0.5) !important;
}
.border-black-alpha-60 {
  border-color: rgba(0,0,0,0.6) !important;
}
.border-black-alpha-70 {
  border-color: rgba(0,0,0,0.7) !important;
}
.border-black-alpha-80 {
  border-color: rgba(0,0,0,0.8) !important;
}
.border-black-alpha-90 {
  border-color: rgba(0,0,0,0.9) !important;
}
.hover\:border-black-alpha-10:hover {
  border-color: rgba(0,0,0,0.1) !important;
}
.hover\:border-black-alpha-20:hover {
  border-color: rgba(0,0,0,0.2) !important;
}
.hover\:border-black-alpha-30:hover {
  border-color: rgba(0,0,0,0.3) !important;
}
.hover\:border-black-alpha-40:hover {
  border-color: rgba(0,0,0,0.4) !important;
}
.hover\:border-black-alpha-50:hover {
  border-color: rgba(0,0,0,0.5) !important;
}
.hover\:border-black-alpha-60:hover {
  border-color: rgba(0,0,0,0.6) !important;
}
.hover\:border-black-alpha-70:hover {
  border-color: rgba(0,0,0,0.7) !important;
}
.hover\:border-black-alpha-80:hover {
  border-color: rgba(0,0,0,0.8) !important;
}
.hover\:border-black-alpha-90:hover {
  border-color: rgba(0,0,0,0.9) !important;
}
.focus\:border-black-alpha-10:focus {
  border-color: rgba(0,0,0,0.1) !important;
}
.focus\:border-black-alpha-20:focus {
  border-color: rgba(0,0,0,0.2) !important;
}
.focus\:border-black-alpha-30:focus {
  border-color: rgba(0,0,0,0.3) !important;
}
.focus\:border-black-alpha-40:focus {
  border-color: rgba(0,0,0,0.4) !important;
}
.focus\:border-black-alpha-50:focus {
  border-color: rgba(0,0,0,0.5) !important;
}
.focus\:border-black-alpha-60:focus {
  border-color: rgba(0,0,0,0.6) !important;
}
.focus\:border-black-alpha-70:focus {
  border-color: rgba(0,0,0,0.7) !important;
}
.focus\:border-black-alpha-80:focus {
  border-color: rgba(0,0,0,0.8) !important;
}
.focus\:border-black-alpha-90:focus {
  border-color: rgba(0,0,0,0.9) !important;
}
.active\:border-black-alpha-10:active {
  border-color: rgba(0,0,0,0.1) !important;
}
.active\:border-black-alpha-20:active {
  border-color: rgba(0,0,0,0.2) !important;
}
.active\:border-black-alpha-30:active {
  border-color: rgba(0,0,0,0.3) !important;
}
.active\:border-black-alpha-40:active {
  border-color: rgba(0,0,0,0.4) !important;
}
.active\:border-black-alpha-50:active {
  border-color: rgba(0,0,0,0.5) !important;
}
.active\:border-black-alpha-60:active {
  border-color: rgba(0,0,0,0.6) !important;
}
.active\:border-black-alpha-70:active {
  border-color: rgba(0,0,0,0.7) !important;
}
.active\:border-black-alpha-80:active {
  border-color: rgba(0,0,0,0.8) !important;
}
.active\:border-black-alpha-90:active {
  border-color: rgba(0,0,0,0.9) !important;
}
.text-white-alpha-10 {
  color: rgba(255,255,255,0.1) !important;
}
.text-white-alpha-20 {
  color: rgba(255,255,255,0.2) !important;
}
.text-white-alpha-30 {
  color: rgba(255,255,255,0.3) !important;
}
.text-white-alpha-40 {
  color: rgba(255,255,255,0.4) !important;
}
.text-white-alpha-50 {
  color: rgba(255,255,255,0.5) !important;
}
.text-white-alpha-60 {
  color: rgba(255,255,255,0.6) !important;
}
.text-white-alpha-70 {
  color: rgba(255,255,255,0.7) !important;
}
.text-white-alpha-80 {
  color: rgba(255,255,255,0.8) !important;
}
.text-white-alpha-90 {
  color: rgba(255,255,255,0.9) !important;
}
.hover\:text-white-alpha-10:hover {
  color: rgba(255,255,255,0.1) !important;
}
.hover\:text-white-alpha-20:hover {
  color: rgba(255,255,255,0.2) !important;
}
.hover\:text-white-alpha-30:hover {
  color: rgba(255,255,255,0.3) !important;
}
.hover\:text-white-alpha-40:hover {
  color: rgba(255,255,255,0.4) !important;
}
.hover\:text-white-alpha-50:hover {
  color: rgba(255,255,255,0.5) !important;
}
.hover\:text-white-alpha-60:hover {
  color: rgba(255,255,255,0.6) !important;
}
.hover\:text-white-alpha-70:hover {
  color: rgba(255,255,255,0.7) !important;
}
.hover\:text-white-alpha-80:hover {
  color: rgba(255,255,255,0.8) !important;
}
.hover\:text-white-alpha-90:hover {
  color: rgba(255,255,255,0.9) !important;
}
.focus\:text-white-alpha-10:focus {
  color: rgba(255,255,255,0.1) !important;
}
.focus\:text-white-alpha-20:focus {
  color: rgba(255,255,255,0.2) !important;
}
.focus\:text-white-alpha-30:focus {
  color: rgba(255,255,255,0.3) !important;
}
.focus\:text-white-alpha-40:focus {
  color: rgba(255,255,255,0.4) !important;
}
.focus\:text-white-alpha-50:focus {
  color: rgba(255,255,255,0.5) !important;
}
.focus\:text-white-alpha-60:focus {
  color: rgba(255,255,255,0.6) !important;
}
.focus\:text-white-alpha-70:focus {
  color: rgba(255,255,255,0.7) !important;
}
.focus\:text-white-alpha-80:focus {
  color: rgba(255,255,255,0.8) !important;
}
.focus\:text-white-alpha-90:focus {
  color: rgba(255,255,255,0.9) !important;
}
.active\:text-white-alpha-10:active {
  color: rgba(255,255,255,0.1) !important;
}
.active\:text-white-alpha-20:active {
  color: rgba(255,255,255,0.2) !important;
}
.active\:text-white-alpha-30:active {
  color: rgba(255,255,255,0.3) !important;
}
.active\:text-white-alpha-40:active {
  color: rgba(255,255,255,0.4) !important;
}
.active\:text-white-alpha-50:active {
  color: rgba(255,255,255,0.5) !important;
}
.active\:text-white-alpha-60:active {
  color: rgba(255,255,255,0.6) !important;
}
.active\:text-white-alpha-70:active {
  color: rgba(255,255,255,0.7) !important;
}
.active\:text-white-alpha-80:active {
  color: rgba(255,255,255,0.8) !important;
}
.active\:text-white-alpha-90:active {
  color: rgba(255,255,255,0.9) !important;
}
.text-black-alpha-10 {
  color: rgba(0,0,0,0.1) !important;
}
.text-black-alpha-20 {
  color: rgba(0,0,0,0.2) !important;
}
.text-black-alpha-30 {
  color: rgba(0,0,0,0.3) !important;
}
.text-black-alpha-40 {
  color: rgba(0,0,0,0.4) !important;
}
.text-black-alpha-50 {
  color: rgba(0,0,0,0.5) !important;
}
.text-black-alpha-60 {
  color: rgba(0,0,0,0.6) !important;
}
.text-black-alpha-70 {
  color: rgba(0,0,0,0.7) !important;
}
.text-black-alpha-80 {
  color: rgba(0,0,0,0.8) !important;
}
.text-black-alpha-90 {
  color: rgba(0,0,0,0.9) !important;
}
.hover\:text-black-alpha-10:hover {
  color: rgba(0,0,0,0.1) !important;
}
.hover\:text-black-alpha-20:hover {
  color: rgba(0,0,0,0.2) !important;
}
.hover\:text-black-alpha-30:hover {
  color: rgba(0,0,0,0.3) !important;
}
.hover\:text-black-alpha-40:hover {
  color: rgba(0,0,0,0.4) !important;
}
.hover\:text-black-alpha-50:hover {
  color: rgba(0,0,0,0.5) !important;
}
.hover\:text-black-alpha-60:hover {
  color: rgba(0,0,0,0.6) !important;
}
.hover\:text-black-alpha-70:hover {
  color: rgba(0,0,0,0.7) !important;
}
.hover\:text-black-alpha-80:hover {
  color: rgba(0,0,0,0.8) !important;
}
.hover\:text-black-alpha-90:hover {
  color: rgba(0,0,0,0.9) !important;
}
.focus\:text-black-alpha-10:focus {
  color: rgba(0,0,0,0.1) !important;
}
.focus\:text-black-alpha-20:focus {
  color: rgba(0,0,0,0.2) !important;
}
.focus\:text-black-alpha-30:focus {
  color: rgba(0,0,0,0.3) !important;
}
.focus\:text-black-alpha-40:focus {
  color: rgba(0,0,0,0.4) !important;
}
.focus\:text-black-alpha-50:focus {
  color: rgba(0,0,0,0.5) !important;
}
.focus\:text-black-alpha-60:focus {
  color: rgba(0,0,0,0.6) !important;
}
.focus\:text-black-alpha-70:focus {
  color: rgba(0,0,0,0.7) !important;
}
.focus\:text-black-alpha-80:focus {
  color: rgba(0,0,0,0.8) !important;
}
.focus\:text-black-alpha-90:focus {
  color: rgba(0,0,0,0.9) !important;
}
.active\:text-black-alpha-10:active {
  color: rgba(0,0,0,0.1) !important;
}
.active\:text-black-alpha-20:active {
  color: rgba(0,0,0,0.2) !important;
}
.active\:text-black-alpha-30:active {
  color: rgba(0,0,0,0.3) !important;
}
.active\:text-black-alpha-40:active {
  color: rgba(0,0,0,0.4) !important;
}
.active\:text-black-alpha-50:active {
  color: rgba(0,0,0,0.5) !important;
}
.active\:text-black-alpha-60:active {
  color: rgba(0,0,0,0.6) !important;
}
.active\:text-black-alpha-70:active {
  color: rgba(0,0,0,0.7) !important;
}
.active\:text-black-alpha-80:active {
  color: rgba(0,0,0,0.8) !important;
}
.active\:text-black-alpha-90:active {
  color: rgba(0,0,0,0.9) !important;
}
.text-primary {
  color: var(--primary-color) !important;
}
.bg-primary {
  color: var(--primary-color-text) !important;
  background-color: var(--primary-color) !important;
}
.bg-primary-reverse {
  color: var(--primary-color) !important;
  background-color: var(--primary-color-text) !important;
}
.bg-white {
  background-color: #ffffff !important;
}
.border-primary {
  border-color: var(--primary-color) !important;
}
.text-white {
  color: #ffffff !important;
}
.border-white {
  border-color: #ffffff !important;
}
.text-color {
  color: var(--text-color) !important;
}
.text-color-secondary {
  color: var(--text-color-secondary) !important;
}
.surface-ground {
  background-color: var(--surface-ground) !important;
}
.surface-section {
  background-color: var(--surface-section) !important;
}
.surface-card {
  background-color: var(--surface-card) !important;
}
.surface-overlay {
  background-color: var(--surface-overlay) !important;
}
.surface-hover {
  background-color: var(--surface-hover) !important;
}
.surface-border {
  border-color: var(--surface-border) !important;
}
.focus\:text-primary:focus {
  color: var(--primary-color) !important;
}
.hover\:text-primary:hover {
  color: var(--primary-color) !important;
}
.active\:text-primary:active {
  color: var(--primary-color) !important;
}
.focus\:bg-primary:focus {
  color: var(--primary-color-text) !important;
  background-color: var(--primary-color) !important;
}
.hover\:bg-primary:hover {
  color: var(--primary-color-text) !important;
  background-color: var(--primary-color) !important;
}
.active\:bg-primary:active {
  color: var(--primary-color-text) !important;
  background-color: var(--primary-color) !important;
}
.focus\:bg-primary-reverse:focus {
  color: var(--primary-color) !important;
  background-color: var(--primary-color-text) !important;
}
.hover\:bg-primary-reverse:hover {
  color: var(--primary-color) !important;
  background-color: var(--primary-color-text) !important;
}
.active\:bg-primary-reverse:active {
  color: var(--primary-color) !important;
  background-color: var(--primary-color-text) !important;
}
.focus\:bg-white:focus {
  background-color: #ffffff !important;
}
.hover\:bg-white:hover {
  background-color: #ffffff !important;
}
.active\:bg-white:active {
  background-color: #ffffff !important;
}
.focus\:border-primary:focus {
  border-color: var(--primary-color) !important;
}
.hover\:border-primary:hover {
  border-color: var(--primary-color) !important;
}
.active\:border-primary:active {
  border-color: var(--primary-color) !important;
}
.focus\:text-white:focus {
  color: #ffffff !important;
}
.hover\:text-white:hover {
  color: #ffffff !important;
}
.active\:text-white:active {
  color: #ffffff !important;
}
.focus\:border-white:focus {
  border-color: #ffffff !important;
}
.hover\:border-white:hover {
  border-color: #ffffff !important;
}
.active\:border-white:active {
  border-color: #ffffff !important;
}
.focus\:text-color:focus {
  color: var(--text-color) !important;
}
.hover\:text-color:hover {
  color: var(--text-color) !important;
}
.active\:text-color:active {
  color: var(--text-color) !important;
}
.focus\:text-color-secondary:focus {
  color: var(--text-color-secondary) !important;
}
.hover\:text-color-secondary:hover {
  color: var(--text-color-secondary) !important;
}
.active\:text-color-secondary:active {
  color: var(--text-color-secondary) !important;
}
.focus\:surface-ground:focus {
  background-color: var(--surface-ground) !important;
}
.hover\:surface-ground:hover {
  background-color: var(--surface-ground) !important;
}
.active\:surface-ground:active {
  background-color: var(--surface-ground) !important;
}
.focus\:surface-section:focus {
  background-color: var(--surface-section) !important;
}
.hover\:surface-section:hover {
  background-color: var(--surface-section) !important;
}
.active\:surface-section:active {
  background-color: var(--surface-section) !important;
}
.focus\:surface-card:focus {
  background-color: var(--surface-card) !important;
}
.hover\:surface-card:hover {
  background-color: var(--surface-card) !important;
}
.active\:surface-card:active {
  background-color: var(--surface-card) !important;
}
.focus\:surface-overlay:focus {
  background-color: var(--surface-overlay) !important;
}
.hover\:surface-overlay:hover {
  background-color: var(--surface-overlay) !important;
}
.active\:surface-overlay:active {
  background-color: var(--surface-overlay) !important;
}
.focus\:surface-hover:focus {
  background-color: var(--surface-hover) !important;
}
.hover\:surface-hover:hover {
  background-color: var(--surface-hover) !important;
}
.active\:surface-hover:active {
  background-color: var(--surface-hover) !important;
}
.focus\:surface-border:focus {
  border-color: var(--surface-border) !important;
}
.hover\:surface-border:hover {
  border-color: var(--surface-border) !important;
}
.active\:surface-border:active {
  border-color: var(--surface-border) !important;
}
@media screen and (min-width: 576px) {
  .sm\:text-primary {
    color: var(--primary-color) !important;
  }
  .sm\:bg-primary {
    color: var(--primary-color-text) !important;
    background-color: var(--primary-color) !important;
  }
  .sm\:bg-primary-reverse {
    color: var(--primary-color) !important;
    background-color: var(--primary-color-text) !important;
  }
  .sm\:bg-white {
    background-color: #ffffff !important;
  }
  .sm\:border-primary {
    border-color: var(--primary-color) !important;
  }
  .sm\:text-white {
    color: #ffffff !important;
  }
  .sm\:border-white {
    border-color: #ffffff !important;
  }
  .sm\:text-color {
    color: var(--text-color) !important;
  }
  .sm\:text-color-secondary {
    color: var(--text-color-secondary) !important;
  }
  .sm\:surface-ground {
    background-color: var(--surface-ground) !important;
  }
  .sm\:surface-section {
    background-color: var(--surface-section) !important;
  }
  .sm\:surface-card {
    background-color: var(--surface-card) !important;
  }
  .sm\:surface-overlay {
    background-color: var(--surface-overlay) !important;
  }
  .sm\:surface-hover {
    background-color: var(--surface-hover) !important;
  }
  .sm\:surface-border {
    border-color: var(--surface-border) !important;
  }
  .sm\:focus\:text-primary:focus {
    color: var(--primary-color) !important;
  }
  .sm\:hover\:text-primary:hover {
    color: var(--primary-color) !important;
  }
  .sm\:active\:text-primary:active {
    color: var(--primary-color) !important;
  }
  .sm\:focus\:bg-primary:focus {
    color: var(--primary-color-text) !important;
    background-color: var(--primary-color) !important;
  }
  .sm\:hover\:bg-primary:hover {
    color: var(--primary-color-text) !important;
    background-color: var(--primary-color) !important;
  }
  .sm\:active\:bg-primary:active {
    color: var(--primary-color-text) !important;
    background-color: var(--primary-color) !important;
  }
  .sm\:focus\:bg-primary-reverse:focus {
    color: var(--primary-color) !important;
    background-color: var(--primary-color-text) !important;
  }
  .sm\:hover\:bg-primary-reverse:hover {
    color: var(--primary-color) !important;
    background-color: var(--primary-color-text) !important;
  }
  .sm\:active\:bg-primary-reverse:active {
    color: var(--primary-color) !important;
    background-color: var(--primary-color-text) !important;
  }
  .sm\:focus\:bg-white:focus {
    background-color: #ffffff !important;
  }
  .sm\:hover\:bg-white:hover {
    background-color: #ffffff !important;
  }
  .sm\:active\:bg-white:active {
    background-color: #ffffff !important;
  }
  .sm\:focus\:border-primary:focus {
    border-color: var(--primary-color) !important;
  }
  .sm\:hover\:border-primary:hover {
    border-color: var(--primary-color) !important;
  }
  .sm\:active\:border-primary:active {
    border-color: var(--primary-color) !important;
  }
  .sm\:focus\:text-white:focus {
    color: #ffffff !important;
  }
  .sm\:hover\:text-white:hover {
    color: #ffffff !important;
  }
  .sm\:active\:text-white:active {
    color: #ffffff !important;
  }
  .sm\:focus\:border-white:focus {
    border-color: #ffffff !important;
  }
  .sm\:hover\:border-white:hover {
    border-color: #ffffff !important;
  }
  .sm\:active\:border-white:active {
    border-color: #ffffff !important;
  }
  .sm\:focus\:text-color:focus {
    color: var(--text-color) !important;
  }
  .sm\:hover\:text-color:hover {
    color: var(--text-color) !important;
  }
  .sm\:active\:text-color:active {
    color: var(--text-color) !important;
  }
  .sm\:focus\:text-color-secondary:focus {
    color: var(--text-color-secondary) !important;
  }
  .sm\:hover\:text-color-secondary:hover {
    color: var(--text-color-secondary) !important;
  }
  .sm\:active\:text-color-secondary:active {
    color: var(--text-color-secondary) !important;
  }
  .sm\:focus\:surface-ground:focus {
    background-color: var(--surface-ground) !important;
  }
  .sm\:hover\:surface-ground:hover {
    background-color: var(--surface-ground) !important;
  }
  .sm\:active\:surface-ground:active {
    background-color: var(--surface-ground) !important;
  }
  .sm\:focus\:surface-section:focus {
    background-color: var(--surface-section) !important;
  }
  .sm\:hover\:surface-section:hover {
    background-color: var(--surface-section) !important;
  }
  .sm\:active\:surface-section:active {
    background-color: var(--surface-section) !important;
  }
  .sm\:focus\:surface-card:focus {
    background-color: var(--surface-card) !important;
  }
  .sm\:hover\:surface-card:hover {
    background-color: var(--surface-card) !important;
  }
  .sm\:active\:surface-card:active {
    background-color: var(--surface-card) !important;
  }
  .sm\:focus\:surface-overlay:focus {
    background-color: var(--surface-overlay) !important;
  }
  .sm\:hover\:surface-overlay:hover {
    background-color: var(--surface-overlay) !important;
  }
  .sm\:active\:surface-overlay:active {
    background-color: var(--surface-overlay) !important;
  }
  .sm\:focus\:surface-hover:focus {
    background-color: var(--surface-hover) !important;
  }
  .sm\:hover\:surface-hover:hover {
    background-color: var(--surface-hover) !important;
  }
  .sm\:active\:surface-hover:active {
    background-color: var(--surface-hover) !important;
  }
  .sm\:focus\:surface-border:focus {
    border-color: var(--surface-border) !important;
  }
  .sm\:hover\:surface-border:hover {
    border-color: var(--surface-border) !important;
  }
  .sm\:active\:surface-border:active {
    border-color: var(--surface-border) !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:text-primary {
    color: var(--primary-color) !important;
  }
  .md\:bg-primary {
    color: var(--primary-color-text) !important;
    background-color: var(--primary-color) !important;
  }
  .md\:bg-primary-reverse {
    color: var(--primary-color) !important;
    background-color: var(--primary-color-text) !important;
  }
  .md\:bg-white {
    background-color: #ffffff !important;
  }
  .md\:border-primary {
    border-color: var(--primary-color) !important;
  }
  .md\:text-white {
    color: #ffffff !important;
  }
  .md\:border-white {
    border-color: #ffffff !important;
  }
  .md\:text-color {
    color: var(--text-color) !important;
  }
  .md\:text-color-secondary {
    color: var(--text-color-secondary) !important;
  }
  .md\:surface-ground {
    background-color: var(--surface-ground) !important;
  }
  .md\:surface-section {
    background-color: var(--surface-section) !important;
  }
  .md\:surface-card {
    background-color: var(--surface-card) !important;
  }
  .md\:surface-overlay {
    background-color: var(--surface-overlay) !important;
  }
  .md\:surface-hover {
    background-color: var(--surface-hover) !important;
  }
  .md\:surface-border {
    border-color: var(--surface-border) !important;
  }
  .md\:focus\:text-primary:focus {
    color: var(--primary-color) !important;
  }
  .md\:hover\:text-primary:hover {
    color: var(--primary-color) !important;
  }
  .md\:active\:text-primary:active {
    color: var(--primary-color) !important;
  }
  .md\:focus\:bg-primary:focus {
    color: var(--primary-color-text) !important;
    background-color: var(--primary-color) !important;
  }
  .md\:hover\:bg-primary:hover {
    color: var(--primary-color-text) !important;
    background-color: var(--primary-color) !important;
  }
  .md\:active\:bg-primary:active {
    color: var(--primary-color-text) !important;
    background-color: var(--primary-color) !important;
  }
  .md\:focus\:bg-primary-reverse:focus {
    color: var(--primary-color) !important;
    background-color: var(--primary-color-text) !important;
  }
  .md\:hover\:bg-primary-reverse:hover {
    color: var(--primary-color) !important;
    background-color: var(--primary-color-text) !important;
  }
  .md\:active\:bg-primary-reverse:active {
    color: var(--primary-color) !important;
    background-color: var(--primary-color-text) !important;
  }
  .md\:focus\:bg-white:focus {
    background-color: #ffffff !important;
  }
  .md\:hover\:bg-white:hover {
    background-color: #ffffff !important;
  }
  .md\:active\:bg-white:active {
    background-color: #ffffff !important;
  }
  .md\:focus\:border-primary:focus {
    border-color: var(--primary-color) !important;
  }
  .md\:hover\:border-primary:hover {
    border-color: var(--primary-color) !important;
  }
  .md\:active\:border-primary:active {
    border-color: var(--primary-color) !important;
  }
  .md\:focus\:text-white:focus {
    color: #ffffff !important;
  }
  .md\:hover\:text-white:hover {
    color: #ffffff !important;
  }
  .md\:active\:text-white:active {
    color: #ffffff !important;
  }
  .md\:focus\:border-white:focus {
    border-color: #ffffff !important;
  }
  .md\:hover\:border-white:hover {
    border-color: #ffffff !important;
  }
  .md\:active\:border-white:active {
    border-color: #ffffff !important;
  }
  .md\:focus\:text-color:focus {
    color: var(--text-color) !important;
  }
  .md\:hover\:text-color:hover {
    color: var(--text-color) !important;
  }
  .md\:active\:text-color:active {
    color: var(--text-color) !important;
  }
  .md\:focus\:text-color-secondary:focus {
    color: var(--text-color-secondary) !important;
  }
  .md\:hover\:text-color-secondary:hover {
    color: var(--text-color-secondary) !important;
  }
  .md\:active\:text-color-secondary:active {
    color: var(--text-color-secondary) !important;
  }
  .md\:focus\:surface-ground:focus {
    background-color: var(--surface-ground) !important;
  }
  .md\:hover\:surface-ground:hover {
    background-color: var(--surface-ground) !important;
  }
  .md\:active\:surface-ground:active {
    background-color: var(--surface-ground) !important;
  }
  .md\:focus\:surface-section:focus {
    background-color: var(--surface-section) !important;
  }
  .md\:hover\:surface-section:hover {
    background-color: var(--surface-section) !important;
  }
  .md\:active\:surface-section:active {
    background-color: var(--surface-section) !important;
  }
  .md\:focus\:surface-card:focus {
    background-color: var(--surface-card) !important;
  }
  .md\:hover\:surface-card:hover {
    background-color: var(--surface-card) !important;
  }
  .md\:active\:surface-card:active {
    background-color: var(--surface-card) !important;
  }
  .md\:focus\:surface-overlay:focus {
    background-color: var(--surface-overlay) !important;
  }
  .md\:hover\:surface-overlay:hover {
    background-color: var(--surface-overlay) !important;
  }
  .md\:active\:surface-overlay:active {
    background-color: var(--surface-overlay) !important;
  }
  .md\:focus\:surface-hover:focus {
    background-color: var(--surface-hover) !important;
  }
  .md\:hover\:surface-hover:hover {
    background-color: var(--surface-hover) !important;
  }
  .md\:active\:surface-hover:active {
    background-color: var(--surface-hover) !important;
  }
  .md\:focus\:surface-border:focus {
    border-color: var(--surface-border) !important;
  }
  .md\:hover\:surface-border:hover {
    border-color: var(--surface-border) !important;
  }
  .md\:active\:surface-border:active {
    border-color: var(--surface-border) !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:text-primary {
    color: var(--primary-color) !important;
  }
  .lg\:bg-primary {
    color: var(--primary-color-text) !important;
    background-color: var(--primary-color) !important;
  }
  .lg\:bg-primary-reverse {
    color: var(--primary-color) !important;
    background-color: var(--primary-color-text) !important;
  }
  .lg\:bg-white {
    background-color: #ffffff !important;
  }
  .lg\:border-primary {
    border-color: var(--primary-color) !important;
  }
  .lg\:text-white {
    color: #ffffff !important;
  }
  .lg\:border-white {
    border-color: #ffffff !important;
  }
  .lg\:text-color {
    color: var(--text-color) !important;
  }
  .lg\:text-color-secondary {
    color: var(--text-color-secondary) !important;
  }
  .lg\:surface-ground {
    background-color: var(--surface-ground) !important;
  }
  .lg\:surface-section {
    background-color: var(--surface-section) !important;
  }
  .lg\:surface-card {
    background-color: var(--surface-card) !important;
  }
  .lg\:surface-overlay {
    background-color: var(--surface-overlay) !important;
  }
  .lg\:surface-hover {
    background-color: var(--surface-hover) !important;
  }
  .lg\:surface-border {
    border-color: var(--surface-border) !important;
  }
  .lg\:focus\:text-primary:focus {
    color: var(--primary-color) !important;
  }
  .lg\:hover\:text-primary:hover {
    color: var(--primary-color) !important;
  }
  .lg\:active\:text-primary:active {
    color: var(--primary-color) !important;
  }
  .lg\:focus\:bg-primary:focus {
    color: var(--primary-color-text) !important;
    background-color: var(--primary-color) !important;
  }
  .lg\:hover\:bg-primary:hover {
    color: var(--primary-color-text) !important;
    background-color: var(--primary-color) !important;
  }
  .lg\:active\:bg-primary:active {
    color: var(--primary-color-text) !important;
    background-color: var(--primary-color) !important;
  }
  .lg\:focus\:bg-primary-reverse:focus {
    color: var(--primary-color) !important;
    background-color: var(--primary-color-text) !important;
  }
  .lg\:hover\:bg-primary-reverse:hover {
    color: var(--primary-color) !important;
    background-color: var(--primary-color-text) !important;
  }
  .lg\:active\:bg-primary-reverse:active {
    color: var(--primary-color) !important;
    background-color: var(--primary-color-text) !important;
  }
  .lg\:focus\:bg-white:focus {
    background-color: #ffffff !important;
  }
  .lg\:hover\:bg-white:hover {
    background-color: #ffffff !important;
  }
  .lg\:active\:bg-white:active {
    background-color: #ffffff !important;
  }
  .lg\:focus\:border-primary:focus {
    border-color: var(--primary-color) !important;
  }
  .lg\:hover\:border-primary:hover {
    border-color: var(--primary-color) !important;
  }
  .lg\:active\:border-primary:active {
    border-color: var(--primary-color) !important;
  }
  .lg\:focus\:text-white:focus {
    color: #ffffff !important;
  }
  .lg\:hover\:text-white:hover {
    color: #ffffff !important;
  }
  .lg\:active\:text-white:active {
    color: #ffffff !important;
  }
  .lg\:focus\:border-white:focus {
    border-color: #ffffff !important;
  }
  .lg\:hover\:border-white:hover {
    border-color: #ffffff !important;
  }
  .lg\:active\:border-white:active {
    border-color: #ffffff !important;
  }
  .lg\:focus\:text-color:focus {
    color: var(--text-color) !important;
  }
  .lg\:hover\:text-color:hover {
    color: var(--text-color) !important;
  }
  .lg\:active\:text-color:active {
    color: var(--text-color) !important;
  }
  .lg\:focus\:text-color-secondary:focus {
    color: var(--text-color-secondary) !important;
  }
  .lg\:hover\:text-color-secondary:hover {
    color: var(--text-color-secondary) !important;
  }
  .lg\:active\:text-color-secondary:active {
    color: var(--text-color-secondary) !important;
  }
  .lg\:focus\:surface-ground:focus {
    background-color: var(--surface-ground) !important;
  }
  .lg\:hover\:surface-ground:hover {
    background-color: var(--surface-ground) !important;
  }
  .lg\:active\:surface-ground:active {
    background-color: var(--surface-ground) !important;
  }
  .lg\:focus\:surface-section:focus {
    background-color: var(--surface-section) !important;
  }
  .lg\:hover\:surface-section:hover {
    background-color: var(--surface-section) !important;
  }
  .lg\:active\:surface-section:active {
    background-color: var(--surface-section) !important;
  }
  .lg\:focus\:surface-card:focus {
    background-color: var(--surface-card) !important;
  }
  .lg\:hover\:surface-card:hover {
    background-color: var(--surface-card) !important;
  }
  .lg\:active\:surface-card:active {
    background-color: var(--surface-card) !important;
  }
  .lg\:focus\:surface-overlay:focus {
    background-color: var(--surface-overlay) !important;
  }
  .lg\:hover\:surface-overlay:hover {
    background-color: var(--surface-overlay) !important;
  }
  .lg\:active\:surface-overlay:active {
    background-color: var(--surface-overlay) !important;
  }
  .lg\:focus\:surface-hover:focus {
    background-color: var(--surface-hover) !important;
  }
  .lg\:hover\:surface-hover:hover {
    background-color: var(--surface-hover) !important;
  }
  .lg\:active\:surface-hover:active {
    background-color: var(--surface-hover) !important;
  }
  .lg\:focus\:surface-border:focus {
    border-color: var(--surface-border) !important;
  }
  .lg\:hover\:surface-border:hover {
    border-color: var(--surface-border) !important;
  }
  .lg\:active\:surface-border:active {
    border-color: var(--surface-border) !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:text-primary {
    color: var(--primary-color) !important;
  }
  .xl\:bg-primary {
    color: var(--primary-color-text) !important;
    background-color: var(--primary-color) !important;
  }
  .xl\:bg-primary-reverse {
    color: var(--primary-color) !important;
    background-color: var(--primary-color-text) !important;
  }
  .xl\:bg-white {
    background-color: #ffffff !important;
  }
  .xl\:border-primary {
    border-color: var(--primary-color) !important;
  }
  .xl\:text-white {
    color: #ffffff !important;
  }
  .xl\:border-white {
    border-color: #ffffff !important;
  }
  .xl\:text-color {
    color: var(--text-color) !important;
  }
  .xl\:text-color-secondary {
    color: var(--text-color-secondary) !important;
  }
  .xl\:surface-ground {
    background-color: var(--surface-ground) !important;
  }
  .xl\:surface-section {
    background-color: var(--surface-section) !important;
  }
  .xl\:surface-card {
    background-color: var(--surface-card) !important;
  }
  .xl\:surface-overlay {
    background-color: var(--surface-overlay) !important;
  }
  .xl\:surface-hover {
    background-color: var(--surface-hover) !important;
  }
  .xl\:surface-border {
    border-color: var(--surface-border) !important;
  }
  .xl\:focus\:text-primary:focus {
    color: var(--primary-color) !important;
  }
  .xl\:hover\:text-primary:hover {
    color: var(--primary-color) !important;
  }
  .xl\:active\:text-primary:active {
    color: var(--primary-color) !important;
  }
  .xl\:focus\:bg-primary:focus {
    color: var(--primary-color-text) !important;
    background-color: var(--primary-color) !important;
  }
  .xl\:hover\:bg-primary:hover {
    color: var(--primary-color-text) !important;
    background-color: var(--primary-color) !important;
  }
  .xl\:active\:bg-primary:active {
    color: var(--primary-color-text) !important;
    background-color: var(--primary-color) !important;
  }
  .xl\:focus\:bg-primary-reverse:focus {
    color: var(--primary-color) !important;
    background-color: var(--primary-color-text) !important;
  }
  .xl\:hover\:bg-primary-reverse:hover {
    color: var(--primary-color) !important;
    background-color: var(--primary-color-text) !important;
  }
  .xl\:active\:bg-primary-reverse:active {
    color: var(--primary-color) !important;
    background-color: var(--primary-color-text) !important;
  }
  .xl\:focus\:bg-white:focus {
    background-color: #ffffff !important;
  }
  .xl\:hover\:bg-white:hover {
    background-color: #ffffff !important;
  }
  .xl\:active\:bg-white:active {
    background-color: #ffffff !important;
  }
  .xl\:focus\:border-primary:focus {
    border-color: var(--primary-color) !important;
  }
  .xl\:hover\:border-primary:hover {
    border-color: var(--primary-color) !important;
  }
  .xl\:active\:border-primary:active {
    border-color: var(--primary-color) !important;
  }
  .xl\:focus\:text-white:focus {
    color: #ffffff !important;
  }
  .xl\:hover\:text-white:hover {
    color: #ffffff !important;
  }
  .xl\:active\:text-white:active {
    color: #ffffff !important;
  }
  .xl\:focus\:border-white:focus {
    border-color: #ffffff !important;
  }
  .xl\:hover\:border-white:hover {
    border-color: #ffffff !important;
  }
  .xl\:active\:border-white:active {
    border-color: #ffffff !important;
  }
  .xl\:focus\:text-color:focus {
    color: var(--text-color) !important;
  }
  .xl\:hover\:text-color:hover {
    color: var(--text-color) !important;
  }
  .xl\:active\:text-color:active {
    color: var(--text-color) !important;
  }
  .xl\:focus\:text-color-secondary:focus {
    color: var(--text-color-secondary) !important;
  }
  .xl\:hover\:text-color-secondary:hover {
    color: var(--text-color-secondary) !important;
  }
  .xl\:active\:text-color-secondary:active {
    color: var(--text-color-secondary) !important;
  }
  .xl\:focus\:surface-ground:focus {
    background-color: var(--surface-ground) !important;
  }
  .xl\:hover\:surface-ground:hover {
    background-color: var(--surface-ground) !important;
  }
  .xl\:active\:surface-ground:active {
    background-color: var(--surface-ground) !important;
  }
  .xl\:focus\:surface-section:focus {
    background-color: var(--surface-section) !important;
  }
  .xl\:hover\:surface-section:hover {
    background-color: var(--surface-section) !important;
  }
  .xl\:active\:surface-section:active {
    background-color: var(--surface-section) !important;
  }
  .xl\:focus\:surface-card:focus {
    background-color: var(--surface-card) !important;
  }
  .xl\:hover\:surface-card:hover {
    background-color: var(--surface-card) !important;
  }
  .xl\:active\:surface-card:active {
    background-color: var(--surface-card) !important;
  }
  .xl\:focus\:surface-overlay:focus {
    background-color: var(--surface-overlay) !important;
  }
  .xl\:hover\:surface-overlay:hover {
    background-color: var(--surface-overlay) !important;
  }
  .xl\:active\:surface-overlay:active {
    background-color: var(--surface-overlay) !important;
  }
  .xl\:focus\:surface-hover:focus {
    background-color: var(--surface-hover) !important;
  }
  .xl\:hover\:surface-hover:hover {
    background-color: var(--surface-hover) !important;
  }
  .xl\:active\:surface-hover:active {
    background-color: var(--surface-hover) !important;
  }
  .xl\:focus\:surface-border:focus {
    border-color: var(--surface-border) !important;
  }
  .xl\:hover\:surface-border:hover {
    border-color: var(--surface-border) !important;
  }
  .xl\:active\:surface-border:active {
    border-color: var(--surface-border) !important;
  }
}
.field {
  margin-bottom: 1rem;
}
.field > label {
  display: inline-block;
  margin-bottom: 0.5rem;
}
.field.grid > label {
  display: flex;
  align-items: center;
}
.field > small {
  margin-top: 0.25rem;
}
.field.grid,
.formgrid.grid {
  margin-top: 0;
}
.field.grid .col-fixed,
.formgrid.grid .col-fixed,
.field.grid .col,
.formgrid.grid .col,
.field.grid .col-1,
.formgrid.grid .col-1,
.field.grid .col-2,
.formgrid.grid .col-2,
.field.grid .col-3,
.formgrid.grid .col-3,
.field.grid .col-4,
.formgrid.grid .col-4,
.field.grid .col-5,
.formgrid.grid .col-5,
.field.grid .col-6,
.formgrid.grid .col-6,
.field.grid .col-7,
.formgrid.grid .col-7,
.field.grid .col-8,
.formgrid.grid .col-8,
.field.grid .col-9,
.formgrid.grid .col-9,
.field.grid .col-10,
.formgrid.grid .col-10,
.field.grid .col-11,
.formgrid.grid .col-11,
.field.grid .col-12,
.formgrid.grid .col-12 {
  padding-top: 0;
  padding-bottom: 0;
}
.formgroup-inline {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}
.formgroup-inline .field,
.formgroup-inline .field-checkbox,
.formgroup-inline .field-radiobutton {
  margin-right: 1rem;
}
.formgroup-inline .field > label,
.formgroup-inline .field-checkbox > label,
.formgroup-inline .field-radiobutton > label {
  margin-right: 0.5rem;
  margin-bottom: 0;
}
.field-checkbox,
.field-radiobutton {
  margin-bottom: 1rem;
  display: flex;
  align-items: center;
}
.field-checkbox > label,
.field-radiobutton > label {
  margin-left: 0.5rem;
  line-height: 1;
}
.hidden {
  display: none !important;
}
.block {
  display: block !important;
}
.inline {
  display: inline !important;
}
.inline-block {
  display: inline-block !important;
}
.flex {
  display: flex !important;
}
.inline-flex {
  display: inline-flex !important;
}
@media screen and (min-width: 576px) {
  .sm\:hidden {
    display: none !important;
  }
  .sm\:block {
    display: block !important;
  }
  .sm\:inline {
    display: inline !important;
  }
  .sm\:inline-block {
    display: inline-block !important;
  }
  .sm\:flex {
    display: flex !important;
  }
  .sm\:inline-flex {
    display: inline-flex !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:hidden {
    display: none !important;
  }
  .md\:block {
    display: block !important;
  }
  .md\:inline {
    display: inline !important;
  }
  .md\:inline-block {
    display: inline-block !important;
  }
  .md\:flex {
    display: flex !important;
  }
  .md\:inline-flex {
    display: inline-flex !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:hidden {
    display: none !important;
  }
  .lg\:block {
    display: block !important;
  }
  .lg\:inline {
    display: inline !important;
  }
  .lg\:inline-block {
    display: inline-block !important;
  }
  .lg\:flex {
    display: flex !important;
  }
  .lg\:inline-flex {
    display: inline-flex !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:hidden {
    display: none !important;
  }
  .xl\:block {
    display: block !important;
  }
  .xl\:inline {
    display: inline !important;
  }
  .xl\:inline-block {
    display: inline-block !important;
  }
  .xl\:flex {
    display: flex !important;
  }
  .xl\:inline-flex {
    display: inline-flex !important;
  }
}
.text-center {
  text-align: center !important;
}
.text-justify {
  text-align: justify !important;
}
.text-left {
  text-align: left !important;
}
.text-right {
  text-align: right !important;
}
@media screen and (min-width: 576px) {
  .sm\:text-center {
    text-align: center !important;
  }
  .sm\:text-justify {
    text-align: justify !important;
  }
  .sm\:text-left {
    text-align: left !important;
  }
  .sm\:text-right {
    text-align: right !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:text-center {
    text-align: center !important;
  }
  .md\:text-justify {
    text-align: justify !important;
  }
  .md\:text-left {
    text-align: left !important;
  }
  .md\:text-right {
    text-align: right !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:text-center {
    text-align: center !important;
  }
  .lg\:text-justify {
    text-align: justify !important;
  }
  .lg\:text-left {
    text-align: left !important;
  }
  .lg\:text-right {
    text-align: right !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:text-center {
    text-align: center !important;
  }
  .xl\:text-justify {
    text-align: justify !important;
  }
  .xl\:text-left {
    text-align: left !important;
  }
  .xl\:text-right {
    text-align: right !important;
  }
}
.underline {
  text-decoration: underline !important;
}
.line-through {
  text-decoration: line-through !important;
}
.no-underline {
  text-decoration: none !important;
}
.focus\:underline:focus {
  text-decoration: underline !important;
}
.hover\:underline:hover {
  text-decoration: underline !important;
}
.active\:underline:active {
  text-decoration: underline !important;
}
.focus\:line-through:focus {
  text-decoration: line-through !important;
}
.hover\:line-through:hover {
  text-decoration: line-through !important;
}
.active\:line-through:active {
  text-decoration: line-through !important;
}
.focus\:no-underline:focus {
  text-decoration: none !important;
}
.hover\:no-underline:hover {
  text-decoration: none !important;
}
.active\:no-underline:active {
  text-decoration: none !important;
}
.lowercase {
  text-transform: lowercase !important;
}
.uppercase {
  text-transform: uppercase !important;
}
.capitalize {
  text-transform: capitalize !important;
}
.text-overflow-clip {
  text-overflow: clip !important;
}
.text-overflow-ellipsis {
  text-overflow: ellipsis !important;
}
@media screen and (min-width: 576px) {
  .sm\:text-overflow-clip {
    text-overflow: clip !important;
  }
  .sm\:text-overflow-ellipsis {
    text-overflow: ellipsis !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:text-overflow-clip {
    text-overflow: clip !important;
  }
  .md\:text-overflow-ellipsis {
    text-overflow: ellipsis !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:text-overflow-clip {
    text-overflow: clip !important;
  }
  .lg\:text-overflow-ellipsis {
    text-overflow: ellipsis !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:text-overflow-clip {
    text-overflow: clip !important;
  }
  .xl\:text-overflow-ellipsis {
    text-overflow: ellipsis !important;
  }
}
.font-light {
  font-weight: 300 !important;
}
.font-normal {
  font-weight: 400 !important;
}
.font-medium {
  font-weight: 500 !important;
}
.font-semibold {
  font-weight: 600 !important;
}
.font-bold {
  font-weight: 700 !important;
}
@media screen and (min-width: 576px) {
  .sm\:font-light {
    font-weight: 300 !important;
  }
  .sm\:font-normal {
    font-weight: 400 !important;
  }
  .sm\:font-medium {
    font-weight: 500 !important;
  }
  .sm\:font-semibold {
    font-weight: 600 !important;
  }
  .sm\:font-bold {
    font-weight: 700 !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:font-light {
    font-weight: 300 !important;
  }
  .md\:font-normal {
    font-weight: 400 !important;
  }
  .md\:font-medium {
    font-weight: 500 !important;
  }
  .md\:font-semibold {
    font-weight: 600 !important;
  }
  .md\:font-bold {
    font-weight: 700 !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:font-light {
    font-weight: 300 !important;
  }
  .lg\:font-normal {
    font-weight: 400 !important;
  }
  .lg\:font-medium {
    font-weight: 500 !important;
  }
  .lg\:font-semibold {
    font-weight: 600 !important;
  }
  .lg\:font-bold {
    font-weight: 700 !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:font-light {
    font-weight: 300 !important;
  }
  .xl\:font-normal {
    font-weight: 400 !important;
  }
  .xl\:font-medium {
    font-weight: 500 !important;
  }
  .xl\:font-semibold {
    font-weight: 600 !important;
  }
  .xl\:font-bold {
    font-weight: 700 !important;
  }
}
.font-italic {
  font-style: italic !important;
}
.text-xs {
  font-size: 0.75rem !important;
}
.text-sm {
  font-size: 0.875rem !important;
}
.text-base {
  font-size: 1rem !important;
}
.text-lg {
  font-size: 1.125rem !important;
}
.text-xl {
  font-size: 1.25rem !important;
}
.text-2xl {
  font-size: 1.5rem !important;
}
.text-3xl {
  font-size: 1.75rem !important;
}
.text-4xl {
  font-size: 2rem !important;
}
.text-5xl {
  font-size: 2.5rem !important;
}
.text-6xl {
  font-size: 3rem !important;
}
.text-7xl {
  font-size: 4rem !important;
}
.text-8xl {
  font-size: 6rem !important;
}
@media screen and (min-width: 576px) {
  .sm\:text-xs {
    font-size: 0.75rem !important;
  }
  .sm\:text-sm {
    font-size: 0.875rem !important;
  }
  .sm\:text-base {
    font-size: 1rem !important;
  }
  .sm\:text-lg {
    font-size: 1.125rem !important;
  }
  .sm\:text-xl {
    font-size: 1.25rem !important;
  }
  .sm\:text-2xl {
    font-size: 1.5rem !important;
  }
  .sm\:text-3xl {
    font-size: 1.75rem !important;
  }
  .sm\:text-4xl {
    font-size: 2rem !important;
  }
  .sm\:text-5xl {
    font-size: 2.5rem !important;
  }
  .sm\:text-6xl {
    font-size: 3rem !important;
  }
  .sm\:text-7xl {
    font-size: 4rem !important;
  }
  .sm\:text-8xl {
    font-size: 6rem !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:text-xs {
    font-size: 0.75rem !important;
  }
  .md\:text-sm {
    font-size: 0.875rem !important;
  }
  .md\:text-base {
    font-size: 1rem !important;
  }
  .md\:text-lg {
    font-size: 1.125rem !important;
  }
  .md\:text-xl {
    font-size: 1.25rem !important;
  }
  .md\:text-2xl {
    font-size: 1.5rem !important;
  }
  .md\:text-3xl {
    font-size: 1.75rem !important;
  }
  .md\:text-4xl {
    font-size: 2rem !important;
  }
  .md\:text-5xl {
    font-size: 2.5rem !important;
  }
  .md\:text-6xl {
    font-size: 3rem !important;
  }
  .md\:text-7xl {
    font-size: 4rem !important;
  }
  .md\:text-8xl {
    font-size: 6rem !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:text-xs {
    font-size: 0.75rem !important;
  }
  .lg\:text-sm {
    font-size: 0.875rem !important;
  }
  .lg\:text-base {
    font-size: 1rem !important;
  }
  .lg\:text-lg {
    font-size: 1.125rem !important;
  }
  .lg\:text-xl {
    font-size: 1.25rem !important;
  }
  .lg\:text-2xl {
    font-size: 1.5rem !important;
  }
  .lg\:text-3xl {
    font-size: 1.75rem !important;
  }
  .lg\:text-4xl {
    font-size: 2rem !important;
  }
  .lg\:text-5xl {
    font-size: 2.5rem !important;
  }
  .lg\:text-6xl {
    font-size: 3rem !important;
  }
  .lg\:text-7xl {
    font-size: 4rem !important;
  }
  .lg\:text-8xl {
    font-size: 6rem !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:text-xs {
    font-size: 0.75rem !important;
  }
  .xl\:text-sm {
    font-size: 0.875rem !important;
  }
  .xl\:text-base {
    font-size: 1rem !important;
  }
  .xl\:text-lg {
    font-size: 1.125rem !important;
  }
  .xl\:text-xl {
    font-size: 1.25rem !important;
  }
  .xl\:text-2xl {
    font-size: 1.5rem !important;
  }
  .xl\:text-3xl {
    font-size: 1.75rem !important;
  }
  .xl\:text-4xl {
    font-size: 2rem !important;
  }
  .xl\:text-5xl {
    font-size: 2.5rem !important;
  }
  .xl\:text-6xl {
    font-size: 3rem !important;
  }
  .xl\:text-7xl {
    font-size: 4rem !important;
  }
  .xl\:text-8xl {
    font-size: 6rem !important;
  }
}
.line-height-1 {
  line-height: 1 !important;
}
.line-height-2 {
  line-height: 1.25 !important;
}
.line-height-3 {
  line-height: 1.5 !important;
}
.line-height-4 {
  line-height: 2 !important;
}
.white-space-normal {
  white-space: normal !important;
}
.white-space-nowrap {
  white-space: nowrap !important;
}
.vertical-align-baseline {
  vertical-align: baseline !important;
}
.vertical-align-top {
  vertical-align: top !important;
}
.vertical-align-middle {
  vertical-align: middle !important;
}
.vertical-align-bottom {
  vertical-align: bottom !important;
}
.vertical-align-text-top {
  vertical-align: text-top !important;
}
.vertical-align-text-bottom {
  vertical-align: text-bottom !important;
}
.vertical-align-sub {
  vertical-align: sub !important;
}
.vertical-align-super {
  vertical-align: super !important;
}
@media screen and (min-width: 576px) {
  .sm\:vertical-align-baseline {
    vertical-align: baseline !important;
  }
  .sm\:vertical-align-top {
    vertical-align: top !important;
  }
  .sm\:vertical-align-middle {
    vertical-align: middle !important;
  }
  .sm\:vertical-align-bottom {
    vertical-align: bottom !important;
  }
  .sm\:vertical-align-text-top {
    vertical-align: text-top !important;
  }
  .sm\:vertical-align-text-bottom {
    vertical-align: text-bottom !important;
  }
  .sm\:vertical-align-sub {
    vertical-align: sub !important;
  }
  .sm\:vertical-align-super {
    vertical-align: super !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:vertical-align-baseline {
    vertical-align: baseline !important;
  }
  .md\:vertical-align-top {
    vertical-align: top !important;
  }
  .md\:vertical-align-middle {
    vertical-align: middle !important;
  }
  .md\:vertical-align-bottom {
    vertical-align: bottom !important;
  }
  .md\:vertical-align-text-top {
    vertical-align: text-top !important;
  }
  .md\:vertical-align-text-bottom {
    vertical-align: text-bottom !important;
  }
  .md\:vertical-align-sub {
    vertical-align: sub !important;
  }
  .md\:vertical-align-super {
    vertical-align: super !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:vertical-align-baseline {
    vertical-align: baseline !important;
  }
  .lg\:vertical-align-top {
    vertical-align: top !important;
  }
  .lg\:vertical-align-middle {
    vertical-align: middle !important;
  }
  .lg\:vertical-align-bottom {
    vertical-align: bottom !important;
  }
  .lg\:vertical-align-text-top {
    vertical-align: text-top !important;
  }
  .lg\:vertical-align-text-bottom {
    vertical-align: text-bottom !important;
  }
  .lg\:vertical-align-sub {
    vertical-align: sub !important;
  }
  .lg\:vertical-align-super {
    vertical-align: super !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:vertical-align-baseline {
    vertical-align: baseline !important;
  }
  .xl\:vertical-align-top {
    vertical-align: top !important;
  }
  .xl\:vertical-align-middle {
    vertical-align: middle !important;
  }
  .xl\:vertical-align-bottom {
    vertical-align: bottom !important;
  }
  .xl\:vertical-align-text-top {
    vertical-align: text-top !important;
  }
  .xl\:vertical-align-text-bottom {
    vertical-align: text-bottom !important;
  }
  .xl\:vertical-align-sub {
    vertical-align: sub !important;
  }
  .xl\:vertical-align-super {
    vertical-align: super !important;
  }
}
.flex-row {
  flex-direction: row !important;
}
.flex-row-reverse {
  flex-direction: row-reverse !important;
}
.flex-column {
  flex-direction: column !important;
}
.flex-column-reverse {
  flex-direction: column-reverse !important;
}
@media screen and (min-width: 576px) {
  .sm\:flex-row {
    flex-direction: row !important;
  }
  .sm\:flex-row-reverse {
    flex-direction: row-reverse !important;
  }
  .sm\:flex-column {
    flex-direction: column !important;
  }
  .sm\:flex-column-reverse {
    flex-direction: column-reverse !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:flex-row {
    flex-direction: row !important;
  }
  .md\:flex-row-reverse {
    flex-direction: row-reverse !important;
  }
  .md\:flex-column {
    flex-direction: column !important;
  }
  .md\:flex-column-reverse {
    flex-direction: column-reverse !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:flex-row {
    flex-direction: row !important;
  }
  .lg\:flex-row-reverse {
    flex-direction: row-reverse !important;
  }
  .lg\:flex-column {
    flex-direction: column !important;
  }
  .lg\:flex-column-reverse {
    flex-direction: column-reverse !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:flex-row {
    flex-direction: row !important;
  }
  .xl\:flex-row-reverse {
    flex-direction: row-reverse !important;
  }
  .xl\:flex-column {
    flex-direction: column !important;
  }
  .xl\:flex-column-reverse {
    flex-direction: column-reverse !important;
  }
}
.flex-wrap {
  flex-wrap: wrap !important;
}
.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}
.flex-nowrap {
  flex-wrap: nowrap !important;
}
@media screen and (min-width: 576px) {
  .sm\:flex-wrap {
    flex-wrap: wrap !important;
  }
  .sm\:flex-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .sm\:flex-nowrap {
    flex-wrap: nowrap !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:flex-wrap {
    flex-wrap: wrap !important;
  }
  .md\:flex-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .md\:flex-nowrap {
    flex-wrap: nowrap !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:flex-wrap {
    flex-wrap: wrap !important;
  }
  .lg\:flex-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .lg\:flex-nowrap {
    flex-wrap: nowrap !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:flex-wrap {
    flex-wrap: wrap !important;
  }
  .xl\:flex-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .xl\:flex-nowrap {
    flex-wrap: nowrap !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;
}
@media screen and (min-width: 576px) {
  .sm\:justify-content-start {
    justify-content: flex-start !important;
  }
  .sm\:justify-content-end {
    justify-content: flex-end !important;
  }
  .sm\:justify-content-center {
    justify-content: center !important;
  }
  .sm\:justify-content-between {
    justify-content: space-between !important;
  }
  .sm\:justify-content-around {
    justify-content: space-around !important;
  }
  .sm\:justify-content-evenly {
    justify-content: space-evenly !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:justify-content-start {
    justify-content: flex-start !important;
  }
  .md\:justify-content-end {
    justify-content: flex-end !important;
  }
  .md\:justify-content-center {
    justify-content: center !important;
  }
  .md\:justify-content-between {
    justify-content: space-between !important;
  }
  .md\:justify-content-around {
    justify-content: space-around !important;
  }
  .md\:justify-content-evenly {
    justify-content: space-evenly !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:justify-content-start {
    justify-content: flex-start !important;
  }
  .lg\:justify-content-end {
    justify-content: flex-end !important;
  }
  .lg\:justify-content-center {
    justify-content: center !important;
  }
  .lg\:justify-content-between {
    justify-content: space-between !important;
  }
  .lg\:justify-content-around {
    justify-content: space-around !important;
  }
  .lg\:justify-content-evenly {
    justify-content: space-evenly !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:justify-content-start {
    justify-content: flex-start !important;
  }
  .xl\:justify-content-end {
    justify-content: flex-end !important;
  }
  .xl\:justify-content-center {
    justify-content: center !important;
  }
  .xl\:justify-content-between {
    justify-content: space-between !important;
  }
  .xl\:justify-content-around {
    justify-content: space-around !important;
  }
  .xl\:justify-content-evenly {
    justify-content: space-evenly !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-evenly {
  align-content: space-evenly !important;
}
@media screen and (min-width: 576px) {
  .sm\:align-content-start {
    align-content: flex-start !important;
  }
  .sm\:align-content-end {
    align-content: flex-end !important;
  }
  .sm\:align-content-center {
    align-content: center !important;
  }
  .sm\:align-content-between {
    align-content: space-between !important;
  }
  .sm\:align-content-around {
    align-content: space-around !important;
  }
  .sm\:align-content-evenly {
    align-content: space-evenly !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:align-content-start {
    align-content: flex-start !important;
  }
  .md\:align-content-end {
    align-content: flex-end !important;
  }
  .md\:align-content-center {
    align-content: center !important;
  }
  .md\:align-content-between {
    align-content: space-between !important;
  }
  .md\:align-content-around {
    align-content: space-around !important;
  }
  .md\:align-content-evenly {
    align-content: space-evenly !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:align-content-start {
    align-content: flex-start !important;
  }
  .lg\:align-content-end {
    align-content: flex-end !important;
  }
  .lg\:align-content-center {
    align-content: center !important;
  }
  .lg\:align-content-between {
    align-content: space-between !important;
  }
  .lg\:align-content-around {
    align-content: space-around !important;
  }
  .lg\:align-content-evenly {
    align-content: space-evenly !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:align-content-start {
    align-content: flex-start !important;
  }
  .xl\:align-content-end {
    align-content: flex-end !important;
  }
  .xl\:align-content-center {
    align-content: center !important;
  }
  .xl\:align-content-between {
    align-content: space-between !important;
  }
  .xl\:align-content-around {
    align-content: space-around !important;
  }
  .xl\:align-content-evenly {
    align-content: space-evenly !important;
  }
}
.align-items-stretch {
  align-items: stretch !important;
}
.align-items-start {
  align-items: flex-start !important;
}
.align-items-center {
  align-items: center !important;
}
.align-items-end {
  align-items: flex-end !important;
}
.align-items-baseline {
  align-items: baseline !important;
}
@media screen and (min-width: 576px) {
  .sm\:align-items-stretch {
    align-items: stretch !important;
  }
  .sm\:align-items-start {
    align-items: flex-start !important;
  }
  .sm\:align-items-center {
    align-items: center !important;
  }
  .sm\:align-items-end {
    align-items: flex-end !important;
  }
  .sm\:align-items-baseline {
    align-items: baseline !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:align-items-stretch {
    align-items: stretch !important;
  }
  .md\:align-items-start {
    align-items: flex-start !important;
  }
  .md\:align-items-center {
    align-items: center !important;
  }
  .md\:align-items-end {
    align-items: flex-end !important;
  }
  .md\:align-items-baseline {
    align-items: baseline !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:align-items-stretch {
    align-items: stretch !important;
  }
  .lg\:align-items-start {
    align-items: flex-start !important;
  }
  .lg\:align-items-center {
    align-items: center !important;
  }
  .lg\:align-items-end {
    align-items: flex-end !important;
  }
  .lg\:align-items-baseline {
    align-items: baseline !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:align-items-stretch {
    align-items: stretch !important;
  }
  .xl\:align-items-start {
    align-items: flex-start !important;
  }
  .xl\:align-items-center {
    align-items: center !important;
  }
  .xl\:align-items-end {
    align-items: flex-end !important;
  }
  .xl\:align-items-baseline {
    align-items: baseline !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-stretch {
  align-self: stretch !important;
}
.align-self-baseline {
  align-self: baseline !important;
}
@media screen and (min-width: 576px) {
  .sm\:align-self-auto {
    align-self: auto !important;
  }
  .sm\:align-self-start {
    align-self: flex-start !important;
  }
  .sm\:align-self-end {
    align-self: flex-end !important;
  }
  .sm\:align-self-center {
    align-self: center !important;
  }
  .sm\:align-self-stretch {
    align-self: stretch !important;
  }
  .sm\:align-self-baseline {
    align-self: baseline !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:align-self-auto {
    align-self: auto !important;
  }
  .md\:align-self-start {
    align-self: flex-start !important;
  }
  .md\:align-self-end {
    align-self: flex-end !important;
  }
  .md\:align-self-center {
    align-self: center !important;
  }
  .md\:align-self-stretch {
    align-self: stretch !important;
  }
  .md\:align-self-baseline {
    align-self: baseline !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:align-self-auto {
    align-self: auto !important;
  }
  .lg\:align-self-start {
    align-self: flex-start !important;
  }
  .lg\:align-self-end {
    align-self: flex-end !important;
  }
  .lg\:align-self-center {
    align-self: center !important;
  }
  .lg\:align-self-stretch {
    align-self: stretch !important;
  }
  .lg\:align-self-baseline {
    align-self: baseline !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:align-self-auto {
    align-self: auto !important;
  }
  .xl\:align-self-start {
    align-self: flex-start !important;
  }
  .xl\:align-self-end {
    align-self: flex-end !important;
  }
  .xl\:align-self-center {
    align-self: center !important;
  }
  .xl\:align-self-stretch {
    align-self: stretch !important;
  }
  .xl\:align-self-baseline {
    align-self: baseline !important;
  }
}
.flex-order-0 {
  order: 0 !important;
}
.flex-order-1 {
  order: 1 !important;
}
.flex-order-2 {
  order: 2 !important;
}
.flex-order-3 {
  order: 3 !important;
}
.flex-order-4 {
  order: 4 !important;
}
.flex-order-5 {
  order: 5 !important;
}
.flex-order-6 {
  order: 6 !important;
}
@media screen and (min-width: 576px) {
  .sm\:flex-order-0 {
    order: 0 !important;
  }
  .sm\:flex-order-1 {
    order: 1 !important;
  }
  .sm\:flex-order-2 {
    order: 2 !important;
  }
  .sm\:flex-order-3 {
    order: 3 !important;
  }
  .sm\:flex-order-4 {
    order: 4 !important;
  }
  .sm\:flex-order-5 {
    order: 5 !important;
  }
  .sm\:flex-order-6 {
    order: 6 !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:flex-order-0 {
    order: 0 !important;
  }
  .md\:flex-order-1 {
    order: 1 !important;
  }
  .md\:flex-order-2 {
    order: 2 !important;
  }
  .md\:flex-order-3 {
    order: 3 !important;
  }
  .md\:flex-order-4 {
    order: 4 !important;
  }
  .md\:flex-order-5 {
    order: 5 !important;
  }
  .md\:flex-order-6 {
    order: 6 !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:flex-order-0 {
    order: 0 !important;
  }
  .lg\:flex-order-1 {
    order: 1 !important;
  }
  .lg\:flex-order-2 {
    order: 2 !important;
  }
  .lg\:flex-order-3 {
    order: 3 !important;
  }
  .lg\:flex-order-4 {
    order: 4 !important;
  }
  .lg\:flex-order-5 {
    order: 5 !important;
  }
  .lg\:flex-order-6 {
    order: 6 !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:flex-order-0 {
    order: 0 !important;
  }
  .xl\:flex-order-1 {
    order: 1 !important;
  }
  .xl\:flex-order-2 {
    order: 2 !important;
  }
  .xl\:flex-order-3 {
    order: 3 !important;
  }
  .xl\:flex-order-4 {
    order: 4 !important;
  }
  .xl\:flex-order-5 {
    order: 5 !important;
  }
  .xl\:flex-order-6 {
    order: 6 !important;
  }
}
.flex-1 {
  flex: 1 1 0% !important;
}
.flex-auto {
  flex: 1 1 auto !important;
}
.flex-initial {
  flex: 0 1 auto !important;
}
.flex-none {
  flex: none !important;
}
@media screen and (min-width: 576px) {
  .sm\:flex-1 {
    flex: 1 1 0% !important;
  }
  .sm\:flex-auto {
    flex: 1 1 auto !important;
  }
  .sm\:flex-initial {
    flex: 0 1 auto !important;
  }
  .sm\:flex-none {
    flex: none !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:flex-1 {
    flex: 1 1 0% !important;
  }
  .md\:flex-auto {
    flex: 1 1 auto !important;
  }
  .md\:flex-initial {
    flex: 0 1 auto !important;
  }
  .md\:flex-none {
    flex: none !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:flex-1 {
    flex: 1 1 0% !important;
  }
  .lg\:flex-auto {
    flex: 1 1 auto !important;
  }
  .lg\:flex-initial {
    flex: 0 1 auto !important;
  }
  .lg\:flex-none {
    flex: none !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:flex-1 {
    flex: 1 1 0% !important;
  }
  .xl\:flex-auto {
    flex: 1 1 auto !important;
  }
  .xl\:flex-initial {
    flex: 0 1 auto !important;
  }
  .xl\:flex-none {
    flex: none !important;
  }
}
.flex-grow-0 {
  flex-grow: 0 !important;
}
.flex-grow-1 {
  flex-grow: 1 !important;
}
@media screen and (min-width: 576px) {
  .sm\:flex-grow-0 {
    flex-grow: 0 !important;
  }
  .sm\:flex-grow-1 {
    flex-grow: 1 !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:flex-grow-0 {
    flex-grow: 0 !important;
  }
  .md\:flex-grow-1 {
    flex-grow: 1 !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:flex-grow-0 {
    flex-grow: 0 !important;
  }
  .lg\:flex-grow-1 {
    flex-grow: 1 !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:flex-grow-0 {
    flex-grow: 0 !important;
  }
  .xl\:flex-grow-1 {
    flex-grow: 1 !important;
  }
}
.flex-shrink-0 {
  flex-shrink: 0 !important;
}
.flex-shrink-1 {
  flex-shrink: 1 !important;
}
@media screen and (min-width: 576px) {
  .sm\:flex-shrink-0 {
    flex-shrink: 0 !important;
  }
  .sm\:flex-shrink-1 {
    flex-shrink: 1 !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:flex-shrink-0 {
    flex-shrink: 0 !important;
  }
  .md\:flex-shrink-1 {
    flex-shrink: 1 !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:flex-shrink-0 {
    flex-shrink: 0 !important;
  }
  .lg\:flex-shrink-1 {
    flex-shrink: 1 !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:flex-shrink-0 {
    flex-shrink: 0 !important;
  }
  .xl\:flex-shrink-1 {
    flex-shrink: 1 !important;
  }
}
.gap-0 {
  gap: 0rem !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: 2rem !important;
}
.gap-6 {
  gap: 3rem !important;
}
.gap-7 {
  gap: 4rem !important;
}
.gap-8 {
  gap: 5rem !important;
}
.row-gap-0 {
  row-gap: 0rem !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: 2rem !important;
}
.row-gap-6 {
  row-gap: 3rem !important;
}
.row-gap-7 {
  row-gap: 4rem !important;
}
.row-gap-8 {
  row-gap: 5rem !important;
}
.column-gap-0 {
  -moz-column-gap: 0rem !important;
       column-gap: 0rem !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: 2rem !important;
       column-gap: 2rem !important;
}
.column-gap-6 {
  -moz-column-gap: 3rem !important;
       column-gap: 3rem !important;
}
.column-gap-7 {
  -moz-column-gap: 4rem !important;
       column-gap: 4rem !important;
}
.column-gap-8 {
  -moz-column-gap: 5rem !important;
       column-gap: 5rem !important;
}
@media screen and (min-width: 576px) {
  .sm\:gap-0 {
    gap: 0rem !important;
  }
  .sm\:gap-1 {
    gap: 0.25rem !important;
  }
  .sm\:gap-2 {
    gap: 0.5rem !important;
  }
  .sm\:gap-3 {
    gap: 1rem !important;
  }
  .sm\:gap-4 {
    gap: 1.5rem !important;
  }
  .sm\:gap-5 {
    gap: 2rem !important;
  }
  .sm\:gap-6 {
    gap: 3rem !important;
  }
  .sm\:gap-7 {
    gap: 4rem !important;
  }
  .sm\:gap-8 {
    gap: 5rem !important;
  }
  .sm\:row-gap-0 {
    row-gap: 0rem !important;
  }
  .sm\:row-gap-1 {
    row-gap: 0.25rem !important;
  }
  .sm\:row-gap-2 {
    row-gap: 0.5rem !important;
  }
  .sm\:row-gap-3 {
    row-gap: 1rem !important;
  }
  .sm\:row-gap-4 {
    row-gap: 1.5rem !important;
  }
  .sm\:row-gap-5 {
    row-gap: 2rem !important;
  }
  .sm\:row-gap-6 {
    row-gap: 3rem !important;
  }
  .sm\:row-gap-7 {
    row-gap: 4rem !important;
  }
  .sm\:row-gap-8 {
    row-gap: 5rem !important;
  }
  .sm\:column-gap-0 {
    -moz-column-gap: 0rem !important;
         column-gap: 0rem !important;
  }
  .sm\:column-gap-1 {
    -moz-column-gap: 0.25rem !important;
         column-gap: 0.25rem !important;
  }
  .sm\:column-gap-2 {
    -moz-column-gap: 0.5rem !important;
         column-gap: 0.5rem !important;
  }
  .sm\:column-gap-3 {
    -moz-column-gap: 1rem !important;
         column-gap: 1rem !important;
  }
  .sm\:column-gap-4 {
    -moz-column-gap: 1.5rem !important;
         column-gap: 1.5rem !important;
  }
  .sm\:column-gap-5 {
    -moz-column-gap: 2rem !important;
         column-gap: 2rem !important;
  }
  .sm\:column-gap-6 {
    -moz-column-gap: 3rem !important;
         column-gap: 3rem !important;
  }
  .sm\:column-gap-7 {
    -moz-column-gap: 4rem !important;
         column-gap: 4rem !important;
  }
  .sm\:column-gap-8 {
    -moz-column-gap: 5rem !important;
         column-gap: 5rem !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:gap-0 {
    gap: 0rem !important;
  }
  .md\:gap-1 {
    gap: 0.25rem !important;
  }
  .md\:gap-2 {
    gap: 0.5rem !important;
  }
  .md\:gap-3 {
    gap: 1rem !important;
  }
  .md\:gap-4 {
    gap: 1.5rem !important;
  }
  .md\:gap-5 {
    gap: 2rem !important;
  }
  .md\:gap-6 {
    gap: 3rem !important;
  }
  .md\:gap-7 {
    gap: 4rem !important;
  }
  .md\:gap-8 {
    gap: 5rem !important;
  }
  .md\:row-gap-0 {
    row-gap: 0rem !important;
  }
  .md\:row-gap-1 {
    row-gap: 0.25rem !important;
  }
  .md\:row-gap-2 {
    row-gap: 0.5rem !important;
  }
  .md\:row-gap-3 {
    row-gap: 1rem !important;
  }
  .md\:row-gap-4 {
    row-gap: 1.5rem !important;
  }
  .md\:row-gap-5 {
    row-gap: 2rem !important;
  }
  .md\:row-gap-6 {
    row-gap: 3rem !important;
  }
  .md\:row-gap-7 {
    row-gap: 4rem !important;
  }
  .md\:row-gap-8 {
    row-gap: 5rem !important;
  }
  .md\:column-gap-0 {
    -moz-column-gap: 0rem !important;
         column-gap: 0rem !important;
  }
  .md\:column-gap-1 {
    -moz-column-gap: 0.25rem !important;
         column-gap: 0.25rem !important;
  }
  .md\:column-gap-2 {
    -moz-column-gap: 0.5rem !important;
         column-gap: 0.5rem !important;
  }
  .md\:column-gap-3 {
    -moz-column-gap: 1rem !important;
         column-gap: 1rem !important;
  }
  .md\:column-gap-4 {
    -moz-column-gap: 1.5rem !important;
         column-gap: 1.5rem !important;
  }
  .md\:column-gap-5 {
    -moz-column-gap: 2rem !important;
         column-gap: 2rem !important;
  }
  .md\:column-gap-6 {
    -moz-column-gap: 3rem !important;
         column-gap: 3rem !important;
  }
  .md\:column-gap-7 {
    -moz-column-gap: 4rem !important;
         column-gap: 4rem !important;
  }
  .md\:column-gap-8 {
    -moz-column-gap: 5rem !important;
         column-gap: 5rem !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:gap-0 {
    gap: 0rem !important;
  }
  .lg\:gap-1 {
    gap: 0.25rem !important;
  }
  .lg\:gap-2 {
    gap: 0.5rem !important;
  }
  .lg\:gap-3 {
    gap: 1rem !important;
  }
  .lg\:gap-4 {
    gap: 1.5rem !important;
  }
  .lg\:gap-5 {
    gap: 2rem !important;
  }
  .lg\:gap-6 {
    gap: 3rem !important;
  }
  .lg\:gap-7 {
    gap: 4rem !important;
  }
  .lg\:gap-8 {
    gap: 5rem !important;
  }
  .lg\:row-gap-0 {
    row-gap: 0rem !important;
  }
  .lg\:row-gap-1 {
    row-gap: 0.25rem !important;
  }
  .lg\:row-gap-2 {
    row-gap: 0.5rem !important;
  }
  .lg\:row-gap-3 {
    row-gap: 1rem !important;
  }
  .lg\:row-gap-4 {
    row-gap: 1.5rem !important;
  }
  .lg\:row-gap-5 {
    row-gap: 2rem !important;
  }
  .lg\:row-gap-6 {
    row-gap: 3rem !important;
  }
  .lg\:row-gap-7 {
    row-gap: 4rem !important;
  }
  .lg\:row-gap-8 {
    row-gap: 5rem !important;
  }
  .lg\:column-gap-0 {
    -moz-column-gap: 0rem !important;
         column-gap: 0rem !important;
  }
  .lg\:column-gap-1 {
    -moz-column-gap: 0.25rem !important;
         column-gap: 0.25rem !important;
  }
  .lg\:column-gap-2 {
    -moz-column-gap: 0.5rem !important;
         column-gap: 0.5rem !important;
  }
  .lg\:column-gap-3 {
    -moz-column-gap: 1rem !important;
         column-gap: 1rem !important;
  }
  .lg\:column-gap-4 {
    -moz-column-gap: 1.5rem !important;
         column-gap: 1.5rem !important;
  }
  .lg\:column-gap-5 {
    -moz-column-gap: 2rem !important;
         column-gap: 2rem !important;
  }
  .lg\:column-gap-6 {
    -moz-column-gap: 3rem !important;
         column-gap: 3rem !important;
  }
  .lg\:column-gap-7 {
    -moz-column-gap: 4rem !important;
         column-gap: 4rem !important;
  }
  .lg\:column-gap-8 {
    -moz-column-gap: 5rem !important;
         column-gap: 5rem !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:gap-0 {
    gap: 0rem !important;
  }
  .xl\:gap-1 {
    gap: 0.25rem !important;
  }
  .xl\:gap-2 {
    gap: 0.5rem !important;
  }
  .xl\:gap-3 {
    gap: 1rem !important;
  }
  .xl\:gap-4 {
    gap: 1.5rem !important;
  }
  .xl\:gap-5 {
    gap: 2rem !important;
  }
  .xl\:gap-6 {
    gap: 3rem !important;
  }
  .xl\:gap-7 {
    gap: 4rem !important;
  }
  .xl\:gap-8 {
    gap: 5rem !important;
  }
  .xl\:row-gap-0 {
    row-gap: 0rem !important;
  }
  .xl\:row-gap-1 {
    row-gap: 0.25rem !important;
  }
  .xl\:row-gap-2 {
    row-gap: 0.5rem !important;
  }
  .xl\:row-gap-3 {
    row-gap: 1rem !important;
  }
  .xl\:row-gap-4 {
    row-gap: 1.5rem !important;
  }
  .xl\:row-gap-5 {
    row-gap: 2rem !important;
  }
  .xl\:row-gap-6 {
    row-gap: 3rem !important;
  }
  .xl\:row-gap-7 {
    row-gap: 4rem !important;
  }
  .xl\:row-gap-8 {
    row-gap: 5rem !important;
  }
  .xl\:column-gap-0 {
    -moz-column-gap: 0rem !important;
         column-gap: 0rem !important;
  }
  .xl\:column-gap-1 {
    -moz-column-gap: 0.25rem !important;
         column-gap: 0.25rem !important;
  }
  .xl\:column-gap-2 {
    -moz-column-gap: 0.5rem !important;
         column-gap: 0.5rem !important;
  }
  .xl\:column-gap-3 {
    -moz-column-gap: 1rem !important;
         column-gap: 1rem !important;
  }
  .xl\:column-gap-4 {
    -moz-column-gap: 1.5rem !important;
         column-gap: 1.5rem !important;
  }
  .xl\:column-gap-5 {
    -moz-column-gap: 2rem !important;
         column-gap: 2rem !important;
  }
  .xl\:column-gap-6 {
    -moz-column-gap: 3rem !important;
         column-gap: 3rem !important;
  }
  .xl\:column-gap-7 {
    -moz-column-gap: 4rem !important;
         column-gap: 4rem !important;
  }
  .xl\:column-gap-8 {
    -moz-column-gap: 5rem !important;
         column-gap: 5rem !important;
  }
}
.p-0 {
  padding: 0rem !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: 2rem !important;
}
.p-6 {
  padding: 3rem !important;
}
.p-7 {
  padding: 4rem !important;
}
.p-8 {
  padding: 5rem !important;
}
.pt-0 {
  padding-top: 0rem !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: 2rem !important;
}
.pt-6 {
  padding-top: 3rem !important;
}
.pt-7 {
  padding-top: 4rem !important;
}
.pt-8 {
  padding-top: 5rem !important;
}
.pr-0 {
  padding-right: 0rem !important;
}
.pr-1 {
  padding-right: 0.25rem !important;
}
.pr-2 {
  padding-right: 0.5rem !important;
}
.pr-3 {
  padding-right: 1rem !important;
}
.pr-4 {
  padding-right: 1.5rem !important;
}
.pr-5 {
  padding-right: 2rem !important;
}
.pr-6 {
  padding-right: 3rem !important;
}
.pr-7 {
  padding-right: 4rem !important;
}
.pr-8 {
  padding-right: 5rem !important;
}
.pl-0 {
  padding-left: 0rem !important;
}
.pl-1 {
  padding-left: 0.25rem !important;
}
.pl-2 {
  padding-left: 0.5rem !important;
}
.pl-3 {
  padding-left: 1rem !important;
}
.pl-4 {
  padding-left: 1.5rem !important;
}
.pl-5 {
  padding-left: 2rem !important;
}
.pl-6 {
  padding-left: 3rem !important;
}
.pl-7 {
  padding-left: 4rem !important;
}
.pl-8 {
  padding-left: 5rem !important;
}
.pb-0 {
  padding-bottom: 0rem !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: 2rem !important;
}
.pb-6 {
  padding-bottom: 3rem !important;
}
.pb-7 {
  padding-bottom: 4rem !important;
}
.pb-8 {
  padding-bottom: 5rem !important;
}
.px-0 {
  padding-left: 0rem !important;
  padding-right: 0rem !important;
}
.px-1 {
  padding-left: 0.25rem !important;
  padding-right: 0.25rem !important;
}
.px-2 {
  padding-left: 0.5rem !important;
  padding-right: 0.5rem !important;
}
.px-3 {
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}
.px-4 {
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;
}
.px-5 {
  padding-left: 2rem !important;
  padding-right: 2rem !important;
}
.px-6 {
  padding-left: 3rem !important;
  padding-right: 3rem !important;
}
.px-7 {
  padding-left: 4rem !important;
  padding-right: 4rem !important;
}
.px-8 {
  padding-left: 5rem !important;
  padding-right: 5rem !important;
}
.py-0 {
  padding-top: 0rem !important;
  padding-bottom: 0rem !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: 2rem !important;
  padding-bottom: 2rem !important;
}
.py-6 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}
.py-7 {
  padding-top: 4rem !important;
  padding-bottom: 4rem !important;
}
.py-8 {
  padding-top: 5rem !important;
  padding-bottom: 5rem !important;
}
@media screen and (min-width: 576px) {
  .sm\:p-0 {
    padding: 0rem !important;
  }
  .sm\:p-1 {
    padding: 0.25rem !important;
  }
  .sm\:p-2 {
    padding: 0.5rem !important;
  }
  .sm\:p-3 {
    padding: 1rem !important;
  }
  .sm\:p-4 {
    padding: 1.5rem !important;
  }
  .sm\:p-5 {
    padding: 2rem !important;
  }
  .sm\:p-6 {
    padding: 3rem !important;
  }
  .sm\:p-7 {
    padding: 4rem !important;
  }
  .sm\:p-8 {
    padding: 5rem !important;
  }
  .sm\:pt-0 {
    padding-top: 0rem !important;
  }
  .sm\:pt-1 {
    padding-top: 0.25rem !important;
  }
  .sm\:pt-2 {
    padding-top: 0.5rem !important;
  }
  .sm\:pt-3 {
    padding-top: 1rem !important;
  }
  .sm\:pt-4 {
    padding-top: 1.5rem !important;
  }
  .sm\:pt-5 {
    padding-top: 2rem !important;
  }
  .sm\:pt-6 {
    padding-top: 3rem !important;
  }
  .sm\:pt-7 {
    padding-top: 4rem !important;
  }
  .sm\:pt-8 {
    padding-top: 5rem !important;
  }
  .sm\:pr-0 {
    padding-right: 0rem !important;
  }
  .sm\:pr-1 {
    padding-right: 0.25rem !important;
  }
  .sm\:pr-2 {
    padding-right: 0.5rem !important;
  }
  .sm\:pr-3 {
    padding-right: 1rem !important;
  }
  .sm\:pr-4 {
    padding-right: 1.5rem !important;
  }
  .sm\:pr-5 {
    padding-right: 2rem !important;
  }
  .sm\:pr-6 {
    padding-right: 3rem !important;
  }
  .sm\:pr-7 {
    padding-right: 4rem !important;
  }
  .sm\:pr-8 {
    padding-right: 5rem !important;
  }
  .sm\:pl-0 {
    padding-left: 0rem !important;
  }
  .sm\:pl-1 {
    padding-left: 0.25rem !important;
  }
  .sm\:pl-2 {
    padding-left: 0.5rem !important;
  }
  .sm\:pl-3 {
    padding-left: 1rem !important;
  }
  .sm\:pl-4 {
    padding-left: 1.5rem !important;
  }
  .sm\:pl-5 {
    padding-left: 2rem !important;
  }
  .sm\:pl-6 {
    padding-left: 3rem !important;
  }
  .sm\:pl-7 {
    padding-left: 4rem !important;
  }
  .sm\:pl-8 {
    padding-left: 5rem !important;
  }
  .sm\:pb-0 {
    padding-bottom: 0rem !important;
  }
  .sm\:pb-1 {
    padding-bottom: 0.25rem !important;
  }
  .sm\:pb-2 {
    padding-bottom: 0.5rem !important;
  }
  .sm\:pb-3 {
    padding-bottom: 1rem !important;
  }
  .sm\:pb-4 {
    padding-bottom: 1.5rem !important;
  }
  .sm\:pb-5 {
    padding-bottom: 2rem !important;
  }
  .sm\:pb-6 {
    padding-bottom: 3rem !important;
  }
  .sm\:pb-7 {
    padding-bottom: 4rem !important;
  }
  .sm\:pb-8 {
    padding-bottom: 5rem !important;
  }
  .sm\:px-0 {
    padding-left: 0rem !important;
    padding-right: 0rem !important;
  }
  .sm\:px-1 {
    padding-left: 0.25rem !important;
    padding-right: 0.25rem !important;
  }
  .sm\:px-2 {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }
  .sm\:px-3 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
  .sm\:px-4 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }
  .sm\:px-5 {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }
  .sm\:px-6 {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }
  .sm\:px-7 {
    padding-left: 4rem !important;
    padding-right: 4rem !important;
  }
  .sm\:px-8 {
    padding-left: 5rem !important;
    padding-right: 5rem !important;
  }
  .sm\:py-0 {
    padding-top: 0rem !important;
    padding-bottom: 0rem !important;
  }
  .sm\:py-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .sm\:py-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .sm\:py-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .sm\:py-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .sm\:py-5 {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }
  .sm\:py-6 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .sm\:py-7 {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
  }
  .sm\:py-8 {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:p-0 {
    padding: 0rem !important;
  }
  .md\:p-1 {
    padding: 0.25rem !important;
  }
  .md\:p-2 {
    padding: 0.5rem !important;
  }
  .md\:p-3 {
    padding: 1rem !important;
  }
  .md\:p-4 {
    padding: 1.5rem !important;
  }
  .md\:p-5 {
    padding: 2rem !important;
  }
  .md\:p-6 {
    padding: 3rem !important;
  }
  .md\:p-7 {
    padding: 4rem !important;
  }
  .md\:p-8 {
    padding: 5rem !important;
  }
  .md\:pt-0 {
    padding-top: 0rem !important;
  }
  .md\:pt-1 {
    padding-top: 0.25rem !important;
  }
  .md\:pt-2 {
    padding-top: 0.5rem !important;
  }
  .md\:pt-3 {
    padding-top: 1rem !important;
  }
  .md\:pt-4 {
    padding-top: 1.5rem !important;
  }
  .md\:pt-5 {
    padding-top: 2rem !important;
  }
  .md\:pt-6 {
    padding-top: 3rem !important;
  }
  .md\:pt-7 {
    padding-top: 4rem !important;
  }
  .md\:pt-8 {
    padding-top: 5rem !important;
  }
  .md\:pr-0 {
    padding-right: 0rem !important;
  }
  .md\:pr-1 {
    padding-right: 0.25rem !important;
  }
  .md\:pr-2 {
    padding-right: 0.5rem !important;
  }
  .md\:pr-3 {
    padding-right: 1rem !important;
  }
  .md\:pr-4 {
    padding-right: 1.5rem !important;
  }
  .md\:pr-5 {
    padding-right: 2rem !important;
  }
  .md\:pr-6 {
    padding-right: 3rem !important;
  }
  .md\:pr-7 {
    padding-right: 4rem !important;
  }
  .md\:pr-8 {
    padding-right: 5rem !important;
  }
  .md\:pl-0 {
    padding-left: 0rem !important;
  }
  .md\:pl-1 {
    padding-left: 0.25rem !important;
  }
  .md\:pl-2 {
    padding-left: 0.5rem !important;
  }
  .md\:pl-3 {
    padding-left: 1rem !important;
  }
  .md\:pl-4 {
    padding-left: 1.5rem !important;
  }
  .md\:pl-5 {
    padding-left: 2rem !important;
  }
  .md\:pl-6 {
    padding-left: 3rem !important;
  }
  .md\:pl-7 {
    padding-left: 4rem !important;
  }
  .md\:pl-8 {
    padding-left: 5rem !important;
  }
  .md\:pb-0 {
    padding-bottom: 0rem !important;
  }
  .md\:pb-1 {
    padding-bottom: 0.25rem !important;
  }
  .md\:pb-2 {
    padding-bottom: 0.5rem !important;
  }
  .md\:pb-3 {
    padding-bottom: 1rem !important;
  }
  .md\:pb-4 {
    padding-bottom: 1.5rem !important;
  }
  .md\:pb-5 {
    padding-bottom: 2rem !important;
  }
  .md\:pb-6 {
    padding-bottom: 3rem !important;
  }
  .md\:pb-7 {
    padding-bottom: 4rem !important;
  }
  .md\:pb-8 {
    padding-bottom: 5rem !important;
  }
  .md\:px-0 {
    padding-left: 0rem !important;
    padding-right: 0rem !important;
  }
  .md\:px-1 {
    padding-left: 0.25rem !important;
    padding-right: 0.25rem !important;
  }
  .md\:px-2 {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }
  .md\:px-3 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
  .md\:px-4 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }
  .md\:px-5 {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }
  .md\:px-6 {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }
  .md\:px-7 {
    padding-left: 4rem !important;
    padding-right: 4rem !important;
  }
  .md\:px-8 {
    padding-left: 5rem !important;
    padding-right: 5rem !important;
  }
  .md\:py-0 {
    padding-top: 0rem !important;
    padding-bottom: 0rem !important;
  }
  .md\:py-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .md\:py-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .md\:py-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .md\:py-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .md\:py-5 {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }
  .md\:py-6 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .md\:py-7 {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
  }
  .md\:py-8 {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:p-0 {
    padding: 0rem !important;
  }
  .lg\:p-1 {
    padding: 0.25rem !important;
  }
  .lg\:p-2 {
    padding: 0.5rem !important;
  }
  .lg\:p-3 {
    padding: 1rem !important;
  }
  .lg\:p-4 {
    padding: 1.5rem !important;
  }
  .lg\:p-5 {
    padding: 2rem !important;
  }
  .lg\:p-6 {
    padding: 3rem !important;
  }
  .lg\:p-7 {
    padding: 4rem !important;
  }
  .lg\:p-8 {
    padding: 5rem !important;
  }
  .lg\:pt-0 {
    padding-top: 0rem !important;
  }
  .lg\:pt-1 {
    padding-top: 0.25rem !important;
  }
  .lg\:pt-2 {
    padding-top: 0.5rem !important;
  }
  .lg\:pt-3 {
    padding-top: 1rem !important;
  }
  .lg\:pt-4 {
    padding-top: 1.5rem !important;
  }
  .lg\:pt-5 {
    padding-top: 2rem !important;
  }
  .lg\:pt-6 {
    padding-top: 3rem !important;
  }
  .lg\:pt-7 {
    padding-top: 4rem !important;
  }
  .lg\:pt-8 {
    padding-top: 5rem !important;
  }
  .lg\:pr-0 {
    padding-right: 0rem !important;
  }
  .lg\:pr-1 {
    padding-right: 0.25rem !important;
  }
  .lg\:pr-2 {
    padding-right: 0.5rem !important;
  }
  .lg\:pr-3 {
    padding-right: 1rem !important;
  }
  .lg\:pr-4 {
    padding-right: 1.5rem !important;
  }
  .lg\:pr-5 {
    padding-right: 2rem !important;
  }
  .lg\:pr-6 {
    padding-right: 3rem !important;
  }
  .lg\:pr-7 {
    padding-right: 4rem !important;
  }
  .lg\:pr-8 {
    padding-right: 5rem !important;
  }
  .lg\:pl-0 {
    padding-left: 0rem !important;
  }
  .lg\:pl-1 {
    padding-left: 0.25rem !important;
  }
  .lg\:pl-2 {
    padding-left: 0.5rem !important;
  }
  .lg\:pl-3 {
    padding-left: 1rem !important;
  }
  .lg\:pl-4 {
    padding-left: 1.5rem !important;
  }
  .lg\:pl-5 {
    padding-left: 2rem !important;
  }
  .lg\:pl-6 {
    padding-left: 3rem !important;
  }
  .lg\:pl-7 {
    padding-left: 4rem !important;
  }
  .lg\:pl-8 {
    padding-left: 5rem !important;
  }
  .lg\:pb-0 {
    padding-bottom: 0rem !important;
  }
  .lg\:pb-1 {
    padding-bottom: 0.25rem !important;
  }
  .lg\:pb-2 {
    padding-bottom: 0.5rem !important;
  }
  .lg\:pb-3 {
    padding-bottom: 1rem !important;
  }
  .lg\:pb-4 {
    padding-bottom: 1.5rem !important;
  }
  .lg\:pb-5 {
    padding-bottom: 2rem !important;
  }
  .lg\:pb-6 {
    padding-bottom: 3rem !important;
  }
  .lg\:pb-7 {
    padding-bottom: 4rem !important;
  }
  .lg\:pb-8 {
    padding-bottom: 5rem !important;
  }
  .lg\:px-0 {
    padding-left: 0rem !important;
    padding-right: 0rem !important;
  }
  .lg\:px-1 {
    padding-left: 0.25rem !important;
    padding-right: 0.25rem !important;
  }
  .lg\:px-2 {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }
  .lg\:px-3 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
  .lg\:px-4 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }
  .lg\:px-5 {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }
  .lg\:px-6 {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }
  .lg\:px-7 {
    padding-left: 4rem !important;
    padding-right: 4rem !important;
  }
  .lg\:px-8 {
    padding-left: 5rem !important;
    padding-right: 5rem !important;
  }
  .lg\:py-0 {
    padding-top: 0rem !important;
    padding-bottom: 0rem !important;
  }
  .lg\:py-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .lg\:py-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .lg\:py-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .lg\:py-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .lg\:py-5 {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }
  .lg\:py-6 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .lg\:py-7 {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
  }
  .lg\:py-8 {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:p-0 {
    padding: 0rem !important;
  }
  .xl\:p-1 {
    padding: 0.25rem !important;
  }
  .xl\:p-2 {
    padding: 0.5rem !important;
  }
  .xl\:p-3 {
    padding: 1rem !important;
  }
  .xl\:p-4 {
    padding: 1.5rem !important;
  }
  .xl\:p-5 {
    padding: 2rem !important;
  }
  .xl\:p-6 {
    padding: 3rem !important;
  }
  .xl\:p-7 {
    padding: 4rem !important;
  }
  .xl\:p-8 {
    padding: 5rem !important;
  }
  .xl\:pt-0 {
    padding-top: 0rem !important;
  }
  .xl\:pt-1 {
    padding-top: 0.25rem !important;
  }
  .xl\:pt-2 {
    padding-top: 0.5rem !important;
  }
  .xl\:pt-3 {
    padding-top: 1rem !important;
  }
  .xl\:pt-4 {
    padding-top: 1.5rem !important;
  }
  .xl\:pt-5 {
    padding-top: 2rem !important;
  }
  .xl\:pt-6 {
    padding-top: 3rem !important;
  }
  .xl\:pt-7 {
    padding-top: 4rem !important;
  }
  .xl\:pt-8 {
    padding-top: 5rem !important;
  }
  .xl\:pr-0 {
    padding-right: 0rem !important;
  }
  .xl\:pr-1 {
    padding-right: 0.25rem !important;
  }
  .xl\:pr-2 {
    padding-right: 0.5rem !important;
  }
  .xl\:pr-3 {
    padding-right: 1rem !important;
  }
  .xl\:pr-4 {
    padding-right: 1.5rem !important;
  }
  .xl\:pr-5 {
    padding-right: 2rem !important;
  }
  .xl\:pr-6 {
    padding-right: 3rem !important;
  }
  .xl\:pr-7 {
    padding-right: 4rem !important;
  }
  .xl\:pr-8 {
    padding-right: 5rem !important;
  }
  .xl\:pl-0 {
    padding-left: 0rem !important;
  }
  .xl\:pl-1 {
    padding-left: 0.25rem !important;
  }
  .xl\:pl-2 {
    padding-left: 0.5rem !important;
  }
  .xl\:pl-3 {
    padding-left: 1rem !important;
  }
  .xl\:pl-4 {
    padding-left: 1.5rem !important;
  }
  .xl\:pl-5 {
    padding-left: 2rem !important;
  }
  .xl\:pl-6 {
    padding-left: 3rem !important;
  }
  .xl\:pl-7 {
    padding-left: 4rem !important;
  }
  .xl\:pl-8 {
    padding-left: 5rem !important;
  }
  .xl\:pb-0 {
    padding-bottom: 0rem !important;
  }
  .xl\:pb-1 {
    padding-bottom: 0.25rem !important;
  }
  .xl\:pb-2 {
    padding-bottom: 0.5rem !important;
  }
  .xl\:pb-3 {
    padding-bottom: 1rem !important;
  }
  .xl\:pb-4 {
    padding-bottom: 1.5rem !important;
  }
  .xl\:pb-5 {
    padding-bottom: 2rem !important;
  }
  .xl\:pb-6 {
    padding-bottom: 3rem !important;
  }
  .xl\:pb-7 {
    padding-bottom: 4rem !important;
  }
  .xl\:pb-8 {
    padding-bottom: 5rem !important;
  }
  .xl\:px-0 {
    padding-left: 0rem !important;
    padding-right: 0rem !important;
  }
  .xl\:px-1 {
    padding-left: 0.25rem !important;
    padding-right: 0.25rem !important;
  }
  .xl\:px-2 {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }
  .xl\:px-3 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
  .xl\:px-4 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }
  .xl\:px-5 {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }
  .xl\:px-6 {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }
  .xl\:px-7 {
    padding-left: 4rem !important;
    padding-right: 4rem !important;
  }
  .xl\:px-8 {
    padding-left: 5rem !important;
    padding-right: 5rem !important;
  }
  .xl\:py-0 {
    padding-top: 0rem !important;
    padding-bottom: 0rem !important;
  }
  .xl\:py-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .xl\:py-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .xl\:py-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .xl\:py-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .xl\:py-5 {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }
  .xl\:py-6 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .xl\:py-7 {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
  }
  .xl\:py-8 {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
  }
}
.m-0 {
  margin: 0rem !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: 2rem !important;
}
.m-6 {
  margin: 3rem !important;
}
.m-7 {
  margin: 4rem !important;
}
.m-8 {
  margin: 5rem !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: -2rem !important;
}
.-m-6 {
  margin: -3rem !important;
}
.-m-7 {
  margin: -4rem !important;
}
.-m-8 {
  margin: -5rem !important;
}
.m-auto {
  margin: auto !important;
}
.mt-0 {
  margin-top: 0rem !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: 2rem !important;
}
.mt-6 {
  margin-top: 3rem !important;
}
.mt-7 {
  margin-top: 4rem !important;
}
.mt-8 {
  margin-top: 5rem !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: -2rem !important;
}
.-mt-6 {
  margin-top: -3rem !important;
}
.-mt-7 {
  margin-top: -4rem !important;
}
.-mt-8 {
  margin-top: -5rem !important;
}
.mt-auto {
  margin-top: auto !important;
}
.mr-0 {
  margin-right: 0rem !important;
}
.mr-1 {
  margin-right: 0.25rem !important;
}
.mr-2 {
  margin-right: 0.5rem !important;
}
.mr-3 {
  margin-right: 1rem !important;
}
.mr-4 {
  margin-right: 1.5rem !important;
}
.mr-5 {
  margin-right: 2rem !important;
}
.mr-6 {
  margin-right: 3rem !important;
}
.mr-7 {
  margin-right: 4rem !important;
}
.mr-8 {
  margin-right: 5rem !important;
}
.-mr-1 {
  margin-right: -0.25rem !important;
}
.-mr-2 {
  margin-right: -0.5rem !important;
}
.-mr-3 {
  margin-right: -1rem !important;
}
.-mr-4 {
  margin-right: -1.5rem !important;
}
.-mr-5 {
  margin-right: -2rem !important;
}
.-mr-6 {
  margin-right: -3rem !important;
}
.-mr-7 {
  margin-right: -4rem !important;
}
.-mr-8 {
  margin-right: -5rem !important;
}
.mr-auto {
  margin-right: auto !important;
}
.ml-0 {
  margin-left: 0rem !important;
}
.ml-1 {
  margin-left: 0.25rem !important;
}
.ml-2 {
  margin-left: 0.5rem !important;
}
.ml-3 {
  margin-left: 1rem !important;
}
.ml-4 {
  margin-left: 1.5rem !important;
}
.ml-5 {
  margin-left: 2rem !important;
}
.ml-6 {
  margin-left: 3rem !important;
}
.ml-7 {
  margin-left: 4rem !important;
}
.ml-8 {
  margin-left: 5rem !important;
}
.-ml-1 {
  margin-left: -0.25rem !important;
}
.-ml-2 {
  margin-left: -0.5rem !important;
}
.-ml-3 {
  margin-left: -1rem !important;
}
.-ml-4 {
  margin-left: -1.5rem !important;
}
.-ml-5 {
  margin-left: -2rem !important;
}
.-ml-6 {
  margin-left: -3rem !important;
}
.-ml-7 {
  margin-left: -4rem !important;
}
.-ml-8 {
  margin-left: -5rem !important;
}
.ml-auto {
  margin-left: auto !important;
}
.mb-0 {
  margin-bottom: 0rem !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: 2rem !important;
}
.mb-6 {
  margin-bottom: 3rem !important;
}
.mb-7 {
  margin-bottom: 4rem !important;
}
.mb-8 {
  margin-bottom: 5rem !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: -2rem !important;
}
.-mb-6 {
  margin-bottom: -3rem !important;
}
.-mb-7 {
  margin-bottom: -4rem !important;
}
.-mb-8 {
  margin-bottom: -5rem !important;
}
.mb-auto {
  margin-bottom: auto !important;
}
.mx-0 {
  margin-left: 0rem !important;
  margin-right: 0rem !important;
}
.mx-1 {
  margin-left: 0.25rem !important;
  margin-right: 0.25rem !important;
}
.mx-2 {
  margin-left: 0.5rem !important;
  margin-right: 0.5rem !important;
}
.mx-3 {
  margin-left: 1rem !important;
  margin-right: 1rem !important;
}
.mx-4 {
  margin-left: 1.5rem !important;
  margin-right: 1.5rem !important;
}
.mx-5 {
  margin-left: 2rem !important;
  margin-right: 2rem !important;
}
.mx-6 {
  margin-left: 3rem !important;
  margin-right: 3rem !important;
}
.mx-7 {
  margin-left: 4rem !important;
  margin-right: 4rem !important;
}
.mx-8 {
  margin-left: 5rem !important;
  margin-right: 5rem !important;
}
.-mx-1 {
  margin-left: -0.25rem !important;
  margin-right: -0.25rem !important;
}
.-mx-2 {
  margin-left: -0.5rem !important;
  margin-right: -0.5rem !important;
}
.-mx-3 {
  margin-left: -1rem !important;
  margin-right: -1rem !important;
}
.-mx-4 {
  margin-left: -1.5rem !important;
  margin-right: -1.5rem !important;
}
.-mx-5 {
  margin-left: -2rem !important;
  margin-right: -2rem !important;
}
.-mx-6 {
  margin-left: -3rem !important;
  margin-right: -3rem !important;
}
.-mx-7 {
  margin-left: -4rem !important;
  margin-right: -4rem !important;
}
.-mx-8 {
  margin-left: -5rem !important;
  margin-right: -5rem !important;
}
.mx-auto {
  margin-left: auto !important;
  margin-right: auto !important;
}
.my-0 {
  margin-top: 0rem !important;
  margin-bottom: 0rem !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: 2rem !important;
  margin-bottom: 2rem !important;
}
.my-6 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}
.my-7 {
  margin-top: 4rem !important;
  margin-bottom: 4rem !important;
}
.my-8 {
  margin-top: 5rem !important;
  margin-bottom: 5rem !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: -2rem !important;
  margin-bottom: -2rem !important;
}
.-my-6 {
  margin-top: -3rem !important;
  margin-bottom: -3rem !important;
}
.-my-7 {
  margin-top: -4rem !important;
  margin-bottom: -4rem !important;
}
.-my-8 {
  margin-top: -5rem !important;
  margin-bottom: -5rem !important;
}
.my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}
@media screen and (min-width: 576px) {
  .sm\:m-0 {
    margin: 0rem !important;
  }
  .sm\:m-1 {
    margin: 0.25rem !important;
  }
  .sm\:m-2 {
    margin: 0.5rem !important;
  }
  .sm\:m-3 {
    margin: 1rem !important;
  }
  .sm\:m-4 {
    margin: 1.5rem !important;
  }
  .sm\:m-5 {
    margin: 2rem !important;
  }
  .sm\:m-6 {
    margin: 3rem !important;
  }
  .sm\:m-7 {
    margin: 4rem !important;
  }
  .sm\:m-8 {
    margin: 5rem !important;
  }
  .sm\:-m-1 {
    margin: -0.25rem !important;
  }
  .sm\:-m-2 {
    margin: -0.5rem !important;
  }
  .sm\:-m-3 {
    margin: -1rem !important;
  }
  .sm\:-m-4 {
    margin: -1.5rem !important;
  }
  .sm\:-m-5 {
    margin: -2rem !important;
  }
  .sm\:-m-6 {
    margin: -3rem !important;
  }
  .sm\:-m-7 {
    margin: -4rem !important;
  }
  .sm\:-m-8 {
    margin: -5rem !important;
  }
  .sm\:m-auto {
    margin: auto !important;
  }
  .sm\:mt-0 {
    margin-top: 0rem !important;
  }
  .sm\:mt-1 {
    margin-top: 0.25rem !important;
  }
  .sm\:mt-2 {
    margin-top: 0.5rem !important;
  }
  .sm\:mt-3 {
    margin-top: 1rem !important;
  }
  .sm\:mt-4 {
    margin-top: 1.5rem !important;
  }
  .sm\:mt-5 {
    margin-top: 2rem !important;
  }
  .sm\:mt-6 {
    margin-top: 3rem !important;
  }
  .sm\:mt-7 {
    margin-top: 4rem !important;
  }
  .sm\:mt-8 {
    margin-top: 5rem !important;
  }
  .sm\:-mt-1 {
    margin-top: -0.25rem !important;
  }
  .sm\:-mt-2 {
    margin-top: -0.5rem !important;
  }
  .sm\:-mt-3 {
    margin-top: -1rem !important;
  }
  .sm\:-mt-4 {
    margin-top: -1.5rem !important;
  }
  .sm\:-mt-5 {
    margin-top: -2rem !important;
  }
  .sm\:-mt-6 {
    margin-top: -3rem !important;
  }
  .sm\:-mt-7 {
    margin-top: -4rem !important;
  }
  .sm\:-mt-8 {
    margin-top: -5rem !important;
  }
  .sm\:mt-auto {
    margin-top: auto !important;
  }
  .sm\:mr-0 {
    margin-right: 0rem !important;
  }
  .sm\:mr-1 {
    margin-right: 0.25rem !important;
  }
  .sm\:mr-2 {
    margin-right: 0.5rem !important;
  }
  .sm\:mr-3 {
    margin-right: 1rem !important;
  }
  .sm\:mr-4 {
    margin-right: 1.5rem !important;
  }
  .sm\:mr-5 {
    margin-right: 2rem !important;
  }
  .sm\:mr-6 {
    margin-right: 3rem !important;
  }
  .sm\:mr-7 {
    margin-right: 4rem !important;
  }
  .sm\:mr-8 {
    margin-right: 5rem !important;
  }
  .sm\:-mr-1 {
    margin-right: -0.25rem !important;
  }
  .sm\:-mr-2 {
    margin-right: -0.5rem !important;
  }
  .sm\:-mr-3 {
    margin-right: -1rem !important;
  }
  .sm\:-mr-4 {
    margin-right: -1.5rem !important;
  }
  .sm\:-mr-5 {
    margin-right: -2rem !important;
  }
  .sm\:-mr-6 {
    margin-right: -3rem !important;
  }
  .sm\:-mr-7 {
    margin-right: -4rem !important;
  }
  .sm\:-mr-8 {
    margin-right: -5rem !important;
  }
  .sm\:mr-auto {
    margin-right: auto !important;
  }
  .sm\:ml-0 {
    margin-left: 0rem !important;
  }
  .sm\:ml-1 {
    margin-left: 0.25rem !important;
  }
  .sm\:ml-2 {
    margin-left: 0.5rem !important;
  }
  .sm\:ml-3 {
    margin-left: 1rem !important;
  }
  .sm\:ml-4 {
    margin-left: 1.5rem !important;
  }
  .sm\:ml-5 {
    margin-left: 2rem !important;
  }
  .sm\:ml-6 {
    margin-left: 3rem !important;
  }
  .sm\:ml-7 {
    margin-left: 4rem !important;
  }
  .sm\:ml-8 {
    margin-left: 5rem !important;
  }
  .sm\:-ml-1 {
    margin-left: -0.25rem !important;
  }
  .sm\:-ml-2 {
    margin-left: -0.5rem !important;
  }
  .sm\:-ml-3 {
    margin-left: -1rem !important;
  }
  .sm\:-ml-4 {
    margin-left: -1.5rem !important;
  }
  .sm\:-ml-5 {
    margin-left: -2rem !important;
  }
  .sm\:-ml-6 {
    margin-left: -3rem !important;
  }
  .sm\:-ml-7 {
    margin-left: -4rem !important;
  }
  .sm\:-ml-8 {
    margin-left: -5rem !important;
  }
  .sm\:ml-auto {
    margin-left: auto !important;
  }
  .sm\:mb-0 {
    margin-bottom: 0rem !important;
  }
  .sm\:mb-1 {
    margin-bottom: 0.25rem !important;
  }
  .sm\:mb-2 {
    margin-bottom: 0.5rem !important;
  }
  .sm\:mb-3 {
    margin-bottom: 1rem !important;
  }
  .sm\:mb-4 {
    margin-bottom: 1.5rem !important;
  }
  .sm\:mb-5 {
    margin-bottom: 2rem !important;
  }
  .sm\:mb-6 {
    margin-bottom: 3rem !important;
  }
  .sm\:mb-7 {
    margin-bottom: 4rem !important;
  }
  .sm\:mb-8 {
    margin-bottom: 5rem !important;
  }
  .sm\:-mb-1 {
    margin-bottom: -0.25rem !important;
  }
  .sm\:-mb-2 {
    margin-bottom: -0.5rem !important;
  }
  .sm\:-mb-3 {
    margin-bottom: -1rem !important;
  }
  .sm\:-mb-4 {
    margin-bottom: -1.5rem !important;
  }
  .sm\:-mb-5 {
    margin-bottom: -2rem !important;
  }
  .sm\:-mb-6 {
    margin-bottom: -3rem !important;
  }
  .sm\:-mb-7 {
    margin-bottom: -4rem !important;
  }
  .sm\:-mb-8 {
    margin-bottom: -5rem !important;
  }
  .sm\:mb-auto {
    margin-bottom: auto !important;
  }
  .sm\:mx-0 {
    margin-left: 0rem !important;
    margin-right: 0rem !important;
  }
  .sm\:mx-1 {
    margin-left: 0.25rem !important;
    margin-right: 0.25rem !important;
  }
  .sm\:mx-2 {
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important;
  }
  .sm\:mx-3 {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
  }
  .sm\:mx-4 {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important;
  }
  .sm\:mx-5 {
    margin-left: 2rem !important;
    margin-right: 2rem !important;
  }
  .sm\:mx-6 {
    margin-left: 3rem !important;
    margin-right: 3rem !important;
  }
  .sm\:mx-7 {
    margin-left: 4rem !important;
    margin-right: 4rem !important;
  }
  .sm\:mx-8 {
    margin-left: 5rem !important;
    margin-right: 5rem !important;
  }
  .sm\:-mx-1 {
    margin-left: -0.25rem !important;
    margin-right: -0.25rem !important;
  }
  .sm\:-mx-2 {
    margin-left: -0.5rem !important;
    margin-right: -0.5rem !important;
  }
  .sm\:-mx-3 {
    margin-left: -1rem !important;
    margin-right: -1rem !important;
  }
  .sm\:-mx-4 {
    margin-left: -1.5rem !important;
    margin-right: -1.5rem !important;
  }
  .sm\:-mx-5 {
    margin-left: -2rem !important;
    margin-right: -2rem !important;
  }
  .sm\:-mx-6 {
    margin-left: -3rem !important;
    margin-right: -3rem !important;
  }
  .sm\:-mx-7 {
    margin-left: -4rem !important;
    margin-right: -4rem !important;
  }
  .sm\:-mx-8 {
    margin-left: -5rem !important;
    margin-right: -5rem !important;
  }
  .sm\:mx-auto {
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .sm\:my-0 {
    margin-top: 0rem !important;
    margin-bottom: 0rem !important;
  }
  .sm\:my-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .sm\:my-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .sm\:my-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .sm\:my-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .sm\:my-5 {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
  }
  .sm\:my-6 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .sm\:my-7 {
    margin-top: 4rem !important;
    margin-bottom: 4rem !important;
  }
  .sm\:my-8 {
    margin-top: 5rem !important;
    margin-bottom: 5rem !important;
  }
  .sm\:-my-1 {
    margin-top: -0.25rem !important;
    margin-bottom: -0.25rem !important;
  }
  .sm\:-my-2 {
    margin-top: -0.5rem !important;
    margin-bottom: -0.5rem !important;
  }
  .sm\:-my-3 {
    margin-top: -1rem !important;
    margin-bottom: -1rem !important;
  }
  .sm\:-my-4 {
    margin-top: -1.5rem !important;
    margin-bottom: -1.5rem !important;
  }
  .sm\:-my-5 {
    margin-top: -2rem !important;
    margin-bottom: -2rem !important;
  }
  .sm\:-my-6 {
    margin-top: -3rem !important;
    margin-bottom: -3rem !important;
  }
  .sm\:-my-7 {
    margin-top: -4rem !important;
    margin-bottom: -4rem !important;
  }
  .sm\:-my-8 {
    margin-top: -5rem !important;
    margin-bottom: -5rem !important;
  }
  .sm\:my-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:m-0 {
    margin: 0rem !important;
  }
  .md\:m-1 {
    margin: 0.25rem !important;
  }
  .md\:m-2 {
    margin: 0.5rem !important;
  }
  .md\:m-3 {
    margin: 1rem !important;
  }
  .md\:m-4 {
    margin: 1.5rem !important;
  }
  .md\:m-5 {
    margin: 2rem !important;
  }
  .md\:m-6 {
    margin: 3rem !important;
  }
  .md\:m-7 {
    margin: 4rem !important;
  }
  .md\:m-8 {
    margin: 5rem !important;
  }
  .md\:-m-1 {
    margin: -0.25rem !important;
  }
  .md\:-m-2 {
    margin: -0.5rem !important;
  }
  .md\:-m-3 {
    margin: -1rem !important;
  }
  .md\:-m-4 {
    margin: -1.5rem !important;
  }
  .md\:-m-5 {
    margin: -2rem !important;
  }
  .md\:-m-6 {
    margin: -3rem !important;
  }
  .md\:-m-7 {
    margin: -4rem !important;
  }
  .md\:-m-8 {
    margin: -5rem !important;
  }
  .md\:m-auto {
    margin: auto !important;
  }
  .md\:mt-0 {
    margin-top: 0rem !important;
  }
  .md\:mt-1 {
    margin-top: 0.25rem !important;
  }
  .md\:mt-2 {
    margin-top: 0.5rem !important;
  }
  .md\:mt-3 {
    margin-top: 1rem !important;
  }
  .md\:mt-4 {
    margin-top: 1.5rem !important;
  }
  .md\:mt-5 {
    margin-top: 2rem !important;
  }
  .md\:mt-6 {
    margin-top: 3rem !important;
  }
  .md\:mt-7 {
    margin-top: 4rem !important;
  }
  .md\:mt-8 {
    margin-top: 5rem !important;
  }
  .md\:-mt-1 {
    margin-top: -0.25rem !important;
  }
  .md\:-mt-2 {
    margin-top: -0.5rem !important;
  }
  .md\:-mt-3 {
    margin-top: -1rem !important;
  }
  .md\:-mt-4 {
    margin-top: -1.5rem !important;
  }
  .md\:-mt-5 {
    margin-top: -2rem !important;
  }
  .md\:-mt-6 {
    margin-top: -3rem !important;
  }
  .md\:-mt-7 {
    margin-top: -4rem !important;
  }
  .md\:-mt-8 {
    margin-top: -5rem !important;
  }
  .md\:mt-auto {
    margin-top: auto !important;
  }
  .md\:mr-0 {
    margin-right: 0rem !important;
  }
  .md\:mr-1 {
    margin-right: 0.25rem !important;
  }
  .md\:mr-2 {
    margin-right: 0.5rem !important;
  }
  .md\:mr-3 {
    margin-right: 1rem !important;
  }
  .md\:mr-4 {
    margin-right: 1.5rem !important;
  }
  .md\:mr-5 {
    margin-right: 2rem !important;
  }
  .md\:mr-6 {
    margin-right: 3rem !important;
  }
  .md\:mr-7 {
    margin-right: 4rem !important;
  }
  .md\:mr-8 {
    margin-right: 5rem !important;
  }
  .md\:-mr-1 {
    margin-right: -0.25rem !important;
  }
  .md\:-mr-2 {
    margin-right: -0.5rem !important;
  }
  .md\:-mr-3 {
    margin-right: -1rem !important;
  }
  .md\:-mr-4 {
    margin-right: -1.5rem !important;
  }
  .md\:-mr-5 {
    margin-right: -2rem !important;
  }
  .md\:-mr-6 {
    margin-right: -3rem !important;
  }
  .md\:-mr-7 {
    margin-right: -4rem !important;
  }
  .md\:-mr-8 {
    margin-right: -5rem !important;
  }
  .md\:mr-auto {
    margin-right: auto !important;
  }
  .md\:ml-0 {
    margin-left: 0rem !important;
  }
  .md\:ml-1 {
    margin-left: 0.25rem !important;
  }
  .md\:ml-2 {
    margin-left: 0.5rem !important;
  }
  .md\:ml-3 {
    margin-left: 1rem !important;
  }
  .md\:ml-4 {
    margin-left: 1.5rem !important;
  }
  .md\:ml-5 {
    margin-left: 2rem !important;
  }
  .md\:ml-6 {
    margin-left: 3rem !important;
  }
  .md\:ml-7 {
    margin-left: 4rem !important;
  }
  .md\:ml-8 {
    margin-left: 5rem !important;
  }
  .md\:-ml-1 {
    margin-left: -0.25rem !important;
  }
  .md\:-ml-2 {
    margin-left: -0.5rem !important;
  }
  .md\:-ml-3 {
    margin-left: -1rem !important;
  }
  .md\:-ml-4 {
    margin-left: -1.5rem !important;
  }
  .md\:-ml-5 {
    margin-left: -2rem !important;
  }
  .md\:-ml-6 {
    margin-left: -3rem !important;
  }
  .md\:-ml-7 {
    margin-left: -4rem !important;
  }
  .md\:-ml-8 {
    margin-left: -5rem !important;
  }
  .md\:ml-auto {
    margin-left: auto !important;
  }
  .md\:mb-0 {
    margin-bottom: 0rem !important;
  }
  .md\:mb-1 {
    margin-bottom: 0.25rem !important;
  }
  .md\:mb-2 {
    margin-bottom: 0.5rem !important;
  }
  .md\:mb-3 {
    margin-bottom: 1rem !important;
  }
  .md\:mb-4 {
    margin-bottom: 1.5rem !important;
  }
  .md\:mb-5 {
    margin-bottom: 2rem !important;
  }
  .md\:mb-6 {
    margin-bottom: 3rem !important;
  }
  .md\:mb-7 {
    margin-bottom: 4rem !important;
  }
  .md\:mb-8 {
    margin-bottom: 5rem !important;
  }
  .md\:-mb-1 {
    margin-bottom: -0.25rem !important;
  }
  .md\:-mb-2 {
    margin-bottom: -0.5rem !important;
  }
  .md\:-mb-3 {
    margin-bottom: -1rem !important;
  }
  .md\:-mb-4 {
    margin-bottom: -1.5rem !important;
  }
  .md\:-mb-5 {
    margin-bottom: -2rem !important;
  }
  .md\:-mb-6 {
    margin-bottom: -3rem !important;
  }
  .md\:-mb-7 {
    margin-bottom: -4rem !important;
  }
  .md\:-mb-8 {
    margin-bottom: -5rem !important;
  }
  .md\:mb-auto {
    margin-bottom: auto !important;
  }
  .md\:mx-0 {
    margin-left: 0rem !important;
    margin-right: 0rem !important;
  }
  .md\:mx-1 {
    margin-left: 0.25rem !important;
    margin-right: 0.25rem !important;
  }
  .md\:mx-2 {
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important;
  }
  .md\:mx-3 {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
  }
  .md\:mx-4 {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important;
  }
  .md\:mx-5 {
    margin-left: 2rem !important;
    margin-right: 2rem !important;
  }
  .md\:mx-6 {
    margin-left: 3rem !important;
    margin-right: 3rem !important;
  }
  .md\:mx-7 {
    margin-left: 4rem !important;
    margin-right: 4rem !important;
  }
  .md\:mx-8 {
    margin-left: 5rem !important;
    margin-right: 5rem !important;
  }
  .md\:-mx-1 {
    margin-left: -0.25rem !important;
    margin-right: -0.25rem !important;
  }
  .md\:-mx-2 {
    margin-left: -0.5rem !important;
    margin-right: -0.5rem !important;
  }
  .md\:-mx-3 {
    margin-left: -1rem !important;
    margin-right: -1rem !important;
  }
  .md\:-mx-4 {
    margin-left: -1.5rem !important;
    margin-right: -1.5rem !important;
  }
  .md\:-mx-5 {
    margin-left: -2rem !important;
    margin-right: -2rem !important;
  }
  .md\:-mx-6 {
    margin-left: -3rem !important;
    margin-right: -3rem !important;
  }
  .md\:-mx-7 {
    margin-left: -4rem !important;
    margin-right: -4rem !important;
  }
  .md\:-mx-8 {
    margin-left: -5rem !important;
    margin-right: -5rem !important;
  }
  .md\:mx-auto {
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .md\:my-0 {
    margin-top: 0rem !important;
    margin-bottom: 0rem !important;
  }
  .md\:my-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .md\:my-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .md\:my-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .md\:my-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .md\:my-5 {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
  }
  .md\:my-6 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .md\:my-7 {
    margin-top: 4rem !important;
    margin-bottom: 4rem !important;
  }
  .md\:my-8 {
    margin-top: 5rem !important;
    margin-bottom: 5rem !important;
  }
  .md\:-my-1 {
    margin-top: -0.25rem !important;
    margin-bottom: -0.25rem !important;
  }
  .md\:-my-2 {
    margin-top: -0.5rem !important;
    margin-bottom: -0.5rem !important;
  }
  .md\:-my-3 {
    margin-top: -1rem !important;
    margin-bottom: -1rem !important;
  }
  .md\:-my-4 {
    margin-top: -1.5rem !important;
    margin-bottom: -1.5rem !important;
  }
  .md\:-my-5 {
    margin-top: -2rem !important;
    margin-bottom: -2rem !important;
  }
  .md\:-my-6 {
    margin-top: -3rem !important;
    margin-bottom: -3rem !important;
  }
  .md\:-my-7 {
    margin-top: -4rem !important;
    margin-bottom: -4rem !important;
  }
  .md\:-my-8 {
    margin-top: -5rem !important;
    margin-bottom: -5rem !important;
  }
  .md\:my-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:m-0 {
    margin: 0rem !important;
  }
  .lg\:m-1 {
    margin: 0.25rem !important;
  }
  .lg\:m-2 {
    margin: 0.5rem !important;
  }
  .lg\:m-3 {
    margin: 1rem !important;
  }
  .lg\:m-4 {
    margin: 1.5rem !important;
  }
  .lg\:m-5 {
    margin: 2rem !important;
  }
  .lg\:m-6 {
    margin: 3rem !important;
  }
  .lg\:m-7 {
    margin: 4rem !important;
  }
  .lg\:m-8 {
    margin: 5rem !important;
  }
  .lg\:-m-1 {
    margin: -0.25rem !important;
  }
  .lg\:-m-2 {
    margin: -0.5rem !important;
  }
  .lg\:-m-3 {
    margin: -1rem !important;
  }
  .lg\:-m-4 {
    margin: -1.5rem !important;
  }
  .lg\:-m-5 {
    margin: -2rem !important;
  }
  .lg\:-m-6 {
    margin: -3rem !important;
  }
  .lg\:-m-7 {
    margin: -4rem !important;
  }
  .lg\:-m-8 {
    margin: -5rem !important;
  }
  .lg\:m-auto {
    margin: auto !important;
  }
  .lg\:mt-0 {
    margin-top: 0rem !important;
  }
  .lg\:mt-1 {
    margin-top: 0.25rem !important;
  }
  .lg\:mt-2 {
    margin-top: 0.5rem !important;
  }
  .lg\:mt-3 {
    margin-top: 1rem !important;
  }
  .lg\:mt-4 {
    margin-top: 1.5rem !important;
  }
  .lg\:mt-5 {
    margin-top: 2rem !important;
  }
  .lg\:mt-6 {
    margin-top: 3rem !important;
  }
  .lg\:mt-7 {
    margin-top: 4rem !important;
  }
  .lg\:mt-8 {
    margin-top: 5rem !important;
  }
  .lg\:-mt-1 {
    margin-top: -0.25rem !important;
  }
  .lg\:-mt-2 {
    margin-top: -0.5rem !important;
  }
  .lg\:-mt-3 {
    margin-top: -1rem !important;
  }
  .lg\:-mt-4 {
    margin-top: -1.5rem !important;
  }
  .lg\:-mt-5 {
    margin-top: -2rem !important;
  }
  .lg\:-mt-6 {
    margin-top: -3rem !important;
  }
  .lg\:-mt-7 {
    margin-top: -4rem !important;
  }
  .lg\:-mt-8 {
    margin-top: -5rem !important;
  }
  .lg\:mt-auto {
    margin-top: auto !important;
  }
  .lg\:mr-0 {
    margin-right: 0rem !important;
  }
  .lg\:mr-1 {
    margin-right: 0.25rem !important;
  }
  .lg\:mr-2 {
    margin-right: 0.5rem !important;
  }
  .lg\:mr-3 {
    margin-right: 1rem !important;
  }
  .lg\:mr-4 {
    margin-right: 1.5rem !important;
  }
  .lg\:mr-5 {
    margin-right: 2rem !important;
  }
  .lg\:mr-6 {
    margin-right: 3rem !important;
  }
  .lg\:mr-7 {
    margin-right: 4rem !important;
  }
  .lg\:mr-8 {
    margin-right: 5rem !important;
  }
  .lg\:-mr-1 {
    margin-right: -0.25rem !important;
  }
  .lg\:-mr-2 {
    margin-right: -0.5rem !important;
  }
  .lg\:-mr-3 {
    margin-right: -1rem !important;
  }
  .lg\:-mr-4 {
    margin-right: -1.5rem !important;
  }
  .lg\:-mr-5 {
    margin-right: -2rem !important;
  }
  .lg\:-mr-6 {
    margin-right: -3rem !important;
  }
  .lg\:-mr-7 {
    margin-right: -4rem !important;
  }
  .lg\:-mr-8 {
    margin-right: -5rem !important;
  }
  .lg\:mr-auto {
    margin-right: auto !important;
  }
  .lg\:ml-0 {
    margin-left: 0rem !important;
  }
  .lg\:ml-1 {
    margin-left: 0.25rem !important;
  }
  .lg\:ml-2 {
    margin-left: 0.5rem !important;
  }
  .lg\:ml-3 {
    margin-left: 1rem !important;
  }
  .lg\:ml-4 {
    margin-left: 1.5rem !important;
  }
  .lg\:ml-5 {
    margin-left: 2rem !important;
  }
  .lg\:ml-6 {
    margin-left: 3rem !important;
  }
  .lg\:ml-7 {
    margin-left: 4rem !important;
  }
  .lg\:ml-8 {
    margin-left: 5rem !important;
  }
  .lg\:-ml-1 {
    margin-left: -0.25rem !important;
  }
  .lg\:-ml-2 {
    margin-left: -0.5rem !important;
  }
  .lg\:-ml-3 {
    margin-left: -1rem !important;
  }
  .lg\:-ml-4 {
    margin-left: -1.5rem !important;
  }
  .lg\:-ml-5 {
    margin-left: -2rem !important;
  }
  .lg\:-ml-6 {
    margin-left: -3rem !important;
  }
  .lg\:-ml-7 {
    margin-left: -4rem !important;
  }
  .lg\:-ml-8 {
    margin-left: -5rem !important;
  }
  .lg\:ml-auto {
    margin-left: auto !important;
  }
  .lg\:mb-0 {
    margin-bottom: 0rem !important;
  }
  .lg\:mb-1 {
    margin-bottom: 0.25rem !important;
  }
  .lg\:mb-2 {
    margin-bottom: 0.5rem !important;
  }
  .lg\:mb-3 {
    margin-bottom: 1rem !important;
  }
  .lg\:mb-4 {
    margin-bottom: 1.5rem !important;
  }
  .lg\:mb-5 {
    margin-bottom: 2rem !important;
  }
  .lg\:mb-6 {
    margin-bottom: 3rem !important;
  }
  .lg\:mb-7 {
    margin-bottom: 4rem !important;
  }
  .lg\:mb-8 {
    margin-bottom: 5rem !important;
  }
  .lg\:-mb-1 {
    margin-bottom: -0.25rem !important;
  }
  .lg\:-mb-2 {
    margin-bottom: -0.5rem !important;
  }
  .lg\:-mb-3 {
    margin-bottom: -1rem !important;
  }
  .lg\:-mb-4 {
    margin-bottom: -1.5rem !important;
  }
  .lg\:-mb-5 {
    margin-bottom: -2rem !important;
  }
  .lg\:-mb-6 {
    margin-bottom: -3rem !important;
  }
  .lg\:-mb-7 {
    margin-bottom: -4rem !important;
  }
  .lg\:-mb-8 {
    margin-bottom: -5rem !important;
  }
  .lg\:mb-auto {
    margin-bottom: auto !important;
  }
  .lg\:mx-0 {
    margin-left: 0rem !important;
    margin-right: 0rem !important;
  }
  .lg\:mx-1 {
    margin-left: 0.25rem !important;
    margin-right: 0.25rem !important;
  }
  .lg\:mx-2 {
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important;
  }
  .lg\:mx-3 {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
  }
  .lg\:mx-4 {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important;
  }
  .lg\:mx-5 {
    margin-left: 2rem !important;
    margin-right: 2rem !important;
  }
  .lg\:mx-6 {
    margin-left: 3rem !important;
    margin-right: 3rem !important;
  }
  .lg\:mx-7 {
    margin-left: 4rem !important;
    margin-right: 4rem !important;
  }
  .lg\:mx-8 {
    margin-left: 5rem !important;
    margin-right: 5rem !important;
  }
  .lg\:-mx-1 {
    margin-left: -0.25rem !important;
    margin-right: -0.25rem !important;
  }
  .lg\:-mx-2 {
    margin-left: -0.5rem !important;
    margin-right: -0.5rem !important;
  }
  .lg\:-mx-3 {
    margin-left: -1rem !important;
    margin-right: -1rem !important;
  }
  .lg\:-mx-4 {
    margin-left: -1.5rem !important;
    margin-right: -1.5rem !important;
  }
  .lg\:-mx-5 {
    margin-left: -2rem !important;
    margin-right: -2rem !important;
  }
  .lg\:-mx-6 {
    margin-left: -3rem !important;
    margin-right: -3rem !important;
  }
  .lg\:-mx-7 {
    margin-left: -4rem !important;
    margin-right: -4rem !important;
  }
  .lg\:-mx-8 {
    margin-left: -5rem !important;
    margin-right: -5rem !important;
  }
  .lg\:mx-auto {
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .lg\:my-0 {
    margin-top: 0rem !important;
    margin-bottom: 0rem !important;
  }
  .lg\:my-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .lg\:my-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .lg\:my-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .lg\:my-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .lg\:my-5 {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
  }
  .lg\:my-6 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .lg\:my-7 {
    margin-top: 4rem !important;
    margin-bottom: 4rem !important;
  }
  .lg\:my-8 {
    margin-top: 5rem !important;
    margin-bottom: 5rem !important;
  }
  .lg\:-my-1 {
    margin-top: -0.25rem !important;
    margin-bottom: -0.25rem !important;
  }
  .lg\:-my-2 {
    margin-top: -0.5rem !important;
    margin-bottom: -0.5rem !important;
  }
  .lg\:-my-3 {
    margin-top: -1rem !important;
    margin-bottom: -1rem !important;
  }
  .lg\:-my-4 {
    margin-top: -1.5rem !important;
    margin-bottom: -1.5rem !important;
  }
  .lg\:-my-5 {
    margin-top: -2rem !important;
    margin-bottom: -2rem !important;
  }
  .lg\:-my-6 {
    margin-top: -3rem !important;
    margin-bottom: -3rem !important;
  }
  .lg\:-my-7 {
    margin-top: -4rem !important;
    margin-bottom: -4rem !important;
  }
  .lg\:-my-8 {
    margin-top: -5rem !important;
    margin-bottom: -5rem !important;
  }
  .lg\:my-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:m-0 {
    margin: 0rem !important;
  }
  .xl\:m-1 {
    margin: 0.25rem !important;
  }
  .xl\:m-2 {
    margin: 0.5rem !important;
  }
  .xl\:m-3 {
    margin: 1rem !important;
  }
  .xl\:m-4 {
    margin: 1.5rem !important;
  }
  .xl\:m-5 {
    margin: 2rem !important;
  }
  .xl\:m-6 {
    margin: 3rem !important;
  }
  .xl\:m-7 {
    margin: 4rem !important;
  }
  .xl\:m-8 {
    margin: 5rem !important;
  }
  .xl\:-m-1 {
    margin: -0.25rem !important;
  }
  .xl\:-m-2 {
    margin: -0.5rem !important;
  }
  .xl\:-m-3 {
    margin: -1rem !important;
  }
  .xl\:-m-4 {
    margin: -1.5rem !important;
  }
  .xl\:-m-5 {
    margin: -2rem !important;
  }
  .xl\:-m-6 {
    margin: -3rem !important;
  }
  .xl\:-m-7 {
    margin: -4rem !important;
  }
  .xl\:-m-8 {
    margin: -5rem !important;
  }
  .xl\:m-auto {
    margin: auto !important;
  }
  .xl\:mt-0 {
    margin-top: 0rem !important;
  }
  .xl\:mt-1 {
    margin-top: 0.25rem !important;
  }
  .xl\:mt-2 {
    margin-top: 0.5rem !important;
  }
  .xl\:mt-3 {
    margin-top: 1rem !important;
  }
  .xl\:mt-4 {
    margin-top: 1.5rem !important;
  }
  .xl\:mt-5 {
    margin-top: 2rem !important;
  }
  .xl\:mt-6 {
    margin-top: 3rem !important;
  }
  .xl\:mt-7 {
    margin-top: 4rem !important;
  }
  .xl\:mt-8 {
    margin-top: 5rem !important;
  }
  .xl\:-mt-1 {
    margin-top: -0.25rem !important;
  }
  .xl\:-mt-2 {
    margin-top: -0.5rem !important;
  }
  .xl\:-mt-3 {
    margin-top: -1rem !important;
  }
  .xl\:-mt-4 {
    margin-top: -1.5rem !important;
  }
  .xl\:-mt-5 {
    margin-top: -2rem !important;
  }
  .xl\:-mt-6 {
    margin-top: -3rem !important;
  }
  .xl\:-mt-7 {
    margin-top: -4rem !important;
  }
  .xl\:-mt-8 {
    margin-top: -5rem !important;
  }
  .xl\:mt-auto {
    margin-top: auto !important;
  }
  .xl\:mr-0 {
    margin-right: 0rem !important;
  }
  .xl\:mr-1 {
    margin-right: 0.25rem !important;
  }
  .xl\:mr-2 {
    margin-right: 0.5rem !important;
  }
  .xl\:mr-3 {
    margin-right: 1rem !important;
  }
  .xl\:mr-4 {
    margin-right: 1.5rem !important;
  }
  .xl\:mr-5 {
    margin-right: 2rem !important;
  }
  .xl\:mr-6 {
    margin-right: 3rem !important;
  }
  .xl\:mr-7 {
    margin-right: 4rem !important;
  }
  .xl\:mr-8 {
    margin-right: 5rem !important;
  }
  .xl\:-mr-1 {
    margin-right: -0.25rem !important;
  }
  .xl\:-mr-2 {
    margin-right: -0.5rem !important;
  }
  .xl\:-mr-3 {
    margin-right: -1rem !important;
  }
  .xl\:-mr-4 {
    margin-right: -1.5rem !important;
  }
  .xl\:-mr-5 {
    margin-right: -2rem !important;
  }
  .xl\:-mr-6 {
    margin-right: -3rem !important;
  }
  .xl\:-mr-7 {
    margin-right: -4rem !important;
  }
  .xl\:-mr-8 {
    margin-right: -5rem !important;
  }
  .xl\:mr-auto {
    margin-right: auto !important;
  }
  .xl\:ml-0 {
    margin-left: 0rem !important;
  }
  .xl\:ml-1 {
    margin-left: 0.25rem !important;
  }
  .xl\:ml-2 {
    margin-left: 0.5rem !important;
  }
  .xl\:ml-3 {
    margin-left: 1rem !important;
  }
  .xl\:ml-4 {
    margin-left: 1.5rem !important;
  }
  .xl\:ml-5 {
    margin-left: 2rem !important;
  }
  .xl\:ml-6 {
    margin-left: 3rem !important;
  }
  .xl\:ml-7 {
    margin-left: 4rem !important;
  }
  .xl\:ml-8 {
    margin-left: 5rem !important;
  }
  .xl\:-ml-1 {
    margin-left: -0.25rem !important;
  }
  .xl\:-ml-2 {
    margin-left: -0.5rem !important;
  }
  .xl\:-ml-3 {
    margin-left: -1rem !important;
  }
  .xl\:-ml-4 {
    margin-left: -1.5rem !important;
  }
  .xl\:-ml-5 {
    margin-left: -2rem !important;
  }
  .xl\:-ml-6 {
    margin-left: -3rem !important;
  }
  .xl\:-ml-7 {
    margin-left: -4rem !important;
  }
  .xl\:-ml-8 {
    margin-left: -5rem !important;
  }
  .xl\:ml-auto {
    margin-left: auto !important;
  }
  .xl\:mb-0 {
    margin-bottom: 0rem !important;
  }
  .xl\:mb-1 {
    margin-bottom: 0.25rem !important;
  }
  .xl\:mb-2 {
    margin-bottom: 0.5rem !important;
  }
  .xl\:mb-3 {
    margin-bottom: 1rem !important;
  }
  .xl\:mb-4 {
    margin-bottom: 1.5rem !important;
  }
  .xl\:mb-5 {
    margin-bottom: 2rem !important;
  }
  .xl\:mb-6 {
    margin-bottom: 3rem !important;
  }
  .xl\:mb-7 {
    margin-bottom: 4rem !important;
  }
  .xl\:mb-8 {
    margin-bottom: 5rem !important;
  }
  .xl\:-mb-1 {
    margin-bottom: -0.25rem !important;
  }
  .xl\:-mb-2 {
    margin-bottom: -0.5rem !important;
  }
  .xl\:-mb-3 {
    margin-bottom: -1rem !important;
  }
  .xl\:-mb-4 {
    margin-bottom: -1.5rem !important;
  }
  .xl\:-mb-5 {
    margin-bottom: -2rem !important;
  }
  .xl\:-mb-6 {
    margin-bottom: -3rem !important;
  }
  .xl\:-mb-7 {
    margin-bottom: -4rem !important;
  }
  .xl\:-mb-8 {
    margin-bottom: -5rem !important;
  }
  .xl\:mb-auto {
    margin-bottom: auto !important;
  }
  .xl\:mx-0 {
    margin-left: 0rem !important;
    margin-right: 0rem !important;
  }
  .xl\:mx-1 {
    margin-left: 0.25rem !important;
    margin-right: 0.25rem !important;
  }
  .xl\:mx-2 {
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important;
  }
  .xl\:mx-3 {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
  }
  .xl\:mx-4 {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important;
  }
  .xl\:mx-5 {
    margin-left: 2rem !important;
    margin-right: 2rem !important;
  }
  .xl\:mx-6 {
    margin-left: 3rem !important;
    margin-right: 3rem !important;
  }
  .xl\:mx-7 {
    margin-left: 4rem !important;
    margin-right: 4rem !important;
  }
  .xl\:mx-8 {
    margin-left: 5rem !important;
    margin-right: 5rem !important;
  }
  .xl\:-mx-1 {
    margin-left: -0.25rem !important;
    margin-right: -0.25rem !important;
  }
  .xl\:-mx-2 {
    margin-left: -0.5rem !important;
    margin-right: -0.5rem !important;
  }
  .xl\:-mx-3 {
    margin-left: -1rem !important;
    margin-right: -1rem !important;
  }
  .xl\:-mx-4 {
    margin-left: -1.5rem !important;
    margin-right: -1.5rem !important;
  }
  .xl\:-mx-5 {
    margin-left: -2rem !important;
    margin-right: -2rem !important;
  }
  .xl\:-mx-6 {
    margin-left: -3rem !important;
    margin-right: -3rem !important;
  }
  .xl\:-mx-7 {
    margin-left: -4rem !important;
    margin-right: -4rem !important;
  }
  .xl\:-mx-8 {
    margin-left: -5rem !important;
    margin-right: -5rem !important;
  }
  .xl\:mx-auto {
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .xl\:my-0 {
    margin-top: 0rem !important;
    margin-bottom: 0rem !important;
  }
  .xl\:my-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .xl\:my-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .xl\:my-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .xl\:my-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .xl\:my-5 {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
  }
  .xl\:my-6 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .xl\:my-7 {
    margin-top: 4rem !important;
    margin-bottom: 4rem !important;
  }
  .xl\:my-8 {
    margin-top: 5rem !important;
    margin-bottom: 5rem !important;
  }
  .xl\:-my-1 {
    margin-top: -0.25rem !important;
    margin-bottom: -0.25rem !important;
  }
  .xl\:-my-2 {
    margin-top: -0.5rem !important;
    margin-bottom: -0.5rem !important;
  }
  .xl\:-my-3 {
    margin-top: -1rem !important;
    margin-bottom: -1rem !important;
  }
  .xl\:-my-4 {
    margin-top: -1.5rem !important;
    margin-bottom: -1.5rem !important;
  }
  .xl\:-my-5 {
    margin-top: -2rem !important;
    margin-bottom: -2rem !important;
  }
  .xl\:-my-6 {
    margin-top: -3rem !important;
    margin-bottom: -3rem !important;
  }
  .xl\:-my-7 {
    margin-top: -4rem !important;
    margin-bottom: -4rem !important;
  }
  .xl\:-my-8 {
    margin-top: -5rem !important;
    margin-bottom: -5rem !important;
  }
  .xl\:my-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
}
.shadow-none {
  box-shadow: none !important;
}
.shadow-1 {
  box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important;
}
.shadow-2 {
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important;
}
.shadow-3 {
  box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important;
}
.shadow-4 {
  box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important;
}
.shadow-5 {
  box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important;
}
.shadow-6 {
  box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important;
}
.shadow-7 {
  box-shadow: 0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important;
}
.shadow-8 {
  box-shadow: 0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important;
}
.focus\:shadow-none:focus {
  box-shadow: none !important;
}
.hover\:shadow-none:hover {
  box-shadow: none !important;
}
.active\:shadow-none:active {
  box-shadow: none !important;
}
.focus\:shadow-1:focus {
  box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important;
}
.hover\:shadow-1:hover {
  box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important;
}
.active\:shadow-1:active {
  box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important;
}
.focus\:shadow-2:focus {
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important;
}
.hover\:shadow-2:hover {
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important;
}
.active\:shadow-2:active {
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important;
}
.focus\:shadow-3:focus {
  box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important;
}
.hover\:shadow-3:hover {
  box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important;
}
.active\:shadow-3:active {
  box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important;
}
.focus\:shadow-4:focus {
  box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important;
}
.hover\:shadow-4:hover {
  box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important;
}
.active\:shadow-4:active {
  box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important;
}
.focus\:shadow-5:focus {
  box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important;
}
.hover\:shadow-5:hover {
  box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important;
}
.active\:shadow-5:active {
  box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important;
}
.focus\:shadow-6:focus {
  box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important;
}
.hover\:shadow-6:hover {
  box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important;
}
.active\:shadow-6:active {
  box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important;
}
.focus\:shadow-7:focus {
  box-shadow: 0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important;
}
.hover\:shadow-7:hover {
  box-shadow: 0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important;
}
.active\:shadow-7:active {
  box-shadow: 0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important;
}
.focus\:shadow-8:focus {
  box-shadow: 0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important;
}
.hover\:shadow-8:hover {
  box-shadow: 0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important;
}
.active\:shadow-8:active {
  box-shadow: 0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important;
}
@media screen and (min-width: 576px) {
  .sm\:shadow-none {
    box-shadow: none !important;
  }
  .sm\:shadow-1 {
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important;
  }
  .sm\:shadow-2 {
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important;
  }
  .sm\:shadow-3 {
    box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important;
  }
  .sm\:shadow-4 {
    box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important;
  }
  .sm\:shadow-5 {
    box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important;
  }
  .sm\:shadow-6 {
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important;
  }
  .sm\:shadow-7 {
    box-shadow: 0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important;
  }
  .sm\:shadow-8 {
    box-shadow: 0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important;
  }
  .sm\:focus\:shadow-none:focus {
    box-shadow: none !important;
  }
  .sm\:hover\:shadow-none:hover {
    box-shadow: none !important;
  }
  .sm\:active\:shadow-none:active {
    box-shadow: none !important;
  }
  .sm\:focus\:shadow-1:focus {
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important;
  }
  .sm\:hover\:shadow-1:hover {
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important;
  }
  .sm\:active\:shadow-1:active {
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important;
  }
  .sm\:focus\:shadow-2:focus {
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important;
  }
  .sm\:hover\:shadow-2:hover {
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important;
  }
  .sm\:active\:shadow-2:active {
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important;
  }
  .sm\:focus\:shadow-3:focus {
    box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important;
  }
  .sm\:hover\:shadow-3:hover {
    box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important;
  }
  .sm\:active\:shadow-3:active {
    box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important;
  }
  .sm\:focus\:shadow-4:focus {
    box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important;
  }
  .sm\:hover\:shadow-4:hover {
    box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important;
  }
  .sm\:active\:shadow-4:active {
    box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important;
  }
  .sm\:focus\:shadow-5:focus {
    box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important;
  }
  .sm\:hover\:shadow-5:hover {
    box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important;
  }
  .sm\:active\:shadow-5:active {
    box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important;
  }
  .sm\:focus\:shadow-6:focus {
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important;
  }
  .sm\:hover\:shadow-6:hover {
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important;
  }
  .sm\:active\:shadow-6:active {
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important;
  }
  .sm\:focus\:shadow-7:focus {
    box-shadow: 0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important;
  }
  .sm\:hover\:shadow-7:hover {
    box-shadow: 0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important;
  }
  .sm\:active\:shadow-7:active {
    box-shadow: 0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important;
  }
  .sm\:focus\:shadow-8:focus {
    box-shadow: 0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important;
  }
  .sm\:hover\:shadow-8:hover {
    box-shadow: 0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important;
  }
  .sm\:active\:shadow-8:active {
    box-shadow: 0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:shadow-none {
    box-shadow: none !important;
  }
  .md\:shadow-1 {
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important;
  }
  .md\:shadow-2 {
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important;
  }
  .md\:shadow-3 {
    box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important;
  }
  .md\:shadow-4 {
    box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important;
  }
  .md\:shadow-5 {
    box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important;
  }
  .md\:shadow-6 {
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important;
  }
  .md\:shadow-7 {
    box-shadow: 0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important;
  }
  .md\:shadow-8 {
    box-shadow: 0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important;
  }
  .md\:focus\:shadow-none:focus {
    box-shadow: none !important;
  }
  .md\:hover\:shadow-none:hover {
    box-shadow: none !important;
  }
  .md\:active\:shadow-none:active {
    box-shadow: none !important;
  }
  .md\:focus\:shadow-1:focus {
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important;
  }
  .md\:hover\:shadow-1:hover {
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important;
  }
  .md\:active\:shadow-1:active {
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important;
  }
  .md\:focus\:shadow-2:focus {
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important;
  }
  .md\:hover\:shadow-2:hover {
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important;
  }
  .md\:active\:shadow-2:active {
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important;
  }
  .md\:focus\:shadow-3:focus {
    box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important;
  }
  .md\:hover\:shadow-3:hover {
    box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important;
  }
  .md\:active\:shadow-3:active {
    box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important;
  }
  .md\:focus\:shadow-4:focus {
    box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important;
  }
  .md\:hover\:shadow-4:hover {
    box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important;
  }
  .md\:active\:shadow-4:active {
    box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important;
  }
  .md\:focus\:shadow-5:focus {
    box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important;
  }
  .md\:hover\:shadow-5:hover {
    box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important;
  }
  .md\:active\:shadow-5:active {
    box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important;
  }
  .md\:focus\:shadow-6:focus {
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important;
  }
  .md\:hover\:shadow-6:hover {
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important;
  }
  .md\:active\:shadow-6:active {
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important;
  }
  .md\:focus\:shadow-7:focus {
    box-shadow: 0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important;
  }
  .md\:hover\:shadow-7:hover {
    box-shadow: 0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important;
  }
  .md\:active\:shadow-7:active {
    box-shadow: 0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important;
  }
  .md\:focus\:shadow-8:focus {
    box-shadow: 0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important;
  }
  .md\:hover\:shadow-8:hover {
    box-shadow: 0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important;
  }
  .md\:active\:shadow-8:active {
    box-shadow: 0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:shadow-none {
    box-shadow: none !important;
  }
  .lg\:shadow-1 {
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important;
  }
  .lg\:shadow-2 {
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important;
  }
  .lg\:shadow-3 {
    box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important;
  }
  .lg\:shadow-4 {
    box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important;
  }
  .lg\:shadow-5 {
    box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important;
  }
  .lg\:shadow-6 {
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important;
  }
  .lg\:shadow-7 {
    box-shadow: 0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important;
  }
  .lg\:shadow-8 {
    box-shadow: 0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important;
  }
  .lg\:focus\:shadow-none:focus {
    box-shadow: none !important;
  }
  .lg\:hover\:shadow-none:hover {
    box-shadow: none !important;
  }
  .lg\:active\:shadow-none:active {
    box-shadow: none !important;
  }
  .lg\:focus\:shadow-1:focus {
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important;
  }
  .lg\:hover\:shadow-1:hover {
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important;
  }
  .lg\:active\:shadow-1:active {
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important;
  }
  .lg\:focus\:shadow-2:focus {
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important;
  }
  .lg\:hover\:shadow-2:hover {
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important;
  }
  .lg\:active\:shadow-2:active {
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important;
  }
  .lg\:focus\:shadow-3:focus {
    box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important;
  }
  .lg\:hover\:shadow-3:hover {
    box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important;
  }
  .lg\:active\:shadow-3:active {
    box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important;
  }
  .lg\:focus\:shadow-4:focus {
    box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important;
  }
  .lg\:hover\:shadow-4:hover {
    box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important;
  }
  .lg\:active\:shadow-4:active {
    box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important;
  }
  .lg\:focus\:shadow-5:focus {
    box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important;
  }
  .lg\:hover\:shadow-5:hover {
    box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important;
  }
  .lg\:active\:shadow-5:active {
    box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important;
  }
  .lg\:focus\:shadow-6:focus {
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important;
  }
  .lg\:hover\:shadow-6:hover {
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important;
  }
  .lg\:active\:shadow-6:active {
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important;
  }
  .lg\:focus\:shadow-7:focus {
    box-shadow: 0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important;
  }
  .lg\:hover\:shadow-7:hover {
    box-shadow: 0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important;
  }
  .lg\:active\:shadow-7:active {
    box-shadow: 0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important;
  }
  .lg\:focus\:shadow-8:focus {
    box-shadow: 0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important;
  }
  .lg\:hover\:shadow-8:hover {
    box-shadow: 0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important;
  }
  .lg\:active\:shadow-8:active {
    box-shadow: 0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:shadow-none {
    box-shadow: none !important;
  }
  .xl\:shadow-1 {
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important;
  }
  .xl\:shadow-2 {
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important;
  }
  .xl\:shadow-3 {
    box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important;
  }
  .xl\:shadow-4 {
    box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important;
  }
  .xl\:shadow-5 {
    box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important;
  }
  .xl\:shadow-6 {
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important;
  }
  .xl\:shadow-7 {
    box-shadow: 0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important;
  }
  .xl\:shadow-8 {
    box-shadow: 0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important;
  }
  .xl\:focus\:shadow-none:focus {
    box-shadow: none !important;
  }
  .xl\:hover\:shadow-none:hover {
    box-shadow: none !important;
  }
  .xl\:active\:shadow-none:active {
    box-shadow: none !important;
  }
  .xl\:focus\:shadow-1:focus {
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important;
  }
  .xl\:hover\:shadow-1:hover {
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important;
  }
  .xl\:active\:shadow-1:active {
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important;
  }
  .xl\:focus\:shadow-2:focus {
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important;
  }
  .xl\:hover\:shadow-2:hover {
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important;
  }
  .xl\:active\:shadow-2:active {
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important;
  }
  .xl\:focus\:shadow-3:focus {
    box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important;
  }
  .xl\:hover\:shadow-3:hover {
    box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important;
  }
  .xl\:active\:shadow-3:active {
    box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important;
  }
  .xl\:focus\:shadow-4:focus {
    box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important;
  }
  .xl\:hover\:shadow-4:hover {
    box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important;
  }
  .xl\:active\:shadow-4:active {
    box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important;
  }
  .xl\:focus\:shadow-5:focus {
    box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important;
  }
  .xl\:hover\:shadow-5:hover {
    box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important;
  }
  .xl\:active\:shadow-5:active {
    box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important;
  }
  .xl\:focus\:shadow-6:focus {
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important;
  }
  .xl\:hover\:shadow-6:hover {
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important;
  }
  .xl\:active\:shadow-6:active {
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important;
  }
  .xl\:focus\:shadow-7:focus {
    box-shadow: 0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important;
  }
  .xl\:hover\:shadow-7:hover {
    box-shadow: 0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important;
  }
  .xl\:active\:shadow-7:active {
    box-shadow: 0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important;
  }
  .xl\:focus\:shadow-8:focus {
    box-shadow: 0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important;
  }
  .xl\:hover\:shadow-8:hover {
    box-shadow: 0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important;
  }
  .xl\:active\:shadow-8:active {
    box-shadow: 0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important;
  }
}
.border-none {
  border-width: 0px !important;
  border-style: none;
}
.border-1 {
  border-width: 1px !important;
  border-style: solid;
}
.border-2 {
  border-width: 2px !important;
  border-style: solid;
}
.border-3 {
  border-width: 3px !important;
  border-style: solid;
}
.border-top-none {
  border-top-width: 0px !important;
  border-top-style: none;
}
.border-top-1 {
  border-top-width: 1px !important;
  border-top-style: solid;
}
.border-top-2 {
  border-top-width: 2px !important;
  border-top-style: solid;
}
.border-top-3 {
  border-top-width: 3px !important;
  border-top-style: solid;
}
.border-right-none {
  border-right-width: 0px !important;
  border-right-style: none;
}
.border-right-1 {
  border-right-width: 1px !important;
  border-right-style: solid;
}
.border-right-2 {
  border-right-width: 2px !important;
  border-right-style: solid;
}
.border-right-3 {
  border-right-width: 3px !important;
  border-right-style: solid;
}
.border-left-none {
  border-left-width: 0px !important;
  border-left-style: none;
}
.border-left-1 {
  border-left-width: 1px !important;
  border-left-style: solid;
}
.border-left-2 {
  border-left-width: 2px !important;
  border-left-style: solid;
}
.border-left-3 {
  border-left-width: 3px !important;
  border-left-style: solid;
}
.border-bottom-none {
  border-bottom-width: 0px !important;
  border-bottom-style: none;
}
.border-bottom-1 {
  border-bottom-width: 1px !important;
  border-bottom-style: solid;
}
.border-bottom-2 {
  border-bottom-width: 2px !important;
  border-bottom-style: solid;
}
.border-bottom-3 {
  border-bottom-width: 3px !important;
  border-bottom-style: solid;
}
.border-x-none {
  border-left-width: 0px !important;
  border-left-style: none;
  border-right-width: 0px !important;
  border-right-style: none;
}
.border-x-1 {
  border-left-width: 1px !important;
  border-left-style: solid;
  border-right-width: 1px !important;
  border-right-style: solid;
}
.border-x-2 {
  border-left-width: 2px !important;
  border-left-style: solid;
  border-right-width: 2px !important;
  border-right-style: solid;
}
.border-x-3 {
  border-left-width: 3px !important;
  border-left-style: solid;
  border-right-width: 3px !important;
  border-right-style: solid;
}
.border-y-none {
  border-top-width: 0px !important;
  border-top-style: none;
  border-bottom-width: 0px !important;
  border-bottom-style: none;
}
.border-y-1 {
  border-top-width: 1px !important;
  border-top-style: solid;
  border-bottom-width: 1px !important;
  border-bottom-style: solid;
}
.border-y-2 {
  border-top-width: 2px !important;
  border-top-style: solid;
  border-bottom-width: 2px !important;
  border-bottom-style: solid;
}
.border-y-3 {
  border-top-width: 3px !important;
  border-top-style: solid;
  border-bottom-width: 3px !important;
  border-bottom-style: solid;
}
@media screen and (min-width: 576px) {
  .sm\:border-none {
    border-width: 0px !important;
    border-style: none;
  }
  .sm\:border-1 {
    border-width: 1px !important;
    border-style: solid;
  }
  .sm\:border-2 {
    border-width: 2px !important;
    border-style: solid;
  }
  .sm\:border-3 {
    border-width: 3px !important;
    border-style: solid;
  }
  .sm\:border-top-none {
    border-top-width: 0px !important;
    border-top-style: none;
  }
  .sm\:border-top-1 {
    border-top-width: 1px !important;
    border-top-style: solid;
  }
  .sm\:border-top-2 {
    border-top-width: 2px !important;
    border-top-style: solid;
  }
  .sm\:border-top-3 {
    border-top-width: 3px !important;
    border-top-style: solid;
  }
  .sm\:border-right-none {
    border-right-width: 0px !important;
    border-right-style: none;
  }
  .sm\:border-right-1 {
    border-right-width: 1px !important;
    border-right-style: solid;
  }
  .sm\:border-right-2 {
    border-right-width: 2px !important;
    border-right-style: solid;
  }
  .sm\:border-right-3 {
    border-right-width: 3px !important;
    border-right-style: solid;
  }
  .sm\:border-left-none {
    border-left-width: 0px !important;
    border-left-style: none;
  }
  .sm\:border-left-1 {
    border-left-width: 1px !important;
    border-left-style: solid;
  }
  .sm\:border-left-2 {
    border-left-width: 2px !important;
    border-left-style: solid;
  }
  .sm\:border-left-3 {
    border-left-width: 3px !important;
    border-left-style: solid;
  }
  .sm\:border-bottom-none {
    border-bottom-width: 0px !important;
    border-bottom-style: none;
  }
  .sm\:border-bottom-1 {
    border-bottom-width: 1px !important;
    border-bottom-style: solid;
  }
  .sm\:border-bottom-2 {
    border-bottom-width: 2px !important;
    border-bottom-style: solid;
  }
  .sm\:border-bottom-3 {
    border-bottom-width: 3px !important;
    border-bottom-style: solid;
  }
  .sm\:border-x-none {
    border-left-width: 0px !important;
    border-left-style: none;
    border-right-width: 0px !important;
    border-right-style: none;
  }
  .sm\:border-x-1 {
    border-left-width: 1px !important;
    border-left-style: solid;
    border-right-width: 1px !important;
    border-right-style: solid;
  }
  .sm\:border-x-2 {
    border-left-width: 2px !important;
    border-left-style: solid;
    border-right-width: 2px !important;
    border-right-style: solid;
  }
  .sm\:border-x-3 {
    border-left-width: 3px !important;
    border-left-style: solid;
    border-right-width: 3px !important;
    border-right-style: solid;
  }
  .sm\:border-y-none {
    border-top-width: 0px !important;
    border-top-style: none;
    border-bottom-width: 0px !important;
    border-bottom-style: none;
  }
  .sm\:border-y-1 {
    border-top-width: 1px !important;
    border-top-style: solid;
    border-bottom-width: 1px !important;
    border-bottom-style: solid;
  }
  .sm\:border-y-2 {
    border-top-width: 2px !important;
    border-top-style: solid;
    border-bottom-width: 2px !important;
    border-bottom-style: solid;
  }
  .sm\:border-y-3 {
    border-top-width: 3px !important;
    border-top-style: solid;
    border-bottom-width: 3px !important;
    border-bottom-style: solid;
  }
}
@media screen and (min-width: 768px) {
  .md\:border-none {
    border-width: 0px !important;
    border-style: none;
  }
  .md\:border-1 {
    border-width: 1px !important;
    border-style: solid;
  }
  .md\:border-2 {
    border-width: 2px !important;
    border-style: solid;
  }
  .md\:border-3 {
    border-width: 3px !important;
    border-style: solid;
  }
  .md\:border-top-none {
    border-top-width: 0px !important;
    border-top-style: none;
  }
  .md\:border-top-1 {
    border-top-width: 1px !important;
    border-top-style: solid;
  }
  .md\:border-top-2 {
    border-top-width: 2px !important;
    border-top-style: solid;
  }
  .md\:border-top-3 {
    border-top-width: 3px !important;
    border-top-style: solid;
  }
  .md\:border-right-none {
    border-right-width: 0px !important;
    border-right-style: none;
  }
  .md\:border-right-1 {
    border-right-width: 1px !important;
    border-right-style: solid;
  }
  .md\:border-right-2 {
    border-right-width: 2px !important;
    border-right-style: solid;
  }
  .md\:border-right-3 {
    border-right-width: 3px !important;
    border-right-style: solid;
  }
  .md\:border-left-none {
    border-left-width: 0px !important;
    border-left-style: none;
  }
  .md\:border-left-1 {
    border-left-width: 1px !important;
    border-left-style: solid;
  }
  .md\:border-left-2 {
    border-left-width: 2px !important;
    border-left-style: solid;
  }
  .md\:border-left-3 {
    border-left-width: 3px !important;
    border-left-style: solid;
  }
  .md\:border-bottom-none {
    border-bottom-width: 0px !important;
    border-bottom-style: none;
  }
  .md\:border-bottom-1 {
    border-bottom-width: 1px !important;
    border-bottom-style: solid;
  }
  .md\:border-bottom-2 {
    border-bottom-width: 2px !important;
    border-bottom-style: solid;
  }
  .md\:border-bottom-3 {
    border-bottom-width: 3px !important;
    border-bottom-style: solid;
  }
  .md\:border-x-none {
    border-left-width: 0px !important;
    border-left-style: none;
    border-right-width: 0px !important;
    border-right-style: none;
  }
  .md\:border-x-1 {
    border-left-width: 1px !important;
    border-left-style: solid;
    border-right-width: 1px !important;
    border-right-style: solid;
  }
  .md\:border-x-2 {
    border-left-width: 2px !important;
    border-left-style: solid;
    border-right-width: 2px !important;
    border-right-style: solid;
  }
  .md\:border-x-3 {
    border-left-width: 3px !important;
    border-left-style: solid;
    border-right-width: 3px !important;
    border-right-style: solid;
  }
  .md\:border-y-none {
    border-top-width: 0px !important;
    border-top-style: none;
    border-bottom-width: 0px !important;
    border-bottom-style: none;
  }
  .md\:border-y-1 {
    border-top-width: 1px !important;
    border-top-style: solid;
    border-bottom-width: 1px !important;
    border-bottom-style: solid;
  }
  .md\:border-y-2 {
    border-top-width: 2px !important;
    border-top-style: solid;
    border-bottom-width: 2px !important;
    border-bottom-style: solid;
  }
  .md\:border-y-3 {
    border-top-width: 3px !important;
    border-top-style: solid;
    border-bottom-width: 3px !important;
    border-bottom-style: solid;
  }
}
@media screen and (min-width: 992px) {
  .lg\:border-none {
    border-width: 0px !important;
    border-style: none;
  }
  .lg\:border-1 {
    border-width: 1px !important;
    border-style: solid;
  }
  .lg\:border-2 {
    border-width: 2px !important;
    border-style: solid;
  }
  .lg\:border-3 {
    border-width: 3px !important;
    border-style: solid;
  }
  .lg\:border-top-none {
    border-top-width: 0px !important;
    border-top-style: none;
  }
  .lg\:border-top-1 {
    border-top-width: 1px !important;
    border-top-style: solid;
  }
  .lg\:border-top-2 {
    border-top-width: 2px !important;
    border-top-style: solid;
  }
  .lg\:border-top-3 {
    border-top-width: 3px !important;
    border-top-style: solid;
  }
  .lg\:border-right-none {
    border-right-width: 0px !important;
    border-right-style: none;
  }
  .lg\:border-right-1 {
    border-right-width: 1px !important;
    border-right-style: solid;
  }
  .lg\:border-right-2 {
    border-right-width: 2px !important;
    border-right-style: solid;
  }
  .lg\:border-right-3 {
    border-right-width: 3px !important;
    border-right-style: solid;
  }
  .lg\:border-left-none {
    border-left-width: 0px !important;
    border-left-style: none;
  }
  .lg\:border-left-1 {
    border-left-width: 1px !important;
    border-left-style: solid;
  }
  .lg\:border-left-2 {
    border-left-width: 2px !important;
    border-left-style: solid;
  }
  .lg\:border-left-3 {
    border-left-width: 3px !important;
    border-left-style: solid;
  }
  .lg\:border-bottom-none {
    border-bottom-width: 0px !important;
    border-bottom-style: none;
  }
  .lg\:border-bottom-1 {
    border-bottom-width: 1px !important;
    border-bottom-style: solid;
  }
  .lg\:border-bottom-2 {
    border-bottom-width: 2px !important;
    border-bottom-style: solid;
  }
  .lg\:border-bottom-3 {
    border-bottom-width: 3px !important;
    border-bottom-style: solid;
  }
  .lg\:border-x-none {
    border-left-width: 0px !important;
    border-left-style: none;
    border-right-width: 0px !important;
    border-right-style: none;
  }
  .lg\:border-x-1 {
    border-left-width: 1px !important;
    border-left-style: solid;
    border-right-width: 1px !important;
    border-right-style: solid;
  }
  .lg\:border-x-2 {
    border-left-width: 2px !important;
    border-left-style: solid;
    border-right-width: 2px !important;
    border-right-style: solid;
  }
  .lg\:border-x-3 {
    border-left-width: 3px !important;
    border-left-style: solid;
    border-right-width: 3px !important;
    border-right-style: solid;
  }
  .lg\:border-y-none {
    border-top-width: 0px !important;
    border-top-style: none;
    border-bottom-width: 0px !important;
    border-bottom-style: none;
  }
  .lg\:border-y-1 {
    border-top-width: 1px !important;
    border-top-style: solid;
    border-bottom-width: 1px !important;
    border-bottom-style: solid;
  }
  .lg\:border-y-2 {
    border-top-width: 2px !important;
    border-top-style: solid;
    border-bottom-width: 2px !important;
    border-bottom-style: solid;
  }
  .lg\:border-y-3 {
    border-top-width: 3px !important;
    border-top-style: solid;
    border-bottom-width: 3px !important;
    border-bottom-style: solid;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:border-none {
    border-width: 0px !important;
    border-style: none;
  }
  .xl\:border-1 {
    border-width: 1px !important;
    border-style: solid;
  }
  .xl\:border-2 {
    border-width: 2px !important;
    border-style: solid;
  }
  .xl\:border-3 {
    border-width: 3px !important;
    border-style: solid;
  }
  .xl\:border-top-none {
    border-top-width: 0px !important;
    border-top-style: none;
  }
  .xl\:border-top-1 {
    border-top-width: 1px !important;
    border-top-style: solid;
  }
  .xl\:border-top-2 {
    border-top-width: 2px !important;
    border-top-style: solid;
  }
  .xl\:border-top-3 {
    border-top-width: 3px !important;
    border-top-style: solid;
  }
  .xl\:border-right-none {
    border-right-width: 0px !important;
    border-right-style: none;
  }
  .xl\:border-right-1 {
    border-right-width: 1px !important;
    border-right-style: solid;
  }
  .xl\:border-right-2 {
    border-right-width: 2px !important;
    border-right-style: solid;
  }
  .xl\:border-right-3 {
    border-right-width: 3px !important;
    border-right-style: solid;
  }
  .xl\:border-left-none {
    border-left-width: 0px !important;
    border-left-style: none;
  }
  .xl\:border-left-1 {
    border-left-width: 1px !important;
    border-left-style: solid;
  }
  .xl\:border-left-2 {
    border-left-width: 2px !important;
    border-left-style: solid;
  }
  .xl\:border-left-3 {
    border-left-width: 3px !important;
    border-left-style: solid;
  }
  .xl\:border-bottom-none {
    border-bottom-width: 0px !important;
    border-bottom-style: none;
  }
  .xl\:border-bottom-1 {
    border-bottom-width: 1px !important;
    border-bottom-style: solid;
  }
  .xl\:border-bottom-2 {
    border-bottom-width: 2px !important;
    border-bottom-style: solid;
  }
  .xl\:border-bottom-3 {
    border-bottom-width: 3px !important;
    border-bottom-style: solid;
  }
  .xl\:border-x-none {
    border-left-width: 0px !important;
    border-left-style: none;
    border-right-width: 0px !important;
    border-right-style: none;
  }
  .xl\:border-x-1 {
    border-left-width: 1px !important;
    border-left-style: solid;
    border-right-width: 1px !important;
    border-right-style: solid;
  }
  .xl\:border-x-2 {
    border-left-width: 2px !important;
    border-left-style: solid;
    border-right-width: 2px !important;
    border-right-style: solid;
  }
  .xl\:border-x-3 {
    border-left-width: 3px !important;
    border-left-style: solid;
    border-right-width: 3px !important;
    border-right-style: solid;
  }
  .xl\:border-y-none {
    border-top-width: 0px !important;
    border-top-style: none;
    border-bottom-width: 0px !important;
    border-bottom-style: none;
  }
  .xl\:border-y-1 {
    border-top-width: 1px !important;
    border-top-style: solid;
    border-bottom-width: 1px !important;
    border-bottom-style: solid;
  }
  .xl\:border-y-2 {
    border-top-width: 2px !important;
    border-top-style: solid;
    border-bottom-width: 2px !important;
    border-bottom-style: solid;
  }
  .xl\:border-y-3 {
    border-top-width: 3px !important;
    border-top-style: solid;
    border-bottom-width: 3px !important;
    border-bottom-style: solid;
  }
}
.border-solid {
  border-style: solid !important;
}
.border-dashed {
  border-style: dashed !important;
}
.border-dotted {
  border-style: dotted !important;
}
.border-double {
  border-style: double !important;
}
@media screen and (min-width: 576px) {
  .sm\:border-solid {
    border-style: solid !important;
  }
  .sm\:border-dashed {
    border-style: dashed !important;
  }
  .sm\:border-dotted {
    border-style: dotted !important;
  }
  .sm\:border-double {
    border-style: double !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:border-solid {
    border-style: solid !important;
  }
  .md\:border-dashed {
    border-style: dashed !important;
  }
  .md\:border-dotted {
    border-style: dotted !important;
  }
  .md\:border-double {
    border-style: double !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:border-solid {
    border-style: solid !important;
  }
  .lg\:border-dashed {
    border-style: dashed !important;
  }
  .lg\:border-dotted {
    border-style: dotted !important;
  }
  .lg\:border-double {
    border-style: double !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:border-solid {
    border-style: solid !important;
  }
  .xl\:border-dashed {
    border-style: dashed !important;
  }
  .xl\:border-dotted {
    border-style: dotted !important;
  }
  .xl\:border-double {
    border-style: double !important;
  }
}
.border-noround {
  border-radius: 0 !important;
}
.border-round {
  border-radius: var(--border-radius) !important;
}
.border-round-xs {
  border-radius: 0.125rem !important;
}
.border-round-sm {
  border-radius: 0.25rem !important;
}
.border-round-md {
  border-radius: 0.375rem !important;
}
.border-round-lg {
  border-radius: 0.5rem !important;
}
.border-round-xl {
  border-radius: 0.75rem !important;
}
.border-round-2xl {
  border-radius: 1rem !important;
}
.border-round-3xl {
  border-radius: 1.5rem !important;
}
.border-circle {
  border-radius: 50% !important;
}
@media screen and (min-width: 576px) {
  .sm\:border-noround {
    border-radius: 0 !important;
  }
  .sm\:border-round {
    border-radius: var(--border-radius) !important;
  }
  .sm\:border-round-xs {
    border-radius: 0.125rem !important;
  }
  .sm\:border-round-sm {
    border-radius: 0.25rem !important;
  }
  .sm\:border-round-md {
    border-radius: 0.375rem !important;
  }
  .sm\:border-round-lg {
    border-radius: 0.5rem !important;
  }
  .sm\:border-round-xl {
    border-radius: 0.75rem !important;
  }
  .sm\:border-round-2xl {
    border-radius: 1rem !important;
  }
  .sm\:border-round-3xl {
    border-radius: 1.5rem !important;
  }
  .sm\:border-circle {
    border-radius: 50% !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:border-noround {
    border-radius: 0 !important;
  }
  .md\:border-round {
    border-radius: var(--border-radius) !important;
  }
  .md\:border-round-xs {
    border-radius: 0.125rem !important;
  }
  .md\:border-round-sm {
    border-radius: 0.25rem !important;
  }
  .md\:border-round-md {
    border-radius: 0.375rem !important;
  }
  .md\:border-round-lg {
    border-radius: 0.5rem !important;
  }
  .md\:border-round-xl {
    border-radius: 0.75rem !important;
  }
  .md\:border-round-2xl {
    border-radius: 1rem !important;
  }
  .md\:border-round-3xl {
    border-radius: 1.5rem !important;
  }
  .md\:border-circle {
    border-radius: 50% !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:border-noround {
    border-radius: 0 !important;
  }
  .lg\:border-round {
    border-radius: var(--border-radius) !important;
  }
  .lg\:border-round-xs {
    border-radius: 0.125rem !important;
  }
  .lg\:border-round-sm {
    border-radius: 0.25rem !important;
  }
  .lg\:border-round-md {
    border-radius: 0.375rem !important;
  }
  .lg\:border-round-lg {
    border-radius: 0.5rem !important;
  }
  .lg\:border-round-xl {
    border-radius: 0.75rem !important;
  }
  .lg\:border-round-2xl {
    border-radius: 1rem !important;
  }
  .lg\:border-round-3xl {
    border-radius: 1.5rem !important;
  }
  .lg\:border-circle {
    border-radius: 50% !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:border-noround {
    border-radius: 0 !important;
  }
  .xl\:border-round {
    border-radius: var(--border-radius) !important;
  }
  .xl\:border-round-xs {
    border-radius: 0.125rem !important;
  }
  .xl\:border-round-sm {
    border-radius: 0.25rem !important;
  }
  .xl\:border-round-md {
    border-radius: 0.375rem !important;
  }
  .xl\:border-round-lg {
    border-radius: 0.5rem !important;
  }
  .xl\:border-round-xl {
    border-radius: 0.75rem !important;
  }
  .xl\:border-round-2xl {
    border-radius: 1rem !important;
  }
  .xl\:border-round-3xl {
    border-radius: 1.5rem !important;
  }
  .xl\:border-circle {
    border-radius: 50% !important;
  }
}
.border-noround-left {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}
.border-noround-top {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.border-noround-right {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.border-noround-bottom {
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.border-round-left {
  border-top-left-radius: var(--border-radius) !important;
  border-bottom-left-radius: var(--border-radius) !important;
}
.border-round-top {
  border-top-left-radius: var(--border-radius) !important;
  border-top-right-radius: var(--border-radius) !important;
}
.border-round-right {
  border-top-right-radius: var(--border-radius) !important;
  border-bottom-right-radius: var(--border-radius) !important;
}
.border-round-bottom {
  border-bottom-left-radius: var(--border-radius) !important;
  border-bottom-right-radius: var(--border-radius) !important;
}
.border-round-left-xs {
  border-top-left-radius: 0.125rem !important;
  border-bottom-left-radius: 0.125rem !important;
}
.border-round-top-xs {
  border-top-left-radius: 0.125rem !important;
  border-top-right-radius: 0.125rem !important;
}
.border-round-right-xs {
  border-top-right-radius: 0.125rem !important;
  border-bottom-right-radius: 0.125rem !important;
}
.border-round-bottom-xs {
  border-bottom-left-radius: 0.125rem !important;
  border-bottom-right-radius: 0.125rem !important;
}
.border-round-left-sm {
  border-top-left-radius: 0.25rem !important;
  border-bottom-left-radius: 0.25rem !important;
}
.border-round-top-sm {
  border-top-left-radius: 0.25rem !important;
  border-top-right-radius: 0.25rem !important;
}
.border-round-right-sm {
  border-top-right-radius: 0.25rem !important;
  border-bottom-right-radius: 0.25rem !important;
}
.border-round-bottom-sm {
  border-bottom-left-radius: 0.25rem !important;
  border-bottom-right-radius: 0.25rem !important;
}
.border-round-left-md {
  border-top-left-radius: 0.375rem !important;
  border-bottom-left-radius: 0.375rem !important;
}
.border-round-top-md {
  border-top-left-radius: 0.375rem !important;
  border-top-right-radius: 0.375rem !important;
}
.border-round-right-md {
  border-top-right-radius: 0.375rem !important;
  border-bottom-right-radius: 0.375rem !important;
}
.border-round-bottom-md {
  border-bottom-left-radius: 0.375rem !important;
  border-bottom-right-radius: 0.375rem !important;
}
.border-round-left-lg {
  border-top-left-radius: 0.5rem !important;
  border-bottom-left-radius: 0.5rem !important;
}
.border-round-top-lg {
  border-top-left-radius: 0.5rem !important;
  border-top-right-radius: 0.5rem !important;
}
.border-round-right-lg {
  border-top-right-radius: 0.5rem !important;
  border-bottom-right-radius: 0.5rem !important;
}
.border-round-bottom-lg {
  border-bottom-left-radius: 0.5rem !important;
  border-bottom-right-radius: 0.5rem !important;
}
.border-round-left-xl {
  border-top-left-radius: 0.75rem !important;
  border-bottom-left-radius: 0.75rem !important;
}
.border-round-top-xl {
  border-top-left-radius: 0.75rem !important;
  border-top-right-radius: 0.75rem !important;
}
.border-round-right-xl {
  border-top-right-radius: 0.75rem !important;
  border-bottom-right-radius: 0.75rem !important;
}
.border-round-bottom-xl {
  border-bottom-left-radius: 0.75rem !important;
  border-bottom-right-radius: 0.75rem !important;
}
.border-round-left-2xl {
  border-top-left-radius: 1rem !important;
  border-bottom-left-radius: 1rem !important;
}
.border-round-top-2xl {
  border-top-left-radius: 1rem !important;
  border-top-right-radius: 1rem !important;
}
.border-round-right-2xl {
  border-top-right-radius: 1rem !important;
  border-bottom-right-radius: 1rem !important;
}
.border-round-bottom-2xl {
  border-bottom-left-radius: 1rem !important;
  border-bottom-right-radius: 1rem !important;
}
.border-round-left-3xl {
  border-top-left-radius: 1.5rem !important;
  border-bottom-left-radius: 1.5rem !important;
}
.border-round-top-3xl {
  border-top-left-radius: 1.5rem !important;
  border-top-right-radius: 1.5rem !important;
}
.border-round-right-3xl {
  border-top-right-radius: 1.5rem !important;
  border-bottom-right-radius: 1.5rem !important;
}
.border-round-bottom-3xl {
  border-bottom-left-radius: 1.5rem !important;
  border-bottom-right-radius: 1.5rem !important;
}
.border-circle-left {
  border-top-left-radius: 50% !important;
  border-bottom-left-radius: 50% !important;
}
.border-circle-top {
  border-top-left-radius: 50% !important;
  border-top-right-radius: 50% !important;
}
.border-circle-right {
  border-top-right-radius: 50% !important;
  border-bottom-right-radius: 50% !important;
}
.border-circle-bottom {
  border-bottom-left-radius: 50% !important;
  border-bottom-right-radius: 50% !important;
}
@media screen and (min-width: 576px) {
  .sm\:border-noround-left {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
  }
  .sm\:border-noround-top {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
  }
  .sm\:border-noround-right {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
  }
  .sm\:border-noround-bottom {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
  }
  .sm\:border-round-left {
    border-top-left-radius: var(--border-radius) !important;
    border-bottom-left-radius: var(--border-radius) !important;
  }
  .sm\:border-round-top {
    border-top-left-radius: var(--border-radius) !important;
    border-top-right-radius: var(--border-radius) !important;
  }
  .sm\:border-round-right {
    border-top-right-radius: var(--border-radius) !important;
    border-bottom-right-radius: var(--border-radius) !important;
  }
  .sm\:border-round-bottom {
    border-bottom-left-radius: var(--border-radius) !important;
    border-bottom-right-radius: var(--border-radius) !important;
  }
  .sm\:border-round-left-xs {
    border-top-left-radius: 0.125rem !important;
    border-bottom-left-radius: 0.125rem !important;
  }
  .sm\:border-round-top-xs {
    border-top-left-radius: 0.125rem !important;
    border-top-right-radius: 0.125rem !important;
  }
  .sm\:border-round-right-xs {
    border-top-right-radius: 0.125rem !important;
    border-bottom-right-radius: 0.125rem !important;
  }
  .sm\:border-round-bottom-xs {
    border-bottom-left-radius: 0.125rem !important;
    border-bottom-right-radius: 0.125rem !important;
  }
  .sm\:border-round-left-sm {
    border-top-left-radius: 0.25rem !important;
    border-bottom-left-radius: 0.25rem !important;
  }
  .sm\:border-round-top-sm {
    border-top-left-radius: 0.25rem !important;
    border-top-right-radius: 0.25rem !important;
  }
  .sm\:border-round-right-sm {
    border-top-right-radius: 0.25rem !important;
    border-bottom-right-radius: 0.25rem !important;
  }
  .sm\:border-round-bottom-sm {
    border-bottom-left-radius: 0.25rem !important;
    border-bottom-right-radius: 0.25rem !important;
  }
  .sm\:border-round-left-md {
    border-top-left-radius: 0.375rem !important;
    border-bottom-left-radius: 0.375rem !important;
  }
  .sm\:border-round-top-md {
    border-top-left-radius: 0.375rem !important;
    border-top-right-radius: 0.375rem !important;
  }
  .sm\:border-round-right-md {
    border-top-right-radius: 0.375rem !important;
    border-bottom-right-radius: 0.375rem !important;
  }
  .sm\:border-round-bottom-md {
    border-bottom-left-radius: 0.375rem !important;
    border-bottom-right-radius: 0.375rem !important;
  }
  .sm\:border-round-left-lg {
    border-top-left-radius: 0.5rem !important;
    border-bottom-left-radius: 0.5rem !important;
  }
  .sm\:border-round-top-lg {
    border-top-left-radius: 0.5rem !important;
    border-top-right-radius: 0.5rem !important;
  }
  .sm\:border-round-right-lg {
    border-top-right-radius: 0.5rem !important;
    border-bottom-right-radius: 0.5rem !important;
  }
  .sm\:border-round-bottom-lg {
    border-bottom-left-radius: 0.5rem !important;
    border-bottom-right-radius: 0.5rem !important;
  }
  .sm\:border-round-left-xl {
    border-top-left-radius: 0.75rem !important;
    border-bottom-left-radius: 0.75rem !important;
  }
  .sm\:border-round-top-xl {
    border-top-left-radius: 0.75rem !important;
    border-top-right-radius: 0.75rem !important;
  }
  .sm\:border-round-right-xl {
    border-top-right-radius: 0.75rem !important;
    border-bottom-right-radius: 0.75rem !important;
  }
  .sm\:border-round-bottom-xl {
    border-bottom-left-radius: 0.75rem !important;
    border-bottom-right-radius: 0.75rem !important;
  }
  .sm\:border-round-left-2xl {
    border-top-left-radius: 1rem !important;
    border-bottom-left-radius: 1rem !important;
  }
  .sm\:border-round-top-2xl {
    border-top-left-radius: 1rem !important;
    border-top-right-radius: 1rem !important;
  }
  .sm\:border-round-right-2xl {
    border-top-right-radius: 1rem !important;
    border-bottom-right-radius: 1rem !important;
  }
  .sm\:border-round-bottom-2xl {
    border-bottom-left-radius: 1rem !important;
    border-bottom-right-radius: 1rem !important;
  }
  .sm\:border-round-left-3xl {
    border-top-left-radius: 1.5rem !important;
    border-bottom-left-radius: 1.5rem !important;
  }
  .sm\:border-round-top-3xl {
    border-top-left-radius: 1.5rem !important;
    border-top-right-radius: 1.5rem !important;
  }
  .sm\:border-round-right-3xl {
    border-top-right-radius: 1.5rem !important;
    border-bottom-right-radius: 1.5rem !important;
  }
  .sm\:border-round-bottom-3xl {
    border-bottom-left-radius: 1.5rem !important;
    border-bottom-right-radius: 1.5rem !important;
  }
  .sm\:border-circle-left {
    border-top-left-radius: 50% !important;
    border-bottom-left-radius: 50% !important;
  }
  .sm\:border-circle-top {
    border-top-left-radius: 50% !important;
    border-top-right-radius: 50% !important;
  }
  .sm\:border-circle-right {
    border-top-right-radius: 50% !important;
    border-bottom-right-radius: 50% !important;
  }
  .sm\:border-circle-bottom {
    border-bottom-left-radius: 50% !important;
    border-bottom-right-radius: 50% !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:border-noround-left {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
  }
  .md\:border-noround-top {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
  }
  .md\:border-noround-right {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
  }
  .md\:border-noround-bottom {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
  }
  .md\:border-round-left {
    border-top-left-radius: var(--border-radius) !important;
    border-bottom-left-radius: var(--border-radius) !important;
  }
  .md\:border-round-top {
    border-top-left-radius: var(--border-radius) !important;
    border-top-right-radius: var(--border-radius) !important;
  }
  .md\:border-round-right {
    border-top-right-radius: var(--border-radius) !important;
    border-bottom-right-radius: var(--border-radius) !important;
  }
  .md\:border-round-bottom {
    border-bottom-left-radius: var(--border-radius) !important;
    border-bottom-right-radius: var(--border-radius) !important;
  }
  .md\:border-round-left-xs {
    border-top-left-radius: 0.125rem !important;
    border-bottom-left-radius: 0.125rem !important;
  }
  .md\:border-round-top-xs {
    border-top-left-radius: 0.125rem !important;
    border-top-right-radius: 0.125rem !important;
  }
  .md\:border-round-right-xs {
    border-top-right-radius: 0.125rem !important;
    border-bottom-right-radius: 0.125rem !important;
  }
  .md\:border-round-bottom-xs {
    border-bottom-left-radius: 0.125rem !important;
    border-bottom-right-radius: 0.125rem !important;
  }
  .md\:border-round-left-sm {
    border-top-left-radius: 0.25rem !important;
    border-bottom-left-radius: 0.25rem !important;
  }
  .md\:border-round-top-sm {
    border-top-left-radius: 0.25rem !important;
    border-top-right-radius: 0.25rem !important;
  }
  .md\:border-round-right-sm {
    border-top-right-radius: 0.25rem !important;
    border-bottom-right-radius: 0.25rem !important;
  }
  .md\:border-round-bottom-sm {
    border-bottom-left-radius: 0.25rem !important;
    border-bottom-right-radius: 0.25rem !important;
  }
  .md\:border-round-left-md {
    border-top-left-radius: 0.375rem !important;
    border-bottom-left-radius: 0.375rem !important;
  }
  .md\:border-round-top-md {
    border-top-left-radius: 0.375rem !important;
    border-top-right-radius: 0.375rem !important;
  }
  .md\:border-round-right-md {
    border-top-right-radius: 0.375rem !important;
    border-bottom-right-radius: 0.375rem !important;
  }
  .md\:border-round-bottom-md {
    border-bottom-left-radius: 0.375rem !important;
    border-bottom-right-radius: 0.375rem !important;
  }
  .md\:border-round-left-lg {
    border-top-left-radius: 0.5rem !important;
    border-bottom-left-radius: 0.5rem !important;
  }
  .md\:border-round-top-lg {
    border-top-left-radius: 0.5rem !important;
    border-top-right-radius: 0.5rem !important;
  }
  .md\:border-round-right-lg {
    border-top-right-radius: 0.5rem !important;
    border-bottom-right-radius: 0.5rem !important;
  }
  .md\:border-round-bottom-lg {
    border-bottom-left-radius: 0.5rem !important;
    border-bottom-right-radius: 0.5rem !important;
  }
  .md\:border-round-left-xl {
    border-top-left-radius: 0.75rem !important;
    border-bottom-left-radius: 0.75rem !important;
  }
  .md\:border-round-top-xl {
    border-top-left-radius: 0.75rem !important;
    border-top-right-radius: 0.75rem !important;
  }
  .md\:border-round-right-xl {
    border-top-right-radius: 0.75rem !important;
    border-bottom-right-radius: 0.75rem !important;
  }
  .md\:border-round-bottom-xl {
    border-bottom-left-radius: 0.75rem !important;
    border-bottom-right-radius: 0.75rem !important;
  }
  .md\:border-round-left-2xl {
    border-top-left-radius: 1rem !important;
    border-bottom-left-radius: 1rem !important;
  }
  .md\:border-round-top-2xl {
    border-top-left-radius: 1rem !important;
    border-top-right-radius: 1rem !important;
  }
  .md\:border-round-right-2xl {
    border-top-right-radius: 1rem !important;
    border-bottom-right-radius: 1rem !important;
  }
  .md\:border-round-bottom-2xl {
    border-bottom-left-radius: 1rem !important;
    border-bottom-right-radius: 1rem !important;
  }
  .md\:border-round-left-3xl {
    border-top-left-radius: 1.5rem !important;
    border-bottom-left-radius: 1.5rem !important;
  }
  .md\:border-round-top-3xl {
    border-top-left-radius: 1.5rem !important;
    border-top-right-radius: 1.5rem !important;
  }
  .md\:border-round-right-3xl {
    border-top-right-radius: 1.5rem !important;
    border-bottom-right-radius: 1.5rem !important;
  }
  .md\:border-round-bottom-3xl {
    border-bottom-left-radius: 1.5rem !important;
    border-bottom-right-radius: 1.5rem !important;
  }
  .md\:border-circle-left {
    border-top-left-radius: 50% !important;
    border-bottom-left-radius: 50% !important;
  }
  .md\:border-circle-top {
    border-top-left-radius: 50% !important;
    border-top-right-radius: 50% !important;
  }
  .md\:border-circle-right {
    border-top-right-radius: 50% !important;
    border-bottom-right-radius: 50% !important;
  }
  .md\:border-circle-bottom {
    border-bottom-left-radius: 50% !important;
    border-bottom-right-radius: 50% !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:border-noround-left {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
  }
  .lg\:border-noround-top {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
  }
  .lg\:border-noround-right {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
  }
  .lg\:border-noround-bottom {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
  }
  .lg\:border-round-left {
    border-top-left-radius: var(--border-radius) !important;
    border-bottom-left-radius: var(--border-radius) !important;
  }
  .lg\:border-round-top {
    border-top-left-radius: var(--border-radius) !important;
    border-top-right-radius: var(--border-radius) !important;
  }
  .lg\:border-round-right {
    border-top-right-radius: var(--border-radius) !important;
    border-bottom-right-radius: var(--border-radius) !important;
  }
  .lg\:border-round-bottom {
    border-bottom-left-radius: var(--border-radius) !important;
    border-bottom-right-radius: var(--border-radius) !important;
  }
  .lg\:border-round-left-xs {
    border-top-left-radius: 0.125rem !important;
    border-bottom-left-radius: 0.125rem !important;
  }
  .lg\:border-round-top-xs {
    border-top-left-radius: 0.125rem !important;
    border-top-right-radius: 0.125rem !important;
  }
  .lg\:border-round-right-xs {
    border-top-right-radius: 0.125rem !important;
    border-bottom-right-radius: 0.125rem !important;
  }
  .lg\:border-round-bottom-xs {
    border-bottom-left-radius: 0.125rem !important;
    border-bottom-right-radius: 0.125rem !important;
  }
  .lg\:border-round-left-sm {
    border-top-left-radius: 0.25rem !important;
    border-bottom-left-radius: 0.25rem !important;
  }
  .lg\:border-round-top-sm {
    border-top-left-radius: 0.25rem !important;
    border-top-right-radius: 0.25rem !important;
  }
  .lg\:border-round-right-sm {
    border-top-right-radius: 0.25rem !important;
    border-bottom-right-radius: 0.25rem !important;
  }
  .lg\:border-round-bottom-sm {
    border-bottom-left-radius: 0.25rem !important;
    border-bottom-right-radius: 0.25rem !important;
  }
  .lg\:border-round-left-md {
    border-top-left-radius: 0.375rem !important;
    border-bottom-left-radius: 0.375rem !important;
  }
  .lg\:border-round-top-md {
    border-top-left-radius: 0.375rem !important;
    border-top-right-radius: 0.375rem !important;
  }
  .lg\:border-round-right-md {
    border-top-right-radius: 0.375rem !important;
    border-bottom-right-radius: 0.375rem !important;
  }
  .lg\:border-round-bottom-md {
    border-bottom-left-radius: 0.375rem !important;
    border-bottom-right-radius: 0.375rem !important;
  }
  .lg\:border-round-left-lg {
    border-top-left-radius: 0.5rem !important;
    border-bottom-left-radius: 0.5rem !important;
  }
  .lg\:border-round-top-lg {
    border-top-left-radius: 0.5rem !important;
    border-top-right-radius: 0.5rem !important;
  }
  .lg\:border-round-right-lg {
    border-top-right-radius: 0.5rem !important;
    border-bottom-right-radius: 0.5rem !important;
  }
  .lg\:border-round-bottom-lg {
    border-bottom-left-radius: 0.5rem !important;
    border-bottom-right-radius: 0.5rem !important;
  }
  .lg\:border-round-left-xl {
    border-top-left-radius: 0.75rem !important;
    border-bottom-left-radius: 0.75rem !important;
  }
  .lg\:border-round-top-xl {
    border-top-left-radius: 0.75rem !important;
    border-top-right-radius: 0.75rem !important;
  }
  .lg\:border-round-right-xl {
    border-top-right-radius: 0.75rem !important;
    border-bottom-right-radius: 0.75rem !important;
  }
  .lg\:border-round-bottom-xl {
    border-bottom-left-radius: 0.75rem !important;
    border-bottom-right-radius: 0.75rem !important;
  }
  .lg\:border-round-left-2xl {
    border-top-left-radius: 1rem !important;
    border-bottom-left-radius: 1rem !important;
  }
  .lg\:border-round-top-2xl {
    border-top-left-radius: 1rem !important;
    border-top-right-radius: 1rem !important;
  }
  .lg\:border-round-right-2xl {
    border-top-right-radius: 1rem !important;
    border-bottom-right-radius: 1rem !important;
  }
  .lg\:border-round-bottom-2xl {
    border-bottom-left-radius: 1rem !important;
    border-bottom-right-radius: 1rem !important;
  }
  .lg\:border-round-left-3xl {
    border-top-left-radius: 1.5rem !important;
    border-bottom-left-radius: 1.5rem !important;
  }
  .lg\:border-round-top-3xl {
    border-top-left-radius: 1.5rem !important;
    border-top-right-radius: 1.5rem !important;
  }
  .lg\:border-round-right-3xl {
    border-top-right-radius: 1.5rem !important;
    border-bottom-right-radius: 1.5rem !important;
  }
  .lg\:border-round-bottom-3xl {
    border-bottom-left-radius: 1.5rem !important;
    border-bottom-right-radius: 1.5rem !important;
  }
  .lg\:border-circle-left {
    border-top-left-radius: 50% !important;
    border-bottom-left-radius: 50% !important;
  }
  .lg\:border-circle-top {
    border-top-left-radius: 50% !important;
    border-top-right-radius: 50% !important;
  }
  .lg\:border-circle-right {
    border-top-right-radius: 50% !important;
    border-bottom-right-radius: 50% !important;
  }
  .lg\:border-circle-bottom {
    border-bottom-left-radius: 50% !important;
    border-bottom-right-radius: 50% !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:border-noround-left {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
  }
  .xl\:border-noround-top {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
  }
  .xl\:border-noround-right {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
  }
  .xl\:border-noround-bottom {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
  }
  .xl\:border-round-left {
    border-top-left-radius: var(--border-radius) !important;
    border-bottom-left-radius: var(--border-radius) !important;
  }
  .xl\:border-round-top {
    border-top-left-radius: var(--border-radius) !important;
    border-top-right-radius: var(--border-radius) !important;
  }
  .xl\:border-round-right {
    border-top-right-radius: var(--border-radius) !important;
    border-bottom-right-radius: var(--border-radius) !important;
  }
  .xl\:border-round-bottom {
    border-bottom-left-radius: var(--border-radius) !important;
    border-bottom-right-radius: var(--border-radius) !important;
  }
  .xl\:border-round-left-xs {
    border-top-left-radius: 0.125rem !important;
    border-bottom-left-radius: 0.125rem !important;
  }
  .xl\:border-round-top-xs {
    border-top-left-radius: 0.125rem !important;
    border-top-right-radius: 0.125rem !important;
  }
  .xl\:border-round-right-xs {
    border-top-right-radius: 0.125rem !important;
    border-bottom-right-radius: 0.125rem !important;
  }
  .xl\:border-round-bottom-xs {
    border-bottom-left-radius: 0.125rem !important;
    border-bottom-right-radius: 0.125rem !important;
  }
  .xl\:border-round-left-sm {
    border-top-left-radius: 0.25rem !important;
    border-bottom-left-radius: 0.25rem !important;
  }
  .xl\:border-round-top-sm {
    border-top-left-radius: 0.25rem !important;
    border-top-right-radius: 0.25rem !important;
  }
  .xl\:border-round-right-sm {
    border-top-right-radius: 0.25rem !important;
    border-bottom-right-radius: 0.25rem !important;
  }
  .xl\:border-round-bottom-sm {
    border-bottom-left-radius: 0.25rem !important;
    border-bottom-right-radius: 0.25rem !important;
  }
  .xl\:border-round-left-md {
    border-top-left-radius: 0.375rem !important;
    border-bottom-left-radius: 0.375rem !important;
  }
  .xl\:border-round-top-md {
    border-top-left-radius: 0.375rem !important;
    border-top-right-radius: 0.375rem !important;
  }
  .xl\:border-round-right-md {
    border-top-right-radius: 0.375rem !important;
    border-bottom-right-radius: 0.375rem !important;
  }
  .xl\:border-round-bottom-md {
    border-bottom-left-radius: 0.375rem !important;
    border-bottom-right-radius: 0.375rem !important;
  }
  .xl\:border-round-left-lg {
    border-top-left-radius: 0.5rem !important;
    border-bottom-left-radius: 0.5rem !important;
  }
  .xl\:border-round-top-lg {
    border-top-left-radius: 0.5rem !important;
    border-top-right-radius: 0.5rem !important;
  }
  .xl\:border-round-right-lg {
    border-top-right-radius: 0.5rem !important;
    border-bottom-right-radius: 0.5rem !important;
  }
  .xl\:border-round-bottom-lg {
    border-bottom-left-radius: 0.5rem !important;
    border-bottom-right-radius: 0.5rem !important;
  }
  .xl\:border-round-left-xl {
    border-top-left-radius: 0.75rem !important;
    border-bottom-left-radius: 0.75rem !important;
  }
  .xl\:border-round-top-xl {
    border-top-left-radius: 0.75rem !important;
    border-top-right-radius: 0.75rem !important;
  }
  .xl\:border-round-right-xl {
    border-top-right-radius: 0.75rem !important;
    border-bottom-right-radius: 0.75rem !important;
  }
  .xl\:border-round-bottom-xl {
    border-bottom-left-radius: 0.75rem !important;
    border-bottom-right-radius: 0.75rem !important;
  }
  .xl\:border-round-left-2xl {
    border-top-left-radius: 1rem !important;
    border-bottom-left-radius: 1rem !important;
  }
  .xl\:border-round-top-2xl {
    border-top-left-radius: 1rem !important;
    border-top-right-radius: 1rem !important;
  }
  .xl\:border-round-right-2xl {
    border-top-right-radius: 1rem !important;
    border-bottom-right-radius: 1rem !important;
  }
  .xl\:border-round-bottom-2xl {
    border-bottom-left-radius: 1rem !important;
    border-bottom-right-radius: 1rem !important;
  }
  .xl\:border-round-left-3xl {
    border-top-left-radius: 1.5rem !important;
    border-bottom-left-radius: 1.5rem !important;
  }
  .xl\:border-round-top-3xl {
    border-top-left-radius: 1.5rem !important;
    border-top-right-radius: 1.5rem !important;
  }
  .xl\:border-round-right-3xl {
    border-top-right-radius: 1.5rem !important;
    border-bottom-right-radius: 1.5rem !important;
  }
  .xl\:border-round-bottom-3xl {
    border-bottom-left-radius: 1.5rem !important;
    border-bottom-right-radius: 1.5rem !important;
  }
  .xl\:border-circle-left {
    border-top-left-radius: 50% !important;
    border-bottom-left-radius: 50% !important;
  }
  .xl\:border-circle-top {
    border-top-left-radius: 50% !important;
    border-top-right-radius: 50% !important;
  }
  .xl\:border-circle-right {
    border-top-right-radius: 50% !important;
    border-bottom-right-radius: 50% !important;
  }
  .xl\:border-circle-bottom {
    border-bottom-left-radius: 50% !important;
    border-bottom-right-radius: 50% !important;
  }
}
.w-full {
  width: 100% !important;
}
.w-screen {
  width: 100vw !important;
}
.w-auto {
  width: auto !important;
}
.w-1 {
  width: 8.3333% !important;
}
.w-2 {
  width: 16.6667% !important;
}
.w-3 {
  width: 25% !important;
}
.w-4 {
  width: 33.3333% !important;
}
.w-5 {
  width: 41.6667% !important;
}
.w-6 {
  width: 50% !important;
}
.w-7 {
  width: 58.3333% !important;
}
.w-8 {
  width: 66.6667% !important;
}
.w-9 {
  width: 75% !important;
}
.w-10 {
  width: 83.3333% !important;
}
.w-11 {
  width: 91.6667% !important;
}
.w-12 {
  width: 100% !important;
}
.w-min {
  width: -moz-min-content !important;
  width: min-content !important;
}
.w-max {
  width: -moz-max-content !important;
  width: max-content !important;
}
.w-fit {
  width: -moz-fit-content !important;
  width: fit-content !important;
}
.w-1rem {
  width: 1rem !important;
}
.w-2rem {
  width: 2rem !important;
}
.w-3rem {
  width: 3rem !important;
}
.w-4rem {
  width: 4rem !important;
}
.w-5rem {
  width: 5rem !important;
}
.w-6rem {
  width: 6rem !important;
}
.w-7rem {
  width: 7rem !important;
}
.w-8rem {
  width: 8rem !important;
}
.w-9rem {
  width: 9rem !important;
}
.w-10rem {
  width: 10rem !important;
}
.w-11rem {
  width: 11rem !important;
}
.w-12rem {
  width: 12rem !important;
}
.w-13rem {
  width: 13rem !important;
}
.w-14rem {
  width: 14rem !important;
}
.w-15rem {
  width: 15rem !important;
}
.w-16rem {
  width: 16rem !important;
}
.w-17rem {
  width: 17rem !important;
}
.w-18rem {
  width: 18rem !important;
}
.w-19rem {
  width: 19rem !important;
}
.w-20rem {
  width: 20rem !important;
}
.w-21rem {
  width: 21rem !important;
}
.w-22rem {
  width: 22rem !important;
}
.w-23rem {
  width: 23rem !important;
}
.w-24rem {
  width: 24rem !important;
}
.w-25rem {
  width: 25rem !important;
}
.w-26rem {
  width: 26rem !important;
}
.w-27rem {
  width: 27rem !important;
}
.w-28rem {
  width: 28rem !important;
}
.w-29rem {
  width: 29rem !important;
}
.w-30rem {
  width: 30rem !important;
}
@media screen and (min-width: 576px) {
  .sm\:w-full {
    width: 100% !important;
  }
  .sm\:w-screen {
    width: 100vw !important;
  }
  .sm\:w-auto {
    width: auto !important;
  }
  .sm\:w-1 {
    width: 8.3333% !important;
  }
  .sm\:w-2 {
    width: 16.6667% !important;
  }
  .sm\:w-3 {
    width: 25% !important;
  }
  .sm\:w-4 {
    width: 33.3333% !important;
  }
  .sm\:w-5 {
    width: 41.6667% !important;
  }
  .sm\:w-6 {
    width: 50% !important;
  }
  .sm\:w-7 {
    width: 58.3333% !important;
  }
  .sm\:w-8 {
    width: 66.6667% !important;
  }
  .sm\:w-9 {
    width: 75% !important;
  }
  .sm\:w-10 {
    width: 83.3333% !important;
  }
  .sm\:w-11 {
    width: 91.6667% !important;
  }
  .sm\:w-12 {
    width: 100% !important;
  }
  .sm\:w-min {
    width: -moz-min-content !important;
    width: min-content !important;
  }
  .sm\:w-max {
    width: -moz-max-content !important;
    width: max-content !important;
  }
  .sm\:w-fit {
    width: -moz-fit-content !important;
    width: fit-content !important;
  }
  .sm\:w-1rem {
    width: 1rem !important;
  }
  .sm\:w-2rem {
    width: 2rem !important;
  }
  .sm\:w-3rem {
    width: 3rem !important;
  }
  .sm\:w-4rem {
    width: 4rem !important;
  }
  .sm\:w-5rem {
    width: 5rem !important;
  }
  .sm\:w-6rem {
    width: 6rem !important;
  }
  .sm\:w-7rem {
    width: 7rem !important;
  }
  .sm\:w-8rem {
    width: 8rem !important;
  }
  .sm\:w-9rem {
    width: 9rem !important;
  }
  .sm\:w-10rem {
    width: 10rem !important;
  }
  .sm\:w-11rem {
    width: 11rem !important;
  }
  .sm\:w-12rem {
    width: 12rem !important;
  }
  .sm\:w-13rem {
    width: 13rem !important;
  }
  .sm\:w-14rem {
    width: 14rem !important;
  }
  .sm\:w-15rem {
    width: 15rem !important;
  }
  .sm\:w-16rem {
    width: 16rem !important;
  }
  .sm\:w-17rem {
    width: 17rem !important;
  }
  .sm\:w-18rem {
    width: 18rem !important;
  }
  .sm\:w-19rem {
    width: 19rem !important;
  }
  .sm\:w-20rem {
    width: 20rem !important;
  }
  .sm\:w-21rem {
    width: 21rem !important;
  }
  .sm\:w-22rem {
    width: 22rem !important;
  }
  .sm\:w-23rem {
    width: 23rem !important;
  }
  .sm\:w-24rem {
    width: 24rem !important;
  }
  .sm\:w-25rem {
    width: 25rem !important;
  }
  .sm\:w-26rem {
    width: 26rem !important;
  }
  .sm\:w-27rem {
    width: 27rem !important;
  }
  .sm\:w-28rem {
    width: 28rem !important;
  }
  .sm\:w-29rem {
    width: 29rem !important;
  }
  .sm\:w-30rem {
    width: 30rem !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:w-full {
    width: 100% !important;
  }
  .md\:w-screen {
    width: 100vw !important;
  }
  .md\:w-auto {
    width: auto !important;
  }
  .md\:w-1 {
    width: 8.3333% !important;
  }
  .md\:w-2 {
    width: 16.6667% !important;
  }
  .md\:w-3 {
    width: 25% !important;
  }
  .md\:w-4 {
    width: 33.3333% !important;
  }
  .md\:w-5 {
    width: 41.6667% !important;
  }
  .md\:w-6 {
    width: 50% !important;
  }
  .md\:w-7 {
    width: 58.3333% !important;
  }
  .md\:w-8 {
    width: 66.6667% !important;
  }
  .md\:w-9 {
    width: 75% !important;
  }
  .md\:w-10 {
    width: 83.3333% !important;
  }
  .md\:w-11 {
    width: 91.6667% !important;
  }
  .md\:w-12 {
    width: 100% !important;
  }
  .md\:w-min {
    width: -moz-min-content !important;
    width: min-content !important;
  }
  .md\:w-max {
    width: -moz-max-content !important;
    width: max-content !important;
  }
  .md\:w-fit {
    width: -moz-fit-content !important;
    width: fit-content !important;
  }
  .md\:w-1rem {
    width: 1rem !important;
  }
  .md\:w-2rem {
    width: 2rem !important;
  }
  .md\:w-3rem {
    width: 3rem !important;
  }
  .md\:w-4rem {
    width: 4rem !important;
  }
  .md\:w-5rem {
    width: 5rem !important;
  }
  .md\:w-6rem {
    width: 6rem !important;
  }
  .md\:w-7rem {
    width: 7rem !important;
  }
  .md\:w-8rem {
    width: 8rem !important;
  }
  .md\:w-9rem {
    width: 9rem !important;
  }
  .md\:w-10rem {
    width: 10rem !important;
  }
  .md\:w-11rem {
    width: 11rem !important;
  }
  .md\:w-12rem {
    width: 12rem !important;
  }
  .md\:w-13rem {
    width: 13rem !important;
  }
  .md\:w-14rem {
    width: 14rem !important;
  }
  .md\:w-15rem {
    width: 15rem !important;
  }
  .md\:w-16rem {
    width: 16rem !important;
  }
  .md\:w-17rem {
    width: 17rem !important;
  }
  .md\:w-18rem {
    width: 18rem !important;
  }
  .md\:w-19rem {
    width: 19rem !important;
  }
  .md\:w-20rem {
    width: 20rem !important;
  }
  .md\:w-21rem {
    width: 21rem !important;
  }
  .md\:w-22rem {
    width: 22rem !important;
  }
  .md\:w-23rem {
    width: 23rem !important;
  }
  .md\:w-24rem {
    width: 24rem !important;
  }
  .md\:w-25rem {
    width: 25rem !important;
  }
  .md\:w-26rem {
    width: 26rem !important;
  }
  .md\:w-27rem {
    width: 27rem !important;
  }
  .md\:w-28rem {
    width: 28rem !important;
  }
  .md\:w-29rem {
    width: 29rem !important;
  }
  .md\:w-30rem {
    width: 30rem !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:w-full {
    width: 100% !important;
  }
  .lg\:w-screen {
    width: 100vw !important;
  }
  .lg\:w-auto {
    width: auto !important;
  }
  .lg\:w-1 {
    width: 8.3333% !important;
  }
  .lg\:w-2 {
    width: 16.6667% !important;
  }
  .lg\:w-3 {
    width: 25% !important;
  }
  .lg\:w-4 {
    width: 33.3333% !important;
  }
  .lg\:w-5 {
    width: 41.6667% !important;
  }
  .lg\:w-6 {
    width: 50% !important;
  }
  .lg\:w-7 {
    width: 58.3333% !important;
  }
  .lg\:w-8 {
    width: 66.6667% !important;
  }
  .lg\:w-9 {
    width: 75% !important;
  }
  .lg\:w-10 {
    width: 83.3333% !important;
  }
  .lg\:w-11 {
    width: 91.6667% !important;
  }
  .lg\:w-12 {
    width: 100% !important;
  }
  .lg\:w-min {
    width: -moz-min-content !important;
    width: min-content !important;
  }
  .lg\:w-max {
    width: -moz-max-content !important;
    width: max-content !important;
  }
  .lg\:w-fit {
    width: -moz-fit-content !important;
    width: fit-content !important;
  }
  .lg\:w-1rem {
    width: 1rem !important;
  }
  .lg\:w-2rem {
    width: 2rem !important;
  }
  .lg\:w-3rem {
    width: 3rem !important;
  }
  .lg\:w-4rem {
    width: 4rem !important;
  }
  .lg\:w-5rem {
    width: 5rem !important;
  }
  .lg\:w-6rem {
    width: 6rem !important;
  }
  .lg\:w-7rem {
    width: 7rem !important;
  }
  .lg\:w-8rem {
    width: 8rem !important;
  }
  .lg\:w-9rem {
    width: 9rem !important;
  }
  .lg\:w-10rem {
    width: 10rem !important;
  }
  .lg\:w-11rem {
    width: 11rem !important;
  }
  .lg\:w-12rem {
    width: 12rem !important;
  }
  .lg\:w-13rem {
    width: 13rem !important;
  }
  .lg\:w-14rem {
    width: 14rem !important;
  }
  .lg\:w-15rem {
    width: 15rem !important;
  }
  .lg\:w-16rem {
    width: 16rem !important;
  }
  .lg\:w-17rem {
    width: 17rem !important;
  }
  .lg\:w-18rem {
    width: 18rem !important;
  }
  .lg\:w-19rem {
    width: 19rem !important;
  }
  .lg\:w-20rem {
    width: 20rem !important;
  }
  .lg\:w-21rem {
    width: 21rem !important;
  }
  .lg\:w-22rem {
    width: 22rem !important;
  }
  .lg\:w-23rem {
    width: 23rem !important;
  }
  .lg\:w-24rem {
    width: 24rem !important;
  }
  .lg\:w-25rem {
    width: 25rem !important;
  }
  .lg\:w-26rem {
    width: 26rem !important;
  }
  .lg\:w-27rem {
    width: 27rem !important;
  }
  .lg\:w-28rem {
    width: 28rem !important;
  }
  .lg\:w-29rem {
    width: 29rem !important;
  }
  .lg\:w-30rem {
    width: 30rem !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:w-full {
    width: 100% !important;
  }
  .xl\:w-screen {
    width: 100vw !important;
  }
  .xl\:w-auto {
    width: auto !important;
  }
  .xl\:w-1 {
    width: 8.3333% !important;
  }
  .xl\:w-2 {
    width: 16.6667% !important;
  }
  .xl\:w-3 {
    width: 25% !important;
  }
  .xl\:w-4 {
    width: 33.3333% !important;
  }
  .xl\:w-5 {
    width: 41.6667% !important;
  }
  .xl\:w-6 {
    width: 50% !important;
  }
  .xl\:w-7 {
    width: 58.3333% !important;
  }
  .xl\:w-8 {
    width: 66.6667% !important;
  }
  .xl\:w-9 {
    width: 75% !important;
  }
  .xl\:w-10 {
    width: 83.3333% !important;
  }
  .xl\:w-11 {
    width: 91.6667% !important;
  }
  .xl\:w-12 {
    width: 100% !important;
  }
  .xl\:w-min {
    width: -moz-min-content !important;
    width: min-content !important;
  }
  .xl\:w-max {
    width: -moz-max-content !important;
    width: max-content !important;
  }
  .xl\:w-fit {
    width: -moz-fit-content !important;
    width: fit-content !important;
  }
  .xl\:w-1rem {
    width: 1rem !important;
  }
  .xl\:w-2rem {
    width: 2rem !important;
  }
  .xl\:w-3rem {
    width: 3rem !important;
  }
  .xl\:w-4rem {
    width: 4rem !important;
  }
  .xl\:w-5rem {
    width: 5rem !important;
  }
  .xl\:w-6rem {
    width: 6rem !important;
  }
  .xl\:w-7rem {
    width: 7rem !important;
  }
  .xl\:w-8rem {
    width: 8rem !important;
  }
  .xl\:w-9rem {
    width: 9rem !important;
  }
  .xl\:w-10rem {
    width: 10rem !important;
  }
  .xl\:w-11rem {
    width: 11rem !important;
  }
  .xl\:w-12rem {
    width: 12rem !important;
  }
  .xl\:w-13rem {
    width: 13rem !important;
  }
  .xl\:w-14rem {
    width: 14rem !important;
  }
  .xl\:w-15rem {
    width: 15rem !important;
  }
  .xl\:w-16rem {
    width: 16rem !important;
  }
  .xl\:w-17rem {
    width: 17rem !important;
  }
  .xl\:w-18rem {
    width: 18rem !important;
  }
  .xl\:w-19rem {
    width: 19rem !important;
  }
  .xl\:w-20rem {
    width: 20rem !important;
  }
  .xl\:w-21rem {
    width: 21rem !important;
  }
  .xl\:w-22rem {
    width: 22rem !important;
  }
  .xl\:w-23rem {
    width: 23rem !important;
  }
  .xl\:w-24rem {
    width: 24rem !important;
  }
  .xl\:w-25rem {
    width: 25rem !important;
  }
  .xl\:w-26rem {
    width: 26rem !important;
  }
  .xl\:w-27rem {
    width: 27rem !important;
  }
  .xl\:w-28rem {
    width: 28rem !important;
  }
  .xl\:w-29rem {
    width: 29rem !important;
  }
  .xl\:w-30rem {
    width: 30rem !important;
  }
}
.h-full {
  height: 100% !important;
}
.h-screen {
  height: 100vh !important;
}
.h-auto {
  height: auto !important;
}
.h-min {
  height: -moz-min-content !important;
  height: min-content !important;
}
.h-max {
  height: -moz-max-content !important;
  height: max-content !important;
}
.h-fit {
  height: -moz-fit-content !important;
  height: fit-content !important;
}
.h-1rem {
  height: 1rem !important;
}
.h-2rem {
  height: 2rem !important;
}
.h-3rem {
  height: 3rem !important;
}
.h-4rem {
  height: 4rem !important;
}
.h-5rem {
  height: 5rem !important;
}
.h-6rem {
  height: 6rem !important;
}
.h-7rem {
  height: 7rem !important;
}
.h-8rem {
  height: 8rem !important;
}
.h-9rem {
  height: 9rem !important;
}
.h-10rem {
  height: 10rem !important;
}
.h-11rem {
  height: 11rem !important;
}
.h-12rem {
  height: 12rem !important;
}
.h-13rem {
  height: 13rem !important;
}
.h-14rem {
  height: 14rem !important;
}
.h-15rem {
  height: 15rem !important;
}
.h-16rem {
  height: 16rem !important;
}
.h-17rem {
  height: 17rem !important;
}
.h-18rem {
  height: 18rem !important;
}
.h-19rem {
  height: 19rem !important;
}
.h-20rem {
  height: 20rem !important;
}
.h-21rem {
  height: 21rem !important;
}
.h-22rem {
  height: 22rem !important;
}
.h-23rem {
  height: 23rem !important;
}
.h-24rem {
  height: 24rem !important;
}
.h-25rem {
  height: 25rem !important;
}
.h-26rem {
  height: 26rem !important;
}
.h-27rem {
  height: 27rem !important;
}
.h-28rem {
  height: 28rem !important;
}
.h-29rem {
  height: 29rem !important;
}
.h-30rem {
  height: 30rem !important;
}
@media screen and (min-width: 576px) {
  .sm\:h-full {
    height: 100% !important;
  }
  .sm\:h-screen {
    height: 100vh !important;
  }
  .sm\:h-auto {
    height: auto !important;
  }
  .sm\:h-min {
    height: -moz-min-content !important;
    height: min-content !important;
  }
  .sm\:h-max {
    height: -moz-max-content !important;
    height: max-content !important;
  }
  .sm\:h-fit {
    height: -moz-fit-content !important;
    height: fit-content !important;
  }
  .sm\:h-1rem {
    height: 1rem !important;
  }
  .sm\:h-2rem {
    height: 2rem !important;
  }
  .sm\:h-3rem {
    height: 3rem !important;
  }
  .sm\:h-4rem {
    height: 4rem !important;
  }
  .sm\:h-5rem {
    height: 5rem !important;
  }
  .sm\:h-6rem {
    height: 6rem !important;
  }
  .sm\:h-7rem {
    height: 7rem !important;
  }
  .sm\:h-8rem {
    height: 8rem !important;
  }
  .sm\:h-9rem {
    height: 9rem !important;
  }
  .sm\:h-10rem {
    height: 10rem !important;
  }
  .sm\:h-11rem {
    height: 11rem !important;
  }
  .sm\:h-12rem {
    height: 12rem !important;
  }
  .sm\:h-13rem {
    height: 13rem !important;
  }
  .sm\:h-14rem {
    height: 14rem !important;
  }
  .sm\:h-15rem {
    height: 15rem !important;
  }
  .sm\:h-16rem {
    height: 16rem !important;
  }
  .sm\:h-17rem {
    height: 17rem !important;
  }
  .sm\:h-18rem {
    height: 18rem !important;
  }
  .sm\:h-19rem {
    height: 19rem !important;
  }
  .sm\:h-20rem {
    height: 20rem !important;
  }
  .sm\:h-21rem {
    height: 21rem !important;
  }
  .sm\:h-22rem {
    height: 22rem !important;
  }
  .sm\:h-23rem {
    height: 23rem !important;
  }
  .sm\:h-24rem {
    height: 24rem !important;
  }
  .sm\:h-25rem {
    height: 25rem !important;
  }
  .sm\:h-26rem {
    height: 26rem !important;
  }
  .sm\:h-27rem {
    height: 27rem !important;
  }
  .sm\:h-28rem {
    height: 28rem !important;
  }
  .sm\:h-29rem {
    height: 29rem !important;
  }
  .sm\:h-30rem {
    height: 30rem !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:h-full {
    height: 100% !important;
  }
  .md\:h-screen {
    height: 100vh !important;
  }
  .md\:h-auto {
    height: auto !important;
  }
  .md\:h-min {
    height: -moz-min-content !important;
    height: min-content !important;
  }
  .md\:h-max {
    height: -moz-max-content !important;
    height: max-content !important;
  }
  .md\:h-fit {
    height: -moz-fit-content !important;
    height: fit-content !important;
  }
  .md\:h-1rem {
    height: 1rem !important;
  }
  .md\:h-2rem {
    height: 2rem !important;
  }
  .md\:h-3rem {
    height: 3rem !important;
  }
  .md\:h-4rem {
    height: 4rem !important;
  }
  .md\:h-5rem {
    height: 5rem !important;
  }
  .md\:h-6rem {
    height: 6rem !important;
  }
  .md\:h-7rem {
    height: 7rem !important;
  }
  .md\:h-8rem {
    height: 8rem !important;
  }
  .md\:h-9rem {
    height: 9rem !important;
  }
  .md\:h-10rem {
    height: 10rem !important;
  }
  .md\:h-11rem {
    height: 11rem !important;
  }
  .md\:h-12rem {
    height: 12rem !important;
  }
  .md\:h-13rem {
    height: 13rem !important;
  }
  .md\:h-14rem {
    height: 14rem !important;
  }
  .md\:h-15rem {
    height: 15rem !important;
  }
  .md\:h-16rem {
    height: 16rem !important;
  }
  .md\:h-17rem {
    height: 17rem !important;
  }
  .md\:h-18rem {
    height: 18rem !important;
  }
  .md\:h-19rem {
    height: 19rem !important;
  }
  .md\:h-20rem {
    height: 20rem !important;
  }
  .md\:h-21rem {
    height: 21rem !important;
  }
  .md\:h-22rem {
    height: 22rem !important;
  }
  .md\:h-23rem {
    height: 23rem !important;
  }
  .md\:h-24rem {
    height: 24rem !important;
  }
  .md\:h-25rem {
    height: 25rem !important;
  }
  .md\:h-26rem {
    height: 26rem !important;
  }
  .md\:h-27rem {
    height: 27rem !important;
  }
  .md\:h-28rem {
    height: 28rem !important;
  }
  .md\:h-29rem {
    height: 29rem !important;
  }
  .md\:h-30rem {
    height: 30rem !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:h-full {
    height: 100% !important;
  }
  .lg\:h-screen {
    height: 100vh !important;
  }
  .lg\:h-auto {
    height: auto !important;
  }
  .lg\:h-min {
    height: -moz-min-content !important;
    height: min-content !important;
  }
  .lg\:h-max {
    height: -moz-max-content !important;
    height: max-content !important;
  }
  .lg\:h-fit {
    height: -moz-fit-content !important;
    height: fit-content !important;
  }
  .lg\:h-1rem {
    height: 1rem !important;
  }
  .lg\:h-2rem {
    height: 2rem !important;
  }
  .lg\:h-3rem {
    height: 3rem !important;
  }
  .lg\:h-4rem {
    height: 4rem !important;
  }
  .lg\:h-5rem {
    height: 5rem !important;
  }
  .lg\:h-6rem {
    height: 6rem !important;
  }
  .lg\:h-7rem {
    height: 7rem !important;
  }
  .lg\:h-8rem {
    height: 8rem !important;
  }
  .lg\:h-9rem {
    height: 9rem !important;
  }
  .lg\:h-10rem {
    height: 10rem !important;
  }
  .lg\:h-11rem {
    height: 11rem !important;
  }
  .lg\:h-12rem {
    height: 12rem !important;
  }
  .lg\:h-13rem {
    height: 13rem !important;
  }
  .lg\:h-14rem {
    height: 14rem !important;
  }
  .lg\:h-15rem {
    height: 15rem !important;
  }
  .lg\:h-16rem {
    height: 16rem !important;
  }
  .lg\:h-17rem {
    height: 17rem !important;
  }
  .lg\:h-18rem {
    height: 18rem !important;
  }
  .lg\:h-19rem {
    height: 19rem !important;
  }
  .lg\:h-20rem {
    height: 20rem !important;
  }
  .lg\:h-21rem {
    height: 21rem !important;
  }
  .lg\:h-22rem {
    height: 22rem !important;
  }
  .lg\:h-23rem {
    height: 23rem !important;
  }
  .lg\:h-24rem {
    height: 24rem !important;
  }
  .lg\:h-25rem {
    height: 25rem !important;
  }
  .lg\:h-26rem {
    height: 26rem !important;
  }
  .lg\:h-27rem {
    height: 27rem !important;
  }
  .lg\:h-28rem {
    height: 28rem !important;
  }
  .lg\:h-29rem {
    height: 29rem !important;
  }
  .lg\:h-30rem {
    height: 30rem !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:h-full {
    height: 100% !important;
  }
  .xl\:h-screen {
    height: 100vh !important;
  }
  .xl\:h-auto {
    height: auto !important;
  }
  .xl\:h-min {
    height: -moz-min-content !important;
    height: min-content !important;
  }
  .xl\:h-max {
    height: -moz-max-content !important;
    height: max-content !important;
  }
  .xl\:h-fit {
    height: -moz-fit-content !important;
    height: fit-content !important;
  }
  .xl\:h-1rem {
    height: 1rem !important;
  }
  .xl\:h-2rem {
    height: 2rem !important;
  }
  .xl\:h-3rem {
    height: 3rem !important;
  }
  .xl\:h-4rem {
    height: 4rem !important;
  }
  .xl\:h-5rem {
    height: 5rem !important;
  }
  .xl\:h-6rem {
    height: 6rem !important;
  }
  .xl\:h-7rem {
    height: 7rem !important;
  }
  .xl\:h-8rem {
    height: 8rem !important;
  }
  .xl\:h-9rem {
    height: 9rem !important;
  }
  .xl\:h-10rem {
    height: 10rem !important;
  }
  .xl\:h-11rem {
    height: 11rem !important;
  }
  .xl\:h-12rem {
    height: 12rem !important;
  }
  .xl\:h-13rem {
    height: 13rem !important;
  }
  .xl\:h-14rem {
    height: 14rem !important;
  }
  .xl\:h-15rem {
    height: 15rem !important;
  }
  .xl\:h-16rem {
    height: 16rem !important;
  }
  .xl\:h-17rem {
    height: 17rem !important;
  }
  .xl\:h-18rem {
    height: 18rem !important;
  }
  .xl\:h-19rem {
    height: 19rem !important;
  }
  .xl\:h-20rem {
    height: 20rem !important;
  }
  .xl\:h-21rem {
    height: 21rem !important;
  }
  .xl\:h-22rem {
    height: 22rem !important;
  }
  .xl\:h-23rem {
    height: 23rem !important;
  }
  .xl\:h-24rem {
    height: 24rem !important;
  }
  .xl\:h-25rem {
    height: 25rem !important;
  }
  .xl\:h-26rem {
    height: 26rem !important;
  }
  .xl\:h-27rem {
    height: 27rem !important;
  }
  .xl\:h-28rem {
    height: 28rem !important;
  }
  .xl\:h-29rem {
    height: 29rem !important;
  }
  .xl\:h-30rem {
    height: 30rem !important;
  }
}
.min-w-0 {
  min-width: 0px !important;
}
.min-w-full {
  min-width: 100% !important;
}
.min-w-screen {
  min-width: 100vw !important;
}
.min-w-min {
  min-width: -moz-min-content !important;
  min-width: min-content !important;
}
.min-w-max {
  min-width: -moz-max-content !important;
  min-width: max-content !important;
}
@media screen and (min-width: 576px) {
  .sm\:min-w-0 {
    min-width: 0px !important;
  }
  .sm\:min-w-full {
    min-width: 100% !important;
  }
  .sm\:min-w-screen {
    min-width: 100vw !important;
  }
  .sm\:min-w-min {
    min-width: -moz-min-content !important;
    min-width: min-content !important;
  }
  .sm\:min-w-max {
    min-width: -moz-max-content !important;
    min-width: max-content !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:min-w-0 {
    min-width: 0px !important;
  }
  .md\:min-w-full {
    min-width: 100% !important;
  }
  .md\:min-w-screen {
    min-width: 100vw !important;
  }
  .md\:min-w-min {
    min-width: -moz-min-content !important;
    min-width: min-content !important;
  }
  .md\:min-w-max {
    min-width: -moz-max-content !important;
    min-width: max-content !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:min-w-0 {
    min-width: 0px !important;
  }
  .lg\:min-w-full {
    min-width: 100% !important;
  }
  .lg\:min-w-screen {
    min-width: 100vw !important;
  }
  .lg\:min-w-min {
    min-width: -moz-min-content !important;
    min-width: min-content !important;
  }
  .lg\:min-w-max {
    min-width: -moz-max-content !important;
    min-width: max-content !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:min-w-0 {
    min-width: 0px !important;
  }
  .xl\:min-w-full {
    min-width: 100% !important;
  }
  .xl\:min-w-screen {
    min-width: 100vw !important;
  }
  .xl\:min-w-min {
    min-width: -moz-min-content !important;
    min-width: min-content !important;
  }
  .xl\:min-w-max {
    min-width: -moz-max-content !important;
    min-width: max-content !important;
  }
}
.max-w-0 {
  max-width: 0px !important;
}
.max-w-full {
  max-width: 100% !important;
}
.max-w-screen {
  max-width: 100vw !important;
}
.max-w-min {
  max-width: -moz-min-content !important;
  max-width: min-content !important;
}
.max-w-max {
  max-width: -moz-max-content !important;
  max-width: max-content !important;
}
.max-w-fit {
  max-width: -moz-fit-content !important;
  max-width: fit-content !important;
}
.max-w-1rem {
  max-width: 1rem !important;
}
.max-w-2rem {
  max-width: 2rem !important;
}
.max-w-3rem {
  max-width: 3rem !important;
}
.max-w-4rem {
  max-width: 4rem !important;
}
.max-w-5rem {
  max-width: 5rem !important;
}
.max-w-6rem {
  max-width: 6rem !important;
}
.max-w-7rem {
  max-width: 7rem !important;
}
.max-w-8rem {
  max-width: 8rem !important;
}
.max-w-9rem {
  max-width: 9rem !important;
}
.max-w-10rem {
  max-width: 10rem !important;
}
.max-w-11rem {
  max-width: 11rem !important;
}
.max-w-12rem {
  max-width: 12rem !important;
}
.max-w-13rem {
  max-width: 13rem !important;
}
.max-w-14rem {
  max-width: 14rem !important;
}
.max-w-15rem {
  max-width: 15rem !important;
}
.max-w-16rem {
  max-width: 16rem !important;
}
.max-w-17rem {
  max-width: 17rem !important;
}
.max-w-18rem {
  max-width: 18rem !important;
}
.max-w-19rem {
  max-width: 19rem !important;
}
.max-w-20rem {
  max-width: 20rem !important;
}
.max-w-21rem {
  max-width: 21rem !important;
}
.max-w-22rem {
  max-width: 22rem !important;
}
.max-w-23rem {
  max-width: 23rem !important;
}
.max-w-24rem {
  max-width: 24rem !important;
}
.max-w-25rem {
  max-width: 25rem !important;
}
.max-w-26rem {
  max-width: 26rem !important;
}
.max-w-27rem {
  max-width: 27rem !important;
}
.max-w-28rem {
  max-width: 28rem !important;
}
.max-w-29rem {
  max-width: 29rem !important;
}
.max-w-30rem {
  max-width: 30rem !important;
}
@media screen and (min-width: 576px) {
  .sm\:max-w-0 {
    max-width: 0px !important;
  }
  .sm\:max-w-full {
    max-width: 100% !important;
  }
  .sm\:max-w-screen {
    max-width: 100vw !important;
  }
  .sm\:max-w-min {
    max-width: -moz-min-content !important;
    max-width: min-content !important;
  }
  .sm\:max-w-max {
    max-width: -moz-max-content !important;
    max-width: max-content !important;
  }
  .sm\:max-w-fit {
    max-width: -moz-fit-content !important;
    max-width: fit-content !important;
  }
  .sm\:max-w-1rem {
    max-width: 1rem !important;
  }
  .sm\:max-w-2rem {
    max-width: 2rem !important;
  }
  .sm\:max-w-3rem {
    max-width: 3rem !important;
  }
  .sm\:max-w-4rem {
    max-width: 4rem !important;
  }
  .sm\:max-w-5rem {
    max-width: 5rem !important;
  }
  .sm\:max-w-6rem {
    max-width: 6rem !important;
  }
  .sm\:max-w-7rem {
    max-width: 7rem !important;
  }
  .sm\:max-w-8rem {
    max-width: 8rem !important;
  }
  .sm\:max-w-9rem {
    max-width: 9rem !important;
  }
  .sm\:max-w-10rem {
    max-width: 10rem !important;
  }
  .sm\:max-w-11rem {
    max-width: 11rem !important;
  }
  .sm\:max-w-12rem {
    max-width: 12rem !important;
  }
  .sm\:max-w-13rem {
    max-width: 13rem !important;
  }
  .sm\:max-w-14rem {
    max-width: 14rem !important;
  }
  .sm\:max-w-15rem {
    max-width: 15rem !important;
  }
  .sm\:max-w-16rem {
    max-width: 16rem !important;
  }
  .sm\:max-w-17rem {
    max-width: 17rem !important;
  }
  .sm\:max-w-18rem {
    max-width: 18rem !important;
  }
  .sm\:max-w-19rem {
    max-width: 19rem !important;
  }
  .sm\:max-w-20rem {
    max-width: 20rem !important;
  }
  .sm\:max-w-21rem {
    max-width: 21rem !important;
  }
  .sm\:max-w-22rem {
    max-width: 22rem !important;
  }
  .sm\:max-w-23rem {
    max-width: 23rem !important;
  }
  .sm\:max-w-24rem {
    max-width: 24rem !important;
  }
  .sm\:max-w-25rem {
    max-width: 25rem !important;
  }
  .sm\:max-w-26rem {
    max-width: 26rem !important;
  }
  .sm\:max-w-27rem {
    max-width: 27rem !important;
  }
  .sm\:max-w-28rem {
    max-width: 28rem !important;
  }
  .sm\:max-w-29rem {
    max-width: 29rem !important;
  }
  .sm\:max-w-30rem {
    max-width: 30rem !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:max-w-0 {
    max-width: 0px !important;
  }
  .md\:max-w-full {
    max-width: 100% !important;
  }
  .md\:max-w-screen {
    max-width: 100vw !important;
  }
  .md\:max-w-min {
    max-width: -moz-min-content !important;
    max-width: min-content !important;
  }
  .md\:max-w-max {
    max-width: -moz-max-content !important;
    max-width: max-content !important;
  }
  .md\:max-w-fit {
    max-width: -moz-fit-content !important;
    max-width: fit-content !important;
  }
  .md\:max-w-1rem {
    max-width: 1rem !important;
  }
  .md\:max-w-2rem {
    max-width: 2rem !important;
  }
  .md\:max-w-3rem {
    max-width: 3rem !important;
  }
  .md\:max-w-4rem {
    max-width: 4rem !important;
  }
  .md\:max-w-5rem {
    max-width: 5rem !important;
  }
  .md\:max-w-6rem {
    max-width: 6rem !important;
  }
  .md\:max-w-7rem {
    max-width: 7rem !important;
  }
  .md\:max-w-8rem {
    max-width: 8rem !important;
  }
  .md\:max-w-9rem {
    max-width: 9rem !important;
  }
  .md\:max-w-10rem {
    max-width: 10rem !important;
  }
  .md\:max-w-11rem {
    max-width: 11rem !important;
  }
  .md\:max-w-12rem {
    max-width: 12rem !important;
  }
  .md\:max-w-13rem {
    max-width: 13rem !important;
  }
  .md\:max-w-14rem {
    max-width: 14rem !important;
  }
  .md\:max-w-15rem {
    max-width: 15rem !important;
  }
  .md\:max-w-16rem {
    max-width: 16rem !important;
  }
  .md\:max-w-17rem {
    max-width: 17rem !important;
  }
  .md\:max-w-18rem {
    max-width: 18rem !important;
  }
  .md\:max-w-19rem {
    max-width: 19rem !important;
  }
  .md\:max-w-20rem {
    max-width: 20rem !important;
  }
  .md\:max-w-21rem {
    max-width: 21rem !important;
  }
  .md\:max-w-22rem {
    max-width: 22rem !important;
  }
  .md\:max-w-23rem {
    max-width: 23rem !important;
  }
  .md\:max-w-24rem {
    max-width: 24rem !important;
  }
  .md\:max-w-25rem {
    max-width: 25rem !important;
  }
  .md\:max-w-26rem {
    max-width: 26rem !important;
  }
  .md\:max-w-27rem {
    max-width: 27rem !important;
  }
  .md\:max-w-28rem {
    max-width: 28rem !important;
  }
  .md\:max-w-29rem {
    max-width: 29rem !important;
  }
  .md\:max-w-30rem {
    max-width: 30rem !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:max-w-0 {
    max-width: 0px !important;
  }
  .lg\:max-w-full {
    max-width: 100% !important;
  }
  .lg\:max-w-screen {
    max-width: 100vw !important;
  }
  .lg\:max-w-min {
    max-width: -moz-min-content !important;
    max-width: min-content !important;
  }
  .lg\:max-w-max {
    max-width: -moz-max-content !important;
    max-width: max-content !important;
  }
  .lg\:max-w-fit {
    max-width: -moz-fit-content !important;
    max-width: fit-content !important;
  }
  .lg\:max-w-1rem {
    max-width: 1rem !important;
  }
  .lg\:max-w-2rem {
    max-width: 2rem !important;
  }
  .lg\:max-w-3rem {
    max-width: 3rem !important;
  }
  .lg\:max-w-4rem {
    max-width: 4rem !important;
  }
  .lg\:max-w-5rem {
    max-width: 5rem !important;
  }
  .lg\:max-w-6rem {
    max-width: 6rem !important;
  }
  .lg\:max-w-7rem {
    max-width: 7rem !important;
  }
  .lg\:max-w-8rem {
    max-width: 8rem !important;
  }
  .lg\:max-w-9rem {
    max-width: 9rem !important;
  }
  .lg\:max-w-10rem {
    max-width: 10rem !important;
  }
  .lg\:max-w-11rem {
    max-width: 11rem !important;
  }
  .lg\:max-w-12rem {
    max-width: 12rem !important;
  }
  .lg\:max-w-13rem {
    max-width: 13rem !important;
  }
  .lg\:max-w-14rem {
    max-width: 14rem !important;
  }
  .lg\:max-w-15rem {
    max-width: 15rem !important;
  }
  .lg\:max-w-16rem {
    max-width: 16rem !important;
  }
  .lg\:max-w-17rem {
    max-width: 17rem !important;
  }
  .lg\:max-w-18rem {
    max-width: 18rem !important;
  }
  .lg\:max-w-19rem {
    max-width: 19rem !important;
  }
  .lg\:max-w-20rem {
    max-width: 20rem !important;
  }
  .lg\:max-w-21rem {
    max-width: 21rem !important;
  }
  .lg\:max-w-22rem {
    max-width: 22rem !important;
  }
  .lg\:max-w-23rem {
    max-width: 23rem !important;
  }
  .lg\:max-w-24rem {
    max-width: 24rem !important;
  }
  .lg\:max-w-25rem {
    max-width: 25rem !important;
  }
  .lg\:max-w-26rem {
    max-width: 26rem !important;
  }
  .lg\:max-w-27rem {
    max-width: 27rem !important;
  }
  .lg\:max-w-28rem {
    max-width: 28rem !important;
  }
  .lg\:max-w-29rem {
    max-width: 29rem !important;
  }
  .lg\:max-w-30rem {
    max-width: 30rem !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:max-w-0 {
    max-width: 0px !important;
  }
  .xl\:max-w-full {
    max-width: 100% !important;
  }
  .xl\:max-w-screen {
    max-width: 100vw !important;
  }
  .xl\:max-w-min {
    max-width: -moz-min-content !important;
    max-width: min-content !important;
  }
  .xl\:max-w-max {
    max-width: -moz-max-content !important;
    max-width: max-content !important;
  }
  .xl\:max-w-fit {
    max-width: -moz-fit-content !important;
    max-width: fit-content !important;
  }
  .xl\:max-w-1rem {
    max-width: 1rem !important;
  }
  .xl\:max-w-2rem {
    max-width: 2rem !important;
  }
  .xl\:max-w-3rem {
    max-width: 3rem !important;
  }
  .xl\:max-w-4rem {
    max-width: 4rem !important;
  }
  .xl\:max-w-5rem {
    max-width: 5rem !important;
  }
  .xl\:max-w-6rem {
    max-width: 6rem !important;
  }
  .xl\:max-w-7rem {
    max-width: 7rem !important;
  }
  .xl\:max-w-8rem {
    max-width: 8rem !important;
  }
  .xl\:max-w-9rem {
    max-width: 9rem !important;
  }
  .xl\:max-w-10rem {
    max-width: 10rem !important;
  }
  .xl\:max-w-11rem {
    max-width: 11rem !important;
  }
  .xl\:max-w-12rem {
    max-width: 12rem !important;
  }
  .xl\:max-w-13rem {
    max-width: 13rem !important;
  }
  .xl\:max-w-14rem {
    max-width: 14rem !important;
  }
  .xl\:max-w-15rem {
    max-width: 15rem !important;
  }
  .xl\:max-w-16rem {
    max-width: 16rem !important;
  }
  .xl\:max-w-17rem {
    max-width: 17rem !important;
  }
  .xl\:max-w-18rem {
    max-width: 18rem !important;
  }
  .xl\:max-w-19rem {
    max-width: 19rem !important;
  }
  .xl\:max-w-20rem {
    max-width: 20rem !important;
  }
  .xl\:max-w-21rem {
    max-width: 21rem !important;
  }
  .xl\:max-w-22rem {
    max-width: 22rem !important;
  }
  .xl\:max-w-23rem {
    max-width: 23rem !important;
  }
  .xl\:max-w-24rem {
    max-width: 24rem !important;
  }
  .xl\:max-w-25rem {
    max-width: 25rem !important;
  }
  .xl\:max-w-26rem {
    max-width: 26rem !important;
  }
  .xl\:max-w-27rem {
    max-width: 27rem !important;
  }
  .xl\:max-w-28rem {
    max-width: 28rem !important;
  }
  .xl\:max-w-29rem {
    max-width: 29rem !important;
  }
  .xl\:max-w-30rem {
    max-width: 30rem !important;
  }
}
.min-h-0 {
  min-height: 0px !important;
}
.min-h-full {
  min-height: 100% !important;
}
.min-h-screen {
  min-height: 100vh !important;
}
@media screen and (min-width: 576px) {
  .sm\:min-h-0 {
    min-height: 0px !important;
  }
  .sm\:min-h-full {
    min-height: 100% !important;
  }
  .sm\:min-h-screen {
    min-height: 100vh !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:min-h-0 {
    min-height: 0px !important;
  }
  .md\:min-h-full {
    min-height: 100% !important;
  }
  .md\:min-h-screen {
    min-height: 100vh !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:min-h-0 {
    min-height: 0px !important;
  }
  .lg\:min-h-full {
    min-height: 100% !important;
  }
  .lg\:min-h-screen {
    min-height: 100vh !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:min-h-0 {
    min-height: 0px !important;
  }
  .xl\:min-h-full {
    min-height: 100% !important;
  }
  .xl\:min-h-screen {
    min-height: 100vh !important;
  }
}
.max-h-0 {
  max-height: 0px !important;
}
.max-h-full {
  max-height: 100% !important;
}
.max-h-screen {
  max-height: 100vh !important;
}
.max-h-min {
  max-height: -moz-min-content !important;
  max-height: min-content !important;
}
.max-h-max {
  max-height: -moz-max-content !important;
  max-height: max-content !important;
}
.max-h-fit {
  max-height: -moz-fit-content !important;
  max-height: fit-content !important;
}
.max-h-1rem {
  max-height: 1rem !important;
}
.max-h-2rem {
  max-height: 2rem !important;
}
.max-h-3rem {
  max-height: 3rem !important;
}
.max-h-4rem {
  max-height: 4rem !important;
}
.max-h-5rem {
  max-height: 5rem !important;
}
.max-h-6rem {
  max-height: 6rem !important;
}
.max-h-7rem {
  max-height: 7rem !important;
}
.max-h-8rem {
  max-height: 8rem !important;
}
.max-h-9rem {
  max-height: 9rem !important;
}
.max-h-10rem {
  max-height: 10rem !important;
}
.max-h-11rem {
  max-height: 11rem !important;
}
.max-h-12rem {
  max-height: 12rem !important;
}
.max-h-13rem {
  max-height: 13rem !important;
}
.max-h-14rem {
  max-height: 14rem !important;
}
.max-h-15rem {
  max-height: 15rem !important;
}
.max-h-16rem {
  max-height: 16rem !important;
}
.max-h-17rem {
  max-height: 17rem !important;
}
.max-h-18rem {
  max-height: 18rem !important;
}
.max-h-19rem {
  max-height: 19rem !important;
}
.max-h-20rem {
  max-height: 20rem !important;
}
.max-h-21rem {
  max-height: 21rem !important;
}
.max-h-22rem {
  max-height: 22rem !important;
}
.max-h-23rem {
  max-height: 23rem !important;
}
.max-h-24rem {
  max-height: 24rem !important;
}
.max-h-25rem {
  max-height: 25rem !important;
}
.max-h-26rem {
  max-height: 26rem !important;
}
.max-h-27rem {
  max-height: 27rem !important;
}
.max-h-28rem {
  max-height: 28rem !important;
}
.max-h-29rem {
  max-height: 29rem !important;
}
.max-h-30rem {
  max-height: 30rem !important;
}
@media screen and (min-width: 576px) {
  .sm\:max-h-0 {
    max-height: 0px !important;
  }
  .sm\:max-h-full {
    max-height: 100% !important;
  }
  .sm\:max-h-screen {
    max-height: 100vh !important;
  }
  .sm\:max-h-min {
    max-height: -moz-min-content !important;
    max-height: min-content !important;
  }
  .sm\:max-h-max {
    max-height: -moz-max-content !important;
    max-height: max-content !important;
  }
  .sm\:max-h-fit {
    max-height: -moz-fit-content !important;
    max-height: fit-content !important;
  }
  .sm\:max-h-1rem {
    max-height: 1rem !important;
  }
  .sm\:max-h-2rem {
    max-height: 2rem !important;
  }
  .sm\:max-h-3rem {
    max-height: 3rem !important;
  }
  .sm\:max-h-4rem {
    max-height: 4rem !important;
  }
  .sm\:max-h-5rem {
    max-height: 5rem !important;
  }
  .sm\:max-h-6rem {
    max-height: 6rem !important;
  }
  .sm\:max-h-7rem {
    max-height: 7rem !important;
  }
  .sm\:max-h-8rem {
    max-height: 8rem !important;
  }
  .sm\:max-h-9rem {
    max-height: 9rem !important;
  }
  .sm\:max-h-10rem {
    max-height: 10rem !important;
  }
  .sm\:max-h-11rem {
    max-height: 11rem !important;
  }
  .sm\:max-h-12rem {
    max-height: 12rem !important;
  }
  .sm\:max-h-13rem {
    max-height: 13rem !important;
  }
  .sm\:max-h-14rem {
    max-height: 14rem !important;
  }
  .sm\:max-h-15rem {
    max-height: 15rem !important;
  }
  .sm\:max-h-16rem {
    max-height: 16rem !important;
  }
  .sm\:max-h-17rem {
    max-height: 17rem !important;
  }
  .sm\:max-h-18rem {
    max-height: 18rem !important;
  }
  .sm\:max-h-19rem {
    max-height: 19rem !important;
  }
  .sm\:max-h-20rem {
    max-height: 20rem !important;
  }
  .sm\:max-h-21rem {
    max-height: 21rem !important;
  }
  .sm\:max-h-22rem {
    max-height: 22rem !important;
  }
  .sm\:max-h-23rem {
    max-height: 23rem !important;
  }
  .sm\:max-h-24rem {
    max-height: 24rem !important;
  }
  .sm\:max-h-25rem {
    max-height: 25rem !important;
  }
  .sm\:max-h-26rem {
    max-height: 26rem !important;
  }
  .sm\:max-h-27rem {
    max-height: 27rem !important;
  }
  .sm\:max-h-28rem {
    max-height: 28rem !important;
  }
  .sm\:max-h-29rem {
    max-height: 29rem !important;
  }
  .sm\:max-h-30rem {
    max-height: 30rem !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:max-h-0 {
    max-height: 0px !important;
  }
  .md\:max-h-full {
    max-height: 100% !important;
  }
  .md\:max-h-screen {
    max-height: 100vh !important;
  }
  .md\:max-h-min {
    max-height: -moz-min-content !important;
    max-height: min-content !important;
  }
  .md\:max-h-max {
    max-height: -moz-max-content !important;
    max-height: max-content !important;
  }
  .md\:max-h-fit {
    max-height: -moz-fit-content !important;
    max-height: fit-content !important;
  }
  .md\:max-h-1rem {
    max-height: 1rem !important;
  }
  .md\:max-h-2rem {
    max-height: 2rem !important;
  }
  .md\:max-h-3rem {
    max-height: 3rem !important;
  }
  .md\:max-h-4rem {
    max-height: 4rem !important;
  }
  .md\:max-h-5rem {
    max-height: 5rem !important;
  }
  .md\:max-h-6rem {
    max-height: 6rem !important;
  }
  .md\:max-h-7rem {
    max-height: 7rem !important;
  }
  .md\:max-h-8rem {
    max-height: 8rem !important;
  }
  .md\:max-h-9rem {
    max-height: 9rem !important;
  }
  .md\:max-h-10rem {
    max-height: 10rem !important;
  }
  .md\:max-h-11rem {
    max-height: 11rem !important;
  }
  .md\:max-h-12rem {
    max-height: 12rem !important;
  }
  .md\:max-h-13rem {
    max-height: 13rem !important;
  }
  .md\:max-h-14rem {
    max-height: 14rem !important;
  }
  .md\:max-h-15rem {
    max-height: 15rem !important;
  }
  .md\:max-h-16rem {
    max-height: 16rem !important;
  }
  .md\:max-h-17rem {
    max-height: 17rem !important;
  }
  .md\:max-h-18rem {
    max-height: 18rem !important;
  }
  .md\:max-h-19rem {
    max-height: 19rem !important;
  }
  .md\:max-h-20rem {
    max-height: 20rem !important;
  }
  .md\:max-h-21rem {
    max-height: 21rem !important;
  }
  .md\:max-h-22rem {
    max-height: 22rem !important;
  }
  .md\:max-h-23rem {
    max-height: 23rem !important;
  }
  .md\:max-h-24rem {
    max-height: 24rem !important;
  }
  .md\:max-h-25rem {
    max-height: 25rem !important;
  }
  .md\:max-h-26rem {
    max-height: 26rem !important;
  }
  .md\:max-h-27rem {
    max-height: 27rem !important;
  }
  .md\:max-h-28rem {
    max-height: 28rem !important;
  }
  .md\:max-h-29rem {
    max-height: 29rem !important;
  }
  .md\:max-h-30rem {
    max-height: 30rem !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:max-h-0 {
    max-height: 0px !important;
  }
  .lg\:max-h-full {
    max-height: 100% !important;
  }
  .lg\:max-h-screen {
    max-height: 100vh !important;
  }
  .lg\:max-h-min {
    max-height: -moz-min-content !important;
    max-height: min-content !important;
  }
  .lg\:max-h-max {
    max-height: -moz-max-content !important;
    max-height: max-content !important;
  }
  .lg\:max-h-fit {
    max-height: -moz-fit-content !important;
    max-height: fit-content !important;
  }
  .lg\:max-h-1rem {
    max-height: 1rem !important;
  }
  .lg\:max-h-2rem {
    max-height: 2rem !important;
  }
  .lg\:max-h-3rem {
    max-height: 3rem !important;
  }
  .lg\:max-h-4rem {
    max-height: 4rem !important;
  }
  .lg\:max-h-5rem {
    max-height: 5rem !important;
  }
  .lg\:max-h-6rem {
    max-height: 6rem !important;
  }
  .lg\:max-h-7rem {
    max-height: 7rem !important;
  }
  .lg\:max-h-8rem {
    max-height: 8rem !important;
  }
  .lg\:max-h-9rem {
    max-height: 9rem !important;
  }
  .lg\:max-h-10rem {
    max-height: 10rem !important;
  }
  .lg\:max-h-11rem {
    max-height: 11rem !important;
  }
  .lg\:max-h-12rem {
    max-height: 12rem !important;
  }
  .lg\:max-h-13rem {
    max-height: 13rem !important;
  }
  .lg\:max-h-14rem {
    max-height: 14rem !important;
  }
  .lg\:max-h-15rem {
    max-height: 15rem !important;
  }
  .lg\:max-h-16rem {
    max-height: 16rem !important;
  }
  .lg\:max-h-17rem {
    max-height: 17rem !important;
  }
  .lg\:max-h-18rem {
    max-height: 18rem !important;
  }
  .lg\:max-h-19rem {
    max-height: 19rem !important;
  }
  .lg\:max-h-20rem {
    max-height: 20rem !important;
  }
  .lg\:max-h-21rem {
    max-height: 21rem !important;
  }
  .lg\:max-h-22rem {
    max-height: 22rem !important;
  }
  .lg\:max-h-23rem {
    max-height: 23rem !important;
  }
  .lg\:max-h-24rem {
    max-height: 24rem !important;
  }
  .lg\:max-h-25rem {
    max-height: 25rem !important;
  }
  .lg\:max-h-26rem {
    max-height: 26rem !important;
  }
  .lg\:max-h-27rem {
    max-height: 27rem !important;
  }
  .lg\:max-h-28rem {
    max-height: 28rem !important;
  }
  .lg\:max-h-29rem {
    max-height: 29rem !important;
  }
  .lg\:max-h-30rem {
    max-height: 30rem !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:max-h-0 {
    max-height: 0px !important;
  }
  .xl\:max-h-full {
    max-height: 100% !important;
  }
  .xl\:max-h-screen {
    max-height: 100vh !important;
  }
  .xl\:max-h-min {
    max-height: -moz-min-content !important;
    max-height: min-content !important;
  }
  .xl\:max-h-max {
    max-height: -moz-max-content !important;
    max-height: max-content !important;
  }
  .xl\:max-h-fit {
    max-height: -moz-fit-content !important;
    max-height: fit-content !important;
  }
  .xl\:max-h-1rem {
    max-height: 1rem !important;
  }
  .xl\:max-h-2rem {
    max-height: 2rem !important;
  }
  .xl\:max-h-3rem {
    max-height: 3rem !important;
  }
  .xl\:max-h-4rem {
    max-height: 4rem !important;
  }
  .xl\:max-h-5rem {
    max-height: 5rem !important;
  }
  .xl\:max-h-6rem {
    max-height: 6rem !important;
  }
  .xl\:max-h-7rem {
    max-height: 7rem !important;
  }
  .xl\:max-h-8rem {
    max-height: 8rem !important;
  }
  .xl\:max-h-9rem {
    max-height: 9rem !important;
  }
  .xl\:max-h-10rem {
    max-height: 10rem !important;
  }
  .xl\:max-h-11rem {
    max-height: 11rem !important;
  }
  .xl\:max-h-12rem {
    max-height: 12rem !important;
  }
  .xl\:max-h-13rem {
    max-height: 13rem !important;
  }
  .xl\:max-h-14rem {
    max-height: 14rem !important;
  }
  .xl\:max-h-15rem {
    max-height: 15rem !important;
  }
  .xl\:max-h-16rem {
    max-height: 16rem !important;
  }
  .xl\:max-h-17rem {
    max-height: 17rem !important;
  }
  .xl\:max-h-18rem {
    max-height: 18rem !important;
  }
  .xl\:max-h-19rem {
    max-height: 19rem !important;
  }
  .xl\:max-h-20rem {
    max-height: 20rem !important;
  }
  .xl\:max-h-21rem {
    max-height: 21rem !important;
  }
  .xl\:max-h-22rem {
    max-height: 22rem !important;
  }
  .xl\:max-h-23rem {
    max-height: 23rem !important;
  }
  .xl\:max-h-24rem {
    max-height: 24rem !important;
  }
  .xl\:max-h-25rem {
    max-height: 25rem !important;
  }
  .xl\:max-h-26rem {
    max-height: 26rem !important;
  }
  .xl\:max-h-27rem {
    max-height: 27rem !important;
  }
  .xl\:max-h-28rem {
    max-height: 28rem !important;
  }
  .xl\:max-h-29rem {
    max-height: 29rem !important;
  }
  .xl\:max-h-30rem {
    max-height: 30rem !important;
  }
}
.static {
  position: static !important;
}
.fixed {
  position: fixed !important;
}
.absolute {
  position: absolute !important;
}
.relative {
  position: relative !important;
}
.sticky {
  position: sticky !important;
}
@media screen and (min-width: 576px) {
  .sm\:static {
    position: static !important;
  }
  .sm\:fixed {
    position: fixed !important;
  }
  .sm\:absolute {
    position: absolute !important;
  }
  .sm\:relative {
    position: relative !important;
  }
  .sm\:sticky {
    position: sticky !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:static {
    position: static !important;
  }
  .md\:fixed {
    position: fixed !important;
  }
  .md\:absolute {
    position: absolute !important;
  }
  .md\:relative {
    position: relative !important;
  }
  .md\:sticky {
    position: sticky !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:static {
    position: static !important;
  }
  .lg\:fixed {
    position: fixed !important;
  }
  .lg\:absolute {
    position: absolute !important;
  }
  .lg\:relative {
    position: relative !important;
  }
  .lg\:sticky {
    position: sticky !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:static {
    position: static !important;
  }
  .xl\:fixed {
    position: fixed !important;
  }
  .xl\:absolute {
    position: absolute !important;
  }
  .xl\:relative {
    position: relative !important;
  }
  .xl\:sticky {
    position: sticky !important;
  }
}
.top-auto {
  top: auto !important;
}
.top-0 {
  top: 0px !important;
}
.top-50 {
  top: 50% !important;
}
.top-100 {
  top: 100% !important;
}
@media screen and (min-width: 576px) {
  .sm\:top-auto {
    top: auto !important;
  }
  .sm\:top-0 {
    top: 0px !important;
  }
  .sm\:top-50 {
    top: 50% !important;
  }
  .sm\:top-100 {
    top: 100% !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:top-auto {
    top: auto !important;
  }
  .md\:top-0 {
    top: 0px !important;
  }
  .md\:top-50 {
    top: 50% !important;
  }
  .md\:top-100 {
    top: 100% !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:top-auto {
    top: auto !important;
  }
  .lg\:top-0 {
    top: 0px !important;
  }
  .lg\:top-50 {
    top: 50% !important;
  }
  .lg\:top-100 {
    top: 100% !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:top-auto {
    top: auto !important;
  }
  .xl\:top-0 {
    top: 0px !important;
  }
  .xl\:top-50 {
    top: 50% !important;
  }
  .xl\:top-100 {
    top: 100% !important;
  }
}
.left-auto {
  left: auto !important;
}
.left-0 {
  left: 0px !important;
}
.left-50 {
  left: 50% !important;
}
.left-100 {
  left: 100% !important;
}
@media screen and (min-width: 576px) {
  .sm\:left-auto {
    left: auto !important;
  }
  .sm\:left-0 {
    left: 0px !important;
  }
  .sm\:left-50 {
    left: 50% !important;
  }
  .sm\:left-100 {
    left: 100% !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:left-auto {
    left: auto !important;
  }
  .md\:left-0 {
    left: 0px !important;
  }
  .md\:left-50 {
    left: 50% !important;
  }
  .md\:left-100 {
    left: 100% !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:left-auto {
    left: auto !important;
  }
  .lg\:left-0 {
    left: 0px !important;
  }
  .lg\:left-50 {
    left: 50% !important;
  }
  .lg\:left-100 {
    left: 100% !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:left-auto {
    left: auto !important;
  }
  .xl\:left-0 {
    left: 0px !important;
  }
  .xl\:left-50 {
    left: 50% !important;
  }
  .xl\:left-100 {
    left: 100% !important;
  }
}
.right-auto {
  right: auto !important;
}
.right-0 {
  right: 0px !important;
}
.right-50 {
  right: 50% !important;
}
.right-100 {
  right: 100% !important;
}
@media screen and (min-width: 576px) {
  .sm\:right-auto {
    right: auto !important;
  }
  .sm\:right-0 {
    right: 0px !important;
  }
  .sm\:right-50 {
    right: 50% !important;
  }
  .sm\:right-100 {
    right: 100% !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:right-auto {
    right: auto !important;
  }
  .md\:right-0 {
    right: 0px !important;
  }
  .md\:right-50 {
    right: 50% !important;
  }
  .md\:right-100 {
    right: 100% !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:right-auto {
    right: auto !important;
  }
  .lg\:right-0 {
    right: 0px !important;
  }
  .lg\:right-50 {
    right: 50% !important;
  }
  .lg\:right-100 {
    right: 100% !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:right-auto {
    right: auto !important;
  }
  .xl\:right-0 {
    right: 0px !important;
  }
  .xl\:right-50 {
    right: 50% !important;
  }
  .xl\:right-100 {
    right: 100% !important;
  }
}
.bottom-auto {
  bottom: auto !important;
}
.bottom-0 {
  bottom: 0px !important;
}
.bottom-50 {
  bottom: 50% !important;
}
.bottom-100 {
  bottom: 100% !important;
}
@media screen and (min-width: 576px) {
  .sm\:bottom-auto {
    bottom: auto !important;
  }
  .sm\:bottom-0 {
    bottom: 0px !important;
  }
  .sm\:bottom-50 {
    bottom: 50% !important;
  }
  .sm\:bottom-100 {
    bottom: 100% !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:bottom-auto {
    bottom: auto !important;
  }
  .md\:bottom-0 {
    bottom: 0px !important;
  }
  .md\:bottom-50 {
    bottom: 50% !important;
  }
  .md\:bottom-100 {
    bottom: 100% !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:bottom-auto {
    bottom: auto !important;
  }
  .lg\:bottom-0 {
    bottom: 0px !important;
  }
  .lg\:bottom-50 {
    bottom: 50% !important;
  }
  .lg\:bottom-100 {
    bottom: 100% !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:bottom-auto {
    bottom: auto !important;
  }
  .xl\:bottom-0 {
    bottom: 0px !important;
  }
  .xl\:bottom-50 {
    bottom: 50% !important;
  }
  .xl\:bottom-100 {
    bottom: 100% !important;
  }
}
.overflow-auto {
  overflow: auto !important;
}
.overflow-hidden {
  overflow: hidden !important;
}
.overflow-visible {
  overflow: visible !important;
}
.overflow-scroll {
  overflow: scroll !important;
}
@media screen and (min-width: 576px) {
  .sm\:overflow-auto {
    overflow: auto !important;
  }
  .sm\:overflow-hidden {
    overflow: hidden !important;
  }
  .sm\:overflow-visible {
    overflow: visible !important;
  }
  .sm\:overflow-scroll {
    overflow: scroll !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:overflow-auto {
    overflow: auto !important;
  }
  .md\:overflow-hidden {
    overflow: hidden !important;
  }
  .md\:overflow-visible {
    overflow: visible !important;
  }
  .md\:overflow-scroll {
    overflow: scroll !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:overflow-auto {
    overflow: auto !important;
  }
  .lg\:overflow-hidden {
    overflow: hidden !important;
  }
  .lg\:overflow-visible {
    overflow: visible !important;
  }
  .lg\:overflow-scroll {
    overflow: scroll !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:overflow-auto {
    overflow: auto !important;
  }
  .xl\:overflow-hidden {
    overflow: hidden !important;
  }
  .xl\:overflow-visible {
    overflow: visible !important;
  }
  .xl\: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;
}
@media screen and (min-width: 576px) {
  .sm\:overflow-x-auto {
    overflow-x: auto !important;
  }
  .sm\:overflow-x-hidden {
    overflow-x: hidden !important;
  }
  .sm\:overflow-x-visible {
    overflow-x: visible !important;
  }
  .sm\:overflow-x-scroll {
    overflow-x: scroll !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:overflow-x-auto {
    overflow-x: auto !important;
  }
  .md\:overflow-x-hidden {
    overflow-x: hidden !important;
  }
  .md\:overflow-x-visible {
    overflow-x: visible !important;
  }
  .md\:overflow-x-scroll {
    overflow-x: scroll !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:overflow-x-auto {
    overflow-x: auto !important;
  }
  .lg\:overflow-x-hidden {
    overflow-x: hidden !important;
  }
  .lg\:overflow-x-visible {
    overflow-x: visible !important;
  }
  .lg\:overflow-x-scroll {
    overflow-x: scroll !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:overflow-x-auto {
    overflow-x: auto !important;
  }
  .xl\:overflow-x-hidden {
    overflow-x: hidden !important;
  }
  .xl\:overflow-x-visible {
    overflow-x: visible !important;
  }
  .xl\: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;
}
@media screen and (min-width: 576px) {
  .sm\:overflow-y-auto {
    overflow-y: auto !important;
  }
  .sm\:overflow-y-hidden {
    overflow-y: hidden !important;
  }
  .sm\:overflow-y-visible {
    overflow-y: visible !important;
  }
  .sm\:overflow-y-scroll {
    overflow-y: scroll !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:overflow-y-auto {
    overflow-y: auto !important;
  }
  .md\:overflow-y-hidden {
    overflow-y: hidden !important;
  }
  .md\:overflow-y-visible {
    overflow-y: visible !important;
  }
  .md\:overflow-y-scroll {
    overflow-y: scroll !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:overflow-y-auto {
    overflow-y: auto !important;
  }
  .lg\:overflow-y-hidden {
    overflow-y: hidden !important;
  }
  .lg\:overflow-y-visible {
    overflow-y: visible !important;
  }
  .lg\:overflow-y-scroll {
    overflow-y: scroll !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:overflow-y-auto {
    overflow-y: auto !important;
  }
  .xl\:overflow-y-hidden {
    overflow-y: hidden !important;
  }
  .xl\:overflow-y-visible {
    overflow-y: visible !important;
  }
  .xl\:overflow-y-scroll {
    overflow-y: scroll !important;
  }
}
.z-auto {
  z-index: auto !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;
}
.z-4 {
  z-index: 4 !important;
}
.z-5 {
  z-index: 5 !important;
}
@media screen and (min-width: 576px) {
  .sm\:z-auto {
    z-index: auto !important;
  }
  .sm\:z-0 {
    z-index: 0 !important;
  }
  .sm\:z-1 {
    z-index: 1 !important;
  }
  .sm\:z-2 {
    z-index: 2 !important;
  }
  .sm\:z-3 {
    z-index: 3 !important;
  }
  .sm\:z-4 {
    z-index: 4 !important;
  }
  .sm\:z-5 {
    z-index: 5 !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:z-auto {
    z-index: auto !important;
  }
  .md\:z-0 {
    z-index: 0 !important;
  }
  .md\:z-1 {
    z-index: 1 !important;
  }
  .md\:z-2 {
    z-index: 2 !important;
  }
  .md\:z-3 {
    z-index: 3 !important;
  }
  .md\:z-4 {
    z-index: 4 !important;
  }
  .md\:z-5 {
    z-index: 5 !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:z-auto {
    z-index: auto !important;
  }
  .lg\:z-0 {
    z-index: 0 !important;
  }
  .lg\:z-1 {
    z-index: 1 !important;
  }
  .lg\:z-2 {
    z-index: 2 !important;
  }
  .lg\:z-3 {
    z-index: 3 !important;
  }
  .lg\:z-4 {
    z-index: 4 !important;
  }
  .lg\:z-5 {
    z-index: 5 !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:z-auto {
    z-index: auto !important;
  }
  .xl\:z-0 {
    z-index: 0 !important;
  }
  .xl\:z-1 {
    z-index: 1 !important;
  }
  .xl\:z-2 {
    z-index: 2 !important;
  }
  .xl\:z-3 {
    z-index: 3 !important;
  }
  .xl\:z-4 {
    z-index: 4 !important;
  }
  .xl\:z-5 {
    z-index: 5 !important;
  }
}
.bg-repeat {
  background-repeat: repeat !important;
}
.bg-no-repeat {
  background-repeat: no-repeat !important;
}
.bg-repeat-x {
  background-repeat: repeat-x !important;
}
.bg-repeat-y {
  background-repeat: repeat-y !important;
}
.bg-repeat-round {
  background-repeat: round !important;
}
.bg-repeat-space {
  background-repeat: space !important;
}
@media screen and (min-width: 576px) {
  .sm\:bg-repeat {
    background-repeat: repeat !important;
  }
  .sm\:bg-no-repeat {
    background-repeat: no-repeat !important;
  }
  .sm\:bg-repeat-x {
    background-repeat: repeat-x !important;
  }
  .sm\:bg-repeat-y {
    background-repeat: repeat-y !important;
  }
  .sm\:bg-repeat-round {
    background-repeat: round !important;
  }
  .sm\:bg-repeat-space {
    background-repeat: space !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:bg-repeat {
    background-repeat: repeat !important;
  }
  .md\:bg-no-repeat {
    background-repeat: no-repeat !important;
  }
  .md\:bg-repeat-x {
    background-repeat: repeat-x !important;
  }
  .md\:bg-repeat-y {
    background-repeat: repeat-y !important;
  }
  .md\:bg-repeat-round {
    background-repeat: round !important;
  }
  .md\:bg-repeat-space {
    background-repeat: space !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:bg-repeat {
    background-repeat: repeat !important;
  }
  .lg\:bg-no-repeat {
    background-repeat: no-repeat !important;
  }
  .lg\:bg-repeat-x {
    background-repeat: repeat-x !important;
  }
  .lg\:bg-repeat-y {
    background-repeat: repeat-y !important;
  }
  .lg\:bg-repeat-round {
    background-repeat: round !important;
  }
  .lg\:bg-repeat-space {
    background-repeat: space !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:bg-repeat {
    background-repeat: repeat !important;
  }
  .xl\:bg-no-repeat {
    background-repeat: no-repeat !important;
  }
  .xl\:bg-repeat-x {
    background-repeat: repeat-x !important;
  }
  .xl\:bg-repeat-y {
    background-repeat: repeat-y !important;
  }
  .xl\:bg-repeat-round {
    background-repeat: round !important;
  }
  .xl\:bg-repeat-space {
    background-repeat: space !important;
  }
}
.bg-auto {
  background-size: auto !important;
}
.bg-cover {
  background-size: cover !important;
}
.bg-contain {
  background-size: contain !important;
}
@media screen and (min-width: 576px) {
  .sm\:bg-auto {
    background-size: auto !important;
  }
  .sm\:bg-cover {
    background-size: cover !important;
  }
  .sm\:bg-contain {
    background-size: contain !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:bg-auto {
    background-size: auto !important;
  }
  .md\:bg-cover {
    background-size: cover !important;
  }
  .md\:bg-contain {
    background-size: contain !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:bg-auto {
    background-size: auto !important;
  }
  .lg\:bg-cover {
    background-size: cover !important;
  }
  .lg\:bg-contain {
    background-size: contain !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:bg-auto {
    background-size: auto !important;
  }
  .xl\:bg-cover {
    background-size: cover !important;
  }
  .xl\:bg-contain {
    background-size: contain !important;
  }
}
.bg-bottom {
  background-position: bottom !important;
}
.bg-center {
  background-position: center !important;
}
.bg-left {
  background-position: left !important;
}
.bg-left-bottom {
  background-position: left bottom !important;
}
.bg-left-top {
  background-position: left top !important;
}
.bg-right {
  background-position: right !important;
}
.bg-right-bottom {
  background-position: right bottom !important;
}
.bg-right-top {
  background-position: right top !important;
}
.bg-top {
  background-position: top !important;
}
@media screen and (min-width: 576px) {
  .sm\:bg-bottom {
    background-position: bottom !important;
  }
  .sm\:bg-center {
    background-position: center !important;
  }
  .sm\:bg-left {
    background-position: left !important;
  }
  .sm\:bg-left-bottom {
    background-position: left bottom !important;
  }
  .sm\:bg-left-top {
    background-position: left top !important;
  }
  .sm\:bg-right {
    background-position: right !important;
  }
  .sm\:bg-right-bottom {
    background-position: right bottom !important;
  }
  .sm\:bg-right-top {
    background-position: right top !important;
  }
  .sm\:bg-top {
    background-position: top !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:bg-bottom {
    background-position: bottom !important;
  }
  .md\:bg-center {
    background-position: center !important;
  }
  .md\:bg-left {
    background-position: left !important;
  }
  .md\:bg-left-bottom {
    background-position: left bottom !important;
  }
  .md\:bg-left-top {
    background-position: left top !important;
  }
  .md\:bg-right {
    background-position: right !important;
  }
  .md\:bg-right-bottom {
    background-position: right bottom !important;
  }
  .md\:bg-right-top {
    background-position: right top !important;
  }
  .md\:bg-top {
    background-position: top !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:bg-bottom {
    background-position: bottom !important;
  }
  .lg\:bg-center {
    background-position: center !important;
  }
  .lg\:bg-left {
    background-position: left !important;
  }
  .lg\:bg-left-bottom {
    background-position: left bottom !important;
  }
  .lg\:bg-left-top {
    background-position: left top !important;
  }
  .lg\:bg-right {
    background-position: right !important;
  }
  .lg\:bg-right-bottom {
    background-position: right bottom !important;
  }
  .lg\:bg-right-top {
    background-position: right top !important;
  }
  .lg\:bg-top {
    background-position: top !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:bg-bottom {
    background-position: bottom !important;
  }
  .xl\:bg-center {
    background-position: center !important;
  }
  .xl\:bg-left {
    background-position: left !important;
  }
  .xl\:bg-left-bottom {
    background-position: left bottom !important;
  }
  .xl\:bg-left-top {
    background-position: left top !important;
  }
  .xl\:bg-right {
    background-position: right !important;
  }
  .xl\:bg-right-bottom {
    background-position: right bottom !important;
  }
  .xl\:bg-right-top {
    background-position: right top !important;
  }
  .xl\:bg-top {
    background-position: top !important;
  }
}
.select-none {
  -webkit-user-select: none !important;
     -moz-user-select: none !important;
          user-select: none !important;
}
.select-text {
  -webkit-user-select: text !important;
     -moz-user-select: text !important;
          user-select: text !important;
}
.select-all {
  -webkit-user-select: all !important;
     -moz-user-select: all !important;
          user-select: all !important;
}
.select-auto {
  -webkit-user-select: auto !important;
     -moz-user-select: auto !important;
          user-select: auto !important;
}
.list-none {
  list-style: none !important;
}
.list-disc {
  list-style: disc !important;
}
.list-decimal {
  list-style: decimal !important;
}
.appearance-none {
  -webkit-appearance: none !important;
     -moz-appearance: none !important;
          appearance: none !important;
}
.outline-none {
  outline: none !important;
}
.pointer-events-none {
  pointer-events: none !important;
}
.pointer-events-auto {
  pointer-events: auto !important;
}
.cursor-auto {
  cursor: auto !important;
}
.cursor-pointer {
  cursor: pointer !important;
}
.cursor-wait {
  cursor: wait !important;
}
.cursor-move {
  cursor: move !important;
}
.select-none {
  -webkit-user-select: none !important;
     -moz-user-select: none !important;
          user-select: none !important;
}
.select-text {
  -webkit-user-select: text !important;
     -moz-user-select: text !important;
          user-select: text !important;
}
.select-all {
  -webkit-user-select: all !important;
     -moz-user-select: all !important;
          user-select: all !important;
}
.select-auto {
  -webkit-user-select: auto !important;
     -moz-user-select: auto !important;
          user-select: auto !important;
}
.opacity-0 {
  opacity: 0 !important;
}
.opacity-10 {
  opacity: .1 !important;
}
.opacity-20 {
  opacity: .2 !important;
}
.opacity-30 {
  opacity: .3 !important;
}
.opacity-40 {
  opacity: .4 !important;
}
.opacity-50 {
  opacity: .5 !important;
}
.opacity-60 {
  opacity: .6 !important;
}
.opacity-70 {
  opacity: .7 !important;
}
.opacity-80 {
  opacity: .8 !important;
}
.opacity-90 {
  opacity: .9 !important;
}
.opacity-100 {
  opacity: 1 !important;
}
.reset {
  all: unset;
}
.transition-none {
  transition-property: none !important;
}
.transition-all {
  transition-property: all !important;
}
.transition-colors {
  transition-property: background-color,border-color,color !important;
}
.transition-transform {
  transition-property: transform !important;
}
.transition-duration-100 {
  transition-duration: 100ms !important;
}
.transition-duration-150 {
  transition-duration: 150ms !important;
}
.transition-duration-200 {
  transition-duration: 200ms !important;
}
.transition-duration-300 {
  transition-duration: 300ms !important;
}
.transition-duration-400 {
  transition-duration: 400ms !important;
}
.transition-duration-500 {
  transition-duration: 500ms !important;
}
.transition-duration-1000 {
  transition-duration: 1000ms !important;
}
.transition-duration-2000 {
  transition-duration: 2000ms !important;
}
.transition-duration-3000 {
  transition-duration: 3000ms !important;
}
.transition-linear {
  transition-timing-function: linear !important;
}
.transition-ease-in {
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1) !important;
}
.transition-ease-out {
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1) !important;
}
.transition-ease-in-out {
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.transition-delay-100 {
  transition-delay: 100ms !important;
}
.transition-delay-150 {
  transition-delay: 150ms !important;
}
.transition-delay-200 {
  transition-delay: 200ms !important;
}
.transition-delay-300 {
  transition-delay: 300ms !important;
}
.transition-delay-400 {
  transition-delay: 400ms !important;
}
.transition-delay-500 {
  transition-delay: 500ms !important;
}
.transition-delay-1000 {
  transition-delay: 1000ms !important;
}
.translate-x-0 {
  transform: translateX(0%) !important;
}
.translate-x-100 {
  transform: translateX(100%) !important;
}
.-translate-x-100 {
  transform: translateX(-100%) !important;
}
.translate-y-0 {
  transform: translateY(0%) !important;
}
.translate-y-100 {
  transform: translateY(100%) !important;
}
.-translate-y-100 {
  transform: translateY(-100%) !important;
}
@media screen and (min-width: 576px) {
  .sm\:translate-x-0 {
    transform: translateX(0%) !important;
  }
  .sm\:translate-x-100 {
    transform: translateX(100%) !important;
  }
  .sm\:-translate-x-100 {
    transform: translateX(-100%) !important;
  }
  .sm\:translate-y-0 {
    transform: translateY(0%) !important;
  }
  .sm\:translate-y-100 {
    transform: translateY(100%) !important;
  }
  .sm\:-translate-y-100 {
    transform: translateY(-100%) !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:translate-x-0 {
    transform: translateX(0%) !important;
  }
  .md\:translate-x-100 {
    transform: translateX(100%) !important;
  }
  .md\:-translate-x-100 {
    transform: translateX(-100%) !important;
  }
  .md\:translate-y-0 {
    transform: translateY(0%) !important;
  }
  .md\:translate-y-100 {
    transform: translateY(100%) !important;
  }
  .md\:-translate-y-100 {
    transform: translateY(-100%) !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:translate-x-0 {
    transform: translateX(0%) !important;
  }
  .lg\:translate-x-100 {
    transform: translateX(100%) !important;
  }
  .lg\:-translate-x-100 {
    transform: translateX(-100%) !important;
  }
  .lg\:translate-y-0 {
    transform: translateY(0%) !important;
  }
  .lg\:translate-y-100 {
    transform: translateY(100%) !important;
  }
  .lg\:-translate-y-100 {
    transform: translateY(-100%) !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:translate-x-0 {
    transform: translateX(0%) !important;
  }
  .xl\:translate-x-100 {
    transform: translateX(100%) !important;
  }
  .xl\:-translate-x-100 {
    transform: translateX(-100%) !important;
  }
  .xl\:translate-y-0 {
    transform: translateY(0%) !important;
  }
  .xl\:translate-y-100 {
    transform: translateY(100%) !important;
  }
  .xl\:-translate-y-100 {
    transform: translateY(-100%) !important;
  }
}
.rotate-45 {
  transform: rotate(45deg) !important;
}
.-rotate-45 {
  transform: rotate(-45deg) !important;
}
.rotate-90 {
  transform: rotate(90deg) !important;
}
.-rotate-90 {
  transform: rotate(-90deg) !important;
}
.rotate-180 {
  transform: rotate(180deg) !important;
}
.-rotate-180 {
  transform: rotate(-180deg) !important;
}
@media screen and (min-width: 576px) {
  .sm\:rotate-45 {
    transform: rotate(45deg) !important;
  }
  .sm\:-rotate-45 {
    transform: rotate(-45deg) !important;
  }
  .sm\:rotate-90 {
    transform: rotate(90deg) !important;
  }
  .sm\:-rotate-90 {
    transform: rotate(-90deg) !important;
  }
  .sm\:rotate-180 {
    transform: rotate(180deg) !important;
  }
  .sm\:-rotate-180 {
    transform: rotate(-180deg) !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:rotate-45 {
    transform: rotate(45deg) !important;
  }
  .md\:-rotate-45 {
    transform: rotate(-45deg) !important;
  }
  .md\:rotate-90 {
    transform: rotate(90deg) !important;
  }
  .md\:-rotate-90 {
    transform: rotate(-90deg) !important;
  }
  .md\:rotate-180 {
    transform: rotate(180deg) !important;
  }
  .md\:-rotate-180 {
    transform: rotate(-180deg) !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:rotate-45 {
    transform: rotate(45deg) !important;
  }
  .lg\:-rotate-45 {
    transform: rotate(-45deg) !important;
  }
  .lg\:rotate-90 {
    transform: rotate(90deg) !important;
  }
  .lg\:-rotate-90 {
    transform: rotate(-90deg) !important;
  }
  .lg\:rotate-180 {
    transform: rotate(180deg) !important;
  }
  .lg\:-rotate-180 {
    transform: rotate(-180deg) !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:rotate-45 {
    transform: rotate(45deg) !important;
  }
  .xl\:-rotate-45 {
    transform: rotate(-45deg) !important;
  }
  .xl\:rotate-90 {
    transform: rotate(90deg) !important;
  }
  .xl\:-rotate-90 {
    transform: rotate(-90deg) !important;
  }
  .xl\:rotate-180 {
    transform: rotate(180deg) !important;
  }
  .xl\:-rotate-180 {
    transform: rotate(-180deg) !important;
  }
}
.origin-center {
  transform-origin: center !important;
}
.origin-top {
  transform-origin: top !important;
}
.origin-top-right {
  transform-origin: top right !important;
}
.origin-right {
  transform-origin: right !important;
}
.origin-bottom-right {
  transform-origin: bottom right !important;
}
.origin-bottom {
  transform-origin: bottom !important;
}
.origin-bottom-left {
  transform-origin: bottom left !important;
}
.origin-left {
  transform-origin: left !important;
}
.origin-top-left {
  transform-origin: top-left !important;
}
@media screen and (min-width: 576px) {
  .sm\:origin-center {
    transform-origin: center !important;
  }
  .sm\:origin-top {
    transform-origin: top !important;
  }
  .sm\:origin-top-right {
    transform-origin: top right !important;
  }
  .sm\:origin-right {
    transform-origin: right !important;
  }
  .sm\:origin-bottom-right {
    transform-origin: bottom right !important;
  }
  .sm\:origin-bottom {
    transform-origin: bottom !important;
  }
  .sm\:origin-bottom-left {
    transform-origin: bottom left !important;
  }
  .sm\:origin-left {
    transform-origin: left !important;
  }
  .sm\:origin-top-left {
    transform-origin: top-left !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:origin-center {
    transform-origin: center !important;
  }
  .md\:origin-top {
    transform-origin: top !important;
  }
  .md\:origin-top-right {
    transform-origin: top right !important;
  }
  .md\:origin-right {
    transform-origin: right !important;
  }
  .md\:origin-bottom-right {
    transform-origin: bottom right !important;
  }
  .md\:origin-bottom {
    transform-origin: bottom !important;
  }
  .md\:origin-bottom-left {
    transform-origin: bottom left !important;
  }
  .md\:origin-left {
    transform-origin: left !important;
  }
  .md\:origin-top-left {
    transform-origin: top-left !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:origin-center {
    transform-origin: center !important;
  }
  .lg\:origin-top {
    transform-origin: top !important;
  }
  .lg\:origin-top-right {
    transform-origin: top right !important;
  }
  .lg\:origin-right {
    transform-origin: right !important;
  }
  .lg\:origin-bottom-right {
    transform-origin: bottom right !important;
  }
  .lg\:origin-bottom {
    transform-origin: bottom !important;
  }
  .lg\:origin-bottom-left {
    transform-origin: bottom left !important;
  }
  .lg\:origin-left {
    transform-origin: left !important;
  }
  .lg\:origin-top-left {
    transform-origin: top-left !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:origin-center {
    transform-origin: center !important;
  }
  .xl\:origin-top {
    transform-origin: top !important;
  }
  .xl\:origin-top-right {
    transform-origin: top right !important;
  }
  .xl\:origin-right {
    transform-origin: right !important;
  }
  .xl\:origin-bottom-right {
    transform-origin: bottom right !important;
  }
  .xl\:origin-bottom {
    transform-origin: bottom !important;
  }
  .xl\:origin-bottom-left {
    transform-origin: bottom left !important;
  }
  .xl\:origin-left {
    transform-origin: left !important;
  }
  .xl\:origin-top-left {
    transform-origin: top-left !important;
  }
}
@keyframes fadein {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeout {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes scalein {
  0% {
    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);
  }
  100% {
    opacity: 1;
    transform: scaleY(1);
  }
}
@keyframes slidedown {
  0% {
    max-height: 0;
  }
  100% {
    max-height: auto;
  }
}
@keyframes slideup {
  0% {
    max-height: 1000px;
  }
  100% {
    max-height: 0;
  }
}
@keyframes fadeinleft {
  0% {
    opacity: 0;
    transform: translateX(-100%);
    transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
  }
  100% {
    opacity: 1;
    transform: translateX(0%);
  }
}
@keyframes fadeoutleft {
  0% {
    opacity: 1;
    transform: translateX(0%);
    transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
  }
  100% {
    opacity: 0;
    transform: translateX(-100%);
  }
}
@keyframes fadeinright {
  0% {
    opacity: 0;
    transform: translateX(100%);
    transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
  }
  100% {
    opacity: 1;
    transform: translateX(0%);
  }
}
@keyframes fadeoutright {
  0% {
    opacity: 1;
    transform: translateX(0%);
    transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
  }
  100% {
    opacity: 0;
    transform: translateX(100%);
  }
}
@keyframes fadeinup {
  0% {
    opacity: 0;
    transform: translateY(-100%);
    transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
  }
  100% {
    opacity: 1;
    transform: translateY(0%);
  }
}
@keyframes fadeoutup {
  0% {
    opacity: 1;
    transform: translateY(0%);
    transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
  }
  100% {
    opacity: 0;
    transform: translateY(-100%);
  }
}
@keyframes fadeindown {
  0% {
    opacity: 0;
    transform: translateY(100%);
    transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
  }
  100% {
    opacity: 1;
    transform: translateY(0%);
  }
}
@keyframes fadeoutdown {
  0% {
    opacity: 1;
    transform: translateY(0%);
    transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
  }
  100% {
    opacity: 0;
    transform: translateY(100%);
  }
}
@keyframes animate-width {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
@keyframes flip {
  from {
    transform: perspective(2000px) rotateX(-100deg);
  }
  to {
    transform: perspective(2000px) rotateX(0);
  }
}
@keyframes flipleft {
  from {
    transform: perspective(2000px) rotateY(-100deg);
    opacity: 0;
  }
  to {
    transform: perspective(2000px) rotateY(0);
    opacity: 1;
  }
}
@keyframes flipright {
  from {
    transform: perspective(2000px) rotateY(100deg);
    opacity: 0;
  }
  to {
    transform: perspective(2000px) rotateY(0);
    opacity: 1;
  }
}
@keyframes flipup {
  from {
    transform: perspective(2000px) rotateX(-100deg);
    opacity: 0;
  }
  to {
    transform: perspective(2000px) rotateX(0);
    opacity: 1;
  }
}
@keyframes zoomin {
  from {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
@keyframes zoomindown {
  from {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
  }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
  }
}
@keyframes zoominleft {
  from {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
  }
}
@keyframes zoominright {
  from {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
  }
}
@keyframes zoominup {
  from {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
  }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
  }
}
.fadein {
  animation: fadein 0.15s linear;
}
.fadeout {
  animation: fadeout 0.15s linear;
}
.slidedown {
  animation: slidedown 0.45s ease-in-out;
}
.slideup {
  animation: slideup 0.45s cubic-bezier(0, 1, 0, 1);
}
.scalein {
  animation: scalein 0.15s linear;
}
.fadeinleft {
  animation: fadeinleft 0.15s linear;
}
.fadeoutleft {
  animation: fadeoutleft 0.15s linear;
}
.fadeinright {
  animation: fadeinright 0.15s linear;
}
.fadeoutright {
  animation: fadeoutright 0.15s linear;
}
.fadeinup {
  animation: fadeinup 0.15s linear;
}
.fadeoutup {
  animation: fadeoutup 0.15s linear;
}
.fadeindown {
  animation: fadeindown 0.15s linear;
}
.fadeoutdown {
  animation: fadeoutdown 0.15s linear;
}
.animate-width {
  animation: animate-width 1000ms linear;
}
.flip {
  backface-visibility: visible;
  animation: flip 0.15s linear;
}
.flipup {
  backface-visibility: visible;
  animation: flipup 0.15s linear;
}
.flipleft {
  backface-visibility: visible;
  animation: flipleft 0.15s linear;
}
.flipright {
  backface-visibility: visible;
  animation: flipright 0.15s linear;
}
.zoomin {
  animation: zoomin 0.15s linear;
}
.zoomindown {
  animation: zoomindown 0.15s linear;
}
.zoominleft {
  animation: zoominleft 0.15s linear;
}
.zoominright {
  animation: zoominright 0.15s linear;
}
.zoominup {
  animation: zoominup 0.15s linear;
}
.animation-duration-100 {
  animation-duration: 100ms !important;
}
.animation-duration-150 {
  animation-duration: 150ms !important;
}
.animation-duration-200 {
  animation-duration: 200ms !important;
}
.animation-duration-300 {
  animation-duration: 300ms !important;
}
.animation-duration-400 {
  animation-duration: 400ms !important;
}
.animation-duration-500 {
  animation-duration: 500ms !important;
}
.animation-duration-1000 {
  animation-duration: 1000ms !important;
}
.animation-duration-2000 {
  animation-duration: 2000ms !important;
}
.animation-duration-3000 {
  animation-duration: 3000ms !important;
}
.animation-delay-100 {
  animation-delay: 100ms !important;
}
.animation-delay-150 {
  animation-delay: 150ms !important;
}
.animation-delay-200 {
  animation-delay: 200ms !important;
}
.animation-delay-300 {
  animation-delay: 300ms !important;
}
.animation-delay-400 {
  animation-delay: 400ms !important;
}
.animation-delay-500 {
  animation-delay: 500ms !important;
}
.animation-delay-1000 {
  animation-delay: 1000ms !important;
}
.animation-iteration-1 {
  animation-iteration-count: 1 !important;
}
.animation-iteration-2 {
  animation-iteration-count: 2 !important;
}
.animation-iteration-infinite {
  animation-iteration-count: infinite !important;
}
.animation-linear {
  animation-timing-function: linear !important;
}
.animation-ease-in {
  animation-timing-function: cubic-bezier(0.4, 0, 1, 1) !important;
}
.animation-ease-out {
  animation-timing-function: cubic-bezier(0, 0, 0.2, 1) !important;
}
.animation-ease-in-out {
  animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.animation-fill-none {
  animation-fill-mode: none !important;
}
.animation-fill-forwards {
  animation-fill-mode: forwards !important;
}
.animation-fill-backwards {
  animation-fill-mode: backwards !important;
}
.animation-fill-both {
  animation-fill-mode: both !important;
}
:root {
  --scope-color-center-tint: #f5f9ff;
  --scope-color-center-accent: #1a75a8;
  --scope-color-center-border: #dbeafe;
  --scope-color-center-coin-top: #4aa8e0;
  --scope-color-center-coin-bottom: #1a75a8;
  --scope-color-center-coin-foreground: #ffffff;
  --scope-color-center-coin-shadow: rgba(26, 117, 168, 0.35);
  --scope-color-center-hero-top: #4aa8e0;
  --scope-color-center-hero-bottom: #1a75a8;
  --scope-color-organization-tint: #ecfdf5;
  --scope-color-organization-accent: #047857;
  --scope-color-organization-border: #a7f3d0;
  --scope-color-organization-coin-top: #3db68c;
  --scope-color-organization-coin-bottom: #047857;
  --scope-color-organization-coin-foreground: #ffffff;
  --scope-color-organization-coin-shadow: rgba(4, 120, 87, 0.35);
  --scope-color-organization-hero-top: #3db68c;
  --scope-color-organization-hero-bottom: #047857;
  --scope-color-metasphere-tint: #f5f3ff;
  --scope-color-metasphere-accent: #5b21b6;
  --scope-color-metasphere-border: #ddd6fe;
  --scope-color-metasphere-coin-top: #8b5cf6;
  --scope-color-metasphere-coin-bottom: #5b21b6;
  --scope-color-metasphere-coin-foreground: #ffffff;
  --scope-color-metasphere-coin-shadow: rgba(91, 33, 182, 0.35);
  --scope-color-metasphere-hero-top: #8b5cf6;
  --scope-color-metasphere-hero-bottom: #5b21b6;
  --scope-color-all-tint: var(--component-background);
  --scope-color-all-accent: var(--primary-text-color);
  --scope-color-all-border: var(--primary-border);
  --scope-color-all-coin-top: #94a3b8;
  --scope-color-all-coin-bottom: #475569;
  --scope-color-all-coin-foreground: #ffffff;
  --scope-color-all-coin-shadow: rgba(71, 85, 105, 0.3);
  --scope-coin-default-shadow: rgba(6, 44, 88, 0.18);
  --scope-coin-inner-highlight: rgba(255, 255, 255, 0.3);
  --scope-coin-inner-depth: rgba(0, 0, 0, 0.12);
  --marketplace-page-bg: #eff3f8;
  --marketplace-control-border: #e5e7eb;
  --marketplace-primary-button-bg: #377fc4;
  --marketplace-primary-button-fg: #ffffff;
  --scope-color-hero-foreground: #ffffff;
  --scope-color-hero-shadow: rgba(6, 44, 88, 0.35);
  --scope-color-hero-nav-bg: rgba(255, 255, 255, 0.18);
  --scope-color-hero-nav-bg-hover: rgba(255, 255, 255, 0.32);
  --scope-color-hero-dot-idle: rgba(255, 255, 255, 0.4);
  --scope-color-hero-dot-active: rgba(255, 255, 255, 0.95);
  --scope-color-hero-cta-bg: rgba(255, 255, 255, 0.16);
  --scope-color-hero-cta-bg-hover: rgba(255, 255, 255, 0.26);
  --scope-color-hero-cta-border: rgba(255, 255, 255, 0.4);
  --scope-color-hero-depth-highlight: rgba(255, 255, 255, 0.18);
  --scope-color-hero-depth-shadow: rgba(0, 0, 0, 0.22);
  --scope-color-hero-ornament-ring-outer: rgba(255, 255, 255, 0.16);
  --scope-color-hero-ornament-ring-inner: rgba(255, 255, 255, 0.26);
  --scope-color-hero-required-bg: rgba(255, 255, 255, 0.18);
  --scope-color-hero-tile-bg: rgba(255, 255, 255, 0.14);
  --scope-color-hero-tile-border: rgba(255, 255, 255, 0.22);
  --scope-color-hero-star-idle: rgba(255, 255, 255, 0.55);
  --scope-color-hero-star-filled: #fbbf24;
  --scope-color-center-tile-bg: rgba(255, 188, 120, 0.32);
  --scope-color-organization-tile-bg: rgba(61, 182, 140, 0.3);
  --scope-color-metasphere-tile-bg: rgba(139, 92, 246, 0.3);
}
[data-theme=dark] {
  --status-tone-success-bg: rgba(16, 185, 129, 0.15);
  --status-tone-success-border: rgba(16, 185, 129, 0.3);
  --status-tone-success-fg: #6ee7b7;
  --status-tone-warn-bg: rgba(245, 158, 11, 0.15);
  --status-tone-warn-border: rgba(245, 158, 11, 0.3);
  --status-tone-warn-fg: #fcd34d;
  --status-tone-danger-bg: rgba(239, 68, 68, 0.15);
  --status-tone-danger-border: rgba(239, 68, 68, 0.3);
  --status-tone-danger-fg: #fca5a5;
  --status-tone-info-bg: rgba(55, 127, 196, 0.15);
  --status-tone-info-border: rgba(55, 127, 196, 0.3);
  --status-tone-info-fg: #93c5fd;
  --status-tone-neutral-bg: rgba(148, 163, 184, 0.15);
  --status-tone-neutral-border: rgba(148, 163, 184, 0.3);
  --status-tone-neutral-fg: #94a3b8;
  --marketplace-control-border-dark: #3a3a52;
  --marketplace-row-hover-bg-dark: #24243a;
  --marketplace-page-bg: var(--surface-ground);
  --marketplace-control-border: rgba(255, 255, 255, 0.12);
  --marketplace-badge-bg: rgba(255, 255, 255, 0.08);
  --marketplace-breadcrumb-color: var(--secondary-text-color);
  --marketplace-active-bg: var(--cta-secondary-color);
  --marketplace-active-fg: #ffffff;
  --marketplace-subtle-text-color: var(--secondary-text-color);
  --subtle-surface: rgba(255, 255, 255, 0.06);
  --scope-active-fill: var(--cta-secondary-color);
  --cta-secondary-contrast: #ffffff;
  --marketplace-title-color: var(--primary-text-color);
  --marketplace-chip-border: rgba(255, 255, 255, 0.12);
  --marketplace-chip-border-hover: rgba(255, 255, 255, 0.25);
  --marketplace-control-hover-border: var(--cta-secondary-color);
  --marketplace-row-hover-bg: rgba(255, 255, 255, 0.04);
  --marketplace-muted: rgba(255, 255, 255, 0.05);
  --marketplace-muted-fg: var(--secondary-text-color);
  --marketplace-owner-fg: var(--primary-text-color);
}
:root {
  /* Semantic status ramps — used by sparkline, pills, status chips */
  --success-50: #ecfdf5;
  --success-500: #10b981;
  --success-700: #047857;
  --warning-50: #fffbeb;
  --warning-500: #f59e0b;
  --warning-700: #b45309;
  --danger-50: #fef2f2;
  --danger-100: #fecaca;
  --danger-500: #ef4444;
  --danger-700: #b91c1c;
  --info-50: #f5f9ff;
  --info-500: #377fc4;
  --info-700: #1a75a8;
  --neutral-300: #cbd5e1;
  --neutral-400: #94a3b8;
  /* Text ramp */
  --text-color: #062c58;
  --text-color-muted: #4a6d98;
  --text-color-subtle: #6b7f99;
  /* Surface */
  --surface-ground: #eff3f8;
  --surface-raised: #ffffff;
  --surface-sunken: #f5f9ff;
  --surface-subtle: #fafbfc;
  /* Border */
  --border-color: #e5e7eb;
  --border-color-soft: #f1f5f9;
  --border-color-hover: #93c5fd;
  /* Radius */
  --radius-xs: 4px;
  --radius-sm: 6px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-xl: 14px;
  --radius-pill: 9999px;
  /* Shadows */
  --shadow-sm: 0 1px 2px rgba(74, 100, 126, 0.08), 0 1px 1px rgba(6, 44, 88, 0.04);
  --shadow-md: 0 4px 8px -2px rgba(6, 44, 88, 0.12), 0 2px 4px -1px rgba(6, 44, 88, 0.06);
  --shadow-primary-btn: 0 2px 6px -1px rgba(55, 127, 196, 0.4);
}
.p-calendar {
  border-radius: 20px;
  border: var(--primary-border);
  background: var(--Search-input-box);
  box-shadow: 2px 2px 7px 2px rgba(30, 84, 156, 0.18) inset, -3px -1px 10px 0px rgba(160, 183, 202, 0.15) inset;
  color: var(--primary-text-color);
}
.p-calendar::-moz-placeholder {
  color: var(--primary-text-color);
  opacity: 0.8; /* Ensures the placeholder is fully opaque */
}
.p-calendar::placeholder {
  color: var(--primary-text-color);
  opacity: 0.8; /* Ensures the placeholder is fully opaque */
}
.p-calendar-input {
  background-color: transparent;
  border: none;
  box-shadow: none;
}
.p-inputtext {
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  font-family: "Manrope";
  border: none;
  background: transparent;
  color: var(--primary-text-color);
}
.user-profile-icon {
  background-image: url('data:image/svg+xml;utf8,<svg width="26" height="26" viewBox="0 0 26 26" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="user-circle-single--circle-geometric-human-person-single-user"><g id="user-circle-single--circle-geometric-human-person-single-user_2"><path id="Vector" d="M13.0001 14.7599C15.4293 14.7599 17.3986 12.7906 17.3986 10.3614C17.3986 7.93217 15.4293 5.96289 13.0001 5.96289C10.5708 5.96289 8.60156 7.93217 8.60156 10.3614C8.60156 12.7906 10.5708 14.7599 13.0001 14.7599Z" stroke="%23377FC4" stroke-linecap="round" stroke-linejoin="round"/><path id="Vector_2" d="M5.48828 21.6216C6.2734 20.3328 7.37684 19.2677 8.69252 18.5287C10.0082 17.7896 11.4919 17.4014 13.0009 17.4014C14.51 17.4014 15.9936 17.7896 17.3093 18.5287C18.625 19.2677 19.7284 20.3328 20.5136 21.6216" stroke="%23377FC4" stroke-linecap="round" stroke-linejoin="round"/><path id="Vector_3" d="M13.0005 24.4366C19.3166 24.4366 24.4366 19.3166 24.4366 13.0005C24.4366 6.68457 19.3166 1.56445 13.0005 1.56445C6.68457 1.56445 1.56445 6.68457 1.56445 13.0005C1.56445 19.3166 6.68457 24.4366 13.0005 24.4366Z" stroke="%23377FC4" stroke-linecap="round" stroke-linejoin="round"/></g></g></svg>');
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  width: 24.632px;
  height: 24.632px;
}
.user-add-profile-icon {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D'29'%20height%3D'28'%20viewBox%3D'0%200%2029%2028'%20fill%3D'none'%20xmlns%3D'http%3A//www.w3.org/2000/svg'%3E%3Cg%20id%3D'add-circle--button-remove-cross-add-buttons-plus-circle-+-mathematics-math'%20clip-path%3D'url(%23clip0_1890_17928)'%3E%3Cg%20id%3D'add-circle--button-remove-cross-add-buttons-plus-circle-+-mathematics-math_2'%3E%3Cpath%20id%3D'Vector'%20d%3D'M14.5004%2026.7419C21.5377%2026.7419%2027.2424%2021.0372%2027.2424%2013.9999C27.2424%206.96263%2021.5377%201.25781%2014.5004%201.25781C7.46312%201.25781%201.7583%206.96263%201.7583%2013.9999C1.7583%2021.0372%207.46312%2026.7419%2014.5004%2026.7419Z'%20stroke%3D'%23377FC4'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'/%3E%3Cg%20id%3D'user-add-plus--actions-add-close-geometric-human-person-plus-single-up-user'%3E%3Cpath%20id%3D'Vector_2'%20d%3D'M13.6211%2011.8526C15.1758%2011.8526%2016.4361%2010.5923%2016.4361%209.03764C16.4361%207.48297%2015.1758%206.22266%2013.6211%206.22266C12.0665%206.22266%2010.8062%207.48297%2010.8062%209.03764C10.8062%2010.5923%2012.0665%2011.8526%2013.6211%2011.8526Z'%20stroke%3D'%23377FC4'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'/%3E%3Cpath%20id%3D'Vector_2_2'%20d%3D'M15.3102%2019.7342H8.5542V19.1238C8.56316%2018.2656%208.78951%2017.4236%209.21208%2016.6766C9.63467%2015.9295%2010.2397%2015.3018%2010.9707%2014.8519C11.7016%2014.4021%2012.5347%2014.1449%2013.392%2014.1043C14.2493%2014.0637%2015.103%2014.2411%2015.8732%2014.6199'%20stroke%3D'%23377FC4'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'/%3E%3Cpath%20id%3D'Vector_3'%20d%3D'M19.814%2014.1055V20.8614'%20stroke%3D'%23377FC4'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'/%3E%3Cpath%20id%3D'Vector_4'%20d%3D'M16.436%2017.4824H23.192'%20stroke%3D'%23377FC4'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3CclipPath%20id%3D'clip0_1890_17928'%3E%3Crect%20width%3D'27.4444'%20height%3D'27.4444'%20fill%3D'white'%20transform%3D'translate(0.777832%200.277344)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  width: 24.632px;
  height: 24.632px;
}
.metaspace-icon {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D'32'%20height%3D'29'%20viewBox%3D'0%200%2032%2029'%20fill%3D'none'%20xmlns%3D'http%3A//www.w3.org/2000/svg'%3E%3Cpath%20d%3D'M13.3843%2016.4424H7.67115C7.29995%2016.4424%206.99902%2016.7499%206.99902%2017.1292V22.9673C6.99902%2023.3466%207.29995%2023.6541%207.67115%2023.6541H13.3843C13.7555%2023.6541%2014.0564%2023.3466%2014.0564%2022.9673V17.1292C14.0564%2016.7499%2013.7555%2016.4424%2013.3843%2016.4424Z'%20stroke%3D'%23377FC4'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'/%3E%3Cpath%20d%3D'M24.3267%2016.4424H18.6135C18.2423%2016.4424%2017.9414%2016.7499%2017.9414%2017.1292V22.9673C17.9414%2023.3466%2018.2423%2023.6541%2018.6135%2023.6541H24.3267C24.6979%2023.6541%2024.9987%2023.3466%2024.9987%2022.9673V17.1292C24.9987%2016.7499%2024.6979%2016.4424%2024.3267%2016.4424Z'%20stroke%3D'%23377FC4'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'/%3E%3Cpath%20d%3D'M13.3843%205.5H7.67115C7.29995%205.5%206.99902%205.80751%206.99902%206.18683V12.0249C6.99902%2012.4043%207.29995%2012.7118%207.67115%2012.7118H13.3843C13.7555%2012.7118%2014.0564%2012.4043%2014.0564%2012.0249V6.18683C14.0564%205.80751%2013.7555%205.5%2013.3843%205.5Z'%20stroke%3D'%23377FC4'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'/%3E%3Cpath%20d%3D'M17.158%209.63819C16.7442%209.56462%2016.7442%208.95753%2017.158%208.88396C18.6573%208.61742%2019.8498%207.45045%2020.1753%205.93133L20.2002%205.81488C20.2897%205.39692%2020.8721%205.39431%2020.9652%205.81146L20.9954%205.94717C21.333%207.45913%2022.5258%208.61624%2024.021%208.88203C24.4369%208.95598%2024.4369%209.56617%2024.021%209.64012C22.5258%209.90593%2021.333%2011.063%2020.9954%2012.575L20.9652%2012.7107C20.8721%2013.1278%2020.2897%2013.1252%2020.2002%2012.7073L20.1753%2012.5908C19.8498%2011.0717%2018.6573%209.90475%2017.158%209.63819Z'%20stroke%3D'%23377FC4'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  width: 32px;
  height: 29px;
}
.perspective-icon {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2222%22%20height%3D%2222%22%20viewBox%3D%220%200%2022%2022%22%20fill%3D%22none%22%3E%3Cg%20clip-path%3D%22url(%23clip0_5341_109211)%22%3E%3Cpath%20d%3D%22M4.35352%2013.0213C5.35639%2011.6788%206.95802%2010.8097%208.76263%2010.8097C10.0473%2010.8097%2011.2291%2011.2502%2012.1652%2011.9883%22%20stroke%3D%22%2326A3E3%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3Cpath%20d%3D%22M7.97767%2016.7026H2.47767C2.06091%2016.7026%201.6612%2016.5369%201.36651%2016.2423C1.07181%2015.9476%200.90625%2015.5479%200.90625%2015.1311V2.55972C0.90625%202.14294%201.07181%201.74325%201.36651%201.44854C1.6612%201.15384%202.06091%200.988281%202.47767%200.988281H15.0491C15.4659%200.988281%2015.8655%201.15384%2016.1603%201.44854C16.455%201.74325%2016.6206%202.14294%2016.6206%202.55972V7.274%22%20stroke%3D%22%2326A3E3%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3Cpath%20d%3D%22M8.76339%208.45257C10.0652%208.45257%2011.1205%207.39723%2011.1205%206.09543C11.1205%204.79361%2010.0652%203.73829%208.76339%203.73829C7.46159%203.73829%206.40625%204.79361%206.40625%206.09543C6.40625%207.39723%207.46159%208.45257%208.76339%208.45257Z%22%20stroke%3D%22%2326A3E3%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3Cpath%20d%3D%22M11.5347%2016.5988C10.9832%2016.5028%2010.9832%2015.7111%2011.5347%2015.6152C13.5325%2015.2676%2015.1216%2013.7459%2015.5552%2011.765L15.5884%2011.6131C15.7077%2011.0681%2016.4838%2011.0647%2016.6078%2011.6087L16.6482%2011.7856C17.0979%2013.7572%2018.6873%2015.2661%2020.6797%2015.6127C21.2339%2015.7091%2021.2339%2016.5048%2020.6797%2016.6013C18.6873%2016.9478%2017.0979%2018.4567%2016.6482%2020.4284L16.6078%2020.6053C16.4838%2021.1492%2015.7077%2021.1459%2015.5884%2020.6007L15.5552%2020.4489C15.1216%2018.468%2013.5325%2016.9462%2011.5347%2016.5988Z%22%20stroke%3D%22%2326A3E3%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3C/g%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0_5341_109211%22%3E%3Crect%20width%3D%2222%22%20height%3D%2222%22%20fill%3D%22white%22/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  width: 22px;
  height: 22px;
}
.send-icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A//www.w3.org/2000/svg%22 width%3D%2221%22 height%3D%2222%22 viewBox%3D%220 0 21 22%22 fill%3D%22none%22%3E%3Cg clip-path%3D%22url(%23clip0_1890_18131)%22%3E%3Cpath d%3D%22M8.69332 16.8057L11.7438 19.9557C11.931 20.1546 12.165 20.2994 12.4227 20.3759C12.6804 20.4523 12.9529 20.4575 13.2131 20.3911C13.475 20.3279 13.7169 20.196 13.9153 20.0078C14.1139 19.8197 14.2624 19.5818 14.3466 19.317L19.3561 3.741C19.4608 3.44916 19.4823 3.13231 19.4183 2.82812C19.3543 2.52391 19.2075 2.24518 18.9954 2.02502C18.7832 1.80486 18.5144 1.65255 18.2212 1.58619C17.9279 1.51983 17.6225 1.5422 17.3412 1.65066L2.32639 6.84747C2.06227 6.94106 1.82703 7.10613 1.64498 7.3256C1.46294 7.54507 1.3407 7.81099 1.29089 8.09587C1.23947 8.35498 1.25092 8.62327 1.32419 8.87665C1.39747 9.13002 1.53028 9.36055 1.71068 9.5475L5.54484 13.525L5.4189 18.5621L8.69332 16.8057Z%22 stroke%3D%22%23377FC4%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22/%3E%3Cpath d%3D%22M18.9085 1.96973L5.54492 13.5247%22 stroke%3D%22%23377FC4%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id%3D%22clip0_1890_18131%22%3E%3Crect width%3D%2219.6086%22 height%3D%2220.3415%22 fill%3D%22white%22 transform%3D%22translate(0.552734 0.823242)%22/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  width: 24.632px;
  height: 24.632px;
}
.custom-button-shade {
  border-radius: 20px;
  border: var(--primary-border);
  background: var(--text-true-white, #fff);
  /* inside textarea */
  box-shadow: 1px 1px 5px 0px rgba(31, 59, 96, 0.2) inset, -1px -3px 4px 0px rgba(116, 139, 157, 0.35) inset;
}
.share-icon {
  background-image: url("data:image/svg+xml,%3Csvg width%3D%2227%22 height%3D%2228%22 viewBox%3D%220 0 27 28%22 fill%3D%22none%22 xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath d%3D%22M13.2827 26.9534C20.1824 26.9534 25.7755 21.1513 25.7755 13.9938C25.7755 6.8364 20.1824 1.03418 13.2827 1.03418C6.38322 1.03418 0.790039 6.8364 0.790039 13.9938C0.790039 21.1513 6.38322 26.9534 13.2827 26.9534Z%22 stroke%3D%22%23377FC4%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22/%3E%3Cg clip-path%3D%22url(%23clip0_1890_18142)%22%3E%3Cpath d%3D%22M8.13566 16.2819C9.35398 16.2819 10.3416 15.2573 10.3416 13.9935C10.3416 12.7296 9.35398 11.7051 8.13566 11.7051C6.91733 11.7051 5.92969 12.7296 5.92969 13.9935C5.92969 15.2573 6.91733 16.2819 8.13566 16.2819Z%22 stroke%3D%22%23377FC4%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22/%3E%3Cpath d%3D%22M16.4692 20.6051C17.6874 20.6051 18.6751 19.5805 18.6751 18.3167C18.6751 17.0529 17.6874 16.0283 16.4692 16.0283C15.2509 16.0283 14.2632 17.0529 14.2632 18.3167C14.2632 19.5805 15.2509 20.6051 16.4692 20.6051Z%22 stroke%3D%22%23377FC4%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22/%3E%3Cpath d%3D%22M16.4692 11.9596C17.6874 11.9596 18.6751 10.9351 18.6751 9.67123C18.6751 8.40737 17.6874 7.38281 16.4692 7.38281C15.2509 7.38281 14.2632 8.40737 14.2632 9.67123C14.2632 10.9351 15.2509 11.9596 16.4692 11.9596Z%22 stroke%3D%22%23377FC4%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22/%3E%3Cpath d%3D%22M10.106 12.9769L14.4983 10.6885%22 stroke%3D%22%23377FC4%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22/%3E%3Cpath d%3D%22M10.106 15.0107L14.4983 17.2992%22 stroke%3D%22%23377FC4%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id%3D%22clip0_1890_18142%22%3E%3Crect width%3D%2213.726%22 height%3D%2214.239%22 fill%3D%22white%22 transform%3D%22translate(5.43945 6.87402)%22/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  width: 24.632px;
  height: 24.632px;
}
.perspectives-icon {
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="30" viewBox="0 0 32 30" fill="none"><path d="M11 19.6137C12.1852 18.0271 14.078 17 16.2108 17C17.729 17 19.1257 17.5205 20.232 18.3929" stroke="url(%23paint0_linear_2147_157759)" stroke-linecap="round" stroke-linejoin="round"/><path d="M17.4297 23.5714H8.85713C8.3646 23.5714 7.89222 23.3757 7.54394 23.0275C7.19566 22.6792 7 22.2068 7 21.7143V6.85715C7 6.3646 7.19566 5.89223 7.54394 5.54394C7.89222 5.19566 8.3646 5 8.85713 5H23.7143C24.2068 5 24.6792 5.19566 25.0276 5.54394C25.3758 5.89223 25.5715 6.3646 25.5715 6.85715V14.832" stroke="url(%23paint1_linear_2147_157759)" stroke-linecap="round" stroke-linejoin="round"/><path d="M15.7857 13.5714C17.3242 13.5714 18.5714 12.3242 18.5714 10.7857C18.5714 9.2472 17.3242 8 15.7857 8C14.2472 8 13 9.2472 13 10.7857C13 12.3242 14.2472 13.5714 15.7857 13.5714Z" stroke="url(%23paint2_linear_2147_157759)" stroke-linecap="round" stroke-linejoin="round"/><path d="M19.4147 22.5014C18.8618 22.4035 18.8618 21.5965 19.4147 21.4987C21.4177 21.1443 23.0108 19.5929 23.4455 17.5734L23.4788 17.4186C23.5985 16.863 24.3766 16.8595 24.5009 17.4141L24.5414 17.5945C24.9923 19.6045 26.5857 21.1427 28.5832 21.4961C29.1389 21.5944 29.1389 22.4056 28.5832 22.504C26.5857 22.8572 24.9923 24.3955 24.5414 26.4056L24.5009 26.586C24.3766 27.1405 23.5985 27.1371 23.4788 26.5813L23.4455 26.4266C23.0108 24.407 21.4177 22.8556 19.4147 22.5014Z" stroke="url(%23paint3_linear_2147_157759)" stroke-linecap="round" stroke-linejoin="round"/><defs><linearGradient id="paint0_linear_2147_157759" x1="15.616" y1="17" x2="15.616" y2="19.6137" gradientUnits="userSpaceOnUse"><stop stop-color="%23416F9A"/><stop offset="0.5" stop-color="%23294B6B"/><stop offset="1" stop-color="%23213D57"/></linearGradient><linearGradient id="paint1_linear_2147_157759" x1="16.2858" y1="5" x2="16.2858" y2="23.5714" gradientUnits="userSpaceOnUse"><stop stop-color="%23416F9A"/><stop offset="0.5" stop-color="%23294B6B"/><stop offset="1" stop-color="%23213D57"/></linearGradient><linearGradient id="paint2_linear_2147_157759" x1="15.7857" y1="8" x2="15.7857" y2="13.5714" gradientUnits="userSpaceOnUse"><stop stop-color="%23416F9A"/><stop offset="0.5" stop-color="%23294B6B"/><stop offset="1" stop-color="%23213D57"/></linearGradient><linearGradient id="paint3_linear_2147_157759" x1="24" y1="17" x2="24" y2="27" gradientUnits="userSpaceOnUse"><stop stop-color="%23416F9A"/><stop offset="0.5" stop-color="%23294B6B"/><stop offset="1" stop-color="%23213D57"/></linearGradient></defs></svg>');
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  width: 32px;
  height: 29px;
  flex-shrink: 0;
}
.edit-icon {
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none"><path d="M9 23.5L12.5 23L23 12.5L19.5 9L9 19.5V23.5Z" stroke="%2326a3e3" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M21 8L24 11" stroke="%2326a3e3" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M7 26H25" stroke="%2326a3e3" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  width: 29px;
  height: 29px;
  flex-shrink: 0;
}
.subject-icon {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2221%22 height=%2220%22 viewBox=%220 0 21 20%22 fill=%22none%22%3E%3Cg clip-path=%22url(%23clip0_2197_28811)%22%3E%3Cpath d=%22M11.8 19.4714C11.469 19.5991 11.1024 19.5991 10.7714 19.4714C8.1867 18.458 5.96733 16.6891 4.40269 14.3957C2.83806 12.1023 2.00077 9.3906 2 6.61429V2.42857C2 2.04969 2.15051 1.68633 2.41842 1.41842C2.68633 1.15051 3.04969 1 3.42857 1H19.1429C19.5217 1 19.8851 1.15051 20.153 1.41842C20.4209 1.68633 20.5714 2.04969 20.5714 2.42857V6.6C20.5736 9.37876 19.7376 12.0936 18.1727 14.3898C16.608 16.6861 14.387 18.457 11.8 19.4714Z%22 stroke=%22url(%23paint0_linear_2197_28811)%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E%3Cpath d=%22M5 15.1863C6.2803 13.2655 8.46629 12 10.9479 12C13.4294 12 15.6154 13.2655 16.8956 15.1863%22 stroke=%22url(%23paint1_linear_2197_28811)%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E%3Cpath d=%22M11.2143 10.4286C12.9895 10.4286 14.4286 8.98949 14.4286 7.21429C14.4286 5.43909 12.9895 4 11.2143 4C9.43909 4 8 5.43909 8 7.21429C8 8.98949 9.43909 10.4286 11.2143 10.4286Z%22 stroke=%22url(%23paint2_linear_2197_28811)%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E%3C/g%3E%3Cdefs%3E%3ClinearGradient id=%22paint0_linear_2197_28811%22 x1=%2211.2857%22 y1=%221%22 x2=%2211.2857%22 y2=%2219.5672%22 gradientUnits=%22userSpaceOnUse%22%3E%3Cstop stop-color=%22%23416F9A%22/%3E%3Cstop offset=%220.5%22 stop-color=%22%23294B6B%22/%3E%3Cstop offset=%221%22 stop-color=%22%23213D57%22/%3E%3C/linearGradient%3E%3ClinearGradient id=%22paint1_linear_2197_28811%22 x1=%2210.9478%22 y1=%2212%22 x2=%2210.9478%22 y2=%2215.1863%22 gradientUnits=%22userSpaceOnUse%22%3E%3Cstop stop-color=%22%23416F9A%22/%3E%3Cstop offset=%220.5%22 stop-color=%22%23294B6B%22/%3E%3Cstop offset=%221%22 stop-color=%22%23213D57%22/%3E%3C/linearGradient%3E%3ClinearGradient id=%22paint2_linear_2197_28811%22 x1=%2211.2143%22 y1=%224%22 x2=%2211.2143%22 y2=%2210.4286%22 gradientUnits=%22userSpaceOnUse%22%3E%3Cstop stop-color=%22%23416F9A%22/%3E%3Cstop offset=%220.5%22 stop-color=%22%23294B6B%22/%3E%3Cstop offset=%221%22 stop-color=%22%23213D57%22/%3E%3C/linearGradient%3E%3CclipPath id=%22clip0_2197_28811%22%3E%3Crect width=%2221%22 height=%2220%22 fill=%22white%22/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  width: 21px;
  height: 26px;
}
.user-profile-role-icon {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2222%22%20height%3D%2222%22%20viewBox%3D%220%200%2022%2022%22%20fill%3D%22none%22%3E%3Cg%20clip-path%3D%22url%28%23clip0_2214_132804%29%22%3E%3Cpath%20d%3D%22M10.9286%2012.8571C13.0983%2012.8571%2014.8571%2011.0983%2014.8571%208.92857C14.8571%206.75888%2013.0983%205%2010.9286%205C8.75888%205%207%206.75888%207%208.92857C7%2011.0983%208.75888%2012.8571%2010.9286%2012.8571Z%22%20stroke%3D%22url%28%23paint0_linear_2214_132804%29%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M5%2018.7693C5.70123%2017.6183%206.68679%2016.6669%207.8619%2016.0069C9.03702%2015.3467%2010.3622%2015%2011.71%2015C13.0578%2015%2014.383%2015.3467%2015.5581%2016.0069C16.7333%2016.6669%2017.7187%2017.6183%2018.42%2018.7693%22%20stroke%3D%22url%28%23paint1_linear_2214_132804%29%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M11.2143%2021.4286C16.8556%2021.4286%2021.4286%2016.8556%2021.4286%2011.2143C21.4286%205.57309%2016.8556%201%2011.2143%201C5.57309%201%201%205.57309%201%2011.2143C1%2016.8556%205.57309%2021.4286%2011.2143%2021.4286Z%22%20stroke%3D%22url%28%23paint2_linear_2214_132804%29%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22paint0_linear_2214_132804%22%20x1%3D%2210.9286%22%20y1%3D%225%22%20x2%3D%2210.9286%22%20y2%3D%2212.8571%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23416F9A%22%2F%3E%3Cstop%20offset%3D%220.5%22%20stop-color%3D%22%23294B6B%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23213D57%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22paint1_linear_2214_132804%22%20x1%3D%2211.71%22%20y1%3D%2215%22%20x2%3D%2211.71%22%20y2%3D%2218.7693%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23416F9A%22%2F%3E%3Cstop%20offset%3D%220.5%22%20stop-color%3D%22%23294B6B%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23213D57%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22paint2_linear_2214_132804%22%20x1%3D%2211.2143%22%20y1%3D%221%22%20x2%3D%2211.2143%22%20y2%3D%2221.4286%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23416F9A%22%2F%3E%3Cstop%20offset%3D%220.5%22%20stop-color%3D%22%23294B6B%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23213D57%22%2F%3E%3C%2FlinearGradient%3E%3CclipPath%20id%3D%22clip0_2214_132804%22%3E%3Crect%20width%3D%2222%22%20height%3D%2222%22%20fill%3D%22white%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  width: 22px;
  height: 22px;
}
.Armillary-icon {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2249%22%20height%3D%2249%22%20viewBox%3D%220%200%2049%2049%22%20fill%3D%22none%22%3E%3Cg%20filter%3D%22url(%23filter0_dd_769_101985)%22%3E%3Crect%20x%3D%223.44897%22%20y%3D%222.5%22%20width%3D%2240%22%20height%3D%2240%22%20rx%3D%2220%22%20fill%3D%22white%22%20shape-rendering%3D%22crispEdges%22/%3E%3Crect%20x%3D%224.44897%22%20y%3D%223.5%22%20width%3D%2238%22%20height%3D%2238%22%20rx%3D%2219%22%20stroke%3D%22white%22%20stroke-width%3D%222%22%20shape-rendering%3D%22crispEdges%22/%3E%3Cg%20filter%3D%22url(%23filter1_ii_769_101985)%22%3E%3Crect%20x%3D%223.44897%22%20y%3D%222.5%22%20width%3D%2240%22%20height%3D%2240%22%20rx%3D%2220%22%20fill%3D%22white%22/%3E%3C/g%3E%3Crect%20x%3D%224.44897%22%20y%3D%223.5%22%20width%3D%2238%22%20height%3D%2238%22%20rx%3D%2219%22%20stroke%3D%22white%22%20stroke-width%3D%222%22/%3E%3Cpath%20d%3D%22M23.2472%2032.5565C28.8901%2032.5565%2033.4644%2028.0921%2033.4644%2022.5849C33.4644%2017.0777%2028.8901%2012.6133%2023.2472%2012.6133C17.6044%2012.6133%2013.03%2017.0777%2013.03%2022.5849C13.03%2028.0921%2017.6044%2032.5565%2023.2472%2032.5565Z%22%20stroke%3D%22%23377FC4%22%20stroke-width%3D%221.2%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3Cpath%20d%3D%22M17.1066%2018.082C18.9628%2018.082%2020.4884%2016.6104%2020.4884%2014.7695C20.4884%2012.9287%2018.9628%2011.457%2017.1066%2011.457C15.2505%2011.457%2013.7249%2012.9287%2013.7249%2014.7695C13.7249%2016.6104%2015.2505%2018.082%2017.1066%2018.082Z%22%20fill%3D%22%23377FC4%22%20stroke%3D%22white%22/%3E%3Cpath%20d%3D%22M23.3503%2027.4609C26.2675%2027.4609%2028.6533%2025.1498%2028.6533%2022.2734C28.6533%2019.3971%2026.2675%2017.0859%2023.3503%2017.0859C20.4331%2017.0859%2018.0474%2019.3971%2018.0474%2022.2734C18.0474%2025.1498%2020.4331%2027.4609%2023.3503%2027.4609Z%22%20fill%3D%22%23377FC4%22%20stroke%3D%22white%22/%3E%3C/g%3E%3Cdefs%3E%3Cfilter%20id%3D%22filter0_dd_769_101985%22%20x%3D%220.448975%22%20y%3D%220.5%22%20width%3D%2248%22%20height%3D%2248%22%20filterUnits%3D%22userSpaceOnUse%22%20color-interpolation-filters%3D%22sRGB%22%3E%3CfeFlood%20flood-opacity%3D%220%22%20result%3D%22BackgroundImageFix%22/%3E%3CfeColorMatrix%20in%3D%22SourceAlpha%22%20type%3D%22matrix%22%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200%22%20result%3D%22hardAlpha%22/%3E%3CfeMorphology%20radius%3D%221%22%20operator%3D%22erode%22%20in%3D%22SourceAlpha%22%20result%3D%22effect1_dropShadow_769_101985%22/%3E%3CfeOffset%20dx%3D%221%22%20dy%3D%222%22/%3E%3CfeGaussianBlur%20stdDeviation%3D%222.5%22/%3E%3CfeComposite%20in2%3D%22hardAlpha%22%20operator%3D%22out%22/%3E%3CfeColorMatrix%20type%3D%22matrix%22%20values%3D%220%200%200%200%200.290196%200%200%200%200%200.392157%200%200%200%200%200.494118%200%200%200%200.3%200%22/%3E%3CfeBlend%20mode%3D%22normal%22%20in2%3D%22BackgroundImageFix%22%20result%3D%22effect1_dropShadow_769_101985%22/%3E%3CfeColorMatrix%20in%3D%22SourceAlpha%22%20type%3D%22matrix%22%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200%22%20result%3D%22hardAlpha%22/%3E%3CfeOffset%20dy%3D%221%22/%3E%3CfeGaussianBlur%20stdDeviation%3D%220.5%22/%3E%3CfeComposite%20in2%3D%22hardAlpha%22%20operator%3D%22out%22/%3E%3CfeColorMatrix%20type%3D%22matrix%22%20values%3D%220%200%200%200%200.0235294%200%200%200%200%200.172549%200%200%200%200%200.345098%200%200%200%200.1%200%22/%3E%3CfeBlend%20mode%3D%22normal%22%20in2%3D%22effect1_dropShadow_769_101985%22%20result%3D%22effect2_dropShadow_769_101985%22/%3E%3CfeBlend%20mode%3D%22normal%22%20in%3D%22SourceGraphic%22%20in2%3D%22effect2_dropShadow_769_101985%22%20result%3D%22shape%22/%3E%3C/filter%3E%3Cfilter%20id%3D%22filter1_ii_769_101985%22%20x%3D%222.44897%22%20y%3D%22-0.5%22%20width%3D%2242%22%20height%3D%2244%22%20filterUnits%3D%22userSpaceOnUse%22%20color-interpolation-filters%3D%22sRGB%22%3E%3CfeFlood%20flood-opacity%3D%220%22%20result%3D%22BackgroundImageFix%22/%3E%3CfeBlend%20mode%3D%22normal%22%20in%3D%22SourceGraphic%22%20in2%3D%22BackgroundImageFix%22%20result%3D%22shape%22/%3E%3CfeColorMatrix%20in%3D%22SourceAlpha%22%20type%3D%22matrix%22%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200%22%20result%3D%22hardAlpha%22/%3E%3CfeOffset%20dx%3D%22-1%22%20dy%3D%22-3%22/%3E%3CfeGaussianBlur%20stdDeviation%3D%222%22/%3E%3CfeComposite%20in2%3D%22hardAlpha%22%20operator%3D%22arithmetic%22%20k2%3D%22-1%22%20k3%3D%221%22/%3E%3CfeColorMatrix%20type%3D%22matrix%22%20values%3D%220%200%200%200%200.454545%200%200%200%200%200.544866%200%200%200%200%200.617122%200%200%200%200.35%200%22/%3E%3CfeBlend%20mode%3D%22normal%22%20in2%3D%22shape%22%20result%3D%22effect1_innerShadow_769_101985%22/%3E%3CfeColorMatrix%20in%3D%22SourceAlpha%22%20type%3D%22matrix%22%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200%22%20result%3D%22hardAlpha%22/%3E%3CfeOffset%20dx%3D%221%22%20dy%3D%221%22/%3E%3CfeGaussianBlur%20stdDeviation%3D%222.5%22/%3E%3CfeComposite%20in2%3D%22hardAlpha%22%20operator%3D%22arithmetic%22%20k2%3D%22-1%22%20k3%3D%221%22/%3E%3CfeColorMatrix%20type%3D%22matrix%22%20values%3D%220%200%200%200%200.121569%200%200%200%200%200.231373%200%200%200%200%200.376471%200%200%200%200.2%200%22/%3E%3CfeBlend%20mode%3D%22normal%22%20in2%3D%22effect1_innerShadow_769_101985%22%20result%3D%22effect2_innerShadow_769_101985%22/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E");
  background-size: 37px 37px;
  background-repeat: no-repeat;
  display: inline-block;
  width: 40px;
  height: 40px;
}
.Armillary-icon-filled {
  width: 40px;
  height: 40px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A//www.w3.org/2000/svg%22 width%3D%2241%22 height%3D%2241%22 viewBox%3D%220%200%2041%2041%22 fill%3D%22none%22%3E%3Crect x%3D%221.44897%22 y%3D%221.5%22 width%3D%2238%22 height%3D%2238%22 rx%3D%2219%22 fill%3D%22white%22/%3E%3Crect x%3D%221.44897%22 y%3D%221.5%22 width%3D%2238%22 height%3D%2238%22 rx%3D%2219%22 stroke%3D%22white%22 stroke-width%3D%222%22/%3E%3Cg filter%3D%22url(%23filter0_ii_1222_100567)%22%3E%3Crect x%3D%220.448975%22 y%3D%220.5%22 width%3D%2240%22 height%3D%2240%22 rx%3D%2220%22 fill%3D%22url(%23paint0_linear_1222_100567)%22/%3E%3C/g%3E%3Crect x%3D%221.44897%22 y%3D%221.5%22 width%3D%2238%22 height%3D%2238%22 rx%3D%2219%22 stroke%3D%22white%22 stroke-width%3D%222%22/%3E%3Cpath d%3D%22M20.6662%2031.0994C26.3091%2031.0994%2030.8834%2026.6351%2030.8834%2021.1278C30.8834%2015.6207%2026.3091%2011.1562%2020.6662%2011.1562C15.0234%2011.1562%2010.449%2015.6207%2010.449%2021.1278C10.449%2026.6351%2015.0234%2031.0994%2020.6662%2031.0994Z%22 stroke%3D%22white%22 stroke-width%3D%221.2%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22/%3E%3Cellipse cx%3D%2214.5256%22 cy%3D%2213.3125%22 rx%3D%222.88177%22 ry%3D%222.8125%22 fill%3D%22white%22/%3E%3Cellipse cx%3D%2220.7693%22 cy%3D%2220.8164%22 rx%3D%224.80296%22 ry%3D%224.6875%22 fill%3D%22white%22/%3E%3Cdefs%3E%3Cfilter id%3D%22filter0_ii_1222_100567%22 x%3D%22-0.551025%22 y%3D%22-2.5%22 width%3D%2242%22 height%3D%2244%22 filterUnits%3D%22userSpaceOnUse%22 color-interpolation-filters%3D%22sRGB%22%3E%3CfeFlood flood-opacity%3D%220%22 result%3D%22BackgroundImageFix%22/%3E%3CfeBlend mode%3D%22normal%22 in%3D%22SourceGraphic%22 in2%3D%22BackgroundImageFix%22 result%3D%22shape%22/%3E%3CfeColorMatrix in%3D%22SourceAlpha%22 type%3D%22matrix%22 values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200%22 result%3D%22hardAlpha%22/%3E%3CfeOffset dx%3D%22-1%22 dy%3D%22-3%22/%3E%3CfeGaussianBlur stdDeviation%3D%222%22/%3E%3CfeComposite in2%3D%22hardAlpha%22 operator%3D%22arithmetic%22 k2%3D%22-1%22 k3%3D%221%22/%3E%3CfeColorMatrix type%3D%22matrix%22 values%3D%220%200%200%200%200.454545%200%200%200%200%200.544866%200%200%200%200%200.617122%200%200%200%200.35%200%22/%3E%3CfeBlend mode%3D%22normal%22 in2%3D%22shape%22 result%3D%22effect1_innerShadow_1222_100567%22/%3E%3CfeColorMatrix in%3D%22SourceAlpha%22 type%3D%22matrix%22 values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200%22 result%3D%22hardAlpha%22/%3E%3CfeOffset dx%3D%221%22 dy%3D%221%22/%3E%3CfeGaussianBlur stdDeviation%3D%222.5%22/%3E%3CfeComposite in2%3D%22hardAlpha%22 operator%3D%22arithmetic%22 k2%3D%22-1%22 k3%3D%221%22/%3E%3CfeColorMatrix type%3D%22matrix%22 values%3D%220%200%200%200%200.121569%200%200%200%200%200.231373%200%200%200%200%200.376471%200%200%200%200.2%200%22/%3E%3CfeBlend mode%3D%22normal%22 in2%3D%22effect1_innerShadow_1222_100567%22 result%3D%22effect2_innerShadow_1222_100567%22/%3E%3C/filter%3E%3ClinearGradient id%3D%22paint0_linear_1222_100567%22 x1%3D%2223.449%22 y1%3D%2236.5%22 x2%3D%2221.949%22 y2%3D%225.5%22 gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop stop-color%3D%22%2336B6F9%22/%3E%3Cstop offset%3D%221%22 stop-color%3D%22%23377FC4%22/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
}
.Atlas-icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2241%22 height%3D%2241%22 viewBox%3D%220%200%2041%2041%22 fill%3D%22none%22%3E%3Crect x%3D%221.44897%22 y%3D%221.5%22 width%3D%2238%22 height%3D%2238%22 rx%3D%2219%22 fill%3D%22white%22%2F%3E%3Crect x%3D%221.44897%22 y%3D%221.5%22 width%3D%2238%22 height%3D%2238%22 rx%3D%2219%22 stroke%3D%22%23E0E0E0%22 stroke-width%3D%222%22%2F%3E%3Cpath d%3D%22M9.75751 20.8408L14.1325 16.4658V25.2158L9.75751 20.8408Z%22 stroke%3D%22%23377FC4%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Cpath d%3D%22M32.0399 20.8408L27.6649 16.4658V25.2158L32.0399 20.8408Z%22 stroke%3D%22%23377FC4%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Cpath d%3D%22M17.5772 18.3496H24.2202%22 stroke%3D%22%23377FC4%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Cpath d%3D%22M17.5772 23.332H24.2202%22 stroke%3D%22%23377FC4%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Cpath d%3D%22M20.8989 31.9814L16.5239 27.6064H25.2739L20.8989 31.9814Z%22 stroke%3D%22%23377FC4%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Cpath d%3D%22M20.8987 9.69922L16.5237 14.0742H25.2736L20.8987 9.69922Z%22 stroke%3D%22%23377FC4%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  width: 40px;
  height: 40px;
}
@media (max-width: 500px) {
  .Atlas-icon {
    margin-top: 0.7rem;
  }
}
.Atlas-icon-filled {
  width: 40px;
  height: 40px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2241%22 height%3D%2241%22 viewBox%3D%220%200%2041%2041%22 fill%3D%22none%22%3E%3Crect x%3D%221.44897%22 y%3D%221.5%22 width%3D%2238%22 height%3D%2238%22 rx%3D%2219%22 fill%3D%22white%22%2F%3E%3Crect x%3D%221.44897%22 y%3D%221.5%22 width%3D%2238%22 height%3D%2238%22 rx%3D%2219%22 stroke%3D%22white%22 stroke-width%3D%222%22%2F%3E%3Cg filter%3D%22url(%23filter0_ii_2573_6625)%22%3E%3Crect x%3D%220.448975%22 y%3D%220.5%22 width%3D%2240%22 height%3D%2240%22 rx%3D%2220%22 fill%3D%22url(%23paint0_linear_2573_6625)%22%2F%3E%3C%2Fg%3E%3Crect x%3D%221.44897%22 y%3D%221.5%22 width%3D%2238%22 height%3D%2238%22 rx%3D%2219%22 stroke%3D%22white%22 stroke-width%3D%222%22%2F%3E%3Cpath d%3D%22M9.75751%2020.8408L14.1325%2016.4658V25.2158L9.75751%2020.8408Z%22 stroke%3D%22white%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Cpath d%3D%22M32.0399%2020.8408L27.6649%2016.4658V25.2158L32.0399%2020.8408Z%22 stroke%3D%22white%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Cpath d%3D%22M17.5772%2018.3496H24.2202%22 stroke%3D%22white%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Cpath d%3D%22M17.5772%2023.332H24.2202%22 stroke%3D%22white%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Cpath d%3D%22M20.8989%2031.9814L16.5239%2027.6064H25.2739L20.8989%2031.9814Z%22 stroke%3D%22white%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Cpath d%3D%22M20.8987%209.69922L16.5237%2014.0742H25.2736L20.8987%209.69922Z%22 stroke%3D%22white%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Cdefs%3E%3Cfilter id%3D%22filter0_ii_2573_6625%22 x%3D%22-0.551025%22 y%3D%22-2.5%22 width%3D%2242%22 height%3D%2244%22 filterUnits%3D%22userSpaceOnUse%22 color-interpolation-filters%3D%22sRGB%22%3E%3CfeFlood flood-opacity%3D%220%22 result%3D%22BackgroundImageFix%22%2F%3E%3CfeBlend mode%3D%22normal%22 in%3D%22SourceGraphic%22 in2%3D%22BackgroundImageFix%22 result%3D%22shape%22%2F%3E%3CfeColorMatrix in%3D%22SourceAlpha%22 type%3D%22matrix%22 values%3D%220 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0%22 result%3D%22hardAlpha%22%2F%3E%3CfeOffset dx%3D%22-1%22 dy%3D%22-3%22%2F%3E%3CfeGaussianBlur stdDeviation%3D%222%22%2F%3E%3CfeComposite in2%3D%22hardAlpha%22 operator%3D%22arithmetic%22 k2%3D%22-1%22 k3%3D%221%22%2F%3E%3CfeColorMatrix type%3D%22matrix%22 values%3D%220 0 0 0 0.454545 0 0 0 0 0.544866 0 0 0 0 0.617122 0 0 0 0.35 0%22%2F%3E%3CfeBlend mode%3D%22normal%22 in2%3D%22shape%22 result%3D%22effect1_innerShadow_2573_6625%22%2F%3E%3CfeColorMatrix in%3D%22SourceAlpha%22 type%3D%22matrix%22 values%3D%220 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0%22 result%3D%22hardAlpha%22%2F%3E%3CfeOffset dx%3D%221%22 dy%3D%221%22%2F%3E%3CfeGaussianBlur stdDeviation%3D%222.5%22%2F%3E%3CfeComposite in2%3D%22hardAlpha%22 operator%3D%22arithmetic%22 k2%3D%22-1%22 k3%3D%221%22%2F%3E%3CfeColorMatrix type%3D%22matrix%22 values%3D%220 0 0 0 0.121569 0 0 0 0 0.231373 0 0 0 0 0.376471 0 0 0 0.2 0%22%2F%3E%3CfeBlend mode%3D%22normal%22 in2%3D%22effect1_innerShadow_2573_6625%22 result%3D%22effect2_innerShadow_2573_6625%22%2F%3E%3C%2Ffilter%3E%3ClinearGradient id%3D%22paint0_linear_2573_6625%22 x1%3D%2223.449%22 y1%3D%2236.5%22 x2%3D%2221.949%22 y2%3D%225.5%22 gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop stop-color%3D%22%2336B6F9%22%2F%3E%3Cstop offset%3D%221%22 stop-color%3D%22%23377FC4%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3C%2Fsvg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
}
@media (max-width: 500px) {
  .Atlas-icon-filled {
    margin-top: 0.7rem;
  }
}
.Calendar-icon {
  background-image: url('data:image/svg+xml,<svg width="49" height="49" viewBox="0 0 49 49" fill="none" xmlns="http://www.w3.org/2000/svg"><g filter="url(%23filter0_dd_795_105433)"><rect x="3.44897" y="2.5" width="40" height="40" rx="20" fill="white" shape-rendering="crispEdges"/><rect x="4.44897" y="3.5" width="38" height="38" rx="19" stroke="white" stroke-width="2" shape-rendering="crispEdges"/><g filter="url(%23filter1_ii_795_105433)"><rect x="3.44897" y="2.5" width="40" height="40" rx="20" fill="white"/></g><rect x="4.44897" y="3.5" width="38" height="38" rx="19" stroke="white" stroke-width="2"/><g clip-path="url(%23clip0_795_105433)"><rect width="19" height="19" transform="translate(14.449 11.5)" fill="white"/><path d="M16.4836 14.2188C16.1237 14.2188 15.7785 14.3617 15.524 14.6162C15.2694 14.8708 15.1265 15.216 15.1265 15.5759L15.1265 28.4687C15.1265 28.8287 15.2694 29.1739 15.524 29.4284C15.7785 29.6828 16.1237 29.8259 16.4836 29.8259L31.4122 29.8259C31.7721 29.8259 32.1173 29.6828 32.3718 29.4284C32.6263 29.1739 32.7693 28.8287 32.7693 28.4687L32.7693 15.5759C32.7693 15.216 32.6263 14.8708 32.3718 14.6162C32.1173 14.3617 31.7721 14.2188 31.4122 14.2188L28.6979 14.2188" stroke="%23377FC4" stroke-width="1.15" stroke-linecap="round" stroke-linejoin="round"/><path d="M19.2 12.1816L19.2 16.2531" stroke="%23377FC4" stroke-width="1.15" stroke-linecap="round" stroke-linejoin="round"/><path d="M28.6986 12.1816L28.6986 16.2531" stroke="%23377FC4" stroke-width="1.15" stroke-linecap="round" stroke-linejoin="round"/><path d="M19.2 14.2188L25.9857 14.2188" stroke="%23377FC4" stroke-width="1.15" stroke-linecap="round" stroke-linejoin="round"/><path d="M24.2874 17.8191L25.4228 20.1032C25.4482 20.1609 25.4885 20.2109 25.5395 20.248C25.5905 20.2851 25.6505 20.3081 25.7133 20.3144L28.2349 20.6973C28.307 20.7066 28.375 20.7364 28.4307 20.7829C28.4866 20.8295 28.528 20.891 28.5502 20.9602C28.5723 21.0295 28.5743 21.1036 28.5559 21.1739C28.5375 21.2443 28.4994 21.3079 28.4462 21.3574L26.5846 23.1265C26.5569 23.1795 26.5424 23.2384 26.5424 23.2981C26.5424 23.3579 26.5569 23.4168 26.5846 23.4698L26.9411 25.9783C26.9563 26.0508 26.9501 26.1261 26.9234 26.1952C26.8966 26.2642 26.8504 26.3241 26.7903 26.3674C26.7302 26.4107 26.6588 26.4356 26.5848 26.4393C26.5108 26.4428 26.4374 26.4248 26.3734 26.3875L24.129 25.1993C24.0709 25.1731 24.0079 25.1595 23.9441 25.1595C23.8804 25.1595 23.8174 25.1731 23.7593 25.1993L21.5149 26.3875C21.4509 26.4248 21.3775 26.4428 21.3035 26.4393C21.2295 26.4356 21.1581 26.4107 21.098 26.3674C21.0379 26.3241 20.9917 26.2642 20.9649 26.1952C20.9381 26.1261 20.932 26.0508 20.9472 25.9783L21.3697 23.4698C21.3878 23.4116 21.3913 23.3497 21.3798 23.2898C21.3683 23.23 21.3421 23.1738 21.3037 23.1265L19.4421 21.3442C19.3927 21.2942 19.3581 21.2315 19.342 21.1631C19.3258 21.0947 19.3288 21.0232 19.3506 20.9564C19.3725 20.8895 19.4122 20.83 19.4656 20.7843C19.519 20.7386 19.584 20.7085 19.6534 20.6973L22.175 20.3276C22.2378 20.3212 22.2978 20.2984 22.3488 20.2612C22.3998 20.2241 22.4401 20.1741 22.4655 20.1164L23.6009 17.8324C23.6313 17.7677 23.6791 17.7128 23.7391 17.6739C23.799 17.6351 23.8686 17.6137 23.94 17.6124C24.0115 17.611 24.0819 17.6296 24.1432 17.6662C24.2046 17.7027 24.2546 17.7557 24.2874 17.8191Z" stroke="%23377FC4" stroke-width="1.15" stroke-linecap="round" stroke-linejoin="round"/></g></g><defs><filter id="filter0_dd_795_105433" x="0.448975" y="0.5" width="48" height="48" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feMorphology radius="1" operator="erode" in="SourceAlpha" result="effect1_dropShadow_795_105433"/><feOffset dx="1" dy="2"/><feGaussianBlur stdDeviation="2.5"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix type="matrix" values="0 0 0 0 0.290196 0 0 0 0 0.392157 0 0 0 0 0.494118 0 0 0 0.3 0"/><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_795_105433"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dy="1"/><feGaussianBlur stdDeviation="0.5"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix type="matrix" values="0 0 0 0 0.0235294 0 0 0 0 0.172549 0 0 0 0 0.345098 0 0 0 0.1 0"/><feBlend mode="normal" in2="effect1_dropShadow_795_105433" result="effect2_dropShadow_795_105433"/><feBlend mode="normal" in="SourceGraphic" in2="effect2_dropShadow_795_105433" result="shape"/></filter><filter id="filter1_ii_795_105433" x="2.44897" y="-0.5" width="42" height="44" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dx="-1" dy="-3"/><feGaussianBlur stdDeviation="2"/><feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/><feColorMatrix type="matrix" values="0 0 0 0 0.454545 0 0 0 0 0.544866 0 0 0 0 0.617122 0 0 0 0.35 0"/><feBlend mode="normal" in2="shape" result="effect1_innerShadow_795_105433"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dx="1" dy="1"/><feGaussianBlur stdDeviation="2.5"/><feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/><feColorMatrix type="matrix" values="0 0 0 0 0.121569 0 0 0 0 0.231373 0 0 0 0 0.376471 0 0 0 0.2 0"/><feBlend mode="normal" in2="effect1_innerShadow_795_105433" result="effect2_innerShadow_795_105433"/></filter><clipPath id="clip0_795_105433"><rect width="19" height="19" fill="white" transform="translate(14.449 11.5)"/></clipPath></defs></svg> ');
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  width: 40px;
  height: 40px;
}
.Calendar-icon-filled {
  width: 40px;
  height: 40px;
  background-image: url('data:image/svg+xml,<svg width="49" height="49" viewBox="0 0 49 49" fill="none" xmlns="http://www.w3.org/2000/svg"><g filter="url(%23filter0_dd_795_105433)"><rect x="3.44897" y="2.5" width="40" height="40" rx="20" fill="white" shape-rendering="crispEdges"/><rect x="4.44897" y="3.5" width="38" height="38" rx="19" stroke="white" stroke-width="2" shape-rendering="crispEdges"/><g filter="url(%23filter1_ii_795_105433)"><rect x="3.44897" y="2.5" width="40" height="40" rx="20" fill="white"/></g><rect x="4.44897" y="3.5" width="38" height="38" rx="19" stroke="white" stroke-width="2"/><g clip-path="url(%23clip0_795_105433)"><rect width="19" height="19" transform="translate(14.449 11.5)" fill="white"/><path d="M16.4836 14.2188C16.1237 14.2188 15.7785 14.3617 15.524 14.6162C15.2694 14.8708 15.1265 15.216 15.1265 15.5759L15.1265 28.4687C15.1265 28.8287 15.2694 29.1739 15.524 29.4284C15.7785 29.6828 16.1237 29.8259 16.4836 29.8259L31.4122 29.8259C31.7721 29.8259 32.1173 29.6828 32.3718 29.4284C32.6263 29.1739 32.7693 28.8287 32.7693 28.4687L32.7693 15.5759C32.7693 15.216 32.6263 14.8708 32.3718 14.6162C32.1173 14.3617 31.7721 14.2188 31.4122 14.2188L28.6979 14.2188" stroke="%23377FC4" stroke-width="1.15" stroke-linecap="round" stroke-linejoin="round"/><path d="M19.2 12.1816L19.2 16.2531" stroke="%23377FC4" stroke-width="1.15" stroke-linecap="round" stroke-linejoin="round"/><path d="M28.6986 12.1816L28.6986 16.2531" stroke="%23377FC4" stroke-width="1.15" stroke-linecap="round" stroke-linejoin="round"/><path d="M19.2 14.2188L25.9857 14.2188" stroke="%23377FC4" stroke-width="1.15" stroke-linecap="round" stroke-linejoin="round"/><path d="M24.2874 17.8191L25.4228 20.1032C25.4482 20.1609 25.4885 20.2109 25.5395 20.248C25.5905 20.2851 25.6505 20.3081 25.7133 20.3144L28.2349 20.6973C28.307 20.7066 28.375 20.7364 28.4307 20.7829C28.4866 20.8295 28.528 20.891 28.5502 20.9602C28.5723 21.0295 28.5743 21.1036 28.5559 21.1739C28.5375 21.2443 28.4994 21.3079 28.4462 21.3574L26.5846 23.1265C26.5569 23.1795 26.5424 23.2384 26.5424 23.2981C26.5424 23.3579 26.5569 23.4168 26.5846 23.4698L26.9411 25.9783C26.9563 26.0508 26.9501 26.1261 26.9234 26.1952C26.8966 26.2642 26.8504 26.3241 26.7903 26.3674C26.7302 26.4107 26.6588 26.4356 26.5848 26.4393C26.5108 26.4428 26.4374 26.4248 26.3734 26.3875L24.129 25.1993C24.0709 25.1731 24.0079 25.1595 23.9441 25.1595C23.8804 25.1595 23.8174 25.1731 23.7593 25.1993L21.5149 26.3875C21.4509 26.4248 21.3775 26.4428 21.3035 26.4393C21.2295 26.4356 21.1581 26.4107 21.098 26.3674C21.0379 26.3241 20.9917 26.2642 20.9649 26.1952C20.9381 26.1261 20.932 26.0508 20.9472 25.9783L21.3697 23.4698C21.3878 23.4116 21.3913 23.3497 21.3798 23.2898C21.3683 23.23 21.3421 23.1738 21.3037 23.1265L19.4421 21.3442C19.3927 21.2942 19.3581 21.2315 19.342 21.1631C19.3258 21.0947 19.3288 21.0232 19.3506 20.9564C19.3725 20.8895 19.4122 20.83 19.4656 20.7843C19.519 20.7386 19.584 20.7085 19.6534 20.6973L22.175 20.3276C22.2378 20.3212 22.2978 20.2984 22.3488 20.2612C22.3998 20.2241 22.4401 20.1741 22.4655 20.1164L23.6009 17.8324C23.6313 17.7677 23.6791 17.7128 23.7391 17.6739C23.799 17.6351 23.8686 17.6137 23.94 17.6124C24.0115 17.611 24.0819 17.6296 24.1432 17.6662C24.2046 17.7027 24.2546 17.7557 24.2874 17.8191Z" stroke="%23377FC4" stroke-width="1.15" stroke-linecap="round" stroke-linejoin="round"/></g></g><defs><filter id="filter0_dd_795_105433" x="0.448975" y="0.5" width="48" height="48" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feMorphology radius="1" operator="erode" in="SourceAlpha" result="effect1_dropShadow_795_105433"/><feOffset dx="1" dy="2"/><feGaussianBlur stdDeviation="2.5"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix type="matrix" values="0 0 0 0 0.290196 0 0 0 0 0.392157 0 0 0 0 0.494118 0 0 0 0.3 0"/><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_795_105433"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dy="1"/><feGaussianBlur stdDeviation="0.5"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix type="matrix" values="0 0 0 0 0.0235294 0 0 0 0 0.172549 0 0 0 0 0.345098 0 0 0 0.1 0"/><feBlend mode="normal" in2="effect1_dropShadow_795_105433" result="effect2_dropShadow_795_105433"/><feBlend mode="normal" in="SourceGraphic" in2="effect2_dropShadow_795_105433" result="shape"/></filter><filter id="filter1_ii_795_105433" x="2.44897" y="-0.5" width="42" height="44" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dx="-1" dy="-3"/><feGaussianBlur stdDeviation="2"/><feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/><feColorMatrix type="matrix" values="0 0 0 0 0.454545 0 0 0 0 0.544866 0 0 0 0 0.617122 0 0 0 0.35 0"/><feBlend mode="normal" in2="shape" result="effect1_innerShadow_795_105433"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dx="1" dy="1"/><feGaussianBlur stdDeviation="2.5"/><feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/><feColorMatrix type="matrix" values="0 0 0 0 0.121569 0 0 0 0 0.231373 0 0 0 0 0.376471 0 0 0 0.2 0"/><feBlend mode="normal" in2="effect1_innerShadow_795_105433" result="effect2_innerShadow_795_105433"/></filter><clipPath id="clip0_795_105433"><rect width="19" height="19" fill="white" transform="translate(14.449 11.5)"/></clipPath></defs></svg> ');
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
}
.Message-icon {
  background-image: url('data:image/svg+xml,<svg width="49" height="49" viewBox="0 0 49 49" fill="none" xmlns="http://www.w3.org/2000/svg"><g filter="url(%23filter0_dd_795_105446)"><rect x="3.44897" y="2.5" width="40" height="40" rx="20" fill="white" shape-rendering="crispEdges"/><rect x="4.44897" y="3.5" width="38" height="38" rx="19" stroke="white" stroke-width="2" shape-rendering="crispEdges"/><g filter="url(%23filter1_ii_795_105446)"><rect x="3.44897" y="2.5" width="40" height="40" rx="20" fill="white"/></g><rect x="4.44897" y="3.5" width="38" height="38" rx="19" stroke="white" stroke-width="2"/><g clip-path="url(%23clip0_795_105446)"><path d="M22.2019 13.4531C20.7221 13.6664 19.3194 14.2547 18.1239 15.1636C16.9284 16.0726 15.9788 17.2726 15.3632 18.6525C14.7476 20.0324 14.4859 21.5474 14.6023 23.0571C14.7187 24.5668 15.2096 26.0223 16.0293 27.2886L14.5408 31.3561L19.5253 30.4431C20.807 31.079 22.2214 31.392 23.6481 31.3553C25.0748 31.3186 26.4717 30.9336 27.7199 30.2327C28.9683 29.5318 30.031 28.5357 30.8178 27.3294C31.6046 26.1231 32.0922 24.7422 32.2393 23.304" stroke="%23377FC4" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"/><path d="M28.8806 20.2888C30.7662 20.2888 32.2946 18.7402 32.2946 16.83C32.2946 14.9197 30.7662 13.3711 28.8806 13.3711C26.9951 13.3711 25.4666 14.9197 25.4666 16.83C25.4666 18.7402 26.9951 20.2888 28.8806 20.2888Z" fill="%23A52255" stroke="%23A52255" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></g></g><defs><filter id="filter0_dd_795_105446" x="0.448975" y="0.5" width="48" height="48" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feMorphology radius="1" operator="erode" in="SourceAlpha" result="effect1_dropShadow_795_105446"/><feOffset dx="1" dy="2"/><feGaussianBlur stdDeviation="2.5"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix type="matrix" values="0 0 0 0 0.290196 0 0 0 0 0.392157 0 0 0 0 0.494118 0 0 0 0.3 0"/><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_795_105446"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dy="1"/><feGaussianBlur stdDeviation="0.5"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix type="matrix" values="0 0 0 0 0.0235294 0 0 0 0 0.172549 0 0 0 0 0.345098 0 0 0 0.1 0"/><feBlend mode="normal" in2="effect1_dropShadow_795_105446" result="effect2_dropShadow_795_105446"/><feBlend mode="normal" in="SourceGraphic" in2="effect2_dropShadow_795_105446" result="shape"/></filter><filter id="filter1_ii_795_105446" x="2.44897" y="-0.5" width="42" height="44" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dx="-1" dy="-3"/><feGaussianBlur stdDeviation="2"/><feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/><feColorMatrix type="matrix" values="0 0 0 0 0.454545 0 0 0 0 0.544866 0 0 0 0 0.617122 0 0 0 0.35 0"/><feBlend mode="normal" in2="shape" result="effect1_innerShadow_795_105446"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dx="1" dy="1"/><feGaussianBlur stdDeviation="2.5"/><feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/><feColorMatrix type="matrix" values="0 0 0 0 0.121569 0 0 0 0 0.231373 0 0 0 0 0.376471 0 0 0 0.2 0"/><feBlend mode="normal" in2="effect1_innerShadow_795_105446" result="effect2_innerShadow_795_105446"/></filter><clipPath id="clip0_795_105446"><rect width="19.1947" height="19.4466" fill="white" transform="translate(13.8201 12.6406)"/></clipPath></defs></svg> ');
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  width: 40px;
  height: 40px;
}
.Message-icon-filled {
  width: 40px;
  height: 40px;
  background-image: url('data:image/svg+xml,<svg width="49" height="49" viewBox="0 0 49 49" fill="none" xmlns="http://www.w3.org/2000/svg"><g filter="url(%23filter0_dd_795_105446)"><rect x="3.44897" y="2.5" width="40" height="40" rx="20" fill="white" shape-rendering="crispEdges"/><rect x="4.44897" y="3.5" width="38" height="38" rx="19" stroke="white" stroke-width="2" shape-rendering="crispEdges"/><g filter="url(%23filter1_ii_795_105446)"><rect x="3.44897" y="2.5" width="40" height="40" rx="20" fill="white"/></g><rect x="4.44897" y="3.5" width="38" height="38" rx="19" stroke="white" stroke-width="2"/><g clip-path="url(%23clip0_795_105446)"><path d="M22.2019 13.4531C20.7221 13.6664 19.3194 14.2547 18.1239 15.1636C16.9284 16.0726 15.9788 17.2726 15.3632 18.6525C14.7476 20.0324 14.4859 21.5474 14.6023 23.0571C14.7187 24.5668 15.2096 26.0223 16.0293 27.2886L14.5408 31.3561L19.5253 30.4431C20.807 31.079 22.2214 31.392 23.6481 31.3553C25.0748 31.3186 26.4717 30.9336 27.7199 30.2327C28.9683 29.5318 30.031 28.5357 30.8178 27.3294C31.6046 26.1231 32.0922 24.7422 32.2393 23.304" stroke="%23377FC4" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"/><path d="M28.8806 20.2888C30.7662 20.2888 32.2946 18.7402 32.2946 16.83C32.2946 14.9197 30.7662 13.3711 28.8806 13.3711C26.9951 13.3711 25.4666 14.9197 25.4666 16.83C25.4666 18.7402 26.9951 20.2888 28.8806 20.2888Z" fill="%23A52255" stroke="%23A52255" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></g></g><defs><filter id="filter0_dd_795_105446" x="0.448975" y="0.5" width="48" height="48" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feMorphology radius="1" operator="erode" in="SourceAlpha" result="effect1_dropShadow_795_105446"/><feOffset dx="1" dy="2"/><feGaussianBlur stdDeviation="2.5"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix type="matrix" values="0 0 0 0 0.290196 0 0 0 0 0.392157 0 0 0 0 0.494118 0 0 0 0.3 0"/><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_795_105446"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dy="1"/><feGaussianBlur stdDeviation="0.5"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix type="matrix" values="0 0 0 0 0.0235294 0 0 0 0 0.172549 0 0 0 0 0.345098 0 0 0 0.1 0"/><feBlend mode="normal" in2="effect1_dropShadow_795_105446" result="effect2_dropShadow_795_105446"/><feBlend mode="normal" in="SourceGraphic" in2="effect2_dropShadow_795_105446" result="shape"/></filter><filter id="filter1_ii_795_105446" x="2.44897" y="-0.5" width="42" height="44" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dx="-1" dy="-3"/><feGaussianBlur stdDeviation="2"/><feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/><feColorMatrix type="matrix" values="0 0 0 0 0.454545 0 0 0 0 0.544866 0 0 0 0 0.617122 0 0 0 0.35 0"/><feBlend mode="normal" in2="shape" result="effect1_innerShadow_795_105446"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dx="1" dy="1"/><feGaussianBlur stdDeviation="2.5"/><feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/><feColorMatrix type="matrix" values="0 0 0 0 0.121569 0 0 0 0 0.231373 0 0 0 0 0.376471 0 0 0 0.2 0"/><feBlend mode="normal" in2="effect1_innerShadow_795_105446" result="effect2_innerShadow_795_105446"/></filter><clipPath id="clip0_795_105446"><rect width="19.1947" height="19.4466" fill="white" transform="translate(13.8201 12.6406)"/></clipPath></defs></svg> ');
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
}
.Home-icon-filled {
  width: 40px;
  height: 40px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2241%22 height%3D%2241%22 viewBox%3D%220%200%2041%2041%22 fill%3D%22none%22%3E%3Crect x%3D%221.44897%22 y%3D%221.5%22 width%3D%2238%22 height%3D%2238%22 rx%3D%2219%22 fill%3D%22white%22%2F%3E%3Crect x%3D%221.44897%22 y%3D%221.5%22 width%3D%2238%22 height%3D%2238%22 rx%3D%2219%22 stroke%3D%22white%22 stroke-width%3D%222%22%2F%3E%3Cg filter%3D%22url(%23filter0_ii_home)%22%3E%3Crect x%3D%220.448975%22 y%3D%220.5%22 width%3D%2240%22 height%3D%2240%22 rx%3D%2220%22 fill%3D%22url(%23paint0_linear_home)%22%2F%3E%3C%2Fg%3E%3Crect x%3D%221.44897%22 y%3D%221.5%22 width%3D%2238%22 height%3D%2238%22 rx%3D%2219%22 stroke%3D%22white%22 stroke-width%3D%222%22%2F%3E%3Cpath d%3D%22M10.449 20.5L20.449 12.5L30.449 20.5V28.5C30.449 29.0304 30.238 29.5391 29.8629 29.9142C29.4878 30.2893 28.9792 30.5 28.449 30.5H12.449C11.9185 30.5 11.4099 30.2893 11.0348 29.9142C10.6597 29.5391 10.449 29.0304 10.449 28.5V20.5Z%22 stroke%3D%22white%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Cpath d%3D%22M16.449 30.5V20.5H24.449V30.5%22 stroke%3D%22white%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Cdefs%3E%3Cfilter id%3D%22filter0_ii_home%22 x%3D%22-0.551025%22 y%3D%22-2.5%22 width%3D%2242%22 height%3D%2244%22 filterUnits%3D%22userSpaceOnUse%22 color-interpolation-filters%3D%22sRGB%22%3E%3CfeFlood flood-opacity%3D%220%22 result%3D%22BackgroundImageFix%22%2F%3E%3CfeBlend mode%3D%22normal%22 in%3D%22SourceGraphic%22 in2%3D%22BackgroundImageFix%22 result%3D%22shape%22%2F%3E%3CfeColorMatrix in%3D%22SourceAlpha%22 type%3D%22matrix%22 values%3D%220 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0%22 result%3D%22hardAlpha%22%2F%3E%3CfeOffset dx%3D%22-1%22 dy%3D%22-3%22%2F%3E%3CfeGaussianBlur stdDeviation%3D%222%22%2F%3E%3CfeComposite in2%3D%22hardAlpha%22 operator%3D%22arithmetic%22 k2%3D%22-1%22 k3%3D%221%22%2F%3E%3CfeColorMatrix type%3D%22matrix%22 values%3D%220 0 0 0 0.454545 0 0 0 0 0.544866 0 0 0 0 0.617122 0 0 0 0.35 0%22%2F%3E%3CfeBlend mode%3D%22normal%22 in2%3D%22shape%22 result%3D%22effect1_innerShadow_home%22%2F%3E%3CfeColorMatrix in%3D%22SourceAlpha%22 type%3D%22matrix%22 values%3D%220 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0%22 result%3D%22hardAlpha%22%2F%3E%3CfeOffset dx%3D%221%22 dy%3D%221%22%2F%3E%3CfeGaussianBlur stdDeviation%3D%222.5%22%2F%3E%3CfeComposite in2%3D%22hardAlpha%22 operator%3D%22arithmetic%22 k2%3D%22-1%22 k3%3D%221%22%2F%3E%3CfeColorMatrix type%3D%22matrix%22 values%3D%220 0 0 0 0.121569 0 0 0 0 0.231373 0 0 0 0 0.376471 0 0 0 0.2 0%22%2F%3E%3CfeBlend mode%3D%22normal%22 in2%3D%22effect1_innerShadow_home%22 result%3D%22effect2_innerShadow_home%22%2F%3E%3C%2Ffilter%3E%3ClinearGradient id%3D%22paint0_linear_home%22 x1%3D%2223.449%22 y1%3D%2236.5%22 x2%3D%2221.949%22 y2%3D%225.5%22 gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop stop-color%3D%22%2336B6F9%22%2F%3E%3Cstop offset%3D%221%22 stop-color%3D%22%23377FC4%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3C%2Fsvg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
}
@media (max-width: 500px) {
  .Home-icon-filled {
    margin-top: 0.7rem;
  }
}
.Settings-icon-filled {
  width: 40px;
  height: 40px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2241%22 height%3D%2241%22 viewBox%3D%220%200%2041%2041%22 fill%3D%22none%22%3E%3Crect x%3D%221.44897%22 y%3D%221.5%22 width%3D%2238%22 height%3D%2238%22 rx%3D%2219%22 fill%3D%22white%22%2F%3E%3Crect x%3D%221.44897%22 y%3D%221.5%22 width%3D%2238%22 height%3D%2238%22 rx%3D%2219%22 stroke%3D%22white%22 stroke-width%3D%222%22%2F%3E%3Cg filter%3D%22url(%23filter0_ii_settings)%22%3E%3Crect x%3D%220.448975%22 y%3D%220.5%22 width%3D%2240%22 height%3D%2240%22 rx%3D%2220%22 fill%3D%22url(%23paint0_linear_settings)%22%2F%3E%3C%2Fg%3E%3Crect x%3D%221.44897%22 y%3D%221.5%22 width%3D%2238%22 height%3D%2238%22 rx%3D%2219%22 stroke%3D%22white%22 stroke-width%3D%222%22%2F%3E%3Cpath d%3D%22M20.449 26.5C23.7627 26.5 26.449 23.8137 26.449 20.5C26.449 17.1863 23.7627 14.5 20.449 14.5C17.1353 14.5 14.449 17.1863 14.449 20.5C14.449 23.8137 17.1353 26.5 20.449 26.5Z%22 stroke%3D%22white%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Cpath d%3D%22M20.449 14.5V11.5%22 stroke%3D%22white%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Cpath d%3D%22M20.449 29.5V26.5%22 stroke%3D%22white%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Cpath d%3D%22M14.449 17L12.049 15.5%22 stroke%3D%22white%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Cpath d%3D%22M28.849 25.5L26.449 24%22 stroke%3D%22white%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Cpath d%3D%22M14.449 24L12.049 25.5%22 stroke%3D%22white%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Cpath d%3D%22M28.849 15.5L26.449 17%22 stroke%3D%22white%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Cdefs%3E%3Cfilter id%3D%22filter0_ii_settings%22 x%3D%22-0.551025%22 y%3D%22-2.5%22 width%3D%2242%22 height%3D%2244%22 filterUnits%3D%22userSpaceOnUse%22 color-interpolation-filters%3D%22sRGB%22%3E%3CfeFlood flood-opacity%3D%220%22 result%3D%22BackgroundImageFix%22%2F%3E%3CfeBlend mode%3D%22normal%22 in%3D%22SourceGraphic%22 in2%3D%22BackgroundImageFix%22 result%3D%22shape%22%2F%3E%3CfeColorMatrix in%3D%22SourceAlpha%22 type%3D%22matrix%22 values%3D%220 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0%22 result%3D%22hardAlpha%22%2F%3E%3CfeOffset dx%3D%22-1%22 dy%3D%22-3%22%2F%3E%3CfeGaussianBlur stdDeviation%3D%222%22%2F%3E%3CfeComposite in2%3D%22hardAlpha%22 operator%3D%22arithmetic%22 k2%3D%22-1%22 k3%3D%221%22%2F%3E%3CfeColorMatrix type%3D%22matrix%22 values%3D%220 0 0 0 0.454545 0 0 0 0 0.544866 0 0 0 0 0.617122 0 0 0 0.35 0%22%2F%3E%3CfeBlend mode%3D%22normal%22 in2%3D%22shape%22 result%3D%22effect1_innerShadow_settings%22%2F%3E%3CfeColorMatrix in%3D%22SourceAlpha%22 type%3D%22matrix%22 values%3D%220 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0%22 result%3D%22hardAlpha%22%2F%3E%3CfeOffset dx%3D%221%22 dy%3D%221%22%2F%3E%3CfeGaussianBlur stdDeviation%3D%222.5%22%2F%3E%3CfeComposite in2%3D%22hardAlpha%22 operator%3D%22arithmetic%22 k2%3D%22-1%22 k3%3D%221%22%2F%3E%3CfeColorMatrix type%3D%22matrix%22 values%3D%220 0 0 0 0.121569 0 0 0 0 0.231373 0 0 0 0 0.376471 0 0 0 0.2 0%22%2F%3E%3CfeBlend mode%3D%22normal%22 in2%3D%22effect1_innerShadow_settings%22 result%3D%22effect2_innerShadow_settings%22%2F%3E%3C%2Ffilter%3E%3ClinearGradient id%3D%22paint0_linear_settings%22 x1%3D%2223.449%22 y1%3D%2236.5%22 x2%3D%2221.949%22 y2%3D%225.5%22 gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop stop-color%3D%22%2336B6F9%22%2F%3E%3Cstop offset%3D%221%22 stop-color%3D%22%23377FC4%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3C%2Fsvg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
}
@media (max-width: 500px) {
  .Settings-icon-filled {
    margin-top: 0.7rem;
  }
}
.Marketplace-icon {
  width: 40px;
  height: 40px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2241%22 height%3D%2241%22 viewBox%3D%220%200%2041%2041%22 fill%3D%22none%22%3E%3Crect x%3D%221.44897%22 y%3D%221.5%22 width%3D%2238%22 height%3D%2238%22 rx%3D%2219%22 fill%3D%22white%22%2F%3E%3Crect x%3D%221.44897%22 y%3D%221.5%22 width%3D%2238%22 height%3D%2238%22 rx%3D%2219%22 stroke%3D%22%23E0E0E0%22 stroke-width%3D%222%22%2F%3E%3Cpath d%3D%22M12.449 15.5L13.449 11.5H27.449L28.449 15.5%22 stroke%3D%22%23377FC4%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Cpath d%3D%22M28.449 15.5V28.5C28.449 28.7652 28.3436 29.0196 28.1561 29.2071C27.9686 29.3946 27.7142 29.5 27.449 29.5H13.449C13.1838 29.5 12.9294 29.3946 12.7419 29.2071C12.5543 29.0196 12.449 28.7652 12.449 28.5V15.5%22 stroke%3D%22%23377FC4%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Cpath d%3D%22M12.449 15.5H28.449%22 stroke%3D%22%23377FC4%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Cpath d%3D%22M17.449 21.5H23.449V29.5H17.449V21.5Z%22 stroke%3D%22%23377FC4%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
}
@media (max-width: 500px) {
  .Marketplace-icon {
    margin-top: 0.7rem;
  }
}
.Marketplace-icon-filled {
  width: 40px;
  height: 40px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2241%22 height%3D%2241%22 viewBox%3D%220%200%2041%2041%22 fill%3D%22none%22%3E%3Crect x%3D%221.44897%22 y%3D%221.5%22 width%3D%2238%22 height%3D%2238%22 rx%3D%2219%22 fill%3D%22white%22%2F%3E%3Crect x%3D%221.44897%22 y%3D%221.5%22 width%3D%2238%22 height%3D%2238%22 rx%3D%2219%22 stroke%3D%22white%22 stroke-width%3D%222%22%2F%3E%3Cg filter%3D%22url(%23filter0_ii_marketplace)%22%3E%3Crect x%3D%220.448975%22 y%3D%220.5%22 width%3D%2240%22 height%3D%2240%22 rx%3D%2220%22 fill%3D%22url(%23paint0_linear_marketplace)%22%2F%3E%3C%2Fg%3E%3Crect x%3D%221.44897%22 y%3D%221.5%22 width%3D%2238%22 height%3D%2238%22 rx%3D%2219%22 stroke%3D%22white%22 stroke-width%3D%222%22%2F%3E%3Cpath d%3D%22M12.449 15.5L13.449 11.5H27.449L28.449 15.5%22 stroke%3D%22white%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Cpath d%3D%22M28.449 15.5V28.5C28.449 28.7652 28.3436 29.0196 28.1561 29.2071C27.9686 29.3946 27.7142 29.5 27.449 29.5H13.449C13.1838 29.5 12.9294 29.3946 12.7419 29.2071C12.5543 29.0196 12.449 28.7652 12.449 28.5V15.5%22 stroke%3D%22white%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Cpath d%3D%22M12.449 15.5H28.449%22 stroke%3D%22white%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Cpath d%3D%22M17.449 21.5H23.449V29.5H17.449V21.5Z%22 stroke%3D%22white%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Cdefs%3E%3Cfilter id%3D%22filter0_ii_marketplace%22 x%3D%22-0.551025%22 y%3D%22-2.5%22 width%3D%2242%22 height%3D%2244%22 filterUnits%3D%22userSpaceOnUse%22 color-interpolation-filters%3D%22sRGB%22%3E%3CfeFlood flood-opacity%3D%220%22 result%3D%22BackgroundImageFix%22%2F%3E%3CfeBlend mode%3D%22normal%22 in%3D%22SourceGraphic%22 in2%3D%22BackgroundImageFix%22 result%3D%22shape%22%2F%3E%3CfeColorMatrix in%3D%22SourceAlpha%22 type%3D%22matrix%22 values%3D%220 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0%22 result%3D%22hardAlpha%22%2F%3E%3CfeOffset dx%3D%22-1%22 dy%3D%22-3%22%2F%3E%3CfeGaussianBlur stdDeviation%3D%222%22%2F%3E%3CfeComposite in2%3D%22hardAlpha%22 operator%3D%22arithmetic%22 k2%3D%22-1%22 k3%3D%221%22%2F%3E%3CfeColorMatrix type%3D%22matrix%22 values%3D%220 0 0 0 0.454545 0 0 0 0 0.544866 0 0 0 0 0.617122 0 0 0 0.35 0%22%2F%3E%3CfeBlend mode%3D%22normal%22 in2%3D%22shape%22 result%3D%22effect1_innerShadow_marketplace%22%2F%3E%3CfeColorMatrix in%3D%22SourceAlpha%22 type%3D%22matrix%22 values%3D%220 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0%22 result%3D%22hardAlpha%22%2F%3E%3CfeOffset dx%3D%221%22 dy%3D%221%22%2F%3E%3CfeGaussianBlur stdDeviation%3D%222.5%22%2F%3E%3CfeComposite in2%3D%22hardAlpha%22 operator%3D%22arithmetic%22 k2%3D%22-1%22 k3%3D%221%22%2F%3E%3CfeColorMatrix type%3D%22matrix%22 values%3D%220 0 0 0 0.121569 0 0 0 0 0.231373 0 0 0 0 0.376471 0 0 0 0.2 0%22%2F%3E%3CfeBlend mode%3D%22normal%22 in2%3D%22effect1_innerShadow_marketplace%22 result%3D%22effect2_innerShadow_marketplace%22%2F%3E%3C%2Ffilter%3E%3ClinearGradient id%3D%22paint0_linear_marketplace%22 x1%3D%2223.449%22 y1%3D%2236.5%22 x2%3D%2221.949%22 y2%3D%225.5%22 gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop stop-color%3D%22%2336B6F9%22%2F%3E%3Cstop offset%3D%221%22 stop-color%3D%22%23377FC4%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3C%2Fsvg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
}
@media (max-width: 500px) {
  .Marketplace-icon-filled {
    margin-top: 0.7rem;
  }
}
.Notification-icon-filled {
  width: 40px;
  height: 40px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2241%22 height%3D%2241%22 viewBox%3D%220%200%2041%2041%22 fill%3D%22none%22%3E%3Crect x%3D%221.44897%22 y%3D%221.5%22 width%3D%2238%22 height%3D%2238%22 rx%3D%2219%22 fill%3D%22white%22%2F%3E%3Crect x%3D%221.44897%22 y%3D%221.5%22 width%3D%2238%22 height%3D%2238%22 rx%3D%2219%22 stroke%3D%22white%22 stroke-width%3D%222%22%2F%3E%3Cg filter%3D%22url(%23filter0_ii_notification)%22%3E%3Crect x%3D%220.448975%22 y%3D%220.5%22 width%3D%2240%22 height%3D%2240%22 rx%3D%2220%22 fill%3D%22url(%23paint0_linear_notification)%22%2F%3E%3C%2Fg%3E%3Crect x%3D%221.44897%22 y%3D%221.5%22 width%3D%2238%22 height%3D%2238%22 rx%3D%2219%22 stroke%3D%22white%22 stroke-width%3D%222%22%2F%3E%3Cpath d%3D%22M15.449 17C15.449 15.6739 15.9758 14.4021 16.9135 13.4645C17.8511 12.5268 19.1229 12 20.449 12C21.7751 12 23.0469 12.5268 23.9845 13.4645C24.9222 14.4021 25.449 15.6739 25.449 17C25.449 23 28.449 25 28.449 25H12.449C12.449 25 15.449 23 15.449 17Z%22 stroke%3D%22white%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Cpath d%3D%22M18.949 29C19.1272 29.3044 19.3771 29.5583 19.6763 29.7352C19.9755 29.9121 20.3143 30.0053 20.659 30.0053C21.0037 30.0053 21.3425 29.9121 21.6417 29.7352C21.9409 29.5583 22.1908 29.3044 22.369 29%22 stroke%3D%22white%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Cdefs%3E%3Cfilter id%3D%22filter0_ii_notification%22 x%3D%22-0.551025%22 y%3D%22-2.5%22 width%3D%2242%22 height%3D%2244%22 filterUnits%3D%22userSpaceOnUse%22 color-interpolation-filters%3D%22sRGB%22%3E%3CfeFlood flood-opacity%3D%220%22 result%3D%22BackgroundImageFix%22%2F%3E%3CfeBlend mode%3D%22normal%22 in%3D%22SourceGraphic%22 in2%3D%22BackgroundImageFix%22 result%3D%22shape%22%2F%3E%3CfeColorMatrix in%3D%22SourceAlpha%22 type%3D%22matrix%22 values%3D%220 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0%22 result%3D%22hardAlpha%22%2F%3E%3CfeOffset dx%3D%22-1%22 dy%3D%22-3%22%2F%3E%3CfeGaussianBlur stdDeviation%3D%222%22%2F%3E%3CfeComposite in2%3D%22hardAlpha%22 operator%3D%22arithmetic%22 k2%3D%22-1%22 k3%3D%221%22%2F%3E%3CfeColorMatrix type%3D%22matrix%22 values%3D%220 0 0 0 0.454545 0 0 0 0 0.544866 0 0 0 0 0.617122 0 0 0 0.35 0%22%2F%3E%3CfeBlend mode%3D%22normal%22 in2%3D%22shape%22 result%3D%22effect1_innerShadow_notification%22%2F%3E%3CfeColorMatrix in%3D%22SourceAlpha%22 type%3D%22matrix%22 values%3D%220 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0%22 result%3D%22hardAlpha%22%2F%3E%3CfeOffset dx%3D%221%22 dy%3D%221%22%2F%3E%3CfeGaussianBlur stdDeviation%3D%222.5%22%2F%3E%3CfeComposite in2%3D%22hardAlpha%22 operator%3D%22arithmetic%22 k2%3D%22-1%22 k3%3D%221%22%2F%3E%3CfeColorMatrix type%3D%22matrix%22 values%3D%220 0 0 0 0.121569 0 0 0 0 0.231373 0 0 0 0 0.376471 0 0 0 0.2 0%22%2F%3E%3CfeBlend mode%3D%22normal%22 in2%3D%22effect1_innerShadow_notification%22 result%3D%22effect2_innerShadow_notification%22%2F%3E%3C%2Ffilter%3E%3ClinearGradient id%3D%22paint0_linear_notification%22 x1%3D%2223.449%22 y1%3D%2236.5%22 x2%3D%2221.949%22 y2%3D%225.5%22 gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop stop-color%3D%22%2336B6F9%22%2F%3E%3Cstop offset%3D%221%22 stop-color%3D%22%23377FC4%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3C%2Fsvg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  position: relative;
}
@media (max-width: 500px) {
  .Notification-icon-filled {
    margin-top: 0.7rem;
  }
}
.Home-icon {
  width: 40px;
  height: 40px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2241%22 height%3D%2241%22 viewBox%3D%220%200%2041%2041%22 fill%3D%22none%22%3E%3Crect x%3D%221.44897%22 y%3D%221.5%22 width%3D%2238%22 height%3D%2238%22 rx%3D%2219%22 fill%3D%22white%22%2F%3E%3Crect x%3D%221.44897%22 y%3D%221.5%22 width%3D%2238%22 height%3D%2238%22 rx%3D%2219%22 stroke%3D%22%23E0E0E0%22 stroke-width%3D%222%22%2F%3E%3Cpath d%3D%22M10.449 20.5L20.449 12.5L30.449 20.5V28.5C30.449 29.0304 30.238 29.5391 29.8629 29.9142C29.4878 30.2893 28.9792 30.5 28.449 30.5H12.449C11.9185 30.5 11.4099 30.2893 11.0348 29.9142C10.6597 29.5391 10.449 29.0304 10.449 28.5V20.5Z%22 stroke%3D%22%23377FC4%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Cpath d%3D%22M16.449 30.5V20.5H24.449V30.5%22 stroke%3D%22%23377FC4%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
}
@media (max-width: 500px) {
  .Home-icon {
    margin-top: 0.7rem;
  }
}
.Settings-icon {
  width: 40px;
  height: 40px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2241%22 height%3D%2241%22 viewBox%3D%220%200%2041%2041%22 fill%3D%22none%22%3E%3Crect x%3D%221.44897%22 y%3D%221.5%22 width%3D%2238%22 height%3D%2238%22 rx%3D%2219%22 fill%3D%22white%22%2F%3E%3Crect x%3D%221.44897%22 y%3D%221.5%22 width%3D%2238%22 height%3D%2238%22 rx%3D%2219%22 stroke%3D%22%23E0E0E0%22 stroke-width%3D%222%22%2F%3E%3Cpath d%3D%22M20.449 26.5C23.7627 26.5 26.449 23.8137 26.449 20.5C26.449 17.1863 23.7627 14.5 20.449 14.5C17.1353 14.5 14.449 17.1863 14.449 20.5C14.449 23.8137 17.1353 26.5 20.449 26.5Z%22 stroke%3D%22%23377FC4%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Cpath d%3D%22M20.449 14.5V11.5%22 stroke%3D%22%23377FC4%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Cpath d%3D%22M20.449 29.5V26.5%22 stroke%3D%22%23377FC4%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Cpath d%3D%22M14.449 17L12.049 15.5%22 stroke%3D%22%23377FC4%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Cpath d%3D%22M28.849 25.5L26.449 24%22 stroke%3D%22%23377FC4%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Cpath d%3D%22M14.449 24L12.049 25.5%22 stroke%3D%22%23377FC4%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Cpath d%3D%22M28.849 15.5L26.449 17%22 stroke%3D%22%23377FC4%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
}
@media (max-width: 500px) {
  .Settings-icon {
    margin-top: 0.7rem;
  }
}
.Notification-icon {
  width: 40px;
  height: 40px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2241%22 height%3D%2241%22 viewBox%3D%220%200%2041%2041%22 fill%3D%22none%22%3E%3Crect x%3D%221.44897%22 y%3D%221.5%22 width%3D%2238%22 height%3D%2238%22 rx%3D%2219%22 fill%3D%22white%22%2F%3E%3Crect x%3D%221.44897%22 y%3D%221.5%22 width%3D%2238%22 height%3D%2238%22 rx%3D%2219%22 stroke%3D%22%23E0E0E0%22 stroke-width%3D%222%22%2F%3E%3Cpath d%3D%22M15.449 17C15.449 15.6739 15.9758 14.4021 16.9135 13.4645C17.8511 12.5268 19.1229 12 20.449 12C21.7751 12 23.0469 12.5268 23.9845 13.4645C24.9222 14.4021 25.449 15.6739 25.449 17C25.449 23 28.449 25 28.449 25H12.449C12.449 25 15.449 23 15.449 17Z%22 stroke%3D%22%23377FC4%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Cpath d%3D%22M18.949 29C19.1272 29.3044 19.3771 29.5583 19.6763 29.7352C19.9755 29.9121 20.3143 30.0053 20.659 30.0053C21.0037 30.0053 21.3425 29.9121 21.6417 29.7352C21.9409 29.5583 22.1908 29.3044 22.369 29%22 stroke%3D%22%23377FC4%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  position: relative;
}
@media (max-width: 500px) {
  .Notification-icon {
    margin-top: 0.7rem;
  }
}
.multi-user-circle {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_3227_91534)'%3E%3Cpath d='M15.9777 9.9574C17.0705 9.9574 17.9564 9.0715 17.9564 7.9787C17.9564 6.88589 17.0705 6 15.9777 6C14.8849 6 13.999 6.88589 13.999 7.9787C13.999 9.0715 14.8849 9.9574 15.9777 9.9574Z' stroke='%2313911B' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M18.5646 14.9575V13.9681C18.5646 12.3289 17.2358 11 15.5965 11C14.4787 11 13.5052 11.6179 12.999 12.5308' stroke='%2313911B' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7.97772 9.9574C9.07053 9.9574 9.95642 9.0715 9.95642 7.9787C9.95642 6.88589 9.07053 6 7.97772 6C6.88492 6 5.99902 6.88589 5.99902 7.9787C5.99902 9.0715 6.88492 9.9574 7.97772 9.9574Z' stroke='%2313911B' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4.99902 14.9575V13.9681C4.99902 12.3289 6.32789 11 7.96714 11C9.08494 11 10.0584 11.6179 10.5646 12.5308' stroke='%2313911B' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M11.9777 15.9574C13.0705 15.9574 13.9564 15.0715 13.9564 13.9787C13.9564 12.8859 13.0705 12 11.9777 12C10.8849 12 9.99902 12.8859 9.99902 13.9787C9.99902 15.0715 10.8849 15.9574 11.9777 15.9574Z' stroke='%2313911B' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M14.9352 19.968C14.9352 18.3288 13.6064 17 11.9671 17C10.3279 17 8.99902 18.3288 8.99902 19.968' stroke='%2313911B' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cpath d='M11.999 23C18.0742 23 22.999 18.0752 22.999 12C22.999 5.92487 18.0742 1 11.999 1C5.92389 1 0.999023 5.92487 0.999023 12C0.999023 18.0752 5.92389 23 11.999 23Z' stroke='%2313911B' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cdefs%3E%3CclipPath id='clip0_3227_91534'%3E%3Crect width='15.3899' height='15.3899' fill='white' transform='translate(3.99902 5)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  width: 36px;
  height: 36px;
}
.collapse-icon {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg width%3D%2217%22 height%3D%2223%22 viewBox%3D%220%200%2017%2023%22 fill%3D%22none%22 xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath d%3D%22M14.9623 11.6916C14.9244 11.783 14.8604 11.8611 14.7782 11.916C14.6959 11.971 14.5993 12.0003 14.5004 12.0004H12.0004V17.0004C12.0004 17.2656 11.895 17.5199 11.7075 17.7075C11.52 17.895 11.2656 18.0004 11.0004 18.0004H6.00039C5.73518 18.0004 5.48082 17.895 5.29329 17.7075C5.10575 17.5199 5.00039 17.2656 5.00039 17.0004V12.0004H2.50039C2.40145 12.0004 2.3047 11.9712 2.2224 11.9162C2.14011 11.8613 2.07596 11.7832 2.03808 11.6918C2.00021 11.6003 1.9903 11.4998 2.00963 11.4027C2.02895 11.3057 2.07664 11.2165 2.14664 11.1466L8.14664 5.14662C8.19308 5.10013 8.24822 5.06325 8.30892 5.03809C8.36962 5.01292 8.43469 4.99997 8.50039 4.99997C8.5661 4.99997 8.63116 5.01292 8.69186 5.03809C8.75256 5.06325 8.80771 5.10013 8.85414 5.14662L14.8541 11.1466C14.924 11.2166 14.9716 11.3057 14.9909 11.4027C15.0101 11.4997 15.0002 11.6003 14.9623 11.6916ZM8.50039 6.20724L3.70727 11.0004H5.50039C5.633 11.0004 5.76018 11.053 5.85395 11.1468C5.94772 11.2406 6.00039 11.3678 6.00039 11.5004V17.0004H11.0004V11.5004C11.0004 11.3678 11.0531 11.2406 11.1468 11.1468C11.2406 11.053 11.3678 11.0004 11.5004 11.0004H13.2935L8.50039 6.20724Z%22 fill%3D%22%23377FC4%22/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  width: 38px;
  height: 38px;
  margin-left: 5px;
  margin-top: 2px;
}
.expand-icon {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg width%3D%2217%22 height%3D%2223%22 viewBox%3D%220%200%2017%2023%22 fill%3D%22none%22 xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath d%3D%22M14.9623 11.3088C14.9244 11.2174 14.8604 11.1393 14.7782 11.0843C14.6959 11.0294 14.5993 11 14.5004 11H12.0004V6C12.0004 5.73478 11.895 5.48043 11.7075 5.29289C11.52 5.10536 11.2656 5 11.0004 5H6.00039C5.73518 5 5.48082 5.10536 5.29329 5.29289C5.10575 5.48043 5.00039 5.73478 5.00039 6V11H2.50039C2.40145 10.9999 2.3047 11.0292 2.2224 11.0841C2.14011 11.1391 2.07596 11.2172 2.03808 11.3086C2.00021 11.4 1.9903 11.5006 2.00963 11.5977C2.02895 11.6947 2.07664 11.7838 2.14664 11.8538L8.14664 17.8538C8.19308 17.9002 8.24822 17.9371 8.30892 17.9623C8.36962 17.9874 8.43469 18.0004 8.50039 18.0004C8.5661 18.0004 8.63116 17.9874 8.69186 17.9623C8.75256 17.9371 8.80771 17.9002 8.85414 17.8538L14.8541 11.8538C14.924 11.7838 14.9716 11.6947 14.9909 11.5977C15.0101 11.5006 15.0002 11.4001 14.9623 11.3088ZM8.50039 16.7931L3.70727 12H5.50039C5.633 12 5.76018 11.9473 5.85395 11.8536C5.94772 11.7598 6.00039 11.6326 6.00039 11.5V6H11.0004V11.5C11.0004 11.6326 11.0531 11.7598 11.1468 11.8536C11.2406 11.9473 11.3678 12 11.5004 12H13.2935L8.50039 16.7931Z%22 fill%3D%22%23377FC4%22/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  width: 38px;
  height: 38px;
  margin-left: 5px;
  margin-top: 2px;
}
.both-direction-icon {
  background-image: url('data:image/svg+xml,<svg width="17" height="23" viewBox="0 0 17 23" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M15.7724 7.48445C15.7322 7.58153 15.6641 7.66452 15.5768 7.72291C15.4894 7.7813 15.3867 7.81248 15.2817 7.8125H12.6254V9.40625C12.6254 9.54715 12.5694 9.68227 12.4698 9.7819C12.3702 9.88153 12.2351 9.9375 12.0942 9.9375H5.71917C5.57827 9.9375 5.44315 9.88153 5.34352 9.7819C5.24389 9.68227 5.18792 9.54715 5.18792 9.40625V7.8125H2.53167C2.42654 7.81258 2.32374 7.78147 2.2363 7.7231C2.14886 7.66473 2.08071 7.58173 2.04046 7.48461C2.00022 7.38748 1.9897 7.2806 2.01023 7.17749C2.03076 7.07439 2.08143 6.97969 2.15581 6.90539L8.53081 0.530391C8.58015 0.480997 8.63874 0.441812 8.70323 0.415077C8.76772 0.388342 8.83685 0.374582 8.90667 0.374582C8.97648 0.374582 9.04561 0.388342 9.11011 0.415077C9.1746 0.441812 9.23319 0.480997 9.28253 0.530391L15.6575 6.90539C15.7318 6.97973 15.7824 7.07442 15.8028 7.1775C15.8233 7.28057 15.8127 7.38739 15.7724 7.48445ZM8.90667 1.6573L3.81397 6.75H5.71917C5.86006 6.75 5.99519 6.80597 6.09482 6.9056C6.19445 7.00523 6.25042 7.14035 6.25042 7.28125V8.875H11.5629V7.28125C11.5629 7.14035 11.6189 7.00523 11.7185 6.9056C11.8181 6.80597 11.9533 6.75 12.0942 6.75H13.9994L8.90667 1.6573ZM5.18792 11.5312C5.18792 11.6721 5.24389 11.8073 5.34352 11.9069C5.44315 12.0065 5.57827 12.0625 5.71917 12.0625H12.0942C12.2351 12.0625 12.3702 12.0065 12.4698 11.9069C12.5694 11.8073 12.6254 11.6721 12.6254 11.5312C12.6254 11.3904 12.5694 11.2552 12.4698 11.1556C12.3702 11.056 12.2351 11 12.0942 11H5.71917C5.57827 11 5.44315 11.056 5.34352 11.1556C5.24389 11.2552 5.18792 11.3904 5.18792 11.5312Z" fill="%23377FC4"/><path d="M15.7724 15.5155C15.7322 15.4185 15.6641 15.3355 15.5768 15.2771C15.4894 15.2187 15.3867 15.1875 15.2817 15.1875H12.6254V13.5938C12.6254 13.4529 12.5694 13.3177 12.4698 13.2181C12.3702 13.1185 12.2351 13.0625 12.0942 13.0625H5.71917C5.57827 13.0625 5.44315 13.1185 5.34352 13.2181C5.24389 13.3177 5.18792 13.4529 5.18792 13.5938V15.1875H2.53167C2.42654 15.1874 2.32374 15.2185 2.2363 15.2769C2.14886 15.3353 2.08071 15.4183 2.04046 15.5154C2.00022 15.6125 1.9897 15.7194 2.01023 15.8225C2.03076 15.9256 2.08143 16.0203 2.15581 16.0946L8.53081 22.4696C8.58015 22.519 8.63874 22.5582 8.70323 22.5849C8.76772 22.6117 8.83685 22.6254 8.90667 22.6254C8.97648 22.6254 9.04561 22.6117 9.11011 22.5849C9.1746 22.5582 9.23319 22.519 9.28253 22.4696L15.6575 16.0946C15.7318 16.0203 15.7824 15.9256 15.8028 15.8225C15.8233 15.7194 15.8127 15.6126 15.7724 15.5155ZM8.90667 21.3427L3.81397 16.25H5.71917C5.86006 16.25 5.99519 16.194 6.09482 16.0944C6.19445 15.9948 6.25042 15.8596 6.25042 15.7188V14.125H11.5629V15.7188C11.5629 15.8596 11.6189 15.9948 11.7185 16.0944C11.8181 16.194 11.9533 16.25 12.0942 16.25H13.9994L8.90667 21.3427Z" fill="%23377FC4"/></svg>');
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-left: 5px;
}
.lock-rotation {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='23' viewBox='0 0 22 23' fill='none'%3E %3Cpath d='M13.643 1.55893C18.1478 2.6231 21.5001 6.67 21.5001 11.4999C21.5001 17.1411 16.9271 21.7142 11.2858 21.7142C5.64463 21.7142 1.07153 17.1411 1.07153 11.4999C1.07153 7.55925 3.30313 4.13969 6.57153 2.43626' stroke='%2313911B' stroke-linecap='round'/%3E %3Cpath d='M3.42871 1.28566L7.35728 1.28566L7.35728 5.21423' stroke='%2313911B' stroke-linecap='round' stroke-linejoin='round'/%3E %3Cpath d='M7.75024 15.0356V11.8928C7.75024 11.4588 8.10202 11.1071 8.53596 11.1071H14.036C14.4699 11.1071 14.8217 11.4588 14.8217 11.8928V15.0356C14.8217 15.4696 14.4699 15.8213 14.036 15.8213H8.53596C8.10202 15.8213 7.75024 15.4696 7.75024 15.0356Z' stroke='%2313911B' stroke-linejoin='round'/%3E %3Cpath d='M8.92847 11.107V9.53561C8.92847 8.23379 9.98379 7.17847 11.2856 7.17847C12.5874 7.17847 13.6428 8.23379 13.6428 9.53561V11.107' stroke='%2313911B' stroke-linecap='round' stroke-linejoin='round'/%3E %3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  width: 22px;
  height: 22px;
}
.info-circle {
  background-image: url("data:image/svg+xml,%3Csvg width='26' height='29' viewBox='0 0 26 29' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='information-circle--information-frame-info-more-help-point-circle'%3E%3Cg id='information-circle--information-frame-info-more-help-point-circle_2'%3E%3Cpath id='Vector' d='M13 21.4832C16.5899 21.4832 19.5 18.5731 19.5 14.9832C19.5 11.3933 16.5899 8.48315 13 8.48315C9.41015 8.48315 6.5 11.3933 6.5 14.9832C6.5 18.5731 9.41015 21.4832 13 21.4832Z' stroke='%2326A3E3' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath id='Vector_2' d='M11.5 17.9832H14.5' stroke='%2326A3E3' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath id='Vector_3' d='M13 17.9832V14.4832H12' stroke='%2326A3E3' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cg id='Group 2605'%3E%3Cpath id='Ellipse 1111' d='M13 12.2332C12.8619 12.2332 12.75 12.1212 12.75 11.9832C12.75 11.8451 12.8619 11.7332 13 11.7332' stroke='%2326A3E3' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath id='Ellipse 1112' d='M13 12.2332C13.1381 12.2332 13.25 12.1212 13.25 11.9832C13.25 11.8451 13.1381 11.7332 13 11.7332' stroke='%2326A3E3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  width: 22px;
  height: 22px;
}
.action-icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='30' viewBox='0 0 32 30' fill='none'%3E%3Cg id='ai-generate-portrait-image-spark--picture-photography-photo-image-artificial-intelligence-ai'%3E%3Cg id='ai-generate-variation-spark--module-application-artificial-intelligence-ai'%3E%3Cg id='Group 631'%3E%3Cpath id='Vector' d='M13.3843 16.9424H7.67115C7.29995 16.9424 6.99902 17.2499 6.99902 17.6292V23.4673C6.99902 23.8466 7.29995 24.1541 7.67115 24.1541H13.3843C13.7555 24.1541 14.0564 23.8466 14.0564 23.4673V17.6292C14.0564 17.2499 13.7555 16.9424 13.3843 16.9424Z' stroke='%23377FC4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath id='Vector_2' d='M24.3272 16.9424H18.614C18.2428 16.9424 17.9419 17.2499 17.9419 17.6292V23.4673C17.9419 23.8466 18.2428 24.1541 18.614 24.1541H24.3272C24.6984 24.1541 24.9992 23.8466 24.9992 23.4673V17.6292C24.9992 17.2499 24.6984 16.9424 24.3272 16.9424Z' stroke='%23377FC4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath id='Vector_3' d='M13.3843 6H7.67115C7.29995 6 6.99902 6.30751 6.99902 6.68683V12.5249C6.99902 12.9043 7.29995 13.2118 7.67115 13.2118H13.3843C13.7555 13.2118 14.0564 12.9043 14.0564 12.5249V6.68683C14.0564 6.30751 13.7555 6 13.3843 6Z' stroke='%23377FC4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath id='Vector 2136' d='M17.158 10.1382C16.7442 10.0646 16.7442 9.45753 17.158 9.38396C18.6573 9.11742 19.8498 7.95045 20.1753 6.43133L20.2002 6.31488C20.2897 5.89692 20.8721 5.89431 20.9652 6.31146L20.9954 6.44717C21.333 7.95913 22.5258 9.11624 24.021 9.38203C24.4369 9.45598 24.4369 10.0662 24.021 10.1401C22.5258 10.4059 21.333 11.563 20.9954 13.075L20.9652 13.2107C20.8721 13.6278 20.2897 13.6252 20.2002 13.2073L20.1753 13.0908C19.8498 11.5717 18.6573 10.4047 17.158 10.1382Z' stroke='%23377FC4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  width: 28px;
  height: 28px;
}
.default-icon {
  position: relative;
  top: 2px;
  left: 2px;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='20'%20height='20'%20viewBox='0%200%20100%20100'%20fill='none'%3E%3Ccircle%20cx='50'%20cy='50'%20r='40'%20fill='none'%20stroke='%23CBD5E0'%20stroke-width='4'/%3E%3Ccircle%20cx='50'%20cy='50'%20r='10'%20fill='%23CBD5E0'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.center-icon {
  position: relative;
  top: 2px;
  left: 2px;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='20'%20height='20'%20viewBox='0%200%20100%20100'%20fill='none'%3E%3Ccircle%20cx='50'%20cy='50'%20r='40'%20fill='%234A90E2'%20opacity='0.2'/%3E%3Ccircle%20cx='50'%20cy='50'%20r='25'%20fill='%234A90E2'%20opacity='0.5'/%3E%3Ccircle%20cx='50'%20cy='50'%20r='12'%20fill='%234A90E2'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.center-organization-icon {
  position: relative;
  top: 2px;
  left: 2px;
  background-image: url("data:image/svg+xml,%3Csvg%20width='22'%20height='22'%20viewBox='0%200%2022%2022'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20d='M18.8734%2011.6619C18.8734%2016.3958%2015.0358%2020.2334%2010.3019%2020.2334C5.56803%2020.2334%201.73047%2016.3958%201.73047%2011.6619C1.73047%206.92807%205.56803%203.09052%2010.3019%203.09052'%20stroke='%2326A3E3'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3Cpath%20d='M1.73047%2011.662H11.6206'%20stroke='%2326A3E3'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3Cpath%20d='M10.3016%203.09082C8.32135%205.52596%207.16681%208.52775%207.00488%2011.6622C7.16681%2014.7967%208.32135%2017.7986%2010.3016%2020.2337C11.8606%2018.3166%2012.9078%2016.0481%2013.3618%2013.6403'%20stroke='%2326A3E3'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3Cpath%20d='M11.5772%206.67224C11.0758%206.58503%2011.0758%205.86534%2011.5772%205.77813C13.3934%205.46216%2014.8379%204.07879%2015.2322%202.27792L15.2624%202.13988C15.3708%201.6444%2016.0764%201.64132%2016.1891%202.13583L16.2258%202.2967C16.6347%204.08906%2018.0795%205.46076%2019.8908%205.77586C20.3947%205.86351%2020.3947%206.58686%2019.8908%206.67453C18.0795%206.98961%2016.6347%208.36131%2016.2258%2010.1537L16.1891%2010.3145C16.0764%2010.8091%2015.3708%2010.806%2015.2624%2010.3105L15.2322%2010.1725C14.8379%208.3716%2013.3934%206.98821%2011.5772%206.67224Z'%20stroke='%2326A3E3'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.center-department-icon {
  position: relative;
  top: 2px;
  left: 2px;
  background-image: url("data:image/svg+xml,%3Csvg%20width='22'%20height='22'%20viewBox='0%200%2022%2022'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20d='M20.24%205.70098L12.2015%201.18573C11.9868%201.0639%2011.7454%201%2011.5%201C11.2546%201%2011.0132%201.0639%2010.7985%201.18573L2.76%205.70286C2.53044%205.8318%202.33881%206.02165%202.20512%206.25259C2.07143%206.48352%202.00059%206.74706%202%207.0157V15.9843C2.00059%2016.2529%202.07143%2016.5165%202.20512%2016.7474C2.33881%2016.9783%202.53044%2017.1682%202.76%2017.2971L10.7985%2021.8143C11.0132%2021.9361%2011.2546%2022%2011.5%2022C11.7454%2022%2011.9868%2021.9361%2012.2015%2021.8143L20.24%2017.2971C20.4696%2017.1682%2020.6612%2016.9783%2020.7949%2016.7474C20.9286%2016.5165%2020.9994%2016.2529%2021%2015.9843V7.01664C20.9999%206.74752%2020.9293%206.48339%2020.7956%206.25192C20.6619%206.02045%2020.47%205.83015%2020.24%205.70098ZM11.5%202.49858L18.8387%206.62466L11.5%2010.7507L4.16125%206.62466L11.5%202.49858ZM3.46154%207.9375L10.7692%2012.043V20.0879L3.46154%2015.9852V7.9375ZM12.2308%2020.0879V12.0467L19.5385%207.9375V15.9815L12.2308%2020.0879Z'%20fill='%2326A3E3'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.center-group-icon {
  position: relative;
  top: 2px;
  left: 2px;
  background-image: url("data:image/svg+xml,%3Csvg%20width='22'%20height='22'%20viewBox='0%200%2022%2022'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20d='M11.3931%2021C16.6988%2021%2021%2016.6988%2021%2011.3931C21%206.0873%2016.6988%201.78613%2011.3931%201.78613C6.0873%201.78613%201.78613%206.0873%201.78613%2011.3931C1.78613%2016.6988%206.0873%2021%2011.3931%2021Z'%20stroke='%2326A3E3'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3Cpath%20d='M12.8136%2015.8069L12.8136%2015.8069C12.387%2015.1195%2011.8034%2014.5551%2011.1163%2014.1645C10.4292%2013.7739%209.66002%2013.5695%208.8787%2013.5695C8.09738%2013.5695%207.32824%2013.7739%206.64111%2014.1645C5.9541%2014.555%205.37068%2015.1193%204.94409%2015.8065C4.90533%2015.8706%204.85466%2015.9263%204.79487%2015.9701C4.73495%2016.0141%204.6671%2016.0452%204.59521%2016.0617C4.52332%2016.0781%204.44899%2016.0794%204.3766%2016.0654C4.30422%2016.0515%204.23538%2016.0227%204.17408%2015.9808C4.11278%2015.9389%204.06027%2015.8848%204.01945%2015.8219C3.97864%2015.7589%203.95029%2015.6883%203.93591%2015.614C3.92152%2015.5398%203.92137%2015.4634%203.93544%2015.3891L4.00912%2015.4031L3.93544%2015.3891C3.94948%2015.315%203.97743%2015.2444%204.01781%2015.1814C4.01791%2015.1813%204.01802%2015.1811%204.01813%2015.1809L4.08123%2015.2215C4.73642%2014.165%205.69269%2013.3528%206.8131%2012.8993L12.8136%2015.8069ZM12.8136%2015.8069L12.8142%2015.8078C12.8946%2015.933%2013.0194%2016.021%2013.1625%2016.0514C13.3056%2016.0818%2013.4542%2016.0519%2013.5759%2015.9688C13.6974%2015.8858%2013.7819%2015.7567%2013.8124%2015.6101C13.8429%2015.4635%2013.8172%2015.3101%2013.7404%2015.1827L13.7399%2015.1819C13.0849%2014.1258%2012.1322%2013.31%2011.015%2012.8472C11.6128%2012.3961%2012.0667%2011.7656%2012.3161%2011.0384C12.5807%2010.2667%2012.6013%209.42644%2012.3747%208.64166C12.1481%207.85685%2011.6863%207.16863%2011.0568%206.67915C10.4273%206.18963%209.66361%205.925%208.8787%205.925C8.09379%205.925%207.33011%206.18963%206.70058%206.67915C6.07111%207.16863%205.60928%207.85685%205.38271%208.64166C5.15615%209.42644%205.17667%2010.2667%205.4413%2011.0384C5.6907%2011.7656%206.14462%2012.3961%206.74236%2012.8472L12.8136%2015.8069Z'%20fill='%2326A3E3'%20stroke='%2326A3E3'%20stroke-width='0.15'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.center-sphere-icon {
  position: relative;
  top: 2px;
  left: 2px;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='20'%20height='20'%20viewBox='0%200%20100%20100'%20fill='none'%3E%3Ccircle%20cx='50'%20cy='50'%20r='40'%20fill='%2348BB78'%20opacity='0.3'/%3E%3Ccircle%20cx='50'%20cy='50'%20r='20'%20fill='%2348BB78'/%3E%3Cpath%20d='M50%2010%20A40%2040%200%200%201%2090%2050'%20stroke='%2334D399'%20stroke-width='4'%20fill='none'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.center-subject-icon {
  position: relative;
  top: 2px;
  left: 2px;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='20'%20height='20'%20viewBox='0%200%20100%20100'%20fill='none'%3E%3Ccircle%20cx='50'%20cy='50'%20r='40'%20fill='none'%20stroke='%23805AD5'%20stroke-width='4'/%3E%3Ccircle%20cx='50'%20cy='50'%20r='20'%20fill='%23805AD5'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.center-perspective-icon {
  position: relative;
  top: 2px;
  left: 2px;
  background-image: url("data:image/svg+xml,%3Csvg%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cg%20clip-path='url(%23clip0_4902_122453)'%3E%3Cpath%20d='M4.35352%2013.0213C5.35639%2011.6788%206.95802%2010.8097%208.76263%2010.8097C10.0473%2010.8097%2011.2291%2011.2501%2012.1652%2011.9883'%20stroke='%2326A3E3'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3Cpath%20d='M7.97669%2016.7026H2.47669C2.05994%2016.7026%201.66023%2016.5369%201.36553%2016.2423C1.07083%2015.9476%200.905273%2015.5479%200.905273%2015.1311V2.55972C0.905273%202.14294%201.07083%201.74325%201.36553%201.44854C1.66023%201.15384%202.05994%200.988281%202.47669%200.988281H15.0481C15.4649%200.988281%2015.8646%201.15384%2016.1594%201.44854C16.454%201.74325%2016.6196%202.14294%2016.6196%202.55972V7.274'%20stroke='%2326A3E3'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3Cpath%20d='M8.76242%208.45257C10.0642%208.45257%2011.1196%207.39723%2011.1196%206.09542C11.1196%204.79361%2010.0642%203.73828%208.76242%203.73828C7.46061%203.73828%206.40527%204.79361%206.40527%206.09542C6.40527%207.39723%207.46061%208.45257%208.76242%208.45257Z'%20stroke='%2326A3E3'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3Cpath%20d='M11.5327%2016.5988C10.9813%2016.5028%2010.9813%2015.7111%2011.5327%2015.6152C13.5306%2015.2676%2015.1196%2013.7459%2015.5532%2011.765L15.5865%2011.6131C15.7058%2011.0681%2016.4819%2011.0647%2016.6059%2011.6087L16.6462%2011.7856C17.096%2013.7572%2018.6853%2015.2661%2020.6777%2015.6127C21.232%2015.7091%2021.232%2016.5048%2020.6777%2016.6013C18.6853%2016.9478%2017.096%2018.4567%2016.6462%2020.4284L16.6059%2020.6053C16.4819%2021.1492%2015.7058%2021.1459%2015.5865%2020.6007L15.5532%2020.4489C15.1196%2018.468%2013.5306%2016.9462%2011.5327%2016.5988Z'%20stroke='%2326A3E3'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.center-time-action-icon {
  position: relative;
  top: 2px;
  left: 2px;
  background-image: url("data:image/svg+xml,%3Csvg%20width='22'%20height='22'%20viewBox='0%200%2022%2022'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20d='M10.9694 9.7819C11.0391 9.85164 11.1218 9.90696 11.2128 9.94471C11.3039 9.98245 11.4014 10.0019 11.5 10.0019C11.5986 10.0019 11.6961 9.98245 11.7872 9.94471C11.8782 9.90696 11.9609 9.85164 12.0306 9.7819L15.7804 6.03161C15.8501 5.96195 15.9054 5.87922 15.9432 5.78817C15.9809 5.69711 16.0003 5.59951 16.0003 5.50094C16.0003 5.40237 15.9809 5.30477 15.9432 5.21371C15.9054 5.12266 15.8501 5.03993 15.7804 4.97027L12.0306 1.21998C11.9609 1.15024 11.8782 1.09492 11.7872 1.05717C11.6961 1.01943 11.5986 1 11.5 1C11.4014 1 11.3039 1.01943 11.2128 1.05717C11.1218 1.09492 11.0391 1.15024 10.9694 1.21998L7.21962 4.97027C7.14989 5.03993 7.09457 5.12266 7.05683 5.21371C7.01909 5.30477 6.99966 5.40237 6.99966 5.50094C6.99966 5.59951 7.01909 5.69711 7.05683 5.78817C7.09457 5.87922 7.14989 5.96195 7.21962 6.03161L10.9694 9.7819ZM11.5 2.81104L14.1895 5.50094L11.5 8.19084L8.81046 5.50094L11.5 2.81104ZM12.0306 13.2181C11.9609 13.1484 11.8782 13.093 11.7872 13.0553C11.6961 13.0175 11.5986 12.9981 11.5 12.9981C11.4014 12.9981 11.3039 13.0175 11.2128 13.0553C11.1218 13.093 11.0391 13.1484 10.9694 13.2181L7.21962 16.9684C7.14989 17.0381 7.09457 17.1208 7.05683 17.2118C7.01909 17.3029 6.99966 17.4005 6.99966 17.4991C6.99966 17.5976 7.01909 17.6952 7.05683 17.7863C7.09457 17.8773 7.14989 17.9601 7.21962 18.0297L10.9694 21.78C11.0391 21.8498 11.1218 21.9051 11.2128 21.9428C11.3039 21.9806 11.4014 22 11.5 22C11.5986 22 11.6961 21.9806 11.7872 21.9428C11.8782 21.9051 11.9609 21.8498 12.0306 21.78L15.7804 18.0297C15.8501 17.9601 15.9054 17.8773 15.9432 17.7863C15.9809 17.6952 16.0003 17.5976 16.0003 17.4991C16.0003 17.4005 15.9809 17.3029 15.9432 17.2118C15.9054 17.1208 15.8501 17.0381 15.7804 16.9684L12.0306 13.2181ZM11.5 20.1918L8.81046 17.5019L11.5 14.812L14.1895 17.5019L11.5 20.1918ZM21.78 10.9707L18.0303 7.22045C17.9606 7.15071 17.8779 7.09539 17.7869 7.05764C17.6958 7.0199 17.5982 7.00047 17.4997 7.00047C17.4011 7.00047 17.3035 7.0199 17.2125 7.05764C17.1214 7.09539 17.0387 7.15071 16.9691 7.22045L13.2193 10.9707C13.1496 11.0404 13.0942 11.1231 13.0565 11.2142C13.0188 11.3052 12.9993 11.4028 12.9993 11.5014C12.9993 11.6 13.0188 11.6976 13.0565 11.7886C13.0942 11.8797 13.1496 11.9624 13.2193 12.0321L16.9691 15.7824C17.0387 15.8521 17.1214 15.9074 17.2125 15.9452C17.3035 15.9829 17.4011 16.0023 17.4997 16.0023C17.5982 16.0023 17.6958 15.9829 17.7869 15.9452C17.8779 15.9074 17.9606 15.8521 18.0303 15.7824L21.78 12.0321C21.8498 11.9624 21.9051 11.8797 21.9428 11.7886C21.9806 11.6976 22 11.6 22 11.5014C22 11.4028 21.9806 11.3052 21.9428 11.2142C21.9051 11.1231 21.8498 11.0404 21.78 10.9707ZM17.4997 14.1913L14.8101 11.5014L17.4997 8.81151L20.1892 11.5014L17.4997 14.1913ZM9.78072 10.9707L6.03093 7.22045C5.96128 7.15071 5.87857 7.09539 5.78753 7.05764C5.69648 7.0199 5.59889 7.00047 5.50034 7.00047C5.40178 7.00047 5.30419 7.0199 5.21315 7.05764C5.12211 7.09539 5.03939 7.15071 4.96974 7.22045L1.21995 10.9707C1.15022 11.0404 1.09491 11.1231 1.05717 11.2142C1.01943 11.3052 1 11.4028 1 11.5014C1 11.6 1.01943 11.6976 1.05717 11.7886C1.09491 11.8797 1.15022 11.9624 1.21995 12.0321L4.96974 15.7824C5.03939 15.8521 5.12211 15.9074 5.21315 15.9452C5.30419 15.9829 5.40178 16.0023 5.50034 16.0023C5.59889 16.0023 5.69648 15.9829 5.78753 15.9452C5.87857 15.9074 5.96128 15.8521 6.03093 15.7824L9.78072 12.0321C9.85045 11.9624 9.90577 11.8797 9.94351 11.7886C9.98125 11.6976 10.0007 11.6 10.0007 11.5014C10.0007 11.4028 9.98125 11.3052 9.94351 11.2142C9.90577 11.1231 9.85045 11.0404 9.78072 10.9707ZM5.50034 14.1913L2.8108 11.5014L5.50034 8.81151L8.18987 11.5014L5.50034 14.1913Z' fill='%2348BB78'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.center-orbit-icon {
  position: relative;
  top: 2px;
  left: 2px;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='26'%20height='22'%20viewBox='0%200%2026%2022'%20fill='none'%3E%3Cpath%20d='M4.96289%2020.2119V16.6689H9.07677'%20stroke='%2326A3E3'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3Cpath%20d='M23.7054%209.30695C24.729%2013.9951%2021.3979%2018.6427%2015.9593%2019.8979C11.7968%2020.8585%207.5496%2019.5663%204.96289%2016.8892'%20stroke='%2326A3E3'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3Cpath%20d='M2.67647%2012.6927C1.65286%208.00463%204.98399%203.35689%2010.4226%202.10182C14.5848%201.1413%2018.8317%202.4332%2021.4184%205.10997'%20stroke='%2326A3E3'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3Cpath%20d='M21.4185%201.78809V5.33116H17.3047'%20stroke='%2326A3E3'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3Cpath%20d='M8.36333%2011.4764C7.78123%2011.3892%207.78123%2010.6695%208.36333%2010.5823C10.4722%2010.2664%2012.1494%208.88297%2012.6072%207.08212L12.6422%206.94407C12.7682%206.4486%2013.5873%206.44552%2013.7183%206.94002L13.7609%207.10089C14.2356%208.89326%2015.9133%2010.2649%2018.0163%2010.58C18.6013%2010.6677%2018.6013%2011.3911%2018.0163%2011.4787C15.9133%2011.7938%2014.2356%2013.1655%2013.7609%2014.9579L13.7183%2015.1187C13.5873%2015.6133%2012.7682%2015.6101%2012.6422%2015.1147L12.6072%2014.9767C12.1494%2013.1758%2010.4722%2011.7924%208.36333%2011.4764Z'%20stroke='%2326A3E3'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.center-rotation-icon {
  position: relative;
  top: 2px;
  left: 2px;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='26'%20height='22'%20viewBox='0%200%2026%2022'%20fill='none'%3E%3Cpath%20d='M4.96289%2020.2119V16.6689H9.07677'%20stroke='%2326A3E3'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3Cpath%20d='M23.7054%209.30695C24.729%2013.9951%2021.3979%2018.6427%2015.9593%2019.8979C11.7968%2020.8585%207.5496%2019.5663%204.96289%2016.8892'%20stroke='%2326A3E3'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3Cpath%20d='M2.67647%2012.6927C1.65286%208.00463%204.98399%203.35689%2010.4226%202.10182C14.5848%201.1413%2018.8317%202.4332%2021.4184%205.10997'%20stroke='%2326A3E3'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3Cpath%20d='M21.4185%201.78809V5.33116H17.3047'%20stroke='%2326A3E3'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3Cpath%20d='M8.36333%2011.4764C7.78123%2011.3892%207.78123%2010.6695%208.36333%2010.5823C10.4722%2010.2664%2012.1494%208.88297%2012.6072%207.08212L12.6422%206.94407C12.7682%206.4486%2013.5873%206.44552%2013.7183%206.94002L13.7609%207.10089C14.2356%208.89326%2015.9133%2010.2649%2018.0163%2010.58C18.6013%2010.6677%2018.6013%2011.3911%2018.0163%2011.4787C15.9133%2011.7938%2014.2356%2013.1655%2013.7609%2014.9579L13.7183%2015.1187C13.5873%2015.6133%2012.7682%2015.6101%2012.6422%2015.1147L12.6072%2014.9767C12.1494%2013.1758%2010.4722%2011.7924%208.36333%2011.4764Z'%20stroke='%2326A3E3'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
/*
.sphere-user-icon {
  background-image: url('data:image/svg+xml;utf8,<svg width="26" height="26" viewBox="0 0 26 26" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="user-circle-single--circle-geometric-human-person-single-user"><g id="user-circle-single--circle-geometric-human-person-single-user_2"><path id="Vector" d="M13.0001 14.7599C15.4293 14.7599 17.3986 12.7906 17.3986 10.3614C17.3986 7.93217 15.4293 5.96289 13.0001 5.96289C10.5708 5.96289 8.60156 7.93217 8.60156 10.3614C8.60156 12.7906 10.5708 14.7599 13.0001 14.7599Z" stroke="%23377FC4" stroke-linecap="round" stroke-linejoin="round"/><path id="Vector_2" d="M5.48828 21.6216C6.2734 20.3328 7.37684 19.2677 8.69252 18.5287C10.0082 17.7896 11.4919 17.4014 13.0009 17.4014C14.51 17.4014 15.9936 17.7896 17.3093 18.5287C18.625 19.2677 19.7284 20.3328 20.5136 21.6216" stroke="%23377FC4" stroke-linecap="round" stroke-linejoin="round"/><path id="Vector_3" d="M13.0005 24.4366C19.3166 24.4366 24.4366 19.3166 24.4366 13.0005C24.4366 6.68457 19.3166 1.56445 13.0005 1.56445C6.68457 1.56445 1.56445 6.68457 1.56445 13.0005C1.56445 19.3166 6.68457 24.4366 13.0005 24.4366Z" stroke="%23377FC4" stroke-linecap="round" stroke-linejoin="round"/></g></g></svg>');
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  width: 24.632px;
  height: 24.632px;
}
*/
.center-sphere-priority-icon {
  position: relative;
  top: 2px;
  left: 2px;
  background-image: url("data:image/svg+xml,%3Csvg%20width='22'%20height='22'%20viewBox='0%200%2022%2022'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cg%20clip-path='url(%23clip0_4902_122407)'%3E%3Cpath%20d='M9.6423%207.21063C8.72555%207.90125%207.79322%208.70989%206.88422%209.61889C2.82223%2013.6809%200.764175%2018.2086%202.28742%2019.7319C3.81066%2021.255%208.33839%2019.197%2012.4004%2015.1351C13.3094%2014.2261%2014.118%2013.2937%2014.8086%2012.377'%20stroke='%231A9C9C'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3Cpath%20d='M14.8086%2012.377C17.2042%2015.5569%2018.1796%2018.5495%2016.9972%2019.7319C15.4739%2021.2552%2010.9462%2019.197%206.88422%2015.1351C2.82223%2011.0731%200.764175%206.54534%202.28742%205.0221C3.46979%203.83973%206.4624%204.81514%209.6423%207.21064'%20stroke='%231A9C9C'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3Cpath%20d='M8.92773%2012.3771C8.92773%2012.7716%209.24753%2013.0914%209.64202%2013.0914C10.0365%2013.0914%2010.3563%2012.7716%2010.3563%2012.3771C10.3563%2011.9826%2010.0365%2011.6628%209.64202%2011.6628C9.24753%2011.6628%208.92773%2011.9826%208.92773%2012.3771Z'%20stroke='%231A9C9C'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3Cpath%20d='M12.5123%206.15718C12.0636%206.07911%2012.0636%205.4349%2012.5123%205.35683C14.1381%205.07398%2015.4312%203.83567%2015.784%202.22363L15.8112%202.10006C15.9082%201.65654%2016.5397%201.65378%2016.6407%202.09644L16.6736%202.24044C17.0395%203.84487%2018.3329%205.07273%2019.9542%205.35478C20.4053%205.43325%2020.4053%206.08075%2019.9542%206.15923C18.3329%206.44128%2017.0395%207.66915%2016.6736%209.27358L16.6407%209.41758C16.5397%209.86024%2015.9082%209.85748%2015.8112%209.41395L15.784%209.29038C15.4312%207.67835%2014.1381%206.44003%2012.5123%206.15718Z'%20stroke='%231A9C9C'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath%20id='clip0_4902_122407'%3E%3Crect%20width='20'%20height='20'%20fill='white'%20transform='translate(1.03906%201)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.center-sphere-pillar-icon {
  position: relative;
  top: 2px;
  left: 2px;
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D'23'%20height%3D'23'%20viewBox%3D'0%200%2023%2023'%20fill%3D'none'%20xmlns%3D'http%3A//www.w3.org/2000/svg'%3E%3Cdefs%3E%3ClinearGradient%20id%3D'paint0_linear_main'%20x1%3D'5.21977'%20y1%3D'17.3305'%20x2%3D'16.7802'%20y2%3D'5.77008'%20gradientUnits%3D'userSpaceOnUse'%3E%3Cstop%20stop-color%3D'%2338AB6B'/%3E%3Cstop%20offset%3D'1'%20stop-color%3D'%2349C881'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath%20d%3D'M18.9892%2013.2037C19.2761%2013.361%2019.599%2013.4407%2019.9262%2013.4353C20.2533%2013.4297%2020.5735%2013.3391%2020.8551%2013.1722C21.1368%2013.0054%2021.3702%2012.7681%2021.5323%2012.4838C21.6945%2012.1994%2021.7799%2011.8779%2021.7799%2011.5506C21.7801%2011.2234%2021.695%2010.9018%2021.5331%2010.6176C21.3711%2010.3333%2021.1379%2010.0963%2020.8564%209.92962C20.5748%209.76297%2020.2547%209.67258%2019.9276%209.66733C19.6004%209.66209%2019.2773%209.74202%2018.9904%209.8995C18.6697%208.33827%2017.8982%206.90564%2016.7714%205.77888C15.6447%204.65211%2014.212%203.88064%2012.6508%203.55992C12.8082%203.27294%2012.8883%202.94996%2012.883%202.62277C12.8777%202.29558%2012.7873%201.97547%2012.6207%201.69396C12.4541%201.41243%2012.217%201.17923%2011.9327%201.01727C11.6485%200.855316%2011.3269%200.770213%2010.9997%200.770332C10.6725%200.770448%2010.3509%200.855797%2010.0665%201.01795C9.78216%201.18012%209.54489%201.4135%209.37807%201.69514C9.21124%201.97678%209.12061%202.29695%209.11509%202.62415C9.10957%202.95134%209.18936%203.27427%209.3466%203.56113C7.7859%203.88512%206.35331%204.65737%205.22443%205.78319C4.23605%206.76848%203.51953%207.9928%203.14469%209.33685C2.74269%209.19789%202.30524%209.2001%201.90441%209.34314C1.50357%209.48618%201.1634%209.76138%200.939847%2010.1235C0.716293%2010.4856%200.622653%2010.9131%200.674542%2011.3353C0.726351%2011.7575%200.920477%2012.1494%201.22501%2012.4463C1.44885%2012.6678%201.72438%2012.8301%202.02678%2012.9183C2.32916%2013.0066%202.64879%2013.0182%202.95681%2012.952C3.23938%2014.611%204.03012%2016.1409%205.21978%2017.3305C6.40944%2018.5202%207.93934%2019.3109%209.59834%2019.5935C9.5127%2019.9908%209.55779%2020.4049%209.72693%2020.7743C9.89598%2021.1436%2010.1799%2021.4484%2010.5364%2021.643C10.8929%2021.8377%2011.3029%2021.9118%2011.7052%2021.8544C12.1075%2021.797%2012.4805%2021.611%2012.7687%2021.3243C13.0137%2021.0773%2013.1852%2020.7669%2013.2637%2020.428C13.3423%2020.089%2013.3249%2019.7351%2013.2135%2019.4056C14.5575%2019.0307%2015.7819%2018.3143%2016.7671%2017.3259C17.8929%2016.197%2018.6652%2014.7644%2018.9892%2013.2037Z'%20stroke%3D'url(%23paint0_linear_main)'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'/%3E%3Cg%20transform%3D'translate(1,1)'%3E%3Ccircle%20cx%3D'10'%20cy%3D'10.5'%20r%3D'5'%20stroke%3D'url(%23paint0_linear_main)'%20stroke-width%3D'1'/%3E%3Ccircle%20cx%3D'10'%20cy%3D'10.5'%20r%3D'1.5'%20fill%3D'url(%23paint0_linear_main)'/%3E%3C/g%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.center-sphere-strategy-icon {
  position: relative;
  top: 2px;
  left: 2px;
  background-image: url("data:image/svg+xml,%3Csvg%20width='22'%20height='22'%20viewBox='0%200%2022%2022'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20d='M10.8658%209.62083L10.8657%2015.7767C10.8657%2018.1091%208.97483%2020%206.6423%2020C4.30977%2020%202.41887%2018.1091%202.41887%2015.7767C2.41887%2015.6571%202.42384%2015.5388%202.43357%2015.4218C1.55459%2014.4775%201%2012.6304%201%2011.0893C1%208.98924%202.02972%206.94741%203.50682%206.14482C3.49265%206.01341%203.48538%205.87995%203.48538%205.74478C3.48538%203.70674%205.13755%202.05457%207.17559%202.05457C8.08312%202.05457%208.91411%202.38217%209.55681%202.92555'%20stroke='%23B04DAA'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3Cpath%20d='M5.45689%208.65254C4.91505%208.52902%203.68721%207.72378%203.50195%206.15393'%20stroke='%23B04DAA'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3Cpath%20d='M3.56289%2013.2075C3.01162%2013.6428%202.57209%2014.6292%202.42969%2015.4194'%20stroke='%23B04DAA'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3Cpath%20d='M10.8662%2015.7765C10.8662%2018.109%2012.7571%2019.9999%2015.0896%2019.9999C17.4221%2019.9999%2019.313%2018.109%2019.313%2015.7765C19.313%2015.657%2019.308%2015.5387%2019.2983%2015.4216C20.1774%2014.4774%2020.732%2012.6303%2020.732%2011.0891C20.732%2010.4162%2020.6262%209.74921%2020.4338%209.12708'%20stroke='%23B04DAA'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3Cpath%20d='M18.1689%2013.2075C18.7201%2013.6428%2019.1597%2014.6292%2019.3021%2015.4194'%20stroke='%23B04DAA'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3Cpath%20d='M10.9657%206.32407C10.4216%206.22941%2010.4216%205.44834%2010.9657%205.35369C12.9368%205.01077%2014.5046%203.50939%2014.9324%201.55493L14.9652%201.40511C15.0829%200.867375%2015.8487%200.864028%2015.971%201.40072L16.0108%201.5753C16.4546%203.52055%2018.0227%205.00925%2019.9884%205.35121C20.5353%205.44636%2020.5353%206.2314%2019.9884%206.32653C18.0227%206.66851%2016.4546%208.15721%2016.0108%2010.1024L15.971%2010.277C15.8487%2010.8137%2015.0829%2010.8104%2014.9652%2010.2726L14.9324%2010.1228C14.5046%208.16835%2012.9368%206.66699%2010.9657%206.32407Z'%20stroke='%23B04DAA'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.center-sphere-intention-icon {
  position: relative;
  top: 2px;
  left: 2px;
  background-image: url("data:image/svg+xml,%3Csvg%20width='22'%20height='22'%20viewBox='0%200%2022%2022'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cg%20clip-path='url(%23clip0_4902_122422)'%3E%3Cpath%20d='M13.0089%2012.3862C12.4573%2013.0135%2011.786%2013.5295%2011.0307%2013.9016V16.0445C11.0307%2016.2339%2010.9554%2016.4156%2010.8215%2016.5495C10.6875%2016.6835%2010.5058%2016.7588%2010.3164%2016.7588H6.03067C5.84124%2016.7588%205.65956%2016.6835%205.5256%2016.5495C5.39164%2016.4156%205.31639%2016.2339%205.31639%2016.0445V13.9016C4.28846%2013.3916%203.41579%2012.6157%202.78896%2011.6545C2.16214%2010.6933%201.80402%209.58188%201.75178%208.43557C1.69955%207.28924%201.9551%206.14984%202.4919%205.13563C3.02872%204.12143%203.8272%203.26938%204.80449%202.66798C5.78177%202.06657%206.90223%201.73772%208.04953%201.71556C9.00669%201.69706%209.95342%201.8926%2010.8215%202.28496'%20stroke='%235C1BB7'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3Cpath%20d='M5.31641%2020.2858H11.0307'%20stroke='%235C1BB7'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3Cpath%20d='M11.5645%206.62C11.0631%206.53278%2011.0631%205.8131%2011.5645%205.72588C13.3807%205.40991%2014.8252%204.02654%2015.2195%202.22567L15.2497%202.08763C15.3581%201.59215%2016.0637%201.58907%2016.1764%202.08358L16.2131%202.24445C16.6219%204.03681%2018.0668%205.40851%2019.8781%205.7236C20.3819%205.81127%2020.3819%206.53461%2019.8781%206.62227C18.0668%206.93737%2016.6219%208.30907%2016.2131%2010.1014L16.1764%2010.2623C16.0637%2010.7568%2015.3581%2010.7537%2015.2497%2010.2583L15.2195%2010.1202C14.8252%208.31936%2013.3807%206.93597%2011.5645%206.62Z'%20stroke='%235C1BB7'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath%20id='clip0_4902_122422'%3E%3Crect%20width='22'%20height='22'%20fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
/* I 
.sphere-role-icon {
  position: relative;
  top: 2px;
  left: 2px;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%3E%3Cpath%20d='M10%202L4%205V9C4%2013%206%2014%2010%2018C14%2014%2016%2013%2016%209V5L10%202Z' stroke='%231A9C9C' stroke-width='2' fill='none'/%3E%3Cpolygon%20points='10,7%2011.09,9.26%2013,9.27%2011.5,11.14%2012.82,13.02%2010,11.77%207.18,13.02%208.5,11.14%207,9.27%208.91,9.26' fill='%231A9C9C'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
*/
.center-subject-identity-icon {
  position: relative;
  top: 2px;
  left: 2px;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='20'%20height='20'%20viewBox='0%200%20100%20100'%20fill='none'%3E%3Crect%20x='20'%20y='20'%20width='60'%20height='60'%20rx='10'%20stroke='%23805AD5'%20stroke-width='4'%20fill='none'/%3E%3Ccircle%20cx='50'%20cy='45'%20r='12'%20fill='%23805AD5'/%3E%3Cpath%20d='M40%2070%20C40%2060,%2060%2060,%2060%2070%20C60%2075,%2040%2075,%2040%2070%20Z'%20fill='%23805AD5'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.center-subject-user-icon {
  position: relative;
  top: 2px;
  left: 2px;
  background-image: url("data:image/svg+xml,%3Csvg%20width='20'%20height='20'%20viewBox='0%200%2022%2022'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20d='M11%200.4375C8.91094%200.4375%206.86879%201.05698%205.13179%202.2176C3.3948%203.37822%202.04098%205.02786%201.24153%206.95791C0.442077%208.88795%200.232904%2011.0117%200.64046%2013.0606C1.04802%2015.1096%202.054%2016.9916%203.53119%2018.4688C5.00838%2019.946%206.89044%2020.952%208.93936%2021.3595C10.9883%2021.7671%2013.1121%2021.5579%2015.0421%2020.7585C16.9721%2019.959%2018.6218%2018.6052%2019.7824%2016.8682C20.943%2015.1312%2021.5625%2013.0891%2021.5625%2011C21.5595%208.19956%2020.4458%205.51466%2018.4656%203.53445C16.4853%201.55424%2013.8004%200.440457%2011%200.4375ZM5.52375%2018.0586C6.11153%2017.1393%206.92126%2016.3828%207.8783%2015.8588C8.83534%2015.3348%209.90889%2015.0601%2011%2015.0601C12.0911%2015.0601%2013.1647%2015.3348%2014.1217%2015.8588C15.0787%2016.3828%2015.8885%2017.1393%2016.4763%2018.0586C14.9105%2019.2763%2012.9835%2019.9374%2011%2019.9374C9.01647%2019.9374%207.08951%2019.2763%205.52375%2018.0586ZM7.75%2010.1875C7.75%209.54471%207.94061%208.91636%208.29773%208.3819C8.65484%207.84744%209.16242%207.43088%209.75628%207.18489C10.3501%206.93891%2011.0036%206.87455%2011.634%206.99995C12.2645%207.12535%2012.8436%207.43488%2013.2981%207.8894C13.7526%208.34392%2014.0622%208.92302%2014.1876%209.55346C14.313%2010.1839%2014.2486%2010.8374%2014.0026%2011.4312C13.7566%2012.0251%2013.3401%2012.5327%2012.8056%2012.8898C12.2711%2013.2469%2011.6428%2013.4375%2011%2013.4375C10.1381%2013.4375%209.3114%2013.0951%208.70191%2012.4856C8.09241%2011.8761%207.75%2011.0495%207.75%2010.1875ZM17.6788%2016.9323C16.7726%2015.6191%2015.4984%2014.6033%2014.0164%2014.0123C14.8125%2013.3853%2015.3934%2012.5259%2015.6783%2011.5534C15.9632%2010.581%2015.9381%209.54389%2015.6063%208.58641C15.2745%207.62894%2014.6526%206.79865%2013.827%206.21101C13.0015%205.62338%2012.0133%205.3076%2011%205.3076C9.98667%205.3076%208.99852%205.62338%208.17297%206.21101C7.34743%206.79865%206.72551%207.62894%206.39372%208.58641C6.06194%209.54389%206.03676%2010.581%206.3217%2011.5534C6.60664%2012.5259%207.18754%2013.3853%207.9836%2014.0123C6.50162%2014.6033%205.22743%2015.6191%204.32125%2016.9323C3.17621%2015.6446%202.4278%2014.0534%202.16614%2012.3503C1.90449%2010.6471%202.14075%208.90466%202.84648%207.33268C3.55221%205.7607%204.69731%204.42624%206.1439%203.49C7.59049%202.55375%209.27688%202.05564%2011%202.05564C12.7231%202.05564%2014.4095%202.55375%2015.8561%203.49C17.3027%204.42624%2018.4478%205.7607%2019.1535%207.33268C19.8593%208.90466%2020.0955%2010.6471%2019.8339%2012.3503C19.5722%2014.0534%2018.8238%2015.6446%2017.6788%2016.9323Z'%20fill='%2326A3E3'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.center-subject-role-icon {
  position: relative;
  top: 2px;
  left: 2px;
  background-image: url("data:image/svg+xml,%3Csvg%20width='22'%20height='22'%20viewBox='0%200%2022%2022'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cg%20clip-path='url(%23clip0_4902_122468)'%3E%3Cpath%20d='M10.8932%2021C16.4753%2021%2021.0004%2016.4749%2021.0004%2010.8929C21.0004%205.31088%2016.4753%200.785767%2010.8932%200.785767C5.31124%200.785767%200.786133%205.31088%200.786133%2010.8929C0.786133%2016.4749%205.31124%2021%2010.8932%2021Z'%20stroke='%2326A3E3'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3Cpath%20d='M10.8805%208.71126C12.1892%208.71126%2013.2502%207.6503%2013.2502%206.34153C13.2502%205.03277%2012.1892%203.9718%2010.8805%203.9718C9.57171%203.9718%208.51074%205.03277%208.51074%206.34153C8.51074%207.6503%209.57171%208.71126%2010.8805%208.71126Z'%20stroke='%2326A3E3'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3Cpath%20d='M12.916%2013.7689L12.4103%2017.8149H10.893H9.3753L8.86956%2013.7689H7.8583C7.57899%2013.7689%207.35254%2013.5425%207.35254%2013.2632V12.2517C7.35254%2010.2964%208.93744%208.71143%2010.8927%208.71143C12.8479%208.71143%2014.433%2010.2964%2014.433%2012.2517V13.2632C14.433%2013.5425%2014.2066%2013.7689%2013.9273%2013.7689H12.916Z'%20stroke='%2326A3E3'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath%20id='clip0_4902_122468'%3E%3Crect%20width='22'%20height='22'%20fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.urgent-status-icon {
  width: 26px;
  height: 28px;
  background-color: #ff5733; /* Set your custom color here */
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='28' viewBox='0 0 26 28' fill='none'%3E%3Cpath d='M5.84075 14.3531L11.3707 12.2464L13.3816 6.45314C13.5913 5.84895 14.4069 5.84895 14.6167 6.45314L16.6275 12.2464L22.1574 14.3531C22.7342 14.5728 22.7342 15.4273 22.1574 15.6469L16.6275 17.7536L14.6167 23.5468C14.4069 24.1511 13.5913 24.1511 13.3816 23.5468L11.3707 17.7536L5.84075 15.6469C5.26402 15.4273 5.26402 14.5728 5.84075 14.3531Z' fill='%23A52255'/%3E%3C/svg%3E");
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='28' viewBox='0 0 26 28' fill='none'%3E%3Cpath d='M5.84075 14.3531L11.3707 12.2464L13.3816 6.45314C13.5913 5.84895 14.4069 5.84895 14.6167 6.45314L16.6275 12.2464L22.1574 14.3531C22.7342 14.5728 22.7342 15.4273 22.1574 15.6469L16.6275 17.7536L14.6167 23.5468C14.4069 24.1511 13.5913 24.1511 13.3816 23.5468L11.3707 17.7536L5.84075 15.6469C5.26402 15.4273 5.26402 14.5728 5.84075 14.3531Z' fill='%23A52255'/%3E%3C/svg%3E");
  mask-repeat: no-repeat;
  mask-size: contain;
  position: relative;
  top: 2px;
}
.success-icon {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20xmlns%3D'http%3A//www.w3.org/2000/svg'%3E%3Ccircle%20cx%3D'12'%20cy%3D'12'%20r%3D'10'%20stroke%3D'%2300C851'%20stroke-width%3D'2'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'/%3E%3Cpath%20d%3D'M8%2012.5L11%2015.5L16%2010.5'%20stroke%3D'%2300C851'%20stroke-width%3D'2'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  width: 24px;
  height: 24px;
}
.error-icon {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20xmlns%3D'http%3A//www.w3.org/2000/svg'%3E%3Ccircle%20cx%3D'12'%20cy%3D'12'%20r%3D'10'%20stroke%3D'%23FF4B5C'%20stroke-width%3D'2'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'/%3E%3Cpath%20d%3D'M16%2016L8%208'%20stroke%3D'%23FF4B5C'%20stroke-width%3D'2'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  width: 24px;
  height: 24px;
}
.header-filter-down-icon {
  background-image: url("data:image/svg+xml,%3Csvg%20width='18'%20height='18'%20viewBox='0%200%2018%2018'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20d='M8.64463%2010.9302C8.8403%2011.1279%209.1597%2011.1279%209.35537%2010.9302L12.1548%208.10173C12.4673%207.78601%2012.2436%207.25%2011.7994%207.25H6.20057C5.75636%207.25%205.53272%207.78601%205.8452%208.10173L8.64463%2010.9302Z'%20stroke='%23377FC4'/%3E%3Cpath%20d='M12.0001%202.92859H6.00014C4.57998%202.92859%203.42871%204.07986%203.42871%205.50002V11.5C3.42871%2012.9202%204.57998%2014.0714%206.00014%2014.0714H12.0001C13.4203%2014.0714%2014.5716%2012.9202%2014.5716%2011.5V5.50002C14.5716%204.07986%2013.4203%202.92859%2012.0001%202.92859Z'%20stroke='%23377FC4'%20stroke-width='1.2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  width: 15px;
  height: 15px;
}
.header-filter-up-icon {
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.14463 6.06983C9.3403 5.87214 9.6597 5.87214 9.85537 6.06983L12.6548 8.89827C12.9673 9.21399 12.7436 9.75 12.2994 9.75H6.70057C6.25636 9.75 6.03272 9.21399 6.3452 8.89827L9.14463 6.06983Z' stroke='%23377FC4'/%3E%3Cpath d='M12.0001 2.92859H6.00014C4.57998 2.92859 3.42871 4.07986 3.42871 5.50002V11.5C3.42871 12.9202 4.57998 14.0714 6.00014 14.0714H12.0001C13.4203 14.0714 14.5716 12.9202 14.5716 11.5V5.50002C14.5716 4.07986 13.4203 2.92859 12.0001 2.92859Z' stroke='%23377FC4' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  width: 15px;
  height: 15px;
}
.header-filter-icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'%3E%3Cpath d='M9.06206 1.07129H0.572266' stroke='%23377FC4' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.06329 4.25488H3.22656' stroke='%23377FC4' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.06259 7.43848H5.87891' stroke='%23377FC4' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M15.4291 13.0713L12.572 15.9284L9.71484 13.0713' stroke='%23377FC4' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12.5723 1.07129V15.9284' stroke='%23377FC4' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  width: 15px;
  height: 15px;
}
.custom-tooltip {
  font-size: var(--secondary-font);
  font-family: var(--font-family);
}
/* WebKit Browsers (e.g., Chrome, Safari) */
::-webkit-scrollbar {
  width: 10px;
  /* Set scrollbar width */
}
/* Scrollbar track */
::-webkit-scrollbar-track {
  background: var(--scrollbar-track);
  /* Background color of scrollbar track */
  border-radius: 10px;
  /* Optional: To round the track corners */
}
/* Scrollbar thumb */
::-webkit-scrollbar-thumb {
  background-color: var(--scrollbar-thumb);
  /* Thumb color */
  border-radius: 10px;
  /* Optional: To round the thumb corners */
  border: 3px solid var(--scrollbar-track);
  /* Optional: Padding around the thumb */
}
/* Firefox */
* {
  scrollbar-width: thin;
  /* Set the width of the scrollbar */
  scrollbar-color: var(--scrollbar-thumb) var(--scrollbar-track);
  /* Thumb color and track color */
}
::-webkit-scrollbar-thumb:hover {
  background-color: var(--scrollbar-thumb-hover);
}
.custom-error-message {
  border-radius: 5px;
  margin: 10px;
}
.custom-error-message .p-inline-message-text {
  font-size: var(--secondary-font);
}
.custom-toast div .p-toast-message .p-toast-message-content .p-toast-message-text .p-toast-detail {
  font-size: var(--primary-font);
}
.avatar-option {
  height: 20px;
  width: 20px;
  display: inline-block;
  top: 4px;
  position: relative;
}
.avatar-option-selected {
  height: 15px;
  width: 20px;
  display: inline-block;
}
.nearby-mode-icon {
  position: relative;
  top: 2px;
  left: 2px;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='100'%20height='100'%20viewBox='0%200%2024%2024'%20fill='none'%3E%3Ccircle%20cx='12'%20cy='12'%20r='10'%20fill='%232196F3'/%3E%3Ccircle%20cx='12'%20cy='12'%20r='5'%20fill='white'/%3E%3Ccircle%20cx='12'%20cy='12'%20r='8'%20stroke='white'%20stroke-width='2'%20fill='none'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 30px;
  height: 30px;
  border: 0px;
  border-radius: 20px;
}
.everywhere-mode-icon {
  position: relative;
  top: 2px;
  left: 2px;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='100'%20height='100'%20viewBox='0%200%2024%2024'%20fill='none'%3E%3Ccircle%20cx='12'%20cy='12'%20r='10'%20fill='%232196F3'/%3E%3Ccircle%20cx='12'%20cy='12'%20r='2'%20fill='white'/%3E%3Ccircle%20cx='12'%20cy='12'%20r='5'%20stroke='white'%20stroke-width='2'%20fill='none'/%3E%3Ccircle%20cx='12'%20cy='12'%20r='8'%20stroke='white'%20stroke-width='2'%20fill='none'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 30px;
  height: 30px;
  border: 0px;
  border-radius: 20px;
}
.atlas-button {
  border-radius: 20px;
  border: var(--primary-border);
  color: var(--primary-text-color);
  background: var(--user-bg, linear-gradient(359deg, #f5fbff -34.86%, #f2f9fe -34.84%, #eff5fa 99.41%, #fafdff 125.39%));
  box-shadow: 0px -2px 7px 2px rgba(116, 139, 157, 0.2) inset;
  font-family: var(--font-family);
  font-size: var(--secondary-font);
  font-style: normal;
  font-weight: 700;
  line-height: 12px; /* 100% */
  padding-left: 10px;
  padding-right: 10px;
  cursor: pointer;
  height: 40px;
}
.ellipsis-circle-icon {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A//www.w3.org/2000/svg'%20width%3D'23'%20height%3D'22'%20viewBox%3D'0%200%2023%2022'%20fill%3D'none'%3E%3Cpath%20d%3D'M1.5%2011C1.5%2016.5229%205.97708%2021%2011.5%2021C17.0228%2021%2021.5%2016.5229%2021.5%2011C21.5%205.47715%2017.0228%201%2011.5%201C5.97708%200.999999%201.5%205.47716%201.5%2011Z'%20stroke%3D'%2326A3E3'%20stroke-width%3D'2'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'/%3E%3Cpath%20d%3D'M10.9678%206.94287C10.9678%206.7479%2011.1258%206.58984%2011.3208%206.58984C11.5158%206.58984%2011.6738%206.7479%2011.6738%206.94287'%20stroke%3D'%2326A3E3'%20stroke-width%3D'1.5'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'/%3E%3Cpath%20d%3D'M10.9678%206.94238C10.9678%207.13735%2011.1258%207.29541%2011.3208%207.29541C11.5158%207.29541%2011.6738%207.13735%2011.6738%206.94238'%20stroke%3D'%2326A3E3'%20stroke-width%3D'1.5'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'/%3E%3Cpath%20d%3D'M10.9678%2011.1782C10.9678%2010.9833%2011.1258%2010.8252%2011.3208%2010.8252C11.5158%2010.8252%2011.6738%2010.9833%2011.6738%2011.1782'%20stroke%3D'%2326A3E3'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'/%3E%3Cpath%20d%3D'M10.9678%2011.1777C10.9678%2011.3727%2011.1258%2011.5308%2011.3208%2011.5308C11.5158%2011.5308%2011.6738%2011.3727%2011.6738%2011.1777'%20stroke%3D'%2326A3E3'%20stroke-width%3D'1.5'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'/%3E%3Cpath%20d%3D'M10.9678%2015.4145C10.9678%2015.2196%2011.1258%2015.0615%2011.3208%2015.0615C11.5158%2015.0615%2011.6738%2015.2196%2011.6738%2015.4145'%20stroke%3D'%2326A3E3'%20stroke-width%3D'1.5'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'/%3E%3Cpath%20d%3D'M10.9678%2015.4141C10.9678%2015.6091%2011.1258%2015.7671%2011.3208%2015.7671C11.5158%2015.7671%2011.6738%2015.6091%2011.6738%2015.4141'%20stroke%3D'%2326A3E3'%20stroke-width%3D'1.5'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  width: 23px;
  height: 22px;
}
.center-calendar-period-icon {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%3Crect%20x%3D%224%22%20y%3D%2210%22%20width%3D%2216%22%20height%3D%224%22%20rx%3D%222%22%20stroke%3D%22%23377FC4%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3Cpath%20d%3D%22M2%2010V14%22%20stroke%3D%22%23377FC4%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3Cpath%20d%3D%22M22%2010V14%22%20stroke%3D%22%23377FC4%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  width: 24px;
  height: 24px;
}
.center-calendar-timeframe-icon {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%3Crect%20x%3D%222%22%20y%3D%224%22%20width%3D%2216%22%20height%3D%2218%22%20rx%3D%222%22%20stroke%3D%22%23377FC4%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3Crect%20x%3D%226%22%20y%3D%220%22%20width%3D%222%22%20height%3D%224%22%20rx%3D%221%22%20stroke%3D%22%23377FC4%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3Crect%20x%3D%2214%22%20y%3D%220%22%20width%3D%222%22%20height%3D%224%22%20rx%3D%221%22%20stroke%3D%22%23377FC4%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3Ccircle%20cx%3D%2218%22%20cy%3D%2216%22%20r%3D%224%22%20stroke%3D%22%23377FC4%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3Cpath%20d%3D%22M18%2016v-2%22%20stroke%3D%22%23377FC4%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3Cpath%20d%3D%22M18%2016h2%22%20stroke%3D%22%23377FC4%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  width: 24px;
  height: 24px;
}
.metaspace-toolbar-collapse-icon {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2228%22%20height%3D%2233%22%20viewBox%3D%220%200%2028%2033%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M12.8795%2016.5195H1.18945%22%20stroke%3D%22url%28%23paint0_linear_156_31603%29%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3Cpath%20d%3D%22M6.06029%2010.5527L1.18945%2016.5215L6.06029%2022.4903%22%20stroke%3D%22url%28%23paint1_linear_156_31603%29%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3Cpath%20d%3D%22M24.5692%201.00195H19.6983C18.6223%201.00195%2017.75%202.07088%2017.75%203.38946V29.652C17.75%2030.9707%2018.6223%2032.0396%2019.6983%2032.0396H24.5692C25.6452%2032.0396%2026.5175%2030.9707%2026.5175%2029.652V3.38946C26.5175%202.07088%2025.6452%201.00195%2024.5692%201.00195Z%22%20stroke%3D%22url%28%23paint2_linear_156_31603%29%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22paint0_linear_156_31603%22%20x1%3D%227.03446%22%20y1%3D%2216.5195%22%20x2%3D%227.03446%22%20y2%3D%2217.5195%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23407AC6%22/%3E%3Cstop%20offset%3D%220.94%22%20stop-color%3D%22%231F3B60%22/%3E%3C/linearGradient%3E%3ClinearGradient%20id%3D%22paint1_linear_156_31603%22%20x1%3D%223.62487%22%20y1%3D%2210.5527%22%20x2%3D%223.62487%22%20y2%3D%2222.4903%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23407AC6%22/%3E%3Cstop%20offset%3D%220.94%22%20stop-color%3D%22%231F3B60%22/%3E%3C/linearGradient%3E%3ClinearGradient%20id%3D%22paint2_linear_156_31603%22%20x1%3D%2222.1338%22%20y1%3D%221.00195%22%20x2%3D%2222.1338%22%20y2%3D%2232.0396%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23407AC6%22/%3E%3Cstop%20offset%3D%220.94%22%20stop-color%3D%22%231F3B60%22/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  width: 24px;
  height: 24px;
}
.metaspace-toolbar-expand-icon {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2228%22%20height%3D%2233%22%20viewBox%3D%220%200%2028%2028%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M15.102%2014.1719H26.792%22%20stroke%3D%22%23748B9D%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3Cpath%20d%3D%22M21.9212%209.23828L26.792%2014.173L21.9212%2019.1078%22%20stroke%3D%22%23748B9D%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3Cpath%20d%3D%22M3.41228%201.3418H8.28311C9.35914%201.3418%2010.2314%202.22554%2010.2314%203.3157V25.0286C10.2314%2026.1188%209.35914%2027.0025%208.28311%2027.0025H3.41228C2.33621%2027.0025%201.46394%2026.1188%201.46394%2025.0286V3.3157C1.46394%202.22554%202.33621%201.3418%203.41228%201.3418Z%22%20stroke%3D%22%23748B9D%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  width: 24px;
  height: 24px;
}
.chat-bubble-icon {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 20 24" fill="none"><g clip-path="url(%23clip0_156_36591)"><path d="M8.61622 1.35547C7.13643 1.61339 5.73374 2.32504 4.53824 3.42441C3.34275 4.52378 2.39315 5.97528 1.77752 7.64431C1.16189 9.31334 0.900158 11.1458 1.0166 12.9719C1.13304 14.7979 1.62388 16.5584 2.4436 18.09L0.955078 23.0098L5.9396 21.9055C7.22132 22.6746 8.63566 23.0532 10.0624 23.0088C11.4891 22.9644 12.886 22.4987 14.1342 21.6509C15.3826 20.8032 16.4453 19.5984 17.2321 18.1394C18.019 16.6803 18.5065 15.01 18.6536 13.2704" stroke="%23748B9D" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M15.2949 9.62114C17.1805 9.62114 18.7089 7.74807 18.7089 5.43753C18.7089 3.12698 17.1805 1.25391 15.2949 1.25391C13.4094 1.25391 11.8809 3.12698 11.8809 5.43753C11.8809 7.74807 13.4094 9.62114 15.2949 9.62114Z" fill="%23FD3B3B" stroke="%23FD3B3B" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></g><defs><clipPath id="clip0_156_36591"><rect width="19.1947" height="23.5214" fill="white" transform="translate(0.234375 0.371094)"/></clipPath></defs></svg>');
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  width: 20px;
  height: 20px;
}
.toolbar-sphere-icon {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 28 33" fill="none"><g clip-path="url(%23clip0_1080_61411)"><path d="M13.7023 27.4478C19.2276 27.4478 23.7066 22.7262 23.7066 16.9016C23.7066 11.0771 19.2276 6.35547 13.7023 6.35547C8.17708 6.35547 3.698 11.0771 3.698 16.9016C3.698 22.7262 8.17708 27.4478 13.7023 27.4478Z" stroke="%23748B9D" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/><rect x="0.687406" y="0.0355654" width="56.7821" height="45.4798" rx="20" transform="matrix(0.724887 -0.688868 0.649924 0.759999 -20.6621 20.3532)" stroke="black" stroke-opacity="0.01"/><path d="M7.68933 5.16602C9.54839 5.16602 11.0116 6.74686 11.0116 8.64062C11.0116 10.5344 9.54838 12.1152 7.68933 12.1152C5.83049 12.115 4.36807 10.5342 4.36804 8.64062C4.36804 6.74701 5.83048 5.16626 7.68933 5.16602Z" fill="%23748B9D"/><path d="M7.68933 5.16602C9.54839 5.16602 11.0116 6.74686 11.0116 8.64062C11.0116 10.5344 9.54838 12.1152 7.68933 12.1152C5.83049 12.115 4.36807 10.5342 4.36804 8.64062C4.36804 6.74701 5.83048 5.16626 7.68933 5.16602Z" fill="%23748B9D"/><path d="M7.68933 5.16602C9.54839 5.16602 11.0116 6.74686 11.0116 8.64062C11.0116 10.5344 9.54838 12.1152 7.68933 12.1152C5.83049 12.115 4.36807 10.5342 4.36804 8.64062C4.36804 6.74701 5.83048 5.16626 7.68933 5.16602Z" fill="%23748B9D"/><path d="M7.68933 5.16602C9.54839 5.16602 11.0116 6.74686 11.0116 8.64062C11.0116 10.5344 9.54838 12.1152 7.68933 12.1152C5.83049 12.115 4.36807 10.5342 4.36804 8.64062C4.36804 6.74701 5.83048 5.16626 7.68933 5.16602Z" fill="%23748B9D"/><path d="M7.68933 5.16602C9.54839 5.16602 11.0116 6.74686 11.0116 8.64062C11.0116 10.5344 9.54838 12.1152 7.68933 12.1152C5.83049 12.115 4.36807 10.5342 4.36804 8.64062C4.36804 6.74701 5.83048 5.16626 7.68933 5.16602Z" stroke="%23EAF2F9"/><path d="M13.8036 11.1152C16.7015 11.1154 19.0057 13.5844 19.0057 16.5732C19.0055 19.5619 16.7013 22.0301 13.8036 22.0303C10.9057 22.0303 8.60067 19.562 8.60046 16.5732C8.60046 13.5843 10.9056 11.1152 13.8036 11.1152Z" fill="%23748B9D" stroke="%23EAF2F9"/></g><defs><clipPath id="clip0_1080_61411"><rect width="27.2767" height="31.7286" fill="white" transform="translate(0.164062 0.464844)"/></clipPath></defs></svg>');
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  width: 30px;
  height: 30px;
}
.raised-panel {
  /* Rectangle 141280 */
  box-sizing: border-box;
  /* card-gradient-bg */
  background: linear-gradient(190.35deg, #ecf3f8 13.55%, #f8fdff 96.01%);
  border: 3px solid #ffffff;
  /* drop-2-metacards */
  box-shadow: -3px -2px 4px rgba(31, 59, 96, 0.2), 2px 2px 3px rgba(116, 139, 157, 0.15);
}
.Save-button {
  color: var(--primary-color, #377fc4);
  border-radius: 20px 0 0 20px;
  height: 45px;
  font-style: normal;
  font-weight: 700;
  font-family: var(--font-family);
  font-size: 14px;
  line-height: 12px;
  cursor: pointer;
  background: var(--Save-button);
  box-shadow: 0px -2px 7px 2px rgba(116, 139, 157, 0.2) inset;
  border: var(--primary-border);
  width: auto;
  padding: 0.4375rem 0.875rem;
}
.Close-button {
  color: #8e99a1;
  border-radius: 0 20px 20px 0;
  height: 45px;
  font-style: normal;
  font-weight: 700;
  font-family: var(--font-family);
  font-size: 14px;
  line-height: 1;
  cursor: pointer;
  background: var(--Close-button);
  box-shadow: 0px -2px 7px 2px rgba(116, 139, 157, 0.2) inset;
  border: var(--primary-border);
  width: auto;
  padding: 0.4375rem 0.875rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.clear-button {
  color: #8e99a1;
  border-radius: 20px;
  height: 45px;
  font-style: normal;
  font-weight: 700;
  font-family: var(--font-family);
  font-size: 14px;
  line-height: 12px;
  cursor: pointer;
  background: var(--Clear-button);
  box-shadow: 0px -2px 7px 2px rgba(116, 139, 157, 0.2) inset;
  border: var(--primary-border);
  width: auto;
  padding: 0.4375rem 0.875rem;
}
.Save-button:hover,
.Close-button:hover {
  background-color: var(--hover-background, #f0f0f0);
  color: var(--hover-primary-color, #255b99);
}
.Search-input-box {
  border-radius: 20px;
  border: var(--primary-border);
  background: var(--Search-input-box);
  box-shadow: 2px 2px 7px 2px rgba(30, 84, 156, 0.18) inset, -3px -1px 10px 0px rgba(160, 183, 202, 0.15) inset;
  color: var(--primary-text-color);
}
.p-tabview .p-tabview-nav-container .p-tabview-nav-content .p-tabview-nav {
  background: var(--tab-background);
}
.p-tabview .p-tabview-nav-container .p-tabview-nav-content .p-tabview-nav li a {
  background: var(--tab-background);
}
.p-tabview-panels {
  background: var(--body-background);
}
[data-theme=dark] {
  color-scheme: dark;
  --dark-card-bg: #2C2C3E;
  --dark-card-bg-hover: #3a3a4e;
  --dark-card-border: #3a3a4e;
  --dark-text-primary: #FFFFFF;
  --dark-text-secondary: #E5E7EB;
  --dark-text-tertiary: #D1D5DB;
  --dark-text-muted: #9CA3AF;
  /* Semantic token overrides — surface + text are inverted; status ramps are preserved so red reads as red, green as green. */
  --text-color: #e8eef5;
  --text-color-muted: #b1c0d1;
  --text-color-subtle: #8ea0b5;
  --surface-ground: #14192b;
  --surface-raised: #1e1e2f;
  --surface-sunken: #0f1422;
  --surface-subtle: #23233a;
  --border-color: #2c2c3e;
  --border-color-soft: #23233a;
  --border-color-hover: #3d5d8a;
  /* Dark-mode overlay/border tokens — used by marketplace + general
     surfaces. Defined here so [data-theme='dark'] blocks elsewhere can
     reference them instead of hardcoding rgba(255, 255, 255, *) and
     #1E1E2F / #2C2C3E literals (the dark surface tokens already exist
     above as --surface-raised, --surface-ground, --dark-card-bg). */
  --border-subtle-dark: rgba(255, 255, 255, 0.1);
  --border-soft-dark: rgba(255, 255, 255, 0.15);
  --border-strong-dark: rgba(255, 255, 255, 0.2);
  --hover-overlay-dark: rgba(255, 255, 255, 0.05);
  --surface-overlay-dark: rgba(255, 255, 255, 0.08);
  --surface-deep-dark: #121212;
}
[data-theme=dark] .p-skeleton {
  background-color: #2a2a3a !important;
  border-radius: 12px;
}
[data-theme=dark] .p-skeleton::after {
  background: linear-gradient(90deg, rgba(42, 42, 58, 0) 0%, rgba(255, 255, 255, 0.05) 50%, rgba(42, 42, 58, 0) 100%) !important;
}
.ql-toolbar.ql-snow {
  border: var(--primary-border) !important;
  border-radius: 20px 20px 0px 0px;
}
.ql-container.ql-snow {
  border: var(--primary-border) !important;
  border-top: 0 !important;
}
.ql-editor.ql-blank::before {
  color: var(--primary-text-color) !important;
  opacity: 0.65;
}
@charset "UTF-8";
/* Optional wrapper */
.prime-button-wrapper {
  display: inline-flex;
}
/* Base reset + flex centering */
.button-atom {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  overflow: visible; /* allow icon to render past border-curve if needed */
  background: none;
  border: none;
  padding: 0;
  margin: 0;
  font-family: Manrope, sans-serif;
  cursor: pointer;
  transition: transform 0.1s ease, box-shadow 0.2s ease;
}
.button-atom .p-button-label {
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  /* you can tweak this default max-width or override per-instance via style prop */
  max-width: 200px;
  vertical-align: middle;
  margin-left: 0.75rem;
  margin-right: 0.75rem;
}
.button-atom {
  /* Hide label span for icon-only buttons */
}
.button-atom.p-button-icon-only .p-button-label {
  display: none;
}
.button-atom:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.button-atom {
  /* SIZES */
}
.button-atom--size-small {
  font-size: 12px;
  height: 32px;
  padding: 0 8px;
}
.button-atom--size-normal {
  font-size: 14px;
}
.button-atom--size-large {
  font-size: 18px;
}
.button-atom {
  /* SHAPES */
}
.button-atom--shape-pill {
  border-radius: 20px;
}
.button-atom--shape-square-left {
  border-radius: 20px 0 0 20px;
}
.button-atom--shape-square-right {
  border-radius: 0 20px 20px 0;
}
.button-atom--shape-rectangle {
  border-radius: 0;
}
.button-atom--shape-icon-square {
  border-radius: 4px;
  width: 32px;
  height: 32px;
  padding: 0;
}
.button-atom {
  /* ICON MARGINS (to keep icon away from the curve) */
}
.button-atom .p-button-icon-left {
  margin-left: 0.75rem;
  margin-right: 0;
}
.button-atom .p-button-icon-left + .p-button-label {
  margin-left: 0.5rem;
}
.button-atom .p-button-icon-right {
  margin-left: 0;
  margin-right: 0.75rem;
}
.button-atom {
  /* When icon is on the right, reduce label's right margin */
}
.button-atom:has(.p-button-icon-right) .p-button-label {
  margin-right: 0.5rem;
}
.button-atom {
  /* VARIANTS */
  /* PRIMARY (104×40) */
}
.button-atom--var-primary {
  height: 40px;
  border: var(--primary-border);
  box-shadow: 0px -2px 7px 2px rgba(116, 139, 157, 0.2) inset;
  filter: drop-shadow(0 1px 1px rgba(6, 44, 88, 0.1));
  background: var(--user-bg, linear-gradient(359deg, #f5fbff -34.86%, #f2f9fe -34.84%, #eff5fa 99.41%, #fafdff 125.39%));
  color: var(--primary-text-color);
}
[data-theme=dark] .button-atom--var-primary {
  background: var(--component-background);
}
.button-atom--var-primary:active:not(:disabled) {
  transform: scale(0.98);
}
.button-atom--var-primary .p-button-label {
  font-weight: 700;
  color: #377FC4;
}
.button-atom {
  /* SECONDARY (86×40) */
}
.button-atom--var-secondary {
  height: 40px;
  border: var(--primary-border);
  box-shadow: 1px 2px 5px -1px rgba(74, 100, 126, 0.3);
  filter: drop-shadow(0 1px 1px rgba(6, 44, 88, 0.1));
  background: var(--component-background);
  color: var(--primary-text-color);
}
.button-atom--var-secondary:active:not(:disabled) {
  transform: scale(0.98);
}
.button-atom {
  /* TEXT - minimal style for less prominent actions like Back */
}
.button-atom--var-text {
  height: 40px;
  border: none;
  background: transparent;
  color: var(--secondary-color, #26a3e3);
  box-shadow: none;
  filter: none;
}
.button-atom--var-text .p-button-label {
  font-weight: 600;
  color: var(--secondary-color, #26a3e3);
}
.button-atom--var-text .p-button-icon-left,
.button-atom--var-text .p-button-icon-right {
  color: var(--secondary-color, #26a3e3);
}
.button-atom--var-text:hover:not(:disabled) {
  background: rgba(38, 163, 227, 0.1);
  border-radius: 20px;
}
.button-atom--var-text:active:not(:disabled) {
  transform: scale(0.98);
  background: rgba(38, 163, 227, 0.15);
}
.button-atom {
  /* GHOST — transparent with subtle border; low-emphasis action */
}
.button-atom--var-ghost {
  height: 40px;
  border: 1px solid var(--marketplace-control-border, #e5e7eb);
  background: transparent;
  color: var(--text-color-muted, #4a6d98);
  box-shadow: none;
  filter: none;
}
.button-atom--var-ghost .p-button-label {
  font-weight: 600;
  color: var(--text-color-muted, #4a6d98);
}
.button-atom--var-ghost:hover:not(:disabled) {
  background: var(--surface-subtle, #fafbfc);
}
.button-atom--var-ghost:active:not(:disabled) {
  transform: scale(0.98);
}
[data-theme=dark] .button-atom--var-ghost {
  border-color: var(--status-tone-neutral-border);
  color: var(--status-tone-neutral-fg);
}
[data-theme=dark] .button-atom--var-ghost .p-button-label {
  color: var(--status-tone-neutral-fg);
}
[data-theme=dark] .button-atom--var-ghost:hover:not(:disabled) {
  background: var(--status-tone-neutral-bg);
}
.button-atom {
  /* DANGER — destructive action */
}
.button-atom--var-danger {
  height: 40px;
  border: 1px solid var(--danger-100, #fecaca);
  background: var(--danger-50, #fef2f2);
  color: var(--danger-700, #b91c1c);
  box-shadow: none;
  filter: none;
}
.button-atom--var-danger .p-button-label {
  font-weight: 700;
  color: var(--danger-700, #b91c1c);
}
.button-atom--var-danger:hover:not(:disabled) {
  background: var(--danger-100, #fecaca);
}
.button-atom--var-danger:active:not(:disabled) {
  transform: scale(0.98);
}
[data-theme=dark] .button-atom--var-danger {
  background: var(--status-tone-danger-bg);
  border-color: var(--status-tone-danger-border);
  color: var(--status-tone-danger-fg);
}
[data-theme=dark] .button-atom--var-danger .p-button-label {
  color: var(--status-tone-danger-fg);
}
[data-theme=dark] .button-atom--var-danger:hover:not(:disabled) {
  background: var(--status-tone-danger-border);
}
.button-atom {
  /* PAGINATION (shared; rounding via shape) */
}
.button-atom--var-pagination {
  border: 2px solid #fff;
  background: linear-gradient(359deg, #F5FBFF -35%, #F2F9FE -35%, #EFF5FA 99%, #FAFDFF 125%);
  color: #062C58;
  box-shadow: inset 0 -2px 7px 2px rgba(116, 139, 157, 0.2);
  height: 40px;
  padding: 0 10px;
  font-size: 12px;
  font-weight: 700;
  line-height: 12px;
}
.button-atom--var-pagination:active:not(:disabled) {
  transform: scale(0.98);
}
.atlas-perpectives .p-overlaypanel-content {
  padding: 0px;
}

.atlas-perpectives {
  padding: 0px;
  list-style-type: none;
}

.atlas-perpectives li {
  border: 1px solid #FFF;
  background: var(--input-background, #FFF);
  box-shadow: -1px -2px 7px 2px rgba(116, 139, 157, 0.25) inset;
  padding: 5px;
  color: var(--primary-color, #377FC4);
  font-family: var(--font-family);
  font-size: var(--primary-font);
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  cursor: pointer;
  margin-bottom: 3px;
  display: flex;
}

.atlas-perpectives li .persp-label {
  color: var(--primary-text-color);
}

.atlas-perpectives li .pi-plus-circle {
  margin-left: 10px;
  color: #51A0DC;
  float: right;
  position: relative;
  top: 6px;
}

.atlas-perpectives li:hover {
  background: #EFF6FF;
  border: 2px solid #51A0DC;
}

.atlas-perpectives li:first-child:hover {
  background: none;
  border: none;
}

.atlas-perpectives li .p-icon-field .pi-search {
  color: #51A0DC;
}

.user-perpectives-icon {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2228%22%20height%3D%2228%22%20viewBox%3D%220%200%2028%2028%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cg%20clip-path%3D%22url(%23clip0_1382_22104)%22%3E%3Cpath%20d%3D%22M14.0004%2026.7439C21.0377%2026.7439%2026.7424%2021.0392%2026.7424%2014.0018C26.7424%206.96458%2021.0377%201.25977%2014.0004%201.25977C6.96312%201.25977%201.2583%206.96458%201.2583%2014.0018C1.2583%2021.0392%206.96312%2026.7439%2014.0004%2026.7439Z%22%20stroke%3D%22%234A647E%22%20stroke-opacity%3D%220.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3Cg%20clip-path%3D%22url(%23clip1_1382_22104)%22%3E%3Cpath%20d%3D%22M20.5005%2017.502V19.502C20.5005%2019.7672%2020.3951%2020.0216%2020.2076%2020.2091C20.0201%2020.3966%2019.7657%2020.502%2019.5005%2020.502H17.5005%22%20stroke%3D%22%234A647E%22%20stroke-opacity%3D%220.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3Cpath%20d%3D%22M17.5005%207.50195H19.5005C19.7657%207.50195%2020.0201%207.60731%2020.2076%207.79485C20.3951%207.98238%2020.5005%208.23673%2020.5005%208.50195V10.502%22%20stroke%3D%22%234A647E%22%20stroke-opacity%3D%220.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3Cpath%20d%3D%22M7.50049%2010.502V8.50195C7.50049%208.23673%207.60585%207.98238%207.79338%207.79485C7.98092%207.60731%208.23527%207.50195%208.50049%207.50195H10.5005%22%20stroke%3D%22%234A647E%22%20stroke-opacity%3D%220.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3Cpath%20d%3D%22M10.5005%2020.502H8.50049C8.23527%2020.502%207.98092%2020.3966%207.79338%2020.2091C7.60585%2020.0216%207.50049%2019.7672%207.50049%2019.502V17.502%22%20stroke%3D%22%234A647E%22%20stroke-opacity%3D%220.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3Cpath%20d%3D%22M14.0005%2013.5019C15.105%2013.5019%2016.0005%2012.6065%2016.0005%2011.5019C16.0005%2010.3974%2015.105%209.50195%2014.0005%209.50195C12.8959%209.50195%2012.0005%2010.3974%2012.0005%2011.5019C12.0005%2012.6065%2012.8959%2013.5019%2014.0005%2013.5019Z%22%20stroke%3D%22%234A647E%22%20stroke-opacity%3D%220.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3Cpath%20d%3D%22M17.8039%2018.0018C17.5455%2017.1961%2017.038%2016.4934%2016.3545%2015.9948C15.671%2015.4962%2014.8468%2015.2275%2014.0008%2015.2275C13.1548%2015.2275%2012.3306%2015.4962%2011.6471%2015.9948C10.9636%2016.4934%2010.4561%2017.1961%2010.1978%2018.0018H17.8039Z%22%20stroke%3D%22%234A647E%22%20stroke-opacity%3D%220.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0_1382_22104%22%3E%3Crect%20width%3D%2227.4444%22%20height%3D%2227.4444%22%20fill%3D%22white%22%20transform%3D%22translate(0.277832%200.279297)%22/%3E%3C/clipPath%3E%3CclipPath%20id%3D%22clip1_1382_22104%22%3E%3Crect%20width%3D%2214%22%20height%3D%2214%22%20fill%3D%22white%22%20transform%3D%22translate(7.00049%207.00195)%22/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
  width: 24.632px;
  height: 24.632px;
}

.perspectives-search {
  border-radius: 20px;
  background: var(--input-background, #FFF);
  box-shadow: 1px 1px 5px 0px rgba(30, 84, 156, 0.1) inset, -3px -1px 7px 0px rgba(160, 183, 202, 0.2) inset;
}

.user-perspectives-icon {
  width: 24.632px;
  height: 24.632px;
  background: url("data:image/svg+xml,%3Csvg%20width%3D%2229%22%20height%3D%2228%22%20viewBox%3D%220%200%2029%2028%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cg%20clip-path%3D%22url(%23clip0_850_102397)%22%3E%3Cpath%20d%3D%22M14.6874%2026.5989C21.7247%2026.5989%2027.4294%2020.8942%2027.4294%2013.8568C27.4294%206.81956%2021.7247%201.11475%2014.6874%201.11475C7.65013%201.11475%201.94531%206.81956%201.94531%2013.8568C1.94531%2020.8942%207.65013%2026.5989%2014.6874%2026.5989Z%22%20stroke%3D%22%23377FC4%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3Cg%20clip-path%3D%22url(%23clip1_850_102397)%22%3E%3Cpath%20d%3D%22M21.1875%2017.3569V19.3569C21.1875%2019.6221%2021.0821%2019.8765%2020.8946%2020.064C20.7071%2020.2515%2020.4527%2020.3569%2020.1875%2020.3569H18.1875%22%20stroke%3D%22%23377FC4%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3Cpath%20d%3D%22M18.1875%207.35693H20.1875C20.4527%207.35693%2020.7071%207.46229%2020.8946%207.64983C21.0821%207.83736%2021.1875%208.09171%2021.1875%208.35693V10.3569%22%20stroke%3D%22%23377FC4%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3Cpath%20d%3D%22M8.1875%2010.3569V8.35693C8.1875%208.09171%208.29286%207.83736%208.48039%207.64983C8.66793%207.46229%208.92228%207.35693%209.1875%207.35693H11.1875%22%20stroke%3D%22%23377FC4%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3Cpath%20d%3D%22M11.1875%2020.3569H9.1875C8.92228%2020.3569%208.66793%2020.2515%208.48039%2020.064C8.29286%2019.8765%208.1875%2019.6221%208.1875%2019.3569V17.3569%22%20stroke%3D%22%23377FC4%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3Cpath%20d%3D%22M14.6875%2013.3569C15.7921%2013.3569%2016.6875%2012.4615%2016.6875%2011.3569C16.6875%2010.2524%2015.7921%209.35693%2014.6875%209.35693C13.5829%209.35693%2012.6875%2010.2524%2012.6875%2011.3569C12.6875%2012.4615%2013.5829%2013.3569%2014.6875%2013.3569Z%22%20stroke%3D%22%23377FC4%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3Cpath%20d%3D%22M18.4909%2017.8568C18.2325%2017.0511%2017.725%2016.3484%2017.0415%2015.8498C16.358%2015.3512%2015.5338%2015.0825%2014.6878%2015.0825C13.8418%2015.0825%2013.0176%2015.3512%2012.3341%2015.8498C11.6506%2016.3484%2011.1431%2017.0511%2010.8848%2017.8568H18.4909Z%22%20stroke%3D%22%23377FC4%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0_850_102397%22%3E%3Crect%20width%3D%2227.4444%22%20height%3D%2227.4444%22%20fill%3D%22white%22%20transform%3D%22translate(0.964844%200.134277)%22/%3E%3C/clipPath%3E%3CclipPath%20id%3D%22clip1_850_102397%22%3E%3Crect%20width%3D%2214%22%20height%3D%2214%22%20fill%3D%22white%22%20transform%3D%22translate(7.6875%206.85693)%22/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  margin-right: 8px;
}
.perspective-detail-panel {
  border-radius: 20px;
  border: var(--primary-border);
  box-shadow: 0px 1px 1px 0px rgba(6, 44, 88, 0.1), 1px 2px 5px -1px rgba(74, 100, 126, 0.3);
  background: var(--component-background);
  height: 100%;
  overflow: auto;
  position: relative;
}

.perspective-detail-panel .detail-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  border-radius: 20px 20px 0 0;
  border: 2px solid #dfe9f4;
}

[data-theme=dark] .perspective-detail-panel .detail-header {
  border: 2px solid #2D3748;
}

.perspective-detail-panel .detail-header {
  background: var(--component-background);
  padding: 6px 10px 6px 15px;
}

.perspective-detail-panel .detail-header h3 {
  color: var(--primary-text-color);
  font-family: var(--font-family);
  font-size: var(--sub-heading-font);
  font-weight: 600;
  line-height: normal;
  margin: 0;
}

.perspective-detail-panel .detail-content {
  padding: 1rem;
  font-size: var(--primary-font);
  color: var(--primary-text-color);
}

.perspective-detail-panel .detail-content h3.description {
  margin-top: 0;
  text-decoration: underline;
}
.responsible-perspectives-label {
  cursor: pointer;
}

.atlas-responsible-perspectives {
  font-size: var(--primary-font);
  color: var(--primary-text-color);
  height: 290px;
  overflow: auto;
}

.atlas-responsible-perspectives .flex {
  border: 2px solid #dfe9f4;
}

[data-theme=dark] .atlas-responsible-perspectives .flex {
  border: 2px solid #2D3748;
}

.atlas-responsible-perspectives .flex {
  background: var(--component-background);
  box-shadow: 1px 2px 3px -1px rgba(74, 100, 126, 0.15);
  padding: 5px 5px;
}

.atlas-responsible-perspectives .flex label {
  margin-bottom: 5px;
  color: var(--primary-text-color);
}

.custom-radio .p-radiobutton-box {
  background-color: white;
  transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
}

.custom-radio .p-radiobutton-box.p-highlight {
  background-color: #377fc4;
  border-color: #377fc4;
}

.custom-radio .p-radiobutton-box:hover {
  border-color: #377fc4;
}

.custom-radio .p-radiobutton-box svg {
  fill: none;
}

.custom-radio .p-radiobutton-icon {
  background-color: white;
}

.p-radiobutton.p-highlight .p-radiobutton-box .p-radiobutton-icon {
  background-color: #377fc4; /* This will fill the checked circle with the specified color */
  border-color: #377fc4;
}

.responsible-perspectives-container {
  border-radius: 20px;
  border: var(--primary-border);
  box-shadow: 0px 1px 1px 0px rgba(6, 44, 88, 0.1), 1px 2px 5px -1px rgba(74, 100, 126, 0.3);
}

.disabled {
  pointer-events: none;
  opacity: 0.5;
}

.responsible-perspectives-container .header {
  color: var(--primary-text-color);
  font-family: var(--font-family);
  font-size: var(--sub-heading-font);
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.header-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%; /* Adjust width as needed */
  border-radius: 20px 20px 0px 0px;
  border: 2px solid #dfe9f4;
}

[data-theme=dark] .header-container {
  border: 2px solid #2D3748;
}

.header-container {
  background: var(--component-background);
  padding: 6px 10px 6px 15px;
}

.icon {
  display: flex;
  align-items: center;
  cursor: pointer;
}

.perspectives-list {
  display: flex;
  padding: 6px 10px;
  align-items: center;
  align-self: stretch;
}

.custom-checkbox {
  cursor: pointer;
}

.selected-item {
  border: 2px solid var(--secondary-color, #26a3e3) !important;
  background: var(--Color, #fff);
  box-shadow: 1px 2px 3px -1px rgba(74, 100, 126, 0.15);
}

@keyframes rotateAnimation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

.icon.rotate .lock-rotation {
  animation: rotateAnimation 1s ease-in-out;
}
.status-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 4px 8px;
  border-radius: 6px;
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
  transition: background-color 0.2s ease, color 0.2s ease;
  min-width: 32px;
  min-height: 24px;
}
.status-badge .status-badge-icon {
  font-size: 16px;
  line-height: 1;
}
.status-badge:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 2px;
}
.high-icon {
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2217%22%20height%3D%2216%22%20viewBox%3D%220%200%2017%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cg%20clip-path%3D%22url(%23clip0_4902_125785)%22%3E%3Cpath%20d%3D%22M8.87886%2014.8396C8.63268%2014.9345%208.35997%2014.9345%208.11379%2014.8396C6.19288%2014.102%204.54086%2012.7993%203.37597%2011.1031C2.21107%209.407%201.58811%207.39741%201.58936%205.3398V2.15197C1.58936%201.87015%201.70131%201.59986%201.90059%201.40059C2.09987%201.20131%202.37015%201.08936%202.65197%201.08936H14.3407C14.6225%201.08936%2014.8928%201.20131%2015.0921%201.40059C15.2914%201.59986%2015.4033%201.87015%2015.4033%202.15197V5.3398C15.4045%207.39741%2014.7816%209.407%2013.6167%2011.1031C12.4518%2012.7993%2010.7998%2014.102%208.87886%2014.8396Z%22%20fill%3D%22%23FF3939%22%20stroke%3D%22%23FF3939%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3Cpath%20d%3D%22M6.46533%203.9585V6.21436H9.9082V3.9585C9.9082%203.63623%209.97982%203.39453%2010.123%203.2334C10.2699%203.07227%2010.4614%202.9917%2010.6978%202.9917C10.9377%202.9917%2011.131%203.07227%2011.2778%203.2334C11.4282%203.39095%2011.5034%203.63265%2011.5034%203.9585V10.1621C11.5034%2010.488%2011.4282%2010.7314%2011.2778%2010.8926C11.1274%2011.0537%2010.9341%2011.1343%2010.6978%2011.1343C10.4578%2011.1343%2010.2663%2011.0537%2010.123%2010.8926C9.97982%2010.7279%209.9082%2010.4844%209.9082%2010.1621V7.51416H6.46533V10.1621C6.46533%2010.488%206.39014%2010.7314%206.23975%2010.8926C6.08936%2011.0537%205.896%2011.1343%205.65967%2011.1343C5.41976%2011.1343%205.22819%2011.0537%205.08496%2010.8926C4.94173%2010.7279%204.87012%2010.4844%204.87012%2010.1621V3.9585C4.87012%203.63623%204.93994%203.39453%205.07959%203.2334C5.22282%203.07227%205.41618%202.9917%205.65967%202.9917C5.89958%202.9917%206.09294%203.07227%206.23975%203.2334C6.39014%203.39095%206.46533%203.63265%206.46533%203.9585Z%22%20fill%3D%22white%22/%3E%3C/g%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0_4902_125785%22%3E%3Crect%20width%3D%2217%22%20height%3D%2216%22%20fill%3D%22white%22/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  margin-left: 5px;
  margin-right: 5px;
  display: inline-block;
}

.urgent-icon {
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2217%22%20height%3D%2216%22%20viewBox%3D%220%200%2017%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cg%20clip-path%3D%22url(%23clip0_4902_125780)%22%3E%3Cpath%20d%3D%22M8.87886%2014.8396C8.63268%2014.9345%208.35997%2014.9345%208.11379%2014.8396C6.19288%2014.102%204.54086%2012.7993%203.37597%2011.1031C2.21107%209.407%201.58811%207.39741%201.58936%205.3398V2.15197C1.58936%201.87015%201.70131%201.59986%201.90059%201.40059C2.09987%201.20131%202.37015%201.08936%202.65197%201.08936H14.3407C14.6225%201.08936%2014.8928%201.20131%2015.0921%201.40059C15.2914%201.59986%2015.4033%201.87015%2015.4033%202.15197V5.3398C15.4045%207.39741%2014.7816%209.407%2013.6167%2011.1031C12.4518%2012.7993%2010.7998%2014.102%208.87886%2014.8396Z%22%20fill%3D%22%23A52255%22%20stroke%3D%22%23A52255%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3Cpath%20d%3D%22M4.87012%207.74512V3.9585C4.87012%203.63623%204.94173%203.39453%205.08496%203.2334C5.23177%203.07227%205.42334%202.9917%205.65967%202.9917C5.90674%202.9917%206.10189%203.07227%206.24512%203.2334C6.39193%203.39453%206.46533%203.63623%206.46533%203.9585V7.83105C6.46533%208.27148%206.51367%208.6403%206.61035%208.9375C6.71061%209.23112%206.88607%209.46029%207.13672%209.625C7.38737%209.78613%207.73828%209.8667%208.18945%209.8667C8.8125%209.8667%209.25293%209.70199%209.51074%209.37256C9.76855%209.03955%209.89746%208.53646%209.89746%207.86328V3.9585C9.89746%203.63265%209.96908%203.39095%2010.1123%203.2334C10.2555%203.07227%2010.4471%202.9917%2010.687%202.9917C10.9269%202.9917%2011.1203%203.07227%2011.2671%203.2334C11.4175%203.39095%2011.4927%203.63265%2011.4927%203.9585V7.74512C11.4927%208.361%2011.4318%208.87484%2011.3101%209.28662C11.1919%209.6984%2010.9663%2010.0601%2010.6333%2010.3716C10.3468%2010.6366%2010.0138%2010.8299%209.63428%2010.9517C9.25472%2011.0734%208.81071%2011.1343%208.30225%2011.1343C7.6971%2011.1343%207.17611%2011.0698%206.73926%2010.9409C6.30241%2010.8084%205.94613%2010.6061%205.67041%2010.334C5.39469%2010.0583%205.19238%209.70736%205.06348%209.28125C4.93457%208.85156%204.87012%208.33952%204.87012%207.74512Z%22%20fill%3D%22white%22/%3E%3C/g%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0_4902_125780%22%3E%3Crect%20width%3D%2217%22%20height%3D%2216%22%20fill%3D%22white%22/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  margin-left: 5px;
  margin-right: 5px;
  display: inline-block;
}

.medium-icon {
  width: 15px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url('data:image/svg+xml,<svg width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_4902_125790)"><path d="M8.87886 14.8396C8.63268 14.9345 8.35997 14.9345 8.11379 14.8396C6.19288 14.102 4.54086 12.7993 3.37597 11.1031C2.21107 9.407 1.58811 7.39741 1.58936 5.3398V2.15197C1.58936 1.87015 1.70131 1.59986 1.90059 1.40059C2.09987 1.20131 2.37015 1.08936 2.65197 1.08936H14.3407C14.6225 1.08936 14.8928 1.20131 15.0921 1.40059C15.2914 1.59986 15.4033 1.87015 15.4033 2.15197V5.3398C15.4045 7.39741 14.7816 9.407 13.6167 11.1031C12.4518 12.7993 10.7998 14.102 8.87886 14.8396Z" fill="%23F97316" stroke="%23F97316" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><mask id="path-2-outside-1_4902_125790" maskUnits="userSpaceOnUse" x="3" y="2" width="11" height="11" fill="black"><rect fill="white" x="3" y="2" width="11" height="11"/><path d="M7.51807 9.81299L6.25586 4.79639V10.2319C6.25586 10.5327 6.18783 10.7583 6.05176 10.9087C5.91927 11.0591 5.74202 11.1343 5.52002 11.1343C5.30518 11.1343 5.12972 11.0609 4.99365 10.9141C4.85758 10.7637 4.78955 10.5363 4.78955 10.2319V4.00146C4.78955 3.65771 4.87907 3.42676 5.05811 3.30859C5.23714 3.18685 5.47884 3.12598 5.7832 3.12598H6.27734C6.57454 3.12598 6.78939 3.15283 6.92188 3.20654C7.05794 3.26025 7.1582 3.35693 7.22266 3.49658C7.28711 3.63623 7.36051 3.86361 7.44287 4.17871L8.58691 8.4917L9.73096 4.17871C9.81331 3.86361 9.88672 3.63623 9.95117 3.49658C10.0156 3.35693 10.1141 3.26025 10.2466 3.20654C10.3826 3.15283 10.5993 3.12598 10.8965 3.12598H11.3906C11.695 3.12598 11.9367 3.18685 12.1157 3.30859C12.2948 3.42676 12.3843 3.65771 12.3843 4.00146V10.2319C12.3843 10.5327 12.3162 10.7583 12.1802 10.9087C12.0477 11.0591 11.8687 11.1343 11.6431 11.1343C11.4318 11.1343 11.2581 11.0591 11.1221 10.9087C10.986 10.7583 10.918 10.5327 10.918 10.2319V4.79639L9.65576 9.81299C9.5734 10.1388 9.50537 10.3787 9.45166 10.5327C9.40153 10.6831 9.30664 10.821 9.16699 10.9463C9.02734 11.0716 8.83398 11.1343 8.58691 11.1343C8.40072 11.1343 8.24316 11.0931 8.11426 11.0107C7.98535 10.932 7.88509 10.8299 7.81348 10.7046C7.74186 10.5793 7.68457 10.4414 7.6416 10.291C7.60221 10.137 7.56104 9.9777 7.51807 9.81299Z"/></mask><path d="M7.51807 9.81299L6.25586 4.79639V10.2319C6.25586 10.5327 6.18783 10.7583 6.05176 10.9087C5.91927 11.0591 5.74202 11.1343 5.52002 11.1343C5.30518 11.1343 5.12972 11.0609 4.99365 10.9141C4.85758 10.7637 4.78955 10.5363 4.78955 10.2319V4.00146C4.78955 3.65771 4.87907 3.42676 5.05811 3.30859C5.23714 3.18685 5.47884 3.12598 5.7832 3.12598H6.27734C6.57454 3.12598 6.78939 3.15283 6.92188 3.20654C7.05794 3.26025 7.1582 3.35693 7.22266 3.49658C7.28711 3.63623 7.36051 3.86361 7.44287 4.17871L8.58691 8.4917L9.73096 4.17871C9.81331 3.86361 9.88672 3.63623 9.95117 3.49658C10.0156 3.35693 10.1141 3.26025 10.2466 3.20654C10.3826 3.15283 10.5993 3.12598 10.8965 3.12598H11.3906C11.695 3.12598 11.9367 3.18685 12.1157 3.30859C12.2948 3.42676 12.3843 3.65771 12.3843 4.00146V10.2319C12.3843 10.5327 12.3162 10.7583 12.1802 10.9087C12.0477 11.0591 11.8687 11.1343 11.6431 11.1343C11.4318 11.1343 11.2581 11.0591 11.1221 10.9087C10.986 10.7583 10.918 10.5327 10.918 10.2319V4.79639L9.65576 9.81299C9.5734 10.1388 9.50537 10.3787 9.45166 10.5327C9.40153 10.6831 9.30664 10.821 9.16699 10.9463C9.02734 11.0716 8.83398 11.1343 8.58691 11.1343C8.40072 11.1343 8.24316 11.0931 8.11426 11.0107C7.98535 10.932 7.88509 10.8299 7.81348 10.7046C7.74186 10.5793 7.68457 10.4414 7.6416 10.291C7.60221 10.137 7.56104 9.9777 7.51807 9.81299Z" fill="white"/><path d="M7.51807 9.81299L6.54825 10.057L6.55045 10.0654L7.51807 9.81299ZM6.25586 4.79639L7.22563 4.55239L5.25586 4.79639H6.25586ZM6.05176 10.9087L5.31016 10.2377L5.3014 10.2477L6.05176 10.9087ZM4.99365 10.9141L4.25206 11.585L4.26022 11.5938L4.99365 10.9141ZM5.05811 3.30859L5.609 4.14328L5.62042 4.13552L5.05811 3.30859ZM6.92188 3.20654L6.54615 4.13332L6.55471 4.1367L6.92188 3.20654ZM7.44287 4.17871L6.47536 4.43158L6.4763 4.4351L7.44287 4.17871ZM8.58691 8.4917L7.62034 8.74809L8.58691 12.392L9.55349 8.74809L8.58691 8.4917ZM9.73096 4.17871L10.6975 4.4351L10.6985 4.43158L9.73096 4.17871ZM10.2466 3.20654L9.8794 2.27635L9.87088 2.2798L10.2466 3.20654ZM12.1157 3.30859L11.5534 4.1356L11.5649 4.1432L12.1157 3.30859ZM12.1802 10.9087L11.4386 10.2377L11.4298 10.2477L12.1802 10.9087ZM10.918 4.79639H11.918L9.94819 4.55239L10.918 4.79639ZM9.65576 9.81299L10.6253 10.058L10.6255 10.057L9.65576 9.81299ZM9.45166 10.5327L8.50737 10.2033L8.50298 10.2165L9.45166 10.5327ZM8.11426 11.0107L8.65265 10.168L8.64423 10.1627L8.63571 10.1575L8.11426 11.0107ZM7.6416 10.291L6.6728 10.5388L6.67625 10.5523L6.68008 10.5657L7.6416 10.291ZM8.48784 9.56899L7.22563 4.55239L5.28608 5.04039L6.54829 10.057L8.48784 9.56899ZM5.25586 4.79639V10.2319H7.25586V4.79639H5.25586ZM5.25586 10.2319C5.25586 10.2698 5.2537 10.2971 5.25135 10.3152C5.24901 10.3333 5.24677 10.3401 5.24743 10.338C5.24815 10.3356 5.25208 10.3233 5.2622 10.3047C5.27253 10.2857 5.2881 10.2622 5.31022 10.2378L6.79329 11.5796C7.1604 11.1739 7.25586 10.6635 7.25586 10.2319H5.25586ZM5.3014 10.2477C5.32998 10.2152 5.37398 10.1806 5.42891 10.1573C5.48128 10.1351 5.51719 10.1343 5.52002 10.1343V12.1343C5.9946 12.1343 6.45805 11.9603 6.80212 11.5697L5.3014 10.2477ZM5.52002 10.1343C5.52799 10.1343 5.56387 10.136 5.61325 10.1567C5.66425 10.178 5.70317 10.2085 5.72708 10.2343L4.26022 11.5938C4.60053 11.961 5.04964 12.1343 5.52002 12.1343V10.1343ZM5.73519 10.2431C5.75798 10.2683 5.77381 10.2923 5.78416 10.3115C5.79429 10.3302 5.79808 10.3423 5.79861 10.3441C5.79908 10.3457 5.79668 10.338 5.79422 10.3189C5.79177 10.2997 5.78955 10.2712 5.78955 10.2319H3.78955C3.78955 10.6634 3.88334 11.1774 4.25212 11.585L5.73519 10.2431ZM5.78955 10.2319V4.00146H3.78955V10.2319H5.78955ZM5.78955 4.00146C5.78955 3.90868 5.80269 3.89678 5.7891 3.93183C5.78121 3.95219 5.76461 3.98729 5.73324 4.02808C5.70106 4.06991 5.65916 4.11007 5.60895 4.1432L4.50726 2.47398C3.90959 2.86845 3.78955 3.53049 3.78955 4.00146H5.78955ZM5.62042 4.13552C5.57884 4.16379 5.60097 4.12598 5.7832 4.12598V2.12598C5.35671 2.12598 4.89544 2.20991 4.4958 2.48167L5.62042 4.13552ZM5.7832 4.12598H6.27734V2.12598H5.7832V4.12598ZM6.27734 4.12598C6.39857 4.12598 6.48301 4.1316 6.53734 4.1384C6.59783 4.14596 6.59062 4.1513 6.54617 4.13328L7.29758 2.2798C6.97494 2.149 6.59452 2.12598 6.27734 2.12598V4.12598ZM6.55471 4.1367C6.50726 4.11797 6.45373 4.08619 6.40499 4.03918C6.35694 3.99285 6.32905 3.94673 6.3147 3.91564L8.13062 3.07752C7.96447 2.71755 7.67766 2.42979 7.28904 2.27639L6.55471 4.1367ZM6.3147 3.91564C6.33982 3.97008 6.39525 4.12504 6.47537 4.43158L8.41037 3.92584C8.32578 3.60218 8.23439 3.30238 8.13062 3.07752L6.3147 3.91564ZM6.4763 4.4351L7.62034 8.74809L9.55349 8.23531L8.40944 3.92232L6.4763 4.4351ZM9.55349 8.74809L10.6975 4.4351L8.76438 3.92232L7.62034 8.23531L9.55349 8.74809ZM10.6985 4.43158C10.7786 4.12504 10.834 3.97008 10.8591 3.91564L9.04321 3.07752C8.93943 3.30238 8.84805 3.60218 8.76346 3.92584L10.6985 4.43158ZM10.8591 3.91564C10.8464 3.94319 10.8204 3.98727 10.774 4.0329C10.7265 4.07948 10.6728 4.11281 10.6223 4.13328L9.87088 2.2798C9.48407 2.43662 9.2053 2.72633 9.04321 3.07752L10.8591 3.91564ZM10.6137 4.1367C10.5751 4.15195 10.5728 4.14613 10.6341 4.13852C10.6901 4.13159 10.7754 4.12598 10.8965 4.12598V2.12598C10.5762 2.12598 10.2001 2.14981 9.87942 2.27639L10.6137 4.1367ZM10.8965 4.12598H11.3906V2.12598H10.8965V4.12598ZM11.3906 4.12598C11.5729 4.12598 11.595 4.16379 11.5534 4.13552L12.678 2.48167C12.2784 2.20991 11.8171 2.12598 11.3906 2.12598V4.12598ZM11.5649 4.1432C11.5147 4.11007 11.4728 4.06991 11.4406 4.02808C11.4092 3.98729 11.3926 3.95219 11.3847 3.93183C11.3711 3.89678 11.3843 3.90868 11.3843 4.00146H13.3843C13.3843 3.53049 13.2642 2.86845 12.6666 2.47398L11.5649 4.1432ZM11.3843 4.00146V10.2319H13.3843V4.00146H11.3843ZM11.3843 10.2319C11.3843 10.2698 11.3821 10.2971 11.3798 10.3152C11.3774 10.3333 11.3752 10.3401 11.3758 10.338C11.3766 10.3356 11.3805 10.3233 11.3906 10.3047C11.4009 10.2857 11.4165 10.2622 11.4386 10.2378L12.9217 11.5796C13.2888 11.1739 13.3843 10.6635 13.3843 10.2319H11.3843ZM11.4298 10.2477C11.4601 10.2133 11.5051 10.1787 11.5593 10.1559C11.6106 10.1344 11.6441 10.1343 11.6431 10.1343V12.1343C12.1157 12.1343 12.5832 11.964 12.9305 11.5697L11.4298 10.2477ZM11.6431 10.1343C11.6582 10.1343 11.6993 10.1375 11.7517 10.1602C11.8051 10.1833 11.8428 10.2148 11.8636 10.2378L10.3805 11.5796C10.715 11.9492 11.1626 12.1343 11.6431 12.1343V10.1343ZM11.8636 10.2378C11.8857 10.2622 11.9013 10.2857 11.9116 10.3047C11.9217 10.3233 11.9257 10.3356 11.9264 10.338C11.9271 10.3401 11.9248 10.3333 11.9225 10.3152C11.9201 10.2971 11.918 10.2698 11.918 10.2319H9.91797C9.91797 10.6635 10.0134 11.1739 10.3805 11.5796L11.8636 10.2378ZM11.918 10.2319V4.79639H9.91797V10.2319H11.918ZM9.94819 4.55239L8.68599 9.56899L10.6255 10.057L11.8877 5.04039L9.94819 4.55239ZM8.68625 9.56795C8.60523 9.88851 8.54595 10.093 8.50746 10.2033L10.3959 10.8621C10.4648 10.6645 10.5416 10.3892 10.6253 10.058L8.68625 9.56795ZM8.50298 10.2165C8.50594 10.2076 8.50923 10.1999 8.51236 10.1937C8.51546 10.1875 8.518 10.1836 8.51917 10.1819C8.5215 10.1785 8.51713 10.1859 8.49908 10.202L9.8349 11.6905C10.0799 11.4707 10.286 11.1919 10.4003 10.8489L8.50298 10.2165ZM8.49908 10.202C8.54176 10.1637 8.5838 10.1441 8.60895 10.136C8.63062 10.129 8.62752 10.1343 8.58691 10.1343V12.1343C9.0008 12.1343 9.46 12.027 9.8349 11.6905L8.49908 10.202ZM8.58691 10.1343C8.5672 10.1343 8.56738 10.1321 8.58197 10.1359C8.59776 10.14 8.62351 10.1494 8.65265 10.168L7.57587 11.8534C7.89741 12.0589 8.25161 12.1343 8.58691 12.1343V10.1343ZM8.63571 10.1575C8.63732 10.1584 8.64526 10.1637 8.65572 10.1743C8.66635 10.1851 8.67529 10.1972 8.68172 10.2085L6.94523 11.2007C7.10444 11.4793 7.327 11.7016 7.59281 11.864L8.63571 10.1575ZM8.68172 10.2085C8.65315 10.1585 8.62584 10.0958 8.60313 10.0163L6.68008 10.5657C6.7433 10.787 6.83057 11.0001 6.94523 11.2007L8.68172 10.2085ZM8.6104 10.0432C8.5706 9.88758 8.52902 9.7267 8.48568 9.56057L6.55045 10.0654C6.59305 10.2287 6.63383 10.3865 6.6728 10.5388L8.6104 10.0432Z" fill="%23F97316" mask="url(%23path-2-outside-1_4902_125790)"/></g><defs><clipPath id="clip0_4902_125790"><rect width="17" height="16" fill="white"/></clipPath></defs></svg>');
  margin-left: 5px;
  margin-right: 5px;
  display: inline-block;
}

.low-icon {
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url('data:image/svg+xml,<svg width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_4902_125795)"><path d="M8.87886 14.8396C8.63268 14.9345 8.35997 14.9345 8.11379 14.8396C6.19288 14.102 4.54086 12.7993 3.37597 11.1031C2.21107 9.407 1.58811 7.39741 1.58936 5.3398V2.15197C1.58936 1.87015 1.70131 1.59986 1.90059 1.40059C2.09987 1.20131 2.37015 1.08936 2.65197 1.08936H14.3407C14.6225 1.08936 14.8928 1.20131 15.0921 1.40059C15.2914 1.59986 15.4033 1.87015 15.4033 2.15197V5.3398C15.4045 7.39741 14.7816 9.407 13.6167 11.1031C12.4518 12.7993 10.7998 14.102 8.87886 14.8396Z" fill="%23E49E07" stroke="%23E49E07" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M7.42236 3.9585V9.68945H10.6558C10.9136 9.68945 11.1105 9.75212 11.2466 9.87744C11.3862 10.0028 11.4561 10.1603 11.4561 10.3501C11.4561 10.5435 11.388 10.701 11.252 10.8228C11.1159 10.9409 10.9172 11 10.6558 11H6.80469C6.45736 11 6.20671 10.923 6.05273 10.769C5.90234 10.6151 5.82715 10.3662 5.82715 10.0225V3.9585C5.82715 3.63623 5.89876 3.39453 6.04199 3.2334C6.1888 3.07227 6.38037 2.9917 6.6167 2.9917C6.85661 2.9917 7.04997 3.07227 7.19678 3.2334C7.34717 3.39095 7.42236 3.63265 7.42236 3.9585Z" fill="white"/></g><defs><clipPath id="clip0_4902_125795"><rect width="17" height="16" fill="white"/></clipPath></defs></svg>');
  margin-left: 5px;
  margin-right: 5px;
  display: inline-block;
}

.parked-icon {
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url('data:image/svg+xml,<svg width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_4902_125801)"><path d="M8.87886 14.8396C8.63268 14.9345 8.35997 14.9345 8.11379 14.8396C6.19288 14.102 4.54086 12.7993 3.37597 11.1031C2.21107 9.407 1.58811 7.39741 1.58936 5.3398V2.15197C1.58936 1.87015 1.70131 1.59986 1.90059 1.40059C2.09987 1.20131 2.37015 1.08936 2.65197 1.08936H14.3407C14.6225 1.08936 14.8928 1.20131 15.0921 1.40059C15.2914 1.59986 15.4033 1.87015 15.4033 2.15197V5.3398C15.4045 7.39741 14.7816 9.407 13.6167 11.1031C12.4518 12.7993 10.7998 14.102 8.87886 14.8396Z" fill="%23A4B1BF" stroke="%23A4B1BF" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M8.91553 7.93311H7.45459V10.1621C7.45459 10.4808 7.37939 10.7225 7.229 10.8872C7.07861 11.0519 6.88883 11.1343 6.65967 11.1343C6.41976 11.1343 6.2264 11.0537 6.07959 10.8926C5.93278 10.7279 5.85938 10.488 5.85938 10.1729V4.10352C5.85938 3.7526 5.93994 3.50195 6.10107 3.35156C6.26221 3.20117 6.51823 3.12598 6.86914 3.12598H8.91553C9.52067 3.12598 9.98617 3.17253 10.312 3.26562C10.6343 3.35514 10.9118 3.50374 11.1445 3.71143C11.3809 3.91911 11.5599 4.17334 11.6816 4.47412C11.8034 4.7749 11.8643 5.11328 11.8643 5.48926C11.8643 6.29134 11.6172 6.90007 11.123 7.31543C10.6289 7.72721 9.89307 7.93311 8.91553 7.93311ZM8.52881 4.32373H7.45459V6.72998H8.52881C8.90479 6.72998 9.2181 6.69059 9.46875 6.61182C9.72298 6.53304 9.91634 6.40413 10.0488 6.2251C10.1813 6.04606 10.2476 5.81152 10.2476 5.52148C10.2476 5.17415 10.1455 4.89128 9.94141 4.67285C9.71224 4.4401 9.24137 4.32373 8.52881 4.32373Z" fill="white"/></g><defs><clipPath id="clip0_4902_125801"><rect width="17" height="16" fill="white"/></clipPath></defs></svg>');
  margin-left: 5px;
  margin-right: 5px;
  display: inline-block;
}

.atlas-urgency-icon {
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2217%22%20height%3D%2216%22%20viewBox%3D%220%200%2017%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cg%20clip-path%3D%22url(%23clip0_4902_125780)%22%3E%3Cpath%20d%3D%22M8.87886%2014.8396C8.63268%2014.9345%208.35997%2014.9345%208.11379%2014.8396C6.19288%2014.102%204.54086%2012.7993%203.37597%2011.1031C2.21107%209.407%201.58811%207.39741%201.58936%205.3398V2.15197C1.58936%201.87015%201.70131%201.59986%201.90059%201.40059C2.09987%201.20131%202.37015%201.08936%202.65197%201.08936H14.3407C14.6225%201.08936%2014.8928%201.20131%2015.0921%201.40059C15.2914%201.59986%2015.4033%201.87015%2015.4033%202.15197V5.3398C15.4045%207.39741%2014.7816%209.407%2013.6167%2011.1031C12.4518%2012.7993%2010.7998%2014.102%208.87886%2014.8396Z%22%20fill%3D%22none%22%20stroke%3D%22%2364748b%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3Cpath%20d%3D%22M4.87012%207.74512V3.9585C4.87012%203.63623%204.94173%203.39453%205.08496%203.2334C5.23177%203.07227%205.42334%202.9917%205.65967%202.9917C5.90674%202.9917%206.10189%203.07227%206.24512%203.2334C6.39193%203.39453%206.46533%203.63623%206.46533%203.9585V7.83105C6.46533%208.27148%206.51367%208.6403%206.61035%208.9375C6.71061%209.23112%206.88607%209.46029%207.13672%209.625C7.38737%209.78613%207.73828%209.8667%208.18945%209.8667C8.8125%209.8667%209.25293%209.70199%209.51074%209.37256C9.76855%209.03955%209.89746%208.53646%209.89746%207.86328V3.9585C9.89746%203.63265%209.96908%203.39095%2010.1123%203.2334C10.2555%203.07227%2010.4471%202.9917%2010.687%202.9917C10.9269%202.9917%2011.1203%203.07227%2011.2671%203.2334C11.4175%203.39095%2011.4927%203.63265%2011.4927%203.9585V7.74512C11.4927%208.361%2011.4318%208.87484%2011.3101%209.28662C11.1919%209.6984%2010.9663%2010.0601%2010.6333%2010.3716C10.3468%2010.6366%2010.0138%2010.8299%209.63428%2010.9517C9.25472%2011.0734%208.81071%2011.1343%208.30225%2011.1343C7.6971%2011.1343%207.17611%2011.0698%206.73926%2010.9409C6.30241%2010.8084%205.94613%2010.6061%205.67041%2010.334C5.39469%2010.0583%205.19238%209.70736%205.06348%209.28125C4.93457%208.85156%204.87012%208.33952%204.87012%207.74512Z%22%20fill%3D%22%2364748b%22/%3E%3C/g%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0_4902_125780%22%3E%3Crect%20width%3D%2217%22%20height%3D%2216%22%20fill%3D%22white%22/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  margin-left: 5px;
  margin-right: 5px;
  display: inline-block;
}

.atlas-sphere-icon {
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2217%22%20height%3D%2216%22%20viewBox%3D%220%200%2017%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cg%20clip-path%3D%22url(%23clip0_4902_125780)%22%3E%3Cpath%20d%3D%22M8.87886%2014.8396C8.63268%2014.9345%208.35997%2014.9345%208.11379%2014.8396C6.19288%2014.102%204.54086%2012.7993%203.37597%2011.1031C2.21107%209.407%201.58811%207.39741%201.58936%205.3398V2.15197C1.58936%201.87015%201.70131%201.59986%201.90059%201.40059C2.09987%201.20131%202.37015%201.08936%202.65197%201.08936H14.3407C14.6225%201.08936%2014.8928%201.20131%2015.0921%201.40059C15.2914%201.59986%2015.4033%201.87015%2015.4033%202.15197V5.3398C15.4045%207.39741%2014.7816%209.407%2013.6167%2011.1031C12.4518%2012.7993%2010.7998%2014.102%208.87886%2014.8396Z%22%20fill%3D%22none%22%20stroke%3D%22%23609aff%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3Cpath%20d%3D%22M6%2010C6%2010%206.5%2011%208.5%2011C10%2011%2011%2010.5%2011%209.5C11%208.5%2010%208%208%207.8C6%207.6%205.5%207%205.5%206.2C5.5%205.4%206.5%205%208%205C9.5%205%2011%205.5%2011%205.5%22%20stroke%3D%22%23609aff%22%20stroke-width%3D%221.2%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3C/g%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0_4902_125780%22%3E%3Crect%20width%3D%2217%22%20height%3D%2216%22%20fill%3D%22white%22/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  margin-left: 5px;
  margin-right: 5px;
  display: inline-block;
}
/**
 * VelocityIndicator.scss
 * -----------------------------------------------------------------------------
 * Styles for the VelocityIndicator atom component.
 * Uses CSS custom properties for theming support.
 */
.velocity-indicator {
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-xs, 4px);
  font-family: var(--font-family, inherit);
}
.velocity-indicator__arrow {
  transition: transform 0.3s ease;
}
.velocity-indicator__score {
  font-weight: var(--font-weight-medium, 500);
  font-size: inherit;
}
.velocity-indicator--small {
  font-size: var(--font-size-xs, 0.75rem);
}
.velocity-indicator--small .velocity-indicator__arrow {
  width: 14px;
  height: 14px;
}
.velocity-indicator--medium {
  font-size: var(--font-size-sm, 0.875rem);
}
.velocity-indicator--medium .velocity-indicator__arrow {
  width: 18px;
  height: 18px;
}
.velocity-indicator--large {
  font-size: var(--font-size-md, 1rem);
}
.velocity-indicator--large .velocity-indicator__arrow {
  width: 24px;
  height: 24px;
}
.velocity-indicator--rapidly-improving {
  color: var(--color-success-dark, #15803d);
}
.velocity-indicator--rapidly-improving .velocity-indicator__arrow {
  color: var(--color-success, #22c55e);
}
.velocity-indicator--improving {
  color: var(--color-success, #22c55e);
}
.velocity-indicator--improving .velocity-indicator__arrow {
  color: var(--color-success-light, #86efac);
}
.velocity-indicator--stable {
  color: var(--color-neutral, #6b7280);
}
.velocity-indicator--stable .velocity-indicator__arrow {
  color: var(--color-neutral-light, #9ca3af);
}
.velocity-indicator--declining {
  color: var(--color-warning, #f59e0b);
}
.velocity-indicator--declining .velocity-indicator__arrow {
  color: var(--color-warning-light, #fcd34d);
}
.velocity-indicator--rapidly-declining {
  color: var(--color-danger-dark, #b91c1c);
}
.velocity-indicator--rapidly-declining .velocity-indicator__arrow {
  color: var(--color-danger, #ef4444);
}
[data-theme=dark] .velocity-indicator--rapidly-improving {
  color: var(--color-success-light, #86efac);
}
[data-theme=dark] .velocity-indicator--rapidly-improving .velocity-indicator__arrow {
  color: var(--color-success, #22c55e);
}
[data-theme=dark] .velocity-indicator--improving {
  color: var(--color-success, #22c55e);
}
[data-theme=dark] .velocity-indicator--improving .velocity-indicator__arrow {
  color: var(--color-success, #22c55e);
}
[data-theme=dark] .velocity-indicator--stable {
  color: var(--color-neutral-light, #9ca3af);
}
[data-theme=dark] .velocity-indicator--stable .velocity-indicator__arrow {
  color: var(--color-neutral, #6b7280);
}
[data-theme=dark] .velocity-indicator--declining {
  color: var(--color-warning-light, #fcd34d);
}
[data-theme=dark] .velocity-indicator--declining .velocity-indicator__arrow {
  color: var(--color-warning, #f59e0b);
}
[data-theme=dark] .velocity-indicator--rapidly-declining {
  color: var(--color-danger-light, #fca5a5);
}
[data-theme=dark] .velocity-indicator--rapidly-declining .velocity-indicator__arrow {
  color: var(--color-danger, #ef4444);
}
/* date-display.scss */
.date-display {
  font-size: var(--primary-font);
  display: inline-block;
  width: 100%;
  min-width: 100px;
  cursor: pointer;
  background-color: transparent;
  border: 1px solid transparent;
  box-sizing: border-box;
  color: var(--secondary-text-color);
}
[data-theme=dark] .date-display {
  color: var(--secondary-text-color);
}
[data-theme=dark] .date-display:hover {
  background-color: var(--hover-background);
}
.date-display:focus-within {
  border-color: #007ad9;
  box-shadow: 0 0 3px #007ad9;
}
.date-display::-moz-placeholder {
  color: #999;
  font-style: italic;
}
.date-display::placeholder {
  color: #999;
  font-style: italic;
}
.edit-action-icon {
  width: 16px;
  height: 16px;
  margin-left: 5px;
  margin-right: 5px;
  display: inline-block;
  color: #377fc4;
}

.edit-action-icon.pi.pi-trash {
  color: red !important;
}

.edit-action-icon.center-organization-icon {
  top: 0;
  left: 0;
}
/**
 * InputAtom.scss
 *
 * Styles for the InputAtom component using design system tokens.
 * Matches the rounded, bordered style used throughout the design system.
 * Uses .p-inputtext.atlas-input-atom for higher specificity over global .p-inputtext rules.
 */
.p-inputtext.atlas-input-atom {
  width: 100%;
  padding: 0.5rem 1rem;
  font: 500 14px "Manrope", sans-serif;
  font-family: var(--font-family);
  color: var(--primary-text-color, #4a6d98);
  border-radius: 20px;
  border: var(--primary-border);
  background: var(--Search-input-box);
  box-shadow: 2px 2px 7px 2px rgba(30, 84, 156, 0.18) inset, -3px -1px 10px 0px rgba(160, 183, 202, 0.15) inset;
}
.p-inputtext.atlas-input-atom:focus, .p-inputtext.atlas-input-atom:focus-visible {
  outline: none;
  border-color: var(--secondary-color, #26a3e3);
  box-shadow: 0 0 0 2px rgba(38, 163, 227, 0.2), 2px 2px 7px 2px rgba(30, 84, 156, 0.18) inset;
}
.p-inputtext.atlas-input-atom:hover:not(:disabled):not(:focus) {
  border-color: var(--secondary-color, #26a3e3);
}
.p-inputtext.atlas-input-atom:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
.p-inputtext.atlas-input-atom.is-invalid {
  border-color: var(--red-500, #ef4444);
}
.p-inputtext.atlas-input-atom.is-invalid:focus, .p-inputtext.atlas-input-atom.is-invalid:focus-visible {
  box-shadow: 0 0 0 2px rgba(239, 68, 68, 0.2), 2px 2px 7px 2px rgba(30, 84, 156, 0.18) inset;
}
.p-inputtext.atlas-input-atom::-moz-placeholder {
  color: var(--primary-text-color);
  opacity: 0.6;
}
.p-inputtext.atlas-input-atom::placeholder {
  color: var(--primary-text-color);
  opacity: 0.6;
}
[data-theme=dark] .p-inputtext.atlas-input-atom {
  background: var(--Search-input-box);
  box-shadow: 2px 2px 7px 2px rgba(0, 0, 0, 0.25) inset, -3px -1px 10px 0px rgba(0, 0, 0, 0.15) inset;
}
[data-theme=dark] .p-inputtext.atlas-input-atom:focus, [data-theme=dark] .p-inputtext.atlas-input-atom:focus-visible {
  box-shadow: 0 0 0 2px rgba(38, 163, 227, 0.3), 2px 2px 7px 2px rgba(0, 0, 0, 0.25) inset;
}
[data-theme=dark] .p-inputtext.atlas-input-atom::-moz-placeholder {
  color: var(--primary-text-color);
  opacity: 0.5;
}
[data-theme=dark] .p-inputtext.atlas-input-atom::placeholder {
  color: var(--primary-text-color);
  opacity: 0.5;
}
.localized-input-atom {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.localized-input-atom__label {
  font-size: var(--font-size-sm, 0.875rem);
  font-weight: 500;
  color: var(--text-color, #333);
}
.localized-input-atom__default-row {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.localized-input-atom__input {
  flex: 1;
  min-width: 0;
}
.localized-input-atom__globe-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  flex-shrink: 0;
  border: 1px solid var(--surface-border, #dee2e6);
  border-radius: var(--border-radius, 4px);
  background: var(--surface-ground, #f8f9fa);
  color: var(--text-color-secondary, #6c757d);
  cursor: pointer;
  transition: background-color 0.15s, color 0.15s;
}
.localized-input-atom__globe-btn:hover:not(:disabled) {
  background: var(--surface-hover, #e9ecef);
  color: var(--text-color, #333);
}
.localized-input-atom__globe-btn:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.localized-input-atom__globe-btn--active {
  color: var(--primary-color, #3b82f6);
  border-color: var(--primary-color, #3b82f6);
}
.localized-input-atom__translations {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  padding-left: 0.5rem;
  border-left: 2px solid var(--primary-color, #3b82f6);
  margin-top: 0.25rem;
}
.localized-input-atom__translation-row {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.localized-input-atom__locale-tag {
  font-size: var(--font-size-xs, 0.75rem);
  font-weight: 600;
  color: var(--text-color-secondary, #6c757d);
  min-width: 3rem;
  text-align: right;
}
/**
 * PasswordInputAtom.scss
 *
 * Password input with visibility toggle button.
 * Inherits base styling from InputAtom via .atlas-input-atom class.
 */
.password-input-atom {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  width: 100%;
}
.password-input-atom__input {
  flex: 1;
  min-width: 0;
}
.password-input-atom__visibility-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  flex-shrink: 0;
  border: var(--primary-border);
  border-radius: var(--border-radius-md, 8px);
  background: var(--Search-input-box);
  color: var(--primary-text-color, #4a6d98);
  cursor: pointer;
  transition: all 0.15s ease-in-out;
  padding: 0;
}
.password-input-atom__visibility-btn:hover:not(:disabled) {
  background: var(--surface-hover, #e9ecef);
  border-color: var(--secondary-color, #26a3e3);
  color: var(--secondary-color, #26a3e3);
}
.password-input-atom__visibility-btn:active:not(:disabled) {
  transform: scale(0.95);
}
.password-input-atom__visibility-btn:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
.password-input-atom__visibility-btn i {
  font-size: 1rem;
}
[data-theme=dark] .password-input-atom__visibility-btn {
  background: var(--Search-input-box);
}
[data-theme=dark] .password-input-atom__visibility-btn:hover:not(:disabled) {
  background: var(--surface-hover, rgba(255, 255, 255, 0.1));
}
.password-strength-indicator-molecule {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
  margin-top: var(--spacing-xs);
}
.password-strength-indicator-molecule__bar {
  height: 4px;
  background: var(--primary-border);
  border-radius: var(--border-radius-sm);
  overflow: hidden;
}
.password-strength-indicator-molecule__fill {
  height: 100%;
  transition: width 0.3s ease, background-color 0.3s ease;
  border-radius: var(--border-radius-sm);
}
.password-strength-indicator-molecule__fill--weak {
  background: var(--red-500, #ef4444);
}
.password-strength-indicator-molecule__fill--medium {
  background: var(--orange-500, #f59e0b);
}
.password-strength-indicator-molecule__fill--strong {
  background: var(--green-500, #10b981);
}
.password-strength-indicator-molecule__label {
  display: flex;
  align-items: center;
}
.password-strength-indicator-molecule__level {
  font-size: 14px;
  font-weight: 600;
}
.password-strength-indicator-molecule__level--weak {
  color: var(--red-500, #ef4444);
}
.password-strength-indicator-molecule__level--medium {
  color: var(--orange-500, #f59e0b);
}
.password-strength-indicator-molecule__level--strong {
  color: var(--green-500, #10b981);
}
.password-strength-indicator-molecule__criteria {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xxs);
}
.password-strength-indicator-molecule__criterion--met {
  display: flex;
  align-items: center;
  gap: var(--spacing-xs);
  font-size: 14px;
  color: var(--green-500, #10b981);
}
.password-strength-indicator-molecule__criterion--met i {
  font-size: 12px;
}
.password-strength-indicator-molecule__criterion--unmet {
  display: flex;
  align-items: center;
  gap: var(--spacing-xs);
  font-size: 14px;
  color: var(--secondary-text-color);
}
.password-strength-indicator-molecule__criterion--unmet i {
  font-size: 12px;
}
[data-theme=dark] .password-strength-indicator-molecule__bar {
  background: var(--primary-border-dark);
}
[data-theme=dark] .password-strength-indicator-molecule__fill--weak {
  background: var(--red-600, #dc2626);
}
[data-theme=dark] .password-strength-indicator-molecule__fill--medium {
  background: var(--orange-600, #d97706);
}
[data-theme=dark] .password-strength-indicator-molecule__fill--strong {
  background: var(--green-600, #059669);
}
[data-theme=dark] .password-strength-indicator-molecule__level--weak {
  color: var(--red-500, #ef4444);
}
[data-theme=dark] .password-strength-indicator-molecule__level--medium {
  color: var(--yellow-400, #fbbf24);
}
[data-theme=dark] .password-strength-indicator-molecule__level--strong {
  color: var(--green-400, #34d399);
}
[data-theme=dark] .password-strength-indicator-molecule__criterion--met {
  color: var(--green-400, #34d399);
}
[data-theme=dark] .password-strength-indicator-molecule__criterion--unmet {
  color: var(--secondary-text-color);
}
/**
 * IconPickerAtom Styles
 */
.icon-picker-atom {
  display: inline-flex;
}
.icon-picker-atom .icon-picker-trigger {
  display: flex;
  align-items: center;
  gap: var(--spacing-xs, 0.25rem);
  padding: var(--spacing-xs, 0.25rem) var(--spacing-sm, 0.5rem);
  background: transparent;
  border: 1px solid transparent;
  border-radius: var(--border-radius-sm, 4px);
  cursor: pointer;
  transition: all 0.2s ease;
  color: var(--text-color, #212529);
}
.icon-picker-atom .icon-picker-trigger:hover:not(:disabled) {
  background: var(--surface-100, #f8f9fa);
  border-color: var(--surface-border, #dee2e6);
}
.icon-picker-atom .icon-picker-trigger:focus {
  outline: none;
  box-shadow: 0 0 0 2px var(--primary-100, rgba(59, 130, 246, 0.2));
}
.icon-picker-atom .icon-picker-trigger:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
.icon-picker-atom .icon-picker-trigger > i:first-child {
  font-size: 1.25rem;
}
.icon-picker-atom .icon-picker-trigger .icon-picker-chevron {
  font-size: 0.75rem;
  opacity: 0.6;
}
.icon-picker-overlay .p-overlaypanel-content {
  padding: 0;
}
.icon-picker-overlay .icon-picker-content {
  width: 280px;
  max-height: 320px;
  display: flex;
  flex-direction: column;
}
.icon-picker-overlay .icon-picker-search {
  padding: var(--spacing-sm, 0.5rem);
  border-bottom: 1px solid var(--surface-border, #dee2e6);
}
.icon-picker-overlay .icon-picker-search .p-input-icon-left {
  width: 100%;
}
.icon-picker-overlay .icon-picker-search .p-input-icon-left > i {
  left: var(--spacing-sm, 0.5rem);
  color: var(--text-color-secondary, #6c757d);
}
.icon-picker-overlay .icon-picker-search .p-input-icon-left .icon-picker-search-input {
  width: 100%;
  padding-left: 2rem;
  font-size: var(--font-size-sm, 0.875rem);
}
.icon-picker-overlay .icon-picker-grid {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: var(--spacing-xs, 0.25rem);
  padding: var(--spacing-sm, 0.5rem);
  overflow-y: auto;
  max-height: 240px;
}
.icon-picker-overlay .icon-picker-item {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  padding: 0;
  background: transparent;
  border: 1px solid transparent;
  border-radius: var(--border-radius-sm, 4px);
  cursor: pointer;
  transition: all 0.15s ease;
  color: var(--text-color, #212529);
}
.icon-picker-overlay .icon-picker-item i {
  font-size: 1.125rem;
}
.icon-picker-overlay .icon-picker-item:hover {
  background: var(--surface-100, #f8f9fa);
  border-color: var(--surface-border, #dee2e6);
}
.icon-picker-overlay .icon-picker-item.selected {
  background: var(--primary-100, #dbeafe);
  border-color: var(--primary-color, #3b82f6);
  color: var(--primary-color, #3b82f6);
}
.icon-picker-overlay .icon-picker-item:focus {
  outline: none;
  box-shadow: 0 0 0 2px var(--primary-100, rgba(59, 130, 246, 0.2));
}
.icon-picker-overlay .icon-picker-empty {
  grid-column: 1/-1;
  text-align: center;
  padding: var(--spacing-md, 1rem);
  color: var(--text-color-secondary, #6c757d);
  font-size: var(--font-size-sm, 0.875rem);
}
[data-theme=dark] .icon-picker-atom .icon-picker-trigger {
  color: var(--text-color, #e2e8f0);
}
[data-theme=dark] .icon-picker-atom .icon-picker-trigger:hover:not(:disabled) {
  background: var(--surface-800, #2d3748);
  border-color: var(--surface-border, #4a5568);
}
[data-theme=dark] .icon-picker-overlay .icon-picker-search {
  border-bottom-color: var(--surface-border, #4a5568);
}
[data-theme=dark] .icon-picker-overlay .icon-picker-item {
  color: var(--text-color, #e2e8f0);
}
[data-theme=dark] .icon-picker-overlay .icon-picker-item:hover {
  background: var(--surface-700, #374151);
  border-color: var(--surface-border, #4a5568);
}
[data-theme=dark] .icon-picker-overlay .icon-picker-item.selected {
  background: var(--primary-900, #1e3a5f);
  border-color: var(--primary-color, #3b82f6);
  color: var(--primary-color, #60a5fa);
}
/**
 * TextareaAtom.scss
 *
 * Styles for the TextareaAtom component using design system tokens.
 * Matches the rounded, bordered style used throughout the design system.
 * Uses .p-inputtextarea.textarea-atom for higher specificity.
 */
.textarea-atom-wrapper {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs, 0.25rem);
}
.textarea-atom__label {
  font-size: var(--font-size-sm, 0.875rem);
  font-weight: var(--font-weight-medium, 500);
  color: var(--primary-text-color, #4a6d98);
}
.textarea-atom__helper {
  font-size: var(--font-size-xs, 0.75rem);
  color: var(--text-color-secondary, #64748b);
}
.textarea-atom__error-message {
  font-size: var(--font-size-xs, 0.75rem);
  color: var(--red-500, #ef4444);
}
.p-inputtextarea.textarea-atom {
  width: 100%;
  font-family: var(--font-family, "Manrope", sans-serif);
  font-size: var(--font-size-base, 14px);
  font-weight: 500;
  color: var(--primary-text-color, #4a6d98);
  border-radius: 20px;
  border: var(--primary-border);
  background: var(--Search-input-box);
  box-shadow: 2px 2px 7px 2px rgba(30, 84, 156, 0.18) inset, -3px -1px 10px 0px rgba(160, 183, 202, 0.15) inset;
  padding: 0.75rem 1rem;
  min-height: 5rem;
}
.p-inputtextarea.textarea-atom:focus, .p-inputtextarea.textarea-atom:focus-visible {
  outline: none;
  border-color: var(--secondary-color, #26a3e3);
  box-shadow: 0 0 0 2px rgba(38, 163, 227, 0.2), 2px 2px 7px 2px rgba(30, 84, 156, 0.18) inset;
}
.p-inputtextarea.textarea-atom:hover:not(:disabled):not(:focus) {
  border-color: var(--secondary-color, #26a3e3);
}
.p-inputtextarea.textarea-atom::-moz-placeholder {
  color: var(--primary-text-color);
  opacity: 0.6;
}
.p-inputtextarea.textarea-atom::placeholder {
  color: var(--primary-text-color);
  opacity: 0.6;
}
.p-inputtextarea.textarea-atom.textarea-atom--resize-none {
  resize: none;
}
.p-inputtextarea.textarea-atom.textarea-atom--resize-vertical {
  resize: vertical;
}
.p-inputtextarea.textarea-atom.textarea-atom--resize-horizontal {
  resize: horizontal;
}
.p-inputtextarea.textarea-atom.textarea-atom--resize-both {
  resize: both;
}
.p-inputtextarea.textarea-atom.textarea-atom--size-small {
  font-size: var(--font-size-sm, 0.875rem);
  padding: 0.5rem 0.75rem;
  min-height: 4rem;
}
.p-inputtextarea.textarea-atom.textarea-atom--size-normal {
  font-size: var(--font-size-base, 1rem);
  padding: 0.75rem 1rem;
  min-height: 5rem;
}
.p-inputtextarea.textarea-atom.textarea-atom--size-large {
  font-size: var(--font-size-lg, 1.125rem);
  padding: 0.75rem 1rem;
  min-height: 6rem;
}
.p-inputtextarea.textarea-atom.textarea-atom--variant-outlined {
  background: transparent;
  border-width: 2px;
}
.p-inputtextarea.textarea-atom.textarea-atom--variant-filled {
  background: var(--Search-input-box);
  border-color: transparent;
}
.p-inputtextarea.textarea-atom.textarea-atom--variant-filled:not(:disabled):hover {
  background: var(--surface-200, #eee);
}
.p-inputtextarea.textarea-atom.textarea-atom--variant-filled:not(:disabled):focus {
  background: var(--Search-input-box);
  border-color: var(--secondary-color, #26a3e3);
}
.p-inputtextarea.textarea-atom.textarea-atom--error {
  border-color: var(--red-500, #ef4444) !important;
}
.p-inputtextarea.textarea-atom.textarea-atom--error:not(:disabled):focus {
  box-shadow: 0 0 0 2px rgba(239, 68, 68, 0.2), 2px 2px 7px 2px rgba(30, 84, 156, 0.18) inset;
}
.p-inputtextarea.textarea-atom:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
[data-theme=dark] .textarea-atom__label {
  color: var(--primary-text-color);
}
[data-theme=dark] .textarea-atom__helper {
  color: var(--text-color-secondary, #94a3b8);
}
[data-theme=dark] .p-inputtextarea.textarea-atom {
  background: var(--Search-input-box);
  box-shadow: 2px 2px 7px 2px rgba(0, 0, 0, 0.25) inset, -3px -1px 10px 0px rgba(0, 0, 0, 0.15) inset;
}
[data-theme=dark] .p-inputtextarea.textarea-atom:focus, [data-theme=dark] .p-inputtextarea.textarea-atom:focus-visible {
  box-shadow: 0 0 0 2px rgba(38, 163, 227, 0.3), 2px 2px 7px 2px rgba(0, 0, 0, 0.25) inset;
}
[data-theme=dark] .p-inputtextarea.textarea-atom::-moz-placeholder {
  color: var(--primary-text-color);
  opacity: 0.5;
}
[data-theme=dark] .p-inputtextarea.textarea-atom::placeholder {
  color: var(--primary-text-color);
  opacity: 0.5;
}
[data-theme=dark] .p-inputtextarea.textarea-atom.textarea-atom--variant-filled {
  background: var(--Search-input-box);
}
[data-theme=dark] .p-inputtextarea.textarea-atom.textarea-atom--variant-filled:not(:disabled):hover {
  background: var(--surface-200, #333);
}
/**
 * MessageAtom.scss
 *
 * Styles for the MessageAtom component using design system tokens.
 */
.message-atom {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  border-radius: var(--border-radius, 6px);
}
.message-atom .p-message {
  flex: 1;
  margin: 0;
  border-radius: var(--border-radius, 6px);
}
.message-atom .p-message .p-message-wrapper {
  padding: var(--spacing-sm, 0.5rem) var(--spacing-md, 0.75rem);
}
.message-atom .p-message .p-message-icon {
  font-size: var(--font-size-lg, 1.125rem);
  margin-right: var(--spacing-sm, 0.5rem);
}
.message-atom .p-message .p-message-text {
  font-size: var(--font-size-sm, 0.875rem);
  line-height: 1.5;
}
.message-atom--variant-default.message-atom--severity-success .p-message {
  background: var(--green-50, #f0fdf4);
  border: 1px solid var(--green-200, #bbf7d0);
  color: var(--green-700, #15803d);
}
.message-atom--variant-default.message-atom--severity-success .p-message .p-message-icon {
  color: var(--green-500, #22c55e);
}
.message-atom--variant-default.message-atom--severity-info .p-message {
  background: var(--blue-50, #eff6ff);
  border: 1px solid var(--blue-200, #bfdbfe);
  color: var(--blue-700, #1d4ed8);
}
.message-atom--variant-default.message-atom--severity-info .p-message .p-message-icon {
  color: var(--blue-500, #3b82f6);
}
.message-atom--variant-default.message-atom--severity-warn .p-message {
  background: var(--yellow-50, #fefce8);
  border: 1px solid var(--yellow-200, #fef08a);
  color: var(--yellow-700, #a16207);
}
.message-atom--variant-default.message-atom--severity-warn .p-message .p-message-icon {
  color: var(--yellow-500, #eab308);
}
.message-atom--variant-default.message-atom--severity-error .p-message {
  background: var(--red-50, #fef2f2);
  border: 1px solid var(--red-200, #fecaca);
  color: var(--red-700, #b91c1c);
}
.message-atom--variant-default.message-atom--severity-error .p-message .p-message-icon {
  color: var(--red-500, #ef4444);
}
.message-atom--variant-outlined.message-atom--severity-success .p-message {
  background: transparent;
  border: 2px solid var(--green-500, #22c55e);
  color: var(--green-600, #16a34a);
}
.message-atom--variant-outlined.message-atom--severity-success .p-message .p-message-icon {
  color: var(--green-500, #22c55e);
}
.message-atom--variant-outlined.message-atom--severity-info .p-message {
  background: transparent;
  border: 2px solid var(--blue-500, #3b82f6);
  color: var(--blue-600, #2563eb);
}
.message-atom--variant-outlined.message-atom--severity-info .p-message .p-message-icon {
  color: var(--blue-500, #3b82f6);
}
.message-atom--variant-outlined.message-atom--severity-warn .p-message {
  background: transparent;
  border: 2px solid var(--yellow-500, #eab308);
  color: var(--yellow-600, #ca8a04);
}
.message-atom--variant-outlined.message-atom--severity-warn .p-message .p-message-icon {
  color: var(--yellow-500, #eab308);
}
.message-atom--variant-outlined.message-atom--severity-error .p-message {
  background: transparent;
  border: 2px solid var(--red-500, #ef4444);
  color: var(--red-600, #dc2626);
}
.message-atom--variant-outlined.message-atom--severity-error .p-message .p-message-icon {
  color: var(--red-500, #ef4444);
}
.message-atom--variant-filled.message-atom--severity-success .p-message {
  background: var(--green-500, #22c55e);
  border: none;
  color: #fff;
}
.message-atom--variant-filled.message-atom--severity-success .p-message .p-message-icon {
  color: #fff;
}
.message-atom--variant-filled.message-atom--severity-info .p-message {
  background: var(--blue-500, #3b82f6);
  border: none;
  color: #fff;
}
.message-atom--variant-filled.message-atom--severity-info .p-message .p-message-icon {
  color: #fff;
}
.message-atom--variant-filled.message-atom--severity-warn .p-message {
  background: var(--yellow-500, #eab308);
  border: none;
  color: var(--yellow-900, #713f12);
}
.message-atom--variant-filled.message-atom--severity-warn .p-message .p-message-icon {
  color: var(--yellow-900, #713f12);
}
.message-atom--variant-filled.message-atom--severity-error .p-message {
  background: var(--red-500, #ef4444);
  border: none;
  color: #fff;
}
.message-atom--variant-filled.message-atom--severity-error .p-message .p-message-icon {
  color: #fff;
}
.message-atom__dismiss {
  position: absolute;
  top: 50%;
  right: var(--spacing-sm, 0.5rem);
  transform: translateY(-50%);
  background: none;
  border: none;
  cursor: pointer;
  padding: var(--spacing-xs, 0.25rem);
  color: inherit;
  opacity: 0.7;
  transition: opacity 0.2s ease;
}
.message-atom__dismiss:hover {
  opacity: 1;
}
.message-atom__dismiss i {
  font-size: var(--font-size-sm, 0.875rem);
}
.message-atom--dismissible .p-message .p-message-wrapper {
  padding-right: var(--spacing-2xl, 2rem);
}
[data-theme=dark] .message-atom--variant-default.message-atom--severity-success .p-message {
  background: rgba(34, 197, 94, 0.15);
  border-color: rgba(34, 197, 94, 0.3);
  color: var(--green-400, #4ade80);
}
[data-theme=dark] .message-atom--variant-default.message-atom--severity-info .p-message {
  background: rgba(59, 130, 246, 0.15);
  border-color: rgba(59, 130, 246, 0.3);
  color: var(--blue-400, #60a5fa);
}
[data-theme=dark] .message-atom--variant-default.message-atom--severity-warn .p-message {
  background: rgba(234, 179, 8, 0.15);
  border-color: rgba(234, 179, 8, 0.3);
  color: var(--yellow-400, #facc15);
}
[data-theme=dark] .message-atom--variant-default.message-atom--severity-error .p-message {
  background: rgba(239, 68, 68, 0.15);
  border-color: rgba(239, 68, 68, 0.3);
  color: var(--red-400, #f87171);
}
/**
 * SpinnerAtom.scss
 *
 * Styles for the SpinnerAtom component using design system tokens.
 */
.spinner-atom {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-sm, 0.5rem);
}
.spinner-atom--size-small .spinner-atom__label {
  font-size: var(--font-size-xs, 0.75rem);
}
.spinner-atom--size-normal .spinner-atom__label {
  font-size: var(--font-size-sm, 0.875rem);
}
.spinner-atom--size-large .spinner-atom__label {
  font-size: var(--font-size-base, 1rem);
}
.spinner-atom--variant-default .p-progress-spinner-circle {
  stroke: var(--primary-color, #3b82f6);
}
.spinner-atom--variant-primary .p-progress-spinner-circle {
  stroke: var(--primary-color, #3b82f6);
}
.spinner-atom--variant-secondary .p-progress-spinner-circle {
  stroke: var(--text-color-secondary, #666);
}
.spinner-atom__label {
  color: var(--text-color-secondary, #666);
  text-align: center;
  margin-top: var(--spacing-xs, 0.25rem);
}
.spinner-atom .p-progress-spinner {
  display: flex;
  align-items: center;
  justify-content: center;
}
.spinner-atom .p-progress-spinner-svg {
  width: 100%;
  height: 100%;
}
.spinner-atom .p-progress-spinner-circle {
  stroke-linecap: round;
  animation: p-progress-spinner-dash 1.5s ease-in-out infinite, p-progress-spinner-color 6s ease-in-out infinite;
}
[data-theme=dark] .spinner-atom__label {
  color: var(--text-color-secondary, #aaa);
}
[data-theme=dark] .spinner-atom--variant-secondary .p-progress-spinner-circle {
  stroke: var(--text-color-secondary, #aaa);
}
.spinner-atom--variant-default .p-progress-spinner-circle,
.spinner-atom--variant-primary .p-progress-spinner-circle {
  animation: p-progress-spinner-dash 1.5s ease-in-out infinite;
}
@keyframes p-progress-spinner-dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -35px;
  }
  100% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -124px;
  }
}
/**
 * DividerAtom.scss
 *
 * Styles for the DividerAtom component using design system tokens.
 */
.divider-atom--layout-horizontal::before, .divider-atom--layout-horizontal::after {
  border-top-width: 1px;
}
.divider-atom--layout-horizontal.divider-atom--variant-default::before, .divider-atom--layout-horizontal.divider-atom--variant-default::after {
  border-color: var(--surface-border, #ddd);
}
.divider-atom--layout-horizontal.divider-atom--variant-subtle::before, .divider-atom--layout-horizontal.divider-atom--variant-subtle::after {
  border-color: var(--surface-100, #f5f5f5);
}
.divider-atom--layout-horizontal.divider-atom--variant-strong::before, .divider-atom--layout-horizontal.divider-atom--variant-strong::after {
  border-color: var(--surface-400, #999);
}
.divider-atom--layout-vertical::before, .divider-atom--layout-vertical::after {
  border-left-width: 1px;
}
.divider-atom--layout-vertical.divider-atom--variant-default::before, .divider-atom--layout-vertical.divider-atom--variant-default::after {
  border-color: var(--surface-border, #ddd);
}
.divider-atom--layout-vertical.divider-atom--variant-subtle::before, .divider-atom--layout-vertical.divider-atom--variant-subtle::after {
  border-color: var(--surface-100, #f5f5f5);
}
.divider-atom--layout-vertical.divider-atom--variant-strong::before, .divider-atom--layout-vertical.divider-atom--variant-strong::after {
  border-color: var(--surface-400, #999);
}
.divider-atom--type-solid::before, .divider-atom--type-solid::after {
  border-style: solid;
}
.divider-atom--type-dashed::before, .divider-atom--type-dashed::after {
  border-style: dashed;
}
.divider-atom--type-dotted::before, .divider-atom--type-dotted::after {
  border-style: dotted;
}
.divider-atom .p-divider-content {
  background-color: var(--surface-ground, #fff);
  color: var(--text-color-secondary, #666);
  font-size: var(--font-size-sm, 0.875rem);
  padding: 0 var(--spacing-sm, 0.5rem);
}
.divider-atom.p-divider-horizontal {
  margin: var(--spacing-md, 0.75rem) 0;
}
.divider-atom.p-divider-vertical {
  margin: 0 var(--spacing-md, 0.75rem);
}
[data-theme=dark] .divider-atom--variant-default::before, [data-theme=dark] .divider-atom--variant-default::after {
  border-color: var(--surface-border, #444);
}
[data-theme=dark] .divider-atom--variant-subtle::before, [data-theme=dark] .divider-atom--variant-subtle::after {
  border-color: var(--surface-200, #333);
}
[data-theme=dark] .divider-atom--variant-strong::before, [data-theme=dark] .divider-atom--variant-strong::after {
  border-color: var(--surface-400, #666);
}
[data-theme=dark] .divider-atom .p-divider-content {
  background-color: var(--surface-ground, #121212);
  color: var(--text-color-secondary, #aaa);
}
/**
 * DropdownAtom.scss
 *
 * Styles for the DropdownAtom component using design system tokens.
 * Matches the styling from single-select-dropdown for consistency.
 */
.dropdown-atom {
  width: 100%;
  padding: 0 10px 0 0;
  border-radius: 20px;
  border: var(--primary-border);
  background: var(--component-background);
  box-shadow: 2px 2px 10px 0px rgba(74, 100, 126, 0.2) inset;
}
.dropdown-atom .p-dropdown-label {
  color: var(--primary-text-color, #4a6d98);
  font-size: var(--font-size-base, 14px);
  font-family: var(--font-family);
  font-weight: 500;
  padding: 0.5rem 0.75rem;
}
.dropdown-atom .p-dropdown-trigger {
  color: var(--secondary-color, #5fa0df);
  border-radius: 0 20px 20px 0;
}
.dropdown-atom:focus-within, .dropdown-atom.p-focus {
  outline: none;
  border-color: var(--secondary-color, #26a3e3);
  box-shadow: 0 0 0 2px rgba(38, 163, 227, 0.2), 2px 2px 10px 0px rgba(74, 100, 126, 0.2) inset;
}
.dropdown-atom:not(.p-disabled):hover {
  border-color: var(--secondary-color, #26a3e3);
}
.dropdown-atom.p-disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
.dropdown-atom--size-small .p-dropdown-label {
  font-size: var(--font-size-sm, 0.875rem);
  padding: var(--spacing-xs, 0.25rem) var(--spacing-sm, 0.5rem);
}
.dropdown-atom--size-normal .p-dropdown-label {
  font-size: var(--font-size-base, 1rem);
  padding: var(--spacing-sm, 0.5rem) var(--spacing-md, 0.75rem);
}
.dropdown-atom--size-large .p-dropdown-label {
  font-size: var(--font-size-lg, 1.125rem);
  padding: var(--spacing-sm, 0.5rem) var(--spacing-md, 0.75rem);
}
.dropdown-atom--variant-outlined {
  background: transparent;
  border-width: 2px;
}
.dropdown-atom--variant-filled {
  background: var(--Search-input-box, var(--surface-100, #f5f5f5));
  border-color: transparent;
}
.dropdown-atom--variant-filled:not(.p-disabled):hover {
  background: var(--surface-200, #eee);
}
.dropdown-atom--variant-filled:focus-within, .dropdown-atom--variant-filled.p-focus {
  background: var(--component-background);
  border-color: var(--secondary-color, #26a3e3);
}
.dropdown-atom-panel {
  border-radius: 0 0 20px 20px;
  background: var(--component-background, #f5fbff);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
.dropdown-atom-panel .p-dropdown-header {
  border-bottom: 1px solid var(--primary-border-color, #e5e7eb);
  border-radius: 20px 20px 0 0;
  background: var(--component-background);
}
.dropdown-atom-panel .p-dropdown-header .p-dropdown-filter {
  border-radius: 0;
  border: var(--primary-border);
  box-shadow: 2px 2px 10px 0px rgba(74, 100, 126, 0.2) inset;
  background: var(--component-background-gradient);
}
.dropdown-atom-panel .p-dropdown-items-wrapper {
  border-radius: 0 0 20px 20px;
}
.dropdown-atom-panel .p-dropdown-items {
  padding-top: 3px;
  box-shadow: 0px -2px 7px 2px rgba(116, 139, 157, 0.2) inset;
}
.dropdown-atom-panel .p-dropdown-items .p-dropdown-item {
  font-size: var(--font-size-base, 14px);
  font-family: var(--font-family);
  font-weight: 400;
  color: var(--primary-text-color, #4a6d98);
  margin-bottom: 3px;
  background: var(--component-background);
}
.dropdown-atom-panel .p-dropdown-items .p-dropdown-item:hover {
  background: var(--surface-hover, #f5f5f5);
}
.dropdown-atom-panel .p-dropdown-items .p-dropdown-item.p-highlight {
  background: var(--primary-50, #e3f2fd);
}
.dropdown-atom-panel .p-dropdown-empty-message {
  font-family: var(--font-family);
  color: var(--text-color-secondary, #64748b);
}
[data-theme=dark] .dropdown-atom {
  background: var(--component-background);
  box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.3) inset;
}
[data-theme=dark] .dropdown-atom .p-dropdown-label {
  color: var(--primary-text-color);
}
[data-theme=dark] .dropdown-atom .p-dropdown-trigger {
  color: var(--secondary-color, #5fa0df);
}
[data-theme=dark] .dropdown-atom:focus-within, [data-theme=dark] .dropdown-atom.p-focus {
  box-shadow: 0 0 0 2px rgba(38, 163, 227, 0.3), 2px 2px 10px 0px rgba(0, 0, 0, 0.3) inset;
}
[data-theme=dark] .dropdown-atom--variant-filled {
  background: var(--surface-100, #2a2a2a);
}
[data-theme=dark] .dropdown-atom--variant-filled:not(.p-disabled):hover {
  background: var(--surface-200, #333);
}
[data-theme=dark] .dropdown-atom-panel {
  background: var(--body-background);
}
[data-theme=dark] .dropdown-atom-panel .p-dropdown-header .p-dropdown-filter {
  background: var(--body-background);
  color: var(--primary-text-color);
}
[data-theme=dark] .dropdown-atom-panel .p-dropdown-items-wrapper {
  background: var(--body-background);
}
[data-theme=dark] .dropdown-atom-panel .p-dropdown-items {
  background: var(--body-background);
}
[data-theme=dark] .dropdown-atom-panel .p-dropdown-items .p-dropdown-item {
  color: var(--primary-text-color);
}
[data-theme=dark] .dropdown-atom-panel .p-dropdown-items .p-dropdown-item:hover {
  background: var(--surface-hover, #323248);
}
[data-theme=dark] .dropdown-atom-panel .p-dropdown-items .p-dropdown-item.p-highlight {
  background: var(--primary-900, #3d3d5c);
}
/**
 * AccordionAtom.scss
 *
 * Styles for the AccordionAtom component using design system tokens.
 */
.accordion-atom--variant-default .p-accordion-header .p-accordion-header-link {
  background: var(--surface-ground, #fff);
  border: 1px solid var(--surface-border, #ddd);
  border-radius: var(--border-radius, 6px);
  color: var(--text-color, #333);
  padding: var(--spacing-sm, 0.5rem) var(--spacing-md, 0.75rem);
  font-weight: var(--font-weight-medium, 500);
  transition: background-color 0.2s, border-color 0.2s;
}
.accordion-atom--variant-default .p-accordion-header .p-accordion-header-link:hover {
  background: var(--surface-hover, #f5f5f5);
  border-color: var(--primary-color, #3b82f6);
}
.accordion-atom--variant-default .p-accordion-header .p-accordion-header-link:focus {
  box-shadow: 0 0 0 2px var(--primary-100, rgba(59, 130, 246, 0.2));
}
.accordion-atom--variant-default .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link {
  background: var(--primary-50, #eff6ff);
  border-color: var(--primary-color, #3b82f6);
  color: var(--primary-color, #3b82f6);
}
.accordion-atom--variant-default .p-accordion-content {
  background: var(--surface-ground, #fff);
  border: 1px solid var(--surface-border, #ddd);
  border-top: 0;
  border-radius: 0 0 var(--border-radius, 6px) var(--border-radius, 6px);
  padding: var(--spacing-md, 0.75rem);
  color: var(--text-color, #333);
}
.accordion-atom--variant-bordered .p-accordion-header .p-accordion-header-link {
  background: transparent;
  border: 2px solid var(--surface-border, #ddd);
  border-radius: var(--border-radius, 6px);
  color: var(--text-color, #333);
  padding: var(--spacing-sm, 0.5rem) var(--spacing-md, 0.75rem);
  font-weight: var(--font-weight-medium, 500);
}
.accordion-atom--variant-bordered .p-accordion-header .p-accordion-header-link:hover {
  border-color: var(--primary-color, #3b82f6);
}
.accordion-atom--variant-bordered .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link {
  border-color: var(--primary-color, #3b82f6);
  color: var(--primary-color, #3b82f6);
}
.accordion-atom--variant-bordered .p-accordion-content {
  background: transparent;
  border: 2px solid var(--surface-border, #ddd);
  border-top: 0;
  border-radius: 0 0 var(--border-radius, 6px) var(--border-radius, 6px);
  padding: var(--spacing-md, 0.75rem);
}
.accordion-atom--variant-filled .p-accordion-header .p-accordion-header-link {
  background: var(--surface-100, #f5f5f5);
  border: none;
  border-radius: var(--border-radius, 6px);
  color: var(--text-color, #333);
  padding: var(--spacing-sm, 0.5rem) var(--spacing-md, 0.75rem);
  font-weight: var(--font-weight-medium, 500);
}
.accordion-atom--variant-filled .p-accordion-header .p-accordion-header-link:hover {
  background: var(--surface-200, #eee);
}
.accordion-atom--variant-filled .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link {
  background: var(--primary-100, #dbeafe);
  color: var(--primary-color, #3b82f6);
}
.accordion-atom--variant-filled .p-accordion-content {
  background: var(--surface-50, #fafafa);
  border: none;
  border-radius: 0 0 var(--border-radius, 6px) var(--border-radius, 6px);
  padding: var(--spacing-md, 0.75rem);
}
.accordion-atom .p-accordion-tab {
  margin-bottom: var(--spacing-sm, 0.5rem);
}
.accordion-atom .p-accordion-tab:last-child {
  margin-bottom: 0;
}
[data-theme=dark] .accordion-atom--variant-default .p-accordion-header .p-accordion-header-link {
  background: var(--surface-card, #1e1e1e);
  border-color: var(--surface-border, #444);
  color: var(--text-color, #f0f0f0);
}
[data-theme=dark] .accordion-atom--variant-default .p-accordion-header .p-accordion-header-link:hover {
  background: var(--surface-hover, #2a2a2a);
}
[data-theme=dark] .accordion-atom--variant-default .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link {
  background: rgba(59, 130, 246, 0.15);
}
[data-theme=dark] .accordion-atom--variant-default .p-accordion-content {
  background: var(--surface-card, #1e1e1e);
  border-color: var(--surface-border, #444);
  color: var(--text-color, #f0f0f0);
}
[data-theme=dark] .accordion-atom--variant-bordered .p-accordion-header .p-accordion-header-link {
  color: var(--text-color, #f0f0f0);
}
[data-theme=dark] .accordion-atom--variant-bordered .p-accordion-content {
  color: var(--text-color, #f0f0f0);
}
[data-theme=dark] .accordion-atom--variant-filled .p-accordion-header .p-accordion-header-link {
  background: var(--surface-100, #2a2a2a);
  color: var(--text-color, #f0f0f0);
}
[data-theme=dark] .accordion-atom--variant-filled .p-accordion-header .p-accordion-header-link:hover {
  background: var(--surface-200, #333);
}
[data-theme=dark] .accordion-atom--variant-filled .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link {
  background: rgba(59, 130, 246, 0.2);
}
[data-theme=dark] .accordion-atom--variant-filled .p-accordion-content {
  background: var(--surface-50, #1a1a1a);
  color: var(--text-color, #f0f0f0);
}
/**
 * ScrollPanelAtom.scss
 *
 * Styles for the ScrollPanelAtom component using design system tokens.
 */
.scroll-panel-atom {
  width: 100%;
  height: 100%;
}
.scroll-panel-atom--variant-default .p-scrollpanel-bar {
  background: var(--surface-300, #ccc);
  border-radius: var(--border-radius, 6px);
  opacity: 0.7;
  transition: opacity 0.2s;
}
.scroll-panel-atom--variant-default .p-scrollpanel-bar:hover {
  opacity: 1;
  background: var(--surface-400, #999);
}
.scroll-panel-atom--variant-default .p-scrollpanel-bar-y {
  width: 8px;
}
.scroll-panel-atom--variant-default .p-scrollpanel-bar-x {
  height: 8px;
}
.scroll-panel-atom--variant-thin .p-scrollpanel-bar {
  background: var(--surface-300, #ccc);
  border-radius: 2px;
  opacity: 0.5;
  transition: opacity 0.2s, width 0.2s, height 0.2s;
}
.scroll-panel-atom--variant-thin .p-scrollpanel-bar:hover {
  opacity: 1;
  background: var(--surface-400, #999);
}
.scroll-panel-atom--variant-thin .p-scrollpanel-bar-y {
  width: 4px;
}
.scroll-panel-atom--variant-thin .p-scrollpanel-bar-y:hover {
  width: 8px;
}
.scroll-panel-atom--variant-thin .p-scrollpanel-bar-x {
  height: 4px;
}
.scroll-panel-atom--variant-thin .p-scrollpanel-bar-x:hover {
  height: 8px;
}
.scroll-panel-atom--variant-hidden .p-scrollpanel-bar {
  background: var(--surface-300, #ccc);
  border-radius: var(--border-radius, 6px);
  opacity: 0;
  transition: opacity 0.2s;
}
.scroll-panel-atom--variant-hidden:hover .p-scrollpanel-bar {
  opacity: 0.7;
}
.scroll-panel-atom--variant-hidden:hover .p-scrollpanel-bar:hover {
  opacity: 1;
  background: var(--surface-400, #999);
}
.scroll-panel-atom--variant-hidden .p-scrollpanel-bar-y {
  width: 8px;
}
.scroll-panel-atom--variant-hidden .p-scrollpanel-bar-x {
  height: 8px;
}
.scroll-panel-atom .p-scrollpanel-content {
  padding-right: var(--spacing-sm, 0.5rem);
}
[data-theme=dark] .scroll-panel-atom .p-scrollpanel-bar {
  background: var(--surface-500, #555);
}
[data-theme=dark] .scroll-panel-atom .p-scrollpanel-bar:hover {
  background: var(--surface-400, #666);
}
/* SegmentedControlAtom.scss */
.segmented-control {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.segmented-control__buttons {
  display: inline-flex;
  border: none;
  padding: 0;
  margin: 0;
}
.segmented-control {
  /* Visually hide the actual radio/checkbox inputs */
}
.segmented-control__input {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
  pointer-events: none;
}
.segmented-control {
  /* Strip variant: connected buttons */
}
.segmented-control--strip .segmented-control__buttons {
  border: 1px solid var(--surface-border, #dee2e6);
  border-radius: var(--border-radius, 6px);
  overflow: hidden;
}
.segmented-control--strip .segmented-control__button {
  border: none;
  border-right: 1px solid var(--surface-border, #dee2e6);
  border-radius: 0;
  margin: 0;
}
.segmented-control--strip .segmented-control__button:last-child {
  border-right: none;
}
.segmented-control {
  /* Pills variant: separated buttons with individual borders */
}
.segmented-control--pills .segmented-control__buttons {
  gap: 0.5rem;
}
.segmented-control--pills .segmented-control__button {
  border: 1px solid var(--surface-border, #dee2e6);
  border-radius: var(--border-radius, 6px);
}
.segmented-control {
  /* Button base styles */
}
.segmented-control__button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.375rem;
  padding: 0.5rem 0.75rem;
  background: var(--surface-card, #ffffff);
  color: var(--text-color, #495057);
  font-size: 0.875rem;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.15s ease;
  white-space: nowrap;
}
.segmented-control__button:hover:not(.segmented-control__button--disabled):not(.segmented-control__button--selected) {
  background: var(--surface-hover, #f8f9fa);
}
.segmented-control__button:focus-within {
  outline: 2px solid var(--primary-color, #3b82f6);
  outline-offset: -2px;
  z-index: 1;
}
.segmented-control__button--selected {
  background: var(--primary-color, #3b82f6);
  color: var(--primary-color-text, #ffffff);
}
.segmented-control__button--disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.segmented-control__button i {
  font-size: 0.875rem;
}
.segmented-control {
  /* Size variants */
}
.segmented-control--small .segmented-control__button {
  padding: 0.25rem 0.5rem;
  font-size: 0.75rem;
}
.segmented-control--small .segmented-control__button i {
  font-size: 0.75rem;
}
.segmented-control--large .segmented-control__button {
  padding: 0.75rem 1rem;
  font-size: 1rem;
}
.segmented-control--large .segmented-control__button i {
  font-size: 1rem;
}
.segmented-control {
  /* Error state */
}
.segmented-control--error .segmented-control__buttons {
  border-color: var(--red-500, #ef4444);
}
.segmented-control--error.segmented-control--pills .segmented-control__button {
  border-color: var(--red-500, #ef4444);
}
.segmented-control__errors {
  margin: 0;
  padding: 0 0 0 1rem;
  font-size: 0.75rem;
  color: var(--red-500, #ef4444);
  list-style: disc;
}
.segmented-control {
  /* Dark mode support */
}
[data-theme=dark] .segmented-control__button {
  background: var(--surface-card, #1e1e1e);
  color: var(--text-color, #e0e0e0);
}
[data-theme=dark] .segmented-control__button:hover:not([data-theme=dark] .segmented-control__button--disabled):not([data-theme=dark] .segmented-control__button--selected) {
  background: var(--surface-hover, #2a2a2a);
}
[data-theme=dark] .segmented-control__button--selected {
  background: var(--primary-color, #60a5fa);
  color: var(--primary-color-text, #000000);
}
.level-pills {
  display: inline-flex;
  gap: 0;
}
.level-pills .button-atom + .button-atom {
  margin-left: -1px;
}
.date-navigator {
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-xxs, 4px);
}
.date-navigator__window-label {
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--primary-text-color);
  padding: 0 var(--spacing-xs);
  white-space: nowrap;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
@charset "UTF-8";
/* src/app/components/atoms/Chip/PrimeChip.scss */
.prime-chip-wrapper {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0; /* adjust to taste */
  /* style the PrimeReact chip container */
}
.prime-chip-wrapper .p-chip {
  background: var(--component-background);
  border: 2px solid #26A3E3;
  border-radius: 20px;
}
[data-theme=dark] .prime-chip-wrapper .p-chip {
  border: 2px solid #2D3748;
  color: var(--primary-text-color);
}
.prime-chip-wrapper .p-chip {
  padding: 0.25rem 0.75rem;
  font-size: 14px;
  color: #062C58;
  /* smooth add/remove transitions */
  transition: opacity 0.3s ease, transform 0.3s ease;
}
.prime-chip-wrapper {
  /* optional “pulsing” modifier on the chip itself */
}
.prime-chip-wrapper .p-chip.pulsing {
  animation: pulse 1s infinite;
}
.prime-chip-wrapper {
  /* the icon inside the chip */
}
.prime-chip-wrapper .p-chip-icon {
  margin-right: 0.5rem;
  font-size: 1rem;
  vertical-align: middle;
}
.prime-chip-wrapper {
  /* the text inside the chip */
}
.prime-chip-wrapper .p-chip-text {
  vertical-align: middle;
  line-height: 1.2;
}
@keyframes pulse {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  50% {
    transform: scale(1.05);
    opacity: 0.8;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
.selection-bar {
  display: flex;
  align-items: center;
  gap: var(--spacing-sm, 12px);
  padding: var(--spacing-sm, 12px) var(--spacing-md, 16px);
  border-top: 1px solid var(--primary-border);
  background: var(--component-background);
}
.selection-bar__chips {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-xxs, 4px);
  flex: 1;
  overflow-x: auto;
  min-width: 0;
}
.selection-bar__chips .p-chip {
  font-size: 13px;
  font-family: Manrope, sans-serif;
}
.selection-bar__actions {
  display: flex;
  align-items: center;
  gap: var(--spacing-xs, 8px);
  flex-shrink: 0;
}
.selection-bar__actions .p-button {
  font-family: Manrope, sans-serif;
  font-size: 13px;
  font-weight: 600;
}
[data-theme=dark] .selection-bar {
  background: #161625;
  border-top-color: rgba(255, 255, 255, 0.1);
}
[data-theme=dark] .selection-bar .p-chip {
  background: #1E1E2F;
  color: var(--primary-text-color, #e0e0e0);
  border: 1px solid rgba(255, 255, 255, 0.1);
}
[data-theme=dark] .selection-bar .p-chip .p-chip-remove-icon {
  color: var(--secondary-text-color, #9ca3af);
}
[data-theme=dark] .selection-bar .p-chip .p-chip-remove-icon:hover {
  color: var(--primary-text-color, #e0e0e0);
}
/**
 * ConfirmDialogAtom.scss
 *
 * Styles for the ConfirmDialogAtom component using design system tokens.
 */
.confirm-dialog-atom.p-dialog {
  border-radius: var(--border-radius, 6px);
  box-shadow: var(--shadow-lg, 0 10px 15px -3px rgba(0, 0, 0, 0.1));
  max-width: 450px;
}
.confirm-dialog-atom.p-dialog .p-dialog-header {
  background: var(--bkg-components, linear-gradient(358deg, #e4f0fa 13.23%, #f2f9fe 97.17%));
  border-bottom: 1px solid rgba(55, 127, 196, 0.15);
  padding: var(--spacing-md, 0.75rem) var(--spacing-lg, 1rem);
  border-radius: var(--border-radius, 6px) var(--border-radius, 6px) 0 0;
}
[data-theme=dark] .confirm-dialog-atom.p-dialog .p-dialog-header {
  background: #2c2c3e;
  border-bottom-color: rgba(255, 255, 255, 0.1);
}
.confirm-dialog-atom.p-dialog .p-dialog-header .p-dialog-title {
  color: var(--primary-text-color) !important;
  font-weight: 600;
  font-size: 1.125rem;
}
.confirm-dialog-atom.p-dialog .p-dialog-header .p-dialog-header-icon {
  color: var(--secondary-text-color);
}
.confirm-dialog-atom.p-dialog .p-dialog-header .p-dialog-header-icon:hover {
  color: var(--primary-text-color);
}
.confirm-dialog-atom.p-dialog .p-dialog-content {
  background: var(--bkg-components, linear-gradient(358deg, #e4f0fa 13.23%, #f2f9fe 97.17%));
  padding: var(--spacing-lg, 1rem);
  color: var(--primary-text-color);
}
[data-theme=dark] .confirm-dialog-atom.p-dialog .p-dialog-content {
  background: var(--bkg-components, #1e1e2e);
}
.confirm-dialog-atom.p-dialog .p-dialog-content .p-confirm-dialog-icon {
  font-size: 2rem;
  margin-right: var(--spacing-md, 0.75rem);
}
.confirm-dialog-atom.p-dialog .p-dialog-content .p-confirm-dialog-message {
  color: var(--primary-text-color) !important;
  line-height: 1.5;
}
.confirm-dialog-atom.p-dialog .p-dialog-footer {
  background: rgba(55, 127, 196, 0.08);
  border-top: 1px solid rgba(55, 127, 196, 0.15);
  padding: var(--spacing-sm, 0.5rem) var(--spacing-lg, 1rem);
}
[data-theme=dark] .confirm-dialog-atom.p-dialog .p-dialog-footer {
  background: rgba(55, 127, 196, 0.12);
  border-top-color: rgba(55, 127, 196, 0.2);
}
.confirm-dialog-atom.p-dialog .p-dialog-footer {
  border-radius: 0 0 var(--border-radius, 6px) var(--border-radius, 6px);
  display: flex;
  justify-content: flex-end;
  gap: var(--spacing-sm, 0.5rem);
}
.confirm-dialog-atom--variant-default .p-confirm-dialog-icon {
  color: var(--primary-color, #3b82f6);
}
.confirm-dialog-atom--variant-danger .p-confirm-dialog-icon {
  color: var(--red-500, #ef4444);
}
.confirm-dialog-atom--variant-warning .p-confirm-dialog-icon {
  color: var(--yellow-500, #eab308);
}
.mention-popover {
  background: var(--component-background);
  border: 1px solid var(--surface-border, #e0e0e0);
}
[data-theme=dark] .mention-popover {
  border: 1px solid #2d3748;
}
.mention-popover {
  border-radius: 6px;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.12);
  z-index: 20;
  min-width: 280px;
  max-width: 280px;
  overflow-y: auto;
  position: absolute;
  padding: 0px;
}
.mention-item {
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding: 6px 8px;
  cursor: pointer;
  border-bottom: 1px solid var(--secondary-color, #26a3e3);
  border-top: none;
  border-left: none;
  border-right: none;
  width: 100%;
  background: var(--component-background);
  color: var(--primary-text-color);
}
.mention-item:last-child {
  border-bottom: none;
}
.mention-item:hover {
  background: var(--hover-background);
}
.mention-primary {
  font-weight: 400;
  color: var(--secondary-text-color);
}
.mention-secondary {
  font-size: 12px;
  opacity: 0.7;
}
@charset "UTF-8";
/* src/components/atoms/avatar/sphere-avatar.scss */
/* Wrapper for Avatar and Badge */
.sphere-avatar-wrapper {
  position: relative;
  display: inline-flex;
  align-items: center;
}
.sphere-avatar-wrapper--with-status {
  gap: 2px;
}
.sphere-avatar-wrapper .sphere-avatar-badge {
  position: absolute;
  bottom: 0;
  right: 0;
  transform: translate(25%, 25%);
  /* Adjust positioning as needed */
}
/* Sparkle status indicator */
.sphere-avatar-sparkle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  line-height: 0;
  position: relative;
  z-index: 10;
}
.sphere-avatar-sparkle--xsmall {
  margin-right: 2px;
}
.sphere-avatar-sparkle--small {
  margin-right: 2px;
}
.sphere-avatar-sparkle--medium, .sphere-avatar-sparkle--large, .sphere-avatar-sparkle--xlarge {
  margin-right: 4px;
}
.sphere-avatar-sparkle--clickable {
  cursor: pointer;
  border-radius: 4px;
  transition: background-color 0.2s ease;
  z-index: 20;
  /* Reset button default styles */
  background: none;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  color: inherit;
}
.sphere-avatar-sparkle--clickable:hover {
  background-color: rgba(0, 0, 0, 0.1);
}
.sphere-avatar-sparkle--clickable:focus {
  outline: 2px solid var(--focus-ring-color, #377FC4);
  outline-offset: 2px;
}
.sphere-avatar-sparkle--clickable:focus:not(:focus-visible) {
  outline: none;
}
.sphere-avatar-sparkle--clickable:focus-visible {
  outline: 2px solid var(--focus-ring-color, #377FC4);
  outline-offset: 2px;
}
/* Custom Styles for SphereAvatar */
.sphere-avatar {
  /* Background Color Override */
  font-family: var(--font-family);
  /* Ensuring the content is centered */
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  background-color: transparent;
  position: relative;
  top: 4px;
  margin-right: 5px;
  /* Initials Styling — sized per avatar variant for 2-char initials */
}
.sphere-avatar .p-avatar-text {
  font-size: 0.65rem;
  color: var(--surface-0, #ffffff);
  font-family: var(--font-family);
  font-weight: 600;
  text-align: center;
  line-height: 1;
  letter-spacing: 0.02em;
}
.sphere-avatar {
  /* Icon Styling */
}
.sphere-avatar .p-avatar-icon {
  color: var(--surface-0, #ffffff);
}
.sphere-avatar {
  /* Image Styling */
}
.sphere-avatar .p-avatar-image {
  -o-object-fit: cover;
     object-fit: cover; /* Ensures the image covers the avatar without distortion */
}
.sphere-avatar {
  /* Size Modifiers */
}
.sphere-avatar.xsmall {
  width: 14px !important;
  height: 14px !important;
  top: 2px;
  margin-right: 3px;
}
.sphere-avatar.xsmall .p-avatar-text {
  font-size: 0.4rem;
}
.sphere-avatar.small {
  width: 24px !important;
  height: 24px !important;
}
.sphere-avatar.small .p-avatar-text {
  font-size: 0.6rem;
}
.sphere-avatar.medium {
  width: 30px !important;
  height: 30px !important;
}
.sphere-avatar.medium .p-avatar-text {
  font-size: 0.7rem;
}
.sphere-avatar.large {
  width: 40px !important;
  height: 40px !important;
}
.sphere-avatar.large .p-avatar-text {
  font-size: 0.85rem;
}
.sphere-avatar.xlarge {
  width: 60px !important;
  height: 60px !important;
}
.sphere-avatar.xlarge .p-avatar-text {
  font-size: 1.2rem;
}
.sphere-avatar {
  /* Shape Modifiers */
}
.sphere-avatar.circle {
  border-radius: 50% !important;
}
.sphere-avatar.square {
  border-radius: 5px !important; /* Adjust as needed */
}
.custom-avatar-icon {
  width: 20px;
  height: 20px;
  position: relative;
  margin-right: 5px;
  top: 4px;
}
.custom-avatar-icon.xsmall {
  width: 14px !important;
  height: 14px !important;
  top: 2px;
  margin-right: 3px;
}
/* Dark mode overrides */
[data-theme=dark] .sphere-avatar {
  /* Lighten deterministic bg colors for dark mode readability */
}
[data-theme=dark] .sphere-avatar[style*=background-color] {
  filter: brightness(1.25);
}
[data-theme=dark] .sphere-avatar-sparkle--clickable:hover {
  background-color: rgba(255, 255, 255, 0.1);
}
/* Light theme overrides */
:root:not([data-theme=dark]) {
  /* PrimeReact p-avatar applies a dark surface background by default —
     override to transparent so the breadcrumb chip disappears on light bg */
}
:root:not([data-theme=dark]) .sphere-avatar.p-avatar,
:root:not([data-theme=dark]) .sphere-avatar .p-avatar,
:root:not([data-theme=dark]) .custom-avatar-icon.p-avatar,
:root:not([data-theme=dark]) .custom-avatar-icon .p-avatar {
  background-color: transparent !important;
}
:root:not([data-theme=dark]) {
  /* Avatar initials and icon — dark navy for readability on light backgrounds */
}
:root:not([data-theme=dark]) .sphere-avatar .p-avatar-text {
  color: #0f2a46;
}
:root:not([data-theme=dark]) .sphere-avatar .p-avatar-icon {
  color: #0f2a46;
}
:root:not([data-theme=dark]) {
  /* Deterministic bg colours — slightly darken instead of brighten */
}
:root:not([data-theme=dark]) .sphere-avatar[style*=background-color] {
  filter: brightness(0.9) saturate(0.85);
}
:root:not([data-theme=dark]) .sphere-avatar-sparkle--clickable:hover {
  background-color: rgba(15, 42, 70, 0.08);
}
.thread-context {
  margin-bottom: 1rem;
  position: sticky;
  top: 0;
  z-index: 10;
}
.thread-context .thread-context-card {
  background: var(--component-background-gradient);
  border-radius: 0px 0px 20px 20px;
  overflow: hidden;
}
.thread-context .thread-context-card .p-card-body {
  padding: 0;
}
.thread-context .thread-context-card .p-card-content {
  padding: 0;
}
.thread-context .thread-context-header {
  display: flex;
  align-items: center;
  padding: 12px 16px;
  background: var(--primary-50, #e3f2fd);
  border-bottom: var(--primary-border);
}
.thread-context .thread-context-details {
  padding: 12px 16px;
  display: flex;
  flex-direction: row;
  gap: 12px;
}
.thread-context .context-item {
  display: flex;
  align-items: center;
  gap: 10px;
}
.thread-context .context-item .context-avatar,
.thread-context .context-item .context-icon {
  flex-shrink: 0;
}
.thread-context .context-item .context-avatar .metaspace-icon,
.thread-context .context-item .context-icon .metaspace-icon {
  height: 30px;
  width: 30px;
  margin-top: 5px;
}
.thread-context .context-item .context-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  color: var(--text-color-secondary, #6c757d);
  font-size: 12px;
}
.thread-context .context-item .context-content {
  flex: 1;
  min-width: 0;
}
.thread-context .context-item .context-content .context-label {
  font-size: 11px;
  font-weight: 500;
  color: var(--secondary-text-color);
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-bottom: 2px;
  line-height: 1;
}
.thread-context .context-item .context-content .context-value {
  font-size: 13px;
  color: var(--secondary-text-color);
  font-weight: 500;
  line-height: 1.2;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.thread-context.compact {
  margin-bottom: 0.5rem;
}
.thread-context.compact .thread-context-header {
  padding: 8px 12px;
  background: var(--component-background-gradient);
}
.thread-context.compact .thread-context-header .thread-context-subtitle {
  font-size: 11px;
}
.thread-context.compact .thread-context-details {
  padding: 8px 12px;
  gap: 20px;
}
.thread-context.compact .thread-context-details .thread-context-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 25px;
  height: 25px;
  background: var(--primary-color, #2196f3);
  color: white;
  border-radius: 50%;
  font-size: 14px;
}
.thread-context.compact .thread-context-details .thread-context-info {
  flex: 1;
}
.thread-context.compact .thread-context-details .thread-context-info .thread-context-title {
  font-weight: 600;
  font-size: 14px;
  color: var(--primary-800, #1565c0);
  margin: 0;
  line-height: 1.2;
}
.thread-context.compact .thread-context-details .thread-context-info .thread-context-subtitle {
  font-size: 12px;
  color: var(--primary-600, #1976d2);
  margin: 2px 0 0 0;
  line-height: 1.2;
}
.thread-context.compact .context-item {
  gap: 8px;
}
.thread-context.compact .context-item .context-icon {
  width: 27px;
  height: 24px;
  font-size: 11px;
}
.thread-context.compact .context-item .context-content .context-label {
  font-size: 10px;
}
.thread-context.compact .context-item .context-content .context-value {
  font-size: 12px;
}
.urgency-pill {
  position: absolute;
  left: 0;
  top: 100%;
  margin-top: 6px;
  background: var(--component-background);
  border: 2px solid #dde8f0;
}
.urgency-pill [data-theme=dark] {
  border-right: 2px solid #ffffff;
}
.urgency-pill {
  border-radius: 25px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15);
  height: 35px;
  color: var(--primary-text-color);
  z-index: 9999;
  display: flex;
  align-items: center;
  font-size: var(--primary-font);
  padding: 0 10px;
}
.urgency-pill .urgency-item {
  cursor: pointer;
  display: flex;
  align-items: center;
  padding: 6px 12px;
  border-right: 3px solid #dde8f0;
}
.urgency-pill .urgency-item [data-theme=dark] {
  border-right: 3px solid #ffffff;
}
.urgency-pill .urgency-item:hover {
  background-color: var(--hover-background);
}
.urgency-pill .urgency-item:first-child {
  border-radius: 25px 0px 0px 25px;
}
.urgency-pill .urgency-item:last-child {
  border-right: none;
  border-radius: 0px 25px 25px 0px;
}
.urgency-pill .urgency-item--selected {
  background-color: #1e5a99;
  color: #ffffff !important;
  font-weight: 600;
}
.urgency-pill .urgency-item--selected:hover {
  background-color: #2a5f92;
}
[data-theme=dark] .urgency-pill .urgency-item--selected {
  background-color: #4a8fd6;
}
@media (max-width: 500px) {
  .urgency-pill .urgency-item {
    background: var(--component-background);
    border: 3px solid #dde8f0;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15);
    border-bottom: none;
  }
  .urgency-pill .urgency-item:first-child {
    border-radius: 25px 25px 0px 0px;
  }
  .urgency-pill .urgency-item:last-child {
    border-radius: 0px 0px 25px 25px;
    border-bottom: 3px solid #dde8f0;
    border-right: 3px solid #dde8f0;
  }
}
@media (max-width: 500px) {
  [data-theme=dark] .urgency-pill .urgency-item {
    border-color: #2d3748;
  }
  [data-theme=dark] .urgency-pill .urgency-item:last-child {
    border-bottom-color: #2d3748;
    border-right: 3px solid #2d3748;
  }
}
@media (max-width: 500px) {
  .urgency-pill {
    max-width: 200px;
    font-size: 12px;
    display: flow;
    background: none;
    border: none;
    border-radius: 0px;
    box-shadow: none;
  }
}
.multi-urgency-pill {
  position: absolute;
  left: 0;
  top: 100%;
  margin-top: 6px;
  background: var(--component-background);
  border: 1px solid var(--border-color, #dde8f0);
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  color: var(--primary-text-color);
  z-index: 9999;
  min-width: 280px;
  padding: 12px;
}
.multi-urgency-pill .multi-urgency-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 8px;
}
.multi-urgency-pill .multi-urgency-header .header-label {
  font-size: var(--font-size-sm, 12px);
  color: var(--secondary-text-color, #6c757d);
  font-weight: 500;
}
.multi-urgency-pill .multi-urgency-header .header-value {
  display: flex;
  align-items: center;
  gap: 6px;
  font-weight: 600;
}
.multi-urgency-pill .multi-urgency-header .header-value .urgency-text {
  font-size: var(--font-size-sm, 12px);
}
.multi-urgency-pill .multi-urgency-divider {
  height: 1px;
  background: var(--border-color, #dde8f0);
  margin: 8px 0;
}
.multi-urgency-pill .multi-urgency-perspectives {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.multi-urgency-pill .multi-urgency-perspectives .perspective-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 4px 0;
}
.multi-urgency-pill .multi-urgency-perspectives .perspective-row .perspective-name {
  font-size: var(--font-size-sm, 12px);
  color: var(--primary-text-color);
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-right: 12px;
}
.multi-urgency-pill .multi-urgency-perspectives .perspective-row .perspective-urgency-selector {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 4px 8px;
  border: 1px solid var(--border-color, #dde8f0);
  border-radius: 4px;
  cursor: pointer;
  position: relative;
  min-width: 70px;
  justify-content: space-between;
}
.multi-urgency-pill .multi-urgency-perspectives .perspective-row .perspective-urgency-selector:hover {
  background: var(--hover-background, #f5f5f5);
}
.multi-urgency-pill .multi-urgency-perspectives .perspective-row .perspective-urgency-selector .urgency-value {
  font-size: var(--font-size-sm, 12px);
  font-weight: 500;
}
.multi-urgency-pill .multi-urgency-perspectives .perspective-row .perspective-urgency-selector .dropdown-icon {
  font-size: 10px;
  color: var(--secondary-text-color, #6c757d);
}
.multi-urgency-pill .multi-urgency-perspectives .perspective-row .perspective-urgency-selector .urgency-dropdown {
  position: absolute;
  top: 100%;
  right: 0;
  margin-top: 4px;
  background: var(--component-background);
  border: 1px solid var(--border-color, #dde8f0);
  border-radius: 4px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  z-index: 10000;
  min-width: 120px;
}
.multi-urgency-pill .multi-urgency-perspectives .perspective-row .perspective-urgency-selector .urgency-dropdown .urgency-option {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  cursor: pointer;
  font-size: var(--font-size-sm, 12px);
}
.multi-urgency-pill .multi-urgency-perspectives .perspective-row .perspective-urgency-selector .urgency-dropdown .urgency-option:hover {
  background: var(--hover-background, #f5f5f5);
}
.multi-urgency-pill .multi-urgency-perspectives .perspective-row .perspective-urgency-selector .urgency-dropdown .urgency-option.selected {
  background: var(--selected-background, #e3f2fd);
}
.multi-urgency-pill .multi-urgency-perspectives .perspective-row .perspective-urgency-selector .urgency-dropdown .urgency-option:first-child {
  border-radius: 4px 4px 0 0;
}
.multi-urgency-pill .multi-urgency-perspectives .perspective-row .perspective-urgency-selector .urgency-dropdown .urgency-option:last-child {
  border-radius: 0 0 4px 4px;
}
/* Dark theme support */
[data-theme=dark] .multi-urgency-pill {
  border-color: var(--dark-border-color, #404040);
}
[data-theme=dark] .multi-urgency-pill .multi-urgency-divider {
  background: var(--dark-border-color, #404040);
}
[data-theme=dark] .multi-urgency-pill .perspective-urgency-selector {
  border-color: var(--dark-border-color, #404040);
}
[data-theme=dark] .multi-urgency-pill .perspective-urgency-selector:hover {
  background: var(--dark-hover-background, #2a2a2a);
}
[data-theme=dark] .multi-urgency-pill .perspective-urgency-selector .urgency-dropdown {
  border-color: var(--dark-border-color, #404040);
}
[data-theme=dark] .multi-urgency-pill .perspective-urgency-selector .urgency-dropdown .urgency-option:hover {
  background: var(--dark-hover-background, #2a2a2a);
}
[data-theme=dark] .multi-urgency-pill .perspective-urgency-selector .urgency-dropdown .urgency-option.selected {
  background: var(--dark-selected-background, #1a3a5c);
}
.edit-pill {
  position: absolute;
  right: 0;
  top: 100%; /* Just below the icon */
  margin-top: 6px;
  background: var(--component-background);
  border: 3px solid #dde8f0;
}
[data-theme=dark] .edit-pill {
  border: 3px solid #2d3748;
}
.edit-pill {
  border-radius: 25px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15);
  z-index: 9999;
  display: flex;
  align-items: stretch;
  font-size: var(--primary-font);
  padding: 0 10px;
  height: 45px;
  /* Initial hidden state */
  opacity: 0;
  transform: translateY(-10px);
  transition: opacity 0.3s ease, transform 0.3s ease;
}
@media (max-width: 500px) {
  .edit-pill {
    display: flow;
    border-radius: 0px;
    border: none !important;
    padding-left: 0px;
    padding-right: 0px;
    background: none;
    box-shadow: none;
  }
}
.edit-pill.visible {
  opacity: 1;
  transform: translateY(0);
}
.edit-pill.edit-pill--above {
  top: auto;
  bottom: 100%;
  margin-top: 0;
  margin-bottom: 6px;
  transform: translateY(10px);
}
.edit-pill.edit-pill--above.visible {
  transform: translateY(0);
}
@media (max-width: 500px) {
  .edit-pill.edit-pill--above {
    bottom: calc(-150% + 150px);
    top: auto;
    display: flex;
    flex-direction: column;
  }
}
.edit-pill .edit-item:first-child {
  border-radius: 25px 0px 0px 25px;
}
@media (max-width: 500px) {
  .edit-pill .edit-item:first-child {
    border-radius: 25px 25px 0px 0px;
  }
}
.edit-pill .edit-item:last-child {
  border-radius: 0px 25px 25px 0px;
}
@media (max-width: 500px) {
  .edit-pill .edit-item:last-child {
    border-radius: 0px 0px 25px 25px;
    border: 3px solid #dde8f0;
  }
}
.edit-pill .edit-item {
  cursor: pointer;
  display: flex;
  align-items: center;
  padding: 6px 12px;
  height: 100%;
  /* Subtle separator line between items */
  border-right: 3px solid #dde8f0;
}
[data-theme=dark] .edit-pill .edit-item {
  border-right: 3px solid #2d3748;
  border-bottom: 0px;
}
.edit-pill .edit-item {
  /* Optional: add a hover effect */
}
.edit-pill .edit-item:hover {
  background-color: #ededed;
}
[data-theme=dark] .edit-pill .edit-item:hover {
  background: #323248;
}
.edit-pill .edit-item:last-child {
  border-right: none; /* remove border for the final item */
}
@media (max-width: 500px) {
  .edit-pill .edit-item:last-child {
    border: 3px solid #dde8f0;
  }
  [data-theme=dark] .edit-pill .edit-item:last-child {
    border: 3px solid #2d3748;
  }
}
@media (max-width: 500px) {
  .edit-pill .edit-item {
    background: var(--component-background);
    border: 3px solid #dde8f0;
    border-bottom: 0px;
  }
  [data-theme=dark] .edit-pill .edit-item {
    border: 3px solid #2d3748;
    border-bottom: 0px;
  }
}
.p-dropdown {
  padding: 0px 10px 0px 0px;
  border-radius: 20px;
  border: var(--primary-border);
  box-shadow: 2px 2px 10px 0px rgba(74, 100, 126, 0.2) inset;
  width: 50px;
}

.p-dropdown-label {
  color: #4a6d98;
}

.p-inputtext {
  font-size: var(--primary-font);
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  font-family: var(--font-family);
}

.p-dropdown .p-dropdown-trigger {
  color: var(--interactive-icon-color, #5fa0df);
}

.p-dropdown-filter-container > .p-inputtext {
  border-radius: 0px;
  border: var(--primary-border);
  box-shadow: 2px 2px 10px 0px rgba(74, 100, 126, 0.2) inset;
  background: var(--user-bg, linear-gradient(359deg, #f5fbff -34.86%, #f2f9fe -34.84%, #eff5fa 99.41%, #fafdff 125.39%));
}

[data-theme=dark] .p-dropdown-filter-container > .p-inputtext {
  background: #1e1e2f;
  color: #ffffff;
}

/* When the nearby toggle is enabled, add extra left padding to the filter input */

.nearby-toggle-enabled .p-dropdown-filter-container > .p-inputtext {
  padding-left: 30px !important;
}

.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight {
  background: #e3f2fd;
}

[data-theme=dark] .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight {
  background: #3d3d5c;
}

.p-dropdown-panel .p-dropdown-items .p-dropdown-item:hover {
  background: #f5f5f5;
}

[data-theme=dark] .p-dropdown-panel .p-dropdown-items .p-dropdown-item:hover {
  background: #323248;
}

.p-dropdown-panel .p-dropdown-items .p-dropdown-item {
  font-size: var(--primary-font);
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  color: #4a6d98;
  font-family: var(--font-family);
  align-items: center;
  align-self: stretch;
}

.p-dropdown-panel .p-dropdown-items {
  padding-top: 3px;
  box-shadow: 0px -2px 7px 2px rgba(116, 139, 157, 0.2) inset;
}

[data-theme=dark] .p-dropdown-panel .p-dropdown-items {
  background: var(--body-background);
}

.p-dropdown:focus-within {
  box-shadow: 0px 0px 2px 3px #bfdbfe;
}

.p-dropdown-items-wrapper {
  border-radius: 0px 0px 20px 20px;
}

[data-theme=dark] .p-dropdown-items-wrapper {
  background: var(--body-background);
}

.p-dropdown-panel {
  border-radius: 0px 0px 20px 20px;
  background: #f5fbff;
}

[data-theme=dark] .p-dropdown-panel {
  background: var(--body-background);
}

.p-dropdown-panel {
  gap: 1px;
  width: 290px;
}

.p-dropdown-header {
  border-bottom: 1px solid var(--inputList-header-borderColor, #e5e7eb);
  border-radius: 20px 20px 0 0 !important;
  background: var(--Color, #fff);
}

.p-dropdown-header .p-dropdown-filter-container .toggle-button-container {
  position: absolute;
  left: 0px;
  top: 48%;
  transform: translateY(-50%);
}

.p-dropdown-header .p-dropdown-filter-container .toggle-button-container .toggle-button {
  width: 40px !important;
  height: 25px !important;
}

.p-dropdown-header .p-dropdown-filter-container .toggle-button-container .toggle-button .p-button .p-button-label {
  font-size: var(--secondary-font);
}

.p-dropdown-empty-message {
  font-family: var(--font-family);
}

.p-dropdown-filter-icon {
  color: #4a6d98;
}

.p-dropdown-panel.single-select-dropdown .p-dropdown-items .p-dropdown-item {
  margin-bottom: 3px !important;
  background: var(--component-background);
}

.dropdown-item {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
}

.dropdown-item__center {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-left: auto;
  padding-left: 12px;
  border-left: 1px solid var(--border-color, rgba(0, 0, 0, 0.1));
  opacity: 0.8;
}

[data-theme=dark] .dropdown-item__center {
  border-left-color: rgba(255, 255, 255, 0.15);
}

.dropdown-item__center-name {
  font-size: var(--secondary-font, 12px);
  color: var(--secondary-text-color, #666);
  max-width: 120px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

[data-theme=dark] .dropdown-item__center-name {
  color: var(--secondary-text-color, #a0a0a0);
}
@charset "UTF-8";
.identity-circle {
  background: linear-gradient(180deg, #407ac6 0%, #1f3b60 94%);
  border: var(--primary-border);
}
.user-icon {
  background-image: url('data:image/svg+xml,<svg width="26" height="26" viewBox="0 0 26 26" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="user-circle-single--circle-geometric-human-person-single-user" clip-path="url(%23clip0_2402_17088)"><g id="user-circle-single--circle-geometric-human-person-single-user_2"><path id="Vector" d="M12.9998 14.8571C15.564 14.8571 17.6426 12.7784 17.6426 10.2143C17.6426 7.65009 15.564 5.57141 12.9998 5.57141C10.4356 5.57141 8.35693 7.65009 8.35693 10.2143C8.35693 12.7784 10.4356 14.8571 12.9998 14.8571Z" stroke="white" stroke-linecap="round" stroke-linejoin="round"/><path id="Vector_2" d="M5.06982 22.1C5.89856 20.7397 7.0633 19.6154 8.45207 18.8354C9.84084 18.0551 11.4069 17.6454 12.9998 17.6454C14.5927 17.6454 16.1588 18.0551 17.5476 18.8354C18.9364 19.6154 20.101 20.7397 20.9299 22.1" stroke="white" stroke-linecap="round" stroke-linejoin="round"/><path id="Vector_3" d="M12.9999 25.0714C19.6669 25.0714 25.0713 19.667 25.0713 13C25.0713 6.33315 19.6669 0.928589 12.9999 0.928589C6.33303 0.928589 0.928467 6.33315 0.928467 13C0.928467 19.667 6.33303 25.0714 12.9999 25.0714Z" stroke="white" stroke-linecap="round" stroke-linejoin="round"/></g></g><defs><clipPath id="clip0_2402_17088"><rect width="26" height="26" fill="white"/></clipPath></defs></svg>');
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  width: 26px;
  height: 26px;
}
.user-profile-icon {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" fill="none"><g clip-path="url(%23clip0_2289_73331)"><path d="M17.1759 13.4023V15.918C17.1759 16.2516 17.0433 16.5716 16.8074 16.8074C16.5716 17.0433 16.2516 17.1759 15.918 17.1759H13.4023" stroke="white" stroke-linecap="round" stroke-linejoin="round"/><path d="M13.4023 0.823975H15.918C16.2516 0.823975 16.5716 0.956497 16.8074 1.19239C17.0433 1.42828 17.1759 1.74821 17.1759 2.08181V4.59749" stroke="white" stroke-linecap="round" stroke-linejoin="round"/><path d="M0.823975 4.59749V2.08181C0.823975 1.74821 0.956497 1.42828 1.19239 1.19239C1.42828 0.956497 1.74821 0.823975 2.08181 0.823975H4.59749" stroke="white" stroke-linecap="round" stroke-linejoin="round"/><path d="M4.59749 17.1759H2.08181C1.74821 17.1759 1.42828 17.0433 1.19239 16.8074C0.956497 16.5716 0.823975 16.2516 0.823975 15.918V13.4023" stroke="white" stroke-linecap="round" stroke-linejoin="round"/><path d="M8.99955 8.37093C10.3889 8.37093 11.5152 7.24463 11.5152 5.85527C11.5152 4.46591 10.3889 3.3396 8.99955 3.3396C7.61018 3.3396 6.48389 4.46591 6.48389 5.85527C6.48389 7.24463 7.61018 8.37093 8.99955 8.37093Z" stroke="white" stroke-linecap="round" stroke-linejoin="round"/><path d="M13.7841 14.0315C13.4591 13.018 12.8207 12.1341 11.961 11.507C11.1013 10.8798 10.0646 10.5419 9.00042 10.5419C7.93625 10.5419 6.89958 10.8798 6.03985 11.507C5.18011 12.1341 4.54176 13.018 4.2168 14.0315H13.7841Z" stroke="white" stroke-linecap="round" stroke-linejoin="round"/></g><defs><clipPath id="clip0_2289_73331"><rect width="17.6098" height="17.6098" fill="white" transform="translate(0.195068 0.195068)"/></clipPath></defs></svg>');
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  width: 32px;
  height: 32px;
}
.identity-dropdown .p-dropdown {
  padding: 0 0 0 10px !important;
  width: 100%;
}
.identity-item {
  font-family: var(--font-family);
  display: flex;
  align-items: center;
}
.identity-item .sphere-avatar {
  margin-right: 5px;
  background-color: #fff;
}
.avatar-container {
  position: relative;
  width: 32px;
  height: 32px;
}
.avatar-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
}
.avatar-image,
.avatar-placeholder {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
}
.avatar-placeholder {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #ccc; /* Adjust as needed */
}
.avatar-placeholder i.pi-user {
  color: #fff;
  font-size: var(--sub-heading-font);
}
.camera-overlay {
  opacity: 0;
  transition: opacity 0.3s;
  position: absolute;
  top: 4px;
  left: 4px;
  width: 24px;
  height: 24px;
  background-color: rgba(0, 0, 0, 0.4); /* Semi-transparent overlay */
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  pointer-events: none;
}
.camera-overlay i.pi-camera {
  color: #fff;
  font-size: var(--sub-heading-font);
  opacity: 0.8;
  right: 0;
}
.avatar-wrapper:hover .camera-overlay {
  opacity: 1;
}
.side-menu {
  position: absolute;
  top: -19px;
  left: calc(100% + 37px);
  width: 148px;
  z-index: 1000;
  border-radius: 20px !important;
  border: var(--primary-border) !important;
  box-shadow: 2px 2px 10px rgba(74, 100, 126, 0.2) inset;
  padding: 0.1rem 0;
}
.side-menu .p-menu-list {
  padding: 0;
  margin: 0;
}
.side-menu .p-menuitem {
  font-size: var(--secondary-font);
}
.side-menu .p-menuitem .p-menuitem-link {
  display: flex;
  align-items: center;
  padding: 8px 12px;
}
.side-menu .p-menuitem .p-menuitem-link .p-menuitem-icon {
  font-size: var(--sub-heading-font);
  margin-right: 8px;
}
.side-menu .p-menuitem .p-menuitem-link .p-menuitem-text {
  font-size: var(--secondary-font);
}
.side-menu .p-menuitem .p-menuitem-link .p-menuitem-text:hover {
  color: #26a3e3;
}
.side-menu .p-menuitem .p-menuitem-link .pi-sign-out {
  display: inline-block;
  transform: translateX(0);
  opacity: 1;
  transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out;
}
.side-menu .p-menuitem .p-menuitem-link .pi-sign-out:hover {
  transform: translateX(50px);
  opacity: 0;
}
.side-menu .p-menuitem:not(.p-highlight):not(.p-disabled) .p-menuitem-content:hover {
  background: none !important;
}
.identity-dropdown {
  display: inline-block;
  flex-shrink: 0; /* Prevent shrinking */
}
/* Constrain identity at ≤1920px to prevent overflow */
@media (max-width: 1920px) {
  .identity-dropdown {
    max-width: 480px; /* Reduced to minimize flicker - still fits all icons */
  }
}
/* Further constraint for laptop viewports */
@media (max-width: 1600px) {
  .identity-dropdown {
    max-width: 440px; /* Slightly reduce but still fit all icons */
  }
}
.identity-dropdown-container {
  display: flex;
  align-items: center;
  border: var(--primary-border);
  border-radius: 20px;
  height: 36px;
  box-shadow: 0 0 10px rgba(255, 255, 255, 0.9) inset;
  overflow: visible; /* Changed to visible to prevent icon clipping */
  transition: width 0.2s ease-out;
  will-change: width; /* Optimize width transitions */
}
/* Keep avatar circular by clipping only the avatar wrapper */
.identity-dropdown-container .avatar-container {
  overflow: hidden;
  border-radius: 50%;
}
.identity-dropdown-container > * {
  flex: 0 0 auto;
}
.cog-icon-container,
.logout-icon-container,
.theme-container {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  font: inherit;
  color: inherit;
  text-align: left;
  box-shadow: 2px 2px 10px 0px rgba(74, 100, 126, 0.2) inset;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--component-background);
  cursor: pointer;
  height: 100%;
  width: -moz-max-content;
  width: max-content;
  padding: 0 10px;
  position: relative;
  overflow: visible;
}
@media (max-width: 500px) {
  .cog-icon-container,
  .theme-container {
    display: none;
  }
}
.avatar-container {
  box-shadow: 2px 2px 10px 0px rgba(74, 100, 126, 0.2) inset;
  position: relative;
  width: 32px;
  height: 33px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  padding: 0; /* Remove padding to prevent shifting */
}
.favorite-icon-container {
  box-shadow: 2px 2px 10px 0px rgba(74, 100, 126, 0.2) inset;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--component-background);
  cursor: pointer;
  height: 33px; /* Match height of other icons */
  width: 32px;
  border-left: 2px solid var(--primary-border); /* Border only on the container */
}
@media (max-width: 500px) {
  .favorite-icon-container {
    display: none;
  }
}
.favorite-icon-container .user-identity-star .icon {
  width: 22px; /* Smaller width for the star */
  height: 22px; /* Smaller height for the star */
}
.favorite-icon-container .user-identity-star .star-path {
  stroke-width: 1.2; /* Adjust stroke width for consistency */
  color: #377fc4;
}
.favorite-icon-container .icon {
  width: 18px; /* Adjust icon size */
  height: 18px;
}
.favorite-icon-container .star-path {
  stroke: #377fc4; /* Default stroke color */
}
.favorite-icon-container.selected .star-path {
  fill: #ffd700; /* Gold color for selected */
  stroke: #ffa500; /* Darker gold stroke */
}
.notification-bell-container,
.cog-icon-container,
.logout-icon-container,
.theme-container {
  border-left: var(--primary-border);
}
.notification-bell-container .pi-sun,
.cog-icon-container .pi-sun,
.logout-icon-container .pi-sun,
.theme-container .pi-sun {
  color: #377fc4;
}
.notification-bell-container {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 33px;
  width: 32px;
  cursor: pointer;
  box-shadow: 2px 2px 10px 0px rgba(74, 100, 126, 0.2) inset;
  background: var(--component-background);
}
.logout-icon-container {
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
}
.avatar-image,
.identity-circle {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
}
.identity-circle {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
}
.identity-circle .p-button-label {
  margin: 0 !important;
}
.avatar-image {
  -o-object-fit: cover;
     object-fit: cover;
}
.identity-dropdown-container .p-dropdown {
  flex: 1 1 auto;
  border: none;
  height: 100%;
  border-radius: 0; /* Remove border-radius */
  background: var(--component-background);
}
/* Remove background and border-radius from the dropdown panel */
.identity-dropdown-container .p-dropdown .p-dropdown-panel {
  background-color: #fff; /* Set background color for the dropdown panel if needed */
  border-radius: 0; /* Remove border-radius */
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15); /* Optional: Adjust box-shadow */
}
.identity-dropdown-container .p-dropdown .p-dropdown-label {
  display: flex;
  align-items: center;
  padding: 0 1em;
  height: 100%;
  background-color: transparent; /* Remove background color */
  border-radius: 0; /* Remove border-radius */
}
.identity-dropdown-container .p-dropdown .p-dropdown-trigger {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  background-color: transparent; /* Remove background color */
  border-radius: 0; /* Remove border-radius */
}
.identity-dropdown-container .p-dropdown .p-dropdown-trigger-icon::before {
  content: none;
}
.identity-dropdown-container .p-dropdown .p-dropdown-trigger-icon {
  color: #377fc4;
  font-size: 18px;
}
/* Adjust padding and margins */
.identity-dropdown-container .p-dropdown .p-dropdown-label,
.identity-dropdown-container .p-dropdown .p-dropdown-trigger {
  margin: 0;
  padding: 0;
}
/* Override focus styles to maintain background and box shadow */
.identity-dropdown-container .p-dropdown:focus,
.identity-dropdown-container .p-dropdown.p-focus {
  background-color: transparent !important; /* Keep the background transparent */
  box-shadow: 0 0 10px rgba(255, 255, 255, 0.9) inset !important; /* Maintain your custom box shadow */
}
.cog-icon-container i.pi-cog,
.logout-icon-container i.pi-sign-out,
.theme-container i.pi-moon {
  color: #377fc4;
  font-size: 18px;
}
.identity-item {
  font-family: var(--font-family);
  color: var(--primary-text-color);
}
/* Hide the dropdown label and adjust width in collapsed state */
.collapsed-dropdown .p-dropdown-label {
  display: none !important;
}
.collapsed-dropdown .p-dropdown-label-container {
  display: none !important;
}
.identity-dropdown .collapsed-dropdown {
  width: 32px; /* Match the size of the avatar */
  padding: 0 !important; /* Remove any padding */
}
.collapsed-dropdown .p-dropdown-trigger {
  width: 32px; /* Match the size of the avatar */
  justify-content: center; /* Center the arrow */
}
.collapsed-dropdown .p-dropdown-trigger .p-dropdown-trigger-icon {
  font-size: var(--sub-heading-font); /* Adjust the size of the arrow icon if needed */
}
/* Upload Avatar Dialog Styling */
.upload-avatar-dialog .p-dialog {
  border-radius: 20px;
  border: var(--primary-border);
  background: var(--component-background);
  box-shadow: 2px 2px 10px rgba(74, 100, 126, 0.2);
}
.upload-avatar-dialog .p-dialog-header {
  border-bottom: var(--primary-border);
  background: var(--component-background);
  font-family: var(--font-family);
  color: var(--primary-text-color);
  padding: 1rem 1.5rem;
  border-radius: 20px 20px 0 0;
}
.upload-avatar-dialog .p-dialog-content {
  background: var(--component-background);
  padding: 1.5rem;
  color: var(--primary-text-color);
  font-family: var(--font-family);
}
.upload-avatar-dialog .p-fileupload {
  border-radius: 20px;
  border: var(--primary-border);
  background: var(--component-background);
  font-family: var(--font-family);
}
.upload-avatar-dialog .p-fileupload-buttonbar {
  background: var(--component-background);
  border-bottom: var(--primary-border);
  padding: 1rem;
  border-radius: 20px 20px 0 0;
}
.upload-avatar-dialog .p-fileupload-content {
  background: var(--component-background);
  border-radius: 0 0 20px 20px;
  padding: 1rem;
}
.upload-avatar-dialog .p-button {
  border-radius: 20px;
  border: var(--primary-border);
  background: var(--component-background);
  color: var(--primary-text-color);
  font-family: var(--font-family);
  font-size: var(--secondary-font);
  box-shadow: 2px 2px 10px rgba(74, 100, 126, 0.2) inset;
}
.upload-avatar-dialog .p-button:hover:not(:disabled) {
  background: var(--component-background);
  border-color: #377fc4;
}
.upload-avatar-dialog .p-button:focus {
  box-shadow: 0 0 0 0.2rem rgba(55, 127, 196, 0.25);
}
.upload-avatar-dialog .p-fileupload-choose:not(.p-disabled):hover {
  background: var(--component-background);
  border-color: #377fc4;
}
.favorite-selector-icon {
  display: inline-block;
  width: 24px;
  height: 24px;
  cursor: pointer;
}
.favorite-selector-icon .icon {
  width: 100%;
  height: 100%;
}
.favorite-selector-icon .star-path {
  fill: none;
  stroke: #ffd700;
  stroke-width: 1.5;
  stroke-linecap: round;
  stroke-linejoin: round;
  transition: fill 0.2s, stroke 0.2s;
}
.favorite-selector-icon.selected .star-path {
  fill: #ffd700;
  stroke: #ffa500;
}
@charset "UTF-8";
@media (max-width: 500px) {
  .custom-sphere-dropdown-panel {
    max-width: 400px !important;
  }
  .sphere-dropdown .p-dropdown {
    padding: 0px;
  }
}
/* user-sphere.scss */
/* Existing Styles */
.sphere-dropdown .p-dropdown {
  padding: 0px 10px 0px 10px !important;
  background: transparent;
  border: none;
  box-shadow: none;
}
.sphere-item-value:hover {
  color: #5fa0df;
}
.sub-sphere-item {
  padding-left: 20px;
}
.sub-item {
  font-size: 0.95em;
}
.sphere-item-value {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 30rem;
  transition: max-width 0.15s ease-out; /* Faster compression to stay ahead of identity expansion */
  will-change: max-width; /* Optimize transition */
}
/* Compress breadcrumb only when identity is expanded at ≤1920px */
@media (max-width: 1920px) {
  .nav-bar-row:has(.identity-dropdown-container .favorite-icon-container) .sphere-item-value {
    max-width: 13rem;
  }
}
/* Further compression for laptop viewports */
@media (max-width: 1600px) {
  .nav-bar-row:has(.identity-dropdown-container .favorite-icon-container) .sphere-item-value {
    max-width: 11rem;
  }
}
.sphere-item-value .breadcrumb-link {
  cursor: pointer;
  color: var(--primary-text-color);
  background: no-repeat;
  border: none;
  font-family: var(--font-family);
  padding: 1px 0px 1px 0px;
  font-size: var(--primary-font);
  /* Customize as needed */
}
.sphere-item-value .breadcrumb-link i {
  display: inline-block;
  width: 18px;
  height: 18px;
  margin-right: 5px;
  vertical-align: text-top;
  position: relative;
  top: 1px;
}
.sphere-item-value .breadcrumb-link:hover {
  color: #26a3e3;
  /* Customize hover color */
  text-decoration: underline;
}
.custom-spinner svg .p-progress-spinner-circle {
  stroke-dasharray: 89, 200;
  stroke-dashoffset: 0;
  stroke: #16a34a;
  /* Set to your desired color */
  animation: p-progress-spinner-dash 1.5s ease-in-out infinite !important;
  /* Removed color animation */
  stroke-linecap: round;
}
.bold {
  font-weight: bold;
}
.toggle-icon-padding {
  color: #377fc4;
}
.avatar-name-container {
  display: flex;
  align-items: center;
  gap: 0px; /* Space between the avatar and the name */
}
.avatar-name-container .sphere-avatar {
  margin-right: 5px;
  background-color: var(--component-background);
}
[data-theme=dark] .avatar-name-container .sphere-avatar {
  background-color: var(--no-background);
}
.avatar-name-container .sphere-avatar {
  width: 24px;
  height: 24px;
  position: initial;
}
.sphere-name {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 30rem; /* Adjust as needed */
  transition: max-width 0.15s ease-out; /* Faster compression to stay ahead of identity expansion */
  will-change: max-width; /* Optimize transition */
  margin-left: 8px;
  position: relative;
  top: -6px;
}
/* Compress sphere name only when identity is expanded at ≤1920px */
@media (max-width: 1920px) {
  .nav-bar-row:has(.identity-dropdown-container .favorite-icon-container) .sphere-name {
    max-width: 13rem;
  }
}
/* Further compression for laptop viewports */
@media (max-width: 1600px) {
  .nav-bar-row:has(.identity-dropdown-container .favorite-icon-container) .sphere-name {
    max-width: 11rem;
  }
}
/* Custom Styles for the ChipAtom */
.perspective-chip .p-chip {
  display: inline-flex; /* Ensure inline behavior */
  align-items: center; /* Vertically center content */
  font-size: var(--secondary-font) !important; /* Override font size */
  border-radius: 16px;
  border: 1px solid #5fa0df;
  color: var(--primary-text-color);
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  background: transparent;
  margin: 0px; /* Adjust spacing as needed */
}
.perspective-chip .p-chip .p-chip-label {
  font-size: 8px !important; /* Specifically target the label */
}
.perspective-chip .p-chip .p-chip-icon {
  font-size: 8px !important;
}
/* New Styles for Flex Layout */
.sphere-dropdown {
  display: flex;
  align-items: center; /* Vertically center the items */
  gap: 10px; /* Space between items */
  flex-wrap: wrap; /* Allow wrapping if space is limited */
}
.main-Ellipsis {
  border-radius: 10px;
  border: 0.75px solid var(--Focus-new, rgba(38, 163, 227, 0.3));
  background: #fff;
  display: flex !important;
  width: 17px;
  height: 8px;
  justify-content: center;
  align-items: end !important;
  margin-right: 5px;
  position: relative;
  bottom: 10px;
}
[data-theme=dark] .main-Ellipsis {
  background: var(--background-transparent);
  border: 0.75px solid #ffffff;
}
.main-Ellipsis .level-dot {
  color: var(--secondary-color, #26a3e3);
  text-align: center;
  font-size: var(--primary-font);
  font-style: normal;
  font-weight: 400;
  line-height: 14px;
  display: flex;
  width: 13.065px;
  height: 15px;
  flex-direction: column;
  justify-content: center;
  flex-shrink: 0;
}
[data-theme=dark] .main-Ellipsis .level-dot {
  color: #ffffff;
}
.toggle-icon-placeholder {
  display: inline-block;
  width: 20px;
  height: 16px;
}
.search-bar {
  display: flex;
  align-items: center;
  gap: var(--spacing-xs, 8px);
  width: 100%;
  border-radius: var(--border-radius-pill, 20px);
  border: var(--primary-border);
  box-shadow: 2px 2px 10px 0px rgba(74, 100, 126, 0.1) inset;
  background: var(--input-background, #fff);
  padding: 0 var(--spacing-xs, 8px);
}
[data-theme=dark] .search-bar {
  background: var(--component-background);
  border-color: var(--primary-border-dark, #3a3a5c);
}
.search-bar:focus-within {
  border-color: var(--secondary-color, #26a3e3);
}
.search-bar__icon {
  color: var(--interactive-icon-color, #5fa0df);
  font-size: var(--secondary-font);
  flex-shrink: 0;
  padding-left: var(--spacing-xxs, 4px);
}
[data-theme=dark] .search-bar__icon {
  color: var(--primary-text-color);
}
.search-bar__input {
  flex: 1;
  border: none !important;
  box-shadow: none !important;
  background: transparent !important;
  font-family: var(--font-family);
  font-size: var(--secondary-font);
  padding: var(--spacing-xs, 8px) var(--spacing-xxs, 4px);
  color: var(--primary-text-color);
  outline: none;
  min-width: 0;
}
[data-theme=dark] .search-bar__input {
  color: var(--primary-text-color);
}
.search-bar__input::-moz-placeholder {
  color: var(--secondary-text-color, #8899a8);
}
.search-bar__input::placeholder {
  color: var(--secondary-text-color, #8899a8);
}
.search-bar__clear {
  display: flex;
  align-items: center;
  justify-content: center;
  background: none;
  border: none;
  cursor: pointer;
  padding: 2px;
  color: var(--secondary-text-color, #8899a8);
  font-size: var(--secondary-font);
  flex-shrink: 0;
  border-radius: 50%;
  transition: color 0.15s, background 0.15s;
}
.search-bar__clear:hover {
  color: var(--primary-text-color);
  background: var(--hover-background, rgba(0, 0, 0, 0.06));
}
[data-theme=dark] .search-bar__clear:hover {
  background: rgba(255, 255, 255, 0.1);
}
.context-chip {
  display: flex;
  align-items: center;
  gap: var(--spacing-xxs, 4px);
  max-width: 140px;
  padding: var(--spacing-xxs, 4px) var(--spacing-xs, 8px);
  border-radius: var(--border-radius-pill, 20px);
  border: var(--primary-border);
  background: var(--input-background, #fff);
  color: var(--primary-text-color);
  font-family: var(--font-family);
  font-size: var(--secondary-font);
  font-weight: 500;
  cursor: pointer;
  white-space: nowrap;
  transition: border-color 0.2s ease;
  box-shadow: 2px 2px 10px 0px rgba(74, 100, 126, 0.1) inset;
  flex-shrink: 0;
}
[data-theme=dark] .context-chip {
  background: var(--component-background);
  border-color: var(--primary-border-dark, #3a3a5c);
}
.context-chip:hover {
  border-color: var(--secondary-color, #26a3e3);
}
.context-chip__icon {
  font-size: var(--secondary-font);
  color: var(--interactive-icon-color, #5fa0df);
  flex-shrink: 0;
}
.context-chip__label {
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 80px;
}
.context-chip__chevron {
  font-size: var(--font-size-xs, 10px);
  color: var(--interactive-icon-color, #5fa0df);
  flex-shrink: 0;
}
.p-dropdown {
  padding: 0px 10px 0px 0px;
  border-radius: 20px;
  border: var(--primary-border);
  box-shadow: 2px 2px 10px 0px rgba(74, 100, 126, 0.2) inset;
}
[data-theme=dark] .p-dropdown {
  background: #1E1E2F;
}
.p-dropdown-label {
  color: #4a6d98;
}
.p-dropdown-label .dropdown-selected-item span {
  color: var(--primary-text-color);
}
.p-inputtext {
  font-size: var(--primary-font);
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  font-family: var(--font-family);
}
.p-dropdown .p-dropdown-trigger {
  color: var(--interactive-icon-color, #5fa0df);
}
.p-dropdown-filter-container > .p-inputtext {
  border-radius: 20px;
  border: var(--primary-border);
  box-shadow: 2px 2px 10px 0px rgba(74, 100, 126, 0.2) inset;
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item {
  font-size: var(--primary-font);
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  color: var(--primary-text-color);
  font-family: var(--font-family);
  text-wrap: wrap;
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-item-label div {
  display: flex;
  align-items: baseline;
  gap: 8px;
}
.p-dropdown:focus-within {
  box-shadow: 0px 0px 2px 3px #bfdbfe;
}
.p-dropdown-items-wrapper {
  border-radius: 0px 0px 20px 20px;
}
.p-dropdown-panel {
  border-radius: 20px;
  margin-top: 10px;
}
.p-dropdown-header {
  border-bottom: 1px solid var(--inputList-header-borderColor, #e5e7eb);
  background: var(--inputOverlay-header-background, #f6fbff);
  border-radius: 20px;
}
[data-theme=dark] .p-dropdown-header {
  background: var(--sphere-selector-background);
}
.p-dropdown-empty-message {
  font-family: var(--font-family);
}
[data-theme=dark] .p-dropdown-empty-message {
  color: var(--primary-text-color);
}
.p-dropdown-filter-icon {
  color: #4a6d98;
}
.custom-sphere-dropdown-panel {
  width: 530px;
  border-radius: 30px;
  border: var(--primary-border);
}
[data-theme=dark] .custom-sphere-dropdown-panel {
  background: var(--sphere-selector-background);
}
.custom-sphere-dropdown-panel {
  box-shadow: 1px 1px 3px 0px rgba(6, 44, 88, 0.1), -1px -1px 10px -1px rgba(74, 100, 126, 0.15);
}
.custom-sphere-dropdown-panel .p-dropdown-items-wrapper .p-dropdown-items li[role=option] {
  border-radius: 20px;
  background: var(--input-background, #fff);
}
[data-theme=dark] .custom-sphere-dropdown-panel .p-dropdown-items-wrapper .p-dropdown-items li[role=option] {
  background: #1E1E2F;
}
.custom-sphere-dropdown-panel .p-dropdown-items-wrapper .p-dropdown-items li[role=option] {
  padding: 2px;
  box-shadow: 2px 2px 10px 0px var(--input-shading, rgba(74, 100, 126, 0.2)) inset;
  margin-bottom: 0px;
  border: var(--primary-border);
}
.custom-sphere-dropdown-panel .p-dropdown-items-wrapper .p-dropdown-items li[role=option]:hover {
  border: 2px solid #5fa0df;
  background: #f5f5f5;
}
[data-theme=dark] .custom-sphere-dropdown-panel .p-dropdown-items-wrapper .p-dropdown-items li[role=option]:hover {
  background: #323248;
}
.dropdown-footer-buttons {
  justify-content: center;
  padding: 10px;
  display: flex;
  width: 100%;
  box-sizing: border-box;
  position: absolute;
  bottom: -60px;
  left: 0;
  border-radius: 0px 0px 20px 20px;
  background: var(--panel-accordion, linear-gradient(180deg, #F2F9FE -0.79%, #F5FBFF 67.2%, #E9F2F9 99.92%));
  box-shadow: 0px 1px 1px 0px rgba(6, 44, 88, 0.1), 1px 2px 5px -1px rgba(74, 100, 126, 0.3);
  gap: 5px;
}
[data-theme=dark] .dropdown-footer-buttons {
  background: var(--body-background);
}
.dropdown-footer-buttons button {
  display: flex;
  border: 2px solid rgb(255, 255, 255);
  color: var(--primary-text-color);
  background: var(--user-bg, linear-gradient(359deg, #f5fbff -34.86%, #f2f9fe -34.84%, #eff5fa 99.41%, #fafdff 125.39%));
  box-shadow: rgba(116, 139, 157, 0.2) 0px -2px 7px 2px inset;
  font-family: var(--font-family);
  font-size: var(--secondary-font);
  font-style: normal;
  font-weight: 700;
  line-height: 12px;
  padding-left: 10px;
  padding-right: 10px;
  cursor: pointer;
  height: 40px;
  transition: border 0.3s ease-in-out;
  width: auto;
  justify-content: center;
  align-items: center;
}
[data-theme=dark] .dropdown-footer-buttons button {
  background: var(--component-background);
  border: 2px solid #ffffff;
}
.dropdown-footer-buttons button:hover {
  background-color: #4e90c2;
}
.custom-sphere-dropdown-panel .p-dropdown-items-wrapper {
  max-height: 500px !important;
  overflow-y: auto;
  position: relative;
}
.icon-circle {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 2px solid #377fc4;
}
.icon-circle i.pi {
  font-size: var(--sub-heading-font);
}
.next-button {
  border-radius: 0px 20px 20px 0px;
}
.next-button .icon-circle {
  margin-left: 10px;
}
.back-button {
  border-radius: 20px 0px 0px 20px;
}
.back-button .icon-circle {
  margin-right: 10px;
}
.next-button:hover,
.back-button:hover {
  border: 2px solid var(--secondary-color, #26a3e3);
  cursor: pointer;
}
.next-button:disabled, .back-button:disabled {
  opacity: 0.5;
  cursor: not-allowed;
  border: none;
}
.next-button:disabled:hover, .back-button:hover {
  border: none;
}
.no-more-results {
  display: none;
  text-align: center;
  margin: 0px 10px;
  border-radius: 30px;
  border: var(--primary-border);
  background: var(--bkg-components, linear-gradient(358deg, #f3f9fd 13.23%, #f2f9fe 49.2%, #fcffff 83.06%));
  box-shadow: 1px 1px 3px 0px rgba(6, 44, 88, 0.1), -1px -1px 10px -1px rgba(74, 100, 126, 0.15);
}
.no-more-results .title {
  color: #377fc4;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 0px;
}
.no-more-results .description {
  font-size: var(--secondary-font);
  color: var(--primary-text-color);
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
}
.custom-sphere-dropdown-panel .p-dropdown-items-wrapper .p-dropdown-items {
  padding-bottom: 0px;
}
.custom-sphere-dropdown {
  width: auto;
  max-width: 560px;
}
@media (max-width: 500px) {
  .custom-sphere-dropdown .p-dropdown-label {
    padding-right: 0px;
  }
}
/* Context wrapper for inline dropdown positioning */
.custom-filter-header__context-wrapper {
  position: relative;
}
/* Custom filter header: unified search bar with embedded context pill */
.custom-filter-header {
  padding: var(--spacing-xs, 8px) var(--spacing-sm, 12px);
}
/* Inline context menu positioning (replaces OverlayPanel) */
.context-overlay-panel--inline {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 10;
  margin-top: 4px;
  background: var(--input-background, #fff);
}
[data-theme=dark] .context-overlay-panel--inline {
  background: var(--sphere-selector-background);
}
/* Context overlay panel */
.context-overlay-panel {
  border-radius: var(--border-radius-lg, 12px) !important;
  border: var(--primary-border) !important;
  box-shadow: 1px 1px 3px 0px rgba(6, 44, 88, 0.1), -1px -1px 10px -1px rgba(74, 100, 126, 0.15) !important;
  padding: var(--spacing-xxs, 4px) !important;
  min-width: 180px;
  max-width: 260px;
}
[data-theme=dark] .context-overlay-panel {
  background: var(--sphere-selector-background) !important;
}
.context-overlay-panel__list {
  display: flex;
  flex-direction: column;
  gap: 1px;
}
.context-overlay-panel__separator {
  height: 1px;
  background: var(--inputList-header-borderColor, #e5e7eb);
  margin: var(--spacing-xxs, 4px) 0;
}
[data-theme=dark] .context-overlay-panel__separator {
  background: var(--primary-border-dark, #3a3a5c);
}
.context-overlay-panel__item {
  display: flex;
  align-items: center;
  gap: var(--spacing-xs, 8px);
  padding: var(--spacing-xs, 8px) var(--spacing-sm, 12px);
  border-radius: var(--border-radius-md, 8px);
  cursor: pointer;
  transition: background-color 0.15s ease;
  font-family: var(--font-family);
  font-size: var(--secondary-font);
  color: var(--primary-text-color);
}
.context-overlay-panel__item:hover {
  background: var(--inputOverlay-header-background, #f6fbff);
}
[data-theme=dark] .context-overlay-panel__item:hover {
  background: var(--hover-background, #323248);
}
.context-overlay-panel__item--selected {
  background: var(--inputOverlay-header-background, #f6fbff);
  font-weight: 600;
}
[data-theme=dark] .context-overlay-panel__item--selected {
  background: var(--hover-background, #323248);
}
.context-overlay-panel__item-icon {
  color: var(--interactive-icon-color, #5fa0df);
  font-size: var(--secondary-font);
  flex-shrink: 0;
}
.context-overlay-panel__item-label {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.context-overlay-panel__item-check {
  color: var(--interactive-icon-color, #5fa0df);
  font-size: var(--secondary-font);
  flex-shrink: 0;
}
.single-chip {
  border-radius: 16px;
  border: 1px solid #377FC4;
  background: var(--chip-background, #FFF);
  margin: 5px 5px 0 0;
  transition: background 0.3s ease, border 0.3s ease, color 0.3s ease;
  padding: 2.25px 10.5px;
}

.single-chip .p-chip-text {
  color: var(--primary-text-color);
  font-family: var(--font-family);
  font-size: var(--primary-font);
  font-weight: 400;
  margin: 0;
}

.single-chip .p-chip-remove-icon {
  color: #5FA0DF;
  transition: color 0.3s ease;
}

.single-chip:hover {
  border: 1px dashed #377FC4;
  background: var(--primary-blue, #5FA0DF);
}

.single-chip:hover .p-chip-text {
  color: #FFF;
}

.single-chip:hover .p-chip-remove-icon {
  color: #FFF;
}

.single-select-dropdown-panel .p-dropdown-items-wrapper .p-dropdown-items li:hover {
  background: #EFF6FF;
}
.perspective-multi-select {
  border-radius: 16px;
  border: 1px dashed #5FA0DF;
  color: var(--primary-text-color);
  font-size: var(--primary-font);
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  background: transparent;
  margin: 3px 10px 3px 0px;
  position: relative;
}
.perspective-multi-select .p-multiselect-trigger {
  display: flex;
  align-items: center;
  justify-content: center;
}
.perspective-multi-select.no-border {
  border: none;
}
.perspective-multi-select.hide-trigger .p-multiselect-trigger {
  display: none;
}
.perspective-multi-select .p-multiselect-label-container .p-multiselect-label .p-multiselect-token {
  border-radius: 16px;
  border: 1px solid var(--primary-blue, #377FC4);
  background: var(--chip-background, #FFF);
  font-size: var(--primary-font);
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  color: var(--primary-text-color);
}
.perspective-multi-select .p-multiselect-label-container .p-multiselect-label .p-multiselect-token .p-multiselect-token-icon {
  width: 14px;
  height: 14px;
  color: #5FA0DF;
}
.perspective-multi-select .p-multiselect-label-container .p-placeholder {
  color: var(--primary-text-color);
  padding: 0.2rem 0.5rem;
}
.perspective-multi-select .p-multiselect-label {
  padding: 0px;
}
.perspective-single-select {
  background: #fff;
  box-shadow: none;
  margin-top: 5px;
  margin-right: 5px;
  border: 1px solid #377FC4;
}
.perspective-single-select .p-dropdown-label {
  padding-top: 4px;
  padding-bottom: 4px;
}
.perspective-single-select:hover {
  border-radius: 16px;
  border: 1px soild #377FC4;
  background: var(--primary-blue, #5FA0DF);
}
.perspective-single-select:hover .p-dropdown-label {
  color: #fff;
}
.perspective-single-select:hover .p-dropdown-trigger {
  color: #fff;
}
.p-multiselect {
  border-radius: 20px;
  border: var(--primary-border);
  box-shadow: 2px 2px 10px 0px rgba(74, 100, 126, 0.2) inset;
}
.p-multiselect:focus-within {
  box-shadow: 0px 0px 2px 3px #bfdbfe;
}
.p-multiselect-trigger {
  color: #5FA0DF;
}
.p-multiselect-items {
  font-family: var(--font-family);
  font-size: var(--primary-font);
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  color: var(--primary-text-color);
}
.p-multiselect-items li {
  box-shadow: 1px 2px 3px -1px rgba(74, 100, 126, 0.15);
}
.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus {
  background: #EFF6FF;
  color: #377FC4;
}
.p-multiselect-panel .p-multiselect-items li:last-child {
  border-radius: 0px 0px 20px 20px;
}
.p-multiselect-panel {
  border-radius: 0px 0px 20px 20px;
  box-shadow: 1px 2px 5px -1px rgba(74, 100, 126, 0.3);
}
.p-multiselect-filter {
  border-radius: 20px;
  border: var(--primary-border);
  box-shadow: 2px 2px 10px 0px rgba(74, 100, 126, 0.2) inset;
}
.p-multiselect-header {
  border-bottom: 1px solid var(--inputList-header-borderColor, #E5E7EB);
  background: var(--inputOverlay-header-background, #F6FBFF);
  padding-right: 0px;
}
.p-multiselect-header .p-multiselect-filter-container input {
  width: 100%;
  border-radius: 20px;
  border: var(--primary-border);
  background: var(--user-bg, linear-gradient(359deg, #F5FBFF -34.86%, #F2F9FE -34.84%, #EFF5FA 99.41%, #FAFDFF 125.39%));
  box-shadow: 2px 2px 7px 2px rgba(30, 84, 156, 0.18) inset, -3px -1px 10px 0px rgba(160, 183, 202, 0.15) inset;
}
.p-multiselect-filter-icon {
  color: #377FC4;
}
/* When dropdown is open without any selections */
.open {
  background: #5FA0DF !important;
}
.open .p-multiselect-label.p-placeholder {
  color: white !important;
}
.open .p-multiselect-trigger {
  color: white !important;
}
/* When dropdown is closed or when options are selected */
.closed {
  background: #ffffff !important;
}
.closed .p-multiselect-label.p-placeholder {
  color: var(--primary-text-color) !important;
}
.closed .p-multiselect-trigger {
  color: #5FA0DF !important;
}
.hide-header .p-multiselect-header {
  display: none;
}
.multi-select-dropdown-panel .p-multiselect-header .p-multiselect-select-all {
  display: none;
}
.multi-select-dropdown-panel .p-multiselect-header .p-multiselect-close {
  display: none;
}
.avatar {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-size: cover;
  background-position: center;
  display: inline-block;
}
.multi-select-item-with-avatar {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: var(--primary-text-color);
}
.selected-option-chip {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  background: var(--component-background);
  border: 2px solid #26A3E3;
  border-radius: 20px;
  padding: 0.25rem 0.75rem;
  font-size: 14px;
  color: #062C58;
  max-width: 150px;
}
[data-theme=dark] .selected-option-chip {
  border: 2px solid #2D3748;
  color: var(--primary-text-color);
}
.selected-option-chip .selected-option-label {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.2;
}
.p-multiselect-label {
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem;
  align-items: center;
}
.custom-multiselect-wrapper {
  position: relative;
}
.custom-multiselect-wrapper .empty-placeholder-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 40px;
  bottom: 0;
  display: flex;
  align-items: center;
  padding: 10px 12px;
  color: var(--secondary-text-color, #999);
  font-size: 14px;
  z-index: 1;
  background: none;
  border: none;
  cursor: pointer;
  text-align: left;
  width: auto;
  font-family: inherit;
}
[data-theme=dark] .custom-multiselect-wrapper .empty-placeholder-overlay {
  color: var(--primary-text-color);
}
.custom-multiselect-wrapper .p-multiselect-label:not(.p-placeholder) ~ .empty-placeholder-overlay {
  display: none;
}
/* Ensure the filter container is relatively positioned */
.p-listbox-filter-container {
  position: relative;
}
.p-listbox-filter-container svg {
  top: 19px;
  right: 15px;
}
/* Style the filter input inside the container */
.p-listbox .p-listbox-filter {
  border-radius: 20px;
  border: var(--primary-border);
  box-shadow: 2px 2px 10px 0px rgba(74, 100, 126, 0.33) inset;
  padding: 0.5rem;
  margin-bottom: 0.5rem;
  font-family: var(--font-family);
  font-size: var(--primary-font);
  color: var(--primary-text-color);
  /* Add a transition if you want a smooth padding change */
  transition: padding-left 0.2s ease;
}
/* When the nearby toggle is enabled, add extra left padding to the filter input */
.p-listbox-filter-container .p-listbox-filter {
  padding-left: 40px !important;
}
/* Style the toggle button container within the filter container */
.p-listbox-filter-container .toggle-button-container {
  position: absolute;
  left: 3px;
  top: 43%;
  transform: translateY(-50%);
  z-index: 10;
  /* Optionally adjust width/height as needed */
}
/* Keep the rest of your ListBox styles unchanged */
.p-listbox {
  border-radius: 20px;
  box-shadow: 1px 2px 5px -1px rgba(74, 100, 126, 0.3);
  border: var(--primary-border);
  background: var(--component-background);
  width: 100%;
}
.p-listbox-header {
  border-bottom: var(--primary-border);
  border-radius: 20px;
  background: #f6fbff;
}
[data-theme=dark] .p-listbox-header {
  background: #121212;
}
.p-listbox-header {
  padding: 0.5rem;
  font-weight: 600;
  color: var(--primary-text-color);
}
.p-listbox-filter {
  border-radius: 20px;
  border: var(--primary-border);
  background: var(--user-bg, linear-gradient(359deg, #f5fbff -34.86%, #f2f9fe -34.84%, #eff5fa 99.41%, #fafdff 125.39%));
  box-shadow: 2px 2px 7px 2px rgba(30, 84, 156, 0.18) inset, -3px -1px 10px 0px rgba(160, 183, 202, 0.15) inset;
  padding: 0.5rem;
  margin-bottom: 0.5rem;
  font-family: var(--font-family);
  font-size: var(--primary-font);
  color: var(--primary-text-color);
}
.p-listbox-items {
  font-family: var(--font-family);
  font-size: var(--primary-font);
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  color: var(--primary-text-color);
}
.p-listbox-item {
  padding: 0.5rem 1rem;
  cursor: pointer;
  transition: background-color 0.3s ease, color 0.3s ease;
}
.p-listbox-item:hover:not(.p-highlight) {
  background: #eff6ff;
}
[data-theme=dark] .p-listbox-item:hover:not(.p-highlight) {
  background: var(--hover-background);
}
.p-listbox-item:hover:not(.p-highlight) {
  color: #377fc4;
}
.p-listbox-item .listbox-item .listbox-item-text {
  color: var(--primary-text-color);
}
.p-listbox-item .listbox-item .listbox-item-text:hover {
  color: #377fc4;
}
.p-listbox-item.p-highlight {
  background: #eff6ff;
  color: #377fc4;
}
[data-theme=dark] .p-listbox-item.p-highlight {
  background: #2a2a3d;
}
.p-listbox-item:not(:last-child) {
  border-bottom: var(--primary-border);
}
/* Pseudo-element for extra area after the last item */
.p-listbox::after {
  content: "";
  display: block;
  background-color: #f5fbff; /* Adjust to your desired blue */
  height: 20px;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
}
.mobile-nav-bar {
  position: fixed;
  left: 0;
  right: 0;
  z-index: 1000;
  background: var(--component-background);
  border: var(--primary-border);
  box-shadow: 0 2px 8px rgba(74, 100, 126, 0.15);
  transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
  display: none;
}
@media (max-width: 500px) {
  .mobile-nav-bar {
    display: block;
  }
}
.mobile-nav-bar--top {
  top: 0;
  border-bottom: var(--primary-border);
}
.mobile-nav-bar--top.mobile-nav-bar--hidden {
  transform: translateY(-100%);
  opacity: 0;
}
.mobile-nav-bar--bottom {
  bottom: 0;
  border-top: var(--primary-border);
  padding-top: 0px !important;
}
.mobile-nav-bar--bottom.mobile-nav-bar--hidden {
  transform: translateY(100%);
  opacity: 0;
}
.mobile-nav-bar__container {
  display: flex;
  justify-content: space-around;
  align-items: center;
  padding: 8px 16px;
  max-width: 100vw;
  margin: 0 auto;
  gap: 8px;
}
.mobile-nav-bar__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 8px 12px;
  border-radius: 8px;
  transition: all 0.3s ease;
  flex: 1;
  max-width: 80px;
  position: relative;
}
.mobile-nav-bar__item:hover {
  background: rgba(38, 163, 227, 0.1);
}
.mobile-nav-bar__item:active {
  transform: scale(0.95);
}
.mobile-nav-bar__item--active {
  background: rgba(38, 163, 227, 0.15);
}
.mobile-nav-bar__item--active .mobile-nav-bar__icon-wrapper i {
  color: #26a3e3;
}
.mobile-nav-bar__item--custom {
  background: transparent;
  border: none;
  padding: 0;
  cursor: default;
}
.mobile-nav-bar__item--custom:hover {
  background: transparent;
}
.mobile-nav-bar__item--custom:active {
  transform: none;
}
.mobile-nav-bar__item--custom .notification-bell-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
}
.mobile-nav-bar__item--custom .notification-bell {
  border: none;
  background: transparent;
  padding: 8px 12px;
  box-shadow: none;
}
.mobile-nav-bar__item--custom .notification-bell:hover {
  background: rgba(38, 163, 227, 0.1);
  border-radius: 8px;
}
.mobile-nav-bar__icon-wrapper {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
}
.mobile-nav-bar__icon-wrapper i {
  font-size: 1.5rem;
  color: var(--primary-text-color);
  transition: color 0.3s ease;
}
.mobile-nav-bar__badge {
  position: absolute;
  top: -4px;
  right: -4px;
  background: #e74c3c;
  color: var(--primary-text-color);
  border-radius: 10px;
  padding: 2px 6px;
  font-size: 0.65rem;
  font-weight: 600;
  min-width: 18px;
  height: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}
.mobile-nav-bar__badge--chevron {
  top: -2px;
  right: -2px;
  font-size: 12px;
  min-width: 22px;
  height: 22px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}
.mobile-nav-bar__item--chevron {
  flex: 0 0 auto;
  max-width: none;
  padding: 0;
  background: transparent;
  border: none;
}
.mobile-nav-bar__item--chevron:hover {
  background: transparent;
}
.mobile-nav-bar__item--chevron:active {
  transform: scale(0.95);
}
.mobile-nav-bar__chevron-button {
  position: relative;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background: linear-gradient(180deg, #36B6F9 0%, #377FC4 100%);
  color: var(--primary-text-color);
  border: 4px solid var(--component-background, #ffffff);
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 12px rgba(55, 127, 196, 0.3);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  margin-top: -28px;
}
[data-theme=dark] .mobile-nav-bar__chevron-button {
  background: linear-gradient(180deg, #36B6F9 0%, #377FC4 100%);
  border-color: #1e1e2f;
  box-shadow: 0 4px 12px rgba(95, 160, 223, 0.4);
}
.mobile-nav-bar__chevron-button i {
  font-size: 24px;
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.mobile-nav-bar__chevron-button .mobile-nav-bar__chevron-expanded {
  transform: rotate(180deg);
}
.mobile-nav-bar--top ~ * {
  padding-top: 56px;
}
.mobile-nav-bar--bottom ~ * {
  padding-bottom: 56px;
}
@media (max-width: 360px) {
  .mobile-nav-bar__container {
    padding: 6px 8px;
    gap: 4px;
  }
  .mobile-nav-bar__item {
    padding: 6px 8px;
    max-width: 70px;
  }
  .mobile-nav-bar__icon-wrapper i {
    font-size: 1.25rem;
  }
  .mobile-nav-bar__badge {
    font-size: 0.6rem;
    min-width: 16px;
    height: 16px;
    padding: 1px 4px;
  }
}
@media (max-width: 600px) {
  .mobile-header__user-sphere {
    max-width: 60vw;
    min-width: 120px;
    flex: 1 1 auto;
    overflow: hidden;
    border: var(--primary-border);
    border-radius: var(--border-radius);
    box-shadow: 2px 2px 10px 0px rgba(74, 100, 126, 0.2) inset;
  }
  .mobile-header__metaspace-menu {
    min-width: 40px;
    max-width: 80px;
    text-align: right;
  }
}
@media (max-width: 500px) {
  .selected-metaspace-name {
    display: none !important;
  }
}
.mobile-header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  background: var(--component-background);
  box-shadow: 0 2px 8px rgba(74, 100, 126, 0.15);
  transition: transform 0.3s ease-in-out;
  display: none;
}
@media (max-width: 500px) {
  .mobile-header {
    display: block;
  }
}
.mobile-header__container {
  display: flex;
  align-items: center;
  gap: 5px;
  padding: 12px 16px;
  max-width: 100vw;
}
.mobile-header__logo-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  border: none;
  padding: 0;
  margin: 0;
  cursor: pointer;
  flex-shrink: 0;
  transition: transform 0.2s ease;
}
.mobile-header__logo-button:hover {
  transform: scale(1.05);
}
.mobile-header__logo-button:active {
  transform: scale(0.98);
}
.mobile-header__logo-button:focus {
  outline: none;
  outline-offset: 2px;
}
.mobile-header__logo-button:focus-visible {
  outline: 2px solid var(--primary-color, #26a3e3);
  outline-offset: 2px;
  border-radius: 4px;
}
.mobile-header__logo {
  height: 40px;
  width: auto;
  display: block;
}
.mobile-header__user-identity {
  display: flex;
  align-items: center;
  flex-shrink: 0;
}
.mobile-header__icon-button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  min-width: 44px;
  border-radius: 50%;
  background: transparent;
  border: 2px solid var(--primary-border);
  cursor: pointer;
  transition: all 0.3s ease;
  flex-shrink: 0;
}
.mobile-header__icon-button i {
  font-size: 1.25rem;
  color: var(--primary-text-color);
  transition: color 0.3s ease;
}
.mobile-header__icon-button:hover {
  background: rgba(38, 163, 227, 0.1);
  border-color: #26a3e3;
}
.mobile-header__icon-button:hover i {
  color: #26a3e3;
}
.mobile-header__icon-button:active {
  transform: scale(0.95);
  background: rgba(38, 163, 227, 0.2);
}
.mobile-header__icon-button:focus {
  outline: none;
  box-shadow: 0 0 0 3px rgba(38, 163, 227, 0.3);
}
.mobile-header__profile {
  border-color: #e0e0e0;
}
.mobile-header__settings {
  border-color: #e0e0e0;
}
.mobile-header__search {
  flex: 1;
  position: relative;
  display: flex;
  align-items: center;
}
.mobile-header__search-input {
  width: 100%;
  height: 44px;
  padding: 0 16px;
  padding-right: 44px;
  border: none;
  border-radius: 22px;
  background: #f5f5f5;
  font-family: var(--font-family);
  font-size: 14px;
  color: var(--primary-text-color);
  transition: all 0.3s ease;
}
.mobile-header__search-input::-moz-placeholder {
  color: #999;
}
.mobile-header__search-input::placeholder {
  color: #999;
}
.mobile-header__search-input:focus {
  outline: none;
  background: #e8e8e8;
  box-shadow: 0 0 0 3px rgba(38, 163, 227, 0.15);
}
.mobile-header__search-clear {
  position: absolute;
  right: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: transparent;
  border: none;
  cursor: pointer;
  transition: all 0.2s ease;
}
.mobile-header__search-clear i {
  font-size: 0.875rem;
  color: #999;
}
.mobile-header__search-clear:hover {
  background: rgba(0, 0, 0, 0.1);
}
.mobile-header__search-clear:hover i {
  color: #666;
}
.mobile-header__search-clear:active {
  transform: scale(0.9);
}
@media (max-width: 500px) {
  body .mobile-header ~ * {
    padding-top: 60px;
  }
}
[data-theme=dark] .mobile-header {
  background: #1E1E2F;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.5);
}
[data-theme=dark] .mobile-header__icon-button {
  border-color: #3a3a4e;
}
[data-theme=dark] .mobile-header__icon-button i {
  color: var(--primary-text-color);
}
[data-theme=dark] .mobile-header__icon-button:hover {
  background: rgba(74, 144, 226, 0.2);
  border-color: #4a90e2;
}
[data-theme=dark] .mobile-header__icon-button:hover i {
  color: #4a90e2;
}
[data-theme=dark] .mobile-header__icon-button:active {
  background: rgba(74, 144, 226, 0.3);
}
[data-theme=dark] .mobile-header__icon-button:focus {
  box-shadow: 0 0 0 3px rgba(74, 144, 226, 0.3);
}
[data-theme=dark] .mobile-header__search-input {
  background: #2C2C3E;
  color: var(--primary-text-color);
}
[data-theme=dark] .mobile-header__search-input::-moz-placeholder {
  color: #888;
}
[data-theme=dark] .mobile-header__search-input::placeholder {
  color: #888;
}
[data-theme=dark] .mobile-header__search-input:focus {
  background: #363650;
  box-shadow: 0 0 0 3px rgba(74, 144, 226, 0.2);
}
[data-theme=dark] .mobile-header__search-clear i {
  color: #888;
}
[data-theme=dark] .mobile-header__search-clear:hover {
  background: rgba(255, 255, 255, 0.1);
}
[data-theme=dark] .mobile-header__search-clear:hover i {
  color: #bbb;
}
.mobile-header--hidden {
  transform: translateY(-100%);
}
/* MenuAtom.scss */
/* Base menu styling for all menus */
.p-menu {
  border-radius: 20px;
  border: var(--primary-border);
  box-shadow: 2px 2px 10px 0px rgba(74, 100, 126, 0.2) inset;
  background: var(--component-background);
  font-family: var(--font-family);
}
.p-menu .p-menu-list li .p-menuitem-content {
  background: var(--component-background);
}
.p-menu .p-menu-list li .p-menuitem-content a .p-menuitem-text {
  color: var(--primary-text-color);
}
.p-menu .p-menu-list li .p-menuitem-content:hover {
  background: var(--hover-background);
}
/* Base menu item styling for all menus */
.p-menu .p-menuitem {
  position: relative;
}
.p-menu .p-menu-list li:first-child .p-menuitem-content {
  border-radius: 20px 20px 0 0;
}
/* Styling for the clickable link/text inside menu items */
.p-menu .p-menuitem-link {
  color: #4a6d98;
  font-size: var(--primary-font);
  font-weight: 500;
  line-height: normal;
  display: block;
}
/* Hover effect for menu items */
.p-menu .p-menuitem:hover {
  background-color: var(--hover-background);
}
/* Separator between menu items (applied via a pseudo-element) */
.p-menu .p-menuitem:not(:last-child)::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 2px;
  background-color: #e5e7eb;
}
[data-theme=dark] .p-menu .p-menuitem:not(:last-child)::after {
  background: #2d3748;
}
/* Styling for the menu panel (the container that holds all items) */
.p-menu-panel {
  border-radius: 20px;
  margin-top: 10px;
}
/* For submenus, keep the rounded look */
.p-menu .p-submenu-list {
  border-radius: 20px;
  overflow: hidden;
}
/* Main dropdown container styling - only for custom dropdown menus */
.p-menu.custom-dropdown-menu {
  max-width: 378px;
  border-radius: 20px;
  border: 2px solid var(--primary-border);
  box-shadow: 1px 10px 15px -1px rgba(74, 100, 126, 0.3);
  filter: drop-shadow(0px 1px 1px rgba(6, 44, 88, 0.1));
  background: var(--component-background);
  font-family: var(--font-family);
  padding: 0;
  /* Remove the separator for custom dropdown menus since we use gap instead */
}
.p-menu.custom-dropdown-menu .p-menuitem:not(:last-child)::after {
  display: none;
}
.p-menu.custom-dropdown-menu .p-menu-list {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0;
  gap: 1px;
  background: #F5FBFF;
  border-radius: 20px;
  overflow: hidden;
  box-shadow: inset 0px -2px 7px 2px rgba(116, 139, 157, 0.2);
  margin: 0;
}
.p-menu.custom-dropdown-menu .p-menu-list li {
  width: 100%;
}
.p-menu.custom-dropdown-menu .p-menu-list li > div {
  background: var(--component-background);
  box-shadow: 1px 2px 3px -1px rgba(74, 100, 126, 0.15);
  margin: 0;
  padding: 6px 10px;
  border-radius: 0;
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  height: 44.77px;
  width: 100%;
  gap: 9px !important;
  transition: background 0.2s ease;
}
.p-menu.custom-dropdown-menu .p-menu-list li > div:hover {
  background: linear-gradient(359.03deg, #F5FBFF -34.86%, #F2F9FE -34.84%, #EFF5FA 99.41%, #FAFDFF 125.39%);
}
[data-theme=dark] .p-menu.custom-dropdown-menu .p-menu-list li > div:hover {
  background: #323248;
}
.p-menu.custom-dropdown-menu .p-menu-list li > div span {
  color: var(--primary-text-color);
  font-family: var(--font-family);
  font-style: normal;
  font-weight: 500;
  font-size: 14px !important;
  line-height: 19px;
}
.p-menu.custom-dropdown-menu .p-menu-list li .p-menuitem-content {
  background: #FFFFFF;
  box-shadow: 1px 2px 3px -1px rgba(74, 100, 126, 0.15);
  margin: 0;
  padding: 6px 10px;
  border-radius: 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 44.77px;
  transition: background 0.2s ease;
}
.p-menu.custom-dropdown-menu .p-menu-list li .p-menuitem-content:hover {
  background: linear-gradient(359.03deg, #F5FBFF -34.86%, #F2F9FE -34.84%, #EFF5FA 99.41%, #FAFDFF 125.39%);
}
.p-menu.custom-dropdown-menu .p-menu-list li .p-menuitem-content .p-menuitem-link {
  padding: 0;
  color: var(--primary-text-color);
  font-family: var(--font-family);
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 19px;
  border-radius: 0;
  width: 100%;
}
.p-menu.custom-dropdown-menu .p-menu-list li .p-menuitem-content .p-menuitem-link .p-menuitem-text {
  color: var(--primary-text-color);
}
/* Styling for the menu panel (the container that holds all items) */
.p-menu-panel.custom-dropdown-menu {
  border-radius: 20px;
  margin-top: 10px;
}
/* For submenus, keep the rounded look */
.p-menu.custom-dropdown-menu .p-submenu-list {
  border-radius: 20px;
  overflow: hidden;
}
/**
 * StatusBadgeAtom.scss
 *
 * Styles for the status badge component.
 */
.status-badge {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  border-radius: 9999px;
  font-weight: 500;
  white-space: nowrap;
  text-transform: capitalize;
}
.status-badge--small {
  padding: 2px 8px;
  font-size: 0.6875rem;
  line-height: 1.4;
}
.status-badge--small i {
  font-size: 0.625rem;
}
.status-badge--medium {
  padding: 4px 10px;
  font-size: 0.75rem;
  line-height: 1.5;
}
.status-badge--medium i {
  font-size: 0.75rem;
}
.status-badge--active {
  background-color: var(--green-100, #dcfce7);
  color: var(--green-700, #15803d);
}
.status-badge--active i {
  color: var(--green-600, #16a34a);
}
.status-badge--overdue {
  background-color: var(--red-100, #fee2e2);
  color: var(--red-700, #b91c1c);
}
.status-badge--overdue i {
  color: var(--red-600, #dc2626);
}
.status-badge--draft {
  background-color: var(--blue-100, #dbeafe);
  color: var(--blue-700, #1d4ed8);
}
.status-badge--draft i {
  color: var(--blue-600, #2563eb);
}
.status-badge--error {
  background-color: var(--red-100, #fee2e2);
  color: var(--red-700, #b91c1c);
}
.status-badge--error i {
  color: var(--red-600, #dc2626);
}
.status-badge--pending {
  background-color: var(--yellow-100, #fef3c7);
  color: var(--yellow-700, #a16207);
}
.status-badge--pending i {
  color: var(--yellow-600, #ca8a04);
}
.status-badge--unknown {
  background-color: var(--gray-100, #f3f4f6);
  color: var(--gray-600, #4b5563);
}
.status-badge--unknown i {
  color: var(--gray-500, #6b7280);
}
.status-badge--deactivated {
  background-color: var(--gray-100, #f3f4f6);
  color: var(--gray-500, #6b7280);
  opacity: 0.75;
}
.status-badge--deactivated i {
  color: var(--gray-400, #9ca3af);
}
.status-badge__label {
  line-height: inherit;
}
.status-badge--approach {
  background-color: var(--blue-100, #dbeafe);
  color: var(--blue-700, #1d4ed8);
}
.status-badge--approach i {
  color: var(--blue-600, #2563eb);
}
.status-badge--channel {
  background-color: var(--purple-100, #ede9fe);
  color: var(--purple-700, #6d28d9);
}
.status-badge--channel i {
  color: var(--purple-600, #7c3aed);
}
.status-badge--manual {
  background-color: var(--gray-100, #f3f4f6);
  color: var(--gray-600, #4b5563);
}
.status-badge--manual i {
  color: var(--gray-500, #6b7280);
}
.status-badge--fork {
  background-color: var(--yellow-100, #fef3c7);
  color: var(--yellow-700, #a16207);
}
.status-badge--fork i {
  color: var(--yellow-600, #ca8a04);
}
.status-badge--tone-success {
  background-color: var(--success-50, #ecfdf5);
  color: var(--success-700, #047857);
}
.status-badge--tone-success i {
  color: var(--success-500, #10b981);
}
.status-badge--tone-warn {
  background-color: var(--warning-50, #fffbeb);
  color: var(--warning-700, #b45309);
}
.status-badge--tone-warn i {
  color: var(--warning-500, #f59e0b);
}
.status-badge--tone-danger {
  background-color: var(--danger-50, #fef2f2);
  color: var(--danger-700, #b91c1c);
}
.status-badge--tone-danger i {
  color: var(--danger-500, #ef4444);
}
.status-badge--tone-info {
  background-color: var(--info-50, #f5f9ff);
  color: var(--info-700, #1a75a8);
}
.status-badge--tone-info i {
  color: var(--info-500, #377fc4);
}
.status-badge--tone-neutral {
  background-color: var(--neutral-50, #f9fafb);
  color: var(--neutral-600, #4b5563);
}
.status-badge--tone-neutral i {
  color: var(--neutral-400, #94a3b8);
}
[data-theme=dark] .status-badge--approach {
  background-color: var(--status-tone-info-bg);
  color: var(--status-tone-info-fg);
}
[data-theme=dark] .status-badge--approach i {
  color: var(--status-tone-info-fg);
}
[data-theme=dark] .status-badge--channel {
  background-color: var(--status-tone-neutral-bg);
  color: var(--purple-400, #a78bfa);
}
[data-theme=dark] .status-badge--channel i {
  color: var(--purple-400, #a78bfa);
}
[data-theme=dark] .status-badge--manual {
  background-color: var(--status-tone-neutral-bg);
  color: var(--status-tone-neutral-fg);
}
[data-theme=dark] .status-badge--manual i {
  color: var(--status-tone-neutral-fg);
}
[data-theme=dark] .status-badge--fork {
  background-color: var(--status-tone-warn-bg);
  color: var(--status-tone-warn-fg);
}
[data-theme=dark] .status-badge--fork i {
  color: var(--status-tone-warn-fg);
}
[data-theme=dark] .status-badge--tone-success {
  background-color: var(--status-tone-success-bg);
  color: var(--status-tone-success-fg);
}
[data-theme=dark] .status-badge--tone-success i {
  color: var(--status-tone-success-fg);
}
[data-theme=dark] .status-badge--tone-warn {
  background-color: var(--status-tone-warn-bg);
  color: var(--status-tone-warn-fg);
}
[data-theme=dark] .status-badge--tone-warn i {
  color: var(--status-tone-warn-fg);
}
[data-theme=dark] .status-badge--tone-danger {
  background-color: var(--status-tone-danger-bg);
  color: var(--status-tone-danger-fg);
}
[data-theme=dark] .status-badge--tone-danger i {
  color: var(--status-tone-danger-fg);
}
[data-theme=dark] .status-badge--tone-info {
  background-color: var(--status-tone-info-bg);
  color: var(--status-tone-info-fg);
}
[data-theme=dark] .status-badge--tone-info i {
  color: var(--status-tone-info-fg);
}
[data-theme=dark] .status-badge--tone-neutral {
  background-color: var(--status-tone-neutral-bg);
  color: var(--status-tone-neutral-fg);
}
[data-theme=dark] .status-badge--tone-neutral i {
  color: var(--status-tone-neutral-fg);
}
[data-theme=dark] .status-badge--active {
  background-color: rgba(34, 197, 94, 0.2);
  color: var(--green-400, #4ade80);
}
[data-theme=dark] .status-badge--active i {
  color: var(--green-400, #4ade80);
}
[data-theme=dark] .status-badge--overdue {
  background-color: rgba(239, 68, 68, 0.2);
  color: var(--red-400, #f87171);
}
[data-theme=dark] .status-badge--overdue i {
  color: var(--red-400, #f87171);
}
[data-theme=dark] .status-badge--draft {
  background-color: rgba(59, 130, 246, 0.2);
  color: var(--blue-400, #60a5fa);
}
[data-theme=dark] .status-badge--draft i {
  color: var(--blue-400, #60a5fa);
}
[data-theme=dark] .status-badge--error {
  background-color: rgba(239, 68, 68, 0.2);
  color: var(--red-400, #f87171);
}
[data-theme=dark] .status-badge--error i {
  color: var(--red-400, #f87171);
}
[data-theme=dark] .status-badge--pending {
  background-color: rgba(234, 179, 8, 0.2);
  color: var(--yellow-400, #facc15);
}
[data-theme=dark] .status-badge--pending i {
  color: var(--yellow-400, #facc15);
}
[data-theme=dark] .status-badge--unknown {
  background-color: rgba(107, 114, 128, 0.2);
  color: var(--gray-400, #9ca3af);
}
[data-theme=dark] .status-badge--unknown i {
  color: var(--gray-400, #9ca3af);
}
[data-theme=dark] .status-badge--deactivated {
  background-color: rgba(107, 114, 128, 0.15);
  color: var(--gray-500, #71717a);
  opacity: 0.75;
}
[data-theme=dark] .status-badge--deactivated i {
  color: var(--gray-500, #71717a);
}
@media (max-width: 600px) {
  .metaspace-selector.nav-bar-button {
    border: none !important;
    box-shadow: none !important;
  }
}
.metaspace-menu-item--selected {
  background: linear-gradient(359.03deg, #F5FBFF -34.86%, #F2F9FE -34.84%, #EFF5FA 99.41%, #FAFDFF 125.39%) !important;
}
[data-theme=dark] .metaspace-menu-item--selected {
  background: #323248 !important;
}
/* MetaspaceMenu.css */
@keyframes pulse {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  50% {
    transform: scale(1.2);
    opacity: 0.7;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
.metaspace-selector .metaspace-icon.pulsing {
  animation: pulse 1s infinite;
}
.metaspace-menu-add-item {
  display: flex;
  align-items: center;
  gap: var(--spacing-xs);
  padding: var(--spacing-xs) var(--spacing-md);
  cursor: pointer;
  font-size: 13px;
  color: var(--primary-color);
  transition: background-color 0.15s ease;
}
.metaspace-menu-add-item:hover {
  background: var(--component-background);
}
[data-theme=dark] .metaspace-menu-add-item {
  color: var(--primary-color);
}
[data-theme=dark] .metaspace-menu-add-item:hover {
  background: rgba(255, 255, 255, 0.05);
}
@charset "UTF-8";
.metatool-layer {
  display: flex;
  align-items: center;
  border-radius: 20px;
  border: var(--primary-border);
  box-shadow: 2px 2px 10px 0px rgba(74, 100, 126, 0.2) inset;
  background: var(--component-background);
  width: -moz-max-content;
  width: max-content;
  flex: 1 1 auto; /* Allow shrinking */
  margin-left: 10px;
  padding: 0 10px;
  min-width: 45.2rem;
  transition: min-width 0.15s ease-out, max-width 0.15s ease-out, flex-basis 0.15s ease-out; /* Faster than identity expansion */
  will-change: min-width, max-width; /* Optimize transitions */
}
/* Compress metatool-layer at ≤1920px */
@media (max-width: 1920px) {
  .metatool-layer {
    max-width: 50rem; /* Add slight constraint to create buffer and prevent overflow flicker */
  }
  /* When identity dropdown has expanded elements (favorite, cog, logout icons visible) */
  .nav-bar-row:has(.identity-dropdown-container .favorite-icon-container) .metatool-layer {
    min-width: 24rem; /* Compress significantly to fit expanded identity with all icons visible */
    max-width: 28rem;
  }
}
/* Further compression for very constrained viewports */
@media (max-width: 1600px) {
  .metatool-layer {
    max-width: 46rem; /* Add slight constraint for laptop viewport */
  }
  .nav-bar-row:has(.identity-dropdown-container .favorite-icon-container) .metatool-layer {
    min-width: 22rem;
    max-width: 26rem;
  }
}
.left-section {
  flex: 1;
  display: flex;
  align-items: center;
  min-width: 0; /* Allow flex item to shrink below content size */
  overflow: hidden; /* Prevent content from overflowing */
}
.right-section {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0;
}
.right-section .metaspace-selector div .metaspace-icon {
  display: flex;
  height: 30px;
  width: 30px;
  margin-top: 5px;
}
.metssphere-nav-bar {
  position: relative;
}
.metssphere-nav-bar .nav-bar-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  contain: layout; /* Optimize layout calculations */
  flex-wrap: nowrap; /* Prevent wrapping to next line */
  gap: 0; /* Remove any gaps that could cause overflow */
  overflow-x: clip; /* Hide any temporary overflow to prevent visual flicker */
  min-height: 42px; /* Prevent height changes during transitions */
}
.nav-bar-user-section {
  display: flex;
  align-items: center;
  gap: 8px;
}
/* Nav-Bar Button Base Styles */
.nav-bar-button {
  display: flex;
  cursor: pointer;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  box-sizing: border-box;
  /* Always show a 1px border (this is our “default” look) */
  border-left: var(--primary-border);
  height: 32px;
  width: 32px;
  transition: border-color 0.3s ease, box-shadow 0.3s ease;
}
/* Expanded buttons for metaspace/perspective selectors */
.nav-bar-button.metaspace-selector,
.nav-bar-button.perspective-menu {
  width: auto;
  flex-direction: row;
  gap: 0.5rem;
  padding: 0 4px;
  white-space: nowrap;
  position: relative;
  overflow: visible;
}
.nav-bar-button.metaspace-selector i,
.nav-bar-button.perspective-menu i {
  color: var(--primary-color);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.nav-bar-button.metaspace-selector:hover i,
.nav-bar-button.perspective-menu:hover i {
  filter: drop-shadow(0 0 8px color-mix(in srgb, var(--primary-color) 80%, transparent));
  transform: scale(1.1);
  animation: pulse-glow 1.5s ease-in-out infinite;
}
.nav-bar-button.metaspace-selector:active i,
.nav-bar-button.perspective-menu:active i {
  transform: scale(0.9);
}
.nav-bar-button.metaspace-selector::after,
.nav-bar-button.perspective-menu::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0;
  height: 0;
  border-radius: 50%;
  background: color-mix(in srgb, var(--primary-color) 30%, transparent);
  transform: translate(-50%, -50%);
  opacity: 0;
  pointer-events: none;
}
.nav-bar-button.metaspace-selector.ripple-active::after,
.nav-bar-button.perspective-menu.ripple-active::after {
  animation: ripple-wave 0.6s ease-out;
}
/* Text styling */
.nav-bar-button .selected-metaspace-name,
.nav-bar-button .selected-perspective-name {
  color: var(--primary-text-color);
  font-size: var(--primary-font);
}
/* On hover, change the border color and add an inset box-shadow
   to visually simulate a 2px border without altering the element's size */
.nav-bar-button:hover {
  /* The inset shadow draws an extra 1px on the inside */
  box-shadow: inset 0 0 0 1px var(--primary-color);
}
/* Status Selector hover effects */
.nav-bar-button:has(.status-badge) {
  position: relative;
  overflow: visible;
}
.nav-bar-button:has(.status-badge):hover .status-badge {
  filter: drop-shadow(0 0 8px color-mix(in srgb, var(--primary-color) 80%, transparent));
  transform: scale(1.1);
  animation: pulse-glow 1.5s ease-in-out infinite;
}
.nav-bar-button:has(.status-badge):active .status-badge {
  transform: scale(0.9);
}
.nav-bar-button:has(.status-badge) .status-badge {
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.nav-bar-button:has(.status-badge)::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0;
  height: 0;
  border-radius: 50%;
  background: color-mix(in srgb, var(--primary-color) 30%, transparent);
  transform: translate(-50%, -50%);
  opacity: 0;
  pointer-events: none;
}
.nav-bar-button:has(.status-badge).ripple-active::after {
  animation: ripple-wave 0.6s ease-out;
}
/* Task List Shortcut Button */
.nav-bar-task-list-button {
  border: none;
  border-left: var(--primary-border);
  background: transparent;
  outline: none;
  position: relative;
  overflow: visible;
}
.nav-bar-task-list-button i.pi {
  color: var(--primary-color);
  font-size: 16px;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.nav-bar-task-list-button:hover i {
  filter: drop-shadow(0 0 8px color-mix(in srgb, var(--primary-color) 80%, transparent));
  transform: scale(1.1);
  animation: pulse-glow 1.5s ease-in-out infinite;
}
.nav-bar-task-list-button:active i {
  transform: scale(0.9);
}
.nav-bar-task-list-button::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0;
  height: 0;
  border-radius: 50%;
  background: color-mix(in srgb, var(--primary-color) 30%, transparent);
  transform: translate(-50%, -50%);
  opacity: 0;
  pointer-events: none;
}
.nav-bar-task-list-button.ripple-active::after {
  animation: ripple-wave 0.6s ease-out;
}
.nav-bar-task-list-button:focus-visible {
  box-shadow: inset 0 0 0 1px var(--primary-color);
}
/* Allow search results dropdown to escape the clipped nav-bar-row and stack above page content */
.metssphere-nav-bar:has(.nav-bar-search-container--expanded) .nav-bar-row {
  overflow-x: visible;
}
.metssphere-nav-bar:has(.nav-bar-search-container--expanded) {
  z-index: 100;
}
/* Integrated Global Search Styles */
.nav-bar-search-container {
  position: relative;
  display: flex;
  align-items: center;
  transition: width 0.3s ease;
}
.nav-bar-search-icon {
  /* Inherits from .nav-bar-button */
  border: none;
  border-left: var(--primary-border);
  background: transparent;
  outline: none;
  position: relative;
  overflow: visible;
}
.nav-bar-search-icon i.pi {
  color: var(--primary-color);
  font-size: 16px;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.nav-bar-search-icon:hover i {
  filter: drop-shadow(0 0 8px color-mix(in srgb, var(--primary-color) 80%, transparent));
  transform: scale(1.1);
  animation: pulse-glow 1.5s ease-in-out infinite;
}
.nav-bar-search-icon:active i {
  transform: scale(0.9);
}
.nav-bar-search-icon::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0;
  height: 0;
  border-radius: 50%;
  background: color-mix(in srgb, var(--primary-color) 30%, transparent);
  transform: translate(-50%, -50%);
  opacity: 0;
  pointer-events: none;
}
.nav-bar-search-icon.ripple-active::after {
  animation: ripple-wave 0.6s ease-out;
}
.nav-bar-search-icon:focus {
  outline: none;
}
.nav-bar-search-icon:active {
  outline: none;
}
.nav-bar-search-input-container {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0 0.75rem;
  height: 32px;
  min-width: 300px;
  border-left: var(--primary-border);
  background: var(--component-background);
  transition: all 0.3s ease;
}
.nav-bar-search-input-container:focus-within {
  box-shadow: inset 0 0 0 1px var(--primary-color);
}
.nav-bar-search-input-icon {
  color: var(--primary-text-color);
  font-size: 14px;
  opacity: 0.7;
  animation: fade-in-up 0.3s ease-out 0.1s backwards;
}
.nav-bar-search-input {
  flex: 1;
  border: none;
  outline: none;
  background: transparent;
  color: var(--primary-text-color);
  font-size: var(--primary-font);
  padding: 0;
  min-width: 200px;
  animation: fade-in-up 0.3s ease-out 0.3s backwards;
}
.nav-bar-search-input::-moz-placeholder {
  color: var(--primary-text-color);
  opacity: 0.5;
}
.nav-bar-search-input::placeholder {
  color: var(--primary-text-color);
  opacity: 0.5;
}
.nav-bar-search-close {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  padding: 0;
  border: none;
  background: transparent;
  color: var(--primary-text-color);
  cursor: pointer;
  opacity: 0.6;
  transition: opacity 0.2s ease;
  animation: fade-in-rotate 0.3s ease-out 0.4s backwards;
}
.nav-bar-search-close:hover {
  opacity: 1;
}
.nav-bar-search-close i {
  font-size: 12px;
}
.nav-bar-search-results {
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  min-width: 400px;
  max-height: 500px;
  overflow-y: auto;
  background: var(--component-background);
  border: var(--primary-border);
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  z-index: 1000;
}
/* Context Selector positioned in search - compact styling */
.nav-bar-search-context-selector {
  margin-right: 0.5rem;
  animation: fade-in-up 0.3s ease-out 0.2s backwards;
}
.nav-bar-search-context-selector .context-selector-menu__trigger {
  padding: 2px 8px;
  border: none;
  border-radius: 4px;
  background: transparent;
  font-size: 12px;
  min-height: auto;
  height: auto;
}
.nav-bar-search-context-selector .context-selector-menu__trigger:hover {
  background: var(--hover-background);
}
.nav-bar-search-context-selector .context-selector-menu__trigger-icon {
  font-size: 12px;
}
.nav-bar-search-context-selector .context-selector-menu__trigger-label {
  max-width: 100px;
  font-size: 12px;
}
.nav-bar-search-context-selector .context-selector-menu__trigger-chevron {
  font-size: 8px;
}
@keyframes pulse-glow {
  0%, 100% {
    filter: drop-shadow(0 0 8px color-mix(in srgb, var(--primary-color) 80%, transparent));
  }
  50% {
    filter: drop-shadow(0 0 12px var(--primary-color));
  }
}
@keyframes ripple-wave {
  0% {
    width: 0;
    height: 0;
    opacity: 1;
  }
  100% {
    width: 100px;
    height: 100px;
    opacity: 0;
  }
}
@keyframes fade-in-up {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes fade-in-rotate {
  from {
    opacity: 0;
    transform: rotate(-90deg) scale(0.5);
  }
  to {
    opacity: 0.6;
    transform: rotate(0deg) scale(1);
  }
}
@keyframes fade-out-right {
  from {
    opacity: 1;
    transform: translateX(0);
  }
  to {
    opacity: 0;
    transform: translateX(20px);
  }
}
@keyframes fade-out-rotate-right {
  from {
    opacity: 0.6;
    transform: rotate(0deg) scale(1);
  }
  to {
    opacity: 0;
    transform: rotate(90deg) scale(0.5) translateX(10px);
  }
}
.nav-bar-search-container--closing .nav-bar-search-close {
  animation: fade-out-rotate-right 0.3s ease-out 0s forwards;
}
.nav-bar-search-container--closing .nav-bar-search-input {
  animation: fade-out-right 0.3s ease-out 0.1s forwards;
}
.nav-bar-search-container--closing .nav-bar-search-context-selector {
  animation: fade-out-right 0.3s ease-out 0.2s forwards;
}
.nav-bar-search-container--closing .nav-bar-search-input-icon {
  animation: fade-out-right 0.3s ease-out 0.3s forwards;
}
.sphere-identity-atom {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  max-width: 100%;
  overflow: hidden;
  padding: 4px;
}
.sphere-identity-atom .sphere-identity-avatar-icon {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  top: 0px;
}
.sphere-identity-atom .sphere-identity-atom-name {
  flex: 1;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: var(--secondary-font);
  color: var(--secondary-text-color);
}
[data-theme=dark] .sphere-identity-atom .sphere-identity-atom-name {
  color: var(--secondary-text-color);
}
.sphere-identity-atom .sphere-identity-atom-name {
  display: block;
  line-height: 1;
}
.atlas-sphere-identity-molecule {
  cursor: auto;
  max-width: 150px;
  overflow: hidden;
}
.status-popover {
  min-width: 360px;
  max-width: 480px;
  font-family: var(--font-family);
  border-radius: var(--border-radius);
  background: var(--component-background);
  box-shadow: var(--element-shadow);
  transition: min-width 0.25s ease-out, max-width 0.25s ease-out;
}
.status-popover.p-overlaypanel {
  border: var(--primary-border);
  max-height: calc(100vh - 20px);
  animation: statusPopoverFadeIn 0.4s ease-out;
}
.status-popover.p-overlaypanel::before, .status-popover.p-overlaypanel::after {
  display: none;
}
.status-popover.p-overlaypanel .p-overlaypanel-content {
  padding: 0;
  display: flex;
  flex-direction: column;
  max-height: calc(100vh - 40px);
}
@keyframes statusPopoverFadeIn {
  from {
    opacity: 0;
    transform: scale(0.95);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
.status-popover .status-popover-header {
  position: relative;
  padding: 16px;
  padding-right: 40px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
  background: var(--component-background-gradient);
  border-radius: var(--border-radius) var(--border-radius) 0 0;
  flex-shrink: 0;
}
.status-popover .status-popover-header h3 {
  margin: 0 0 8px 0;
  font-size: var(--sub-heading-font);
  font-weight: 700;
  color: var(--primary-text-color);
}
.status-popover .status-popover-header__status-row {
  display: flex;
  align-items: center;
  gap: 8px;
}
.status-popover .status-popover-header .status-badge-label {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 12px;
  background: var(--component-background);
  color: var(--secondary-text-color);
  border-radius: calc(var(--border-radius) / 2);
  font-size: var(--secondary-font);
  font-weight: 600;
  box-shadow: var(--card-shadow);
}
.status-popover .status-popover-header .status-badge-label--on-track {
  background: rgba(16, 185, 129, 0.15);
  color: #047857;
}
.status-popover .status-popover-header .status-badge-label--at-risk, .status-popover .status-popover-header .status-badge-label--needs-attention {
  background: rgba(245, 158, 11, 0.15);
  color: #B45309;
}
.status-popover .status-popover-header .status-badge-label--critical {
  background: rgba(239, 68, 68, 0.15);
  color: #B91C1C;
}
.status-popover .status-popover-header .status-badge-label--blocked {
  background: rgba(220, 38, 38, 0.15);
  color: #991B1B;
}
.status-popover .status-popover-header .status-badge-label--completed {
  background: rgba(5, 150, 105, 0.15);
  color: #065F46;
}
.status-popover .status-popover-header .status-badge-label--unknown {
  background: rgba(156, 163, 175, 0.15);
  color: #4B5563;
}
.status-popover .status-popover-header .status-badge-label--velocity-rapidly_improving {
  background: rgba(16, 185, 129, 0.15);
  color: #047857;
}
.status-popover .status-popover-header .status-badge-label--velocity-improving {
  background: rgba(34, 197, 94, 0.15);
  color: #15803D;
}
.status-popover .status-popover-header .status-badge-label--velocity-stable {
  background: rgba(156, 163, 175, 0.15);
  color: #4B5563;
}
.status-popover .status-popover-header .status-badge-label--velocity-declining {
  background: rgba(245, 158, 11, 0.15);
  color: #B45309;
}
.status-popover .status-popover-header .status-badge-label--velocity-rapidly_declining {
  background: rgba(239, 68, 68, 0.15);
  color: #B91C1C;
}
.status-popover .status-popover-header .status-badge-label--velocity-unknown {
  background: rgba(156, 163, 175, 0.15);
  color: #4B5563;
}
.status-popover .status-popover-header .status-badge-label--compliance-warning {
  background: rgba(245, 158, 11, 0.15);
  color: #B45309;
  border: 1px solid rgba(245, 158, 11, 0.3);
}
.status-popover .status-popover-header .status-badge-label--compliance-warning i {
  font-size: 12px;
}
.status-popover .status-popover-header .status-badge-label--compliance-degraded {
  border: 1px dashed rgba(245, 158, 11, 0.5);
}
.status-popover .status-popover-close-btn {
  position: absolute;
  top: 12px;
  right: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  padding: 0;
  border: none;
  border-radius: calc(var(--border-radius) / 2);
  background: transparent;
  color: var(--secondary-text-color);
  cursor: pointer;
  transition: all 0.15s ease;
}
.status-popover .status-popover-close-btn:hover {
  background: rgba(0, 0, 0, 0.06);
  color: var(--primary-text-color);
}
.status-popover .status-popover-close-btn i {
  font-size: 14px;
}
.status-popover .status-popover-refresh-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  padding: 0;
  border: none;
  border-radius: calc(var(--border-radius) / 2);
  background: var(--component-background);
  color: var(--secondary-text-color);
  cursor: pointer;
  transition: all 0.2s ease;
  box-shadow: var(--card-shadow);
}
.status-popover .status-popover-refresh-btn:hover:not(:disabled) {
  background: var(--hover-background);
  color: var(--primary-text-color);
}
.status-popover .status-popover-refresh-btn:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.status-popover .status-popover-refresh-btn__icon {
  width: 16px;
  height: 16px;
}
.status-popover .status-popover-refresh-btn--loading .status-popover-refresh-btn__icon {
  animation: spin 1s linear infinite;
}
@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.status-popover .status-popover-content {
  padding: 16px;
  flex: 1 1 auto;
  overflow-y: auto;
  min-height: 0;
  max-height: calc(100vh - 180px);
}
.status-popover .status-popover-empty-state,
.status-popover .status-popover-draft-state,
.status-popover .status-popover-deploy-state {
  text-align: center;
  padding: 20px 12px;
}
.status-popover .status-popover-empty-state .empty-state-icon,
.status-popover .status-popover-empty-state .draft-state-icon,
.status-popover .status-popover-empty-state .deploy-state-icon,
.status-popover .status-popover-draft-state .empty-state-icon,
.status-popover .status-popover-draft-state .draft-state-icon,
.status-popover .status-popover-draft-state .deploy-state-icon,
.status-popover .status-popover-deploy-state .empty-state-icon,
.status-popover .status-popover-deploy-state .draft-state-icon,
.status-popover .status-popover-deploy-state .deploy-state-icon {
  font-size: 40px;
  margin-bottom: 12px;
  line-height: 1;
}
.status-popover .status-popover-empty-state h4,
.status-popover .status-popover-draft-state h4,
.status-popover .status-popover-deploy-state h4 {
  margin: 0 0 8px 0;
  font-size: var(--sub-heading-font);
  font-weight: 700;
  color: var(--primary-text-color);
}
.status-popover .status-popover-empty-state > p,
.status-popover .status-popover-draft-state > p,
.status-popover .status-popover-deploy-state > p {
  margin: 0 0 16px 0;
  font-size: var(--primary-font);
  color: var(--secondary-text-color);
  line-height: 1.5;
}
.status-popover .status-popover-empty-state .empty-state-note,
.status-popover .status-popover-empty-state .draft-state-note,
.status-popover .status-popover-empty-state .deploy-state-note,
.status-popover .status-popover-draft-state .empty-state-note,
.status-popover .status-popover-draft-state .draft-state-note,
.status-popover .status-popover-draft-state .deploy-state-note,
.status-popover .status-popover-deploy-state .empty-state-note,
.status-popover .status-popover-deploy-state .draft-state-note,
.status-popover .status-popover-deploy-state .deploy-state-note {
  margin-top: 12px;
  font-size: var(--secondary-font);
  color: var(--secondary-text-color);
  opacity: 0.7;
  font-style: italic;
}
.status-popover .status-popover-empty-state .deploy-error,
.status-popover .status-popover-draft-state .deploy-error,
.status-popover .status-popover-deploy-state .deploy-error {
  margin: 12px 0 16px 0;
  padding: 10px 14px;
  background: rgba(239, 68, 68, 0.08);
  border: 1px solid rgba(239, 68, 68, 0.2);
  border-radius: calc(var(--border-radius) / 2);
  color: #DC2626;
  font-size: var(--secondary-font);
  text-align: left;
}
.status-popover .status-popover-empty-state .cta-button-primary,
.status-popover .status-popover-empty-state .cta-button-secondary,
.status-popover .status-popover-draft-state .cta-button-primary,
.status-popover .status-popover-draft-state .cta-button-secondary,
.status-popover .status-popover-deploy-state .cta-button-primary,
.status-popover .status-popover-deploy-state .cta-button-secondary {
  margin-top: 8px;
  width: 100%;
}
.status-popover .status-popover-computed-state {
  text-align: left;
  padding: 8px 0;
}
.status-popover .status-popover-computed-state__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 8px;
}
.status-popover .status-popover-computed-state h4 {
  margin: 0;
  font-size: var(--sub-heading-font);
  font-weight: 700;
  color: var(--primary-text-color);
}
.status-popover .status-popover-computed-state > p {
  margin: 0 0 12px 0;
  font-size: var(--primary-font);
  color: var(--secondary-text-color);
  line-height: 1.5;
}
.status-popover .status-popover-configure-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  padding: 0;
  border: none;
  border-radius: calc(var(--border-radius) / 2);
  background: var(--component-background);
  color: var(--secondary-text-color);
  cursor: pointer;
  transition: all 0.2s ease;
  box-shadow: var(--card-shadow);
}
.status-popover .status-popover-configure-btn:hover {
  background: var(--hover-background);
  color: var(--primary-text-color);
}
.status-popover .status-popover-configure-btn:active {
  transform: scale(0.95);
}
.status-popover .status-popover-configure-btn i {
  font-size: 14px;
}
.status-popover .status-popover-velocity {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px 14px;
  margin-bottom: 16px;
  background: var(--component-background-gradient);
  border-radius: calc(var(--border-radius) / 2);
  border: var(--primary-border);
  box-shadow: var(--card-shadow);
}
.status-popover .status-popover-velocity__label {
  font-size: var(--primary-font);
  font-weight: 600;
  color: var(--primary-text-color);
}
.status-popover .status-popover-velocity__bucket {
  font-size: var(--secondary-font);
  color: var(--secondary-text-color);
  margin-left: auto;
}
.status-popover .status-popover-velocity__unknown {
  font-size: var(--secondary-font);
  color: var(--secondary-text-color);
  font-style: italic;
  opacity: 0.8;
}
.status-popover .status-factor-list {
  list-style: none;
  padding: 0;
  margin: 16px 0;
  text-align: left;
}
.status-popover .status-factor-list--preview {
  margin: 12px 0;
}
.status-popover .status-factor-list .status-factor-item {
  padding: 12px 14px;
  margin-bottom: 10px;
  border-radius: calc(var(--border-radius) / 2);
  background: var(--component-background-gradient);
  border: var(--primary-border);
  box-shadow: var(--card-shadow);
  transition: transform 0.15s ease, box-shadow 0.15s ease;
}
.status-popover .status-factor-list .status-factor-item:last-child {
  margin-bottom: 0;
}
.status-popover .status-factor-list .status-factor-item:hover {
  transform: translateY(-1px);
  box-shadow: var(--element-shadow);
}
.status-popover .status-factor-list .status-factor-item__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 6px;
  gap: 8px;
}
.status-popover .status-factor-list .status-factor-item__name {
  font-weight: 700;
  font-size: var(--primary-font);
  color: var(--primary-text-color);
  text-transform: capitalize;
}
.status-popover .status-factor-list .status-factor-item__weight {
  font-size: var(--secondary-font);
  color: var(--secondary-text-color);
  opacity: 0.8;
  white-space: nowrap;
}
.status-popover .status-factor-list .status-factor-item__status-row {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 6px;
}
.status-popover .status-factor-list .status-factor-item__status {
  font-size: var(--primary-font);
  font-weight: 600;
  padding: 4px 10px;
  border-radius: calc(var(--border-radius) / 3);
  display: inline-block;
}
.status-popover .status-factor-list .status-factor-item__status--on-track {
  color: #047857;
  background: rgba(16, 185, 129, 0.15);
}
.status-popover .status-factor-list .status-factor-item__status--at-risk, .status-popover .status-factor-list .status-factor-item__status--needs-attention {
  color: #B45309;
  background: rgba(245, 158, 11, 0.15);
}
.status-popover .status-factor-list .status-factor-item__status--critical {
  color: #B91C1C;
  background: rgba(239, 68, 68, 0.15);
}
.status-popover .status-factor-list .status-factor-item__status--blocked {
  color: #991B1B;
  background: rgba(220, 38, 38, 0.15);
}
.status-popover .status-factor-list .status-factor-item__status--completed {
  color: #065F46;
  background: rgba(5, 150, 105, 0.15);
}
.status-popover .status-factor-list .status-factor-item__status--unknown {
  color: #4B5563;
  background: rgba(156, 163, 175, 0.15);
}
.status-popover .status-factor-list .status-factor-item__description {
  font-size: var(--secondary-font);
  color: var(--secondary-text-color);
  line-height: 1.5;
  opacity: 0.9;
}
.status-popover .status-factor-list .status-factor-item__arrow {
  margin-left: auto;
  color: var(--secondary-text-color);
  opacity: 0.5;
  transition: opacity 0.15s ease, transform 0.15s ease;
  font-size: var(--primary-font);
}
.status-popover .status-factor-list .status-factor-item--clickable {
  cursor: pointer;
}
.status-popover .status-factor-list .status-factor-item--clickable:hover {
  border-color: var(--secondary-color);
}
.status-popover .status-factor-list .status-factor-item--clickable:hover .status-factor-item__arrow {
  opacity: 1;
  transform: translateX(2px);
}
.status-popover .status-factor-list .status-factor-item--clickable:focus {
  outline: none;
  border-color: var(--secondary-color);
  box-shadow: 0 0 0 3px rgba(55, 127, 196, 0.15);
}
.status-popover .status-factor-list .status-factor-item--clickable:active {
  transform: translateY(0);
}
.status-popover .status-factor-checkin-btn {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 4px 10px;
  margin-left: auto;
  font-size: var(--secondary-font);
  font-weight: 600;
  font-family: var(--font-family);
  color: #377FC4;
  background: rgba(55, 127, 196, 0.1);
  border: 1px solid rgba(55, 127, 196, 0.3);
  border-radius: calc(var(--border-radius) / 2);
  cursor: pointer;
  transition: background-color 0.15s ease, border-color 0.15s ease, transform 0.1s ease;
}
.status-popover .status-factor-checkin-btn i {
  font-size: 0.75rem;
}
.status-popover .status-factor-checkin-btn:hover:not(:disabled) {
  background: rgba(55, 127, 196, 0.18);
  border-color: rgba(55, 127, 196, 0.5);
}
.status-popover .status-factor-checkin-btn:active:not(:disabled) {
  transform: scale(0.97);
}
.status-popover .status-factor-checkin-btn:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.status-popover .status-popover-footer {
  padding: 12px 16px;
  border-top: 1px solid rgba(0, 0, 0, 0.08);
  text-align: center;
  background: var(--component-background-gradient);
  border-radius: 0 0 var(--border-radius) var(--border-radius);
  flex-shrink: 0;
}
.status-popover .status-popover-footer small {
  font-size: var(--secondary-font);
  color: var(--secondary-text-color);
  opacity: 0.7;
}
[data-theme=dark] .status-popover {
  background: var(--component-background);
  border-color: #3a3a4e;
}
[data-theme=dark] .status-popover .status-popover-header {
  border-bottom-color: rgba(255, 255, 255, 0.1);
  background: var(--component-background-gradient);
}
[data-theme=dark] .status-popover .status-popover-header h3 {
  color: var(--primary-text-color);
}
[data-theme=dark] .status-popover .status-popover-header .status-badge-label {
  background: rgba(255, 255, 255, 0.08);
  color: var(--secondary-text-color);
  box-shadow: none;
  border: 1px solid rgba(255, 255, 255, 0.1);
}
[data-theme=dark] .status-popover .status-popover-header .status-badge-label--on-track {
  background: rgba(16, 185, 129, 0.2);
  color: #34D399;
}
[data-theme=dark] .status-popover .status-popover-header .status-badge-label--at-risk, [data-theme=dark] .status-popover .status-popover-header .status-badge-label--needs-attention {
  background: rgba(245, 158, 11, 0.2);
  color: #FBBF24;
}
[data-theme=dark] .status-popover .status-popover-header .status-badge-label--critical {
  background: rgba(239, 68, 68, 0.2);
  color: #F87171;
}
[data-theme=dark] .status-popover .status-popover-header .status-badge-label--blocked {
  background: rgba(220, 38, 38, 0.2);
  color: #FCA5A5;
}
[data-theme=dark] .status-popover .status-popover-header .status-badge-label--completed {
  background: rgba(5, 150, 105, 0.2);
  color: #6EE7B7;
}
[data-theme=dark] .status-popover .status-popover-header .status-badge-label--unknown {
  background: rgba(156, 163, 175, 0.2);
  color: #9CA3AF;
}
[data-theme=dark] .status-popover .status-popover-header .status-badge-label--velocity-rapidly_improving {
  background: rgba(16, 185, 129, 0.2);
  color: #34D399;
}
[data-theme=dark] .status-popover .status-popover-header .status-badge-label--velocity-improving {
  background: rgba(34, 197, 94, 0.2);
  color: #4ADE80;
}
[data-theme=dark] .status-popover .status-popover-header .status-badge-label--velocity-stable {
  background: rgba(156, 163, 175, 0.2);
  color: #9CA3AF;
}
[data-theme=dark] .status-popover .status-popover-header .status-badge-label--velocity-declining {
  background: rgba(245, 158, 11, 0.2);
  color: #FBBF24;
}
[data-theme=dark] .status-popover .status-popover-header .status-badge-label--velocity-rapidly_declining {
  background: rgba(239, 68, 68, 0.2);
  color: #F87171;
}
[data-theme=dark] .status-popover .status-popover-header .status-badge-label--velocity-unknown {
  background: rgba(156, 163, 175, 0.2);
  color: #9CA3AF;
}
[data-theme=dark] .status-popover .status-popover-header .status-badge-label--compliance-warning {
  background: rgba(245, 158, 11, 0.2);
  color: #FBBF24;
  border: 1px solid rgba(245, 158, 11, 0.4);
}
[data-theme=dark] .status-popover .status-popover-header .status-badge-label--compliance-degraded {
  border: 1px dashed rgba(245, 158, 11, 0.6);
}
[data-theme=dark] .status-popover .status-popover-close-btn {
  color: var(--secondary-text-color);
}
[data-theme=dark] .status-popover .status-popover-close-btn:hover {
  background: rgba(255, 255, 255, 0.1);
  color: var(--primary-text-color);
}
[data-theme=dark] .status-popover .status-popover-refresh-btn {
  background: rgba(255, 255, 255, 0.08);
  color: var(--secondary-text-color);
  box-shadow: none;
  border: 1px solid rgba(255, 255, 255, 0.1);
}
[data-theme=dark] .status-popover .status-popover-refresh-btn:hover:not(:disabled) {
  background: rgba(255, 255, 255, 0.15);
  color: var(--primary-text-color);
}
[data-theme=dark] .status-popover .status-popover-configure-btn {
  background: rgba(255, 255, 255, 0.08);
  color: var(--secondary-text-color);
  box-shadow: none;
  border: 1px solid rgba(255, 255, 255, 0.1);
}
[data-theme=dark] .status-popover .status-popover-configure-btn:hover {
  background: rgba(255, 255, 255, 0.15);
  color: var(--primary-text-color);
}
[data-theme=dark] .status-popover .status-popover-empty-state h4,
[data-theme=dark] .status-popover .status-popover-draft-state h4,
[data-theme=dark] .status-popover .status-popover-deploy-state h4,
[data-theme=dark] .status-popover .status-popover-computed-state h4 {
  color: var(--primary-text-color);
}
[data-theme=dark] .status-popover .status-popover-empty-state > p,
[data-theme=dark] .status-popover .status-popover-draft-state > p,
[data-theme=dark] .status-popover .status-popover-deploy-state > p,
[data-theme=dark] .status-popover .status-popover-computed-state > p {
  color: var(--secondary-text-color);
}
[data-theme=dark] .status-popover .status-popover-empty-state .empty-state-note,
[data-theme=dark] .status-popover .status-popover-empty-state .draft-state-note,
[data-theme=dark] .status-popover .status-popover-empty-state .deploy-state-note,
[data-theme=dark] .status-popover .status-popover-draft-state .empty-state-note,
[data-theme=dark] .status-popover .status-popover-draft-state .draft-state-note,
[data-theme=dark] .status-popover .status-popover-draft-state .deploy-state-note,
[data-theme=dark] .status-popover .status-popover-deploy-state .empty-state-note,
[data-theme=dark] .status-popover .status-popover-deploy-state .draft-state-note,
[data-theme=dark] .status-popover .status-popover-deploy-state .deploy-state-note,
[data-theme=dark] .status-popover .status-popover-computed-state .empty-state-note,
[data-theme=dark] .status-popover .status-popover-computed-state .draft-state-note,
[data-theme=dark] .status-popover .status-popover-computed-state .deploy-state-note {
  color: var(--secondary-text-color);
  opacity: 0.6;
}
[data-theme=dark] .status-popover .status-popover-empty-state .deploy-error,
[data-theme=dark] .status-popover .status-popover-draft-state .deploy-error,
[data-theme=dark] .status-popover .status-popover-deploy-state .deploy-error,
[data-theme=dark] .status-popover .status-popover-computed-state .deploy-error {
  background: rgba(239, 68, 68, 0.15);
  border-color: rgba(239, 68, 68, 0.3);
  color: #FCA5A5;
}
[data-theme=dark] .status-popover .status-factor-list .status-factor-item {
  background: rgba(255, 255, 255, 0.03);
  border-color: rgba(255, 255, 255, 0.1);
  box-shadow: none;
}
[data-theme=dark] .status-popover .status-factor-list .status-factor-item:hover {
  background: rgba(255, 255, 255, 0.06);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}
[data-theme=dark] .status-popover .status-factor-list .status-factor-item__name {
  color: var(--primary-text-color);
}
[data-theme=dark] .status-popover .status-factor-list .status-factor-item__weight, [data-theme=dark] .status-popover .status-factor-list .status-factor-item__description {
  color: var(--secondary-text-color);
}
[data-theme=dark] .status-popover .status-factor-list .status-factor-item__status--on-track {
  color: #34D399;
  background: rgba(16, 185, 129, 0.2);
}
[data-theme=dark] .status-popover .status-factor-list .status-factor-item__status--at-risk, [data-theme=dark] .status-popover .status-factor-list .status-factor-item__status--needs-attention {
  color: #FBBF24;
  background: rgba(245, 158, 11, 0.2);
}
[data-theme=dark] .status-popover .status-factor-list .status-factor-item__status--critical {
  color: #F87171;
  background: rgba(239, 68, 68, 0.2);
}
[data-theme=dark] .status-popover .status-factor-list .status-factor-item__status--blocked {
  color: #FCA5A5;
  background: rgba(220, 38, 38, 0.2);
}
[data-theme=dark] .status-popover .status-factor-list .status-factor-item__status--completed {
  color: #6EE7B7;
  background: rgba(5, 150, 105, 0.2);
}
[data-theme=dark] .status-popover .status-factor-list .status-factor-item__status--unknown {
  color: #9CA3AF;
  background: rgba(156, 163, 175, 0.2);
}
[data-theme=dark] .status-popover .status-factor-list .status-factor-item__arrow {
  color: var(--secondary-text-color);
}
[data-theme=dark] .status-popover .status-factor-list .status-factor-item--clickable:hover {
  border-color: #5fa0df;
}
[data-theme=dark] .status-popover .status-factor-list .status-factor-item--clickable:focus {
  border-color: #5fa0df;
  box-shadow: 0 0 0 3px rgba(95, 160, 223, 0.25);
}
[data-theme=dark] .status-popover .status-factor-checkin-btn {
  color: #5fa0df;
  background: rgba(95, 160, 223, 0.15);
  border-color: rgba(95, 160, 223, 0.35);
}
[data-theme=dark] .status-popover .status-factor-checkin-btn:hover:not(:disabled) {
  background: rgba(95, 160, 223, 0.25);
  border-color: rgba(95, 160, 223, 0.5);
}
[data-theme=dark] .status-popover .status-popover-footer {
  border-top-color: rgba(255, 255, 255, 0.1);
  background: var(--component-background-gradient);
}
[data-theme=dark] .status-popover .status-popover-footer small {
  color: var(--secondary-text-color);
}
[data-theme=dark] .status-popover .status-factor-panel {
  background: var(--component-background);
  border-left-color: rgba(255, 255, 255, 0.1);
}
[data-theme=dark] .status-popover .status-factor-panel__header {
  border-bottom-color: rgba(255, 255, 255, 0.1);
  background: var(--component-background-gradient);
}
[data-theme=dark] .status-popover .status-factor-panel__back-btn {
  background: rgba(255, 255, 255, 0.08);
  color: var(--secondary-text-color);
  border: 1px solid rgba(255, 255, 255, 0.1);
}
[data-theme=dark] .status-popover .status-factor-panel__back-btn:hover:not(:disabled) {
  background: rgba(255, 255, 255, 0.15);
  color: var(--primary-text-color);
}
[data-theme=dark] .status-popover .status-factor-panel__title {
  color: var(--primary-text-color);
}
[data-theme=dark] .status-popover .status-factor-panel__label {
  color: var(--primary-text-color);
}
[data-theme=dark] .status-popover .status-factor-panel__weight {
  color: var(--secondary-text-color);
}
[data-theme=dark] .status-popover .status-factor-panel__description, [data-theme=dark] .status-popover .status-factor-panel__info-text {
  color: var(--secondary-text-color);
}
[data-theme=dark] .status-popover .status-factor-panel__divider {
  background: rgba(255, 255, 255, 0.1);
}
[data-theme=dark] .status-popover .status-factor-panel__dropdown {
  background: rgba(255, 255, 255, 0.03);
  border-color: rgba(255, 255, 255, 0.1);
}
[data-theme=dark] .status-popover .status-factor-panel__dropdown:hover:not(.p-disabled) {
  border-color: #5fa0df;
}
[data-theme=dark] .status-popover .status-factor-panel__dropdown.p-focus {
  border-color: #5fa0df;
  box-shadow: 0 0 0 3px rgba(95, 160, 223, 0.25);
}
[data-theme=dark] .status-popover .status-factor-panel__textarea {
  background: rgba(255, 255, 255, 0.03);
  border-color: rgba(255, 255, 255, 0.1);
  color: var(--primary-text-color);
}
[data-theme=dark] .status-popover .status-factor-panel__textarea:hover:not(:disabled) {
  border-color: #5fa0df;
}
[data-theme=dark] .status-popover .status-factor-panel__textarea:focus {
  border-color: #5fa0df;
  box-shadow: 0 0 0 3px rgba(95, 160, 223, 0.25);
}
[data-theme=dark] .status-popover .status-factor-panel__textarea::-moz-placeholder {
  color: rgba(255, 255, 255, 0.4);
}
[data-theme=dark] .status-popover .status-factor-panel__textarea::placeholder {
  color: rgba(255, 255, 255, 0.4);
}
[data-theme=dark] .status-popover .status-factor-panel__submit-btn {
  background: rgba(95, 160, 223, 0.15);
  border-color: rgba(95, 160, 223, 0.35);
  color: #5fa0df;
}
[data-theme=dark] .status-popover .status-factor-panel__submit-btn:hover:not(:disabled) {
  background: rgba(95, 160, 223, 0.25);
  border-color: rgba(95, 160, 223, 0.5);
}
[data-theme=dark] .status-popover .status-factor-panel__error {
  color: #ff6b6b;
}
[data-theme=dark] .status-popover .status-factor-panel__footer {
  border-top-color: rgba(255, 255, 255, 0.1);
  background: var(--component-background-gradient);
}
[data-theme=dark] .status-popover .status-factor-panel__footer small {
  color: var(--secondary-text-color);
}
[data-theme=dark] .status-popover .status-factor-panel .status-panel-current-status {
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.1);
}
[data-theme=dark] .status-popover .status-factor-panel .status-panel-current-status--on-track {
  background: rgba(16, 185, 129, 0.2);
  color: #34D399;
}
[data-theme=dark] .status-popover .status-factor-panel .status-panel-current-status--at-risk, [data-theme=dark] .status-popover .status-factor-panel .status-panel-current-status--needs-attention {
  background: rgba(245, 158, 11, 0.2);
  color: #FBBF24;
}
[data-theme=dark] .status-popover .status-factor-panel .status-panel-current-status--critical {
  background: rgba(239, 68, 68, 0.2);
  color: #F87171;
}
[data-theme=dark] .status-popover .status-factor-panel .status-panel-current-status--blocked {
  background: rgba(220, 38, 38, 0.2);
  color: #FCA5A5;
}
[data-theme=dark] .status-popover .status-factor-panel .status-panel-current-status--completed {
  background: rgba(59, 130, 246, 0.2);
  color: #93C5FD;
}
[data-theme=dark] .status-popover .status-factor-panel .status-panel-current-status--unknown {
  background: rgba(156, 163, 175, 0.2);
  color: #9CA3AF;
}
[data-theme=dark] .status-popover .status-factor-panel .status-panel-placeholder {
  color: var(--secondary-text-color);
}
[data-theme=dark] .status-popover .status-factor-panel .status-panel-option span:last-child {
  color: var(--primary-text-color);
}
.status-factor-panel {
  width: 320px;
  background: var(--component-background);
  border-left: 1px solid rgba(0, 0, 0, 0.08);
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
}
.status-factor-panel__header {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 16px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
  background: var(--component-background-gradient);
  flex-shrink: 0;
}
.status-factor-panel__back-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border: none;
  border-radius: calc(var(--border-radius) / 2);
  background: var(--component-background);
  color: var(--secondary-text-color);
  box-shadow: var(--card-shadow);
  cursor: pointer;
  transition: all 0.15s ease;
}
.status-factor-panel__back-btn:hover:not(:disabled) {
  background: var(--hover-background);
  color: var(--primary-text-color);
}
.status-factor-panel__back-btn:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.status-factor-panel__back-btn i {
  font-size: 14px;
}
.status-factor-panel__title {
  margin: 0;
  font-size: var(--primary-font);
  font-weight: 600;
  color: var(--primary-text-color);
  font-family: var(--font-family);
  flex: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.status-factor-panel__content {
  flex: 1;
  overflow-y: auto;
  padding: 16px;
}
.status-factor-panel__current {
  margin-bottom: 0;
}
.status-factor-panel__current-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 8px;
}
.status-factor-panel__current-row {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 12px;
}
.status-factor-panel__label {
  font-size: var(--secondary-font);
  font-weight: 600;
  color: var(--primary-text-color);
  font-family: var(--font-family);
}
.status-factor-panel__weight {
  font-size: var(--secondary-font);
  color: var(--secondary-text-color);
  font-family: var(--font-family);
}
.status-factor-panel__description {
  font-size: var(--secondary-font);
  color: var(--secondary-text-color);
  line-height: 1.5;
  margin: 0;
}
.status-factor-panel__divider {
  height: 1px;
  background: rgba(0, 0, 0, 0.08);
  margin: 16px 0;
}
.status-factor-panel__section-title {
  margin: 0 0 12px 0;
  font-size: var(--primary-font);
  font-weight: 600;
  color: var(--primary-text-color);
  font-family: var(--font-family);
}
.status-factor-panel__field {
  margin-bottom: 12px;
}
.status-factor-panel__field .status-factor-panel__label {
  display: block;
  margin-bottom: 6px;
}
.status-factor-panel__dropdown {
  width: 100%;
  border: var(--primary-border);
  border-radius: calc(var(--border-radius) / 2);
  background: var(--component-background);
  box-shadow: var(--card-shadow);
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
.status-factor-panel__dropdown:hover:not(.p-disabled) {
  border-color: var(--secondary-color);
}
.status-factor-panel__dropdown.p-focus {
  border-color: var(--secondary-color);
  box-shadow: 0 0 0 3px rgba(55, 127, 196, 0.15);
}
.status-factor-panel__dropdown.p-invalid {
  border-color: var(--error-color, #dc3545);
}
.status-factor-panel__dropdown .p-dropdown-label {
  padding: 8px 12px;
  font-size: var(--secondary-font);
  color: var(--primary-text-color);
  font-family: var(--font-family);
}
.status-factor-panel__dropdown .p-dropdown-trigger {
  color: var(--secondary-text-color);
}
.status-factor-panel__textarea {
  width: 100%;
  resize: vertical;
  min-height: 80px;
  font-size: var(--secondary-font);
  padding: 8px 12px;
  border: var(--primary-border);
  border-radius: calc(var(--border-radius) / 2);
  background: var(--component-background);
  color: var(--primary-text-color);
  font-family: var(--font-family);
  line-height: 1.5;
  box-shadow: var(--card-shadow);
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
.status-factor-panel__textarea:hover:not(:disabled) {
  border-color: var(--secondary-color);
}
.status-factor-panel__textarea:focus {
  outline: none;
  border-color: var(--secondary-color);
  box-shadow: 0 0 0 3px rgba(55, 127, 196, 0.15);
}
.status-factor-panel__textarea::-moz-placeholder {
  color: var(--secondary-text-color);
  opacity: 0.7;
}
.status-factor-panel__textarea::placeholder {
  color: var(--secondary-text-color);
  opacity: 0.7;
}
.status-factor-panel__textarea:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
.status-factor-panel__textarea.p-invalid {
  border-color: var(--error-color, #dc3545);
}
.status-factor-panel__submit-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  height: 36px;
  margin-top: 16px;
  border: 1px solid rgba(55, 127, 196, 0.3);
  border-radius: calc(var(--border-radius) / 2);
  background: rgba(55, 127, 196, 0.1);
  color: #377FC4;
  font-size: var(--primary-font);
  font-weight: 600;
  font-family: var(--font-family);
  cursor: pointer;
  transition: all 0.15s ease;
}
.status-factor-panel__submit-btn:hover:not(:disabled) {
  background: rgba(55, 127, 196, 0.18);
  border-color: rgba(55, 127, 196, 0.5);
}
.status-factor-panel__submit-btn:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.status-factor-panel__submit-btn i {
  font-size: 14px;
}
.status-factor-panel__error {
  display: block;
  color: var(--error-color, #dc3545);
  font-size: 12px;
  margin-top: 4px;
  font-family: var(--font-family);
}
.status-factor-panel__info {
  margin-top: 0;
}
.status-factor-panel__info-text {
  font-size: var(--secondary-font);
  color: var(--secondary-text-color);
  line-height: 1.5;
  margin: 0;
  font-style: italic;
}
.status-factor-panel__footer {
  padding: 12px 16px;
  border-top: 1px solid rgba(0, 0, 0, 0.08);
  background: var(--component-background-gradient);
  flex-shrink: 0;
}
.status-factor-panel__footer small {
  font-size: var(--secondary-font);
  color: var(--secondary-text-color);
  font-family: var(--font-family);
}
.status-panel-current-status {
  display: inline-flex;
  align-items: center;
  padding: 6px 12px;
  background: var(--component-background);
  border-radius: calc(var(--border-radius) / 2);
  font-size: var(--secondary-font);
  font-weight: 600;
  font-family: var(--font-family);
  box-shadow: var(--card-shadow);
}
.status-panel-current-status--on-track {
  background: rgba(16, 185, 129, 0.15);
  color: #047857;
}
.status-panel-current-status--at-risk, .status-panel-current-status--needs-attention {
  background: rgba(245, 158, 11, 0.15);
  color: #B45309;
}
.status-panel-current-status--critical {
  background: rgba(239, 68, 68, 0.15);
  color: #B91C1C;
}
.status-panel-current-status--blocked {
  background: rgba(220, 38, 38, 0.15);
  color: #991B1B;
}
.status-panel-current-status--completed {
  background: rgba(59, 130, 246, 0.15);
  color: #1D4ED8;
}
.status-panel-current-status--unknown {
  background: rgba(156, 163, 175, 0.15);
  color: #4B5563;
}
.status-panel-option {
  display: flex;
  align-items: center;
  gap: 8px;
  font-family: var(--font-family);
}
.status-panel-indicator {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  flex-shrink: 0;
}
.status-panel-placeholder {
  color: var(--secondary-text-color);
  opacity: 0.7;
}
.status-factor-panel__checkin-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  height: 36px;
  margin-bottom: 16px;
  border: 1px solid rgba(55, 127, 196, 0.3);
  border-radius: calc(var(--border-radius) / 2);
  background: rgba(55, 127, 196, 0.1);
  color: #377FC4;
  font-size: var(--primary-font);
  font-weight: 600;
  font-family: var(--font-family);
  cursor: pointer;
  transition: all 0.15s ease;
}
.status-factor-panel__checkin-btn:hover:not(:disabled) {
  background: rgba(55, 127, 196, 0.18);
  border-color: rgba(55, 127, 196, 0.5);
}
.status-factor-panel__checkin-btn:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.status-factor-panel__checkin-btn i {
  font-size: 14px;
}
.status-factor-panel__history {
  margin-top: 0;
}
.status-factor-panel__history-loading, .status-factor-panel__history-error, .status-factor-panel__history-empty {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 16px;
  font-size: var(--secondary-font);
  color: var(--secondary-text-color);
  font-style: italic;
}
.status-factor-panel__history-loading i, .status-factor-panel__history-error i, .status-factor-panel__history-empty i {
  font-size: 16px;
}
.status-factor-panel__history-error {
  color: var(--error-color, #dc3545);
  font-style: normal;
}
.status-factor-panel__history-list {
  list-style: none;
  padding: 0;
  margin: 0;
  max-height: 200px;
  overflow-y: auto;
}
.status-history-item {
  padding: 10px 12px;
  margin-bottom: 8px;
  background: var(--component-background-gradient);
  border: var(--primary-border);
  border-radius: calc(var(--border-radius) / 2);
  box-shadow: var(--card-shadow);
}
.status-history-item:last-child {
  margin-bottom: 0;
}
.status-history-item__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}
.status-history-item__status {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: var(--secondary-font);
  font-weight: 600;
  padding: 3px 8px;
  border-radius: calc(var(--border-radius) / 3);
}
.status-history-item__status i {
  font-size: 12px;
}
.status-history-item__status--on-track {
  color: #047857;
  background: rgba(16, 185, 129, 0.15);
}
.status-history-item__status--at-risk, .status-history-item__status--needs-attention {
  color: #B45309;
  background: rgba(245, 158, 11, 0.15);
}
.status-history-item__status--critical {
  color: #B91C1C;
  background: rgba(239, 68, 68, 0.15);
}
.status-history-item__status--blocked {
  color: #991B1B;
  background: rgba(220, 38, 38, 0.15);
}
.status-history-item__status--completed {
  color: #065F46;
  background: rgba(5, 150, 105, 0.15);
}
.status-history-item__status--unknown {
  color: #4B5563;
  background: rgba(156, 163, 175, 0.15);
}
.status-history-item__time {
  font-size: 11px;
  color: var(--secondary-text-color);
  opacity: 0.8;
  white-space: nowrap;
}
.status-history-item__comment {
  margin: 6px 0 0 0;
  font-size: var(--secondary-font);
  color: var(--secondary-text-color);
  line-height: 1.4;
  word-break: break-word;
}
.status-history-item__submitter {
  display: flex;
  align-items: center;
  margin-top: 6px;
}
.status-history-item__submitter .status-history-item__identity .sphere-identity-atom {
  gap: 6px;
}
.status-history-item__submitter .status-history-item__identity .sphere-avatar-wrapper,
.status-history-item__submitter .status-history-item__identity .sphere-avatar {
  width: 18px !important;
  height: 18px !important;
  min-width: 18px !important;
}
.status-history-item__submitter .status-history-item__identity .sphere-identity-atom-name {
  font-size: 11px;
  color: var(--secondary-text-color);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 180px;
}
.status-popover .status-popover-container {
  display: flex;
  flex-direction: row;
  width: 100%;
}
.status-popover.status-popover--panel-open {
  min-width: 680px;
  max-width: 720px;
}
.status-popover.status-popover--panel-open .p-overlaypanel-content {
  position: relative;
  overflow: hidden;
}
.status-popover.status-popover--panel-open .status-popover-main {
  flex-shrink: 0;
  width: 360px;
  border-right: 1px solid rgba(0, 0, 0, 0.08);
}
.status-popover.status-popover--panel-open .status-factor-panel {
  position: relative;
  transform: none;
  opacity: 1;
  width: 320px;
  flex-shrink: 0;
}
.status-popover .status-popover-main {
  display: flex;
  flex-direction: column;
  width: 100%;
  transition: width 0.25s ease-out;
}
[data-theme=dark] .status-popover.status-popover--panel-open .status-popover-main {
  border-right-color: rgba(255, 255, 255, 0.1);
}
[data-theme=dark] .status-factor-panel__checkin-btn {
  color: #5fa0df;
  background: rgba(95, 160, 223, 0.15);
  border-color: rgba(95, 160, 223, 0.35);
}
[data-theme=dark] .status-factor-panel__checkin-btn:hover:not(:disabled) {
  background: rgba(95, 160, 223, 0.25);
  border-color: rgba(95, 160, 223, 0.5);
}
[data-theme=dark] .status-factor-panel__history-loading, [data-theme=dark] .status-factor-panel__history-empty {
  color: var(--secondary-text-color);
}
[data-theme=dark] .status-factor-panel__history-error {
  color: #ff6b6b;
}
[data-theme=dark] .status-history-item {
  background: rgba(255, 255, 255, 0.03);
  border-color: rgba(255, 255, 255, 0.1);
  box-shadow: none;
}
[data-theme=dark] .status-history-item__status--on-track {
  color: #34D399;
  background: rgba(16, 185, 129, 0.2);
}
[data-theme=dark] .status-history-item__status--at-risk, [data-theme=dark] .status-history-item__status--needs-attention {
  color: #FBBF24;
  background: rgba(245, 158, 11, 0.2);
}
[data-theme=dark] .status-history-item__status--critical {
  color: #F87171;
  background: rgba(239, 68, 68, 0.2);
}
[data-theme=dark] .status-history-item__status--blocked {
  color: #FCA5A5;
  background: rgba(220, 38, 38, 0.2);
}
[data-theme=dark] .status-history-item__status--completed {
  color: #6EE7B7;
  background: rgba(5, 150, 105, 0.2);
}
[data-theme=dark] .status-history-item__status--unknown {
  color: #9CA3AF;
  background: rgba(156, 163, 175, 0.2);
}
[data-theme=dark] .status-history-item__time {
  color: var(--secondary-text-color);
}
[data-theme=dark] .status-history-item__comment {
  color: var(--secondary-text-color);
}
[data-theme=dark] .status-history-item__submitter {
  color: var(--secondary-text-color);
}
.context-selector-menu {
  display: flex;
  align-items: center;
  position: relative;
}
.context-selector-menu__trigger {
  display: flex;
  align-items: center;
  gap: var(--spacing-xs, 8px);
  padding: var(--spacing-xs, 8px) var(--spacing-sm, 12px);
  border: 1px solid var(--primary-border, #e0e0e0);
  border-radius: var(--border-radius-md, 8px);
  background: var(--component-background, #ffffff);
  color: var(--primary-text-color, #333333);
  cursor: pointer;
  font-family: Manrope, sans-serif;
  font-size: 14px;
  white-space: nowrap;
  transition: background-color 0.2s, border-color 0.2s;
}
.context-selector-menu__trigger:hover {
  background: var(--surface-hover, #f5f5f5);
  border-color: var(--primary-border-hover, #c0c0c0);
}
.context-selector-menu__trigger:focus-visible {
  outline: 2px solid var(--focus-ring-color, #2196f3);
  outline-offset: 2px;
}
.context-selector-menu__trigger-icon {
  font-size: 14px;
  color: var(--secondary-text-color, #666666);
}
.context-selector-menu__trigger-label {
  max-width: 160px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.context-selector-menu__trigger-chevron {
  font-size: 10px;
  color: var(--secondary-text-color, #666666);
  margin-left: var(--spacing-xxs, 4px);
}
.context-selector-menu__menu-item {
  display: flex;
  align-items: center;
  gap: var(--spacing-xs, 8px);
  padding: var(--spacing-xs, 8px) var(--spacing-sm, 12px);
  cursor: pointer;
  transition: background-color 0.15s;
  min-height: 40px;
}
.context-selector-menu__menu-item:hover {
  background: var(--surface-hover, #f5f5f5);
}
.context-selector-menu__menu-item--selected {
  background: var(--highlight-bg, #e3f2fd);
  font-weight: 600;
}
.context-selector-menu__menu-item--selected:hover {
  background: var(--highlight-bg, #e3f2fd);
}
.context-selector-menu__icon {
  font-size: 16px;
  color: var(--secondary-text-color, #666666);
  flex-shrink: 0;
  width: 20px;
  text-align: center;
}
.context-selector-menu__item-text {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-width: 0;
}
.context-selector-menu__label {
  font-size: 14px;
  color: var(--primary-text-color, #333333);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.context-selector-menu__description {
  font-size: 12px;
  color: var(--secondary-text-color, #666666);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.context-selector-menu__check {
  font-size: 12px;
  color: var(--primary-color, #2196f3);
  flex-shrink: 0;
  margin-left: auto;
}
.context-selector-menu__loading {
  display: flex;
  align-items: center;
  gap: var(--spacing-xs, 8px);
  padding: var(--spacing-xs, 8px) var(--spacing-sm, 12px);
  color: var(--secondary-text-color, #666666);
  font-size: 14px;
}
.context-selector-menu__loading .pi-spinner {
  font-size: 14px;
}
.context-selector-menu__empty {
  display: flex;
  align-items: center;
  padding: var(--spacing-xs, 8px) var(--spacing-sm, 12px);
  color: var(--secondary-text-color, #666666);
  font-size: 13px;
  font-style: italic;
}
.context-selector-menu__popup {
  min-width: 240px;
  max-width: 320px;
  border-radius: var(--border-radius-md, 8px);
  box-shadow: var(--shadow-md, 0 2px 4px rgba(0, 0, 0, 0.15));
}
[data-theme=dark] .context-selector-menu__trigger {
  background: var(--component-background-dark, #1e1e1e);
  border-color: var(--primary-border-dark, #444444);
  color: var(--primary-text-color, #e0e0e0);
}
[data-theme=dark] .context-selector-menu__trigger:hover {
  background: var(--hover-background);
  border-color: var(--primary-border-hover, #555555);
}
[data-theme=dark] .context-selector-menu__trigger-icon, [data-theme=dark] .context-selector-menu__trigger-chevron {
  color: var(--secondary-text-color, #aaaaaa);
}
[data-theme=dark] .context-selector-menu__trigger-label {
  color: var(--primary-text-color, #e0e0e0);
}
[data-theme=dark] .context-selector-menu__menu-item:hover {
  background: var(--hover-background);
}
[data-theme=dark] .context-selector-menu__menu-item--selected {
  background: var(--hover-background);
}
[data-theme=dark] .context-selector-menu__menu-item--selected:hover {
  background: var(--hover-background);
}
[data-theme=dark] .context-selector-menu__icon {
  color: var(--secondary-text-color, #aaaaaa);
}
[data-theme=dark] .context-selector-menu__label {
  color: var(--primary-text-color, #e0e0e0);
}
[data-theme=dark] .context-selector-menu__description {
  color: var(--secondary-text-color, #aaaaaa);
}
[data-theme=dark] .context-selector-menu__check {
  color: var(--primary-color, #64b5f6);
}
[data-theme=dark] .context-selector-menu__loading {
  color: var(--secondary-text-color, #aaaaaa);
}
[data-theme=dark] .context-selector-menu__empty {
  color: var(--secondary-text-color, #aaaaaa);
}
[data-theme=dark] .context-selector-menu__popup {
  box-shadow: var(--shadow-md, 0 2px 4px rgba(255, 255, 255, 0.1));
}
.global-search-results-list {
  max-height: 400px;
  overflow-y: auto;
}
.global-search-results-list__loading, .global-search-results-list__error, .global-search-results-list__empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-lg, 16px);
  gap: var(--spacing-sm, 8px);
  color: var(--secondary-text-color);
}
.global-search-results-list__loading i, .global-search-results-list__error i, .global-search-results-list__empty i {
  font-size: 24px;
  color: var(--secondary-text-color);
}
.global-search-results-list__error {
  color: var(--error-color, #dc3545);
}
.global-search-results-list__error i {
  color: var(--error-color, #dc3545);
}
.global-search-results-list__header {
  padding: var(--spacing-sm, 8px) var(--spacing-md, 12px);
  border-bottom: var(--primary-border);
  background: var(--hover-background);
}
.global-search-results-list__count {
  font-size: 12px;
  color: var(--secondary-text-color);
  font-weight: 500;
}
.global-search-results-list__items {
  display: flex;
  flex-direction: column;
}
.global-search-results-list__item {
  padding: var(--spacing-sm, 8px) var(--spacing-md, 12px);
  cursor: pointer;
  border-bottom: var(--primary-border);
  transition: background 0.2s ease;
}
.global-search-results-list__item:hover, .global-search-results-list__item--selected {
  background: var(--hover-background);
}
.global-search-results-list__item:last-child {
  border-bottom: none;
}
.global-search-results-list__item:focus {
  outline: none;
  background: var(--hover-background);
}
@charset "UTF-8";
.node-content {
  display: flex;
  align-items: center;
  padding: 5px;
  border-bottom: 1px solid #e0e0e0;
  border-radius: 26px 0px 0px 26px;
  background: #fff;
}
[data-theme=dark] .node-content {
  background: var(--component-background);
}
.node-content {
  height: 50px;
  /* dropdown-innerShadow */
  box-shadow: inset 0px 0px 1px 1.9px rgba(116, 139, 157, 0.2);
  border: var(--primary-border);
  width: 59rem;
}
.node-role,
.node-perspectives,
.node-responsible-perspectives,
.node-details,
.node-parent {
  color: var(--primary-text-color);
}
.node-role .sphere-avatar-icon,
.node-perspectives .sphere-avatar-icon,
.node-responsible-perspectives .sphere-avatar-icon,
.node-details .sphere-avatar-icon,
.node-parent .sphere-avatar-icon {
  background-color: #e9f2f9;
}
[data-theme=dark] .node-role .sphere-avatar-icon,
[data-theme=dark] .node-perspectives .sphere-avatar-icon,
[data-theme=dark] .node-responsible-perspectives .sphere-avatar-icon,
[data-theme=dark] .node-details .sphere-avatar-icon,
[data-theme=dark] .node-parent .sphere-avatar-icon {
  background-color: var(--no-background);
}
.node-role .sphere-avatar-icon,
.node-perspectives .sphere-avatar-icon,
.node-responsible-perspectives .sphere-avatar-icon,
.node-details .sphere-avatar-icon,
.node-parent .sphere-avatar-icon {
  height: 22px;
  width: 22px;
  position: relative;
  top: 5px;
  margin-right: 5px;
}
.node-role,
.node-perspectives,
.node-responsible-perspectives,
.node-details,
.node-parent {
  /* input/text/typography */
  font-family: var(--font-family);
  font-size: var(--primary-font);
  font-style: normal;
  font-weight: 500;
  line-height: 2;
  padding: 5px;
  border: 2px solid var(--root-surface-section, #f4f9ff);
  background: var(--root-surface-card, #e9f2f9);
  /* dropdown-innerShadow */
  box-shadow: inset 0px 0px 1px 1.9px rgba(116, 139, 157, 0.2);
  cursor: pointer;
}
.node-role:hover {
  color: #26a3e3;
}
.node-role {
  display: flex;
  padding: 5px;
  align-items: center;
  cursor: pointer;
  height: 50px;
  border: var(--primary-border);
}
.node-role .profile-text {
  color: var(--primary-text-color);
  opacity: 0;
  display: none;
  max-width: 0;
  white-space: nowrap;
  overflow: hidden;
  transition: max-width 0.3s ease, opacity 0.3s ease;
  /* Add smooth transition */
  margin-left: 5px;
}
.node-role.active .profile-text {
  opacity: 1;
  display: block;
  min-width: 100px;
  max-width: 100px;
  /* Adjust to fit the text */
}
.node-role.default-active .profile-text {
  opacity: 1;
  display: block;
  min-width: 100px;
  max-width: 100px;
}
.node-parent {
  display: flex;
  padding: 5px;
  align-items: center;
  cursor: pointer;
  height: 50px;
  border: var(--primary-border);
}
@media (prefers-color-scheme: dark) {
  .node-parent {
    background: var(--atlas-columns) !important;
  }
}
.node-parent .profile-text {
  color: var(--primary-text-color);
  opacity: 0;
  display: none;
  max-width: 0;
  white-space: nowrap;
  overflow: hidden;
  transition: max-width 0.3s ease, opacity 0.3s ease;
  /* Add smooth transition */
  margin-left: 5px;
}
.node-parent.active .profile-text {
  opacity: 1;
  display: block;
  min-width: 100px;
  max-width: 100px;
  /* Adjust to fit the text */
}
.node-parent.default-active .profile-text {
  opacity: 1;
  display: block;
  min-width: 100px;
  max-width: 100px;
}
.node-org-details:hover {
  color: #26a3e3;
}
.node-perspectives:hover {
  color: #26a3e3;
}
.node-responsible-perspectives:hover {
  color: #26a3e3;
}
.node-perspectives {
  padding: 5px 5px 0px 5px !important;
  display: flex;
  height: 42px;
}
.node-perspectives .subject-icon {
  margin-right: 5px;
  /* Space between the icon and the text */
  opacity: 1;
  /* Ensure the icon is always visible */
  transition: opacity 0.3s ease;
}
.node-perspectives .subject-text {
  color: var(--primary-text-color);
  opacity: 0;
  display: none;
  max-width: 0;
  white-space: nowrap;
  overflow: hidden;
  transition: max-width 0.3s ease, opacity 0.3s ease;
  /* Add smooth transition */
  margin-bottom: 5px;
}
.node-perspectives.active .subject-text {
  opacity: 1;
  display: block;
  max-width: 100px;
  /* Adjust to fit the text */
}
.node-responsible-perspectives {
  position: relative;
  cursor: pointer;
  display: flex;
  align-items: center;
  padding: 5px 0;
  /* Adding the padding you wanted */
  height: 50px;
  border: var(--primary-border);
}
.node-responsible-perspectives .perspectives-text {
  color: var(--primary-text-color);
  margin: 0px 5px 0px 5px;
  /* Space between the icon and the text */
  opacity: 0;
  display: none;
  max-width: 0;
  white-space: nowrap;
  overflow: hidden;
  transition: max-width 0.3s ease, opacity 0.3s ease;
  /* Transition for slider effect */
}
.node-responsible-perspectives.active .perspectives-text {
  opacity: 1;
  display: block;
  max-width: 100px;
  /* Adjust to fit the text "Perspectives" */
}
.node-perspective-label {
  color: var(--primary-text-color);
  font-family: var(--font-family);
  font-size: var(--primary-font);
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  text-align: center;
  width: 45px;
  height: 38px;
  display: flex;
  align-items: center;
  padding: 0px;
  border-radius: 20px 0px 0px 20px;
  border: 1px solid var(--root-surface-section, #e9f2f9);
  background: var(--user-bg, linear-gradient(359deg, #f5fbff -34.86%, #f2f9fe -34.84%, #eff5fa 99.41%, #fafdff 125.39%));
}
[data-theme=dark] .node-perspective-label {
  background: var(--component-background-gradient);
}
.node-perspective-label {
  /* dropdown-innerShadow */
  box-shadow: 0px -2px 7px 2px rgba(116, 139, 157, 0.2) inset;
  box-shadow: -1px -3px 7px 0px rgba(116, 139, 157, 0.2) inset;
  flex-shrink: 0;
}
.node-perspective-label .pill-text {
  width: 100px;
}
.node-perspective-label span {
  color: var(--primary-text-color);
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  vertical-align: middle;
  padding-right: 15px;
}
.node-perspective-label span:first-of-type {
  padding-right: 5px;
  margin-top: 10px;
}
.user-profile-icon {
  background-image: url('data:image/svg+xml;utf8,<svg width="26" height="26" viewBox="0 0 26 26" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="user-circle-single--circle-geometric-human-person-single-user"><g id="user-circle-single--circle-geometric-human-person-single-user_2"><path id="Vector" d="M13.0001 14.7599C15.4293 14.7599 17.3986 12.7906 17.3986 10.3614C17.3986 7.93217 15.4293 5.96289 13.0001 5.96289C10.5708 5.96289 8.60156 7.93217 8.60156 10.3614C8.60156 12.7906 10.5708 14.7599 13.0001 14.7599Z" stroke="%23377FC4" stroke-linecap="round" stroke-linejoin="round"/><path id="Vector_2" d="M5.48828 21.6216C6.2734 20.3328 7.37684 19.2677 8.69252 18.5287C10.0082 17.7896 11.4919 17.4014 13.0009 17.4014C14.51 17.4014 15.9936 17.7896 17.3093 18.5287C18.625 19.2677 19.7284 20.3328 20.5136 21.6216" stroke="%23377FC4" stroke-linecap="round" stroke-linejoin="round"/><path id="Vector_3" d="M13.0005 24.4366C19.3166 24.4366 24.4366 19.3166 24.4366 13.0005C24.4366 6.68457 19.3166 1.56445 13.0005 1.56445C6.68457 1.56445 1.56445 6.68457 1.56445 13.0005C1.56445 19.3166 6.68457 24.4366 13.0005 24.4366Z" stroke="%23377FC4" stroke-linecap="round" stroke-linejoin="round"/></g></g></svg>');
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  width: 24.632px;
  height: 24.632px;
}
.user-perpectives-icon {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2228%22%20height%3D%2228%22%20viewBox%3D%220%200%2028%2028%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cg%20clip-path%3D%22url(%23clip0_1382_22104)%22%3E%3Cpath%20d%3D%22M14.0004%2026.7439C21.0377%2026.7439%2026.7424%2021.0392%2026.7424%2014.0018C26.7424%206.96458%2021.0377%201.25977%2014.0004%201.25977C6.96312%201.25977%201.2583%206.96458%201.2583%2014.0018C1.2583%2021.0392%206.96312%2026.7439%2014.0004%2026.7439Z%22%20stroke%3D%22%234A647E%22%20stroke-opacity%3D%220.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3Cg%20clip-path%3D%22url(%23clip1_1382_22104)%22%3E%3Cpath%20d%3D%22M20.5005%2017.502V19.502C20.5005%2019.7672%2020.3951%2020.0216%2020.2076%2020.2091C20.0201%2020.3966%2019.7657%2020.502%2019.5005%2020.502H17.5005%22%20stroke%3D%22%234A647E%22%20stroke-opacity%3D%220.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3Cpath%20d%3D%22M17.5005%207.50195H19.5005C19.7657%207.50195%2020.0201%207.60731%2020.2076%207.79485C20.3951%207.98238%2020.5005%208.23673%2020.5005%208.50195V10.502%22%20stroke%3D%22%234A647E%22%20stroke-opacity%3D%220.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3Cpath%20d%3D%22M7.50049%2010.502V8.50195C7.50049%208.23673%207.60585%207.98238%207.79338%207.79485C7.98092%207.60731%208.23527%207.50195%208.50049%207.50195H10.5005%22%20stroke%3D%22%234A647E%22%20stroke-opacity%3D%220.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3Cpath%20d%3D%22M10.5005%2020.502H8.50049C8.23527%2020.502%207.98092%2020.3966%207.79338%2020.2091C7.60585%2020.0216%207.50049%2019.7672%207.50049%2019.502V17.502%22%20stroke%3D%22%234A647E%22%20stroke-opacity%3D%220.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3Cpath%20d%3D%22M14.0005%2013.5019C15.105%2013.5019%2016.0005%2012.6065%2016.0005%2011.5019C16.0005%2010.3974%2015.105%209.50195%2014.0005%209.50195C12.8959%209.50195%2012.0005%2010.3974%2012.0005%2011.5019C12.0005%2012.6065%2012.8959%2013.5019%2014.0005%2013.5019Z%22%20stroke%3D%22%234A647E%22%20stroke-opacity%3D%220.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3Cpath%20d%3D%22M17.8039%2018.0018C17.5455%2017.1961%2017.038%2016.4934%2016.3545%2015.9948C15.671%2015.4962%2014.8468%2015.2275%2014.0008%2015.2275C13.1548%2015.2275%2012.3306%2015.4962%2011.6471%2015.9948C10.9636%2016.4934%2010.4561%2017.1961%2010.1978%2018.0018H17.8039Z%22%20stroke%3D%22%234A647E%22%20stroke-opacity%3D%220.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0_1382_22104%22%3E%3Crect%20width%3D%2227.4444%22%20height%3D%2227.4444%22%20fill%3D%22white%22%20transform%3D%22translate(0.277832%200.279297)%22/%3E%3C/clipPath%3E%3CclipPath%20id%3D%22clip1_1382_22104%22%3E%3Crect%20width%3D%2214%22%20height%3D%2214%22%20fill%3D%22white%22%20transform%3D%22translate(7.00049%207.00195)%22/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
  width: 24.632px;
  height: 24.632px;
}
label {
  bottom: 5px;
  left: 5px;
  cursor: pointer;
}
.breadcrumb-path {
  color: var(--primary-text-color);
  position: relative;
  bottom: 2px;
  left: 8px;
}
.breadcrumb-path a {
  text-decoration: none;
  color: inherit;
}
.breadcrumb-path a:hover {
  text-decoration: underline;
  color: #26a3e3;
}
.node-label:hover {
  overflow: visible;
  white-space: normal;
}
.node-content.node-selected .node-label {
  font-weight: bold;
}
.node-sphere-count button {
  border-radius: 5px;
  color: #377fc4;
  text-align: center;
  font-family: var(--font-family);
  font-size: var(--secondary-font);
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  padding: 5px;
}
.node-sphere-count {
  padding: 5px;
  background: #fff;
}
[data-theme=dark] .node-sphere-count {
  background: var(--component-background);
}
.node-sphere-count {
  box-shadow: -1px -2px 7px 2px rgba(116, 139, 157, 0.25) inset;
  border: var(--primary-border);
}
.node-traversal {
  padding: 5px;
  border: 2px solid var(--root-surface-section, #f4f9ff);
  background: #fff;
}
[data-theme=dark] .node-traversal {
  background: var(--component-background);
  border-color: rgba(255, 255, 255, 0.08);
}
.node-traversal {
  box-shadow: -1px -2px 7px 2px rgba(116, 139, 157, 0.25) inset;
  height: 50px;
}
.node-status {
  padding: 5px;
  background: #fff;
  display: flex;
  justify-content: center;
}
[data-theme=dark] .node-status {
  background: var(--component-background);
}
.node-status {
  box-shadow: -1px -2px 7px 2px rgba(116, 139, 157, 0.25) inset;
  height: 42px;
  border: var(--primary-border);
  text-align: center;
}
.node-urgency {
  padding: 5px;
  background: var(--user-bg, linear-gradient(359deg, #f5fbff -34.86%, #f2f9fe -34.84%, #fcffff 99.41%, #fafdff 125.39%));
  box-shadow: 0px -2px 7px 2px rgba(116, 139, 157, 0.2) inset;
  height: 38px;
  flex-shrink: 0;
  border: 1px solid var(--root-surface-section, #e9f2f9);
}
.flat-tree > .p-treenode > .p-treenode-content .atlas-grid .node-urgency {
  height: 36px;
  border: 1px solid var(--root-surface-section, #e9f2f9);
  padding-top: 0.25rem !important;
}
.atlas-grid {
  display: flex;
  flex-wrap: nowrap;
  /* Prevent the divs from wrapping to the next line */
  align-items: center;
  width: 100%;
  margin-left: -3px;
}
.atlas-grid .node-content .node-counts {
  border-radius: 20px;
}
.atlas-grid .atlas-date-selector:last-child {
  width: 7.962rem; /* Custom width for the last atlas-date-selector */
}
.node-role,
.node-perspectives,
.node-responsible-perspectives,
.node-org-details,
.node-parent {
  flex-shrink: 0; /* Prevent shrinking of these divs */
  white-space: nowrap; /* Prevent text from wrapping */
  overflow: hidden; /* Hide overflowing text */
  text-overflow: ellipsis; /* Add ellipsis for overflowing text */
}
[data-theme=dark] .node-org-details .rich-text-atom {
  background: var(--atlas-columns);
}
.node-parent--truncated .rich-text-atom {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.node-parent--truncated .rich-text-atom .p {
  display: inline;
  white-space: nowrap;
  margin: 0 !important;
  padding: 0 !important;
}
.node-parent--truncated .rich-text-atom div, .node-parent--truncated .rich-text-atom span {
  display: inline;
  white-space: nowrap;
  margin: 0 !important;
  padding: 0 !important;
}
.node-details {
  flex-shrink: 1;
  /* Prevent shrinking of these divs */
  white-space: nowrap;
  /* Prevent text from wrapping */
  overflow: hidden;
  /* Hide overflowing text */
  text-overflow: ellipsis;
  /* Add ellipsis for overflowing text */
  height: 50px;
  width: 28rem;
  border: var(--primary-border);
  font-size: var(--secondary-font);
  display: block;
  flex-direction: column;
  justify-content: space-around;
  text-align: justify;
}
.node-role.active,
.node-details.active,
.node-responsible-perspectives.active,
.node-parent.active {
  border: 2px solid #51a0dc !important;
}
.node-role .profile-text,
.node-parent .profile-text,
.node-perspectives .subject-text,
.node-responsible-perspectives .perspectives-text {
  max-width: 100px;
  /* Limit the width to avoid overflow */
  transition: max-width 0.3s ease, opacity 0.3s ease;
  /* Smooth transition for expanding text */
}
.node-role.active .node-parent.active .node-perspectives.active .subject-text,
.node-responsible-perspectives.active .perspectives-text {
  max-width: 200px;
  /* Allow expanded text to grow */
}
.node-sphere-count,
.node-status {
  flex-shrink: 0;
  height: 50px;
}
.connecting-inwards {
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  width: 36px;
  height: 36px;
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2241%22%20height%3D%2243%22%20viewBox%3D%220%200%2041%2043%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M20.0003%2012.4037L23.9713%209L27.9424%2012.4037%22%20stroke%3D%22%23A4B1BF%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3Cpath%20d%3D%22M32%2024L29.3333%2024C27.9188%2024%2026.5623%2023.5462%2025.5621%2022.7383C24.5619%2021.9305%2024%2020.8348%2024%2019.6923L24%2010%22%20stroke%3D%22%23A4B1BF%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3C/svg%3E");
}
/* Icon for connecting-outwards */
.connecting-outwards {
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  width: 36px;
  height: 36px;
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2241%22%20height%3D%2243%22%20viewBox%3D%220%200%2041%2043%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M33.0957%2025.75L36.4994%2021.779L33.0957%2017.8079%22%20stroke%3D%22%23A4B1BF%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3Cpath%20d%3D%22M24.5%206.75L24.5%2016.4167C24.5%2017.8312%2024.9538%2019.1877%2025.7617%2020.1879C26.5695%2021.1881%2027.6652%2021.75%2028.8077%2021.75L34.5%2021.75%22%20stroke%3D%22%23A4B1BF%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3C/svg%3E");
}
.both-icon {
  position: relative;
  display: inline-block;
  width: 38px;
  height: 38px;
  margin-top: 5px;
}
.both-icon .collapse-icon {
  position: absolute;
  width: 100%;
  height: 100%;
  background-size: contain;
  background-repeat: no-repeat;
  top: -12px;
  left: 4px;
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="37" height="38" viewBox="0 0 37 38" fill="none"><g id="intbound dimension"><path id="Vector" d="M17.8121 15.8349C17.7346 15.7341 17.6169 15.6495 17.4719 15.5904C17.3269 15.5313 17.1602 15.5 16.9902 15.5C16.8203 15.5 16.6536 15.5313 16.5086 15.5904C16.3635 15.6495 16.2458 15.7341 16.1683 15.8349L11.089 22.6073C11.0182 22.701 10.9845 22.8052 10.991 22.9101C10.9976 23.015 11.0443 23.1169 11.1267 23.2064C11.209 23.2958 11.3243 23.3698 11.4616 23.4211C11.5988 23.4725 11.7535 23.4997 11.9109 23.5H22.0695C22.2269 23.4997 22.3816 23.4725 22.5189 23.4211C22.6561 23.3698 22.7714 23.2958 22.8538 23.2064C22.9361 23.1169 22.9828 23.015 22.9894 22.9101C22.996 22.8052 22.9623 22.701 22.8914 22.6073L17.8121 15.8349Z" stroke="%23377FC4" stroke-linecap="round" stroke-linejoin="round"/></g></svg>');
}
.both-icon .expand-icon {
  position: absolute;
  width: 100%;
  height: 100%;
  background-size: contain;
  background-repeat: no-repeat;
  top: 0px;
  left: 2px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg width%3D%2217%22 height%3D%2223%22 viewBox%3D%220%200%2017%2023%22 fill%3D%22none%22 xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath d%3D%22M14.9623 11.3088C14.9244 11.2174 14.8604 11.1393 14.7782 11.0843C14.6959 11.0294 14.5993 11 14.5004 11H12.0004V6C12.0004 5.73478 11.895 5.48043 11.7075 5.29289C11.52 5.10536 11.2656 5 11.0004 5H6.00039C5.73518 5 5.48082 5.10536 5.29329 5.29289C5.10575 5.48043 5.00039 5.73478 5.00039 6V11H2.50039C2.40145 10.9999 2.3047 11.0292 2.2224 11.0841C2.14011 11.1391 2.07596 11.2172 2.03808 11.3086C2.00021 11.4 1.9903 11.5006 2.00963 11.5977C2.02895 11.6947 2.07664 11.7838 2.14664 11.8538L8.14664 17.8538C8.19308 17.9002 8.24822 17.9371 8.30892 17.9623C8.36962 17.9874 8.43469 18.0004 8.50039 18.0004C8.5661 18.0004 8.63116 17.9874 8.69186 17.9623C8.75256 17.9371 8.80771 17.9002 8.85414 17.8538L14.8541 11.8538C14.924 11.7838 14.9716 11.6947 14.9909 11.5977C15.0101 11.5006 15.0002 11.4001 14.9623 11.3088ZM8.50039 16.7931L3.70727 12H5.50039C5.633 12 5.76018 11.9473 5.85395 11.8536C5.94772 11.7598 6.00039 11.6326 6.00039 11.5V6H11.0004V11.5C11.0004 11.6326 11.0531 11.7598 11.1468 11.8536C11.2406 11.9473 11.3678 12 11.5004 12H13.2935L8.50039 16.7931Z%22 fill%3D%22%23377FC4%22/%3E%3C/svg%3E");
}
.atlas-Ellipsis {
  border-radius: 10px;
  border: 0.75px solid var(--Focus-new, rgba(38, 163, 227, 0.3));
  background: #fff;
}
[data-theme=dark] .atlas-Ellipsis {
  background: var(--no-background);
  border: 0.75px solid #ffffff;
}
.atlas-Ellipsis {
  display: flex;
  width: 17px;
  height: 8px;
  justify-content: center;
  align-items: end;
}
.atlas-Ellipsis span {
  color: var(--secondary-color, #26a3e3);
}
[data-theme=dark] .atlas-Ellipsis span {
  color: #ffffff;
}
.atlas-Ellipsis span {
  text-align: center;
  font-size: var(--primary-font);
  font-style: normal;
  font-weight: 400;
  line-height: 14px;
  display: flex;
  width: 13.065px;
  height: 15px;
  flex-direction: column;
  justify-content: center;
  flex-shrink: 0;
}
/* Approach badge pills — teal, distinct from blue perspective pills */
.atlas-approach-badges {
  display: flex;
  align-items: center;
  gap: var(--spacing-xxs);
  min-width: 0;
  padding: 0 var(--spacing-xxs);
  flex-shrink: 1;
  overflow: hidden;
}
.atlas-approach-badge {
  display: inline-flex;
  align-items: center;
  font-family: var(--font-family);
  font-size: var(--text-xs);
  font-weight: 600;
  line-height: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100px;
  padding: var(--spacing-xxs) var(--spacing-xs);
  border-radius: var(--border-radius-pill);
  cursor: default;
}
.atlas-approach-badge--direct {
  background: var(--approach-badge-bg);
  color: var(--approach-badge-text);
  border: 1px solid var(--approach-badge-border);
}
.atlas-approach-badge--inherited {
  background: var(--approach-badge-inherited-bg);
  color: var(--approach-badge-inherited-text);
  border: 1px solid var(--approach-badge-inherited-border);
}
.atlas-approach-badge--overflow {
  background: var(--approach-badge-overflow-bg);
  color: var(--approach-badge-overflow-text);
  border: 1px solid var(--approach-badge-inherited-border);
  flex-shrink: 0;
  max-width: none;
}
.relative-wrapper {
  position: relative;
}
.meta-selector {
  position: absolute;
  bottom: -18px;
  right: 20px;
  background: #ffffff;
}
[data-theme=dark] .meta-selector {
  background: var(--no-background);
}
.meta-selector .metaspace-selector div div .metaspace-icon {
  width: 25px;
  height: 25px;
}
.atlas-arc-column {
  display: flex;
  align-items: center;
  gap: var(--spacing-xxs);
  position: relative;
}
.arc-pending-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 28px;
  height: 22px;
  padding: 0 var(--spacing-xxs);
  font-size: 0.6875rem;
  font-weight: 700;
  font-family: var(--font-family);
  color: var(--warning-text, #7a5a00);
  background: var(--warning-bg, #fff3cd);
  border: 1px solid var(--warning-border, #ffc107);
  border-radius: var(--border-radius-pill);
  cursor: pointer;
  white-space: nowrap;
  flex-shrink: 0;
  transition: background-color 0.15s ease;
}
.arc-pending-badge:hover {
  background: var(--warning-hover-bg, #ffe69c);
}
.arc-pending-badge:focus-visible {
  outline: 2px solid var(--primary-color);
  outline-offset: 2px;
}
[data-theme=dark] .arc-pending-badge {
  color: var(--warning-text, #ffc107);
  background: var(--warning-bg-dark, rgba(255, 193, 7, 0.15));
  border-color: var(--warning-border-dark, rgba(255, 193, 7, 0.4));
}
[data-theme=dark] .arc-pending-badge:hover {
  background: var(--warning-hover-bg-dark, rgba(255, 193, 7, 0.25));
}
.perspective-assignees-display {
  display: flex;
  align-items: center;
  position: relative;
  cursor: pointer;
}
.perspective-assignees-display .stacked-avatar {
  margin-left: -12px !important;
}
.perspective-assignees-display .stacked-avatar:first-child {
  margin-left: 0 !important;
}
.perspective-assignees-display .stacked-avatar .sphere-avatar-wrapper {
  border: 2px solid var(--surface-ground);
  border-radius: 50%;
  transition: transform 0.2s ease;
}
.perspective-assignees-display .stacked-avatar .sphere-avatar-wrapper:hover {
  transform: scale(1.1);
  z-index: 10;
}
.perspective-assignees-display .overflow-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: var(--surface-100, #f5f5f5);
  color: var(--text-color);
  border: 2px solid var(--surface-ground);
  border-radius: 50%;
  font-size: 0.75rem;
  font-weight: 600;
  min-width: 32px;
  height: 32px;
  margin-left: 4px;
  flex-shrink: 0;
}
:global(.assignees-overlay):global(.p-overlaypanel) {
  background: white;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  padding: 0;
  min-width: 250px;
  margin-top: 8px;
}
:global(.assignees-overlay):global(.p-overlaypanel) :global(.p-overlaypanel-content) {
  padding: 0;
}
:global(.assignees-overlay):global(.p-overlaypanel) .assignees-list .assignees-header {
  padding: 0.875rem 1rem;
  font-weight: 600;
  font-size: 0.9375rem;
  color: var(--text-color);
  border-bottom: 1px solid #f0f0f0;
}
:global(.assignees-overlay):global(.p-overlaypanel) .assignees-list .assignee-item {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem 1rem;
  transition: background-color 0.2s ease;
}
:global(.assignees-overlay):global(.p-overlaypanel) .assignees-list .assignee-item:hover {
  background-color: #f8f9fa;
}
:global(.assignees-overlay):global(.p-overlaypanel) .assignees-list .assignee-item .assignee-name {
  font-size: 0.875rem;
  color: var(--text-color);
}
.assignee-multi-selector {
  border-radius: 20px;
  border: var(--primary-border);
  background: var(--component-background);
  box-shadow: 1px 2px 5px -1px rgba(74, 100, 126, 0.3);
  padding: 16px;
  width: 100%;
  min-width: 250px;
  font-family: var(--font-family);
}
.assignee-multi-selector .selector-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 12px;
}
.assignee-multi-selector .selector-header .header-title {
  font-size: var(--sub-heading-font);
  font-weight: 600;
  color: var(--primary-text-color);
}
.assignee-multi-selector .selector-header .nearby-toggle {
  display: flex;
  align-items: center;
  gap: 8px;
}
.assignee-multi-selector .selector-header .nearby-toggle .toggle-label {
  font-size: var(--primary-font);
  color: var(--primary-text-color);
}
.assignee-multi-selector .selector-header .nearby-toggle .toggle-button {
  position: relative;
  width: 44px;
  height: 24px;
  background-color: #ccc;
  border: none;
  border-radius: 12px;
  cursor: pointer;
  transition: background-color 0.3s ease;
}
[data-theme=dark] .assignee-multi-selector .selector-header .nearby-toggle .toggle-button {
  background-color: #555;
}
.assignee-multi-selector .selector-header .nearby-toggle .toggle-button.active {
  background-color: #377fc4;
}
[data-theme=dark] .assignee-multi-selector .selector-header .nearby-toggle .toggle-button.active {
  background-color: #4a90e2;
}
.assignee-multi-selector .selector-header .nearby-toggle .toggle-button.active .toggle-slider {
  transform: translateX(20px);
}
.assignee-multi-selector .selector-header .nearby-toggle .toggle-button .toggle-slider {
  position: absolute;
  top: 2px;
  left: 2px;
  width: 20px;
  height: 20px;
  background-color: white;
  border-radius: 50%;
  transition: transform 0.3s ease;
}
.assignee-multi-selector .search-box {
  margin-bottom: 12px;
  position: relative;
}
.assignee-multi-selector .search-box .search-input {
  width: 100%;
  padding: 8px 36px 8px 12px;
  border-radius: 20px;
  border: var(--primary-border);
  background: var(--component-background);
  box-shadow: 2px 2px 10px 0px rgba(74, 100, 126, 0.33) inset;
  font-family: var(--font-family);
  font-size: var(--primary-font);
  color: var(--primary-text-color);
  outline: none;
}
.assignee-multi-selector .search-box .search-input::-moz-placeholder {
  color: var(--secondary-text-color);
  opacity: 0.7;
}
.assignee-multi-selector .search-box .search-input::placeholder {
  color: var(--secondary-text-color);
  opacity: 0.7;
}
.assignee-multi-selector .search-box .search-input:focus {
  border-color: #377fc4;
}
.assignee-multi-selector .search-box .search-clear-button {
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
  width: 24px;
  height: 24px;
  border: none;
  background: transparent;
  color: var(--secondary-text-color);
  font-size: 18px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  transition: all 0.2s ease;
}
.assignee-multi-selector .search-box .search-clear-button:hover {
  background-color: rgba(0, 0, 0, 0.1);
  color: var(--primary-text-color);
}
[data-theme=dark] .assignee-multi-selector .search-box .search-clear-button:hover {
  background-color: rgba(255, 255, 255, 0.1);
}
.assignee-multi-selector .selected-section {
  margin-bottom: 16px;
  padding-bottom: 12px;
  border-bottom: 1px solid rgba(74, 100, 126, 0.2);
}
[data-theme=dark] .assignee-multi-selector .selected-section {
  border-bottom-color: rgba(255, 255, 255, 0.1);
}
.assignee-multi-selector .selected-section .section-header {
  font-size: var(--primary-font);
  font-weight: 600;
  color: var(--primary-text-color);
  margin-bottom: 8px;
  padding: 4px 0;
  border-bottom: var(--primary-border);
}
.assignee-multi-selector .selected-section .assignee-list {
  max-height: 200px;
  overflow-y: auto;
}
.assignee-multi-selector .selected-section .assignee-list .assignee-item {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px;
  cursor: pointer;
  border-radius: 8px;
  transition: background-color 0.2s ease;
  width: 100%;
  border: none;
  background: transparent;
  text-align: left;
  font-family: inherit;
}
.assignee-multi-selector .selected-section .assignee-list .assignee-item:hover {
  background-color: #eff6ff;
}
[data-theme=dark] .assignee-multi-selector .selected-section .assignee-list .assignee-item:hover {
  background-color: var(--hover-background);
}
.assignee-multi-selector .selected-section .assignee-list .assignee-item.selected {
  background-color: #eff6ff;
}
[data-theme=dark] .assignee-multi-selector .selected-section .assignee-list .assignee-item.selected {
  background-color: #2a2a3d;
}
.assignee-multi-selector .selected-section .assignee-list .assignee-item .assignee-checkbox {
  width: 18px;
  height: 18px;
  cursor: pointer;
  accent-color: #377fc4;
}
.assignee-multi-selector .selected-section .assignee-list .assignee-item .assignee-name {
  font-size: var(--primary-font);
  color: var(--primary-text-color);
  flex: 1;
}
.assignee-multi-selector .results-section {
  margin-bottom: 12px;
}
.assignee-multi-selector .results-section .section-header {
  font-size: var(--primary-font);
  font-weight: 600;
  color: var(--primary-text-color);
  margin-bottom: 8px;
  padding: 4px 0;
  border-bottom: var(--primary-border);
  display: flex;
  align-items: center;
  gap: 8px;
}
.assignee-multi-selector .results-section .section-header .loading-indicator {
  font-weight: 400;
  font-size: var(--small-font, 12px);
  color: var(--secondary-text-color);
  opacity: 0.8;
}
.assignee-multi-selector .results-section .assignee-list {
  max-height: 200px;
  overflow-y: auto;
}
.assignee-multi-selector .results-section .assignee-list .assignee-item {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px;
  cursor: pointer;
  border-radius: 8px;
  transition: background-color 0.2s ease;
  width: 100%;
  border: none;
  background: transparent;
  text-align: left;
  font-family: inherit;
}
.assignee-multi-selector .results-section .assignee-list .assignee-item:hover {
  background-color: #eff6ff;
}
[data-theme=dark] .assignee-multi-selector .results-section .assignee-list .assignee-item:hover {
  background-color: var(--hover-background);
}
.assignee-multi-selector .results-section .assignee-list .assignee-item.selected {
  background-color: #eff6ff;
}
[data-theme=dark] .assignee-multi-selector .results-section .assignee-list .assignee-item.selected {
  background-color: #2a2a3d;
}
.assignee-multi-selector .results-section .assignee-list .assignee-item .assignee-checkbox {
  width: 18px;
  height: 18px;
  cursor: pointer;
  accent-color: #377fc4;
}
.assignee-multi-selector .results-section .assignee-list .assignee-item .assignee-name {
  font-size: var(--primary-font);
  color: var(--primary-text-color);
  flex: 1;
}
.assignee-multi-selector .results-section .assignee-list .load-more-hint {
  text-align: center;
  padding: 12px 8px;
  font-size: var(--small-font, 12px);
  color: var(--secondary-text-color);
  opacity: 0.7;
  font-style: italic;
}
.assignee-multi-selector .selector-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  margin-top: 16px;
  padding-top: 12px;
  border-top: var(--primary-border);
}
.assignee-multi-selector .selector-footer .clear-all-button,
.assignee-multi-selector .selector-footer .done-button {
  padding: 8px 16px;
  border-radius: 20px;
  font-family: var(--font-family);
  font-size: var(--primary-font);
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease;
  border: none;
}
.assignee-multi-selector .selector-footer .clear-all-button {
  background-color: transparent;
  color: #940202;
  border: 1px solid #940202;
}
.assignee-multi-selector .selector-footer .clear-all-button:hover {
  background-color: #940202;
  color: white;
}
[data-theme=dark] .assignee-multi-selector .selector-footer .clear-all-button {
  color: #ff6b6b;
  border-color: #ff6b6b;
}
[data-theme=dark] .assignee-multi-selector .selector-footer .clear-all-button:hover {
  background-color: #d32f2f;
  color: white;
}
.assignee-multi-selector .selector-footer .done-button {
  background-color: #1565c0;
  color: white;
}
.assignee-multi-selector .selector-footer .done-button:hover {
  background-color: #2a5f9e;
}
[data-theme=dark] .assignee-multi-selector .selector-footer .done-button {
  background-color: #4a90e2;
}
[data-theme=dark] .assignee-multi-selector .selector-footer .done-button:hover {
  background-color: #3a7ac4;
}
.assignee-selector-empty {
  padding: 12px;
  text-align: center;
}
.assignee-selector-empty .empty-state {
  font-size: var(--sub-heading-font);
  color: var(--secondary-text-color);
  opacity: 0.6;
}
.assignee-selector-readonly {
  padding: 4px 0;
}
@charset "UTF-8";
.multi-select-perspective-container {
  margin-bottom: 8px;
  border: 0px solid #e0e0e0;
  width: 100%;
  /* Remove Atlas embossed shadow from multi-select display */
}
.multi-select-perspective-container.in-atlas {
  box-shadow: none !important;
}
.multi-select-perspective-container.in-atlas .perspective-selector-assignees,
.multi-select-perspective-container.in-atlas .assignee-selector-empty,
.multi-select-perspective-container.in-atlas .perspective-assignees-display,
.multi-select-perspective-container.in-atlas .perspective-selector-interactive-trigger,
.multi-select-perspective-container.in-atlas * {
  box-shadow: none !important;
}
.multi-select-perspective-container .perspective-label {
  margin-right: 12px;
}
.multi-select-perspective-container {
  /* Transparent button wrapper for interactive states */
}
.multi-select-perspective-container .perspective-selector-interactive-trigger {
  width: 100%;
  border: none;
  background: transparent;
  padding: 0;
  margin: 0;
  font: inherit;
  cursor: pointer;
  text-align: left;
  display: block;
}
.multi-select-perspective-container .perspective-selector-interactive-trigger:focus {
  outline: none;
}
.multi-select-perspective-container .perspective-selector-interactive-trigger:focus-visible {
  outline: 2px solid #377fc4;
  outline-offset: 2px;
  border-radius: 4px;
}
.multi-select-perspective-container {
  /* This container will hold your MultiSelect control so it stretches across the remaining space */
}
.multi-select-perspective-container .perspective-select-container {
  flex: 1; /* Takes up any remaining space */
  width: 100%;
  min-width: 250px; /* Ensure minimum width to prevent narrow dropdowns */
  position: relative;
  /* If you want to target the PrimeReact MultiSelect input specifically: */
}
.multi-select-perspective-container .perspective-select-container .p-multiselect {
  width: 100%; /* or auto, whichever you prefer */
  min-width: 200px; /* example min-width */
}
.multi-select-perspective-container .perspective-select-container {
  /* Ensure ListBox takes full width */
}
.multi-select-perspective-container .perspective-select-container .p-listbox {
  width: 100%;
  min-width: 250px;
}
.multi-select-perspective-container {
  /* Third state: Editable preview container for Sphere Editor edit mode */
}
.multi-select-perspective-container .perspective-selector-editable-preview {
  border: var(--primary-border);
  border-radius: 20px;
  padding: 8px 40px 8px 12px;
  background: var(--component-background);
  box-shadow: 2px 2px 10px 0px rgba(74, 100, 126, 0.2) inset;
  cursor: pointer;
  transition: all 0.2s ease;
  width: 100%;
  display: flex;
  align-items: center;
  position: relative;
}
.multi-select-perspective-container .perspective-selector-editable-preview:hover {
  box-shadow: 0px 0px 2px 3px #bfdbfe;
}
[data-theme=dark] .multi-select-perspective-container .perspective-selector-editable-preview {
  background: #1E1E2F;
  box-shadow: 2px 2px 10px 0px rgba(74, 100, 126, 0.2) inset;
}
[data-theme=dark] .multi-select-perspective-container .perspective-selector-editable-preview:hover {
  box-shadow: 0px 0px 2px 3px rgba(74, 144, 226, 0.3);
}
.multi-select-perspective-container .perspective-selector-editable-preview {
  /* Chevron icon — matches PrimeReact single-select style */
}
.multi-select-perspective-container .perspective-selector-editable-preview::after {
  font-family: "PrimeIcons", sans-serif;
  content: "\e902"; /* pi-chevron-down */
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  color: var(--primary-text-color, #fff);
  font-size: 1rem;
  font-style: normal;
  pointer-events: none;
}
.multi-select-perspective-container .perspective-selector-editable-preview .perspective-selector-assignees {
  width: 100%;
}
.multi-select-perspective-container .perspective-selector-editable-preview .assignee-selector-empty {
  padding: 0;
  min-height: auto;
}
.multi-select-perspective-container {
  /* Optional: Error/loading messages or styling for your multi-select */
}
.multi-select-perspective-container .loading-spinner,
.multi-select-perspective-container .error-message {
  margin-left: 8px;
  font-size: var(--secondary-font);
  color: #ff4d4f; /* Example error color */
}
.multi-select-perspective-container {
  /* Empty state styling */
}
.multi-select-perspective-container .assignee-selector-empty {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px 12px;
  min-height: 36px;
}
.multi-select-perspective-container .assignee-selector-empty .empty-state {
  font-size: var(--primary-font);
  color: var(--secondary-text-color);
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
/* src/lib/components/molecules/PerspectiveSelector/PerspectiveSelector.scss */
.node-perspective-selector {
  display: contents;
}
.node-perspective-selector.editing {
  display: block;
}
/* src/lib/components/organism/Node/AtlasPerspectiveSelector.scss */
.atlas-perspective-selector {
  display: flex;
  align-items: center;
  padding: 5px;
  box-shadow: inset 0px 0px 1px 1.9px rgba(116, 139, 157, 0.2) !important;
  cursor: pointer;
  transition: border-color 0.3s ease, background-color 0.3s ease;
}
[data-theme=dark] .atlas-perspective-selector {
  background: var(--atlas-columns);
}
.atlas-perspective-selector.selected {
  border-color: #51a0dc !important;
  background-color: #f0f8ff; /* Example: Light blue background when selected */
}
.atlas-perspective-selector:focus-visible {
  outline: none;
}
.atlas-perspective-selector {
  /* Optional: Styles when in editing mode */
}
.atlas-perspective-selector.editing {
  /* Define styles if needed */
}
.atlas-perspective-selector {
  /* Label Styling */
}
.atlas-perspective-selector .atlas-perspective-label {
  width: 150px; /* Adjust as needed */
  margin-right: 12px;
  font-weight: 500;
  color: #333333;
  text-align: right;
  cursor: pointer;
}
.atlas-perspective-selector {
  /* PerspectiveSelector Container */
}
.atlas-perspective-selector .perspective-select-container {
  flex: 1; /* Occupies remaining space */
}
.atlas-perspective-selector {
  /* Sphere Avatar Styling */
}
.atlas-perspective-selector .sphere-avatar-icon {
  margin-right: 4px;
}
.atlas-perspective-selector {
  /* Profile Text Styling */
}
.atlas-perspective-selector .profile-text {
  flex: 1;
  font-size: var(--primary-font);
  color: #333333;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.atlas-perspective-selector {
  /* Loading Spinner and Error Message */
}
.atlas-perspective-selector .loading-spinner,
.atlas-perspective-selector .error-message {
  margin-left: 8px;
  font-size: var(--secondary-font);
  color: #ff4d4f; /* Error color */
}
.atlas-perspective-selector {
  /* Override p-inputtext padding ONLY when PerspectiveSelector is inside AtlasPerspectiveSelector */
}
.atlas-perspective-selector .perspective-select-container .p-inputtext {
  padding: 4px !important;
}
.node-counts {
  color: var(--primary-text-color);
  font-family: var(--font-family);
  font-size: var(--secondary-font);
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  text-align: center;
  width: 50px;
  height: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0px;
  border-radius: 0px 20px 20px 0px;
  border: 1px solid var(--root-surface-hover, #f6f9fc);
  background: var(--user-bg, linear-gradient(359deg, #f5fbff -34.86%, #f2f9fe -34.84%, #eff5fa 99.41%, #fafdff 125.39%));
}
[data-theme=dark] .node-counts {
  background: var(--component-background-gradient);
}
.node-counts {
  /* dropdown-innerShadow */
  box-shadow: 0px -2px 7px 2px rgba(116, 139, 157, 0.2) inset;
  box-shadow: -1px -3px 7px 0px rgba(116, 139, 157, 0.2) inset;
  padding-left: 5px;
}
.node-counts.complete-pill {
  border-radius: 20px;
}
.node-counts span {
  font-weight: normal;
  vertical-align: middle;
  padding: 0;
  display: flex;
}
/* NodeLabel.scss */
/* Define the mr-2 class if not using a utility CSS framework */
.mr-2 {
  margin-right: 0.5rem; /* Adjust as needed */
}
.breadcrumb-path {
  display: flex;
  overflow: hidden;
  white-space: nowrap;
  transition: max-width 0.3s ease-in-out;
}
.breadcrumb-path span a .sphere-breadcrumb {
  margin-top: 5px;
  margin-right: 5px;
  display: inline-block;
}
.breadcrumb-path span a .sphere-breadcrumb.truncate {
  max-width: 120px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.breadcrumb-path span .sphere-seprater {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  margin-top: 5px;
  margin-left: 5px;
  margin-right: 5px;
}
.breadcrumb-path .mobile-breadcrumb-current {
  display: flex;
  align-items: center;
  gap: 8px;
  overflow: hidden;
  min-width: 0;
  max-width: 100%;
}
.breadcrumb-path .mobile-breadcrumb-current .mobile-parent-avatar-button {
  flex-shrink: 0;
  border: none;
  background: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: opacity 0.2s ease, transform 0.1s ease;
  padding: 0;
  margin: 0;
}
.breadcrumb-path .mobile-breadcrumb-current .mobile-parent-avatar-button:hover {
  opacity: 0.8;
  transform: scale(1.05);
}
.breadcrumb-path .mobile-breadcrumb-current .mobile-parent-avatar-button:active {
  transform: scale(0.95);
}
.breadcrumb-path .mobile-breadcrumb-current .mobile-parent-avatar-button:focus-visible {
  outline: 2px solid var(--primary-color);
  outline-offset: 2px;
  border-radius: 50%;
}
.breadcrumb-path .mobile-breadcrumb-current .mobile-parent-avatar-button .parent-sphere-avatar {
  flex-shrink: 0;
}
.breadcrumb-path .mobile-breadcrumb-current .sphere-seprater {
  flex-shrink: 0;
  color: var(--text-color-secondary);
  font-weight: 400;
  margin: 0 4px;
}
.breadcrumb-path .mobile-breadcrumb-current .current-sphere-avatar {
  flex-shrink: 0;
}
.breadcrumb-path .mobile-breadcrumb-current .current-sphere-name {
  flex: 1;
  min-width: 0;
  max-width: calc(100vw - 120px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 600;
  color: var(--primary-text-color);
  margin-top: 5px;
}
/* Node Label Container */
.node-label {
  white-space: nowrap;
  text-overflow: ellipsis;
  color: var(--primary-text-color);
  font-family: var(--font-family);
  font-size: var(--primary-font);
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  display: flex;
  align-items: center;
  position: relative; /* Added for positioning child elements if needed */
  width: 100%; /* Ensure full width */
}
.node-label .urgency-icon {
  margin-left: 8px;
  position: relative;
  display: inline-flex;
  align-items: center;
}
.node-label .icon {
  display: inline-block;
}
.node-label .sphere-avatar-icon {
  background-color: var(--component-background);
}
[data-theme=dark] .node-label .sphere-avatar-icon {
  background-color: var(--no-background);
}
.node-label .sphere-avatar-icon {
  margin-bottom: 5px;
  margin-left: 2px;
  position: relative;
  top: 0px;
}
.node-label {
  /* Edit Pill Wrapper */
}
.node-label .edit-pill-wrapper {
  position: relative; /* Establishes a new positioning context */
  margin-left: auto; /* Pushes this element to the far right */
  display: flex;
  align-items: center;
  flex-shrink: 0; /* Prevents shrinking */
  background: #ffffff;
}
[data-theme=dark] .node-label .edit-pill-wrapper {
  background: var(--no-background);
}
.node-label .edit-pill-wrapper .edit-pill-icon {
  cursor: pointer; /* Indicates it's clickable */
  height: 16px;
  width: 16px;
}
.node-label .edit-pill-wrapper .row-control {
  color: #377fc4;
  display: flex;
  justify-content: center; /* Centers the icon within its span */
  align-items: center;
  margin-left: 8px; /* Adjust as needed for spacing */
  cursor: pointer; /* Indicates it's clickable */
  font-size: 1.2em; /* Adjust size as needed */
}
.node-label .edit-pill-wrapper .row-control .parent-icon {
  color: #f2b737;
  /* Optional: Add hover effects for better UX */
}
.node-label .edit-pill-wrapper .row-control .parent-icon:hover {
  color: rgb(155, 63, 32);
}
.node-label .edit-pill-wrapper .row-control {
  /* Optional: Add hover effects for better UX */
}
.node-label .edit-pill-wrapper .row-control:hover {
  color: darkblue;
}
.node-label .edit-pill-wrapper {
  /* Deactivate Confirmation Prompt */
}
.node-label .edit-pill-wrapper .deactivate-confirmation {
  display: flex;
  align-items: center;
  margin-left: 8px;
  padding-left: 8px;
  background-color: #f8d7da;
  color: #721c24;
  border-radius: 4px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  z-index: 9;
}
.node-label .edit-pill-wrapper .deactivate-confirmation span {
  margin-right: 8px;
  font-size: var(--primary-font);
}
.node-label .edit-pill-wrapper .deactivate-confirmation .confirm-button,
.node-label .edit-pill-wrapper .deactivate-confirmation .cancel-button {
  padding: 4px 8px;
  margin: 4px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  font-size: var(--primary-font);
  height: 24px;
}
.node-label {
  /* Notification Container */
}
.node-label .node-label-notification {
  /* Positioning */
  position: absolute; /* Positions the notification relative to .edit-pill-wrapper */
  left: calc(100% - 320px); /* Adjust as needed */
  margin-bottom: 4px; /* Small gap between the trigger and the notification */
  /* Appearance */
  padding: 8px 12px;
  border-radius: 4px;
  font-size: var(--primary-font);
  white-space: nowrap;
  z-index: 10; /* Ensures the notification appears above other elements */
  opacity: 0; /* Initial state: invisible */
  pointer-events: none; /* Allows clicks to pass through when invisible */
  display: flex;
  align-items: center;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  /* Transition effects for smooth appearance and disappearance */
  transition: opacity 0.3s ease, transform 0.3s ease;
}
.node-label {
  /* Notification Type Styles */
}
.node-label .node-label-notification.success {
  background-color: #d4edda;
  color: #155724;
  border: 1px solid #c3e6cb;
  opacity: 1; /* Fully visible */
  pointer-events: auto; /* Enables interaction */
  transform: translateY(0); /* Ensures it's in the correct position */
}
.node-label .node-label-notification.error {
  background-color: #f8d7da;
  color: #721c24;
  border: 1px solid #f5c6cb;
  opacity: 1; /* Fully visible */
  pointer-events: auto; /* Enables interaction */
  transform: translateY(0); /* Ensures it's in the correct position */
}
.node-label .node-label-notification.info {
  background-color: #d1ecf1;
  color: #0c5460;
  border: 1px solid #bee5eb;
  opacity: 1; /* Fully visible */
  pointer-events: auto; /* Enables interaction */
  transform: translateY(0); /* Ensures it's in the correct position */
}
.node-label {
  /* Icon Styling within Notification */
}
.node-label .node-label-notification .notification-icon {
  width: 16px;
  height: 16px;
  margin-right: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.node-label .node-label-notification .notification-icon svg {
  width: 100%;
  height: 100%;
  fill: currentColor; /* Inherits the text color */
}
.node-label {
  /* Styles for the action button within Notification */
}
.node-label .notification-action-button {
  margin-left: 12px;
  background: none;
  border: none;
  color: #3182ce;
  cursor: pointer;
  font-weight: bold;
  text-decoration: underline;
}
.node-label .notification-action-button:hover {
  color: #2c5282;
}
.node-label {
  /* Responsive Adjustments */
}
@media (max-width: 768px) {
  .node-label .node-label-notification {
    font-size: var(--secondary-font);
    padding: 6px 10px;
  }
  .node-label .node-label-notification .notification-icon {
    width: 14px;
    height: 14px;
  }
  .node-label .deactivate-confirmation span {
    font-size: var(--secondary-font);
  }
  .node-label .deactivate-confirmation .confirm-button,
  .node-label .deactivate-confirmation .cancel-button {
    padding: 3px 6px;
    font-size: var(--secondary-font);
  }
}
.node-label.expanded .breadcrumb-path {
  max-width: 1000px;
}
.breadcrumb-hover-wrapper {
  display: inline-flex;
  align-items: center;
  max-width: 100%;
  transition: all 0.3s ease-in-out;
  margin-left: 5px;
  margin-right: 5px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.btn-link {
  box-shadow: none !important;
  color: #495057 !important;
  font-size: var(--primary-font) !important;
  font-weight: normal !important;
  height: auto !important;
}
.bold-node-label {
  font-weight: bold;
}
.chat-bubble-icon-wrapper {
  display: flex;
  align-items: center;
  position: absolute;
  right: 50px; /* Adjust this value to position the icon as needed */
}
.chat-bubble-icon-wrapper .chat-bubble-icon {
  width: 16px;
  height: 16px;
}
/* Mobile Responsive Styles */
@media (max-width: 768px) {
  .node-label {
    flex-direction: row;
    align-items: center;
    padding: 0;
    width: 100%;
    gap: 4px;
    padding-right: 5px !important;
  }
  .node-label .node-label__avatar {
    width: 40px;
    height: 40px;
    flex-shrink: 0;
  }
  .node-label .node-label__content {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 4px;
  }
  .node-label .node-label__name {
    font-size: 16px;
    line-height: 1.4;
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .node-label .node-label__info {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
  }
  .node-label .breadcrumb-path {
    font-size: 12px;
    color: var(--secondary-text-color, #666);
    max-width: 100%;
  }
  .node-label .breadcrumb-path span a .sphere-breadcrumb {
    margin-top: 2px;
    margin-right: 3px;
    font-size: 12px;
  }
  .node-label .breadcrumb-path span a .sphere-breadcrumb.truncate {
    max-width: 80px;
  }
  .node-label .breadcrumb-path span .sphere-seprater {
    margin: 2px 3px;
    font-size: 11px;
  }
  .node-label .urgency-icon {
    width: 24px;
    height: 24px;
    font-size: 12px;
  }
}
@media (max-width: 768px) and (max-width: 360px) {
  .node-label .edit-pill-wrapper {
    display: none;
  }
}
@media (max-width: 768px) {
  .node-label .chat-bubble-icon-wrapper {
    right: 20px;
    display: none !important;
  }
  .node-label .chat-bubble-icon-wrapper .chat-bubble-icon {
    width: 20px;
    height: 20px;
  }
  .urgency-pill {
    max-width: 200px;
    font-size: 14px;
  }
  .urgency-pill .urgency-pill__dropdown {
    max-height: 60vh;
    overflow-y: auto;
  }
  .edit-pill .p-menu {
    max-height: 70vh;
    overflow-y: auto;
  }
  .edit-pill .p-menuitem {
    min-height: 44px;
  }
  .edit-pill .p-menuitem .p-menuitem-link {
    padding: 12px 16px;
    font-size: 14px;
  }
  .edit-pill .p-menuitem .p-menuitem-icon {
    font-size: 16px;
  }
}
@media (max-width: 480px) {
  .node-label .node-label__name {
    font-size: 15px;
  }
  .node-label .breadcrumb-path {
    font-size: var(--primary-font);
  }
  .node-label .breadcrumb-path span a .sphere-breadcrumb.truncate {
    max-width: 60px;
  }
  .node-label .urgency-icon {
    font-size: 11px;
    margin-left: 0px;
  }
}
@media (hover: none) and (pointer: coarse) {
  .node-label .urgency-icon,
  .node-label .edit-pill-wrapper,
  .node-label .chat-bubble-icon-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
/* Expand/Collapse Icon */
.mobile-expand-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  padding: 4px;
  color: var(--primary-color, #377fc4);
  transition: all 0.3s ease;
  border-radius: 4px;
  min-width: 24px;
  min-height: 24px;
  margin-right: 0px;
  background: transparent;
  border: none;
}
.mobile-expand-icon i {
  font-size: 14px;
  transition: transform 0.3s ease;
}
.mobile-expand-icon:hover {
  background: var(--hover-background);
}
.mobile-expand-icon:active {
  transform: scale(0.95);
}
.mobile-expand-icon.expanded i {
  transform: rotate(90deg);
}
[data-theme=dark] .mobile-expand-icon {
  color: var(--primary-color-text, #60a5fa);
}
/* Mobile Details Panel */
.mobile-details-panel {
  width: 100%;
  background: var(--component-background);
  border-radius: 8px;
  padding: 12px;
  margin-top: 8px;
  margin-left: 0;
  animation: slideDown 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
  border: var(--primary-border);
}
@keyframes slideDown {
  from {
    opacity: 0;
    transform: translateY(-10px);
    max-height: 0;
  }
  to {
    opacity: 1;
    transform: translateY(0);
    max-height: 1000px;
  }
}
/* Mobile Details Content */
.mobile-details-content {
  display: flex;
  flex-direction: column;
  gap: 0;
}
.detail-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 0;
  border-bottom: var(--primary-border);
  min-height: 40px;
  box-shadow: 1px 2px 3px -1px rgba(74, 100, 126, 0.15);
}
.detail-row:last-child {
  border-bottom: none;
}
.detail-row.detail-row-clickable {
  cursor: pointer;
  transition: background-color 0.2s ease, transform 0.1s ease;
}
.detail-row.detail-row-clickable:hover {
  background-color: var(--surface-hover, rgba(55, 127, 196, 0.05));
}
.detail-row.detail-row-clickable:active {
  transform: scale(0.99);
}
[data-theme=dark] .detail-row.detail-row-clickable:hover {
  background-color: var(--surface-hover, rgba(96, 165, 250, 0.1));
}
.detail-row-nested {
  padding: 8px 0 8px 16px;
  font-size: var(--secondary-font, 13px);
  min-height: 36px;
}
.detail-full {
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
}
.detail-label {
  display: flex;
  align-items: center;
  gap: 6px;
  font-weight: 500;
  color: var(--primary-text-color);
  font-size: var(--primary-font, 14px);
  min-width: 120px;
  flex-shrink: 0;
}
.detail-label i {
  font-size: 14px;
  color: var(--primary-text-color);
  flex-shrink: 0;
}
.detail-label .perspective-icon {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
}
.detail-value {
  font-size: var(--primary-font, 14px);
  color: var(--primary-text-color);
  text-align: right;
  word-break: break-word;
  flex: 1;
}
.detail-value.detail-value-with-chevron {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
}
.detail-value.detail-value-with-chevron .status-text {
  font-weight: 500;
  color: var(--primary-text-color);
}
.detail-value.detail-value-with-chevron .pi-chevron-right {
  color: var(--text-color-secondary, #9ca3af);
  font-size: 14px;
  transition: transform 0.2s ease;
}
.detail-row-clickable:hover .detail-value.detail-value-with-chevron .pi-chevron-right, .detail-row-clickable:focus .detail-value.detail-value-with-chevron .pi-chevron-right {
  transform: translateX(2px);
  color: var(--primary-color, #377fc4);
}
.detail-value .stage-chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 12px;
  background: var(--primary-color, #377fc4);
  color: #ffffff;
  border-radius: 12px;
  font-size: var(--secondary-font, 13px);
  font-weight: 500;
  white-space: nowrap;
}
.detail-value .stage-chip .stage-icon {
  font-size: 14px;
  color: #ffffff;
}
[data-theme=dark] .detail-value .stage-chip {
  background: color-mix(in srgb, var(--primary-color, #377fc4) 80%, white);
}
.detail-value.perspective-value {
  display: flex;
  align-items: center;
  gap: 8px;
  justify-content: flex-end;
  flex-direction: row;
}
.detail-value.perspective-value .perspective-sphere-avatar {
  flex-shrink: 0;
  order: 1;
  left: 5px;
}
.detail-value.perspective-value .perspective-name {
  flex: 0 1 auto;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  order: 2;
}
.detail-description {
  text-align: left;
  line-height: 1.6;
  margin-top: 4px;
  color: var(--primary-text-color);
  max-height: 150px;
  overflow-y: auto;
  padding-right: 8px;
  width: 100%;
  /* Custom scrollbar */
}
.detail-description::-webkit-scrollbar {
  width: 4px;
}
.detail-description::-webkit-scrollbar-track {
  background: transparent;
}
.detail-description::-webkit-scrollbar-thumb {
  background: var(--surface-border, #d1d5db);
  border-radius: 2px;
}
.detail-description::-webkit-scrollbar-thumb:hover {
  background: var(--surface-border, #9ca3af);
}
[data-theme=dark] .detail-description::-webkit-scrollbar-thumb {
  background: var(--surface-border, #4b5563);
}
[data-theme=dark] .detail-description::-webkit-scrollbar-thumb:hover {
  background: var(--surface-border, #6b7280);
}
.detail-section {
  margin-top: 12px;
  padding-top: 12px;
  border-top: var(--primary-border);
}
.detail-section:first-child {
  margin-top: 0;
  padding-top: 0;
  border-top: none;
}
[data-theme=dark] .detail-section {
  border-top-color: var(--primary-border);
}
.detail-section-title {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  font-weight: 600;
  color: var(--primary-text-color);
  margin-bottom: 8px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.detail-section-title i {
  font-size: 13px;
  color: var(--primary-text-color);
}
/* Responsive adjustments for very small screens */
@media (max-width: 480px) {
  .mobile-details-panel {
    padding: 5px 10px;
    margin-top: 6px;
  }
  .detail-row {
    padding: 8px 0;
    min-height: 36px;
  }
  .detail-label {
    font-size: var(--secondary-font, 13px);
    min-width: 100px;
  }
  .detail-label i {
    font-size: 13px;
  }
  .detail-value {
    font-size: var(--secondary-font, 13px);
  }
  .detail-section-title {
    font-size: 11px;
  }
  .detail-section-title i {
    font-size: 12px;
  }
  .detail-description {
    max-height: 120px;
    font-size: var(--secondary-font, 13px);
  }
  .mobile-expand-icon {
    min-width: 28px;
    min-height: 28px;
    padding: 6px;
  }
  .mobile-expand-icon i {
    font-size: 16px;
  }
}
/* Touch optimization for expand icon */
@media (hover: none) and (pointer: coarse) {
  .mobile-expand-icon {
    min-width: 32px;
    min-height: 32px;
    padding: 8px;
  }
  .detail-row {
    min-height: 44px; /* Minimum touch target */
  }
  /* Lock Focus - Disable cursor pointer when focus is locked */
  .node-label.lock-focus {
    cursor: default !important;
  }
  .node-label.lock-focus * {
    cursor: default !important;
  }
}
.mobile-status-drawer {
  height: 30rem;
}
.mobile-status-drawer .p-sidebar-header {
  display: none;
}
.mobile-status-drawer .p-sidebar {
  height: 70vh;
  max-height: 70vh;
  border-radius: 20px 20px 0 0;
  box-shadow: 0 -4px 16px rgba(0, 0, 0, 0.1);
}
[data-theme=dark] .mobile-status-drawer .p-sidebar {
  box-shadow: 0 -4px 16px rgba(0, 0, 0, 0.3);
}
.mobile-status-drawer .p-sidebar-content {
  padding: 0;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  height: 100%;
}
.mobile-status-drawer__container {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
}
.mobile-status-drawer__handle {
  width: 40px;
  height: 4px;
  background: var(--surface-border, #d1d5db);
  border-radius: 2px;
  margin: 12px auto 8px auto;
  flex-shrink: 0;
}
[data-theme=dark] .mobile-status-drawer__handle {
  background: var(--surface-border, #4b5563);
}
.mobile-status-drawer__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 16px 12px 16px;
  border-bottom: 1px solid var(--surface-border, #e5e7eb);
  flex-shrink: 0;
  background: var(--component-background);
}
[data-theme=dark] .mobile-status-drawer__header {
  border-bottom-color: var(--surface-border, #374151);
}
.mobile-status-drawer__title {
  margin: 0;
  font-size: 18px;
  font-weight: 600;
  color: var(--primary-text-color);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
}
.mobile-status-drawer__content {
  flex: 1;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 0px 16px;
}
.mobile-status-drawer__content::-webkit-scrollbar {
  width: 6px;
}
.mobile-status-drawer__content::-webkit-scrollbar-track {
  background: transparent;
}
.mobile-status-drawer__content::-webkit-scrollbar-thumb {
  background: var(--surface-border, #d1d5db);
  border-radius: 3px;
}
.mobile-status-drawer__content::-webkit-scrollbar-thumb:hover {
  background: var(--surface-border, #9ca3af);
}
[data-theme=dark] .mobile-status-drawer__content::-webkit-scrollbar-thumb {
  background: var(--surface-border, #4b5563);
}
[data-theme=dark] .mobile-status-drawer__content::-webkit-scrollbar-thumb:hover {
  background: var(--surface-border, #6b7280);
}
.mobile-status-drawer__header-badges-container {
  padding: 0 16px 12px 16px;
  flex-shrink: 0;
}
.mobile-status-drawer__header-badges {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  padding: 12px 16px;
  background: var(--component-background);
  border-radius: 8px;
}
.mobile-status-drawer__header-badges .status-badge-chip {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 6px 12px;
  border-radius: 16px;
  font-size: 13px;
  font-weight: 500;
  white-space: nowrap;
}
.mobile-status-drawer__header-badges .status-badge-chip--status {
  background: color-mix(in srgb, var(--primary-color, #377fc4) 15%, transparent);
  color: var(--primary-color, #377fc4);
}
[data-theme=dark] .mobile-status-drawer__header-badges .status-badge-chip--status {
  background: color-mix(in srgb, var(--primary-color, #60a5fa) 20%, transparent);
  color: var(--primary-color-text, #60a5fa);
}
.mobile-status-drawer__header-badges .status-badge-chip--status-on-track {
  background: color-mix(in srgb, #10B981 20%, transparent);
  color: #047857;
}
[data-theme=dark] .mobile-status-drawer__header-badges .status-badge-chip--status-on-track {
  background: color-mix(in srgb, #10B981 30%, transparent);
  color: #34D399;
}
.mobile-status-drawer__header-badges .status-badge-chip--status-at-risk {
  background: color-mix(in srgb, #F59E0B 20%, transparent);
  color: #D97706;
}
[data-theme=dark] .mobile-status-drawer__header-badges .status-badge-chip--status-at-risk {
  background: color-mix(in srgb, #F59E0B 30%, transparent);
  color: #FBBF24;
}
.mobile-status-drawer__header-badges .status-badge-chip--status-needs-attention {
  background: color-mix(in srgb, #F97316 20%, transparent);
  color: #EA580C;
}
[data-theme=dark] .mobile-status-drawer__header-badges .status-badge-chip--status-needs-attention {
  background: color-mix(in srgb, #F97316 30%, transparent);
  color: #FB923C;
}
.mobile-status-drawer__header-badges .status-badge-chip--status-critical {
  background: color-mix(in srgb, #EF4444 20%, transparent);
  color: #DC2626;
}
[data-theme=dark] .mobile-status-drawer__header-badges .status-badge-chip--status-critical {
  background: color-mix(in srgb, #EF4444 30%, transparent);
  color: #F87171;
}
.mobile-status-drawer__header-badges .status-badge-chip--status-blocked {
  background: color-mix(in srgb, #DC2626 20%, transparent);
  color: #991B1B;
}
[data-theme=dark] .mobile-status-drawer__header-badges .status-badge-chip--status-blocked {
  background: color-mix(in srgb, #DC2626 30%, transparent);
  color: #EF4444;
}
.mobile-status-drawer__header-badges .status-badge-chip--status-completed {
  background: color-mix(in srgb, #3B82F6 20%, transparent);
  color: #1D4ED8;
}
[data-theme=dark] .mobile-status-drawer__header-badges .status-badge-chip--status-completed {
  background: color-mix(in srgb, #3B82F6 30%, transparent);
  color: #60A5FA;
}
.mobile-status-drawer__header-badges .status-badge-chip--status-unknown {
  background: color-mix(in srgb, #9CA3AF 20%, transparent);
  color: #6B7280;
}
[data-theme=dark] .mobile-status-drawer__header-badges .status-badge-chip--status-unknown {
  background: color-mix(in srgb, #9CA3AF 30%, transparent);
  color: #D1D5DB;
}
.mobile-status-drawer__header-badges .status-badge-chip--velocity {
  background: color-mix(in srgb, var(--surface-border, #d1d5db) 50%, transparent);
  color: var(--secondary-text-color);
}
.mobile-status-drawer__header-badges .status-badge-chip .badge-label {
  opacity: 0.8;
}
.mobile-status-drawer__header-badges .status-badge-chip .badge-value {
  font-weight: 600;
}
.mobile-status-drawer__header-badges .p-button {
  margin-left: auto;
}
.mobile-status-drawer__factors .mobile-status-drawer__factors-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 4px;
  gap: 8px;
}
.mobile-status-drawer__factors .factors-title {
  margin: 0;
  font-size: 18px;
  font-weight: 700;
  color: var(--primary-text-color);
  flex: 1;
}
.mobile-status-drawer__factors .factors-description {
  margin: 0 0 16px 0;
  font-size: 14px;
  color: var(--secondary-text-color);
  line-height: 1.6;
}
.mobile-status-drawer__factors .factors-list-wrapper {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.mobile-status-drawer__configure-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 36px;
  min-height: 36px;
  padding: 8px;
  background: transparent;
  border: 1px solid var(--surface-border, #d1d5db);
  border-radius: 6px;
  color: var(--secondary-text-color);
  cursor: pointer;
  transition: all 0.2s ease;
}
.mobile-status-drawer__configure-btn i {
  font-size: 16px;
}
.mobile-status-drawer__configure-btn:hover {
  background: var(--surface-hover, #f3f4f6);
  border-color: var(--primary-color, #377fc4);
  color: var(--primary-color, #377fc4);
}
.mobile-status-drawer__configure-btn:active {
  transform: scale(0.95);
}
[data-theme=dark] .mobile-status-drawer__configure-btn {
  border-color: var(--surface-border, #4b5563);
}
[data-theme=dark] .mobile-status-drawer__configure-btn:hover {
  background: var(--surface-hover, #374151);
  color: var(--primary-color-text, #60a5fa);
}
.mobile-status-drawer__factor-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.mobile-status-drawer__factor-item {
  position: relative;
  background: var(--component-background);
  border: 2px solid var(--surface-border, #d1d5db);
  border-radius: 12px;
  padding: 16px;
  transition: all 0.2s ease;
}
[data-theme=dark] .mobile-status-drawer__factor-item {
  border-color: var(--surface-border, #4b5563);
}
.mobile-status-drawer__factor-item--clickable {
  cursor: pointer;
}
.mobile-status-drawer__factor-item--clickable:hover {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  border-color: var(--primary-color, #377fc4);
}
[data-theme=dark] .mobile-status-drawer__factor-item--clickable:hover {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}
.mobile-status-drawer__factor-item--clickable:active {
  transform: scale(0.99);
}
.mobile-status-drawer__factor-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
  gap: 8px;
}
.mobile-status-drawer__factor-name {
  font-size: 16px;
  font-weight: 700;
  color: var(--primary-color, #1e3a8a);
  flex: 1;
  min-width: 0;
}
[data-theme=dark] .mobile-status-drawer__factor-name {
  color: var(--primary-color-text, #60a5fa);
}
.mobile-status-drawer__factor-weight {
  font-size: 13px;
  color: var(--secondary-text-color);
  white-space: nowrap;
  font-weight: 400;
}
.mobile-status-drawer__factor-status-value {
  display: inline-flex;
  align-items: center;
  font-size: 14px;
  font-weight: 600;
  padding: 4px 12px;
  border-radius: 12px;
  margin-bottom: 8px;
  margin-left: 4px;
}
.mobile-status-drawer__factor-status-value--on-track {
  background: color-mix(in srgb, #10B981 15%, transparent);
  color: #047857;
}
[data-theme=dark] .mobile-status-drawer__factor-status-value--on-track {
  background: color-mix(in srgb, #10B981 25%, transparent);
  color: #34D399;
}
.mobile-status-drawer__factor-status-value--at-risk {
  background: color-mix(in srgb, #F59E0B 15%, transparent);
  color: #D97706;
}
[data-theme=dark] .mobile-status-drawer__factor-status-value--at-risk {
  background: color-mix(in srgb, #F59E0B 25%, transparent);
  color: #FBB F24;
}
.mobile-status-drawer__factor-status-value--needs-attention {
  background: color-mix(in srgb, #F97316 15%, transparent);
  color: #EA580C;
}
[data-theme=dark] .mobile-status-drawer__factor-status-value--needs-attention {
  background: color-mix(in srgb, #F97316 25%, transparent);
  color: #FB923C;
}
.mobile-status-drawer__factor-status-value--critical {
  background: color-mix(in srgb, #EF4444 15%, transparent);
  color: #DC2626;
}
[data-theme=dark] .mobile-status-drawer__factor-status-value--critical {
  background: color-mix(in srgb, #EF4444 25%, transparent);
  color: #F87171;
}
.mobile-status-drawer__factor-status-value--blocked {
  background: color-mix(in srgb, #DC2626 15%, transparent);
  color: #991B1B;
}
[data-theme=dark] .mobile-status-drawer__factor-status-value--blocked {
  background: color-mix(in srgb, #DC2626 25%, transparent);
  color: #EF4444;
}
.mobile-status-drawer__factor-status-value--completed {
  background: color-mix(in srgb, #3B82F6 15%, transparent);
  color: #1D4ED8;
}
[data-theme=dark] .mobile-status-drawer__factor-status-value--completed {
  background: color-mix(in srgb, #3B82F6 25%, transparent);
  color: #60A5FA;
}
.mobile-status-drawer__factor-status-value--unknown {
  background: color-mix(in srgb, #9CA3AF 15%, transparent);
  color: #6B7280;
}
[data-theme=dark] .mobile-status-drawer__factor-status-value--unknown {
  background: color-mix(in srgb, #9CA3AF 25%, transparent);
  color: #D1D5DB;
}
.mobile-status-drawer__factor-description {
  font-size: 14px;
  color: var(--secondary-text-color);
  line-height: 1.6;
  margin-bottom: 4px;
}
.mobile-status-drawer__factor-chevron {
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
  color: var(--secondary-text-color);
  font-size: 16px;
  transition: transform 0.2s ease, color 0.2s ease;
}
.mobile-status-drawer__factor-item--clickable:hover .mobile-status-drawer__factor-chevron {
  transform: translateY(-50%) translateX(2px);
  color: var(--primary-color, #377fc4);
}
.mobile-status-drawer__factor-list--preview .mobile-status-drawer__factor-item {
  background: var(--component-background, #f9fafb);
  border-style: dashed;
}
.mobile-status-drawer__empty-state,
.mobile-status-drawer__deploy-state,
.mobile-status-drawer__draft-state {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 40px 20px;
  gap: 16px;
  background: var(--component-background, #f9fafb);
}
.mobile-status-drawer__empty-state .empty-state-icon,
.mobile-status-drawer__empty-state .deploy-state-icon,
.mobile-status-drawer__empty-state .draft-state-icon,
.mobile-status-drawer__deploy-state .empty-state-icon,
.mobile-status-drawer__deploy-state .deploy-state-icon,
.mobile-status-drawer__deploy-state .draft-state-icon,
.mobile-status-drawer__draft-state .empty-state-icon,
.mobile-status-drawer__draft-state .deploy-state-icon,
.mobile-status-drawer__draft-state .draft-state-icon {
  font-size: 56px;
  margin-bottom: 8px;
  line-height: 1;
}
.mobile-status-drawer__empty-state h4,
.mobile-status-drawer__deploy-state h4,
.mobile-status-drawer__draft-state h4 {
  margin: 0;
  font-size: 20px;
  font-weight: 700;
  color: var(--primary-text-color);
}
.mobile-status-drawer__empty-state p,
.mobile-status-drawer__deploy-state p,
.mobile-status-drawer__draft-state p {
  margin: 0;
  font-size: 14px;
  color: var(--secondary-text-color);
  line-height: 1.6;
  max-width: 400px;
}
.mobile-status-drawer__empty-state .mobile-status-drawer__factor-list--preview,
.mobile-status-drawer__deploy-state .mobile-status-drawer__factor-list--preview,
.mobile-status-drawer__draft-state .mobile-status-drawer__factor-list--preview {
  width: 100%;
  margin: 16px 0;
}
.mobile-status-drawer__deploy-error {
  width: 100%;
  padding: 8px 12px;
  background: #fee2e2;
  color: #991b1b;
  border-radius: 8px;
  font-size: 13px;
}
[data-theme=dark] .mobile-status-drawer__deploy-error {
  background: #7f1d1d;
  color: #fecaca;
}
.mobile-status-drawer__note {
  margin: 0;
  font-size: 12px;
  color: var(--secondary-text-color);
  font-style: italic;
}
.mobile-status-drawer__footer {
  padding: 16px;
  border-top: 1px solid var(--surface-border, #e5e7eb);
  text-align: center;
  background: var(--component-background);
  margin-top: 16px;
  position: absolute;
  bottom: 0px;
  width: 100%;
  left: 0px;
}
.mobile-status-drawer__footer small {
  font-size: 12px;
  color: var(--secondary-text-color);
}
.mobile-status-drawer__factor-details {
  display: flex;
  flex-direction: column;
  height: 100%;
  animation: slideInFromRight 0.3s ease-out;
}
.mobile-status-drawer__factor-details-header {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 8px 16px;
  border-bottom: 1px solid var(--surface-border, #e5e7eb);
  background: var(--component-background);
  margin: -16px -16px 16px -16px;
  margin-top: 8px;
}
[data-theme=dark] .mobile-status-drawer__factor-details-header {
  border-bottom-color: var(--surface-border, #374151);
}
.mobile-status-drawer__back-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 30px;
  min-height: 30px;
  padding: 10px;
  background: transparent;
  border: 1px solid var(--surface-border, #d1d5db);
  border-radius: 8px;
  color: var(--text-color, #374151);
  cursor: pointer;
  transition: all 0.2s ease;
}
.mobile-status-drawer__back-btn i {
  font-size: 18px;
}
.mobile-status-drawer__back-btn:hover:not(:disabled) {
  background: var(--surface-hover, #f3f4f6);
  border-color: var(--primary-color, #377fc4);
  color: var(--primary-color, #377fc4);
}
.mobile-status-drawer__back-btn:active {
  transform: scale(0.95);
}
.mobile-status-drawer__back-btn:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
[data-theme=dark] .mobile-status-drawer__back-btn {
  border-color: var(--surface-border, #4b5563);
  color: var(--primary-color-text);
}
[data-theme=dark] .mobile-status-drawer__back-btn:hover:not(:disabled) {
  background: var(--surface-hover, #374151);
}
.mobile-status-drawer__factor-details-title {
  margin: 0;
  font-size: 18px;
  font-weight: 700;
  color: var(--primary-text-color);
  flex: 1;
}
.mobile-status-drawer__factor-details-content {
  flex: 1;
  overflow-y: auto;
  padding-bottom: 20px;
}
.mobile-status-drawer__factor-info-text {
  font-size: 14px;
  color: var(--secondary-text-color);
  line-height: 1.6;
  font-style: italic;
  padding: 16px;
  background: var(--component-background);
  border-radius: 8px;
  margin-bottom: 20px;
}
.mobile-status-drawer__checkin-btn-primary {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  padding: 12px;
  background: var(--primary-color, #377fc4);
  color: #ffffff;
  border: none;
  border-radius: 8px;
  font-size: 15px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
  margin-bottom: 16px;
}
.mobile-status-drawer__checkin-btn-primary i {
  font-size: 16px;
}
.mobile-status-drawer__checkin-btn-primary:hover {
  background: color-mix(in srgb, var(--primary-color, #377fc4) 90%, black);
}
.mobile-status-drawer__checkin-btn-primary:active {
  transform: scale(0.98);
}
.mobile-status-drawer__factor-details-footer {
  padding: 16px;
  border-top: 1px solid var(--surface-border, #e5e7eb);
  background: var(--component-background);
  text-align: center;
  margin: -16px -16px 0 -16px;
  position: absolute;
  bottom: 0px;
  width: -webkit-fill-available;
  left: 0px;
}
[data-theme=dark] .mobile-status-drawer__factor-details-footer {
  border-top-color: var(--surface-border, #374151);
}
.mobile-status-drawer__factor-details-footer small {
  font-size: 13px;
  color: var(--secondary-text-color);
  font-style: italic;
}
@keyframes slideInFromRight {
  from {
    transform: translateX(100%);
  }
  to {
    transform: translateX(0);
  }
}
@media (max-width: 480px) {
  .mobile-status-drawer .p-sidebar {
    height: 75vh;
    max-height: 75vh;
  }
  .mobile-status-drawer__title {
    font-size: 16px;
  }
  .mobile-status-drawer__header-badges {
    padding: 10px 12px;
  }
  .mobile-status-drawer__header-badges .status-badge-chip {
    font-size: 12px;
    padding: 5px 10px;
  }
  .mobile-status-drawer__factors .factors-title {
    font-size: 16px;
  }
  .mobile-status-drawer__factors .factors-description {
    font-size: 13px;
  }
  .mobile-status-drawer__factor-item {
    padding: 12px 14px;
  }
  .mobile-status-drawer__factor-name {
    font-size: 14px;
  }
  .mobile-status-drawer__factor-weight {
    font-size: 11px;
    padding: 2px 6px;
  }
  .mobile-status-drawer__empty-state,
  .mobile-status-drawer__deploy-state,
  .mobile-status-drawer__draft-state {
    padding: 24px 12px;
  }
  .mobile-status-drawer__empty-state .empty-state-icon,
  .mobile-status-drawer__empty-state .deploy-state-icon,
  .mobile-status-drawer__empty-state .draft-state-icon,
  .mobile-status-drawer__deploy-state .empty-state-icon,
  .mobile-status-drawer__deploy-state .deploy-state-icon,
  .mobile-status-drawer__deploy-state .draft-state-icon,
  .mobile-status-drawer__draft-state .empty-state-icon,
  .mobile-status-drawer__draft-state .deploy-state-icon,
  .mobile-status-drawer__draft-state .draft-state-icon {
    font-size: 40px;
  }
  .mobile-status-drawer__empty-state h4,
  .mobile-status-drawer__deploy-state h4,
  .mobile-status-drawer__draft-state h4 {
    font-size: 18px;
  }
  .mobile-status-drawer__empty-state p,
  .mobile-status-drawer__deploy-state p,
  .mobile-status-drawer__draft-state p {
    font-size: 13px;
  }
}
@media (hover: none) and (pointer: coarse) {
  .mobile-status-drawer__factor-item--clickable {
    min-height: 80px;
    text-align: left;
    font-family: var(--font-family);
    display: contents;
    background: none;
    border: none;
  }
  .mobile-status-drawer__checkin-btn {
    min-width: 44px;
    min-height: 44px;
  }
}
.date-molecule {
  display: flex;
  align-items: center;
  width: 150px;
}

.atlas-date-selector .data-molecule {
  display: flex;
  align-items: center;
  width: 150px;
}

.atlas-date-selector .data-molecule .date-picker .p-calendar button {
  border: none;
  border-radius: 0%;
}
.calendar-atom {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  width: 100%;
}
.calendar-atom__label {
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--text-color, #333);
  margin-bottom: 0.25rem;
}
.calendar-atom__input {
  width: 100%;
}
.calendar-atom__input .p-inputtext {
  width: 100%;
  transition: border-color 0.2s, box-shadow 0.2s;
}
.calendar-atom__input--error .p-inputtext {
  border-color: var(--error-color, #dc3545);
}
.calendar-atom__input--error .p-inputtext:focus {
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}
.calendar-atom__errors {
  list-style: none;
  padding: 0;
  margin: 0.25rem 0 0 0;
  font-size: 0.75rem;
}
.calendar-atom__error {
  color: var(--error-color, #dc3545);
  margin-bottom: 0.125rem;
}
.calendar-atom__error:last-child {
  margin-bottom: 0;
}
.calendar-atom--inline .calendar-atom__input {
  width: auto;
  display: inline-block;
}
.calendar-atom--error .calendar-atom__label {
  color: var(--error-color, #dc3545);
}
/* Calendar icon override */
.p-calendar .p-inputtext + .p-datepicker-trigger {
  flex: 0 0 auto;
  width: 2.5rem;
  height: 2.5rem;
  padding: 0;
  border-radius: 20px;
  border: var(--primary-border);
  background: var(--Search-input-box);
  box-shadow: 2px 2px 7px 2px rgba(30, 84, 156, 0.18) inset, -3px -1px 10px 0px rgba(160, 183, 202, 0.15) inset;
  color: var(--primary-text-color);
  display: flex;
  align-items: center;
  justify-content: center;
}
.p-calendar .p-inputtext + .p-datepicker-trigger svg {
  display: none;
}
.p-calendar .p-inputtext + .p-datepicker-trigger:hover {
  background-color: var(--hover-background);
}
.date-picker {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  color: var(--primary-text-color);
}
.date-picker__label {
  display: block;
  font-size: 0.875rem;
  font-weight: 600;
}
.date-picker .p-calendar input {
  width: 100%;
}
.date-picker .p-calendar input::-moz-placeholder {
  color: #999;
  font-style: italic;
}
.date-picker .p-calendar input::placeholder {
  color: #999;
  font-style: italic;
}
.date-picker .p-calendar input:focus {
  outline: none;
  border-color: var(--interactive-icon-color, #007ad9);
  box-shadow: 0 0 3px var(--interactive-icon-color, #007ad9);
}
@media (max-width: 768px) {
  .p-datepicker {
    z-index: 9999;
    width: auto !important;
    max-width: calc(100vw - 32px);
    left: 50% !important;
    transform: translateX(-50%) !important;
  }
}
.date-molecule {
  display: inline-block;
  position: relative;
  cursor: pointer;
  width: 200px;
}
.date-molecule .date-display {
  cursor: pointer;
  display: block;
  width: 100%;
}
.date-molecule .date-picker {
  display: block;
  width: 100%;
}
.atlas-text-column {
  display: flex;
  align-items: center;
  width: 100%;
}
.atlas-text-column .atlas-text {
  flex: 1;
  font-size: var(--sub-heading-font);
  line-height: 1.5;
}
.atlas-text-column .read-more-button {
  background: none;
  border: none;
  color: blue;
  cursor: pointer;
  padding: 0 0.5rem;
  font-size: 0.9rem;
}
.stage-dropdown-atom {
  display: inline-flex;
  align-items: center;
}
.stage-dropdown-atom .stage-selector-trigger {
  display: flex;
  align-items: center;
  gap: var(--spacing-xs);
  padding: var(--spacing-xs) var(--spacing-sm);
  background: var(--surface-50);
  border: 1px solid var(--surface-300);
  border-radius: var(--border-radius);
  cursor: pointer;
  font-size: 14px;
  font-family: inherit;
  color: var(--text-color);
  transition: all 0.2s ease;
  outline: none;
}
.stage-dropdown-atom .stage-selector-trigger:focus-visible {
  outline: 2px solid var(--primary-color);
  outline-offset: 2px;
}
.stage-dropdown-atom .stage-selector-trigger:hover:not(:disabled) {
  background: var(--surface-100);
  border-color: var(--primary-color);
}
.stage-dropdown-atom .stage-selector-trigger:disabled {
  cursor: not-allowed;
  opacity: 0.6;
}
.stage-dropdown-atom .stage-selector-trigger .stage-icon {
  font-size: 14px;
  color: var(--primary-color);
}
.stage-dropdown-atom .stage-selector-trigger .stage-name {
  flex: 1;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.stage-dropdown-atom .stage-selector-trigger .pi-chevron-down {
  font-size: 12px;
  color: var(--text-color-secondary);
}
.arc-stage-dropdown .stage-list {
  min-width: 200px;
  max-height: 400px;
  overflow-y: auto;
}
.arc-stage-dropdown .stage-list .stage-item {
  width: 100%;
  padding: 10px 12px;
  background: transparent;
  border: none;
  border-bottom: 1px solid var(--surface-200);
  text-align: left;
  font-family: inherit;
  font-size: inherit;
  cursor: pointer;
  transition: background 0.2s ease;
}
.arc-stage-dropdown .stage-list .stage-item:last-child {
  border-bottom: none;
}
.arc-stage-dropdown .stage-list .stage-item.clickable:hover {
  background: var(--surface-50);
}
.arc-stage-dropdown .stage-list .stage-item.active {
  background: var(--primary-50);
  font-weight: 500;
}
.arc-stage-dropdown .stage-list .stage-item.disabled, .arc-stage-dropdown .stage-list .stage-item:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.arc-stage-dropdown .stage-list .stage-item:focus {
  outline: none;
}
.arc-stage-dropdown .stage-list .stage-item:focus-visible {
  outline: 2px solid var(--primary-color);
  outline-offset: -2px;
}
.arc-stage-dropdown .stage-list .stage-item .stage-info {
  display: flex;
  align-items: center;
  gap: 10px;
}
.arc-stage-dropdown .stage-list .stage-item .stage-info .stage-icon {
  font-size: 16px;
  color: var(--primary-color);
}
.arc-stage-dropdown .stage-list .stage-item .stage-info .stage-name {
  flex: 1;
  color: var(--text-color);
}
.transition-comment-dialog {
  border-radius: 20px;
  background: var(--bkg-components, linear-gradient(358deg, #e4f0fa 13.23%, #f2f9fe 97.17%));
  box-shadow: none;
  border: none;
}
[data-theme=dark] .transition-comment-dialog {
  background: #2C2C3E;
}
.transition-comment-dialog :global(.p-dialog-header) {
  border-top-right-radius: 20px;
  border-top-left-radius: 20px;
  background: var(--bkg-components, linear-gradient(358deg, #e4f0fa 13.23%, #f2f9fe 97.17%));
  border-bottom: none;
  padding: 1rem 1.25rem;
  box-shadow: 20px 20px 20px 0px rgba(0, 0, 0, 0.15);
}
[data-theme=dark] .transition-comment-dialog :global(.p-dialog-header) {
  background: #2C2C3E;
}
.transition-comment-dialog :global(.p-dialog-header) :global(.p-dialog-title) {
  font-size: 1rem;
  font-weight: 600;
  color: var(--primary-text-color);
  font-family: var(--font-family);
}
.transition-comment-dialog :global(.p-dialog-content) {
  background: var(--bkg-components, linear-gradient(358deg, #e4f0fa 13.23%, #f2f9fe 97.17%));
  padding: 1.25rem;
}
[data-theme=dark] .transition-comment-dialog :global(.p-dialog-content) {
  background: #121212;
}
.transition-comment-dialog :global(.p-dialog-footer) {
  background: rgba(55, 127, 196, 0.08);
  border-top: 1px solid rgba(55, 127, 196, 0.15);
  padding: 1rem 1.25rem;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
}
[data-theme=dark] .transition-comment-dialog :global(.p-dialog-footer) {
  background: rgba(55, 127, 196, 0.12);
  border-top: 1px solid rgba(55, 127, 196, 0.2);
}
.transition-comment-dialog .transition-comment-content {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
}
.transition-comment-dialog .transition-comment-content .transition-comment-label {
  font-weight: 600;
  font-size: 0.8125rem;
  color: var(--primary-text-color);
  line-height: 1.3;
  font-family: var(--font-family);
}
[data-theme=dark] .transition-comment-dialog .transition-comment-content .transition-comment-label {
  color: var(--primary-text-color);
}
.transition-comment-dialog .transition-comment-content .transition-comment-hint {
  color: var(--text-color-secondary);
  font-size: 0.75rem;
  font-style: italic;
  margin-top: -0.25rem;
  line-height: 1.3;
  font-family: var(--font-family);
}
[data-theme=dark] .transition-comment-dialog .transition-comment-content .transition-comment-hint {
  color: var(--text-color-secondary);
}
.transition-comment-dialog .transition-comment-content textarea {
  width: 100%;
  resize: vertical;
  min-height: 80px;
  font-size: 0.8125rem;
  padding: 0.625rem 0.875rem;
  border: var(--primary-border);
  border-radius: 12px;
  background: var(--component-background);
  color: var(--primary-text-color);
  font-family: var(--font-family);
  line-height: 1.5;
  box-shadow: 0px 2px 7px 0px rgba(116, 139, 157, 0.15) inset;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
[data-theme=dark] .transition-comment-dialog .transition-comment-content textarea {
  background: var(--body-background);
  border-color: rgba(255, 255, 255, 0.1);
  box-shadow: 0px 2px 7px 0px rgba(0, 0, 0, 0.2) inset;
}
.transition-comment-dialog .transition-comment-content textarea:focus {
  outline: none;
  border-color: var(--secondary-color);
  box-shadow: 0 0 0 3px rgba(55, 127, 196, 0.15);
}
[data-theme=dark] .transition-comment-dialog .transition-comment-content textarea:focus {
  border-color: #5fa0df;
  box-shadow: 0 0 0 3px rgba(95, 160, 223, 0.25);
}
.transition-comment-dialog .transition-comment-content textarea::-moz-placeholder {
  color: var(--text-color-secondary);
  opacity: 0.6;
}
.transition-comment-dialog .transition-comment-content textarea::placeholder {
  color: var(--text-color-secondary);
  opacity: 0.6;
}
[data-theme=dark] .transition-comment-dialog .transition-comment-content textarea::-moz-placeholder {
  color: rgba(255, 255, 255, 0.4);
}
[data-theme=dark] .transition-comment-dialog .transition-comment-content textarea::placeholder {
  color: rgba(255, 255, 255, 0.4);
}
.transition-comment-dialog .transition-comment-content .p-error {
  color: var(--error-color, #dc3545);
  font-size: 0.75rem;
  margin-top: 0.25rem;
  font-family: var(--font-family);
}
[data-theme=dark] .transition-comment-dialog .transition-comment-content .p-error {
  color: #ff6b6b;
}
.transition-comment-dialog .transition-comment-footer {
  display: flex;
  justify-content: flex-end;
  gap: 0.5rem;
}
.transition-comment-dialog .transition-comment-footer button {
  height: 40px;
  border-radius: 20px;
  font-family: var(--font-family);
  font-weight: 700;
  transition: transform 0.1s ease, box-shadow 0.2s ease;
}
.transition-comment-dialog .transition-comment-footer button:active:not(:disabled) {
  transform: scale(0.98);
}
.transition-comment-dialog .transition-comment-footer button.p-button-text, .transition-comment-dialog .transition-comment-footer button.p-button-secondary {
  border: var(--primary-border);
  box-shadow: 1px 2px 5px -1px rgba(74, 100, 126, 0.3);
  filter: drop-shadow(0 1px 1px rgba(6, 44, 88, 0.1));
  background: var(--component-background);
  color: var(--primary-text-color);
}
[data-theme=dark] .transition-comment-dialog .transition-comment-footer button.p-button-text, [data-theme=dark] .transition-comment-dialog .transition-comment-footer button.p-button-secondary {
  background: var(--component-background);
  border-color: rgba(255, 255, 255, 0.1);
}
.transition-comment-dialog .transition-comment-footer button.p-button-text:hover:not(:disabled), .transition-comment-dialog .transition-comment-footer button.p-button-secondary:hover:not(:disabled) {
  background: var(--component-background);
  opacity: 0.9;
}
.transition-comment-dialog .transition-comment-footer button.p-button-primary, .transition-comment-dialog .transition-comment-footer button.p-button-success {
  border: var(--primary-border);
  box-shadow: 0px -2px 7px 2px rgba(116, 139, 157, 0.2) inset;
  filter: drop-shadow(0 1px 1px rgba(6, 44, 88, 0.1));
  background: var(--user-bg, linear-gradient(359deg, #f5fbff -34.86%, #f2f9fe -34.84%, #eff5fa 99.41%, #fafdff 125.39%));
}
[data-theme=dark] .transition-comment-dialog .transition-comment-footer button.p-button-primary, [data-theme=dark] .transition-comment-dialog .transition-comment-footer button.p-button-success {
  background: var(--component-background);
}
.transition-comment-dialog .transition-comment-footer button.p-button-primary .p-button-label, .transition-comment-dialog .transition-comment-footer button.p-button-success .p-button-label {
  font-weight: 700;
  color: #377FC4;
}
[data-theme=dark] .transition-comment-dialog .transition-comment-footer button.p-button-primary .p-button-label, [data-theme=dark] .transition-comment-dialog .transition-comment-footer button.p-button-success .p-button-label {
  color: #5fa0df;
}
.transition-comment-dialog .transition-comment-footer button.p-button-primary:hover:not(:disabled), .transition-comment-dialog .transition-comment-footer button.p-button-success:hover:not(:disabled) {
  background: var(--user-bg, linear-gradient(359deg, #f5fbff -34.86%, #f2f9fe -34.84%, #eff5fa 99.41%, #fafdff 125.39%));
  opacity: 0.9;
}
[data-theme=dark] .transition-comment-dialog .transition-comment-footer button.p-button-primary:hover:not(:disabled), [data-theme=dark] .transition-comment-dialog .transition-comment-footer button.p-button-success:hover:not(:disabled) {
  background: var(--component-background);
}
[data-theme=dark] :global(.p-dialog-mask) {
  background-color: rgba(0, 0, 0, 0.6);
}
.atlas-arc-stage-selector {
  display: flex;
  align-items: center;
  width: 100%;
  padding: var(--spacing-xs);
  border-bottom: 1px solid var(--surface-border, #e0e0e0);
  box-shadow: inset 0px 0px 1px 1.9px rgba(116, 139, 157, 0.2);
  border: var(--primary-border);
  cursor: pointer;
  min-height: 34px;
  transition: border-color 0.3s ease, background-color 0.3s ease;
}
[data-theme=dark] .atlas-arc-stage-selector {
  background: var(--atlas-columns);
}
.atlas-arc-stage-selector.selected {
  border-color: #51a0dc !important;
  background-color: #f0f8ff;
}
.atlas-arc-stage-selector:focus-visible {
  outline: none;
}
.atlas-arc-stage-selector.node-parent {
  padding: var(--spacing-xs);
  box-shadow: inset 0px 0px 1px 1.9px rgba(116, 139, 157, 0.2);
  border: var(--primary-border);
}
.atlas-arc-stage-selector .stage-dropdown-atom {
  flex: 1;
}
.atlas-arc-stage-selector .stage-dropdown-atom .stage-selector-trigger {
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 4px 8px 4px 8px !important;
  width: 100%;
  justify-content: flex-start;
  font-size: var(--primary-font);
  font-weight: 300;
  color: #333333;
}
.atlas-arc-stage-selector .stage-dropdown-atom .stage-selector-trigger:hover:not(:disabled) {
  background: transparent !important;
  border: none !important;
}
.atlas-arc-stage-selector .stage-dropdown-atom .stage-selector-trigger .stage-icon {
  margin-right: 8px;
  font-size: 14px;
  color: var(--primary-color);
}
.atlas-arc-stage-selector .stage-dropdown-atom .stage-selector-trigger .stage-name {
  flex: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: var(--primary-text-color);
}
.atlas-arc-stage-selector .stage-dropdown-atom .stage-selector-trigger .pi-chevron-down {
  margin-left: auto;
}
.atlas-arc-stage-selector .arc-stage-selector-error {
  margin-left: 8px;
  font-size: var(--secondary-font);
  color: #ff4d4f;
}
.atlas-arc-stage-selector-empty {
  display: flex;
  align-items: center;
  width: 100%;
  padding: var(--spacing-xs);
  border-bottom: 1px solid var(--surface-border, #e0e0e0);
  box-shadow: inset 0px 0px 1px 1.9px rgba(116, 139, 157, 0.2);
  border: var(--primary-border);
  cursor: default;
  min-height: 34px;
}
[data-theme=dark] .atlas-arc-stage-selector-empty {
  background: var(--atlas-columns);
}
.atlas-arc-stage-selector-empty.node-parent {
  padding: var(--spacing-xs);
  box-shadow: inset 0px 0px 1px 1.9px rgba(116, 139, 157, 0.2);
  border: var(--primary-border);
  cursor: default;
}
.atlas-arc-stage-selector-empty .empty-arc-placeholder {
  color: transparent;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.rich-text-atom {
  display: -webkit-box; /* Enables multi-line truncation */
  -webkit-line-clamp: 2; /* Number of lines before truncation */
  -webkit-box-orient: vertical; /* Required for line-clamping */
  white-space: normal; /* Allow multi-line text */
  word-wrap: break-word; /* Break long words to fit within the container */
  font-size: var(--secondary-font); /* Customize font size */
  width: 100%;
  line-height: 18px;
}
@charset "UTF-8";
:root {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  --font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
  	Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
  	"Segoe UI Symbol";
  --surface-a: #ffffff;
  --surface-b: #f8f9fa;
  --surface-c: #e9ecef;
  --surface-d: #dee2e6;
  --surface-e: #ffffff;
  --surface-f: #ffffff;
  --text-color: #495057;
  --text-color-secondary: #6c757d;
  --primary-color: #2196f3;
  --primary-color-text: #ffffff;
  --surface-0: #ffffff;
  --surface-50: #fafafa;
  --surface-100: #f5f5f5;
  --surface-200: #eeeeee;
  --surface-300: #e0e0e0;
  --surface-400: #bdbdbd;
  --surface-500: #9e9e9e;
  --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: #9e9e9e;
  --gray-600: #757575;
  --gray-700: #616161;
  --gray-800: #424242;
  --gray-900: #212121;
  --content-padding: 1rem;
  --inline-spacing: 0.5rem;
  --border-radius: 3px;
  --surface-ground: #f8f9fa;
  --surface-section: #ffffff;
  --surface-card: #ffffff;
  --surface-overlay: #ffffff;
  --surface-border: #dee2e6;
  --surface-hover: #e9ecef;
  --focus-ring: 0 0 0 0.2rem #a6d5fa;
  --maskbg: rgba(0, 0, 0, 0.4);
  --highlight-bg: #e3f2fd;
  --highlight-text-color: #495057;
  color-scheme: light;
}
:root {
  --blue-50:#f4fafe;
  --blue-100:#cae6fc;
  --blue-200:#a0d2fa;
  --blue-300:#75bef8;
  --blue-400:#4baaf5;
  --blue-500:#2196f3;
  --blue-600:#1c80cf;
  --blue-700:#1769aa;
  --blue-800:#125386;
  --blue-900:#0d3c61;
  --green-50:#f6fbf6;
  --green-100:#d4ecd5;
  --green-200:#b2ddb4;
  --green-300:#90cd93;
  --green-400:#6ebe71;
  --green-500:#4caf50;
  --green-600:#419544;
  --green-700:#357b38;
  --green-800:#2a602c;
  --green-900:#1e4620;
  --yellow-50:#fffcf5;
  --yellow-100:#fef0cd;
  --yellow-200:#fde4a5;
  --yellow-300:#fdd87d;
  --yellow-400:#fccc55;
  --yellow-500:#fbc02d;
  --yellow-600:#d5a326;
  --yellow-700:#b08620;
  --yellow-800:#8a6a19;
  --yellow-900:#644d12;
  --cyan-50:#f2fcfd;
  --cyan-100:#c2eff5;
  --cyan-200:#91e2ed;
  --cyan-300:#61d5e4;
  --cyan-400:#30c9dc;
  --cyan-500:#00bcd4;
  --cyan-600:#00a0b4;
  --cyan-700:#008494;
  --cyan-800:#006775;
  --cyan-900:#004b55;
  --pink-50:#fef4f7;
  --pink-100:#fac9da;
  --pink-200:#f69ebc;
  --pink-300:#f1749e;
  --pink-400:#ed4981;
  --pink-500:#e91e63;
  --pink-600:#c61a54;
  --pink-700:#a31545;
  --pink-800:#801136;
  --pink-900:#5d0c28;
  --indigo-50:#f5f6fb;
  --indigo-100:#d1d5ed;
  --indigo-200:#acb4df;
  --indigo-300:#8893d1;
  --indigo-400:#6372c3;
  --indigo-500:#3f51b5;
  --indigo-600:#36459a;
  --indigo-700:#2c397f;
  --indigo-800:#232d64;
  --indigo-900:#192048;
  --teal-50:#f2faf9;
  --teal-100:#c2e6e2;
  --teal-200:#91d2cc;
  --teal-300:#61beb5;
  --teal-400:#30aa9f;
  --teal-500:#009688;
  --teal-600:#008074;
  --teal-700:#00695f;
  --teal-800:#00534b;
  --teal-900:#003c36;
  --orange-50:#fff8f2;
  --orange-100:#fde0c2;
  --orange-200:#fbc791;
  --orange-300:#f9ae61;
  --orange-400:#f79530;
  --orange-500:#f57c00;
  --orange-600:#d06900;
  --orange-700:#ac5700;
  --orange-800:#874400;
  --orange-900:#623200;
  --bluegray-50:#f7f9f9;
  --bluegray-100:#d9e0e3;
  --bluegray-200:#bbc7cd;
  --bluegray-300:#9caeb7;
  --bluegray-400:#7e96a1;
  --bluegray-500:#607d8b;
  --bluegray-600:#526a76;
  --bluegray-700:#435861;
  --bluegray-800:#35454c;
  --bluegray-900:#263238;
  --purple-50:#faf4fb;
  --purple-100:#e7cbec;
  --purple-200:#d4a2dd;
  --purple-300:#c279ce;
  --purple-400:#af50bf;
  --purple-500:#9c27b0;
  --purple-600:#852196;
  --purple-700:#6d1b7b;
  --purple-800:#561561;
  --purple-900:#3e1046;
  --red-50:#fff5f5;
  --red-100:#ffd1ce;
  --red-200:#ffada7;
  --red-300:#ff8980;
  --red-400:#ff6459;
  --red-500:#ff4032;
  --red-600:#d9362b;
  --red-700:#b32d23;
  --red-800:#8c231c;
  --red-900:#661a14;
  --primary-50:#f4fafe;
  --primary-100:#cae6fc;
  --primary-200:#a0d2fa;
  --primary-300:#75bef8;
  --primary-400:#4baaf5;
  --primary-500:#2196f3;
  --primary-600:#1c80cf;
  --primary-700:#1769aa;
  --primary-800:#125386;
  --primary-900:#0d3c61;
}
.p-editor-container .p-editor-toolbar {
  background: #f8f9fa;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}
.p-editor-container .p-editor-toolbar.ql-snow {
  border: 1px solid #dee2e6;
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke {
  stroke: #6c757d;
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-fill {
  fill: #6c757d;
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label {
  border: 0 none;
  color: #6c757d;
}
.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: 3px;
  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: 3px;
  border-bottom-left-radius: 3px;
}
.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: 3px;
  border-bottom-left-radius: 3px;
}
.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: #2196f3;
}
.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: #2196f3;
}
.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: #2196f3;
}
.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: #2196f3;
}
@layer primereact {
  * {
    box-sizing: border-box;
  }
  .p-component {
    font-family: var(--font-family);
    font-feature-settings: var(--font-feature-settings, normal);
    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 {
    opacity: 0.6;
  }
  .p-error {
    color: #f44336;
  }
  .p-text-secondary {
    color: #6c757d;
  }
  .pi {
    font-size: 1rem;
  }
  .p-icon {
    width: 1rem;
    height: 1rem;
  }
  .p-link {
    font-family: var(--font-family);
    font-feature-settings: var(--font-feature-settings, normal);
    font-size: 1rem;
    border-radius: 3px;
  }
  .p-link:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .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;
    }
  }
  .p-autocomplete .p-autocomplete-loader {
    right: 0.5rem;
  }
  .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
    right: 2.857rem;
  }
  .p-autocomplete .p-autocomplete-multiple-container {
    padding: 0.25rem 0.5rem;
    gap: 0.5rem;
  }
  .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover {
    border-color: #2196f3;
  }
  .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
    border-color: #2196f3;
  }
  .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
    padding: 0.25rem 0;
  }
  .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
    font-family: var(--font-family);
    font-feature-settings: var(--font-feature-settings, normal);
    font-size: 1rem;
    color: #495057;
    padding: 0;
    margin: 0;
  }
  .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
    padding: 0.25rem 0.5rem;
    margin-right: 0.5rem;
    background: #e3f2fd;
    color: #495057;
    border-radius: 3px;
  }
  .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
    margin-left: 0.5rem;
  }
  .p-autocomplete.p-invalid.p-component > .p-inputtext {
    border-color: #f44336;
  }
  .p-autocomplete-panel {
    background: #ffffff;
    color: #495057;
    border: 0 none;
    border-radius: 3px;
    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 {
    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-highlight {
    color: #495057;
    background: #e3f2fd;
  }
  .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
    margin: 0;
    padding: 0.75rem 1rem;
    color: #495057;
    background: #ffffff;
    font-weight: 600;
  }
  .p-calendar.p-invalid.p-component > .p-inputtext {
    border-color: #f44336;
  }
  .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
    border-color: #2196f3;
  }
  .p-datepicker {
    padding: 0.5rem;
    background: #ffffff;
    color: #495057;
    border: 1px solid #ced4da;
    border-radius: 3px;
  }
  .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: 3px;
    border-top-left-radius: 3px;
  }
  .p-datepicker .p-datepicker-header .p-datepicker-prev,
  .p-datepicker .p-datepicker-header .p-datepicker-next {
    width: 2rem;
    height: 2rem;
    color: #6c757d;
    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-visible,
  .p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .p-datepicker .p-datepicker-header .p-datepicker-title {
    line-height: 2rem;
  }
  .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year,
  .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
    color: #495057;
    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
    font-weight: 600;
    padding: 0.5rem;
  }
  .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover,
  .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover {
    color: #2196f3;
  }
  .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 #a6d5fa;
  }
  .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: #6c757d;
    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-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .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: 3px;
  }
  .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight {
    color: #495057;
    background: #e3f2fd;
  }
  .p-datepicker .p-yearpicker {
    margin: 0.5rem 0;
  }
  .p-datepicker .p-yearpicker .p-yearpicker-year {
    padding: 0.5rem;
    transition: box-shadow 0.2s;
    border-radius: 3px;
  }
  .p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight {
    color: #495057;
    background: #e3f2fd;
  }
  .p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
    border-left: 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;
    border-left: 0 none;
  }
  .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child {
    padding-right: 0;
  }
  .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 #a6d5fa;
  }
  .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover {
    background: #e9ecef;
  }
  .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover {
    background: #e9ecef;
  }
  .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  @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: 3px;
    outline-color: transparent;
  }
  .p-cascadeselect:not(.p-disabled):hover {
    border-color: #2196f3;
  }
  .p-cascadeselect:not(.p-disabled).p-focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
    border-color: #2196f3;
  }
  .p-cascadeselect.p-variant-filled {
    background-color: #f8f9fa;
  }
  .p-cascadeselect.p-variant-filled:enabled:hover {
    background-color: #f8f9fa;
  }
  .p-cascadeselect.p-variant-filled:enabled:focus {
    background-color: #ffffff;
  }
  .p-cascadeselect .p-cascadeselect-label {
    background: transparent;
    border: 0 none;
    padding: 0.5rem 0.5rem;
  }
  .p-cascadeselect .p-cascadeselect-label.p-placeholder {
    color: #6c757d;
  }
  .p-cascadeselect .p-cascadeselect-label:enabled:focus {
    outline: 0 none;
    box-shadow: none;
  }
  .p-cascadeselect .p-cascadeselect-trigger {
    background: transparent;
    color: #6c757d;
    width: 2.357rem;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
  }
  .p-cascadeselect.p-invalid.p-component {
    border-color: #f44336;
  }
  .p-cascadeselect-panel {
    background: #ffffff;
    color: #495057;
    border: 0 none;
    border-radius: 3px;
    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:first-child {
    margin-top: 0;
  }
  .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:last-child {
    margin-bottom: 0;
  }
  .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight {
    color: #495057;
    background: #e3f2fd;
  }
  .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus {
    background: rgba(33, 150, 243, 0.24);
  }
  .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus {
    color: #495057;
    background: #e9ecef;
  }
  .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-group-icon {
    font-size: 0.875rem;
  }
  .p-checkbox {
    position: relative;
    display: inline-flex;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    vertical-align: bottom;
  }
  .p-checkbox-input {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    opacity: 0;
    z-index: 1;
    outline: 0 none;
    cursor: pointer;
  }
  .p-checkbox-box {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .p-checkbox {
    width: 20px;
    height: 20px;
  }
  .p-checkbox .p-checkbox-input {
    border: 2px solid #ced4da;
    border-radius: 3px;
  }
  .p-checkbox .p-checkbox-box {
    border: 2px solid #ced4da;
    background: #ffffff;
    width: 20px;
    height: 20px;
    color: #495057;
    border-radius: 3px;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
    outline-color: transparent;
  }
  .p-checkbox .p-checkbox-box .p-checkbox-icon {
    transition-duration: 0.2s;
    color: #ffffff;
    font-size: 14px;
  }
  .p-checkbox .p-checkbox-box .p-checkbox-icon.p-icon {
    width: 14px;
    height: 14px;
  }
  .p-checkbox .p-checkbox-box {
    border: 2px solid #ced4da;
    background: #ffffff;
    width: 20px;
    height: 20px;
    color: #495057;
    border-radius: 3px;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
    outline-color: transparent;
  }
  .p-checkbox .p-checkbox-box .p-checkbox-icon {
    transition-duration: 0.2s;
    color: #ffffff;
    font-size: 14px;
  }
  .p-checkbox .p-checkbox-box .p-checkbox-icon.p-icon {
    width: 14px;
    height: 14px;
  }
  .p-checkbox.p-highlight .p-checkbox-box {
    border-color: #2196f3;
    background: #2196f3;
  }
  .p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
    border-color: #2196f3;
  }
  .p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
    border-color: #0b7ad1;
    background: #0b7ad1;
    color: #ffffff;
  }
  .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible) .p-checkbox-box {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
    border-color: #2196f3;
  }
  .p-checkbox.p-invalid > .p-checkbox-box {
    border-color: #f44336;
  }
  .p-checkbox.p-variant-filled .p-checkbox-box {
    background-color: #f8f9fa;
  }
  .p-checkbox.p-variant-filled.p-highlight .p-checkbox-box {
    background: #2196f3;
  }
  .p-checkbox.p-variant-filled:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
    background-color: #f8f9fa;
  }
  .p-checkbox.p-variant-filled:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
    background: #0b7ad1;
  }
  .p-input-filled .p-checkbox .p-checkbox-box {
    background-color: #f8f9fa;
  }
  .p-input-filled .p-checkbox.p-highlight .p-checkbox-box {
    background: #2196f3;
  }
  .p-input-filled .p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
    background-color: #f8f9fa;
  }
  .p-input-filled .p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
    background: #0b7ad1;
  }
  .p-checkbox {
    position: relative;
    display: inline-flex;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    vertical-align: bottom;
  }
  .p-checkbox-input {
    cursor: pointer;
  }
  .p-checkbox-box {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .p-tristatecheckbox.p-variant-filled .p-checkbox-box {
    background-color: #f8f9fa;
  }
  .p-tristatecheckbox.p-variant-filled.p-highlight .p-checkbox-box {
    background: #2196f3;
  }
  .p-tristatecheckbox.p-variant-filled:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
    background-color: #f8f9fa;
  }
  .p-tristatecheckbox.p-variant-filled:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
    background: #0b7ad1;
  }
  .p-chips {
    display: inline-flex;
  }
  .p-chips-multiple-container {
    margin: 0;
    padding: 0;
    list-style-type: none;
    cursor: text;
    overflow: hidden;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
  }
  .p-chips-token {
    cursor: default;
    display: inline-flex;
    align-items: center;
    flex: 0 0 auto;
  }
  .p-chips-input-token {
    flex: 1 1 auto;
    display: inline-flex;
  }
  .p-chips-token-icon {
    cursor: pointer;
  }
  .p-chips-input-token input {
    border: 0 none;
    outline: 0 none;
    background-color: transparent;
    margin: 0;
    padding: 0;
    box-shadow: none;
    border-radius: 0;
    width: 100%;
  }
  .p-fluid .p-chips {
    display: flex;
  }
  .p-chips:not(.p-disabled):hover .p-chips-multiple-container {
    border-color: #2196f3;
  }
  .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
    border-color: #2196f3;
  }
  .p-chips .p-chips-multiple-container {
    padding: 0.25rem 0.5rem;
    outline-color: transparent;
  }
  .p-chips .p-chips-multiple-container .p-chips-token {
    padding: 0.25rem 0.5rem;
    margin-right: 0.5rem;
    background: #dee2e6;
    color: #495057;
    border-radius: 16px;
  }
  .p-chips .p-chips-multiple-container .p-chips-token.p-focus {
    background: #ced4da;
    color: #495057;
  }
  .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: 0.25rem 0;
  }
  .p-chips .p-chips-multiple-container .p-chips-input-token input {
    font-family: var(--font-family);
    font-feature-settings: var(--font-feature-settings, normal);
    font-size: 1rem;
    color: #495057;
    padding: 0;
    margin: 0;
  }
  .p-chips.p-invalid.p-component > .p-inputtext {
    border-color: #f44336;
  }
  .p-colorpicker-preview {
    width: 2rem;
    height: 2rem;
  }
  .p-colorpicker-panel {
    background: #323232;
    border: 1px solid #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);
  }
  .p-dropdown {
    display: inline-flex;
    cursor: pointer;
    position: relative;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
  }
  .p-dropdown-clear-icon {
    position: absolute;
    top: 50%;
    margin-top: -0.5rem;
  }
  .p-dropdown-trigger {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
  }
  .p-dropdown-label {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    flex: 1 1 auto;
    width: 1%;
    text-overflow: ellipsis;
    cursor: pointer;
  }
  .p-dropdown-label-empty {
    overflow: hidden;
    opacity: 0;
  }
  input.p-dropdown-label {
    cursor: default;
  }
  .p-dropdown .p-dropdown-panel {
    min-width: 100%;
  }
  .p-dropdown-panel {
    position: absolute;
    top: 0;
    left: 0;
  }
  .p-dropdown-items-wrapper {
    overflow: auto;
  }
  .p-dropdown-item {
    cursor: pointer;
    font-weight: normal;
    white-space: nowrap;
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
  }
  .p-dropdown-item-group {
    cursor: auto;
  }
  .p-dropdown-items {
    margin: 0;
    padding: 0;
    list-style-type: none;
  }
  .p-dropdown-filter {
    width: 100%;
  }
  .p-dropdown-filter-container {
    position: relative;
  }
  .p-dropdown-filter-icon {
    position: absolute;
    top: 50%;
    margin-top: -0.5rem;
  }
  .p-fluid .p-dropdown {
    display: flex;
  }
  .p-fluid .p-dropdown .p-dropdown-label {
    width: 1%;
  }
  .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: 3px;
    outline-color: transparent;
  }
  .p-dropdown:not(.p-disabled):hover {
    border-color: #2196f3;
  }
  .p-dropdown:not(.p-disabled).p-focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
    border-color: #2196f3;
  }
  .p-dropdown.p-variant-filled {
    background: #f8f9fa;
  }
  .p-dropdown.p-variant-filled:not(.p-disabled):hover {
    background-color: #f8f9fa;
  }
  .p-dropdown.p-variant-filled:not(.p-disabled).p-focus {
    background-color: #ffffff;
  }
  .p-dropdown.p-variant-filled:not(.p-disabled).p-focus .p-inputtext {
    background-color: transparent;
  }
  .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: #6c757d;
  }
  .p-dropdown .p-dropdown-label:focus, .p-dropdown .p-dropdown-label:enabled:focus {
    outline: 0 none;
    box-shadow: none;
  }
  .p-dropdown .p-dropdown-trigger {
    background: transparent;
    color: #6c757d;
    width: 2.357rem;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
  }
  .p-dropdown .p-dropdown-clear-icon {
    color: #6c757d;
    right: 2.357rem;
  }
  .p-dropdown.p-invalid.p-component {
    border-color: #f44336;
  }
  .p-dropdown-panel {
    background: #ffffff;
    color: #495057;
    border: 0 none;
    border-radius: 3px;
    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: 3px;
    border-top-left-radius: 3px;
  }
  .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: #6c757d;
  }
  .p-dropdown-panel .p-dropdown-items {
    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:first-child {
    margin-top: 0;
  }
  .p-dropdown-panel .p-dropdown-items .p-dropdown-item:last-child {
    margin-bottom: 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.p-highlight.p-focus {
    background: rgba(33, 150, 243, 0.24);
  }
  .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus {
    color: #495057;
    background: #e9ecef;
  }
  .p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-check-icon {
    position: relative;
    margin-left: -0.5rem;
    margin-right: 0.5rem;
  }
  .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-panel .p-dropdown-items .p-dropdown-empty-message {
    padding: 0.5rem 1rem;
    color: #495057;
    background: transparent;
  }
  .p-inputgroup-addon {
    background: #e9ecef;
    color: #6c757d;
    border-top: 1px solid #ced4da;
    border-left: 1px solid #ced4da;
    border-bottom: 1px solid #ced4da;
    padding: 0.5rem 0.5rem;
    min-width: 2.357rem;
  }
  .p-inputgroup-addon:last-child {
    border-right: 1px solid #ced4da;
  }
  .p-inputgroup > .p-component,
  .p-inputgroup > .p-inputwrapper > .p-inputtext,
  .p-inputgroup > .p-float-label > .p-component {
    border-radius: 0;
    margin: 0;
  }
  .p-inputgroup > .p-component + .p-inputgroup-addon,
  .p-inputgroup > .p-inputwrapper > .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-inputwrapper > .p-inputtext:focus,
  .p-inputgroup > .p-float-label > .p-component:focus {
    z-index: 1;
  }
  .p-inputgroup > .p-component:focus ~ label,
  .p-inputgroup > .p-inputwrapper > .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-inputgroup > .p-inputwrapper:first-child > .p-inputtext {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
  }
  .p-inputgroup .p-float-label:first-child input {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
  }
  .p-inputgroup-addon:last-child,
  .p-inputgroup button:last-child,
  .p-inputgroup input:last-child,
  .p-inputgroup > .p-inputwrapper:last-child,
  .p-inputgroup > .p-inputwrapper:last-child > .p-inputtext {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
  }
  .p-inputgroup .p-float-label:last-child input {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
  }
  .p-fluid .p-inputgroup .p-button {
    width: auto;
  }
  .p-fluid .p-inputgroup .p-button.p-button-icon-only {
    width: 2.357rem;
  }
  .p-inputnumber.p-invalid.p-component > .p-inputtext {
    border-color: #f44336;
  }
  .p-inputswitch {
    position: relative;
    display: inline-block;
  }
  .p-inputswitch-input {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    opacity: 0;
    z-index: 1;
    outline: 0 none;
    cursor: pointer;
  }
  .p-inputswitch-slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border: 1px solid transparent;
  }
  .p-inputswitch-slider:before {
    position: absolute;
    content: "";
    top: 50%;
  }
  .p-inputswitch {
    width: 3rem;
    height: 1.75rem;
  }
  .p-inputswitch .p-inputswitch-input {
    border-radius: 30px;
  }
  .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;
    outline-color: transparent;
  }
  .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-highlight .p-inputswitch-slider {
    background: #2196f3;
  }
  .p-inputswitch.p-highlight .p-inputswitch-slider:before {
    background: #ffffff;
    transform: translateX(1.25rem);
  }
  .p-inputswitch:not(.p-disabled):has(.p-inputswitch-input:hover) .p-inputswitch-slider {
    background: #b6bfc8;
  }
  .p-inputswitch:not(.p-disabled):has(.p-inputswitch-input:hover).p-highlight .p-inputswitch-slider {
    background: #0d89ec;
  }
  .p-inputswitch:not(.p-disabled):has(.p-inputswitch-input:focus-visible) .p-inputswitch-slider {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .p-inputswitch.p-invalid > .p-inputswitch-slider {
    border-color: #f44336;
  }
  .p-inputtext {
    font-family: var(--font-family);
    font-feature-settings: var(--font-feature-settings, normal);
    font-size: 1rem;
    color: #495057;
    background: #ffffff;
    padding: 0.5rem 0.5rem;
    border: 1px solid #ced4da;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    border-radius: 3px;
    outline-color: transparent;
  }
  .p-inputtext:enabled:hover {
    border-color: #2196f3;
  }
  .p-inputtext:enabled:focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
    border-color: #2196f3;
  }
  .p-inputtext.p-invalid.p-component {
    border-color: #f44336;
  }
  .p-inputtext.p-variant-filled {
    background-color: #f8f9fa;
  }
  .p-inputtext.p-variant-filled:enabled:hover {
    background-color: #f8f9fa;
  }
  .p-inputtext.p-variant-filled:enabled:focus {
    background-color: #ffffff;
  }
  .p-inputtext.p-inputtext-sm {
    font-size: 0.875rem;
    padding: 0.4375rem 0.4375rem;
  }
  .p-inputtext.p-inputtext-lg {
    font-size: 1.25rem;
    padding: 0.625rem 0.625rem;
  }
  .p-float-label > label {
    left: 0.5rem;
    color: #6c757d;
    transition-duration: 0.2s;
  }
  .p-float-label > .p-invalid + label {
    color: #f44336;
  }
  .p-icon-field-left > .p-inputtext {
    padding-left: 2rem;
  }
  .p-icon-field-left.p-float-label > label {
    left: 2rem;
  }
  .p-icon-field-right > .p-inputtext {
    padding-right: 2rem;
  }
  ::-webkit-input-placeholder {
    color: #6c757d;
  }
  :-moz-placeholder {
    color: #6c757d;
  }
  ::-moz-placeholder {
    color: #6c757d;
  }
  :-ms-input-placeholder {
    color: #6c757d;
  }
  .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: 0.875rem;
    padding: 0.4375rem 0.4375rem;
  }
  .p-inputtext-lg .p-inputtext {
    font-size: 1.25rem;
    padding: 0.625rem 0.625rem;
  }
  .p-icon-field {
    position: relative;
  }
  .p-icon-field > .p-input-icon {
    position: absolute;
    top: 50%;
    margin-top: -0.5rem;
  }
  .p-fluid .p-icon-field-left,
  .p-fluid .p-icon-field-right {
    width: 100%;
  }
  .p-icon-field-left > .p-input-icon:first-of-type {
    left: 0.5rem;
    color: #6c757d;
  }
  .p-icon-field-right > .p-input-icon:last-of-type {
    right: 0.5rem;
    color: #6c757d;
  }
  .p-inputotp {
    display: flex;
    align-items: center;
    gap: 0.5rem;
  }
  .p-inputotp-input {
    text-align: center;
    width: 2rem;
  }
  .p-listbox-list-wrapper {
    overflow: auto;
  }
  .p-listbox-list {
    list-style-type: none;
    margin: 0;
    padding: 0;
  }
  .p-listbox-item {
    cursor: pointer;
    position: relative;
    overflow: hidden;
  }
  .p-listbox-item-group {
    cursor: auto;
  }
  .p-listbox-filter-container {
    position: relative;
  }
  .p-listbox-filter-icon {
    position: absolute;
    top: 50%;
    margin-top: -0.5rem;
  }
  .p-listbox-filter {
    width: 100%;
  }
  .p-listbox {
    background: #ffffff;
    color: #495057;
    border: 1px solid #ced4da;
    border-radius: 3px;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
    outline-color: transparent;
  }
  .p-listbox .p-listbox-header {
    padding: 0.5rem 1rem;
    border-bottom: 0 none;
    color: #495057;
    background: #f8f9fa;
    margin: 0;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
  }
  .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: #6c757d;
  }
  .p-listbox .p-listbox-list {
    padding: 0.5rem 0;
    outline: 0 none;
  }
  .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:first-child {
    margin-top: 0;
  }
  .p-listbox .p-listbox-list .p-listbox-item:last-child {
    margin-bottom: 0;
  }
  .p-listbox .p-listbox-list .p-listbox-item.p-highlight {
    color: #495057;
    background: #e3f2fd;
  }
  .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.p-highlight.p-focus {
    background: rgba(33, 150, 243, 0.24);
  }
  .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus {
    color: #495057;
    background: #e9ecef;
  }
  .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
    color: #495057;
    background: #e9ecef;
  }
  .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover.p-focus {
    color: #495057;
    background: #e9ecef;
  }
  .p-listbox.p-focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
    border-color: #2196f3;
  }
  .p-listbox.p-invalid {
    border-color: #f44336;
  }
  .p-mention-panel {
    background: #ffffff;
    color: #495057;
    border: 0 none;
    border-radius: 3px;
    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-mention-panel .p-mention-items {
    padding: 0.5rem 0;
  }
  .p-mention-panel .p-mention-items .p-mention-item {
    margin: 0;
    padding: 0.5rem 1rem;
    border: 0 none;
    color: #495057;
    background: transparent;
    transition: box-shadow 0.2s;
    border-radius: 0;
  }
  .p-mention-panel .p-mention-items .p-mention-item:hover {
    color: #495057;
    background: #e9ecef;
  }
  .p-mention-panel .p-mention-items .p-mention-item.p-highlight {
    color: #495057;
    background: #e3f2fd;
  }
  .p-multiselect {
    display: inline-flex;
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
  }
  .p-multiselect-trigger {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
  }
  .p-multiselect-label-container {
    overflow: hidden;
    flex: 1 1 auto;
    cursor: pointer;
  }
  .p-multiselect-label {
    display: block;
    white-space: nowrap;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .p-multiselect-label-empty {
    overflow: hidden;
    visibility: hidden;
  }
  .p-multiselect-token {
    cursor: default;
    display: inline-flex;
    align-items: center;
    flex: 0 0 auto;
  }
  .p-multiselect-token-icon {
    cursor: pointer;
  }
  .p-multiselect .p-multiselect-panel {
    min-width: 100%;
  }
  .p-multiselect-items-wrapper {
    overflow: auto;
  }
  .p-multiselect-items {
    margin: 0;
    padding: 0;
    list-style-type: none;
  }
  .p-multiselect-item {
    cursor: pointer;
    display: flex;
    align-items: center;
    font-weight: normal;
    white-space: nowrap;
    position: relative;
    overflow: hidden;
  }
  .p-multiselect-item-group {
    cursor: auto;
  }
  .p-multiselect-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .p-multiselect-filter-container {
    position: relative;
    flex: 1 1 auto;
  }
  .p-multiselect-filter-icon {
    position: absolute;
    top: 50%;
    margin-top: -0.5rem;
  }
  .p-multiselect-filter-container .p-inputtext {
    width: 100%;
  }
  .p-multiselect-close {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    overflow: hidden;
    position: relative;
    margin-left: auto;
  }
  .p-fluid .p-multiselect {
    display: flex;
  }
  .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: 3px;
    outline-color: transparent;
  }
  .p-multiselect:not(.p-disabled):hover {
    border-color: #2196f3;
  }
  .p-multiselect:not(.p-disabled).p-focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
    border-color: #2196f3;
  }
  .p-multiselect.p-variant-filled {
    background: #f8f9fa;
  }
  .p-multiselect.p-variant-filled:not(.p-disabled):hover {
    background-color: #f8f9fa;
  }
  .p-multiselect.p-variant-filled:not(.p-disabled).p-focus {
    background-color: #ffffff;
  }
  .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: #6c757d;
  }
  .p-multiselect.p-multiselect-chip .p-multiselect-token {
    padding: 0.25rem 0.5rem;
    margin-right: 0.5rem;
    background: #dee2e6;
    color: #495057;
    border-radius: 16px;
  }
  .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
    margin-left: 0.5rem;
  }
  .p-multiselect .p-multiselect-trigger {
    background: transparent;
    color: #6c757d;
    width: 2.357rem;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
  }
  .p-multiselect.p-invalid.p-component {
    border-color: #f44336;
  }
  .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label {
    padding: 0.25rem 0.5rem;
  }
  .p-multiselect-panel {
    background: #ffffff;
    color: #495057;
    border: 0 none;
    border-radius: 3px;
    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: 3px;
    border-top-left-radius: 3px;
  }
  .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext {
    padding-right: 1.5rem;
  }
  .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon {
    right: 0.5rem;
    color: #6c757d;
  }
  .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: #6c757d;
    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-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .p-multiselect-panel .p-multiselect-items {
    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:first-child {
    margin-top: 0;
  }
  .p-multiselect-panel .p-multiselect-items .p-multiselect-item:last-child {
    margin-bottom: 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.p-highlight.p-focus {
    background: rgba(33, 150, 243, 0.24);
  }
  .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus {
    color: #495057;
    background: #e9ecef;
  }
  .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-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: 3px;
  }
  .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 {
    position: relative;
    display: inline-flex;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    vertical-align: bottom;
  }
  .p-radiobutton-input {
    cursor: pointer;
  }
  .p-radiobutton-box {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .p-radiobutton-icon {
    backface-visibility: hidden;
    transform: translateZ(0) scale(0.1);
    border-radius: 50%;
    visibility: hidden;
  }
  .p-radiobutton.p-highlight .p-radiobutton-icon {
    transform: translateZ(0) scale(1, 1);
    visibility: visible;
  }
  .p-radiobutton {
    width: 20px;
    height: 20px;
  }
  .p-radiobutton .p-radiobutton-input {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    opacity: 0;
    z-index: 1;
    outline: 0 none;
    border: 2px solid #ced4da;
    border-radius: 50%;
  }
  .p-radiobutton .p-radiobutton-box {
    border: 2px solid #ced4da;
    background: #ffffff;
    width: 20px;
    height: 20px;
    color: #495057;
    border-radius: 50%;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
    outline-color: transparent;
  }
  .p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
    width: 12px;
    height: 12px;
    transition-duration: 0.2s;
    background-color: #ffffff;
  }
  .p-radiobutton.p-highlight .p-radiobutton-box {
    border-color: #2196f3;
    background: #2196f3;
  }
  .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
    border-color: #2196f3;
  }
  .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
    border-color: #0b7ad1;
    background: #0b7ad1;
  }
  .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box .p-radiobutton-icon {
    background-color: #ffffff;
  }
  .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible) .p-radiobutton-box {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
    border-color: #2196f3;
  }
  .p-radiobutton.p-invalid > .p-radiobutton-box {
    border-color: #f44336;
  }
  .p-radiobutton.p-variant-filled .p-radiobutton-box {
    background-color: #f8f9fa;
  }
  .p-radiobutton.p-variant-filled.p-highlight .p-radiobutton-box {
    background: #2196f3;
  }
  .p-radiobutton.p-variant-filled:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
    background-color: #f8f9fa;
  }
  .p-radiobutton.p-variant-filled:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
    background: #0b7ad1;
  }
  .p-input-filled .p-radiobutton .p-radiobutton-box {
    background-color: #f8f9fa;
  }
  .p-input-filled .p-radiobutton.p-highlight .p-radiobutton-box {
    background: #2196f3;
  }
  .p-input-filled .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
    background-color: #f8f9fa;
  }
  .p-input-filled .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
    background: #0b7ad1;
  }
  .p-rating {
    position: relative;
    display: flex;
    align-items: center;
  }
  .p-rating-item {
    display: inline-flex;
    align-items: center;
    cursor: pointer;
  }
  .p-rating.p-readonly .p-rating-item {
    cursor: default;
  }
  .p-rating {
    gap: 0.5rem;
  }
  .p-rating .p-rating-item {
    outline-color: transparent;
    border-radius: 50%;
  }
  .p-rating .p-rating-item .p-rating-icon {
    color: #495057;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
    font-size: 1.143rem;
  }
  .p-rating .p-rating-item .p-rating-icon.p-icon {
    width: 1.143rem;
    height: 1.143rem;
  }
  .p-rating .p-rating-item .p-rating-icon.p-rating-cancel {
    color: #e74c3c;
  }
  .p-rating .p-rating-item.p-focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .p-rating .p-rating-item.p-rating-item-active .p-rating-icon {
    color: #2196f3;
  }
  .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon {
    color: #2196f3;
  }
  .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel {
    color: #c0392b;
  }
  .p-selectbutton .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-selectbutton .p-button .p-button-icon-left,
  .p-selectbutton .p-button .p-button-icon-right {
    color: #6c757d;
  }
  .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover {
    background: #e9ecef;
    border-color: #ced4da;
    color: #495057;
  }
  .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: #6c757d;
  }
  .p-selectbutton .p-button.p-highlight {
    background: #2196f3;
    border-color: #2196f3;
    color: #ffffff;
  }
  .p-selectbutton .p-button.p-highlight .p-button-icon-left,
  .p-selectbutton .p-button.p-highlight .p-button-icon-right {
    color: #ffffff;
  }
  .p-selectbutton .p-button.p-highlight:hover {
    background: #0d89ec;
    border-color: #0d89ec;
    color: #ffffff;
  }
  .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left,
  .p-selectbutton .p-button.p-highlight:hover .p-button-icon-right {
    color: #ffffff;
  }
  .p-selectbutton.p-invalid > .p-button {
    border-color: #f44336;
  }
  .p-slider {
    background: #dee2e6;
    border: 0 none;
    border-radius: 3px;
  }
  .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 #2196f3;
    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 #a6d5fa;
  }
  .p-slider .p-slider-range {
    background: #2196f3;
  }
  .p-slider:not(.p-disabled) .p-slider-handle:hover {
    background: #2196f3;
    border-color: #2196f3;
  }
  .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: 3px;
  }
  .p-treeselect:not(.p-disabled):hover {
    border-color: #2196f3;
  }
  .p-treeselect:not(.p-disabled).p-focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
    border-color: #2196f3;
  }
  .p-treeselect.p-treeselect-clearable .p-treeselect-label {
    padding-right: 1.5rem;
  }
  .p-treeselect.p-variant-filled {
    background: #f8f9fa;
  }
  .p-treeselect.p-variant-filled:not(.p-disabled):hover {
    background-color: #f8f9fa;
  }
  .p-treeselect.p-variant-filled:not(.p-disabled).p-focus {
    background-color: #ffffff;
  }
  .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: #6c757d;
  }
  .p-treeselect.p-treeselect-chip .p-treeselect-token {
    padding: 0.25rem 0.5rem;
    margin-right: 0.5rem;
    background: #dee2e6;
    color: #495057;
    border-radius: 16px;
  }
  .p-treeselect .p-treeselect-trigger {
    background: transparent;
    color: #6c757d;
    width: 2.357rem;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
  }
  .p-treeselect .p-treeselect-clear-icon {
    color: #6c757d;
    right: 2.357rem;
  }
  .p-treeselect.p-invalid.p-component {
    border-color: #f44336;
  }
  .p-inputwrapper-filled.p-treeselect.p-treeselect-chip .p-treeselect-label {
    padding: 0.25rem 0.5rem;
  }
  .p-treeselect-panel {
    background: #ffffff;
    color: #495057;
    border: 0 none;
    border-radius: 3px;
    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-header {
    padding: 0.5rem 1rem;
    border-bottom: 0 none;
    color: #495057;
    background: #f8f9fa;
    margin: 0;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
  }
  .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container {
    margin-right: 0.5rem;
  }
  .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter {
    padding-right: 1.5rem;
  }
  .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter-icon {
    right: 0.5rem;
    color: #6c757d;
  }
  .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter {
    padding-right: 3rem;
  }
  .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter-clear-icon {
    right: 2rem;
  }
  .p-treeselect-panel .p-treeselect-header .p-treeselect-close {
    width: 2rem;
    height: 2rem;
    color: #6c757d;
    border: 0 none;
    background: transparent;
    border-radius: 50%;
    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
  }
  .p-treeselect-panel .p-treeselect-header .p-treeselect-close:enabled:hover {
    color: #495057;
    border-color: transparent;
    background: #e9ecef;
  }
  .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .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-togglebutton {
    position: relative;
    display: inline-flex;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    vertical-align: bottom;
  }
  .p-togglebutton-input {
    cursor: pointer;
  }
  .p-togglebutton .p-button {
    flex: 1 1 auto;
  }
  .p-togglebutton .p-togglebutton-input {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    opacity: 0;
    z-index: 1;
    outline: 0 none;
    border: 1px solid #ced4da;
    border-radius: 3px;
  }
  .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;
    outline-color: transparent;
  }
  .p-togglebutton .p-button .p-button-icon-left,
  .p-togglebutton .p-button .p-button-icon-right {
    color: #6c757d;
  }
  .p-togglebutton.p-highlight .p-button {
    background: #2196f3;
    border-color: #2196f3;
    color: #ffffff;
  }
  .p-togglebutton.p-highlight .p-button .p-button-icon-left,
  .p-togglebutton.p-highlight .p-button .p-button-icon-right {
    color: #ffffff;
  }
  .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button {
    background: #e9ecef;
    border-color: #ced4da;
    color: #495057;
  }
  .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button .p-button-icon-left,
  .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button .p-button-icon-right {
    color: #6c757d;
  }
  .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button {
    background: #0d89ec;
    border-color: #0d89ec;
    color: #ffffff;
  }
  .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button .p-button-icon-left,
  .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button .p-button-icon-right {
    color: #ffffff;
  }
  .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:focus-visible) .p-button {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
    border-color: #2196f3;
  }
  .p-togglebutton.p-invalid > .p-button {
    border-color: #f44336;
  }
  .p-button {
    color: #ffffff;
    background: #2196f3;
    border: 1px solid #2196f3;
    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: 3px;
  }
  .p-button:not(:disabled):hover {
    background: #0d89ec;
    color: #ffffff;
    border-color: #0d89ec;
  }
  .p-button:not(:disabled):active {
    background: #0b7ad1;
    color: #ffffff;
    border-color: #0b7ad1;
  }
  .p-button.p-button-outlined {
    background-color: transparent;
    color: #2196f3;
    border: 1px solid;
  }
  .p-button.p-button-outlined:not(:disabled):hover {
    background: rgba(33, 150, 243, 0.04);
    color: #2196f3;
    border: 1px solid;
  }
  .p-button.p-button-outlined:not(:disabled):active {
    background: rgba(33, 150, 243, 0.16);
    color: #2196f3;
    border: 1px solid;
  }
  .p-button.p-button-outlined.p-button-plain {
    color: #6c757d;
    border-color: #6c757d;
  }
  .p-button.p-button-outlined.p-button-plain:not(:disabled):hover {
    background: #e9ecef;
    color: #6c757d;
  }
  .p-button.p-button-outlined.p-button-plain:not(:disabled):active {
    background: #dee2e6;
    color: #6c757d;
  }
  .p-button.p-button-text {
    background-color: transparent;
    color: #2196f3;
    border-color: transparent;
  }
  .p-button.p-button-text:not(:disabled):hover {
    background: rgba(33, 150, 243, 0.04);
    color: #2196f3;
    border-color: transparent;
  }
  .p-button.p-button-text:not(:disabled):active {
    background: rgba(33, 150, 243, 0.16);
    color: #2196f3;
    border-color: transparent;
  }
  .p-button.p-button-text.p-button-plain {
    color: #6c757d;
  }
  .p-button.p-button-text.p-button-plain:not(:disabled):hover {
    background: #e9ecef;
    color: #6c757d;
  }
  .p-button.p-button-text.p-button-plain:not(:disabled):active {
    background: #dee2e6;
    color: #6c757d;
  }
  .p-button:focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .p-button .p-button-label {
    transition-duration: 0.2s;
  }
  .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: #2196f3;
    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-loading-left .p-button-label {
    margin-left: 0.5rem;
  }
  .p-button.p-button-loading-label-only.p-button-loading-right .p-button-label {
    margin-right: 0.5rem;
  }
  .p-button.p-button-loading-label-only.p-button-loading-top .p-button-label {
    margin-top: 0.5rem;
  }
  .p-button.p-button-loading-label-only.p-button-loading-bottom .p-button-label {
    margin-bottom: 0.5rem;
  }
  .p-button.p-button-loading-label-only .p-button-loading-icon {
    margin: 0;
  }
  .p-fluid .p-button {
    width: 100%;
  }
  .p-fluid .p-button-icon-only {
    width: 2.357rem;
  }
  .p-fluid .p-button-group {
    display: flex;
  }
  .p-fluid .p-button-group .p-button {
    flex: 1;
  }
  .p-button.p-button-secondary, .p-button-group.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button, .p-fileupload-choose.p-button-secondary {
    color: #ffffff;
    background: #607d8b;
    border: 1px solid #607d8b;
  }
  .p-button.p-button-secondary:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover, .p-fileupload-choose.p-button-secondary:not(:disabled):hover {
    background: #56717d;
    color: #ffffff;
    border-color: #56717d;
  }
  .p-button.p-button-secondary:not(:disabled):focus, .p-button-group.p-button-secondary > .p-button:not(:disabled):focus, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus, .p-fileupload-choose.p-button-secondary:not(:disabled):focus {
    box-shadow: 0 0 0 0.2rem #beccd2;
  }
  .p-button.p-button-secondary:not(:disabled):active, .p-button-group.p-button-secondary > .p-button:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):active, .p-fileupload-choose.p-button-secondary:not(:disabled):active {
    background: #4d646f;
    color: #ffffff;
    border-color: #4d646f;
  }
  .p-button.p-button-secondary.p-button-outlined, .p-button-group.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined, .p-fileupload-choose.p-button-secondary.p-button-outlined {
    background-color: transparent;
    color: #607d8b;
    border: 1px solid;
  }
  .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, .p-fileupload-choose.p-button-secondary.p-button-outlined:not(:disabled):hover {
    background: rgba(96, 125, 139, 0.04);
    color: #607d8b;
    border: 1px solid;
  }
  .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, .p-button-group.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, .p-fileupload-choose.p-button-secondary.p-button-outlined:not(:disabled):active {
    background: rgba(96, 125, 139, 0.16);
    color: #607d8b;
    border: 1px solid;
  }
  .p-button.p-button-secondary.p-button-text, .p-button-group.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text, .p-fileupload-choose.p-button-secondary.p-button-text {
    background-color: transparent;
    color: #607d8b;
    border-color: transparent;
  }
  .p-button.p-button-secondary.p-button-text:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, .p-fileupload-choose.p-button-secondary.p-button-text:not(:disabled):hover {
    background: rgba(96, 125, 139, 0.04);
    border-color: transparent;
    color: #607d8b;
  }
  .p-button.p-button-secondary.p-button-text:not(:disabled):active, .p-button-group.p-button-secondary > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active, .p-fileupload-choose.p-button-secondary.p-button-text:not(:disabled):active {
    background: rgba(96, 125, 139, 0.16);
    border-color: transparent;
    color: #607d8b;
  }
  .p-button.p-button-info, .p-button-group.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button, .p-fileupload-choose.p-button-info {
    color: #ffffff;
    background: #0288d1;
    border: 1px solid #0288d1;
  }
  .p-button.p-button-info:not(:disabled):hover, .p-button-group.p-button-info > .p-button:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button:not(:disabled):hover, .p-fileupload-choose.p-button-info:not(:disabled):hover {
    background: #027abc;
    color: #ffffff;
    border-color: #027abc;
  }
  .p-button.p-button-info:not(:disabled):focus, .p-button-group.p-button-info > .p-button:not(:disabled):focus, .p-splitbutton.p-button-info > .p-button:not(:disabled):focus, .p-fileupload-choose.p-button-info:not(:disabled):focus {
    box-shadow: 0 0 0 0.2rem #89d4fe;
  }
  .p-button.p-button-info:not(:disabled):active, .p-button-group.p-button-info > .p-button:not(:disabled):active, .p-splitbutton.p-button-info > .p-button:not(:disabled):active, .p-fileupload-choose.p-button-info:not(:disabled):active {
    background: #026da7;
    color: #ffffff;
    border-color: #026da7;
  }
  .p-button.p-button-info.p-button-outlined, .p-button-group.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined, .p-fileupload-choose.p-button-info.p-button-outlined {
    background-color: transparent;
    color: #0288d1;
    border: 1px solid;
  }
  .p-button.p-button-info.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, .p-fileupload-choose.p-button-info.p-button-outlined:not(:disabled):hover {
    background: rgba(2, 136, 209, 0.04);
    color: #0288d1;
    border: 1px solid;
  }
  .p-button.p-button-info.p-button-outlined:not(:disabled):active, .p-button-group.p-button-info > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active, .p-fileupload-choose.p-button-info.p-button-outlined:not(:disabled):active {
    background: rgba(2, 136, 209, 0.16);
    color: #0288d1;
    border: 1px solid;
  }
  .p-button.p-button-info.p-button-text, .p-button-group.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text, .p-fileupload-choose.p-button-info.p-button-text {
    background-color: transparent;
    color: #0288d1;
    border-color: transparent;
  }
  .p-button.p-button-info.p-button-text:not(:disabled):hover, .p-button-group.p-button-info > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover, .p-fileupload-choose.p-button-info.p-button-text:not(:disabled):hover {
    background: rgba(2, 136, 209, 0.04);
    border-color: transparent;
    color: #0288d1;
  }
  .p-button.p-button-info.p-button-text:not(:disabled):active, .p-button-group.p-button-info > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active, .p-fileupload-choose.p-button-info.p-button-text:not(:disabled):active {
    background: rgba(2, 136, 209, 0.16);
    border-color: transparent;
    color: #0288d1;
  }
  .p-button.p-button-success, .p-button-group.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button, .p-fileupload-choose.p-button-success {
    color: #ffffff;
    background: #689f38;
    border: 1px solid #689f38;
  }
  .p-button.p-button-success:not(:disabled):hover, .p-button-group.p-button-success > .p-button:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button:not(:disabled):hover, .p-fileupload-choose.p-button-success:not(:disabled):hover {
    background: #5e8f32;
    color: #ffffff;
    border-color: #5e8f32;
  }
  .p-button.p-button-success:not(:disabled):focus, .p-button-group.p-button-success > .p-button:not(:disabled):focus, .p-splitbutton.p-button-success > .p-button:not(:disabled):focus, .p-fileupload-choose.p-button-success:not(:disabled):focus {
    box-shadow: 0 0 0 0.2rem #c2e0a8;
  }
  .p-button.p-button-success:not(:disabled):active, .p-button-group.p-button-success > .p-button:not(:disabled):active, .p-splitbutton.p-button-success > .p-button:not(:disabled):active, .p-fileupload-choose.p-button-success:not(:disabled):active {
    background: #537f2d;
    color: #ffffff;
    border-color: #537f2d;
  }
  .p-button.p-button-success.p-button-outlined, .p-button-group.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined, .p-fileupload-choose.p-button-success.p-button-outlined {
    background-color: transparent;
    color: #689f38;
    border: 1px solid;
  }
  .p-button.p-button-success.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, .p-fileupload-choose.p-button-success.p-button-outlined:not(:disabled):hover {
    background: rgba(104, 159, 56, 0.04);
    color: #689f38;
    border: 1px solid;
  }
  .p-button.p-button-success.p-button-outlined:not(:disabled):active, .p-button-group.p-button-success > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active, .p-fileupload-choose.p-button-success.p-button-outlined:not(:disabled):active {
    background: rgba(104, 159, 56, 0.16);
    color: #689f38;
    border: 1px solid;
  }
  .p-button.p-button-success.p-button-text, .p-button-group.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text, .p-fileupload-choose.p-button-success.p-button-text {
    background-color: transparent;
    color: #689f38;
    border-color: transparent;
  }
  .p-button.p-button-success.p-button-text:not(:disabled):hover, .p-button-group.p-button-success > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover, .p-fileupload-choose.p-button-success.p-button-text:not(:disabled):hover {
    background: rgba(104, 159, 56, 0.04);
    border-color: transparent;
    color: #689f38;
  }
  .p-button.p-button-success.p-button-text:not(:disabled):active, .p-button-group.p-button-success > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active, .p-fileupload-choose.p-button-success.p-button-text:not(:disabled):active {
    background: rgba(104, 159, 56, 0.16);
    border-color: transparent;
    color: #689f38;
  }
  .p-button.p-button-warning, .p-button-group.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button, .p-fileupload-choose.p-button-warning {
    color: #212529;
    background: #fbc02d;
    border: 1px solid #fbc02d;
  }
  .p-button.p-button-warning:not(:disabled):hover, .p-button-group.p-button-warning > .p-button:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button:not(:disabled):hover, .p-fileupload-choose.p-button-warning:not(:disabled):hover {
    background: #fab710;
    color: #212529;
    border-color: #fab710;
  }
  .p-button.p-button-warning:not(:disabled):focus, .p-button-group.p-button-warning > .p-button:not(:disabled):focus, .p-splitbutton.p-button-warning > .p-button:not(:disabled):focus, .p-fileupload-choose.p-button-warning:not(:disabled):focus {
    box-shadow: 0 0 0 0.2rem #fde6ab;
  }
  .p-button.p-button-warning:not(:disabled):active, .p-button-group.p-button-warning > .p-button:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button:not(:disabled):active, .p-fileupload-choose.p-button-warning:not(:disabled):active {
    background: #e8a704;
    color: #212529;
    border-color: #e8a704;
  }
  .p-button.p-button-warning.p-button-outlined, .p-button-group.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined, .p-fileupload-choose.p-button-warning.p-button-outlined {
    background-color: transparent;
    color: #fbc02d;
    border: 1px solid;
  }
  .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, .p-fileupload-choose.p-button-warning.p-button-outlined:not(:disabled):hover {
    background: rgba(251, 192, 45, 0.04);
    color: #fbc02d;
    border: 1px solid;
  }
  .p-button.p-button-warning.p-button-outlined:not(:disabled):active, .p-button-group.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, .p-fileupload-choose.p-button-warning.p-button-outlined:not(:disabled):active {
    background: rgba(251, 192, 45, 0.16);
    color: #fbc02d;
    border: 1px solid;
  }
  .p-button.p-button-warning.p-button-text, .p-button-group.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text, .p-fileupload-choose.p-button-warning.p-button-text {
    background-color: transparent;
    color: #fbc02d;
    border-color: transparent;
  }
  .p-button.p-button-warning.p-button-text:not(:disabled):hover, .p-button-group.p-button-warning > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover, .p-fileupload-choose.p-button-warning.p-button-text:not(:disabled):hover {
    background: rgba(251, 192, 45, 0.04);
    border-color: transparent;
    color: #fbc02d;
  }
  .p-button.p-button-warning.p-button-text:not(:disabled):active, .p-button-group.p-button-warning > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active, .p-fileupload-choose.p-button-warning.p-button-text:not(:disabled):active {
    background: rgba(251, 192, 45, 0.16);
    border-color: transparent;
    color: #fbc02d;
  }
  .p-button.p-button-help, .p-button-group.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button, .p-fileupload-choose.p-button-help {
    color: #ffffff;
    background: #9c27b0;
    border: 1px solid #9c27b0;
  }
  .p-button.p-button-help:not(:disabled):hover, .p-button-group.p-button-help > .p-button:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button:not(:disabled):hover, .p-fileupload-choose.p-button-help:not(:disabled):hover {
    background: #8c239e;
    color: #ffffff;
    border-color: #8c239e;
  }
  .p-button.p-button-help:not(:disabled):focus, .p-button-group.p-button-help > .p-button:not(:disabled):focus, .p-splitbutton.p-button-help > .p-button:not(:disabled):focus, .p-fileupload-choose.p-button-help:not(:disabled):focus {
    box-shadow: 0 0 0 0.2rem #df9eea;
  }
  .p-button.p-button-help:not(:disabled):active, .p-button-group.p-button-help > .p-button:not(:disabled):active, .p-splitbutton.p-button-help > .p-button:not(:disabled):active, .p-fileupload-choose.p-button-help:not(:disabled):active {
    background: #7d1f8d;
    color: #ffffff;
    border-color: #7d1f8d;
  }
  .p-button.p-button-help.p-button-outlined, .p-button-group.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined, .p-fileupload-choose.p-button-help.p-button-outlined {
    background-color: transparent;
    color: #9c27b0;
    border: 1px solid;
  }
  .p-button.p-button-help.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, .p-fileupload-choose.p-button-help.p-button-outlined:not(:disabled):hover {
    background: rgba(156, 39, 176, 0.04);
    color: #9c27b0;
    border: 1px solid;
  }
  .p-button.p-button-help.p-button-outlined:not(:disabled):active, .p-button-group.p-button-help > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active, .p-fileupload-choose.p-button-help.p-button-outlined:not(:disabled):active {
    background: rgba(156, 39, 176, 0.16);
    color: #9c27b0;
    border: 1px solid;
  }
  .p-button.p-button-help.p-button-text, .p-button-group.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text, .p-fileupload-choose.p-button-help.p-button-text {
    background-color: transparent;
    color: #9c27b0;
    border-color: transparent;
  }
  .p-button.p-button-help.p-button-text:not(:disabled):hover, .p-button-group.p-button-help > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover, .p-fileupload-choose.p-button-help.p-button-text:not(:disabled):hover {
    background: rgba(156, 39, 176, 0.04);
    border-color: transparent;
    color: #9c27b0;
  }
  .p-button.p-button-help.p-button-text:not(:disabled):active, .p-button-group.p-button-help > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active, .p-fileupload-choose.p-button-help.p-button-text:not(:disabled):active {
    background: rgba(156, 39, 176, 0.16);
    border-color: transparent;
    color: #9c27b0;
  }
  .p-button.p-button-danger, .p-button-group.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button, .p-fileupload-choose.p-button-danger {
    color: #ffffff;
    background: #d32f2f;
    border: 1px solid #d32f2f;
  }
  .p-button.p-button-danger:not(:disabled):hover, .p-button-group.p-button-danger > .p-button:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button:not(:disabled):hover, .p-fileupload-choose.p-button-danger:not(:disabled):hover {
    background: #c02929;
    color: #ffffff;
    border-color: #c02929;
  }
  .p-button.p-button-danger:not(:disabled):focus, .p-button-group.p-button-danger > .p-button:not(:disabled):focus, .p-splitbutton.p-button-danger > .p-button:not(:disabled):focus, .p-fileupload-choose.p-button-danger:not(:disabled):focus {
    box-shadow: 0 0 0 0.2rem #edacac;
  }
  .p-button.p-button-danger:not(:disabled):active, .p-button-group.p-button-danger > .p-button:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button:not(:disabled):active, .p-fileupload-choose.p-button-danger:not(:disabled):active {
    background: #aa2424;
    color: #ffffff;
    border-color: #aa2424;
  }
  .p-button.p-button-danger.p-button-outlined, .p-button-group.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined, .p-fileupload-choose.p-button-danger.p-button-outlined {
    background-color: transparent;
    color: #d32f2f;
    border: 1px solid;
  }
  .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, .p-fileupload-choose.p-button-danger.p-button-outlined:not(:disabled):hover {
    background: rgba(211, 47, 47, 0.04);
    color: #d32f2f;
    border: 1px solid;
  }
  .p-button.p-button-danger.p-button-outlined:not(:disabled):active, .p-button-group.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, .p-fileupload-choose.p-button-danger.p-button-outlined:not(:disabled):active {
    background: rgba(211, 47, 47, 0.16);
    color: #d32f2f;
    border: 1px solid;
  }
  .p-button.p-button-danger.p-button-text, .p-button-group.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text, .p-fileupload-choose.p-button-danger.p-button-text {
    background-color: transparent;
    color: #d32f2f;
    border-color: transparent;
  }
  .p-button.p-button-danger.p-button-text:not(:disabled):hover, .p-button-group.p-button-danger > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover, .p-fileupload-choose.p-button-danger.p-button-text:not(:disabled):hover {
    background: rgba(211, 47, 47, 0.04);
    border-color: transparent;
    color: #d32f2f;
  }
  .p-button.p-button-danger.p-button-text:not(:disabled):active, .p-button-group.p-button-danger > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active, .p-fileupload-choose.p-button-danger.p-button-text:not(:disabled):active {
    background: rgba(211, 47, 47, 0.16);
    border-color: transparent;
    color: #d32f2f;
  }
  .p-button.p-button-link {
    color: #0b7ad1;
    background: transparent;
    border: transparent;
  }
  .p-button.p-button-link:not(:disabled):hover {
    background: transparent;
    color: #0b7ad1;
    border-color: transparent;
  }
  .p-button.p-button-link:not(:disabled):hover .p-button-label {
    text-decoration: underline;
  }
  .p-button.p-button-link:not(:disabled):focus {
    background: transparent;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
    border-color: transparent;
  }
  .p-button.p-button-link:not(:disabled):active {
    background: transparent;
    color: #0b7ad1;
    border-color: transparent;
  }
  .p-splitbutton {
    border-radius: 3px;
  }
  .p-splitbutton.p-button-outlined > .p-button {
    background-color: transparent;
    color: #2196f3;
    border: 1px solid;
  }
  .p-splitbutton.p-button-outlined > .p-button:not(:disabled):hover {
    background: rgba(33, 150, 243, 0.04);
    color: #2196f3;
  }
  .p-splitbutton.p-button-outlined > .p-button:not(:disabled):active {
    background: rgba(33, 150, 243, 0.16);
    color: #2196f3;
  }
  .p-splitbutton.p-button-outlined.p-button-plain > .p-button {
    color: #6c757d;
    border-color: #6c757d;
  }
  .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(:disabled):hover {
    background: #e9ecef;
    color: #6c757d;
  }
  .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(:disabled):active {
    background: #dee2e6;
    color: #6c757d;
  }
  .p-splitbutton.p-button-text > .p-button {
    background-color: transparent;
    color: #2196f3;
    border-color: transparent;
  }
  .p-splitbutton.p-button-text > .p-button:not(:disabled):hover {
    background: rgba(33, 150, 243, 0.04);
    color: #2196f3;
    border-color: transparent;
  }
  .p-splitbutton.p-button-text > .p-button:not(:disabled):active {
    background: rgba(33, 150, 243, 0.16);
    color: #2196f3;
    border-color: transparent;
  }
  .p-splitbutton.p-button-text.p-button-plain > .p-button {
    color: #6c757d;
  }
  .p-splitbutton.p-button-text.p-button-plain > .p-button:not(:disabled):hover {
    background: #e9ecef;
    color: #6c757d;
  }
  .p-splitbutton.p-button-text.p-button-plain > .p-button:not(:disabled):active {
    background: #dee2e6;
    color: #6c757d;
  }
  .p-splitbutton.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-splitbutton.p-button-rounded {
    border-radius: 2rem;
  }
  .p-splitbutton.p-button-rounded > .p-button {
    border-radius: 2rem;
  }
  .p-splitbutton.p-button-sm > .p-button {
    font-size: 0.875rem;
    padding: 0.4375rem 0.875rem;
  }
  .p-splitbutton.p-button-sm > .p-button .p-button-icon {
    font-size: 0.875rem;
  }
  .p-splitbutton.p-button-lg > .p-button {
    font-size: 1.25rem;
    padding: 0.625rem 1.25rem;
  }
  .p-splitbutton.p-button-lg > .p-button.p-button-icon-only {
    width: auto;
  }
  .p-splitbutton.p-button-lg > .p-button .p-button-icon {
    font-size: 1.25rem;
  }
  .p-splitbutton .p-splitbutton-menubutton,
  .p-splitbutton .p-splitbutton.p-button-rounded > .p-splitbutton-menubutton.p-button,
  .p-splitbutton .p-splitbutton.p-button-outlined > .p-splitbutton-menubutton.p-button {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .p-splitbutton.p-button-secondary.p-button-outlined > .p-button {
    background-color: transparent;
    color: #607d8b;
    border: 1px solid;
  }
  .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):hover {
    background: rgba(96, 125, 139, 0.04);
    color: #607d8b;
  }
  .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):active {
    background: rgba(96, 125, 139, 0.16);
    color: #607d8b;
  }
  .p-splitbutton.p-button-secondary.p-button-text > .p-button {
    background-color: transparent;
    color: #607d8b;
    border-color: transparent;
  }
  .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):hover {
    background: rgba(96, 125, 139, 0.04);
    border-color: transparent;
    color: #607d8b;
  }
  .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):active {
    background: rgba(96, 125, 139, 0.16);
    border-color: transparent;
    color: #607d8b;
  }
  .p-splitbutton.p-button-info.p-button-outlined > .p-button {
    background-color: transparent;
    color: #0288d1;
    border: 1px solid;
  }
  .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):hover {
    background: rgba(2, 136, 209, 0.04);
    color: #0288d1;
  }
  .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):active {
    background: rgba(2, 136, 209, 0.16);
    color: #0288d1;
  }
  .p-splitbutton.p-button-info.p-button-text > .p-button {
    background-color: transparent;
    color: #0288d1;
    border-color: transparent;
  }
  .p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):hover {
    background: rgba(2, 136, 209, 0.04);
    border-color: transparent;
    color: #0288d1;
  }
  .p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):active {
    background: rgba(2, 136, 209, 0.16);
    border-color: transparent;
    color: #0288d1;
  }
  .p-splitbutton.p-button-success.p-button-outlined > .p-button {
    background-color: transparent;
    color: #689f38;
    border: 1px solid;
  }
  .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):hover {
    background: rgba(104, 159, 56, 0.04);
    color: #689f38;
  }
  .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):active {
    background: rgba(104, 159, 56, 0.16);
    color: #689f38;
  }
  .p-splitbutton.p-button-success.p-button-text > .p-button {
    background-color: transparent;
    color: #689f38;
    border-color: transparent;
  }
  .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):hover {
    background: rgba(104, 159, 56, 0.04);
    border-color: transparent;
    color: #689f38;
  }
  .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):active {
    background: rgba(104, 159, 56, 0.16);
    border-color: transparent;
    color: #689f38;
  }
  .p-splitbutton.p-button-warning.p-button-outlined > .p-button {
    background-color: transparent;
    color: #fbc02d;
    border: 1px solid;
  }
  .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):hover {
    background: rgba(251, 192, 45, 0.04);
    color: #fbc02d;
  }
  .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):active {
    background: rgba(251, 192, 45, 0.16);
    color: #fbc02d;
  }
  .p-splitbutton.p-button-warning.p-button-text > .p-button {
    background-color: transparent;
    color: #fbc02d;
    border-color: transparent;
  }
  .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):hover {
    background: rgba(251, 192, 45, 0.04);
    border-color: transparent;
    color: #fbc02d;
  }
  .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):active {
    background: rgba(251, 192, 45, 0.16);
    border-color: transparent;
    color: #fbc02d;
  }
  .p-splitbutton.p-button-help.p-button-outlined > .p-button {
    background-color: transparent;
    color: #9c27b0;
    border: 1px solid;
  }
  .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):hover {
    background: rgba(156, 39, 176, 0.04);
    color: #9c27b0;
  }
  .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):active {
    background: rgba(156, 39, 176, 0.16);
    color: #9c27b0;
  }
  .p-splitbutton.p-button-help.p-button-text > .p-button {
    background-color: transparent;
    color: #9c27b0;
    border-color: transparent;
  }
  .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):hover {
    background: rgba(156, 39, 176, 0.04);
    border-color: transparent;
    color: #9c27b0;
  }
  .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):active {
    background: rgba(156, 39, 176, 0.16);
    border-color: transparent;
    color: #9c27b0;
  }
  .p-splitbutton.p-button-danger.p-button-outlined > .p-button {
    background-color: transparent;
    color: #d32f2f;
    border: 1px solid;
  }
  .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):hover {
    background: rgba(211, 47, 47, 0.04);
    color: #d32f2f;
  }
  .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):active {
    background: rgba(211, 47, 47, 0.16);
    color: #d32f2f;
  }
  .p-splitbutton.p-button-danger.p-button-text > .p-button {
    background-color: transparent;
    color: #d32f2f;
    border-color: transparent;
  }
  .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):hover {
    background: rgba(211, 47, 47, 0.04);
    border-color: transparent;
    color: #d32f2f;
  }
  .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):active {
    background: rgba(211, 47, 47, 0.16);
    border-color: transparent;
    color: #d32f2f;
  }
  .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-button.p-button.p-button-icon-only .p-button-icon.p-icon {
    width: 1.3rem;
    height: 1.3rem;
  }
  .p-speeddial-list {
    outline: 0 none;
  }
  .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;
  }
  .p-speeddial-direction-up .p-speeddial-item:first-child {
    margin-bottom: 0.5rem;
  }
  .p-speeddial-direction-down .p-speeddial-item {
    margin: 0.25rem;
  }
  .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);
    border-radius: 3px;
  }
  .p-carousel .p-carousel-content .p-carousel-prev,
  .p-carousel .p-carousel-content .p-carousel-next {
    width: 2rem;
    height: 2rem;
    color: #6c757d;
    border: 0 none;
    background: transparent;
    border-radius: 50%;
    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
  }
  .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-visible,
  .p-carousel .p-carousel-content .p-carousel-next:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .p-carousel .p-carousel-content .p-carousel-prev,
  .p-carousel .p-carousel-content .p-carousel-next {
    margin: 0.5rem;
  }
  .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: 1rem 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: 1rem 1rem;
    border: 1px solid #e9ecef;
    border-width: 0 0 1px 0;
    font-weight: 600;
    color: #495057;
    background: #f8f9fa;
    transition: box-shadow 0.2s;
  }
  .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: #6c757d;
    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):not(.p-sortable-disabled):hover {
    background: #e9ecef;
    color: #495057;
  }
  .p-datatable .p-sortable-column:not(.p-highlight):not(.p-sortable-disabled):hover .p-sortable-column-icon {
    color: #6c757d;
  }
  .p-datatable .p-sortable-column.p-highlight {
    background: #f8f9fa;
    color: #2196f3;
  }
  .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon {
    color: #2196f3;
  }
  .p-datatable .p-sortable-column.p-highlight:not(.p-sortable-disabled):hover {
    background: #e9ecef;
    color: #2196f3;
  }
  .p-datatable .p-sortable-column.p-highlight:not(.p-sortable-disabled):hover .p-sortable-column-icon {
    color: #2196f3;
  }
  .p-datatable .p-sortable-column:focus-visible {
    box-shadow: inset 0 0 0 0.15rem #a6d5fa;
    outline: 0 none;
  }
  .p-datatable .p-datatable-tbody > tr {
    background: #ffffff;
    color: #495057;
    transition: box-shadow 0.2s;
  }
  .p-datatable .p-datatable-tbody > tr > td {
    text-align: left;
    border: 1px solid #e9ecef;
    border-width: 0 0 1px 0;
    padding: 1rem 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: #6c757d;
    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-visible,
  .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible,
  .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible,
  .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save {
    margin-right: 0.5rem;
  }
  .p-datatable .p-datatable-tbody > tr > td > .p-column-title {
    font-weight: 600;
  }
  .p-datatable .p-datatable-tbody > tr > td.p-highlight {
    background: #e3f2fd;
    color: #495057;
  }
  .p-datatable .p-datatable-tbody > tr.p-highlight {
    background: #e3f2fd;
    color: #495057;
  }
  .p-datatable .p-datatable-tbody > tr.p-highlight-contextmenu {
    outline: 0.15rem solid #a6d5fa;
    outline-offset: -0.15rem;
  }
  .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-selectable .p-datatable-tbody > tr.p-selectable-row:not(.p-highlight):not(.p-datatable-emptymessage):hover {
    background: #e9ecef;
    color: #495057;
  }
  .p-datatable.p-datatable-selectable .p-datatable-tbody > tr.p-selectable-row:focus-visible {
    outline: 0.15rem solid #a6d5fa;
    outline-offset: -0.15rem;
  }
  .p-datatable.p-datatable-selectable-cell .p-datatable-tbody > tr.p-selectable-row > td.p-selectable-cell:not(.p-highlight):hover {
    background: #e9ecef;
    color: #495057;
  }
  .p-datatable.p-datatable-selectable-cell .p-datatable-tbody > tr.p-selectable-row > td.p-selectable-cell:focus-visible {
    outline: 0.15rem solid #a6d5fa;
    outline-offset: -0.15rem;
  }
  .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):not(.p-datatable-emptymessage):hover {
    background: #e9ecef;
    color: #495057;
  }
  .p-datatable .p-column-resizer-helper {
    background: #2196f3;
  }
  .p-datatable .p-datatable-scrollable-header,
  .p-datatable .p-datatable-scrollable-footer {
    background: #f8f9fa;
  }
  .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead,
  .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-virtualscroller > .p-datatable-table > .p-datatable-thead,
  .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-virtualscroller > .p-datatable-table > .p-datatable-tfoot {
    background-color: #f8f9fa;
  }
  .p-datatable .p-datatable-loading-icon {
    font-size: 2rem;
  }
  .p-datatable .p-datatable-loading-icon.p-icon {
    width: 2rem;
    height: 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 0 1px 1px;
  }
  .p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th:last-child {
    border-width: 1px;
  }
  .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td {
    border-width: 1px 0 0 1px;
  }
  .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td:last-child {
    border-width: 1px 1px 0 1px;
  }
  .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td {
    border-width: 1px 0 1px 1px;
  }
  .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td:last-child {
    border-width: 1px;
  }
  .p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td {
    border-width: 1px 0 1px 1px;
  }
  .p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td:last-child {
    border-width: 1px 1px 1px 1px;
  }
  .p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td {
    border-width: 0 0 1px 1px;
  }
  .p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td:last-child {
    border-width: 0 1px 1px 1px;
  }
  .p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td {
    border-width: 0 0 1px 1px;
  }
  .p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td:last-child {
    border-width: 0 1px 1px 1px;
  }
  .p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td {
    border-width: 0 0 0 1px;
  }
  .p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td:last-child {
    border-width: 0 1px 0 1px;
  }
  .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd {
    background: #fcfcfc;
  }
  .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight {
    background: #e3f2fd;
    color: #495057;
  }
  .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight .p-row-toggler {
    color: #495057;
  }
  .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight .p-row-toggler:hover {
    color: #495057;
  }
  .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd + .p-row-expanded {
    background: #fcfcfc;
  }
  .p-datatable.p-datatable-sm .p-datatable-header {
    padding: 0.5rem 0.5rem;
  }
  .p-datatable.p-datatable-sm .p-datatable-thead > tr > th {
    padding: 0.5rem 0.5rem;
  }
  .p-datatable.p-datatable-sm .p-datatable-tbody > tr > td {
    padding: 0.5rem 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: 1.25rem 1.25rem;
  }
  .p-datatable.p-datatable-lg .p-datatable-thead > tr > th {
    padding: 1.25rem 1.25rem;
  }
  .p-datatable.p-datatable-lg .p-datatable-tbody > tr > td {
    padding: 1.25rem 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-datatable-drag-selection-helper {
    background: rgba(33, 150, 243, 0.16);
  }
  .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: 1rem 1rem;
    font-weight: 600;
  }
  .p-dataview .p-dataview-content {
    background: #ffffff;
    color: #495057;
    border: 0 none;
    padding: 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: 3px;
    border-bottom-right-radius: 3px;
  }
  .p-dataview .p-dataview-loading-icon {
    font-size: 2rem;
  }
  .p-dataview .p-dataview-loading-icon.p-icon {
    width: 2rem;
    height: 2rem;
  }
  .p-datascroller .p-paginator-top {
    border-width: 0 0 1px 0;
    border-radius: 0;
  }
  .p-datascroller .p-paginator-bottom {
    border-width: 0 0 1px 0;
    border-radius: 0;
  }
  .p-datascroller .p-datascroller-header {
    background: #f8f9fa;
    color: #495057;
    border: 1px solid #e9ecef;
    border-width: 1px 0 1px 0;
    padding: 1rem 1rem;
    font-weight: 600;
  }
  .p-datascroller .p-datascroller-content {
    background: #ffffff;
    color: #495057;
    border: 0 none;
    padding: 0;
  }
  .p-datascroller.p-datascroller-inline .p-datascroller-list > li {
    border: solid #e9ecef;
    border-width: 0 0 1px 0;
  }
  .p-datascroller .p-datascroller-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: 3px;
    border-bottom-right-radius: 3px;
  }
  .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: #6c757d;
    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-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .p-column-filter-clear-button {
    width: 2rem;
    height: 2rem;
    color: #6c757d;
    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-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .p-column-filter-overlay {
    background: #ffffff;
    color: #495057;
    border: 0 none;
    border-radius: 3px;
    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-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: inset 0 0 0 0.15rem #a6d5fa;
  }
  .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: 3px;
    border-top-left-radius: 3px;
  }
  .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;
  }
  .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;
    font-weight: 600;
    border-bottom: 0 none;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
  }
  .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: #6c757d;
  }
  .p-orderlist .p-orderlist-list {
    border: 1px solid #dee2e6;
    background: #ffffff;
    color: #495057;
    padding: 0.5rem 0;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    outline: 0 none;
  }
  .p-orderlist .p-orderlist-list .p-orderlist-item {
    padding: 0.5rem 1rem;
    margin: 0;
    border: 0 none;
    color: #495057;
    background: transparent;
    transition: transform 0.2s, box-shadow 0.2s;
  }
  .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover {
    background: #e9ecef;
    color: #495057;
  }
  .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus {
    color: #495057;
    background: #dee2e6;
  }
  .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
    color: #495057;
    background: #e3f2fd;
  }
  .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus {
    background: rgba(33, 150, 243, 0.24);
  }
  .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) {
    background: #e9ecef;
  }
  .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover {
    background: #e9ecef;
  }
  .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: #6cbbf5;
  }
  .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-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .p-paginator {
    background: #ffffff;
    color: #6c757d;
    border: solid #e9ecef;
    border-width: 0;
    padding: 0.5rem 1rem;
    border-radius: 3px;
  }
  .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: #6c757d;
    min-width: 2.357rem;
    height: 2.357rem;
    margin: 0.143rem;
    transition: box-shadow 0.2s;
    border-radius: 3px;
  }
  .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: 3px;
    border-bottom-left-radius: 3px;
  }
  .p-paginator .p-paginator-last {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
  }
  .p-paginator .p-dropdown {
    margin-left: 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: #6c757d;
    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: #6c757d;
    min-width: 2.357rem;
    height: 2.357rem;
    margin: 0.143rem;
    transition: box-shadow 0.2s;
    border-radius: 3px;
  }
  .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;
    font-weight: 600;
    border-bottom: 0 none;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
  }
  .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: #6c757d;
  }
  .p-picklist .p-picklist-list {
    border: 1px solid #dee2e6;
    background: #ffffff;
    color: #495057;
    padding: 0.5rem 0;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    outline: 0 none;
  }
  .p-picklist .p-picklist-list .p-picklist-item {
    padding: 0.5rem 1rem;
    margin: 0;
    border: 0 none;
    color: #495057;
    background: transparent;
    transition: transform 0.2s, box-shadow 0.2s;
  }
  .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover {
    background: #e9ecef;
    color: #495057;
  }
  .p-picklist .p-picklist-list .p-picklist-item.p-focus {
    color: #495057;
    background: #dee2e6;
  }
  .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
    color: #495057;
    background: #e3f2fd;
  }
  .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus {
    background: rgba(33, 150, 243, 0.24);
  }
  .p-tree-container {
    margin: 0;
    padding: 0;
    list-style-type: none;
    overflow: auto;
  }
  .p-treenode-children {
    margin: 0;
    padding: 0;
    list-style-type: none;
  }
  .p-treenode-selectable {
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
  }
  .p-tree-toggler {
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    position: relative;
    flex-shrink: 0;
  }
  .p-treenode-leaf > .p-treenode-content .p-tree-toggler {
    visibility: hidden;
  }
  .p-treenode-content {
    display: flex;
    align-items: center;
  }
  .p-tree-filter {
    width: 100%;
  }
  .p-tree-filter-container {
    position: relative;
    display: block;
    width: 100%;
  }
  .p-tree-filter-icon {
    position: absolute;
    top: 50%;
    margin-top: -0.5rem;
  }
  .p-tree-loading {
    position: relative;
    min-height: 4rem;
  }
  .p-tree .p-tree-loading-overlay {
    position: absolute;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .p-tree {
    border: 1px solid #dee2e6;
    background: #ffffff;
    color: #495057;
    padding: 1rem;
    border-radius: 3px;
  }
  .p-tree .p-tree-container .p-treenode {
    padding: 0.143rem;
    outline: 0 none;
  }
  .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: inset 0 0 0 0.15rem #a6d5fa;
  }
  .p-tree .p-tree-container .p-treenode .p-treenode-content {
    border-radius: 3px;
    transition: box-shadow 0.2s;
    padding: 0;
  }
  .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler {
    margin-right: 0.5rem;
    width: 2rem;
    height: 2rem;
    color: #6c757d;
    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-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon {
    margin-right: 0.5rem;
    color: #6c757d;
  }
  .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.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: #6c757d;
  }
  .p-tree .p-treenode-children {
    padding: 0 0 0 1rem;
  }
  .p-tree .p-tree-loading-icon {
    font-size: 2rem;
  }
  .p-tree .p-tree-loading-icon.p-icon {
    width: 2rem;
    height: 2rem;
  }
  .p-tree .p-treenode-droppoint {
    height: 0.5rem;
  }
  .p-tree .p-treenode-droppoint.p-treenode-droppoint-active {
    background: #89c8f7;
  }
  .p-treetable {
    position: relative;
  }
  .p-treetable > .p-treetable-wrapper {
    overflow: auto;
  }
  .p-treetable table {
    border-collapse: collapse;
    width: 100%;
    table-layout: fixed;
  }
  .p-treetable .p-sortable-column {
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
  }
  .p-treetable-selectable .p-treetable-tbody > tr {
    cursor: pointer;
  }
  .p-treetable-toggler {
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    vertical-align: middle;
    overflow: hidden;
    position: relative;
  }
  .p-treetable-toggler + .p-checkbox {
    vertical-align: middle;
  }
  .p-treetable-toggler + .p-checkbox + span {
    vertical-align: middle;
  }
  /* Resizable */
  .p-treetable-resizable > .p-treetable-wrapper {
    overflow-x: auto;
  }
  .p-treetable-resizable .p-treetable-thead > tr > th,
  .p-treetable-resizable .p-treetable-tfoot > tr > td,
  .p-treetable-resizable .p-treetable-tbody > tr > td {
    overflow: hidden;
  }
  .p-treetable-resizable .p-resizable-column {
    background-clip: padding-box;
    position: relative;
  }
  .p-treetable-resizable-fit .p-resizable-column:last-child .p-column-resizer {
    display: none;
  }
  .p-treetable .p-column-resizer {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    width: 0.5rem;
    height: 100%;
    padding: 0px;
    cursor: col-resize;
    border: 1px solid transparent;
  }
  .p-treetable .p-column-resizer-helper {
    width: 1px;
    position: absolute;
    z-index: 10;
    display: none;
  }
  /* Scrollable */
  .p-treetable-scrollable-wrapper {
    position: relative;
  }
  .p-treetable-scrollable-header,
  .p-treetable-scrollable-footer {
    overflow: hidden;
    border: 0 none;
  }
  .p-treetable-scrollable-body {
    overflow: auto;
    position: relative;
  }
  .p-treetable-virtual-table {
    position: absolute;
  }
  /* Frozen Columns */
  .p-treetable-frozen-view .p-treetable-scrollable-body {
    overflow: hidden;
  }
  .p-treetable-unfrozen-view {
    position: absolute;
    top: 0px;
    left: 0px;
  }
  /* Reorder */
  .p-treetable-reorder-indicator-up,
  .p-treetable-reorder-indicator-down {
    position: absolute;
    display: none;
  }
  /* Loader */
  .p-treetable .p-treetable-loading-overlay {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
  }
  /* Alignment */
  .p-treetable .p-treetable-thead > tr > th.p-align-left > .p-column-header-content,
  .p-treetable .p-treetable-tbody > tr > td.p-align-left,
  .p-treetable .p-treetable-tfoot > tr > td.p-align-left {
    text-align: left;
    justify-content: flex-start;
  }
  .p-treetable .p-treetable-thead > tr > th.p-align-right > .p-column-header-content,
  .p-treetable .p-treetable-tbody > tr > td.p-align-right,
  .p-treetable .p-treetable-tfoot > tr > td.p-align-right {
    text-align: right;
    justify-content: flex-end;
  }
  .p-treetable .p-treetable-thead > tr > th.p-align-center > .p-column-header-content,
  .p-treetable .p-treetable-tbody > tr > td.p-align-center,
  .p-treetable .p-treetable-tfoot > tr > td.p-align-center {
    text-align: center;
    justify-content: center;
  }
  .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: 1rem 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: 1rem 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: #a6d5fa;
  }
  .p-treetable .p-sortable-column .p-sortable-column-icon {
    color: #6c757d;
    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: #6c757d;
  }
  .p-treetable .p-sortable-column.p-highlight {
    background: #f8f9fa;
    color: #2196f3;
  }
  .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon {
    color: #2196f3;
  }
  .p-treetable .p-treetable-tbody > tr {
    background: #ffffff;
    color: #495057;
    transition: box-shadow 0.2s;
  }
  .p-treetable .p-treetable-tbody > tr > td {
    text-align: left;
    border: 1px solid #e9ecef;
    border-width: 0 0 1px 0;
    padding: 1rem 1rem;
  }
  .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler {
    width: 2rem;
    height: 2rem;
    color: #6c757d;
    border: 0 none;
    background: transparent;
    border-radius: 50%;
    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
  }
  .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-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler {
    margin-right: 0.5rem;
  }
  .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox {
    margin-right: 0.5rem;
  }
  .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox .p-indeterminate .p-checkbox-icon {
    color: #495057;
  }
  .p-treetable .p-treetable-tbody > tr:focus-visible {
    outline: 0.15rem solid #a6d5fa;
    outline-offset: -0.15rem;
  }
  .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-selectable .p-treetable-tbody > tr:not(.p-highlight):hover, .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover {
    background: #e9ecef;
    color: #495057;
  }
  .p-treetable.p-treetable-selectable .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler, .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: #2196f3;
  }
  .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-loading-icon.p-icon {
    width: 2rem;
    height: 2rem;
  }
  .p-treetable.p-treetable-gridlines .p-treetable-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-striped .p-treetable-tbody > tr.p-row-odd {
    background: #fcfcfc;
  }
  .p-treetable.p-treetable-striped .p-treetable-tbody > tr.p-row-odd.p-highlight {
    background: #e3f2fd;
    color: #495057;
  }
  .p-treetable.p-treetable-striped .p-treetable-tbody > tr.p-row-odd.p-highlight .p-row-toggler {
    color: #495057;
  }
  .p-treetable.p-treetable-striped .p-treetable-tbody > tr.p-row-odd.p-highlight .p-row-toggler:hover {
    color: #495057;
  }
  .p-treetable.p-treetable-striped .p-treetable-tbody > tr.p-row-odd + .p-row-expanded {
    background: #fcfcfc;
  }
  .p-treetable.p-treetable-sm .p-treetable-header {
    padding: 0.875rem 0.875rem;
  }
  .p-treetable.p-treetable-sm .p-treetable-thead > tr > th {
    padding: 0.5rem 0.5rem;
  }
  .p-treetable.p-treetable-sm .p-treetable-tbody > tr > td {
    padding: 0.5rem 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: 1.25rem 1.25rem;
  }
  .p-treetable.p-treetable-lg .p-treetable-thead > tr > th {
    padding: 1.25rem 1.25rem;
  }
  .p-treetable.p-treetable-lg .p-treetable-tbody > tr > td {
    padding: 1.25rem 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-timeline .p-timeline-event-marker {
    border: 2px solid #2196f3;
    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-accordion .p-accordion-header .p-accordion-header-link {
    padding: 1rem;
    border: 1px solid #dee2e6;
    color: #495057;
    background: #f8f9fa;
    font-weight: 600;
    border-radius: 3px;
    transition: box-shadow 0.2s;
  }
  .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
    margin-right: 0.5rem;
  }
  .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .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 {
    padding: 1rem;
    border: 1px solid #dee2e6;
    background: #ffffff;
    color: #495057;
    border-top: 0;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
  }
  .p-accordion .p-accordion-tab {
    margin-bottom: 0;
  }
  .p-accordion .p-accordion-tab .p-accordion-header .p-accordion-header-link {
    border-radius: 0;
  }
  .p-accordion .p-accordion-tab .p-accordion-content {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }
  .p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header .p-accordion-header-link {
    border-top: 0 none;
  }
  .p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link, .p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link {
    border-top: 0 none;
  }
  .p-accordion .p-accordion-tab:first-child .p-accordion-header .p-accordion-header-link {
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
  }
  .p-accordion .p-accordion-tab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-header-link {
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
  }
  .p-accordion .p-accordion-tab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-content {
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
  }
  .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: 3px;
  }
  .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: #6c757d;
  }
  .p-card .p-card-content {
    padding: 1rem 0;
  }
  .p-card .p-card-footer {
    padding: 1rem 0 0 0;
  }
  .p-fieldset {
    border: 1px solid #dee2e6;
    background: #ffffff;
    color: #495057;
    border-radius: 3px;
  }
  .p-fieldset .p-fieldset-legend {
    padding: 1rem;
    border: 1px solid #dee2e6;
    color: #495057;
    background: #f8f9fa;
    font-weight: 600;
    border-radius: 3px;
  }
  .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: 3px;
    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-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
    background: #e9ecef;
    border-color: #dee2e6;
    color: #495057;
  }
  .p-fieldset .p-fieldset-content {
    padding: 1rem;
  }
  .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-panel .p-panel-header {
    border: 1px solid #dee2e6;
    padding: 1rem;
    background: #f8f9fa;
    color: #495057;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
  }
  .p-panel .p-panel-header .p-panel-title {
    font-weight: 600;
  }
  .p-panel .p-panel-header .p-panel-header-icon {
    width: 2rem;
    height: 2rem;
    color: #6c757d;
    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-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .p-panel.p-panel-toggleable .p-panel-header {
    padding: 0.5rem 1rem;
  }
  .p-panel:has(> .p-panel-footer) .p-panel-content {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }
  .p-panel .p-panel-content {
    padding: 1rem;
    border: 1px solid #dee2e6;
    background: #ffffff;
    color: #495057;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    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-splitter {
    border: 1px solid #dee2e6;
    background: #ffffff;
    border-radius: 3px;
    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 .p-splitter-gutter-handle:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .p-splitter .p-splitter-gutter-resizing {
    background: #dee2e6;
  }
  .p-stepper .p-stepper-nav {
    display: flex;
    justify-content: space-between;
    margin: 0;
    padding: 0;
    list-style-type: none;
  }
  .p-stepper .p-stepper-header {
    padding: 0.5rem;
  }
  .p-stepper .p-stepper-header .p-stepper-action {
    transition: box-shadow 0.2s;
    border-radius: 3px;
    background: #ffffff;
    outline-color: transparent;
  }
  .p-stepper .p-stepper-header .p-stepper-action .p-stepper-number {
    color: #495057;
    border: 1px solid #e9ecef;
    border-width: 2px;
    background: #ffffff;
    min-width: 2rem;
    height: 2rem;
    line-height: 2rem;
    font-size: 1.143rem;
    border-radius: 50%;
    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
  }
  .p-stepper .p-stepper-header .p-stepper-action .p-stepper-title {
    margin-left: 0.5rem;
    color: #6c757d;
    font-weight: 600;
    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
  }
  .p-stepper .p-stepper-header .p-stepper-action:not(.p-disabled):focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .p-stepper .p-stepper-header.p-highlight .p-stepper-number {
    background: #e3f2fd;
    color: #495057;
  }
  .p-stepper .p-stepper-header.p-highlight .p-stepper-title {
    color: #495057;
  }
  .p-stepper .p-stepper-header:not(.p-disabled):focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .p-stepper .p-stepper-header:has(~ .p-highlight) .p-stepper-separator {
    background-color: #2196f3;
  }
  .p-stepper .p-stepper-panels {
    background: #ffffff;
    padding: 1rem;
    color: #495057;
  }
  .p-stepper .p-stepper-separator {
    background-color: #dee2e6;
    width: 100%;
    height: 2px;
    margin-inline-start: 1rem;
    transition: box-shadow 0.2s;
  }
  .p-stepper.p-stepper-vertical {
    display: flex;
    flex-direction: column;
  }
  .p-stepper.p-stepper-vertical .p-stepper-toggleable-content {
    display: flex;
    flex: 1 1 auto;
    background: #ffffff;
    color: #495057;
  }
  .p-stepper.p-stepper-vertical .p-stepper-panel {
    display: flex;
    flex-direction: column;
    flex: initial;
  }
  .p-stepper.p-stepper-vertical .p-stepper-panel.p-stepper-panel-active {
    flex: 1 1 auto;
  }
  .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-header {
    flex: initial;
  }
  .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-content {
    width: 100%;
    padding-left: 1rem;
  }
  .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-separator {
    flex: 0 0 auto;
    width: 2px;
    height: auto;
    margin-inline-start: calc(1.75rem + 2px);
  }
  .p-stepper.p-stepper-vertical .p-stepper-panel:has(~ .p-stepper-panel-active) .p-stepper-separator {
    background-color: #2196f3;
  }
  .p-stepper.p-stepper-vertical .p-stepper-panel:last-of-type .p-stepper-content {
    padding-left: 3rem;
  }
  .p-scrollpanel .p-scrollpanel-bar {
    background: #f8f9fa;
    border: 0 none;
  }
  .p-scrollpanel .p-scrollpanel-bar:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .p-tabview-nav-container {
    position: relative;
  }
  .p-tabview-scrollable .p-tabview-nav-container {
    overflow: hidden;
  }
  .p-tabview-nav-content {
    overflow-x: auto;
    overflow-y: hidden;
    scroll-behavior: smooth;
    scrollbar-width: none;
    overscroll-behavior: contain auto;
    position: relative;
  }
  .p-tabview-nav {
    display: flex;
    margin: 0;
    padding: 0;
    list-style-type: none;
    flex: 1 1 auto;
  }
  .p-tabview-nav-link {
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    display: flex;
    align-items: center;
    position: relative;
    text-decoration: none;
    overflow: hidden;
  }
  .p-tabview-ink-bar {
    display: none;
    z-index: 1;
  }
  .p-tabview-nav-link:focus {
    z-index: 1;
  }
  .p-tabview-close {
    z-index: 1;
  }
  .p-tabview-title {
    line-height: 1;
    white-space: nowrap;
  }
  .p-tabview-nav-btn {
    position: absolute;
    top: 0;
    z-index: 2;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .p-tabview-nav-prev {
    left: 0;
  }
  .p-tabview-nav-next {
    right: 0;
  }
  .p-tabview-nav-content::-webkit-scrollbar {
    display: none;
  }
  .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: #6c757d;
    padding: 1rem;
    font-weight: 600;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    transition: box-shadow 0.2s;
    margin: 0 0 -2px 0;
  }
  .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: inset 0 0 0 0.2rem #a6d5fa;
  }
  .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link {
    background: #ffffff;
    border-color: #6c757d;
    color: #6c757d;
  }
  .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {
    background: #ffffff;
    border-color: #2196f3;
    color: #2196f3;
  }
  .p-tabview .p-tabview-close {
    margin-left: 0.5rem;
  }
  .p-tabview .p-tabview-nav-btn.p-link {
    background: #ffffff;
    color: #2196f3;
    width: 2.357rem;
    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);
    border-radius: 0;
  }
  .p-tabview .p-tabview-nav-btn.p-link:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: inset 0 0 0 0.2rem #a6d5fa;
  }
  .p-tabview .p-tabview-panels {
    background: #ffffff;
    padding: 1rem;
    border: 0 none;
    color: #495057;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
  }
  .p-toolbar {
    background: #f8f9fa;
    border: 1px solid #dee2e6;
    padding: 1rem;
    border-radius: 3px;
    gap: 0.5rem;
  }
  .p-toolbar .p-toolbar-separator {
    margin: 0 0.5rem;
  }
  .p-confirm-popup {
    background: #ffffff;
    color: #495057;
    border: 0 none;
    border-radius: 3px;
    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 1rem 1rem 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: #f2f2f2;
  }
  .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-icon.p-icon {
    width: 1.5rem;
    height: 1.5rem;
  }
  .p-confirm-popup .p-confirm-popup-message {
    margin-left: 1rem;
  }
  .p-dialog {
    border-radius: 3px;
    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: 3px;
    border-top-left-radius: 3px;
  }
  .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: #6c757d;
    border: 0 none;
    background: transparent;
    border-radius: 50%;
    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
  }
  .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-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .p-dialog .p-dialog-header .p-dialog-header-icon {
    margin-right: 0.5rem;
  }
  .p-dialog .p-dialog-header .p-dialog-header-icon:last-child {
    margin-right: 0;
  }
  .p-dialog .p-dialog-content {
    background: #ffffff;
    color: #495057;
    padding: 0 1.5rem 2rem 1.5rem;
  }
  .p-dialog .p-dialog-content:last-of-type {
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
  }
  .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: 3px;
    border-bottom-left-radius: 3px;
  }
  .p-dialog .p-dialog-footer button {
    margin: 0 0.5rem 0 0;
    width: auto;
  }
  .p-dialog.p-dialog-maximized .p-dialog-header, .p-dialog.p-dialog-maximized .p-dialog-content:last-of-type {
    border-radius: 0;
  }
  .p-dialog.p-confirm-dialog .p-confirm-dialog-icon {
    font-size: 2rem;
  }
  .p-dialog.p-confirm-dialog .p-confirm-dialog-icon.p-icon {
    width: 2rem;
    height: 2rem;
  }
  .p-dialog.p-confirm-dialog .p-confirm-dialog-message {
    margin-left: 1rem;
  }
  .p-overlaypanel {
    background: #ffffff;
    color: #495057;
    border: 0 none;
    border-radius: 3px;
    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-overlaypanel .p-overlaypanel-content {
    padding: 1rem;
  }
  .p-overlaypanel .p-overlaypanel-close {
    background: #2196f3;
    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: #0d89ec;
    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: #f2f2f2;
  }
  .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 {
    padding: 1rem;
  }
  .p-sidebar .p-sidebar-header .p-sidebar-close,
  .p-sidebar .p-sidebar-header .p-sidebar-icon {
    width: 2rem;
    height: 2rem;
    color: #6c757d;
    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-visible,
  .p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .p-sidebar .p-sidebar-header + .p-sidebar-content {
    padding-top: 0;
  }
  .p-sidebar .p-sidebar-content {
    padding: 1rem;
  }
  .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: 3px;
  }
  .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: 3px;
    border-top-left-radius: 3px;
    gap: 0.5rem;
  }
  .p-fileupload .p-fileupload-buttonbar .p-button {
    margin-right: 0.5rem;
  }
  .p-fileupload .p-fileupload-content {
    background: #ffffff;
    padding: 2rem 1rem;
    border: 1px solid #dee2e6;
    color: #495057;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
  }
  .p-fileupload .p-progressbar {
    height: 0.25rem;
  }
  .p-fileupload .p-fileupload-row > div {
    padding: 1rem 1rem;
  }
  .p-fileupload.p-fileupload-advanced .p-message {
    margin-top: 0;
  }
  .p-breadcrumb {
    background: #ffffff;
    border: 1px solid #dee2e6;
    border-radius: 3px;
    padding: 1rem;
  }
  .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link {
    transition: box-shadow 0.2s;
    border-radius: 3px;
  }
  .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon {
    color: #6c757d;
  }
  .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator {
    margin: 0 0.5rem 0 0.5rem;
    color: #495057;
  }
  .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text {
    color: #495057;
  }
  .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon {
    color: #6c757d;
  }
  .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);
    border-radius: 3px;
    width: 12.5rem;
  }
  .p-contextmenu .p-contextmenu-root-list {
    outline: 0 none;
  }
  .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);
    border-radius: 3px;
  }
  .p-contextmenu .p-menuitem > .p-menuitem-content {
    color: #495057;
    transition: box-shadow 0.2s;
    border-radius: 0;
  }
  .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
    color: #495057;
    padding: 0.75rem 1rem;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
  }
  .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
    color: #6c757d;
    margin-right: 0.5rem;
  }
  .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #6c757d;
  }
  .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content {
    color: #495057;
    background: #e9ecef;
  }
  .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
  .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #6c757d;
  }
  .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
    background: #e9ecef;
  }
  .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
    color: #495057;
    background: #dee2e6;
  }
  .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
  .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #495057;
  }
  .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
    color: #495057;
    background: #e9ecef;
  }
  .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon,
  .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
    color: #6c757d;
  }
  .p-contextmenu .p-menuitem-separator {
    border-top: 1px solid #dee2e6;
    margin: 0.25rem 0;
  }
  .p-contextmenu .p-submenu-icon {
    font-size: 0.875rem;
  }
  .p-contextmenu .p-submenu-icon.p-icon {
    width: 0.875rem;
    height: 0.875rem;
  }
  .p-dock .p-dock-list-container {
    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-list-container .p-dock-list {
    outline: 0 none;
  }
  .p-dock .p-dock-item {
    padding: 0.5rem;
    border-radius: 3px;
  }
  .p-dock .p-dock-item.p-focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: inset 0 0 0 0.15rem #a6d5fa;
  }
  .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;
  }
  .p-dock.p-dock-mobile.p-dock-top .p-dock-list-container, .p-dock.p-dock-mobile.p-dock-bottom .p-dock-list-container {
    overflow-x: auto;
    width: 100%;
  }
  .p-dock.p-dock-mobile.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-mobile.p-dock-bottom .p-dock-list-container .p-dock-list {
    margin: 0 auto;
  }
  .p-dock.p-dock-mobile.p-dock-left .p-dock-list-container, .p-dock.p-dock-mobile.p-dock-right .p-dock-list-container {
    overflow-y: auto;
    height: 100%;
  }
  .p-dock.p-dock-mobile.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-mobile.p-dock-right .p-dock-list-container .p-dock-list {
    margin: auto 0;
  }
  .p-dock.p-dock-mobile .p-dock-list .p-dock-item {
    transform: none;
    margin: 0;
  }
  .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-second-prev,
  .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-second-next,
  .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-prev,
  .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-next,
  .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-current, .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-second-prev,
  .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-second-next,
  .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-prev,
  .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-next,
  .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-current, .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-second-prev,
  .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-second-next,
  .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-prev,
  .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-next,
  .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-current, .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-second-prev,
  .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-second-next,
  .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-prev,
  .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-next,
  .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-current {
    transform: none;
    margin: 0;
  }
  .p-megamenu {
    padding: 0.5rem;
    background: #f8f9fa;
    color: #495057;
    border: 1px solid #dee2e6;
    border-radius: 3px;
  }
  .p-megamenu .p-megamenu-root-list {
    outline: 0 none;
  }
  .p-megamenu .p-menuitem > .p-menuitem-content {
    color: #495057;
    transition: box-shadow 0.2s;
    border-radius: 0;
  }
  .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
    color: #495057;
    padding: 0.75rem 1rem;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
  }
  .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
    color: #6c757d;
    margin-right: 0.5rem;
  }
  .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #6c757d;
  }
  .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content {
    color: #495057;
    background: #e9ecef;
  }
  .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
  .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #6c757d;
  }
  .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
    background: #e9ecef;
  }
  .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
    color: #495057;
    background: #dee2e6;
  }
  .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
  .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #495057;
  }
  .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
    color: #495057;
    background: #e9ecef;
  }
  .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon,
  .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
    color: #6c757d;
  }
  .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-submenu-header {
    margin: 0;
    padding: 0.75rem 1rem;
    color: #495057;
    background: #ffffff;
    font-weight: 600;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
  }
  .p-megamenu .p-submenu-list {
    padding: 0.25rem 0;
    width: 12.5rem;
  }
  .p-megamenu .p-submenu-list .p-menuitem-separator {
    border-top: 1px solid #dee2e6;
    margin: 0.25rem 0;
  }
  .p-megamenu.p-megamenu-vertical {
    width: 12.5rem;
    padding: 0.25rem 0;
  }
  .p-megamenu .p-megamenu-button {
    width: 2rem;
    height: 2rem;
    color: #6c757d;
    border-radius: 50%;
    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
  }
  .p-megamenu .p-megamenu-button:hover {
    color: #6c757d;
    background: #e9ecef;
  }
  .p-megamenu .p-megamenu-button:focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content {
    color: #495057;
    transition: box-shadow 0.2s;
    border-radius: 3px;
  }
  .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link {
    padding: 0.75rem 1rem;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
  }
  .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
    color: #6c757d;
    margin-right: 0.5rem;
  }
  .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #6c757d;
    margin-left: 0.5rem;
  }
  .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
    color: #495057;
    background: #e9ecef;
  }
  .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon,
  .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
    color: #6c757d;
  }
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-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-megamenu.p-megamenu-mobile-active .p-megamenu-root-list .p-menu-separator {
    border-top: 1px solid #dee2e6;
    margin: 0.25rem 0;
  }
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list .p-submenu-icon {
    font-size: 0.875rem;
  }
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list .p-submenu-icon.p-icon {
    width: 0.875rem;
    height: 0.875rem;
  }
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem {
    width: 100%;
    position: static;
  }
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content {
    color: #495057;
    transition: box-shadow 0.2s;
    border-radius: 0;
  }
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link {
    color: #495057;
    padding: 0.75rem 1rem;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
  }
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
    color: #6c757d;
    margin-right: 0.5rem;
  }
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #6c757d;
  }
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content {
    color: #495057;
    background: #e9ecef;
  }
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #6c757d;
  }
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight.p-focus > .p-menuitem-content {
    background: #e9ecef;
  }
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
    color: #495057;
    background: #dee2e6;
  }
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #495057;
  }
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
    color: #495057;
    background: #e9ecef;
  }
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon,
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
    color: #6c757d;
  }
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon {
    margin-left: auto;
  }
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
    transform: rotate(-180deg);
  }
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list .p-submenu-list {
    width: 100%;
    position: static;
    box-shadow: none;
    border: 0 none;
  }
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list .p-submenu-list .p-submenu-icon {
    transition: transform 0.2s;
    transform: rotate(90deg);
  }
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
    transform: rotate(-90deg);
  }
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list .p-menuitem {
    width: 100%;
    position: static;
  }
  .p-menu {
    padding: 0.25rem 0;
    background: #ffffff;
    color: #495057;
    border: 1px solid #dee2e6;
    border-radius: 3px;
    width: 12.5rem;
  }
  .p-menu .p-menuitem > .p-menuitem-content {
    color: #495057;
    transition: box-shadow 0.2s;
    border-radius: 0;
  }
  .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link {
    color: #495057;
    padding: 0.75rem 1rem;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
  }
  .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
    color: #6c757d;
    margin-right: 0.5rem;
  }
  .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #6c757d;
  }
  .p-menu .p-menuitem.p-highlight > .p-menuitem-content {
    color: #495057;
    background: #e9ecef;
  }
  .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
  .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #6c757d;
  }
  .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
    background: #e9ecef;
  }
  .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
    color: #495057;
    background: #dee2e6;
  }
  .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
  .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #495057;
  }
  .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
    color: #495057;
    background: #e9ecef;
  }
  .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon,
  .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
    color: #6c757d;
  }
  .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-menubar {
    padding: 0.5rem;
    background: #f8f9fa;
    color: #495057;
    border: 1px solid #dee2e6;
    border-radius: 3px;
  }
  .p-menubar .p-menubar-root-list {
    outline: 0 none;
  }
  .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content {
    color: #495057;
    transition: box-shadow 0.2s;
    border-radius: 3px;
  }
  .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link {
    padding: 0.75rem 1rem;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
  }
  .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
    color: #6c757d;
    margin-right: 0.5rem;
  }
  .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #6c757d;
    margin-left: 0.5rem;
  }
  .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
    color: #495057;
    background: #e9ecef;
  }
  .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon,
  .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
    color: #6c757d;
  }
  .p-menubar .p-menuitem > .p-menuitem-content {
    color: #495057;
    transition: box-shadow 0.2s;
    border-radius: 0;
  }
  .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link {
    color: #495057;
    padding: 0.75rem 1rem;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
  }
  .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
    color: #6c757d;
    margin-right: 0.5rem;
  }
  .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #6c757d;
  }
  .p-menubar .p-menuitem.p-highlight > .p-menuitem-content {
    color: #495057;
    background: #e9ecef;
  }
  .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
  .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #6c757d;
  }
  .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
    background: #e9ecef;
  }
  .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
    color: #495057;
    background: #dee2e6;
  }
  .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
  .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #495057;
  }
  .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
    color: #495057;
    background: #e9ecef;
  }
  .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon,
  .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
    color: #6c757d;
  }
  .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-menuitem-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-menubar-mobile .p-menubar-button {
    width: 2rem;
    height: 2rem;
    color: #6c757d;
    border-radius: 50%;
    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
  }
  .p-menubar.p-menubar-mobile .p-menubar-button:hover {
    color: #6c757d;
    background: #e9ecef;
  }
  .p-menubar.p-menubar-mobile .p-menubar-button:focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .p-menubar.p-menubar-mobile .p-menubar-root-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-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem-separator {
    border-top: 1px solid #dee2e6;
    margin: 0.25rem 0;
  }
  .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-icon {
    font-size: 0.875rem;
  }
  .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    margin-left: auto;
    transition: transform 0.2s;
  }
  .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
    transform: rotate(-180deg);
  }
  .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-submenu-icon {
    transition: transform 0.2s;
    transform: rotate(90deg);
  }
  .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
    transform: rotate(-90deg);
  }
  .p-menubar.p-menubar-mobile .p-menubar-root-list ul li a {
    padding-left: 2.25rem;
  }
  .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li a {
    padding-left: 3.75rem;
  }
  .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li ul li a {
    padding-left: 5.25rem;
  }
  .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li ul li ul li a {
    padding-left: 6.75rem;
  }
  .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li ul li ul li ul li a {
    padding-left: 8.25rem;
  }
  @media screen and (max-width: 960px) {
    .p-menubar {
      position: relative;
    }
    .p-menubar .p-menubar-button {
      display: flex;
      width: 2rem;
      height: 2rem;
      color: #6c757d;
      border-radius: 50%;
      transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
    }
    .p-menubar .p-menubar-button:hover {
      color: #6c757d;
      background: #e9ecef;
    }
    .p-menubar .p-menubar-button:focus {
      outline: 0 none;
      outline-offset: 0;
      box-shadow: 0 0 0 0.2rem #a6d5fa;
    }
    .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-submenu-icon.p-icon {
      width: 0.875rem;
      height: 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 > .p-menuitem-content {
      color: #495057;
      transition: box-shadow 0.2s;
      border-radius: 0;
    }
    .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link {
      color: #495057;
      padding: 0.75rem 1rem;
      -webkit-user-select: none;
         -moz-user-select: none;
              user-select: none;
    }
    .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
      color: #495057;
    }
    .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
      color: #6c757d;
      margin-right: 0.5rem;
    }
    .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
      color: #6c757d;
    }
    .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content {
      color: #495057;
      background: #e9ecef;
    }
    .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
      color: #495057;
    }
    .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
    .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
      color: #6c757d;
    }
    .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight.p-focus > .p-menuitem-content {
      background: #e9ecef;
    }
    .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
      color: #495057;
      background: #dee2e6;
    }
    .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
      color: #495057;
    }
    .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
    .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
      color: #495057;
    }
    .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
      color: #495057;
      background: #e9ecef;
    }
    .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
      color: #495057;
    }
    .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon,
    .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
      color: #6c757d;
    }
    .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 {
    outline: 0 none;
  }
  .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content {
    border: 1px solid #dee2e6;
    color: #495057;
    background: #f8f9fa;
    border-radius: 3px;
    transition: box-shadow 0.2s;
  }
  .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-link {
    color: #495057;
    padding: 1rem;
    font-weight: 600;
  }
  .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-link .p-submenu-icon {
    margin-right: 0.5rem;
  }
  .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-link .p-menuitem-icon {
    margin-right: 0.5rem;
  }
  .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: inset 0 0 0 0.2rem #a6d5fa;
  }
  .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content {
    background: #e9ecef;
    border-color: #dee2e6;
    color: #495057;
  }
  .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content {
    background: #f8f9fa;
    border-color: #dee2e6;
    color: #495057;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    margin-bottom: 0;
  }
  .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content {
    border-color: #dee2e6;
    background: #e9ecef;
    color: #495057;
  }
  .p-panelmenu .p-panelmenu-content {
    padding: 0.25rem 0;
    border: 1px solid #dee2e6;
    background: #ffffff;
    color: #495057;
    border-top: 0;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
  }
  .p-panelmenu .p-panelmenu-content .p-panelmenu-root-list {
    outline: 0 none;
  }
  .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content {
    color: #495057;
    transition: box-shadow 0.2s;
    border-radius: 0;
  }
  .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link {
    color: #495057;
    padding: 0.75rem 1rem;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
  }
  .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
    color: #6c757d;
    margin-right: 0.5rem;
  }
  .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #6c757d;
  }
  .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content {
    color: #495057;
    background: #e9ecef;
  }
  .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
  .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #6c757d;
  }
  .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
    background: #e9ecef;
  }
  .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
    color: #495057;
    background: #dee2e6;
  }
  .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
  .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #495057;
  }
  .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
    color: #495057;
    background: #e9ecef;
  }
  .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon,
  .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
    color: #6c757d;
  }
  .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    margin-right: 0.5rem;
  }
  .p-panelmenu .p-panelmenu-content .p-menuitem-separator {
    border-top: 1px solid #dee2e6;
    margin: 0.25rem 0;
  }
  .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-list) {
    padding: 0 0 0 1rem;
  }
  .p-panelmenu .p-panelmenu-panel {
    margin-bottom: 0;
  }
  .p-panelmenu .p-panelmenu-panel .p-panelmenu-header .p-panelmenu-header-content {
    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 .p-panelmenu-header-content {
    border-top: 0 none;
  }
  .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content, .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content {
    border-top: 0 none;
  }
  .p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header .p-panelmenu-header-content {
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
  }
  .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) .p-panelmenu-header-content {
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
  }
  .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-content {
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
  }
  .p-slidemenu {
    padding: 0.25rem 0;
    background: #ffffff;
    color: #495057;
    border: 1px solid #dee2e6;
    border-radius: 3px;
    width: 12.5rem;
  }
  .p-slidemenu .p-menuitem-link > .p-menuitem-content {
    color: #495057;
    transition: box-shadow 0.2s;
    border-radius: 0;
  }
  .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link {
    color: #495057;
    padding: 0.75rem 1rem;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
  }
  .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
    color: #6c757d;
    margin-right: 0.5rem;
  }
  .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #6c757d;
  }
  .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content {
    color: #495057;
    background: #e9ecef;
  }
  .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
  .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #6c757d;
  }
  .p-slidemenu .p-menuitem-link.p-highlight.p-focus > .p-menuitem-content {
    background: #e9ecef;
  }
  .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
    color: #495057;
    background: #dee2e6;
  }
  .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
  .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #495057;
  }
  .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
    color: #495057;
    background: #e9ecef;
  }
  .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon,
  .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
    color: #6c757d;
  }
  .p-slidemenu.p-slidemenu-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-slidemenu .p-slidemenu-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-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link {
    background: #e9ecef;
  }
  .p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-text {
    color: #495057;
  }
  .p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-icon, .p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-icon {
    color: #6c757d;
  }
  .p-slidemenu .p-slidemenu-separator {
    border-top: 1px solid #dee2e6;
    margin: 0.25rem 0;
  }
  .p-slidemenu .p-slidemenu-icon {
    font-size: 0.875rem;
  }
  .p-slidemenu .p-slidemenu-icon.p-icon {
    width: 0.875rem;
    height: 0.875rem;
  }
  .p-slidemenu .p-slidemenu-backward {
    padding: 0.75rem 1rem;
    color: #495057;
  }
  .p-steps .p-steps-item .p-menuitem-link {
    background: transparent;
    transition: box-shadow 0.2s;
    border-radius: 3px;
    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: #6c757d;
  }
  .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .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: #6c757d;
    padding: 1rem;
    font-weight: 600;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    transition: box-shadow 0.2s;
    margin: 0 0 -2px 0;
    height: calc(100% + 2px);
  }
  .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-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: inset 0 0 0 0.2rem #a6d5fa;
  }
  .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link {
    background: #ffffff;
    border-color: #6c757d;
    color: #6c757d;
  }
  .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link {
    background: #ffffff;
    border-color: #2196f3;
    color: #2196f3;
  }
  .p-tieredmenu {
    padding: 0.25rem 0;
    background: #ffffff;
    color: #495057;
    border: 1px solid #dee2e6;
    border-radius: 3px;
    width: 12.5rem;
  }
  .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-tieredmenu-root-list {
    outline: 0 none;
  }
  .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 > .p-menuitem-content {
    color: #495057;
    transition: box-shadow 0.2s;
    border-radius: 0;
  }
  .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
    color: #495057;
    padding: 0.75rem 1rem;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
  }
  .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
    color: #6c757d;
    margin-right: 0.5rem;
  }
  .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #6c757d;
  }
  .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content {
    color: #495057;
    background: #e9ecef;
  }
  .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
  .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #6c757d;
  }
  .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
    background: #e9ecef;
  }
  .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
    color: #495057;
    background: #dee2e6;
  }
  .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
  .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #495057;
  }
  .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
    color: #495057;
    background: #e9ecef;
  }
  .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon,
  .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
    color: #6c757d;
  }
  .p-tieredmenu .p-menuitem-separator {
    border-top: 1px solid #dee2e6;
    margin: 0.25rem 0;
  }
  .p-tieredmenu .p-submenu-icon {
    font-size: 0.875rem;
  }
  .p-tieredmenu .p-submenu-icon.p-icon {
    width: 0.875rem;
    height: 0.875rem;
  }
  .p-inline-message {
    padding: 0.5rem 0.5rem;
    margin: 0;
    border-radius: 3px;
  }
  .p-inline-message.p-inline-message-info {
    background: #b3e5fc;
    border: solid #0891cf;
    border-width: 0px;
    color: #044868;
  }
  .p-inline-message.p-inline-message-info .p-inline-message-icon {
    color: #044868;
  }
  .p-inline-message.p-inline-message-success {
    background: #c8e6c9;
    border: solid #439446;
    border-width: 0px;
    color: #224a23;
  }
  .p-inline-message.p-inline-message-success .p-inline-message-icon {
    color: #224a23;
  }
  .p-inline-message.p-inline-message-warn {
    background: #ffecb3;
    border: solid #d9a300;
    border-width: 0px;
    color: #6d5100;
  }
  .p-inline-message.p-inline-message-warn .p-inline-message-icon {
    color: #6d5100;
  }
  .p-inline-message.p-inline-message-error {
    background: #ffcdd2;
    border: solid #e60017;
    border-width: 0px;
    color: #73000c;
  }
  .p-inline-message.p-inline-message-error .p-inline-message-icon {
    color: #73000c;
  }
  .p-inline-message .p-inline-message-icon {
    font-size: 1rem;
    margin-right: 0.5rem;
  }
  .p-inline-message .p-inline-message-icon.p-icon {
    width: 1rem;
    height: 1rem;
  }
  .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: 3px;
  }
  .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.5);
  }
  .p-message .p-message-close:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .p-message.p-message-info {
    background: #b3e5fc;
    border: solid #0891cf;
    border-width: 0 0 0 6px;
    color: #044868;
  }
  .p-message.p-message-info .p-message-icon {
    color: #044868;
  }
  .p-message.p-message-info .p-message-close {
    color: #044868;
  }
  .p-message.p-message-success {
    background: #c8e6c9;
    border: solid #439446;
    border-width: 0 0 0 6px;
    color: #224a23;
  }
  .p-message.p-message-success .p-message-icon {
    color: #224a23;
  }
  .p-message.p-message-success .p-message-close {
    color: #224a23;
  }
  .p-message.p-message-warn {
    background: #ffecb3;
    border: solid #d9a300;
    border-width: 0 0 0 6px;
    color: #6d5100;
  }
  .p-message.p-message-warn .p-message-icon {
    color: #6d5100;
  }
  .p-message.p-message-warn .p-message-close {
    color: #6d5100;
  }
  .p-message.p-message-error {
    background: #ffcdd2;
    border: solid #e60017;
    border-width: 0 0 0 6px;
    color: #73000c;
  }
  .p-message.p-message-error .p-message-icon {
    color: #73000c;
  }
  .p-message.p-message-error .p-message-close {
    color: #73000c;
  }
  .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-icon.p-icon {
    width: 1.5rem;
    height: 1.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: 3px;
  }
  .p-toast .p-toast-message .p-toast-message-content {
    padding: 1rem;
  }
  .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: 2rem;
  }
  .p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon.p-icon {
    width: 2rem;
    height: 2rem;
  }
  .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: 0.5rem 0 0 0;
  }
  .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.5);
  }
  .p-toast .p-toast-message .p-toast-icon-close:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .p-toast .p-toast-message.p-toast-message-info {
    background: #b3e5fc;
    border: solid #0891cf;
    border-width: 0 0 0 6px;
    color: #044868;
  }
  .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: #044868;
  }
  .p-toast .p-toast-message.p-toast-message-success {
    background: #c8e6c9;
    border: solid #439446;
    border-width: 0 0 0 6px;
    color: #224a23;
  }
  .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: #224a23;
  }
  .p-toast .p-toast-message.p-toast-message-warn {
    background: #ffecb3;
    border: solid #d9a300;
    border-width: 0 0 0 6px;
    color: #6d5100;
  }
  .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: #6d5100;
  }
  .p-toast .p-toast-message.p-toast-message-error {
    background: #ffcdd2;
    border: solid #e60017;
    border-width: 0 0 0 6px;
    color: #73000c;
  }
  .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: #73000c;
  }
  .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 .p-galleria-close-icon.p-icon {
    width: 2rem;
    height: 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: 3px;
    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 .p-galleria-item-prev-icon.p-icon,
  .p-galleria .p-galleria-item-nav .p-galleria-item-next-icon.p-icon {
    width: 2rem;
    height: 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 {
    transition: box-shadow 0.2s;
  }
  .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .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-indicator .p-icon {
    width: 1.5rem;
    height: 1.5rem;
  }
  .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 span {
    font-size: 1.5rem;
  }
  .p-image-action.p-link .p-icon {
    width: 1.5rem;
    height: 1.5rem;
  }
  .p-avatar {
    background-color: #dee2e6;
    border-radius: 3px;
  }
  .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-xl {
    width: 4rem;
    height: 4rem;
    font-size: 2rem;
  }
  .p-avatar.p-avatar-xl .p-avatar-icon {
    font-size: 2rem;
  }
  .p-avatar-circle {
    border-radius: 50%;
  }
  .p-avatar-group .p-avatar {
    border: 2px solid #ffffff;
  }
  .p-chip {
    background-color: #dee2e6;
    color: #495057;
    border-radius: 16px;
    padding: 0 0.5rem;
  }
  .p-chip .p-chip-text {
    line-height: 1.5;
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
  }
  .p-chip .p-chip-icon {
    margin-right: 0.5rem;
  }
  .p-chip img {
    width: 2rem;
    height: 2rem;
    margin-left: -0.5rem;
    margin-right: 0.5rem;
  }
  .p-chip .p-chip-remove-icon {
    border-radius: 3px;
    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
    margin-left: 0.5rem;
  }
  .p-chip .p-chip-remove-icon:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .p-chip .p-chip-remove-icon:focus {
    outline: 0 none;
  }
  .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-scrolltop .p-scrolltop-icon.p-icon {
    width: 1.5rem;
    height: 1.5rem;
  }
  .p-skeleton {
    background-color: #e9ecef;
    border-radius: 3px;
  }
  .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: #2196f3;
    color: #ffffff;
    font-size: 0.75rem;
    font-weight: 700;
    padding: 0.25rem 0.4rem;
    border-radius: 3px;
  }
  .p-tag.p-tag-success {
    background-color: #689f38;
    color: #ffffff;
  }
  .p-tag.p-tag-info {
    background-color: #0288d1;
    color: #ffffff;
  }
  .p-tag.p-tag-warning {
    background-color: #fbc02d;
    color: #212529;
  }
  .p-tag.p-tag-danger {
    background-color: #d32f2f;
    color: #ffffff;
  }
  .p-tag .p-tag-icon {
    margin-right: 0.25rem;
    font-size: 0.75rem;
  }
  .p-tag .p-tag-icon.p-icon {
    width: 0.75rem;
    height: 0.75rem;
  }
  .p-inplace .p-inplace-display {
    padding: 0.5rem 0.5rem;
    border-radius: 3px;
    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 #a6d5fa;
  }
  .p-metergroup .p-metergroup-meter-container {
    background: #dee2e6;
    border-radius: 3px;
  }
  .p-metergroup .p-metergroup-meter {
    border: 0 none;
    background: #2196f3;
  }
  .p-metergroup .p-metergroup-label-list .p-metergroup-label-list-item {
    line-height: 1.5rem;
  }
  .p-metergroup .p-metergroup-label-list .p-metergroup-label-type {
    background: #2196f3;
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 100%;
    margin-right: 0.5rem;
  }
  .p-metergroup .p-metergroup-label-list .p-metergroup-label {
    margin-right: 1rem;
  }
  .p-metergroup .p-metergroup-label-list .p-metergroup-label-icon {
    width: 1rem;
    height: 1rem;
    margin-right: 0.5rem;
  }
  .p-metergroup.p-metergroup-horizontal .p-metergroup-meter-container {
    height: 0.5rem;
  }
  .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
  }
  .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:last-of-type {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
  }
  .p-metergroup.p-metergroup-horizontal .p-metergroup-label-list-start {
    margin-bottom: 1rem;
  }
  .p-metergroup.p-metergroup-horizontal .p-metergroup-label-list-end {
    margin-top: 1rem;
  }
  .p-metergroup.p-metergroup-vertical .p-metergroup-meter-container {
    width: 0.5rem;
    height: 100%;
  }
  .p-metergroup.p-metergroup-vertical .p-metergroup-meter:first-of-type {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
  }
  .p-metergroup.p-metergroup-vertical .p-metergroup-meter:last-of-type {
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
  }
  .p-metergroup.p-metergroup-vertical .p-metergroup-label-list:not(.p-metergroup-label-list-start) {
    margin-left: 1rem;
  }
  .p-progressbar {
    border: 0 none;
    height: 1.5rem;
    background: #dee2e6;
    border-radius: 3px;
  }
  .p-progressbar .p-progressbar-value {
    border: 0 none;
    margin: 0;
    background: #2196f3;
  }
  .p-progressbar .p-progressbar-label {
    color: #ffffff;
    line-height: 1.5rem;
  }
  .p-terminal {
    background: #ffffff;
    color: #495057;
    border: 1px solid #dee2e6;
    padding: 1rem;
  }
  .p-terminal .p-terminal-input {
    font-family: var(--font-family);
    font-feature-settings: var(--font-feature-settings, normal);
    font-size: 1rem;
  }
  .p-badge {
    background: #2196f3;
    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-tag {
    background: #2196f3;
    color: #ffffff;
    font-size: 0.75rem;
    font-weight: 700;
    padding: 0.25rem 0.4rem;
    border-radius: 3px;
  }
  .p-tag.p-tag-success {
    background-color: #689f38;
    color: #ffffff;
  }
  .p-tag.p-tag-info {
    background-color: #0288d1;
    color: #ffffff;
  }
  .p-tag.p-tag-warning {
    background-color: #fbc02d;
    color: #212529;
  }
  .p-tag.p-tag-danger {
    background-color: #d32f2f;
    color: #ffffff;
  }
}
/* Customizations to the designer theme should be defined here */
@layer primereact {
  .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
    background-color: #2196f3;
  }
  .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
    background-color: #2196f3;
  }
  .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
    box-shadow: inset 0 2px 0 0 #2196f3;
  }
  .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
    box-shadow: inset 0 -2px 0 0 #2196f3;
  }
}
/**
 * The primereact[.min].css has been deprecated. In order not to break existing projects, it is currently included in the build as an empty file.
 */
@font-face {
    font-family: 'primeicons';
    font-display: block;
    src: url('primeicons.ff0c4cd79b2ffca2de54.eot');
    src: url('primeicons.ff0c4cd79b2ffca2de54.eot?#iefix') format('embedded-opentype'), url('primeicons.024b32cc7bf399b1a847.woff2') format('woff2'), url('primeicons.8931fda1930c3bd21e96.woff') format('woff'), url('primeicons.a5c2a53d1ff7a9ff5933.ttf') format('truetype'), url('primeicons.6ed59f962963a4a73af2.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 {
    animation: fa-spin 2s infinite linear;
}
@media (prefers-reduced-motion: reduce) {
  .pi-spin {
    animation-delay: -1ms;
    animation-duration: 1ms;
    animation-iteration-count: 1;
    transition-delay: 0s;
    transition-duration: 0s;
  }
}
@keyframes fa-spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        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";
}
.grid {
  display: flex;
  flex-wrap: wrap;
  margin-right: -0.5rem;
  margin-left: -0.5rem;
  margin-top: -0.5rem;
}
.grid > .col,
.grid > [class*=col] {
  box-sizing: border-box;
}
.grid-nogutter {
  margin-right: 0;
  margin-left: 0;
  margin-top: 0;
}
.grid-nogutter > .col,
.grid-nogutter > [class*=col-] {
  padding: 0;
}
.col {
  flex-grow: 1;
  flex-basis: 0;
  padding: 0.5rem;
}
.col-fixed {
  flex: 0 0 auto;
  padding: 0.5rem;
}
.col-1 {
  flex: 0 0 auto;
  padding: 0.5rem;
  width: 8.3333%;
}
.col-2 {
  flex: 0 0 auto;
  padding: 0.5rem;
  width: 16.6667%;
}
.col-3 {
  flex: 0 0 auto;
  padding: 0.5rem;
  width: 25%;
}
.col-4 {
  flex: 0 0 auto;
  padding: 0.5rem;
  width: 33.3333%;
}
.col-5 {
  flex: 0 0 auto;
  padding: 0.5rem;
  width: 41.6667%;
}
.col-6 {
  flex: 0 0 auto;
  padding: 0.5rem;
  width: 50%;
}
.col-7 {
  flex: 0 0 auto;
  padding: 0.5rem;
  width: 58.3333%;
}
.col-8 {
  flex: 0 0 auto;
  padding: 0.5rem;
  width: 66.6667%;
}
.col-9 {
  flex: 0 0 auto;
  padding: 0.5rem;
  width: 75%;
}
.col-10 {
  flex: 0 0 auto;
  padding: 0.5rem;
  width: 83.3333%;
}
.col-11 {
  flex: 0 0 auto;
  padding: 0.5rem;
  width: 91.6667%;
}
.col-12 {
  flex: 0 0 auto;
  padding: 0.5rem;
  width: 100%;
}
@media screen and (min-width: 576px) {
  .sm\:col {
    flex-grow: 1;
    flex-basis: 0;
    padding: 0.5rem;
  }
  .sm\:col-fixed {
    flex: 0 0 auto;
    padding: 0.5rem;
  }
  .sm\:col-1 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 8.3333%;
  }
  .sm\:col-2 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 16.6667%;
  }
  .sm\:col-3 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 25%;
  }
  .sm\:col-4 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 33.3333%;
  }
  .sm\:col-5 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 41.6667%;
  }
  .sm\:col-6 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 50%;
  }
  .sm\:col-7 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 58.3333%;
  }
  .sm\:col-8 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 66.6667%;
  }
  .sm\:col-9 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 75%;
  }
  .sm\:col-10 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 83.3333%;
  }
  .sm\:col-11 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 91.6667%;
  }
  .sm\:col-12 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 100%;
  }
}
@media screen and (min-width: 768px) {
  .md\:col {
    flex-grow: 1;
    flex-basis: 0;
    padding: 0.5rem;
  }
  .md\:col-fixed {
    flex: 0 0 auto;
    padding: 0.5rem;
  }
  .md\:col-1 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 8.3333%;
  }
  .md\:col-2 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 16.6667%;
  }
  .md\:col-3 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 25%;
  }
  .md\:col-4 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 33.3333%;
  }
  .md\:col-5 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 41.6667%;
  }
  .md\:col-6 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 50%;
  }
  .md\:col-7 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 58.3333%;
  }
  .md\:col-8 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 66.6667%;
  }
  .md\:col-9 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 75%;
  }
  .md\:col-10 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 83.3333%;
  }
  .md\:col-11 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 91.6667%;
  }
  .md\:col-12 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 100%;
  }
}
@media screen and (min-width: 992px) {
  .lg\:col {
    flex-grow: 1;
    flex-basis: 0;
    padding: 0.5rem;
  }
  .lg\:col-fixed {
    flex: 0 0 auto;
    padding: 0.5rem;
  }
  .lg\:col-1 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 8.3333%;
  }
  .lg\:col-2 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 16.6667%;
  }
  .lg\:col-3 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 25%;
  }
  .lg\:col-4 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 33.3333%;
  }
  .lg\:col-5 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 41.6667%;
  }
  .lg\:col-6 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 50%;
  }
  .lg\:col-7 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 58.3333%;
  }
  .lg\:col-8 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 66.6667%;
  }
  .lg\:col-9 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 75%;
  }
  .lg\:col-10 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 83.3333%;
  }
  .lg\:col-11 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 91.6667%;
  }
  .lg\:col-12 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 100%;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:col {
    flex-grow: 1;
    flex-basis: 0;
    padding: 0.5rem;
  }
  .xl\:col-fixed {
    flex: 0 0 auto;
    padding: 0.5rem;
  }
  .xl\:col-1 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 8.3333%;
  }
  .xl\:col-2 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 16.6667%;
  }
  .xl\:col-3 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 25%;
  }
  .xl\:col-4 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 33.3333%;
  }
  .xl\:col-5 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 41.6667%;
  }
  .xl\:col-6 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 50%;
  }
  .xl\:col-7 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 58.3333%;
  }
  .xl\:col-8 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 66.6667%;
  }
  .xl\:col-9 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 75%;
  }
  .xl\:col-10 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 83.3333%;
  }
  .xl\:col-11 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 91.6667%;
  }
  .xl\:col-12 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 100%;
  }
}
.col-offset-0 {
  margin-left: 0 !important;
}
.col-offset-1 {
  margin-left: 8.3333% !important;
}
.col-offset-2 {
  margin-left: 16.6667% !important;
}
.col-offset-3 {
  margin-left: 25% !important;
}
.col-offset-4 {
  margin-left: 33.3333% !important;
}
.col-offset-5 {
  margin-left: 41.6667% !important;
}
.col-offset-6 {
  margin-left: 50% !important;
}
.col-offset-7 {
  margin-left: 58.3333% !important;
}
.col-offset-8 {
  margin-left: 66.6667% !important;
}
.col-offset-9 {
  margin-left: 75% !important;
}
.col-offset-10 {
  margin-left: 83.3333% !important;
}
.col-offset-11 {
  margin-left: 91.6667% !important;
}
.col-offset-12 {
  margin-left: 100% !important;
}
@media screen and (min-width: 576px) {
  .sm\:col-offset-0 {
    margin-left: 0 !important;
  }
  .sm\:col-offset-1 {
    margin-left: 8.3333% !important;
  }
  .sm\:col-offset-2 {
    margin-left: 16.6667% !important;
  }
  .sm\:col-offset-3 {
    margin-left: 25% !important;
  }
  .sm\:col-offset-4 {
    margin-left: 33.3333% !important;
  }
  .sm\:col-offset-5 {
    margin-left: 41.6667% !important;
  }
  .sm\:col-offset-6 {
    margin-left: 50% !important;
  }
  .sm\:col-offset-7 {
    margin-left: 58.3333% !important;
  }
  .sm\:col-offset-8 {
    margin-left: 66.6667% !important;
  }
  .sm\:col-offset-9 {
    margin-left: 75% !important;
  }
  .sm\:col-offset-10 {
    margin-left: 83.3333% !important;
  }
  .sm\:col-offset-11 {
    margin-left: 91.6667% !important;
  }
  .sm\:col-offset-12 {
    margin-left: 100% !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:col-offset-0 {
    margin-left: 0 !important;
  }
  .md\:col-offset-1 {
    margin-left: 8.3333% !important;
  }
  .md\:col-offset-2 {
    margin-left: 16.6667% !important;
  }
  .md\:col-offset-3 {
    margin-left: 25% !important;
  }
  .md\:col-offset-4 {
    margin-left: 33.3333% !important;
  }
  .md\:col-offset-5 {
    margin-left: 41.6667% !important;
  }
  .md\:col-offset-6 {
    margin-left: 50% !important;
  }
  .md\:col-offset-7 {
    margin-left: 58.3333% !important;
  }
  .md\:col-offset-8 {
    margin-left: 66.6667% !important;
  }
  .md\:col-offset-9 {
    margin-left: 75% !important;
  }
  .md\:col-offset-10 {
    margin-left: 83.3333% !important;
  }
  .md\:col-offset-11 {
    margin-left: 91.6667% !important;
  }
  .md\:col-offset-12 {
    margin-left: 100% !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:col-offset-0 {
    margin-left: 0 !important;
  }
  .lg\:col-offset-1 {
    margin-left: 8.3333% !important;
  }
  .lg\:col-offset-2 {
    margin-left: 16.6667% !important;
  }
  .lg\:col-offset-3 {
    margin-left: 25% !important;
  }
  .lg\:col-offset-4 {
    margin-left: 33.3333% !important;
  }
  .lg\:col-offset-5 {
    margin-left: 41.6667% !important;
  }
  .lg\:col-offset-6 {
    margin-left: 50% !important;
  }
  .lg\:col-offset-7 {
    margin-left: 58.3333% !important;
  }
  .lg\:col-offset-8 {
    margin-left: 66.6667% !important;
  }
  .lg\:col-offset-9 {
    margin-left: 75% !important;
  }
  .lg\:col-offset-10 {
    margin-left: 83.3333% !important;
  }
  .lg\:col-offset-11 {
    margin-left: 91.6667% !important;
  }
  .lg\:col-offset-12 {
    margin-left: 100% !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:col-offset-0 {
    margin-left: 0 !important;
  }
  .xl\:col-offset-1 {
    margin-left: 8.3333% !important;
  }
  .xl\:col-offset-2 {
    margin-left: 16.6667% !important;
  }
  .xl\:col-offset-3 {
    margin-left: 25% !important;
  }
  .xl\:col-offset-4 {
    margin-left: 33.3333% !important;
  }
  .xl\:col-offset-5 {
    margin-left: 41.6667% !important;
  }
  .xl\:col-offset-6 {
    margin-left: 50% !important;
  }
  .xl\:col-offset-7 {
    margin-left: 58.3333% !important;
  }
  .xl\:col-offset-8 {
    margin-left: 66.6667% !important;
  }
  .xl\:col-offset-9 {
    margin-left: 75% !important;
  }
  .xl\:col-offset-10 {
    margin-left: 83.3333% !important;
  }
  .xl\:col-offset-11 {
    margin-left: 91.6667% !important;
  }
  .xl\:col-offset-12 {
    margin-left: 100% !important;
  }
}
.text-0 {
  color: var(--surface-0) !important;
}
.text-50 {
  color: var(--surface-50) !important;
}
.text-100 {
  color: var(--surface-100) !important;
}
.text-200 {
  color: var(--surface-200) !important;
}
.text-300 {
  color: var(--surface-300) !important;
}
.text-400 {
  color: var(--surface-400) !important;
}
.text-500 {
  color: var(--surface-500) !important;
}
.text-600 {
  color: var(--surface-600) !important;
}
.text-700 {
  color: var(--surface-700) !important;
}
.text-800 {
  color: var(--surface-800) !important;
}
.text-900 {
  color: var(--surface-900) !important;
}
.focus\:text-0:focus {
  color: var(--surface-0) !important;
}
.hover\:text-0:hover {
  color: var(--surface-0) !important;
}
.active\:text-0:active {
  color: var(--surface-0) !important;
}
.focus\:text-50:focus {
  color: var(--surface-50) !important;
}
.hover\:text-50:hover {
  color: var(--surface-50) !important;
}
.active\:text-50:active {
  color: var(--surface-50) !important;
}
.focus\:text-100:focus {
  color: var(--surface-100) !important;
}
.hover\:text-100:hover {
  color: var(--surface-100) !important;
}
.active\:text-100:active {
  color: var(--surface-100) !important;
}
.focus\:text-200:focus {
  color: var(--surface-200) !important;
}
.hover\:text-200:hover {
  color: var(--surface-200) !important;
}
.active\:text-200:active {
  color: var(--surface-200) !important;
}
.focus\:text-300:focus {
  color: var(--surface-300) !important;
}
.hover\:text-300:hover {
  color: var(--surface-300) !important;
}
.active\:text-300:active {
  color: var(--surface-300) !important;
}
.focus\:text-400:focus {
  color: var(--surface-400) !important;
}
.hover\:text-400:hover {
  color: var(--surface-400) !important;
}
.active\:text-400:active {
  color: var(--surface-400) !important;
}
.focus\:text-500:focus {
  color: var(--surface-500) !important;
}
.hover\:text-500:hover {
  color: var(--surface-500) !important;
}
.active\:text-500:active {
  color: var(--surface-500) !important;
}
.focus\:text-600:focus {
  color: var(--surface-600) !important;
}
.hover\:text-600:hover {
  color: var(--surface-600) !important;
}
.active\:text-600:active {
  color: var(--surface-600) !important;
}
.focus\:text-700:focus {
  color: var(--surface-700) !important;
}
.hover\:text-700:hover {
  color: var(--surface-700) !important;
}
.active\:text-700:active {
  color: var(--surface-700) !important;
}
.focus\:text-800:focus {
  color: var(--surface-800) !important;
}
.hover\:text-800:hover {
  color: var(--surface-800) !important;
}
.active\:text-800:active {
  color: var(--surface-800) !important;
}
.focus\:text-900:focus {
  color: var(--surface-900) !important;
}
.hover\:text-900:hover {
  color: var(--surface-900) !important;
}
.active\:text-900:active {
  color: var(--surface-900) !important;
}
.surface-0 {
  background-color: var(--surface-0) !important;
}
.surface-50 {
  background-color: var(--surface-50) !important;
}
.surface-100 {
  background-color: var(--surface-100) !important;
}
.surface-200 {
  background-color: var(--surface-200) !important;
}
.surface-300 {
  background-color: var(--surface-300) !important;
}
.surface-400 {
  background-color: var(--surface-400) !important;
}
.surface-500 {
  background-color: var(--surface-500) !important;
}
.surface-600 {
  background-color: var(--surface-600) !important;
}
.surface-700 {
  background-color: var(--surface-700) !important;
}
.surface-800 {
  background-color: var(--surface-800) !important;
}
.surface-900 {
  background-color: var(--surface-900) !important;
}
.focus\:surface-0:focus {
  background-color: var(--surface-0) !important;
}
.hover\:surface-0:hover {
  background-color: var(--surface-0) !important;
}
.active\:surface-0:active {
  background-color: var(--surface-0) !important;
}
.focus\:surface-50:focus {
  background-color: var(--surface-50) !important;
}
.hover\:surface-50:hover {
  background-color: var(--surface-50) !important;
}
.active\:surface-50:active {
  background-color: var(--surface-50) !important;
}
.focus\:surface-100:focus {
  background-color: var(--surface-100) !important;
}
.hover\:surface-100:hover {
  background-color: var(--surface-100) !important;
}
.active\:surface-100:active {
  background-color: var(--surface-100) !important;
}
.focus\:surface-200:focus {
  background-color: var(--surface-200) !important;
}
.hover\:surface-200:hover {
  background-color: var(--surface-200) !important;
}
.active\:surface-200:active {
  background-color: var(--surface-200) !important;
}
.focus\:surface-300:focus {
  background-color: var(--surface-300) !important;
}
.hover\:surface-300:hover {
  background-color: var(--surface-300) !important;
}
.active\:surface-300:active {
  background-color: var(--surface-300) !important;
}
.focus\:surface-400:focus {
  background-color: var(--surface-400) !important;
}
.hover\:surface-400:hover {
  background-color: var(--surface-400) !important;
}
.active\:surface-400:active {
  background-color: var(--surface-400) !important;
}
.focus\:surface-500:focus {
  background-color: var(--surface-500) !important;
}
.hover\:surface-500:hover {
  background-color: var(--surface-500) !important;
}
.active\:surface-500:active {
  background-color: var(--surface-500) !important;
}
.focus\:surface-600:focus {
  background-color: var(--surface-600) !important;
}
.hover\:surface-600:hover {
  background-color: var(--surface-600) !important;
}
.active\:surface-600:active {
  background-color: var(--surface-600) !important;
}
.focus\:surface-700:focus {
  background-color: var(--surface-700) !important;
}
.hover\:surface-700:hover {
  background-color: var(--surface-700) !important;
}
.active\:surface-700:active {
  background-color: var(--surface-700) !important;
}
.focus\:surface-800:focus {
  background-color: var(--surface-800) !important;
}
.hover\:surface-800:hover {
  background-color: var(--surface-800) !important;
}
.active\:surface-800:active {
  background-color: var(--surface-800) !important;
}
.focus\:surface-900:focus {
  background-color: var(--surface-900) !important;
}
.hover\:surface-900:hover {
  background-color: var(--surface-900) !important;
}
.active\:surface-900:active {
  background-color: var(--surface-900) !important;
}
.border-0 {
  border-color: var(--surface-0) !important;
}
.border-50 {
  border-color: var(--surface-50) !important;
}
.border-100 {
  border-color: var(--surface-100) !important;
}
.border-200 {
  border-color: var(--surface-200) !important;
}
.border-300 {
  border-color: var(--surface-300) !important;
}
.border-400 {
  border-color: var(--surface-400) !important;
}
.border-500 {
  border-color: var(--surface-500) !important;
}
.border-600 {
  border-color: var(--surface-600) !important;
}
.border-700 {
  border-color: var(--surface-700) !important;
}
.border-800 {
  border-color: var(--surface-800) !important;
}
.border-900 {
  border-color: var(--surface-900) !important;
}
.focus\:border-0:focus {
  border-color: var(--surface-0) !important;
}
.hover\:border-0:hover {
  border-color: var(--surface-0) !important;
}
.active\:border-0:active {
  border-color: var(--surface-0) !important;
}
.focus\:border-50:focus {
  border-color: var(--surface-50) !important;
}
.hover\:border-50:hover {
  border-color: var(--surface-50) !important;
}
.active\:border-50:active {
  border-color: var(--surface-50) !important;
}
.focus\:border-100:focus {
  border-color: var(--surface-100) !important;
}
.hover\:border-100:hover {
  border-color: var(--surface-100) !important;
}
.active\:border-100:active {
  border-color: var(--surface-100) !important;
}
.focus\:border-200:focus {
  border-color: var(--surface-200) !important;
}
.hover\:border-200:hover {
  border-color: var(--surface-200) !important;
}
.active\:border-200:active {
  border-color: var(--surface-200) !important;
}
.focus\:border-300:focus {
  border-color: var(--surface-300) !important;
}
.hover\:border-300:hover {
  border-color: var(--surface-300) !important;
}
.active\:border-300:active {
  border-color: var(--surface-300) !important;
}
.focus\:border-400:focus {
  border-color: var(--surface-400) !important;
}
.hover\:border-400:hover {
  border-color: var(--surface-400) !important;
}
.active\:border-400:active {
  border-color: var(--surface-400) !important;
}
.focus\:border-500:focus {
  border-color: var(--surface-500) !important;
}
.hover\:border-500:hover {
  border-color: var(--surface-500) !important;
}
.active\:border-500:active {
  border-color: var(--surface-500) !important;
}
.focus\:border-600:focus {
  border-color: var(--surface-600) !important;
}
.hover\:border-600:hover {
  border-color: var(--surface-600) !important;
}
.active\:border-600:active {
  border-color: var(--surface-600) !important;
}
.focus\:border-700:focus {
  border-color: var(--surface-700) !important;
}
.hover\:border-700:hover {
  border-color: var(--surface-700) !important;
}
.active\:border-700:active {
  border-color: var(--surface-700) !important;
}
.focus\:border-800:focus {
  border-color: var(--surface-800) !important;
}
.hover\:border-800:hover {
  border-color: var(--surface-800) !important;
}
.active\:border-800:active {
  border-color: var(--surface-800) !important;
}
.focus\:border-900:focus {
  border-color: var(--surface-900) !important;
}
.hover\:border-900:hover {
  border-color: var(--surface-900) !important;
}
.active\:border-900:active {
  border-color: var(--surface-900) !important;
}
.bg-transparent {
  background-color: transparent !important;
}
@media screen and (min-width: 576px) {
  .sm\:bg-transparent {
    background-color: transparent !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:bg-transparent {
    background-color: transparent !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:bg-transparent {
    background-color: transparent !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:bg-transparent {
    background-color: transparent !important;
  }
}
.border-transparent {
  border-color: transparent !important;
}
@media screen and (min-width: 576px) {
  .sm\:border-transparent {
    border-color: transparent !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:border-transparent {
    border-color: transparent !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:border-transparent {
    border-color: transparent !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:border-transparent {
    border-color: transparent !important;
  }
}
.text-blue-50 {
  color: var(--blue-50) !important;
}
.text-blue-100 {
  color: var(--blue-100) !important;
}
.text-blue-200 {
  color: var(--blue-200) !important;
}
.text-blue-300 {
  color: var(--blue-300) !important;
}
.text-blue-400 {
  color: var(--blue-400) !important;
}
.text-blue-500 {
  color: var(--blue-500) !important;
}
.text-blue-600 {
  color: var(--blue-600) !important;
}
.text-blue-700 {
  color: var(--blue-700) !important;
}
.text-blue-800 {
  color: var(--blue-800) !important;
}
.text-blue-900 {
  color: var(--blue-900) !important;
}
.focus\:text-blue-50:focus {
  color: var(--blue-50) !important;
}
.focus\:text-blue-100:focus {
  color: var(--blue-100) !important;
}
.focus\:text-blue-200:focus {
  color: var(--blue-200) !important;
}
.focus\:text-blue-300:focus {
  color: var(--blue-300) !important;
}
.focus\:text-blue-400:focus {
  color: var(--blue-400) !important;
}
.focus\:text-blue-500:focus {
  color: var(--blue-500) !important;
}
.focus\:text-blue-600:focus {
  color: var(--blue-600) !important;
}
.focus\:text-blue-700:focus {
  color: var(--blue-700) !important;
}
.focus\:text-blue-800:focus {
  color: var(--blue-800) !important;
}
.focus\:text-blue-900:focus {
  color: var(--blue-900) !important;
}
.hover\:text-blue-50:hover {
  color: var(--blue-50) !important;
}
.hover\:text-blue-100:hover {
  color: var(--blue-100) !important;
}
.hover\:text-blue-200:hover {
  color: var(--blue-200) !important;
}
.hover\:text-blue-300:hover {
  color: var(--blue-300) !important;
}
.hover\:text-blue-400:hover {
  color: var(--blue-400) !important;
}
.hover\:text-blue-500:hover {
  color: var(--blue-500) !important;
}
.hover\:text-blue-600:hover {
  color: var(--blue-600) !important;
}
.hover\:text-blue-700:hover {
  color: var(--blue-700) !important;
}
.hover\:text-blue-800:hover {
  color: var(--blue-800) !important;
}
.hover\:text-blue-900:hover {
  color: var(--blue-900) !important;
}
.active\:text-blue-50:active {
  color: var(--blue-50) !important;
}
.active\:text-blue-100:active {
  color: var(--blue-100) !important;
}
.active\:text-blue-200:active {
  color: var(--blue-200) !important;
}
.active\:text-blue-300:active {
  color: var(--blue-300) !important;
}
.active\:text-blue-400:active {
  color: var(--blue-400) !important;
}
.active\:text-blue-500:active {
  color: var(--blue-500) !important;
}
.active\:text-blue-600:active {
  color: var(--blue-600) !important;
}
.active\:text-blue-700:active {
  color: var(--blue-700) !important;
}
.active\:text-blue-800:active {
  color: var(--blue-800) !important;
}
.active\:text-blue-900:active {
  color: var(--blue-900) !important;
}
.text-green-50 {
  color: var(--green-50) !important;
}
.text-green-100 {
  color: var(--green-100) !important;
}
.text-green-200 {
  color: var(--green-200) !important;
}
.text-green-300 {
  color: var(--green-300) !important;
}
.text-green-400 {
  color: var(--green-400) !important;
}
.text-green-500 {
  color: var(--green-500) !important;
}
.text-green-600 {
  color: var(--green-600) !important;
}
.text-green-700 {
  color: var(--green-700) !important;
}
.text-green-800 {
  color: var(--green-800) !important;
}
.text-green-900 {
  color: var(--green-900) !important;
}
.focus\:text-green-50:focus {
  color: var(--green-50) !important;
}
.focus\:text-green-100:focus {
  color: var(--green-100) !important;
}
.focus\:text-green-200:focus {
  color: var(--green-200) !important;
}
.focus\:text-green-300:focus {
  color: var(--green-300) !important;
}
.focus\:text-green-400:focus {
  color: var(--green-400) !important;
}
.focus\:text-green-500:focus {
  color: var(--green-500) !important;
}
.focus\:text-green-600:focus {
  color: var(--green-600) !important;
}
.focus\:text-green-700:focus {
  color: var(--green-700) !important;
}
.focus\:text-green-800:focus {
  color: var(--green-800) !important;
}
.focus\:text-green-900:focus {
  color: var(--green-900) !important;
}
.hover\:text-green-50:hover {
  color: var(--green-50) !important;
}
.hover\:text-green-100:hover {
  color: var(--green-100) !important;
}
.hover\:text-green-200:hover {
  color: var(--green-200) !important;
}
.hover\:text-green-300:hover {
  color: var(--green-300) !important;
}
.hover\:text-green-400:hover {
  color: var(--green-400) !important;
}
.hover\:text-green-500:hover {
  color: var(--green-500) !important;
}
.hover\:text-green-600:hover {
  color: var(--green-600) !important;
}
.hover\:text-green-700:hover {
  color: var(--green-700) !important;
}
.hover\:text-green-800:hover {
  color: var(--green-800) !important;
}
.hover\:text-green-900:hover {
  color: var(--green-900) !important;
}
.active\:text-green-50:active {
  color: var(--green-50) !important;
}
.active\:text-green-100:active {
  color: var(--green-100) !important;
}
.active\:text-green-200:active {
  color: var(--green-200) !important;
}
.active\:text-green-300:active {
  color: var(--green-300) !important;
}
.active\:text-green-400:active {
  color: var(--green-400) !important;
}
.active\:text-green-500:active {
  color: var(--green-500) !important;
}
.active\:text-green-600:active {
  color: var(--green-600) !important;
}
.active\:text-green-700:active {
  color: var(--green-700) !important;
}
.active\:text-green-800:active {
  color: var(--green-800) !important;
}
.active\:text-green-900:active {
  color: var(--green-900) !important;
}
.text-yellow-50 {
  color: var(--yellow-50) !important;
}
.text-yellow-100 {
  color: var(--yellow-100) !important;
}
.text-yellow-200 {
  color: var(--yellow-200) !important;
}
.text-yellow-300 {
  color: var(--yellow-300) !important;
}
.text-yellow-400 {
  color: var(--yellow-400) !important;
}
.text-yellow-500 {
  color: var(--yellow-500) !important;
}
.text-yellow-600 {
  color: var(--yellow-600) !important;
}
.text-yellow-700 {
  color: var(--yellow-700) !important;
}
.text-yellow-800 {
  color: var(--yellow-800) !important;
}
.text-yellow-900 {
  color: var(--yellow-900) !important;
}
.focus\:text-yellow-50:focus {
  color: var(--yellow-50) !important;
}
.focus\:text-yellow-100:focus {
  color: var(--yellow-100) !important;
}
.focus\:text-yellow-200:focus {
  color: var(--yellow-200) !important;
}
.focus\:text-yellow-300:focus {
  color: var(--yellow-300) !important;
}
.focus\:text-yellow-400:focus {
  color: var(--yellow-400) !important;
}
.focus\:text-yellow-500:focus {
  color: var(--yellow-500) !important;
}
.focus\:text-yellow-600:focus {
  color: var(--yellow-600) !important;
}
.focus\:text-yellow-700:focus {
  color: var(--yellow-700) !important;
}
.focus\:text-yellow-800:focus {
  color: var(--yellow-800) !important;
}
.focus\:text-yellow-900:focus {
  color: var(--yellow-900) !important;
}
.hover\:text-yellow-50:hover {
  color: var(--yellow-50) !important;
}
.hover\:text-yellow-100:hover {
  color: var(--yellow-100) !important;
}
.hover\:text-yellow-200:hover {
  color: var(--yellow-200) !important;
}
.hover\:text-yellow-300:hover {
  color: var(--yellow-300) !important;
}
.hover\:text-yellow-400:hover {
  color: var(--yellow-400) !important;
}
.hover\:text-yellow-500:hover {
  color: var(--yellow-500) !important;
}
.hover\:text-yellow-600:hover {
  color: var(--yellow-600) !important;
}
.hover\:text-yellow-700:hover {
  color: var(--yellow-700) !important;
}
.hover\:text-yellow-800:hover {
  color: var(--yellow-800) !important;
}
.hover\:text-yellow-900:hover {
  color: var(--yellow-900) !important;
}
.active\:text-yellow-50:active {
  color: var(--yellow-50) !important;
}
.active\:text-yellow-100:active {
  color: var(--yellow-100) !important;
}
.active\:text-yellow-200:active {
  color: var(--yellow-200) !important;
}
.active\:text-yellow-300:active {
  color: var(--yellow-300) !important;
}
.active\:text-yellow-400:active {
  color: var(--yellow-400) !important;
}
.active\:text-yellow-500:active {
  color: var(--yellow-500) !important;
}
.active\:text-yellow-600:active {
  color: var(--yellow-600) !important;
}
.active\:text-yellow-700:active {
  color: var(--yellow-700) !important;
}
.active\:text-yellow-800:active {
  color: var(--yellow-800) !important;
}
.active\:text-yellow-900:active {
  color: var(--yellow-900) !important;
}
.text-cyan-50 {
  color: var(--cyan-50) !important;
}
.text-cyan-100 {
  color: var(--cyan-100) !important;
}
.text-cyan-200 {
  color: var(--cyan-200) !important;
}
.text-cyan-300 {
  color: var(--cyan-300) !important;
}
.text-cyan-400 {
  color: var(--cyan-400) !important;
}
.text-cyan-500 {
  color: var(--cyan-500) !important;
}
.text-cyan-600 {
  color: var(--cyan-600) !important;
}
.text-cyan-700 {
  color: var(--cyan-700) !important;
}
.text-cyan-800 {
  color: var(--cyan-800) !important;
}
.text-cyan-900 {
  color: var(--cyan-900) !important;
}
.focus\:text-cyan-50:focus {
  color: var(--cyan-50) !important;
}
.focus\:text-cyan-100:focus {
  color: var(--cyan-100) !important;
}
.focus\:text-cyan-200:focus {
  color: var(--cyan-200) !important;
}
.focus\:text-cyan-300:focus {
  color: var(--cyan-300) !important;
}
.focus\:text-cyan-400:focus {
  color: var(--cyan-400) !important;
}
.focus\:text-cyan-500:focus {
  color: var(--cyan-500) !important;
}
.focus\:text-cyan-600:focus {
  color: var(--cyan-600) !important;
}
.focus\:text-cyan-700:focus {
  color: var(--cyan-700) !important;
}
.focus\:text-cyan-800:focus {
  color: var(--cyan-800) !important;
}
.focus\:text-cyan-900:focus {
  color: var(--cyan-900) !important;
}
.hover\:text-cyan-50:hover {
  color: var(--cyan-50) !important;
}
.hover\:text-cyan-100:hover {
  color: var(--cyan-100) !important;
}
.hover\:text-cyan-200:hover {
  color: var(--cyan-200) !important;
}
.hover\:text-cyan-300:hover {
  color: var(--cyan-300) !important;
}
.hover\:text-cyan-400:hover {
  color: var(--cyan-400) !important;
}
.hover\:text-cyan-500:hover {
  color: var(--cyan-500) !important;
}
.hover\:text-cyan-600:hover {
  color: var(--cyan-600) !important;
}
.hover\:text-cyan-700:hover {
  color: var(--cyan-700) !important;
}
.hover\:text-cyan-800:hover {
  color: var(--cyan-800) !important;
}
.hover\:text-cyan-900:hover {
  color: var(--cyan-900) !important;
}
.active\:text-cyan-50:active {
  color: var(--cyan-50) !important;
}
.active\:text-cyan-100:active {
  color: var(--cyan-100) !important;
}
.active\:text-cyan-200:active {
  color: var(--cyan-200) !important;
}
.active\:text-cyan-300:active {
  color: var(--cyan-300) !important;
}
.active\:text-cyan-400:active {
  color: var(--cyan-400) !important;
}
.active\:text-cyan-500:active {
  color: var(--cyan-500) !important;
}
.active\:text-cyan-600:active {
  color: var(--cyan-600) !important;
}
.active\:text-cyan-700:active {
  color: var(--cyan-700) !important;
}
.active\:text-cyan-800:active {
  color: var(--cyan-800) !important;
}
.active\:text-cyan-900:active {
  color: var(--cyan-900) !important;
}
.text-pink-50 {
  color: var(--pink-50) !important;
}
.text-pink-100 {
  color: var(--pink-100) !important;
}
.text-pink-200 {
  color: var(--pink-200) !important;
}
.text-pink-300 {
  color: var(--pink-300) !important;
}
.text-pink-400 {
  color: var(--pink-400) !important;
}
.text-pink-500 {
  color: var(--pink-500) !important;
}
.text-pink-600 {
  color: var(--pink-600) !important;
}
.text-pink-700 {
  color: var(--pink-700) !important;
}
.text-pink-800 {
  color: var(--pink-800) !important;
}
.text-pink-900 {
  color: var(--pink-900) !important;
}
.focus\:text-pink-50:focus {
  color: var(--pink-50) !important;
}
.focus\:text-pink-100:focus {
  color: var(--pink-100) !important;
}
.focus\:text-pink-200:focus {
  color: var(--pink-200) !important;
}
.focus\:text-pink-300:focus {
  color: var(--pink-300) !important;
}
.focus\:text-pink-400:focus {
  color: var(--pink-400) !important;
}
.focus\:text-pink-500:focus {
  color: var(--pink-500) !important;
}
.focus\:text-pink-600:focus {
  color: var(--pink-600) !important;
}
.focus\:text-pink-700:focus {
  color: var(--pink-700) !important;
}
.focus\:text-pink-800:focus {
  color: var(--pink-800) !important;
}
.focus\:text-pink-900:focus {
  color: var(--pink-900) !important;
}
.hover\:text-pink-50:hover {
  color: var(--pink-50) !important;
}
.hover\:text-pink-100:hover {
  color: var(--pink-100) !important;
}
.hover\:text-pink-200:hover {
  color: var(--pink-200) !important;
}
.hover\:text-pink-300:hover {
  color: var(--pink-300) !important;
}
.hover\:text-pink-400:hover {
  color: var(--pink-400) !important;
}
.hover\:text-pink-500:hover {
  color: var(--pink-500) !important;
}
.hover\:text-pink-600:hover {
  color: var(--pink-600) !important;
}
.hover\:text-pink-700:hover {
  color: var(--pink-700) !important;
}
.hover\:text-pink-800:hover {
  color: var(--pink-800) !important;
}
.hover\:text-pink-900:hover {
  color: var(--pink-900) !important;
}
.active\:text-pink-50:active {
  color: var(--pink-50) !important;
}
.active\:text-pink-100:active {
  color: var(--pink-100) !important;
}
.active\:text-pink-200:active {
  color: var(--pink-200) !important;
}
.active\:text-pink-300:active {
  color: var(--pink-300) !important;
}
.active\:text-pink-400:active {
  color: var(--pink-400) !important;
}
.active\:text-pink-500:active {
  color: var(--pink-500) !important;
}
.active\:text-pink-600:active {
  color: var(--pink-600) !important;
}
.active\:text-pink-700:active {
  color: var(--pink-700) !important;
}
.active\:text-pink-800:active {
  color: var(--pink-800) !important;
}
.active\:text-pink-900:active {
  color: var(--pink-900) !important;
}
.text-indigo-50 {
  color: var(--indigo-50) !important;
}
.text-indigo-100 {
  color: var(--indigo-100) !important;
}
.text-indigo-200 {
  color: var(--indigo-200) !important;
}
.text-indigo-300 {
  color: var(--indigo-300) !important;
}
.text-indigo-400 {
  color: var(--indigo-400) !important;
}
.text-indigo-500 {
  color: var(--indigo-500) !important;
}
.text-indigo-600 {
  color: var(--indigo-600) !important;
}
.text-indigo-700 {
  color: var(--indigo-700) !important;
}
.text-indigo-800 {
  color: var(--indigo-800) !important;
}
.text-indigo-900 {
  color: var(--indigo-900) !important;
}
.focus\:text-indigo-50:focus {
  color: var(--indigo-50) !important;
}
.focus\:text-indigo-100:focus {
  color: var(--indigo-100) !important;
}
.focus\:text-indigo-200:focus {
  color: var(--indigo-200) !important;
}
.focus\:text-indigo-300:focus {
  color: var(--indigo-300) !important;
}
.focus\:text-indigo-400:focus {
  color: var(--indigo-400) !important;
}
.focus\:text-indigo-500:focus {
  color: var(--indigo-500) !important;
}
.focus\:text-indigo-600:focus {
  color: var(--indigo-600) !important;
}
.focus\:text-indigo-700:focus {
  color: var(--indigo-700) !important;
}
.focus\:text-indigo-800:focus {
  color: var(--indigo-800) !important;
}
.focus\:text-indigo-900:focus {
  color: var(--indigo-900) !important;
}
.hover\:text-indigo-50:hover {
  color: var(--indigo-50) !important;
}
.hover\:text-indigo-100:hover {
  color: var(--indigo-100) !important;
}
.hover\:text-indigo-200:hover {
  color: var(--indigo-200) !important;
}
.hover\:text-indigo-300:hover {
  color: var(--indigo-300) !important;
}
.hover\:text-indigo-400:hover {
  color: var(--indigo-400) !important;
}
.hover\:text-indigo-500:hover {
  color: var(--indigo-500) !important;
}
.hover\:text-indigo-600:hover {
  color: var(--indigo-600) !important;
}
.hover\:text-indigo-700:hover {
  color: var(--indigo-700) !important;
}
.hover\:text-indigo-800:hover {
  color: var(--indigo-800) !important;
}
.hover\:text-indigo-900:hover {
  color: var(--indigo-900) !important;
}
.active\:text-indigo-50:active {
  color: var(--indigo-50) !important;
}
.active\:text-indigo-100:active {
  color: var(--indigo-100) !important;
}
.active\:text-indigo-200:active {
  color: var(--indigo-200) !important;
}
.active\:text-indigo-300:active {
  color: var(--indigo-300) !important;
}
.active\:text-indigo-400:active {
  color: var(--indigo-400) !important;
}
.active\:text-indigo-500:active {
  color: var(--indigo-500) !important;
}
.active\:text-indigo-600:active {
  color: var(--indigo-600) !important;
}
.active\:text-indigo-700:active {
  color: var(--indigo-700) !important;
}
.active\:text-indigo-800:active {
  color: var(--indigo-800) !important;
}
.active\:text-indigo-900:active {
  color: var(--indigo-900) !important;
}
.text-teal-50 {
  color: var(--teal-50) !important;
}
.text-teal-100 {
  color: var(--teal-100) !important;
}
.text-teal-200 {
  color: var(--teal-200) !important;
}
.text-teal-300 {
  color: var(--teal-300) !important;
}
.text-teal-400 {
  color: var(--teal-400) !important;
}
.text-teal-500 {
  color: var(--teal-500) !important;
}
.text-teal-600 {
  color: var(--teal-600) !important;
}
.text-teal-700 {
  color: var(--teal-700) !important;
}
.text-teal-800 {
  color: var(--teal-800) !important;
}
.text-teal-900 {
  color: var(--teal-900) !important;
}
.focus\:text-teal-50:focus {
  color: var(--teal-50) !important;
}
.focus\:text-teal-100:focus {
  color: var(--teal-100) !important;
}
.focus\:text-teal-200:focus {
  color: var(--teal-200) !important;
}
.focus\:text-teal-300:focus {
  color: var(--teal-300) !important;
}
.focus\:text-teal-400:focus {
  color: var(--teal-400) !important;
}
.focus\:text-teal-500:focus {
  color: var(--teal-500) !important;
}
.focus\:text-teal-600:focus {
  color: var(--teal-600) !important;
}
.focus\:text-teal-700:focus {
  color: var(--teal-700) !important;
}
.focus\:text-teal-800:focus {
  color: var(--teal-800) !important;
}
.focus\:text-teal-900:focus {
  color: var(--teal-900) !important;
}
.hover\:text-teal-50:hover {
  color: var(--teal-50) !important;
}
.hover\:text-teal-100:hover {
  color: var(--teal-100) !important;
}
.hover\:text-teal-200:hover {
  color: var(--teal-200) !important;
}
.hover\:text-teal-300:hover {
  color: var(--teal-300) !important;
}
.hover\:text-teal-400:hover {
  color: var(--teal-400) !important;
}
.hover\:text-teal-500:hover {
  color: var(--teal-500) !important;
}
.hover\:text-teal-600:hover {
  color: var(--teal-600) !important;
}
.hover\:text-teal-700:hover {
  color: var(--teal-700) !important;
}
.hover\:text-teal-800:hover {
  color: var(--teal-800) !important;
}
.hover\:text-teal-900:hover {
  color: var(--teal-900) !important;
}
.active\:text-teal-50:active {
  color: var(--teal-50) !important;
}
.active\:text-teal-100:active {
  color: var(--teal-100) !important;
}
.active\:text-teal-200:active {
  color: var(--teal-200) !important;
}
.active\:text-teal-300:active {
  color: var(--teal-300) !important;
}
.active\:text-teal-400:active {
  color: var(--teal-400) !important;
}
.active\:text-teal-500:active {
  color: var(--teal-500) !important;
}
.active\:text-teal-600:active {
  color: var(--teal-600) !important;
}
.active\:text-teal-700:active {
  color: var(--teal-700) !important;
}
.active\:text-teal-800:active {
  color: var(--teal-800) !important;
}
.active\:text-teal-900:active {
  color: var(--teal-900) !important;
}
.text-orange-50 {
  color: var(--orange-50) !important;
}
.text-orange-100 {
  color: var(--orange-100) !important;
}
.text-orange-200 {
  color: var(--orange-200) !important;
}
.text-orange-300 {
  color: var(--orange-300) !important;
}
.text-orange-400 {
  color: var(--orange-400) !important;
}
.text-orange-500 {
  color: var(--orange-500) !important;
}
.text-orange-600 {
  color: var(--orange-600) !important;
}
.text-orange-700 {
  color: var(--orange-700) !important;
}
.text-orange-800 {
  color: var(--orange-800) !important;
}
.text-orange-900 {
  color: var(--orange-900) !important;
}
.focus\:text-orange-50:focus {
  color: var(--orange-50) !important;
}
.focus\:text-orange-100:focus {
  color: var(--orange-100) !important;
}
.focus\:text-orange-200:focus {
  color: var(--orange-200) !important;
}
.focus\:text-orange-300:focus {
  color: var(--orange-300) !important;
}
.focus\:text-orange-400:focus {
  color: var(--orange-400) !important;
}
.focus\:text-orange-500:focus {
  color: var(--orange-500) !important;
}
.focus\:text-orange-600:focus {
  color: var(--orange-600) !important;
}
.focus\:text-orange-700:focus {
  color: var(--orange-700) !important;
}
.focus\:text-orange-800:focus {
  color: var(--orange-800) !important;
}
.focus\:text-orange-900:focus {
  color: var(--orange-900) !important;
}
.hover\:text-orange-50:hover {
  color: var(--orange-50) !important;
}
.hover\:text-orange-100:hover {
  color: var(--orange-100) !important;
}
.hover\:text-orange-200:hover {
  color: var(--orange-200) !important;
}
.hover\:text-orange-300:hover {
  color: var(--orange-300) !important;
}
.hover\:text-orange-400:hover {
  color: var(--orange-400) !important;
}
.hover\:text-orange-500:hover {
  color: var(--orange-500) !important;
}
.hover\:text-orange-600:hover {
  color: var(--orange-600) !important;
}
.hover\:text-orange-700:hover {
  color: var(--orange-700) !important;
}
.hover\:text-orange-800:hover {
  color: var(--orange-800) !important;
}
.hover\:text-orange-900:hover {
  color: var(--orange-900) !important;
}
.active\:text-orange-50:active {
  color: var(--orange-50) !important;
}
.active\:text-orange-100:active {
  color: var(--orange-100) !important;
}
.active\:text-orange-200:active {
  color: var(--orange-200) !important;
}
.active\:text-orange-300:active {
  color: var(--orange-300) !important;
}
.active\:text-orange-400:active {
  color: var(--orange-400) !important;
}
.active\:text-orange-500:active {
  color: var(--orange-500) !important;
}
.active\:text-orange-600:active {
  color: var(--orange-600) !important;
}
.active\:text-orange-700:active {
  color: var(--orange-700) !important;
}
.active\:text-orange-800:active {
  color: var(--orange-800) !important;
}
.active\:text-orange-900:active {
  color: var(--orange-900) !important;
}
.text-bluegray-50 {
  color: var(--bluegray-50) !important;
}
.text-bluegray-100 {
  color: var(--bluegray-100) !important;
}
.text-bluegray-200 {
  color: var(--bluegray-200) !important;
}
.text-bluegray-300 {
  color: var(--bluegray-300) !important;
}
.text-bluegray-400 {
  color: var(--bluegray-400) !important;
}
.text-bluegray-500 {
  color: var(--bluegray-500) !important;
}
.text-bluegray-600 {
  color: var(--bluegray-600) !important;
}
.text-bluegray-700 {
  color: var(--bluegray-700) !important;
}
.text-bluegray-800 {
  color: var(--bluegray-800) !important;
}
.text-bluegray-900 {
  color: var(--bluegray-900) !important;
}
.focus\:text-bluegray-50:focus {
  color: var(--bluegray-50) !important;
}
.focus\:text-bluegray-100:focus {
  color: var(--bluegray-100) !important;
}
.focus\:text-bluegray-200:focus {
  color: var(--bluegray-200) !important;
}
.focus\:text-bluegray-300:focus {
  color: var(--bluegray-300) !important;
}
.focus\:text-bluegray-400:focus {
  color: var(--bluegray-400) !important;
}
.focus\:text-bluegray-500:focus {
  color: var(--bluegray-500) !important;
}
.focus\:text-bluegray-600:focus {
  color: var(--bluegray-600) !important;
}
.focus\:text-bluegray-700:focus {
  color: var(--bluegray-700) !important;
}
.focus\:text-bluegray-800:focus {
  color: var(--bluegray-800) !important;
}
.focus\:text-bluegray-900:focus {
  color: var(--bluegray-900) !important;
}
.hover\:text-bluegray-50:hover {
  color: var(--bluegray-50) !important;
}
.hover\:text-bluegray-100:hover {
  color: var(--bluegray-100) !important;
}
.hover\:text-bluegray-200:hover {
  color: var(--bluegray-200) !important;
}
.hover\:text-bluegray-300:hover {
  color: var(--bluegray-300) !important;
}
.hover\:text-bluegray-400:hover {
  color: var(--bluegray-400) !important;
}
.hover\:text-bluegray-500:hover {
  color: var(--bluegray-500) !important;
}
.hover\:text-bluegray-600:hover {
  color: var(--bluegray-600) !important;
}
.hover\:text-bluegray-700:hover {
  color: var(--bluegray-700) !important;
}
.hover\:text-bluegray-800:hover {
  color: var(--bluegray-800) !important;
}
.hover\:text-bluegray-900:hover {
  color: var(--bluegray-900) !important;
}
.active\:text-bluegray-50:active {
  color: var(--bluegray-50) !important;
}
.active\:text-bluegray-100:active {
  color: var(--bluegray-100) !important;
}
.active\:text-bluegray-200:active {
  color: var(--bluegray-200) !important;
}
.active\:text-bluegray-300:active {
  color: var(--bluegray-300) !important;
}
.active\:text-bluegray-400:active {
  color: var(--bluegray-400) !important;
}
.active\:text-bluegray-500:active {
  color: var(--bluegray-500) !important;
}
.active\:text-bluegray-600:active {
  color: var(--bluegray-600) !important;
}
.active\:text-bluegray-700:active {
  color: var(--bluegray-700) !important;
}
.active\:text-bluegray-800:active {
  color: var(--bluegray-800) !important;
}
.active\:text-bluegray-900:active {
  color: var(--bluegray-900) !important;
}
.text-purple-50 {
  color: var(--purple-50) !important;
}
.text-purple-100 {
  color: var(--purple-100) !important;
}
.text-purple-200 {
  color: var(--purple-200) !important;
}
.text-purple-300 {
  color: var(--purple-300) !important;
}
.text-purple-400 {
  color: var(--purple-400) !important;
}
.text-purple-500 {
  color: var(--purple-500) !important;
}
.text-purple-600 {
  color: var(--purple-600) !important;
}
.text-purple-700 {
  color: var(--purple-700) !important;
}
.text-purple-800 {
  color: var(--purple-800) !important;
}
.text-purple-900 {
  color: var(--purple-900) !important;
}
.focus\:text-purple-50:focus {
  color: var(--purple-50) !important;
}
.focus\:text-purple-100:focus {
  color: var(--purple-100) !important;
}
.focus\:text-purple-200:focus {
  color: var(--purple-200) !important;
}
.focus\:text-purple-300:focus {
  color: var(--purple-300) !important;
}
.focus\:text-purple-400:focus {
  color: var(--purple-400) !important;
}
.focus\:text-purple-500:focus {
  color: var(--purple-500) !important;
}
.focus\:text-purple-600:focus {
  color: var(--purple-600) !important;
}
.focus\:text-purple-700:focus {
  color: var(--purple-700) !important;
}
.focus\:text-purple-800:focus {
  color: var(--purple-800) !important;
}
.focus\:text-purple-900:focus {
  color: var(--purple-900) !important;
}
.hover\:text-purple-50:hover {
  color: var(--purple-50) !important;
}
.hover\:text-purple-100:hover {
  color: var(--purple-100) !important;
}
.hover\:text-purple-200:hover {
  color: var(--purple-200) !important;
}
.hover\:text-purple-300:hover {
  color: var(--purple-300) !important;
}
.hover\:text-purple-400:hover {
  color: var(--purple-400) !important;
}
.hover\:text-purple-500:hover {
  color: var(--purple-500) !important;
}
.hover\:text-purple-600:hover {
  color: var(--purple-600) !important;
}
.hover\:text-purple-700:hover {
  color: var(--purple-700) !important;
}
.hover\:text-purple-800:hover {
  color: var(--purple-800) !important;
}
.hover\:text-purple-900:hover {
  color: var(--purple-900) !important;
}
.active\:text-purple-50:active {
  color: var(--purple-50) !important;
}
.active\:text-purple-100:active {
  color: var(--purple-100) !important;
}
.active\:text-purple-200:active {
  color: var(--purple-200) !important;
}
.active\:text-purple-300:active {
  color: var(--purple-300) !important;
}
.active\:text-purple-400:active {
  color: var(--purple-400) !important;
}
.active\:text-purple-500:active {
  color: var(--purple-500) !important;
}
.active\:text-purple-600:active {
  color: var(--purple-600) !important;
}
.active\:text-purple-700:active {
  color: var(--purple-700) !important;
}
.active\:text-purple-800:active {
  color: var(--purple-800) !important;
}
.active\:text-purple-900:active {
  color: var(--purple-900) !important;
}
.text-gray-50 {
  color: var(--gray-50) !important;
}
.text-gray-100 {
  color: var(--gray-100) !important;
}
.text-gray-200 {
  color: var(--gray-200) !important;
}
.text-gray-300 {
  color: var(--gray-300) !important;
}
.text-gray-400 {
  color: var(--gray-400) !important;
}
.text-gray-500 {
  color: var(--gray-500) !important;
}
.text-gray-600 {
  color: var(--gray-600) !important;
}
.text-gray-700 {
  color: var(--gray-700) !important;
}
.text-gray-800 {
  color: var(--gray-800) !important;
}
.text-gray-900 {
  color: var(--gray-900) !important;
}
.focus\:text-gray-50:focus {
  color: var(--gray-50) !important;
}
.focus\:text-gray-100:focus {
  color: var(--gray-100) !important;
}
.focus\:text-gray-200:focus {
  color: var(--gray-200) !important;
}
.focus\:text-gray-300:focus {
  color: var(--gray-300) !important;
}
.focus\:text-gray-400:focus {
  color: var(--gray-400) !important;
}
.focus\:text-gray-500:focus {
  color: var(--gray-500) !important;
}
.focus\:text-gray-600:focus {
  color: var(--gray-600) !important;
}
.focus\:text-gray-700:focus {
  color: var(--gray-700) !important;
}
.focus\:text-gray-800:focus {
  color: var(--gray-800) !important;
}
.focus\:text-gray-900:focus {
  color: var(--gray-900) !important;
}
.hover\:text-gray-50:hover {
  color: var(--gray-50) !important;
}
.hover\:text-gray-100:hover {
  color: var(--gray-100) !important;
}
.hover\:text-gray-200:hover {
  color: var(--gray-200) !important;
}
.hover\:text-gray-300:hover {
  color: var(--gray-300) !important;
}
.hover\:text-gray-400:hover {
  color: var(--gray-400) !important;
}
.hover\:text-gray-500:hover {
  color: var(--gray-500) !important;
}
.hover\:text-gray-600:hover {
  color: var(--gray-600) !important;
}
.hover\:text-gray-700:hover {
  color: var(--gray-700) !important;
}
.hover\:text-gray-800:hover {
  color: var(--gray-800) !important;
}
.hover\:text-gray-900:hover {
  color: var(--gray-900) !important;
}
.active\:text-gray-50:active {
  color: var(--gray-50) !important;
}
.active\:text-gray-100:active {
  color: var(--gray-100) !important;
}
.active\:text-gray-200:active {
  color: var(--gray-200) !important;
}
.active\:text-gray-300:active {
  color: var(--gray-300) !important;
}
.active\:text-gray-400:active {
  color: var(--gray-400) !important;
}
.active\:text-gray-500:active {
  color: var(--gray-500) !important;
}
.active\:text-gray-600:active {
  color: var(--gray-600) !important;
}
.active\:text-gray-700:active {
  color: var(--gray-700) !important;
}
.active\:text-gray-800:active {
  color: var(--gray-800) !important;
}
.active\:text-gray-900:active {
  color: var(--gray-900) !important;
}
.text-red-50 {
  color: var(--red-50) !important;
}
.text-red-100 {
  color: var(--red-100) !important;
}
.text-red-200 {
  color: var(--red-200) !important;
}
.text-red-300 {
  color: var(--red-300) !important;
}
.text-red-400 {
  color: var(--red-400) !important;
}
.text-red-500 {
  color: var(--red-500) !important;
}
.text-red-600 {
  color: var(--red-600) !important;
}
.text-red-700 {
  color: var(--red-700) !important;
}
.text-red-800 {
  color: var(--red-800) !important;
}
.text-red-900 {
  color: var(--red-900) !important;
}
.focus\:text-red-50:focus {
  color: var(--red-50) !important;
}
.focus\:text-red-100:focus {
  color: var(--red-100) !important;
}
.focus\:text-red-200:focus {
  color: var(--red-200) !important;
}
.focus\:text-red-300:focus {
  color: var(--red-300) !important;
}
.focus\:text-red-400:focus {
  color: var(--red-400) !important;
}
.focus\:text-red-500:focus {
  color: var(--red-500) !important;
}
.focus\:text-red-600:focus {
  color: var(--red-600) !important;
}
.focus\:text-red-700:focus {
  color: var(--red-700) !important;
}
.focus\:text-red-800:focus {
  color: var(--red-800) !important;
}
.focus\:text-red-900:focus {
  color: var(--red-900) !important;
}
.hover\:text-red-50:hover {
  color: var(--red-50) !important;
}
.hover\:text-red-100:hover {
  color: var(--red-100) !important;
}
.hover\:text-red-200:hover {
  color: var(--red-200) !important;
}
.hover\:text-red-300:hover {
  color: var(--red-300) !important;
}
.hover\:text-red-400:hover {
  color: var(--red-400) !important;
}
.hover\:text-red-500:hover {
  color: var(--red-500) !important;
}
.hover\:text-red-600:hover {
  color: var(--red-600) !important;
}
.hover\:text-red-700:hover {
  color: var(--red-700) !important;
}
.hover\:text-red-800:hover {
  color: var(--red-800) !important;
}
.hover\:text-red-900:hover {
  color: var(--red-900) !important;
}
.active\:text-red-50:active {
  color: var(--red-50) !important;
}
.active\:text-red-100:active {
  color: var(--red-100) !important;
}
.active\:text-red-200:active {
  color: var(--red-200) !important;
}
.active\:text-red-300:active {
  color: var(--red-300) !important;
}
.active\:text-red-400:active {
  color: var(--red-400) !important;
}
.active\:text-red-500:active {
  color: var(--red-500) !important;
}
.active\:text-red-600:active {
  color: var(--red-600) !important;
}
.active\:text-red-700:active {
  color: var(--red-700) !important;
}
.active\:text-red-800:active {
  color: var(--red-800) !important;
}
.active\:text-red-900:active {
  color: var(--red-900) !important;
}
.text-primary-50 {
  color: var(--primary-50) !important;
}
.text-primary-100 {
  color: var(--primary-100) !important;
}
.text-primary-200 {
  color: var(--primary-200) !important;
}
.text-primary-300 {
  color: var(--primary-300) !important;
}
.text-primary-400 {
  color: var(--primary-400) !important;
}
.text-primary-500 {
  color: var(--primary-500) !important;
}
.text-primary-600 {
  color: var(--primary-600) !important;
}
.text-primary-700 {
  color: var(--primary-700) !important;
}
.text-primary-800 {
  color: var(--primary-800) !important;
}
.text-primary-900 {
  color: var(--primary-900) !important;
}
.focus\:text-primary-50:focus {
  color: var(--primary-50) !important;
}
.focus\:text-primary-100:focus {
  color: var(--primary-100) !important;
}
.focus\:text-primary-200:focus {
  color: var(--primary-200) !important;
}
.focus\:text-primary-300:focus {
  color: var(--primary-300) !important;
}
.focus\:text-primary-400:focus {
  color: var(--primary-400) !important;
}
.focus\:text-primary-500:focus {
  color: var(--primary-500) !important;
}
.focus\:text-primary-600:focus {
  color: var(--primary-600) !important;
}
.focus\:text-primary-700:focus {
  color: var(--primary-700) !important;
}
.focus\:text-primary-800:focus {
  color: var(--primary-800) !important;
}
.focus\:text-primary-900:focus {
  color: var(--primary-900) !important;
}
.hover\:text-primary-50:hover {
  color: var(--primary-50) !important;
}
.hover\:text-primary-100:hover {
  color: var(--primary-100) !important;
}
.hover\:text-primary-200:hover {
  color: var(--primary-200) !important;
}
.hover\:text-primary-300:hover {
  color: var(--primary-300) !important;
}
.hover\:text-primary-400:hover {
  color: var(--primary-400) !important;
}
.hover\:text-primary-500:hover {
  color: var(--primary-500) !important;
}
.hover\:text-primary-600:hover {
  color: var(--primary-600) !important;
}
.hover\:text-primary-700:hover {
  color: var(--primary-700) !important;
}
.hover\:text-primary-800:hover {
  color: var(--primary-800) !important;
}
.hover\:text-primary-900:hover {
  color: var(--primary-900) !important;
}
.active\:text-primary-50:active {
  color: var(--primary-50) !important;
}
.active\:text-primary-100:active {
  color: var(--primary-100) !important;
}
.active\:text-primary-200:active {
  color: var(--primary-200) !important;
}
.active\:text-primary-300:active {
  color: var(--primary-300) !important;
}
.active\:text-primary-400:active {
  color: var(--primary-400) !important;
}
.active\:text-primary-500:active {
  color: var(--primary-500) !important;
}
.active\:text-primary-600:active {
  color: var(--primary-600) !important;
}
.active\:text-primary-700:active {
  color: var(--primary-700) !important;
}
.active\:text-primary-800:active {
  color: var(--primary-800) !important;
}
.active\:text-primary-900:active {
  color: var(--primary-900) !important;
}
.bg-blue-50 {
  background-color: var(--blue-50) !important;
}
.bg-blue-100 {
  background-color: var(--blue-100) !important;
}
.bg-blue-200 {
  background-color: var(--blue-200) !important;
}
.bg-blue-300 {
  background-color: var(--blue-300) !important;
}
.bg-blue-400 {
  background-color: var(--blue-400) !important;
}
.bg-blue-500 {
  background-color: var(--blue-500) !important;
}
.bg-blue-600 {
  background-color: var(--blue-600) !important;
}
.bg-blue-700 {
  background-color: var(--blue-700) !important;
}
.bg-blue-800 {
  background-color: var(--blue-800) !important;
}
.bg-blue-900 {
  background-color: var(--blue-900) !important;
}
.focus\:bg-blue-50:focus {
  background-color: var(--blue-50) !important;
}
.focus\:bg-blue-100:focus {
  background-color: var(--blue-100) !important;
}
.focus\:bg-blue-200:focus {
  background-color: var(--blue-200) !important;
}
.focus\:bg-blue-300:focus {
  background-color: var(--blue-300) !important;
}
.focus\:bg-blue-400:focus {
  background-color: var(--blue-400) !important;
}
.focus\:bg-blue-500:focus {
  background-color: var(--blue-500) !important;
}
.focus\:bg-blue-600:focus {
  background-color: var(--blue-600) !important;
}
.focus\:bg-blue-700:focus {
  background-color: var(--blue-700) !important;
}
.focus\:bg-blue-800:focus {
  background-color: var(--blue-800) !important;
}
.focus\:bg-blue-900:focus {
  background-color: var(--blue-900) !important;
}
.hover\:bg-blue-50:hover {
  background-color: var(--blue-50) !important;
}
.hover\:bg-blue-100:hover {
  background-color: var(--blue-100) !important;
}
.hover\:bg-blue-200:hover {
  background-color: var(--blue-200) !important;
}
.hover\:bg-blue-300:hover {
  background-color: var(--blue-300) !important;
}
.hover\:bg-blue-400:hover {
  background-color: var(--blue-400) !important;
}
.hover\:bg-blue-500:hover {
  background-color: var(--blue-500) !important;
}
.hover\:bg-blue-600:hover {
  background-color: var(--blue-600) !important;
}
.hover\:bg-blue-700:hover {
  background-color: var(--blue-700) !important;
}
.hover\:bg-blue-800:hover {
  background-color: var(--blue-800) !important;
}
.hover\:bg-blue-900:hover {
  background-color: var(--blue-900) !important;
}
.active\:bg-blue-50:active {
  background-color: var(--blue-50) !important;
}
.active\:bg-blue-100:active {
  background-color: var(--blue-100) !important;
}
.active\:bg-blue-200:active {
  background-color: var(--blue-200) !important;
}
.active\:bg-blue-300:active {
  background-color: var(--blue-300) !important;
}
.active\:bg-blue-400:active {
  background-color: var(--blue-400) !important;
}
.active\:bg-blue-500:active {
  background-color: var(--blue-500) !important;
}
.active\:bg-blue-600:active {
  background-color: var(--blue-600) !important;
}
.active\:bg-blue-700:active {
  background-color: var(--blue-700) !important;
}
.active\:bg-blue-800:active {
  background-color: var(--blue-800) !important;
}
.active\:bg-blue-900:active {
  background-color: var(--blue-900) !important;
}
.bg-green-50 {
  background-color: var(--green-50) !important;
}
.bg-green-100 {
  background-color: var(--green-100) !important;
}
.bg-green-200 {
  background-color: var(--green-200) !important;
}
.bg-green-300 {
  background-color: var(--green-300) !important;
}
.bg-green-400 {
  background-color: var(--green-400) !important;
}
.bg-green-500 {
  background-color: var(--green-500) !important;
}
.bg-green-600 {
  background-color: var(--green-600) !important;
}
.bg-green-700 {
  background-color: var(--green-700) !important;
}
.bg-green-800 {
  background-color: var(--green-800) !important;
}
.bg-green-900 {
  background-color: var(--green-900) !important;
}
.focus\:bg-green-50:focus {
  background-color: var(--green-50) !important;
}
.focus\:bg-green-100:focus {
  background-color: var(--green-100) !important;
}
.focus\:bg-green-200:focus {
  background-color: var(--green-200) !important;
}
.focus\:bg-green-300:focus {
  background-color: var(--green-300) !important;
}
.focus\:bg-green-400:focus {
  background-color: var(--green-400) !important;
}
.focus\:bg-green-500:focus {
  background-color: var(--green-500) !important;
}
.focus\:bg-green-600:focus {
  background-color: var(--green-600) !important;
}
.focus\:bg-green-700:focus {
  background-color: var(--green-700) !important;
}
.focus\:bg-green-800:focus {
  background-color: var(--green-800) !important;
}
.focus\:bg-green-900:focus {
  background-color: var(--green-900) !important;
}
.hover\:bg-green-50:hover {
  background-color: var(--green-50) !important;
}
.hover\:bg-green-100:hover {
  background-color: var(--green-100) !important;
}
.hover\:bg-green-200:hover {
  background-color: var(--green-200) !important;
}
.hover\:bg-green-300:hover {
  background-color: var(--green-300) !important;
}
.hover\:bg-green-400:hover {
  background-color: var(--green-400) !important;
}
.hover\:bg-green-500:hover {
  background-color: var(--green-500) !important;
}
.hover\:bg-green-600:hover {
  background-color: var(--green-600) !important;
}
.hover\:bg-green-700:hover {
  background-color: var(--green-700) !important;
}
.hover\:bg-green-800:hover {
  background-color: var(--green-800) !important;
}
.hover\:bg-green-900:hover {
  background-color: var(--green-900) !important;
}
.active\:bg-green-50:active {
  background-color: var(--green-50) !important;
}
.active\:bg-green-100:active {
  background-color: var(--green-100) !important;
}
.active\:bg-green-200:active {
  background-color: var(--green-200) !important;
}
.active\:bg-green-300:active {
  background-color: var(--green-300) !important;
}
.active\:bg-green-400:active {
  background-color: var(--green-400) !important;
}
.active\:bg-green-500:active {
  background-color: var(--green-500) !important;
}
.active\:bg-green-600:active {
  background-color: var(--green-600) !important;
}
.active\:bg-green-700:active {
  background-color: var(--green-700) !important;
}
.active\:bg-green-800:active {
  background-color: var(--green-800) !important;
}
.active\:bg-green-900:active {
  background-color: var(--green-900) !important;
}
.bg-yellow-50 {
  background-color: var(--yellow-50) !important;
}
.bg-yellow-100 {
  background-color: var(--yellow-100) !important;
}
.bg-yellow-200 {
  background-color: var(--yellow-200) !important;
}
.bg-yellow-300 {
  background-color: var(--yellow-300) !important;
}
.bg-yellow-400 {
  background-color: var(--yellow-400) !important;
}
.bg-yellow-500 {
  background-color: var(--yellow-500) !important;
}
.bg-yellow-600 {
  background-color: var(--yellow-600) !important;
}
.bg-yellow-700 {
  background-color: var(--yellow-700) !important;
}
.bg-yellow-800 {
  background-color: var(--yellow-800) !important;
}
.bg-yellow-900 {
  background-color: var(--yellow-900) !important;
}
.focus\:bg-yellow-50:focus {
  background-color: var(--yellow-50) !important;
}
.focus\:bg-yellow-100:focus {
  background-color: var(--yellow-100) !important;
}
.focus\:bg-yellow-200:focus {
  background-color: var(--yellow-200) !important;
}
.focus\:bg-yellow-300:focus {
  background-color: var(--yellow-300) !important;
}
.focus\:bg-yellow-400:focus {
  background-color: var(--yellow-400) !important;
}
.focus\:bg-yellow-500:focus {
  background-color: var(--yellow-500) !important;
}
.focus\:bg-yellow-600:focus {
  background-color: var(--yellow-600) !important;
}
.focus\:bg-yellow-700:focus {
  background-color: var(--yellow-700) !important;
}
.focus\:bg-yellow-800:focus {
  background-color: var(--yellow-800) !important;
}
.focus\:bg-yellow-900:focus {
  background-color: var(--yellow-900) !important;
}
.hover\:bg-yellow-50:hover {
  background-color: var(--yellow-50) !important;
}
.hover\:bg-yellow-100:hover {
  background-color: var(--yellow-100) !important;
}
.hover\:bg-yellow-200:hover {
  background-color: var(--yellow-200) !important;
}
.hover\:bg-yellow-300:hover {
  background-color: var(--yellow-300) !important;
}
.hover\:bg-yellow-400:hover {
  background-color: var(--yellow-400) !important;
}
.hover\:bg-yellow-500:hover {
  background-color: var(--yellow-500) !important;
}
.hover\:bg-yellow-600:hover {
  background-color: var(--yellow-600) !important;
}
.hover\:bg-yellow-700:hover {
  background-color: var(--yellow-700) !important;
}
.hover\:bg-yellow-800:hover {
  background-color: var(--yellow-800) !important;
}
.hover\:bg-yellow-900:hover {
  background-color: var(--yellow-900) !important;
}
.active\:bg-yellow-50:active {
  background-color: var(--yellow-50) !important;
}
.active\:bg-yellow-100:active {
  background-color: var(--yellow-100) !important;
}
.active\:bg-yellow-200:active {
  background-color: var(--yellow-200) !important;
}
.active\:bg-yellow-300:active {
  background-color: var(--yellow-300) !important;
}
.active\:bg-yellow-400:active {
  background-color: var(--yellow-400) !important;
}
.active\:bg-yellow-500:active {
  background-color: var(--yellow-500) !important;
}
.active\:bg-yellow-600:active {
  background-color: var(--yellow-600) !important;
}
.active\:bg-yellow-700:active {
  background-color: var(--yellow-700) !important;
}
.active\:bg-yellow-800:active {
  background-color: var(--yellow-800) !important;
}
.active\:bg-yellow-900:active {
  background-color: var(--yellow-900) !important;
}
.bg-cyan-50 {
  background-color: var(--cyan-50) !important;
}
.bg-cyan-100 {
  background-color: var(--cyan-100) !important;
}
.bg-cyan-200 {
  background-color: var(--cyan-200) !important;
}
.bg-cyan-300 {
  background-color: var(--cyan-300) !important;
}
.bg-cyan-400 {
  background-color: var(--cyan-400) !important;
}
.bg-cyan-500 {
  background-color: var(--cyan-500) !important;
}
.bg-cyan-600 {
  background-color: var(--cyan-600) !important;
}
.bg-cyan-700 {
  background-color: var(--cyan-700) !important;
}
.bg-cyan-800 {
  background-color: var(--cyan-800) !important;
}
.bg-cyan-900 {
  background-color: var(--cyan-900) !important;
}
.focus\:bg-cyan-50:focus {
  background-color: var(--cyan-50) !important;
}
.focus\:bg-cyan-100:focus {
  background-color: var(--cyan-100) !important;
}
.focus\:bg-cyan-200:focus {
  background-color: var(--cyan-200) !important;
}
.focus\:bg-cyan-300:focus {
  background-color: var(--cyan-300) !important;
}
.focus\:bg-cyan-400:focus {
  background-color: var(--cyan-400) !important;
}
.focus\:bg-cyan-500:focus {
  background-color: var(--cyan-500) !important;
}
.focus\:bg-cyan-600:focus {
  background-color: var(--cyan-600) !important;
}
.focus\:bg-cyan-700:focus {
  background-color: var(--cyan-700) !important;
}
.focus\:bg-cyan-800:focus {
  background-color: var(--cyan-800) !important;
}
.focus\:bg-cyan-900:focus {
  background-color: var(--cyan-900) !important;
}
.hover\:bg-cyan-50:hover {
  background-color: var(--cyan-50) !important;
}
.hover\:bg-cyan-100:hover {
  background-color: var(--cyan-100) !important;
}
.hover\:bg-cyan-200:hover {
  background-color: var(--cyan-200) !important;
}
.hover\:bg-cyan-300:hover {
  background-color: var(--cyan-300) !important;
}
.hover\:bg-cyan-400:hover {
  background-color: var(--cyan-400) !important;
}
.hover\:bg-cyan-500:hover {
  background-color: var(--cyan-500) !important;
}
.hover\:bg-cyan-600:hover {
  background-color: var(--cyan-600) !important;
}
.hover\:bg-cyan-700:hover {
  background-color: var(--cyan-700) !important;
}
.hover\:bg-cyan-800:hover {
  background-color: var(--cyan-800) !important;
}
.hover\:bg-cyan-900:hover {
  background-color: var(--cyan-900) !important;
}
.active\:bg-cyan-50:active {
  background-color: var(--cyan-50) !important;
}
.active\:bg-cyan-100:active {
  background-color: var(--cyan-100) !important;
}
.active\:bg-cyan-200:active {
  background-color: var(--cyan-200) !important;
}
.active\:bg-cyan-300:active {
  background-color: var(--cyan-300) !important;
}
.active\:bg-cyan-400:active {
  background-color: var(--cyan-400) !important;
}
.active\:bg-cyan-500:active {
  background-color: var(--cyan-500) !important;
}
.active\:bg-cyan-600:active {
  background-color: var(--cyan-600) !important;
}
.active\:bg-cyan-700:active {
  background-color: var(--cyan-700) !important;
}
.active\:bg-cyan-800:active {
  background-color: var(--cyan-800) !important;
}
.active\:bg-cyan-900:active {
  background-color: var(--cyan-900) !important;
}
.bg-pink-50 {
  background-color: var(--pink-50) !important;
}
.bg-pink-100 {
  background-color: var(--pink-100) !important;
}
.bg-pink-200 {
  background-color: var(--pink-200) !important;
}
.bg-pink-300 {
  background-color: var(--pink-300) !important;
}
.bg-pink-400 {
  background-color: var(--pink-400) !important;
}
.bg-pink-500 {
  background-color: var(--pink-500) !important;
}
.bg-pink-600 {
  background-color: var(--pink-600) !important;
}
.bg-pink-700 {
  background-color: var(--pink-700) !important;
}
.bg-pink-800 {
  background-color: var(--pink-800) !important;
}
.bg-pink-900 {
  background-color: var(--pink-900) !important;
}
.focus\:bg-pink-50:focus {
  background-color: var(--pink-50) !important;
}
.focus\:bg-pink-100:focus {
  background-color: var(--pink-100) !important;
}
.focus\:bg-pink-200:focus {
  background-color: var(--pink-200) !important;
}
.focus\:bg-pink-300:focus {
  background-color: var(--pink-300) !important;
}
.focus\:bg-pink-400:focus {
  background-color: var(--pink-400) !important;
}
.focus\:bg-pink-500:focus {
  background-color: var(--pink-500) !important;
}
.focus\:bg-pink-600:focus {
  background-color: var(--pink-600) !important;
}
.focus\:bg-pink-700:focus {
  background-color: var(--pink-700) !important;
}
.focus\:bg-pink-800:focus {
  background-color: var(--pink-800) !important;
}
.focus\:bg-pink-900:focus {
  background-color: var(--pink-900) !important;
}
.hover\:bg-pink-50:hover {
  background-color: var(--pink-50) !important;
}
.hover\:bg-pink-100:hover {
  background-color: var(--pink-100) !important;
}
.hover\:bg-pink-200:hover {
  background-color: var(--pink-200) !important;
}
.hover\:bg-pink-300:hover {
  background-color: var(--pink-300) !important;
}
.hover\:bg-pink-400:hover {
  background-color: var(--pink-400) !important;
}
.hover\:bg-pink-500:hover {
  background-color: var(--pink-500) !important;
}
.hover\:bg-pink-600:hover {
  background-color: var(--pink-600) !important;
}
.hover\:bg-pink-700:hover {
  background-color: var(--pink-700) !important;
}
.hover\:bg-pink-800:hover {
  background-color: var(--pink-800) !important;
}
.hover\:bg-pink-900:hover {
  background-color: var(--pink-900) !important;
}
.active\:bg-pink-50:active {
  background-color: var(--pink-50) !important;
}
.active\:bg-pink-100:active {
  background-color: var(--pink-100) !important;
}
.active\:bg-pink-200:active {
  background-color: var(--pink-200) !important;
}
.active\:bg-pink-300:active {
  background-color: var(--pink-300) !important;
}
.active\:bg-pink-400:active {
  background-color: var(--pink-400) !important;
}
.active\:bg-pink-500:active {
  background-color: var(--pink-500) !important;
}
.active\:bg-pink-600:active {
  background-color: var(--pink-600) !important;
}
.active\:bg-pink-700:active {
  background-color: var(--pink-700) !important;
}
.active\:bg-pink-800:active {
  background-color: var(--pink-800) !important;
}
.active\:bg-pink-900:active {
  background-color: var(--pink-900) !important;
}
.bg-indigo-50 {
  background-color: var(--indigo-50) !important;
}
.bg-indigo-100 {
  background-color: var(--indigo-100) !important;
}
.bg-indigo-200 {
  background-color: var(--indigo-200) !important;
}
.bg-indigo-300 {
  background-color: var(--indigo-300) !important;
}
.bg-indigo-400 {
  background-color: var(--indigo-400) !important;
}
.bg-indigo-500 {
  background-color: var(--indigo-500) !important;
}
.bg-indigo-600 {
  background-color: var(--indigo-600) !important;
}
.bg-indigo-700 {
  background-color: var(--indigo-700) !important;
}
.bg-indigo-800 {
  background-color: var(--indigo-800) !important;
}
.bg-indigo-900 {
  background-color: var(--indigo-900) !important;
}
.focus\:bg-indigo-50:focus {
  background-color: var(--indigo-50) !important;
}
.focus\:bg-indigo-100:focus {
  background-color: var(--indigo-100) !important;
}
.focus\:bg-indigo-200:focus {
  background-color: var(--indigo-200) !important;
}
.focus\:bg-indigo-300:focus {
  background-color: var(--indigo-300) !important;
}
.focus\:bg-indigo-400:focus {
  background-color: var(--indigo-400) !important;
}
.focus\:bg-indigo-500:focus {
  background-color: var(--indigo-500) !important;
}
.focus\:bg-indigo-600:focus {
  background-color: var(--indigo-600) !important;
}
.focus\:bg-indigo-700:focus {
  background-color: var(--indigo-700) !important;
}
.focus\:bg-indigo-800:focus {
  background-color: var(--indigo-800) !important;
}
.focus\:bg-indigo-900:focus {
  background-color: var(--indigo-900) !important;
}
.hover\:bg-indigo-50:hover {
  background-color: var(--indigo-50) !important;
}
.hover\:bg-indigo-100:hover {
  background-color: var(--indigo-100) !important;
}
.hover\:bg-indigo-200:hover {
  background-color: var(--indigo-200) !important;
}
.hover\:bg-indigo-300:hover {
  background-color: var(--indigo-300) !important;
}
.hover\:bg-indigo-400:hover {
  background-color: var(--indigo-400) !important;
}
.hover\:bg-indigo-500:hover {
  background-color: var(--indigo-500) !important;
}
.hover\:bg-indigo-600:hover {
  background-color: var(--indigo-600) !important;
}
.hover\:bg-indigo-700:hover {
  background-color: var(--indigo-700) !important;
}
.hover\:bg-indigo-800:hover {
  background-color: var(--indigo-800) !important;
}
.hover\:bg-indigo-900:hover {
  background-color: var(--indigo-900) !important;
}
.active\:bg-indigo-50:active {
  background-color: var(--indigo-50) !important;
}
.active\:bg-indigo-100:active {
  background-color: var(--indigo-100) !important;
}
.active\:bg-indigo-200:active {
  background-color: var(--indigo-200) !important;
}
.active\:bg-indigo-300:active {
  background-color: var(--indigo-300) !important;
}
.active\:bg-indigo-400:active {
  background-color: var(--indigo-400) !important;
}
.active\:bg-indigo-500:active {
  background-color: var(--indigo-500) !important;
}
.active\:bg-indigo-600:active {
  background-color: var(--indigo-600) !important;
}
.active\:bg-indigo-700:active {
  background-color: var(--indigo-700) !important;
}
.active\:bg-indigo-800:active {
  background-color: var(--indigo-800) !important;
}
.active\:bg-indigo-900:active {
  background-color: var(--indigo-900) !important;
}
.bg-teal-50 {
  background-color: var(--teal-50) !important;
}
.bg-teal-100 {
  background-color: var(--teal-100) !important;
}
.bg-teal-200 {
  background-color: var(--teal-200) !important;
}
.bg-teal-300 {
  background-color: var(--teal-300) !important;
}
.bg-teal-400 {
  background-color: var(--teal-400) !important;
}
.bg-teal-500 {
  background-color: var(--teal-500) !important;
}
.bg-teal-600 {
  background-color: var(--teal-600) !important;
}
.bg-teal-700 {
  background-color: var(--teal-700) !important;
}
.bg-teal-800 {
  background-color: var(--teal-800) !important;
}
.bg-teal-900 {
  background-color: var(--teal-900) !important;
}
.focus\:bg-teal-50:focus {
  background-color: var(--teal-50) !important;
}
.focus\:bg-teal-100:focus {
  background-color: var(--teal-100) !important;
}
.focus\:bg-teal-200:focus {
  background-color: var(--teal-200) !important;
}
.focus\:bg-teal-300:focus {
  background-color: var(--teal-300) !important;
}
.focus\:bg-teal-400:focus {
  background-color: var(--teal-400) !important;
}
.focus\:bg-teal-500:focus {
  background-color: var(--teal-500) !important;
}
.focus\:bg-teal-600:focus {
  background-color: var(--teal-600) !important;
}
.focus\:bg-teal-700:focus {
  background-color: var(--teal-700) !important;
}
.focus\:bg-teal-800:focus {
  background-color: var(--teal-800) !important;
}
.focus\:bg-teal-900:focus {
  background-color: var(--teal-900) !important;
}
.hover\:bg-teal-50:hover {
  background-color: var(--teal-50) !important;
}
.hover\:bg-teal-100:hover {
  background-color: var(--teal-100) !important;
}
.hover\:bg-teal-200:hover {
  background-color: var(--teal-200) !important;
}
.hover\:bg-teal-300:hover {
  background-color: var(--teal-300) !important;
}
.hover\:bg-teal-400:hover {
  background-color: var(--teal-400) !important;
}
.hover\:bg-teal-500:hover {
  background-color: var(--teal-500) !important;
}
.hover\:bg-teal-600:hover {
  background-color: var(--teal-600) !important;
}
.hover\:bg-teal-700:hover {
  background-color: var(--teal-700) !important;
}
.hover\:bg-teal-800:hover {
  background-color: var(--teal-800) !important;
}
.hover\:bg-teal-900:hover {
  background-color: var(--teal-900) !important;
}
.active\:bg-teal-50:active {
  background-color: var(--teal-50) !important;
}
.active\:bg-teal-100:active {
  background-color: var(--teal-100) !important;
}
.active\:bg-teal-200:active {
  background-color: var(--teal-200) !important;
}
.active\:bg-teal-300:active {
  background-color: var(--teal-300) !important;
}
.active\:bg-teal-400:active {
  background-color: var(--teal-400) !important;
}
.active\:bg-teal-500:active {
  background-color: var(--teal-500) !important;
}
.active\:bg-teal-600:active {
  background-color: var(--teal-600) !important;
}
.active\:bg-teal-700:active {
  background-color: var(--teal-700) !important;
}
.active\:bg-teal-800:active {
  background-color: var(--teal-800) !important;
}
.active\:bg-teal-900:active {
  background-color: var(--teal-900) !important;
}
.bg-orange-50 {
  background-color: var(--orange-50) !important;
}
.bg-orange-100 {
  background-color: var(--orange-100) !important;
}
.bg-orange-200 {
  background-color: var(--orange-200) !important;
}
.bg-orange-300 {
  background-color: var(--orange-300) !important;
}
.bg-orange-400 {
  background-color: var(--orange-400) !important;
}
.bg-orange-500 {
  background-color: var(--orange-500) !important;
}
.bg-orange-600 {
  background-color: var(--orange-600) !important;
}
.bg-orange-700 {
  background-color: var(--orange-700) !important;
}
.bg-orange-800 {
  background-color: var(--orange-800) !important;
}
.bg-orange-900 {
  background-color: var(--orange-900) !important;
}
.focus\:bg-orange-50:focus {
  background-color: var(--orange-50) !important;
}
.focus\:bg-orange-100:focus {
  background-color: var(--orange-100) !important;
}
.focus\:bg-orange-200:focus {
  background-color: var(--orange-200) !important;
}
.focus\:bg-orange-300:focus {
  background-color: var(--orange-300) !important;
}
.focus\:bg-orange-400:focus {
  background-color: var(--orange-400) !important;
}
.focus\:bg-orange-500:focus {
  background-color: var(--orange-500) !important;
}
.focus\:bg-orange-600:focus {
  background-color: var(--orange-600) !important;
}
.focus\:bg-orange-700:focus {
  background-color: var(--orange-700) !important;
}
.focus\:bg-orange-800:focus {
  background-color: var(--orange-800) !important;
}
.focus\:bg-orange-900:focus {
  background-color: var(--orange-900) !important;
}
.hover\:bg-orange-50:hover {
  background-color: var(--orange-50) !important;
}
.hover\:bg-orange-100:hover {
  background-color: var(--orange-100) !important;
}
.hover\:bg-orange-200:hover {
  background-color: var(--orange-200) !important;
}
.hover\:bg-orange-300:hover {
  background-color: var(--orange-300) !important;
}
.hover\:bg-orange-400:hover {
  background-color: var(--orange-400) !important;
}
.hover\:bg-orange-500:hover {
  background-color: var(--orange-500) !important;
}
.hover\:bg-orange-600:hover {
  background-color: var(--orange-600) !important;
}
.hover\:bg-orange-700:hover {
  background-color: var(--orange-700) !important;
}
.hover\:bg-orange-800:hover {
  background-color: var(--orange-800) !important;
}
.hover\:bg-orange-900:hover {
  background-color: var(--orange-900) !important;
}
.active\:bg-orange-50:active {
  background-color: var(--orange-50) !important;
}
.active\:bg-orange-100:active {
  background-color: var(--orange-100) !important;
}
.active\:bg-orange-200:active {
  background-color: var(--orange-200) !important;
}
.active\:bg-orange-300:active {
  background-color: var(--orange-300) !important;
}
.active\:bg-orange-400:active {
  background-color: var(--orange-400) !important;
}
.active\:bg-orange-500:active {
  background-color: var(--orange-500) !important;
}
.active\:bg-orange-600:active {
  background-color: var(--orange-600) !important;
}
.active\:bg-orange-700:active {
  background-color: var(--orange-700) !important;
}
.active\:bg-orange-800:active {
  background-color: var(--orange-800) !important;
}
.active\:bg-orange-900:active {
  background-color: var(--orange-900) !important;
}
.bg-bluegray-50 {
  background-color: var(--bluegray-50) !important;
}
.bg-bluegray-100 {
  background-color: var(--bluegray-100) !important;
}
.bg-bluegray-200 {
  background-color: var(--bluegray-200) !important;
}
.bg-bluegray-300 {
  background-color: var(--bluegray-300) !important;
}
.bg-bluegray-400 {
  background-color: var(--bluegray-400) !important;
}
.bg-bluegray-500 {
  background-color: var(--bluegray-500) !important;
}
.bg-bluegray-600 {
  background-color: var(--bluegray-600) !important;
}
.bg-bluegray-700 {
  background-color: var(--bluegray-700) !important;
}
.bg-bluegray-800 {
  background-color: var(--bluegray-800) !important;
}
.bg-bluegray-900 {
  background-color: var(--bluegray-900) !important;
}
.focus\:bg-bluegray-50:focus {
  background-color: var(--bluegray-50) !important;
}
.focus\:bg-bluegray-100:focus {
  background-color: var(--bluegray-100) !important;
}
.focus\:bg-bluegray-200:focus {
  background-color: var(--bluegray-200) !important;
}
.focus\:bg-bluegray-300:focus {
  background-color: var(--bluegray-300) !important;
}
.focus\:bg-bluegray-400:focus {
  background-color: var(--bluegray-400) !important;
}
.focus\:bg-bluegray-500:focus {
  background-color: var(--bluegray-500) !important;
}
.focus\:bg-bluegray-600:focus {
  background-color: var(--bluegray-600) !important;
}
.focus\:bg-bluegray-700:focus {
  background-color: var(--bluegray-700) !important;
}
.focus\:bg-bluegray-800:focus {
  background-color: var(--bluegray-800) !important;
}
.focus\:bg-bluegray-900:focus {
  background-color: var(--bluegray-900) !important;
}
.hover\:bg-bluegray-50:hover {
  background-color: var(--bluegray-50) !important;
}
.hover\:bg-bluegray-100:hover {
  background-color: var(--bluegray-100) !important;
}
.hover\:bg-bluegray-200:hover {
  background-color: var(--bluegray-200) !important;
}
.hover\:bg-bluegray-300:hover {
  background-color: var(--bluegray-300) !important;
}
.hover\:bg-bluegray-400:hover {
  background-color: var(--bluegray-400) !important;
}
.hover\:bg-bluegray-500:hover {
  background-color: var(--bluegray-500) !important;
}
.hover\:bg-bluegray-600:hover {
  background-color: var(--bluegray-600) !important;
}
.hover\:bg-bluegray-700:hover {
  background-color: var(--bluegray-700) !important;
}
.hover\:bg-bluegray-800:hover {
  background-color: var(--bluegray-800) !important;
}
.hover\:bg-bluegray-900:hover {
  background-color: var(--bluegray-900) !important;
}
.active\:bg-bluegray-50:active {
  background-color: var(--bluegray-50) !important;
}
.active\:bg-bluegray-100:active {
  background-color: var(--bluegray-100) !important;
}
.active\:bg-bluegray-200:active {
  background-color: var(--bluegray-200) !important;
}
.active\:bg-bluegray-300:active {
  background-color: var(--bluegray-300) !important;
}
.active\:bg-bluegray-400:active {
  background-color: var(--bluegray-400) !important;
}
.active\:bg-bluegray-500:active {
  background-color: var(--bluegray-500) !important;
}
.active\:bg-bluegray-600:active {
  background-color: var(--bluegray-600) !important;
}
.active\:bg-bluegray-700:active {
  background-color: var(--bluegray-700) !important;
}
.active\:bg-bluegray-800:active {
  background-color: var(--bluegray-800) !important;
}
.active\:bg-bluegray-900:active {
  background-color: var(--bluegray-900) !important;
}
.bg-purple-50 {
  background-color: var(--purple-50) !important;
}
.bg-purple-100 {
  background-color: var(--purple-100) !important;
}
.bg-purple-200 {
  background-color: var(--purple-200) !important;
}
.bg-purple-300 {
  background-color: var(--purple-300) !important;
}
.bg-purple-400 {
  background-color: var(--purple-400) !important;
}
.bg-purple-500 {
  background-color: var(--purple-500) !important;
}
.bg-purple-600 {
  background-color: var(--purple-600) !important;
}
.bg-purple-700 {
  background-color: var(--purple-700) !important;
}
.bg-purple-800 {
  background-color: var(--purple-800) !important;
}
.bg-purple-900 {
  background-color: var(--purple-900) !important;
}
.focus\:bg-purple-50:focus {
  background-color: var(--purple-50) !important;
}
.focus\:bg-purple-100:focus {
  background-color: var(--purple-100) !important;
}
.focus\:bg-purple-200:focus {
  background-color: var(--purple-200) !important;
}
.focus\:bg-purple-300:focus {
  background-color: var(--purple-300) !important;
}
.focus\:bg-purple-400:focus {
  background-color: var(--purple-400) !important;
}
.focus\:bg-purple-500:focus {
  background-color: var(--purple-500) !important;
}
.focus\:bg-purple-600:focus {
  background-color: var(--purple-600) !important;
}
.focus\:bg-purple-700:focus {
  background-color: var(--purple-700) !important;
}
.focus\:bg-purple-800:focus {
  background-color: var(--purple-800) !important;
}
.focus\:bg-purple-900:focus {
  background-color: var(--purple-900) !important;
}
.hover\:bg-purple-50:hover {
  background-color: var(--purple-50) !important;
}
.hover\:bg-purple-100:hover {
  background-color: var(--purple-100) !important;
}
.hover\:bg-purple-200:hover {
  background-color: var(--purple-200) !important;
}
.hover\:bg-purple-300:hover {
  background-color: var(--purple-300) !important;
}
.hover\:bg-purple-400:hover {
  background-color: var(--purple-400) !important;
}
.hover\:bg-purple-500:hover {
  background-color: var(--purple-500) !important;
}
.hover\:bg-purple-600:hover {
  background-color: var(--purple-600) !important;
}
.hover\:bg-purple-700:hover {
  background-color: var(--purple-700) !important;
}
.hover\:bg-purple-800:hover {
  background-color: var(--purple-800) !important;
}
.hover\:bg-purple-900:hover {
  background-color: var(--purple-900) !important;
}
.active\:bg-purple-50:active {
  background-color: var(--purple-50) !important;
}
.active\:bg-purple-100:active {
  background-color: var(--purple-100) !important;
}
.active\:bg-purple-200:active {
  background-color: var(--purple-200) !important;
}
.active\:bg-purple-300:active {
  background-color: var(--purple-300) !important;
}
.active\:bg-purple-400:active {
  background-color: var(--purple-400) !important;
}
.active\:bg-purple-500:active {
  background-color: var(--purple-500) !important;
}
.active\:bg-purple-600:active {
  background-color: var(--purple-600) !important;
}
.active\:bg-purple-700:active {
  background-color: var(--purple-700) !important;
}
.active\:bg-purple-800:active {
  background-color: var(--purple-800) !important;
}
.active\:bg-purple-900:active {
  background-color: var(--purple-900) !important;
}
.bg-gray-50 {
  background-color: var(--gray-50) !important;
}
.bg-gray-100 {
  background-color: var(--gray-100) !important;
}
.bg-gray-200 {
  background-color: var(--gray-200) !important;
}
.bg-gray-300 {
  background-color: var(--gray-300) !important;
}
.bg-gray-400 {
  background-color: var(--gray-400) !important;
}
.bg-gray-500 {
  background-color: var(--gray-500) !important;
}
.bg-gray-600 {
  background-color: var(--gray-600) !important;
}
.bg-gray-700 {
  background-color: var(--gray-700) !important;
}
.bg-gray-800 {
  background-color: var(--gray-800) !important;
}
.bg-gray-900 {
  background-color: var(--gray-900) !important;
}
.focus\:bg-gray-50:focus {
  background-color: var(--gray-50) !important;
}
.focus\:bg-gray-100:focus {
  background-color: var(--gray-100) !important;
}
.focus\:bg-gray-200:focus {
  background-color: var(--gray-200) !important;
}
.focus\:bg-gray-300:focus {
  background-color: var(--gray-300) !important;
}
.focus\:bg-gray-400:focus {
  background-color: var(--gray-400) !important;
}
.focus\:bg-gray-500:focus {
  background-color: var(--gray-500) !important;
}
.focus\:bg-gray-600:focus {
  background-color: var(--gray-600) !important;
}
.focus\:bg-gray-700:focus {
  background-color: var(--gray-700) !important;
}
.focus\:bg-gray-800:focus {
  background-color: var(--gray-800) !important;
}
.focus\:bg-gray-900:focus {
  background-color: var(--gray-900) !important;
}
.hover\:bg-gray-50:hover {
  background-color: var(--gray-50) !important;
}
.hover\:bg-gray-100:hover {
  background-color: var(--gray-100) !important;
}
.hover\:bg-gray-200:hover {
  background-color: var(--gray-200) !important;
}
.hover\:bg-gray-300:hover {
  background-color: var(--gray-300) !important;
}
.hover\:bg-gray-400:hover {
  background-color: var(--gray-400) !important;
}
.hover\:bg-gray-500:hover {
  background-color: var(--gray-500) !important;
}
.hover\:bg-gray-600:hover {
  background-color: var(--gray-600) !important;
}
.hover\:bg-gray-700:hover {
  background-color: var(--gray-700) !important;
}
.hover\:bg-gray-800:hover {
  background-color: var(--gray-800) !important;
}
.hover\:bg-gray-900:hover {
  background-color: var(--gray-900) !important;
}
.active\:bg-gray-50:active {
  background-color: var(--gray-50) !important;
}
.active\:bg-gray-100:active {
  background-color: var(--gray-100) !important;
}
.active\:bg-gray-200:active {
  background-color: var(--gray-200) !important;
}
.active\:bg-gray-300:active {
  background-color: var(--gray-300) !important;
}
.active\:bg-gray-400:active {
  background-color: var(--gray-400) !important;
}
.active\:bg-gray-500:active {
  background-color: var(--gray-500) !important;
}
.active\:bg-gray-600:active {
  background-color: var(--gray-600) !important;
}
.active\:bg-gray-700:active {
  background-color: var(--gray-700) !important;
}
.active\:bg-gray-800:active {
  background-color: var(--gray-800) !important;
}
.active\:bg-gray-900:active {
  background-color: var(--gray-900) !important;
}
.bg-red-50 {
  background-color: var(--red-50) !important;
}
.bg-red-100 {
  background-color: var(--red-100) !important;
}
.bg-red-200 {
  background-color: var(--red-200) !important;
}
.bg-red-300 {
  background-color: var(--red-300) !important;
}
.bg-red-400 {
  background-color: var(--red-400) !important;
}
.bg-red-500 {
  background-color: var(--red-500) !important;
}
.bg-red-600 {
  background-color: var(--red-600) !important;
}
.bg-red-700 {
  background-color: var(--red-700) !important;
}
.bg-red-800 {
  background-color: var(--red-800) !important;
}
.bg-red-900 {
  background-color: var(--red-900) !important;
}
.focus\:bg-red-50:focus {
  background-color: var(--red-50) !important;
}
.focus\:bg-red-100:focus {
  background-color: var(--red-100) !important;
}
.focus\:bg-red-200:focus {
  background-color: var(--red-200) !important;
}
.focus\:bg-red-300:focus {
  background-color: var(--red-300) !important;
}
.focus\:bg-red-400:focus {
  background-color: var(--red-400) !important;
}
.focus\:bg-red-500:focus {
  background-color: var(--red-500) !important;
}
.focus\:bg-red-600:focus {
  background-color: var(--red-600) !important;
}
.focus\:bg-red-700:focus {
  background-color: var(--red-700) !important;
}
.focus\:bg-red-800:focus {
  background-color: var(--red-800) !important;
}
.focus\:bg-red-900:focus {
  background-color: var(--red-900) !important;
}
.hover\:bg-red-50:hover {
  background-color: var(--red-50) !important;
}
.hover\:bg-red-100:hover {
  background-color: var(--red-100) !important;
}
.hover\:bg-red-200:hover {
  background-color: var(--red-200) !important;
}
.hover\:bg-red-300:hover {
  background-color: var(--red-300) !important;
}
.hover\:bg-red-400:hover {
  background-color: var(--red-400) !important;
}
.hover\:bg-red-500:hover {
  background-color: var(--red-500) !important;
}
.hover\:bg-red-600:hover {
  background-color: var(--red-600) !important;
}
.hover\:bg-red-700:hover {
  background-color: var(--red-700) !important;
}
.hover\:bg-red-800:hover {
  background-color: var(--red-800) !important;
}
.hover\:bg-red-900:hover {
  background-color: var(--red-900) !important;
}
.active\:bg-red-50:active {
  background-color: var(--red-50) !important;
}
.active\:bg-red-100:active {
  background-color: var(--red-100) !important;
}
.active\:bg-red-200:active {
  background-color: var(--red-200) !important;
}
.active\:bg-red-300:active {
  background-color: var(--red-300) !important;
}
.active\:bg-red-400:active {
  background-color: var(--red-400) !important;
}
.active\:bg-red-500:active {
  background-color: var(--red-500) !important;
}
.active\:bg-red-600:active {
  background-color: var(--red-600) !important;
}
.active\:bg-red-700:active {
  background-color: var(--red-700) !important;
}
.active\:bg-red-800:active {
  background-color: var(--red-800) !important;
}
.active\:bg-red-900:active {
  background-color: var(--red-900) !important;
}
.bg-primary-50 {
  background-color: var(--primary-50) !important;
}
.bg-primary-100 {
  background-color: var(--primary-100) !important;
}
.bg-primary-200 {
  background-color: var(--primary-200) !important;
}
.bg-primary-300 {
  background-color: var(--primary-300) !important;
}
.bg-primary-400 {
  background-color: var(--primary-400) !important;
}
.bg-primary-500 {
  background-color: var(--primary-500) !important;
}
.bg-primary-600 {
  background-color: var(--primary-600) !important;
}
.bg-primary-700 {
  background-color: var(--primary-700) !important;
}
.bg-primary-800 {
  background-color: var(--primary-800) !important;
}
.bg-primary-900 {
  background-color: var(--primary-900) !important;
}
.focus\:bg-primary-50:focus {
  background-color: var(--primary-50) !important;
}
.focus\:bg-primary-100:focus {
  background-color: var(--primary-100) !important;
}
.focus\:bg-primary-200:focus {
  background-color: var(--primary-200) !important;
}
.focus\:bg-primary-300:focus {
  background-color: var(--primary-300) !important;
}
.focus\:bg-primary-400:focus {
  background-color: var(--primary-400) !important;
}
.focus\:bg-primary-500:focus {
  background-color: var(--primary-500) !important;
}
.focus\:bg-primary-600:focus {
  background-color: var(--primary-600) !important;
}
.focus\:bg-primary-700:focus {
  background-color: var(--primary-700) !important;
}
.focus\:bg-primary-800:focus {
  background-color: var(--primary-800) !important;
}
.focus\:bg-primary-900:focus {
  background-color: var(--primary-900) !important;
}
.hover\:bg-primary-50:hover {
  background-color: var(--primary-50) !important;
}
.hover\:bg-primary-100:hover {
  background-color: var(--primary-100) !important;
}
.hover\:bg-primary-200:hover {
  background-color: var(--primary-200) !important;
}
.hover\:bg-primary-300:hover {
  background-color: var(--primary-300) !important;
}
.hover\:bg-primary-400:hover {
  background-color: var(--primary-400) !important;
}
.hover\:bg-primary-500:hover {
  background-color: var(--primary-500) !important;
}
.hover\:bg-primary-600:hover {
  background-color: var(--primary-600) !important;
}
.hover\:bg-primary-700:hover {
  background-color: var(--primary-700) !important;
}
.hover\:bg-primary-800:hover {
  background-color: var(--primary-800) !important;
}
.hover\:bg-primary-900:hover {
  background-color: var(--primary-900) !important;
}
.active\:bg-primary-50:active {
  background-color: var(--primary-50) !important;
}
.active\:bg-primary-100:active {
  background-color: var(--primary-100) !important;
}
.active\:bg-primary-200:active {
  background-color: var(--primary-200) !important;
}
.active\:bg-primary-300:active {
  background-color: var(--primary-300) !important;
}
.active\:bg-primary-400:active {
  background-color: var(--primary-400) !important;
}
.active\:bg-primary-500:active {
  background-color: var(--primary-500) !important;
}
.active\:bg-primary-600:active {
  background-color: var(--primary-600) !important;
}
.active\:bg-primary-700:active {
  background-color: var(--primary-700) !important;
}
.active\:bg-primary-800:active {
  background-color: var(--primary-800) !important;
}
.active\:bg-primary-900:active {
  background-color: var(--primary-900) !important;
}
.border-blue-50 {
  border-color: var(--blue-50) !important;
}
.border-blue-100 {
  border-color: var(--blue-100) !important;
}
.border-blue-200 {
  border-color: var(--blue-200) !important;
}
.border-blue-300 {
  border-color: var(--blue-300) !important;
}
.border-blue-400 {
  border-color: var(--blue-400) !important;
}
.border-blue-500 {
  border-color: var(--blue-500) !important;
}
.border-blue-600 {
  border-color: var(--blue-600) !important;
}
.border-blue-700 {
  border-color: var(--blue-700) !important;
}
.border-blue-800 {
  border-color: var(--blue-800) !important;
}
.border-blue-900 {
  border-color: var(--blue-900) !important;
}
.focus\:border-blue-50:focus {
  border-color: var(--blue-50) !important;
}
.focus\:border-blue-100:focus {
  border-color: var(--blue-100) !important;
}
.focus\:border-blue-200:focus {
  border-color: var(--blue-200) !important;
}
.focus\:border-blue-300:focus {
  border-color: var(--blue-300) !important;
}
.focus\:border-blue-400:focus {
  border-color: var(--blue-400) !important;
}
.focus\:border-blue-500:focus {
  border-color: var(--blue-500) !important;
}
.focus\:border-blue-600:focus {
  border-color: var(--blue-600) !important;
}
.focus\:border-blue-700:focus {
  border-color: var(--blue-700) !important;
}
.focus\:border-blue-800:focus {
  border-color: var(--blue-800) !important;
}
.focus\:border-blue-900:focus {
  border-color: var(--blue-900) !important;
}
.hover\:border-blue-50:hover {
  border-color: var(--blue-50) !important;
}
.hover\:border-blue-100:hover {
  border-color: var(--blue-100) !important;
}
.hover\:border-blue-200:hover {
  border-color: var(--blue-200) !important;
}
.hover\:border-blue-300:hover {
  border-color: var(--blue-300) !important;
}
.hover\:border-blue-400:hover {
  border-color: var(--blue-400) !important;
}
.hover\:border-blue-500:hover {
  border-color: var(--blue-500) !important;
}
.hover\:border-blue-600:hover {
  border-color: var(--blue-600) !important;
}
.hover\:border-blue-700:hover {
  border-color: var(--blue-700) !important;
}
.hover\:border-blue-800:hover {
  border-color: var(--blue-800) !important;
}
.hover\:border-blue-900:hover {
  border-color: var(--blue-900) !important;
}
.active\:border-blue-50:active {
  border-color: var(--blue-50) !important;
}
.active\:border-blue-100:active {
  border-color: var(--blue-100) !important;
}
.active\:border-blue-200:active {
  border-color: var(--blue-200) !important;
}
.active\:border-blue-300:active {
  border-color: var(--blue-300) !important;
}
.active\:border-blue-400:active {
  border-color: var(--blue-400) !important;
}
.active\:border-blue-500:active {
  border-color: var(--blue-500) !important;
}
.active\:border-blue-600:active {
  border-color: var(--blue-600) !important;
}
.active\:border-blue-700:active {
  border-color: var(--blue-700) !important;
}
.active\:border-blue-800:active {
  border-color: var(--blue-800) !important;
}
.active\:border-blue-900:active {
  border-color: var(--blue-900) !important;
}
.border-green-50 {
  border-color: var(--green-50) !important;
}
.border-green-100 {
  border-color: var(--green-100) !important;
}
.border-green-200 {
  border-color: var(--green-200) !important;
}
.border-green-300 {
  border-color: var(--green-300) !important;
}
.border-green-400 {
  border-color: var(--green-400) !important;
}
.border-green-500 {
  border-color: var(--green-500) !important;
}
.border-green-600 {
  border-color: var(--green-600) !important;
}
.border-green-700 {
  border-color: var(--green-700) !important;
}
.border-green-800 {
  border-color: var(--green-800) !important;
}
.border-green-900 {
  border-color: var(--green-900) !important;
}
.focus\:border-green-50:focus {
  border-color: var(--green-50) !important;
}
.focus\:border-green-100:focus {
  border-color: var(--green-100) !important;
}
.focus\:border-green-200:focus {
  border-color: var(--green-200) !important;
}
.focus\:border-green-300:focus {
  border-color: var(--green-300) !important;
}
.focus\:border-green-400:focus {
  border-color: var(--green-400) !important;
}
.focus\:border-green-500:focus {
  border-color: var(--green-500) !important;
}
.focus\:border-green-600:focus {
  border-color: var(--green-600) !important;
}
.focus\:border-green-700:focus {
  border-color: var(--green-700) !important;
}
.focus\:border-green-800:focus {
  border-color: var(--green-800) !important;
}
.focus\:border-green-900:focus {
  border-color: var(--green-900) !important;
}
.hover\:border-green-50:hover {
  border-color: var(--green-50) !important;
}
.hover\:border-green-100:hover {
  border-color: var(--green-100) !important;
}
.hover\:border-green-200:hover {
  border-color: var(--green-200) !important;
}
.hover\:border-green-300:hover {
  border-color: var(--green-300) !important;
}
.hover\:border-green-400:hover {
  border-color: var(--green-400) !important;
}
.hover\:border-green-500:hover {
  border-color: var(--green-500) !important;
}
.hover\:border-green-600:hover {
  border-color: var(--green-600) !important;
}
.hover\:border-green-700:hover {
  border-color: var(--green-700) !important;
}
.hover\:border-green-800:hover {
  border-color: var(--green-800) !important;
}
.hover\:border-green-900:hover {
  border-color: var(--green-900) !important;
}
.active\:border-green-50:active {
  border-color: var(--green-50) !important;
}
.active\:border-green-100:active {
  border-color: var(--green-100) !important;
}
.active\:border-green-200:active {
  border-color: var(--green-200) !important;
}
.active\:border-green-300:active {
  border-color: var(--green-300) !important;
}
.active\:border-green-400:active {
  border-color: var(--green-400) !important;
}
.active\:border-green-500:active {
  border-color: var(--green-500) !important;
}
.active\:border-green-600:active {
  border-color: var(--green-600) !important;
}
.active\:border-green-700:active {
  border-color: var(--green-700) !important;
}
.active\:border-green-800:active {
  border-color: var(--green-800) !important;
}
.active\:border-green-900:active {
  border-color: var(--green-900) !important;
}
.border-yellow-50 {
  border-color: var(--yellow-50) !important;
}
.border-yellow-100 {
  border-color: var(--yellow-100) !important;
}
.border-yellow-200 {
  border-color: var(--yellow-200) !important;
}
.border-yellow-300 {
  border-color: var(--yellow-300) !important;
}
.border-yellow-400 {
  border-color: var(--yellow-400) !important;
}
.border-yellow-500 {
  border-color: var(--yellow-500) !important;
}
.border-yellow-600 {
  border-color: var(--yellow-600) !important;
}
.border-yellow-700 {
  border-color: var(--yellow-700) !important;
}
.border-yellow-800 {
  border-color: var(--yellow-800) !important;
}
.border-yellow-900 {
  border-color: var(--yellow-900) !important;
}
.focus\:border-yellow-50:focus {
  border-color: var(--yellow-50) !important;
}
.focus\:border-yellow-100:focus {
  border-color: var(--yellow-100) !important;
}
.focus\:border-yellow-200:focus {
  border-color: var(--yellow-200) !important;
}
.focus\:border-yellow-300:focus {
  border-color: var(--yellow-300) !important;
}
.focus\:border-yellow-400:focus {
  border-color: var(--yellow-400) !important;
}
.focus\:border-yellow-500:focus {
  border-color: var(--yellow-500) !important;
}
.focus\:border-yellow-600:focus {
  border-color: var(--yellow-600) !important;
}
.focus\:border-yellow-700:focus {
  border-color: var(--yellow-700) !important;
}
.focus\:border-yellow-800:focus {
  border-color: var(--yellow-800) !important;
}
.focus\:border-yellow-900:focus {
  border-color: var(--yellow-900) !important;
}
.hover\:border-yellow-50:hover {
  border-color: var(--yellow-50) !important;
}
.hover\:border-yellow-100:hover {
  border-color: var(--yellow-100) !important;
}
.hover\:border-yellow-200:hover {
  border-color: var(--yellow-200) !important;
}
.hover\:border-yellow-300:hover {
  border-color: var(--yellow-300) !important;
}
.hover\:border-yellow-400:hover {
  border-color: var(--yellow-400) !important;
}
.hover\:border-yellow-500:hover {
  border-color: var(--yellow-500) !important;
}
.hover\:border-yellow-600:hover {
  border-color: var(--yellow-600) !important;
}
.hover\:border-yellow-700:hover {
  border-color: var(--yellow-700) !important;
}
.hover\:border-yellow-800:hover {
  border-color: var(--yellow-800) !important;
}
.hover\:border-yellow-900:hover {
  border-color: var(--yellow-900) !important;
}
.active\:border-yellow-50:active {
  border-color: var(--yellow-50) !important;
}
.active\:border-yellow-100:active {
  border-color: var(--yellow-100) !important;
}
.active\:border-yellow-200:active {
  border-color: var(--yellow-200) !important;
}
.active\:border-yellow-300:active {
  border-color: var(--yellow-300) !important;
}
.active\:border-yellow-400:active {
  border-color: var(--yellow-400) !important;
}
.active\:border-yellow-500:active {
  border-color: var(--yellow-500) !important;
}
.active\:border-yellow-600:active {
  border-color: var(--yellow-600) !important;
}
.active\:border-yellow-700:active {
  border-color: var(--yellow-700) !important;
}
.active\:border-yellow-800:active {
  border-color: var(--yellow-800) !important;
}
.active\:border-yellow-900:active {
  border-color: var(--yellow-900) !important;
}
.border-cyan-50 {
  border-color: var(--cyan-50) !important;
}
.border-cyan-100 {
  border-color: var(--cyan-100) !important;
}
.border-cyan-200 {
  border-color: var(--cyan-200) !important;
}
.border-cyan-300 {
  border-color: var(--cyan-300) !important;
}
.border-cyan-400 {
  border-color: var(--cyan-400) !important;
}
.border-cyan-500 {
  border-color: var(--cyan-500) !important;
}
.border-cyan-600 {
  border-color: var(--cyan-600) !important;
}
.border-cyan-700 {
  border-color: var(--cyan-700) !important;
}
.border-cyan-800 {
  border-color: var(--cyan-800) !important;
}
.border-cyan-900 {
  border-color: var(--cyan-900) !important;
}
.focus\:border-cyan-50:focus {
  border-color: var(--cyan-50) !important;
}
.focus\:border-cyan-100:focus {
  border-color: var(--cyan-100) !important;
}
.focus\:border-cyan-200:focus {
  border-color: var(--cyan-200) !important;
}
.focus\:border-cyan-300:focus {
  border-color: var(--cyan-300) !important;
}
.focus\:border-cyan-400:focus {
  border-color: var(--cyan-400) !important;
}
.focus\:border-cyan-500:focus {
  border-color: var(--cyan-500) !important;
}
.focus\:border-cyan-600:focus {
  border-color: var(--cyan-600) !important;
}
.focus\:border-cyan-700:focus {
  border-color: var(--cyan-700) !important;
}
.focus\:border-cyan-800:focus {
  border-color: var(--cyan-800) !important;
}
.focus\:border-cyan-900:focus {
  border-color: var(--cyan-900) !important;
}
.hover\:border-cyan-50:hover {
  border-color: var(--cyan-50) !important;
}
.hover\:border-cyan-100:hover {
  border-color: var(--cyan-100) !important;
}
.hover\:border-cyan-200:hover {
  border-color: var(--cyan-200) !important;
}
.hover\:border-cyan-300:hover {
  border-color: var(--cyan-300) !important;
}
.hover\:border-cyan-400:hover {
  border-color: var(--cyan-400) !important;
}
.hover\:border-cyan-500:hover {
  border-color: var(--cyan-500) !important;
}
.hover\:border-cyan-600:hover {
  border-color: var(--cyan-600) !important;
}
.hover\:border-cyan-700:hover {
  border-color: var(--cyan-700) !important;
}
.hover\:border-cyan-800:hover {
  border-color: var(--cyan-800) !important;
}
.hover\:border-cyan-900:hover {
  border-color: var(--cyan-900) !important;
}
.active\:border-cyan-50:active {
  border-color: var(--cyan-50) !important;
}
.active\:border-cyan-100:active {
  border-color: var(--cyan-100) !important;
}
.active\:border-cyan-200:active {
  border-color: var(--cyan-200) !important;
}
.active\:border-cyan-300:active {
  border-color: var(--cyan-300) !important;
}
.active\:border-cyan-400:active {
  border-color: var(--cyan-400) !important;
}
.active\:border-cyan-500:active {
  border-color: var(--cyan-500) !important;
}
.active\:border-cyan-600:active {
  border-color: var(--cyan-600) !important;
}
.active\:border-cyan-700:active {
  border-color: var(--cyan-700) !important;
}
.active\:border-cyan-800:active {
  border-color: var(--cyan-800) !important;
}
.active\:border-cyan-900:active {
  border-color: var(--cyan-900) !important;
}
.border-pink-50 {
  border-color: var(--pink-50) !important;
}
.border-pink-100 {
  border-color: var(--pink-100) !important;
}
.border-pink-200 {
  border-color: var(--pink-200) !important;
}
.border-pink-300 {
  border-color: var(--pink-300) !important;
}
.border-pink-400 {
  border-color: var(--pink-400) !important;
}
.border-pink-500 {
  border-color: var(--pink-500) !important;
}
.border-pink-600 {
  border-color: var(--pink-600) !important;
}
.border-pink-700 {
  border-color: var(--pink-700) !important;
}
.border-pink-800 {
  border-color: var(--pink-800) !important;
}
.border-pink-900 {
  border-color: var(--pink-900) !important;
}
.focus\:border-pink-50:focus {
  border-color: var(--pink-50) !important;
}
.focus\:border-pink-100:focus {
  border-color: var(--pink-100) !important;
}
.focus\:border-pink-200:focus {
  border-color: var(--pink-200) !important;
}
.focus\:border-pink-300:focus {
  border-color: var(--pink-300) !important;
}
.focus\:border-pink-400:focus {
  border-color: var(--pink-400) !important;
}
.focus\:border-pink-500:focus {
  border-color: var(--pink-500) !important;
}
.focus\:border-pink-600:focus {
  border-color: var(--pink-600) !important;
}
.focus\:border-pink-700:focus {
  border-color: var(--pink-700) !important;
}
.focus\:border-pink-800:focus {
  border-color: var(--pink-800) !important;
}
.focus\:border-pink-900:focus {
  border-color: var(--pink-900) !important;
}
.hover\:border-pink-50:hover {
  border-color: var(--pink-50) !important;
}
.hover\:border-pink-100:hover {
  border-color: var(--pink-100) !important;
}
.hover\:border-pink-200:hover {
  border-color: var(--pink-200) !important;
}
.hover\:border-pink-300:hover {
  border-color: var(--pink-300) !important;
}
.hover\:border-pink-400:hover {
  border-color: var(--pink-400) !important;
}
.hover\:border-pink-500:hover {
  border-color: var(--pink-500) !important;
}
.hover\:border-pink-600:hover {
  border-color: var(--pink-600) !important;
}
.hover\:border-pink-700:hover {
  border-color: var(--pink-700) !important;
}
.hover\:border-pink-800:hover {
  border-color: var(--pink-800) !important;
}
.hover\:border-pink-900:hover {
  border-color: var(--pink-900) !important;
}
.active\:border-pink-50:active {
  border-color: var(--pink-50) !important;
}
.active\:border-pink-100:active {
  border-color: var(--pink-100) !important;
}
.active\:border-pink-200:active {
  border-color: var(--pink-200) !important;
}
.active\:border-pink-300:active {
  border-color: var(--pink-300) !important;
}
.active\:border-pink-400:active {
  border-color: var(--pink-400) !important;
}
.active\:border-pink-500:active {
  border-color: var(--pink-500) !important;
}
.active\:border-pink-600:active {
  border-color: var(--pink-600) !important;
}
.active\:border-pink-700:active {
  border-color: var(--pink-700) !important;
}
.active\:border-pink-800:active {
  border-color: var(--pink-800) !important;
}
.active\:border-pink-900:active {
  border-color: var(--pink-900) !important;
}
.border-indigo-50 {
  border-color: var(--indigo-50) !important;
}
.border-indigo-100 {
  border-color: var(--indigo-100) !important;
}
.border-indigo-200 {
  border-color: var(--indigo-200) !important;
}
.border-indigo-300 {
  border-color: var(--indigo-300) !important;
}
.border-indigo-400 {
  border-color: var(--indigo-400) !important;
}
.border-indigo-500 {
  border-color: var(--indigo-500) !important;
}
.border-indigo-600 {
  border-color: var(--indigo-600) !important;
}
.border-indigo-700 {
  border-color: var(--indigo-700) !important;
}
.border-indigo-800 {
  border-color: var(--indigo-800) !important;
}
.border-indigo-900 {
  border-color: var(--indigo-900) !important;
}
.focus\:border-indigo-50:focus {
  border-color: var(--indigo-50) !important;
}
.focus\:border-indigo-100:focus {
  border-color: var(--indigo-100) !important;
}
.focus\:border-indigo-200:focus {
  border-color: var(--indigo-200) !important;
}
.focus\:border-indigo-300:focus {
  border-color: var(--indigo-300) !important;
}
.focus\:border-indigo-400:focus {
  border-color: var(--indigo-400) !important;
}
.focus\:border-indigo-500:focus {
  border-color: var(--indigo-500) !important;
}
.focus\:border-indigo-600:focus {
  border-color: var(--indigo-600) !important;
}
.focus\:border-indigo-700:focus {
  border-color: var(--indigo-700) !important;
}
.focus\:border-indigo-800:focus {
  border-color: var(--indigo-800) !important;
}
.focus\:border-indigo-900:focus {
  border-color: var(--indigo-900) !important;
}
.hover\:border-indigo-50:hover {
  border-color: var(--indigo-50) !important;
}
.hover\:border-indigo-100:hover {
  border-color: var(--indigo-100) !important;
}
.hover\:border-indigo-200:hover {
  border-color: var(--indigo-200) !important;
}
.hover\:border-indigo-300:hover {
  border-color: var(--indigo-300) !important;
}
.hover\:border-indigo-400:hover {
  border-color: var(--indigo-400) !important;
}
.hover\:border-indigo-500:hover {
  border-color: var(--indigo-500) !important;
}
.hover\:border-indigo-600:hover {
  border-color: var(--indigo-600) !important;
}
.hover\:border-indigo-700:hover {
  border-color: var(--indigo-700) !important;
}
.hover\:border-indigo-800:hover {
  border-color: var(--indigo-800) !important;
}
.hover\:border-indigo-900:hover {
  border-color: var(--indigo-900) !important;
}
.active\:border-indigo-50:active {
  border-color: var(--indigo-50) !important;
}
.active\:border-indigo-100:active {
  border-color: var(--indigo-100) !important;
}
.active\:border-indigo-200:active {
  border-color: var(--indigo-200) !important;
}
.active\:border-indigo-300:active {
  border-color: var(--indigo-300) !important;
}
.active\:border-indigo-400:active {
  border-color: var(--indigo-400) !important;
}
.active\:border-indigo-500:active {
  border-color: var(--indigo-500) !important;
}
.active\:border-indigo-600:active {
  border-color: var(--indigo-600) !important;
}
.active\:border-indigo-700:active {
  border-color: var(--indigo-700) !important;
}
.active\:border-indigo-800:active {
  border-color: var(--indigo-800) !important;
}
.active\:border-indigo-900:active {
  border-color: var(--indigo-900) !important;
}
.border-teal-50 {
  border-color: var(--teal-50) !important;
}
.border-teal-100 {
  border-color: var(--teal-100) !important;
}
.border-teal-200 {
  border-color: var(--teal-200) !important;
}
.border-teal-300 {
  border-color: var(--teal-300) !important;
}
.border-teal-400 {
  border-color: var(--teal-400) !important;
}
.border-teal-500 {
  border-color: var(--teal-500) !important;
}
.border-teal-600 {
  border-color: var(--teal-600) !important;
}
.border-teal-700 {
  border-color: var(--teal-700) !important;
}
.border-teal-800 {
  border-color: var(--teal-800) !important;
}
.border-teal-900 {
  border-color: var(--teal-900) !important;
}
.focus\:border-teal-50:focus {
  border-color: var(--teal-50) !important;
}
.focus\:border-teal-100:focus {
  border-color: var(--teal-100) !important;
}
.focus\:border-teal-200:focus {
  border-color: var(--teal-200) !important;
}
.focus\:border-teal-300:focus {
  border-color: var(--teal-300) !important;
}
.focus\:border-teal-400:focus {
  border-color: var(--teal-400) !important;
}
.focus\:border-teal-500:focus {
  border-color: var(--teal-500) !important;
}
.focus\:border-teal-600:focus {
  border-color: var(--teal-600) !important;
}
.focus\:border-teal-700:focus {
  border-color: var(--teal-700) !important;
}
.focus\:border-teal-800:focus {
  border-color: var(--teal-800) !important;
}
.focus\:border-teal-900:focus {
  border-color: var(--teal-900) !important;
}
.hover\:border-teal-50:hover {
  border-color: var(--teal-50) !important;
}
.hover\:border-teal-100:hover {
  border-color: var(--teal-100) !important;
}
.hover\:border-teal-200:hover {
  border-color: var(--teal-200) !important;
}
.hover\:border-teal-300:hover {
  border-color: var(--teal-300) !important;
}
.hover\:border-teal-400:hover {
  border-color: var(--teal-400) !important;
}
.hover\:border-teal-500:hover {
  border-color: var(--teal-500) !important;
}
.hover\:border-teal-600:hover {
  border-color: var(--teal-600) !important;
}
.hover\:border-teal-700:hover {
  border-color: var(--teal-700) !important;
}
.hover\:border-teal-800:hover {
  border-color: var(--teal-800) !important;
}
.hover\:border-teal-900:hover {
  border-color: var(--teal-900) !important;
}
.active\:border-teal-50:active {
  border-color: var(--teal-50) !important;
}
.active\:border-teal-100:active {
  border-color: var(--teal-100) !important;
}
.active\:border-teal-200:active {
  border-color: var(--teal-200) !important;
}
.active\:border-teal-300:active {
  border-color: var(--teal-300) !important;
}
.active\:border-teal-400:active {
  border-color: var(--teal-400) !important;
}
.active\:border-teal-500:active {
  border-color: var(--teal-500) !important;
}
.active\:border-teal-600:active {
  border-color: var(--teal-600) !important;
}
.active\:border-teal-700:active {
  border-color: var(--teal-700) !important;
}
.active\:border-teal-800:active {
  border-color: var(--teal-800) !important;
}
.active\:border-teal-900:active {
  border-color: var(--teal-900) !important;
}
.border-orange-50 {
  border-color: var(--orange-50) !important;
}
.border-orange-100 {
  border-color: var(--orange-100) !important;
}
.border-orange-200 {
  border-color: var(--orange-200) !important;
}
.border-orange-300 {
  border-color: var(--orange-300) !important;
}
.border-orange-400 {
  border-color: var(--orange-400) !important;
}
.border-orange-500 {
  border-color: var(--orange-500) !important;
}
.border-orange-600 {
  border-color: var(--orange-600) !important;
}
.border-orange-700 {
  border-color: var(--orange-700) !important;
}
.border-orange-800 {
  border-color: var(--orange-800) !important;
}
.border-orange-900 {
  border-color: var(--orange-900) !important;
}
.focus\:border-orange-50:focus {
  border-color: var(--orange-50) !important;
}
.focus\:border-orange-100:focus {
  border-color: var(--orange-100) !important;
}
.focus\:border-orange-200:focus {
  border-color: var(--orange-200) !important;
}
.focus\:border-orange-300:focus {
  border-color: var(--orange-300) !important;
}
.focus\:border-orange-400:focus {
  border-color: var(--orange-400) !important;
}
.focus\:border-orange-500:focus {
  border-color: var(--orange-500) !important;
}
.focus\:border-orange-600:focus {
  border-color: var(--orange-600) !important;
}
.focus\:border-orange-700:focus {
  border-color: var(--orange-700) !important;
}
.focus\:border-orange-800:focus {
  border-color: var(--orange-800) !important;
}
.focus\:border-orange-900:focus {
  border-color: var(--orange-900) !important;
}
.hover\:border-orange-50:hover {
  border-color: var(--orange-50) !important;
}
.hover\:border-orange-100:hover {
  border-color: var(--orange-100) !important;
}
.hover\:border-orange-200:hover {
  border-color: var(--orange-200) !important;
}
.hover\:border-orange-300:hover {
  border-color: var(--orange-300) !important;
}
.hover\:border-orange-400:hover {
  border-color: var(--orange-400) !important;
}
.hover\:border-orange-500:hover {
  border-color: var(--orange-500) !important;
}
.hover\:border-orange-600:hover {
  border-color: var(--orange-600) !important;
}
.hover\:border-orange-700:hover {
  border-color: var(--orange-700) !important;
}
.hover\:border-orange-800:hover {
  border-color: var(--orange-800) !important;
}
.hover\:border-orange-900:hover {
  border-color: var(--orange-900) !important;
}
.active\:border-orange-50:active {
  border-color: var(--orange-50) !important;
}
.active\:border-orange-100:active {
  border-color: var(--orange-100) !important;
}
.active\:border-orange-200:active {
  border-color: var(--orange-200) !important;
}
.active\:border-orange-300:active {
  border-color: var(--orange-300) !important;
}
.active\:border-orange-400:active {
  border-color: var(--orange-400) !important;
}
.active\:border-orange-500:active {
  border-color: var(--orange-500) !important;
}
.active\:border-orange-600:active {
  border-color: var(--orange-600) !important;
}
.active\:border-orange-700:active {
  border-color: var(--orange-700) !important;
}
.active\:border-orange-800:active {
  border-color: var(--orange-800) !important;
}
.active\:border-orange-900:active {
  border-color: var(--orange-900) !important;
}
.border-bluegray-50 {
  border-color: var(--bluegray-50) !important;
}
.border-bluegray-100 {
  border-color: var(--bluegray-100) !important;
}
.border-bluegray-200 {
  border-color: var(--bluegray-200) !important;
}
.border-bluegray-300 {
  border-color: var(--bluegray-300) !important;
}
.border-bluegray-400 {
  border-color: var(--bluegray-400) !important;
}
.border-bluegray-500 {
  border-color: var(--bluegray-500) !important;
}
.border-bluegray-600 {
  border-color: var(--bluegray-600) !important;
}
.border-bluegray-700 {
  border-color: var(--bluegray-700) !important;
}
.border-bluegray-800 {
  border-color: var(--bluegray-800) !important;
}
.border-bluegray-900 {
  border-color: var(--bluegray-900) !important;
}
.focus\:border-bluegray-50:focus {
  border-color: var(--bluegray-50) !important;
}
.focus\:border-bluegray-100:focus {
  border-color: var(--bluegray-100) !important;
}
.focus\:border-bluegray-200:focus {
  border-color: var(--bluegray-200) !important;
}
.focus\:border-bluegray-300:focus {
  border-color: var(--bluegray-300) !important;
}
.focus\:border-bluegray-400:focus {
  border-color: var(--bluegray-400) !important;
}
.focus\:border-bluegray-500:focus {
  border-color: var(--bluegray-500) !important;
}
.focus\:border-bluegray-600:focus {
  border-color: var(--bluegray-600) !important;
}
.focus\:border-bluegray-700:focus {
  border-color: var(--bluegray-700) !important;
}
.focus\:border-bluegray-800:focus {
  border-color: var(--bluegray-800) !important;
}
.focus\:border-bluegray-900:focus {
  border-color: var(--bluegray-900) !important;
}
.hover\:border-bluegray-50:hover {
  border-color: var(--bluegray-50) !important;
}
.hover\:border-bluegray-100:hover {
  border-color: var(--bluegray-100) !important;
}
.hover\:border-bluegray-200:hover {
  border-color: var(--bluegray-200) !important;
}
.hover\:border-bluegray-300:hover {
  border-color: var(--bluegray-300) !important;
}
.hover\:border-bluegray-400:hover {
  border-color: var(--bluegray-400) !important;
}
.hover\:border-bluegray-500:hover {
  border-color: var(--bluegray-500) !important;
}
.hover\:border-bluegray-600:hover {
  border-color: var(--bluegray-600) !important;
}
.hover\:border-bluegray-700:hover {
  border-color: var(--bluegray-700) !important;
}
.hover\:border-bluegray-800:hover {
  border-color: var(--bluegray-800) !important;
}
.hover\:border-bluegray-900:hover {
  border-color: var(--bluegray-900) !important;
}
.active\:border-bluegray-50:active {
  border-color: var(--bluegray-50) !important;
}
.active\:border-bluegray-100:active {
  border-color: var(--bluegray-100) !important;
}
.active\:border-bluegray-200:active {
  border-color: var(--bluegray-200) !important;
}
.active\:border-bluegray-300:active {
  border-color: var(--bluegray-300) !important;
}
.active\:border-bluegray-400:active {
  border-color: var(--bluegray-400) !important;
}
.active\:border-bluegray-500:active {
  border-color: var(--bluegray-500) !important;
}
.active\:border-bluegray-600:active {
  border-color: var(--bluegray-600) !important;
}
.active\:border-bluegray-700:active {
  border-color: var(--bluegray-700) !important;
}
.active\:border-bluegray-800:active {
  border-color: var(--bluegray-800) !important;
}
.active\:border-bluegray-900:active {
  border-color: var(--bluegray-900) !important;
}
.border-purple-50 {
  border-color: var(--purple-50) !important;
}
.border-purple-100 {
  border-color: var(--purple-100) !important;
}
.border-purple-200 {
  border-color: var(--purple-200) !important;
}
.border-purple-300 {
  border-color: var(--purple-300) !important;
}
.border-purple-400 {
  border-color: var(--purple-400) !important;
}
.border-purple-500 {
  border-color: var(--purple-500) !important;
}
.border-purple-600 {
  border-color: var(--purple-600) !important;
}
.border-purple-700 {
  border-color: var(--purple-700) !important;
}
.border-purple-800 {
  border-color: var(--purple-800) !important;
}
.border-purple-900 {
  border-color: var(--purple-900) !important;
}
.focus\:border-purple-50:focus {
  border-color: var(--purple-50) !important;
}
.focus\:border-purple-100:focus {
  border-color: var(--purple-100) !important;
}
.focus\:border-purple-200:focus {
  border-color: var(--purple-200) !important;
}
.focus\:border-purple-300:focus {
  border-color: var(--purple-300) !important;
}
.focus\:border-purple-400:focus {
  border-color: var(--purple-400) !important;
}
.focus\:border-purple-500:focus {
  border-color: var(--purple-500) !important;
}
.focus\:border-purple-600:focus {
  border-color: var(--purple-600) !important;
}
.focus\:border-purple-700:focus {
  border-color: var(--purple-700) !important;
}
.focus\:border-purple-800:focus {
  border-color: var(--purple-800) !important;
}
.focus\:border-purple-900:focus {
  border-color: var(--purple-900) !important;
}
.hover\:border-purple-50:hover {
  border-color: var(--purple-50) !important;
}
.hover\:border-purple-100:hover {
  border-color: var(--purple-100) !important;
}
.hover\:border-purple-200:hover {
  border-color: var(--purple-200) !important;
}
.hover\:border-purple-300:hover {
  border-color: var(--purple-300) !important;
}
.hover\:border-purple-400:hover {
  border-color: var(--purple-400) !important;
}
.hover\:border-purple-500:hover {
  border-color: var(--purple-500) !important;
}
.hover\:border-purple-600:hover {
  border-color: var(--purple-600) !important;
}
.hover\:border-purple-700:hover {
  border-color: var(--purple-700) !important;
}
.hover\:border-purple-800:hover {
  border-color: var(--purple-800) !important;
}
.hover\:border-purple-900:hover {
  border-color: var(--purple-900) !important;
}
.active\:border-purple-50:active {
  border-color: var(--purple-50) !important;
}
.active\:border-purple-100:active {
  border-color: var(--purple-100) !important;
}
.active\:border-purple-200:active {
  border-color: var(--purple-200) !important;
}
.active\:border-purple-300:active {
  border-color: var(--purple-300) !important;
}
.active\:border-purple-400:active {
  border-color: var(--purple-400) !important;
}
.active\:border-purple-500:active {
  border-color: var(--purple-500) !important;
}
.active\:border-purple-600:active {
  border-color: var(--purple-600) !important;
}
.active\:border-purple-700:active {
  border-color: var(--purple-700) !important;
}
.active\:border-purple-800:active {
  border-color: var(--purple-800) !important;
}
.active\:border-purple-900:active {
  border-color: var(--purple-900) !important;
}
.border-gray-50 {
  border-color: var(--gray-50) !important;
}
.border-gray-100 {
  border-color: var(--gray-100) !important;
}
.border-gray-200 {
  border-color: var(--gray-200) !important;
}
.border-gray-300 {
  border-color: var(--gray-300) !important;
}
.border-gray-400 {
  border-color: var(--gray-400) !important;
}
.border-gray-500 {
  border-color: var(--gray-500) !important;
}
.border-gray-600 {
  border-color: var(--gray-600) !important;
}
.border-gray-700 {
  border-color: var(--gray-700) !important;
}
.border-gray-800 {
  border-color: var(--gray-800) !important;
}
.border-gray-900 {
  border-color: var(--gray-900) !important;
}
.focus\:border-gray-50:focus {
  border-color: var(--gray-50) !important;
}
.focus\:border-gray-100:focus {
  border-color: var(--gray-100) !important;
}
.focus\:border-gray-200:focus {
  border-color: var(--gray-200) !important;
}
.focus\:border-gray-300:focus {
  border-color: var(--gray-300) !important;
}
.focus\:border-gray-400:focus {
  border-color: var(--gray-400) !important;
}
.focus\:border-gray-500:focus {
  border-color: var(--gray-500) !important;
}
.focus\:border-gray-600:focus {
  border-color: var(--gray-600) !important;
}
.focus\:border-gray-700:focus {
  border-color: var(--gray-700) !important;
}
.focus\:border-gray-800:focus {
  border-color: var(--gray-800) !important;
}
.focus\:border-gray-900:focus {
  border-color: var(--gray-900) !important;
}
.hover\:border-gray-50:hover {
  border-color: var(--gray-50) !important;
}
.hover\:border-gray-100:hover {
  border-color: var(--gray-100) !important;
}
.hover\:border-gray-200:hover {
  border-color: var(--gray-200) !important;
}
.hover\:border-gray-300:hover {
  border-color: var(--gray-300) !important;
}
.hover\:border-gray-400:hover {
  border-color: var(--gray-400) !important;
}
.hover\:border-gray-500:hover {
  border-color: var(--gray-500) !important;
}
.hover\:border-gray-600:hover {
  border-color: var(--gray-600) !important;
}
.hover\:border-gray-700:hover {
  border-color: var(--gray-700) !important;
}
.hover\:border-gray-800:hover {
  border-color: var(--gray-800) !important;
}
.hover\:border-gray-900:hover {
  border-color: var(--gray-900) !important;
}
.active\:border-gray-50:active {
  border-color: var(--gray-50) !important;
}
.active\:border-gray-100:active {
  border-color: var(--gray-100) !important;
}
.active\:border-gray-200:active {
  border-color: var(--gray-200) !important;
}
.active\:border-gray-300:active {
  border-color: var(--gray-300) !important;
}
.active\:border-gray-400:active {
  border-color: var(--gray-400) !important;
}
.active\:border-gray-500:active {
  border-color: var(--gray-500) !important;
}
.active\:border-gray-600:active {
  border-color: var(--gray-600) !important;
}
.active\:border-gray-700:active {
  border-color: var(--gray-700) !important;
}
.active\:border-gray-800:active {
  border-color: var(--gray-800) !important;
}
.active\:border-gray-900:active {
  border-color: var(--gray-900) !important;
}
.border-red-50 {
  border-color: var(--red-50) !important;
}
.border-red-100 {
  border-color: var(--red-100) !important;
}
.border-red-200 {
  border-color: var(--red-200) !important;
}
.border-red-300 {
  border-color: var(--red-300) !important;
}
.border-red-400 {
  border-color: var(--red-400) !important;
}
.border-red-500 {
  border-color: var(--red-500) !important;
}
.border-red-600 {
  border-color: var(--red-600) !important;
}
.border-red-700 {
  border-color: var(--red-700) !important;
}
.border-red-800 {
  border-color: var(--red-800) !important;
}
.border-red-900 {
  border-color: var(--red-900) !important;
}
.focus\:border-red-50:focus {
  border-color: var(--red-50) !important;
}
.focus\:border-red-100:focus {
  border-color: var(--red-100) !important;
}
.focus\:border-red-200:focus {
  border-color: var(--red-200) !important;
}
.focus\:border-red-300:focus {
  border-color: var(--red-300) !important;
}
.focus\:border-red-400:focus {
  border-color: var(--red-400) !important;
}
.focus\:border-red-500:focus {
  border-color: var(--red-500) !important;
}
.focus\:border-red-600:focus {
  border-color: var(--red-600) !important;
}
.focus\:border-red-700:focus {
  border-color: var(--red-700) !important;
}
.focus\:border-red-800:focus {
  border-color: var(--red-800) !important;
}
.focus\:border-red-900:focus {
  border-color: var(--red-900) !important;
}
.hover\:border-red-50:hover {
  border-color: var(--red-50) !important;
}
.hover\:border-red-100:hover {
  border-color: var(--red-100) !important;
}
.hover\:border-red-200:hover {
  border-color: var(--red-200) !important;
}
.hover\:border-red-300:hover {
  border-color: var(--red-300) !important;
}
.hover\:border-red-400:hover {
  border-color: var(--red-400) !important;
}
.hover\:border-red-500:hover {
  border-color: var(--red-500) !important;
}
.hover\:border-red-600:hover {
  border-color: var(--red-600) !important;
}
.hover\:border-red-700:hover {
  border-color: var(--red-700) !important;
}
.hover\:border-red-800:hover {
  border-color: var(--red-800) !important;
}
.hover\:border-red-900:hover {
  border-color: var(--red-900) !important;
}
.active\:border-red-50:active {
  border-color: var(--red-50) !important;
}
.active\:border-red-100:active {
  border-color: var(--red-100) !important;
}
.active\:border-red-200:active {
  border-color: var(--red-200) !important;
}
.active\:border-red-300:active {
  border-color: var(--red-300) !important;
}
.active\:border-red-400:active {
  border-color: var(--red-400) !important;
}
.active\:border-red-500:active {
  border-color: var(--red-500) !important;
}
.active\:border-red-600:active {
  border-color: var(--red-600) !important;
}
.active\:border-red-700:active {
  border-color: var(--red-700) !important;
}
.active\:border-red-800:active {
  border-color: var(--red-800) !important;
}
.active\:border-red-900:active {
  border-color: var(--red-900) !important;
}
.border-primary-50 {
  border-color: var(--primary-50) !important;
}
.border-primary-100 {
  border-color: var(--primary-100) !important;
}
.border-primary-200 {
  border-color: var(--primary-200) !important;
}
.border-primary-300 {
  border-color: var(--primary-300) !important;
}
.border-primary-400 {
  border-color: var(--primary-400) !important;
}
.border-primary-500 {
  border-color: var(--primary-500) !important;
}
.border-primary-600 {
  border-color: var(--primary-600) !important;
}
.border-primary-700 {
  border-color: var(--primary-700) !important;
}
.border-primary-800 {
  border-color: var(--primary-800) !important;
}
.border-primary-900 {
  border-color: var(--primary-900) !important;
}
.focus\:border-primary-50:focus {
  border-color: var(--primary-50) !important;
}
.focus\:border-primary-100:focus {
  border-color: var(--primary-100) !important;
}
.focus\:border-primary-200:focus {
  border-color: var(--primary-200) !important;
}
.focus\:border-primary-300:focus {
  border-color: var(--primary-300) !important;
}
.focus\:border-primary-400:focus {
  border-color: var(--primary-400) !important;
}
.focus\:border-primary-500:focus {
  border-color: var(--primary-500) !important;
}
.focus\:border-primary-600:focus {
  border-color: var(--primary-600) !important;
}
.focus\:border-primary-700:focus {
  border-color: var(--primary-700) !important;
}
.focus\:border-primary-800:focus {
  border-color: var(--primary-800) !important;
}
.focus\:border-primary-900:focus {
  border-color: var(--primary-900) !important;
}
.hover\:border-primary-50:hover {
  border-color: var(--primary-50) !important;
}
.hover\:border-primary-100:hover {
  border-color: var(--primary-100) !important;
}
.hover\:border-primary-200:hover {
  border-color: var(--primary-200) !important;
}
.hover\:border-primary-300:hover {
  border-color: var(--primary-300) !important;
}
.hover\:border-primary-400:hover {
  border-color: var(--primary-400) !important;
}
.hover\:border-primary-500:hover {
  border-color: var(--primary-500) !important;
}
.hover\:border-primary-600:hover {
  border-color: var(--primary-600) !important;
}
.hover\:border-primary-700:hover {
  border-color: var(--primary-700) !important;
}
.hover\:border-primary-800:hover {
  border-color: var(--primary-800) !important;
}
.hover\:border-primary-900:hover {
  border-color: var(--primary-900) !important;
}
.active\:border-primary-50:active {
  border-color: var(--primary-50) !important;
}
.active\:border-primary-100:active {
  border-color: var(--primary-100) !important;
}
.active\:border-primary-200:active {
  border-color: var(--primary-200) !important;
}
.active\:border-primary-300:active {
  border-color: var(--primary-300) !important;
}
.active\:border-primary-400:active {
  border-color: var(--primary-400) !important;
}
.active\:border-primary-500:active {
  border-color: var(--primary-500) !important;
}
.active\:border-primary-600:active {
  border-color: var(--primary-600) !important;
}
.active\:border-primary-700:active {
  border-color: var(--primary-700) !important;
}
.active\:border-primary-800:active {
  border-color: var(--primary-800) !important;
}
.active\:border-primary-900:active {
  border-color: var(--primary-900) !important;
}
.bg-white-alpha-10 {
  background-color: rgba(255,255,255,0.1) !important;
}
.bg-white-alpha-20 {
  background-color: rgba(255,255,255,0.2) !important;
}
.bg-white-alpha-30 {
  background-color: rgba(255,255,255,0.3) !important;
}
.bg-white-alpha-40 {
  background-color: rgba(255,255,255,0.4) !important;
}
.bg-white-alpha-50 {
  background-color: rgba(255,255,255,0.5) !important;
}
.bg-white-alpha-60 {
  background-color: rgba(255,255,255,0.6) !important;
}
.bg-white-alpha-70 {
  background-color: rgba(255,255,255,0.7) !important;
}
.bg-white-alpha-80 {
  background-color: rgba(255,255,255,0.8) !important;
}
.bg-white-alpha-90 {
  background-color: rgba(255,255,255,0.9) !important;
}
.hover\:bg-white-alpha-10:hover {
  background-color: rgba(255,255,255,0.1) !important;
}
.hover\:bg-white-alpha-20:hover {
  background-color: rgba(255,255,255,0.2) !important;
}
.hover\:bg-white-alpha-30:hover {
  background-color: rgba(255,255,255,0.3) !important;
}
.hover\:bg-white-alpha-40:hover {
  background-color: rgba(255,255,255,0.4) !important;
}
.hover\:bg-white-alpha-50:hover {
  background-color: rgba(255,255,255,0.5) !important;
}
.hover\:bg-white-alpha-60:hover {
  background-color: rgba(255,255,255,0.6) !important;
}
.hover\:bg-white-alpha-70:hover {
  background-color: rgba(255,255,255,0.7) !important;
}
.hover\:bg-white-alpha-80:hover {
  background-color: rgba(255,255,255,0.8) !important;
}
.hover\:bg-white-alpha-90:hover {
  background-color: rgba(255,255,255,0.9) !important;
}
.focus\:bg-white-alpha-10:focus {
  background-color: rgba(255,255,255,0.1) !important;
}
.focus\:bg-white-alpha-20:focus {
  background-color: rgba(255,255,255,0.2) !important;
}
.focus\:bg-white-alpha-30:focus {
  background-color: rgba(255,255,255,0.3) !important;
}
.focus\:bg-white-alpha-40:focus {
  background-color: rgba(255,255,255,0.4) !important;
}
.focus\:bg-white-alpha-50:focus {
  background-color: rgba(255,255,255,0.5) !important;
}
.focus\:bg-white-alpha-60:focus {
  background-color: rgba(255,255,255,0.6) !important;
}
.focus\:bg-white-alpha-70:focus {
  background-color: rgba(255,255,255,0.7) !important;
}
.focus\:bg-white-alpha-80:focus {
  background-color: rgba(255,255,255,0.8) !important;
}
.focus\:bg-white-alpha-90:focus {
  background-color: rgba(255,255,255,0.9) !important;
}
.active\:bg-white-alpha-10:active {
  background-color: rgba(255,255,255,0.1) !important;
}
.active\:bg-white-alpha-20:active {
  background-color: rgba(255,255,255,0.2) !important;
}
.active\:bg-white-alpha-30:active {
  background-color: rgba(255,255,255,0.3) !important;
}
.active\:bg-white-alpha-40:active {
  background-color: rgba(255,255,255,0.4) !important;
}
.active\:bg-white-alpha-50:active {
  background-color: rgba(255,255,255,0.5) !important;
}
.active\:bg-white-alpha-60:active {
  background-color: rgba(255,255,255,0.6) !important;
}
.active\:bg-white-alpha-70:active {
  background-color: rgba(255,255,255,0.7) !important;
}
.active\:bg-white-alpha-80:active {
  background-color: rgba(255,255,255,0.8) !important;
}
.active\:bg-white-alpha-90:active {
  background-color: rgba(255,255,255,0.9) !important;
}
.bg-black-alpha-10 {
  background-color: rgba(0,0,0,0.1) !important;
}
.bg-black-alpha-20 {
  background-color: rgba(0,0,0,0.2) !important;
}
.bg-black-alpha-30 {
  background-color: rgba(0,0,0,0.3) !important;
}
.bg-black-alpha-40 {
  background-color: rgba(0,0,0,0.4) !important;
}
.bg-black-alpha-50 {
  background-color: rgba(0,0,0,0.5) !important;
}
.bg-black-alpha-60 {
  background-color: rgba(0,0,0,0.6) !important;
}
.bg-black-alpha-70 {
  background-color: rgba(0,0,0,0.7) !important;
}
.bg-black-alpha-80 {
  background-color: rgba(0,0,0,0.8) !important;
}
.bg-black-alpha-90 {
  background-color: rgba(0,0,0,0.9) !important;
}
.hover\:bg-black-alpha-10:hover {
  background-color: rgba(0,0,0,0.1) !important;
}
.hover\:bg-black-alpha-20:hover {
  background-color: rgba(0,0,0,0.2) !important;
}
.hover\:bg-black-alpha-30:hover {
  background-color: rgba(0,0,0,0.3) !important;
}
.hover\:bg-black-alpha-40:hover {
  background-color: rgba(0,0,0,0.4) !important;
}
.hover\:bg-black-alpha-50:hover {
  background-color: rgba(0,0,0,0.5) !important;
}
.hover\:bg-black-alpha-60:hover {
  background-color: rgba(0,0,0,0.6) !important;
}
.hover\:bg-black-alpha-70:hover {
  background-color: rgba(0,0,0,0.7) !important;
}
.hover\:bg-black-alpha-80:hover {
  background-color: rgba(0,0,0,0.8) !important;
}
.hover\:bg-black-alpha-90:hover {
  background-color: rgba(0,0,0,0.9) !important;
}
.focus\:bg-black-alpha-10:focus {
  background-color: rgba(0,0,0,0.1) !important;
}
.focus\:bg-black-alpha-20:focus {
  background-color: rgba(0,0,0,0.2) !important;
}
.focus\:bg-black-alpha-30:focus {
  background-color: rgba(0,0,0,0.3) !important;
}
.focus\:bg-black-alpha-40:focus {
  background-color: rgba(0,0,0,0.4) !important;
}
.focus\:bg-black-alpha-50:focus {
  background-color: rgba(0,0,0,0.5) !important;
}
.focus\:bg-black-alpha-60:focus {
  background-color: rgba(0,0,0,0.6) !important;
}
.focus\:bg-black-alpha-70:focus {
  background-color: rgba(0,0,0,0.7) !important;
}
.focus\:bg-black-alpha-80:focus {
  background-color: rgba(0,0,0,0.8) !important;
}
.focus\:bg-black-alpha-90:focus {
  background-color: rgba(0,0,0,0.9) !important;
}
.active\:bg-black-alpha-10:active {
  background-color: rgba(0,0,0,0.1) !important;
}
.active\:bg-black-alpha-20:active {
  background-color: rgba(0,0,0,0.2) !important;
}
.active\:bg-black-alpha-30:active {
  background-color: rgba(0,0,0,0.3) !important;
}
.active\:bg-black-alpha-40:active {
  background-color: rgba(0,0,0,0.4) !important;
}
.active\:bg-black-alpha-50:active {
  background-color: rgba(0,0,0,0.5) !important;
}
.active\:bg-black-alpha-60:active {
  background-color: rgba(0,0,0,0.6) !important;
}
.active\:bg-black-alpha-70:active {
  background-color: rgba(0,0,0,0.7) !important;
}
.active\:bg-black-alpha-80:active {
  background-color: rgba(0,0,0,0.8) !important;
}
.active\:bg-black-alpha-90:active {
  background-color: rgba(0,0,0,0.9) !important;
}
.border-white-alpha-10 {
  border-color: rgba(255,255,255,0.1) !important;
}
.border-white-alpha-20 {
  border-color: rgba(255,255,255,0.2) !important;
}
.border-white-alpha-30 {
  border-color: rgba(255,255,255,0.3) !important;
}
.border-white-alpha-40 {
  border-color: rgba(255,255,255,0.4) !important;
}
.border-white-alpha-50 {
  border-color: rgba(255,255,255,0.5) !important;
}
.border-white-alpha-60 {
  border-color: rgba(255,255,255,0.6) !important;
}
.border-white-alpha-70 {
  border-color: rgba(255,255,255,0.7) !important;
}
.border-white-alpha-80 {
  border-color: rgba(255,255,255,0.8) !important;
}
.border-white-alpha-90 {
  border-color: rgba(255,255,255,0.9) !important;
}
.hover\:border-white-alpha-10:hover {
  border-color: rgba(255,255,255,0.1) !important;
}
.hover\:border-white-alpha-20:hover {
  border-color: rgba(255,255,255,0.2) !important;
}
.hover\:border-white-alpha-30:hover {
  border-color: rgba(255,255,255,0.3) !important;
}
.hover\:border-white-alpha-40:hover {
  border-color: rgba(255,255,255,0.4) !important;
}
.hover\:border-white-alpha-50:hover {
  border-color: rgba(255,255,255,0.5) !important;
}
.hover\:border-white-alpha-60:hover {
  border-color: rgba(255,255,255,0.6) !important;
}
.hover\:border-white-alpha-70:hover {
  border-color: rgba(255,255,255,0.7) !important;
}
.hover\:border-white-alpha-80:hover {
  border-color: rgba(255,255,255,0.8) !important;
}
.hover\:border-white-alpha-90:hover {
  border-color: rgba(255,255,255,0.9) !important;
}
.focus\:border-white-alpha-10:focus {
  border-color: rgba(255,255,255,0.1) !important;
}
.focus\:border-white-alpha-20:focus {
  border-color: rgba(255,255,255,0.2) !important;
}
.focus\:border-white-alpha-30:focus {
  border-color: rgba(255,255,255,0.3) !important;
}
.focus\:border-white-alpha-40:focus {
  border-color: rgba(255,255,255,0.4) !important;
}
.focus\:border-white-alpha-50:focus {
  border-color: rgba(255,255,255,0.5) !important;
}
.focus\:border-white-alpha-60:focus {
  border-color: rgba(255,255,255,0.6) !important;
}
.focus\:border-white-alpha-70:focus {
  border-color: rgba(255,255,255,0.7) !important;
}
.focus\:border-white-alpha-80:focus {
  border-color: rgba(255,255,255,0.8) !important;
}
.focus\:border-white-alpha-90:focus {
  border-color: rgba(255,255,255,0.9) !important;
}
.active\:border-white-alpha-10:active {
  border-color: rgba(255,255,255,0.1) !important;
}
.active\:border-white-alpha-20:active {
  border-color: rgba(255,255,255,0.2) !important;
}
.active\:border-white-alpha-30:active {
  border-color: rgba(255,255,255,0.3) !important;
}
.active\:border-white-alpha-40:active {
  border-color: rgba(255,255,255,0.4) !important;
}
.active\:border-white-alpha-50:active {
  border-color: rgba(255,255,255,0.5) !important;
}
.active\:border-white-alpha-60:active {
  border-color: rgba(255,255,255,0.6) !important;
}
.active\:border-white-alpha-70:active {
  border-color: rgba(255,255,255,0.7) !important;
}
.active\:border-white-alpha-80:active {
  border-color: rgba(255,255,255,0.8) !important;
}
.active\:border-white-alpha-90:active {
  border-color: rgba(255,255,255,0.9) !important;
}
.border-black-alpha-10 {
  border-color: rgba(0,0,0,0.1) !important;
}
.border-black-alpha-20 {
  border-color: rgba(0,0,0,0.2) !important;
}
.border-black-alpha-30 {
  border-color: rgba(0,0,0,0.3) !important;
}
.border-black-alpha-40 {
  border-color: rgba(0,0,0,0.4) !important;
}
.border-black-alpha-50 {
  border-color: rgba(0,0,0,0.5) !important;
}
.border-black-alpha-60 {
  border-color: rgba(0,0,0,0.6) !important;
}
.border-black-alpha-70 {
  border-color: rgba(0,0,0,0.7) !important;
}
.border-black-alpha-80 {
  border-color: rgba(0,0,0,0.8) !important;
}
.border-black-alpha-90 {
  border-color: rgba(0,0,0,0.9) !important;
}
.hover\:border-black-alpha-10:hover {
  border-color: rgba(0,0,0,0.1) !important;
}
.hover\:border-black-alpha-20:hover {
  border-color: rgba(0,0,0,0.2) !important;
}
.hover\:border-black-alpha-30:hover {
  border-color: rgba(0,0,0,0.3) !important;
}
.hover\:border-black-alpha-40:hover {
  border-color: rgba(0,0,0,0.4) !important;
}
.hover\:border-black-alpha-50:hover {
  border-color: rgba(0,0,0,0.5) !important;
}
.hover\:border-black-alpha-60:hover {
  border-color: rgba(0,0,0,0.6) !important;
}
.hover\:border-black-alpha-70:hover {
  border-color: rgba(0,0,0,0.7) !important;
}
.hover\:border-black-alpha-80:hover {
  border-color: rgba(0,0,0,0.8) !important;
}
.hover\:border-black-alpha-90:hover {
  border-color: rgba(0,0,0,0.9) !important;
}
.focus\:border-black-alpha-10:focus {
  border-color: rgba(0,0,0,0.1) !important;
}
.focus\:border-black-alpha-20:focus {
  border-color: rgba(0,0,0,0.2) !important;
}
.focus\:border-black-alpha-30:focus {
  border-color: rgba(0,0,0,0.3) !important;
}
.focus\:border-black-alpha-40:focus {
  border-color: rgba(0,0,0,0.4) !important;
}
.focus\:border-black-alpha-50:focus {
  border-color: rgba(0,0,0,0.5) !important;
}
.focus\:border-black-alpha-60:focus {
  border-color: rgba(0,0,0,0.6) !important;
}
.focus\:border-black-alpha-70:focus {
  border-color: rgba(0,0,0,0.7) !important;
}
.focus\:border-black-alpha-80:focus {
  border-color: rgba(0,0,0,0.8) !important;
}
.focus\:border-black-alpha-90:focus {
  border-color: rgba(0,0,0,0.9) !important;
}
.active\:border-black-alpha-10:active {
  border-color: rgba(0,0,0,0.1) !important;
}
.active\:border-black-alpha-20:active {
  border-color: rgba(0,0,0,0.2) !important;
}
.active\:border-black-alpha-30:active {
  border-color: rgba(0,0,0,0.3) !important;
}
.active\:border-black-alpha-40:active {
  border-color: rgba(0,0,0,0.4) !important;
}
.active\:border-black-alpha-50:active {
  border-color: rgba(0,0,0,0.5) !important;
}
.active\:border-black-alpha-60:active {
  border-color: rgba(0,0,0,0.6) !important;
}
.active\:border-black-alpha-70:active {
  border-color: rgba(0,0,0,0.7) !important;
}
.active\:border-black-alpha-80:active {
  border-color: rgba(0,0,0,0.8) !important;
}
.active\:border-black-alpha-90:active {
  border-color: rgba(0,0,0,0.9) !important;
}
.text-white-alpha-10 {
  color: rgba(255,255,255,0.1) !important;
}
.text-white-alpha-20 {
  color: rgba(255,255,255,0.2) !important;
}
.text-white-alpha-30 {
  color: rgba(255,255,255,0.3) !important;
}
.text-white-alpha-40 {
  color: rgba(255,255,255,0.4) !important;
}
.text-white-alpha-50 {
  color: rgba(255,255,255,0.5) !important;
}
.text-white-alpha-60 {
  color: rgba(255,255,255,0.6) !important;
}
.text-white-alpha-70 {
  color: rgba(255,255,255,0.7) !important;
}
.text-white-alpha-80 {
  color: rgba(255,255,255,0.8) !important;
}
.text-white-alpha-90 {
  color: rgba(255,255,255,0.9) !important;
}
.hover\:text-white-alpha-10:hover {
  color: rgba(255,255,255,0.1) !important;
}
.hover\:text-white-alpha-20:hover {
  color: rgba(255,255,255,0.2) !important;
}
.hover\:text-white-alpha-30:hover {
  color: rgba(255,255,255,0.3) !important;
}
.hover\:text-white-alpha-40:hover {
  color: rgba(255,255,255,0.4) !important;
}
.hover\:text-white-alpha-50:hover {
  color: rgba(255,255,255,0.5) !important;
}
.hover\:text-white-alpha-60:hover {
  color: rgba(255,255,255,0.6) !important;
}
.hover\:text-white-alpha-70:hover {
  color: rgba(255,255,255,0.7) !important;
}
.hover\:text-white-alpha-80:hover {
  color: rgba(255,255,255,0.8) !important;
}
.hover\:text-white-alpha-90:hover {
  color: rgba(255,255,255,0.9) !important;
}
.focus\:text-white-alpha-10:focus {
  color: rgba(255,255,255,0.1) !important;
}
.focus\:text-white-alpha-20:focus {
  color: rgba(255,255,255,0.2) !important;
}
.focus\:text-white-alpha-30:focus {
  color: rgba(255,255,255,0.3) !important;
}
.focus\:text-white-alpha-40:focus {
  color: rgba(255,255,255,0.4) !important;
}
.focus\:text-white-alpha-50:focus {
  color: rgba(255,255,255,0.5) !important;
}
.focus\:text-white-alpha-60:focus {
  color: rgba(255,255,255,0.6) !important;
}
.focus\:text-white-alpha-70:focus {
  color: rgba(255,255,255,0.7) !important;
}
.focus\:text-white-alpha-80:focus {
  color: rgba(255,255,255,0.8) !important;
}
.focus\:text-white-alpha-90:focus {
  color: rgba(255,255,255,0.9) !important;
}
.active\:text-white-alpha-10:active {
  color: rgba(255,255,255,0.1) !important;
}
.active\:text-white-alpha-20:active {
  color: rgba(255,255,255,0.2) !important;
}
.active\:text-white-alpha-30:active {
  color: rgba(255,255,255,0.3) !important;
}
.active\:text-white-alpha-40:active {
  color: rgba(255,255,255,0.4) !important;
}
.active\:text-white-alpha-50:active {
  color: rgba(255,255,255,0.5) !important;
}
.active\:text-white-alpha-60:active {
  color: rgba(255,255,255,0.6) !important;
}
.active\:text-white-alpha-70:active {
  color: rgba(255,255,255,0.7) !important;
}
.active\:text-white-alpha-80:active {
  color: rgba(255,255,255,0.8) !important;
}
.active\:text-white-alpha-90:active {
  color: rgba(255,255,255,0.9) !important;
}
.text-black-alpha-10 {
  color: rgba(0,0,0,0.1) !important;
}
.text-black-alpha-20 {
  color: rgba(0,0,0,0.2) !important;
}
.text-black-alpha-30 {
  color: rgba(0,0,0,0.3) !important;
}
.text-black-alpha-40 {
  color: rgba(0,0,0,0.4) !important;
}
.text-black-alpha-50 {
  color: rgba(0,0,0,0.5) !important;
}
.text-black-alpha-60 {
  color: rgba(0,0,0,0.6) !important;
}
.text-black-alpha-70 {
  color: rgba(0,0,0,0.7) !important;
}
.text-black-alpha-80 {
  color: rgba(0,0,0,0.8) !important;
}
.text-black-alpha-90 {
  color: rgba(0,0,0,0.9) !important;
}
.hover\:text-black-alpha-10:hover {
  color: rgba(0,0,0,0.1) !important;
}
.hover\:text-black-alpha-20:hover {
  color: rgba(0,0,0,0.2) !important;
}
.hover\:text-black-alpha-30:hover {
  color: rgba(0,0,0,0.3) !important;
}
.hover\:text-black-alpha-40:hover {
  color: rgba(0,0,0,0.4) !important;
}
.hover\:text-black-alpha-50:hover {
  color: rgba(0,0,0,0.5) !important;
}
.hover\:text-black-alpha-60:hover {
  color: rgba(0,0,0,0.6) !important;
}
.hover\:text-black-alpha-70:hover {
  color: rgba(0,0,0,0.7) !important;
}
.hover\:text-black-alpha-80:hover {
  color: rgba(0,0,0,0.8) !important;
}
.hover\:text-black-alpha-90:hover {
  color: rgba(0,0,0,0.9) !important;
}
.focus\:text-black-alpha-10:focus {
  color: rgba(0,0,0,0.1) !important;
}
.focus\:text-black-alpha-20:focus {
  color: rgba(0,0,0,0.2) !important;
}
.focus\:text-black-alpha-30:focus {
  color: rgba(0,0,0,0.3) !important;
}
.focus\:text-black-alpha-40:focus {
  color: rgba(0,0,0,0.4) !important;
}
.focus\:text-black-alpha-50:focus {
  color: rgba(0,0,0,0.5) !important;
}
.focus\:text-black-alpha-60:focus {
  color: rgba(0,0,0,0.6) !important;
}
.focus\:text-black-alpha-70:focus {
  color: rgba(0,0,0,0.7) !important;
}
.focus\:text-black-alpha-80:focus {
  color: rgba(0,0,0,0.8) !important;
}
.focus\:text-black-alpha-90:focus {
  color: rgba(0,0,0,0.9) !important;
}
.active\:text-black-alpha-10:active {
  color: rgba(0,0,0,0.1) !important;
}
.active\:text-black-alpha-20:active {
  color: rgba(0,0,0,0.2) !important;
}
.active\:text-black-alpha-30:active {
  color: rgba(0,0,0,0.3) !important;
}
.active\:text-black-alpha-40:active {
  color: rgba(0,0,0,0.4) !important;
}
.active\:text-black-alpha-50:active {
  color: rgba(0,0,0,0.5) !important;
}
.active\:text-black-alpha-60:active {
  color: rgba(0,0,0,0.6) !important;
}
.active\:text-black-alpha-70:active {
  color: rgba(0,0,0,0.7) !important;
}
.active\:text-black-alpha-80:active {
  color: rgba(0,0,0,0.8) !important;
}
.active\:text-black-alpha-90:active {
  color: rgba(0,0,0,0.9) !important;
}
.text-primary {
  color: var(--primary-color) !important;
}
.bg-primary {
  color: var(--primary-color-text) !important;
  background-color: var(--primary-color) !important;
}
.bg-primary-reverse {
  color: var(--primary-color) !important;
  background-color: var(--primary-color-text) !important;
}
.bg-white {
  background-color: #ffffff !important;
}
.border-primary {
  border-color: var(--primary-color) !important;
}
.text-white {
  color: #ffffff !important;
}
.border-white {
  border-color: #ffffff !important;
}
.text-color {
  color: var(--text-color) !important;
}
.text-color-secondary {
  color: var(--text-color-secondary) !important;
}
.surface-ground {
  background-color: var(--surface-ground) !important;
}
.surface-section {
  background-color: var(--surface-section) !important;
}
.surface-card {
  background-color: var(--surface-card) !important;
}
.surface-overlay {
  background-color: var(--surface-overlay) !important;
}
.surface-hover {
  background-color: var(--surface-hover) !important;
}
.surface-border {
  border-color: var(--surface-border) !important;
}
.focus\:text-primary:focus {
  color: var(--primary-color) !important;
}
.hover\:text-primary:hover {
  color: var(--primary-color) !important;
}
.active\:text-primary:active {
  color: var(--primary-color) !important;
}
.focus\:bg-primary:focus {
  color: var(--primary-color-text) !important;
  background-color: var(--primary-color) !important;
}
.hover\:bg-primary:hover {
  color: var(--primary-color-text) !important;
  background-color: var(--primary-color) !important;
}
.active\:bg-primary:active {
  color: var(--primary-color-text) !important;
  background-color: var(--primary-color) !important;
}
.focus\:bg-primary-reverse:focus {
  color: var(--primary-color) !important;
  background-color: var(--primary-color-text) !important;
}
.hover\:bg-primary-reverse:hover {
  color: var(--primary-color) !important;
  background-color: var(--primary-color-text) !important;
}
.active\:bg-primary-reverse:active {
  color: var(--primary-color) !important;
  background-color: var(--primary-color-text) !important;
}
.focus\:bg-white:focus {
  background-color: #ffffff !important;
}
.hover\:bg-white:hover {
  background-color: #ffffff !important;
}
.active\:bg-white:active {
  background-color: #ffffff !important;
}
.focus\:border-primary:focus {
  border-color: var(--primary-color) !important;
}
.hover\:border-primary:hover {
  border-color: var(--primary-color) !important;
}
.active\:border-primary:active {
  border-color: var(--primary-color) !important;
}
.focus\:text-white:focus {
  color: #ffffff !important;
}
.hover\:text-white:hover {
  color: #ffffff !important;
}
.active\:text-white:active {
  color: #ffffff !important;
}
.focus\:border-white:focus {
  border-color: #ffffff !important;
}
.hover\:border-white:hover {
  border-color: #ffffff !important;
}
.active\:border-white:active {
  border-color: #ffffff !important;
}
.focus\:text-color:focus {
  color: var(--text-color) !important;
}
.hover\:text-color:hover {
  color: var(--text-color) !important;
}
.active\:text-color:active {
  color: var(--text-color) !important;
}
.focus\:text-color-secondary:focus {
  color: var(--text-color-secondary) !important;
}
.hover\:text-color-secondary:hover {
  color: var(--text-color-secondary) !important;
}
.active\:text-color-secondary:active {
  color: var(--text-color-secondary) !important;
}
.focus\:surface-ground:focus {
  background-color: var(--surface-ground) !important;
}
.hover\:surface-ground:hover {
  background-color: var(--surface-ground) !important;
}
.active\:surface-ground:active {
  background-color: var(--surface-ground) !important;
}
.focus\:surface-section:focus {
  background-color: var(--surface-section) !important;
}
.hover\:surface-section:hover {
  background-color: var(--surface-section) !important;
}
.active\:surface-section:active {
  background-color: var(--surface-section) !important;
}
.focus\:surface-card:focus {
  background-color: var(--surface-card) !important;
}
.hover\:surface-card:hover {
  background-color: var(--surface-card) !important;
}
.active\:surface-card:active {
  background-color: var(--surface-card) !important;
}
.focus\:surface-overlay:focus {
  background-color: var(--surface-overlay) !important;
}
.hover\:surface-overlay:hover {
  background-color: var(--surface-overlay) !important;
}
.active\:surface-overlay:active {
  background-color: var(--surface-overlay) !important;
}
.focus\:surface-hover:focus {
  background-color: var(--surface-hover) !important;
}
.hover\:surface-hover:hover {
  background-color: var(--surface-hover) !important;
}
.active\:surface-hover:active {
  background-color: var(--surface-hover) !important;
}
.focus\:surface-border:focus {
  border-color: var(--surface-border) !important;
}
.hover\:surface-border:hover {
  border-color: var(--surface-border) !important;
}
.active\:surface-border:active {
  border-color: var(--surface-border) !important;
}
@media screen and (min-width: 576px) {
  .sm\:text-primary {
    color: var(--primary-color) !important;
  }
  .sm\:bg-primary {
    color: var(--primary-color-text) !important;
    background-color: var(--primary-color) !important;
  }
  .sm\:bg-primary-reverse {
    color: var(--primary-color) !important;
    background-color: var(--primary-color-text) !important;
  }
  .sm\:bg-white {
    background-color: #ffffff !important;
  }
  .sm\:border-primary {
    border-color: var(--primary-color) !important;
  }
  .sm\:text-white {
    color: #ffffff !important;
  }
  .sm\:border-white {
    border-color: #ffffff !important;
  }
  .sm\:text-color {
    color: var(--text-color) !important;
  }
  .sm\:text-color-secondary {
    color: var(--text-color-secondary) !important;
  }
  .sm\:surface-ground {
    background-color: var(--surface-ground) !important;
  }
  .sm\:surface-section {
    background-color: var(--surface-section) !important;
  }
  .sm\:surface-card {
    background-color: var(--surface-card) !important;
  }
  .sm\:surface-overlay {
    background-color: var(--surface-overlay) !important;
  }
  .sm\:surface-hover {
    background-color: var(--surface-hover) !important;
  }
  .sm\:surface-border {
    border-color: var(--surface-border) !important;
  }
  .sm\:focus\:text-primary:focus {
    color: var(--primary-color) !important;
  }
  .sm\:hover\:text-primary:hover {
    color: var(--primary-color) !important;
  }
  .sm\:active\:text-primary:active {
    color: var(--primary-color) !important;
  }
  .sm\:focus\:bg-primary:focus {
    color: var(--primary-color-text) !important;
    background-color: var(--primary-color) !important;
  }
  .sm\:hover\:bg-primary:hover {
    color: var(--primary-color-text) !important;
    background-color: var(--primary-color) !important;
  }
  .sm\:active\:bg-primary:active {
    color: var(--primary-color-text) !important;
    background-color: var(--primary-color) !important;
  }
  .sm\:focus\:bg-primary-reverse:focus {
    color: var(--primary-color) !important;
    background-color: var(--primary-color-text) !important;
  }
  .sm\:hover\:bg-primary-reverse:hover {
    color: var(--primary-color) !important;
    background-color: var(--primary-color-text) !important;
  }
  .sm\:active\:bg-primary-reverse:active {
    color: var(--primary-color) !important;
    background-color: var(--primary-color-text) !important;
  }
  .sm\:focus\:bg-white:focus {
    background-color: #ffffff !important;
  }
  .sm\:hover\:bg-white:hover {
    background-color: #ffffff !important;
  }
  .sm\:active\:bg-white:active {
    background-color: #ffffff !important;
  }
  .sm\:focus\:border-primary:focus {
    border-color: var(--primary-color) !important;
  }
  .sm\:hover\:border-primary:hover {
    border-color: var(--primary-color) !important;
  }
  .sm\:active\:border-primary:active {
    border-color: var(--primary-color) !important;
  }
  .sm\:focus\:text-white:focus {
    color: #ffffff !important;
  }
  .sm\:hover\:text-white:hover {
    color: #ffffff !important;
  }
  .sm\:active\:text-white:active {
    color: #ffffff !important;
  }
  .sm\:focus\:border-white:focus {
    border-color: #ffffff !important;
  }
  .sm\:hover\:border-white:hover {
    border-color: #ffffff !important;
  }
  .sm\:active\:border-white:active {
    border-color: #ffffff !important;
  }
  .sm\:focus\:text-color:focus {
    color: var(--text-color) !important;
  }
  .sm\:hover\:text-color:hover {
    color: var(--text-color) !important;
  }
  .sm\:active\:text-color:active {
    color: var(--text-color) !important;
  }
  .sm\:focus\:text-color-secondary:focus {
    color: var(--text-color-secondary) !important;
  }
  .sm\:hover\:text-color-secondary:hover {
    color: var(--text-color-secondary) !important;
  }
  .sm\:active\:text-color-secondary:active {
    color: var(--text-color-secondary) !important;
  }
  .sm\:focus\:surface-ground:focus {
    background-color: var(--surface-ground) !important;
  }
  .sm\:hover\:surface-ground:hover {
    background-color: var(--surface-ground) !important;
  }
  .sm\:active\:surface-ground:active {
    background-color: var(--surface-ground) !important;
  }
  .sm\:focus\:surface-section:focus {
    background-color: var(--surface-section) !important;
  }
  .sm\:hover\:surface-section:hover {
    background-color: var(--surface-section) !important;
  }
  .sm\:active\:surface-section:active {
    background-color: var(--surface-section) !important;
  }
  .sm\:focus\:surface-card:focus {
    background-color: var(--surface-card) !important;
  }
  .sm\:hover\:surface-card:hover {
    background-color: var(--surface-card) !important;
  }
  .sm\:active\:surface-card:active {
    background-color: var(--surface-card) !important;
  }
  .sm\:focus\:surface-overlay:focus {
    background-color: var(--surface-overlay) !important;
  }
  .sm\:hover\:surface-overlay:hover {
    background-color: var(--surface-overlay) !important;
  }
  .sm\:active\:surface-overlay:active {
    background-color: var(--surface-overlay) !important;
  }
  .sm\:focus\:surface-hover:focus {
    background-color: var(--surface-hover) !important;
  }
  .sm\:hover\:surface-hover:hover {
    background-color: var(--surface-hover) !important;
  }
  .sm\:active\:surface-hover:active {
    background-color: var(--surface-hover) !important;
  }
  .sm\:focus\:surface-border:focus {
    border-color: var(--surface-border) !important;
  }
  .sm\:hover\:surface-border:hover {
    border-color: var(--surface-border) !important;
  }
  .sm\:active\:surface-border:active {
    border-color: var(--surface-border) !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:text-primary {
    color: var(--primary-color) !important;
  }
  .md\:bg-primary {
    color: var(--primary-color-text) !important;
    background-color: var(--primary-color) !important;
  }
  .md\:bg-primary-reverse {
    color: var(--primary-color) !important;
    background-color: var(--primary-color-text) !important;
  }
  .md\:bg-white {
    background-color: #ffffff !important;
  }
  .md\:border-primary {
    border-color: var(--primary-color) !important;
  }
  .md\:text-white {
    color: #ffffff !important;
  }
  .md\:border-white {
    border-color: #ffffff !important;
  }
  .md\:text-color {
    color: var(--text-color) !important;
  }
  .md\:text-color-secondary {
    color: var(--text-color-secondary) !important;
  }
  .md\:surface-ground {
    background-color: var(--surface-ground) !important;
  }
  .md\:surface-section {
    background-color: var(--surface-section) !important;
  }
  .md\:surface-card {
    background-color: var(--surface-card) !important;
  }
  .md\:surface-overlay {
    background-color: var(--surface-overlay) !important;
  }
  .md\:surface-hover {
    background-color: var(--surface-hover) !important;
  }
  .md\:surface-border {
    border-color: var(--surface-border) !important;
  }
  .md\:focus\:text-primary:focus {
    color: var(--primary-color) !important;
  }
  .md\:hover\:text-primary:hover {
    color: var(--primary-color) !important;
  }
  .md\:active\:text-primary:active {
    color: var(--primary-color) !important;
  }
  .md\:focus\:bg-primary:focus {
    color: var(--primary-color-text) !important;
    background-color: var(--primary-color) !important;
  }
  .md\:hover\:bg-primary:hover {
    color: var(--primary-color-text) !important;
    background-color: var(--primary-color) !important;
  }
  .md\:active\:bg-primary:active {
    color: var(--primary-color-text) !important;
    background-color: var(--primary-color) !important;
  }
  .md\:focus\:bg-primary-reverse:focus {
    color: var(--primary-color) !important;
    background-color: var(--primary-color-text) !important;
  }
  .md\:hover\:bg-primary-reverse:hover {
    color: var(--primary-color) !important;
    background-color: var(--primary-color-text) !important;
  }
  .md\:active\:bg-primary-reverse:active {
    color: var(--primary-color) !important;
    background-color: var(--primary-color-text) !important;
  }
  .md\:focus\:bg-white:focus {
    background-color: #ffffff !important;
  }
  .md\:hover\:bg-white:hover {
    background-color: #ffffff !important;
  }
  .md\:active\:bg-white:active {
    background-color: #ffffff !important;
  }
  .md\:focus\:border-primary:focus {
    border-color: var(--primary-color) !important;
  }
  .md\:hover\:border-primary:hover {
    border-color: var(--primary-color) !important;
  }
  .md\:active\:border-primary:active {
    border-color: var(--primary-color) !important;
  }
  .md\:focus\:text-white:focus {
    color: #ffffff !important;
  }
  .md\:hover\:text-white:hover {
    color: #ffffff !important;
  }
  .md\:active\:text-white:active {
    color: #ffffff !important;
  }
  .md\:focus\:border-white:focus {
    border-color: #ffffff !important;
  }
  .md\:hover\:border-white:hover {
    border-color: #ffffff !important;
  }
  .md\:active\:border-white:active {
    border-color: #ffffff !important;
  }
  .md\:focus\:text-color:focus {
    color: var(--text-color) !important;
  }
  .md\:hover\:text-color:hover {
    color: var(--text-color) !important;
  }
  .md\:active\:text-color:active {
    color: var(--text-color) !important;
  }
  .md\:focus\:text-color-secondary:focus {
    color: var(--text-color-secondary) !important;
  }
  .md\:hover\:text-color-secondary:hover {
    color: var(--text-color-secondary) !important;
  }
  .md\:active\:text-color-secondary:active {
    color: var(--text-color-secondary) !important;
  }
  .md\:focus\:surface-ground:focus {
    background-color: var(--surface-ground) !important;
  }
  .md\:hover\:surface-ground:hover {
    background-color: var(--surface-ground) !important;
  }
  .md\:active\:surface-ground:active {
    background-color: var(--surface-ground) !important;
  }
  .md\:focus\:surface-section:focus {
    background-color: var(--surface-section) !important;
  }
  .md\:hover\:surface-section:hover {
    background-color: var(--surface-section) !important;
  }
  .md\:active\:surface-section:active {
    background-color: var(--surface-section) !important;
  }
  .md\:focus\:surface-card:focus {
    background-color: var(--surface-card) !important;
  }
  .md\:hover\:surface-card:hover {
    background-color: var(--surface-card) !important;
  }
  .md\:active\:surface-card:active {
    background-color: var(--surface-card) !important;
  }
  .md\:focus\:surface-overlay:focus {
    background-color: var(--surface-overlay) !important;
  }
  .md\:hover\:surface-overlay:hover {
    background-color: var(--surface-overlay) !important;
  }
  .md\:active\:surface-overlay:active {
    background-color: var(--surface-overlay) !important;
  }
  .md\:focus\:surface-hover:focus {
    background-color: var(--surface-hover) !important;
  }
  .md\:hover\:surface-hover:hover {
    background-color: var(--surface-hover) !important;
  }
  .md\:active\:surface-hover:active {
    background-color: var(--surface-hover) !important;
  }
  .md\:focus\:surface-border:focus {
    border-color: var(--surface-border) !important;
  }
  .md\:hover\:surface-border:hover {
    border-color: var(--surface-border) !important;
  }
  .md\:active\:surface-border:active {
    border-color: var(--surface-border) !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:text-primary {
    color: var(--primary-color) !important;
  }
  .lg\:bg-primary {
    color: var(--primary-color-text) !important;
    background-color: var(--primary-color) !important;
  }
  .lg\:bg-primary-reverse {
    color: var(--primary-color) !important;
    background-color: var(--primary-color-text) !important;
  }
  .lg\:bg-white {
    background-color: #ffffff !important;
  }
  .lg\:border-primary {
    border-color: var(--primary-color) !important;
  }
  .lg\:text-white {
    color: #ffffff !important;
  }
  .lg\:border-white {
    border-color: #ffffff !important;
  }
  .lg\:text-color {
    color: var(--text-color) !important;
  }
  .lg\:text-color-secondary {
    color: var(--text-color-secondary) !important;
  }
  .lg\:surface-ground {
    background-color: var(--surface-ground) !important;
  }
  .lg\:surface-section {
    background-color: var(--surface-section) !important;
  }
  .lg\:surface-card {
    background-color: var(--surface-card) !important;
  }
  .lg\:surface-overlay {
    background-color: var(--surface-overlay) !important;
  }
  .lg\:surface-hover {
    background-color: var(--surface-hover) !important;
  }
  .lg\:surface-border {
    border-color: var(--surface-border) !important;
  }
  .lg\:focus\:text-primary:focus {
    color: var(--primary-color) !important;
  }
  .lg\:hover\:text-primary:hover {
    color: var(--primary-color) !important;
  }
  .lg\:active\:text-primary:active {
    color: var(--primary-color) !important;
  }
  .lg\:focus\:bg-primary:focus {
    color: var(--primary-color-text) !important;
    background-color: var(--primary-color) !important;
  }
  .lg\:hover\:bg-primary:hover {
    color: var(--primary-color-text) !important;
    background-color: var(--primary-color) !important;
  }
  .lg\:active\:bg-primary:active {
    color: var(--primary-color-text) !important;
    background-color: var(--primary-color) !important;
  }
  .lg\:focus\:bg-primary-reverse:focus {
    color: var(--primary-color) !important;
    background-color: var(--primary-color-text) !important;
  }
  .lg\:hover\:bg-primary-reverse:hover {
    color: var(--primary-color) !important;
    background-color: var(--primary-color-text) !important;
  }
  .lg\:active\:bg-primary-reverse:active {
    color: var(--primary-color) !important;
    background-color: var(--primary-color-text) !important;
  }
  .lg\:focus\:bg-white:focus {
    background-color: #ffffff !important;
  }
  .lg\:hover\:bg-white:hover {
    background-color: #ffffff !important;
  }
  .lg\:active\:bg-white:active {
    background-color: #ffffff !important;
  }
  .lg\:focus\:border-primary:focus {
    border-color: var(--primary-color) !important;
  }
  .lg\:hover\:border-primary:hover {
    border-color: var(--primary-color) !important;
  }
  .lg\:active\:border-primary:active {
    border-color: var(--primary-color) !important;
  }
  .lg\:focus\:text-white:focus {
    color: #ffffff !important;
  }
  .lg\:hover\:text-white:hover {
    color: #ffffff !important;
  }
  .lg\:active\:text-white:active {
    color: #ffffff !important;
  }
  .lg\:focus\:border-white:focus {
    border-color: #ffffff !important;
  }
  .lg\:hover\:border-white:hover {
    border-color: #ffffff !important;
  }
  .lg\:active\:border-white:active {
    border-color: #ffffff !important;
  }
  .lg\:focus\:text-color:focus {
    color: var(--text-color) !important;
  }
  .lg\:hover\:text-color:hover {
    color: var(--text-color) !important;
  }
  .lg\:active\:text-color:active {
    color: var(--text-color) !important;
  }
  .lg\:focus\:text-color-secondary:focus {
    color: var(--text-color-secondary) !important;
  }
  .lg\:hover\:text-color-secondary:hover {
    color: var(--text-color-secondary) !important;
  }
  .lg\:active\:text-color-secondary:active {
    color: var(--text-color-secondary) !important;
  }
  .lg\:focus\:surface-ground:focus {
    background-color: var(--surface-ground) !important;
  }
  .lg\:hover\:surface-ground:hover {
    background-color: var(--surface-ground) !important;
  }
  .lg\:active\:surface-ground:active {
    background-color: var(--surface-ground) !important;
  }
  .lg\:focus\:surface-section:focus {
    background-color: var(--surface-section) !important;
  }
  .lg\:hover\:surface-section:hover {
    background-color: var(--surface-section) !important;
  }
  .lg\:active\:surface-section:active {
    background-color: var(--surface-section) !important;
  }
  .lg\:focus\:surface-card:focus {
    background-color: var(--surface-card) !important;
  }
  .lg\:hover\:surface-card:hover {
    background-color: var(--surface-card) !important;
  }
  .lg\:active\:surface-card:active {
    background-color: var(--surface-card) !important;
  }
  .lg\:focus\:surface-overlay:focus {
    background-color: var(--surface-overlay) !important;
  }
  .lg\:hover\:surface-overlay:hover {
    background-color: var(--surface-overlay) !important;
  }
  .lg\:active\:surface-overlay:active {
    background-color: var(--surface-overlay) !important;
  }
  .lg\:focus\:surface-hover:focus {
    background-color: var(--surface-hover) !important;
  }
  .lg\:hover\:surface-hover:hover {
    background-color: var(--surface-hover) !important;
  }
  .lg\:active\:surface-hover:active {
    background-color: var(--surface-hover) !important;
  }
  .lg\:focus\:surface-border:focus {
    border-color: var(--surface-border) !important;
  }
  .lg\:hover\:surface-border:hover {
    border-color: var(--surface-border) !important;
  }
  .lg\:active\:surface-border:active {
    border-color: var(--surface-border) !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:text-primary {
    color: var(--primary-color) !important;
  }
  .xl\:bg-primary {
    color: var(--primary-color-text) !important;
    background-color: var(--primary-color) !important;
  }
  .xl\:bg-primary-reverse {
    color: var(--primary-color) !important;
    background-color: var(--primary-color-text) !important;
  }
  .xl\:bg-white {
    background-color: #ffffff !important;
  }
  .xl\:border-primary {
    border-color: var(--primary-color) !important;
  }
  .xl\:text-white {
    color: #ffffff !important;
  }
  .xl\:border-white {
    border-color: #ffffff !important;
  }
  .xl\:text-color {
    color: var(--text-color) !important;
  }
  .xl\:text-color-secondary {
    color: var(--text-color-secondary) !important;
  }
  .xl\:surface-ground {
    background-color: var(--surface-ground) !important;
  }
  .xl\:surface-section {
    background-color: var(--surface-section) !important;
  }
  .xl\:surface-card {
    background-color: var(--surface-card) !important;
  }
  .xl\:surface-overlay {
    background-color: var(--surface-overlay) !important;
  }
  .xl\:surface-hover {
    background-color: var(--surface-hover) !important;
  }
  .xl\:surface-border {
    border-color: var(--surface-border) !important;
  }
  .xl\:focus\:text-primary:focus {
    color: var(--primary-color) !important;
  }
  .xl\:hover\:text-primary:hover {
    color: var(--primary-color) !important;
  }
  .xl\:active\:text-primary:active {
    color: var(--primary-color) !important;
  }
  .xl\:focus\:bg-primary:focus {
    color: var(--primary-color-text) !important;
    background-color: var(--primary-color) !important;
  }
  .xl\:hover\:bg-primary:hover {
    color: var(--primary-color-text) !important;
    background-color: var(--primary-color) !important;
  }
  .xl\:active\:bg-primary:active {
    color: var(--primary-color-text) !important;
    background-color: var(--primary-color) !important;
  }
  .xl\:focus\:bg-primary-reverse:focus {
    color: var(--primary-color) !important;
    background-color: var(--primary-color-text) !important;
  }
  .xl\:hover\:bg-primary-reverse:hover {
    color: var(--primary-color) !important;
    background-color: var(--primary-color-text) !important;
  }
  .xl\:active\:bg-primary-reverse:active {
    color: var(--primary-color) !important;
    background-color: var(--primary-color-text) !important;
  }
  .xl\:focus\:bg-white:focus {
    background-color: #ffffff !important;
  }
  .xl\:hover\:bg-white:hover {
    background-color: #ffffff !important;
  }
  .xl\:active\:bg-white:active {
    background-color: #ffffff !important;
  }
  .xl\:focus\:border-primary:focus {
    border-color: var(--primary-color) !important;
  }
  .xl\:hover\:border-primary:hover {
    border-color: var(--primary-color) !important;
  }
  .xl\:active\:border-primary:active {
    border-color: var(--primary-color) !important;
  }
  .xl\:focus\:text-white:focus {
    color: #ffffff !important;
  }
  .xl\:hover\:text-white:hover {
    color: #ffffff !important;
  }
  .xl\:active\:text-white:active {
    color: #ffffff !important;
  }
  .xl\:focus\:border-white:focus {
    border-color: #ffffff !important;
  }
  .xl\:hover\:border-white:hover {
    border-color: #ffffff !important;
  }
  .xl\:active\:border-white:active {
    border-color: #ffffff !important;
  }
  .xl\:focus\:text-color:focus {
    color: var(--text-color) !important;
  }
  .xl\:hover\:text-color:hover {
    color: var(--text-color) !important;
  }
  .xl\:active\:text-color:active {
    color: var(--text-color) !important;
  }
  .xl\:focus\:text-color-secondary:focus {
    color: var(--text-color-secondary) !important;
  }
  .xl\:hover\:text-color-secondary:hover {
    color: var(--text-color-secondary) !important;
  }
  .xl\:active\:text-color-secondary:active {
    color: var(--text-color-secondary) !important;
  }
  .xl\:focus\:surface-ground:focus {
    background-color: var(--surface-ground) !important;
  }
  .xl\:hover\:surface-ground:hover {
    background-color: var(--surface-ground) !important;
  }
  .xl\:active\:surface-ground:active {
    background-color: var(--surface-ground) !important;
  }
  .xl\:focus\:surface-section:focus {
    background-color: var(--surface-section) !important;
  }
  .xl\:hover\:surface-section:hover {
    background-color: var(--surface-section) !important;
  }
  .xl\:active\:surface-section:active {
    background-color: var(--surface-section) !important;
  }
  .xl\:focus\:surface-card:focus {
    background-color: var(--surface-card) !important;
  }
  .xl\:hover\:surface-card:hover {
    background-color: var(--surface-card) !important;
  }
  .xl\:active\:surface-card:active {
    background-color: var(--surface-card) !important;
  }
  .xl\:focus\:surface-overlay:focus {
    background-color: var(--surface-overlay) !important;
  }
  .xl\:hover\:surface-overlay:hover {
    background-color: var(--surface-overlay) !important;
  }
  .xl\:active\:surface-overlay:active {
    background-color: var(--surface-overlay) !important;
  }
  .xl\:focus\:surface-hover:focus {
    background-color: var(--surface-hover) !important;
  }
  .xl\:hover\:surface-hover:hover {
    background-color: var(--surface-hover) !important;
  }
  .xl\:active\:surface-hover:active {
    background-color: var(--surface-hover) !important;
  }
  .xl\:focus\:surface-border:focus {
    border-color: var(--surface-border) !important;
  }
  .xl\:hover\:surface-border:hover {
    border-color: var(--surface-border) !important;
  }
  .xl\:active\:surface-border:active {
    border-color: var(--surface-border) !important;
  }
}
.field {
  margin-bottom: 1rem;
}
.field > label {
  display: inline-block;
  margin-bottom: 0.5rem;
}
.field.grid > label {
  display: flex;
  align-items: center;
}
.field > small {
  margin-top: 0.25rem;
}
.field.grid,
.formgrid.grid {
  margin-top: 0;
}
.field.grid .col-fixed,
.formgrid.grid .col-fixed,
.field.grid .col,
.formgrid.grid .col,
.field.grid .col-1,
.formgrid.grid .col-1,
.field.grid .col-2,
.formgrid.grid .col-2,
.field.grid .col-3,
.formgrid.grid .col-3,
.field.grid .col-4,
.formgrid.grid .col-4,
.field.grid .col-5,
.formgrid.grid .col-5,
.field.grid .col-6,
.formgrid.grid .col-6,
.field.grid .col-7,
.formgrid.grid .col-7,
.field.grid .col-8,
.formgrid.grid .col-8,
.field.grid .col-9,
.formgrid.grid .col-9,
.field.grid .col-10,
.formgrid.grid .col-10,
.field.grid .col-11,
.formgrid.grid .col-11,
.field.grid .col-12,
.formgrid.grid .col-12 {
  padding-top: 0;
  padding-bottom: 0;
}
.formgroup-inline {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}
.formgroup-inline .field,
.formgroup-inline .field-checkbox,
.formgroup-inline .field-radiobutton {
  margin-right: 1rem;
}
.formgroup-inline .field > label,
.formgroup-inline .field-checkbox > label,
.formgroup-inline .field-radiobutton > label {
  margin-right: 0.5rem;
  margin-bottom: 0;
}
.field-checkbox,
.field-radiobutton {
  margin-bottom: 1rem;
  display: flex;
  align-items: center;
}
.field-checkbox > label,
.field-radiobutton > label {
  margin-left: 0.5rem;
  line-height: 1;
}
.hidden {
  display: none !important;
}
.block {
  display: block !important;
}
.inline {
  display: inline !important;
}
.inline-block {
  display: inline-block !important;
}
.flex {
  display: flex !important;
}
.inline-flex {
  display: inline-flex !important;
}
@media screen and (min-width: 576px) {
  .sm\:hidden {
    display: none !important;
  }
  .sm\:block {
    display: block !important;
  }
  .sm\:inline {
    display: inline !important;
  }
  .sm\:inline-block {
    display: inline-block !important;
  }
  .sm\:flex {
    display: flex !important;
  }
  .sm\:inline-flex {
    display: inline-flex !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:hidden {
    display: none !important;
  }
  .md\:block {
    display: block !important;
  }
  .md\:inline {
    display: inline !important;
  }
  .md\:inline-block {
    display: inline-block !important;
  }
  .md\:flex {
    display: flex !important;
  }
  .md\:inline-flex {
    display: inline-flex !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:hidden {
    display: none !important;
  }
  .lg\:block {
    display: block !important;
  }
  .lg\:inline {
    display: inline !important;
  }
  .lg\:inline-block {
    display: inline-block !important;
  }
  .lg\:flex {
    display: flex !important;
  }
  .lg\:inline-flex {
    display: inline-flex !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:hidden {
    display: none !important;
  }
  .xl\:block {
    display: block !important;
  }
  .xl\:inline {
    display: inline !important;
  }
  .xl\:inline-block {
    display: inline-block !important;
  }
  .xl\:flex {
    display: flex !important;
  }
  .xl\:inline-flex {
    display: inline-flex !important;
  }
}
.text-center {
  text-align: center !important;
}
.text-justify {
  text-align: justify !important;
}
.text-left {
  text-align: left !important;
}
.text-right {
  text-align: right !important;
}
@media screen and (min-width: 576px) {
  .sm\:text-center {
    text-align: center !important;
  }
  .sm\:text-justify {
    text-align: justify !important;
  }
  .sm\:text-left {
    text-align: left !important;
  }
  .sm\:text-right {
    text-align: right !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:text-center {
    text-align: center !important;
  }
  .md\:text-justify {
    text-align: justify !important;
  }
  .md\:text-left {
    text-align: left !important;
  }
  .md\:text-right {
    text-align: right !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:text-center {
    text-align: center !important;
  }
  .lg\:text-justify {
    text-align: justify !important;
  }
  .lg\:text-left {
    text-align: left !important;
  }
  .lg\:text-right {
    text-align: right !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:text-center {
    text-align: center !important;
  }
  .xl\:text-justify {
    text-align: justify !important;
  }
  .xl\:text-left {
    text-align: left !important;
  }
  .xl\:text-right {
    text-align: right !important;
  }
}
.underline {
  text-decoration: underline !important;
}
.line-through {
  text-decoration: line-through !important;
}
.no-underline {
  text-decoration: none !important;
}
.focus\:underline:focus {
  text-decoration: underline !important;
}
.hover\:underline:hover {
  text-decoration: underline !important;
}
.active\:underline:active {
  text-decoration: underline !important;
}
.focus\:line-through:focus {
  text-decoration: line-through !important;
}
.hover\:line-through:hover {
  text-decoration: line-through !important;
}
.active\:line-through:active {
  text-decoration: line-through !important;
}
.focus\:no-underline:focus {
  text-decoration: none !important;
}
.hover\:no-underline:hover {
  text-decoration: none !important;
}
.active\:no-underline:active {
  text-decoration: none !important;
}
.lowercase {
  text-transform: lowercase !important;
}
.uppercase {
  text-transform: uppercase !important;
}
.capitalize {
  text-transform: capitalize !important;
}
.text-overflow-clip {
  text-overflow: clip !important;
}
.text-overflow-ellipsis {
  text-overflow: ellipsis !important;
}
@media screen and (min-width: 576px) {
  .sm\:text-overflow-clip {
    text-overflow: clip !important;
  }
  .sm\:text-overflow-ellipsis {
    text-overflow: ellipsis !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:text-overflow-clip {
    text-overflow: clip !important;
  }
  .md\:text-overflow-ellipsis {
    text-overflow: ellipsis !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:text-overflow-clip {
    text-overflow: clip !important;
  }
  .lg\:text-overflow-ellipsis {
    text-overflow: ellipsis !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:text-overflow-clip {
    text-overflow: clip !important;
  }
  .xl\:text-overflow-ellipsis {
    text-overflow: ellipsis !important;
  }
}
.font-light {
  font-weight: 300 !important;
}
.font-normal {
  font-weight: 400 !important;
}
.font-medium {
  font-weight: 500 !important;
}
.font-semibold {
  font-weight: 600 !important;
}
.font-bold {
  font-weight: 700 !important;
}
@media screen and (min-width: 576px) {
  .sm\:font-light {
    font-weight: 300 !important;
  }
  .sm\:font-normal {
    font-weight: 400 !important;
  }
  .sm\:font-medium {
    font-weight: 500 !important;
  }
  .sm\:font-semibold {
    font-weight: 600 !important;
  }
  .sm\:font-bold {
    font-weight: 700 !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:font-light {
    font-weight: 300 !important;
  }
  .md\:font-normal {
    font-weight: 400 !important;
  }
  .md\:font-medium {
    font-weight: 500 !important;
  }
  .md\:font-semibold {
    font-weight: 600 !important;
  }
  .md\:font-bold {
    font-weight: 700 !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:font-light {
    font-weight: 300 !important;
  }
  .lg\:font-normal {
    font-weight: 400 !important;
  }
  .lg\:font-medium {
    font-weight: 500 !important;
  }
  .lg\:font-semibold {
    font-weight: 600 !important;
  }
  .lg\:font-bold {
    font-weight: 700 !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:font-light {
    font-weight: 300 !important;
  }
  .xl\:font-normal {
    font-weight: 400 !important;
  }
  .xl\:font-medium {
    font-weight: 500 !important;
  }
  .xl\:font-semibold {
    font-weight: 600 !important;
  }
  .xl\:font-bold {
    font-weight: 700 !important;
  }
}
.font-italic {
  font-style: italic !important;
}
.text-xs {
  font-size: 0.75rem !important;
}
.text-sm {
  font-size: 0.875rem !important;
}
.text-base {
  font-size: 1rem !important;
}
.text-lg {
  font-size: 1.125rem !important;
}
.text-xl {
  font-size: 1.25rem !important;
}
.text-2xl {
  font-size: 1.5rem !important;
}
.text-3xl {
  font-size: 1.75rem !important;
}
.text-4xl {
  font-size: 2rem !important;
}
.text-5xl {
  font-size: 2.5rem !important;
}
.text-6xl {
  font-size: 3rem !important;
}
.text-7xl {
  font-size: 4rem !important;
}
.text-8xl {
  font-size: 6rem !important;
}
@media screen and (min-width: 576px) {
  .sm\:text-xs {
    font-size: 0.75rem !important;
  }
  .sm\:text-sm {
    font-size: 0.875rem !important;
  }
  .sm\:text-base {
    font-size: 1rem !important;
  }
  .sm\:text-lg {
    font-size: 1.125rem !important;
  }
  .sm\:text-xl {
    font-size: 1.25rem !important;
  }
  .sm\:text-2xl {
    font-size: 1.5rem !important;
  }
  .sm\:text-3xl {
    font-size: 1.75rem !important;
  }
  .sm\:text-4xl {
    font-size: 2rem !important;
  }
  .sm\:text-5xl {
    font-size: 2.5rem !important;
  }
  .sm\:text-6xl {
    font-size: 3rem !important;
  }
  .sm\:text-7xl {
    font-size: 4rem !important;
  }
  .sm\:text-8xl {
    font-size: 6rem !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:text-xs {
    font-size: 0.75rem !important;
  }
  .md\:text-sm {
    font-size: 0.875rem !important;
  }
  .md\:text-base {
    font-size: 1rem !important;
  }
  .md\:text-lg {
    font-size: 1.125rem !important;
  }
  .md\:text-xl {
    font-size: 1.25rem !important;
  }
  .md\:text-2xl {
    font-size: 1.5rem !important;
  }
  .md\:text-3xl {
    font-size: 1.75rem !important;
  }
  .md\:text-4xl {
    font-size: 2rem !important;
  }
  .md\:text-5xl {
    font-size: 2.5rem !important;
  }
  .md\:text-6xl {
    font-size: 3rem !important;
  }
  .md\:text-7xl {
    font-size: 4rem !important;
  }
  .md\:text-8xl {
    font-size: 6rem !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:text-xs {
    font-size: 0.75rem !important;
  }
  .lg\:text-sm {
    font-size: 0.875rem !important;
  }
  .lg\:text-base {
    font-size: 1rem !important;
  }
  .lg\:text-lg {
    font-size: 1.125rem !important;
  }
  .lg\:text-xl {
    font-size: 1.25rem !important;
  }
  .lg\:text-2xl {
    font-size: 1.5rem !important;
  }
  .lg\:text-3xl {
    font-size: 1.75rem !important;
  }
  .lg\:text-4xl {
    font-size: 2rem !important;
  }
  .lg\:text-5xl {
    font-size: 2.5rem !important;
  }
  .lg\:text-6xl {
    font-size: 3rem !important;
  }
  .lg\:text-7xl {
    font-size: 4rem !important;
  }
  .lg\:text-8xl {
    font-size: 6rem !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:text-xs {
    font-size: 0.75rem !important;
  }
  .xl\:text-sm {
    font-size: 0.875rem !important;
  }
  .xl\:text-base {
    font-size: 1rem !important;
  }
  .xl\:text-lg {
    font-size: 1.125rem !important;
  }
  .xl\:text-xl {
    font-size: 1.25rem !important;
  }
  .xl\:text-2xl {
    font-size: 1.5rem !important;
  }
  .xl\:text-3xl {
    font-size: 1.75rem !important;
  }
  .xl\:text-4xl {
    font-size: 2rem !important;
  }
  .xl\:text-5xl {
    font-size: 2.5rem !important;
  }
  .xl\:text-6xl {
    font-size: 3rem !important;
  }
  .xl\:text-7xl {
    font-size: 4rem !important;
  }
  .xl\:text-8xl {
    font-size: 6rem !important;
  }
}
.line-height-1 {
  line-height: 1 !important;
}
.line-height-2 {
  line-height: 1.25 !important;
}
.line-height-3 {
  line-height: 1.5 !important;
}
.line-height-4 {
  line-height: 2 !important;
}
.white-space-normal {
  white-space: normal !important;
}
.white-space-nowrap {
  white-space: nowrap !important;
}
.vertical-align-baseline {
  vertical-align: baseline !important;
}
.vertical-align-top {
  vertical-align: top !important;
}
.vertical-align-middle {
  vertical-align: middle !important;
}
.vertical-align-bottom {
  vertical-align: bottom !important;
}
.vertical-align-text-top {
  vertical-align: text-top !important;
}
.vertical-align-text-bottom {
  vertical-align: text-bottom !important;
}
.vertical-align-sub {
  vertical-align: sub !important;
}
.vertical-align-super {
  vertical-align: super !important;
}
@media screen and (min-width: 576px) {
  .sm\:vertical-align-baseline {
    vertical-align: baseline !important;
  }
  .sm\:vertical-align-top {
    vertical-align: top !important;
  }
  .sm\:vertical-align-middle {
    vertical-align: middle !important;
  }
  .sm\:vertical-align-bottom {
    vertical-align: bottom !important;
  }
  .sm\:vertical-align-text-top {
    vertical-align: text-top !important;
  }
  .sm\:vertical-align-text-bottom {
    vertical-align: text-bottom !important;
  }
  .sm\:vertical-align-sub {
    vertical-align: sub !important;
  }
  .sm\:vertical-align-super {
    vertical-align: super !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:vertical-align-baseline {
    vertical-align: baseline !important;
  }
  .md\:vertical-align-top {
    vertical-align: top !important;
  }
  .md\:vertical-align-middle {
    vertical-align: middle !important;
  }
  .md\:vertical-align-bottom {
    vertical-align: bottom !important;
  }
  .md\:vertical-align-text-top {
    vertical-align: text-top !important;
  }
  .md\:vertical-align-text-bottom {
    vertical-align: text-bottom !important;
  }
  .md\:vertical-align-sub {
    vertical-align: sub !important;
  }
  .md\:vertical-align-super {
    vertical-align: super !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:vertical-align-baseline {
    vertical-align: baseline !important;
  }
  .lg\:vertical-align-top {
    vertical-align: top !important;
  }
  .lg\:vertical-align-middle {
    vertical-align: middle !important;
  }
  .lg\:vertical-align-bottom {
    vertical-align: bottom !important;
  }
  .lg\:vertical-align-text-top {
    vertical-align: text-top !important;
  }
  .lg\:vertical-align-text-bottom {
    vertical-align: text-bottom !important;
  }
  .lg\:vertical-align-sub {
    vertical-align: sub !important;
  }
  .lg\:vertical-align-super {
    vertical-align: super !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:vertical-align-baseline {
    vertical-align: baseline !important;
  }
  .xl\:vertical-align-top {
    vertical-align: top !important;
  }
  .xl\:vertical-align-middle {
    vertical-align: middle !important;
  }
  .xl\:vertical-align-bottom {
    vertical-align: bottom !important;
  }
  .xl\:vertical-align-text-top {
    vertical-align: text-top !important;
  }
  .xl\:vertical-align-text-bottom {
    vertical-align: text-bottom !important;
  }
  .xl\:vertical-align-sub {
    vertical-align: sub !important;
  }
  .xl\:vertical-align-super {
    vertical-align: super !important;
  }
}
.flex-row {
  flex-direction: row !important;
}
.flex-row-reverse {
  flex-direction: row-reverse !important;
}
.flex-column {
  flex-direction: column !important;
}
.flex-column-reverse {
  flex-direction: column-reverse !important;
}
@media screen and (min-width: 576px) {
  .sm\:flex-row {
    flex-direction: row !important;
  }
  .sm\:flex-row-reverse {
    flex-direction: row-reverse !important;
  }
  .sm\:flex-column {
    flex-direction: column !important;
  }
  .sm\:flex-column-reverse {
    flex-direction: column-reverse !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:flex-row {
    flex-direction: row !important;
  }
  .md\:flex-row-reverse {
    flex-direction: row-reverse !important;
  }
  .md\:flex-column {
    flex-direction: column !important;
  }
  .md\:flex-column-reverse {
    flex-direction: column-reverse !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:flex-row {
    flex-direction: row !important;
  }
  .lg\:flex-row-reverse {
    flex-direction: row-reverse !important;
  }
  .lg\:flex-column {
    flex-direction: column !important;
  }
  .lg\:flex-column-reverse {
    flex-direction: column-reverse !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:flex-row {
    flex-direction: row !important;
  }
  .xl\:flex-row-reverse {
    flex-direction: row-reverse !important;
  }
  .xl\:flex-column {
    flex-direction: column !important;
  }
  .xl\:flex-column-reverse {
    flex-direction: column-reverse !important;
  }
}
.flex-wrap {
  flex-wrap: wrap !important;
}
.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}
.flex-nowrap {
  flex-wrap: nowrap !important;
}
@media screen and (min-width: 576px) {
  .sm\:flex-wrap {
    flex-wrap: wrap !important;
  }
  .sm\:flex-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .sm\:flex-nowrap {
    flex-wrap: nowrap !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:flex-wrap {
    flex-wrap: wrap !important;
  }
  .md\:flex-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .md\:flex-nowrap {
    flex-wrap: nowrap !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:flex-wrap {
    flex-wrap: wrap !important;
  }
  .lg\:flex-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .lg\:flex-nowrap {
    flex-wrap: nowrap !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:flex-wrap {
    flex-wrap: wrap !important;
  }
  .xl\:flex-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .xl\:flex-nowrap {
    flex-wrap: nowrap !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;
}
@media screen and (min-width: 576px) {
  .sm\:justify-content-start {
    justify-content: flex-start !important;
  }
  .sm\:justify-content-end {
    justify-content: flex-end !important;
  }
  .sm\:justify-content-center {
    justify-content: center !important;
  }
  .sm\:justify-content-between {
    justify-content: space-between !important;
  }
  .sm\:justify-content-around {
    justify-content: space-around !important;
  }
  .sm\:justify-content-evenly {
    justify-content: space-evenly !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:justify-content-start {
    justify-content: flex-start !important;
  }
  .md\:justify-content-end {
    justify-content: flex-end !important;
  }
  .md\:justify-content-center {
    justify-content: center !important;
  }
  .md\:justify-content-between {
    justify-content: space-between !important;
  }
  .md\:justify-content-around {
    justify-content: space-around !important;
  }
  .md\:justify-content-evenly {
    justify-content: space-evenly !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:justify-content-start {
    justify-content: flex-start !important;
  }
  .lg\:justify-content-end {
    justify-content: flex-end !important;
  }
  .lg\:justify-content-center {
    justify-content: center !important;
  }
  .lg\:justify-content-between {
    justify-content: space-between !important;
  }
  .lg\:justify-content-around {
    justify-content: space-around !important;
  }
  .lg\:justify-content-evenly {
    justify-content: space-evenly !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:justify-content-start {
    justify-content: flex-start !important;
  }
  .xl\:justify-content-end {
    justify-content: flex-end !important;
  }
  .xl\:justify-content-center {
    justify-content: center !important;
  }
  .xl\:justify-content-between {
    justify-content: space-between !important;
  }
  .xl\:justify-content-around {
    justify-content: space-around !important;
  }
  .xl\:justify-content-evenly {
    justify-content: space-evenly !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-evenly {
  align-content: space-evenly !important;
}
@media screen and (min-width: 576px) {
  .sm\:align-content-start {
    align-content: flex-start !important;
  }
  .sm\:align-content-end {
    align-content: flex-end !important;
  }
  .sm\:align-content-center {
    align-content: center !important;
  }
  .sm\:align-content-between {
    align-content: space-between !important;
  }
  .sm\:align-content-around {
    align-content: space-around !important;
  }
  .sm\:align-content-evenly {
    align-content: space-evenly !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:align-content-start {
    align-content: flex-start !important;
  }
  .md\:align-content-end {
    align-content: flex-end !important;
  }
  .md\:align-content-center {
    align-content: center !important;
  }
  .md\:align-content-between {
    align-content: space-between !important;
  }
  .md\:align-content-around {
    align-content: space-around !important;
  }
  .md\:align-content-evenly {
    align-content: space-evenly !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:align-content-start {
    align-content: flex-start !important;
  }
  .lg\:align-content-end {
    align-content: flex-end !important;
  }
  .lg\:align-content-center {
    align-content: center !important;
  }
  .lg\:align-content-between {
    align-content: space-between !important;
  }
  .lg\:align-content-around {
    align-content: space-around !important;
  }
  .lg\:align-content-evenly {
    align-content: space-evenly !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:align-content-start {
    align-content: flex-start !important;
  }
  .xl\:align-content-end {
    align-content: flex-end !important;
  }
  .xl\:align-content-center {
    align-content: center !important;
  }
  .xl\:align-content-between {
    align-content: space-between !important;
  }
  .xl\:align-content-around {
    align-content: space-around !important;
  }
  .xl\:align-content-evenly {
    align-content: space-evenly !important;
  }
}
.align-items-stretch {
  align-items: stretch !important;
}
.align-items-start {
  align-items: flex-start !important;
}
.align-items-center {
  align-items: center !important;
}
.align-items-end {
  align-items: flex-end !important;
}
.align-items-baseline {
  align-items: baseline !important;
}
@media screen and (min-width: 576px) {
  .sm\:align-items-stretch {
    align-items: stretch !important;
  }
  .sm\:align-items-start {
    align-items: flex-start !important;
  }
  .sm\:align-items-center {
    align-items: center !important;
  }
  .sm\:align-items-end {
    align-items: flex-end !important;
  }
  .sm\:align-items-baseline {
    align-items: baseline !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:align-items-stretch {
    align-items: stretch !important;
  }
  .md\:align-items-start {
    align-items: flex-start !important;
  }
  .md\:align-items-center {
    align-items: center !important;
  }
  .md\:align-items-end {
    align-items: flex-end !important;
  }
  .md\:align-items-baseline {
    align-items: baseline !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:align-items-stretch {
    align-items: stretch !important;
  }
  .lg\:align-items-start {
    align-items: flex-start !important;
  }
  .lg\:align-items-center {
    align-items: center !important;
  }
  .lg\:align-items-end {
    align-items: flex-end !important;
  }
  .lg\:align-items-baseline {
    align-items: baseline !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:align-items-stretch {
    align-items: stretch !important;
  }
  .xl\:align-items-start {
    align-items: flex-start !important;
  }
  .xl\:align-items-center {
    align-items: center !important;
  }
  .xl\:align-items-end {
    align-items: flex-end !important;
  }
  .xl\:align-items-baseline {
    align-items: baseline !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-stretch {
  align-self: stretch !important;
}
.align-self-baseline {
  align-self: baseline !important;
}
@media screen and (min-width: 576px) {
  .sm\:align-self-auto {
    align-self: auto !important;
  }
  .sm\:align-self-start {
    align-self: flex-start !important;
  }
  .sm\:align-self-end {
    align-self: flex-end !important;
  }
  .sm\:align-self-center {
    align-self: center !important;
  }
  .sm\:align-self-stretch {
    align-self: stretch !important;
  }
  .sm\:align-self-baseline {
    align-self: baseline !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:align-self-auto {
    align-self: auto !important;
  }
  .md\:align-self-start {
    align-self: flex-start !important;
  }
  .md\:align-self-end {
    align-self: flex-end !important;
  }
  .md\:align-self-center {
    align-self: center !important;
  }
  .md\:align-self-stretch {
    align-self: stretch !important;
  }
  .md\:align-self-baseline {
    align-self: baseline !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:align-self-auto {
    align-self: auto !important;
  }
  .lg\:align-self-start {
    align-self: flex-start !important;
  }
  .lg\:align-self-end {
    align-self: flex-end !important;
  }
  .lg\:align-self-center {
    align-self: center !important;
  }
  .lg\:align-self-stretch {
    align-self: stretch !important;
  }
  .lg\:align-self-baseline {
    align-self: baseline !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:align-self-auto {
    align-self: auto !important;
  }
  .xl\:align-self-start {
    align-self: flex-start !important;
  }
  .xl\:align-self-end {
    align-self: flex-end !important;
  }
  .xl\:align-self-center {
    align-self: center !important;
  }
  .xl\:align-self-stretch {
    align-self: stretch !important;
  }
  .xl\:align-self-baseline {
    align-self: baseline !important;
  }
}
.flex-order-0 {
  order: 0 !important;
}
.flex-order-1 {
  order: 1 !important;
}
.flex-order-2 {
  order: 2 !important;
}
.flex-order-3 {
  order: 3 !important;
}
.flex-order-4 {
  order: 4 !important;
}
.flex-order-5 {
  order: 5 !important;
}
.flex-order-6 {
  order: 6 !important;
}
@media screen and (min-width: 576px) {
  .sm\:flex-order-0 {
    order: 0 !important;
  }
  .sm\:flex-order-1 {
    order: 1 !important;
  }
  .sm\:flex-order-2 {
    order: 2 !important;
  }
  .sm\:flex-order-3 {
    order: 3 !important;
  }
  .sm\:flex-order-4 {
    order: 4 !important;
  }
  .sm\:flex-order-5 {
    order: 5 !important;
  }
  .sm\:flex-order-6 {
    order: 6 !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:flex-order-0 {
    order: 0 !important;
  }
  .md\:flex-order-1 {
    order: 1 !important;
  }
  .md\:flex-order-2 {
    order: 2 !important;
  }
  .md\:flex-order-3 {
    order: 3 !important;
  }
  .md\:flex-order-4 {
    order: 4 !important;
  }
  .md\:flex-order-5 {
    order: 5 !important;
  }
  .md\:flex-order-6 {
    order: 6 !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:flex-order-0 {
    order: 0 !important;
  }
  .lg\:flex-order-1 {
    order: 1 !important;
  }
  .lg\:flex-order-2 {
    order: 2 !important;
  }
  .lg\:flex-order-3 {
    order: 3 !important;
  }
  .lg\:flex-order-4 {
    order: 4 !important;
  }
  .lg\:flex-order-5 {
    order: 5 !important;
  }
  .lg\:flex-order-6 {
    order: 6 !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:flex-order-0 {
    order: 0 !important;
  }
  .xl\:flex-order-1 {
    order: 1 !important;
  }
  .xl\:flex-order-2 {
    order: 2 !important;
  }
  .xl\:flex-order-3 {
    order: 3 !important;
  }
  .xl\:flex-order-4 {
    order: 4 !important;
  }
  .xl\:flex-order-5 {
    order: 5 !important;
  }
  .xl\:flex-order-6 {
    order: 6 !important;
  }
}
.flex-1 {
  flex: 1 1 0% !important;
}
.flex-auto {
  flex: 1 1 auto !important;
}
.flex-initial {
  flex: 0 1 auto !important;
}
.flex-none {
  flex: none !important;
}
@media screen and (min-width: 576px) {
  .sm\:flex-1 {
    flex: 1 1 0% !important;
  }
  .sm\:flex-auto {
    flex: 1 1 auto !important;
  }
  .sm\:flex-initial {
    flex: 0 1 auto !important;
  }
  .sm\:flex-none {
    flex: none !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:flex-1 {
    flex: 1 1 0% !important;
  }
  .md\:flex-auto {
    flex: 1 1 auto !important;
  }
  .md\:flex-initial {
    flex: 0 1 auto !important;
  }
  .md\:flex-none {
    flex: none !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:flex-1 {
    flex: 1 1 0% !important;
  }
  .lg\:flex-auto {
    flex: 1 1 auto !important;
  }
  .lg\:flex-initial {
    flex: 0 1 auto !important;
  }
  .lg\:flex-none {
    flex: none !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:flex-1 {
    flex: 1 1 0% !important;
  }
  .xl\:flex-auto {
    flex: 1 1 auto !important;
  }
  .xl\:flex-initial {
    flex: 0 1 auto !important;
  }
  .xl\:flex-none {
    flex: none !important;
  }
}
.flex-grow-0 {
  flex-grow: 0 !important;
}
.flex-grow-1 {
  flex-grow: 1 !important;
}
@media screen and (min-width: 576px) {
  .sm\:flex-grow-0 {
    flex-grow: 0 !important;
  }
  .sm\:flex-grow-1 {
    flex-grow: 1 !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:flex-grow-0 {
    flex-grow: 0 !important;
  }
  .md\:flex-grow-1 {
    flex-grow: 1 !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:flex-grow-0 {
    flex-grow: 0 !important;
  }
  .lg\:flex-grow-1 {
    flex-grow: 1 !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:flex-grow-0 {
    flex-grow: 0 !important;
  }
  .xl\:flex-grow-1 {
    flex-grow: 1 !important;
  }
}
.flex-shrink-0 {
  flex-shrink: 0 !important;
}
.flex-shrink-1 {
  flex-shrink: 1 !important;
}
@media screen and (min-width: 576px) {
  .sm\:flex-shrink-0 {
    flex-shrink: 0 !important;
  }
  .sm\:flex-shrink-1 {
    flex-shrink: 1 !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:flex-shrink-0 {
    flex-shrink: 0 !important;
  }
  .md\:flex-shrink-1 {
    flex-shrink: 1 !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:flex-shrink-0 {
    flex-shrink: 0 !important;
  }
  .lg\:flex-shrink-1 {
    flex-shrink: 1 !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:flex-shrink-0 {
    flex-shrink: 0 !important;
  }
  .xl\:flex-shrink-1 {
    flex-shrink: 1 !important;
  }
}
.gap-0 {
  gap: 0rem !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: 2rem !important;
}
.gap-6 {
  gap: 3rem !important;
}
.gap-7 {
  gap: 4rem !important;
}
.gap-8 {
  gap: 5rem !important;
}
.row-gap-0 {
  row-gap: 0rem !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: 2rem !important;
}
.row-gap-6 {
  row-gap: 3rem !important;
}
.row-gap-7 {
  row-gap: 4rem !important;
}
.row-gap-8 {
  row-gap: 5rem !important;
}
.column-gap-0 {
  -moz-column-gap: 0rem !important;
       column-gap: 0rem !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: 2rem !important;
       column-gap: 2rem !important;
}
.column-gap-6 {
  -moz-column-gap: 3rem !important;
       column-gap: 3rem !important;
}
.column-gap-7 {
  -moz-column-gap: 4rem !important;
       column-gap: 4rem !important;
}
.column-gap-8 {
  -moz-column-gap: 5rem !important;
       column-gap: 5rem !important;
}
@media screen and (min-width: 576px) {
  .sm\:gap-0 {
    gap: 0rem !important;
  }
  .sm\:gap-1 {
    gap: 0.25rem !important;
  }
  .sm\:gap-2 {
    gap: 0.5rem !important;
  }
  .sm\:gap-3 {
    gap: 1rem !important;
  }
  .sm\:gap-4 {
    gap: 1.5rem !important;
  }
  .sm\:gap-5 {
    gap: 2rem !important;
  }
  .sm\:gap-6 {
    gap: 3rem !important;
  }
  .sm\:gap-7 {
    gap: 4rem !important;
  }
  .sm\:gap-8 {
    gap: 5rem !important;
  }
  .sm\:row-gap-0 {
    row-gap: 0rem !important;
  }
  .sm\:row-gap-1 {
    row-gap: 0.25rem !important;
  }
  .sm\:row-gap-2 {
    row-gap: 0.5rem !important;
  }
  .sm\:row-gap-3 {
    row-gap: 1rem !important;
  }
  .sm\:row-gap-4 {
    row-gap: 1.5rem !important;
  }
  .sm\:row-gap-5 {
    row-gap: 2rem !important;
  }
  .sm\:row-gap-6 {
    row-gap: 3rem !important;
  }
  .sm\:row-gap-7 {
    row-gap: 4rem !important;
  }
  .sm\:row-gap-8 {
    row-gap: 5rem !important;
  }
  .sm\:column-gap-0 {
    -moz-column-gap: 0rem !important;
         column-gap: 0rem !important;
  }
  .sm\:column-gap-1 {
    -moz-column-gap: 0.25rem !important;
         column-gap: 0.25rem !important;
  }
  .sm\:column-gap-2 {
    -moz-column-gap: 0.5rem !important;
         column-gap: 0.5rem !important;
  }
  .sm\:column-gap-3 {
    -moz-column-gap: 1rem !important;
         column-gap: 1rem !important;
  }
  .sm\:column-gap-4 {
    -moz-column-gap: 1.5rem !important;
         column-gap: 1.5rem !important;
  }
  .sm\:column-gap-5 {
    -moz-column-gap: 2rem !important;
         column-gap: 2rem !important;
  }
  .sm\:column-gap-6 {
    -moz-column-gap: 3rem !important;
         column-gap: 3rem !important;
  }
  .sm\:column-gap-7 {
    -moz-column-gap: 4rem !important;
         column-gap: 4rem !important;
  }
  .sm\:column-gap-8 {
    -moz-column-gap: 5rem !important;
         column-gap: 5rem !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:gap-0 {
    gap: 0rem !important;
  }
  .md\:gap-1 {
    gap: 0.25rem !important;
  }
  .md\:gap-2 {
    gap: 0.5rem !important;
  }
  .md\:gap-3 {
    gap: 1rem !important;
  }
  .md\:gap-4 {
    gap: 1.5rem !important;
  }
  .md\:gap-5 {
    gap: 2rem !important;
  }
  .md\:gap-6 {
    gap: 3rem !important;
  }
  .md\:gap-7 {
    gap: 4rem !important;
  }
  .md\:gap-8 {
    gap: 5rem !important;
  }
  .md\:row-gap-0 {
    row-gap: 0rem !important;
  }
  .md\:row-gap-1 {
    row-gap: 0.25rem !important;
  }
  .md\:row-gap-2 {
    row-gap: 0.5rem !important;
  }
  .md\:row-gap-3 {
    row-gap: 1rem !important;
  }
  .md\:row-gap-4 {
    row-gap: 1.5rem !important;
  }
  .md\:row-gap-5 {
    row-gap: 2rem !important;
  }
  .md\:row-gap-6 {
    row-gap: 3rem !important;
  }
  .md\:row-gap-7 {
    row-gap: 4rem !important;
  }
  .md\:row-gap-8 {
    row-gap: 5rem !important;
  }
  .md\:column-gap-0 {
    -moz-column-gap: 0rem !important;
         column-gap: 0rem !important;
  }
  .md\:column-gap-1 {
    -moz-column-gap: 0.25rem !important;
         column-gap: 0.25rem !important;
  }
  .md\:column-gap-2 {
    -moz-column-gap: 0.5rem !important;
         column-gap: 0.5rem !important;
  }
  .md\:column-gap-3 {
    -moz-column-gap: 1rem !important;
         column-gap: 1rem !important;
  }
  .md\:column-gap-4 {
    -moz-column-gap: 1.5rem !important;
         column-gap: 1.5rem !important;
  }
  .md\:column-gap-5 {
    -moz-column-gap: 2rem !important;
         column-gap: 2rem !important;
  }
  .md\:column-gap-6 {
    -moz-column-gap: 3rem !important;
         column-gap: 3rem !important;
  }
  .md\:column-gap-7 {
    -moz-column-gap: 4rem !important;
         column-gap: 4rem !important;
  }
  .md\:column-gap-8 {
    -moz-column-gap: 5rem !important;
         column-gap: 5rem !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:gap-0 {
    gap: 0rem !important;
  }
  .lg\:gap-1 {
    gap: 0.25rem !important;
  }
  .lg\:gap-2 {
    gap: 0.5rem !important;
  }
  .lg\:gap-3 {
    gap: 1rem !important;
  }
  .lg\:gap-4 {
    gap: 1.5rem !important;
  }
  .lg\:gap-5 {
    gap: 2rem !important;
  }
  .lg\:gap-6 {
    gap: 3rem !important;
  }
  .lg\:gap-7 {
    gap: 4rem !important;
  }
  .lg\:gap-8 {
    gap: 5rem !important;
  }
  .lg\:row-gap-0 {
    row-gap: 0rem !important;
  }
  .lg\:row-gap-1 {
    row-gap: 0.25rem !important;
  }
  .lg\:row-gap-2 {
    row-gap: 0.5rem !important;
  }
  .lg\:row-gap-3 {
    row-gap: 1rem !important;
  }
  .lg\:row-gap-4 {
    row-gap: 1.5rem !important;
  }
  .lg\:row-gap-5 {
    row-gap: 2rem !important;
  }
  .lg\:row-gap-6 {
    row-gap: 3rem !important;
  }
  .lg\:row-gap-7 {
    row-gap: 4rem !important;
  }
  .lg\:row-gap-8 {
    row-gap: 5rem !important;
  }
  .lg\:column-gap-0 {
    -moz-column-gap: 0rem !important;
         column-gap: 0rem !important;
  }
  .lg\:column-gap-1 {
    -moz-column-gap: 0.25rem !important;
         column-gap: 0.25rem !important;
  }
  .lg\:column-gap-2 {
    -moz-column-gap: 0.5rem !important;
         column-gap: 0.5rem !important;
  }
  .lg\:column-gap-3 {
    -moz-column-gap: 1rem !important;
         column-gap: 1rem !important;
  }
  .lg\:column-gap-4 {
    -moz-column-gap: 1.5rem !important;
         column-gap: 1.5rem !important;
  }
  .lg\:column-gap-5 {
    -moz-column-gap: 2rem !important;
         column-gap: 2rem !important;
  }
  .lg\:column-gap-6 {
    -moz-column-gap: 3rem !important;
         column-gap: 3rem !important;
  }
  .lg\:column-gap-7 {
    -moz-column-gap: 4rem !important;
         column-gap: 4rem !important;
  }
  .lg\:column-gap-8 {
    -moz-column-gap: 5rem !important;
         column-gap: 5rem !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:gap-0 {
    gap: 0rem !important;
  }
  .xl\:gap-1 {
    gap: 0.25rem !important;
  }
  .xl\:gap-2 {
    gap: 0.5rem !important;
  }
  .xl\:gap-3 {
    gap: 1rem !important;
  }
  .xl\:gap-4 {
    gap: 1.5rem !important;
  }
  .xl\:gap-5 {
    gap: 2rem !important;
  }
  .xl\:gap-6 {
    gap: 3rem !important;
  }
  .xl\:gap-7 {
    gap: 4rem !important;
  }
  .xl\:gap-8 {
    gap: 5rem !important;
  }
  .xl\:row-gap-0 {
    row-gap: 0rem !important;
  }
  .xl\:row-gap-1 {
    row-gap: 0.25rem !important;
  }
  .xl\:row-gap-2 {
    row-gap: 0.5rem !important;
  }
  .xl\:row-gap-3 {
    row-gap: 1rem !important;
  }
  .xl\:row-gap-4 {
    row-gap: 1.5rem !important;
  }
  .xl\:row-gap-5 {
    row-gap: 2rem !important;
  }
  .xl\:row-gap-6 {
    row-gap: 3rem !important;
  }
  .xl\:row-gap-7 {
    row-gap: 4rem !important;
  }
  .xl\:row-gap-8 {
    row-gap: 5rem !important;
  }
  .xl\:column-gap-0 {
    -moz-column-gap: 0rem !important;
         column-gap: 0rem !important;
  }
  .xl\:column-gap-1 {
    -moz-column-gap: 0.25rem !important;
         column-gap: 0.25rem !important;
  }
  .xl\:column-gap-2 {
    -moz-column-gap: 0.5rem !important;
         column-gap: 0.5rem !important;
  }
  .xl\:column-gap-3 {
    -moz-column-gap: 1rem !important;
         column-gap: 1rem !important;
  }
  .xl\:column-gap-4 {
    -moz-column-gap: 1.5rem !important;
         column-gap: 1.5rem !important;
  }
  .xl\:column-gap-5 {
    -moz-column-gap: 2rem !important;
         column-gap: 2rem !important;
  }
  .xl\:column-gap-6 {
    -moz-column-gap: 3rem !important;
         column-gap: 3rem !important;
  }
  .xl\:column-gap-7 {
    -moz-column-gap: 4rem !important;
         column-gap: 4rem !important;
  }
  .xl\:column-gap-8 {
    -moz-column-gap: 5rem !important;
         column-gap: 5rem !important;
  }
}
.p-0 {
  padding: 0rem !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: 2rem !important;
}
.p-6 {
  padding: 3rem !important;
}
.p-7 {
  padding: 4rem !important;
}
.p-8 {
  padding: 5rem !important;
}
.pt-0 {
  padding-top: 0rem !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: 2rem !important;
}
.pt-6 {
  padding-top: 3rem !important;
}
.pt-7 {
  padding-top: 4rem !important;
}
.pt-8 {
  padding-top: 5rem !important;
}
.pr-0 {
  padding-right: 0rem !important;
}
.pr-1 {
  padding-right: 0.25rem !important;
}
.pr-2 {
  padding-right: 0.5rem !important;
}
.pr-3 {
  padding-right: 1rem !important;
}
.pr-4 {
  padding-right: 1.5rem !important;
}
.pr-5 {
  padding-right: 2rem !important;
}
.pr-6 {
  padding-right: 3rem !important;
}
.pr-7 {
  padding-right: 4rem !important;
}
.pr-8 {
  padding-right: 5rem !important;
}
.pl-0 {
  padding-left: 0rem !important;
}
.pl-1 {
  padding-left: 0.25rem !important;
}
.pl-2 {
  padding-left: 0.5rem !important;
}
.pl-3 {
  padding-left: 1rem !important;
}
.pl-4 {
  padding-left: 1.5rem !important;
}
.pl-5 {
  padding-left: 2rem !important;
}
.pl-6 {
  padding-left: 3rem !important;
}
.pl-7 {
  padding-left: 4rem !important;
}
.pl-8 {
  padding-left: 5rem !important;
}
.pb-0 {
  padding-bottom: 0rem !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: 2rem !important;
}
.pb-6 {
  padding-bottom: 3rem !important;
}
.pb-7 {
  padding-bottom: 4rem !important;
}
.pb-8 {
  padding-bottom: 5rem !important;
}
.px-0 {
  padding-left: 0rem !important;
  padding-right: 0rem !important;
}
.px-1 {
  padding-left: 0.25rem !important;
  padding-right: 0.25rem !important;
}
.px-2 {
  padding-left: 0.5rem !important;
  padding-right: 0.5rem !important;
}
.px-3 {
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}
.px-4 {
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;
}
.px-5 {
  padding-left: 2rem !important;
  padding-right: 2rem !important;
}
.px-6 {
  padding-left: 3rem !important;
  padding-right: 3rem !important;
}
.px-7 {
  padding-left: 4rem !important;
  padding-right: 4rem !important;
}
.px-8 {
  padding-left: 5rem !important;
  padding-right: 5rem !important;
}
.py-0 {
  padding-top: 0rem !important;
  padding-bottom: 0rem !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: 2rem !important;
  padding-bottom: 2rem !important;
}
.py-6 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}
.py-7 {
  padding-top: 4rem !important;
  padding-bottom: 4rem !important;
}
.py-8 {
  padding-top: 5rem !important;
  padding-bottom: 5rem !important;
}
@media screen and (min-width: 576px) {
  .sm\:p-0 {
    padding: 0rem !important;
  }
  .sm\:p-1 {
    padding: 0.25rem !important;
  }
  .sm\:p-2 {
    padding: 0.5rem !important;
  }
  .sm\:p-3 {
    padding: 1rem !important;
  }
  .sm\:p-4 {
    padding: 1.5rem !important;
  }
  .sm\:p-5 {
    padding: 2rem !important;
  }
  .sm\:p-6 {
    padding: 3rem !important;
  }
  .sm\:p-7 {
    padding: 4rem !important;
  }
  .sm\:p-8 {
    padding: 5rem !important;
  }
  .sm\:pt-0 {
    padding-top: 0rem !important;
  }
  .sm\:pt-1 {
    padding-top: 0.25rem !important;
  }
  .sm\:pt-2 {
    padding-top: 0.5rem !important;
  }
  .sm\:pt-3 {
    padding-top: 1rem !important;
  }
  .sm\:pt-4 {
    padding-top: 1.5rem !important;
  }
  .sm\:pt-5 {
    padding-top: 2rem !important;
  }
  .sm\:pt-6 {
    padding-top: 3rem !important;
  }
  .sm\:pt-7 {
    padding-top: 4rem !important;
  }
  .sm\:pt-8 {
    padding-top: 5rem !important;
  }
  .sm\:pr-0 {
    padding-right: 0rem !important;
  }
  .sm\:pr-1 {
    padding-right: 0.25rem !important;
  }
  .sm\:pr-2 {
    padding-right: 0.5rem !important;
  }
  .sm\:pr-3 {
    padding-right: 1rem !important;
  }
  .sm\:pr-4 {
    padding-right: 1.5rem !important;
  }
  .sm\:pr-5 {
    padding-right: 2rem !important;
  }
  .sm\:pr-6 {
    padding-right: 3rem !important;
  }
  .sm\:pr-7 {
    padding-right: 4rem !important;
  }
  .sm\:pr-8 {
    padding-right: 5rem !important;
  }
  .sm\:pl-0 {
    padding-left: 0rem !important;
  }
  .sm\:pl-1 {
    padding-left: 0.25rem !important;
  }
  .sm\:pl-2 {
    padding-left: 0.5rem !important;
  }
  .sm\:pl-3 {
    padding-left: 1rem !important;
  }
  .sm\:pl-4 {
    padding-left: 1.5rem !important;
  }
  .sm\:pl-5 {
    padding-left: 2rem !important;
  }
  .sm\:pl-6 {
    padding-left: 3rem !important;
  }
  .sm\:pl-7 {
    padding-left: 4rem !important;
  }
  .sm\:pl-8 {
    padding-left: 5rem !important;
  }
  .sm\:pb-0 {
    padding-bottom: 0rem !important;
  }
  .sm\:pb-1 {
    padding-bottom: 0.25rem !important;
  }
  .sm\:pb-2 {
    padding-bottom: 0.5rem !important;
  }
  .sm\:pb-3 {
    padding-bottom: 1rem !important;
  }
  .sm\:pb-4 {
    padding-bottom: 1.5rem !important;
  }
  .sm\:pb-5 {
    padding-bottom: 2rem !important;
  }
  .sm\:pb-6 {
    padding-bottom: 3rem !important;
  }
  .sm\:pb-7 {
    padding-bottom: 4rem !important;
  }
  .sm\:pb-8 {
    padding-bottom: 5rem !important;
  }
  .sm\:px-0 {
    padding-left: 0rem !important;
    padding-right: 0rem !important;
  }
  .sm\:px-1 {
    padding-left: 0.25rem !important;
    padding-right: 0.25rem !important;
  }
  .sm\:px-2 {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }
  .sm\:px-3 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
  .sm\:px-4 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }
  .sm\:px-5 {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }
  .sm\:px-6 {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }
  .sm\:px-7 {
    padding-left: 4rem !important;
    padding-right: 4rem !important;
  }
  .sm\:px-8 {
    padding-left: 5rem !important;
    padding-right: 5rem !important;
  }
  .sm\:py-0 {
    padding-top: 0rem !important;
    padding-bottom: 0rem !important;
  }
  .sm\:py-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .sm\:py-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .sm\:py-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .sm\:py-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .sm\:py-5 {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }
  .sm\:py-6 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .sm\:py-7 {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
  }
  .sm\:py-8 {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:p-0 {
    padding: 0rem !important;
  }
  .md\:p-1 {
    padding: 0.25rem !important;
  }
  .md\:p-2 {
    padding: 0.5rem !important;
  }
  .md\:p-3 {
    padding: 1rem !important;
  }
  .md\:p-4 {
    padding: 1.5rem !important;
  }
  .md\:p-5 {
    padding: 2rem !important;
  }
  .md\:p-6 {
    padding: 3rem !important;
  }
  .md\:p-7 {
    padding: 4rem !important;
  }
  .md\:p-8 {
    padding: 5rem !important;
  }
  .md\:pt-0 {
    padding-top: 0rem !important;
  }
  .md\:pt-1 {
    padding-top: 0.25rem !important;
  }
  .md\:pt-2 {
    padding-top: 0.5rem !important;
  }
  .md\:pt-3 {
    padding-top: 1rem !important;
  }
  .md\:pt-4 {
    padding-top: 1.5rem !important;
  }
  .md\:pt-5 {
    padding-top: 2rem !important;
  }
  .md\:pt-6 {
    padding-top: 3rem !important;
  }
  .md\:pt-7 {
    padding-top: 4rem !important;
  }
  .md\:pt-8 {
    padding-top: 5rem !important;
  }
  .md\:pr-0 {
    padding-right: 0rem !important;
  }
  .md\:pr-1 {
    padding-right: 0.25rem !important;
  }
  .md\:pr-2 {
    padding-right: 0.5rem !important;
  }
  .md\:pr-3 {
    padding-right: 1rem !important;
  }
  .md\:pr-4 {
    padding-right: 1.5rem !important;
  }
  .md\:pr-5 {
    padding-right: 2rem !important;
  }
  .md\:pr-6 {
    padding-right: 3rem !important;
  }
  .md\:pr-7 {
    padding-right: 4rem !important;
  }
  .md\:pr-8 {
    padding-right: 5rem !important;
  }
  .md\:pl-0 {
    padding-left: 0rem !important;
  }
  .md\:pl-1 {
    padding-left: 0.25rem !important;
  }
  .md\:pl-2 {
    padding-left: 0.5rem !important;
  }
  .md\:pl-3 {
    padding-left: 1rem !important;
  }
  .md\:pl-4 {
    padding-left: 1.5rem !important;
  }
  .md\:pl-5 {
    padding-left: 2rem !important;
  }
  .md\:pl-6 {
    padding-left: 3rem !important;
  }
  .md\:pl-7 {
    padding-left: 4rem !important;
  }
  .md\:pl-8 {
    padding-left: 5rem !important;
  }
  .md\:pb-0 {
    padding-bottom: 0rem !important;
  }
  .md\:pb-1 {
    padding-bottom: 0.25rem !important;
  }
  .md\:pb-2 {
    padding-bottom: 0.5rem !important;
  }
  .md\:pb-3 {
    padding-bottom: 1rem !important;
  }
  .md\:pb-4 {
    padding-bottom: 1.5rem !important;
  }
  .md\:pb-5 {
    padding-bottom: 2rem !important;
  }
  .md\:pb-6 {
    padding-bottom: 3rem !important;
  }
  .md\:pb-7 {
    padding-bottom: 4rem !important;
  }
  .md\:pb-8 {
    padding-bottom: 5rem !important;
  }
  .md\:px-0 {
    padding-left: 0rem !important;
    padding-right: 0rem !important;
  }
  .md\:px-1 {
    padding-left: 0.25rem !important;
    padding-right: 0.25rem !important;
  }
  .md\:px-2 {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }
  .md\:px-3 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
  .md\:px-4 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }
  .md\:px-5 {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }
  .md\:px-6 {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }
  .md\:px-7 {
    padding-left: 4rem !important;
    padding-right: 4rem !important;
  }
  .md\:px-8 {
    padding-left: 5rem !important;
    padding-right: 5rem !important;
  }
  .md\:py-0 {
    padding-top: 0rem !important;
    padding-bottom: 0rem !important;
  }
  .md\:py-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .md\:py-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .md\:py-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .md\:py-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .md\:py-5 {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }
  .md\:py-6 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .md\:py-7 {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
  }
  .md\:py-8 {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:p-0 {
    padding: 0rem !important;
  }
  .lg\:p-1 {
    padding: 0.25rem !important;
  }
  .lg\:p-2 {
    padding: 0.5rem !important;
  }
  .lg\:p-3 {
    padding: 1rem !important;
  }
  .lg\:p-4 {
    padding: 1.5rem !important;
  }
  .lg\:p-5 {
    padding: 2rem !important;
  }
  .lg\:p-6 {
    padding: 3rem !important;
  }
  .lg\:p-7 {
    padding: 4rem !important;
  }
  .lg\:p-8 {
    padding: 5rem !important;
  }
  .lg\:pt-0 {
    padding-top: 0rem !important;
  }
  .lg\:pt-1 {
    padding-top: 0.25rem !important;
  }
  .lg\:pt-2 {
    padding-top: 0.5rem !important;
  }
  .lg\:pt-3 {
    padding-top: 1rem !important;
  }
  .lg\:pt-4 {
    padding-top: 1.5rem !important;
  }
  .lg\:pt-5 {
    padding-top: 2rem !important;
  }
  .lg\:pt-6 {
    padding-top: 3rem !important;
  }
  .lg\:pt-7 {
    padding-top: 4rem !important;
  }
  .lg\:pt-8 {
    padding-top: 5rem !important;
  }
  .lg\:pr-0 {
    padding-right: 0rem !important;
  }
  .lg\:pr-1 {
    padding-right: 0.25rem !important;
  }
  .lg\:pr-2 {
    padding-right: 0.5rem !important;
  }
  .lg\:pr-3 {
    padding-right: 1rem !important;
  }
  .lg\:pr-4 {
    padding-right: 1.5rem !important;
  }
  .lg\:pr-5 {
    padding-right: 2rem !important;
  }
  .lg\:pr-6 {
    padding-right: 3rem !important;
  }
  .lg\:pr-7 {
    padding-right: 4rem !important;
  }
  .lg\:pr-8 {
    padding-right: 5rem !important;
  }
  .lg\:pl-0 {
    padding-left: 0rem !important;
  }
  .lg\:pl-1 {
    padding-left: 0.25rem !important;
  }
  .lg\:pl-2 {
    padding-left: 0.5rem !important;
  }
  .lg\:pl-3 {
    padding-left: 1rem !important;
  }
  .lg\:pl-4 {
    padding-left: 1.5rem !important;
  }
  .lg\:pl-5 {
    padding-left: 2rem !important;
  }
  .lg\:pl-6 {
    padding-left: 3rem !important;
  }
  .lg\:pl-7 {
    padding-left: 4rem !important;
  }
  .lg\:pl-8 {
    padding-left: 5rem !important;
  }
  .lg\:pb-0 {
    padding-bottom: 0rem !important;
  }
  .lg\:pb-1 {
    padding-bottom: 0.25rem !important;
  }
  .lg\:pb-2 {
    padding-bottom: 0.5rem !important;
  }
  .lg\:pb-3 {
    padding-bottom: 1rem !important;
  }
  .lg\:pb-4 {
    padding-bottom: 1.5rem !important;
  }
  .lg\:pb-5 {
    padding-bottom: 2rem !important;
  }
  .lg\:pb-6 {
    padding-bottom: 3rem !important;
  }
  .lg\:pb-7 {
    padding-bottom: 4rem !important;
  }
  .lg\:pb-8 {
    padding-bottom: 5rem !important;
  }
  .lg\:px-0 {
    padding-left: 0rem !important;
    padding-right: 0rem !important;
  }
  .lg\:px-1 {
    padding-left: 0.25rem !important;
    padding-right: 0.25rem !important;
  }
  .lg\:px-2 {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }
  .lg\:px-3 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
  .lg\:px-4 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }
  .lg\:px-5 {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }
  .lg\:px-6 {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }
  .lg\:px-7 {
    padding-left: 4rem !important;
    padding-right: 4rem !important;
  }
  .lg\:px-8 {
    padding-left: 5rem !important;
    padding-right: 5rem !important;
  }
  .lg\:py-0 {
    padding-top: 0rem !important;
    padding-bottom: 0rem !important;
  }
  .lg\:py-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .lg\:py-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .lg\:py-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .lg\:py-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .lg\:py-5 {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }
  .lg\:py-6 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .lg\:py-7 {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
  }
  .lg\:py-8 {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:p-0 {
    padding: 0rem !important;
  }
  .xl\:p-1 {
    padding: 0.25rem !important;
  }
  .xl\:p-2 {
    padding: 0.5rem !important;
  }
  .xl\:p-3 {
    padding: 1rem !important;
  }
  .xl\:p-4 {
    padding: 1.5rem !important;
  }
  .xl\:p-5 {
    padding: 2rem !important;
  }
  .xl\:p-6 {
    padding: 3rem !important;
  }
  .xl\:p-7 {
    padding: 4rem !important;
  }
  .xl\:p-8 {
    padding: 5rem !important;
  }
  .xl\:pt-0 {
    padding-top: 0rem !important;
  }
  .xl\:pt-1 {
    padding-top: 0.25rem !important;
  }
  .xl\:pt-2 {
    padding-top: 0.5rem !important;
  }
  .xl\:pt-3 {
    padding-top: 1rem !important;
  }
  .xl\:pt-4 {
    padding-top: 1.5rem !important;
  }
  .xl\:pt-5 {
    padding-top: 2rem !important;
  }
  .xl\:pt-6 {
    padding-top: 3rem !important;
  }
  .xl\:pt-7 {
    padding-top: 4rem !important;
  }
  .xl\:pt-8 {
    padding-top: 5rem !important;
  }
  .xl\:pr-0 {
    padding-right: 0rem !important;
  }
  .xl\:pr-1 {
    padding-right: 0.25rem !important;
  }
  .xl\:pr-2 {
    padding-right: 0.5rem !important;
  }
  .xl\:pr-3 {
    padding-right: 1rem !important;
  }
  .xl\:pr-4 {
    padding-right: 1.5rem !important;
  }
  .xl\:pr-5 {
    padding-right: 2rem !important;
  }
  .xl\:pr-6 {
    padding-right: 3rem !important;
  }
  .xl\:pr-7 {
    padding-right: 4rem !important;
  }
  .xl\:pr-8 {
    padding-right: 5rem !important;
  }
  .xl\:pl-0 {
    padding-left: 0rem !important;
  }
  .xl\:pl-1 {
    padding-left: 0.25rem !important;
  }
  .xl\:pl-2 {
    padding-left: 0.5rem !important;
  }
  .xl\:pl-3 {
    padding-left: 1rem !important;
  }
  .xl\:pl-4 {
    padding-left: 1.5rem !important;
  }
  .xl\:pl-5 {
    padding-left: 2rem !important;
  }
  .xl\:pl-6 {
    padding-left: 3rem !important;
  }
  .xl\:pl-7 {
    padding-left: 4rem !important;
  }
  .xl\:pl-8 {
    padding-left: 5rem !important;
  }
  .xl\:pb-0 {
    padding-bottom: 0rem !important;
  }
  .xl\:pb-1 {
    padding-bottom: 0.25rem !important;
  }
  .xl\:pb-2 {
    padding-bottom: 0.5rem !important;
  }
  .xl\:pb-3 {
    padding-bottom: 1rem !important;
  }
  .xl\:pb-4 {
    padding-bottom: 1.5rem !important;
  }
  .xl\:pb-5 {
    padding-bottom: 2rem !important;
  }
  .xl\:pb-6 {
    padding-bottom: 3rem !important;
  }
  .xl\:pb-7 {
    padding-bottom: 4rem !important;
  }
  .xl\:pb-8 {
    padding-bottom: 5rem !important;
  }
  .xl\:px-0 {
    padding-left: 0rem !important;
    padding-right: 0rem !important;
  }
  .xl\:px-1 {
    padding-left: 0.25rem !important;
    padding-right: 0.25rem !important;
  }
  .xl\:px-2 {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }
  .xl\:px-3 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
  .xl\:px-4 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }
  .xl\:px-5 {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }
  .xl\:px-6 {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }
  .xl\:px-7 {
    padding-left: 4rem !important;
    padding-right: 4rem !important;
  }
  .xl\:px-8 {
    padding-left: 5rem !important;
    padding-right: 5rem !important;
  }
  .xl\:py-0 {
    padding-top: 0rem !important;
    padding-bottom: 0rem !important;
  }
  .xl\:py-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .xl\:py-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .xl\:py-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .xl\:py-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .xl\:py-5 {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }
  .xl\:py-6 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .xl\:py-7 {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
  }
  .xl\:py-8 {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
  }
}
.m-0 {
  margin: 0rem !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: 2rem !important;
}
.m-6 {
  margin: 3rem !important;
}
.m-7 {
  margin: 4rem !important;
}
.m-8 {
  margin: 5rem !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: -2rem !important;
}
.-m-6 {
  margin: -3rem !important;
}
.-m-7 {
  margin: -4rem !important;
}
.-m-8 {
  margin: -5rem !important;
}
.m-auto {
  margin: auto !important;
}
.mt-0 {
  margin-top: 0rem !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: 2rem !important;
}
.mt-6 {
  margin-top: 3rem !important;
}
.mt-7 {
  margin-top: 4rem !important;
}
.mt-8 {
  margin-top: 5rem !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: -2rem !important;
}
.-mt-6 {
  margin-top: -3rem !important;
}
.-mt-7 {
  margin-top: -4rem !important;
}
.-mt-8 {
  margin-top: -5rem !important;
}
.mt-auto {
  margin-top: auto !important;
}
.mr-0 {
  margin-right: 0rem !important;
}
.mr-1 {
  margin-right: 0.25rem !important;
}
.mr-2 {
  margin-right: 0.5rem !important;
}
.mr-3 {
  margin-right: 1rem !important;
}
.mr-4 {
  margin-right: 1.5rem !important;
}
.mr-5 {
  margin-right: 2rem !important;
}
.mr-6 {
  margin-right: 3rem !important;
}
.mr-7 {
  margin-right: 4rem !important;
}
.mr-8 {
  margin-right: 5rem !important;
}
.-mr-1 {
  margin-right: -0.25rem !important;
}
.-mr-2 {
  margin-right: -0.5rem !important;
}
.-mr-3 {
  margin-right: -1rem !important;
}
.-mr-4 {
  margin-right: -1.5rem !important;
}
.-mr-5 {
  margin-right: -2rem !important;
}
.-mr-6 {
  margin-right: -3rem !important;
}
.-mr-7 {
  margin-right: -4rem !important;
}
.-mr-8 {
  margin-right: -5rem !important;
}
.mr-auto {
  margin-right: auto !important;
}
.ml-0 {
  margin-left: 0rem !important;
}
.ml-1 {
  margin-left: 0.25rem !important;
}
.ml-2 {
  margin-left: 0.5rem !important;
}
.ml-3 {
  margin-left: 1rem !important;
}
.ml-4 {
  margin-left: 1.5rem !important;
}
.ml-5 {
  margin-left: 2rem !important;
}
.ml-6 {
  margin-left: 3rem !important;
}
.ml-7 {
  margin-left: 4rem !important;
}
.ml-8 {
  margin-left: 5rem !important;
}
.-ml-1 {
  margin-left: -0.25rem !important;
}
.-ml-2 {
  margin-left: -0.5rem !important;
}
.-ml-3 {
  margin-left: -1rem !important;
}
.-ml-4 {
  margin-left: -1.5rem !important;
}
.-ml-5 {
  margin-left: -2rem !important;
}
.-ml-6 {
  margin-left: -3rem !important;
}
.-ml-7 {
  margin-left: -4rem !important;
}
.-ml-8 {
  margin-left: -5rem !important;
}
.ml-auto {
  margin-left: auto !important;
}
.mb-0 {
  margin-bottom: 0rem !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: 2rem !important;
}
.mb-6 {
  margin-bottom: 3rem !important;
}
.mb-7 {
  margin-bottom: 4rem !important;
}
.mb-8 {
  margin-bottom: 5rem !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: -2rem !important;
}
.-mb-6 {
  margin-bottom: -3rem !important;
}
.-mb-7 {
  margin-bottom: -4rem !important;
}
.-mb-8 {
  margin-bottom: -5rem !important;
}
.mb-auto {
  margin-bottom: auto !important;
}
.mx-0 {
  margin-left: 0rem !important;
  margin-right: 0rem !important;
}
.mx-1 {
  margin-left: 0.25rem !important;
  margin-right: 0.25rem !important;
}
.mx-2 {
  margin-left: 0.5rem !important;
  margin-right: 0.5rem !important;
}
.mx-3 {
  margin-left: 1rem !important;
  margin-right: 1rem !important;
}
.mx-4 {
  margin-left: 1.5rem !important;
  margin-right: 1.5rem !important;
}
.mx-5 {
  margin-left: 2rem !important;
  margin-right: 2rem !important;
}
.mx-6 {
  margin-left: 3rem !important;
  margin-right: 3rem !important;
}
.mx-7 {
  margin-left: 4rem !important;
  margin-right: 4rem !important;
}
.mx-8 {
  margin-left: 5rem !important;
  margin-right: 5rem !important;
}
.-mx-1 {
  margin-left: -0.25rem !important;
  margin-right: -0.25rem !important;
}
.-mx-2 {
  margin-left: -0.5rem !important;
  margin-right: -0.5rem !important;
}
.-mx-3 {
  margin-left: -1rem !important;
  margin-right: -1rem !important;
}
.-mx-4 {
  margin-left: -1.5rem !important;
  margin-right: -1.5rem !important;
}
.-mx-5 {
  margin-left: -2rem !important;
  margin-right: -2rem !important;
}
.-mx-6 {
  margin-left: -3rem !important;
  margin-right: -3rem !important;
}
.-mx-7 {
  margin-left: -4rem !important;
  margin-right: -4rem !important;
}
.-mx-8 {
  margin-left: -5rem !important;
  margin-right: -5rem !important;
}
.mx-auto {
  margin-left: auto !important;
  margin-right: auto !important;
}
.my-0 {
  margin-top: 0rem !important;
  margin-bottom: 0rem !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: 2rem !important;
  margin-bottom: 2rem !important;
}
.my-6 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}
.my-7 {
  margin-top: 4rem !important;
  margin-bottom: 4rem !important;
}
.my-8 {
  margin-top: 5rem !important;
  margin-bottom: 5rem !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: -2rem !important;
  margin-bottom: -2rem !important;
}
.-my-6 {
  margin-top: -3rem !important;
  margin-bottom: -3rem !important;
}
.-my-7 {
  margin-top: -4rem !important;
  margin-bottom: -4rem !important;
}
.-my-8 {
  margin-top: -5rem !important;
  margin-bottom: -5rem !important;
}
.my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}
@media screen and (min-width: 576px) {
  .sm\:m-0 {
    margin: 0rem !important;
  }
  .sm\:m-1 {
    margin: 0.25rem !important;
  }
  .sm\:m-2 {
    margin: 0.5rem !important;
  }
  .sm\:m-3 {
    margin: 1rem !important;
  }
  .sm\:m-4 {
    margin: 1.5rem !important;
  }
  .sm\:m-5 {
    margin: 2rem !important;
  }
  .sm\:m-6 {
    margin: 3rem !important;
  }
  .sm\:m-7 {
    margin: 4rem !important;
  }
  .sm\:m-8 {
    margin: 5rem !important;
  }
  .sm\:-m-1 {
    margin: -0.25rem !important;
  }
  .sm\:-m-2 {
    margin: -0.5rem !important;
  }
  .sm\:-m-3 {
    margin: -1rem !important;
  }
  .sm\:-m-4 {
    margin: -1.5rem !important;
  }
  .sm\:-m-5 {
    margin: -2rem !important;
  }
  .sm\:-m-6 {
    margin: -3rem !important;
  }
  .sm\:-m-7 {
    margin: -4rem !important;
  }
  .sm\:-m-8 {
    margin: -5rem !important;
  }
  .sm\:m-auto {
    margin: auto !important;
  }
  .sm\:mt-0 {
    margin-top: 0rem !important;
  }
  .sm\:mt-1 {
    margin-top: 0.25rem !important;
  }
  .sm\:mt-2 {
    margin-top: 0.5rem !important;
  }
  .sm\:mt-3 {
    margin-top: 1rem !important;
  }
  .sm\:mt-4 {
    margin-top: 1.5rem !important;
  }
  .sm\:mt-5 {
    margin-top: 2rem !important;
  }
  .sm\:mt-6 {
    margin-top: 3rem !important;
  }
  .sm\:mt-7 {
    margin-top: 4rem !important;
  }
  .sm\:mt-8 {
    margin-top: 5rem !important;
  }
  .sm\:-mt-1 {
    margin-top: -0.25rem !important;
  }
  .sm\:-mt-2 {
    margin-top: -0.5rem !important;
  }
  .sm\:-mt-3 {
    margin-top: -1rem !important;
  }
  .sm\:-mt-4 {
    margin-top: -1.5rem !important;
  }
  .sm\:-mt-5 {
    margin-top: -2rem !important;
  }
  .sm\:-mt-6 {
    margin-top: -3rem !important;
  }
  .sm\:-mt-7 {
    margin-top: -4rem !important;
  }
  .sm\:-mt-8 {
    margin-top: -5rem !important;
  }
  .sm\:mt-auto {
    margin-top: auto !important;
  }
  .sm\:mr-0 {
    margin-right: 0rem !important;
  }
  .sm\:mr-1 {
    margin-right: 0.25rem !important;
  }
  .sm\:mr-2 {
    margin-right: 0.5rem !important;
  }
  .sm\:mr-3 {
    margin-right: 1rem !important;
  }
  .sm\:mr-4 {
    margin-right: 1.5rem !important;
  }
  .sm\:mr-5 {
    margin-right: 2rem !important;
  }
  .sm\:mr-6 {
    margin-right: 3rem !important;
  }
  .sm\:mr-7 {
    margin-right: 4rem !important;
  }
  .sm\:mr-8 {
    margin-right: 5rem !important;
  }
  .sm\:-mr-1 {
    margin-right: -0.25rem !important;
  }
  .sm\:-mr-2 {
    margin-right: -0.5rem !important;
  }
  .sm\:-mr-3 {
    margin-right: -1rem !important;
  }
  .sm\:-mr-4 {
    margin-right: -1.5rem !important;
  }
  .sm\:-mr-5 {
    margin-right: -2rem !important;
  }
  .sm\:-mr-6 {
    margin-right: -3rem !important;
  }
  .sm\:-mr-7 {
    margin-right: -4rem !important;
  }
  .sm\:-mr-8 {
    margin-right: -5rem !important;
  }
  .sm\:mr-auto {
    margin-right: auto !important;
  }
  .sm\:ml-0 {
    margin-left: 0rem !important;
  }
  .sm\:ml-1 {
    margin-left: 0.25rem !important;
  }
  .sm\:ml-2 {
    margin-left: 0.5rem !important;
  }
  .sm\:ml-3 {
    margin-left: 1rem !important;
  }
  .sm\:ml-4 {
    margin-left: 1.5rem !important;
  }
  .sm\:ml-5 {
    margin-left: 2rem !important;
  }
  .sm\:ml-6 {
    margin-left: 3rem !important;
  }
  .sm\:ml-7 {
    margin-left: 4rem !important;
  }
  .sm\:ml-8 {
    margin-left: 5rem !important;
  }
  .sm\:-ml-1 {
    margin-left: -0.25rem !important;
  }
  .sm\:-ml-2 {
    margin-left: -0.5rem !important;
  }
  .sm\:-ml-3 {
    margin-left: -1rem !important;
  }
  .sm\:-ml-4 {
    margin-left: -1.5rem !important;
  }
  .sm\:-ml-5 {
    margin-left: -2rem !important;
  }
  .sm\:-ml-6 {
    margin-left: -3rem !important;
  }
  .sm\:-ml-7 {
    margin-left: -4rem !important;
  }
  .sm\:-ml-8 {
    margin-left: -5rem !important;
  }
  .sm\:ml-auto {
    margin-left: auto !important;
  }
  .sm\:mb-0 {
    margin-bottom: 0rem !important;
  }
  .sm\:mb-1 {
    margin-bottom: 0.25rem !important;
  }
  .sm\:mb-2 {
    margin-bottom: 0.5rem !important;
  }
  .sm\:mb-3 {
    margin-bottom: 1rem !important;
  }
  .sm\:mb-4 {
    margin-bottom: 1.5rem !important;
  }
  .sm\:mb-5 {
    margin-bottom: 2rem !important;
  }
  .sm\:mb-6 {
    margin-bottom: 3rem !important;
  }
  .sm\:mb-7 {
    margin-bottom: 4rem !important;
  }
  .sm\:mb-8 {
    margin-bottom: 5rem !important;
  }
  .sm\:-mb-1 {
    margin-bottom: -0.25rem !important;
  }
  .sm\:-mb-2 {
    margin-bottom: -0.5rem !important;
  }
  .sm\:-mb-3 {
    margin-bottom: -1rem !important;
  }
  .sm\:-mb-4 {
    margin-bottom: -1.5rem !important;
  }
  .sm\:-mb-5 {
    margin-bottom: -2rem !important;
  }
  .sm\:-mb-6 {
    margin-bottom: -3rem !important;
  }
  .sm\:-mb-7 {
    margin-bottom: -4rem !important;
  }
  .sm\:-mb-8 {
    margin-bottom: -5rem !important;
  }
  .sm\:mb-auto {
    margin-bottom: auto !important;
  }
  .sm\:mx-0 {
    margin-left: 0rem !important;
    margin-right: 0rem !important;
  }
  .sm\:mx-1 {
    margin-left: 0.25rem !important;
    margin-right: 0.25rem !important;
  }
  .sm\:mx-2 {
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important;
  }
  .sm\:mx-3 {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
  }
  .sm\:mx-4 {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important;
  }
  .sm\:mx-5 {
    margin-left: 2rem !important;
    margin-right: 2rem !important;
  }
  .sm\:mx-6 {
    margin-left: 3rem !important;
    margin-right: 3rem !important;
  }
  .sm\:mx-7 {
    margin-left: 4rem !important;
    margin-right: 4rem !important;
  }
  .sm\:mx-8 {
    margin-left: 5rem !important;
    margin-right: 5rem !important;
  }
  .sm\:-mx-1 {
    margin-left: -0.25rem !important;
    margin-right: -0.25rem !important;
  }
  .sm\:-mx-2 {
    margin-left: -0.5rem !important;
    margin-right: -0.5rem !important;
  }
  .sm\:-mx-3 {
    margin-left: -1rem !important;
    margin-right: -1rem !important;
  }
  .sm\:-mx-4 {
    margin-left: -1.5rem !important;
    margin-right: -1.5rem !important;
  }
  .sm\:-mx-5 {
    margin-left: -2rem !important;
    margin-right: -2rem !important;
  }
  .sm\:-mx-6 {
    margin-left: -3rem !important;
    margin-right: -3rem !important;
  }
  .sm\:-mx-7 {
    margin-left: -4rem !important;
    margin-right: -4rem !important;
  }
  .sm\:-mx-8 {
    margin-left: -5rem !important;
    margin-right: -5rem !important;
  }
  .sm\:mx-auto {
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .sm\:my-0 {
    margin-top: 0rem !important;
    margin-bottom: 0rem !important;
  }
  .sm\:my-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .sm\:my-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .sm\:my-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .sm\:my-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .sm\:my-5 {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
  }
  .sm\:my-6 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .sm\:my-7 {
    margin-top: 4rem !important;
    margin-bottom: 4rem !important;
  }
  .sm\:my-8 {
    margin-top: 5rem !important;
    margin-bottom: 5rem !important;
  }
  .sm\:-my-1 {
    margin-top: -0.25rem !important;
    margin-bottom: -0.25rem !important;
  }
  .sm\:-my-2 {
    margin-top: -0.5rem !important;
    margin-bottom: -0.5rem !important;
  }
  .sm\:-my-3 {
    margin-top: -1rem !important;
    margin-bottom: -1rem !important;
  }
  .sm\:-my-4 {
    margin-top: -1.5rem !important;
    margin-bottom: -1.5rem !important;
  }
  .sm\:-my-5 {
    margin-top: -2rem !important;
    margin-bottom: -2rem !important;
  }
  .sm\:-my-6 {
    margin-top: -3rem !important;
    margin-bottom: -3rem !important;
  }
  .sm\:-my-7 {
    margin-top: -4rem !important;
    margin-bottom: -4rem !important;
  }
  .sm\:-my-8 {
    margin-top: -5rem !important;
    margin-bottom: -5rem !important;
  }
  .sm\:my-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:m-0 {
    margin: 0rem !important;
  }
  .md\:m-1 {
    margin: 0.25rem !important;
  }
  .md\:m-2 {
    margin: 0.5rem !important;
  }
  .md\:m-3 {
    margin: 1rem !important;
  }
  .md\:m-4 {
    margin: 1.5rem !important;
  }
  .md\:m-5 {
    margin: 2rem !important;
  }
  .md\:m-6 {
    margin: 3rem !important;
  }
  .md\:m-7 {
    margin: 4rem !important;
  }
  .md\:m-8 {
    margin: 5rem !important;
  }
  .md\:-m-1 {
    margin: -0.25rem !important;
  }
  .md\:-m-2 {
    margin: -0.5rem !important;
  }
  .md\:-m-3 {
    margin: -1rem !important;
  }
  .md\:-m-4 {
    margin: -1.5rem !important;
  }
  .md\:-m-5 {
    margin: -2rem !important;
  }
  .md\:-m-6 {
    margin: -3rem !important;
  }
  .md\:-m-7 {
    margin: -4rem !important;
  }
  .md\:-m-8 {
    margin: -5rem !important;
  }
  .md\:m-auto {
    margin: auto !important;
  }
  .md\:mt-0 {
    margin-top: 0rem !important;
  }
  .md\:mt-1 {
    margin-top: 0.25rem !important;
  }
  .md\:mt-2 {
    margin-top: 0.5rem !important;
  }
  .md\:mt-3 {
    margin-top: 1rem !important;
  }
  .md\:mt-4 {
    margin-top: 1.5rem !important;
  }
  .md\:mt-5 {
    margin-top: 2rem !important;
  }
  .md\:mt-6 {
    margin-top: 3rem !important;
  }
  .md\:mt-7 {
    margin-top: 4rem !important;
  }
  .md\:mt-8 {
    margin-top: 5rem !important;
  }
  .md\:-mt-1 {
    margin-top: -0.25rem !important;
  }
  .md\:-mt-2 {
    margin-top: -0.5rem !important;
  }
  .md\:-mt-3 {
    margin-top: -1rem !important;
  }
  .md\:-mt-4 {
    margin-top: -1.5rem !important;
  }
  .md\:-mt-5 {
    margin-top: -2rem !important;
  }
  .md\:-mt-6 {
    margin-top: -3rem !important;
  }
  .md\:-mt-7 {
    margin-top: -4rem !important;
  }
  .md\:-mt-8 {
    margin-top: -5rem !important;
  }
  .md\:mt-auto {
    margin-top: auto !important;
  }
  .md\:mr-0 {
    margin-right: 0rem !important;
  }
  .md\:mr-1 {
    margin-right: 0.25rem !important;
  }
  .md\:mr-2 {
    margin-right: 0.5rem !important;
  }
  .md\:mr-3 {
    margin-right: 1rem !important;
  }
  .md\:mr-4 {
    margin-right: 1.5rem !important;
  }
  .md\:mr-5 {
    margin-right: 2rem !important;
  }
  .md\:mr-6 {
    margin-right: 3rem !important;
  }
  .md\:mr-7 {
    margin-right: 4rem !important;
  }
  .md\:mr-8 {
    margin-right: 5rem !important;
  }
  .md\:-mr-1 {
    margin-right: -0.25rem !important;
  }
  .md\:-mr-2 {
    margin-right: -0.5rem !important;
  }
  .md\:-mr-3 {
    margin-right: -1rem !important;
  }
  .md\:-mr-4 {
    margin-right: -1.5rem !important;
  }
  .md\:-mr-5 {
    margin-right: -2rem !important;
  }
  .md\:-mr-6 {
    margin-right: -3rem !important;
  }
  .md\:-mr-7 {
    margin-right: -4rem !important;
  }
  .md\:-mr-8 {
    margin-right: -5rem !important;
  }
  .md\:mr-auto {
    margin-right: auto !important;
  }
  .md\:ml-0 {
    margin-left: 0rem !important;
  }
  .md\:ml-1 {
    margin-left: 0.25rem !important;
  }
  .md\:ml-2 {
    margin-left: 0.5rem !important;
  }
  .md\:ml-3 {
    margin-left: 1rem !important;
  }
  .md\:ml-4 {
    margin-left: 1.5rem !important;
  }
  .md\:ml-5 {
    margin-left: 2rem !important;
  }
  .md\:ml-6 {
    margin-left: 3rem !important;
  }
  .md\:ml-7 {
    margin-left: 4rem !important;
  }
  .md\:ml-8 {
    margin-left: 5rem !important;
  }
  .md\:-ml-1 {
    margin-left: -0.25rem !important;
  }
  .md\:-ml-2 {
    margin-left: -0.5rem !important;
  }
  .md\:-ml-3 {
    margin-left: -1rem !important;
  }
  .md\:-ml-4 {
    margin-left: -1.5rem !important;
  }
  .md\:-ml-5 {
    margin-left: -2rem !important;
  }
  .md\:-ml-6 {
    margin-left: -3rem !important;
  }
  .md\:-ml-7 {
    margin-left: -4rem !important;
  }
  .md\:-ml-8 {
    margin-left: -5rem !important;
  }
  .md\:ml-auto {
    margin-left: auto !important;
  }
  .md\:mb-0 {
    margin-bottom: 0rem !important;
  }
  .md\:mb-1 {
    margin-bottom: 0.25rem !important;
  }
  .md\:mb-2 {
    margin-bottom: 0.5rem !important;
  }
  .md\:mb-3 {
    margin-bottom: 1rem !important;
  }
  .md\:mb-4 {
    margin-bottom: 1.5rem !important;
  }
  .md\:mb-5 {
    margin-bottom: 2rem !important;
  }
  .md\:mb-6 {
    margin-bottom: 3rem !important;
  }
  .md\:mb-7 {
    margin-bottom: 4rem !important;
  }
  .md\:mb-8 {
    margin-bottom: 5rem !important;
  }
  .md\:-mb-1 {
    margin-bottom: -0.25rem !important;
  }
  .md\:-mb-2 {
    margin-bottom: -0.5rem !important;
  }
  .md\:-mb-3 {
    margin-bottom: -1rem !important;
  }
  .md\:-mb-4 {
    margin-bottom: -1.5rem !important;
  }
  .md\:-mb-5 {
    margin-bottom: -2rem !important;
  }
  .md\:-mb-6 {
    margin-bottom: -3rem !important;
  }
  .md\:-mb-7 {
    margin-bottom: -4rem !important;
  }
  .md\:-mb-8 {
    margin-bottom: -5rem !important;
  }
  .md\:mb-auto {
    margin-bottom: auto !important;
  }
  .md\:mx-0 {
    margin-left: 0rem !important;
    margin-right: 0rem !important;
  }
  .md\:mx-1 {
    margin-left: 0.25rem !important;
    margin-right: 0.25rem !important;
  }
  .md\:mx-2 {
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important;
  }
  .md\:mx-3 {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
  }
  .md\:mx-4 {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important;
  }
  .md\:mx-5 {
    margin-left: 2rem !important;
    margin-right: 2rem !important;
  }
  .md\:mx-6 {
    margin-left: 3rem !important;
    margin-right: 3rem !important;
  }
  .md\:mx-7 {
    margin-left: 4rem !important;
    margin-right: 4rem !important;
  }
  .md\:mx-8 {
    margin-left: 5rem !important;
    margin-right: 5rem !important;
  }
  .md\:-mx-1 {
    margin-left: -0.25rem !important;
    margin-right: -0.25rem !important;
  }
  .md\:-mx-2 {
    margin-left: -0.5rem !important;
    margin-right: -0.5rem !important;
  }
  .md\:-mx-3 {
    margin-left: -1rem !important;
    margin-right: -1rem !important;
  }
  .md\:-mx-4 {
    margin-left: -1.5rem !important;
    margin-right: -1.5rem !important;
  }
  .md\:-mx-5 {
    margin-left: -2rem !important;
    margin-right: -2rem !important;
  }
  .md\:-mx-6 {
    margin-left: -3rem !important;
    margin-right: -3rem !important;
  }
  .md\:-mx-7 {
    margin-left: -4rem !important;
    margin-right: -4rem !important;
  }
  .md\:-mx-8 {
    margin-left: -5rem !important;
    margin-right: -5rem !important;
  }
  .md\:mx-auto {
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .md\:my-0 {
    margin-top: 0rem !important;
    margin-bottom: 0rem !important;
  }
  .md\:my-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .md\:my-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .md\:my-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .md\:my-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .md\:my-5 {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
  }
  .md\:my-6 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .md\:my-7 {
    margin-top: 4rem !important;
    margin-bottom: 4rem !important;
  }
  .md\:my-8 {
    margin-top: 5rem !important;
    margin-bottom: 5rem !important;
  }
  .md\:-my-1 {
    margin-top: -0.25rem !important;
    margin-bottom: -0.25rem !important;
  }
  .md\:-my-2 {
    margin-top: -0.5rem !important;
    margin-bottom: -0.5rem !important;
  }
  .md\:-my-3 {
    margin-top: -1rem !important;
    margin-bottom: -1rem !important;
  }
  .md\:-my-4 {
    margin-top: -1.5rem !important;
    margin-bottom: -1.5rem !important;
  }
  .md\:-my-5 {
    margin-top: -2rem !important;
    margin-bottom: -2rem !important;
  }
  .md\:-my-6 {
    margin-top: -3rem !important;
    margin-bottom: -3rem !important;
  }
  .md\:-my-7 {
    margin-top: -4rem !important;
    margin-bottom: -4rem !important;
  }
  .md\:-my-8 {
    margin-top: -5rem !important;
    margin-bottom: -5rem !important;
  }
  .md\:my-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:m-0 {
    margin: 0rem !important;
  }
  .lg\:m-1 {
    margin: 0.25rem !important;
  }
  .lg\:m-2 {
    margin: 0.5rem !important;
  }
  .lg\:m-3 {
    margin: 1rem !important;
  }
  .lg\:m-4 {
    margin: 1.5rem !important;
  }
  .lg\:m-5 {
    margin: 2rem !important;
  }
  .lg\:m-6 {
    margin: 3rem !important;
  }
  .lg\:m-7 {
    margin: 4rem !important;
  }
  .lg\:m-8 {
    margin: 5rem !important;
  }
  .lg\:-m-1 {
    margin: -0.25rem !important;
  }
  .lg\:-m-2 {
    margin: -0.5rem !important;
  }
  .lg\:-m-3 {
    margin: -1rem !important;
  }
  .lg\:-m-4 {
    margin: -1.5rem !important;
  }
  .lg\:-m-5 {
    margin: -2rem !important;
  }
  .lg\:-m-6 {
    margin: -3rem !important;
  }
  .lg\:-m-7 {
    margin: -4rem !important;
  }
  .lg\:-m-8 {
    margin: -5rem !important;
  }
  .lg\:m-auto {
    margin: auto !important;
  }
  .lg\:mt-0 {
    margin-top: 0rem !important;
  }
  .lg\:mt-1 {
    margin-top: 0.25rem !important;
  }
  .lg\:mt-2 {
    margin-top: 0.5rem !important;
  }
  .lg\:mt-3 {
    margin-top: 1rem !important;
  }
  .lg\:mt-4 {
    margin-top: 1.5rem !important;
  }
  .lg\:mt-5 {
    margin-top: 2rem !important;
  }
  .lg\:mt-6 {
    margin-top: 3rem !important;
  }
  .lg\:mt-7 {
    margin-top: 4rem !important;
  }
  .lg\:mt-8 {
    margin-top: 5rem !important;
  }
  .lg\:-mt-1 {
    margin-top: -0.25rem !important;
  }
  .lg\:-mt-2 {
    margin-top: -0.5rem !important;
  }
  .lg\:-mt-3 {
    margin-top: -1rem !important;
  }
  .lg\:-mt-4 {
    margin-top: -1.5rem !important;
  }
  .lg\:-mt-5 {
    margin-top: -2rem !important;
  }
  .lg\:-mt-6 {
    margin-top: -3rem !important;
  }
  .lg\:-mt-7 {
    margin-top: -4rem !important;
  }
  .lg\:-mt-8 {
    margin-top: -5rem !important;
  }
  .lg\:mt-auto {
    margin-top: auto !important;
  }
  .lg\:mr-0 {
    margin-right: 0rem !important;
  }
  .lg\:mr-1 {
    margin-right: 0.25rem !important;
  }
  .lg\:mr-2 {
    margin-right: 0.5rem !important;
  }
  .lg\:mr-3 {
    margin-right: 1rem !important;
  }
  .lg\:mr-4 {
    margin-right: 1.5rem !important;
  }
  .lg\:mr-5 {
    margin-right: 2rem !important;
  }
  .lg\:mr-6 {
    margin-right: 3rem !important;
  }
  .lg\:mr-7 {
    margin-right: 4rem !important;
  }
  .lg\:mr-8 {
    margin-right: 5rem !important;
  }
  .lg\:-mr-1 {
    margin-right: -0.25rem !important;
  }
  .lg\:-mr-2 {
    margin-right: -0.5rem !important;
  }
  .lg\:-mr-3 {
    margin-right: -1rem !important;
  }
  .lg\:-mr-4 {
    margin-right: -1.5rem !important;
  }
  .lg\:-mr-5 {
    margin-right: -2rem !important;
  }
  .lg\:-mr-6 {
    margin-right: -3rem !important;
  }
  .lg\:-mr-7 {
    margin-right: -4rem !important;
  }
  .lg\:-mr-8 {
    margin-right: -5rem !important;
  }
  .lg\:mr-auto {
    margin-right: auto !important;
  }
  .lg\:ml-0 {
    margin-left: 0rem !important;
  }
  .lg\:ml-1 {
    margin-left: 0.25rem !important;
  }
  .lg\:ml-2 {
    margin-left: 0.5rem !important;
  }
  .lg\:ml-3 {
    margin-left: 1rem !important;
  }
  .lg\:ml-4 {
    margin-left: 1.5rem !important;
  }
  .lg\:ml-5 {
    margin-left: 2rem !important;
  }
  .lg\:ml-6 {
    margin-left: 3rem !important;
  }
  .lg\:ml-7 {
    margin-left: 4rem !important;
  }
  .lg\:ml-8 {
    margin-left: 5rem !important;
  }
  .lg\:-ml-1 {
    margin-left: -0.25rem !important;
  }
  .lg\:-ml-2 {
    margin-left: -0.5rem !important;
  }
  .lg\:-ml-3 {
    margin-left: -1rem !important;
  }
  .lg\:-ml-4 {
    margin-left: -1.5rem !important;
  }
  .lg\:-ml-5 {
    margin-left: -2rem !important;
  }
  .lg\:-ml-6 {
    margin-left: -3rem !important;
  }
  .lg\:-ml-7 {
    margin-left: -4rem !important;
  }
  .lg\:-ml-8 {
    margin-left: -5rem !important;
  }
  .lg\:ml-auto {
    margin-left: auto !important;
  }
  .lg\:mb-0 {
    margin-bottom: 0rem !important;
  }
  .lg\:mb-1 {
    margin-bottom: 0.25rem !important;
  }
  .lg\:mb-2 {
    margin-bottom: 0.5rem !important;
  }
  .lg\:mb-3 {
    margin-bottom: 1rem !important;
  }
  .lg\:mb-4 {
    margin-bottom: 1.5rem !important;
  }
  .lg\:mb-5 {
    margin-bottom: 2rem !important;
  }
  .lg\:mb-6 {
    margin-bottom: 3rem !important;
  }
  .lg\:mb-7 {
    margin-bottom: 4rem !important;
  }
  .lg\:mb-8 {
    margin-bottom: 5rem !important;
  }
  .lg\:-mb-1 {
    margin-bottom: -0.25rem !important;
  }
  .lg\:-mb-2 {
    margin-bottom: -0.5rem !important;
  }
  .lg\:-mb-3 {
    margin-bottom: -1rem !important;
  }
  .lg\:-mb-4 {
    margin-bottom: -1.5rem !important;
  }
  .lg\:-mb-5 {
    margin-bottom: -2rem !important;
  }
  .lg\:-mb-6 {
    margin-bottom: -3rem !important;
  }
  .lg\:-mb-7 {
    margin-bottom: -4rem !important;
  }
  .lg\:-mb-8 {
    margin-bottom: -5rem !important;
  }
  .lg\:mb-auto {
    margin-bottom: auto !important;
  }
  .lg\:mx-0 {
    margin-left: 0rem !important;
    margin-right: 0rem !important;
  }
  .lg\:mx-1 {
    margin-left: 0.25rem !important;
    margin-right: 0.25rem !important;
  }
  .lg\:mx-2 {
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important;
  }
  .lg\:mx-3 {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
  }
  .lg\:mx-4 {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important;
  }
  .lg\:mx-5 {
    margin-left: 2rem !important;
    margin-right: 2rem !important;
  }
  .lg\:mx-6 {
    margin-left: 3rem !important;
    margin-right: 3rem !important;
  }
  .lg\:mx-7 {
    margin-left: 4rem !important;
    margin-right: 4rem !important;
  }
  .lg\:mx-8 {
    margin-left: 5rem !important;
    margin-right: 5rem !important;
  }
  .lg\:-mx-1 {
    margin-left: -0.25rem !important;
    margin-right: -0.25rem !important;
  }
  .lg\:-mx-2 {
    margin-left: -0.5rem !important;
    margin-right: -0.5rem !important;
  }
  .lg\:-mx-3 {
    margin-left: -1rem !important;
    margin-right: -1rem !important;
  }
  .lg\:-mx-4 {
    margin-left: -1.5rem !important;
    margin-right: -1.5rem !important;
  }
  .lg\:-mx-5 {
    margin-left: -2rem !important;
    margin-right: -2rem !important;
  }
  .lg\:-mx-6 {
    margin-left: -3rem !important;
    margin-right: -3rem !important;
  }
  .lg\:-mx-7 {
    margin-left: -4rem !important;
    margin-right: -4rem !important;
  }
  .lg\:-mx-8 {
    margin-left: -5rem !important;
    margin-right: -5rem !important;
  }
  .lg\:mx-auto {
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .lg\:my-0 {
    margin-top: 0rem !important;
    margin-bottom: 0rem !important;
  }
  .lg\:my-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .lg\:my-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .lg\:my-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .lg\:my-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .lg\:my-5 {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
  }
  .lg\:my-6 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .lg\:my-7 {
    margin-top: 4rem !important;
    margin-bottom: 4rem !important;
  }
  .lg\:my-8 {
    margin-top: 5rem !important;
    margin-bottom: 5rem !important;
  }
  .lg\:-my-1 {
    margin-top: -0.25rem !important;
    margin-bottom: -0.25rem !important;
  }
  .lg\:-my-2 {
    margin-top: -0.5rem !important;
    margin-bottom: -0.5rem !important;
  }
  .lg\:-my-3 {
    margin-top: -1rem !important;
    margin-bottom: -1rem !important;
  }
  .lg\:-my-4 {
    margin-top: -1.5rem !important;
    margin-bottom: -1.5rem !important;
  }
  .lg\:-my-5 {
    margin-top: -2rem !important;
    margin-bottom: -2rem !important;
  }
  .lg\:-my-6 {
    margin-top: -3rem !important;
    margin-bottom: -3rem !important;
  }
  .lg\:-my-7 {
    margin-top: -4rem !important;
    margin-bottom: -4rem !important;
  }
  .lg\:-my-8 {
    margin-top: -5rem !important;
    margin-bottom: -5rem !important;
  }
  .lg\:my-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:m-0 {
    margin: 0rem !important;
  }
  .xl\:m-1 {
    margin: 0.25rem !important;
  }
  .xl\:m-2 {
    margin: 0.5rem !important;
  }
  .xl\:m-3 {
    margin: 1rem !important;
  }
  .xl\:m-4 {
    margin: 1.5rem !important;
  }
  .xl\:m-5 {
    margin: 2rem !important;
  }
  .xl\:m-6 {
    margin: 3rem !important;
  }
  .xl\:m-7 {
    margin: 4rem !important;
  }
  .xl\:m-8 {
    margin: 5rem !important;
  }
  .xl\:-m-1 {
    margin: -0.25rem !important;
  }
  .xl\:-m-2 {
    margin: -0.5rem !important;
  }
  .xl\:-m-3 {
    margin: -1rem !important;
  }
  .xl\:-m-4 {
    margin: -1.5rem !important;
  }
  .xl\:-m-5 {
    margin: -2rem !important;
  }
  .xl\:-m-6 {
    margin: -3rem !important;
  }
  .xl\:-m-7 {
    margin: -4rem !important;
  }
  .xl\:-m-8 {
    margin: -5rem !important;
  }
  .xl\:m-auto {
    margin: auto !important;
  }
  .xl\:mt-0 {
    margin-top: 0rem !important;
  }
  .xl\:mt-1 {
    margin-top: 0.25rem !important;
  }
  .xl\:mt-2 {
    margin-top: 0.5rem !important;
  }
  .xl\:mt-3 {
    margin-top: 1rem !important;
  }
  .xl\:mt-4 {
    margin-top: 1.5rem !important;
  }
  .xl\:mt-5 {
    margin-top: 2rem !important;
  }
  .xl\:mt-6 {
    margin-top: 3rem !important;
  }
  .xl\:mt-7 {
    margin-top: 4rem !important;
  }
  .xl\:mt-8 {
    margin-top: 5rem !important;
  }
  .xl\:-mt-1 {
    margin-top: -0.25rem !important;
  }
  .xl\:-mt-2 {
    margin-top: -0.5rem !important;
  }
  .xl\:-mt-3 {
    margin-top: -1rem !important;
  }
  .xl\:-mt-4 {
    margin-top: -1.5rem !important;
  }
  .xl\:-mt-5 {
    margin-top: -2rem !important;
  }
  .xl\:-mt-6 {
    margin-top: -3rem !important;
  }
  .xl\:-mt-7 {
    margin-top: -4rem !important;
  }
  .xl\:-mt-8 {
    margin-top: -5rem !important;
  }
  .xl\:mt-auto {
    margin-top: auto !important;
  }
  .xl\:mr-0 {
    margin-right: 0rem !important;
  }
  .xl\:mr-1 {
    margin-right: 0.25rem !important;
  }
  .xl\:mr-2 {
    margin-right: 0.5rem !important;
  }
  .xl\:mr-3 {
    margin-right: 1rem !important;
  }
  .xl\:mr-4 {
    margin-right: 1.5rem !important;
  }
  .xl\:mr-5 {
    margin-right: 2rem !important;
  }
  .xl\:mr-6 {
    margin-right: 3rem !important;
  }
  .xl\:mr-7 {
    margin-right: 4rem !important;
  }
  .xl\:mr-8 {
    margin-right: 5rem !important;
  }
  .xl\:-mr-1 {
    margin-right: -0.25rem !important;
  }
  .xl\:-mr-2 {
    margin-right: -0.5rem !important;
  }
  .xl\:-mr-3 {
    margin-right: -1rem !important;
  }
  .xl\:-mr-4 {
    margin-right: -1.5rem !important;
  }
  .xl\:-mr-5 {
    margin-right: -2rem !important;
  }
  .xl\:-mr-6 {
    margin-right: -3rem !important;
  }
  .xl\:-mr-7 {
    margin-right: -4rem !important;
  }
  .xl\:-mr-8 {
    margin-right: -5rem !important;
  }
  .xl\:mr-auto {
    margin-right: auto !important;
  }
  .xl\:ml-0 {
    margin-left: 0rem !important;
  }
  .xl\:ml-1 {
    margin-left: 0.25rem !important;
  }
  .xl\:ml-2 {
    margin-left: 0.5rem !important;
  }
  .xl\:ml-3 {
    margin-left: 1rem !important;
  }
  .xl\:ml-4 {
    margin-left: 1.5rem !important;
  }
  .xl\:ml-5 {
    margin-left: 2rem !important;
  }
  .xl\:ml-6 {
    margin-left: 3rem !important;
  }
  .xl\:ml-7 {
    margin-left: 4rem !important;
  }
  .xl\:ml-8 {
    margin-left: 5rem !important;
  }
  .xl\:-ml-1 {
    margin-left: -0.25rem !important;
  }
  .xl\:-ml-2 {
    margin-left: -0.5rem !important;
  }
  .xl\:-ml-3 {
    margin-left: -1rem !important;
  }
  .xl\:-ml-4 {
    margin-left: -1.5rem !important;
  }
  .xl\:-ml-5 {
    margin-left: -2rem !important;
  }
  .xl\:-ml-6 {
    margin-left: -3rem !important;
  }
  .xl\:-ml-7 {
    margin-left: -4rem !important;
  }
  .xl\:-ml-8 {
    margin-left: -5rem !important;
  }
  .xl\:ml-auto {
    margin-left: auto !important;
  }
  .xl\:mb-0 {
    margin-bottom: 0rem !important;
  }
  .xl\:mb-1 {
    margin-bottom: 0.25rem !important;
  }
  .xl\:mb-2 {
    margin-bottom: 0.5rem !important;
  }
  .xl\:mb-3 {
    margin-bottom: 1rem !important;
  }
  .xl\:mb-4 {
    margin-bottom: 1.5rem !important;
  }
  .xl\:mb-5 {
    margin-bottom: 2rem !important;
  }
  .xl\:mb-6 {
    margin-bottom: 3rem !important;
  }
  .xl\:mb-7 {
    margin-bottom: 4rem !important;
  }
  .xl\:mb-8 {
    margin-bottom: 5rem !important;
  }
  .xl\:-mb-1 {
    margin-bottom: -0.25rem !important;
  }
  .xl\:-mb-2 {
    margin-bottom: -0.5rem !important;
  }
  .xl\:-mb-3 {
    margin-bottom: -1rem !important;
  }
  .xl\:-mb-4 {
    margin-bottom: -1.5rem !important;
  }
  .xl\:-mb-5 {
    margin-bottom: -2rem !important;
  }
  .xl\:-mb-6 {
    margin-bottom: -3rem !important;
  }
  .xl\:-mb-7 {
    margin-bottom: -4rem !important;
  }
  .xl\:-mb-8 {
    margin-bottom: -5rem !important;
  }
  .xl\:mb-auto {
    margin-bottom: auto !important;
  }
  .xl\:mx-0 {
    margin-left: 0rem !important;
    margin-right: 0rem !important;
  }
  .xl\:mx-1 {
    margin-left: 0.25rem !important;
    margin-right: 0.25rem !important;
  }
  .xl\:mx-2 {
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important;
  }
  .xl\:mx-3 {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
  }
  .xl\:mx-4 {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important;
  }
  .xl\:mx-5 {
    margin-left: 2rem !important;
    margin-right: 2rem !important;
  }
  .xl\:mx-6 {
    margin-left: 3rem !important;
    margin-right: 3rem !important;
  }
  .xl\:mx-7 {
    margin-left: 4rem !important;
    margin-right: 4rem !important;
  }
  .xl\:mx-8 {
    margin-left: 5rem !important;
    margin-right: 5rem !important;
  }
  .xl\:-mx-1 {
    margin-left: -0.25rem !important;
    margin-right: -0.25rem !important;
  }
  .xl\:-mx-2 {
    margin-left: -0.5rem !important;
    margin-right: -0.5rem !important;
  }
  .xl\:-mx-3 {
    margin-left: -1rem !important;
    margin-right: -1rem !important;
  }
  .xl\:-mx-4 {
    margin-left: -1.5rem !important;
    margin-right: -1.5rem !important;
  }
  .xl\:-mx-5 {
    margin-left: -2rem !important;
    margin-right: -2rem !important;
  }
  .xl\:-mx-6 {
    margin-left: -3rem !important;
    margin-right: -3rem !important;
  }
  .xl\:-mx-7 {
    margin-left: -4rem !important;
    margin-right: -4rem !important;
  }
  .xl\:-mx-8 {
    margin-left: -5rem !important;
    margin-right: -5rem !important;
  }
  .xl\:mx-auto {
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .xl\:my-0 {
    margin-top: 0rem !important;
    margin-bottom: 0rem !important;
  }
  .xl\:my-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .xl\:my-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .xl\:my-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .xl\:my-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .xl\:my-5 {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
  }
  .xl\:my-6 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .xl\:my-7 {
    margin-top: 4rem !important;
    margin-bottom: 4rem !important;
  }
  .xl\:my-8 {
    margin-top: 5rem !important;
    margin-bottom: 5rem !important;
  }
  .xl\:-my-1 {
    margin-top: -0.25rem !important;
    margin-bottom: -0.25rem !important;
  }
  .xl\:-my-2 {
    margin-top: -0.5rem !important;
    margin-bottom: -0.5rem !important;
  }
  .xl\:-my-3 {
    margin-top: -1rem !important;
    margin-bottom: -1rem !important;
  }
  .xl\:-my-4 {
    margin-top: -1.5rem !important;
    margin-bottom: -1.5rem !important;
  }
  .xl\:-my-5 {
    margin-top: -2rem !important;
    margin-bottom: -2rem !important;
  }
  .xl\:-my-6 {
    margin-top: -3rem !important;
    margin-bottom: -3rem !important;
  }
  .xl\:-my-7 {
    margin-top: -4rem !important;
    margin-bottom: -4rem !important;
  }
  .xl\:-my-8 {
    margin-top: -5rem !important;
    margin-bottom: -5rem !important;
  }
  .xl\:my-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
}
.shadow-none {
  box-shadow: none !important;
}
.shadow-1 {
  box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important;
}
.shadow-2 {
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important;
}
.shadow-3 {
  box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important;
}
.shadow-4 {
  box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important;
}
.shadow-5 {
  box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important;
}
.shadow-6 {
  box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important;
}
.shadow-7 {
  box-shadow: 0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important;
}
.shadow-8 {
  box-shadow: 0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important;
}
.focus\:shadow-none:focus {
  box-shadow: none !important;
}
.hover\:shadow-none:hover {
  box-shadow: none !important;
}
.active\:shadow-none:active {
  box-shadow: none !important;
}
.focus\:shadow-1:focus {
  box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important;
}
.hover\:shadow-1:hover {
  box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important;
}
.active\:shadow-1:active {
  box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important;
}
.focus\:shadow-2:focus {
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important;
}
.hover\:shadow-2:hover {
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important;
}
.active\:shadow-2:active {
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important;
}
.focus\:shadow-3:focus {
  box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important;
}
.hover\:shadow-3:hover {
  box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important;
}
.active\:shadow-3:active {
  box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important;
}
.focus\:shadow-4:focus {
  box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important;
}
.hover\:shadow-4:hover {
  box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important;
}
.active\:shadow-4:active {
  box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important;
}
.focus\:shadow-5:focus {
  box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important;
}
.hover\:shadow-5:hover {
  box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important;
}
.active\:shadow-5:active {
  box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important;
}
.focus\:shadow-6:focus {
  box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important;
}
.hover\:shadow-6:hover {
  box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important;
}
.active\:shadow-6:active {
  box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important;
}
.focus\:shadow-7:focus {
  box-shadow: 0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important;
}
.hover\:shadow-7:hover {
  box-shadow: 0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important;
}
.active\:shadow-7:active {
  box-shadow: 0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important;
}
.focus\:shadow-8:focus {
  box-shadow: 0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important;
}
.hover\:shadow-8:hover {
  box-shadow: 0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important;
}
.active\:shadow-8:active {
  box-shadow: 0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important;
}
@media screen and (min-width: 576px) {
  .sm\:shadow-none {
    box-shadow: none !important;
  }
  .sm\:shadow-1 {
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important;
  }
  .sm\:shadow-2 {
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important;
  }
  .sm\:shadow-3 {
    box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important;
  }
  .sm\:shadow-4 {
    box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important;
  }
  .sm\:shadow-5 {
    box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important;
  }
  .sm\:shadow-6 {
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important;
  }
  .sm\:shadow-7 {
    box-shadow: 0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important;
  }
  .sm\:shadow-8 {
    box-shadow: 0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important;
  }
  .sm\:focus\:shadow-none:focus {
    box-shadow: none !important;
  }
  .sm\:hover\:shadow-none:hover {
    box-shadow: none !important;
  }
  .sm\:active\:shadow-none:active {
    box-shadow: none !important;
  }
  .sm\:focus\:shadow-1:focus {
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important;
  }
  .sm\:hover\:shadow-1:hover {
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important;
  }
  .sm\:active\:shadow-1:active {
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important;
  }
  .sm\:focus\:shadow-2:focus {
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important;
  }
  .sm\:hover\:shadow-2:hover {
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important;
  }
  .sm\:active\:shadow-2:active {
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important;
  }
  .sm\:focus\:shadow-3:focus {
    box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important;
  }
  .sm\:hover\:shadow-3:hover {
    box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important;
  }
  .sm\:active\:shadow-3:active {
    box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important;
  }
  .sm\:focus\:shadow-4:focus {
    box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important;
  }
  .sm\:hover\:shadow-4:hover {
    box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important;
  }
  .sm\:active\:shadow-4:active {
    box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important;
  }
  .sm\:focus\:shadow-5:focus {
    box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important;
  }
  .sm\:hover\:shadow-5:hover {
    box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important;
  }
  .sm\:active\:shadow-5:active {
    box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important;
  }
  .sm\:focus\:shadow-6:focus {
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important;
  }
  .sm\:hover\:shadow-6:hover {
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important;
  }
  .sm\:active\:shadow-6:active {
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important;
  }
  .sm\:focus\:shadow-7:focus {
    box-shadow: 0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important;
  }
  .sm\:hover\:shadow-7:hover {
    box-shadow: 0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important;
  }
  .sm\:active\:shadow-7:active {
    box-shadow: 0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important;
  }
  .sm\:focus\:shadow-8:focus {
    box-shadow: 0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important;
  }
  .sm\:hover\:shadow-8:hover {
    box-shadow: 0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important;
  }
  .sm\:active\:shadow-8:active {
    box-shadow: 0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:shadow-none {
    box-shadow: none !important;
  }
  .md\:shadow-1 {
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important;
  }
  .md\:shadow-2 {
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important;
  }
  .md\:shadow-3 {
    box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important;
  }
  .md\:shadow-4 {
    box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important;
  }
  .md\:shadow-5 {
    box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important;
  }
  .md\:shadow-6 {
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important;
  }
  .md\:shadow-7 {
    box-shadow: 0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important;
  }
  .md\:shadow-8 {
    box-shadow: 0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important;
  }
  .md\:focus\:shadow-none:focus {
    box-shadow: none !important;
  }
  .md\:hover\:shadow-none:hover {
    box-shadow: none !important;
  }
  .md\:active\:shadow-none:active {
    box-shadow: none !important;
  }
  .md\:focus\:shadow-1:focus {
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important;
  }
  .md\:hover\:shadow-1:hover {
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important;
  }
  .md\:active\:shadow-1:active {
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important;
  }
  .md\:focus\:shadow-2:focus {
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important;
  }
  .md\:hover\:shadow-2:hover {
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important;
  }
  .md\:active\:shadow-2:active {
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important;
  }
  .md\:focus\:shadow-3:focus {
    box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important;
  }
  .md\:hover\:shadow-3:hover {
    box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important;
  }
  .md\:active\:shadow-3:active {
    box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important;
  }
  .md\:focus\:shadow-4:focus {
    box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important;
  }
  .md\:hover\:shadow-4:hover {
    box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important;
  }
  .md\:active\:shadow-4:active {
    box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important;
  }
  .md\:focus\:shadow-5:focus {
    box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important;
  }
  .md\:hover\:shadow-5:hover {
    box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important;
  }
  .md\:active\:shadow-5:active {
    box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important;
  }
  .md\:focus\:shadow-6:focus {
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important;
  }
  .md\:hover\:shadow-6:hover {
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important;
  }
  .md\:active\:shadow-6:active {
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important;
  }
  .md\:focus\:shadow-7:focus {
    box-shadow: 0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important;
  }
  .md\:hover\:shadow-7:hover {
    box-shadow: 0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important;
  }
  .md\:active\:shadow-7:active {
    box-shadow: 0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important;
  }
  .md\:focus\:shadow-8:focus {
    box-shadow: 0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important;
  }
  .md\:hover\:shadow-8:hover {
    box-shadow: 0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important;
  }
  .md\:active\:shadow-8:active {
    box-shadow: 0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:shadow-none {
    box-shadow: none !important;
  }
  .lg\:shadow-1 {
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important;
  }
  .lg\:shadow-2 {
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important;
  }
  .lg\:shadow-3 {
    box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important;
  }
  .lg\:shadow-4 {
    box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important;
  }
  .lg\:shadow-5 {
    box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important;
  }
  .lg\:shadow-6 {
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important;
  }
  .lg\:shadow-7 {
    box-shadow: 0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important;
  }
  .lg\:shadow-8 {
    box-shadow: 0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important;
  }
  .lg\:focus\:shadow-none:focus {
    box-shadow: none !important;
  }
  .lg\:hover\:shadow-none:hover {
    box-shadow: none !important;
  }
  .lg\:active\:shadow-none:active {
    box-shadow: none !important;
  }
  .lg\:focus\:shadow-1:focus {
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important;
  }
  .lg\:hover\:shadow-1:hover {
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important;
  }
  .lg\:active\:shadow-1:active {
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important;
  }
  .lg\:focus\:shadow-2:focus {
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important;
  }
  .lg\:hover\:shadow-2:hover {
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important;
  }
  .lg\:active\:shadow-2:active {
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important;
  }
  .lg\:focus\:shadow-3:focus {
    box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important;
  }
  .lg\:hover\:shadow-3:hover {
    box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important;
  }
  .lg\:active\:shadow-3:active {
    box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important;
  }
  .lg\:focus\:shadow-4:focus {
    box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important;
  }
  .lg\:hover\:shadow-4:hover {
    box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important;
  }
  .lg\:active\:shadow-4:active {
    box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important;
  }
  .lg\:focus\:shadow-5:focus {
    box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important;
  }
  .lg\:hover\:shadow-5:hover {
    box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important;
  }
  .lg\:active\:shadow-5:active {
    box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important;
  }
  .lg\:focus\:shadow-6:focus {
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important;
  }
  .lg\:hover\:shadow-6:hover {
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important;
  }
  .lg\:active\:shadow-6:active {
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important;
  }
  .lg\:focus\:shadow-7:focus {
    box-shadow: 0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important;
  }
  .lg\:hover\:shadow-7:hover {
    box-shadow: 0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important;
  }
  .lg\:active\:shadow-7:active {
    box-shadow: 0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important;
  }
  .lg\:focus\:shadow-8:focus {
    box-shadow: 0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important;
  }
  .lg\:hover\:shadow-8:hover {
    box-shadow: 0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important;
  }
  .lg\:active\:shadow-8:active {
    box-shadow: 0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:shadow-none {
    box-shadow: none !important;
  }
  .xl\:shadow-1 {
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important;
  }
  .xl\:shadow-2 {
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important;
  }
  .xl\:shadow-3 {
    box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important;
  }
  .xl\:shadow-4 {
    box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important;
  }
  .xl\:shadow-5 {
    box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important;
  }
  .xl\:shadow-6 {
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important;
  }
  .xl\:shadow-7 {
    box-shadow: 0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important;
  }
  .xl\:shadow-8 {
    box-shadow: 0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important;
  }
  .xl\:focus\:shadow-none:focus {
    box-shadow: none !important;
  }
  .xl\:hover\:shadow-none:hover {
    box-shadow: none !important;
  }
  .xl\:active\:shadow-none:active {
    box-shadow: none !important;
  }
  .xl\:focus\:shadow-1:focus {
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important;
  }
  .xl\:hover\:shadow-1:hover {
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important;
  }
  .xl\:active\:shadow-1:active {
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important;
  }
  .xl\:focus\:shadow-2:focus {
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important;
  }
  .xl\:hover\:shadow-2:hover {
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important;
  }
  .xl\:active\:shadow-2:active {
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important;
  }
  .xl\:focus\:shadow-3:focus {
    box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important;
  }
  .xl\:hover\:shadow-3:hover {
    box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important;
  }
  .xl\:active\:shadow-3:active {
    box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important;
  }
  .xl\:focus\:shadow-4:focus {
    box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important;
  }
  .xl\:hover\:shadow-4:hover {
    box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important;
  }
  .xl\:active\:shadow-4:active {
    box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important;
  }
  .xl\:focus\:shadow-5:focus {
    box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important;
  }
  .xl\:hover\:shadow-5:hover {
    box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important;
  }
  .xl\:active\:shadow-5:active {
    box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important;
  }
  .xl\:focus\:shadow-6:focus {
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important;
  }
  .xl\:hover\:shadow-6:hover {
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important;
  }
  .xl\:active\:shadow-6:active {
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important;
  }
  .xl\:focus\:shadow-7:focus {
    box-shadow: 0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important;
  }
  .xl\:hover\:shadow-7:hover {
    box-shadow: 0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important;
  }
  .xl\:active\:shadow-7:active {
    box-shadow: 0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important;
  }
  .xl\:focus\:shadow-8:focus {
    box-shadow: 0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important;
  }
  .xl\:hover\:shadow-8:hover {
    box-shadow: 0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important;
  }
  .xl\:active\:shadow-8:active {
    box-shadow: 0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important;
  }
}
.border-none {
  border-width: 0px !important;
  border-style: none;
}
.border-1 {
  border-width: 1px !important;
  border-style: solid;
}
.border-2 {
  border-width: 2px !important;
  border-style: solid;
}
.border-3 {
  border-width: 3px !important;
  border-style: solid;
}
.border-top-none {
  border-top-width: 0px !important;
  border-top-style: none;
}
.border-top-1 {
  border-top-width: 1px !important;
  border-top-style: solid;
}
.border-top-2 {
  border-top-width: 2px !important;
  border-top-style: solid;
}
.border-top-3 {
  border-top-width: 3px !important;
  border-top-style: solid;
}
.border-right-none {
  border-right-width: 0px !important;
  border-right-style: none;
}
.border-right-1 {
  border-right-width: 1px !important;
  border-right-style: solid;
}
.border-right-2 {
  border-right-width: 2px !important;
  border-right-style: solid;
}
.border-right-3 {
  border-right-width: 3px !important;
  border-right-style: solid;
}
.border-left-none {
  border-left-width: 0px !important;
  border-left-style: none;
}
.border-left-1 {
  border-left-width: 1px !important;
  border-left-style: solid;
}
.border-left-2 {
  border-left-width: 2px !important;
  border-left-style: solid;
}
.border-left-3 {
  border-left-width: 3px !important;
  border-left-style: solid;
}
.border-bottom-none {
  border-bottom-width: 0px !important;
  border-bottom-style: none;
}
.border-bottom-1 {
  border-bottom-width: 1px !important;
  border-bottom-style: solid;
}
.border-bottom-2 {
  border-bottom-width: 2px !important;
  border-bottom-style: solid;
}
.border-bottom-3 {
  border-bottom-width: 3px !important;
  border-bottom-style: solid;
}
.border-x-none {
  border-left-width: 0px !important;
  border-left-style: none;
  border-right-width: 0px !important;
  border-right-style: none;
}
.border-x-1 {
  border-left-width: 1px !important;
  border-left-style: solid;
  border-right-width: 1px !important;
  border-right-style: solid;
}
.border-x-2 {
  border-left-width: 2px !important;
  border-left-style: solid;
  border-right-width: 2px !important;
  border-right-style: solid;
}
.border-x-3 {
  border-left-width: 3px !important;
  border-left-style: solid;
  border-right-width: 3px !important;
  border-right-style: solid;
}
.border-y-none {
  border-top-width: 0px !important;
  border-top-style: none;
  border-bottom-width: 0px !important;
  border-bottom-style: none;
}
.border-y-1 {
  border-top-width: 1px !important;
  border-top-style: solid;
  border-bottom-width: 1px !important;
  border-bottom-style: solid;
}
.border-y-2 {
  border-top-width: 2px !important;
  border-top-style: solid;
  border-bottom-width: 2px !important;
  border-bottom-style: solid;
}
.border-y-3 {
  border-top-width: 3px !important;
  border-top-style: solid;
  border-bottom-width: 3px !important;
  border-bottom-style: solid;
}
@media screen and (min-width: 576px) {
  .sm\:border-none {
    border-width: 0px !important;
    border-style: none;
  }
  .sm\:border-1 {
    border-width: 1px !important;
    border-style: solid;
  }
  .sm\:border-2 {
    border-width: 2px !important;
    border-style: solid;
  }
  .sm\:border-3 {
    border-width: 3px !important;
    border-style: solid;
  }
  .sm\:border-top-none {
    border-top-width: 0px !important;
    border-top-style: none;
  }
  .sm\:border-top-1 {
    border-top-width: 1px !important;
    border-top-style: solid;
  }
  .sm\:border-top-2 {
    border-top-width: 2px !important;
    border-top-style: solid;
  }
  .sm\:border-top-3 {
    border-top-width: 3px !important;
    border-top-style: solid;
  }
  .sm\:border-right-none {
    border-right-width: 0px !important;
    border-right-style: none;
  }
  .sm\:border-right-1 {
    border-right-width: 1px !important;
    border-right-style: solid;
  }
  .sm\:border-right-2 {
    border-right-width: 2px !important;
    border-right-style: solid;
  }
  .sm\:border-right-3 {
    border-right-width: 3px !important;
    border-right-style: solid;
  }
  .sm\:border-left-none {
    border-left-width: 0px !important;
    border-left-style: none;
  }
  .sm\:border-left-1 {
    border-left-width: 1px !important;
    border-left-style: solid;
  }
  .sm\:border-left-2 {
    border-left-width: 2px !important;
    border-left-style: solid;
  }
  .sm\:border-left-3 {
    border-left-width: 3px !important;
    border-left-style: solid;
  }
  .sm\:border-bottom-none {
    border-bottom-width: 0px !important;
    border-bottom-style: none;
  }
  .sm\:border-bottom-1 {
    border-bottom-width: 1px !important;
    border-bottom-style: solid;
  }
  .sm\:border-bottom-2 {
    border-bottom-width: 2px !important;
    border-bottom-style: solid;
  }
  .sm\:border-bottom-3 {
    border-bottom-width: 3px !important;
    border-bottom-style: solid;
  }
  .sm\:border-x-none {
    border-left-width: 0px !important;
    border-left-style: none;
    border-right-width: 0px !important;
    border-right-style: none;
  }
  .sm\:border-x-1 {
    border-left-width: 1px !important;
    border-left-style: solid;
    border-right-width: 1px !important;
    border-right-style: solid;
  }
  .sm\:border-x-2 {
    border-left-width: 2px !important;
    border-left-style: solid;
    border-right-width: 2px !important;
    border-right-style: solid;
  }
  .sm\:border-x-3 {
    border-left-width: 3px !important;
    border-left-style: solid;
    border-right-width: 3px !important;
    border-right-style: solid;
  }
  .sm\:border-y-none {
    border-top-width: 0px !important;
    border-top-style: none;
    border-bottom-width: 0px !important;
    border-bottom-style: none;
  }
  .sm\:border-y-1 {
    border-top-width: 1px !important;
    border-top-style: solid;
    border-bottom-width: 1px !important;
    border-bottom-style: solid;
  }
  .sm\:border-y-2 {
    border-top-width: 2px !important;
    border-top-style: solid;
    border-bottom-width: 2px !important;
    border-bottom-style: solid;
  }
  .sm\:border-y-3 {
    border-top-width: 3px !important;
    border-top-style: solid;
    border-bottom-width: 3px !important;
    border-bottom-style: solid;
  }
}
@media screen and (min-width: 768px) {
  .md\:border-none {
    border-width: 0px !important;
    border-style: none;
  }
  .md\:border-1 {
    border-width: 1px !important;
    border-style: solid;
  }
  .md\:border-2 {
    border-width: 2px !important;
    border-style: solid;
  }
  .md\:border-3 {
    border-width: 3px !important;
    border-style: solid;
  }
  .md\:border-top-none {
    border-top-width: 0px !important;
    border-top-style: none;
  }
  .md\:border-top-1 {
    border-top-width: 1px !important;
    border-top-style: solid;
  }
  .md\:border-top-2 {
    border-top-width: 2px !important;
    border-top-style: solid;
  }
  .md\:border-top-3 {
    border-top-width: 3px !important;
    border-top-style: solid;
  }
  .md\:border-right-none {
    border-right-width: 0px !important;
    border-right-style: none;
  }
  .md\:border-right-1 {
    border-right-width: 1px !important;
    border-right-style: solid;
  }
  .md\:border-right-2 {
    border-right-width: 2px !important;
    border-right-style: solid;
  }
  .md\:border-right-3 {
    border-right-width: 3px !important;
    border-right-style: solid;
  }
  .md\:border-left-none {
    border-left-width: 0px !important;
    border-left-style: none;
  }
  .md\:border-left-1 {
    border-left-width: 1px !important;
    border-left-style: solid;
  }
  .md\:border-left-2 {
    border-left-width: 2px !important;
    border-left-style: solid;
  }
  .md\:border-left-3 {
    border-left-width: 3px !important;
    border-left-style: solid;
  }
  .md\:border-bottom-none {
    border-bottom-width: 0px !important;
    border-bottom-style: none;
  }
  .md\:border-bottom-1 {
    border-bottom-width: 1px !important;
    border-bottom-style: solid;
  }
  .md\:border-bottom-2 {
    border-bottom-width: 2px !important;
    border-bottom-style: solid;
  }
  .md\:border-bottom-3 {
    border-bottom-width: 3px !important;
    border-bottom-style: solid;
  }
  .md\:border-x-none {
    border-left-width: 0px !important;
    border-left-style: none;
    border-right-width: 0px !important;
    border-right-style: none;
  }
  .md\:border-x-1 {
    border-left-width: 1px !important;
    border-left-style: solid;
    border-right-width: 1px !important;
    border-right-style: solid;
  }
  .md\:border-x-2 {
    border-left-width: 2px !important;
    border-left-style: solid;
    border-right-width: 2px !important;
    border-right-style: solid;
  }
  .md\:border-x-3 {
    border-left-width: 3px !important;
    border-left-style: solid;
    border-right-width: 3px !important;
    border-right-style: solid;
  }
  .md\:border-y-none {
    border-top-width: 0px !important;
    border-top-style: none;
    border-bottom-width: 0px !important;
    border-bottom-style: none;
  }
  .md\:border-y-1 {
    border-top-width: 1px !important;
    border-top-style: solid;
    border-bottom-width: 1px !important;
    border-bottom-style: solid;
  }
  .md\:border-y-2 {
    border-top-width: 2px !important;
    border-top-style: solid;
    border-bottom-width: 2px !important;
    border-bottom-style: solid;
  }
  .md\:border-y-3 {
    border-top-width: 3px !important;
    border-top-style: solid;
    border-bottom-width: 3px !important;
    border-bottom-style: solid;
  }
}
@media screen and (min-width: 992px) {
  .lg\:border-none {
    border-width: 0px !important;
    border-style: none;
  }
  .lg\:border-1 {
    border-width: 1px !important;
    border-style: solid;
  }
  .lg\:border-2 {
    border-width: 2px !important;
    border-style: solid;
  }
  .lg\:border-3 {
    border-width: 3px !important;
    border-style: solid;
  }
  .lg\:border-top-none {
    border-top-width: 0px !important;
    border-top-style: none;
  }
  .lg\:border-top-1 {
    border-top-width: 1px !important;
    border-top-style: solid;
  }
  .lg\:border-top-2 {
    border-top-width: 2px !important;
    border-top-style: solid;
  }
  .lg\:border-top-3 {
    border-top-width: 3px !important;
    border-top-style: solid;
  }
  .lg\:border-right-none {
    border-right-width: 0px !important;
    border-right-style: none;
  }
  .lg\:border-right-1 {
    border-right-width: 1px !important;
    border-right-style: solid;
  }
  .lg\:border-right-2 {
    border-right-width: 2px !important;
    border-right-style: solid;
  }
  .lg\:border-right-3 {
    border-right-width: 3px !important;
    border-right-style: solid;
  }
  .lg\:border-left-none {
    border-left-width: 0px !important;
    border-left-style: none;
  }
  .lg\:border-left-1 {
    border-left-width: 1px !important;
    border-left-style: solid;
  }
  .lg\:border-left-2 {
    border-left-width: 2px !important;
    border-left-style: solid;
  }
  .lg\:border-left-3 {
    border-left-width: 3px !important;
    border-left-style: solid;
  }
  .lg\:border-bottom-none {
    border-bottom-width: 0px !important;
    border-bottom-style: none;
  }
  .lg\:border-bottom-1 {
    border-bottom-width: 1px !important;
    border-bottom-style: solid;
  }
  .lg\:border-bottom-2 {
    border-bottom-width: 2px !important;
    border-bottom-style: solid;
  }
  .lg\:border-bottom-3 {
    border-bottom-width: 3px !important;
    border-bottom-style: solid;
  }
  .lg\:border-x-none {
    border-left-width: 0px !important;
    border-left-style: none;
    border-right-width: 0px !important;
    border-right-style: none;
  }
  .lg\:border-x-1 {
    border-left-width: 1px !important;
    border-left-style: solid;
    border-right-width: 1px !important;
    border-right-style: solid;
  }
  .lg\:border-x-2 {
    border-left-width: 2px !important;
    border-left-style: solid;
    border-right-width: 2px !important;
    border-right-style: solid;
  }
  .lg\:border-x-3 {
    border-left-width: 3px !important;
    border-left-style: solid;
    border-right-width: 3px !important;
    border-right-style: solid;
  }
  .lg\:border-y-none {
    border-top-width: 0px !important;
    border-top-style: none;
    border-bottom-width: 0px !important;
    border-bottom-style: none;
  }
  .lg\:border-y-1 {
    border-top-width: 1px !important;
    border-top-style: solid;
    border-bottom-width: 1px !important;
    border-bottom-style: solid;
  }
  .lg\:border-y-2 {
    border-top-width: 2px !important;
    border-top-style: solid;
    border-bottom-width: 2px !important;
    border-bottom-style: solid;
  }
  .lg\:border-y-3 {
    border-top-width: 3px !important;
    border-top-style: solid;
    border-bottom-width: 3px !important;
    border-bottom-style: solid;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:border-none {
    border-width: 0px !important;
    border-style: none;
  }
  .xl\:border-1 {
    border-width: 1px !important;
    border-style: solid;
  }
  .xl\:border-2 {
    border-width: 2px !important;
    border-style: solid;
  }
  .xl\:border-3 {
    border-width: 3px !important;
    border-style: solid;
  }
  .xl\:border-top-none {
    border-top-width: 0px !important;
    border-top-style: none;
  }
  .xl\:border-top-1 {
    border-top-width: 1px !important;
    border-top-style: solid;
  }
  .xl\:border-top-2 {
    border-top-width: 2px !important;
    border-top-style: solid;
  }
  .xl\:border-top-3 {
    border-top-width: 3px !important;
    border-top-style: solid;
  }
  .xl\:border-right-none {
    border-right-width: 0px !important;
    border-right-style: none;
  }
  .xl\:border-right-1 {
    border-right-width: 1px !important;
    border-right-style: solid;
  }
  .xl\:border-right-2 {
    border-right-width: 2px !important;
    border-right-style: solid;
  }
  .xl\:border-right-3 {
    border-right-width: 3px !important;
    border-right-style: solid;
  }
  .xl\:border-left-none {
    border-left-width: 0px !important;
    border-left-style: none;
  }
  .xl\:border-left-1 {
    border-left-width: 1px !important;
    border-left-style: solid;
  }
  .xl\:border-left-2 {
    border-left-width: 2px !important;
    border-left-style: solid;
  }
  .xl\:border-left-3 {
    border-left-width: 3px !important;
    border-left-style: solid;
  }
  .xl\:border-bottom-none {
    border-bottom-width: 0px !important;
    border-bottom-style: none;
  }
  .xl\:border-bottom-1 {
    border-bottom-width: 1px !important;
    border-bottom-style: solid;
  }
  .xl\:border-bottom-2 {
    border-bottom-width: 2px !important;
    border-bottom-style: solid;
  }
  .xl\:border-bottom-3 {
    border-bottom-width: 3px !important;
    border-bottom-style: solid;
  }
  .xl\:border-x-none {
    border-left-width: 0px !important;
    border-left-style: none;
    border-right-width: 0px !important;
    border-right-style: none;
  }
  .xl\:border-x-1 {
    border-left-width: 1px !important;
    border-left-style: solid;
    border-right-width: 1px !important;
    border-right-style: solid;
  }
  .xl\:border-x-2 {
    border-left-width: 2px !important;
    border-left-style: solid;
    border-right-width: 2px !important;
    border-right-style: solid;
  }
  .xl\:border-x-3 {
    border-left-width: 3px !important;
    border-left-style: solid;
    border-right-width: 3px !important;
    border-right-style: solid;
  }
  .xl\:border-y-none {
    border-top-width: 0px !important;
    border-top-style: none;
    border-bottom-width: 0px !important;
    border-bottom-style: none;
  }
  .xl\:border-y-1 {
    border-top-width: 1px !important;
    border-top-style: solid;
    border-bottom-width: 1px !important;
    border-bottom-style: solid;
  }
  .xl\:border-y-2 {
    border-top-width: 2px !important;
    border-top-style: solid;
    border-bottom-width: 2px !important;
    border-bottom-style: solid;
  }
  .xl\:border-y-3 {
    border-top-width: 3px !important;
    border-top-style: solid;
    border-bottom-width: 3px !important;
    border-bottom-style: solid;
  }
}
.border-solid {
  border-style: solid !important;
}
.border-dashed {
  border-style: dashed !important;
}
.border-dotted {
  border-style: dotted !important;
}
.border-double {
  border-style: double !important;
}
@media screen and (min-width: 576px) {
  .sm\:border-solid {
    border-style: solid !important;
  }
  .sm\:border-dashed {
    border-style: dashed !important;
  }
  .sm\:border-dotted {
    border-style: dotted !important;
  }
  .sm\:border-double {
    border-style: double !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:border-solid {
    border-style: solid !important;
  }
  .md\:border-dashed {
    border-style: dashed !important;
  }
  .md\:border-dotted {
    border-style: dotted !important;
  }
  .md\:border-double {
    border-style: double !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:border-solid {
    border-style: solid !important;
  }
  .lg\:border-dashed {
    border-style: dashed !important;
  }
  .lg\:border-dotted {
    border-style: dotted !important;
  }
  .lg\:border-double {
    border-style: double !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:border-solid {
    border-style: solid !important;
  }
  .xl\:border-dashed {
    border-style: dashed !important;
  }
  .xl\:border-dotted {
    border-style: dotted !important;
  }
  .xl\:border-double {
    border-style: double !important;
  }
}
.border-noround {
  border-radius: 0 !important;
}
.border-round {
  border-radius: var(--border-radius) !important;
}
.border-round-xs {
  border-radius: 0.125rem !important;
}
.border-round-sm {
  border-radius: 0.25rem !important;
}
.border-round-md {
  border-radius: 0.375rem !important;
}
.border-round-lg {
  border-radius: 0.5rem !important;
}
.border-round-xl {
  border-radius: 0.75rem !important;
}
.border-round-2xl {
  border-radius: 1rem !important;
}
.border-round-3xl {
  border-radius: 1.5rem !important;
}
.border-circle {
  border-radius: 50% !important;
}
@media screen and (min-width: 576px) {
  .sm\:border-noround {
    border-radius: 0 !important;
  }
  .sm\:border-round {
    border-radius: var(--border-radius) !important;
  }
  .sm\:border-round-xs {
    border-radius: 0.125rem !important;
  }
  .sm\:border-round-sm {
    border-radius: 0.25rem !important;
  }
  .sm\:border-round-md {
    border-radius: 0.375rem !important;
  }
  .sm\:border-round-lg {
    border-radius: 0.5rem !important;
  }
  .sm\:border-round-xl {
    border-radius: 0.75rem !important;
  }
  .sm\:border-round-2xl {
    border-radius: 1rem !important;
  }
  .sm\:border-round-3xl {
    border-radius: 1.5rem !important;
  }
  .sm\:border-circle {
    border-radius: 50% !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:border-noround {
    border-radius: 0 !important;
  }
  .md\:border-round {
    border-radius: var(--border-radius) !important;
  }
  .md\:border-round-xs {
    border-radius: 0.125rem !important;
  }
  .md\:border-round-sm {
    border-radius: 0.25rem !important;
  }
  .md\:border-round-md {
    border-radius: 0.375rem !important;
  }
  .md\:border-round-lg {
    border-radius: 0.5rem !important;
  }
  .md\:border-round-xl {
    border-radius: 0.75rem !important;
  }
  .md\:border-round-2xl {
    border-radius: 1rem !important;
  }
  .md\:border-round-3xl {
    border-radius: 1.5rem !important;
  }
  .md\:border-circle {
    border-radius: 50% !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:border-noround {
    border-radius: 0 !important;
  }
  .lg\:border-round {
    border-radius: var(--border-radius) !important;
  }
  .lg\:border-round-xs {
    border-radius: 0.125rem !important;
  }
  .lg\:border-round-sm {
    border-radius: 0.25rem !important;
  }
  .lg\:border-round-md {
    border-radius: 0.375rem !important;
  }
  .lg\:border-round-lg {
    border-radius: 0.5rem !important;
  }
  .lg\:border-round-xl {
    border-radius: 0.75rem !important;
  }
  .lg\:border-round-2xl {
    border-radius: 1rem !important;
  }
  .lg\:border-round-3xl {
    border-radius: 1.5rem !important;
  }
  .lg\:border-circle {
    border-radius: 50% !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:border-noround {
    border-radius: 0 !important;
  }
  .xl\:border-round {
    border-radius: var(--border-radius) !important;
  }
  .xl\:border-round-xs {
    border-radius: 0.125rem !important;
  }
  .xl\:border-round-sm {
    border-radius: 0.25rem !important;
  }
  .xl\:border-round-md {
    border-radius: 0.375rem !important;
  }
  .xl\:border-round-lg {
    border-radius: 0.5rem !important;
  }
  .xl\:border-round-xl {
    border-radius: 0.75rem !important;
  }
  .xl\:border-round-2xl {
    border-radius: 1rem !important;
  }
  .xl\:border-round-3xl {
    border-radius: 1.5rem !important;
  }
  .xl\:border-circle {
    border-radius: 50% !important;
  }
}
.border-noround-left {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}
.border-noround-top {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.border-noround-right {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.border-noround-bottom {
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.border-round-left {
  border-top-left-radius: var(--border-radius) !important;
  border-bottom-left-radius: var(--border-radius) !important;
}
.border-round-top {
  border-top-left-radius: var(--border-radius) !important;
  border-top-right-radius: var(--border-radius) !important;
}
.border-round-right {
  border-top-right-radius: var(--border-radius) !important;
  border-bottom-right-radius: var(--border-radius) !important;
}
.border-round-bottom {
  border-bottom-left-radius: var(--border-radius) !important;
  border-bottom-right-radius: var(--border-radius) !important;
}
.border-round-left-xs {
  border-top-left-radius: 0.125rem !important;
  border-bottom-left-radius: 0.125rem !important;
}
.border-round-top-xs {
  border-top-left-radius: 0.125rem !important;
  border-top-right-radius: 0.125rem !important;
}
.border-round-right-xs {
  border-top-right-radius: 0.125rem !important;
  border-bottom-right-radius: 0.125rem !important;
}
.border-round-bottom-xs {
  border-bottom-left-radius: 0.125rem !important;
  border-bottom-right-radius: 0.125rem !important;
}
.border-round-left-sm {
  border-top-left-radius: 0.25rem !important;
  border-bottom-left-radius: 0.25rem !important;
}
.border-round-top-sm {
  border-top-left-radius: 0.25rem !important;
  border-top-right-radius: 0.25rem !important;
}
.border-round-right-sm {
  border-top-right-radius: 0.25rem !important;
  border-bottom-right-radius: 0.25rem !important;
}
.border-round-bottom-sm {
  border-bottom-left-radius: 0.25rem !important;
  border-bottom-right-radius: 0.25rem !important;
}
.border-round-left-md {
  border-top-left-radius: 0.375rem !important;
  border-bottom-left-radius: 0.375rem !important;
}
.border-round-top-md {
  border-top-left-radius: 0.375rem !important;
  border-top-right-radius: 0.375rem !important;
}
.border-round-right-md {
  border-top-right-radius: 0.375rem !important;
  border-bottom-right-radius: 0.375rem !important;
}
.border-round-bottom-md {
  border-bottom-left-radius: 0.375rem !important;
  border-bottom-right-radius: 0.375rem !important;
}
.border-round-left-lg {
  border-top-left-radius: 0.5rem !important;
  border-bottom-left-radius: 0.5rem !important;
}
.border-round-top-lg {
  border-top-left-radius: 0.5rem !important;
  border-top-right-radius: 0.5rem !important;
}
.border-round-right-lg {
  border-top-right-radius: 0.5rem !important;
  border-bottom-right-radius: 0.5rem !important;
}
.border-round-bottom-lg {
  border-bottom-left-radius: 0.5rem !important;
  border-bottom-right-radius: 0.5rem !important;
}
.border-round-left-xl {
  border-top-left-radius: 0.75rem !important;
  border-bottom-left-radius: 0.75rem !important;
}
.border-round-top-xl {
  border-top-left-radius: 0.75rem !important;
  border-top-right-radius: 0.75rem !important;
}
.border-round-right-xl {
  border-top-right-radius: 0.75rem !important;
  border-bottom-right-radius: 0.75rem !important;
}
.border-round-bottom-xl {
  border-bottom-left-radius: 0.75rem !important;
  border-bottom-right-radius: 0.75rem !important;
}
.border-round-left-2xl {
  border-top-left-radius: 1rem !important;
  border-bottom-left-radius: 1rem !important;
}
.border-round-top-2xl {
  border-top-left-radius: 1rem !important;
  border-top-right-radius: 1rem !important;
}
.border-round-right-2xl {
  border-top-right-radius: 1rem !important;
  border-bottom-right-radius: 1rem !important;
}
.border-round-bottom-2xl {
  border-bottom-left-radius: 1rem !important;
  border-bottom-right-radius: 1rem !important;
}
.border-round-left-3xl {
  border-top-left-radius: 1.5rem !important;
  border-bottom-left-radius: 1.5rem !important;
}
.border-round-top-3xl {
  border-top-left-radius: 1.5rem !important;
  border-top-right-radius: 1.5rem !important;
}
.border-round-right-3xl {
  border-top-right-radius: 1.5rem !important;
  border-bottom-right-radius: 1.5rem !important;
}
.border-round-bottom-3xl {
  border-bottom-left-radius: 1.5rem !important;
  border-bottom-right-radius: 1.5rem !important;
}
.border-circle-left {
  border-top-left-radius: 50% !important;
  border-bottom-left-radius: 50% !important;
}
.border-circle-top {
  border-top-left-radius: 50% !important;
  border-top-right-radius: 50% !important;
}
.border-circle-right {
  border-top-right-radius: 50% !important;
  border-bottom-right-radius: 50% !important;
}
.border-circle-bottom {
  border-bottom-left-radius: 50% !important;
  border-bottom-right-radius: 50% !important;
}
@media screen and (min-width: 576px) {
  .sm\:border-noround-left {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
  }
  .sm\:border-noround-top {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
  }
  .sm\:border-noround-right {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
  }
  .sm\:border-noround-bottom {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
  }
  .sm\:border-round-left {
    border-top-left-radius: var(--border-radius) !important;
    border-bottom-left-radius: var(--border-radius) !important;
  }
  .sm\:border-round-top {
    border-top-left-radius: var(--border-radius) !important;
    border-top-right-radius: var(--border-radius) !important;
  }
  .sm\:border-round-right {
    border-top-right-radius: var(--border-radius) !important;
    border-bottom-right-radius: var(--border-radius) !important;
  }
  .sm\:border-round-bottom {
    border-bottom-left-radius: var(--border-radius) !important;
    border-bottom-right-radius: var(--border-radius) !important;
  }
  .sm\:border-round-left-xs {
    border-top-left-radius: 0.125rem !important;
    border-bottom-left-radius: 0.125rem !important;
  }
  .sm\:border-round-top-xs {
    border-top-left-radius: 0.125rem !important;
    border-top-right-radius: 0.125rem !important;
  }
  .sm\:border-round-right-xs {
    border-top-right-radius: 0.125rem !important;
    border-bottom-right-radius: 0.125rem !important;
  }
  .sm\:border-round-bottom-xs {
    border-bottom-left-radius: 0.125rem !important;
    border-bottom-right-radius: 0.125rem !important;
  }
  .sm\:border-round-left-sm {
    border-top-left-radius: 0.25rem !important;
    border-bottom-left-radius: 0.25rem !important;
  }
  .sm\:border-round-top-sm {
    border-top-left-radius: 0.25rem !important;
    border-top-right-radius: 0.25rem !important;
  }
  .sm\:border-round-right-sm {
    border-top-right-radius: 0.25rem !important;
    border-bottom-right-radius: 0.25rem !important;
  }
  .sm\:border-round-bottom-sm {
    border-bottom-left-radius: 0.25rem !important;
    border-bottom-right-radius: 0.25rem !important;
  }
  .sm\:border-round-left-md {
    border-top-left-radius: 0.375rem !important;
    border-bottom-left-radius: 0.375rem !important;
  }
  .sm\:border-round-top-md {
    border-top-left-radius: 0.375rem !important;
    border-top-right-radius: 0.375rem !important;
  }
  .sm\:border-round-right-md {
    border-top-right-radius: 0.375rem !important;
    border-bottom-right-radius: 0.375rem !important;
  }
  .sm\:border-round-bottom-md {
    border-bottom-left-radius: 0.375rem !important;
    border-bottom-right-radius: 0.375rem !important;
  }
  .sm\:border-round-left-lg {
    border-top-left-radius: 0.5rem !important;
    border-bottom-left-radius: 0.5rem !important;
  }
  .sm\:border-round-top-lg {
    border-top-left-radius: 0.5rem !important;
    border-top-right-radius: 0.5rem !important;
  }
  .sm\:border-round-right-lg {
    border-top-right-radius: 0.5rem !important;
    border-bottom-right-radius: 0.5rem !important;
  }
  .sm\:border-round-bottom-lg {
    border-bottom-left-radius: 0.5rem !important;
    border-bottom-right-radius: 0.5rem !important;
  }
  .sm\:border-round-left-xl {
    border-top-left-radius: 0.75rem !important;
    border-bottom-left-radius: 0.75rem !important;
  }
  .sm\:border-round-top-xl {
    border-top-left-radius: 0.75rem !important;
    border-top-right-radius: 0.75rem !important;
  }
  .sm\:border-round-right-xl {
    border-top-right-radius: 0.75rem !important;
    border-bottom-right-radius: 0.75rem !important;
  }
  .sm\:border-round-bottom-xl {
    border-bottom-left-radius: 0.75rem !important;
    border-bottom-right-radius: 0.75rem !important;
  }
  .sm\:border-round-left-2xl {
    border-top-left-radius: 1rem !important;
    border-bottom-left-radius: 1rem !important;
  }
  .sm\:border-round-top-2xl {
    border-top-left-radius: 1rem !important;
    border-top-right-radius: 1rem !important;
  }
  .sm\:border-round-right-2xl {
    border-top-right-radius: 1rem !important;
    border-bottom-right-radius: 1rem !important;
  }
  .sm\:border-round-bottom-2xl {
    border-bottom-left-radius: 1rem !important;
    border-bottom-right-radius: 1rem !important;
  }
  .sm\:border-round-left-3xl {
    border-top-left-radius: 1.5rem !important;
    border-bottom-left-radius: 1.5rem !important;
  }
  .sm\:border-round-top-3xl {
    border-top-left-radius: 1.5rem !important;
    border-top-right-radius: 1.5rem !important;
  }
  .sm\:border-round-right-3xl {
    border-top-right-radius: 1.5rem !important;
    border-bottom-right-radius: 1.5rem !important;
  }
  .sm\:border-round-bottom-3xl {
    border-bottom-left-radius: 1.5rem !important;
    border-bottom-right-radius: 1.5rem !important;
  }
  .sm\:border-circle-left {
    border-top-left-radius: 50% !important;
    border-bottom-left-radius: 50% !important;
  }
  .sm\:border-circle-top {
    border-top-left-radius: 50% !important;
    border-top-right-radius: 50% !important;
  }
  .sm\:border-circle-right {
    border-top-right-radius: 50% !important;
    border-bottom-right-radius: 50% !important;
  }
  .sm\:border-circle-bottom {
    border-bottom-left-radius: 50% !important;
    border-bottom-right-radius: 50% !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:border-noround-left {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
  }
  .md\:border-noround-top {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
  }
  .md\:border-noround-right {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
  }
  .md\:border-noround-bottom {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
  }
  .md\:border-round-left {
    border-top-left-radius: var(--border-radius) !important;
    border-bottom-left-radius: var(--border-radius) !important;
  }
  .md\:border-round-top {
    border-top-left-radius: var(--border-radius) !important;
    border-top-right-radius: var(--border-radius) !important;
  }
  .md\:border-round-right {
    border-top-right-radius: var(--border-radius) !important;
    border-bottom-right-radius: var(--border-radius) !important;
  }
  .md\:border-round-bottom {
    border-bottom-left-radius: var(--border-radius) !important;
    border-bottom-right-radius: var(--border-radius) !important;
  }
  .md\:border-round-left-xs {
    border-top-left-radius: 0.125rem !important;
    border-bottom-left-radius: 0.125rem !important;
  }
  .md\:border-round-top-xs {
    border-top-left-radius: 0.125rem !important;
    border-top-right-radius: 0.125rem !important;
  }
  .md\:border-round-right-xs {
    border-top-right-radius: 0.125rem !important;
    border-bottom-right-radius: 0.125rem !important;
  }
  .md\:border-round-bottom-xs {
    border-bottom-left-radius: 0.125rem !important;
    border-bottom-right-radius: 0.125rem !important;
  }
  .md\:border-round-left-sm {
    border-top-left-radius: 0.25rem !important;
    border-bottom-left-radius: 0.25rem !important;
  }
  .md\:border-round-top-sm {
    border-top-left-radius: 0.25rem !important;
    border-top-right-radius: 0.25rem !important;
  }
  .md\:border-round-right-sm {
    border-top-right-radius: 0.25rem !important;
    border-bottom-right-radius: 0.25rem !important;
  }
  .md\:border-round-bottom-sm {
    border-bottom-left-radius: 0.25rem !important;
    border-bottom-right-radius: 0.25rem !important;
  }
  .md\:border-round-left-md {
    border-top-left-radius: 0.375rem !important;
    border-bottom-left-radius: 0.375rem !important;
  }
  .md\:border-round-top-md {
    border-top-left-radius: 0.375rem !important;
    border-top-right-radius: 0.375rem !important;
  }
  .md\:border-round-right-md {
    border-top-right-radius: 0.375rem !important;
    border-bottom-right-radius: 0.375rem !important;
  }
  .md\:border-round-bottom-md {
    border-bottom-left-radius: 0.375rem !important;
    border-bottom-right-radius: 0.375rem !important;
  }
  .md\:border-round-left-lg {
    border-top-left-radius: 0.5rem !important;
    border-bottom-left-radius: 0.5rem !important;
  }
  .md\:border-round-top-lg {
    border-top-left-radius: 0.5rem !important;
    border-top-right-radius: 0.5rem !important;
  }
  .md\:border-round-right-lg {
    border-top-right-radius: 0.5rem !important;
    border-bottom-right-radius: 0.5rem !important;
  }
  .md\:border-round-bottom-lg {
    border-bottom-left-radius: 0.5rem !important;
    border-bottom-right-radius: 0.5rem !important;
  }
  .md\:border-round-left-xl {
    border-top-left-radius: 0.75rem !important;
    border-bottom-left-radius: 0.75rem !important;
  }
  .md\:border-round-top-xl {
    border-top-left-radius: 0.75rem !important;
    border-top-right-radius: 0.75rem !important;
  }
  .md\:border-round-right-xl {
    border-top-right-radius: 0.75rem !important;
    border-bottom-right-radius: 0.75rem !important;
  }
  .md\:border-round-bottom-xl {
    border-bottom-left-radius: 0.75rem !important;
    border-bottom-right-radius: 0.75rem !important;
  }
  .md\:border-round-left-2xl {
    border-top-left-radius: 1rem !important;
    border-bottom-left-radius: 1rem !important;
  }
  .md\:border-round-top-2xl {
    border-top-left-radius: 1rem !important;
    border-top-right-radius: 1rem !important;
  }
  .md\:border-round-right-2xl {
    border-top-right-radius: 1rem !important;
    border-bottom-right-radius: 1rem !important;
  }
  .md\:border-round-bottom-2xl {
    border-bottom-left-radius: 1rem !important;
    border-bottom-right-radius: 1rem !important;
  }
  .md\:border-round-left-3xl {
    border-top-left-radius: 1.5rem !important;
    border-bottom-left-radius: 1.5rem !important;
  }
  .md\:border-round-top-3xl {
    border-top-left-radius: 1.5rem !important;
    border-top-right-radius: 1.5rem !important;
  }
  .md\:border-round-right-3xl {
    border-top-right-radius: 1.5rem !important;
    border-bottom-right-radius: 1.5rem !important;
  }
  .md\:border-round-bottom-3xl {
    border-bottom-left-radius: 1.5rem !important;
    border-bottom-right-radius: 1.5rem !important;
  }
  .md\:border-circle-left {
    border-top-left-radius: 50% !important;
    border-bottom-left-radius: 50% !important;
  }
  .md\:border-circle-top {
    border-top-left-radius: 50% !important;
    border-top-right-radius: 50% !important;
  }
  .md\:border-circle-right {
    border-top-right-radius: 50% !important;
    border-bottom-right-radius: 50% !important;
  }
  .md\:border-circle-bottom {
    border-bottom-left-radius: 50% !important;
    border-bottom-right-radius: 50% !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:border-noround-left {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
  }
  .lg\:border-noround-top {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
  }
  .lg\:border-noround-right {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
  }
  .lg\:border-noround-bottom {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
  }
  .lg\:border-round-left {
    border-top-left-radius: var(--border-radius) !important;
    border-bottom-left-radius: var(--border-radius) !important;
  }
  .lg\:border-round-top {
    border-top-left-radius: var(--border-radius) !important;
    border-top-right-radius: var(--border-radius) !important;
  }
  .lg\:border-round-right {
    border-top-right-radius: var(--border-radius) !important;
    border-bottom-right-radius: var(--border-radius) !important;
  }
  .lg\:border-round-bottom {
    border-bottom-left-radius: var(--border-radius) !important;
    border-bottom-right-radius: var(--border-radius) !important;
  }
  .lg\:border-round-left-xs {
    border-top-left-radius: 0.125rem !important;
    border-bottom-left-radius: 0.125rem !important;
  }
  .lg\:border-round-top-xs {
    border-top-left-radius: 0.125rem !important;
    border-top-right-radius: 0.125rem !important;
  }
  .lg\:border-round-right-xs {
    border-top-right-radius: 0.125rem !important;
    border-bottom-right-radius: 0.125rem !important;
  }
  .lg\:border-round-bottom-xs {
    border-bottom-left-radius: 0.125rem !important;
    border-bottom-right-radius: 0.125rem !important;
  }
  .lg\:border-round-left-sm {
    border-top-left-radius: 0.25rem !important;
    border-bottom-left-radius: 0.25rem !important;
  }
  .lg\:border-round-top-sm {
    border-top-left-radius: 0.25rem !important;
    border-top-right-radius: 0.25rem !important;
  }
  .lg\:border-round-right-sm {
    border-top-right-radius: 0.25rem !important;
    border-bottom-right-radius: 0.25rem !important;
  }
  .lg\:border-round-bottom-sm {
    border-bottom-left-radius: 0.25rem !important;
    border-bottom-right-radius: 0.25rem !important;
  }
  .lg\:border-round-left-md {
    border-top-left-radius: 0.375rem !important;
    border-bottom-left-radius: 0.375rem !important;
  }
  .lg\:border-round-top-md {
    border-top-left-radius: 0.375rem !important;
    border-top-right-radius: 0.375rem !important;
  }
  .lg\:border-round-right-md {
    border-top-right-radius: 0.375rem !important;
    border-bottom-right-radius: 0.375rem !important;
  }
  .lg\:border-round-bottom-md {
    border-bottom-left-radius: 0.375rem !important;
    border-bottom-right-radius: 0.375rem !important;
  }
  .lg\:border-round-left-lg {
    border-top-left-radius: 0.5rem !important;
    border-bottom-left-radius: 0.5rem !important;
  }
  .lg\:border-round-top-lg {
    border-top-left-radius: 0.5rem !important;
    border-top-right-radius: 0.5rem !important;
  }
  .lg\:border-round-right-lg {
    border-top-right-radius: 0.5rem !important;
    border-bottom-right-radius: 0.5rem !important;
  }
  .lg\:border-round-bottom-lg {
    border-bottom-left-radius: 0.5rem !important;
    border-bottom-right-radius: 0.5rem !important;
  }
  .lg\:border-round-left-xl {
    border-top-left-radius: 0.75rem !important;
    border-bottom-left-radius: 0.75rem !important;
  }
  .lg\:border-round-top-xl {
    border-top-left-radius: 0.75rem !important;
    border-top-right-radius: 0.75rem !important;
  }
  .lg\:border-round-right-xl {
    border-top-right-radius: 0.75rem !important;
    border-bottom-right-radius: 0.75rem !important;
  }
  .lg\:border-round-bottom-xl {
    border-bottom-left-radius: 0.75rem !important;
    border-bottom-right-radius: 0.75rem !important;
  }
  .lg\:border-round-left-2xl {
    border-top-left-radius: 1rem !important;
    border-bottom-left-radius: 1rem !important;
  }
  .lg\:border-round-top-2xl {
    border-top-left-radius: 1rem !important;
    border-top-right-radius: 1rem !important;
  }
  .lg\:border-round-right-2xl {
    border-top-right-radius: 1rem !important;
    border-bottom-right-radius: 1rem !important;
  }
  .lg\:border-round-bottom-2xl {
    border-bottom-left-radius: 1rem !important;
    border-bottom-right-radius: 1rem !important;
  }
  .lg\:border-round-left-3xl {
    border-top-left-radius: 1.5rem !important;
    border-bottom-left-radius: 1.5rem !important;
  }
  .lg\:border-round-top-3xl {
    border-top-left-radius: 1.5rem !important;
    border-top-right-radius: 1.5rem !important;
  }
  .lg\:border-round-right-3xl {
    border-top-right-radius: 1.5rem !important;
    border-bottom-right-radius: 1.5rem !important;
  }
  .lg\:border-round-bottom-3xl {
    border-bottom-left-radius: 1.5rem !important;
    border-bottom-right-radius: 1.5rem !important;
  }
  .lg\:border-circle-left {
    border-top-left-radius: 50% !important;
    border-bottom-left-radius: 50% !important;
  }
  .lg\:border-circle-top {
    border-top-left-radius: 50% !important;
    border-top-right-radius: 50% !important;
  }
  .lg\:border-circle-right {
    border-top-right-radius: 50% !important;
    border-bottom-right-radius: 50% !important;
  }
  .lg\:border-circle-bottom {
    border-bottom-left-radius: 50% !important;
    border-bottom-right-radius: 50% !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:border-noround-left {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
  }
  .xl\:border-noround-top {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
  }
  .xl\:border-noround-right {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
  }
  .xl\:border-noround-bottom {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
  }
  .xl\:border-round-left {
    border-top-left-radius: var(--border-radius) !important;
    border-bottom-left-radius: var(--border-radius) !important;
  }
  .xl\:border-round-top {
    border-top-left-radius: var(--border-radius) !important;
    border-top-right-radius: var(--border-radius) !important;
  }
  .xl\:border-round-right {
    border-top-right-radius: var(--border-radius) !important;
    border-bottom-right-radius: var(--border-radius) !important;
  }
  .xl\:border-round-bottom {
    border-bottom-left-radius: var(--border-radius) !important;
    border-bottom-right-radius: var(--border-radius) !important;
  }
  .xl\:border-round-left-xs {
    border-top-left-radius: 0.125rem !important;
    border-bottom-left-radius: 0.125rem !important;
  }
  .xl\:border-round-top-xs {
    border-top-left-radius: 0.125rem !important;
    border-top-right-radius: 0.125rem !important;
  }
  .xl\:border-round-right-xs {
    border-top-right-radius: 0.125rem !important;
    border-bottom-right-radius: 0.125rem !important;
  }
  .xl\:border-round-bottom-xs {
    border-bottom-left-radius: 0.125rem !important;
    border-bottom-right-radius: 0.125rem !important;
  }
  .xl\:border-round-left-sm {
    border-top-left-radius: 0.25rem !important;
    border-bottom-left-radius: 0.25rem !important;
  }
  .xl\:border-round-top-sm {
    border-top-left-radius: 0.25rem !important;
    border-top-right-radius: 0.25rem !important;
  }
  .xl\:border-round-right-sm {
    border-top-right-radius: 0.25rem !important;
    border-bottom-right-radius: 0.25rem !important;
  }
  .xl\:border-round-bottom-sm {
    border-bottom-left-radius: 0.25rem !important;
    border-bottom-right-radius: 0.25rem !important;
  }
  .xl\:border-round-left-md {
    border-top-left-radius: 0.375rem !important;
    border-bottom-left-radius: 0.375rem !important;
  }
  .xl\:border-round-top-md {
    border-top-left-radius: 0.375rem !important;
    border-top-right-radius: 0.375rem !important;
  }
  .xl\:border-round-right-md {
    border-top-right-radius: 0.375rem !important;
    border-bottom-right-radius: 0.375rem !important;
  }
  .xl\:border-round-bottom-md {
    border-bottom-left-radius: 0.375rem !important;
    border-bottom-right-radius: 0.375rem !important;
  }
  .xl\:border-round-left-lg {
    border-top-left-radius: 0.5rem !important;
    border-bottom-left-radius: 0.5rem !important;
  }
  .xl\:border-round-top-lg {
    border-top-left-radius: 0.5rem !important;
    border-top-right-radius: 0.5rem !important;
  }
  .xl\:border-round-right-lg {
    border-top-right-radius: 0.5rem !important;
    border-bottom-right-radius: 0.5rem !important;
  }
  .xl\:border-round-bottom-lg {
    border-bottom-left-radius: 0.5rem !important;
    border-bottom-right-radius: 0.5rem !important;
  }
  .xl\:border-round-left-xl {
    border-top-left-radius: 0.75rem !important;
    border-bottom-left-radius: 0.75rem !important;
  }
  .xl\:border-round-top-xl {
    border-top-left-radius: 0.75rem !important;
    border-top-right-radius: 0.75rem !important;
  }
  .xl\:border-round-right-xl {
    border-top-right-radius: 0.75rem !important;
    border-bottom-right-radius: 0.75rem !important;
  }
  .xl\:border-round-bottom-xl {
    border-bottom-left-radius: 0.75rem !important;
    border-bottom-right-radius: 0.75rem !important;
  }
  .xl\:border-round-left-2xl {
    border-top-left-radius: 1rem !important;
    border-bottom-left-radius: 1rem !important;
  }
  .xl\:border-round-top-2xl {
    border-top-left-radius: 1rem !important;
    border-top-right-radius: 1rem !important;
  }
  .xl\:border-round-right-2xl {
    border-top-right-radius: 1rem !important;
    border-bottom-right-radius: 1rem !important;
  }
  .xl\:border-round-bottom-2xl {
    border-bottom-left-radius: 1rem !important;
    border-bottom-right-radius: 1rem !important;
  }
  .xl\:border-round-left-3xl {
    border-top-left-radius: 1.5rem !important;
    border-bottom-left-radius: 1.5rem !important;
  }
  .xl\:border-round-top-3xl {
    border-top-left-radius: 1.5rem !important;
    border-top-right-radius: 1.5rem !important;
  }
  .xl\:border-round-right-3xl {
    border-top-right-radius: 1.5rem !important;
    border-bottom-right-radius: 1.5rem !important;
  }
  .xl\:border-round-bottom-3xl {
    border-bottom-left-radius: 1.5rem !important;
    border-bottom-right-radius: 1.5rem !important;
  }
  .xl\:border-circle-left {
    border-top-left-radius: 50% !important;
    border-bottom-left-radius: 50% !important;
  }
  .xl\:border-circle-top {
    border-top-left-radius: 50% !important;
    border-top-right-radius: 50% !important;
  }
  .xl\:border-circle-right {
    border-top-right-radius: 50% !important;
    border-bottom-right-radius: 50% !important;
  }
  .xl\:border-circle-bottom {
    border-bottom-left-radius: 50% !important;
    border-bottom-right-radius: 50% !important;
  }
}
.w-full {
  width: 100% !important;
}
.w-screen {
  width: 100vw !important;
}
.w-auto {
  width: auto !important;
}
.w-1 {
  width: 8.3333% !important;
}
.w-2 {
  width: 16.6667% !important;
}
.w-3 {
  width: 25% !important;
}
.w-4 {
  width: 33.3333% !important;
}
.w-5 {
  width: 41.6667% !important;
}
.w-6 {
  width: 50% !important;
}
.w-7 {
  width: 58.3333% !important;
}
.w-8 {
  width: 66.6667% !important;
}
.w-9 {
  width: 75% !important;
}
.w-10 {
  width: 83.3333% !important;
}
.w-11 {
  width: 91.6667% !important;
}
.w-12 {
  width: 100% !important;
}
.w-min {
  width: -moz-min-content !important;
  width: min-content !important;
}
.w-max {
  width: -moz-max-content !important;
  width: max-content !important;
}
.w-fit {
  width: -moz-fit-content !important;
  width: fit-content !important;
}
.w-1rem {
  width: 1rem !important;
}
.w-2rem {
  width: 2rem !important;
}
.w-3rem {
  width: 3rem !important;
}
.w-4rem {
  width: 4rem !important;
}
.w-5rem {
  width: 5rem !important;
}
.w-6rem {
  width: 6rem !important;
}
.w-7rem {
  width: 7rem !important;
}
.w-8rem {
  width: 8rem !important;
}
.w-9rem {
  width: 9rem !important;
}
.w-10rem {
  width: 10rem !important;
}
.w-11rem {
  width: 11rem !important;
}
.w-12rem {
  width: 12rem !important;
}
.w-13rem {
  width: 13rem !important;
}
.w-14rem {
  width: 14rem !important;
}
.w-15rem {
  width: 15rem !important;
}
.w-16rem {
  width: 16rem !important;
}
.w-17rem {
  width: 17rem !important;
}
.w-18rem {
  width: 18rem !important;
}
.w-19rem {
  width: 19rem !important;
}
.w-20rem {
  width: 20rem !important;
}
.w-21rem {
  width: 21rem !important;
}
.w-22rem {
  width: 22rem !important;
}
.w-23rem {
  width: 23rem !important;
}
.w-24rem {
  width: 24rem !important;
}
.w-25rem {
  width: 25rem !important;
}
.w-26rem {
  width: 26rem !important;
}
.w-27rem {
  width: 27rem !important;
}
.w-28rem {
  width: 28rem !important;
}
.w-29rem {
  width: 29rem !important;
}
.w-30rem {
  width: 30rem !important;
}
@media screen and (min-width: 576px) {
  .sm\:w-full {
    width: 100% !important;
  }
  .sm\:w-screen {
    width: 100vw !important;
  }
  .sm\:w-auto {
    width: auto !important;
  }
  .sm\:w-1 {
    width: 8.3333% !important;
  }
  .sm\:w-2 {
    width: 16.6667% !important;
  }
  .sm\:w-3 {
    width: 25% !important;
  }
  .sm\:w-4 {
    width: 33.3333% !important;
  }
  .sm\:w-5 {
    width: 41.6667% !important;
  }
  .sm\:w-6 {
    width: 50% !important;
  }
  .sm\:w-7 {
    width: 58.3333% !important;
  }
  .sm\:w-8 {
    width: 66.6667% !important;
  }
  .sm\:w-9 {
    width: 75% !important;
  }
  .sm\:w-10 {
    width: 83.3333% !important;
  }
  .sm\:w-11 {
    width: 91.6667% !important;
  }
  .sm\:w-12 {
    width: 100% !important;
  }
  .sm\:w-min {
    width: -moz-min-content !important;
    width: min-content !important;
  }
  .sm\:w-max {
    width: -moz-max-content !important;
    width: max-content !important;
  }
  .sm\:w-fit {
    width: -moz-fit-content !important;
    width: fit-content !important;
  }
  .sm\:w-1rem {
    width: 1rem !important;
  }
  .sm\:w-2rem {
    width: 2rem !important;
  }
  .sm\:w-3rem {
    width: 3rem !important;
  }
  .sm\:w-4rem {
    width: 4rem !important;
  }
  .sm\:w-5rem {
    width: 5rem !important;
  }
  .sm\:w-6rem {
    width: 6rem !important;
  }
  .sm\:w-7rem {
    width: 7rem !important;
  }
  .sm\:w-8rem {
    width: 8rem !important;
  }
  .sm\:w-9rem {
    width: 9rem !important;
  }
  .sm\:w-10rem {
    width: 10rem !important;
  }
  .sm\:w-11rem {
    width: 11rem !important;
  }
  .sm\:w-12rem {
    width: 12rem !important;
  }
  .sm\:w-13rem {
    width: 13rem !important;
  }
  .sm\:w-14rem {
    width: 14rem !important;
  }
  .sm\:w-15rem {
    width: 15rem !important;
  }
  .sm\:w-16rem {
    width: 16rem !important;
  }
  .sm\:w-17rem {
    width: 17rem !important;
  }
  .sm\:w-18rem {
    width: 18rem !important;
  }
  .sm\:w-19rem {
    width: 19rem !important;
  }
  .sm\:w-20rem {
    width: 20rem !important;
  }
  .sm\:w-21rem {
    width: 21rem !important;
  }
  .sm\:w-22rem {
    width: 22rem !important;
  }
  .sm\:w-23rem {
    width: 23rem !important;
  }
  .sm\:w-24rem {
    width: 24rem !important;
  }
  .sm\:w-25rem {
    width: 25rem !important;
  }
  .sm\:w-26rem {
    width: 26rem !important;
  }
  .sm\:w-27rem {
    width: 27rem !important;
  }
  .sm\:w-28rem {
    width: 28rem !important;
  }
  .sm\:w-29rem {
    width: 29rem !important;
  }
  .sm\:w-30rem {
    width: 30rem !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:w-full {
    width: 100% !important;
  }
  .md\:w-screen {
    width: 100vw !important;
  }
  .md\:w-auto {
    width: auto !important;
  }
  .md\:w-1 {
    width: 8.3333% !important;
  }
  .md\:w-2 {
    width: 16.6667% !important;
  }
  .md\:w-3 {
    width: 25% !important;
  }
  .md\:w-4 {
    width: 33.3333% !important;
  }
  .md\:w-5 {
    width: 41.6667% !important;
  }
  .md\:w-6 {
    width: 50% !important;
  }
  .md\:w-7 {
    width: 58.3333% !important;
  }
  .md\:w-8 {
    width: 66.6667% !important;
  }
  .md\:w-9 {
    width: 75% !important;
  }
  .md\:w-10 {
    width: 83.3333% !important;
  }
  .md\:w-11 {
    width: 91.6667% !important;
  }
  .md\:w-12 {
    width: 100% !important;
  }
  .md\:w-min {
    width: -moz-min-content !important;
    width: min-content !important;
  }
  .md\:w-max {
    width: -moz-max-content !important;
    width: max-content !important;
  }
  .md\:w-fit {
    width: -moz-fit-content !important;
    width: fit-content !important;
  }
  .md\:w-1rem {
    width: 1rem !important;
  }
  .md\:w-2rem {
    width: 2rem !important;
  }
  .md\:w-3rem {
    width: 3rem !important;
  }
  .md\:w-4rem {
    width: 4rem !important;
  }
  .md\:w-5rem {
    width: 5rem !important;
  }
  .md\:w-6rem {
    width: 6rem !important;
  }
  .md\:w-7rem {
    width: 7rem !important;
  }
  .md\:w-8rem {
    width: 8rem !important;
  }
  .md\:w-9rem {
    width: 9rem !important;
  }
  .md\:w-10rem {
    width: 10rem !important;
  }
  .md\:w-11rem {
    width: 11rem !important;
  }
  .md\:w-12rem {
    width: 12rem !important;
  }
  .md\:w-13rem {
    width: 13rem !important;
  }
  .md\:w-14rem {
    width: 14rem !important;
  }
  .md\:w-15rem {
    width: 15rem !important;
  }
  .md\:w-16rem {
    width: 16rem !important;
  }
  .md\:w-17rem {
    width: 17rem !important;
  }
  .md\:w-18rem {
    width: 18rem !important;
  }
  .md\:w-19rem {
    width: 19rem !important;
  }
  .md\:w-20rem {
    width: 20rem !important;
  }
  .md\:w-21rem {
    width: 21rem !important;
  }
  .md\:w-22rem {
    width: 22rem !important;
  }
  .md\:w-23rem {
    width: 23rem !important;
  }
  .md\:w-24rem {
    width: 24rem !important;
  }
  .md\:w-25rem {
    width: 25rem !important;
  }
  .md\:w-26rem {
    width: 26rem !important;
  }
  .md\:w-27rem {
    width: 27rem !important;
  }
  .md\:w-28rem {
    width: 28rem !important;
  }
  .md\:w-29rem {
    width: 29rem !important;
  }
  .md\:w-30rem {
    width: 30rem !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:w-full {
    width: 100% !important;
  }
  .lg\:w-screen {
    width: 100vw !important;
  }
  .lg\:w-auto {
    width: auto !important;
  }
  .lg\:w-1 {
    width: 8.3333% !important;
  }
  .lg\:w-2 {
    width: 16.6667% !important;
  }
  .lg\:w-3 {
    width: 25% !important;
  }
  .lg\:w-4 {
    width: 33.3333% !important;
  }
  .lg\:w-5 {
    width: 41.6667% !important;
  }
  .lg\:w-6 {
    width: 50% !important;
  }
  .lg\:w-7 {
    width: 58.3333% !important;
  }
  .lg\:w-8 {
    width: 66.6667% !important;
  }
  .lg\:w-9 {
    width: 75% !important;
  }
  .lg\:w-10 {
    width: 83.3333% !important;
  }
  .lg\:w-11 {
    width: 91.6667% !important;
  }
  .lg\:w-12 {
    width: 100% !important;
  }
  .lg\:w-min {
    width: -moz-min-content !important;
    width: min-content !important;
  }
  .lg\:w-max {
    width: -moz-max-content !important;
    width: max-content !important;
  }
  .lg\:w-fit {
    width: -moz-fit-content !important;
    width: fit-content !important;
  }
  .lg\:w-1rem {
    width: 1rem !important;
  }
  .lg\:w-2rem {
    width: 2rem !important;
  }
  .lg\:w-3rem {
    width: 3rem !important;
  }
  .lg\:w-4rem {
    width: 4rem !important;
  }
  .lg\:w-5rem {
    width: 5rem !important;
  }
  .lg\:w-6rem {
    width: 6rem !important;
  }
  .lg\:w-7rem {
    width: 7rem !important;
  }
  .lg\:w-8rem {
    width: 8rem !important;
  }
  .lg\:w-9rem {
    width: 9rem !important;
  }
  .lg\:w-10rem {
    width: 10rem !important;
  }
  .lg\:w-11rem {
    width: 11rem !important;
  }
  .lg\:w-12rem {
    width: 12rem !important;
  }
  .lg\:w-13rem {
    width: 13rem !important;
  }
  .lg\:w-14rem {
    width: 14rem !important;
  }
  .lg\:w-15rem {
    width: 15rem !important;
  }
  .lg\:w-16rem {
    width: 16rem !important;
  }
  .lg\:w-17rem {
    width: 17rem !important;
  }
  .lg\:w-18rem {
    width: 18rem !important;
  }
  .lg\:w-19rem {
    width: 19rem !important;
  }
  .lg\:w-20rem {
    width: 20rem !important;
  }
  .lg\:w-21rem {
    width: 21rem !important;
  }
  .lg\:w-22rem {
    width: 22rem !important;
  }
  .lg\:w-23rem {
    width: 23rem !important;
  }
  .lg\:w-24rem {
    width: 24rem !important;
  }
  .lg\:w-25rem {
    width: 25rem !important;
  }
  .lg\:w-26rem {
    width: 26rem !important;
  }
  .lg\:w-27rem {
    width: 27rem !important;
  }
  .lg\:w-28rem {
    width: 28rem !important;
  }
  .lg\:w-29rem {
    width: 29rem !important;
  }
  .lg\:w-30rem {
    width: 30rem !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:w-full {
    width: 100% !important;
  }
  .xl\:w-screen {
    width: 100vw !important;
  }
  .xl\:w-auto {
    width: auto !important;
  }
  .xl\:w-1 {
    width: 8.3333% !important;
  }
  .xl\:w-2 {
    width: 16.6667% !important;
  }
  .xl\:w-3 {
    width: 25% !important;
  }
  .xl\:w-4 {
    width: 33.3333% !important;
  }
  .xl\:w-5 {
    width: 41.6667% !important;
  }
  .xl\:w-6 {
    width: 50% !important;
  }
  .xl\:w-7 {
    width: 58.3333% !important;
  }
  .xl\:w-8 {
    width: 66.6667% !important;
  }
  .xl\:w-9 {
    width: 75% !important;
  }
  .xl\:w-10 {
    width: 83.3333% !important;
  }
  .xl\:w-11 {
    width: 91.6667% !important;
  }
  .xl\:w-12 {
    width: 100% !important;
  }
  .xl\:w-min {
    width: -moz-min-content !important;
    width: min-content !important;
  }
  .xl\:w-max {
    width: -moz-max-content !important;
    width: max-content !important;
  }
  .xl\:w-fit {
    width: -moz-fit-content !important;
    width: fit-content !important;
  }
  .xl\:w-1rem {
    width: 1rem !important;
  }
  .xl\:w-2rem {
    width: 2rem !important;
  }
  .xl\:w-3rem {
    width: 3rem !important;
  }
  .xl\:w-4rem {
    width: 4rem !important;
  }
  .xl\:w-5rem {
    width: 5rem !important;
  }
  .xl\:w-6rem {
    width: 6rem !important;
  }
  .xl\:w-7rem {
    width: 7rem !important;
  }
  .xl\:w-8rem {
    width: 8rem !important;
  }
  .xl\:w-9rem {
    width: 9rem !important;
  }
  .xl\:w-10rem {
    width: 10rem !important;
  }
  .xl\:w-11rem {
    width: 11rem !important;
  }
  .xl\:w-12rem {
    width: 12rem !important;
  }
  .xl\:w-13rem {
    width: 13rem !important;
  }
  .xl\:w-14rem {
    width: 14rem !important;
  }
  .xl\:w-15rem {
    width: 15rem !important;
  }
  .xl\:w-16rem {
    width: 16rem !important;
  }
  .xl\:w-17rem {
    width: 17rem !important;
  }
  .xl\:w-18rem {
    width: 18rem !important;
  }
  .xl\:w-19rem {
    width: 19rem !important;
  }
  .xl\:w-20rem {
    width: 20rem !important;
  }
  .xl\:w-21rem {
    width: 21rem !important;
  }
  .xl\:w-22rem {
    width: 22rem !important;
  }
  .xl\:w-23rem {
    width: 23rem !important;
  }
  .xl\:w-24rem {
    width: 24rem !important;
  }
  .xl\:w-25rem {
    width: 25rem !important;
  }
  .xl\:w-26rem {
    width: 26rem !important;
  }
  .xl\:w-27rem {
    width: 27rem !important;
  }
  .xl\:w-28rem {
    width: 28rem !important;
  }
  .xl\:w-29rem {
    width: 29rem !important;
  }
  .xl\:w-30rem {
    width: 30rem !important;
  }
}
.h-full {
  height: 100% !important;
}
.h-screen {
  height: 100vh !important;
}
.h-auto {
  height: auto !important;
}
.h-min {
  height: -moz-min-content !important;
  height: min-content !important;
}
.h-max {
  height: -moz-max-content !important;
  height: max-content !important;
}
.h-fit {
  height: -moz-fit-content !important;
  height: fit-content !important;
}
.h-1rem {
  height: 1rem !important;
}
.h-2rem {
  height: 2rem !important;
}
.h-3rem {
  height: 3rem !important;
}
.h-4rem {
  height: 4rem !important;
}
.h-5rem {
  height: 5rem !important;
}
.h-6rem {
  height: 6rem !important;
}
.h-7rem {
  height: 7rem !important;
}
.h-8rem {
  height: 8rem !important;
}
.h-9rem {
  height: 9rem !important;
}
.h-10rem {
  height: 10rem !important;
}
.h-11rem {
  height: 11rem !important;
}
.h-12rem {
  height: 12rem !important;
}
.h-13rem {
  height: 13rem !important;
}
.h-14rem {
  height: 14rem !important;
}
.h-15rem {
  height: 15rem !important;
}
.h-16rem {
  height: 16rem !important;
}
.h-17rem {
  height: 17rem !important;
}
.h-18rem {
  height: 18rem !important;
}
.h-19rem {
  height: 19rem !important;
}
.h-20rem {
  height: 20rem !important;
}
.h-21rem {
  height: 21rem !important;
}
.h-22rem {
  height: 22rem !important;
}
.h-23rem {
  height: 23rem !important;
}
.h-24rem {
  height: 24rem !important;
}
.h-25rem {
  height: 25rem !important;
}
.h-26rem {
  height: 26rem !important;
}
.h-27rem {
  height: 27rem !important;
}
.h-28rem {
  height: 28rem !important;
}
.h-29rem {
  height: 29rem !important;
}
.h-30rem {
  height: 30rem !important;
}
@media screen and (min-width: 576px) {
  .sm\:h-full {
    height: 100% !important;
  }
  .sm\:h-screen {
    height: 100vh !important;
  }
  .sm\:h-auto {
    height: auto !important;
  }
  .sm\:h-min {
    height: -moz-min-content !important;
    height: min-content !important;
  }
  .sm\:h-max {
    height: -moz-max-content !important;
    height: max-content !important;
  }
  .sm\:h-fit {
    height: -moz-fit-content !important;
    height: fit-content !important;
  }
  .sm\:h-1rem {
    height: 1rem !important;
  }
  .sm\:h-2rem {
    height: 2rem !important;
  }
  .sm\:h-3rem {
    height: 3rem !important;
  }
  .sm\:h-4rem {
    height: 4rem !important;
  }
  .sm\:h-5rem {
    height: 5rem !important;
  }
  .sm\:h-6rem {
    height: 6rem !important;
  }
  .sm\:h-7rem {
    height: 7rem !important;
  }
  .sm\:h-8rem {
    height: 8rem !important;
  }
  .sm\:h-9rem {
    height: 9rem !important;
  }
  .sm\:h-10rem {
    height: 10rem !important;
  }
  .sm\:h-11rem {
    height: 11rem !important;
  }
  .sm\:h-12rem {
    height: 12rem !important;
  }
  .sm\:h-13rem {
    height: 13rem !important;
  }
  .sm\:h-14rem {
    height: 14rem !important;
  }
  .sm\:h-15rem {
    height: 15rem !important;
  }
  .sm\:h-16rem {
    height: 16rem !important;
  }
  .sm\:h-17rem {
    height: 17rem !important;
  }
  .sm\:h-18rem {
    height: 18rem !important;
  }
  .sm\:h-19rem {
    height: 19rem !important;
  }
  .sm\:h-20rem {
    height: 20rem !important;
  }
  .sm\:h-21rem {
    height: 21rem !important;
  }
  .sm\:h-22rem {
    height: 22rem !important;
  }
  .sm\:h-23rem {
    height: 23rem !important;
  }
  .sm\:h-24rem {
    height: 24rem !important;
  }
  .sm\:h-25rem {
    height: 25rem !important;
  }
  .sm\:h-26rem {
    height: 26rem !important;
  }
  .sm\:h-27rem {
    height: 27rem !important;
  }
  .sm\:h-28rem {
    height: 28rem !important;
  }
  .sm\:h-29rem {
    height: 29rem !important;
  }
  .sm\:h-30rem {
    height: 30rem !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:h-full {
    height: 100% !important;
  }
  .md\:h-screen {
    height: 100vh !important;
  }
  .md\:h-auto {
    height: auto !important;
  }
  .md\:h-min {
    height: -moz-min-content !important;
    height: min-content !important;
  }
  .md\:h-max {
    height: -moz-max-content !important;
    height: max-content !important;
  }
  .md\:h-fit {
    height: -moz-fit-content !important;
    height: fit-content !important;
  }
  .md\:h-1rem {
    height: 1rem !important;
  }
  .md\:h-2rem {
    height: 2rem !important;
  }
  .md\:h-3rem {
    height: 3rem !important;
  }
  .md\:h-4rem {
    height: 4rem !important;
  }
  .md\:h-5rem {
    height: 5rem !important;
  }
  .md\:h-6rem {
    height: 6rem !important;
  }
  .md\:h-7rem {
    height: 7rem !important;
  }
  .md\:h-8rem {
    height: 8rem !important;
  }
  .md\:h-9rem {
    height: 9rem !important;
  }
  .md\:h-10rem {
    height: 10rem !important;
  }
  .md\:h-11rem {
    height: 11rem !important;
  }
  .md\:h-12rem {
    height: 12rem !important;
  }
  .md\:h-13rem {
    height: 13rem !important;
  }
  .md\:h-14rem {
    height: 14rem !important;
  }
  .md\:h-15rem {
    height: 15rem !important;
  }
  .md\:h-16rem {
    height: 16rem !important;
  }
  .md\:h-17rem {
    height: 17rem !important;
  }
  .md\:h-18rem {
    height: 18rem !important;
  }
  .md\:h-19rem {
    height: 19rem !important;
  }
  .md\:h-20rem {
    height: 20rem !important;
  }
  .md\:h-21rem {
    height: 21rem !important;
  }
  .md\:h-22rem {
    height: 22rem !important;
  }
  .md\:h-23rem {
    height: 23rem !important;
  }
  .md\:h-24rem {
    height: 24rem !important;
  }
  .md\:h-25rem {
    height: 25rem !important;
  }
  .md\:h-26rem {
    height: 26rem !important;
  }
  .md\:h-27rem {
    height: 27rem !important;
  }
  .md\:h-28rem {
    height: 28rem !important;
  }
  .md\:h-29rem {
    height: 29rem !important;
  }
  .md\:h-30rem {
    height: 30rem !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:h-full {
    height: 100% !important;
  }
  .lg\:h-screen {
    height: 100vh !important;
  }
  .lg\:h-auto {
    height: auto !important;
  }
  .lg\:h-min {
    height: -moz-min-content !important;
    height: min-content !important;
  }
  .lg\:h-max {
    height: -moz-max-content !important;
    height: max-content !important;
  }
  .lg\:h-fit {
    height: -moz-fit-content !important;
    height: fit-content !important;
  }
  .lg\:h-1rem {
    height: 1rem !important;
  }
  .lg\:h-2rem {
    height: 2rem !important;
  }
  .lg\:h-3rem {
    height: 3rem !important;
  }
  .lg\:h-4rem {
    height: 4rem !important;
  }
  .lg\:h-5rem {
    height: 5rem !important;
  }
  .lg\:h-6rem {
    height: 6rem !important;
  }
  .lg\:h-7rem {
    height: 7rem !important;
  }
  .lg\:h-8rem {
    height: 8rem !important;
  }
  .lg\:h-9rem {
    height: 9rem !important;
  }
  .lg\:h-10rem {
    height: 10rem !important;
  }
  .lg\:h-11rem {
    height: 11rem !important;
  }
  .lg\:h-12rem {
    height: 12rem !important;
  }
  .lg\:h-13rem {
    height: 13rem !important;
  }
  .lg\:h-14rem {
    height: 14rem !important;
  }
  .lg\:h-15rem {
    height: 15rem !important;
  }
  .lg\:h-16rem {
    height: 16rem !important;
  }
  .lg\:h-17rem {
    height: 17rem !important;
  }
  .lg\:h-18rem {
    height: 18rem !important;
  }
  .lg\:h-19rem {
    height: 19rem !important;
  }
  .lg\:h-20rem {
    height: 20rem !important;
  }
  .lg\:h-21rem {
    height: 21rem !important;
  }
  .lg\:h-22rem {
    height: 22rem !important;
  }
  .lg\:h-23rem {
    height: 23rem !important;
  }
  .lg\:h-24rem {
    height: 24rem !important;
  }
  .lg\:h-25rem {
    height: 25rem !important;
  }
  .lg\:h-26rem {
    height: 26rem !important;
  }
  .lg\:h-27rem {
    height: 27rem !important;
  }
  .lg\:h-28rem {
    height: 28rem !important;
  }
  .lg\:h-29rem {
    height: 29rem !important;
  }
  .lg\:h-30rem {
    height: 30rem !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:h-full {
    height: 100% !important;
  }
  .xl\:h-screen {
    height: 100vh !important;
  }
  .xl\:h-auto {
    height: auto !important;
  }
  .xl\:h-min {
    height: -moz-min-content !important;
    height: min-content !important;
  }
  .xl\:h-max {
    height: -moz-max-content !important;
    height: max-content !important;
  }
  .xl\:h-fit {
    height: -moz-fit-content !important;
    height: fit-content !important;
  }
  .xl\:h-1rem {
    height: 1rem !important;
  }
  .xl\:h-2rem {
    height: 2rem !important;
  }
  .xl\:h-3rem {
    height: 3rem !important;
  }
  .xl\:h-4rem {
    height: 4rem !important;
  }
  .xl\:h-5rem {
    height: 5rem !important;
  }
  .xl\:h-6rem {
    height: 6rem !important;
  }
  .xl\:h-7rem {
    height: 7rem !important;
  }
  .xl\:h-8rem {
    height: 8rem !important;
  }
  .xl\:h-9rem {
    height: 9rem !important;
  }
  .xl\:h-10rem {
    height: 10rem !important;
  }
  .xl\:h-11rem {
    height: 11rem !important;
  }
  .xl\:h-12rem {
    height: 12rem !important;
  }
  .xl\:h-13rem {
    height: 13rem !important;
  }
  .xl\:h-14rem {
    height: 14rem !important;
  }
  .xl\:h-15rem {
    height: 15rem !important;
  }
  .xl\:h-16rem {
    height: 16rem !important;
  }
  .xl\:h-17rem {
    height: 17rem !important;
  }
  .xl\:h-18rem {
    height: 18rem !important;
  }
  .xl\:h-19rem {
    height: 19rem !important;
  }
  .xl\:h-20rem {
    height: 20rem !important;
  }
  .xl\:h-21rem {
    height: 21rem !important;
  }
  .xl\:h-22rem {
    height: 22rem !important;
  }
  .xl\:h-23rem {
    height: 23rem !important;
  }
  .xl\:h-24rem {
    height: 24rem !important;
  }
  .xl\:h-25rem {
    height: 25rem !important;
  }
  .xl\:h-26rem {
    height: 26rem !important;
  }
  .xl\:h-27rem {
    height: 27rem !important;
  }
  .xl\:h-28rem {
    height: 28rem !important;
  }
  .xl\:h-29rem {
    height: 29rem !important;
  }
  .xl\:h-30rem {
    height: 30rem !important;
  }
}
.min-w-0 {
  min-width: 0px !important;
}
.min-w-full {
  min-width: 100% !important;
}
.min-w-screen {
  min-width: 100vw !important;
}
.min-w-min {
  min-width: -moz-min-content !important;
  min-width: min-content !important;
}
.min-w-max {
  min-width: -moz-max-content !important;
  min-width: max-content !important;
}
@media screen and (min-width: 576px) {
  .sm\:min-w-0 {
    min-width: 0px !important;
  }
  .sm\:min-w-full {
    min-width: 100% !important;
  }
  .sm\:min-w-screen {
    min-width: 100vw !important;
  }
  .sm\:min-w-min {
    min-width: -moz-min-content !important;
    min-width: min-content !important;
  }
  .sm\:min-w-max {
    min-width: -moz-max-content !important;
    min-width: max-content !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:min-w-0 {
    min-width: 0px !important;
  }
  .md\:min-w-full {
    min-width: 100% !important;
  }
  .md\:min-w-screen {
    min-width: 100vw !important;
  }
  .md\:min-w-min {
    min-width: -moz-min-content !important;
    min-width: min-content !important;
  }
  .md\:min-w-max {
    min-width: -moz-max-content !important;
    min-width: max-content !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:min-w-0 {
    min-width: 0px !important;
  }
  .lg\:min-w-full {
    min-width: 100% !important;
  }
  .lg\:min-w-screen {
    min-width: 100vw !important;
  }
  .lg\:min-w-min {
    min-width: -moz-min-content !important;
    min-width: min-content !important;
  }
  .lg\:min-w-max {
    min-width: -moz-max-content !important;
    min-width: max-content !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:min-w-0 {
    min-width: 0px !important;
  }
  .xl\:min-w-full {
    min-width: 100% !important;
  }
  .xl\:min-w-screen {
    min-width: 100vw !important;
  }
  .xl\:min-w-min {
    min-width: -moz-min-content !important;
    min-width: min-content !important;
  }
  .xl\:min-w-max {
    min-width: -moz-max-content !important;
    min-width: max-content !important;
  }
}
.max-w-0 {
  max-width: 0px !important;
}
.max-w-full {
  max-width: 100% !important;
}
.max-w-screen {
  max-width: 100vw !important;
}
.max-w-min {
  max-width: -moz-min-content !important;
  max-width: min-content !important;
}
.max-w-max {
  max-width: -moz-max-content !important;
  max-width: max-content !important;
}
.max-w-fit {
  max-width: -moz-fit-content !important;
  max-width: fit-content !important;
}
.max-w-1rem {
  max-width: 1rem !important;
}
.max-w-2rem {
  max-width: 2rem !important;
}
.max-w-3rem {
  max-width: 3rem !important;
}
.max-w-4rem {
  max-width: 4rem !important;
}
.max-w-5rem {
  max-width: 5rem !important;
}
.max-w-6rem {
  max-width: 6rem !important;
}
.max-w-7rem {
  max-width: 7rem !important;
}
.max-w-8rem {
  max-width: 8rem !important;
}
.max-w-9rem {
  max-width: 9rem !important;
}
.max-w-10rem {
  max-width: 10rem !important;
}
.max-w-11rem {
  max-width: 11rem !important;
}
.max-w-12rem {
  max-width: 12rem !important;
}
.max-w-13rem {
  max-width: 13rem !important;
}
.max-w-14rem {
  max-width: 14rem !important;
}
.max-w-15rem {
  max-width: 15rem !important;
}
.max-w-16rem {
  max-width: 16rem !important;
}
.max-w-17rem {
  max-width: 17rem !important;
}
.max-w-18rem {
  max-width: 18rem !important;
}
.max-w-19rem {
  max-width: 19rem !important;
}
.max-w-20rem {
  max-width: 20rem !important;
}
.max-w-21rem {
  max-width: 21rem !important;
}
.max-w-22rem {
  max-width: 22rem !important;
}
.max-w-23rem {
  max-width: 23rem !important;
}
.max-w-24rem {
  max-width: 24rem !important;
}
.max-w-25rem {
  max-width: 25rem !important;
}
.max-w-26rem {
  max-width: 26rem !important;
}
.max-w-27rem {
  max-width: 27rem !important;
}
.max-w-28rem {
  max-width: 28rem !important;
}
.max-w-29rem {
  max-width: 29rem !important;
}
.max-w-30rem {
  max-width: 30rem !important;
}
@media screen and (min-width: 576px) {
  .sm\:max-w-0 {
    max-width: 0px !important;
  }
  .sm\:max-w-full {
    max-width: 100% !important;
  }
  .sm\:max-w-screen {
    max-width: 100vw !important;
  }
  .sm\:max-w-min {
    max-width: -moz-min-content !important;
    max-width: min-content !important;
  }
  .sm\:max-w-max {
    max-width: -moz-max-content !important;
    max-width: max-content !important;
  }
  .sm\:max-w-fit {
    max-width: -moz-fit-content !important;
    max-width: fit-content !important;
  }
  .sm\:max-w-1rem {
    max-width: 1rem !important;
  }
  .sm\:max-w-2rem {
    max-width: 2rem !important;
  }
  .sm\:max-w-3rem {
    max-width: 3rem !important;
  }
  .sm\:max-w-4rem {
    max-width: 4rem !important;
  }
  .sm\:max-w-5rem {
    max-width: 5rem !important;
  }
  .sm\:max-w-6rem {
    max-width: 6rem !important;
  }
  .sm\:max-w-7rem {
    max-width: 7rem !important;
  }
  .sm\:max-w-8rem {
    max-width: 8rem !important;
  }
  .sm\:max-w-9rem {
    max-width: 9rem !important;
  }
  .sm\:max-w-10rem {
    max-width: 10rem !important;
  }
  .sm\:max-w-11rem {
    max-width: 11rem !important;
  }
  .sm\:max-w-12rem {
    max-width: 12rem !important;
  }
  .sm\:max-w-13rem {
    max-width: 13rem !important;
  }
  .sm\:max-w-14rem {
    max-width: 14rem !important;
  }
  .sm\:max-w-15rem {
    max-width: 15rem !important;
  }
  .sm\:max-w-16rem {
    max-width: 16rem !important;
  }
  .sm\:max-w-17rem {
    max-width: 17rem !important;
  }
  .sm\:max-w-18rem {
    max-width: 18rem !important;
  }
  .sm\:max-w-19rem {
    max-width: 19rem !important;
  }
  .sm\:max-w-20rem {
    max-width: 20rem !important;
  }
  .sm\:max-w-21rem {
    max-width: 21rem !important;
  }
  .sm\:max-w-22rem {
    max-width: 22rem !important;
  }
  .sm\:max-w-23rem {
    max-width: 23rem !important;
  }
  .sm\:max-w-24rem {
    max-width: 24rem !important;
  }
  .sm\:max-w-25rem {
    max-width: 25rem !important;
  }
  .sm\:max-w-26rem {
    max-width: 26rem !important;
  }
  .sm\:max-w-27rem {
    max-width: 27rem !important;
  }
  .sm\:max-w-28rem {
    max-width: 28rem !important;
  }
  .sm\:max-w-29rem {
    max-width: 29rem !important;
  }
  .sm\:max-w-30rem {
    max-width: 30rem !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:max-w-0 {
    max-width: 0px !important;
  }
  .md\:max-w-full {
    max-width: 100% !important;
  }
  .md\:max-w-screen {
    max-width: 100vw !important;
  }
  .md\:max-w-min {
    max-width: -moz-min-content !important;
    max-width: min-content !important;
  }
  .md\:max-w-max {
    max-width: -moz-max-content !important;
    max-width: max-content !important;
  }
  .md\:max-w-fit {
    max-width: -moz-fit-content !important;
    max-width: fit-content !important;
  }
  .md\:max-w-1rem {
    max-width: 1rem !important;
  }
  .md\:max-w-2rem {
    max-width: 2rem !important;
  }
  .md\:max-w-3rem {
    max-width: 3rem !important;
  }
  .md\:max-w-4rem {
    max-width: 4rem !important;
  }
  .md\:max-w-5rem {
    max-width: 5rem !important;
  }
  .md\:max-w-6rem {
    max-width: 6rem !important;
  }
  .md\:max-w-7rem {
    max-width: 7rem !important;
  }
  .md\:max-w-8rem {
    max-width: 8rem !important;
  }
  .md\:max-w-9rem {
    max-width: 9rem !important;
  }
  .md\:max-w-10rem {
    max-width: 10rem !important;
  }
  .md\:max-w-11rem {
    max-width: 11rem !important;
  }
  .md\:max-w-12rem {
    max-width: 12rem !important;
  }
  .md\:max-w-13rem {
    max-width: 13rem !important;
  }
  .md\:max-w-14rem {
    max-width: 14rem !important;
  }
  .md\:max-w-15rem {
    max-width: 15rem !important;
  }
  .md\:max-w-16rem {
    max-width: 16rem !important;
  }
  .md\:max-w-17rem {
    max-width: 17rem !important;
  }
  .md\:max-w-18rem {
    max-width: 18rem !important;
  }
  .md\:max-w-19rem {
    max-width: 19rem !important;
  }
  .md\:max-w-20rem {
    max-width: 20rem !important;
  }
  .md\:max-w-21rem {
    max-width: 21rem !important;
  }
  .md\:max-w-22rem {
    max-width: 22rem !important;
  }
  .md\:max-w-23rem {
    max-width: 23rem !important;
  }
  .md\:max-w-24rem {
    max-width: 24rem !important;
  }
  .md\:max-w-25rem {
    max-width: 25rem !important;
  }
  .md\:max-w-26rem {
    max-width: 26rem !important;
  }
  .md\:max-w-27rem {
    max-width: 27rem !important;
  }
  .md\:max-w-28rem {
    max-width: 28rem !important;
  }
  .md\:max-w-29rem {
    max-width: 29rem !important;
  }
  .md\:max-w-30rem {
    max-width: 30rem !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:max-w-0 {
    max-width: 0px !important;
  }
  .lg\:max-w-full {
    max-width: 100% !important;
  }
  .lg\:max-w-screen {
    max-width: 100vw !important;
  }
  .lg\:max-w-min {
    max-width: -moz-min-content !important;
    max-width: min-content !important;
  }
  .lg\:max-w-max {
    max-width: -moz-max-content !important;
    max-width: max-content !important;
  }
  .lg\:max-w-fit {
    max-width: -moz-fit-content !important;
    max-width: fit-content !important;
  }
  .lg\:max-w-1rem {
    max-width: 1rem !important;
  }
  .lg\:max-w-2rem {
    max-width: 2rem !important;
  }
  .lg\:max-w-3rem {
    max-width: 3rem !important;
  }
  .lg\:max-w-4rem {
    max-width: 4rem !important;
  }
  .lg\:max-w-5rem {
    max-width: 5rem !important;
  }
  .lg\:max-w-6rem {
    max-width: 6rem !important;
  }
  .lg\:max-w-7rem {
    max-width: 7rem !important;
  }
  .lg\:max-w-8rem {
    max-width: 8rem !important;
  }
  .lg\:max-w-9rem {
    max-width: 9rem !important;
  }
  .lg\:max-w-10rem {
    max-width: 10rem !important;
  }
  .lg\:max-w-11rem {
    max-width: 11rem !important;
  }
  .lg\:max-w-12rem {
    max-width: 12rem !important;
  }
  .lg\:max-w-13rem {
    max-width: 13rem !important;
  }
  .lg\:max-w-14rem {
    max-width: 14rem !important;
  }
  .lg\:max-w-15rem {
    max-width: 15rem !important;
  }
  .lg\:max-w-16rem {
    max-width: 16rem !important;
  }
  .lg\:max-w-17rem {
    max-width: 17rem !important;
  }
  .lg\:max-w-18rem {
    max-width: 18rem !important;
  }
  .lg\:max-w-19rem {
    max-width: 19rem !important;
  }
  .lg\:max-w-20rem {
    max-width: 20rem !important;
  }
  .lg\:max-w-21rem {
    max-width: 21rem !important;
  }
  .lg\:max-w-22rem {
    max-width: 22rem !important;
  }
  .lg\:max-w-23rem {
    max-width: 23rem !important;
  }
  .lg\:max-w-24rem {
    max-width: 24rem !important;
  }
  .lg\:max-w-25rem {
    max-width: 25rem !important;
  }
  .lg\:max-w-26rem {
    max-width: 26rem !important;
  }
  .lg\:max-w-27rem {
    max-width: 27rem !important;
  }
  .lg\:max-w-28rem {
    max-width: 28rem !important;
  }
  .lg\:max-w-29rem {
    max-width: 29rem !important;
  }
  .lg\:max-w-30rem {
    max-width: 30rem !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:max-w-0 {
    max-width: 0px !important;
  }
  .xl\:max-w-full {
    max-width: 100% !important;
  }
  .xl\:max-w-screen {
    max-width: 100vw !important;
  }
  .xl\:max-w-min {
    max-width: -moz-min-content !important;
    max-width: min-content !important;
  }
  .xl\:max-w-max {
    max-width: -moz-max-content !important;
    max-width: max-content !important;
  }
  .xl\:max-w-fit {
    max-width: -moz-fit-content !important;
    max-width: fit-content !important;
  }
  .xl\:max-w-1rem {
    max-width: 1rem !important;
  }
  .xl\:max-w-2rem {
    max-width: 2rem !important;
  }
  .xl\:max-w-3rem {
    max-width: 3rem !important;
  }
  .xl\:max-w-4rem {
    max-width: 4rem !important;
  }
  .xl\:max-w-5rem {
    max-width: 5rem !important;
  }
  .xl\:max-w-6rem {
    max-width: 6rem !important;
  }
  .xl\:max-w-7rem {
    max-width: 7rem !important;
  }
  .xl\:max-w-8rem {
    max-width: 8rem !important;
  }
  .xl\:max-w-9rem {
    max-width: 9rem !important;
  }
  .xl\:max-w-10rem {
    max-width: 10rem !important;
  }
  .xl\:max-w-11rem {
    max-width: 11rem !important;
  }
  .xl\:max-w-12rem {
    max-width: 12rem !important;
  }
  .xl\:max-w-13rem {
    max-width: 13rem !important;
  }
  .xl\:max-w-14rem {
    max-width: 14rem !important;
  }
  .xl\:max-w-15rem {
    max-width: 15rem !important;
  }
  .xl\:max-w-16rem {
    max-width: 16rem !important;
  }
  .xl\:max-w-17rem {
    max-width: 17rem !important;
  }
  .xl\:max-w-18rem {
    max-width: 18rem !important;
  }
  .xl\:max-w-19rem {
    max-width: 19rem !important;
  }
  .xl\:max-w-20rem {
    max-width: 20rem !important;
  }
  .xl\:max-w-21rem {
    max-width: 21rem !important;
  }
  .xl\:max-w-22rem {
    max-width: 22rem !important;
  }
  .xl\:max-w-23rem {
    max-width: 23rem !important;
  }
  .xl\:max-w-24rem {
    max-width: 24rem !important;
  }
  .xl\:max-w-25rem {
    max-width: 25rem !important;
  }
  .xl\:max-w-26rem {
    max-width: 26rem !important;
  }
  .xl\:max-w-27rem {
    max-width: 27rem !important;
  }
  .xl\:max-w-28rem {
    max-width: 28rem !important;
  }
  .xl\:max-w-29rem {
    max-width: 29rem !important;
  }
  .xl\:max-w-30rem {
    max-width: 30rem !important;
  }
}
.min-h-0 {
  min-height: 0px !important;
}
.min-h-full {
  min-height: 100% !important;
}
.min-h-screen {
  min-height: 100vh !important;
}
@media screen and (min-width: 576px) {
  .sm\:min-h-0 {
    min-height: 0px !important;
  }
  .sm\:min-h-full {
    min-height: 100% !important;
  }
  .sm\:min-h-screen {
    min-height: 100vh !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:min-h-0 {
    min-height: 0px !important;
  }
  .md\:min-h-full {
    min-height: 100% !important;
  }
  .md\:min-h-screen {
    min-height: 100vh !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:min-h-0 {
    min-height: 0px !important;
  }
  .lg\:min-h-full {
    min-height: 100% !important;
  }
  .lg\:min-h-screen {
    min-height: 100vh !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:min-h-0 {
    min-height: 0px !important;
  }
  .xl\:min-h-full {
    min-height: 100% !important;
  }
  .xl\:min-h-screen {
    min-height: 100vh !important;
  }
}
.max-h-0 {
  max-height: 0px !important;
}
.max-h-full {
  max-height: 100% !important;
}
.max-h-screen {
  max-height: 100vh !important;
}
.max-h-min {
  max-height: -moz-min-content !important;
  max-height: min-content !important;
}
.max-h-max {
  max-height: -moz-max-content !important;
  max-height: max-content !important;
}
.max-h-fit {
  max-height: -moz-fit-content !important;
  max-height: fit-content !important;
}
.max-h-1rem {
  max-height: 1rem !important;
}
.max-h-2rem {
  max-height: 2rem !important;
}
.max-h-3rem {
  max-height: 3rem !important;
}
.max-h-4rem {
  max-height: 4rem !important;
}
.max-h-5rem {
  max-height: 5rem !important;
}
.max-h-6rem {
  max-height: 6rem !important;
}
.max-h-7rem {
  max-height: 7rem !important;
}
.max-h-8rem {
  max-height: 8rem !important;
}
.max-h-9rem {
  max-height: 9rem !important;
}
.max-h-10rem {
  max-height: 10rem !important;
}
.max-h-11rem {
  max-height: 11rem !important;
}
.max-h-12rem {
  max-height: 12rem !important;
}
.max-h-13rem {
  max-height: 13rem !important;
}
.max-h-14rem {
  max-height: 14rem !important;
}
.max-h-15rem {
  max-height: 15rem !important;
}
.max-h-16rem {
  max-height: 16rem !important;
}
.max-h-17rem {
  max-height: 17rem !important;
}
.max-h-18rem {
  max-height: 18rem !important;
}
.max-h-19rem {
  max-height: 19rem !important;
}
.max-h-20rem {
  max-height: 20rem !important;
}
.max-h-21rem {
  max-height: 21rem !important;
}
.max-h-22rem {
  max-height: 22rem !important;
}
.max-h-23rem {
  max-height: 23rem !important;
}
.max-h-24rem {
  max-height: 24rem !important;
}
.max-h-25rem {
  max-height: 25rem !important;
}
.max-h-26rem {
  max-height: 26rem !important;
}
.max-h-27rem {
  max-height: 27rem !important;
}
.max-h-28rem {
  max-height: 28rem !important;
}
.max-h-29rem {
  max-height: 29rem !important;
}
.max-h-30rem {
  max-height: 30rem !important;
}
@media screen and (min-width: 576px) {
  .sm\:max-h-0 {
    max-height: 0px !important;
  }
  .sm\:max-h-full {
    max-height: 100% !important;
  }
  .sm\:max-h-screen {
    max-height: 100vh !important;
  }
  .sm\:max-h-min {
    max-height: -moz-min-content !important;
    max-height: min-content !important;
  }
  .sm\:max-h-max {
    max-height: -moz-max-content !important;
    max-height: max-content !important;
  }
  .sm\:max-h-fit {
    max-height: -moz-fit-content !important;
    max-height: fit-content !important;
  }
  .sm\:max-h-1rem {
    max-height: 1rem !important;
  }
  .sm\:max-h-2rem {
    max-height: 2rem !important;
  }
  .sm\:max-h-3rem {
    max-height: 3rem !important;
  }
  .sm\:max-h-4rem {
    max-height: 4rem !important;
  }
  .sm\:max-h-5rem {
    max-height: 5rem !important;
  }
  .sm\:max-h-6rem {
    max-height: 6rem !important;
  }
  .sm\:max-h-7rem {
    max-height: 7rem !important;
  }
  .sm\:max-h-8rem {
    max-height: 8rem !important;
  }
  .sm\:max-h-9rem {
    max-height: 9rem !important;
  }
  .sm\:max-h-10rem {
    max-height: 10rem !important;
  }
  .sm\:max-h-11rem {
    max-height: 11rem !important;
  }
  .sm\:max-h-12rem {
    max-height: 12rem !important;
  }
  .sm\:max-h-13rem {
    max-height: 13rem !important;
  }
  .sm\:max-h-14rem {
    max-height: 14rem !important;
  }
  .sm\:max-h-15rem {
    max-height: 15rem !important;
  }
  .sm\:max-h-16rem {
    max-height: 16rem !important;
  }
  .sm\:max-h-17rem {
    max-height: 17rem !important;
  }
  .sm\:max-h-18rem {
    max-height: 18rem !important;
  }
  .sm\:max-h-19rem {
    max-height: 19rem !important;
  }
  .sm\:max-h-20rem {
    max-height: 20rem !important;
  }
  .sm\:max-h-21rem {
    max-height: 21rem !important;
  }
  .sm\:max-h-22rem {
    max-height: 22rem !important;
  }
  .sm\:max-h-23rem {
    max-height: 23rem !important;
  }
  .sm\:max-h-24rem {
    max-height: 24rem !important;
  }
  .sm\:max-h-25rem {
    max-height: 25rem !important;
  }
  .sm\:max-h-26rem {
    max-height: 26rem !important;
  }
  .sm\:max-h-27rem {
    max-height: 27rem !important;
  }
  .sm\:max-h-28rem {
    max-height: 28rem !important;
  }
  .sm\:max-h-29rem {
    max-height: 29rem !important;
  }
  .sm\:max-h-30rem {
    max-height: 30rem !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:max-h-0 {
    max-height: 0px !important;
  }
  .md\:max-h-full {
    max-height: 100% !important;
  }
  .md\:max-h-screen {
    max-height: 100vh !important;
  }
  .md\:max-h-min {
    max-height: -moz-min-content !important;
    max-height: min-content !important;
  }
  .md\:max-h-max {
    max-height: -moz-max-content !important;
    max-height: max-content !important;
  }
  .md\:max-h-fit {
    max-height: -moz-fit-content !important;
    max-height: fit-content !important;
  }
  .md\:max-h-1rem {
    max-height: 1rem !important;
  }
  .md\:max-h-2rem {
    max-height: 2rem !important;
  }
  .md\:max-h-3rem {
    max-height: 3rem !important;
  }
  .md\:max-h-4rem {
    max-height: 4rem !important;
  }
  .md\:max-h-5rem {
    max-height: 5rem !important;
  }
  .md\:max-h-6rem {
    max-height: 6rem !important;
  }
  .md\:max-h-7rem {
    max-height: 7rem !important;
  }
  .md\:max-h-8rem {
    max-height: 8rem !important;
  }
  .md\:max-h-9rem {
    max-height: 9rem !important;
  }
  .md\:max-h-10rem {
    max-height: 10rem !important;
  }
  .md\:max-h-11rem {
    max-height: 11rem !important;
  }
  .md\:max-h-12rem {
    max-height: 12rem !important;
  }
  .md\:max-h-13rem {
    max-height: 13rem !important;
  }
  .md\:max-h-14rem {
    max-height: 14rem !important;
  }
  .md\:max-h-15rem {
    max-height: 15rem !important;
  }
  .md\:max-h-16rem {
    max-height: 16rem !important;
  }
  .md\:max-h-17rem {
    max-height: 17rem !important;
  }
  .md\:max-h-18rem {
    max-height: 18rem !important;
  }
  .md\:max-h-19rem {
    max-height: 19rem !important;
  }
  .md\:max-h-20rem {
    max-height: 20rem !important;
  }
  .md\:max-h-21rem {
    max-height: 21rem !important;
  }
  .md\:max-h-22rem {
    max-height: 22rem !important;
  }
  .md\:max-h-23rem {
    max-height: 23rem !important;
  }
  .md\:max-h-24rem {
    max-height: 24rem !important;
  }
  .md\:max-h-25rem {
    max-height: 25rem !important;
  }
  .md\:max-h-26rem {
    max-height: 26rem !important;
  }
  .md\:max-h-27rem {
    max-height: 27rem !important;
  }
  .md\:max-h-28rem {
    max-height: 28rem !important;
  }
  .md\:max-h-29rem {
    max-height: 29rem !important;
  }
  .md\:max-h-30rem {
    max-height: 30rem !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:max-h-0 {
    max-height: 0px !important;
  }
  .lg\:max-h-full {
    max-height: 100% !important;
  }
  .lg\:max-h-screen {
    max-height: 100vh !important;
  }
  .lg\:max-h-min {
    max-height: -moz-min-content !important;
    max-height: min-content !important;
  }
  .lg\:max-h-max {
    max-height: -moz-max-content !important;
    max-height: max-content !important;
  }
  .lg\:max-h-fit {
    max-height: -moz-fit-content !important;
    max-height: fit-content !important;
  }
  .lg\:max-h-1rem {
    max-height: 1rem !important;
  }
  .lg\:max-h-2rem {
    max-height: 2rem !important;
  }
  .lg\:max-h-3rem {
    max-height: 3rem !important;
  }
  .lg\:max-h-4rem {
    max-height: 4rem !important;
  }
  .lg\:max-h-5rem {
    max-height: 5rem !important;
  }
  .lg\:max-h-6rem {
    max-height: 6rem !important;
  }
  .lg\:max-h-7rem {
    max-height: 7rem !important;
  }
  .lg\:max-h-8rem {
    max-height: 8rem !important;
  }
  .lg\:max-h-9rem {
    max-height: 9rem !important;
  }
  .lg\:max-h-10rem {
    max-height: 10rem !important;
  }
  .lg\:max-h-11rem {
    max-height: 11rem !important;
  }
  .lg\:max-h-12rem {
    max-height: 12rem !important;
  }
  .lg\:max-h-13rem {
    max-height: 13rem !important;
  }
  .lg\:max-h-14rem {
    max-height: 14rem !important;
  }
  .lg\:max-h-15rem {
    max-height: 15rem !important;
  }
  .lg\:max-h-16rem {
    max-height: 16rem !important;
  }
  .lg\:max-h-17rem {
    max-height: 17rem !important;
  }
  .lg\:max-h-18rem {
    max-height: 18rem !important;
  }
  .lg\:max-h-19rem {
    max-height: 19rem !important;
  }
  .lg\:max-h-20rem {
    max-height: 20rem !important;
  }
  .lg\:max-h-21rem {
    max-height: 21rem !important;
  }
  .lg\:max-h-22rem {
    max-height: 22rem !important;
  }
  .lg\:max-h-23rem {
    max-height: 23rem !important;
  }
  .lg\:max-h-24rem {
    max-height: 24rem !important;
  }
  .lg\:max-h-25rem {
    max-height: 25rem !important;
  }
  .lg\:max-h-26rem {
    max-height: 26rem !important;
  }
  .lg\:max-h-27rem {
    max-height: 27rem !important;
  }
  .lg\:max-h-28rem {
    max-height: 28rem !important;
  }
  .lg\:max-h-29rem {
    max-height: 29rem !important;
  }
  .lg\:max-h-30rem {
    max-height: 30rem !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:max-h-0 {
    max-height: 0px !important;
  }
  .xl\:max-h-full {
    max-height: 100% !important;
  }
  .xl\:max-h-screen {
    max-height: 100vh !important;
  }
  .xl\:max-h-min {
    max-height: -moz-min-content !important;
    max-height: min-content !important;
  }
  .xl\:max-h-max {
    max-height: -moz-max-content !important;
    max-height: max-content !important;
  }
  .xl\:max-h-fit {
    max-height: -moz-fit-content !important;
    max-height: fit-content !important;
  }
  .xl\:max-h-1rem {
    max-height: 1rem !important;
  }
  .xl\:max-h-2rem {
    max-height: 2rem !important;
  }
  .xl\:max-h-3rem {
    max-height: 3rem !important;
  }
  .xl\:max-h-4rem {
    max-height: 4rem !important;
  }
  .xl\:max-h-5rem {
    max-height: 5rem !important;
  }
  .xl\:max-h-6rem {
    max-height: 6rem !important;
  }
  .xl\:max-h-7rem {
    max-height: 7rem !important;
  }
  .xl\:max-h-8rem {
    max-height: 8rem !important;
  }
  .xl\:max-h-9rem {
    max-height: 9rem !important;
  }
  .xl\:max-h-10rem {
    max-height: 10rem !important;
  }
  .xl\:max-h-11rem {
    max-height: 11rem !important;
  }
  .xl\:max-h-12rem {
    max-height: 12rem !important;
  }
  .xl\:max-h-13rem {
    max-height: 13rem !important;
  }
  .xl\:max-h-14rem {
    max-height: 14rem !important;
  }
  .xl\:max-h-15rem {
    max-height: 15rem !important;
  }
  .xl\:max-h-16rem {
    max-height: 16rem !important;
  }
  .xl\:max-h-17rem {
    max-height: 17rem !important;
  }
  .xl\:max-h-18rem {
    max-height: 18rem !important;
  }
  .xl\:max-h-19rem {
    max-height: 19rem !important;
  }
  .xl\:max-h-20rem {
    max-height: 20rem !important;
  }
  .xl\:max-h-21rem {
    max-height: 21rem !important;
  }
  .xl\:max-h-22rem {
    max-height: 22rem !important;
  }
  .xl\:max-h-23rem {
    max-height: 23rem !important;
  }
  .xl\:max-h-24rem {
    max-height: 24rem !important;
  }
  .xl\:max-h-25rem {
    max-height: 25rem !important;
  }
  .xl\:max-h-26rem {
    max-height: 26rem !important;
  }
  .xl\:max-h-27rem {
    max-height: 27rem !important;
  }
  .xl\:max-h-28rem {
    max-height: 28rem !important;
  }
  .xl\:max-h-29rem {
    max-height: 29rem !important;
  }
  .xl\:max-h-30rem {
    max-height: 30rem !important;
  }
}
.static {
  position: static !important;
}
.fixed {
  position: fixed !important;
}
.absolute {
  position: absolute !important;
}
.relative {
  position: relative !important;
}
.sticky {
  position: sticky !important;
}
@media screen and (min-width: 576px) {
  .sm\:static {
    position: static !important;
  }
  .sm\:fixed {
    position: fixed !important;
  }
  .sm\:absolute {
    position: absolute !important;
  }
  .sm\:relative {
    position: relative !important;
  }
  .sm\:sticky {
    position: sticky !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:static {
    position: static !important;
  }
  .md\:fixed {
    position: fixed !important;
  }
  .md\:absolute {
    position: absolute !important;
  }
  .md\:relative {
    position: relative !important;
  }
  .md\:sticky {
    position: sticky !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:static {
    position: static !important;
  }
  .lg\:fixed {
    position: fixed !important;
  }
  .lg\:absolute {
    position: absolute !important;
  }
  .lg\:relative {
    position: relative !important;
  }
  .lg\:sticky {
    position: sticky !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:static {
    position: static !important;
  }
  .xl\:fixed {
    position: fixed !important;
  }
  .xl\:absolute {
    position: absolute !important;
  }
  .xl\:relative {
    position: relative !important;
  }
  .xl\:sticky {
    position: sticky !important;
  }
}
.top-auto {
  top: auto !important;
}
.top-0 {
  top: 0px !important;
}
.top-50 {
  top: 50% !important;
}
.top-100 {
  top: 100% !important;
}
@media screen and (min-width: 576px) {
  .sm\:top-auto {
    top: auto !important;
  }
  .sm\:top-0 {
    top: 0px !important;
  }
  .sm\:top-50 {
    top: 50% !important;
  }
  .sm\:top-100 {
    top: 100% !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:top-auto {
    top: auto !important;
  }
  .md\:top-0 {
    top: 0px !important;
  }
  .md\:top-50 {
    top: 50% !important;
  }
  .md\:top-100 {
    top: 100% !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:top-auto {
    top: auto !important;
  }
  .lg\:top-0 {
    top: 0px !important;
  }
  .lg\:top-50 {
    top: 50% !important;
  }
  .lg\:top-100 {
    top: 100% !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:top-auto {
    top: auto !important;
  }
  .xl\:top-0 {
    top: 0px !important;
  }
  .xl\:top-50 {
    top: 50% !important;
  }
  .xl\:top-100 {
    top: 100% !important;
  }
}
.left-auto {
  left: auto !important;
}
.left-0 {
  left: 0px !important;
}
.left-50 {
  left: 50% !important;
}
.left-100 {
  left: 100% !important;
}
@media screen and (min-width: 576px) {
  .sm\:left-auto {
    left: auto !important;
  }
  .sm\:left-0 {
    left: 0px !important;
  }
  .sm\:left-50 {
    left: 50% !important;
  }
  .sm\:left-100 {
    left: 100% !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:left-auto {
    left: auto !important;
  }
  .md\:left-0 {
    left: 0px !important;
  }
  .md\:left-50 {
    left: 50% !important;
  }
  .md\:left-100 {
    left: 100% !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:left-auto {
    left: auto !important;
  }
  .lg\:left-0 {
    left: 0px !important;
  }
  .lg\:left-50 {
    left: 50% !important;
  }
  .lg\:left-100 {
    left: 100% !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:left-auto {
    left: auto !important;
  }
  .xl\:left-0 {
    left: 0px !important;
  }
  .xl\:left-50 {
    left: 50% !important;
  }
  .xl\:left-100 {
    left: 100% !important;
  }
}
.right-auto {
  right: auto !important;
}
.right-0 {
  right: 0px !important;
}
.right-50 {
  right: 50% !important;
}
.right-100 {
  right: 100% !important;
}
@media screen and (min-width: 576px) {
  .sm\:right-auto {
    right: auto !important;
  }
  .sm\:right-0 {
    right: 0px !important;
  }
  .sm\:right-50 {
    right: 50% !important;
  }
  .sm\:right-100 {
    right: 100% !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:right-auto {
    right: auto !important;
  }
  .md\:right-0 {
    right: 0px !important;
  }
  .md\:right-50 {
    right: 50% !important;
  }
  .md\:right-100 {
    right: 100% !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:right-auto {
    right: auto !important;
  }
  .lg\:right-0 {
    right: 0px !important;
  }
  .lg\:right-50 {
    right: 50% !important;
  }
  .lg\:right-100 {
    right: 100% !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:right-auto {
    right: auto !important;
  }
  .xl\:right-0 {
    right: 0px !important;
  }
  .xl\:right-50 {
    right: 50% !important;
  }
  .xl\:right-100 {
    right: 100% !important;
  }
}
.bottom-auto {
  bottom: auto !important;
}
.bottom-0 {
  bottom: 0px !important;
}
.bottom-50 {
  bottom: 50% !important;
}
.bottom-100 {
  bottom: 100% !important;
}
@media screen and (min-width: 576px) {
  .sm\:bottom-auto {
    bottom: auto !important;
  }
  .sm\:bottom-0 {
    bottom: 0px !important;
  }
  .sm\:bottom-50 {
    bottom: 50% !important;
  }
  .sm\:bottom-100 {
    bottom: 100% !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:bottom-auto {
    bottom: auto !important;
  }
  .md\:bottom-0 {
    bottom: 0px !important;
  }
  .md\:bottom-50 {
    bottom: 50% !important;
  }
  .md\:bottom-100 {
    bottom: 100% !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:bottom-auto {
    bottom: auto !important;
  }
  .lg\:bottom-0 {
    bottom: 0px !important;
  }
  .lg\:bottom-50 {
    bottom: 50% !important;
  }
  .lg\:bottom-100 {
    bottom: 100% !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:bottom-auto {
    bottom: auto !important;
  }
  .xl\:bottom-0 {
    bottom: 0px !important;
  }
  .xl\:bottom-50 {
    bottom: 50% !important;
  }
  .xl\:bottom-100 {
    bottom: 100% !important;
  }
}
.overflow-auto {
  overflow: auto !important;
}
.overflow-hidden {
  overflow: hidden !important;
}
.overflow-visible {
  overflow: visible !important;
}
.overflow-scroll {
  overflow: scroll !important;
}
@media screen and (min-width: 576px) {
  .sm\:overflow-auto {
    overflow: auto !important;
  }
  .sm\:overflow-hidden {
    overflow: hidden !important;
  }
  .sm\:overflow-visible {
    overflow: visible !important;
  }
  .sm\:overflow-scroll {
    overflow: scroll !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:overflow-auto {
    overflow: auto !important;
  }
  .md\:overflow-hidden {
    overflow: hidden !important;
  }
  .md\:overflow-visible {
    overflow: visible !important;
  }
  .md\:overflow-scroll {
    overflow: scroll !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:overflow-auto {
    overflow: auto !important;
  }
  .lg\:overflow-hidden {
    overflow: hidden !important;
  }
  .lg\:overflow-visible {
    overflow: visible !important;
  }
  .lg\:overflow-scroll {
    overflow: scroll !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:overflow-auto {
    overflow: auto !important;
  }
  .xl\:overflow-hidden {
    overflow: hidden !important;
  }
  .xl\:overflow-visible {
    overflow: visible !important;
  }
  .xl\: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;
}
@media screen and (min-width: 576px) {
  .sm\:overflow-x-auto {
    overflow-x: auto !important;
  }
  .sm\:overflow-x-hidden {
    overflow-x: hidden !important;
  }
  .sm\:overflow-x-visible {
    overflow-x: visible !important;
  }
  .sm\:overflow-x-scroll {
    overflow-x: scroll !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:overflow-x-auto {
    overflow-x: auto !important;
  }
  .md\:overflow-x-hidden {
    overflow-x: hidden !important;
  }
  .md\:overflow-x-visible {
    overflow-x: visible !important;
  }
  .md\:overflow-x-scroll {
    overflow-x: scroll !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:overflow-x-auto {
    overflow-x: auto !important;
  }
  .lg\:overflow-x-hidden {
    overflow-x: hidden !important;
  }
  .lg\:overflow-x-visible {
    overflow-x: visible !important;
  }
  .lg\:overflow-x-scroll {
    overflow-x: scroll !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:overflow-x-auto {
    overflow-x: auto !important;
  }
  .xl\:overflow-x-hidden {
    overflow-x: hidden !important;
  }
  .xl\:overflow-x-visible {
    overflow-x: visible !important;
  }
  .xl\: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;
}
@media screen and (min-width: 576px) {
  .sm\:overflow-y-auto {
    overflow-y: auto !important;
  }
  .sm\:overflow-y-hidden {
    overflow-y: hidden !important;
  }
  .sm\:overflow-y-visible {
    overflow-y: visible !important;
  }
  .sm\:overflow-y-scroll {
    overflow-y: scroll !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:overflow-y-auto {
    overflow-y: auto !important;
  }
  .md\:overflow-y-hidden {
    overflow-y: hidden !important;
  }
  .md\:overflow-y-visible {
    overflow-y: visible !important;
  }
  .md\:overflow-y-scroll {
    overflow-y: scroll !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:overflow-y-auto {
    overflow-y: auto !important;
  }
  .lg\:overflow-y-hidden {
    overflow-y: hidden !important;
  }
  .lg\:overflow-y-visible {
    overflow-y: visible !important;
  }
  .lg\:overflow-y-scroll {
    overflow-y: scroll !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:overflow-y-auto {
    overflow-y: auto !important;
  }
  .xl\:overflow-y-hidden {
    overflow-y: hidden !important;
  }
  .xl\:overflow-y-visible {
    overflow-y: visible !important;
  }
  .xl\:overflow-y-scroll {
    overflow-y: scroll !important;
  }
}
.z-auto {
  z-index: auto !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;
}
.z-4 {
  z-index: 4 !important;
}
.z-5 {
  z-index: 5 !important;
}
@media screen and (min-width: 576px) {
  .sm\:z-auto {
    z-index: auto !important;
  }
  .sm\:z-0 {
    z-index: 0 !important;
  }
  .sm\:z-1 {
    z-index: 1 !important;
  }
  .sm\:z-2 {
    z-index: 2 !important;
  }
  .sm\:z-3 {
    z-index: 3 !important;
  }
  .sm\:z-4 {
    z-index: 4 !important;
  }
  .sm\:z-5 {
    z-index: 5 !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:z-auto {
    z-index: auto !important;
  }
  .md\:z-0 {
    z-index: 0 !important;
  }
  .md\:z-1 {
    z-index: 1 !important;
  }
  .md\:z-2 {
    z-index: 2 !important;
  }
  .md\:z-3 {
    z-index: 3 !important;
  }
  .md\:z-4 {
    z-index: 4 !important;
  }
  .md\:z-5 {
    z-index: 5 !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:z-auto {
    z-index: auto !important;
  }
  .lg\:z-0 {
    z-index: 0 !important;
  }
  .lg\:z-1 {
    z-index: 1 !important;
  }
  .lg\:z-2 {
    z-index: 2 !important;
  }
  .lg\:z-3 {
    z-index: 3 !important;
  }
  .lg\:z-4 {
    z-index: 4 !important;
  }
  .lg\:z-5 {
    z-index: 5 !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:z-auto {
    z-index: auto !important;
  }
  .xl\:z-0 {
    z-index: 0 !important;
  }
  .xl\:z-1 {
    z-index: 1 !important;
  }
  .xl\:z-2 {
    z-index: 2 !important;
  }
  .xl\:z-3 {
    z-index: 3 !important;
  }
  .xl\:z-4 {
    z-index: 4 !important;
  }
  .xl\:z-5 {
    z-index: 5 !important;
  }
}
.bg-repeat {
  background-repeat: repeat !important;
}
.bg-no-repeat {
  background-repeat: no-repeat !important;
}
.bg-repeat-x {
  background-repeat: repeat-x !important;
}
.bg-repeat-y {
  background-repeat: repeat-y !important;
}
.bg-repeat-round {
  background-repeat: round !important;
}
.bg-repeat-space {
  background-repeat: space !important;
}
@media screen and (min-width: 576px) {
  .sm\:bg-repeat {
    background-repeat: repeat !important;
  }
  .sm\:bg-no-repeat {
    background-repeat: no-repeat !important;
  }
  .sm\:bg-repeat-x {
    background-repeat: repeat-x !important;
  }
  .sm\:bg-repeat-y {
    background-repeat: repeat-y !important;
  }
  .sm\:bg-repeat-round {
    background-repeat: round !important;
  }
  .sm\:bg-repeat-space {
    background-repeat: space !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:bg-repeat {
    background-repeat: repeat !important;
  }
  .md\:bg-no-repeat {
    background-repeat: no-repeat !important;
  }
  .md\:bg-repeat-x {
    background-repeat: repeat-x !important;
  }
  .md\:bg-repeat-y {
    background-repeat: repeat-y !important;
  }
  .md\:bg-repeat-round {
    background-repeat: round !important;
  }
  .md\:bg-repeat-space {
    background-repeat: space !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:bg-repeat {
    background-repeat: repeat !important;
  }
  .lg\:bg-no-repeat {
    background-repeat: no-repeat !important;
  }
  .lg\:bg-repeat-x {
    background-repeat: repeat-x !important;
  }
  .lg\:bg-repeat-y {
    background-repeat: repeat-y !important;
  }
  .lg\:bg-repeat-round {
    background-repeat: round !important;
  }
  .lg\:bg-repeat-space {
    background-repeat: space !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:bg-repeat {
    background-repeat: repeat !important;
  }
  .xl\:bg-no-repeat {
    background-repeat: no-repeat !important;
  }
  .xl\:bg-repeat-x {
    background-repeat: repeat-x !important;
  }
  .xl\:bg-repeat-y {
    background-repeat: repeat-y !important;
  }
  .xl\:bg-repeat-round {
    background-repeat: round !important;
  }
  .xl\:bg-repeat-space {
    background-repeat: space !important;
  }
}
.bg-auto {
  background-size: auto !important;
}
.bg-cover {
  background-size: cover !important;
}
.bg-contain {
  background-size: contain !important;
}
@media screen and (min-width: 576px) {
  .sm\:bg-auto {
    background-size: auto !important;
  }
  .sm\:bg-cover {
    background-size: cover !important;
  }
  .sm\:bg-contain {
    background-size: contain !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:bg-auto {
    background-size: auto !important;
  }
  .md\:bg-cover {
    background-size: cover !important;
  }
  .md\:bg-contain {
    background-size: contain !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:bg-auto {
    background-size: auto !important;
  }
  .lg\:bg-cover {
    background-size: cover !important;
  }
  .lg\:bg-contain {
    background-size: contain !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:bg-auto {
    background-size: auto !important;
  }
  .xl\:bg-cover {
    background-size: cover !important;
  }
  .xl\:bg-contain {
    background-size: contain !important;
  }
}
.bg-bottom {
  background-position: bottom !important;
}
.bg-center {
  background-position: center !important;
}
.bg-left {
  background-position: left !important;
}
.bg-left-bottom {
  background-position: left bottom !important;
}
.bg-left-top {
  background-position: left top !important;
}
.bg-right {
  background-position: right !important;
}
.bg-right-bottom {
  background-position: right bottom !important;
}
.bg-right-top {
  background-position: right top !important;
}
.bg-top {
  background-position: top !important;
}
@media screen and (min-width: 576px) {
  .sm\:bg-bottom {
    background-position: bottom !important;
  }
  .sm\:bg-center {
    background-position: center !important;
  }
  .sm\:bg-left {
    background-position: left !important;
  }
  .sm\:bg-left-bottom {
    background-position: left bottom !important;
  }
  .sm\:bg-left-top {
    background-position: left top !important;
  }
  .sm\:bg-right {
    background-position: right !important;
  }
  .sm\:bg-right-bottom {
    background-position: right bottom !important;
  }
  .sm\:bg-right-top {
    background-position: right top !important;
  }
  .sm\:bg-top {
    background-position: top !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:bg-bottom {
    background-position: bottom !important;
  }
  .md\:bg-center {
    background-position: center !important;
  }
  .md\:bg-left {
    background-position: left !important;
  }
  .md\:bg-left-bottom {
    background-position: left bottom !important;
  }
  .md\:bg-left-top {
    background-position: left top !important;
  }
  .md\:bg-right {
    background-position: right !important;
  }
  .md\:bg-right-bottom {
    background-position: right bottom !important;
  }
  .md\:bg-right-top {
    background-position: right top !important;
  }
  .md\:bg-top {
    background-position: top !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:bg-bottom {
    background-position: bottom !important;
  }
  .lg\:bg-center {
    background-position: center !important;
  }
  .lg\:bg-left {
    background-position: left !important;
  }
  .lg\:bg-left-bottom {
    background-position: left bottom !important;
  }
  .lg\:bg-left-top {
    background-position: left top !important;
  }
  .lg\:bg-right {
    background-position: right !important;
  }
  .lg\:bg-right-bottom {
    background-position: right bottom !important;
  }
  .lg\:bg-right-top {
    background-position: right top !important;
  }
  .lg\:bg-top {
    background-position: top !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:bg-bottom {
    background-position: bottom !important;
  }
  .xl\:bg-center {
    background-position: center !important;
  }
  .xl\:bg-left {
    background-position: left !important;
  }
  .xl\:bg-left-bottom {
    background-position: left bottom !important;
  }
  .xl\:bg-left-top {
    background-position: left top !important;
  }
  .xl\:bg-right {
    background-position: right !important;
  }
  .xl\:bg-right-bottom {
    background-position: right bottom !important;
  }
  .xl\:bg-right-top {
    background-position: right top !important;
  }
  .xl\:bg-top {
    background-position: top !important;
  }
}
.select-none {
  -webkit-user-select: none !important;
     -moz-user-select: none !important;
          user-select: none !important;
}
.select-text {
  -webkit-user-select: text !important;
     -moz-user-select: text !important;
          user-select: text !important;
}
.select-all {
  -webkit-user-select: all !important;
     -moz-user-select: all !important;
          user-select: all !important;
}
.select-auto {
  -webkit-user-select: auto !important;
     -moz-user-select: auto !important;
          user-select: auto !important;
}
.list-none {
  list-style: none !important;
}
.list-disc {
  list-style: disc !important;
}
.list-decimal {
  list-style: decimal !important;
}
.appearance-none {
  -webkit-appearance: none !important;
     -moz-appearance: none !important;
          appearance: none !important;
}
.outline-none {
  outline: none !important;
}
.pointer-events-none {
  pointer-events: none !important;
}
.pointer-events-auto {
  pointer-events: auto !important;
}
.cursor-auto {
  cursor: auto !important;
}
.cursor-pointer {
  cursor: pointer !important;
}
.cursor-wait {
  cursor: wait !important;
}
.cursor-move {
  cursor: move !important;
}
.select-none {
  -webkit-user-select: none !important;
     -moz-user-select: none !important;
          user-select: none !important;
}
.select-text {
  -webkit-user-select: text !important;
     -moz-user-select: text !important;
          user-select: text !important;
}
.select-all {
  -webkit-user-select: all !important;
     -moz-user-select: all !important;
          user-select: all !important;
}
.select-auto {
  -webkit-user-select: auto !important;
     -moz-user-select: auto !important;
          user-select: auto !important;
}
.opacity-0 {
  opacity: 0 !important;
}
.opacity-10 {
  opacity: .1 !important;
}
.opacity-20 {
  opacity: .2 !important;
}
.opacity-30 {
  opacity: .3 !important;
}
.opacity-40 {
  opacity: .4 !important;
}
.opacity-50 {
  opacity: .5 !important;
}
.opacity-60 {
  opacity: .6 !important;
}
.opacity-70 {
  opacity: .7 !important;
}
.opacity-80 {
  opacity: .8 !important;
}
.opacity-90 {
  opacity: .9 !important;
}
.opacity-100 {
  opacity: 1 !important;
}
.reset {
  all: unset;
}
.transition-none {
  transition-property: none !important;
}
.transition-all {
  transition-property: all !important;
}
.transition-colors {
  transition-property: background-color,border-color,color !important;
}
.transition-transform {
  transition-property: transform !important;
}
.transition-duration-100 {
  transition-duration: 100ms !important;
}
.transition-duration-150 {
  transition-duration: 150ms !important;
}
.transition-duration-200 {
  transition-duration: 200ms !important;
}
.transition-duration-300 {
  transition-duration: 300ms !important;
}
.transition-duration-400 {
  transition-duration: 400ms !important;
}
.transition-duration-500 {
  transition-duration: 500ms !important;
}
.transition-duration-1000 {
  transition-duration: 1000ms !important;
}
.transition-duration-2000 {
  transition-duration: 2000ms !important;
}
.transition-duration-3000 {
  transition-duration: 3000ms !important;
}
.transition-linear {
  transition-timing-function: linear !important;
}
.transition-ease-in {
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1) !important;
}
.transition-ease-out {
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1) !important;
}
.transition-ease-in-out {
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.transition-delay-100 {
  transition-delay: 100ms !important;
}
.transition-delay-150 {
  transition-delay: 150ms !important;
}
.transition-delay-200 {
  transition-delay: 200ms !important;
}
.transition-delay-300 {
  transition-delay: 300ms !important;
}
.transition-delay-400 {
  transition-delay: 400ms !important;
}
.transition-delay-500 {
  transition-delay: 500ms !important;
}
.transition-delay-1000 {
  transition-delay: 1000ms !important;
}
.translate-x-0 {
  transform: translateX(0%) !important;
}
.translate-x-100 {
  transform: translateX(100%) !important;
}
.-translate-x-100 {
  transform: translateX(-100%) !important;
}
.translate-y-0 {
  transform: translateY(0%) !important;
}
.translate-y-100 {
  transform: translateY(100%) !important;
}
.-translate-y-100 {
  transform: translateY(-100%) !important;
}
@media screen and (min-width: 576px) {
  .sm\:translate-x-0 {
    transform: translateX(0%) !important;
  }
  .sm\:translate-x-100 {
    transform: translateX(100%) !important;
  }
  .sm\:-translate-x-100 {
    transform: translateX(-100%) !important;
  }
  .sm\:translate-y-0 {
    transform: translateY(0%) !important;
  }
  .sm\:translate-y-100 {
    transform: translateY(100%) !important;
  }
  .sm\:-translate-y-100 {
    transform: translateY(-100%) !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:translate-x-0 {
    transform: translateX(0%) !important;
  }
  .md\:translate-x-100 {
    transform: translateX(100%) !important;
  }
  .md\:-translate-x-100 {
    transform: translateX(-100%) !important;
  }
  .md\:translate-y-0 {
    transform: translateY(0%) !important;
  }
  .md\:translate-y-100 {
    transform: translateY(100%) !important;
  }
  .md\:-translate-y-100 {
    transform: translateY(-100%) !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:translate-x-0 {
    transform: translateX(0%) !important;
  }
  .lg\:translate-x-100 {
    transform: translateX(100%) !important;
  }
  .lg\:-translate-x-100 {
    transform: translateX(-100%) !important;
  }
  .lg\:translate-y-0 {
    transform: translateY(0%) !important;
  }
  .lg\:translate-y-100 {
    transform: translateY(100%) !important;
  }
  .lg\:-translate-y-100 {
    transform: translateY(-100%) !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:translate-x-0 {
    transform: translateX(0%) !important;
  }
  .xl\:translate-x-100 {
    transform: translateX(100%) !important;
  }
  .xl\:-translate-x-100 {
    transform: translateX(-100%) !important;
  }
  .xl\:translate-y-0 {
    transform: translateY(0%) !important;
  }
  .xl\:translate-y-100 {
    transform: translateY(100%) !important;
  }
  .xl\:-translate-y-100 {
    transform: translateY(-100%) !important;
  }
}
.rotate-45 {
  transform: rotate(45deg) !important;
}
.-rotate-45 {
  transform: rotate(-45deg) !important;
}
.rotate-90 {
  transform: rotate(90deg) !important;
}
.-rotate-90 {
  transform: rotate(-90deg) !important;
}
.rotate-180 {
  transform: rotate(180deg) !important;
}
.-rotate-180 {
  transform: rotate(-180deg) !important;
}
@media screen and (min-width: 576px) {
  .sm\:rotate-45 {
    transform: rotate(45deg) !important;
  }
  .sm\:-rotate-45 {
    transform: rotate(-45deg) !important;
  }
  .sm\:rotate-90 {
    transform: rotate(90deg) !important;
  }
  .sm\:-rotate-90 {
    transform: rotate(-90deg) !important;
  }
  .sm\:rotate-180 {
    transform: rotate(180deg) !important;
  }
  .sm\:-rotate-180 {
    transform: rotate(-180deg) !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:rotate-45 {
    transform: rotate(45deg) !important;
  }
  .md\:-rotate-45 {
    transform: rotate(-45deg) !important;
  }
  .md\:rotate-90 {
    transform: rotate(90deg) !important;
  }
  .md\:-rotate-90 {
    transform: rotate(-90deg) !important;
  }
  .md\:rotate-180 {
    transform: rotate(180deg) !important;
  }
  .md\:-rotate-180 {
    transform: rotate(-180deg) !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:rotate-45 {
    transform: rotate(45deg) !important;
  }
  .lg\:-rotate-45 {
    transform: rotate(-45deg) !important;
  }
  .lg\:rotate-90 {
    transform: rotate(90deg) !important;
  }
  .lg\:-rotate-90 {
    transform: rotate(-90deg) !important;
  }
  .lg\:rotate-180 {
    transform: rotate(180deg) !important;
  }
  .lg\:-rotate-180 {
    transform: rotate(-180deg) !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:rotate-45 {
    transform: rotate(45deg) !important;
  }
  .xl\:-rotate-45 {
    transform: rotate(-45deg) !important;
  }
  .xl\:rotate-90 {
    transform: rotate(90deg) !important;
  }
  .xl\:-rotate-90 {
    transform: rotate(-90deg) !important;
  }
  .xl\:rotate-180 {
    transform: rotate(180deg) !important;
  }
  .xl\:-rotate-180 {
    transform: rotate(-180deg) !important;
  }
}
.origin-center {
  transform-origin: center !important;
}
.origin-top {
  transform-origin: top !important;
}
.origin-top-right {
  transform-origin: top right !important;
}
.origin-right {
  transform-origin: right !important;
}
.origin-bottom-right {
  transform-origin: bottom right !important;
}
.origin-bottom {
  transform-origin: bottom !important;
}
.origin-bottom-left {
  transform-origin: bottom left !important;
}
.origin-left {
  transform-origin: left !important;
}
.origin-top-left {
  transform-origin: top-left !important;
}
@media screen and (min-width: 576px) {
  .sm\:origin-center {
    transform-origin: center !important;
  }
  .sm\:origin-top {
    transform-origin: top !important;
  }
  .sm\:origin-top-right {
    transform-origin: top right !important;
  }
  .sm\:origin-right {
    transform-origin: right !important;
  }
  .sm\:origin-bottom-right {
    transform-origin: bottom right !important;
  }
  .sm\:origin-bottom {
    transform-origin: bottom !important;
  }
  .sm\:origin-bottom-left {
    transform-origin: bottom left !important;
  }
  .sm\:origin-left {
    transform-origin: left !important;
  }
  .sm\:origin-top-left {
    transform-origin: top-left !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:origin-center {
    transform-origin: center !important;
  }
  .md\:origin-top {
    transform-origin: top !important;
  }
  .md\:origin-top-right {
    transform-origin: top right !important;
  }
  .md\:origin-right {
    transform-origin: right !important;
  }
  .md\:origin-bottom-right {
    transform-origin: bottom right !important;
  }
  .md\:origin-bottom {
    transform-origin: bottom !important;
  }
  .md\:origin-bottom-left {
    transform-origin: bottom left !important;
  }
  .md\:origin-left {
    transform-origin: left !important;
  }
  .md\:origin-top-left {
    transform-origin: top-left !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:origin-center {
    transform-origin: center !important;
  }
  .lg\:origin-top {
    transform-origin: top !important;
  }
  .lg\:origin-top-right {
    transform-origin: top right !important;
  }
  .lg\:origin-right {
    transform-origin: right !important;
  }
  .lg\:origin-bottom-right {
    transform-origin: bottom right !important;
  }
  .lg\:origin-bottom {
    transform-origin: bottom !important;
  }
  .lg\:origin-bottom-left {
    transform-origin: bottom left !important;
  }
  .lg\:origin-left {
    transform-origin: left !important;
  }
  .lg\:origin-top-left {
    transform-origin: top-left !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:origin-center {
    transform-origin: center !important;
  }
  .xl\:origin-top {
    transform-origin: top !important;
  }
  .xl\:origin-top-right {
    transform-origin: top right !important;
  }
  .xl\:origin-right {
    transform-origin: right !important;
  }
  .xl\:origin-bottom-right {
    transform-origin: bottom right !important;
  }
  .xl\:origin-bottom {
    transform-origin: bottom !important;
  }
  .xl\:origin-bottom-left {
    transform-origin: bottom left !important;
  }
  .xl\:origin-left {
    transform-origin: left !important;
  }
  .xl\:origin-top-left {
    transform-origin: top-left !important;
  }
}
@keyframes fadein {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeout {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes scalein {
  0% {
    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);
  }
  100% {
    opacity: 1;
    transform: scaleY(1);
  }
}
@keyframes slidedown {
  0% {
    max-height: 0;
  }
  100% {
    max-height: auto;
  }
}
@keyframes slideup {
  0% {
    max-height: 1000px;
  }
  100% {
    max-height: 0;
  }
}
@keyframes fadeinleft {
  0% {
    opacity: 0;
    transform: translateX(-100%);
    transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
  }
  100% {
    opacity: 1;
    transform: translateX(0%);
  }
}
@keyframes fadeoutleft {
  0% {
    opacity: 1;
    transform: translateX(0%);
    transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
  }
  100% {
    opacity: 0;
    transform: translateX(-100%);
  }
}
@keyframes fadeinright {
  0% {
    opacity: 0;
    transform: translateX(100%);
    transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
  }
  100% {
    opacity: 1;
    transform: translateX(0%);
  }
}
@keyframes fadeoutright {
  0% {
    opacity: 1;
    transform: translateX(0%);
    transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
  }
  100% {
    opacity: 0;
    transform: translateX(100%);
  }
}
@keyframes fadeinup {
  0% {
    opacity: 0;
    transform: translateY(-100%);
    transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
  }
  100% {
    opacity: 1;
    transform: translateY(0%);
  }
}
@keyframes fadeoutup {
  0% {
    opacity: 1;
    transform: translateY(0%);
    transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
  }
  100% {
    opacity: 0;
    transform: translateY(-100%);
  }
}
@keyframes fadeindown {
  0% {
    opacity: 0;
    transform: translateY(100%);
    transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
  }
  100% {
    opacity: 1;
    transform: translateY(0%);
  }
}
@keyframes fadeoutdown {
  0% {
    opacity: 1;
    transform: translateY(0%);
    transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
  }
  100% {
    opacity: 0;
    transform: translateY(100%);
  }
}
@keyframes animate-width {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
@keyframes flip {
  from {
    transform: perspective(2000px) rotateX(-100deg);
  }
  to {
    transform: perspective(2000px) rotateX(0);
  }
}
@keyframes flipleft {
  from {
    transform: perspective(2000px) rotateY(-100deg);
    opacity: 0;
  }
  to {
    transform: perspective(2000px) rotateY(0);
    opacity: 1;
  }
}
@keyframes flipright {
  from {
    transform: perspective(2000px) rotateY(100deg);
    opacity: 0;
  }
  to {
    transform: perspective(2000px) rotateY(0);
    opacity: 1;
  }
}
@keyframes flipup {
  from {
    transform: perspective(2000px) rotateX(-100deg);
    opacity: 0;
  }
  to {
    transform: perspective(2000px) rotateX(0);
    opacity: 1;
  }
}
@keyframes zoomin {
  from {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
@keyframes zoomindown {
  from {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
  }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
  }
}
@keyframes zoominleft {
  from {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
  }
}
@keyframes zoominright {
  from {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
  }
}
@keyframes zoominup {
  from {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
  }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
  }
}
.fadein {
  animation: fadein 0.15s linear;
}
.fadeout {
  animation: fadeout 0.15s linear;
}
.slidedown {
  animation: slidedown 0.45s ease-in-out;
}
.slideup {
  animation: slideup 0.45s cubic-bezier(0, 1, 0, 1);
}
.scalein {
  animation: scalein 0.15s linear;
}
.fadeinleft {
  animation: fadeinleft 0.15s linear;
}
.fadeoutleft {
  animation: fadeoutleft 0.15s linear;
}
.fadeinright {
  animation: fadeinright 0.15s linear;
}
.fadeoutright {
  animation: fadeoutright 0.15s linear;
}
.fadeinup {
  animation: fadeinup 0.15s linear;
}
.fadeoutup {
  animation: fadeoutup 0.15s linear;
}
.fadeindown {
  animation: fadeindown 0.15s linear;
}
.fadeoutdown {
  animation: fadeoutdown 0.15s linear;
}
.animate-width {
  animation: animate-width 1000ms linear;
}
.flip {
  backface-visibility: visible;
  animation: flip 0.15s linear;
}
.flipup {
  backface-visibility: visible;
  animation: flipup 0.15s linear;
}
.flipleft {
  backface-visibility: visible;
  animation: flipleft 0.15s linear;
}
.flipright {
  backface-visibility: visible;
  animation: flipright 0.15s linear;
}
.zoomin {
  animation: zoomin 0.15s linear;
}
.zoomindown {
  animation: zoomindown 0.15s linear;
}
.zoominleft {
  animation: zoominleft 0.15s linear;
}
.zoominright {
  animation: zoominright 0.15s linear;
}
.zoominup {
  animation: zoominup 0.15s linear;
}
.animation-duration-100 {
  animation-duration: 100ms !important;
}
.animation-duration-150 {
  animation-duration: 150ms !important;
}
.animation-duration-200 {
  animation-duration: 200ms !important;
}
.animation-duration-300 {
  animation-duration: 300ms !important;
}
.animation-duration-400 {
  animation-duration: 400ms !important;
}
.animation-duration-500 {
  animation-duration: 500ms !important;
}
.animation-duration-1000 {
  animation-duration: 1000ms !important;
}
.animation-duration-2000 {
  animation-duration: 2000ms !important;
}
.animation-duration-3000 {
  animation-duration: 3000ms !important;
}
.animation-delay-100 {
  animation-delay: 100ms !important;
}
.animation-delay-150 {
  animation-delay: 150ms !important;
}
.animation-delay-200 {
  animation-delay: 200ms !important;
}
.animation-delay-300 {
  animation-delay: 300ms !important;
}
.animation-delay-400 {
  animation-delay: 400ms !important;
}
.animation-delay-500 {
  animation-delay: 500ms !important;
}
.animation-delay-1000 {
  animation-delay: 1000ms !important;
}
.animation-iteration-1 {
  animation-iteration-count: 1 !important;
}
.animation-iteration-2 {
  animation-iteration-count: 2 !important;
}
.animation-iteration-infinite {
  animation-iteration-count: infinite !important;
}
.animation-linear {
  animation-timing-function: linear !important;
}
.animation-ease-in {
  animation-timing-function: cubic-bezier(0.4, 0, 1, 1) !important;
}
.animation-ease-out {
  animation-timing-function: cubic-bezier(0, 0, 0.2, 1) !important;
}
.animation-ease-in-out {
  animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.animation-fill-none {
  animation-fill-mode: none !important;
}
.animation-fill-forwards {
  animation-fill-mode: forwards !important;
}
.animation-fill-backwards {
  animation-fill-mode: backwards !important;
}
.animation-fill-both {
  animation-fill-mode: both !important;
}
:root {
  --scope-color-center-tint: #f5f9ff;
  --scope-color-center-accent: #1a75a8;
  --scope-color-center-border: #dbeafe;
  --scope-color-center-coin-top: #4aa8e0;
  --scope-color-center-coin-bottom: #1a75a8;
  --scope-color-center-coin-foreground: #ffffff;
  --scope-color-center-coin-shadow: rgba(26, 117, 168, 0.35);
  --scope-color-center-hero-top: #4aa8e0;
  --scope-color-center-hero-bottom: #1a75a8;
  --scope-color-organization-tint: #ecfdf5;
  --scope-color-organization-accent: #047857;
  --scope-color-organization-border: #a7f3d0;
  --scope-color-organization-coin-top: #3db68c;
  --scope-color-organization-coin-bottom: #047857;
  --scope-color-organization-coin-foreground: #ffffff;
  --scope-color-organization-coin-shadow: rgba(4, 120, 87, 0.35);
  --scope-color-organization-hero-top: #3db68c;
  --scope-color-organization-hero-bottom: #047857;
  --scope-color-metasphere-tint: #f5f3ff;
  --scope-color-metasphere-accent: #5b21b6;
  --scope-color-metasphere-border: #ddd6fe;
  --scope-color-metasphere-coin-top: #8b5cf6;
  --scope-color-metasphere-coin-bottom: #5b21b6;
  --scope-color-metasphere-coin-foreground: #ffffff;
  --scope-color-metasphere-coin-shadow: rgba(91, 33, 182, 0.35);
  --scope-color-metasphere-hero-top: #8b5cf6;
  --scope-color-metasphere-hero-bottom: #5b21b6;
  --scope-color-all-tint: var(--component-background);
  --scope-color-all-accent: var(--primary-text-color);
  --scope-color-all-border: var(--primary-border);
  --scope-color-all-coin-top: #94a3b8;
  --scope-color-all-coin-bottom: #475569;
  --scope-color-all-coin-foreground: #ffffff;
  --scope-color-all-coin-shadow: rgba(71, 85, 105, 0.3);
  --scope-coin-default-shadow: rgba(6, 44, 88, 0.18);
  --scope-coin-inner-highlight: rgba(255, 255, 255, 0.3);
  --scope-coin-inner-depth: rgba(0, 0, 0, 0.12);
  --marketplace-page-bg: #eff3f8;
  --marketplace-control-border: #e5e7eb;
  --marketplace-primary-button-bg: #377fc4;
  --marketplace-primary-button-fg: #ffffff;
  --scope-color-hero-foreground: #ffffff;
  --scope-color-hero-shadow: rgba(6, 44, 88, 0.35);
  --scope-color-hero-nav-bg: rgba(255, 255, 255, 0.18);
  --scope-color-hero-nav-bg-hover: rgba(255, 255, 255, 0.32);
  --scope-color-hero-dot-idle: rgba(255, 255, 255, 0.4);
  --scope-color-hero-dot-active: rgba(255, 255, 255, 0.95);
  --scope-color-hero-cta-bg: rgba(255, 255, 255, 0.16);
  --scope-color-hero-cta-bg-hover: rgba(255, 255, 255, 0.26);
  --scope-color-hero-cta-border: rgba(255, 255, 255, 0.4);
  --scope-color-hero-depth-highlight: rgba(255, 255, 255, 0.18);
  --scope-color-hero-depth-shadow: rgba(0, 0, 0, 0.22);
  --scope-color-hero-ornament-ring-outer: rgba(255, 255, 255, 0.16);
  --scope-color-hero-ornament-ring-inner: rgba(255, 255, 255, 0.26);
  --scope-color-hero-required-bg: rgba(255, 255, 255, 0.18);
  --scope-color-hero-tile-bg: rgba(255, 255, 255, 0.14);
  --scope-color-hero-tile-border: rgba(255, 255, 255, 0.22);
  --scope-color-hero-star-idle: rgba(255, 255, 255, 0.55);
  --scope-color-hero-star-filled: #fbbf24;
  --scope-color-center-tile-bg: rgba(255, 188, 120, 0.32);
  --scope-color-organization-tile-bg: rgba(61, 182, 140, 0.3);
  --scope-color-metasphere-tile-bg: rgba(139, 92, 246, 0.3);
}
[data-theme=dark] {
  --status-tone-success-bg: rgba(16, 185, 129, 0.15);
  --status-tone-success-border: rgba(16, 185, 129, 0.3);
  --status-tone-success-fg: #6ee7b7;
  --status-tone-warn-bg: rgba(245, 158, 11, 0.15);
  --status-tone-warn-border: rgba(245, 158, 11, 0.3);
  --status-tone-warn-fg: #fcd34d;
  --status-tone-danger-bg: rgba(239, 68, 68, 0.15);
  --status-tone-danger-border: rgba(239, 68, 68, 0.3);
  --status-tone-danger-fg: #fca5a5;
  --status-tone-info-bg: rgba(55, 127, 196, 0.15);
  --status-tone-info-border: rgba(55, 127, 196, 0.3);
  --status-tone-info-fg: #93c5fd;
  --status-tone-neutral-bg: rgba(148, 163, 184, 0.15);
  --status-tone-neutral-border: rgba(148, 163, 184, 0.3);
  --status-tone-neutral-fg: #94a3b8;
  --marketplace-control-border-dark: #3a3a52;
  --marketplace-row-hover-bg-dark: #24243a;
  --marketplace-page-bg: var(--surface-ground);
  --marketplace-control-border: rgba(255, 255, 255, 0.12);
  --marketplace-badge-bg: rgba(255, 255, 255, 0.08);
  --marketplace-breadcrumb-color: var(--secondary-text-color);
  --marketplace-active-bg: var(--cta-secondary-color);
  --marketplace-active-fg: #ffffff;
  --marketplace-subtle-text-color: var(--secondary-text-color);
  --subtle-surface: rgba(255, 255, 255, 0.06);
  --scope-active-fill: var(--cta-secondary-color);
  --cta-secondary-contrast: #ffffff;
  --marketplace-title-color: var(--primary-text-color);
  --marketplace-chip-border: rgba(255, 255, 255, 0.12);
  --marketplace-chip-border-hover: rgba(255, 255, 255, 0.25);
  --marketplace-control-hover-border: var(--cta-secondary-color);
  --marketplace-row-hover-bg: rgba(255, 255, 255, 0.04);
  --marketplace-muted: rgba(255, 255, 255, 0.05);
  --marketplace-muted-fg: var(--secondary-text-color);
  --marketplace-owner-fg: var(--primary-text-color);
}
:root {
  /* Semantic status ramps — used by sparkline, pills, status chips */
  --success-50: #ecfdf5;
  --success-500: #10b981;
  --success-700: #047857;
  --warning-50: #fffbeb;
  --warning-500: #f59e0b;
  --warning-700: #b45309;
  --danger-50: #fef2f2;
  --danger-100: #fecaca;
  --danger-500: #ef4444;
  --danger-700: #b91c1c;
  --info-50: #f5f9ff;
  --info-500: #377fc4;
  --info-700: #1a75a8;
  --neutral-300: #cbd5e1;
  --neutral-400: #94a3b8;
  /* Text ramp */
  --text-color: #062c58;
  --text-color-muted: #4a6d98;
  --text-color-subtle: #6b7f99;
  /* Surface */
  --surface-ground: #eff3f8;
  --surface-raised: #ffffff;
  --surface-sunken: #f5f9ff;
  --surface-subtle: #fafbfc;
  /* Border */
  --border-color: #e5e7eb;
  --border-color-soft: #f1f5f9;
  --border-color-hover: #93c5fd;
  /* Radius */
  --radius-xs: 4px;
  --radius-sm: 6px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-xl: 14px;
  --radius-pill: 9999px;
  /* Shadows */
  --shadow-sm: 0 1px 2px rgba(74, 100, 126, 0.08), 0 1px 1px rgba(6, 44, 88, 0.04);
  --shadow-md: 0 4px 8px -2px rgba(6, 44, 88, 0.12), 0 2px 4px -1px rgba(6, 44, 88, 0.06);
  --shadow-primary-btn: 0 2px 6px -1px rgba(55, 127, 196, 0.4);
}
.p-calendar {
  border-radius: 20px;
  border: var(--primary-border);
  background: var(--Search-input-box);
  box-shadow: 2px 2px 7px 2px rgba(30, 84, 156, 0.18) inset, -3px -1px 10px 0px rgba(160, 183, 202, 0.15) inset;
  color: var(--primary-text-color);
}
.p-calendar::-moz-placeholder {
  color: var(--primary-text-color);
  opacity: 0.8; /* Ensures the placeholder is fully opaque */
}
.p-calendar::placeholder {
  color: var(--primary-text-color);
  opacity: 0.8; /* Ensures the placeholder is fully opaque */
}
.p-calendar-input {
  background-color: transparent;
  border: none;
  box-shadow: none;
}
.p-inputtext {
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  font-family: "Manrope";
  border: none;
  background: transparent;
  color: var(--primary-text-color);
}
.user-profile-icon {
  background-image: url('data:image/svg+xml;utf8,<svg width="26" height="26" viewBox="0 0 26 26" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="user-circle-single--circle-geometric-human-person-single-user"><g id="user-circle-single--circle-geometric-human-person-single-user_2"><path id="Vector" d="M13.0001 14.7599C15.4293 14.7599 17.3986 12.7906 17.3986 10.3614C17.3986 7.93217 15.4293 5.96289 13.0001 5.96289C10.5708 5.96289 8.60156 7.93217 8.60156 10.3614C8.60156 12.7906 10.5708 14.7599 13.0001 14.7599Z" stroke="%23377FC4" stroke-linecap="round" stroke-linejoin="round"/><path id="Vector_2" d="M5.48828 21.6216C6.2734 20.3328 7.37684 19.2677 8.69252 18.5287C10.0082 17.7896 11.4919 17.4014 13.0009 17.4014C14.51 17.4014 15.9936 17.7896 17.3093 18.5287C18.625 19.2677 19.7284 20.3328 20.5136 21.6216" stroke="%23377FC4" stroke-linecap="round" stroke-linejoin="round"/><path id="Vector_3" d="M13.0005 24.4366C19.3166 24.4366 24.4366 19.3166 24.4366 13.0005C24.4366 6.68457 19.3166 1.56445 13.0005 1.56445C6.68457 1.56445 1.56445 6.68457 1.56445 13.0005C1.56445 19.3166 6.68457 24.4366 13.0005 24.4366Z" stroke="%23377FC4" stroke-linecap="round" stroke-linejoin="round"/></g></g></svg>');
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  width: 24.632px;
  height: 24.632px;
}
.user-add-profile-icon {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D'29'%20height%3D'28'%20viewBox%3D'0%200%2029%2028'%20fill%3D'none'%20xmlns%3D'http%3A//www.w3.org/2000/svg'%3E%3Cg%20id%3D'add-circle--button-remove-cross-add-buttons-plus-circle-+-mathematics-math'%20clip-path%3D'url(%23clip0_1890_17928)'%3E%3Cg%20id%3D'add-circle--button-remove-cross-add-buttons-plus-circle-+-mathematics-math_2'%3E%3Cpath%20id%3D'Vector'%20d%3D'M14.5004%2026.7419C21.5377%2026.7419%2027.2424%2021.0372%2027.2424%2013.9999C27.2424%206.96263%2021.5377%201.25781%2014.5004%201.25781C7.46312%201.25781%201.7583%206.96263%201.7583%2013.9999C1.7583%2021.0372%207.46312%2026.7419%2014.5004%2026.7419Z'%20stroke%3D'%23377FC4'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'/%3E%3Cg%20id%3D'user-add-plus--actions-add-close-geometric-human-person-plus-single-up-user'%3E%3Cpath%20id%3D'Vector_2'%20d%3D'M13.6211%2011.8526C15.1758%2011.8526%2016.4361%2010.5923%2016.4361%209.03764C16.4361%207.48297%2015.1758%206.22266%2013.6211%206.22266C12.0665%206.22266%2010.8062%207.48297%2010.8062%209.03764C10.8062%2010.5923%2012.0665%2011.8526%2013.6211%2011.8526Z'%20stroke%3D'%23377FC4'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'/%3E%3Cpath%20id%3D'Vector_2_2'%20d%3D'M15.3102%2019.7342H8.5542V19.1238C8.56316%2018.2656%208.78951%2017.4236%209.21208%2016.6766C9.63467%2015.9295%2010.2397%2015.3018%2010.9707%2014.8519C11.7016%2014.4021%2012.5347%2014.1449%2013.392%2014.1043C14.2493%2014.0637%2015.103%2014.2411%2015.8732%2014.6199'%20stroke%3D'%23377FC4'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'/%3E%3Cpath%20id%3D'Vector_3'%20d%3D'M19.814%2014.1055V20.8614'%20stroke%3D'%23377FC4'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'/%3E%3Cpath%20id%3D'Vector_4'%20d%3D'M16.436%2017.4824H23.192'%20stroke%3D'%23377FC4'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3CclipPath%20id%3D'clip0_1890_17928'%3E%3Crect%20width%3D'27.4444'%20height%3D'27.4444'%20fill%3D'white'%20transform%3D'translate(0.777832%200.277344)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  width: 24.632px;
  height: 24.632px;
}
.metaspace-icon {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D'32'%20height%3D'29'%20viewBox%3D'0%200%2032%2029'%20fill%3D'none'%20xmlns%3D'http%3A//www.w3.org/2000/svg'%3E%3Cpath%20d%3D'M13.3843%2016.4424H7.67115C7.29995%2016.4424%206.99902%2016.7499%206.99902%2017.1292V22.9673C6.99902%2023.3466%207.29995%2023.6541%207.67115%2023.6541H13.3843C13.7555%2023.6541%2014.0564%2023.3466%2014.0564%2022.9673V17.1292C14.0564%2016.7499%2013.7555%2016.4424%2013.3843%2016.4424Z'%20stroke%3D'%23377FC4'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'/%3E%3Cpath%20d%3D'M24.3267%2016.4424H18.6135C18.2423%2016.4424%2017.9414%2016.7499%2017.9414%2017.1292V22.9673C17.9414%2023.3466%2018.2423%2023.6541%2018.6135%2023.6541H24.3267C24.6979%2023.6541%2024.9987%2023.3466%2024.9987%2022.9673V17.1292C24.9987%2016.7499%2024.6979%2016.4424%2024.3267%2016.4424Z'%20stroke%3D'%23377FC4'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'/%3E%3Cpath%20d%3D'M13.3843%205.5H7.67115C7.29995%205.5%206.99902%205.80751%206.99902%206.18683V12.0249C6.99902%2012.4043%207.29995%2012.7118%207.67115%2012.7118H13.3843C13.7555%2012.7118%2014.0564%2012.4043%2014.0564%2012.0249V6.18683C14.0564%205.80751%2013.7555%205.5%2013.3843%205.5Z'%20stroke%3D'%23377FC4'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'/%3E%3Cpath%20d%3D'M17.158%209.63819C16.7442%209.56462%2016.7442%208.95753%2017.158%208.88396C18.6573%208.61742%2019.8498%207.45045%2020.1753%205.93133L20.2002%205.81488C20.2897%205.39692%2020.8721%205.39431%2020.9652%205.81146L20.9954%205.94717C21.333%207.45913%2022.5258%208.61624%2024.021%208.88203C24.4369%208.95598%2024.4369%209.56617%2024.021%209.64012C22.5258%209.90593%2021.333%2011.063%2020.9954%2012.575L20.9652%2012.7107C20.8721%2013.1278%2020.2897%2013.1252%2020.2002%2012.7073L20.1753%2012.5908C19.8498%2011.0717%2018.6573%209.90475%2017.158%209.63819Z'%20stroke%3D'%23377FC4'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  width: 32px;
  height: 29px;
}
.perspective-icon {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2222%22%20height%3D%2222%22%20viewBox%3D%220%200%2022%2022%22%20fill%3D%22none%22%3E%3Cg%20clip-path%3D%22url(%23clip0_5341_109211)%22%3E%3Cpath%20d%3D%22M4.35352%2013.0213C5.35639%2011.6788%206.95802%2010.8097%208.76263%2010.8097C10.0473%2010.8097%2011.2291%2011.2502%2012.1652%2011.9883%22%20stroke%3D%22%2326A3E3%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3Cpath%20d%3D%22M7.97767%2016.7026H2.47767C2.06091%2016.7026%201.6612%2016.5369%201.36651%2016.2423C1.07181%2015.9476%200.90625%2015.5479%200.90625%2015.1311V2.55972C0.90625%202.14294%201.07181%201.74325%201.36651%201.44854C1.6612%201.15384%202.06091%200.988281%202.47767%200.988281H15.0491C15.4659%200.988281%2015.8655%201.15384%2016.1603%201.44854C16.455%201.74325%2016.6206%202.14294%2016.6206%202.55972V7.274%22%20stroke%3D%22%2326A3E3%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3Cpath%20d%3D%22M8.76339%208.45257C10.0652%208.45257%2011.1205%207.39723%2011.1205%206.09543C11.1205%204.79361%2010.0652%203.73829%208.76339%203.73829C7.46159%203.73829%206.40625%204.79361%206.40625%206.09543C6.40625%207.39723%207.46159%208.45257%208.76339%208.45257Z%22%20stroke%3D%22%2326A3E3%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3Cpath%20d%3D%22M11.5347%2016.5988C10.9832%2016.5028%2010.9832%2015.7111%2011.5347%2015.6152C13.5325%2015.2676%2015.1216%2013.7459%2015.5552%2011.765L15.5884%2011.6131C15.7077%2011.0681%2016.4838%2011.0647%2016.6078%2011.6087L16.6482%2011.7856C17.0979%2013.7572%2018.6873%2015.2661%2020.6797%2015.6127C21.2339%2015.7091%2021.2339%2016.5048%2020.6797%2016.6013C18.6873%2016.9478%2017.0979%2018.4567%2016.6482%2020.4284L16.6078%2020.6053C16.4838%2021.1492%2015.7077%2021.1459%2015.5884%2020.6007L15.5552%2020.4489C15.1216%2018.468%2013.5325%2016.9462%2011.5347%2016.5988Z%22%20stroke%3D%22%2326A3E3%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3C/g%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0_5341_109211%22%3E%3Crect%20width%3D%2222%22%20height%3D%2222%22%20fill%3D%22white%22/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  width: 22px;
  height: 22px;
}
.send-icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A//www.w3.org/2000/svg%22 width%3D%2221%22 height%3D%2222%22 viewBox%3D%220 0 21 22%22 fill%3D%22none%22%3E%3Cg clip-path%3D%22url(%23clip0_1890_18131)%22%3E%3Cpath d%3D%22M8.69332 16.8057L11.7438 19.9557C11.931 20.1546 12.165 20.2994 12.4227 20.3759C12.6804 20.4523 12.9529 20.4575 13.2131 20.3911C13.475 20.3279 13.7169 20.196 13.9153 20.0078C14.1139 19.8197 14.2624 19.5818 14.3466 19.317L19.3561 3.741C19.4608 3.44916 19.4823 3.13231 19.4183 2.82812C19.3543 2.52391 19.2075 2.24518 18.9954 2.02502C18.7832 1.80486 18.5144 1.65255 18.2212 1.58619C17.9279 1.51983 17.6225 1.5422 17.3412 1.65066L2.32639 6.84747C2.06227 6.94106 1.82703 7.10613 1.64498 7.3256C1.46294 7.54507 1.3407 7.81099 1.29089 8.09587C1.23947 8.35498 1.25092 8.62327 1.32419 8.87665C1.39747 9.13002 1.53028 9.36055 1.71068 9.5475L5.54484 13.525L5.4189 18.5621L8.69332 16.8057Z%22 stroke%3D%22%23377FC4%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22/%3E%3Cpath d%3D%22M18.9085 1.96973L5.54492 13.5247%22 stroke%3D%22%23377FC4%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id%3D%22clip0_1890_18131%22%3E%3Crect width%3D%2219.6086%22 height%3D%2220.3415%22 fill%3D%22white%22 transform%3D%22translate(0.552734 0.823242)%22/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  width: 24.632px;
  height: 24.632px;
}
.custom-button-shade {
  border-radius: 20px;
  border: var(--primary-border);
  background: var(--text-true-white, #fff);
  /* inside textarea */
  box-shadow: 1px 1px 5px 0px rgba(31, 59, 96, 0.2) inset, -1px -3px 4px 0px rgba(116, 139, 157, 0.35) inset;
}
.share-icon {
  background-image: url("data:image/svg+xml,%3Csvg width%3D%2227%22 height%3D%2228%22 viewBox%3D%220 0 27 28%22 fill%3D%22none%22 xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath d%3D%22M13.2827 26.9534C20.1824 26.9534 25.7755 21.1513 25.7755 13.9938C25.7755 6.8364 20.1824 1.03418 13.2827 1.03418C6.38322 1.03418 0.790039 6.8364 0.790039 13.9938C0.790039 21.1513 6.38322 26.9534 13.2827 26.9534Z%22 stroke%3D%22%23377FC4%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22/%3E%3Cg clip-path%3D%22url(%23clip0_1890_18142)%22%3E%3Cpath d%3D%22M8.13566 16.2819C9.35398 16.2819 10.3416 15.2573 10.3416 13.9935C10.3416 12.7296 9.35398 11.7051 8.13566 11.7051C6.91733 11.7051 5.92969 12.7296 5.92969 13.9935C5.92969 15.2573 6.91733 16.2819 8.13566 16.2819Z%22 stroke%3D%22%23377FC4%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22/%3E%3Cpath d%3D%22M16.4692 20.6051C17.6874 20.6051 18.6751 19.5805 18.6751 18.3167C18.6751 17.0529 17.6874 16.0283 16.4692 16.0283C15.2509 16.0283 14.2632 17.0529 14.2632 18.3167C14.2632 19.5805 15.2509 20.6051 16.4692 20.6051Z%22 stroke%3D%22%23377FC4%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22/%3E%3Cpath d%3D%22M16.4692 11.9596C17.6874 11.9596 18.6751 10.9351 18.6751 9.67123C18.6751 8.40737 17.6874 7.38281 16.4692 7.38281C15.2509 7.38281 14.2632 8.40737 14.2632 9.67123C14.2632 10.9351 15.2509 11.9596 16.4692 11.9596Z%22 stroke%3D%22%23377FC4%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22/%3E%3Cpath d%3D%22M10.106 12.9769L14.4983 10.6885%22 stroke%3D%22%23377FC4%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22/%3E%3Cpath d%3D%22M10.106 15.0107L14.4983 17.2992%22 stroke%3D%22%23377FC4%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id%3D%22clip0_1890_18142%22%3E%3Crect width%3D%2213.726%22 height%3D%2214.239%22 fill%3D%22white%22 transform%3D%22translate(5.43945 6.87402)%22/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  width: 24.632px;
  height: 24.632px;
}
.perspectives-icon {
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="30" viewBox="0 0 32 30" fill="none"><path d="M11 19.6137C12.1852 18.0271 14.078 17 16.2108 17C17.729 17 19.1257 17.5205 20.232 18.3929" stroke="url(%23paint0_linear_2147_157759)" stroke-linecap="round" stroke-linejoin="round"/><path d="M17.4297 23.5714H8.85713C8.3646 23.5714 7.89222 23.3757 7.54394 23.0275C7.19566 22.6792 7 22.2068 7 21.7143V6.85715C7 6.3646 7.19566 5.89223 7.54394 5.54394C7.89222 5.19566 8.3646 5 8.85713 5H23.7143C24.2068 5 24.6792 5.19566 25.0276 5.54394C25.3758 5.89223 25.5715 6.3646 25.5715 6.85715V14.832" stroke="url(%23paint1_linear_2147_157759)" stroke-linecap="round" stroke-linejoin="round"/><path d="M15.7857 13.5714C17.3242 13.5714 18.5714 12.3242 18.5714 10.7857C18.5714 9.2472 17.3242 8 15.7857 8C14.2472 8 13 9.2472 13 10.7857C13 12.3242 14.2472 13.5714 15.7857 13.5714Z" stroke="url(%23paint2_linear_2147_157759)" stroke-linecap="round" stroke-linejoin="round"/><path d="M19.4147 22.5014C18.8618 22.4035 18.8618 21.5965 19.4147 21.4987C21.4177 21.1443 23.0108 19.5929 23.4455 17.5734L23.4788 17.4186C23.5985 16.863 24.3766 16.8595 24.5009 17.4141L24.5414 17.5945C24.9923 19.6045 26.5857 21.1427 28.5832 21.4961C29.1389 21.5944 29.1389 22.4056 28.5832 22.504C26.5857 22.8572 24.9923 24.3955 24.5414 26.4056L24.5009 26.586C24.3766 27.1405 23.5985 27.1371 23.4788 26.5813L23.4455 26.4266C23.0108 24.407 21.4177 22.8556 19.4147 22.5014Z" stroke="url(%23paint3_linear_2147_157759)" stroke-linecap="round" stroke-linejoin="round"/><defs><linearGradient id="paint0_linear_2147_157759" x1="15.616" y1="17" x2="15.616" y2="19.6137" gradientUnits="userSpaceOnUse"><stop stop-color="%23416F9A"/><stop offset="0.5" stop-color="%23294B6B"/><stop offset="1" stop-color="%23213D57"/></linearGradient><linearGradient id="paint1_linear_2147_157759" x1="16.2858" y1="5" x2="16.2858" y2="23.5714" gradientUnits="userSpaceOnUse"><stop stop-color="%23416F9A"/><stop offset="0.5" stop-color="%23294B6B"/><stop offset="1" stop-color="%23213D57"/></linearGradient><linearGradient id="paint2_linear_2147_157759" x1="15.7857" y1="8" x2="15.7857" y2="13.5714" gradientUnits="userSpaceOnUse"><stop stop-color="%23416F9A"/><stop offset="0.5" stop-color="%23294B6B"/><stop offset="1" stop-color="%23213D57"/></linearGradient><linearGradient id="paint3_linear_2147_157759" x1="24" y1="17" x2="24" y2="27" gradientUnits="userSpaceOnUse"><stop stop-color="%23416F9A"/><stop offset="0.5" stop-color="%23294B6B"/><stop offset="1" stop-color="%23213D57"/></linearGradient></defs></svg>');
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  width: 32px;
  height: 29px;
  flex-shrink: 0;
}
.edit-icon {
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none"><path d="M9 23.5L12.5 23L23 12.5L19.5 9L9 19.5V23.5Z" stroke="%2326a3e3" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M21 8L24 11" stroke="%2326a3e3" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M7 26H25" stroke="%2326a3e3" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  width: 29px;
  height: 29px;
  flex-shrink: 0;
}
.subject-icon {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2221%22 height=%2220%22 viewBox=%220 0 21 20%22 fill=%22none%22%3E%3Cg clip-path=%22url(%23clip0_2197_28811)%22%3E%3Cpath d=%22M11.8 19.4714C11.469 19.5991 11.1024 19.5991 10.7714 19.4714C8.1867 18.458 5.96733 16.6891 4.40269 14.3957C2.83806 12.1023 2.00077 9.3906 2 6.61429V2.42857C2 2.04969 2.15051 1.68633 2.41842 1.41842C2.68633 1.15051 3.04969 1 3.42857 1H19.1429C19.5217 1 19.8851 1.15051 20.153 1.41842C20.4209 1.68633 20.5714 2.04969 20.5714 2.42857V6.6C20.5736 9.37876 19.7376 12.0936 18.1727 14.3898C16.608 16.6861 14.387 18.457 11.8 19.4714Z%22 stroke=%22url(%23paint0_linear_2197_28811)%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E%3Cpath d=%22M5 15.1863C6.2803 13.2655 8.46629 12 10.9479 12C13.4294 12 15.6154 13.2655 16.8956 15.1863%22 stroke=%22url(%23paint1_linear_2197_28811)%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E%3Cpath d=%22M11.2143 10.4286C12.9895 10.4286 14.4286 8.98949 14.4286 7.21429C14.4286 5.43909 12.9895 4 11.2143 4C9.43909 4 8 5.43909 8 7.21429C8 8.98949 9.43909 10.4286 11.2143 10.4286Z%22 stroke=%22url(%23paint2_linear_2197_28811)%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E%3C/g%3E%3Cdefs%3E%3ClinearGradient id=%22paint0_linear_2197_28811%22 x1=%2211.2857%22 y1=%221%22 x2=%2211.2857%22 y2=%2219.5672%22 gradientUnits=%22userSpaceOnUse%22%3E%3Cstop stop-color=%22%23416F9A%22/%3E%3Cstop offset=%220.5%22 stop-color=%22%23294B6B%22/%3E%3Cstop offset=%221%22 stop-color=%22%23213D57%22/%3E%3C/linearGradient%3E%3ClinearGradient id=%22paint1_linear_2197_28811%22 x1=%2210.9478%22 y1=%2212%22 x2=%2210.9478%22 y2=%2215.1863%22 gradientUnits=%22userSpaceOnUse%22%3E%3Cstop stop-color=%22%23416F9A%22/%3E%3Cstop offset=%220.5%22 stop-color=%22%23294B6B%22/%3E%3Cstop offset=%221%22 stop-color=%22%23213D57%22/%3E%3C/linearGradient%3E%3ClinearGradient id=%22paint2_linear_2197_28811%22 x1=%2211.2143%22 y1=%224%22 x2=%2211.2143%22 y2=%2210.4286%22 gradientUnits=%22userSpaceOnUse%22%3E%3Cstop stop-color=%22%23416F9A%22/%3E%3Cstop offset=%220.5%22 stop-color=%22%23294B6B%22/%3E%3Cstop offset=%221%22 stop-color=%22%23213D57%22/%3E%3C/linearGradient%3E%3CclipPath id=%22clip0_2197_28811%22%3E%3Crect width=%2221%22 height=%2220%22 fill=%22white%22/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  width: 21px;
  height: 26px;
}
.user-profile-role-icon {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2222%22%20height%3D%2222%22%20viewBox%3D%220%200%2022%2022%22%20fill%3D%22none%22%3E%3Cg%20clip-path%3D%22url%28%23clip0_2214_132804%29%22%3E%3Cpath%20d%3D%22M10.9286%2012.8571C13.0983%2012.8571%2014.8571%2011.0983%2014.8571%208.92857C14.8571%206.75888%2013.0983%205%2010.9286%205C8.75888%205%207%206.75888%207%208.92857C7%2011.0983%208.75888%2012.8571%2010.9286%2012.8571Z%22%20stroke%3D%22url%28%23paint0_linear_2214_132804%29%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M5%2018.7693C5.70123%2017.6183%206.68679%2016.6669%207.8619%2016.0069C9.03702%2015.3467%2010.3622%2015%2011.71%2015C13.0578%2015%2014.383%2015.3467%2015.5581%2016.0069C16.7333%2016.6669%2017.7187%2017.6183%2018.42%2018.7693%22%20stroke%3D%22url%28%23paint1_linear_2214_132804%29%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M11.2143%2021.4286C16.8556%2021.4286%2021.4286%2016.8556%2021.4286%2011.2143C21.4286%205.57309%2016.8556%201%2011.2143%201C5.57309%201%201%205.57309%201%2011.2143C1%2016.8556%205.57309%2021.4286%2011.2143%2021.4286Z%22%20stroke%3D%22url%28%23paint2_linear_2214_132804%29%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22paint0_linear_2214_132804%22%20x1%3D%2210.9286%22%20y1%3D%225%22%20x2%3D%2210.9286%22%20y2%3D%2212.8571%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23416F9A%22%2F%3E%3Cstop%20offset%3D%220.5%22%20stop-color%3D%22%23294B6B%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23213D57%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22paint1_linear_2214_132804%22%20x1%3D%2211.71%22%20y1%3D%2215%22%20x2%3D%2211.71%22%20y2%3D%2218.7693%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23416F9A%22%2F%3E%3Cstop%20offset%3D%220.5%22%20stop-color%3D%22%23294B6B%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23213D57%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22paint2_linear_2214_132804%22%20x1%3D%2211.2143%22%20y1%3D%221%22%20x2%3D%2211.2143%22%20y2%3D%2221.4286%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23416F9A%22%2F%3E%3Cstop%20offset%3D%220.5%22%20stop-color%3D%22%23294B6B%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23213D57%22%2F%3E%3C%2FlinearGradient%3E%3CclipPath%20id%3D%22clip0_2214_132804%22%3E%3Crect%20width%3D%2222%22%20height%3D%2222%22%20fill%3D%22white%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  width: 22px;
  height: 22px;
}
.Armillary-icon {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2249%22%20height%3D%2249%22%20viewBox%3D%220%200%2049%2049%22%20fill%3D%22none%22%3E%3Cg%20filter%3D%22url(%23filter0_dd_769_101985)%22%3E%3Crect%20x%3D%223.44897%22%20y%3D%222.5%22%20width%3D%2240%22%20height%3D%2240%22%20rx%3D%2220%22%20fill%3D%22white%22%20shape-rendering%3D%22crispEdges%22/%3E%3Crect%20x%3D%224.44897%22%20y%3D%223.5%22%20width%3D%2238%22%20height%3D%2238%22%20rx%3D%2219%22%20stroke%3D%22white%22%20stroke-width%3D%222%22%20shape-rendering%3D%22crispEdges%22/%3E%3Cg%20filter%3D%22url(%23filter1_ii_769_101985)%22%3E%3Crect%20x%3D%223.44897%22%20y%3D%222.5%22%20width%3D%2240%22%20height%3D%2240%22%20rx%3D%2220%22%20fill%3D%22white%22/%3E%3C/g%3E%3Crect%20x%3D%224.44897%22%20y%3D%223.5%22%20width%3D%2238%22%20height%3D%2238%22%20rx%3D%2219%22%20stroke%3D%22white%22%20stroke-width%3D%222%22/%3E%3Cpath%20d%3D%22M23.2472%2032.5565C28.8901%2032.5565%2033.4644%2028.0921%2033.4644%2022.5849C33.4644%2017.0777%2028.8901%2012.6133%2023.2472%2012.6133C17.6044%2012.6133%2013.03%2017.0777%2013.03%2022.5849C13.03%2028.0921%2017.6044%2032.5565%2023.2472%2032.5565Z%22%20stroke%3D%22%23377FC4%22%20stroke-width%3D%221.2%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3Cpath%20d%3D%22M17.1066%2018.082C18.9628%2018.082%2020.4884%2016.6104%2020.4884%2014.7695C20.4884%2012.9287%2018.9628%2011.457%2017.1066%2011.457C15.2505%2011.457%2013.7249%2012.9287%2013.7249%2014.7695C13.7249%2016.6104%2015.2505%2018.082%2017.1066%2018.082Z%22%20fill%3D%22%23377FC4%22%20stroke%3D%22white%22/%3E%3Cpath%20d%3D%22M23.3503%2027.4609C26.2675%2027.4609%2028.6533%2025.1498%2028.6533%2022.2734C28.6533%2019.3971%2026.2675%2017.0859%2023.3503%2017.0859C20.4331%2017.0859%2018.0474%2019.3971%2018.0474%2022.2734C18.0474%2025.1498%2020.4331%2027.4609%2023.3503%2027.4609Z%22%20fill%3D%22%23377FC4%22%20stroke%3D%22white%22/%3E%3C/g%3E%3Cdefs%3E%3Cfilter%20id%3D%22filter0_dd_769_101985%22%20x%3D%220.448975%22%20y%3D%220.5%22%20width%3D%2248%22%20height%3D%2248%22%20filterUnits%3D%22userSpaceOnUse%22%20color-interpolation-filters%3D%22sRGB%22%3E%3CfeFlood%20flood-opacity%3D%220%22%20result%3D%22BackgroundImageFix%22/%3E%3CfeColorMatrix%20in%3D%22SourceAlpha%22%20type%3D%22matrix%22%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200%22%20result%3D%22hardAlpha%22/%3E%3CfeMorphology%20radius%3D%221%22%20operator%3D%22erode%22%20in%3D%22SourceAlpha%22%20result%3D%22effect1_dropShadow_769_101985%22/%3E%3CfeOffset%20dx%3D%221%22%20dy%3D%222%22/%3E%3CfeGaussianBlur%20stdDeviation%3D%222.5%22/%3E%3CfeComposite%20in2%3D%22hardAlpha%22%20operator%3D%22out%22/%3E%3CfeColorMatrix%20type%3D%22matrix%22%20values%3D%220%200%200%200%200.290196%200%200%200%200%200.392157%200%200%200%200%200.494118%200%200%200%200.3%200%22/%3E%3CfeBlend%20mode%3D%22normal%22%20in2%3D%22BackgroundImageFix%22%20result%3D%22effect1_dropShadow_769_101985%22/%3E%3CfeColorMatrix%20in%3D%22SourceAlpha%22%20type%3D%22matrix%22%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200%22%20result%3D%22hardAlpha%22/%3E%3CfeOffset%20dy%3D%221%22/%3E%3CfeGaussianBlur%20stdDeviation%3D%220.5%22/%3E%3CfeComposite%20in2%3D%22hardAlpha%22%20operator%3D%22out%22/%3E%3CfeColorMatrix%20type%3D%22matrix%22%20values%3D%220%200%200%200%200.0235294%200%200%200%200%200.172549%200%200%200%200%200.345098%200%200%200%200.1%200%22/%3E%3CfeBlend%20mode%3D%22normal%22%20in2%3D%22effect1_dropShadow_769_101985%22%20result%3D%22effect2_dropShadow_769_101985%22/%3E%3CfeBlend%20mode%3D%22normal%22%20in%3D%22SourceGraphic%22%20in2%3D%22effect2_dropShadow_769_101985%22%20result%3D%22shape%22/%3E%3C/filter%3E%3Cfilter%20id%3D%22filter1_ii_769_101985%22%20x%3D%222.44897%22%20y%3D%22-0.5%22%20width%3D%2242%22%20height%3D%2244%22%20filterUnits%3D%22userSpaceOnUse%22%20color-interpolation-filters%3D%22sRGB%22%3E%3CfeFlood%20flood-opacity%3D%220%22%20result%3D%22BackgroundImageFix%22/%3E%3CfeBlend%20mode%3D%22normal%22%20in%3D%22SourceGraphic%22%20in2%3D%22BackgroundImageFix%22%20result%3D%22shape%22/%3E%3CfeColorMatrix%20in%3D%22SourceAlpha%22%20type%3D%22matrix%22%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200%22%20result%3D%22hardAlpha%22/%3E%3CfeOffset%20dx%3D%22-1%22%20dy%3D%22-3%22/%3E%3CfeGaussianBlur%20stdDeviation%3D%222%22/%3E%3CfeComposite%20in2%3D%22hardAlpha%22%20operator%3D%22arithmetic%22%20k2%3D%22-1%22%20k3%3D%221%22/%3E%3CfeColorMatrix%20type%3D%22matrix%22%20values%3D%220%200%200%200%200.454545%200%200%200%200%200.544866%200%200%200%200%200.617122%200%200%200%200.35%200%22/%3E%3CfeBlend%20mode%3D%22normal%22%20in2%3D%22shape%22%20result%3D%22effect1_innerShadow_769_101985%22/%3E%3CfeColorMatrix%20in%3D%22SourceAlpha%22%20type%3D%22matrix%22%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200%22%20result%3D%22hardAlpha%22/%3E%3CfeOffset%20dx%3D%221%22%20dy%3D%221%22/%3E%3CfeGaussianBlur%20stdDeviation%3D%222.5%22/%3E%3CfeComposite%20in2%3D%22hardAlpha%22%20operator%3D%22arithmetic%22%20k2%3D%22-1%22%20k3%3D%221%22/%3E%3CfeColorMatrix%20type%3D%22matrix%22%20values%3D%220%200%200%200%200.121569%200%200%200%200%200.231373%200%200%200%200%200.376471%200%200%200%200.2%200%22/%3E%3CfeBlend%20mode%3D%22normal%22%20in2%3D%22effect1_innerShadow_769_101985%22%20result%3D%22effect2_innerShadow_769_101985%22/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E");
  background-size: 37px 37px;
  background-repeat: no-repeat;
  display: inline-block;
  width: 40px;
  height: 40px;
}
.Armillary-icon-filled {
  width: 40px;
  height: 40px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A//www.w3.org/2000/svg%22 width%3D%2241%22 height%3D%2241%22 viewBox%3D%220%200%2041%2041%22 fill%3D%22none%22%3E%3Crect x%3D%221.44897%22 y%3D%221.5%22 width%3D%2238%22 height%3D%2238%22 rx%3D%2219%22 fill%3D%22white%22/%3E%3Crect x%3D%221.44897%22 y%3D%221.5%22 width%3D%2238%22 height%3D%2238%22 rx%3D%2219%22 stroke%3D%22white%22 stroke-width%3D%222%22/%3E%3Cg filter%3D%22url(%23filter0_ii_1222_100567)%22%3E%3Crect x%3D%220.448975%22 y%3D%220.5%22 width%3D%2240%22 height%3D%2240%22 rx%3D%2220%22 fill%3D%22url(%23paint0_linear_1222_100567)%22/%3E%3C/g%3E%3Crect x%3D%221.44897%22 y%3D%221.5%22 width%3D%2238%22 height%3D%2238%22 rx%3D%2219%22 stroke%3D%22white%22 stroke-width%3D%222%22/%3E%3Cpath d%3D%22M20.6662%2031.0994C26.3091%2031.0994%2030.8834%2026.6351%2030.8834%2021.1278C30.8834%2015.6207%2026.3091%2011.1562%2020.6662%2011.1562C15.0234%2011.1562%2010.449%2015.6207%2010.449%2021.1278C10.449%2026.6351%2015.0234%2031.0994%2020.6662%2031.0994Z%22 stroke%3D%22white%22 stroke-width%3D%221.2%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22/%3E%3Cellipse cx%3D%2214.5256%22 cy%3D%2213.3125%22 rx%3D%222.88177%22 ry%3D%222.8125%22 fill%3D%22white%22/%3E%3Cellipse cx%3D%2220.7693%22 cy%3D%2220.8164%22 rx%3D%224.80296%22 ry%3D%224.6875%22 fill%3D%22white%22/%3E%3Cdefs%3E%3Cfilter id%3D%22filter0_ii_1222_100567%22 x%3D%22-0.551025%22 y%3D%22-2.5%22 width%3D%2242%22 height%3D%2244%22 filterUnits%3D%22userSpaceOnUse%22 color-interpolation-filters%3D%22sRGB%22%3E%3CfeFlood flood-opacity%3D%220%22 result%3D%22BackgroundImageFix%22/%3E%3CfeBlend mode%3D%22normal%22 in%3D%22SourceGraphic%22 in2%3D%22BackgroundImageFix%22 result%3D%22shape%22/%3E%3CfeColorMatrix in%3D%22SourceAlpha%22 type%3D%22matrix%22 values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200%22 result%3D%22hardAlpha%22/%3E%3CfeOffset dx%3D%22-1%22 dy%3D%22-3%22/%3E%3CfeGaussianBlur stdDeviation%3D%222%22/%3E%3CfeComposite in2%3D%22hardAlpha%22 operator%3D%22arithmetic%22 k2%3D%22-1%22 k3%3D%221%22/%3E%3CfeColorMatrix type%3D%22matrix%22 values%3D%220%200%200%200%200.454545%200%200%200%200%200.544866%200%200%200%200%200.617122%200%200%200%200.35%200%22/%3E%3CfeBlend mode%3D%22normal%22 in2%3D%22shape%22 result%3D%22effect1_innerShadow_1222_100567%22/%3E%3CfeColorMatrix in%3D%22SourceAlpha%22 type%3D%22matrix%22 values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200%22 result%3D%22hardAlpha%22/%3E%3CfeOffset dx%3D%221%22 dy%3D%221%22/%3E%3CfeGaussianBlur stdDeviation%3D%222.5%22/%3E%3CfeComposite in2%3D%22hardAlpha%22 operator%3D%22arithmetic%22 k2%3D%22-1%22 k3%3D%221%22/%3E%3CfeColorMatrix type%3D%22matrix%22 values%3D%220%200%200%200%200.121569%200%200%200%200%200.231373%200%200%200%200%200.376471%200%200%200%200.2%200%22/%3E%3CfeBlend mode%3D%22normal%22 in2%3D%22effect1_innerShadow_1222_100567%22 result%3D%22effect2_innerShadow_1222_100567%22/%3E%3C/filter%3E%3ClinearGradient id%3D%22paint0_linear_1222_100567%22 x1%3D%2223.449%22 y1%3D%2236.5%22 x2%3D%2221.949%22 y2%3D%225.5%22 gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop stop-color%3D%22%2336B6F9%22/%3E%3Cstop offset%3D%221%22 stop-color%3D%22%23377FC4%22/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
}
.Atlas-icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2241%22 height%3D%2241%22 viewBox%3D%220%200%2041%2041%22 fill%3D%22none%22%3E%3Crect x%3D%221.44897%22 y%3D%221.5%22 width%3D%2238%22 height%3D%2238%22 rx%3D%2219%22 fill%3D%22white%22%2F%3E%3Crect x%3D%221.44897%22 y%3D%221.5%22 width%3D%2238%22 height%3D%2238%22 rx%3D%2219%22 stroke%3D%22%23E0E0E0%22 stroke-width%3D%222%22%2F%3E%3Cpath d%3D%22M9.75751 20.8408L14.1325 16.4658V25.2158L9.75751 20.8408Z%22 stroke%3D%22%23377FC4%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Cpath d%3D%22M32.0399 20.8408L27.6649 16.4658V25.2158L32.0399 20.8408Z%22 stroke%3D%22%23377FC4%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Cpath d%3D%22M17.5772 18.3496H24.2202%22 stroke%3D%22%23377FC4%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Cpath d%3D%22M17.5772 23.332H24.2202%22 stroke%3D%22%23377FC4%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Cpath d%3D%22M20.8989 31.9814L16.5239 27.6064H25.2739L20.8989 31.9814Z%22 stroke%3D%22%23377FC4%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Cpath d%3D%22M20.8987 9.69922L16.5237 14.0742H25.2736L20.8987 9.69922Z%22 stroke%3D%22%23377FC4%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  width: 40px;
  height: 40px;
}
@media (max-width: 500px) {
  .Atlas-icon {
    margin-top: 0.7rem;
  }
}
.Atlas-icon-filled {
  width: 40px;
  height: 40px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2241%22 height%3D%2241%22 viewBox%3D%220%200%2041%2041%22 fill%3D%22none%22%3E%3Crect x%3D%221.44897%22 y%3D%221.5%22 width%3D%2238%22 height%3D%2238%22 rx%3D%2219%22 fill%3D%22white%22%2F%3E%3Crect x%3D%221.44897%22 y%3D%221.5%22 width%3D%2238%22 height%3D%2238%22 rx%3D%2219%22 stroke%3D%22white%22 stroke-width%3D%222%22%2F%3E%3Cg filter%3D%22url(%23filter0_ii_2573_6625)%22%3E%3Crect x%3D%220.448975%22 y%3D%220.5%22 width%3D%2240%22 height%3D%2240%22 rx%3D%2220%22 fill%3D%22url(%23paint0_linear_2573_6625)%22%2F%3E%3C%2Fg%3E%3Crect x%3D%221.44897%22 y%3D%221.5%22 width%3D%2238%22 height%3D%2238%22 rx%3D%2219%22 stroke%3D%22white%22 stroke-width%3D%222%22%2F%3E%3Cpath d%3D%22M9.75751%2020.8408L14.1325%2016.4658V25.2158L9.75751%2020.8408Z%22 stroke%3D%22white%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Cpath d%3D%22M32.0399%2020.8408L27.6649%2016.4658V25.2158L32.0399%2020.8408Z%22 stroke%3D%22white%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Cpath d%3D%22M17.5772%2018.3496H24.2202%22 stroke%3D%22white%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Cpath d%3D%22M17.5772%2023.332H24.2202%22 stroke%3D%22white%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Cpath d%3D%22M20.8989%2031.9814L16.5239%2027.6064H25.2739L20.8989%2031.9814Z%22 stroke%3D%22white%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Cpath d%3D%22M20.8987%209.69922L16.5237%2014.0742H25.2736L20.8987%209.69922Z%22 stroke%3D%22white%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Cdefs%3E%3Cfilter id%3D%22filter0_ii_2573_6625%22 x%3D%22-0.551025%22 y%3D%22-2.5%22 width%3D%2242%22 height%3D%2244%22 filterUnits%3D%22userSpaceOnUse%22 color-interpolation-filters%3D%22sRGB%22%3E%3CfeFlood flood-opacity%3D%220%22 result%3D%22BackgroundImageFix%22%2F%3E%3CfeBlend mode%3D%22normal%22 in%3D%22SourceGraphic%22 in2%3D%22BackgroundImageFix%22 result%3D%22shape%22%2F%3E%3CfeColorMatrix in%3D%22SourceAlpha%22 type%3D%22matrix%22 values%3D%220 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0%22 result%3D%22hardAlpha%22%2F%3E%3CfeOffset dx%3D%22-1%22 dy%3D%22-3%22%2F%3E%3CfeGaussianBlur stdDeviation%3D%222%22%2F%3E%3CfeComposite in2%3D%22hardAlpha%22 operator%3D%22arithmetic%22 k2%3D%22-1%22 k3%3D%221%22%2F%3E%3CfeColorMatrix type%3D%22matrix%22 values%3D%220 0 0 0 0.454545 0 0 0 0 0.544866 0 0 0 0 0.617122 0 0 0 0.35 0%22%2F%3E%3CfeBlend mode%3D%22normal%22 in2%3D%22shape%22 result%3D%22effect1_innerShadow_2573_6625%22%2F%3E%3CfeColorMatrix in%3D%22SourceAlpha%22 type%3D%22matrix%22 values%3D%220 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0%22 result%3D%22hardAlpha%22%2F%3E%3CfeOffset dx%3D%221%22 dy%3D%221%22%2F%3E%3CfeGaussianBlur stdDeviation%3D%222.5%22%2F%3E%3CfeComposite in2%3D%22hardAlpha%22 operator%3D%22arithmetic%22 k2%3D%22-1%22 k3%3D%221%22%2F%3E%3CfeColorMatrix type%3D%22matrix%22 values%3D%220 0 0 0 0.121569 0 0 0 0 0.231373 0 0 0 0 0.376471 0 0 0 0.2 0%22%2F%3E%3CfeBlend mode%3D%22normal%22 in2%3D%22effect1_innerShadow_2573_6625%22 result%3D%22effect2_innerShadow_2573_6625%22%2F%3E%3C%2Ffilter%3E%3ClinearGradient id%3D%22paint0_linear_2573_6625%22 x1%3D%2223.449%22 y1%3D%2236.5%22 x2%3D%2221.949%22 y2%3D%225.5%22 gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop stop-color%3D%22%2336B6F9%22%2F%3E%3Cstop offset%3D%221%22 stop-color%3D%22%23377FC4%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3C%2Fsvg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
}
@media (max-width: 500px) {
  .Atlas-icon-filled {
    margin-top: 0.7rem;
  }
}
.Calendar-icon {
  background-image: url('data:image/svg+xml,<svg width="49" height="49" viewBox="0 0 49 49" fill="none" xmlns="http://www.w3.org/2000/svg"><g filter="url(%23filter0_dd_795_105433)"><rect x="3.44897" y="2.5" width="40" height="40" rx="20" fill="white" shape-rendering="crispEdges"/><rect x="4.44897" y="3.5" width="38" height="38" rx="19" stroke="white" stroke-width="2" shape-rendering="crispEdges"/><g filter="url(%23filter1_ii_795_105433)"><rect x="3.44897" y="2.5" width="40" height="40" rx="20" fill="white"/></g><rect x="4.44897" y="3.5" width="38" height="38" rx="19" stroke="white" stroke-width="2"/><g clip-path="url(%23clip0_795_105433)"><rect width="19" height="19" transform="translate(14.449 11.5)" fill="white"/><path d="M16.4836 14.2188C16.1237 14.2188 15.7785 14.3617 15.524 14.6162C15.2694 14.8708 15.1265 15.216 15.1265 15.5759L15.1265 28.4687C15.1265 28.8287 15.2694 29.1739 15.524 29.4284C15.7785 29.6828 16.1237 29.8259 16.4836 29.8259L31.4122 29.8259C31.7721 29.8259 32.1173 29.6828 32.3718 29.4284C32.6263 29.1739 32.7693 28.8287 32.7693 28.4687L32.7693 15.5759C32.7693 15.216 32.6263 14.8708 32.3718 14.6162C32.1173 14.3617 31.7721 14.2188 31.4122 14.2188L28.6979 14.2188" stroke="%23377FC4" stroke-width="1.15" stroke-linecap="round" stroke-linejoin="round"/><path d="M19.2 12.1816L19.2 16.2531" stroke="%23377FC4" stroke-width="1.15" stroke-linecap="round" stroke-linejoin="round"/><path d="M28.6986 12.1816L28.6986 16.2531" stroke="%23377FC4" stroke-width="1.15" stroke-linecap="round" stroke-linejoin="round"/><path d="M19.2 14.2188L25.9857 14.2188" stroke="%23377FC4" stroke-width="1.15" stroke-linecap="round" stroke-linejoin="round"/><path d="M24.2874 17.8191L25.4228 20.1032C25.4482 20.1609 25.4885 20.2109 25.5395 20.248C25.5905 20.2851 25.6505 20.3081 25.7133 20.3144L28.2349 20.6973C28.307 20.7066 28.375 20.7364 28.4307 20.7829C28.4866 20.8295 28.528 20.891 28.5502 20.9602C28.5723 21.0295 28.5743 21.1036 28.5559 21.1739C28.5375 21.2443 28.4994 21.3079 28.4462 21.3574L26.5846 23.1265C26.5569 23.1795 26.5424 23.2384 26.5424 23.2981C26.5424 23.3579 26.5569 23.4168 26.5846 23.4698L26.9411 25.9783C26.9563 26.0508 26.9501 26.1261 26.9234 26.1952C26.8966 26.2642 26.8504 26.3241 26.7903 26.3674C26.7302 26.4107 26.6588 26.4356 26.5848 26.4393C26.5108 26.4428 26.4374 26.4248 26.3734 26.3875L24.129 25.1993C24.0709 25.1731 24.0079 25.1595 23.9441 25.1595C23.8804 25.1595 23.8174 25.1731 23.7593 25.1993L21.5149 26.3875C21.4509 26.4248 21.3775 26.4428 21.3035 26.4393C21.2295 26.4356 21.1581 26.4107 21.098 26.3674C21.0379 26.3241 20.9917 26.2642 20.9649 26.1952C20.9381 26.1261 20.932 26.0508 20.9472 25.9783L21.3697 23.4698C21.3878 23.4116 21.3913 23.3497 21.3798 23.2898C21.3683 23.23 21.3421 23.1738 21.3037 23.1265L19.4421 21.3442C19.3927 21.2942 19.3581 21.2315 19.342 21.1631C19.3258 21.0947 19.3288 21.0232 19.3506 20.9564C19.3725 20.8895 19.4122 20.83 19.4656 20.7843C19.519 20.7386 19.584 20.7085 19.6534 20.6973L22.175 20.3276C22.2378 20.3212 22.2978 20.2984 22.3488 20.2612C22.3998 20.2241 22.4401 20.1741 22.4655 20.1164L23.6009 17.8324C23.6313 17.7677 23.6791 17.7128 23.7391 17.6739C23.799 17.6351 23.8686 17.6137 23.94 17.6124C24.0115 17.611 24.0819 17.6296 24.1432 17.6662C24.2046 17.7027 24.2546 17.7557 24.2874 17.8191Z" stroke="%23377FC4" stroke-width="1.15" stroke-linecap="round" stroke-linejoin="round"/></g></g><defs><filter id="filter0_dd_795_105433" x="0.448975" y="0.5" width="48" height="48" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feMorphology radius="1" operator="erode" in="SourceAlpha" result="effect1_dropShadow_795_105433"/><feOffset dx="1" dy="2"/><feGaussianBlur stdDeviation="2.5"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix type="matrix" values="0 0 0 0 0.290196 0 0 0 0 0.392157 0 0 0 0 0.494118 0 0 0 0.3 0"/><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_795_105433"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dy="1"/><feGaussianBlur stdDeviation="0.5"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix type="matrix" values="0 0 0 0 0.0235294 0 0 0 0 0.172549 0 0 0 0 0.345098 0 0 0 0.1 0"/><feBlend mode="normal" in2="effect1_dropShadow_795_105433" result="effect2_dropShadow_795_105433"/><feBlend mode="normal" in="SourceGraphic" in2="effect2_dropShadow_795_105433" result="shape"/></filter><filter id="filter1_ii_795_105433" x="2.44897" y="-0.5" width="42" height="44" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dx="-1" dy="-3"/><feGaussianBlur stdDeviation="2"/><feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/><feColorMatrix type="matrix" values="0 0 0 0 0.454545 0 0 0 0 0.544866 0 0 0 0 0.617122 0 0 0 0.35 0"/><feBlend mode="normal" in2="shape" result="effect1_innerShadow_795_105433"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dx="1" dy="1"/><feGaussianBlur stdDeviation="2.5"/><feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/><feColorMatrix type="matrix" values="0 0 0 0 0.121569 0 0 0 0 0.231373 0 0 0 0 0.376471 0 0 0 0.2 0"/><feBlend mode="normal" in2="effect1_innerShadow_795_105433" result="effect2_innerShadow_795_105433"/></filter><clipPath id="clip0_795_105433"><rect width="19" height="19" fill="white" transform="translate(14.449 11.5)"/></clipPath></defs></svg> ');
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  width: 40px;
  height: 40px;
}
.Calendar-icon-filled {
  width: 40px;
  height: 40px;
  background-image: url('data:image/svg+xml,<svg width="49" height="49" viewBox="0 0 49 49" fill="none" xmlns="http://www.w3.org/2000/svg"><g filter="url(%23filter0_dd_795_105433)"><rect x="3.44897" y="2.5" width="40" height="40" rx="20" fill="white" shape-rendering="crispEdges"/><rect x="4.44897" y="3.5" width="38" height="38" rx="19" stroke="white" stroke-width="2" shape-rendering="crispEdges"/><g filter="url(%23filter1_ii_795_105433)"><rect x="3.44897" y="2.5" width="40" height="40" rx="20" fill="white"/></g><rect x="4.44897" y="3.5" width="38" height="38" rx="19" stroke="white" stroke-width="2"/><g clip-path="url(%23clip0_795_105433)"><rect width="19" height="19" transform="translate(14.449 11.5)" fill="white"/><path d="M16.4836 14.2188C16.1237 14.2188 15.7785 14.3617 15.524 14.6162C15.2694 14.8708 15.1265 15.216 15.1265 15.5759L15.1265 28.4687C15.1265 28.8287 15.2694 29.1739 15.524 29.4284C15.7785 29.6828 16.1237 29.8259 16.4836 29.8259L31.4122 29.8259C31.7721 29.8259 32.1173 29.6828 32.3718 29.4284C32.6263 29.1739 32.7693 28.8287 32.7693 28.4687L32.7693 15.5759C32.7693 15.216 32.6263 14.8708 32.3718 14.6162C32.1173 14.3617 31.7721 14.2188 31.4122 14.2188L28.6979 14.2188" stroke="%23377FC4" stroke-width="1.15" stroke-linecap="round" stroke-linejoin="round"/><path d="M19.2 12.1816L19.2 16.2531" stroke="%23377FC4" stroke-width="1.15" stroke-linecap="round" stroke-linejoin="round"/><path d="M28.6986 12.1816L28.6986 16.2531" stroke="%23377FC4" stroke-width="1.15" stroke-linecap="round" stroke-linejoin="round"/><path d="M19.2 14.2188L25.9857 14.2188" stroke="%23377FC4" stroke-width="1.15" stroke-linecap="round" stroke-linejoin="round"/><path d="M24.2874 17.8191L25.4228 20.1032C25.4482 20.1609 25.4885 20.2109 25.5395 20.248C25.5905 20.2851 25.6505 20.3081 25.7133 20.3144L28.2349 20.6973C28.307 20.7066 28.375 20.7364 28.4307 20.7829C28.4866 20.8295 28.528 20.891 28.5502 20.9602C28.5723 21.0295 28.5743 21.1036 28.5559 21.1739C28.5375 21.2443 28.4994 21.3079 28.4462 21.3574L26.5846 23.1265C26.5569 23.1795 26.5424 23.2384 26.5424 23.2981C26.5424 23.3579 26.5569 23.4168 26.5846 23.4698L26.9411 25.9783C26.9563 26.0508 26.9501 26.1261 26.9234 26.1952C26.8966 26.2642 26.8504 26.3241 26.7903 26.3674C26.7302 26.4107 26.6588 26.4356 26.5848 26.4393C26.5108 26.4428 26.4374 26.4248 26.3734 26.3875L24.129 25.1993C24.0709 25.1731 24.0079 25.1595 23.9441 25.1595C23.8804 25.1595 23.8174 25.1731 23.7593 25.1993L21.5149 26.3875C21.4509 26.4248 21.3775 26.4428 21.3035 26.4393C21.2295 26.4356 21.1581 26.4107 21.098 26.3674C21.0379 26.3241 20.9917 26.2642 20.9649 26.1952C20.9381 26.1261 20.932 26.0508 20.9472 25.9783L21.3697 23.4698C21.3878 23.4116 21.3913 23.3497 21.3798 23.2898C21.3683 23.23 21.3421 23.1738 21.3037 23.1265L19.4421 21.3442C19.3927 21.2942 19.3581 21.2315 19.342 21.1631C19.3258 21.0947 19.3288 21.0232 19.3506 20.9564C19.3725 20.8895 19.4122 20.83 19.4656 20.7843C19.519 20.7386 19.584 20.7085 19.6534 20.6973L22.175 20.3276C22.2378 20.3212 22.2978 20.2984 22.3488 20.2612C22.3998 20.2241 22.4401 20.1741 22.4655 20.1164L23.6009 17.8324C23.6313 17.7677 23.6791 17.7128 23.7391 17.6739C23.799 17.6351 23.8686 17.6137 23.94 17.6124C24.0115 17.611 24.0819 17.6296 24.1432 17.6662C24.2046 17.7027 24.2546 17.7557 24.2874 17.8191Z" stroke="%23377FC4" stroke-width="1.15" stroke-linecap="round" stroke-linejoin="round"/></g></g><defs><filter id="filter0_dd_795_105433" x="0.448975" y="0.5" width="48" height="48" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feMorphology radius="1" operator="erode" in="SourceAlpha" result="effect1_dropShadow_795_105433"/><feOffset dx="1" dy="2"/><feGaussianBlur stdDeviation="2.5"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix type="matrix" values="0 0 0 0 0.290196 0 0 0 0 0.392157 0 0 0 0 0.494118 0 0 0 0.3 0"/><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_795_105433"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dy="1"/><feGaussianBlur stdDeviation="0.5"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix type="matrix" values="0 0 0 0 0.0235294 0 0 0 0 0.172549 0 0 0 0 0.345098 0 0 0 0.1 0"/><feBlend mode="normal" in2="effect1_dropShadow_795_105433" result="effect2_dropShadow_795_105433"/><feBlend mode="normal" in="SourceGraphic" in2="effect2_dropShadow_795_105433" result="shape"/></filter><filter id="filter1_ii_795_105433" x="2.44897" y="-0.5" width="42" height="44" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dx="-1" dy="-3"/><feGaussianBlur stdDeviation="2"/><feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/><feColorMatrix type="matrix" values="0 0 0 0 0.454545 0 0 0 0 0.544866 0 0 0 0 0.617122 0 0 0 0.35 0"/><feBlend mode="normal" in2="shape" result="effect1_innerShadow_795_105433"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dx="1" dy="1"/><feGaussianBlur stdDeviation="2.5"/><feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/><feColorMatrix type="matrix" values="0 0 0 0 0.121569 0 0 0 0 0.231373 0 0 0 0 0.376471 0 0 0 0.2 0"/><feBlend mode="normal" in2="effect1_innerShadow_795_105433" result="effect2_innerShadow_795_105433"/></filter><clipPath id="clip0_795_105433"><rect width="19" height="19" fill="white" transform="translate(14.449 11.5)"/></clipPath></defs></svg> ');
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
}
.Message-icon {
  background-image: url('data:image/svg+xml,<svg width="49" height="49" viewBox="0 0 49 49" fill="none" xmlns="http://www.w3.org/2000/svg"><g filter="url(%23filter0_dd_795_105446)"><rect x="3.44897" y="2.5" width="40" height="40" rx="20" fill="white" shape-rendering="crispEdges"/><rect x="4.44897" y="3.5" width="38" height="38" rx="19" stroke="white" stroke-width="2" shape-rendering="crispEdges"/><g filter="url(%23filter1_ii_795_105446)"><rect x="3.44897" y="2.5" width="40" height="40" rx="20" fill="white"/></g><rect x="4.44897" y="3.5" width="38" height="38" rx="19" stroke="white" stroke-width="2"/><g clip-path="url(%23clip0_795_105446)"><path d="M22.2019 13.4531C20.7221 13.6664 19.3194 14.2547 18.1239 15.1636C16.9284 16.0726 15.9788 17.2726 15.3632 18.6525C14.7476 20.0324 14.4859 21.5474 14.6023 23.0571C14.7187 24.5668 15.2096 26.0223 16.0293 27.2886L14.5408 31.3561L19.5253 30.4431C20.807 31.079 22.2214 31.392 23.6481 31.3553C25.0748 31.3186 26.4717 30.9336 27.7199 30.2327C28.9683 29.5318 30.031 28.5357 30.8178 27.3294C31.6046 26.1231 32.0922 24.7422 32.2393 23.304" stroke="%23377FC4" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"/><path d="M28.8806 20.2888C30.7662 20.2888 32.2946 18.7402 32.2946 16.83C32.2946 14.9197 30.7662 13.3711 28.8806 13.3711C26.9951 13.3711 25.4666 14.9197 25.4666 16.83C25.4666 18.7402 26.9951 20.2888 28.8806 20.2888Z" fill="%23A52255" stroke="%23A52255" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></g></g><defs><filter id="filter0_dd_795_105446" x="0.448975" y="0.5" width="48" height="48" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feMorphology radius="1" operator="erode" in="SourceAlpha" result="effect1_dropShadow_795_105446"/><feOffset dx="1" dy="2"/><feGaussianBlur stdDeviation="2.5"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix type="matrix" values="0 0 0 0 0.290196 0 0 0 0 0.392157 0 0 0 0 0.494118 0 0 0 0.3 0"/><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_795_105446"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dy="1"/><feGaussianBlur stdDeviation="0.5"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix type="matrix" values="0 0 0 0 0.0235294 0 0 0 0 0.172549 0 0 0 0 0.345098 0 0 0 0.1 0"/><feBlend mode="normal" in2="effect1_dropShadow_795_105446" result="effect2_dropShadow_795_105446"/><feBlend mode="normal" in="SourceGraphic" in2="effect2_dropShadow_795_105446" result="shape"/></filter><filter id="filter1_ii_795_105446" x="2.44897" y="-0.5" width="42" height="44" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dx="-1" dy="-3"/><feGaussianBlur stdDeviation="2"/><feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/><feColorMatrix type="matrix" values="0 0 0 0 0.454545 0 0 0 0 0.544866 0 0 0 0 0.617122 0 0 0 0.35 0"/><feBlend mode="normal" in2="shape" result="effect1_innerShadow_795_105446"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dx="1" dy="1"/><feGaussianBlur stdDeviation="2.5"/><feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/><feColorMatrix type="matrix" values="0 0 0 0 0.121569 0 0 0 0 0.231373 0 0 0 0 0.376471 0 0 0 0.2 0"/><feBlend mode="normal" in2="effect1_innerShadow_795_105446" result="effect2_innerShadow_795_105446"/></filter><clipPath id="clip0_795_105446"><rect width="19.1947" height="19.4466" fill="white" transform="translate(13.8201 12.6406)"/></clipPath></defs></svg> ');
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  width: 40px;
  height: 40px;
}
.Message-icon-filled {
  width: 40px;
  height: 40px;
  background-image: url('data:image/svg+xml,<svg width="49" height="49" viewBox="0 0 49 49" fill="none" xmlns="http://www.w3.org/2000/svg"><g filter="url(%23filter0_dd_795_105446)"><rect x="3.44897" y="2.5" width="40" height="40" rx="20" fill="white" shape-rendering="crispEdges"/><rect x="4.44897" y="3.5" width="38" height="38" rx="19" stroke="white" stroke-width="2" shape-rendering="crispEdges"/><g filter="url(%23filter1_ii_795_105446)"><rect x="3.44897" y="2.5" width="40" height="40" rx="20" fill="white"/></g><rect x="4.44897" y="3.5" width="38" height="38" rx="19" stroke="white" stroke-width="2"/><g clip-path="url(%23clip0_795_105446)"><path d="M22.2019 13.4531C20.7221 13.6664 19.3194 14.2547 18.1239 15.1636C16.9284 16.0726 15.9788 17.2726 15.3632 18.6525C14.7476 20.0324 14.4859 21.5474 14.6023 23.0571C14.7187 24.5668 15.2096 26.0223 16.0293 27.2886L14.5408 31.3561L19.5253 30.4431C20.807 31.079 22.2214 31.392 23.6481 31.3553C25.0748 31.3186 26.4717 30.9336 27.7199 30.2327C28.9683 29.5318 30.031 28.5357 30.8178 27.3294C31.6046 26.1231 32.0922 24.7422 32.2393 23.304" stroke="%23377FC4" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"/><path d="M28.8806 20.2888C30.7662 20.2888 32.2946 18.7402 32.2946 16.83C32.2946 14.9197 30.7662 13.3711 28.8806 13.3711C26.9951 13.3711 25.4666 14.9197 25.4666 16.83C25.4666 18.7402 26.9951 20.2888 28.8806 20.2888Z" fill="%23A52255" stroke="%23A52255" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></g></g><defs><filter id="filter0_dd_795_105446" x="0.448975" y="0.5" width="48" height="48" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feMorphology radius="1" operator="erode" in="SourceAlpha" result="effect1_dropShadow_795_105446"/><feOffset dx="1" dy="2"/><feGaussianBlur stdDeviation="2.5"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix type="matrix" values="0 0 0 0 0.290196 0 0 0 0 0.392157 0 0 0 0 0.494118 0 0 0 0.3 0"/><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_795_105446"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dy="1"/><feGaussianBlur stdDeviation="0.5"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix type="matrix" values="0 0 0 0 0.0235294 0 0 0 0 0.172549 0 0 0 0 0.345098 0 0 0 0.1 0"/><feBlend mode="normal" in2="effect1_dropShadow_795_105446" result="effect2_dropShadow_795_105446"/><feBlend mode="normal" in="SourceGraphic" in2="effect2_dropShadow_795_105446" result="shape"/></filter><filter id="filter1_ii_795_105446" x="2.44897" y="-0.5" width="42" height="44" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dx="-1" dy="-3"/><feGaussianBlur stdDeviation="2"/><feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/><feColorMatrix type="matrix" values="0 0 0 0 0.454545 0 0 0 0 0.544866 0 0 0 0 0.617122 0 0 0 0.35 0"/><feBlend mode="normal" in2="shape" result="effect1_innerShadow_795_105446"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dx="1" dy="1"/><feGaussianBlur stdDeviation="2.5"/><feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/><feColorMatrix type="matrix" values="0 0 0 0 0.121569 0 0 0 0 0.231373 0 0 0 0 0.376471 0 0 0 0.2 0"/><feBlend mode="normal" in2="effect1_innerShadow_795_105446" result="effect2_innerShadow_795_105446"/></filter><clipPath id="clip0_795_105446"><rect width="19.1947" height="19.4466" fill="white" transform="translate(13.8201 12.6406)"/></clipPath></defs></svg> ');
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
}
.Home-icon-filled {
  width: 40px;
  height: 40px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2241%22 height%3D%2241%22 viewBox%3D%220%200%2041%2041%22 fill%3D%22none%22%3E%3Crect x%3D%221.44897%22 y%3D%221.5%22 width%3D%2238%22 height%3D%2238%22 rx%3D%2219%22 fill%3D%22white%22%2F%3E%3Crect x%3D%221.44897%22 y%3D%221.5%22 width%3D%2238%22 height%3D%2238%22 rx%3D%2219%22 stroke%3D%22white%22 stroke-width%3D%222%22%2F%3E%3Cg filter%3D%22url(%23filter0_ii_home)%22%3E%3Crect x%3D%220.448975%22 y%3D%220.5%22 width%3D%2240%22 height%3D%2240%22 rx%3D%2220%22 fill%3D%22url(%23paint0_linear_home)%22%2F%3E%3C%2Fg%3E%3Crect x%3D%221.44897%22 y%3D%221.5%22 width%3D%2238%22 height%3D%2238%22 rx%3D%2219%22 stroke%3D%22white%22 stroke-width%3D%222%22%2F%3E%3Cpath d%3D%22M10.449 20.5L20.449 12.5L30.449 20.5V28.5C30.449 29.0304 30.238 29.5391 29.8629 29.9142C29.4878 30.2893 28.9792 30.5 28.449 30.5H12.449C11.9185 30.5 11.4099 30.2893 11.0348 29.9142C10.6597 29.5391 10.449 29.0304 10.449 28.5V20.5Z%22 stroke%3D%22white%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Cpath d%3D%22M16.449 30.5V20.5H24.449V30.5%22 stroke%3D%22white%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Cdefs%3E%3Cfilter id%3D%22filter0_ii_home%22 x%3D%22-0.551025%22 y%3D%22-2.5%22 width%3D%2242%22 height%3D%2244%22 filterUnits%3D%22userSpaceOnUse%22 color-interpolation-filters%3D%22sRGB%22%3E%3CfeFlood flood-opacity%3D%220%22 result%3D%22BackgroundImageFix%22%2F%3E%3CfeBlend mode%3D%22normal%22 in%3D%22SourceGraphic%22 in2%3D%22BackgroundImageFix%22 result%3D%22shape%22%2F%3E%3CfeColorMatrix in%3D%22SourceAlpha%22 type%3D%22matrix%22 values%3D%220 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0%22 result%3D%22hardAlpha%22%2F%3E%3CfeOffset dx%3D%22-1%22 dy%3D%22-3%22%2F%3E%3CfeGaussianBlur stdDeviation%3D%222%22%2F%3E%3CfeComposite in2%3D%22hardAlpha%22 operator%3D%22arithmetic%22 k2%3D%22-1%22 k3%3D%221%22%2F%3E%3CfeColorMatrix type%3D%22matrix%22 values%3D%220 0 0 0 0.454545 0 0 0 0 0.544866 0 0 0 0 0.617122 0 0 0 0.35 0%22%2F%3E%3CfeBlend mode%3D%22normal%22 in2%3D%22shape%22 result%3D%22effect1_innerShadow_home%22%2F%3E%3CfeColorMatrix in%3D%22SourceAlpha%22 type%3D%22matrix%22 values%3D%220 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0%22 result%3D%22hardAlpha%22%2F%3E%3CfeOffset dx%3D%221%22 dy%3D%221%22%2F%3E%3CfeGaussianBlur stdDeviation%3D%222.5%22%2F%3E%3CfeComposite in2%3D%22hardAlpha%22 operator%3D%22arithmetic%22 k2%3D%22-1%22 k3%3D%221%22%2F%3E%3CfeColorMatrix type%3D%22matrix%22 values%3D%220 0 0 0 0.121569 0 0 0 0 0.231373 0 0 0 0 0.376471 0 0 0 0.2 0%22%2F%3E%3CfeBlend mode%3D%22normal%22 in2%3D%22effect1_innerShadow_home%22 result%3D%22effect2_innerShadow_home%22%2F%3E%3C%2Ffilter%3E%3ClinearGradient id%3D%22paint0_linear_home%22 x1%3D%2223.449%22 y1%3D%2236.5%22 x2%3D%2221.949%22 y2%3D%225.5%22 gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop stop-color%3D%22%2336B6F9%22%2F%3E%3Cstop offset%3D%221%22 stop-color%3D%22%23377FC4%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3C%2Fsvg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
}
@media (max-width: 500px) {
  .Home-icon-filled {
    margin-top: 0.7rem;
  }
}
.Settings-icon-filled {
  width: 40px;
  height: 40px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2241%22 height%3D%2241%22 viewBox%3D%220%200%2041%2041%22 fill%3D%22none%22%3E%3Crect x%3D%221.44897%22 y%3D%221.5%22 width%3D%2238%22 height%3D%2238%22 rx%3D%2219%22 fill%3D%22white%22%2F%3E%3Crect x%3D%221.44897%22 y%3D%221.5%22 width%3D%2238%22 height%3D%2238%22 rx%3D%2219%22 stroke%3D%22white%22 stroke-width%3D%222%22%2F%3E%3Cg filter%3D%22url(%23filter0_ii_settings)%22%3E%3Crect x%3D%220.448975%22 y%3D%220.5%22 width%3D%2240%22 height%3D%2240%22 rx%3D%2220%22 fill%3D%22url(%23paint0_linear_settings)%22%2F%3E%3C%2Fg%3E%3Crect x%3D%221.44897%22 y%3D%221.5%22 width%3D%2238%22 height%3D%2238%22 rx%3D%2219%22 stroke%3D%22white%22 stroke-width%3D%222%22%2F%3E%3Cpath d%3D%22M20.449 26.5C23.7627 26.5 26.449 23.8137 26.449 20.5C26.449 17.1863 23.7627 14.5 20.449 14.5C17.1353 14.5 14.449 17.1863 14.449 20.5C14.449 23.8137 17.1353 26.5 20.449 26.5Z%22 stroke%3D%22white%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Cpath d%3D%22M20.449 14.5V11.5%22 stroke%3D%22white%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Cpath d%3D%22M20.449 29.5V26.5%22 stroke%3D%22white%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Cpath d%3D%22M14.449 17L12.049 15.5%22 stroke%3D%22white%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Cpath d%3D%22M28.849 25.5L26.449 24%22 stroke%3D%22white%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Cpath d%3D%22M14.449 24L12.049 25.5%22 stroke%3D%22white%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Cpath d%3D%22M28.849 15.5L26.449 17%22 stroke%3D%22white%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Cdefs%3E%3Cfilter id%3D%22filter0_ii_settings%22 x%3D%22-0.551025%22 y%3D%22-2.5%22 width%3D%2242%22 height%3D%2244%22 filterUnits%3D%22userSpaceOnUse%22 color-interpolation-filters%3D%22sRGB%22%3E%3CfeFlood flood-opacity%3D%220%22 result%3D%22BackgroundImageFix%22%2F%3E%3CfeBlend mode%3D%22normal%22 in%3D%22SourceGraphic%22 in2%3D%22BackgroundImageFix%22 result%3D%22shape%22%2F%3E%3CfeColorMatrix in%3D%22SourceAlpha%22 type%3D%22matrix%22 values%3D%220 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0%22 result%3D%22hardAlpha%22%2F%3E%3CfeOffset dx%3D%22-1%22 dy%3D%22-3%22%2F%3E%3CfeGaussianBlur stdDeviation%3D%222%22%2F%3E%3CfeComposite in2%3D%22hardAlpha%22 operator%3D%22arithmetic%22 k2%3D%22-1%22 k3%3D%221%22%2F%3E%3CfeColorMatrix type%3D%22matrix%22 values%3D%220 0 0 0 0.454545 0 0 0 0 0.544866 0 0 0 0 0.617122 0 0 0 0.35 0%22%2F%3E%3CfeBlend mode%3D%22normal%22 in2%3D%22shape%22 result%3D%22effect1_innerShadow_settings%22%2F%3E%3CfeColorMatrix in%3D%22SourceAlpha%22 type%3D%22matrix%22 values%3D%220 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0%22 result%3D%22hardAlpha%22%2F%3E%3CfeOffset dx%3D%221%22 dy%3D%221%22%2F%3E%3CfeGaussianBlur stdDeviation%3D%222.5%22%2F%3E%3CfeComposite in2%3D%22hardAlpha%22 operator%3D%22arithmetic%22 k2%3D%22-1%22 k3%3D%221%22%2F%3E%3CfeColorMatrix type%3D%22matrix%22 values%3D%220 0 0 0 0.121569 0 0 0 0 0.231373 0 0 0 0 0.376471 0 0 0 0.2 0%22%2F%3E%3CfeBlend mode%3D%22normal%22 in2%3D%22effect1_innerShadow_settings%22 result%3D%22effect2_innerShadow_settings%22%2F%3E%3C%2Ffilter%3E%3ClinearGradient id%3D%22paint0_linear_settings%22 x1%3D%2223.449%22 y1%3D%2236.5%22 x2%3D%2221.949%22 y2%3D%225.5%22 gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop stop-color%3D%22%2336B6F9%22%2F%3E%3Cstop offset%3D%221%22 stop-color%3D%22%23377FC4%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3C%2Fsvg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
}
@media (max-width: 500px) {
  .Settings-icon-filled {
    margin-top: 0.7rem;
  }
}
.Marketplace-icon {
  width: 40px;
  height: 40px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2241%22 height%3D%2241%22 viewBox%3D%220%200%2041%2041%22 fill%3D%22none%22%3E%3Crect x%3D%221.44897%22 y%3D%221.5%22 width%3D%2238%22 height%3D%2238%22 rx%3D%2219%22 fill%3D%22white%22%2F%3E%3Crect x%3D%221.44897%22 y%3D%221.5%22 width%3D%2238%22 height%3D%2238%22 rx%3D%2219%22 stroke%3D%22%23E0E0E0%22 stroke-width%3D%222%22%2F%3E%3Cpath d%3D%22M12.449 15.5L13.449 11.5H27.449L28.449 15.5%22 stroke%3D%22%23377FC4%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Cpath d%3D%22M28.449 15.5V28.5C28.449 28.7652 28.3436 29.0196 28.1561 29.2071C27.9686 29.3946 27.7142 29.5 27.449 29.5H13.449C13.1838 29.5 12.9294 29.3946 12.7419 29.2071C12.5543 29.0196 12.449 28.7652 12.449 28.5V15.5%22 stroke%3D%22%23377FC4%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Cpath d%3D%22M12.449 15.5H28.449%22 stroke%3D%22%23377FC4%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Cpath d%3D%22M17.449 21.5H23.449V29.5H17.449V21.5Z%22 stroke%3D%22%23377FC4%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
}
@media (max-width: 500px) {
  .Marketplace-icon {
    margin-top: 0.7rem;
  }
}
.Marketplace-icon-filled {
  width: 40px;
  height: 40px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2241%22 height%3D%2241%22 viewBox%3D%220%200%2041%2041%22 fill%3D%22none%22%3E%3Crect x%3D%221.44897%22 y%3D%221.5%22 width%3D%2238%22 height%3D%2238%22 rx%3D%2219%22 fill%3D%22white%22%2F%3E%3Crect x%3D%221.44897%22 y%3D%221.5%22 width%3D%2238%22 height%3D%2238%22 rx%3D%2219%22 stroke%3D%22white%22 stroke-width%3D%222%22%2F%3E%3Cg filter%3D%22url(%23filter0_ii_marketplace)%22%3E%3Crect x%3D%220.448975%22 y%3D%220.5%22 width%3D%2240%22 height%3D%2240%22 rx%3D%2220%22 fill%3D%22url(%23paint0_linear_marketplace)%22%2F%3E%3C%2Fg%3E%3Crect x%3D%221.44897%22 y%3D%221.5%22 width%3D%2238%22 height%3D%2238%22 rx%3D%2219%22 stroke%3D%22white%22 stroke-width%3D%222%22%2F%3E%3Cpath d%3D%22M12.449 15.5L13.449 11.5H27.449L28.449 15.5%22 stroke%3D%22white%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Cpath d%3D%22M28.449 15.5V28.5C28.449 28.7652 28.3436 29.0196 28.1561 29.2071C27.9686 29.3946 27.7142 29.5 27.449 29.5H13.449C13.1838 29.5 12.9294 29.3946 12.7419 29.2071C12.5543 29.0196 12.449 28.7652 12.449 28.5V15.5%22 stroke%3D%22white%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Cpath d%3D%22M12.449 15.5H28.449%22 stroke%3D%22white%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Cpath d%3D%22M17.449 21.5H23.449V29.5H17.449V21.5Z%22 stroke%3D%22white%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Cdefs%3E%3Cfilter id%3D%22filter0_ii_marketplace%22 x%3D%22-0.551025%22 y%3D%22-2.5%22 width%3D%2242%22 height%3D%2244%22 filterUnits%3D%22userSpaceOnUse%22 color-interpolation-filters%3D%22sRGB%22%3E%3CfeFlood flood-opacity%3D%220%22 result%3D%22BackgroundImageFix%22%2F%3E%3CfeBlend mode%3D%22normal%22 in%3D%22SourceGraphic%22 in2%3D%22BackgroundImageFix%22 result%3D%22shape%22%2F%3E%3CfeColorMatrix in%3D%22SourceAlpha%22 type%3D%22matrix%22 values%3D%220 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0%22 result%3D%22hardAlpha%22%2F%3E%3CfeOffset dx%3D%22-1%22 dy%3D%22-3%22%2F%3E%3CfeGaussianBlur stdDeviation%3D%222%22%2F%3E%3CfeComposite in2%3D%22hardAlpha%22 operator%3D%22arithmetic%22 k2%3D%22-1%22 k3%3D%221%22%2F%3E%3CfeColorMatrix type%3D%22matrix%22 values%3D%220 0 0 0 0.454545 0 0 0 0 0.544866 0 0 0 0 0.617122 0 0 0 0.35 0%22%2F%3E%3CfeBlend mode%3D%22normal%22 in2%3D%22shape%22 result%3D%22effect1_innerShadow_marketplace%22%2F%3E%3CfeColorMatrix in%3D%22SourceAlpha%22 type%3D%22matrix%22 values%3D%220 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0%22 result%3D%22hardAlpha%22%2F%3E%3CfeOffset dx%3D%221%22 dy%3D%221%22%2F%3E%3CfeGaussianBlur stdDeviation%3D%222.5%22%2F%3E%3CfeComposite in2%3D%22hardAlpha%22 operator%3D%22arithmetic%22 k2%3D%22-1%22 k3%3D%221%22%2F%3E%3CfeColorMatrix type%3D%22matrix%22 values%3D%220 0 0 0 0.121569 0 0 0 0 0.231373 0 0 0 0 0.376471 0 0 0 0.2 0%22%2F%3E%3CfeBlend mode%3D%22normal%22 in2%3D%22effect1_innerShadow_marketplace%22 result%3D%22effect2_innerShadow_marketplace%22%2F%3E%3C%2Ffilter%3E%3ClinearGradient id%3D%22paint0_linear_marketplace%22 x1%3D%2223.449%22 y1%3D%2236.5%22 x2%3D%2221.949%22 y2%3D%225.5%22 gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop stop-color%3D%22%2336B6F9%22%2F%3E%3Cstop offset%3D%221%22 stop-color%3D%22%23377FC4%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3C%2Fsvg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
}
@media (max-width: 500px) {
  .Marketplace-icon-filled {
    margin-top: 0.7rem;
  }
}
.Notification-icon-filled {
  width: 40px;
  height: 40px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2241%22 height%3D%2241%22 viewBox%3D%220%200%2041%2041%22 fill%3D%22none%22%3E%3Crect x%3D%221.44897%22 y%3D%221.5%22 width%3D%2238%22 height%3D%2238%22 rx%3D%2219%22 fill%3D%22white%22%2F%3E%3Crect x%3D%221.44897%22 y%3D%221.5%22 width%3D%2238%22 height%3D%2238%22 rx%3D%2219%22 stroke%3D%22white%22 stroke-width%3D%222%22%2F%3E%3Cg filter%3D%22url(%23filter0_ii_notification)%22%3E%3Crect x%3D%220.448975%22 y%3D%220.5%22 width%3D%2240%22 height%3D%2240%22 rx%3D%2220%22 fill%3D%22url(%23paint0_linear_notification)%22%2F%3E%3C%2Fg%3E%3Crect x%3D%221.44897%22 y%3D%221.5%22 width%3D%2238%22 height%3D%2238%22 rx%3D%2219%22 stroke%3D%22white%22 stroke-width%3D%222%22%2F%3E%3Cpath d%3D%22M15.449 17C15.449 15.6739 15.9758 14.4021 16.9135 13.4645C17.8511 12.5268 19.1229 12 20.449 12C21.7751 12 23.0469 12.5268 23.9845 13.4645C24.9222 14.4021 25.449 15.6739 25.449 17C25.449 23 28.449 25 28.449 25H12.449C12.449 25 15.449 23 15.449 17Z%22 stroke%3D%22white%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Cpath d%3D%22M18.949 29C19.1272 29.3044 19.3771 29.5583 19.6763 29.7352C19.9755 29.9121 20.3143 30.0053 20.659 30.0053C21.0037 30.0053 21.3425 29.9121 21.6417 29.7352C21.9409 29.5583 22.1908 29.3044 22.369 29%22 stroke%3D%22white%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Cdefs%3E%3Cfilter id%3D%22filter0_ii_notification%22 x%3D%22-0.551025%22 y%3D%22-2.5%22 width%3D%2242%22 height%3D%2244%22 filterUnits%3D%22userSpaceOnUse%22 color-interpolation-filters%3D%22sRGB%22%3E%3CfeFlood flood-opacity%3D%220%22 result%3D%22BackgroundImageFix%22%2F%3E%3CfeBlend mode%3D%22normal%22 in%3D%22SourceGraphic%22 in2%3D%22BackgroundImageFix%22 result%3D%22shape%22%2F%3E%3CfeColorMatrix in%3D%22SourceAlpha%22 type%3D%22matrix%22 values%3D%220 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0%22 result%3D%22hardAlpha%22%2F%3E%3CfeOffset dx%3D%22-1%22 dy%3D%22-3%22%2F%3E%3CfeGaussianBlur stdDeviation%3D%222%22%2F%3E%3CfeComposite in2%3D%22hardAlpha%22 operator%3D%22arithmetic%22 k2%3D%22-1%22 k3%3D%221%22%2F%3E%3CfeColorMatrix type%3D%22matrix%22 values%3D%220 0 0 0 0.454545 0 0 0 0 0.544866 0 0 0 0 0.617122 0 0 0 0.35 0%22%2F%3E%3CfeBlend mode%3D%22normal%22 in2%3D%22shape%22 result%3D%22effect1_innerShadow_notification%22%2F%3E%3CfeColorMatrix in%3D%22SourceAlpha%22 type%3D%22matrix%22 values%3D%220 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0%22 result%3D%22hardAlpha%22%2F%3E%3CfeOffset dx%3D%221%22 dy%3D%221%22%2F%3E%3CfeGaussianBlur stdDeviation%3D%222.5%22%2F%3E%3CfeComposite in2%3D%22hardAlpha%22 operator%3D%22arithmetic%22 k2%3D%22-1%22 k3%3D%221%22%2F%3E%3CfeColorMatrix type%3D%22matrix%22 values%3D%220 0 0 0 0.121569 0 0 0 0 0.231373 0 0 0 0 0.376471 0 0 0 0.2 0%22%2F%3E%3CfeBlend mode%3D%22normal%22 in2%3D%22effect1_innerShadow_notification%22 result%3D%22effect2_innerShadow_notification%22%2F%3E%3C%2Ffilter%3E%3ClinearGradient id%3D%22paint0_linear_notification%22 x1%3D%2223.449%22 y1%3D%2236.5%22 x2%3D%2221.949%22 y2%3D%225.5%22 gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop stop-color%3D%22%2336B6F9%22%2F%3E%3Cstop offset%3D%221%22 stop-color%3D%22%23377FC4%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3C%2Fsvg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  position: relative;
}
@media (max-width: 500px) {
  .Notification-icon-filled {
    margin-top: 0.7rem;
  }
}
.Home-icon {
  width: 40px;
  height: 40px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2241%22 height%3D%2241%22 viewBox%3D%220%200%2041%2041%22 fill%3D%22none%22%3E%3Crect x%3D%221.44897%22 y%3D%221.5%22 width%3D%2238%22 height%3D%2238%22 rx%3D%2219%22 fill%3D%22white%22%2F%3E%3Crect x%3D%221.44897%22 y%3D%221.5%22 width%3D%2238%22 height%3D%2238%22 rx%3D%2219%22 stroke%3D%22%23E0E0E0%22 stroke-width%3D%222%22%2F%3E%3Cpath d%3D%22M10.449 20.5L20.449 12.5L30.449 20.5V28.5C30.449 29.0304 30.238 29.5391 29.8629 29.9142C29.4878 30.2893 28.9792 30.5 28.449 30.5H12.449C11.9185 30.5 11.4099 30.2893 11.0348 29.9142C10.6597 29.5391 10.449 29.0304 10.449 28.5V20.5Z%22 stroke%3D%22%23377FC4%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Cpath d%3D%22M16.449 30.5V20.5H24.449V30.5%22 stroke%3D%22%23377FC4%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
}
@media (max-width: 500px) {
  .Home-icon {
    margin-top: 0.7rem;
  }
}
.Settings-icon {
  width: 40px;
  height: 40px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2241%22 height%3D%2241%22 viewBox%3D%220%200%2041%2041%22 fill%3D%22none%22%3E%3Crect x%3D%221.44897%22 y%3D%221.5%22 width%3D%2238%22 height%3D%2238%22 rx%3D%2219%22 fill%3D%22white%22%2F%3E%3Crect x%3D%221.44897%22 y%3D%221.5%22 width%3D%2238%22 height%3D%2238%22 rx%3D%2219%22 stroke%3D%22%23E0E0E0%22 stroke-width%3D%222%22%2F%3E%3Cpath d%3D%22M20.449 26.5C23.7627 26.5 26.449 23.8137 26.449 20.5C26.449 17.1863 23.7627 14.5 20.449 14.5C17.1353 14.5 14.449 17.1863 14.449 20.5C14.449 23.8137 17.1353 26.5 20.449 26.5Z%22 stroke%3D%22%23377FC4%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Cpath d%3D%22M20.449 14.5V11.5%22 stroke%3D%22%23377FC4%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Cpath d%3D%22M20.449 29.5V26.5%22 stroke%3D%22%23377FC4%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Cpath d%3D%22M14.449 17L12.049 15.5%22 stroke%3D%22%23377FC4%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Cpath d%3D%22M28.849 25.5L26.449 24%22 stroke%3D%22%23377FC4%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Cpath d%3D%22M14.449 24L12.049 25.5%22 stroke%3D%22%23377FC4%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Cpath d%3D%22M28.849 15.5L26.449 17%22 stroke%3D%22%23377FC4%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
}
@media (max-width: 500px) {
  .Settings-icon {
    margin-top: 0.7rem;
  }
}
.Notification-icon {
  width: 40px;
  height: 40px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2241%22 height%3D%2241%22 viewBox%3D%220%200%2041%2041%22 fill%3D%22none%22%3E%3Crect x%3D%221.44897%22 y%3D%221.5%22 width%3D%2238%22 height%3D%2238%22 rx%3D%2219%22 fill%3D%22white%22%2F%3E%3Crect x%3D%221.44897%22 y%3D%221.5%22 width%3D%2238%22 height%3D%2238%22 rx%3D%2219%22 stroke%3D%22%23E0E0E0%22 stroke-width%3D%222%22%2F%3E%3Cpath d%3D%22M15.449 17C15.449 15.6739 15.9758 14.4021 16.9135 13.4645C17.8511 12.5268 19.1229 12 20.449 12C21.7751 12 23.0469 12.5268 23.9845 13.4645C24.9222 14.4021 25.449 15.6739 25.449 17C25.449 23 28.449 25 28.449 25H12.449C12.449 25 15.449 23 15.449 17Z%22 stroke%3D%22%23377FC4%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Cpath d%3D%22M18.949 29C19.1272 29.3044 19.3771 29.5583 19.6763 29.7352C19.9755 29.9121 20.3143 30.0053 20.659 30.0053C21.0037 30.0053 21.3425 29.9121 21.6417 29.7352C21.9409 29.5583 22.1908 29.3044 22.369 29%22 stroke%3D%22%23377FC4%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  position: relative;
}
@media (max-width: 500px) {
  .Notification-icon {
    margin-top: 0.7rem;
  }
}
.multi-user-circle {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_3227_91534)'%3E%3Cpath d='M15.9777 9.9574C17.0705 9.9574 17.9564 9.0715 17.9564 7.9787C17.9564 6.88589 17.0705 6 15.9777 6C14.8849 6 13.999 6.88589 13.999 7.9787C13.999 9.0715 14.8849 9.9574 15.9777 9.9574Z' stroke='%2313911B' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M18.5646 14.9575V13.9681C18.5646 12.3289 17.2358 11 15.5965 11C14.4787 11 13.5052 11.6179 12.999 12.5308' stroke='%2313911B' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7.97772 9.9574C9.07053 9.9574 9.95642 9.0715 9.95642 7.9787C9.95642 6.88589 9.07053 6 7.97772 6C6.88492 6 5.99902 6.88589 5.99902 7.9787C5.99902 9.0715 6.88492 9.9574 7.97772 9.9574Z' stroke='%2313911B' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4.99902 14.9575V13.9681C4.99902 12.3289 6.32789 11 7.96714 11C9.08494 11 10.0584 11.6179 10.5646 12.5308' stroke='%2313911B' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M11.9777 15.9574C13.0705 15.9574 13.9564 15.0715 13.9564 13.9787C13.9564 12.8859 13.0705 12 11.9777 12C10.8849 12 9.99902 12.8859 9.99902 13.9787C9.99902 15.0715 10.8849 15.9574 11.9777 15.9574Z' stroke='%2313911B' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M14.9352 19.968C14.9352 18.3288 13.6064 17 11.9671 17C10.3279 17 8.99902 18.3288 8.99902 19.968' stroke='%2313911B' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cpath d='M11.999 23C18.0742 23 22.999 18.0752 22.999 12C22.999 5.92487 18.0742 1 11.999 1C5.92389 1 0.999023 5.92487 0.999023 12C0.999023 18.0752 5.92389 23 11.999 23Z' stroke='%2313911B' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cdefs%3E%3CclipPath id='clip0_3227_91534'%3E%3Crect width='15.3899' height='15.3899' fill='white' transform='translate(3.99902 5)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  width: 36px;
  height: 36px;
}
.collapse-icon {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg width%3D%2217%22 height%3D%2223%22 viewBox%3D%220%200%2017%2023%22 fill%3D%22none%22 xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath d%3D%22M14.9623 11.6916C14.9244 11.783 14.8604 11.8611 14.7782 11.916C14.6959 11.971 14.5993 12.0003 14.5004 12.0004H12.0004V17.0004C12.0004 17.2656 11.895 17.5199 11.7075 17.7075C11.52 17.895 11.2656 18.0004 11.0004 18.0004H6.00039C5.73518 18.0004 5.48082 17.895 5.29329 17.7075C5.10575 17.5199 5.00039 17.2656 5.00039 17.0004V12.0004H2.50039C2.40145 12.0004 2.3047 11.9712 2.2224 11.9162C2.14011 11.8613 2.07596 11.7832 2.03808 11.6918C2.00021 11.6003 1.9903 11.4998 2.00963 11.4027C2.02895 11.3057 2.07664 11.2165 2.14664 11.1466L8.14664 5.14662C8.19308 5.10013 8.24822 5.06325 8.30892 5.03809C8.36962 5.01292 8.43469 4.99997 8.50039 4.99997C8.5661 4.99997 8.63116 5.01292 8.69186 5.03809C8.75256 5.06325 8.80771 5.10013 8.85414 5.14662L14.8541 11.1466C14.924 11.2166 14.9716 11.3057 14.9909 11.4027C15.0101 11.4997 15.0002 11.6003 14.9623 11.6916ZM8.50039 6.20724L3.70727 11.0004H5.50039C5.633 11.0004 5.76018 11.053 5.85395 11.1468C5.94772 11.2406 6.00039 11.3678 6.00039 11.5004V17.0004H11.0004V11.5004C11.0004 11.3678 11.0531 11.2406 11.1468 11.1468C11.2406 11.053 11.3678 11.0004 11.5004 11.0004H13.2935L8.50039 6.20724Z%22 fill%3D%22%23377FC4%22/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  width: 38px;
  height: 38px;
  margin-left: 5px;
  margin-top: 2px;
}
.expand-icon {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg width%3D%2217%22 height%3D%2223%22 viewBox%3D%220%200%2017%2023%22 fill%3D%22none%22 xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath d%3D%22M14.9623 11.3088C14.9244 11.2174 14.8604 11.1393 14.7782 11.0843C14.6959 11.0294 14.5993 11 14.5004 11H12.0004V6C12.0004 5.73478 11.895 5.48043 11.7075 5.29289C11.52 5.10536 11.2656 5 11.0004 5H6.00039C5.73518 5 5.48082 5.10536 5.29329 5.29289C5.10575 5.48043 5.00039 5.73478 5.00039 6V11H2.50039C2.40145 10.9999 2.3047 11.0292 2.2224 11.0841C2.14011 11.1391 2.07596 11.2172 2.03808 11.3086C2.00021 11.4 1.9903 11.5006 2.00963 11.5977C2.02895 11.6947 2.07664 11.7838 2.14664 11.8538L8.14664 17.8538C8.19308 17.9002 8.24822 17.9371 8.30892 17.9623C8.36962 17.9874 8.43469 18.0004 8.50039 18.0004C8.5661 18.0004 8.63116 17.9874 8.69186 17.9623C8.75256 17.9371 8.80771 17.9002 8.85414 17.8538L14.8541 11.8538C14.924 11.7838 14.9716 11.6947 14.9909 11.5977C15.0101 11.5006 15.0002 11.4001 14.9623 11.3088ZM8.50039 16.7931L3.70727 12H5.50039C5.633 12 5.76018 11.9473 5.85395 11.8536C5.94772 11.7598 6.00039 11.6326 6.00039 11.5V6H11.0004V11.5C11.0004 11.6326 11.0531 11.7598 11.1468 11.8536C11.2406 11.9473 11.3678 12 11.5004 12H13.2935L8.50039 16.7931Z%22 fill%3D%22%23377FC4%22/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  width: 38px;
  height: 38px;
  margin-left: 5px;
  margin-top: 2px;
}
.both-direction-icon {
  background-image: url('data:image/svg+xml,<svg width="17" height="23" viewBox="0 0 17 23" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M15.7724 7.48445C15.7322 7.58153 15.6641 7.66452 15.5768 7.72291C15.4894 7.7813 15.3867 7.81248 15.2817 7.8125H12.6254V9.40625C12.6254 9.54715 12.5694 9.68227 12.4698 9.7819C12.3702 9.88153 12.2351 9.9375 12.0942 9.9375H5.71917C5.57827 9.9375 5.44315 9.88153 5.34352 9.7819C5.24389 9.68227 5.18792 9.54715 5.18792 9.40625V7.8125H2.53167C2.42654 7.81258 2.32374 7.78147 2.2363 7.7231C2.14886 7.66473 2.08071 7.58173 2.04046 7.48461C2.00022 7.38748 1.9897 7.2806 2.01023 7.17749C2.03076 7.07439 2.08143 6.97969 2.15581 6.90539L8.53081 0.530391C8.58015 0.480997 8.63874 0.441812 8.70323 0.415077C8.76772 0.388342 8.83685 0.374582 8.90667 0.374582C8.97648 0.374582 9.04561 0.388342 9.11011 0.415077C9.1746 0.441812 9.23319 0.480997 9.28253 0.530391L15.6575 6.90539C15.7318 6.97973 15.7824 7.07442 15.8028 7.1775C15.8233 7.28057 15.8127 7.38739 15.7724 7.48445ZM8.90667 1.6573L3.81397 6.75H5.71917C5.86006 6.75 5.99519 6.80597 6.09482 6.9056C6.19445 7.00523 6.25042 7.14035 6.25042 7.28125V8.875H11.5629V7.28125C11.5629 7.14035 11.6189 7.00523 11.7185 6.9056C11.8181 6.80597 11.9533 6.75 12.0942 6.75H13.9994L8.90667 1.6573ZM5.18792 11.5312C5.18792 11.6721 5.24389 11.8073 5.34352 11.9069C5.44315 12.0065 5.57827 12.0625 5.71917 12.0625H12.0942C12.2351 12.0625 12.3702 12.0065 12.4698 11.9069C12.5694 11.8073 12.6254 11.6721 12.6254 11.5312C12.6254 11.3904 12.5694 11.2552 12.4698 11.1556C12.3702 11.056 12.2351 11 12.0942 11H5.71917C5.57827 11 5.44315 11.056 5.34352 11.1556C5.24389 11.2552 5.18792 11.3904 5.18792 11.5312Z" fill="%23377FC4"/><path d="M15.7724 15.5155C15.7322 15.4185 15.6641 15.3355 15.5768 15.2771C15.4894 15.2187 15.3867 15.1875 15.2817 15.1875H12.6254V13.5938C12.6254 13.4529 12.5694 13.3177 12.4698 13.2181C12.3702 13.1185 12.2351 13.0625 12.0942 13.0625H5.71917C5.57827 13.0625 5.44315 13.1185 5.34352 13.2181C5.24389 13.3177 5.18792 13.4529 5.18792 13.5938V15.1875H2.53167C2.42654 15.1874 2.32374 15.2185 2.2363 15.2769C2.14886 15.3353 2.08071 15.4183 2.04046 15.5154C2.00022 15.6125 1.9897 15.7194 2.01023 15.8225C2.03076 15.9256 2.08143 16.0203 2.15581 16.0946L8.53081 22.4696C8.58015 22.519 8.63874 22.5582 8.70323 22.5849C8.76772 22.6117 8.83685 22.6254 8.90667 22.6254C8.97648 22.6254 9.04561 22.6117 9.11011 22.5849C9.1746 22.5582 9.23319 22.519 9.28253 22.4696L15.6575 16.0946C15.7318 16.0203 15.7824 15.9256 15.8028 15.8225C15.8233 15.7194 15.8127 15.6126 15.7724 15.5155ZM8.90667 21.3427L3.81397 16.25H5.71917C5.86006 16.25 5.99519 16.194 6.09482 16.0944C6.19445 15.9948 6.25042 15.8596 6.25042 15.7188V14.125H11.5629V15.7188C11.5629 15.8596 11.6189 15.9948 11.7185 16.0944C11.8181 16.194 11.9533 16.25 12.0942 16.25H13.9994L8.90667 21.3427Z" fill="%23377FC4"/></svg>');
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-left: 5px;
}
.lock-rotation {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='23' viewBox='0 0 22 23' fill='none'%3E %3Cpath d='M13.643 1.55893C18.1478 2.6231 21.5001 6.67 21.5001 11.4999C21.5001 17.1411 16.9271 21.7142 11.2858 21.7142C5.64463 21.7142 1.07153 17.1411 1.07153 11.4999C1.07153 7.55925 3.30313 4.13969 6.57153 2.43626' stroke='%2313911B' stroke-linecap='round'/%3E %3Cpath d='M3.42871 1.28566L7.35728 1.28566L7.35728 5.21423' stroke='%2313911B' stroke-linecap='round' stroke-linejoin='round'/%3E %3Cpath d='M7.75024 15.0356V11.8928C7.75024 11.4588 8.10202 11.1071 8.53596 11.1071H14.036C14.4699 11.1071 14.8217 11.4588 14.8217 11.8928V15.0356C14.8217 15.4696 14.4699 15.8213 14.036 15.8213H8.53596C8.10202 15.8213 7.75024 15.4696 7.75024 15.0356Z' stroke='%2313911B' stroke-linejoin='round'/%3E %3Cpath d='M8.92847 11.107V9.53561C8.92847 8.23379 9.98379 7.17847 11.2856 7.17847C12.5874 7.17847 13.6428 8.23379 13.6428 9.53561V11.107' stroke='%2313911B' stroke-linecap='round' stroke-linejoin='round'/%3E %3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  width: 22px;
  height: 22px;
}
.info-circle {
  background-image: url("data:image/svg+xml,%3Csvg width='26' height='29' viewBox='0 0 26 29' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='information-circle--information-frame-info-more-help-point-circle'%3E%3Cg id='information-circle--information-frame-info-more-help-point-circle_2'%3E%3Cpath id='Vector' d='M13 21.4832C16.5899 21.4832 19.5 18.5731 19.5 14.9832C19.5 11.3933 16.5899 8.48315 13 8.48315C9.41015 8.48315 6.5 11.3933 6.5 14.9832C6.5 18.5731 9.41015 21.4832 13 21.4832Z' stroke='%2326A3E3' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath id='Vector_2' d='M11.5 17.9832H14.5' stroke='%2326A3E3' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath id='Vector_3' d='M13 17.9832V14.4832H12' stroke='%2326A3E3' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cg id='Group 2605'%3E%3Cpath id='Ellipse 1111' d='M13 12.2332C12.8619 12.2332 12.75 12.1212 12.75 11.9832C12.75 11.8451 12.8619 11.7332 13 11.7332' stroke='%2326A3E3' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath id='Ellipse 1112' d='M13 12.2332C13.1381 12.2332 13.25 12.1212 13.25 11.9832C13.25 11.8451 13.1381 11.7332 13 11.7332' stroke='%2326A3E3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  width: 22px;
  height: 22px;
}
.action-icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='30' viewBox='0 0 32 30' fill='none'%3E%3Cg id='ai-generate-portrait-image-spark--picture-photography-photo-image-artificial-intelligence-ai'%3E%3Cg id='ai-generate-variation-spark--module-application-artificial-intelligence-ai'%3E%3Cg id='Group 631'%3E%3Cpath id='Vector' d='M13.3843 16.9424H7.67115C7.29995 16.9424 6.99902 17.2499 6.99902 17.6292V23.4673C6.99902 23.8466 7.29995 24.1541 7.67115 24.1541H13.3843C13.7555 24.1541 14.0564 23.8466 14.0564 23.4673V17.6292C14.0564 17.2499 13.7555 16.9424 13.3843 16.9424Z' stroke='%23377FC4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath id='Vector_2' d='M24.3272 16.9424H18.614C18.2428 16.9424 17.9419 17.2499 17.9419 17.6292V23.4673C17.9419 23.8466 18.2428 24.1541 18.614 24.1541H24.3272C24.6984 24.1541 24.9992 23.8466 24.9992 23.4673V17.6292C24.9992 17.2499 24.6984 16.9424 24.3272 16.9424Z' stroke='%23377FC4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath id='Vector_3' d='M13.3843 6H7.67115C7.29995 6 6.99902 6.30751 6.99902 6.68683V12.5249C6.99902 12.9043 7.29995 13.2118 7.67115 13.2118H13.3843C13.7555 13.2118 14.0564 12.9043 14.0564 12.5249V6.68683C14.0564 6.30751 13.7555 6 13.3843 6Z' stroke='%23377FC4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath id='Vector 2136' d='M17.158 10.1382C16.7442 10.0646 16.7442 9.45753 17.158 9.38396C18.6573 9.11742 19.8498 7.95045 20.1753 6.43133L20.2002 6.31488C20.2897 5.89692 20.8721 5.89431 20.9652 6.31146L20.9954 6.44717C21.333 7.95913 22.5258 9.11624 24.021 9.38203C24.4369 9.45598 24.4369 10.0662 24.021 10.1401C22.5258 10.4059 21.333 11.563 20.9954 13.075L20.9652 13.2107C20.8721 13.6278 20.2897 13.6252 20.2002 13.2073L20.1753 13.0908C19.8498 11.5717 18.6573 10.4047 17.158 10.1382Z' stroke='%23377FC4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  width: 28px;
  height: 28px;
}
.default-icon {
  position: relative;
  top: 2px;
  left: 2px;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='20'%20height='20'%20viewBox='0%200%20100%20100'%20fill='none'%3E%3Ccircle%20cx='50'%20cy='50'%20r='40'%20fill='none'%20stroke='%23CBD5E0'%20stroke-width='4'/%3E%3Ccircle%20cx='50'%20cy='50'%20r='10'%20fill='%23CBD5E0'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.center-icon {
  position: relative;
  top: 2px;
  left: 2px;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='20'%20height='20'%20viewBox='0%200%20100%20100'%20fill='none'%3E%3Ccircle%20cx='50'%20cy='50'%20r='40'%20fill='%234A90E2'%20opacity='0.2'/%3E%3Ccircle%20cx='50'%20cy='50'%20r='25'%20fill='%234A90E2'%20opacity='0.5'/%3E%3Ccircle%20cx='50'%20cy='50'%20r='12'%20fill='%234A90E2'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.center-organization-icon {
  position: relative;
  top: 2px;
  left: 2px;
  background-image: url("data:image/svg+xml,%3Csvg%20width='22'%20height='22'%20viewBox='0%200%2022%2022'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20d='M18.8734%2011.6619C18.8734%2016.3958%2015.0358%2020.2334%2010.3019%2020.2334C5.56803%2020.2334%201.73047%2016.3958%201.73047%2011.6619C1.73047%206.92807%205.56803%203.09052%2010.3019%203.09052'%20stroke='%2326A3E3'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3Cpath%20d='M1.73047%2011.662H11.6206'%20stroke='%2326A3E3'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3Cpath%20d='M10.3016%203.09082C8.32135%205.52596%207.16681%208.52775%207.00488%2011.6622C7.16681%2014.7967%208.32135%2017.7986%2010.3016%2020.2337C11.8606%2018.3166%2012.9078%2016.0481%2013.3618%2013.6403'%20stroke='%2326A3E3'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3Cpath%20d='M11.5772%206.67224C11.0758%206.58503%2011.0758%205.86534%2011.5772%205.77813C13.3934%205.46216%2014.8379%204.07879%2015.2322%202.27792L15.2624%202.13988C15.3708%201.6444%2016.0764%201.64132%2016.1891%202.13583L16.2258%202.2967C16.6347%204.08906%2018.0795%205.46076%2019.8908%205.77586C20.3947%205.86351%2020.3947%206.58686%2019.8908%206.67453C18.0795%206.98961%2016.6347%208.36131%2016.2258%2010.1537L16.1891%2010.3145C16.0764%2010.8091%2015.3708%2010.806%2015.2624%2010.3105L15.2322%2010.1725C14.8379%208.3716%2013.3934%206.98821%2011.5772%206.67224Z'%20stroke='%2326A3E3'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.center-department-icon {
  position: relative;
  top: 2px;
  left: 2px;
  background-image: url("data:image/svg+xml,%3Csvg%20width='22'%20height='22'%20viewBox='0%200%2022%2022'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20d='M20.24%205.70098L12.2015%201.18573C11.9868%201.0639%2011.7454%201%2011.5%201C11.2546%201%2011.0132%201.0639%2010.7985%201.18573L2.76%205.70286C2.53044%205.8318%202.33881%206.02165%202.20512%206.25259C2.07143%206.48352%202.00059%206.74706%202%207.0157V15.9843C2.00059%2016.2529%202.07143%2016.5165%202.20512%2016.7474C2.33881%2016.9783%202.53044%2017.1682%202.76%2017.2971L10.7985%2021.8143C11.0132%2021.9361%2011.2546%2022%2011.5%2022C11.7454%2022%2011.9868%2021.9361%2012.2015%2021.8143L20.24%2017.2971C20.4696%2017.1682%2020.6612%2016.9783%2020.7949%2016.7474C20.9286%2016.5165%2020.9994%2016.2529%2021%2015.9843V7.01664C20.9999%206.74752%2020.9293%206.48339%2020.7956%206.25192C20.6619%206.02045%2020.47%205.83015%2020.24%205.70098ZM11.5%202.49858L18.8387%206.62466L11.5%2010.7507L4.16125%206.62466L11.5%202.49858ZM3.46154%207.9375L10.7692%2012.043V20.0879L3.46154%2015.9852V7.9375ZM12.2308%2020.0879V12.0467L19.5385%207.9375V15.9815L12.2308%2020.0879Z'%20fill='%2326A3E3'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.center-group-icon {
  position: relative;
  top: 2px;
  left: 2px;
  background-image: url("data:image/svg+xml,%3Csvg%20width='22'%20height='22'%20viewBox='0%200%2022%2022'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20d='M11.3931%2021C16.6988%2021%2021%2016.6988%2021%2011.3931C21%206.0873%2016.6988%201.78613%2011.3931%201.78613C6.0873%201.78613%201.78613%206.0873%201.78613%2011.3931C1.78613%2016.6988%206.0873%2021%2011.3931%2021Z'%20stroke='%2326A3E3'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3Cpath%20d='M12.8136%2015.8069L12.8136%2015.8069C12.387%2015.1195%2011.8034%2014.5551%2011.1163%2014.1645C10.4292%2013.7739%209.66002%2013.5695%208.8787%2013.5695C8.09738%2013.5695%207.32824%2013.7739%206.64111%2014.1645C5.9541%2014.555%205.37068%2015.1193%204.94409%2015.8065C4.90533%2015.8706%204.85466%2015.9263%204.79487%2015.9701C4.73495%2016.0141%204.6671%2016.0452%204.59521%2016.0617C4.52332%2016.0781%204.44899%2016.0794%204.3766%2016.0654C4.30422%2016.0515%204.23538%2016.0227%204.17408%2015.9808C4.11278%2015.9389%204.06027%2015.8848%204.01945%2015.8219C3.97864%2015.7589%203.95029%2015.6883%203.93591%2015.614C3.92152%2015.5398%203.92137%2015.4634%203.93544%2015.3891L4.00912%2015.4031L3.93544%2015.3891C3.94948%2015.315%203.97743%2015.2444%204.01781%2015.1814C4.01791%2015.1813%204.01802%2015.1811%204.01813%2015.1809L4.08123%2015.2215C4.73642%2014.165%205.69269%2013.3528%206.8131%2012.8993L12.8136%2015.8069ZM12.8136%2015.8069L12.8142%2015.8078C12.8946%2015.933%2013.0194%2016.021%2013.1625%2016.0514C13.3056%2016.0818%2013.4542%2016.0519%2013.5759%2015.9688C13.6974%2015.8858%2013.7819%2015.7567%2013.8124%2015.6101C13.8429%2015.4635%2013.8172%2015.3101%2013.7404%2015.1827L13.7399%2015.1819C13.0849%2014.1258%2012.1322%2013.31%2011.015%2012.8472C11.6128%2012.3961%2012.0667%2011.7656%2012.3161%2011.0384C12.5807%2010.2667%2012.6013%209.42644%2012.3747%208.64166C12.1481%207.85685%2011.6863%207.16863%2011.0568%206.67915C10.4273%206.18963%209.66361%205.925%208.8787%205.925C8.09379%205.925%207.33011%206.18963%206.70058%206.67915C6.07111%207.16863%205.60928%207.85685%205.38271%208.64166C5.15615%209.42644%205.17667%2010.2667%205.4413%2011.0384C5.6907%2011.7656%206.14462%2012.3961%206.74236%2012.8472L12.8136%2015.8069Z'%20fill='%2326A3E3'%20stroke='%2326A3E3'%20stroke-width='0.15'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.center-sphere-icon {
  position: relative;
  top: 2px;
  left: 2px;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='20'%20height='20'%20viewBox='0%200%20100%20100'%20fill='none'%3E%3Ccircle%20cx='50'%20cy='50'%20r='40'%20fill='%2348BB78'%20opacity='0.3'/%3E%3Ccircle%20cx='50'%20cy='50'%20r='20'%20fill='%2348BB78'/%3E%3Cpath%20d='M50%2010%20A40%2040%200%200%201%2090%2050'%20stroke='%2334D399'%20stroke-width='4'%20fill='none'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.center-subject-icon {
  position: relative;
  top: 2px;
  left: 2px;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='20'%20height='20'%20viewBox='0%200%20100%20100'%20fill='none'%3E%3Ccircle%20cx='50'%20cy='50'%20r='40'%20fill='none'%20stroke='%23805AD5'%20stroke-width='4'/%3E%3Ccircle%20cx='50'%20cy='50'%20r='20'%20fill='%23805AD5'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.center-perspective-icon {
  position: relative;
  top: 2px;
  left: 2px;
  background-image: url("data:image/svg+xml,%3Csvg%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cg%20clip-path='url(%23clip0_4902_122453)'%3E%3Cpath%20d='M4.35352%2013.0213C5.35639%2011.6788%206.95802%2010.8097%208.76263%2010.8097C10.0473%2010.8097%2011.2291%2011.2501%2012.1652%2011.9883'%20stroke='%2326A3E3'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3Cpath%20d='M7.97669%2016.7026H2.47669C2.05994%2016.7026%201.66023%2016.5369%201.36553%2016.2423C1.07083%2015.9476%200.905273%2015.5479%200.905273%2015.1311V2.55972C0.905273%202.14294%201.07083%201.74325%201.36553%201.44854C1.66023%201.15384%202.05994%200.988281%202.47669%200.988281H15.0481C15.4649%200.988281%2015.8646%201.15384%2016.1594%201.44854C16.454%201.74325%2016.6196%202.14294%2016.6196%202.55972V7.274'%20stroke='%2326A3E3'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3Cpath%20d='M8.76242%208.45257C10.0642%208.45257%2011.1196%207.39723%2011.1196%206.09542C11.1196%204.79361%2010.0642%203.73828%208.76242%203.73828C7.46061%203.73828%206.40527%204.79361%206.40527%206.09542C6.40527%207.39723%207.46061%208.45257%208.76242%208.45257Z'%20stroke='%2326A3E3'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3Cpath%20d='M11.5327%2016.5988C10.9813%2016.5028%2010.9813%2015.7111%2011.5327%2015.6152C13.5306%2015.2676%2015.1196%2013.7459%2015.5532%2011.765L15.5865%2011.6131C15.7058%2011.0681%2016.4819%2011.0647%2016.6059%2011.6087L16.6462%2011.7856C17.096%2013.7572%2018.6853%2015.2661%2020.6777%2015.6127C21.232%2015.7091%2021.232%2016.5048%2020.6777%2016.6013C18.6853%2016.9478%2017.096%2018.4567%2016.6462%2020.4284L16.6059%2020.6053C16.4819%2021.1492%2015.7058%2021.1459%2015.5865%2020.6007L15.5532%2020.4489C15.1196%2018.468%2013.5306%2016.9462%2011.5327%2016.5988Z'%20stroke='%2326A3E3'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.center-time-action-icon {
  position: relative;
  top: 2px;
  left: 2px;
  background-image: url("data:image/svg+xml,%3Csvg%20width='22'%20height='22'%20viewBox='0%200%2022%2022'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20d='M10.9694 9.7819C11.0391 9.85164 11.1218 9.90696 11.2128 9.94471C11.3039 9.98245 11.4014 10.0019 11.5 10.0019C11.5986 10.0019 11.6961 9.98245 11.7872 9.94471C11.8782 9.90696 11.9609 9.85164 12.0306 9.7819L15.7804 6.03161C15.8501 5.96195 15.9054 5.87922 15.9432 5.78817C15.9809 5.69711 16.0003 5.59951 16.0003 5.50094C16.0003 5.40237 15.9809 5.30477 15.9432 5.21371C15.9054 5.12266 15.8501 5.03993 15.7804 4.97027L12.0306 1.21998C11.9609 1.15024 11.8782 1.09492 11.7872 1.05717C11.6961 1.01943 11.5986 1 11.5 1C11.4014 1 11.3039 1.01943 11.2128 1.05717C11.1218 1.09492 11.0391 1.15024 10.9694 1.21998L7.21962 4.97027C7.14989 5.03993 7.09457 5.12266 7.05683 5.21371C7.01909 5.30477 6.99966 5.40237 6.99966 5.50094C6.99966 5.59951 7.01909 5.69711 7.05683 5.78817C7.09457 5.87922 7.14989 5.96195 7.21962 6.03161L10.9694 9.7819ZM11.5 2.81104L14.1895 5.50094L11.5 8.19084L8.81046 5.50094L11.5 2.81104ZM12.0306 13.2181C11.9609 13.1484 11.8782 13.093 11.7872 13.0553C11.6961 13.0175 11.5986 12.9981 11.5 12.9981C11.4014 12.9981 11.3039 13.0175 11.2128 13.0553C11.1218 13.093 11.0391 13.1484 10.9694 13.2181L7.21962 16.9684C7.14989 17.0381 7.09457 17.1208 7.05683 17.2118C7.01909 17.3029 6.99966 17.4005 6.99966 17.4991C6.99966 17.5976 7.01909 17.6952 7.05683 17.7863C7.09457 17.8773 7.14989 17.9601 7.21962 18.0297L10.9694 21.78C11.0391 21.8498 11.1218 21.9051 11.2128 21.9428C11.3039 21.9806 11.4014 22 11.5 22C11.5986 22 11.6961 21.9806 11.7872 21.9428C11.8782 21.9051 11.9609 21.8498 12.0306 21.78L15.7804 18.0297C15.8501 17.9601 15.9054 17.8773 15.9432 17.7863C15.9809 17.6952 16.0003 17.5976 16.0003 17.4991C16.0003 17.4005 15.9809 17.3029 15.9432 17.2118C15.9054 17.1208 15.8501 17.0381 15.7804 16.9684L12.0306 13.2181ZM11.5 20.1918L8.81046 17.5019L11.5 14.812L14.1895 17.5019L11.5 20.1918ZM21.78 10.9707L18.0303 7.22045C17.9606 7.15071 17.8779 7.09539 17.7869 7.05764C17.6958 7.0199 17.5982 7.00047 17.4997 7.00047C17.4011 7.00047 17.3035 7.0199 17.2125 7.05764C17.1214 7.09539 17.0387 7.15071 16.9691 7.22045L13.2193 10.9707C13.1496 11.0404 13.0942 11.1231 13.0565 11.2142C13.0188 11.3052 12.9993 11.4028 12.9993 11.5014C12.9993 11.6 13.0188 11.6976 13.0565 11.7886C13.0942 11.8797 13.1496 11.9624 13.2193 12.0321L16.9691 15.7824C17.0387 15.8521 17.1214 15.9074 17.2125 15.9452C17.3035 15.9829 17.4011 16.0023 17.4997 16.0023C17.5982 16.0023 17.6958 15.9829 17.7869 15.9452C17.8779 15.9074 17.9606 15.8521 18.0303 15.7824L21.78 12.0321C21.8498 11.9624 21.9051 11.8797 21.9428 11.7886C21.9806 11.6976 22 11.6 22 11.5014C22 11.4028 21.9806 11.3052 21.9428 11.2142C21.9051 11.1231 21.8498 11.0404 21.78 10.9707ZM17.4997 14.1913L14.8101 11.5014L17.4997 8.81151L20.1892 11.5014L17.4997 14.1913ZM9.78072 10.9707L6.03093 7.22045C5.96128 7.15071 5.87857 7.09539 5.78753 7.05764C5.69648 7.0199 5.59889 7.00047 5.50034 7.00047C5.40178 7.00047 5.30419 7.0199 5.21315 7.05764C5.12211 7.09539 5.03939 7.15071 4.96974 7.22045L1.21995 10.9707C1.15022 11.0404 1.09491 11.1231 1.05717 11.2142C1.01943 11.3052 1 11.4028 1 11.5014C1 11.6 1.01943 11.6976 1.05717 11.7886C1.09491 11.8797 1.15022 11.9624 1.21995 12.0321L4.96974 15.7824C5.03939 15.8521 5.12211 15.9074 5.21315 15.9452C5.30419 15.9829 5.40178 16.0023 5.50034 16.0023C5.59889 16.0023 5.69648 15.9829 5.78753 15.9452C5.87857 15.9074 5.96128 15.8521 6.03093 15.7824L9.78072 12.0321C9.85045 11.9624 9.90577 11.8797 9.94351 11.7886C9.98125 11.6976 10.0007 11.6 10.0007 11.5014C10.0007 11.4028 9.98125 11.3052 9.94351 11.2142C9.90577 11.1231 9.85045 11.0404 9.78072 10.9707ZM5.50034 14.1913L2.8108 11.5014L5.50034 8.81151L8.18987 11.5014L5.50034 14.1913Z' fill='%2348BB78'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.center-orbit-icon {
  position: relative;
  top: 2px;
  left: 2px;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='26'%20height='22'%20viewBox='0%200%2026%2022'%20fill='none'%3E%3Cpath%20d='M4.96289%2020.2119V16.6689H9.07677'%20stroke='%2326A3E3'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3Cpath%20d='M23.7054%209.30695C24.729%2013.9951%2021.3979%2018.6427%2015.9593%2019.8979C11.7968%2020.8585%207.5496%2019.5663%204.96289%2016.8892'%20stroke='%2326A3E3'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3Cpath%20d='M2.67647%2012.6927C1.65286%208.00463%204.98399%203.35689%2010.4226%202.10182C14.5848%201.1413%2018.8317%202.4332%2021.4184%205.10997'%20stroke='%2326A3E3'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3Cpath%20d='M21.4185%201.78809V5.33116H17.3047'%20stroke='%2326A3E3'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3Cpath%20d='M8.36333%2011.4764C7.78123%2011.3892%207.78123%2010.6695%208.36333%2010.5823C10.4722%2010.2664%2012.1494%208.88297%2012.6072%207.08212L12.6422%206.94407C12.7682%206.4486%2013.5873%206.44552%2013.7183%206.94002L13.7609%207.10089C14.2356%208.89326%2015.9133%2010.2649%2018.0163%2010.58C18.6013%2010.6677%2018.6013%2011.3911%2018.0163%2011.4787C15.9133%2011.7938%2014.2356%2013.1655%2013.7609%2014.9579L13.7183%2015.1187C13.5873%2015.6133%2012.7682%2015.6101%2012.6422%2015.1147L12.6072%2014.9767C12.1494%2013.1758%2010.4722%2011.7924%208.36333%2011.4764Z'%20stroke='%2326A3E3'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.center-rotation-icon {
  position: relative;
  top: 2px;
  left: 2px;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='26'%20height='22'%20viewBox='0%200%2026%2022'%20fill='none'%3E%3Cpath%20d='M4.96289%2020.2119V16.6689H9.07677'%20stroke='%2326A3E3'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3Cpath%20d='M23.7054%209.30695C24.729%2013.9951%2021.3979%2018.6427%2015.9593%2019.8979C11.7968%2020.8585%207.5496%2019.5663%204.96289%2016.8892'%20stroke='%2326A3E3'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3Cpath%20d='M2.67647%2012.6927C1.65286%208.00463%204.98399%203.35689%2010.4226%202.10182C14.5848%201.1413%2018.8317%202.4332%2021.4184%205.10997'%20stroke='%2326A3E3'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3Cpath%20d='M21.4185%201.78809V5.33116H17.3047'%20stroke='%2326A3E3'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3Cpath%20d='M8.36333%2011.4764C7.78123%2011.3892%207.78123%2010.6695%208.36333%2010.5823C10.4722%2010.2664%2012.1494%208.88297%2012.6072%207.08212L12.6422%206.94407C12.7682%206.4486%2013.5873%206.44552%2013.7183%206.94002L13.7609%207.10089C14.2356%208.89326%2015.9133%2010.2649%2018.0163%2010.58C18.6013%2010.6677%2018.6013%2011.3911%2018.0163%2011.4787C15.9133%2011.7938%2014.2356%2013.1655%2013.7609%2014.9579L13.7183%2015.1187C13.5873%2015.6133%2012.7682%2015.6101%2012.6422%2015.1147L12.6072%2014.9767C12.1494%2013.1758%2010.4722%2011.7924%208.36333%2011.4764Z'%20stroke='%2326A3E3'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
/*
.sphere-user-icon {
  background-image: url('data:image/svg+xml;utf8,<svg width="26" height="26" viewBox="0 0 26 26" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="user-circle-single--circle-geometric-human-person-single-user"><g id="user-circle-single--circle-geometric-human-person-single-user_2"><path id="Vector" d="M13.0001 14.7599C15.4293 14.7599 17.3986 12.7906 17.3986 10.3614C17.3986 7.93217 15.4293 5.96289 13.0001 5.96289C10.5708 5.96289 8.60156 7.93217 8.60156 10.3614C8.60156 12.7906 10.5708 14.7599 13.0001 14.7599Z" stroke="%23377FC4" stroke-linecap="round" stroke-linejoin="round"/><path id="Vector_2" d="M5.48828 21.6216C6.2734 20.3328 7.37684 19.2677 8.69252 18.5287C10.0082 17.7896 11.4919 17.4014 13.0009 17.4014C14.51 17.4014 15.9936 17.7896 17.3093 18.5287C18.625 19.2677 19.7284 20.3328 20.5136 21.6216" stroke="%23377FC4" stroke-linecap="round" stroke-linejoin="round"/><path id="Vector_3" d="M13.0005 24.4366C19.3166 24.4366 24.4366 19.3166 24.4366 13.0005C24.4366 6.68457 19.3166 1.56445 13.0005 1.56445C6.68457 1.56445 1.56445 6.68457 1.56445 13.0005C1.56445 19.3166 6.68457 24.4366 13.0005 24.4366Z" stroke="%23377FC4" stroke-linecap="round" stroke-linejoin="round"/></g></g></svg>');
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  width: 24.632px;
  height: 24.632px;
}
*/
.center-sphere-priority-icon {
  position: relative;
  top: 2px;
  left: 2px;
  background-image: url("data:image/svg+xml,%3Csvg%20width='22'%20height='22'%20viewBox='0%200%2022%2022'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cg%20clip-path='url(%23clip0_4902_122407)'%3E%3Cpath%20d='M9.6423%207.21063C8.72555%207.90125%207.79322%208.70989%206.88422%209.61889C2.82223%2013.6809%200.764175%2018.2086%202.28742%2019.7319C3.81066%2021.255%208.33839%2019.197%2012.4004%2015.1351C13.3094%2014.2261%2014.118%2013.2937%2014.8086%2012.377'%20stroke='%231A9C9C'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3Cpath%20d='M14.8086%2012.377C17.2042%2015.5569%2018.1796%2018.5495%2016.9972%2019.7319C15.4739%2021.2552%2010.9462%2019.197%206.88422%2015.1351C2.82223%2011.0731%200.764175%206.54534%202.28742%205.0221C3.46979%203.83973%206.4624%204.81514%209.6423%207.21064'%20stroke='%231A9C9C'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3Cpath%20d='M8.92773%2012.3771C8.92773%2012.7716%209.24753%2013.0914%209.64202%2013.0914C10.0365%2013.0914%2010.3563%2012.7716%2010.3563%2012.3771C10.3563%2011.9826%2010.0365%2011.6628%209.64202%2011.6628C9.24753%2011.6628%208.92773%2011.9826%208.92773%2012.3771Z'%20stroke='%231A9C9C'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3Cpath%20d='M12.5123%206.15718C12.0636%206.07911%2012.0636%205.4349%2012.5123%205.35683C14.1381%205.07398%2015.4312%203.83567%2015.784%202.22363L15.8112%202.10006C15.9082%201.65654%2016.5397%201.65378%2016.6407%202.09644L16.6736%202.24044C17.0395%203.84487%2018.3329%205.07273%2019.9542%205.35478C20.4053%205.43325%2020.4053%206.08075%2019.9542%206.15923C18.3329%206.44128%2017.0395%207.66915%2016.6736%209.27358L16.6407%209.41758C16.5397%209.86024%2015.9082%209.85748%2015.8112%209.41395L15.784%209.29038C15.4312%207.67835%2014.1381%206.44003%2012.5123%206.15718Z'%20stroke='%231A9C9C'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath%20id='clip0_4902_122407'%3E%3Crect%20width='20'%20height='20'%20fill='white'%20transform='translate(1.03906%201)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.center-sphere-pillar-icon {
  position: relative;
  top: 2px;
  left: 2px;
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D'23'%20height%3D'23'%20viewBox%3D'0%200%2023%2023'%20fill%3D'none'%20xmlns%3D'http%3A//www.w3.org/2000/svg'%3E%3Cdefs%3E%3ClinearGradient%20id%3D'paint0_linear_main'%20x1%3D'5.21977'%20y1%3D'17.3305'%20x2%3D'16.7802'%20y2%3D'5.77008'%20gradientUnits%3D'userSpaceOnUse'%3E%3Cstop%20stop-color%3D'%2338AB6B'/%3E%3Cstop%20offset%3D'1'%20stop-color%3D'%2349C881'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath%20d%3D'M18.9892%2013.2037C19.2761%2013.361%2019.599%2013.4407%2019.9262%2013.4353C20.2533%2013.4297%2020.5735%2013.3391%2020.8551%2013.1722C21.1368%2013.0054%2021.3702%2012.7681%2021.5323%2012.4838C21.6945%2012.1994%2021.7799%2011.8779%2021.7799%2011.5506C21.7801%2011.2234%2021.695%2010.9018%2021.5331%2010.6176C21.3711%2010.3333%2021.1379%2010.0963%2020.8564%209.92962C20.5748%209.76297%2020.2547%209.67258%2019.9276%209.66733C19.6004%209.66209%2019.2773%209.74202%2018.9904%209.8995C18.6697%208.33827%2017.8982%206.90564%2016.7714%205.77888C15.6447%204.65211%2014.212%203.88064%2012.6508%203.55992C12.8082%203.27294%2012.8883%202.94996%2012.883%202.62277C12.8777%202.29558%2012.7873%201.97547%2012.6207%201.69396C12.4541%201.41243%2012.217%201.17923%2011.9327%201.01727C11.6485%200.855316%2011.3269%200.770213%2010.9997%200.770332C10.6725%200.770448%2010.3509%200.855797%2010.0665%201.01795C9.78216%201.18012%209.54489%201.4135%209.37807%201.69514C9.21124%201.97678%209.12061%202.29695%209.11509%202.62415C9.10957%202.95134%209.18936%203.27427%209.3466%203.56113C7.7859%203.88512%206.35331%204.65737%205.22443%205.78319C4.23605%206.76848%203.51953%207.9928%203.14469%209.33685C2.74269%209.19789%202.30524%209.2001%201.90441%209.34314C1.50357%209.48618%201.1634%209.76138%200.939847%2010.1235C0.716293%2010.4856%200.622653%2010.9131%200.674542%2011.3353C0.726351%2011.7575%200.920477%2012.1494%201.22501%2012.4463C1.44885%2012.6678%201.72438%2012.8301%202.02678%2012.9183C2.32916%2013.0066%202.64879%2013.0182%202.95681%2012.952C3.23938%2014.611%204.03012%2016.1409%205.21978%2017.3305C6.40944%2018.5202%207.93934%2019.3109%209.59834%2019.5935C9.5127%2019.9908%209.55779%2020.4049%209.72693%2020.7743C9.89598%2021.1436%2010.1799%2021.4484%2010.5364%2021.643C10.8929%2021.8377%2011.3029%2021.9118%2011.7052%2021.8544C12.1075%2021.797%2012.4805%2021.611%2012.7687%2021.3243C13.0137%2021.0773%2013.1852%2020.7669%2013.2637%2020.428C13.3423%2020.089%2013.3249%2019.7351%2013.2135%2019.4056C14.5575%2019.0307%2015.7819%2018.3143%2016.7671%2017.3259C17.8929%2016.197%2018.6652%2014.7644%2018.9892%2013.2037Z'%20stroke%3D'url(%23paint0_linear_main)'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'/%3E%3Cg%20transform%3D'translate(1,1)'%3E%3Ccircle%20cx%3D'10'%20cy%3D'10.5'%20r%3D'5'%20stroke%3D'url(%23paint0_linear_main)'%20stroke-width%3D'1'/%3E%3Ccircle%20cx%3D'10'%20cy%3D'10.5'%20r%3D'1.5'%20fill%3D'url(%23paint0_linear_main)'/%3E%3C/g%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.center-sphere-strategy-icon {
  position: relative;
  top: 2px;
  left: 2px;
  background-image: url("data:image/svg+xml,%3Csvg%20width='22'%20height='22'%20viewBox='0%200%2022%2022'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20d='M10.8658%209.62083L10.8657%2015.7767C10.8657%2018.1091%208.97483%2020%206.6423%2020C4.30977%2020%202.41887%2018.1091%202.41887%2015.7767C2.41887%2015.6571%202.42384%2015.5388%202.43357%2015.4218C1.55459%2014.4775%201%2012.6304%201%2011.0893C1%208.98924%202.02972%206.94741%203.50682%206.14482C3.49265%206.01341%203.48538%205.87995%203.48538%205.74478C3.48538%203.70674%205.13755%202.05457%207.17559%202.05457C8.08312%202.05457%208.91411%202.38217%209.55681%202.92555'%20stroke='%23B04DAA'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3Cpath%20d='M5.45689%208.65254C4.91505%208.52902%203.68721%207.72378%203.50195%206.15393'%20stroke='%23B04DAA'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3Cpath%20d='M3.56289%2013.2075C3.01162%2013.6428%202.57209%2014.6292%202.42969%2015.4194'%20stroke='%23B04DAA'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3Cpath%20d='M10.8662%2015.7765C10.8662%2018.109%2012.7571%2019.9999%2015.0896%2019.9999C17.4221%2019.9999%2019.313%2018.109%2019.313%2015.7765C19.313%2015.657%2019.308%2015.5387%2019.2983%2015.4216C20.1774%2014.4774%2020.732%2012.6303%2020.732%2011.0891C20.732%2010.4162%2020.6262%209.74921%2020.4338%209.12708'%20stroke='%23B04DAA'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3Cpath%20d='M18.1689%2013.2075C18.7201%2013.6428%2019.1597%2014.6292%2019.3021%2015.4194'%20stroke='%23B04DAA'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3Cpath%20d='M10.9657%206.32407C10.4216%206.22941%2010.4216%205.44834%2010.9657%205.35369C12.9368%205.01077%2014.5046%203.50939%2014.9324%201.55493L14.9652%201.40511C15.0829%200.867375%2015.8487%200.864028%2015.971%201.40072L16.0108%201.5753C16.4546%203.52055%2018.0227%205.00925%2019.9884%205.35121C20.5353%205.44636%2020.5353%206.2314%2019.9884%206.32653C18.0227%206.66851%2016.4546%208.15721%2016.0108%2010.1024L15.971%2010.277C15.8487%2010.8137%2015.0829%2010.8104%2014.9652%2010.2726L14.9324%2010.1228C14.5046%208.16835%2012.9368%206.66699%2010.9657%206.32407Z'%20stroke='%23B04DAA'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.center-sphere-intention-icon {
  position: relative;
  top: 2px;
  left: 2px;
  background-image: url("data:image/svg+xml,%3Csvg%20width='22'%20height='22'%20viewBox='0%200%2022%2022'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cg%20clip-path='url(%23clip0_4902_122422)'%3E%3Cpath%20d='M13.0089%2012.3862C12.4573%2013.0135%2011.786%2013.5295%2011.0307%2013.9016V16.0445C11.0307%2016.2339%2010.9554%2016.4156%2010.8215%2016.5495C10.6875%2016.6835%2010.5058%2016.7588%2010.3164%2016.7588H6.03067C5.84124%2016.7588%205.65956%2016.6835%205.5256%2016.5495C5.39164%2016.4156%205.31639%2016.2339%205.31639%2016.0445V13.9016C4.28846%2013.3916%203.41579%2012.6157%202.78896%2011.6545C2.16214%2010.6933%201.80402%209.58188%201.75178%208.43557C1.69955%207.28924%201.9551%206.14984%202.4919%205.13563C3.02872%204.12143%203.8272%203.26938%204.80449%202.66798C5.78177%202.06657%206.90223%201.73772%208.04953%201.71556C9.00669%201.69706%209.95342%201.8926%2010.8215%202.28496'%20stroke='%235C1BB7'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3Cpath%20d='M5.31641%2020.2858H11.0307'%20stroke='%235C1BB7'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3Cpath%20d='M11.5645%206.62C11.0631%206.53278%2011.0631%205.8131%2011.5645%205.72588C13.3807%205.40991%2014.8252%204.02654%2015.2195%202.22567L15.2497%202.08763C15.3581%201.59215%2016.0637%201.58907%2016.1764%202.08358L16.2131%202.24445C16.6219%204.03681%2018.0668%205.40851%2019.8781%205.7236C20.3819%205.81127%2020.3819%206.53461%2019.8781%206.62227C18.0668%206.93737%2016.6219%208.30907%2016.2131%2010.1014L16.1764%2010.2623C16.0637%2010.7568%2015.3581%2010.7537%2015.2497%2010.2583L15.2195%2010.1202C14.8252%208.31936%2013.3807%206.93597%2011.5645%206.62Z'%20stroke='%235C1BB7'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath%20id='clip0_4902_122422'%3E%3Crect%20width='22'%20height='22'%20fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
/* I 
.sphere-role-icon {
  position: relative;
  top: 2px;
  left: 2px;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%3E%3Cpath%20d='M10%202L4%205V9C4%2013%206%2014%2010%2018C14%2014%2016%2013%2016%209V5L10%202Z' stroke='%231A9C9C' stroke-width='2' fill='none'/%3E%3Cpolygon%20points='10,7%2011.09,9.26%2013,9.27%2011.5,11.14%2012.82,13.02%2010,11.77%207.18,13.02%208.5,11.14%207,9.27%208.91,9.26' fill='%231A9C9C'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
*/
.center-subject-identity-icon {
  position: relative;
  top: 2px;
  left: 2px;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='20'%20height='20'%20viewBox='0%200%20100%20100'%20fill='none'%3E%3Crect%20x='20'%20y='20'%20width='60'%20height='60'%20rx='10'%20stroke='%23805AD5'%20stroke-width='4'%20fill='none'/%3E%3Ccircle%20cx='50'%20cy='45'%20r='12'%20fill='%23805AD5'/%3E%3Cpath%20d='M40%2070%20C40%2060,%2060%2060,%2060%2070%20C60%2075,%2040%2075,%2040%2070%20Z'%20fill='%23805AD5'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.center-subject-user-icon {
  position: relative;
  top: 2px;
  left: 2px;
  background-image: url("data:image/svg+xml,%3Csvg%20width='20'%20height='20'%20viewBox='0%200%2022%2022'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20d='M11%200.4375C8.91094%200.4375%206.86879%201.05698%205.13179%202.2176C3.3948%203.37822%202.04098%205.02786%201.24153%206.95791C0.442077%208.88795%200.232904%2011.0117%200.64046%2013.0606C1.04802%2015.1096%202.054%2016.9916%203.53119%2018.4688C5.00838%2019.946%206.89044%2020.952%208.93936%2021.3595C10.9883%2021.7671%2013.1121%2021.5579%2015.0421%2020.7585C16.9721%2019.959%2018.6218%2018.6052%2019.7824%2016.8682C20.943%2015.1312%2021.5625%2013.0891%2021.5625%2011C21.5595%208.19956%2020.4458%205.51466%2018.4656%203.53445C16.4853%201.55424%2013.8004%200.440457%2011%200.4375ZM5.52375%2018.0586C6.11153%2017.1393%206.92126%2016.3828%207.8783%2015.8588C8.83534%2015.3348%209.90889%2015.0601%2011%2015.0601C12.0911%2015.0601%2013.1647%2015.3348%2014.1217%2015.8588C15.0787%2016.3828%2015.8885%2017.1393%2016.4763%2018.0586C14.9105%2019.2763%2012.9835%2019.9374%2011%2019.9374C9.01647%2019.9374%207.08951%2019.2763%205.52375%2018.0586ZM7.75%2010.1875C7.75%209.54471%207.94061%208.91636%208.29773%208.3819C8.65484%207.84744%209.16242%207.43088%209.75628%207.18489C10.3501%206.93891%2011.0036%206.87455%2011.634%206.99995C12.2645%207.12535%2012.8436%207.43488%2013.2981%207.8894C13.7526%208.34392%2014.0622%208.92302%2014.1876%209.55346C14.313%2010.1839%2014.2486%2010.8374%2014.0026%2011.4312C13.7566%2012.0251%2013.3401%2012.5327%2012.8056%2012.8898C12.2711%2013.2469%2011.6428%2013.4375%2011%2013.4375C10.1381%2013.4375%209.3114%2013.0951%208.70191%2012.4856C8.09241%2011.8761%207.75%2011.0495%207.75%2010.1875ZM17.6788%2016.9323C16.7726%2015.6191%2015.4984%2014.6033%2014.0164%2014.0123C14.8125%2013.3853%2015.3934%2012.5259%2015.6783%2011.5534C15.9632%2010.581%2015.9381%209.54389%2015.6063%208.58641C15.2745%207.62894%2014.6526%206.79865%2013.827%206.21101C13.0015%205.62338%2012.0133%205.3076%2011%205.3076C9.98667%205.3076%208.99852%205.62338%208.17297%206.21101C7.34743%206.79865%206.72551%207.62894%206.39372%208.58641C6.06194%209.54389%206.03676%2010.581%206.3217%2011.5534C6.60664%2012.5259%207.18754%2013.3853%207.9836%2014.0123C6.50162%2014.6033%205.22743%2015.6191%204.32125%2016.9323C3.17621%2015.6446%202.4278%2014.0534%202.16614%2012.3503C1.90449%2010.6471%202.14075%208.90466%202.84648%207.33268C3.55221%205.7607%204.69731%204.42624%206.1439%203.49C7.59049%202.55375%209.27688%202.05564%2011%202.05564C12.7231%202.05564%2014.4095%202.55375%2015.8561%203.49C17.3027%204.42624%2018.4478%205.7607%2019.1535%207.33268C19.8593%208.90466%2020.0955%2010.6471%2019.8339%2012.3503C19.5722%2014.0534%2018.8238%2015.6446%2017.6788%2016.9323Z'%20fill='%2326A3E3'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.center-subject-role-icon {
  position: relative;
  top: 2px;
  left: 2px;
  background-image: url("data:image/svg+xml,%3Csvg%20width='22'%20height='22'%20viewBox='0%200%2022%2022'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cg%20clip-path='url(%23clip0_4902_122468)'%3E%3Cpath%20d='M10.8932%2021C16.4753%2021%2021.0004%2016.4749%2021.0004%2010.8929C21.0004%205.31088%2016.4753%200.785767%2010.8932%200.785767C5.31124%200.785767%200.786133%205.31088%200.786133%2010.8929C0.786133%2016.4749%205.31124%2021%2010.8932%2021Z'%20stroke='%2326A3E3'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3Cpath%20d='M10.8805%208.71126C12.1892%208.71126%2013.2502%207.6503%2013.2502%206.34153C13.2502%205.03277%2012.1892%203.9718%2010.8805%203.9718C9.57171%203.9718%208.51074%205.03277%208.51074%206.34153C8.51074%207.6503%209.57171%208.71126%2010.8805%208.71126Z'%20stroke='%2326A3E3'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3Cpath%20d='M12.916%2013.7689L12.4103%2017.8149H10.893H9.3753L8.86956%2013.7689H7.8583C7.57899%2013.7689%207.35254%2013.5425%207.35254%2013.2632V12.2517C7.35254%2010.2964%208.93744%208.71143%2010.8927%208.71143C12.8479%208.71143%2014.433%2010.2964%2014.433%2012.2517V13.2632C14.433%2013.5425%2014.2066%2013.7689%2013.9273%2013.7689H12.916Z'%20stroke='%2326A3E3'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath%20id='clip0_4902_122468'%3E%3Crect%20width='22'%20height='22'%20fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.urgent-status-icon {
  width: 26px;
  height: 28px;
  background-color: #ff5733; /* Set your custom color here */
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='28' viewBox='0 0 26 28' fill='none'%3E%3Cpath d='M5.84075 14.3531L11.3707 12.2464L13.3816 6.45314C13.5913 5.84895 14.4069 5.84895 14.6167 6.45314L16.6275 12.2464L22.1574 14.3531C22.7342 14.5728 22.7342 15.4273 22.1574 15.6469L16.6275 17.7536L14.6167 23.5468C14.4069 24.1511 13.5913 24.1511 13.3816 23.5468L11.3707 17.7536L5.84075 15.6469C5.26402 15.4273 5.26402 14.5728 5.84075 14.3531Z' fill='%23A52255'/%3E%3C/svg%3E");
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='28' viewBox='0 0 26 28' fill='none'%3E%3Cpath d='M5.84075 14.3531L11.3707 12.2464L13.3816 6.45314C13.5913 5.84895 14.4069 5.84895 14.6167 6.45314L16.6275 12.2464L22.1574 14.3531C22.7342 14.5728 22.7342 15.4273 22.1574 15.6469L16.6275 17.7536L14.6167 23.5468C14.4069 24.1511 13.5913 24.1511 13.3816 23.5468L11.3707 17.7536L5.84075 15.6469C5.26402 15.4273 5.26402 14.5728 5.84075 14.3531Z' fill='%23A52255'/%3E%3C/svg%3E");
  mask-repeat: no-repeat;
  mask-size: contain;
  position: relative;
  top: 2px;
}
.success-icon {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20xmlns%3D'http%3A//www.w3.org/2000/svg'%3E%3Ccircle%20cx%3D'12'%20cy%3D'12'%20r%3D'10'%20stroke%3D'%2300C851'%20stroke-width%3D'2'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'/%3E%3Cpath%20d%3D'M8%2012.5L11%2015.5L16%2010.5'%20stroke%3D'%2300C851'%20stroke-width%3D'2'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  width: 24px;
  height: 24px;
}
.error-icon {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20xmlns%3D'http%3A//www.w3.org/2000/svg'%3E%3Ccircle%20cx%3D'12'%20cy%3D'12'%20r%3D'10'%20stroke%3D'%23FF4B5C'%20stroke-width%3D'2'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'/%3E%3Cpath%20d%3D'M16%2016L8%208'%20stroke%3D'%23FF4B5C'%20stroke-width%3D'2'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  width: 24px;
  height: 24px;
}
.header-filter-down-icon {
  background-image: url("data:image/svg+xml,%3Csvg%20width='18'%20height='18'%20viewBox='0%200%2018%2018'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20d='M8.64463%2010.9302C8.8403%2011.1279%209.1597%2011.1279%209.35537%2010.9302L12.1548%208.10173C12.4673%207.78601%2012.2436%207.25%2011.7994%207.25H6.20057C5.75636%207.25%205.53272%207.78601%205.8452%208.10173L8.64463%2010.9302Z'%20stroke='%23377FC4'/%3E%3Cpath%20d='M12.0001%202.92859H6.00014C4.57998%202.92859%203.42871%204.07986%203.42871%205.50002V11.5C3.42871%2012.9202%204.57998%2014.0714%206.00014%2014.0714H12.0001C13.4203%2014.0714%2014.5716%2012.9202%2014.5716%2011.5V5.50002C14.5716%204.07986%2013.4203%202.92859%2012.0001%202.92859Z'%20stroke='%23377FC4'%20stroke-width='1.2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  width: 15px;
  height: 15px;
}
.header-filter-up-icon {
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.14463 6.06983C9.3403 5.87214 9.6597 5.87214 9.85537 6.06983L12.6548 8.89827C12.9673 9.21399 12.7436 9.75 12.2994 9.75H6.70057C6.25636 9.75 6.03272 9.21399 6.3452 8.89827L9.14463 6.06983Z' stroke='%23377FC4'/%3E%3Cpath d='M12.0001 2.92859H6.00014C4.57998 2.92859 3.42871 4.07986 3.42871 5.50002V11.5C3.42871 12.9202 4.57998 14.0714 6.00014 14.0714H12.0001C13.4203 14.0714 14.5716 12.9202 14.5716 11.5V5.50002C14.5716 4.07986 13.4203 2.92859 12.0001 2.92859Z' stroke='%23377FC4' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  width: 15px;
  height: 15px;
}
.header-filter-icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'%3E%3Cpath d='M9.06206 1.07129H0.572266' stroke='%23377FC4' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.06329 4.25488H3.22656' stroke='%23377FC4' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.06259 7.43848H5.87891' stroke='%23377FC4' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M15.4291 13.0713L12.572 15.9284L9.71484 13.0713' stroke='%23377FC4' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12.5723 1.07129V15.9284' stroke='%23377FC4' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  width: 15px;
  height: 15px;
}
.custom-tooltip {
  font-size: var(--secondary-font);
  font-family: var(--font-family);
}
/* WebKit Browsers (e.g., Chrome, Safari) */
::-webkit-scrollbar {
  width: 10px;
  /* Set scrollbar width */
}
/* Scrollbar track */
::-webkit-scrollbar-track {
  background: var(--scrollbar-track);
  /* Background color of scrollbar track */
  border-radius: 10px;
  /* Optional: To round the track corners */
}
/* Scrollbar thumb */
::-webkit-scrollbar-thumb {
  background-color: var(--scrollbar-thumb);
  /* Thumb color */
  border-radius: 10px;
  /* Optional: To round the thumb corners */
  border: 3px solid var(--scrollbar-track);
  /* Optional: Padding around the thumb */
}
/* Firefox */
* {
  scrollbar-width: thin;
  /* Set the width of the scrollbar */
  scrollbar-color: var(--scrollbar-thumb) var(--scrollbar-track);
  /* Thumb color and track color */
}
::-webkit-scrollbar-thumb:hover {
  background-color: var(--scrollbar-thumb-hover);
}
.custom-error-message {
  border-radius: 5px;
  margin: 10px;
}
.custom-error-message .p-inline-message-text {
  font-size: var(--secondary-font);
}
.custom-toast div .p-toast-message .p-toast-message-content .p-toast-message-text .p-toast-detail {
  font-size: var(--primary-font);
}
.avatar-option {
  height: 20px;
  width: 20px;
  display: inline-block;
  top: 4px;
  position: relative;
}
.avatar-option-selected {
  height: 15px;
  width: 20px;
  display: inline-block;
}
.nearby-mode-icon {
  position: relative;
  top: 2px;
  left: 2px;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='100'%20height='100'%20viewBox='0%200%2024%2024'%20fill='none'%3E%3Ccircle%20cx='12'%20cy='12'%20r='10'%20fill='%232196F3'/%3E%3Ccircle%20cx='12'%20cy='12'%20r='5'%20fill='white'/%3E%3Ccircle%20cx='12'%20cy='12'%20r='8'%20stroke='white'%20stroke-width='2'%20fill='none'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 30px;
  height: 30px;
  border: 0px;
  border-radius: 20px;
}
.everywhere-mode-icon {
  position: relative;
  top: 2px;
  left: 2px;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='100'%20height='100'%20viewBox='0%200%2024%2024'%20fill='none'%3E%3Ccircle%20cx='12'%20cy='12'%20r='10'%20fill='%232196F3'/%3E%3Ccircle%20cx='12'%20cy='12'%20r='2'%20fill='white'/%3E%3Ccircle%20cx='12'%20cy='12'%20r='5'%20stroke='white'%20stroke-width='2'%20fill='none'/%3E%3Ccircle%20cx='12'%20cy='12'%20r='8'%20stroke='white'%20stroke-width='2'%20fill='none'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 30px;
  height: 30px;
  border: 0px;
  border-radius: 20px;
}
.atlas-button, .atlastree button {
  border-radius: 20px;
  border: var(--primary-border);
  color: var(--primary-text-color);
  background: var(--user-bg, linear-gradient(359deg, #f5fbff -34.86%, #f2f9fe -34.84%, #eff5fa 99.41%, #fafdff 125.39%));
  box-shadow: 0px -2px 7px 2px rgba(116, 139, 157, 0.2) inset;
  font-family: var(--font-family);
  font-size: var(--secondary-font);
  font-style: normal;
  font-weight: 700;
  line-height: 12px; /* 100% */
  padding-left: 10px;
  padding-right: 10px;
  cursor: pointer;
  height: 40px;
}
.ellipsis-circle-icon {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A//www.w3.org/2000/svg'%20width%3D'23'%20height%3D'22'%20viewBox%3D'0%200%2023%2022'%20fill%3D'none'%3E%3Cpath%20d%3D'M1.5%2011C1.5%2016.5229%205.97708%2021%2011.5%2021C17.0228%2021%2021.5%2016.5229%2021.5%2011C21.5%205.47715%2017.0228%201%2011.5%201C5.97708%200.999999%201.5%205.47716%201.5%2011Z'%20stroke%3D'%2326A3E3'%20stroke-width%3D'2'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'/%3E%3Cpath%20d%3D'M10.9678%206.94287C10.9678%206.7479%2011.1258%206.58984%2011.3208%206.58984C11.5158%206.58984%2011.6738%206.7479%2011.6738%206.94287'%20stroke%3D'%2326A3E3'%20stroke-width%3D'1.5'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'/%3E%3Cpath%20d%3D'M10.9678%206.94238C10.9678%207.13735%2011.1258%207.29541%2011.3208%207.29541C11.5158%207.29541%2011.6738%207.13735%2011.6738%206.94238'%20stroke%3D'%2326A3E3'%20stroke-width%3D'1.5'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'/%3E%3Cpath%20d%3D'M10.9678%2011.1782C10.9678%2010.9833%2011.1258%2010.8252%2011.3208%2010.8252C11.5158%2010.8252%2011.6738%2010.9833%2011.6738%2011.1782'%20stroke%3D'%2326A3E3'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'/%3E%3Cpath%20d%3D'M10.9678%2011.1777C10.9678%2011.3727%2011.1258%2011.5308%2011.3208%2011.5308C11.5158%2011.5308%2011.6738%2011.3727%2011.6738%2011.1777'%20stroke%3D'%2326A3E3'%20stroke-width%3D'1.5'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'/%3E%3Cpath%20d%3D'M10.9678%2015.4145C10.9678%2015.2196%2011.1258%2015.0615%2011.3208%2015.0615C11.5158%2015.0615%2011.6738%2015.2196%2011.6738%2015.4145'%20stroke%3D'%2326A3E3'%20stroke-width%3D'1.5'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'/%3E%3Cpath%20d%3D'M10.9678%2015.4141C10.9678%2015.6091%2011.1258%2015.7671%2011.3208%2015.7671C11.5158%2015.7671%2011.6738%2015.6091%2011.6738%2015.4141'%20stroke%3D'%2326A3E3'%20stroke-width%3D'1.5'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  width: 23px;
  height: 22px;
}
.center-calendar-period-icon {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%3Crect%20x%3D%224%22%20y%3D%2210%22%20width%3D%2216%22%20height%3D%224%22%20rx%3D%222%22%20stroke%3D%22%23377FC4%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3Cpath%20d%3D%22M2%2010V14%22%20stroke%3D%22%23377FC4%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3Cpath%20d%3D%22M22%2010V14%22%20stroke%3D%22%23377FC4%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  width: 24px;
  height: 24px;
}
.center-calendar-timeframe-icon {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%3Crect%20x%3D%222%22%20y%3D%224%22%20width%3D%2216%22%20height%3D%2218%22%20rx%3D%222%22%20stroke%3D%22%23377FC4%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3Crect%20x%3D%226%22%20y%3D%220%22%20width%3D%222%22%20height%3D%224%22%20rx%3D%221%22%20stroke%3D%22%23377FC4%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3Crect%20x%3D%2214%22%20y%3D%220%22%20width%3D%222%22%20height%3D%224%22%20rx%3D%221%22%20stroke%3D%22%23377FC4%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3Ccircle%20cx%3D%2218%22%20cy%3D%2216%22%20r%3D%224%22%20stroke%3D%22%23377FC4%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3Cpath%20d%3D%22M18%2016v-2%22%20stroke%3D%22%23377FC4%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3Cpath%20d%3D%22M18%2016h2%22%20stroke%3D%22%23377FC4%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  width: 24px;
  height: 24px;
}
.metaspace-toolbar-collapse-icon {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2228%22%20height%3D%2233%22%20viewBox%3D%220%200%2028%2033%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M12.8795%2016.5195H1.18945%22%20stroke%3D%22url%28%23paint0_linear_156_31603%29%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3Cpath%20d%3D%22M6.06029%2010.5527L1.18945%2016.5215L6.06029%2022.4903%22%20stroke%3D%22url%28%23paint1_linear_156_31603%29%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3Cpath%20d%3D%22M24.5692%201.00195H19.6983C18.6223%201.00195%2017.75%202.07088%2017.75%203.38946V29.652C17.75%2030.9707%2018.6223%2032.0396%2019.6983%2032.0396H24.5692C25.6452%2032.0396%2026.5175%2030.9707%2026.5175%2029.652V3.38946C26.5175%202.07088%2025.6452%201.00195%2024.5692%201.00195Z%22%20stroke%3D%22url%28%23paint2_linear_156_31603%29%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22paint0_linear_156_31603%22%20x1%3D%227.03446%22%20y1%3D%2216.5195%22%20x2%3D%227.03446%22%20y2%3D%2217.5195%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23407AC6%22/%3E%3Cstop%20offset%3D%220.94%22%20stop-color%3D%22%231F3B60%22/%3E%3C/linearGradient%3E%3ClinearGradient%20id%3D%22paint1_linear_156_31603%22%20x1%3D%223.62487%22%20y1%3D%2210.5527%22%20x2%3D%223.62487%22%20y2%3D%2222.4903%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23407AC6%22/%3E%3Cstop%20offset%3D%220.94%22%20stop-color%3D%22%231F3B60%22/%3E%3C/linearGradient%3E%3ClinearGradient%20id%3D%22paint2_linear_156_31603%22%20x1%3D%2222.1338%22%20y1%3D%221.00195%22%20x2%3D%2222.1338%22%20y2%3D%2232.0396%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23407AC6%22/%3E%3Cstop%20offset%3D%220.94%22%20stop-color%3D%22%231F3B60%22/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  width: 24px;
  height: 24px;
}
.metaspace-toolbar-expand-icon {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2228%22%20height%3D%2233%22%20viewBox%3D%220%200%2028%2028%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M15.102%2014.1719H26.792%22%20stroke%3D%22%23748B9D%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3Cpath%20d%3D%22M21.9212%209.23828L26.792%2014.173L21.9212%2019.1078%22%20stroke%3D%22%23748B9D%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3Cpath%20d%3D%22M3.41228%201.3418H8.28311C9.35914%201.3418%2010.2314%202.22554%2010.2314%203.3157V25.0286C10.2314%2026.1188%209.35914%2027.0025%208.28311%2027.0025H3.41228C2.33621%2027.0025%201.46394%2026.1188%201.46394%2025.0286V3.3157C1.46394%202.22554%202.33621%201.3418%203.41228%201.3418Z%22%20stroke%3D%22%23748B9D%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  width: 24px;
  height: 24px;
}
.chat-bubble-icon {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 20 24" fill="none"><g clip-path="url(%23clip0_156_36591)"><path d="M8.61622 1.35547C7.13643 1.61339 5.73374 2.32504 4.53824 3.42441C3.34275 4.52378 2.39315 5.97528 1.77752 7.64431C1.16189 9.31334 0.900158 11.1458 1.0166 12.9719C1.13304 14.7979 1.62388 16.5584 2.4436 18.09L0.955078 23.0098L5.9396 21.9055C7.22132 22.6746 8.63566 23.0532 10.0624 23.0088C11.4891 22.9644 12.886 22.4987 14.1342 21.6509C15.3826 20.8032 16.4453 19.5984 17.2321 18.1394C18.019 16.6803 18.5065 15.01 18.6536 13.2704" stroke="%23748B9D" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M15.2949 9.62114C17.1805 9.62114 18.7089 7.74807 18.7089 5.43753C18.7089 3.12698 17.1805 1.25391 15.2949 1.25391C13.4094 1.25391 11.8809 3.12698 11.8809 5.43753C11.8809 7.74807 13.4094 9.62114 15.2949 9.62114Z" fill="%23FD3B3B" stroke="%23FD3B3B" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></g><defs><clipPath id="clip0_156_36591"><rect width="19.1947" height="23.5214" fill="white" transform="translate(0.234375 0.371094)"/></clipPath></defs></svg>');
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  width: 20px;
  height: 20px;
}
.toolbar-sphere-icon {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 28 33" fill="none"><g clip-path="url(%23clip0_1080_61411)"><path d="M13.7023 27.4478C19.2276 27.4478 23.7066 22.7262 23.7066 16.9016C23.7066 11.0771 19.2276 6.35547 13.7023 6.35547C8.17708 6.35547 3.698 11.0771 3.698 16.9016C3.698 22.7262 8.17708 27.4478 13.7023 27.4478Z" stroke="%23748B9D" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/><rect x="0.687406" y="0.0355654" width="56.7821" height="45.4798" rx="20" transform="matrix(0.724887 -0.688868 0.649924 0.759999 -20.6621 20.3532)" stroke="black" stroke-opacity="0.01"/><path d="M7.68933 5.16602C9.54839 5.16602 11.0116 6.74686 11.0116 8.64062C11.0116 10.5344 9.54838 12.1152 7.68933 12.1152C5.83049 12.115 4.36807 10.5342 4.36804 8.64062C4.36804 6.74701 5.83048 5.16626 7.68933 5.16602Z" fill="%23748B9D"/><path d="M7.68933 5.16602C9.54839 5.16602 11.0116 6.74686 11.0116 8.64062C11.0116 10.5344 9.54838 12.1152 7.68933 12.1152C5.83049 12.115 4.36807 10.5342 4.36804 8.64062C4.36804 6.74701 5.83048 5.16626 7.68933 5.16602Z" fill="%23748B9D"/><path d="M7.68933 5.16602C9.54839 5.16602 11.0116 6.74686 11.0116 8.64062C11.0116 10.5344 9.54838 12.1152 7.68933 12.1152C5.83049 12.115 4.36807 10.5342 4.36804 8.64062C4.36804 6.74701 5.83048 5.16626 7.68933 5.16602Z" fill="%23748B9D"/><path d="M7.68933 5.16602C9.54839 5.16602 11.0116 6.74686 11.0116 8.64062C11.0116 10.5344 9.54838 12.1152 7.68933 12.1152C5.83049 12.115 4.36807 10.5342 4.36804 8.64062C4.36804 6.74701 5.83048 5.16626 7.68933 5.16602Z" fill="%23748B9D"/><path d="M7.68933 5.16602C9.54839 5.16602 11.0116 6.74686 11.0116 8.64062C11.0116 10.5344 9.54838 12.1152 7.68933 12.1152C5.83049 12.115 4.36807 10.5342 4.36804 8.64062C4.36804 6.74701 5.83048 5.16626 7.68933 5.16602Z" stroke="%23EAF2F9"/><path d="M13.8036 11.1152C16.7015 11.1154 19.0057 13.5844 19.0057 16.5732C19.0055 19.5619 16.7013 22.0301 13.8036 22.0303C10.9057 22.0303 8.60067 19.562 8.60046 16.5732C8.60046 13.5843 10.9056 11.1152 13.8036 11.1152Z" fill="%23748B9D" stroke="%23EAF2F9"/></g><defs><clipPath id="clip0_1080_61411"><rect width="27.2767" height="31.7286" fill="white" transform="translate(0.164062 0.464844)"/></clipPath></defs></svg>');
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  width: 30px;
  height: 30px;
}
.raised-panel {
  /* Rectangle 141280 */
  box-sizing: border-box;
  /* card-gradient-bg */
  background: linear-gradient(190.35deg, #ecf3f8 13.55%, #f8fdff 96.01%);
  border: 3px solid #ffffff;
  /* drop-2-metacards */
  box-shadow: -3px -2px 4px rgba(31, 59, 96, 0.2), 2px 2px 3px rgba(116, 139, 157, 0.15);
}
.Save-button {
  color: var(--primary-color, #377fc4);
  border-radius: 20px 0 0 20px;
  height: 45px;
  font-style: normal;
  font-weight: 700;
  font-family: var(--font-family);
  font-size: 14px;
  line-height: 12px;
  cursor: pointer;
  background: var(--Save-button);
  box-shadow: 0px -2px 7px 2px rgba(116, 139, 157, 0.2) inset;
  border: var(--primary-border);
  width: auto;
  padding: 0.4375rem 0.875rem;
}
.Close-button {
  color: #8e99a1;
  border-radius: 0 20px 20px 0;
  height: 45px;
  font-style: normal;
  font-weight: 700;
  font-family: var(--font-family);
  font-size: 14px;
  line-height: 1;
  cursor: pointer;
  background: var(--Close-button);
  box-shadow: 0px -2px 7px 2px rgba(116, 139, 157, 0.2) inset;
  border: var(--primary-border);
  width: auto;
  padding: 0.4375rem 0.875rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.clear-button {
  color: #8e99a1;
  border-radius: 20px;
  height: 45px;
  font-style: normal;
  font-weight: 700;
  font-family: var(--font-family);
  font-size: 14px;
  line-height: 12px;
  cursor: pointer;
  background: var(--Clear-button);
  box-shadow: 0px -2px 7px 2px rgba(116, 139, 157, 0.2) inset;
  border: var(--primary-border);
  width: auto;
  padding: 0.4375rem 0.875rem;
}
.Save-button:hover,
.Close-button:hover {
  background-color: var(--hover-background, #f0f0f0);
  color: var(--hover-primary-color, #255b99);
}
.Search-input-box {
  border-radius: 20px;
  border: var(--primary-border);
  background: var(--Search-input-box);
  box-shadow: 2px 2px 7px 2px rgba(30, 84, 156, 0.18) inset, -3px -1px 10px 0px rgba(160, 183, 202, 0.15) inset;
  color: var(--primary-text-color);
}
.p-tabview .p-tabview-nav-container .p-tabview-nav-content .p-tabview-nav {
  background: var(--tab-background);
}
.p-tabview .p-tabview-nav-container .p-tabview-nav-content .p-tabview-nav li a {
  background: var(--tab-background);
}
.p-tabview-panels {
  background: var(--body-background);
}
[data-theme=dark] {
  color-scheme: dark;
  --dark-card-bg: #2C2C3E;
  --dark-card-bg-hover: #3a3a4e;
  --dark-card-border: #3a3a4e;
  --dark-text-primary: #FFFFFF;
  --dark-text-secondary: #E5E7EB;
  --dark-text-tertiary: #D1D5DB;
  --dark-text-muted: #9CA3AF;
  /* Semantic token overrides — surface + text are inverted; status ramps are preserved so red reads as red, green as green. */
  --text-color: #e8eef5;
  --text-color-muted: #b1c0d1;
  --text-color-subtle: #8ea0b5;
  --surface-ground: #14192b;
  --surface-raised: #1e1e2f;
  --surface-sunken: #0f1422;
  --surface-subtle: #23233a;
  --border-color: #2c2c3e;
  --border-color-soft: #23233a;
  --border-color-hover: #3d5d8a;
  /* Dark-mode overlay/border tokens — used by marketplace + general
     surfaces. Defined here so [data-theme='dark'] blocks elsewhere can
     reference them instead of hardcoding rgba(255, 255, 255, *) and
     #1E1E2F / #2C2C3E literals (the dark surface tokens already exist
     above as --surface-raised, --surface-ground, --dark-card-bg). */
  --border-subtle-dark: rgba(255, 255, 255, 0.1);
  --border-soft-dark: rgba(255, 255, 255, 0.15);
  --border-strong-dark: rgba(255, 255, 255, 0.2);
  --hover-overlay-dark: rgba(255, 255, 255, 0.05);
  --surface-overlay-dark: rgba(255, 255, 255, 0.08);
  --surface-deep-dark: #121212;
}
[data-theme=dark] .p-skeleton {
  background-color: #2a2a3a !important;
  border-radius: 12px;
}
[data-theme=dark] .p-skeleton::after {
  background: linear-gradient(90deg, rgba(42, 42, 58, 0) 0%, rgba(255, 255, 255, 0.05) 50%, rgba(42, 42, 58, 0) 100%) !important;
}
.ql-toolbar.ql-snow {
  border: var(--primary-border) !important;
  border-radius: 20px 20px 0px 0px;
}
.ql-container.ql-snow {
  border: var(--primary-border) !important;
  border-top: 0 !important;
}
.ql-editor.ql-blank::before {
  color: var(--primary-text-color) !important;
  opacity: 0.65;
}
.atlastree {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
}
.atlastree .p-tree-container li .p-treenode-content {
  border-radius: 30px;
  background: var(--bkg-components, linear-gradient(358deg, #f5fbff 3.12%, #f2f9fe 49.2%, #fcffff 83.06%, #f9fdff 97.17%));
  box-shadow: 0px 3px 1px -2px rgba(79, 38, 26, 0.1), 2px 1px 2px 0px rgba(58, 28, 19, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  padding: 10px 10px;
}
.atlastree .p-tree-container li .p-treenode-children {
  border-radius: 30px;
  background: var(--bkg-components, linear-gradient(358deg, #f5fbff 3.12%, #f2f9fe 49.2%, #fcffff 83.06%, #f9fdff 97.17%));
  box-shadow: 0px 3px 1px -2px rgba(79, 38, 26, 0.1), 2px 1px 2px 0px rgba(58, 28, 19, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  padding: 0px;
  margin-top: 20px;
  padding-left: 20px;
}
.atlastree .p-tree-container li .p-treenode-children li .p-treenode-content {
  border-radius: none;
  background: none;
  box-shadow: none;
  padding: 0px;
  margin-top: 0px;
}
/* Style for the first-level parent node (direct li inside .flat-tree) */
.flat-tree > .p-treenode > .p-treenode-content {
  padding: 10px 18px;
  margin-bottom: 1px;
  margin-left: 5px;
  height: 70px;
  padding-bottom: 0px;
  padding-right: 0px;
  border-radius: 36px 6px 6px 36px;
  background: var(--bkg-components, linear-gradient(1deg, #e4f0fa 4.13%, #f2faff 99.98%));
}
[data-theme=dark] .flat-tree > .p-treenode > .p-treenode-content {
  background: var(--component-background-gradient);
}
.flat-tree > .p-treenode > .p-treenode-content {
  position: sticky;
  top: 0px;
  z-index: 9;
}
.flat-tree > .p-treenode > .p-treenode-content .atlas-sphere-identity-molecule {
  max-width: none !important;
}
.flat-tree > .p-treenode > .p-treenode-content .flex {
  height: 40px;
}
.flat-tree > .p-treenode > .p-treenode-content .atlas-grid .node-content {
  border: 2px solid var(--secondary-color, #26a3e3);
  width: 59rem;
}
.flat-tree > .p-treenode > .p-treenode-content .atlas-grid .node-content .node-counts {
  border-radius: 20px !important;
}
.flat-tree > .p-treenode > .p-treenode-content .atlas-grid .node-label .sphere-avatar-wrapper .sphere-avatar {
  height: 22px;
  margin-bottom: 0px !important;
}
.flat-tree > .p-treenode > .p-treenode-content .atlas-grid .node-content .node-label .urgency-icon {
  display: none;
}
.p-treenode-children li .p-treenode-content .atlas-grid .node-content .node-label .sphere-avatar-wrapper .center-sphere-priority-icon {
  height: 33px;
}
.p-treenode-children li .p-treenode-content .atlas-grid .node-content .node-label label {
  margin-left: 10px;
}
/* Style for child nodes (li inside ul.p-treenode-children) */
.flat-tree .p-treenode-children .p-treenode > .p-treenode-content {
  border-radius: 20px 0px 0px 20px;
  margin-top: 1px;
}
.flat-tree .p-treenode-children .p-treenode > .p-treenode-content .flex {
  height: 40px;
}
.flat-tree .p-treenode-children .p-treenode > .p-treenode-content .atlas-grid {
  height: 50px;
  margin-top: 0px;
  margin-left: -2px;
}
.flat-tree .p-treenode-children .p-treenode > .p-treenode-content .atlas-grid .node-content .node-counts {
  border-radius: 0px 20px 20px 0px;
}
.flat-tree .p-treenode-children .p-treenode > .p-treenode-content .atlas-grid .atlas-sphere-identity-molecule {
  max-width: none !important;
}
.flat-tree > .p-treenode > .p-treenode-children {
  padding-left: 17px;
}
.flat-tree {
  list-style-type: none;
  overflow-y: auto;
  flex: 1;
  min-height: 0;
  margin-block-end: 0px;
  will-change: transform, opacity;
}
.flat-tree.transition-up,
.flat-tree.transition-down {
  transition: transform 300ms ease, opacity 300ms ease;
  opacity: 0;
  transform: translateY(30px);
}
.flat-tree.transition-up.show,
.flat-tree.transition-down.show {
  opacity: 1;
  transform: translateY(0);
}
.p-treenode-content .atlas-grid .node-label > span:nth-of-type(2) {
  display: none;
}
.p-treenode-children .p-treenode .p-treenode-content .atlas-grid .node-content .node-label > span:nth-of-type(2) {
  display: block;
}
.perspectivies-content {
  background: #fff;
  box-shadow: 0px -1px 7px 2px rgba(116, 139, 157, 0.25) inset;
  border-radius: 0px 0px 20px 20px;
  padding: 0px 0px 20px 0px;
}
.atlas-perpsectives-detail-grid .p-datatable-wrapper .p-datatable-table .p-datatable-tbody tr td {
  padding: 8px;
  border: none;
}
.perspectives-content {
  border-radius: 0px 0px 30px 30px;
  border: none;
  padding-top: 15px;
  width: 100%;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  border-left: 2px solid #fff;
  background: var(--panel-accordion, linear-gradient(180deg, #f9fdff 0%, #f2f9fe 50%, #f5fbff 67.5%, #e9f2f9 99.98%));
  box-shadow: 0px 1px 1px 0px rgba(6, 44, 88, 0.1), 1px 2px 5px -1px rgba(74, 100, 126, 0.3);
  margin: 10px 0px;
  height: 19.3rem;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: nowrap;
  overflow: hidden;
}
.p-col-12 {
  flex: 1;
  width: 100%;
}
.perspectives-content .p-col-7,
.perspectives-content .p-col-3,
.perspectives-content .p-col-2 {
  flex-grow: 1;
  /* Allow columns to adjust their width dynamically */
  min-width: 0;
  /* Prevent columns from growing too large */
}
.perspectives-content .p-col-7 {
  flex-basis: 46%;
  /* Allocate 70% of the space to the main content */
}
.perspectives-content .p-col-3 {
  flex-basis: 27%;
  /* Allocate 20% of the space to the second column */
}
.perspectives-content .p-col-2 {
  flex-basis: 10%;
  /* Allocate 10% of the space to the third column */
}
/* Ensure the expanding text doesn't push the content to the next line */
.perspectives-dropdown,
.perspectives-responsible-dropdown {
  white-space: nowrap;
  /* Prevent text from wrapping */
  text-overflow: ellipsis;
  /* Display ellipsis if text overflows */
  overflow: hidden;
  /* Hide overflowing text */
}
.perspectives-content .perspectives-text {
  display: block;
  /* Ensure the text is displayed inline */
  max-width: 100%;
  /* Allow it to take up the full width available */
  transition: max-width 0.3s ease;
  will-change: max-width;
  /* Add smooth transition for expanding/collapsing */
}
.perspectives-content.active .perspectives-text {
  max-width: none;
  /* Allow full text to display when active */
}
/* Large screens (1024px and above) */
@media (max-width: 1024px) {
  .perspectives-content .p-lg-col-7 {
    flex-basis: 50%;
    /* Allocate 70% of the space to the main content */
  }
  .perspectives-content .p-lg-col-3 {
    flex-basis: 30%;
    /* Allocate 20% of the space to the second column */
  }
  .perspectives-content .p-lg-col-2 {
    flex-basis: 10%;
    /* Allocate 10% of the space to the third column */
  }
}
/* Extra-large screens (1440px and above) */
@media (min-width: 1440px) {
  .perspectives-content .p-xl-col-3 {
    flex-basis: 20%;
    /* Allocate 20% of the space to the second column */
  }
  .perspectives-content .p-xl-col-7 {
    flex-basis: 55%;
    /* Allocate 70% of the space to the main content */
  }
  .perspectives-content .p-xl-col-2 {
    flex-basis: 10%;
    /* Allocate 10% of the space to the third column */
  }
}
.highlighted-node {
  border: 2px solid rgb(81, 160, 220);
  transition: border 0.3s ease-in-out;
  will-change: border-color;
}
/* Ensure the parent is positioned relatively */
.p-treenode.level-greater-than-zero > .p-treenode-content {
  position: relative;
}
.atlas-pagination {
  border-radius: 30px 0px 10px 30px;
  background: var(--panel-accordion, linear-gradient(180deg, #f2f9fe -0.79%, #f5fbff 67.2%, #e9f2f9 99.92%));
}
[data-theme=dark] .atlas-pagination {
  background: var(--body-background);
}
.atlas-pagination {
  box-shadow: 0px 1px 1px 0px rgba(6, 44, 88, 0.1), 1px 2px 5px -1px rgba(74, 100, 126, 0.3);
  padding: 10px;
  height: 60px;
  display: flex;
  width: 100%;
  flex-shrink: 0;
  margin-top: auto;
}
.atlas-pagination .sphere-buttons {
  display: flex;
}
.atlas-pagination .add-sphere-button {
  width: 57px;
  border-radius: 0px 20px 20px 0px;
  border: var(--primary-border);
  color: var(--primary-text-color);
  background: var(--user-bg, linear-gradient(359deg, #f5fbff -34.86%, #f2f9fe -34.84%, #eff5fa 99.41%, #fafdff 125.39%));
}
[data-theme=dark] .atlas-pagination .add-sphere-button {
  background: var(--component-background);
  border: 2px solid #ffffff;
}
.atlas-pagination .add-sphere-button {
  box-shadow: 0px -2px 7px 2px rgba(116, 139, 157, 0.2) inset;
  font-family: var(--font-family);
  font-size: var(--secondary-font);
  font-style: normal;
  font-weight: 700;
  line-height: 12px;
  padding-left: 10px;
  padding-right: 10px;
  cursor: pointer;
  height: 40px;
}
.atlas-pagination .edit-sphere-button {
  width: 47px;
  border-radius: 20px 0px 0px 20px;
  border-width: 2px 0 2px 2px;
  border-style: solid;
  border-color: #fff;
  color: var(--primary-text-color);
  background: var(--user-bg, linear-gradient(359deg, #f5fbff -34.86%, #f2f9fe -34.84%, #eff5fa 99.41%, #fafdff 125.39%));
}
[data-theme=dark] .atlas-pagination .edit-sphere-button {
  background: var(--component-background);
}
.atlas-pagination .edit-sphere-button {
  box-shadow: 0px -2px 7px 2px rgba(116, 139, 157, 0.2) inset;
  font-family: Manrope, sans-serif;
  font-size: var(--secondary-font);
  font-style: normal;
  font-weight: 700;
  line-height: 12px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 0px;
  cursor: pointer;
  height: 40px;
  text-align: initial;
}
.atlas-pagination .edit-sphere-button i {
  display: block;
  width: 22px;
  height: 22px;
}
.atlas-pagination .page-nav {
  display: flex;
  gap: 2px;
  padding: 3px 0px;
  justify-content: center;
}
.atlas-pagination .page-nav button:disabled {
  background-color: #ccc;
  color: #666;
  cursor: not-allowed;
  opacity: 0.5;
}
.atlas-pagination .page-prev {
  border-radius: 20px 0px 0px 20px;
  border: var(--primary-border);
  color: var(--primary-text-color);
  background: var(--user-bg, linear-gradient(359deg, #f5fbff -34.86%, #f2f9fe -34.84%, #eff5fa 99.41%, #fafdff 125.39%));
}
[data-theme=dark] .atlas-pagination .page-prev {
  background: var(--component-background);
  border: 2px solid #ffffff;
}
.atlas-pagination .page-prev {
  box-shadow: 0px -2px 7px 2px rgba(116, 139, 157, 0.2) inset;
  font-family: var(--font-family);
  font-size: var(--secondary-font);
  font-style: normal;
  font-weight: 700;
  line-height: 12px; /* 100% */
  padding-left: 10px;
  padding-right: 10px;
  cursor: pointer;
  height: 40px;
}
.atlas-pagination .page-next {
  border-radius: 0px 20px 20px 0px;
  border: var(--primary-border);
  color: var(--primary-text-color);
  background: var(--user-bg, linear-gradient(359deg, #f5fbff -34.86%, #f2f9fe -34.84%, #eff5fa 99.41%, #fafdff 125.39%));
}
[data-theme=dark] .atlas-pagination .page-next {
  background: var(--component-background);
  border: 2px solid #ffffff;
}
.atlas-pagination .page-next {
  box-shadow: 0px -2px 7px 2px rgba(116, 139, 157, 0.2) inset;
  font-family: var(--font-family);
  font-size: var(--secondary-font);
  font-style: normal;
  font-weight: 700;
  line-height: 12px; /* 100% */
  padding-left: 10px;
  padding-right: 10px;
  cursor: pointer;
  height: 40px;
}
.atlas-pagination .page-status {
  border: 1px solid var(--root-surface-section, #e9f2f9);
  background: var(--user-bg, linear-gradient(359deg, #f5fbff -34.86%, #f2f9fe -34.84%, #fcffff 99.41%, #fafdff 125.39%));
  /* dropdown-innerShadow */
  box-shadow: 0px -2px 7px 2px rgba(116, 139, 157, 0.2) inset;
  height: 38px;
}
.atlas-pagination .add-sphere {
  border-radius: 0px 20px 20px 0px;
  border: 1px solid var(--root-surface-section, #e9f2f9);
  background: var(--user-bg, linear-gradient(359deg, #f5fbff -34.86%, #f2f9fe -34.84%, #fcffff 99.41%, #fafdff 125.39%));
  /* dropdown-innerShadow */
  box-shadow: 0px -2px 7px 2px rgba(116, 139, 157, 0.2) inset;
  height: 40px;
}
.atlas-pagination .col-1 {
  padding: 3px 0px;
}
.atlas-empty-state {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding: 48px 24px;
  list-style: none;
  color: var(--secondary-text-color);
}
.atlas-empty-state .pi {
  font-size: 2rem;
  opacity: 0.5;
}
.atlas-empty-state span {
  font-size: var(--secondary-font);
  font-family: var(--font-family);
  opacity: 0.7;
}
.atlas-empty-state.atlas-error-state {
  color: var(--red-500, #ef4444);
}
.atlas-empty-state.atlas-error-state .pi {
  opacity: 0.8;
}
.atlas-skeleton-row {
  padding: 10px 18px;
  margin-bottom: 4px;
  height: 70px;
  display: flex;
  align-items: center;
  background: #ffffff !important;
  box-shadow: inset 0px 0px 1px 1.9px rgba(116, 139, 157, 0.15) !important;
}
[data-theme=dark] .atlas-skeleton-row {
  background: var(--component-background) !important;
  box-shadow: inset 0px 0px 1px 1.9px rgba(0, 0, 0, 0.2) !important;
}
.atlas-skeleton-row .p-skeleton {
  background-color: #e8edf0 !important;
}
.atlas-skeleton-row .p-skeleton::after {
  background: linear-gradient(90deg, rgba(232, 237, 240, 0) 0%, rgba(255, 255, 255, 0.6) 50%, rgba(232, 237, 240, 0) 100%) !important;
}
[data-theme=dark] .atlas-skeleton-row .p-skeleton {
  background-color: #2a2a3a !important;
}
[data-theme=dark] .atlas-skeleton-row .p-skeleton::after {
  background: linear-gradient(90deg, rgba(42, 42, 58, 0) 0%, rgba(255, 255, 255, 0.05) 50%, rgba(42, 42, 58, 0) 100%) !important;
}
.node-perspective-search {
  display: flex;
  align-items: center;
  font-size: var(--secondary-font);
  border-radius: 0px 0px 20px 20px;
  border: var(--primary-border);
}
.node-perspective-search.editing {
  /* Optional: add styles for when the search is in editing mode */
}
.node-perspective-search .perspective-label {
  width: 150px; /* Adjust as needed */
  margin-right: 12px;
  font-weight: 500;
  color: #333333;
  text-align: right;
}
.node-perspective-search .perspective-search-container {
  flex: 1; /* Fills remaining space */
  padding: 0px;
  width: 250px;
  border-radius: 20px;
  background: var(--panel-accordion, linear-gradient(180deg, #f2f9fe -0.79%, #f5fbff 67.2%, #e9f2f9 99.92%));
}
[data-theme=dark] .node-perspective-search .perspective-search-container {
  background: var(--component-background-gradient);
}
.node-perspective-search .perspective-search-container .p-multiselect .p-multiselect-label-container .p-placeholder {
  font-size: var(--primary-font);
}
.node-perspective-search .perspective-search-container .p-listbox {
  max-height: 300px;
  overflow-y: scroll;
  margin-top: 50px;
  border-radius: 0px;
}
.node-perspective-search .perspective-search-container .p-listbox::after {
  display: none;
}
.node-perspective-search .perspective-search-container .p-listbox .p-listbox-header {
  position: absolute;
  background: none;
}
[data-theme=dark] .node-perspective-search .perspective-search-container .p-listbox .p-listbox-header {
  background: #121212;
}
.node-perspective-search .perspective-search-container .p-listbox .p-listbox-header {
  z-index: 1;
  width: 14.5rem;
  top: 0px;
  border-radius: 20px 20px 0px 0px;
  padding: 0px;
  margin-left: 5px;
}
.node-perspective-search .perspective-search-container .p-listbox .p-listbox-header .p-listbox-filter-container svg {
  position: absolute;
  top: 20px;
  right: 15px;
}
.node-perspective-search .perspective-search-container .p-listbox .p-listbox-list-wrapper ul {
  padding-bottom: 0px;
  padding-top: 0px;
}
.node-perspective-search .perspective-search-container .p-listbox .p-listbox-list-wrapper ul .p-listbox-item {
  font-size: var(--primary-font);
  border-bottom: 0px;
  color: var(--primary-text-color);
}
.node-perspective-search .perspective-search-container button,
.node-perspective-search .perspective-search-container .custom-spinner {
  float: right;
}
.node-perspective-search .perspective-search-container .close-button {
  font-size: var(--primary-font);
  border-radius: 20px;
  width: 80px;
  display: block;
}
.node-perspective-search .sphere-avatar-icon {
  margin-right: 8px;
}
.node-perspective-search .profile-text {
  flex: 1;
  font-size: var(--primary-font);
  color: #333333;
}
.node-perspective-search .loading-spinner,
.node-perspective-search .error-message {
  margin-left: 8px;
  font-size: var(--secondary-font);
  color: #ff4d4f; /* Use error color as needed */
}
.selected-chips-container {
  display: flex;
  flex-wrap: wrap;
  gap: 0.3rem;
  margin-top: 0.5rem;
  margin-left: 5px;
  max-height: 100px;
  overflow-y: auto;
}
.selected-chips-container .selected-chip {
  border-radius: 20px;
  border: var(--primary-border);
  color: var(--primary-text-color);
  background: var(--component-background);
  box-shadow: 0px -2px 7px 2px rgba(116, 139, 157, 0.2) inset;
  font-family: var(--font-family);
  font-size: var(--secondary-font);
  font-style: normal;
  font-weight: 400;
  padding: 5px 10px;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.selected-chips-container .selected-chip:hover {
  background: #eff6ff;
}
.selected-chips-container .p-chip-text {
  color: #377fc4;
}
.selected-chips-container svg {
  color: #377fc4;
  transition: transform 0.2s ease;
}
.selected-chips-container svg:hover {
  color: var(--primary-text-color);
  transform: scale(1.1);
}
.selected-chips-container .extra-items-badge {
  margin-top: inherit;
}
.atlas-headers ul {
  margin: 0px;
  height: 40px;
}
.atlas-headers ul li {
  list-style: none;
  display: inline-block;
  padding: 5px 10px 5px 10px;
  border-top: 2px solid var(--Atlas-Background-NEW, #e9f3fb);
  border-right: 4px solid var(--Color, #fff);
  border-bottom: 3px solid var(--Atlas-Background-NEW, #e9f3fb);
  border-left: 1px solid var(--Atlas-Background-NEW, #e9f3fb);
  background: var(--bkg-components, linear-gradient(1deg, #e4f0fa 4.13%, #f2faff 99.98%));
}
[data-theme=dark] .atlas-headers ul li {
  background: var(--component-background-gradient);
  border-top: 1px solid rgba(255, 255, 255, 0.06);
  border-right: 1px solid rgba(255, 255, 255, 0.06);
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
  border-left: 1px solid rgba(255, 255, 255, 0.06);
}
.atlas-headers ul li {
  box-shadow: 0px 1px 1px 0px rgba(6, 44, 88, 0.1), 1px 2px 5px -1px rgba(74, 100, 126, 0.3);
  white-space: nowrap;
}
.atlas-headers ul li:first-child {
  border-radius: 10px 0px 0px 10px;
  border-top: 1px solid var(--Newborder, #dbe7f4);
  border-left: 1px solid var(--Newborder, #dbe7f4);
  background: var(--atlas-firstheader);
}
[data-theme=dark] .atlas-headers ul li:first-child {
  background: var(--atlas-firstheader);
  border-top: 1px solid rgba(255, 255, 255, 0.06);
  border-right: 1px solid rgba(255, 255, 255, 0.06);
  border-left: 1px solid rgba(255, 255, 255, 0.06);
}
.atlas-headers ul li:first-child {
  box-shadow: -3px -3px 10px 0px rgba(113, 121, 131, 0.1);
  border-right: 4px solid var(--Color, #fff);
  padding-left: 6.8rem;
}
.atlas-headers ul li:first-child span {
  font-size: var(--primary-font);
}
.atlas-headers ul li:last-child:not(.node-arc-stage) {
  flex-grow: 1;
  flex-basis: content;
}
.atlas-headers ul li .pi-filter-slash,
.atlas-headers ul li .pi-filter-fill {
  vertical-align: middle;
  margin-left: 5px;
  margin-top: 5px;
}
.atlas-headers ul li .pi-filter-fill {
  color: #14b8a6;
}
.atlas-headers ul li .sort-icon {
  color: #3b82f6;
  background: none !important;
  box-shadow: none !important;
  border: none !important;
  border-radius: 0% !important;
  font-size: var(--primary-font) !important;
  padding-left: 0px !important;
  padding-right: 0% !important;
}
.atlas-headers ul span {
  color: var(--primary-text-color);
  font-size: var(--primary-font);
  font-style: normal;
  font-weight: 600;
  line-height: 16px;
}
.atlas-headers .node-perspective-selector {
  flex-grow: 1;
  flex-basis: content;
}
.atlas-headers .node-perspective-selector span .perspective-sort-icon {
  position: relative;
  left: 18px;
  top: 1px;
}
.atlas-headers .node-perspective-selector .pi-filter-slash,
.atlas-headers .node-perspective-selector .pi-filter-fill {
  position: relative;
  right: 22px;
  top: 0px;
  cursor: pointer;
}
.atlas-headers .node-date-selector {
  flex-grow: 1;
  flex-basis: content;
}
.atlas-headers .node-text-column {
  flex-grow: 1;
  flex-basis: content;
}
.atlas-headers .node-sphere-identity {
  flex-grow: 1;
  flex-basis: content;
}
.atlas-filter-menu {
  border-radius: 0px 0px 20px 20px;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  border-left: 2px solid #fff;
}
[data-theme=dark] .atlas-filter-menu {
  border-right: 2px solid rgba(255, 255, 255, 0.1);
  border-bottom: 2px solid rgba(255, 255, 255, 0.1);
  border-left: 2px solid rgba(255, 255, 255, 0.1);
}
.atlas-filter-menu {
  width: 250px;
}
.atlas-filter-menu ul li {
  box-shadow: 1px 2px 3px -1px rgba(74, 100, 126, 0.15);
}
.atlas-filter-menu ul li .p-menuitem-content a span {
  color: var(--primary-text-color);
  font-family: var(--font-family);
  font-size: var(--primary-font);
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.atlas-filter-menu ul li:first-child .menu-search-item .p-icon-field .header-filter-icon {
  margin-left: 3px;
}
.atlas-filter-menu ul li:first-child .menu-search-item .p-icon-field .pi-search {
  right: 12px;
  position: absolute;
  top: 20px;
}
.atlas-filter-menu ul li:first-child .menu-search-item .p-icon-field span {
  color: #377fc4;
}
.atlas-filter-menu ul li:first-child .menu-search-item .p-icon-field input {
  width: 100%;
  border-radius: 20px;
  border: var(--primary-border);
  background: var(--user-bg, linear-gradient(359deg, #f5fbff -34.86%, #f2f9fe -34.84%, #eff5fa 99.41%, #fafdff 125.39%));
  box-shadow: 2px 2px 7px 2px rgba(30, 84, 156, 0.18) inset, -3px -1px 10px 0px rgba(160, 183, 202, 0.15) inset;
}
.atlas-filter-menu ul li:last-child .p-menuitem-content {
  border-radius: 0px 0px 20px 20px;
}
.atlas-filter-menu ul li .node-perspective-search .perspective-search-container .p-multiselect {
  padding: 0px 10px 0px 0px;
  border-radius: 20px;
  border: var(--primary-border);
  box-shadow: 2px 2px 10px 0px rgba(74, 100, 126, 0.2) inset;
}
.atlas-column-filter {
  display: table;
  padding: 10px;
}
.atlas-column-filter .p-dropdown {
  margin-bottom: 10px;
  width: 100%;
}
.atlas-column-filter input {
  margin-bottom: 10px;
  width: 100%;
}
.atlas-column-filter:hover {
  background: var(--hover-background);
  box-shadow: 2px 2px 10px 0px rgba(74, 100, 126, 0.2) inset;
  border-radius: 0px 0px 10px 10px;
}
.status-header {
  width: 2.5rem;
  padding-left: 5px !important;
  padding-right: 5px !important;
  cursor: pointer;
}
.multi-select-urgency {
  padding: 0px 10px 0px 0px;
  border-radius: 20px;
  border: var(--primary-border);
  box-shadow: 2px 2px 10px 0px rgba(74, 100, 126, 0.2) inset;
}
.multi-select-urgency .p-multiselect-label-container .p-multiselect-label {
  display: flex;
  font-size: var(--primary-font);
  font-style: normal;
  font-weight: 600;
  line-height: 16px;
}
.multi-select-spheretype {
  padding: 0px 10px 0px 0px;
  border-radius: 20px;
  border: var(--primary-border);
  box-shadow: 2px 2px 10px 0px rgba(74, 100, 126, 0.2) inset;
}
.multi-select-spheretype .p-multiselect-label-container .p-multiselect-label {
  display: flex;
  font-size: var(--primary-font);
  font-style: normal;
  font-weight: 600;
  line-height: 16px;
}
.multi-select-spheretype .p-multiselect-label-container .p-multiselect-label .selected-option-chip {
  margin-right: 10px;
}
.atlas-header-first ul {
  height: 30px !important;
}
.atlas-header-first ul li {
  border-radius: 0px !important;
  box-shadow: none !important;
  background: none !important;
  border: none !important;
}
.atlas-header-first ul li .pi-chevron-circle-down,
.atlas-header-first ul li .pi-chevron-circle-up {
  margin-left: 5px !important;
}
.atlas-header-first ul li {
  padding-left: 0px !important;
}
.multi-spheretype-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter {
  background: none;
  box-shadow: 2px 2px 10px 0px rgba(74, 100, 126, 0.33) inset;
}
.multi-spheretype-panel .p-multiselect-items-wrapper .p-multiselect-items .p-multiselect-item span .avatar {
  margin-right: 10px;
  margin-bottom: 5px;
}
.multi-spheretype-panel .p-multiselect-items-wrapper .p-multiselect-items .p-multiselect-item span .option-label {
  margin-top: 3px;
}
.multi-urgency-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter {
  background: none;
  box-shadow: 2px 2px 10px 0px rgba(74, 100, 126, 0.33) inset;
}
.atlas-sphere-name {
  font-size: var(--primary-font) !important;
  margin-left: 30px;
}
.atlas-urgency {
  font-size: 1.5rem;
  width: 21px;
  height: 22px;
  margin-top: 14px;
}
.atlas-urgency .p-badge {
  font-size: 10px !important;
  height: 1rem;
  min-width: 1rem;
  color: #ffffff;
}
.atlas-sphere {
  font-size: 1.5rem;
  width: 21px;
  height: 21px;
  display: block;
  margin-top: 1px;
}
.atlas-sphere .p-badge {
  font-size: 10px !important;
  height: 1rem;
  min-width: 1rem;
  color: #ffffff;
  margin-top: 0.5px;
}
.urgency-menu ul li .urgency-menu-item {
  padding: 0.47rem 10px;
  background: none;
  border: none;
  color: #495057;
}
[data-theme=dark] .urgency-menu ul li .urgency-menu-item {
  color: #ffffff;
}
.urgency-menu ul li .urgency-menu-item {
  font-weight: 400;
  font-family: var(--font-family);
  cursor: pointer;
}
.urgency-menu ul li .urgency-menu-item .option-label {
  font-size: var(--primary-font);
}
.urgency-menu ul li:hover {
  cursor: pointer;
}
.urgency-menu ul li .urgency-menu-item.selected {
  background-color: #eef6ff;
  width: 100%;
}
.urgency-menu ul li .urgency-menu-item.selected:hover {
  background-color: rgba(33, 150, 243, 0.24);
}
.urgency-menu ul li:last-child {
  border-radius: 0px 0px 20px 20px;
}
.multi-select-spheretype-menu ul li .sphere-menu-item {
  padding: 0.47rem 10px;
  background: none;
  border: none;
  color: #495057;
}
[data-theme=dark] .multi-select-spheretype-menu ul li .sphere-menu-item {
  color: #ffffff;
}
.multi-select-spheretype-menu ul li .sphere-menu-item {
  font-weight: 400;
  font-family: var(--font-family);
  cursor: pointer;
  width: 100%;
}
.multi-select-spheretype-menu ul li .sphere-menu-item .option-label {
  font-size: var(--primary-font);
  margin-top: 1px;
}
.multi-select-spheretype-menu ul li:hover {
  cursor: pointer;
}
.multi-select-spheretype-menu ul li .sphere-menu-item.selected {
  background-color: #eef6ff;
}
.multi-select-spheretype-menu ul li .sphere-menu-item.selected:hover {
  background-color: rgba(33, 150, 243, 0.24);
}
.multi-select-spheretype-menu ul li div input {
  width: 100%;
  border-radius: 20px;
  border: var(--primary-border);
  background: var(--Search-input-box);
  box-shadow: 2px 2px 7px 2px rgba(30, 84, 156, 0.18) inset, -3px -1px 10px 0px rgba(160, 183, 202, 0.15) inset;
  padding: 8px;
  color: var(--primary-text-color);
}
.multi-select-spheretype-menu ul li div .close-button {
  font-size: var(--primary-font);
  border-radius: 20px;
  width: 80px;
}
.btn-nobg {
  background: none !important;
  box-shadow: none !important;
  color: var(--primary-text-color) !important;
  font-weight: 500 !important;
  font-size: var(--primary-font) !important;
  border: none !important;
  border-radius: 0% !important;
}
.atlas-metaspace-btn {
  color: var(--primary-text-color) !important;
  font-size: var(--primary-font) !important;
  font-style: normal !important;
  font-weight: 600 !important;
  line-height: 16px !important;
  background: none !important;
  border: none !important;
  border-radius: 0% !important;
  box-shadow: none !important;
  font-family: "primeicons", var(--font-family) !important;
  height: 15px !important;
  padding-left: 0px !important;
}
.atlas-urgency-btn, .atlas-sphere-btn {
  background: none !important;
  box-shadow: none !important;
  border: none !important;
  border-radius: 0% !important;
  height: 0% !important;
}
.filter-btn {
  font-size: var(--primary-font) !important;
  font-style: normal !important;
  font-weight: 600 !important;
  line-height: 16px !important;
  background: none !important;
  border: none !important;
  border-radius: 0% !important;
  box-shadow: none !important;
  font-family: "primeicons", var(--font-family) !important;
  padding-left: 0px !important;
}
.sphere-avatar-wrapper {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  gap: 8px; /* Space between avatar and dropdown icon */
}
.sphere-avatar-wrapper span {
  color: var(--primary-text-color);
  font-family: var(--font-family);
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
}
.avatar-container {
  display: flex;
  align-items: center;
  position: relative;
  padding-right: 10px;
}
.avatar-container .sphere-avatar-wrapper {
  border: none !important;
  margin-left: 11px;
}
.dropdown-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 14px;
  height: 10px;
  margin-left: 4px; /* Adjust spacing as needed */
}
.dropdown-icon svg {
  stroke-width: 1px;
  stroke: var(--secondary-color, #26A3E3);
  height: 8px;
}
.sphere-avatar {
  border-radius: 50%;
  width: 22px; /* Match the size of your avatar */
  height: 22px;
  -o-object-fit: cover;
     object-fit: cover;
}
.disabled-editor .p-editor-content {
  background-color: #f5f5f5; /* A light gray background */
  pointer-events: none; /* Disable mouse interactions */
  opacity: 0.6; /* Slightly faded appearance */
}

.disabled-editor .p-editor-toolbar {
  display: none; /* Hide the toolbar */
}
.sphere-chat-panel {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 0;
  background: var(--component-background-gradient);
  border: var(--primary-border);
  border-radius: 20px;
  overflow: hidden;
  position: relative;
}

.sphere-chat-header {
  font-weight: 600;
  padding: 0.5rem 1.5rem;
  background: var(--component-background-gradient);
  border-bottom: var(--primary-border);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  color: var(--primary-text-color);
}

.sphere-chat-header.collapsible {
  cursor: pointer;
  transition: background-color 0.2s ease;
  border-radius: 8px;
  margin: 8px;
  padding: 8px 16px;
  border: var(--primary-border);
}

.sphere-chat-header.collapsible:hover {
  background-color: var(--surface-hover);
}

.sphere-chat-header .sphere-chat-title {
  display: flex;
  align-items: center;
  gap: 8px;
}

.sphere-chat-header .sphere-chat-toggle-icon {
  transition: transform 0.2s ease;
  color: var(--text-color-secondary);
}

.sphere-chat-header .sphere-chat-toggle-icon.expanded {
  transform: rotate(90deg);
}

.sphere-chat-header-icon {
  margin-right: 8px;
}

.sphere-chat-context-label {
  font-weight: 400;
  color: #7a8599;
  margin-left: 8px;
  font-size: 12px;
}

[data-theme=dark] .sphere-chat-context-label {
  color: #bbb;
}

.sphere-chat-main {
  flex: 1;
  overflow: auto;
  background: var(--body-background);
  padding: 0rem 1rem 1rem 1rem;
}

.sphere-chat-empty-state {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 100%;
  justify-content: center;
}

.sphere-chat-empty-icon {
  font-size: 2rem;
  color: #8da6c1;
}

.sphere-chat-empty-text {
  margin: 1rem 0;
  color: #7a8599;
  font-size: 1.1rem;
  text-align: center;
}

.sphere-chat-empty-input {
  width: 100%;
  max-width: 480px;
}

.sphere-chat-send-btn {
  margin-top: 8px;
  float: right;
  position: absolute;
  right: 2px;
  bottom: 2px;
  height: 30px;
}

.sphere-chat-empty-error {
  margin-top: 8px;
}

.sphere-chat-input-bar {
  border-top: var(--primary-border);
  background: var(--body-background);
  box-shadow: 5px 4px 4px 0 rgba(0, 0, 0, 0.5) inset, 0 4px 1px 0 rgba(0, 0, 0, 0.5);
  border: var(--primary-border);
  padding: 1rem 1rem;
  display: flex;
  flex-direction: column;
  align-items: end;
  border-radius: 20px;
  position: sticky;
  bottom: 0px;
}

@media (max-width: 767px) {
  .sphere-chat-input-bar {
    bottom: 18px;
  }
}

.sphere-chat-input-avatar {
  margin-bottom: 8px;
  background: #8da6c1;
}

.sphere-chat-input-textarea {
  flex: 1;
  width: 100%;
}

.sphere-chat-message-container {
  margin-top: 16px;
}

@media (max-width: 767px) {
  .sphere-chat-message-container {
    margin-top: 12px;
    margin-bottom: 8px;
  }
}

.sphere-chat-message-container.level-0 {
  margin-left: 0;
  border: var(--primary-border);
  border-radius: 20px;
}

@media (max-width: 767px) {
  .sphere-chat-message-container.level-0 {
    border: none;
    border-radius: 0;
  }
}

.sphere-chat-message-container.level-1 {
  margin-left: 0;
}

.sphere-chat-message-container.level-1 .sphere-chat-card {
  margin-bottom: 0px !important;
  border: none !important;
  border-radius: 0% !important;
}

.sphere-chat-message-container.level-2 {
  margin-left: 0;
}

.sphere-chat-message-container.level-3 {
  margin-left: 0;
}

.sphere-chat-message-container.level-4 {
  margin-left: 0;
}

/* ...add more if you expect more levels */

.sphere-chat-card {
  border-radius: 20px 20px 0px 0px;
}

.sphere-chat-card .p-card-body {
  padding: 0px;
  border-radius: 20px;
}

.sphere-chat-card .p-card-body .p-card-content {
  display: flex;
  padding: 0px;
}

@media (max-width: 767px) {
  .sphere-chat-card .p-card-body .p-card-content {
    flex-direction: column;
    padding: 12px;
    gap: 8px;
  }
}

@media (max-width: 767px) {
  .sphere-chat-card .p-card-content .sphere-chat-message-content {
    order: 2;
  }
  .sphere-chat-card .p-card-content .sphere-chat-message-header {
    order: 1;
  }
}

.sphere-chat-card.deleted {
  opacity: 0.7;
  background: #f8f9fa !important;
  border: 2px solid #fff;
  box-shadow: 5px 4px 4px 0 rgba(0, 0, 0, 0.5) inset, 0 4px 1px 0 rgba(0, 0, 0, 0.5);
}

[data-theme=dark] .sphere-chat-card.deleted {
  background: var(--component-background) !important;
  border-color: rgba(255, 255, 255, 0.12);
}

.sphere-chat-message-header {
  display: flex;
  align-items: center;
  width: 25%;
  border-radius: 0px 20px 20px 0px;
}

@media (max-width: 767px) {
  .sphere-chat-message-header {
    width: 100%;
    border-radius: 0;
    padding: 0;
    margin-bottom: 8px;
    gap: 8px;
  }
}

.sphere-chat-message-header .p-avatar {
  position: relative;
  right: 13px;
  border-radius: 20px;
  border: 2px solid #fff;
  background: var(--component-background);
}

[data-theme=dark] .sphere-chat-message-header .p-avatar {
  border-color: rgba(255, 255, 255, 0.15);
}

.sphere-chat-message-header .p-avatar {
  box-shadow: 0 4px 1px 0 rgba(0, 0, 0, 0.5);
  width: 40px;
  height: 40px;
}

@media (max-width: 767px) {
  .sphere-chat-message-header .p-avatar {
    position: static;
    right: 0;
    width: 36px;
    height: 36px;
    flex-shrink: 0;
  }
}

.sphere-chat-message-header .p-avatar i {
  width: 25px;
  height: 25px;
  top: 0px;
  left: 0px;
}

@media (max-width: 767px) {
  .sphere-chat-message-header .p-avatar i {
    width: 20px;
    height: 20px;
  }
}

.sphere-chat-message-author {
  font-weight: bold;
  margin-right: 8px;
  color: var(--primary-text-color);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: var(--primary-font);
}

@media (max-width: 767px) {
  .sphere-chat-message-author {
    font-size: 14px;
    font-weight: 600;
    margin-right: 0;
  }
}

.sphere-chat-message-timestamp {
  color: var(--primary-text-color);
  font-size: 12px;
}

@media (max-width: 767px) {
  .sphere-chat-message-timestamp {
    font-size: 11px;
    color: var(--secondary-text-color, #999);
    margin-top: 2px;
  }
}

[data-theme=dark] .sphere-chat-message-timestamp {
  color: #bbb;
}

.sphere-chat-message-actions {
  display: flex;
  gap: 8px;
  color: var(--primary-text-color);
  height: 20px;
}

@media (max-width: 767px) {
  .sphere-chat-message-actions {
    display: none;
  }
}

.sphere-chat-message-actions button {
  color: var(--primary-text-color);
}

@media (max-width: 767px) {
  .sphere-chat-message-actions button {
    padding: 4px 8px;
    font-size: 11px;
  }
}

.sphere-chat-message-menu-btn {
  display: none;
}

@media (max-width: 767px) {
  .sphere-chat-message-menu-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    border: none;
    color: var(--secondary-text-color, #999);
    cursor: pointer;
    padding: 4px;
    border-radius: 50%;
    transition: all 0.2s;
    margin-left: auto;
    flex-shrink: 0;
  }
  .sphere-chat-message-menu-btn i {
    font-size: 18px;
  }
  .sphere-chat-message-menu-btn:hover, .sphere-chat-message-menu-btn:active {
    background: rgba(0, 0, 0, 0.1);
    color: var(--primary-text-color);
  }
  [data-theme=dark] .sphere-chat-message-menu-btn {
    color: #999999;
  }
  [data-theme=dark] .sphere-chat-message-menu-btn:hover, [data-theme=dark] .sphere-chat-message-menu-btn:active {
    background: rgba(255, 255, 255, 0.1);
    color: #e8e8e8;
  }
}

.sphere-chat-mobile-actions-menu {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background: var(--surface-card, #ffffff);
  border-radius: 16px 16px 0 0;
  box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.15);
  z-index: 9999;
  padding: 20px 16px 24px;
  transform: translateY(100%);
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.sphere-chat-mobile-actions-menu.active {
  transform: translateY(0);
}

[data-theme=dark] .sphere-chat-mobile-actions-menu {
  background: #2c2c3e;
  box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.5);
}

.sphere-chat-mobile-actions-menu .menu-handle {
  width: 40px;
  height: 4px;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 2px;
  margin: 0 auto 16px;
}

[data-theme=dark] .sphere-chat-mobile-actions-menu .menu-handle {
  background: rgba(255, 255, 255, 0.3);
}

.sphere-chat-mobile-actions-menu .menu-action-item {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px 12px;
  background: transparent;
  border: none;
  border-radius: 8px;
  color: var(--primary-text-color);
  font-size: 16px;
  width: 100%;
  cursor: pointer;
  transition: background 0.2s;
}

.sphere-chat-mobile-actions-menu .menu-action-item:active {
  background: rgba(0, 0, 0, 0.05);
}

[data-theme=dark] .sphere-chat-mobile-actions-menu .menu-action-item:active {
  background: rgba(255, 255, 255, 0.05);
}

.sphere-chat-mobile-actions-menu .menu-action-item i {
  font-size: 20px;
  width: 24px;
  text-align: center;
}

.sphere-chat-mobile-actions-menu .menu-action-item.reply {
  color: #377fc4;
}

.sphere-chat-mobile-actions-menu .menu-action-item.edit {
  color: #f39c12;
}

.sphere-chat-mobile-actions-menu .menu-action-item.delete {
  color: #e74c3c;
}

.sphere-chat-mobile-menu-backdrop {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 9998;
  animation: backdropFadeIn 0.3s ease;
}

@keyframes backdropFadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.sphere-chat-message-content {
  white-space: pre-wrap;
  color: var(--primary-text-color);
  width: 75%;
  border-right: 2px solid #fff;
  border-radius: 20px 0px 0px 20px;
}

[data-theme=dark] .sphere-chat-message-content {
  border-right-color: rgba(255, 255, 255, 0.1);
}

.sphere-chat-message-content {
  font-size: var(--primary-font);
  padding: 0.75rem 1.5rem;
}

@media (max-width: 767px) {
  .sphere-chat-message-content {
    width: 100%;
    border: none;
    border-radius: 16px;
    padding: 12px 16px;
    background: var(--component-background);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    font-size: 14px;
    line-height: 1.5;
  }
  [data-theme=dark] .sphere-chat-message-content {
    background: rgba(255, 255, 255, 0.05);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  }
}

.sphere-chat-message-content p {
  margin: 0px;
}

.sphere-chat-message-content.deleted {
  color: #999;
}

.sphere-chat-replies {
  border-left: 2px solid #f0f1f4;
  padding-left: 16px;
  margin-top: 4px;
}

.p-sidebar-header {
  background: var(--bkg-components, linear-gradient(358deg, #e4f0fa 13.23%, #f2f9fe 97.17%));
  box-shadow: 20px 20px 20px 0px rgba(0, 0, 0, 0.15);
}

[data-theme=dark] .p-sidebar-header {
  background: #2c2c3e;
}

.p-sidebar-content {
  background: var(--body-background);
}

.p-sidebar-content .sphere-chat-panel .open-chat-button {
  display: none;
}

.sphere-chat-editor-wrapper {
  flex: 1;
  margin-right: 8px;
  width: 100%;
}

.sphere-chat-rich-editor .p-editor-container {
  min-height: 80px;
  border-radius: 8px;
}

.sphere-chat-message-meta {
  display: flex;
  flex-direction: column;
  width: 75%;
  margin-top: 5px;
}

@media (max-width: 767px) {
  .sphere-chat-message-meta {
    width: 100%;
    margin-top: 0;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
  }
}

.sphere-text-editor {
  color: var(--primary-text-color);
  border: var(--primary-border);
}

.sphere-text-editor::-moz-placeholder {
  color: var(--primary-text-color);
  opacity: 0.65;
}

.sphere-text-editor::placeholder {
  color: var(--primary-text-color);
  opacity: 0.65;
}

.mention {
  background: var(--component-background-gradient);
  display: inline-block;
  border-radius: 20px;
  border: var(--primary-border);
  color: var(--primary-text-color);
  box-shadow: 0px -2px 7px 2px rgba(116, 139, 157, 0.2) inset;
  font-family: var(--font-family);
  font-size: var(--secondary-font);
  font-style: normal;
  font-weight: 400;
  padding: 5px 10px;
}

.mention span {
  color: #377fc4;
}

.sphere-chat-inline-reply {
  margin-top: 12px;
  padding: 12px 16px 16px;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  background: rgba(0, 0, 0, 0.1);
  border-radius: 0 0 20px 20px;
}

[data-theme=dark] .sphere-chat-inline-reply {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(0, 0, 0, 0.2);
}

.sphere-chat-inline-reply .sphere-text-editor {
  margin-bottom: 8px;
  background: rgba(255, 255, 255, 0.9);
  color: var(--primary-text-color);
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 8px;
}

[data-theme=dark] .sphere-chat-inline-reply .sphere-text-editor {
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.2);
}

.sphere-chat-inline-reply .sphere-text-editor::-moz-placeholder {
  color: rgba(0, 0, 0, 0.6);
  opacity: 0.8;
}

.sphere-chat-inline-reply .sphere-text-editor::placeholder {
  color: rgba(0, 0, 0, 0.6);
  opacity: 0.8;
}

[data-theme=dark] .sphere-chat-inline-reply .sphere-text-editor::-moz-placeholder {
  color: rgba(255, 255, 255, 0.7);
}

[data-theme=dark] .sphere-chat-inline-reply .sphere-text-editor::placeholder {
  color: rgba(255, 255, 255, 0.7);
}

.sphere-chat-reply-actions {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  margin-top: 8px;
}

.sphere-chat-replies-inline {
  margin-top: 0px;
  margin-left: 0;
}

.sphere-chat-replies-inline .sphere-chat-message-container {
  margin-left: 0;
  margin-top: 0;
  width: 100%;
}

.sphere-chat-replies-inline .sphere-chat-message-container.level-1, .sphere-chat-replies-inline .sphere-chat-message-container.level-2, .sphere-chat-replies-inline .sphere-chat-message-container.level-3, .sphere-chat-replies-inline .sphere-chat-message-container.level-4 {
  margin-left: 0;
}

/* Level-0 message containers without replies - full rounded corners */

.sphere-chat-message-container.level-0:not(:has(.sphere-chat-replies-inline)) .sphere-chat-card {
  border-radius: 20px !important;
}

.sphere-chat-message-container:not(.level-0) .sphere-chat-message-header {
  border-radius: 0px !important;
}

.open-chat-button {
  position: absolute;
  top: 12px;
  left: 130px;
  cursor: pointer;
  color: #26a3e3;
  background: none;
  border: none;
  padding: 0px;
}

.sphere-chat-draft-reply {
  box-shadow: none !important;
}

@keyframes message-anchor-pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(55, 127, 196, 0.4), 0 0 8px 2px rgba(55, 127, 196, 0.3);
    background-color: rgba(55, 127, 196, 0.1);
  }
  50% {
    box-shadow: 0 0 0 4px rgba(55, 127, 196, 0.2), 0 0 12px 4px rgba(55, 127, 196, 0.15);
    background-color: rgba(55, 127, 196, 0.07);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(55, 127, 196, 0), 0 0 0 0 rgba(55, 127, 196, 0);
    background-color: transparent;
  }
}

.sphere-chat-message--anchored {
  animation: message-anchor-pulse 2s ease-out;
  border-radius: 20px;
}

[data-theme=dark] .sphere-chat-message--anchored {
  animation-name: message-anchor-pulse-dark;
}

@keyframes message-anchor-pulse-dark {
  0% {
    box-shadow: 0 0 0 0 rgba(96, 165, 250, 0.4), 0 0 8px 2px rgba(96, 165, 250, 0.3);
    background-color: rgba(96, 165, 250, 0.12);
  }
  50% {
    box-shadow: 0 0 0 4px rgba(96, 165, 250, 0.2), 0 0 12px 4px rgba(96, 165, 250, 0.15);
    background-color: rgba(96, 165, 250, 0.08);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(96, 165, 250, 0), 0 0 0 0 rgba(96, 165, 250, 0);
    background-color: transparent;
  }
}
.mention-chipbar {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px;
  padding: 6px 8px;
  border-top: 1px solid var(--surface-200);
}
[data-theme=dark] .mention-chipbar {
  border-top: 1px solid #2d3748;
}
.mention-chipbar {
  background: var(--component-background);
  border-radius: 0 0 8px 8px;
}
.mention-chipbar .chipbar-icon {
  margin-right: 4px;
  font-size: 0.95rem;
  opacity: 0.8;
  color: var(--secondary-text-color);
}
.mention-chipbar .chipbar-label {
  margin-right: 4px;
  color: var(--secondary-text-color);
  font-size: 0.9rem;
}
.mention-chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 2px 6px;
  border: 1px solid var(--surface-300);
}
[data-theme=dark] .mention-chip {
  border: 1px solid #2d3748;
}
.mention-chip {
  background: var(--component-background);
  border-radius: 6px;
  font-size: 0.9rem;
  line-height: 1.2;
}
.mention-chip .mention-chip-avatar {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 0.75rem;
  font-weight: 600;
  background: var(--primary-100);
}
[data-theme=dark] .mention-chip .mention-chip-avatar {
  background: #24445d;
}
.mention-chip .mention-chip-avatar {
  color: var(--secondary-text-color);
}
.mention-chip .mention-chip-text {
  white-space: nowrap;
  color: var(--secondary-text-color);
}
.mention-chip .mention-chip-remove {
  border: 0;
  background: transparent;
  cursor: pointer;
  padding: 0 2px;
  line-height: 1;
  font-size: 1rem;
  opacity: 0.6;
  color: var(--secondary-text-color);
}
.mention-chip .mention-chip-remove:hover {
  opacity: 1;
}
@charset "UTF-8";
:root {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  --font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
  	Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
  	"Segoe UI Symbol";
  --surface-a: #ffffff;
  --surface-b: #f8f9fa;
  --surface-c: #e9ecef;
  --surface-d: #dee2e6;
  --surface-e: #ffffff;
  --surface-f: #ffffff;
  --text-color: #495057;
  --text-color-secondary: #6c757d;
  --primary-color: #2196f3;
  --primary-color-text: #ffffff;
  --surface-0: #ffffff;
  --surface-50: #fafafa;
  --surface-100: #f5f5f5;
  --surface-200: #eeeeee;
  --surface-300: #e0e0e0;
  --surface-400: #bdbdbd;
  --surface-500: #9e9e9e;
  --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: #9e9e9e;
  --gray-600: #757575;
  --gray-700: #616161;
  --gray-800: #424242;
  --gray-900: #212121;
  --content-padding: 1rem;
  --inline-spacing: 0.5rem;
  --border-radius: 3px;
  --surface-ground: #f8f9fa;
  --surface-section: #ffffff;
  --surface-card: #ffffff;
  --surface-overlay: #ffffff;
  --surface-border: #dee2e6;
  --surface-hover: #e9ecef;
  --focus-ring: 0 0 0 0.2rem #a6d5fa;
  --maskbg: rgba(0, 0, 0, 0.4);
  --highlight-bg: #e3f2fd;
  --highlight-text-color: #495057;
  color-scheme: light;
}
:root {
  --blue-50:#f4fafe;
  --blue-100:#cae6fc;
  --blue-200:#a0d2fa;
  --blue-300:#75bef8;
  --blue-400:#4baaf5;
  --blue-500:#2196f3;
  --blue-600:#1c80cf;
  --blue-700:#1769aa;
  --blue-800:#125386;
  --blue-900:#0d3c61;
  --green-50:#f6fbf6;
  --green-100:#d4ecd5;
  --green-200:#b2ddb4;
  --green-300:#90cd93;
  --green-400:#6ebe71;
  --green-500:#4caf50;
  --green-600:#419544;
  --green-700:#357b38;
  --green-800:#2a602c;
  --green-900:#1e4620;
  --yellow-50:#fffcf5;
  --yellow-100:#fef0cd;
  --yellow-200:#fde4a5;
  --yellow-300:#fdd87d;
  --yellow-400:#fccc55;
  --yellow-500:#fbc02d;
  --yellow-600:#d5a326;
  --yellow-700:#b08620;
  --yellow-800:#8a6a19;
  --yellow-900:#644d12;
  --cyan-50:#f2fcfd;
  --cyan-100:#c2eff5;
  --cyan-200:#91e2ed;
  --cyan-300:#61d5e4;
  --cyan-400:#30c9dc;
  --cyan-500:#00bcd4;
  --cyan-600:#00a0b4;
  --cyan-700:#008494;
  --cyan-800:#006775;
  --cyan-900:#004b55;
  --pink-50:#fef4f7;
  --pink-100:#fac9da;
  --pink-200:#f69ebc;
  --pink-300:#f1749e;
  --pink-400:#ed4981;
  --pink-500:#e91e63;
  --pink-600:#c61a54;
  --pink-700:#a31545;
  --pink-800:#801136;
  --pink-900:#5d0c28;
  --indigo-50:#f5f6fb;
  --indigo-100:#d1d5ed;
  --indigo-200:#acb4df;
  --indigo-300:#8893d1;
  --indigo-400:#6372c3;
  --indigo-500:#3f51b5;
  --indigo-600:#36459a;
  --indigo-700:#2c397f;
  --indigo-800:#232d64;
  --indigo-900:#192048;
  --teal-50:#f2faf9;
  --teal-100:#c2e6e2;
  --teal-200:#91d2cc;
  --teal-300:#61beb5;
  --teal-400:#30aa9f;
  --teal-500:#009688;
  --teal-600:#008074;
  --teal-700:#00695f;
  --teal-800:#00534b;
  --teal-900:#003c36;
  --orange-50:#fff8f2;
  --orange-100:#fde0c2;
  --orange-200:#fbc791;
  --orange-300:#f9ae61;
  --orange-400:#f79530;
  --orange-500:#f57c00;
  --orange-600:#d06900;
  --orange-700:#ac5700;
  --orange-800:#874400;
  --orange-900:#623200;
  --bluegray-50:#f7f9f9;
  --bluegray-100:#d9e0e3;
  --bluegray-200:#bbc7cd;
  --bluegray-300:#9caeb7;
  --bluegray-400:#7e96a1;
  --bluegray-500:#607d8b;
  --bluegray-600:#526a76;
  --bluegray-700:#435861;
  --bluegray-800:#35454c;
  --bluegray-900:#263238;
  --purple-50:#faf4fb;
  --purple-100:#e7cbec;
  --purple-200:#d4a2dd;
  --purple-300:#c279ce;
  --purple-400:#af50bf;
  --purple-500:#9c27b0;
  --purple-600:#852196;
  --purple-700:#6d1b7b;
  --purple-800:#561561;
  --purple-900:#3e1046;
  --red-50:#fff5f5;
  --red-100:#ffd1ce;
  --red-200:#ffada7;
  --red-300:#ff8980;
  --red-400:#ff6459;
  --red-500:#ff4032;
  --red-600:#d9362b;
  --red-700:#b32d23;
  --red-800:#8c231c;
  --red-900:#661a14;
  --primary-50:#f4fafe;
  --primary-100:#cae6fc;
  --primary-200:#a0d2fa;
  --primary-300:#75bef8;
  --primary-400:#4baaf5;
  --primary-500:#2196f3;
  --primary-600:#1c80cf;
  --primary-700:#1769aa;
  --primary-800:#125386;
  --primary-900:#0d3c61;
}
.p-editor-container .p-editor-toolbar {
  background: #f8f9fa;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}
.p-editor-container .p-editor-toolbar.ql-snow {
  border: 1px solid #dee2e6;
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke {
  stroke: #6c757d;
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-fill {
  fill: #6c757d;
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label {
  border: 0 none;
  color: #6c757d;
}
.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: 3px;
  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: 3px;
  border-bottom-left-radius: 3px;
}
.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: 3px;
  border-bottom-left-radius: 3px;
}
.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: #2196f3;
}
.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: #2196f3;
}
.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: #2196f3;
}
.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: #2196f3;
}
@layer primereact {
  * {
    box-sizing: border-box;
  }
  .p-component {
    font-family: var(--font-family);
    font-feature-settings: var(--font-feature-settings, normal);
    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 {
    opacity: 0.6;
  }
  .p-error {
    color: #f44336;
  }
  .p-text-secondary {
    color: #6c757d;
  }
  .pi {
    font-size: 1rem;
  }
  .p-icon {
    width: 1rem;
    height: 1rem;
  }
  .p-link {
    font-family: var(--font-family);
    font-feature-settings: var(--font-feature-settings, normal);
    font-size: 1rem;
    border-radius: 3px;
  }
  .p-link:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .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;
    }
  }
  .p-autocomplete .p-autocomplete-loader {
    right: 0.5rem;
  }
  .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
    right: 2.857rem;
  }
  .p-autocomplete .p-autocomplete-multiple-container {
    padding: 0.25rem 0.5rem;
    gap: 0.5rem;
  }
  .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover {
    border-color: #2196f3;
  }
  .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
    border-color: #2196f3;
  }
  .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
    padding: 0.25rem 0;
  }
  .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
    font-family: var(--font-family);
    font-feature-settings: var(--font-feature-settings, normal);
    font-size: 1rem;
    color: #495057;
    padding: 0;
    margin: 0;
  }
  .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
    padding: 0.25rem 0.5rem;
    margin-right: 0.5rem;
    background: #e3f2fd;
    color: #495057;
    border-radius: 3px;
  }
  .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
    margin-left: 0.5rem;
  }
  .p-autocomplete.p-invalid.p-component > .p-inputtext {
    border-color: #f44336;
  }
  .p-autocomplete-panel {
    background: #ffffff;
    color: #495057;
    border: 0 none;
    border-radius: 3px;
    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 {
    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-highlight {
    color: #495057;
    background: #e3f2fd;
  }
  .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
    margin: 0;
    padding: 0.75rem 1rem;
    color: #495057;
    background: #ffffff;
    font-weight: 600;
  }
  .p-calendar.p-invalid.p-component > .p-inputtext {
    border-color: #f44336;
  }
  .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
    border-color: #2196f3;
  }
  .p-datepicker {
    padding: 0.5rem;
    background: #ffffff;
    color: #495057;
    border: 1px solid #ced4da;
    border-radius: 3px;
  }
  .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: 3px;
    border-top-left-radius: 3px;
  }
  .p-datepicker .p-datepicker-header .p-datepicker-prev,
  .p-datepicker .p-datepicker-header .p-datepicker-next {
    width: 2rem;
    height: 2rem;
    color: #6c757d;
    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-visible,
  .p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .p-datepicker .p-datepicker-header .p-datepicker-title {
    line-height: 2rem;
  }
  .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year,
  .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
    color: #495057;
    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
    font-weight: 600;
    padding: 0.5rem;
  }
  .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover,
  .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover {
    color: #2196f3;
  }
  .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 #a6d5fa;
  }
  .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: #6c757d;
    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-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .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: 3px;
  }
  .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight {
    color: #495057;
    background: #e3f2fd;
  }
  .p-datepicker .p-yearpicker {
    margin: 0.5rem 0;
  }
  .p-datepicker .p-yearpicker .p-yearpicker-year {
    padding: 0.5rem;
    transition: box-shadow 0.2s;
    border-radius: 3px;
  }
  .p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight {
    color: #495057;
    background: #e3f2fd;
  }
  .p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
    border-left: 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;
    border-left: 0 none;
  }
  .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child {
    padding-right: 0;
  }
  .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 #a6d5fa;
  }
  .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover {
    background: #e9ecef;
  }
  .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover {
    background: #e9ecef;
  }
  .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  @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: 3px;
    outline-color: transparent;
  }
  .p-cascadeselect:not(.p-disabled):hover {
    border-color: #2196f3;
  }
  .p-cascadeselect:not(.p-disabled).p-focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
    border-color: #2196f3;
  }
  .p-cascadeselect.p-variant-filled {
    background-color: #f8f9fa;
  }
  .p-cascadeselect.p-variant-filled:enabled:hover {
    background-color: #f8f9fa;
  }
  .p-cascadeselect.p-variant-filled:enabled:focus {
    background-color: #ffffff;
  }
  .p-cascadeselect .p-cascadeselect-label {
    background: transparent;
    border: 0 none;
    padding: 0.5rem 0.5rem;
  }
  .p-cascadeselect .p-cascadeselect-label.p-placeholder {
    color: #6c757d;
  }
  .p-cascadeselect .p-cascadeselect-label:enabled:focus {
    outline: 0 none;
    box-shadow: none;
  }
  .p-cascadeselect .p-cascadeselect-trigger {
    background: transparent;
    color: #6c757d;
    width: 2.357rem;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
  }
  .p-cascadeselect.p-invalid.p-component {
    border-color: #f44336;
  }
  .p-cascadeselect-panel {
    background: #ffffff;
    color: #495057;
    border: 0 none;
    border-radius: 3px;
    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:first-child {
    margin-top: 0;
  }
  .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:last-child {
    margin-bottom: 0;
  }
  .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight {
    color: #495057;
    background: #e3f2fd;
  }
  .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus {
    background: rgba(33, 150, 243, 0.24);
  }
  .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus {
    color: #495057;
    background: #e9ecef;
  }
  .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-group-icon {
    font-size: 0.875rem;
  }
  .p-checkbox {
    position: relative;
    display: inline-flex;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    vertical-align: bottom;
  }
  .p-checkbox-input {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    opacity: 0;
    z-index: 1;
    outline: 0 none;
    cursor: pointer;
  }
  .p-checkbox-box {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .p-checkbox {
    width: 20px;
    height: 20px;
  }
  .p-checkbox .p-checkbox-input {
    border: 2px solid #ced4da;
    border-radius: 3px;
  }
  .p-checkbox .p-checkbox-box {
    border: 2px solid #ced4da;
    background: #ffffff;
    width: 20px;
    height: 20px;
    color: #495057;
    border-radius: 3px;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
    outline-color: transparent;
  }
  .p-checkbox .p-checkbox-box .p-checkbox-icon {
    transition-duration: 0.2s;
    color: #ffffff;
    font-size: 14px;
  }
  .p-checkbox .p-checkbox-box .p-checkbox-icon.p-icon {
    width: 14px;
    height: 14px;
  }
  .p-checkbox .p-checkbox-box {
    border: 2px solid #ced4da;
    background: #ffffff;
    width: 20px;
    height: 20px;
    color: #495057;
    border-radius: 3px;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
    outline-color: transparent;
  }
  .p-checkbox .p-checkbox-box .p-checkbox-icon {
    transition-duration: 0.2s;
    color: #ffffff;
    font-size: 14px;
  }
  .p-checkbox .p-checkbox-box .p-checkbox-icon.p-icon {
    width: 14px;
    height: 14px;
  }
  .p-checkbox.p-highlight .p-checkbox-box {
    border-color: #2196f3;
    background: #2196f3;
  }
  .p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
    border-color: #2196f3;
  }
  .p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
    border-color: #0b7ad1;
    background: #0b7ad1;
    color: #ffffff;
  }
  .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible) .p-checkbox-box {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
    border-color: #2196f3;
  }
  .p-checkbox.p-invalid > .p-checkbox-box {
    border-color: #f44336;
  }
  .p-checkbox.p-variant-filled .p-checkbox-box {
    background-color: #f8f9fa;
  }
  .p-checkbox.p-variant-filled.p-highlight .p-checkbox-box {
    background: #2196f3;
  }
  .p-checkbox.p-variant-filled:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
    background-color: #f8f9fa;
  }
  .p-checkbox.p-variant-filled:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
    background: #0b7ad1;
  }
  .p-input-filled .p-checkbox .p-checkbox-box {
    background-color: #f8f9fa;
  }
  .p-input-filled .p-checkbox.p-highlight .p-checkbox-box {
    background: #2196f3;
  }
  .p-input-filled .p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
    background-color: #f8f9fa;
  }
  .p-input-filled .p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
    background: #0b7ad1;
  }
  .p-checkbox {
    position: relative;
    display: inline-flex;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    vertical-align: bottom;
  }
  .p-checkbox-input {
    cursor: pointer;
  }
  .p-checkbox-box {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .p-tristatecheckbox.p-variant-filled .p-checkbox-box {
    background-color: #f8f9fa;
  }
  .p-tristatecheckbox.p-variant-filled.p-highlight .p-checkbox-box {
    background: #2196f3;
  }
  .p-tristatecheckbox.p-variant-filled:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
    background-color: #f8f9fa;
  }
  .p-tristatecheckbox.p-variant-filled:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
    background: #0b7ad1;
  }
  .p-chips {
    display: inline-flex;
  }
  .p-chips-multiple-container {
    margin: 0;
    padding: 0;
    list-style-type: none;
    cursor: text;
    overflow: hidden;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
  }
  .p-chips-token {
    cursor: default;
    display: inline-flex;
    align-items: center;
    flex: 0 0 auto;
  }
  .p-chips-input-token {
    flex: 1 1 auto;
    display: inline-flex;
  }
  .p-chips-token-icon {
    cursor: pointer;
  }
  .p-chips-input-token input {
    border: 0 none;
    outline: 0 none;
    background-color: transparent;
    margin: 0;
    padding: 0;
    box-shadow: none;
    border-radius: 0;
    width: 100%;
  }
  .p-fluid .p-chips {
    display: flex;
  }
  .p-chips:not(.p-disabled):hover .p-chips-multiple-container {
    border-color: #2196f3;
  }
  .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
    border-color: #2196f3;
  }
  .p-chips .p-chips-multiple-container {
    padding: 0.25rem 0.5rem;
    outline-color: transparent;
  }
  .p-chips .p-chips-multiple-container .p-chips-token {
    padding: 0.25rem 0.5rem;
    margin-right: 0.5rem;
    background: #dee2e6;
    color: #495057;
    border-radius: 16px;
  }
  .p-chips .p-chips-multiple-container .p-chips-token.p-focus {
    background: #ced4da;
    color: #495057;
  }
  .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: 0.25rem 0;
  }
  .p-chips .p-chips-multiple-container .p-chips-input-token input {
    font-family: var(--font-family);
    font-feature-settings: var(--font-feature-settings, normal);
    font-size: 1rem;
    color: #495057;
    padding: 0;
    margin: 0;
  }
  .p-chips.p-invalid.p-component > .p-inputtext {
    border-color: #f44336;
  }
  .p-colorpicker-preview {
    width: 2rem;
    height: 2rem;
  }
  .p-colorpicker-panel {
    background: #323232;
    border: 1px solid #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);
  }
  .p-dropdown {
    display: inline-flex;
    cursor: pointer;
    position: relative;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
  }
  .p-dropdown-clear-icon {
    position: absolute;
    top: 50%;
    margin-top: -0.5rem;
  }
  .p-dropdown-trigger {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
  }
  .p-dropdown-label {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    flex: 1 1 auto;
    width: 1%;
    text-overflow: ellipsis;
    cursor: pointer;
  }
  .p-dropdown-label-empty {
    overflow: hidden;
    opacity: 0;
  }
  input.p-dropdown-label {
    cursor: default;
  }
  .p-dropdown .p-dropdown-panel {
    min-width: 100%;
  }
  .p-dropdown-panel {
    position: absolute;
    top: 0;
    left: 0;
  }
  .p-dropdown-items-wrapper {
    overflow: auto;
  }
  .p-dropdown-item {
    cursor: pointer;
    font-weight: normal;
    white-space: nowrap;
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
  }
  .p-dropdown-item-group {
    cursor: auto;
  }
  .p-dropdown-items {
    margin: 0;
    padding: 0;
    list-style-type: none;
  }
  .p-dropdown-filter {
    width: 100%;
  }
  .p-dropdown-filter-container {
    position: relative;
  }
  .p-dropdown-filter-icon {
    position: absolute;
    top: 50%;
    margin-top: -0.5rem;
  }
  .p-fluid .p-dropdown {
    display: flex;
  }
  .p-fluid .p-dropdown .p-dropdown-label {
    width: 1%;
  }
  .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: 3px;
    outline-color: transparent;
  }
  .p-dropdown:not(.p-disabled):hover {
    border-color: #2196f3;
  }
  .p-dropdown:not(.p-disabled).p-focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
    border-color: #2196f3;
  }
  .p-dropdown.p-variant-filled {
    background: #f8f9fa;
  }
  .p-dropdown.p-variant-filled:not(.p-disabled):hover {
    background-color: #f8f9fa;
  }
  .p-dropdown.p-variant-filled:not(.p-disabled).p-focus {
    background-color: #ffffff;
  }
  .p-dropdown.p-variant-filled:not(.p-disabled).p-focus .p-inputtext {
    background-color: transparent;
  }
  .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: #6c757d;
  }
  .p-dropdown .p-dropdown-label:focus, .p-dropdown .p-dropdown-label:enabled:focus {
    outline: 0 none;
    box-shadow: none;
  }
  .p-dropdown .p-dropdown-trigger {
    background: transparent;
    color: #6c757d;
    width: 2.357rem;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
  }
  .p-dropdown .p-dropdown-clear-icon {
    color: #6c757d;
    right: 2.357rem;
  }
  .p-dropdown.p-invalid.p-component {
    border-color: #f44336;
  }
  .p-dropdown-panel {
    background: #ffffff;
    color: #495057;
    border: 0 none;
    border-radius: 3px;
    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: 3px;
    border-top-left-radius: 3px;
  }
  .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: #6c757d;
  }
  .p-dropdown-panel .p-dropdown-items {
    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:first-child {
    margin-top: 0;
  }
  .p-dropdown-panel .p-dropdown-items .p-dropdown-item:last-child {
    margin-bottom: 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.p-highlight.p-focus {
    background: rgba(33, 150, 243, 0.24);
  }
  .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus {
    color: #495057;
    background: #e9ecef;
  }
  .p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-check-icon {
    position: relative;
    margin-left: -0.5rem;
    margin-right: 0.5rem;
  }
  .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-panel .p-dropdown-items .p-dropdown-empty-message {
    padding: 0.5rem 1rem;
    color: #495057;
    background: transparent;
  }
  .p-inputgroup-addon {
    background: #e9ecef;
    color: #6c757d;
    border-top: 1px solid #ced4da;
    border-left: 1px solid #ced4da;
    border-bottom: 1px solid #ced4da;
    padding: 0.5rem 0.5rem;
    min-width: 2.357rem;
  }
  .p-inputgroup-addon:last-child {
    border-right: 1px solid #ced4da;
  }
  .p-inputgroup > .p-component,
  .p-inputgroup > .p-inputwrapper > .p-inputtext,
  .p-inputgroup > .p-float-label > .p-component {
    border-radius: 0;
    margin: 0;
  }
  .p-inputgroup > .p-component + .p-inputgroup-addon,
  .p-inputgroup > .p-inputwrapper > .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-inputwrapper > .p-inputtext:focus,
  .p-inputgroup > .p-float-label > .p-component:focus {
    z-index: 1;
  }
  .p-inputgroup > .p-component:focus ~ label,
  .p-inputgroup > .p-inputwrapper > .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-inputgroup > .p-inputwrapper:first-child > .p-inputtext {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
  }
  .p-inputgroup .p-float-label:first-child input {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
  }
  .p-inputgroup-addon:last-child,
  .p-inputgroup button:last-child,
  .p-inputgroup input:last-child,
  .p-inputgroup > .p-inputwrapper:last-child,
  .p-inputgroup > .p-inputwrapper:last-child > .p-inputtext {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
  }
  .p-inputgroup .p-float-label:last-child input {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
  }
  .p-fluid .p-inputgroup .p-button {
    width: auto;
  }
  .p-fluid .p-inputgroup .p-button.p-button-icon-only {
    width: 2.357rem;
  }
  .p-inputnumber.p-invalid.p-component > .p-inputtext {
    border-color: #f44336;
  }
  .p-inputswitch {
    position: relative;
    display: inline-block;
  }
  .p-inputswitch-input {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    opacity: 0;
    z-index: 1;
    outline: 0 none;
    cursor: pointer;
  }
  .p-inputswitch-slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border: 1px solid transparent;
  }
  .p-inputswitch-slider:before {
    position: absolute;
    content: "";
    top: 50%;
  }
  .p-inputswitch {
    width: 3rem;
    height: 1.75rem;
  }
  .p-inputswitch .p-inputswitch-input {
    border-radius: 30px;
  }
  .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;
    outline-color: transparent;
  }
  .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-highlight .p-inputswitch-slider {
    background: #2196f3;
  }
  .p-inputswitch.p-highlight .p-inputswitch-slider:before {
    background: #ffffff;
    transform: translateX(1.25rem);
  }
  .p-inputswitch:not(.p-disabled):has(.p-inputswitch-input:hover) .p-inputswitch-slider {
    background: #b6bfc8;
  }
  .p-inputswitch:not(.p-disabled):has(.p-inputswitch-input:hover).p-highlight .p-inputswitch-slider {
    background: #0d89ec;
  }
  .p-inputswitch:not(.p-disabled):has(.p-inputswitch-input:focus-visible) .p-inputswitch-slider {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .p-inputswitch.p-invalid > .p-inputswitch-slider {
    border-color: #f44336;
  }
  .p-inputtext {
    font-family: var(--font-family);
    font-feature-settings: var(--font-feature-settings, normal);
    font-size: 1rem;
    color: #495057;
    background: #ffffff;
    padding: 0.5rem 0.5rem;
    border: 1px solid #ced4da;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    border-radius: 3px;
    outline-color: transparent;
  }
  .p-inputtext:enabled:hover {
    border-color: #2196f3;
  }
  .p-inputtext:enabled:focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
    border-color: #2196f3;
  }
  .p-inputtext.p-invalid.p-component {
    border-color: #f44336;
  }
  .p-inputtext.p-variant-filled {
    background-color: #f8f9fa;
  }
  .p-inputtext.p-variant-filled:enabled:hover {
    background-color: #f8f9fa;
  }
  .p-inputtext.p-variant-filled:enabled:focus {
    background-color: #ffffff;
  }
  .p-inputtext.p-inputtext-sm {
    font-size: 0.875rem;
    padding: 0.4375rem 0.4375rem;
  }
  .p-inputtext.p-inputtext-lg {
    font-size: 1.25rem;
    padding: 0.625rem 0.625rem;
  }
  .p-float-label > label {
    left: 0.5rem;
    color: #6c757d;
    transition-duration: 0.2s;
  }
  .p-float-label > .p-invalid + label {
    color: #f44336;
  }
  .p-icon-field-left > .p-inputtext {
    padding-left: 2rem;
  }
  .p-icon-field-left.p-float-label > label {
    left: 2rem;
  }
  .p-icon-field-right > .p-inputtext {
    padding-right: 2rem;
  }
  ::-webkit-input-placeholder {
    color: #6c757d;
  }
  :-moz-placeholder {
    color: #6c757d;
  }
  ::-moz-placeholder {
    color: #6c757d;
  }
  :-ms-input-placeholder {
    color: #6c757d;
  }
  .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: 0.875rem;
    padding: 0.4375rem 0.4375rem;
  }
  .p-inputtext-lg .p-inputtext {
    font-size: 1.25rem;
    padding: 0.625rem 0.625rem;
  }
  .p-icon-field {
    position: relative;
  }
  .p-icon-field > .p-input-icon {
    position: absolute;
    top: 50%;
    margin-top: -0.5rem;
  }
  .p-fluid .p-icon-field-left,
  .p-fluid .p-icon-field-right {
    width: 100%;
  }
  .p-icon-field-left > .p-input-icon:first-of-type {
    left: 0.5rem;
    color: #6c757d;
  }
  .p-icon-field-right > .p-input-icon:last-of-type {
    right: 0.5rem;
    color: #6c757d;
  }
  .p-inputotp {
    display: flex;
    align-items: center;
    gap: 0.5rem;
  }
  .p-inputotp-input {
    text-align: center;
    width: 2rem;
  }
  .p-listbox-list-wrapper {
    overflow: auto;
  }
  .p-listbox-list {
    list-style-type: none;
    margin: 0;
    padding: 0;
  }
  .p-listbox-item {
    cursor: pointer;
    position: relative;
    overflow: hidden;
  }
  .p-listbox-item-group {
    cursor: auto;
  }
  .p-listbox-filter-container {
    position: relative;
  }
  .p-listbox-filter-icon {
    position: absolute;
    top: 50%;
    margin-top: -0.5rem;
  }
  .p-listbox-filter {
    width: 100%;
  }
  .p-listbox {
    background: #ffffff;
    color: #495057;
    border: 1px solid #ced4da;
    border-radius: 3px;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
    outline-color: transparent;
  }
  .p-listbox .p-listbox-header {
    padding: 0.5rem 1rem;
    border-bottom: 0 none;
    color: #495057;
    background: #f8f9fa;
    margin: 0;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
  }
  .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: #6c757d;
  }
  .p-listbox .p-listbox-list {
    padding: 0.5rem 0;
    outline: 0 none;
  }
  .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:first-child {
    margin-top: 0;
  }
  .p-listbox .p-listbox-list .p-listbox-item:last-child {
    margin-bottom: 0;
  }
  .p-listbox .p-listbox-list .p-listbox-item.p-highlight {
    color: #495057;
    background: #e3f2fd;
  }
  .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.p-highlight.p-focus {
    background: rgba(33, 150, 243, 0.24);
  }
  .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus {
    color: #495057;
    background: #e9ecef;
  }
  .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
    color: #495057;
    background: #e9ecef;
  }
  .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover.p-focus {
    color: #495057;
    background: #e9ecef;
  }
  .p-listbox.p-focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
    border-color: #2196f3;
  }
  .p-listbox.p-invalid {
    border-color: #f44336;
  }
  .p-mention-panel {
    background: #ffffff;
    color: #495057;
    border: 0 none;
    border-radius: 3px;
    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-mention-panel .p-mention-items {
    padding: 0.5rem 0;
  }
  .p-mention-panel .p-mention-items .p-mention-item {
    margin: 0;
    padding: 0.5rem 1rem;
    border: 0 none;
    color: #495057;
    background: transparent;
    transition: box-shadow 0.2s;
    border-radius: 0;
  }
  .p-mention-panel .p-mention-items .p-mention-item:hover {
    color: #495057;
    background: #e9ecef;
  }
  .p-mention-panel .p-mention-items .p-mention-item.p-highlight {
    color: #495057;
    background: #e3f2fd;
  }
  .p-multiselect {
    display: inline-flex;
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
  }
  .p-multiselect-trigger {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
  }
  .p-multiselect-label-container {
    overflow: hidden;
    flex: 1 1 auto;
    cursor: pointer;
  }
  .p-multiselect-label {
    display: block;
    white-space: nowrap;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .p-multiselect-label-empty {
    overflow: hidden;
    visibility: hidden;
  }
  .p-multiselect-token {
    cursor: default;
    display: inline-flex;
    align-items: center;
    flex: 0 0 auto;
  }
  .p-multiselect-token-icon {
    cursor: pointer;
  }
  .p-multiselect .p-multiselect-panel {
    min-width: 100%;
  }
  .p-multiselect-items-wrapper {
    overflow: auto;
  }
  .p-multiselect-items {
    margin: 0;
    padding: 0;
    list-style-type: none;
  }
  .p-multiselect-item {
    cursor: pointer;
    display: flex;
    align-items: center;
    font-weight: normal;
    white-space: nowrap;
    position: relative;
    overflow: hidden;
  }
  .p-multiselect-item-group {
    cursor: auto;
  }
  .p-multiselect-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .p-multiselect-filter-container {
    position: relative;
    flex: 1 1 auto;
  }
  .p-multiselect-filter-icon {
    position: absolute;
    top: 50%;
    margin-top: -0.5rem;
  }
  .p-multiselect-filter-container .p-inputtext {
    width: 100%;
  }
  .p-multiselect-close {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    overflow: hidden;
    position: relative;
    margin-left: auto;
  }
  .p-fluid .p-multiselect {
    display: flex;
  }
  .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: 3px;
    outline-color: transparent;
  }
  .p-multiselect:not(.p-disabled):hover {
    border-color: #2196f3;
  }
  .p-multiselect:not(.p-disabled).p-focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
    border-color: #2196f3;
  }
  .p-multiselect.p-variant-filled {
    background: #f8f9fa;
  }
  .p-multiselect.p-variant-filled:not(.p-disabled):hover {
    background-color: #f8f9fa;
  }
  .p-multiselect.p-variant-filled:not(.p-disabled).p-focus {
    background-color: #ffffff;
  }
  .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: #6c757d;
  }
  .p-multiselect.p-multiselect-chip .p-multiselect-token {
    padding: 0.25rem 0.5rem;
    margin-right: 0.5rem;
    background: #dee2e6;
    color: #495057;
    border-radius: 16px;
  }
  .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
    margin-left: 0.5rem;
  }
  .p-multiselect .p-multiselect-trigger {
    background: transparent;
    color: #6c757d;
    width: 2.357rem;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
  }
  .p-multiselect.p-invalid.p-component {
    border-color: #f44336;
  }
  .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label {
    padding: 0.25rem 0.5rem;
  }
  .p-multiselect-panel {
    background: #ffffff;
    color: #495057;
    border: 0 none;
    border-radius: 3px;
    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: 3px;
    border-top-left-radius: 3px;
  }
  .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext {
    padding-right: 1.5rem;
  }
  .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon {
    right: 0.5rem;
    color: #6c757d;
  }
  .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: #6c757d;
    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-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .p-multiselect-panel .p-multiselect-items {
    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:first-child {
    margin-top: 0;
  }
  .p-multiselect-panel .p-multiselect-items .p-multiselect-item:last-child {
    margin-bottom: 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.p-highlight.p-focus {
    background: rgba(33, 150, 243, 0.24);
  }
  .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus {
    color: #495057;
    background: #e9ecef;
  }
  .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-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: 3px;
  }
  .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 {
    position: relative;
    display: inline-flex;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    vertical-align: bottom;
  }
  .p-radiobutton-input {
    cursor: pointer;
  }
  .p-radiobutton-box {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .p-radiobutton-icon {
    backface-visibility: hidden;
    transform: translateZ(0) scale(0.1);
    border-radius: 50%;
    visibility: hidden;
  }
  .p-radiobutton.p-highlight .p-radiobutton-icon {
    transform: translateZ(0) scale(1, 1);
    visibility: visible;
  }
  .p-radiobutton {
    width: 20px;
    height: 20px;
  }
  .p-radiobutton .p-radiobutton-input {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    opacity: 0;
    z-index: 1;
    outline: 0 none;
    border: 2px solid #ced4da;
    border-radius: 50%;
  }
  .p-radiobutton .p-radiobutton-box {
    border: 2px solid #ced4da;
    background: #ffffff;
    width: 20px;
    height: 20px;
    color: #495057;
    border-radius: 50%;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
    outline-color: transparent;
  }
  .p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
    width: 12px;
    height: 12px;
    transition-duration: 0.2s;
    background-color: #ffffff;
  }
  .p-radiobutton.p-highlight .p-radiobutton-box {
    border-color: #2196f3;
    background: #2196f3;
  }
  .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
    border-color: #2196f3;
  }
  .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
    border-color: #0b7ad1;
    background: #0b7ad1;
  }
  .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box .p-radiobutton-icon {
    background-color: #ffffff;
  }
  .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible) .p-radiobutton-box {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
    border-color: #2196f3;
  }
  .p-radiobutton.p-invalid > .p-radiobutton-box {
    border-color: #f44336;
  }
  .p-radiobutton.p-variant-filled .p-radiobutton-box {
    background-color: #f8f9fa;
  }
  .p-radiobutton.p-variant-filled.p-highlight .p-radiobutton-box {
    background: #2196f3;
  }
  .p-radiobutton.p-variant-filled:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
    background-color: #f8f9fa;
  }
  .p-radiobutton.p-variant-filled:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
    background: #0b7ad1;
  }
  .p-input-filled .p-radiobutton .p-radiobutton-box {
    background-color: #f8f9fa;
  }
  .p-input-filled .p-radiobutton.p-highlight .p-radiobutton-box {
    background: #2196f3;
  }
  .p-input-filled .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
    background-color: #f8f9fa;
  }
  .p-input-filled .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
    background: #0b7ad1;
  }
  .p-rating {
    position: relative;
    display: flex;
    align-items: center;
  }
  .p-rating-item {
    display: inline-flex;
    align-items: center;
    cursor: pointer;
  }
  .p-rating.p-readonly .p-rating-item {
    cursor: default;
  }
  .p-rating {
    gap: 0.5rem;
  }
  .p-rating .p-rating-item {
    outline-color: transparent;
    border-radius: 50%;
  }
  .p-rating .p-rating-item .p-rating-icon {
    color: #495057;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
    font-size: 1.143rem;
  }
  .p-rating .p-rating-item .p-rating-icon.p-icon {
    width: 1.143rem;
    height: 1.143rem;
  }
  .p-rating .p-rating-item .p-rating-icon.p-rating-cancel {
    color: #e74c3c;
  }
  .p-rating .p-rating-item.p-focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .p-rating .p-rating-item.p-rating-item-active .p-rating-icon {
    color: #2196f3;
  }
  .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon {
    color: #2196f3;
  }
  .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel {
    color: #c0392b;
  }
  .p-selectbutton .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-selectbutton .p-button .p-button-icon-left,
  .p-selectbutton .p-button .p-button-icon-right {
    color: #6c757d;
  }
  .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover {
    background: #e9ecef;
    border-color: #ced4da;
    color: #495057;
  }
  .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: #6c757d;
  }
  .p-selectbutton .p-button.p-highlight {
    background: #2196f3;
    border-color: #2196f3;
    color: #ffffff;
  }
  .p-selectbutton .p-button.p-highlight .p-button-icon-left,
  .p-selectbutton .p-button.p-highlight .p-button-icon-right {
    color: #ffffff;
  }
  .p-selectbutton .p-button.p-highlight:hover {
    background: #0d89ec;
    border-color: #0d89ec;
    color: #ffffff;
  }
  .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left,
  .p-selectbutton .p-button.p-highlight:hover .p-button-icon-right {
    color: #ffffff;
  }
  .p-selectbutton.p-invalid > .p-button {
    border-color: #f44336;
  }
  .p-slider {
    background: #dee2e6;
    border: 0 none;
    border-radius: 3px;
  }
  .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 #2196f3;
    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 #a6d5fa;
  }
  .p-slider .p-slider-range {
    background: #2196f3;
  }
  .p-slider:not(.p-disabled) .p-slider-handle:hover {
    background: #2196f3;
    border-color: #2196f3;
  }
  .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: 3px;
  }
  .p-treeselect:not(.p-disabled):hover {
    border-color: #2196f3;
  }
  .p-treeselect:not(.p-disabled).p-focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
    border-color: #2196f3;
  }
  .p-treeselect.p-treeselect-clearable .p-treeselect-label {
    padding-right: 1.5rem;
  }
  .p-treeselect.p-variant-filled {
    background: #f8f9fa;
  }
  .p-treeselect.p-variant-filled:not(.p-disabled):hover {
    background-color: #f8f9fa;
  }
  .p-treeselect.p-variant-filled:not(.p-disabled).p-focus {
    background-color: #ffffff;
  }
  .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: #6c757d;
  }
  .p-treeselect.p-treeselect-chip .p-treeselect-token {
    padding: 0.25rem 0.5rem;
    margin-right: 0.5rem;
    background: #dee2e6;
    color: #495057;
    border-radius: 16px;
  }
  .p-treeselect .p-treeselect-trigger {
    background: transparent;
    color: #6c757d;
    width: 2.357rem;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
  }
  .p-treeselect .p-treeselect-clear-icon {
    color: #6c757d;
    right: 2.357rem;
  }
  .p-treeselect.p-invalid.p-component {
    border-color: #f44336;
  }
  .p-inputwrapper-filled.p-treeselect.p-treeselect-chip .p-treeselect-label {
    padding: 0.25rem 0.5rem;
  }
  .p-treeselect-panel {
    background: #ffffff;
    color: #495057;
    border: 0 none;
    border-radius: 3px;
    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-header {
    padding: 0.5rem 1rem;
    border-bottom: 0 none;
    color: #495057;
    background: #f8f9fa;
    margin: 0;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
  }
  .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container {
    margin-right: 0.5rem;
  }
  .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter {
    padding-right: 1.5rem;
  }
  .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter-icon {
    right: 0.5rem;
    color: #6c757d;
  }
  .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter {
    padding-right: 3rem;
  }
  .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter-clear-icon {
    right: 2rem;
  }
  .p-treeselect-panel .p-treeselect-header .p-treeselect-close {
    width: 2rem;
    height: 2rem;
    color: #6c757d;
    border: 0 none;
    background: transparent;
    border-radius: 50%;
    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
  }
  .p-treeselect-panel .p-treeselect-header .p-treeselect-close:enabled:hover {
    color: #495057;
    border-color: transparent;
    background: #e9ecef;
  }
  .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .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-togglebutton {
    position: relative;
    display: inline-flex;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    vertical-align: bottom;
  }
  .p-togglebutton-input {
    cursor: pointer;
  }
  .p-togglebutton .p-button {
    flex: 1 1 auto;
  }
  .p-togglebutton .p-togglebutton-input {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    opacity: 0;
    z-index: 1;
    outline: 0 none;
    border: 1px solid #ced4da;
    border-radius: 3px;
  }
  .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;
    outline-color: transparent;
  }
  .p-togglebutton .p-button .p-button-icon-left,
  .p-togglebutton .p-button .p-button-icon-right {
    color: #6c757d;
  }
  .p-togglebutton.p-highlight .p-button {
    background: #2196f3;
    border-color: #2196f3;
    color: #ffffff;
  }
  .p-togglebutton.p-highlight .p-button .p-button-icon-left,
  .p-togglebutton.p-highlight .p-button .p-button-icon-right {
    color: #ffffff;
  }
  .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button {
    background: #e9ecef;
    border-color: #ced4da;
    color: #495057;
  }
  .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button .p-button-icon-left,
  .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button .p-button-icon-right {
    color: #6c757d;
  }
  .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button {
    background: #0d89ec;
    border-color: #0d89ec;
    color: #ffffff;
  }
  .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button .p-button-icon-left,
  .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button .p-button-icon-right {
    color: #ffffff;
  }
  .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:focus-visible) .p-button {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
    border-color: #2196f3;
  }
  .p-togglebutton.p-invalid > .p-button {
    border-color: #f44336;
  }
  .p-button {
    color: #ffffff;
    background: #2196f3;
    border: 1px solid #2196f3;
    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: 3px;
  }
  .p-button:not(:disabled):hover {
    background: #0d89ec;
    color: #ffffff;
    border-color: #0d89ec;
  }
  .p-button:not(:disabled):active {
    background: #0b7ad1;
    color: #ffffff;
    border-color: #0b7ad1;
  }
  .p-button.p-button-outlined {
    background-color: transparent;
    color: #2196f3;
    border: 1px solid;
  }
  .p-button.p-button-outlined:not(:disabled):hover {
    background: rgba(33, 150, 243, 0.04);
    color: #2196f3;
    border: 1px solid;
  }
  .p-button.p-button-outlined:not(:disabled):active {
    background: rgba(33, 150, 243, 0.16);
    color: #2196f3;
    border: 1px solid;
  }
  .p-button.p-button-outlined.p-button-plain {
    color: #6c757d;
    border-color: #6c757d;
  }
  .p-button.p-button-outlined.p-button-plain:not(:disabled):hover {
    background: #e9ecef;
    color: #6c757d;
  }
  .p-button.p-button-outlined.p-button-plain:not(:disabled):active {
    background: #dee2e6;
    color: #6c757d;
  }
  .p-button.p-button-text {
    background-color: transparent;
    color: #2196f3;
    border-color: transparent;
  }
  .p-button.p-button-text:not(:disabled):hover {
    background: rgba(33, 150, 243, 0.04);
    color: #2196f3;
    border-color: transparent;
  }
  .p-button.p-button-text:not(:disabled):active {
    background: rgba(33, 150, 243, 0.16);
    color: #2196f3;
    border-color: transparent;
  }
  .p-button.p-button-text.p-button-plain {
    color: #6c757d;
  }
  .p-button.p-button-text.p-button-plain:not(:disabled):hover {
    background: #e9ecef;
    color: #6c757d;
  }
  .p-button.p-button-text.p-button-plain:not(:disabled):active {
    background: #dee2e6;
    color: #6c757d;
  }
  .p-button:focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .p-button .p-button-label {
    transition-duration: 0.2s;
  }
  .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: #2196f3;
    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-loading-left .p-button-label {
    margin-left: 0.5rem;
  }
  .p-button.p-button-loading-label-only.p-button-loading-right .p-button-label {
    margin-right: 0.5rem;
  }
  .p-button.p-button-loading-label-only.p-button-loading-top .p-button-label {
    margin-top: 0.5rem;
  }
  .p-button.p-button-loading-label-only.p-button-loading-bottom .p-button-label {
    margin-bottom: 0.5rem;
  }
  .p-button.p-button-loading-label-only .p-button-loading-icon {
    margin: 0;
  }
  .p-fluid .p-button {
    width: 100%;
  }
  .p-fluid .p-button-icon-only {
    width: 2.357rem;
  }
  .p-fluid .p-button-group {
    display: flex;
  }
  .p-fluid .p-button-group .p-button {
    flex: 1;
  }
  .p-button.p-button-secondary, .p-button-group.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button, .p-fileupload-choose.p-button-secondary {
    color: #ffffff;
    background: #607d8b;
    border: 1px solid #607d8b;
  }
  .p-button.p-button-secondary:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover, .p-fileupload-choose.p-button-secondary:not(:disabled):hover {
    background: #56717d;
    color: #ffffff;
    border-color: #56717d;
  }
  .p-button.p-button-secondary:not(:disabled):focus, .p-button-group.p-button-secondary > .p-button:not(:disabled):focus, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus, .p-fileupload-choose.p-button-secondary:not(:disabled):focus {
    box-shadow: 0 0 0 0.2rem #beccd2;
  }
  .p-button.p-button-secondary:not(:disabled):active, .p-button-group.p-button-secondary > .p-button:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):active, .p-fileupload-choose.p-button-secondary:not(:disabled):active {
    background: #4d646f;
    color: #ffffff;
    border-color: #4d646f;
  }
  .p-button.p-button-secondary.p-button-outlined, .p-button-group.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined, .p-fileupload-choose.p-button-secondary.p-button-outlined {
    background-color: transparent;
    color: #607d8b;
    border: 1px solid;
  }
  .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, .p-fileupload-choose.p-button-secondary.p-button-outlined:not(:disabled):hover {
    background: rgba(96, 125, 139, 0.04);
    color: #607d8b;
    border: 1px solid;
  }
  .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, .p-button-group.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, .p-fileupload-choose.p-button-secondary.p-button-outlined:not(:disabled):active {
    background: rgba(96, 125, 139, 0.16);
    color: #607d8b;
    border: 1px solid;
  }
  .p-button.p-button-secondary.p-button-text, .p-button-group.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text, .p-fileupload-choose.p-button-secondary.p-button-text {
    background-color: transparent;
    color: #607d8b;
    border-color: transparent;
  }
  .p-button.p-button-secondary.p-button-text:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, .p-fileupload-choose.p-button-secondary.p-button-text:not(:disabled):hover {
    background: rgba(96, 125, 139, 0.04);
    border-color: transparent;
    color: #607d8b;
  }
  .p-button.p-button-secondary.p-button-text:not(:disabled):active, .p-button-group.p-button-secondary > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active, .p-fileupload-choose.p-button-secondary.p-button-text:not(:disabled):active {
    background: rgba(96, 125, 139, 0.16);
    border-color: transparent;
    color: #607d8b;
  }
  .p-button.p-button-info, .p-button-group.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button, .p-fileupload-choose.p-button-info {
    color: #ffffff;
    background: #0288d1;
    border: 1px solid #0288d1;
  }
  .p-button.p-button-info:not(:disabled):hover, .p-button-group.p-button-info > .p-button:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button:not(:disabled):hover, .p-fileupload-choose.p-button-info:not(:disabled):hover {
    background: #027abc;
    color: #ffffff;
    border-color: #027abc;
  }
  .p-button.p-button-info:not(:disabled):focus, .p-button-group.p-button-info > .p-button:not(:disabled):focus, .p-splitbutton.p-button-info > .p-button:not(:disabled):focus, .p-fileupload-choose.p-button-info:not(:disabled):focus {
    box-shadow: 0 0 0 0.2rem #89d4fe;
  }
  .p-button.p-button-info:not(:disabled):active, .p-button-group.p-button-info > .p-button:not(:disabled):active, .p-splitbutton.p-button-info > .p-button:not(:disabled):active, .p-fileupload-choose.p-button-info:not(:disabled):active {
    background: #026da7;
    color: #ffffff;
    border-color: #026da7;
  }
  .p-button.p-button-info.p-button-outlined, .p-button-group.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined, .p-fileupload-choose.p-button-info.p-button-outlined {
    background-color: transparent;
    color: #0288d1;
    border: 1px solid;
  }
  .p-button.p-button-info.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, .p-fileupload-choose.p-button-info.p-button-outlined:not(:disabled):hover {
    background: rgba(2, 136, 209, 0.04);
    color: #0288d1;
    border: 1px solid;
  }
  .p-button.p-button-info.p-button-outlined:not(:disabled):active, .p-button-group.p-button-info > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active, .p-fileupload-choose.p-button-info.p-button-outlined:not(:disabled):active {
    background: rgba(2, 136, 209, 0.16);
    color: #0288d1;
    border: 1px solid;
  }
  .p-button.p-button-info.p-button-text, .p-button-group.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text, .p-fileupload-choose.p-button-info.p-button-text {
    background-color: transparent;
    color: #0288d1;
    border-color: transparent;
  }
  .p-button.p-button-info.p-button-text:not(:disabled):hover, .p-button-group.p-button-info > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover, .p-fileupload-choose.p-button-info.p-button-text:not(:disabled):hover {
    background: rgba(2, 136, 209, 0.04);
    border-color: transparent;
    color: #0288d1;
  }
  .p-button.p-button-info.p-button-text:not(:disabled):active, .p-button-group.p-button-info > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active, .p-fileupload-choose.p-button-info.p-button-text:not(:disabled):active {
    background: rgba(2, 136, 209, 0.16);
    border-color: transparent;
    color: #0288d1;
  }
  .p-button.p-button-success, .p-button-group.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button, .p-fileupload-choose.p-button-success {
    color: #ffffff;
    background: #689f38;
    border: 1px solid #689f38;
  }
  .p-button.p-button-success:not(:disabled):hover, .p-button-group.p-button-success > .p-button:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button:not(:disabled):hover, .p-fileupload-choose.p-button-success:not(:disabled):hover {
    background: #5e8f32;
    color: #ffffff;
    border-color: #5e8f32;
  }
  .p-button.p-button-success:not(:disabled):focus, .p-button-group.p-button-success > .p-button:not(:disabled):focus, .p-splitbutton.p-button-success > .p-button:not(:disabled):focus, .p-fileupload-choose.p-button-success:not(:disabled):focus {
    box-shadow: 0 0 0 0.2rem #c2e0a8;
  }
  .p-button.p-button-success:not(:disabled):active, .p-button-group.p-button-success > .p-button:not(:disabled):active, .p-splitbutton.p-button-success > .p-button:not(:disabled):active, .p-fileupload-choose.p-button-success:not(:disabled):active {
    background: #537f2d;
    color: #ffffff;
    border-color: #537f2d;
  }
  .p-button.p-button-success.p-button-outlined, .p-button-group.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined, .p-fileupload-choose.p-button-success.p-button-outlined {
    background-color: transparent;
    color: #689f38;
    border: 1px solid;
  }
  .p-button.p-button-success.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, .p-fileupload-choose.p-button-success.p-button-outlined:not(:disabled):hover {
    background: rgba(104, 159, 56, 0.04);
    color: #689f38;
    border: 1px solid;
  }
  .p-button.p-button-success.p-button-outlined:not(:disabled):active, .p-button-group.p-button-success > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active, .p-fileupload-choose.p-button-success.p-button-outlined:not(:disabled):active {
    background: rgba(104, 159, 56, 0.16);
    color: #689f38;
    border: 1px solid;
  }
  .p-button.p-button-success.p-button-text, .p-button-group.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text, .p-fileupload-choose.p-button-success.p-button-text {
    background-color: transparent;
    color: #689f38;
    border-color: transparent;
  }
  .p-button.p-button-success.p-button-text:not(:disabled):hover, .p-button-group.p-button-success > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover, .p-fileupload-choose.p-button-success.p-button-text:not(:disabled):hover {
    background: rgba(104, 159, 56, 0.04);
    border-color: transparent;
    color: #689f38;
  }
  .p-button.p-button-success.p-button-text:not(:disabled):active, .p-button-group.p-button-success > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active, .p-fileupload-choose.p-button-success.p-button-text:not(:disabled):active {
    background: rgba(104, 159, 56, 0.16);
    border-color: transparent;
    color: #689f38;
  }
  .p-button.p-button-warning, .p-button-group.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button, .p-fileupload-choose.p-button-warning {
    color: #212529;
    background: #fbc02d;
    border: 1px solid #fbc02d;
  }
  .p-button.p-button-warning:not(:disabled):hover, .p-button-group.p-button-warning > .p-button:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button:not(:disabled):hover, .p-fileupload-choose.p-button-warning:not(:disabled):hover {
    background: #fab710;
    color: #212529;
    border-color: #fab710;
  }
  .p-button.p-button-warning:not(:disabled):focus, .p-button-group.p-button-warning > .p-button:not(:disabled):focus, .p-splitbutton.p-button-warning > .p-button:not(:disabled):focus, .p-fileupload-choose.p-button-warning:not(:disabled):focus {
    box-shadow: 0 0 0 0.2rem #fde6ab;
  }
  .p-button.p-button-warning:not(:disabled):active, .p-button-group.p-button-warning > .p-button:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button:not(:disabled):active, .p-fileupload-choose.p-button-warning:not(:disabled):active {
    background: #e8a704;
    color: #212529;
    border-color: #e8a704;
  }
  .p-button.p-button-warning.p-button-outlined, .p-button-group.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined, .p-fileupload-choose.p-button-warning.p-button-outlined {
    background-color: transparent;
    color: #fbc02d;
    border: 1px solid;
  }
  .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, .p-fileupload-choose.p-button-warning.p-button-outlined:not(:disabled):hover {
    background: rgba(251, 192, 45, 0.04);
    color: #fbc02d;
    border: 1px solid;
  }
  .p-button.p-button-warning.p-button-outlined:not(:disabled):active, .p-button-group.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, .p-fileupload-choose.p-button-warning.p-button-outlined:not(:disabled):active {
    background: rgba(251, 192, 45, 0.16);
    color: #fbc02d;
    border: 1px solid;
  }
  .p-button.p-button-warning.p-button-text, .p-button-group.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text, .p-fileupload-choose.p-button-warning.p-button-text {
    background-color: transparent;
    color: #fbc02d;
    border-color: transparent;
  }
  .p-button.p-button-warning.p-button-text:not(:disabled):hover, .p-button-group.p-button-warning > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover, .p-fileupload-choose.p-button-warning.p-button-text:not(:disabled):hover {
    background: rgba(251, 192, 45, 0.04);
    border-color: transparent;
    color: #fbc02d;
  }
  .p-button.p-button-warning.p-button-text:not(:disabled):active, .p-button-group.p-button-warning > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active, .p-fileupload-choose.p-button-warning.p-button-text:not(:disabled):active {
    background: rgba(251, 192, 45, 0.16);
    border-color: transparent;
    color: #fbc02d;
  }
  .p-button.p-button-help, .p-button-group.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button, .p-fileupload-choose.p-button-help {
    color: #ffffff;
    background: #9c27b0;
    border: 1px solid #9c27b0;
  }
  .p-button.p-button-help:not(:disabled):hover, .p-button-group.p-button-help > .p-button:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button:not(:disabled):hover, .p-fileupload-choose.p-button-help:not(:disabled):hover {
    background: #8c239e;
    color: #ffffff;
    border-color: #8c239e;
  }
  .p-button.p-button-help:not(:disabled):focus, .p-button-group.p-button-help > .p-button:not(:disabled):focus, .p-splitbutton.p-button-help > .p-button:not(:disabled):focus, .p-fileupload-choose.p-button-help:not(:disabled):focus {
    box-shadow: 0 0 0 0.2rem #df9eea;
  }
  .p-button.p-button-help:not(:disabled):active, .p-button-group.p-button-help > .p-button:not(:disabled):active, .p-splitbutton.p-button-help > .p-button:not(:disabled):active, .p-fileupload-choose.p-button-help:not(:disabled):active {
    background: #7d1f8d;
    color: #ffffff;
    border-color: #7d1f8d;
  }
  .p-button.p-button-help.p-button-outlined, .p-button-group.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined, .p-fileupload-choose.p-button-help.p-button-outlined {
    background-color: transparent;
    color: #9c27b0;
    border: 1px solid;
  }
  .p-button.p-button-help.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, .p-fileupload-choose.p-button-help.p-button-outlined:not(:disabled):hover {
    background: rgba(156, 39, 176, 0.04);
    color: #9c27b0;
    border: 1px solid;
  }
  .p-button.p-button-help.p-button-outlined:not(:disabled):active, .p-button-group.p-button-help > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active, .p-fileupload-choose.p-button-help.p-button-outlined:not(:disabled):active {
    background: rgba(156, 39, 176, 0.16);
    color: #9c27b0;
    border: 1px solid;
  }
  .p-button.p-button-help.p-button-text, .p-button-group.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text, .p-fileupload-choose.p-button-help.p-button-text {
    background-color: transparent;
    color: #9c27b0;
    border-color: transparent;
  }
  .p-button.p-button-help.p-button-text:not(:disabled):hover, .p-button-group.p-button-help > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover, .p-fileupload-choose.p-button-help.p-button-text:not(:disabled):hover {
    background: rgba(156, 39, 176, 0.04);
    border-color: transparent;
    color: #9c27b0;
  }
  .p-button.p-button-help.p-button-text:not(:disabled):active, .p-button-group.p-button-help > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active, .p-fileupload-choose.p-button-help.p-button-text:not(:disabled):active {
    background: rgba(156, 39, 176, 0.16);
    border-color: transparent;
    color: #9c27b0;
  }
  .p-button.p-button-danger, .p-button-group.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button, .p-fileupload-choose.p-button-danger {
    color: #ffffff;
    background: #d32f2f;
    border: 1px solid #d32f2f;
  }
  .p-button.p-button-danger:not(:disabled):hover, .p-button-group.p-button-danger > .p-button:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button:not(:disabled):hover, .p-fileupload-choose.p-button-danger:not(:disabled):hover {
    background: #c02929;
    color: #ffffff;
    border-color: #c02929;
  }
  .p-button.p-button-danger:not(:disabled):focus, .p-button-group.p-button-danger > .p-button:not(:disabled):focus, .p-splitbutton.p-button-danger > .p-button:not(:disabled):focus, .p-fileupload-choose.p-button-danger:not(:disabled):focus {
    box-shadow: 0 0 0 0.2rem #edacac;
  }
  .p-button.p-button-danger:not(:disabled):active, .p-button-group.p-button-danger > .p-button:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button:not(:disabled):active, .p-fileupload-choose.p-button-danger:not(:disabled):active {
    background: #aa2424;
    color: #ffffff;
    border-color: #aa2424;
  }
  .p-button.p-button-danger.p-button-outlined, .p-button-group.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined, .p-fileupload-choose.p-button-danger.p-button-outlined {
    background-color: transparent;
    color: #d32f2f;
    border: 1px solid;
  }
  .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, .p-fileupload-choose.p-button-danger.p-button-outlined:not(:disabled):hover {
    background: rgba(211, 47, 47, 0.04);
    color: #d32f2f;
    border: 1px solid;
  }
  .p-button.p-button-danger.p-button-outlined:not(:disabled):active, .p-button-group.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, .p-fileupload-choose.p-button-danger.p-button-outlined:not(:disabled):active {
    background: rgba(211, 47, 47, 0.16);
    color: #d32f2f;
    border: 1px solid;
  }
  .p-button.p-button-danger.p-button-text, .p-button-group.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text, .p-fileupload-choose.p-button-danger.p-button-text {
    background-color: transparent;
    color: #d32f2f;
    border-color: transparent;
  }
  .p-button.p-button-danger.p-button-text:not(:disabled):hover, .p-button-group.p-button-danger > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover, .p-fileupload-choose.p-button-danger.p-button-text:not(:disabled):hover {
    background: rgba(211, 47, 47, 0.04);
    border-color: transparent;
    color: #d32f2f;
  }
  .p-button.p-button-danger.p-button-text:not(:disabled):active, .p-button-group.p-button-danger > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active, .p-fileupload-choose.p-button-danger.p-button-text:not(:disabled):active {
    background: rgba(211, 47, 47, 0.16);
    border-color: transparent;
    color: #d32f2f;
  }
  .p-button.p-button-link {
    color: #0b7ad1;
    background: transparent;
    border: transparent;
  }
  .p-button.p-button-link:not(:disabled):hover {
    background: transparent;
    color: #0b7ad1;
    border-color: transparent;
  }
  .p-button.p-button-link:not(:disabled):hover .p-button-label {
    text-decoration: underline;
  }
  .p-button.p-button-link:not(:disabled):focus {
    background: transparent;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
    border-color: transparent;
  }
  .p-button.p-button-link:not(:disabled):active {
    background: transparent;
    color: #0b7ad1;
    border-color: transparent;
  }
  .p-splitbutton {
    border-radius: 3px;
  }
  .p-splitbutton.p-button-outlined > .p-button {
    background-color: transparent;
    color: #2196f3;
    border: 1px solid;
  }
  .p-splitbutton.p-button-outlined > .p-button:not(:disabled):hover {
    background: rgba(33, 150, 243, 0.04);
    color: #2196f3;
  }
  .p-splitbutton.p-button-outlined > .p-button:not(:disabled):active {
    background: rgba(33, 150, 243, 0.16);
    color: #2196f3;
  }
  .p-splitbutton.p-button-outlined.p-button-plain > .p-button {
    color: #6c757d;
    border-color: #6c757d;
  }
  .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(:disabled):hover {
    background: #e9ecef;
    color: #6c757d;
  }
  .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(:disabled):active {
    background: #dee2e6;
    color: #6c757d;
  }
  .p-splitbutton.p-button-text > .p-button {
    background-color: transparent;
    color: #2196f3;
    border-color: transparent;
  }
  .p-splitbutton.p-button-text > .p-button:not(:disabled):hover {
    background: rgba(33, 150, 243, 0.04);
    color: #2196f3;
    border-color: transparent;
  }
  .p-splitbutton.p-button-text > .p-button:not(:disabled):active {
    background: rgba(33, 150, 243, 0.16);
    color: #2196f3;
    border-color: transparent;
  }
  .p-splitbutton.p-button-text.p-button-plain > .p-button {
    color: #6c757d;
  }
  .p-splitbutton.p-button-text.p-button-plain > .p-button:not(:disabled):hover {
    background: #e9ecef;
    color: #6c757d;
  }
  .p-splitbutton.p-button-text.p-button-plain > .p-button:not(:disabled):active {
    background: #dee2e6;
    color: #6c757d;
  }
  .p-splitbutton.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-splitbutton.p-button-rounded {
    border-radius: 2rem;
  }
  .p-splitbutton.p-button-rounded > .p-button {
    border-radius: 2rem;
  }
  .p-splitbutton.p-button-sm > .p-button {
    font-size: 0.875rem;
    padding: 0.4375rem 0.875rem;
  }
  .p-splitbutton.p-button-sm > .p-button .p-button-icon {
    font-size: 0.875rem;
  }
  .p-splitbutton.p-button-lg > .p-button {
    font-size: 1.25rem;
    padding: 0.625rem 1.25rem;
  }
  .p-splitbutton.p-button-lg > .p-button.p-button-icon-only {
    width: auto;
  }
  .p-splitbutton.p-button-lg > .p-button .p-button-icon {
    font-size: 1.25rem;
  }
  .p-splitbutton .p-splitbutton-menubutton,
  .p-splitbutton .p-splitbutton.p-button-rounded > .p-splitbutton-menubutton.p-button,
  .p-splitbutton .p-splitbutton.p-button-outlined > .p-splitbutton-menubutton.p-button {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .p-splitbutton.p-button-secondary.p-button-outlined > .p-button {
    background-color: transparent;
    color: #607d8b;
    border: 1px solid;
  }
  .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):hover {
    background: rgba(96, 125, 139, 0.04);
    color: #607d8b;
  }
  .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):active {
    background: rgba(96, 125, 139, 0.16);
    color: #607d8b;
  }
  .p-splitbutton.p-button-secondary.p-button-text > .p-button {
    background-color: transparent;
    color: #607d8b;
    border-color: transparent;
  }
  .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):hover {
    background: rgba(96, 125, 139, 0.04);
    border-color: transparent;
    color: #607d8b;
  }
  .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):active {
    background: rgba(96, 125, 139, 0.16);
    border-color: transparent;
    color: #607d8b;
  }
  .p-splitbutton.p-button-info.p-button-outlined > .p-button {
    background-color: transparent;
    color: #0288d1;
    border: 1px solid;
  }
  .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):hover {
    background: rgba(2, 136, 209, 0.04);
    color: #0288d1;
  }
  .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):active {
    background: rgba(2, 136, 209, 0.16);
    color: #0288d1;
  }
  .p-splitbutton.p-button-info.p-button-text > .p-button {
    background-color: transparent;
    color: #0288d1;
    border-color: transparent;
  }
  .p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):hover {
    background: rgba(2, 136, 209, 0.04);
    border-color: transparent;
    color: #0288d1;
  }
  .p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):active {
    background: rgba(2, 136, 209, 0.16);
    border-color: transparent;
    color: #0288d1;
  }
  .p-splitbutton.p-button-success.p-button-outlined > .p-button {
    background-color: transparent;
    color: #689f38;
    border: 1px solid;
  }
  .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):hover {
    background: rgba(104, 159, 56, 0.04);
    color: #689f38;
  }
  .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):active {
    background: rgba(104, 159, 56, 0.16);
    color: #689f38;
  }
  .p-splitbutton.p-button-success.p-button-text > .p-button {
    background-color: transparent;
    color: #689f38;
    border-color: transparent;
  }
  .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):hover {
    background: rgba(104, 159, 56, 0.04);
    border-color: transparent;
    color: #689f38;
  }
  .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):active {
    background: rgba(104, 159, 56, 0.16);
    border-color: transparent;
    color: #689f38;
  }
  .p-splitbutton.p-button-warning.p-button-outlined > .p-button {
    background-color: transparent;
    color: #fbc02d;
    border: 1px solid;
  }
  .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):hover {
    background: rgba(251, 192, 45, 0.04);
    color: #fbc02d;
  }
  .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):active {
    background: rgba(251, 192, 45, 0.16);
    color: #fbc02d;
  }
  .p-splitbutton.p-button-warning.p-button-text > .p-button {
    background-color: transparent;
    color: #fbc02d;
    border-color: transparent;
  }
  .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):hover {
    background: rgba(251, 192, 45, 0.04);
    border-color: transparent;
    color: #fbc02d;
  }
  .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):active {
    background: rgba(251, 192, 45, 0.16);
    border-color: transparent;
    color: #fbc02d;
  }
  .p-splitbutton.p-button-help.p-button-outlined > .p-button {
    background-color: transparent;
    color: #9c27b0;
    border: 1px solid;
  }
  .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):hover {
    background: rgba(156, 39, 176, 0.04);
    color: #9c27b0;
  }
  .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):active {
    background: rgba(156, 39, 176, 0.16);
    color: #9c27b0;
  }
  .p-splitbutton.p-button-help.p-button-text > .p-button {
    background-color: transparent;
    color: #9c27b0;
    border-color: transparent;
  }
  .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):hover {
    background: rgba(156, 39, 176, 0.04);
    border-color: transparent;
    color: #9c27b0;
  }
  .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):active {
    background: rgba(156, 39, 176, 0.16);
    border-color: transparent;
    color: #9c27b0;
  }
  .p-splitbutton.p-button-danger.p-button-outlined > .p-button {
    background-color: transparent;
    color: #d32f2f;
    border: 1px solid;
  }
  .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):hover {
    background: rgba(211, 47, 47, 0.04);
    color: #d32f2f;
  }
  .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):active {
    background: rgba(211, 47, 47, 0.16);
    color: #d32f2f;
  }
  .p-splitbutton.p-button-danger.p-button-text > .p-button {
    background-color: transparent;
    color: #d32f2f;
    border-color: transparent;
  }
  .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):hover {
    background: rgba(211, 47, 47, 0.04);
    border-color: transparent;
    color: #d32f2f;
  }
  .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):active {
    background: rgba(211, 47, 47, 0.16);
    border-color: transparent;
    color: #d32f2f;
  }
  .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-button.p-button.p-button-icon-only .p-button-icon.p-icon {
    width: 1.3rem;
    height: 1.3rem;
  }
  .p-speeddial-list {
    outline: 0 none;
  }
  .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;
  }
  .p-speeddial-direction-up .p-speeddial-item:first-child {
    margin-bottom: 0.5rem;
  }
  .p-speeddial-direction-down .p-speeddial-item {
    margin: 0.25rem;
  }
  .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);
    border-radius: 3px;
  }
  .p-carousel .p-carousel-content .p-carousel-prev,
  .p-carousel .p-carousel-content .p-carousel-next {
    width: 2rem;
    height: 2rem;
    color: #6c757d;
    border: 0 none;
    background: transparent;
    border-radius: 50%;
    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
  }
  .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-visible,
  .p-carousel .p-carousel-content .p-carousel-next:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .p-carousel .p-carousel-content .p-carousel-prev,
  .p-carousel .p-carousel-content .p-carousel-next {
    margin: 0.5rem;
  }
  .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: 1rem 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: 1rem 1rem;
    border: 1px solid #e9ecef;
    border-width: 0 0 1px 0;
    font-weight: 600;
    color: #495057;
    background: #f8f9fa;
    transition: box-shadow 0.2s;
  }
  .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: #6c757d;
    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):not(.p-sortable-disabled):hover {
    background: #e9ecef;
    color: #495057;
  }
  .p-datatable .p-sortable-column:not(.p-highlight):not(.p-sortable-disabled):hover .p-sortable-column-icon {
    color: #6c757d;
  }
  .p-datatable .p-sortable-column.p-highlight {
    background: #f8f9fa;
    color: #2196f3;
  }
  .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon {
    color: #2196f3;
  }
  .p-datatable .p-sortable-column.p-highlight:not(.p-sortable-disabled):hover {
    background: #e9ecef;
    color: #2196f3;
  }
  .p-datatable .p-sortable-column.p-highlight:not(.p-sortable-disabled):hover .p-sortable-column-icon {
    color: #2196f3;
  }
  .p-datatable .p-sortable-column:focus-visible {
    box-shadow: inset 0 0 0 0.15rem #a6d5fa;
    outline: 0 none;
  }
  .p-datatable .p-datatable-tbody > tr {
    background: #ffffff;
    color: #495057;
    transition: box-shadow 0.2s;
  }
  .p-datatable .p-datatable-tbody > tr > td {
    text-align: left;
    border: 1px solid #e9ecef;
    border-width: 0 0 1px 0;
    padding: 1rem 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: #6c757d;
    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-visible,
  .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible,
  .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible,
  .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save {
    margin-right: 0.5rem;
  }
  .p-datatable .p-datatable-tbody > tr > td > .p-column-title {
    font-weight: 600;
  }
  .p-datatable .p-datatable-tbody > tr > td.p-highlight {
    background: #e3f2fd;
    color: #495057;
  }
  .p-datatable .p-datatable-tbody > tr.p-highlight {
    background: #e3f2fd;
    color: #495057;
  }
  .p-datatable .p-datatable-tbody > tr.p-highlight-contextmenu {
    outline: 0.15rem solid #a6d5fa;
    outline-offset: -0.15rem;
  }
  .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-selectable .p-datatable-tbody > tr.p-selectable-row:not(.p-highlight):not(.p-datatable-emptymessage):hover {
    background: #e9ecef;
    color: #495057;
  }
  .p-datatable.p-datatable-selectable .p-datatable-tbody > tr.p-selectable-row:focus-visible {
    outline: 0.15rem solid #a6d5fa;
    outline-offset: -0.15rem;
  }
  .p-datatable.p-datatable-selectable-cell .p-datatable-tbody > tr.p-selectable-row > td.p-selectable-cell:not(.p-highlight):hover {
    background: #e9ecef;
    color: #495057;
  }
  .p-datatable.p-datatable-selectable-cell .p-datatable-tbody > tr.p-selectable-row > td.p-selectable-cell:focus-visible {
    outline: 0.15rem solid #a6d5fa;
    outline-offset: -0.15rem;
  }
  .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):not(.p-datatable-emptymessage):hover {
    background: #e9ecef;
    color: #495057;
  }
  .p-datatable .p-column-resizer-helper {
    background: #2196f3;
  }
  .p-datatable .p-datatable-scrollable-header,
  .p-datatable .p-datatable-scrollable-footer {
    background: #f8f9fa;
  }
  .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead,
  .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-virtualscroller > .p-datatable-table > .p-datatable-thead,
  .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-virtualscroller > .p-datatable-table > .p-datatable-tfoot {
    background-color: #f8f9fa;
  }
  .p-datatable .p-datatable-loading-icon {
    font-size: 2rem;
  }
  .p-datatable .p-datatable-loading-icon.p-icon {
    width: 2rem;
    height: 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 0 1px 1px;
  }
  .p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th:last-child {
    border-width: 1px;
  }
  .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td {
    border-width: 1px 0 0 1px;
  }
  .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td:last-child {
    border-width: 1px 1px 0 1px;
  }
  .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td {
    border-width: 1px 0 1px 1px;
  }
  .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td:last-child {
    border-width: 1px;
  }
  .p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td {
    border-width: 1px 0 1px 1px;
  }
  .p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td:last-child {
    border-width: 1px 1px 1px 1px;
  }
  .p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td {
    border-width: 0 0 1px 1px;
  }
  .p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td:last-child {
    border-width: 0 1px 1px 1px;
  }
  .p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td {
    border-width: 0 0 1px 1px;
  }
  .p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td:last-child {
    border-width: 0 1px 1px 1px;
  }
  .p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td {
    border-width: 0 0 0 1px;
  }
  .p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td:last-child {
    border-width: 0 1px 0 1px;
  }
  .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd {
    background: #fcfcfc;
  }
  .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight {
    background: #e3f2fd;
    color: #495057;
  }
  .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight .p-row-toggler {
    color: #495057;
  }
  .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight .p-row-toggler:hover {
    color: #495057;
  }
  .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd + .p-row-expanded {
    background: #fcfcfc;
  }
  .p-datatable.p-datatable-sm .p-datatable-header {
    padding: 0.5rem 0.5rem;
  }
  .p-datatable.p-datatable-sm .p-datatable-thead > tr > th {
    padding: 0.5rem 0.5rem;
  }
  .p-datatable.p-datatable-sm .p-datatable-tbody > tr > td {
    padding: 0.5rem 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: 1.25rem 1.25rem;
  }
  .p-datatable.p-datatable-lg .p-datatable-thead > tr > th {
    padding: 1.25rem 1.25rem;
  }
  .p-datatable.p-datatable-lg .p-datatable-tbody > tr > td {
    padding: 1.25rem 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-datatable-drag-selection-helper {
    background: rgba(33, 150, 243, 0.16);
  }
  .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: 1rem 1rem;
    font-weight: 600;
  }
  .p-dataview .p-dataview-content {
    background: #ffffff;
    color: #495057;
    border: 0 none;
    padding: 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: 3px;
    border-bottom-right-radius: 3px;
  }
  .p-dataview .p-dataview-loading-icon {
    font-size: 2rem;
  }
  .p-dataview .p-dataview-loading-icon.p-icon {
    width: 2rem;
    height: 2rem;
  }
  .p-datascroller .p-paginator-top {
    border-width: 0 0 1px 0;
    border-radius: 0;
  }
  .p-datascroller .p-paginator-bottom {
    border-width: 0 0 1px 0;
    border-radius: 0;
  }
  .p-datascroller .p-datascroller-header {
    background: #f8f9fa;
    color: #495057;
    border: 1px solid #e9ecef;
    border-width: 1px 0 1px 0;
    padding: 1rem 1rem;
    font-weight: 600;
  }
  .p-datascroller .p-datascroller-content {
    background: #ffffff;
    color: #495057;
    border: 0 none;
    padding: 0;
  }
  .p-datascroller.p-datascroller-inline .p-datascroller-list > li {
    border: solid #e9ecef;
    border-width: 0 0 1px 0;
  }
  .p-datascroller .p-datascroller-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: 3px;
    border-bottom-right-radius: 3px;
  }
  .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: #6c757d;
    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-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .p-column-filter-clear-button {
    width: 2rem;
    height: 2rem;
    color: #6c757d;
    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-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .p-column-filter-overlay {
    background: #ffffff;
    color: #495057;
    border: 0 none;
    border-radius: 3px;
    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-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: inset 0 0 0 0.15rem #a6d5fa;
  }
  .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: 3px;
    border-top-left-radius: 3px;
  }
  .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;
  }
  .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;
    font-weight: 600;
    border-bottom: 0 none;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
  }
  .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: #6c757d;
  }
  .p-orderlist .p-orderlist-list {
    border: 1px solid #dee2e6;
    background: #ffffff;
    color: #495057;
    padding: 0.5rem 0;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    outline: 0 none;
  }
  .p-orderlist .p-orderlist-list .p-orderlist-item {
    padding: 0.5rem 1rem;
    margin: 0;
    border: 0 none;
    color: #495057;
    background: transparent;
    transition: transform 0.2s, box-shadow 0.2s;
  }
  .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover {
    background: #e9ecef;
    color: #495057;
  }
  .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus {
    color: #495057;
    background: #dee2e6;
  }
  .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
    color: #495057;
    background: #e3f2fd;
  }
  .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus {
    background: rgba(33, 150, 243, 0.24);
  }
  .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) {
    background: #e9ecef;
  }
  .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover {
    background: #e9ecef;
  }
  .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: #6cbbf5;
  }
  .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-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .p-paginator {
    background: #ffffff;
    color: #6c757d;
    border: solid #e9ecef;
    border-width: 0;
    padding: 0.5rem 1rem;
    border-radius: 3px;
  }
  .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: #6c757d;
    min-width: 2.357rem;
    height: 2.357rem;
    margin: 0.143rem;
    transition: box-shadow 0.2s;
    border-radius: 3px;
  }
  .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: 3px;
    border-bottom-left-radius: 3px;
  }
  .p-paginator .p-paginator-last {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
  }
  .p-paginator .p-dropdown {
    margin-left: 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: #6c757d;
    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: #6c757d;
    min-width: 2.357rem;
    height: 2.357rem;
    margin: 0.143rem;
    transition: box-shadow 0.2s;
    border-radius: 3px;
  }
  .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;
    font-weight: 600;
    border-bottom: 0 none;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
  }
  .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: #6c757d;
  }
  .p-picklist .p-picklist-list {
    border: 1px solid #dee2e6;
    background: #ffffff;
    color: #495057;
    padding: 0.5rem 0;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    outline: 0 none;
  }
  .p-picklist .p-picklist-list .p-picklist-item {
    padding: 0.5rem 1rem;
    margin: 0;
    border: 0 none;
    color: #495057;
    background: transparent;
    transition: transform 0.2s, box-shadow 0.2s;
  }
  .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover {
    background: #e9ecef;
    color: #495057;
  }
  .p-picklist .p-picklist-list .p-picklist-item.p-focus {
    color: #495057;
    background: #dee2e6;
  }
  .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
    color: #495057;
    background: #e3f2fd;
  }
  .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus {
    background: rgba(33, 150, 243, 0.24);
  }
  .p-tree-container {
    margin: 0;
    padding: 0;
    list-style-type: none;
    overflow: auto;
  }
  .p-treenode-children {
    margin: 0;
    padding: 0;
    list-style-type: none;
  }
  .p-treenode-selectable {
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
  }
  .p-tree-toggler {
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    position: relative;
    flex-shrink: 0;
  }
  .p-treenode-leaf > .p-treenode-content .p-tree-toggler {
    visibility: hidden;
  }
  .p-treenode-content {
    display: flex;
    align-items: center;
  }
  .p-tree-filter {
    width: 100%;
  }
  .p-tree-filter-container {
    position: relative;
    display: block;
    width: 100%;
  }
  .p-tree-filter-icon {
    position: absolute;
    top: 50%;
    margin-top: -0.5rem;
  }
  .p-tree-loading {
    position: relative;
    min-height: 4rem;
  }
  .p-tree .p-tree-loading-overlay {
    position: absolute;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .p-tree {
    border: 1px solid #dee2e6;
    background: #ffffff;
    color: #495057;
    padding: 1rem;
    border-radius: 3px;
  }
  .p-tree .p-tree-container .p-treenode {
    padding: 0.143rem;
    outline: 0 none;
  }
  .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: inset 0 0 0 0.15rem #a6d5fa;
  }
  .p-tree .p-tree-container .p-treenode .p-treenode-content {
    border-radius: 3px;
    transition: box-shadow 0.2s;
    padding: 0;
  }
  .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler {
    margin-right: 0.5rem;
    width: 2rem;
    height: 2rem;
    color: #6c757d;
    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-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon {
    margin-right: 0.5rem;
    color: #6c757d;
  }
  .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.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: #6c757d;
  }
  .p-tree .p-treenode-children {
    padding: 0 0 0 1rem;
  }
  .p-tree .p-tree-loading-icon {
    font-size: 2rem;
  }
  .p-tree .p-tree-loading-icon.p-icon {
    width: 2rem;
    height: 2rem;
  }
  .p-tree .p-treenode-droppoint {
    height: 0.5rem;
  }
  .p-tree .p-treenode-droppoint.p-treenode-droppoint-active {
    background: #89c8f7;
  }
  .p-treetable {
    position: relative;
  }
  .p-treetable > .p-treetable-wrapper {
    overflow: auto;
  }
  .p-treetable table {
    border-collapse: collapse;
    width: 100%;
    table-layout: fixed;
  }
  .p-treetable .p-sortable-column {
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
  }
  .p-treetable-selectable .p-treetable-tbody > tr {
    cursor: pointer;
  }
  .p-treetable-toggler {
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    vertical-align: middle;
    overflow: hidden;
    position: relative;
  }
  .p-treetable-toggler + .p-checkbox {
    vertical-align: middle;
  }
  .p-treetable-toggler + .p-checkbox + span {
    vertical-align: middle;
  }
  /* Resizable */
  .p-treetable-resizable > .p-treetable-wrapper {
    overflow-x: auto;
  }
  .p-treetable-resizable .p-treetable-thead > tr > th,
  .p-treetable-resizable .p-treetable-tfoot > tr > td,
  .p-treetable-resizable .p-treetable-tbody > tr > td {
    overflow: hidden;
  }
  .p-treetable-resizable .p-resizable-column {
    background-clip: padding-box;
    position: relative;
  }
  .p-treetable-resizable-fit .p-resizable-column:last-child .p-column-resizer {
    display: none;
  }
  .p-treetable .p-column-resizer {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    width: 0.5rem;
    height: 100%;
    padding: 0px;
    cursor: col-resize;
    border: 1px solid transparent;
  }
  .p-treetable .p-column-resizer-helper {
    width: 1px;
    position: absolute;
    z-index: 10;
    display: none;
  }
  /* Scrollable */
  .p-treetable-scrollable-wrapper {
    position: relative;
  }
  .p-treetable-scrollable-header,
  .p-treetable-scrollable-footer {
    overflow: hidden;
    border: 0 none;
  }
  .p-treetable-scrollable-body {
    overflow: auto;
    position: relative;
  }
  .p-treetable-virtual-table {
    position: absolute;
  }
  /* Frozen Columns */
  .p-treetable-frozen-view .p-treetable-scrollable-body {
    overflow: hidden;
  }
  .p-treetable-unfrozen-view {
    position: absolute;
    top: 0px;
    left: 0px;
  }
  /* Reorder */
  .p-treetable-reorder-indicator-up,
  .p-treetable-reorder-indicator-down {
    position: absolute;
    display: none;
  }
  /* Loader */
  .p-treetable .p-treetable-loading-overlay {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
  }
  /* Alignment */
  .p-treetable .p-treetable-thead > tr > th.p-align-left > .p-column-header-content,
  .p-treetable .p-treetable-tbody > tr > td.p-align-left,
  .p-treetable .p-treetable-tfoot > tr > td.p-align-left {
    text-align: left;
    justify-content: flex-start;
  }
  .p-treetable .p-treetable-thead > tr > th.p-align-right > .p-column-header-content,
  .p-treetable .p-treetable-tbody > tr > td.p-align-right,
  .p-treetable .p-treetable-tfoot > tr > td.p-align-right {
    text-align: right;
    justify-content: flex-end;
  }
  .p-treetable .p-treetable-thead > tr > th.p-align-center > .p-column-header-content,
  .p-treetable .p-treetable-tbody > tr > td.p-align-center,
  .p-treetable .p-treetable-tfoot > tr > td.p-align-center {
    text-align: center;
    justify-content: center;
  }
  .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: 1rem 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: 1rem 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: #a6d5fa;
  }
  .p-treetable .p-sortable-column .p-sortable-column-icon {
    color: #6c757d;
    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: #6c757d;
  }
  .p-treetable .p-sortable-column.p-highlight {
    background: #f8f9fa;
    color: #2196f3;
  }
  .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon {
    color: #2196f3;
  }
  .p-treetable .p-treetable-tbody > tr {
    background: #ffffff;
    color: #495057;
    transition: box-shadow 0.2s;
  }
  .p-treetable .p-treetable-tbody > tr > td {
    text-align: left;
    border: 1px solid #e9ecef;
    border-width: 0 0 1px 0;
    padding: 1rem 1rem;
  }
  .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler {
    width: 2rem;
    height: 2rem;
    color: #6c757d;
    border: 0 none;
    background: transparent;
    border-radius: 50%;
    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
  }
  .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-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler {
    margin-right: 0.5rem;
  }
  .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox {
    margin-right: 0.5rem;
  }
  .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox .p-indeterminate .p-checkbox-icon {
    color: #495057;
  }
  .p-treetable .p-treetable-tbody > tr:focus-visible {
    outline: 0.15rem solid #a6d5fa;
    outline-offset: -0.15rem;
  }
  .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-selectable .p-treetable-tbody > tr:not(.p-highlight):hover, .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover {
    background: #e9ecef;
    color: #495057;
  }
  .p-treetable.p-treetable-selectable .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler, .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: #2196f3;
  }
  .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-loading-icon.p-icon {
    width: 2rem;
    height: 2rem;
  }
  .p-treetable.p-treetable-gridlines .p-treetable-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-striped .p-treetable-tbody > tr.p-row-odd {
    background: #fcfcfc;
  }
  .p-treetable.p-treetable-striped .p-treetable-tbody > tr.p-row-odd.p-highlight {
    background: #e3f2fd;
    color: #495057;
  }
  .p-treetable.p-treetable-striped .p-treetable-tbody > tr.p-row-odd.p-highlight .p-row-toggler {
    color: #495057;
  }
  .p-treetable.p-treetable-striped .p-treetable-tbody > tr.p-row-odd.p-highlight .p-row-toggler:hover {
    color: #495057;
  }
  .p-treetable.p-treetable-striped .p-treetable-tbody > tr.p-row-odd + .p-row-expanded {
    background: #fcfcfc;
  }
  .p-treetable.p-treetable-sm .p-treetable-header {
    padding: 0.875rem 0.875rem;
  }
  .p-treetable.p-treetable-sm .p-treetable-thead > tr > th {
    padding: 0.5rem 0.5rem;
  }
  .p-treetable.p-treetable-sm .p-treetable-tbody > tr > td {
    padding: 0.5rem 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: 1.25rem 1.25rem;
  }
  .p-treetable.p-treetable-lg .p-treetable-thead > tr > th {
    padding: 1.25rem 1.25rem;
  }
  .p-treetable.p-treetable-lg .p-treetable-tbody > tr > td {
    padding: 1.25rem 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-timeline .p-timeline-event-marker {
    border: 2px solid #2196f3;
    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-accordion .p-accordion-header .p-accordion-header-link {
    padding: 1rem;
    border: 1px solid #dee2e6;
    color: #495057;
    background: #f8f9fa;
    font-weight: 600;
    border-radius: 3px;
    transition: box-shadow 0.2s;
  }
  .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
    margin-right: 0.5rem;
  }
  .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .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 {
    padding: 1rem;
    border: 1px solid #dee2e6;
    background: #ffffff;
    color: #495057;
    border-top: 0;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
  }
  .p-accordion .p-accordion-tab {
    margin-bottom: 0;
  }
  .p-accordion .p-accordion-tab .p-accordion-header .p-accordion-header-link {
    border-radius: 0;
  }
  .p-accordion .p-accordion-tab .p-accordion-content {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }
  .p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header .p-accordion-header-link {
    border-top: 0 none;
  }
  .p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link, .p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link {
    border-top: 0 none;
  }
  .p-accordion .p-accordion-tab:first-child .p-accordion-header .p-accordion-header-link {
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
  }
  .p-accordion .p-accordion-tab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-header-link {
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
  }
  .p-accordion .p-accordion-tab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-content {
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
  }
  .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: 3px;
  }
  .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: #6c757d;
  }
  .p-card .p-card-content {
    padding: 1rem 0;
  }
  .p-card .p-card-footer {
    padding: 1rem 0 0 0;
  }
  .p-fieldset {
    border: 1px solid #dee2e6;
    background: #ffffff;
    color: #495057;
    border-radius: 3px;
  }
  .p-fieldset .p-fieldset-legend {
    padding: 1rem;
    border: 1px solid #dee2e6;
    color: #495057;
    background: #f8f9fa;
    font-weight: 600;
    border-radius: 3px;
  }
  .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: 3px;
    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-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
    background: #e9ecef;
    border-color: #dee2e6;
    color: #495057;
  }
  .p-fieldset .p-fieldset-content {
    padding: 1rem;
  }
  .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-panel .p-panel-header {
    border: 1px solid #dee2e6;
    padding: 1rem;
    background: #f8f9fa;
    color: #495057;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
  }
  .p-panel .p-panel-header .p-panel-title {
    font-weight: 600;
  }
  .p-panel .p-panel-header .p-panel-header-icon {
    width: 2rem;
    height: 2rem;
    color: #6c757d;
    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-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .p-panel.p-panel-toggleable .p-panel-header {
    padding: 0.5rem 1rem;
  }
  .p-panel:has(> .p-panel-footer) .p-panel-content {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }
  .p-panel .p-panel-content {
    padding: 1rem;
    border: 1px solid #dee2e6;
    background: #ffffff;
    color: #495057;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    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-splitter {
    border: 1px solid #dee2e6;
    background: #ffffff;
    border-radius: 3px;
    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 .p-splitter-gutter-handle:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .p-splitter .p-splitter-gutter-resizing {
    background: #dee2e6;
  }
  .p-stepper .p-stepper-nav {
    display: flex;
    justify-content: space-between;
    margin: 0;
    padding: 0;
    list-style-type: none;
  }
  .p-stepper .p-stepper-header {
    padding: 0.5rem;
  }
  .p-stepper .p-stepper-header .p-stepper-action {
    transition: box-shadow 0.2s;
    border-radius: 3px;
    background: #ffffff;
    outline-color: transparent;
  }
  .p-stepper .p-stepper-header .p-stepper-action .p-stepper-number {
    color: #495057;
    border: 1px solid #e9ecef;
    border-width: 2px;
    background: #ffffff;
    min-width: 2rem;
    height: 2rem;
    line-height: 2rem;
    font-size: 1.143rem;
    border-radius: 50%;
    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
  }
  .p-stepper .p-stepper-header .p-stepper-action .p-stepper-title {
    margin-left: 0.5rem;
    color: #6c757d;
    font-weight: 600;
    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
  }
  .p-stepper .p-stepper-header .p-stepper-action:not(.p-disabled):focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .p-stepper .p-stepper-header.p-highlight .p-stepper-number {
    background: #e3f2fd;
    color: #495057;
  }
  .p-stepper .p-stepper-header.p-highlight .p-stepper-title {
    color: #495057;
  }
  .p-stepper .p-stepper-header:not(.p-disabled):focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .p-stepper .p-stepper-header:has(~ .p-highlight) .p-stepper-separator {
    background-color: #2196f3;
  }
  .p-stepper .p-stepper-panels {
    background: #ffffff;
    padding: 1rem;
    color: #495057;
  }
  .p-stepper .p-stepper-separator {
    background-color: #dee2e6;
    width: 100%;
    height: 2px;
    margin-inline-start: 1rem;
    transition: box-shadow 0.2s;
  }
  .p-stepper.p-stepper-vertical {
    display: flex;
    flex-direction: column;
  }
  .p-stepper.p-stepper-vertical .p-stepper-toggleable-content {
    display: flex;
    flex: 1 1 auto;
    background: #ffffff;
    color: #495057;
  }
  .p-stepper.p-stepper-vertical .p-stepper-panel {
    display: flex;
    flex-direction: column;
    flex: initial;
  }
  .p-stepper.p-stepper-vertical .p-stepper-panel.p-stepper-panel-active {
    flex: 1 1 auto;
  }
  .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-header {
    flex: initial;
  }
  .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-content {
    width: 100%;
    padding-left: 1rem;
  }
  .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-separator {
    flex: 0 0 auto;
    width: 2px;
    height: auto;
    margin-inline-start: calc(1.75rem + 2px);
  }
  .p-stepper.p-stepper-vertical .p-stepper-panel:has(~ .p-stepper-panel-active) .p-stepper-separator {
    background-color: #2196f3;
  }
  .p-stepper.p-stepper-vertical .p-stepper-panel:last-of-type .p-stepper-content {
    padding-left: 3rem;
  }
  .p-scrollpanel .p-scrollpanel-bar {
    background: #f8f9fa;
    border: 0 none;
  }
  .p-scrollpanel .p-scrollpanel-bar:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .p-tabview-nav-container {
    position: relative;
  }
  .p-tabview-scrollable .p-tabview-nav-container {
    overflow: hidden;
  }
  .p-tabview-nav-content {
    overflow-x: auto;
    overflow-y: hidden;
    scroll-behavior: smooth;
    scrollbar-width: none;
    overscroll-behavior: contain auto;
    position: relative;
  }
  .p-tabview-nav {
    display: flex;
    margin: 0;
    padding: 0;
    list-style-type: none;
    flex: 1 1 auto;
  }
  .p-tabview-nav-link {
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    display: flex;
    align-items: center;
    position: relative;
    text-decoration: none;
    overflow: hidden;
  }
  .p-tabview-ink-bar {
    display: none;
    z-index: 1;
  }
  .p-tabview-nav-link:focus {
    z-index: 1;
  }
  .p-tabview-close {
    z-index: 1;
  }
  .p-tabview-title {
    line-height: 1;
    white-space: nowrap;
  }
  .p-tabview-nav-btn {
    position: absolute;
    top: 0;
    z-index: 2;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .p-tabview-nav-prev {
    left: 0;
  }
  .p-tabview-nav-next {
    right: 0;
  }
  .p-tabview-nav-content::-webkit-scrollbar {
    display: none;
  }
  .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: #6c757d;
    padding: 1rem;
    font-weight: 600;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    transition: box-shadow 0.2s;
    margin: 0 0 -2px 0;
  }
  .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: inset 0 0 0 0.2rem #a6d5fa;
  }
  .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link {
    background: #ffffff;
    border-color: #6c757d;
    color: #6c757d;
  }
  .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {
    background: #ffffff;
    border-color: #2196f3;
    color: #2196f3;
  }
  .p-tabview .p-tabview-close {
    margin-left: 0.5rem;
  }
  .p-tabview .p-tabview-nav-btn.p-link {
    background: #ffffff;
    color: #2196f3;
    width: 2.357rem;
    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);
    border-radius: 0;
  }
  .p-tabview .p-tabview-nav-btn.p-link:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: inset 0 0 0 0.2rem #a6d5fa;
  }
  .p-tabview .p-tabview-panels {
    background: #ffffff;
    padding: 1rem;
    border: 0 none;
    color: #495057;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
  }
  .p-toolbar {
    background: #f8f9fa;
    border: 1px solid #dee2e6;
    padding: 1rem;
    border-radius: 3px;
    gap: 0.5rem;
  }
  .p-toolbar .p-toolbar-separator {
    margin: 0 0.5rem;
  }
  .p-confirm-popup {
    background: #ffffff;
    color: #495057;
    border: 0 none;
    border-radius: 3px;
    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 1rem 1rem 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: #f2f2f2;
  }
  .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-icon.p-icon {
    width: 1.5rem;
    height: 1.5rem;
  }
  .p-confirm-popup .p-confirm-popup-message {
    margin-left: 1rem;
  }
  .p-dialog {
    border-radius: 3px;
    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: 3px;
    border-top-left-radius: 3px;
  }
  .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: #6c757d;
    border: 0 none;
    background: transparent;
    border-radius: 50%;
    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
  }
  .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-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .p-dialog .p-dialog-header .p-dialog-header-icon {
    margin-right: 0.5rem;
  }
  .p-dialog .p-dialog-header .p-dialog-header-icon:last-child {
    margin-right: 0;
  }
  .p-dialog .p-dialog-content {
    background: #ffffff;
    color: #495057;
    padding: 0 1.5rem 2rem 1.5rem;
  }
  .p-dialog .p-dialog-content:last-of-type {
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
  }
  .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: 3px;
    border-bottom-left-radius: 3px;
  }
  .p-dialog .p-dialog-footer button {
    margin: 0 0.5rem 0 0;
    width: auto;
  }
  .p-dialog.p-dialog-maximized .p-dialog-header, .p-dialog.p-dialog-maximized .p-dialog-content:last-of-type {
    border-radius: 0;
  }
  .p-dialog.p-confirm-dialog .p-confirm-dialog-icon {
    font-size: 2rem;
  }
  .p-dialog.p-confirm-dialog .p-confirm-dialog-icon.p-icon {
    width: 2rem;
    height: 2rem;
  }
  .p-dialog.p-confirm-dialog .p-confirm-dialog-message {
    margin-left: 1rem;
  }
  .p-overlaypanel {
    background: #ffffff;
    color: #495057;
    border: 0 none;
    border-radius: 3px;
    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-overlaypanel .p-overlaypanel-content {
    padding: 1rem;
  }
  .p-overlaypanel .p-overlaypanel-close {
    background: #2196f3;
    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: #0d89ec;
    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: #f2f2f2;
  }
  .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 {
    padding: 1rem;
  }
  .p-sidebar .p-sidebar-header .p-sidebar-close,
  .p-sidebar .p-sidebar-header .p-sidebar-icon {
    width: 2rem;
    height: 2rem;
    color: #6c757d;
    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-visible,
  .p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .p-sidebar .p-sidebar-header + .p-sidebar-content {
    padding-top: 0;
  }
  .p-sidebar .p-sidebar-content {
    padding: 1rem;
  }
  .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: 3px;
  }
  .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: 3px;
    border-top-left-radius: 3px;
    gap: 0.5rem;
  }
  .p-fileupload .p-fileupload-buttonbar .p-button {
    margin-right: 0.5rem;
  }
  .p-fileupload .p-fileupload-content {
    background: #ffffff;
    padding: 2rem 1rem;
    border: 1px solid #dee2e6;
    color: #495057;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
  }
  .p-fileupload .p-progressbar {
    height: 0.25rem;
  }
  .p-fileupload .p-fileupload-row > div {
    padding: 1rem 1rem;
  }
  .p-fileupload.p-fileupload-advanced .p-message {
    margin-top: 0;
  }
  .p-breadcrumb {
    background: #ffffff;
    border: 1px solid #dee2e6;
    border-radius: 3px;
    padding: 1rem;
  }
  .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link {
    transition: box-shadow 0.2s;
    border-radius: 3px;
  }
  .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon {
    color: #6c757d;
  }
  .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator {
    margin: 0 0.5rem 0 0.5rem;
    color: #495057;
  }
  .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text {
    color: #495057;
  }
  .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon {
    color: #6c757d;
  }
  .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);
    border-radius: 3px;
    width: 12.5rem;
  }
  .p-contextmenu .p-contextmenu-root-list {
    outline: 0 none;
  }
  .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);
    border-radius: 3px;
  }
  .p-contextmenu .p-menuitem > .p-menuitem-content {
    color: #495057;
    transition: box-shadow 0.2s;
    border-radius: 0;
  }
  .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
    color: #495057;
    padding: 0.75rem 1rem;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
  }
  .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
    color: #6c757d;
    margin-right: 0.5rem;
  }
  .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #6c757d;
  }
  .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content {
    color: #495057;
    background: #e9ecef;
  }
  .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
  .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #6c757d;
  }
  .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
    background: #e9ecef;
  }
  .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
    color: #495057;
    background: #dee2e6;
  }
  .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
  .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #495057;
  }
  .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
    color: #495057;
    background: #e9ecef;
  }
  .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon,
  .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
    color: #6c757d;
  }
  .p-contextmenu .p-menuitem-separator {
    border-top: 1px solid #dee2e6;
    margin: 0.25rem 0;
  }
  .p-contextmenu .p-submenu-icon {
    font-size: 0.875rem;
  }
  .p-contextmenu .p-submenu-icon.p-icon {
    width: 0.875rem;
    height: 0.875rem;
  }
  .p-dock .p-dock-list-container {
    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-list-container .p-dock-list {
    outline: 0 none;
  }
  .p-dock .p-dock-item {
    padding: 0.5rem;
    border-radius: 3px;
  }
  .p-dock .p-dock-item.p-focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: inset 0 0 0 0.15rem #a6d5fa;
  }
  .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;
  }
  .p-dock.p-dock-mobile.p-dock-top .p-dock-list-container, .p-dock.p-dock-mobile.p-dock-bottom .p-dock-list-container {
    overflow-x: auto;
    width: 100%;
  }
  .p-dock.p-dock-mobile.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-mobile.p-dock-bottom .p-dock-list-container .p-dock-list {
    margin: 0 auto;
  }
  .p-dock.p-dock-mobile.p-dock-left .p-dock-list-container, .p-dock.p-dock-mobile.p-dock-right .p-dock-list-container {
    overflow-y: auto;
    height: 100%;
  }
  .p-dock.p-dock-mobile.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-mobile.p-dock-right .p-dock-list-container .p-dock-list {
    margin: auto 0;
  }
  .p-dock.p-dock-mobile .p-dock-list .p-dock-item {
    transform: none;
    margin: 0;
  }
  .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-second-prev,
  .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-second-next,
  .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-prev,
  .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-next,
  .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-current, .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-second-prev,
  .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-second-next,
  .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-prev,
  .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-next,
  .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-current, .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-second-prev,
  .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-second-next,
  .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-prev,
  .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-next,
  .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-current, .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-second-prev,
  .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-second-next,
  .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-prev,
  .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-next,
  .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-current {
    transform: none;
    margin: 0;
  }
  .p-megamenu {
    padding: 0.5rem;
    background: #f8f9fa;
    color: #495057;
    border: 1px solid #dee2e6;
    border-radius: 3px;
  }
  .p-megamenu .p-megamenu-root-list {
    outline: 0 none;
  }
  .p-megamenu .p-menuitem > .p-menuitem-content {
    color: #495057;
    transition: box-shadow 0.2s;
    border-radius: 0;
  }
  .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
    color: #495057;
    padding: 0.75rem 1rem;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
  }
  .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
    color: #6c757d;
    margin-right: 0.5rem;
  }
  .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #6c757d;
  }
  .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content {
    color: #495057;
    background: #e9ecef;
  }
  .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
  .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #6c757d;
  }
  .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
    background: #e9ecef;
  }
  .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
    color: #495057;
    background: #dee2e6;
  }
  .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
  .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #495057;
  }
  .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
    color: #495057;
    background: #e9ecef;
  }
  .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon,
  .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
    color: #6c757d;
  }
  .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-submenu-header {
    margin: 0;
    padding: 0.75rem 1rem;
    color: #495057;
    background: #ffffff;
    font-weight: 600;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
  }
  .p-megamenu .p-submenu-list {
    padding: 0.25rem 0;
    width: 12.5rem;
  }
  .p-megamenu .p-submenu-list .p-menuitem-separator {
    border-top: 1px solid #dee2e6;
    margin: 0.25rem 0;
  }
  .p-megamenu.p-megamenu-vertical {
    width: 12.5rem;
    padding: 0.25rem 0;
  }
  .p-megamenu .p-megamenu-button {
    width: 2rem;
    height: 2rem;
    color: #6c757d;
    border-radius: 50%;
    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
  }
  .p-megamenu .p-megamenu-button:hover {
    color: #6c757d;
    background: #e9ecef;
  }
  .p-megamenu .p-megamenu-button:focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content {
    color: #495057;
    transition: box-shadow 0.2s;
    border-radius: 3px;
  }
  .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link {
    padding: 0.75rem 1rem;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
  }
  .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
    color: #6c757d;
    margin-right: 0.5rem;
  }
  .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #6c757d;
    margin-left: 0.5rem;
  }
  .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
    color: #495057;
    background: #e9ecef;
  }
  .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon,
  .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
    color: #6c757d;
  }
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-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-megamenu.p-megamenu-mobile-active .p-megamenu-root-list .p-menu-separator {
    border-top: 1px solid #dee2e6;
    margin: 0.25rem 0;
  }
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list .p-submenu-icon {
    font-size: 0.875rem;
  }
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list .p-submenu-icon.p-icon {
    width: 0.875rem;
    height: 0.875rem;
  }
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem {
    width: 100%;
    position: static;
  }
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content {
    color: #495057;
    transition: box-shadow 0.2s;
    border-radius: 0;
  }
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link {
    color: #495057;
    padding: 0.75rem 1rem;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
  }
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
    color: #6c757d;
    margin-right: 0.5rem;
  }
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #6c757d;
  }
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content {
    color: #495057;
    background: #e9ecef;
  }
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #6c757d;
  }
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight.p-focus > .p-menuitem-content {
    background: #e9ecef;
  }
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
    color: #495057;
    background: #dee2e6;
  }
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #495057;
  }
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
    color: #495057;
    background: #e9ecef;
  }
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon,
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
    color: #6c757d;
  }
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon {
    margin-left: auto;
  }
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
    transform: rotate(-180deg);
  }
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list .p-submenu-list {
    width: 100%;
    position: static;
    box-shadow: none;
    border: 0 none;
  }
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list .p-submenu-list .p-submenu-icon {
    transition: transform 0.2s;
    transform: rotate(90deg);
  }
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
    transform: rotate(-90deg);
  }
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list .p-menuitem {
    width: 100%;
    position: static;
  }
  .p-menu {
    padding: 0.25rem 0;
    background: #ffffff;
    color: #495057;
    border: 1px solid #dee2e6;
    border-radius: 3px;
    width: 12.5rem;
  }
  .p-menu .p-menuitem > .p-menuitem-content {
    color: #495057;
    transition: box-shadow 0.2s;
    border-radius: 0;
  }
  .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link {
    color: #495057;
    padding: 0.75rem 1rem;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
  }
  .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
    color: #6c757d;
    margin-right: 0.5rem;
  }
  .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #6c757d;
  }
  .p-menu .p-menuitem.p-highlight > .p-menuitem-content {
    color: #495057;
    background: #e9ecef;
  }
  .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
  .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #6c757d;
  }
  .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
    background: #e9ecef;
  }
  .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
    color: #495057;
    background: #dee2e6;
  }
  .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
  .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #495057;
  }
  .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
    color: #495057;
    background: #e9ecef;
  }
  .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon,
  .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
    color: #6c757d;
  }
  .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-menubar {
    padding: 0.5rem;
    background: #f8f9fa;
    color: #495057;
    border: 1px solid #dee2e6;
    border-radius: 3px;
  }
  .p-menubar .p-menubar-root-list {
    outline: 0 none;
  }
  .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content {
    color: #495057;
    transition: box-shadow 0.2s;
    border-radius: 3px;
  }
  .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link {
    padding: 0.75rem 1rem;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
  }
  .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
    color: #6c757d;
    margin-right: 0.5rem;
  }
  .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #6c757d;
    margin-left: 0.5rem;
  }
  .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
    color: #495057;
    background: #e9ecef;
  }
  .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon,
  .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
    color: #6c757d;
  }
  .p-menubar .p-menuitem > .p-menuitem-content {
    color: #495057;
    transition: box-shadow 0.2s;
    border-radius: 0;
  }
  .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link {
    color: #495057;
    padding: 0.75rem 1rem;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
  }
  .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
    color: #6c757d;
    margin-right: 0.5rem;
  }
  .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #6c757d;
  }
  .p-menubar .p-menuitem.p-highlight > .p-menuitem-content {
    color: #495057;
    background: #e9ecef;
  }
  .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
  .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #6c757d;
  }
  .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
    background: #e9ecef;
  }
  .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
    color: #495057;
    background: #dee2e6;
  }
  .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
  .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #495057;
  }
  .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
    color: #495057;
    background: #e9ecef;
  }
  .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon,
  .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
    color: #6c757d;
  }
  .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-menuitem-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-menubar-mobile .p-menubar-button {
    width: 2rem;
    height: 2rem;
    color: #6c757d;
    border-radius: 50%;
    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
  }
  .p-menubar.p-menubar-mobile .p-menubar-button:hover {
    color: #6c757d;
    background: #e9ecef;
  }
  .p-menubar.p-menubar-mobile .p-menubar-button:focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .p-menubar.p-menubar-mobile .p-menubar-root-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-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem-separator {
    border-top: 1px solid #dee2e6;
    margin: 0.25rem 0;
  }
  .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-icon {
    font-size: 0.875rem;
  }
  .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    margin-left: auto;
    transition: transform 0.2s;
  }
  .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
    transform: rotate(-180deg);
  }
  .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-submenu-icon {
    transition: transform 0.2s;
    transform: rotate(90deg);
  }
  .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
    transform: rotate(-90deg);
  }
  .p-menubar.p-menubar-mobile .p-menubar-root-list ul li a {
    padding-left: 2.25rem;
  }
  .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li a {
    padding-left: 3.75rem;
  }
  .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li ul li a {
    padding-left: 5.25rem;
  }
  .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li ul li ul li a {
    padding-left: 6.75rem;
  }
  .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li ul li ul li ul li a {
    padding-left: 8.25rem;
  }
  @media screen and (max-width: 960px) {
    .p-menubar {
      position: relative;
    }
    .p-menubar .p-menubar-button {
      display: flex;
      width: 2rem;
      height: 2rem;
      color: #6c757d;
      border-radius: 50%;
      transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
    }
    .p-menubar .p-menubar-button:hover {
      color: #6c757d;
      background: #e9ecef;
    }
    .p-menubar .p-menubar-button:focus {
      outline: 0 none;
      outline-offset: 0;
      box-shadow: 0 0 0 0.2rem #a6d5fa;
    }
    .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-submenu-icon.p-icon {
      width: 0.875rem;
      height: 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 > .p-menuitem-content {
      color: #495057;
      transition: box-shadow 0.2s;
      border-radius: 0;
    }
    .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link {
      color: #495057;
      padding: 0.75rem 1rem;
      -webkit-user-select: none;
         -moz-user-select: none;
              user-select: none;
    }
    .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
      color: #495057;
    }
    .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
      color: #6c757d;
      margin-right: 0.5rem;
    }
    .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
      color: #6c757d;
    }
    .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content {
      color: #495057;
      background: #e9ecef;
    }
    .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
      color: #495057;
    }
    .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
    .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
      color: #6c757d;
    }
    .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight.p-focus > .p-menuitem-content {
      background: #e9ecef;
    }
    .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
      color: #495057;
      background: #dee2e6;
    }
    .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
      color: #495057;
    }
    .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
    .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
      color: #495057;
    }
    .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
      color: #495057;
      background: #e9ecef;
    }
    .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
      color: #495057;
    }
    .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon,
    .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
      color: #6c757d;
    }
    .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 {
    outline: 0 none;
  }
  .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content {
    border: 1px solid #dee2e6;
    color: #495057;
    background: #f8f9fa;
    border-radius: 3px;
    transition: box-shadow 0.2s;
  }
  .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-link {
    color: #495057;
    padding: 1rem;
    font-weight: 600;
  }
  .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-link .p-submenu-icon {
    margin-right: 0.5rem;
  }
  .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-link .p-menuitem-icon {
    margin-right: 0.5rem;
  }
  .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: inset 0 0 0 0.2rem #a6d5fa;
  }
  .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content {
    background: #e9ecef;
    border-color: #dee2e6;
    color: #495057;
  }
  .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content {
    background: #f8f9fa;
    border-color: #dee2e6;
    color: #495057;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    margin-bottom: 0;
  }
  .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content {
    border-color: #dee2e6;
    background: #e9ecef;
    color: #495057;
  }
  .p-panelmenu .p-panelmenu-content {
    padding: 0.25rem 0;
    border: 1px solid #dee2e6;
    background: #ffffff;
    color: #495057;
    border-top: 0;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
  }
  .p-panelmenu .p-panelmenu-content .p-panelmenu-root-list {
    outline: 0 none;
  }
  .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content {
    color: #495057;
    transition: box-shadow 0.2s;
    border-radius: 0;
  }
  .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link {
    color: #495057;
    padding: 0.75rem 1rem;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
  }
  .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
    color: #6c757d;
    margin-right: 0.5rem;
  }
  .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #6c757d;
  }
  .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content {
    color: #495057;
    background: #e9ecef;
  }
  .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
  .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #6c757d;
  }
  .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
    background: #e9ecef;
  }
  .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
    color: #495057;
    background: #dee2e6;
  }
  .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
  .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #495057;
  }
  .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
    color: #495057;
    background: #e9ecef;
  }
  .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon,
  .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
    color: #6c757d;
  }
  .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    margin-right: 0.5rem;
  }
  .p-panelmenu .p-panelmenu-content .p-menuitem-separator {
    border-top: 1px solid #dee2e6;
    margin: 0.25rem 0;
  }
  .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-list) {
    padding: 0 0 0 1rem;
  }
  .p-panelmenu .p-panelmenu-panel {
    margin-bottom: 0;
  }
  .p-panelmenu .p-panelmenu-panel .p-panelmenu-header .p-panelmenu-header-content {
    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 .p-panelmenu-header-content {
    border-top: 0 none;
  }
  .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content, .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content {
    border-top: 0 none;
  }
  .p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header .p-panelmenu-header-content {
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
  }
  .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) .p-panelmenu-header-content {
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
  }
  .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-content {
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
  }
  .p-slidemenu {
    padding: 0.25rem 0;
    background: #ffffff;
    color: #495057;
    border: 1px solid #dee2e6;
    border-radius: 3px;
    width: 12.5rem;
  }
  .p-slidemenu .p-menuitem-link > .p-menuitem-content {
    color: #495057;
    transition: box-shadow 0.2s;
    border-radius: 0;
  }
  .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link {
    color: #495057;
    padding: 0.75rem 1rem;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
  }
  .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
    color: #6c757d;
    margin-right: 0.5rem;
  }
  .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #6c757d;
  }
  .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content {
    color: #495057;
    background: #e9ecef;
  }
  .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
  .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #6c757d;
  }
  .p-slidemenu .p-menuitem-link.p-highlight.p-focus > .p-menuitem-content {
    background: #e9ecef;
  }
  .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
    color: #495057;
    background: #dee2e6;
  }
  .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
  .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #495057;
  }
  .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
    color: #495057;
    background: #e9ecef;
  }
  .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon,
  .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
    color: #6c757d;
  }
  .p-slidemenu.p-slidemenu-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-slidemenu .p-slidemenu-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-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link {
    background: #e9ecef;
  }
  .p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-text {
    color: #495057;
  }
  .p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-icon, .p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-icon {
    color: #6c757d;
  }
  .p-slidemenu .p-slidemenu-separator {
    border-top: 1px solid #dee2e6;
    margin: 0.25rem 0;
  }
  .p-slidemenu .p-slidemenu-icon {
    font-size: 0.875rem;
  }
  .p-slidemenu .p-slidemenu-icon.p-icon {
    width: 0.875rem;
    height: 0.875rem;
  }
  .p-slidemenu .p-slidemenu-backward {
    padding: 0.75rem 1rem;
    color: #495057;
  }
  .p-steps .p-steps-item .p-menuitem-link {
    background: transparent;
    transition: box-shadow 0.2s;
    border-radius: 3px;
    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: #6c757d;
  }
  .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .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: #6c757d;
    padding: 1rem;
    font-weight: 600;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    transition: box-shadow 0.2s;
    margin: 0 0 -2px 0;
    height: calc(100% + 2px);
  }
  .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-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: inset 0 0 0 0.2rem #a6d5fa;
  }
  .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link {
    background: #ffffff;
    border-color: #6c757d;
    color: #6c757d;
  }
  .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link {
    background: #ffffff;
    border-color: #2196f3;
    color: #2196f3;
  }
  .p-tieredmenu {
    padding: 0.25rem 0;
    background: #ffffff;
    color: #495057;
    border: 1px solid #dee2e6;
    border-radius: 3px;
    width: 12.5rem;
  }
  .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-tieredmenu-root-list {
    outline: 0 none;
  }
  .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 > .p-menuitem-content {
    color: #495057;
    transition: box-shadow 0.2s;
    border-radius: 0;
  }
  .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
    color: #495057;
    padding: 0.75rem 1rem;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
  }
  .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
    color: #6c757d;
    margin-right: 0.5rem;
  }
  .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #6c757d;
  }
  .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content {
    color: #495057;
    background: #e9ecef;
  }
  .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
  .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #6c757d;
  }
  .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
    background: #e9ecef;
  }
  .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
    color: #495057;
    background: #dee2e6;
  }
  .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
  .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #495057;
  }
  .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
    color: #495057;
    background: #e9ecef;
  }
  .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon,
  .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
    color: #6c757d;
  }
  .p-tieredmenu .p-menuitem-separator {
    border-top: 1px solid #dee2e6;
    margin: 0.25rem 0;
  }
  .p-tieredmenu .p-submenu-icon {
    font-size: 0.875rem;
  }
  .p-tieredmenu .p-submenu-icon.p-icon {
    width: 0.875rem;
    height: 0.875rem;
  }
  .p-inline-message {
    padding: 0.5rem 0.5rem;
    margin: 0;
    border-radius: 3px;
  }
  .p-inline-message.p-inline-message-info {
    background: #b3e5fc;
    border: solid #0891cf;
    border-width: 0px;
    color: #044868;
  }
  .p-inline-message.p-inline-message-info .p-inline-message-icon {
    color: #044868;
  }
  .p-inline-message.p-inline-message-success {
    background: #c8e6c9;
    border: solid #439446;
    border-width: 0px;
    color: #224a23;
  }
  .p-inline-message.p-inline-message-success .p-inline-message-icon {
    color: #224a23;
  }
  .p-inline-message.p-inline-message-warn {
    background: #ffecb3;
    border: solid #d9a300;
    border-width: 0px;
    color: #6d5100;
  }
  .p-inline-message.p-inline-message-warn .p-inline-message-icon {
    color: #6d5100;
  }
  .p-inline-message.p-inline-message-error {
    background: #ffcdd2;
    border: solid #e60017;
    border-width: 0px;
    color: #73000c;
  }
  .p-inline-message.p-inline-message-error .p-inline-message-icon {
    color: #73000c;
  }
  .p-inline-message .p-inline-message-icon {
    font-size: 1rem;
    margin-right: 0.5rem;
  }
  .p-inline-message .p-inline-message-icon.p-icon {
    width: 1rem;
    height: 1rem;
  }
  .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: 3px;
  }
  .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.5);
  }
  .p-message .p-message-close:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .p-message.p-message-info {
    background: #b3e5fc;
    border: solid #0891cf;
    border-width: 0 0 0 6px;
    color: #044868;
  }
  .p-message.p-message-info .p-message-icon {
    color: #044868;
  }
  .p-message.p-message-info .p-message-close {
    color: #044868;
  }
  .p-message.p-message-success {
    background: #c8e6c9;
    border: solid #439446;
    border-width: 0 0 0 6px;
    color: #224a23;
  }
  .p-message.p-message-success .p-message-icon {
    color: #224a23;
  }
  .p-message.p-message-success .p-message-close {
    color: #224a23;
  }
  .p-message.p-message-warn {
    background: #ffecb3;
    border: solid #d9a300;
    border-width: 0 0 0 6px;
    color: #6d5100;
  }
  .p-message.p-message-warn .p-message-icon {
    color: #6d5100;
  }
  .p-message.p-message-warn .p-message-close {
    color: #6d5100;
  }
  .p-message.p-message-error {
    background: #ffcdd2;
    border: solid #e60017;
    border-width: 0 0 0 6px;
    color: #73000c;
  }
  .p-message.p-message-error .p-message-icon {
    color: #73000c;
  }
  .p-message.p-message-error .p-message-close {
    color: #73000c;
  }
  .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-icon.p-icon {
    width: 1.5rem;
    height: 1.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: 3px;
  }
  .p-toast .p-toast-message .p-toast-message-content {
    padding: 1rem;
  }
  .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: 2rem;
  }
  .p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon.p-icon {
    width: 2rem;
    height: 2rem;
  }
  .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: 0.5rem 0 0 0;
  }
  .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.5);
  }
  .p-toast .p-toast-message .p-toast-icon-close:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .p-toast .p-toast-message.p-toast-message-info {
    background: #b3e5fc;
    border: solid #0891cf;
    border-width: 0 0 0 6px;
    color: #044868;
  }
  .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: #044868;
  }
  .p-toast .p-toast-message.p-toast-message-success {
    background: #c8e6c9;
    border: solid #439446;
    border-width: 0 0 0 6px;
    color: #224a23;
  }
  .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: #224a23;
  }
  .p-toast .p-toast-message.p-toast-message-warn {
    background: #ffecb3;
    border: solid #d9a300;
    border-width: 0 0 0 6px;
    color: #6d5100;
  }
  .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: #6d5100;
  }
  .p-toast .p-toast-message.p-toast-message-error {
    background: #ffcdd2;
    border: solid #e60017;
    border-width: 0 0 0 6px;
    color: #73000c;
  }
  .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: #73000c;
  }
  .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 .p-galleria-close-icon.p-icon {
    width: 2rem;
    height: 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: 3px;
    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 .p-galleria-item-prev-icon.p-icon,
  .p-galleria .p-galleria-item-nav .p-galleria-item-next-icon.p-icon {
    width: 2rem;
    height: 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 {
    transition: box-shadow 0.2s;
  }
  .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .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-indicator .p-icon {
    width: 1.5rem;
    height: 1.5rem;
  }
  .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 span {
    font-size: 1.5rem;
  }
  .p-image-action.p-link .p-icon {
    width: 1.5rem;
    height: 1.5rem;
  }
  .p-avatar {
    background-color: #dee2e6;
    border-radius: 3px;
  }
  .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-xl {
    width: 4rem;
    height: 4rem;
    font-size: 2rem;
  }
  .p-avatar.p-avatar-xl .p-avatar-icon {
    font-size: 2rem;
  }
  .p-avatar-circle {
    border-radius: 50%;
  }
  .p-avatar-group .p-avatar {
    border: 2px solid #ffffff;
  }
  .p-chip {
    background-color: #dee2e6;
    color: #495057;
    border-radius: 16px;
    padding: 0 0.5rem;
  }
  .p-chip .p-chip-text {
    line-height: 1.5;
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
  }
  .p-chip .p-chip-icon {
    margin-right: 0.5rem;
  }
  .p-chip img {
    width: 2rem;
    height: 2rem;
    margin-left: -0.5rem;
    margin-right: 0.5rem;
  }
  .p-chip .p-chip-remove-icon {
    border-radius: 3px;
    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
    margin-left: 0.5rem;
  }
  .p-chip .p-chip-remove-icon:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .p-chip .p-chip-remove-icon:focus {
    outline: 0 none;
  }
  .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-scrolltop .p-scrolltop-icon.p-icon {
    width: 1.5rem;
    height: 1.5rem;
  }
  .p-skeleton {
    background-color: #e9ecef;
    border-radius: 3px;
  }
  .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: #2196f3;
    color: #ffffff;
    font-size: 0.75rem;
    font-weight: 700;
    padding: 0.25rem 0.4rem;
    border-radius: 3px;
  }
  .p-tag.p-tag-success {
    background-color: #689f38;
    color: #ffffff;
  }
  .p-tag.p-tag-info {
    background-color: #0288d1;
    color: #ffffff;
  }
  .p-tag.p-tag-warning {
    background-color: #fbc02d;
    color: #212529;
  }
  .p-tag.p-tag-danger {
    background-color: #d32f2f;
    color: #ffffff;
  }
  .p-tag .p-tag-icon {
    margin-right: 0.25rem;
    font-size: 0.75rem;
  }
  .p-tag .p-tag-icon.p-icon {
    width: 0.75rem;
    height: 0.75rem;
  }
  .p-inplace .p-inplace-display {
    padding: 0.5rem 0.5rem;
    border-radius: 3px;
    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 #a6d5fa;
  }
  .p-metergroup .p-metergroup-meter-container {
    background: #dee2e6;
    border-radius: 3px;
  }
  .p-metergroup .p-metergroup-meter {
    border: 0 none;
    background: #2196f3;
  }
  .p-metergroup .p-metergroup-label-list .p-metergroup-label-list-item {
    line-height: 1.5rem;
  }
  .p-metergroup .p-metergroup-label-list .p-metergroup-label-type {
    background: #2196f3;
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 100%;
    margin-right: 0.5rem;
  }
  .p-metergroup .p-metergroup-label-list .p-metergroup-label {
    margin-right: 1rem;
  }
  .p-metergroup .p-metergroup-label-list .p-metergroup-label-icon {
    width: 1rem;
    height: 1rem;
    margin-right: 0.5rem;
  }
  .p-metergroup.p-metergroup-horizontal .p-metergroup-meter-container {
    height: 0.5rem;
  }
  .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
  }
  .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:last-of-type {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
  }
  .p-metergroup.p-metergroup-horizontal .p-metergroup-label-list-start {
    margin-bottom: 1rem;
  }
  .p-metergroup.p-metergroup-horizontal .p-metergroup-label-list-end {
    margin-top: 1rem;
  }
  .p-metergroup.p-metergroup-vertical .p-metergroup-meter-container {
    width: 0.5rem;
    height: 100%;
  }
  .p-metergroup.p-metergroup-vertical .p-metergroup-meter:first-of-type {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
  }
  .p-metergroup.p-metergroup-vertical .p-metergroup-meter:last-of-type {
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
  }
  .p-metergroup.p-metergroup-vertical .p-metergroup-label-list:not(.p-metergroup-label-list-start) {
    margin-left: 1rem;
  }
  .p-progressbar {
    border: 0 none;
    height: 1.5rem;
    background: #dee2e6;
    border-radius: 3px;
  }
  .p-progressbar .p-progressbar-value {
    border: 0 none;
    margin: 0;
    background: #2196f3;
  }
  .p-progressbar .p-progressbar-label {
    color: #ffffff;
    line-height: 1.5rem;
  }
  .p-terminal {
    background: #ffffff;
    color: #495057;
    border: 1px solid #dee2e6;
    padding: 1rem;
  }
  .p-terminal .p-terminal-input {
    font-family: var(--font-family);
    font-feature-settings: var(--font-feature-settings, normal);
    font-size: 1rem;
  }
  .p-badge {
    background: #2196f3;
    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-tag {
    background: #2196f3;
    color: #ffffff;
    font-size: 0.75rem;
    font-weight: 700;
    padding: 0.25rem 0.4rem;
    border-radius: 3px;
  }
  .p-tag.p-tag-success {
    background-color: #689f38;
    color: #ffffff;
  }
  .p-tag.p-tag-info {
    background-color: #0288d1;
    color: #ffffff;
  }
  .p-tag.p-tag-warning {
    background-color: #fbc02d;
    color: #212529;
  }
  .p-tag.p-tag-danger {
    background-color: #d32f2f;
    color: #ffffff;
  }
}
/* Customizations to the designer theme should be defined here */
@layer primereact {
  .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
    background-color: #2196f3;
  }
  .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
    background-color: #2196f3;
  }
  .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
    box-shadow: inset 0 2px 0 0 #2196f3;
  }
  .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
    box-shadow: inset 0 -2px 0 0 #2196f3;
  }
}
/**
 * The primereact[.min].css has been deprecated. In order not to break existing projects, it is currently included in the build as an empty file.
 */
@font-face {
    font-family: 'primeicons';
    font-display: block;
    src: url('primeicons.ff0c4cd79b2ffca2de54.eot');
    src: url('primeicons.ff0c4cd79b2ffca2de54.eot?#iefix') format('embedded-opentype'), url('primeicons.024b32cc7bf399b1a847.woff2') format('woff2'), url('primeicons.8931fda1930c3bd21e96.woff') format('woff'), url('primeicons.a5c2a53d1ff7a9ff5933.ttf') format('truetype'), url('primeicons.6ed59f962963a4a73af2.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 {
    animation: fa-spin 2s infinite linear;
}
@media (prefers-reduced-motion: reduce) {
  .pi-spin {
    animation-delay: -1ms;
    animation-duration: 1ms;
    animation-iteration-count: 1;
    transition-delay: 0s;
    transition-duration: 0s;
  }
}
@keyframes fa-spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        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";
}
.grid {
  display: flex;
  flex-wrap: wrap;
  margin-right: -0.5rem;
  margin-left: -0.5rem;
  margin-top: -0.5rem;
}
.grid > .col,
.grid > [class*=col] {
  box-sizing: border-box;
}
.grid-nogutter {
  margin-right: 0;
  margin-left: 0;
  margin-top: 0;
}
.grid-nogutter > .col,
.grid-nogutter > [class*=col-] {
  padding: 0;
}
.col {
  flex-grow: 1;
  flex-basis: 0;
  padding: 0.5rem;
}
.col-fixed {
  flex: 0 0 auto;
  padding: 0.5rem;
}
.col-1 {
  flex: 0 0 auto;
  padding: 0.5rem;
  width: 8.3333%;
}
.col-2 {
  flex: 0 0 auto;
  padding: 0.5rem;
  width: 16.6667%;
}
.col-3 {
  flex: 0 0 auto;
  padding: 0.5rem;
  width: 25%;
}
.col-4 {
  flex: 0 0 auto;
  padding: 0.5rem;
  width: 33.3333%;
}
.col-5 {
  flex: 0 0 auto;
  padding: 0.5rem;
  width: 41.6667%;
}
.col-6 {
  flex: 0 0 auto;
  padding: 0.5rem;
  width: 50%;
}
.col-7 {
  flex: 0 0 auto;
  padding: 0.5rem;
  width: 58.3333%;
}
.col-8 {
  flex: 0 0 auto;
  padding: 0.5rem;
  width: 66.6667%;
}
.col-9 {
  flex: 0 0 auto;
  padding: 0.5rem;
  width: 75%;
}
.col-10 {
  flex: 0 0 auto;
  padding: 0.5rem;
  width: 83.3333%;
}
.col-11 {
  flex: 0 0 auto;
  padding: 0.5rem;
  width: 91.6667%;
}
.col-12 {
  flex: 0 0 auto;
  padding: 0.5rem;
  width: 100%;
}
@media screen and (min-width: 576px) {
  .sm\:col {
    flex-grow: 1;
    flex-basis: 0;
    padding: 0.5rem;
  }
  .sm\:col-fixed {
    flex: 0 0 auto;
    padding: 0.5rem;
  }
  .sm\:col-1 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 8.3333%;
  }
  .sm\:col-2 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 16.6667%;
  }
  .sm\:col-3 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 25%;
  }
  .sm\:col-4 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 33.3333%;
  }
  .sm\:col-5 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 41.6667%;
  }
  .sm\:col-6 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 50%;
  }
  .sm\:col-7 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 58.3333%;
  }
  .sm\:col-8 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 66.6667%;
  }
  .sm\:col-9 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 75%;
  }
  .sm\:col-10 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 83.3333%;
  }
  .sm\:col-11 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 91.6667%;
  }
  .sm\:col-12 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 100%;
  }
}
@media screen and (min-width: 768px) {
  .md\:col {
    flex-grow: 1;
    flex-basis: 0;
    padding: 0.5rem;
  }
  .md\:col-fixed {
    flex: 0 0 auto;
    padding: 0.5rem;
  }
  .md\:col-1 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 8.3333%;
  }
  .md\:col-2 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 16.6667%;
  }
  .md\:col-3 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 25%;
  }
  .md\:col-4 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 33.3333%;
  }
  .md\:col-5 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 41.6667%;
  }
  .md\:col-6 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 50%;
  }
  .md\:col-7 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 58.3333%;
  }
  .md\:col-8 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 66.6667%;
  }
  .md\:col-9 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 75%;
  }
  .md\:col-10 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 83.3333%;
  }
  .md\:col-11 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 91.6667%;
  }
  .md\:col-12 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 100%;
  }
}
@media screen and (min-width: 992px) {
  .lg\:col {
    flex-grow: 1;
    flex-basis: 0;
    padding: 0.5rem;
  }
  .lg\:col-fixed {
    flex: 0 0 auto;
    padding: 0.5rem;
  }
  .lg\:col-1 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 8.3333%;
  }
  .lg\:col-2 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 16.6667%;
  }
  .lg\:col-3 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 25%;
  }
  .lg\:col-4 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 33.3333%;
  }
  .lg\:col-5 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 41.6667%;
  }
  .lg\:col-6 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 50%;
  }
  .lg\:col-7 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 58.3333%;
  }
  .lg\:col-8 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 66.6667%;
  }
  .lg\:col-9 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 75%;
  }
  .lg\:col-10 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 83.3333%;
  }
  .lg\:col-11 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 91.6667%;
  }
  .lg\:col-12 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 100%;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:col {
    flex-grow: 1;
    flex-basis: 0;
    padding: 0.5rem;
  }
  .xl\:col-fixed {
    flex: 0 0 auto;
    padding: 0.5rem;
  }
  .xl\:col-1 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 8.3333%;
  }
  .xl\:col-2 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 16.6667%;
  }
  .xl\:col-3 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 25%;
  }
  .xl\:col-4 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 33.3333%;
  }
  .xl\:col-5 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 41.6667%;
  }
  .xl\:col-6 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 50%;
  }
  .xl\:col-7 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 58.3333%;
  }
  .xl\:col-8 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 66.6667%;
  }
  .xl\:col-9 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 75%;
  }
  .xl\:col-10 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 83.3333%;
  }
  .xl\:col-11 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 91.6667%;
  }
  .xl\:col-12 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 100%;
  }
}
.col-offset-0 {
  margin-left: 0 !important;
}
.col-offset-1 {
  margin-left: 8.3333% !important;
}
.col-offset-2 {
  margin-left: 16.6667% !important;
}
.col-offset-3 {
  margin-left: 25% !important;
}
.col-offset-4 {
  margin-left: 33.3333% !important;
}
.col-offset-5 {
  margin-left: 41.6667% !important;
}
.col-offset-6 {
  margin-left: 50% !important;
}
.col-offset-7 {
  margin-left: 58.3333% !important;
}
.col-offset-8 {
  margin-left: 66.6667% !important;
}
.col-offset-9 {
  margin-left: 75% !important;
}
.col-offset-10 {
  margin-left: 83.3333% !important;
}
.col-offset-11 {
  margin-left: 91.6667% !important;
}
.col-offset-12 {
  margin-left: 100% !important;
}
@media screen and (min-width: 576px) {
  .sm\:col-offset-0 {
    margin-left: 0 !important;
  }
  .sm\:col-offset-1 {
    margin-left: 8.3333% !important;
  }
  .sm\:col-offset-2 {
    margin-left: 16.6667% !important;
  }
  .sm\:col-offset-3 {
    margin-left: 25% !important;
  }
  .sm\:col-offset-4 {
    margin-left: 33.3333% !important;
  }
  .sm\:col-offset-5 {
    margin-left: 41.6667% !important;
  }
  .sm\:col-offset-6 {
    margin-left: 50% !important;
  }
  .sm\:col-offset-7 {
    margin-left: 58.3333% !important;
  }
  .sm\:col-offset-8 {
    margin-left: 66.6667% !important;
  }
  .sm\:col-offset-9 {
    margin-left: 75% !important;
  }
  .sm\:col-offset-10 {
    margin-left: 83.3333% !important;
  }
  .sm\:col-offset-11 {
    margin-left: 91.6667% !important;
  }
  .sm\:col-offset-12 {
    margin-left: 100% !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:col-offset-0 {
    margin-left: 0 !important;
  }
  .md\:col-offset-1 {
    margin-left: 8.3333% !important;
  }
  .md\:col-offset-2 {
    margin-left: 16.6667% !important;
  }
  .md\:col-offset-3 {
    margin-left: 25% !important;
  }
  .md\:col-offset-4 {
    margin-left: 33.3333% !important;
  }
  .md\:col-offset-5 {
    margin-left: 41.6667% !important;
  }
  .md\:col-offset-6 {
    margin-left: 50% !important;
  }
  .md\:col-offset-7 {
    margin-left: 58.3333% !important;
  }
  .md\:col-offset-8 {
    margin-left: 66.6667% !important;
  }
  .md\:col-offset-9 {
    margin-left: 75% !important;
  }
  .md\:col-offset-10 {
    margin-left: 83.3333% !important;
  }
  .md\:col-offset-11 {
    margin-left: 91.6667% !important;
  }
  .md\:col-offset-12 {
    margin-left: 100% !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:col-offset-0 {
    margin-left: 0 !important;
  }
  .lg\:col-offset-1 {
    margin-left: 8.3333% !important;
  }
  .lg\:col-offset-2 {
    margin-left: 16.6667% !important;
  }
  .lg\:col-offset-3 {
    margin-left: 25% !important;
  }
  .lg\:col-offset-4 {
    margin-left: 33.3333% !important;
  }
  .lg\:col-offset-5 {
    margin-left: 41.6667% !important;
  }
  .lg\:col-offset-6 {
    margin-left: 50% !important;
  }
  .lg\:col-offset-7 {
    margin-left: 58.3333% !important;
  }
  .lg\:col-offset-8 {
    margin-left: 66.6667% !important;
  }
  .lg\:col-offset-9 {
    margin-left: 75% !important;
  }
  .lg\:col-offset-10 {
    margin-left: 83.3333% !important;
  }
  .lg\:col-offset-11 {
    margin-left: 91.6667% !important;
  }
  .lg\:col-offset-12 {
    margin-left: 100% !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:col-offset-0 {
    margin-left: 0 !important;
  }
  .xl\:col-offset-1 {
    margin-left: 8.3333% !important;
  }
  .xl\:col-offset-2 {
    margin-left: 16.6667% !important;
  }
  .xl\:col-offset-3 {
    margin-left: 25% !important;
  }
  .xl\:col-offset-4 {
    margin-left: 33.3333% !important;
  }
  .xl\:col-offset-5 {
    margin-left: 41.6667% !important;
  }
  .xl\:col-offset-6 {
    margin-left: 50% !important;
  }
  .xl\:col-offset-7 {
    margin-left: 58.3333% !important;
  }
  .xl\:col-offset-8 {
    margin-left: 66.6667% !important;
  }
  .xl\:col-offset-9 {
    margin-left: 75% !important;
  }
  .xl\:col-offset-10 {
    margin-left: 83.3333% !important;
  }
  .xl\:col-offset-11 {
    margin-left: 91.6667% !important;
  }
  .xl\:col-offset-12 {
    margin-left: 100% !important;
  }
}
.text-0 {
  color: var(--surface-0) !important;
}
.text-50 {
  color: var(--surface-50) !important;
}
.text-100 {
  color: var(--surface-100) !important;
}
.text-200 {
  color: var(--surface-200) !important;
}
.text-300 {
  color: var(--surface-300) !important;
}
.text-400 {
  color: var(--surface-400) !important;
}
.text-500 {
  color: var(--surface-500) !important;
}
.text-600 {
  color: var(--surface-600) !important;
}
.text-700 {
  color: var(--surface-700) !important;
}
.text-800 {
  color: var(--surface-800) !important;
}
.text-900 {
  color: var(--surface-900) !important;
}
.focus\:text-0:focus {
  color: var(--surface-0) !important;
}
.hover\:text-0:hover {
  color: var(--surface-0) !important;
}
.active\:text-0:active {
  color: var(--surface-0) !important;
}
.focus\:text-50:focus {
  color: var(--surface-50) !important;
}
.hover\:text-50:hover {
  color: var(--surface-50) !important;
}
.active\:text-50:active {
  color: var(--surface-50) !important;
}
.focus\:text-100:focus {
  color: var(--surface-100) !important;
}
.hover\:text-100:hover {
  color: var(--surface-100) !important;
}
.active\:text-100:active {
  color: var(--surface-100) !important;
}
.focus\:text-200:focus {
  color: var(--surface-200) !important;
}
.hover\:text-200:hover {
  color: var(--surface-200) !important;
}
.active\:text-200:active {
  color: var(--surface-200) !important;
}
.focus\:text-300:focus {
  color: var(--surface-300) !important;
}
.hover\:text-300:hover {
  color: var(--surface-300) !important;
}
.active\:text-300:active {
  color: var(--surface-300) !important;
}
.focus\:text-400:focus {
  color: var(--surface-400) !important;
}
.hover\:text-400:hover {
  color: var(--surface-400) !important;
}
.active\:text-400:active {
  color: var(--surface-400) !important;
}
.focus\:text-500:focus {
  color: var(--surface-500) !important;
}
.hover\:text-500:hover {
  color: var(--surface-500) !important;
}
.active\:text-500:active {
  color: var(--surface-500) !important;
}
.focus\:text-600:focus {
  color: var(--surface-600) !important;
}
.hover\:text-600:hover {
  color: var(--surface-600) !important;
}
.active\:text-600:active {
  color: var(--surface-600) !important;
}
.focus\:text-700:focus {
  color: var(--surface-700) !important;
}
.hover\:text-700:hover {
  color: var(--surface-700) !important;
}
.active\:text-700:active {
  color: var(--surface-700) !important;
}
.focus\:text-800:focus {
  color: var(--surface-800) !important;
}
.hover\:text-800:hover {
  color: var(--surface-800) !important;
}
.active\:text-800:active {
  color: var(--surface-800) !important;
}
.focus\:text-900:focus {
  color: var(--surface-900) !important;
}
.hover\:text-900:hover {
  color: var(--surface-900) !important;
}
.active\:text-900:active {
  color: var(--surface-900) !important;
}
.surface-0 {
  background-color: var(--surface-0) !important;
}
.surface-50 {
  background-color: var(--surface-50) !important;
}
.surface-100 {
  background-color: var(--surface-100) !important;
}
.surface-200 {
  background-color: var(--surface-200) !important;
}
.surface-300 {
  background-color: var(--surface-300) !important;
}
.surface-400 {
  background-color: var(--surface-400) !important;
}
.surface-500 {
  background-color: var(--surface-500) !important;
}
.surface-600 {
  background-color: var(--surface-600) !important;
}
.surface-700 {
  background-color: var(--surface-700) !important;
}
.surface-800 {
  background-color: var(--surface-800) !important;
}
.surface-900 {
  background-color: var(--surface-900) !important;
}
.focus\:surface-0:focus {
  background-color: var(--surface-0) !important;
}
.hover\:surface-0:hover {
  background-color: var(--surface-0) !important;
}
.active\:surface-0:active {
  background-color: var(--surface-0) !important;
}
.focus\:surface-50:focus {
  background-color: var(--surface-50) !important;
}
.hover\:surface-50:hover {
  background-color: var(--surface-50) !important;
}
.active\:surface-50:active {
  background-color: var(--surface-50) !important;
}
.focus\:surface-100:focus {
  background-color: var(--surface-100) !important;
}
.hover\:surface-100:hover {
  background-color: var(--surface-100) !important;
}
.active\:surface-100:active {
  background-color: var(--surface-100) !important;
}
.focus\:surface-200:focus {
  background-color: var(--surface-200) !important;
}
.hover\:surface-200:hover {
  background-color: var(--surface-200) !important;
}
.active\:surface-200:active {
  background-color: var(--surface-200) !important;
}
.focus\:surface-300:focus {
  background-color: var(--surface-300) !important;
}
.hover\:surface-300:hover {
  background-color: var(--surface-300) !important;
}
.active\:surface-300:active {
  background-color: var(--surface-300) !important;
}
.focus\:surface-400:focus {
  background-color: var(--surface-400) !important;
}
.hover\:surface-400:hover {
  background-color: var(--surface-400) !important;
}
.active\:surface-400:active {
  background-color: var(--surface-400) !important;
}
.focus\:surface-500:focus {
  background-color: var(--surface-500) !important;
}
.hover\:surface-500:hover {
  background-color: var(--surface-500) !important;
}
.active\:surface-500:active {
  background-color: var(--surface-500) !important;
}
.focus\:surface-600:focus {
  background-color: var(--surface-600) !important;
}
.hover\:surface-600:hover {
  background-color: var(--surface-600) !important;
}
.active\:surface-600:active {
  background-color: var(--surface-600) !important;
}
.focus\:surface-700:focus {
  background-color: var(--surface-700) !important;
}
.hover\:surface-700:hover {
  background-color: var(--surface-700) !important;
}
.active\:surface-700:active {
  background-color: var(--surface-700) !important;
}
.focus\:surface-800:focus {
  background-color: var(--surface-800) !important;
}
.hover\:surface-800:hover {
  background-color: var(--surface-800) !important;
}
.active\:surface-800:active {
  background-color: var(--surface-800) !important;
}
.focus\:surface-900:focus {
  background-color: var(--surface-900) !important;
}
.hover\:surface-900:hover {
  background-color: var(--surface-900) !important;
}
.active\:surface-900:active {
  background-color: var(--surface-900) !important;
}
.border-0 {
  border-color: var(--surface-0) !important;
}
.border-50 {
  border-color: var(--surface-50) !important;
}
.border-100 {
  border-color: var(--surface-100) !important;
}
.border-200 {
  border-color: var(--surface-200) !important;
}
.border-300 {
  border-color: var(--surface-300) !important;
}
.border-400 {
  border-color: var(--surface-400) !important;
}
.border-500 {
  border-color: var(--surface-500) !important;
}
.border-600 {
  border-color: var(--surface-600) !important;
}
.border-700 {
  border-color: var(--surface-700) !important;
}
.border-800 {
  border-color: var(--surface-800) !important;
}
.border-900 {
  border-color: var(--surface-900) !important;
}
.focus\:border-0:focus {
  border-color: var(--surface-0) !important;
}
.hover\:border-0:hover {
  border-color: var(--surface-0) !important;
}
.active\:border-0:active {
  border-color: var(--surface-0) !important;
}
.focus\:border-50:focus {
  border-color: var(--surface-50) !important;
}
.hover\:border-50:hover {
  border-color: var(--surface-50) !important;
}
.active\:border-50:active {
  border-color: var(--surface-50) !important;
}
.focus\:border-100:focus {
  border-color: var(--surface-100) !important;
}
.hover\:border-100:hover {
  border-color: var(--surface-100) !important;
}
.active\:border-100:active {
  border-color: var(--surface-100) !important;
}
.focus\:border-200:focus {
  border-color: var(--surface-200) !important;
}
.hover\:border-200:hover {
  border-color: var(--surface-200) !important;
}
.active\:border-200:active {
  border-color: var(--surface-200) !important;
}
.focus\:border-300:focus {
  border-color: var(--surface-300) !important;
}
.hover\:border-300:hover {
  border-color: var(--surface-300) !important;
}
.active\:border-300:active {
  border-color: var(--surface-300) !important;
}
.focus\:border-400:focus {
  border-color: var(--surface-400) !important;
}
.hover\:border-400:hover {
  border-color: var(--surface-400) !important;
}
.active\:border-400:active {
  border-color: var(--surface-400) !important;
}
.focus\:border-500:focus {
  border-color: var(--surface-500) !important;
}
.hover\:border-500:hover {
  border-color: var(--surface-500) !important;
}
.active\:border-500:active {
  border-color: var(--surface-500) !important;
}
.focus\:border-600:focus {
  border-color: var(--surface-600) !important;
}
.hover\:border-600:hover {
  border-color: var(--surface-600) !important;
}
.active\:border-600:active {
  border-color: var(--surface-600) !important;
}
.focus\:border-700:focus {
  border-color: var(--surface-700) !important;
}
.hover\:border-700:hover {
  border-color: var(--surface-700) !important;
}
.active\:border-700:active {
  border-color: var(--surface-700) !important;
}
.focus\:border-800:focus {
  border-color: var(--surface-800) !important;
}
.hover\:border-800:hover {
  border-color: var(--surface-800) !important;
}
.active\:border-800:active {
  border-color: var(--surface-800) !important;
}
.focus\:border-900:focus {
  border-color: var(--surface-900) !important;
}
.hover\:border-900:hover {
  border-color: var(--surface-900) !important;
}
.active\:border-900:active {
  border-color: var(--surface-900) !important;
}
.bg-transparent {
  background-color: transparent !important;
}
@media screen and (min-width: 576px) {
  .sm\:bg-transparent {
    background-color: transparent !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:bg-transparent {
    background-color: transparent !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:bg-transparent {
    background-color: transparent !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:bg-transparent {
    background-color: transparent !important;
  }
}
.border-transparent {
  border-color: transparent !important;
}
@media screen and (min-width: 576px) {
  .sm\:border-transparent {
    border-color: transparent !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:border-transparent {
    border-color: transparent !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:border-transparent {
    border-color: transparent !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:border-transparent {
    border-color: transparent !important;
  }
}
.text-blue-50 {
  color: var(--blue-50) !important;
}
.text-blue-100 {
  color: var(--blue-100) !important;
}
.text-blue-200 {
  color: var(--blue-200) !important;
}
.text-blue-300 {
  color: var(--blue-300) !important;
}
.text-blue-400 {
  color: var(--blue-400) !important;
}
.text-blue-500 {
  color: var(--blue-500) !important;
}
.text-blue-600 {
  color: var(--blue-600) !important;
}
.text-blue-700 {
  color: var(--blue-700) !important;
}
.text-blue-800 {
  color: var(--blue-800) !important;
}
.text-blue-900 {
  color: var(--blue-900) !important;
}
.focus\:text-blue-50:focus {
  color: var(--blue-50) !important;
}
.focus\:text-blue-100:focus {
  color: var(--blue-100) !important;
}
.focus\:text-blue-200:focus {
  color: var(--blue-200) !important;
}
.focus\:text-blue-300:focus {
  color: var(--blue-300) !important;
}
.focus\:text-blue-400:focus {
  color: var(--blue-400) !important;
}
.focus\:text-blue-500:focus {
  color: var(--blue-500) !important;
}
.focus\:text-blue-600:focus {
  color: var(--blue-600) !important;
}
.focus\:text-blue-700:focus {
  color: var(--blue-700) !important;
}
.focus\:text-blue-800:focus {
  color: var(--blue-800) !important;
}
.focus\:text-blue-900:focus {
  color: var(--blue-900) !important;
}
.hover\:text-blue-50:hover {
  color: var(--blue-50) !important;
}
.hover\:text-blue-100:hover {
  color: var(--blue-100) !important;
}
.hover\:text-blue-200:hover {
  color: var(--blue-200) !important;
}
.hover\:text-blue-300:hover {
  color: var(--blue-300) !important;
}
.hover\:text-blue-400:hover {
  color: var(--blue-400) !important;
}
.hover\:text-blue-500:hover {
  color: var(--blue-500) !important;
}
.hover\:text-blue-600:hover {
  color: var(--blue-600) !important;
}
.hover\:text-blue-700:hover {
  color: var(--blue-700) !important;
}
.hover\:text-blue-800:hover {
  color: var(--blue-800) !important;
}
.hover\:text-blue-900:hover {
  color: var(--blue-900) !important;
}
.active\:text-blue-50:active {
  color: var(--blue-50) !important;
}
.active\:text-blue-100:active {
  color: var(--blue-100) !important;
}
.active\:text-blue-200:active {
  color: var(--blue-200) !important;
}
.active\:text-blue-300:active {
  color: var(--blue-300) !important;
}
.active\:text-blue-400:active {
  color: var(--blue-400) !important;
}
.active\:text-blue-500:active {
  color: var(--blue-500) !important;
}
.active\:text-blue-600:active {
  color: var(--blue-600) !important;
}
.active\:text-blue-700:active {
  color: var(--blue-700) !important;
}
.active\:text-blue-800:active {
  color: var(--blue-800) !important;
}
.active\:text-blue-900:active {
  color: var(--blue-900) !important;
}
.text-green-50 {
  color: var(--green-50) !important;
}
.text-green-100 {
  color: var(--green-100) !important;
}
.text-green-200 {
  color: var(--green-200) !important;
}
.text-green-300 {
  color: var(--green-300) !important;
}
.text-green-400 {
  color: var(--green-400) !important;
}
.text-green-500 {
  color: var(--green-500) !important;
}
.text-green-600 {
  color: var(--green-600) !important;
}
.text-green-700 {
  color: var(--green-700) !important;
}
.text-green-800 {
  color: var(--green-800) !important;
}
.text-green-900 {
  color: var(--green-900) !important;
}
.focus\:text-green-50:focus {
  color: var(--green-50) !important;
}
.focus\:text-green-100:focus {
  color: var(--green-100) !important;
}
.focus\:text-green-200:focus {
  color: var(--green-200) !important;
}
.focus\:text-green-300:focus {
  color: var(--green-300) !important;
}
.focus\:text-green-400:focus {
  color: var(--green-400) !important;
}
.focus\:text-green-500:focus {
  color: var(--green-500) !important;
}
.focus\:text-green-600:focus {
  color: var(--green-600) !important;
}
.focus\:text-green-700:focus {
  color: var(--green-700) !important;
}
.focus\:text-green-800:focus {
  color: var(--green-800) !important;
}
.focus\:text-green-900:focus {
  color: var(--green-900) !important;
}
.hover\:text-green-50:hover {
  color: var(--green-50) !important;
}
.hover\:text-green-100:hover {
  color: var(--green-100) !important;
}
.hover\:text-green-200:hover {
  color: var(--green-200) !important;
}
.hover\:text-green-300:hover {
  color: var(--green-300) !important;
}
.hover\:text-green-400:hover {
  color: var(--green-400) !important;
}
.hover\:text-green-500:hover {
  color: var(--green-500) !important;
}
.hover\:text-green-600:hover {
  color: var(--green-600) !important;
}
.hover\:text-green-700:hover {
  color: var(--green-700) !important;
}
.hover\:text-green-800:hover {
  color: var(--green-800) !important;
}
.hover\:text-green-900:hover {
  color: var(--green-900) !important;
}
.active\:text-green-50:active {
  color: var(--green-50) !important;
}
.active\:text-green-100:active {
  color: var(--green-100) !important;
}
.active\:text-green-200:active {
  color: var(--green-200) !important;
}
.active\:text-green-300:active {
  color: var(--green-300) !important;
}
.active\:text-green-400:active {
  color: var(--green-400) !important;
}
.active\:text-green-500:active {
  color: var(--green-500) !important;
}
.active\:text-green-600:active {
  color: var(--green-600) !important;
}
.active\:text-green-700:active {
  color: var(--green-700) !important;
}
.active\:text-green-800:active {
  color: var(--green-800) !important;
}
.active\:text-green-900:active {
  color: var(--green-900) !important;
}
.text-yellow-50 {
  color: var(--yellow-50) !important;
}
.text-yellow-100 {
  color: var(--yellow-100) !important;
}
.text-yellow-200 {
  color: var(--yellow-200) !important;
}
.text-yellow-300 {
  color: var(--yellow-300) !important;
}
.text-yellow-400 {
  color: var(--yellow-400) !important;
}
.text-yellow-500 {
  color: var(--yellow-500) !important;
}
.text-yellow-600 {
  color: var(--yellow-600) !important;
}
.text-yellow-700 {
  color: var(--yellow-700) !important;
}
.text-yellow-800 {
  color: var(--yellow-800) !important;
}
.text-yellow-900 {
  color: var(--yellow-900) !important;
}
.focus\:text-yellow-50:focus {
  color: var(--yellow-50) !important;
}
.focus\:text-yellow-100:focus {
  color: var(--yellow-100) !important;
}
.focus\:text-yellow-200:focus {
  color: var(--yellow-200) !important;
}
.focus\:text-yellow-300:focus {
  color: var(--yellow-300) !important;
}
.focus\:text-yellow-400:focus {
  color: var(--yellow-400) !important;
}
.focus\:text-yellow-500:focus {
  color: var(--yellow-500) !important;
}
.focus\:text-yellow-600:focus {
  color: var(--yellow-600) !important;
}
.focus\:text-yellow-700:focus {
  color: var(--yellow-700) !important;
}
.focus\:text-yellow-800:focus {
  color: var(--yellow-800) !important;
}
.focus\:text-yellow-900:focus {
  color: var(--yellow-900) !important;
}
.hover\:text-yellow-50:hover {
  color: var(--yellow-50) !important;
}
.hover\:text-yellow-100:hover {
  color: var(--yellow-100) !important;
}
.hover\:text-yellow-200:hover {
  color: var(--yellow-200) !important;
}
.hover\:text-yellow-300:hover {
  color: var(--yellow-300) !important;
}
.hover\:text-yellow-400:hover {
  color: var(--yellow-400) !important;
}
.hover\:text-yellow-500:hover {
  color: var(--yellow-500) !important;
}
.hover\:text-yellow-600:hover {
  color: var(--yellow-600) !important;
}
.hover\:text-yellow-700:hover {
  color: var(--yellow-700) !important;
}
.hover\:text-yellow-800:hover {
  color: var(--yellow-800) !important;
}
.hover\:text-yellow-900:hover {
  color: var(--yellow-900) !important;
}
.active\:text-yellow-50:active {
  color: var(--yellow-50) !important;
}
.active\:text-yellow-100:active {
  color: var(--yellow-100) !important;
}
.active\:text-yellow-200:active {
  color: var(--yellow-200) !important;
}
.active\:text-yellow-300:active {
  color: var(--yellow-300) !important;
}
.active\:text-yellow-400:active {
  color: var(--yellow-400) !important;
}
.active\:text-yellow-500:active {
  color: var(--yellow-500) !important;
}
.active\:text-yellow-600:active {
  color: var(--yellow-600) !important;
}
.active\:text-yellow-700:active {
  color: var(--yellow-700) !important;
}
.active\:text-yellow-800:active {
  color: var(--yellow-800) !important;
}
.active\:text-yellow-900:active {
  color: var(--yellow-900) !important;
}
.text-cyan-50 {
  color: var(--cyan-50) !important;
}
.text-cyan-100 {
  color: var(--cyan-100) !important;
}
.text-cyan-200 {
  color: var(--cyan-200) !important;
}
.text-cyan-300 {
  color: var(--cyan-300) !important;
}
.text-cyan-400 {
  color: var(--cyan-400) !important;
}
.text-cyan-500 {
  color: var(--cyan-500) !important;
}
.text-cyan-600 {
  color: var(--cyan-600) !important;
}
.text-cyan-700 {
  color: var(--cyan-700) !important;
}
.text-cyan-800 {
  color: var(--cyan-800) !important;
}
.text-cyan-900 {
  color: var(--cyan-900) !important;
}
.focus\:text-cyan-50:focus {
  color: var(--cyan-50) !important;
}
.focus\:text-cyan-100:focus {
  color: var(--cyan-100) !important;
}
.focus\:text-cyan-200:focus {
  color: var(--cyan-200) !important;
}
.focus\:text-cyan-300:focus {
  color: var(--cyan-300) !important;
}
.focus\:text-cyan-400:focus {
  color: var(--cyan-400) !important;
}
.focus\:text-cyan-500:focus {
  color: var(--cyan-500) !important;
}
.focus\:text-cyan-600:focus {
  color: var(--cyan-600) !important;
}
.focus\:text-cyan-700:focus {
  color: var(--cyan-700) !important;
}
.focus\:text-cyan-800:focus {
  color: var(--cyan-800) !important;
}
.focus\:text-cyan-900:focus {
  color: var(--cyan-900) !important;
}
.hover\:text-cyan-50:hover {
  color: var(--cyan-50) !important;
}
.hover\:text-cyan-100:hover {
  color: var(--cyan-100) !important;
}
.hover\:text-cyan-200:hover {
  color: var(--cyan-200) !important;
}
.hover\:text-cyan-300:hover {
  color: var(--cyan-300) !important;
}
.hover\:text-cyan-400:hover {
  color: var(--cyan-400) !important;
}
.hover\:text-cyan-500:hover {
  color: var(--cyan-500) !important;
}
.hover\:text-cyan-600:hover {
  color: var(--cyan-600) !important;
}
.hover\:text-cyan-700:hover {
  color: var(--cyan-700) !important;
}
.hover\:text-cyan-800:hover {
  color: var(--cyan-800) !important;
}
.hover\:text-cyan-900:hover {
  color: var(--cyan-900) !important;
}
.active\:text-cyan-50:active {
  color: var(--cyan-50) !important;
}
.active\:text-cyan-100:active {
  color: var(--cyan-100) !important;
}
.active\:text-cyan-200:active {
  color: var(--cyan-200) !important;
}
.active\:text-cyan-300:active {
  color: var(--cyan-300) !important;
}
.active\:text-cyan-400:active {
  color: var(--cyan-400) !important;
}
.active\:text-cyan-500:active {
  color: var(--cyan-500) !important;
}
.active\:text-cyan-600:active {
  color: var(--cyan-600) !important;
}
.active\:text-cyan-700:active {
  color: var(--cyan-700) !important;
}
.active\:text-cyan-800:active {
  color: var(--cyan-800) !important;
}
.active\:text-cyan-900:active {
  color: var(--cyan-900) !important;
}
.text-pink-50 {
  color: var(--pink-50) !important;
}
.text-pink-100 {
  color: var(--pink-100) !important;
}
.text-pink-200 {
  color: var(--pink-200) !important;
}
.text-pink-300 {
  color: var(--pink-300) !important;
}
.text-pink-400 {
  color: var(--pink-400) !important;
}
.text-pink-500 {
  color: var(--pink-500) !important;
}
.text-pink-600 {
  color: var(--pink-600) !important;
}
.text-pink-700 {
  color: var(--pink-700) !important;
}
.text-pink-800 {
  color: var(--pink-800) !important;
}
.text-pink-900 {
  color: var(--pink-900) !important;
}
.focus\:text-pink-50:focus {
  color: var(--pink-50) !important;
}
.focus\:text-pink-100:focus {
  color: var(--pink-100) !important;
}
.focus\:text-pink-200:focus {
  color: var(--pink-200) !important;
}
.focus\:text-pink-300:focus {
  color: var(--pink-300) !important;
}
.focus\:text-pink-400:focus {
  color: var(--pink-400) !important;
}
.focus\:text-pink-500:focus {
  color: var(--pink-500) !important;
}
.focus\:text-pink-600:focus {
  color: var(--pink-600) !important;
}
.focus\:text-pink-700:focus {
  color: var(--pink-700) !important;
}
.focus\:text-pink-800:focus {
  color: var(--pink-800) !important;
}
.focus\:text-pink-900:focus {
  color: var(--pink-900) !important;
}
.hover\:text-pink-50:hover {
  color: var(--pink-50) !important;
}
.hover\:text-pink-100:hover {
  color: var(--pink-100) !important;
}
.hover\:text-pink-200:hover {
  color: var(--pink-200) !important;
}
.hover\:text-pink-300:hover {
  color: var(--pink-300) !important;
}
.hover\:text-pink-400:hover {
  color: var(--pink-400) !important;
}
.hover\:text-pink-500:hover {
  color: var(--pink-500) !important;
}
.hover\:text-pink-600:hover {
  color: var(--pink-600) !important;
}
.hover\:text-pink-700:hover {
  color: var(--pink-700) !important;
}
.hover\:text-pink-800:hover {
  color: var(--pink-800) !important;
}
.hover\:text-pink-900:hover {
  color: var(--pink-900) !important;
}
.active\:text-pink-50:active {
  color: var(--pink-50) !important;
}
.active\:text-pink-100:active {
  color: var(--pink-100) !important;
}
.active\:text-pink-200:active {
  color: var(--pink-200) !important;
}
.active\:text-pink-300:active {
  color: var(--pink-300) !important;
}
.active\:text-pink-400:active {
  color: var(--pink-400) !important;
}
.active\:text-pink-500:active {
  color: var(--pink-500) !important;
}
.active\:text-pink-600:active {
  color: var(--pink-600) !important;
}
.active\:text-pink-700:active {
  color: var(--pink-700) !important;
}
.active\:text-pink-800:active {
  color: var(--pink-800) !important;
}
.active\:text-pink-900:active {
  color: var(--pink-900) !important;
}
.text-indigo-50 {
  color: var(--indigo-50) !important;
}
.text-indigo-100 {
  color: var(--indigo-100) !important;
}
.text-indigo-200 {
  color: var(--indigo-200) !important;
}
.text-indigo-300 {
  color: var(--indigo-300) !important;
}
.text-indigo-400 {
  color: var(--indigo-400) !important;
}
.text-indigo-500 {
  color: var(--indigo-500) !important;
}
.text-indigo-600 {
  color: var(--indigo-600) !important;
}
.text-indigo-700 {
  color: var(--indigo-700) !important;
}
.text-indigo-800 {
  color: var(--indigo-800) !important;
}
.text-indigo-900 {
  color: var(--indigo-900) !important;
}
.focus\:text-indigo-50:focus {
  color: var(--indigo-50) !important;
}
.focus\:text-indigo-100:focus {
  color: var(--indigo-100) !important;
}
.focus\:text-indigo-200:focus {
  color: var(--indigo-200) !important;
}
.focus\:text-indigo-300:focus {
  color: var(--indigo-300) !important;
}
.focus\:text-indigo-400:focus {
  color: var(--indigo-400) !important;
}
.focus\:text-indigo-500:focus {
  color: var(--indigo-500) !important;
}
.focus\:text-indigo-600:focus {
  color: var(--indigo-600) !important;
}
.focus\:text-indigo-700:focus {
  color: var(--indigo-700) !important;
}
.focus\:text-indigo-800:focus {
  color: var(--indigo-800) !important;
}
.focus\:text-indigo-900:focus {
  color: var(--indigo-900) !important;
}
.hover\:text-indigo-50:hover {
  color: var(--indigo-50) !important;
}
.hover\:text-indigo-100:hover {
  color: var(--indigo-100) !important;
}
.hover\:text-indigo-200:hover {
  color: var(--indigo-200) !important;
}
.hover\:text-indigo-300:hover {
  color: var(--indigo-300) !important;
}
.hover\:text-indigo-400:hover {
  color: var(--indigo-400) !important;
}
.hover\:text-indigo-500:hover {
  color: var(--indigo-500) !important;
}
.hover\:text-indigo-600:hover {
  color: var(--indigo-600) !important;
}
.hover\:text-indigo-700:hover {
  color: var(--indigo-700) !important;
}
.hover\:text-indigo-800:hover {
  color: var(--indigo-800) !important;
}
.hover\:text-indigo-900:hover {
  color: var(--indigo-900) !important;
}
.active\:text-indigo-50:active {
  color: var(--indigo-50) !important;
}
.active\:text-indigo-100:active {
  color: var(--indigo-100) !important;
}
.active\:text-indigo-200:active {
  color: var(--indigo-200) !important;
}
.active\:text-indigo-300:active {
  color: var(--indigo-300) !important;
}
.active\:text-indigo-400:active {
  color: var(--indigo-400) !important;
}
.active\:text-indigo-500:active {
  color: var(--indigo-500) !important;
}
.active\:text-indigo-600:active {
  color: var(--indigo-600) !important;
}
.active\:text-indigo-700:active {
  color: var(--indigo-700) !important;
}
.active\:text-indigo-800:active {
  color: var(--indigo-800) !important;
}
.active\:text-indigo-900:active {
  color: var(--indigo-900) !important;
}
.text-teal-50 {
  color: var(--teal-50) !important;
}
.text-teal-100 {
  color: var(--teal-100) !important;
}
.text-teal-200 {
  color: var(--teal-200) !important;
}
.text-teal-300 {
  color: var(--teal-300) !important;
}
.text-teal-400 {
  color: var(--teal-400) !important;
}
.text-teal-500 {
  color: var(--teal-500) !important;
}
.text-teal-600 {
  color: var(--teal-600) !important;
}
.text-teal-700 {
  color: var(--teal-700) !important;
}
.text-teal-800 {
  color: var(--teal-800) !important;
}
.text-teal-900 {
  color: var(--teal-900) !important;
}
.focus\:text-teal-50:focus {
  color: var(--teal-50) !important;
}
.focus\:text-teal-100:focus {
  color: var(--teal-100) !important;
}
.focus\:text-teal-200:focus {
  color: var(--teal-200) !important;
}
.focus\:text-teal-300:focus {
  color: var(--teal-300) !important;
}
.focus\:text-teal-400:focus {
  color: var(--teal-400) !important;
}
.focus\:text-teal-500:focus {
  color: var(--teal-500) !important;
}
.focus\:text-teal-600:focus {
  color: var(--teal-600) !important;
}
.focus\:text-teal-700:focus {
  color: var(--teal-700) !important;
}
.focus\:text-teal-800:focus {
  color: var(--teal-800) !important;
}
.focus\:text-teal-900:focus {
  color: var(--teal-900) !important;
}
.hover\:text-teal-50:hover {
  color: var(--teal-50) !important;
}
.hover\:text-teal-100:hover {
  color: var(--teal-100) !important;
}
.hover\:text-teal-200:hover {
  color: var(--teal-200) !important;
}
.hover\:text-teal-300:hover {
  color: var(--teal-300) !important;
}
.hover\:text-teal-400:hover {
  color: var(--teal-400) !important;
}
.hover\:text-teal-500:hover {
  color: var(--teal-500) !important;
}
.hover\:text-teal-600:hover {
  color: var(--teal-600) !important;
}
.hover\:text-teal-700:hover {
  color: var(--teal-700) !important;
}
.hover\:text-teal-800:hover {
  color: var(--teal-800) !important;
}
.hover\:text-teal-900:hover {
  color: var(--teal-900) !important;
}
.active\:text-teal-50:active {
  color: var(--teal-50) !important;
}
.active\:text-teal-100:active {
  color: var(--teal-100) !important;
}
.active\:text-teal-200:active {
  color: var(--teal-200) !important;
}
.active\:text-teal-300:active {
  color: var(--teal-300) !important;
}
.active\:text-teal-400:active {
  color: var(--teal-400) !important;
}
.active\:text-teal-500:active {
  color: var(--teal-500) !important;
}
.active\:text-teal-600:active {
  color: var(--teal-600) !important;
}
.active\:text-teal-700:active {
  color: var(--teal-700) !important;
}
.active\:text-teal-800:active {
  color: var(--teal-800) !important;
}
.active\:text-teal-900:active {
  color: var(--teal-900) !important;
}
.text-orange-50 {
  color: var(--orange-50) !important;
}
.text-orange-100 {
  color: var(--orange-100) !important;
}
.text-orange-200 {
  color: var(--orange-200) !important;
}
.text-orange-300 {
  color: var(--orange-300) !important;
}
.text-orange-400 {
  color: var(--orange-400) !important;
}
.text-orange-500 {
  color: var(--orange-500) !important;
}
.text-orange-600 {
  color: var(--orange-600) !important;
}
.text-orange-700 {
  color: var(--orange-700) !important;
}
.text-orange-800 {
  color: var(--orange-800) !important;
}
.text-orange-900 {
  color: var(--orange-900) !important;
}
.focus\:text-orange-50:focus {
  color: var(--orange-50) !important;
}
.focus\:text-orange-100:focus {
  color: var(--orange-100) !important;
}
.focus\:text-orange-200:focus {
  color: var(--orange-200) !important;
}
.focus\:text-orange-300:focus {
  color: var(--orange-300) !important;
}
.focus\:text-orange-400:focus {
  color: var(--orange-400) !important;
}
.focus\:text-orange-500:focus {
  color: var(--orange-500) !important;
}
.focus\:text-orange-600:focus {
  color: var(--orange-600) !important;
}
.focus\:text-orange-700:focus {
  color: var(--orange-700) !important;
}
.focus\:text-orange-800:focus {
  color: var(--orange-800) !important;
}
.focus\:text-orange-900:focus {
  color: var(--orange-900) !important;
}
.hover\:text-orange-50:hover {
  color: var(--orange-50) !important;
}
.hover\:text-orange-100:hover {
  color: var(--orange-100) !important;
}
.hover\:text-orange-200:hover {
  color: var(--orange-200) !important;
}
.hover\:text-orange-300:hover {
  color: var(--orange-300) !important;
}
.hover\:text-orange-400:hover {
  color: var(--orange-400) !important;
}
.hover\:text-orange-500:hover {
  color: var(--orange-500) !important;
}
.hover\:text-orange-600:hover {
  color: var(--orange-600) !important;
}
.hover\:text-orange-700:hover {
  color: var(--orange-700) !important;
}
.hover\:text-orange-800:hover {
  color: var(--orange-800) !important;
}
.hover\:text-orange-900:hover {
  color: var(--orange-900) !important;
}
.active\:text-orange-50:active {
  color: var(--orange-50) !important;
}
.active\:text-orange-100:active {
  color: var(--orange-100) !important;
}
.active\:text-orange-200:active {
  color: var(--orange-200) !important;
}
.active\:text-orange-300:active {
  color: var(--orange-300) !important;
}
.active\:text-orange-400:active {
  color: var(--orange-400) !important;
}
.active\:text-orange-500:active {
  color: var(--orange-500) !important;
}
.active\:text-orange-600:active {
  color: var(--orange-600) !important;
}
.active\:text-orange-700:active {
  color: var(--orange-700) !important;
}
.active\:text-orange-800:active {
  color: var(--orange-800) !important;
}
.active\:text-orange-900:active {
  color: var(--orange-900) !important;
}
.text-bluegray-50 {
  color: var(--bluegray-50) !important;
}
.text-bluegray-100 {
  color: var(--bluegray-100) !important;
}
.text-bluegray-200 {
  color: var(--bluegray-200) !important;
}
.text-bluegray-300 {
  color: var(--bluegray-300) !important;
}
.text-bluegray-400 {
  color: var(--bluegray-400) !important;
}
.text-bluegray-500 {
  color: var(--bluegray-500) !important;
}
.text-bluegray-600 {
  color: var(--bluegray-600) !important;
}
.text-bluegray-700 {
  color: var(--bluegray-700) !important;
}
.text-bluegray-800 {
  color: var(--bluegray-800) !important;
}
.text-bluegray-900 {
  color: var(--bluegray-900) !important;
}
.focus\:text-bluegray-50:focus {
  color: var(--bluegray-50) !important;
}
.focus\:text-bluegray-100:focus {
  color: var(--bluegray-100) !important;
}
.focus\:text-bluegray-200:focus {
  color: var(--bluegray-200) !important;
}
.focus\:text-bluegray-300:focus {
  color: var(--bluegray-300) !important;
}
.focus\:text-bluegray-400:focus {
  color: var(--bluegray-400) !important;
}
.focus\:text-bluegray-500:focus {
  color: var(--bluegray-500) !important;
}
.focus\:text-bluegray-600:focus {
  color: var(--bluegray-600) !important;
}
.focus\:text-bluegray-700:focus {
  color: var(--bluegray-700) !important;
}
.focus\:text-bluegray-800:focus {
  color: var(--bluegray-800) !important;
}
.focus\:text-bluegray-900:focus {
  color: var(--bluegray-900) !important;
}
.hover\:text-bluegray-50:hover {
  color: var(--bluegray-50) !important;
}
.hover\:text-bluegray-100:hover {
  color: var(--bluegray-100) !important;
}
.hover\:text-bluegray-200:hover {
  color: var(--bluegray-200) !important;
}
.hover\:text-bluegray-300:hover {
  color: var(--bluegray-300) !important;
}
.hover\:text-bluegray-400:hover {
  color: var(--bluegray-400) !important;
}
.hover\:text-bluegray-500:hover {
  color: var(--bluegray-500) !important;
}
.hover\:text-bluegray-600:hover {
  color: var(--bluegray-600) !important;
}
.hover\:text-bluegray-700:hover {
  color: var(--bluegray-700) !important;
}
.hover\:text-bluegray-800:hover {
  color: var(--bluegray-800) !important;
}
.hover\:text-bluegray-900:hover {
  color: var(--bluegray-900) !important;
}
.active\:text-bluegray-50:active {
  color: var(--bluegray-50) !important;
}
.active\:text-bluegray-100:active {
  color: var(--bluegray-100) !important;
}
.active\:text-bluegray-200:active {
  color: var(--bluegray-200) !important;
}
.active\:text-bluegray-300:active {
  color: var(--bluegray-300) !important;
}
.active\:text-bluegray-400:active {
  color: var(--bluegray-400) !important;
}
.active\:text-bluegray-500:active {
  color: var(--bluegray-500) !important;
}
.active\:text-bluegray-600:active {
  color: var(--bluegray-600) !important;
}
.active\:text-bluegray-700:active {
  color: var(--bluegray-700) !important;
}
.active\:text-bluegray-800:active {
  color: var(--bluegray-800) !important;
}
.active\:text-bluegray-900:active {
  color: var(--bluegray-900) !important;
}
.text-purple-50 {
  color: var(--purple-50) !important;
}
.text-purple-100 {
  color: var(--purple-100) !important;
}
.text-purple-200 {
  color: var(--purple-200) !important;
}
.text-purple-300 {
  color: var(--purple-300) !important;
}
.text-purple-400 {
  color: var(--purple-400) !important;
}
.text-purple-500 {
  color: var(--purple-500) !important;
}
.text-purple-600 {
  color: var(--purple-600) !important;
}
.text-purple-700 {
  color: var(--purple-700) !important;
}
.text-purple-800 {
  color: var(--purple-800) !important;
}
.text-purple-900 {
  color: var(--purple-900) !important;
}
.focus\:text-purple-50:focus {
  color: var(--purple-50) !important;
}
.focus\:text-purple-100:focus {
  color: var(--purple-100) !important;
}
.focus\:text-purple-200:focus {
  color: var(--purple-200) !important;
}
.focus\:text-purple-300:focus {
  color: var(--purple-300) !important;
}
.focus\:text-purple-400:focus {
  color: var(--purple-400) !important;
}
.focus\:text-purple-500:focus {
  color: var(--purple-500) !important;
}
.focus\:text-purple-600:focus {
  color: var(--purple-600) !important;
}
.focus\:text-purple-700:focus {
  color: var(--purple-700) !important;
}
.focus\:text-purple-800:focus {
  color: var(--purple-800) !important;
}
.focus\:text-purple-900:focus {
  color: var(--purple-900) !important;
}
.hover\:text-purple-50:hover {
  color: var(--purple-50) !important;
}
.hover\:text-purple-100:hover {
  color: var(--purple-100) !important;
}
.hover\:text-purple-200:hover {
  color: var(--purple-200) !important;
}
.hover\:text-purple-300:hover {
  color: var(--purple-300) !important;
}
.hover\:text-purple-400:hover {
  color: var(--purple-400) !important;
}
.hover\:text-purple-500:hover {
  color: var(--purple-500) !important;
}
.hover\:text-purple-600:hover {
  color: var(--purple-600) !important;
}
.hover\:text-purple-700:hover {
  color: var(--purple-700) !important;
}
.hover\:text-purple-800:hover {
  color: var(--purple-800) !important;
}
.hover\:text-purple-900:hover {
  color: var(--purple-900) !important;
}
.active\:text-purple-50:active {
  color: var(--purple-50) !important;
}
.active\:text-purple-100:active {
  color: var(--purple-100) !important;
}
.active\:text-purple-200:active {
  color: var(--purple-200) !important;
}
.active\:text-purple-300:active {
  color: var(--purple-300) !important;
}
.active\:text-purple-400:active {
  color: var(--purple-400) !important;
}
.active\:text-purple-500:active {
  color: var(--purple-500) !important;
}
.active\:text-purple-600:active {
  color: var(--purple-600) !important;
}
.active\:text-purple-700:active {
  color: var(--purple-700) !important;
}
.active\:text-purple-800:active {
  color: var(--purple-800) !important;
}
.active\:text-purple-900:active {
  color: var(--purple-900) !important;
}
.text-gray-50 {
  color: var(--gray-50) !important;
}
.text-gray-100 {
  color: var(--gray-100) !important;
}
.text-gray-200 {
  color: var(--gray-200) !important;
}
.text-gray-300 {
  color: var(--gray-300) !important;
}
.text-gray-400 {
  color: var(--gray-400) !important;
}
.text-gray-500 {
  color: var(--gray-500) !important;
}
.text-gray-600 {
  color: var(--gray-600) !important;
}
.text-gray-700 {
  color: var(--gray-700) !important;
}
.text-gray-800 {
  color: var(--gray-800) !important;
}
.text-gray-900 {
  color: var(--gray-900) !important;
}
.focus\:text-gray-50:focus {
  color: var(--gray-50) !important;
}
.focus\:text-gray-100:focus {
  color: var(--gray-100) !important;
}
.focus\:text-gray-200:focus {
  color: var(--gray-200) !important;
}
.focus\:text-gray-300:focus {
  color: var(--gray-300) !important;
}
.focus\:text-gray-400:focus {
  color: var(--gray-400) !important;
}
.focus\:text-gray-500:focus {
  color: var(--gray-500) !important;
}
.focus\:text-gray-600:focus {
  color: var(--gray-600) !important;
}
.focus\:text-gray-700:focus {
  color: var(--gray-700) !important;
}
.focus\:text-gray-800:focus {
  color: var(--gray-800) !important;
}
.focus\:text-gray-900:focus {
  color: var(--gray-900) !important;
}
.hover\:text-gray-50:hover {
  color: var(--gray-50) !important;
}
.hover\:text-gray-100:hover {
  color: var(--gray-100) !important;
}
.hover\:text-gray-200:hover {
  color: var(--gray-200) !important;
}
.hover\:text-gray-300:hover {
  color: var(--gray-300) !important;
}
.hover\:text-gray-400:hover {
  color: var(--gray-400) !important;
}
.hover\:text-gray-500:hover {
  color: var(--gray-500) !important;
}
.hover\:text-gray-600:hover {
  color: var(--gray-600) !important;
}
.hover\:text-gray-700:hover {
  color: var(--gray-700) !important;
}
.hover\:text-gray-800:hover {
  color: var(--gray-800) !important;
}
.hover\:text-gray-900:hover {
  color: var(--gray-900) !important;
}
.active\:text-gray-50:active {
  color: var(--gray-50) !important;
}
.active\:text-gray-100:active {
  color: var(--gray-100) !important;
}
.active\:text-gray-200:active {
  color: var(--gray-200) !important;
}
.active\:text-gray-300:active {
  color: var(--gray-300) !important;
}
.active\:text-gray-400:active {
  color: var(--gray-400) !important;
}
.active\:text-gray-500:active {
  color: var(--gray-500) !important;
}
.active\:text-gray-600:active {
  color: var(--gray-600) !important;
}
.active\:text-gray-700:active {
  color: var(--gray-700) !important;
}
.active\:text-gray-800:active {
  color: var(--gray-800) !important;
}
.active\:text-gray-900:active {
  color: var(--gray-900) !important;
}
.text-red-50 {
  color: var(--red-50) !important;
}
.text-red-100 {
  color: var(--red-100) !important;
}
.text-red-200 {
  color: var(--red-200) !important;
}
.text-red-300 {
  color: var(--red-300) !important;
}
.text-red-400 {
  color: var(--red-400) !important;
}
.text-red-500 {
  color: var(--red-500) !important;
}
.text-red-600 {
  color: var(--red-600) !important;
}
.text-red-700 {
  color: var(--red-700) !important;
}
.text-red-800 {
  color: var(--red-800) !important;
}
.text-red-900 {
  color: var(--red-900) !important;
}
.focus\:text-red-50:focus {
  color: var(--red-50) !important;
}
.focus\:text-red-100:focus {
  color: var(--red-100) !important;
}
.focus\:text-red-200:focus {
  color: var(--red-200) !important;
}
.focus\:text-red-300:focus {
  color: var(--red-300) !important;
}
.focus\:text-red-400:focus {
  color: var(--red-400) !important;
}
.focus\:text-red-500:focus {
  color: var(--red-500) !important;
}
.focus\:text-red-600:focus {
  color: var(--red-600) !important;
}
.focus\:text-red-700:focus {
  color: var(--red-700) !important;
}
.focus\:text-red-800:focus {
  color: var(--red-800) !important;
}
.focus\:text-red-900:focus {
  color: var(--red-900) !important;
}
.hover\:text-red-50:hover {
  color: var(--red-50) !important;
}
.hover\:text-red-100:hover {
  color: var(--red-100) !important;
}
.hover\:text-red-200:hover {
  color: var(--red-200) !important;
}
.hover\:text-red-300:hover {
  color: var(--red-300) !important;
}
.hover\:text-red-400:hover {
  color: var(--red-400) !important;
}
.hover\:text-red-500:hover {
  color: var(--red-500) !important;
}
.hover\:text-red-600:hover {
  color: var(--red-600) !important;
}
.hover\:text-red-700:hover {
  color: var(--red-700) !important;
}
.hover\:text-red-800:hover {
  color: var(--red-800) !important;
}
.hover\:text-red-900:hover {
  color: var(--red-900) !important;
}
.active\:text-red-50:active {
  color: var(--red-50) !important;
}
.active\:text-red-100:active {
  color: var(--red-100) !important;
}
.active\:text-red-200:active {
  color: var(--red-200) !important;
}
.active\:text-red-300:active {
  color: var(--red-300) !important;
}
.active\:text-red-400:active {
  color: var(--red-400) !important;
}
.active\:text-red-500:active {
  color: var(--red-500) !important;
}
.active\:text-red-600:active {
  color: var(--red-600) !important;
}
.active\:text-red-700:active {
  color: var(--red-700) !important;
}
.active\:text-red-800:active {
  color: var(--red-800) !important;
}
.active\:text-red-900:active {
  color: var(--red-900) !important;
}
.text-primary-50 {
  color: var(--primary-50) !important;
}
.text-primary-100 {
  color: var(--primary-100) !important;
}
.text-primary-200 {
  color: var(--primary-200) !important;
}
.text-primary-300 {
  color: var(--primary-300) !important;
}
.text-primary-400 {
  color: var(--primary-400) !important;
}
.text-primary-500 {
  color: var(--primary-500) !important;
}
.text-primary-600 {
  color: var(--primary-600) !important;
}
.text-primary-700 {
  color: var(--primary-700) !important;
}
.text-primary-800 {
  color: var(--primary-800) !important;
}
.text-primary-900 {
  color: var(--primary-900) !important;
}
.focus\:text-primary-50:focus {
  color: var(--primary-50) !important;
}
.focus\:text-primary-100:focus {
  color: var(--primary-100) !important;
}
.focus\:text-primary-200:focus {
  color: var(--primary-200) !important;
}
.focus\:text-primary-300:focus {
  color: var(--primary-300) !important;
}
.focus\:text-primary-400:focus {
  color: var(--primary-400) !important;
}
.focus\:text-primary-500:focus {
  color: var(--primary-500) !important;
}
.focus\:text-primary-600:focus {
  color: var(--primary-600) !important;
}
.focus\:text-primary-700:focus {
  color: var(--primary-700) !important;
}
.focus\:text-primary-800:focus {
  color: var(--primary-800) !important;
}
.focus\:text-primary-900:focus {
  color: var(--primary-900) !important;
}
.hover\:text-primary-50:hover {
  color: var(--primary-50) !important;
}
.hover\:text-primary-100:hover {
  color: var(--primary-100) !important;
}
.hover\:text-primary-200:hover {
  color: var(--primary-200) !important;
}
.hover\:text-primary-300:hover {
  color: var(--primary-300) !important;
}
.hover\:text-primary-400:hover {
  color: var(--primary-400) !important;
}
.hover\:text-primary-500:hover {
  color: var(--primary-500) !important;
}
.hover\:text-primary-600:hover {
  color: var(--primary-600) !important;
}
.hover\:text-primary-700:hover {
  color: var(--primary-700) !important;
}
.hover\:text-primary-800:hover {
  color: var(--primary-800) !important;
}
.hover\:text-primary-900:hover {
  color: var(--primary-900) !important;
}
.active\:text-primary-50:active {
  color: var(--primary-50) !important;
}
.active\:text-primary-100:active {
  color: var(--primary-100) !important;
}
.active\:text-primary-200:active {
  color: var(--primary-200) !important;
}
.active\:text-primary-300:active {
  color: var(--primary-300) !important;
}
.active\:text-primary-400:active {
  color: var(--primary-400) !important;
}
.active\:text-primary-500:active {
  color: var(--primary-500) !important;
}
.active\:text-primary-600:active {
  color: var(--primary-600) !important;
}
.active\:text-primary-700:active {
  color: var(--primary-700) !important;
}
.active\:text-primary-800:active {
  color: var(--primary-800) !important;
}
.active\:text-primary-900:active {
  color: var(--primary-900) !important;
}
.bg-blue-50 {
  background-color: var(--blue-50) !important;
}
.bg-blue-100 {
  background-color: var(--blue-100) !important;
}
.bg-blue-200 {
  background-color: var(--blue-200) !important;
}
.bg-blue-300 {
  background-color: var(--blue-300) !important;
}
.bg-blue-400 {
  background-color: var(--blue-400) !important;
}
.bg-blue-500 {
  background-color: var(--blue-500) !important;
}
.bg-blue-600 {
  background-color: var(--blue-600) !important;
}
.bg-blue-700 {
  background-color: var(--blue-700) !important;
}
.bg-blue-800 {
  background-color: var(--blue-800) !important;
}
.bg-blue-900 {
  background-color: var(--blue-900) !important;
}
.focus\:bg-blue-50:focus {
  background-color: var(--blue-50) !important;
}
.focus\:bg-blue-100:focus {
  background-color: var(--blue-100) !important;
}
.focus\:bg-blue-200:focus {
  background-color: var(--blue-200) !important;
}
.focus\:bg-blue-300:focus {
  background-color: var(--blue-300) !important;
}
.focus\:bg-blue-400:focus {
  background-color: var(--blue-400) !important;
}
.focus\:bg-blue-500:focus {
  background-color: var(--blue-500) !important;
}
.focus\:bg-blue-600:focus {
  background-color: var(--blue-600) !important;
}
.focus\:bg-blue-700:focus {
  background-color: var(--blue-700) !important;
}
.focus\:bg-blue-800:focus {
  background-color: var(--blue-800) !important;
}
.focus\:bg-blue-900:focus {
  background-color: var(--blue-900) !important;
}
.hover\:bg-blue-50:hover {
  background-color: var(--blue-50) !important;
}
.hover\:bg-blue-100:hover {
  background-color: var(--blue-100) !important;
}
.hover\:bg-blue-200:hover {
  background-color: var(--blue-200) !important;
}
.hover\:bg-blue-300:hover {
  background-color: var(--blue-300) !important;
}
.hover\:bg-blue-400:hover {
  background-color: var(--blue-400) !important;
}
.hover\:bg-blue-500:hover {
  background-color: var(--blue-500) !important;
}
.hover\:bg-blue-600:hover {
  background-color: var(--blue-600) !important;
}
.hover\:bg-blue-700:hover {
  background-color: var(--blue-700) !important;
}
.hover\:bg-blue-800:hover {
  background-color: var(--blue-800) !important;
}
.hover\:bg-blue-900:hover {
  background-color: var(--blue-900) !important;
}
.active\:bg-blue-50:active {
  background-color: var(--blue-50) !important;
}
.active\:bg-blue-100:active {
  background-color: var(--blue-100) !important;
}
.active\:bg-blue-200:active {
  background-color: var(--blue-200) !important;
}
.active\:bg-blue-300:active {
  background-color: var(--blue-300) !important;
}
.active\:bg-blue-400:active {
  background-color: var(--blue-400) !important;
}
.active\:bg-blue-500:active {
  background-color: var(--blue-500) !important;
}
.active\:bg-blue-600:active {
  background-color: var(--blue-600) !important;
}
.active\:bg-blue-700:active {
  background-color: var(--blue-700) !important;
}
.active\:bg-blue-800:active {
  background-color: var(--blue-800) !important;
}
.active\:bg-blue-900:active {
  background-color: var(--blue-900) !important;
}
.bg-green-50 {
  background-color: var(--green-50) !important;
}
.bg-green-100 {
  background-color: var(--green-100) !important;
}
.bg-green-200 {
  background-color: var(--green-200) !important;
}
.bg-green-300 {
  background-color: var(--green-300) !important;
}
.bg-green-400 {
  background-color: var(--green-400) !important;
}
.bg-green-500 {
  background-color: var(--green-500) !important;
}
.bg-green-600 {
  background-color: var(--green-600) !important;
}
.bg-green-700 {
  background-color: var(--green-700) !important;
}
.bg-green-800 {
  background-color: var(--green-800) !important;
}
.bg-green-900 {
  background-color: var(--green-900) !important;
}
.focus\:bg-green-50:focus {
  background-color: var(--green-50) !important;
}
.focus\:bg-green-100:focus {
  background-color: var(--green-100) !important;
}
.focus\:bg-green-200:focus {
  background-color: var(--green-200) !important;
}
.focus\:bg-green-300:focus {
  background-color: var(--green-300) !important;
}
.focus\:bg-green-400:focus {
  background-color: var(--green-400) !important;
}
.focus\:bg-green-500:focus {
  background-color: var(--green-500) !important;
}
.focus\:bg-green-600:focus {
  background-color: var(--green-600) !important;
}
.focus\:bg-green-700:focus {
  background-color: var(--green-700) !important;
}
.focus\:bg-green-800:focus {
  background-color: var(--green-800) !important;
}
.focus\:bg-green-900:focus {
  background-color: var(--green-900) !important;
}
.hover\:bg-green-50:hover {
  background-color: var(--green-50) !important;
}
.hover\:bg-green-100:hover {
  background-color: var(--green-100) !important;
}
.hover\:bg-green-200:hover {
  background-color: var(--green-200) !important;
}
.hover\:bg-green-300:hover {
  background-color: var(--green-300) !important;
}
.hover\:bg-green-400:hover {
  background-color: var(--green-400) !important;
}
.hover\:bg-green-500:hover {
  background-color: var(--green-500) !important;
}
.hover\:bg-green-600:hover {
  background-color: var(--green-600) !important;
}
.hover\:bg-green-700:hover {
  background-color: var(--green-700) !important;
}
.hover\:bg-green-800:hover {
  background-color: var(--green-800) !important;
}
.hover\:bg-green-900:hover {
  background-color: var(--green-900) !important;
}
.active\:bg-green-50:active {
  background-color: var(--green-50) !important;
}
.active\:bg-green-100:active {
  background-color: var(--green-100) !important;
}
.active\:bg-green-200:active {
  background-color: var(--green-200) !important;
}
.active\:bg-green-300:active {
  background-color: var(--green-300) !important;
}
.active\:bg-green-400:active {
  background-color: var(--green-400) !important;
}
.active\:bg-green-500:active {
  background-color: var(--green-500) !important;
}
.active\:bg-green-600:active {
  background-color: var(--green-600) !important;
}
.active\:bg-green-700:active {
  background-color: var(--green-700) !important;
}
.active\:bg-green-800:active {
  background-color: var(--green-800) !important;
}
.active\:bg-green-900:active {
  background-color: var(--green-900) !important;
}
.bg-yellow-50 {
  background-color: var(--yellow-50) !important;
}
.bg-yellow-100 {
  background-color: var(--yellow-100) !important;
}
.bg-yellow-200 {
  background-color: var(--yellow-200) !important;
}
.bg-yellow-300 {
  background-color: var(--yellow-300) !important;
}
.bg-yellow-400 {
  background-color: var(--yellow-400) !important;
}
.bg-yellow-500 {
  background-color: var(--yellow-500) !important;
}
.bg-yellow-600 {
  background-color: var(--yellow-600) !important;
}
.bg-yellow-700 {
  background-color: var(--yellow-700) !important;
}
.bg-yellow-800 {
  background-color: var(--yellow-800) !important;
}
.bg-yellow-900 {
  background-color: var(--yellow-900) !important;
}
.focus\:bg-yellow-50:focus {
  background-color: var(--yellow-50) !important;
}
.focus\:bg-yellow-100:focus {
  background-color: var(--yellow-100) !important;
}
.focus\:bg-yellow-200:focus {
  background-color: var(--yellow-200) !important;
}
.focus\:bg-yellow-300:focus {
  background-color: var(--yellow-300) !important;
}
.focus\:bg-yellow-400:focus {
  background-color: var(--yellow-400) !important;
}
.focus\:bg-yellow-500:focus {
  background-color: var(--yellow-500) !important;
}
.focus\:bg-yellow-600:focus {
  background-color: var(--yellow-600) !important;
}
.focus\:bg-yellow-700:focus {
  background-color: var(--yellow-700) !important;
}
.focus\:bg-yellow-800:focus {
  background-color: var(--yellow-800) !important;
}
.focus\:bg-yellow-900:focus {
  background-color: var(--yellow-900) !important;
}
.hover\:bg-yellow-50:hover {
  background-color: var(--yellow-50) !important;
}
.hover\:bg-yellow-100:hover {
  background-color: var(--yellow-100) !important;
}
.hover\:bg-yellow-200:hover {
  background-color: var(--yellow-200) !important;
}
.hover\:bg-yellow-300:hover {
  background-color: var(--yellow-300) !important;
}
.hover\:bg-yellow-400:hover {
  background-color: var(--yellow-400) !important;
}
.hover\:bg-yellow-500:hover {
  background-color: var(--yellow-500) !important;
}
.hover\:bg-yellow-600:hover {
  background-color: var(--yellow-600) !important;
}
.hover\:bg-yellow-700:hover {
  background-color: var(--yellow-700) !important;
}
.hover\:bg-yellow-800:hover {
  background-color: var(--yellow-800) !important;
}
.hover\:bg-yellow-900:hover {
  background-color: var(--yellow-900) !important;
}
.active\:bg-yellow-50:active {
  background-color: var(--yellow-50) !important;
}
.active\:bg-yellow-100:active {
  background-color: var(--yellow-100) !important;
}
.active\:bg-yellow-200:active {
  background-color: var(--yellow-200) !important;
}
.active\:bg-yellow-300:active {
  background-color: var(--yellow-300) !important;
}
.active\:bg-yellow-400:active {
  background-color: var(--yellow-400) !important;
}
.active\:bg-yellow-500:active {
  background-color: var(--yellow-500) !important;
}
.active\:bg-yellow-600:active {
  background-color: var(--yellow-600) !important;
}
.active\:bg-yellow-700:active {
  background-color: var(--yellow-700) !important;
}
.active\:bg-yellow-800:active {
  background-color: var(--yellow-800) !important;
}
.active\:bg-yellow-900:active {
  background-color: var(--yellow-900) !important;
}
.bg-cyan-50 {
  background-color: var(--cyan-50) !important;
}
.bg-cyan-100 {
  background-color: var(--cyan-100) !important;
}
.bg-cyan-200 {
  background-color: var(--cyan-200) !important;
}
.bg-cyan-300 {
  background-color: var(--cyan-300) !important;
}
.bg-cyan-400 {
  background-color: var(--cyan-400) !important;
}
.bg-cyan-500 {
  background-color: var(--cyan-500) !important;
}
.bg-cyan-600 {
  background-color: var(--cyan-600) !important;
}
.bg-cyan-700 {
  background-color: var(--cyan-700) !important;
}
.bg-cyan-800 {
  background-color: var(--cyan-800) !important;
}
.bg-cyan-900 {
  background-color: var(--cyan-900) !important;
}
.focus\:bg-cyan-50:focus {
  background-color: var(--cyan-50) !important;
}
.focus\:bg-cyan-100:focus {
  background-color: var(--cyan-100) !important;
}
.focus\:bg-cyan-200:focus {
  background-color: var(--cyan-200) !important;
}
.focus\:bg-cyan-300:focus {
  background-color: var(--cyan-300) !important;
}
.focus\:bg-cyan-400:focus {
  background-color: var(--cyan-400) !important;
}
.focus\:bg-cyan-500:focus {
  background-color: var(--cyan-500) !important;
}
.focus\:bg-cyan-600:focus {
  background-color: var(--cyan-600) !important;
}
.focus\:bg-cyan-700:focus {
  background-color: var(--cyan-700) !important;
}
.focus\:bg-cyan-800:focus {
  background-color: var(--cyan-800) !important;
}
.focus\:bg-cyan-900:focus {
  background-color: var(--cyan-900) !important;
}
.hover\:bg-cyan-50:hover {
  background-color: var(--cyan-50) !important;
}
.hover\:bg-cyan-100:hover {
  background-color: var(--cyan-100) !important;
}
.hover\:bg-cyan-200:hover {
  background-color: var(--cyan-200) !important;
}
.hover\:bg-cyan-300:hover {
  background-color: var(--cyan-300) !important;
}
.hover\:bg-cyan-400:hover {
  background-color: var(--cyan-400) !important;
}
.hover\:bg-cyan-500:hover {
  background-color: var(--cyan-500) !important;
}
.hover\:bg-cyan-600:hover {
  background-color: var(--cyan-600) !important;
}
.hover\:bg-cyan-700:hover {
  background-color: var(--cyan-700) !important;
}
.hover\:bg-cyan-800:hover {
  background-color: var(--cyan-800) !important;
}
.hover\:bg-cyan-900:hover {
  background-color: var(--cyan-900) !important;
}
.active\:bg-cyan-50:active {
  background-color: var(--cyan-50) !important;
}
.active\:bg-cyan-100:active {
  background-color: var(--cyan-100) !important;
}
.active\:bg-cyan-200:active {
  background-color: var(--cyan-200) !important;
}
.active\:bg-cyan-300:active {
  background-color: var(--cyan-300) !important;
}
.active\:bg-cyan-400:active {
  background-color: var(--cyan-400) !important;
}
.active\:bg-cyan-500:active {
  background-color: var(--cyan-500) !important;
}
.active\:bg-cyan-600:active {
  background-color: var(--cyan-600) !important;
}
.active\:bg-cyan-700:active {
  background-color: var(--cyan-700) !important;
}
.active\:bg-cyan-800:active {
  background-color: var(--cyan-800) !important;
}
.active\:bg-cyan-900:active {
  background-color: var(--cyan-900) !important;
}
.bg-pink-50 {
  background-color: var(--pink-50) !important;
}
.bg-pink-100 {
  background-color: var(--pink-100) !important;
}
.bg-pink-200 {
  background-color: var(--pink-200) !important;
}
.bg-pink-300 {
  background-color: var(--pink-300) !important;
}
.bg-pink-400 {
  background-color: var(--pink-400) !important;
}
.bg-pink-500 {
  background-color: var(--pink-500) !important;
}
.bg-pink-600 {
  background-color: var(--pink-600) !important;
}
.bg-pink-700 {
  background-color: var(--pink-700) !important;
}
.bg-pink-800 {
  background-color: var(--pink-800) !important;
}
.bg-pink-900 {
  background-color: var(--pink-900) !important;
}
.focus\:bg-pink-50:focus {
  background-color: var(--pink-50) !important;
}
.focus\:bg-pink-100:focus {
  background-color: var(--pink-100) !important;
}
.focus\:bg-pink-200:focus {
  background-color: var(--pink-200) !important;
}
.focus\:bg-pink-300:focus {
  background-color: var(--pink-300) !important;
}
.focus\:bg-pink-400:focus {
  background-color: var(--pink-400) !important;
}
.focus\:bg-pink-500:focus {
  background-color: var(--pink-500) !important;
}
.focus\:bg-pink-600:focus {
  background-color: var(--pink-600) !important;
}
.focus\:bg-pink-700:focus {
  background-color: var(--pink-700) !important;
}
.focus\:bg-pink-800:focus {
  background-color: var(--pink-800) !important;
}
.focus\:bg-pink-900:focus {
  background-color: var(--pink-900) !important;
}
.hover\:bg-pink-50:hover {
  background-color: var(--pink-50) !important;
}
.hover\:bg-pink-100:hover {
  background-color: var(--pink-100) !important;
}
.hover\:bg-pink-200:hover {
  background-color: var(--pink-200) !important;
}
.hover\:bg-pink-300:hover {
  background-color: var(--pink-300) !important;
}
.hover\:bg-pink-400:hover {
  background-color: var(--pink-400) !important;
}
.hover\:bg-pink-500:hover {
  background-color: var(--pink-500) !important;
}
.hover\:bg-pink-600:hover {
  background-color: var(--pink-600) !important;
}
.hover\:bg-pink-700:hover {
  background-color: var(--pink-700) !important;
}
.hover\:bg-pink-800:hover {
  background-color: var(--pink-800) !important;
}
.hover\:bg-pink-900:hover {
  background-color: var(--pink-900) !important;
}
.active\:bg-pink-50:active {
  background-color: var(--pink-50) !important;
}
.active\:bg-pink-100:active {
  background-color: var(--pink-100) !important;
}
.active\:bg-pink-200:active {
  background-color: var(--pink-200) !important;
}
.active\:bg-pink-300:active {
  background-color: var(--pink-300) !important;
}
.active\:bg-pink-400:active {
  background-color: var(--pink-400) !important;
}
.active\:bg-pink-500:active {
  background-color: var(--pink-500) !important;
}
.active\:bg-pink-600:active {
  background-color: var(--pink-600) !important;
}
.active\:bg-pink-700:active {
  background-color: var(--pink-700) !important;
}
.active\:bg-pink-800:active {
  background-color: var(--pink-800) !important;
}
.active\:bg-pink-900:active {
  background-color: var(--pink-900) !important;
}
.bg-indigo-50 {
  background-color: var(--indigo-50) !important;
}
.bg-indigo-100 {
  background-color: var(--indigo-100) !important;
}
.bg-indigo-200 {
  background-color: var(--indigo-200) !important;
}
.bg-indigo-300 {
  background-color: var(--indigo-300) !important;
}
.bg-indigo-400 {
  background-color: var(--indigo-400) !important;
}
.bg-indigo-500 {
  background-color: var(--indigo-500) !important;
}
.bg-indigo-600 {
  background-color: var(--indigo-600) !important;
}
.bg-indigo-700 {
  background-color: var(--indigo-700) !important;
}
.bg-indigo-800 {
  background-color: var(--indigo-800) !important;
}
.bg-indigo-900 {
  background-color: var(--indigo-900) !important;
}
.focus\:bg-indigo-50:focus {
  background-color: var(--indigo-50) !important;
}
.focus\:bg-indigo-100:focus {
  background-color: var(--indigo-100) !important;
}
.focus\:bg-indigo-200:focus {
  background-color: var(--indigo-200) !important;
}
.focus\:bg-indigo-300:focus {
  background-color: var(--indigo-300) !important;
}
.focus\:bg-indigo-400:focus {
  background-color: var(--indigo-400) !important;
}
.focus\:bg-indigo-500:focus {
  background-color: var(--indigo-500) !important;
}
.focus\:bg-indigo-600:focus {
  background-color: var(--indigo-600) !important;
}
.focus\:bg-indigo-700:focus {
  background-color: var(--indigo-700) !important;
}
.focus\:bg-indigo-800:focus {
  background-color: var(--indigo-800) !important;
}
.focus\:bg-indigo-900:focus {
  background-color: var(--indigo-900) !important;
}
.hover\:bg-indigo-50:hover {
  background-color: var(--indigo-50) !important;
}
.hover\:bg-indigo-100:hover {
  background-color: var(--indigo-100) !important;
}
.hover\:bg-indigo-200:hover {
  background-color: var(--indigo-200) !important;
}
.hover\:bg-indigo-300:hover {
  background-color: var(--indigo-300) !important;
}
.hover\:bg-indigo-400:hover {
  background-color: var(--indigo-400) !important;
}
.hover\:bg-indigo-500:hover {
  background-color: var(--indigo-500) !important;
}
.hover\:bg-indigo-600:hover {
  background-color: var(--indigo-600) !important;
}
.hover\:bg-indigo-700:hover {
  background-color: var(--indigo-700) !important;
}
.hover\:bg-indigo-800:hover {
  background-color: var(--indigo-800) !important;
}
.hover\:bg-indigo-900:hover {
  background-color: var(--indigo-900) !important;
}
.active\:bg-indigo-50:active {
  background-color: var(--indigo-50) !important;
}
.active\:bg-indigo-100:active {
  background-color: var(--indigo-100) !important;
}
.active\:bg-indigo-200:active {
  background-color: var(--indigo-200) !important;
}
.active\:bg-indigo-300:active {
  background-color: var(--indigo-300) !important;
}
.active\:bg-indigo-400:active {
  background-color: var(--indigo-400) !important;
}
.active\:bg-indigo-500:active {
  background-color: var(--indigo-500) !important;
}
.active\:bg-indigo-600:active {
  background-color: var(--indigo-600) !important;
}
.active\:bg-indigo-700:active {
  background-color: var(--indigo-700) !important;
}
.active\:bg-indigo-800:active {
  background-color: var(--indigo-800) !important;
}
.active\:bg-indigo-900:active {
  background-color: var(--indigo-900) !important;
}
.bg-teal-50 {
  background-color: var(--teal-50) !important;
}
.bg-teal-100 {
  background-color: var(--teal-100) !important;
}
.bg-teal-200 {
  background-color: var(--teal-200) !important;
}
.bg-teal-300 {
  background-color: var(--teal-300) !important;
}
.bg-teal-400 {
  background-color: var(--teal-400) !important;
}
.bg-teal-500 {
  background-color: var(--teal-500) !important;
}
.bg-teal-600 {
  background-color: var(--teal-600) !important;
}
.bg-teal-700 {
  background-color: var(--teal-700) !important;
}
.bg-teal-800 {
  background-color: var(--teal-800) !important;
}
.bg-teal-900 {
  background-color: var(--teal-900) !important;
}
.focus\:bg-teal-50:focus {
  background-color: var(--teal-50) !important;
}
.focus\:bg-teal-100:focus {
  background-color: var(--teal-100) !important;
}
.focus\:bg-teal-200:focus {
  background-color: var(--teal-200) !important;
}
.focus\:bg-teal-300:focus {
  background-color: var(--teal-300) !important;
}
.focus\:bg-teal-400:focus {
  background-color: var(--teal-400) !important;
}
.focus\:bg-teal-500:focus {
  background-color: var(--teal-500) !important;
}
.focus\:bg-teal-600:focus {
  background-color: var(--teal-600) !important;
}
.focus\:bg-teal-700:focus {
  background-color: var(--teal-700) !important;
}
.focus\:bg-teal-800:focus {
  background-color: var(--teal-800) !important;
}
.focus\:bg-teal-900:focus {
  background-color: var(--teal-900) !important;
}
.hover\:bg-teal-50:hover {
  background-color: var(--teal-50) !important;
}
.hover\:bg-teal-100:hover {
  background-color: var(--teal-100) !important;
}
.hover\:bg-teal-200:hover {
  background-color: var(--teal-200) !important;
}
.hover\:bg-teal-300:hover {
  background-color: var(--teal-300) !important;
}
.hover\:bg-teal-400:hover {
  background-color: var(--teal-400) !important;
}
.hover\:bg-teal-500:hover {
  background-color: var(--teal-500) !important;
}
.hover\:bg-teal-600:hover {
  background-color: var(--teal-600) !important;
}
.hover\:bg-teal-700:hover {
  background-color: var(--teal-700) !important;
}
.hover\:bg-teal-800:hover {
  background-color: var(--teal-800) !important;
}
.hover\:bg-teal-900:hover {
  background-color: var(--teal-900) !important;
}
.active\:bg-teal-50:active {
  background-color: var(--teal-50) !important;
}
.active\:bg-teal-100:active {
  background-color: var(--teal-100) !important;
}
.active\:bg-teal-200:active {
  background-color: var(--teal-200) !important;
}
.active\:bg-teal-300:active {
  background-color: var(--teal-300) !important;
}
.active\:bg-teal-400:active {
  background-color: var(--teal-400) !important;
}
.active\:bg-teal-500:active {
  background-color: var(--teal-500) !important;
}
.active\:bg-teal-600:active {
  background-color: var(--teal-600) !important;
}
.active\:bg-teal-700:active {
  background-color: var(--teal-700) !important;
}
.active\:bg-teal-800:active {
  background-color: var(--teal-800) !important;
}
.active\:bg-teal-900:active {
  background-color: var(--teal-900) !important;
}
.bg-orange-50 {
  background-color: var(--orange-50) !important;
}
.bg-orange-100 {
  background-color: var(--orange-100) !important;
}
.bg-orange-200 {
  background-color: var(--orange-200) !important;
}
.bg-orange-300 {
  background-color: var(--orange-300) !important;
}
.bg-orange-400 {
  background-color: var(--orange-400) !important;
}
.bg-orange-500 {
  background-color: var(--orange-500) !important;
}
.bg-orange-600 {
  background-color: var(--orange-600) !important;
}
.bg-orange-700 {
  background-color: var(--orange-700) !important;
}
.bg-orange-800 {
  background-color: var(--orange-800) !important;
}
.bg-orange-900 {
  background-color: var(--orange-900) !important;
}
.focus\:bg-orange-50:focus {
  background-color: var(--orange-50) !important;
}
.focus\:bg-orange-100:focus {
  background-color: var(--orange-100) !important;
}
.focus\:bg-orange-200:focus {
  background-color: var(--orange-200) !important;
}
.focus\:bg-orange-300:focus {
  background-color: var(--orange-300) !important;
}
.focus\:bg-orange-400:focus {
  background-color: var(--orange-400) !important;
}
.focus\:bg-orange-500:focus {
  background-color: var(--orange-500) !important;
}
.focus\:bg-orange-600:focus {
  background-color: var(--orange-600) !important;
}
.focus\:bg-orange-700:focus {
  background-color: var(--orange-700) !important;
}
.focus\:bg-orange-800:focus {
  background-color: var(--orange-800) !important;
}
.focus\:bg-orange-900:focus {
  background-color: var(--orange-900) !important;
}
.hover\:bg-orange-50:hover {
  background-color: var(--orange-50) !important;
}
.hover\:bg-orange-100:hover {
  background-color: var(--orange-100) !important;
}
.hover\:bg-orange-200:hover {
  background-color: var(--orange-200) !important;
}
.hover\:bg-orange-300:hover {
  background-color: var(--orange-300) !important;
}
.hover\:bg-orange-400:hover {
  background-color: var(--orange-400) !important;
}
.hover\:bg-orange-500:hover {
  background-color: var(--orange-500) !important;
}
.hover\:bg-orange-600:hover {
  background-color: var(--orange-600) !important;
}
.hover\:bg-orange-700:hover {
  background-color: var(--orange-700) !important;
}
.hover\:bg-orange-800:hover {
  background-color: var(--orange-800) !important;
}
.hover\:bg-orange-900:hover {
  background-color: var(--orange-900) !important;
}
.active\:bg-orange-50:active {
  background-color: var(--orange-50) !important;
}
.active\:bg-orange-100:active {
  background-color: var(--orange-100) !important;
}
.active\:bg-orange-200:active {
  background-color: var(--orange-200) !important;
}
.active\:bg-orange-300:active {
  background-color: var(--orange-300) !important;
}
.active\:bg-orange-400:active {
  background-color: var(--orange-400) !important;
}
.active\:bg-orange-500:active {
  background-color: var(--orange-500) !important;
}
.active\:bg-orange-600:active {
  background-color: var(--orange-600) !important;
}
.active\:bg-orange-700:active {
  background-color: var(--orange-700) !important;
}
.active\:bg-orange-800:active {
  background-color: var(--orange-800) !important;
}
.active\:bg-orange-900:active {
  background-color: var(--orange-900) !important;
}
.bg-bluegray-50 {
  background-color: var(--bluegray-50) !important;
}
.bg-bluegray-100 {
  background-color: var(--bluegray-100) !important;
}
.bg-bluegray-200 {
  background-color: var(--bluegray-200) !important;
}
.bg-bluegray-300 {
  background-color: var(--bluegray-300) !important;
}
.bg-bluegray-400 {
  background-color: var(--bluegray-400) !important;
}
.bg-bluegray-500 {
  background-color: var(--bluegray-500) !important;
}
.bg-bluegray-600 {
  background-color: var(--bluegray-600) !important;
}
.bg-bluegray-700 {
  background-color: var(--bluegray-700) !important;
}
.bg-bluegray-800 {
  background-color: var(--bluegray-800) !important;
}
.bg-bluegray-900 {
  background-color: var(--bluegray-900) !important;
}
.focus\:bg-bluegray-50:focus {
  background-color: var(--bluegray-50) !important;
}
.focus\:bg-bluegray-100:focus {
  background-color: var(--bluegray-100) !important;
}
.focus\:bg-bluegray-200:focus {
  background-color: var(--bluegray-200) !important;
}
.focus\:bg-bluegray-300:focus {
  background-color: var(--bluegray-300) !important;
}
.focus\:bg-bluegray-400:focus {
  background-color: var(--bluegray-400) !important;
}
.focus\:bg-bluegray-500:focus {
  background-color: var(--bluegray-500) !important;
}
.focus\:bg-bluegray-600:focus {
  background-color: var(--bluegray-600) !important;
}
.focus\:bg-bluegray-700:focus {
  background-color: var(--bluegray-700) !important;
}
.focus\:bg-bluegray-800:focus {
  background-color: var(--bluegray-800) !important;
}
.focus\:bg-bluegray-900:focus {
  background-color: var(--bluegray-900) !important;
}
.hover\:bg-bluegray-50:hover {
  background-color: var(--bluegray-50) !important;
}
.hover\:bg-bluegray-100:hover {
  background-color: var(--bluegray-100) !important;
}
.hover\:bg-bluegray-200:hover {
  background-color: var(--bluegray-200) !important;
}
.hover\:bg-bluegray-300:hover {
  background-color: var(--bluegray-300) !important;
}
.hover\:bg-bluegray-400:hover {
  background-color: var(--bluegray-400) !important;
}
.hover\:bg-bluegray-500:hover {
  background-color: var(--bluegray-500) !important;
}
.hover\:bg-bluegray-600:hover {
  background-color: var(--bluegray-600) !important;
}
.hover\:bg-bluegray-700:hover {
  background-color: var(--bluegray-700) !important;
}
.hover\:bg-bluegray-800:hover {
  background-color: var(--bluegray-800) !important;
}
.hover\:bg-bluegray-900:hover {
  background-color: var(--bluegray-900) !important;
}
.active\:bg-bluegray-50:active {
  background-color: var(--bluegray-50) !important;
}
.active\:bg-bluegray-100:active {
  background-color: var(--bluegray-100) !important;
}
.active\:bg-bluegray-200:active {
  background-color: var(--bluegray-200) !important;
}
.active\:bg-bluegray-300:active {
  background-color: var(--bluegray-300) !important;
}
.active\:bg-bluegray-400:active {
  background-color: var(--bluegray-400) !important;
}
.active\:bg-bluegray-500:active {
  background-color: var(--bluegray-500) !important;
}
.active\:bg-bluegray-600:active {
  background-color: var(--bluegray-600) !important;
}
.active\:bg-bluegray-700:active {
  background-color: var(--bluegray-700) !important;
}
.active\:bg-bluegray-800:active {
  background-color: var(--bluegray-800) !important;
}
.active\:bg-bluegray-900:active {
  background-color: var(--bluegray-900) !important;
}
.bg-purple-50 {
  background-color: var(--purple-50) !important;
}
.bg-purple-100 {
  background-color: var(--purple-100) !important;
}
.bg-purple-200 {
  background-color: var(--purple-200) !important;
}
.bg-purple-300 {
  background-color: var(--purple-300) !important;
}
.bg-purple-400 {
  background-color: var(--purple-400) !important;
}
.bg-purple-500 {
  background-color: var(--purple-500) !important;
}
.bg-purple-600 {
  background-color: var(--purple-600) !important;
}
.bg-purple-700 {
  background-color: var(--purple-700) !important;
}
.bg-purple-800 {
  background-color: var(--purple-800) !important;
}
.bg-purple-900 {
  background-color: var(--purple-900) !important;
}
.focus\:bg-purple-50:focus {
  background-color: var(--purple-50) !important;
}
.focus\:bg-purple-100:focus {
  background-color: var(--purple-100) !important;
}
.focus\:bg-purple-200:focus {
  background-color: var(--purple-200) !important;
}
.focus\:bg-purple-300:focus {
  background-color: var(--purple-300) !important;
}
.focus\:bg-purple-400:focus {
  background-color: var(--purple-400) !important;
}
.focus\:bg-purple-500:focus {
  background-color: var(--purple-500) !important;
}
.focus\:bg-purple-600:focus {
  background-color: var(--purple-600) !important;
}
.focus\:bg-purple-700:focus {
  background-color: var(--purple-700) !important;
}
.focus\:bg-purple-800:focus {
  background-color: var(--purple-800) !important;
}
.focus\:bg-purple-900:focus {
  background-color: var(--purple-900) !important;
}
.hover\:bg-purple-50:hover {
  background-color: var(--purple-50) !important;
}
.hover\:bg-purple-100:hover {
  background-color: var(--purple-100) !important;
}
.hover\:bg-purple-200:hover {
  background-color: var(--purple-200) !important;
}
.hover\:bg-purple-300:hover {
  background-color: var(--purple-300) !important;
}
.hover\:bg-purple-400:hover {
  background-color: var(--purple-400) !important;
}
.hover\:bg-purple-500:hover {
  background-color: var(--purple-500) !important;
}
.hover\:bg-purple-600:hover {
  background-color: var(--purple-600) !important;
}
.hover\:bg-purple-700:hover {
  background-color: var(--purple-700) !important;
}
.hover\:bg-purple-800:hover {
  background-color: var(--purple-800) !important;
}
.hover\:bg-purple-900:hover {
  background-color: var(--purple-900) !important;
}
.active\:bg-purple-50:active {
  background-color: var(--purple-50) !important;
}
.active\:bg-purple-100:active {
  background-color: var(--purple-100) !important;
}
.active\:bg-purple-200:active {
  background-color: var(--purple-200) !important;
}
.active\:bg-purple-300:active {
  background-color: var(--purple-300) !important;
}
.active\:bg-purple-400:active {
  background-color: var(--purple-400) !important;
}
.active\:bg-purple-500:active {
  background-color: var(--purple-500) !important;
}
.active\:bg-purple-600:active {
  background-color: var(--purple-600) !important;
}
.active\:bg-purple-700:active {
  background-color: var(--purple-700) !important;
}
.active\:bg-purple-800:active {
  background-color: var(--purple-800) !important;
}
.active\:bg-purple-900:active {
  background-color: var(--purple-900) !important;
}
.bg-gray-50 {
  background-color: var(--gray-50) !important;
}
.bg-gray-100 {
  background-color: var(--gray-100) !important;
}
.bg-gray-200 {
  background-color: var(--gray-200) !important;
}
.bg-gray-300 {
  background-color: var(--gray-300) !important;
}
.bg-gray-400 {
  background-color: var(--gray-400) !important;
}
.bg-gray-500 {
  background-color: var(--gray-500) !important;
}
.bg-gray-600 {
  background-color: var(--gray-600) !important;
}
.bg-gray-700 {
  background-color: var(--gray-700) !important;
}
.bg-gray-800 {
  background-color: var(--gray-800) !important;
}
.bg-gray-900 {
  background-color: var(--gray-900) !important;
}
.focus\:bg-gray-50:focus {
  background-color: var(--gray-50) !important;
}
.focus\:bg-gray-100:focus {
  background-color: var(--gray-100) !important;
}
.focus\:bg-gray-200:focus {
  background-color: var(--gray-200) !important;
}
.focus\:bg-gray-300:focus {
  background-color: var(--gray-300) !important;
}
.focus\:bg-gray-400:focus {
  background-color: var(--gray-400) !important;
}
.focus\:bg-gray-500:focus {
  background-color: var(--gray-500) !important;
}
.focus\:bg-gray-600:focus {
  background-color: var(--gray-600) !important;
}
.focus\:bg-gray-700:focus {
  background-color: var(--gray-700) !important;
}
.focus\:bg-gray-800:focus {
  background-color: var(--gray-800) !important;
}
.focus\:bg-gray-900:focus {
  background-color: var(--gray-900) !important;
}
.hover\:bg-gray-50:hover {
  background-color: var(--gray-50) !important;
}
.hover\:bg-gray-100:hover {
  background-color: var(--gray-100) !important;
}
.hover\:bg-gray-200:hover {
  background-color: var(--gray-200) !important;
}
.hover\:bg-gray-300:hover {
  background-color: var(--gray-300) !important;
}
.hover\:bg-gray-400:hover {
  background-color: var(--gray-400) !important;
}
.hover\:bg-gray-500:hover {
  background-color: var(--gray-500) !important;
}
.hover\:bg-gray-600:hover {
  background-color: var(--gray-600) !important;
}
.hover\:bg-gray-700:hover {
  background-color: var(--gray-700) !important;
}
.hover\:bg-gray-800:hover {
  background-color: var(--gray-800) !important;
}
.hover\:bg-gray-900:hover {
  background-color: var(--gray-900) !important;
}
.active\:bg-gray-50:active {
  background-color: var(--gray-50) !important;
}
.active\:bg-gray-100:active {
  background-color: var(--gray-100) !important;
}
.active\:bg-gray-200:active {
  background-color: var(--gray-200) !important;
}
.active\:bg-gray-300:active {
  background-color: var(--gray-300) !important;
}
.active\:bg-gray-400:active {
  background-color: var(--gray-400) !important;
}
.active\:bg-gray-500:active {
  background-color: var(--gray-500) !important;
}
.active\:bg-gray-600:active {
  background-color: var(--gray-600) !important;
}
.active\:bg-gray-700:active {
  background-color: var(--gray-700) !important;
}
.active\:bg-gray-800:active {
  background-color: var(--gray-800) !important;
}
.active\:bg-gray-900:active {
  background-color: var(--gray-900) !important;
}
.bg-red-50 {
  background-color: var(--red-50) !important;
}
.bg-red-100 {
  background-color: var(--red-100) !important;
}
.bg-red-200 {
  background-color: var(--red-200) !important;
}
.bg-red-300 {
  background-color: var(--red-300) !important;
}
.bg-red-400 {
  background-color: var(--red-400) !important;
}
.bg-red-500 {
  background-color: var(--red-500) !important;
}
.bg-red-600 {
  background-color: var(--red-600) !important;
}
.bg-red-700 {
  background-color: var(--red-700) !important;
}
.bg-red-800 {
  background-color: var(--red-800) !important;
}
.bg-red-900 {
  background-color: var(--red-900) !important;
}
.focus\:bg-red-50:focus {
  background-color: var(--red-50) !important;
}
.focus\:bg-red-100:focus {
  background-color: var(--red-100) !important;
}
.focus\:bg-red-200:focus {
  background-color: var(--red-200) !important;
}
.focus\:bg-red-300:focus {
  background-color: var(--red-300) !important;
}
.focus\:bg-red-400:focus {
  background-color: var(--red-400) !important;
}
.focus\:bg-red-500:focus {
  background-color: var(--red-500) !important;
}
.focus\:bg-red-600:focus {
  background-color: var(--red-600) !important;
}
.focus\:bg-red-700:focus {
  background-color: var(--red-700) !important;
}
.focus\:bg-red-800:focus {
  background-color: var(--red-800) !important;
}
.focus\:bg-red-900:focus {
  background-color: var(--red-900) !important;
}
.hover\:bg-red-50:hover {
  background-color: var(--red-50) !important;
}
.hover\:bg-red-100:hover {
  background-color: var(--red-100) !important;
}
.hover\:bg-red-200:hover {
  background-color: var(--red-200) !important;
}
.hover\:bg-red-300:hover {
  background-color: var(--red-300) !important;
}
.hover\:bg-red-400:hover {
  background-color: var(--red-400) !important;
}
.hover\:bg-red-500:hover {
  background-color: var(--red-500) !important;
}
.hover\:bg-red-600:hover {
  background-color: var(--red-600) !important;
}
.hover\:bg-red-700:hover {
  background-color: var(--red-700) !important;
}
.hover\:bg-red-800:hover {
  background-color: var(--red-800) !important;
}
.hover\:bg-red-900:hover {
  background-color: var(--red-900) !important;
}
.active\:bg-red-50:active {
  background-color: var(--red-50) !important;
}
.active\:bg-red-100:active {
  background-color: var(--red-100) !important;
}
.active\:bg-red-200:active {
  background-color: var(--red-200) !important;
}
.active\:bg-red-300:active {
  background-color: var(--red-300) !important;
}
.active\:bg-red-400:active {
  background-color: var(--red-400) !important;
}
.active\:bg-red-500:active {
  background-color: var(--red-500) !important;
}
.active\:bg-red-600:active {
  background-color: var(--red-600) !important;
}
.active\:bg-red-700:active {
  background-color: var(--red-700) !important;
}
.active\:bg-red-800:active {
  background-color: var(--red-800) !important;
}
.active\:bg-red-900:active {
  background-color: var(--red-900) !important;
}
.bg-primary-50 {
  background-color: var(--primary-50) !important;
}
.bg-primary-100 {
  background-color: var(--primary-100) !important;
}
.bg-primary-200 {
  background-color: var(--primary-200) !important;
}
.bg-primary-300 {
  background-color: var(--primary-300) !important;
}
.bg-primary-400 {
  background-color: var(--primary-400) !important;
}
.bg-primary-500 {
  background-color: var(--primary-500) !important;
}
.bg-primary-600 {
  background-color: var(--primary-600) !important;
}
.bg-primary-700 {
  background-color: var(--primary-700) !important;
}
.bg-primary-800 {
  background-color: var(--primary-800) !important;
}
.bg-primary-900 {
  background-color: var(--primary-900) !important;
}
.focus\:bg-primary-50:focus {
  background-color: var(--primary-50) !important;
}
.focus\:bg-primary-100:focus {
  background-color: var(--primary-100) !important;
}
.focus\:bg-primary-200:focus {
  background-color: var(--primary-200) !important;
}
.focus\:bg-primary-300:focus {
  background-color: var(--primary-300) !important;
}
.focus\:bg-primary-400:focus {
  background-color: var(--primary-400) !important;
}
.focus\:bg-primary-500:focus {
  background-color: var(--primary-500) !important;
}
.focus\:bg-primary-600:focus {
  background-color: var(--primary-600) !important;
}
.focus\:bg-primary-700:focus {
  background-color: var(--primary-700) !important;
}
.focus\:bg-primary-800:focus {
  background-color: var(--primary-800) !important;
}
.focus\:bg-primary-900:focus {
  background-color: var(--primary-900) !important;
}
.hover\:bg-primary-50:hover {
  background-color: var(--primary-50) !important;
}
.hover\:bg-primary-100:hover {
  background-color: var(--primary-100) !important;
}
.hover\:bg-primary-200:hover {
  background-color: var(--primary-200) !important;
}
.hover\:bg-primary-300:hover {
  background-color: var(--primary-300) !important;
}
.hover\:bg-primary-400:hover {
  background-color: var(--primary-400) !important;
}
.hover\:bg-primary-500:hover {
  background-color: var(--primary-500) !important;
}
.hover\:bg-primary-600:hover {
  background-color: var(--primary-600) !important;
}
.hover\:bg-primary-700:hover {
  background-color: var(--primary-700) !important;
}
.hover\:bg-primary-800:hover {
  background-color: var(--primary-800) !important;
}
.hover\:bg-primary-900:hover {
  background-color: var(--primary-900) !important;
}
.active\:bg-primary-50:active {
  background-color: var(--primary-50) !important;
}
.active\:bg-primary-100:active {
  background-color: var(--primary-100) !important;
}
.active\:bg-primary-200:active {
  background-color: var(--primary-200) !important;
}
.active\:bg-primary-300:active {
  background-color: var(--primary-300) !important;
}
.active\:bg-primary-400:active {
  background-color: var(--primary-400) !important;
}
.active\:bg-primary-500:active {
  background-color: var(--primary-500) !important;
}
.active\:bg-primary-600:active {
  background-color: var(--primary-600) !important;
}
.active\:bg-primary-700:active {
  background-color: var(--primary-700) !important;
}
.active\:bg-primary-800:active {
  background-color: var(--primary-800) !important;
}
.active\:bg-primary-900:active {
  background-color: var(--primary-900) !important;
}
.border-blue-50 {
  border-color: var(--blue-50) !important;
}
.border-blue-100 {
  border-color: var(--blue-100) !important;
}
.border-blue-200 {
  border-color: var(--blue-200) !important;
}
.border-blue-300 {
  border-color: var(--blue-300) !important;
}
.border-blue-400 {
  border-color: var(--blue-400) !important;
}
.border-blue-500 {
  border-color: var(--blue-500) !important;
}
.border-blue-600 {
  border-color: var(--blue-600) !important;
}
.border-blue-700 {
  border-color: var(--blue-700) !important;
}
.border-blue-800 {
  border-color: var(--blue-800) !important;
}
.border-blue-900 {
  border-color: var(--blue-900) !important;
}
.focus\:border-blue-50:focus {
  border-color: var(--blue-50) !important;
}
.focus\:border-blue-100:focus {
  border-color: var(--blue-100) !important;
}
.focus\:border-blue-200:focus {
  border-color: var(--blue-200) !important;
}
.focus\:border-blue-300:focus {
  border-color: var(--blue-300) !important;
}
.focus\:border-blue-400:focus {
  border-color: var(--blue-400) !important;
}
.focus\:border-blue-500:focus {
  border-color: var(--blue-500) !important;
}
.focus\:border-blue-600:focus {
  border-color: var(--blue-600) !important;
}
.focus\:border-blue-700:focus {
  border-color: var(--blue-700) !important;
}
.focus\:border-blue-800:focus {
  border-color: var(--blue-800) !important;
}
.focus\:border-blue-900:focus {
  border-color: var(--blue-900) !important;
}
.hover\:border-blue-50:hover {
  border-color: var(--blue-50) !important;
}
.hover\:border-blue-100:hover {
  border-color: var(--blue-100) !important;
}
.hover\:border-blue-200:hover {
  border-color: var(--blue-200) !important;
}
.hover\:border-blue-300:hover {
  border-color: var(--blue-300) !important;
}
.hover\:border-blue-400:hover {
  border-color: var(--blue-400) !important;
}
.hover\:border-blue-500:hover {
  border-color: var(--blue-500) !important;
}
.hover\:border-blue-600:hover {
  border-color: var(--blue-600) !important;
}
.hover\:border-blue-700:hover {
  border-color: var(--blue-700) !important;
}
.hover\:border-blue-800:hover {
  border-color: var(--blue-800) !important;
}
.hover\:border-blue-900:hover {
  border-color: var(--blue-900) !important;
}
.active\:border-blue-50:active {
  border-color: var(--blue-50) !important;
}
.active\:border-blue-100:active {
  border-color: var(--blue-100) !important;
}
.active\:border-blue-200:active {
  border-color: var(--blue-200) !important;
}
.active\:border-blue-300:active {
  border-color: var(--blue-300) !important;
}
.active\:border-blue-400:active {
  border-color: var(--blue-400) !important;
}
.active\:border-blue-500:active {
  border-color: var(--blue-500) !important;
}
.active\:border-blue-600:active {
  border-color: var(--blue-600) !important;
}
.active\:border-blue-700:active {
  border-color: var(--blue-700) !important;
}
.active\:border-blue-800:active {
  border-color: var(--blue-800) !important;
}
.active\:border-blue-900:active {
  border-color: var(--blue-900) !important;
}
.border-green-50 {
  border-color: var(--green-50) !important;
}
.border-green-100 {
  border-color: var(--green-100) !important;
}
.border-green-200 {
  border-color: var(--green-200) !important;
}
.border-green-300 {
  border-color: var(--green-300) !important;
}
.border-green-400 {
  border-color: var(--green-400) !important;
}
.border-green-500 {
  border-color: var(--green-500) !important;
}
.border-green-600 {
  border-color: var(--green-600) !important;
}
.border-green-700 {
  border-color: var(--green-700) !important;
}
.border-green-800 {
  border-color: var(--green-800) !important;
}
.border-green-900 {
  border-color: var(--green-900) !important;
}
.focus\:border-green-50:focus {
  border-color: var(--green-50) !important;
}
.focus\:border-green-100:focus {
  border-color: var(--green-100) !important;
}
.focus\:border-green-200:focus {
  border-color: var(--green-200) !important;
}
.focus\:border-green-300:focus {
  border-color: var(--green-300) !important;
}
.focus\:border-green-400:focus {
  border-color: var(--green-400) !important;
}
.focus\:border-green-500:focus {
  border-color: var(--green-500) !important;
}
.focus\:border-green-600:focus {
  border-color: var(--green-600) !important;
}
.focus\:border-green-700:focus {
  border-color: var(--green-700) !important;
}
.focus\:border-green-800:focus {
  border-color: var(--green-800) !important;
}
.focus\:border-green-900:focus {
  border-color: var(--green-900) !important;
}
.hover\:border-green-50:hover {
  border-color: var(--green-50) !important;
}
.hover\:border-green-100:hover {
  border-color: var(--green-100) !important;
}
.hover\:border-green-200:hover {
  border-color: var(--green-200) !important;
}
.hover\:border-green-300:hover {
  border-color: var(--green-300) !important;
}
.hover\:border-green-400:hover {
  border-color: var(--green-400) !important;
}
.hover\:border-green-500:hover {
  border-color: var(--green-500) !important;
}
.hover\:border-green-600:hover {
  border-color: var(--green-600) !important;
}
.hover\:border-green-700:hover {
  border-color: var(--green-700) !important;
}
.hover\:border-green-800:hover {
  border-color: var(--green-800) !important;
}
.hover\:border-green-900:hover {
  border-color: var(--green-900) !important;
}
.active\:border-green-50:active {
  border-color: var(--green-50) !important;
}
.active\:border-green-100:active {
  border-color: var(--green-100) !important;
}
.active\:border-green-200:active {
  border-color: var(--green-200) !important;
}
.active\:border-green-300:active {
  border-color: var(--green-300) !important;
}
.active\:border-green-400:active {
  border-color: var(--green-400) !important;
}
.active\:border-green-500:active {
  border-color: var(--green-500) !important;
}
.active\:border-green-600:active {
  border-color: var(--green-600) !important;
}
.active\:border-green-700:active {
  border-color: var(--green-700) !important;
}
.active\:border-green-800:active {
  border-color: var(--green-800) !important;
}
.active\:border-green-900:active {
  border-color: var(--green-900) !important;
}
.border-yellow-50 {
  border-color: var(--yellow-50) !important;
}
.border-yellow-100 {
  border-color: var(--yellow-100) !important;
}
.border-yellow-200 {
  border-color: var(--yellow-200) !important;
}
.border-yellow-300 {
  border-color: var(--yellow-300) !important;
}
.border-yellow-400 {
  border-color: var(--yellow-400) !important;
}
.border-yellow-500 {
  border-color: var(--yellow-500) !important;
}
.border-yellow-600 {
  border-color: var(--yellow-600) !important;
}
.border-yellow-700 {
  border-color: var(--yellow-700) !important;
}
.border-yellow-800 {
  border-color: var(--yellow-800) !important;
}
.border-yellow-900 {
  border-color: var(--yellow-900) !important;
}
.focus\:border-yellow-50:focus {
  border-color: var(--yellow-50) !important;
}
.focus\:border-yellow-100:focus {
  border-color: var(--yellow-100) !important;
}
.focus\:border-yellow-200:focus {
  border-color: var(--yellow-200) !important;
}
.focus\:border-yellow-300:focus {
  border-color: var(--yellow-300) !important;
}
.focus\:border-yellow-400:focus {
  border-color: var(--yellow-400) !important;
}
.focus\:border-yellow-500:focus {
  border-color: var(--yellow-500) !important;
}
.focus\:border-yellow-600:focus {
  border-color: var(--yellow-600) !important;
}
.focus\:border-yellow-700:focus {
  border-color: var(--yellow-700) !important;
}
.focus\:border-yellow-800:focus {
  border-color: var(--yellow-800) !important;
}
.focus\:border-yellow-900:focus {
  border-color: var(--yellow-900) !important;
}
.hover\:border-yellow-50:hover {
  border-color: var(--yellow-50) !important;
}
.hover\:border-yellow-100:hover {
  border-color: var(--yellow-100) !important;
}
.hover\:border-yellow-200:hover {
  border-color: var(--yellow-200) !important;
}
.hover\:border-yellow-300:hover {
  border-color: var(--yellow-300) !important;
}
.hover\:border-yellow-400:hover {
  border-color: var(--yellow-400) !important;
}
.hover\:border-yellow-500:hover {
  border-color: var(--yellow-500) !important;
}
.hover\:border-yellow-600:hover {
  border-color: var(--yellow-600) !important;
}
.hover\:border-yellow-700:hover {
  border-color: var(--yellow-700) !important;
}
.hover\:border-yellow-800:hover {
  border-color: var(--yellow-800) !important;
}
.hover\:border-yellow-900:hover {
  border-color: var(--yellow-900) !important;
}
.active\:border-yellow-50:active {
  border-color: var(--yellow-50) !important;
}
.active\:border-yellow-100:active {
  border-color: var(--yellow-100) !important;
}
.active\:border-yellow-200:active {
  border-color: var(--yellow-200) !important;
}
.active\:border-yellow-300:active {
  border-color: var(--yellow-300) !important;
}
.active\:border-yellow-400:active {
  border-color: var(--yellow-400) !important;
}
.active\:border-yellow-500:active {
  border-color: var(--yellow-500) !important;
}
.active\:border-yellow-600:active {
  border-color: var(--yellow-600) !important;
}
.active\:border-yellow-700:active {
  border-color: var(--yellow-700) !important;
}
.active\:border-yellow-800:active {
  border-color: var(--yellow-800) !important;
}
.active\:border-yellow-900:active {
  border-color: var(--yellow-900) !important;
}
.border-cyan-50 {
  border-color: var(--cyan-50) !important;
}
.border-cyan-100 {
  border-color: var(--cyan-100) !important;
}
.border-cyan-200 {
  border-color: var(--cyan-200) !important;
}
.border-cyan-300 {
  border-color: var(--cyan-300) !important;
}
.border-cyan-400 {
  border-color: var(--cyan-400) !important;
}
.border-cyan-500 {
  border-color: var(--cyan-500) !important;
}
.border-cyan-600 {
  border-color: var(--cyan-600) !important;
}
.border-cyan-700 {
  border-color: var(--cyan-700) !important;
}
.border-cyan-800 {
  border-color: var(--cyan-800) !important;
}
.border-cyan-900 {
  border-color: var(--cyan-900) !important;
}
.focus\:border-cyan-50:focus {
  border-color: var(--cyan-50) !important;
}
.focus\:border-cyan-100:focus {
  border-color: var(--cyan-100) !important;
}
.focus\:border-cyan-200:focus {
  border-color: var(--cyan-200) !important;
}
.focus\:border-cyan-300:focus {
  border-color: var(--cyan-300) !important;
}
.focus\:border-cyan-400:focus {
  border-color: var(--cyan-400) !important;
}
.focus\:border-cyan-500:focus {
  border-color: var(--cyan-500) !important;
}
.focus\:border-cyan-600:focus {
  border-color: var(--cyan-600) !important;
}
.focus\:border-cyan-700:focus {
  border-color: var(--cyan-700) !important;
}
.focus\:border-cyan-800:focus {
  border-color: var(--cyan-800) !important;
}
.focus\:border-cyan-900:focus {
  border-color: var(--cyan-900) !important;
}
.hover\:border-cyan-50:hover {
  border-color: var(--cyan-50) !important;
}
.hover\:border-cyan-100:hover {
  border-color: var(--cyan-100) !important;
}
.hover\:border-cyan-200:hover {
  border-color: var(--cyan-200) !important;
}
.hover\:border-cyan-300:hover {
  border-color: var(--cyan-300) !important;
}
.hover\:border-cyan-400:hover {
  border-color: var(--cyan-400) !important;
}
.hover\:border-cyan-500:hover {
  border-color: var(--cyan-500) !important;
}
.hover\:border-cyan-600:hover {
  border-color: var(--cyan-600) !important;
}
.hover\:border-cyan-700:hover {
  border-color: var(--cyan-700) !important;
}
.hover\:border-cyan-800:hover {
  border-color: var(--cyan-800) !important;
}
.hover\:border-cyan-900:hover {
  border-color: var(--cyan-900) !important;
}
.active\:border-cyan-50:active {
  border-color: var(--cyan-50) !important;
}
.active\:border-cyan-100:active {
  border-color: var(--cyan-100) !important;
}
.active\:border-cyan-200:active {
  border-color: var(--cyan-200) !important;
}
.active\:border-cyan-300:active {
  border-color: var(--cyan-300) !important;
}
.active\:border-cyan-400:active {
  border-color: var(--cyan-400) !important;
}
.active\:border-cyan-500:active {
  border-color: var(--cyan-500) !important;
}
.active\:border-cyan-600:active {
  border-color: var(--cyan-600) !important;
}
.active\:border-cyan-700:active {
  border-color: var(--cyan-700) !important;
}
.active\:border-cyan-800:active {
  border-color: var(--cyan-800) !important;
}
.active\:border-cyan-900:active {
  border-color: var(--cyan-900) !important;
}
.border-pink-50 {
  border-color: var(--pink-50) !important;
}
.border-pink-100 {
  border-color: var(--pink-100) !important;
}
.border-pink-200 {
  border-color: var(--pink-200) !important;
}
.border-pink-300 {
  border-color: var(--pink-300) !important;
}
.border-pink-400 {
  border-color: var(--pink-400) !important;
}
.border-pink-500 {
  border-color: var(--pink-500) !important;
}
.border-pink-600 {
  border-color: var(--pink-600) !important;
}
.border-pink-700 {
  border-color: var(--pink-700) !important;
}
.border-pink-800 {
  border-color: var(--pink-800) !important;
}
.border-pink-900 {
  border-color: var(--pink-900) !important;
}
.focus\:border-pink-50:focus {
  border-color: var(--pink-50) !important;
}
.focus\:border-pink-100:focus {
  border-color: var(--pink-100) !important;
}
.focus\:border-pink-200:focus {
  border-color: var(--pink-200) !important;
}
.focus\:border-pink-300:focus {
  border-color: var(--pink-300) !important;
}
.focus\:border-pink-400:focus {
  border-color: var(--pink-400) !important;
}
.focus\:border-pink-500:focus {
  border-color: var(--pink-500) !important;
}
.focus\:border-pink-600:focus {
  border-color: var(--pink-600) !important;
}
.focus\:border-pink-700:focus {
  border-color: var(--pink-700) !important;
}
.focus\:border-pink-800:focus {
  border-color: var(--pink-800) !important;
}
.focus\:border-pink-900:focus {
  border-color: var(--pink-900) !important;
}
.hover\:border-pink-50:hover {
  border-color: var(--pink-50) !important;
}
.hover\:border-pink-100:hover {
  border-color: var(--pink-100) !important;
}
.hover\:border-pink-200:hover {
  border-color: var(--pink-200) !important;
}
.hover\:border-pink-300:hover {
  border-color: var(--pink-300) !important;
}
.hover\:border-pink-400:hover {
  border-color: var(--pink-400) !important;
}
.hover\:border-pink-500:hover {
  border-color: var(--pink-500) !important;
}
.hover\:border-pink-600:hover {
  border-color: var(--pink-600) !important;
}
.hover\:border-pink-700:hover {
  border-color: var(--pink-700) !important;
}
.hover\:border-pink-800:hover {
  border-color: var(--pink-800) !important;
}
.hover\:border-pink-900:hover {
  border-color: var(--pink-900) !important;
}
.active\:border-pink-50:active {
  border-color: var(--pink-50) !important;
}
.active\:border-pink-100:active {
  border-color: var(--pink-100) !important;
}
.active\:border-pink-200:active {
  border-color: var(--pink-200) !important;
}
.active\:border-pink-300:active {
  border-color: var(--pink-300) !important;
}
.active\:border-pink-400:active {
  border-color: var(--pink-400) !important;
}
.active\:border-pink-500:active {
  border-color: var(--pink-500) !important;
}
.active\:border-pink-600:active {
  border-color: var(--pink-600) !important;
}
.active\:border-pink-700:active {
  border-color: var(--pink-700) !important;
}
.active\:border-pink-800:active {
  border-color: var(--pink-800) !important;
}
.active\:border-pink-900:active {
  border-color: var(--pink-900) !important;
}
.border-indigo-50 {
  border-color: var(--indigo-50) !important;
}
.border-indigo-100 {
  border-color: var(--indigo-100) !important;
}
.border-indigo-200 {
  border-color: var(--indigo-200) !important;
}
.border-indigo-300 {
  border-color: var(--indigo-300) !important;
}
.border-indigo-400 {
  border-color: var(--indigo-400) !important;
}
.border-indigo-500 {
  border-color: var(--indigo-500) !important;
}
.border-indigo-600 {
  border-color: var(--indigo-600) !important;
}
.border-indigo-700 {
  border-color: var(--indigo-700) !important;
}
.border-indigo-800 {
  border-color: var(--indigo-800) !important;
}
.border-indigo-900 {
  border-color: var(--indigo-900) !important;
}
.focus\:border-indigo-50:focus {
  border-color: var(--indigo-50) !important;
}
.focus\:border-indigo-100:focus {
  border-color: var(--indigo-100) !important;
}
.focus\:border-indigo-200:focus {
  border-color: var(--indigo-200) !important;
}
.focus\:border-indigo-300:focus {
  border-color: var(--indigo-300) !important;
}
.focus\:border-indigo-400:focus {
  border-color: var(--indigo-400) !important;
}
.focus\:border-indigo-500:focus {
  border-color: var(--indigo-500) !important;
}
.focus\:border-indigo-600:focus {
  border-color: var(--indigo-600) !important;
}
.focus\:border-indigo-700:focus {
  border-color: var(--indigo-700) !important;
}
.focus\:border-indigo-800:focus {
  border-color: var(--indigo-800) !important;
}
.focus\:border-indigo-900:focus {
  border-color: var(--indigo-900) !important;
}
.hover\:border-indigo-50:hover {
  border-color: var(--indigo-50) !important;
}
.hover\:border-indigo-100:hover {
  border-color: var(--indigo-100) !important;
}
.hover\:border-indigo-200:hover {
  border-color: var(--indigo-200) !important;
}
.hover\:border-indigo-300:hover {
  border-color: var(--indigo-300) !important;
}
.hover\:border-indigo-400:hover {
  border-color: var(--indigo-400) !important;
}
.hover\:border-indigo-500:hover {
  border-color: var(--indigo-500) !important;
}
.hover\:border-indigo-600:hover {
  border-color: var(--indigo-600) !important;
}
.hover\:border-indigo-700:hover {
  border-color: var(--indigo-700) !important;
}
.hover\:border-indigo-800:hover {
  border-color: var(--indigo-800) !important;
}
.hover\:border-indigo-900:hover {
  border-color: var(--indigo-900) !important;
}
.active\:border-indigo-50:active {
  border-color: var(--indigo-50) !important;
}
.active\:border-indigo-100:active {
  border-color: var(--indigo-100) !important;
}
.active\:border-indigo-200:active {
  border-color: var(--indigo-200) !important;
}
.active\:border-indigo-300:active {
  border-color: var(--indigo-300) !important;
}
.active\:border-indigo-400:active {
  border-color: var(--indigo-400) !important;
}
.active\:border-indigo-500:active {
  border-color: var(--indigo-500) !important;
}
.active\:border-indigo-600:active {
  border-color: var(--indigo-600) !important;
}
.active\:border-indigo-700:active {
  border-color: var(--indigo-700) !important;
}
.active\:border-indigo-800:active {
  border-color: var(--indigo-800) !important;
}
.active\:border-indigo-900:active {
  border-color: var(--indigo-900) !important;
}
.border-teal-50 {
  border-color: var(--teal-50) !important;
}
.border-teal-100 {
  border-color: var(--teal-100) !important;
}
.border-teal-200 {
  border-color: var(--teal-200) !important;
}
.border-teal-300 {
  border-color: var(--teal-300) !important;
}
.border-teal-400 {
  border-color: var(--teal-400) !important;
}
.border-teal-500 {
  border-color: var(--teal-500) !important;
}
.border-teal-600 {
  border-color: var(--teal-600) !important;
}
.border-teal-700 {
  border-color: var(--teal-700) !important;
}
.border-teal-800 {
  border-color: var(--teal-800) !important;
}
.border-teal-900 {
  border-color: var(--teal-900) !important;
}
.focus\:border-teal-50:focus {
  border-color: var(--teal-50) !important;
}
.focus\:border-teal-100:focus {
  border-color: var(--teal-100) !important;
}
.focus\:border-teal-200:focus {
  border-color: var(--teal-200) !important;
}
.focus\:border-teal-300:focus {
  border-color: var(--teal-300) !important;
}
.focus\:border-teal-400:focus {
  border-color: var(--teal-400) !important;
}
.focus\:border-teal-500:focus {
  border-color: var(--teal-500) !important;
}
.focus\:border-teal-600:focus {
  border-color: var(--teal-600) !important;
}
.focus\:border-teal-700:focus {
  border-color: var(--teal-700) !important;
}
.focus\:border-teal-800:focus {
  border-color: var(--teal-800) !important;
}
.focus\:border-teal-900:focus {
  border-color: var(--teal-900) !important;
}
.hover\:border-teal-50:hover {
  border-color: var(--teal-50) !important;
}
.hover\:border-teal-100:hover {
  border-color: var(--teal-100) !important;
}
.hover\:border-teal-200:hover {
  border-color: var(--teal-200) !important;
}
.hover\:border-teal-300:hover {
  border-color: var(--teal-300) !important;
}
.hover\:border-teal-400:hover {
  border-color: var(--teal-400) !important;
}
.hover\:border-teal-500:hover {
  border-color: var(--teal-500) !important;
}
.hover\:border-teal-600:hover {
  border-color: var(--teal-600) !important;
}
.hover\:border-teal-700:hover {
  border-color: var(--teal-700) !important;
}
.hover\:border-teal-800:hover {
  border-color: var(--teal-800) !important;
}
.hover\:border-teal-900:hover {
  border-color: var(--teal-900) !important;
}
.active\:border-teal-50:active {
  border-color: var(--teal-50) !important;
}
.active\:border-teal-100:active {
  border-color: var(--teal-100) !important;
}
.active\:border-teal-200:active {
  border-color: var(--teal-200) !important;
}
.active\:border-teal-300:active {
  border-color: var(--teal-300) !important;
}
.active\:border-teal-400:active {
  border-color: var(--teal-400) !important;
}
.active\:border-teal-500:active {
  border-color: var(--teal-500) !important;
}
.active\:border-teal-600:active {
  border-color: var(--teal-600) !important;
}
.active\:border-teal-700:active {
  border-color: var(--teal-700) !important;
}
.active\:border-teal-800:active {
  border-color: var(--teal-800) !important;
}
.active\:border-teal-900:active {
  border-color: var(--teal-900) !important;
}
.border-orange-50 {
  border-color: var(--orange-50) !important;
}
.border-orange-100 {
  border-color: var(--orange-100) !important;
}
.border-orange-200 {
  border-color: var(--orange-200) !important;
}
.border-orange-300 {
  border-color: var(--orange-300) !important;
}
.border-orange-400 {
  border-color: var(--orange-400) !important;
}
.border-orange-500 {
  border-color: var(--orange-500) !important;
}
.border-orange-600 {
  border-color: var(--orange-600) !important;
}
.border-orange-700 {
  border-color: var(--orange-700) !important;
}
.border-orange-800 {
  border-color: var(--orange-800) !important;
}
.border-orange-900 {
  border-color: var(--orange-900) !important;
}
.focus\:border-orange-50:focus {
  border-color: var(--orange-50) !important;
}
.focus\:border-orange-100:focus {
  border-color: var(--orange-100) !important;
}
.focus\:border-orange-200:focus {
  border-color: var(--orange-200) !important;
}
.focus\:border-orange-300:focus {
  border-color: var(--orange-300) !important;
}
.focus\:border-orange-400:focus {
  border-color: var(--orange-400) !important;
}
.focus\:border-orange-500:focus {
  border-color: var(--orange-500) !important;
}
.focus\:border-orange-600:focus {
  border-color: var(--orange-600) !important;
}
.focus\:border-orange-700:focus {
  border-color: var(--orange-700) !important;
}
.focus\:border-orange-800:focus {
  border-color: var(--orange-800) !important;
}
.focus\:border-orange-900:focus {
  border-color: var(--orange-900) !important;
}
.hover\:border-orange-50:hover {
  border-color: var(--orange-50) !important;
}
.hover\:border-orange-100:hover {
  border-color: var(--orange-100) !important;
}
.hover\:border-orange-200:hover {
  border-color: var(--orange-200) !important;
}
.hover\:border-orange-300:hover {
  border-color: var(--orange-300) !important;
}
.hover\:border-orange-400:hover {
  border-color: var(--orange-400) !important;
}
.hover\:border-orange-500:hover {
  border-color: var(--orange-500) !important;
}
.hover\:border-orange-600:hover {
  border-color: var(--orange-600) !important;
}
.hover\:border-orange-700:hover {
  border-color: var(--orange-700) !important;
}
.hover\:border-orange-800:hover {
  border-color: var(--orange-800) !important;
}
.hover\:border-orange-900:hover {
  border-color: var(--orange-900) !important;
}
.active\:border-orange-50:active {
  border-color: var(--orange-50) !important;
}
.active\:border-orange-100:active {
  border-color: var(--orange-100) !important;
}
.active\:border-orange-200:active {
  border-color: var(--orange-200) !important;
}
.active\:border-orange-300:active {
  border-color: var(--orange-300) !important;
}
.active\:border-orange-400:active {
  border-color: var(--orange-400) !important;
}
.active\:border-orange-500:active {
  border-color: var(--orange-500) !important;
}
.active\:border-orange-600:active {
  border-color: var(--orange-600) !important;
}
.active\:border-orange-700:active {
  border-color: var(--orange-700) !important;
}
.active\:border-orange-800:active {
  border-color: var(--orange-800) !important;
}
.active\:border-orange-900:active {
  border-color: var(--orange-900) !important;
}
.border-bluegray-50 {
  border-color: var(--bluegray-50) !important;
}
.border-bluegray-100 {
  border-color: var(--bluegray-100) !important;
}
.border-bluegray-200 {
  border-color: var(--bluegray-200) !important;
}
.border-bluegray-300 {
  border-color: var(--bluegray-300) !important;
}
.border-bluegray-400 {
  border-color: var(--bluegray-400) !important;
}
.border-bluegray-500 {
  border-color: var(--bluegray-500) !important;
}
.border-bluegray-600 {
  border-color: var(--bluegray-600) !important;
}
.border-bluegray-700 {
  border-color: var(--bluegray-700) !important;
}
.border-bluegray-800 {
  border-color: var(--bluegray-800) !important;
}
.border-bluegray-900 {
  border-color: var(--bluegray-900) !important;
}
.focus\:border-bluegray-50:focus {
  border-color: var(--bluegray-50) !important;
}
.focus\:border-bluegray-100:focus {
  border-color: var(--bluegray-100) !important;
}
.focus\:border-bluegray-200:focus {
  border-color: var(--bluegray-200) !important;
}
.focus\:border-bluegray-300:focus {
  border-color: var(--bluegray-300) !important;
}
.focus\:border-bluegray-400:focus {
  border-color: var(--bluegray-400) !important;
}
.focus\:border-bluegray-500:focus {
  border-color: var(--bluegray-500) !important;
}
.focus\:border-bluegray-600:focus {
  border-color: var(--bluegray-600) !important;
}
.focus\:border-bluegray-700:focus {
  border-color: var(--bluegray-700) !important;
}
.focus\:border-bluegray-800:focus {
  border-color: var(--bluegray-800) !important;
}
.focus\:border-bluegray-900:focus {
  border-color: var(--bluegray-900) !important;
}
.hover\:border-bluegray-50:hover {
  border-color: var(--bluegray-50) !important;
}
.hover\:border-bluegray-100:hover {
  border-color: var(--bluegray-100) !important;
}
.hover\:border-bluegray-200:hover {
  border-color: var(--bluegray-200) !important;
}
.hover\:border-bluegray-300:hover {
  border-color: var(--bluegray-300) !important;
}
.hover\:border-bluegray-400:hover {
  border-color: var(--bluegray-400) !important;
}
.hover\:border-bluegray-500:hover {
  border-color: var(--bluegray-500) !important;
}
.hover\:border-bluegray-600:hover {
  border-color: var(--bluegray-600) !important;
}
.hover\:border-bluegray-700:hover {
  border-color: var(--bluegray-700) !important;
}
.hover\:border-bluegray-800:hover {
  border-color: var(--bluegray-800) !important;
}
.hover\:border-bluegray-900:hover {
  border-color: var(--bluegray-900) !important;
}
.active\:border-bluegray-50:active {
  border-color: var(--bluegray-50) !important;
}
.active\:border-bluegray-100:active {
  border-color: var(--bluegray-100) !important;
}
.active\:border-bluegray-200:active {
  border-color: var(--bluegray-200) !important;
}
.active\:border-bluegray-300:active {
  border-color: var(--bluegray-300) !important;
}
.active\:border-bluegray-400:active {
  border-color: var(--bluegray-400) !important;
}
.active\:border-bluegray-500:active {
  border-color: var(--bluegray-500) !important;
}
.active\:border-bluegray-600:active {
  border-color: var(--bluegray-600) !important;
}
.active\:border-bluegray-700:active {
  border-color: var(--bluegray-700) !important;
}
.active\:border-bluegray-800:active {
  border-color: var(--bluegray-800) !important;
}
.active\:border-bluegray-900:active {
  border-color: var(--bluegray-900) !important;
}
.border-purple-50 {
  border-color: var(--purple-50) !important;
}
.border-purple-100 {
  border-color: var(--purple-100) !important;
}
.border-purple-200 {
  border-color: var(--purple-200) !important;
}
.border-purple-300 {
  border-color: var(--purple-300) !important;
}
.border-purple-400 {
  border-color: var(--purple-400) !important;
}
.border-purple-500 {
  border-color: var(--purple-500) !important;
}
.border-purple-600 {
  border-color: var(--purple-600) !important;
}
.border-purple-700 {
  border-color: var(--purple-700) !important;
}
.border-purple-800 {
  border-color: var(--purple-800) !important;
}
.border-purple-900 {
  border-color: var(--purple-900) !important;
}
.focus\:border-purple-50:focus {
  border-color: var(--purple-50) !important;
}
.focus\:border-purple-100:focus {
  border-color: var(--purple-100) !important;
}
.focus\:border-purple-200:focus {
  border-color: var(--purple-200) !important;
}
.focus\:border-purple-300:focus {
  border-color: var(--purple-300) !important;
}
.focus\:border-purple-400:focus {
  border-color: var(--purple-400) !important;
}
.focus\:border-purple-500:focus {
  border-color: var(--purple-500) !important;
}
.focus\:border-purple-600:focus {
  border-color: var(--purple-600) !important;
}
.focus\:border-purple-700:focus {
  border-color: var(--purple-700) !important;
}
.focus\:border-purple-800:focus {
  border-color: var(--purple-800) !important;
}
.focus\:border-purple-900:focus {
  border-color: var(--purple-900) !important;
}
.hover\:border-purple-50:hover {
  border-color: var(--purple-50) !important;
}
.hover\:border-purple-100:hover {
  border-color: var(--purple-100) !important;
}
.hover\:border-purple-200:hover {
  border-color: var(--purple-200) !important;
}
.hover\:border-purple-300:hover {
  border-color: var(--purple-300) !important;
}
.hover\:border-purple-400:hover {
  border-color: var(--purple-400) !important;
}
.hover\:border-purple-500:hover {
  border-color: var(--purple-500) !important;
}
.hover\:border-purple-600:hover {
  border-color: var(--purple-600) !important;
}
.hover\:border-purple-700:hover {
  border-color: var(--purple-700) !important;
}
.hover\:border-purple-800:hover {
  border-color: var(--purple-800) !important;
}
.hover\:border-purple-900:hover {
  border-color: var(--purple-900) !important;
}
.active\:border-purple-50:active {
  border-color: var(--purple-50) !important;
}
.active\:border-purple-100:active {
  border-color: var(--purple-100) !important;
}
.active\:border-purple-200:active {
  border-color: var(--purple-200) !important;
}
.active\:border-purple-300:active {
  border-color: var(--purple-300) !important;
}
.active\:border-purple-400:active {
  border-color: var(--purple-400) !important;
}
.active\:border-purple-500:active {
  border-color: var(--purple-500) !important;
}
.active\:border-purple-600:active {
  border-color: var(--purple-600) !important;
}
.active\:border-purple-700:active {
  border-color: var(--purple-700) !important;
}
.active\:border-purple-800:active {
  border-color: var(--purple-800) !important;
}
.active\:border-purple-900:active {
  border-color: var(--purple-900) !important;
}
.border-gray-50 {
  border-color: var(--gray-50) !important;
}
.border-gray-100 {
  border-color: var(--gray-100) !important;
}
.border-gray-200 {
  border-color: var(--gray-200) !important;
}
.border-gray-300 {
  border-color: var(--gray-300) !important;
}
.border-gray-400 {
  border-color: var(--gray-400) !important;
}
.border-gray-500 {
  border-color: var(--gray-500) !important;
}
.border-gray-600 {
  border-color: var(--gray-600) !important;
}
.border-gray-700 {
  border-color: var(--gray-700) !important;
}
.border-gray-800 {
  border-color: var(--gray-800) !important;
}
.border-gray-900 {
  border-color: var(--gray-900) !important;
}
.focus\:border-gray-50:focus {
  border-color: var(--gray-50) !important;
}
.focus\:border-gray-100:focus {
  border-color: var(--gray-100) !important;
}
.focus\:border-gray-200:focus {
  border-color: var(--gray-200) !important;
}
.focus\:border-gray-300:focus {
  border-color: var(--gray-300) !important;
}
.focus\:border-gray-400:focus {
  border-color: var(--gray-400) !important;
}
.focus\:border-gray-500:focus {
  border-color: var(--gray-500) !important;
}
.focus\:border-gray-600:focus {
  border-color: var(--gray-600) !important;
}
.focus\:border-gray-700:focus {
  border-color: var(--gray-700) !important;
}
.focus\:border-gray-800:focus {
  border-color: var(--gray-800) !important;
}
.focus\:border-gray-900:focus {
  border-color: var(--gray-900) !important;
}
.hover\:border-gray-50:hover {
  border-color: var(--gray-50) !important;
}
.hover\:border-gray-100:hover {
  border-color: var(--gray-100) !important;
}
.hover\:border-gray-200:hover {
  border-color: var(--gray-200) !important;
}
.hover\:border-gray-300:hover {
  border-color: var(--gray-300) !important;
}
.hover\:border-gray-400:hover {
  border-color: var(--gray-400) !important;
}
.hover\:border-gray-500:hover {
  border-color: var(--gray-500) !important;
}
.hover\:border-gray-600:hover {
  border-color: var(--gray-600) !important;
}
.hover\:border-gray-700:hover {
  border-color: var(--gray-700) !important;
}
.hover\:border-gray-800:hover {
  border-color: var(--gray-800) !important;
}
.hover\:border-gray-900:hover {
  border-color: var(--gray-900) !important;
}
.active\:border-gray-50:active {
  border-color: var(--gray-50) !important;
}
.active\:border-gray-100:active {
  border-color: var(--gray-100) !important;
}
.active\:border-gray-200:active {
  border-color: var(--gray-200) !important;
}
.active\:border-gray-300:active {
  border-color: var(--gray-300) !important;
}
.active\:border-gray-400:active {
  border-color: var(--gray-400) !important;
}
.active\:border-gray-500:active {
  border-color: var(--gray-500) !important;
}
.active\:border-gray-600:active {
  border-color: var(--gray-600) !important;
}
.active\:border-gray-700:active {
  border-color: var(--gray-700) !important;
}
.active\:border-gray-800:active {
  border-color: var(--gray-800) !important;
}
.active\:border-gray-900:active {
  border-color: var(--gray-900) !important;
}
.border-red-50 {
  border-color: var(--red-50) !important;
}
.border-red-100 {
  border-color: var(--red-100) !important;
}
.border-red-200 {
  border-color: var(--red-200) !important;
}
.border-red-300 {
  border-color: var(--red-300) !important;
}
.border-red-400 {
  border-color: var(--red-400) !important;
}
.border-red-500 {
  border-color: var(--red-500) !important;
}
.border-red-600 {
  border-color: var(--red-600) !important;
}
.border-red-700 {
  border-color: var(--red-700) !important;
}
.border-red-800 {
  border-color: var(--red-800) !important;
}
.border-red-900 {
  border-color: var(--red-900) !important;
}
.focus\:border-red-50:focus {
  border-color: var(--red-50) !important;
}
.focus\:border-red-100:focus {
  border-color: var(--red-100) !important;
}
.focus\:border-red-200:focus {
  border-color: var(--red-200) !important;
}
.focus\:border-red-300:focus {
  border-color: var(--red-300) !important;
}
.focus\:border-red-400:focus {
  border-color: var(--red-400) !important;
}
.focus\:border-red-500:focus {
  border-color: var(--red-500) !important;
}
.focus\:border-red-600:focus {
  border-color: var(--red-600) !important;
}
.focus\:border-red-700:focus {
  border-color: var(--red-700) !important;
}
.focus\:border-red-800:focus {
  border-color: var(--red-800) !important;
}
.focus\:border-red-900:focus {
  border-color: var(--red-900) !important;
}
.hover\:border-red-50:hover {
  border-color: var(--red-50) !important;
}
.hover\:border-red-100:hover {
  border-color: var(--red-100) !important;
}
.hover\:border-red-200:hover {
  border-color: var(--red-200) !important;
}
.hover\:border-red-300:hover {
  border-color: var(--red-300) !important;
}
.hover\:border-red-400:hover {
  border-color: var(--red-400) !important;
}
.hover\:border-red-500:hover {
  border-color: var(--red-500) !important;
}
.hover\:border-red-600:hover {
  border-color: var(--red-600) !important;
}
.hover\:border-red-700:hover {
  border-color: var(--red-700) !important;
}
.hover\:border-red-800:hover {
  border-color: var(--red-800) !important;
}
.hover\:border-red-900:hover {
  border-color: var(--red-900) !important;
}
.active\:border-red-50:active {
  border-color: var(--red-50) !important;
}
.active\:border-red-100:active {
  border-color: var(--red-100) !important;
}
.active\:border-red-200:active {
  border-color: var(--red-200) !important;
}
.active\:border-red-300:active {
  border-color: var(--red-300) !important;
}
.active\:border-red-400:active {
  border-color: var(--red-400) !important;
}
.active\:border-red-500:active {
  border-color: var(--red-500) !important;
}
.active\:border-red-600:active {
  border-color: var(--red-600) !important;
}
.active\:border-red-700:active {
  border-color: var(--red-700) !important;
}
.active\:border-red-800:active {
  border-color: var(--red-800) !important;
}
.active\:border-red-900:active {
  border-color: var(--red-900) !important;
}
.border-primary-50 {
  border-color: var(--primary-50) !important;
}
.border-primary-100 {
  border-color: var(--primary-100) !important;
}
.border-primary-200 {
  border-color: var(--primary-200) !important;
}
.border-primary-300 {
  border-color: var(--primary-300) !important;
}
.border-primary-400 {
  border-color: var(--primary-400) !important;
}
.border-primary-500 {
  border-color: var(--primary-500) !important;
}
.border-primary-600 {
  border-color: var(--primary-600) !important;
}
.border-primary-700 {
  border-color: var(--primary-700) !important;
}
.border-primary-800 {
  border-color: var(--primary-800) !important;
}
.border-primary-900 {
  border-color: var(--primary-900) !important;
}
.focus\:border-primary-50:focus {
  border-color: var(--primary-50) !important;
}
.focus\:border-primary-100:focus {
  border-color: var(--primary-100) !important;
}
.focus\:border-primary-200:focus {
  border-color: var(--primary-200) !important;
}
.focus\:border-primary-300:focus {
  border-color: var(--primary-300) !important;
}
.focus\:border-primary-400:focus {
  border-color: var(--primary-400) !important;
}
.focus\:border-primary-500:focus {
  border-color: var(--primary-500) !important;
}
.focus\:border-primary-600:focus {
  border-color: var(--primary-600) !important;
}
.focus\:border-primary-700:focus {
  border-color: var(--primary-700) !important;
}
.focus\:border-primary-800:focus {
  border-color: var(--primary-800) !important;
}
.focus\:border-primary-900:focus {
  border-color: var(--primary-900) !important;
}
.hover\:border-primary-50:hover {
  border-color: var(--primary-50) !important;
}
.hover\:border-primary-100:hover {
  border-color: var(--primary-100) !important;
}
.hover\:border-primary-200:hover {
  border-color: var(--primary-200) !important;
}
.hover\:border-primary-300:hover {
  border-color: var(--primary-300) !important;
}
.hover\:border-primary-400:hover {
  border-color: var(--primary-400) !important;
}
.hover\:border-primary-500:hover {
  border-color: var(--primary-500) !important;
}
.hover\:border-primary-600:hover {
  border-color: var(--primary-600) !important;
}
.hover\:border-primary-700:hover {
  border-color: var(--primary-700) !important;
}
.hover\:border-primary-800:hover {
  border-color: var(--primary-800) !important;
}
.hover\:border-primary-900:hover {
  border-color: var(--primary-900) !important;
}
.active\:border-primary-50:active {
  border-color: var(--primary-50) !important;
}
.active\:border-primary-100:active {
  border-color: var(--primary-100) !important;
}
.active\:border-primary-200:active {
  border-color: var(--primary-200) !important;
}
.active\:border-primary-300:active {
  border-color: var(--primary-300) !important;
}
.active\:border-primary-400:active {
  border-color: var(--primary-400) !important;
}
.active\:border-primary-500:active {
  border-color: var(--primary-500) !important;
}
.active\:border-primary-600:active {
  border-color: var(--primary-600) !important;
}
.active\:border-primary-700:active {
  border-color: var(--primary-700) !important;
}
.active\:border-primary-800:active {
  border-color: var(--primary-800) !important;
}
.active\:border-primary-900:active {
  border-color: var(--primary-900) !important;
}
.bg-white-alpha-10 {
  background-color: rgba(255,255,255,0.1) !important;
}
.bg-white-alpha-20 {
  background-color: rgba(255,255,255,0.2) !important;
}
.bg-white-alpha-30 {
  background-color: rgba(255,255,255,0.3) !important;
}
.bg-white-alpha-40 {
  background-color: rgba(255,255,255,0.4) !important;
}
.bg-white-alpha-50 {
  background-color: rgba(255,255,255,0.5) !important;
}
.bg-white-alpha-60 {
  background-color: rgba(255,255,255,0.6) !important;
}
.bg-white-alpha-70 {
  background-color: rgba(255,255,255,0.7) !important;
}
.bg-white-alpha-80 {
  background-color: rgba(255,255,255,0.8) !important;
}
.bg-white-alpha-90 {
  background-color: rgba(255,255,255,0.9) !important;
}
.hover\:bg-white-alpha-10:hover {
  background-color: rgba(255,255,255,0.1) !important;
}
.hover\:bg-white-alpha-20:hover {
  background-color: rgba(255,255,255,0.2) !important;
}
.hover\:bg-white-alpha-30:hover {
  background-color: rgba(255,255,255,0.3) !important;
}
.hover\:bg-white-alpha-40:hover {
  background-color: rgba(255,255,255,0.4) !important;
}
.hover\:bg-white-alpha-50:hover {
  background-color: rgba(255,255,255,0.5) !important;
}
.hover\:bg-white-alpha-60:hover {
  background-color: rgba(255,255,255,0.6) !important;
}
.hover\:bg-white-alpha-70:hover {
  background-color: rgba(255,255,255,0.7) !important;
}
.hover\:bg-white-alpha-80:hover {
  background-color: rgba(255,255,255,0.8) !important;
}
.hover\:bg-white-alpha-90:hover {
  background-color: rgba(255,255,255,0.9) !important;
}
.focus\:bg-white-alpha-10:focus {
  background-color: rgba(255,255,255,0.1) !important;
}
.focus\:bg-white-alpha-20:focus {
  background-color: rgba(255,255,255,0.2) !important;
}
.focus\:bg-white-alpha-30:focus {
  background-color: rgba(255,255,255,0.3) !important;
}
.focus\:bg-white-alpha-40:focus {
  background-color: rgba(255,255,255,0.4) !important;
}
.focus\:bg-white-alpha-50:focus {
  background-color: rgba(255,255,255,0.5) !important;
}
.focus\:bg-white-alpha-60:focus {
  background-color: rgba(255,255,255,0.6) !important;
}
.focus\:bg-white-alpha-70:focus {
  background-color: rgba(255,255,255,0.7) !important;
}
.focus\:bg-white-alpha-80:focus {
  background-color: rgba(255,255,255,0.8) !important;
}
.focus\:bg-white-alpha-90:focus {
  background-color: rgba(255,255,255,0.9) !important;
}
.active\:bg-white-alpha-10:active {
  background-color: rgba(255,255,255,0.1) !important;
}
.active\:bg-white-alpha-20:active {
  background-color: rgba(255,255,255,0.2) !important;
}
.active\:bg-white-alpha-30:active {
  background-color: rgba(255,255,255,0.3) !important;
}
.active\:bg-white-alpha-40:active {
  background-color: rgba(255,255,255,0.4) !important;
}
.active\:bg-white-alpha-50:active {
  background-color: rgba(255,255,255,0.5) !important;
}
.active\:bg-white-alpha-60:active {
  background-color: rgba(255,255,255,0.6) !important;
}
.active\:bg-white-alpha-70:active {
  background-color: rgba(255,255,255,0.7) !important;
}
.active\:bg-white-alpha-80:active {
  background-color: rgba(255,255,255,0.8) !important;
}
.active\:bg-white-alpha-90:active {
  background-color: rgba(255,255,255,0.9) !important;
}
.bg-black-alpha-10 {
  background-color: rgba(0,0,0,0.1) !important;
}
.bg-black-alpha-20 {
  background-color: rgba(0,0,0,0.2) !important;
}
.bg-black-alpha-30 {
  background-color: rgba(0,0,0,0.3) !important;
}
.bg-black-alpha-40 {
  background-color: rgba(0,0,0,0.4) !important;
}
.bg-black-alpha-50 {
  background-color: rgba(0,0,0,0.5) !important;
}
.bg-black-alpha-60 {
  background-color: rgba(0,0,0,0.6) !important;
}
.bg-black-alpha-70 {
  background-color: rgba(0,0,0,0.7) !important;
}
.bg-black-alpha-80 {
  background-color: rgba(0,0,0,0.8) !important;
}
.bg-black-alpha-90 {
  background-color: rgba(0,0,0,0.9) !important;
}
.hover\:bg-black-alpha-10:hover {
  background-color: rgba(0,0,0,0.1) !important;
}
.hover\:bg-black-alpha-20:hover {
  background-color: rgba(0,0,0,0.2) !important;
}
.hover\:bg-black-alpha-30:hover {
  background-color: rgba(0,0,0,0.3) !important;
}
.hover\:bg-black-alpha-40:hover {
  background-color: rgba(0,0,0,0.4) !important;
}
.hover\:bg-black-alpha-50:hover {
  background-color: rgba(0,0,0,0.5) !important;
}
.hover\:bg-black-alpha-60:hover {
  background-color: rgba(0,0,0,0.6) !important;
}
.hover\:bg-black-alpha-70:hover {
  background-color: rgba(0,0,0,0.7) !important;
}
.hover\:bg-black-alpha-80:hover {
  background-color: rgba(0,0,0,0.8) !important;
}
.hover\:bg-black-alpha-90:hover {
  background-color: rgba(0,0,0,0.9) !important;
}
.focus\:bg-black-alpha-10:focus {
  background-color: rgba(0,0,0,0.1) !important;
}
.focus\:bg-black-alpha-20:focus {
  background-color: rgba(0,0,0,0.2) !important;
}
.focus\:bg-black-alpha-30:focus {
  background-color: rgba(0,0,0,0.3) !important;
}
.focus\:bg-black-alpha-40:focus {
  background-color: rgba(0,0,0,0.4) !important;
}
.focus\:bg-black-alpha-50:focus {
  background-color: rgba(0,0,0,0.5) !important;
}
.focus\:bg-black-alpha-60:focus {
  background-color: rgba(0,0,0,0.6) !important;
}
.focus\:bg-black-alpha-70:focus {
  background-color: rgba(0,0,0,0.7) !important;
}
.focus\:bg-black-alpha-80:focus {
  background-color: rgba(0,0,0,0.8) !important;
}
.focus\:bg-black-alpha-90:focus {
  background-color: rgba(0,0,0,0.9) !important;
}
.active\:bg-black-alpha-10:active {
  background-color: rgba(0,0,0,0.1) !important;
}
.active\:bg-black-alpha-20:active {
  background-color: rgba(0,0,0,0.2) !important;
}
.active\:bg-black-alpha-30:active {
  background-color: rgba(0,0,0,0.3) !important;
}
.active\:bg-black-alpha-40:active {
  background-color: rgba(0,0,0,0.4) !important;
}
.active\:bg-black-alpha-50:active {
  background-color: rgba(0,0,0,0.5) !important;
}
.active\:bg-black-alpha-60:active {
  background-color: rgba(0,0,0,0.6) !important;
}
.active\:bg-black-alpha-70:active {
  background-color: rgba(0,0,0,0.7) !important;
}
.active\:bg-black-alpha-80:active {
  background-color: rgba(0,0,0,0.8) !important;
}
.active\:bg-black-alpha-90:active {
  background-color: rgba(0,0,0,0.9) !important;
}
.border-white-alpha-10 {
  border-color: rgba(255,255,255,0.1) !important;
}
.border-white-alpha-20 {
  border-color: rgba(255,255,255,0.2) !important;
}
.border-white-alpha-30 {
  border-color: rgba(255,255,255,0.3) !important;
}
.border-white-alpha-40 {
  border-color: rgba(255,255,255,0.4) !important;
}
.border-white-alpha-50 {
  border-color: rgba(255,255,255,0.5) !important;
}
.border-white-alpha-60 {
  border-color: rgba(255,255,255,0.6) !important;
}
.border-white-alpha-70 {
  border-color: rgba(255,255,255,0.7) !important;
}
.border-white-alpha-80 {
  border-color: rgba(255,255,255,0.8) !important;
}
.border-white-alpha-90 {
  border-color: rgba(255,255,255,0.9) !important;
}
.hover\:border-white-alpha-10:hover {
  border-color: rgba(255,255,255,0.1) !important;
}
.hover\:border-white-alpha-20:hover {
  border-color: rgba(255,255,255,0.2) !important;
}
.hover\:border-white-alpha-30:hover {
  border-color: rgba(255,255,255,0.3) !important;
}
.hover\:border-white-alpha-40:hover {
  border-color: rgba(255,255,255,0.4) !important;
}
.hover\:border-white-alpha-50:hover {
  border-color: rgba(255,255,255,0.5) !important;
}
.hover\:border-white-alpha-60:hover {
  border-color: rgba(255,255,255,0.6) !important;
}
.hover\:border-white-alpha-70:hover {
  border-color: rgba(255,255,255,0.7) !important;
}
.hover\:border-white-alpha-80:hover {
  border-color: rgba(255,255,255,0.8) !important;
}
.hover\:border-white-alpha-90:hover {
  border-color: rgba(255,255,255,0.9) !important;
}
.focus\:border-white-alpha-10:focus {
  border-color: rgba(255,255,255,0.1) !important;
}
.focus\:border-white-alpha-20:focus {
  border-color: rgba(255,255,255,0.2) !important;
}
.focus\:border-white-alpha-30:focus {
  border-color: rgba(255,255,255,0.3) !important;
}
.focus\:border-white-alpha-40:focus {
  border-color: rgba(255,255,255,0.4) !important;
}
.focus\:border-white-alpha-50:focus {
  border-color: rgba(255,255,255,0.5) !important;
}
.focus\:border-white-alpha-60:focus {
  border-color: rgba(255,255,255,0.6) !important;
}
.focus\:border-white-alpha-70:focus {
  border-color: rgba(255,255,255,0.7) !important;
}
.focus\:border-white-alpha-80:focus {
  border-color: rgba(255,255,255,0.8) !important;
}
.focus\:border-white-alpha-90:focus {
  border-color: rgba(255,255,255,0.9) !important;
}
.active\:border-white-alpha-10:active {
  border-color: rgba(255,255,255,0.1) !important;
}
.active\:border-white-alpha-20:active {
  border-color: rgba(255,255,255,0.2) !important;
}
.active\:border-white-alpha-30:active {
  border-color: rgba(255,255,255,0.3) !important;
}
.active\:border-white-alpha-40:active {
  border-color: rgba(255,255,255,0.4) !important;
}
.active\:border-white-alpha-50:active {
  border-color: rgba(255,255,255,0.5) !important;
}
.active\:border-white-alpha-60:active {
  border-color: rgba(255,255,255,0.6) !important;
}
.active\:border-white-alpha-70:active {
  border-color: rgba(255,255,255,0.7) !important;
}
.active\:border-white-alpha-80:active {
  border-color: rgba(255,255,255,0.8) !important;
}
.active\:border-white-alpha-90:active {
  border-color: rgba(255,255,255,0.9) !important;
}
.border-black-alpha-10 {
  border-color: rgba(0,0,0,0.1) !important;
}
.border-black-alpha-20 {
  border-color: rgba(0,0,0,0.2) !important;
}
.border-black-alpha-30 {
  border-color: rgba(0,0,0,0.3) !important;
}
.border-black-alpha-40 {
  border-color: rgba(0,0,0,0.4) !important;
}
.border-black-alpha-50 {
  border-color: rgba(0,0,0,0.5) !important;
}
.border-black-alpha-60 {
  border-color: rgba(0,0,0,0.6) !important;
}
.border-black-alpha-70 {
  border-color: rgba(0,0,0,0.7) !important;
}
.border-black-alpha-80 {
  border-color: rgba(0,0,0,0.8) !important;
}
.border-black-alpha-90 {
  border-color: rgba(0,0,0,0.9) !important;
}
.hover\:border-black-alpha-10:hover {
  border-color: rgba(0,0,0,0.1) !important;
}
.hover\:border-black-alpha-20:hover {
  border-color: rgba(0,0,0,0.2) !important;
}
.hover\:border-black-alpha-30:hover {
  border-color: rgba(0,0,0,0.3) !important;
}
.hover\:border-black-alpha-40:hover {
  border-color: rgba(0,0,0,0.4) !important;
}
.hover\:border-black-alpha-50:hover {
  border-color: rgba(0,0,0,0.5) !important;
}
.hover\:border-black-alpha-60:hover {
  border-color: rgba(0,0,0,0.6) !important;
}
.hover\:border-black-alpha-70:hover {
  border-color: rgba(0,0,0,0.7) !important;
}
.hover\:border-black-alpha-80:hover {
  border-color: rgba(0,0,0,0.8) !important;
}
.hover\:border-black-alpha-90:hover {
  border-color: rgba(0,0,0,0.9) !important;
}
.focus\:border-black-alpha-10:focus {
  border-color: rgba(0,0,0,0.1) !important;
}
.focus\:border-black-alpha-20:focus {
  border-color: rgba(0,0,0,0.2) !important;
}
.focus\:border-black-alpha-30:focus {
  border-color: rgba(0,0,0,0.3) !important;
}
.focus\:border-black-alpha-40:focus {
  border-color: rgba(0,0,0,0.4) !important;
}
.focus\:border-black-alpha-50:focus {
  border-color: rgba(0,0,0,0.5) !important;
}
.focus\:border-black-alpha-60:focus {
  border-color: rgba(0,0,0,0.6) !important;
}
.focus\:border-black-alpha-70:focus {
  border-color: rgba(0,0,0,0.7) !important;
}
.focus\:border-black-alpha-80:focus {
  border-color: rgba(0,0,0,0.8) !important;
}
.focus\:border-black-alpha-90:focus {
  border-color: rgba(0,0,0,0.9) !important;
}
.active\:border-black-alpha-10:active {
  border-color: rgba(0,0,0,0.1) !important;
}
.active\:border-black-alpha-20:active {
  border-color: rgba(0,0,0,0.2) !important;
}
.active\:border-black-alpha-30:active {
  border-color: rgba(0,0,0,0.3) !important;
}
.active\:border-black-alpha-40:active {
  border-color: rgba(0,0,0,0.4) !important;
}
.active\:border-black-alpha-50:active {
  border-color: rgba(0,0,0,0.5) !important;
}
.active\:border-black-alpha-60:active {
  border-color: rgba(0,0,0,0.6) !important;
}
.active\:border-black-alpha-70:active {
  border-color: rgba(0,0,0,0.7) !important;
}
.active\:border-black-alpha-80:active {
  border-color: rgba(0,0,0,0.8) !important;
}
.active\:border-black-alpha-90:active {
  border-color: rgba(0,0,0,0.9) !important;
}
.text-white-alpha-10 {
  color: rgba(255,255,255,0.1) !important;
}
.text-white-alpha-20 {
  color: rgba(255,255,255,0.2) !important;
}
.text-white-alpha-30 {
  color: rgba(255,255,255,0.3) !important;
}
.text-white-alpha-40 {
  color: rgba(255,255,255,0.4) !important;
}
.text-white-alpha-50 {
  color: rgba(255,255,255,0.5) !important;
}
.text-white-alpha-60 {
  color: rgba(255,255,255,0.6) !important;
}
.text-white-alpha-70 {
  color: rgba(255,255,255,0.7) !important;
}
.text-white-alpha-80 {
  color: rgba(255,255,255,0.8) !important;
}
.text-white-alpha-90 {
  color: rgba(255,255,255,0.9) !important;
}
.hover\:text-white-alpha-10:hover {
  color: rgba(255,255,255,0.1) !important;
}
.hover\:text-white-alpha-20:hover {
  color: rgba(255,255,255,0.2) !important;
}
.hover\:text-white-alpha-30:hover {
  color: rgba(255,255,255,0.3) !important;
}
.hover\:text-white-alpha-40:hover {
  color: rgba(255,255,255,0.4) !important;
}
.hover\:text-white-alpha-50:hover {
  color: rgba(255,255,255,0.5) !important;
}
.hover\:text-white-alpha-60:hover {
  color: rgba(255,255,255,0.6) !important;
}
.hover\:text-white-alpha-70:hover {
  color: rgba(255,255,255,0.7) !important;
}
.hover\:text-white-alpha-80:hover {
  color: rgba(255,255,255,0.8) !important;
}
.hover\:text-white-alpha-90:hover {
  color: rgba(255,255,255,0.9) !important;
}
.focus\:text-white-alpha-10:focus {
  color: rgba(255,255,255,0.1) !important;
}
.focus\:text-white-alpha-20:focus {
  color: rgba(255,255,255,0.2) !important;
}
.focus\:text-white-alpha-30:focus {
  color: rgba(255,255,255,0.3) !important;
}
.focus\:text-white-alpha-40:focus {
  color: rgba(255,255,255,0.4) !important;
}
.focus\:text-white-alpha-50:focus {
  color: rgba(255,255,255,0.5) !important;
}
.focus\:text-white-alpha-60:focus {
  color: rgba(255,255,255,0.6) !important;
}
.focus\:text-white-alpha-70:focus {
  color: rgba(255,255,255,0.7) !important;
}
.focus\:text-white-alpha-80:focus {
  color: rgba(255,255,255,0.8) !important;
}
.focus\:text-white-alpha-90:focus {
  color: rgba(255,255,255,0.9) !important;
}
.active\:text-white-alpha-10:active {
  color: rgba(255,255,255,0.1) !important;
}
.active\:text-white-alpha-20:active {
  color: rgba(255,255,255,0.2) !important;
}
.active\:text-white-alpha-30:active {
  color: rgba(255,255,255,0.3) !important;
}
.active\:text-white-alpha-40:active {
  color: rgba(255,255,255,0.4) !important;
}
.active\:text-white-alpha-50:active {
  color: rgba(255,255,255,0.5) !important;
}
.active\:text-white-alpha-60:active {
  color: rgba(255,255,255,0.6) !important;
}
.active\:text-white-alpha-70:active {
  color: rgba(255,255,255,0.7) !important;
}
.active\:text-white-alpha-80:active {
  color: rgba(255,255,255,0.8) !important;
}
.active\:text-white-alpha-90:active {
  color: rgba(255,255,255,0.9) !important;
}
.text-black-alpha-10 {
  color: rgba(0,0,0,0.1) !important;
}
.text-black-alpha-20 {
  color: rgba(0,0,0,0.2) !important;
}
.text-black-alpha-30 {
  color: rgba(0,0,0,0.3) !important;
}
.text-black-alpha-40 {
  color: rgba(0,0,0,0.4) !important;
}
.text-black-alpha-50 {
  color: rgba(0,0,0,0.5) !important;
}
.text-black-alpha-60 {
  color: rgba(0,0,0,0.6) !important;
}
.text-black-alpha-70 {
  color: rgba(0,0,0,0.7) !important;
}
.text-black-alpha-80 {
  color: rgba(0,0,0,0.8) !important;
}
.text-black-alpha-90 {
  color: rgba(0,0,0,0.9) !important;
}
.hover\:text-black-alpha-10:hover {
  color: rgba(0,0,0,0.1) !important;
}
.hover\:text-black-alpha-20:hover {
  color: rgba(0,0,0,0.2) !important;
}
.hover\:text-black-alpha-30:hover {
  color: rgba(0,0,0,0.3) !important;
}
.hover\:text-black-alpha-40:hover {
  color: rgba(0,0,0,0.4) !important;
}
.hover\:text-black-alpha-50:hover {
  color: rgba(0,0,0,0.5) !important;
}
.hover\:text-black-alpha-60:hover {
  color: rgba(0,0,0,0.6) !important;
}
.hover\:text-black-alpha-70:hover {
  color: rgba(0,0,0,0.7) !important;
}
.hover\:text-black-alpha-80:hover {
  color: rgba(0,0,0,0.8) !important;
}
.hover\:text-black-alpha-90:hover {
  color: rgba(0,0,0,0.9) !important;
}
.focus\:text-black-alpha-10:focus {
  color: rgba(0,0,0,0.1) !important;
}
.focus\:text-black-alpha-20:focus {
  color: rgba(0,0,0,0.2) !important;
}
.focus\:text-black-alpha-30:focus {
  color: rgba(0,0,0,0.3) !important;
}
.focus\:text-black-alpha-40:focus {
  color: rgba(0,0,0,0.4) !important;
}
.focus\:text-black-alpha-50:focus {
  color: rgba(0,0,0,0.5) !important;
}
.focus\:text-black-alpha-60:focus {
  color: rgba(0,0,0,0.6) !important;
}
.focus\:text-black-alpha-70:focus {
  color: rgba(0,0,0,0.7) !important;
}
.focus\:text-black-alpha-80:focus {
  color: rgba(0,0,0,0.8) !important;
}
.focus\:text-black-alpha-90:focus {
  color: rgba(0,0,0,0.9) !important;
}
.active\:text-black-alpha-10:active {
  color: rgba(0,0,0,0.1) !important;
}
.active\:text-black-alpha-20:active {
  color: rgba(0,0,0,0.2) !important;
}
.active\:text-black-alpha-30:active {
  color: rgba(0,0,0,0.3) !important;
}
.active\:text-black-alpha-40:active {
  color: rgba(0,0,0,0.4) !important;
}
.active\:text-black-alpha-50:active {
  color: rgba(0,0,0,0.5) !important;
}
.active\:text-black-alpha-60:active {
  color: rgba(0,0,0,0.6) !important;
}
.active\:text-black-alpha-70:active {
  color: rgba(0,0,0,0.7) !important;
}
.active\:text-black-alpha-80:active {
  color: rgba(0,0,0,0.8) !important;
}
.active\:text-black-alpha-90:active {
  color: rgba(0,0,0,0.9) !important;
}
.text-primary {
  color: var(--primary-color) !important;
}
.bg-primary {
  color: var(--primary-color-text) !important;
  background-color: var(--primary-color) !important;
}
.bg-primary-reverse {
  color: var(--primary-color) !important;
  background-color: var(--primary-color-text) !important;
}
.bg-white {
  background-color: #ffffff !important;
}
.border-primary {
  border-color: var(--primary-color) !important;
}
.text-white {
  color: #ffffff !important;
}
.border-white {
  border-color: #ffffff !important;
}
.text-color {
  color: var(--text-color) !important;
}
.text-color-secondary {
  color: var(--text-color-secondary) !important;
}
.surface-ground {
  background-color: var(--surface-ground) !important;
}
.surface-section {
  background-color: var(--surface-section) !important;
}
.surface-card {
  background-color: var(--surface-card) !important;
}
.surface-overlay {
  background-color: var(--surface-overlay) !important;
}
.surface-hover {
  background-color: var(--surface-hover) !important;
}
.surface-border {
  border-color: var(--surface-border) !important;
}
.focus\:text-primary:focus {
  color: var(--primary-color) !important;
}
.hover\:text-primary:hover {
  color: var(--primary-color) !important;
}
.active\:text-primary:active {
  color: var(--primary-color) !important;
}
.focus\:bg-primary:focus {
  color: var(--primary-color-text) !important;
  background-color: var(--primary-color) !important;
}
.hover\:bg-primary:hover {
  color: var(--primary-color-text) !important;
  background-color: var(--primary-color) !important;
}
.active\:bg-primary:active {
  color: var(--primary-color-text) !important;
  background-color: var(--primary-color) !important;
}
.focus\:bg-primary-reverse:focus {
  color: var(--primary-color) !important;
  background-color: var(--primary-color-text) !important;
}
.hover\:bg-primary-reverse:hover {
  color: var(--primary-color) !important;
  background-color: var(--primary-color-text) !important;
}
.active\:bg-primary-reverse:active {
  color: var(--primary-color) !important;
  background-color: var(--primary-color-text) !important;
}
.focus\:bg-white:focus {
  background-color: #ffffff !important;
}
.hover\:bg-white:hover {
  background-color: #ffffff !important;
}
.active\:bg-white:active {
  background-color: #ffffff !important;
}
.focus\:border-primary:focus {
  border-color: var(--primary-color) !important;
}
.hover\:border-primary:hover {
  border-color: var(--primary-color) !important;
}
.active\:border-primary:active {
  border-color: var(--primary-color) !important;
}
.focus\:text-white:focus {
  color: #ffffff !important;
}
.hover\:text-white:hover {
  color: #ffffff !important;
}
.active\:text-white:active {
  color: #ffffff !important;
}
.focus\:border-white:focus {
  border-color: #ffffff !important;
}
.hover\:border-white:hover {
  border-color: #ffffff !important;
}
.active\:border-white:active {
  border-color: #ffffff !important;
}
.focus\:text-color:focus {
  color: var(--text-color) !important;
}
.hover\:text-color:hover {
  color: var(--text-color) !important;
}
.active\:text-color:active {
  color: var(--text-color) !important;
}
.focus\:text-color-secondary:focus {
  color: var(--text-color-secondary) !important;
}
.hover\:text-color-secondary:hover {
  color: var(--text-color-secondary) !important;
}
.active\:text-color-secondary:active {
  color: var(--text-color-secondary) !important;
}
.focus\:surface-ground:focus {
  background-color: var(--surface-ground) !important;
}
.hover\:surface-ground:hover {
  background-color: var(--surface-ground) !important;
}
.active\:surface-ground:active {
  background-color: var(--surface-ground) !important;
}
.focus\:surface-section:focus {
  background-color: var(--surface-section) !important;
}
.hover\:surface-section:hover {
  background-color: var(--surface-section) !important;
}
.active\:surface-section:active {
  background-color: var(--surface-section) !important;
}
.focus\:surface-card:focus {
  background-color: var(--surface-card) !important;
}
.hover\:surface-card:hover {
  background-color: var(--surface-card) !important;
}
.active\:surface-card:active {
  background-color: var(--surface-card) !important;
}
.focus\:surface-overlay:focus {
  background-color: var(--surface-overlay) !important;
}
.hover\:surface-overlay:hover {
  background-color: var(--surface-overlay) !important;
}
.active\:surface-overlay:active {
  background-color: var(--surface-overlay) !important;
}
.focus\:surface-hover:focus {
  background-color: var(--surface-hover) !important;
}
.hover\:surface-hover:hover {
  background-color: var(--surface-hover) !important;
}
.active\:surface-hover:active {
  background-color: var(--surface-hover) !important;
}
.focus\:surface-border:focus {
  border-color: var(--surface-border) !important;
}
.hover\:surface-border:hover {
  border-color: var(--surface-border) !important;
}
.active\:surface-border:active {
  border-color: var(--surface-border) !important;
}
@media screen and (min-width: 576px) {
  .sm\:text-primary {
    color: var(--primary-color) !important;
  }
  .sm\:bg-primary {
    color: var(--primary-color-text) !important;
    background-color: var(--primary-color) !important;
  }
  .sm\:bg-primary-reverse {
    color: var(--primary-color) !important;
    background-color: var(--primary-color-text) !important;
  }
  .sm\:bg-white {
    background-color: #ffffff !important;
  }
  .sm\:border-primary {
    border-color: var(--primary-color) !important;
  }
  .sm\:text-white {
    color: #ffffff !important;
  }
  .sm\:border-white {
    border-color: #ffffff !important;
  }
  .sm\:text-color {
    color: var(--text-color) !important;
  }
  .sm\:text-color-secondary {
    color: var(--text-color-secondary) !important;
  }
  .sm\:surface-ground {
    background-color: var(--surface-ground) !important;
  }
  .sm\:surface-section {
    background-color: var(--surface-section) !important;
  }
  .sm\:surface-card {
    background-color: var(--surface-card) !important;
  }
  .sm\:surface-overlay {
    background-color: var(--surface-overlay) !important;
  }
  .sm\:surface-hover {
    background-color: var(--surface-hover) !important;
  }
  .sm\:surface-border {
    border-color: var(--surface-border) !important;
  }
  .sm\:focus\:text-primary:focus {
    color: var(--primary-color) !important;
  }
  .sm\:hover\:text-primary:hover {
    color: var(--primary-color) !important;
  }
  .sm\:active\:text-primary:active {
    color: var(--primary-color) !important;
  }
  .sm\:focus\:bg-primary:focus {
    color: var(--primary-color-text) !important;
    background-color: var(--primary-color) !important;
  }
  .sm\:hover\:bg-primary:hover {
    color: var(--primary-color-text) !important;
    background-color: var(--primary-color) !important;
  }
  .sm\:active\:bg-primary:active {
    color: var(--primary-color-text) !important;
    background-color: var(--primary-color) !important;
  }
  .sm\:focus\:bg-primary-reverse:focus {
    color: var(--primary-color) !important;
    background-color: var(--primary-color-text) !important;
  }
  .sm\:hover\:bg-primary-reverse:hover {
    color: var(--primary-color) !important;
    background-color: var(--primary-color-text) !important;
  }
  .sm\:active\:bg-primary-reverse:active {
    color: var(--primary-color) !important;
    background-color: var(--primary-color-text) !important;
  }
  .sm\:focus\:bg-white:focus {
    background-color: #ffffff !important;
  }
  .sm\:hover\:bg-white:hover {
    background-color: #ffffff !important;
  }
  .sm\:active\:bg-white:active {
    background-color: #ffffff !important;
  }
  .sm\:focus\:border-primary:focus {
    border-color: var(--primary-color) !important;
  }
  .sm\:hover\:border-primary:hover {
    border-color: var(--primary-color) !important;
  }
  .sm\:active\:border-primary:active {
    border-color: var(--primary-color) !important;
  }
  .sm\:focus\:text-white:focus {
    color: #ffffff !important;
  }
  .sm\:hover\:text-white:hover {
    color: #ffffff !important;
  }
  .sm\:active\:text-white:active {
    color: #ffffff !important;
  }
  .sm\:focus\:border-white:focus {
    border-color: #ffffff !important;
  }
  .sm\:hover\:border-white:hover {
    border-color: #ffffff !important;
  }
  .sm\:active\:border-white:active {
    border-color: #ffffff !important;
  }
  .sm\:focus\:text-color:focus {
    color: var(--text-color) !important;
  }
  .sm\:hover\:text-color:hover {
    color: var(--text-color) !important;
  }
  .sm\:active\:text-color:active {
    color: var(--text-color) !important;
  }
  .sm\:focus\:text-color-secondary:focus {
    color: var(--text-color-secondary) !important;
  }
  .sm\:hover\:text-color-secondary:hover {
    color: var(--text-color-secondary) !important;
  }
  .sm\:active\:text-color-secondary:active {
    color: var(--text-color-secondary) !important;
  }
  .sm\:focus\:surface-ground:focus {
    background-color: var(--surface-ground) !important;
  }
  .sm\:hover\:surface-ground:hover {
    background-color: var(--surface-ground) !important;
  }
  .sm\:active\:surface-ground:active {
    background-color: var(--surface-ground) !important;
  }
  .sm\:focus\:surface-section:focus {
    background-color: var(--surface-section) !important;
  }
  .sm\:hover\:surface-section:hover {
    background-color: var(--surface-section) !important;
  }
  .sm\:active\:surface-section:active {
    background-color: var(--surface-section) !important;
  }
  .sm\:focus\:surface-card:focus {
    background-color: var(--surface-card) !important;
  }
  .sm\:hover\:surface-card:hover {
    background-color: var(--surface-card) !important;
  }
  .sm\:active\:surface-card:active {
    background-color: var(--surface-card) !important;
  }
  .sm\:focus\:surface-overlay:focus {
    background-color: var(--surface-overlay) !important;
  }
  .sm\:hover\:surface-overlay:hover {
    background-color: var(--surface-overlay) !important;
  }
  .sm\:active\:surface-overlay:active {
    background-color: var(--surface-overlay) !important;
  }
  .sm\:focus\:surface-hover:focus {
    background-color: var(--surface-hover) !important;
  }
  .sm\:hover\:surface-hover:hover {
    background-color: var(--surface-hover) !important;
  }
  .sm\:active\:surface-hover:active {
    background-color: var(--surface-hover) !important;
  }
  .sm\:focus\:surface-border:focus {
    border-color: var(--surface-border) !important;
  }
  .sm\:hover\:surface-border:hover {
    border-color: var(--surface-border) !important;
  }
  .sm\:active\:surface-border:active {
    border-color: var(--surface-border) !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:text-primary {
    color: var(--primary-color) !important;
  }
  .md\:bg-primary {
    color: var(--primary-color-text) !important;
    background-color: var(--primary-color) !important;
  }
  .md\:bg-primary-reverse {
    color: var(--primary-color) !important;
    background-color: var(--primary-color-text) !important;
  }
  .md\:bg-white {
    background-color: #ffffff !important;
  }
  .md\:border-primary {
    border-color: var(--primary-color) !important;
  }
  .md\:text-white {
    color: #ffffff !important;
  }
  .md\:border-white {
    border-color: #ffffff !important;
  }
  .md\:text-color {
    color: var(--text-color) !important;
  }
  .md\:text-color-secondary {
    color: var(--text-color-secondary) !important;
  }
  .md\:surface-ground {
    background-color: var(--surface-ground) !important;
  }
  .md\:surface-section {
    background-color: var(--surface-section) !important;
  }
  .md\:surface-card {
    background-color: var(--surface-card) !important;
  }
  .md\:surface-overlay {
    background-color: var(--surface-overlay) !important;
  }
  .md\:surface-hover {
    background-color: var(--surface-hover) !important;
  }
  .md\:surface-border {
    border-color: var(--surface-border) !important;
  }
  .md\:focus\:text-primary:focus {
    color: var(--primary-color) !important;
  }
  .md\:hover\:text-primary:hover {
    color: var(--primary-color) !important;
  }
  .md\:active\:text-primary:active {
    color: var(--primary-color) !important;
  }
  .md\:focus\:bg-primary:focus {
    color: var(--primary-color-text) !important;
    background-color: var(--primary-color) !important;
  }
  .md\:hover\:bg-primary:hover {
    color: var(--primary-color-text) !important;
    background-color: var(--primary-color) !important;
  }
  .md\:active\:bg-primary:active {
    color: var(--primary-color-text) !important;
    background-color: var(--primary-color) !important;
  }
  .md\:focus\:bg-primary-reverse:focus {
    color: var(--primary-color) !important;
    background-color: var(--primary-color-text) !important;
  }
  .md\:hover\:bg-primary-reverse:hover {
    color: var(--primary-color) !important;
    background-color: var(--primary-color-text) !important;
  }
  .md\:active\:bg-primary-reverse:active {
    color: var(--primary-color) !important;
    background-color: var(--primary-color-text) !important;
  }
  .md\:focus\:bg-white:focus {
    background-color: #ffffff !important;
  }
  .md\:hover\:bg-white:hover {
    background-color: #ffffff !important;
  }
  .md\:active\:bg-white:active {
    background-color: #ffffff !important;
  }
  .md\:focus\:border-primary:focus {
    border-color: var(--primary-color) !important;
  }
  .md\:hover\:border-primary:hover {
    border-color: var(--primary-color) !important;
  }
  .md\:active\:border-primary:active {
    border-color: var(--primary-color) !important;
  }
  .md\:focus\:text-white:focus {
    color: #ffffff !important;
  }
  .md\:hover\:text-white:hover {
    color: #ffffff !important;
  }
  .md\:active\:text-white:active {
    color: #ffffff !important;
  }
  .md\:focus\:border-white:focus {
    border-color: #ffffff !important;
  }
  .md\:hover\:border-white:hover {
    border-color: #ffffff !important;
  }
  .md\:active\:border-white:active {
    border-color: #ffffff !important;
  }
  .md\:focus\:text-color:focus {
    color: var(--text-color) !important;
  }
  .md\:hover\:text-color:hover {
    color: var(--text-color) !important;
  }
  .md\:active\:text-color:active {
    color: var(--text-color) !important;
  }
  .md\:focus\:text-color-secondary:focus {
    color: var(--text-color-secondary) !important;
  }
  .md\:hover\:text-color-secondary:hover {
    color: var(--text-color-secondary) !important;
  }
  .md\:active\:text-color-secondary:active {
    color: var(--text-color-secondary) !important;
  }
  .md\:focus\:surface-ground:focus {
    background-color: var(--surface-ground) !important;
  }
  .md\:hover\:surface-ground:hover {
    background-color: var(--surface-ground) !important;
  }
  .md\:active\:surface-ground:active {
    background-color: var(--surface-ground) !important;
  }
  .md\:focus\:surface-section:focus {
    background-color: var(--surface-section) !important;
  }
  .md\:hover\:surface-section:hover {
    background-color: var(--surface-section) !important;
  }
  .md\:active\:surface-section:active {
    background-color: var(--surface-section) !important;
  }
  .md\:focus\:surface-card:focus {
    background-color: var(--surface-card) !important;
  }
  .md\:hover\:surface-card:hover {
    background-color: var(--surface-card) !important;
  }
  .md\:active\:surface-card:active {
    background-color: var(--surface-card) !important;
  }
  .md\:focus\:surface-overlay:focus {
    background-color: var(--surface-overlay) !important;
  }
  .md\:hover\:surface-overlay:hover {
    background-color: var(--surface-overlay) !important;
  }
  .md\:active\:surface-overlay:active {
    background-color: var(--surface-overlay) !important;
  }
  .md\:focus\:surface-hover:focus {
    background-color: var(--surface-hover) !important;
  }
  .md\:hover\:surface-hover:hover {
    background-color: var(--surface-hover) !important;
  }
  .md\:active\:surface-hover:active {
    background-color: var(--surface-hover) !important;
  }
  .md\:focus\:surface-border:focus {
    border-color: var(--surface-border) !important;
  }
  .md\:hover\:surface-border:hover {
    border-color: var(--surface-border) !important;
  }
  .md\:active\:surface-border:active {
    border-color: var(--surface-border) !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:text-primary {
    color: var(--primary-color) !important;
  }
  .lg\:bg-primary {
    color: var(--primary-color-text) !important;
    background-color: var(--primary-color) !important;
  }
  .lg\:bg-primary-reverse {
    color: var(--primary-color) !important;
    background-color: var(--primary-color-text) !important;
  }
  .lg\:bg-white {
    background-color: #ffffff !important;
  }
  .lg\:border-primary {
    border-color: var(--primary-color) !important;
  }
  .lg\:text-white {
    color: #ffffff !important;
  }
  .lg\:border-white {
    border-color: #ffffff !important;
  }
  .lg\:text-color {
    color: var(--text-color) !important;
  }
  .lg\:text-color-secondary {
    color: var(--text-color-secondary) !important;
  }
  .lg\:surface-ground {
    background-color: var(--surface-ground) !important;
  }
  .lg\:surface-section {
    background-color: var(--surface-section) !important;
  }
  .lg\:surface-card {
    background-color: var(--surface-card) !important;
  }
  .lg\:surface-overlay {
    background-color: var(--surface-overlay) !important;
  }
  .lg\:surface-hover {
    background-color: var(--surface-hover) !important;
  }
  .lg\:surface-border {
    border-color: var(--surface-border) !important;
  }
  .lg\:focus\:text-primary:focus {
    color: var(--primary-color) !important;
  }
  .lg\:hover\:text-primary:hover {
    color: var(--primary-color) !important;
  }
  .lg\:active\:text-primary:active {
    color: var(--primary-color) !important;
  }
  .lg\:focus\:bg-primary:focus {
    color: var(--primary-color-text) !important;
    background-color: var(--primary-color) !important;
  }
  .lg\:hover\:bg-primary:hover {
    color: var(--primary-color-text) !important;
    background-color: var(--primary-color) !important;
  }
  .lg\:active\:bg-primary:active {
    color: var(--primary-color-text) !important;
    background-color: var(--primary-color) !important;
  }
  .lg\:focus\:bg-primary-reverse:focus {
    color: var(--primary-color) !important;
    background-color: var(--primary-color-text) !important;
  }
  .lg\:hover\:bg-primary-reverse:hover {
    color: var(--primary-color) !important;
    background-color: var(--primary-color-text) !important;
  }
  .lg\:active\:bg-primary-reverse:active {
    color: var(--primary-color) !important;
    background-color: var(--primary-color-text) !important;
  }
  .lg\:focus\:bg-white:focus {
    background-color: #ffffff !important;
  }
  .lg\:hover\:bg-white:hover {
    background-color: #ffffff !important;
  }
  .lg\:active\:bg-white:active {
    background-color: #ffffff !important;
  }
  .lg\:focus\:border-primary:focus {
    border-color: var(--primary-color) !important;
  }
  .lg\:hover\:border-primary:hover {
    border-color: var(--primary-color) !important;
  }
  .lg\:active\:border-primary:active {
    border-color: var(--primary-color) !important;
  }
  .lg\:focus\:text-white:focus {
    color: #ffffff !important;
  }
  .lg\:hover\:text-white:hover {
    color: #ffffff !important;
  }
  .lg\:active\:text-white:active {
    color: #ffffff !important;
  }
  .lg\:focus\:border-white:focus {
    border-color: #ffffff !important;
  }
  .lg\:hover\:border-white:hover {
    border-color: #ffffff !important;
  }
  .lg\:active\:border-white:active {
    border-color: #ffffff !important;
  }
  .lg\:focus\:text-color:focus {
    color: var(--text-color) !important;
  }
  .lg\:hover\:text-color:hover {
    color: var(--text-color) !important;
  }
  .lg\:active\:text-color:active {
    color: var(--text-color) !important;
  }
  .lg\:focus\:text-color-secondary:focus {
    color: var(--text-color-secondary) !important;
  }
  .lg\:hover\:text-color-secondary:hover {
    color: var(--text-color-secondary) !important;
  }
  .lg\:active\:text-color-secondary:active {
    color: var(--text-color-secondary) !important;
  }
  .lg\:focus\:surface-ground:focus {
    background-color: var(--surface-ground) !important;
  }
  .lg\:hover\:surface-ground:hover {
    background-color: var(--surface-ground) !important;
  }
  .lg\:active\:surface-ground:active {
    background-color: var(--surface-ground) !important;
  }
  .lg\:focus\:surface-section:focus {
    background-color: var(--surface-section) !important;
  }
  .lg\:hover\:surface-section:hover {
    background-color: var(--surface-section) !important;
  }
  .lg\:active\:surface-section:active {
    background-color: var(--surface-section) !important;
  }
  .lg\:focus\:surface-card:focus {
    background-color: var(--surface-card) !important;
  }
  .lg\:hover\:surface-card:hover {
    background-color: var(--surface-card) !important;
  }
  .lg\:active\:surface-card:active {
    background-color: var(--surface-card) !important;
  }
  .lg\:focus\:surface-overlay:focus {
    background-color: var(--surface-overlay) !important;
  }
  .lg\:hover\:surface-overlay:hover {
    background-color: var(--surface-overlay) !important;
  }
  .lg\:active\:surface-overlay:active {
    background-color: var(--surface-overlay) !important;
  }
  .lg\:focus\:surface-hover:focus {
    background-color: var(--surface-hover) !important;
  }
  .lg\:hover\:surface-hover:hover {
    background-color: var(--surface-hover) !important;
  }
  .lg\:active\:surface-hover:active {
    background-color: var(--surface-hover) !important;
  }
  .lg\:focus\:surface-border:focus {
    border-color: var(--surface-border) !important;
  }
  .lg\:hover\:surface-border:hover {
    border-color: var(--surface-border) !important;
  }
  .lg\:active\:surface-border:active {
    border-color: var(--surface-border) !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:text-primary {
    color: var(--primary-color) !important;
  }
  .xl\:bg-primary {
    color: var(--primary-color-text) !important;
    background-color: var(--primary-color) !important;
  }
  .xl\:bg-primary-reverse {
    color: var(--primary-color) !important;
    background-color: var(--primary-color-text) !important;
  }
  .xl\:bg-white {
    background-color: #ffffff !important;
  }
  .xl\:border-primary {
    border-color: var(--primary-color) !important;
  }
  .xl\:text-white {
    color: #ffffff !important;
  }
  .xl\:border-white {
    border-color: #ffffff !important;
  }
  .xl\:text-color {
    color: var(--text-color) !important;
  }
  .xl\:text-color-secondary {
    color: var(--text-color-secondary) !important;
  }
  .xl\:surface-ground {
    background-color: var(--surface-ground) !important;
  }
  .xl\:surface-section {
    background-color: var(--surface-section) !important;
  }
  .xl\:surface-card {
    background-color: var(--surface-card) !important;
  }
  .xl\:surface-overlay {
    background-color: var(--surface-overlay) !important;
  }
  .xl\:surface-hover {
    background-color: var(--surface-hover) !important;
  }
  .xl\:surface-border {
    border-color: var(--surface-border) !important;
  }
  .xl\:focus\:text-primary:focus {
    color: var(--primary-color) !important;
  }
  .xl\:hover\:text-primary:hover {
    color: var(--primary-color) !important;
  }
  .xl\:active\:text-primary:active {
    color: var(--primary-color) !important;
  }
  .xl\:focus\:bg-primary:focus {
    color: var(--primary-color-text) !important;
    background-color: var(--primary-color) !important;
  }
  .xl\:hover\:bg-primary:hover {
    color: var(--primary-color-text) !important;
    background-color: var(--primary-color) !important;
  }
  .xl\:active\:bg-primary:active {
    color: var(--primary-color-text) !important;
    background-color: var(--primary-color) !important;
  }
  .xl\:focus\:bg-primary-reverse:focus {
    color: var(--primary-color) !important;
    background-color: var(--primary-color-text) !important;
  }
  .xl\:hover\:bg-primary-reverse:hover {
    color: var(--primary-color) !important;
    background-color: var(--primary-color-text) !important;
  }
  .xl\:active\:bg-primary-reverse:active {
    color: var(--primary-color) !important;
    background-color: var(--primary-color-text) !important;
  }
  .xl\:focus\:bg-white:focus {
    background-color: #ffffff !important;
  }
  .xl\:hover\:bg-white:hover {
    background-color: #ffffff !important;
  }
  .xl\:active\:bg-white:active {
    background-color: #ffffff !important;
  }
  .xl\:focus\:border-primary:focus {
    border-color: var(--primary-color) !important;
  }
  .xl\:hover\:border-primary:hover {
    border-color: var(--primary-color) !important;
  }
  .xl\:active\:border-primary:active {
    border-color: var(--primary-color) !important;
  }
  .xl\:focus\:text-white:focus {
    color: #ffffff !important;
  }
  .xl\:hover\:text-white:hover {
    color: #ffffff !important;
  }
  .xl\:active\:text-white:active {
    color: #ffffff !important;
  }
  .xl\:focus\:border-white:focus {
    border-color: #ffffff !important;
  }
  .xl\:hover\:border-white:hover {
    border-color: #ffffff !important;
  }
  .xl\:active\:border-white:active {
    border-color: #ffffff !important;
  }
  .xl\:focus\:text-color:focus {
    color: var(--text-color) !important;
  }
  .xl\:hover\:text-color:hover {
    color: var(--text-color) !important;
  }
  .xl\:active\:text-color:active {
    color: var(--text-color) !important;
  }
  .xl\:focus\:text-color-secondary:focus {
    color: var(--text-color-secondary) !important;
  }
  .xl\:hover\:text-color-secondary:hover {
    color: var(--text-color-secondary) !important;
  }
  .xl\:active\:text-color-secondary:active {
    color: var(--text-color-secondary) !important;
  }
  .xl\:focus\:surface-ground:focus {
    background-color: var(--surface-ground) !important;
  }
  .xl\:hover\:surface-ground:hover {
    background-color: var(--surface-ground) !important;
  }
  .xl\:active\:surface-ground:active {
    background-color: var(--surface-ground) !important;
  }
  .xl\:focus\:surface-section:focus {
    background-color: var(--surface-section) !important;
  }
  .xl\:hover\:surface-section:hover {
    background-color: var(--surface-section) !important;
  }
  .xl\:active\:surface-section:active {
    background-color: var(--surface-section) !important;
  }
  .xl\:focus\:surface-card:focus {
    background-color: var(--surface-card) !important;
  }
  .xl\:hover\:surface-card:hover {
    background-color: var(--surface-card) !important;
  }
  .xl\:active\:surface-card:active {
    background-color: var(--surface-card) !important;
  }
  .xl\:focus\:surface-overlay:focus {
    background-color: var(--surface-overlay) !important;
  }
  .xl\:hover\:surface-overlay:hover {
    background-color: var(--surface-overlay) !important;
  }
  .xl\:active\:surface-overlay:active {
    background-color: var(--surface-overlay) !important;
  }
  .xl\:focus\:surface-hover:focus {
    background-color: var(--surface-hover) !important;
  }
  .xl\:hover\:surface-hover:hover {
    background-color: var(--surface-hover) !important;
  }
  .xl\:active\:surface-hover:active {
    background-color: var(--surface-hover) !important;
  }
  .xl\:focus\:surface-border:focus {
    border-color: var(--surface-border) !important;
  }
  .xl\:hover\:surface-border:hover {
    border-color: var(--surface-border) !important;
  }
  .xl\:active\:surface-border:active {
    border-color: var(--surface-border) !important;
  }
}
.field {
  margin-bottom: 1rem;
}
.field > label {
  display: inline-block;
  margin-bottom: 0.5rem;
}
.field.grid > label {
  display: flex;
  align-items: center;
}
.field > small {
  margin-top: 0.25rem;
}
.field.grid,
.formgrid.grid {
  margin-top: 0;
}
.field.grid .col-fixed,
.formgrid.grid .col-fixed,
.field.grid .col,
.formgrid.grid .col,
.field.grid .col-1,
.formgrid.grid .col-1,
.field.grid .col-2,
.formgrid.grid .col-2,
.field.grid .col-3,
.formgrid.grid .col-3,
.field.grid .col-4,
.formgrid.grid .col-4,
.field.grid .col-5,
.formgrid.grid .col-5,
.field.grid .col-6,
.formgrid.grid .col-6,
.field.grid .col-7,
.formgrid.grid .col-7,
.field.grid .col-8,
.formgrid.grid .col-8,
.field.grid .col-9,
.formgrid.grid .col-9,
.field.grid .col-10,
.formgrid.grid .col-10,
.field.grid .col-11,
.formgrid.grid .col-11,
.field.grid .col-12,
.formgrid.grid .col-12 {
  padding-top: 0;
  padding-bottom: 0;
}
.formgroup-inline {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}
.formgroup-inline .field,
.formgroup-inline .field-checkbox,
.formgroup-inline .field-radiobutton {
  margin-right: 1rem;
}
.formgroup-inline .field > label,
.formgroup-inline .field-checkbox > label,
.formgroup-inline .field-radiobutton > label {
  margin-right: 0.5rem;
  margin-bottom: 0;
}
.field-checkbox,
.field-radiobutton {
  margin-bottom: 1rem;
  display: flex;
  align-items: center;
}
.field-checkbox > label,
.field-radiobutton > label {
  margin-left: 0.5rem;
  line-height: 1;
}
.hidden {
  display: none !important;
}
.block {
  display: block !important;
}
.inline {
  display: inline !important;
}
.inline-block {
  display: inline-block !important;
}
.flex {
  display: flex !important;
}
.inline-flex {
  display: inline-flex !important;
}
@media screen and (min-width: 576px) {
  .sm\:hidden {
    display: none !important;
  }
  .sm\:block {
    display: block !important;
  }
  .sm\:inline {
    display: inline !important;
  }
  .sm\:inline-block {
    display: inline-block !important;
  }
  .sm\:flex {
    display: flex !important;
  }
  .sm\:inline-flex {
    display: inline-flex !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:hidden {
    display: none !important;
  }
  .md\:block {
    display: block !important;
  }
  .md\:inline {
    display: inline !important;
  }
  .md\:inline-block {
    display: inline-block !important;
  }
  .md\:flex {
    display: flex !important;
  }
  .md\:inline-flex {
    display: inline-flex !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:hidden {
    display: none !important;
  }
  .lg\:block {
    display: block !important;
  }
  .lg\:inline {
    display: inline !important;
  }
  .lg\:inline-block {
    display: inline-block !important;
  }
  .lg\:flex {
    display: flex !important;
  }
  .lg\:inline-flex {
    display: inline-flex !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:hidden {
    display: none !important;
  }
  .xl\:block {
    display: block !important;
  }
  .xl\:inline {
    display: inline !important;
  }
  .xl\:inline-block {
    display: inline-block !important;
  }
  .xl\:flex {
    display: flex !important;
  }
  .xl\:inline-flex {
    display: inline-flex !important;
  }
}
.text-center {
  text-align: center !important;
}
.text-justify {
  text-align: justify !important;
}
.text-left {
  text-align: left !important;
}
.text-right {
  text-align: right !important;
}
@media screen and (min-width: 576px) {
  .sm\:text-center {
    text-align: center !important;
  }
  .sm\:text-justify {
    text-align: justify !important;
  }
  .sm\:text-left {
    text-align: left !important;
  }
  .sm\:text-right {
    text-align: right !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:text-center {
    text-align: center !important;
  }
  .md\:text-justify {
    text-align: justify !important;
  }
  .md\:text-left {
    text-align: left !important;
  }
  .md\:text-right {
    text-align: right !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:text-center {
    text-align: center !important;
  }
  .lg\:text-justify {
    text-align: justify !important;
  }
  .lg\:text-left {
    text-align: left !important;
  }
  .lg\:text-right {
    text-align: right !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:text-center {
    text-align: center !important;
  }
  .xl\:text-justify {
    text-align: justify !important;
  }
  .xl\:text-left {
    text-align: left !important;
  }
  .xl\:text-right {
    text-align: right !important;
  }
}
.underline {
  text-decoration: underline !important;
}
.line-through {
  text-decoration: line-through !important;
}
.no-underline {
  text-decoration: none !important;
}
.focus\:underline:focus {
  text-decoration: underline !important;
}
.hover\:underline:hover {
  text-decoration: underline !important;
}
.active\:underline:active {
  text-decoration: underline !important;
}
.focus\:line-through:focus {
  text-decoration: line-through !important;
}
.hover\:line-through:hover {
  text-decoration: line-through !important;
}
.active\:line-through:active {
  text-decoration: line-through !important;
}
.focus\:no-underline:focus {
  text-decoration: none !important;
}
.hover\:no-underline:hover {
  text-decoration: none !important;
}
.active\:no-underline:active {
  text-decoration: none !important;
}
.lowercase {
  text-transform: lowercase !important;
}
.uppercase {
  text-transform: uppercase !important;
}
.capitalize {
  text-transform: capitalize !important;
}
.text-overflow-clip {
  text-overflow: clip !important;
}
.text-overflow-ellipsis {
  text-overflow: ellipsis !important;
}
@media screen and (min-width: 576px) {
  .sm\:text-overflow-clip {
    text-overflow: clip !important;
  }
  .sm\:text-overflow-ellipsis {
    text-overflow: ellipsis !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:text-overflow-clip {
    text-overflow: clip !important;
  }
  .md\:text-overflow-ellipsis {
    text-overflow: ellipsis !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:text-overflow-clip {
    text-overflow: clip !important;
  }
  .lg\:text-overflow-ellipsis {
    text-overflow: ellipsis !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:text-overflow-clip {
    text-overflow: clip !important;
  }
  .xl\:text-overflow-ellipsis {
    text-overflow: ellipsis !important;
  }
}
.font-light {
  font-weight: 300 !important;
}
.font-normal {
  font-weight: 400 !important;
}
.font-medium {
  font-weight: 500 !important;
}
.font-semibold {
  font-weight: 600 !important;
}
.font-bold {
  font-weight: 700 !important;
}
@media screen and (min-width: 576px) {
  .sm\:font-light {
    font-weight: 300 !important;
  }
  .sm\:font-normal {
    font-weight: 400 !important;
  }
  .sm\:font-medium {
    font-weight: 500 !important;
  }
  .sm\:font-semibold {
    font-weight: 600 !important;
  }
  .sm\:font-bold {
    font-weight: 700 !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:font-light {
    font-weight: 300 !important;
  }
  .md\:font-normal {
    font-weight: 400 !important;
  }
  .md\:font-medium {
    font-weight: 500 !important;
  }
  .md\:font-semibold {
    font-weight: 600 !important;
  }
  .md\:font-bold {
    font-weight: 700 !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:font-light {
    font-weight: 300 !important;
  }
  .lg\:font-normal {
    font-weight: 400 !important;
  }
  .lg\:font-medium {
    font-weight: 500 !important;
  }
  .lg\:font-semibold {
    font-weight: 600 !important;
  }
  .lg\:font-bold {
    font-weight: 700 !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:font-light {
    font-weight: 300 !important;
  }
  .xl\:font-normal {
    font-weight: 400 !important;
  }
  .xl\:font-medium {
    font-weight: 500 !important;
  }
  .xl\:font-semibold {
    font-weight: 600 !important;
  }
  .xl\:font-bold {
    font-weight: 700 !important;
  }
}
.font-italic {
  font-style: italic !important;
}
.text-xs {
  font-size: 0.75rem !important;
}
.text-sm {
  font-size: 0.875rem !important;
}
.text-base {
  font-size: 1rem !important;
}
.text-lg {
  font-size: 1.125rem !important;
}
.text-xl {
  font-size: 1.25rem !important;
}
.text-2xl {
  font-size: 1.5rem !important;
}
.text-3xl {
  font-size: 1.75rem !important;
}
.text-4xl {
  font-size: 2rem !important;
}
.text-5xl {
  font-size: 2.5rem !important;
}
.text-6xl {
  font-size: 3rem !important;
}
.text-7xl {
  font-size: 4rem !important;
}
.text-8xl {
  font-size: 6rem !important;
}
@media screen and (min-width: 576px) {
  .sm\:text-xs {
    font-size: 0.75rem !important;
  }
  .sm\:text-sm {
    font-size: 0.875rem !important;
  }
  .sm\:text-base {
    font-size: 1rem !important;
  }
  .sm\:text-lg {
    font-size: 1.125rem !important;
  }
  .sm\:text-xl {
    font-size: 1.25rem !important;
  }
  .sm\:text-2xl {
    font-size: 1.5rem !important;
  }
  .sm\:text-3xl {
    font-size: 1.75rem !important;
  }
  .sm\:text-4xl {
    font-size: 2rem !important;
  }
  .sm\:text-5xl {
    font-size: 2.5rem !important;
  }
  .sm\:text-6xl {
    font-size: 3rem !important;
  }
  .sm\:text-7xl {
    font-size: 4rem !important;
  }
  .sm\:text-8xl {
    font-size: 6rem !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:text-xs {
    font-size: 0.75rem !important;
  }
  .md\:text-sm {
    font-size: 0.875rem !important;
  }
  .md\:text-base {
    font-size: 1rem !important;
  }
  .md\:text-lg {
    font-size: 1.125rem !important;
  }
  .md\:text-xl {
    font-size: 1.25rem !important;
  }
  .md\:text-2xl {
    font-size: 1.5rem !important;
  }
  .md\:text-3xl {
    font-size: 1.75rem !important;
  }
  .md\:text-4xl {
    font-size: 2rem !important;
  }
  .md\:text-5xl {
    font-size: 2.5rem !important;
  }
  .md\:text-6xl {
    font-size: 3rem !important;
  }
  .md\:text-7xl {
    font-size: 4rem !important;
  }
  .md\:text-8xl {
    font-size: 6rem !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:text-xs {
    font-size: 0.75rem !important;
  }
  .lg\:text-sm {
    font-size: 0.875rem !important;
  }
  .lg\:text-base {
    font-size: 1rem !important;
  }
  .lg\:text-lg {
    font-size: 1.125rem !important;
  }
  .lg\:text-xl {
    font-size: 1.25rem !important;
  }
  .lg\:text-2xl {
    font-size: 1.5rem !important;
  }
  .lg\:text-3xl {
    font-size: 1.75rem !important;
  }
  .lg\:text-4xl {
    font-size: 2rem !important;
  }
  .lg\:text-5xl {
    font-size: 2.5rem !important;
  }
  .lg\:text-6xl {
    font-size: 3rem !important;
  }
  .lg\:text-7xl {
    font-size: 4rem !important;
  }
  .lg\:text-8xl {
    font-size: 6rem !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:text-xs {
    font-size: 0.75rem !important;
  }
  .xl\:text-sm {
    font-size: 0.875rem !important;
  }
  .xl\:text-base {
    font-size: 1rem !important;
  }
  .xl\:text-lg {
    font-size: 1.125rem !important;
  }
  .xl\:text-xl {
    font-size: 1.25rem !important;
  }
  .xl\:text-2xl {
    font-size: 1.5rem !important;
  }
  .xl\:text-3xl {
    font-size: 1.75rem !important;
  }
  .xl\:text-4xl {
    font-size: 2rem !important;
  }
  .xl\:text-5xl {
    font-size: 2.5rem !important;
  }
  .xl\:text-6xl {
    font-size: 3rem !important;
  }
  .xl\:text-7xl {
    font-size: 4rem !important;
  }
  .xl\:text-8xl {
    font-size: 6rem !important;
  }
}
.line-height-1 {
  line-height: 1 !important;
}
.line-height-2 {
  line-height: 1.25 !important;
}
.line-height-3 {
  line-height: 1.5 !important;
}
.line-height-4 {
  line-height: 2 !important;
}
.white-space-normal {
  white-space: normal !important;
}
.white-space-nowrap {
  white-space: nowrap !important;
}
.vertical-align-baseline {
  vertical-align: baseline !important;
}
.vertical-align-top {
  vertical-align: top !important;
}
.vertical-align-middle {
  vertical-align: middle !important;
}
.vertical-align-bottom {
  vertical-align: bottom !important;
}
.vertical-align-text-top {
  vertical-align: text-top !important;
}
.vertical-align-text-bottom {
  vertical-align: text-bottom !important;
}
.vertical-align-sub {
  vertical-align: sub !important;
}
.vertical-align-super {
  vertical-align: super !important;
}
@media screen and (min-width: 576px) {
  .sm\:vertical-align-baseline {
    vertical-align: baseline !important;
  }
  .sm\:vertical-align-top {
    vertical-align: top !important;
  }
  .sm\:vertical-align-middle {
    vertical-align: middle !important;
  }
  .sm\:vertical-align-bottom {
    vertical-align: bottom !important;
  }
  .sm\:vertical-align-text-top {
    vertical-align: text-top !important;
  }
  .sm\:vertical-align-text-bottom {
    vertical-align: text-bottom !important;
  }
  .sm\:vertical-align-sub {
    vertical-align: sub !important;
  }
  .sm\:vertical-align-super {
    vertical-align: super !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:vertical-align-baseline {
    vertical-align: baseline !important;
  }
  .md\:vertical-align-top {
    vertical-align: top !important;
  }
  .md\:vertical-align-middle {
    vertical-align: middle !important;
  }
  .md\:vertical-align-bottom {
    vertical-align: bottom !important;
  }
  .md\:vertical-align-text-top {
    vertical-align: text-top !important;
  }
  .md\:vertical-align-text-bottom {
    vertical-align: text-bottom !important;
  }
  .md\:vertical-align-sub {
    vertical-align: sub !important;
  }
  .md\:vertical-align-super {
    vertical-align: super !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:vertical-align-baseline {
    vertical-align: baseline !important;
  }
  .lg\:vertical-align-top {
    vertical-align: top !important;
  }
  .lg\:vertical-align-middle {
    vertical-align: middle !important;
  }
  .lg\:vertical-align-bottom {
    vertical-align: bottom !important;
  }
  .lg\:vertical-align-text-top {
    vertical-align: text-top !important;
  }
  .lg\:vertical-align-text-bottom {
    vertical-align: text-bottom !important;
  }
  .lg\:vertical-align-sub {
    vertical-align: sub !important;
  }
  .lg\:vertical-align-super {
    vertical-align: super !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:vertical-align-baseline {
    vertical-align: baseline !important;
  }
  .xl\:vertical-align-top {
    vertical-align: top !important;
  }
  .xl\:vertical-align-middle {
    vertical-align: middle !important;
  }
  .xl\:vertical-align-bottom {
    vertical-align: bottom !important;
  }
  .xl\:vertical-align-text-top {
    vertical-align: text-top !important;
  }
  .xl\:vertical-align-text-bottom {
    vertical-align: text-bottom !important;
  }
  .xl\:vertical-align-sub {
    vertical-align: sub !important;
  }
  .xl\:vertical-align-super {
    vertical-align: super !important;
  }
}
.flex-row {
  flex-direction: row !important;
}
.flex-row-reverse {
  flex-direction: row-reverse !important;
}
.flex-column {
  flex-direction: column !important;
}
.flex-column-reverse {
  flex-direction: column-reverse !important;
}
@media screen and (min-width: 576px) {
  .sm\:flex-row {
    flex-direction: row !important;
  }
  .sm\:flex-row-reverse {
    flex-direction: row-reverse !important;
  }
  .sm\:flex-column {
    flex-direction: column !important;
  }
  .sm\:flex-column-reverse {
    flex-direction: column-reverse !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:flex-row {
    flex-direction: row !important;
  }
  .md\:flex-row-reverse {
    flex-direction: row-reverse !important;
  }
  .md\:flex-column {
    flex-direction: column !important;
  }
  .md\:flex-column-reverse {
    flex-direction: column-reverse !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:flex-row {
    flex-direction: row !important;
  }
  .lg\:flex-row-reverse {
    flex-direction: row-reverse !important;
  }
  .lg\:flex-column {
    flex-direction: column !important;
  }
  .lg\:flex-column-reverse {
    flex-direction: column-reverse !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:flex-row {
    flex-direction: row !important;
  }
  .xl\:flex-row-reverse {
    flex-direction: row-reverse !important;
  }
  .xl\:flex-column {
    flex-direction: column !important;
  }
  .xl\:flex-column-reverse {
    flex-direction: column-reverse !important;
  }
}
.flex-wrap {
  flex-wrap: wrap !important;
}
.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}
.flex-nowrap {
  flex-wrap: nowrap !important;
}
@media screen and (min-width: 576px) {
  .sm\:flex-wrap {
    flex-wrap: wrap !important;
  }
  .sm\:flex-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .sm\:flex-nowrap {
    flex-wrap: nowrap !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:flex-wrap {
    flex-wrap: wrap !important;
  }
  .md\:flex-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .md\:flex-nowrap {
    flex-wrap: nowrap !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:flex-wrap {
    flex-wrap: wrap !important;
  }
  .lg\:flex-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .lg\:flex-nowrap {
    flex-wrap: nowrap !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:flex-wrap {
    flex-wrap: wrap !important;
  }
  .xl\:flex-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .xl\:flex-nowrap {
    flex-wrap: nowrap !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;
}
@media screen and (min-width: 576px) {
  .sm\:justify-content-start {
    justify-content: flex-start !important;
  }
  .sm\:justify-content-end {
    justify-content: flex-end !important;
  }
  .sm\:justify-content-center {
    justify-content: center !important;
  }
  .sm\:justify-content-between {
    justify-content: space-between !important;
  }
  .sm\:justify-content-around {
    justify-content: space-around !important;
  }
  .sm\:justify-content-evenly {
    justify-content: space-evenly !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:justify-content-start {
    justify-content: flex-start !important;
  }
  .md\:justify-content-end {
    justify-content: flex-end !important;
  }
  .md\:justify-content-center {
    justify-content: center !important;
  }
  .md\:justify-content-between {
    justify-content: space-between !important;
  }
  .md\:justify-content-around {
    justify-content: space-around !important;
  }
  .md\:justify-content-evenly {
    justify-content: space-evenly !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:justify-content-start {
    justify-content: flex-start !important;
  }
  .lg\:justify-content-end {
    justify-content: flex-end !important;
  }
  .lg\:justify-content-center {
    justify-content: center !important;
  }
  .lg\:justify-content-between {
    justify-content: space-between !important;
  }
  .lg\:justify-content-around {
    justify-content: space-around !important;
  }
  .lg\:justify-content-evenly {
    justify-content: space-evenly !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:justify-content-start {
    justify-content: flex-start !important;
  }
  .xl\:justify-content-end {
    justify-content: flex-end !important;
  }
  .xl\:justify-content-center {
    justify-content: center !important;
  }
  .xl\:justify-content-between {
    justify-content: space-between !important;
  }
  .xl\:justify-content-around {
    justify-content: space-around !important;
  }
  .xl\:justify-content-evenly {
    justify-content: space-evenly !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-evenly {
  align-content: space-evenly !important;
}
@media screen and (min-width: 576px) {
  .sm\:align-content-start {
    align-content: flex-start !important;
  }
  .sm\:align-content-end {
    align-content: flex-end !important;
  }
  .sm\:align-content-center {
    align-content: center !important;
  }
  .sm\:align-content-between {
    align-content: space-between !important;
  }
  .sm\:align-content-around {
    align-content: space-around !important;
  }
  .sm\:align-content-evenly {
    align-content: space-evenly !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:align-content-start {
    align-content: flex-start !important;
  }
  .md\:align-content-end {
    align-content: flex-end !important;
  }
  .md\:align-content-center {
    align-content: center !important;
  }
  .md\:align-content-between {
    align-content: space-between !important;
  }
  .md\:align-content-around {
    align-content: space-around !important;
  }
  .md\:align-content-evenly {
    align-content: space-evenly !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:align-content-start {
    align-content: flex-start !important;
  }
  .lg\:align-content-end {
    align-content: flex-end !important;
  }
  .lg\:align-content-center {
    align-content: center !important;
  }
  .lg\:align-content-between {
    align-content: space-between !important;
  }
  .lg\:align-content-around {
    align-content: space-around !important;
  }
  .lg\:align-content-evenly {
    align-content: space-evenly !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:align-content-start {
    align-content: flex-start !important;
  }
  .xl\:align-content-end {
    align-content: flex-end !important;
  }
  .xl\:align-content-center {
    align-content: center !important;
  }
  .xl\:align-content-between {
    align-content: space-between !important;
  }
  .xl\:align-content-around {
    align-content: space-around !important;
  }
  .xl\:align-content-evenly {
    align-content: space-evenly !important;
  }
}
.align-items-stretch {
  align-items: stretch !important;
}
.align-items-start {
  align-items: flex-start !important;
}
.align-items-center {
  align-items: center !important;
}
.align-items-end {
  align-items: flex-end !important;
}
.align-items-baseline {
  align-items: baseline !important;
}
@media screen and (min-width: 576px) {
  .sm\:align-items-stretch {
    align-items: stretch !important;
  }
  .sm\:align-items-start {
    align-items: flex-start !important;
  }
  .sm\:align-items-center {
    align-items: center !important;
  }
  .sm\:align-items-end {
    align-items: flex-end !important;
  }
  .sm\:align-items-baseline {
    align-items: baseline !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:align-items-stretch {
    align-items: stretch !important;
  }
  .md\:align-items-start {
    align-items: flex-start !important;
  }
  .md\:align-items-center {
    align-items: center !important;
  }
  .md\:align-items-end {
    align-items: flex-end !important;
  }
  .md\:align-items-baseline {
    align-items: baseline !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:align-items-stretch {
    align-items: stretch !important;
  }
  .lg\:align-items-start {
    align-items: flex-start !important;
  }
  .lg\:align-items-center {
    align-items: center !important;
  }
  .lg\:align-items-end {
    align-items: flex-end !important;
  }
  .lg\:align-items-baseline {
    align-items: baseline !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:align-items-stretch {
    align-items: stretch !important;
  }
  .xl\:align-items-start {
    align-items: flex-start !important;
  }
  .xl\:align-items-center {
    align-items: center !important;
  }
  .xl\:align-items-end {
    align-items: flex-end !important;
  }
  .xl\:align-items-baseline {
    align-items: baseline !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-stretch {
  align-self: stretch !important;
}
.align-self-baseline {
  align-self: baseline !important;
}
@media screen and (min-width: 576px) {
  .sm\:align-self-auto {
    align-self: auto !important;
  }
  .sm\:align-self-start {
    align-self: flex-start !important;
  }
  .sm\:align-self-end {
    align-self: flex-end !important;
  }
  .sm\:align-self-center {
    align-self: center !important;
  }
  .sm\:align-self-stretch {
    align-self: stretch !important;
  }
  .sm\:align-self-baseline {
    align-self: baseline !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:align-self-auto {
    align-self: auto !important;
  }
  .md\:align-self-start {
    align-self: flex-start !important;
  }
  .md\:align-self-end {
    align-self: flex-end !important;
  }
  .md\:align-self-center {
    align-self: center !important;
  }
  .md\:align-self-stretch {
    align-self: stretch !important;
  }
  .md\:align-self-baseline {
    align-self: baseline !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:align-self-auto {
    align-self: auto !important;
  }
  .lg\:align-self-start {
    align-self: flex-start !important;
  }
  .lg\:align-self-end {
    align-self: flex-end !important;
  }
  .lg\:align-self-center {
    align-self: center !important;
  }
  .lg\:align-self-stretch {
    align-self: stretch !important;
  }
  .lg\:align-self-baseline {
    align-self: baseline !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:align-self-auto {
    align-self: auto !important;
  }
  .xl\:align-self-start {
    align-self: flex-start !important;
  }
  .xl\:align-self-end {
    align-self: flex-end !important;
  }
  .xl\:align-self-center {
    align-self: center !important;
  }
  .xl\:align-self-stretch {
    align-self: stretch !important;
  }
  .xl\:align-self-baseline {
    align-self: baseline !important;
  }
}
.flex-order-0 {
  order: 0 !important;
}
.flex-order-1 {
  order: 1 !important;
}
.flex-order-2 {
  order: 2 !important;
}
.flex-order-3 {
  order: 3 !important;
}
.flex-order-4 {
  order: 4 !important;
}
.flex-order-5 {
  order: 5 !important;
}
.flex-order-6 {
  order: 6 !important;
}
@media screen and (min-width: 576px) {
  .sm\:flex-order-0 {
    order: 0 !important;
  }
  .sm\:flex-order-1 {
    order: 1 !important;
  }
  .sm\:flex-order-2 {
    order: 2 !important;
  }
  .sm\:flex-order-3 {
    order: 3 !important;
  }
  .sm\:flex-order-4 {
    order: 4 !important;
  }
  .sm\:flex-order-5 {
    order: 5 !important;
  }
  .sm\:flex-order-6 {
    order: 6 !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:flex-order-0 {
    order: 0 !important;
  }
  .md\:flex-order-1 {
    order: 1 !important;
  }
  .md\:flex-order-2 {
    order: 2 !important;
  }
  .md\:flex-order-3 {
    order: 3 !important;
  }
  .md\:flex-order-4 {
    order: 4 !important;
  }
  .md\:flex-order-5 {
    order: 5 !important;
  }
  .md\:flex-order-6 {
    order: 6 !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:flex-order-0 {
    order: 0 !important;
  }
  .lg\:flex-order-1 {
    order: 1 !important;
  }
  .lg\:flex-order-2 {
    order: 2 !important;
  }
  .lg\:flex-order-3 {
    order: 3 !important;
  }
  .lg\:flex-order-4 {
    order: 4 !important;
  }
  .lg\:flex-order-5 {
    order: 5 !important;
  }
  .lg\:flex-order-6 {
    order: 6 !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:flex-order-0 {
    order: 0 !important;
  }
  .xl\:flex-order-1 {
    order: 1 !important;
  }
  .xl\:flex-order-2 {
    order: 2 !important;
  }
  .xl\:flex-order-3 {
    order: 3 !important;
  }
  .xl\:flex-order-4 {
    order: 4 !important;
  }
  .xl\:flex-order-5 {
    order: 5 !important;
  }
  .xl\:flex-order-6 {
    order: 6 !important;
  }
}
.flex-1 {
  flex: 1 1 0% !important;
}
.flex-auto {
  flex: 1 1 auto !important;
}
.flex-initial {
  flex: 0 1 auto !important;
}
.flex-none {
  flex: none !important;
}
@media screen and (min-width: 576px) {
  .sm\:flex-1 {
    flex: 1 1 0% !important;
  }
  .sm\:flex-auto {
    flex: 1 1 auto !important;
  }
  .sm\:flex-initial {
    flex: 0 1 auto !important;
  }
  .sm\:flex-none {
    flex: none !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:flex-1 {
    flex: 1 1 0% !important;
  }
  .md\:flex-auto {
    flex: 1 1 auto !important;
  }
  .md\:flex-initial {
    flex: 0 1 auto !important;
  }
  .md\:flex-none {
    flex: none !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:flex-1 {
    flex: 1 1 0% !important;
  }
  .lg\:flex-auto {
    flex: 1 1 auto !important;
  }
  .lg\:flex-initial {
    flex: 0 1 auto !important;
  }
  .lg\:flex-none {
    flex: none !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:flex-1 {
    flex: 1 1 0% !important;
  }
  .xl\:flex-auto {
    flex: 1 1 auto !important;
  }
  .xl\:flex-initial {
    flex: 0 1 auto !important;
  }
  .xl\:flex-none {
    flex: none !important;
  }
}
.flex-grow-0 {
  flex-grow: 0 !important;
}
.flex-grow-1 {
  flex-grow: 1 !important;
}
@media screen and (min-width: 576px) {
  .sm\:flex-grow-0 {
    flex-grow: 0 !important;
  }
  .sm\:flex-grow-1 {
    flex-grow: 1 !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:flex-grow-0 {
    flex-grow: 0 !important;
  }
  .md\:flex-grow-1 {
    flex-grow: 1 !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:flex-grow-0 {
    flex-grow: 0 !important;
  }
  .lg\:flex-grow-1 {
    flex-grow: 1 !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:flex-grow-0 {
    flex-grow: 0 !important;
  }
  .xl\:flex-grow-1 {
    flex-grow: 1 !important;
  }
}
.flex-shrink-0 {
  flex-shrink: 0 !important;
}
.flex-shrink-1 {
  flex-shrink: 1 !important;
}
@media screen and (min-width: 576px) {
  .sm\:flex-shrink-0 {
    flex-shrink: 0 !important;
  }
  .sm\:flex-shrink-1 {
    flex-shrink: 1 !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:flex-shrink-0 {
    flex-shrink: 0 !important;
  }
  .md\:flex-shrink-1 {
    flex-shrink: 1 !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:flex-shrink-0 {
    flex-shrink: 0 !important;
  }
  .lg\:flex-shrink-1 {
    flex-shrink: 1 !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:flex-shrink-0 {
    flex-shrink: 0 !important;
  }
  .xl\:flex-shrink-1 {
    flex-shrink: 1 !important;
  }
}
.gap-0 {
  gap: 0rem !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: 2rem !important;
}
.gap-6 {
  gap: 3rem !important;
}
.gap-7 {
  gap: 4rem !important;
}
.gap-8 {
  gap: 5rem !important;
}
.row-gap-0 {
  row-gap: 0rem !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: 2rem !important;
}
.row-gap-6 {
  row-gap: 3rem !important;
}
.row-gap-7 {
  row-gap: 4rem !important;
}
.row-gap-8 {
  row-gap: 5rem !important;
}
.column-gap-0 {
  -moz-column-gap: 0rem !important;
       column-gap: 0rem !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: 2rem !important;
       column-gap: 2rem !important;
}
.column-gap-6 {
  -moz-column-gap: 3rem !important;
       column-gap: 3rem !important;
}
.column-gap-7 {
  -moz-column-gap: 4rem !important;
       column-gap: 4rem !important;
}
.column-gap-8 {
  -moz-column-gap: 5rem !important;
       column-gap: 5rem !important;
}
@media screen and (min-width: 576px) {
  .sm\:gap-0 {
    gap: 0rem !important;
  }
  .sm\:gap-1 {
    gap: 0.25rem !important;
  }
  .sm\:gap-2 {
    gap: 0.5rem !important;
  }
  .sm\:gap-3 {
    gap: 1rem !important;
  }
  .sm\:gap-4 {
    gap: 1.5rem !important;
  }
  .sm\:gap-5 {
    gap: 2rem !important;
  }
  .sm\:gap-6 {
    gap: 3rem !important;
  }
  .sm\:gap-7 {
    gap: 4rem !important;
  }
  .sm\:gap-8 {
    gap: 5rem !important;
  }
  .sm\:row-gap-0 {
    row-gap: 0rem !important;
  }
  .sm\:row-gap-1 {
    row-gap: 0.25rem !important;
  }
  .sm\:row-gap-2 {
    row-gap: 0.5rem !important;
  }
  .sm\:row-gap-3 {
    row-gap: 1rem !important;
  }
  .sm\:row-gap-4 {
    row-gap: 1.5rem !important;
  }
  .sm\:row-gap-5 {
    row-gap: 2rem !important;
  }
  .sm\:row-gap-6 {
    row-gap: 3rem !important;
  }
  .sm\:row-gap-7 {
    row-gap: 4rem !important;
  }
  .sm\:row-gap-8 {
    row-gap: 5rem !important;
  }
  .sm\:column-gap-0 {
    -moz-column-gap: 0rem !important;
         column-gap: 0rem !important;
  }
  .sm\:column-gap-1 {
    -moz-column-gap: 0.25rem !important;
         column-gap: 0.25rem !important;
  }
  .sm\:column-gap-2 {
    -moz-column-gap: 0.5rem !important;
         column-gap: 0.5rem !important;
  }
  .sm\:column-gap-3 {
    -moz-column-gap: 1rem !important;
         column-gap: 1rem !important;
  }
  .sm\:column-gap-4 {
    -moz-column-gap: 1.5rem !important;
         column-gap: 1.5rem !important;
  }
  .sm\:column-gap-5 {
    -moz-column-gap: 2rem !important;
         column-gap: 2rem !important;
  }
  .sm\:column-gap-6 {
    -moz-column-gap: 3rem !important;
         column-gap: 3rem !important;
  }
  .sm\:column-gap-7 {
    -moz-column-gap: 4rem !important;
         column-gap: 4rem !important;
  }
  .sm\:column-gap-8 {
    -moz-column-gap: 5rem !important;
         column-gap: 5rem !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:gap-0 {
    gap: 0rem !important;
  }
  .md\:gap-1 {
    gap: 0.25rem !important;
  }
  .md\:gap-2 {
    gap: 0.5rem !important;
  }
  .md\:gap-3 {
    gap: 1rem !important;
  }
  .md\:gap-4 {
    gap: 1.5rem !important;
  }
  .md\:gap-5 {
    gap: 2rem !important;
  }
  .md\:gap-6 {
    gap: 3rem !important;
  }
  .md\:gap-7 {
    gap: 4rem !important;
  }
  .md\:gap-8 {
    gap: 5rem !important;
  }
  .md\:row-gap-0 {
    row-gap: 0rem !important;
  }
  .md\:row-gap-1 {
    row-gap: 0.25rem !important;
  }
  .md\:row-gap-2 {
    row-gap: 0.5rem !important;
  }
  .md\:row-gap-3 {
    row-gap: 1rem !important;
  }
  .md\:row-gap-4 {
    row-gap: 1.5rem !important;
  }
  .md\:row-gap-5 {
    row-gap: 2rem !important;
  }
  .md\:row-gap-6 {
    row-gap: 3rem !important;
  }
  .md\:row-gap-7 {
    row-gap: 4rem !important;
  }
  .md\:row-gap-8 {
    row-gap: 5rem !important;
  }
  .md\:column-gap-0 {
    -moz-column-gap: 0rem !important;
         column-gap: 0rem !important;
  }
  .md\:column-gap-1 {
    -moz-column-gap: 0.25rem !important;
         column-gap: 0.25rem !important;
  }
  .md\:column-gap-2 {
    -moz-column-gap: 0.5rem !important;
         column-gap: 0.5rem !important;
  }
  .md\:column-gap-3 {
    -moz-column-gap: 1rem !important;
         column-gap: 1rem !important;
  }
  .md\:column-gap-4 {
    -moz-column-gap: 1.5rem !important;
         column-gap: 1.5rem !important;
  }
  .md\:column-gap-5 {
    -moz-column-gap: 2rem !important;
         column-gap: 2rem !important;
  }
  .md\:column-gap-6 {
    -moz-column-gap: 3rem !important;
         column-gap: 3rem !important;
  }
  .md\:column-gap-7 {
    -moz-column-gap: 4rem !important;
         column-gap: 4rem !important;
  }
  .md\:column-gap-8 {
    -moz-column-gap: 5rem !important;
         column-gap: 5rem !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:gap-0 {
    gap: 0rem !important;
  }
  .lg\:gap-1 {
    gap: 0.25rem !important;
  }
  .lg\:gap-2 {
    gap: 0.5rem !important;
  }
  .lg\:gap-3 {
    gap: 1rem !important;
  }
  .lg\:gap-4 {
    gap: 1.5rem !important;
  }
  .lg\:gap-5 {
    gap: 2rem !important;
  }
  .lg\:gap-6 {
    gap: 3rem !important;
  }
  .lg\:gap-7 {
    gap: 4rem !important;
  }
  .lg\:gap-8 {
    gap: 5rem !important;
  }
  .lg\:row-gap-0 {
    row-gap: 0rem !important;
  }
  .lg\:row-gap-1 {
    row-gap: 0.25rem !important;
  }
  .lg\:row-gap-2 {
    row-gap: 0.5rem !important;
  }
  .lg\:row-gap-3 {
    row-gap: 1rem !important;
  }
  .lg\:row-gap-4 {
    row-gap: 1.5rem !important;
  }
  .lg\:row-gap-5 {
    row-gap: 2rem !important;
  }
  .lg\:row-gap-6 {
    row-gap: 3rem !important;
  }
  .lg\:row-gap-7 {
    row-gap: 4rem !important;
  }
  .lg\:row-gap-8 {
    row-gap: 5rem !important;
  }
  .lg\:column-gap-0 {
    -moz-column-gap: 0rem !important;
         column-gap: 0rem !important;
  }
  .lg\:column-gap-1 {
    -moz-column-gap: 0.25rem !important;
         column-gap: 0.25rem !important;
  }
  .lg\:column-gap-2 {
    -moz-column-gap: 0.5rem !important;
         column-gap: 0.5rem !important;
  }
  .lg\:column-gap-3 {
    -moz-column-gap: 1rem !important;
         column-gap: 1rem !important;
  }
  .lg\:column-gap-4 {
    -moz-column-gap: 1.5rem !important;
         column-gap: 1.5rem !important;
  }
  .lg\:column-gap-5 {
    -moz-column-gap: 2rem !important;
         column-gap: 2rem !important;
  }
  .lg\:column-gap-6 {
    -moz-column-gap: 3rem !important;
         column-gap: 3rem !important;
  }
  .lg\:column-gap-7 {
    -moz-column-gap: 4rem !important;
         column-gap: 4rem !important;
  }
  .lg\:column-gap-8 {
    -moz-column-gap: 5rem !important;
         column-gap: 5rem !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:gap-0 {
    gap: 0rem !important;
  }
  .xl\:gap-1 {
    gap: 0.25rem !important;
  }
  .xl\:gap-2 {
    gap: 0.5rem !important;
  }
  .xl\:gap-3 {
    gap: 1rem !important;
  }
  .xl\:gap-4 {
    gap: 1.5rem !important;
  }
  .xl\:gap-5 {
    gap: 2rem !important;
  }
  .xl\:gap-6 {
    gap: 3rem !important;
  }
  .xl\:gap-7 {
    gap: 4rem !important;
  }
  .xl\:gap-8 {
    gap: 5rem !important;
  }
  .xl\:row-gap-0 {
    row-gap: 0rem !important;
  }
  .xl\:row-gap-1 {
    row-gap: 0.25rem !important;
  }
  .xl\:row-gap-2 {
    row-gap: 0.5rem !important;
  }
  .xl\:row-gap-3 {
    row-gap: 1rem !important;
  }
  .xl\:row-gap-4 {
    row-gap: 1.5rem !important;
  }
  .xl\:row-gap-5 {
    row-gap: 2rem !important;
  }
  .xl\:row-gap-6 {
    row-gap: 3rem !important;
  }
  .xl\:row-gap-7 {
    row-gap: 4rem !important;
  }
  .xl\:row-gap-8 {
    row-gap: 5rem !important;
  }
  .xl\:column-gap-0 {
    -moz-column-gap: 0rem !important;
         column-gap: 0rem !important;
  }
  .xl\:column-gap-1 {
    -moz-column-gap: 0.25rem !important;
         column-gap: 0.25rem !important;
  }
  .xl\:column-gap-2 {
    -moz-column-gap: 0.5rem !important;
         column-gap: 0.5rem !important;
  }
  .xl\:column-gap-3 {
    -moz-column-gap: 1rem !important;
         column-gap: 1rem !important;
  }
  .xl\:column-gap-4 {
    -moz-column-gap: 1.5rem !important;
         column-gap: 1.5rem !important;
  }
  .xl\:column-gap-5 {
    -moz-column-gap: 2rem !important;
         column-gap: 2rem !important;
  }
  .xl\:column-gap-6 {
    -moz-column-gap: 3rem !important;
         column-gap: 3rem !important;
  }
  .xl\:column-gap-7 {
    -moz-column-gap: 4rem !important;
         column-gap: 4rem !important;
  }
  .xl\:column-gap-8 {
    -moz-column-gap: 5rem !important;
         column-gap: 5rem !important;
  }
}
.p-0 {
  padding: 0rem !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: 2rem !important;
}
.p-6 {
  padding: 3rem !important;
}
.p-7 {
  padding: 4rem !important;
}
.p-8 {
  padding: 5rem !important;
}
.pt-0 {
  padding-top: 0rem !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: 2rem !important;
}
.pt-6 {
  padding-top: 3rem !important;
}
.pt-7 {
  padding-top: 4rem !important;
}
.pt-8 {
  padding-top: 5rem !important;
}
.pr-0 {
  padding-right: 0rem !important;
}
.pr-1 {
  padding-right: 0.25rem !important;
}
.pr-2 {
  padding-right: 0.5rem !important;
}
.pr-3 {
  padding-right: 1rem !important;
}
.pr-4 {
  padding-right: 1.5rem !important;
}
.pr-5 {
  padding-right: 2rem !important;
}
.pr-6 {
  padding-right: 3rem !important;
}
.pr-7 {
  padding-right: 4rem !important;
}
.pr-8 {
  padding-right: 5rem !important;
}
.pl-0 {
  padding-left: 0rem !important;
}
.pl-1 {
  padding-left: 0.25rem !important;
}
.pl-2 {
  padding-left: 0.5rem !important;
}
.pl-3 {
  padding-left: 1rem !important;
}
.pl-4 {
  padding-left: 1.5rem !important;
}
.pl-5 {
  padding-left: 2rem !important;
}
.pl-6 {
  padding-left: 3rem !important;
}
.pl-7 {
  padding-left: 4rem !important;
}
.pl-8 {
  padding-left: 5rem !important;
}
.pb-0 {
  padding-bottom: 0rem !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: 2rem !important;
}
.pb-6 {
  padding-bottom: 3rem !important;
}
.pb-7 {
  padding-bottom: 4rem !important;
}
.pb-8 {
  padding-bottom: 5rem !important;
}
.px-0 {
  padding-left: 0rem !important;
  padding-right: 0rem !important;
}
.px-1 {
  padding-left: 0.25rem !important;
  padding-right: 0.25rem !important;
}
.px-2 {
  padding-left: 0.5rem !important;
  padding-right: 0.5rem !important;
}
.px-3 {
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}
.px-4 {
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;
}
.px-5 {
  padding-left: 2rem !important;
  padding-right: 2rem !important;
}
.px-6 {
  padding-left: 3rem !important;
  padding-right: 3rem !important;
}
.px-7 {
  padding-left: 4rem !important;
  padding-right: 4rem !important;
}
.px-8 {
  padding-left: 5rem !important;
  padding-right: 5rem !important;
}
.py-0 {
  padding-top: 0rem !important;
  padding-bottom: 0rem !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: 2rem !important;
  padding-bottom: 2rem !important;
}
.py-6 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}
.py-7 {
  padding-top: 4rem !important;
  padding-bottom: 4rem !important;
}
.py-8 {
  padding-top: 5rem !important;
  padding-bottom: 5rem !important;
}
@media screen and (min-width: 576px) {
  .sm\:p-0 {
    padding: 0rem !important;
  }
  .sm\:p-1 {
    padding: 0.25rem !important;
  }
  .sm\:p-2 {
    padding: 0.5rem !important;
  }
  .sm\:p-3 {
    padding: 1rem !important;
  }
  .sm\:p-4 {
    padding: 1.5rem !important;
  }
  .sm\:p-5 {
    padding: 2rem !important;
  }
  .sm\:p-6 {
    padding: 3rem !important;
  }
  .sm\:p-7 {
    padding: 4rem !important;
  }
  .sm\:p-8 {
    padding: 5rem !important;
  }
  .sm\:pt-0 {
    padding-top: 0rem !important;
  }
  .sm\:pt-1 {
    padding-top: 0.25rem !important;
  }
  .sm\:pt-2 {
    padding-top: 0.5rem !important;
  }
  .sm\:pt-3 {
    padding-top: 1rem !important;
  }
  .sm\:pt-4 {
    padding-top: 1.5rem !important;
  }
  .sm\:pt-5 {
    padding-top: 2rem !important;
  }
  .sm\:pt-6 {
    padding-top: 3rem !important;
  }
  .sm\:pt-7 {
    padding-top: 4rem !important;
  }
  .sm\:pt-8 {
    padding-top: 5rem !important;
  }
  .sm\:pr-0 {
    padding-right: 0rem !important;
  }
  .sm\:pr-1 {
    padding-right: 0.25rem !important;
  }
  .sm\:pr-2 {
    padding-right: 0.5rem !important;
  }
  .sm\:pr-3 {
    padding-right: 1rem !important;
  }
  .sm\:pr-4 {
    padding-right: 1.5rem !important;
  }
  .sm\:pr-5 {
    padding-right: 2rem !important;
  }
  .sm\:pr-6 {
    padding-right: 3rem !important;
  }
  .sm\:pr-7 {
    padding-right: 4rem !important;
  }
  .sm\:pr-8 {
    padding-right: 5rem !important;
  }
  .sm\:pl-0 {
    padding-left: 0rem !important;
  }
  .sm\:pl-1 {
    padding-left: 0.25rem !important;
  }
  .sm\:pl-2 {
    padding-left: 0.5rem !important;
  }
  .sm\:pl-3 {
    padding-left: 1rem !important;
  }
  .sm\:pl-4 {
    padding-left: 1.5rem !important;
  }
  .sm\:pl-5 {
    padding-left: 2rem !important;
  }
  .sm\:pl-6 {
    padding-left: 3rem !important;
  }
  .sm\:pl-7 {
    padding-left: 4rem !important;
  }
  .sm\:pl-8 {
    padding-left: 5rem !important;
  }
  .sm\:pb-0 {
    padding-bottom: 0rem !important;
  }
  .sm\:pb-1 {
    padding-bottom: 0.25rem !important;
  }
  .sm\:pb-2 {
    padding-bottom: 0.5rem !important;
  }
  .sm\:pb-3 {
    padding-bottom: 1rem !important;
  }
  .sm\:pb-4 {
    padding-bottom: 1.5rem !important;
  }
  .sm\:pb-5 {
    padding-bottom: 2rem !important;
  }
  .sm\:pb-6 {
    padding-bottom: 3rem !important;
  }
  .sm\:pb-7 {
    padding-bottom: 4rem !important;
  }
  .sm\:pb-8 {
    padding-bottom: 5rem !important;
  }
  .sm\:px-0 {
    padding-left: 0rem !important;
    padding-right: 0rem !important;
  }
  .sm\:px-1 {
    padding-left: 0.25rem !important;
    padding-right: 0.25rem !important;
  }
  .sm\:px-2 {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }
  .sm\:px-3 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
  .sm\:px-4 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }
  .sm\:px-5 {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }
  .sm\:px-6 {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }
  .sm\:px-7 {
    padding-left: 4rem !important;
    padding-right: 4rem !important;
  }
  .sm\:px-8 {
    padding-left: 5rem !important;
    padding-right: 5rem !important;
  }
  .sm\:py-0 {
    padding-top: 0rem !important;
    padding-bottom: 0rem !important;
  }
  .sm\:py-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .sm\:py-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .sm\:py-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .sm\:py-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .sm\:py-5 {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }
  .sm\:py-6 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .sm\:py-7 {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
  }
  .sm\:py-8 {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:p-0 {
    padding: 0rem !important;
  }
  .md\:p-1 {
    padding: 0.25rem !important;
  }
  .md\:p-2 {
    padding: 0.5rem !important;
  }
  .md\:p-3 {
    padding: 1rem !important;
  }
  .md\:p-4 {
    padding: 1.5rem !important;
  }
  .md\:p-5 {
    padding: 2rem !important;
  }
  .md\:p-6 {
    padding: 3rem !important;
  }
  .md\:p-7 {
    padding: 4rem !important;
  }
  .md\:p-8 {
    padding: 5rem !important;
  }
  .md\:pt-0 {
    padding-top: 0rem !important;
  }
  .md\:pt-1 {
    padding-top: 0.25rem !important;
  }
  .md\:pt-2 {
    padding-top: 0.5rem !important;
  }
  .md\:pt-3 {
    padding-top: 1rem !important;
  }
  .md\:pt-4 {
    padding-top: 1.5rem !important;
  }
  .md\:pt-5 {
    padding-top: 2rem !important;
  }
  .md\:pt-6 {
    padding-top: 3rem !important;
  }
  .md\:pt-7 {
    padding-top: 4rem !important;
  }
  .md\:pt-8 {
    padding-top: 5rem !important;
  }
  .md\:pr-0 {
    padding-right: 0rem !important;
  }
  .md\:pr-1 {
    padding-right: 0.25rem !important;
  }
  .md\:pr-2 {
    padding-right: 0.5rem !important;
  }
  .md\:pr-3 {
    padding-right: 1rem !important;
  }
  .md\:pr-4 {
    padding-right: 1.5rem !important;
  }
  .md\:pr-5 {
    padding-right: 2rem !important;
  }
  .md\:pr-6 {
    padding-right: 3rem !important;
  }
  .md\:pr-7 {
    padding-right: 4rem !important;
  }
  .md\:pr-8 {
    padding-right: 5rem !important;
  }
  .md\:pl-0 {
    padding-left: 0rem !important;
  }
  .md\:pl-1 {
    padding-left: 0.25rem !important;
  }
  .md\:pl-2 {
    padding-left: 0.5rem !important;
  }
  .md\:pl-3 {
    padding-left: 1rem !important;
  }
  .md\:pl-4 {
    padding-left: 1.5rem !important;
  }
  .md\:pl-5 {
    padding-left: 2rem !important;
  }
  .md\:pl-6 {
    padding-left: 3rem !important;
  }
  .md\:pl-7 {
    padding-left: 4rem !important;
  }
  .md\:pl-8 {
    padding-left: 5rem !important;
  }
  .md\:pb-0 {
    padding-bottom: 0rem !important;
  }
  .md\:pb-1 {
    padding-bottom: 0.25rem !important;
  }
  .md\:pb-2 {
    padding-bottom: 0.5rem !important;
  }
  .md\:pb-3 {
    padding-bottom: 1rem !important;
  }
  .md\:pb-4 {
    padding-bottom: 1.5rem !important;
  }
  .md\:pb-5 {
    padding-bottom: 2rem !important;
  }
  .md\:pb-6 {
    padding-bottom: 3rem !important;
  }
  .md\:pb-7 {
    padding-bottom: 4rem !important;
  }
  .md\:pb-8 {
    padding-bottom: 5rem !important;
  }
  .md\:px-0 {
    padding-left: 0rem !important;
    padding-right: 0rem !important;
  }
  .md\:px-1 {
    padding-left: 0.25rem !important;
    padding-right: 0.25rem !important;
  }
  .md\:px-2 {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }
  .md\:px-3 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
  .md\:px-4 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }
  .md\:px-5 {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }
  .md\:px-6 {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }
  .md\:px-7 {
    padding-left: 4rem !important;
    padding-right: 4rem !important;
  }
  .md\:px-8 {
    padding-left: 5rem !important;
    padding-right: 5rem !important;
  }
  .md\:py-0 {
    padding-top: 0rem !important;
    padding-bottom: 0rem !important;
  }
  .md\:py-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .md\:py-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .md\:py-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .md\:py-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .md\:py-5 {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }
  .md\:py-6 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .md\:py-7 {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
  }
  .md\:py-8 {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:p-0 {
    padding: 0rem !important;
  }
  .lg\:p-1 {
    padding: 0.25rem !important;
  }
  .lg\:p-2 {
    padding: 0.5rem !important;
  }
  .lg\:p-3 {
    padding: 1rem !important;
  }
  .lg\:p-4 {
    padding: 1.5rem !important;
  }
  .lg\:p-5 {
    padding: 2rem !important;
  }
  .lg\:p-6 {
    padding: 3rem !important;
  }
  .lg\:p-7 {
    padding: 4rem !important;
  }
  .lg\:p-8 {
    padding: 5rem !important;
  }
  .lg\:pt-0 {
    padding-top: 0rem !important;
  }
  .lg\:pt-1 {
    padding-top: 0.25rem !important;
  }
  .lg\:pt-2 {
    padding-top: 0.5rem !important;
  }
  .lg\:pt-3 {
    padding-top: 1rem !important;
  }
  .lg\:pt-4 {
    padding-top: 1.5rem !important;
  }
  .lg\:pt-5 {
    padding-top: 2rem !important;
  }
  .lg\:pt-6 {
    padding-top: 3rem !important;
  }
  .lg\:pt-7 {
    padding-top: 4rem !important;
  }
  .lg\:pt-8 {
    padding-top: 5rem !important;
  }
  .lg\:pr-0 {
    padding-right: 0rem !important;
  }
  .lg\:pr-1 {
    padding-right: 0.25rem !important;
  }
  .lg\:pr-2 {
    padding-right: 0.5rem !important;
  }
  .lg\:pr-3 {
    padding-right: 1rem !important;
  }
  .lg\:pr-4 {
    padding-right: 1.5rem !important;
  }
  .lg\:pr-5 {
    padding-right: 2rem !important;
  }
  .lg\:pr-6 {
    padding-right: 3rem !important;
  }
  .lg\:pr-7 {
    padding-right: 4rem !important;
  }
  .lg\:pr-8 {
    padding-right: 5rem !important;
  }
  .lg\:pl-0 {
    padding-left: 0rem !important;
  }
  .lg\:pl-1 {
    padding-left: 0.25rem !important;
  }
  .lg\:pl-2 {
    padding-left: 0.5rem !important;
  }
  .lg\:pl-3 {
    padding-left: 1rem !important;
  }
  .lg\:pl-4 {
    padding-left: 1.5rem !important;
  }
  .lg\:pl-5 {
    padding-left: 2rem !important;
  }
  .lg\:pl-6 {
    padding-left: 3rem !important;
  }
  .lg\:pl-7 {
    padding-left: 4rem !important;
  }
  .lg\:pl-8 {
    padding-left: 5rem !important;
  }
  .lg\:pb-0 {
    padding-bottom: 0rem !important;
  }
  .lg\:pb-1 {
    padding-bottom: 0.25rem !important;
  }
  .lg\:pb-2 {
    padding-bottom: 0.5rem !important;
  }
  .lg\:pb-3 {
    padding-bottom: 1rem !important;
  }
  .lg\:pb-4 {
    padding-bottom: 1.5rem !important;
  }
  .lg\:pb-5 {
    padding-bottom: 2rem !important;
  }
  .lg\:pb-6 {
    padding-bottom: 3rem !important;
  }
  .lg\:pb-7 {
    padding-bottom: 4rem !important;
  }
  .lg\:pb-8 {
    padding-bottom: 5rem !important;
  }
  .lg\:px-0 {
    padding-left: 0rem !important;
    padding-right: 0rem !important;
  }
  .lg\:px-1 {
    padding-left: 0.25rem !important;
    padding-right: 0.25rem !important;
  }
  .lg\:px-2 {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }
  .lg\:px-3 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
  .lg\:px-4 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }
  .lg\:px-5 {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }
  .lg\:px-6 {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }
  .lg\:px-7 {
    padding-left: 4rem !important;
    padding-right: 4rem !important;
  }
  .lg\:px-8 {
    padding-left: 5rem !important;
    padding-right: 5rem !important;
  }
  .lg\:py-0 {
    padding-top: 0rem !important;
    padding-bottom: 0rem !important;
  }
  .lg\:py-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .lg\:py-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .lg\:py-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .lg\:py-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .lg\:py-5 {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }
  .lg\:py-6 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .lg\:py-7 {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
  }
  .lg\:py-8 {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:p-0 {
    padding: 0rem !important;
  }
  .xl\:p-1 {
    padding: 0.25rem !important;
  }
  .xl\:p-2 {
    padding: 0.5rem !important;
  }
  .xl\:p-3 {
    padding: 1rem !important;
  }
  .xl\:p-4 {
    padding: 1.5rem !important;
  }
  .xl\:p-5 {
    padding: 2rem !important;
  }
  .xl\:p-6 {
    padding: 3rem !important;
  }
  .xl\:p-7 {
    padding: 4rem !important;
  }
  .xl\:p-8 {
    padding: 5rem !important;
  }
  .xl\:pt-0 {
    padding-top: 0rem !important;
  }
  .xl\:pt-1 {
    padding-top: 0.25rem !important;
  }
  .xl\:pt-2 {
    padding-top: 0.5rem !important;
  }
  .xl\:pt-3 {
    padding-top: 1rem !important;
  }
  .xl\:pt-4 {
    padding-top: 1.5rem !important;
  }
  .xl\:pt-5 {
    padding-top: 2rem !important;
  }
  .xl\:pt-6 {
    padding-top: 3rem !important;
  }
  .xl\:pt-7 {
    padding-top: 4rem !important;
  }
  .xl\:pt-8 {
    padding-top: 5rem !important;
  }
  .xl\:pr-0 {
    padding-right: 0rem !important;
  }
  .xl\:pr-1 {
    padding-right: 0.25rem !important;
  }
  .xl\:pr-2 {
    padding-right: 0.5rem !important;
  }
  .xl\:pr-3 {
    padding-right: 1rem !important;
  }
  .xl\:pr-4 {
    padding-right: 1.5rem !important;
  }
  .xl\:pr-5 {
    padding-right: 2rem !important;
  }
  .xl\:pr-6 {
    padding-right: 3rem !important;
  }
  .xl\:pr-7 {
    padding-right: 4rem !important;
  }
  .xl\:pr-8 {
    padding-right: 5rem !important;
  }
  .xl\:pl-0 {
    padding-left: 0rem !important;
  }
  .xl\:pl-1 {
    padding-left: 0.25rem !important;
  }
  .xl\:pl-2 {
    padding-left: 0.5rem !important;
  }
  .xl\:pl-3 {
    padding-left: 1rem !important;
  }
  .xl\:pl-4 {
    padding-left: 1.5rem !important;
  }
  .xl\:pl-5 {
    padding-left: 2rem !important;
  }
  .xl\:pl-6 {
    padding-left: 3rem !important;
  }
  .xl\:pl-7 {
    padding-left: 4rem !important;
  }
  .xl\:pl-8 {
    padding-left: 5rem !important;
  }
  .xl\:pb-0 {
    padding-bottom: 0rem !important;
  }
  .xl\:pb-1 {
    padding-bottom: 0.25rem !important;
  }
  .xl\:pb-2 {
    padding-bottom: 0.5rem !important;
  }
  .xl\:pb-3 {
    padding-bottom: 1rem !important;
  }
  .xl\:pb-4 {
    padding-bottom: 1.5rem !important;
  }
  .xl\:pb-5 {
    padding-bottom: 2rem !important;
  }
  .xl\:pb-6 {
    padding-bottom: 3rem !important;
  }
  .xl\:pb-7 {
    padding-bottom: 4rem !important;
  }
  .xl\:pb-8 {
    padding-bottom: 5rem !important;
  }
  .xl\:px-0 {
    padding-left: 0rem !important;
    padding-right: 0rem !important;
  }
  .xl\:px-1 {
    padding-left: 0.25rem !important;
    padding-right: 0.25rem !important;
  }
  .xl\:px-2 {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }
  .xl\:px-3 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
  .xl\:px-4 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }
  .xl\:px-5 {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }
  .xl\:px-6 {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }
  .xl\:px-7 {
    padding-left: 4rem !important;
    padding-right: 4rem !important;
  }
  .xl\:px-8 {
    padding-left: 5rem !important;
    padding-right: 5rem !important;
  }
  .xl\:py-0 {
    padding-top: 0rem !important;
    padding-bottom: 0rem !important;
  }
  .xl\:py-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .xl\:py-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .xl\:py-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .xl\:py-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .xl\:py-5 {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }
  .xl\:py-6 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .xl\:py-7 {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
  }
  .xl\:py-8 {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
  }
}
.m-0 {
  margin: 0rem !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: 2rem !important;
}
.m-6 {
  margin: 3rem !important;
}
.m-7 {
  margin: 4rem !important;
}
.m-8 {
  margin: 5rem !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: -2rem !important;
}
.-m-6 {
  margin: -3rem !important;
}
.-m-7 {
  margin: -4rem !important;
}
.-m-8 {
  margin: -5rem !important;
}
.m-auto {
  margin: auto !important;
}
.mt-0 {
  margin-top: 0rem !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: 2rem !important;
}
.mt-6 {
  margin-top: 3rem !important;
}
.mt-7 {
  margin-top: 4rem !important;
}
.mt-8 {
  margin-top: 5rem !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: -2rem !important;
}
.-mt-6 {
  margin-top: -3rem !important;
}
.-mt-7 {
  margin-top: -4rem !important;
}
.-mt-8 {
  margin-top: -5rem !important;
}
.mt-auto {
  margin-top: auto !important;
}
.mr-0 {
  margin-right: 0rem !important;
}
.mr-1 {
  margin-right: 0.25rem !important;
}
.mr-2 {
  margin-right: 0.5rem !important;
}
.mr-3 {
  margin-right: 1rem !important;
}
.mr-4 {
  margin-right: 1.5rem !important;
}
.mr-5 {
  margin-right: 2rem !important;
}
.mr-6 {
  margin-right: 3rem !important;
}
.mr-7 {
  margin-right: 4rem !important;
}
.mr-8 {
  margin-right: 5rem !important;
}
.-mr-1 {
  margin-right: -0.25rem !important;
}
.-mr-2 {
  margin-right: -0.5rem !important;
}
.-mr-3 {
  margin-right: -1rem !important;
}
.-mr-4 {
  margin-right: -1.5rem !important;
}
.-mr-5 {
  margin-right: -2rem !important;
}
.-mr-6 {
  margin-right: -3rem !important;
}
.-mr-7 {
  margin-right: -4rem !important;
}
.-mr-8 {
  margin-right: -5rem !important;
}
.mr-auto {
  margin-right: auto !important;
}
.ml-0 {
  margin-left: 0rem !important;
}
.ml-1 {
  margin-left: 0.25rem !important;
}
.ml-2 {
  margin-left: 0.5rem !important;
}
.ml-3 {
  margin-left: 1rem !important;
}
.ml-4 {
  margin-left: 1.5rem !important;
}
.ml-5 {
  margin-left: 2rem !important;
}
.ml-6 {
  margin-left: 3rem !important;
}
.ml-7 {
  margin-left: 4rem !important;
}
.ml-8 {
  margin-left: 5rem !important;
}
.-ml-1 {
  margin-left: -0.25rem !important;
}
.-ml-2 {
  margin-left: -0.5rem !important;
}
.-ml-3 {
  margin-left: -1rem !important;
}
.-ml-4 {
  margin-left: -1.5rem !important;
}
.-ml-5 {
  margin-left: -2rem !important;
}
.-ml-6 {
  margin-left: -3rem !important;
}
.-ml-7 {
  margin-left: -4rem !important;
}
.-ml-8 {
  margin-left: -5rem !important;
}
.ml-auto {
  margin-left: auto !important;
}
.mb-0 {
  margin-bottom: 0rem !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: 2rem !important;
}
.mb-6 {
  margin-bottom: 3rem !important;
}
.mb-7 {
  margin-bottom: 4rem !important;
}
.mb-8 {
  margin-bottom: 5rem !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: -2rem !important;
}
.-mb-6 {
  margin-bottom: -3rem !important;
}
.-mb-7 {
  margin-bottom: -4rem !important;
}
.-mb-8 {
  margin-bottom: -5rem !important;
}
.mb-auto {
  margin-bottom: auto !important;
}
.mx-0 {
  margin-left: 0rem !important;
  margin-right: 0rem !important;
}
.mx-1 {
  margin-left: 0.25rem !important;
  margin-right: 0.25rem !important;
}
.mx-2 {
  margin-left: 0.5rem !important;
  margin-right: 0.5rem !important;
}
.mx-3 {
  margin-left: 1rem !important;
  margin-right: 1rem !important;
}
.mx-4 {
  margin-left: 1.5rem !important;
  margin-right: 1.5rem !important;
}
.mx-5 {
  margin-left: 2rem !important;
  margin-right: 2rem !important;
}
.mx-6 {
  margin-left: 3rem !important;
  margin-right: 3rem !important;
}
.mx-7 {
  margin-left: 4rem !important;
  margin-right: 4rem !important;
}
.mx-8 {
  margin-left: 5rem !important;
  margin-right: 5rem !important;
}
.-mx-1 {
  margin-left: -0.25rem !important;
  margin-right: -0.25rem !important;
}
.-mx-2 {
  margin-left: -0.5rem !important;
  margin-right: -0.5rem !important;
}
.-mx-3 {
  margin-left: -1rem !important;
  margin-right: -1rem !important;
}
.-mx-4 {
  margin-left: -1.5rem !important;
  margin-right: -1.5rem !important;
}
.-mx-5 {
  margin-left: -2rem !important;
  margin-right: -2rem !important;
}
.-mx-6 {
  margin-left: -3rem !important;
  margin-right: -3rem !important;
}
.-mx-7 {
  margin-left: -4rem !important;
  margin-right: -4rem !important;
}
.-mx-8 {
  margin-left: -5rem !important;
  margin-right: -5rem !important;
}
.mx-auto {
  margin-left: auto !important;
  margin-right: auto !important;
}
.my-0 {
  margin-top: 0rem !important;
  margin-bottom: 0rem !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: 2rem !important;
  margin-bottom: 2rem !important;
}
.my-6 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}
.my-7 {
  margin-top: 4rem !important;
  margin-bottom: 4rem !important;
}
.my-8 {
  margin-top: 5rem !important;
  margin-bottom: 5rem !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: -2rem !important;
  margin-bottom: -2rem !important;
}
.-my-6 {
  margin-top: -3rem !important;
  margin-bottom: -3rem !important;
}
.-my-7 {
  margin-top: -4rem !important;
  margin-bottom: -4rem !important;
}
.-my-8 {
  margin-top: -5rem !important;
  margin-bottom: -5rem !important;
}
.my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}
@media screen and (min-width: 576px) {
  .sm\:m-0 {
    margin: 0rem !important;
  }
  .sm\:m-1 {
    margin: 0.25rem !important;
  }
  .sm\:m-2 {
    margin: 0.5rem !important;
  }
  .sm\:m-3 {
    margin: 1rem !important;
  }
  .sm\:m-4 {
    margin: 1.5rem !important;
  }
  .sm\:m-5 {
    margin: 2rem !important;
  }
  .sm\:m-6 {
    margin: 3rem !important;
  }
  .sm\:m-7 {
    margin: 4rem !important;
  }
  .sm\:m-8 {
    margin: 5rem !important;
  }
  .sm\:-m-1 {
    margin: -0.25rem !important;
  }
  .sm\:-m-2 {
    margin: -0.5rem !important;
  }
  .sm\:-m-3 {
    margin: -1rem !important;
  }
  .sm\:-m-4 {
    margin: -1.5rem !important;
  }
  .sm\:-m-5 {
    margin: -2rem !important;
  }
  .sm\:-m-6 {
    margin: -3rem !important;
  }
  .sm\:-m-7 {
    margin: -4rem !important;
  }
  .sm\:-m-8 {
    margin: -5rem !important;
  }
  .sm\:m-auto {
    margin: auto !important;
  }
  .sm\:mt-0 {
    margin-top: 0rem !important;
  }
  .sm\:mt-1 {
    margin-top: 0.25rem !important;
  }
  .sm\:mt-2 {
    margin-top: 0.5rem !important;
  }
  .sm\:mt-3 {
    margin-top: 1rem !important;
  }
  .sm\:mt-4 {
    margin-top: 1.5rem !important;
  }
  .sm\:mt-5 {
    margin-top: 2rem !important;
  }
  .sm\:mt-6 {
    margin-top: 3rem !important;
  }
  .sm\:mt-7 {
    margin-top: 4rem !important;
  }
  .sm\:mt-8 {
    margin-top: 5rem !important;
  }
  .sm\:-mt-1 {
    margin-top: -0.25rem !important;
  }
  .sm\:-mt-2 {
    margin-top: -0.5rem !important;
  }
  .sm\:-mt-3 {
    margin-top: -1rem !important;
  }
  .sm\:-mt-4 {
    margin-top: -1.5rem !important;
  }
  .sm\:-mt-5 {
    margin-top: -2rem !important;
  }
  .sm\:-mt-6 {
    margin-top: -3rem !important;
  }
  .sm\:-mt-7 {
    margin-top: -4rem !important;
  }
  .sm\:-mt-8 {
    margin-top: -5rem !important;
  }
  .sm\:mt-auto {
    margin-top: auto !important;
  }
  .sm\:mr-0 {
    margin-right: 0rem !important;
  }
  .sm\:mr-1 {
    margin-right: 0.25rem !important;
  }
  .sm\:mr-2 {
    margin-right: 0.5rem !important;
  }
  .sm\:mr-3 {
    margin-right: 1rem !important;
  }
  .sm\:mr-4 {
    margin-right: 1.5rem !important;
  }
  .sm\:mr-5 {
    margin-right: 2rem !important;
  }
  .sm\:mr-6 {
    margin-right: 3rem !important;
  }
  .sm\:mr-7 {
    margin-right: 4rem !important;
  }
  .sm\:mr-8 {
    margin-right: 5rem !important;
  }
  .sm\:-mr-1 {
    margin-right: -0.25rem !important;
  }
  .sm\:-mr-2 {
    margin-right: -0.5rem !important;
  }
  .sm\:-mr-3 {
    margin-right: -1rem !important;
  }
  .sm\:-mr-4 {
    margin-right: -1.5rem !important;
  }
  .sm\:-mr-5 {
    margin-right: -2rem !important;
  }
  .sm\:-mr-6 {
    margin-right: -3rem !important;
  }
  .sm\:-mr-7 {
    margin-right: -4rem !important;
  }
  .sm\:-mr-8 {
    margin-right: -5rem !important;
  }
  .sm\:mr-auto {
    margin-right: auto !important;
  }
  .sm\:ml-0 {
    margin-left: 0rem !important;
  }
  .sm\:ml-1 {
    margin-left: 0.25rem !important;
  }
  .sm\:ml-2 {
    margin-left: 0.5rem !important;
  }
  .sm\:ml-3 {
    margin-left: 1rem !important;
  }
  .sm\:ml-4 {
    margin-left: 1.5rem !important;
  }
  .sm\:ml-5 {
    margin-left: 2rem !important;
  }
  .sm\:ml-6 {
    margin-left: 3rem !important;
  }
  .sm\:ml-7 {
    margin-left: 4rem !important;
  }
  .sm\:ml-8 {
    margin-left: 5rem !important;
  }
  .sm\:-ml-1 {
    margin-left: -0.25rem !important;
  }
  .sm\:-ml-2 {
    margin-left: -0.5rem !important;
  }
  .sm\:-ml-3 {
    margin-left: -1rem !important;
  }
  .sm\:-ml-4 {
    margin-left: -1.5rem !important;
  }
  .sm\:-ml-5 {
    margin-left: -2rem !important;
  }
  .sm\:-ml-6 {
    margin-left: -3rem !important;
  }
  .sm\:-ml-7 {
    margin-left: -4rem !important;
  }
  .sm\:-ml-8 {
    margin-left: -5rem !important;
  }
  .sm\:ml-auto {
    margin-left: auto !important;
  }
  .sm\:mb-0 {
    margin-bottom: 0rem !important;
  }
  .sm\:mb-1 {
    margin-bottom: 0.25rem !important;
  }
  .sm\:mb-2 {
    margin-bottom: 0.5rem !important;
  }
  .sm\:mb-3 {
    margin-bottom: 1rem !important;
  }
  .sm\:mb-4 {
    margin-bottom: 1.5rem !important;
  }
  .sm\:mb-5 {
    margin-bottom: 2rem !important;
  }
  .sm\:mb-6 {
    margin-bottom: 3rem !important;
  }
  .sm\:mb-7 {
    margin-bottom: 4rem !important;
  }
  .sm\:mb-8 {
    margin-bottom: 5rem !important;
  }
  .sm\:-mb-1 {
    margin-bottom: -0.25rem !important;
  }
  .sm\:-mb-2 {
    margin-bottom: -0.5rem !important;
  }
  .sm\:-mb-3 {
    margin-bottom: -1rem !important;
  }
  .sm\:-mb-4 {
    margin-bottom: -1.5rem !important;
  }
  .sm\:-mb-5 {
    margin-bottom: -2rem !important;
  }
  .sm\:-mb-6 {
    margin-bottom: -3rem !important;
  }
  .sm\:-mb-7 {
    margin-bottom: -4rem !important;
  }
  .sm\:-mb-8 {
    margin-bottom: -5rem !important;
  }
  .sm\:mb-auto {
    margin-bottom: auto !important;
  }
  .sm\:mx-0 {
    margin-left: 0rem !important;
    margin-right: 0rem !important;
  }
  .sm\:mx-1 {
    margin-left: 0.25rem !important;
    margin-right: 0.25rem !important;
  }
  .sm\:mx-2 {
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important;
  }
  .sm\:mx-3 {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
  }
  .sm\:mx-4 {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important;
  }
  .sm\:mx-5 {
    margin-left: 2rem !important;
    margin-right: 2rem !important;
  }
  .sm\:mx-6 {
    margin-left: 3rem !important;
    margin-right: 3rem !important;
  }
  .sm\:mx-7 {
    margin-left: 4rem !important;
    margin-right: 4rem !important;
  }
  .sm\:mx-8 {
    margin-left: 5rem !important;
    margin-right: 5rem !important;
  }
  .sm\:-mx-1 {
    margin-left: -0.25rem !important;
    margin-right: -0.25rem !important;
  }
  .sm\:-mx-2 {
    margin-left: -0.5rem !important;
    margin-right: -0.5rem !important;
  }
  .sm\:-mx-3 {
    margin-left: -1rem !important;
    margin-right: -1rem !important;
  }
  .sm\:-mx-4 {
    margin-left: -1.5rem !important;
    margin-right: -1.5rem !important;
  }
  .sm\:-mx-5 {
    margin-left: -2rem !important;
    margin-right: -2rem !important;
  }
  .sm\:-mx-6 {
    margin-left: -3rem !important;
    margin-right: -3rem !important;
  }
  .sm\:-mx-7 {
    margin-left: -4rem !important;
    margin-right: -4rem !important;
  }
  .sm\:-mx-8 {
    margin-left: -5rem !important;
    margin-right: -5rem !important;
  }
  .sm\:mx-auto {
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .sm\:my-0 {
    margin-top: 0rem !important;
    margin-bottom: 0rem !important;
  }
  .sm\:my-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .sm\:my-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .sm\:my-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .sm\:my-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .sm\:my-5 {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
  }
  .sm\:my-6 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .sm\:my-7 {
    margin-top: 4rem !important;
    margin-bottom: 4rem !important;
  }
  .sm\:my-8 {
    margin-top: 5rem !important;
    margin-bottom: 5rem !important;
  }
  .sm\:-my-1 {
    margin-top: -0.25rem !important;
    margin-bottom: -0.25rem !important;
  }
  .sm\:-my-2 {
    margin-top: -0.5rem !important;
    margin-bottom: -0.5rem !important;
  }
  .sm\:-my-3 {
    margin-top: -1rem !important;
    margin-bottom: -1rem !important;
  }
  .sm\:-my-4 {
    margin-top: -1.5rem !important;
    margin-bottom: -1.5rem !important;
  }
  .sm\:-my-5 {
    margin-top: -2rem !important;
    margin-bottom: -2rem !important;
  }
  .sm\:-my-6 {
    margin-top: -3rem !important;
    margin-bottom: -3rem !important;
  }
  .sm\:-my-7 {
    margin-top: -4rem !important;
    margin-bottom: -4rem !important;
  }
  .sm\:-my-8 {
    margin-top: -5rem !important;
    margin-bottom: -5rem !important;
  }
  .sm\:my-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:m-0 {
    margin: 0rem !important;
  }
  .md\:m-1 {
    margin: 0.25rem !important;
  }
  .md\:m-2 {
    margin: 0.5rem !important;
  }
  .md\:m-3 {
    margin: 1rem !important;
  }
  .md\:m-4 {
    margin: 1.5rem !important;
  }
  .md\:m-5 {
    margin: 2rem !important;
  }
  .md\:m-6 {
    margin: 3rem !important;
  }
  .md\:m-7 {
    margin: 4rem !important;
  }
  .md\:m-8 {
    margin: 5rem !important;
  }
  .md\:-m-1 {
    margin: -0.25rem !important;
  }
  .md\:-m-2 {
    margin: -0.5rem !important;
  }
  .md\:-m-3 {
    margin: -1rem !important;
  }
  .md\:-m-4 {
    margin: -1.5rem !important;
  }
  .md\:-m-5 {
    margin: -2rem !important;
  }
  .md\:-m-6 {
    margin: -3rem !important;
  }
  .md\:-m-7 {
    margin: -4rem !important;
  }
  .md\:-m-8 {
    margin: -5rem !important;
  }
  .md\:m-auto {
    margin: auto !important;
  }
  .md\:mt-0 {
    margin-top: 0rem !important;
  }
  .md\:mt-1 {
    margin-top: 0.25rem !important;
  }
  .md\:mt-2 {
    margin-top: 0.5rem !important;
  }
  .md\:mt-3 {
    margin-top: 1rem !important;
  }
  .md\:mt-4 {
    margin-top: 1.5rem !important;
  }
  .md\:mt-5 {
    margin-top: 2rem !important;
  }
  .md\:mt-6 {
    margin-top: 3rem !important;
  }
  .md\:mt-7 {
    margin-top: 4rem !important;
  }
  .md\:mt-8 {
    margin-top: 5rem !important;
  }
  .md\:-mt-1 {
    margin-top: -0.25rem !important;
  }
  .md\:-mt-2 {
    margin-top: -0.5rem !important;
  }
  .md\:-mt-3 {
    margin-top: -1rem !important;
  }
  .md\:-mt-4 {
    margin-top: -1.5rem !important;
  }
  .md\:-mt-5 {
    margin-top: -2rem !important;
  }
  .md\:-mt-6 {
    margin-top: -3rem !important;
  }
  .md\:-mt-7 {
    margin-top: -4rem !important;
  }
  .md\:-mt-8 {
    margin-top: -5rem !important;
  }
  .md\:mt-auto {
    margin-top: auto !important;
  }
  .md\:mr-0 {
    margin-right: 0rem !important;
  }
  .md\:mr-1 {
    margin-right: 0.25rem !important;
  }
  .md\:mr-2 {
    margin-right: 0.5rem !important;
  }
  .md\:mr-3 {
    margin-right: 1rem !important;
  }
  .md\:mr-4 {
    margin-right: 1.5rem !important;
  }
  .md\:mr-5 {
    margin-right: 2rem !important;
  }
  .md\:mr-6 {
    margin-right: 3rem !important;
  }
  .md\:mr-7 {
    margin-right: 4rem !important;
  }
  .md\:mr-8 {
    margin-right: 5rem !important;
  }
  .md\:-mr-1 {
    margin-right: -0.25rem !important;
  }
  .md\:-mr-2 {
    margin-right: -0.5rem !important;
  }
  .md\:-mr-3 {
    margin-right: -1rem !important;
  }
  .md\:-mr-4 {
    margin-right: -1.5rem !important;
  }
  .md\:-mr-5 {
    margin-right: -2rem !important;
  }
  .md\:-mr-6 {
    margin-right: -3rem !important;
  }
  .md\:-mr-7 {
    margin-right: -4rem !important;
  }
  .md\:-mr-8 {
    margin-right: -5rem !important;
  }
  .md\:mr-auto {
    margin-right: auto !important;
  }
  .md\:ml-0 {
    margin-left: 0rem !important;
  }
  .md\:ml-1 {
    margin-left: 0.25rem !important;
  }
  .md\:ml-2 {
    margin-left: 0.5rem !important;
  }
  .md\:ml-3 {
    margin-left: 1rem !important;
  }
  .md\:ml-4 {
    margin-left: 1.5rem !important;
  }
  .md\:ml-5 {
    margin-left: 2rem !important;
  }
  .md\:ml-6 {
    margin-left: 3rem !important;
  }
  .md\:ml-7 {
    margin-left: 4rem !important;
  }
  .md\:ml-8 {
    margin-left: 5rem !important;
  }
  .md\:-ml-1 {
    margin-left: -0.25rem !important;
  }
  .md\:-ml-2 {
    margin-left: -0.5rem !important;
  }
  .md\:-ml-3 {
    margin-left: -1rem !important;
  }
  .md\:-ml-4 {
    margin-left: -1.5rem !important;
  }
  .md\:-ml-5 {
    margin-left: -2rem !important;
  }
  .md\:-ml-6 {
    margin-left: -3rem !important;
  }
  .md\:-ml-7 {
    margin-left: -4rem !important;
  }
  .md\:-ml-8 {
    margin-left: -5rem !important;
  }
  .md\:ml-auto {
    margin-left: auto !important;
  }
  .md\:mb-0 {
    margin-bottom: 0rem !important;
  }
  .md\:mb-1 {
    margin-bottom: 0.25rem !important;
  }
  .md\:mb-2 {
    margin-bottom: 0.5rem !important;
  }
  .md\:mb-3 {
    margin-bottom: 1rem !important;
  }
  .md\:mb-4 {
    margin-bottom: 1.5rem !important;
  }
  .md\:mb-5 {
    margin-bottom: 2rem !important;
  }
  .md\:mb-6 {
    margin-bottom: 3rem !important;
  }
  .md\:mb-7 {
    margin-bottom: 4rem !important;
  }
  .md\:mb-8 {
    margin-bottom: 5rem !important;
  }
  .md\:-mb-1 {
    margin-bottom: -0.25rem !important;
  }
  .md\:-mb-2 {
    margin-bottom: -0.5rem !important;
  }
  .md\:-mb-3 {
    margin-bottom: -1rem !important;
  }
  .md\:-mb-4 {
    margin-bottom: -1.5rem !important;
  }
  .md\:-mb-5 {
    margin-bottom: -2rem !important;
  }
  .md\:-mb-6 {
    margin-bottom: -3rem !important;
  }
  .md\:-mb-7 {
    margin-bottom: -4rem !important;
  }
  .md\:-mb-8 {
    margin-bottom: -5rem !important;
  }
  .md\:mb-auto {
    margin-bottom: auto !important;
  }
  .md\:mx-0 {
    margin-left: 0rem !important;
    margin-right: 0rem !important;
  }
  .md\:mx-1 {
    margin-left: 0.25rem !important;
    margin-right: 0.25rem !important;
  }
  .md\:mx-2 {
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important;
  }
  .md\:mx-3 {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
  }
  .md\:mx-4 {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important;
  }
  .md\:mx-5 {
    margin-left: 2rem !important;
    margin-right: 2rem !important;
  }
  .md\:mx-6 {
    margin-left: 3rem !important;
    margin-right: 3rem !important;
  }
  .md\:mx-7 {
    margin-left: 4rem !important;
    margin-right: 4rem !important;
  }
  .md\:mx-8 {
    margin-left: 5rem !important;
    margin-right: 5rem !important;
  }
  .md\:-mx-1 {
    margin-left: -0.25rem !important;
    margin-right: -0.25rem !important;
  }
  .md\:-mx-2 {
    margin-left: -0.5rem !important;
    margin-right: -0.5rem !important;
  }
  .md\:-mx-3 {
    margin-left: -1rem !important;
    margin-right: -1rem !important;
  }
  .md\:-mx-4 {
    margin-left: -1.5rem !important;
    margin-right: -1.5rem !important;
  }
  .md\:-mx-5 {
    margin-left: -2rem !important;
    margin-right: -2rem !important;
  }
  .md\:-mx-6 {
    margin-left: -3rem !important;
    margin-right: -3rem !important;
  }
  .md\:-mx-7 {
    margin-left: -4rem !important;
    margin-right: -4rem !important;
  }
  .md\:-mx-8 {
    margin-left: -5rem !important;
    margin-right: -5rem !important;
  }
  .md\:mx-auto {
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .md\:my-0 {
    margin-top: 0rem !important;
    margin-bottom: 0rem !important;
  }
  .md\:my-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .md\:my-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .md\:my-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .md\:my-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .md\:my-5 {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
  }
  .md\:my-6 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .md\:my-7 {
    margin-top: 4rem !important;
    margin-bottom: 4rem !important;
  }
  .md\:my-8 {
    margin-top: 5rem !important;
    margin-bottom: 5rem !important;
  }
  .md\:-my-1 {
    margin-top: -0.25rem !important;
    margin-bottom: -0.25rem !important;
  }
  .md\:-my-2 {
    margin-top: -0.5rem !important;
    margin-bottom: -0.5rem !important;
  }
  .md\:-my-3 {
    margin-top: -1rem !important;
    margin-bottom: -1rem !important;
  }
  .md\:-my-4 {
    margin-top: -1.5rem !important;
    margin-bottom: -1.5rem !important;
  }
  .md\:-my-5 {
    margin-top: -2rem !important;
    margin-bottom: -2rem !important;
  }
  .md\:-my-6 {
    margin-top: -3rem !important;
    margin-bottom: -3rem !important;
  }
  .md\:-my-7 {
    margin-top: -4rem !important;
    margin-bottom: -4rem !important;
  }
  .md\:-my-8 {
    margin-top: -5rem !important;
    margin-bottom: -5rem !important;
  }
  .md\:my-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:m-0 {
    margin: 0rem !important;
  }
  .lg\:m-1 {
    margin: 0.25rem !important;
  }
  .lg\:m-2 {
    margin: 0.5rem !important;
  }
  .lg\:m-3 {
    margin: 1rem !important;
  }
  .lg\:m-4 {
    margin: 1.5rem !important;
  }
  .lg\:m-5 {
    margin: 2rem !important;
  }
  .lg\:m-6 {
    margin: 3rem !important;
  }
  .lg\:m-7 {
    margin: 4rem !important;
  }
  .lg\:m-8 {
    margin: 5rem !important;
  }
  .lg\:-m-1 {
    margin: -0.25rem !important;
  }
  .lg\:-m-2 {
    margin: -0.5rem !important;
  }
  .lg\:-m-3 {
    margin: -1rem !important;
  }
  .lg\:-m-4 {
    margin: -1.5rem !important;
  }
  .lg\:-m-5 {
    margin: -2rem !important;
  }
  .lg\:-m-6 {
    margin: -3rem !important;
  }
  .lg\:-m-7 {
    margin: -4rem !important;
  }
  .lg\:-m-8 {
    margin: -5rem !important;
  }
  .lg\:m-auto {
    margin: auto !important;
  }
  .lg\:mt-0 {
    margin-top: 0rem !important;
  }
  .lg\:mt-1 {
    margin-top: 0.25rem !important;
  }
  .lg\:mt-2 {
    margin-top: 0.5rem !important;
  }
  .lg\:mt-3 {
    margin-top: 1rem !important;
  }
  .lg\:mt-4 {
    margin-top: 1.5rem !important;
  }
  .lg\:mt-5 {
    margin-top: 2rem !important;
  }
  .lg\:mt-6 {
    margin-top: 3rem !important;
  }
  .lg\:mt-7 {
    margin-top: 4rem !important;
  }
  .lg\:mt-8 {
    margin-top: 5rem !important;
  }
  .lg\:-mt-1 {
    margin-top: -0.25rem !important;
  }
  .lg\:-mt-2 {
    margin-top: -0.5rem !important;
  }
  .lg\:-mt-3 {
    margin-top: -1rem !important;
  }
  .lg\:-mt-4 {
    margin-top: -1.5rem !important;
  }
  .lg\:-mt-5 {
    margin-top: -2rem !important;
  }
  .lg\:-mt-6 {
    margin-top: -3rem !important;
  }
  .lg\:-mt-7 {
    margin-top: -4rem !important;
  }
  .lg\:-mt-8 {
    margin-top: -5rem !important;
  }
  .lg\:mt-auto {
    margin-top: auto !important;
  }
  .lg\:mr-0 {
    margin-right: 0rem !important;
  }
  .lg\:mr-1 {
    margin-right: 0.25rem !important;
  }
  .lg\:mr-2 {
    margin-right: 0.5rem !important;
  }
  .lg\:mr-3 {
    margin-right: 1rem !important;
  }
  .lg\:mr-4 {
    margin-right: 1.5rem !important;
  }
  .lg\:mr-5 {
    margin-right: 2rem !important;
  }
  .lg\:mr-6 {
    margin-right: 3rem !important;
  }
  .lg\:mr-7 {
    margin-right: 4rem !important;
  }
  .lg\:mr-8 {
    margin-right: 5rem !important;
  }
  .lg\:-mr-1 {
    margin-right: -0.25rem !important;
  }
  .lg\:-mr-2 {
    margin-right: -0.5rem !important;
  }
  .lg\:-mr-3 {
    margin-right: -1rem !important;
  }
  .lg\:-mr-4 {
    margin-right: -1.5rem !important;
  }
  .lg\:-mr-5 {
    margin-right: -2rem !important;
  }
  .lg\:-mr-6 {
    margin-right: -3rem !important;
  }
  .lg\:-mr-7 {
    margin-right: -4rem !important;
  }
  .lg\:-mr-8 {
    margin-right: -5rem !important;
  }
  .lg\:mr-auto {
    margin-right: auto !important;
  }
  .lg\:ml-0 {
    margin-left: 0rem !important;
  }
  .lg\:ml-1 {
    margin-left: 0.25rem !important;
  }
  .lg\:ml-2 {
    margin-left: 0.5rem !important;
  }
  .lg\:ml-3 {
    margin-left: 1rem !important;
  }
  .lg\:ml-4 {
    margin-left: 1.5rem !important;
  }
  .lg\:ml-5 {
    margin-left: 2rem !important;
  }
  .lg\:ml-6 {
    margin-left: 3rem !important;
  }
  .lg\:ml-7 {
    margin-left: 4rem !important;
  }
  .lg\:ml-8 {
    margin-left: 5rem !important;
  }
  .lg\:-ml-1 {
    margin-left: -0.25rem !important;
  }
  .lg\:-ml-2 {
    margin-left: -0.5rem !important;
  }
  .lg\:-ml-3 {
    margin-left: -1rem !important;
  }
  .lg\:-ml-4 {
    margin-left: -1.5rem !important;
  }
  .lg\:-ml-5 {
    margin-left: -2rem !important;
  }
  .lg\:-ml-6 {
    margin-left: -3rem !important;
  }
  .lg\:-ml-7 {
    margin-left: -4rem !important;
  }
  .lg\:-ml-8 {
    margin-left: -5rem !important;
  }
  .lg\:ml-auto {
    margin-left: auto !important;
  }
  .lg\:mb-0 {
    margin-bottom: 0rem !important;
  }
  .lg\:mb-1 {
    margin-bottom: 0.25rem !important;
  }
  .lg\:mb-2 {
    margin-bottom: 0.5rem !important;
  }
  .lg\:mb-3 {
    margin-bottom: 1rem !important;
  }
  .lg\:mb-4 {
    margin-bottom: 1.5rem !important;
  }
  .lg\:mb-5 {
    margin-bottom: 2rem !important;
  }
  .lg\:mb-6 {
    margin-bottom: 3rem !important;
  }
  .lg\:mb-7 {
    margin-bottom: 4rem !important;
  }
  .lg\:mb-8 {
    margin-bottom: 5rem !important;
  }
  .lg\:-mb-1 {
    margin-bottom: -0.25rem !important;
  }
  .lg\:-mb-2 {
    margin-bottom: -0.5rem !important;
  }
  .lg\:-mb-3 {
    margin-bottom: -1rem !important;
  }
  .lg\:-mb-4 {
    margin-bottom: -1.5rem !important;
  }
  .lg\:-mb-5 {
    margin-bottom: -2rem !important;
  }
  .lg\:-mb-6 {
    margin-bottom: -3rem !important;
  }
  .lg\:-mb-7 {
    margin-bottom: -4rem !important;
  }
  .lg\:-mb-8 {
    margin-bottom: -5rem !important;
  }
  .lg\:mb-auto {
    margin-bottom: auto !important;
  }
  .lg\:mx-0 {
    margin-left: 0rem !important;
    margin-right: 0rem !important;
  }
  .lg\:mx-1 {
    margin-left: 0.25rem !important;
    margin-right: 0.25rem !important;
  }
  .lg\:mx-2 {
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important;
  }
  .lg\:mx-3 {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
  }
  .lg\:mx-4 {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important;
  }
  .lg\:mx-5 {
    margin-left: 2rem !important;
    margin-right: 2rem !important;
  }
  .lg\:mx-6 {
    margin-left: 3rem !important;
    margin-right: 3rem !important;
  }
  .lg\:mx-7 {
    margin-left: 4rem !important;
    margin-right: 4rem !important;
  }
  .lg\:mx-8 {
    margin-left: 5rem !important;
    margin-right: 5rem !important;
  }
  .lg\:-mx-1 {
    margin-left: -0.25rem !important;
    margin-right: -0.25rem !important;
  }
  .lg\:-mx-2 {
    margin-left: -0.5rem !important;
    margin-right: -0.5rem !important;
  }
  .lg\:-mx-3 {
    margin-left: -1rem !important;
    margin-right: -1rem !important;
  }
  .lg\:-mx-4 {
    margin-left: -1.5rem !important;
    margin-right: -1.5rem !important;
  }
  .lg\:-mx-5 {
    margin-left: -2rem !important;
    margin-right: -2rem !important;
  }
  .lg\:-mx-6 {
    margin-left: -3rem !important;
    margin-right: -3rem !important;
  }
  .lg\:-mx-7 {
    margin-left: -4rem !important;
    margin-right: -4rem !important;
  }
  .lg\:-mx-8 {
    margin-left: -5rem !important;
    margin-right: -5rem !important;
  }
  .lg\:mx-auto {
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .lg\:my-0 {
    margin-top: 0rem !important;
    margin-bottom: 0rem !important;
  }
  .lg\:my-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .lg\:my-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .lg\:my-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .lg\:my-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .lg\:my-5 {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
  }
  .lg\:my-6 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .lg\:my-7 {
    margin-top: 4rem !important;
    margin-bottom: 4rem !important;
  }
  .lg\:my-8 {
    margin-top: 5rem !important;
    margin-bottom: 5rem !important;
  }
  .lg\:-my-1 {
    margin-top: -0.25rem !important;
    margin-bottom: -0.25rem !important;
  }
  .lg\:-my-2 {
    margin-top: -0.5rem !important;
    margin-bottom: -0.5rem !important;
  }
  .lg\:-my-3 {
    margin-top: -1rem !important;
    margin-bottom: -1rem !important;
  }
  .lg\:-my-4 {
    margin-top: -1.5rem !important;
    margin-bottom: -1.5rem !important;
  }
  .lg\:-my-5 {
    margin-top: -2rem !important;
    margin-bottom: -2rem !important;
  }
  .lg\:-my-6 {
    margin-top: -3rem !important;
    margin-bottom: -3rem !important;
  }
  .lg\:-my-7 {
    margin-top: -4rem !important;
    margin-bottom: -4rem !important;
  }
  .lg\:-my-8 {
    margin-top: -5rem !important;
    margin-bottom: -5rem !important;
  }
  .lg\:my-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:m-0 {
    margin: 0rem !important;
  }
  .xl\:m-1 {
    margin: 0.25rem !important;
  }
  .xl\:m-2 {
    margin: 0.5rem !important;
  }
  .xl\:m-3 {
    margin: 1rem !important;
  }
  .xl\:m-4 {
    margin: 1.5rem !important;
  }
  .xl\:m-5 {
    margin: 2rem !important;
  }
  .xl\:m-6 {
    margin: 3rem !important;
  }
  .xl\:m-7 {
    margin: 4rem !important;
  }
  .xl\:m-8 {
    margin: 5rem !important;
  }
  .xl\:-m-1 {
    margin: -0.25rem !important;
  }
  .xl\:-m-2 {
    margin: -0.5rem !important;
  }
  .xl\:-m-3 {
    margin: -1rem !important;
  }
  .xl\:-m-4 {
    margin: -1.5rem !important;
  }
  .xl\:-m-5 {
    margin: -2rem !important;
  }
  .xl\:-m-6 {
    margin: -3rem !important;
  }
  .xl\:-m-7 {
    margin: -4rem !important;
  }
  .xl\:-m-8 {
    margin: -5rem !important;
  }
  .xl\:m-auto {
    margin: auto !important;
  }
  .xl\:mt-0 {
    margin-top: 0rem !important;
  }
  .xl\:mt-1 {
    margin-top: 0.25rem !important;
  }
  .xl\:mt-2 {
    margin-top: 0.5rem !important;
  }
  .xl\:mt-3 {
    margin-top: 1rem !important;
  }
  .xl\:mt-4 {
    margin-top: 1.5rem !important;
  }
  .xl\:mt-5 {
    margin-top: 2rem !important;
  }
  .xl\:mt-6 {
    margin-top: 3rem !important;
  }
  .xl\:mt-7 {
    margin-top: 4rem !important;
  }
  .xl\:mt-8 {
    margin-top: 5rem !important;
  }
  .xl\:-mt-1 {
    margin-top: -0.25rem !important;
  }
  .xl\:-mt-2 {
    margin-top: -0.5rem !important;
  }
  .xl\:-mt-3 {
    margin-top: -1rem !important;
  }
  .xl\:-mt-4 {
    margin-top: -1.5rem !important;
  }
  .xl\:-mt-5 {
    margin-top: -2rem !important;
  }
  .xl\:-mt-6 {
    margin-top: -3rem !important;
  }
  .xl\:-mt-7 {
    margin-top: -4rem !important;
  }
  .xl\:-mt-8 {
    margin-top: -5rem !important;
  }
  .xl\:mt-auto {
    margin-top: auto !important;
  }
  .xl\:mr-0 {
    margin-right: 0rem !important;
  }
  .xl\:mr-1 {
    margin-right: 0.25rem !important;
  }
  .xl\:mr-2 {
    margin-right: 0.5rem !important;
  }
  .xl\:mr-3 {
    margin-right: 1rem !important;
  }
  .xl\:mr-4 {
    margin-right: 1.5rem !important;
  }
  .xl\:mr-5 {
    margin-right: 2rem !important;
  }
  .xl\:mr-6 {
    margin-right: 3rem !important;
  }
  .xl\:mr-7 {
    margin-right: 4rem !important;
  }
  .xl\:mr-8 {
    margin-right: 5rem !important;
  }
  .xl\:-mr-1 {
    margin-right: -0.25rem !important;
  }
  .xl\:-mr-2 {
    margin-right: -0.5rem !important;
  }
  .xl\:-mr-3 {
    margin-right: -1rem !important;
  }
  .xl\:-mr-4 {
    margin-right: -1.5rem !important;
  }
  .xl\:-mr-5 {
    margin-right: -2rem !important;
  }
  .xl\:-mr-6 {
    margin-right: -3rem !important;
  }
  .xl\:-mr-7 {
    margin-right: -4rem !important;
  }
  .xl\:-mr-8 {
    margin-right: -5rem !important;
  }
  .xl\:mr-auto {
    margin-right: auto !important;
  }
  .xl\:ml-0 {
    margin-left: 0rem !important;
  }
  .xl\:ml-1 {
    margin-left: 0.25rem !important;
  }
  .xl\:ml-2 {
    margin-left: 0.5rem !important;
  }
  .xl\:ml-3 {
    margin-left: 1rem !important;
  }
  .xl\:ml-4 {
    margin-left: 1.5rem !important;
  }
  .xl\:ml-5 {
    margin-left: 2rem !important;
  }
  .xl\:ml-6 {
    margin-left: 3rem !important;
  }
  .xl\:ml-7 {
    margin-left: 4rem !important;
  }
  .xl\:ml-8 {
    margin-left: 5rem !important;
  }
  .xl\:-ml-1 {
    margin-left: -0.25rem !important;
  }
  .xl\:-ml-2 {
    margin-left: -0.5rem !important;
  }
  .xl\:-ml-3 {
    margin-left: -1rem !important;
  }
  .xl\:-ml-4 {
    margin-left: -1.5rem !important;
  }
  .xl\:-ml-5 {
    margin-left: -2rem !important;
  }
  .xl\:-ml-6 {
    margin-left: -3rem !important;
  }
  .xl\:-ml-7 {
    margin-left: -4rem !important;
  }
  .xl\:-ml-8 {
    margin-left: -5rem !important;
  }
  .xl\:ml-auto {
    margin-left: auto !important;
  }
  .xl\:mb-0 {
    margin-bottom: 0rem !important;
  }
  .xl\:mb-1 {
    margin-bottom: 0.25rem !important;
  }
  .xl\:mb-2 {
    margin-bottom: 0.5rem !important;
  }
  .xl\:mb-3 {
    margin-bottom: 1rem !important;
  }
  .xl\:mb-4 {
    margin-bottom: 1.5rem !important;
  }
  .xl\:mb-5 {
    margin-bottom: 2rem !important;
  }
  .xl\:mb-6 {
    margin-bottom: 3rem !important;
  }
  .xl\:mb-7 {
    margin-bottom: 4rem !important;
  }
  .xl\:mb-8 {
    margin-bottom: 5rem !important;
  }
  .xl\:-mb-1 {
    margin-bottom: -0.25rem !important;
  }
  .xl\:-mb-2 {
    margin-bottom: -0.5rem !important;
  }
  .xl\:-mb-3 {
    margin-bottom: -1rem !important;
  }
  .xl\:-mb-4 {
    margin-bottom: -1.5rem !important;
  }
  .xl\:-mb-5 {
    margin-bottom: -2rem !important;
  }
  .xl\:-mb-6 {
    margin-bottom: -3rem !important;
  }
  .xl\:-mb-7 {
    margin-bottom: -4rem !important;
  }
  .xl\:-mb-8 {
    margin-bottom: -5rem !important;
  }
  .xl\:mb-auto {
    margin-bottom: auto !important;
  }
  .xl\:mx-0 {
    margin-left: 0rem !important;
    margin-right: 0rem !important;
  }
  .xl\:mx-1 {
    margin-left: 0.25rem !important;
    margin-right: 0.25rem !important;
  }
  .xl\:mx-2 {
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important;
  }
  .xl\:mx-3 {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
  }
  .xl\:mx-4 {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important;
  }
  .xl\:mx-5 {
    margin-left: 2rem !important;
    margin-right: 2rem !important;
  }
  .xl\:mx-6 {
    margin-left: 3rem !important;
    margin-right: 3rem !important;
  }
  .xl\:mx-7 {
    margin-left: 4rem !important;
    margin-right: 4rem !important;
  }
  .xl\:mx-8 {
    margin-left: 5rem !important;
    margin-right: 5rem !important;
  }
  .xl\:-mx-1 {
    margin-left: -0.25rem !important;
    margin-right: -0.25rem !important;
  }
  .xl\:-mx-2 {
    margin-left: -0.5rem !important;
    margin-right: -0.5rem !important;
  }
  .xl\:-mx-3 {
    margin-left: -1rem !important;
    margin-right: -1rem !important;
  }
  .xl\:-mx-4 {
    margin-left: -1.5rem !important;
    margin-right: -1.5rem !important;
  }
  .xl\:-mx-5 {
    margin-left: -2rem !important;
    margin-right: -2rem !important;
  }
  .xl\:-mx-6 {
    margin-left: -3rem !important;
    margin-right: -3rem !important;
  }
  .xl\:-mx-7 {
    margin-left: -4rem !important;
    margin-right: -4rem !important;
  }
  .xl\:-mx-8 {
    margin-left: -5rem !important;
    margin-right: -5rem !important;
  }
  .xl\:mx-auto {
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .xl\:my-0 {
    margin-top: 0rem !important;
    margin-bottom: 0rem !important;
  }
  .xl\:my-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .xl\:my-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .xl\:my-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .xl\:my-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .xl\:my-5 {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
  }
  .xl\:my-6 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .xl\:my-7 {
    margin-top: 4rem !important;
    margin-bottom: 4rem !important;
  }
  .xl\:my-8 {
    margin-top: 5rem !important;
    margin-bottom: 5rem !important;
  }
  .xl\:-my-1 {
    margin-top: -0.25rem !important;
    margin-bottom: -0.25rem !important;
  }
  .xl\:-my-2 {
    margin-top: -0.5rem !important;
    margin-bottom: -0.5rem !important;
  }
  .xl\:-my-3 {
    margin-top: -1rem !important;
    margin-bottom: -1rem !important;
  }
  .xl\:-my-4 {
    margin-top: -1.5rem !important;
    margin-bottom: -1.5rem !important;
  }
  .xl\:-my-5 {
    margin-top: -2rem !important;
    margin-bottom: -2rem !important;
  }
  .xl\:-my-6 {
    margin-top: -3rem !important;
    margin-bottom: -3rem !important;
  }
  .xl\:-my-7 {
    margin-top: -4rem !important;
    margin-bottom: -4rem !important;
  }
  .xl\:-my-8 {
    margin-top: -5rem !important;
    margin-bottom: -5rem !important;
  }
  .xl\:my-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
}
.shadow-none {
  box-shadow: none !important;
}
.shadow-1 {
  box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important;
}
.shadow-2 {
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important;
}
.shadow-3 {
  box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important;
}
.shadow-4 {
  box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important;
}
.shadow-5 {
  box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important;
}
.shadow-6 {
  box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important;
}
.shadow-7 {
  box-shadow: 0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important;
}
.shadow-8 {
  box-shadow: 0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important;
}
.focus\:shadow-none:focus {
  box-shadow: none !important;
}
.hover\:shadow-none:hover {
  box-shadow: none !important;
}
.active\:shadow-none:active {
  box-shadow: none !important;
}
.focus\:shadow-1:focus {
  box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important;
}
.hover\:shadow-1:hover {
  box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important;
}
.active\:shadow-1:active {
  box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important;
}
.focus\:shadow-2:focus {
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important;
}
.hover\:shadow-2:hover {
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important;
}
.active\:shadow-2:active {
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important;
}
.focus\:shadow-3:focus {
  box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important;
}
.hover\:shadow-3:hover {
  box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important;
}
.active\:shadow-3:active {
  box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important;
}
.focus\:shadow-4:focus {
  box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important;
}
.hover\:shadow-4:hover {
  box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important;
}
.active\:shadow-4:active {
  box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important;
}
.focus\:shadow-5:focus {
  box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important;
}
.hover\:shadow-5:hover {
  box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important;
}
.active\:shadow-5:active {
  box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important;
}
.focus\:shadow-6:focus {
  box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important;
}
.hover\:shadow-6:hover {
  box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important;
}
.active\:shadow-6:active {
  box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important;
}
.focus\:shadow-7:focus {
  box-shadow: 0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important;
}
.hover\:shadow-7:hover {
  box-shadow: 0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important;
}
.active\:shadow-7:active {
  box-shadow: 0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important;
}
.focus\:shadow-8:focus {
  box-shadow: 0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important;
}
.hover\:shadow-8:hover {
  box-shadow: 0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important;
}
.active\:shadow-8:active {
  box-shadow: 0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important;
}
@media screen and (min-width: 576px) {
  .sm\:shadow-none {
    box-shadow: none !important;
  }
  .sm\:shadow-1 {
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important;
  }
  .sm\:shadow-2 {
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important;
  }
  .sm\:shadow-3 {
    box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important;
  }
  .sm\:shadow-4 {
    box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important;
  }
  .sm\:shadow-5 {
    box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important;
  }
  .sm\:shadow-6 {
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important;
  }
  .sm\:shadow-7 {
    box-shadow: 0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important;
  }
  .sm\:shadow-8 {
    box-shadow: 0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important;
  }
  .sm\:focus\:shadow-none:focus {
    box-shadow: none !important;
  }
  .sm\:hover\:shadow-none:hover {
    box-shadow: none !important;
  }
  .sm\:active\:shadow-none:active {
    box-shadow: none !important;
  }
  .sm\:focus\:shadow-1:focus {
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important;
  }
  .sm\:hover\:shadow-1:hover {
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important;
  }
  .sm\:active\:shadow-1:active {
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important;
  }
  .sm\:focus\:shadow-2:focus {
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important;
  }
  .sm\:hover\:shadow-2:hover {
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important;
  }
  .sm\:active\:shadow-2:active {
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important;
  }
  .sm\:focus\:shadow-3:focus {
    box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important;
  }
  .sm\:hover\:shadow-3:hover {
    box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important;
  }
  .sm\:active\:shadow-3:active {
    box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important;
  }
  .sm\:focus\:shadow-4:focus {
    box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important;
  }
  .sm\:hover\:shadow-4:hover {
    box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important;
  }
  .sm\:active\:shadow-4:active {
    box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important;
  }
  .sm\:focus\:shadow-5:focus {
    box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important;
  }
  .sm\:hover\:shadow-5:hover {
    box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important;
  }
  .sm\:active\:shadow-5:active {
    box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important;
  }
  .sm\:focus\:shadow-6:focus {
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important;
  }
  .sm\:hover\:shadow-6:hover {
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important;
  }
  .sm\:active\:shadow-6:active {
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important;
  }
  .sm\:focus\:shadow-7:focus {
    box-shadow: 0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important;
  }
  .sm\:hover\:shadow-7:hover {
    box-shadow: 0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important;
  }
  .sm\:active\:shadow-7:active {
    box-shadow: 0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important;
  }
  .sm\:focus\:shadow-8:focus {
    box-shadow: 0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important;
  }
  .sm\:hover\:shadow-8:hover {
    box-shadow: 0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important;
  }
  .sm\:active\:shadow-8:active {
    box-shadow: 0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:shadow-none {
    box-shadow: none !important;
  }
  .md\:shadow-1 {
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important;
  }
  .md\:shadow-2 {
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important;
  }
  .md\:shadow-3 {
    box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important;
  }
  .md\:shadow-4 {
    box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important;
  }
  .md\:shadow-5 {
    box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important;
  }
  .md\:shadow-6 {
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important;
  }
  .md\:shadow-7 {
    box-shadow: 0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important;
  }
  .md\:shadow-8 {
    box-shadow: 0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important;
  }
  .md\:focus\:shadow-none:focus {
    box-shadow: none !important;
  }
  .md\:hover\:shadow-none:hover {
    box-shadow: none !important;
  }
  .md\:active\:shadow-none:active {
    box-shadow: none !important;
  }
  .md\:focus\:shadow-1:focus {
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important;
  }
  .md\:hover\:shadow-1:hover {
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important;
  }
  .md\:active\:shadow-1:active {
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important;
  }
  .md\:focus\:shadow-2:focus {
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important;
  }
  .md\:hover\:shadow-2:hover {
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important;
  }
  .md\:active\:shadow-2:active {
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important;
  }
  .md\:focus\:shadow-3:focus {
    box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important;
  }
  .md\:hover\:shadow-3:hover {
    box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important;
  }
  .md\:active\:shadow-3:active {
    box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important;
  }
  .md\:focus\:shadow-4:focus {
    box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important;
  }
  .md\:hover\:shadow-4:hover {
    box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important;
  }
  .md\:active\:shadow-4:active {
    box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important;
  }
  .md\:focus\:shadow-5:focus {
    box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important;
  }
  .md\:hover\:shadow-5:hover {
    box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important;
  }
  .md\:active\:shadow-5:active {
    box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important;
  }
  .md\:focus\:shadow-6:focus {
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important;
  }
  .md\:hover\:shadow-6:hover {
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important;
  }
  .md\:active\:shadow-6:active {
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important;
  }
  .md\:focus\:shadow-7:focus {
    box-shadow: 0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important;
  }
  .md\:hover\:shadow-7:hover {
    box-shadow: 0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important;
  }
  .md\:active\:shadow-7:active {
    box-shadow: 0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important;
  }
  .md\:focus\:shadow-8:focus {
    box-shadow: 0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important;
  }
  .md\:hover\:shadow-8:hover {
    box-shadow: 0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important;
  }
  .md\:active\:shadow-8:active {
    box-shadow: 0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:shadow-none {
    box-shadow: none !important;
  }
  .lg\:shadow-1 {
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important;
  }
  .lg\:shadow-2 {
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important;
  }
  .lg\:shadow-3 {
    box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important;
  }
  .lg\:shadow-4 {
    box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important;
  }
  .lg\:shadow-5 {
    box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important;
  }
  .lg\:shadow-6 {
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important;
  }
  .lg\:shadow-7 {
    box-shadow: 0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important;
  }
  .lg\:shadow-8 {
    box-shadow: 0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important;
  }
  .lg\:focus\:shadow-none:focus {
    box-shadow: none !important;
  }
  .lg\:hover\:shadow-none:hover {
    box-shadow: none !important;
  }
  .lg\:active\:shadow-none:active {
    box-shadow: none !important;
  }
  .lg\:focus\:shadow-1:focus {
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important;
  }
  .lg\:hover\:shadow-1:hover {
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important;
  }
  .lg\:active\:shadow-1:active {
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important;
  }
  .lg\:focus\:shadow-2:focus {
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important;
  }
  .lg\:hover\:shadow-2:hover {
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important;
  }
  .lg\:active\:shadow-2:active {
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important;
  }
  .lg\:focus\:shadow-3:focus {
    box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important;
  }
  .lg\:hover\:shadow-3:hover {
    box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important;
  }
  .lg\:active\:shadow-3:active {
    box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important;
  }
  .lg\:focus\:shadow-4:focus {
    box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important;
  }
  .lg\:hover\:shadow-4:hover {
    box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important;
  }
  .lg\:active\:shadow-4:active {
    box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important;
  }
  .lg\:focus\:shadow-5:focus {
    box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important;
  }
  .lg\:hover\:shadow-5:hover {
    box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important;
  }
  .lg\:active\:shadow-5:active {
    box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important;
  }
  .lg\:focus\:shadow-6:focus {
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important;
  }
  .lg\:hover\:shadow-6:hover {
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important;
  }
  .lg\:active\:shadow-6:active {
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important;
  }
  .lg\:focus\:shadow-7:focus {
    box-shadow: 0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important;
  }
  .lg\:hover\:shadow-7:hover {
    box-shadow: 0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important;
  }
  .lg\:active\:shadow-7:active {
    box-shadow: 0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important;
  }
  .lg\:focus\:shadow-8:focus {
    box-shadow: 0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important;
  }
  .lg\:hover\:shadow-8:hover {
    box-shadow: 0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important;
  }
  .lg\:active\:shadow-8:active {
    box-shadow: 0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:shadow-none {
    box-shadow: none !important;
  }
  .xl\:shadow-1 {
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important;
  }
  .xl\:shadow-2 {
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important;
  }
  .xl\:shadow-3 {
    box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important;
  }
  .xl\:shadow-4 {
    box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important;
  }
  .xl\:shadow-5 {
    box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important;
  }
  .xl\:shadow-6 {
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important;
  }
  .xl\:shadow-7 {
    box-shadow: 0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important;
  }
  .xl\:shadow-8 {
    box-shadow: 0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important;
  }
  .xl\:focus\:shadow-none:focus {
    box-shadow: none !important;
  }
  .xl\:hover\:shadow-none:hover {
    box-shadow: none !important;
  }
  .xl\:active\:shadow-none:active {
    box-shadow: none !important;
  }
  .xl\:focus\:shadow-1:focus {
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important;
  }
  .xl\:hover\:shadow-1:hover {
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important;
  }
  .xl\:active\:shadow-1:active {
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important;
  }
  .xl\:focus\:shadow-2:focus {
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important;
  }
  .xl\:hover\:shadow-2:hover {
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important;
  }
  .xl\:active\:shadow-2:active {
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important;
  }
  .xl\:focus\:shadow-3:focus {
    box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important;
  }
  .xl\:hover\:shadow-3:hover {
    box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important;
  }
  .xl\:active\:shadow-3:active {
    box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important;
  }
  .xl\:focus\:shadow-4:focus {
    box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important;
  }
  .xl\:hover\:shadow-4:hover {
    box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important;
  }
  .xl\:active\:shadow-4:active {
    box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important;
  }
  .xl\:focus\:shadow-5:focus {
    box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important;
  }
  .xl\:hover\:shadow-5:hover {
    box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important;
  }
  .xl\:active\:shadow-5:active {
    box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important;
  }
  .xl\:focus\:shadow-6:focus {
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important;
  }
  .xl\:hover\:shadow-6:hover {
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important;
  }
  .xl\:active\:shadow-6:active {
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important;
  }
  .xl\:focus\:shadow-7:focus {
    box-shadow: 0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important;
  }
  .xl\:hover\:shadow-7:hover {
    box-shadow: 0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important;
  }
  .xl\:active\:shadow-7:active {
    box-shadow: 0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important;
  }
  .xl\:focus\:shadow-8:focus {
    box-shadow: 0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important;
  }
  .xl\:hover\:shadow-8:hover {
    box-shadow: 0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important;
  }
  .xl\:active\:shadow-8:active {
    box-shadow: 0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important;
  }
}
.border-none {
  border-width: 0px !important;
  border-style: none;
}
.border-1 {
  border-width: 1px !important;
  border-style: solid;
}
.border-2 {
  border-width: 2px !important;
  border-style: solid;
}
.border-3 {
  border-width: 3px !important;
  border-style: solid;
}
.border-top-none {
  border-top-width: 0px !important;
  border-top-style: none;
}
.border-top-1 {
  border-top-width: 1px !important;
  border-top-style: solid;
}
.border-top-2 {
  border-top-width: 2px !important;
  border-top-style: solid;
}
.border-top-3 {
  border-top-width: 3px !important;
  border-top-style: solid;
}
.border-right-none {
  border-right-width: 0px !important;
  border-right-style: none;
}
.border-right-1 {
  border-right-width: 1px !important;
  border-right-style: solid;
}
.border-right-2 {
  border-right-width: 2px !important;
  border-right-style: solid;
}
.border-right-3 {
  border-right-width: 3px !important;
  border-right-style: solid;
}
.border-left-none {
  border-left-width: 0px !important;
  border-left-style: none;
}
.border-left-1 {
  border-left-width: 1px !important;
  border-left-style: solid;
}
.border-left-2 {
  border-left-width: 2px !important;
  border-left-style: solid;
}
.border-left-3 {
  border-left-width: 3px !important;
  border-left-style: solid;
}
.border-bottom-none {
  border-bottom-width: 0px !important;
  border-bottom-style: none;
}
.border-bottom-1 {
  border-bottom-width: 1px !important;
  border-bottom-style: solid;
}
.border-bottom-2 {
  border-bottom-width: 2px !important;
  border-bottom-style: solid;
}
.border-bottom-3 {
  border-bottom-width: 3px !important;
  border-bottom-style: solid;
}
.border-x-none {
  border-left-width: 0px !important;
  border-left-style: none;
  border-right-width: 0px !important;
  border-right-style: none;
}
.border-x-1 {
  border-left-width: 1px !important;
  border-left-style: solid;
  border-right-width: 1px !important;
  border-right-style: solid;
}
.border-x-2 {
  border-left-width: 2px !important;
  border-left-style: solid;
  border-right-width: 2px !important;
  border-right-style: solid;
}
.border-x-3 {
  border-left-width: 3px !important;
  border-left-style: solid;
  border-right-width: 3px !important;
  border-right-style: solid;
}
.border-y-none {
  border-top-width: 0px !important;
  border-top-style: none;
  border-bottom-width: 0px !important;
  border-bottom-style: none;
}
.border-y-1 {
  border-top-width: 1px !important;
  border-top-style: solid;
  border-bottom-width: 1px !important;
  border-bottom-style: solid;
}
.border-y-2 {
  border-top-width: 2px !important;
  border-top-style: solid;
  border-bottom-width: 2px !important;
  border-bottom-style: solid;
}
.border-y-3 {
  border-top-width: 3px !important;
  border-top-style: solid;
  border-bottom-width: 3px !important;
  border-bottom-style: solid;
}
@media screen and (min-width: 576px) {
  .sm\:border-none {
    border-width: 0px !important;
    border-style: none;
  }
  .sm\:border-1 {
    border-width: 1px !important;
    border-style: solid;
  }
  .sm\:border-2 {
    border-width: 2px !important;
    border-style: solid;
  }
  .sm\:border-3 {
    border-width: 3px !important;
    border-style: solid;
  }
  .sm\:border-top-none {
    border-top-width: 0px !important;
    border-top-style: none;
  }
  .sm\:border-top-1 {
    border-top-width: 1px !important;
    border-top-style: solid;
  }
  .sm\:border-top-2 {
    border-top-width: 2px !important;
    border-top-style: solid;
  }
  .sm\:border-top-3 {
    border-top-width: 3px !important;
    border-top-style: solid;
  }
  .sm\:border-right-none {
    border-right-width: 0px !important;
    border-right-style: none;
  }
  .sm\:border-right-1 {
    border-right-width: 1px !important;
    border-right-style: solid;
  }
  .sm\:border-right-2 {
    border-right-width: 2px !important;
    border-right-style: solid;
  }
  .sm\:border-right-3 {
    border-right-width: 3px !important;
    border-right-style: solid;
  }
  .sm\:border-left-none {
    border-left-width: 0px !important;
    border-left-style: none;
  }
  .sm\:border-left-1 {
    border-left-width: 1px !important;
    border-left-style: solid;
  }
  .sm\:border-left-2 {
    border-left-width: 2px !important;
    border-left-style: solid;
  }
  .sm\:border-left-3 {
    border-left-width: 3px !important;
    border-left-style: solid;
  }
  .sm\:border-bottom-none {
    border-bottom-width: 0px !important;
    border-bottom-style: none;
  }
  .sm\:border-bottom-1 {
    border-bottom-width: 1px !important;
    border-bottom-style: solid;
  }
  .sm\:border-bottom-2 {
    border-bottom-width: 2px !important;
    border-bottom-style: solid;
  }
  .sm\:border-bottom-3 {
    border-bottom-width: 3px !important;
    border-bottom-style: solid;
  }
  .sm\:border-x-none {
    border-left-width: 0px !important;
    border-left-style: none;
    border-right-width: 0px !important;
    border-right-style: none;
  }
  .sm\:border-x-1 {
    border-left-width: 1px !important;
    border-left-style: solid;
    border-right-width: 1px !important;
    border-right-style: solid;
  }
  .sm\:border-x-2 {
    border-left-width: 2px !important;
    border-left-style: solid;
    border-right-width: 2px !important;
    border-right-style: solid;
  }
  .sm\:border-x-3 {
    border-left-width: 3px !important;
    border-left-style: solid;
    border-right-width: 3px !important;
    border-right-style: solid;
  }
  .sm\:border-y-none {
    border-top-width: 0px !important;
    border-top-style: none;
    border-bottom-width: 0px !important;
    border-bottom-style: none;
  }
  .sm\:border-y-1 {
    border-top-width: 1px !important;
    border-top-style: solid;
    border-bottom-width: 1px !important;
    border-bottom-style: solid;
  }
  .sm\:border-y-2 {
    border-top-width: 2px !important;
    border-top-style: solid;
    border-bottom-width: 2px !important;
    border-bottom-style: solid;
  }
  .sm\:border-y-3 {
    border-top-width: 3px !important;
    border-top-style: solid;
    border-bottom-width: 3px !important;
    border-bottom-style: solid;
  }
}
@media screen and (min-width: 768px) {
  .md\:border-none {
    border-width: 0px !important;
    border-style: none;
  }
  .md\:border-1 {
    border-width: 1px !important;
    border-style: solid;
  }
  .md\:border-2 {
    border-width: 2px !important;
    border-style: solid;
  }
  .md\:border-3 {
    border-width: 3px !important;
    border-style: solid;
  }
  .md\:border-top-none {
    border-top-width: 0px !important;
    border-top-style: none;
  }
  .md\:border-top-1 {
    border-top-width: 1px !important;
    border-top-style: solid;
  }
  .md\:border-top-2 {
    border-top-width: 2px !important;
    border-top-style: solid;
  }
  .md\:border-top-3 {
    border-top-width: 3px !important;
    border-top-style: solid;
  }
  .md\:border-right-none {
    border-right-width: 0px !important;
    border-right-style: none;
  }
  .md\:border-right-1 {
    border-right-width: 1px !important;
    border-right-style: solid;
  }
  .md\:border-right-2 {
    border-right-width: 2px !important;
    border-right-style: solid;
  }
  .md\:border-right-3 {
    border-right-width: 3px !important;
    border-right-style: solid;
  }
  .md\:border-left-none {
    border-left-width: 0px !important;
    border-left-style: none;
  }
  .md\:border-left-1 {
    border-left-width: 1px !important;
    border-left-style: solid;
  }
  .md\:border-left-2 {
    border-left-width: 2px !important;
    border-left-style: solid;
  }
  .md\:border-left-3 {
    border-left-width: 3px !important;
    border-left-style: solid;
  }
  .md\:border-bottom-none {
    border-bottom-width: 0px !important;
    border-bottom-style: none;
  }
  .md\:border-bottom-1 {
    border-bottom-width: 1px !important;
    border-bottom-style: solid;
  }
  .md\:border-bottom-2 {
    border-bottom-width: 2px !important;
    border-bottom-style: solid;
  }
  .md\:border-bottom-3 {
    border-bottom-width: 3px !important;
    border-bottom-style: solid;
  }
  .md\:border-x-none {
    border-left-width: 0px !important;
    border-left-style: none;
    border-right-width: 0px !important;
    border-right-style: none;
  }
  .md\:border-x-1 {
    border-left-width: 1px !important;
    border-left-style: solid;
    border-right-width: 1px !important;
    border-right-style: solid;
  }
  .md\:border-x-2 {
    border-left-width: 2px !important;
    border-left-style: solid;
    border-right-width: 2px !important;
    border-right-style: solid;
  }
  .md\:border-x-3 {
    border-left-width: 3px !important;
    border-left-style: solid;
    border-right-width: 3px !important;
    border-right-style: solid;
  }
  .md\:border-y-none {
    border-top-width: 0px !important;
    border-top-style: none;
    border-bottom-width: 0px !important;
    border-bottom-style: none;
  }
  .md\:border-y-1 {
    border-top-width: 1px !important;
    border-top-style: solid;
    border-bottom-width: 1px !important;
    border-bottom-style: solid;
  }
  .md\:border-y-2 {
    border-top-width: 2px !important;
    border-top-style: solid;
    border-bottom-width: 2px !important;
    border-bottom-style: solid;
  }
  .md\:border-y-3 {
    border-top-width: 3px !important;
    border-top-style: solid;
    border-bottom-width: 3px !important;
    border-bottom-style: solid;
  }
}
@media screen and (min-width: 992px) {
  .lg\:border-none {
    border-width: 0px !important;
    border-style: none;
  }
  .lg\:border-1 {
    border-width: 1px !important;
    border-style: solid;
  }
  .lg\:border-2 {
    border-width: 2px !important;
    border-style: solid;
  }
  .lg\:border-3 {
    border-width: 3px !important;
    border-style: solid;
  }
  .lg\:border-top-none {
    border-top-width: 0px !important;
    border-top-style: none;
  }
  .lg\:border-top-1 {
    border-top-width: 1px !important;
    border-top-style: solid;
  }
  .lg\:border-top-2 {
    border-top-width: 2px !important;
    border-top-style: solid;
  }
  .lg\:border-top-3 {
    border-top-width: 3px !important;
    border-top-style: solid;
  }
  .lg\:border-right-none {
    border-right-width: 0px !important;
    border-right-style: none;
  }
  .lg\:border-right-1 {
    border-right-width: 1px !important;
    border-right-style: solid;
  }
  .lg\:border-right-2 {
    border-right-width: 2px !important;
    border-right-style: solid;
  }
  .lg\:border-right-3 {
    border-right-width: 3px !important;
    border-right-style: solid;
  }
  .lg\:border-left-none {
    border-left-width: 0px !important;
    border-left-style: none;
  }
  .lg\:border-left-1 {
    border-left-width: 1px !important;
    border-left-style: solid;
  }
  .lg\:border-left-2 {
    border-left-width: 2px !important;
    border-left-style: solid;
  }
  .lg\:border-left-3 {
    border-left-width: 3px !important;
    border-left-style: solid;
  }
  .lg\:border-bottom-none {
    border-bottom-width: 0px !important;
    border-bottom-style: none;
  }
  .lg\:border-bottom-1 {
    border-bottom-width: 1px !important;
    border-bottom-style: solid;
  }
  .lg\:border-bottom-2 {
    border-bottom-width: 2px !important;
    border-bottom-style: solid;
  }
  .lg\:border-bottom-3 {
    border-bottom-width: 3px !important;
    border-bottom-style: solid;
  }
  .lg\:border-x-none {
    border-left-width: 0px !important;
    border-left-style: none;
    border-right-width: 0px !important;
    border-right-style: none;
  }
  .lg\:border-x-1 {
    border-left-width: 1px !important;
    border-left-style: solid;
    border-right-width: 1px !important;
    border-right-style: solid;
  }
  .lg\:border-x-2 {
    border-left-width: 2px !important;
    border-left-style: solid;
    border-right-width: 2px !important;
    border-right-style: solid;
  }
  .lg\:border-x-3 {
    border-left-width: 3px !important;
    border-left-style: solid;
    border-right-width: 3px !important;
    border-right-style: solid;
  }
  .lg\:border-y-none {
    border-top-width: 0px !important;
    border-top-style: none;
    border-bottom-width: 0px !important;
    border-bottom-style: none;
  }
  .lg\:border-y-1 {
    border-top-width: 1px !important;
    border-top-style: solid;
    border-bottom-width: 1px !important;
    border-bottom-style: solid;
  }
  .lg\:border-y-2 {
    border-top-width: 2px !important;
    border-top-style: solid;
    border-bottom-width: 2px !important;
    border-bottom-style: solid;
  }
  .lg\:border-y-3 {
    border-top-width: 3px !important;
    border-top-style: solid;
    border-bottom-width: 3px !important;
    border-bottom-style: solid;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:border-none {
    border-width: 0px !important;
    border-style: none;
  }
  .xl\:border-1 {
    border-width: 1px !important;
    border-style: solid;
  }
  .xl\:border-2 {
    border-width: 2px !important;
    border-style: solid;
  }
  .xl\:border-3 {
    border-width: 3px !important;
    border-style: solid;
  }
  .xl\:border-top-none {
    border-top-width: 0px !important;
    border-top-style: none;
  }
  .xl\:border-top-1 {
    border-top-width: 1px !important;
    border-top-style: solid;
  }
  .xl\:border-top-2 {
    border-top-width: 2px !important;
    border-top-style: solid;
  }
  .xl\:border-top-3 {
    border-top-width: 3px !important;
    border-top-style: solid;
  }
  .xl\:border-right-none {
    border-right-width: 0px !important;
    border-right-style: none;
  }
  .xl\:border-right-1 {
    border-right-width: 1px !important;
    border-right-style: solid;
  }
  .xl\:border-right-2 {
    border-right-width: 2px !important;
    border-right-style: solid;
  }
  .xl\:border-right-3 {
    border-right-width: 3px !important;
    border-right-style: solid;
  }
  .xl\:border-left-none {
    border-left-width: 0px !important;
    border-left-style: none;
  }
  .xl\:border-left-1 {
    border-left-width: 1px !important;
    border-left-style: solid;
  }
  .xl\:border-left-2 {
    border-left-width: 2px !important;
    border-left-style: solid;
  }
  .xl\:border-left-3 {
    border-left-width: 3px !important;
    border-left-style: solid;
  }
  .xl\:border-bottom-none {
    border-bottom-width: 0px !important;
    border-bottom-style: none;
  }
  .xl\:border-bottom-1 {
    border-bottom-width: 1px !important;
    border-bottom-style: solid;
  }
  .xl\:border-bottom-2 {
    border-bottom-width: 2px !important;
    border-bottom-style: solid;
  }
  .xl\:border-bottom-3 {
    border-bottom-width: 3px !important;
    border-bottom-style: solid;
  }
  .xl\:border-x-none {
    border-left-width: 0px !important;
    border-left-style: none;
    border-right-width: 0px !important;
    border-right-style: none;
  }
  .xl\:border-x-1 {
    border-left-width: 1px !important;
    border-left-style: solid;
    border-right-width: 1px !important;
    border-right-style: solid;
  }
  .xl\:border-x-2 {
    border-left-width: 2px !important;
    border-left-style: solid;
    border-right-width: 2px !important;
    border-right-style: solid;
  }
  .xl\:border-x-3 {
    border-left-width: 3px !important;
    border-left-style: solid;
    border-right-width: 3px !important;
    border-right-style: solid;
  }
  .xl\:border-y-none {
    border-top-width: 0px !important;
    border-top-style: none;
    border-bottom-width: 0px !important;
    border-bottom-style: none;
  }
  .xl\:border-y-1 {
    border-top-width: 1px !important;
    border-top-style: solid;
    border-bottom-width: 1px !important;
    border-bottom-style: solid;
  }
  .xl\:border-y-2 {
    border-top-width: 2px !important;
    border-top-style: solid;
    border-bottom-width: 2px !important;
    border-bottom-style: solid;
  }
  .xl\:border-y-3 {
    border-top-width: 3px !important;
    border-top-style: solid;
    border-bottom-width: 3px !important;
    border-bottom-style: solid;
  }
}
.border-solid {
  border-style: solid !important;
}
.border-dashed {
  border-style: dashed !important;
}
.border-dotted {
  border-style: dotted !important;
}
.border-double {
  border-style: double !important;
}
@media screen and (min-width: 576px) {
  .sm\:border-solid {
    border-style: solid !important;
  }
  .sm\:border-dashed {
    border-style: dashed !important;
  }
  .sm\:border-dotted {
    border-style: dotted !important;
  }
  .sm\:border-double {
    border-style: double !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:border-solid {
    border-style: solid !important;
  }
  .md\:border-dashed {
    border-style: dashed !important;
  }
  .md\:border-dotted {
    border-style: dotted !important;
  }
  .md\:border-double {
    border-style: double !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:border-solid {
    border-style: solid !important;
  }
  .lg\:border-dashed {
    border-style: dashed !important;
  }
  .lg\:border-dotted {
    border-style: dotted !important;
  }
  .lg\:border-double {
    border-style: double !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:border-solid {
    border-style: solid !important;
  }
  .xl\:border-dashed {
    border-style: dashed !important;
  }
  .xl\:border-dotted {
    border-style: dotted !important;
  }
  .xl\:border-double {
    border-style: double !important;
  }
}
.border-noround {
  border-radius: 0 !important;
}
.border-round {
  border-radius: var(--border-radius) !important;
}
.border-round-xs {
  border-radius: 0.125rem !important;
}
.border-round-sm {
  border-radius: 0.25rem !important;
}
.border-round-md {
  border-radius: 0.375rem !important;
}
.border-round-lg {
  border-radius: 0.5rem !important;
}
.border-round-xl {
  border-radius: 0.75rem !important;
}
.border-round-2xl {
  border-radius: 1rem !important;
}
.border-round-3xl {
  border-radius: 1.5rem !important;
}
.border-circle {
  border-radius: 50% !important;
}
@media screen and (min-width: 576px) {
  .sm\:border-noround {
    border-radius: 0 !important;
  }
  .sm\:border-round {
    border-radius: var(--border-radius) !important;
  }
  .sm\:border-round-xs {
    border-radius: 0.125rem !important;
  }
  .sm\:border-round-sm {
    border-radius: 0.25rem !important;
  }
  .sm\:border-round-md {
    border-radius: 0.375rem !important;
  }
  .sm\:border-round-lg {
    border-radius: 0.5rem !important;
  }
  .sm\:border-round-xl {
    border-radius: 0.75rem !important;
  }
  .sm\:border-round-2xl {
    border-radius: 1rem !important;
  }
  .sm\:border-round-3xl {
    border-radius: 1.5rem !important;
  }
  .sm\:border-circle {
    border-radius: 50% !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:border-noround {
    border-radius: 0 !important;
  }
  .md\:border-round {
    border-radius: var(--border-radius) !important;
  }
  .md\:border-round-xs {
    border-radius: 0.125rem !important;
  }
  .md\:border-round-sm {
    border-radius: 0.25rem !important;
  }
  .md\:border-round-md {
    border-radius: 0.375rem !important;
  }
  .md\:border-round-lg {
    border-radius: 0.5rem !important;
  }
  .md\:border-round-xl {
    border-radius: 0.75rem !important;
  }
  .md\:border-round-2xl {
    border-radius: 1rem !important;
  }
  .md\:border-round-3xl {
    border-radius: 1.5rem !important;
  }
  .md\:border-circle {
    border-radius: 50% !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:border-noround {
    border-radius: 0 !important;
  }
  .lg\:border-round {
    border-radius: var(--border-radius) !important;
  }
  .lg\:border-round-xs {
    border-radius: 0.125rem !important;
  }
  .lg\:border-round-sm {
    border-radius: 0.25rem !important;
  }
  .lg\:border-round-md {
    border-radius: 0.375rem !important;
  }
  .lg\:border-round-lg {
    border-radius: 0.5rem !important;
  }
  .lg\:border-round-xl {
    border-radius: 0.75rem !important;
  }
  .lg\:border-round-2xl {
    border-radius: 1rem !important;
  }
  .lg\:border-round-3xl {
    border-radius: 1.5rem !important;
  }
  .lg\:border-circle {
    border-radius: 50% !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:border-noround {
    border-radius: 0 !important;
  }
  .xl\:border-round {
    border-radius: var(--border-radius) !important;
  }
  .xl\:border-round-xs {
    border-radius: 0.125rem !important;
  }
  .xl\:border-round-sm {
    border-radius: 0.25rem !important;
  }
  .xl\:border-round-md {
    border-radius: 0.375rem !important;
  }
  .xl\:border-round-lg {
    border-radius: 0.5rem !important;
  }
  .xl\:border-round-xl {
    border-radius: 0.75rem !important;
  }
  .xl\:border-round-2xl {
    border-radius: 1rem !important;
  }
  .xl\:border-round-3xl {
    border-radius: 1.5rem !important;
  }
  .xl\:border-circle {
    border-radius: 50% !important;
  }
}
.border-noround-left {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}
.border-noround-top {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.border-noround-right {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.border-noround-bottom {
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.border-round-left {
  border-top-left-radius: var(--border-radius) !important;
  border-bottom-left-radius: var(--border-radius) !important;
}
.border-round-top {
  border-top-left-radius: var(--border-radius) !important;
  border-top-right-radius: var(--border-radius) !important;
}
.border-round-right {
  border-top-right-radius: var(--border-radius) !important;
  border-bottom-right-radius: var(--border-radius) !important;
}
.border-round-bottom {
  border-bottom-left-radius: var(--border-radius) !important;
  border-bottom-right-radius: var(--border-radius) !important;
}
.border-round-left-xs {
  border-top-left-radius: 0.125rem !important;
  border-bottom-left-radius: 0.125rem !important;
}
.border-round-top-xs {
  border-top-left-radius: 0.125rem !important;
  border-top-right-radius: 0.125rem !important;
}
.border-round-right-xs {
  border-top-right-radius: 0.125rem !important;
  border-bottom-right-radius: 0.125rem !important;
}
.border-round-bottom-xs {
  border-bottom-left-radius: 0.125rem !important;
  border-bottom-right-radius: 0.125rem !important;
}
.border-round-left-sm {
  border-top-left-radius: 0.25rem !important;
  border-bottom-left-radius: 0.25rem !important;
}
.border-round-top-sm {
  border-top-left-radius: 0.25rem !important;
  border-top-right-radius: 0.25rem !important;
}
.border-round-right-sm {
  border-top-right-radius: 0.25rem !important;
  border-bottom-right-radius: 0.25rem !important;
}
.border-round-bottom-sm {
  border-bottom-left-radius: 0.25rem !important;
  border-bottom-right-radius: 0.25rem !important;
}
.border-round-left-md {
  border-top-left-radius: 0.375rem !important;
  border-bottom-left-radius: 0.375rem !important;
}
.border-round-top-md {
  border-top-left-radius: 0.375rem !important;
  border-top-right-radius: 0.375rem !important;
}
.border-round-right-md {
  border-top-right-radius: 0.375rem !important;
  border-bottom-right-radius: 0.375rem !important;
}
.border-round-bottom-md {
  border-bottom-left-radius: 0.375rem !important;
  border-bottom-right-radius: 0.375rem !important;
}
.border-round-left-lg {
  border-top-left-radius: 0.5rem !important;
  border-bottom-left-radius: 0.5rem !important;
}
.border-round-top-lg {
  border-top-left-radius: 0.5rem !important;
  border-top-right-radius: 0.5rem !important;
}
.border-round-right-lg {
  border-top-right-radius: 0.5rem !important;
  border-bottom-right-radius: 0.5rem !important;
}
.border-round-bottom-lg {
  border-bottom-left-radius: 0.5rem !important;
  border-bottom-right-radius: 0.5rem !important;
}
.border-round-left-xl {
  border-top-left-radius: 0.75rem !important;
  border-bottom-left-radius: 0.75rem !important;
}
.border-round-top-xl {
  border-top-left-radius: 0.75rem !important;
  border-top-right-radius: 0.75rem !important;
}
.border-round-right-xl {
  border-top-right-radius: 0.75rem !important;
  border-bottom-right-radius: 0.75rem !important;
}
.border-round-bottom-xl {
  border-bottom-left-radius: 0.75rem !important;
  border-bottom-right-radius: 0.75rem !important;
}
.border-round-left-2xl {
  border-top-left-radius: 1rem !important;
  border-bottom-left-radius: 1rem !important;
}
.border-round-top-2xl {
  border-top-left-radius: 1rem !important;
  border-top-right-radius: 1rem !important;
}
.border-round-right-2xl {
  border-top-right-radius: 1rem !important;
  border-bottom-right-radius: 1rem !important;
}
.border-round-bottom-2xl {
  border-bottom-left-radius: 1rem !important;
  border-bottom-right-radius: 1rem !important;
}
.border-round-left-3xl {
  border-top-left-radius: 1.5rem !important;
  border-bottom-left-radius: 1.5rem !important;
}
.border-round-top-3xl {
  border-top-left-radius: 1.5rem !important;
  border-top-right-radius: 1.5rem !important;
}
.border-round-right-3xl {
  border-top-right-radius: 1.5rem !important;
  border-bottom-right-radius: 1.5rem !important;
}
.border-round-bottom-3xl {
  border-bottom-left-radius: 1.5rem !important;
  border-bottom-right-radius: 1.5rem !important;
}
.border-circle-left {
  border-top-left-radius: 50% !important;
  border-bottom-left-radius: 50% !important;
}
.border-circle-top {
  border-top-left-radius: 50% !important;
  border-top-right-radius: 50% !important;
}
.border-circle-right {
  border-top-right-radius: 50% !important;
  border-bottom-right-radius: 50% !important;
}
.border-circle-bottom {
  border-bottom-left-radius: 50% !important;
  border-bottom-right-radius: 50% !important;
}
@media screen and (min-width: 576px) {
  .sm\:border-noround-left {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
  }
  .sm\:border-noround-top {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
  }
  .sm\:border-noround-right {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
  }
  .sm\:border-noround-bottom {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
  }
  .sm\:border-round-left {
    border-top-left-radius: var(--border-radius) !important;
    border-bottom-left-radius: var(--border-radius) !important;
  }
  .sm\:border-round-top {
    border-top-left-radius: var(--border-radius) !important;
    border-top-right-radius: var(--border-radius) !important;
  }
  .sm\:border-round-right {
    border-top-right-radius: var(--border-radius) !important;
    border-bottom-right-radius: var(--border-radius) !important;
  }
  .sm\:border-round-bottom {
    border-bottom-left-radius: var(--border-radius) !important;
    border-bottom-right-radius: var(--border-radius) !important;
  }
  .sm\:border-round-left-xs {
    border-top-left-radius: 0.125rem !important;
    border-bottom-left-radius: 0.125rem !important;
  }
  .sm\:border-round-top-xs {
    border-top-left-radius: 0.125rem !important;
    border-top-right-radius: 0.125rem !important;
  }
  .sm\:border-round-right-xs {
    border-top-right-radius: 0.125rem !important;
    border-bottom-right-radius: 0.125rem !important;
  }
  .sm\:border-round-bottom-xs {
    border-bottom-left-radius: 0.125rem !important;
    border-bottom-right-radius: 0.125rem !important;
  }
  .sm\:border-round-left-sm {
    border-top-left-radius: 0.25rem !important;
    border-bottom-left-radius: 0.25rem !important;
  }
  .sm\:border-round-top-sm {
    border-top-left-radius: 0.25rem !important;
    border-top-right-radius: 0.25rem !important;
  }
  .sm\:border-round-right-sm {
    border-top-right-radius: 0.25rem !important;
    border-bottom-right-radius: 0.25rem !important;
  }
  .sm\:border-round-bottom-sm {
    border-bottom-left-radius: 0.25rem !important;
    border-bottom-right-radius: 0.25rem !important;
  }
  .sm\:border-round-left-md {
    border-top-left-radius: 0.375rem !important;
    border-bottom-left-radius: 0.375rem !important;
  }
  .sm\:border-round-top-md {
    border-top-left-radius: 0.375rem !important;
    border-top-right-radius: 0.375rem !important;
  }
  .sm\:border-round-right-md {
    border-top-right-radius: 0.375rem !important;
    border-bottom-right-radius: 0.375rem !important;
  }
  .sm\:border-round-bottom-md {
    border-bottom-left-radius: 0.375rem !important;
    border-bottom-right-radius: 0.375rem !important;
  }
  .sm\:border-round-left-lg {
    border-top-left-radius: 0.5rem !important;
    border-bottom-left-radius: 0.5rem !important;
  }
  .sm\:border-round-top-lg {
    border-top-left-radius: 0.5rem !important;
    border-top-right-radius: 0.5rem !important;
  }
  .sm\:border-round-right-lg {
    border-top-right-radius: 0.5rem !important;
    border-bottom-right-radius: 0.5rem !important;
  }
  .sm\:border-round-bottom-lg {
    border-bottom-left-radius: 0.5rem !important;
    border-bottom-right-radius: 0.5rem !important;
  }
  .sm\:border-round-left-xl {
    border-top-left-radius: 0.75rem !important;
    border-bottom-left-radius: 0.75rem !important;
  }
  .sm\:border-round-top-xl {
    border-top-left-radius: 0.75rem !important;
    border-top-right-radius: 0.75rem !important;
  }
  .sm\:border-round-right-xl {
    border-top-right-radius: 0.75rem !important;
    border-bottom-right-radius: 0.75rem !important;
  }
  .sm\:border-round-bottom-xl {
    border-bottom-left-radius: 0.75rem !important;
    border-bottom-right-radius: 0.75rem !important;
  }
  .sm\:border-round-left-2xl {
    border-top-left-radius: 1rem !important;
    border-bottom-left-radius: 1rem !important;
  }
  .sm\:border-round-top-2xl {
    border-top-left-radius: 1rem !important;
    border-top-right-radius: 1rem !important;
  }
  .sm\:border-round-right-2xl {
    border-top-right-radius: 1rem !important;
    border-bottom-right-radius: 1rem !important;
  }
  .sm\:border-round-bottom-2xl {
    border-bottom-left-radius: 1rem !important;
    border-bottom-right-radius: 1rem !important;
  }
  .sm\:border-round-left-3xl {
    border-top-left-radius: 1.5rem !important;
    border-bottom-left-radius: 1.5rem !important;
  }
  .sm\:border-round-top-3xl {
    border-top-left-radius: 1.5rem !important;
    border-top-right-radius: 1.5rem !important;
  }
  .sm\:border-round-right-3xl {
    border-top-right-radius: 1.5rem !important;
    border-bottom-right-radius: 1.5rem !important;
  }
  .sm\:border-round-bottom-3xl {
    border-bottom-left-radius: 1.5rem !important;
    border-bottom-right-radius: 1.5rem !important;
  }
  .sm\:border-circle-left {
    border-top-left-radius: 50% !important;
    border-bottom-left-radius: 50% !important;
  }
  .sm\:border-circle-top {
    border-top-left-radius: 50% !important;
    border-top-right-radius: 50% !important;
  }
  .sm\:border-circle-right {
    border-top-right-radius: 50% !important;
    border-bottom-right-radius: 50% !important;
  }
  .sm\:border-circle-bottom {
    border-bottom-left-radius: 50% !important;
    border-bottom-right-radius: 50% !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:border-noround-left {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
  }
  .md\:border-noround-top {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
  }
  .md\:border-noround-right {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
  }
  .md\:border-noround-bottom {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
  }
  .md\:border-round-left {
    border-top-left-radius: var(--border-radius) !important;
    border-bottom-left-radius: var(--border-radius) !important;
  }
  .md\:border-round-top {
    border-top-left-radius: var(--border-radius) !important;
    border-top-right-radius: var(--border-radius) !important;
  }
  .md\:border-round-right {
    border-top-right-radius: var(--border-radius) !important;
    border-bottom-right-radius: var(--border-radius) !important;
  }
  .md\:border-round-bottom {
    border-bottom-left-radius: var(--border-radius) !important;
    border-bottom-right-radius: var(--border-radius) !important;
  }
  .md\:border-round-left-xs {
    border-top-left-radius: 0.125rem !important;
    border-bottom-left-radius: 0.125rem !important;
  }
  .md\:border-round-top-xs {
    border-top-left-radius: 0.125rem !important;
    border-top-right-radius: 0.125rem !important;
  }
  .md\:border-round-right-xs {
    border-top-right-radius: 0.125rem !important;
    border-bottom-right-radius: 0.125rem !important;
  }
  .md\:border-round-bottom-xs {
    border-bottom-left-radius: 0.125rem !important;
    border-bottom-right-radius: 0.125rem !important;
  }
  .md\:border-round-left-sm {
    border-top-left-radius: 0.25rem !important;
    border-bottom-left-radius: 0.25rem !important;
  }
  .md\:border-round-top-sm {
    border-top-left-radius: 0.25rem !important;
    border-top-right-radius: 0.25rem !important;
  }
  .md\:border-round-right-sm {
    border-top-right-radius: 0.25rem !important;
    border-bottom-right-radius: 0.25rem !important;
  }
  .md\:border-round-bottom-sm {
    border-bottom-left-radius: 0.25rem !important;
    border-bottom-right-radius: 0.25rem !important;
  }
  .md\:border-round-left-md {
    border-top-left-radius: 0.375rem !important;
    border-bottom-left-radius: 0.375rem !important;
  }
  .md\:border-round-top-md {
    border-top-left-radius: 0.375rem !important;
    border-top-right-radius: 0.375rem !important;
  }
  .md\:border-round-right-md {
    border-top-right-radius: 0.375rem !important;
    border-bottom-right-radius: 0.375rem !important;
  }
  .md\:border-round-bottom-md {
    border-bottom-left-radius: 0.375rem !important;
    border-bottom-right-radius: 0.375rem !important;
  }
  .md\:border-round-left-lg {
    border-top-left-radius: 0.5rem !important;
    border-bottom-left-radius: 0.5rem !important;
  }
  .md\:border-round-top-lg {
    border-top-left-radius: 0.5rem !important;
    border-top-right-radius: 0.5rem !important;
  }
  .md\:border-round-right-lg {
    border-top-right-radius: 0.5rem !important;
    border-bottom-right-radius: 0.5rem !important;
  }
  .md\:border-round-bottom-lg {
    border-bottom-left-radius: 0.5rem !important;
    border-bottom-right-radius: 0.5rem !important;
  }
  .md\:border-round-left-xl {
    border-top-left-radius: 0.75rem !important;
    border-bottom-left-radius: 0.75rem !important;
  }
  .md\:border-round-top-xl {
    border-top-left-radius: 0.75rem !important;
    border-top-right-radius: 0.75rem !important;
  }
  .md\:border-round-right-xl {
    border-top-right-radius: 0.75rem !important;
    border-bottom-right-radius: 0.75rem !important;
  }
  .md\:border-round-bottom-xl {
    border-bottom-left-radius: 0.75rem !important;
    border-bottom-right-radius: 0.75rem !important;
  }
  .md\:border-round-left-2xl {
    border-top-left-radius: 1rem !important;
    border-bottom-left-radius: 1rem !important;
  }
  .md\:border-round-top-2xl {
    border-top-left-radius: 1rem !important;
    border-top-right-radius: 1rem !important;
  }
  .md\:border-round-right-2xl {
    border-top-right-radius: 1rem !important;
    border-bottom-right-radius: 1rem !important;
  }
  .md\:border-round-bottom-2xl {
    border-bottom-left-radius: 1rem !important;
    border-bottom-right-radius: 1rem !important;
  }
  .md\:border-round-left-3xl {
    border-top-left-radius: 1.5rem !important;
    border-bottom-left-radius: 1.5rem !important;
  }
  .md\:border-round-top-3xl {
    border-top-left-radius: 1.5rem !important;
    border-top-right-radius: 1.5rem !important;
  }
  .md\:border-round-right-3xl {
    border-top-right-radius: 1.5rem !important;
    border-bottom-right-radius: 1.5rem !important;
  }
  .md\:border-round-bottom-3xl {
    border-bottom-left-radius: 1.5rem !important;
    border-bottom-right-radius: 1.5rem !important;
  }
  .md\:border-circle-left {
    border-top-left-radius: 50% !important;
    border-bottom-left-radius: 50% !important;
  }
  .md\:border-circle-top {
    border-top-left-radius: 50% !important;
    border-top-right-radius: 50% !important;
  }
  .md\:border-circle-right {
    border-top-right-radius: 50% !important;
    border-bottom-right-radius: 50% !important;
  }
  .md\:border-circle-bottom {
    border-bottom-left-radius: 50% !important;
    border-bottom-right-radius: 50% !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:border-noround-left {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
  }
  .lg\:border-noround-top {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
  }
  .lg\:border-noround-right {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
  }
  .lg\:border-noround-bottom {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
  }
  .lg\:border-round-left {
    border-top-left-radius: var(--border-radius) !important;
    border-bottom-left-radius: var(--border-radius) !important;
  }
  .lg\:border-round-top {
    border-top-left-radius: var(--border-radius) !important;
    border-top-right-radius: var(--border-radius) !important;
  }
  .lg\:border-round-right {
    border-top-right-radius: var(--border-radius) !important;
    border-bottom-right-radius: var(--border-radius) !important;
  }
  .lg\:border-round-bottom {
    border-bottom-left-radius: var(--border-radius) !important;
    border-bottom-right-radius: var(--border-radius) !important;
  }
  .lg\:border-round-left-xs {
    border-top-left-radius: 0.125rem !important;
    border-bottom-left-radius: 0.125rem !important;
  }
  .lg\:border-round-top-xs {
    border-top-left-radius: 0.125rem !important;
    border-top-right-radius: 0.125rem !important;
  }
  .lg\:border-round-right-xs {
    border-top-right-radius: 0.125rem !important;
    border-bottom-right-radius: 0.125rem !important;
  }
  .lg\:border-round-bottom-xs {
    border-bottom-left-radius: 0.125rem !important;
    border-bottom-right-radius: 0.125rem !important;
  }
  .lg\:border-round-left-sm {
    border-top-left-radius: 0.25rem !important;
    border-bottom-left-radius: 0.25rem !important;
  }
  .lg\:border-round-top-sm {
    border-top-left-radius: 0.25rem !important;
    border-top-right-radius: 0.25rem !important;
  }
  .lg\:border-round-right-sm {
    border-top-right-radius: 0.25rem !important;
    border-bottom-right-radius: 0.25rem !important;
  }
  .lg\:border-round-bottom-sm {
    border-bottom-left-radius: 0.25rem !important;
    border-bottom-right-radius: 0.25rem !important;
  }
  .lg\:border-round-left-md {
    border-top-left-radius: 0.375rem !important;
    border-bottom-left-radius: 0.375rem !important;
  }
  .lg\:border-round-top-md {
    border-top-left-radius: 0.375rem !important;
    border-top-right-radius: 0.375rem !important;
  }
  .lg\:border-round-right-md {
    border-top-right-radius: 0.375rem !important;
    border-bottom-right-radius: 0.375rem !important;
  }
  .lg\:border-round-bottom-md {
    border-bottom-left-radius: 0.375rem !important;
    border-bottom-right-radius: 0.375rem !important;
  }
  .lg\:border-round-left-lg {
    border-top-left-radius: 0.5rem !important;
    border-bottom-left-radius: 0.5rem !important;
  }
  .lg\:border-round-top-lg {
    border-top-left-radius: 0.5rem !important;
    border-top-right-radius: 0.5rem !important;
  }
  .lg\:border-round-right-lg {
    border-top-right-radius: 0.5rem !important;
    border-bottom-right-radius: 0.5rem !important;
  }
  .lg\:border-round-bottom-lg {
    border-bottom-left-radius: 0.5rem !important;
    border-bottom-right-radius: 0.5rem !important;
  }
  .lg\:border-round-left-xl {
    border-top-left-radius: 0.75rem !important;
    border-bottom-left-radius: 0.75rem !important;
  }
  .lg\:border-round-top-xl {
    border-top-left-radius: 0.75rem !important;
    border-top-right-radius: 0.75rem !important;
  }
  .lg\:border-round-right-xl {
    border-top-right-radius: 0.75rem !important;
    border-bottom-right-radius: 0.75rem !important;
  }
  .lg\:border-round-bottom-xl {
    border-bottom-left-radius: 0.75rem !important;
    border-bottom-right-radius: 0.75rem !important;
  }
  .lg\:border-round-left-2xl {
    border-top-left-radius: 1rem !important;
    border-bottom-left-radius: 1rem !important;
  }
  .lg\:border-round-top-2xl {
    border-top-left-radius: 1rem !important;
    border-top-right-radius: 1rem !important;
  }
  .lg\:border-round-right-2xl {
    border-top-right-radius: 1rem !important;
    border-bottom-right-radius: 1rem !important;
  }
  .lg\:border-round-bottom-2xl {
    border-bottom-left-radius: 1rem !important;
    border-bottom-right-radius: 1rem !important;
  }
  .lg\:border-round-left-3xl {
    border-top-left-radius: 1.5rem !important;
    border-bottom-left-radius: 1.5rem !important;
  }
  .lg\:border-round-top-3xl {
    border-top-left-radius: 1.5rem !important;
    border-top-right-radius: 1.5rem !important;
  }
  .lg\:border-round-right-3xl {
    border-top-right-radius: 1.5rem !important;
    border-bottom-right-radius: 1.5rem !important;
  }
  .lg\:border-round-bottom-3xl {
    border-bottom-left-radius: 1.5rem !important;
    border-bottom-right-radius: 1.5rem !important;
  }
  .lg\:border-circle-left {
    border-top-left-radius: 50% !important;
    border-bottom-left-radius: 50% !important;
  }
  .lg\:border-circle-top {
    border-top-left-radius: 50% !important;
    border-top-right-radius: 50% !important;
  }
  .lg\:border-circle-right {
    border-top-right-radius: 50% !important;
    border-bottom-right-radius: 50% !important;
  }
  .lg\:border-circle-bottom {
    border-bottom-left-radius: 50% !important;
    border-bottom-right-radius: 50% !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:border-noround-left {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
  }
  .xl\:border-noround-top {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
  }
  .xl\:border-noround-right {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
  }
  .xl\:border-noround-bottom {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
  }
  .xl\:border-round-left {
    border-top-left-radius: var(--border-radius) !important;
    border-bottom-left-radius: var(--border-radius) !important;
  }
  .xl\:border-round-top {
    border-top-left-radius: var(--border-radius) !important;
    border-top-right-radius: var(--border-radius) !important;
  }
  .xl\:border-round-right {
    border-top-right-radius: var(--border-radius) !important;
    border-bottom-right-radius: var(--border-radius) !important;
  }
  .xl\:border-round-bottom {
    border-bottom-left-radius: var(--border-radius) !important;
    border-bottom-right-radius: var(--border-radius) !important;
  }
  .xl\:border-round-left-xs {
    border-top-left-radius: 0.125rem !important;
    border-bottom-left-radius: 0.125rem !important;
  }
  .xl\:border-round-top-xs {
    border-top-left-radius: 0.125rem !important;
    border-top-right-radius: 0.125rem !important;
  }
  .xl\:border-round-right-xs {
    border-top-right-radius: 0.125rem !important;
    border-bottom-right-radius: 0.125rem !important;
  }
  .xl\:border-round-bottom-xs {
    border-bottom-left-radius: 0.125rem !important;
    border-bottom-right-radius: 0.125rem !important;
  }
  .xl\:border-round-left-sm {
    border-top-left-radius: 0.25rem !important;
    border-bottom-left-radius: 0.25rem !important;
  }
  .xl\:border-round-top-sm {
    border-top-left-radius: 0.25rem !important;
    border-top-right-radius: 0.25rem !important;
  }
  .xl\:border-round-right-sm {
    border-top-right-radius: 0.25rem !important;
    border-bottom-right-radius: 0.25rem !important;
  }
  .xl\:border-round-bottom-sm {
    border-bottom-left-radius: 0.25rem !important;
    border-bottom-right-radius: 0.25rem !important;
  }
  .xl\:border-round-left-md {
    border-top-left-radius: 0.375rem !important;
    border-bottom-left-radius: 0.375rem !important;
  }
  .xl\:border-round-top-md {
    border-top-left-radius: 0.375rem !important;
    border-top-right-radius: 0.375rem !important;
  }
  .xl\:border-round-right-md {
    border-top-right-radius: 0.375rem !important;
    border-bottom-right-radius: 0.375rem !important;
  }
  .xl\:border-round-bottom-md {
    border-bottom-left-radius: 0.375rem !important;
    border-bottom-right-radius: 0.375rem !important;
  }
  .xl\:border-round-left-lg {
    border-top-left-radius: 0.5rem !important;
    border-bottom-left-radius: 0.5rem !important;
  }
  .xl\:border-round-top-lg {
    border-top-left-radius: 0.5rem !important;
    border-top-right-radius: 0.5rem !important;
  }
  .xl\:border-round-right-lg {
    border-top-right-radius: 0.5rem !important;
    border-bottom-right-radius: 0.5rem !important;
  }
  .xl\:border-round-bottom-lg {
    border-bottom-left-radius: 0.5rem !important;
    border-bottom-right-radius: 0.5rem !important;
  }
  .xl\:border-round-left-xl {
    border-top-left-radius: 0.75rem !important;
    border-bottom-left-radius: 0.75rem !important;
  }
  .xl\:border-round-top-xl {
    border-top-left-radius: 0.75rem !important;
    border-top-right-radius: 0.75rem !important;
  }
  .xl\:border-round-right-xl {
    border-top-right-radius: 0.75rem !important;
    border-bottom-right-radius: 0.75rem !important;
  }
  .xl\:border-round-bottom-xl {
    border-bottom-left-radius: 0.75rem !important;
    border-bottom-right-radius: 0.75rem !important;
  }
  .xl\:border-round-left-2xl {
    border-top-left-radius: 1rem !important;
    border-bottom-left-radius: 1rem !important;
  }
  .xl\:border-round-top-2xl {
    border-top-left-radius: 1rem !important;
    border-top-right-radius: 1rem !important;
  }
  .xl\:border-round-right-2xl {
    border-top-right-radius: 1rem !important;
    border-bottom-right-radius: 1rem !important;
  }
  .xl\:border-round-bottom-2xl {
    border-bottom-left-radius: 1rem !important;
    border-bottom-right-radius: 1rem !important;
  }
  .xl\:border-round-left-3xl {
    border-top-left-radius: 1.5rem !important;
    border-bottom-left-radius: 1.5rem !important;
  }
  .xl\:border-round-top-3xl {
    border-top-left-radius: 1.5rem !important;
    border-top-right-radius: 1.5rem !important;
  }
  .xl\:border-round-right-3xl {
    border-top-right-radius: 1.5rem !important;
    border-bottom-right-radius: 1.5rem !important;
  }
  .xl\:border-round-bottom-3xl {
    border-bottom-left-radius: 1.5rem !important;
    border-bottom-right-radius: 1.5rem !important;
  }
  .xl\:border-circle-left {
    border-top-left-radius: 50% !important;
    border-bottom-left-radius: 50% !important;
  }
  .xl\:border-circle-top {
    border-top-left-radius: 50% !important;
    border-top-right-radius: 50% !important;
  }
  .xl\:border-circle-right {
    border-top-right-radius: 50% !important;
    border-bottom-right-radius: 50% !important;
  }
  .xl\:border-circle-bottom {
    border-bottom-left-radius: 50% !important;
    border-bottom-right-radius: 50% !important;
  }
}
.w-full {
  width: 100% !important;
}
.w-screen {
  width: 100vw !important;
}
.w-auto {
  width: auto !important;
}
.w-1 {
  width: 8.3333% !important;
}
.w-2 {
  width: 16.6667% !important;
}
.w-3 {
  width: 25% !important;
}
.w-4 {
  width: 33.3333% !important;
}
.w-5 {
  width: 41.6667% !important;
}
.w-6 {
  width: 50% !important;
}
.w-7 {
  width: 58.3333% !important;
}
.w-8 {
  width: 66.6667% !important;
}
.w-9 {
  width: 75% !important;
}
.w-10 {
  width: 83.3333% !important;
}
.w-11 {
  width: 91.6667% !important;
}
.w-12 {
  width: 100% !important;
}
.w-min {
  width: -moz-min-content !important;
  width: min-content !important;
}
.w-max {
  width: -moz-max-content !important;
  width: max-content !important;
}
.w-fit {
  width: -moz-fit-content !important;
  width: fit-content !important;
}
.w-1rem {
  width: 1rem !important;
}
.w-2rem {
  width: 2rem !important;
}
.w-3rem {
  width: 3rem !important;
}
.w-4rem {
  width: 4rem !important;
}
.w-5rem {
  width: 5rem !important;
}
.w-6rem {
  width: 6rem !important;
}
.w-7rem {
  width: 7rem !important;
}
.w-8rem {
  width: 8rem !important;
}
.w-9rem {
  width: 9rem !important;
}
.w-10rem {
  width: 10rem !important;
}
.w-11rem {
  width: 11rem !important;
}
.w-12rem {
  width: 12rem !important;
}
.w-13rem {
  width: 13rem !important;
}
.w-14rem {
  width: 14rem !important;
}
.w-15rem {
  width: 15rem !important;
}
.w-16rem {
  width: 16rem !important;
}
.w-17rem {
  width: 17rem !important;
}
.w-18rem {
  width: 18rem !important;
}
.w-19rem {
  width: 19rem !important;
}
.w-20rem {
  width: 20rem !important;
}
.w-21rem {
  width: 21rem !important;
}
.w-22rem {
  width: 22rem !important;
}
.w-23rem {
  width: 23rem !important;
}
.w-24rem {
  width: 24rem !important;
}
.w-25rem {
  width: 25rem !important;
}
.w-26rem {
  width: 26rem !important;
}
.w-27rem {
  width: 27rem !important;
}
.w-28rem {
  width: 28rem !important;
}
.w-29rem {
  width: 29rem !important;
}
.w-30rem {
  width: 30rem !important;
}
@media screen and (min-width: 576px) {
  .sm\:w-full {
    width: 100% !important;
  }
  .sm\:w-screen {
    width: 100vw !important;
  }
  .sm\:w-auto {
    width: auto !important;
  }
  .sm\:w-1 {
    width: 8.3333% !important;
  }
  .sm\:w-2 {
    width: 16.6667% !important;
  }
  .sm\:w-3 {
    width: 25% !important;
  }
  .sm\:w-4 {
    width: 33.3333% !important;
  }
  .sm\:w-5 {
    width: 41.6667% !important;
  }
  .sm\:w-6 {
    width: 50% !important;
  }
  .sm\:w-7 {
    width: 58.3333% !important;
  }
  .sm\:w-8 {
    width: 66.6667% !important;
  }
  .sm\:w-9 {
    width: 75% !important;
  }
  .sm\:w-10 {
    width: 83.3333% !important;
  }
  .sm\:w-11 {
    width: 91.6667% !important;
  }
  .sm\:w-12 {
    width: 100% !important;
  }
  .sm\:w-min {
    width: -moz-min-content !important;
    width: min-content !important;
  }
  .sm\:w-max {
    width: -moz-max-content !important;
    width: max-content !important;
  }
  .sm\:w-fit {
    width: -moz-fit-content !important;
    width: fit-content !important;
  }
  .sm\:w-1rem {
    width: 1rem !important;
  }
  .sm\:w-2rem {
    width: 2rem !important;
  }
  .sm\:w-3rem {
    width: 3rem !important;
  }
  .sm\:w-4rem {
    width: 4rem !important;
  }
  .sm\:w-5rem {
    width: 5rem !important;
  }
  .sm\:w-6rem {
    width: 6rem !important;
  }
  .sm\:w-7rem {
    width: 7rem !important;
  }
  .sm\:w-8rem {
    width: 8rem !important;
  }
  .sm\:w-9rem {
    width: 9rem !important;
  }
  .sm\:w-10rem {
    width: 10rem !important;
  }
  .sm\:w-11rem {
    width: 11rem !important;
  }
  .sm\:w-12rem {
    width: 12rem !important;
  }
  .sm\:w-13rem {
    width: 13rem !important;
  }
  .sm\:w-14rem {
    width: 14rem !important;
  }
  .sm\:w-15rem {
    width: 15rem !important;
  }
  .sm\:w-16rem {
    width: 16rem !important;
  }
  .sm\:w-17rem {
    width: 17rem !important;
  }
  .sm\:w-18rem {
    width: 18rem !important;
  }
  .sm\:w-19rem {
    width: 19rem !important;
  }
  .sm\:w-20rem {
    width: 20rem !important;
  }
  .sm\:w-21rem {
    width: 21rem !important;
  }
  .sm\:w-22rem {
    width: 22rem !important;
  }
  .sm\:w-23rem {
    width: 23rem !important;
  }
  .sm\:w-24rem {
    width: 24rem !important;
  }
  .sm\:w-25rem {
    width: 25rem !important;
  }
  .sm\:w-26rem {
    width: 26rem !important;
  }
  .sm\:w-27rem {
    width: 27rem !important;
  }
  .sm\:w-28rem {
    width: 28rem !important;
  }
  .sm\:w-29rem {
    width: 29rem !important;
  }
  .sm\:w-30rem {
    width: 30rem !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:w-full {
    width: 100% !important;
  }
  .md\:w-screen {
    width: 100vw !important;
  }
  .md\:w-auto {
    width: auto !important;
  }
  .md\:w-1 {
    width: 8.3333% !important;
  }
  .md\:w-2 {
    width: 16.6667% !important;
  }
  .md\:w-3 {
    width: 25% !important;
  }
  .md\:w-4 {
    width: 33.3333% !important;
  }
  .md\:w-5 {
    width: 41.6667% !important;
  }
  .md\:w-6 {
    width: 50% !important;
  }
  .md\:w-7 {
    width: 58.3333% !important;
  }
  .md\:w-8 {
    width: 66.6667% !important;
  }
  .md\:w-9 {
    width: 75% !important;
  }
  .md\:w-10 {
    width: 83.3333% !important;
  }
  .md\:w-11 {
    width: 91.6667% !important;
  }
  .md\:w-12 {
    width: 100% !important;
  }
  .md\:w-min {
    width: -moz-min-content !important;
    width: min-content !important;
  }
  .md\:w-max {
    width: -moz-max-content !important;
    width: max-content !important;
  }
  .md\:w-fit {
    width: -moz-fit-content !important;
    width: fit-content !important;
  }
  .md\:w-1rem {
    width: 1rem !important;
  }
  .md\:w-2rem {
    width: 2rem !important;
  }
  .md\:w-3rem {
    width: 3rem !important;
  }
  .md\:w-4rem {
    width: 4rem !important;
  }
  .md\:w-5rem {
    width: 5rem !important;
  }
  .md\:w-6rem {
    width: 6rem !important;
  }
  .md\:w-7rem {
    width: 7rem !important;
  }
  .md\:w-8rem {
    width: 8rem !important;
  }
  .md\:w-9rem {
    width: 9rem !important;
  }
  .md\:w-10rem {
    width: 10rem !important;
  }
  .md\:w-11rem {
    width: 11rem !important;
  }
  .md\:w-12rem {
    width: 12rem !important;
  }
  .md\:w-13rem {
    width: 13rem !important;
  }
  .md\:w-14rem {
    width: 14rem !important;
  }
  .md\:w-15rem {
    width: 15rem !important;
  }
  .md\:w-16rem {
    width: 16rem !important;
  }
  .md\:w-17rem {
    width: 17rem !important;
  }
  .md\:w-18rem {
    width: 18rem !important;
  }
  .md\:w-19rem {
    width: 19rem !important;
  }
  .md\:w-20rem {
    width: 20rem !important;
  }
  .md\:w-21rem {
    width: 21rem !important;
  }
  .md\:w-22rem {
    width: 22rem !important;
  }
  .md\:w-23rem {
    width: 23rem !important;
  }
  .md\:w-24rem {
    width: 24rem !important;
  }
  .md\:w-25rem {
    width: 25rem !important;
  }
  .md\:w-26rem {
    width: 26rem !important;
  }
  .md\:w-27rem {
    width: 27rem !important;
  }
  .md\:w-28rem {
    width: 28rem !important;
  }
  .md\:w-29rem {
    width: 29rem !important;
  }
  .md\:w-30rem {
    width: 30rem !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:w-full {
    width: 100% !important;
  }
  .lg\:w-screen {
    width: 100vw !important;
  }
  .lg\:w-auto {
    width: auto !important;
  }
  .lg\:w-1 {
    width: 8.3333% !important;
  }
  .lg\:w-2 {
    width: 16.6667% !important;
  }
  .lg\:w-3 {
    width: 25% !important;
  }
  .lg\:w-4 {
    width: 33.3333% !important;
  }
  .lg\:w-5 {
    width: 41.6667% !important;
  }
  .lg\:w-6 {
    width: 50% !important;
  }
  .lg\:w-7 {
    width: 58.3333% !important;
  }
  .lg\:w-8 {
    width: 66.6667% !important;
  }
  .lg\:w-9 {
    width: 75% !important;
  }
  .lg\:w-10 {
    width: 83.3333% !important;
  }
  .lg\:w-11 {
    width: 91.6667% !important;
  }
  .lg\:w-12 {
    width: 100% !important;
  }
  .lg\:w-min {
    width: -moz-min-content !important;
    width: min-content !important;
  }
  .lg\:w-max {
    width: -moz-max-content !important;
    width: max-content !important;
  }
  .lg\:w-fit {
    width: -moz-fit-content !important;
    width: fit-content !important;
  }
  .lg\:w-1rem {
    width: 1rem !important;
  }
  .lg\:w-2rem {
    width: 2rem !important;
  }
  .lg\:w-3rem {
    width: 3rem !important;
  }
  .lg\:w-4rem {
    width: 4rem !important;
  }
  .lg\:w-5rem {
    width: 5rem !important;
  }
  .lg\:w-6rem {
    width: 6rem !important;
  }
  .lg\:w-7rem {
    width: 7rem !important;
  }
  .lg\:w-8rem {
    width: 8rem !important;
  }
  .lg\:w-9rem {
    width: 9rem !important;
  }
  .lg\:w-10rem {
    width: 10rem !important;
  }
  .lg\:w-11rem {
    width: 11rem !important;
  }
  .lg\:w-12rem {
    width: 12rem !important;
  }
  .lg\:w-13rem {
    width: 13rem !important;
  }
  .lg\:w-14rem {
    width: 14rem !important;
  }
  .lg\:w-15rem {
    width: 15rem !important;
  }
  .lg\:w-16rem {
    width: 16rem !important;
  }
  .lg\:w-17rem {
    width: 17rem !important;
  }
  .lg\:w-18rem {
    width: 18rem !important;
  }
  .lg\:w-19rem {
    width: 19rem !important;
  }
  .lg\:w-20rem {
    width: 20rem !important;
  }
  .lg\:w-21rem {
    width: 21rem !important;
  }
  .lg\:w-22rem {
    width: 22rem !important;
  }
  .lg\:w-23rem {
    width: 23rem !important;
  }
  .lg\:w-24rem {
    width: 24rem !important;
  }
  .lg\:w-25rem {
    width: 25rem !important;
  }
  .lg\:w-26rem {
    width: 26rem !important;
  }
  .lg\:w-27rem {
    width: 27rem !important;
  }
  .lg\:w-28rem {
    width: 28rem !important;
  }
  .lg\:w-29rem {
    width: 29rem !important;
  }
  .lg\:w-30rem {
    width: 30rem !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:w-full {
    width: 100% !important;
  }
  .xl\:w-screen {
    width: 100vw !important;
  }
  .xl\:w-auto {
    width: auto !important;
  }
  .xl\:w-1 {
    width: 8.3333% !important;
  }
  .xl\:w-2 {
    width: 16.6667% !important;
  }
  .xl\:w-3 {
    width: 25% !important;
  }
  .xl\:w-4 {
    width: 33.3333% !important;
  }
  .xl\:w-5 {
    width: 41.6667% !important;
  }
  .xl\:w-6 {
    width: 50% !important;
  }
  .xl\:w-7 {
    width: 58.3333% !important;
  }
  .xl\:w-8 {
    width: 66.6667% !important;
  }
  .xl\:w-9 {
    width: 75% !important;
  }
  .xl\:w-10 {
    width: 83.3333% !important;
  }
  .xl\:w-11 {
    width: 91.6667% !important;
  }
  .xl\:w-12 {
    width: 100% !important;
  }
  .xl\:w-min {
    width: -moz-min-content !important;
    width: min-content !important;
  }
  .xl\:w-max {
    width: -moz-max-content !important;
    width: max-content !important;
  }
  .xl\:w-fit {
    width: -moz-fit-content !important;
    width: fit-content !important;
  }
  .xl\:w-1rem {
    width: 1rem !important;
  }
  .xl\:w-2rem {
    width: 2rem !important;
  }
  .xl\:w-3rem {
    width: 3rem !important;
  }
  .xl\:w-4rem {
    width: 4rem !important;
  }
  .xl\:w-5rem {
    width: 5rem !important;
  }
  .xl\:w-6rem {
    width: 6rem !important;
  }
  .xl\:w-7rem {
    width: 7rem !important;
  }
  .xl\:w-8rem {
    width: 8rem !important;
  }
  .xl\:w-9rem {
    width: 9rem !important;
  }
  .xl\:w-10rem {
    width: 10rem !important;
  }
  .xl\:w-11rem {
    width: 11rem !important;
  }
  .xl\:w-12rem {
    width: 12rem !important;
  }
  .xl\:w-13rem {
    width: 13rem !important;
  }
  .xl\:w-14rem {
    width: 14rem !important;
  }
  .xl\:w-15rem {
    width: 15rem !important;
  }
  .xl\:w-16rem {
    width: 16rem !important;
  }
  .xl\:w-17rem {
    width: 17rem !important;
  }
  .xl\:w-18rem {
    width: 18rem !important;
  }
  .xl\:w-19rem {
    width: 19rem !important;
  }
  .xl\:w-20rem {
    width: 20rem !important;
  }
  .xl\:w-21rem {
    width: 21rem !important;
  }
  .xl\:w-22rem {
    width: 22rem !important;
  }
  .xl\:w-23rem {
    width: 23rem !important;
  }
  .xl\:w-24rem {
    width: 24rem !important;
  }
  .xl\:w-25rem {
    width: 25rem !important;
  }
  .xl\:w-26rem {
    width: 26rem !important;
  }
  .xl\:w-27rem {
    width: 27rem !important;
  }
  .xl\:w-28rem {
    width: 28rem !important;
  }
  .xl\:w-29rem {
    width: 29rem !important;
  }
  .xl\:w-30rem {
    width: 30rem !important;
  }
}
.h-full {
  height: 100% !important;
}
.h-screen {
  height: 100vh !important;
}
.h-auto {
  height: auto !important;
}
.h-min {
  height: -moz-min-content !important;
  height: min-content !important;
}
.h-max {
  height: -moz-max-content !important;
  height: max-content !important;
}
.h-fit {
  height: -moz-fit-content !important;
  height: fit-content !important;
}
.h-1rem {
  height: 1rem !important;
}
.h-2rem {
  height: 2rem !important;
}
.h-3rem {
  height: 3rem !important;
}
.h-4rem {
  height: 4rem !important;
}
.h-5rem {
  height: 5rem !important;
}
.h-6rem {
  height: 6rem !important;
}
.h-7rem {
  height: 7rem !important;
}
.h-8rem {
  height: 8rem !important;
}
.h-9rem {
  height: 9rem !important;
}
.h-10rem {
  height: 10rem !important;
}
.h-11rem {
  height: 11rem !important;
}
.h-12rem {
  height: 12rem !important;
}
.h-13rem {
  height: 13rem !important;
}
.h-14rem {
  height: 14rem !important;
}
.h-15rem {
  height: 15rem !important;
}
.h-16rem {
  height: 16rem !important;
}
.h-17rem {
  height: 17rem !important;
}
.h-18rem {
  height: 18rem !important;
}
.h-19rem {
  height: 19rem !important;
}
.h-20rem {
  height: 20rem !important;
}
.h-21rem {
  height: 21rem !important;
}
.h-22rem {
  height: 22rem !important;
}
.h-23rem {
  height: 23rem !important;
}
.h-24rem {
  height: 24rem !important;
}
.h-25rem {
  height: 25rem !important;
}
.h-26rem {
  height: 26rem !important;
}
.h-27rem {
  height: 27rem !important;
}
.h-28rem {
  height: 28rem !important;
}
.h-29rem {
  height: 29rem !important;
}
.h-30rem {
  height: 30rem !important;
}
@media screen and (min-width: 576px) {
  .sm\:h-full {
    height: 100% !important;
  }
  .sm\:h-screen {
    height: 100vh !important;
  }
  .sm\:h-auto {
    height: auto !important;
  }
  .sm\:h-min {
    height: -moz-min-content !important;
    height: min-content !important;
  }
  .sm\:h-max {
    height: -moz-max-content !important;
    height: max-content !important;
  }
  .sm\:h-fit {
    height: -moz-fit-content !important;
    height: fit-content !important;
  }
  .sm\:h-1rem {
    height: 1rem !important;
  }
  .sm\:h-2rem {
    height: 2rem !important;
  }
  .sm\:h-3rem {
    height: 3rem !important;
  }
  .sm\:h-4rem {
    height: 4rem !important;
  }
  .sm\:h-5rem {
    height: 5rem !important;
  }
  .sm\:h-6rem {
    height: 6rem !important;
  }
  .sm\:h-7rem {
    height: 7rem !important;
  }
  .sm\:h-8rem {
    height: 8rem !important;
  }
  .sm\:h-9rem {
    height: 9rem !important;
  }
  .sm\:h-10rem {
    height: 10rem !important;
  }
  .sm\:h-11rem {
    height: 11rem !important;
  }
  .sm\:h-12rem {
    height: 12rem !important;
  }
  .sm\:h-13rem {
    height: 13rem !important;
  }
  .sm\:h-14rem {
    height: 14rem !important;
  }
  .sm\:h-15rem {
    height: 15rem !important;
  }
  .sm\:h-16rem {
    height: 16rem !important;
  }
  .sm\:h-17rem {
    height: 17rem !important;
  }
  .sm\:h-18rem {
    height: 18rem !important;
  }
  .sm\:h-19rem {
    height: 19rem !important;
  }
  .sm\:h-20rem {
    height: 20rem !important;
  }
  .sm\:h-21rem {
    height: 21rem !important;
  }
  .sm\:h-22rem {
    height: 22rem !important;
  }
  .sm\:h-23rem {
    height: 23rem !important;
  }
  .sm\:h-24rem {
    height: 24rem !important;
  }
  .sm\:h-25rem {
    height: 25rem !important;
  }
  .sm\:h-26rem {
    height: 26rem !important;
  }
  .sm\:h-27rem {
    height: 27rem !important;
  }
  .sm\:h-28rem {
    height: 28rem !important;
  }
  .sm\:h-29rem {
    height: 29rem !important;
  }
  .sm\:h-30rem {
    height: 30rem !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:h-full {
    height: 100% !important;
  }
  .md\:h-screen {
    height: 100vh !important;
  }
  .md\:h-auto {
    height: auto !important;
  }
  .md\:h-min {
    height: -moz-min-content !important;
    height: min-content !important;
  }
  .md\:h-max {
    height: -moz-max-content !important;
    height: max-content !important;
  }
  .md\:h-fit {
    height: -moz-fit-content !important;
    height: fit-content !important;
  }
  .md\:h-1rem {
    height: 1rem !important;
  }
  .md\:h-2rem {
    height: 2rem !important;
  }
  .md\:h-3rem {
    height: 3rem !important;
  }
  .md\:h-4rem {
    height: 4rem !important;
  }
  .md\:h-5rem {
    height: 5rem !important;
  }
  .md\:h-6rem {
    height: 6rem !important;
  }
  .md\:h-7rem {
    height: 7rem !important;
  }
  .md\:h-8rem {
    height: 8rem !important;
  }
  .md\:h-9rem {
    height: 9rem !important;
  }
  .md\:h-10rem {
    height: 10rem !important;
  }
  .md\:h-11rem {
    height: 11rem !important;
  }
  .md\:h-12rem {
    height: 12rem !important;
  }
  .md\:h-13rem {
    height: 13rem !important;
  }
  .md\:h-14rem {
    height: 14rem !important;
  }
  .md\:h-15rem {
    height: 15rem !important;
  }
  .md\:h-16rem {
    height: 16rem !important;
  }
  .md\:h-17rem {
    height: 17rem !important;
  }
  .md\:h-18rem {
    height: 18rem !important;
  }
  .md\:h-19rem {
    height: 19rem !important;
  }
  .md\:h-20rem {
    height: 20rem !important;
  }
  .md\:h-21rem {
    height: 21rem !important;
  }
  .md\:h-22rem {
    height: 22rem !important;
  }
  .md\:h-23rem {
    height: 23rem !important;
  }
  .md\:h-24rem {
    height: 24rem !important;
  }
  .md\:h-25rem {
    height: 25rem !important;
  }
  .md\:h-26rem {
    height: 26rem !important;
  }
  .md\:h-27rem {
    height: 27rem !important;
  }
  .md\:h-28rem {
    height: 28rem !important;
  }
  .md\:h-29rem {
    height: 29rem !important;
  }
  .md\:h-30rem {
    height: 30rem !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:h-full {
    height: 100% !important;
  }
  .lg\:h-screen {
    height: 100vh !important;
  }
  .lg\:h-auto {
    height: auto !important;
  }
  .lg\:h-min {
    height: -moz-min-content !important;
    height: min-content !important;
  }
  .lg\:h-max {
    height: -moz-max-content !important;
    height: max-content !important;
  }
  .lg\:h-fit {
    height: -moz-fit-content !important;
    height: fit-content !important;
  }
  .lg\:h-1rem {
    height: 1rem !important;
  }
  .lg\:h-2rem {
    height: 2rem !important;
  }
  .lg\:h-3rem {
    height: 3rem !important;
  }
  .lg\:h-4rem {
    height: 4rem !important;
  }
  .lg\:h-5rem {
    height: 5rem !important;
  }
  .lg\:h-6rem {
    height: 6rem !important;
  }
  .lg\:h-7rem {
    height: 7rem !important;
  }
  .lg\:h-8rem {
    height: 8rem !important;
  }
  .lg\:h-9rem {
    height: 9rem !important;
  }
  .lg\:h-10rem {
    height: 10rem !important;
  }
  .lg\:h-11rem {
    height: 11rem !important;
  }
  .lg\:h-12rem {
    height: 12rem !important;
  }
  .lg\:h-13rem {
    height: 13rem !important;
  }
  .lg\:h-14rem {
    height: 14rem !important;
  }
  .lg\:h-15rem {
    height: 15rem !important;
  }
  .lg\:h-16rem {
    height: 16rem !important;
  }
  .lg\:h-17rem {
    height: 17rem !important;
  }
  .lg\:h-18rem {
    height: 18rem !important;
  }
  .lg\:h-19rem {
    height: 19rem !important;
  }
  .lg\:h-20rem {
    height: 20rem !important;
  }
  .lg\:h-21rem {
    height: 21rem !important;
  }
  .lg\:h-22rem {
    height: 22rem !important;
  }
  .lg\:h-23rem {
    height: 23rem !important;
  }
  .lg\:h-24rem {
    height: 24rem !important;
  }
  .lg\:h-25rem {
    height: 25rem !important;
  }
  .lg\:h-26rem {
    height: 26rem !important;
  }
  .lg\:h-27rem {
    height: 27rem !important;
  }
  .lg\:h-28rem {
    height: 28rem !important;
  }
  .lg\:h-29rem {
    height: 29rem !important;
  }
  .lg\:h-30rem {
    height: 30rem !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:h-full {
    height: 100% !important;
  }
  .xl\:h-screen {
    height: 100vh !important;
  }
  .xl\:h-auto {
    height: auto !important;
  }
  .xl\:h-min {
    height: -moz-min-content !important;
    height: min-content !important;
  }
  .xl\:h-max {
    height: -moz-max-content !important;
    height: max-content !important;
  }
  .xl\:h-fit {
    height: -moz-fit-content !important;
    height: fit-content !important;
  }
  .xl\:h-1rem {
    height: 1rem !important;
  }
  .xl\:h-2rem {
    height: 2rem !important;
  }
  .xl\:h-3rem {
    height: 3rem !important;
  }
  .xl\:h-4rem {
    height: 4rem !important;
  }
  .xl\:h-5rem {
    height: 5rem !important;
  }
  .xl\:h-6rem {
    height: 6rem !important;
  }
  .xl\:h-7rem {
    height: 7rem !important;
  }
  .xl\:h-8rem {
    height: 8rem !important;
  }
  .xl\:h-9rem {
    height: 9rem !important;
  }
  .xl\:h-10rem {
    height: 10rem !important;
  }
  .xl\:h-11rem {
    height: 11rem !important;
  }
  .xl\:h-12rem {
    height: 12rem !important;
  }
  .xl\:h-13rem {
    height: 13rem !important;
  }
  .xl\:h-14rem {
    height: 14rem !important;
  }
  .xl\:h-15rem {
    height: 15rem !important;
  }
  .xl\:h-16rem {
    height: 16rem !important;
  }
  .xl\:h-17rem {
    height: 17rem !important;
  }
  .xl\:h-18rem {
    height: 18rem !important;
  }
  .xl\:h-19rem {
    height: 19rem !important;
  }
  .xl\:h-20rem {
    height: 20rem !important;
  }
  .xl\:h-21rem {
    height: 21rem !important;
  }
  .xl\:h-22rem {
    height: 22rem !important;
  }
  .xl\:h-23rem {
    height: 23rem !important;
  }
  .xl\:h-24rem {
    height: 24rem !important;
  }
  .xl\:h-25rem {
    height: 25rem !important;
  }
  .xl\:h-26rem {
    height: 26rem !important;
  }
  .xl\:h-27rem {
    height: 27rem !important;
  }
  .xl\:h-28rem {
    height: 28rem !important;
  }
  .xl\:h-29rem {
    height: 29rem !important;
  }
  .xl\:h-30rem {
    height: 30rem !important;
  }
}
.min-w-0 {
  min-width: 0px !important;
}
.min-w-full {
  min-width: 100% !important;
}
.min-w-screen {
  min-width: 100vw !important;
}
.min-w-min {
  min-width: -moz-min-content !important;
  min-width: min-content !important;
}
.min-w-max {
  min-width: -moz-max-content !important;
  min-width: max-content !important;
}
@media screen and (min-width: 576px) {
  .sm\:min-w-0 {
    min-width: 0px !important;
  }
  .sm\:min-w-full {
    min-width: 100% !important;
  }
  .sm\:min-w-screen {
    min-width: 100vw !important;
  }
  .sm\:min-w-min {
    min-width: -moz-min-content !important;
    min-width: min-content !important;
  }
  .sm\:min-w-max {
    min-width: -moz-max-content !important;
    min-width: max-content !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:min-w-0 {
    min-width: 0px !important;
  }
  .md\:min-w-full {
    min-width: 100% !important;
  }
  .md\:min-w-screen {
    min-width: 100vw !important;
  }
  .md\:min-w-min {
    min-width: -moz-min-content !important;
    min-width: min-content !important;
  }
  .md\:min-w-max {
    min-width: -moz-max-content !important;
    min-width: max-content !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:min-w-0 {
    min-width: 0px !important;
  }
  .lg\:min-w-full {
    min-width: 100% !important;
  }
  .lg\:min-w-screen {
    min-width: 100vw !important;
  }
  .lg\:min-w-min {
    min-width: -moz-min-content !important;
    min-width: min-content !important;
  }
  .lg\:min-w-max {
    min-width: -moz-max-content !important;
    min-width: max-content !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:min-w-0 {
    min-width: 0px !important;
  }
  .xl\:min-w-full {
    min-width: 100% !important;
  }
  .xl\:min-w-screen {
    min-width: 100vw !important;
  }
  .xl\:min-w-min {
    min-width: -moz-min-content !important;
    min-width: min-content !important;
  }
  .xl\:min-w-max {
    min-width: -moz-max-content !important;
    min-width: max-content !important;
  }
}
.max-w-0 {
  max-width: 0px !important;
}
.max-w-full {
  max-width: 100% !important;
}
.max-w-screen {
  max-width: 100vw !important;
}
.max-w-min {
  max-width: -moz-min-content !important;
  max-width: min-content !important;
}
.max-w-max {
  max-width: -moz-max-content !important;
  max-width: max-content !important;
}
.max-w-fit {
  max-width: -moz-fit-content !important;
  max-width: fit-content !important;
}
.max-w-1rem {
  max-width: 1rem !important;
}
.max-w-2rem {
  max-width: 2rem !important;
}
.max-w-3rem {
  max-width: 3rem !important;
}
.max-w-4rem {
  max-width: 4rem !important;
}
.max-w-5rem {
  max-width: 5rem !important;
}
.max-w-6rem {
  max-width: 6rem !important;
}
.max-w-7rem {
  max-width: 7rem !important;
}
.max-w-8rem {
  max-width: 8rem !important;
}
.max-w-9rem {
  max-width: 9rem !important;
}
.max-w-10rem {
  max-width: 10rem !important;
}
.max-w-11rem {
  max-width: 11rem !important;
}
.max-w-12rem {
  max-width: 12rem !important;
}
.max-w-13rem {
  max-width: 13rem !important;
}
.max-w-14rem {
  max-width: 14rem !important;
}
.max-w-15rem {
  max-width: 15rem !important;
}
.max-w-16rem {
  max-width: 16rem !important;
}
.max-w-17rem {
  max-width: 17rem !important;
}
.max-w-18rem {
  max-width: 18rem !important;
}
.max-w-19rem {
  max-width: 19rem !important;
}
.max-w-20rem {
  max-width: 20rem !important;
}
.max-w-21rem {
  max-width: 21rem !important;
}
.max-w-22rem {
  max-width: 22rem !important;
}
.max-w-23rem {
  max-width: 23rem !important;
}
.max-w-24rem {
  max-width: 24rem !important;
}
.max-w-25rem {
  max-width: 25rem !important;
}
.max-w-26rem {
  max-width: 26rem !important;
}
.max-w-27rem {
  max-width: 27rem !important;
}
.max-w-28rem {
  max-width: 28rem !important;
}
.max-w-29rem {
  max-width: 29rem !important;
}
.max-w-30rem {
  max-width: 30rem !important;
}
@media screen and (min-width: 576px) {
  .sm\:max-w-0 {
    max-width: 0px !important;
  }
  .sm\:max-w-full {
    max-width: 100% !important;
  }
  .sm\:max-w-screen {
    max-width: 100vw !important;
  }
  .sm\:max-w-min {
    max-width: -moz-min-content !important;
    max-width: min-content !important;
  }
  .sm\:max-w-max {
    max-width: -moz-max-content !important;
    max-width: max-content !important;
  }
  .sm\:max-w-fit {
    max-width: -moz-fit-content !important;
    max-width: fit-content !important;
  }
  .sm\:max-w-1rem {
    max-width: 1rem !important;
  }
  .sm\:max-w-2rem {
    max-width: 2rem !important;
  }
  .sm\:max-w-3rem {
    max-width: 3rem !important;
  }
  .sm\:max-w-4rem {
    max-width: 4rem !important;
  }
  .sm\:max-w-5rem {
    max-width: 5rem !important;
  }
  .sm\:max-w-6rem {
    max-width: 6rem !important;
  }
  .sm\:max-w-7rem {
    max-width: 7rem !important;
  }
  .sm\:max-w-8rem {
    max-width: 8rem !important;
  }
  .sm\:max-w-9rem {
    max-width: 9rem !important;
  }
  .sm\:max-w-10rem {
    max-width: 10rem !important;
  }
  .sm\:max-w-11rem {
    max-width: 11rem !important;
  }
  .sm\:max-w-12rem {
    max-width: 12rem !important;
  }
  .sm\:max-w-13rem {
    max-width: 13rem !important;
  }
  .sm\:max-w-14rem {
    max-width: 14rem !important;
  }
  .sm\:max-w-15rem {
    max-width: 15rem !important;
  }
  .sm\:max-w-16rem {
    max-width: 16rem !important;
  }
  .sm\:max-w-17rem {
    max-width: 17rem !important;
  }
  .sm\:max-w-18rem {
    max-width: 18rem !important;
  }
  .sm\:max-w-19rem {
    max-width: 19rem !important;
  }
  .sm\:max-w-20rem {
    max-width: 20rem !important;
  }
  .sm\:max-w-21rem {
    max-width: 21rem !important;
  }
  .sm\:max-w-22rem {
    max-width: 22rem !important;
  }
  .sm\:max-w-23rem {
    max-width: 23rem !important;
  }
  .sm\:max-w-24rem {
    max-width: 24rem !important;
  }
  .sm\:max-w-25rem {
    max-width: 25rem !important;
  }
  .sm\:max-w-26rem {
    max-width: 26rem !important;
  }
  .sm\:max-w-27rem {
    max-width: 27rem !important;
  }
  .sm\:max-w-28rem {
    max-width: 28rem !important;
  }
  .sm\:max-w-29rem {
    max-width: 29rem !important;
  }
  .sm\:max-w-30rem {
    max-width: 30rem !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:max-w-0 {
    max-width: 0px !important;
  }
  .md\:max-w-full {
    max-width: 100% !important;
  }
  .md\:max-w-screen {
    max-width: 100vw !important;
  }
  .md\:max-w-min {
    max-width: -moz-min-content !important;
    max-width: min-content !important;
  }
  .md\:max-w-max {
    max-width: -moz-max-content !important;
    max-width: max-content !important;
  }
  .md\:max-w-fit {
    max-width: -moz-fit-content !important;
    max-width: fit-content !important;
  }
  .md\:max-w-1rem {
    max-width: 1rem !important;
  }
  .md\:max-w-2rem {
    max-width: 2rem !important;
  }
  .md\:max-w-3rem {
    max-width: 3rem !important;
  }
  .md\:max-w-4rem {
    max-width: 4rem !important;
  }
  .md\:max-w-5rem {
    max-width: 5rem !important;
  }
  .md\:max-w-6rem {
    max-width: 6rem !important;
  }
  .md\:max-w-7rem {
    max-width: 7rem !important;
  }
  .md\:max-w-8rem {
    max-width: 8rem !important;
  }
  .md\:max-w-9rem {
    max-width: 9rem !important;
  }
  .md\:max-w-10rem {
    max-width: 10rem !important;
  }
  .md\:max-w-11rem {
    max-width: 11rem !important;
  }
  .md\:max-w-12rem {
    max-width: 12rem !important;
  }
  .md\:max-w-13rem {
    max-width: 13rem !important;
  }
  .md\:max-w-14rem {
    max-width: 14rem !important;
  }
  .md\:max-w-15rem {
    max-width: 15rem !important;
  }
  .md\:max-w-16rem {
    max-width: 16rem !important;
  }
  .md\:max-w-17rem {
    max-width: 17rem !important;
  }
  .md\:max-w-18rem {
    max-width: 18rem !important;
  }
  .md\:max-w-19rem {
    max-width: 19rem !important;
  }
  .md\:max-w-20rem {
    max-width: 20rem !important;
  }
  .md\:max-w-21rem {
    max-width: 21rem !important;
  }
  .md\:max-w-22rem {
    max-width: 22rem !important;
  }
  .md\:max-w-23rem {
    max-width: 23rem !important;
  }
  .md\:max-w-24rem {
    max-width: 24rem !important;
  }
  .md\:max-w-25rem {
    max-width: 25rem !important;
  }
  .md\:max-w-26rem {
    max-width: 26rem !important;
  }
  .md\:max-w-27rem {
    max-width: 27rem !important;
  }
  .md\:max-w-28rem {
    max-width: 28rem !important;
  }
  .md\:max-w-29rem {
    max-width: 29rem !important;
  }
  .md\:max-w-30rem {
    max-width: 30rem !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:max-w-0 {
    max-width: 0px !important;
  }
  .lg\:max-w-full {
    max-width: 100% !important;
  }
  .lg\:max-w-screen {
    max-width: 100vw !important;
  }
  .lg\:max-w-min {
    max-width: -moz-min-content !important;
    max-width: min-content !important;
  }
  .lg\:max-w-max {
    max-width: -moz-max-content !important;
    max-width: max-content !important;
  }
  .lg\:max-w-fit {
    max-width: -moz-fit-content !important;
    max-width: fit-content !important;
  }
  .lg\:max-w-1rem {
    max-width: 1rem !important;
  }
  .lg\:max-w-2rem {
    max-width: 2rem !important;
  }
  .lg\:max-w-3rem {
    max-width: 3rem !important;
  }
  .lg\:max-w-4rem {
    max-width: 4rem !important;
  }
  .lg\:max-w-5rem {
    max-width: 5rem !important;
  }
  .lg\:max-w-6rem {
    max-width: 6rem !important;
  }
  .lg\:max-w-7rem {
    max-width: 7rem !important;
  }
  .lg\:max-w-8rem {
    max-width: 8rem !important;
  }
  .lg\:max-w-9rem {
    max-width: 9rem !important;
  }
  .lg\:max-w-10rem {
    max-width: 10rem !important;
  }
  .lg\:max-w-11rem {
    max-width: 11rem !important;
  }
  .lg\:max-w-12rem {
    max-width: 12rem !important;
  }
  .lg\:max-w-13rem {
    max-width: 13rem !important;
  }
  .lg\:max-w-14rem {
    max-width: 14rem !important;
  }
  .lg\:max-w-15rem {
    max-width: 15rem !important;
  }
  .lg\:max-w-16rem {
    max-width: 16rem !important;
  }
  .lg\:max-w-17rem {
    max-width: 17rem !important;
  }
  .lg\:max-w-18rem {
    max-width: 18rem !important;
  }
  .lg\:max-w-19rem {
    max-width: 19rem !important;
  }
  .lg\:max-w-20rem {
    max-width: 20rem !important;
  }
  .lg\:max-w-21rem {
    max-width: 21rem !important;
  }
  .lg\:max-w-22rem {
    max-width: 22rem !important;
  }
  .lg\:max-w-23rem {
    max-width: 23rem !important;
  }
  .lg\:max-w-24rem {
    max-width: 24rem !important;
  }
  .lg\:max-w-25rem {
    max-width: 25rem !important;
  }
  .lg\:max-w-26rem {
    max-width: 26rem !important;
  }
  .lg\:max-w-27rem {
    max-width: 27rem !important;
  }
  .lg\:max-w-28rem {
    max-width: 28rem !important;
  }
  .lg\:max-w-29rem {
    max-width: 29rem !important;
  }
  .lg\:max-w-30rem {
    max-width: 30rem !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:max-w-0 {
    max-width: 0px !important;
  }
  .xl\:max-w-full {
    max-width: 100% !important;
  }
  .xl\:max-w-screen {
    max-width: 100vw !important;
  }
  .xl\:max-w-min {
    max-width: -moz-min-content !important;
    max-width: min-content !important;
  }
  .xl\:max-w-max {
    max-width: -moz-max-content !important;
    max-width: max-content !important;
  }
  .xl\:max-w-fit {
    max-width: -moz-fit-content !important;
    max-width: fit-content !important;
  }
  .xl\:max-w-1rem {
    max-width: 1rem !important;
  }
  .xl\:max-w-2rem {
    max-width: 2rem !important;
  }
  .xl\:max-w-3rem {
    max-width: 3rem !important;
  }
  .xl\:max-w-4rem {
    max-width: 4rem !important;
  }
  .xl\:max-w-5rem {
    max-width: 5rem !important;
  }
  .xl\:max-w-6rem {
    max-width: 6rem !important;
  }
  .xl\:max-w-7rem {
    max-width: 7rem !important;
  }
  .xl\:max-w-8rem {
    max-width: 8rem !important;
  }
  .xl\:max-w-9rem {
    max-width: 9rem !important;
  }
  .xl\:max-w-10rem {
    max-width: 10rem !important;
  }
  .xl\:max-w-11rem {
    max-width: 11rem !important;
  }
  .xl\:max-w-12rem {
    max-width: 12rem !important;
  }
  .xl\:max-w-13rem {
    max-width: 13rem !important;
  }
  .xl\:max-w-14rem {
    max-width: 14rem !important;
  }
  .xl\:max-w-15rem {
    max-width: 15rem !important;
  }
  .xl\:max-w-16rem {
    max-width: 16rem !important;
  }
  .xl\:max-w-17rem {
    max-width: 17rem !important;
  }
  .xl\:max-w-18rem {
    max-width: 18rem !important;
  }
  .xl\:max-w-19rem {
    max-width: 19rem !important;
  }
  .xl\:max-w-20rem {
    max-width: 20rem !important;
  }
  .xl\:max-w-21rem {
    max-width: 21rem !important;
  }
  .xl\:max-w-22rem {
    max-width: 22rem !important;
  }
  .xl\:max-w-23rem {
    max-width: 23rem !important;
  }
  .xl\:max-w-24rem {
    max-width: 24rem !important;
  }
  .xl\:max-w-25rem {
    max-width: 25rem !important;
  }
  .xl\:max-w-26rem {
    max-width: 26rem !important;
  }
  .xl\:max-w-27rem {
    max-width: 27rem !important;
  }
  .xl\:max-w-28rem {
    max-width: 28rem !important;
  }
  .xl\:max-w-29rem {
    max-width: 29rem !important;
  }
  .xl\:max-w-30rem {
    max-width: 30rem !important;
  }
}
.min-h-0 {
  min-height: 0px !important;
}
.min-h-full {
  min-height: 100% !important;
}
.min-h-screen {
  min-height: 100vh !important;
}
@media screen and (min-width: 576px) {
  .sm\:min-h-0 {
    min-height: 0px !important;
  }
  .sm\:min-h-full {
    min-height: 100% !important;
  }
  .sm\:min-h-screen {
    min-height: 100vh !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:min-h-0 {
    min-height: 0px !important;
  }
  .md\:min-h-full {
    min-height: 100% !important;
  }
  .md\:min-h-screen {
    min-height: 100vh !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:min-h-0 {
    min-height: 0px !important;
  }
  .lg\:min-h-full {
    min-height: 100% !important;
  }
  .lg\:min-h-screen {
    min-height: 100vh !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:min-h-0 {
    min-height: 0px !important;
  }
  .xl\:min-h-full {
    min-height: 100% !important;
  }
  .xl\:min-h-screen {
    min-height: 100vh !important;
  }
}
.max-h-0 {
  max-height: 0px !important;
}
.max-h-full {
  max-height: 100% !important;
}
.max-h-screen {
  max-height: 100vh !important;
}
.max-h-min {
  max-height: -moz-min-content !important;
  max-height: min-content !important;
}
.max-h-max {
  max-height: -moz-max-content !important;
  max-height: max-content !important;
}
.max-h-fit {
  max-height: -moz-fit-content !important;
  max-height: fit-content !important;
}
.max-h-1rem {
  max-height: 1rem !important;
}
.max-h-2rem {
  max-height: 2rem !important;
}
.max-h-3rem {
  max-height: 3rem !important;
}
.max-h-4rem {
  max-height: 4rem !important;
}
.max-h-5rem {
  max-height: 5rem !important;
}
.max-h-6rem {
  max-height: 6rem !important;
}
.max-h-7rem {
  max-height: 7rem !important;
}
.max-h-8rem {
  max-height: 8rem !important;
}
.max-h-9rem {
  max-height: 9rem !important;
}
.max-h-10rem {
  max-height: 10rem !important;
}
.max-h-11rem {
  max-height: 11rem !important;
}
.max-h-12rem {
  max-height: 12rem !important;
}
.max-h-13rem {
  max-height: 13rem !important;
}
.max-h-14rem {
  max-height: 14rem !important;
}
.max-h-15rem {
  max-height: 15rem !important;
}
.max-h-16rem {
  max-height: 16rem !important;
}
.max-h-17rem {
  max-height: 17rem !important;
}
.max-h-18rem {
  max-height: 18rem !important;
}
.max-h-19rem {
  max-height: 19rem !important;
}
.max-h-20rem {
  max-height: 20rem !important;
}
.max-h-21rem {
  max-height: 21rem !important;
}
.max-h-22rem {
  max-height: 22rem !important;
}
.max-h-23rem {
  max-height: 23rem !important;
}
.max-h-24rem {
  max-height: 24rem !important;
}
.max-h-25rem {
  max-height: 25rem !important;
}
.max-h-26rem {
  max-height: 26rem !important;
}
.max-h-27rem {
  max-height: 27rem !important;
}
.max-h-28rem {
  max-height: 28rem !important;
}
.max-h-29rem {
  max-height: 29rem !important;
}
.max-h-30rem {
  max-height: 30rem !important;
}
@media screen and (min-width: 576px) {
  .sm\:max-h-0 {
    max-height: 0px !important;
  }
  .sm\:max-h-full {
    max-height: 100% !important;
  }
  .sm\:max-h-screen {
    max-height: 100vh !important;
  }
  .sm\:max-h-min {
    max-height: -moz-min-content !important;
    max-height: min-content !important;
  }
  .sm\:max-h-max {
    max-height: -moz-max-content !important;
    max-height: max-content !important;
  }
  .sm\:max-h-fit {
    max-height: -moz-fit-content !important;
    max-height: fit-content !important;
  }
  .sm\:max-h-1rem {
    max-height: 1rem !important;
  }
  .sm\:max-h-2rem {
    max-height: 2rem !important;
  }
  .sm\:max-h-3rem {
    max-height: 3rem !important;
  }
  .sm\:max-h-4rem {
    max-height: 4rem !important;
  }
  .sm\:max-h-5rem {
    max-height: 5rem !important;
  }
  .sm\:max-h-6rem {
    max-height: 6rem !important;
  }
  .sm\:max-h-7rem {
    max-height: 7rem !important;
  }
  .sm\:max-h-8rem {
    max-height: 8rem !important;
  }
  .sm\:max-h-9rem {
    max-height: 9rem !important;
  }
  .sm\:max-h-10rem {
    max-height: 10rem !important;
  }
  .sm\:max-h-11rem {
    max-height: 11rem !important;
  }
  .sm\:max-h-12rem {
    max-height: 12rem !important;
  }
  .sm\:max-h-13rem {
    max-height: 13rem !important;
  }
  .sm\:max-h-14rem {
    max-height: 14rem !important;
  }
  .sm\:max-h-15rem {
    max-height: 15rem !important;
  }
  .sm\:max-h-16rem {
    max-height: 16rem !important;
  }
  .sm\:max-h-17rem {
    max-height: 17rem !important;
  }
  .sm\:max-h-18rem {
    max-height: 18rem !important;
  }
  .sm\:max-h-19rem {
    max-height: 19rem !important;
  }
  .sm\:max-h-20rem {
    max-height: 20rem !important;
  }
  .sm\:max-h-21rem {
    max-height: 21rem !important;
  }
  .sm\:max-h-22rem {
    max-height: 22rem !important;
  }
  .sm\:max-h-23rem {
    max-height: 23rem !important;
  }
  .sm\:max-h-24rem {
    max-height: 24rem !important;
  }
  .sm\:max-h-25rem {
    max-height: 25rem !important;
  }
  .sm\:max-h-26rem {
    max-height: 26rem !important;
  }
  .sm\:max-h-27rem {
    max-height: 27rem !important;
  }
  .sm\:max-h-28rem {
    max-height: 28rem !important;
  }
  .sm\:max-h-29rem {
    max-height: 29rem !important;
  }
  .sm\:max-h-30rem {
    max-height: 30rem !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:max-h-0 {
    max-height: 0px !important;
  }
  .md\:max-h-full {
    max-height: 100% !important;
  }
  .md\:max-h-screen {
    max-height: 100vh !important;
  }
  .md\:max-h-min {
    max-height: -moz-min-content !important;
    max-height: min-content !important;
  }
  .md\:max-h-max {
    max-height: -moz-max-content !important;
    max-height: max-content !important;
  }
  .md\:max-h-fit {
    max-height: -moz-fit-content !important;
    max-height: fit-content !important;
  }
  .md\:max-h-1rem {
    max-height: 1rem !important;
  }
  .md\:max-h-2rem {
    max-height: 2rem !important;
  }
  .md\:max-h-3rem {
    max-height: 3rem !important;
  }
  .md\:max-h-4rem {
    max-height: 4rem !important;
  }
  .md\:max-h-5rem {
    max-height: 5rem !important;
  }
  .md\:max-h-6rem {
    max-height: 6rem !important;
  }
  .md\:max-h-7rem {
    max-height: 7rem !important;
  }
  .md\:max-h-8rem {
    max-height: 8rem !important;
  }
  .md\:max-h-9rem {
    max-height: 9rem !important;
  }
  .md\:max-h-10rem {
    max-height: 10rem !important;
  }
  .md\:max-h-11rem {
    max-height: 11rem !important;
  }
  .md\:max-h-12rem {
    max-height: 12rem !important;
  }
  .md\:max-h-13rem {
    max-height: 13rem !important;
  }
  .md\:max-h-14rem {
    max-height: 14rem !important;
  }
  .md\:max-h-15rem {
    max-height: 15rem !important;
  }
  .md\:max-h-16rem {
    max-height: 16rem !important;
  }
  .md\:max-h-17rem {
    max-height: 17rem !important;
  }
  .md\:max-h-18rem {
    max-height: 18rem !important;
  }
  .md\:max-h-19rem {
    max-height: 19rem !important;
  }
  .md\:max-h-20rem {
    max-height: 20rem !important;
  }
  .md\:max-h-21rem {
    max-height: 21rem !important;
  }
  .md\:max-h-22rem {
    max-height: 22rem !important;
  }
  .md\:max-h-23rem {
    max-height: 23rem !important;
  }
  .md\:max-h-24rem {
    max-height: 24rem !important;
  }
  .md\:max-h-25rem {
    max-height: 25rem !important;
  }
  .md\:max-h-26rem {
    max-height: 26rem !important;
  }
  .md\:max-h-27rem {
    max-height: 27rem !important;
  }
  .md\:max-h-28rem {
    max-height: 28rem !important;
  }
  .md\:max-h-29rem {
    max-height: 29rem !important;
  }
  .md\:max-h-30rem {
    max-height: 30rem !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:max-h-0 {
    max-height: 0px !important;
  }
  .lg\:max-h-full {
    max-height: 100% !important;
  }
  .lg\:max-h-screen {
    max-height: 100vh !important;
  }
  .lg\:max-h-min {
    max-height: -moz-min-content !important;
    max-height: min-content !important;
  }
  .lg\:max-h-max {
    max-height: -moz-max-content !important;
    max-height: max-content !important;
  }
  .lg\:max-h-fit {
    max-height: -moz-fit-content !important;
    max-height: fit-content !important;
  }
  .lg\:max-h-1rem {
    max-height: 1rem !important;
  }
  .lg\:max-h-2rem {
    max-height: 2rem !important;
  }
  .lg\:max-h-3rem {
    max-height: 3rem !important;
  }
  .lg\:max-h-4rem {
    max-height: 4rem !important;
  }
  .lg\:max-h-5rem {
    max-height: 5rem !important;
  }
  .lg\:max-h-6rem {
    max-height: 6rem !important;
  }
  .lg\:max-h-7rem {
    max-height: 7rem !important;
  }
  .lg\:max-h-8rem {
    max-height: 8rem !important;
  }
  .lg\:max-h-9rem {
    max-height: 9rem !important;
  }
  .lg\:max-h-10rem {
    max-height: 10rem !important;
  }
  .lg\:max-h-11rem {
    max-height: 11rem !important;
  }
  .lg\:max-h-12rem {
    max-height: 12rem !important;
  }
  .lg\:max-h-13rem {
    max-height: 13rem !important;
  }
  .lg\:max-h-14rem {
    max-height: 14rem !important;
  }
  .lg\:max-h-15rem {
    max-height: 15rem !important;
  }
  .lg\:max-h-16rem {
    max-height: 16rem !important;
  }
  .lg\:max-h-17rem {
    max-height: 17rem !important;
  }
  .lg\:max-h-18rem {
    max-height: 18rem !important;
  }
  .lg\:max-h-19rem {
    max-height: 19rem !important;
  }
  .lg\:max-h-20rem {
    max-height: 20rem !important;
  }
  .lg\:max-h-21rem {
    max-height: 21rem !important;
  }
  .lg\:max-h-22rem {
    max-height: 22rem !important;
  }
  .lg\:max-h-23rem {
    max-height: 23rem !important;
  }
  .lg\:max-h-24rem {
    max-height: 24rem !important;
  }
  .lg\:max-h-25rem {
    max-height: 25rem !important;
  }
  .lg\:max-h-26rem {
    max-height: 26rem !important;
  }
  .lg\:max-h-27rem {
    max-height: 27rem !important;
  }
  .lg\:max-h-28rem {
    max-height: 28rem !important;
  }
  .lg\:max-h-29rem {
    max-height: 29rem !important;
  }
  .lg\:max-h-30rem {
    max-height: 30rem !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:max-h-0 {
    max-height: 0px !important;
  }
  .xl\:max-h-full {
    max-height: 100% !important;
  }
  .xl\:max-h-screen {
    max-height: 100vh !important;
  }
  .xl\:max-h-min {
    max-height: -moz-min-content !important;
    max-height: min-content !important;
  }
  .xl\:max-h-max {
    max-height: -moz-max-content !important;
    max-height: max-content !important;
  }
  .xl\:max-h-fit {
    max-height: -moz-fit-content !important;
    max-height: fit-content !important;
  }
  .xl\:max-h-1rem {
    max-height: 1rem !important;
  }
  .xl\:max-h-2rem {
    max-height: 2rem !important;
  }
  .xl\:max-h-3rem {
    max-height: 3rem !important;
  }
  .xl\:max-h-4rem {
    max-height: 4rem !important;
  }
  .xl\:max-h-5rem {
    max-height: 5rem !important;
  }
  .xl\:max-h-6rem {
    max-height: 6rem !important;
  }
  .xl\:max-h-7rem {
    max-height: 7rem !important;
  }
  .xl\:max-h-8rem {
    max-height: 8rem !important;
  }
  .xl\:max-h-9rem {
    max-height: 9rem !important;
  }
  .xl\:max-h-10rem {
    max-height: 10rem !important;
  }
  .xl\:max-h-11rem {
    max-height: 11rem !important;
  }
  .xl\:max-h-12rem {
    max-height: 12rem !important;
  }
  .xl\:max-h-13rem {
    max-height: 13rem !important;
  }
  .xl\:max-h-14rem {
    max-height: 14rem !important;
  }
  .xl\:max-h-15rem {
    max-height: 15rem !important;
  }
  .xl\:max-h-16rem {
    max-height: 16rem !important;
  }
  .xl\:max-h-17rem {
    max-height: 17rem !important;
  }
  .xl\:max-h-18rem {
    max-height: 18rem !important;
  }
  .xl\:max-h-19rem {
    max-height: 19rem !important;
  }
  .xl\:max-h-20rem {
    max-height: 20rem !important;
  }
  .xl\:max-h-21rem {
    max-height: 21rem !important;
  }
  .xl\:max-h-22rem {
    max-height: 22rem !important;
  }
  .xl\:max-h-23rem {
    max-height: 23rem !important;
  }
  .xl\:max-h-24rem {
    max-height: 24rem !important;
  }
  .xl\:max-h-25rem {
    max-height: 25rem !important;
  }
  .xl\:max-h-26rem {
    max-height: 26rem !important;
  }
  .xl\:max-h-27rem {
    max-height: 27rem !important;
  }
  .xl\:max-h-28rem {
    max-height: 28rem !important;
  }
  .xl\:max-h-29rem {
    max-height: 29rem !important;
  }
  .xl\:max-h-30rem {
    max-height: 30rem !important;
  }
}
.static {
  position: static !important;
}
.fixed {
  position: fixed !important;
}
.absolute {
  position: absolute !important;
}
.relative {
  position: relative !important;
}
.sticky {
  position: sticky !important;
}
@media screen and (min-width: 576px) {
  .sm\:static {
    position: static !important;
  }
  .sm\:fixed {
    position: fixed !important;
  }
  .sm\:absolute {
    position: absolute !important;
  }
  .sm\:relative {
    position: relative !important;
  }
  .sm\:sticky {
    position: sticky !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:static {
    position: static !important;
  }
  .md\:fixed {
    position: fixed !important;
  }
  .md\:absolute {
    position: absolute !important;
  }
  .md\:relative {
    position: relative !important;
  }
  .md\:sticky {
    position: sticky !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:static {
    position: static !important;
  }
  .lg\:fixed {
    position: fixed !important;
  }
  .lg\:absolute {
    position: absolute !important;
  }
  .lg\:relative {
    position: relative !important;
  }
  .lg\:sticky {
    position: sticky !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:static {
    position: static !important;
  }
  .xl\:fixed {
    position: fixed !important;
  }
  .xl\:absolute {
    position: absolute !important;
  }
  .xl\:relative {
    position: relative !important;
  }
  .xl\:sticky {
    position: sticky !important;
  }
}
.top-auto {
  top: auto !important;
}
.top-0 {
  top: 0px !important;
}
.top-50 {
  top: 50% !important;
}
.top-100 {
  top: 100% !important;
}
@media screen and (min-width: 576px) {
  .sm\:top-auto {
    top: auto !important;
  }
  .sm\:top-0 {
    top: 0px !important;
  }
  .sm\:top-50 {
    top: 50% !important;
  }
  .sm\:top-100 {
    top: 100% !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:top-auto {
    top: auto !important;
  }
  .md\:top-0 {
    top: 0px !important;
  }
  .md\:top-50 {
    top: 50% !important;
  }
  .md\:top-100 {
    top: 100% !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:top-auto {
    top: auto !important;
  }
  .lg\:top-0 {
    top: 0px !important;
  }
  .lg\:top-50 {
    top: 50% !important;
  }
  .lg\:top-100 {
    top: 100% !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:top-auto {
    top: auto !important;
  }
  .xl\:top-0 {
    top: 0px !important;
  }
  .xl\:top-50 {
    top: 50% !important;
  }
  .xl\:top-100 {
    top: 100% !important;
  }
}
.left-auto {
  left: auto !important;
}
.left-0 {
  left: 0px !important;
}
.left-50 {
  left: 50% !important;
}
.left-100 {
  left: 100% !important;
}
@media screen and (min-width: 576px) {
  .sm\:left-auto {
    left: auto !important;
  }
  .sm\:left-0 {
    left: 0px !important;
  }
  .sm\:left-50 {
    left: 50% !important;
  }
  .sm\:left-100 {
    left: 100% !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:left-auto {
    left: auto !important;
  }
  .md\:left-0 {
    left: 0px !important;
  }
  .md\:left-50 {
    left: 50% !important;
  }
  .md\:left-100 {
    left: 100% !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:left-auto {
    left: auto !important;
  }
  .lg\:left-0 {
    left: 0px !important;
  }
  .lg\:left-50 {
    left: 50% !important;
  }
  .lg\:left-100 {
    left: 100% !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:left-auto {
    left: auto !important;
  }
  .xl\:left-0 {
    left: 0px !important;
  }
  .xl\:left-50 {
    left: 50% !important;
  }
  .xl\:left-100 {
    left: 100% !important;
  }
}
.right-auto {
  right: auto !important;
}
.right-0 {
  right: 0px !important;
}
.right-50 {
  right: 50% !important;
}
.right-100 {
  right: 100% !important;
}
@media screen and (min-width: 576px) {
  .sm\:right-auto {
    right: auto !important;
  }
  .sm\:right-0 {
    right: 0px !important;
  }
  .sm\:right-50 {
    right: 50% !important;
  }
  .sm\:right-100 {
    right: 100% !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:right-auto {
    right: auto !important;
  }
  .md\:right-0 {
    right: 0px !important;
  }
  .md\:right-50 {
    right: 50% !important;
  }
  .md\:right-100 {
    right: 100% !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:right-auto {
    right: auto !important;
  }
  .lg\:right-0 {
    right: 0px !important;
  }
  .lg\:right-50 {
    right: 50% !important;
  }
  .lg\:right-100 {
    right: 100% !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:right-auto {
    right: auto !important;
  }
  .xl\:right-0 {
    right: 0px !important;
  }
  .xl\:right-50 {
    right: 50% !important;
  }
  .xl\:right-100 {
    right: 100% !important;
  }
}
.bottom-auto {
  bottom: auto !important;
}
.bottom-0 {
  bottom: 0px !important;
}
.bottom-50 {
  bottom: 50% !important;
}
.bottom-100 {
  bottom: 100% !important;
}
@media screen and (min-width: 576px) {
  .sm\:bottom-auto {
    bottom: auto !important;
  }
  .sm\:bottom-0 {
    bottom: 0px !important;
  }
  .sm\:bottom-50 {
    bottom: 50% !important;
  }
  .sm\:bottom-100 {
    bottom: 100% !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:bottom-auto {
    bottom: auto !important;
  }
  .md\:bottom-0 {
    bottom: 0px !important;
  }
  .md\:bottom-50 {
    bottom: 50% !important;
  }
  .md\:bottom-100 {
    bottom: 100% !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:bottom-auto {
    bottom: auto !important;
  }
  .lg\:bottom-0 {
    bottom: 0px !important;
  }
  .lg\:bottom-50 {
    bottom: 50% !important;
  }
  .lg\:bottom-100 {
    bottom: 100% !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:bottom-auto {
    bottom: auto !important;
  }
  .xl\:bottom-0 {
    bottom: 0px !important;
  }
  .xl\:bottom-50 {
    bottom: 50% !important;
  }
  .xl\:bottom-100 {
    bottom: 100% !important;
  }
}
.overflow-auto {
  overflow: auto !important;
}
.overflow-hidden {
  overflow: hidden !important;
}
.overflow-visible {
  overflow: visible !important;
}
.overflow-scroll {
  overflow: scroll !important;
}
@media screen and (min-width: 576px) {
  .sm\:overflow-auto {
    overflow: auto !important;
  }
  .sm\:overflow-hidden {
    overflow: hidden !important;
  }
  .sm\:overflow-visible {
    overflow: visible !important;
  }
  .sm\:overflow-scroll {
    overflow: scroll !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:overflow-auto {
    overflow: auto !important;
  }
  .md\:overflow-hidden {
    overflow: hidden !important;
  }
  .md\:overflow-visible {
    overflow: visible !important;
  }
  .md\:overflow-scroll {
    overflow: scroll !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:overflow-auto {
    overflow: auto !important;
  }
  .lg\:overflow-hidden {
    overflow: hidden !important;
  }
  .lg\:overflow-visible {
    overflow: visible !important;
  }
  .lg\:overflow-scroll {
    overflow: scroll !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:overflow-auto {
    overflow: auto !important;
  }
  .xl\:overflow-hidden {
    overflow: hidden !important;
  }
  .xl\:overflow-visible {
    overflow: visible !important;
  }
  .xl\: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;
}
@media screen and (min-width: 576px) {
  .sm\:overflow-x-auto {
    overflow-x: auto !important;
  }
  .sm\:overflow-x-hidden {
    overflow-x: hidden !important;
  }
  .sm\:overflow-x-visible {
    overflow-x: visible !important;
  }
  .sm\:overflow-x-scroll {
    overflow-x: scroll !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:overflow-x-auto {
    overflow-x: auto !important;
  }
  .md\:overflow-x-hidden {
    overflow-x: hidden !important;
  }
  .md\:overflow-x-visible {
    overflow-x: visible !important;
  }
  .md\:overflow-x-scroll {
    overflow-x: scroll !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:overflow-x-auto {
    overflow-x: auto !important;
  }
  .lg\:overflow-x-hidden {
    overflow-x: hidden !important;
  }
  .lg\:overflow-x-visible {
    overflow-x: visible !important;
  }
  .lg\:overflow-x-scroll {
    overflow-x: scroll !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:overflow-x-auto {
    overflow-x: auto !important;
  }
  .xl\:overflow-x-hidden {
    overflow-x: hidden !important;
  }
  .xl\:overflow-x-visible {
    overflow-x: visible !important;
  }
  .xl\: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;
}
@media screen and (min-width: 576px) {
  .sm\:overflow-y-auto {
    overflow-y: auto !important;
  }
  .sm\:overflow-y-hidden {
    overflow-y: hidden !important;
  }
  .sm\:overflow-y-visible {
    overflow-y: visible !important;
  }
  .sm\:overflow-y-scroll {
    overflow-y: scroll !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:overflow-y-auto {
    overflow-y: auto !important;
  }
  .md\:overflow-y-hidden {
    overflow-y: hidden !important;
  }
  .md\:overflow-y-visible {
    overflow-y: visible !important;
  }
  .md\:overflow-y-scroll {
    overflow-y: scroll !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:overflow-y-auto {
    overflow-y: auto !important;
  }
  .lg\:overflow-y-hidden {
    overflow-y: hidden !important;
  }
  .lg\:overflow-y-visible {
    overflow-y: visible !important;
  }
  .lg\:overflow-y-scroll {
    overflow-y: scroll !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:overflow-y-auto {
    overflow-y: auto !important;
  }
  .xl\:overflow-y-hidden {
    overflow-y: hidden !important;
  }
  .xl\:overflow-y-visible {
    overflow-y: visible !important;
  }
  .xl\:overflow-y-scroll {
    overflow-y: scroll !important;
  }
}
.z-auto {
  z-index: auto !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;
}
.z-4 {
  z-index: 4 !important;
}
.z-5 {
  z-index: 5 !important;
}
@media screen and (min-width: 576px) {
  .sm\:z-auto {
    z-index: auto !important;
  }
  .sm\:z-0 {
    z-index: 0 !important;
  }
  .sm\:z-1 {
    z-index: 1 !important;
  }
  .sm\:z-2 {
    z-index: 2 !important;
  }
  .sm\:z-3 {
    z-index: 3 !important;
  }
  .sm\:z-4 {
    z-index: 4 !important;
  }
  .sm\:z-5 {
    z-index: 5 !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:z-auto {
    z-index: auto !important;
  }
  .md\:z-0 {
    z-index: 0 !important;
  }
  .md\:z-1 {
    z-index: 1 !important;
  }
  .md\:z-2 {
    z-index: 2 !important;
  }
  .md\:z-3 {
    z-index: 3 !important;
  }
  .md\:z-4 {
    z-index: 4 !important;
  }
  .md\:z-5 {
    z-index: 5 !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:z-auto {
    z-index: auto !important;
  }
  .lg\:z-0 {
    z-index: 0 !important;
  }
  .lg\:z-1 {
    z-index: 1 !important;
  }
  .lg\:z-2 {
    z-index: 2 !important;
  }
  .lg\:z-3 {
    z-index: 3 !important;
  }
  .lg\:z-4 {
    z-index: 4 !important;
  }
  .lg\:z-5 {
    z-index: 5 !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:z-auto {
    z-index: auto !important;
  }
  .xl\:z-0 {
    z-index: 0 !important;
  }
  .xl\:z-1 {
    z-index: 1 !important;
  }
  .xl\:z-2 {
    z-index: 2 !important;
  }
  .xl\:z-3 {
    z-index: 3 !important;
  }
  .xl\:z-4 {
    z-index: 4 !important;
  }
  .xl\:z-5 {
    z-index: 5 !important;
  }
}
.bg-repeat {
  background-repeat: repeat !important;
}
.bg-no-repeat {
  background-repeat: no-repeat !important;
}
.bg-repeat-x {
  background-repeat: repeat-x !important;
}
.bg-repeat-y {
  background-repeat: repeat-y !important;
}
.bg-repeat-round {
  background-repeat: round !important;
}
.bg-repeat-space {
  background-repeat: space !important;
}
@media screen and (min-width: 576px) {
  .sm\:bg-repeat {
    background-repeat: repeat !important;
  }
  .sm\:bg-no-repeat {
    background-repeat: no-repeat !important;
  }
  .sm\:bg-repeat-x {
    background-repeat: repeat-x !important;
  }
  .sm\:bg-repeat-y {
    background-repeat: repeat-y !important;
  }
  .sm\:bg-repeat-round {
    background-repeat: round !important;
  }
  .sm\:bg-repeat-space {
    background-repeat: space !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:bg-repeat {
    background-repeat: repeat !important;
  }
  .md\:bg-no-repeat {
    background-repeat: no-repeat !important;
  }
  .md\:bg-repeat-x {
    background-repeat: repeat-x !important;
  }
  .md\:bg-repeat-y {
    background-repeat: repeat-y !important;
  }
  .md\:bg-repeat-round {
    background-repeat: round !important;
  }
  .md\:bg-repeat-space {
    background-repeat: space !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:bg-repeat {
    background-repeat: repeat !important;
  }
  .lg\:bg-no-repeat {
    background-repeat: no-repeat !important;
  }
  .lg\:bg-repeat-x {
    background-repeat: repeat-x !important;
  }
  .lg\:bg-repeat-y {
    background-repeat: repeat-y !important;
  }
  .lg\:bg-repeat-round {
    background-repeat: round !important;
  }
  .lg\:bg-repeat-space {
    background-repeat: space !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:bg-repeat {
    background-repeat: repeat !important;
  }
  .xl\:bg-no-repeat {
    background-repeat: no-repeat !important;
  }
  .xl\:bg-repeat-x {
    background-repeat: repeat-x !important;
  }
  .xl\:bg-repeat-y {
    background-repeat: repeat-y !important;
  }
  .xl\:bg-repeat-round {
    background-repeat: round !important;
  }
  .xl\:bg-repeat-space {
    background-repeat: space !important;
  }
}
.bg-auto {
  background-size: auto !important;
}
.bg-cover {
  background-size: cover !important;
}
.bg-contain {
  background-size: contain !important;
}
@media screen and (min-width: 576px) {
  .sm\:bg-auto {
    background-size: auto !important;
  }
  .sm\:bg-cover {
    background-size: cover !important;
  }
  .sm\:bg-contain {
    background-size: contain !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:bg-auto {
    background-size: auto !important;
  }
  .md\:bg-cover {
    background-size: cover !important;
  }
  .md\:bg-contain {
    background-size: contain !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:bg-auto {
    background-size: auto !important;
  }
  .lg\:bg-cover {
    background-size: cover !important;
  }
  .lg\:bg-contain {
    background-size: contain !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:bg-auto {
    background-size: auto !important;
  }
  .xl\:bg-cover {
    background-size: cover !important;
  }
  .xl\:bg-contain {
    background-size: contain !important;
  }
}
.bg-bottom {
  background-position: bottom !important;
}
.bg-center {
  background-position: center !important;
}
.bg-left {
  background-position: left !important;
}
.bg-left-bottom {
  background-position: left bottom !important;
}
.bg-left-top {
  background-position: left top !important;
}
.bg-right {
  background-position: right !important;
}
.bg-right-bottom {
  background-position: right bottom !important;
}
.bg-right-top {
  background-position: right top !important;
}
.bg-top {
  background-position: top !important;
}
@media screen and (min-width: 576px) {
  .sm\:bg-bottom {
    background-position: bottom !important;
  }
  .sm\:bg-center {
    background-position: center !important;
  }
  .sm\:bg-left {
    background-position: left !important;
  }
  .sm\:bg-left-bottom {
    background-position: left bottom !important;
  }
  .sm\:bg-left-top {
    background-position: left top !important;
  }
  .sm\:bg-right {
    background-position: right !important;
  }
  .sm\:bg-right-bottom {
    background-position: right bottom !important;
  }
  .sm\:bg-right-top {
    background-position: right top !important;
  }
  .sm\:bg-top {
    background-position: top !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:bg-bottom {
    background-position: bottom !important;
  }
  .md\:bg-center {
    background-position: center !important;
  }
  .md\:bg-left {
    background-position: left !important;
  }
  .md\:bg-left-bottom {
    background-position: left bottom !important;
  }
  .md\:bg-left-top {
    background-position: left top !important;
  }
  .md\:bg-right {
    background-position: right !important;
  }
  .md\:bg-right-bottom {
    background-position: right bottom !important;
  }
  .md\:bg-right-top {
    background-position: right top !important;
  }
  .md\:bg-top {
    background-position: top !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:bg-bottom {
    background-position: bottom !important;
  }
  .lg\:bg-center {
    background-position: center !important;
  }
  .lg\:bg-left {
    background-position: left !important;
  }
  .lg\:bg-left-bottom {
    background-position: left bottom !important;
  }
  .lg\:bg-left-top {
    background-position: left top !important;
  }
  .lg\:bg-right {
    background-position: right !important;
  }
  .lg\:bg-right-bottom {
    background-position: right bottom !important;
  }
  .lg\:bg-right-top {
    background-position: right top !important;
  }
  .lg\:bg-top {
    background-position: top !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:bg-bottom {
    background-position: bottom !important;
  }
  .xl\:bg-center {
    background-position: center !important;
  }
  .xl\:bg-left {
    background-position: left !important;
  }
  .xl\:bg-left-bottom {
    background-position: left bottom !important;
  }
  .xl\:bg-left-top {
    background-position: left top !important;
  }
  .xl\:bg-right {
    background-position: right !important;
  }
  .xl\:bg-right-bottom {
    background-position: right bottom !important;
  }
  .xl\:bg-right-top {
    background-position: right top !important;
  }
  .xl\:bg-top {
    background-position: top !important;
  }
}
.select-none {
  -webkit-user-select: none !important;
     -moz-user-select: none !important;
          user-select: none !important;
}
.select-text {
  -webkit-user-select: text !important;
     -moz-user-select: text !important;
          user-select: text !important;
}
.select-all {
  -webkit-user-select: all !important;
     -moz-user-select: all !important;
          user-select: all !important;
}
.select-auto {
  -webkit-user-select: auto !important;
     -moz-user-select: auto !important;
          user-select: auto !important;
}
.list-none {
  list-style: none !important;
}
.list-disc {
  list-style: disc !important;
}
.list-decimal {
  list-style: decimal !important;
}
.appearance-none {
  -webkit-appearance: none !important;
     -moz-appearance: none !important;
          appearance: none !important;
}
.outline-none {
  outline: none !important;
}
.pointer-events-none {
  pointer-events: none !important;
}
.pointer-events-auto {
  pointer-events: auto !important;
}
.cursor-auto {
  cursor: auto !important;
}
.cursor-pointer {
  cursor: pointer !important;
}
.cursor-wait {
  cursor: wait !important;
}
.cursor-move {
  cursor: move !important;
}
.select-none {
  -webkit-user-select: none !important;
     -moz-user-select: none !important;
          user-select: none !important;
}
.select-text {
  -webkit-user-select: text !important;
     -moz-user-select: text !important;
          user-select: text !important;
}
.select-all {
  -webkit-user-select: all !important;
     -moz-user-select: all !important;
          user-select: all !important;
}
.select-auto {
  -webkit-user-select: auto !important;
     -moz-user-select: auto !important;
          user-select: auto !important;
}
.opacity-0 {
  opacity: 0 !important;
}
.opacity-10 {
  opacity: .1 !important;
}
.opacity-20 {
  opacity: .2 !important;
}
.opacity-30 {
  opacity: .3 !important;
}
.opacity-40 {
  opacity: .4 !important;
}
.opacity-50 {
  opacity: .5 !important;
}
.opacity-60 {
  opacity: .6 !important;
}
.opacity-70 {
  opacity: .7 !important;
}
.opacity-80 {
  opacity: .8 !important;
}
.opacity-90 {
  opacity: .9 !important;
}
.opacity-100 {
  opacity: 1 !important;
}
.reset {
  all: unset;
}
.transition-none {
  transition-property: none !important;
}
.transition-all {
  transition-property: all !important;
}
.transition-colors {
  transition-property: background-color,border-color,color !important;
}
.transition-transform {
  transition-property: transform !important;
}
.transition-duration-100 {
  transition-duration: 100ms !important;
}
.transition-duration-150 {
  transition-duration: 150ms !important;
}
.transition-duration-200 {
  transition-duration: 200ms !important;
}
.transition-duration-300 {
  transition-duration: 300ms !important;
}
.transition-duration-400 {
  transition-duration: 400ms !important;
}
.transition-duration-500 {
  transition-duration: 500ms !important;
}
.transition-duration-1000 {
  transition-duration: 1000ms !important;
}
.transition-duration-2000 {
  transition-duration: 2000ms !important;
}
.transition-duration-3000 {
  transition-duration: 3000ms !important;
}
.transition-linear {
  transition-timing-function: linear !important;
}
.transition-ease-in {
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1) !important;
}
.transition-ease-out {
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1) !important;
}
.transition-ease-in-out {
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.transition-delay-100 {
  transition-delay: 100ms !important;
}
.transition-delay-150 {
  transition-delay: 150ms !important;
}
.transition-delay-200 {
  transition-delay: 200ms !important;
}
.transition-delay-300 {
  transition-delay: 300ms !important;
}
.transition-delay-400 {
  transition-delay: 400ms !important;
}
.transition-delay-500 {
  transition-delay: 500ms !important;
}
.transition-delay-1000 {
  transition-delay: 1000ms !important;
}
.translate-x-0 {
  transform: translateX(0%) !important;
}
.translate-x-100 {
  transform: translateX(100%) !important;
}
.-translate-x-100 {
  transform: translateX(-100%) !important;
}
.translate-y-0 {
  transform: translateY(0%) !important;
}
.translate-y-100 {
  transform: translateY(100%) !important;
}
.-translate-y-100 {
  transform: translateY(-100%) !important;
}
@media screen and (min-width: 576px) {
  .sm\:translate-x-0 {
    transform: translateX(0%) !important;
  }
  .sm\:translate-x-100 {
    transform: translateX(100%) !important;
  }
  .sm\:-translate-x-100 {
    transform: translateX(-100%) !important;
  }
  .sm\:translate-y-0 {
    transform: translateY(0%) !important;
  }
  .sm\:translate-y-100 {
    transform: translateY(100%) !important;
  }
  .sm\:-translate-y-100 {
    transform: translateY(-100%) !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:translate-x-0 {
    transform: translateX(0%) !important;
  }
  .md\:translate-x-100 {
    transform: translateX(100%) !important;
  }
  .md\:-translate-x-100 {
    transform: translateX(-100%) !important;
  }
  .md\:translate-y-0 {
    transform: translateY(0%) !important;
  }
  .md\:translate-y-100 {
    transform: translateY(100%) !important;
  }
  .md\:-translate-y-100 {
    transform: translateY(-100%) !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:translate-x-0 {
    transform: translateX(0%) !important;
  }
  .lg\:translate-x-100 {
    transform: translateX(100%) !important;
  }
  .lg\:-translate-x-100 {
    transform: translateX(-100%) !important;
  }
  .lg\:translate-y-0 {
    transform: translateY(0%) !important;
  }
  .lg\:translate-y-100 {
    transform: translateY(100%) !important;
  }
  .lg\:-translate-y-100 {
    transform: translateY(-100%) !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:translate-x-0 {
    transform: translateX(0%) !important;
  }
  .xl\:translate-x-100 {
    transform: translateX(100%) !important;
  }
  .xl\:-translate-x-100 {
    transform: translateX(-100%) !important;
  }
  .xl\:translate-y-0 {
    transform: translateY(0%) !important;
  }
  .xl\:translate-y-100 {
    transform: translateY(100%) !important;
  }
  .xl\:-translate-y-100 {
    transform: translateY(-100%) !important;
  }
}
.rotate-45 {
  transform: rotate(45deg) !important;
}
.-rotate-45 {
  transform: rotate(-45deg) !important;
}
.rotate-90 {
  transform: rotate(90deg) !important;
}
.-rotate-90 {
  transform: rotate(-90deg) !important;
}
.rotate-180 {
  transform: rotate(180deg) !important;
}
.-rotate-180 {
  transform: rotate(-180deg) !important;
}
@media screen and (min-width: 576px) {
  .sm\:rotate-45 {
    transform: rotate(45deg) !important;
  }
  .sm\:-rotate-45 {
    transform: rotate(-45deg) !important;
  }
  .sm\:rotate-90 {
    transform: rotate(90deg) !important;
  }
  .sm\:-rotate-90 {
    transform: rotate(-90deg) !important;
  }
  .sm\:rotate-180 {
    transform: rotate(180deg) !important;
  }
  .sm\:-rotate-180 {
    transform: rotate(-180deg) !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:rotate-45 {
    transform: rotate(45deg) !important;
  }
  .md\:-rotate-45 {
    transform: rotate(-45deg) !important;
  }
  .md\:rotate-90 {
    transform: rotate(90deg) !important;
  }
  .md\:-rotate-90 {
    transform: rotate(-90deg) !important;
  }
  .md\:rotate-180 {
    transform: rotate(180deg) !important;
  }
  .md\:-rotate-180 {
    transform: rotate(-180deg) !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:rotate-45 {
    transform: rotate(45deg) !important;
  }
  .lg\:-rotate-45 {
    transform: rotate(-45deg) !important;
  }
  .lg\:rotate-90 {
    transform: rotate(90deg) !important;
  }
  .lg\:-rotate-90 {
    transform: rotate(-90deg) !important;
  }
  .lg\:rotate-180 {
    transform: rotate(180deg) !important;
  }
  .lg\:-rotate-180 {
    transform: rotate(-180deg) !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:rotate-45 {
    transform: rotate(45deg) !important;
  }
  .xl\:-rotate-45 {
    transform: rotate(-45deg) !important;
  }
  .xl\:rotate-90 {
    transform: rotate(90deg) !important;
  }
  .xl\:-rotate-90 {
    transform: rotate(-90deg) !important;
  }
  .xl\:rotate-180 {
    transform: rotate(180deg) !important;
  }
  .xl\:-rotate-180 {
    transform: rotate(-180deg) !important;
  }
}
.origin-center {
  transform-origin: center !important;
}
.origin-top {
  transform-origin: top !important;
}
.origin-top-right {
  transform-origin: top right !important;
}
.origin-right {
  transform-origin: right !important;
}
.origin-bottom-right {
  transform-origin: bottom right !important;
}
.origin-bottom {
  transform-origin: bottom !important;
}
.origin-bottom-left {
  transform-origin: bottom left !important;
}
.origin-left {
  transform-origin: left !important;
}
.origin-top-left {
  transform-origin: top-left !important;
}
@media screen and (min-width: 576px) {
  .sm\:origin-center {
    transform-origin: center !important;
  }
  .sm\:origin-top {
    transform-origin: top !important;
  }
  .sm\:origin-top-right {
    transform-origin: top right !important;
  }
  .sm\:origin-right {
    transform-origin: right !important;
  }
  .sm\:origin-bottom-right {
    transform-origin: bottom right !important;
  }
  .sm\:origin-bottom {
    transform-origin: bottom !important;
  }
  .sm\:origin-bottom-left {
    transform-origin: bottom left !important;
  }
  .sm\:origin-left {
    transform-origin: left !important;
  }
  .sm\:origin-top-left {
    transform-origin: top-left !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:origin-center {
    transform-origin: center !important;
  }
  .md\:origin-top {
    transform-origin: top !important;
  }
  .md\:origin-top-right {
    transform-origin: top right !important;
  }
  .md\:origin-right {
    transform-origin: right !important;
  }
  .md\:origin-bottom-right {
    transform-origin: bottom right !important;
  }
  .md\:origin-bottom {
    transform-origin: bottom !important;
  }
  .md\:origin-bottom-left {
    transform-origin: bottom left !important;
  }
  .md\:origin-left {
    transform-origin: left !important;
  }
  .md\:origin-top-left {
    transform-origin: top-left !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:origin-center {
    transform-origin: center !important;
  }
  .lg\:origin-top {
    transform-origin: top !important;
  }
  .lg\:origin-top-right {
    transform-origin: top right !important;
  }
  .lg\:origin-right {
    transform-origin: right !important;
  }
  .lg\:origin-bottom-right {
    transform-origin: bottom right !important;
  }
  .lg\:origin-bottom {
    transform-origin: bottom !important;
  }
  .lg\:origin-bottom-left {
    transform-origin: bottom left !important;
  }
  .lg\:origin-left {
    transform-origin: left !important;
  }
  .lg\:origin-top-left {
    transform-origin: top-left !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:origin-center {
    transform-origin: center !important;
  }
  .xl\:origin-top {
    transform-origin: top !important;
  }
  .xl\:origin-top-right {
    transform-origin: top right !important;
  }
  .xl\:origin-right {
    transform-origin: right !important;
  }
  .xl\:origin-bottom-right {
    transform-origin: bottom right !important;
  }
  .xl\:origin-bottom {
    transform-origin: bottom !important;
  }
  .xl\:origin-bottom-left {
    transform-origin: bottom left !important;
  }
  .xl\:origin-left {
    transform-origin: left !important;
  }
  .xl\:origin-top-left {
    transform-origin: top-left !important;
  }
}
@keyframes fadein {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeout {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes scalein {
  0% {
    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);
  }
  100% {
    opacity: 1;
    transform: scaleY(1);
  }
}
@keyframes slidedown {
  0% {
    max-height: 0;
  }
  100% {
    max-height: auto;
  }
}
@keyframes slideup {
  0% {
    max-height: 1000px;
  }
  100% {
    max-height: 0;
  }
}
@keyframes fadeinleft {
  0% {
    opacity: 0;
    transform: translateX(-100%);
    transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
  }
  100% {
    opacity: 1;
    transform: translateX(0%);
  }
}
@keyframes fadeoutleft {
  0% {
    opacity: 1;
    transform: translateX(0%);
    transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
  }
  100% {
    opacity: 0;
    transform: translateX(-100%);
  }
}
@keyframes fadeinright {
  0% {
    opacity: 0;
    transform: translateX(100%);
    transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
  }
  100% {
    opacity: 1;
    transform: translateX(0%);
  }
}
@keyframes fadeoutright {
  0% {
    opacity: 1;
    transform: translateX(0%);
    transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
  }
  100% {
    opacity: 0;
    transform: translateX(100%);
  }
}
@keyframes fadeinup {
  0% {
    opacity: 0;
    transform: translateY(-100%);
    transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
  }
  100% {
    opacity: 1;
    transform: translateY(0%);
  }
}
@keyframes fadeoutup {
  0% {
    opacity: 1;
    transform: translateY(0%);
    transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
  }
  100% {
    opacity: 0;
    transform: translateY(-100%);
  }
}
@keyframes fadeindown {
  0% {
    opacity: 0;
    transform: translateY(100%);
    transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
  }
  100% {
    opacity: 1;
    transform: translateY(0%);
  }
}
@keyframes fadeoutdown {
  0% {
    opacity: 1;
    transform: translateY(0%);
    transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
  }
  100% {
    opacity: 0;
    transform: translateY(100%);
  }
}
@keyframes animate-width {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
@keyframes flip {
  from {
    transform: perspective(2000px) rotateX(-100deg);
  }
  to {
    transform: perspective(2000px) rotateX(0);
  }
}
@keyframes flipleft {
  from {
    transform: perspective(2000px) rotateY(-100deg);
    opacity: 0;
  }
  to {
    transform: perspective(2000px) rotateY(0);
    opacity: 1;
  }
}
@keyframes flipright {
  from {
    transform: perspective(2000px) rotateY(100deg);
    opacity: 0;
  }
  to {
    transform: perspective(2000px) rotateY(0);
    opacity: 1;
  }
}
@keyframes flipup {
  from {
    transform: perspective(2000px) rotateX(-100deg);
    opacity: 0;
  }
  to {
    transform: perspective(2000px) rotateX(0);
    opacity: 1;
  }
}
@keyframes zoomin {
  from {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
@keyframes zoomindown {
  from {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
  }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
  }
}
@keyframes zoominleft {
  from {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
  }
}
@keyframes zoominright {
  from {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
  }
}
@keyframes zoominup {
  from {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
  }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
  }
}
.fadein {
  animation: fadein 0.15s linear;
}
.fadeout {
  animation: fadeout 0.15s linear;
}
.slidedown {
  animation: slidedown 0.45s ease-in-out;
}
.slideup {
  animation: slideup 0.45s cubic-bezier(0, 1, 0, 1);
}
.scalein {
  animation: scalein 0.15s linear;
}
.fadeinleft {
  animation: fadeinleft 0.15s linear;
}
.fadeoutleft {
  animation: fadeoutleft 0.15s linear;
}
.fadeinright {
  animation: fadeinright 0.15s linear;
}
.fadeoutright {
  animation: fadeoutright 0.15s linear;
}
.fadeinup {
  animation: fadeinup 0.15s linear;
}
.fadeoutup {
  animation: fadeoutup 0.15s linear;
}
.fadeindown {
  animation: fadeindown 0.15s linear;
}
.fadeoutdown {
  animation: fadeoutdown 0.15s linear;
}
.animate-width {
  animation: animate-width 1000ms linear;
}
.flip {
  backface-visibility: visible;
  animation: flip 0.15s linear;
}
.flipup {
  backface-visibility: visible;
  animation: flipup 0.15s linear;
}
.flipleft {
  backface-visibility: visible;
  animation: flipleft 0.15s linear;
}
.flipright {
  backface-visibility: visible;
  animation: flipright 0.15s linear;
}
.zoomin {
  animation: zoomin 0.15s linear;
}
.zoomindown {
  animation: zoomindown 0.15s linear;
}
.zoominleft {
  animation: zoominleft 0.15s linear;
}
.zoominright {
  animation: zoominright 0.15s linear;
}
.zoominup {
  animation: zoominup 0.15s linear;
}
.animation-duration-100 {
  animation-duration: 100ms !important;
}
.animation-duration-150 {
  animation-duration: 150ms !important;
}
.animation-duration-200 {
  animation-duration: 200ms !important;
}
.animation-duration-300 {
  animation-duration: 300ms !important;
}
.animation-duration-400 {
  animation-duration: 400ms !important;
}
.animation-duration-500 {
  animation-duration: 500ms !important;
}
.animation-duration-1000 {
  animation-duration: 1000ms !important;
}
.animation-duration-2000 {
  animation-duration: 2000ms !important;
}
.animation-duration-3000 {
  animation-duration: 3000ms !important;
}
.animation-delay-100 {
  animation-delay: 100ms !important;
}
.animation-delay-150 {
  animation-delay: 150ms !important;
}
.animation-delay-200 {
  animation-delay: 200ms !important;
}
.animation-delay-300 {
  animation-delay: 300ms !important;
}
.animation-delay-400 {
  animation-delay: 400ms !important;
}
.animation-delay-500 {
  animation-delay: 500ms !important;
}
.animation-delay-1000 {
  animation-delay: 1000ms !important;
}
.animation-iteration-1 {
  animation-iteration-count: 1 !important;
}
.animation-iteration-2 {
  animation-iteration-count: 2 !important;
}
.animation-iteration-infinite {
  animation-iteration-count: infinite !important;
}
.animation-linear {
  animation-timing-function: linear !important;
}
.animation-ease-in {
  animation-timing-function: cubic-bezier(0.4, 0, 1, 1) !important;
}
.animation-ease-out {
  animation-timing-function: cubic-bezier(0, 0, 0.2, 1) !important;
}
.animation-ease-in-out {
  animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.animation-fill-none {
  animation-fill-mode: none !important;
}
.animation-fill-forwards {
  animation-fill-mode: forwards !important;
}
.animation-fill-backwards {
  animation-fill-mode: backwards !important;
}
.animation-fill-both {
  animation-fill-mode: both !important;
}
:root {
  --scope-color-center-tint: #f5f9ff;
  --scope-color-center-accent: #1a75a8;
  --scope-color-center-border: #dbeafe;
  --scope-color-center-coin-top: #4aa8e0;
  --scope-color-center-coin-bottom: #1a75a8;
  --scope-color-center-coin-foreground: #ffffff;
  --scope-color-center-coin-shadow: rgba(26, 117, 168, 0.35);
  --scope-color-center-hero-top: #4aa8e0;
  --scope-color-center-hero-bottom: #1a75a8;
  --scope-color-organization-tint: #ecfdf5;
  --scope-color-organization-accent: #047857;
  --scope-color-organization-border: #a7f3d0;
  --scope-color-organization-coin-top: #3db68c;
  --scope-color-organization-coin-bottom: #047857;
  --scope-color-organization-coin-foreground: #ffffff;
  --scope-color-organization-coin-shadow: rgba(4, 120, 87, 0.35);
  --scope-color-organization-hero-top: #3db68c;
  --scope-color-organization-hero-bottom: #047857;
  --scope-color-metasphere-tint: #f5f3ff;
  --scope-color-metasphere-accent: #5b21b6;
  --scope-color-metasphere-border: #ddd6fe;
  --scope-color-metasphere-coin-top: #8b5cf6;
  --scope-color-metasphere-coin-bottom: #5b21b6;
  --scope-color-metasphere-coin-foreground: #ffffff;
  --scope-color-metasphere-coin-shadow: rgba(91, 33, 182, 0.35);
  --scope-color-metasphere-hero-top: #8b5cf6;
  --scope-color-metasphere-hero-bottom: #5b21b6;
  --scope-color-all-tint: var(--component-background);
  --scope-color-all-accent: var(--primary-text-color);
  --scope-color-all-border: var(--primary-border);
  --scope-color-all-coin-top: #94a3b8;
  --scope-color-all-coin-bottom: #475569;
  --scope-color-all-coin-foreground: #ffffff;
  --scope-color-all-coin-shadow: rgba(71, 85, 105, 0.3);
  --scope-coin-default-shadow: rgba(6, 44, 88, 0.18);
  --scope-coin-inner-highlight: rgba(255, 255, 255, 0.3);
  --scope-coin-inner-depth: rgba(0, 0, 0, 0.12);
  --marketplace-page-bg: #eff3f8;
  --marketplace-control-border: #e5e7eb;
  --marketplace-primary-button-bg: #377fc4;
  --marketplace-primary-button-fg: #ffffff;
  --scope-color-hero-foreground: #ffffff;
  --scope-color-hero-shadow: rgba(6, 44, 88, 0.35);
  --scope-color-hero-nav-bg: rgba(255, 255, 255, 0.18);
  --scope-color-hero-nav-bg-hover: rgba(255, 255, 255, 0.32);
  --scope-color-hero-dot-idle: rgba(255, 255, 255, 0.4);
  --scope-color-hero-dot-active: rgba(255, 255, 255, 0.95);
  --scope-color-hero-cta-bg: rgba(255, 255, 255, 0.16);
  --scope-color-hero-cta-bg-hover: rgba(255, 255, 255, 0.26);
  --scope-color-hero-cta-border: rgba(255, 255, 255, 0.4);
  --scope-color-hero-depth-highlight: rgba(255, 255, 255, 0.18);
  --scope-color-hero-depth-shadow: rgba(0, 0, 0, 0.22);
  --scope-color-hero-ornament-ring-outer: rgba(255, 255, 255, 0.16);
  --scope-color-hero-ornament-ring-inner: rgba(255, 255, 255, 0.26);
  --scope-color-hero-required-bg: rgba(255, 255, 255, 0.18);
  --scope-color-hero-tile-bg: rgba(255, 255, 255, 0.14);
  --scope-color-hero-tile-border: rgba(255, 255, 255, 0.22);
  --scope-color-hero-star-idle: rgba(255, 255, 255, 0.55);
  --scope-color-hero-star-filled: #fbbf24;
  --scope-color-center-tile-bg: rgba(255, 188, 120, 0.32);
  --scope-color-organization-tile-bg: rgba(61, 182, 140, 0.3);
  --scope-color-metasphere-tile-bg: rgba(139, 92, 246, 0.3);
}
[data-theme=dark] {
  --status-tone-success-bg: rgba(16, 185, 129, 0.15);
  --status-tone-success-border: rgba(16, 185, 129, 0.3);
  --status-tone-success-fg: #6ee7b7;
  --status-tone-warn-bg: rgba(245, 158, 11, 0.15);
  --status-tone-warn-border: rgba(245, 158, 11, 0.3);
  --status-tone-warn-fg: #fcd34d;
  --status-tone-danger-bg: rgba(239, 68, 68, 0.15);
  --status-tone-danger-border: rgba(239, 68, 68, 0.3);
  --status-tone-danger-fg: #fca5a5;
  --status-tone-info-bg: rgba(55, 127, 196, 0.15);
  --status-tone-info-border: rgba(55, 127, 196, 0.3);
  --status-tone-info-fg: #93c5fd;
  --status-tone-neutral-bg: rgba(148, 163, 184, 0.15);
  --status-tone-neutral-border: rgba(148, 163, 184, 0.3);
  --status-tone-neutral-fg: #94a3b8;
  --marketplace-control-border-dark: #3a3a52;
  --marketplace-row-hover-bg-dark: #24243a;
  --marketplace-page-bg: var(--surface-ground);
  --marketplace-control-border: rgba(255, 255, 255, 0.12);
  --marketplace-badge-bg: rgba(255, 255, 255, 0.08);
  --marketplace-breadcrumb-color: var(--secondary-text-color);
  --marketplace-active-bg: var(--cta-secondary-color);
  --marketplace-active-fg: #ffffff;
  --marketplace-subtle-text-color: var(--secondary-text-color);
  --subtle-surface: rgba(255, 255, 255, 0.06);
  --scope-active-fill: var(--cta-secondary-color);
  --cta-secondary-contrast: #ffffff;
  --marketplace-title-color: var(--primary-text-color);
  --marketplace-chip-border: rgba(255, 255, 255, 0.12);
  --marketplace-chip-border-hover: rgba(255, 255, 255, 0.25);
  --marketplace-control-hover-border: var(--cta-secondary-color);
  --marketplace-row-hover-bg: rgba(255, 255, 255, 0.04);
  --marketplace-muted: rgba(255, 255, 255, 0.05);
  --marketplace-muted-fg: var(--secondary-text-color);
  --marketplace-owner-fg: var(--primary-text-color);
}
:root {
  /* Semantic status ramps — used by sparkline, pills, status chips */
  --success-50: #ecfdf5;
  --success-500: #10b981;
  --success-700: #047857;
  --warning-50: #fffbeb;
  --warning-500: #f59e0b;
  --warning-700: #b45309;
  --danger-50: #fef2f2;
  --danger-100: #fecaca;
  --danger-500: #ef4444;
  --danger-700: #b91c1c;
  --info-50: #f5f9ff;
  --info-500: #377fc4;
  --info-700: #1a75a8;
  --neutral-300: #cbd5e1;
  --neutral-400: #94a3b8;
  /* Text ramp */
  --text-color: #062c58;
  --text-color-muted: #4a6d98;
  --text-color-subtle: #6b7f99;
  /* Surface */
  --surface-ground: #eff3f8;
  --surface-raised: #ffffff;
  --surface-sunken: #f5f9ff;
  --surface-subtle: #fafbfc;
  /* Border */
  --border-color: #e5e7eb;
  --border-color-soft: #f1f5f9;
  --border-color-hover: #93c5fd;
  /* Radius */
  --radius-xs: 4px;
  --radius-sm: 6px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-xl: 14px;
  --radius-pill: 9999px;
  /* Shadows */
  --shadow-sm: 0 1px 2px rgba(74, 100, 126, 0.08), 0 1px 1px rgba(6, 44, 88, 0.04);
  --shadow-md: 0 4px 8px -2px rgba(6, 44, 88, 0.12), 0 2px 4px -1px rgba(6, 44, 88, 0.06);
  --shadow-primary-btn: 0 2px 6px -1px rgba(55, 127, 196, 0.4);
}
.p-calendar {
  border-radius: 20px;
  border: var(--primary-border);
  background: var(--Search-input-box);
  box-shadow: 2px 2px 7px 2px rgba(30, 84, 156, 0.18) inset, -3px -1px 10px 0px rgba(160, 183, 202, 0.15) inset;
  color: var(--primary-text-color);
}
.p-calendar::-moz-placeholder {
  color: var(--primary-text-color);
  opacity: 0.8; /* Ensures the placeholder is fully opaque */
}
.p-calendar::placeholder {
  color: var(--primary-text-color);
  opacity: 0.8; /* Ensures the placeholder is fully opaque */
}
.p-calendar-input {
  background-color: transparent;
  border: none;
  box-shadow: none;
}
.p-inputtext {
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  font-family: "Manrope";
  border: none;
  background: transparent;
  color: var(--primary-text-color);
}
.user-profile-icon {
  background-image: url('data:image/svg+xml;utf8,<svg width="26" height="26" viewBox="0 0 26 26" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="user-circle-single--circle-geometric-human-person-single-user"><g id="user-circle-single--circle-geometric-human-person-single-user_2"><path id="Vector" d="M13.0001 14.7599C15.4293 14.7599 17.3986 12.7906 17.3986 10.3614C17.3986 7.93217 15.4293 5.96289 13.0001 5.96289C10.5708 5.96289 8.60156 7.93217 8.60156 10.3614C8.60156 12.7906 10.5708 14.7599 13.0001 14.7599Z" stroke="%23377FC4" stroke-linecap="round" stroke-linejoin="round"/><path id="Vector_2" d="M5.48828 21.6216C6.2734 20.3328 7.37684 19.2677 8.69252 18.5287C10.0082 17.7896 11.4919 17.4014 13.0009 17.4014C14.51 17.4014 15.9936 17.7896 17.3093 18.5287C18.625 19.2677 19.7284 20.3328 20.5136 21.6216" stroke="%23377FC4" stroke-linecap="round" stroke-linejoin="round"/><path id="Vector_3" d="M13.0005 24.4366C19.3166 24.4366 24.4366 19.3166 24.4366 13.0005C24.4366 6.68457 19.3166 1.56445 13.0005 1.56445C6.68457 1.56445 1.56445 6.68457 1.56445 13.0005C1.56445 19.3166 6.68457 24.4366 13.0005 24.4366Z" stroke="%23377FC4" stroke-linecap="round" stroke-linejoin="round"/></g></g></svg>');
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  width: 24.632px;
  height: 24.632px;
}
.user-add-profile-icon {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D'29'%20height%3D'28'%20viewBox%3D'0%200%2029%2028'%20fill%3D'none'%20xmlns%3D'http%3A//www.w3.org/2000/svg'%3E%3Cg%20id%3D'add-circle--button-remove-cross-add-buttons-plus-circle-+-mathematics-math'%20clip-path%3D'url(%23clip0_1890_17928)'%3E%3Cg%20id%3D'add-circle--button-remove-cross-add-buttons-plus-circle-+-mathematics-math_2'%3E%3Cpath%20id%3D'Vector'%20d%3D'M14.5004%2026.7419C21.5377%2026.7419%2027.2424%2021.0372%2027.2424%2013.9999C27.2424%206.96263%2021.5377%201.25781%2014.5004%201.25781C7.46312%201.25781%201.7583%206.96263%201.7583%2013.9999C1.7583%2021.0372%207.46312%2026.7419%2014.5004%2026.7419Z'%20stroke%3D'%23377FC4'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'/%3E%3Cg%20id%3D'user-add-plus--actions-add-close-geometric-human-person-plus-single-up-user'%3E%3Cpath%20id%3D'Vector_2'%20d%3D'M13.6211%2011.8526C15.1758%2011.8526%2016.4361%2010.5923%2016.4361%209.03764C16.4361%207.48297%2015.1758%206.22266%2013.6211%206.22266C12.0665%206.22266%2010.8062%207.48297%2010.8062%209.03764C10.8062%2010.5923%2012.0665%2011.8526%2013.6211%2011.8526Z'%20stroke%3D'%23377FC4'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'/%3E%3Cpath%20id%3D'Vector_2_2'%20d%3D'M15.3102%2019.7342H8.5542V19.1238C8.56316%2018.2656%208.78951%2017.4236%209.21208%2016.6766C9.63467%2015.9295%2010.2397%2015.3018%2010.9707%2014.8519C11.7016%2014.4021%2012.5347%2014.1449%2013.392%2014.1043C14.2493%2014.0637%2015.103%2014.2411%2015.8732%2014.6199'%20stroke%3D'%23377FC4'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'/%3E%3Cpath%20id%3D'Vector_3'%20d%3D'M19.814%2014.1055V20.8614'%20stroke%3D'%23377FC4'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'/%3E%3Cpath%20id%3D'Vector_4'%20d%3D'M16.436%2017.4824H23.192'%20stroke%3D'%23377FC4'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3CclipPath%20id%3D'clip0_1890_17928'%3E%3Crect%20width%3D'27.4444'%20height%3D'27.4444'%20fill%3D'white'%20transform%3D'translate(0.777832%200.277344)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  width: 24.632px;
  height: 24.632px;
}
.metaspace-icon {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D'32'%20height%3D'29'%20viewBox%3D'0%200%2032%2029'%20fill%3D'none'%20xmlns%3D'http%3A//www.w3.org/2000/svg'%3E%3Cpath%20d%3D'M13.3843%2016.4424H7.67115C7.29995%2016.4424%206.99902%2016.7499%206.99902%2017.1292V22.9673C6.99902%2023.3466%207.29995%2023.6541%207.67115%2023.6541H13.3843C13.7555%2023.6541%2014.0564%2023.3466%2014.0564%2022.9673V17.1292C14.0564%2016.7499%2013.7555%2016.4424%2013.3843%2016.4424Z'%20stroke%3D'%23377FC4'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'/%3E%3Cpath%20d%3D'M24.3267%2016.4424H18.6135C18.2423%2016.4424%2017.9414%2016.7499%2017.9414%2017.1292V22.9673C17.9414%2023.3466%2018.2423%2023.6541%2018.6135%2023.6541H24.3267C24.6979%2023.6541%2024.9987%2023.3466%2024.9987%2022.9673V17.1292C24.9987%2016.7499%2024.6979%2016.4424%2024.3267%2016.4424Z'%20stroke%3D'%23377FC4'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'/%3E%3Cpath%20d%3D'M13.3843%205.5H7.67115C7.29995%205.5%206.99902%205.80751%206.99902%206.18683V12.0249C6.99902%2012.4043%207.29995%2012.7118%207.67115%2012.7118H13.3843C13.7555%2012.7118%2014.0564%2012.4043%2014.0564%2012.0249V6.18683C14.0564%205.80751%2013.7555%205.5%2013.3843%205.5Z'%20stroke%3D'%23377FC4'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'/%3E%3Cpath%20d%3D'M17.158%209.63819C16.7442%209.56462%2016.7442%208.95753%2017.158%208.88396C18.6573%208.61742%2019.8498%207.45045%2020.1753%205.93133L20.2002%205.81488C20.2897%205.39692%2020.8721%205.39431%2020.9652%205.81146L20.9954%205.94717C21.333%207.45913%2022.5258%208.61624%2024.021%208.88203C24.4369%208.95598%2024.4369%209.56617%2024.021%209.64012C22.5258%209.90593%2021.333%2011.063%2020.9954%2012.575L20.9652%2012.7107C20.8721%2013.1278%2020.2897%2013.1252%2020.2002%2012.7073L20.1753%2012.5908C19.8498%2011.0717%2018.6573%209.90475%2017.158%209.63819Z'%20stroke%3D'%23377FC4'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  width: 32px;
  height: 29px;
}
.perspective-icon {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2222%22%20height%3D%2222%22%20viewBox%3D%220%200%2022%2022%22%20fill%3D%22none%22%3E%3Cg%20clip-path%3D%22url(%23clip0_5341_109211)%22%3E%3Cpath%20d%3D%22M4.35352%2013.0213C5.35639%2011.6788%206.95802%2010.8097%208.76263%2010.8097C10.0473%2010.8097%2011.2291%2011.2502%2012.1652%2011.9883%22%20stroke%3D%22%2326A3E3%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3Cpath%20d%3D%22M7.97767%2016.7026H2.47767C2.06091%2016.7026%201.6612%2016.5369%201.36651%2016.2423C1.07181%2015.9476%200.90625%2015.5479%200.90625%2015.1311V2.55972C0.90625%202.14294%201.07181%201.74325%201.36651%201.44854C1.6612%201.15384%202.06091%200.988281%202.47767%200.988281H15.0491C15.4659%200.988281%2015.8655%201.15384%2016.1603%201.44854C16.455%201.74325%2016.6206%202.14294%2016.6206%202.55972V7.274%22%20stroke%3D%22%2326A3E3%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3Cpath%20d%3D%22M8.76339%208.45257C10.0652%208.45257%2011.1205%207.39723%2011.1205%206.09543C11.1205%204.79361%2010.0652%203.73829%208.76339%203.73829C7.46159%203.73829%206.40625%204.79361%206.40625%206.09543C6.40625%207.39723%207.46159%208.45257%208.76339%208.45257Z%22%20stroke%3D%22%2326A3E3%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3Cpath%20d%3D%22M11.5347%2016.5988C10.9832%2016.5028%2010.9832%2015.7111%2011.5347%2015.6152C13.5325%2015.2676%2015.1216%2013.7459%2015.5552%2011.765L15.5884%2011.6131C15.7077%2011.0681%2016.4838%2011.0647%2016.6078%2011.6087L16.6482%2011.7856C17.0979%2013.7572%2018.6873%2015.2661%2020.6797%2015.6127C21.2339%2015.7091%2021.2339%2016.5048%2020.6797%2016.6013C18.6873%2016.9478%2017.0979%2018.4567%2016.6482%2020.4284L16.6078%2020.6053C16.4838%2021.1492%2015.7077%2021.1459%2015.5884%2020.6007L15.5552%2020.4489C15.1216%2018.468%2013.5325%2016.9462%2011.5347%2016.5988Z%22%20stroke%3D%22%2326A3E3%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3C/g%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0_5341_109211%22%3E%3Crect%20width%3D%2222%22%20height%3D%2222%22%20fill%3D%22white%22/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  width: 22px;
  height: 22px;
}
.send-icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A//www.w3.org/2000/svg%22 width%3D%2221%22 height%3D%2222%22 viewBox%3D%220 0 21 22%22 fill%3D%22none%22%3E%3Cg clip-path%3D%22url(%23clip0_1890_18131)%22%3E%3Cpath d%3D%22M8.69332 16.8057L11.7438 19.9557C11.931 20.1546 12.165 20.2994 12.4227 20.3759C12.6804 20.4523 12.9529 20.4575 13.2131 20.3911C13.475 20.3279 13.7169 20.196 13.9153 20.0078C14.1139 19.8197 14.2624 19.5818 14.3466 19.317L19.3561 3.741C19.4608 3.44916 19.4823 3.13231 19.4183 2.82812C19.3543 2.52391 19.2075 2.24518 18.9954 2.02502C18.7832 1.80486 18.5144 1.65255 18.2212 1.58619C17.9279 1.51983 17.6225 1.5422 17.3412 1.65066L2.32639 6.84747C2.06227 6.94106 1.82703 7.10613 1.64498 7.3256C1.46294 7.54507 1.3407 7.81099 1.29089 8.09587C1.23947 8.35498 1.25092 8.62327 1.32419 8.87665C1.39747 9.13002 1.53028 9.36055 1.71068 9.5475L5.54484 13.525L5.4189 18.5621L8.69332 16.8057Z%22 stroke%3D%22%23377FC4%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22/%3E%3Cpath d%3D%22M18.9085 1.96973L5.54492 13.5247%22 stroke%3D%22%23377FC4%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id%3D%22clip0_1890_18131%22%3E%3Crect width%3D%2219.6086%22 height%3D%2220.3415%22 fill%3D%22white%22 transform%3D%22translate(0.552734 0.823242)%22/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  width: 24.632px;
  height: 24.632px;
}
.custom-button-shade {
  border-radius: 20px;
  border: var(--primary-border);
  background: var(--text-true-white, #fff);
  /* inside textarea */
  box-shadow: 1px 1px 5px 0px rgba(31, 59, 96, 0.2) inset, -1px -3px 4px 0px rgba(116, 139, 157, 0.35) inset;
}
.share-icon {
  background-image: url("data:image/svg+xml,%3Csvg width%3D%2227%22 height%3D%2228%22 viewBox%3D%220 0 27 28%22 fill%3D%22none%22 xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath d%3D%22M13.2827 26.9534C20.1824 26.9534 25.7755 21.1513 25.7755 13.9938C25.7755 6.8364 20.1824 1.03418 13.2827 1.03418C6.38322 1.03418 0.790039 6.8364 0.790039 13.9938C0.790039 21.1513 6.38322 26.9534 13.2827 26.9534Z%22 stroke%3D%22%23377FC4%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22/%3E%3Cg clip-path%3D%22url(%23clip0_1890_18142)%22%3E%3Cpath d%3D%22M8.13566 16.2819C9.35398 16.2819 10.3416 15.2573 10.3416 13.9935C10.3416 12.7296 9.35398 11.7051 8.13566 11.7051C6.91733 11.7051 5.92969 12.7296 5.92969 13.9935C5.92969 15.2573 6.91733 16.2819 8.13566 16.2819Z%22 stroke%3D%22%23377FC4%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22/%3E%3Cpath d%3D%22M16.4692 20.6051C17.6874 20.6051 18.6751 19.5805 18.6751 18.3167C18.6751 17.0529 17.6874 16.0283 16.4692 16.0283C15.2509 16.0283 14.2632 17.0529 14.2632 18.3167C14.2632 19.5805 15.2509 20.6051 16.4692 20.6051Z%22 stroke%3D%22%23377FC4%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22/%3E%3Cpath d%3D%22M16.4692 11.9596C17.6874 11.9596 18.6751 10.9351 18.6751 9.67123C18.6751 8.40737 17.6874 7.38281 16.4692 7.38281C15.2509 7.38281 14.2632 8.40737 14.2632 9.67123C14.2632 10.9351 15.2509 11.9596 16.4692 11.9596Z%22 stroke%3D%22%23377FC4%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22/%3E%3Cpath d%3D%22M10.106 12.9769L14.4983 10.6885%22 stroke%3D%22%23377FC4%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22/%3E%3Cpath d%3D%22M10.106 15.0107L14.4983 17.2992%22 stroke%3D%22%23377FC4%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id%3D%22clip0_1890_18142%22%3E%3Crect width%3D%2213.726%22 height%3D%2214.239%22 fill%3D%22white%22 transform%3D%22translate(5.43945 6.87402)%22/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  width: 24.632px;
  height: 24.632px;
}
.perspectives-icon {
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="30" viewBox="0 0 32 30" fill="none"><path d="M11 19.6137C12.1852 18.0271 14.078 17 16.2108 17C17.729 17 19.1257 17.5205 20.232 18.3929" stroke="url(%23paint0_linear_2147_157759)" stroke-linecap="round" stroke-linejoin="round"/><path d="M17.4297 23.5714H8.85713C8.3646 23.5714 7.89222 23.3757 7.54394 23.0275C7.19566 22.6792 7 22.2068 7 21.7143V6.85715C7 6.3646 7.19566 5.89223 7.54394 5.54394C7.89222 5.19566 8.3646 5 8.85713 5H23.7143C24.2068 5 24.6792 5.19566 25.0276 5.54394C25.3758 5.89223 25.5715 6.3646 25.5715 6.85715V14.832" stroke="url(%23paint1_linear_2147_157759)" stroke-linecap="round" stroke-linejoin="round"/><path d="M15.7857 13.5714C17.3242 13.5714 18.5714 12.3242 18.5714 10.7857C18.5714 9.2472 17.3242 8 15.7857 8C14.2472 8 13 9.2472 13 10.7857C13 12.3242 14.2472 13.5714 15.7857 13.5714Z" stroke="url(%23paint2_linear_2147_157759)" stroke-linecap="round" stroke-linejoin="round"/><path d="M19.4147 22.5014C18.8618 22.4035 18.8618 21.5965 19.4147 21.4987C21.4177 21.1443 23.0108 19.5929 23.4455 17.5734L23.4788 17.4186C23.5985 16.863 24.3766 16.8595 24.5009 17.4141L24.5414 17.5945C24.9923 19.6045 26.5857 21.1427 28.5832 21.4961C29.1389 21.5944 29.1389 22.4056 28.5832 22.504C26.5857 22.8572 24.9923 24.3955 24.5414 26.4056L24.5009 26.586C24.3766 27.1405 23.5985 27.1371 23.4788 26.5813L23.4455 26.4266C23.0108 24.407 21.4177 22.8556 19.4147 22.5014Z" stroke="url(%23paint3_linear_2147_157759)" stroke-linecap="round" stroke-linejoin="round"/><defs><linearGradient id="paint0_linear_2147_157759" x1="15.616" y1="17" x2="15.616" y2="19.6137" gradientUnits="userSpaceOnUse"><stop stop-color="%23416F9A"/><stop offset="0.5" stop-color="%23294B6B"/><stop offset="1" stop-color="%23213D57"/></linearGradient><linearGradient id="paint1_linear_2147_157759" x1="16.2858" y1="5" x2="16.2858" y2="23.5714" gradientUnits="userSpaceOnUse"><stop stop-color="%23416F9A"/><stop offset="0.5" stop-color="%23294B6B"/><stop offset="1" stop-color="%23213D57"/></linearGradient><linearGradient id="paint2_linear_2147_157759" x1="15.7857" y1="8" x2="15.7857" y2="13.5714" gradientUnits="userSpaceOnUse"><stop stop-color="%23416F9A"/><stop offset="0.5" stop-color="%23294B6B"/><stop offset="1" stop-color="%23213D57"/></linearGradient><linearGradient id="paint3_linear_2147_157759" x1="24" y1="17" x2="24" y2="27" gradientUnits="userSpaceOnUse"><stop stop-color="%23416F9A"/><stop offset="0.5" stop-color="%23294B6B"/><stop offset="1" stop-color="%23213D57"/></linearGradient></defs></svg>');
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  width: 32px;
  height: 29px;
  flex-shrink: 0;
}
.edit-icon {
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none"><path d="M9 23.5L12.5 23L23 12.5L19.5 9L9 19.5V23.5Z" stroke="%2326a3e3" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M21 8L24 11" stroke="%2326a3e3" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M7 26H25" stroke="%2326a3e3" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  width: 29px;
  height: 29px;
  flex-shrink: 0;
}
.subject-icon {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2221%22 height=%2220%22 viewBox=%220 0 21 20%22 fill=%22none%22%3E%3Cg clip-path=%22url(%23clip0_2197_28811)%22%3E%3Cpath d=%22M11.8 19.4714C11.469 19.5991 11.1024 19.5991 10.7714 19.4714C8.1867 18.458 5.96733 16.6891 4.40269 14.3957C2.83806 12.1023 2.00077 9.3906 2 6.61429V2.42857C2 2.04969 2.15051 1.68633 2.41842 1.41842C2.68633 1.15051 3.04969 1 3.42857 1H19.1429C19.5217 1 19.8851 1.15051 20.153 1.41842C20.4209 1.68633 20.5714 2.04969 20.5714 2.42857V6.6C20.5736 9.37876 19.7376 12.0936 18.1727 14.3898C16.608 16.6861 14.387 18.457 11.8 19.4714Z%22 stroke=%22url(%23paint0_linear_2197_28811)%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E%3Cpath d=%22M5 15.1863C6.2803 13.2655 8.46629 12 10.9479 12C13.4294 12 15.6154 13.2655 16.8956 15.1863%22 stroke=%22url(%23paint1_linear_2197_28811)%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E%3Cpath d=%22M11.2143 10.4286C12.9895 10.4286 14.4286 8.98949 14.4286 7.21429C14.4286 5.43909 12.9895 4 11.2143 4C9.43909 4 8 5.43909 8 7.21429C8 8.98949 9.43909 10.4286 11.2143 10.4286Z%22 stroke=%22url(%23paint2_linear_2197_28811)%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E%3C/g%3E%3Cdefs%3E%3ClinearGradient id=%22paint0_linear_2197_28811%22 x1=%2211.2857%22 y1=%221%22 x2=%2211.2857%22 y2=%2219.5672%22 gradientUnits=%22userSpaceOnUse%22%3E%3Cstop stop-color=%22%23416F9A%22/%3E%3Cstop offset=%220.5%22 stop-color=%22%23294B6B%22/%3E%3Cstop offset=%221%22 stop-color=%22%23213D57%22/%3E%3C/linearGradient%3E%3ClinearGradient id=%22paint1_linear_2197_28811%22 x1=%2210.9478%22 y1=%2212%22 x2=%2210.9478%22 y2=%2215.1863%22 gradientUnits=%22userSpaceOnUse%22%3E%3Cstop stop-color=%22%23416F9A%22/%3E%3Cstop offset=%220.5%22 stop-color=%22%23294B6B%22/%3E%3Cstop offset=%221%22 stop-color=%22%23213D57%22/%3E%3C/linearGradient%3E%3ClinearGradient id=%22paint2_linear_2197_28811%22 x1=%2211.2143%22 y1=%224%22 x2=%2211.2143%22 y2=%2210.4286%22 gradientUnits=%22userSpaceOnUse%22%3E%3Cstop stop-color=%22%23416F9A%22/%3E%3Cstop offset=%220.5%22 stop-color=%22%23294B6B%22/%3E%3Cstop offset=%221%22 stop-color=%22%23213D57%22/%3E%3C/linearGradient%3E%3CclipPath id=%22clip0_2197_28811%22%3E%3Crect width=%2221%22 height=%2220%22 fill=%22white%22/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  width: 21px;
  height: 26px;
}
.user-profile-role-icon {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2222%22%20height%3D%2222%22%20viewBox%3D%220%200%2022%2022%22%20fill%3D%22none%22%3E%3Cg%20clip-path%3D%22url%28%23clip0_2214_132804%29%22%3E%3Cpath%20d%3D%22M10.9286%2012.8571C13.0983%2012.8571%2014.8571%2011.0983%2014.8571%208.92857C14.8571%206.75888%2013.0983%205%2010.9286%205C8.75888%205%207%206.75888%207%208.92857C7%2011.0983%208.75888%2012.8571%2010.9286%2012.8571Z%22%20stroke%3D%22url%28%23paint0_linear_2214_132804%29%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M5%2018.7693C5.70123%2017.6183%206.68679%2016.6669%207.8619%2016.0069C9.03702%2015.3467%2010.3622%2015%2011.71%2015C13.0578%2015%2014.383%2015.3467%2015.5581%2016.0069C16.7333%2016.6669%2017.7187%2017.6183%2018.42%2018.7693%22%20stroke%3D%22url%28%23paint1_linear_2214_132804%29%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M11.2143%2021.4286C16.8556%2021.4286%2021.4286%2016.8556%2021.4286%2011.2143C21.4286%205.57309%2016.8556%201%2011.2143%201C5.57309%201%201%205.57309%201%2011.2143C1%2016.8556%205.57309%2021.4286%2011.2143%2021.4286Z%22%20stroke%3D%22url%28%23paint2_linear_2214_132804%29%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22paint0_linear_2214_132804%22%20x1%3D%2210.9286%22%20y1%3D%225%22%20x2%3D%2210.9286%22%20y2%3D%2212.8571%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23416F9A%22%2F%3E%3Cstop%20offset%3D%220.5%22%20stop-color%3D%22%23294B6B%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23213D57%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22paint1_linear_2214_132804%22%20x1%3D%2211.71%22%20y1%3D%2215%22%20x2%3D%2211.71%22%20y2%3D%2218.7693%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23416F9A%22%2F%3E%3Cstop%20offset%3D%220.5%22%20stop-color%3D%22%23294B6B%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23213D57%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22paint2_linear_2214_132804%22%20x1%3D%2211.2143%22%20y1%3D%221%22%20x2%3D%2211.2143%22%20y2%3D%2221.4286%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23416F9A%22%2F%3E%3Cstop%20offset%3D%220.5%22%20stop-color%3D%22%23294B6B%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23213D57%22%2F%3E%3C%2FlinearGradient%3E%3CclipPath%20id%3D%22clip0_2214_132804%22%3E%3Crect%20width%3D%2222%22%20height%3D%2222%22%20fill%3D%22white%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  width: 22px;
  height: 22px;
}
.Armillary-icon {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2249%22%20height%3D%2249%22%20viewBox%3D%220%200%2049%2049%22%20fill%3D%22none%22%3E%3Cg%20filter%3D%22url(%23filter0_dd_769_101985)%22%3E%3Crect%20x%3D%223.44897%22%20y%3D%222.5%22%20width%3D%2240%22%20height%3D%2240%22%20rx%3D%2220%22%20fill%3D%22white%22%20shape-rendering%3D%22crispEdges%22/%3E%3Crect%20x%3D%224.44897%22%20y%3D%223.5%22%20width%3D%2238%22%20height%3D%2238%22%20rx%3D%2219%22%20stroke%3D%22white%22%20stroke-width%3D%222%22%20shape-rendering%3D%22crispEdges%22/%3E%3Cg%20filter%3D%22url(%23filter1_ii_769_101985)%22%3E%3Crect%20x%3D%223.44897%22%20y%3D%222.5%22%20width%3D%2240%22%20height%3D%2240%22%20rx%3D%2220%22%20fill%3D%22white%22/%3E%3C/g%3E%3Crect%20x%3D%224.44897%22%20y%3D%223.5%22%20width%3D%2238%22%20height%3D%2238%22%20rx%3D%2219%22%20stroke%3D%22white%22%20stroke-width%3D%222%22/%3E%3Cpath%20d%3D%22M23.2472%2032.5565C28.8901%2032.5565%2033.4644%2028.0921%2033.4644%2022.5849C33.4644%2017.0777%2028.8901%2012.6133%2023.2472%2012.6133C17.6044%2012.6133%2013.03%2017.0777%2013.03%2022.5849C13.03%2028.0921%2017.6044%2032.5565%2023.2472%2032.5565Z%22%20stroke%3D%22%23377FC4%22%20stroke-width%3D%221.2%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3Cpath%20d%3D%22M17.1066%2018.082C18.9628%2018.082%2020.4884%2016.6104%2020.4884%2014.7695C20.4884%2012.9287%2018.9628%2011.457%2017.1066%2011.457C15.2505%2011.457%2013.7249%2012.9287%2013.7249%2014.7695C13.7249%2016.6104%2015.2505%2018.082%2017.1066%2018.082Z%22%20fill%3D%22%23377FC4%22%20stroke%3D%22white%22/%3E%3Cpath%20d%3D%22M23.3503%2027.4609C26.2675%2027.4609%2028.6533%2025.1498%2028.6533%2022.2734C28.6533%2019.3971%2026.2675%2017.0859%2023.3503%2017.0859C20.4331%2017.0859%2018.0474%2019.3971%2018.0474%2022.2734C18.0474%2025.1498%2020.4331%2027.4609%2023.3503%2027.4609Z%22%20fill%3D%22%23377FC4%22%20stroke%3D%22white%22/%3E%3C/g%3E%3Cdefs%3E%3Cfilter%20id%3D%22filter0_dd_769_101985%22%20x%3D%220.448975%22%20y%3D%220.5%22%20width%3D%2248%22%20height%3D%2248%22%20filterUnits%3D%22userSpaceOnUse%22%20color-interpolation-filters%3D%22sRGB%22%3E%3CfeFlood%20flood-opacity%3D%220%22%20result%3D%22BackgroundImageFix%22/%3E%3CfeColorMatrix%20in%3D%22SourceAlpha%22%20type%3D%22matrix%22%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200%22%20result%3D%22hardAlpha%22/%3E%3CfeMorphology%20radius%3D%221%22%20operator%3D%22erode%22%20in%3D%22SourceAlpha%22%20result%3D%22effect1_dropShadow_769_101985%22/%3E%3CfeOffset%20dx%3D%221%22%20dy%3D%222%22/%3E%3CfeGaussianBlur%20stdDeviation%3D%222.5%22/%3E%3CfeComposite%20in2%3D%22hardAlpha%22%20operator%3D%22out%22/%3E%3CfeColorMatrix%20type%3D%22matrix%22%20values%3D%220%200%200%200%200.290196%200%200%200%200%200.392157%200%200%200%200%200.494118%200%200%200%200.3%200%22/%3E%3CfeBlend%20mode%3D%22normal%22%20in2%3D%22BackgroundImageFix%22%20result%3D%22effect1_dropShadow_769_101985%22/%3E%3CfeColorMatrix%20in%3D%22SourceAlpha%22%20type%3D%22matrix%22%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200%22%20result%3D%22hardAlpha%22/%3E%3CfeOffset%20dy%3D%221%22/%3E%3CfeGaussianBlur%20stdDeviation%3D%220.5%22/%3E%3CfeComposite%20in2%3D%22hardAlpha%22%20operator%3D%22out%22/%3E%3CfeColorMatrix%20type%3D%22matrix%22%20values%3D%220%200%200%200%200.0235294%200%200%200%200%200.172549%200%200%200%200%200.345098%200%200%200%200.1%200%22/%3E%3CfeBlend%20mode%3D%22normal%22%20in2%3D%22effect1_dropShadow_769_101985%22%20result%3D%22effect2_dropShadow_769_101985%22/%3E%3CfeBlend%20mode%3D%22normal%22%20in%3D%22SourceGraphic%22%20in2%3D%22effect2_dropShadow_769_101985%22%20result%3D%22shape%22/%3E%3C/filter%3E%3Cfilter%20id%3D%22filter1_ii_769_101985%22%20x%3D%222.44897%22%20y%3D%22-0.5%22%20width%3D%2242%22%20height%3D%2244%22%20filterUnits%3D%22userSpaceOnUse%22%20color-interpolation-filters%3D%22sRGB%22%3E%3CfeFlood%20flood-opacity%3D%220%22%20result%3D%22BackgroundImageFix%22/%3E%3CfeBlend%20mode%3D%22normal%22%20in%3D%22SourceGraphic%22%20in2%3D%22BackgroundImageFix%22%20result%3D%22shape%22/%3E%3CfeColorMatrix%20in%3D%22SourceAlpha%22%20type%3D%22matrix%22%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200%22%20result%3D%22hardAlpha%22/%3E%3CfeOffset%20dx%3D%22-1%22%20dy%3D%22-3%22/%3E%3CfeGaussianBlur%20stdDeviation%3D%222%22/%3E%3CfeComposite%20in2%3D%22hardAlpha%22%20operator%3D%22arithmetic%22%20k2%3D%22-1%22%20k3%3D%221%22/%3E%3CfeColorMatrix%20type%3D%22matrix%22%20values%3D%220%200%200%200%200.454545%200%200%200%200%200.544866%200%200%200%200%200.617122%200%200%200%200.35%200%22/%3E%3CfeBlend%20mode%3D%22normal%22%20in2%3D%22shape%22%20result%3D%22effect1_innerShadow_769_101985%22/%3E%3CfeColorMatrix%20in%3D%22SourceAlpha%22%20type%3D%22matrix%22%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200%22%20result%3D%22hardAlpha%22/%3E%3CfeOffset%20dx%3D%221%22%20dy%3D%221%22/%3E%3CfeGaussianBlur%20stdDeviation%3D%222.5%22/%3E%3CfeComposite%20in2%3D%22hardAlpha%22%20operator%3D%22arithmetic%22%20k2%3D%22-1%22%20k3%3D%221%22/%3E%3CfeColorMatrix%20type%3D%22matrix%22%20values%3D%220%200%200%200%200.121569%200%200%200%200%200.231373%200%200%200%200%200.376471%200%200%200%200.2%200%22/%3E%3CfeBlend%20mode%3D%22normal%22%20in2%3D%22effect1_innerShadow_769_101985%22%20result%3D%22effect2_innerShadow_769_101985%22/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E");
  background-size: 37px 37px;
  background-repeat: no-repeat;
  display: inline-block;
  width: 40px;
  height: 40px;
}
.Armillary-icon-filled {
  width: 40px;
  height: 40px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A//www.w3.org/2000/svg%22 width%3D%2241%22 height%3D%2241%22 viewBox%3D%220%200%2041%2041%22 fill%3D%22none%22%3E%3Crect x%3D%221.44897%22 y%3D%221.5%22 width%3D%2238%22 height%3D%2238%22 rx%3D%2219%22 fill%3D%22white%22/%3E%3Crect x%3D%221.44897%22 y%3D%221.5%22 width%3D%2238%22 height%3D%2238%22 rx%3D%2219%22 stroke%3D%22white%22 stroke-width%3D%222%22/%3E%3Cg filter%3D%22url(%23filter0_ii_1222_100567)%22%3E%3Crect x%3D%220.448975%22 y%3D%220.5%22 width%3D%2240%22 height%3D%2240%22 rx%3D%2220%22 fill%3D%22url(%23paint0_linear_1222_100567)%22/%3E%3C/g%3E%3Crect x%3D%221.44897%22 y%3D%221.5%22 width%3D%2238%22 height%3D%2238%22 rx%3D%2219%22 stroke%3D%22white%22 stroke-width%3D%222%22/%3E%3Cpath d%3D%22M20.6662%2031.0994C26.3091%2031.0994%2030.8834%2026.6351%2030.8834%2021.1278C30.8834%2015.6207%2026.3091%2011.1562%2020.6662%2011.1562C15.0234%2011.1562%2010.449%2015.6207%2010.449%2021.1278C10.449%2026.6351%2015.0234%2031.0994%2020.6662%2031.0994Z%22 stroke%3D%22white%22 stroke-width%3D%221.2%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22/%3E%3Cellipse cx%3D%2214.5256%22 cy%3D%2213.3125%22 rx%3D%222.88177%22 ry%3D%222.8125%22 fill%3D%22white%22/%3E%3Cellipse cx%3D%2220.7693%22 cy%3D%2220.8164%22 rx%3D%224.80296%22 ry%3D%224.6875%22 fill%3D%22white%22/%3E%3Cdefs%3E%3Cfilter id%3D%22filter0_ii_1222_100567%22 x%3D%22-0.551025%22 y%3D%22-2.5%22 width%3D%2242%22 height%3D%2244%22 filterUnits%3D%22userSpaceOnUse%22 color-interpolation-filters%3D%22sRGB%22%3E%3CfeFlood flood-opacity%3D%220%22 result%3D%22BackgroundImageFix%22/%3E%3CfeBlend mode%3D%22normal%22 in%3D%22SourceGraphic%22 in2%3D%22BackgroundImageFix%22 result%3D%22shape%22/%3E%3CfeColorMatrix in%3D%22SourceAlpha%22 type%3D%22matrix%22 values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200%22 result%3D%22hardAlpha%22/%3E%3CfeOffset dx%3D%22-1%22 dy%3D%22-3%22/%3E%3CfeGaussianBlur stdDeviation%3D%222%22/%3E%3CfeComposite in2%3D%22hardAlpha%22 operator%3D%22arithmetic%22 k2%3D%22-1%22 k3%3D%221%22/%3E%3CfeColorMatrix type%3D%22matrix%22 values%3D%220%200%200%200%200.454545%200%200%200%200%200.544866%200%200%200%200%200.617122%200%200%200%200.35%200%22/%3E%3CfeBlend mode%3D%22normal%22 in2%3D%22shape%22 result%3D%22effect1_innerShadow_1222_100567%22/%3E%3CfeColorMatrix in%3D%22SourceAlpha%22 type%3D%22matrix%22 values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200%22 result%3D%22hardAlpha%22/%3E%3CfeOffset dx%3D%221%22 dy%3D%221%22/%3E%3CfeGaussianBlur stdDeviation%3D%222.5%22/%3E%3CfeComposite in2%3D%22hardAlpha%22 operator%3D%22arithmetic%22 k2%3D%22-1%22 k3%3D%221%22/%3E%3CfeColorMatrix type%3D%22matrix%22 values%3D%220%200%200%200%200.121569%200%200%200%200%200.231373%200%200%200%200%200.376471%200%200%200%200.2%200%22/%3E%3CfeBlend mode%3D%22normal%22 in2%3D%22effect1_innerShadow_1222_100567%22 result%3D%22effect2_innerShadow_1222_100567%22/%3E%3C/filter%3E%3ClinearGradient id%3D%22paint0_linear_1222_100567%22 x1%3D%2223.449%22 y1%3D%2236.5%22 x2%3D%2221.949%22 y2%3D%225.5%22 gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop stop-color%3D%22%2336B6F9%22/%3E%3Cstop offset%3D%221%22 stop-color%3D%22%23377FC4%22/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
}
.Atlas-icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2241%22 height%3D%2241%22 viewBox%3D%220%200%2041%2041%22 fill%3D%22none%22%3E%3Crect x%3D%221.44897%22 y%3D%221.5%22 width%3D%2238%22 height%3D%2238%22 rx%3D%2219%22 fill%3D%22white%22%2F%3E%3Crect x%3D%221.44897%22 y%3D%221.5%22 width%3D%2238%22 height%3D%2238%22 rx%3D%2219%22 stroke%3D%22%23E0E0E0%22 stroke-width%3D%222%22%2F%3E%3Cpath d%3D%22M9.75751 20.8408L14.1325 16.4658V25.2158L9.75751 20.8408Z%22 stroke%3D%22%23377FC4%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Cpath d%3D%22M32.0399 20.8408L27.6649 16.4658V25.2158L32.0399 20.8408Z%22 stroke%3D%22%23377FC4%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Cpath d%3D%22M17.5772 18.3496H24.2202%22 stroke%3D%22%23377FC4%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Cpath d%3D%22M17.5772 23.332H24.2202%22 stroke%3D%22%23377FC4%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Cpath d%3D%22M20.8989 31.9814L16.5239 27.6064H25.2739L20.8989 31.9814Z%22 stroke%3D%22%23377FC4%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Cpath d%3D%22M20.8987 9.69922L16.5237 14.0742H25.2736L20.8987 9.69922Z%22 stroke%3D%22%23377FC4%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  width: 40px;
  height: 40px;
}
@media (max-width: 500px) {
  .Atlas-icon {
    margin-top: 0.7rem;
  }
}
.Atlas-icon-filled {
  width: 40px;
  height: 40px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2241%22 height%3D%2241%22 viewBox%3D%220%200%2041%2041%22 fill%3D%22none%22%3E%3Crect x%3D%221.44897%22 y%3D%221.5%22 width%3D%2238%22 height%3D%2238%22 rx%3D%2219%22 fill%3D%22white%22%2F%3E%3Crect x%3D%221.44897%22 y%3D%221.5%22 width%3D%2238%22 height%3D%2238%22 rx%3D%2219%22 stroke%3D%22white%22 stroke-width%3D%222%22%2F%3E%3Cg filter%3D%22url(%23filter0_ii_2573_6625)%22%3E%3Crect x%3D%220.448975%22 y%3D%220.5%22 width%3D%2240%22 height%3D%2240%22 rx%3D%2220%22 fill%3D%22url(%23paint0_linear_2573_6625)%22%2F%3E%3C%2Fg%3E%3Crect x%3D%221.44897%22 y%3D%221.5%22 width%3D%2238%22 height%3D%2238%22 rx%3D%2219%22 stroke%3D%22white%22 stroke-width%3D%222%22%2F%3E%3Cpath d%3D%22M9.75751%2020.8408L14.1325%2016.4658V25.2158L9.75751%2020.8408Z%22 stroke%3D%22white%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Cpath d%3D%22M32.0399%2020.8408L27.6649%2016.4658V25.2158L32.0399%2020.8408Z%22 stroke%3D%22white%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Cpath d%3D%22M17.5772%2018.3496H24.2202%22 stroke%3D%22white%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Cpath d%3D%22M17.5772%2023.332H24.2202%22 stroke%3D%22white%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Cpath d%3D%22M20.8989%2031.9814L16.5239%2027.6064H25.2739L20.8989%2031.9814Z%22 stroke%3D%22white%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Cpath d%3D%22M20.8987%209.69922L16.5237%2014.0742H25.2736L20.8987%209.69922Z%22 stroke%3D%22white%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Cdefs%3E%3Cfilter id%3D%22filter0_ii_2573_6625%22 x%3D%22-0.551025%22 y%3D%22-2.5%22 width%3D%2242%22 height%3D%2244%22 filterUnits%3D%22userSpaceOnUse%22 color-interpolation-filters%3D%22sRGB%22%3E%3CfeFlood flood-opacity%3D%220%22 result%3D%22BackgroundImageFix%22%2F%3E%3CfeBlend mode%3D%22normal%22 in%3D%22SourceGraphic%22 in2%3D%22BackgroundImageFix%22 result%3D%22shape%22%2F%3E%3CfeColorMatrix in%3D%22SourceAlpha%22 type%3D%22matrix%22 values%3D%220 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0%22 result%3D%22hardAlpha%22%2F%3E%3CfeOffset dx%3D%22-1%22 dy%3D%22-3%22%2F%3E%3CfeGaussianBlur stdDeviation%3D%222%22%2F%3E%3CfeComposite in2%3D%22hardAlpha%22 operator%3D%22arithmetic%22 k2%3D%22-1%22 k3%3D%221%22%2F%3E%3CfeColorMatrix type%3D%22matrix%22 values%3D%220 0 0 0 0.454545 0 0 0 0 0.544866 0 0 0 0 0.617122 0 0 0 0.35 0%22%2F%3E%3CfeBlend mode%3D%22normal%22 in2%3D%22shape%22 result%3D%22effect1_innerShadow_2573_6625%22%2F%3E%3CfeColorMatrix in%3D%22SourceAlpha%22 type%3D%22matrix%22 values%3D%220 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0%22 result%3D%22hardAlpha%22%2F%3E%3CfeOffset dx%3D%221%22 dy%3D%221%22%2F%3E%3CfeGaussianBlur stdDeviation%3D%222.5%22%2F%3E%3CfeComposite in2%3D%22hardAlpha%22 operator%3D%22arithmetic%22 k2%3D%22-1%22 k3%3D%221%22%2F%3E%3CfeColorMatrix type%3D%22matrix%22 values%3D%220 0 0 0 0.121569 0 0 0 0 0.231373 0 0 0 0 0.376471 0 0 0 0.2 0%22%2F%3E%3CfeBlend mode%3D%22normal%22 in2%3D%22effect1_innerShadow_2573_6625%22 result%3D%22effect2_innerShadow_2573_6625%22%2F%3E%3C%2Ffilter%3E%3ClinearGradient id%3D%22paint0_linear_2573_6625%22 x1%3D%2223.449%22 y1%3D%2236.5%22 x2%3D%2221.949%22 y2%3D%225.5%22 gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop stop-color%3D%22%2336B6F9%22%2F%3E%3Cstop offset%3D%221%22 stop-color%3D%22%23377FC4%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3C%2Fsvg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
}
@media (max-width: 500px) {
  .Atlas-icon-filled {
    margin-top: 0.7rem;
  }
}
.Calendar-icon {
  background-image: url('data:image/svg+xml,<svg width="49" height="49" viewBox="0 0 49 49" fill="none" xmlns="http://www.w3.org/2000/svg"><g filter="url(%23filter0_dd_795_105433)"><rect x="3.44897" y="2.5" width="40" height="40" rx="20" fill="white" shape-rendering="crispEdges"/><rect x="4.44897" y="3.5" width="38" height="38" rx="19" stroke="white" stroke-width="2" shape-rendering="crispEdges"/><g filter="url(%23filter1_ii_795_105433)"><rect x="3.44897" y="2.5" width="40" height="40" rx="20" fill="white"/></g><rect x="4.44897" y="3.5" width="38" height="38" rx="19" stroke="white" stroke-width="2"/><g clip-path="url(%23clip0_795_105433)"><rect width="19" height="19" transform="translate(14.449 11.5)" fill="white"/><path d="M16.4836 14.2188C16.1237 14.2188 15.7785 14.3617 15.524 14.6162C15.2694 14.8708 15.1265 15.216 15.1265 15.5759L15.1265 28.4687C15.1265 28.8287 15.2694 29.1739 15.524 29.4284C15.7785 29.6828 16.1237 29.8259 16.4836 29.8259L31.4122 29.8259C31.7721 29.8259 32.1173 29.6828 32.3718 29.4284C32.6263 29.1739 32.7693 28.8287 32.7693 28.4687L32.7693 15.5759C32.7693 15.216 32.6263 14.8708 32.3718 14.6162C32.1173 14.3617 31.7721 14.2188 31.4122 14.2188L28.6979 14.2188" stroke="%23377FC4" stroke-width="1.15" stroke-linecap="round" stroke-linejoin="round"/><path d="M19.2 12.1816L19.2 16.2531" stroke="%23377FC4" stroke-width="1.15" stroke-linecap="round" stroke-linejoin="round"/><path d="M28.6986 12.1816L28.6986 16.2531" stroke="%23377FC4" stroke-width="1.15" stroke-linecap="round" stroke-linejoin="round"/><path d="M19.2 14.2188L25.9857 14.2188" stroke="%23377FC4" stroke-width="1.15" stroke-linecap="round" stroke-linejoin="round"/><path d="M24.2874 17.8191L25.4228 20.1032C25.4482 20.1609 25.4885 20.2109 25.5395 20.248C25.5905 20.2851 25.6505 20.3081 25.7133 20.3144L28.2349 20.6973C28.307 20.7066 28.375 20.7364 28.4307 20.7829C28.4866 20.8295 28.528 20.891 28.5502 20.9602C28.5723 21.0295 28.5743 21.1036 28.5559 21.1739C28.5375 21.2443 28.4994 21.3079 28.4462 21.3574L26.5846 23.1265C26.5569 23.1795 26.5424 23.2384 26.5424 23.2981C26.5424 23.3579 26.5569 23.4168 26.5846 23.4698L26.9411 25.9783C26.9563 26.0508 26.9501 26.1261 26.9234 26.1952C26.8966 26.2642 26.8504 26.3241 26.7903 26.3674C26.7302 26.4107 26.6588 26.4356 26.5848 26.4393C26.5108 26.4428 26.4374 26.4248 26.3734 26.3875L24.129 25.1993C24.0709 25.1731 24.0079 25.1595 23.9441 25.1595C23.8804 25.1595 23.8174 25.1731 23.7593 25.1993L21.5149 26.3875C21.4509 26.4248 21.3775 26.4428 21.3035 26.4393C21.2295 26.4356 21.1581 26.4107 21.098 26.3674C21.0379 26.3241 20.9917 26.2642 20.9649 26.1952C20.9381 26.1261 20.932 26.0508 20.9472 25.9783L21.3697 23.4698C21.3878 23.4116 21.3913 23.3497 21.3798 23.2898C21.3683 23.23 21.3421 23.1738 21.3037 23.1265L19.4421 21.3442C19.3927 21.2942 19.3581 21.2315 19.342 21.1631C19.3258 21.0947 19.3288 21.0232 19.3506 20.9564C19.3725 20.8895 19.4122 20.83 19.4656 20.7843C19.519 20.7386 19.584 20.7085 19.6534 20.6973L22.175 20.3276C22.2378 20.3212 22.2978 20.2984 22.3488 20.2612C22.3998 20.2241 22.4401 20.1741 22.4655 20.1164L23.6009 17.8324C23.6313 17.7677 23.6791 17.7128 23.7391 17.6739C23.799 17.6351 23.8686 17.6137 23.94 17.6124C24.0115 17.611 24.0819 17.6296 24.1432 17.6662C24.2046 17.7027 24.2546 17.7557 24.2874 17.8191Z" stroke="%23377FC4" stroke-width="1.15" stroke-linecap="round" stroke-linejoin="round"/></g></g><defs><filter id="filter0_dd_795_105433" x="0.448975" y="0.5" width="48" height="48" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feMorphology radius="1" operator="erode" in="SourceAlpha" result="effect1_dropShadow_795_105433"/><feOffset dx="1" dy="2"/><feGaussianBlur stdDeviation="2.5"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix type="matrix" values="0 0 0 0 0.290196 0 0 0 0 0.392157 0 0 0 0 0.494118 0 0 0 0.3 0"/><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_795_105433"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dy="1"/><feGaussianBlur stdDeviation="0.5"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix type="matrix" values="0 0 0 0 0.0235294 0 0 0 0 0.172549 0 0 0 0 0.345098 0 0 0 0.1 0"/><feBlend mode="normal" in2="effect1_dropShadow_795_105433" result="effect2_dropShadow_795_105433"/><feBlend mode="normal" in="SourceGraphic" in2="effect2_dropShadow_795_105433" result="shape"/></filter><filter id="filter1_ii_795_105433" x="2.44897" y="-0.5" width="42" height="44" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dx="-1" dy="-3"/><feGaussianBlur stdDeviation="2"/><feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/><feColorMatrix type="matrix" values="0 0 0 0 0.454545 0 0 0 0 0.544866 0 0 0 0 0.617122 0 0 0 0.35 0"/><feBlend mode="normal" in2="shape" result="effect1_innerShadow_795_105433"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dx="1" dy="1"/><feGaussianBlur stdDeviation="2.5"/><feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/><feColorMatrix type="matrix" values="0 0 0 0 0.121569 0 0 0 0 0.231373 0 0 0 0 0.376471 0 0 0 0.2 0"/><feBlend mode="normal" in2="effect1_innerShadow_795_105433" result="effect2_innerShadow_795_105433"/></filter><clipPath id="clip0_795_105433"><rect width="19" height="19" fill="white" transform="translate(14.449 11.5)"/></clipPath></defs></svg> ');
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  width: 40px;
  height: 40px;
}
.Calendar-icon-filled {
  width: 40px;
  height: 40px;
  background-image: url('data:image/svg+xml,<svg width="49" height="49" viewBox="0 0 49 49" fill="none" xmlns="http://www.w3.org/2000/svg"><g filter="url(%23filter0_dd_795_105433)"><rect x="3.44897" y="2.5" width="40" height="40" rx="20" fill="white" shape-rendering="crispEdges"/><rect x="4.44897" y="3.5" width="38" height="38" rx="19" stroke="white" stroke-width="2" shape-rendering="crispEdges"/><g filter="url(%23filter1_ii_795_105433)"><rect x="3.44897" y="2.5" width="40" height="40" rx="20" fill="white"/></g><rect x="4.44897" y="3.5" width="38" height="38" rx="19" stroke="white" stroke-width="2"/><g clip-path="url(%23clip0_795_105433)"><rect width="19" height="19" transform="translate(14.449 11.5)" fill="white"/><path d="M16.4836 14.2188C16.1237 14.2188 15.7785 14.3617 15.524 14.6162C15.2694 14.8708 15.1265 15.216 15.1265 15.5759L15.1265 28.4687C15.1265 28.8287 15.2694 29.1739 15.524 29.4284C15.7785 29.6828 16.1237 29.8259 16.4836 29.8259L31.4122 29.8259C31.7721 29.8259 32.1173 29.6828 32.3718 29.4284C32.6263 29.1739 32.7693 28.8287 32.7693 28.4687L32.7693 15.5759C32.7693 15.216 32.6263 14.8708 32.3718 14.6162C32.1173 14.3617 31.7721 14.2188 31.4122 14.2188L28.6979 14.2188" stroke="%23377FC4" stroke-width="1.15" stroke-linecap="round" stroke-linejoin="round"/><path d="M19.2 12.1816L19.2 16.2531" stroke="%23377FC4" stroke-width="1.15" stroke-linecap="round" stroke-linejoin="round"/><path d="M28.6986 12.1816L28.6986 16.2531" stroke="%23377FC4" stroke-width="1.15" stroke-linecap="round" stroke-linejoin="round"/><path d="M19.2 14.2188L25.9857 14.2188" stroke="%23377FC4" stroke-width="1.15" stroke-linecap="round" stroke-linejoin="round"/><path d="M24.2874 17.8191L25.4228 20.1032C25.4482 20.1609 25.4885 20.2109 25.5395 20.248C25.5905 20.2851 25.6505 20.3081 25.7133 20.3144L28.2349 20.6973C28.307 20.7066 28.375 20.7364 28.4307 20.7829C28.4866 20.8295 28.528 20.891 28.5502 20.9602C28.5723 21.0295 28.5743 21.1036 28.5559 21.1739C28.5375 21.2443 28.4994 21.3079 28.4462 21.3574L26.5846 23.1265C26.5569 23.1795 26.5424 23.2384 26.5424 23.2981C26.5424 23.3579 26.5569 23.4168 26.5846 23.4698L26.9411 25.9783C26.9563 26.0508 26.9501 26.1261 26.9234 26.1952C26.8966 26.2642 26.8504 26.3241 26.7903 26.3674C26.7302 26.4107 26.6588 26.4356 26.5848 26.4393C26.5108 26.4428 26.4374 26.4248 26.3734 26.3875L24.129 25.1993C24.0709 25.1731 24.0079 25.1595 23.9441 25.1595C23.8804 25.1595 23.8174 25.1731 23.7593 25.1993L21.5149 26.3875C21.4509 26.4248 21.3775 26.4428 21.3035 26.4393C21.2295 26.4356 21.1581 26.4107 21.098 26.3674C21.0379 26.3241 20.9917 26.2642 20.9649 26.1952C20.9381 26.1261 20.932 26.0508 20.9472 25.9783L21.3697 23.4698C21.3878 23.4116 21.3913 23.3497 21.3798 23.2898C21.3683 23.23 21.3421 23.1738 21.3037 23.1265L19.4421 21.3442C19.3927 21.2942 19.3581 21.2315 19.342 21.1631C19.3258 21.0947 19.3288 21.0232 19.3506 20.9564C19.3725 20.8895 19.4122 20.83 19.4656 20.7843C19.519 20.7386 19.584 20.7085 19.6534 20.6973L22.175 20.3276C22.2378 20.3212 22.2978 20.2984 22.3488 20.2612C22.3998 20.2241 22.4401 20.1741 22.4655 20.1164L23.6009 17.8324C23.6313 17.7677 23.6791 17.7128 23.7391 17.6739C23.799 17.6351 23.8686 17.6137 23.94 17.6124C24.0115 17.611 24.0819 17.6296 24.1432 17.6662C24.2046 17.7027 24.2546 17.7557 24.2874 17.8191Z" stroke="%23377FC4" stroke-width="1.15" stroke-linecap="round" stroke-linejoin="round"/></g></g><defs><filter id="filter0_dd_795_105433" x="0.448975" y="0.5" width="48" height="48" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feMorphology radius="1" operator="erode" in="SourceAlpha" result="effect1_dropShadow_795_105433"/><feOffset dx="1" dy="2"/><feGaussianBlur stdDeviation="2.5"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix type="matrix" values="0 0 0 0 0.290196 0 0 0 0 0.392157 0 0 0 0 0.494118 0 0 0 0.3 0"/><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_795_105433"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dy="1"/><feGaussianBlur stdDeviation="0.5"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix type="matrix" values="0 0 0 0 0.0235294 0 0 0 0 0.172549 0 0 0 0 0.345098 0 0 0 0.1 0"/><feBlend mode="normal" in2="effect1_dropShadow_795_105433" result="effect2_dropShadow_795_105433"/><feBlend mode="normal" in="SourceGraphic" in2="effect2_dropShadow_795_105433" result="shape"/></filter><filter id="filter1_ii_795_105433" x="2.44897" y="-0.5" width="42" height="44" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dx="-1" dy="-3"/><feGaussianBlur stdDeviation="2"/><feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/><feColorMatrix type="matrix" values="0 0 0 0 0.454545 0 0 0 0 0.544866 0 0 0 0 0.617122 0 0 0 0.35 0"/><feBlend mode="normal" in2="shape" result="effect1_innerShadow_795_105433"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dx="1" dy="1"/><feGaussianBlur stdDeviation="2.5"/><feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/><feColorMatrix type="matrix" values="0 0 0 0 0.121569 0 0 0 0 0.231373 0 0 0 0 0.376471 0 0 0 0.2 0"/><feBlend mode="normal" in2="effect1_innerShadow_795_105433" result="effect2_innerShadow_795_105433"/></filter><clipPath id="clip0_795_105433"><rect width="19" height="19" fill="white" transform="translate(14.449 11.5)"/></clipPath></defs></svg> ');
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
}
.Message-icon {
  background-image: url('data:image/svg+xml,<svg width="49" height="49" viewBox="0 0 49 49" fill="none" xmlns="http://www.w3.org/2000/svg"><g filter="url(%23filter0_dd_795_105446)"><rect x="3.44897" y="2.5" width="40" height="40" rx="20" fill="white" shape-rendering="crispEdges"/><rect x="4.44897" y="3.5" width="38" height="38" rx="19" stroke="white" stroke-width="2" shape-rendering="crispEdges"/><g filter="url(%23filter1_ii_795_105446)"><rect x="3.44897" y="2.5" width="40" height="40" rx="20" fill="white"/></g><rect x="4.44897" y="3.5" width="38" height="38" rx="19" stroke="white" stroke-width="2"/><g clip-path="url(%23clip0_795_105446)"><path d="M22.2019 13.4531C20.7221 13.6664 19.3194 14.2547 18.1239 15.1636C16.9284 16.0726 15.9788 17.2726 15.3632 18.6525C14.7476 20.0324 14.4859 21.5474 14.6023 23.0571C14.7187 24.5668 15.2096 26.0223 16.0293 27.2886L14.5408 31.3561L19.5253 30.4431C20.807 31.079 22.2214 31.392 23.6481 31.3553C25.0748 31.3186 26.4717 30.9336 27.7199 30.2327C28.9683 29.5318 30.031 28.5357 30.8178 27.3294C31.6046 26.1231 32.0922 24.7422 32.2393 23.304" stroke="%23377FC4" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"/><path d="M28.8806 20.2888C30.7662 20.2888 32.2946 18.7402 32.2946 16.83C32.2946 14.9197 30.7662 13.3711 28.8806 13.3711C26.9951 13.3711 25.4666 14.9197 25.4666 16.83C25.4666 18.7402 26.9951 20.2888 28.8806 20.2888Z" fill="%23A52255" stroke="%23A52255" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></g></g><defs><filter id="filter0_dd_795_105446" x="0.448975" y="0.5" width="48" height="48" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feMorphology radius="1" operator="erode" in="SourceAlpha" result="effect1_dropShadow_795_105446"/><feOffset dx="1" dy="2"/><feGaussianBlur stdDeviation="2.5"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix type="matrix" values="0 0 0 0 0.290196 0 0 0 0 0.392157 0 0 0 0 0.494118 0 0 0 0.3 0"/><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_795_105446"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dy="1"/><feGaussianBlur stdDeviation="0.5"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix type="matrix" values="0 0 0 0 0.0235294 0 0 0 0 0.172549 0 0 0 0 0.345098 0 0 0 0.1 0"/><feBlend mode="normal" in2="effect1_dropShadow_795_105446" result="effect2_dropShadow_795_105446"/><feBlend mode="normal" in="SourceGraphic" in2="effect2_dropShadow_795_105446" result="shape"/></filter><filter id="filter1_ii_795_105446" x="2.44897" y="-0.5" width="42" height="44" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dx="-1" dy="-3"/><feGaussianBlur stdDeviation="2"/><feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/><feColorMatrix type="matrix" values="0 0 0 0 0.454545 0 0 0 0 0.544866 0 0 0 0 0.617122 0 0 0 0.35 0"/><feBlend mode="normal" in2="shape" result="effect1_innerShadow_795_105446"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dx="1" dy="1"/><feGaussianBlur stdDeviation="2.5"/><feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/><feColorMatrix type="matrix" values="0 0 0 0 0.121569 0 0 0 0 0.231373 0 0 0 0 0.376471 0 0 0 0.2 0"/><feBlend mode="normal" in2="effect1_innerShadow_795_105446" result="effect2_innerShadow_795_105446"/></filter><clipPath id="clip0_795_105446"><rect width="19.1947" height="19.4466" fill="white" transform="translate(13.8201 12.6406)"/></clipPath></defs></svg> ');
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  width: 40px;
  height: 40px;
}
.Message-icon-filled {
  width: 40px;
  height: 40px;
  background-image: url('data:image/svg+xml,<svg width="49" height="49" viewBox="0 0 49 49" fill="none" xmlns="http://www.w3.org/2000/svg"><g filter="url(%23filter0_dd_795_105446)"><rect x="3.44897" y="2.5" width="40" height="40" rx="20" fill="white" shape-rendering="crispEdges"/><rect x="4.44897" y="3.5" width="38" height="38" rx="19" stroke="white" stroke-width="2" shape-rendering="crispEdges"/><g filter="url(%23filter1_ii_795_105446)"><rect x="3.44897" y="2.5" width="40" height="40" rx="20" fill="white"/></g><rect x="4.44897" y="3.5" width="38" height="38" rx="19" stroke="white" stroke-width="2"/><g clip-path="url(%23clip0_795_105446)"><path d="M22.2019 13.4531C20.7221 13.6664 19.3194 14.2547 18.1239 15.1636C16.9284 16.0726 15.9788 17.2726 15.3632 18.6525C14.7476 20.0324 14.4859 21.5474 14.6023 23.0571C14.7187 24.5668 15.2096 26.0223 16.0293 27.2886L14.5408 31.3561L19.5253 30.4431C20.807 31.079 22.2214 31.392 23.6481 31.3553C25.0748 31.3186 26.4717 30.9336 27.7199 30.2327C28.9683 29.5318 30.031 28.5357 30.8178 27.3294C31.6046 26.1231 32.0922 24.7422 32.2393 23.304" stroke="%23377FC4" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"/><path d="M28.8806 20.2888C30.7662 20.2888 32.2946 18.7402 32.2946 16.83C32.2946 14.9197 30.7662 13.3711 28.8806 13.3711C26.9951 13.3711 25.4666 14.9197 25.4666 16.83C25.4666 18.7402 26.9951 20.2888 28.8806 20.2888Z" fill="%23A52255" stroke="%23A52255" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></g></g><defs><filter id="filter0_dd_795_105446" x="0.448975" y="0.5" width="48" height="48" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feMorphology radius="1" operator="erode" in="SourceAlpha" result="effect1_dropShadow_795_105446"/><feOffset dx="1" dy="2"/><feGaussianBlur stdDeviation="2.5"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix type="matrix" values="0 0 0 0 0.290196 0 0 0 0 0.392157 0 0 0 0 0.494118 0 0 0 0.3 0"/><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_795_105446"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dy="1"/><feGaussianBlur stdDeviation="0.5"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix type="matrix" values="0 0 0 0 0.0235294 0 0 0 0 0.172549 0 0 0 0 0.345098 0 0 0 0.1 0"/><feBlend mode="normal" in2="effect1_dropShadow_795_105446" result="effect2_dropShadow_795_105446"/><feBlend mode="normal" in="SourceGraphic" in2="effect2_dropShadow_795_105446" result="shape"/></filter><filter id="filter1_ii_795_105446" x="2.44897" y="-0.5" width="42" height="44" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dx="-1" dy="-3"/><feGaussianBlur stdDeviation="2"/><feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/><feColorMatrix type="matrix" values="0 0 0 0 0.454545 0 0 0 0 0.544866 0 0 0 0 0.617122 0 0 0 0.35 0"/><feBlend mode="normal" in2="shape" result="effect1_innerShadow_795_105446"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dx="1" dy="1"/><feGaussianBlur stdDeviation="2.5"/><feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/><feColorMatrix type="matrix" values="0 0 0 0 0.121569 0 0 0 0 0.231373 0 0 0 0 0.376471 0 0 0 0.2 0"/><feBlend mode="normal" in2="effect1_innerShadow_795_105446" result="effect2_innerShadow_795_105446"/></filter><clipPath id="clip0_795_105446"><rect width="19.1947" height="19.4466" fill="white" transform="translate(13.8201 12.6406)"/></clipPath></defs></svg> ');
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
}
.Home-icon-filled {
  width: 40px;
  height: 40px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2241%22 height%3D%2241%22 viewBox%3D%220%200%2041%2041%22 fill%3D%22none%22%3E%3Crect x%3D%221.44897%22 y%3D%221.5%22 width%3D%2238%22 height%3D%2238%22 rx%3D%2219%22 fill%3D%22white%22%2F%3E%3Crect x%3D%221.44897%22 y%3D%221.5%22 width%3D%2238%22 height%3D%2238%22 rx%3D%2219%22 stroke%3D%22white%22 stroke-width%3D%222%22%2F%3E%3Cg filter%3D%22url(%23filter0_ii_home)%22%3E%3Crect x%3D%220.448975%22 y%3D%220.5%22 width%3D%2240%22 height%3D%2240%22 rx%3D%2220%22 fill%3D%22url(%23paint0_linear_home)%22%2F%3E%3C%2Fg%3E%3Crect x%3D%221.44897%22 y%3D%221.5%22 width%3D%2238%22 height%3D%2238%22 rx%3D%2219%22 stroke%3D%22white%22 stroke-width%3D%222%22%2F%3E%3Cpath d%3D%22M10.449 20.5L20.449 12.5L30.449 20.5V28.5C30.449 29.0304 30.238 29.5391 29.8629 29.9142C29.4878 30.2893 28.9792 30.5 28.449 30.5H12.449C11.9185 30.5 11.4099 30.2893 11.0348 29.9142C10.6597 29.5391 10.449 29.0304 10.449 28.5V20.5Z%22 stroke%3D%22white%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Cpath d%3D%22M16.449 30.5V20.5H24.449V30.5%22 stroke%3D%22white%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Cdefs%3E%3Cfilter id%3D%22filter0_ii_home%22 x%3D%22-0.551025%22 y%3D%22-2.5%22 width%3D%2242%22 height%3D%2244%22 filterUnits%3D%22userSpaceOnUse%22 color-interpolation-filters%3D%22sRGB%22%3E%3CfeFlood flood-opacity%3D%220%22 result%3D%22BackgroundImageFix%22%2F%3E%3CfeBlend mode%3D%22normal%22 in%3D%22SourceGraphic%22 in2%3D%22BackgroundImageFix%22 result%3D%22shape%22%2F%3E%3CfeColorMatrix in%3D%22SourceAlpha%22 type%3D%22matrix%22 values%3D%220 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0%22 result%3D%22hardAlpha%22%2F%3E%3CfeOffset dx%3D%22-1%22 dy%3D%22-3%22%2F%3E%3CfeGaussianBlur stdDeviation%3D%222%22%2F%3E%3CfeComposite in2%3D%22hardAlpha%22 operator%3D%22arithmetic%22 k2%3D%22-1%22 k3%3D%221%22%2F%3E%3CfeColorMatrix type%3D%22matrix%22 values%3D%220 0 0 0 0.454545 0 0 0 0 0.544866 0 0 0 0 0.617122 0 0 0 0.35 0%22%2F%3E%3CfeBlend mode%3D%22normal%22 in2%3D%22shape%22 result%3D%22effect1_innerShadow_home%22%2F%3E%3CfeColorMatrix in%3D%22SourceAlpha%22 type%3D%22matrix%22 values%3D%220 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0%22 result%3D%22hardAlpha%22%2F%3E%3CfeOffset dx%3D%221%22 dy%3D%221%22%2F%3E%3CfeGaussianBlur stdDeviation%3D%222.5%22%2F%3E%3CfeComposite in2%3D%22hardAlpha%22 operator%3D%22arithmetic%22 k2%3D%22-1%22 k3%3D%221%22%2F%3E%3CfeColorMatrix type%3D%22matrix%22 values%3D%220 0 0 0 0.121569 0 0 0 0 0.231373 0 0 0 0 0.376471 0 0 0 0.2 0%22%2F%3E%3CfeBlend mode%3D%22normal%22 in2%3D%22effect1_innerShadow_home%22 result%3D%22effect2_innerShadow_home%22%2F%3E%3C%2Ffilter%3E%3ClinearGradient id%3D%22paint0_linear_home%22 x1%3D%2223.449%22 y1%3D%2236.5%22 x2%3D%2221.949%22 y2%3D%225.5%22 gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop stop-color%3D%22%2336B6F9%22%2F%3E%3Cstop offset%3D%221%22 stop-color%3D%22%23377FC4%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3C%2Fsvg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
}
@media (max-width: 500px) {
  .Home-icon-filled {
    margin-top: 0.7rem;
  }
}
.Settings-icon-filled {
  width: 40px;
  height: 40px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2241%22 height%3D%2241%22 viewBox%3D%220%200%2041%2041%22 fill%3D%22none%22%3E%3Crect x%3D%221.44897%22 y%3D%221.5%22 width%3D%2238%22 height%3D%2238%22 rx%3D%2219%22 fill%3D%22white%22%2F%3E%3Crect x%3D%221.44897%22 y%3D%221.5%22 width%3D%2238%22 height%3D%2238%22 rx%3D%2219%22 stroke%3D%22white%22 stroke-width%3D%222%22%2F%3E%3Cg filter%3D%22url(%23filter0_ii_settings)%22%3E%3Crect x%3D%220.448975%22 y%3D%220.5%22 width%3D%2240%22 height%3D%2240%22 rx%3D%2220%22 fill%3D%22url(%23paint0_linear_settings)%22%2F%3E%3C%2Fg%3E%3Crect x%3D%221.44897%22 y%3D%221.5%22 width%3D%2238%22 height%3D%2238%22 rx%3D%2219%22 stroke%3D%22white%22 stroke-width%3D%222%22%2F%3E%3Cpath d%3D%22M20.449 26.5C23.7627 26.5 26.449 23.8137 26.449 20.5C26.449 17.1863 23.7627 14.5 20.449 14.5C17.1353 14.5 14.449 17.1863 14.449 20.5C14.449 23.8137 17.1353 26.5 20.449 26.5Z%22 stroke%3D%22white%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Cpath d%3D%22M20.449 14.5V11.5%22 stroke%3D%22white%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Cpath d%3D%22M20.449 29.5V26.5%22 stroke%3D%22white%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Cpath d%3D%22M14.449 17L12.049 15.5%22 stroke%3D%22white%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Cpath d%3D%22M28.849 25.5L26.449 24%22 stroke%3D%22white%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Cpath d%3D%22M14.449 24L12.049 25.5%22 stroke%3D%22white%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Cpath d%3D%22M28.849 15.5L26.449 17%22 stroke%3D%22white%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Cdefs%3E%3Cfilter id%3D%22filter0_ii_settings%22 x%3D%22-0.551025%22 y%3D%22-2.5%22 width%3D%2242%22 height%3D%2244%22 filterUnits%3D%22userSpaceOnUse%22 color-interpolation-filters%3D%22sRGB%22%3E%3CfeFlood flood-opacity%3D%220%22 result%3D%22BackgroundImageFix%22%2F%3E%3CfeBlend mode%3D%22normal%22 in%3D%22SourceGraphic%22 in2%3D%22BackgroundImageFix%22 result%3D%22shape%22%2F%3E%3CfeColorMatrix in%3D%22SourceAlpha%22 type%3D%22matrix%22 values%3D%220 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0%22 result%3D%22hardAlpha%22%2F%3E%3CfeOffset dx%3D%22-1%22 dy%3D%22-3%22%2F%3E%3CfeGaussianBlur stdDeviation%3D%222%22%2F%3E%3CfeComposite in2%3D%22hardAlpha%22 operator%3D%22arithmetic%22 k2%3D%22-1%22 k3%3D%221%22%2F%3E%3CfeColorMatrix type%3D%22matrix%22 values%3D%220 0 0 0 0.454545 0 0 0 0 0.544866 0 0 0 0 0.617122 0 0 0 0.35 0%22%2F%3E%3CfeBlend mode%3D%22normal%22 in2%3D%22shape%22 result%3D%22effect1_innerShadow_settings%22%2F%3E%3CfeColorMatrix in%3D%22SourceAlpha%22 type%3D%22matrix%22 values%3D%220 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0%22 result%3D%22hardAlpha%22%2F%3E%3CfeOffset dx%3D%221%22 dy%3D%221%22%2F%3E%3CfeGaussianBlur stdDeviation%3D%222.5%22%2F%3E%3CfeComposite in2%3D%22hardAlpha%22 operator%3D%22arithmetic%22 k2%3D%22-1%22 k3%3D%221%22%2F%3E%3CfeColorMatrix type%3D%22matrix%22 values%3D%220 0 0 0 0.121569 0 0 0 0 0.231373 0 0 0 0 0.376471 0 0 0 0.2 0%22%2F%3E%3CfeBlend mode%3D%22normal%22 in2%3D%22effect1_innerShadow_settings%22 result%3D%22effect2_innerShadow_settings%22%2F%3E%3C%2Ffilter%3E%3ClinearGradient id%3D%22paint0_linear_settings%22 x1%3D%2223.449%22 y1%3D%2236.5%22 x2%3D%2221.949%22 y2%3D%225.5%22 gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop stop-color%3D%22%2336B6F9%22%2F%3E%3Cstop offset%3D%221%22 stop-color%3D%22%23377FC4%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3C%2Fsvg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
}
@media (max-width: 500px) {
  .Settings-icon-filled {
    margin-top: 0.7rem;
  }
}
.Marketplace-icon {
  width: 40px;
  height: 40px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2241%22 height%3D%2241%22 viewBox%3D%220%200%2041%2041%22 fill%3D%22none%22%3E%3Crect x%3D%221.44897%22 y%3D%221.5%22 width%3D%2238%22 height%3D%2238%22 rx%3D%2219%22 fill%3D%22white%22%2F%3E%3Crect x%3D%221.44897%22 y%3D%221.5%22 width%3D%2238%22 height%3D%2238%22 rx%3D%2219%22 stroke%3D%22%23E0E0E0%22 stroke-width%3D%222%22%2F%3E%3Cpath d%3D%22M12.449 15.5L13.449 11.5H27.449L28.449 15.5%22 stroke%3D%22%23377FC4%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Cpath d%3D%22M28.449 15.5V28.5C28.449 28.7652 28.3436 29.0196 28.1561 29.2071C27.9686 29.3946 27.7142 29.5 27.449 29.5H13.449C13.1838 29.5 12.9294 29.3946 12.7419 29.2071C12.5543 29.0196 12.449 28.7652 12.449 28.5V15.5%22 stroke%3D%22%23377FC4%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Cpath d%3D%22M12.449 15.5H28.449%22 stroke%3D%22%23377FC4%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Cpath d%3D%22M17.449 21.5H23.449V29.5H17.449V21.5Z%22 stroke%3D%22%23377FC4%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
}
@media (max-width: 500px) {
  .Marketplace-icon {
    margin-top: 0.7rem;
  }
}
.Marketplace-icon-filled {
  width: 40px;
  height: 40px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2241%22 height%3D%2241%22 viewBox%3D%220%200%2041%2041%22 fill%3D%22none%22%3E%3Crect x%3D%221.44897%22 y%3D%221.5%22 width%3D%2238%22 height%3D%2238%22 rx%3D%2219%22 fill%3D%22white%22%2F%3E%3Crect x%3D%221.44897%22 y%3D%221.5%22 width%3D%2238%22 height%3D%2238%22 rx%3D%2219%22 stroke%3D%22white%22 stroke-width%3D%222%22%2F%3E%3Cg filter%3D%22url(%23filter0_ii_marketplace)%22%3E%3Crect x%3D%220.448975%22 y%3D%220.5%22 width%3D%2240%22 height%3D%2240%22 rx%3D%2220%22 fill%3D%22url(%23paint0_linear_marketplace)%22%2F%3E%3C%2Fg%3E%3Crect x%3D%221.44897%22 y%3D%221.5%22 width%3D%2238%22 height%3D%2238%22 rx%3D%2219%22 stroke%3D%22white%22 stroke-width%3D%222%22%2F%3E%3Cpath d%3D%22M12.449 15.5L13.449 11.5H27.449L28.449 15.5%22 stroke%3D%22white%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Cpath d%3D%22M28.449 15.5V28.5C28.449 28.7652 28.3436 29.0196 28.1561 29.2071C27.9686 29.3946 27.7142 29.5 27.449 29.5H13.449C13.1838 29.5 12.9294 29.3946 12.7419 29.2071C12.5543 29.0196 12.449 28.7652 12.449 28.5V15.5%22 stroke%3D%22white%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Cpath d%3D%22M12.449 15.5H28.449%22 stroke%3D%22white%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Cpath d%3D%22M17.449 21.5H23.449V29.5H17.449V21.5Z%22 stroke%3D%22white%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Cdefs%3E%3Cfilter id%3D%22filter0_ii_marketplace%22 x%3D%22-0.551025%22 y%3D%22-2.5%22 width%3D%2242%22 height%3D%2244%22 filterUnits%3D%22userSpaceOnUse%22 color-interpolation-filters%3D%22sRGB%22%3E%3CfeFlood flood-opacity%3D%220%22 result%3D%22BackgroundImageFix%22%2F%3E%3CfeBlend mode%3D%22normal%22 in%3D%22SourceGraphic%22 in2%3D%22BackgroundImageFix%22 result%3D%22shape%22%2F%3E%3CfeColorMatrix in%3D%22SourceAlpha%22 type%3D%22matrix%22 values%3D%220 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0%22 result%3D%22hardAlpha%22%2F%3E%3CfeOffset dx%3D%22-1%22 dy%3D%22-3%22%2F%3E%3CfeGaussianBlur stdDeviation%3D%222%22%2F%3E%3CfeComposite in2%3D%22hardAlpha%22 operator%3D%22arithmetic%22 k2%3D%22-1%22 k3%3D%221%22%2F%3E%3CfeColorMatrix type%3D%22matrix%22 values%3D%220 0 0 0 0.454545 0 0 0 0 0.544866 0 0 0 0 0.617122 0 0 0 0.35 0%22%2F%3E%3CfeBlend mode%3D%22normal%22 in2%3D%22shape%22 result%3D%22effect1_innerShadow_marketplace%22%2F%3E%3CfeColorMatrix in%3D%22SourceAlpha%22 type%3D%22matrix%22 values%3D%220 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0%22 result%3D%22hardAlpha%22%2F%3E%3CfeOffset dx%3D%221%22 dy%3D%221%22%2F%3E%3CfeGaussianBlur stdDeviation%3D%222.5%22%2F%3E%3CfeComposite in2%3D%22hardAlpha%22 operator%3D%22arithmetic%22 k2%3D%22-1%22 k3%3D%221%22%2F%3E%3CfeColorMatrix type%3D%22matrix%22 values%3D%220 0 0 0 0.121569 0 0 0 0 0.231373 0 0 0 0 0.376471 0 0 0 0.2 0%22%2F%3E%3CfeBlend mode%3D%22normal%22 in2%3D%22effect1_innerShadow_marketplace%22 result%3D%22effect2_innerShadow_marketplace%22%2F%3E%3C%2Ffilter%3E%3ClinearGradient id%3D%22paint0_linear_marketplace%22 x1%3D%2223.449%22 y1%3D%2236.5%22 x2%3D%2221.949%22 y2%3D%225.5%22 gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop stop-color%3D%22%2336B6F9%22%2F%3E%3Cstop offset%3D%221%22 stop-color%3D%22%23377FC4%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3C%2Fsvg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
}
@media (max-width: 500px) {
  .Marketplace-icon-filled {
    margin-top: 0.7rem;
  }
}
.Notification-icon-filled {
  width: 40px;
  height: 40px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2241%22 height%3D%2241%22 viewBox%3D%220%200%2041%2041%22 fill%3D%22none%22%3E%3Crect x%3D%221.44897%22 y%3D%221.5%22 width%3D%2238%22 height%3D%2238%22 rx%3D%2219%22 fill%3D%22white%22%2F%3E%3Crect x%3D%221.44897%22 y%3D%221.5%22 width%3D%2238%22 height%3D%2238%22 rx%3D%2219%22 stroke%3D%22white%22 stroke-width%3D%222%22%2F%3E%3Cg filter%3D%22url(%23filter0_ii_notification)%22%3E%3Crect x%3D%220.448975%22 y%3D%220.5%22 width%3D%2240%22 height%3D%2240%22 rx%3D%2220%22 fill%3D%22url(%23paint0_linear_notification)%22%2F%3E%3C%2Fg%3E%3Crect x%3D%221.44897%22 y%3D%221.5%22 width%3D%2238%22 height%3D%2238%22 rx%3D%2219%22 stroke%3D%22white%22 stroke-width%3D%222%22%2F%3E%3Cpath d%3D%22M15.449 17C15.449 15.6739 15.9758 14.4021 16.9135 13.4645C17.8511 12.5268 19.1229 12 20.449 12C21.7751 12 23.0469 12.5268 23.9845 13.4645C24.9222 14.4021 25.449 15.6739 25.449 17C25.449 23 28.449 25 28.449 25H12.449C12.449 25 15.449 23 15.449 17Z%22 stroke%3D%22white%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Cpath d%3D%22M18.949 29C19.1272 29.3044 19.3771 29.5583 19.6763 29.7352C19.9755 29.9121 20.3143 30.0053 20.659 30.0053C21.0037 30.0053 21.3425 29.9121 21.6417 29.7352C21.9409 29.5583 22.1908 29.3044 22.369 29%22 stroke%3D%22white%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Cdefs%3E%3Cfilter id%3D%22filter0_ii_notification%22 x%3D%22-0.551025%22 y%3D%22-2.5%22 width%3D%2242%22 height%3D%2244%22 filterUnits%3D%22userSpaceOnUse%22 color-interpolation-filters%3D%22sRGB%22%3E%3CfeFlood flood-opacity%3D%220%22 result%3D%22BackgroundImageFix%22%2F%3E%3CfeBlend mode%3D%22normal%22 in%3D%22SourceGraphic%22 in2%3D%22BackgroundImageFix%22 result%3D%22shape%22%2F%3E%3CfeColorMatrix in%3D%22SourceAlpha%22 type%3D%22matrix%22 values%3D%220 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0%22 result%3D%22hardAlpha%22%2F%3E%3CfeOffset dx%3D%22-1%22 dy%3D%22-3%22%2F%3E%3CfeGaussianBlur stdDeviation%3D%222%22%2F%3E%3CfeComposite in2%3D%22hardAlpha%22 operator%3D%22arithmetic%22 k2%3D%22-1%22 k3%3D%221%22%2F%3E%3CfeColorMatrix type%3D%22matrix%22 values%3D%220 0 0 0 0.454545 0 0 0 0 0.544866 0 0 0 0 0.617122 0 0 0 0.35 0%22%2F%3E%3CfeBlend mode%3D%22normal%22 in2%3D%22shape%22 result%3D%22effect1_innerShadow_notification%22%2F%3E%3CfeColorMatrix in%3D%22SourceAlpha%22 type%3D%22matrix%22 values%3D%220 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0%22 result%3D%22hardAlpha%22%2F%3E%3CfeOffset dx%3D%221%22 dy%3D%221%22%2F%3E%3CfeGaussianBlur stdDeviation%3D%222.5%22%2F%3E%3CfeComposite in2%3D%22hardAlpha%22 operator%3D%22arithmetic%22 k2%3D%22-1%22 k3%3D%221%22%2F%3E%3CfeColorMatrix type%3D%22matrix%22 values%3D%220 0 0 0 0.121569 0 0 0 0 0.231373 0 0 0 0 0.376471 0 0 0 0.2 0%22%2F%3E%3CfeBlend mode%3D%22normal%22 in2%3D%22effect1_innerShadow_notification%22 result%3D%22effect2_innerShadow_notification%22%2F%3E%3C%2Ffilter%3E%3ClinearGradient id%3D%22paint0_linear_notification%22 x1%3D%2223.449%22 y1%3D%2236.5%22 x2%3D%2221.949%22 y2%3D%225.5%22 gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop stop-color%3D%22%2336B6F9%22%2F%3E%3Cstop offset%3D%221%22 stop-color%3D%22%23377FC4%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3C%2Fsvg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  position: relative;
}
@media (max-width: 500px) {
  .Notification-icon-filled {
    margin-top: 0.7rem;
  }
}
.Home-icon {
  width: 40px;
  height: 40px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2241%22 height%3D%2241%22 viewBox%3D%220%200%2041%2041%22 fill%3D%22none%22%3E%3Crect x%3D%221.44897%22 y%3D%221.5%22 width%3D%2238%22 height%3D%2238%22 rx%3D%2219%22 fill%3D%22white%22%2F%3E%3Crect x%3D%221.44897%22 y%3D%221.5%22 width%3D%2238%22 height%3D%2238%22 rx%3D%2219%22 stroke%3D%22%23E0E0E0%22 stroke-width%3D%222%22%2F%3E%3Cpath d%3D%22M10.449 20.5L20.449 12.5L30.449 20.5V28.5C30.449 29.0304 30.238 29.5391 29.8629 29.9142C29.4878 30.2893 28.9792 30.5 28.449 30.5H12.449C11.9185 30.5 11.4099 30.2893 11.0348 29.9142C10.6597 29.5391 10.449 29.0304 10.449 28.5V20.5Z%22 stroke%3D%22%23377FC4%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Cpath d%3D%22M16.449 30.5V20.5H24.449V30.5%22 stroke%3D%22%23377FC4%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
}
@media (max-width: 500px) {
  .Home-icon {
    margin-top: 0.7rem;
  }
}
.Settings-icon {
  width: 40px;
  height: 40px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2241%22 height%3D%2241%22 viewBox%3D%220%200%2041%2041%22 fill%3D%22none%22%3E%3Crect x%3D%221.44897%22 y%3D%221.5%22 width%3D%2238%22 height%3D%2238%22 rx%3D%2219%22 fill%3D%22white%22%2F%3E%3Crect x%3D%221.44897%22 y%3D%221.5%22 width%3D%2238%22 height%3D%2238%22 rx%3D%2219%22 stroke%3D%22%23E0E0E0%22 stroke-width%3D%222%22%2F%3E%3Cpath d%3D%22M20.449 26.5C23.7627 26.5 26.449 23.8137 26.449 20.5C26.449 17.1863 23.7627 14.5 20.449 14.5C17.1353 14.5 14.449 17.1863 14.449 20.5C14.449 23.8137 17.1353 26.5 20.449 26.5Z%22 stroke%3D%22%23377FC4%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Cpath d%3D%22M20.449 14.5V11.5%22 stroke%3D%22%23377FC4%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Cpath d%3D%22M20.449 29.5V26.5%22 stroke%3D%22%23377FC4%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Cpath d%3D%22M14.449 17L12.049 15.5%22 stroke%3D%22%23377FC4%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Cpath d%3D%22M28.849 25.5L26.449 24%22 stroke%3D%22%23377FC4%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Cpath d%3D%22M14.449 24L12.049 25.5%22 stroke%3D%22%23377FC4%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Cpath d%3D%22M28.849 15.5L26.449 17%22 stroke%3D%22%23377FC4%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
}
@media (max-width: 500px) {
  .Settings-icon {
    margin-top: 0.7rem;
  }
}
.Notification-icon {
  width: 40px;
  height: 40px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2241%22 height%3D%2241%22 viewBox%3D%220%200%2041%2041%22 fill%3D%22none%22%3E%3Crect x%3D%221.44897%22 y%3D%221.5%22 width%3D%2238%22 height%3D%2238%22 rx%3D%2219%22 fill%3D%22white%22%2F%3E%3Crect x%3D%221.44897%22 y%3D%221.5%22 width%3D%2238%22 height%3D%2238%22 rx%3D%2219%22 stroke%3D%22%23E0E0E0%22 stroke-width%3D%222%22%2F%3E%3Cpath d%3D%22M15.449 17C15.449 15.6739 15.9758 14.4021 16.9135 13.4645C17.8511 12.5268 19.1229 12 20.449 12C21.7751 12 23.0469 12.5268 23.9845 13.4645C24.9222 14.4021 25.449 15.6739 25.449 17C25.449 23 28.449 25 28.449 25H12.449C12.449 25 15.449 23 15.449 17Z%22 stroke%3D%22%23377FC4%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Cpath d%3D%22M18.949 29C19.1272 29.3044 19.3771 29.5583 19.6763 29.7352C19.9755 29.9121 20.3143 30.0053 20.659 30.0053C21.0037 30.0053 21.3425 29.9121 21.6417 29.7352C21.9409 29.5583 22.1908 29.3044 22.369 29%22 stroke%3D%22%23377FC4%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  position: relative;
}
@media (max-width: 500px) {
  .Notification-icon {
    margin-top: 0.7rem;
  }
}
.multi-user-circle {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_3227_91534)'%3E%3Cpath d='M15.9777 9.9574C17.0705 9.9574 17.9564 9.0715 17.9564 7.9787C17.9564 6.88589 17.0705 6 15.9777 6C14.8849 6 13.999 6.88589 13.999 7.9787C13.999 9.0715 14.8849 9.9574 15.9777 9.9574Z' stroke='%2313911B' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M18.5646 14.9575V13.9681C18.5646 12.3289 17.2358 11 15.5965 11C14.4787 11 13.5052 11.6179 12.999 12.5308' stroke='%2313911B' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7.97772 9.9574C9.07053 9.9574 9.95642 9.0715 9.95642 7.9787C9.95642 6.88589 9.07053 6 7.97772 6C6.88492 6 5.99902 6.88589 5.99902 7.9787C5.99902 9.0715 6.88492 9.9574 7.97772 9.9574Z' stroke='%2313911B' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4.99902 14.9575V13.9681C4.99902 12.3289 6.32789 11 7.96714 11C9.08494 11 10.0584 11.6179 10.5646 12.5308' stroke='%2313911B' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M11.9777 15.9574C13.0705 15.9574 13.9564 15.0715 13.9564 13.9787C13.9564 12.8859 13.0705 12 11.9777 12C10.8849 12 9.99902 12.8859 9.99902 13.9787C9.99902 15.0715 10.8849 15.9574 11.9777 15.9574Z' stroke='%2313911B' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M14.9352 19.968C14.9352 18.3288 13.6064 17 11.9671 17C10.3279 17 8.99902 18.3288 8.99902 19.968' stroke='%2313911B' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cpath d='M11.999 23C18.0742 23 22.999 18.0752 22.999 12C22.999 5.92487 18.0742 1 11.999 1C5.92389 1 0.999023 5.92487 0.999023 12C0.999023 18.0752 5.92389 23 11.999 23Z' stroke='%2313911B' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cdefs%3E%3CclipPath id='clip0_3227_91534'%3E%3Crect width='15.3899' height='15.3899' fill='white' transform='translate(3.99902 5)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  width: 36px;
  height: 36px;
}
.collapse-icon {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg width%3D%2217%22 height%3D%2223%22 viewBox%3D%220%200%2017%2023%22 fill%3D%22none%22 xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath d%3D%22M14.9623 11.6916C14.9244 11.783 14.8604 11.8611 14.7782 11.916C14.6959 11.971 14.5993 12.0003 14.5004 12.0004H12.0004V17.0004C12.0004 17.2656 11.895 17.5199 11.7075 17.7075C11.52 17.895 11.2656 18.0004 11.0004 18.0004H6.00039C5.73518 18.0004 5.48082 17.895 5.29329 17.7075C5.10575 17.5199 5.00039 17.2656 5.00039 17.0004V12.0004H2.50039C2.40145 12.0004 2.3047 11.9712 2.2224 11.9162C2.14011 11.8613 2.07596 11.7832 2.03808 11.6918C2.00021 11.6003 1.9903 11.4998 2.00963 11.4027C2.02895 11.3057 2.07664 11.2165 2.14664 11.1466L8.14664 5.14662C8.19308 5.10013 8.24822 5.06325 8.30892 5.03809C8.36962 5.01292 8.43469 4.99997 8.50039 4.99997C8.5661 4.99997 8.63116 5.01292 8.69186 5.03809C8.75256 5.06325 8.80771 5.10013 8.85414 5.14662L14.8541 11.1466C14.924 11.2166 14.9716 11.3057 14.9909 11.4027C15.0101 11.4997 15.0002 11.6003 14.9623 11.6916ZM8.50039 6.20724L3.70727 11.0004H5.50039C5.633 11.0004 5.76018 11.053 5.85395 11.1468C5.94772 11.2406 6.00039 11.3678 6.00039 11.5004V17.0004H11.0004V11.5004C11.0004 11.3678 11.0531 11.2406 11.1468 11.1468C11.2406 11.053 11.3678 11.0004 11.5004 11.0004H13.2935L8.50039 6.20724Z%22 fill%3D%22%23377FC4%22/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  width: 38px;
  height: 38px;
  margin-left: 5px;
  margin-top: 2px;
}
.expand-icon {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg width%3D%2217%22 height%3D%2223%22 viewBox%3D%220%200%2017%2023%22 fill%3D%22none%22 xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath d%3D%22M14.9623 11.3088C14.9244 11.2174 14.8604 11.1393 14.7782 11.0843C14.6959 11.0294 14.5993 11 14.5004 11H12.0004V6C12.0004 5.73478 11.895 5.48043 11.7075 5.29289C11.52 5.10536 11.2656 5 11.0004 5H6.00039C5.73518 5 5.48082 5.10536 5.29329 5.29289C5.10575 5.48043 5.00039 5.73478 5.00039 6V11H2.50039C2.40145 10.9999 2.3047 11.0292 2.2224 11.0841C2.14011 11.1391 2.07596 11.2172 2.03808 11.3086C2.00021 11.4 1.9903 11.5006 2.00963 11.5977C2.02895 11.6947 2.07664 11.7838 2.14664 11.8538L8.14664 17.8538C8.19308 17.9002 8.24822 17.9371 8.30892 17.9623C8.36962 17.9874 8.43469 18.0004 8.50039 18.0004C8.5661 18.0004 8.63116 17.9874 8.69186 17.9623C8.75256 17.9371 8.80771 17.9002 8.85414 17.8538L14.8541 11.8538C14.924 11.7838 14.9716 11.6947 14.9909 11.5977C15.0101 11.5006 15.0002 11.4001 14.9623 11.3088ZM8.50039 16.7931L3.70727 12H5.50039C5.633 12 5.76018 11.9473 5.85395 11.8536C5.94772 11.7598 6.00039 11.6326 6.00039 11.5V6H11.0004V11.5C11.0004 11.6326 11.0531 11.7598 11.1468 11.8536C11.2406 11.9473 11.3678 12 11.5004 12H13.2935L8.50039 16.7931Z%22 fill%3D%22%23377FC4%22/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  width: 38px;
  height: 38px;
  margin-left: 5px;
  margin-top: 2px;
}
.both-direction-icon {
  background-image: url('data:image/svg+xml,<svg width="17" height="23" viewBox="0 0 17 23" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M15.7724 7.48445C15.7322 7.58153 15.6641 7.66452 15.5768 7.72291C15.4894 7.7813 15.3867 7.81248 15.2817 7.8125H12.6254V9.40625C12.6254 9.54715 12.5694 9.68227 12.4698 9.7819C12.3702 9.88153 12.2351 9.9375 12.0942 9.9375H5.71917C5.57827 9.9375 5.44315 9.88153 5.34352 9.7819C5.24389 9.68227 5.18792 9.54715 5.18792 9.40625V7.8125H2.53167C2.42654 7.81258 2.32374 7.78147 2.2363 7.7231C2.14886 7.66473 2.08071 7.58173 2.04046 7.48461C2.00022 7.38748 1.9897 7.2806 2.01023 7.17749C2.03076 7.07439 2.08143 6.97969 2.15581 6.90539L8.53081 0.530391C8.58015 0.480997 8.63874 0.441812 8.70323 0.415077C8.76772 0.388342 8.83685 0.374582 8.90667 0.374582C8.97648 0.374582 9.04561 0.388342 9.11011 0.415077C9.1746 0.441812 9.23319 0.480997 9.28253 0.530391L15.6575 6.90539C15.7318 6.97973 15.7824 7.07442 15.8028 7.1775C15.8233 7.28057 15.8127 7.38739 15.7724 7.48445ZM8.90667 1.6573L3.81397 6.75H5.71917C5.86006 6.75 5.99519 6.80597 6.09482 6.9056C6.19445 7.00523 6.25042 7.14035 6.25042 7.28125V8.875H11.5629V7.28125C11.5629 7.14035 11.6189 7.00523 11.7185 6.9056C11.8181 6.80597 11.9533 6.75 12.0942 6.75H13.9994L8.90667 1.6573ZM5.18792 11.5312C5.18792 11.6721 5.24389 11.8073 5.34352 11.9069C5.44315 12.0065 5.57827 12.0625 5.71917 12.0625H12.0942C12.2351 12.0625 12.3702 12.0065 12.4698 11.9069C12.5694 11.8073 12.6254 11.6721 12.6254 11.5312C12.6254 11.3904 12.5694 11.2552 12.4698 11.1556C12.3702 11.056 12.2351 11 12.0942 11H5.71917C5.57827 11 5.44315 11.056 5.34352 11.1556C5.24389 11.2552 5.18792 11.3904 5.18792 11.5312Z" fill="%23377FC4"/><path d="M15.7724 15.5155C15.7322 15.4185 15.6641 15.3355 15.5768 15.2771C15.4894 15.2187 15.3867 15.1875 15.2817 15.1875H12.6254V13.5938C12.6254 13.4529 12.5694 13.3177 12.4698 13.2181C12.3702 13.1185 12.2351 13.0625 12.0942 13.0625H5.71917C5.57827 13.0625 5.44315 13.1185 5.34352 13.2181C5.24389 13.3177 5.18792 13.4529 5.18792 13.5938V15.1875H2.53167C2.42654 15.1874 2.32374 15.2185 2.2363 15.2769C2.14886 15.3353 2.08071 15.4183 2.04046 15.5154C2.00022 15.6125 1.9897 15.7194 2.01023 15.8225C2.03076 15.9256 2.08143 16.0203 2.15581 16.0946L8.53081 22.4696C8.58015 22.519 8.63874 22.5582 8.70323 22.5849C8.76772 22.6117 8.83685 22.6254 8.90667 22.6254C8.97648 22.6254 9.04561 22.6117 9.11011 22.5849C9.1746 22.5582 9.23319 22.519 9.28253 22.4696L15.6575 16.0946C15.7318 16.0203 15.7824 15.9256 15.8028 15.8225C15.8233 15.7194 15.8127 15.6126 15.7724 15.5155ZM8.90667 21.3427L3.81397 16.25H5.71917C5.86006 16.25 5.99519 16.194 6.09482 16.0944C6.19445 15.9948 6.25042 15.8596 6.25042 15.7188V14.125H11.5629V15.7188C11.5629 15.8596 11.6189 15.9948 11.7185 16.0944C11.8181 16.194 11.9533 16.25 12.0942 16.25H13.9994L8.90667 21.3427Z" fill="%23377FC4"/></svg>');
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-left: 5px;
}
.lock-rotation {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='23' viewBox='0 0 22 23' fill='none'%3E %3Cpath d='M13.643 1.55893C18.1478 2.6231 21.5001 6.67 21.5001 11.4999C21.5001 17.1411 16.9271 21.7142 11.2858 21.7142C5.64463 21.7142 1.07153 17.1411 1.07153 11.4999C1.07153 7.55925 3.30313 4.13969 6.57153 2.43626' stroke='%2313911B' stroke-linecap='round'/%3E %3Cpath d='M3.42871 1.28566L7.35728 1.28566L7.35728 5.21423' stroke='%2313911B' stroke-linecap='round' stroke-linejoin='round'/%3E %3Cpath d='M7.75024 15.0356V11.8928C7.75024 11.4588 8.10202 11.1071 8.53596 11.1071H14.036C14.4699 11.1071 14.8217 11.4588 14.8217 11.8928V15.0356C14.8217 15.4696 14.4699 15.8213 14.036 15.8213H8.53596C8.10202 15.8213 7.75024 15.4696 7.75024 15.0356Z' stroke='%2313911B' stroke-linejoin='round'/%3E %3Cpath d='M8.92847 11.107V9.53561C8.92847 8.23379 9.98379 7.17847 11.2856 7.17847C12.5874 7.17847 13.6428 8.23379 13.6428 9.53561V11.107' stroke='%2313911B' stroke-linecap='round' stroke-linejoin='round'/%3E %3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  width: 22px;
  height: 22px;
}
.info-circle {
  background-image: url("data:image/svg+xml,%3Csvg width='26' height='29' viewBox='0 0 26 29' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='information-circle--information-frame-info-more-help-point-circle'%3E%3Cg id='information-circle--information-frame-info-more-help-point-circle_2'%3E%3Cpath id='Vector' d='M13 21.4832C16.5899 21.4832 19.5 18.5731 19.5 14.9832C19.5 11.3933 16.5899 8.48315 13 8.48315C9.41015 8.48315 6.5 11.3933 6.5 14.9832C6.5 18.5731 9.41015 21.4832 13 21.4832Z' stroke='%2326A3E3' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath id='Vector_2' d='M11.5 17.9832H14.5' stroke='%2326A3E3' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath id='Vector_3' d='M13 17.9832V14.4832H12' stroke='%2326A3E3' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cg id='Group 2605'%3E%3Cpath id='Ellipse 1111' d='M13 12.2332C12.8619 12.2332 12.75 12.1212 12.75 11.9832C12.75 11.8451 12.8619 11.7332 13 11.7332' stroke='%2326A3E3' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath id='Ellipse 1112' d='M13 12.2332C13.1381 12.2332 13.25 12.1212 13.25 11.9832C13.25 11.8451 13.1381 11.7332 13 11.7332' stroke='%2326A3E3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  width: 22px;
  height: 22px;
}
.action-icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='30' viewBox='0 0 32 30' fill='none'%3E%3Cg id='ai-generate-portrait-image-spark--picture-photography-photo-image-artificial-intelligence-ai'%3E%3Cg id='ai-generate-variation-spark--module-application-artificial-intelligence-ai'%3E%3Cg id='Group 631'%3E%3Cpath id='Vector' d='M13.3843 16.9424H7.67115C7.29995 16.9424 6.99902 17.2499 6.99902 17.6292V23.4673C6.99902 23.8466 7.29995 24.1541 7.67115 24.1541H13.3843C13.7555 24.1541 14.0564 23.8466 14.0564 23.4673V17.6292C14.0564 17.2499 13.7555 16.9424 13.3843 16.9424Z' stroke='%23377FC4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath id='Vector_2' d='M24.3272 16.9424H18.614C18.2428 16.9424 17.9419 17.2499 17.9419 17.6292V23.4673C17.9419 23.8466 18.2428 24.1541 18.614 24.1541H24.3272C24.6984 24.1541 24.9992 23.8466 24.9992 23.4673V17.6292C24.9992 17.2499 24.6984 16.9424 24.3272 16.9424Z' stroke='%23377FC4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath id='Vector_3' d='M13.3843 6H7.67115C7.29995 6 6.99902 6.30751 6.99902 6.68683V12.5249C6.99902 12.9043 7.29995 13.2118 7.67115 13.2118H13.3843C13.7555 13.2118 14.0564 12.9043 14.0564 12.5249V6.68683C14.0564 6.30751 13.7555 6 13.3843 6Z' stroke='%23377FC4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath id='Vector 2136' d='M17.158 10.1382C16.7442 10.0646 16.7442 9.45753 17.158 9.38396C18.6573 9.11742 19.8498 7.95045 20.1753 6.43133L20.2002 6.31488C20.2897 5.89692 20.8721 5.89431 20.9652 6.31146L20.9954 6.44717C21.333 7.95913 22.5258 9.11624 24.021 9.38203C24.4369 9.45598 24.4369 10.0662 24.021 10.1401C22.5258 10.4059 21.333 11.563 20.9954 13.075L20.9652 13.2107C20.8721 13.6278 20.2897 13.6252 20.2002 13.2073L20.1753 13.0908C19.8498 11.5717 18.6573 10.4047 17.158 10.1382Z' stroke='%23377FC4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  width: 28px;
  height: 28px;
}
.default-icon {
  position: relative;
  top: 2px;
  left: 2px;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='20'%20height='20'%20viewBox='0%200%20100%20100'%20fill='none'%3E%3Ccircle%20cx='50'%20cy='50'%20r='40'%20fill='none'%20stroke='%23CBD5E0'%20stroke-width='4'/%3E%3Ccircle%20cx='50'%20cy='50'%20r='10'%20fill='%23CBD5E0'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.center-icon {
  position: relative;
  top: 2px;
  left: 2px;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='20'%20height='20'%20viewBox='0%200%20100%20100'%20fill='none'%3E%3Ccircle%20cx='50'%20cy='50'%20r='40'%20fill='%234A90E2'%20opacity='0.2'/%3E%3Ccircle%20cx='50'%20cy='50'%20r='25'%20fill='%234A90E2'%20opacity='0.5'/%3E%3Ccircle%20cx='50'%20cy='50'%20r='12'%20fill='%234A90E2'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.center-organization-icon {
  position: relative;
  top: 2px;
  left: 2px;
  background-image: url("data:image/svg+xml,%3Csvg%20width='22'%20height='22'%20viewBox='0%200%2022%2022'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20d='M18.8734%2011.6619C18.8734%2016.3958%2015.0358%2020.2334%2010.3019%2020.2334C5.56803%2020.2334%201.73047%2016.3958%201.73047%2011.6619C1.73047%206.92807%205.56803%203.09052%2010.3019%203.09052'%20stroke='%2326A3E3'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3Cpath%20d='M1.73047%2011.662H11.6206'%20stroke='%2326A3E3'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3Cpath%20d='M10.3016%203.09082C8.32135%205.52596%207.16681%208.52775%207.00488%2011.6622C7.16681%2014.7967%208.32135%2017.7986%2010.3016%2020.2337C11.8606%2018.3166%2012.9078%2016.0481%2013.3618%2013.6403'%20stroke='%2326A3E3'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3Cpath%20d='M11.5772%206.67224C11.0758%206.58503%2011.0758%205.86534%2011.5772%205.77813C13.3934%205.46216%2014.8379%204.07879%2015.2322%202.27792L15.2624%202.13988C15.3708%201.6444%2016.0764%201.64132%2016.1891%202.13583L16.2258%202.2967C16.6347%204.08906%2018.0795%205.46076%2019.8908%205.77586C20.3947%205.86351%2020.3947%206.58686%2019.8908%206.67453C18.0795%206.98961%2016.6347%208.36131%2016.2258%2010.1537L16.1891%2010.3145C16.0764%2010.8091%2015.3708%2010.806%2015.2624%2010.3105L15.2322%2010.1725C14.8379%208.3716%2013.3934%206.98821%2011.5772%206.67224Z'%20stroke='%2326A3E3'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.center-department-icon {
  position: relative;
  top: 2px;
  left: 2px;
  background-image: url("data:image/svg+xml,%3Csvg%20width='22'%20height='22'%20viewBox='0%200%2022%2022'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20d='M20.24%205.70098L12.2015%201.18573C11.9868%201.0639%2011.7454%201%2011.5%201C11.2546%201%2011.0132%201.0639%2010.7985%201.18573L2.76%205.70286C2.53044%205.8318%202.33881%206.02165%202.20512%206.25259C2.07143%206.48352%202.00059%206.74706%202%207.0157V15.9843C2.00059%2016.2529%202.07143%2016.5165%202.20512%2016.7474C2.33881%2016.9783%202.53044%2017.1682%202.76%2017.2971L10.7985%2021.8143C11.0132%2021.9361%2011.2546%2022%2011.5%2022C11.7454%2022%2011.9868%2021.9361%2012.2015%2021.8143L20.24%2017.2971C20.4696%2017.1682%2020.6612%2016.9783%2020.7949%2016.7474C20.9286%2016.5165%2020.9994%2016.2529%2021%2015.9843V7.01664C20.9999%206.74752%2020.9293%206.48339%2020.7956%206.25192C20.6619%206.02045%2020.47%205.83015%2020.24%205.70098ZM11.5%202.49858L18.8387%206.62466L11.5%2010.7507L4.16125%206.62466L11.5%202.49858ZM3.46154%207.9375L10.7692%2012.043V20.0879L3.46154%2015.9852V7.9375ZM12.2308%2020.0879V12.0467L19.5385%207.9375V15.9815L12.2308%2020.0879Z'%20fill='%2326A3E3'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.center-group-icon {
  position: relative;
  top: 2px;
  left: 2px;
  background-image: url("data:image/svg+xml,%3Csvg%20width='22'%20height='22'%20viewBox='0%200%2022%2022'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20d='M11.3931%2021C16.6988%2021%2021%2016.6988%2021%2011.3931C21%206.0873%2016.6988%201.78613%2011.3931%201.78613C6.0873%201.78613%201.78613%206.0873%201.78613%2011.3931C1.78613%2016.6988%206.0873%2021%2011.3931%2021Z'%20stroke='%2326A3E3'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3Cpath%20d='M12.8136%2015.8069L12.8136%2015.8069C12.387%2015.1195%2011.8034%2014.5551%2011.1163%2014.1645C10.4292%2013.7739%209.66002%2013.5695%208.8787%2013.5695C8.09738%2013.5695%207.32824%2013.7739%206.64111%2014.1645C5.9541%2014.555%205.37068%2015.1193%204.94409%2015.8065C4.90533%2015.8706%204.85466%2015.9263%204.79487%2015.9701C4.73495%2016.0141%204.6671%2016.0452%204.59521%2016.0617C4.52332%2016.0781%204.44899%2016.0794%204.3766%2016.0654C4.30422%2016.0515%204.23538%2016.0227%204.17408%2015.9808C4.11278%2015.9389%204.06027%2015.8848%204.01945%2015.8219C3.97864%2015.7589%203.95029%2015.6883%203.93591%2015.614C3.92152%2015.5398%203.92137%2015.4634%203.93544%2015.3891L4.00912%2015.4031L3.93544%2015.3891C3.94948%2015.315%203.97743%2015.2444%204.01781%2015.1814C4.01791%2015.1813%204.01802%2015.1811%204.01813%2015.1809L4.08123%2015.2215C4.73642%2014.165%205.69269%2013.3528%206.8131%2012.8993L12.8136%2015.8069ZM12.8136%2015.8069L12.8142%2015.8078C12.8946%2015.933%2013.0194%2016.021%2013.1625%2016.0514C13.3056%2016.0818%2013.4542%2016.0519%2013.5759%2015.9688C13.6974%2015.8858%2013.7819%2015.7567%2013.8124%2015.6101C13.8429%2015.4635%2013.8172%2015.3101%2013.7404%2015.1827L13.7399%2015.1819C13.0849%2014.1258%2012.1322%2013.31%2011.015%2012.8472C11.6128%2012.3961%2012.0667%2011.7656%2012.3161%2011.0384C12.5807%2010.2667%2012.6013%209.42644%2012.3747%208.64166C12.1481%207.85685%2011.6863%207.16863%2011.0568%206.67915C10.4273%206.18963%209.66361%205.925%208.8787%205.925C8.09379%205.925%207.33011%206.18963%206.70058%206.67915C6.07111%207.16863%205.60928%207.85685%205.38271%208.64166C5.15615%209.42644%205.17667%2010.2667%205.4413%2011.0384C5.6907%2011.7656%206.14462%2012.3961%206.74236%2012.8472L12.8136%2015.8069Z'%20fill='%2326A3E3'%20stroke='%2326A3E3'%20stroke-width='0.15'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.center-sphere-icon {
  position: relative;
  top: 2px;
  left: 2px;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='20'%20height='20'%20viewBox='0%200%20100%20100'%20fill='none'%3E%3Ccircle%20cx='50'%20cy='50'%20r='40'%20fill='%2348BB78'%20opacity='0.3'/%3E%3Ccircle%20cx='50'%20cy='50'%20r='20'%20fill='%2348BB78'/%3E%3Cpath%20d='M50%2010%20A40%2040%200%200%201%2090%2050'%20stroke='%2334D399'%20stroke-width='4'%20fill='none'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.center-subject-icon {
  position: relative;
  top: 2px;
  left: 2px;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='20'%20height='20'%20viewBox='0%200%20100%20100'%20fill='none'%3E%3Ccircle%20cx='50'%20cy='50'%20r='40'%20fill='none'%20stroke='%23805AD5'%20stroke-width='4'/%3E%3Ccircle%20cx='50'%20cy='50'%20r='20'%20fill='%23805AD5'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.center-perspective-icon {
  position: relative;
  top: 2px;
  left: 2px;
  background-image: url("data:image/svg+xml,%3Csvg%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cg%20clip-path='url(%23clip0_4902_122453)'%3E%3Cpath%20d='M4.35352%2013.0213C5.35639%2011.6788%206.95802%2010.8097%208.76263%2010.8097C10.0473%2010.8097%2011.2291%2011.2501%2012.1652%2011.9883'%20stroke='%2326A3E3'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3Cpath%20d='M7.97669%2016.7026H2.47669C2.05994%2016.7026%201.66023%2016.5369%201.36553%2016.2423C1.07083%2015.9476%200.905273%2015.5479%200.905273%2015.1311V2.55972C0.905273%202.14294%201.07083%201.74325%201.36553%201.44854C1.66023%201.15384%202.05994%200.988281%202.47669%200.988281H15.0481C15.4649%200.988281%2015.8646%201.15384%2016.1594%201.44854C16.454%201.74325%2016.6196%202.14294%2016.6196%202.55972V7.274'%20stroke='%2326A3E3'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3Cpath%20d='M8.76242%208.45257C10.0642%208.45257%2011.1196%207.39723%2011.1196%206.09542C11.1196%204.79361%2010.0642%203.73828%208.76242%203.73828C7.46061%203.73828%206.40527%204.79361%206.40527%206.09542C6.40527%207.39723%207.46061%208.45257%208.76242%208.45257Z'%20stroke='%2326A3E3'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3Cpath%20d='M11.5327%2016.5988C10.9813%2016.5028%2010.9813%2015.7111%2011.5327%2015.6152C13.5306%2015.2676%2015.1196%2013.7459%2015.5532%2011.765L15.5865%2011.6131C15.7058%2011.0681%2016.4819%2011.0647%2016.6059%2011.6087L16.6462%2011.7856C17.096%2013.7572%2018.6853%2015.2661%2020.6777%2015.6127C21.232%2015.7091%2021.232%2016.5048%2020.6777%2016.6013C18.6853%2016.9478%2017.096%2018.4567%2016.6462%2020.4284L16.6059%2020.6053C16.4819%2021.1492%2015.7058%2021.1459%2015.5865%2020.6007L15.5532%2020.4489C15.1196%2018.468%2013.5306%2016.9462%2011.5327%2016.5988Z'%20stroke='%2326A3E3'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.center-time-action-icon {
  position: relative;
  top: 2px;
  left: 2px;
  background-image: url("data:image/svg+xml,%3Csvg%20width='22'%20height='22'%20viewBox='0%200%2022%2022'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20d='M10.9694 9.7819C11.0391 9.85164 11.1218 9.90696 11.2128 9.94471C11.3039 9.98245 11.4014 10.0019 11.5 10.0019C11.5986 10.0019 11.6961 9.98245 11.7872 9.94471C11.8782 9.90696 11.9609 9.85164 12.0306 9.7819L15.7804 6.03161C15.8501 5.96195 15.9054 5.87922 15.9432 5.78817C15.9809 5.69711 16.0003 5.59951 16.0003 5.50094C16.0003 5.40237 15.9809 5.30477 15.9432 5.21371C15.9054 5.12266 15.8501 5.03993 15.7804 4.97027L12.0306 1.21998C11.9609 1.15024 11.8782 1.09492 11.7872 1.05717C11.6961 1.01943 11.5986 1 11.5 1C11.4014 1 11.3039 1.01943 11.2128 1.05717C11.1218 1.09492 11.0391 1.15024 10.9694 1.21998L7.21962 4.97027C7.14989 5.03993 7.09457 5.12266 7.05683 5.21371C7.01909 5.30477 6.99966 5.40237 6.99966 5.50094C6.99966 5.59951 7.01909 5.69711 7.05683 5.78817C7.09457 5.87922 7.14989 5.96195 7.21962 6.03161L10.9694 9.7819ZM11.5 2.81104L14.1895 5.50094L11.5 8.19084L8.81046 5.50094L11.5 2.81104ZM12.0306 13.2181C11.9609 13.1484 11.8782 13.093 11.7872 13.0553C11.6961 13.0175 11.5986 12.9981 11.5 12.9981C11.4014 12.9981 11.3039 13.0175 11.2128 13.0553C11.1218 13.093 11.0391 13.1484 10.9694 13.2181L7.21962 16.9684C7.14989 17.0381 7.09457 17.1208 7.05683 17.2118C7.01909 17.3029 6.99966 17.4005 6.99966 17.4991C6.99966 17.5976 7.01909 17.6952 7.05683 17.7863C7.09457 17.8773 7.14989 17.9601 7.21962 18.0297L10.9694 21.78C11.0391 21.8498 11.1218 21.9051 11.2128 21.9428C11.3039 21.9806 11.4014 22 11.5 22C11.5986 22 11.6961 21.9806 11.7872 21.9428C11.8782 21.9051 11.9609 21.8498 12.0306 21.78L15.7804 18.0297C15.8501 17.9601 15.9054 17.8773 15.9432 17.7863C15.9809 17.6952 16.0003 17.5976 16.0003 17.4991C16.0003 17.4005 15.9809 17.3029 15.9432 17.2118C15.9054 17.1208 15.8501 17.0381 15.7804 16.9684L12.0306 13.2181ZM11.5 20.1918L8.81046 17.5019L11.5 14.812L14.1895 17.5019L11.5 20.1918ZM21.78 10.9707L18.0303 7.22045C17.9606 7.15071 17.8779 7.09539 17.7869 7.05764C17.6958 7.0199 17.5982 7.00047 17.4997 7.00047C17.4011 7.00047 17.3035 7.0199 17.2125 7.05764C17.1214 7.09539 17.0387 7.15071 16.9691 7.22045L13.2193 10.9707C13.1496 11.0404 13.0942 11.1231 13.0565 11.2142C13.0188 11.3052 12.9993 11.4028 12.9993 11.5014C12.9993 11.6 13.0188 11.6976 13.0565 11.7886C13.0942 11.8797 13.1496 11.9624 13.2193 12.0321L16.9691 15.7824C17.0387 15.8521 17.1214 15.9074 17.2125 15.9452C17.3035 15.9829 17.4011 16.0023 17.4997 16.0023C17.5982 16.0023 17.6958 15.9829 17.7869 15.9452C17.8779 15.9074 17.9606 15.8521 18.0303 15.7824L21.78 12.0321C21.8498 11.9624 21.9051 11.8797 21.9428 11.7886C21.9806 11.6976 22 11.6 22 11.5014C22 11.4028 21.9806 11.3052 21.9428 11.2142C21.9051 11.1231 21.8498 11.0404 21.78 10.9707ZM17.4997 14.1913L14.8101 11.5014L17.4997 8.81151L20.1892 11.5014L17.4997 14.1913ZM9.78072 10.9707L6.03093 7.22045C5.96128 7.15071 5.87857 7.09539 5.78753 7.05764C5.69648 7.0199 5.59889 7.00047 5.50034 7.00047C5.40178 7.00047 5.30419 7.0199 5.21315 7.05764C5.12211 7.09539 5.03939 7.15071 4.96974 7.22045L1.21995 10.9707C1.15022 11.0404 1.09491 11.1231 1.05717 11.2142C1.01943 11.3052 1 11.4028 1 11.5014C1 11.6 1.01943 11.6976 1.05717 11.7886C1.09491 11.8797 1.15022 11.9624 1.21995 12.0321L4.96974 15.7824C5.03939 15.8521 5.12211 15.9074 5.21315 15.9452C5.30419 15.9829 5.40178 16.0023 5.50034 16.0023C5.59889 16.0023 5.69648 15.9829 5.78753 15.9452C5.87857 15.9074 5.96128 15.8521 6.03093 15.7824L9.78072 12.0321C9.85045 11.9624 9.90577 11.8797 9.94351 11.7886C9.98125 11.6976 10.0007 11.6 10.0007 11.5014C10.0007 11.4028 9.98125 11.3052 9.94351 11.2142C9.90577 11.1231 9.85045 11.0404 9.78072 10.9707ZM5.50034 14.1913L2.8108 11.5014L5.50034 8.81151L8.18987 11.5014L5.50034 14.1913Z' fill='%2348BB78'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.center-orbit-icon {
  position: relative;
  top: 2px;
  left: 2px;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='26'%20height='22'%20viewBox='0%200%2026%2022'%20fill='none'%3E%3Cpath%20d='M4.96289%2020.2119V16.6689H9.07677'%20stroke='%2326A3E3'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3Cpath%20d='M23.7054%209.30695C24.729%2013.9951%2021.3979%2018.6427%2015.9593%2019.8979C11.7968%2020.8585%207.5496%2019.5663%204.96289%2016.8892'%20stroke='%2326A3E3'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3Cpath%20d='M2.67647%2012.6927C1.65286%208.00463%204.98399%203.35689%2010.4226%202.10182C14.5848%201.1413%2018.8317%202.4332%2021.4184%205.10997'%20stroke='%2326A3E3'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3Cpath%20d='M21.4185%201.78809V5.33116H17.3047'%20stroke='%2326A3E3'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3Cpath%20d='M8.36333%2011.4764C7.78123%2011.3892%207.78123%2010.6695%208.36333%2010.5823C10.4722%2010.2664%2012.1494%208.88297%2012.6072%207.08212L12.6422%206.94407C12.7682%206.4486%2013.5873%206.44552%2013.7183%206.94002L13.7609%207.10089C14.2356%208.89326%2015.9133%2010.2649%2018.0163%2010.58C18.6013%2010.6677%2018.6013%2011.3911%2018.0163%2011.4787C15.9133%2011.7938%2014.2356%2013.1655%2013.7609%2014.9579L13.7183%2015.1187C13.5873%2015.6133%2012.7682%2015.6101%2012.6422%2015.1147L12.6072%2014.9767C12.1494%2013.1758%2010.4722%2011.7924%208.36333%2011.4764Z'%20stroke='%2326A3E3'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.center-rotation-icon {
  position: relative;
  top: 2px;
  left: 2px;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='26'%20height='22'%20viewBox='0%200%2026%2022'%20fill='none'%3E%3Cpath%20d='M4.96289%2020.2119V16.6689H9.07677'%20stroke='%2326A3E3'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3Cpath%20d='M23.7054%209.30695C24.729%2013.9951%2021.3979%2018.6427%2015.9593%2019.8979C11.7968%2020.8585%207.5496%2019.5663%204.96289%2016.8892'%20stroke='%2326A3E3'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3Cpath%20d='M2.67647%2012.6927C1.65286%208.00463%204.98399%203.35689%2010.4226%202.10182C14.5848%201.1413%2018.8317%202.4332%2021.4184%205.10997'%20stroke='%2326A3E3'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3Cpath%20d='M21.4185%201.78809V5.33116H17.3047'%20stroke='%2326A3E3'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3Cpath%20d='M8.36333%2011.4764C7.78123%2011.3892%207.78123%2010.6695%208.36333%2010.5823C10.4722%2010.2664%2012.1494%208.88297%2012.6072%207.08212L12.6422%206.94407C12.7682%206.4486%2013.5873%206.44552%2013.7183%206.94002L13.7609%207.10089C14.2356%208.89326%2015.9133%2010.2649%2018.0163%2010.58C18.6013%2010.6677%2018.6013%2011.3911%2018.0163%2011.4787C15.9133%2011.7938%2014.2356%2013.1655%2013.7609%2014.9579L13.7183%2015.1187C13.5873%2015.6133%2012.7682%2015.6101%2012.6422%2015.1147L12.6072%2014.9767C12.1494%2013.1758%2010.4722%2011.7924%208.36333%2011.4764Z'%20stroke='%2326A3E3'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
/*
.sphere-user-icon {
  background-image: url('data:image/svg+xml;utf8,<svg width="26" height="26" viewBox="0 0 26 26" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="user-circle-single--circle-geometric-human-person-single-user"><g id="user-circle-single--circle-geometric-human-person-single-user_2"><path id="Vector" d="M13.0001 14.7599C15.4293 14.7599 17.3986 12.7906 17.3986 10.3614C17.3986 7.93217 15.4293 5.96289 13.0001 5.96289C10.5708 5.96289 8.60156 7.93217 8.60156 10.3614C8.60156 12.7906 10.5708 14.7599 13.0001 14.7599Z" stroke="%23377FC4" stroke-linecap="round" stroke-linejoin="round"/><path id="Vector_2" d="M5.48828 21.6216C6.2734 20.3328 7.37684 19.2677 8.69252 18.5287C10.0082 17.7896 11.4919 17.4014 13.0009 17.4014C14.51 17.4014 15.9936 17.7896 17.3093 18.5287C18.625 19.2677 19.7284 20.3328 20.5136 21.6216" stroke="%23377FC4" stroke-linecap="round" stroke-linejoin="round"/><path id="Vector_3" d="M13.0005 24.4366C19.3166 24.4366 24.4366 19.3166 24.4366 13.0005C24.4366 6.68457 19.3166 1.56445 13.0005 1.56445C6.68457 1.56445 1.56445 6.68457 1.56445 13.0005C1.56445 19.3166 6.68457 24.4366 13.0005 24.4366Z" stroke="%23377FC4" stroke-linecap="round" stroke-linejoin="round"/></g></g></svg>');
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  width: 24.632px;
  height: 24.632px;
}
*/
.center-sphere-priority-icon {
  position: relative;
  top: 2px;
  left: 2px;
  background-image: url("data:image/svg+xml,%3Csvg%20width='22'%20height='22'%20viewBox='0%200%2022%2022'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cg%20clip-path='url(%23clip0_4902_122407)'%3E%3Cpath%20d='M9.6423%207.21063C8.72555%207.90125%207.79322%208.70989%206.88422%209.61889C2.82223%2013.6809%200.764175%2018.2086%202.28742%2019.7319C3.81066%2021.255%208.33839%2019.197%2012.4004%2015.1351C13.3094%2014.2261%2014.118%2013.2937%2014.8086%2012.377'%20stroke='%231A9C9C'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3Cpath%20d='M14.8086%2012.377C17.2042%2015.5569%2018.1796%2018.5495%2016.9972%2019.7319C15.4739%2021.2552%2010.9462%2019.197%206.88422%2015.1351C2.82223%2011.0731%200.764175%206.54534%202.28742%205.0221C3.46979%203.83973%206.4624%204.81514%209.6423%207.21064'%20stroke='%231A9C9C'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3Cpath%20d='M8.92773%2012.3771C8.92773%2012.7716%209.24753%2013.0914%209.64202%2013.0914C10.0365%2013.0914%2010.3563%2012.7716%2010.3563%2012.3771C10.3563%2011.9826%2010.0365%2011.6628%209.64202%2011.6628C9.24753%2011.6628%208.92773%2011.9826%208.92773%2012.3771Z'%20stroke='%231A9C9C'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3Cpath%20d='M12.5123%206.15718C12.0636%206.07911%2012.0636%205.4349%2012.5123%205.35683C14.1381%205.07398%2015.4312%203.83567%2015.784%202.22363L15.8112%202.10006C15.9082%201.65654%2016.5397%201.65378%2016.6407%202.09644L16.6736%202.24044C17.0395%203.84487%2018.3329%205.07273%2019.9542%205.35478C20.4053%205.43325%2020.4053%206.08075%2019.9542%206.15923C18.3329%206.44128%2017.0395%207.66915%2016.6736%209.27358L16.6407%209.41758C16.5397%209.86024%2015.9082%209.85748%2015.8112%209.41395L15.784%209.29038C15.4312%207.67835%2014.1381%206.44003%2012.5123%206.15718Z'%20stroke='%231A9C9C'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath%20id='clip0_4902_122407'%3E%3Crect%20width='20'%20height='20'%20fill='white'%20transform='translate(1.03906%201)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.center-sphere-pillar-icon {
  position: relative;
  top: 2px;
  left: 2px;
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D'23'%20height%3D'23'%20viewBox%3D'0%200%2023%2023'%20fill%3D'none'%20xmlns%3D'http%3A//www.w3.org/2000/svg'%3E%3Cdefs%3E%3ClinearGradient%20id%3D'paint0_linear_main'%20x1%3D'5.21977'%20y1%3D'17.3305'%20x2%3D'16.7802'%20y2%3D'5.77008'%20gradientUnits%3D'userSpaceOnUse'%3E%3Cstop%20stop-color%3D'%2338AB6B'/%3E%3Cstop%20offset%3D'1'%20stop-color%3D'%2349C881'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath%20d%3D'M18.9892%2013.2037C19.2761%2013.361%2019.599%2013.4407%2019.9262%2013.4353C20.2533%2013.4297%2020.5735%2013.3391%2020.8551%2013.1722C21.1368%2013.0054%2021.3702%2012.7681%2021.5323%2012.4838C21.6945%2012.1994%2021.7799%2011.8779%2021.7799%2011.5506C21.7801%2011.2234%2021.695%2010.9018%2021.5331%2010.6176C21.3711%2010.3333%2021.1379%2010.0963%2020.8564%209.92962C20.5748%209.76297%2020.2547%209.67258%2019.9276%209.66733C19.6004%209.66209%2019.2773%209.74202%2018.9904%209.8995C18.6697%208.33827%2017.8982%206.90564%2016.7714%205.77888C15.6447%204.65211%2014.212%203.88064%2012.6508%203.55992C12.8082%203.27294%2012.8883%202.94996%2012.883%202.62277C12.8777%202.29558%2012.7873%201.97547%2012.6207%201.69396C12.4541%201.41243%2012.217%201.17923%2011.9327%201.01727C11.6485%200.855316%2011.3269%200.770213%2010.9997%200.770332C10.6725%200.770448%2010.3509%200.855797%2010.0665%201.01795C9.78216%201.18012%209.54489%201.4135%209.37807%201.69514C9.21124%201.97678%209.12061%202.29695%209.11509%202.62415C9.10957%202.95134%209.18936%203.27427%209.3466%203.56113C7.7859%203.88512%206.35331%204.65737%205.22443%205.78319C4.23605%206.76848%203.51953%207.9928%203.14469%209.33685C2.74269%209.19789%202.30524%209.2001%201.90441%209.34314C1.50357%209.48618%201.1634%209.76138%200.939847%2010.1235C0.716293%2010.4856%200.622653%2010.9131%200.674542%2011.3353C0.726351%2011.7575%200.920477%2012.1494%201.22501%2012.4463C1.44885%2012.6678%201.72438%2012.8301%202.02678%2012.9183C2.32916%2013.0066%202.64879%2013.0182%202.95681%2012.952C3.23938%2014.611%204.03012%2016.1409%205.21978%2017.3305C6.40944%2018.5202%207.93934%2019.3109%209.59834%2019.5935C9.5127%2019.9908%209.55779%2020.4049%209.72693%2020.7743C9.89598%2021.1436%2010.1799%2021.4484%2010.5364%2021.643C10.8929%2021.8377%2011.3029%2021.9118%2011.7052%2021.8544C12.1075%2021.797%2012.4805%2021.611%2012.7687%2021.3243C13.0137%2021.0773%2013.1852%2020.7669%2013.2637%2020.428C13.3423%2020.089%2013.3249%2019.7351%2013.2135%2019.4056C14.5575%2019.0307%2015.7819%2018.3143%2016.7671%2017.3259C17.8929%2016.197%2018.6652%2014.7644%2018.9892%2013.2037Z'%20stroke%3D'url(%23paint0_linear_main)'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'/%3E%3Cg%20transform%3D'translate(1,1)'%3E%3Ccircle%20cx%3D'10'%20cy%3D'10.5'%20r%3D'5'%20stroke%3D'url(%23paint0_linear_main)'%20stroke-width%3D'1'/%3E%3Ccircle%20cx%3D'10'%20cy%3D'10.5'%20r%3D'1.5'%20fill%3D'url(%23paint0_linear_main)'/%3E%3C/g%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.center-sphere-strategy-icon {
  position: relative;
  top: 2px;
  left: 2px;
  background-image: url("data:image/svg+xml,%3Csvg%20width='22'%20height='22'%20viewBox='0%200%2022%2022'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20d='M10.8658%209.62083L10.8657%2015.7767C10.8657%2018.1091%208.97483%2020%206.6423%2020C4.30977%2020%202.41887%2018.1091%202.41887%2015.7767C2.41887%2015.6571%202.42384%2015.5388%202.43357%2015.4218C1.55459%2014.4775%201%2012.6304%201%2011.0893C1%208.98924%202.02972%206.94741%203.50682%206.14482C3.49265%206.01341%203.48538%205.87995%203.48538%205.74478C3.48538%203.70674%205.13755%202.05457%207.17559%202.05457C8.08312%202.05457%208.91411%202.38217%209.55681%202.92555'%20stroke='%23B04DAA'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3Cpath%20d='M5.45689%208.65254C4.91505%208.52902%203.68721%207.72378%203.50195%206.15393'%20stroke='%23B04DAA'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3Cpath%20d='M3.56289%2013.2075C3.01162%2013.6428%202.57209%2014.6292%202.42969%2015.4194'%20stroke='%23B04DAA'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3Cpath%20d='M10.8662%2015.7765C10.8662%2018.109%2012.7571%2019.9999%2015.0896%2019.9999C17.4221%2019.9999%2019.313%2018.109%2019.313%2015.7765C19.313%2015.657%2019.308%2015.5387%2019.2983%2015.4216C20.1774%2014.4774%2020.732%2012.6303%2020.732%2011.0891C20.732%2010.4162%2020.6262%209.74921%2020.4338%209.12708'%20stroke='%23B04DAA'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3Cpath%20d='M18.1689%2013.2075C18.7201%2013.6428%2019.1597%2014.6292%2019.3021%2015.4194'%20stroke='%23B04DAA'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3Cpath%20d='M10.9657%206.32407C10.4216%206.22941%2010.4216%205.44834%2010.9657%205.35369C12.9368%205.01077%2014.5046%203.50939%2014.9324%201.55493L14.9652%201.40511C15.0829%200.867375%2015.8487%200.864028%2015.971%201.40072L16.0108%201.5753C16.4546%203.52055%2018.0227%205.00925%2019.9884%205.35121C20.5353%205.44636%2020.5353%206.2314%2019.9884%206.32653C18.0227%206.66851%2016.4546%208.15721%2016.0108%2010.1024L15.971%2010.277C15.8487%2010.8137%2015.0829%2010.8104%2014.9652%2010.2726L14.9324%2010.1228C14.5046%208.16835%2012.9368%206.66699%2010.9657%206.32407Z'%20stroke='%23B04DAA'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.center-sphere-intention-icon {
  position: relative;
  top: 2px;
  left: 2px;
  background-image: url("data:image/svg+xml,%3Csvg%20width='22'%20height='22'%20viewBox='0%200%2022%2022'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cg%20clip-path='url(%23clip0_4902_122422)'%3E%3Cpath%20d='M13.0089%2012.3862C12.4573%2013.0135%2011.786%2013.5295%2011.0307%2013.9016V16.0445C11.0307%2016.2339%2010.9554%2016.4156%2010.8215%2016.5495C10.6875%2016.6835%2010.5058%2016.7588%2010.3164%2016.7588H6.03067C5.84124%2016.7588%205.65956%2016.6835%205.5256%2016.5495C5.39164%2016.4156%205.31639%2016.2339%205.31639%2016.0445V13.9016C4.28846%2013.3916%203.41579%2012.6157%202.78896%2011.6545C2.16214%2010.6933%201.80402%209.58188%201.75178%208.43557C1.69955%207.28924%201.9551%206.14984%202.4919%205.13563C3.02872%204.12143%203.8272%203.26938%204.80449%202.66798C5.78177%202.06657%206.90223%201.73772%208.04953%201.71556C9.00669%201.69706%209.95342%201.8926%2010.8215%202.28496'%20stroke='%235C1BB7'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3Cpath%20d='M5.31641%2020.2858H11.0307'%20stroke='%235C1BB7'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3Cpath%20d='M11.5645%206.62C11.0631%206.53278%2011.0631%205.8131%2011.5645%205.72588C13.3807%205.40991%2014.8252%204.02654%2015.2195%202.22567L15.2497%202.08763C15.3581%201.59215%2016.0637%201.58907%2016.1764%202.08358L16.2131%202.24445C16.6219%204.03681%2018.0668%205.40851%2019.8781%205.7236C20.3819%205.81127%2020.3819%206.53461%2019.8781%206.62227C18.0668%206.93737%2016.6219%208.30907%2016.2131%2010.1014L16.1764%2010.2623C16.0637%2010.7568%2015.3581%2010.7537%2015.2497%2010.2583L15.2195%2010.1202C14.8252%208.31936%2013.3807%206.93597%2011.5645%206.62Z'%20stroke='%235C1BB7'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath%20id='clip0_4902_122422'%3E%3Crect%20width='22'%20height='22'%20fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
/* I 
.sphere-role-icon {
  position: relative;
  top: 2px;
  left: 2px;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%3E%3Cpath%20d='M10%202L4%205V9C4%2013%206%2014%2010%2018C14%2014%2016%2013%2016%209V5L10%202Z' stroke='%231A9C9C' stroke-width='2' fill='none'/%3E%3Cpolygon%20points='10,7%2011.09,9.26%2013,9.27%2011.5,11.14%2012.82,13.02%2010,11.77%207.18,13.02%208.5,11.14%207,9.27%208.91,9.26' fill='%231A9C9C'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
*/
.center-subject-identity-icon {
  position: relative;
  top: 2px;
  left: 2px;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='20'%20height='20'%20viewBox='0%200%20100%20100'%20fill='none'%3E%3Crect%20x='20'%20y='20'%20width='60'%20height='60'%20rx='10'%20stroke='%23805AD5'%20stroke-width='4'%20fill='none'/%3E%3Ccircle%20cx='50'%20cy='45'%20r='12'%20fill='%23805AD5'/%3E%3Cpath%20d='M40%2070%20C40%2060,%2060%2060,%2060%2070%20C60%2075,%2040%2075,%2040%2070%20Z'%20fill='%23805AD5'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.center-subject-user-icon {
  position: relative;
  top: 2px;
  left: 2px;
  background-image: url("data:image/svg+xml,%3Csvg%20width='20'%20height='20'%20viewBox='0%200%2022%2022'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20d='M11%200.4375C8.91094%200.4375%206.86879%201.05698%205.13179%202.2176C3.3948%203.37822%202.04098%205.02786%201.24153%206.95791C0.442077%208.88795%200.232904%2011.0117%200.64046%2013.0606C1.04802%2015.1096%202.054%2016.9916%203.53119%2018.4688C5.00838%2019.946%206.89044%2020.952%208.93936%2021.3595C10.9883%2021.7671%2013.1121%2021.5579%2015.0421%2020.7585C16.9721%2019.959%2018.6218%2018.6052%2019.7824%2016.8682C20.943%2015.1312%2021.5625%2013.0891%2021.5625%2011C21.5595%208.19956%2020.4458%205.51466%2018.4656%203.53445C16.4853%201.55424%2013.8004%200.440457%2011%200.4375ZM5.52375%2018.0586C6.11153%2017.1393%206.92126%2016.3828%207.8783%2015.8588C8.83534%2015.3348%209.90889%2015.0601%2011%2015.0601C12.0911%2015.0601%2013.1647%2015.3348%2014.1217%2015.8588C15.0787%2016.3828%2015.8885%2017.1393%2016.4763%2018.0586C14.9105%2019.2763%2012.9835%2019.9374%2011%2019.9374C9.01647%2019.9374%207.08951%2019.2763%205.52375%2018.0586ZM7.75%2010.1875C7.75%209.54471%207.94061%208.91636%208.29773%208.3819C8.65484%207.84744%209.16242%207.43088%209.75628%207.18489C10.3501%206.93891%2011.0036%206.87455%2011.634%206.99995C12.2645%207.12535%2012.8436%207.43488%2013.2981%207.8894C13.7526%208.34392%2014.0622%208.92302%2014.1876%209.55346C14.313%2010.1839%2014.2486%2010.8374%2014.0026%2011.4312C13.7566%2012.0251%2013.3401%2012.5327%2012.8056%2012.8898C12.2711%2013.2469%2011.6428%2013.4375%2011%2013.4375C10.1381%2013.4375%209.3114%2013.0951%208.70191%2012.4856C8.09241%2011.8761%207.75%2011.0495%207.75%2010.1875ZM17.6788%2016.9323C16.7726%2015.6191%2015.4984%2014.6033%2014.0164%2014.0123C14.8125%2013.3853%2015.3934%2012.5259%2015.6783%2011.5534C15.9632%2010.581%2015.9381%209.54389%2015.6063%208.58641C15.2745%207.62894%2014.6526%206.79865%2013.827%206.21101C13.0015%205.62338%2012.0133%205.3076%2011%205.3076C9.98667%205.3076%208.99852%205.62338%208.17297%206.21101C7.34743%206.79865%206.72551%207.62894%206.39372%208.58641C6.06194%209.54389%206.03676%2010.581%206.3217%2011.5534C6.60664%2012.5259%207.18754%2013.3853%207.9836%2014.0123C6.50162%2014.6033%205.22743%2015.6191%204.32125%2016.9323C3.17621%2015.6446%202.4278%2014.0534%202.16614%2012.3503C1.90449%2010.6471%202.14075%208.90466%202.84648%207.33268C3.55221%205.7607%204.69731%204.42624%206.1439%203.49C7.59049%202.55375%209.27688%202.05564%2011%202.05564C12.7231%202.05564%2014.4095%202.55375%2015.8561%203.49C17.3027%204.42624%2018.4478%205.7607%2019.1535%207.33268C19.8593%208.90466%2020.0955%2010.6471%2019.8339%2012.3503C19.5722%2014.0534%2018.8238%2015.6446%2017.6788%2016.9323Z'%20fill='%2326A3E3'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.center-subject-role-icon {
  position: relative;
  top: 2px;
  left: 2px;
  background-image: url("data:image/svg+xml,%3Csvg%20width='22'%20height='22'%20viewBox='0%200%2022%2022'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cg%20clip-path='url(%23clip0_4902_122468)'%3E%3Cpath%20d='M10.8932%2021C16.4753%2021%2021.0004%2016.4749%2021.0004%2010.8929C21.0004%205.31088%2016.4753%200.785767%2010.8932%200.785767C5.31124%200.785767%200.786133%205.31088%200.786133%2010.8929C0.786133%2016.4749%205.31124%2021%2010.8932%2021Z'%20stroke='%2326A3E3'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3Cpath%20d='M10.8805%208.71126C12.1892%208.71126%2013.2502%207.6503%2013.2502%206.34153C13.2502%205.03277%2012.1892%203.9718%2010.8805%203.9718C9.57171%203.9718%208.51074%205.03277%208.51074%206.34153C8.51074%207.6503%209.57171%208.71126%2010.8805%208.71126Z'%20stroke='%2326A3E3'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3Cpath%20d='M12.916%2013.7689L12.4103%2017.8149H10.893H9.3753L8.86956%2013.7689H7.8583C7.57899%2013.7689%207.35254%2013.5425%207.35254%2013.2632V12.2517C7.35254%2010.2964%208.93744%208.71143%2010.8927%208.71143C12.8479%208.71143%2014.433%2010.2964%2014.433%2012.2517V13.2632C14.433%2013.5425%2014.2066%2013.7689%2013.9273%2013.7689H12.916Z'%20stroke='%2326A3E3'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath%20id='clip0_4902_122468'%3E%3Crect%20width='22'%20height='22'%20fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.urgent-status-icon {
  width: 26px;
  height: 28px;
  background-color: #ff5733; /* Set your custom color here */
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='28' viewBox='0 0 26 28' fill='none'%3E%3Cpath d='M5.84075 14.3531L11.3707 12.2464L13.3816 6.45314C13.5913 5.84895 14.4069 5.84895 14.6167 6.45314L16.6275 12.2464L22.1574 14.3531C22.7342 14.5728 22.7342 15.4273 22.1574 15.6469L16.6275 17.7536L14.6167 23.5468C14.4069 24.1511 13.5913 24.1511 13.3816 23.5468L11.3707 17.7536L5.84075 15.6469C5.26402 15.4273 5.26402 14.5728 5.84075 14.3531Z' fill='%23A52255'/%3E%3C/svg%3E");
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='28' viewBox='0 0 26 28' fill='none'%3E%3Cpath d='M5.84075 14.3531L11.3707 12.2464L13.3816 6.45314C13.5913 5.84895 14.4069 5.84895 14.6167 6.45314L16.6275 12.2464L22.1574 14.3531C22.7342 14.5728 22.7342 15.4273 22.1574 15.6469L16.6275 17.7536L14.6167 23.5468C14.4069 24.1511 13.5913 24.1511 13.3816 23.5468L11.3707 17.7536L5.84075 15.6469C5.26402 15.4273 5.26402 14.5728 5.84075 14.3531Z' fill='%23A52255'/%3E%3C/svg%3E");
  mask-repeat: no-repeat;
  mask-size: contain;
  position: relative;
  top: 2px;
}
.success-icon {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20xmlns%3D'http%3A//www.w3.org/2000/svg'%3E%3Ccircle%20cx%3D'12'%20cy%3D'12'%20r%3D'10'%20stroke%3D'%2300C851'%20stroke-width%3D'2'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'/%3E%3Cpath%20d%3D'M8%2012.5L11%2015.5L16%2010.5'%20stroke%3D'%2300C851'%20stroke-width%3D'2'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  width: 24px;
  height: 24px;
}
.error-icon {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20xmlns%3D'http%3A//www.w3.org/2000/svg'%3E%3Ccircle%20cx%3D'12'%20cy%3D'12'%20r%3D'10'%20stroke%3D'%23FF4B5C'%20stroke-width%3D'2'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'/%3E%3Cpath%20d%3D'M16%2016L8%208'%20stroke%3D'%23FF4B5C'%20stroke-width%3D'2'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  width: 24px;
  height: 24px;
}
.header-filter-down-icon {
  background-image: url("data:image/svg+xml,%3Csvg%20width='18'%20height='18'%20viewBox='0%200%2018%2018'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20d='M8.64463%2010.9302C8.8403%2011.1279%209.1597%2011.1279%209.35537%2010.9302L12.1548%208.10173C12.4673%207.78601%2012.2436%207.25%2011.7994%207.25H6.20057C5.75636%207.25%205.53272%207.78601%205.8452%208.10173L8.64463%2010.9302Z'%20stroke='%23377FC4'/%3E%3Cpath%20d='M12.0001%202.92859H6.00014C4.57998%202.92859%203.42871%204.07986%203.42871%205.50002V11.5C3.42871%2012.9202%204.57998%2014.0714%206.00014%2014.0714H12.0001C13.4203%2014.0714%2014.5716%2012.9202%2014.5716%2011.5V5.50002C14.5716%204.07986%2013.4203%202.92859%2012.0001%202.92859Z'%20stroke='%23377FC4'%20stroke-width='1.2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  width: 15px;
  height: 15px;
}
.header-filter-up-icon {
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.14463 6.06983C9.3403 5.87214 9.6597 5.87214 9.85537 6.06983L12.6548 8.89827C12.9673 9.21399 12.7436 9.75 12.2994 9.75H6.70057C6.25636 9.75 6.03272 9.21399 6.3452 8.89827L9.14463 6.06983Z' stroke='%23377FC4'/%3E%3Cpath d='M12.0001 2.92859H6.00014C4.57998 2.92859 3.42871 4.07986 3.42871 5.50002V11.5C3.42871 12.9202 4.57998 14.0714 6.00014 14.0714H12.0001C13.4203 14.0714 14.5716 12.9202 14.5716 11.5V5.50002C14.5716 4.07986 13.4203 2.92859 12.0001 2.92859Z' stroke='%23377FC4' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  width: 15px;
  height: 15px;
}
.header-filter-icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'%3E%3Cpath d='M9.06206 1.07129H0.572266' stroke='%23377FC4' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.06329 4.25488H3.22656' stroke='%23377FC4' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.06259 7.43848H5.87891' stroke='%23377FC4' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M15.4291 13.0713L12.572 15.9284L9.71484 13.0713' stroke='%23377FC4' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12.5723 1.07129V15.9284' stroke='%23377FC4' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  width: 15px;
  height: 15px;
}
.custom-tooltip {
  font-size: var(--secondary-font);
  font-family: var(--font-family);
}
/* WebKit Browsers (e.g., Chrome, Safari) */
::-webkit-scrollbar {
  width: 10px;
  /* Set scrollbar width */
}
/* Scrollbar track */
::-webkit-scrollbar-track {
  background: var(--scrollbar-track);
  /* Background color of scrollbar track */
  border-radius: 10px;
  /* Optional: To round the track corners */
}
/* Scrollbar thumb */
::-webkit-scrollbar-thumb {
  background-color: var(--scrollbar-thumb);
  /* Thumb color */
  border-radius: 10px;
  /* Optional: To round the thumb corners */
  border: 3px solid var(--scrollbar-track);
  /* Optional: Padding around the thumb */
}
/* Firefox */
* {
  scrollbar-width: thin;
  /* Set the width of the scrollbar */
  scrollbar-color: var(--scrollbar-thumb) var(--scrollbar-track);
  /* Thumb color and track color */
}
::-webkit-scrollbar-thumb:hover {
  background-color: var(--scrollbar-thumb-hover);
}
.custom-error-message {
  border-radius: 5px;
  margin: 10px;
}
.custom-error-message .p-inline-message-text {
  font-size: var(--secondary-font);
}
.custom-toast div .p-toast-message .p-toast-message-content .p-toast-message-text .p-toast-detail {
  font-size: var(--primary-font);
}
.avatar-option {
  height: 20px;
  width: 20px;
  display: inline-block;
  top: 4px;
  position: relative;
}
.avatar-option-selected {
  height: 15px;
  width: 20px;
  display: inline-block;
}
.nearby-mode-icon {
  position: relative;
  top: 2px;
  left: 2px;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='100'%20height='100'%20viewBox='0%200%2024%2024'%20fill='none'%3E%3Ccircle%20cx='12'%20cy='12'%20r='10'%20fill='%232196F3'/%3E%3Ccircle%20cx='12'%20cy='12'%20r='5'%20fill='white'/%3E%3Ccircle%20cx='12'%20cy='12'%20r='8'%20stroke='white'%20stroke-width='2'%20fill='none'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 30px;
  height: 30px;
  border: 0px;
  border-radius: 20px;
}
.everywhere-mode-icon {
  position: relative;
  top: 2px;
  left: 2px;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='100'%20height='100'%20viewBox='0%200%2024%2024'%20fill='none'%3E%3Ccircle%20cx='12'%20cy='12'%20r='10'%20fill='%232196F3'/%3E%3Ccircle%20cx='12'%20cy='12'%20r='2'%20fill='white'/%3E%3Ccircle%20cx='12'%20cy='12'%20r='5'%20stroke='white'%20stroke-width='2'%20fill='none'/%3E%3Ccircle%20cx='12'%20cy='12'%20r='8'%20stroke='white'%20stroke-width='2'%20fill='none'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 30px;
  height: 30px;
  border: 0px;
  border-radius: 20px;
}
.atlas-button {
  border-radius: 20px;
  border: var(--primary-border);
  color: var(--primary-text-color);
  background: var(--user-bg, linear-gradient(359deg, #f5fbff -34.86%, #f2f9fe -34.84%, #eff5fa 99.41%, #fafdff 125.39%));
  box-shadow: 0px -2px 7px 2px rgba(116, 139, 157, 0.2) inset;
  font-family: var(--font-family);
  font-size: var(--secondary-font);
  font-style: normal;
  font-weight: 700;
  line-height: 12px; /* 100% */
  padding-left: 10px;
  padding-right: 10px;
  cursor: pointer;
  height: 40px;
}
.ellipsis-circle-icon {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A//www.w3.org/2000/svg'%20width%3D'23'%20height%3D'22'%20viewBox%3D'0%200%2023%2022'%20fill%3D'none'%3E%3Cpath%20d%3D'M1.5%2011C1.5%2016.5229%205.97708%2021%2011.5%2021C17.0228%2021%2021.5%2016.5229%2021.5%2011C21.5%205.47715%2017.0228%201%2011.5%201C5.97708%200.999999%201.5%205.47716%201.5%2011Z'%20stroke%3D'%2326A3E3'%20stroke-width%3D'2'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'/%3E%3Cpath%20d%3D'M10.9678%206.94287C10.9678%206.7479%2011.1258%206.58984%2011.3208%206.58984C11.5158%206.58984%2011.6738%206.7479%2011.6738%206.94287'%20stroke%3D'%2326A3E3'%20stroke-width%3D'1.5'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'/%3E%3Cpath%20d%3D'M10.9678%206.94238C10.9678%207.13735%2011.1258%207.29541%2011.3208%207.29541C11.5158%207.29541%2011.6738%207.13735%2011.6738%206.94238'%20stroke%3D'%2326A3E3'%20stroke-width%3D'1.5'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'/%3E%3Cpath%20d%3D'M10.9678%2011.1782C10.9678%2010.9833%2011.1258%2010.8252%2011.3208%2010.8252C11.5158%2010.8252%2011.6738%2010.9833%2011.6738%2011.1782'%20stroke%3D'%2326A3E3'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'/%3E%3Cpath%20d%3D'M10.9678%2011.1777C10.9678%2011.3727%2011.1258%2011.5308%2011.3208%2011.5308C11.5158%2011.5308%2011.6738%2011.3727%2011.6738%2011.1777'%20stroke%3D'%2326A3E3'%20stroke-width%3D'1.5'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'/%3E%3Cpath%20d%3D'M10.9678%2015.4145C10.9678%2015.2196%2011.1258%2015.0615%2011.3208%2015.0615C11.5158%2015.0615%2011.6738%2015.2196%2011.6738%2015.4145'%20stroke%3D'%2326A3E3'%20stroke-width%3D'1.5'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'/%3E%3Cpath%20d%3D'M10.9678%2015.4141C10.9678%2015.6091%2011.1258%2015.7671%2011.3208%2015.7671C11.5158%2015.7671%2011.6738%2015.6091%2011.6738%2015.4141'%20stroke%3D'%2326A3E3'%20stroke-width%3D'1.5'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  width: 23px;
  height: 22px;
}
.center-calendar-period-icon {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%3Crect%20x%3D%224%22%20y%3D%2210%22%20width%3D%2216%22%20height%3D%224%22%20rx%3D%222%22%20stroke%3D%22%23377FC4%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3Cpath%20d%3D%22M2%2010V14%22%20stroke%3D%22%23377FC4%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3Cpath%20d%3D%22M22%2010V14%22%20stroke%3D%22%23377FC4%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  width: 24px;
  height: 24px;
}
.center-calendar-timeframe-icon {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%3Crect%20x%3D%222%22%20y%3D%224%22%20width%3D%2216%22%20height%3D%2218%22%20rx%3D%222%22%20stroke%3D%22%23377FC4%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3Crect%20x%3D%226%22%20y%3D%220%22%20width%3D%222%22%20height%3D%224%22%20rx%3D%221%22%20stroke%3D%22%23377FC4%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3Crect%20x%3D%2214%22%20y%3D%220%22%20width%3D%222%22%20height%3D%224%22%20rx%3D%221%22%20stroke%3D%22%23377FC4%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3Ccircle%20cx%3D%2218%22%20cy%3D%2216%22%20r%3D%224%22%20stroke%3D%22%23377FC4%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3Cpath%20d%3D%22M18%2016v-2%22%20stroke%3D%22%23377FC4%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3Cpath%20d%3D%22M18%2016h2%22%20stroke%3D%22%23377FC4%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  width: 24px;
  height: 24px;
}
.metaspace-toolbar-collapse-icon {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2228%22%20height%3D%2233%22%20viewBox%3D%220%200%2028%2033%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M12.8795%2016.5195H1.18945%22%20stroke%3D%22url%28%23paint0_linear_156_31603%29%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3Cpath%20d%3D%22M6.06029%2010.5527L1.18945%2016.5215L6.06029%2022.4903%22%20stroke%3D%22url%28%23paint1_linear_156_31603%29%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3Cpath%20d%3D%22M24.5692%201.00195H19.6983C18.6223%201.00195%2017.75%202.07088%2017.75%203.38946V29.652C17.75%2030.9707%2018.6223%2032.0396%2019.6983%2032.0396H24.5692C25.6452%2032.0396%2026.5175%2030.9707%2026.5175%2029.652V3.38946C26.5175%202.07088%2025.6452%201.00195%2024.5692%201.00195Z%22%20stroke%3D%22url%28%23paint2_linear_156_31603%29%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22paint0_linear_156_31603%22%20x1%3D%227.03446%22%20y1%3D%2216.5195%22%20x2%3D%227.03446%22%20y2%3D%2217.5195%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23407AC6%22/%3E%3Cstop%20offset%3D%220.94%22%20stop-color%3D%22%231F3B60%22/%3E%3C/linearGradient%3E%3ClinearGradient%20id%3D%22paint1_linear_156_31603%22%20x1%3D%223.62487%22%20y1%3D%2210.5527%22%20x2%3D%223.62487%22%20y2%3D%2222.4903%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23407AC6%22/%3E%3Cstop%20offset%3D%220.94%22%20stop-color%3D%22%231F3B60%22/%3E%3C/linearGradient%3E%3ClinearGradient%20id%3D%22paint2_linear_156_31603%22%20x1%3D%2222.1338%22%20y1%3D%221.00195%22%20x2%3D%2222.1338%22%20y2%3D%2232.0396%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23407AC6%22/%3E%3Cstop%20offset%3D%220.94%22%20stop-color%3D%22%231F3B60%22/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  width: 24px;
  height: 24px;
}
.metaspace-toolbar-expand-icon {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2228%22%20height%3D%2233%22%20viewBox%3D%220%200%2028%2028%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M15.102%2014.1719H26.792%22%20stroke%3D%22%23748B9D%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3Cpath%20d%3D%22M21.9212%209.23828L26.792%2014.173L21.9212%2019.1078%22%20stroke%3D%22%23748B9D%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3Cpath%20d%3D%22M3.41228%201.3418H8.28311C9.35914%201.3418%2010.2314%202.22554%2010.2314%203.3157V25.0286C10.2314%2026.1188%209.35914%2027.0025%208.28311%2027.0025H3.41228C2.33621%2027.0025%201.46394%2026.1188%201.46394%2025.0286V3.3157C1.46394%202.22554%202.33621%201.3418%203.41228%201.3418Z%22%20stroke%3D%22%23748B9D%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  width: 24px;
  height: 24px;
}
.chat-bubble-icon {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 20 24" fill="none"><g clip-path="url(%23clip0_156_36591)"><path d="M8.61622 1.35547C7.13643 1.61339 5.73374 2.32504 4.53824 3.42441C3.34275 4.52378 2.39315 5.97528 1.77752 7.64431C1.16189 9.31334 0.900158 11.1458 1.0166 12.9719C1.13304 14.7979 1.62388 16.5584 2.4436 18.09L0.955078 23.0098L5.9396 21.9055C7.22132 22.6746 8.63566 23.0532 10.0624 23.0088C11.4891 22.9644 12.886 22.4987 14.1342 21.6509C15.3826 20.8032 16.4453 19.5984 17.2321 18.1394C18.019 16.6803 18.5065 15.01 18.6536 13.2704" stroke="%23748B9D" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M15.2949 9.62114C17.1805 9.62114 18.7089 7.74807 18.7089 5.43753C18.7089 3.12698 17.1805 1.25391 15.2949 1.25391C13.4094 1.25391 11.8809 3.12698 11.8809 5.43753C11.8809 7.74807 13.4094 9.62114 15.2949 9.62114Z" fill="%23FD3B3B" stroke="%23FD3B3B" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></g><defs><clipPath id="clip0_156_36591"><rect width="19.1947" height="23.5214" fill="white" transform="translate(0.234375 0.371094)"/></clipPath></defs></svg>');
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  width: 20px;
  height: 20px;
}
.toolbar-sphere-icon {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 28 33" fill="none"><g clip-path="url(%23clip0_1080_61411)"><path d="M13.7023 27.4478C19.2276 27.4478 23.7066 22.7262 23.7066 16.9016C23.7066 11.0771 19.2276 6.35547 13.7023 6.35547C8.17708 6.35547 3.698 11.0771 3.698 16.9016C3.698 22.7262 8.17708 27.4478 13.7023 27.4478Z" stroke="%23748B9D" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/><rect x="0.687406" y="0.0355654" width="56.7821" height="45.4798" rx="20" transform="matrix(0.724887 -0.688868 0.649924 0.759999 -20.6621 20.3532)" stroke="black" stroke-opacity="0.01"/><path d="M7.68933 5.16602C9.54839 5.16602 11.0116 6.74686 11.0116 8.64062C11.0116 10.5344 9.54838 12.1152 7.68933 12.1152C5.83049 12.115 4.36807 10.5342 4.36804 8.64062C4.36804 6.74701 5.83048 5.16626 7.68933 5.16602Z" fill="%23748B9D"/><path d="M7.68933 5.16602C9.54839 5.16602 11.0116 6.74686 11.0116 8.64062C11.0116 10.5344 9.54838 12.1152 7.68933 12.1152C5.83049 12.115 4.36807 10.5342 4.36804 8.64062C4.36804 6.74701 5.83048 5.16626 7.68933 5.16602Z" fill="%23748B9D"/><path d="M7.68933 5.16602C9.54839 5.16602 11.0116 6.74686 11.0116 8.64062C11.0116 10.5344 9.54838 12.1152 7.68933 12.1152C5.83049 12.115 4.36807 10.5342 4.36804 8.64062C4.36804 6.74701 5.83048 5.16626 7.68933 5.16602Z" fill="%23748B9D"/><path d="M7.68933 5.16602C9.54839 5.16602 11.0116 6.74686 11.0116 8.64062C11.0116 10.5344 9.54838 12.1152 7.68933 12.1152C5.83049 12.115 4.36807 10.5342 4.36804 8.64062C4.36804 6.74701 5.83048 5.16626 7.68933 5.16602Z" fill="%23748B9D"/><path d="M7.68933 5.16602C9.54839 5.16602 11.0116 6.74686 11.0116 8.64062C11.0116 10.5344 9.54838 12.1152 7.68933 12.1152C5.83049 12.115 4.36807 10.5342 4.36804 8.64062C4.36804 6.74701 5.83048 5.16626 7.68933 5.16602Z" stroke="%23EAF2F9"/><path d="M13.8036 11.1152C16.7015 11.1154 19.0057 13.5844 19.0057 16.5732C19.0055 19.5619 16.7013 22.0301 13.8036 22.0303C10.9057 22.0303 8.60067 19.562 8.60046 16.5732C8.60046 13.5843 10.9056 11.1152 13.8036 11.1152Z" fill="%23748B9D" stroke="%23EAF2F9"/></g><defs><clipPath id="clip0_1080_61411"><rect width="27.2767" height="31.7286" fill="white" transform="translate(0.164062 0.464844)"/></clipPath></defs></svg>');
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  width: 30px;
  height: 30px;
}
.raised-panel {
  /* Rectangle 141280 */
  box-sizing: border-box;
  /* card-gradient-bg */
  background: linear-gradient(190.35deg, #ecf3f8 13.55%, #f8fdff 96.01%);
  border: 3px solid #ffffff;
  /* drop-2-metacards */
  box-shadow: -3px -2px 4px rgba(31, 59, 96, 0.2), 2px 2px 3px rgba(116, 139, 157, 0.15);
}
.Save-button {
  color: var(--primary-color, #377fc4);
  border-radius: 20px 0 0 20px;
  height: 45px;
  font-style: normal;
  font-weight: 700;
  font-family: var(--font-family);
  font-size: 14px;
  line-height: 12px;
  cursor: pointer;
  background: var(--Save-button);
  box-shadow: 0px -2px 7px 2px rgba(116, 139, 157, 0.2) inset;
  border: var(--primary-border);
  width: auto;
  padding: 0.4375rem 0.875rem;
}
.Close-button {
  color: #8e99a1;
  border-radius: 0 20px 20px 0;
  height: 45px;
  font-style: normal;
  font-weight: 700;
  font-family: var(--font-family);
  font-size: 14px;
  line-height: 1;
  cursor: pointer;
  background: var(--Close-button);
  box-shadow: 0px -2px 7px 2px rgba(116, 139, 157, 0.2) inset;
  border: var(--primary-border);
  width: auto;
  padding: 0.4375rem 0.875rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.clear-button {
  color: #8e99a1;
  border-radius: 20px;
  height: 45px;
  font-style: normal;
  font-weight: 700;
  font-family: var(--font-family);
  font-size: 14px;
  line-height: 12px;
  cursor: pointer;
  background: var(--Clear-button);
  box-shadow: 0px -2px 7px 2px rgba(116, 139, 157, 0.2) inset;
  border: var(--primary-border);
  width: auto;
  padding: 0.4375rem 0.875rem;
}
.Save-button:hover,
.Close-button:hover {
  background-color: var(--hover-background, #f0f0f0);
  color: var(--hover-primary-color, #255b99);
}
.Search-input-box {
  border-radius: 20px;
  border: var(--primary-border);
  background: var(--Search-input-box);
  box-shadow: 2px 2px 7px 2px rgba(30, 84, 156, 0.18) inset, -3px -1px 10px 0px rgba(160, 183, 202, 0.15) inset;
  color: var(--primary-text-color);
}
.p-tabview .p-tabview-nav-container .p-tabview-nav-content .p-tabview-nav {
  background: var(--tab-background);
}
.p-tabview .p-tabview-nav-container .p-tabview-nav-content .p-tabview-nav li a {
  background: var(--tab-background);
}
.p-tabview-panels {
  background: var(--body-background);
}
[data-theme=dark] {
  color-scheme: dark;
  --dark-card-bg: #2C2C3E;
  --dark-card-bg-hover: #3a3a4e;
  --dark-card-border: #3a3a4e;
  --dark-text-primary: #FFFFFF;
  --dark-text-secondary: #E5E7EB;
  --dark-text-tertiary: #D1D5DB;
  --dark-text-muted: #9CA3AF;
  /* Semantic token overrides — surface + text are inverted; status ramps are preserved so red reads as red, green as green. */
  --text-color: #e8eef5;
  --text-color-muted: #b1c0d1;
  --text-color-subtle: #8ea0b5;
  --surface-ground: #14192b;
  --surface-raised: #1e1e2f;
  --surface-sunken: #0f1422;
  --surface-subtle: #23233a;
  --border-color: #2c2c3e;
  --border-color-soft: #23233a;
  --border-color-hover: #3d5d8a;
  /* Dark-mode overlay/border tokens — used by marketplace + general
     surfaces. Defined here so [data-theme='dark'] blocks elsewhere can
     reference them instead of hardcoding rgba(255, 255, 255, *) and
     #1E1E2F / #2C2C3E literals (the dark surface tokens already exist
     above as --surface-raised, --surface-ground, --dark-card-bg). */
  --border-subtle-dark: rgba(255, 255, 255, 0.1);
  --border-soft-dark: rgba(255, 255, 255, 0.15);
  --border-strong-dark: rgba(255, 255, 255, 0.2);
  --hover-overlay-dark: rgba(255, 255, 255, 0.05);
  --surface-overlay-dark: rgba(255, 255, 255, 0.08);
  --surface-deep-dark: #121212;
}
[data-theme=dark] .p-skeleton {
  background-color: #2a2a3a !important;
  border-radius: 12px;
}
[data-theme=dark] .p-skeleton::after {
  background: linear-gradient(90deg, rgba(42, 42, 58, 0) 0%, rgba(255, 255, 255, 0.05) 50%, rgba(42, 42, 58, 0) 100%) !important;
}
.ql-toolbar.ql-snow {
  border: var(--primary-border) !important;
  border-radius: 20px 20px 0px 0px;
}
.ql-container.ql-snow {
  border: var(--primary-border) !important;
  border-top: 0 !important;
}
.ql-editor.ql-blank::before {
  color: var(--primary-text-color) !important;
  opacity: 0.65;
}
.sphere-search-component {
  width: 100%;
}
.sphere-search-component .sphere-search-container {
  width: 100%;
}
.sphere-search-component .sphere-search-container .sphere-search-label {
  display: block;
  margin-bottom: 0.5rem;
  font-weight: 600;
  color: var(--primary-text-color);
  font-family: var(--font-family);
  font-size: var(--secondary-font);
}
.sphere-search-component .sphere-search-container .sphere-search-listbox {
  width: 100%;
}
.sphere-search-component .sphere-search-container .sphere-search-listbox .p-listbox {
  border-radius: var(--border-radius);
  border: var(--primary-border);
  background: var(--component-background);
  box-shadow: var(--card-shadow);
}
.sphere-search-component .sphere-search-container .sphere-search-listbox .p-listbox:focus-within {
  box-shadow: var(--card-shadow);
  border-color: #26a3e3;
}
.sphere-search-component .sphere-search-container .sphere-search-listbox .p-listbox .p-listbox-filter .p-inputtext {
  border-radius: var(--border-radius);
  border: var(--primary-border);
  background: var(--component-background);
  color: var(--primary-text-color);
  font-family: var(--font-family);
}
.sphere-search-component .sphere-search-container .sphere-search-listbox .p-listbox .p-listbox-filter .p-inputtext:focus {
  border-color: #26a3e3;
  box-shadow: var(--card-shadow);
}
.sphere-search-component .sphere-search-container .sphere-search-listbox .p-listbox .p-listbox-filter .p-inputtext::-moz-placeholder {
  color: var(--primary-text-color);
  opacity: 0.6;
}
.sphere-search-component .sphere-search-container .sphere-search-listbox .p-listbox .p-listbox-filter .p-inputtext::placeholder {
  color: var(--primary-text-color);
  opacity: 0.6;
}
.sphere-search-component .sphere-search-container .sphere-search-listbox .p-listbox .p-listbox-list .p-listbox-item {
  border-radius: var(--border-radius);
  padding: 0.5rem;
}
.sphere-search-component .sphere-search-container .sphere-search-listbox .p-listbox .p-listbox-list .p-listbox-item:hover {
  background: var(--hover-background);
}
.sphere-search-component .sphere-search-container .sphere-search-listbox .p-listbox .p-listbox-list .p-listbox-item.p-highlight {
  background: rgba(38, 163, 227, 0.1);
  color: var(--primary-text-color);
}
.sphere-search-component .sphere-search-container .sphere-search-dropdown {
  width: 100%;
}
.sphere-search-component .sphere-search-container .sphere-search-dropdown .p-dropdown {
  width: 100%;
}
.sphere-search-component .sphere-search-container .sphere-search-dropdown .p-dropdown .p-dropdown-panel {
  width: 100%;
  min-width: 100%;
}
.sphere-search-component .sphere-search-container .sphere-search-dropdown .p-dropdown .p-dropdown-panel .p-dropdown-items .p-dropdown-item {
  width: 100%;
  white-space: normal;
  word-wrap: break-word;
  padding: 0.5rem;
}
.sphere-search-component .sphere-search-container .sphere-search-multiselect {
  width: 100%;
}
.sphere-search-component .sphere-search-container .sphere-search-multiselect .p-multiselect {
  width: 100%;
}
.sphere-search-component .sphere-search-container .sphere-search-multiselect .p-multiselect .p-multiselect-panel {
  width: 100%;
  min-width: 100%;
}
.sphere-search-component .sphere-search-container .sphere-search-multiselect .p-multiselect .p-multiselect-panel .p-multiselect-items .p-multiselect-item {
  width: 100%;
  white-space: normal;
  word-wrap: break-word;
  padding: 0.5rem;
}
.sphere-search-component .sphere-search-container .sphere-search-item {
  display: flex;
  align-items: center;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}
.sphere-search-component .sphere-search-container .sphere-search-item .sphere-identity-atom {
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}
.sphere-search-component .sphere-search-container .selected-chips-container {
  margin-top: 0.5rem;
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem;
  align-items: center;
}
.sphere-search-component .sphere-search-container .selected-chips-container .selected-chip.prime-chip-wrapper .p-chip {
  background: var(--component-background);
  border: var(--primary-border);
  border-radius: var(--border-radius);
  color: var(--primary-text-color);
  font-family: var(--font-family);
  font-size: var(--secondary-font);
  box-shadow: var(--element-shadow);
}
.sphere-search-component .sphere-search-container .selected-chips-container .selected-chip.prime-chip-wrapper .p-chip .p-chip-remove-icon {
  color: var(--primary-text-color);
}
.sphere-search-component .sphere-search-container .selected-chips-container .selected-chip.prime-chip-wrapper .p-chip .p-chip-remove-icon:hover {
  background: rgba(38, 163, 227, 0.1);
}
.sphere-search-component .sphere-search-container .selected-chips-container .extra-items-badge {
  background: #26a3e3;
  color: var(--component-background);
  border-radius: var(--border-radius);
  font-family: var(--font-family);
  font-size: var(--secondary-font);
  font-weight: 700;
}
.sphere-search-component .sphere-search-container .selected-chips-container .extra-items-badge:hover {
  background: #1e87cc;
}
.sphere-search-component .sphere-search-container .selected-sphere-display {
  margin-top: 0.5rem;
  padding: 0.5rem;
  border: var(--primary-border);
  border-radius: var(--border-radius);
  background: var(--component-background);
  box-shadow: var(--element-shadow);
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.sphere-search-component .sphere-search-container .selected-sphere-display .clear-selection-btn.button-atom .prime-button-wrapper .button-atom {
  padding: 0.25rem;
  border-radius: 50%;
}
.sphere-search-component .sphere-search-container .selected-sphere-display .clear-selection-btn.button-atom .prime-button-wrapper .button-atom:hover {
  background: rgba(38, 163, 227, 0.1);
  color: #26a3e3;
}
.sphere-search-component .sphere-search-container .selected-sphere-display .clear-selection-btn.button-atom .prime-button-wrapper .button-atom .pi {
  font-size: 0.875rem;
}
.sphere-search-component .sphere-search-container .clear-button.button-atom .prime-button-wrapper .button-atom:hover {
  background: rgba(38, 163, 227, 0.1);
  border-color: #26a3e3;
}
.sphere-search-component .sphere-search-container .error-message {
  color: #dc2626;
  font-size: var(--secondary-font);
  font-family: var(--font-family);
  margin-top: 0.5rem;
  display: block;
}
.sphere-search-component .sphere-search-container .custom-skeleton {
  height: 2.5rem;
  border-radius: var(--border-radius);
  background: var(--hover-background);
}
.sphere-search-component.editing .sphere-search-listbox .p-listbox {
  border-color: #26a3e3;
  box-shadow: var(--card-shadow);
}
@media screen and (max-width: 768px) {
  .sphere-search-component {
    width: 90%;
  }
  .sphere-search-component .selected-chips-container {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.5rem;
  }
  .sphere-search-component .selected-chips-container .selected-chip {
    width: 100%;
    justify-content: space-between;
  }
  .sphere-search-component .selected-sphere-display {
    flex-direction: column;
    gap: 0.5rem;
    align-items: flex-start;
  }
  .sphere-search-component .selected-sphere-display .clear-selection-btn {
    align-self: flex-end;
  }
}
.truncate-cell {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
  cursor: default;
}

.p-datatable.p-datatable-resizable > .p-datatable-wrapper > table > .p-datatable-thead > tr > th {
  position: relative;
}

.p-datatable.p-datatable-resizable > .p-datatable-wrapper > table > .p-datatable-thead > tr > th .p-column-resizer {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  width: 0.5rem;
  height: 100%;
  padding: 0;
  cursor: col-resize;
  border: 1px solid transparent;
  background: transparent;
}

.p-datatable.p-datatable-resizable > .p-datatable-wrapper > table > .p-datatable-thead > tr > th .p-column-resizer:hover {
  background: var(--primary-color, #26a3e3);
  opacity: 0.4;
}

.data-grid-atom {
  width: 100%;
}

.data-grid-atom .data-grid-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  border-radius: var(--border-radius) var(--border-radius) 0 0;
  border: var(--primary-border);
  background: var(--component-background);
  padding: 6px 10px 6px 15px;
  margin-bottom: 0;
}

.data-grid-atom .data-grid-header .data-grid-title {
  color: var(--primary-text-color);
  font-family: var(--font-family);
  font-size: var(--sub-heading-font);
  font-weight: 600;
  margin: 0;
}

.data-grid-atom .data-grid-header .data-grid-header-actions {
  display: flex;
  gap: 0.5rem;
  align-items: center;
}

.data-grid-atom .data-grid-table {
  border-radius: 0 0 var(--border-radius) var(--border-radius);
  background: var(--component-background);
  box-shadow: var(--card-shadow);
}

.data-grid-atom .data-grid-table .p-datatable-header {
  padding: 0;
  background-color: transparent;
  border-top: none;
}

.data-grid-atom .data-grid-table .p-datatable-wrapper {
  border-radius: 0 0 var(--border-radius) var(--border-radius);
  background: var(--component-background);
}

.data-grid-atom .data-grid-table .p-datatable-thead > tr > th {
  background: var(--component-background);
  color: var(--primary-text-color);
  font-size: var(--primary-font);
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  border: none;
  padding: 8px 16px;
}

.data-grid-atom .data-grid-table .p-datatable-tbody > tr {
  background: var(--component-background);
  color: var(--primary-text-color);
  font-size: var(--secondary-font, 14px);
}

.data-grid-atom .data-grid-table .p-datatable-tbody > tr:last-child td {
  border-bottom: none;
}

.data-grid-atom .data-grid-table .p-datatable-tbody > tr.p-highlight {
  background: var(--highlight-background, #eff8f7) !important;
  color: var(--primary-text-color);
}

.data-grid-atom .data-grid-table .p-datatable-tbody > tr:hover {
  background: var(--surface-50);
}

[data-theme=dark] .data-grid-atom .data-grid-table .p-datatable-tbody > tr:hover {
  background: var(--hover-background);
}

.data-grid-atom .data-grid-table .p-datatable-tbody > tr.p-datatable-row-selected {
  background: var(--highlight-background, #eff8f7) !important;
}

.data-grid-atom .data-grid-table .p-datatable-tbody > tr > td {
  padding: 8px 16px;
  border: none;
}

.data-grid-atom .data-grid-table .p-datatable-tbody > tr > td.data-grid-actions-column {
  text-align: center;
  white-space: nowrap;
}

.data-grid-atom .data-grid-actions {
  display: flex;
  gap: 0.25rem;
  justify-content: center;
  flex-wrap: wrap;
}

.data-grid-atom .data-grid-actions .data-grid-action-button {
  border-radius: var(--border-radius);
  border: var(--primary-border);
  background: var(--component-background);
  font-family: var(--font-family);
  font-size: var(--secondary-font);
  font-weight: 700;
  padding: 0.25rem 0.75rem;
  min-width: auto;
  height: auto;
  box-shadow: var(--button-shadow);
}

.data-grid-atom .data-grid-actions .data-grid-action-button .pi {
  font-size: 0.75rem;
}

.data-grid-atom .data-grid-actions .data-grid-action-button.p-button-outlined {
  border-width: 1px;
}

.data-grid-atom .data-grid-actions .data-grid-action-button:hover {
  background: var(--primary-color-hover, rgba(38, 163, 227, 0.1));
  border-color: var(--primary-color, #26a3e3);
}

.data-grid-atom .data-grid-loading .p-datatable-tbody > tr > td,
.data-grid-atom .data-grid-skeleton .p-datatable-tbody > tr > td {
  padding: 0.75rem;
}

.data-grid-atom .data-grid-loading .p-skeleton,
.data-grid-atom .data-grid-skeleton .p-skeleton {
  background-color: #e0e0e0;
}

.data-grid-error {
  margin: 1rem 0;
}

.data-grid-error .p-message {
  margin: 0;
}

.data-grid-atom .p-datatable-emptymessage td {
  text-align: center;
  padding: 2rem;
  color: var(--text-color-secondary);
  font-style: italic;
}

.data-grid-atom.atlas-style .data-grid-table {
  border-radius: 30px;
  background: var(--component-background-gradient, linear-gradient(358deg, #f5fbff 3.12%, #f2f9fe 49.2%, #fcffff 83.06%, #f9fdff 97.17%));
  box-shadow: 0px 3px 1px -2px rgba(79, 38, 26, 0.1), 2px 1px 2px 0px rgba(58, 28, 19, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  padding: 10px;
}

[data-theme=dark] .data-grid-atom.atlas-style .data-grid-table {
  background: var(--component-background-gradient);
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 2px 1px 2px 0px rgba(0, 0, 0, 0.25), 0px 1px 5px 0px rgba(0, 0, 0, 0.2);
}

.data-grid-atom.atlas-style .data-grid-table .p-datatable-wrapper {
  border-radius: 20px;
  overflow: hidden;
}

.data-grid-atom.atlas-style .data-grid-table .p-datatable-thead > tr > th {
  background: transparent;
  padding: 10px 16px;
  font-size: var(--secondary-font);
}

.data-grid-atom.atlas-style .data-grid-table .p-datatable-thead > tr > th:first-child {
  border-radius: 20px 0 0 0;
}

.data-grid-atom.atlas-style .data-grid-table .p-datatable-thead > tr > th:last-child {
  border-radius: 0 20px 0 0;
}

.data-grid-atom.atlas-style .data-grid-table .p-datatable-tbody > tr {
  height: 50px;
  border-radius: 26px 0 0 26px;
  background: var(--component-background);
  border: var(--primary-border);
  box-shadow: inset 0px 0px 1px 1.9px rgba(116, 139, 157, 0.2);
  margin-top: 2px;
  transition: background 0.2s ease, box-shadow 0.2s ease;
}

[data-theme=dark] .data-grid-atom.atlas-style .data-grid-table .p-datatable-tbody > tr {
  background: var(--component-background);
  box-shadow: inset 0px 0px 1px 1.9px rgba(0, 0, 0, 0.3);
}

.data-grid-atom.atlas-style .data-grid-table .p-datatable-tbody > tr:hover {
  background: var(--hover-background, #f0f7fc);
  box-shadow: inset 0px 0px 1px 1.9px rgba(116, 139, 157, 0.2), 0px 2px 4px 0px rgba(74, 100, 126, 0.15);
}

[data-theme=dark] .data-grid-atom.atlas-style .data-grid-table .p-datatable-tbody > tr:hover {
  background: var(--hover-background);
}

.data-grid-atom.atlas-style .data-grid-table .p-datatable-tbody > tr:first-child {
  margin-top: 0;
}

.data-grid-atom.atlas-style .data-grid-table .p-datatable-tbody > tr > td {
  padding: 8px 16px;
  border: none;
  vertical-align: middle;
  background: transparent;
}

.data-grid-atom.atlas-style .data-grid-table .p-datatable-tbody > tr > td:first-child {
  border-radius: 26px 0 0 26px;
}

.data-grid-atom.atlas-style .data-grid-table .p-datatable-tbody > tr > td:last-child {
  border-radius: 0 20px 20px 0;
}

.data-grid-atom.atlas-style .data-grid-header {
  border-radius: 30px 30px 0 0;
  background: var(--component-background-gradient, linear-gradient(1deg, #e4f0fa 4.13%, #f2faff 99.98%));
  box-shadow: -2px -1px 1px 0px rgba(6, 44, 88, 0.1), 1px 2px 5px -1px rgba(74, 100, 126, 0.3);
  border: none;
  padding: 12px 18px;
}

[data-theme=dark] .data-grid-atom.atlas-style .data-grid-header {
  background: var(--component-background-gradient);
}

@media screen and (max-width: 768px) {
  .data-grid-atom .data-grid-actions {
    flex-direction: column;
    gap: 0.125rem;
  }
  .data-grid-atom .data-grid-actions .data-grid-action-button {
    width: 100%;
    justify-content: center;
  }
  .data-grid-atom .data-grid-header {
    flex-direction: column;
    gap: 0.5rem;
    align-items: flex-start;
  }
  .data-grid-atom .data-grid-header .data-grid-header-actions {
    width: 100%;
    justify-content: flex-end;
  }
}

[data-theme=dark] .data-grid-atom .data-grid-loading .p-skeleton,
[data-theme=dark] .data-grid-atom .data-grid-skeleton .p-skeleton {
  background-color: #2a2a3a !important;
}

[data-theme=dark] .data-grid-atom .data-grid-loading .p-skeleton::after,
[data-theme=dark] .data-grid-atom .data-grid-skeleton .p-skeleton::after {
  background: linear-gradient(90deg, rgba(42, 42, 58, 0) 0%, rgba(255, 255, 255, 0.05) 50%, rgba(42, 42, 58, 0) 100%) !important;
}

[data-theme=dark] .data-grid-atom .data-grid-loading .p-datatable-thead > tr > th,
[data-theme=dark] .data-grid-atom .data-grid-skeleton .p-datatable-thead > tr > th {
  background: var(--component-background);
}

[data-theme=dark] .data-grid-atom .data-grid-loading .p-datatable-tbody > tr,
[data-theme=dark] .data-grid-atom .data-grid-skeleton .p-datatable-tbody > tr {
  background: var(--component-background);
}

.p-datatable.data-grid-table .p-datatable-wrapper {
  border-radius: var(--border-radius);
  overflow: hidden;
}

.p-datatable.data-grid-table .p-paginator {
  border: 1px solid var(--surface-300);
  border-top: none;
  background: var(--surface-50);
  padding: 0.75rem;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.25rem;
}

.p-datatable.data-grid-table .p-paginator .p-paginator-page {
  border-radius: var(--border-radius-pill, 20px);
  min-width: 2rem;
  height: 2rem;
  border: 1px solid var(--surface-300, #cbd5e1);
  color: var(--primary-text-color);
  transition: background-color 0.15s ease, border-color 0.15s ease;
}

.p-datatable.data-grid-table .p-paginator .p-paginator-page:not(.p-highlight):not(.p-disabled):hover {
  background: rgba(0, 0, 0, 0.06);
  border-color: var(--surface-400, #94a3b8);
}

.p-datatable.data-grid-table .p-paginator .p-paginator-page.p-highlight {
  background: var(--primary-color, #377fc4);
  color: #fff;
  border-color: transparent;
}

.p-datatable.data-grid-table .p-paginator .p-dropdown {
  min-width: 80px;
  border-radius: var(--border-radius-pill, 20px);
  height: 2rem;
  align-items: center;
  border: 1px solid var(--surface-300, #cbd5e1);
  background: transparent;
}

.p-datatable.data-grid-table .p-paginator .p-dropdown .p-dropdown-label {
  padding: 0 0.5rem;
  font-size: 12px;
  font-weight: 600;
  color: var(--primary-text-color);
  line-height: 2rem;
}

.p-datatable.data-grid-table .p-paginator .p-dropdown .p-dropdown-trigger {
  width: 1.5rem;
  color: var(--secondary-text-color);
}

.p-datatable.data-grid-table .p-paginator .p-paginator-current {
  font-size: 12px;
  font-weight: 500;
  color: var(--secondary-text-color, #64748b);
  white-space: nowrap;
  padding: 0 var(--spacing-sm, 12px);
}

[data-theme=dark] .p-datatable.data-grid-table .p-paginator {
  background: var(--component-background, #1e1e2e);
  border-color: var(--surface-600, #4b5563);
}

[data-theme=dark] .p-datatable.data-grid-table .p-paginator .p-paginator-page,
[data-theme=dark] .p-datatable.data-grid-table .p-paginator .p-paginator-first,
[data-theme=dark] .p-datatable.data-grid-table .p-paginator .p-paginator-prev,
[data-theme=dark] .p-datatable.data-grid-table .p-paginator .p-paginator-next,
[data-theme=dark] .p-datatable.data-grid-table .p-paginator .p-paginator-last {
  background: transparent;
  color: var(--primary-text-color, #e1e1e1);
  border: none;
}

[data-theme=dark] .p-datatable.data-grid-table .p-paginator .p-paginator-page:hover:not(.p-disabled),
[data-theme=dark] .p-datatable.data-grid-table .p-paginator .p-paginator-first:hover:not(.p-disabled),
[data-theme=dark] .p-datatable.data-grid-table .p-paginator .p-paginator-prev:hover:not(.p-disabled),
[data-theme=dark] .p-datatable.data-grid-table .p-paginator .p-paginator-next:hover:not(.p-disabled),
[data-theme=dark] .p-datatable.data-grid-table .p-paginator .p-paginator-last:hover:not(.p-disabled) {
  background: var(--hover-background, rgba(255, 255, 255, 0.08));
  color: var(--primary-text-color, #e1e1e1);
}

[data-theme=dark] .p-datatable.data-grid-table .p-paginator .p-paginator-page.p-highlight,
[data-theme=dark] .p-datatable.data-grid-table .p-paginator .p-paginator-first.p-highlight,
[data-theme=dark] .p-datatable.data-grid-table .p-paginator .p-paginator-prev.p-highlight,
[data-theme=dark] .p-datatable.data-grid-table .p-paginator .p-paginator-next.p-highlight,
[data-theme=dark] .p-datatable.data-grid-table .p-paginator .p-paginator-last.p-highlight {
  background: var(--primary-color, #377fc4);
  color: #fff;
}

[data-theme=dark] .p-datatable.data-grid-table .p-paginator .p-paginator-page:not(.p-highlight) {
  border-color: var(--surface-600, #4b5563);
}

[data-theme=dark] .p-datatable.data-grid-table .p-paginator .p-paginator-page:not(.p-highlight):not(.p-disabled):hover {
  border-color: var(--surface-500, #6b7280);
}

[data-theme=dark] .p-datatable.data-grid-table .p-paginator .p-dropdown {
  background: var(--component-background, #1e1e2e);
  border-color: var(--surface-600, #4b5563);
  color: var(--primary-text-color, #e1e1e1);
}

[data-theme=dark] .p-datatable.data-grid-table .p-paginator .p-dropdown .p-dropdown-label {
  color: var(--primary-text-color, #e1e1e1);
}

[data-theme=dark] .p-datatable.data-grid-table .p-paginator .p-dropdown .p-dropdown-trigger {
  color: var(--primary-text-color, #e1e1e1);
}

[data-theme=dark] .p-datatable.data-grid-table .p-paginator .p-paginator-current {
  color: var(--secondary-text-color, #94a3b8);
}
.relationship-grid-molecule {
  width: 100%;
  margin: 1rem 0;
  overflow: visible;
}
.relationship-grid-molecule .relationship-grid-header.collapsible {
  transition: all 0.3s ease;
}
.relationship-grid-molecule .relationship-grid-header.collapsible:hover {
  background: var(--hover-background);
}
.relationship-grid-molecule .relationship-grid-header.collapsible .relationship-grid-toggle-icon {
  transition: transform 0.3s ease;
}
.relationship-grid-molecule .relationship-grid-header.collapsible .relationship-grid-toggle-icon.expanded {
  transform: rotate(90deg);
}
.relationship-grid-molecule .relationship-grid-header .relationship-grid-header-actions .p-button {
  pointer-events: auto;
}
.relationship-grid-molecule .relationship-grid-header .relationship-grid-header-actions .p-button:hover {
  background: rgba(38, 163, 227, 0.1);
  border-color: #26a3e3;
}
.relationship-grid-molecule .relationship-grid-content {
  border: var(--primary-border);
  border-top: none;
  border-radius: 0 0 var(--border-radius) var(--border-radius);
  background: var(--component-background);
  box-shadow: var(--card-shadow);
  overflow: visible;
}
.relationship-grid-molecule .relationship-grid-content:has(.relationship-add-row) {
  border-radius: 0;
}
.relationship-grid-molecule .relationship-grid-content:has(.relationship-add-row) .data-grid-atom .data-grid-table {
  border-radius: 0 !important;
}
.relationship-grid-molecule .relationship-grid-content:has(.relationship-add-row) .data-grid-atom .data-grid-table .p-datatable-wrapper {
  border-radius: 0 !important;
}
.relationship-grid-molecule .relationship-grid-content:has(.relationship-add-row) .data-grid-atom .data-grid-table .p-datatable {
  border-radius: 0 !important;
}
.relationship-grid-molecule .relationship-grid-content:has(.relationship-add-row) .data-grid-atom .data-grid-table .p-datatable .p-datatable-wrapper {
  border-radius: 0 !important;
}
.relationship-grid-molecule .relationship-grid-content .data-grid-atom {
  margin-top: 0;
}
.relationship-grid-molecule .relationship-grid-content .data-grid-atom .data-grid-table {
  border-radius: 0 0 var(--border-radius) var(--border-radius) !important;
  border-top: none;
}
.relationship-grid-molecule .relationship-grid-content .data-grid-atom .data-grid-table .p-datatable-wrapper {
  border-radius: 0 0 var(--border-radius) var(--border-radius) !important;
}
.relationship-grid-molecule .relationship-grid-content .data-grid-atom .data-grid-table .p-datatable {
  border-radius: 0 0 var(--border-radius) var(--border-radius) !important;
  border-top: none;
}
.relationship-grid-molecule .relationship-grid-content .data-grid-atom .data-grid-table .p-datatable .p-datatable-wrapper {
  border-radius: 0 0 var(--border-radius) var(--border-radius) !important;
}
.relationship-grid-molecule .relationship-grid-header-actions {
  display: flex;
  gap: 0.5rem;
  align-items: center;
}
.relationship-grid-molecule .relationship-grid-header-actions .p-button {
  border-radius: var(--border-radius);
  border: var(--primary-border);
  background: var(--component-background);
  font-family: var(--font-family);
  font-size: var(--secondary-font);
  font-weight: 700;
  box-shadow: var(--button-shadow);
}
.relationship-grid-molecule .relationship-grid-header-actions .p-button:hover {
  background: rgba(38, 163, 227, 0.1);
  border-color: #26a3e3;
}
.relationship-grid-molecule .relationship-grid-header-actions .p-button.p-button-success {
  color: #26a3e3;
  border-color: #26a3e3;
}
.relationship-grid-molecule .relationship-grid-header-actions .p-button.p-button-secondary {
  color: var(--primary-text-color);
}
@media screen and (max-width: 768px) {
  .relationship-grid-molecule .relationship-grid-header-actions .p-button.p-button-icon-only {
    width: 2.5rem !important;
    height: 2.5rem !important;
    min-width: 2.5rem !important;
    border-radius: 50% !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: 1px solid #26a3e3 !important;
    background: rgba(38, 163, 227, 0.1) !important;
    color: #26a3e3 !important;
    box-shadow: none !important;
  }
  [data-theme=dark] .relationship-grid-molecule .relationship-grid-header-actions .p-button.p-button-icon-only {
    background: rgba(38, 163, 227, 0.15) !important;
    border-color: #4fc3f7 !important;
    color: #4fc3f7 !important;
  }
  .relationship-grid-molecule .relationship-grid-header-actions .p-button.p-button-icon-only .p-button-icon {
    margin: 0 !important;
    font-size: 1rem !important;
    line-height: 1 !important;
  }
  .relationship-grid-molecule .relationship-grid-header-actions .p-button.p-button-icon-only .p-button-label {
    display: none !important;
  }
  .relationship-grid-molecule .relationship-grid-header-actions .p-button.p-button-icon-only:hover {
    background: rgba(38, 163, 227, 0.2) !important;
    transform: scale(1.05);
  }
  [data-theme=dark] .relationship-grid-molecule .relationship-grid-header-actions .p-button.p-button-icon-only:hover {
    background: rgba(38, 163, 227, 0.25) !important;
  }
  .relationship-grid-molecule .relationship-grid-header-actions .p-button.p-button-icon-only:active {
    transform: scale(0.95);
  }
  .relationship-grid-molecule .relationship-grid-header-actions .p-button.p-button-icon-only:focus {
    box-shadow: 0 0 0 2px rgba(38, 163, 227, 0.3) !important;
  }
}
.relationship-grid-molecule .relationship-data-grid .relationship-type {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.relationship-grid-molecule .relationship-data-grid .relationship-type .relationship-type-label {
  font-weight: 500;
  color: var(--primary-text-color);
}
.relationship-grid-molecule .relationship-data-grid .relationship-type .inactive-badge {
  background: #ff9800;
  color: var(--component-background);
  padding: 0.125rem 0.5rem;
  border-radius: var(--border-radius);
  font-size: 0.6875rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.025rem;
  box-shadow: var(--element-shadow);
}
.relationship-grid-molecule .relationship-data-grid .sphere-type {
  color: var(--primary-text-color);
  font-size: 13px;
  text-transform: capitalize;
  opacity: 0.8;
}
.relationship-grid-molecule .relationship-data-grid .sphere-identity-atom {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.relationship-grid-molecule .relationship-data-grid .sphere-identity-atom .sphere-avatar {
  border-radius: var(--border-radius);
  border: var(--primary-border);
  box-shadow: var(--element-shadow);
  flex-shrink: 0;
}
.relationship-grid-molecule .relationship-data-grid .no-border-shadow .p-dropdown {
  border: none;
  box-shadow: none;
  background: transparent;
  padding: 0;
  min-height: auto;
}
.relationship-grid-molecule .relationship-data-grid .no-border-shadow .p-dropdown .p-dropdown-label {
  padding: 0.25rem 0;
  color: var(--primary-text-color);
  font-size: 13px;
}
.relationship-grid-molecule .relationship-data-grid .no-border-shadow .p-dropdown:not(.p-disabled):hover {
  border-color: #26a3e3;
}
.relationship-grid-molecule .relationship-data-grid .no-border-shadow .p-dropdown:focus-within {
  outline: 1px solid #26a3e3;
  outline-offset: 1px;
}
.relationship-grid-molecule .p-dialog .dialog-actions {
  display: flex;
  gap: 0.5rem;
  justify-content: flex-end;
  margin-top: 1.5rem;
  padding-top: 1rem;
  border-top: var(--primary-border);
}
.relationship-grid-molecule .p-dialog .dialog-actions .p-button {
  border-radius: var(--border-radius);
  border: var(--primary-border);
  font-family: var(--font-family);
  font-size: var(--secondary-font);
  font-weight: 700;
  box-shadow: var(--button-shadow);
}
.relationship-grid-molecule .p-dialog .dialog-actions .p-button.p-button-text {
  background: transparent;
  box-shadow: none;
  color: var(--primary-text-color);
}
.relationship-grid-molecule .p-dialog .dialog-actions .p-button.p-button-text:hover {
  background: rgba(38, 163, 227, 0.1);
}
.relationship-grid-molecule .p-dialog .p-dialog-content {
  background: var(--component-background);
  border-radius: var(--border-radius);
}
.relationship-grid-molecule .p-dialog .p-dialog-header {
  background: var(--component-background);
  border-radius: var(--border-radius) var(--border-radius) 0 0;
  color: var(--primary-text-color);
  font-family: var(--font-family);
  font-weight: 600;
}
.relationship-grid-molecule .field {
  margin-bottom: 1rem;
}
.relationship-grid-molecule .field label {
  display: block;
  margin-bottom: 0.25rem;
  font-weight: 600;
  color: var(--primary-text-color);
  font-family: var(--font-family);
}
.relationship-grid-molecule .field .p-dropdown {
  border-radius: var(--border-radius);
  border: var(--primary-border);
  background: var(--component-background);
  box-shadow: var(--card-shadow);
}
.relationship-grid-molecule .field .p-dropdown:focus-within {
  box-shadow: 2px 2px 10px 0px rgba(74, 100, 126, 0.2) inset;
}
.relationship-grid-molecule .field .text-muted {
  color: var(--primary-text-color);
  opacity: 0.6;
  font-size: 0.75rem;
  margin-top: 0.25rem;
  display: block;
  font-style: italic;
}
.relationship-grid-molecule .mobile-relationships-container {
  padding: 1rem;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  overflow: visible;
}
.relationship-grid-molecule .mobile-relationships-container .mobile-loading,
.relationship-grid-molecule .mobile-relationships-container .mobile-error,
.relationship-grid-molecule .mobile-relationships-container .mobile-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 2rem 1rem;
  gap: 0.75rem;
  color: var(--primary-text-color);
  text-align: center;
}
.relationship-grid-molecule .mobile-relationships-container .mobile-loading i,
.relationship-grid-molecule .mobile-relationships-container .mobile-error i,
.relationship-grid-molecule .mobile-relationships-container .mobile-empty i {
  font-size: 2rem;
  color: var(--primary-color);
}
.relationship-grid-molecule .mobile-relationships-container .mobile-loading span,
.relationship-grid-molecule .mobile-relationships-container .mobile-error span,
.relationship-grid-molecule .mobile-relationships-container .mobile-empty span {
  font-size: 0.875rem;
  opacity: 0.8;
}
.relationship-grid-molecule .mobile-relationships-container .mobile-error i {
  color: #ef4444;
}
[data-theme=dark] .relationship-grid-molecule .mobile-relationships-container .mobile-error i {
  color: #f87171;
}
.relationship-grid-molecule .mobile-relationship-card {
  background: var(--component-background);
  border: var(--primary-border);
  border-radius: var(--border-radius);
  box-shadow: var(--card-shadow);
  padding: 1rem;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  transition: all 0.2s ease;
}
.relationship-grid-molecule .mobile-relationship-card:active {
  transform: scale(0.98);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12);
}
[data-theme=dark] .relationship-grid-molecule .mobile-relationship-card:active {
  box-shadow: 0 1px 3px rgba(255, 255, 255, 0.08);
}
.relationship-grid-molecule .mobile-relationship-card .mobile-card-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.5rem;
}
.relationship-grid-molecule .mobile-relationship-card .mobile-card-header .relationship-type-badge {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.375rem 0.75rem;
  background: rgba(38, 163, 227, 0.1);
  border-radius: 20px;
  flex: 1;
}
[data-theme=dark] .relationship-grid-molecule .mobile-relationship-card .mobile-card-header .relationship-type-badge {
  background: rgba(38, 163, 227, 0.2);
}
.relationship-grid-molecule .mobile-relationship-card .mobile-card-header .relationship-type-badge i {
  color: #26a3e3;
  font-size: 0.875rem;
}
[data-theme=dark] .relationship-grid-molecule .mobile-relationship-card .mobile-card-header .relationship-type-badge i {
  color: #4fc3f7;
}
.relationship-grid-molecule .mobile-relationship-card .mobile-card-header .relationship-type-badge span {
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--primary-text-color);
}
.relationship-grid-molecule .mobile-relationship-card .mobile-card-header .inactive-badge-mobile {
  background: #ff9800;
  color: white;
  padding: 0.25rem 0.5rem;
  border-radius: 12px;
  font-size: 0.625rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.025rem;
}
.relationship-grid-molecule .mobile-relationship-card .mobile-card-body {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.relationship-grid-molecule .mobile-relationship-card .mobile-card-body .sphere-info .sphere-identity-atom {
  padding: 0.5rem;
  background: var(--hover-background);
  border-radius: 12px;
  transition: background 0.2s ease;
}
.relationship-grid-molecule .mobile-relationship-card .mobile-card-body .sphere-info .sphere-identity-atom:active {
  background: rgba(38, 163, 227, 0.05);
}
[data-theme=dark] .relationship-grid-molecule .mobile-relationship-card .mobile-card-body .sphere-info .sphere-identity-atom:active {
  background: rgba(38, 163, 227, 0.15);
}
.relationship-grid-molecule .mobile-relationship-card .mobile-card-body .sphere-info .sphere-identity-atom .sphere-avatar-wrapper .custom-avatar-icon {
  width: 22px !important;
  height: 22px !important;
  top: -2px !important;
}
.relationship-grid-molecule .mobile-relationship-card .mobile-card-body .hierarchy-info {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  background: var(--hover-background);
  border-radius: 12px;
}
.relationship-grid-molecule .mobile-relationship-card .mobile-card-body .hierarchy-info i {
  color: var(--secondary-text-color);
  font-size: 0.75rem;
  flex-shrink: 0;
}
.relationship-grid-molecule .mobile-relationship-card .mobile-card-body .hierarchy-info .hierarchy-text {
  font-size: 0.75rem;
  color: var(--secondary-text-color);
  line-height: 1.4;
}
.relationship-grid-molecule .mobile-relationship-card .mobile-card-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 0.5rem;
  border-top: 1px solid var(--surface-border);
}
.relationship-grid-molecule .mobile-relationship-card .mobile-card-footer .direction-badge {
  display: flex;
  align-items: center;
  gap: 0.375rem;
}
.relationship-grid-molecule .mobile-relationship-card .mobile-card-footer .direction-badge .direction-icon {
  font-size: 1rem;
}
.relationship-grid-molecule .mobile-relationship-card .mobile-card-footer .direction-badge .direction-text {
  font-size: 0.75rem;
  font-weight: 500;
  color: var(--secondary-text-color);
  text-transform: uppercase;
  letter-spacing: 0.025rem;
}
.relationship-grid-molecule .mobile-relationship-card .mobile-card-footer .remove-button-mobile {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  padding: 0.5rem 0.875rem;
  background: transparent;
  border: 1px solid #ef4444;
  border-radius: 20px;
  color: #ef4444;
  font-size: 0.75rem;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
}
[data-theme=dark] .relationship-grid-molecule .mobile-relationship-card .mobile-card-footer .remove-button-mobile {
  border-color: #f87171;
  color: #f87171;
}
.relationship-grid-molecule .mobile-relationship-card .mobile-card-footer .remove-button-mobile i {
  font-size: 0.875rem;
}
.relationship-grid-molecule .mobile-relationship-card .mobile-card-footer .remove-button-mobile:active {
  background: rgba(239, 68, 68, 0.1);
  transform: scale(0.95);
}
[data-theme=dark] .relationship-grid-molecule .mobile-relationship-card .mobile-card-footer .remove-button-mobile:active {
  background: rgba(248, 113, 113, 0.2);
}
@media screen and (max-width: 768px) {
  .relationship-grid-molecule .relationship-data-grid .p-datatable-wrapper {
    overflow-x: auto;
  }
  .relationship-grid-molecule .relationship-data-grid .relationship-type {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.25rem;
  }
  .relationship-grid-molecule .relationship-data-grid .relationship-type .inactive-badge {
    align-self: flex-start;
  }
  .relationship-grid-molecule .relationship-add-row {
    margin: 0.75rem 1rem;
    border-radius: var(--border-radius);
    overflow: visible !important;
  }
  .relationship-grid-molecule .relationship-add-row .relationship-add-row-content {
    grid-template-columns: 1fr !important;
    gap: 0.75rem !important;
    padding: 1rem !important;
    overflow: visible;
  }
  .relationship-grid-molecule .relationship-add-row .relationship-add-field {
    overflow: visible;
  }
  .relationship-grid-molecule .relationship-add-row .relationship-add-actions {
    display: flex;
    gap: 0.5rem;
    width: 100%;
  }
  .relationship-grid-molecule .relationship-add-row .relationship-add-actions button {
    flex: 1;
  }
}
.relationship-grid-molecule .p-toast .p-toast-message {
  margin: 1rem;
}
.relationship-grid-molecule .relationship-add-row {
  border: var(--primary-border);
  border-top: none;
  border-radius: 0 0 var(--border-radius) var(--border-radius);
  background: rgba(38, 163, 227, 0.05);
  box-shadow: var(--card-shadow);
  position: relative;
  overflow: visible;
  z-index: 1;
}
.relationship-grid-molecule .relationship-add-row .relationship-add-row-content {
  display: grid;
  grid-template-columns: 200px 250px 200px 200px 1fr;
  gap: 1rem;
  padding: 1rem;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .relationship-grid-molecule .relationship-add-row .relationship-add-row-content {
    grid-template-columns: 1fr;
    gap: 0.5rem;
  }
}
.relationship-grid-molecule .relationship-add-row .relationship-add-field {
  display: flex;
  align-items: center;
  position: relative;
  z-index: 2;
}
.relationship-grid-molecule .relationship-add-row .relationship-add-field .relationship-type-dropdown {
  width: 100%;
}
@media screen and (max-width: 768px) {
  .relationship-grid-molecule .relationship-add-row .relationship-add-field .relationship-type-dropdown {
    width: 90%;
  }
}
.relationship-grid-molecule .relationship-add-row .relationship-add-field .relationship-type-dropdown .p-dropdown {
  border-radius: var(--border-radius);
  border: var(--primary-border);
  background: var(--component-background);
  box-shadow: var(--card-shadow);
}
.relationship-grid-molecule .relationship-add-row .relationship-add-field .relationship-type-dropdown .p-dropdown:focus-within {
  box-shadow: var(--card-shadow);
  border-color: #26a3e3;
}
.relationship-grid-molecule .relationship-add-row .relationship-add-field .relationship-type-dropdown .p-dropdown .p-dropdown-trigger {
  display: flex !important;
  align-items: center;
  justify-content: center;
  width: 2.5rem;
  color: var(--primary-text-color);
}
.relationship-grid-molecule .relationship-add-row .relationship-add-field .relationship-type-dropdown .p-dropdown .p-dropdown-trigger .p-dropdown-trigger-icon {
  display: block !important;
  font-size: 0.875rem;
}
.relationship-grid-molecule .relationship-add-row .relationship-add-field .sphere-search-container {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.relationship-grid-molecule .relationship-add-row .relationship-add-field .sphere-search-container .atlas-column-filter .Search-input-box {
  border-radius: var(--border-radius);
  border: var(--primary-border);
  background: var(--component-background);
  box-shadow: var(--card-shadow);
}
.relationship-grid-molecule .relationship-add-row .relationship-add-field .sphere-search-container .atlas-column-filter .Search-input-box:focus {
  box-shadow: var(--card-shadow);
  border-color: #26a3e3;
}
.relationship-grid-molecule .relationship-add-row .relationship-add-field .sphere-search-container .sphere-results-dropdown .p-dropdown {
  border-radius: var(--border-radius);
  border: var(--primary-border);
  background: var(--component-background);
  box-shadow: var(--card-shadow);
}
.relationship-grid-molecule .relationship-add-row .relationship-add-field .sphere-search-container .sphere-results-dropdown .p-dropdown:focus-within {
  box-shadow: var(--card-shadow);
  border-color: #26a3e3;
}
.relationship-grid-molecule .relationship-add-row .relationship-add-field .sphere-search-container .sphere-search-loading {
  display: flex;
  align-items: center;
  color: var(--primary-text-color);
  font-size: var(--secondary-font);
  opacity: 0.7;
}
.relationship-grid-molecule .relationship-add-row .relationship-add-field.actions-field {
  justify-content: flex-end;
}
.relationship-grid-molecule .relationship-add-row .relationship-add-actions {
  display: flex;
  gap: 0.5rem;
  align-items: center;
}
.relationship-grid-molecule .relationship-add-row .relationship-add-actions .relate-button,
.relationship-grid-molecule .relationship-add-row .relationship-add-actions .cancel-button {
  border-radius: var(--border-radius);
  border: var(--primary-border);
  background: var(--component-background);
  color: var(--primary-text-color);
  font-family: var(--font-family);
  font-size: var(--secondary-font);
  font-weight: 700;
  box-shadow: var(--button-shadow);
}
.relationship-grid-molecule .relationship-add-row .relationship-add-actions .relate-button:hover,
.relationship-grid-molecule .relationship-add-row .relationship-add-actions .cancel-button:hover {
  background: rgba(38, 163, 227, 0.1);
  border-color: #26a3e3;
}
.relationship-grid-molecule .relationship-add-row .relationship-add-actions .relate-button:disabled,
.relationship-grid-molecule .relationship-add-row .relationship-add-actions .cancel-button:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
.relationship-grid-molecule .relationship-add-row .sphere-search-result {
  padding: 0.25rem;
}
.relationship-grid-molecule .relationship-add-row .sphere-search-result:hover {
  background: var(--hover-background);
}
.relationship-grid-molecule .relationship-add-row .p-autocomplete-panel {
  z-index: 1000;
  border-radius: var(--border-radius);
  border: var(--primary-border);
  background: var(--component-background);
  box-shadow: var(--element-shadow);
}
.sphere-editor-content .relationship-grid-molecule {
  border-top: 1px solid var(--surface-300);
  padding-top: 1rem;
  margin-top: 1rem;
}
.period-display-molecule .period-empty-state {
  padding: 1rem;
  font-style: italic;
  text-align: center;
  border: 2px dashed rgba(55, 127, 196, 0.3);
  border-radius: var(--border-radius);
  background: var(--component-background);
  color: var(--secondary-text-color);
  font-size: var(--secondary-font);
}
.period-display-molecule .period-chip.p-tag {
  font-size: var(--primary-font);
  padding: 0.5rem 0.75rem;
  border-radius: var(--border-radius);
  font-weight: 600;
  position: relative;
  transition: all 0.2s ease;
  background: var(--component-background);
  color: var(--primary-text-color);
  border: var(--primary-border);
  box-shadow: var(--element-shadow);
}
.period-display-molecule .period-chip.p-tag:hover {
  transform: translateY(-1px);
  box-shadow: 0px 4px 8px rgba(74, 100, 126, 0.25);
  background: rgba(55, 127, 196, 0.05);
}
.period-display-molecule .period-chip.p-tag .pi-times {
  position: absolute;
  right: 0.5rem;
  top: 50%;
  transform: translateY(-50%);
  font-size: 0.75rem;
  opacity: 0.7;
  transition: opacity 0.2s ease;
  color: #377fc4;
}
.period-display-molecule .period-chip.p-tag .pi-times:hover {
  opacity: 1;
  color: #d32f2f;
}
.period-display-molecule .period-chip.p-tag.p-tag-success, .period-display-molecule .period-chip.p-tag.p-tag-info, .period-display-molecule .period-chip.p-tag.p-tag-warning, .period-display-molecule .period-chip.p-tag.p-tag-secondary {
  background: var(--component-background);
  color: var(--primary-text-color);
  border: var(--primary-border);
  box-shadow: var(--element-shadow);
}
.period-display-molecule .p-card {
  border: var(--primary-border);
  border-radius: var(--border-radius);
  box-shadow: var(--card-shadow);
  background: var(--component-background);
}
.period-display-molecule .p-card h3 {
  color: var(--primary-text-color);
  font-size: var(--sub-heading-font);
  font-weight: 600;
}
.period-display-molecule .p-button-outlined {
  background: var(--cta-secondary-background);
  color: var(--cta-secondary-color);
  border: var(--cta-secondary-border);
  box-shadow: var(--cta-secondary-shadow);
  border-radius: var(--border-radius);
  font-weight: 600;
  transition: all 0.2s ease;
}
.period-display-molecule .p-button-outlined:hover:not(:disabled) {
  background: var(--cta-secondary-hover-background);
  border-color: #26a3e3;
  transform: translateY(-1px);
  box-shadow: 0 0 0 0.2rem rgba(55, 127, 196, 0.25);
}
.period-display-molecule .p-button-outlined:active:not(:disabled) {
  transform: scale(0.98);
}
.period-display-molecule .p-button-outlined:focus {
  outline: none;
  box-shadow: 0 0 0 0.2rem rgba(55, 127, 196, 0.25);
}
.period-display-molecule .p-skeleton {
  display: inline-block;
}
.period-display-molecule .text-color-danger {
  padding: 1rem;
  background: rgba(211, 47, 47, 0.1);
  border: 2px solid rgba(211, 47, 47, 0.3);
  border-radius: var(--border-radius);
  color: #d32f2f;
  font-size: var(--primary-font);
  font-weight: 500;
}
.period-display-molecule .text-color-danger .pi {
  color: #d32f2f;
}
.period-display-molecule .text-color-secondary {
  color: var(--secondary-text-color);
}
.period-selector-dialog .p-dialog-content {
  padding: 0;
  overflow: hidden;
}
.period-selector-dialog .p-dialog-header {
  background: var(--component-background);
  border-bottom: var(--primary-border);
}
.period-selector-dialog .p-card {
  border: none;
  box-shadow: none;
  margin: 0;
}
.p-confirm-dialog .p-dialog-header {
  background: var(--component-background);
  border-bottom: var(--primary-border);
  border-radius: var(--border-radius) var(--border-radius) 0 0;
  padding: 1.5rem;
}
.p-confirm-dialog .p-dialog-header .p-dialog-title {
  color: var(--primary-text-color);
  font-size: var(--sub-heading-font);
  font-weight: 600;
}
.p-confirm-dialog .p-dialog-header .p-dialog-header-icon {
  color: var(--primary-text-color);
}
.p-confirm-dialog .p-dialog-content {
  background: var(--component-background);
  padding: 1.5rem;
  color: var(--primary-text-color);
  font-size: var(--primary-font);
}
.p-confirm-dialog .p-dialog-content .p-confirm-dialog-message {
  margin-left: 0;
  color: var(--primary-text-color);
}
.p-confirm-dialog .p-dialog-content .pi-exclamation-triangle {
  color: #ff9800;
  font-size: 2rem;
}
.p-confirm-dialog .p-dialog-footer {
  background: var(--component-background);
  border-top: var(--primary-border);
  border-radius: 0 0 var(--border-radius) var(--border-radius);
  padding: 1rem 1.5rem;
  display: flex;
  gap: 0.5rem;
  justify-content: flex-end;
}
.p-confirm-dialog .p-dialog-footer .p-button {
  font-weight: 600;
  border-radius: var(--border-radius);
  padding: 0.5rem 1.5rem;
  transition: all 0.2s ease;
}
.p-confirm-dialog .p-dialog-footer .p-button.p-button-text {
  background: var(--cta-secondary-background);
  color: var(--cta-secondary-color);
  border: var(--cta-secondary-border);
  box-shadow: var(--cta-secondary-shadow);
}
.p-confirm-dialog .p-dialog-footer .p-button.p-button-text:hover:not(:disabled) {
  background: var(--cta-secondary-hover-background);
  transform: translateY(-1px);
}
.p-confirm-dialog .p-dialog-footer .p-button.p-button-danger {
  background: linear-gradient(180deg, #d32f2f 0%, #b71c1c 94%);
  color: #ffffff;
  border: 2px solid rgba(255, 255, 255, 0.3);
  box-shadow: 0px 4px 4px rgba(211, 47, 47, 0.2), inset 5px 4px 4px rgba(255, 255, 255, 0.2);
}
.p-confirm-dialog .p-dialog-footer .p-button.p-button-danger:hover:not(:disabled) {
  background: linear-gradient(180deg, #e53935 0%, #c62828 94%);
  transform: translateY(-1px);
  box-shadow: 0px 6px 6px rgba(211, 47, 47, 0.25);
}
.p-confirm-dialog .p-dialog-footer .p-button.p-button-danger:active:not(:disabled) {
  transform: scale(0.98);
}
.p-confirm-dialog.p-dialog {
  border-radius: var(--border-radius);
  box-shadow: var(--card-shadow);
  border: var(--primary-border);
  background: var(--component-background);
}
@media (max-width: 768px) {
  .period-display-molecule .flex.justify-content-between {
    flex-direction: column;
    gap: 1rem;
    align-items: flex-start;
  }
  .period-display-molecule .period-chip.p-tag {
    font-size: 0.8rem;
    padding: 0.4rem 0.6rem;
  }
  .period-selector-dialog .p-dialog {
    width: 95vw !important;
    max-width: none !important;
    margin: 1rem;
  }
  .p-confirm-dialog .p-dialog {
    width: 90vw !important;
    margin: 1rem;
  }
}
/* components/molecules/SphereTypeSelector/SphereTypeSelector.scss */
.sphere-type-selector {
  background-color: var(--component-background);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  border: var(--primary-border);
  box-shadow: 2px 2px 10px rgba(74, 100, 126, 0.2);
  border-radius: 20px;
  margin: 10px;
  /* 2. Categories and Search Bar */
}
.sphere-type-selector .categories {
  display: flex;
  flex-wrap: wrap; /* Allow pills to wrap onto new lines */
  gap: 0.5rem;
  padding: 10px 10px 0 10px;
}
.sphere-type-selector .categories .category-button {
  display: flex;
  align-items: center;
  background: var(--component-background);
  border: var(--primary-border);
  padding: 4px 12px 4px 0px;
  border-radius: 20px; /* Standardized border-radius */
  cursor: pointer;
  transition: background-color 0.2s, border-color 0.2s, color 0.2s;
  color: var(--primary-text-color);
  font-family: var(--font-family);
  box-shadow: 0px -2px 7px 2px rgba(116, 139, 157, 0.2) inset;
}
.sphere-type-selector .categories .category-button .custom-avatar-icon {
  width: 20px;
  height: 20px;
  top: 0;
}
.sphere-type-selector .categories .category-button:hover {
  background: var(--hover-background);
  border-color: #377fc4;
}
.sphere-type-selector .categories .category-button.active {
  border: 2px solid #377fc4;
  background: var(--component-background);
  color: #377fc4;
  box-shadow: 0 0 0 0.2rem rgba(55, 127, 196, 0.25);
}
.sphere-type-selector .categories {
  /* 3. Search bar as last pill */
}
.sphere-type-selector .categories .search-bar {
  display: flex;
  align-items: center;
  border: var(--primary-border);
  background: var(--Search-input-box);
  box-shadow: 2px 2px 7px 2px rgba(30, 84, 156, 0.18) inset, -3px -1px 10px 0px rgba(160, 183, 202, 0.15) inset;
  color: var(--primary-text-color);
  border-radius: 20px; /* Standardized border-radius */
  padding: 0.5rem 0.35rem;
  cursor: pointer;
  transition: width 0.3s ease;
}
.sphere-type-selector .categories .search-bar.collapsed {
  width: 24px;
  height: 24px;
  margin-top: 4px;
  justify-content: center;
}
.sphere-type-selector .categories .search-bar.expanded {
  width: 200px;
  cursor: text;
}
.sphere-type-selector .categories .search-bar .search-icon {
  color: #377fc4;
  font-size: 0.8rem;
  display: flex;
  align-items: center;
  flex-shrink: 0;
  cursor: pointer;
}
.sphere-type-selector .categories .search-bar .search-icon:hover {
  color: #26a3e3;
}
.sphere-type-selector .categories .search-bar input {
  border: none;
  outline: none;
  font-size: var(--secondary-font);
  font-family: var(--font-family);
  background: transparent;
  flex: 1;
  display: block;
  margin-left: 0.5rem;
  color: var(--primary-text-color);
}
.sphere-type-selector {
  /* 4. Valid Types Grid */
}
.sphere-type-selector .valid-types-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  margin-bottom: 40px;
}
.sphere-type-selector .valid-types-grid .type-item {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  cursor: pointer;
  padding: 8px;
  border: var(--primary-border);
  border-radius: 8px;
  background: var(--component-background);
  box-shadow: 2px 2px 10px rgba(74, 100, 126, 0.2);
  color: var(--primary-text-color);
  font-family: var(--font-family);
  transition: all 0.2s ease;
}
.sphere-type-selector .valid-types-grid .type-item .custom-avatar-icon {
  top: 0;
}
.sphere-type-selector .valid-types-grid .type-item:hover {
  box-shadow: 0 0 0 0.2rem rgba(55, 127, 196, 0.25);
  border-color: #377fc4;
  color: #377fc4;
  transform: translateY(-1px);
}
.sphere-type-selector .valid-types-grid .type-item {
  /* Disabled State */
}
.sphere-type-selector .valid-types-grid .type-item.disabled {
  cursor: not-allowed;
  opacity: 0.6;
  pointer-events: none;
}
.sphere-type-selector .valid-types-grid .type-item.disabled .custom-avatar-icon {
  filter: grayscale(100%);
}
.sphere-type-selector .valid-types-grid .type-item.disabled span {
  color: var(--primary-text-color);
  opacity: 0.5;
}
.sphere-type-selector .valid-types-grid .type-item.filler {
  visibility: hidden;
  pointer-events: none;
}
.sphere-type-selector {
  /* Mobile: 2 columns for better touch targets */
}
@media (max-width: 768px) {
  .sphere-type-selector .valid-types-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
/* components/molecules/SphereProperties/SphereProperties.scss */
.ql-editor {
  color: var(--primary-text-color);
}
/* Period Display Styling within Sphere Properties */
.sphere-periods-section {
  margin-top: 1.5rem;
}
/* Attachments Grid Styling within Sphere Properties */
.sphere-attachments-section {
  margin-top: 1.5rem;
  padding-top: 1rem;
  border-top: 1px solid var(--surface-300);
}
/* Relationship Grid Styling within Sphere Properties */
.sphere-relationships-section {
  margin-top: 1.5rem;
  padding-top: 1rem;
  border-top: 1px solid var(--surface-300);
}
.sphere-relationships-section .relationship-grid-molecule {
  margin: 0;
}
.sphere-relationships-section .relationship-grid-molecule .relationship-grid-container {
  border-top: none !important;
}
.sphere-properties-molecule {
  display: flex;
  flex-direction: column;
  gap: 0px; /* Retain gap for vertical spacing between main sections */
}
.sphere-properties-molecule .sphere-properties-header {
  display: flex;
  align-items: stretch; /* Stretch child elements to full height */
  background: var(--component-background);
  border-radius: 20px;
  padding: 0 0px 0px 12px; /* Inner padding */
  margin: 0 0 16px;
  border: var(--primary-border);
  box-shadow: 2px 2px 10px 0px rgba(74, 100, 126, 0.2) inset;
}
.sphere-properties-molecule .sphere-properties-header .avatar-container {
  box-shadow: none;
}
.sphere-properties-molecule .sphere-properties-header .sphere-avatar {
  top: 0;
  width: 20px;
  height: 20px;
}
.sphere-properties-molecule .sphere-properties-header .sphere-type-label {
  cursor: default;
  margin-top: 3px;
  pointer-events: auto;
}
.sphere-properties-molecule .sphere-properties-header .urgency-view {
  margin-left: 12px;
  margin-top: 7px;
}
.sphere-properties-molecule .sphere-properties-header {
  /* Apply border-left to all child elements except the first one */
}
.sphere-properties-molecule .sphere-properties-header > *:not(:first-child) {
  border-left: var(--primary-border); /* Vertical separator */
  padding-left: 0px; /* Space between separator and content */
  margin-left: 11px; /* Space to separate from previous element */
}
.sphere-properties-molecule .sphere-properties-header {
  /* Sphere Name Input takes remaining space */
}
.sphere-properties-molecule .sphere-properties-header > .sphere-name-container {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center; /* Vertically center the input */
  background: none;
}
.sphere-properties-molecule .sphere-properties-header {
  /* Ensure Urgency Container, Privacy Container, and Sphere Name Container have consistent alignment */
}
.sphere-properties-molecule .sphere-properties-header > .urgency-container,
.sphere-properties-molecule .sphere-properties-header > .privacy-container,
.sphere-properties-molecule .sphere-properties-header > .sphere-name-container {
  display: flex;
  align-items: center; /* Center content vertically within their containers */
}
.sphere-properties-molecule .sphere-properties-header {
  /* Flow components container - blends into parent, no extra borders/backgrounds */
}
.sphere-properties-molecule .sphere-properties-header > .flow-components-container {
  display: flex;
  align-items: center;
  padding-right: 12px;
  margin-right: 0;
}
.sphere-properties-molecule .sphere-properties-header > .privacy-container {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-left: 18px;
}
.sphere-properties-molecule .urgency-container {
  position: relative; /* For positioning the UrgencyPillMolecule */
  display: flex;
  align-items: center;
}
.sphere-properties-molecule .urgency-container .urgency-button {
  display: flex;
  align-items: center;
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 0;
  font-size: var(--sub-heading-font);
  color: inherit;
  transition: background-color 0.3s ease, transform 0.3s ease;
}
.sphere-properties-molecule .urgency-container .urgency-button .caret-icon {
  margin-left: 4px;
  font-size: var(--secondary-font);
  transition: transform 0.3s ease;
}
.sphere-properties-molecule .urgency-container .urgency-button {
  /* Rotate caret when expanded */
}
.sphere-properties-molecule .urgency-container .urgency-button.expanded .caret-icon {
  transform: rotate(180deg);
}
.sphere-properties-molecule .urgency-container .urgency-button:focus {
  outline: none;
  /* Optional: Add custom focus styles */
  box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.5);
  border-radius: 9999px;
}
.sphere-properties-molecule .urgency-container .urgency-button svg {
  stroke-width: 1px;
  stroke: var(--secondary-color, #26a3e3);
  height: 8px;
  margin-left: 2px;
}
.sphere-properties-molecule .urgency-container {
  /* Position the UrgencyPillMolecule absolutely below the button */
}
.sphere-properties-molecule .urgency-container .urgency-selector {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 10;
}
.sphere-properties-molecule .privacy-sphere-container {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin: 0 0 16px;
  padding: 12px 16px;
  background: rgba(55, 127, 196, 0.08);
  border: 1px solid rgba(55, 127, 196, 0.2);
  border-radius: 8px;
}
[data-theme=dark] .sphere-properties-molecule .privacy-sphere-container {
  background: rgba(55, 127, 196, 0.12);
  border-color: rgba(55, 127, 196, 0.3);
}
.sphere-properties-molecule .privacy-sphere-container.privacy-sphere-container--warn {
  background: rgba(217, 119, 6, 0.08);
  border-color: rgba(217, 119, 6, 0.3);
}
[data-theme=dark] .sphere-properties-molecule .privacy-sphere-container.privacy-sphere-container--warn {
  background: rgba(217, 119, 6, 0.14);
  border-color: rgba(217, 119, 6, 0.4);
}
.sphere-properties-molecule .privacy-sphere-container .privacy-sphere-icon {
  color: var(--primary-color, #3B82F6);
  font-size: 1.125rem;
  line-height: 1.5;
  flex: 0 0 auto;
}
.sphere-properties-molecule .privacy-sphere-container.privacy-sphere-container--warn .privacy-sphere-icon {
  color: rgb(217, 119, 6);
}
.sphere-properties-molecule .privacy-sphere-container .privacy-sphere-helper-text {
  margin: 0;
  color: var(--primary-text-color);
  font-size: 0.9375rem;
  line-height: 1.5;
}
.sphere-properties-molecule .arc-action-promotion {
  display: flex;
  align-items: center;
  gap: var(--spacing-xs);
  padding: var(--spacing-xs) var(--spacing-md);
  margin: 0 0 var(--spacing-md);
  border-radius: var(--border-radius-md);
  cursor: pointer;
  transition: opacity 0.15s ease;
  font-size: 13px;
}
.sphere-properties-molecule .arc-action-promotion:hover {
  opacity: 0.85;
}
.sphere-properties-molecule .arc-action-promotion--overdue {
  background: rgba(220, 53, 69, 0.1);
  border: 1px solid rgba(220, 53, 69, 0.25);
  color: var(--error-color, #dc3545);
}
[data-theme=dark] .sphere-properties-molecule .arc-action-promotion--overdue {
  background: rgba(220, 53, 69, 0.18);
  border-color: rgba(220, 53, 69, 0.35);
}
.sphere-properties-molecule .arc-action-promotion--blocked {
  background: rgba(253, 126, 20, 0.1);
  border: 1px solid rgba(253, 126, 20, 0.25);
  color: var(--warning-color, #fd7e14);
}
[data-theme=dark] .sphere-properties-molecule .arc-action-promotion--blocked {
  background: rgba(253, 126, 20, 0.18);
  border-color: rgba(253, 126, 20, 0.35);
}
.sphere-properties-molecule .arc-action-promotion--at-risk {
  background: rgba(255, 193, 7, 0.1);
  border: 1px solid rgba(255, 193, 7, 0.25);
  color: var(--warning-color, #ca8a04);
}
[data-theme=dark] .sphere-properties-molecule .arc-action-promotion--at-risk {
  background: rgba(255, 193, 7, 0.18);
  border-color: rgba(255, 193, 7, 0.35);
}
.sphere-properties-molecule .arc-action-promotion--attention-needed {
  background: rgba(13, 110, 253, 0.1);
  border: 1px solid rgba(13, 110, 253, 0.25);
  color: var(--primary-color, #0d6efd);
}
[data-theme=dark] .sphere-properties-molecule .arc-action-promotion--attention-needed {
  background: rgba(13, 110, 253, 0.18);
  border-color: rgba(13, 110, 253, 0.35);
}
.sphere-properties-molecule .arc-action-promotion__icon {
  font-size: 14px;
  flex-shrink: 0;
}
.sphere-properties-molecule .arc-action-promotion__text {
  flex: 1;
  font-weight: 500;
}
.sphere-properties-molecule .arc-action-promotion__link {
  font-weight: 600;
  text-decoration: underline;
  flex-shrink: 0;
}
.sphere-properties-molecule .form-group.sphere-name-container {
  flex: 1; /* Takes up remaining space */
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
}
.sphere-properties-molecule .form-group.sphere-name-container .privacy-lock-icon {
  flex-shrink: 0;
}
.sphere-properties-molecule .form-group.sphere-name-container .sphere-name-input {
  flex: 1;
  padding: 8px;
  font-size: 1.125rem;
  font-weight: 500;
  border: 0;
  width: 100%;
  line-height: 1.5; /* Ensures vertical alignment inside the input */
  transition: border-color 0.3s ease;
  border-radius: 20px;
  background: none;
  color: var(--primary-text-color);
}
.sphere-properties-molecule .form-group.sphere-name-container .sphere-name-input:focus {
  outline: none;
  border-color: #007bff;
  border-radius: 0 20px 20px 0;
}
.sphere-properties-molecule .form-group.sphere-name-container .is-invalid {
  border: 2px solid orange; /* Outline the text box in orange */
  border-radius: 0 20px 20px 0;
}
.sphere-properties-molecule .sphere-type-selector-container {
  padding: 10px;
}
.sphere-properties-molecule .form-group {
  margin: 0 0px 0px 10px;
}
.sphere-properties-molecule .form-group label {
  margin-bottom: 5px;
  display: block;
  color: var(--primary-text-color);
  font-size: var(--sub-heading-font);
}
.sphere-properties-molecule .form-group .card div .ql-container {
  border-radius: 0px 0px 20px 20px;
}
.sphere-properties-molecule {
  /* Additional Properties Grid */
}
.sphere-properties-molecule .additional-properties-grid {
  display: block;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  margin-top: 16px;
}
.sphere-properties-molecule {
  /* Chat Section */
}
.sphere-properties-molecule .sphere-chat-section {
  margin-top: 24px;
  border-top: 1px solid var(--primary-border);
  padding-top: 16px;
}
.sphere-properties-molecule {
  /* Mobile Collapsible Sections */
}
.sphere-properties-molecule .mobile-collapsible {
  margin-top: 12px;
  margin-bottom: 12px;
}
.sphere-properties-molecule .mobile-collapsible .collapsible-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 14px 18px;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0.7) 100%);
  border: 1px solid rgba(55, 127, 196, 0.2);
  border-radius: 16px;
  cursor: pointer;
  transition: all 0.3s ease;
  margin-bottom: 12px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}
[data-theme=dark] .sphere-properties-molecule .mobile-collapsible .collapsible-header {
  background: linear-gradient(135deg, rgba(44, 44, 62, 0.9) 0%, rgba(44, 44, 62, 0.7) 100%);
  border: 1px solid rgba(55, 127, 196, 0.3);
}
.sphere-properties-molecule .mobile-collapsible .collapsible-header:hover {
  background: linear-gradient(135deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0.9) 100%);
  border-color: rgba(55, 127, 196, 0.4);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  transform: translateY(-2px);
}
[data-theme=dark] .sphere-properties-molecule .mobile-collapsible .collapsible-header:hover {
  background: linear-gradient(135deg, rgb(44, 44, 62) 0%, rgba(44, 44, 62, 0.9) 100%);
}
.sphere-properties-molecule .mobile-collapsible .collapsible-header:active {
  transform: translateY(0);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
}
.sphere-properties-molecule .mobile-collapsible .collapsible-header .collapsible-title {
  font-size: 16px;
  font-weight: 600;
  color: var(--primary-text-color);
  letter-spacing: 0.3px;
}
.sphere-properties-molecule .mobile-collapsible .collapsible-header .collapsible-icon {
  font-size: 16px;
  color: var(--sort-icon);
  transition: transform 0.3s ease;
  font-weight: bold;
}
.sphere-properties-molecule .mobile-collapsible .collapsible-header .collapsible-icon.expanded {
  transform: rotate(0deg);
}
.sphere-properties-molecule .mobile-collapsible .collapsible-header .collapsible-icon.collapsed {
  transform: rotate(-90deg);
}
.sphere-properties-molecule .mobile-collapsible .collapsible-content {
  animation: slideDown 0.3s ease-out;
  overflow: hidden;
  padding: 12px;
  background: var(--component-background-gradient);
  border-radius: 12px;
  margin-top: 4px;
}
@keyframes slideDown {
  from {
    opacity: 0;
    max-height: 0;
    transform: translateY(-10px);
  }
  to {
    opacity: 1;
    max-height: 5000px;
    transform: translateY(0);
  }
}
.sphere-properties-molecule {
  /* Mobile description textarea styling */
}
.sphere-properties-molecule .sphere-description-mobile {
  resize: vertical;
  font-family: inherit;
  color: var(--primary-text-color);
}
@media (max-width: 768px) {
  .sphere-properties-molecule .sphere-properties-header.mobile-compact {
    padding: 8px 12px;
    margin-bottom: 12px;
    display: flex;
    flex-direction: column;
    gap: 8px;
  }
  .sphere-properties-molecule .sphere-properties-header.mobile-compact > .urgency-container, .sphere-properties-molecule .sphere-properties-header.mobile-compact > .sphere-name-container, .sphere-properties-molecule .sphere-properties-header.mobile-compact > .flow-components-container {
    display: none;
  }
  .sphere-properties-molecule .sphere-properties-header.mobile-compact .header-row-1 {
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
  }
  .sphere-properties-molecule .sphere-properties-header.mobile-compact .header-left-icons {
    display: flex;
    align-items: center;
    gap: 4px;
    flex-shrink: 0;
  }
  .sphere-properties-molecule .sphere-properties-header.mobile-compact .header-left-icons .urgency-container-compact {
    display: flex;
    align-items: center;
    position: relative;
  }
  .sphere-properties-molecule .sphere-properties-header.mobile-compact .header-left-icons .urgency-container-compact .urgency-button-compact {
    background: transparent;
    border: none;
    padding: 4px;
    cursor: pointer;
    display: flex;
    align-items: center;
    transition: transform 0.2s;
  }
  .sphere-properties-molecule .sphere-properties-header.mobile-compact .header-left-icons .urgency-container-compact .urgency-button-compact:active {
    transform: scale(0.95);
  }
  .sphere-properties-molecule .sphere-properties-header.mobile-compact .header-center-name {
    flex: 1;
    min-width: 0;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
  }
  .sphere-properties-molecule .sphere-properties-header.mobile-compact .header-center-name .privacy-lock-icon {
    flex-shrink: 0;
  }
  .sphere-properties-molecule .sphere-properties-header.mobile-compact .header-center-name .sphere-name-input-compact {
    flex: 1;
    border: none;
    background: transparent;
    padding: 6px 8px;
    font-size: 16px;
    font-weight: 500;
    color: var(--primary-text-color);
    outline: none;
  }
  .sphere-properties-molecule .sphere-properties-header.mobile-compact .header-center-name .sphere-name-input-compact:focus {
    background: rgba(255, 255, 255, 0.5);
    border-radius: 8px;
  }
  [data-theme=dark] .sphere-properties-molecule .sphere-properties-header.mobile-compact .header-center-name .sphere-name-input-compact:focus {
    background: rgba(44, 44, 62, 0.5);
  }
  .sphere-properties-molecule .sphere-properties-header.mobile-compact .header-center-name .sphere-name-input-compact.is-invalid {
    border: 1px solid orange;
    border-radius: 8px;
    padding: 5px 7px;
  }
  .sphere-properties-molecule .sphere-properties-header.mobile-compact .header-row-2 {
    display: flex;
    align-items: center;
    width: 100%;
    padding-top: 4px;
    margin-left: 0px;
    border: none;
  }
  .sphere-properties-molecule .sphere-properties-header.mobile-compact .header-row-2 .flow-components-container-mobile {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
    width: 100%;
  }
  .sphere-properties-molecule .sphere-properties-scroll-panel {
    height: 300px !important; /* Reduce height on mobile devices */
  }
  .sphere-properties-molecule .additional-properties-grid {
    grid-template-columns: 1fr; /* Single-column layout on smaller screens */
    margin-top: 8px;
  }
  .sphere-properties-molecule .form-group {
    margin: 0 8px 12px 8px;
  }
  .sphere-properties-molecule .form-group label {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 8px;
  }
  .sphere-properties-molecule .sphere-description-mobile {
    height: 150px !important;
    min-height: 150px;
    font-size: 14px;
    line-height: 1.5;
  }
  .sphere-properties-molecule .sphere-flow-context-section,
  .sphere-properties-molecule .sphere-periods-section,
  .sphere-properties-molecule .sphere-attachments-section,
  .sphere-properties-molecule .sphere-relationships-section,
  .sphere-properties-molecule .sphere-chat-section {
    margin-top: 8px;
    padding: 0 8px;
  }
}
.sphere-properties-molecule .privacy-confirm-actions {
  display: flex;
  justify-content: center;
  gap: 12px;
  margin-top: 24px;
}
.privacy-confirm-dialog .p-dialog-header {
  padding: 1.5rem 1.5rem 1rem;
}
.privacy-confirm-dialog .p-dialog-header .p-dialog-title {
  font-size: 1.5rem;
  font-weight: 600;
  color: var(--text-color);
}
.privacy-confirm-dialog .p-dialog-content {
  padding: 1rem 1.5rem 1.5rem;
}
.privacy-confirm-dialog .privacy-confirm-content .privacy-confirm-message {
  margin: 0 0 20px 0;
  color: var(--text-color);
  font-size: 1rem;
  line-height: 1.6;
}
.privacy-confirm-dialog .privacy-confirm-content .privacy-confirm-scopes {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-bottom: 20px;
}
.privacy-confirm-dialog .privacy-confirm-content .privacy-confirm-scopes .privacy-confirm-scope-item {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 16px;
  background: var(--surface-50);
  border: 1px solid var(--surface-200);
  border-radius: 8px;
}
.privacy-confirm-dialog .privacy-confirm-content .privacy-confirm-scopes .privacy-confirm-scope-item i {
  color: var(--primary-color);
  font-size: 1.2rem;
  flex-shrink: 0;
}
.privacy-confirm-dialog .privacy-confirm-content .privacy-confirm-scopes .privacy-confirm-scope-item span {
  color: var(--text-color);
  font-size: 0.95rem;
  line-height: 1.4;
}
.privacy-confirm-dialog .privacy-confirm-content .privacy-confirm-scopes .privacy-confirm-scope-item strong {
  font-weight: 600;
}
.privacy-confirm-dialog .privacy-confirm-content .privacy-confirm-details {
  color: var(--text-color-secondary);
  font-size: 0.9rem;
  line-height: 1.6;
  margin: 0 0 20px 0;
}
.privacy-confirm-dialog .privacy-confirm-actions {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 24px;
  margin: 0;
  padding: 0;
}
.privacy-confirm-dialog .privacy-confirm-actions .p-button {
  padding: 0.625rem 1.5rem;
  font-size: 0.9375rem;
  font-weight: 500;
  border-radius: 25px;
  min-width: 120px;
  white-space: nowrap;
}
.privacy-confirm-dialog .privacy-confirm-actions .p-button.p-button-outlined.p-button-danger {
  color: #e24c4c;
  border-color: #e24c4c;
  grid-column: 2;
}
.privacy-confirm-dialog .privacy-confirm-actions .p-button.p-button-outlined.p-button-danger:hover {
  background: #d32f2f;
  color: white;
}
.privacy-confirm-dialog .privacy-confirm-actions .p-button:not(.p-button-outlined) {
  grid-column: 3;
  justify-self: end;
}
/* src/lib/components/organism/SphereEditor/AdditionalPropertiesGrid.scss */
.additional-properties-grid-component {
  display: grid;
  grid-template-columns: repeat(3, 1fr); /* 3 columns per row */
  gap: 16px;
  margin-left: 8px;
}
@media (max-width: 768px) {
  .additional-properties-grid-component {
    grid-template-columns: 1fr; /* Single-column layout on smaller screens */
  }
}
.property-item {
  display: flex;
  flex-direction: column;
}
.property-item .atlas-input-atom {
  border-radius: 20px;
  border: var(--primary-border);
  background: var(--Search-input-box);
  box-shadow: 2px 2px 7px 2px rgba(30, 84, 156, 0.18) inset, -3px -1px 10px 0px rgba(160, 183, 202, 0.15) inset;
}
.property-item label {
  margin-bottom: 4px;
  font-weight: 500;
  color: var(--primary-text-color);
}
.property-item .required-indicator {
  color: red;
  margin-left: 4px;
}
.property-item input,
.property-item select,
.property-item textarea {
  padding: 8px;
  color: var(--primary-text-color);
  font-size: var(--primary-font);
  font-family: var(--font-family);
  width: 15rem;
}
.property-item .error-message {
  color: red;
  font-size: var(--secondary-font);
  margin-top: 4px;
}
.property-item .is-invalid {
  border: 2px solid orange; /* Outline the text box in orange */
}
.property-item.property-item--write-blocked {
  opacity: 0.65;
}
.property-item.property-item--write-blocked input,
.property-item.property-item--write-blocked select,
.property-item.property-item--write-blocked textarea {
  cursor: not-allowed;
  pointer-events: none;
}
.property-item .date-picker .calendar-atom .p-calendar .p-datepicker-trigger i {
  font-family: "PrimeIcons", sans-serif;
  font-size: 1rem;
  color: var(--primary-text-color); /* or custom color */
}
.property-item .date-picker .calendar-atom .p-calendar .p-datepicker-trigger::before {
  content: "\e927"; /* Unicode for pi-calendar */
  font-family: "PrimeIcons", sans-serif;
  font-size: 1rem;
  color: var(--primary-text-color);
}
.property-item .date-picker .calendar-atom .p-calendar .p-datepicker-trigger {
  /* Optional: remove existing icon */
}
.property-item .date-picker .calendar-atom .p-calendar .p-datepicker-trigger i::before {
  content: "\e927"; /* overrides with pi-calendar icon */
}
.property-write-blocked-icon {
  margin-left: 6px;
  font-size: 0.75rem;
  color: var(--text-color-secondary);
  vertical-align: middle;
  cursor: help;
}
[data-theme=dark] .property-write-blocked-icon {
  color: var(--text-color-secondary);
}
@charset "UTF-8";
.time-picker__label {
  display: block;
  font-size: 0.875rem;
  font-weight: 600;
  margin-bottom: 0.25rem;
  color: var(--primary-text-color);
}
.time-picker__control {
  display: flex;
  gap: 0.5rem;
  align-items: center;
  max-width: 300px;
}
.time-picker {
  /* Calendar wrapper */
}
.time-picker__input {
  /* Fixed width for time input */
  width: 7.5rem;
  flex-shrink: 0;
  /* style the real input element inside */
}
.time-picker__input .p-inputtext {
  width: 100%;
  padding: 0.25rem 0.5rem;
}
.time-picker {
  /* Timezone dropdown */
}
.time-picker__select {
  flex: 1;
  max-width: 200px;
  min-width: 150px;
  background: var(--search-input-box);
}
.time-picker__select .p-dropdown {
  width: 100%;
}
.time-picker {
  /* error state (fixes the en‑dash bug) */
}
.time-picker__input--error .p-inputtext {
  border-color: #dc2626;
}
.time-picker__select--error .p-dropdown {
  border-color: #dc2626;
}
.time-picker__errors {
  margin-top: 0.25rem;
  font-size: 0.875rem;
  color: #dc2626;
  list-style: disc;
  padding-left: 1rem;
}
/* InputNumberAtom.scss */
/* Styled to match UnitValueInputAtom stepper styling */
.p-inputnumber {
  /* Container styling - matches UnitValueInputAtom */
  display: inline-flex;
  align-items: stretch;
  border-radius: 20px;
  border: var(--primary-border);
  background: var(--Search-input-box);
  box-shadow: 2px 2px 7px 2px rgba(30, 84, 156, 0.18) inset, -3px -1px 10px 0px rgba(160, 183, 202, 0.15) inset;
  overflow: hidden;
  height: 40px;
  width: 100%;
  transition: box-shadow 0.2s ease;
}
.p-inputnumber:focus-within {
  box-shadow: 0 0 0 2px var(--focus-ring, #26a3e3), 2px 2px 7px 2px rgba(30, 84, 156, 0.18) inset;
}
.p-inputnumber {
  /* Invalid state */
}
.p-inputnumber.p-invalid {
  border-color: #dc2626;
}
.p-inputnumber.p-invalid:focus-within {
  box-shadow: 0 0 0 2px rgba(220, 38, 38, 0.4), 2px 2px 7px 2px rgba(30, 84, 156, 0.18) inset;
}
.p-inputnumber {
  /* Disabled state */
}
.p-inputnumber.p-disabled {
  opacity: 0.6;
  cursor: not-allowed;
  background: var(--disabled-background, #f5f5f5);
}
/* Input field styling */
.p-inputnumber-input {
  border: none;
  background: transparent;
  padding: 0 0.75rem;
  height: 100%;
  font-size: var(--primary-font, 14px);
  font-weight: 500;
  font-family: var(--font-family);
  color: var(--primary-text-color);
  text-align: left;
  width: 100%;
  min-width: 2.5ch;
  box-sizing: border-box;
}
.p-inputnumber-input::-moz-placeholder {
  color: var(--primary-text-color);
  opacity: 0.5;
}
.p-inputnumber-input::placeholder {
  color: var(--primary-text-color);
  opacity: 0.5;
}
.p-inputnumber-input:focus {
  outline: none;
  box-shadow: none;
}
/* Stacked buttons layout (default for steppers) */
.p-inputnumber-buttons-stacked {
  /* Ensure minimum width when steppers are shown */
  min-width: 5rem; /* ~80px: enough for input + 24px stepper buttons */
  /* Button group container */
}
.p-inputnumber-buttons-stacked .p-inputnumber-button-group {
  display: flex;
  flex-direction: column;
  width: 24px;
  flex-shrink: 0;
  border-left: 1px solid var(--border-color, rgba(74, 100, 126, 0.15));
}
[data-theme=dark] .p-inputnumber-buttons-stacked .p-inputnumber-button-group {
  border-left-color: rgba(255, 255, 255, 0.1);
}
.p-inputnumber-buttons-stacked {
  /* Individual stepper button */
}
.p-inputnumber-buttons-stacked .p-inputnumber-button {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
  background: transparent;
  border: none;
  border-radius: 0;
  cursor: pointer;
  padding: 0;
  width: 100%;
  color: var(--interactive-icon-color, #5fa0df);
  transition: background-color 0.15s ease, color 0.15s ease;
}
.p-inputnumber-buttons-stacked .p-inputnumber-button:hover:not(:disabled) {
  background: rgba(74, 100, 126, 0.1);
  color: var(--primary-color, #26a3e3);
}
[data-theme=dark] .p-inputnumber-buttons-stacked .p-inputnumber-button:hover:not(:disabled) {
  background: rgba(255, 255, 255, 0.1);
}
.p-inputnumber-buttons-stacked .p-inputnumber-button:active:not(:disabled) {
  background: rgba(74, 100, 126, 0.2);
}
.p-inputnumber-buttons-stacked .p-inputnumber-button:focus {
  outline: none;
  box-shadow: none;
}
.p-inputnumber-buttons-stacked .p-inputnumber-button:disabled {
  opacity: 0.3;
  cursor: not-allowed;
}
[data-theme=dark] .p-inputnumber-buttons-stacked .p-inputnumber-button {
  color: var(--interactive-icon-color, #5fa0df);
}
.p-inputnumber-buttons-stacked {
  /* Up button - has border at bottom */
}
.p-inputnumber-buttons-stacked .p-inputnumber-button-up {
  border-bottom: 1px solid var(--border-color, rgba(74, 100, 126, 0.1));
}
[data-theme=dark] .p-inputnumber-buttons-stacked .p-inputnumber-button-up {
  border-bottom-color: rgba(255, 255, 255, 0.05);
}
.p-inputnumber-buttons-stacked {
  /* Icon styling */
}
.p-inputnumber-buttons-stacked .p-inputnumber-button .pi {
  font-size: 0.6rem;
  line-height: 1;
}
/* Horizontal buttons layout */
.p-inputnumber-buttons-horizontal .p-inputnumber-button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  background: transparent;
  border: none;
  border-radius: 0;
  cursor: pointer;
  color: var(--interactive-icon-color, #5fa0df);
  transition: background-color 0.15s ease, color 0.15s ease;
}
.p-inputnumber-buttons-horizontal .p-inputnumber-button:first-of-type {
  border-right: 1px solid var(--border-color, rgba(74, 100, 126, 0.15));
}
.p-inputnumber-buttons-horizontal .p-inputnumber-button:last-of-type {
  border-left: 1px solid var(--border-color, rgba(74, 100, 126, 0.15));
}
.p-inputnumber-buttons-horizontal .p-inputnumber-button:hover:not(:disabled) {
  background: rgba(74, 100, 126, 0.1);
  color: var(--primary-color, #26a3e3);
}
[data-theme=dark] .p-inputnumber-buttons-horizontal .p-inputnumber-button:hover:not(:disabled) {
  background: rgba(255, 255, 255, 0.1);
}
.p-inputnumber-buttons-horizontal .p-inputnumber-button:active:not(:disabled) {
  background: rgba(74, 100, 126, 0.2);
}
.p-inputnumber-buttons-horizontal .p-inputnumber-button:focus {
  outline: none;
  box-shadow: none;
}
.p-inputnumber-buttons-horizontal .p-inputnumber-button:disabled {
  opacity: 0.3;
  cursor: not-allowed;
}
[data-theme=dark] .p-inputnumber-buttons-horizontal .p-inputnumber-button {
  color: var(--interactive-icon-color, #5fa0df);
}
.p-inputnumber-buttons-horizontal .p-inputnumber-button .pi {
  font-size: 0.7rem;
}
/* Vertical buttons layout */
.p-inputnumber-buttons-vertical {
  flex-direction: column;
}
.p-inputnumber-buttons-vertical .p-inputnumber-input {
  text-align: center;
}
.p-inputnumber-buttons-vertical .p-inputnumber-button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 28px;
  background: transparent;
  border: none;
  border-radius: 0;
  cursor: pointer;
  color: var(--interactive-icon-color, #5fa0df);
  transition: background-color 0.15s ease, color 0.15s ease;
}
.p-inputnumber-buttons-vertical .p-inputnumber-button:first-of-type {
  border-bottom: 1px solid var(--border-color, rgba(74, 100, 126, 0.15));
}
.p-inputnumber-buttons-vertical .p-inputnumber-button:last-of-type {
  border-top: 1px solid var(--border-color, rgba(74, 100, 126, 0.15));
}
.p-inputnumber-buttons-vertical .p-inputnumber-button:hover:not(:disabled) {
  background: rgba(74, 100, 126, 0.1);
  color: var(--primary-color, #26a3e3);
}
[data-theme=dark] .p-inputnumber-buttons-vertical .p-inputnumber-button:hover:not(:disabled) {
  background: rgba(255, 255, 255, 0.1);
}
.p-inputnumber-buttons-vertical .p-inputnumber-button:active:not(:disabled) {
  background: rgba(74, 100, 126, 0.2);
}
.p-inputnumber-buttons-vertical .p-inputnumber-button:focus {
  outline: none;
  box-shadow: none;
}
.p-inputnumber-buttons-vertical .p-inputnumber-button:disabled {
  opacity: 0.3;
  cursor: not-allowed;
}
[data-theme=dark] .p-inputnumber-buttons-vertical .p-inputnumber-button {
  color: var(--interactive-icon-color, #5fa0df);
}
.p-inputnumber-buttons-vertical .p-inputnumber-button .pi {
  font-size: 0.6rem;
}
/* Responsive adjustments */
@media (max-width: 480px) {
  .p-inputnumber-buttons-stacked .p-inputnumber-button-group {
    width: 20px;
  }
}
/* FormRowAtom.scss */
.form-row {
  display: flex;
  /* Alignment variants */
}
.form-row--align-start {
  align-items: flex-start;
}
.form-row--align-center {
  align-items: center;
}
.form-row--align-end {
  align-items: flex-end;
}
.form-row--align-stretch {
  align-items: stretch;
}
.form-row--align-baseline {
  align-items: baseline;
}
.form-row {
  /* Justify variants */
}
.form-row--justify-start {
  justify-content: flex-start;
}
.form-row--justify-center {
  justify-content: center;
}
.form-row--justify-end {
  justify-content: flex-end;
}
.form-row--justify-between {
  justify-content: space-between;
}
.form-row--justify-around {
  justify-content: space-around;
}
.form-row {
  /* Gap variants */
}
.form-row--gap-none {
  gap: 0;
}
.form-row--gap-small {
  gap: 0.375rem;
}
.form-row--gap-normal {
  gap: 0.75rem;
}
.form-row--gap-large {
  gap: 1.25rem;
}
.form-row {
  /* Wrap */
}
.form-row--wrap {
  flex-wrap: wrap;
}
/* EndConditionAtom.scss */
.end-condition-atom {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.end-condition-atom__label {
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--text-color, #495057);
  white-space: nowrap;
}
[data-theme=dark] .end-condition-atom__label {
  color: var(--primary-text-color);
}
.end-condition-atom__dropdown {
  width: auto !important;
  min-width: 120px;
  flex-shrink: 0;
  /* Override w-full class from PrimeReactSingleSelect */
}
.end-condition-atom__dropdown.w-full {
  width: auto !important;
}
.end-condition-atom__dropdown--error .p-dropdown {
  border-color: var(--red-500, #ef4444);
}
.end-condition-atom {
  /* Number input styling */
}
.end-condition-atom__number {
  width: 10rem !important;
  min-width: 6rem; /* Minimum for number + stepper buttons (24px) */
  /* Override PrimeReact's inline styles if needed */
}
.end-condition-atom__number .p-inputnumber {
  width: 100% !important;
}
.end-condition-atom__number input {
  text-align: center;
}
.end-condition-atom__number--error .p-inputnumber-input {
  border-color: var(--red-500, #ef4444);
}
.end-condition-atom {
  /* Date picker styling */
}
.end-condition-atom__date {
  min-width: 140px;
}
.end-condition-atom__date .p-calendar {
  width: 100% !important;
}
.end-condition-atom__date input {
  width: 100% !important;
}
.end-condition-atom__date--error .p-inputtext {
  border-color: var(--red-500, #ef4444);
}
.end-condition-atom__suffix {
  font-size: 0.875rem;
  color: var(--text-color, #495057);
}
[data-theme=dark] .end-condition-atom__suffix {
  color: var(--primary-text-color);
}
.end-condition-atom__errors {
  margin: 0;
  padding: 0 0 0 1rem;
  font-size: 0.75rem;
  color: var(--red-500, #ef4444);
  list-style: disc;
}
/* FormSectionAtom.scss */
.form-section {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.form-section__label {
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--text-color-secondary, #6c757d);
}
.form-section__content {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.form-section {
  /* Default variant: no background, just spacing */
}
.form-section--default {
  padding: 0.75rem 0;
}
.form-section {
  /* Card variant: background with padding */
}
.form-section--card {
  padding: 1rem;
  background: var(--surface-ground, #f8f9fa);
  border-radius: var(--border-radius, 6px);
  color: var(--text-color, #495057);
}
.form-section {
  /* Bordered variant: border with padding */
}
.form-section--bordered {
  padding: 1rem;
  border: 1px solid var(--surface-border, #dee2e6);
  border-radius: var(--border-radius, 6px);
}
.form-section {
  /* Dark mode support */
}
[data-theme=dark] .form-section__label {
  color: var(--text-color-secondary, #a0a0a0);
}
[data-theme=dark] .form-section--card {
  background: var(--surface-ground, #121212);
}
[data-theme=dark] .form-section--bordered {
  border-color: var(--surface-border, #3a3a3a);
}
/* SchedulesEditorMolecule.scss - Zone-based layout */
.schedules-editor {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  /* Zone A: Anchors - date, time, timezone */
}
.schedules-editor__anchor-field {
  min-width: 140px;
}
.schedules-editor__time {
  min-width: 200px;
}
.schedules-editor {
  /* Zone B: The Rule - frequency sentence and conditional inputs */
}
.schedules-editor__label {
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--text-color, #495057);
  white-space: nowrap;
}
[data-theme=dark] .schedules-editor__label {
  color: var(--primary-text-color);
}
.schedules-editor__interval-input {
  width: 5rem !important;
  flex-shrink: 0;
}
.schedules-editor__interval-input .p-inputnumber {
  width: 100% !important;
}
.schedules-editor__interval-input input {
  text-align: center;
}
.schedules-editor {
  /* Override w-full on dropdowns to allow inline display */
}
.schedules-editor__frequency-dropdown {
  width: auto !important;
  min-width: 120px;
  flex-shrink: 0;
}
.schedules-editor__frequency-dropdown.w-full {
  width: auto !important;
}
.schedules-editor__ordinal-dropdown {
  width: auto !important;
  min-width: 100px;
  flex-shrink: 0;
}
.schedules-editor__ordinal-dropdown.w-full {
  width: auto !important;
}
.schedules-editor__month-dropdown {
  width: auto !important;
  min-width: 130px;
  flex-shrink: 0;
}
.schedules-editor__month-dropdown.w-full {
  width: auto !important;
}
.schedules-editor__day-input {
  width: 5rem !important;
  flex-shrink: 0;
}
.schedules-editor__day-input .p-inputnumber {
  width: 100% !important;
}
.schedules-editor__day-input input {
  text-align: center;
}
.schedules-editor {
  /* Segmented controls should not expand full width */
}
.schedules-editor .segmented-control {
  flex-shrink: 0;
}
.schedules-editor {
  /* Zone D: Feedback - summary, preview, actions */
}
.schedules-editor__summary {
  font-size: 0.95rem;
  font-style: italic;
  color: var(--text-color-secondary, #6c757d);
  margin-bottom: 0.75rem;
}
[data-theme=dark] .schedules-editor__summary {
  color: var(--primary-text-color);
}
.schedules-editor__preview {
  margin-bottom: 1rem;
}
.schedules-editor__preview-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.schedules-editor {
  /* Legacy classes kept for backward compatibility */
}
.schedules-editor__row {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
}
.schedules-editor__frequency {
  min-width: 200px;
}
.schedules-editor__interval {
  width: 150px;
}
.schedules-editor__weekdays {
  width: 100%;
}
.schedules-editor__monthly-mode {
  width: 300px;
}
.schedules-editor__end-condition {
  width: 100%;
}
.schedules-editor__error {
  color: var(--red-500, #ef4444);
  font-size: 0.875rem;
  margin-top: 0.25rem;
}
.schedules-editor {
  /* Date picker styling */
}
.schedules-editor .date-picker .calendar-atom .p-calendar .p-datepicker-trigger i {
  font-family: "PrimeIcons", sans-serif;
  font-size: 1rem;
  color: var(--primary-text-color);
}
.schedule-summary-atom {
  display: inline-block;
  font-size: 0.875rem;
  line-height: 1.25;
  color: var(--primary-text-color);
}
.schedule-summary-atom.error {
  color: var(--error-color, #d00);
}
.schedule-summary-atom::-moz-placeholder {
  color: var(--primary-text-color);
  opacity: 0.8;
}
.schedule-summary-atom::placeholder {
  color: var(--primary-text-color);
  opacity: 0.8;
}
.schedule-selector-molecule {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.schedule-selector-molecule__label {
  display: block;
  font-size: 0.875rem;
  font-weight: 600;
  margin-bottom: 0.25rem;
}
.schedule-selector-molecule__input-container {
  display: flex;
  align-items: center;
  position: relative;
  border-radius: 20px;
  border: var(--primary-border);
  background: var(--Search-input-box);
  box-shadow: 2px 2px 7px 2px rgba(30, 84, 156, 0.18) inset, -3px -1px 10px 0px rgba(160, 183, 202, 0.15) inset;
  color: var(--primary-text-color);
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.schedule-selector-molecule__input-container.disabled {
  background-color: #e9ecef;
  opacity: 0.65;
}
.schedule-selector-molecule__content {
  flex: 1;
  padding: 0.5rem 0.75rem;
  min-height: 2.5rem;
  display: flex;
  align-items: center;
  overflow: hidden;
}
.schedule-selector-molecule__content > * {
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.schedule-selector-molecule__edit-btn {
  flex: 0 0 auto;
  width: 2.5rem;
  height: 2.5rem;
  padding: 0;
  border-radius: 20px;
  border: var(--primary-border);
  background: var(--Search-input-box);
  box-shadow: 2px 2px 7px 2px rgba(30, 84, 156, 0.18) inset, -3px -1px 10px 0px rgba(160, 183, 202, 0.15) inset;
  color: var(--primary-text-color);
}
.schedule-selector-molecule__edit-btn:hover {
  background-color: var(--hover-background);
}
.schedule-selector-molecule__edit-btn:focus {
  outline: none;
  box-shadow: inset 0 0 0 2px #86b7fe;
}
.schedule-selector-molecule__edit-btn:active {
  background-color: #dee2e6;
}
.schedule-selector-molecule__edit-btn .p-button-icon {
  font-size: 1rem;
  color: var(--primary-text-color);
}
.schedule-selector-molecule__edit-icon {
  background: none;
  border: none;
  cursor: pointer;
  padding: 4px;
  border-radius: 4px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.schedule-selector-molecule__edit-icon:hover {
  background-color: var(--surface-hover);
}
.schedule-selector-molecule__edit-icon:focus {
  outline: 2px solid var(--primary-color);
}
.schedule-selector-molecule.disabled .schedule-selector-molecule__input-container {
  background-color: #e9ecef;
  opacity: 0.65;
  cursor: not-allowed;
}
.schedule-selector-molecule.disabled .schedule-selector-molecule__content {
  color: #6c757d;
}
.chip-list-display-atom {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  padding: 0.5rem 0;
}
.chip-list-display-atom.compact {
  gap: 0.25rem;
  padding: 0.25rem 0;
}
.chip-list-display-atom.compact .chip-list-item {
  font-size: 0.875rem;
  padding: 0.25rem 0.5rem;
}
.chip-list-display-atom .chip-list-item {
  margin: 0;
}
.chip-list-empty {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1rem;
  color: var(--text-color-secondary);
  font-style: italic;
}
.chip-list-empty .chip-list-empty-message {
  font-size: 0.875rem;
}
.custom-dialog {
  border-radius: 20px;
  background: var(--bkg-components, linear-gradient(358deg, #e4f0fa 13.23%, #f2f9fe 97.17%));
  box-shadow: none;
  border: none;
}
[data-theme=dark] .custom-dialog {
  background: var(--bkg-components, #1e1e2e);
}
@media (max-width: 768px) {
  .custom-dialog {
    width: 95vw !important;
    max-width: 95vw !important;
    margin: 0 auto;
    z-index: inherit;
  }
}
.custom-dialog .p-dialog-header {
  border-top-right-radius: 20px;
  border-top-left-radius: 20px;
  background: var(--bkg-components, linear-gradient(358deg, #e4f0fa 13.23%, #f2f9fe 97.17%));
  box-shadow: 20px 20px 20px 0px rgba(0, 0, 0, 0.15);
}
[data-theme=dark] .custom-dialog .p-dialog-header {
  background: #2C2C3E;
}
.custom-dialog .p-dialog-header .p-dialog-header-icons .p-dialog-header-icon {
  display: none;
}
.custom-dialog .p-dialog-header .p-dialog-title {
  color: var(--primary-text-color);
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
}
.custom-dialog .p-dialog-content {
  padding: 0px;
  overflow-y: scroll;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.custom-dialog .p-dialog-content ::-webkit-scrollbar {
  display: none;
}
[data-theme=dark] .custom-dialog .p-dialog-content {
  background: var(--bkg-components, #1e1e2e);
}
.custom-dialog .p-dialog-content:last-of-type {
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
  background: var(--bkg-components, linear-gradient(358deg, #e4f0fa 13.23%, #f2f9fe 97.17%));
}
[data-theme=dark] .custom-dialog .p-dialog-content:last-of-type {
  background: #121212;
}
.custom-dialog .p-dialog-content:last-of-type {
  box-shadow: 20px 20px 20px 0px rgba(0, 0, 0, 0.15);
}
.custom-close-icon {
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.custom-close-icon svg {
  width: 28px;
  height: 28px;
  transition: transform 0.2s ease;
}
.custom-close-icon:hover svg {
  transform: scale(1.2);
}
.custom-close-icon svg path {
  stroke: #377fc4;
}
.custom-close-icon:hover svg path {
  stroke: #1a5aa6;
}
.p-dialog-footer {
  background: rgba(55, 127, 196, 0.08);
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  padding: 1rem 1.5rem;
  border-top: 1px solid rgba(55, 127, 196, 0.15);
}
[data-theme=dark] .p-dialog-footer {
  background: rgba(55, 127, 196, 0.12);
  border-top: 1px solid rgba(55, 127, 196, 0.2);
}
.custom-tabview-wrapper {
  display: flex;
  min-height: 300px;
  height: 100%;
  overflow-y: hidden;
}
.custom-tabview-wrapper .tab-headers {
  width: 220px;
  border-right: var(--primary-border);
  display: flex;
  flex-direction: column;
  background: var(--component-background);
  font-size: var(--primary-font);
  font-family: var(--font-family);
  height: 100%;
  overflow-y: scroll;
}
.custom-tabview-wrapper .sidebar-tabs {
  color: var(--primary-text-color);
}
[data-theme=dark] .custom-tabview-wrapper .sidebar-tabs {
  background: #121212;
}
[data-theme=dark] .custom-tabview-wrapper .sidebar-tabs .p-accordion .p-accordion-tab .p-accordion-header a {
  background: #1e1e2f;
}
.custom-tabview-wrapper .sidebar-tabs .p-accordion .p-accordion-tab .p-accordion-header a .p-accordion-header-text {
  color: var(--primary-text-color);
}
.custom-tabview-wrapper .sidebar-tabs .p-accordion .p-accordion-tab .p-toggleable-content .p-accordion-content {
  padding: 0px;
}
[data-theme=dark] .custom-tabview-wrapper .sidebar-tabs .p-accordion .p-accordion-tab .p-toggleable-content .p-accordion-content {
  background: #2a2a3d;
}
.custom-tabview-wrapper .sidebar-tabs .p-accordion .p-accordion-tab .p-toggleable-content .p-accordion-content .tab-header div span {
  color: var(--primary-text-color);
}
.custom-tabview-wrapper .tab-header {
  cursor: pointer;
  transition: background 0.3s;
  padding: 0.25rem;
  font-size: var(--secondary-font);
  font-family: var(--font-family);
}
.custom-tabview-wrapper .tab-header.active {
  background-color: rgba(55, 127, 196, 0.1);
  color: #377fc4;
}
[data-theme=dark] .custom-tabview-wrapper .tab-header.active {
  background-color: var(--sidebar-tab-active-background) !important;
}
.custom-tabview-wrapper .tab-header:hover {
  background-color: var(--hover-background);
}
[data-theme=dark] .custom-tabview-wrapper .tab-header:hover {
  background-color: var(--sidebar-tab-active-background) !important;
}
.custom-tabview-wrapper .tab-content {
  flex: 1;
  padding: 0rem 1rem 1rem 1rem;
  overflow-y: scroll;
  background: var(--component-background);
}
[data-theme=dark] .custom-tabview-wrapper .tab-content {
  background: #121212;
}
.custom-tabview-wrapper .tab-content .template-search {
  position: sticky;
  top: 0px;
  z-index: 1;
  padding-top: 1rem;
  background: var(--component-background);
}
[data-theme=dark] .custom-tabview-wrapper .tab-content .template-search {
  background: #121212;
}
.custom-tabview-wrapper .tab-content .template-search .filter-icon {
  background: none;
  border: none;
  position: absolute;
  right: 240px;
  top: 36px;
  transform: translateY(-50%);
  z-index: 1;
}
.custom-tabview-wrapper .tab-content .template-search .filter-icon .p-button-icon {
  color: #377fc4;
}
.custom-tabview-wrapper .tab-content .template-search .pi-times {
  position: absolute;
  right: 270px;
  top: 36px;
  transform: translateY(-50%);
  cursor: pointer;
  color: var(--primary-text-color);
  opacity: 0.6;
  font-size: var(--sub-heading-font);
  z-index: 2;
}
.custom-tabview-wrapper .tab-content .template-search .pi-times:hover {
  opacity: 1;
}
.custom-tabview-wrapper .tab-content .template-search .search-input {
  position: relative;
}
.child-tab-headers {
  display: flex;
  gap: 8px;
  margin: 1rem 0;
  font-size: var(--primary-font);
  font-family: var(--font-family);
}
.child-tab-headers .child-tab-header {
  padding: 6px 12px;
  cursor: pointer;
  font-weight: 500;
  border-radius: 20px;
  border: var(--primary-border);
  color: var(--primary-text-color);
  background: var(--component-background);
  box-shadow: 0px -2px 7px 2px rgba(116, 139, 157, 0.2) inset;
  transition: all 0.2s ease;
}
.child-tab-headers .child-tab-header:hover {
  border-color: #377fc4;
  transform: translateY(-1px);
}
.child-tab-headers .child-tab-header.active {
  background-color: #377fc4;
  color: #fff;
  border-color: #377fc4;
  box-shadow: 0 0 0 0.2rem rgba(55, 127, 196, 0.25);
}
[data-theme=dark] .child-tab-headers .child-tab-header.active {
  background: #377fc4;
}
.schema-card-list {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  padding-top: 1rem;
}
.schema-card {
  border: var(--primary-border);
  border-radius: 20px;
  padding: 0.75rem;
  width: 100%;
  max-width: 22.5rem;
  background: var(--component-background);
}
[data-theme=dark] .schema-card {
  background: #2a2a3d;
  border: 2px solid #2d3748;
}
.schema-card {
  box-shadow: 2px 2px 10px rgba(74, 100, 126, 0.2);
  transition: all 0.2s ease;
}
.schema-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 0 0 0.2rem rgba(55, 127, 196, 0.25);
  border-color: #377fc4;
}
.schema-card-header {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.schema-card-header h4 {
  margin: 0.5rem 0rem;
  color: var(--primary-text-color);
  font-size: var(--primary-font);
  font-family: var(--font-family);
  font-weight: 600;
}
.schema-card-icon {
  width: 28px;
  height: 28px;
}
.schema-card-description {
  margin: 0.5rem 0;
  color: var(--primary-text-color);
  font-size: var(--secondary-font);
  font-family: var(--font-family);
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: normal;
  min-height: 2.4em;
}
.schema-card-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
}
.schema-card-org {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-weight: 600;
}
.schema-card-org span {
  font-size: 10px;
  margin-top: 5px;
  color: var(--primary-text-color);
  font-family: var(--font-family);
}
.schema-card-org-icon {
  width: 20px;
  height: 20px;
}
.schema-card-actions {
  display: flex;
  gap: 0.5rem;
  align-items: center;
}
.schema-card-actions .p-button {
  border-radius: var(--border-radius);
  font-family: var(--font-family);
  font-size: var(--secondary-font);
  font-weight: 700;
  height: 32px;
  padding: 0 1rem;
  transition: all 0.2s ease;
}
.schema-card-actions .p-button.p-button-outlined {
  background: var(--cta-secondary-background);
  color: var(--cta-secondary-color);
  border: var(--cta-secondary-border);
  box-shadow: var(--cta-secondary-shadow);
}
.schema-card-actions .p-button.p-button-outlined:hover:not(:disabled) {
  background: var(--cta-secondary-hover-background);
  border-color: #26a3e3;
  transform: translateY(-1px);
  box-shadow: 0 0 0 0.2rem rgba(55, 127, 196, 0.25);
}
.schema-card-actions .p-button.p-button-outlined:active:not(:disabled) {
  transform: scale(0.98);
}
.schema-card-actions .p-button.p-button-outlined:focus {
  outline: none;
  box-shadow: 0 0 0 0.2rem rgba(55, 127, 196, 0.25);
}
.schema-card-actions .p-button.p-button-success {
  background: var(--cta-primary-background);
  color: var(--cta-primary-color);
  border: var(--cta-primary-border);
  box-shadow: var(--cta-primary-shadow);
}
.schema-card-actions .p-button.p-button-success:hover:not(:disabled) {
  background: var(--cta-primary-hover-background);
  transform: translateY(-1px);
}
.schema-card-actions .p-button.p-button-success:active:not(:disabled) {
  transform: scale(0.98);
}
.schema-card-actions .p-button.p-button-success:focus {
  outline: none;
  box-shadow: var(--cta-primary-shadow), 0 0 0 3px rgba(64, 122, 198, 0.3);
}
.schema-card-actions .p-button:disabled {
  opacity: 0.5;
  cursor: not-allowed;
  transform: none !important;
}
.sort-by-dropdown .p-dropdown-label .dropdown-selected-item .sphere-avatar-wrapper {
  display: none;
}
.approach-filter-container {
  border-right: 1px solid var(--primary-border);
  padding-right: var(--spacing-xs);
}
[data-theme=dark] .approach-filter-container {
  border-right-color: var(--primary-border-dark);
}
.approach-filter-dropdown {
  min-width: 160px;
}
.approach-filter-dropdown .p-dropdown-label .dropdown-selected-item .sphere-avatar-wrapper {
  display: none;
}
.schema-card-empty-state {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 3rem 2rem;
  width: 100%;
  gap: 0.75rem;
}
.schema-card-empty-state__icon {
  font-size: 2.5rem;
  color: var(--secondary-text-color);
  opacity: 0.4;
}
.schema-card-empty-state__text {
  margin: 0;
  font-size: var(--primary-font);
  font-family: var(--font-family);
  color: var(--secondary-text-color);
}
.template-search-container:not(.mobile) .ml-2 {
  padding-left: 0.75rem;
  border-left: 1px solid var(--primary-border-color, #e5e7eb);
}
[data-theme=dark] .template-search-container:not(.mobile) .ml-2 {
  border-left-color: rgba(255, 255, 255, 0.12);
}
.available-types-loading {
  padding: var(--spacing-lg);
  color: var(--secondary-text-color);
  display: flex;
  align-items: center;
  gap: var(--spacing-xs);
}
[data-theme=dark] .schema-card-actions .p-button.p-button-outlined {
  border-color: rgba(55, 127, 196, 0.6);
}
.sort-label {
  font-size: var(--primary-font);
  margin-right: 4px;
  color: var(--primary-text-color);
  white-space: nowrap;
}
.sidebar-tab {
  background: var(--component-background);
  font-family: var(--font-family);
  transition: all 0.2s ease;
}
[data-theme=dark] .sidebar-tab {
  background: #1e1e2f;
}
.sidebar-tab:hover {
  text-decoration: underline !important;
  color: #377fc4 !important;
}
@keyframes slideInTop {
  from {
    opacity: 0;
    transform: translateY(-32px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.preview-close-btn {
  margin-left: auto;
  margin-top: -7px;
}
/* ---------------------------------------------------------------------------
   Mobile Responsive Styles
--------------------------------------------------------------------------- */
.custom-tabview-wrapper.mobile-view .tab-content {
  padding: 0.5rem;
}
.custom-tabview-wrapper.mobile-view .schema-card-list {
  gap: 0.75rem;
}
.custom-tabview-wrapper.mobile-view .schema-card {
  max-width: 100%;
}
.mobile-filter-sidebar .p-sidebar-content {
  padding: 0;
}
[data-theme=dark] .mobile-filter-sidebar .p-sidebar-content .p-accordion .p-accordion-tab .p-accordion-header .p-accordion-header-link {
  background: #1e1e2f;
}
.mobile-filter-sidebar .p-sidebar-content .p-accordion .p-accordion-tab .p-accordion-header .p-accordion-header-link .p-accordion-header-text {
  color: var(--primary-text-color);
}
.mobile-filter-sidebar .p-sidebar-content .p-accordion .p-accordion-tab .p-toggleable-content .p-accordion-content {
  padding: 0px;
}
[data-theme=dark] .mobile-filter-sidebar .p-sidebar-content .p-accordion .p-accordion-tab .p-toggleable-content .p-accordion-content {
  background: #2a2a3d;
}
.mobile-filter-sidebar .p-sidebar-content .p-accordion .p-accordion-tab .p-toggleable-content .p-accordion-content .tab-header.active {
  background-color: rgba(55, 127, 196, 0.1);
}
[data-theme=dark] .mobile-filter-sidebar .p-sidebar-content .p-accordion .p-accordion-tab .p-toggleable-content .p-accordion-content .tab-header.active {
  background-color: var(--sidebar-tab-active-background) !important;
}
.mobile-filter-sidebar .p-sidebar-content .p-accordion .p-accordion-tab .p-toggleable-content .p-accordion-content .tab-header div span {
  color: var(--primary-text-color);
}
.mobile-filter-sidebar .p-sidebar-header {
  display: flex !important;
  justify-content: space-between;
  align-items: center;
  padding: 1.25rem 1rem;
  border-bottom: 2px solid var(--border-color, #e5e7eb);
  background: var(--component-background);
  position: sticky;
  top: 0;
  z-index: 10;
}
[data-theme=dark] .mobile-filter-sidebar .p-sidebar-header {
  background: #1e1e2f;
  border-bottom: 2px solid #2d3748;
}
.mobile-filter-sidebar .p-sidebar-header .mobile-filter-header-content {
  flex: 1;
}
.mobile-filter-sidebar .p-sidebar-header .mobile-filter-header-content h3 {
  margin: 0;
  color: var(--primary-text-color);
  font-size: 18px;
  font-family: var(--font-family);
  font-weight: 600;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}
[data-theme=dark] .mobile-filter-sidebar .p-sidebar-header .mobile-filter-header-content h3 {
  color: #ffffff;
}
.mobile-filter-sidebar .p-sidebar-header .p-sidebar-close {
  color: var(--primary-text-color);
  width: 40px;
  height: 40px;
  border-radius: 50%;
  transition: all 0.2s ease;
}
.mobile-filter-sidebar .p-sidebar-header .p-sidebar-close:hover {
  background: var(--hover-background, rgba(0, 0, 0, 0.05));
}
[data-theme=dark] .mobile-filter-sidebar .p-sidebar-header .p-sidebar-close:hover {
  background: rgba(255, 255, 255, 0.1);
}
.mobile-filter-sidebar .p-sidebar-header .p-sidebar-close:active {
  transform: scale(0.95);
}
[data-theme=dark] .mobile-filter-sidebar .p-sidebar-header .p-sidebar-close {
  color: #ffffff;
}
.template-search-container.mobile .p-inputgroup.template-search {
  position: relative;
  padding-right: 0;
}
.template-search-container.mobile .mobile-filter-button {
  background: none;
  border: none;
  cursor: pointer;
  padding: 0.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #377fc4;
  transition: opacity 0.2s ease;
  position: relative;
  z-index: 2;
}
.template-search-container.mobile .mobile-filter-button:active {
  opacity: 0.6;
  transform: scale(0.95);
}
.template-search-container.mobile .mobile-filter-button .filter-badge {
  position: absolute;
  top: 2px;
  right: 2px;
  background: #e74c3c;
  color: #ffffff;
  border-radius: 50%;
  min-width: 18px;
  height: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  font-weight: 600;
  padding: 0 4px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  animation: badge-pop 0.3s ease;
}
[data-theme=dark] .template-search-container.mobile .mobile-filter-button .filter-badge {
  background: #ff6b6b;
  color: #1a1a1a;
}
.template-search-container.mobile .mobile-filter-button:hover {
  opacity: 0.7;
}
.template-search-container.mobile .filter-icon {
  right: 10px;
}
.template-search-container.mobile .pi-times {
  right: 45px;
}
.template-search-container.mobile .mobile-sort-row {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-top: 0.5rem;
  padding: 0.5rem 0;
}
.template-search-container.mobile .mobile-sort-row .sort-label {
  font-size: var(--secondary-font);
  white-space: nowrap;
}
.template-search-container.mobile .mobile-sort-row .sort-by-dropdown {
  flex: 1;
}
@media (max-width: 768px) {
  .custom-tabview-wrapper .tab-content {
    padding: 0.5rem;
  }
  .custom-tabview-wrapper .tab-content .template-search {
    padding-top: 0.5rem;
  }
  .custom-tabview-wrapper .tab-content .template-search .filter-icon {
    right: 0px !important;
    top: 25px !important;
  }
  .custom-tabview-wrapper .tab-content .template-search .pi-times {
    right: 30px !important;
    top: 25px !important;
  }
  .custom-tabview-wrapper .schema-card {
    max-width: 100%;
  }
  .custom-tabview-wrapper .schema-card .schema-card-footer {
    flex-direction: column;
    gap: 0.75rem;
    align-items: stretch;
  }
  .custom-tabview-wrapper .schema-card .schema-card-actions {
    width: 100%;
    justify-content: space-between;
  }
  .custom-tabview-wrapper .schema-card .schema-card-actions .p-button {
    flex: 1;
  }
  .custom-tabview-wrapper .schema-card .schema-card-org {
    justify-content: center;
  }
  .custom-tabview-wrapper .child-tab-headers {
    flex-wrap: nowrap;
    overflow-x: auto;
    padding-bottom: 0.5rem;
  }
  .custom-tabview-wrapper .child-tab-headers::-webkit-scrollbar {
    height: 4px;
  }
  .custom-tabview-wrapper .child-tab-headers::-webkit-scrollbar-thumb {
    background: rgba(55, 127, 196, 0.3);
    border-radius: 2px;
  }
  .custom-tabview-wrapper .child-tab-headers .child-tab-header {
    white-space: nowrap;
    flex-shrink: 0;
  }
  .sort-by-dropdown .p-dropdown {
    width: 100%;
  }
}
/* ---------------------------------------------------------------------------
   Template Grouping Styles
--------------------------------------------------------------------------- */
.template-type-group {
  width: 100%;
  margin-bottom: var(--spacing-md, 16px);
}
.template-type-group .template-type-group-header {
  display: flex;
  align-items: center;
  gap: var(--spacing-xs, 8px);
  padding: var(--spacing-xs, 8px) 0;
  border-bottom: var(--primary-border);
  margin-bottom: var(--spacing-sm, 12px);
}
[data-theme=dark] .template-type-group .template-type-group-header {
  border-bottom-color: #2d3748;
}
.template-type-group .template-type-group-header .schema-card-icon {
  width: 24px;
  height: 24px;
}
.template-type-group .template-type-group-header .template-type-group-title {
  margin: 0;
  font-size: 16px;
  font-weight: 600;
  font-family: var(--font-family);
  color: var(--primary-text-color);
}
.template-type-group .template-type-group-header .template-type-group-count {
  font-size: var(--secondary-font, 12px);
  color: var(--secondary-text-color);
  font-family: var(--font-family);
  background: var(--hover-background, rgba(0, 0, 0, 0.05));
  padding: 2px var(--spacing-xs, 8px);
  border-radius: var(--border-radius-pill, 20px);
}
[data-theme=dark] .template-type-group .template-type-group-header .template-type-group-count {
  background: rgba(255, 255, 255, 0.1);
}
.template-type-group .template-type-group-cards {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}
.template-card {
  border-left: 3px solid var(--primary-color, #3579f6);
}
.template-card .template-icon {
  font-size: 20px;
  color: var(--primary-color, #3579f6);
  width: auto;
  height: auto;
}
.blank-type-card {
  border-left: 3px solid var(--secondary-text-color);
  opacity: 0.9;
}
[data-theme=dark] .blank-type-card {
  border-left-color: #4a5568;
}
@keyframes badge-pop {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  50% {
    transform: scale(1.2);
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
.add-sphere {
  height: 100%;
  display: flex;
  flex-direction: column;
}
/**
 * TreeMapCard Molecule Styles
 */
.tree-map-card {
  background: var(--component-background);
  border: var(--primary-border);
  border-radius: var(--border-radius);
  padding: 8px;
  margin-bottom: 6px;
  cursor: pointer;
  transition: all 0.2s ease;
  box-shadow: var(--element-shadow);
  width: 280px;
  flex-shrink: 0;
}
.tree-map-card:hover {
  background: var(--hover-background);
  transform: translateY(-1px);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
.tree-map-card--selected {
  border-color: #377FC4;
  box-shadow: 0 0 0 2px rgba(55, 127, 196, 0.2);
}
.tree-map-card--dragging {
  opacity: 0.5;
  cursor: grabbing;
}
.tree-map-card__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0;
}
.tree-map-card__title {
  display: flex;
  align-items: center;
  gap: 4px;
  flex: 1;
  min-width: 0;
}
.tree-map-card__status-point {
  flex-shrink: 0;
}
.tree-map-card__icon {
  font-size: var(--primary-font);
  color: #377FC4;
  flex-shrink: 0;
}
.tree-map-card__name {
  font-size: var(--primary-font);
  font-weight: 600;
  color: var(--primary-text-color);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.tree-map-card__actions {
  display: flex;
  gap: 4px;
  opacity: 0;
  transition: opacity 0.2s ease;
}
.tree-map-card:hover .tree-map-card__actions {
  opacity: 1;
}
.tree-map-card__body {
  padding: 6px 0 0 0;
  border-top: 1px solid rgba(0, 0, 0, 0.05);
  margin-top: 6px;
}
.tree-map-card__field {
  display: flex;
  gap: 6px;
  margin-bottom: 3px;
  font-size: var(--secondary-font);
}
.tree-map-card__field-label {
  color: var(--secondary-text-color);
  text-transform: capitalize;
  min-width: 70px;
  flex-shrink: 0;
}
.tree-map-card__field-value {
  color: var(--primary-text-color);
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  white-space: normal;
  word-wrap: break-word;
}
.tree-map-card__description {
  margin-top: 6px;
  padding: 6px;
  background: rgba(55, 127, 196, 0.05);
  border-radius: 6px;
  font-size: var(--secondary-font);
  color: var(--secondary-text-color);
  line-height: 1.4;
}
.tree-map-card__badges {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  align-items: center;
  margin-top: 6px;
}
.tree-map-card__badge {
  display: inline-block;
  white-space: nowrap;
}
.tree-map-card__status-dot {
  display: inline-flex !important;
  align-items: center;
}
.tree-map-card__perspectives {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  align-items: center;
  margin-top: 6px;
}
.tree-map-card__perspective-badge {
  display: inline-block;
  white-space: nowrap;
}
.tree-map-card__assignments {
  display: table;
  width: 100%;
  margin-top: 8px;
  border-collapse: separate;
  border-spacing: 0 4px;
}
.tree-map-card__assignment-row {
  display: table-row;
  font-size: var(--secondary-font, 12px);
}
.tree-map-card__assignment-label {
  display: table-cell;
  color: var(--secondary-text-color, #6b7280);
  font-weight: 500;
  padding-right: 8px;
  vertical-align: middle;
  white-space: nowrap;
  width: 1%;
}
.tree-map-card__assignment-values {
  display: table-cell;
  vertical-align: middle;
}
.tree-map-card__assignment-values > * {
  display: inline-flex;
  margin-right: 8px;
  margin-bottom: 2px;
}
.tree-map-card__assignee {
  display: inline-flex;
  align-items: center;
}
.tree-map-card__assignee .sphere-identity-atom {
  gap: 4px;
}
.tree-map-card__assignee .sphere-identity-atom-name {
  font-size: var(--secondary-font, 12px);
  max-width: 100px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.tree-map-card__more-assignees {
  font-size: var(--secondary-font, 12px);
  color: var(--secondary-text-color, #6b7280);
  font-style: italic;
}
.tree-map-card__metadata {
  display: flex;
  flex-direction: column;
  gap: 2px;
  margin-top: 8px;
}
.tree-map-card__timestamps {
  margin-top: 8px;
  padding-top: 6px;
  border-top: 1px solid rgba(0, 0, 0, 0.06);
}
.tree-map-card__audit-info {
  display: table;
  width: 100%;
  margin-top: 8px;
  padding-top: 6px;
  border-top: 1px solid rgba(0, 0, 0, 0.06);
  border-collapse: separate;
  border-spacing: 0 4px;
}
.tree-map-card__audit-row {
  display: table-row;
  font-size: var(--secondary-font, 12px);
}
.tree-map-card__audit-label {
  display: table-cell;
  color: var(--secondary-text-color, #6b7280);
  padding-right: 8px;
  vertical-align: middle;
  white-space: nowrap;
  width: 1%;
}
.tree-map-card__audit-user {
  display: table-cell;
  vertical-align: middle;
}
.tree-map-card__audit-user .sphere-identity-atom {
  gap: 4px;
}
.tree-map-card__audit-user .sphere-identity-atom-name {
  font-size: var(--secondary-font, 12px);
  max-width: 100px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.tree-map-card--minimal {
  padding: 6px 8px;
}
.tree-map-card--minimal .tree-map-card__header {
  margin-bottom: 0;
}
.tree-map-card--minimal .tree-map-card__body {
  padding-top: 4px;
  margin-top: 4px;
}
.tree-map-card--minimal .tree-map-card__field-value {
  -webkit-line-clamp: 2;
  line-clamp: 2;
}
.tree-map-card--standard .tree-map-card__field-value {
  -webkit-line-clamp: 3;
  line-clamp: 3;
}
.tree-map-card--standard .tree-map-card__field:nth-child(n+4) {
  display: none;
}
.tree-map-card--expanded .tree-map-card__name {
  white-space: normal;
  word-wrap: break-word;
}
.tree-map-card--expanded .tree-map-card__field-value {
  -webkit-line-clamp: unset;
  line-clamp: unset;
}
@media (prefers-reduced-motion: reduce) {
  .tree-map-card {
    transition: none !important;
  }
  .tree-map-card:hover {
    transform: none;
  }
}
/**
 * TreeMapSwimlane Molecule Styles
 */
.tree-map-swimlane {
  border-bottom: var(--primary-border);
  padding: 12px 0;
}
.tree-map-swimlane:last-child {
  border-bottom: none;
}
.tree-map-swimlane__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 12px;
  background: var(--component-background-gradient);
  border-radius: var(--border-radius);
  margin-bottom: 8px;
}
.tree-map-swimlane__title {
  display: flex;
  align-items: center;
  gap: 8px;
  flex: 1;
}
.tree-map-swimlane__toggle {
  background: transparent;
  border: none;
  cursor: pointer;
  color: var(--secondary-text-color);
  padding: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s ease;
}
.tree-map-swimlane__toggle:hover {
  color: var(--primary-text-color);
  background: var(--hover-background);
  border-radius: 4px;
}
.tree-map-swimlane__toggle i {
  font-size: var(--secondary-font);
}
.tree-map-swimlane__parent-name {
  font-size: var(--primary-font);
  font-weight: 600;
  color: var(--primary-text-color);
}
.tree-map-swimlane__count {
  font-size: var(--secondary-font);
  color: var(--secondary-text-color);
  font-weight: normal;
}
.tree-map-swimlane__actions {
  display: flex;
  gap: 4px;
}
.tree-map-swimlane__content {
  padding: 0 12px;
  min-height: 40px;
  border-radius: var(--border-radius);
  transition: background-color 0.2s ease;
  max-width: 924px;
  overflow-x: auto;
  overflow-y: visible;
  display: grid;
  grid-template-rows: repeat(5, auto);
  grid-auto-flow: column;
  grid-auto-columns: 300px;
  gap: 0;
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
}
.tree-map-swimlane__content:hover {
  background: rgba(55, 127, 196, 0.02);
}
.tree-map-swimlane__content::after {
  content: "";
  position: absolute;
  inset: 0;
  border: 2px dashed #377FC4;
  border-radius: var(--border-radius);
  background: rgba(55, 127, 196, 0.05);
  opacity: 0;
  transition: opacity 0.2s ease;
  pointer-events: none;
}
.tree-map-swimlane__content:has(+ .dragging)::after, .tree-map-swimlane__content.drag-over::after {
  opacity: 1;
}
.tree-map-swimlane__error {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  padding: 16px;
  color: #e74c3c;
  grid-column: 1/-1;
  grid-row: 1/-1;
}
.tree-map-swimlane__error i {
  font-size: 24px;
}
.tree-map-swimlane__error p {
  margin: 0;
  font-size: var(--secondary-font);
}
.tree-map-swimlane__empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding: 24px;
  text-align: center;
  color: var(--secondary-text-color);
  grid-column: 1/-1;
  grid-row: 1/-1;
}
.tree-map-swimlane__empty i {
  font-size: 32px;
  opacity: 0.5;
}
.tree-map-swimlane__empty p {
  margin: 0;
  font-size: var(--secondary-font);
}
.tree-map-swimlane__loading {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  padding: 16px;
  color: var(--secondary-text-color);
  grid-column: 1/-1;
}
.tree-map-swimlane__loading i {
  font-size: 24px;
  color: #377FC4;
}
.tree-map-swimlane__loading p {
  margin: 0;
  font-size: var(--secondary-font);
}
.tree-map-swimlane__pagination {
  padding: 8px 12px;
  text-align: left;
}
.tree-map-swimlane__show-more-link {
  display: inline-block;
}
.tree-map-swimlane--expanded .tree-map-swimlane__content {
  max-height: none;
}
.tree-map-swimlane:not(.tree-map-swimlane--expanded) .tree-map-swimlane__content {
  display: none;
}
@media (max-width: 767px) {
  .tree-map-swimlane__header {
    padding: 6px 8px;
  }
  .tree-map-swimlane__parent-name {
    font-size: var(--secondary-font);
  }
  .tree-map-swimlane__content {
    padding: 0 8px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .tree-map-swimlane__toggle, .tree-map-swimlane__content {
    transition: none !important;
  }
}
/**
 * TreeMapColumn Molecule Styles
 */
.tree-map-column {
  display: flex;
  flex-direction: column;
  min-width: 320px;
  width: -moz-fit-content;
  width: fit-content;
  height: 100%;
  background: var(--component-background);
  border: var(--primary-border);
  border-radius: var(--border-radius);
  box-shadow: var(--element-shadow);
  overflow: visible;
}
.tree-map-column__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 16px;
  background: var(--component-background-gradient);
  border-bottom: var(--primary-border);
}
.tree-map-column__title {
  display: flex;
  align-items: center;
  gap: 8px;
  flex: 1;
}
.tree-map-column__title h3 {
  margin: 0;
  font-size: var(--primary-font);
  font-weight: 600;
  color: var(--primary-text-color);
}
.tree-map-column__icon {
  font-size: var(--sub-heading-font);
  color: var(--primary-color, #377FC4);
}
.tree-map-column__expand-btn {
  background: transparent;
  border: none;
  cursor: pointer;
  color: var(--secondary-text-color);
  padding: 4px 8px;
  border-radius: 4px;
  transition: all 0.2s ease;
}
.tree-map-column__expand-btn:hover {
  background: var(--hover-background);
  color: var(--primary-text-color);
}
.tree-map-column__expand-btn i {
  font-size: var(--primary-font);
}
.tree-map-column__guidance {
  padding: 12px 16px;
  background: var(--guidance-background, rgba(55, 127, 196, 0.05));
  border-bottom: var(--primary-border);
}
.tree-map-column__guidance p {
  margin: 0;
  font-size: var(--secondary-font);
  color: var(--secondary-text-color);
  line-height: 1.4;
}
.tree-map-column__content {
  flex: 1;
  overflow-y: auto;
  overflow-x: visible;
}
.tree-map-column__content::-webkit-scrollbar {
  width: 6px;
}
.tree-map-column__content::-webkit-scrollbar-track {
  background: var(--scrollbar-track);
}
.tree-map-column__content::-webkit-scrollbar-thumb {
  background: var(--scrollbar-thumb);
  border-radius: 3px;
}
.tree-map-column__content::-webkit-scrollbar-thumb:hover {
  background: var(--scrollbar-thumb-hover);
}
.tree-map-column__empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding: 48px 16px;
  text-align: center;
  color: var(--secondary-text-color);
}
.tree-map-column__empty i {
  font-size: 48px;
  opacity: 0.3;
}
.tree-map-column__empty p {
  margin: 0;
  font-size: var(--primary-font);
}
/**
 * TreeMapBreadcrumbs Molecule Styles
 */
.tree-map-breadcrumbs__list {
  display: flex;
  align-items: center;
  gap: 8px;
  list-style: none;
  margin: 0;
  padding: 0;
}
.tree-map-breadcrumbs__item {
  display: flex;
  align-items: center;
}
.tree-map-breadcrumbs__link {
  background: transparent;
  border: none;
  cursor: pointer;
  color: #377FC4;
  font-size: var(--primary-font);
  font-weight: 500;
  padding: 4px 8px;
  border-radius: 4px;
  transition: all 0.2s ease;
  display: flex;
  align-items: center;
  gap: 4px;
}
.tree-map-breadcrumbs__link:hover {
  background: var(--hover-background);
  color: #2C6BA5;
}
.tree-map-breadcrumbs__link i {
  font-size: var(--secondary-font);
}
.tree-map-breadcrumbs__current {
  color: var(--primary-text-color);
  font-size: var(--primary-font);
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 4px 8px;
}
.tree-map-breadcrumbs__separator {
  color: var(--secondary-text-color);
  opacity: 0.5;
}
.tree-map-breadcrumbs__separator i {
  font-size: var(--secondary-font);
}
.tree-map-breadcrumbs__icon {
  font-size: var(--secondary-font);
  margin-right: 2px;
}
/**
 * TreeMapAIAssistant Molecule Styles
 */
.tree-map-ai-assistant {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.tree-map-ai-assistant__context {
  padding: 16px;
  background: rgba(55, 127, 196, 0.05);
  border: var(--primary-border);
  border-radius: var(--border-radius);
}
.tree-map-ai-assistant__context h4 {
  margin: 0 0 12px 0;
  font-size: var(--primary-font);
  font-weight: 600;
  color: var(--primary-text-color);
}
.tree-map-ai-assistant__context ul {
  margin: 0;
  padding: 0 0 0 20px;
  color: var(--secondary-text-color);
  font-size: var(--secondary-font);
  line-height: 1.6;
}
.tree-map-ai-assistant__context ul li {
  margin: 4px 0;
}
.tree-map-ai-assistant__chat {
  display: flex;
  flex-direction: column;
  gap: 12px;
  min-height: 300px;
}
.tree-map-ai-assistant__messages {
  flex: 1;
  overflow-y: auto;
  padding: 16px;
  background: var(--body-background);
  border: var(--primary-border);
  border-radius: var(--border-radius);
  min-height: 200px;
}
.tree-map-ai-assistant__messages::-webkit-scrollbar {
  width: 6px;
}
.tree-map-ai-assistant__messages::-webkit-scrollbar-track {
  background: var(--scrollbar-track);
}
.tree-map-ai-assistant__messages::-webkit-scrollbar-thumb {
  background: var(--scrollbar-thumb);
  border-radius: 3px;
}
.tree-map-ai-assistant__messages::-webkit-scrollbar-thumb:hover {
  background: var(--scrollbar-thumb-hover);
}
.tree-map-ai-assistant__messages .text-muted {
  color: var(--secondary-text-color);
  font-size: var(--secondary-font);
  opacity: 0.7;
  text-align: center;
  padding: 24px;
  line-height: 1.6;
}
.tree-map-ai-assistant__suggestion {
  padding: 16px;
  background: var(--component-background);
  border: var(--primary-border);
  border-radius: var(--border-radius);
  margin-bottom: 12px;
}
.tree-map-ai-assistant__suggestion h5 {
  margin: 0 0 8px 0;
  font-size: var(--primary-font);
  font-weight: 600;
  color: var(--primary-text-color);
}
.tree-map-ai-assistant__suggestion p {
  margin: 4px 0;
  font-size: var(--secondary-font);
  color: var(--secondary-text-color);
  line-height: 1.4;
}
.tree-map-ai-assistant__suggestion p.text-muted {
  opacity: 0.7;
}
.tree-map-ai-assistant__suggestion p.text-sm {
  font-size: 11px;
}
.tree-map-ai-assistant__suggestion-actions {
  display: flex;
  gap: 8px;
  margin-top: 12px;
}
.tree-map-ai-assistant__loading {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  padding: 24px;
  color: var(--secondary-text-color);
}
.tree-map-ai-assistant__loading i {
  font-size: 24px;
  color: #377FC4;
}
.tree-map-ai-assistant__loading p {
  margin: 0;
  font-size: var(--secondary-font);
}
.tree-map-ai-assistant__input {
  display: flex;
  gap: 8px;
  align-items: center;
}
.tree-map-ai-assistant__input input {
  flex: 1;
  padding: 10px 16px;
  border: var(--primary-border);
  border-radius: var(--border-radius);
  background: var(--component-background);
  color: var(--primary-text-color);
  font-size: var(--primary-font);
  font-family: var(--font-family);
}
.tree-map-ai-assistant__input input::-moz-placeholder {
  color: var(--secondary-text-color);
  opacity: 0.6;
}
.tree-map-ai-assistant__input input::placeholder {
  color: var(--secondary-text-color);
  opacity: 0.6;
}
.tree-map-ai-assistant__input input:focus {
  outline: none;
  border-color: #377FC4;
  box-shadow: 0 0 0 2px rgba(55, 127, 196, 0.1);
}
/**
 * TreeMapGridNode Styles
 *
 * Individual node styling for grid-based treemap
 */
.tree-map-grid-node {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: none;
  border: none;
  font: inherit;
  text-align: left;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  padding: 0;
  cursor: pointer;
  transition: all 0.2s ease;
  position: relative;
  display: flex;
  flex-direction: column;
}
.tree-map-grid-node__content {
  flex: 1; /* Fill available space */
  min-height: 0; /* Allow flex to shrink if needed */
  background: var(--component-background);
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 0;
  box-shadow: none;
  padding: 12px;
  display: flex;
  flex-direction: column;
  gap: 6px;
  overflow: hidden;
  transition: all 0.2s ease;
  border-right: 2px solid rgba(0, 0, 0, 0.08);
  position: relative; /* For absolute positioning of add button */
}
.tree-map-grid-node:hover .tree-map-grid-node__content {
  background: var(--hover-background);
  transform: translateY(-1px);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}
.tree-map-grid-node__add-button {
  position: absolute;
  top: 2px;
  right: 2px;
  width: 24px;
  height: 24px;
  background: var(--save-button);
  box-shadow: 0px -2px 7px 2px rgba(116, 139, 157, 0.2) inset;
  border: var(--primary-border);
  color: var(--secondary-text-color, #6b7280);
  border-radius: 4px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s ease;
  z-index: 10;
  padding: 0;
  font-size: 14px;
}
.tree-map-grid-node__add-button:hover {
  background: var(--primary-color, #377fc4) !important;
  color: white !important;
  transform: scale(1.1);
}
.tree-map-grid-node__add-button:active {
  transform: scale(0.95);
}
.tree-map-grid-node__add-button i {
  font-size: 12px;
  line-height: 1;
}
.tree-map-grid-node--hovered .tree-map-grid-node__actions {
  opacity: 1;
}
.tree-map-grid-node--collapsed {
  height: 50px !important;
  min-height: 50px !important;
  max-height: 50px !important;
}
.tree-map-grid-node--collapsed .tree-map-grid-node__content {
  opacity: 0.7;
  border-style: dashed;
  padding: 8px 12px;
  height: 50px;
}
.tree-map-grid-node--collapsed .tree-map-grid-node__header {
  margin-bottom: 0;
  min-height: 28px;
}
.tree-map-grid-node--collapsed .tree-map-grid-node__actions {
  opacity: 1;
}
.tree-map-grid-node--color-depth-0 .tree-map-grid-node__content {
  background: #f8f9fa;
  border-left: 3px solid #6c757d;
}
.tree-map-grid-node--color-0.tree-map-grid-node--column-1 .tree-map-grid-node__content {
  background: #e7f0ff;
  border-left: 4px solid #4a90e2;
}
.tree-map-grid-node--color-1.tree-map-grid-node--column-1 .tree-map-grid-node__content {
  background: #fff0f5;
  border-left: 4px solid #d95d8e;
}
.tree-map-grid-node--color-2.tree-map-grid-node--column-1 .tree-map-grid-node__content {
  background: #e6f7f7;
  border-left: 4px solid #50b5b5;
}
.tree-map-grid-node--color-3.tree-map-grid-node--column-1 .tree-map-grid-node__content {
  background: #e8f5e9;
  border-left: 4px solid #66bb6a;
}
.tree-map-grid-node--color-4.tree-map-grid-node--column-1 .tree-map-grid-node__content {
  background: #fff8e1;
  border-left: 4px solid #ffb74d;
}
.tree-map-grid-node--color-0.tree-map-grid-node--column-2 .tree-map-grid-node__content {
  background: #f3f8ff;
  border-left: 3px solid #4a90e2;
}
.tree-map-grid-node--color-1.tree-map-grid-node--column-2 .tree-map-grid-node__content {
  background: #fff8fb;
  border-left: 3px solid #d95d8e;
}
.tree-map-grid-node--color-2.tree-map-grid-node--column-2 .tree-map-grid-node__content {
  background: #f3fafa;
  border-left: 3px solid #50b5b5;
}
.tree-map-grid-node--color-3.tree-map-grid-node--column-2 .tree-map-grid-node__content {
  background: #f4faf4;
  border-left: 3px solid #66bb6a;
}
.tree-map-grid-node--color-4.tree-map-grid-node--column-2 .tree-map-grid-node__content {
  background: #fffcf3;
  border-left: 3px solid #ffb74d;
}
.tree-map-grid-node--color-0.tree-map-grid-node--column-3 .tree-map-grid-node__content {
  background: #fafcff;
  border-left: 2px solid #4a90e2;
}
.tree-map-grid-node--color-1.tree-map-grid-node--column-3 .tree-map-grid-node__content {
  background: #fffcfd;
  border-left: 2px solid #d95d8e;
}
.tree-map-grid-node--color-2.tree-map-grid-node--column-3 .tree-map-grid-node__content {
  background: #fafcfc;
  border-left: 2px solid #50b5b5;
}
.tree-map-grid-node--color-3.tree-map-grid-node--column-3 .tree-map-grid-node__content {
  background: #fbfdfb;
  border-left: 2px solid #66bb6a;
}
.tree-map-grid-node--color-4.tree-map-grid-node--column-3 .tree-map-grid-node__content {
  background: #fffefa;
  border-left: 2px solid #ffb74d;
}
.tree-map-grid-node--color-0.tree-map-grid-node--column-4 .tree-map-grid-node__content {
  background: #fdfdff;
  border-left: 1px solid #4a90e2;
}
.tree-map-grid-node--color-1.tree-map-grid-node--column-4 .tree-map-grid-node__content {
  background: #fffdfe;
  border-left: 1px solid #d95d8e;
}
.tree-map-grid-node--color-2.tree-map-grid-node--column-4 .tree-map-grid-node__content {
  background: #fdfdfe;
  border-left: 1px solid #50b5b5;
}
.tree-map-grid-node--color-3.tree-map-grid-node--column-4 .tree-map-grid-node__content {
  background: #fdfefe;
  border-left: 1px solid #66bb6a;
}
.tree-map-grid-node--color-4.tree-map-grid-node--column-4 .tree-map-grid-node__content {
  background: #fffefd;
  border-left: 1px solid #ffb74d;
}
.tree-map-grid-node__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  height: 32px;
  min-height: 32px;
  flex-shrink: 0;
}
.tree-map-grid-node__title {
  display: flex;
  align-items: center;
  gap: 4px;
  flex: 1;
  min-width: 0;
}
.tree-map-grid-node__status-point {
  flex-shrink: 0;
}
.tree-map-grid-node__avatar {
  flex-shrink: 0;
}
.tree-map-grid-node__name {
  font-size: var(--primary-font);
  font-weight: 600;
  color: var(--primary-text-color);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.tree-map-grid-node__actions {
  display: flex;
  gap: 0px;
  opacity: 0;
  transition: opacity 0.2s ease;
  flex-shrink: 0;
}
.tree-map-grid-node__actions .prime-button-wrapper,
.tree-map-grid-node__actions .button-atom,
.tree-map-grid-node__actions button,
.tree-map-grid-node__actions .p-button {
  background: none !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  border: none !important;
  padding: 2px !important;
  filter: none !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.tree-map-grid-node__actions .prime-button-wrapper:hover, .tree-map-grid-node__actions .prime-button-wrapper:focus, .tree-map-grid-node__actions .prime-button-wrapper:active, .tree-map-grid-node__actions .prime-button-wrapper.p-focus, .tree-map-grid-node__actions .prime-button-wrapper.p-button-icon-only,
.tree-map-grid-node__actions .button-atom:hover,
.tree-map-grid-node__actions .button-atom:focus,
.tree-map-grid-node__actions .button-atom:active,
.tree-map-grid-node__actions .button-atom.p-focus,
.tree-map-grid-node__actions .button-atom.p-button-icon-only,
.tree-map-grid-node__actions button:hover,
.tree-map-grid-node__actions button:focus,
.tree-map-grid-node__actions button:active,
.tree-map-grid-node__actions button.p-focus,
.tree-map-grid-node__actions button.p-button-icon-only,
.tree-map-grid-node__actions .p-button:hover,
.tree-map-grid-node__actions .p-button:focus,
.tree-map-grid-node__actions .p-button:active,
.tree-map-grid-node__actions .p-button.p-focus,
.tree-map-grid-node__actions .p-button.p-button-icon-only {
  background: none !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  border: none !important;
  filter: none !important;
}
.tree-map-grid-node__actions .prime-button-wrapper:hover::before, .tree-map-grid-node__actions .prime-button-wrapper:hover::after, .tree-map-grid-node__actions .prime-button-wrapper:focus::before, .tree-map-grid-node__actions .prime-button-wrapper:focus::after, .tree-map-grid-node__actions .prime-button-wrapper:active::before, .tree-map-grid-node__actions .prime-button-wrapper:active::after, .tree-map-grid-node__actions .prime-button-wrapper.p-focus::before, .tree-map-grid-node__actions .prime-button-wrapper.p-focus::after, .tree-map-grid-node__actions .prime-button-wrapper.p-button-icon-only::before, .tree-map-grid-node__actions .prime-button-wrapper.p-button-icon-only::after,
.tree-map-grid-node__actions .button-atom:hover::before,
.tree-map-grid-node__actions .button-atom:hover::after,
.tree-map-grid-node__actions .button-atom:focus::before,
.tree-map-grid-node__actions .button-atom:focus::after,
.tree-map-grid-node__actions .button-atom:active::before,
.tree-map-grid-node__actions .button-atom:active::after,
.tree-map-grid-node__actions .button-atom.p-focus::before,
.tree-map-grid-node__actions .button-atom.p-focus::after,
.tree-map-grid-node__actions .button-atom.p-button-icon-only::before,
.tree-map-grid-node__actions .button-atom.p-button-icon-only::after,
.tree-map-grid-node__actions button:hover::before,
.tree-map-grid-node__actions button:hover::after,
.tree-map-grid-node__actions button:focus::before,
.tree-map-grid-node__actions button:focus::after,
.tree-map-grid-node__actions button:active::before,
.tree-map-grid-node__actions button:active::after,
.tree-map-grid-node__actions button.p-focus::before,
.tree-map-grid-node__actions button.p-focus::after,
.tree-map-grid-node__actions button.p-button-icon-only::before,
.tree-map-grid-node__actions button.p-button-icon-only::after,
.tree-map-grid-node__actions .p-button:hover::before,
.tree-map-grid-node__actions .p-button:hover::after,
.tree-map-grid-node__actions .p-button:focus::before,
.tree-map-grid-node__actions .p-button:focus::after,
.tree-map-grid-node__actions .p-button:active::before,
.tree-map-grid-node__actions .p-button:active::after,
.tree-map-grid-node__actions .p-button.p-focus::before,
.tree-map-grid-node__actions .p-button.p-focus::after,
.tree-map-grid-node__actions .p-button.p-button-icon-only::before,
.tree-map-grid-node__actions .p-button.p-button-icon-only::after {
  display: none !important;
}
.tree-map-grid-node__actions .prime-button-wrapper::before, .tree-map-grid-node__actions .prime-button-wrapper::after,
.tree-map-grid-node__actions .button-atom::before,
.tree-map-grid-node__actions .button-atom::after,
.tree-map-grid-node__actions button::before,
.tree-map-grid-node__actions button::after,
.tree-map-grid-node__actions .p-button::before,
.tree-map-grid-node__actions .p-button::after {
  display: none !important;
}
.tree-map-grid-node__actions .prime-button-wrapper .p-button-icon,
.tree-map-grid-node__actions .prime-button-wrapper i,
.tree-map-grid-node__actions .button-atom .p-button-icon,
.tree-map-grid-node__actions .button-atom i,
.tree-map-grid-node__actions button .p-button-icon,
.tree-map-grid-node__actions button i,
.tree-map-grid-node__actions .p-button .p-button-icon,
.tree-map-grid-node__actions .p-button i {
  background: none !important;
  background-color: transparent !important;
  border-radius: 0 !important;
  color: var(--primary-text-color) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.tree-map-grid-node__actions .prime-button-wrapper .p-button-icon:hover, .tree-map-grid-node__actions .prime-button-wrapper .p-button-icon:focus, .tree-map-grid-node__actions .prime-button-wrapper .p-button-icon:active,
.tree-map-grid-node__actions .prime-button-wrapper i:hover,
.tree-map-grid-node__actions .prime-button-wrapper i:focus,
.tree-map-grid-node__actions .prime-button-wrapper i:active,
.tree-map-grid-node__actions .button-atom .p-button-icon:hover,
.tree-map-grid-node__actions .button-atom .p-button-icon:focus,
.tree-map-grid-node__actions .button-atom .p-button-icon:active,
.tree-map-grid-node__actions .button-atom i:hover,
.tree-map-grid-node__actions .button-atom i:focus,
.tree-map-grid-node__actions .button-atom i:active,
.tree-map-grid-node__actions button .p-button-icon:hover,
.tree-map-grid-node__actions button .p-button-icon:focus,
.tree-map-grid-node__actions button .p-button-icon:active,
.tree-map-grid-node__actions button i:hover,
.tree-map-grid-node__actions button i:focus,
.tree-map-grid-node__actions button i:active,
.tree-map-grid-node__actions .p-button .p-button-icon:hover,
.tree-map-grid-node__actions .p-button .p-button-icon:focus,
.tree-map-grid-node__actions .p-button .p-button-icon:active,
.tree-map-grid-node__actions .p-button i:hover,
.tree-map-grid-node__actions .p-button i:focus,
.tree-map-grid-node__actions .p-button i:active {
  background: none !important;
  background-color: transparent !important;
}
.tree-map-grid-node__actions .prime-button-wrapper .p-button-icon::before, .tree-map-grid-node__actions .prime-button-wrapper .p-button-icon::after,
.tree-map-grid-node__actions .prime-button-wrapper i::before,
.tree-map-grid-node__actions .prime-button-wrapper i::after,
.tree-map-grid-node__actions .button-atom .p-button-icon::before,
.tree-map-grid-node__actions .button-atom .p-button-icon::after,
.tree-map-grid-node__actions .button-atom i::before,
.tree-map-grid-node__actions .button-atom i::after,
.tree-map-grid-node__actions button .p-button-icon::before,
.tree-map-grid-node__actions button .p-button-icon::after,
.tree-map-grid-node__actions button i::before,
.tree-map-grid-node__actions button i::after,
.tree-map-grid-node__actions .p-button .p-button-icon::before,
.tree-map-grid-node__actions .p-button .p-button-icon::after,
.tree-map-grid-node__actions .p-button i::before,
.tree-map-grid-node__actions .p-button i::after {
  background: none !important;
  background-color: transparent !important;
}
.tree-map-grid-node__actions .prime-button-wrapper .p-ink,
.tree-map-grid-node__actions .button-atom .p-ink,
.tree-map-grid-node__actions button .p-ink,
.tree-map-grid-node__actions .p-button .p-ink {
  display: none !important;
}
.tree-map-grid-node__body {
  display: flex;
  flex-direction: column;
  gap: 4px;
  flex: 1;
  overflow: hidden;
  min-height: 0;
}
.tree-map-grid-node__field {
  display: flex;
  gap: 6px;
  font-size: var(--secondary-font);
  overflow: hidden;
}
.tree-map-grid-node__field-label {
  color: var(--secondary-text-color);
  text-transform: capitalize;
  min-width: 70px;
  flex-shrink: 0;
}
.tree-map-grid-node__field-value {
  color: var(--primary-text-color);
  line-height: 1.4;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
}
.tree-map-grid-node__badges {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  align-items: center;
  margin-top: 4px;
}
.tree-map-grid-node__badge {
  display: inline-block;
  white-space: nowrap;
}
.tree-map-grid-node__status-dot {
  display: inline-flex !important;
  align-items: center;
}
.tree-map-grid-node__perspectives {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  align-items: center;
  margin-top: 4px;
}
.tree-map-grid-node__perspective-badge {
  display: inline-block;
  white-space: nowrap;
}
.tree-map-grid-node__assignments {
  display: table;
  width: 100%;
  margin-top: 8px;
  border-collapse: separate;
  border-spacing: 0 4px;
}
.tree-map-grid-node__assignment-row {
  display: table-row;
  font-size: var(--secondary-font, 12px);
}
.tree-map-grid-node__assignment-label {
  display: table-cell;
  color: var(--secondary-text-color, #6b7280);
  font-weight: 500;
  padding-right: 8px;
  vertical-align: middle;
  white-space: nowrap;
  width: 1%;
}
.tree-map-grid-node__assignment-values {
  display: table-cell;
  vertical-align: middle;
}
.tree-map-grid-node__assignment-values > * {
  display: inline-flex;
  margin-right: 8px;
  margin-bottom: 2px;
}
.tree-map-grid-node__assignee {
  display: inline-flex;
  align-items: center;
}
.tree-map-grid-node__assignee .sphere-identity-atom {
  gap: 4px;
}
.tree-map-grid-node__assignee .sphere-identity-atom-name {
  font-size: var(--secondary-font, 12px);
  max-width: 100px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.tree-map-grid-node__more-assignees {
  font-size: var(--secondary-font, 12px);
  color: var(--secondary-text-color, #6b7280);
  font-style: italic;
}
.tree-map-grid-node__metadata {
  display: flex;
  flex-direction: column;
  gap: 2px;
  margin-top: 6px;
}
.tree-map-grid-node__timestamps {
  margin-top: 6px;
  padding-top: 6px;
  border-top: 1px solid rgba(0, 0, 0, 0.06);
}
.tree-map-grid-node__audit-info {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin-top: 8px;
  padding-top: 6px;
  border-top: 1px solid rgba(0, 0, 0, 0.06);
}
.tree-map-grid-node__audit-row {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: var(--secondary-font, 12px);
}
.tree-map-grid-node__audit-label {
  color: var(--secondary-text-color, #6b7280);
  white-space: nowrap;
  flex-shrink: 0;
  min-width: 75px;
}
.tree-map-grid-node__audit-value {
  display: flex;
  align-items: center;
  gap: 6px;
  flex: 1;
  min-width: 0;
  overflow: hidden;
}
.tree-map-grid-node__audit-time {
  font-size: 11px;
  color: var(--secondary-text-color, #9ca3af);
  white-space: nowrap;
  flex-shrink: 0;
}
.tree-map-grid-node__audit-user {
  display: flex;
  align-items: center;
  min-width: 0;
  flex-shrink: 1;
}
.tree-map-grid-node__audit-user .sphere-identity-atom {
  gap: 4px;
  flex-wrap: nowrap;
}
.tree-map-grid-node__audit-user .sphere-identity-atom-name {
  font-size: var(--secondary-font, 12px);
  max-width: 100px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media (max-width: 768px) {
  .tree-map-grid-node {
    padding: 4px;
  }
  .tree-map-grid-node__content {
    padding: 6px;
  }
  .tree-map-grid-node__name {
    font-size: var(--secondary-font);
  }
}
@media (prefers-reduced-motion: reduce) {
  .tree-map-grid-node {
    transition: none !important;
  }
  .tree-map-grid-node__content {
    transition: none !important;
  }
  .tree-map-grid-node:hover .tree-map-grid-node__content {
    transform: none;
  }
}
[data-theme=dark] .tree-map-grid-node--color-depth-0 .tree-map-grid-node__content {
  background: #2a2d32 !important;
  border-left-color: #8b92a0;
}
[data-theme=dark] .tree-map-grid-node--color-0.tree-map-grid-node--column-1 .tree-map-grid-node__content {
  background: #1a2942 !important;
  border-left-color: #4a90e2;
}
[data-theme=dark] .tree-map-grid-node--color-1.tree-map-grid-node--column-1 .tree-map-grid-node__content {
  background: #3d1f2e !important;
  border-left-color: #d95d8e;
}
[data-theme=dark] .tree-map-grid-node--color-2.tree-map-grid-node--column-1 .tree-map-grid-node__content {
  background: #1a3535 !important;
  border-left-color: #50b5b5;
}
[data-theme=dark] .tree-map-grid-node--color-3.tree-map-grid-node--column-1 .tree-map-grid-node__content {
  background: #1e2f1e !important;
  border-left-color: #66bb6a;
}
[data-theme=dark] .tree-map-grid-node--color-4.tree-map-grid-node--column-1 .tree-map-grid-node__content {
  background: #3d3320 !important;
  border-left-color: #ffb74d;
}
[data-theme=dark] .tree-map-grid-node--color-0.tree-map-grid-node--column-2 .tree-map-grid-node__content {
  background: #1f2d3d !important;
  border-left-color: #4a90e2;
}
[data-theme=dark] .tree-map-grid-node--color-1.tree-map-grid-node--column-2 .tree-map-grid-node__content {
  background: #35232c !important;
  border-left-color: #d95d8e;
}
[data-theme=dark] .tree-map-grid-node--color-2.tree-map-grid-node--column-2 .tree-map-grid-node__content {
  background: #1f3030 !important;
  border-left-color: #50b5b5;
}
[data-theme=dark] .tree-map-grid-node--color-3.tree-map-grid-node--column-2 .tree-map-grid-node__content {
  background: #232d23 !important;
  border-left-color: #66bb6a;
}
[data-theme=dark] .tree-map-grid-node--color-4.tree-map-grid-node--column-2 .tree-map-grid-node__content {
  background: #352e1f !important;
  border-left-color: #ffb74d;
}
[data-theme=dark] .tree-map-grid-node--color-0.tree-map-grid-node--column-3 .tree-map-grid-node__content {
  background: #242d36 !important;
  border-left-color: #4a90e2;
}
[data-theme=dark] .tree-map-grid-node--color-1.tree-map-grid-node--column-3 .tree-map-grid-node__content {
  background: #2f262b !important;
  border-left-color: #d95d8e;
}
[data-theme=dark] .tree-map-grid-node--color-2.tree-map-grid-node--column-3 .tree-map-grid-node__content {
  background: #242d2d !important;
  border-left-color: #50b5b5;
}
[data-theme=dark] .tree-map-grid-node--color-3.tree-map-grid-node--column-3 .tree-map-grid-node__content {
  background: #262c26 !important;
  border-left-color: #66bb6a;
}
[data-theme=dark] .tree-map-grid-node--color-4.tree-map-grid-node--column-3 .tree-map-grid-node__content {
  background: #2f2b24 !important;
  border-left-color: #ffb74d;
}
[data-theme=dark] .tree-map-grid-node--color-0.tree-map-grid-node--column-4 .tree-map-grid-node__content {
  background: #272c31 !important;
  border-left-color: #4a90e2;
}
[data-theme=dark] .tree-map-grid-node--color-1.tree-map-grid-node--column-4 .tree-map-grid-node__content {
  background: #2c272a !important;
  border-left-color: #d95d8e;
}
[data-theme=dark] .tree-map-grid-node--color-2.tree-map-grid-node--column-4 .tree-map-grid-node__content {
  background: #272c2c !important;
  border-left-color: #50b5b5;
}
[data-theme=dark] .tree-map-grid-node--color-3.tree-map-grid-node--column-4 .tree-map-grid-node__content {
  background: #282c28 !important;
  border-left-color: #66bb6a;
}
[data-theme=dark] .tree-map-grid-node--color-4.tree-map-grid-node--column-4 .tree-map-grid-node__content {
  background: #2c2927 !important;
  border-left-color: #ffb74d;
}
/**
 * TreeMapChildrenGrid Styles
 *
 * Container for displaying children in a compact flexbox layout
 */
.tree-map-children-grid-container {
  display: flex;
  flex-direction: column;
  background: var(--component-background);
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  box-sizing: border-box;
}
.tree-map-children-grid {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 12px;
  padding: 8px;
  align-content: flex-start;
}
.tree-map-children-grid__card {
  width: 280px;
  min-width: 280px;
  max-width: 280px;
  flex-shrink: 0;
  display: block;
}
.tree-map-children-grid__card > .tree-map-grid-node {
  width: 100%;
  min-width: 100%;
  height: 100%;
}
.tree-map-children-grid__add-card {
  border: 2px dashed var(--primary-color);
  background: rgba(55, 127, 196, 0.05);
  border-radius: 0;
  cursor: pointer;
  transition: all 0.2s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 12px;
}
.tree-map-children-grid__add-card--minimal {
  padding: 4px 12px;
}
.tree-map-children-grid__add-card:hover {
  background: rgba(55, 127, 196, 0.1);
  border-color: var(--primary-color);
  transform: translateY(-1px);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}
.tree-map-children-grid__add-card:active {
  transform: translateY(0);
}
.tree-map-children-grid__add-card-content {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 8px;
  color: var(--primary-color);
  font-weight: 500;
  font-size: 14px;
}
.tree-map-children-grid__add-card-content i {
  font-size: 18px;
}
.tree-map-children-grid__add-card--minimal .tree-map-children-grid__add-card-content {
  font-size: 12px;
  gap: 4px;
}
.tree-map-children-grid__add-card--minimal .tree-map-children-grid__add-card-content i {
  font-size: 12px;
}
.tree-map-children-grid__footer {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 16px;
  padding: 8px 16px;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  background: #ffffff;
  flex-shrink: 0;
  min-height: 36px;
  box-shadow: 0 -2px 4px rgba(0, 0, 0, 0.1);
}
.tree-map-children-grid__empty {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  padding: 8px;
}
.generic-display-atom {
  padding: 1rem;
}
.generic-display-atom__content {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.generic-display-atom__main {
  margin: 0;
  font-size: 14px;
  font-weight: 500;
  color: var(--primary-text-color);
}
.generic-display-atom__meta {
  margin: 0;
  font-size: 0.875rem;
  color: #6c757d;
}
.generic-display-atom__label {
  font-weight: 600;
  margin-right: 0.25rem;
  color: #495057;
}
.generic-display-atom--compact {
  padding: 0.5rem;
  background: transparent;
  border: none;
  color: var(--primary-text-color);
}
.generic-display-atom--compact__main {
  font-size: 0.875rem;
}
.generic-display-atom--inline {
  display: inline-block;
  padding: 0.25rem 0.5rem;
  background: #e9ecef;
  border: 1px solid #ced4da;
}
.generic-display-atom--highlight {
  background: #fff3cd;
  border-color: #ffeaa7;
}
.generic-display-atom--highlight__main {
  color: #856404;
}
.generic-display-atom--minimal {
  padding: 0;
  background: transparent;
  border: none;
}
.generic-display-atom--minimal__main {
  font-size: 0.875rem;
  font-weight: normal;
}
/* src/lib/components/atoms/DateTimeDisplay/DateTimeDisplayAtom.scss */
.date-time-display-atom {
  padding: 1rem;
  background-color: #f8f9fa;
  border-radius: 0.375rem;
  border: 1px solid #dee2e6;
}
.date-time-display-atom__content {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.date-time-display-atom__formatted {
  margin: 0;
  font-size: 14px;
  color: #212529;
  font-weight: 500;
}
.date-time-display-atom__timezone, .date-time-display-atom__iso {
  margin: 0;
  font-size: 0.875rem;
  color: #6c757d;
}
.date-time-display-atom__label {
  font-weight: 600;
  color: #495057;
  margin-right: 0.5rem;
}
.date-time-display-atom {
  /* Variant styles */
}
.date-time-display-atom--compact {
  padding: 0.5rem 0.75rem;
  background-color: transparent;
  border: none;
}
.date-time-display-atom--compact .date-time-display-atom__formatted {
  font-size: 0.875rem;
}
.date-time-display-atom--inline {
  display: inline-block;
  padding: 0.25rem 0.5rem;
  background-color: #e9ecef;
  border-radius: 0.25rem;
  border: 1px solid #ced4da;
}
.date-time-display-atom--highlight {
  background-color: #fff3cd;
  border-color: #ffeaa7;
}
.date-time-display-atom--highlight .date-time-display-atom__formatted {
  color: #856404;
}
.date-time-display-atom--minimal {
  padding: 0;
  background-color: transparent;
  border: none;
}
.date-time-display-atom--minimal .date-time-display-atom__formatted {
  font-size: 0.875rem;
  font-weight: normal;
}
.date-time-display-atom {
  /* Nested contexts */
}
.date-time-picker-molecule__preview .date-time-display-atom {
  margin: 0;
  padding: 0.75rem;
  background-color: #f0f4f8;
  border: 1px solid #d1dae3;
}
.date-time-dialog-editor .date-time-display-atom {
  padding: 0;
  background: none;
  border: none;
}
.date-time-dialog-editor .date-time-display-atom .date-time-display-atom__content {
  gap: 0;
}
.date-time-dialog-editor .date-time-display-atom .date-time-display-atom__formatted {
  font-size: 0.875rem;
  font-weight: normal;
}
.date-time-picker-molecule {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.date-time-picker-molecule__label {
  font-size: 1.125rem;
  font-weight: 600;
  margin-bottom: 0.5rem;
  color: var(--primary-text-color, #333);
}
.date-time-picker-molecule__controls {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  align-items: stretch;
}
.date-time-picker-molecule__date, .date-time-picker-molecule__time-zone {
  display: flex;
  flex-direction: column;
  min-width: 0;
  gap: 0.75rem;
  padding: 1rem;
  border-radius: 0.5rem;
  align-self: center;
  width: 100%;
}
.date-time-picker-molecule__calendar {
  width: 100%;
  max-width: 100%;
}
.date-time-picker-molecule__calendar .p-datepicker {
  width: 100%;
  border-radius: 0.25rem;
}
.date-time-picker-molecule__timezone-dropdown {
  width: 100%;
}
.date-time-picker-molecule__errors {
  list-style: none;
  padding: 0;
  margin: 0.5rem 0 0;
  color: #dc3545;
  font-size: 0.875rem;
}
.date-time-picker-molecule__errors li {
  margin-bottom: 0.25rem;
}
.date-time-picker-molecule__preview {
  margin-top: 1rem;
}
.p-dialog .date-time-picker-molecule__controls {
  gap: 0.5rem;
}
.p-dialog .date-time-picker-molecule__label {
  display: none;
}
.date-time-picker-molecule--compact {
  gap: 0.5rem;
}
.date-time-picker-molecule--compact__controls {
  gap: 0.5rem;
}
.date-time-picker-molecule--compact__label {
  font-size: 1rem;
  margin-bottom: 0.25rem;
}
.date-time-picker-molecule--inline {
  flex-direction: row;
  align-items: center;
  gap: 1rem;
}
.date-time-picker-molecule--inline__label {
  margin-bottom: 0;
  margin-right: 1rem;
}
.date-time-picker-molecule--inline__controls {
  display: flex;
  gap: 1rem;
}
@media (max-width: 768px) {
  .date-time-picker-molecule__controls .date-time-picker-molecule__date .calendar-atom .p-calendar .p-datepicker {
    transform: none !important;
    left: auto !important;
  }
}
.date-time-picker-atom {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.date-time-picker-atom__btn {
  flex: 0 0 auto;
  width: 2.5rem;
  height: 2.5rem;
  padding: 0;
  border-radius: 20px;
  border: var(--primary-border);
  background: var(--Search-input-box);
  box-shadow: 2px 2px 7px 2px rgba(30, 84, 156, 0.18) inset, -3px -1px 10px 0px rgba(160, 183, 202, 0.15) inset;
  color: var(--primary-text-color);
}
.date-time-picker-atom__btn:hover {
  background-color: var(--hover-background);
}
.date-time-picker-atom .p-button-icon {
  color: var(--primary-text-color);
}
.date-time-picker-atom {
  /* -------------------------------------------------------------- */
  /* PrimeReact Dialog override                                     */
  /* -------------------------------------------------------------- */
}
.date-time-picker-atom__dialog .p-dialog-content {
  padding: 0;
}
.date-time-picker-atom__dialog .p-dialog-footer {
  display: flex;
  gap: 0;
  justify-content: flex-end;
}
.date-time-picker-atom__dialog .p-dialog-footer .Save-button,
.date-time-picker-atom__dialog .p-dialog-footer .Close-button {
  flex: 0 0 150px;
}
/**
 * PropertyFilterMolecule Styles
 *
 * Generic, reusable styling for property filtering component
 */
.property-filter-molecule {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 16px;
  background: var(--component-background);
  border-radius: 6px;
  border: var(--primary-border);
}
.property-filter-molecule__header {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: none;
  border: none;
  font: inherit;
  text-align: left;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 12px;
  cursor: pointer;
  border-radius: 4px;
  transition: background-color 0.2s ease;
}
.property-filter-molecule__header:hover {
  background-color: rgba(0, 0, 0, 0.05);
}
.property-filter-molecule__header:focus {
  outline: none;
}
.property-filter-molecule__header-content {
  display: flex;
  align-items: center;
  gap: 8px;
  font-weight: 600;
  color: var(--primary-text-color);
}
.property-filter-molecule__header-content i {
  font-size: 16px;
  color: #377FC4;
}
.property-filter-molecule__header i {
  font-size: 16px;
  color: #377FC4;
}
.property-filter-molecule__title {
  font-size: var(--primary-font);
  font-weight: 600;
}
.property-filter-molecule__badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 20px;
  height: 20px;
  padding: 0 6px;
  background: #1e5a99;
  color: white;
  border-radius: 10px;
  font-size: 11px;
  font-weight: 600;
}
.property-filter-molecule__content {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.property-filter-molecule__active-filters {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.property-filter-molecule__filter-chip {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 12px;
  background: var(--background-color);
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 6px;
  transition: all 0.2s ease;
}
.property-filter-molecule__filter-chip:hover {
  border-color: #377FC4;
  box-shadow: 0 2px 4px rgba(55, 127, 196, 0.1);
}
.property-filter-molecule__filter-chip-content {
  display: flex;
  align-items: center;
  gap: 8px;
  flex: 1;
  font-size: var(--secondary-font);
}
.property-filter-molecule__filter-chip-content strong {
  color: #377FC4;
}
.property-filter-molecule__filter-chip-content span {
  color: var(--secondary-text-color);
}
.property-filter-molecule__filter-value {
  padding: 2px 8px;
  background: rgba(55, 127, 196, 0.1);
  border-radius: 4px;
  font-weight: 500;
  color: var(--primary-text-color) !important;
}
.property-filter-molecule__remove-btn {
  flex-shrink: 0;
}
.property-filter-molecule__add-filter {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 12px;
  background: var(--background-color);
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 6px;
}
.property-filter-molecule__filter-row {
  display: flex;
  align-items: center;
  gap: 8px;
}
.property-filter-molecule__filter-row input {
  border-radius: 20px;
  border: var(--primary-border);
  box-shadow: 2px 2px 10px 0px rgba(74, 100, 126, 0.2) inset;
}
.property-filter-molecule__property-dropdown, .property-filter-molecule__operator-dropdown, .property-filter-molecule__value-input {
  flex: 1;
}
.property-filter-molecule__between-inputs {
  display: flex;
  align-items: center;
  gap: 8px;
  flex: 1;
}
.property-filter-molecule__between-inputs span {
  color: var(--secondary-text-color);
  font-size: var(--secondary-font);
}
.property-filter-molecule__between-inputs .p-calendar,
.property-filter-molecule__between-inputs .p-inputtext {
  flex: 1;
}
.property-filter-molecule__filter-actions {
  display: flex;
  align-items: center;
  gap: 8px;
  justify-content: flex-end;
}
.property-filter-molecule__add-btn {
  background: #377FC4;
  border-color: #377FC4;
}
.property-filter-molecule__add-btn:enabled:hover {
  background: #2a5f92;
  border-color: #2a5f92;
}
.property-filter-molecule__add-btn:disabled {
  opacity: 0.5;
}
.property-filter-molecule__show-add-btn {
  align-self: flex-start;
  color: #377FC4;
}
.property-filter-molecule__show-add-btn:hover {
  background: rgba(55, 127, 196, 0.1);
}
.property-filter-molecule__urgency-wrapper .urgency-pill {
  position: relative !important;
  left: auto !important;
  top: auto !important;
  margin-top: 0 !important;
}
@media (max-width: 768px) {
  .property-filter-molecule {
    padding: 12px;
  }
  .property-filter-molecule__filter-chip {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
  }
  .property-filter-molecule__filter-chip-content {
    flex-wrap: wrap;
  }
  .property-filter-molecule__filter-row {
    flex-direction: column;
  }
  .property-filter-molecule__between-inputs {
    flex-direction: column;
  }
  .property-filter-molecule__between-inputs span {
    display: none;
  }
}
@media (prefers-color-scheme: dark) {
  .property-filter-molecule__filter-chip, .property-filter-molecule__add-filter {
    background: rgba(255, 255, 255, 0.05);
    border-color: rgba(255, 255, 255, 0.1);
  }
  .property-filter-molecule__filter-chip:hover, .property-filter-molecule__add-filter:hover {
    border-color: #377FC4;
    box-shadow: 0 2px 4px rgba(55, 127, 196, 0.2);
  }
  .property-filter-molecule__filter-value {
    background: rgba(55, 127, 196, 0.2);
  }
}
/**
 * PerspectiveFilterMolecule Styles
 *
 * Generic, reusable styling for perspective filtering component
 */
.perspective-filter-molecule {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 16px;
  background: var(--component-background);
  border-radius: 6px;
  border: var(--primary-border);
}
.perspective-filter-molecule__header {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: none;
  border: none;
  font: inherit;
  text-align: left;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 12px;
  cursor: pointer;
  border-radius: 4px;
  transition: background-color 0.2s ease;
}
.perspective-filter-molecule__header:hover {
  background-color: rgba(0, 0, 0, 0.05);
}
.perspective-filter-molecule__header:focus {
  outline: none;
}
.perspective-filter-molecule__header-content {
  display: flex;
  align-items: center;
  gap: 8px;
  font-weight: 600;
  color: var(--primary-text-color);
}
.perspective-filter-molecule__header-content i {
  font-size: 16px;
  color: #377FC4;
}
.perspective-filter-molecule__header i {
  font-size: 16px;
  color: #377FC4;
}
.perspective-filter-molecule__title {
  font-size: var(--primary-font);
  font-weight: 600;
}
.perspective-filter-molecule__badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 20px;
  height: 20px;
  padding: 0 6px;
  background: #1e5a99;
  color: white;
  border-radius: 10px;
  font-size: 11px;
  font-weight: 600;
}
.perspective-filter-molecule__content {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.perspective-filter-molecule__description {
  margin: 0;
  font-size: var(--secondary-font);
  color: var(--secondary-text-color);
}
.perspective-filter-molecule__search {
  margin-bottom: 8px;
}
.perspective-filter-molecule__search .p-inputtext {
  padding: 8px 12px 8px 36px;
  font-size: var(--secondary-font);
}
.perspective-filter-molecule__search .p-input-icon-left .pi-search {
  position: absolute;
  right: 10px;
}
.perspective-filter-molecule__perspectives {
  display: flex;
  flex-direction: column;
  gap: 4px;
  max-height: 400px;
  overflow-y: auto;
  padding-right: 8px;
}
.perspective-filter-molecule__perspectives::-webkit-scrollbar {
  width: 6px;
}
.perspective-filter-molecule__perspectives::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.05);
  border-radius: 3px;
}
.perspective-filter-molecule__perspectives::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 3px;
}
.perspective-filter-molecule__perspectives::-webkit-scrollbar-thumb:hover {
  background: rgba(0, 0, 0, 0.3);
}
.perspective-filter-molecule__perspective {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 6px 8px;
  background: var(--background-color);
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  transition: all 0.2s ease;
}
.perspective-filter-molecule__perspective:hover {
  border-color: #377FC4;
  box-shadow: 0 2px 4px rgba(55, 127, 196, 0.1);
}
.perspective-filter-molecule__perspective-header {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}
.perspective-filter-molecule__perspective-label {
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  font-size: var(--primary-font);
  font-weight: 500;
  margin: 0;
  color: var(--primary-text-color);
}
.perspective-filter-molecule__perspective-label i {
  font-size: 14px;
  color: #377FC4;
}
.perspective-filter-molecule__assignee-inline {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
  flex: 1;
  margin-left: 8px;
}
.perspective-filter-molecule__assignee-toggle {
  margin-left: auto;
}
.perspective-filter-molecule__assignee-section {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding-left: 32px;
}
.perspective-filter-molecule__assignee-summary {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 4px 0;
}
.perspective-filter-molecule__assignee-label {
  font-size: var(--secondary-font);
  color: var(--secondary-text-color);
  font-weight: 500;
}
.perspective-filter-molecule__assignee-any {
  font-size: var(--secondary-font);
  color: var(--secondary-text-color);
  font-style: italic;
}
.perspective-filter-molecule__assignee-chips {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
}
.perspective-filter-molecule__assignee-chip {
  font-size: 12px;
}
.perspective-filter-molecule__assignee-chip .p-chip-text {
  font-size: 12px;
}
.perspective-filter-molecule__assignee-filter {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 12px;
  background: white;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 4px;
}
.perspective-filter-molecule__assignee-hint {
  margin: 0;
  font-size: 12px;
  color: var(--secondary-text-color);
  font-style: italic;
}
.perspective-filter-molecule__perspective-search .perspective-search-container {
  width: 100%;
}
.perspective-filter-molecule__perspective-disabled {
  margin: 0;
  padding-left: 32px;
  font-size: var(--secondary-font);
  color: var(--secondary-text-color);
  font-style: italic;
}
.perspective-filter-molecule__preview {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 12px;
  background: rgba(55, 127, 196, 0.05);
  border-left: 3px solid #377FC4;
  border-radius: 4px;
}
.perspective-filter-molecule__preview-title {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: var(--secondary-font);
  font-weight: 600;
  color: #377FC4;
}
.perspective-filter-molecule__preview-title i {
  font-size: 14px;
}
.perspective-filter-molecule__preview-content {
  font-size: var(--secondary-font);
  color: var(--primary-text-color);
}
.perspective-filter-molecule__preview-empty {
  margin: 0;
  font-style: italic;
  color: var(--secondary-text-color);
}
.perspective-filter-molecule__preview-list {
  margin: 0;
  padding-left: 20px;
}
.perspective-filter-molecule__preview-list li {
  margin-bottom: 4px;
  line-height: 1.5;
}
.perspective-filter-molecule__info {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  padding: 8px 12px;
  background: rgba(55, 127, 196, 0.05);
  border-radius: 4px;
  font-size: 12px;
  color: var(--secondary-text-color);
}
.perspective-filter-molecule__info i {
  margin-top: 2px;
  font-size: 14px;
  color: #377FC4;
}
@media (max-width: 768px) {
  .perspective-filter-molecule {
    padding: 12px;
  }
  .perspective-filter-molecule__perspective {
    padding: 8px;
  }
  .perspective-filter-molecule__assignee-section {
    padding-left: 20px;
  }
}
@media (prefers-color-scheme: dark) {
  .perspective-filter-molecule__perspective {
    background: rgba(255, 255, 255, 0.05);
    border-color: rgba(255, 255, 255, 0.1);
  }
  .perspective-filter-molecule__perspective:hover {
    border-color: #377FC4;
    box-shadow: 0 2px 4px rgba(55, 127, 196, 0.2);
  }
  .perspective-filter-molecule__assignee-filter {
    background: rgba(255, 255, 255, 0.03);
    border-color: rgba(255, 255, 255, 0.1);
  }
}
/**
 * FilterChipsDisplayMolecule Styles
 *
 * Generic, reusable styling for active filter chip display
 */
.filter-chips-display {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 12px 16px;
  background: rgba(55, 127, 196, 0.05);
  border-left: 3px solid #377FC4;
  border-radius: 4px;
}
.filter-chips-display__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.filter-chips-display__title {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: var(--secondary-font);
  font-weight: 600;
  color: #377FC4;
}
.filter-chips-display__title i {
  font-size: 14px;
}
.filter-chips-display__clear-all {
  color: #377FC4;
}
.filter-chips-display__clear-all:hover {
  background: rgba(55, 127, 196, 0.1);
}
.filter-chips-display__chips {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
}
.filter-chips-display__chip {
  font-size: 13px;
  max-width: 300px;
}
.filter-chips-display__chip .p-chip-text {
  font-size: 13px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.filter-chips-display__chip .p-chip-icon {
  font-size: 12px;
  margin-right: 4px;
}
.filter-chips-display__chip--property {
  background: #dbeafe;
  color: #1e3a5f;
}
.filter-chips-display__chip--property .p-chip-remove-icon {
  color: #2a5f92;
}
.filter-chips-display__chip--property .p-chip-remove-icon:hover {
  color: #1a3f62;
}
.filter-chips-display__chip--perspective {
  background: #ede9fe;
  color: #3b2667;
}
.filter-chips-display__chip--perspective .p-chip-icon {
  color: #7e57c2;
}
.filter-chips-display__chip--perspective .p-chip-remove-icon {
  color: #5a3d8a;
}
.filter-chips-display__chip--perspective .p-chip-remove-icon:hover {
  color: #3d2860;
}
.filter-chips-display__chip--stage {
  background: #dcfce7;
  color: #14532d;
}
.filter-chips-display__chip--stage .p-chip-icon {
  color: #4caf50;
}
.filter-chips-display__chip--stage .p-chip-remove-icon {
  color: #2e7d32;
}
.filter-chips-display__chip--stage .p-chip-remove-icon:hover {
  color: #1b5e20;
}
.filter-chips-display__show-more {
  color: #377FC4;
  font-size: 12px;
  padding: 4px 8px;
}
.filter-chips-display__show-more:hover {
  background: rgba(55, 127, 196, 0.1);
}
.filter-chips-display--compact {
  padding: 8px 12px;
}
.filter-chips-display--compact .filter-chips-display__header {
  gap: 8px;
}
.filter-chips-display--compact .filter-chips-display__title {
  font-size: 12px;
}
.filter-chips-display--compact .filter-chips-display__title i {
  font-size: 12px;
}
.filter-chips-display--compact .filter-chips-display__chips {
  gap: 6px;
}
.filter-chips-display--compact .filter-chips-display__chip {
  font-size: 11px;
  padding: 4px 8px;
}
.filter-chips-display--compact .filter-chips-display__chip .p-chip-text {
  font-size: 11px;
}
.filter-chips-display--compact .filter-chips-display__chip .p-chip-icon {
  font-size: 10px;
  margin-right: 3px;
}
@media (max-width: 768px) {
  .filter-chips-display {
    padding: 10px 12px;
  }
  .filter-chips-display__header {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
  }
  .filter-chips-display__chips {
    gap: 6px;
  }
  .filter-chips-display__chip {
    max-width: 100%;
    font-size: 12px;
  }
  .filter-chips-display__chip .p-chip-text {
    font-size: 12px;
  }
}
@media (prefers-color-scheme: dark) {
  .filter-chips-display {
    background: var(--component-background);
  }
  .filter-chips-display__chip--property {
    background: #1e3a5f;
    color: #dbeafe;
  }
  .filter-chips-display__chip--property .p-chip-remove-icon {
    color: #64b5f6;
  }
  .filter-chips-display__chip--property .p-chip-remove-icon:hover {
    color: #90caf9;
  }
  .filter-chips-display__chip--perspective {
    background: #3b2667;
    color: #ede9fe;
  }
  .filter-chips-display__chip--perspective .p-chip-icon {
    color: #b39ddb;
  }
  .filter-chips-display__chip--perspective .p-chip-remove-icon {
    color: #b39ddb;
  }
  .filter-chips-display__chip--perspective .p-chip-remove-icon:hover {
    color: #d1c4e9;
  }
  .filter-chips-display__chip--stage {
    background: #14532d;
    color: #dcfce7;
  }
  .filter-chips-display__chip--stage .p-chip-icon {
    color: #81c784;
  }
  .filter-chips-display__chip--stage .p-chip-remove-icon {
    color: #81c784;
  }
  .filter-chips-display__chip--stage .p-chip-remove-icon:hover {
    color: #a5d6a7;
  }
}
.filter-mode-toggle {
  display: flex;
  align-items: center;
  gap: var(--spacing-md, 1rem);
  padding: var(--spacing-sm, 0.5rem) 0;
}
.filter-mode-toggle__label {
  font-weight: 500;
  font-size: var(--font-size-sm, 0.875rem);
  color: var(--secondary-text-color);
  margin-left: 1.25rem;
}
.filter-mode-toggle__options {
  display: flex;
  gap: var(--spacing-md, 1rem);
}
.filter-mode-toggle__option {
  display: flex;
  align-items: center;
  gap: var(--spacing-xs, 0.25rem);
  cursor: pointer;
  padding: var(--spacing-xs, 0.25rem) var(--spacing-sm, 0.5rem);
  border-radius: var(--border-radius, 4px);
  transition: background-color 0.2s;
}
.filter-mode-toggle__option:hover {
  background-color: var(--surface-hover, #f8f9fa);
}
.filter-mode-toggle__option--active {
  background-color: var(--primary-color-alpha, rgba(59, 130, 246, 0.1));
}
.filter-mode-toggle__option--active .filter-mode-toggle__option-label {
  color: var(--primary-color, #3b82f6);
  font-weight: 600;
}
.filter-mode-toggle__option input[type=radio] {
  cursor: pointer;
}
.filter-mode-toggle__option-label {
  font-size: var(--font-size-sm, 0.875rem);
  color: var(--primary-text-color);
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.filter-group-editor {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md, 1rem);
  padding: 16px;
}
.filter-group-editor__collapsible-header {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: none;
  border: none;
  font: inherit;
  text-align: left;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 12px;
  cursor: pointer;
  border-radius: 4px;
  transition: background-color 0.2s ease;
}
.filter-group-editor__collapsible-header:hover {
  background-color: rgba(0, 0, 0, 0.05);
}
.filter-group-editor__collapsible-header:focus {
  outline: none;
}
.filter-group-editor__collapsible-header-content {
  display: flex;
  align-items: center;
  gap: 8px;
  font-weight: 600;
  color: var(--primary-text-color);
}
.filter-group-editor__collapsible-header-content i {
  font-size: 16px;
  color: #377FC4;
}
.filter-group-editor__collapsible-header i {
  font-size: 16px;
  color: #377FC4;
}
.filter-group-editor__badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 20px;
  height: 20px;
  padding: 0 6px;
  background: #2a6aab;
  color: white;
  border-radius: 10px;
  font-size: 11px;
  font-weight: 600;
}
.filter-group-editor__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.filter-group-editor__header > div {
  display: flex;
  align-items: center;
  gap: var(--spacing-sm, 0.5rem);
  font-weight: 600;
  font-size: var(--font-size-md, 1rem);
}
.filter-group-editor__description {
  font-size: var(--font-size-sm, 0.875rem);
  color: var(--secondary-text-color, #6c757d);
  margin: 0;
}
.filter-group-editor__empty {
  text-align: center;
  padding: var(--spacing-lg, 1.5rem);
  background-color: var(--surface-50, #f8f9fa);
  border-radius: var(--border-radius, 4px);
  border: 1px dashed var(--surface-300, #dee2e6);
}
.filter-group-editor__empty p {
  margin: 0;
  color: var(--secondary-text-color, #6c757d);
}
.filter-group-editor__separator {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-sm, 0.5rem) 0;
}
.filter-group-editor__separator-label {
  font-weight: 600;
  font-size: var(--font-size-sm, 0.875rem);
  color: var(--primary-color, #3b82f6);
  background-color: var(--primary-color-alpha, rgba(59, 130, 246, 0.1));
  padding: var(--spacing-xs, 0.25rem) var(--spacing-sm, 0.5rem);
  border-radius: var(--border-radius, 4px);
}
.filter-group-editor__group {
  border: 1px solid var(--surface-300, #dee2e6);
  border-radius: var(--border-radius, 4px);
  padding: var(--spacing-md, 1rem);
  background-color: var(--component-background);
}
.filter-group-editor__group-header {
  display: flex;
  align-items: center;
  gap: var(--spacing-md, 1rem);
  margin-bottom: var(--spacing-md, 1rem);
  padding-bottom: var(--spacing-sm, 0.5rem);
  border-bottom: 1px solid var(--surface-200, #e9ecef);
}
.filter-group-editor__group-title {
  font-weight: 600;
  font-size: var(--font-size-sm, 0.875rem);
  color: var(--text-color, #212529);
}
.filter-group-editor__group-operator {
  display: flex;
  align-items: center;
  gap: var(--spacing-sm, 0.5rem);
  margin-left: auto;
}
.filter-group-editor__group-operator label {
  font-size: var(--font-size-sm, 0.875rem);
  color: var(--secondary-text-color, #6c757d);
}
.filter-group-editor__operator-select {
  padding: var(--spacing-xs, 0.25rem) var(--spacing-sm, 0.5rem);
  border: 1px solid var(--surface-300, #dee2e6);
  border-radius: var(--border-radius, 4px);
  font-size: var(--font-size-sm, 0.875rem);
  font-weight: 600;
  color: var(--primary-color, #3b82f6);
  background-color: var(--component-background);
  cursor: pointer;
}
.filter-group-editor__operator-select:focus {
  outline: none;
  border-color: var(--primary-color, #3b82f6);
}
.filter-group-editor__filters {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm, 0.5rem);
}
.filter-group-editor__filters-empty {
  font-size: var(--font-size-sm, 0.875rem);
  color: var(--secondary-text-color, #6c757d);
  margin: var(--spacing-sm, 0.5rem) 0;
}
.filter-group-editor__filter {
  display: grid;
  grid-template-columns: 1fr 1fr 2fr auto;
  gap: var(--spacing-sm, 0.5rem);
  align-items: center;
}
.filter-group-editor__filter select, .filter-group-editor__filter input {
  padding: var(--spacing-xs, 0.25rem) var(--spacing-sm, 0.5rem);
  border: 1px solid var(--surface-300, #dee2e6);
  border-radius: var(--border-radius, 4px);
  font-size: var(--font-size-sm, 0.875rem);
  background-color: var(--component-background);
  color: var(--primary-text-color);
}
.filter-group-editor__filter select:focus, .filter-group-editor__filter input:focus {
  outline: none;
  border-color: var(--primary-color, #3b82f6);
}
.filter-group-editor__filter-property {
  font-weight: 500;
}
.filter-group-editor__filter-operator {
  color: var(--secondary-text-color, #6c757d);
}
.filter-group-editor__filter-value {
  flex: 1;
}
.filter-group-editor__add-filter-btn {
  align-self: flex-start;
  margin-top: var(--spacing-xs, 0.25rem);
}
.filter-group-editor__urgency-wrapper .urgency-pill {
  position: relative !important;
  left: auto !important;
  top: auto !important;
  margin-top: 0 !important;
}
.unified-filter-editor {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-3, 0.75rem);
  background: var(--component-background);
}
.unified-filter-editor__separator {
  height: 1px;
  background-color: var(--surface-border, #dee2e6);
  margin: var(--spacing-2, 0.5rem) 0;
}
.unified-filter-editor__mode-toggle-section {
  display: flex;
  justify-content: flex-start;
  padding: var(--spacing-2, 0.5rem) 0;
}
.unified-filter-editor__empty {
  color: var(--text-color-secondary, #6c757d);
  font-size: var(--font-size-sm, 0.875rem);
  font-style: italic;
  padding: var(--spacing-sm, 0.5rem) 0;
}
/**
 * TreeMapColumnFilter Styles
 *
 * TreeMap-specific column filter component styling
 * Uses design system tokens for consistent theming
 */
.tree-map-column-filter {
  position: relative;
  display: inline-flex;
  overflow: visible;
}
.tree-map-column-filter__button {
  position: relative;
  color: var(--primary-text-color);
  overflow: visible;
}
.tree-map-column-filter__button:hover {
  background: var(--hover-background, rgba(0, 0, 0, 0.05));
}
.tree-map-column-filter__button .p-badge {
  position: absolute;
  top: 0;
  right: 0;
  min-width: 14px;
  height: 14px;
  font-size: 9px;
  line-height: 14px;
  padding: 0 3px;
  background: var(--primary-color, #377FC4);
  border-radius: 7px;
}
.tree-map-column-filter__overlay {
  min-width: 640px;
  max-width: 720px;
  max-height: 80vh;
  overflow-y: auto;
  border-radius: var(--border-radius, 6px);
  box-shadow: var(--overlay-shadow, 0 4px 20px rgba(0, 0, 0, 0.15));
}
.tree-map-column-filter__overlay .p-overlaypanel-content {
  padding: 0;
}
.tree-map-column-filter__content {
  display: flex;
  flex-direction: column;
  gap: 0;
  background: var(--surface-ground, var(--component-background, #ffffff));
}
.tree-map-column-filter__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 20px;
  background: var(--surface-section, var(--component-background-gradient));
  border-bottom: 1px solid var(--surface-border, var(--primary-border-color, rgba(0, 0, 0, 0.1)));
  position: sticky;
  top: 0;
  z-index: 10;
}
.tree-map-column-filter__title {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: var(--primary-font, 14px);
  font-weight: 600;
  color: var(--primary-text-color, var(--text-color, #212529));
}
.tree-map-column-filter__title i {
  font-size: 16px;
  color: var(--primary-color, #377FC4);
}
.tree-map-column-filter__separator {
  height: 1px;
  background: var(--surface-border, rgba(0, 0, 0, 0.1));
  margin: 0;
}
.tree-map-column-filter__mode-toggle-section {
  padding: 16px 20px;
  background: var(--surface-ground, var(--component-background, #ffffff));
}
.tree-map-column-filter__section {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 16px 20px;
  background: var(--surface-ground, var(--component-background, #ffffff));
}
.tree-map-column-filter__section-header {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: var(--primary-font, 14px);
  font-weight: 600;
  color: var(--primary-text-color, var(--text-color, #212529));
}
.tree-map-column-filter__section-header i {
  font-size: 16px;
  color: var(--primary-color, #377FC4);
}
.tree-map-column-filter__section-description {
  margin: 0;
  font-size: var(--secondary-font, 12px);
  color: var(--secondary-text-color, var(--text-color-secondary, #6c757d));
}
.tree-map-column-filter__section-hint {
  margin: 0;
  font-size: 12px;
  color: var(--secondary-text-color, var(--text-color-secondary, #6c757d));
  font-style: italic;
}
.tree-map-column-filter__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 20px;
  background: var(--surface-section, var(--component-background, #ffffff));
  border-top: 1px solid var(--surface-border, var(--primary-border-color, rgba(0, 0, 0, 0.1)));
  position: sticky;
  bottom: 0;
  z-index: 10;
}
.tree-map-column-filter__apply-btn {
  background: var(--primary-color, #377FC4) !important;
  border-color: var(--primary-color, #377FC4) !important;
  color: var(--primary-color-text, #ffffff) !important;
}
.tree-map-column-filter__apply-btn:enabled:hover {
  background: var(--primary-color-hover, #2a5f92) !important;
  border-color: var(--primary-color-hover, #2a5f92) !important;
}
.tree-map-column-filter__apply-btn:focus {
  box-shadow: 0 0 0 0.2rem color-mix(in srgb, var(--primary-color, #377fc4) 25%, transparent);
}
@media (max-width: 768px) {
  .tree-map-column-filter__overlay {
    min-width: 100vw;
    max-width: 100vw;
    left: 0 !important;
    right: 0 !important;
  }
  .tree-map-column-filter__header, .tree-map-column-filter__mode-toggle-section, .tree-map-column-filter__section, .tree-map-column-filter__footer {
    padding: 12px 16px;
  }
}
[data-theme=dark] .tree-map-column-filter__button:hover {
  background: var(--hover-background, rgba(255, 255, 255, 0.05));
}
[data-theme=dark] .tree-map-column-filter__separator {
  background: var(--surface-border, rgba(255, 255, 255, 0.1));
}
[data-theme=dark] .tree-map-column-filter__content {
  background: var(--surface-ground, #1e1e1e);
}
[data-theme=dark] .tree-map-column-filter__header {
  background: var(--surface-section, #252525);
}
[data-theme=dark] .tree-map-column-filter__footer {
  background: var(--surface-section, #252525);
}
@media (prefers-color-scheme: dark) {
  .tree-map-column-filter__button:hover {
    background: var(--hover-background, rgba(255, 255, 255, 0.05));
  }
  .tree-map-column-filter__separator {
    background: var(--surface-border, rgba(255, 255, 255, 0.1));
  }
}
/**
 * TreeMapGrid Styles
 *
 * Unified CSS Grid layout for TreeMap visualization
 */
.tree-map-grid-container {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.tree-map-grid-header {
  display: grid;
  grid-template-columns: 80px repeat(auto-fit, 300px);
  gap: 0;
  padding: 12px 0;
  background: var(--component-background-gradient);
  border-bottom: var(--primary-border);
  position: sticky;
  top: 0;
  z-index: 10;
  overflow: visible;
}
.tree-map-grid-header__column {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 8px 16px;
  font-size: var(--primary-font);
  font-weight: 600;
  color: var(--primary-text-color);
  border-right: 1px solid rgba(0, 0, 0, 0.05);
  position: relative;
  overflow: visible;
  animation: fadeSlideIn 0.3s ease-in-out;
}
.tree-map-grid-header__column:last-child {
  border-right: none;
}
.tree-map-grid-header__column > i:first-child {
  font-size: var(--sub-heading-font);
  color: var(--primary-color, #377FC4);
}
.tree-map-grid-header__hide-btn {
  background: none;
  border: none;
  padding: 4px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  transition: background-color 0.2s ease;
}
.tree-map-grid-header__hide-btn i {
  font-size: 14px;
  color: var(--secondary-text-color);
}
.tree-map-grid-header__hide-btn:hover {
  background-color: rgba(0, 0, 0, 0.05);
}
.tree-map-grid-header__hide-btn:hover i {
  color: var(--primary-text-color);
}
.tree-map-grid-header__hide-btn:active {
  background-color: rgba(0, 0, 0, 0.1);
}
.tree-map-grid-header__resize-handle {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 6px;
  cursor: col-resize;
  background: transparent;
  transition: background-color 0.2s ease;
  z-index: 20;
}
.tree-map-grid-header__resize-handle:hover {
  background: rgba(55, 127, 196, 0.3);
}
.tree-map-grid-header__resize-handle:active {
  background: rgba(55, 127, 196, 0.5);
}
.tree-map-grid-header__resize-handle::after {
  content: "";
  position: absolute;
  right: 2px;
  top: 50%;
  transform: translateY(-50%);
  width: 2px;
  height: 24px;
  background: rgba(0, 0, 0, 0.1);
  border-radius: 1px;
}
.tree-map-grid-header__resize-handle:hover::after {
  background: #377FC4;
}
.tree-map-grid-header__hidden-indicator {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px 16px;
  background: rgba(55, 127, 196, 0.1);
  border-left: 2px solid #377FC4;
}
.tree-map-grid-header__unhide-btn {
  background: #1e5a99;
  color: white;
  border: none;
  padding: 6px 12px;
  border-radius: 6px;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 13px;
  font-weight: 500;
  transition: all 0.2s ease;
}
.tree-map-grid-header__unhide-btn i {
  font-size: 14px;
  color: white !important;
}
.tree-map-grid-header__unhide-btn:hover {
  background: #2a5f92;
  transform: translateY(-1px);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.tree-map-grid-header__unhide-btn:active {
  transform: translateY(0);
}
.tree-map-grid {
  display: grid;
  gap: 0;
  overflow: auto;
  position: relative;
  background: var(--background-color);
  grid-auto-rows: auto;
  scroll-behavior: smooth;
  transition: grid-template-columns 0.3s ease-in-out, opacity 0.2s ease-in-out;
}
.tree-map-grid::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
.tree-map-grid::-webkit-scrollbar-track {
  background: var(--scrollbar-track);
}
.tree-map-grid::-webkit-scrollbar-thumb {
  background: var(--scrollbar-thumb);
  border-radius: 4px;
}
.tree-map-grid::-webkit-scrollbar-thumb:hover {
  background: var(--scrollbar-thumb-hover);
}
.tree-map-grid__swimlane-bg {
  z-index: 0;
  pointer-events: none;
}
.tree-map-grid__lane-label {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px;
  background: var(--component-background-gradient);
  border-right: var(--primary-border);
  border-bottom: var(--primary-border);
  font-size: var(--secondary-font);
  font-weight: 600;
  color: var(--primary-text-color);
  text-align: center;
  position: sticky;
  left: 0;
  z-index: 5;
  writing-mode: vertical-rl;
  text-orientation: mixed;
}
.tree-map-grid__lane-label span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media (prefers-reduced-motion: reduce) {
  .tree-map-grid {
    scroll-behavior: auto;
  }
}
.tree-map-swimlane-background {
  z-index: 0;
}
.tree-map-swimlane-background--even {
  background: rgba(55, 127, 196, 0.02);
}
.tree-map-swimlane-background--odd {
  background: transparent;
}
.tree-map-swimlane-background {
  border-bottom: 3px solid rgba(0, 0, 0, 0.15);
}
.tree-map-grid-node {
  z-index: 1;
  position: relative;
}
.tree-map-grid > div {
  z-index: 1;
  position: relative;
}
@keyframes fadeSlideIn {
  from {
    opacity: 0;
    transform: translateY(-10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.tree-map-grid-node--skeleton .tree-map-grid-node__content {
  padding: 12px;
  background: var(--surface-section);
  border: 1px solid var(--surface-border);
  border-radius: var(--border-radius);
  animation: pulse 1.5s ease-in-out infinite;
}
.tree-map-grid-node--skeleton .p-skeleton {
  background: var(--surface-200);
}
@keyframes pulse {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.7;
  }
}
/**
 * TreeMap Organism Styles
 *
 * Follows design system patterns with CSS variables and dark mode support
 */
.tree-map {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
  background: var(--component-background);
  color: var(--primary-text-color);
  border-radius: var(--border-radius);
  overflow: hidden;
  box-shadow: var(--element-shadow);
}
.tree-map__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px;
  border-bottom: var(--primary-border);
  background: var(--component-background-gradient);
  min-height: 60px;
}
.tree-map__header-left {
  display: flex;
  align-items: center;
  gap: 12px;
  flex: 1;
}
.tree-map__header-right {
  display: flex;
  align-items: center;
  gap: 8px;
}
.tree-map__title {
  margin: 0;
  font-size: var(--sub-heading-font);
  font-weight: 600;
  color: var(--primary-text-color);
}
.tree-map__view-toggle {
  display: flex;
  gap: 0;
  border: var(--primary-border);
  border-radius: var(--border-radius);
  overflow: hidden;
  background: var(--component-background);
}
.tree-map__view-toggle .prime-button-wrapper {
  display: flex;
}
.tree-map__view-toggle .button-atom {
  border-radius: 0;
  border: none;
  width: 36px;
  height: 36px;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.tree-map__view-toggle .button-atom .p-button-icon {
  margin: 0;
  font-size: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.tree-map__view-toggle .button-atom .p-button-icon-left,
.tree-map__view-toggle .button-atom .p-button-icon-right {
  margin: 0;
}
.tree-map__filters {
  padding: 16px;
  border-bottom: var(--primary-border);
  background: var(--component-background-gradient);
}
.tree-map__content {
  flex: 1;
  display: flex;
  overflow: hidden;
  position: relative;
  background: var(--body-background);
}
.tree-map__columns {
  display: flex;
  gap: 16px;
  padding: 16px;
  overflow-x: auto;
  overflow-y: hidden;
  width: 100%;
  height: 100%;
  scroll-behavior: smooth;
}
.tree-map__columns::-webkit-scrollbar {
  height: 8px;
}
.tree-map__columns::-webkit-scrollbar-track {
  background: var(--scrollbar-track);
  border-radius: 4px;
}
.tree-map__columns::-webkit-scrollbar-thumb {
  background: var(--scrollbar-thumb);
  border-radius: 4px;
}
.tree-map__columns::-webkit-scrollbar-thumb:hover {
  background: var(--scrollbar-thumb-hover);
}
.tree-map--loading, .tree-map--error {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 400px;
}
.tree-map__loading-message, .tree-map__error-message {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  text-align: center;
  color: var(--secondary-text-color);
}
.tree-map__loading-message i, .tree-map__error-message i {
  color: var(--primary-color, #377FC4);
}
.tree-map__loading-message p, .tree-map__error-message p {
  margin: 0;
  font-size: var(--sub-heading-font);
  font-weight: 500;
}
.tree-map__error-message i {
  color: #ef4444;
}
.tree-map__error-message h3 {
  margin: 0;
  font-size: var(--sub-heading-font);
  font-weight: 600;
  color: var(--primary-text-color);
}
.tree-map__error-detail {
  font-size: var(--secondary-font);
  color: var(--secondary-text-color);
  max-width: 500px;
  margin: 8px 0;
}
.tree-map__error-technical {
  font-size: var(--small-font);
  color: var(--tertiary-text-color);
  font-family: "Courier New", monospace;
  max-width: 600px;
  margin: 8px 0;
  padding: 8px 12px;
  background: var(--component-background);
  border-radius: var(--border-radius);
  border: 1px solid var(--border-color);
}
.tree-map__empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 16px;
  width: 100%;
  height: 100%;
  text-align: center;
  color: var(--secondary-text-color);
}
.tree-map__empty i {
  color: var(--secondary-text-color);
  opacity: 0.5;
}
.tree-map__empty h3 {
  margin: 0;
  font-size: var(--sub-heading-font);
  font-weight: 600;
  color: var(--primary-text-color);
}
.tree-map__empty p {
  margin: 0;
  font-size: var(--primary-font);
}
@media (max-width: 1199px) {
  .tree-map__columns {
    gap: 12px;
    padding: 12px;
  }
  .tree-map__header {
    flex-wrap: wrap;
    gap: 8px;
  }
  .tree-map__header-right {
    width: 100%;
    justify-content: flex-end;
  }
}
@media (max-width: 767px) {
  .tree-map__columns {
    gap: 8px;
    padding: 8px;
  }
  .tree-map__header {
    padding: 12px;
  }
  .tree-map__title {
    font-size: var(--primary-font);
  }
  .tree-map__view-toggle {
    display: none;
  }
}
@keyframes slideIn {
  from {
    opacity: 0;
    transform: translateX(20px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes slideOut {
  from {
    opacity: 1;
    transform: translateX(0);
  }
  to {
    opacity: 0;
    transform: translateX(-20px);
  }
}
@media (prefers-reduced-motion: reduce) {
  .tree-map__columns {
    scroll-behavior: auto;
  }
  .tree-map * {
    animation: none !important;
    transition: none !important;
  }
}
.switch-atom {
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-xs, 6px);
}
.switch-atom__label {
  color: var(--secondary-text-color, inherit);
  font-size: var(--text-sm, 13px);
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.unit-value-input {
  display: inline-flex;
  align-items: stretch;
  border-radius: 20px;
  border: var(--primary-border);
  background: var(--Search-input-box);
  box-shadow: 2px 2px 7px 2px rgba(30, 84, 156, 0.18) inset, -3px -1px 10px 0px rgba(160, 183, 202, 0.15) inset;
  overflow: hidden;
  height: 40px;
  min-width: 140px;
  transition: box-shadow 0.2s ease;
}
.unit-value-input:focus-within {
  box-shadow: 0 0 0 2px var(--focus-ring, #26a3e3), 2px 2px 7px 2px rgba(30, 84, 156, 0.18) inset;
}
.unit-value-input--invalid {
  border-color: #dc2626;
}
.unit-value-input--invalid:focus-within {
  box-shadow: 0 0 0 2px rgba(220, 38, 38, 0.4), 2px 2px 7px 2px rgba(30, 84, 156, 0.18) inset;
}
.unit-value-input--disabled {
  opacity: 0.6;
  cursor: not-allowed;
  background: var(--disabled-background, #f5f5f5);
}
.unit-value-input__input-area {
  display: flex;
  align-items: stretch;
  flex: 1;
  min-width: 0;
}
.unit-value-input__number {
  flex: 1;
  min-width: 50px;
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  height: 100%;
}
.unit-value-input__number .p-inputnumber-input {
  border: none;
  background: transparent;
  padding: 0 0.75rem;
  height: 100%;
  font-size: var(--primary-font, 14px);
  font-weight: 500;
  font-family: var(--font-family);
  color: var(--primary-text-color);
  text-align: left;
  width: 100%;
}
.unit-value-input__number .p-inputnumber-input::-moz-placeholder {
  color: var(--primary-text-color);
  opacity: 0.5;
}
.unit-value-input__number .p-inputnumber-input::placeholder {
  color: var(--primary-text-color);
  opacity: 0.5;
}
.unit-value-input__number .p-inputnumber-input:focus {
  outline: none;
  box-shadow: none;
}
.unit-value-input__steppers {
  display: flex;
  flex-direction: column;
  width: 24px;
  flex-shrink: 0;
  border-left: 1px solid var(--border-color, rgba(74, 100, 126, 0.15));
}
[data-theme=dark] .unit-value-input__steppers {
  border-left-color: rgba(255, 255, 255, 0.1);
}
.unit-value-input__stepper {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 0;
  color: var(--interactive-icon-color, #5fa0df);
  transition: background-color 0.15s ease, color 0.15s ease;
}
.unit-value-input__stepper:hover:not(:disabled) {
  background: rgba(74, 100, 126, 0.1);
  color: var(--primary-color, #26a3e3);
}
[data-theme=dark] .unit-value-input__stepper:hover:not(:disabled) {
  background: rgba(255, 255, 255, 0.1);
}
.unit-value-input__stepper:active:not(:disabled) {
  background: rgba(74, 100, 126, 0.2);
}
.unit-value-input__stepper--up {
  border-bottom: 1px solid var(--border-color, rgba(74, 100, 126, 0.1));
}
[data-theme=dark] .unit-value-input__stepper--up {
  border-bottom-color: rgba(255, 255, 255, 0.05);
}
.unit-value-input__stepper--disabled, .unit-value-input__stepper:disabled {
  opacity: 0.3;
  cursor: not-allowed;
}
.unit-value-input__stepper .pi {
  font-size: 0.6rem;
  line-height: 1;
}
[data-theme=dark] .unit-value-input__stepper {
  color: var(--interactive-icon-color, #5fa0df);
}
.unit-value-input__suffix {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0 0.75rem;
  border: none;
  border-left: 1px solid var(--border-color, rgba(74, 100, 126, 0.2));
  border-radius: 0;
  background: rgba(74, 100, 126, 0.05);
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  white-space: nowrap;
  font-family: inherit;
  font-size: inherit;
}
[data-theme=dark] .unit-value-input__suffix {
  border-left-color: rgba(255, 255, 255, 0.1);
  background: rgba(255, 255, 255, 0.05);
}
.unit-value-input__suffix--clickable {
  cursor: pointer;
  transition: background-color 0.15s ease;
}
.unit-value-input__suffix--clickable:hover:not(:disabled) {
  background: rgba(74, 100, 126, 0.12);
}
[data-theme=dark] .unit-value-input__suffix--clickable:hover:not(:disabled) {
  background: rgba(255, 255, 255, 0.1);
}
.unit-value-input__suffix--clickable:active:not(:disabled) {
  background: rgba(74, 100, 126, 0.18);
}
.unit-value-input__suffix--clickable:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
.unit-value-input__unit-label {
  font-size: var(--secondary-font, 13px);
  font-weight: 500;
  color: var(--secondary-text-color, #4a6d98);
  font-family: var(--font-family);
}
[data-theme=dark] .unit-value-input__unit-label {
  color: var(--secondary-text-color, #a0b4c8);
}
.unit-value-input__chevron {
  font-size: 0.7rem;
  color: var(--interactive-icon-color, #5fa0df);
  transition: transform 0.2s ease;
}
.unit-value-input__chevron--open {
  transform: rotate(180deg);
}
[data-theme=dark] .unit-value-input__chevron {
  color: var(--interactive-icon-color, #5fa0df);
}
.unit-value-input__overlay.p-overlaypanel {
  border-radius: 12px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
  border: 1px solid var(--border-color, rgba(74, 100, 126, 0.2));
  background: var(--component-background, #fff);
  padding: 0;
  min-width: 140px;
}
[data-theme=dark] .unit-value-input__overlay.p-overlaypanel {
  background: var(--body-background, #1e1e2f);
  border-color: rgba(255, 255, 255, 0.1);
}
.unit-value-input__overlay.p-overlaypanel .p-overlaypanel-content {
  padding: 0.5rem 0;
}
.unit-value-input__overlay.p-overlaypanel::before, .unit-value-input__overlay.p-overlaypanel::after {
  display: none;
}
.unit-value-input__options {
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: 0;
}
.unit-value-input__option {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 0.6rem 1rem;
  border: none;
  background: transparent;
  cursor: pointer;
  transition: background-color 0.15s ease;
  font-family: inherit;
  text-align: left;
}
.unit-value-input__option:hover {
  background: var(--hover-background, #f5f8fa);
}
[data-theme=dark] .unit-value-input__option:hover {
  background: rgba(255, 255, 255, 0.08);
}
.unit-value-input__option--selected {
  background: var(--primary-color-light, #e3f2fd);
}
.unit-value-input__option--selected .unit-value-input__option-label {
  font-weight: 600;
  color: var(--primary-color, #26a3e3);
}
[data-theme=dark] .unit-value-input__option--selected {
  background: rgba(38, 163, 227, 0.2);
}
.unit-value-input__option-label {
  font-size: var(--primary-font, 14px);
  color: var(--primary-text-color);
  font-family: var(--font-family);
}
.unit-value-input__option-abbrev {
  font-size: var(--secondary-font, 12px);
  color: var(--secondary-text-color, #6b7c93);
  margin-left: 0.5rem;
}
[data-theme=dark] .unit-value-input__option-abbrev {
  color: var(--secondary-text-color, #8a9bb0);
}
@media (max-width: 480px) {
  .unit-value-input {
    min-width: 160px;
  }
  .unit-value-input__suffix {
    padding: 0 0.5rem;
  }
  .unit-value-input__unit-label {
    font-size: 12px;
  }
  .unit-value-input__steppers {
    width: 20px;
  }
}
.arc-action-button {
  display: flex;
  gap: 0.5rem;
  align-items: center;
}
.arc-action-button .arc-action-button-group {
  display: inline-flex;
  border: var(--primary-border);
  border-radius: var(--border-radius-pill);
  overflow: hidden;
  background: var(--user-bg, var(--component-background));
  box-shadow: 0px -2px 7px 2px var(--shadow-color-light, rgba(116, 139, 157, 0.2)) inset;
  filter: drop-shadow(0 1px 1px var(--shadow-color-subtle, rgba(6, 44, 88, 0.1)));
}
[data-theme=dark] .arc-action-button .arc-action-button-group {
  background: var(--component-background);
}
.arc-action-button .arc-action-button-group:active:not(:disabled) {
  transform: scale(0.98);
}
.arc-action-button .arc-action-button-group .arc-action-primary {
  border: none;
  border-radius: 0;
  font-size: 0.8125rem;
  font-family: var(--font-family);
  font-weight: 600;
  padding: 0 10px;
  min-width: 70px;
  height: 32px;
  box-shadow: none;
  background: transparent;
  color: var(--secondary-color);
  transition: background-color 0.15s ease;
}
[data-theme=dark] .arc-action-button .arc-action-button-group .arc-action-primary {
  color: #5fa0df;
}
.arc-action-button .arc-action-button-group .arc-action-primary.has-dropdown {
  border-right: 1px solid var(--border-color-subtle, rgba(74, 100, 126, 0.2));
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  padding-right: 12px;
}
[data-theme=dark] .arc-action-button .arc-action-button-group .arc-action-primary.has-dropdown {
  border-right-color: rgba(255, 255, 255, 0.1);
}
.arc-action-button .arc-action-button-group .arc-action-primary .p-button-label {
  font-size: 0.8125rem;
  font-weight: 600;
  line-height: normal;
}
.arc-action-button .arc-action-button-group .arc-action-primary .p-button-icon {
  font-size: 0.875rem;
}
.arc-action-button .arc-action-button-group .arc-action-primary:hover:not(:disabled) {
  background-color: rgba(55, 127, 196, 0.05);
}
[data-theme=dark] .arc-action-button .arc-action-button-group .arc-action-primary:hover:not(:disabled) {
  background-color: rgba(95, 160, 223, 0.1);
}
.arc-action-button .arc-action-button-group .arc-action-dropdown-trigger {
  border: none;
  border-radius: 0;
  padding: 0 8px;
  min-width: unset;
  width: 28px;
  height: 32px;
  box-shadow: none;
  background: transparent;
  color: var(--secondary-color);
  transition: background-color 0.15s ease;
}
[data-theme=dark] .arc-action-button .arc-action-button-group .arc-action-dropdown-trigger {
  color: #5fa0df;
}
.arc-action-button .arc-action-button-group .arc-action-dropdown-trigger .p-button-icon {
  font-size: 0.6875rem;
  margin: 0;
  color: var(--secondary-color);
}
[data-theme=dark] .arc-action-button .arc-action-button-group .arc-action-dropdown-trigger .p-button-icon {
  color: #5fa0df;
}
.arc-action-button .arc-action-button-group .arc-action-dropdown-trigger:hover:not(:disabled) {
  background-color: rgba(95, 160, 223, 0.1);
}
[data-theme=dark] .arc-action-button .arc-action-button-group .arc-action-dropdown-trigger:hover:not(:disabled) {
  background-color: rgba(95, 160, 223, 0.15);
}
.arc-action-button .arc-action-comment {
  border-radius: 16px;
  border: var(--primary-border);
  font-size: 0.8125rem;
  font-family: var(--font-family);
  padding: 0 10px;
  height: 32px;
  min-width: unset;
  box-shadow: 1px 2px 5px -1px var(--shadow-color-medium, rgba(74, 100, 126, 0.3));
  filter: drop-shadow(0 1px 1px var(--shadow-color-subtle, rgba(6, 44, 88, 0.1)));
}
[data-theme=dark] .arc-action-button .arc-action-comment {
  border-color: rgba(255, 255, 255, 0.1);
  box-shadow: 1px 2px 5px -1px rgba(0, 0, 0, 0.3);
  filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.2));
}
.arc-action-button .arc-action-comment .p-button-icon {
  font-size: 0.875rem;
  margin: 0;
}
.arc-action-button .arc-action-comment:active:not(:disabled) {
  transform: scale(0.98);
}
@media (max-width: 768px) {
  .arc-action-button .arc-action-comment {
    display: none;
  }
}
.arc-action-menu {
  border-radius: 0px 0px 20px 20px;
  background: var(--menu-background, #f5fbff);
}
[data-theme=dark] .arc-action-menu {
  background: var(--body-background);
}
.arc-action-menu .p-menu-list {
  padding-top: 3px;
  box-shadow: 0px -2px 7px 2px var(--shadow-color-light, rgba(116, 139, 157, 0.2)) inset;
  border-radius: 0px 0px 20px 20px;
}
[data-theme=dark] .arc-action-menu .p-menu-list {
  background: var(--body-background);
}
.arc-action-menu .p-menuitem {
  margin-bottom: 3px;
}
.arc-action-menu .p-menuitem .p-menuitem-link {
  padding: 0.375rem 0.625rem;
  font-size: 0.8125rem;
  font-family: var(--font-family);
  font-weight: 400;
  line-height: normal;
  color: var(--primary-text-color);
  background: var(--component-background);
}
[data-theme=dark] .arc-action-menu .p-menuitem .p-menuitem-link {
  color: var(--primary-text-color);
}
.arc-action-menu .p-menuitem .p-menuitem-link:hover {
  background: #f5f5f5;
}
[data-theme=dark] .arc-action-menu .p-menuitem .p-menuitem-link:hover {
  background: #323248;
}
.arc-action-menu .p-menuitem .p-menuitem-icon {
  font-size: 0.875rem;
  color: var(--primary-text-color);
}
[data-theme=dark] .arc-action-menu .p-menuitem .p-menuitem-icon {
  color: var(--primary-text-color);
}
.arc-action-menu .arc-action-group-header .p-menuitem-link {
  font-size: 0.6875rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--secondary-text-color);
  cursor: default;
  padding: 0.25rem 0.625rem;
  opacity: 0.7;
}
[data-theme=dark] .arc-action-menu .arc-action-group-header .p-menuitem-link {
  color: var(--secondary-text-color);
}
.arc-action-menu .arc-action-group-header .p-menuitem-link:hover {
  background: transparent !important;
}
.arc-action-menu .arc-action-danger .p-menuitem-link {
  color: var(--error-color, #dc3545);
}
[data-theme=dark] .arc-action-menu .arc-action-danger .p-menuitem-link {
  color: #ff6b6b;
}
.arc-action-menu .arc-action-danger .p-menuitem-icon {
  color: var(--error-color, #dc3545);
}
[data-theme=dark] .arc-action-menu .arc-action-danger .p-menuitem-icon {
  color: #ff6b6b;
}
.arc-action-menu .arc-action-danger:hover .p-menuitem-link {
  background-color: var(--error-background, #fff5f5);
}
[data-theme=dark] .arc-action-menu .arc-action-danger:hover .p-menuitem-link {
  background-color: rgba(255, 107, 107, 0.1);
}
@charset "UTF-8";
.arc-stage-selector-minimal {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0;
  background: transparent;
  border: none;
  border-radius: 0;
  box-shadow: none;
  min-height: 40px;
  overflow: visible;
}
.arc-stage-selector-minimal .stage-dropdown-atom .stage-selector-trigger {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  background: none !important;
  border: none !important;
  border-radius: 0 !important;
  cursor: pointer;
  font-size: var(--primary-font);
  font-weight: 300;
  color: var(--primary-text-color);
  padding: 0 !important;
  transition: color 0.15s ease;
  line-height: normal;
  font-family: var(--font-family);
}
[data-theme=dark] .arc-stage-selector-minimal .stage-dropdown-atom .stage-selector-trigger {
  color: var(--primary-text-color);
}
.arc-stage-selector-minimal .stage-dropdown-atom .stage-selector-trigger:hover:not(:disabled) {
  color: var(--secondary-color);
}
[data-theme=dark] .arc-stage-selector-minimal .stage-dropdown-atom .stage-selector-trigger:hover:not(:disabled) {
  color: #5fa0df;
}
.arc-stage-selector-minimal .stage-dropdown-atom .stage-selector-trigger:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
.arc-stage-selector-minimal .stage-dropdown-atom .stage-selector-trigger .stage-icon {
  font-size: 1rem;
  line-height: 1;
  flex-shrink: 0;
}
.arc-stage-selector-minimal .stage-dropdown-atom .stage-selector-trigger .stage-name {
  flex: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 150px;
}
.arc-stage-selector-minimal .stage-dropdown-atom .stage-selector-trigger .pi-chevron-down {
  font-size: 0.75rem;
  color: var(--secondary-color);
  transition: transform 0.15s ease;
  margin-left: 0.25rem;
}
[data-theme=dark] .arc-stage-selector-minimal .stage-dropdown-atom .stage-selector-trigger .pi-chevron-down {
  color: #5fa0df;
}
.arc-stage-selector-minimal .stage-dropdown-atom .stage-selector-trigger:hover .pi-chevron-down {
  color: var(--secondary-color);
}
[data-theme=dark] .arc-stage-selector-minimal .stage-dropdown-atom .stage-selector-trigger:hover .pi-chevron-down {
  color: #5fa0df;
}
.arc-stage-selector-minimal .stage-dropdown-atom .stage-selector-trigger[aria-expanded=true] .pi-chevron-down {
  transform: rotate(180deg);
}
.arc-stage-selector-minimal .health-badge {
  flex-shrink: 0;
  font-size: 0.6875rem;
  padding: 0.125rem 0.5rem;
  line-height: 1.4;
  border-radius: 10px;
}
.arc-stage-dropdown {
  min-width: 290px;
  border-radius: 0px 0px 20px 20px;
  background: var(--surface-50, #f5fbff);
}
[data-theme=dark] .arc-stage-dropdown {
  background: var(--body-background);
}
.arc-stage-dropdown :global(.p-overlaypanel-content) {
  padding: 0;
  background: transparent;
  border: none;
  box-shadow: 0px -2px 7px 2px rgba(116, 139, 157, 0.2) inset;
}
.arc-stage-dropdown .stage-list {
  padding-top: 3px;
  border-radius: 0px 0px 20px 20px;
}
[data-theme=dark] .arc-stage-dropdown .stage-list {
  background: var(--body-background);
}
.arc-stage-dropdown .stage-list .stage-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.5rem 0.75rem;
  margin-bottom: 3px;
  background: var(--component-background);
  font-size: var(--primary-font);
  font-family: var(--font-family);
  font-weight: 300;
  line-height: normal;
  color: var(--primary-text-color);
  transition: background-color 0.15s ease;
}
[data-theme=dark] .arc-stage-dropdown .stage-list .stage-item {
  color: var(--primary-text-color);
}
.arc-stage-dropdown .stage-list .stage-item:hover {
  background: var(--hover-background, #f5f5f5);
}
[data-theme=dark] .arc-stage-dropdown .stage-list .stage-item:hover {
  background: var(--hover-background-dark, #323248);
}
.arc-stage-dropdown .stage-list .stage-item.active {
  background: linear-gradient(90deg, #b3d9f2 0%, #d4e9f7 100%);
  border-left: 4px solid var(--secondary-color, #377FC4);
  padding-left: calc(0.75rem - 4px);
  cursor: default;
  box-shadow: inset 0 1px 3px rgba(55, 127, 196, 0.2);
}
[data-theme=dark] .arc-stage-dropdown .stage-list .stage-item.active {
  background: linear-gradient(90deg, #4a647e 0%, #3a5a7a 100%);
  border-left-color: #5fa0df;
  box-shadow: inset 0 1px 3px rgba(95, 160, 223, 0.3);
}
.arc-stage-dropdown .stage-list .stage-item.active .stage-name {
  font-weight: 600;
  color: #1a3a52;
}
[data-theme=dark] .arc-stage-dropdown .stage-list .stage-item.active .stage-name {
  color: #e8f4ff;
}
.arc-stage-dropdown .stage-list .stage-item.active .stage-icon {
  color: #1a3a52;
}
[data-theme=dark] .arc-stage-dropdown .stage-list .stage-item.active .stage-icon {
  color: #e8f4ff;
}
.arc-stage-dropdown .stage-list .stage-item.clickable {
  cursor: pointer;
}
.arc-stage-dropdown .stage-list .stage-item.clickable:hover .stage-name {
  color: var(--secondary-color);
}
[data-theme=dark] .arc-stage-dropdown .stage-list .stage-item.clickable:hover .stage-name {
  color: #5fa0df;
}
.arc-stage-dropdown .stage-list .stage-item.disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.arc-stage-dropdown .stage-list .stage-item.disabled:hover {
  background: var(--component-background);
}
.arc-stage-dropdown .stage-list .stage-item .stage-info {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex: 1;
}
.arc-stage-dropdown .stage-list .stage-item .stage-info .stage-icon {
  font-size: 1rem;
  line-height: 1;
  flex-shrink: 0;
}
.arc-stage-dropdown .stage-list .stage-item .stage-info .stage-name {
  flex: 1;
  font-size: var(--primary-font);
  color: inherit;
  line-height: normal;
}
.arc-stage-selector-loading,
.arc-stage-selector-error {
  padding: 0px 10px;
  border-radius: 20px;
  font-size: var(--primary-font);
  font-family: var(--font-family);
  min-height: 40px;
  border: var(--primary-border);
  box-shadow: 2px 2px 10px 0px rgba(74, 100, 126, 0.2) inset;
}
.arc-stage-selector-loading {
  background: var(--component-background);
  color: var(--primary-text-color);
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-family: var(--font-family);
}
[data-theme=dark] .arc-stage-selector-loading {
  background: var(--component-background);
  color: var(--primary-text-color);
}
.arc-stage-selector-loading::before {
  content: "⏳";
  font-size: 1rem;
}
.arc-stage-selector-error {
  background: var(--component-background);
  color: var(--error-color, #dc3545);
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-family: var(--font-family);
}
[data-theme=dark] .arc-stage-selector-error {
  background: var(--component-background);
  color: #ff6b6b;
}
.arc-stage-selector-error::before {
  content: "⚠️";
  font-size: 1rem;
}
@media (max-width: 768px) {
  .arc-stage-selector-minimal {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: nowrap;
  }
  .arc-stage-selector-minimal .stage-dropdown-atom {
    flex: 0 1 auto;
    max-width: 150px;
  }
  .arc-stage-selector-minimal .stage-dropdown-atom .stage-selector-trigger .stage-name {
    max-width: 100px;
    font-size: 0.875rem;
  }
  .arc-stage-selector-minimal .stage-dropdown-atom .stage-selector-trigger .stage-icon {
    font-size: 1.125rem;
  }
  .arc-stage-selector-minimal .stage-dropdown-atom .stage-selector-trigger .pi-chevron-down {
    font-size: 0.625rem;
  }
  .arc-stage-selector-minimal .health-badge {
    flex: 0 0 auto;
    font-size: 0.625rem;
    padding: 0.25rem 0.5rem;
    white-space: nowrap;
  }
  .arc-stage-selector-minimal .arc-action-button {
    flex: 0 1 auto;
  }
  .arc-stage-selector-minimal .arc-action-button button {
    font-size: 0.875rem;
    padding: 0.375rem 0.75rem;
    white-space: nowrap;
  }
  .arc-stage-selector-minimal .arc-action-button button i {
    font-size: 1rem;
  }
}
.arc-stage-dropdown {
  min-width: 300px;
}
.arc-stage-dropdown :global(.p-overlaypanel-content) {
  padding: 0 !important;
}
.arc-stage-dropdown .stage-list .stage-item {
  flex-direction: column;
  align-items: flex-start;
  gap: 0.5rem;
}
.arc-stage-dropdown .stage-list .stage-item .stage-actions {
  width: 100%;
}
.arc-stage-dropdown .stage-list .stage-item .stage-actions button {
  flex: 1;
}
@media (prefers-reduced-motion: reduce) {
  .arc-stage-selector-minimal .stage-selector-trigger .pi-chevron-down {
    transition: none;
  }
  .arc-stage-dropdown .stage-list .stage-item {
    transition: none;
  }
  .arc-stage-dropdown .stage-list .stage-item .stage-actions button {
    transition: none;
  }
  .arc-stage-dropdown .stage-list .stage-item .stage-actions button:hover {
    transform: none;
  }
}
.arc-summary {
  border: 1px solid var(--primary-border);
  border-radius: var(--border-radius-md);
  overflow: hidden;
  margin-top: var(--spacing-md);
}
[data-theme=dark] .arc-summary {
  border-color: var(--primary-border-dark);
}
.arc-summary__header {
  display: flex;
  align-items: center;
  gap: var(--spacing-xs);
  padding: var(--spacing-sm) var(--spacing-md);
  background: var(--component-background);
  border-bottom: 1px solid var(--primary-border);
  font-weight: 600;
  font-size: 13px;
  color: var(--secondary-text-color);
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
[data-theme=dark] .arc-summary__header {
  background: var(--component-background-dark);
  border-bottom-color: var(--primary-border-dark);
}
.arc-summary__icon {
  font-size: 14px;
  color: var(--secondary-text-color);
}
.arc-summary__title {
  font-size: 12px;
}
.arc-summary__table {
  width: 100%;
  border-collapse: collapse;
}
.arc-summary__th {
  padding: var(--spacing-xs) var(--spacing-md);
  text-align: left;
  font-size: 11px;
  font-weight: 600;
  color: var(--secondary-text-color);
  text-transform: uppercase;
  letter-spacing: 0.3px;
  border-bottom: 1px solid var(--primary-border);
  background: var(--component-background);
}
[data-theme=dark] .arc-summary__th {
  border-bottom-color: var(--primary-border-dark);
  background: var(--component-background-dark);
}
.arc-summary__row {
  cursor: pointer;
  transition: background-color 0.15s ease;
}
.arc-summary__row:hover {
  background: var(--component-background);
}
[data-theme=dark] .arc-summary__row:hover {
  background: var(--component-background-dark);
}
.arc-summary__row:not(:last-child) .arc-summary__td {
  border-bottom: 1px solid var(--primary-border);
}
[data-theme=dark] .arc-summary__row:not(:last-child) .arc-summary__td {
  border-bottom-color: var(--primary-border-dark);
}
.arc-summary__td {
  padding: var(--spacing-xs) var(--spacing-md);
  font-size: 13px;
  color: var(--primary-text-color);
  vertical-align: middle;
}
.arc-summary__td--name {
  font-weight: 500;
}
.arc-summary__td--stage {
  color: var(--secondary-text-color);
}
.arc-summary__arc-name {
  display: flex;
  align-items: center;
  gap: var(--spacing-xxs);
}
.arc-summary__primary-star {
  color: var(--warning-color, #F59E0B);
  font-size: 13px;
  flex-shrink: 0;
}
.arc-summary__health-chip {
  font-size: 11px;
}
.arc-summary__health-chip.arc-summary__health--on-track .p-chip {
  background: rgba(25, 135, 84, 0.12);
  color: var(--success-color, #198754);
}
[data-theme=dark] .arc-summary__health-chip.arc-summary__health--on-track .p-chip {
  background: rgba(25, 135, 84, 0.25);
}
.arc-summary__health-chip.arc-summary__health--at-risk .p-chip {
  background: rgba(255, 193, 7, 0.12);
  color: var(--warning-color, #ca8a04);
}
[data-theme=dark] .arc-summary__health-chip.arc-summary__health--at-risk .p-chip {
  background: rgba(255, 193, 7, 0.25);
}
.arc-summary__health-chip.arc-summary__health--overdue .p-chip {
  background: rgba(220, 53, 69, 0.12);
  color: var(--error-color, #dc3545);
}
[data-theme=dark] .arc-summary__health-chip.arc-summary__health--overdue .p-chip {
  background: rgba(220, 53, 69, 0.25);
}
.arc-summary__health-chip.arc-summary__health--blocked .p-chip {
  background: rgba(253, 126, 20, 0.12);
  color: var(--warning-color, #fd7e14);
}
[data-theme=dark] .arc-summary__health-chip.arc-summary__health--blocked .p-chip {
  background: rgba(253, 126, 20, 0.25);
}
.arc-summary__health-chip.arc-summary__health--attention .p-chip {
  background: rgba(13, 110, 253, 0.12);
  color: var(--primary-color, #0d6efd);
}
[data-theme=dark] .arc-summary__health-chip.arc-summary__health--attention .p-chip {
  background: rgba(13, 110, 253, 0.25);
}
.arc-summary__action {
  font-size: 12px;
  font-weight: 500;
}
.arc-summary__action.arc-summary__action--overdue {
  color: var(--error-color, #dc3545);
}
.arc-summary__action.arc-summary__action--blocked {
  color: var(--warning-color, #fd7e14);
}
.arc-summary__action.arc-summary__action--at-risk {
  color: var(--warning-color, #ca8a04);
}
.arc-summary__action.arc-summary__action--attention {
  color: var(--primary-color, #0d6efd);
}
.arc-summary__no-action {
  font-size: 12px;
  color: var(--secondary-text-color);
  font-style: italic;
}
.attachment-tile-atom {
  --attachment-tile-size: 96px;
  position: relative;
  display: flex;
  flex-direction: column;
  width: var(--attachment-tile-size);
  border-radius: var(--border-radius, 6px);
  border: var(--primary-border);
  background: var(--component-background, transparent);
  overflow: hidden;
  transition: border-color 0.15s ease, box-shadow 0.15s ease, background 0.15s ease;
  outline: none;
}
.attachment-tile-atom__interactive {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: transparent;
  border: 0;
  padding: 0;
  margin: 0;
  font: inherit;
  color: inherit;
  text-align: left;
  cursor: inherit;
  width: 100%;
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  min-width: 0;
}
.attachment-tile-atom__interactive:focus-visible {
  outline: 2px solid var(--primary-color);
  outline-offset: 2px;
}
@container (min-width: 480px) {
  .attachment-tile-atom {
    --attachment-tile-size: 120px;
  }
}
.attachment-tile-atom--clickable {
  cursor: pointer;
}
.attachment-tile-atom--clickable .attachment-tile-atom__interactive {
  cursor: pointer;
}
.attachment-tile-atom--clickable:hover {
  border-color: var(--primary-color);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
}
.attachment-tile-atom--clickable:hover .attachment-tile-atom__actions {
  opacity: 1;
  pointer-events: auto;
}
.attachment-tile-atom:focus-within .attachment-tile-atom__actions {
  opacity: 1;
  pointer-events: auto;
}
.attachment-tile-atom__media {
  position: relative;
  flex: 0 0 auto;
  width: 100%;
  aspect-ratio: 1/1;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(59, 130, 246, 0.06);
  color: var(--primary-color);
  overflow: hidden;
}
.attachment-tile-atom__thumbnail {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
.attachment-tile-atom__icon {
  font-size: 32px;
}
.attachment-tile-atom__overlay {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-xxs, 0.25rem);
  padding: var(--spacing-xxs, 0.25rem) var(--spacing-xs, 0.5rem);
  font-size: var(--font-size-xs, 11px);
  font-weight: 500;
  line-height: 1.2;
  text-align: center;
  backdrop-filter: blur(2px);
}
.attachment-tile-atom__overlay .pi {
  font-size: 12px;
}
.attachment-tile-atom__overlay--scanning {
  background: rgba(234, 179, 8, 0.6);
  color: var(--primary-text-color);
}
.attachment-tile-atom__overlay--removed {
  background: rgba(220, 38, 38, 0.6);
  color: var(--primary-text-color);
}
@media (prefers-reduced-motion: reduce) {
  .attachment-tile-atom__overlay .pi-spin {
    animation: none;
  }
}
.attachment-tile-atom__body {
  flex: 1 1 auto;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xxs, 0.25rem);
  padding: var(--spacing-xs, 0.5rem);
}
.attachment-tile-atom__name {
  font-weight: 600;
  font-size: var(--font-size-sm, 12px);
  color: var(--primary-text-color);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.attachment-tile-atom__meta {
  font-size: var(--secondary-font, 11px);
  color: var(--secondary-text-color);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.attachment-tile-atom__actions {
  position: absolute;
  top: var(--spacing-xxs, 0.25rem);
  right: var(--spacing-xxs, 0.25rem);
  display: flex;
  gap: var(--spacing-xxs, 0.25rem);
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.15s ease;
}
.attachment-tile-atom__actions:focus-within {
  opacity: 1;
  pointer-events: auto;
}
.attachment-tile-atom__action {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  background: var(--component-background, rgba(255, 255, 255, 0.9));
  border-radius: var(--border-radius, 6px);
  color: var(--secondary-text-color);
  cursor: pointer;
  transition: background 0.15s ease, color 0.15s ease;
}
.attachment-tile-atom__action .pi {
  font-size: 12px;
}
.attachment-tile-atom__action:focus-visible {
  outline: 2px solid var(--primary-color);
  outline-offset: 2px;
}
.attachment-tile-atom__action--delete:hover {
  background: rgba(220, 38, 38, 0.12);
  color: var(--danger-color, #dc2626);
}
.attachment-tile-atom__action--edit:hover {
  background: rgba(59, 130, 246, 0.12);
  color: var(--primary-color);
}
.attachment-tile-atom--link .attachment-tile-atom__media {
  background: rgba(16, 185, 129, 0.08);
  color: var(--success-color, #059669);
}
.attachment-tile-atom--scanning {
  opacity: 0.85;
}
.attachment-tile-atom--scanning .attachment-tile-atom__media {
  color: var(--warning-color, #b45309);
  background: rgba(234, 179, 8, 0.1);
}
.attachment-tile-atom--removed {
  border-color: var(--danger-color, #dc2626);
  background: rgba(220, 38, 38, 0.04);
}
.attachment-tile-atom--removed .attachment-tile-atom__media {
  background: rgba(220, 38, 38, 0.08);
  color: var(--danger-color, #b91c1c);
}
.attachment-tile-atom--removed .attachment-tile-atom__name {
  text-decoration: line-through;
  color: var(--secondary-text-color);
}
[data-theme=dark] .attachment-tile-atom {
  background: var(--component-background-dark, transparent);
}
[data-theme=dark] .attachment-tile-atom--clickable:hover {
  box-shadow: 0 1px 3px rgba(255, 255, 255, 0.08);
}
[data-theme=dark] .attachment-tile-atom__media {
  background: rgba(96, 165, 250, 0.15);
}
[data-theme=dark] .attachment-tile-atom--link [data-theme=dark] .attachment-tile-atom__media {
  background: rgba(52, 211, 153, 0.15);
}
[data-theme=dark] .attachment-tile-atom--scanning [data-theme=dark] .attachment-tile-atom__media {
  background: rgba(250, 204, 21, 0.18);
  color: var(--warning-color, #fbbf24);
}
[data-theme=dark] .attachment-tile-atom--removed {
  background: rgba(248, 113, 113, 0.08);
}
[data-theme=dark] .attachment-tile-atom--removed [data-theme=dark] .attachment-tile-atom__media {
  background: rgba(248, 113, 113, 0.2);
  color: var(--danger-color, #f87171);
}
[data-theme=dark] .attachment-tile-atom__action {
  background: var(--component-background-dark, rgba(0, 0, 0, 0.6));
}
[data-theme=dark] .attachment-tile-atom__action--delete:hover {
  background: rgba(248, 113, 113, 0.18);
  color: var(--danger-color, #f87171);
}
[data-theme=dark] .attachment-tile-atom__action--edit:hover {
  background: rgba(96, 165, 250, 0.18);
  color: var(--primary-color, #60a5fa);
}
[data-theme=dark] .attachment-tile-atom__overlay--scanning {
  background: rgba(250, 204, 21, 0.5);
}
[data-theme=dark] .attachment-tile-atom__overlay--removed {
  background: rgba(248, 113, 113, 0.55);
}
.attachment-preview-molecule {
  display: flex;
  flex-direction: column;
  width: 100%;
  min-height: 160px;
  border: 1px solid var(--border-color, rgba(0, 0, 0, 0.08));
  border-radius: var(--border-radius, 6px);
  background-color: var(--surface-color, #ffffff);
  overflow: hidden;
}
.attachment-preview-molecule__image {
  width: 100%;
  height: auto;
  max-height: 480px;
  -o-object-fit: contain;
     object-fit: contain;
  display: block;
  background-color: var(--background-color-subtle, rgba(0, 0, 0, 0.02));
}
.attachment-preview-molecule__pdf {
  width: 100%;
  height: 540px;
  display: block;
  background-color: var(--background-color-subtle, rgba(0, 0, 0, 0.02));
}
.attachment-preview-molecule__video {
  width: 100%;
  max-height: 540px;
  display: block;
  background-color: var(--background-color-subtle, rgba(0, 0, 0, 0.02));
}
.attachment-preview-molecule__loading, .attachment-preview-molecule__fallback, .attachment-preview-molecule__link {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-xs, 0.5rem);
  padding: var(--spacing-lg, 1.5rem);
  text-align: center;
  color: var(--secondary-text-color, #6b7280);
  min-height: 160px;
}
.attachment-preview-molecule__loading .pi {
  font-size: var(--font-size-lg, 20px);
}
.attachment-preview-molecule__fallback .pi {
  font-size: var(--font-size-xl, 28px);
  color: var(--secondary-text-color, #6b7280);
}
.attachment-preview-molecule__fallback--scanPending .pi {
  color: var(--warning-color, #b45309);
}
.attachment-preview-molecule__fallback--removed {
  background-color: rgba(220, 38, 38, 0.05);
}
.attachment-preview-molecule__fallback--removed .pi {
  color: var(--danger-color, #b91c1c);
}
.attachment-preview-molecule__link .pi-link {
  font-size: var(--font-size-xl, 28px);
  color: var(--primary-color, #2563eb);
}
.attachment-preview-molecule__message {
  margin: 0;
  font-size: var(--font-size-sm, 13px);
  color: var(--secondary-text-color, #6b7280);
}
.attachment-preview-molecule__name {
  margin: 0;
  font-size: var(--font-size-md, 16px);
  font-weight: 600;
  color: var(--text-color, #111827);
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.attachment-preview-molecule__url {
  margin: 0;
  font-size: var(--font-size-xs, 12px);
  color: var(--secondary-text-color, #6b7280);
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
[data-theme=dark] .attachment-preview-molecule {
  border-color: var(--border-color-dark, rgba(255, 255, 255, 0.12));
  background-color: var(--surface-color-dark, #1f2937);
}
[data-theme=dark] .attachment-preview-molecule__image, [data-theme=dark] .attachment-preview-molecule__pdf, [data-theme=dark] .attachment-preview-molecule__video {
  background-color: var(--background-color-subtle-dark, rgba(255, 255, 255, 0.04));
}
[data-theme=dark] .attachment-preview-molecule__fallback--scanPending .pi {
  color: var(--warning-color, #fbbf24);
}
[data-theme=dark] .attachment-preview-molecule__fallback--removed {
  background-color: rgba(248, 113, 113, 0.08);
}
[data-theme=dark] .attachment-preview-molecule__fallback--removed .pi {
  color: var(--danger-color, #f87171);
}
.add-link-form-part {
  border: 0;
  margin: 0;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md, 1rem);
  padding: var(--spacing-xs, 0.5rem) 0;
}
.add-link-form-part__field {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xxs, 0.25rem);
}
.add-link-form-part__sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
.add-link-form-part__label {
  font-size: var(--font-size-sm, 13px);
  color: var(--secondary-text-color);
}
.add-link-form-part__error {
  display: flex;
  align-items: center;
  gap: var(--spacing-xs, 0.5rem);
  padding: var(--spacing-xs, 0.5rem) var(--spacing-sm, 0.75rem);
  border-radius: var(--border-radius, 6px);
  background-color: var(--error-background-color, rgba(239, 68, 68, 0.08));
  color: var(--error-color, #dc2626);
  font-size: var(--font-size-sm, 13px);
}
.add-link-form-part__error .pi {
  font-size: var(--font-size-md, 16px);
}
.add-link-form-part__actions {
  display: flex;
  justify-content: flex-end;
  gap: var(--spacing-xs, 0.5rem);
  margin-top: var(--spacing-xs, 0.5rem);
}
[data-theme=dark] .add-link-form-part__error {
  background-color: var(--error-background-color-dark, rgba(239, 68, 68, 0.18));
  color: var(--error-color-dark, #f87171);
}
.attachments-grid-molecule {
  container-type: inline-size;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md, 0.75rem);
}
.attachments-grid-molecule__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--spacing-md, 0.75rem);
}
.attachments-grid-molecule__title {
  margin: 0;
  font-size: var(--font-size-lg, 1rem);
  font-weight: 600;
  color: var(--text-primary, #111827);
}
.attachments-grid-molecule__actions {
  display: flex;
  gap: var(--spacing-sm, 0.5rem);
  flex-wrap: wrap;
}
.attachments-grid-molecule__file-input {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
.attachments-grid-molecule__link-form {
  padding: var(--spacing-md, 0.75rem);
  border: 1px solid var(--border-subtle, #e5e7eb);
  border-radius: var(--radius-md, 0.5rem);
  background: var(--surface-secondary, #f9fafb);
}
.attachments-grid-molecule__panel {
  position: relative;
  border: 1px solid transparent;
  border-radius: var(--radius-md, 0.5rem);
  padding: var(--spacing-md, 0.75rem);
  transition: border-color 120ms ease, background-color 120ms ease;
}
.attachments-grid-molecule__panel--drag-over {
  border-color: var(--color-primary, #2563eb);
  border-style: dashed;
  background-color: var(--color-primary-bg, rgba(37, 99, 235, 0.05));
}
.attachments-grid-molecule__error {
  margin-bottom: var(--spacing-md, 0.75rem);
}
.attachments-grid-molecule__loading {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: var(--spacing-xl, 1.5rem);
}
.attachments-grid-molecule__empty {
  text-align: center;
  padding: var(--spacing-xl, 1.5rem) var(--spacing-md, 0.75rem);
  color: var(--text-muted, #6b7280);
  font-size: var(--font-size-sm, 0.875rem);
}
.attachments-grid-molecule__grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
  gap: var(--spacing-md, 0.75rem);
  list-style: none;
  margin: 0;
  padding: 0;
}
.attachments-grid-molecule__grid-item {
  margin: 0;
}
.attachments-grid-molecule__tile--editing {
  outline: 2px solid var(--color-focus-ring, var(--color-primary, #2563eb));
  outline-offset: 2px;
  border-radius: var(--radius-md, 0.5rem);
}
@container (max-width: 480px) {
  .attachments-grid-molecule__grid {
    grid-template-columns: repeat(auto-fill, minmax(96px, 1fr));
    gap: var(--spacing-sm, 0.5rem);
  }
}
.attachments-grid-molecule__drop-overlay {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-sm, 0.5rem);
  background: var(--color-primary-bg, rgba(37, 99, 235, 0.08));
  color: var(--color-primary, #2563eb);
  pointer-events: none;
  border-radius: inherit;
  font-weight: 500;
}
@media (prefers-reduced-motion: no-preference) {
  .attachments-grid-molecule__drop-overlay {
    animation: attachments-grid-overlay-fade 120ms ease-out;
  }
}
.attachments-grid-molecule__drop-overlay i {
  font-size: 2rem;
}
.attachments-grid-molecule__preview-dialog .p-dialog-content {
  padding: 0;
}
@keyframes attachments-grid-overlay-fade {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
[data-theme=dark] .attachments-grid-molecule__title {
  color: var(--text-primary, #f3f4f6);
}
[data-theme=dark] .attachments-grid-molecule__empty {
  color: var(--text-muted, #9ca3af);
}
[data-theme=dark] .attachments-grid-molecule__link-form {
  border-color: var(--border-subtle, #374151);
  background: var(--surface-secondary, #1f2937);
}
[data-theme=dark] .attachments-grid-molecule__panel--drag-over {
  border-color: var(--color-primary, #60a5fa);
  background-color: var(--color-primary-bg, rgba(96, 165, 250, 0.12));
}
[data-theme=dark] .attachments-grid-molecule__drop-overlay {
  background: var(--color-primary-bg, rgba(96, 165, 250, 0.18));
  color: var(--color-primary, #93c5fd);
}
[data-theme=dark] .attachments-grid-molecule__tile--editing {
  outline-color: var(--color-focus-ring, var(--color-primary, #60a5fa));
}
@charset "UTF-8";
:root {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  --font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
  	Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
  	"Segoe UI Symbol";
  --surface-a: #ffffff;
  --surface-b: #f8f9fa;
  --surface-c: #e9ecef;
  --surface-d: #dee2e6;
  --surface-e: #ffffff;
  --surface-f: #ffffff;
  --text-color: #495057;
  --text-color-secondary: #6c757d;
  --primary-color: #2196f3;
  --primary-color-text: #ffffff;
  --surface-0: #ffffff;
  --surface-50: #fafafa;
  --surface-100: #f5f5f5;
  --surface-200: #eeeeee;
  --surface-300: #e0e0e0;
  --surface-400: #bdbdbd;
  --surface-500: #9e9e9e;
  --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: #9e9e9e;
  --gray-600: #757575;
  --gray-700: #616161;
  --gray-800: #424242;
  --gray-900: #212121;
  --content-padding: 1rem;
  --inline-spacing: 0.5rem;
  --border-radius: 3px;
  --surface-ground: #f8f9fa;
  --surface-section: #ffffff;
  --surface-card: #ffffff;
  --surface-overlay: #ffffff;
  --surface-border: #dee2e6;
  --surface-hover: #e9ecef;
  --focus-ring: 0 0 0 0.2rem #a6d5fa;
  --maskbg: rgba(0, 0, 0, 0.4);
  --highlight-bg: #e3f2fd;
  --highlight-text-color: #495057;
  color-scheme: light;
}
:root {
  --blue-50:#f4fafe;
  --blue-100:#cae6fc;
  --blue-200:#a0d2fa;
  --blue-300:#75bef8;
  --blue-400:#4baaf5;
  --blue-500:#2196f3;
  --blue-600:#1c80cf;
  --blue-700:#1769aa;
  --blue-800:#125386;
  --blue-900:#0d3c61;
  --green-50:#f6fbf6;
  --green-100:#d4ecd5;
  --green-200:#b2ddb4;
  --green-300:#90cd93;
  --green-400:#6ebe71;
  --green-500:#4caf50;
  --green-600:#419544;
  --green-700:#357b38;
  --green-800:#2a602c;
  --green-900:#1e4620;
  --yellow-50:#fffcf5;
  --yellow-100:#fef0cd;
  --yellow-200:#fde4a5;
  --yellow-300:#fdd87d;
  --yellow-400:#fccc55;
  --yellow-500:#fbc02d;
  --yellow-600:#d5a326;
  --yellow-700:#b08620;
  --yellow-800:#8a6a19;
  --yellow-900:#644d12;
  --cyan-50:#f2fcfd;
  --cyan-100:#c2eff5;
  --cyan-200:#91e2ed;
  --cyan-300:#61d5e4;
  --cyan-400:#30c9dc;
  --cyan-500:#00bcd4;
  --cyan-600:#00a0b4;
  --cyan-700:#008494;
  --cyan-800:#006775;
  --cyan-900:#004b55;
  --pink-50:#fef4f7;
  --pink-100:#fac9da;
  --pink-200:#f69ebc;
  --pink-300:#f1749e;
  --pink-400:#ed4981;
  --pink-500:#e91e63;
  --pink-600:#c61a54;
  --pink-700:#a31545;
  --pink-800:#801136;
  --pink-900:#5d0c28;
  --indigo-50:#f5f6fb;
  --indigo-100:#d1d5ed;
  --indigo-200:#acb4df;
  --indigo-300:#8893d1;
  --indigo-400:#6372c3;
  --indigo-500:#3f51b5;
  --indigo-600:#36459a;
  --indigo-700:#2c397f;
  --indigo-800:#232d64;
  --indigo-900:#192048;
  --teal-50:#f2faf9;
  --teal-100:#c2e6e2;
  --teal-200:#91d2cc;
  --teal-300:#61beb5;
  --teal-400:#30aa9f;
  --teal-500:#009688;
  --teal-600:#008074;
  --teal-700:#00695f;
  --teal-800:#00534b;
  --teal-900:#003c36;
  --orange-50:#fff8f2;
  --orange-100:#fde0c2;
  --orange-200:#fbc791;
  --orange-300:#f9ae61;
  --orange-400:#f79530;
  --orange-500:#f57c00;
  --orange-600:#d06900;
  --orange-700:#ac5700;
  --orange-800:#874400;
  --orange-900:#623200;
  --bluegray-50:#f7f9f9;
  --bluegray-100:#d9e0e3;
  --bluegray-200:#bbc7cd;
  --bluegray-300:#9caeb7;
  --bluegray-400:#7e96a1;
  --bluegray-500:#607d8b;
  --bluegray-600:#526a76;
  --bluegray-700:#435861;
  --bluegray-800:#35454c;
  --bluegray-900:#263238;
  --purple-50:#faf4fb;
  --purple-100:#e7cbec;
  --purple-200:#d4a2dd;
  --purple-300:#c279ce;
  --purple-400:#af50bf;
  --purple-500:#9c27b0;
  --purple-600:#852196;
  --purple-700:#6d1b7b;
  --purple-800:#561561;
  --purple-900:#3e1046;
  --red-50:#fff5f5;
  --red-100:#ffd1ce;
  --red-200:#ffada7;
  --red-300:#ff8980;
  --red-400:#ff6459;
  --red-500:#ff4032;
  --red-600:#d9362b;
  --red-700:#b32d23;
  --red-800:#8c231c;
  --red-900:#661a14;
  --primary-50:#f4fafe;
  --primary-100:#cae6fc;
  --primary-200:#a0d2fa;
  --primary-300:#75bef8;
  --primary-400:#4baaf5;
  --primary-500:#2196f3;
  --primary-600:#1c80cf;
  --primary-700:#1769aa;
  --primary-800:#125386;
  --primary-900:#0d3c61;
}
.p-editor-container .p-editor-toolbar {
  background: #f8f9fa;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}
.p-editor-container .p-editor-toolbar.ql-snow {
  border: 1px solid #dee2e6;
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke {
  stroke: #6c757d;
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-fill {
  fill: #6c757d;
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label {
  border: 0 none;
  color: #6c757d;
}
.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: 3px;
  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: 3px;
  border-bottom-left-radius: 3px;
}
.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: 3px;
  border-bottom-left-radius: 3px;
}
.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: #2196f3;
}
.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: #2196f3;
}
.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: #2196f3;
}
.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: #2196f3;
}
@layer primereact {
  * {
    box-sizing: border-box;
  }
  .p-component {
    font-family: var(--font-family);
    font-feature-settings: var(--font-feature-settings, normal);
    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 {
    opacity: 0.6;
  }
  .p-error {
    color: #f44336;
  }
  .p-text-secondary {
    color: #6c757d;
  }
  .pi {
    font-size: 1rem;
  }
  .p-icon {
    width: 1rem;
    height: 1rem;
  }
  .p-link {
    font-family: var(--font-family);
    font-feature-settings: var(--font-feature-settings, normal);
    font-size: 1rem;
    border-radius: 3px;
  }
  .p-link:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .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;
    }
  }
  .p-autocomplete .p-autocomplete-loader {
    right: 0.5rem;
  }
  .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
    right: 2.857rem;
  }
  .p-autocomplete .p-autocomplete-multiple-container {
    padding: 0.25rem 0.5rem;
    gap: 0.5rem;
  }
  .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover {
    border-color: #2196f3;
  }
  .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
    border-color: #2196f3;
  }
  .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
    padding: 0.25rem 0;
  }
  .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
    font-family: var(--font-family);
    font-feature-settings: var(--font-feature-settings, normal);
    font-size: 1rem;
    color: #495057;
    padding: 0;
    margin: 0;
  }
  .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
    padding: 0.25rem 0.5rem;
    margin-right: 0.5rem;
    background: #e3f2fd;
    color: #495057;
    border-radius: 3px;
  }
  .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
    margin-left: 0.5rem;
  }
  .p-autocomplete.p-invalid.p-component > .p-inputtext {
    border-color: #f44336;
  }
  .p-autocomplete-panel {
    background: #ffffff;
    color: #495057;
    border: 0 none;
    border-radius: 3px;
    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 {
    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-highlight {
    color: #495057;
    background: #e3f2fd;
  }
  .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
    margin: 0;
    padding: 0.75rem 1rem;
    color: #495057;
    background: #ffffff;
    font-weight: 600;
  }
  .p-calendar.p-invalid.p-component > .p-inputtext {
    border-color: #f44336;
  }
  .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
    border-color: #2196f3;
  }
  .p-datepicker {
    padding: 0.5rem;
    background: #ffffff;
    color: #495057;
    border: 1px solid #ced4da;
    border-radius: 3px;
  }
  .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: 3px;
    border-top-left-radius: 3px;
  }
  .p-datepicker .p-datepicker-header .p-datepicker-prev,
  .p-datepicker .p-datepicker-header .p-datepicker-next {
    width: 2rem;
    height: 2rem;
    color: #6c757d;
    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-visible,
  .p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .p-datepicker .p-datepicker-header .p-datepicker-title {
    line-height: 2rem;
  }
  .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year,
  .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
    color: #495057;
    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
    font-weight: 600;
    padding: 0.5rem;
  }
  .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover,
  .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover {
    color: #2196f3;
  }
  .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 #a6d5fa;
  }
  .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: #6c757d;
    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-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .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: 3px;
  }
  .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight {
    color: #495057;
    background: #e3f2fd;
  }
  .p-datepicker .p-yearpicker {
    margin: 0.5rem 0;
  }
  .p-datepicker .p-yearpicker .p-yearpicker-year {
    padding: 0.5rem;
    transition: box-shadow 0.2s;
    border-radius: 3px;
  }
  .p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight {
    color: #495057;
    background: #e3f2fd;
  }
  .p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
    border-left: 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;
    border-left: 0 none;
  }
  .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child {
    padding-right: 0;
  }
  .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 #a6d5fa;
  }
  .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover {
    background: #e9ecef;
  }
  .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover {
    background: #e9ecef;
  }
  .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  @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: 3px;
    outline-color: transparent;
  }
  .p-cascadeselect:not(.p-disabled):hover {
    border-color: #2196f3;
  }
  .p-cascadeselect:not(.p-disabled).p-focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
    border-color: #2196f3;
  }
  .p-cascadeselect.p-variant-filled {
    background-color: #f8f9fa;
  }
  .p-cascadeselect.p-variant-filled:enabled:hover {
    background-color: #f8f9fa;
  }
  .p-cascadeselect.p-variant-filled:enabled:focus {
    background-color: #ffffff;
  }
  .p-cascadeselect .p-cascadeselect-label {
    background: transparent;
    border: 0 none;
    padding: 0.5rem 0.5rem;
  }
  .p-cascadeselect .p-cascadeselect-label.p-placeholder {
    color: #6c757d;
  }
  .p-cascadeselect .p-cascadeselect-label:enabled:focus {
    outline: 0 none;
    box-shadow: none;
  }
  .p-cascadeselect .p-cascadeselect-trigger {
    background: transparent;
    color: #6c757d;
    width: 2.357rem;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
  }
  .p-cascadeselect.p-invalid.p-component {
    border-color: #f44336;
  }
  .p-cascadeselect-panel {
    background: #ffffff;
    color: #495057;
    border: 0 none;
    border-radius: 3px;
    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:first-child {
    margin-top: 0;
  }
  .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:last-child {
    margin-bottom: 0;
  }
  .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight {
    color: #495057;
    background: #e3f2fd;
  }
  .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus {
    background: rgba(33, 150, 243, 0.24);
  }
  .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus {
    color: #495057;
    background: #e9ecef;
  }
  .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-group-icon {
    font-size: 0.875rem;
  }
  .p-checkbox {
    position: relative;
    display: inline-flex;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    vertical-align: bottom;
  }
  .p-checkbox-input {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    opacity: 0;
    z-index: 1;
    outline: 0 none;
    cursor: pointer;
  }
  .p-checkbox-box {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .p-checkbox {
    width: 20px;
    height: 20px;
  }
  .p-checkbox .p-checkbox-input {
    border: 2px solid #ced4da;
    border-radius: 3px;
  }
  .p-checkbox .p-checkbox-box {
    border: 2px solid #ced4da;
    background: #ffffff;
    width: 20px;
    height: 20px;
    color: #495057;
    border-radius: 3px;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
    outline-color: transparent;
  }
  .p-checkbox .p-checkbox-box .p-checkbox-icon {
    transition-duration: 0.2s;
    color: #ffffff;
    font-size: 14px;
  }
  .p-checkbox .p-checkbox-box .p-checkbox-icon.p-icon {
    width: 14px;
    height: 14px;
  }
  .p-checkbox .p-checkbox-box {
    border: 2px solid #ced4da;
    background: #ffffff;
    width: 20px;
    height: 20px;
    color: #495057;
    border-radius: 3px;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
    outline-color: transparent;
  }
  .p-checkbox .p-checkbox-box .p-checkbox-icon {
    transition-duration: 0.2s;
    color: #ffffff;
    font-size: 14px;
  }
  .p-checkbox .p-checkbox-box .p-checkbox-icon.p-icon {
    width: 14px;
    height: 14px;
  }
  .p-checkbox.p-highlight .p-checkbox-box {
    border-color: #2196f3;
    background: #2196f3;
  }
  .p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
    border-color: #2196f3;
  }
  .p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
    border-color: #0b7ad1;
    background: #0b7ad1;
    color: #ffffff;
  }
  .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible) .p-checkbox-box {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
    border-color: #2196f3;
  }
  .p-checkbox.p-invalid > .p-checkbox-box {
    border-color: #f44336;
  }
  .p-checkbox.p-variant-filled .p-checkbox-box {
    background-color: #f8f9fa;
  }
  .p-checkbox.p-variant-filled.p-highlight .p-checkbox-box {
    background: #2196f3;
  }
  .p-checkbox.p-variant-filled:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
    background-color: #f8f9fa;
  }
  .p-checkbox.p-variant-filled:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
    background: #0b7ad1;
  }
  .p-input-filled .p-checkbox .p-checkbox-box {
    background-color: #f8f9fa;
  }
  .p-input-filled .p-checkbox.p-highlight .p-checkbox-box {
    background: #2196f3;
  }
  .p-input-filled .p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
    background-color: #f8f9fa;
  }
  .p-input-filled .p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
    background: #0b7ad1;
  }
  .p-checkbox {
    position: relative;
    display: inline-flex;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    vertical-align: bottom;
  }
  .p-checkbox-input {
    cursor: pointer;
  }
  .p-checkbox-box {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .p-tristatecheckbox.p-variant-filled .p-checkbox-box {
    background-color: #f8f9fa;
  }
  .p-tristatecheckbox.p-variant-filled.p-highlight .p-checkbox-box {
    background: #2196f3;
  }
  .p-tristatecheckbox.p-variant-filled:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
    background-color: #f8f9fa;
  }
  .p-tristatecheckbox.p-variant-filled:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
    background: #0b7ad1;
  }
  .p-chips {
    display: inline-flex;
  }
  .p-chips-multiple-container {
    margin: 0;
    padding: 0;
    list-style-type: none;
    cursor: text;
    overflow: hidden;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
  }
  .p-chips-token {
    cursor: default;
    display: inline-flex;
    align-items: center;
    flex: 0 0 auto;
  }
  .p-chips-input-token {
    flex: 1 1 auto;
    display: inline-flex;
  }
  .p-chips-token-icon {
    cursor: pointer;
  }
  .p-chips-input-token input {
    border: 0 none;
    outline: 0 none;
    background-color: transparent;
    margin: 0;
    padding: 0;
    box-shadow: none;
    border-radius: 0;
    width: 100%;
  }
  .p-fluid .p-chips {
    display: flex;
  }
  .p-chips:not(.p-disabled):hover .p-chips-multiple-container {
    border-color: #2196f3;
  }
  .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
    border-color: #2196f3;
  }
  .p-chips .p-chips-multiple-container {
    padding: 0.25rem 0.5rem;
    outline-color: transparent;
  }
  .p-chips .p-chips-multiple-container .p-chips-token {
    padding: 0.25rem 0.5rem;
    margin-right: 0.5rem;
    background: #dee2e6;
    color: #495057;
    border-radius: 16px;
  }
  .p-chips .p-chips-multiple-container .p-chips-token.p-focus {
    background: #ced4da;
    color: #495057;
  }
  .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: 0.25rem 0;
  }
  .p-chips .p-chips-multiple-container .p-chips-input-token input {
    font-family: var(--font-family);
    font-feature-settings: var(--font-feature-settings, normal);
    font-size: 1rem;
    color: #495057;
    padding: 0;
    margin: 0;
  }
  .p-chips.p-invalid.p-component > .p-inputtext {
    border-color: #f44336;
  }
  .p-colorpicker-preview {
    width: 2rem;
    height: 2rem;
  }
  .p-colorpicker-panel {
    background: #323232;
    border: 1px solid #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);
  }
  .p-dropdown {
    display: inline-flex;
    cursor: pointer;
    position: relative;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
  }
  .p-dropdown-clear-icon {
    position: absolute;
    top: 50%;
    margin-top: -0.5rem;
  }
  .p-dropdown-trigger {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
  }
  .p-dropdown-label {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    flex: 1 1 auto;
    width: 1%;
    text-overflow: ellipsis;
    cursor: pointer;
  }
  .p-dropdown-label-empty {
    overflow: hidden;
    opacity: 0;
  }
  input.p-dropdown-label {
    cursor: default;
  }
  .p-dropdown .p-dropdown-panel {
    min-width: 100%;
  }
  .p-dropdown-panel {
    position: absolute;
    top: 0;
    left: 0;
  }
  .p-dropdown-items-wrapper {
    overflow: auto;
  }
  .p-dropdown-item {
    cursor: pointer;
    font-weight: normal;
    white-space: nowrap;
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
  }
  .p-dropdown-item-group {
    cursor: auto;
  }
  .p-dropdown-items {
    margin: 0;
    padding: 0;
    list-style-type: none;
  }
  .p-dropdown-filter {
    width: 100%;
  }
  .p-dropdown-filter-container {
    position: relative;
  }
  .p-dropdown-filter-icon {
    position: absolute;
    top: 50%;
    margin-top: -0.5rem;
  }
  .p-fluid .p-dropdown {
    display: flex;
  }
  .p-fluid .p-dropdown .p-dropdown-label {
    width: 1%;
  }
  .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: 3px;
    outline-color: transparent;
  }
  .p-dropdown:not(.p-disabled):hover {
    border-color: #2196f3;
  }
  .p-dropdown:not(.p-disabled).p-focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
    border-color: #2196f3;
  }
  .p-dropdown.p-variant-filled {
    background: #f8f9fa;
  }
  .p-dropdown.p-variant-filled:not(.p-disabled):hover {
    background-color: #f8f9fa;
  }
  .p-dropdown.p-variant-filled:not(.p-disabled).p-focus {
    background-color: #ffffff;
  }
  .p-dropdown.p-variant-filled:not(.p-disabled).p-focus .p-inputtext {
    background-color: transparent;
  }
  .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: #6c757d;
  }
  .p-dropdown .p-dropdown-label:focus, .p-dropdown .p-dropdown-label:enabled:focus {
    outline: 0 none;
    box-shadow: none;
  }
  .p-dropdown .p-dropdown-trigger {
    background: transparent;
    color: #6c757d;
    width: 2.357rem;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
  }
  .p-dropdown .p-dropdown-clear-icon {
    color: #6c757d;
    right: 2.357rem;
  }
  .p-dropdown.p-invalid.p-component {
    border-color: #f44336;
  }
  .p-dropdown-panel {
    background: #ffffff;
    color: #495057;
    border: 0 none;
    border-radius: 3px;
    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: 3px;
    border-top-left-radius: 3px;
  }
  .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: #6c757d;
  }
  .p-dropdown-panel .p-dropdown-items {
    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:first-child {
    margin-top: 0;
  }
  .p-dropdown-panel .p-dropdown-items .p-dropdown-item:last-child {
    margin-bottom: 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.p-highlight.p-focus {
    background: rgba(33, 150, 243, 0.24);
  }
  .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus {
    color: #495057;
    background: #e9ecef;
  }
  .p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-check-icon {
    position: relative;
    margin-left: -0.5rem;
    margin-right: 0.5rem;
  }
  .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-panel .p-dropdown-items .p-dropdown-empty-message {
    padding: 0.5rem 1rem;
    color: #495057;
    background: transparent;
  }
  .p-inputgroup-addon {
    background: #e9ecef;
    color: #6c757d;
    border-top: 1px solid #ced4da;
    border-left: 1px solid #ced4da;
    border-bottom: 1px solid #ced4da;
    padding: 0.5rem 0.5rem;
    min-width: 2.357rem;
  }
  .p-inputgroup-addon:last-child {
    border-right: 1px solid #ced4da;
  }
  .p-inputgroup > .p-component,
  .p-inputgroup > .p-inputwrapper > .p-inputtext,
  .p-inputgroup > .p-float-label > .p-component {
    border-radius: 0;
    margin: 0;
  }
  .p-inputgroup > .p-component + .p-inputgroup-addon,
  .p-inputgroup > .p-inputwrapper > .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-inputwrapper > .p-inputtext:focus,
  .p-inputgroup > .p-float-label > .p-component:focus {
    z-index: 1;
  }
  .p-inputgroup > .p-component:focus ~ label,
  .p-inputgroup > .p-inputwrapper > .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-inputgroup > .p-inputwrapper:first-child > .p-inputtext {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
  }
  .p-inputgroup .p-float-label:first-child input {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
  }
  .p-inputgroup-addon:last-child,
  .p-inputgroup button:last-child,
  .p-inputgroup input:last-child,
  .p-inputgroup > .p-inputwrapper:last-child,
  .p-inputgroup > .p-inputwrapper:last-child > .p-inputtext {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
  }
  .p-inputgroup .p-float-label:last-child input {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
  }
  .p-fluid .p-inputgroup .p-button {
    width: auto;
  }
  .p-fluid .p-inputgroup .p-button.p-button-icon-only {
    width: 2.357rem;
  }
  .p-inputnumber.p-invalid.p-component > .p-inputtext {
    border-color: #f44336;
  }
  .p-inputswitch {
    position: relative;
    display: inline-block;
  }
  .p-inputswitch-input {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    opacity: 0;
    z-index: 1;
    outline: 0 none;
    cursor: pointer;
  }
  .p-inputswitch-slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border: 1px solid transparent;
  }
  .p-inputswitch-slider:before {
    position: absolute;
    content: "";
    top: 50%;
  }
  .p-inputswitch {
    width: 3rem;
    height: 1.75rem;
  }
  .p-inputswitch .p-inputswitch-input {
    border-radius: 30px;
  }
  .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;
    outline-color: transparent;
  }
  .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-highlight .p-inputswitch-slider {
    background: #2196f3;
  }
  .p-inputswitch.p-highlight .p-inputswitch-slider:before {
    background: #ffffff;
    transform: translateX(1.25rem);
  }
  .p-inputswitch:not(.p-disabled):has(.p-inputswitch-input:hover) .p-inputswitch-slider {
    background: #b6bfc8;
  }
  .p-inputswitch:not(.p-disabled):has(.p-inputswitch-input:hover).p-highlight .p-inputswitch-slider {
    background: #0d89ec;
  }
  .p-inputswitch:not(.p-disabled):has(.p-inputswitch-input:focus-visible) .p-inputswitch-slider {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .p-inputswitch.p-invalid > .p-inputswitch-slider {
    border-color: #f44336;
  }
  .p-inputtext {
    font-family: var(--font-family);
    font-feature-settings: var(--font-feature-settings, normal);
    font-size: 1rem;
    color: #495057;
    background: #ffffff;
    padding: 0.5rem 0.5rem;
    border: 1px solid #ced4da;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    border-radius: 3px;
    outline-color: transparent;
  }
  .p-inputtext:enabled:hover {
    border-color: #2196f3;
  }
  .p-inputtext:enabled:focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
    border-color: #2196f3;
  }
  .p-inputtext.p-invalid.p-component {
    border-color: #f44336;
  }
  .p-inputtext.p-variant-filled {
    background-color: #f8f9fa;
  }
  .p-inputtext.p-variant-filled:enabled:hover {
    background-color: #f8f9fa;
  }
  .p-inputtext.p-variant-filled:enabled:focus {
    background-color: #ffffff;
  }
  .p-inputtext.p-inputtext-sm {
    font-size: 0.875rem;
    padding: 0.4375rem 0.4375rem;
  }
  .p-inputtext.p-inputtext-lg {
    font-size: 1.25rem;
    padding: 0.625rem 0.625rem;
  }
  .p-float-label > label {
    left: 0.5rem;
    color: #6c757d;
    transition-duration: 0.2s;
  }
  .p-float-label > .p-invalid + label {
    color: #f44336;
  }
  .p-icon-field-left > .p-inputtext {
    padding-left: 2rem;
  }
  .p-icon-field-left.p-float-label > label {
    left: 2rem;
  }
  .p-icon-field-right > .p-inputtext {
    padding-right: 2rem;
  }
  ::-webkit-input-placeholder {
    color: #6c757d;
  }
  :-moz-placeholder {
    color: #6c757d;
  }
  ::-moz-placeholder {
    color: #6c757d;
  }
  :-ms-input-placeholder {
    color: #6c757d;
  }
  .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: 0.875rem;
    padding: 0.4375rem 0.4375rem;
  }
  .p-inputtext-lg .p-inputtext {
    font-size: 1.25rem;
    padding: 0.625rem 0.625rem;
  }
  .p-icon-field {
    position: relative;
  }
  .p-icon-field > .p-input-icon {
    position: absolute;
    top: 50%;
    margin-top: -0.5rem;
  }
  .p-fluid .p-icon-field-left,
  .p-fluid .p-icon-field-right {
    width: 100%;
  }
  .p-icon-field-left > .p-input-icon:first-of-type {
    left: 0.5rem;
    color: #6c757d;
  }
  .p-icon-field-right > .p-input-icon:last-of-type {
    right: 0.5rem;
    color: #6c757d;
  }
  .p-inputotp {
    display: flex;
    align-items: center;
    gap: 0.5rem;
  }
  .p-inputotp-input {
    text-align: center;
    width: 2rem;
  }
  .p-listbox-list-wrapper {
    overflow: auto;
  }
  .p-listbox-list {
    list-style-type: none;
    margin: 0;
    padding: 0;
  }
  .p-listbox-item {
    cursor: pointer;
    position: relative;
    overflow: hidden;
  }
  .p-listbox-item-group {
    cursor: auto;
  }
  .p-listbox-filter-container {
    position: relative;
  }
  .p-listbox-filter-icon {
    position: absolute;
    top: 50%;
    margin-top: -0.5rem;
  }
  .p-listbox-filter {
    width: 100%;
  }
  .p-listbox {
    background: #ffffff;
    color: #495057;
    border: 1px solid #ced4da;
    border-radius: 3px;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
    outline-color: transparent;
  }
  .p-listbox .p-listbox-header {
    padding: 0.5rem 1rem;
    border-bottom: 0 none;
    color: #495057;
    background: #f8f9fa;
    margin: 0;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
  }
  .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: #6c757d;
  }
  .p-listbox .p-listbox-list {
    padding: 0.5rem 0;
    outline: 0 none;
  }
  .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:first-child {
    margin-top: 0;
  }
  .p-listbox .p-listbox-list .p-listbox-item:last-child {
    margin-bottom: 0;
  }
  .p-listbox .p-listbox-list .p-listbox-item.p-highlight {
    color: #495057;
    background: #e3f2fd;
  }
  .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.p-highlight.p-focus {
    background: rgba(33, 150, 243, 0.24);
  }
  .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus {
    color: #495057;
    background: #e9ecef;
  }
  .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
    color: #495057;
    background: #e9ecef;
  }
  .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover.p-focus {
    color: #495057;
    background: #e9ecef;
  }
  .p-listbox.p-focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
    border-color: #2196f3;
  }
  .p-listbox.p-invalid {
    border-color: #f44336;
  }
  .p-mention-panel {
    background: #ffffff;
    color: #495057;
    border: 0 none;
    border-radius: 3px;
    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-mention-panel .p-mention-items {
    padding: 0.5rem 0;
  }
  .p-mention-panel .p-mention-items .p-mention-item {
    margin: 0;
    padding: 0.5rem 1rem;
    border: 0 none;
    color: #495057;
    background: transparent;
    transition: box-shadow 0.2s;
    border-radius: 0;
  }
  .p-mention-panel .p-mention-items .p-mention-item:hover {
    color: #495057;
    background: #e9ecef;
  }
  .p-mention-panel .p-mention-items .p-mention-item.p-highlight {
    color: #495057;
    background: #e3f2fd;
  }
  .p-multiselect {
    display: inline-flex;
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
  }
  .p-multiselect-trigger {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
  }
  .p-multiselect-label-container {
    overflow: hidden;
    flex: 1 1 auto;
    cursor: pointer;
  }
  .p-multiselect-label {
    display: block;
    white-space: nowrap;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .p-multiselect-label-empty {
    overflow: hidden;
    visibility: hidden;
  }
  .p-multiselect-token {
    cursor: default;
    display: inline-flex;
    align-items: center;
    flex: 0 0 auto;
  }
  .p-multiselect-token-icon {
    cursor: pointer;
  }
  .p-multiselect .p-multiselect-panel {
    min-width: 100%;
  }
  .p-multiselect-items-wrapper {
    overflow: auto;
  }
  .p-multiselect-items {
    margin: 0;
    padding: 0;
    list-style-type: none;
  }
  .p-multiselect-item {
    cursor: pointer;
    display: flex;
    align-items: center;
    font-weight: normal;
    white-space: nowrap;
    position: relative;
    overflow: hidden;
  }
  .p-multiselect-item-group {
    cursor: auto;
  }
  .p-multiselect-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .p-multiselect-filter-container {
    position: relative;
    flex: 1 1 auto;
  }
  .p-multiselect-filter-icon {
    position: absolute;
    top: 50%;
    margin-top: -0.5rem;
  }
  .p-multiselect-filter-container .p-inputtext {
    width: 100%;
  }
  .p-multiselect-close {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    overflow: hidden;
    position: relative;
    margin-left: auto;
  }
  .p-fluid .p-multiselect {
    display: flex;
  }
  .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: 3px;
    outline-color: transparent;
  }
  .p-multiselect:not(.p-disabled):hover {
    border-color: #2196f3;
  }
  .p-multiselect:not(.p-disabled).p-focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
    border-color: #2196f3;
  }
  .p-multiselect.p-variant-filled {
    background: #f8f9fa;
  }
  .p-multiselect.p-variant-filled:not(.p-disabled):hover {
    background-color: #f8f9fa;
  }
  .p-multiselect.p-variant-filled:not(.p-disabled).p-focus {
    background-color: #ffffff;
  }
  .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: #6c757d;
  }
  .p-multiselect.p-multiselect-chip .p-multiselect-token {
    padding: 0.25rem 0.5rem;
    margin-right: 0.5rem;
    background: #dee2e6;
    color: #495057;
    border-radius: 16px;
  }
  .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
    margin-left: 0.5rem;
  }
  .p-multiselect .p-multiselect-trigger {
    background: transparent;
    color: #6c757d;
    width: 2.357rem;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
  }
  .p-multiselect.p-invalid.p-component {
    border-color: #f44336;
  }
  .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label {
    padding: 0.25rem 0.5rem;
  }
  .p-multiselect-panel {
    background: #ffffff;
    color: #495057;
    border: 0 none;
    border-radius: 3px;
    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: 3px;
    border-top-left-radius: 3px;
  }
  .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext {
    padding-right: 1.5rem;
  }
  .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon {
    right: 0.5rem;
    color: #6c757d;
  }
  .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: #6c757d;
    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-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .p-multiselect-panel .p-multiselect-items {
    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:first-child {
    margin-top: 0;
  }
  .p-multiselect-panel .p-multiselect-items .p-multiselect-item:last-child {
    margin-bottom: 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.p-highlight.p-focus {
    background: rgba(33, 150, 243, 0.24);
  }
  .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus {
    color: #495057;
    background: #e9ecef;
  }
  .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-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: 3px;
  }
  .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 {
    position: relative;
    display: inline-flex;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    vertical-align: bottom;
  }
  .p-radiobutton-input {
    cursor: pointer;
  }
  .p-radiobutton-box {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .p-radiobutton-icon {
    backface-visibility: hidden;
    transform: translateZ(0) scale(0.1);
    border-radius: 50%;
    visibility: hidden;
  }
  .p-radiobutton.p-highlight .p-radiobutton-icon {
    transform: translateZ(0) scale(1, 1);
    visibility: visible;
  }
  .p-radiobutton {
    width: 20px;
    height: 20px;
  }
  .p-radiobutton .p-radiobutton-input {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    opacity: 0;
    z-index: 1;
    outline: 0 none;
    border: 2px solid #ced4da;
    border-radius: 50%;
  }
  .p-radiobutton .p-radiobutton-box {
    border: 2px solid #ced4da;
    background: #ffffff;
    width: 20px;
    height: 20px;
    color: #495057;
    border-radius: 50%;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
    outline-color: transparent;
  }
  .p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
    width: 12px;
    height: 12px;
    transition-duration: 0.2s;
    background-color: #ffffff;
  }
  .p-radiobutton.p-highlight .p-radiobutton-box {
    border-color: #2196f3;
    background: #2196f3;
  }
  .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
    border-color: #2196f3;
  }
  .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
    border-color: #0b7ad1;
    background: #0b7ad1;
  }
  .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box .p-radiobutton-icon {
    background-color: #ffffff;
  }
  .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible) .p-radiobutton-box {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
    border-color: #2196f3;
  }
  .p-radiobutton.p-invalid > .p-radiobutton-box {
    border-color: #f44336;
  }
  .p-radiobutton.p-variant-filled .p-radiobutton-box {
    background-color: #f8f9fa;
  }
  .p-radiobutton.p-variant-filled.p-highlight .p-radiobutton-box {
    background: #2196f3;
  }
  .p-radiobutton.p-variant-filled:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
    background-color: #f8f9fa;
  }
  .p-radiobutton.p-variant-filled:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
    background: #0b7ad1;
  }
  .p-input-filled .p-radiobutton .p-radiobutton-box {
    background-color: #f8f9fa;
  }
  .p-input-filled .p-radiobutton.p-highlight .p-radiobutton-box {
    background: #2196f3;
  }
  .p-input-filled .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
    background-color: #f8f9fa;
  }
  .p-input-filled .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
    background: #0b7ad1;
  }
  .p-rating {
    position: relative;
    display: flex;
    align-items: center;
  }
  .p-rating-item {
    display: inline-flex;
    align-items: center;
    cursor: pointer;
  }
  .p-rating.p-readonly .p-rating-item {
    cursor: default;
  }
  .p-rating {
    gap: 0.5rem;
  }
  .p-rating .p-rating-item {
    outline-color: transparent;
    border-radius: 50%;
  }
  .p-rating .p-rating-item .p-rating-icon {
    color: #495057;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
    font-size: 1.143rem;
  }
  .p-rating .p-rating-item .p-rating-icon.p-icon {
    width: 1.143rem;
    height: 1.143rem;
  }
  .p-rating .p-rating-item .p-rating-icon.p-rating-cancel {
    color: #e74c3c;
  }
  .p-rating .p-rating-item.p-focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .p-rating .p-rating-item.p-rating-item-active .p-rating-icon {
    color: #2196f3;
  }
  .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon {
    color: #2196f3;
  }
  .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel {
    color: #c0392b;
  }
  .p-selectbutton .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-selectbutton .p-button .p-button-icon-left,
  .p-selectbutton .p-button .p-button-icon-right {
    color: #6c757d;
  }
  .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover {
    background: #e9ecef;
    border-color: #ced4da;
    color: #495057;
  }
  .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: #6c757d;
  }
  .p-selectbutton .p-button.p-highlight {
    background: #2196f3;
    border-color: #2196f3;
    color: #ffffff;
  }
  .p-selectbutton .p-button.p-highlight .p-button-icon-left,
  .p-selectbutton .p-button.p-highlight .p-button-icon-right {
    color: #ffffff;
  }
  .p-selectbutton .p-button.p-highlight:hover {
    background: #0d89ec;
    border-color: #0d89ec;
    color: #ffffff;
  }
  .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left,
  .p-selectbutton .p-button.p-highlight:hover .p-button-icon-right {
    color: #ffffff;
  }
  .p-selectbutton.p-invalid > .p-button {
    border-color: #f44336;
  }
  .p-slider {
    background: #dee2e6;
    border: 0 none;
    border-radius: 3px;
  }
  .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 #2196f3;
    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 #a6d5fa;
  }
  .p-slider .p-slider-range {
    background: #2196f3;
  }
  .p-slider:not(.p-disabled) .p-slider-handle:hover {
    background: #2196f3;
    border-color: #2196f3;
  }
  .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: 3px;
  }
  .p-treeselect:not(.p-disabled):hover {
    border-color: #2196f3;
  }
  .p-treeselect:not(.p-disabled).p-focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
    border-color: #2196f3;
  }
  .p-treeselect.p-treeselect-clearable .p-treeselect-label {
    padding-right: 1.5rem;
  }
  .p-treeselect.p-variant-filled {
    background: #f8f9fa;
  }
  .p-treeselect.p-variant-filled:not(.p-disabled):hover {
    background-color: #f8f9fa;
  }
  .p-treeselect.p-variant-filled:not(.p-disabled).p-focus {
    background-color: #ffffff;
  }
  .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: #6c757d;
  }
  .p-treeselect.p-treeselect-chip .p-treeselect-token {
    padding: 0.25rem 0.5rem;
    margin-right: 0.5rem;
    background: #dee2e6;
    color: #495057;
    border-radius: 16px;
  }
  .p-treeselect .p-treeselect-trigger {
    background: transparent;
    color: #6c757d;
    width: 2.357rem;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
  }
  .p-treeselect .p-treeselect-clear-icon {
    color: #6c757d;
    right: 2.357rem;
  }
  .p-treeselect.p-invalid.p-component {
    border-color: #f44336;
  }
  .p-inputwrapper-filled.p-treeselect.p-treeselect-chip .p-treeselect-label {
    padding: 0.25rem 0.5rem;
  }
  .p-treeselect-panel {
    background: #ffffff;
    color: #495057;
    border: 0 none;
    border-radius: 3px;
    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-header {
    padding: 0.5rem 1rem;
    border-bottom: 0 none;
    color: #495057;
    background: #f8f9fa;
    margin: 0;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
  }
  .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container {
    margin-right: 0.5rem;
  }
  .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter {
    padding-right: 1.5rem;
  }
  .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter-icon {
    right: 0.5rem;
    color: #6c757d;
  }
  .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter {
    padding-right: 3rem;
  }
  .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter-clear-icon {
    right: 2rem;
  }
  .p-treeselect-panel .p-treeselect-header .p-treeselect-close {
    width: 2rem;
    height: 2rem;
    color: #6c757d;
    border: 0 none;
    background: transparent;
    border-radius: 50%;
    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
  }
  .p-treeselect-panel .p-treeselect-header .p-treeselect-close:enabled:hover {
    color: #495057;
    border-color: transparent;
    background: #e9ecef;
  }
  .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .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-togglebutton {
    position: relative;
    display: inline-flex;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    vertical-align: bottom;
  }
  .p-togglebutton-input {
    cursor: pointer;
  }
  .p-togglebutton .p-button {
    flex: 1 1 auto;
  }
  .p-togglebutton .p-togglebutton-input {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    opacity: 0;
    z-index: 1;
    outline: 0 none;
    border: 1px solid #ced4da;
    border-radius: 3px;
  }
  .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;
    outline-color: transparent;
  }
  .p-togglebutton .p-button .p-button-icon-left,
  .p-togglebutton .p-button .p-button-icon-right {
    color: #6c757d;
  }
  .p-togglebutton.p-highlight .p-button {
    background: #2196f3;
    border-color: #2196f3;
    color: #ffffff;
  }
  .p-togglebutton.p-highlight .p-button .p-button-icon-left,
  .p-togglebutton.p-highlight .p-button .p-button-icon-right {
    color: #ffffff;
  }
  .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button {
    background: #e9ecef;
    border-color: #ced4da;
    color: #495057;
  }
  .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button .p-button-icon-left,
  .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button .p-button-icon-right {
    color: #6c757d;
  }
  .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button {
    background: #0d89ec;
    border-color: #0d89ec;
    color: #ffffff;
  }
  .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button .p-button-icon-left,
  .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button .p-button-icon-right {
    color: #ffffff;
  }
  .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:focus-visible) .p-button {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
    border-color: #2196f3;
  }
  .p-togglebutton.p-invalid > .p-button {
    border-color: #f44336;
  }
  .p-button {
    color: #ffffff;
    background: #2196f3;
    border: 1px solid #2196f3;
    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: 3px;
  }
  .p-button:not(:disabled):hover {
    background: #0d89ec;
    color: #ffffff;
    border-color: #0d89ec;
  }
  .p-button:not(:disabled):active {
    background: #0b7ad1;
    color: #ffffff;
    border-color: #0b7ad1;
  }
  .p-button.p-button-outlined {
    background-color: transparent;
    color: #2196f3;
    border: 1px solid;
  }
  .p-button.p-button-outlined:not(:disabled):hover {
    background: rgba(33, 150, 243, 0.04);
    color: #2196f3;
    border: 1px solid;
  }
  .p-button.p-button-outlined:not(:disabled):active {
    background: rgba(33, 150, 243, 0.16);
    color: #2196f3;
    border: 1px solid;
  }
  .p-button.p-button-outlined.p-button-plain {
    color: #6c757d;
    border-color: #6c757d;
  }
  .p-button.p-button-outlined.p-button-plain:not(:disabled):hover {
    background: #e9ecef;
    color: #6c757d;
  }
  .p-button.p-button-outlined.p-button-plain:not(:disabled):active {
    background: #dee2e6;
    color: #6c757d;
  }
  .p-button.p-button-text {
    background-color: transparent;
    color: #2196f3;
    border-color: transparent;
  }
  .p-button.p-button-text:not(:disabled):hover {
    background: rgba(33, 150, 243, 0.04);
    color: #2196f3;
    border-color: transparent;
  }
  .p-button.p-button-text:not(:disabled):active {
    background: rgba(33, 150, 243, 0.16);
    color: #2196f3;
    border-color: transparent;
  }
  .p-button.p-button-text.p-button-plain {
    color: #6c757d;
  }
  .p-button.p-button-text.p-button-plain:not(:disabled):hover {
    background: #e9ecef;
    color: #6c757d;
  }
  .p-button.p-button-text.p-button-plain:not(:disabled):active {
    background: #dee2e6;
    color: #6c757d;
  }
  .p-button:focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .p-button .p-button-label {
    transition-duration: 0.2s;
  }
  .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: #2196f3;
    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-loading-left .p-button-label {
    margin-left: 0.5rem;
  }
  .p-button.p-button-loading-label-only.p-button-loading-right .p-button-label {
    margin-right: 0.5rem;
  }
  .p-button.p-button-loading-label-only.p-button-loading-top .p-button-label {
    margin-top: 0.5rem;
  }
  .p-button.p-button-loading-label-only.p-button-loading-bottom .p-button-label {
    margin-bottom: 0.5rem;
  }
  .p-button.p-button-loading-label-only .p-button-loading-icon {
    margin: 0;
  }
  .p-fluid .p-button {
    width: 100%;
  }
  .p-fluid .p-button-icon-only {
    width: 2.357rem;
  }
  .p-fluid .p-button-group {
    display: flex;
  }
  .p-fluid .p-button-group .p-button {
    flex: 1;
  }
  .p-button.p-button-secondary, .p-button-group.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button, .p-fileupload-choose.p-button-secondary {
    color: #ffffff;
    background: #607d8b;
    border: 1px solid #607d8b;
  }
  .p-button.p-button-secondary:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover, .p-fileupload-choose.p-button-secondary:not(:disabled):hover {
    background: #56717d;
    color: #ffffff;
    border-color: #56717d;
  }
  .p-button.p-button-secondary:not(:disabled):focus, .p-button-group.p-button-secondary > .p-button:not(:disabled):focus, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus, .p-fileupload-choose.p-button-secondary:not(:disabled):focus {
    box-shadow: 0 0 0 0.2rem #beccd2;
  }
  .p-button.p-button-secondary:not(:disabled):active, .p-button-group.p-button-secondary > .p-button:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):active, .p-fileupload-choose.p-button-secondary:not(:disabled):active {
    background: #4d646f;
    color: #ffffff;
    border-color: #4d646f;
  }
  .p-button.p-button-secondary.p-button-outlined, .p-button-group.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined, .p-fileupload-choose.p-button-secondary.p-button-outlined {
    background-color: transparent;
    color: #607d8b;
    border: 1px solid;
  }
  .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, .p-fileupload-choose.p-button-secondary.p-button-outlined:not(:disabled):hover {
    background: rgba(96, 125, 139, 0.04);
    color: #607d8b;
    border: 1px solid;
  }
  .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, .p-button-group.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, .p-fileupload-choose.p-button-secondary.p-button-outlined:not(:disabled):active {
    background: rgba(96, 125, 139, 0.16);
    color: #607d8b;
    border: 1px solid;
  }
  .p-button.p-button-secondary.p-button-text, .p-button-group.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text, .p-fileupload-choose.p-button-secondary.p-button-text {
    background-color: transparent;
    color: #607d8b;
    border-color: transparent;
  }
  .p-button.p-button-secondary.p-button-text:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, .p-fileupload-choose.p-button-secondary.p-button-text:not(:disabled):hover {
    background: rgba(96, 125, 139, 0.04);
    border-color: transparent;
    color: #607d8b;
  }
  .p-button.p-button-secondary.p-button-text:not(:disabled):active, .p-button-group.p-button-secondary > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active, .p-fileupload-choose.p-button-secondary.p-button-text:not(:disabled):active {
    background: rgba(96, 125, 139, 0.16);
    border-color: transparent;
    color: #607d8b;
  }
  .p-button.p-button-info, .p-button-group.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button, .p-fileupload-choose.p-button-info {
    color: #ffffff;
    background: #0288d1;
    border: 1px solid #0288d1;
  }
  .p-button.p-button-info:not(:disabled):hover, .p-button-group.p-button-info > .p-button:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button:not(:disabled):hover, .p-fileupload-choose.p-button-info:not(:disabled):hover {
    background: #027abc;
    color: #ffffff;
    border-color: #027abc;
  }
  .p-button.p-button-info:not(:disabled):focus, .p-button-group.p-button-info > .p-button:not(:disabled):focus, .p-splitbutton.p-button-info > .p-button:not(:disabled):focus, .p-fileupload-choose.p-button-info:not(:disabled):focus {
    box-shadow: 0 0 0 0.2rem #89d4fe;
  }
  .p-button.p-button-info:not(:disabled):active, .p-button-group.p-button-info > .p-button:not(:disabled):active, .p-splitbutton.p-button-info > .p-button:not(:disabled):active, .p-fileupload-choose.p-button-info:not(:disabled):active {
    background: #026da7;
    color: #ffffff;
    border-color: #026da7;
  }
  .p-button.p-button-info.p-button-outlined, .p-button-group.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined, .p-fileupload-choose.p-button-info.p-button-outlined {
    background-color: transparent;
    color: #0288d1;
    border: 1px solid;
  }
  .p-button.p-button-info.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, .p-fileupload-choose.p-button-info.p-button-outlined:not(:disabled):hover {
    background: rgba(2, 136, 209, 0.04);
    color: #0288d1;
    border: 1px solid;
  }
  .p-button.p-button-info.p-button-outlined:not(:disabled):active, .p-button-group.p-button-info > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active, .p-fileupload-choose.p-button-info.p-button-outlined:not(:disabled):active {
    background: rgba(2, 136, 209, 0.16);
    color: #0288d1;
    border: 1px solid;
  }
  .p-button.p-button-info.p-button-text, .p-button-group.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text, .p-fileupload-choose.p-button-info.p-button-text {
    background-color: transparent;
    color: #0288d1;
    border-color: transparent;
  }
  .p-button.p-button-info.p-button-text:not(:disabled):hover, .p-button-group.p-button-info > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover, .p-fileupload-choose.p-button-info.p-button-text:not(:disabled):hover {
    background: rgba(2, 136, 209, 0.04);
    border-color: transparent;
    color: #0288d1;
  }
  .p-button.p-button-info.p-button-text:not(:disabled):active, .p-button-group.p-button-info > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active, .p-fileupload-choose.p-button-info.p-button-text:not(:disabled):active {
    background: rgba(2, 136, 209, 0.16);
    border-color: transparent;
    color: #0288d1;
  }
  .p-button.p-button-success, .p-button-group.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button, .p-fileupload-choose.p-button-success {
    color: #ffffff;
    background: #689f38;
    border: 1px solid #689f38;
  }
  .p-button.p-button-success:not(:disabled):hover, .p-button-group.p-button-success > .p-button:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button:not(:disabled):hover, .p-fileupload-choose.p-button-success:not(:disabled):hover {
    background: #5e8f32;
    color: #ffffff;
    border-color: #5e8f32;
  }
  .p-button.p-button-success:not(:disabled):focus, .p-button-group.p-button-success > .p-button:not(:disabled):focus, .p-splitbutton.p-button-success > .p-button:not(:disabled):focus, .p-fileupload-choose.p-button-success:not(:disabled):focus {
    box-shadow: 0 0 0 0.2rem #c2e0a8;
  }
  .p-button.p-button-success:not(:disabled):active, .p-button-group.p-button-success > .p-button:not(:disabled):active, .p-splitbutton.p-button-success > .p-button:not(:disabled):active, .p-fileupload-choose.p-button-success:not(:disabled):active {
    background: #537f2d;
    color: #ffffff;
    border-color: #537f2d;
  }
  .p-button.p-button-success.p-button-outlined, .p-button-group.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined, .p-fileupload-choose.p-button-success.p-button-outlined {
    background-color: transparent;
    color: #689f38;
    border: 1px solid;
  }
  .p-button.p-button-success.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, .p-fileupload-choose.p-button-success.p-button-outlined:not(:disabled):hover {
    background: rgba(104, 159, 56, 0.04);
    color: #689f38;
    border: 1px solid;
  }
  .p-button.p-button-success.p-button-outlined:not(:disabled):active, .p-button-group.p-button-success > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active, .p-fileupload-choose.p-button-success.p-button-outlined:not(:disabled):active {
    background: rgba(104, 159, 56, 0.16);
    color: #689f38;
    border: 1px solid;
  }
  .p-button.p-button-success.p-button-text, .p-button-group.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text, .p-fileupload-choose.p-button-success.p-button-text {
    background-color: transparent;
    color: #689f38;
    border-color: transparent;
  }
  .p-button.p-button-success.p-button-text:not(:disabled):hover, .p-button-group.p-button-success > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover, .p-fileupload-choose.p-button-success.p-button-text:not(:disabled):hover {
    background: rgba(104, 159, 56, 0.04);
    border-color: transparent;
    color: #689f38;
  }
  .p-button.p-button-success.p-button-text:not(:disabled):active, .p-button-group.p-button-success > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active, .p-fileupload-choose.p-button-success.p-button-text:not(:disabled):active {
    background: rgba(104, 159, 56, 0.16);
    border-color: transparent;
    color: #689f38;
  }
  .p-button.p-button-warning, .p-button-group.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button, .p-fileupload-choose.p-button-warning {
    color: #212529;
    background: #fbc02d;
    border: 1px solid #fbc02d;
  }
  .p-button.p-button-warning:not(:disabled):hover, .p-button-group.p-button-warning > .p-button:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button:not(:disabled):hover, .p-fileupload-choose.p-button-warning:not(:disabled):hover {
    background: #fab710;
    color: #212529;
    border-color: #fab710;
  }
  .p-button.p-button-warning:not(:disabled):focus, .p-button-group.p-button-warning > .p-button:not(:disabled):focus, .p-splitbutton.p-button-warning > .p-button:not(:disabled):focus, .p-fileupload-choose.p-button-warning:not(:disabled):focus {
    box-shadow: 0 0 0 0.2rem #fde6ab;
  }
  .p-button.p-button-warning:not(:disabled):active, .p-button-group.p-button-warning > .p-button:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button:not(:disabled):active, .p-fileupload-choose.p-button-warning:not(:disabled):active {
    background: #e8a704;
    color: #212529;
    border-color: #e8a704;
  }
  .p-button.p-button-warning.p-button-outlined, .p-button-group.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined, .p-fileupload-choose.p-button-warning.p-button-outlined {
    background-color: transparent;
    color: #fbc02d;
    border: 1px solid;
  }
  .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, .p-fileupload-choose.p-button-warning.p-button-outlined:not(:disabled):hover {
    background: rgba(251, 192, 45, 0.04);
    color: #fbc02d;
    border: 1px solid;
  }
  .p-button.p-button-warning.p-button-outlined:not(:disabled):active, .p-button-group.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, .p-fileupload-choose.p-button-warning.p-button-outlined:not(:disabled):active {
    background: rgba(251, 192, 45, 0.16);
    color: #fbc02d;
    border: 1px solid;
  }
  .p-button.p-button-warning.p-button-text, .p-button-group.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text, .p-fileupload-choose.p-button-warning.p-button-text {
    background-color: transparent;
    color: #fbc02d;
    border-color: transparent;
  }
  .p-button.p-button-warning.p-button-text:not(:disabled):hover, .p-button-group.p-button-warning > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover, .p-fileupload-choose.p-button-warning.p-button-text:not(:disabled):hover {
    background: rgba(251, 192, 45, 0.04);
    border-color: transparent;
    color: #fbc02d;
  }
  .p-button.p-button-warning.p-button-text:not(:disabled):active, .p-button-group.p-button-warning > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active, .p-fileupload-choose.p-button-warning.p-button-text:not(:disabled):active {
    background: rgba(251, 192, 45, 0.16);
    border-color: transparent;
    color: #fbc02d;
  }
  .p-button.p-button-help, .p-button-group.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button, .p-fileupload-choose.p-button-help {
    color: #ffffff;
    background: #9c27b0;
    border: 1px solid #9c27b0;
  }
  .p-button.p-button-help:not(:disabled):hover, .p-button-group.p-button-help > .p-button:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button:not(:disabled):hover, .p-fileupload-choose.p-button-help:not(:disabled):hover {
    background: #8c239e;
    color: #ffffff;
    border-color: #8c239e;
  }
  .p-button.p-button-help:not(:disabled):focus, .p-button-group.p-button-help > .p-button:not(:disabled):focus, .p-splitbutton.p-button-help > .p-button:not(:disabled):focus, .p-fileupload-choose.p-button-help:not(:disabled):focus {
    box-shadow: 0 0 0 0.2rem #df9eea;
  }
  .p-button.p-button-help:not(:disabled):active, .p-button-group.p-button-help > .p-button:not(:disabled):active, .p-splitbutton.p-button-help > .p-button:not(:disabled):active, .p-fileupload-choose.p-button-help:not(:disabled):active {
    background: #7d1f8d;
    color: #ffffff;
    border-color: #7d1f8d;
  }
  .p-button.p-button-help.p-button-outlined, .p-button-group.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined, .p-fileupload-choose.p-button-help.p-button-outlined {
    background-color: transparent;
    color: #9c27b0;
    border: 1px solid;
  }
  .p-button.p-button-help.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, .p-fileupload-choose.p-button-help.p-button-outlined:not(:disabled):hover {
    background: rgba(156, 39, 176, 0.04);
    color: #9c27b0;
    border: 1px solid;
  }
  .p-button.p-button-help.p-button-outlined:not(:disabled):active, .p-button-group.p-button-help > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active, .p-fileupload-choose.p-button-help.p-button-outlined:not(:disabled):active {
    background: rgba(156, 39, 176, 0.16);
    color: #9c27b0;
    border: 1px solid;
  }
  .p-button.p-button-help.p-button-text, .p-button-group.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text, .p-fileupload-choose.p-button-help.p-button-text {
    background-color: transparent;
    color: #9c27b0;
    border-color: transparent;
  }
  .p-button.p-button-help.p-button-text:not(:disabled):hover, .p-button-group.p-button-help > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover, .p-fileupload-choose.p-button-help.p-button-text:not(:disabled):hover {
    background: rgba(156, 39, 176, 0.04);
    border-color: transparent;
    color: #9c27b0;
  }
  .p-button.p-button-help.p-button-text:not(:disabled):active, .p-button-group.p-button-help > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active, .p-fileupload-choose.p-button-help.p-button-text:not(:disabled):active {
    background: rgba(156, 39, 176, 0.16);
    border-color: transparent;
    color: #9c27b0;
  }
  .p-button.p-button-danger, .p-button-group.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button, .p-fileupload-choose.p-button-danger {
    color: #ffffff;
    background: #d32f2f;
    border: 1px solid #d32f2f;
  }
  .p-button.p-button-danger:not(:disabled):hover, .p-button-group.p-button-danger > .p-button:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button:not(:disabled):hover, .p-fileupload-choose.p-button-danger:not(:disabled):hover {
    background: #c02929;
    color: #ffffff;
    border-color: #c02929;
  }
  .p-button.p-button-danger:not(:disabled):focus, .p-button-group.p-button-danger > .p-button:not(:disabled):focus, .p-splitbutton.p-button-danger > .p-button:not(:disabled):focus, .p-fileupload-choose.p-button-danger:not(:disabled):focus {
    box-shadow: 0 0 0 0.2rem #edacac;
  }
  .p-button.p-button-danger:not(:disabled):active, .p-button-group.p-button-danger > .p-button:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button:not(:disabled):active, .p-fileupload-choose.p-button-danger:not(:disabled):active {
    background: #aa2424;
    color: #ffffff;
    border-color: #aa2424;
  }
  .p-button.p-button-danger.p-button-outlined, .p-button-group.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined, .p-fileupload-choose.p-button-danger.p-button-outlined {
    background-color: transparent;
    color: #d32f2f;
    border: 1px solid;
  }
  .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, .p-fileupload-choose.p-button-danger.p-button-outlined:not(:disabled):hover {
    background: rgba(211, 47, 47, 0.04);
    color: #d32f2f;
    border: 1px solid;
  }
  .p-button.p-button-danger.p-button-outlined:not(:disabled):active, .p-button-group.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, .p-fileupload-choose.p-button-danger.p-button-outlined:not(:disabled):active {
    background: rgba(211, 47, 47, 0.16);
    color: #d32f2f;
    border: 1px solid;
  }
  .p-button.p-button-danger.p-button-text, .p-button-group.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text, .p-fileupload-choose.p-button-danger.p-button-text {
    background-color: transparent;
    color: #d32f2f;
    border-color: transparent;
  }
  .p-button.p-button-danger.p-button-text:not(:disabled):hover, .p-button-group.p-button-danger > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover, .p-fileupload-choose.p-button-danger.p-button-text:not(:disabled):hover {
    background: rgba(211, 47, 47, 0.04);
    border-color: transparent;
    color: #d32f2f;
  }
  .p-button.p-button-danger.p-button-text:not(:disabled):active, .p-button-group.p-button-danger > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active, .p-fileupload-choose.p-button-danger.p-button-text:not(:disabled):active {
    background: rgba(211, 47, 47, 0.16);
    border-color: transparent;
    color: #d32f2f;
  }
  .p-button.p-button-link {
    color: #0b7ad1;
    background: transparent;
    border: transparent;
  }
  .p-button.p-button-link:not(:disabled):hover {
    background: transparent;
    color: #0b7ad1;
    border-color: transparent;
  }
  .p-button.p-button-link:not(:disabled):hover .p-button-label {
    text-decoration: underline;
  }
  .p-button.p-button-link:not(:disabled):focus {
    background: transparent;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
    border-color: transparent;
  }
  .p-button.p-button-link:not(:disabled):active {
    background: transparent;
    color: #0b7ad1;
    border-color: transparent;
  }
  .p-splitbutton {
    border-radius: 3px;
  }
  .p-splitbutton.p-button-outlined > .p-button {
    background-color: transparent;
    color: #2196f3;
    border: 1px solid;
  }
  .p-splitbutton.p-button-outlined > .p-button:not(:disabled):hover {
    background: rgba(33, 150, 243, 0.04);
    color: #2196f3;
  }
  .p-splitbutton.p-button-outlined > .p-button:not(:disabled):active {
    background: rgba(33, 150, 243, 0.16);
    color: #2196f3;
  }
  .p-splitbutton.p-button-outlined.p-button-plain > .p-button {
    color: #6c757d;
    border-color: #6c757d;
  }
  .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(:disabled):hover {
    background: #e9ecef;
    color: #6c757d;
  }
  .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(:disabled):active {
    background: #dee2e6;
    color: #6c757d;
  }
  .p-splitbutton.p-button-text > .p-button {
    background-color: transparent;
    color: #2196f3;
    border-color: transparent;
  }
  .p-splitbutton.p-button-text > .p-button:not(:disabled):hover {
    background: rgba(33, 150, 243, 0.04);
    color: #2196f3;
    border-color: transparent;
  }
  .p-splitbutton.p-button-text > .p-button:not(:disabled):active {
    background: rgba(33, 150, 243, 0.16);
    color: #2196f3;
    border-color: transparent;
  }
  .p-splitbutton.p-button-text.p-button-plain > .p-button {
    color: #6c757d;
  }
  .p-splitbutton.p-button-text.p-button-plain > .p-button:not(:disabled):hover {
    background: #e9ecef;
    color: #6c757d;
  }
  .p-splitbutton.p-button-text.p-button-plain > .p-button:not(:disabled):active {
    background: #dee2e6;
    color: #6c757d;
  }
  .p-splitbutton.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-splitbutton.p-button-rounded {
    border-radius: 2rem;
  }
  .p-splitbutton.p-button-rounded > .p-button {
    border-radius: 2rem;
  }
  .p-splitbutton.p-button-sm > .p-button {
    font-size: 0.875rem;
    padding: 0.4375rem 0.875rem;
  }
  .p-splitbutton.p-button-sm > .p-button .p-button-icon {
    font-size: 0.875rem;
  }
  .p-splitbutton.p-button-lg > .p-button {
    font-size: 1.25rem;
    padding: 0.625rem 1.25rem;
  }
  .p-splitbutton.p-button-lg > .p-button.p-button-icon-only {
    width: auto;
  }
  .p-splitbutton.p-button-lg > .p-button .p-button-icon {
    font-size: 1.25rem;
  }
  .p-splitbutton .p-splitbutton-menubutton,
  .p-splitbutton .p-splitbutton.p-button-rounded > .p-splitbutton-menubutton.p-button,
  .p-splitbutton .p-splitbutton.p-button-outlined > .p-splitbutton-menubutton.p-button {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .p-splitbutton.p-button-secondary.p-button-outlined > .p-button {
    background-color: transparent;
    color: #607d8b;
    border: 1px solid;
  }
  .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):hover {
    background: rgba(96, 125, 139, 0.04);
    color: #607d8b;
  }
  .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):active {
    background: rgba(96, 125, 139, 0.16);
    color: #607d8b;
  }
  .p-splitbutton.p-button-secondary.p-button-text > .p-button {
    background-color: transparent;
    color: #607d8b;
    border-color: transparent;
  }
  .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):hover {
    background: rgba(96, 125, 139, 0.04);
    border-color: transparent;
    color: #607d8b;
  }
  .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):active {
    background: rgba(96, 125, 139, 0.16);
    border-color: transparent;
    color: #607d8b;
  }
  .p-splitbutton.p-button-info.p-button-outlined > .p-button {
    background-color: transparent;
    color: #0288d1;
    border: 1px solid;
  }
  .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):hover {
    background: rgba(2, 136, 209, 0.04);
    color: #0288d1;
  }
  .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):active {
    background: rgba(2, 136, 209, 0.16);
    color: #0288d1;
  }
  .p-splitbutton.p-button-info.p-button-text > .p-button {
    background-color: transparent;
    color: #0288d1;
    border-color: transparent;
  }
  .p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):hover {
    background: rgba(2, 136, 209, 0.04);
    border-color: transparent;
    color: #0288d1;
  }
  .p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):active {
    background: rgba(2, 136, 209, 0.16);
    border-color: transparent;
    color: #0288d1;
  }
  .p-splitbutton.p-button-success.p-button-outlined > .p-button {
    background-color: transparent;
    color: #689f38;
    border: 1px solid;
  }
  .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):hover {
    background: rgba(104, 159, 56, 0.04);
    color: #689f38;
  }
  .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):active {
    background: rgba(104, 159, 56, 0.16);
    color: #689f38;
  }
  .p-splitbutton.p-button-success.p-button-text > .p-button {
    background-color: transparent;
    color: #689f38;
    border-color: transparent;
  }
  .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):hover {
    background: rgba(104, 159, 56, 0.04);
    border-color: transparent;
    color: #689f38;
  }
  .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):active {
    background: rgba(104, 159, 56, 0.16);
    border-color: transparent;
    color: #689f38;
  }
  .p-splitbutton.p-button-warning.p-button-outlined > .p-button {
    background-color: transparent;
    color: #fbc02d;
    border: 1px solid;
  }
  .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):hover {
    background: rgba(251, 192, 45, 0.04);
    color: #fbc02d;
  }
  .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):active {
    background: rgba(251, 192, 45, 0.16);
    color: #fbc02d;
  }
  .p-splitbutton.p-button-warning.p-button-text > .p-button {
    background-color: transparent;
    color: #fbc02d;
    border-color: transparent;
  }
  .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):hover {
    background: rgba(251, 192, 45, 0.04);
    border-color: transparent;
    color: #fbc02d;
  }
  .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):active {
    background: rgba(251, 192, 45, 0.16);
    border-color: transparent;
    color: #fbc02d;
  }
  .p-splitbutton.p-button-help.p-button-outlined > .p-button {
    background-color: transparent;
    color: #9c27b0;
    border: 1px solid;
  }
  .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):hover {
    background: rgba(156, 39, 176, 0.04);
    color: #9c27b0;
  }
  .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):active {
    background: rgba(156, 39, 176, 0.16);
    color: #9c27b0;
  }
  .p-splitbutton.p-button-help.p-button-text > .p-button {
    background-color: transparent;
    color: #9c27b0;
    border-color: transparent;
  }
  .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):hover {
    background: rgba(156, 39, 176, 0.04);
    border-color: transparent;
    color: #9c27b0;
  }
  .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):active {
    background: rgba(156, 39, 176, 0.16);
    border-color: transparent;
    color: #9c27b0;
  }
  .p-splitbutton.p-button-danger.p-button-outlined > .p-button {
    background-color: transparent;
    color: #d32f2f;
    border: 1px solid;
  }
  .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):hover {
    background: rgba(211, 47, 47, 0.04);
    color: #d32f2f;
  }
  .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):active {
    background: rgba(211, 47, 47, 0.16);
    color: #d32f2f;
  }
  .p-splitbutton.p-button-danger.p-button-text > .p-button {
    background-color: transparent;
    color: #d32f2f;
    border-color: transparent;
  }
  .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):hover {
    background: rgba(211, 47, 47, 0.04);
    border-color: transparent;
    color: #d32f2f;
  }
  .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):active {
    background: rgba(211, 47, 47, 0.16);
    border-color: transparent;
    color: #d32f2f;
  }
  .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-button.p-button.p-button-icon-only .p-button-icon.p-icon {
    width: 1.3rem;
    height: 1.3rem;
  }
  .p-speeddial-list {
    outline: 0 none;
  }
  .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;
  }
  .p-speeddial-direction-up .p-speeddial-item:first-child {
    margin-bottom: 0.5rem;
  }
  .p-speeddial-direction-down .p-speeddial-item {
    margin: 0.25rem;
  }
  .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);
    border-radius: 3px;
  }
  .p-carousel .p-carousel-content .p-carousel-prev,
  .p-carousel .p-carousel-content .p-carousel-next {
    width: 2rem;
    height: 2rem;
    color: #6c757d;
    border: 0 none;
    background: transparent;
    border-radius: 50%;
    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
  }
  .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-visible,
  .p-carousel .p-carousel-content .p-carousel-next:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .p-carousel .p-carousel-content .p-carousel-prev,
  .p-carousel .p-carousel-content .p-carousel-next {
    margin: 0.5rem;
  }
  .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: 1rem 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: 1rem 1rem;
    border: 1px solid #e9ecef;
    border-width: 0 0 1px 0;
    font-weight: 600;
    color: #495057;
    background: #f8f9fa;
    transition: box-shadow 0.2s;
  }
  .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: #6c757d;
    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):not(.p-sortable-disabled):hover {
    background: #e9ecef;
    color: #495057;
  }
  .p-datatable .p-sortable-column:not(.p-highlight):not(.p-sortable-disabled):hover .p-sortable-column-icon {
    color: #6c757d;
  }
  .p-datatable .p-sortable-column.p-highlight {
    background: #f8f9fa;
    color: #2196f3;
  }
  .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon {
    color: #2196f3;
  }
  .p-datatable .p-sortable-column.p-highlight:not(.p-sortable-disabled):hover {
    background: #e9ecef;
    color: #2196f3;
  }
  .p-datatable .p-sortable-column.p-highlight:not(.p-sortable-disabled):hover .p-sortable-column-icon {
    color: #2196f3;
  }
  .p-datatable .p-sortable-column:focus-visible {
    box-shadow: inset 0 0 0 0.15rem #a6d5fa;
    outline: 0 none;
  }
  .p-datatable .p-datatable-tbody > tr {
    background: #ffffff;
    color: #495057;
    transition: box-shadow 0.2s;
  }
  .p-datatable .p-datatable-tbody > tr > td {
    text-align: left;
    border: 1px solid #e9ecef;
    border-width: 0 0 1px 0;
    padding: 1rem 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: #6c757d;
    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-visible,
  .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible,
  .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible,
  .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save {
    margin-right: 0.5rem;
  }
  .p-datatable .p-datatable-tbody > tr > td > .p-column-title {
    font-weight: 600;
  }
  .p-datatable .p-datatable-tbody > tr > td.p-highlight {
    background: #e3f2fd;
    color: #495057;
  }
  .p-datatable .p-datatable-tbody > tr.p-highlight {
    background: #e3f2fd;
    color: #495057;
  }
  .p-datatable .p-datatable-tbody > tr.p-highlight-contextmenu {
    outline: 0.15rem solid #a6d5fa;
    outline-offset: -0.15rem;
  }
  .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-selectable .p-datatable-tbody > tr.p-selectable-row:not(.p-highlight):not(.p-datatable-emptymessage):hover {
    background: #e9ecef;
    color: #495057;
  }
  .p-datatable.p-datatable-selectable .p-datatable-tbody > tr.p-selectable-row:focus-visible {
    outline: 0.15rem solid #a6d5fa;
    outline-offset: -0.15rem;
  }
  .p-datatable.p-datatable-selectable-cell .p-datatable-tbody > tr.p-selectable-row > td.p-selectable-cell:not(.p-highlight):hover {
    background: #e9ecef;
    color: #495057;
  }
  .p-datatable.p-datatable-selectable-cell .p-datatable-tbody > tr.p-selectable-row > td.p-selectable-cell:focus-visible {
    outline: 0.15rem solid #a6d5fa;
    outline-offset: -0.15rem;
  }
  .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):not(.p-datatable-emptymessage):hover {
    background: #e9ecef;
    color: #495057;
  }
  .p-datatable .p-column-resizer-helper {
    background: #2196f3;
  }
  .p-datatable .p-datatable-scrollable-header,
  .p-datatable .p-datatable-scrollable-footer {
    background: #f8f9fa;
  }
  .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead,
  .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-virtualscroller > .p-datatable-table > .p-datatable-thead,
  .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-virtualscroller > .p-datatable-table > .p-datatable-tfoot {
    background-color: #f8f9fa;
  }
  .p-datatable .p-datatable-loading-icon {
    font-size: 2rem;
  }
  .p-datatable .p-datatable-loading-icon.p-icon {
    width: 2rem;
    height: 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 0 1px 1px;
  }
  .p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th:last-child {
    border-width: 1px;
  }
  .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td {
    border-width: 1px 0 0 1px;
  }
  .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td:last-child {
    border-width: 1px 1px 0 1px;
  }
  .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td {
    border-width: 1px 0 1px 1px;
  }
  .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td:last-child {
    border-width: 1px;
  }
  .p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td {
    border-width: 1px 0 1px 1px;
  }
  .p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td:last-child {
    border-width: 1px 1px 1px 1px;
  }
  .p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td {
    border-width: 0 0 1px 1px;
  }
  .p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td:last-child {
    border-width: 0 1px 1px 1px;
  }
  .p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td {
    border-width: 0 0 1px 1px;
  }
  .p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td:last-child {
    border-width: 0 1px 1px 1px;
  }
  .p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td {
    border-width: 0 0 0 1px;
  }
  .p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td:last-child {
    border-width: 0 1px 0 1px;
  }
  .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd {
    background: #fcfcfc;
  }
  .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight {
    background: #e3f2fd;
    color: #495057;
  }
  .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight .p-row-toggler {
    color: #495057;
  }
  .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight .p-row-toggler:hover {
    color: #495057;
  }
  .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd + .p-row-expanded {
    background: #fcfcfc;
  }
  .p-datatable.p-datatable-sm .p-datatable-header {
    padding: 0.5rem 0.5rem;
  }
  .p-datatable.p-datatable-sm .p-datatable-thead > tr > th {
    padding: 0.5rem 0.5rem;
  }
  .p-datatable.p-datatable-sm .p-datatable-tbody > tr > td {
    padding: 0.5rem 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: 1.25rem 1.25rem;
  }
  .p-datatable.p-datatable-lg .p-datatable-thead > tr > th {
    padding: 1.25rem 1.25rem;
  }
  .p-datatable.p-datatable-lg .p-datatable-tbody > tr > td {
    padding: 1.25rem 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-datatable-drag-selection-helper {
    background: rgba(33, 150, 243, 0.16);
  }
  .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: 1rem 1rem;
    font-weight: 600;
  }
  .p-dataview .p-dataview-content {
    background: #ffffff;
    color: #495057;
    border: 0 none;
    padding: 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: 3px;
    border-bottom-right-radius: 3px;
  }
  .p-dataview .p-dataview-loading-icon {
    font-size: 2rem;
  }
  .p-dataview .p-dataview-loading-icon.p-icon {
    width: 2rem;
    height: 2rem;
  }
  .p-datascroller .p-paginator-top {
    border-width: 0 0 1px 0;
    border-radius: 0;
  }
  .p-datascroller .p-paginator-bottom {
    border-width: 0 0 1px 0;
    border-radius: 0;
  }
  .p-datascroller .p-datascroller-header {
    background: #f8f9fa;
    color: #495057;
    border: 1px solid #e9ecef;
    border-width: 1px 0 1px 0;
    padding: 1rem 1rem;
    font-weight: 600;
  }
  .p-datascroller .p-datascroller-content {
    background: #ffffff;
    color: #495057;
    border: 0 none;
    padding: 0;
  }
  .p-datascroller.p-datascroller-inline .p-datascroller-list > li {
    border: solid #e9ecef;
    border-width: 0 0 1px 0;
  }
  .p-datascroller .p-datascroller-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: 3px;
    border-bottom-right-radius: 3px;
  }
  .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: #6c757d;
    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-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .p-column-filter-clear-button {
    width: 2rem;
    height: 2rem;
    color: #6c757d;
    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-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .p-column-filter-overlay {
    background: #ffffff;
    color: #495057;
    border: 0 none;
    border-radius: 3px;
    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-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: inset 0 0 0 0.15rem #a6d5fa;
  }
  .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: 3px;
    border-top-left-radius: 3px;
  }
  .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;
  }
  .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;
    font-weight: 600;
    border-bottom: 0 none;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
  }
  .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: #6c757d;
  }
  .p-orderlist .p-orderlist-list {
    border: 1px solid #dee2e6;
    background: #ffffff;
    color: #495057;
    padding: 0.5rem 0;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    outline: 0 none;
  }
  .p-orderlist .p-orderlist-list .p-orderlist-item {
    padding: 0.5rem 1rem;
    margin: 0;
    border: 0 none;
    color: #495057;
    background: transparent;
    transition: transform 0.2s, box-shadow 0.2s;
  }
  .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover {
    background: #e9ecef;
    color: #495057;
  }
  .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus {
    color: #495057;
    background: #dee2e6;
  }
  .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
    color: #495057;
    background: #e3f2fd;
  }
  .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus {
    background: rgba(33, 150, 243, 0.24);
  }
  .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) {
    background: #e9ecef;
  }
  .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover {
    background: #e9ecef;
  }
  .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: #6cbbf5;
  }
  .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-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .p-paginator {
    background: #ffffff;
    color: #6c757d;
    border: solid #e9ecef;
    border-width: 0;
    padding: 0.5rem 1rem;
    border-radius: 3px;
  }
  .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: #6c757d;
    min-width: 2.357rem;
    height: 2.357rem;
    margin: 0.143rem;
    transition: box-shadow 0.2s;
    border-radius: 3px;
  }
  .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: 3px;
    border-bottom-left-radius: 3px;
  }
  .p-paginator .p-paginator-last {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
  }
  .p-paginator .p-dropdown {
    margin-left: 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: #6c757d;
    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: #6c757d;
    min-width: 2.357rem;
    height: 2.357rem;
    margin: 0.143rem;
    transition: box-shadow 0.2s;
    border-radius: 3px;
  }
  .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;
    font-weight: 600;
    border-bottom: 0 none;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
  }
  .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: #6c757d;
  }
  .p-picklist .p-picklist-list {
    border: 1px solid #dee2e6;
    background: #ffffff;
    color: #495057;
    padding: 0.5rem 0;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    outline: 0 none;
  }
  .p-picklist .p-picklist-list .p-picklist-item {
    padding: 0.5rem 1rem;
    margin: 0;
    border: 0 none;
    color: #495057;
    background: transparent;
    transition: transform 0.2s, box-shadow 0.2s;
  }
  .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover {
    background: #e9ecef;
    color: #495057;
  }
  .p-picklist .p-picklist-list .p-picklist-item.p-focus {
    color: #495057;
    background: #dee2e6;
  }
  .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
    color: #495057;
    background: #e3f2fd;
  }
  .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus {
    background: rgba(33, 150, 243, 0.24);
  }
  .p-tree-container {
    margin: 0;
    padding: 0;
    list-style-type: none;
    overflow: auto;
  }
  .p-treenode-children {
    margin: 0;
    padding: 0;
    list-style-type: none;
  }
  .p-treenode-selectable {
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
  }
  .p-tree-toggler {
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    position: relative;
    flex-shrink: 0;
  }
  .p-treenode-leaf > .p-treenode-content .p-tree-toggler {
    visibility: hidden;
  }
  .p-treenode-content {
    display: flex;
    align-items: center;
  }
  .p-tree-filter {
    width: 100%;
  }
  .p-tree-filter-container {
    position: relative;
    display: block;
    width: 100%;
  }
  .p-tree-filter-icon {
    position: absolute;
    top: 50%;
    margin-top: -0.5rem;
  }
  .p-tree-loading {
    position: relative;
    min-height: 4rem;
  }
  .p-tree .p-tree-loading-overlay {
    position: absolute;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .p-tree {
    border: 1px solid #dee2e6;
    background: #ffffff;
    color: #495057;
    padding: 1rem;
    border-radius: 3px;
  }
  .p-tree .p-tree-container .p-treenode {
    padding: 0.143rem;
    outline: 0 none;
  }
  .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: inset 0 0 0 0.15rem #a6d5fa;
  }
  .p-tree .p-tree-container .p-treenode .p-treenode-content {
    border-radius: 3px;
    transition: box-shadow 0.2s;
    padding: 0;
  }
  .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler {
    margin-right: 0.5rem;
    width: 2rem;
    height: 2rem;
    color: #6c757d;
    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-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon {
    margin-right: 0.5rem;
    color: #6c757d;
  }
  .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.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: #6c757d;
  }
  .p-tree .p-treenode-children {
    padding: 0 0 0 1rem;
  }
  .p-tree .p-tree-loading-icon {
    font-size: 2rem;
  }
  .p-tree .p-tree-loading-icon.p-icon {
    width: 2rem;
    height: 2rem;
  }
  .p-tree .p-treenode-droppoint {
    height: 0.5rem;
  }
  .p-tree .p-treenode-droppoint.p-treenode-droppoint-active {
    background: #89c8f7;
  }
  .p-treetable {
    position: relative;
  }
  .p-treetable > .p-treetable-wrapper {
    overflow: auto;
  }
  .p-treetable table {
    border-collapse: collapse;
    width: 100%;
    table-layout: fixed;
  }
  .p-treetable .p-sortable-column {
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
  }
  .p-treetable-selectable .p-treetable-tbody > tr {
    cursor: pointer;
  }
  .p-treetable-toggler {
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    vertical-align: middle;
    overflow: hidden;
    position: relative;
  }
  .p-treetable-toggler + .p-checkbox {
    vertical-align: middle;
  }
  .p-treetable-toggler + .p-checkbox + span {
    vertical-align: middle;
  }
  /* Resizable */
  .p-treetable-resizable > .p-treetable-wrapper {
    overflow-x: auto;
  }
  .p-treetable-resizable .p-treetable-thead > tr > th,
  .p-treetable-resizable .p-treetable-tfoot > tr > td,
  .p-treetable-resizable .p-treetable-tbody > tr > td {
    overflow: hidden;
  }
  .p-treetable-resizable .p-resizable-column {
    background-clip: padding-box;
    position: relative;
  }
  .p-treetable-resizable-fit .p-resizable-column:last-child .p-column-resizer {
    display: none;
  }
  .p-treetable .p-column-resizer {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    width: 0.5rem;
    height: 100%;
    padding: 0px;
    cursor: col-resize;
    border: 1px solid transparent;
  }
  .p-treetable .p-column-resizer-helper {
    width: 1px;
    position: absolute;
    z-index: 10;
    display: none;
  }
  /* Scrollable */
  .p-treetable-scrollable-wrapper {
    position: relative;
  }
  .p-treetable-scrollable-header,
  .p-treetable-scrollable-footer {
    overflow: hidden;
    border: 0 none;
  }
  .p-treetable-scrollable-body {
    overflow: auto;
    position: relative;
  }
  .p-treetable-virtual-table {
    position: absolute;
  }
  /* Frozen Columns */
  .p-treetable-frozen-view .p-treetable-scrollable-body {
    overflow: hidden;
  }
  .p-treetable-unfrozen-view {
    position: absolute;
    top: 0px;
    left: 0px;
  }
  /* Reorder */
  .p-treetable-reorder-indicator-up,
  .p-treetable-reorder-indicator-down {
    position: absolute;
    display: none;
  }
  /* Loader */
  .p-treetable .p-treetable-loading-overlay {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
  }
  /* Alignment */
  .p-treetable .p-treetable-thead > tr > th.p-align-left > .p-column-header-content,
  .p-treetable .p-treetable-tbody > tr > td.p-align-left,
  .p-treetable .p-treetable-tfoot > tr > td.p-align-left {
    text-align: left;
    justify-content: flex-start;
  }
  .p-treetable .p-treetable-thead > tr > th.p-align-right > .p-column-header-content,
  .p-treetable .p-treetable-tbody > tr > td.p-align-right,
  .p-treetable .p-treetable-tfoot > tr > td.p-align-right {
    text-align: right;
    justify-content: flex-end;
  }
  .p-treetable .p-treetable-thead > tr > th.p-align-center > .p-column-header-content,
  .p-treetable .p-treetable-tbody > tr > td.p-align-center,
  .p-treetable .p-treetable-tfoot > tr > td.p-align-center {
    text-align: center;
    justify-content: center;
  }
  .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: 1rem 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: 1rem 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: #a6d5fa;
  }
  .p-treetable .p-sortable-column .p-sortable-column-icon {
    color: #6c757d;
    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: #6c757d;
  }
  .p-treetable .p-sortable-column.p-highlight {
    background: #f8f9fa;
    color: #2196f3;
  }
  .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon {
    color: #2196f3;
  }
  .p-treetable .p-treetable-tbody > tr {
    background: #ffffff;
    color: #495057;
    transition: box-shadow 0.2s;
  }
  .p-treetable .p-treetable-tbody > tr > td {
    text-align: left;
    border: 1px solid #e9ecef;
    border-width: 0 0 1px 0;
    padding: 1rem 1rem;
  }
  .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler {
    width: 2rem;
    height: 2rem;
    color: #6c757d;
    border: 0 none;
    background: transparent;
    border-radius: 50%;
    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
  }
  .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-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler {
    margin-right: 0.5rem;
  }
  .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox {
    margin-right: 0.5rem;
  }
  .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox .p-indeterminate .p-checkbox-icon {
    color: #495057;
  }
  .p-treetable .p-treetable-tbody > tr:focus-visible {
    outline: 0.15rem solid #a6d5fa;
    outline-offset: -0.15rem;
  }
  .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-selectable .p-treetable-tbody > tr:not(.p-highlight):hover, .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover {
    background: #e9ecef;
    color: #495057;
  }
  .p-treetable.p-treetable-selectable .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler, .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: #2196f3;
  }
  .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-loading-icon.p-icon {
    width: 2rem;
    height: 2rem;
  }
  .p-treetable.p-treetable-gridlines .p-treetable-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-striped .p-treetable-tbody > tr.p-row-odd {
    background: #fcfcfc;
  }
  .p-treetable.p-treetable-striped .p-treetable-tbody > tr.p-row-odd.p-highlight {
    background: #e3f2fd;
    color: #495057;
  }
  .p-treetable.p-treetable-striped .p-treetable-tbody > tr.p-row-odd.p-highlight .p-row-toggler {
    color: #495057;
  }
  .p-treetable.p-treetable-striped .p-treetable-tbody > tr.p-row-odd.p-highlight .p-row-toggler:hover {
    color: #495057;
  }
  .p-treetable.p-treetable-striped .p-treetable-tbody > tr.p-row-odd + .p-row-expanded {
    background: #fcfcfc;
  }
  .p-treetable.p-treetable-sm .p-treetable-header {
    padding: 0.875rem 0.875rem;
  }
  .p-treetable.p-treetable-sm .p-treetable-thead > tr > th {
    padding: 0.5rem 0.5rem;
  }
  .p-treetable.p-treetable-sm .p-treetable-tbody > tr > td {
    padding: 0.5rem 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: 1.25rem 1.25rem;
  }
  .p-treetable.p-treetable-lg .p-treetable-thead > tr > th {
    padding: 1.25rem 1.25rem;
  }
  .p-treetable.p-treetable-lg .p-treetable-tbody > tr > td {
    padding: 1.25rem 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-timeline .p-timeline-event-marker {
    border: 2px solid #2196f3;
    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-accordion .p-accordion-header .p-accordion-header-link {
    padding: 1rem;
    border: 1px solid #dee2e6;
    color: #495057;
    background: #f8f9fa;
    font-weight: 600;
    border-radius: 3px;
    transition: box-shadow 0.2s;
  }
  .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
    margin-right: 0.5rem;
  }
  .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .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 {
    padding: 1rem;
    border: 1px solid #dee2e6;
    background: #ffffff;
    color: #495057;
    border-top: 0;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
  }
  .p-accordion .p-accordion-tab {
    margin-bottom: 0;
  }
  .p-accordion .p-accordion-tab .p-accordion-header .p-accordion-header-link {
    border-radius: 0;
  }
  .p-accordion .p-accordion-tab .p-accordion-content {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }
  .p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header .p-accordion-header-link {
    border-top: 0 none;
  }
  .p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link, .p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link {
    border-top: 0 none;
  }
  .p-accordion .p-accordion-tab:first-child .p-accordion-header .p-accordion-header-link {
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
  }
  .p-accordion .p-accordion-tab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-header-link {
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
  }
  .p-accordion .p-accordion-tab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-content {
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
  }
  .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: 3px;
  }
  .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: #6c757d;
  }
  .p-card .p-card-content {
    padding: 1rem 0;
  }
  .p-card .p-card-footer {
    padding: 1rem 0 0 0;
  }
  .p-fieldset {
    border: 1px solid #dee2e6;
    background: #ffffff;
    color: #495057;
    border-radius: 3px;
  }
  .p-fieldset .p-fieldset-legend {
    padding: 1rem;
    border: 1px solid #dee2e6;
    color: #495057;
    background: #f8f9fa;
    font-weight: 600;
    border-radius: 3px;
  }
  .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: 3px;
    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-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
    background: #e9ecef;
    border-color: #dee2e6;
    color: #495057;
  }
  .p-fieldset .p-fieldset-content {
    padding: 1rem;
  }
  .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-panel .p-panel-header {
    border: 1px solid #dee2e6;
    padding: 1rem;
    background: #f8f9fa;
    color: #495057;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
  }
  .p-panel .p-panel-header .p-panel-title {
    font-weight: 600;
  }
  .p-panel .p-panel-header .p-panel-header-icon {
    width: 2rem;
    height: 2rem;
    color: #6c757d;
    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-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .p-panel.p-panel-toggleable .p-panel-header {
    padding: 0.5rem 1rem;
  }
  .p-panel:has(> .p-panel-footer) .p-panel-content {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }
  .p-panel .p-panel-content {
    padding: 1rem;
    border: 1px solid #dee2e6;
    background: #ffffff;
    color: #495057;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    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-splitter {
    border: 1px solid #dee2e6;
    background: #ffffff;
    border-radius: 3px;
    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 .p-splitter-gutter-handle:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .p-splitter .p-splitter-gutter-resizing {
    background: #dee2e6;
  }
  .p-stepper .p-stepper-nav {
    display: flex;
    justify-content: space-between;
    margin: 0;
    padding: 0;
    list-style-type: none;
  }
  .p-stepper .p-stepper-header {
    padding: 0.5rem;
  }
  .p-stepper .p-stepper-header .p-stepper-action {
    transition: box-shadow 0.2s;
    border-radius: 3px;
    background: #ffffff;
    outline-color: transparent;
  }
  .p-stepper .p-stepper-header .p-stepper-action .p-stepper-number {
    color: #495057;
    border: 1px solid #e9ecef;
    border-width: 2px;
    background: #ffffff;
    min-width: 2rem;
    height: 2rem;
    line-height: 2rem;
    font-size: 1.143rem;
    border-radius: 50%;
    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
  }
  .p-stepper .p-stepper-header .p-stepper-action .p-stepper-title {
    margin-left: 0.5rem;
    color: #6c757d;
    font-weight: 600;
    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
  }
  .p-stepper .p-stepper-header .p-stepper-action:not(.p-disabled):focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .p-stepper .p-stepper-header.p-highlight .p-stepper-number {
    background: #e3f2fd;
    color: #495057;
  }
  .p-stepper .p-stepper-header.p-highlight .p-stepper-title {
    color: #495057;
  }
  .p-stepper .p-stepper-header:not(.p-disabled):focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .p-stepper .p-stepper-header:has(~ .p-highlight) .p-stepper-separator {
    background-color: #2196f3;
  }
  .p-stepper .p-stepper-panels {
    background: #ffffff;
    padding: 1rem;
    color: #495057;
  }
  .p-stepper .p-stepper-separator {
    background-color: #dee2e6;
    width: 100%;
    height: 2px;
    margin-inline-start: 1rem;
    transition: box-shadow 0.2s;
  }
  .p-stepper.p-stepper-vertical {
    display: flex;
    flex-direction: column;
  }
  .p-stepper.p-stepper-vertical .p-stepper-toggleable-content {
    display: flex;
    flex: 1 1 auto;
    background: #ffffff;
    color: #495057;
  }
  .p-stepper.p-stepper-vertical .p-stepper-panel {
    display: flex;
    flex-direction: column;
    flex: initial;
  }
  .p-stepper.p-stepper-vertical .p-stepper-panel.p-stepper-panel-active {
    flex: 1 1 auto;
  }
  .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-header {
    flex: initial;
  }
  .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-content {
    width: 100%;
    padding-left: 1rem;
  }
  .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-separator {
    flex: 0 0 auto;
    width: 2px;
    height: auto;
    margin-inline-start: calc(1.75rem + 2px);
  }
  .p-stepper.p-stepper-vertical .p-stepper-panel:has(~ .p-stepper-panel-active) .p-stepper-separator {
    background-color: #2196f3;
  }
  .p-stepper.p-stepper-vertical .p-stepper-panel:last-of-type .p-stepper-content {
    padding-left: 3rem;
  }
  .p-scrollpanel .p-scrollpanel-bar {
    background: #f8f9fa;
    border: 0 none;
  }
  .p-scrollpanel .p-scrollpanel-bar:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .p-tabview-nav-container {
    position: relative;
  }
  .p-tabview-scrollable .p-tabview-nav-container {
    overflow: hidden;
  }
  .p-tabview-nav-content {
    overflow-x: auto;
    overflow-y: hidden;
    scroll-behavior: smooth;
    scrollbar-width: none;
    overscroll-behavior: contain auto;
    position: relative;
  }
  .p-tabview-nav {
    display: flex;
    margin: 0;
    padding: 0;
    list-style-type: none;
    flex: 1 1 auto;
  }
  .p-tabview-nav-link {
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    display: flex;
    align-items: center;
    position: relative;
    text-decoration: none;
    overflow: hidden;
  }
  .p-tabview-ink-bar {
    display: none;
    z-index: 1;
  }
  .p-tabview-nav-link:focus {
    z-index: 1;
  }
  .p-tabview-close {
    z-index: 1;
  }
  .p-tabview-title {
    line-height: 1;
    white-space: nowrap;
  }
  .p-tabview-nav-btn {
    position: absolute;
    top: 0;
    z-index: 2;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .p-tabview-nav-prev {
    left: 0;
  }
  .p-tabview-nav-next {
    right: 0;
  }
  .p-tabview-nav-content::-webkit-scrollbar {
    display: none;
  }
  .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: #6c757d;
    padding: 1rem;
    font-weight: 600;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    transition: box-shadow 0.2s;
    margin: 0 0 -2px 0;
  }
  .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: inset 0 0 0 0.2rem #a6d5fa;
  }
  .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link {
    background: #ffffff;
    border-color: #6c757d;
    color: #6c757d;
  }
  .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {
    background: #ffffff;
    border-color: #2196f3;
    color: #2196f3;
  }
  .p-tabview .p-tabview-close {
    margin-left: 0.5rem;
  }
  .p-tabview .p-tabview-nav-btn.p-link {
    background: #ffffff;
    color: #2196f3;
    width: 2.357rem;
    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);
    border-radius: 0;
  }
  .p-tabview .p-tabview-nav-btn.p-link:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: inset 0 0 0 0.2rem #a6d5fa;
  }
  .p-tabview .p-tabview-panels {
    background: #ffffff;
    padding: 1rem;
    border: 0 none;
    color: #495057;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
  }
  .p-toolbar {
    background: #f8f9fa;
    border: 1px solid #dee2e6;
    padding: 1rem;
    border-radius: 3px;
    gap: 0.5rem;
  }
  .p-toolbar .p-toolbar-separator {
    margin: 0 0.5rem;
  }
  .p-confirm-popup {
    background: #ffffff;
    color: #495057;
    border: 0 none;
    border-radius: 3px;
    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 1rem 1rem 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: #f2f2f2;
  }
  .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-icon.p-icon {
    width: 1.5rem;
    height: 1.5rem;
  }
  .p-confirm-popup .p-confirm-popup-message {
    margin-left: 1rem;
  }
  .p-dialog {
    border-radius: 3px;
    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: 3px;
    border-top-left-radius: 3px;
  }
  .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: #6c757d;
    border: 0 none;
    background: transparent;
    border-radius: 50%;
    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
  }
  .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-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .p-dialog .p-dialog-header .p-dialog-header-icon {
    margin-right: 0.5rem;
  }
  .p-dialog .p-dialog-header .p-dialog-header-icon:last-child {
    margin-right: 0;
  }
  .p-dialog .p-dialog-content {
    background: #ffffff;
    color: #495057;
    padding: 0 1.5rem 2rem 1.5rem;
  }
  .p-dialog .p-dialog-content:last-of-type {
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
  }
  .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: 3px;
    border-bottom-left-radius: 3px;
  }
  .p-dialog .p-dialog-footer button {
    margin: 0 0.5rem 0 0;
    width: auto;
  }
  .p-dialog.p-dialog-maximized .p-dialog-header, .p-dialog.p-dialog-maximized .p-dialog-content:last-of-type {
    border-radius: 0;
  }
  .p-dialog.p-confirm-dialog .p-confirm-dialog-icon {
    font-size: 2rem;
  }
  .p-dialog.p-confirm-dialog .p-confirm-dialog-icon.p-icon {
    width: 2rem;
    height: 2rem;
  }
  .p-dialog.p-confirm-dialog .p-confirm-dialog-message {
    margin-left: 1rem;
  }
  .p-overlaypanel {
    background: #ffffff;
    color: #495057;
    border: 0 none;
    border-radius: 3px;
    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-overlaypanel .p-overlaypanel-content {
    padding: 1rem;
  }
  .p-overlaypanel .p-overlaypanel-close {
    background: #2196f3;
    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: #0d89ec;
    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: #f2f2f2;
  }
  .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 {
    padding: 1rem;
  }
  .p-sidebar .p-sidebar-header .p-sidebar-close,
  .p-sidebar .p-sidebar-header .p-sidebar-icon {
    width: 2rem;
    height: 2rem;
    color: #6c757d;
    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-visible,
  .p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .p-sidebar .p-sidebar-header + .p-sidebar-content {
    padding-top: 0;
  }
  .p-sidebar .p-sidebar-content {
    padding: 1rem;
  }
  .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: 3px;
  }
  .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: 3px;
    border-top-left-radius: 3px;
    gap: 0.5rem;
  }
  .p-fileupload .p-fileupload-buttonbar .p-button {
    margin-right: 0.5rem;
  }
  .p-fileupload .p-fileupload-content {
    background: #ffffff;
    padding: 2rem 1rem;
    border: 1px solid #dee2e6;
    color: #495057;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
  }
  .p-fileupload .p-progressbar {
    height: 0.25rem;
  }
  .p-fileupload .p-fileupload-row > div {
    padding: 1rem 1rem;
  }
  .p-fileupload.p-fileupload-advanced .p-message {
    margin-top: 0;
  }
  .p-breadcrumb {
    background: #ffffff;
    border: 1px solid #dee2e6;
    border-radius: 3px;
    padding: 1rem;
  }
  .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link {
    transition: box-shadow 0.2s;
    border-radius: 3px;
  }
  .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon {
    color: #6c757d;
  }
  .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator {
    margin: 0 0.5rem 0 0.5rem;
    color: #495057;
  }
  .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text {
    color: #495057;
  }
  .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon {
    color: #6c757d;
  }
  .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);
    border-radius: 3px;
    width: 12.5rem;
  }
  .p-contextmenu .p-contextmenu-root-list {
    outline: 0 none;
  }
  .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);
    border-radius: 3px;
  }
  .p-contextmenu .p-menuitem > .p-menuitem-content {
    color: #495057;
    transition: box-shadow 0.2s;
    border-radius: 0;
  }
  .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
    color: #495057;
    padding: 0.75rem 1rem;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
  }
  .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
    color: #6c757d;
    margin-right: 0.5rem;
  }
  .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #6c757d;
  }
  .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content {
    color: #495057;
    background: #e9ecef;
  }
  .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
  .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #6c757d;
  }
  .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
    background: #e9ecef;
  }
  .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
    color: #495057;
    background: #dee2e6;
  }
  .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
  .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #495057;
  }
  .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
    color: #495057;
    background: #e9ecef;
  }
  .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon,
  .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
    color: #6c757d;
  }
  .p-contextmenu .p-menuitem-separator {
    border-top: 1px solid #dee2e6;
    margin: 0.25rem 0;
  }
  .p-contextmenu .p-submenu-icon {
    font-size: 0.875rem;
  }
  .p-contextmenu .p-submenu-icon.p-icon {
    width: 0.875rem;
    height: 0.875rem;
  }
  .p-dock .p-dock-list-container {
    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-list-container .p-dock-list {
    outline: 0 none;
  }
  .p-dock .p-dock-item {
    padding: 0.5rem;
    border-radius: 3px;
  }
  .p-dock .p-dock-item.p-focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: inset 0 0 0 0.15rem #a6d5fa;
  }
  .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;
  }
  .p-dock.p-dock-mobile.p-dock-top .p-dock-list-container, .p-dock.p-dock-mobile.p-dock-bottom .p-dock-list-container {
    overflow-x: auto;
    width: 100%;
  }
  .p-dock.p-dock-mobile.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-mobile.p-dock-bottom .p-dock-list-container .p-dock-list {
    margin: 0 auto;
  }
  .p-dock.p-dock-mobile.p-dock-left .p-dock-list-container, .p-dock.p-dock-mobile.p-dock-right .p-dock-list-container {
    overflow-y: auto;
    height: 100%;
  }
  .p-dock.p-dock-mobile.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-mobile.p-dock-right .p-dock-list-container .p-dock-list {
    margin: auto 0;
  }
  .p-dock.p-dock-mobile .p-dock-list .p-dock-item {
    transform: none;
    margin: 0;
  }
  .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-second-prev,
  .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-second-next,
  .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-prev,
  .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-next,
  .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-current, .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-second-prev,
  .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-second-next,
  .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-prev,
  .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-next,
  .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-current, .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-second-prev,
  .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-second-next,
  .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-prev,
  .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-next,
  .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-current, .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-second-prev,
  .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-second-next,
  .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-prev,
  .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-next,
  .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-current {
    transform: none;
    margin: 0;
  }
  .p-megamenu {
    padding: 0.5rem;
    background: #f8f9fa;
    color: #495057;
    border: 1px solid #dee2e6;
    border-radius: 3px;
  }
  .p-megamenu .p-megamenu-root-list {
    outline: 0 none;
  }
  .p-megamenu .p-menuitem > .p-menuitem-content {
    color: #495057;
    transition: box-shadow 0.2s;
    border-radius: 0;
  }
  .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
    color: #495057;
    padding: 0.75rem 1rem;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
  }
  .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
    color: #6c757d;
    margin-right: 0.5rem;
  }
  .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #6c757d;
  }
  .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content {
    color: #495057;
    background: #e9ecef;
  }
  .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
  .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #6c757d;
  }
  .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
    background: #e9ecef;
  }
  .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
    color: #495057;
    background: #dee2e6;
  }
  .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
  .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #495057;
  }
  .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
    color: #495057;
    background: #e9ecef;
  }
  .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon,
  .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
    color: #6c757d;
  }
  .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-submenu-header {
    margin: 0;
    padding: 0.75rem 1rem;
    color: #495057;
    background: #ffffff;
    font-weight: 600;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
  }
  .p-megamenu .p-submenu-list {
    padding: 0.25rem 0;
    width: 12.5rem;
  }
  .p-megamenu .p-submenu-list .p-menuitem-separator {
    border-top: 1px solid #dee2e6;
    margin: 0.25rem 0;
  }
  .p-megamenu.p-megamenu-vertical {
    width: 12.5rem;
    padding: 0.25rem 0;
  }
  .p-megamenu .p-megamenu-button {
    width: 2rem;
    height: 2rem;
    color: #6c757d;
    border-radius: 50%;
    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
  }
  .p-megamenu .p-megamenu-button:hover {
    color: #6c757d;
    background: #e9ecef;
  }
  .p-megamenu .p-megamenu-button:focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content {
    color: #495057;
    transition: box-shadow 0.2s;
    border-radius: 3px;
  }
  .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link {
    padding: 0.75rem 1rem;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
  }
  .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
    color: #6c757d;
    margin-right: 0.5rem;
  }
  .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #6c757d;
    margin-left: 0.5rem;
  }
  .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
    color: #495057;
    background: #e9ecef;
  }
  .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon,
  .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
    color: #6c757d;
  }
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-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-megamenu.p-megamenu-mobile-active .p-megamenu-root-list .p-menu-separator {
    border-top: 1px solid #dee2e6;
    margin: 0.25rem 0;
  }
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list .p-submenu-icon {
    font-size: 0.875rem;
  }
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list .p-submenu-icon.p-icon {
    width: 0.875rem;
    height: 0.875rem;
  }
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem {
    width: 100%;
    position: static;
  }
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content {
    color: #495057;
    transition: box-shadow 0.2s;
    border-radius: 0;
  }
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link {
    color: #495057;
    padding: 0.75rem 1rem;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
  }
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
    color: #6c757d;
    margin-right: 0.5rem;
  }
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #6c757d;
  }
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content {
    color: #495057;
    background: #e9ecef;
  }
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #6c757d;
  }
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight.p-focus > .p-menuitem-content {
    background: #e9ecef;
  }
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
    color: #495057;
    background: #dee2e6;
  }
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #495057;
  }
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
    color: #495057;
    background: #e9ecef;
  }
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon,
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
    color: #6c757d;
  }
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon {
    margin-left: auto;
  }
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
    transform: rotate(-180deg);
  }
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list .p-submenu-list {
    width: 100%;
    position: static;
    box-shadow: none;
    border: 0 none;
  }
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list .p-submenu-list .p-submenu-icon {
    transition: transform 0.2s;
    transform: rotate(90deg);
  }
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
    transform: rotate(-90deg);
  }
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list .p-menuitem {
    width: 100%;
    position: static;
  }
  .p-menu {
    padding: 0.25rem 0;
    background: #ffffff;
    color: #495057;
    border: 1px solid #dee2e6;
    border-radius: 3px;
    width: 12.5rem;
  }
  .p-menu .p-menuitem > .p-menuitem-content {
    color: #495057;
    transition: box-shadow 0.2s;
    border-radius: 0;
  }
  .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link {
    color: #495057;
    padding: 0.75rem 1rem;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
  }
  .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
    color: #6c757d;
    margin-right: 0.5rem;
  }
  .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #6c757d;
  }
  .p-menu .p-menuitem.p-highlight > .p-menuitem-content {
    color: #495057;
    background: #e9ecef;
  }
  .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
  .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #6c757d;
  }
  .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
    background: #e9ecef;
  }
  .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
    color: #495057;
    background: #dee2e6;
  }
  .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
  .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #495057;
  }
  .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
    color: #495057;
    background: #e9ecef;
  }
  .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon,
  .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
    color: #6c757d;
  }
  .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-menubar {
    padding: 0.5rem;
    background: #f8f9fa;
    color: #495057;
    border: 1px solid #dee2e6;
    border-radius: 3px;
  }
  .p-menubar .p-menubar-root-list {
    outline: 0 none;
  }
  .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content {
    color: #495057;
    transition: box-shadow 0.2s;
    border-radius: 3px;
  }
  .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link {
    padding: 0.75rem 1rem;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
  }
  .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
    color: #6c757d;
    margin-right: 0.5rem;
  }
  .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #6c757d;
    margin-left: 0.5rem;
  }
  .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
    color: #495057;
    background: #e9ecef;
  }
  .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon,
  .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
    color: #6c757d;
  }
  .p-menubar .p-menuitem > .p-menuitem-content {
    color: #495057;
    transition: box-shadow 0.2s;
    border-radius: 0;
  }
  .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link {
    color: #495057;
    padding: 0.75rem 1rem;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
  }
  .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
    color: #6c757d;
    margin-right: 0.5rem;
  }
  .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #6c757d;
  }
  .p-menubar .p-menuitem.p-highlight > .p-menuitem-content {
    color: #495057;
    background: #e9ecef;
  }
  .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
  .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #6c757d;
  }
  .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
    background: #e9ecef;
  }
  .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
    color: #495057;
    background: #dee2e6;
  }
  .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
  .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #495057;
  }
  .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
    color: #495057;
    background: #e9ecef;
  }
  .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon,
  .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
    color: #6c757d;
  }
  .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-menuitem-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-menubar-mobile .p-menubar-button {
    width: 2rem;
    height: 2rem;
    color: #6c757d;
    border-radius: 50%;
    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
  }
  .p-menubar.p-menubar-mobile .p-menubar-button:hover {
    color: #6c757d;
    background: #e9ecef;
  }
  .p-menubar.p-menubar-mobile .p-menubar-button:focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .p-menubar.p-menubar-mobile .p-menubar-root-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-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem-separator {
    border-top: 1px solid #dee2e6;
    margin: 0.25rem 0;
  }
  .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-icon {
    font-size: 0.875rem;
  }
  .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    margin-left: auto;
    transition: transform 0.2s;
  }
  .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
    transform: rotate(-180deg);
  }
  .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-submenu-icon {
    transition: transform 0.2s;
    transform: rotate(90deg);
  }
  .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
    transform: rotate(-90deg);
  }
  .p-menubar.p-menubar-mobile .p-menubar-root-list ul li a {
    padding-left: 2.25rem;
  }
  .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li a {
    padding-left: 3.75rem;
  }
  .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li ul li a {
    padding-left: 5.25rem;
  }
  .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li ul li ul li a {
    padding-left: 6.75rem;
  }
  .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li ul li ul li ul li a {
    padding-left: 8.25rem;
  }
  @media screen and (max-width: 960px) {
    .p-menubar {
      position: relative;
    }
    .p-menubar .p-menubar-button {
      display: flex;
      width: 2rem;
      height: 2rem;
      color: #6c757d;
      border-radius: 50%;
      transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
    }
    .p-menubar .p-menubar-button:hover {
      color: #6c757d;
      background: #e9ecef;
    }
    .p-menubar .p-menubar-button:focus {
      outline: 0 none;
      outline-offset: 0;
      box-shadow: 0 0 0 0.2rem #a6d5fa;
    }
    .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-submenu-icon.p-icon {
      width: 0.875rem;
      height: 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 > .p-menuitem-content {
      color: #495057;
      transition: box-shadow 0.2s;
      border-radius: 0;
    }
    .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link {
      color: #495057;
      padding: 0.75rem 1rem;
      -webkit-user-select: none;
         -moz-user-select: none;
              user-select: none;
    }
    .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
      color: #495057;
    }
    .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
      color: #6c757d;
      margin-right: 0.5rem;
    }
    .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
      color: #6c757d;
    }
    .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content {
      color: #495057;
      background: #e9ecef;
    }
    .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
      color: #495057;
    }
    .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
    .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
      color: #6c757d;
    }
    .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight.p-focus > .p-menuitem-content {
      background: #e9ecef;
    }
    .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
      color: #495057;
      background: #dee2e6;
    }
    .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
      color: #495057;
    }
    .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
    .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
      color: #495057;
    }
    .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
      color: #495057;
      background: #e9ecef;
    }
    .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
      color: #495057;
    }
    .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon,
    .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
      color: #6c757d;
    }
    .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 {
    outline: 0 none;
  }
  .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content {
    border: 1px solid #dee2e6;
    color: #495057;
    background: #f8f9fa;
    border-radius: 3px;
    transition: box-shadow 0.2s;
  }
  .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-link {
    color: #495057;
    padding: 1rem;
    font-weight: 600;
  }
  .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-link .p-submenu-icon {
    margin-right: 0.5rem;
  }
  .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-link .p-menuitem-icon {
    margin-right: 0.5rem;
  }
  .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: inset 0 0 0 0.2rem #a6d5fa;
  }
  .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content {
    background: #e9ecef;
    border-color: #dee2e6;
    color: #495057;
  }
  .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content {
    background: #f8f9fa;
    border-color: #dee2e6;
    color: #495057;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    margin-bottom: 0;
  }
  .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content {
    border-color: #dee2e6;
    background: #e9ecef;
    color: #495057;
  }
  .p-panelmenu .p-panelmenu-content {
    padding: 0.25rem 0;
    border: 1px solid #dee2e6;
    background: #ffffff;
    color: #495057;
    border-top: 0;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
  }
  .p-panelmenu .p-panelmenu-content .p-panelmenu-root-list {
    outline: 0 none;
  }
  .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content {
    color: #495057;
    transition: box-shadow 0.2s;
    border-radius: 0;
  }
  .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link {
    color: #495057;
    padding: 0.75rem 1rem;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
  }
  .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
    color: #6c757d;
    margin-right: 0.5rem;
  }
  .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #6c757d;
  }
  .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content {
    color: #495057;
    background: #e9ecef;
  }
  .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
  .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #6c757d;
  }
  .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
    background: #e9ecef;
  }
  .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
    color: #495057;
    background: #dee2e6;
  }
  .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
  .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #495057;
  }
  .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
    color: #495057;
    background: #e9ecef;
  }
  .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon,
  .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
    color: #6c757d;
  }
  .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    margin-right: 0.5rem;
  }
  .p-panelmenu .p-panelmenu-content .p-menuitem-separator {
    border-top: 1px solid #dee2e6;
    margin: 0.25rem 0;
  }
  .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-list) {
    padding: 0 0 0 1rem;
  }
  .p-panelmenu .p-panelmenu-panel {
    margin-bottom: 0;
  }
  .p-panelmenu .p-panelmenu-panel .p-panelmenu-header .p-panelmenu-header-content {
    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 .p-panelmenu-header-content {
    border-top: 0 none;
  }
  .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content, .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content {
    border-top: 0 none;
  }
  .p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header .p-panelmenu-header-content {
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
  }
  .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) .p-panelmenu-header-content {
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
  }
  .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-content {
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
  }
  .p-slidemenu {
    padding: 0.25rem 0;
    background: #ffffff;
    color: #495057;
    border: 1px solid #dee2e6;
    border-radius: 3px;
    width: 12.5rem;
  }
  .p-slidemenu .p-menuitem-link > .p-menuitem-content {
    color: #495057;
    transition: box-shadow 0.2s;
    border-radius: 0;
  }
  .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link {
    color: #495057;
    padding: 0.75rem 1rem;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
  }
  .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
    color: #6c757d;
    margin-right: 0.5rem;
  }
  .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #6c757d;
  }
  .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content {
    color: #495057;
    background: #e9ecef;
  }
  .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
  .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #6c757d;
  }
  .p-slidemenu .p-menuitem-link.p-highlight.p-focus > .p-menuitem-content {
    background: #e9ecef;
  }
  .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
    color: #495057;
    background: #dee2e6;
  }
  .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
  .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #495057;
  }
  .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
    color: #495057;
    background: #e9ecef;
  }
  .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon,
  .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
    color: #6c757d;
  }
  .p-slidemenu.p-slidemenu-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-slidemenu .p-slidemenu-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-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link {
    background: #e9ecef;
  }
  .p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-text {
    color: #495057;
  }
  .p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-icon, .p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-icon {
    color: #6c757d;
  }
  .p-slidemenu .p-slidemenu-separator {
    border-top: 1px solid #dee2e6;
    margin: 0.25rem 0;
  }
  .p-slidemenu .p-slidemenu-icon {
    font-size: 0.875rem;
  }
  .p-slidemenu .p-slidemenu-icon.p-icon {
    width: 0.875rem;
    height: 0.875rem;
  }
  .p-slidemenu .p-slidemenu-backward {
    padding: 0.75rem 1rem;
    color: #495057;
  }
  .p-steps .p-steps-item .p-menuitem-link {
    background: transparent;
    transition: box-shadow 0.2s;
    border-radius: 3px;
    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: #6c757d;
  }
  .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .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: #6c757d;
    padding: 1rem;
    font-weight: 600;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    transition: box-shadow 0.2s;
    margin: 0 0 -2px 0;
    height: calc(100% + 2px);
  }
  .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-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: inset 0 0 0 0.2rem #a6d5fa;
  }
  .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link {
    background: #ffffff;
    border-color: #6c757d;
    color: #6c757d;
  }
  .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link {
    background: #ffffff;
    border-color: #2196f3;
    color: #2196f3;
  }
  .p-tieredmenu {
    padding: 0.25rem 0;
    background: #ffffff;
    color: #495057;
    border: 1px solid #dee2e6;
    border-radius: 3px;
    width: 12.5rem;
  }
  .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-tieredmenu-root-list {
    outline: 0 none;
  }
  .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 > .p-menuitem-content {
    color: #495057;
    transition: box-shadow 0.2s;
    border-radius: 0;
  }
  .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
    color: #495057;
    padding: 0.75rem 1rem;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
  }
  .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
    color: #6c757d;
    margin-right: 0.5rem;
  }
  .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #6c757d;
  }
  .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content {
    color: #495057;
    background: #e9ecef;
  }
  .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
  .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #6c757d;
  }
  .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
    background: #e9ecef;
  }
  .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
    color: #495057;
    background: #dee2e6;
  }
  .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
  .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #495057;
  }
  .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
    color: #495057;
    background: #e9ecef;
  }
  .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon,
  .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
    color: #6c757d;
  }
  .p-tieredmenu .p-menuitem-separator {
    border-top: 1px solid #dee2e6;
    margin: 0.25rem 0;
  }
  .p-tieredmenu .p-submenu-icon {
    font-size: 0.875rem;
  }
  .p-tieredmenu .p-submenu-icon.p-icon {
    width: 0.875rem;
    height: 0.875rem;
  }
  .p-inline-message {
    padding: 0.5rem 0.5rem;
    margin: 0;
    border-radius: 3px;
  }
  .p-inline-message.p-inline-message-info {
    background: #b3e5fc;
    border: solid #0891cf;
    border-width: 0px;
    color: #044868;
  }
  .p-inline-message.p-inline-message-info .p-inline-message-icon {
    color: #044868;
  }
  .p-inline-message.p-inline-message-success {
    background: #c8e6c9;
    border: solid #439446;
    border-width: 0px;
    color: #224a23;
  }
  .p-inline-message.p-inline-message-success .p-inline-message-icon {
    color: #224a23;
  }
  .p-inline-message.p-inline-message-warn {
    background: #ffecb3;
    border: solid #d9a300;
    border-width: 0px;
    color: #6d5100;
  }
  .p-inline-message.p-inline-message-warn .p-inline-message-icon {
    color: #6d5100;
  }
  .p-inline-message.p-inline-message-error {
    background: #ffcdd2;
    border: solid #e60017;
    border-width: 0px;
    color: #73000c;
  }
  .p-inline-message.p-inline-message-error .p-inline-message-icon {
    color: #73000c;
  }
  .p-inline-message .p-inline-message-icon {
    font-size: 1rem;
    margin-right: 0.5rem;
  }
  .p-inline-message .p-inline-message-icon.p-icon {
    width: 1rem;
    height: 1rem;
  }
  .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: 3px;
  }
  .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.5);
  }
  .p-message .p-message-close:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .p-message.p-message-info {
    background: #b3e5fc;
    border: solid #0891cf;
    border-width: 0 0 0 6px;
    color: #044868;
  }
  .p-message.p-message-info .p-message-icon {
    color: #044868;
  }
  .p-message.p-message-info .p-message-close {
    color: #044868;
  }
  .p-message.p-message-success {
    background: #c8e6c9;
    border: solid #439446;
    border-width: 0 0 0 6px;
    color: #224a23;
  }
  .p-message.p-message-success .p-message-icon {
    color: #224a23;
  }
  .p-message.p-message-success .p-message-close {
    color: #224a23;
  }
  .p-message.p-message-warn {
    background: #ffecb3;
    border: solid #d9a300;
    border-width: 0 0 0 6px;
    color: #6d5100;
  }
  .p-message.p-message-warn .p-message-icon {
    color: #6d5100;
  }
  .p-message.p-message-warn .p-message-close {
    color: #6d5100;
  }
  .p-message.p-message-error {
    background: #ffcdd2;
    border: solid #e60017;
    border-width: 0 0 0 6px;
    color: #73000c;
  }
  .p-message.p-message-error .p-message-icon {
    color: #73000c;
  }
  .p-message.p-message-error .p-message-close {
    color: #73000c;
  }
  .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-icon.p-icon {
    width: 1.5rem;
    height: 1.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: 3px;
  }
  .p-toast .p-toast-message .p-toast-message-content {
    padding: 1rem;
  }
  .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: 2rem;
  }
  .p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon.p-icon {
    width: 2rem;
    height: 2rem;
  }
  .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: 0.5rem 0 0 0;
  }
  .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.5);
  }
  .p-toast .p-toast-message .p-toast-icon-close:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .p-toast .p-toast-message.p-toast-message-info {
    background: #b3e5fc;
    border: solid #0891cf;
    border-width: 0 0 0 6px;
    color: #044868;
  }
  .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: #044868;
  }
  .p-toast .p-toast-message.p-toast-message-success {
    background: #c8e6c9;
    border: solid #439446;
    border-width: 0 0 0 6px;
    color: #224a23;
  }
  .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: #224a23;
  }
  .p-toast .p-toast-message.p-toast-message-warn {
    background: #ffecb3;
    border: solid #d9a300;
    border-width: 0 0 0 6px;
    color: #6d5100;
  }
  .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: #6d5100;
  }
  .p-toast .p-toast-message.p-toast-message-error {
    background: #ffcdd2;
    border: solid #e60017;
    border-width: 0 0 0 6px;
    color: #73000c;
  }
  .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: #73000c;
  }
  .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 .p-galleria-close-icon.p-icon {
    width: 2rem;
    height: 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: 3px;
    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 .p-galleria-item-prev-icon.p-icon,
  .p-galleria .p-galleria-item-nav .p-galleria-item-next-icon.p-icon {
    width: 2rem;
    height: 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 {
    transition: box-shadow 0.2s;
  }
  .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .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-indicator .p-icon {
    width: 1.5rem;
    height: 1.5rem;
  }
  .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 span {
    font-size: 1.5rem;
  }
  .p-image-action.p-link .p-icon {
    width: 1.5rem;
    height: 1.5rem;
  }
  .p-avatar {
    background-color: #dee2e6;
    border-radius: 3px;
  }
  .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-xl {
    width: 4rem;
    height: 4rem;
    font-size: 2rem;
  }
  .p-avatar.p-avatar-xl .p-avatar-icon {
    font-size: 2rem;
  }
  .p-avatar-circle {
    border-radius: 50%;
  }
  .p-avatar-group .p-avatar {
    border: 2px solid #ffffff;
  }
  .p-chip {
    background-color: #dee2e6;
    color: #495057;
    border-radius: 16px;
    padding: 0 0.5rem;
  }
  .p-chip .p-chip-text {
    line-height: 1.5;
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
  }
  .p-chip .p-chip-icon {
    margin-right: 0.5rem;
  }
  .p-chip img {
    width: 2rem;
    height: 2rem;
    margin-left: -0.5rem;
    margin-right: 0.5rem;
  }
  .p-chip .p-chip-remove-icon {
    border-radius: 3px;
    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
    margin-left: 0.5rem;
  }
  .p-chip .p-chip-remove-icon:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .p-chip .p-chip-remove-icon:focus {
    outline: 0 none;
  }
  .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-scrolltop .p-scrolltop-icon.p-icon {
    width: 1.5rem;
    height: 1.5rem;
  }
  .p-skeleton {
    background-color: #e9ecef;
    border-radius: 3px;
  }
  .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: #2196f3;
    color: #ffffff;
    font-size: 0.75rem;
    font-weight: 700;
    padding: 0.25rem 0.4rem;
    border-radius: 3px;
  }
  .p-tag.p-tag-success {
    background-color: #689f38;
    color: #ffffff;
  }
  .p-tag.p-tag-info {
    background-color: #0288d1;
    color: #ffffff;
  }
  .p-tag.p-tag-warning {
    background-color: #fbc02d;
    color: #212529;
  }
  .p-tag.p-tag-danger {
    background-color: #d32f2f;
    color: #ffffff;
  }
  .p-tag .p-tag-icon {
    margin-right: 0.25rem;
    font-size: 0.75rem;
  }
  .p-tag .p-tag-icon.p-icon {
    width: 0.75rem;
    height: 0.75rem;
  }
  .p-inplace .p-inplace-display {
    padding: 0.5rem 0.5rem;
    border-radius: 3px;
    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 #a6d5fa;
  }
  .p-metergroup .p-metergroup-meter-container {
    background: #dee2e6;
    border-radius: 3px;
  }
  .p-metergroup .p-metergroup-meter {
    border: 0 none;
    background: #2196f3;
  }
  .p-metergroup .p-metergroup-label-list .p-metergroup-label-list-item {
    line-height: 1.5rem;
  }
  .p-metergroup .p-metergroup-label-list .p-metergroup-label-type {
    background: #2196f3;
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 100%;
    margin-right: 0.5rem;
  }
  .p-metergroup .p-metergroup-label-list .p-metergroup-label {
    margin-right: 1rem;
  }
  .p-metergroup .p-metergroup-label-list .p-metergroup-label-icon {
    width: 1rem;
    height: 1rem;
    margin-right: 0.5rem;
  }
  .p-metergroup.p-metergroup-horizontal .p-metergroup-meter-container {
    height: 0.5rem;
  }
  .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
  }
  .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:last-of-type {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
  }
  .p-metergroup.p-metergroup-horizontal .p-metergroup-label-list-start {
    margin-bottom: 1rem;
  }
  .p-metergroup.p-metergroup-horizontal .p-metergroup-label-list-end {
    margin-top: 1rem;
  }
  .p-metergroup.p-metergroup-vertical .p-metergroup-meter-container {
    width: 0.5rem;
    height: 100%;
  }
  .p-metergroup.p-metergroup-vertical .p-metergroup-meter:first-of-type {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
  }
  .p-metergroup.p-metergroup-vertical .p-metergroup-meter:last-of-type {
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
  }
  .p-metergroup.p-metergroup-vertical .p-metergroup-label-list:not(.p-metergroup-label-list-start) {
    margin-left: 1rem;
  }
  .p-progressbar {
    border: 0 none;
    height: 1.5rem;
    background: #dee2e6;
    border-radius: 3px;
  }
  .p-progressbar .p-progressbar-value {
    border: 0 none;
    margin: 0;
    background: #2196f3;
  }
  .p-progressbar .p-progressbar-label {
    color: #ffffff;
    line-height: 1.5rem;
  }
  .p-terminal {
    background: #ffffff;
    color: #495057;
    border: 1px solid #dee2e6;
    padding: 1rem;
  }
  .p-terminal .p-terminal-input {
    font-family: var(--font-family);
    font-feature-settings: var(--font-feature-settings, normal);
    font-size: 1rem;
  }
  .p-badge {
    background: #2196f3;
    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-tag {
    background: #2196f3;
    color: #ffffff;
    font-size: 0.75rem;
    font-weight: 700;
    padding: 0.25rem 0.4rem;
    border-radius: 3px;
  }
  .p-tag.p-tag-success {
    background-color: #689f38;
    color: #ffffff;
  }
  .p-tag.p-tag-info {
    background-color: #0288d1;
    color: #ffffff;
  }
  .p-tag.p-tag-warning {
    background-color: #fbc02d;
    color: #212529;
  }
  .p-tag.p-tag-danger {
    background-color: #d32f2f;
    color: #ffffff;
  }
}
/* Customizations to the designer theme should be defined here */
@layer primereact {
  .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
    background-color: #2196f3;
  }
  .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
    background-color: #2196f3;
  }
  .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
    box-shadow: inset 0 2px 0 0 #2196f3;
  }
  .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
    box-shadow: inset 0 -2px 0 0 #2196f3;
  }
}
/**
 * The primereact[.min].css has been deprecated. In order not to break existing projects, it is currently included in the build as an empty file.
 */
@font-face {
    font-family: 'primeicons';
    font-display: block;
    src: url('primeicons.ff0c4cd79b2ffca2de54.eot');
    src: url('primeicons.ff0c4cd79b2ffca2de54.eot?#iefix') format('embedded-opentype'), url('primeicons.024b32cc7bf399b1a847.woff2') format('woff2'), url('primeicons.8931fda1930c3bd21e96.woff') format('woff'), url('primeicons.a5c2a53d1ff7a9ff5933.ttf') format('truetype'), url('primeicons.6ed59f962963a4a73af2.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 {
    animation: fa-spin 2s infinite linear;
}
@media (prefers-reduced-motion: reduce) {
  .pi-spin {
    animation-delay: -1ms;
    animation-duration: 1ms;
    animation-iteration-count: 1;
    transition-delay: 0s;
    transition-duration: 0s;
  }
}
@keyframes fa-spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        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";
}
.grid {
  display: flex;
  flex-wrap: wrap;
  margin-right: -0.5rem;
  margin-left: -0.5rem;
  margin-top: -0.5rem;
}
.grid > .col,
.grid > [class*=col] {
  box-sizing: border-box;
}
.grid-nogutter {
  margin-right: 0;
  margin-left: 0;
  margin-top: 0;
}
.grid-nogutter > .col,
.grid-nogutter > [class*=col-] {
  padding: 0;
}
.col {
  flex-grow: 1;
  flex-basis: 0;
  padding: 0.5rem;
}
.col-fixed {
  flex: 0 0 auto;
  padding: 0.5rem;
}
.col-1 {
  flex: 0 0 auto;
  padding: 0.5rem;
  width: 8.3333%;
}
.col-2 {
  flex: 0 0 auto;
  padding: 0.5rem;
  width: 16.6667%;
}
.col-3 {
  flex: 0 0 auto;
  padding: 0.5rem;
  width: 25%;
}
.col-4 {
  flex: 0 0 auto;
  padding: 0.5rem;
  width: 33.3333%;
}
.col-5 {
  flex: 0 0 auto;
  padding: 0.5rem;
  width: 41.6667%;
}
.col-6 {
  flex: 0 0 auto;
  padding: 0.5rem;
  width: 50%;
}
.col-7 {
  flex: 0 0 auto;
  padding: 0.5rem;
  width: 58.3333%;
}
.col-8 {
  flex: 0 0 auto;
  padding: 0.5rem;
  width: 66.6667%;
}
.col-9 {
  flex: 0 0 auto;
  padding: 0.5rem;
  width: 75%;
}
.col-10 {
  flex: 0 0 auto;
  padding: 0.5rem;
  width: 83.3333%;
}
.col-11 {
  flex: 0 0 auto;
  padding: 0.5rem;
  width: 91.6667%;
}
.col-12 {
  flex: 0 0 auto;
  padding: 0.5rem;
  width: 100%;
}
@media screen and (min-width: 576px) {
  .sm\:col {
    flex-grow: 1;
    flex-basis: 0;
    padding: 0.5rem;
  }
  .sm\:col-fixed {
    flex: 0 0 auto;
    padding: 0.5rem;
  }
  .sm\:col-1 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 8.3333%;
  }
  .sm\:col-2 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 16.6667%;
  }
  .sm\:col-3 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 25%;
  }
  .sm\:col-4 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 33.3333%;
  }
  .sm\:col-5 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 41.6667%;
  }
  .sm\:col-6 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 50%;
  }
  .sm\:col-7 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 58.3333%;
  }
  .sm\:col-8 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 66.6667%;
  }
  .sm\:col-9 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 75%;
  }
  .sm\:col-10 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 83.3333%;
  }
  .sm\:col-11 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 91.6667%;
  }
  .sm\:col-12 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 100%;
  }
}
@media screen and (min-width: 768px) {
  .md\:col {
    flex-grow: 1;
    flex-basis: 0;
    padding: 0.5rem;
  }
  .md\:col-fixed {
    flex: 0 0 auto;
    padding: 0.5rem;
  }
  .md\:col-1 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 8.3333%;
  }
  .md\:col-2 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 16.6667%;
  }
  .md\:col-3 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 25%;
  }
  .md\:col-4 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 33.3333%;
  }
  .md\:col-5 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 41.6667%;
  }
  .md\:col-6 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 50%;
  }
  .md\:col-7 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 58.3333%;
  }
  .md\:col-8 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 66.6667%;
  }
  .md\:col-9 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 75%;
  }
  .md\:col-10 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 83.3333%;
  }
  .md\:col-11 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 91.6667%;
  }
  .md\:col-12 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 100%;
  }
}
@media screen and (min-width: 992px) {
  .lg\:col {
    flex-grow: 1;
    flex-basis: 0;
    padding: 0.5rem;
  }
  .lg\:col-fixed {
    flex: 0 0 auto;
    padding: 0.5rem;
  }
  .lg\:col-1 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 8.3333%;
  }
  .lg\:col-2 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 16.6667%;
  }
  .lg\:col-3 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 25%;
  }
  .lg\:col-4 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 33.3333%;
  }
  .lg\:col-5 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 41.6667%;
  }
  .lg\:col-6 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 50%;
  }
  .lg\:col-7 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 58.3333%;
  }
  .lg\:col-8 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 66.6667%;
  }
  .lg\:col-9 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 75%;
  }
  .lg\:col-10 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 83.3333%;
  }
  .lg\:col-11 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 91.6667%;
  }
  .lg\:col-12 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 100%;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:col {
    flex-grow: 1;
    flex-basis: 0;
    padding: 0.5rem;
  }
  .xl\:col-fixed {
    flex: 0 0 auto;
    padding: 0.5rem;
  }
  .xl\:col-1 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 8.3333%;
  }
  .xl\:col-2 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 16.6667%;
  }
  .xl\:col-3 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 25%;
  }
  .xl\:col-4 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 33.3333%;
  }
  .xl\:col-5 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 41.6667%;
  }
  .xl\:col-6 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 50%;
  }
  .xl\:col-7 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 58.3333%;
  }
  .xl\:col-8 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 66.6667%;
  }
  .xl\:col-9 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 75%;
  }
  .xl\:col-10 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 83.3333%;
  }
  .xl\:col-11 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 91.6667%;
  }
  .xl\:col-12 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 100%;
  }
}
.col-offset-0 {
  margin-left: 0 !important;
}
.col-offset-1 {
  margin-left: 8.3333% !important;
}
.col-offset-2 {
  margin-left: 16.6667% !important;
}
.col-offset-3 {
  margin-left: 25% !important;
}
.col-offset-4 {
  margin-left: 33.3333% !important;
}
.col-offset-5 {
  margin-left: 41.6667% !important;
}
.col-offset-6 {
  margin-left: 50% !important;
}
.col-offset-7 {
  margin-left: 58.3333% !important;
}
.col-offset-8 {
  margin-left: 66.6667% !important;
}
.col-offset-9 {
  margin-left: 75% !important;
}
.col-offset-10 {
  margin-left: 83.3333% !important;
}
.col-offset-11 {
  margin-left: 91.6667% !important;
}
.col-offset-12 {
  margin-left: 100% !important;
}
@media screen and (min-width: 576px) {
  .sm\:col-offset-0 {
    margin-left: 0 !important;
  }
  .sm\:col-offset-1 {
    margin-left: 8.3333% !important;
  }
  .sm\:col-offset-2 {
    margin-left: 16.6667% !important;
  }
  .sm\:col-offset-3 {
    margin-left: 25% !important;
  }
  .sm\:col-offset-4 {
    margin-left: 33.3333% !important;
  }
  .sm\:col-offset-5 {
    margin-left: 41.6667% !important;
  }
  .sm\:col-offset-6 {
    margin-left: 50% !important;
  }
  .sm\:col-offset-7 {
    margin-left: 58.3333% !important;
  }
  .sm\:col-offset-8 {
    margin-left: 66.6667% !important;
  }
  .sm\:col-offset-9 {
    margin-left: 75% !important;
  }
  .sm\:col-offset-10 {
    margin-left: 83.3333% !important;
  }
  .sm\:col-offset-11 {
    margin-left: 91.6667% !important;
  }
  .sm\:col-offset-12 {
    margin-left: 100% !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:col-offset-0 {
    margin-left: 0 !important;
  }
  .md\:col-offset-1 {
    margin-left: 8.3333% !important;
  }
  .md\:col-offset-2 {
    margin-left: 16.6667% !important;
  }
  .md\:col-offset-3 {
    margin-left: 25% !important;
  }
  .md\:col-offset-4 {
    margin-left: 33.3333% !important;
  }
  .md\:col-offset-5 {
    margin-left: 41.6667% !important;
  }
  .md\:col-offset-6 {
    margin-left: 50% !important;
  }
  .md\:col-offset-7 {
    margin-left: 58.3333% !important;
  }
  .md\:col-offset-8 {
    margin-left: 66.6667% !important;
  }
  .md\:col-offset-9 {
    margin-left: 75% !important;
  }
  .md\:col-offset-10 {
    margin-left: 83.3333% !important;
  }
  .md\:col-offset-11 {
    margin-left: 91.6667% !important;
  }
  .md\:col-offset-12 {
    margin-left: 100% !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:col-offset-0 {
    margin-left: 0 !important;
  }
  .lg\:col-offset-1 {
    margin-left: 8.3333% !important;
  }
  .lg\:col-offset-2 {
    margin-left: 16.6667% !important;
  }
  .lg\:col-offset-3 {
    margin-left: 25% !important;
  }
  .lg\:col-offset-4 {
    margin-left: 33.3333% !important;
  }
  .lg\:col-offset-5 {
    margin-left: 41.6667% !important;
  }
  .lg\:col-offset-6 {
    margin-left: 50% !important;
  }
  .lg\:col-offset-7 {
    margin-left: 58.3333% !important;
  }
  .lg\:col-offset-8 {
    margin-left: 66.6667% !important;
  }
  .lg\:col-offset-9 {
    margin-left: 75% !important;
  }
  .lg\:col-offset-10 {
    margin-left: 83.3333% !important;
  }
  .lg\:col-offset-11 {
    margin-left: 91.6667% !important;
  }
  .lg\:col-offset-12 {
    margin-left: 100% !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:col-offset-0 {
    margin-left: 0 !important;
  }
  .xl\:col-offset-1 {
    margin-left: 8.3333% !important;
  }
  .xl\:col-offset-2 {
    margin-left: 16.6667% !important;
  }
  .xl\:col-offset-3 {
    margin-left: 25% !important;
  }
  .xl\:col-offset-4 {
    margin-left: 33.3333% !important;
  }
  .xl\:col-offset-5 {
    margin-left: 41.6667% !important;
  }
  .xl\:col-offset-6 {
    margin-left: 50% !important;
  }
  .xl\:col-offset-7 {
    margin-left: 58.3333% !important;
  }
  .xl\:col-offset-8 {
    margin-left: 66.6667% !important;
  }
  .xl\:col-offset-9 {
    margin-left: 75% !important;
  }
  .xl\:col-offset-10 {
    margin-left: 83.3333% !important;
  }
  .xl\:col-offset-11 {
    margin-left: 91.6667% !important;
  }
  .xl\:col-offset-12 {
    margin-left: 100% !important;
  }
}
.text-0 {
  color: var(--surface-0) !important;
}
.text-50 {
  color: var(--surface-50) !important;
}
.text-100 {
  color: var(--surface-100) !important;
}
.text-200 {
  color: var(--surface-200) !important;
}
.text-300 {
  color: var(--surface-300) !important;
}
.text-400 {
  color: var(--surface-400) !important;
}
.text-500 {
  color: var(--surface-500) !important;
}
.text-600 {
  color: var(--surface-600) !important;
}
.text-700 {
  color: var(--surface-700) !important;
}
.text-800 {
  color: var(--surface-800) !important;
}
.text-900 {
  color: var(--surface-900) !important;
}
.focus\:text-0:focus {
  color: var(--surface-0) !important;
}
.hover\:text-0:hover {
  color: var(--surface-0) !important;
}
.active\:text-0:active {
  color: var(--surface-0) !important;
}
.focus\:text-50:focus {
  color: var(--surface-50) !important;
}
.hover\:text-50:hover {
  color: var(--surface-50) !important;
}
.active\:text-50:active {
  color: var(--surface-50) !important;
}
.focus\:text-100:focus {
  color: var(--surface-100) !important;
}
.hover\:text-100:hover {
  color: var(--surface-100) !important;
}
.active\:text-100:active {
  color: var(--surface-100) !important;
}
.focus\:text-200:focus {
  color: var(--surface-200) !important;
}
.hover\:text-200:hover {
  color: var(--surface-200) !important;
}
.active\:text-200:active {
  color: var(--surface-200) !important;
}
.focus\:text-300:focus {
  color: var(--surface-300) !important;
}
.hover\:text-300:hover {
  color: var(--surface-300) !important;
}
.active\:text-300:active {
  color: var(--surface-300) !important;
}
.focus\:text-400:focus {
  color: var(--surface-400) !important;
}
.hover\:text-400:hover {
  color: var(--surface-400) !important;
}
.active\:text-400:active {
  color: var(--surface-400) !important;
}
.focus\:text-500:focus {
  color: var(--surface-500) !important;
}
.hover\:text-500:hover {
  color: var(--surface-500) !important;
}
.active\:text-500:active {
  color: var(--surface-500) !important;
}
.focus\:text-600:focus {
  color: var(--surface-600) !important;
}
.hover\:text-600:hover {
  color: var(--surface-600) !important;
}
.active\:text-600:active {
  color: var(--surface-600) !important;
}
.focus\:text-700:focus {
  color: var(--surface-700) !important;
}
.hover\:text-700:hover {
  color: var(--surface-700) !important;
}
.active\:text-700:active {
  color: var(--surface-700) !important;
}
.focus\:text-800:focus {
  color: var(--surface-800) !important;
}
.hover\:text-800:hover {
  color: var(--surface-800) !important;
}
.active\:text-800:active {
  color: var(--surface-800) !important;
}
.focus\:text-900:focus {
  color: var(--surface-900) !important;
}
.hover\:text-900:hover {
  color: var(--surface-900) !important;
}
.active\:text-900:active {
  color: var(--surface-900) !important;
}
.surface-0 {
  background-color: var(--surface-0) !important;
}
.surface-50 {
  background-color: var(--surface-50) !important;
}
.surface-100 {
  background-color: var(--surface-100) !important;
}
.surface-200 {
  background-color: var(--surface-200) !important;
}
.surface-300 {
  background-color: var(--surface-300) !important;
}
.surface-400 {
  background-color: var(--surface-400) !important;
}
.surface-500 {
  background-color: var(--surface-500) !important;
}
.surface-600 {
  background-color: var(--surface-600) !important;
}
.surface-700 {
  background-color: var(--surface-700) !important;
}
.surface-800 {
  background-color: var(--surface-800) !important;
}
.surface-900 {
  background-color: var(--surface-900) !important;
}
.focus\:surface-0:focus {
  background-color: var(--surface-0) !important;
}
.hover\:surface-0:hover {
  background-color: var(--surface-0) !important;
}
.active\:surface-0:active {
  background-color: var(--surface-0) !important;
}
.focus\:surface-50:focus {
  background-color: var(--surface-50) !important;
}
.hover\:surface-50:hover {
  background-color: var(--surface-50) !important;
}
.active\:surface-50:active {
  background-color: var(--surface-50) !important;
}
.focus\:surface-100:focus {
  background-color: var(--surface-100) !important;
}
.hover\:surface-100:hover {
  background-color: var(--surface-100) !important;
}
.active\:surface-100:active {
  background-color: var(--surface-100) !important;
}
.focus\:surface-200:focus {
  background-color: var(--surface-200) !important;
}
.hover\:surface-200:hover {
  background-color: var(--surface-200) !important;
}
.active\:surface-200:active {
  background-color: var(--surface-200) !important;
}
.focus\:surface-300:focus {
  background-color: var(--surface-300) !important;
}
.hover\:surface-300:hover {
  background-color: var(--surface-300) !important;
}
.active\:surface-300:active {
  background-color: var(--surface-300) !important;
}
.focus\:surface-400:focus {
  background-color: var(--surface-400) !important;
}
.hover\:surface-400:hover {
  background-color: var(--surface-400) !important;
}
.active\:surface-400:active {
  background-color: var(--surface-400) !important;
}
.focus\:surface-500:focus {
  background-color: var(--surface-500) !important;
}
.hover\:surface-500:hover {
  background-color: var(--surface-500) !important;
}
.active\:surface-500:active {
  background-color: var(--surface-500) !important;
}
.focus\:surface-600:focus {
  background-color: var(--surface-600) !important;
}
.hover\:surface-600:hover {
  background-color: var(--surface-600) !important;
}
.active\:surface-600:active {
  background-color: var(--surface-600) !important;
}
.focus\:surface-700:focus {
  background-color: var(--surface-700) !important;
}
.hover\:surface-700:hover {
  background-color: var(--surface-700) !important;
}
.active\:surface-700:active {
  background-color: var(--surface-700) !important;
}
.focus\:surface-800:focus {
  background-color: var(--surface-800) !important;
}
.hover\:surface-800:hover {
  background-color: var(--surface-800) !important;
}
.active\:surface-800:active {
  background-color: var(--surface-800) !important;
}
.focus\:surface-900:focus {
  background-color: var(--surface-900) !important;
}
.hover\:surface-900:hover {
  background-color: var(--surface-900) !important;
}
.active\:surface-900:active {
  background-color: var(--surface-900) !important;
}
.border-0 {
  border-color: var(--surface-0) !important;
}
.border-50 {
  border-color: var(--surface-50) !important;
}
.border-100 {
  border-color: var(--surface-100) !important;
}
.border-200 {
  border-color: var(--surface-200) !important;
}
.border-300 {
  border-color: var(--surface-300) !important;
}
.border-400 {
  border-color: var(--surface-400) !important;
}
.border-500 {
  border-color: var(--surface-500) !important;
}
.border-600 {
  border-color: var(--surface-600) !important;
}
.border-700 {
  border-color: var(--surface-700) !important;
}
.border-800 {
  border-color: var(--surface-800) !important;
}
.border-900 {
  border-color: var(--surface-900) !important;
}
.focus\:border-0:focus {
  border-color: var(--surface-0) !important;
}
.hover\:border-0:hover {
  border-color: var(--surface-0) !important;
}
.active\:border-0:active {
  border-color: var(--surface-0) !important;
}
.focus\:border-50:focus {
  border-color: var(--surface-50) !important;
}
.hover\:border-50:hover {
  border-color: var(--surface-50) !important;
}
.active\:border-50:active {
  border-color: var(--surface-50) !important;
}
.focus\:border-100:focus {
  border-color: var(--surface-100) !important;
}
.hover\:border-100:hover {
  border-color: var(--surface-100) !important;
}
.active\:border-100:active {
  border-color: var(--surface-100) !important;
}
.focus\:border-200:focus {
  border-color: var(--surface-200) !important;
}
.hover\:border-200:hover {
  border-color: var(--surface-200) !important;
}
.active\:border-200:active {
  border-color: var(--surface-200) !important;
}
.focus\:border-300:focus {
  border-color: var(--surface-300) !important;
}
.hover\:border-300:hover {
  border-color: var(--surface-300) !important;
}
.active\:border-300:active {
  border-color: var(--surface-300) !important;
}
.focus\:border-400:focus {
  border-color: var(--surface-400) !important;
}
.hover\:border-400:hover {
  border-color: var(--surface-400) !important;
}
.active\:border-400:active {
  border-color: var(--surface-400) !important;
}
.focus\:border-500:focus {
  border-color: var(--surface-500) !important;
}
.hover\:border-500:hover {
  border-color: var(--surface-500) !important;
}
.active\:border-500:active {
  border-color: var(--surface-500) !important;
}
.focus\:border-600:focus {
  border-color: var(--surface-600) !important;
}
.hover\:border-600:hover {
  border-color: var(--surface-600) !important;
}
.active\:border-600:active {
  border-color: var(--surface-600) !important;
}
.focus\:border-700:focus {
  border-color: var(--surface-700) !important;
}
.hover\:border-700:hover {
  border-color: var(--surface-700) !important;
}
.active\:border-700:active {
  border-color: var(--surface-700) !important;
}
.focus\:border-800:focus {
  border-color: var(--surface-800) !important;
}
.hover\:border-800:hover {
  border-color: var(--surface-800) !important;
}
.active\:border-800:active {
  border-color: var(--surface-800) !important;
}
.focus\:border-900:focus {
  border-color: var(--surface-900) !important;
}
.hover\:border-900:hover {
  border-color: var(--surface-900) !important;
}
.active\:border-900:active {
  border-color: var(--surface-900) !important;
}
.bg-transparent {
  background-color: transparent !important;
}
@media screen and (min-width: 576px) {
  .sm\:bg-transparent {
    background-color: transparent !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:bg-transparent {
    background-color: transparent !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:bg-transparent {
    background-color: transparent !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:bg-transparent {
    background-color: transparent !important;
  }
}
.border-transparent {
  border-color: transparent !important;
}
@media screen and (min-width: 576px) {
  .sm\:border-transparent {
    border-color: transparent !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:border-transparent {
    border-color: transparent !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:border-transparent {
    border-color: transparent !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:border-transparent {
    border-color: transparent !important;
  }
}
.text-blue-50 {
  color: var(--blue-50) !important;
}
.text-blue-100 {
  color: var(--blue-100) !important;
}
.text-blue-200 {
  color: var(--blue-200) !important;
}
.text-blue-300 {
  color: var(--blue-300) !important;
}
.text-blue-400 {
  color: var(--blue-400) !important;
}
.text-blue-500 {
  color: var(--blue-500) !important;
}
.text-blue-600 {
  color: var(--blue-600) !important;
}
.text-blue-700 {
  color: var(--blue-700) !important;
}
.text-blue-800 {
  color: var(--blue-800) !important;
}
.text-blue-900 {
  color: var(--blue-900) !important;
}
.focus\:text-blue-50:focus {
  color: var(--blue-50) !important;
}
.focus\:text-blue-100:focus {
  color: var(--blue-100) !important;
}
.focus\:text-blue-200:focus {
  color: var(--blue-200) !important;
}
.focus\:text-blue-300:focus {
  color: var(--blue-300) !important;
}
.focus\:text-blue-400:focus {
  color: var(--blue-400) !important;
}
.focus\:text-blue-500:focus {
  color: var(--blue-500) !important;
}
.focus\:text-blue-600:focus {
  color: var(--blue-600) !important;
}
.focus\:text-blue-700:focus {
  color: var(--blue-700) !important;
}
.focus\:text-blue-800:focus {
  color: var(--blue-800) !important;
}
.focus\:text-blue-900:focus {
  color: var(--blue-900) !important;
}
.hover\:text-blue-50:hover {
  color: var(--blue-50) !important;
}
.hover\:text-blue-100:hover {
  color: var(--blue-100) !important;
}
.hover\:text-blue-200:hover {
  color: var(--blue-200) !important;
}
.hover\:text-blue-300:hover {
  color: var(--blue-300) !important;
}
.hover\:text-blue-400:hover {
  color: var(--blue-400) !important;
}
.hover\:text-blue-500:hover {
  color: var(--blue-500) !important;
}
.hover\:text-blue-600:hover {
  color: var(--blue-600) !important;
}
.hover\:text-blue-700:hover {
  color: var(--blue-700) !important;
}
.hover\:text-blue-800:hover {
  color: var(--blue-800) !important;
}
.hover\:text-blue-900:hover {
  color: var(--blue-900) !important;
}
.active\:text-blue-50:active {
  color: var(--blue-50) !important;
}
.active\:text-blue-100:active {
  color: var(--blue-100) !important;
}
.active\:text-blue-200:active {
  color: var(--blue-200) !important;
}
.active\:text-blue-300:active {
  color: var(--blue-300) !important;
}
.active\:text-blue-400:active {
  color: var(--blue-400) !important;
}
.active\:text-blue-500:active {
  color: var(--blue-500) !important;
}
.active\:text-blue-600:active {
  color: var(--blue-600) !important;
}
.active\:text-blue-700:active {
  color: var(--blue-700) !important;
}
.active\:text-blue-800:active {
  color: var(--blue-800) !important;
}
.active\:text-blue-900:active {
  color: var(--blue-900) !important;
}
.text-green-50 {
  color: var(--green-50) !important;
}
.text-green-100 {
  color: var(--green-100) !important;
}
.text-green-200 {
  color: var(--green-200) !important;
}
.text-green-300 {
  color: var(--green-300) !important;
}
.text-green-400 {
  color: var(--green-400) !important;
}
.text-green-500 {
  color: var(--green-500) !important;
}
.text-green-600 {
  color: var(--green-600) !important;
}
.text-green-700 {
  color: var(--green-700) !important;
}
.text-green-800 {
  color: var(--green-800) !important;
}
.text-green-900 {
  color: var(--green-900) !important;
}
.focus\:text-green-50:focus {
  color: var(--green-50) !important;
}
.focus\:text-green-100:focus {
  color: var(--green-100) !important;
}
.focus\:text-green-200:focus {
  color: var(--green-200) !important;
}
.focus\:text-green-300:focus {
  color: var(--green-300) !important;
}
.focus\:text-green-400:focus {
  color: var(--green-400) !important;
}
.focus\:text-green-500:focus {
  color: var(--green-500) !important;
}
.focus\:text-green-600:focus {
  color: var(--green-600) !important;
}
.focus\:text-green-700:focus {
  color: var(--green-700) !important;
}
.focus\:text-green-800:focus {
  color: var(--green-800) !important;
}
.focus\:text-green-900:focus {
  color: var(--green-900) !important;
}
.hover\:text-green-50:hover {
  color: var(--green-50) !important;
}
.hover\:text-green-100:hover {
  color: var(--green-100) !important;
}
.hover\:text-green-200:hover {
  color: var(--green-200) !important;
}
.hover\:text-green-300:hover {
  color: var(--green-300) !important;
}
.hover\:text-green-400:hover {
  color: var(--green-400) !important;
}
.hover\:text-green-500:hover {
  color: var(--green-500) !important;
}
.hover\:text-green-600:hover {
  color: var(--green-600) !important;
}
.hover\:text-green-700:hover {
  color: var(--green-700) !important;
}
.hover\:text-green-800:hover {
  color: var(--green-800) !important;
}
.hover\:text-green-900:hover {
  color: var(--green-900) !important;
}
.active\:text-green-50:active {
  color: var(--green-50) !important;
}
.active\:text-green-100:active {
  color: var(--green-100) !important;
}
.active\:text-green-200:active {
  color: var(--green-200) !important;
}
.active\:text-green-300:active {
  color: var(--green-300) !important;
}
.active\:text-green-400:active {
  color: var(--green-400) !important;
}
.active\:text-green-500:active {
  color: var(--green-500) !important;
}
.active\:text-green-600:active {
  color: var(--green-600) !important;
}
.active\:text-green-700:active {
  color: var(--green-700) !important;
}
.active\:text-green-800:active {
  color: var(--green-800) !important;
}
.active\:text-green-900:active {
  color: var(--green-900) !important;
}
.text-yellow-50 {
  color: var(--yellow-50) !important;
}
.text-yellow-100 {
  color: var(--yellow-100) !important;
}
.text-yellow-200 {
  color: var(--yellow-200) !important;
}
.text-yellow-300 {
  color: var(--yellow-300) !important;
}
.text-yellow-400 {
  color: var(--yellow-400) !important;
}
.text-yellow-500 {
  color: var(--yellow-500) !important;
}
.text-yellow-600 {
  color: var(--yellow-600) !important;
}
.text-yellow-700 {
  color: var(--yellow-700) !important;
}
.text-yellow-800 {
  color: var(--yellow-800) !important;
}
.text-yellow-900 {
  color: var(--yellow-900) !important;
}
.focus\:text-yellow-50:focus {
  color: var(--yellow-50) !important;
}
.focus\:text-yellow-100:focus {
  color: var(--yellow-100) !important;
}
.focus\:text-yellow-200:focus {
  color: var(--yellow-200) !important;
}
.focus\:text-yellow-300:focus {
  color: var(--yellow-300) !important;
}
.focus\:text-yellow-400:focus {
  color: var(--yellow-400) !important;
}
.focus\:text-yellow-500:focus {
  color: var(--yellow-500) !important;
}
.focus\:text-yellow-600:focus {
  color: var(--yellow-600) !important;
}
.focus\:text-yellow-700:focus {
  color: var(--yellow-700) !important;
}
.focus\:text-yellow-800:focus {
  color: var(--yellow-800) !important;
}
.focus\:text-yellow-900:focus {
  color: var(--yellow-900) !important;
}
.hover\:text-yellow-50:hover {
  color: var(--yellow-50) !important;
}
.hover\:text-yellow-100:hover {
  color: var(--yellow-100) !important;
}
.hover\:text-yellow-200:hover {
  color: var(--yellow-200) !important;
}
.hover\:text-yellow-300:hover {
  color: var(--yellow-300) !important;
}
.hover\:text-yellow-400:hover {
  color: var(--yellow-400) !important;
}
.hover\:text-yellow-500:hover {
  color: var(--yellow-500) !important;
}
.hover\:text-yellow-600:hover {
  color: var(--yellow-600) !important;
}
.hover\:text-yellow-700:hover {
  color: var(--yellow-700) !important;
}
.hover\:text-yellow-800:hover {
  color: var(--yellow-800) !important;
}
.hover\:text-yellow-900:hover {
  color: var(--yellow-900) !important;
}
.active\:text-yellow-50:active {
  color: var(--yellow-50) !important;
}
.active\:text-yellow-100:active {
  color: var(--yellow-100) !important;
}
.active\:text-yellow-200:active {
  color: var(--yellow-200) !important;
}
.active\:text-yellow-300:active {
  color: var(--yellow-300) !important;
}
.active\:text-yellow-400:active {
  color: var(--yellow-400) !important;
}
.active\:text-yellow-500:active {
  color: var(--yellow-500) !important;
}
.active\:text-yellow-600:active {
  color: var(--yellow-600) !important;
}
.active\:text-yellow-700:active {
  color: var(--yellow-700) !important;
}
.active\:text-yellow-800:active {
  color: var(--yellow-800) !important;
}
.active\:text-yellow-900:active {
  color: var(--yellow-900) !important;
}
.text-cyan-50 {
  color: var(--cyan-50) !important;
}
.text-cyan-100 {
  color: var(--cyan-100) !important;
}
.text-cyan-200 {
  color: var(--cyan-200) !important;
}
.text-cyan-300 {
  color: var(--cyan-300) !important;
}
.text-cyan-400 {
  color: var(--cyan-400) !important;
}
.text-cyan-500 {
  color: var(--cyan-500) !important;
}
.text-cyan-600 {
  color: var(--cyan-600) !important;
}
.text-cyan-700 {
  color: var(--cyan-700) !important;
}
.text-cyan-800 {
  color: var(--cyan-800) !important;
}
.text-cyan-900 {
  color: var(--cyan-900) !important;
}
.focus\:text-cyan-50:focus {
  color: var(--cyan-50) !important;
}
.focus\:text-cyan-100:focus {
  color: var(--cyan-100) !important;
}
.focus\:text-cyan-200:focus {
  color: var(--cyan-200) !important;
}
.focus\:text-cyan-300:focus {
  color: var(--cyan-300) !important;
}
.focus\:text-cyan-400:focus {
  color: var(--cyan-400) !important;
}
.focus\:text-cyan-500:focus {
  color: var(--cyan-500) !important;
}
.focus\:text-cyan-600:focus {
  color: var(--cyan-600) !important;
}
.focus\:text-cyan-700:focus {
  color: var(--cyan-700) !important;
}
.focus\:text-cyan-800:focus {
  color: var(--cyan-800) !important;
}
.focus\:text-cyan-900:focus {
  color: var(--cyan-900) !important;
}
.hover\:text-cyan-50:hover {
  color: var(--cyan-50) !important;
}
.hover\:text-cyan-100:hover {
  color: var(--cyan-100) !important;
}
.hover\:text-cyan-200:hover {
  color: var(--cyan-200) !important;
}
.hover\:text-cyan-300:hover {
  color: var(--cyan-300) !important;
}
.hover\:text-cyan-400:hover {
  color: var(--cyan-400) !important;
}
.hover\:text-cyan-500:hover {
  color: var(--cyan-500) !important;
}
.hover\:text-cyan-600:hover {
  color: var(--cyan-600) !important;
}
.hover\:text-cyan-700:hover {
  color: var(--cyan-700) !important;
}
.hover\:text-cyan-800:hover {
  color: var(--cyan-800) !important;
}
.hover\:text-cyan-900:hover {
  color: var(--cyan-900) !important;
}
.active\:text-cyan-50:active {
  color: var(--cyan-50) !important;
}
.active\:text-cyan-100:active {
  color: var(--cyan-100) !important;
}
.active\:text-cyan-200:active {
  color: var(--cyan-200) !important;
}
.active\:text-cyan-300:active {
  color: var(--cyan-300) !important;
}
.active\:text-cyan-400:active {
  color: var(--cyan-400) !important;
}
.active\:text-cyan-500:active {
  color: var(--cyan-500) !important;
}
.active\:text-cyan-600:active {
  color: var(--cyan-600) !important;
}
.active\:text-cyan-700:active {
  color: var(--cyan-700) !important;
}
.active\:text-cyan-800:active {
  color: var(--cyan-800) !important;
}
.active\:text-cyan-900:active {
  color: var(--cyan-900) !important;
}
.text-pink-50 {
  color: var(--pink-50) !important;
}
.text-pink-100 {
  color: var(--pink-100) !important;
}
.text-pink-200 {
  color: var(--pink-200) !important;
}
.text-pink-300 {
  color: var(--pink-300) !important;
}
.text-pink-400 {
  color: var(--pink-400) !important;
}
.text-pink-500 {
  color: var(--pink-500) !important;
}
.text-pink-600 {
  color: var(--pink-600) !important;
}
.text-pink-700 {
  color: var(--pink-700) !important;
}
.text-pink-800 {
  color: var(--pink-800) !important;
}
.text-pink-900 {
  color: var(--pink-900) !important;
}
.focus\:text-pink-50:focus {
  color: var(--pink-50) !important;
}
.focus\:text-pink-100:focus {
  color: var(--pink-100) !important;
}
.focus\:text-pink-200:focus {
  color: var(--pink-200) !important;
}
.focus\:text-pink-300:focus {
  color: var(--pink-300) !important;
}
.focus\:text-pink-400:focus {
  color: var(--pink-400) !important;
}
.focus\:text-pink-500:focus {
  color: var(--pink-500) !important;
}
.focus\:text-pink-600:focus {
  color: var(--pink-600) !important;
}
.focus\:text-pink-700:focus {
  color: var(--pink-700) !important;
}
.focus\:text-pink-800:focus {
  color: var(--pink-800) !important;
}
.focus\:text-pink-900:focus {
  color: var(--pink-900) !important;
}
.hover\:text-pink-50:hover {
  color: var(--pink-50) !important;
}
.hover\:text-pink-100:hover {
  color: var(--pink-100) !important;
}
.hover\:text-pink-200:hover {
  color: var(--pink-200) !important;
}
.hover\:text-pink-300:hover {
  color: var(--pink-300) !important;
}
.hover\:text-pink-400:hover {
  color: var(--pink-400) !important;
}
.hover\:text-pink-500:hover {
  color: var(--pink-500) !important;
}
.hover\:text-pink-600:hover {
  color: var(--pink-600) !important;
}
.hover\:text-pink-700:hover {
  color: var(--pink-700) !important;
}
.hover\:text-pink-800:hover {
  color: var(--pink-800) !important;
}
.hover\:text-pink-900:hover {
  color: var(--pink-900) !important;
}
.active\:text-pink-50:active {
  color: var(--pink-50) !important;
}
.active\:text-pink-100:active {
  color: var(--pink-100) !important;
}
.active\:text-pink-200:active {
  color: var(--pink-200) !important;
}
.active\:text-pink-300:active {
  color: var(--pink-300) !important;
}
.active\:text-pink-400:active {
  color: var(--pink-400) !important;
}
.active\:text-pink-500:active {
  color: var(--pink-500) !important;
}
.active\:text-pink-600:active {
  color: var(--pink-600) !important;
}
.active\:text-pink-700:active {
  color: var(--pink-700) !important;
}
.active\:text-pink-800:active {
  color: var(--pink-800) !important;
}
.active\:text-pink-900:active {
  color: var(--pink-900) !important;
}
.text-indigo-50 {
  color: var(--indigo-50) !important;
}
.text-indigo-100 {
  color: var(--indigo-100) !important;
}
.text-indigo-200 {
  color: var(--indigo-200) !important;
}
.text-indigo-300 {
  color: var(--indigo-300) !important;
}
.text-indigo-400 {
  color: var(--indigo-400) !important;
}
.text-indigo-500 {
  color: var(--indigo-500) !important;
}
.text-indigo-600 {
  color: var(--indigo-600) !important;
}
.text-indigo-700 {
  color: var(--indigo-700) !important;
}
.text-indigo-800 {
  color: var(--indigo-800) !important;
}
.text-indigo-900 {
  color: var(--indigo-900) !important;
}
.focus\:text-indigo-50:focus {
  color: var(--indigo-50) !important;
}
.focus\:text-indigo-100:focus {
  color: var(--indigo-100) !important;
}
.focus\:text-indigo-200:focus {
  color: var(--indigo-200) !important;
}
.focus\:text-indigo-300:focus {
  color: var(--indigo-300) !important;
}
.focus\:text-indigo-400:focus {
  color: var(--indigo-400) !important;
}
.focus\:text-indigo-500:focus {
  color: var(--indigo-500) !important;
}
.focus\:text-indigo-600:focus {
  color: var(--indigo-600) !important;
}
.focus\:text-indigo-700:focus {
  color: var(--indigo-700) !important;
}
.focus\:text-indigo-800:focus {
  color: var(--indigo-800) !important;
}
.focus\:text-indigo-900:focus {
  color: var(--indigo-900) !important;
}
.hover\:text-indigo-50:hover {
  color: var(--indigo-50) !important;
}
.hover\:text-indigo-100:hover {
  color: var(--indigo-100) !important;
}
.hover\:text-indigo-200:hover {
  color: var(--indigo-200) !important;
}
.hover\:text-indigo-300:hover {
  color: var(--indigo-300) !important;
}
.hover\:text-indigo-400:hover {
  color: var(--indigo-400) !important;
}
.hover\:text-indigo-500:hover {
  color: var(--indigo-500) !important;
}
.hover\:text-indigo-600:hover {
  color: var(--indigo-600) !important;
}
.hover\:text-indigo-700:hover {
  color: var(--indigo-700) !important;
}
.hover\:text-indigo-800:hover {
  color: var(--indigo-800) !important;
}
.hover\:text-indigo-900:hover {
  color: var(--indigo-900) !important;
}
.active\:text-indigo-50:active {
  color: var(--indigo-50) !important;
}
.active\:text-indigo-100:active {
  color: var(--indigo-100) !important;
}
.active\:text-indigo-200:active {
  color: var(--indigo-200) !important;
}
.active\:text-indigo-300:active {
  color: var(--indigo-300) !important;
}
.active\:text-indigo-400:active {
  color: var(--indigo-400) !important;
}
.active\:text-indigo-500:active {
  color: var(--indigo-500) !important;
}
.active\:text-indigo-600:active {
  color: var(--indigo-600) !important;
}
.active\:text-indigo-700:active {
  color: var(--indigo-700) !important;
}
.active\:text-indigo-800:active {
  color: var(--indigo-800) !important;
}
.active\:text-indigo-900:active {
  color: var(--indigo-900) !important;
}
.text-teal-50 {
  color: var(--teal-50) !important;
}
.text-teal-100 {
  color: var(--teal-100) !important;
}
.text-teal-200 {
  color: var(--teal-200) !important;
}
.text-teal-300 {
  color: var(--teal-300) !important;
}
.text-teal-400 {
  color: var(--teal-400) !important;
}
.text-teal-500 {
  color: var(--teal-500) !important;
}
.text-teal-600 {
  color: var(--teal-600) !important;
}
.text-teal-700 {
  color: var(--teal-700) !important;
}
.text-teal-800 {
  color: var(--teal-800) !important;
}
.text-teal-900 {
  color: var(--teal-900) !important;
}
.focus\:text-teal-50:focus {
  color: var(--teal-50) !important;
}
.focus\:text-teal-100:focus {
  color: var(--teal-100) !important;
}
.focus\:text-teal-200:focus {
  color: var(--teal-200) !important;
}
.focus\:text-teal-300:focus {
  color: var(--teal-300) !important;
}
.focus\:text-teal-400:focus {
  color: var(--teal-400) !important;
}
.focus\:text-teal-500:focus {
  color: var(--teal-500) !important;
}
.focus\:text-teal-600:focus {
  color: var(--teal-600) !important;
}
.focus\:text-teal-700:focus {
  color: var(--teal-700) !important;
}
.focus\:text-teal-800:focus {
  color: var(--teal-800) !important;
}
.focus\:text-teal-900:focus {
  color: var(--teal-900) !important;
}
.hover\:text-teal-50:hover {
  color: var(--teal-50) !important;
}
.hover\:text-teal-100:hover {
  color: var(--teal-100) !important;
}
.hover\:text-teal-200:hover {
  color: var(--teal-200) !important;
}
.hover\:text-teal-300:hover {
  color: var(--teal-300) !important;
}
.hover\:text-teal-400:hover {
  color: var(--teal-400) !important;
}
.hover\:text-teal-500:hover {
  color: var(--teal-500) !important;
}
.hover\:text-teal-600:hover {
  color: var(--teal-600) !important;
}
.hover\:text-teal-700:hover {
  color: var(--teal-700) !important;
}
.hover\:text-teal-800:hover {
  color: var(--teal-800) !important;
}
.hover\:text-teal-900:hover {
  color: var(--teal-900) !important;
}
.active\:text-teal-50:active {
  color: var(--teal-50) !important;
}
.active\:text-teal-100:active {
  color: var(--teal-100) !important;
}
.active\:text-teal-200:active {
  color: var(--teal-200) !important;
}
.active\:text-teal-300:active {
  color: var(--teal-300) !important;
}
.active\:text-teal-400:active {
  color: var(--teal-400) !important;
}
.active\:text-teal-500:active {
  color: var(--teal-500) !important;
}
.active\:text-teal-600:active {
  color: var(--teal-600) !important;
}
.active\:text-teal-700:active {
  color: var(--teal-700) !important;
}
.active\:text-teal-800:active {
  color: var(--teal-800) !important;
}
.active\:text-teal-900:active {
  color: var(--teal-900) !important;
}
.text-orange-50 {
  color: var(--orange-50) !important;
}
.text-orange-100 {
  color: var(--orange-100) !important;
}
.text-orange-200 {
  color: var(--orange-200) !important;
}
.text-orange-300 {
  color: var(--orange-300) !important;
}
.text-orange-400 {
  color: var(--orange-400) !important;
}
.text-orange-500 {
  color: var(--orange-500) !important;
}
.text-orange-600 {
  color: var(--orange-600) !important;
}
.text-orange-700 {
  color: var(--orange-700) !important;
}
.text-orange-800 {
  color: var(--orange-800) !important;
}
.text-orange-900 {
  color: var(--orange-900) !important;
}
.focus\:text-orange-50:focus {
  color: var(--orange-50) !important;
}
.focus\:text-orange-100:focus {
  color: var(--orange-100) !important;
}
.focus\:text-orange-200:focus {
  color: var(--orange-200) !important;
}
.focus\:text-orange-300:focus {
  color: var(--orange-300) !important;
}
.focus\:text-orange-400:focus {
  color: var(--orange-400) !important;
}
.focus\:text-orange-500:focus {
  color: var(--orange-500) !important;
}
.focus\:text-orange-600:focus {
  color: var(--orange-600) !important;
}
.focus\:text-orange-700:focus {
  color: var(--orange-700) !important;
}
.focus\:text-orange-800:focus {
  color: var(--orange-800) !important;
}
.focus\:text-orange-900:focus {
  color: var(--orange-900) !important;
}
.hover\:text-orange-50:hover {
  color: var(--orange-50) !important;
}
.hover\:text-orange-100:hover {
  color: var(--orange-100) !important;
}
.hover\:text-orange-200:hover {
  color: var(--orange-200) !important;
}
.hover\:text-orange-300:hover {
  color: var(--orange-300) !important;
}
.hover\:text-orange-400:hover {
  color: var(--orange-400) !important;
}
.hover\:text-orange-500:hover {
  color: var(--orange-500) !important;
}
.hover\:text-orange-600:hover {
  color: var(--orange-600) !important;
}
.hover\:text-orange-700:hover {
  color: var(--orange-700) !important;
}
.hover\:text-orange-800:hover {
  color: var(--orange-800) !important;
}
.hover\:text-orange-900:hover {
  color: var(--orange-900) !important;
}
.active\:text-orange-50:active {
  color: var(--orange-50) !important;
}
.active\:text-orange-100:active {
  color: var(--orange-100) !important;
}
.active\:text-orange-200:active {
  color: var(--orange-200) !important;
}
.active\:text-orange-300:active {
  color: var(--orange-300) !important;
}
.active\:text-orange-400:active {
  color: var(--orange-400) !important;
}
.active\:text-orange-500:active {
  color: var(--orange-500) !important;
}
.active\:text-orange-600:active {
  color: var(--orange-600) !important;
}
.active\:text-orange-700:active {
  color: var(--orange-700) !important;
}
.active\:text-orange-800:active {
  color: var(--orange-800) !important;
}
.active\:text-orange-900:active {
  color: var(--orange-900) !important;
}
.text-bluegray-50 {
  color: var(--bluegray-50) !important;
}
.text-bluegray-100 {
  color: var(--bluegray-100) !important;
}
.text-bluegray-200 {
  color: var(--bluegray-200) !important;
}
.text-bluegray-300 {
  color: var(--bluegray-300) !important;
}
.text-bluegray-400 {
  color: var(--bluegray-400) !important;
}
.text-bluegray-500 {
  color: var(--bluegray-500) !important;
}
.text-bluegray-600 {
  color: var(--bluegray-600) !important;
}
.text-bluegray-700 {
  color: var(--bluegray-700) !important;
}
.text-bluegray-800 {
  color: var(--bluegray-800) !important;
}
.text-bluegray-900 {
  color: var(--bluegray-900) !important;
}
.focus\:text-bluegray-50:focus {
  color: var(--bluegray-50) !important;
}
.focus\:text-bluegray-100:focus {
  color: var(--bluegray-100) !important;
}
.focus\:text-bluegray-200:focus {
  color: var(--bluegray-200) !important;
}
.focus\:text-bluegray-300:focus {
  color: var(--bluegray-300) !important;
}
.focus\:text-bluegray-400:focus {
  color: var(--bluegray-400) !important;
}
.focus\:text-bluegray-500:focus {
  color: var(--bluegray-500) !important;
}
.focus\:text-bluegray-600:focus {
  color: var(--bluegray-600) !important;
}
.focus\:text-bluegray-700:focus {
  color: var(--bluegray-700) !important;
}
.focus\:text-bluegray-800:focus {
  color: var(--bluegray-800) !important;
}
.focus\:text-bluegray-900:focus {
  color: var(--bluegray-900) !important;
}
.hover\:text-bluegray-50:hover {
  color: var(--bluegray-50) !important;
}
.hover\:text-bluegray-100:hover {
  color: var(--bluegray-100) !important;
}
.hover\:text-bluegray-200:hover {
  color: var(--bluegray-200) !important;
}
.hover\:text-bluegray-300:hover {
  color: var(--bluegray-300) !important;
}
.hover\:text-bluegray-400:hover {
  color: var(--bluegray-400) !important;
}
.hover\:text-bluegray-500:hover {
  color: var(--bluegray-500) !important;
}
.hover\:text-bluegray-600:hover {
  color: var(--bluegray-600) !important;
}
.hover\:text-bluegray-700:hover {
  color: var(--bluegray-700) !important;
}
.hover\:text-bluegray-800:hover {
  color: var(--bluegray-800) !important;
}
.hover\:text-bluegray-900:hover {
  color: var(--bluegray-900) !important;
}
.active\:text-bluegray-50:active {
  color: var(--bluegray-50) !important;
}
.active\:text-bluegray-100:active {
  color: var(--bluegray-100) !important;
}
.active\:text-bluegray-200:active {
  color: var(--bluegray-200) !important;
}
.active\:text-bluegray-300:active {
  color: var(--bluegray-300) !important;
}
.active\:text-bluegray-400:active {
  color: var(--bluegray-400) !important;
}
.active\:text-bluegray-500:active {
  color: var(--bluegray-500) !important;
}
.active\:text-bluegray-600:active {
  color: var(--bluegray-600) !important;
}
.active\:text-bluegray-700:active {
  color: var(--bluegray-700) !important;
}
.active\:text-bluegray-800:active {
  color: var(--bluegray-800) !important;
}
.active\:text-bluegray-900:active {
  color: var(--bluegray-900) !important;
}
.text-purple-50 {
  color: var(--purple-50) !important;
}
.text-purple-100 {
  color: var(--purple-100) !important;
}
.text-purple-200 {
  color: var(--purple-200) !important;
}
.text-purple-300 {
  color: var(--purple-300) !important;
}
.text-purple-400 {
  color: var(--purple-400) !important;
}
.text-purple-500 {
  color: var(--purple-500) !important;
}
.text-purple-600 {
  color: var(--purple-600) !important;
}
.text-purple-700 {
  color: var(--purple-700) !important;
}
.text-purple-800 {
  color: var(--purple-800) !important;
}
.text-purple-900 {
  color: var(--purple-900) !important;
}
.focus\:text-purple-50:focus {
  color: var(--purple-50) !important;
}
.focus\:text-purple-100:focus {
  color: var(--purple-100) !important;
}
.focus\:text-purple-200:focus {
  color: var(--purple-200) !important;
}
.focus\:text-purple-300:focus {
  color: var(--purple-300) !important;
}
.focus\:text-purple-400:focus {
  color: var(--purple-400) !important;
}
.focus\:text-purple-500:focus {
  color: var(--purple-500) !important;
}
.focus\:text-purple-600:focus {
  color: var(--purple-600) !important;
}
.focus\:text-purple-700:focus {
  color: var(--purple-700) !important;
}
.focus\:text-purple-800:focus {
  color: var(--purple-800) !important;
}
.focus\:text-purple-900:focus {
  color: var(--purple-900) !important;
}
.hover\:text-purple-50:hover {
  color: var(--purple-50) !important;
}
.hover\:text-purple-100:hover {
  color: var(--purple-100) !important;
}
.hover\:text-purple-200:hover {
  color: var(--purple-200) !important;
}
.hover\:text-purple-300:hover {
  color: var(--purple-300) !important;
}
.hover\:text-purple-400:hover {
  color: var(--purple-400) !important;
}
.hover\:text-purple-500:hover {
  color: var(--purple-500) !important;
}
.hover\:text-purple-600:hover {
  color: var(--purple-600) !important;
}
.hover\:text-purple-700:hover {
  color: var(--purple-700) !important;
}
.hover\:text-purple-800:hover {
  color: var(--purple-800) !important;
}
.hover\:text-purple-900:hover {
  color: var(--purple-900) !important;
}
.active\:text-purple-50:active {
  color: var(--purple-50) !important;
}
.active\:text-purple-100:active {
  color: var(--purple-100) !important;
}
.active\:text-purple-200:active {
  color: var(--purple-200) !important;
}
.active\:text-purple-300:active {
  color: var(--purple-300) !important;
}
.active\:text-purple-400:active {
  color: var(--purple-400) !important;
}
.active\:text-purple-500:active {
  color: var(--purple-500) !important;
}
.active\:text-purple-600:active {
  color: var(--purple-600) !important;
}
.active\:text-purple-700:active {
  color: var(--purple-700) !important;
}
.active\:text-purple-800:active {
  color: var(--purple-800) !important;
}
.active\:text-purple-900:active {
  color: var(--purple-900) !important;
}
.text-gray-50 {
  color: var(--gray-50) !important;
}
.text-gray-100 {
  color: var(--gray-100) !important;
}
.text-gray-200 {
  color: var(--gray-200) !important;
}
.text-gray-300 {
  color: var(--gray-300) !important;
}
.text-gray-400 {
  color: var(--gray-400) !important;
}
.text-gray-500 {
  color: var(--gray-500) !important;
}
.text-gray-600 {
  color: var(--gray-600) !important;
}
.text-gray-700 {
  color: var(--gray-700) !important;
}
.text-gray-800 {
  color: var(--gray-800) !important;
}
.text-gray-900 {
  color: var(--gray-900) !important;
}
.focus\:text-gray-50:focus {
  color: var(--gray-50) !important;
}
.focus\:text-gray-100:focus {
  color: var(--gray-100) !important;
}
.focus\:text-gray-200:focus {
  color: var(--gray-200) !important;
}
.focus\:text-gray-300:focus {
  color: var(--gray-300) !important;
}
.focus\:text-gray-400:focus {
  color: var(--gray-400) !important;
}
.focus\:text-gray-500:focus {
  color: var(--gray-500) !important;
}
.focus\:text-gray-600:focus {
  color: var(--gray-600) !important;
}
.focus\:text-gray-700:focus {
  color: var(--gray-700) !important;
}
.focus\:text-gray-800:focus {
  color: var(--gray-800) !important;
}
.focus\:text-gray-900:focus {
  color: var(--gray-900) !important;
}
.hover\:text-gray-50:hover {
  color: var(--gray-50) !important;
}
.hover\:text-gray-100:hover {
  color: var(--gray-100) !important;
}
.hover\:text-gray-200:hover {
  color: var(--gray-200) !important;
}
.hover\:text-gray-300:hover {
  color: var(--gray-300) !important;
}
.hover\:text-gray-400:hover {
  color: var(--gray-400) !important;
}
.hover\:text-gray-500:hover {
  color: var(--gray-500) !important;
}
.hover\:text-gray-600:hover {
  color: var(--gray-600) !important;
}
.hover\:text-gray-700:hover {
  color: var(--gray-700) !important;
}
.hover\:text-gray-800:hover {
  color: var(--gray-800) !important;
}
.hover\:text-gray-900:hover {
  color: var(--gray-900) !important;
}
.active\:text-gray-50:active {
  color: var(--gray-50) !important;
}
.active\:text-gray-100:active {
  color: var(--gray-100) !important;
}
.active\:text-gray-200:active {
  color: var(--gray-200) !important;
}
.active\:text-gray-300:active {
  color: var(--gray-300) !important;
}
.active\:text-gray-400:active {
  color: var(--gray-400) !important;
}
.active\:text-gray-500:active {
  color: var(--gray-500) !important;
}
.active\:text-gray-600:active {
  color: var(--gray-600) !important;
}
.active\:text-gray-700:active {
  color: var(--gray-700) !important;
}
.active\:text-gray-800:active {
  color: var(--gray-800) !important;
}
.active\:text-gray-900:active {
  color: var(--gray-900) !important;
}
.text-red-50 {
  color: var(--red-50) !important;
}
.text-red-100 {
  color: var(--red-100) !important;
}
.text-red-200 {
  color: var(--red-200) !important;
}
.text-red-300 {
  color: var(--red-300) !important;
}
.text-red-400 {
  color: var(--red-400) !important;
}
.text-red-500 {
  color: var(--red-500) !important;
}
.text-red-600 {
  color: var(--red-600) !important;
}
.text-red-700 {
  color: var(--red-700) !important;
}
.text-red-800 {
  color: var(--red-800) !important;
}
.text-red-900 {
  color: var(--red-900) !important;
}
.focus\:text-red-50:focus {
  color: var(--red-50) !important;
}
.focus\:text-red-100:focus {
  color: var(--red-100) !important;
}
.focus\:text-red-200:focus {
  color: var(--red-200) !important;
}
.focus\:text-red-300:focus {
  color: var(--red-300) !important;
}
.focus\:text-red-400:focus {
  color: var(--red-400) !important;
}
.focus\:text-red-500:focus {
  color: var(--red-500) !important;
}
.focus\:text-red-600:focus {
  color: var(--red-600) !important;
}
.focus\:text-red-700:focus {
  color: var(--red-700) !important;
}
.focus\:text-red-800:focus {
  color: var(--red-800) !important;
}
.focus\:text-red-900:focus {
  color: var(--red-900) !important;
}
.hover\:text-red-50:hover {
  color: var(--red-50) !important;
}
.hover\:text-red-100:hover {
  color: var(--red-100) !important;
}
.hover\:text-red-200:hover {
  color: var(--red-200) !important;
}
.hover\:text-red-300:hover {
  color: var(--red-300) !important;
}
.hover\:text-red-400:hover {
  color: var(--red-400) !important;
}
.hover\:text-red-500:hover {
  color: var(--red-500) !important;
}
.hover\:text-red-600:hover {
  color: var(--red-600) !important;
}
.hover\:text-red-700:hover {
  color: var(--red-700) !important;
}
.hover\:text-red-800:hover {
  color: var(--red-800) !important;
}
.hover\:text-red-900:hover {
  color: var(--red-900) !important;
}
.active\:text-red-50:active {
  color: var(--red-50) !important;
}
.active\:text-red-100:active {
  color: var(--red-100) !important;
}
.active\:text-red-200:active {
  color: var(--red-200) !important;
}
.active\:text-red-300:active {
  color: var(--red-300) !important;
}
.active\:text-red-400:active {
  color: var(--red-400) !important;
}
.active\:text-red-500:active {
  color: var(--red-500) !important;
}
.active\:text-red-600:active {
  color: var(--red-600) !important;
}
.active\:text-red-700:active {
  color: var(--red-700) !important;
}
.active\:text-red-800:active {
  color: var(--red-800) !important;
}
.active\:text-red-900:active {
  color: var(--red-900) !important;
}
.text-primary-50 {
  color: var(--primary-50) !important;
}
.text-primary-100 {
  color: var(--primary-100) !important;
}
.text-primary-200 {
  color: var(--primary-200) !important;
}
.text-primary-300 {
  color: var(--primary-300) !important;
}
.text-primary-400 {
  color: var(--primary-400) !important;
}
.text-primary-500 {
  color: var(--primary-500) !important;
}
.text-primary-600 {
  color: var(--primary-600) !important;
}
.text-primary-700 {
  color: var(--primary-700) !important;
}
.text-primary-800 {
  color: var(--primary-800) !important;
}
.text-primary-900 {
  color: var(--primary-900) !important;
}
.focus\:text-primary-50:focus {
  color: var(--primary-50) !important;
}
.focus\:text-primary-100:focus {
  color: var(--primary-100) !important;
}
.focus\:text-primary-200:focus {
  color: var(--primary-200) !important;
}
.focus\:text-primary-300:focus {
  color: var(--primary-300) !important;
}
.focus\:text-primary-400:focus {
  color: var(--primary-400) !important;
}
.focus\:text-primary-500:focus {
  color: var(--primary-500) !important;
}
.focus\:text-primary-600:focus {
  color: var(--primary-600) !important;
}
.focus\:text-primary-700:focus {
  color: var(--primary-700) !important;
}
.focus\:text-primary-800:focus {
  color: var(--primary-800) !important;
}
.focus\:text-primary-900:focus {
  color: var(--primary-900) !important;
}
.hover\:text-primary-50:hover {
  color: var(--primary-50) !important;
}
.hover\:text-primary-100:hover {
  color: var(--primary-100) !important;
}
.hover\:text-primary-200:hover {
  color: var(--primary-200) !important;
}
.hover\:text-primary-300:hover {
  color: var(--primary-300) !important;
}
.hover\:text-primary-400:hover {
  color: var(--primary-400) !important;
}
.hover\:text-primary-500:hover {
  color: var(--primary-500) !important;
}
.hover\:text-primary-600:hover {
  color: var(--primary-600) !important;
}
.hover\:text-primary-700:hover {
  color: var(--primary-700) !important;
}
.hover\:text-primary-800:hover {
  color: var(--primary-800) !important;
}
.hover\:text-primary-900:hover {
  color: var(--primary-900) !important;
}
.active\:text-primary-50:active {
  color: var(--primary-50) !important;
}
.active\:text-primary-100:active {
  color: var(--primary-100) !important;
}
.active\:text-primary-200:active {
  color: var(--primary-200) !important;
}
.active\:text-primary-300:active {
  color: var(--primary-300) !important;
}
.active\:text-primary-400:active {
  color: var(--primary-400) !important;
}
.active\:text-primary-500:active {
  color: var(--primary-500) !important;
}
.active\:text-primary-600:active {
  color: var(--primary-600) !important;
}
.active\:text-primary-700:active {
  color: var(--primary-700) !important;
}
.active\:text-primary-800:active {
  color: var(--primary-800) !important;
}
.active\:text-primary-900:active {
  color: var(--primary-900) !important;
}
.bg-blue-50 {
  background-color: var(--blue-50) !important;
}
.bg-blue-100 {
  background-color: var(--blue-100) !important;
}
.bg-blue-200 {
  background-color: var(--blue-200) !important;
}
.bg-blue-300 {
  background-color: var(--blue-300) !important;
}
.bg-blue-400 {
  background-color: var(--blue-400) !important;
}
.bg-blue-500 {
  background-color: var(--blue-500) !important;
}
.bg-blue-600 {
  background-color: var(--blue-600) !important;
}
.bg-blue-700 {
  background-color: var(--blue-700) !important;
}
.bg-blue-800 {
  background-color: var(--blue-800) !important;
}
.bg-blue-900 {
  background-color: var(--blue-900) !important;
}
.focus\:bg-blue-50:focus {
  background-color: var(--blue-50) !important;
}
.focus\:bg-blue-100:focus {
  background-color: var(--blue-100) !important;
}
.focus\:bg-blue-200:focus {
  background-color: var(--blue-200) !important;
}
.focus\:bg-blue-300:focus {
  background-color: var(--blue-300) !important;
}
.focus\:bg-blue-400:focus {
  background-color: var(--blue-400) !important;
}
.focus\:bg-blue-500:focus {
  background-color: var(--blue-500) !important;
}
.focus\:bg-blue-600:focus {
  background-color: var(--blue-600) !important;
}
.focus\:bg-blue-700:focus {
  background-color: var(--blue-700) !important;
}
.focus\:bg-blue-800:focus {
  background-color: var(--blue-800) !important;
}
.focus\:bg-blue-900:focus {
  background-color: var(--blue-900) !important;
}
.hover\:bg-blue-50:hover {
  background-color: var(--blue-50) !important;
}
.hover\:bg-blue-100:hover {
  background-color: var(--blue-100) !important;
}
.hover\:bg-blue-200:hover {
  background-color: var(--blue-200) !important;
}
.hover\:bg-blue-300:hover {
  background-color: var(--blue-300) !important;
}
.hover\:bg-blue-400:hover {
  background-color: var(--blue-400) !important;
}
.hover\:bg-blue-500:hover {
  background-color: var(--blue-500) !important;
}
.hover\:bg-blue-600:hover {
  background-color: var(--blue-600) !important;
}
.hover\:bg-blue-700:hover {
  background-color: var(--blue-700) !important;
}
.hover\:bg-blue-800:hover {
  background-color: var(--blue-800) !important;
}
.hover\:bg-blue-900:hover {
  background-color: var(--blue-900) !important;
}
.active\:bg-blue-50:active {
  background-color: var(--blue-50) !important;
}
.active\:bg-blue-100:active {
  background-color: var(--blue-100) !important;
}
.active\:bg-blue-200:active {
  background-color: var(--blue-200) !important;
}
.active\:bg-blue-300:active {
  background-color: var(--blue-300) !important;
}
.active\:bg-blue-400:active {
  background-color: var(--blue-400) !important;
}
.active\:bg-blue-500:active {
  background-color: var(--blue-500) !important;
}
.active\:bg-blue-600:active {
  background-color: var(--blue-600) !important;
}
.active\:bg-blue-700:active {
  background-color: var(--blue-700) !important;
}
.active\:bg-blue-800:active {
  background-color: var(--blue-800) !important;
}
.active\:bg-blue-900:active {
  background-color: var(--blue-900) !important;
}
.bg-green-50 {
  background-color: var(--green-50) !important;
}
.bg-green-100 {
  background-color: var(--green-100) !important;
}
.bg-green-200 {
  background-color: var(--green-200) !important;
}
.bg-green-300 {
  background-color: var(--green-300) !important;
}
.bg-green-400 {
  background-color: var(--green-400) !important;
}
.bg-green-500 {
  background-color: var(--green-500) !important;
}
.bg-green-600 {
  background-color: var(--green-600) !important;
}
.bg-green-700 {
  background-color: var(--green-700) !important;
}
.bg-green-800 {
  background-color: var(--green-800) !important;
}
.bg-green-900 {
  background-color: var(--green-900) !important;
}
.focus\:bg-green-50:focus {
  background-color: var(--green-50) !important;
}
.focus\:bg-green-100:focus {
  background-color: var(--green-100) !important;
}
.focus\:bg-green-200:focus {
  background-color: var(--green-200) !important;
}
.focus\:bg-green-300:focus {
  background-color: var(--green-300) !important;
}
.focus\:bg-green-400:focus {
  background-color: var(--green-400) !important;
}
.focus\:bg-green-500:focus {
  background-color: var(--green-500) !important;
}
.focus\:bg-green-600:focus {
  background-color: var(--green-600) !important;
}
.focus\:bg-green-700:focus {
  background-color: var(--green-700) !important;
}
.focus\:bg-green-800:focus {
  background-color: var(--green-800) !important;
}
.focus\:bg-green-900:focus {
  background-color: var(--green-900) !important;
}
.hover\:bg-green-50:hover {
  background-color: var(--green-50) !important;
}
.hover\:bg-green-100:hover {
  background-color: var(--green-100) !important;
}
.hover\:bg-green-200:hover {
  background-color: var(--green-200) !important;
}
.hover\:bg-green-300:hover {
  background-color: var(--green-300) !important;
}
.hover\:bg-green-400:hover {
  background-color: var(--green-400) !important;
}
.hover\:bg-green-500:hover {
  background-color: var(--green-500) !important;
}
.hover\:bg-green-600:hover {
  background-color: var(--green-600) !important;
}
.hover\:bg-green-700:hover {
  background-color: var(--green-700) !important;
}
.hover\:bg-green-800:hover {
  background-color: var(--green-800) !important;
}
.hover\:bg-green-900:hover {
  background-color: var(--green-900) !important;
}
.active\:bg-green-50:active {
  background-color: var(--green-50) !important;
}
.active\:bg-green-100:active {
  background-color: var(--green-100) !important;
}
.active\:bg-green-200:active {
  background-color: var(--green-200) !important;
}
.active\:bg-green-300:active {
  background-color: var(--green-300) !important;
}
.active\:bg-green-400:active {
  background-color: var(--green-400) !important;
}
.active\:bg-green-500:active {
  background-color: var(--green-500) !important;
}
.active\:bg-green-600:active {
  background-color: var(--green-600) !important;
}
.active\:bg-green-700:active {
  background-color: var(--green-700) !important;
}
.active\:bg-green-800:active {
  background-color: var(--green-800) !important;
}
.active\:bg-green-900:active {
  background-color: var(--green-900) !important;
}
.bg-yellow-50 {
  background-color: var(--yellow-50) !important;
}
.bg-yellow-100 {
  background-color: var(--yellow-100) !important;
}
.bg-yellow-200 {
  background-color: var(--yellow-200) !important;
}
.bg-yellow-300 {
  background-color: var(--yellow-300) !important;
}
.bg-yellow-400 {
  background-color: var(--yellow-400) !important;
}
.bg-yellow-500 {
  background-color: var(--yellow-500) !important;
}
.bg-yellow-600 {
  background-color: var(--yellow-600) !important;
}
.bg-yellow-700 {
  background-color: var(--yellow-700) !important;
}
.bg-yellow-800 {
  background-color: var(--yellow-800) !important;
}
.bg-yellow-900 {
  background-color: var(--yellow-900) !important;
}
.focus\:bg-yellow-50:focus {
  background-color: var(--yellow-50) !important;
}
.focus\:bg-yellow-100:focus {
  background-color: var(--yellow-100) !important;
}
.focus\:bg-yellow-200:focus {
  background-color: var(--yellow-200) !important;
}
.focus\:bg-yellow-300:focus {
  background-color: var(--yellow-300) !important;
}
.focus\:bg-yellow-400:focus {
  background-color: var(--yellow-400) !important;
}
.focus\:bg-yellow-500:focus {
  background-color: var(--yellow-500) !important;
}
.focus\:bg-yellow-600:focus {
  background-color: var(--yellow-600) !important;
}
.focus\:bg-yellow-700:focus {
  background-color: var(--yellow-700) !important;
}
.focus\:bg-yellow-800:focus {
  background-color: var(--yellow-800) !important;
}
.focus\:bg-yellow-900:focus {
  background-color: var(--yellow-900) !important;
}
.hover\:bg-yellow-50:hover {
  background-color: var(--yellow-50) !important;
}
.hover\:bg-yellow-100:hover {
  background-color: var(--yellow-100) !important;
}
.hover\:bg-yellow-200:hover {
  background-color: var(--yellow-200) !important;
}
.hover\:bg-yellow-300:hover {
  background-color: var(--yellow-300) !important;
}
.hover\:bg-yellow-400:hover {
  background-color: var(--yellow-400) !important;
}
.hover\:bg-yellow-500:hover {
  background-color: var(--yellow-500) !important;
}
.hover\:bg-yellow-600:hover {
  background-color: var(--yellow-600) !important;
}
.hover\:bg-yellow-700:hover {
  background-color: var(--yellow-700) !important;
}
.hover\:bg-yellow-800:hover {
  background-color: var(--yellow-800) !important;
}
.hover\:bg-yellow-900:hover {
  background-color: var(--yellow-900) !important;
}
.active\:bg-yellow-50:active {
  background-color: var(--yellow-50) !important;
}
.active\:bg-yellow-100:active {
  background-color: var(--yellow-100) !important;
}
.active\:bg-yellow-200:active {
  background-color: var(--yellow-200) !important;
}
.active\:bg-yellow-300:active {
  background-color: var(--yellow-300) !important;
}
.active\:bg-yellow-400:active {
  background-color: var(--yellow-400) !important;
}
.active\:bg-yellow-500:active {
  background-color: var(--yellow-500) !important;
}
.active\:bg-yellow-600:active {
  background-color: var(--yellow-600) !important;
}
.active\:bg-yellow-700:active {
  background-color: var(--yellow-700) !important;
}
.active\:bg-yellow-800:active {
  background-color: var(--yellow-800) !important;
}
.active\:bg-yellow-900:active {
  background-color: var(--yellow-900) !important;
}
.bg-cyan-50 {
  background-color: var(--cyan-50) !important;
}
.bg-cyan-100 {
  background-color: var(--cyan-100) !important;
}
.bg-cyan-200 {
  background-color: var(--cyan-200) !important;
}
.bg-cyan-300 {
  background-color: var(--cyan-300) !important;
}
.bg-cyan-400 {
  background-color: var(--cyan-400) !important;
}
.bg-cyan-500 {
  background-color: var(--cyan-500) !important;
}
.bg-cyan-600 {
  background-color: var(--cyan-600) !important;
}
.bg-cyan-700 {
  background-color: var(--cyan-700) !important;
}
.bg-cyan-800 {
  background-color: var(--cyan-800) !important;
}
.bg-cyan-900 {
  background-color: var(--cyan-900) !important;
}
.focus\:bg-cyan-50:focus {
  background-color: var(--cyan-50) !important;
}
.focus\:bg-cyan-100:focus {
  background-color: var(--cyan-100) !important;
}
.focus\:bg-cyan-200:focus {
  background-color: var(--cyan-200) !important;
}
.focus\:bg-cyan-300:focus {
  background-color: var(--cyan-300) !important;
}
.focus\:bg-cyan-400:focus {
  background-color: var(--cyan-400) !important;
}
.focus\:bg-cyan-500:focus {
  background-color: var(--cyan-500) !important;
}
.focus\:bg-cyan-600:focus {
  background-color: var(--cyan-600) !important;
}
.focus\:bg-cyan-700:focus {
  background-color: var(--cyan-700) !important;
}
.focus\:bg-cyan-800:focus {
  background-color: var(--cyan-800) !important;
}
.focus\:bg-cyan-900:focus {
  background-color: var(--cyan-900) !important;
}
.hover\:bg-cyan-50:hover {
  background-color: var(--cyan-50) !important;
}
.hover\:bg-cyan-100:hover {
  background-color: var(--cyan-100) !important;
}
.hover\:bg-cyan-200:hover {
  background-color: var(--cyan-200) !important;
}
.hover\:bg-cyan-300:hover {
  background-color: var(--cyan-300) !important;
}
.hover\:bg-cyan-400:hover {
  background-color: var(--cyan-400) !important;
}
.hover\:bg-cyan-500:hover {
  background-color: var(--cyan-500) !important;
}
.hover\:bg-cyan-600:hover {
  background-color: var(--cyan-600) !important;
}
.hover\:bg-cyan-700:hover {
  background-color: var(--cyan-700) !important;
}
.hover\:bg-cyan-800:hover {
  background-color: var(--cyan-800) !important;
}
.hover\:bg-cyan-900:hover {
  background-color: var(--cyan-900) !important;
}
.active\:bg-cyan-50:active {
  background-color: var(--cyan-50) !important;
}
.active\:bg-cyan-100:active {
  background-color: var(--cyan-100) !important;
}
.active\:bg-cyan-200:active {
  background-color: var(--cyan-200) !important;
}
.active\:bg-cyan-300:active {
  background-color: var(--cyan-300) !important;
}
.active\:bg-cyan-400:active {
  background-color: var(--cyan-400) !important;
}
.active\:bg-cyan-500:active {
  background-color: var(--cyan-500) !important;
}
.active\:bg-cyan-600:active {
  background-color: var(--cyan-600) !important;
}
.active\:bg-cyan-700:active {
  background-color: var(--cyan-700) !important;
}
.active\:bg-cyan-800:active {
  background-color: var(--cyan-800) !important;
}
.active\:bg-cyan-900:active {
  background-color: var(--cyan-900) !important;
}
.bg-pink-50 {
  background-color: var(--pink-50) !important;
}
.bg-pink-100 {
  background-color: var(--pink-100) !important;
}
.bg-pink-200 {
  background-color: var(--pink-200) !important;
}
.bg-pink-300 {
  background-color: var(--pink-300) !important;
}
.bg-pink-400 {
  background-color: var(--pink-400) !important;
}
.bg-pink-500 {
  background-color: var(--pink-500) !important;
}
.bg-pink-600 {
  background-color: var(--pink-600) !important;
}
.bg-pink-700 {
  background-color: var(--pink-700) !important;
}
.bg-pink-800 {
  background-color: var(--pink-800) !important;
}
.bg-pink-900 {
  background-color: var(--pink-900) !important;
}
.focus\:bg-pink-50:focus {
  background-color: var(--pink-50) !important;
}
.focus\:bg-pink-100:focus {
  background-color: var(--pink-100) !important;
}
.focus\:bg-pink-200:focus {
  background-color: var(--pink-200) !important;
}
.focus\:bg-pink-300:focus {
  background-color: var(--pink-300) !important;
}
.focus\:bg-pink-400:focus {
  background-color: var(--pink-400) !important;
}
.focus\:bg-pink-500:focus {
  background-color: var(--pink-500) !important;
}
.focus\:bg-pink-600:focus {
  background-color: var(--pink-600) !important;
}
.focus\:bg-pink-700:focus {
  background-color: var(--pink-700) !important;
}
.focus\:bg-pink-800:focus {
  background-color: var(--pink-800) !important;
}
.focus\:bg-pink-900:focus {
  background-color: var(--pink-900) !important;
}
.hover\:bg-pink-50:hover {
  background-color: var(--pink-50) !important;
}
.hover\:bg-pink-100:hover {
  background-color: var(--pink-100) !important;
}
.hover\:bg-pink-200:hover {
  background-color: var(--pink-200) !important;
}
.hover\:bg-pink-300:hover {
  background-color: var(--pink-300) !important;
}
.hover\:bg-pink-400:hover {
  background-color: var(--pink-400) !important;
}
.hover\:bg-pink-500:hover {
  background-color: var(--pink-500) !important;
}
.hover\:bg-pink-600:hover {
  background-color: var(--pink-600) !important;
}
.hover\:bg-pink-700:hover {
  background-color: var(--pink-700) !important;
}
.hover\:bg-pink-800:hover {
  background-color: var(--pink-800) !important;
}
.hover\:bg-pink-900:hover {
  background-color: var(--pink-900) !important;
}
.active\:bg-pink-50:active {
  background-color: var(--pink-50) !important;
}
.active\:bg-pink-100:active {
  background-color: var(--pink-100) !important;
}
.active\:bg-pink-200:active {
  background-color: var(--pink-200) !important;
}
.active\:bg-pink-300:active {
  background-color: var(--pink-300) !important;
}
.active\:bg-pink-400:active {
  background-color: var(--pink-400) !important;
}
.active\:bg-pink-500:active {
  background-color: var(--pink-500) !important;
}
.active\:bg-pink-600:active {
  background-color: var(--pink-600) !important;
}
.active\:bg-pink-700:active {
  background-color: var(--pink-700) !important;
}
.active\:bg-pink-800:active {
  background-color: var(--pink-800) !important;
}
.active\:bg-pink-900:active {
  background-color: var(--pink-900) !important;
}
.bg-indigo-50 {
  background-color: var(--indigo-50) !important;
}
.bg-indigo-100 {
  background-color: var(--indigo-100) !important;
}
.bg-indigo-200 {
  background-color: var(--indigo-200) !important;
}
.bg-indigo-300 {
  background-color: var(--indigo-300) !important;
}
.bg-indigo-400 {
  background-color: var(--indigo-400) !important;
}
.bg-indigo-500 {
  background-color: var(--indigo-500) !important;
}
.bg-indigo-600 {
  background-color: var(--indigo-600) !important;
}
.bg-indigo-700 {
  background-color: var(--indigo-700) !important;
}
.bg-indigo-800 {
  background-color: var(--indigo-800) !important;
}
.bg-indigo-900 {
  background-color: var(--indigo-900) !important;
}
.focus\:bg-indigo-50:focus {
  background-color: var(--indigo-50) !important;
}
.focus\:bg-indigo-100:focus {
  background-color: var(--indigo-100) !important;
}
.focus\:bg-indigo-200:focus {
  background-color: var(--indigo-200) !important;
}
.focus\:bg-indigo-300:focus {
  background-color: var(--indigo-300) !important;
}
.focus\:bg-indigo-400:focus {
  background-color: var(--indigo-400) !important;
}
.focus\:bg-indigo-500:focus {
  background-color: var(--indigo-500) !important;
}
.focus\:bg-indigo-600:focus {
  background-color: var(--indigo-600) !important;
}
.focus\:bg-indigo-700:focus {
  background-color: var(--indigo-700) !important;
}
.focus\:bg-indigo-800:focus {
  background-color: var(--indigo-800) !important;
}
.focus\:bg-indigo-900:focus {
  background-color: var(--indigo-900) !important;
}
.hover\:bg-indigo-50:hover {
  background-color: var(--indigo-50) !important;
}
.hover\:bg-indigo-100:hover {
  background-color: var(--indigo-100) !important;
}
.hover\:bg-indigo-200:hover {
  background-color: var(--indigo-200) !important;
}
.hover\:bg-indigo-300:hover {
  background-color: var(--indigo-300) !important;
}
.hover\:bg-indigo-400:hover {
  background-color: var(--indigo-400) !important;
}
.hover\:bg-indigo-500:hover {
  background-color: var(--indigo-500) !important;
}
.hover\:bg-indigo-600:hover {
  background-color: var(--indigo-600) !important;
}
.hover\:bg-indigo-700:hover {
  background-color: var(--indigo-700) !important;
}
.hover\:bg-indigo-800:hover {
  background-color: var(--indigo-800) !important;
}
.hover\:bg-indigo-900:hover {
  background-color: var(--indigo-900) !important;
}
.active\:bg-indigo-50:active {
  background-color: var(--indigo-50) !important;
}
.active\:bg-indigo-100:active {
  background-color: var(--indigo-100) !important;
}
.active\:bg-indigo-200:active {
  background-color: var(--indigo-200) !important;
}
.active\:bg-indigo-300:active {
  background-color: var(--indigo-300) !important;
}
.active\:bg-indigo-400:active {
  background-color: var(--indigo-400) !important;
}
.active\:bg-indigo-500:active {
  background-color: var(--indigo-500) !important;
}
.active\:bg-indigo-600:active {
  background-color: var(--indigo-600) !important;
}
.active\:bg-indigo-700:active {
  background-color: var(--indigo-700) !important;
}
.active\:bg-indigo-800:active {
  background-color: var(--indigo-800) !important;
}
.active\:bg-indigo-900:active {
  background-color: var(--indigo-900) !important;
}
.bg-teal-50 {
  background-color: var(--teal-50) !important;
}
.bg-teal-100 {
  background-color: var(--teal-100) !important;
}
.bg-teal-200 {
  background-color: var(--teal-200) !important;
}
.bg-teal-300 {
  background-color: var(--teal-300) !important;
}
.bg-teal-400 {
  background-color: var(--teal-400) !important;
}
.bg-teal-500 {
  background-color: var(--teal-500) !important;
}
.bg-teal-600 {
  background-color: var(--teal-600) !important;
}
.bg-teal-700 {
  background-color: var(--teal-700) !important;
}
.bg-teal-800 {
  background-color: var(--teal-800) !important;
}
.bg-teal-900 {
  background-color: var(--teal-900) !important;
}
.focus\:bg-teal-50:focus {
  background-color: var(--teal-50) !important;
}
.focus\:bg-teal-100:focus {
  background-color: var(--teal-100) !important;
}
.focus\:bg-teal-200:focus {
  background-color: var(--teal-200) !important;
}
.focus\:bg-teal-300:focus {
  background-color: var(--teal-300) !important;
}
.focus\:bg-teal-400:focus {
  background-color: var(--teal-400) !important;
}
.focus\:bg-teal-500:focus {
  background-color: var(--teal-500) !important;
}
.focus\:bg-teal-600:focus {
  background-color: var(--teal-600) !important;
}
.focus\:bg-teal-700:focus {
  background-color: var(--teal-700) !important;
}
.focus\:bg-teal-800:focus {
  background-color: var(--teal-800) !important;
}
.focus\:bg-teal-900:focus {
  background-color: var(--teal-900) !important;
}
.hover\:bg-teal-50:hover {
  background-color: var(--teal-50) !important;
}
.hover\:bg-teal-100:hover {
  background-color: var(--teal-100) !important;
}
.hover\:bg-teal-200:hover {
  background-color: var(--teal-200) !important;
}
.hover\:bg-teal-300:hover {
  background-color: var(--teal-300) !important;
}
.hover\:bg-teal-400:hover {
  background-color: var(--teal-400) !important;
}
.hover\:bg-teal-500:hover {
  background-color: var(--teal-500) !important;
}
.hover\:bg-teal-600:hover {
  background-color: var(--teal-600) !important;
}
.hover\:bg-teal-700:hover {
  background-color: var(--teal-700) !important;
}
.hover\:bg-teal-800:hover {
  background-color: var(--teal-800) !important;
}
.hover\:bg-teal-900:hover {
  background-color: var(--teal-900) !important;
}
.active\:bg-teal-50:active {
  background-color: var(--teal-50) !important;
}
.active\:bg-teal-100:active {
  background-color: var(--teal-100) !important;
}
.active\:bg-teal-200:active {
  background-color: var(--teal-200) !important;
}
.active\:bg-teal-300:active {
  background-color: var(--teal-300) !important;
}
.active\:bg-teal-400:active {
  background-color: var(--teal-400) !important;
}
.active\:bg-teal-500:active {
  background-color: var(--teal-500) !important;
}
.active\:bg-teal-600:active {
  background-color: var(--teal-600) !important;
}
.active\:bg-teal-700:active {
  background-color: var(--teal-700) !important;
}
.active\:bg-teal-800:active {
  background-color: var(--teal-800) !important;
}
.active\:bg-teal-900:active {
  background-color: var(--teal-900) !important;
}
.bg-orange-50 {
  background-color: var(--orange-50) !important;
}
.bg-orange-100 {
  background-color: var(--orange-100) !important;
}
.bg-orange-200 {
  background-color: var(--orange-200) !important;
}
.bg-orange-300 {
  background-color: var(--orange-300) !important;
}
.bg-orange-400 {
  background-color: var(--orange-400) !important;
}
.bg-orange-500 {
  background-color: var(--orange-500) !important;
}
.bg-orange-600 {
  background-color: var(--orange-600) !important;
}
.bg-orange-700 {
  background-color: var(--orange-700) !important;
}
.bg-orange-800 {
  background-color: var(--orange-800) !important;
}
.bg-orange-900 {
  background-color: var(--orange-900) !important;
}
.focus\:bg-orange-50:focus {
  background-color: var(--orange-50) !important;
}
.focus\:bg-orange-100:focus {
  background-color: var(--orange-100) !important;
}
.focus\:bg-orange-200:focus {
  background-color: var(--orange-200) !important;
}
.focus\:bg-orange-300:focus {
  background-color: var(--orange-300) !important;
}
.focus\:bg-orange-400:focus {
  background-color: var(--orange-400) !important;
}
.focus\:bg-orange-500:focus {
  background-color: var(--orange-500) !important;
}
.focus\:bg-orange-600:focus {
  background-color: var(--orange-600) !important;
}
.focus\:bg-orange-700:focus {
  background-color: var(--orange-700) !important;
}
.focus\:bg-orange-800:focus {
  background-color: var(--orange-800) !important;
}
.focus\:bg-orange-900:focus {
  background-color: var(--orange-900) !important;
}
.hover\:bg-orange-50:hover {
  background-color: var(--orange-50) !important;
}
.hover\:bg-orange-100:hover {
  background-color: var(--orange-100) !important;
}
.hover\:bg-orange-200:hover {
  background-color: var(--orange-200) !important;
}
.hover\:bg-orange-300:hover {
  background-color: var(--orange-300) !important;
}
.hover\:bg-orange-400:hover {
  background-color: var(--orange-400) !important;
}
.hover\:bg-orange-500:hover {
  background-color: var(--orange-500) !important;
}
.hover\:bg-orange-600:hover {
  background-color: var(--orange-600) !important;
}
.hover\:bg-orange-700:hover {
  background-color: var(--orange-700) !important;
}
.hover\:bg-orange-800:hover {
  background-color: var(--orange-800) !important;
}
.hover\:bg-orange-900:hover {
  background-color: var(--orange-900) !important;
}
.active\:bg-orange-50:active {
  background-color: var(--orange-50) !important;
}
.active\:bg-orange-100:active {
  background-color: var(--orange-100) !important;
}
.active\:bg-orange-200:active {
  background-color: var(--orange-200) !important;
}
.active\:bg-orange-300:active {
  background-color: var(--orange-300) !important;
}
.active\:bg-orange-400:active {
  background-color: var(--orange-400) !important;
}
.active\:bg-orange-500:active {
  background-color: var(--orange-500) !important;
}
.active\:bg-orange-600:active {
  background-color: var(--orange-600) !important;
}
.active\:bg-orange-700:active {
  background-color: var(--orange-700) !important;
}
.active\:bg-orange-800:active {
  background-color: var(--orange-800) !important;
}
.active\:bg-orange-900:active {
  background-color: var(--orange-900) !important;
}
.bg-bluegray-50 {
  background-color: var(--bluegray-50) !important;
}
.bg-bluegray-100 {
  background-color: var(--bluegray-100) !important;
}
.bg-bluegray-200 {
  background-color: var(--bluegray-200) !important;
}
.bg-bluegray-300 {
  background-color: var(--bluegray-300) !important;
}
.bg-bluegray-400 {
  background-color: var(--bluegray-400) !important;
}
.bg-bluegray-500 {
  background-color: var(--bluegray-500) !important;
}
.bg-bluegray-600 {
  background-color: var(--bluegray-600) !important;
}
.bg-bluegray-700 {
  background-color: var(--bluegray-700) !important;
}
.bg-bluegray-800 {
  background-color: var(--bluegray-800) !important;
}
.bg-bluegray-900 {
  background-color: var(--bluegray-900) !important;
}
.focus\:bg-bluegray-50:focus {
  background-color: var(--bluegray-50) !important;
}
.focus\:bg-bluegray-100:focus {
  background-color: var(--bluegray-100) !important;
}
.focus\:bg-bluegray-200:focus {
  background-color: var(--bluegray-200) !important;
}
.focus\:bg-bluegray-300:focus {
  background-color: var(--bluegray-300) !important;
}
.focus\:bg-bluegray-400:focus {
  background-color: var(--bluegray-400) !important;
}
.focus\:bg-bluegray-500:focus {
  background-color: var(--bluegray-500) !important;
}
.focus\:bg-bluegray-600:focus {
  background-color: var(--bluegray-600) !important;
}
.focus\:bg-bluegray-700:focus {
  background-color: var(--bluegray-700) !important;
}
.focus\:bg-bluegray-800:focus {
  background-color: var(--bluegray-800) !important;
}
.focus\:bg-bluegray-900:focus {
  background-color: var(--bluegray-900) !important;
}
.hover\:bg-bluegray-50:hover {
  background-color: var(--bluegray-50) !important;
}
.hover\:bg-bluegray-100:hover {
  background-color: var(--bluegray-100) !important;
}
.hover\:bg-bluegray-200:hover {
  background-color: var(--bluegray-200) !important;
}
.hover\:bg-bluegray-300:hover {
  background-color: var(--bluegray-300) !important;
}
.hover\:bg-bluegray-400:hover {
  background-color: var(--bluegray-400) !important;
}
.hover\:bg-bluegray-500:hover {
  background-color: var(--bluegray-500) !important;
}
.hover\:bg-bluegray-600:hover {
  background-color: var(--bluegray-600) !important;
}
.hover\:bg-bluegray-700:hover {
  background-color: var(--bluegray-700) !important;
}
.hover\:bg-bluegray-800:hover {
  background-color: var(--bluegray-800) !important;
}
.hover\:bg-bluegray-900:hover {
  background-color: var(--bluegray-900) !important;
}
.active\:bg-bluegray-50:active {
  background-color: var(--bluegray-50) !important;
}
.active\:bg-bluegray-100:active {
  background-color: var(--bluegray-100) !important;
}
.active\:bg-bluegray-200:active {
  background-color: var(--bluegray-200) !important;
}
.active\:bg-bluegray-300:active {
  background-color: var(--bluegray-300) !important;
}
.active\:bg-bluegray-400:active {
  background-color: var(--bluegray-400) !important;
}
.active\:bg-bluegray-500:active {
  background-color: var(--bluegray-500) !important;
}
.active\:bg-bluegray-600:active {
  background-color: var(--bluegray-600) !important;
}
.active\:bg-bluegray-700:active {
  background-color: var(--bluegray-700) !important;
}
.active\:bg-bluegray-800:active {
  background-color: var(--bluegray-800) !important;
}
.active\:bg-bluegray-900:active {
  background-color: var(--bluegray-900) !important;
}
.bg-purple-50 {
  background-color: var(--purple-50) !important;
}
.bg-purple-100 {
  background-color: var(--purple-100) !important;
}
.bg-purple-200 {
  background-color: var(--purple-200) !important;
}
.bg-purple-300 {
  background-color: var(--purple-300) !important;
}
.bg-purple-400 {
  background-color: var(--purple-400) !important;
}
.bg-purple-500 {
  background-color: var(--purple-500) !important;
}
.bg-purple-600 {
  background-color: var(--purple-600) !important;
}
.bg-purple-700 {
  background-color: var(--purple-700) !important;
}
.bg-purple-800 {
  background-color: var(--purple-800) !important;
}
.bg-purple-900 {
  background-color: var(--purple-900) !important;
}
.focus\:bg-purple-50:focus {
  background-color: var(--purple-50) !important;
}
.focus\:bg-purple-100:focus {
  background-color: var(--purple-100) !important;
}
.focus\:bg-purple-200:focus {
  background-color: var(--purple-200) !important;
}
.focus\:bg-purple-300:focus {
  background-color: var(--purple-300) !important;
}
.focus\:bg-purple-400:focus {
  background-color: var(--purple-400) !important;
}
.focus\:bg-purple-500:focus {
  background-color: var(--purple-500) !important;
}
.focus\:bg-purple-600:focus {
  background-color: var(--purple-600) !important;
}
.focus\:bg-purple-700:focus {
  background-color: var(--purple-700) !important;
}
.focus\:bg-purple-800:focus {
  background-color: var(--purple-800) !important;
}
.focus\:bg-purple-900:focus {
  background-color: var(--purple-900) !important;
}
.hover\:bg-purple-50:hover {
  background-color: var(--purple-50) !important;
}
.hover\:bg-purple-100:hover {
  background-color: var(--purple-100) !important;
}
.hover\:bg-purple-200:hover {
  background-color: var(--purple-200) !important;
}
.hover\:bg-purple-300:hover {
  background-color: var(--purple-300) !important;
}
.hover\:bg-purple-400:hover {
  background-color: var(--purple-400) !important;
}
.hover\:bg-purple-500:hover {
  background-color: var(--purple-500) !important;
}
.hover\:bg-purple-600:hover {
  background-color: var(--purple-600) !important;
}
.hover\:bg-purple-700:hover {
  background-color: var(--purple-700) !important;
}
.hover\:bg-purple-800:hover {
  background-color: var(--purple-800) !important;
}
.hover\:bg-purple-900:hover {
  background-color: var(--purple-900) !important;
}
.active\:bg-purple-50:active {
  background-color: var(--purple-50) !important;
}
.active\:bg-purple-100:active {
  background-color: var(--purple-100) !important;
}
.active\:bg-purple-200:active {
  background-color: var(--purple-200) !important;
}
.active\:bg-purple-300:active {
  background-color: var(--purple-300) !important;
}
.active\:bg-purple-400:active {
  background-color: var(--purple-400) !important;
}
.active\:bg-purple-500:active {
  background-color: var(--purple-500) !important;
}
.active\:bg-purple-600:active {
  background-color: var(--purple-600) !important;
}
.active\:bg-purple-700:active {
  background-color: var(--purple-700) !important;
}
.active\:bg-purple-800:active {
  background-color: var(--purple-800) !important;
}
.active\:bg-purple-900:active {
  background-color: var(--purple-900) !important;
}
.bg-gray-50 {
  background-color: var(--gray-50) !important;
}
.bg-gray-100 {
  background-color: var(--gray-100) !important;
}
.bg-gray-200 {
  background-color: var(--gray-200) !important;
}
.bg-gray-300 {
  background-color: var(--gray-300) !important;
}
.bg-gray-400 {
  background-color: var(--gray-400) !important;
}
.bg-gray-500 {
  background-color: var(--gray-500) !important;
}
.bg-gray-600 {
  background-color: var(--gray-600) !important;
}
.bg-gray-700 {
  background-color: var(--gray-700) !important;
}
.bg-gray-800 {
  background-color: var(--gray-800) !important;
}
.bg-gray-900 {
  background-color: var(--gray-900) !important;
}
.focus\:bg-gray-50:focus {
  background-color: var(--gray-50) !important;
}
.focus\:bg-gray-100:focus {
  background-color: var(--gray-100) !important;
}
.focus\:bg-gray-200:focus {
  background-color: var(--gray-200) !important;
}
.focus\:bg-gray-300:focus {
  background-color: var(--gray-300) !important;
}
.focus\:bg-gray-400:focus {
  background-color: var(--gray-400) !important;
}
.focus\:bg-gray-500:focus {
  background-color: var(--gray-500) !important;
}
.focus\:bg-gray-600:focus {
  background-color: var(--gray-600) !important;
}
.focus\:bg-gray-700:focus {
  background-color: var(--gray-700) !important;
}
.focus\:bg-gray-800:focus {
  background-color: var(--gray-800) !important;
}
.focus\:bg-gray-900:focus {
  background-color: var(--gray-900) !important;
}
.hover\:bg-gray-50:hover {
  background-color: var(--gray-50) !important;
}
.hover\:bg-gray-100:hover {
  background-color: var(--gray-100) !important;
}
.hover\:bg-gray-200:hover {
  background-color: var(--gray-200) !important;
}
.hover\:bg-gray-300:hover {
  background-color: var(--gray-300) !important;
}
.hover\:bg-gray-400:hover {
  background-color: var(--gray-400) !important;
}
.hover\:bg-gray-500:hover {
  background-color: var(--gray-500) !important;
}
.hover\:bg-gray-600:hover {
  background-color: var(--gray-600) !important;
}
.hover\:bg-gray-700:hover {
  background-color: var(--gray-700) !important;
}
.hover\:bg-gray-800:hover {
  background-color: var(--gray-800) !important;
}
.hover\:bg-gray-900:hover {
  background-color: var(--gray-900) !important;
}
.active\:bg-gray-50:active {
  background-color: var(--gray-50) !important;
}
.active\:bg-gray-100:active {
  background-color: var(--gray-100) !important;
}
.active\:bg-gray-200:active {
  background-color: var(--gray-200) !important;
}
.active\:bg-gray-300:active {
  background-color: var(--gray-300) !important;
}
.active\:bg-gray-400:active {
  background-color: var(--gray-400) !important;
}
.active\:bg-gray-500:active {
  background-color: var(--gray-500) !important;
}
.active\:bg-gray-600:active {
  background-color: var(--gray-600) !important;
}
.active\:bg-gray-700:active {
  background-color: var(--gray-700) !important;
}
.active\:bg-gray-800:active {
  background-color: var(--gray-800) !important;
}
.active\:bg-gray-900:active {
  background-color: var(--gray-900) !important;
}
.bg-red-50 {
  background-color: var(--red-50) !important;
}
.bg-red-100 {
  background-color: var(--red-100) !important;
}
.bg-red-200 {
  background-color: var(--red-200) !important;
}
.bg-red-300 {
  background-color: var(--red-300) !important;
}
.bg-red-400 {
  background-color: var(--red-400) !important;
}
.bg-red-500 {
  background-color: var(--red-500) !important;
}
.bg-red-600 {
  background-color: var(--red-600) !important;
}
.bg-red-700 {
  background-color: var(--red-700) !important;
}
.bg-red-800 {
  background-color: var(--red-800) !important;
}
.bg-red-900 {
  background-color: var(--red-900) !important;
}
.focus\:bg-red-50:focus {
  background-color: var(--red-50) !important;
}
.focus\:bg-red-100:focus {
  background-color: var(--red-100) !important;
}
.focus\:bg-red-200:focus {
  background-color: var(--red-200) !important;
}
.focus\:bg-red-300:focus {
  background-color: var(--red-300) !important;
}
.focus\:bg-red-400:focus {
  background-color: var(--red-400) !important;
}
.focus\:bg-red-500:focus {
  background-color: var(--red-500) !important;
}
.focus\:bg-red-600:focus {
  background-color: var(--red-600) !important;
}
.focus\:bg-red-700:focus {
  background-color: var(--red-700) !important;
}
.focus\:bg-red-800:focus {
  background-color: var(--red-800) !important;
}
.focus\:bg-red-900:focus {
  background-color: var(--red-900) !important;
}
.hover\:bg-red-50:hover {
  background-color: var(--red-50) !important;
}
.hover\:bg-red-100:hover {
  background-color: var(--red-100) !important;
}
.hover\:bg-red-200:hover {
  background-color: var(--red-200) !important;
}
.hover\:bg-red-300:hover {
  background-color: var(--red-300) !important;
}
.hover\:bg-red-400:hover {
  background-color: var(--red-400) !important;
}
.hover\:bg-red-500:hover {
  background-color: var(--red-500) !important;
}
.hover\:bg-red-600:hover {
  background-color: var(--red-600) !important;
}
.hover\:bg-red-700:hover {
  background-color: var(--red-700) !important;
}
.hover\:bg-red-800:hover {
  background-color: var(--red-800) !important;
}
.hover\:bg-red-900:hover {
  background-color: var(--red-900) !important;
}
.active\:bg-red-50:active {
  background-color: var(--red-50) !important;
}
.active\:bg-red-100:active {
  background-color: var(--red-100) !important;
}
.active\:bg-red-200:active {
  background-color: var(--red-200) !important;
}
.active\:bg-red-300:active {
  background-color: var(--red-300) !important;
}
.active\:bg-red-400:active {
  background-color: var(--red-400) !important;
}
.active\:bg-red-500:active {
  background-color: var(--red-500) !important;
}
.active\:bg-red-600:active {
  background-color: var(--red-600) !important;
}
.active\:bg-red-700:active {
  background-color: var(--red-700) !important;
}
.active\:bg-red-800:active {
  background-color: var(--red-800) !important;
}
.active\:bg-red-900:active {
  background-color: var(--red-900) !important;
}
.bg-primary-50 {
  background-color: var(--primary-50) !important;
}
.bg-primary-100 {
  background-color: var(--primary-100) !important;
}
.bg-primary-200 {
  background-color: var(--primary-200) !important;
}
.bg-primary-300 {
  background-color: var(--primary-300) !important;
}
.bg-primary-400 {
  background-color: var(--primary-400) !important;
}
.bg-primary-500 {
  background-color: var(--primary-500) !important;
}
.bg-primary-600 {
  background-color: var(--primary-600) !important;
}
.bg-primary-700 {
  background-color: var(--primary-700) !important;
}
.bg-primary-800 {
  background-color: var(--primary-800) !important;
}
.bg-primary-900 {
  background-color: var(--primary-900) !important;
}
.focus\:bg-primary-50:focus {
  background-color: var(--primary-50) !important;
}
.focus\:bg-primary-100:focus {
  background-color: var(--primary-100) !important;
}
.focus\:bg-primary-200:focus {
  background-color: var(--primary-200) !important;
}
.focus\:bg-primary-300:focus {
  background-color: var(--primary-300) !important;
}
.focus\:bg-primary-400:focus {
  background-color: var(--primary-400) !important;
}
.focus\:bg-primary-500:focus {
  background-color: var(--primary-500) !important;
}
.focus\:bg-primary-600:focus {
  background-color: var(--primary-600) !important;
}
.focus\:bg-primary-700:focus {
  background-color: var(--primary-700) !important;
}
.focus\:bg-primary-800:focus {
  background-color: var(--primary-800) !important;
}
.focus\:bg-primary-900:focus {
  background-color: var(--primary-900) !important;
}
.hover\:bg-primary-50:hover {
  background-color: var(--primary-50) !important;
}
.hover\:bg-primary-100:hover {
  background-color: var(--primary-100) !important;
}
.hover\:bg-primary-200:hover {
  background-color: var(--primary-200) !important;
}
.hover\:bg-primary-300:hover {
  background-color: var(--primary-300) !important;
}
.hover\:bg-primary-400:hover {
  background-color: var(--primary-400) !important;
}
.hover\:bg-primary-500:hover {
  background-color: var(--primary-500) !important;
}
.hover\:bg-primary-600:hover {
  background-color: var(--primary-600) !important;
}
.hover\:bg-primary-700:hover {
  background-color: var(--primary-700) !important;
}
.hover\:bg-primary-800:hover {
  background-color: var(--primary-800) !important;
}
.hover\:bg-primary-900:hover {
  background-color: var(--primary-900) !important;
}
.active\:bg-primary-50:active {
  background-color: var(--primary-50) !important;
}
.active\:bg-primary-100:active {
  background-color: var(--primary-100) !important;
}
.active\:bg-primary-200:active {
  background-color: var(--primary-200) !important;
}
.active\:bg-primary-300:active {
  background-color: var(--primary-300) !important;
}
.active\:bg-primary-400:active {
  background-color: var(--primary-400) !important;
}
.active\:bg-primary-500:active {
  background-color: var(--primary-500) !important;
}
.active\:bg-primary-600:active {
  background-color: var(--primary-600) !important;
}
.active\:bg-primary-700:active {
  background-color: var(--primary-700) !important;
}
.active\:bg-primary-800:active {
  background-color: var(--primary-800) !important;
}
.active\:bg-primary-900:active {
  background-color: var(--primary-900) !important;
}
.border-blue-50 {
  border-color: var(--blue-50) !important;
}
.border-blue-100 {
  border-color: var(--blue-100) !important;
}
.border-blue-200 {
  border-color: var(--blue-200) !important;
}
.border-blue-300 {
  border-color: var(--blue-300) !important;
}
.border-blue-400 {
  border-color: var(--blue-400) !important;
}
.border-blue-500 {
  border-color: var(--blue-500) !important;
}
.border-blue-600 {
  border-color: var(--blue-600) !important;
}
.border-blue-700 {
  border-color: var(--blue-700) !important;
}
.border-blue-800 {
  border-color: var(--blue-800) !important;
}
.border-blue-900 {
  border-color: var(--blue-900) !important;
}
.focus\:border-blue-50:focus {
  border-color: var(--blue-50) !important;
}
.focus\:border-blue-100:focus {
  border-color: var(--blue-100) !important;
}
.focus\:border-blue-200:focus {
  border-color: var(--blue-200) !important;
}
.focus\:border-blue-300:focus {
  border-color: var(--blue-300) !important;
}
.focus\:border-blue-400:focus {
  border-color: var(--blue-400) !important;
}
.focus\:border-blue-500:focus {
  border-color: var(--blue-500) !important;
}
.focus\:border-blue-600:focus {
  border-color: var(--blue-600) !important;
}
.focus\:border-blue-700:focus {
  border-color: var(--blue-700) !important;
}
.focus\:border-blue-800:focus {
  border-color: var(--blue-800) !important;
}
.focus\:border-blue-900:focus {
  border-color: var(--blue-900) !important;
}
.hover\:border-blue-50:hover {
  border-color: var(--blue-50) !important;
}
.hover\:border-blue-100:hover {
  border-color: var(--blue-100) !important;
}
.hover\:border-blue-200:hover {
  border-color: var(--blue-200) !important;
}
.hover\:border-blue-300:hover {
  border-color: var(--blue-300) !important;
}
.hover\:border-blue-400:hover {
  border-color: var(--blue-400) !important;
}
.hover\:border-blue-500:hover {
  border-color: var(--blue-500) !important;
}
.hover\:border-blue-600:hover {
  border-color: var(--blue-600) !important;
}
.hover\:border-blue-700:hover {
  border-color: var(--blue-700) !important;
}
.hover\:border-blue-800:hover {
  border-color: var(--blue-800) !important;
}
.hover\:border-blue-900:hover {
  border-color: var(--blue-900) !important;
}
.active\:border-blue-50:active {
  border-color: var(--blue-50) !important;
}
.active\:border-blue-100:active {
  border-color: var(--blue-100) !important;
}
.active\:border-blue-200:active {
  border-color: var(--blue-200) !important;
}
.active\:border-blue-300:active {
  border-color: var(--blue-300) !important;
}
.active\:border-blue-400:active {
  border-color: var(--blue-400) !important;
}
.active\:border-blue-500:active {
  border-color: var(--blue-500) !important;
}
.active\:border-blue-600:active {
  border-color: var(--blue-600) !important;
}
.active\:border-blue-700:active {
  border-color: var(--blue-700) !important;
}
.active\:border-blue-800:active {
  border-color: var(--blue-800) !important;
}
.active\:border-blue-900:active {
  border-color: var(--blue-900) !important;
}
.border-green-50 {
  border-color: var(--green-50) !important;
}
.border-green-100 {
  border-color: var(--green-100) !important;
}
.border-green-200 {
  border-color: var(--green-200) !important;
}
.border-green-300 {
  border-color: var(--green-300) !important;
}
.border-green-400 {
  border-color: var(--green-400) !important;
}
.border-green-500 {
  border-color: var(--green-500) !important;
}
.border-green-600 {
  border-color: var(--green-600) !important;
}
.border-green-700 {
  border-color: var(--green-700) !important;
}
.border-green-800 {
  border-color: var(--green-800) !important;
}
.border-green-900 {
  border-color: var(--green-900) !important;
}
.focus\:border-green-50:focus {
  border-color: var(--green-50) !important;
}
.focus\:border-green-100:focus {
  border-color: var(--green-100) !important;
}
.focus\:border-green-200:focus {
  border-color: var(--green-200) !important;
}
.focus\:border-green-300:focus {
  border-color: var(--green-300) !important;
}
.focus\:border-green-400:focus {
  border-color: var(--green-400) !important;
}
.focus\:border-green-500:focus {
  border-color: var(--green-500) !important;
}
.focus\:border-green-600:focus {
  border-color: var(--green-600) !important;
}
.focus\:border-green-700:focus {
  border-color: var(--green-700) !important;
}
.focus\:border-green-800:focus {
  border-color: var(--green-800) !important;
}
.focus\:border-green-900:focus {
  border-color: var(--green-900) !important;
}
.hover\:border-green-50:hover {
  border-color: var(--green-50) !important;
}
.hover\:border-green-100:hover {
  border-color: var(--green-100) !important;
}
.hover\:border-green-200:hover {
  border-color: var(--green-200) !important;
}
.hover\:border-green-300:hover {
  border-color: var(--green-300) !important;
}
.hover\:border-green-400:hover {
  border-color: var(--green-400) !important;
}
.hover\:border-green-500:hover {
  border-color: var(--green-500) !important;
}
.hover\:border-green-600:hover {
  border-color: var(--green-600) !important;
}
.hover\:border-green-700:hover {
  border-color: var(--green-700) !important;
}
.hover\:border-green-800:hover {
  border-color: var(--green-800) !important;
}
.hover\:border-green-900:hover {
  border-color: var(--green-900) !important;
}
.active\:border-green-50:active {
  border-color: var(--green-50) !important;
}
.active\:border-green-100:active {
  border-color: var(--green-100) !important;
}
.active\:border-green-200:active {
  border-color: var(--green-200) !important;
}
.active\:border-green-300:active {
  border-color: var(--green-300) !important;
}
.active\:border-green-400:active {
  border-color: var(--green-400) !important;
}
.active\:border-green-500:active {
  border-color: var(--green-500) !important;
}
.active\:border-green-600:active {
  border-color: var(--green-600) !important;
}
.active\:border-green-700:active {
  border-color: var(--green-700) !important;
}
.active\:border-green-800:active {
  border-color: var(--green-800) !important;
}
.active\:border-green-900:active {
  border-color: var(--green-900) !important;
}
.border-yellow-50 {
  border-color: var(--yellow-50) !important;
}
.border-yellow-100 {
  border-color: var(--yellow-100) !important;
}
.border-yellow-200 {
  border-color: var(--yellow-200) !important;
}
.border-yellow-300 {
  border-color: var(--yellow-300) !important;
}
.border-yellow-400 {
  border-color: var(--yellow-400) !important;
}
.border-yellow-500 {
  border-color: var(--yellow-500) !important;
}
.border-yellow-600 {
  border-color: var(--yellow-600) !important;
}
.border-yellow-700 {
  border-color: var(--yellow-700) !important;
}
.border-yellow-800 {
  border-color: var(--yellow-800) !important;
}
.border-yellow-900 {
  border-color: var(--yellow-900) !important;
}
.focus\:border-yellow-50:focus {
  border-color: var(--yellow-50) !important;
}
.focus\:border-yellow-100:focus {
  border-color: var(--yellow-100) !important;
}
.focus\:border-yellow-200:focus {
  border-color: var(--yellow-200) !important;
}
.focus\:border-yellow-300:focus {
  border-color: var(--yellow-300) !important;
}
.focus\:border-yellow-400:focus {
  border-color: var(--yellow-400) !important;
}
.focus\:border-yellow-500:focus {
  border-color: var(--yellow-500) !important;
}
.focus\:border-yellow-600:focus {
  border-color: var(--yellow-600) !important;
}
.focus\:border-yellow-700:focus {
  border-color: var(--yellow-700) !important;
}
.focus\:border-yellow-800:focus {
  border-color: var(--yellow-800) !important;
}
.focus\:border-yellow-900:focus {
  border-color: var(--yellow-900) !important;
}
.hover\:border-yellow-50:hover {
  border-color: var(--yellow-50) !important;
}
.hover\:border-yellow-100:hover {
  border-color: var(--yellow-100) !important;
}
.hover\:border-yellow-200:hover {
  border-color: var(--yellow-200) !important;
}
.hover\:border-yellow-300:hover {
  border-color: var(--yellow-300) !important;
}
.hover\:border-yellow-400:hover {
  border-color: var(--yellow-400) !important;
}
.hover\:border-yellow-500:hover {
  border-color: var(--yellow-500) !important;
}
.hover\:border-yellow-600:hover {
  border-color: var(--yellow-600) !important;
}
.hover\:border-yellow-700:hover {
  border-color: var(--yellow-700) !important;
}
.hover\:border-yellow-800:hover {
  border-color: var(--yellow-800) !important;
}
.hover\:border-yellow-900:hover {
  border-color: var(--yellow-900) !important;
}
.active\:border-yellow-50:active {
  border-color: var(--yellow-50) !important;
}
.active\:border-yellow-100:active {
  border-color: var(--yellow-100) !important;
}
.active\:border-yellow-200:active {
  border-color: var(--yellow-200) !important;
}
.active\:border-yellow-300:active {
  border-color: var(--yellow-300) !important;
}
.active\:border-yellow-400:active {
  border-color: var(--yellow-400) !important;
}
.active\:border-yellow-500:active {
  border-color: var(--yellow-500) !important;
}
.active\:border-yellow-600:active {
  border-color: var(--yellow-600) !important;
}
.active\:border-yellow-700:active {
  border-color: var(--yellow-700) !important;
}
.active\:border-yellow-800:active {
  border-color: var(--yellow-800) !important;
}
.active\:border-yellow-900:active {
  border-color: var(--yellow-900) !important;
}
.border-cyan-50 {
  border-color: var(--cyan-50) !important;
}
.border-cyan-100 {
  border-color: var(--cyan-100) !important;
}
.border-cyan-200 {
  border-color: var(--cyan-200) !important;
}
.border-cyan-300 {
  border-color: var(--cyan-300) !important;
}
.border-cyan-400 {
  border-color: var(--cyan-400) !important;
}
.border-cyan-500 {
  border-color: var(--cyan-500) !important;
}
.border-cyan-600 {
  border-color: var(--cyan-600) !important;
}
.border-cyan-700 {
  border-color: var(--cyan-700) !important;
}
.border-cyan-800 {
  border-color: var(--cyan-800) !important;
}
.border-cyan-900 {
  border-color: var(--cyan-900) !important;
}
.focus\:border-cyan-50:focus {
  border-color: var(--cyan-50) !important;
}
.focus\:border-cyan-100:focus {
  border-color: var(--cyan-100) !important;
}
.focus\:border-cyan-200:focus {
  border-color: var(--cyan-200) !important;
}
.focus\:border-cyan-300:focus {
  border-color: var(--cyan-300) !important;
}
.focus\:border-cyan-400:focus {
  border-color: var(--cyan-400) !important;
}
.focus\:border-cyan-500:focus {
  border-color: var(--cyan-500) !important;
}
.focus\:border-cyan-600:focus {
  border-color: var(--cyan-600) !important;
}
.focus\:border-cyan-700:focus {
  border-color: var(--cyan-700) !important;
}
.focus\:border-cyan-800:focus {
  border-color: var(--cyan-800) !important;
}
.focus\:border-cyan-900:focus {
  border-color: var(--cyan-900) !important;
}
.hover\:border-cyan-50:hover {
  border-color: var(--cyan-50) !important;
}
.hover\:border-cyan-100:hover {
  border-color: var(--cyan-100) !important;
}
.hover\:border-cyan-200:hover {
  border-color: var(--cyan-200) !important;
}
.hover\:border-cyan-300:hover {
  border-color: var(--cyan-300) !important;
}
.hover\:border-cyan-400:hover {
  border-color: var(--cyan-400) !important;
}
.hover\:border-cyan-500:hover {
  border-color: var(--cyan-500) !important;
}
.hover\:border-cyan-600:hover {
  border-color: var(--cyan-600) !important;
}
.hover\:border-cyan-700:hover {
  border-color: var(--cyan-700) !important;
}
.hover\:border-cyan-800:hover {
  border-color: var(--cyan-800) !important;
}
.hover\:border-cyan-900:hover {
  border-color: var(--cyan-900) !important;
}
.active\:border-cyan-50:active {
  border-color: var(--cyan-50) !important;
}
.active\:border-cyan-100:active {
  border-color: var(--cyan-100) !important;
}
.active\:border-cyan-200:active {
  border-color: var(--cyan-200) !important;
}
.active\:border-cyan-300:active {
  border-color: var(--cyan-300) !important;
}
.active\:border-cyan-400:active {
  border-color: var(--cyan-400) !important;
}
.active\:border-cyan-500:active {
  border-color: var(--cyan-500) !important;
}
.active\:border-cyan-600:active {
  border-color: var(--cyan-600) !important;
}
.active\:border-cyan-700:active {
  border-color: var(--cyan-700) !important;
}
.active\:border-cyan-800:active {
  border-color: var(--cyan-800) !important;
}
.active\:border-cyan-900:active {
  border-color: var(--cyan-900) !important;
}
.border-pink-50 {
  border-color: var(--pink-50) !important;
}
.border-pink-100 {
  border-color: var(--pink-100) !important;
}
.border-pink-200 {
  border-color: var(--pink-200) !important;
}
.border-pink-300 {
  border-color: var(--pink-300) !important;
}
.border-pink-400 {
  border-color: var(--pink-400) !important;
}
.border-pink-500 {
  border-color: var(--pink-500) !important;
}
.border-pink-600 {
  border-color: var(--pink-600) !important;
}
.border-pink-700 {
  border-color: var(--pink-700) !important;
}
.border-pink-800 {
  border-color: var(--pink-800) !important;
}
.border-pink-900 {
  border-color: var(--pink-900) !important;
}
.focus\:border-pink-50:focus {
  border-color: var(--pink-50) !important;
}
.focus\:border-pink-100:focus {
  border-color: var(--pink-100) !important;
}
.focus\:border-pink-200:focus {
  border-color: var(--pink-200) !important;
}
.focus\:border-pink-300:focus {
  border-color: var(--pink-300) !important;
}
.focus\:border-pink-400:focus {
  border-color: var(--pink-400) !important;
}
.focus\:border-pink-500:focus {
  border-color: var(--pink-500) !important;
}
.focus\:border-pink-600:focus {
  border-color: var(--pink-600) !important;
}
.focus\:border-pink-700:focus {
  border-color: var(--pink-700) !important;
}
.focus\:border-pink-800:focus {
  border-color: var(--pink-800) !important;
}
.focus\:border-pink-900:focus {
  border-color: var(--pink-900) !important;
}
.hover\:border-pink-50:hover {
  border-color: var(--pink-50) !important;
}
.hover\:border-pink-100:hover {
  border-color: var(--pink-100) !important;
}
.hover\:border-pink-200:hover {
  border-color: var(--pink-200) !important;
}
.hover\:border-pink-300:hover {
  border-color: var(--pink-300) !important;
}
.hover\:border-pink-400:hover {
  border-color: var(--pink-400) !important;
}
.hover\:border-pink-500:hover {
  border-color: var(--pink-500) !important;
}
.hover\:border-pink-600:hover {
  border-color: var(--pink-600) !important;
}
.hover\:border-pink-700:hover {
  border-color: var(--pink-700) !important;
}
.hover\:border-pink-800:hover {
  border-color: var(--pink-800) !important;
}
.hover\:border-pink-900:hover {
  border-color: var(--pink-900) !important;
}
.active\:border-pink-50:active {
  border-color: var(--pink-50) !important;
}
.active\:border-pink-100:active {
  border-color: var(--pink-100) !important;
}
.active\:border-pink-200:active {
  border-color: var(--pink-200) !important;
}
.active\:border-pink-300:active {
  border-color: var(--pink-300) !important;
}
.active\:border-pink-400:active {
  border-color: var(--pink-400) !important;
}
.active\:border-pink-500:active {
  border-color: var(--pink-500) !important;
}
.active\:border-pink-600:active {
  border-color: var(--pink-600) !important;
}
.active\:border-pink-700:active {
  border-color: var(--pink-700) !important;
}
.active\:border-pink-800:active {
  border-color: var(--pink-800) !important;
}
.active\:border-pink-900:active {
  border-color: var(--pink-900) !important;
}
.border-indigo-50 {
  border-color: var(--indigo-50) !important;
}
.border-indigo-100 {
  border-color: var(--indigo-100) !important;
}
.border-indigo-200 {
  border-color: var(--indigo-200) !important;
}
.border-indigo-300 {
  border-color: var(--indigo-300) !important;
}
.border-indigo-400 {
  border-color: var(--indigo-400) !important;
}
.border-indigo-500 {
  border-color: var(--indigo-500) !important;
}
.border-indigo-600 {
  border-color: var(--indigo-600) !important;
}
.border-indigo-700 {
  border-color: var(--indigo-700) !important;
}
.border-indigo-800 {
  border-color: var(--indigo-800) !important;
}
.border-indigo-900 {
  border-color: var(--indigo-900) !important;
}
.focus\:border-indigo-50:focus {
  border-color: var(--indigo-50) !important;
}
.focus\:border-indigo-100:focus {
  border-color: var(--indigo-100) !important;
}
.focus\:border-indigo-200:focus {
  border-color: var(--indigo-200) !important;
}
.focus\:border-indigo-300:focus {
  border-color: var(--indigo-300) !important;
}
.focus\:border-indigo-400:focus {
  border-color: var(--indigo-400) !important;
}
.focus\:border-indigo-500:focus {
  border-color: var(--indigo-500) !important;
}
.focus\:border-indigo-600:focus {
  border-color: var(--indigo-600) !important;
}
.focus\:border-indigo-700:focus {
  border-color: var(--indigo-700) !important;
}
.focus\:border-indigo-800:focus {
  border-color: var(--indigo-800) !important;
}
.focus\:border-indigo-900:focus {
  border-color: var(--indigo-900) !important;
}
.hover\:border-indigo-50:hover {
  border-color: var(--indigo-50) !important;
}
.hover\:border-indigo-100:hover {
  border-color: var(--indigo-100) !important;
}
.hover\:border-indigo-200:hover {
  border-color: var(--indigo-200) !important;
}
.hover\:border-indigo-300:hover {
  border-color: var(--indigo-300) !important;
}
.hover\:border-indigo-400:hover {
  border-color: var(--indigo-400) !important;
}
.hover\:border-indigo-500:hover {
  border-color: var(--indigo-500) !important;
}
.hover\:border-indigo-600:hover {
  border-color: var(--indigo-600) !important;
}
.hover\:border-indigo-700:hover {
  border-color: var(--indigo-700) !important;
}
.hover\:border-indigo-800:hover {
  border-color: var(--indigo-800) !important;
}
.hover\:border-indigo-900:hover {
  border-color: var(--indigo-900) !important;
}
.active\:border-indigo-50:active {
  border-color: var(--indigo-50) !important;
}
.active\:border-indigo-100:active {
  border-color: var(--indigo-100) !important;
}
.active\:border-indigo-200:active {
  border-color: var(--indigo-200) !important;
}
.active\:border-indigo-300:active {
  border-color: var(--indigo-300) !important;
}
.active\:border-indigo-400:active {
  border-color: var(--indigo-400) !important;
}
.active\:border-indigo-500:active {
  border-color: var(--indigo-500) !important;
}
.active\:border-indigo-600:active {
  border-color: var(--indigo-600) !important;
}
.active\:border-indigo-700:active {
  border-color: var(--indigo-700) !important;
}
.active\:border-indigo-800:active {
  border-color: var(--indigo-800) !important;
}
.active\:border-indigo-900:active {
  border-color: var(--indigo-900) !important;
}
.border-teal-50 {
  border-color: var(--teal-50) !important;
}
.border-teal-100 {
  border-color: var(--teal-100) !important;
}
.border-teal-200 {
  border-color: var(--teal-200) !important;
}
.border-teal-300 {
  border-color: var(--teal-300) !important;
}
.border-teal-400 {
  border-color: var(--teal-400) !important;
}
.border-teal-500 {
  border-color: var(--teal-500) !important;
}
.border-teal-600 {
  border-color: var(--teal-600) !important;
}
.border-teal-700 {
  border-color: var(--teal-700) !important;
}
.border-teal-800 {
  border-color: var(--teal-800) !important;
}
.border-teal-900 {
  border-color: var(--teal-900) !important;
}
.focus\:border-teal-50:focus {
  border-color: var(--teal-50) !important;
}
.focus\:border-teal-100:focus {
  border-color: var(--teal-100) !important;
}
.focus\:border-teal-200:focus {
  border-color: var(--teal-200) !important;
}
.focus\:border-teal-300:focus {
  border-color: var(--teal-300) !important;
}
.focus\:border-teal-400:focus {
  border-color: var(--teal-400) !important;
}
.focus\:border-teal-500:focus {
  border-color: var(--teal-500) !important;
}
.focus\:border-teal-600:focus {
  border-color: var(--teal-600) !important;
}
.focus\:border-teal-700:focus {
  border-color: var(--teal-700) !important;
}
.focus\:border-teal-800:focus {
  border-color: var(--teal-800) !important;
}
.focus\:border-teal-900:focus {
  border-color: var(--teal-900) !important;
}
.hover\:border-teal-50:hover {
  border-color: var(--teal-50) !important;
}
.hover\:border-teal-100:hover {
  border-color: var(--teal-100) !important;
}
.hover\:border-teal-200:hover {
  border-color: var(--teal-200) !important;
}
.hover\:border-teal-300:hover {
  border-color: var(--teal-300) !important;
}
.hover\:border-teal-400:hover {
  border-color: var(--teal-400) !important;
}
.hover\:border-teal-500:hover {
  border-color: var(--teal-500) !important;
}
.hover\:border-teal-600:hover {
  border-color: var(--teal-600) !important;
}
.hover\:border-teal-700:hover {
  border-color: var(--teal-700) !important;
}
.hover\:border-teal-800:hover {
  border-color: var(--teal-800) !important;
}
.hover\:border-teal-900:hover {
  border-color: var(--teal-900) !important;
}
.active\:border-teal-50:active {
  border-color: var(--teal-50) !important;
}
.active\:border-teal-100:active {
  border-color: var(--teal-100) !important;
}
.active\:border-teal-200:active {
  border-color: var(--teal-200) !important;
}
.active\:border-teal-300:active {
  border-color: var(--teal-300) !important;
}
.active\:border-teal-400:active {
  border-color: var(--teal-400) !important;
}
.active\:border-teal-500:active {
  border-color: var(--teal-500) !important;
}
.active\:border-teal-600:active {
  border-color: var(--teal-600) !important;
}
.active\:border-teal-700:active {
  border-color: var(--teal-700) !important;
}
.active\:border-teal-800:active {
  border-color: var(--teal-800) !important;
}
.active\:border-teal-900:active {
  border-color: var(--teal-900) !important;
}
.border-orange-50 {
  border-color: var(--orange-50) !important;
}
.border-orange-100 {
  border-color: var(--orange-100) !important;
}
.border-orange-200 {
  border-color: var(--orange-200) !important;
}
.border-orange-300 {
  border-color: var(--orange-300) !important;
}
.border-orange-400 {
  border-color: var(--orange-400) !important;
}
.border-orange-500 {
  border-color: var(--orange-500) !important;
}
.border-orange-600 {
  border-color: var(--orange-600) !important;
}
.border-orange-700 {
  border-color: var(--orange-700) !important;
}
.border-orange-800 {
  border-color: var(--orange-800) !important;
}
.border-orange-900 {
  border-color: var(--orange-900) !important;
}
.focus\:border-orange-50:focus {
  border-color: var(--orange-50) !important;
}
.focus\:border-orange-100:focus {
  border-color: var(--orange-100) !important;
}
.focus\:border-orange-200:focus {
  border-color: var(--orange-200) !important;
}
.focus\:border-orange-300:focus {
  border-color: var(--orange-300) !important;
}
.focus\:border-orange-400:focus {
  border-color: var(--orange-400) !important;
}
.focus\:border-orange-500:focus {
  border-color: var(--orange-500) !important;
}
.focus\:border-orange-600:focus {
  border-color: var(--orange-600) !important;
}
.focus\:border-orange-700:focus {
  border-color: var(--orange-700) !important;
}
.focus\:border-orange-800:focus {
  border-color: var(--orange-800) !important;
}
.focus\:border-orange-900:focus {
  border-color: var(--orange-900) !important;
}
.hover\:border-orange-50:hover {
  border-color: var(--orange-50) !important;
}
.hover\:border-orange-100:hover {
  border-color: var(--orange-100) !important;
}
.hover\:border-orange-200:hover {
  border-color: var(--orange-200) !important;
}
.hover\:border-orange-300:hover {
  border-color: var(--orange-300) !important;
}
.hover\:border-orange-400:hover {
  border-color: var(--orange-400) !important;
}
.hover\:border-orange-500:hover {
  border-color: var(--orange-500) !important;
}
.hover\:border-orange-600:hover {
  border-color: var(--orange-600) !important;
}
.hover\:border-orange-700:hover {
  border-color: var(--orange-700) !important;
}
.hover\:border-orange-800:hover {
  border-color: var(--orange-800) !important;
}
.hover\:border-orange-900:hover {
  border-color: var(--orange-900) !important;
}
.active\:border-orange-50:active {
  border-color: var(--orange-50) !important;
}
.active\:border-orange-100:active {
  border-color: var(--orange-100) !important;
}
.active\:border-orange-200:active {
  border-color: var(--orange-200) !important;
}
.active\:border-orange-300:active {
  border-color: var(--orange-300) !important;
}
.active\:border-orange-400:active {
  border-color: var(--orange-400) !important;
}
.active\:border-orange-500:active {
  border-color: var(--orange-500) !important;
}
.active\:border-orange-600:active {
  border-color: var(--orange-600) !important;
}
.active\:border-orange-700:active {
  border-color: var(--orange-700) !important;
}
.active\:border-orange-800:active {
  border-color: var(--orange-800) !important;
}
.active\:border-orange-900:active {
  border-color: var(--orange-900) !important;
}
.border-bluegray-50 {
  border-color: var(--bluegray-50) !important;
}
.border-bluegray-100 {
  border-color: var(--bluegray-100) !important;
}
.border-bluegray-200 {
  border-color: var(--bluegray-200) !important;
}
.border-bluegray-300 {
  border-color: var(--bluegray-300) !important;
}
.border-bluegray-400 {
  border-color: var(--bluegray-400) !important;
}
.border-bluegray-500 {
  border-color: var(--bluegray-500) !important;
}
.border-bluegray-600 {
  border-color: var(--bluegray-600) !important;
}
.border-bluegray-700 {
  border-color: var(--bluegray-700) !important;
}
.border-bluegray-800 {
  border-color: var(--bluegray-800) !important;
}
.border-bluegray-900 {
  border-color: var(--bluegray-900) !important;
}
.focus\:border-bluegray-50:focus {
  border-color: var(--bluegray-50) !important;
}
.focus\:border-bluegray-100:focus {
  border-color: var(--bluegray-100) !important;
}
.focus\:border-bluegray-200:focus {
  border-color: var(--bluegray-200) !important;
}
.focus\:border-bluegray-300:focus {
  border-color: var(--bluegray-300) !important;
}
.focus\:border-bluegray-400:focus {
  border-color: var(--bluegray-400) !important;
}
.focus\:border-bluegray-500:focus {
  border-color: var(--bluegray-500) !important;
}
.focus\:border-bluegray-600:focus {
  border-color: var(--bluegray-600) !important;
}
.focus\:border-bluegray-700:focus {
  border-color: var(--bluegray-700) !important;
}
.focus\:border-bluegray-800:focus {
  border-color: var(--bluegray-800) !important;
}
.focus\:border-bluegray-900:focus {
  border-color: var(--bluegray-900) !important;
}
.hover\:border-bluegray-50:hover {
  border-color: var(--bluegray-50) !important;
}
.hover\:border-bluegray-100:hover {
  border-color: var(--bluegray-100) !important;
}
.hover\:border-bluegray-200:hover {
  border-color: var(--bluegray-200) !important;
}
.hover\:border-bluegray-300:hover {
  border-color: var(--bluegray-300) !important;
}
.hover\:border-bluegray-400:hover {
  border-color: var(--bluegray-400) !important;
}
.hover\:border-bluegray-500:hover {
  border-color: var(--bluegray-500) !important;
}
.hover\:border-bluegray-600:hover {
  border-color: var(--bluegray-600) !important;
}
.hover\:border-bluegray-700:hover {
  border-color: var(--bluegray-700) !important;
}
.hover\:border-bluegray-800:hover {
  border-color: var(--bluegray-800) !important;
}
.hover\:border-bluegray-900:hover {
  border-color: var(--bluegray-900) !important;
}
.active\:border-bluegray-50:active {
  border-color: var(--bluegray-50) !important;
}
.active\:border-bluegray-100:active {
  border-color: var(--bluegray-100) !important;
}
.active\:border-bluegray-200:active {
  border-color: var(--bluegray-200) !important;
}
.active\:border-bluegray-300:active {
  border-color: var(--bluegray-300) !important;
}
.active\:border-bluegray-400:active {
  border-color: var(--bluegray-400) !important;
}
.active\:border-bluegray-500:active {
  border-color: var(--bluegray-500) !important;
}
.active\:border-bluegray-600:active {
  border-color: var(--bluegray-600) !important;
}
.active\:border-bluegray-700:active {
  border-color: var(--bluegray-700) !important;
}
.active\:border-bluegray-800:active {
  border-color: var(--bluegray-800) !important;
}
.active\:border-bluegray-900:active {
  border-color: var(--bluegray-900) !important;
}
.border-purple-50 {
  border-color: var(--purple-50) !important;
}
.border-purple-100 {
  border-color: var(--purple-100) !important;
}
.border-purple-200 {
  border-color: var(--purple-200) !important;
}
.border-purple-300 {
  border-color: var(--purple-300) !important;
}
.border-purple-400 {
  border-color: var(--purple-400) !important;
}
.border-purple-500 {
  border-color: var(--purple-500) !important;
}
.border-purple-600 {
  border-color: var(--purple-600) !important;
}
.border-purple-700 {
  border-color: var(--purple-700) !important;
}
.border-purple-800 {
  border-color: var(--purple-800) !important;
}
.border-purple-900 {
  border-color: var(--purple-900) !important;
}
.focus\:border-purple-50:focus {
  border-color: var(--purple-50) !important;
}
.focus\:border-purple-100:focus {
  border-color: var(--purple-100) !important;
}
.focus\:border-purple-200:focus {
  border-color: var(--purple-200) !important;
}
.focus\:border-purple-300:focus {
  border-color: var(--purple-300) !important;
}
.focus\:border-purple-400:focus {
  border-color: var(--purple-400) !important;
}
.focus\:border-purple-500:focus {
  border-color: var(--purple-500) !important;
}
.focus\:border-purple-600:focus {
  border-color: var(--purple-600) !important;
}
.focus\:border-purple-700:focus {
  border-color: var(--purple-700) !important;
}
.focus\:border-purple-800:focus {
  border-color: var(--purple-800) !important;
}
.focus\:border-purple-900:focus {
  border-color: var(--purple-900) !important;
}
.hover\:border-purple-50:hover {
  border-color: var(--purple-50) !important;
}
.hover\:border-purple-100:hover {
  border-color: var(--purple-100) !important;
}
.hover\:border-purple-200:hover {
  border-color: var(--purple-200) !important;
}
.hover\:border-purple-300:hover {
  border-color: var(--purple-300) !important;
}
.hover\:border-purple-400:hover {
  border-color: var(--purple-400) !important;
}
.hover\:border-purple-500:hover {
  border-color: var(--purple-500) !important;
}
.hover\:border-purple-600:hover {
  border-color: var(--purple-600) !important;
}
.hover\:border-purple-700:hover {
  border-color: var(--purple-700) !important;
}
.hover\:border-purple-800:hover {
  border-color: var(--purple-800) !important;
}
.hover\:border-purple-900:hover {
  border-color: var(--purple-900) !important;
}
.active\:border-purple-50:active {
  border-color: var(--purple-50) !important;
}
.active\:border-purple-100:active {
  border-color: var(--purple-100) !important;
}
.active\:border-purple-200:active {
  border-color: var(--purple-200) !important;
}
.active\:border-purple-300:active {
  border-color: var(--purple-300) !important;
}
.active\:border-purple-400:active {
  border-color: var(--purple-400) !important;
}
.active\:border-purple-500:active {
  border-color: var(--purple-500) !important;
}
.active\:border-purple-600:active {
  border-color: var(--purple-600) !important;
}
.active\:border-purple-700:active {
  border-color: var(--purple-700) !important;
}
.active\:border-purple-800:active {
  border-color: var(--purple-800) !important;
}
.active\:border-purple-900:active {
  border-color: var(--purple-900) !important;
}
.border-gray-50 {
  border-color: var(--gray-50) !important;
}
.border-gray-100 {
  border-color: var(--gray-100) !important;
}
.border-gray-200 {
  border-color: var(--gray-200) !important;
}
.border-gray-300 {
  border-color: var(--gray-300) !important;
}
.border-gray-400 {
  border-color: var(--gray-400) !important;
}
.border-gray-500 {
  border-color: var(--gray-500) !important;
}
.border-gray-600 {
  border-color: var(--gray-600) !important;
}
.border-gray-700 {
  border-color: var(--gray-700) !important;
}
.border-gray-800 {
  border-color: var(--gray-800) !important;
}
.border-gray-900 {
  border-color: var(--gray-900) !important;
}
.focus\:border-gray-50:focus {
  border-color: var(--gray-50) !important;
}
.focus\:border-gray-100:focus {
  border-color: var(--gray-100) !important;
}
.focus\:border-gray-200:focus {
  border-color: var(--gray-200) !important;
}
.focus\:border-gray-300:focus {
  border-color: var(--gray-300) !important;
}
.focus\:border-gray-400:focus {
  border-color: var(--gray-400) !important;
}
.focus\:border-gray-500:focus {
  border-color: var(--gray-500) !important;
}
.focus\:border-gray-600:focus {
  border-color: var(--gray-600) !important;
}
.focus\:border-gray-700:focus {
  border-color: var(--gray-700) !important;
}
.focus\:border-gray-800:focus {
  border-color: var(--gray-800) !important;
}
.focus\:border-gray-900:focus {
  border-color: var(--gray-900) !important;
}
.hover\:border-gray-50:hover {
  border-color: var(--gray-50) !important;
}
.hover\:border-gray-100:hover {
  border-color: var(--gray-100) !important;
}
.hover\:border-gray-200:hover {
  border-color: var(--gray-200) !important;
}
.hover\:border-gray-300:hover {
  border-color: var(--gray-300) !important;
}
.hover\:border-gray-400:hover {
  border-color: var(--gray-400) !important;
}
.hover\:border-gray-500:hover {
  border-color: var(--gray-500) !important;
}
.hover\:border-gray-600:hover {
  border-color: var(--gray-600) !important;
}
.hover\:border-gray-700:hover {
  border-color: var(--gray-700) !important;
}
.hover\:border-gray-800:hover {
  border-color: var(--gray-800) !important;
}
.hover\:border-gray-900:hover {
  border-color: var(--gray-900) !important;
}
.active\:border-gray-50:active {
  border-color: var(--gray-50) !important;
}
.active\:border-gray-100:active {
  border-color: var(--gray-100) !important;
}
.active\:border-gray-200:active {
  border-color: var(--gray-200) !important;
}
.active\:border-gray-300:active {
  border-color: var(--gray-300) !important;
}
.active\:border-gray-400:active {
  border-color: var(--gray-400) !important;
}
.active\:border-gray-500:active {
  border-color: var(--gray-500) !important;
}
.active\:border-gray-600:active {
  border-color: var(--gray-600) !important;
}
.active\:border-gray-700:active {
  border-color: var(--gray-700) !important;
}
.active\:border-gray-800:active {
  border-color: var(--gray-800) !important;
}
.active\:border-gray-900:active {
  border-color: var(--gray-900) !important;
}
.border-red-50 {
  border-color: var(--red-50) !important;
}
.border-red-100 {
  border-color: var(--red-100) !important;
}
.border-red-200 {
  border-color: var(--red-200) !important;
}
.border-red-300 {
  border-color: var(--red-300) !important;
}
.border-red-400 {
  border-color: var(--red-400) !important;
}
.border-red-500 {
  border-color: var(--red-500) !important;
}
.border-red-600 {
  border-color: var(--red-600) !important;
}
.border-red-700 {
  border-color: var(--red-700) !important;
}
.border-red-800 {
  border-color: var(--red-800) !important;
}
.border-red-900 {
  border-color: var(--red-900) !important;
}
.focus\:border-red-50:focus {
  border-color: var(--red-50) !important;
}
.focus\:border-red-100:focus {
  border-color: var(--red-100) !important;
}
.focus\:border-red-200:focus {
  border-color: var(--red-200) !important;
}
.focus\:border-red-300:focus {
  border-color: var(--red-300) !important;
}
.focus\:border-red-400:focus {
  border-color: var(--red-400) !important;
}
.focus\:border-red-500:focus {
  border-color: var(--red-500) !important;
}
.focus\:border-red-600:focus {
  border-color: var(--red-600) !important;
}
.focus\:border-red-700:focus {
  border-color: var(--red-700) !important;
}
.focus\:border-red-800:focus {
  border-color: var(--red-800) !important;
}
.focus\:border-red-900:focus {
  border-color: var(--red-900) !important;
}
.hover\:border-red-50:hover {
  border-color: var(--red-50) !important;
}
.hover\:border-red-100:hover {
  border-color: var(--red-100) !important;
}
.hover\:border-red-200:hover {
  border-color: var(--red-200) !important;
}
.hover\:border-red-300:hover {
  border-color: var(--red-300) !important;
}
.hover\:border-red-400:hover {
  border-color: var(--red-400) !important;
}
.hover\:border-red-500:hover {
  border-color: var(--red-500) !important;
}
.hover\:border-red-600:hover {
  border-color: var(--red-600) !important;
}
.hover\:border-red-700:hover {
  border-color: var(--red-700) !important;
}
.hover\:border-red-800:hover {
  border-color: var(--red-800) !important;
}
.hover\:border-red-900:hover {
  border-color: var(--red-900) !important;
}
.active\:border-red-50:active {
  border-color: var(--red-50) !important;
}
.active\:border-red-100:active {
  border-color: var(--red-100) !important;
}
.active\:border-red-200:active {
  border-color: var(--red-200) !important;
}
.active\:border-red-300:active {
  border-color: var(--red-300) !important;
}
.active\:border-red-400:active {
  border-color: var(--red-400) !important;
}
.active\:border-red-500:active {
  border-color: var(--red-500) !important;
}
.active\:border-red-600:active {
  border-color: var(--red-600) !important;
}
.active\:border-red-700:active {
  border-color: var(--red-700) !important;
}
.active\:border-red-800:active {
  border-color: var(--red-800) !important;
}
.active\:border-red-900:active {
  border-color: var(--red-900) !important;
}
.border-primary-50 {
  border-color: var(--primary-50) !important;
}
.border-primary-100 {
  border-color: var(--primary-100) !important;
}
.border-primary-200 {
  border-color: var(--primary-200) !important;
}
.border-primary-300 {
  border-color: var(--primary-300) !important;
}
.border-primary-400 {
  border-color: var(--primary-400) !important;
}
.border-primary-500 {
  border-color: var(--primary-500) !important;
}
.border-primary-600 {
  border-color: var(--primary-600) !important;
}
.border-primary-700 {
  border-color: var(--primary-700) !important;
}
.border-primary-800 {
  border-color: var(--primary-800) !important;
}
.border-primary-900 {
  border-color: var(--primary-900) !important;
}
.focus\:border-primary-50:focus {
  border-color: var(--primary-50) !important;
}
.focus\:border-primary-100:focus {
  border-color: var(--primary-100) !important;
}
.focus\:border-primary-200:focus {
  border-color: var(--primary-200) !important;
}
.focus\:border-primary-300:focus {
  border-color: var(--primary-300) !important;
}
.focus\:border-primary-400:focus {
  border-color: var(--primary-400) !important;
}
.focus\:border-primary-500:focus {
  border-color: var(--primary-500) !important;
}
.focus\:border-primary-600:focus {
  border-color: var(--primary-600) !important;
}
.focus\:border-primary-700:focus {
  border-color: var(--primary-700) !important;
}
.focus\:border-primary-800:focus {
  border-color: var(--primary-800) !important;
}
.focus\:border-primary-900:focus {
  border-color: var(--primary-900) !important;
}
.hover\:border-primary-50:hover {
  border-color: var(--primary-50) !important;
}
.hover\:border-primary-100:hover {
  border-color: var(--primary-100) !important;
}
.hover\:border-primary-200:hover {
  border-color: var(--primary-200) !important;
}
.hover\:border-primary-300:hover {
  border-color: var(--primary-300) !important;
}
.hover\:border-primary-400:hover {
  border-color: var(--primary-400) !important;
}
.hover\:border-primary-500:hover {
  border-color: var(--primary-500) !important;
}
.hover\:border-primary-600:hover {
  border-color: var(--primary-600) !important;
}
.hover\:border-primary-700:hover {
  border-color: var(--primary-700) !important;
}
.hover\:border-primary-800:hover {
  border-color: var(--primary-800) !important;
}
.hover\:border-primary-900:hover {
  border-color: var(--primary-900) !important;
}
.active\:border-primary-50:active {
  border-color: var(--primary-50) !important;
}
.active\:border-primary-100:active {
  border-color: var(--primary-100) !important;
}
.active\:border-primary-200:active {
  border-color: var(--primary-200) !important;
}
.active\:border-primary-300:active {
  border-color: var(--primary-300) !important;
}
.active\:border-primary-400:active {
  border-color: var(--primary-400) !important;
}
.active\:border-primary-500:active {
  border-color: var(--primary-500) !important;
}
.active\:border-primary-600:active {
  border-color: var(--primary-600) !important;
}
.active\:border-primary-700:active {
  border-color: var(--primary-700) !important;
}
.active\:border-primary-800:active {
  border-color: var(--primary-800) !important;
}
.active\:border-primary-900:active {
  border-color: var(--primary-900) !important;
}
.bg-white-alpha-10 {
  background-color: rgba(255,255,255,0.1) !important;
}
.bg-white-alpha-20 {
  background-color: rgba(255,255,255,0.2) !important;
}
.bg-white-alpha-30 {
  background-color: rgba(255,255,255,0.3) !important;
}
.bg-white-alpha-40 {
  background-color: rgba(255,255,255,0.4) !important;
}
.bg-white-alpha-50 {
  background-color: rgba(255,255,255,0.5) !important;
}
.bg-white-alpha-60 {
  background-color: rgba(255,255,255,0.6) !important;
}
.bg-white-alpha-70 {
  background-color: rgba(255,255,255,0.7) !important;
}
.bg-white-alpha-80 {
  background-color: rgba(255,255,255,0.8) !important;
}
.bg-white-alpha-90 {
  background-color: rgba(255,255,255,0.9) !important;
}
.hover\:bg-white-alpha-10:hover {
  background-color: rgba(255,255,255,0.1) !important;
}
.hover\:bg-white-alpha-20:hover {
  background-color: rgba(255,255,255,0.2) !important;
}
.hover\:bg-white-alpha-30:hover {
  background-color: rgba(255,255,255,0.3) !important;
}
.hover\:bg-white-alpha-40:hover {
  background-color: rgba(255,255,255,0.4) !important;
}
.hover\:bg-white-alpha-50:hover {
  background-color: rgba(255,255,255,0.5) !important;
}
.hover\:bg-white-alpha-60:hover {
  background-color: rgba(255,255,255,0.6) !important;
}
.hover\:bg-white-alpha-70:hover {
  background-color: rgba(255,255,255,0.7) !important;
}
.hover\:bg-white-alpha-80:hover {
  background-color: rgba(255,255,255,0.8) !important;
}
.hover\:bg-white-alpha-90:hover {
  background-color: rgba(255,255,255,0.9) !important;
}
.focus\:bg-white-alpha-10:focus {
  background-color: rgba(255,255,255,0.1) !important;
}
.focus\:bg-white-alpha-20:focus {
  background-color: rgba(255,255,255,0.2) !important;
}
.focus\:bg-white-alpha-30:focus {
  background-color: rgba(255,255,255,0.3) !important;
}
.focus\:bg-white-alpha-40:focus {
  background-color: rgba(255,255,255,0.4) !important;
}
.focus\:bg-white-alpha-50:focus {
  background-color: rgba(255,255,255,0.5) !important;
}
.focus\:bg-white-alpha-60:focus {
  background-color: rgba(255,255,255,0.6) !important;
}
.focus\:bg-white-alpha-70:focus {
  background-color: rgba(255,255,255,0.7) !important;
}
.focus\:bg-white-alpha-80:focus {
  background-color: rgba(255,255,255,0.8) !important;
}
.focus\:bg-white-alpha-90:focus {
  background-color: rgba(255,255,255,0.9) !important;
}
.active\:bg-white-alpha-10:active {
  background-color: rgba(255,255,255,0.1) !important;
}
.active\:bg-white-alpha-20:active {
  background-color: rgba(255,255,255,0.2) !important;
}
.active\:bg-white-alpha-30:active {
  background-color: rgba(255,255,255,0.3) !important;
}
.active\:bg-white-alpha-40:active {
  background-color: rgba(255,255,255,0.4) !important;
}
.active\:bg-white-alpha-50:active {
  background-color: rgba(255,255,255,0.5) !important;
}
.active\:bg-white-alpha-60:active {
  background-color: rgba(255,255,255,0.6) !important;
}
.active\:bg-white-alpha-70:active {
  background-color: rgba(255,255,255,0.7) !important;
}
.active\:bg-white-alpha-80:active {
  background-color: rgba(255,255,255,0.8) !important;
}
.active\:bg-white-alpha-90:active {
  background-color: rgba(255,255,255,0.9) !important;
}
.bg-black-alpha-10 {
  background-color: rgba(0,0,0,0.1) !important;
}
.bg-black-alpha-20 {
  background-color: rgba(0,0,0,0.2) !important;
}
.bg-black-alpha-30 {
  background-color: rgba(0,0,0,0.3) !important;
}
.bg-black-alpha-40 {
  background-color: rgba(0,0,0,0.4) !important;
}
.bg-black-alpha-50 {
  background-color: rgba(0,0,0,0.5) !important;
}
.bg-black-alpha-60 {
  background-color: rgba(0,0,0,0.6) !important;
}
.bg-black-alpha-70 {
  background-color: rgba(0,0,0,0.7) !important;
}
.bg-black-alpha-80 {
  background-color: rgba(0,0,0,0.8) !important;
}
.bg-black-alpha-90 {
  background-color: rgba(0,0,0,0.9) !important;
}
.hover\:bg-black-alpha-10:hover {
  background-color: rgba(0,0,0,0.1) !important;
}
.hover\:bg-black-alpha-20:hover {
  background-color: rgba(0,0,0,0.2) !important;
}
.hover\:bg-black-alpha-30:hover {
  background-color: rgba(0,0,0,0.3) !important;
}
.hover\:bg-black-alpha-40:hover {
  background-color: rgba(0,0,0,0.4) !important;
}
.hover\:bg-black-alpha-50:hover {
  background-color: rgba(0,0,0,0.5) !important;
}
.hover\:bg-black-alpha-60:hover {
  background-color: rgba(0,0,0,0.6) !important;
}
.hover\:bg-black-alpha-70:hover {
  background-color: rgba(0,0,0,0.7) !important;
}
.hover\:bg-black-alpha-80:hover {
  background-color: rgba(0,0,0,0.8) !important;
}
.hover\:bg-black-alpha-90:hover {
  background-color: rgba(0,0,0,0.9) !important;
}
.focus\:bg-black-alpha-10:focus {
  background-color: rgba(0,0,0,0.1) !important;
}
.focus\:bg-black-alpha-20:focus {
  background-color: rgba(0,0,0,0.2) !important;
}
.focus\:bg-black-alpha-30:focus {
  background-color: rgba(0,0,0,0.3) !important;
}
.focus\:bg-black-alpha-40:focus {
  background-color: rgba(0,0,0,0.4) !important;
}
.focus\:bg-black-alpha-50:focus {
  background-color: rgba(0,0,0,0.5) !important;
}
.focus\:bg-black-alpha-60:focus {
  background-color: rgba(0,0,0,0.6) !important;
}
.focus\:bg-black-alpha-70:focus {
  background-color: rgba(0,0,0,0.7) !important;
}
.focus\:bg-black-alpha-80:focus {
  background-color: rgba(0,0,0,0.8) !important;
}
.focus\:bg-black-alpha-90:focus {
  background-color: rgba(0,0,0,0.9) !important;
}
.active\:bg-black-alpha-10:active {
  background-color: rgba(0,0,0,0.1) !important;
}
.active\:bg-black-alpha-20:active {
  background-color: rgba(0,0,0,0.2) !important;
}
.active\:bg-black-alpha-30:active {
  background-color: rgba(0,0,0,0.3) !important;
}
.active\:bg-black-alpha-40:active {
  background-color: rgba(0,0,0,0.4) !important;
}
.active\:bg-black-alpha-50:active {
  background-color: rgba(0,0,0,0.5) !important;
}
.active\:bg-black-alpha-60:active {
  background-color: rgba(0,0,0,0.6) !important;
}
.active\:bg-black-alpha-70:active {
  background-color: rgba(0,0,0,0.7) !important;
}
.active\:bg-black-alpha-80:active {
  background-color: rgba(0,0,0,0.8) !important;
}
.active\:bg-black-alpha-90:active {
  background-color: rgba(0,0,0,0.9) !important;
}
.border-white-alpha-10 {
  border-color: rgba(255,255,255,0.1) !important;
}
.border-white-alpha-20 {
  border-color: rgba(255,255,255,0.2) !important;
}
.border-white-alpha-30 {
  border-color: rgba(255,255,255,0.3) !important;
}
.border-white-alpha-40 {
  border-color: rgba(255,255,255,0.4) !important;
}
.border-white-alpha-50 {
  border-color: rgba(255,255,255,0.5) !important;
}
.border-white-alpha-60 {
  border-color: rgba(255,255,255,0.6) !important;
}
.border-white-alpha-70 {
  border-color: rgba(255,255,255,0.7) !important;
}
.border-white-alpha-80 {
  border-color: rgba(255,255,255,0.8) !important;
}
.border-white-alpha-90 {
  border-color: rgba(255,255,255,0.9) !important;
}
.hover\:border-white-alpha-10:hover {
  border-color: rgba(255,255,255,0.1) !important;
}
.hover\:border-white-alpha-20:hover {
  border-color: rgba(255,255,255,0.2) !important;
}
.hover\:border-white-alpha-30:hover {
  border-color: rgba(255,255,255,0.3) !important;
}
.hover\:border-white-alpha-40:hover {
  border-color: rgba(255,255,255,0.4) !important;
}
.hover\:border-white-alpha-50:hover {
  border-color: rgba(255,255,255,0.5) !important;
}
.hover\:border-white-alpha-60:hover {
  border-color: rgba(255,255,255,0.6) !important;
}
.hover\:border-white-alpha-70:hover {
  border-color: rgba(255,255,255,0.7) !important;
}
.hover\:border-white-alpha-80:hover {
  border-color: rgba(255,255,255,0.8) !important;
}
.hover\:border-white-alpha-90:hover {
  border-color: rgba(255,255,255,0.9) !important;
}
.focus\:border-white-alpha-10:focus {
  border-color: rgba(255,255,255,0.1) !important;
}
.focus\:border-white-alpha-20:focus {
  border-color: rgba(255,255,255,0.2) !important;
}
.focus\:border-white-alpha-30:focus {
  border-color: rgba(255,255,255,0.3) !important;
}
.focus\:border-white-alpha-40:focus {
  border-color: rgba(255,255,255,0.4) !important;
}
.focus\:border-white-alpha-50:focus {
  border-color: rgba(255,255,255,0.5) !important;
}
.focus\:border-white-alpha-60:focus {
  border-color: rgba(255,255,255,0.6) !important;
}
.focus\:border-white-alpha-70:focus {
  border-color: rgba(255,255,255,0.7) !important;
}
.focus\:border-white-alpha-80:focus {
  border-color: rgba(255,255,255,0.8) !important;
}
.focus\:border-white-alpha-90:focus {
  border-color: rgba(255,255,255,0.9) !important;
}
.active\:border-white-alpha-10:active {
  border-color: rgba(255,255,255,0.1) !important;
}
.active\:border-white-alpha-20:active {
  border-color: rgba(255,255,255,0.2) !important;
}
.active\:border-white-alpha-30:active {
  border-color: rgba(255,255,255,0.3) !important;
}
.active\:border-white-alpha-40:active {
  border-color: rgba(255,255,255,0.4) !important;
}
.active\:border-white-alpha-50:active {
  border-color: rgba(255,255,255,0.5) !important;
}
.active\:border-white-alpha-60:active {
  border-color: rgba(255,255,255,0.6) !important;
}
.active\:border-white-alpha-70:active {
  border-color: rgba(255,255,255,0.7) !important;
}
.active\:border-white-alpha-80:active {
  border-color: rgba(255,255,255,0.8) !important;
}
.active\:border-white-alpha-90:active {
  border-color: rgba(255,255,255,0.9) !important;
}
.border-black-alpha-10 {
  border-color: rgba(0,0,0,0.1) !important;
}
.border-black-alpha-20 {
  border-color: rgba(0,0,0,0.2) !important;
}
.border-black-alpha-30 {
  border-color: rgba(0,0,0,0.3) !important;
}
.border-black-alpha-40 {
  border-color: rgba(0,0,0,0.4) !important;
}
.border-black-alpha-50 {
  border-color: rgba(0,0,0,0.5) !important;
}
.border-black-alpha-60 {
  border-color: rgba(0,0,0,0.6) !important;
}
.border-black-alpha-70 {
  border-color: rgba(0,0,0,0.7) !important;
}
.border-black-alpha-80 {
  border-color: rgba(0,0,0,0.8) !important;
}
.border-black-alpha-90 {
  border-color: rgba(0,0,0,0.9) !important;
}
.hover\:border-black-alpha-10:hover {
  border-color: rgba(0,0,0,0.1) !important;
}
.hover\:border-black-alpha-20:hover {
  border-color: rgba(0,0,0,0.2) !important;
}
.hover\:border-black-alpha-30:hover {
  border-color: rgba(0,0,0,0.3) !important;
}
.hover\:border-black-alpha-40:hover {
  border-color: rgba(0,0,0,0.4) !important;
}
.hover\:border-black-alpha-50:hover {
  border-color: rgba(0,0,0,0.5) !important;
}
.hover\:border-black-alpha-60:hover {
  border-color: rgba(0,0,0,0.6) !important;
}
.hover\:border-black-alpha-70:hover {
  border-color: rgba(0,0,0,0.7) !important;
}
.hover\:border-black-alpha-80:hover {
  border-color: rgba(0,0,0,0.8) !important;
}
.hover\:border-black-alpha-90:hover {
  border-color: rgba(0,0,0,0.9) !important;
}
.focus\:border-black-alpha-10:focus {
  border-color: rgba(0,0,0,0.1) !important;
}
.focus\:border-black-alpha-20:focus {
  border-color: rgba(0,0,0,0.2) !important;
}
.focus\:border-black-alpha-30:focus {
  border-color: rgba(0,0,0,0.3) !important;
}
.focus\:border-black-alpha-40:focus {
  border-color: rgba(0,0,0,0.4) !important;
}
.focus\:border-black-alpha-50:focus {
  border-color: rgba(0,0,0,0.5) !important;
}
.focus\:border-black-alpha-60:focus {
  border-color: rgba(0,0,0,0.6) !important;
}
.focus\:border-black-alpha-70:focus {
  border-color: rgba(0,0,0,0.7) !important;
}
.focus\:border-black-alpha-80:focus {
  border-color: rgba(0,0,0,0.8) !important;
}
.focus\:border-black-alpha-90:focus {
  border-color: rgba(0,0,0,0.9) !important;
}
.active\:border-black-alpha-10:active {
  border-color: rgba(0,0,0,0.1) !important;
}
.active\:border-black-alpha-20:active {
  border-color: rgba(0,0,0,0.2) !important;
}
.active\:border-black-alpha-30:active {
  border-color: rgba(0,0,0,0.3) !important;
}
.active\:border-black-alpha-40:active {
  border-color: rgba(0,0,0,0.4) !important;
}
.active\:border-black-alpha-50:active {
  border-color: rgba(0,0,0,0.5) !important;
}
.active\:border-black-alpha-60:active {
  border-color: rgba(0,0,0,0.6) !important;
}
.active\:border-black-alpha-70:active {
  border-color: rgba(0,0,0,0.7) !important;
}
.active\:border-black-alpha-80:active {
  border-color: rgba(0,0,0,0.8) !important;
}
.active\:border-black-alpha-90:active {
  border-color: rgba(0,0,0,0.9) !important;
}
.text-white-alpha-10 {
  color: rgba(255,255,255,0.1) !important;
}
.text-white-alpha-20 {
  color: rgba(255,255,255,0.2) !important;
}
.text-white-alpha-30 {
  color: rgba(255,255,255,0.3) !important;
}
.text-white-alpha-40 {
  color: rgba(255,255,255,0.4) !important;
}
.text-white-alpha-50 {
  color: rgba(255,255,255,0.5) !important;
}
.text-white-alpha-60 {
  color: rgba(255,255,255,0.6) !important;
}
.text-white-alpha-70 {
  color: rgba(255,255,255,0.7) !important;
}
.text-white-alpha-80 {
  color: rgba(255,255,255,0.8) !important;
}
.text-white-alpha-90 {
  color: rgba(255,255,255,0.9) !important;
}
.hover\:text-white-alpha-10:hover {
  color: rgba(255,255,255,0.1) !important;
}
.hover\:text-white-alpha-20:hover {
  color: rgba(255,255,255,0.2) !important;
}
.hover\:text-white-alpha-30:hover {
  color: rgba(255,255,255,0.3) !important;
}
.hover\:text-white-alpha-40:hover {
  color: rgba(255,255,255,0.4) !important;
}
.hover\:text-white-alpha-50:hover {
  color: rgba(255,255,255,0.5) !important;
}
.hover\:text-white-alpha-60:hover {
  color: rgba(255,255,255,0.6) !important;
}
.hover\:text-white-alpha-70:hover {
  color: rgba(255,255,255,0.7) !important;
}
.hover\:text-white-alpha-80:hover {
  color: rgba(255,255,255,0.8) !important;
}
.hover\:text-white-alpha-90:hover {
  color: rgba(255,255,255,0.9) !important;
}
.focus\:text-white-alpha-10:focus {
  color: rgba(255,255,255,0.1) !important;
}
.focus\:text-white-alpha-20:focus {
  color: rgba(255,255,255,0.2) !important;
}
.focus\:text-white-alpha-30:focus {
  color: rgba(255,255,255,0.3) !important;
}
.focus\:text-white-alpha-40:focus {
  color: rgba(255,255,255,0.4) !important;
}
.focus\:text-white-alpha-50:focus {
  color: rgba(255,255,255,0.5) !important;
}
.focus\:text-white-alpha-60:focus {
  color: rgba(255,255,255,0.6) !important;
}
.focus\:text-white-alpha-70:focus {
  color: rgba(255,255,255,0.7) !important;
}
.focus\:text-white-alpha-80:focus {
  color: rgba(255,255,255,0.8) !important;
}
.focus\:text-white-alpha-90:focus {
  color: rgba(255,255,255,0.9) !important;
}
.active\:text-white-alpha-10:active {
  color: rgba(255,255,255,0.1) !important;
}
.active\:text-white-alpha-20:active {
  color: rgba(255,255,255,0.2) !important;
}
.active\:text-white-alpha-30:active {
  color: rgba(255,255,255,0.3) !important;
}
.active\:text-white-alpha-40:active {
  color: rgba(255,255,255,0.4) !important;
}
.active\:text-white-alpha-50:active {
  color: rgba(255,255,255,0.5) !important;
}
.active\:text-white-alpha-60:active {
  color: rgba(255,255,255,0.6) !important;
}
.active\:text-white-alpha-70:active {
  color: rgba(255,255,255,0.7) !important;
}
.active\:text-white-alpha-80:active {
  color: rgba(255,255,255,0.8) !important;
}
.active\:text-white-alpha-90:active {
  color: rgba(255,255,255,0.9) !important;
}
.text-black-alpha-10 {
  color: rgba(0,0,0,0.1) !important;
}
.text-black-alpha-20 {
  color: rgba(0,0,0,0.2) !important;
}
.text-black-alpha-30 {
  color: rgba(0,0,0,0.3) !important;
}
.text-black-alpha-40 {
  color: rgba(0,0,0,0.4) !important;
}
.text-black-alpha-50 {
  color: rgba(0,0,0,0.5) !important;
}
.text-black-alpha-60 {
  color: rgba(0,0,0,0.6) !important;
}
.text-black-alpha-70 {
  color: rgba(0,0,0,0.7) !important;
}
.text-black-alpha-80 {
  color: rgba(0,0,0,0.8) !important;
}
.text-black-alpha-90 {
  color: rgba(0,0,0,0.9) !important;
}
.hover\:text-black-alpha-10:hover {
  color: rgba(0,0,0,0.1) !important;
}
.hover\:text-black-alpha-20:hover {
  color: rgba(0,0,0,0.2) !important;
}
.hover\:text-black-alpha-30:hover {
  color: rgba(0,0,0,0.3) !important;
}
.hover\:text-black-alpha-40:hover {
  color: rgba(0,0,0,0.4) !important;
}
.hover\:text-black-alpha-50:hover {
  color: rgba(0,0,0,0.5) !important;
}
.hover\:text-black-alpha-60:hover {
  color: rgba(0,0,0,0.6) !important;
}
.hover\:text-black-alpha-70:hover {
  color: rgba(0,0,0,0.7) !important;
}
.hover\:text-black-alpha-80:hover {
  color: rgba(0,0,0,0.8) !important;
}
.hover\:text-black-alpha-90:hover {
  color: rgba(0,0,0,0.9) !important;
}
.focus\:text-black-alpha-10:focus {
  color: rgba(0,0,0,0.1) !important;
}
.focus\:text-black-alpha-20:focus {
  color: rgba(0,0,0,0.2) !important;
}
.focus\:text-black-alpha-30:focus {
  color: rgba(0,0,0,0.3) !important;
}
.focus\:text-black-alpha-40:focus {
  color: rgba(0,0,0,0.4) !important;
}
.focus\:text-black-alpha-50:focus {
  color: rgba(0,0,0,0.5) !important;
}
.focus\:text-black-alpha-60:focus {
  color: rgba(0,0,0,0.6) !important;
}
.focus\:text-black-alpha-70:focus {
  color: rgba(0,0,0,0.7) !important;
}
.focus\:text-black-alpha-80:focus {
  color: rgba(0,0,0,0.8) !important;
}
.focus\:text-black-alpha-90:focus {
  color: rgba(0,0,0,0.9) !important;
}
.active\:text-black-alpha-10:active {
  color: rgba(0,0,0,0.1) !important;
}
.active\:text-black-alpha-20:active {
  color: rgba(0,0,0,0.2) !important;
}
.active\:text-black-alpha-30:active {
  color: rgba(0,0,0,0.3) !important;
}
.active\:text-black-alpha-40:active {
  color: rgba(0,0,0,0.4) !important;
}
.active\:text-black-alpha-50:active {
  color: rgba(0,0,0,0.5) !important;
}
.active\:text-black-alpha-60:active {
  color: rgba(0,0,0,0.6) !important;
}
.active\:text-black-alpha-70:active {
  color: rgba(0,0,0,0.7) !important;
}
.active\:text-black-alpha-80:active {
  color: rgba(0,0,0,0.8) !important;
}
.active\:text-black-alpha-90:active {
  color: rgba(0,0,0,0.9) !important;
}
.text-primary {
  color: var(--primary-color) !important;
}
.bg-primary {
  color: var(--primary-color-text) !important;
  background-color: var(--primary-color) !important;
}
.bg-primary-reverse {
  color: var(--primary-color) !important;
  background-color: var(--primary-color-text) !important;
}
.bg-white {
  background-color: #ffffff !important;
}
.border-primary {
  border-color: var(--primary-color) !important;
}
.text-white {
  color: #ffffff !important;
}
.border-white {
  border-color: #ffffff !important;
}
.text-color {
  color: var(--text-color) !important;
}
.text-color-secondary {
  color: var(--text-color-secondary) !important;
}
.surface-ground {
  background-color: var(--surface-ground) !important;
}
.surface-section {
  background-color: var(--surface-section) !important;
}
.surface-card {
  background-color: var(--surface-card) !important;
}
.surface-overlay {
  background-color: var(--surface-overlay) !important;
}
.surface-hover {
  background-color: var(--surface-hover) !important;
}
.surface-border {
  border-color: var(--surface-border) !important;
}
.focus\:text-primary:focus {
  color: var(--primary-color) !important;
}
.hover\:text-primary:hover {
  color: var(--primary-color) !important;
}
.active\:text-primary:active {
  color: var(--primary-color) !important;
}
.focus\:bg-primary:focus {
  color: var(--primary-color-text) !important;
  background-color: var(--primary-color) !important;
}
.hover\:bg-primary:hover {
  color: var(--primary-color-text) !important;
  background-color: var(--primary-color) !important;
}
.active\:bg-primary:active {
  color: var(--primary-color-text) !important;
  background-color: var(--primary-color) !important;
}
.focus\:bg-primary-reverse:focus {
  color: var(--primary-color) !important;
  background-color: var(--primary-color-text) !important;
}
.hover\:bg-primary-reverse:hover {
  color: var(--primary-color) !important;
  background-color: var(--primary-color-text) !important;
}
.active\:bg-primary-reverse:active {
  color: var(--primary-color) !important;
  background-color: var(--primary-color-text) !important;
}
.focus\:bg-white:focus {
  background-color: #ffffff !important;
}
.hover\:bg-white:hover {
  background-color: #ffffff !important;
}
.active\:bg-white:active {
  background-color: #ffffff !important;
}
.focus\:border-primary:focus {
  border-color: var(--primary-color) !important;
}
.hover\:border-primary:hover {
  border-color: var(--primary-color) !important;
}
.active\:border-primary:active {
  border-color: var(--primary-color) !important;
}
.focus\:text-white:focus {
  color: #ffffff !important;
}
.hover\:text-white:hover {
  color: #ffffff !important;
}
.active\:text-white:active {
  color: #ffffff !important;
}
.focus\:border-white:focus {
  border-color: #ffffff !important;
}
.hover\:border-white:hover {
  border-color: #ffffff !important;
}
.active\:border-white:active {
  border-color: #ffffff !important;
}
.focus\:text-color:focus {
  color: var(--text-color) !important;
}
.hover\:text-color:hover {
  color: var(--text-color) !important;
}
.active\:text-color:active {
  color: var(--text-color) !important;
}
.focus\:text-color-secondary:focus {
  color: var(--text-color-secondary) !important;
}
.hover\:text-color-secondary:hover {
  color: var(--text-color-secondary) !important;
}
.active\:text-color-secondary:active {
  color: var(--text-color-secondary) !important;
}
.focus\:surface-ground:focus {
  background-color: var(--surface-ground) !important;
}
.hover\:surface-ground:hover {
  background-color: var(--surface-ground) !important;
}
.active\:surface-ground:active {
  background-color: var(--surface-ground) !important;
}
.focus\:surface-section:focus {
  background-color: var(--surface-section) !important;
}
.hover\:surface-section:hover {
  background-color: var(--surface-section) !important;
}
.active\:surface-section:active {
  background-color: var(--surface-section) !important;
}
.focus\:surface-card:focus {
  background-color: var(--surface-card) !important;
}
.hover\:surface-card:hover {
  background-color: var(--surface-card) !important;
}
.active\:surface-card:active {
  background-color: var(--surface-card) !important;
}
.focus\:surface-overlay:focus {
  background-color: var(--surface-overlay) !important;
}
.hover\:surface-overlay:hover {
  background-color: var(--surface-overlay) !important;
}
.active\:surface-overlay:active {
  background-color: var(--surface-overlay) !important;
}
.focus\:surface-hover:focus {
  background-color: var(--surface-hover) !important;
}
.hover\:surface-hover:hover {
  background-color: var(--surface-hover) !important;
}
.active\:surface-hover:active {
  background-color: var(--surface-hover) !important;
}
.focus\:surface-border:focus {
  border-color: var(--surface-border) !important;
}
.hover\:surface-border:hover {
  border-color: var(--surface-border) !important;
}
.active\:surface-border:active {
  border-color: var(--surface-border) !important;
}
@media screen and (min-width: 576px) {
  .sm\:text-primary {
    color: var(--primary-color) !important;
  }
  .sm\:bg-primary {
    color: var(--primary-color-text) !important;
    background-color: var(--primary-color) !important;
  }
  .sm\:bg-primary-reverse {
    color: var(--primary-color) !important;
    background-color: var(--primary-color-text) !important;
  }
  .sm\:bg-white {
    background-color: #ffffff !important;
  }
  .sm\:border-primary {
    border-color: var(--primary-color) !important;
  }
  .sm\:text-white {
    color: #ffffff !important;
  }
  .sm\:border-white {
    border-color: #ffffff !important;
  }
  .sm\:text-color {
    color: var(--text-color) !important;
  }
  .sm\:text-color-secondary {
    color: var(--text-color-secondary) !important;
  }
  .sm\:surface-ground {
    background-color: var(--surface-ground) !important;
  }
  .sm\:surface-section {
    background-color: var(--surface-section) !important;
  }
  .sm\:surface-card {
    background-color: var(--surface-card) !important;
  }
  .sm\:surface-overlay {
    background-color: var(--surface-overlay) !important;
  }
  .sm\:surface-hover {
    background-color: var(--surface-hover) !important;
  }
  .sm\:surface-border {
    border-color: var(--surface-border) !important;
  }
  .sm\:focus\:text-primary:focus {
    color: var(--primary-color) !important;
  }
  .sm\:hover\:text-primary:hover {
    color: var(--primary-color) !important;
  }
  .sm\:active\:text-primary:active {
    color: var(--primary-color) !important;
  }
  .sm\:focus\:bg-primary:focus {
    color: var(--primary-color-text) !important;
    background-color: var(--primary-color) !important;
  }
  .sm\:hover\:bg-primary:hover {
    color: var(--primary-color-text) !important;
    background-color: var(--primary-color) !important;
  }
  .sm\:active\:bg-primary:active {
    color: var(--primary-color-text) !important;
    background-color: var(--primary-color) !important;
  }
  .sm\:focus\:bg-primary-reverse:focus {
    color: var(--primary-color) !important;
    background-color: var(--primary-color-text) !important;
  }
  .sm\:hover\:bg-primary-reverse:hover {
    color: var(--primary-color) !important;
    background-color: var(--primary-color-text) !important;
  }
  .sm\:active\:bg-primary-reverse:active {
    color: var(--primary-color) !important;
    background-color: var(--primary-color-text) !important;
  }
  .sm\:focus\:bg-white:focus {
    background-color: #ffffff !important;
  }
  .sm\:hover\:bg-white:hover {
    background-color: #ffffff !important;
  }
  .sm\:active\:bg-white:active {
    background-color: #ffffff !important;
  }
  .sm\:focus\:border-primary:focus {
    border-color: var(--primary-color) !important;
  }
  .sm\:hover\:border-primary:hover {
    border-color: var(--primary-color) !important;
  }
  .sm\:active\:border-primary:active {
    border-color: var(--primary-color) !important;
  }
  .sm\:focus\:text-white:focus {
    color: #ffffff !important;
  }
  .sm\:hover\:text-white:hover {
    color: #ffffff !important;
  }
  .sm\:active\:text-white:active {
    color: #ffffff !important;
  }
  .sm\:focus\:border-white:focus {
    border-color: #ffffff !important;
  }
  .sm\:hover\:border-white:hover {
    border-color: #ffffff !important;
  }
  .sm\:active\:border-white:active {
    border-color: #ffffff !important;
  }
  .sm\:focus\:text-color:focus {
    color: var(--text-color) !important;
  }
  .sm\:hover\:text-color:hover {
    color: var(--text-color) !important;
  }
  .sm\:active\:text-color:active {
    color: var(--text-color) !important;
  }
  .sm\:focus\:text-color-secondary:focus {
    color: var(--text-color-secondary) !important;
  }
  .sm\:hover\:text-color-secondary:hover {
    color: var(--text-color-secondary) !important;
  }
  .sm\:active\:text-color-secondary:active {
    color: var(--text-color-secondary) !important;
  }
  .sm\:focus\:surface-ground:focus {
    background-color: var(--surface-ground) !important;
  }
  .sm\:hover\:surface-ground:hover {
    background-color: var(--surface-ground) !important;
  }
  .sm\:active\:surface-ground:active {
    background-color: var(--surface-ground) !important;
  }
  .sm\:focus\:surface-section:focus {
    background-color: var(--surface-section) !important;
  }
  .sm\:hover\:surface-section:hover {
    background-color: var(--surface-section) !important;
  }
  .sm\:active\:surface-section:active {
    background-color: var(--surface-section) !important;
  }
  .sm\:focus\:surface-card:focus {
    background-color: var(--surface-card) !important;
  }
  .sm\:hover\:surface-card:hover {
    background-color: var(--surface-card) !important;
  }
  .sm\:active\:surface-card:active {
    background-color: var(--surface-card) !important;
  }
  .sm\:focus\:surface-overlay:focus {
    background-color: var(--surface-overlay) !important;
  }
  .sm\:hover\:surface-overlay:hover {
    background-color: var(--surface-overlay) !important;
  }
  .sm\:active\:surface-overlay:active {
    background-color: var(--surface-overlay) !important;
  }
  .sm\:focus\:surface-hover:focus {
    background-color: var(--surface-hover) !important;
  }
  .sm\:hover\:surface-hover:hover {
    background-color: var(--surface-hover) !important;
  }
  .sm\:active\:surface-hover:active {
    background-color: var(--surface-hover) !important;
  }
  .sm\:focus\:surface-border:focus {
    border-color: var(--surface-border) !important;
  }
  .sm\:hover\:surface-border:hover {
    border-color: var(--surface-border) !important;
  }
  .sm\:active\:surface-border:active {
    border-color: var(--surface-border) !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:text-primary {
    color: var(--primary-color) !important;
  }
  .md\:bg-primary {
    color: var(--primary-color-text) !important;
    background-color: var(--primary-color) !important;
  }
  .md\:bg-primary-reverse {
    color: var(--primary-color) !important;
    background-color: var(--primary-color-text) !important;
  }
  .md\:bg-white {
    background-color: #ffffff !important;
  }
  .md\:border-primary {
    border-color: var(--primary-color) !important;
  }
  .md\:text-white {
    color: #ffffff !important;
  }
  .md\:border-white {
    border-color: #ffffff !important;
  }
  .md\:text-color {
    color: var(--text-color) !important;
  }
  .md\:text-color-secondary {
    color: var(--text-color-secondary) !important;
  }
  .md\:surface-ground {
    background-color: var(--surface-ground) !important;
  }
  .md\:surface-section {
    background-color: var(--surface-section) !important;
  }
  .md\:surface-card {
    background-color: var(--surface-card) !important;
  }
  .md\:surface-overlay {
    background-color: var(--surface-overlay) !important;
  }
  .md\:surface-hover {
    background-color: var(--surface-hover) !important;
  }
  .md\:surface-border {
    border-color: var(--surface-border) !important;
  }
  .md\:focus\:text-primary:focus {
    color: var(--primary-color) !important;
  }
  .md\:hover\:text-primary:hover {
    color: var(--primary-color) !important;
  }
  .md\:active\:text-primary:active {
    color: var(--primary-color) !important;
  }
  .md\:focus\:bg-primary:focus {
    color: var(--primary-color-text) !important;
    background-color: var(--primary-color) !important;
  }
  .md\:hover\:bg-primary:hover {
    color: var(--primary-color-text) !important;
    background-color: var(--primary-color) !important;
  }
  .md\:active\:bg-primary:active {
    color: var(--primary-color-text) !important;
    background-color: var(--primary-color) !important;
  }
  .md\:focus\:bg-primary-reverse:focus {
    color: var(--primary-color) !important;
    background-color: var(--primary-color-text) !important;
  }
  .md\:hover\:bg-primary-reverse:hover {
    color: var(--primary-color) !important;
    background-color: var(--primary-color-text) !important;
  }
  .md\:active\:bg-primary-reverse:active {
    color: var(--primary-color) !important;
    background-color: var(--primary-color-text) !important;
  }
  .md\:focus\:bg-white:focus {
    background-color: #ffffff !important;
  }
  .md\:hover\:bg-white:hover {
    background-color: #ffffff !important;
  }
  .md\:active\:bg-white:active {
    background-color: #ffffff !important;
  }
  .md\:focus\:border-primary:focus {
    border-color: var(--primary-color) !important;
  }
  .md\:hover\:border-primary:hover {
    border-color: var(--primary-color) !important;
  }
  .md\:active\:border-primary:active {
    border-color: var(--primary-color) !important;
  }
  .md\:focus\:text-white:focus {
    color: #ffffff !important;
  }
  .md\:hover\:text-white:hover {
    color: #ffffff !important;
  }
  .md\:active\:text-white:active {
    color: #ffffff !important;
  }
  .md\:focus\:border-white:focus {
    border-color: #ffffff !important;
  }
  .md\:hover\:border-white:hover {
    border-color: #ffffff !important;
  }
  .md\:active\:border-white:active {
    border-color: #ffffff !important;
  }
  .md\:focus\:text-color:focus {
    color: var(--text-color) !important;
  }
  .md\:hover\:text-color:hover {
    color: var(--text-color) !important;
  }
  .md\:active\:text-color:active {
    color: var(--text-color) !important;
  }
  .md\:focus\:text-color-secondary:focus {
    color: var(--text-color-secondary) !important;
  }
  .md\:hover\:text-color-secondary:hover {
    color: var(--text-color-secondary) !important;
  }
  .md\:active\:text-color-secondary:active {
    color: var(--text-color-secondary) !important;
  }
  .md\:focus\:surface-ground:focus {
    background-color: var(--surface-ground) !important;
  }
  .md\:hover\:surface-ground:hover {
    background-color: var(--surface-ground) !important;
  }
  .md\:active\:surface-ground:active {
    background-color: var(--surface-ground) !important;
  }
  .md\:focus\:surface-section:focus {
    background-color: var(--surface-section) !important;
  }
  .md\:hover\:surface-section:hover {
    background-color: var(--surface-section) !important;
  }
  .md\:active\:surface-section:active {
    background-color: var(--surface-section) !important;
  }
  .md\:focus\:surface-card:focus {
    background-color: var(--surface-card) !important;
  }
  .md\:hover\:surface-card:hover {
    background-color: var(--surface-card) !important;
  }
  .md\:active\:surface-card:active {
    background-color: var(--surface-card) !important;
  }
  .md\:focus\:surface-overlay:focus {
    background-color: var(--surface-overlay) !important;
  }
  .md\:hover\:surface-overlay:hover {
    background-color: var(--surface-overlay) !important;
  }
  .md\:active\:surface-overlay:active {
    background-color: var(--surface-overlay) !important;
  }
  .md\:focus\:surface-hover:focus {
    background-color: var(--surface-hover) !important;
  }
  .md\:hover\:surface-hover:hover {
    background-color: var(--surface-hover) !important;
  }
  .md\:active\:surface-hover:active {
    background-color: var(--surface-hover) !important;
  }
  .md\:focus\:surface-border:focus {
    border-color: var(--surface-border) !important;
  }
  .md\:hover\:surface-border:hover {
    border-color: var(--surface-border) !important;
  }
  .md\:active\:surface-border:active {
    border-color: var(--surface-border) !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:text-primary {
    color: var(--primary-color) !important;
  }
  .lg\:bg-primary {
    color: var(--primary-color-text) !important;
    background-color: var(--primary-color) !important;
  }
  .lg\:bg-primary-reverse {
    color: var(--primary-color) !important;
    background-color: var(--primary-color-text) !important;
  }
  .lg\:bg-white {
    background-color: #ffffff !important;
  }
  .lg\:border-primary {
    border-color: var(--primary-color) !important;
  }
  .lg\:text-white {
    color: #ffffff !important;
  }
  .lg\:border-white {
    border-color: #ffffff !important;
  }
  .lg\:text-color {
    color: var(--text-color) !important;
  }
  .lg\:text-color-secondary {
    color: var(--text-color-secondary) !important;
  }
  .lg\:surface-ground {
    background-color: var(--surface-ground) !important;
  }
  .lg\:surface-section {
    background-color: var(--surface-section) !important;
  }
  .lg\:surface-card {
    background-color: var(--surface-card) !important;
  }
  .lg\:surface-overlay {
    background-color: var(--surface-overlay) !important;
  }
  .lg\:surface-hover {
    background-color: var(--surface-hover) !important;
  }
  .lg\:surface-border {
    border-color: var(--surface-border) !important;
  }
  .lg\:focus\:text-primary:focus {
    color: var(--primary-color) !important;
  }
  .lg\:hover\:text-primary:hover {
    color: var(--primary-color) !important;
  }
  .lg\:active\:text-primary:active {
    color: var(--primary-color) !important;
  }
  .lg\:focus\:bg-primary:focus {
    color: var(--primary-color-text) !important;
    background-color: var(--primary-color) !important;
  }
  .lg\:hover\:bg-primary:hover {
    color: var(--primary-color-text) !important;
    background-color: var(--primary-color) !important;
  }
  .lg\:active\:bg-primary:active {
    color: var(--primary-color-text) !important;
    background-color: var(--primary-color) !important;
  }
  .lg\:focus\:bg-primary-reverse:focus {
    color: var(--primary-color) !important;
    background-color: var(--primary-color-text) !important;
  }
  .lg\:hover\:bg-primary-reverse:hover {
    color: var(--primary-color) !important;
    background-color: var(--primary-color-text) !important;
  }
  .lg\:active\:bg-primary-reverse:active {
    color: var(--primary-color) !important;
    background-color: var(--primary-color-text) !important;
  }
  .lg\:focus\:bg-white:focus {
    background-color: #ffffff !important;
  }
  .lg\:hover\:bg-white:hover {
    background-color: #ffffff !important;
  }
  .lg\:active\:bg-white:active {
    background-color: #ffffff !important;
  }
  .lg\:focus\:border-primary:focus {
    border-color: var(--primary-color) !important;
  }
  .lg\:hover\:border-primary:hover {
    border-color: var(--primary-color) !important;
  }
  .lg\:active\:border-primary:active {
    border-color: var(--primary-color) !important;
  }
  .lg\:focus\:text-white:focus {
    color: #ffffff !important;
  }
  .lg\:hover\:text-white:hover {
    color: #ffffff !important;
  }
  .lg\:active\:text-white:active {
    color: #ffffff !important;
  }
  .lg\:focus\:border-white:focus {
    border-color: #ffffff !important;
  }
  .lg\:hover\:border-white:hover {
    border-color: #ffffff !important;
  }
  .lg\:active\:border-white:active {
    border-color: #ffffff !important;
  }
  .lg\:focus\:text-color:focus {
    color: var(--text-color) !important;
  }
  .lg\:hover\:text-color:hover {
    color: var(--text-color) !important;
  }
  .lg\:active\:text-color:active {
    color: var(--text-color) !important;
  }
  .lg\:focus\:text-color-secondary:focus {
    color: var(--text-color-secondary) !important;
  }
  .lg\:hover\:text-color-secondary:hover {
    color: var(--text-color-secondary) !important;
  }
  .lg\:active\:text-color-secondary:active {
    color: var(--text-color-secondary) !important;
  }
  .lg\:focus\:surface-ground:focus {
    background-color: var(--surface-ground) !important;
  }
  .lg\:hover\:surface-ground:hover {
    background-color: var(--surface-ground) !important;
  }
  .lg\:active\:surface-ground:active {
    background-color: var(--surface-ground) !important;
  }
  .lg\:focus\:surface-section:focus {
    background-color: var(--surface-section) !important;
  }
  .lg\:hover\:surface-section:hover {
    background-color: var(--surface-section) !important;
  }
  .lg\:active\:surface-section:active {
    background-color: var(--surface-section) !important;
  }
  .lg\:focus\:surface-card:focus {
    background-color: var(--surface-card) !important;
  }
  .lg\:hover\:surface-card:hover {
    background-color: var(--surface-card) !important;
  }
  .lg\:active\:surface-card:active {
    background-color: var(--surface-card) !important;
  }
  .lg\:focus\:surface-overlay:focus {
    background-color: var(--surface-overlay) !important;
  }
  .lg\:hover\:surface-overlay:hover {
    background-color: var(--surface-overlay) !important;
  }
  .lg\:active\:surface-overlay:active {
    background-color: var(--surface-overlay) !important;
  }
  .lg\:focus\:surface-hover:focus {
    background-color: var(--surface-hover) !important;
  }
  .lg\:hover\:surface-hover:hover {
    background-color: var(--surface-hover) !important;
  }
  .lg\:active\:surface-hover:active {
    background-color: var(--surface-hover) !important;
  }
  .lg\:focus\:surface-border:focus {
    border-color: var(--surface-border) !important;
  }
  .lg\:hover\:surface-border:hover {
    border-color: var(--surface-border) !important;
  }
  .lg\:active\:surface-border:active {
    border-color: var(--surface-border) !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:text-primary {
    color: var(--primary-color) !important;
  }
  .xl\:bg-primary {
    color: var(--primary-color-text) !important;
    background-color: var(--primary-color) !important;
  }
  .xl\:bg-primary-reverse {
    color: var(--primary-color) !important;
    background-color: var(--primary-color-text) !important;
  }
  .xl\:bg-white {
    background-color: #ffffff !important;
  }
  .xl\:border-primary {
    border-color: var(--primary-color) !important;
  }
  .xl\:text-white {
    color: #ffffff !important;
  }
  .xl\:border-white {
    border-color: #ffffff !important;
  }
  .xl\:text-color {
    color: var(--text-color) !important;
  }
  .xl\:text-color-secondary {
    color: var(--text-color-secondary) !important;
  }
  .xl\:surface-ground {
    background-color: var(--surface-ground) !important;
  }
  .xl\:surface-section {
    background-color: var(--surface-section) !important;
  }
  .xl\:surface-card {
    background-color: var(--surface-card) !important;
  }
  .xl\:surface-overlay {
    background-color: var(--surface-overlay) !important;
  }
  .xl\:surface-hover {
    background-color: var(--surface-hover) !important;
  }
  .xl\:surface-border {
    border-color: var(--surface-border) !important;
  }
  .xl\:focus\:text-primary:focus {
    color: var(--primary-color) !important;
  }
  .xl\:hover\:text-primary:hover {
    color: var(--primary-color) !important;
  }
  .xl\:active\:text-primary:active {
    color: var(--primary-color) !important;
  }
  .xl\:focus\:bg-primary:focus {
    color: var(--primary-color-text) !important;
    background-color: var(--primary-color) !important;
  }
  .xl\:hover\:bg-primary:hover {
    color: var(--primary-color-text) !important;
    background-color: var(--primary-color) !important;
  }
  .xl\:active\:bg-primary:active {
    color: var(--primary-color-text) !important;
    background-color: var(--primary-color) !important;
  }
  .xl\:focus\:bg-primary-reverse:focus {
    color: var(--primary-color) !important;
    background-color: var(--primary-color-text) !important;
  }
  .xl\:hover\:bg-primary-reverse:hover {
    color: var(--primary-color) !important;
    background-color: var(--primary-color-text) !important;
  }
  .xl\:active\:bg-primary-reverse:active {
    color: var(--primary-color) !important;
    background-color: var(--primary-color-text) !important;
  }
  .xl\:focus\:bg-white:focus {
    background-color: #ffffff !important;
  }
  .xl\:hover\:bg-white:hover {
    background-color: #ffffff !important;
  }
  .xl\:active\:bg-white:active {
    background-color: #ffffff !important;
  }
  .xl\:focus\:border-primary:focus {
    border-color: var(--primary-color) !important;
  }
  .xl\:hover\:border-primary:hover {
    border-color: var(--primary-color) !important;
  }
  .xl\:active\:border-primary:active {
    border-color: var(--primary-color) !important;
  }
  .xl\:focus\:text-white:focus {
    color: #ffffff !important;
  }
  .xl\:hover\:text-white:hover {
    color: #ffffff !important;
  }
  .xl\:active\:text-white:active {
    color: #ffffff !important;
  }
  .xl\:focus\:border-white:focus {
    border-color: #ffffff !important;
  }
  .xl\:hover\:border-white:hover {
    border-color: #ffffff !important;
  }
  .xl\:active\:border-white:active {
    border-color: #ffffff !important;
  }
  .xl\:focus\:text-color:focus {
    color: var(--text-color) !important;
  }
  .xl\:hover\:text-color:hover {
    color: var(--text-color) !important;
  }
  .xl\:active\:text-color:active {
    color: var(--text-color) !important;
  }
  .xl\:focus\:text-color-secondary:focus {
    color: var(--text-color-secondary) !important;
  }
  .xl\:hover\:text-color-secondary:hover {
    color: var(--text-color-secondary) !important;
  }
  .xl\:active\:text-color-secondary:active {
    color: var(--text-color-secondary) !important;
  }
  .xl\:focus\:surface-ground:focus {
    background-color: var(--surface-ground) !important;
  }
  .xl\:hover\:surface-ground:hover {
    background-color: var(--surface-ground) !important;
  }
  .xl\:active\:surface-ground:active {
    background-color: var(--surface-ground) !important;
  }
  .xl\:focus\:surface-section:focus {
    background-color: var(--surface-section) !important;
  }
  .xl\:hover\:surface-section:hover {
    background-color: var(--surface-section) !important;
  }
  .xl\:active\:surface-section:active {
    background-color: var(--surface-section) !important;
  }
  .xl\:focus\:surface-card:focus {
    background-color: var(--surface-card) !important;
  }
  .xl\:hover\:surface-card:hover {
    background-color: var(--surface-card) !important;
  }
  .xl\:active\:surface-card:active {
    background-color: var(--surface-card) !important;
  }
  .xl\:focus\:surface-overlay:focus {
    background-color: var(--surface-overlay) !important;
  }
  .xl\:hover\:surface-overlay:hover {
    background-color: var(--surface-overlay) !important;
  }
  .xl\:active\:surface-overlay:active {
    background-color: var(--surface-overlay) !important;
  }
  .xl\:focus\:surface-hover:focus {
    background-color: var(--surface-hover) !important;
  }
  .xl\:hover\:surface-hover:hover {
    background-color: var(--surface-hover) !important;
  }
  .xl\:active\:surface-hover:active {
    background-color: var(--surface-hover) !important;
  }
  .xl\:focus\:surface-border:focus {
    border-color: var(--surface-border) !important;
  }
  .xl\:hover\:surface-border:hover {
    border-color: var(--surface-border) !important;
  }
  .xl\:active\:surface-border:active {
    border-color: var(--surface-border) !important;
  }
}
.field {
  margin-bottom: 1rem;
}
.field > label {
  display: inline-block;
  margin-bottom: 0.5rem;
}
.field.grid > label {
  display: flex;
  align-items: center;
}
.field > small {
  margin-top: 0.25rem;
}
.field.grid,
.formgrid.grid {
  margin-top: 0;
}
.field.grid .col-fixed,
.formgrid.grid .col-fixed,
.field.grid .col,
.formgrid.grid .col,
.field.grid .col-1,
.formgrid.grid .col-1,
.field.grid .col-2,
.formgrid.grid .col-2,
.field.grid .col-3,
.formgrid.grid .col-3,
.field.grid .col-4,
.formgrid.grid .col-4,
.field.grid .col-5,
.formgrid.grid .col-5,
.field.grid .col-6,
.formgrid.grid .col-6,
.field.grid .col-7,
.formgrid.grid .col-7,
.field.grid .col-8,
.formgrid.grid .col-8,
.field.grid .col-9,
.formgrid.grid .col-9,
.field.grid .col-10,
.formgrid.grid .col-10,
.field.grid .col-11,
.formgrid.grid .col-11,
.field.grid .col-12,
.formgrid.grid .col-12 {
  padding-top: 0;
  padding-bottom: 0;
}
.formgroup-inline {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}
.formgroup-inline .field,
.formgroup-inline .field-checkbox,
.formgroup-inline .field-radiobutton {
  margin-right: 1rem;
}
.formgroup-inline .field > label,
.formgroup-inline .field-checkbox > label,
.formgroup-inline .field-radiobutton > label {
  margin-right: 0.5rem;
  margin-bottom: 0;
}
.field-checkbox,
.field-radiobutton {
  margin-bottom: 1rem;
  display: flex;
  align-items: center;
}
.field-checkbox > label,
.field-radiobutton > label {
  margin-left: 0.5rem;
  line-height: 1;
}
.hidden {
  display: none !important;
}
.block {
  display: block !important;
}
.inline {
  display: inline !important;
}
.inline-block {
  display: inline-block !important;
}
.flex {
  display: flex !important;
}
.inline-flex {
  display: inline-flex !important;
}
@media screen and (min-width: 576px) {
  .sm\:hidden {
    display: none !important;
  }
  .sm\:block {
    display: block !important;
  }
  .sm\:inline {
    display: inline !important;
  }
  .sm\:inline-block {
    display: inline-block !important;
  }
  .sm\:flex {
    display: flex !important;
  }
  .sm\:inline-flex {
    display: inline-flex !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:hidden {
    display: none !important;
  }
  .md\:block {
    display: block !important;
  }
  .md\:inline {
    display: inline !important;
  }
  .md\:inline-block {
    display: inline-block !important;
  }
  .md\:flex {
    display: flex !important;
  }
  .md\:inline-flex {
    display: inline-flex !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:hidden {
    display: none !important;
  }
  .lg\:block {
    display: block !important;
  }
  .lg\:inline {
    display: inline !important;
  }
  .lg\:inline-block {
    display: inline-block !important;
  }
  .lg\:flex {
    display: flex !important;
  }
  .lg\:inline-flex {
    display: inline-flex !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:hidden {
    display: none !important;
  }
  .xl\:block {
    display: block !important;
  }
  .xl\:inline {
    display: inline !important;
  }
  .xl\:inline-block {
    display: inline-block !important;
  }
  .xl\:flex {
    display: flex !important;
  }
  .xl\:inline-flex {
    display: inline-flex !important;
  }
}
.text-center {
  text-align: center !important;
}
.text-justify {
  text-align: justify !important;
}
.text-left {
  text-align: left !important;
}
.text-right {
  text-align: right !important;
}
@media screen and (min-width: 576px) {
  .sm\:text-center {
    text-align: center !important;
  }
  .sm\:text-justify {
    text-align: justify !important;
  }
  .sm\:text-left {
    text-align: left !important;
  }
  .sm\:text-right {
    text-align: right !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:text-center {
    text-align: center !important;
  }
  .md\:text-justify {
    text-align: justify !important;
  }
  .md\:text-left {
    text-align: left !important;
  }
  .md\:text-right {
    text-align: right !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:text-center {
    text-align: center !important;
  }
  .lg\:text-justify {
    text-align: justify !important;
  }
  .lg\:text-left {
    text-align: left !important;
  }
  .lg\:text-right {
    text-align: right !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:text-center {
    text-align: center !important;
  }
  .xl\:text-justify {
    text-align: justify !important;
  }
  .xl\:text-left {
    text-align: left !important;
  }
  .xl\:text-right {
    text-align: right !important;
  }
}
.underline {
  text-decoration: underline !important;
}
.line-through {
  text-decoration: line-through !important;
}
.no-underline {
  text-decoration: none !important;
}
.focus\:underline:focus {
  text-decoration: underline !important;
}
.hover\:underline:hover {
  text-decoration: underline !important;
}
.active\:underline:active {
  text-decoration: underline !important;
}
.focus\:line-through:focus {
  text-decoration: line-through !important;
}
.hover\:line-through:hover {
  text-decoration: line-through !important;
}
.active\:line-through:active {
  text-decoration: line-through !important;
}
.focus\:no-underline:focus {
  text-decoration: none !important;
}
.hover\:no-underline:hover {
  text-decoration: none !important;
}
.active\:no-underline:active {
  text-decoration: none !important;
}
.lowercase {
  text-transform: lowercase !important;
}
.uppercase {
  text-transform: uppercase !important;
}
.capitalize {
  text-transform: capitalize !important;
}
.text-overflow-clip {
  text-overflow: clip !important;
}
.text-overflow-ellipsis {
  text-overflow: ellipsis !important;
}
@media screen and (min-width: 576px) {
  .sm\:text-overflow-clip {
    text-overflow: clip !important;
  }
  .sm\:text-overflow-ellipsis {
    text-overflow: ellipsis !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:text-overflow-clip {
    text-overflow: clip !important;
  }
  .md\:text-overflow-ellipsis {
    text-overflow: ellipsis !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:text-overflow-clip {
    text-overflow: clip !important;
  }
  .lg\:text-overflow-ellipsis {
    text-overflow: ellipsis !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:text-overflow-clip {
    text-overflow: clip !important;
  }
  .xl\:text-overflow-ellipsis {
    text-overflow: ellipsis !important;
  }
}
.font-light {
  font-weight: 300 !important;
}
.font-normal {
  font-weight: 400 !important;
}
.font-medium {
  font-weight: 500 !important;
}
.font-semibold {
  font-weight: 600 !important;
}
.font-bold {
  font-weight: 700 !important;
}
@media screen and (min-width: 576px) {
  .sm\:font-light {
    font-weight: 300 !important;
  }
  .sm\:font-normal {
    font-weight: 400 !important;
  }
  .sm\:font-medium {
    font-weight: 500 !important;
  }
  .sm\:font-semibold {
    font-weight: 600 !important;
  }
  .sm\:font-bold {
    font-weight: 700 !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:font-light {
    font-weight: 300 !important;
  }
  .md\:font-normal {
    font-weight: 400 !important;
  }
  .md\:font-medium {
    font-weight: 500 !important;
  }
  .md\:font-semibold {
    font-weight: 600 !important;
  }
  .md\:font-bold {
    font-weight: 700 !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:font-light {
    font-weight: 300 !important;
  }
  .lg\:font-normal {
    font-weight: 400 !important;
  }
  .lg\:font-medium {
    font-weight: 500 !important;
  }
  .lg\:font-semibold {
    font-weight: 600 !important;
  }
  .lg\:font-bold {
    font-weight: 700 !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:font-light {
    font-weight: 300 !important;
  }
  .xl\:font-normal {
    font-weight: 400 !important;
  }
  .xl\:font-medium {
    font-weight: 500 !important;
  }
  .xl\:font-semibold {
    font-weight: 600 !important;
  }
  .xl\:font-bold {
    font-weight: 700 !important;
  }
}
.font-italic {
  font-style: italic !important;
}
.text-xs {
  font-size: 0.75rem !important;
}
.text-sm {
  font-size: 0.875rem !important;
}
.text-base {
  font-size: 1rem !important;
}
.text-lg {
  font-size: 1.125rem !important;
}
.text-xl {
  font-size: 1.25rem !important;
}
.text-2xl {
  font-size: 1.5rem !important;
}
.text-3xl {
  font-size: 1.75rem !important;
}
.text-4xl {
  font-size: 2rem !important;
}
.text-5xl {
  font-size: 2.5rem !important;
}
.text-6xl {
  font-size: 3rem !important;
}
.text-7xl {
  font-size: 4rem !important;
}
.text-8xl {
  font-size: 6rem !important;
}
@media screen and (min-width: 576px) {
  .sm\:text-xs {
    font-size: 0.75rem !important;
  }
  .sm\:text-sm {
    font-size: 0.875rem !important;
  }
  .sm\:text-base {
    font-size: 1rem !important;
  }
  .sm\:text-lg {
    font-size: 1.125rem !important;
  }
  .sm\:text-xl {
    font-size: 1.25rem !important;
  }
  .sm\:text-2xl {
    font-size: 1.5rem !important;
  }
  .sm\:text-3xl {
    font-size: 1.75rem !important;
  }
  .sm\:text-4xl {
    font-size: 2rem !important;
  }
  .sm\:text-5xl {
    font-size: 2.5rem !important;
  }
  .sm\:text-6xl {
    font-size: 3rem !important;
  }
  .sm\:text-7xl {
    font-size: 4rem !important;
  }
  .sm\:text-8xl {
    font-size: 6rem !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:text-xs {
    font-size: 0.75rem !important;
  }
  .md\:text-sm {
    font-size: 0.875rem !important;
  }
  .md\:text-base {
    font-size: 1rem !important;
  }
  .md\:text-lg {
    font-size: 1.125rem !important;
  }
  .md\:text-xl {
    font-size: 1.25rem !important;
  }
  .md\:text-2xl {
    font-size: 1.5rem !important;
  }
  .md\:text-3xl {
    font-size: 1.75rem !important;
  }
  .md\:text-4xl {
    font-size: 2rem !important;
  }
  .md\:text-5xl {
    font-size: 2.5rem !important;
  }
  .md\:text-6xl {
    font-size: 3rem !important;
  }
  .md\:text-7xl {
    font-size: 4rem !important;
  }
  .md\:text-8xl {
    font-size: 6rem !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:text-xs {
    font-size: 0.75rem !important;
  }
  .lg\:text-sm {
    font-size: 0.875rem !important;
  }
  .lg\:text-base {
    font-size: 1rem !important;
  }
  .lg\:text-lg {
    font-size: 1.125rem !important;
  }
  .lg\:text-xl {
    font-size: 1.25rem !important;
  }
  .lg\:text-2xl {
    font-size: 1.5rem !important;
  }
  .lg\:text-3xl {
    font-size: 1.75rem !important;
  }
  .lg\:text-4xl {
    font-size: 2rem !important;
  }
  .lg\:text-5xl {
    font-size: 2.5rem !important;
  }
  .lg\:text-6xl {
    font-size: 3rem !important;
  }
  .lg\:text-7xl {
    font-size: 4rem !important;
  }
  .lg\:text-8xl {
    font-size: 6rem !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:text-xs {
    font-size: 0.75rem !important;
  }
  .xl\:text-sm {
    font-size: 0.875rem !important;
  }
  .xl\:text-base {
    font-size: 1rem !important;
  }
  .xl\:text-lg {
    font-size: 1.125rem !important;
  }
  .xl\:text-xl {
    font-size: 1.25rem !important;
  }
  .xl\:text-2xl {
    font-size: 1.5rem !important;
  }
  .xl\:text-3xl {
    font-size: 1.75rem !important;
  }
  .xl\:text-4xl {
    font-size: 2rem !important;
  }
  .xl\:text-5xl {
    font-size: 2.5rem !important;
  }
  .xl\:text-6xl {
    font-size: 3rem !important;
  }
  .xl\:text-7xl {
    font-size: 4rem !important;
  }
  .xl\:text-8xl {
    font-size: 6rem !important;
  }
}
.line-height-1 {
  line-height: 1 !important;
}
.line-height-2 {
  line-height: 1.25 !important;
}
.line-height-3 {
  line-height: 1.5 !important;
}
.line-height-4 {
  line-height: 2 !important;
}
.white-space-normal {
  white-space: normal !important;
}
.white-space-nowrap {
  white-space: nowrap !important;
}
.vertical-align-baseline {
  vertical-align: baseline !important;
}
.vertical-align-top {
  vertical-align: top !important;
}
.vertical-align-middle {
  vertical-align: middle !important;
}
.vertical-align-bottom {
  vertical-align: bottom !important;
}
.vertical-align-text-top {
  vertical-align: text-top !important;
}
.vertical-align-text-bottom {
  vertical-align: text-bottom !important;
}
.vertical-align-sub {
  vertical-align: sub !important;
}
.vertical-align-super {
  vertical-align: super !important;
}
@media screen and (min-width: 576px) {
  .sm\:vertical-align-baseline {
    vertical-align: baseline !important;
  }
  .sm\:vertical-align-top {
    vertical-align: top !important;
  }
  .sm\:vertical-align-middle {
    vertical-align: middle !important;
  }
  .sm\:vertical-align-bottom {
    vertical-align: bottom !important;
  }
  .sm\:vertical-align-text-top {
    vertical-align: text-top !important;
  }
  .sm\:vertical-align-text-bottom {
    vertical-align: text-bottom !important;
  }
  .sm\:vertical-align-sub {
    vertical-align: sub !important;
  }
  .sm\:vertical-align-super {
    vertical-align: super !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:vertical-align-baseline {
    vertical-align: baseline !important;
  }
  .md\:vertical-align-top {
    vertical-align: top !important;
  }
  .md\:vertical-align-middle {
    vertical-align: middle !important;
  }
  .md\:vertical-align-bottom {
    vertical-align: bottom !important;
  }
  .md\:vertical-align-text-top {
    vertical-align: text-top !important;
  }
  .md\:vertical-align-text-bottom {
    vertical-align: text-bottom !important;
  }
  .md\:vertical-align-sub {
    vertical-align: sub !important;
  }
  .md\:vertical-align-super {
    vertical-align: super !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:vertical-align-baseline {
    vertical-align: baseline !important;
  }
  .lg\:vertical-align-top {
    vertical-align: top !important;
  }
  .lg\:vertical-align-middle {
    vertical-align: middle !important;
  }
  .lg\:vertical-align-bottom {
    vertical-align: bottom !important;
  }
  .lg\:vertical-align-text-top {
    vertical-align: text-top !important;
  }
  .lg\:vertical-align-text-bottom {
    vertical-align: text-bottom !important;
  }
  .lg\:vertical-align-sub {
    vertical-align: sub !important;
  }
  .lg\:vertical-align-super {
    vertical-align: super !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:vertical-align-baseline {
    vertical-align: baseline !important;
  }
  .xl\:vertical-align-top {
    vertical-align: top !important;
  }
  .xl\:vertical-align-middle {
    vertical-align: middle !important;
  }
  .xl\:vertical-align-bottom {
    vertical-align: bottom !important;
  }
  .xl\:vertical-align-text-top {
    vertical-align: text-top !important;
  }
  .xl\:vertical-align-text-bottom {
    vertical-align: text-bottom !important;
  }
  .xl\:vertical-align-sub {
    vertical-align: sub !important;
  }
  .xl\:vertical-align-super {
    vertical-align: super !important;
  }
}
.flex-row {
  flex-direction: row !important;
}
.flex-row-reverse {
  flex-direction: row-reverse !important;
}
.flex-column {
  flex-direction: column !important;
}
.flex-column-reverse {
  flex-direction: column-reverse !important;
}
@media screen and (min-width: 576px) {
  .sm\:flex-row {
    flex-direction: row !important;
  }
  .sm\:flex-row-reverse {
    flex-direction: row-reverse !important;
  }
  .sm\:flex-column {
    flex-direction: column !important;
  }
  .sm\:flex-column-reverse {
    flex-direction: column-reverse !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:flex-row {
    flex-direction: row !important;
  }
  .md\:flex-row-reverse {
    flex-direction: row-reverse !important;
  }
  .md\:flex-column {
    flex-direction: column !important;
  }
  .md\:flex-column-reverse {
    flex-direction: column-reverse !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:flex-row {
    flex-direction: row !important;
  }
  .lg\:flex-row-reverse {
    flex-direction: row-reverse !important;
  }
  .lg\:flex-column {
    flex-direction: column !important;
  }
  .lg\:flex-column-reverse {
    flex-direction: column-reverse !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:flex-row {
    flex-direction: row !important;
  }
  .xl\:flex-row-reverse {
    flex-direction: row-reverse !important;
  }
  .xl\:flex-column {
    flex-direction: column !important;
  }
  .xl\:flex-column-reverse {
    flex-direction: column-reverse !important;
  }
}
.flex-wrap {
  flex-wrap: wrap !important;
}
.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}
.flex-nowrap {
  flex-wrap: nowrap !important;
}
@media screen and (min-width: 576px) {
  .sm\:flex-wrap {
    flex-wrap: wrap !important;
  }
  .sm\:flex-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .sm\:flex-nowrap {
    flex-wrap: nowrap !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:flex-wrap {
    flex-wrap: wrap !important;
  }
  .md\:flex-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .md\:flex-nowrap {
    flex-wrap: nowrap !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:flex-wrap {
    flex-wrap: wrap !important;
  }
  .lg\:flex-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .lg\:flex-nowrap {
    flex-wrap: nowrap !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:flex-wrap {
    flex-wrap: wrap !important;
  }
  .xl\:flex-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .xl\:flex-nowrap {
    flex-wrap: nowrap !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;
}
@media screen and (min-width: 576px) {
  .sm\:justify-content-start {
    justify-content: flex-start !important;
  }
  .sm\:justify-content-end {
    justify-content: flex-end !important;
  }
  .sm\:justify-content-center {
    justify-content: center !important;
  }
  .sm\:justify-content-between {
    justify-content: space-between !important;
  }
  .sm\:justify-content-around {
    justify-content: space-around !important;
  }
  .sm\:justify-content-evenly {
    justify-content: space-evenly !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:justify-content-start {
    justify-content: flex-start !important;
  }
  .md\:justify-content-end {
    justify-content: flex-end !important;
  }
  .md\:justify-content-center {
    justify-content: center !important;
  }
  .md\:justify-content-between {
    justify-content: space-between !important;
  }
  .md\:justify-content-around {
    justify-content: space-around !important;
  }
  .md\:justify-content-evenly {
    justify-content: space-evenly !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:justify-content-start {
    justify-content: flex-start !important;
  }
  .lg\:justify-content-end {
    justify-content: flex-end !important;
  }
  .lg\:justify-content-center {
    justify-content: center !important;
  }
  .lg\:justify-content-between {
    justify-content: space-between !important;
  }
  .lg\:justify-content-around {
    justify-content: space-around !important;
  }
  .lg\:justify-content-evenly {
    justify-content: space-evenly !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:justify-content-start {
    justify-content: flex-start !important;
  }
  .xl\:justify-content-end {
    justify-content: flex-end !important;
  }
  .xl\:justify-content-center {
    justify-content: center !important;
  }
  .xl\:justify-content-between {
    justify-content: space-between !important;
  }
  .xl\:justify-content-around {
    justify-content: space-around !important;
  }
  .xl\:justify-content-evenly {
    justify-content: space-evenly !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-evenly {
  align-content: space-evenly !important;
}
@media screen and (min-width: 576px) {
  .sm\:align-content-start {
    align-content: flex-start !important;
  }
  .sm\:align-content-end {
    align-content: flex-end !important;
  }
  .sm\:align-content-center {
    align-content: center !important;
  }
  .sm\:align-content-between {
    align-content: space-between !important;
  }
  .sm\:align-content-around {
    align-content: space-around !important;
  }
  .sm\:align-content-evenly {
    align-content: space-evenly !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:align-content-start {
    align-content: flex-start !important;
  }
  .md\:align-content-end {
    align-content: flex-end !important;
  }
  .md\:align-content-center {
    align-content: center !important;
  }
  .md\:align-content-between {
    align-content: space-between !important;
  }
  .md\:align-content-around {
    align-content: space-around !important;
  }
  .md\:align-content-evenly {
    align-content: space-evenly !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:align-content-start {
    align-content: flex-start !important;
  }
  .lg\:align-content-end {
    align-content: flex-end !important;
  }
  .lg\:align-content-center {
    align-content: center !important;
  }
  .lg\:align-content-between {
    align-content: space-between !important;
  }
  .lg\:align-content-around {
    align-content: space-around !important;
  }
  .lg\:align-content-evenly {
    align-content: space-evenly !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:align-content-start {
    align-content: flex-start !important;
  }
  .xl\:align-content-end {
    align-content: flex-end !important;
  }
  .xl\:align-content-center {
    align-content: center !important;
  }
  .xl\:align-content-between {
    align-content: space-between !important;
  }
  .xl\:align-content-around {
    align-content: space-around !important;
  }
  .xl\:align-content-evenly {
    align-content: space-evenly !important;
  }
}
.align-items-stretch {
  align-items: stretch !important;
}
.align-items-start {
  align-items: flex-start !important;
}
.align-items-center {
  align-items: center !important;
}
.align-items-end {
  align-items: flex-end !important;
}
.align-items-baseline {
  align-items: baseline !important;
}
@media screen and (min-width: 576px) {
  .sm\:align-items-stretch {
    align-items: stretch !important;
  }
  .sm\:align-items-start {
    align-items: flex-start !important;
  }
  .sm\:align-items-center {
    align-items: center !important;
  }
  .sm\:align-items-end {
    align-items: flex-end !important;
  }
  .sm\:align-items-baseline {
    align-items: baseline !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:align-items-stretch {
    align-items: stretch !important;
  }
  .md\:align-items-start {
    align-items: flex-start !important;
  }
  .md\:align-items-center {
    align-items: center !important;
  }
  .md\:align-items-end {
    align-items: flex-end !important;
  }
  .md\:align-items-baseline {
    align-items: baseline !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:align-items-stretch {
    align-items: stretch !important;
  }
  .lg\:align-items-start {
    align-items: flex-start !important;
  }
  .lg\:align-items-center {
    align-items: center !important;
  }
  .lg\:align-items-end {
    align-items: flex-end !important;
  }
  .lg\:align-items-baseline {
    align-items: baseline !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:align-items-stretch {
    align-items: stretch !important;
  }
  .xl\:align-items-start {
    align-items: flex-start !important;
  }
  .xl\:align-items-center {
    align-items: center !important;
  }
  .xl\:align-items-end {
    align-items: flex-end !important;
  }
  .xl\:align-items-baseline {
    align-items: baseline !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-stretch {
  align-self: stretch !important;
}
.align-self-baseline {
  align-self: baseline !important;
}
@media screen and (min-width: 576px) {
  .sm\:align-self-auto {
    align-self: auto !important;
  }
  .sm\:align-self-start {
    align-self: flex-start !important;
  }
  .sm\:align-self-end {
    align-self: flex-end !important;
  }
  .sm\:align-self-center {
    align-self: center !important;
  }
  .sm\:align-self-stretch {
    align-self: stretch !important;
  }
  .sm\:align-self-baseline {
    align-self: baseline !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:align-self-auto {
    align-self: auto !important;
  }
  .md\:align-self-start {
    align-self: flex-start !important;
  }
  .md\:align-self-end {
    align-self: flex-end !important;
  }
  .md\:align-self-center {
    align-self: center !important;
  }
  .md\:align-self-stretch {
    align-self: stretch !important;
  }
  .md\:align-self-baseline {
    align-self: baseline !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:align-self-auto {
    align-self: auto !important;
  }
  .lg\:align-self-start {
    align-self: flex-start !important;
  }
  .lg\:align-self-end {
    align-self: flex-end !important;
  }
  .lg\:align-self-center {
    align-self: center !important;
  }
  .lg\:align-self-stretch {
    align-self: stretch !important;
  }
  .lg\:align-self-baseline {
    align-self: baseline !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:align-self-auto {
    align-self: auto !important;
  }
  .xl\:align-self-start {
    align-self: flex-start !important;
  }
  .xl\:align-self-end {
    align-self: flex-end !important;
  }
  .xl\:align-self-center {
    align-self: center !important;
  }
  .xl\:align-self-stretch {
    align-self: stretch !important;
  }
  .xl\:align-self-baseline {
    align-self: baseline !important;
  }
}
.flex-order-0 {
  order: 0 !important;
}
.flex-order-1 {
  order: 1 !important;
}
.flex-order-2 {
  order: 2 !important;
}
.flex-order-3 {
  order: 3 !important;
}
.flex-order-4 {
  order: 4 !important;
}
.flex-order-5 {
  order: 5 !important;
}
.flex-order-6 {
  order: 6 !important;
}
@media screen and (min-width: 576px) {
  .sm\:flex-order-0 {
    order: 0 !important;
  }
  .sm\:flex-order-1 {
    order: 1 !important;
  }
  .sm\:flex-order-2 {
    order: 2 !important;
  }
  .sm\:flex-order-3 {
    order: 3 !important;
  }
  .sm\:flex-order-4 {
    order: 4 !important;
  }
  .sm\:flex-order-5 {
    order: 5 !important;
  }
  .sm\:flex-order-6 {
    order: 6 !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:flex-order-0 {
    order: 0 !important;
  }
  .md\:flex-order-1 {
    order: 1 !important;
  }
  .md\:flex-order-2 {
    order: 2 !important;
  }
  .md\:flex-order-3 {
    order: 3 !important;
  }
  .md\:flex-order-4 {
    order: 4 !important;
  }
  .md\:flex-order-5 {
    order: 5 !important;
  }
  .md\:flex-order-6 {
    order: 6 !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:flex-order-0 {
    order: 0 !important;
  }
  .lg\:flex-order-1 {
    order: 1 !important;
  }
  .lg\:flex-order-2 {
    order: 2 !important;
  }
  .lg\:flex-order-3 {
    order: 3 !important;
  }
  .lg\:flex-order-4 {
    order: 4 !important;
  }
  .lg\:flex-order-5 {
    order: 5 !important;
  }
  .lg\:flex-order-6 {
    order: 6 !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:flex-order-0 {
    order: 0 !important;
  }
  .xl\:flex-order-1 {
    order: 1 !important;
  }
  .xl\:flex-order-2 {
    order: 2 !important;
  }
  .xl\:flex-order-3 {
    order: 3 !important;
  }
  .xl\:flex-order-4 {
    order: 4 !important;
  }
  .xl\:flex-order-5 {
    order: 5 !important;
  }
  .xl\:flex-order-6 {
    order: 6 !important;
  }
}
.flex-1 {
  flex: 1 1 0% !important;
}
.flex-auto {
  flex: 1 1 auto !important;
}
.flex-initial {
  flex: 0 1 auto !important;
}
.flex-none {
  flex: none !important;
}
@media screen and (min-width: 576px) {
  .sm\:flex-1 {
    flex: 1 1 0% !important;
  }
  .sm\:flex-auto {
    flex: 1 1 auto !important;
  }
  .sm\:flex-initial {
    flex: 0 1 auto !important;
  }
  .sm\:flex-none {
    flex: none !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:flex-1 {
    flex: 1 1 0% !important;
  }
  .md\:flex-auto {
    flex: 1 1 auto !important;
  }
  .md\:flex-initial {
    flex: 0 1 auto !important;
  }
  .md\:flex-none {
    flex: none !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:flex-1 {
    flex: 1 1 0% !important;
  }
  .lg\:flex-auto {
    flex: 1 1 auto !important;
  }
  .lg\:flex-initial {
    flex: 0 1 auto !important;
  }
  .lg\:flex-none {
    flex: none !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:flex-1 {
    flex: 1 1 0% !important;
  }
  .xl\:flex-auto {
    flex: 1 1 auto !important;
  }
  .xl\:flex-initial {
    flex: 0 1 auto !important;
  }
  .xl\:flex-none {
    flex: none !important;
  }
}
.flex-grow-0 {
  flex-grow: 0 !important;
}
.flex-grow-1 {
  flex-grow: 1 !important;
}
@media screen and (min-width: 576px) {
  .sm\:flex-grow-0 {
    flex-grow: 0 !important;
  }
  .sm\:flex-grow-1 {
    flex-grow: 1 !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:flex-grow-0 {
    flex-grow: 0 !important;
  }
  .md\:flex-grow-1 {
    flex-grow: 1 !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:flex-grow-0 {
    flex-grow: 0 !important;
  }
  .lg\:flex-grow-1 {
    flex-grow: 1 !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:flex-grow-0 {
    flex-grow: 0 !important;
  }
  .xl\:flex-grow-1 {
    flex-grow: 1 !important;
  }
}
.flex-shrink-0 {
  flex-shrink: 0 !important;
}
.flex-shrink-1 {
  flex-shrink: 1 !important;
}
@media screen and (min-width: 576px) {
  .sm\:flex-shrink-0 {
    flex-shrink: 0 !important;
  }
  .sm\:flex-shrink-1 {
    flex-shrink: 1 !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:flex-shrink-0 {
    flex-shrink: 0 !important;
  }
  .md\:flex-shrink-1 {
    flex-shrink: 1 !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:flex-shrink-0 {
    flex-shrink: 0 !important;
  }
  .lg\:flex-shrink-1 {
    flex-shrink: 1 !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:flex-shrink-0 {
    flex-shrink: 0 !important;
  }
  .xl\:flex-shrink-1 {
    flex-shrink: 1 !important;
  }
}
.gap-0 {
  gap: 0rem !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: 2rem !important;
}
.gap-6 {
  gap: 3rem !important;
}
.gap-7 {
  gap: 4rem !important;
}
.gap-8 {
  gap: 5rem !important;
}
.row-gap-0 {
  row-gap: 0rem !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: 2rem !important;
}
.row-gap-6 {
  row-gap: 3rem !important;
}
.row-gap-7 {
  row-gap: 4rem !important;
}
.row-gap-8 {
  row-gap: 5rem !important;
}
.column-gap-0 {
  -moz-column-gap: 0rem !important;
       column-gap: 0rem !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: 2rem !important;
       column-gap: 2rem !important;
}
.column-gap-6 {
  -moz-column-gap: 3rem !important;
       column-gap: 3rem !important;
}
.column-gap-7 {
  -moz-column-gap: 4rem !important;
       column-gap: 4rem !important;
}
.column-gap-8 {
  -moz-column-gap: 5rem !important;
       column-gap: 5rem !important;
}
@media screen and (min-width: 576px) {
  .sm\:gap-0 {
    gap: 0rem !important;
  }
  .sm\:gap-1 {
    gap: 0.25rem !important;
  }
  .sm\:gap-2 {
    gap: 0.5rem !important;
  }
  .sm\:gap-3 {
    gap: 1rem !important;
  }
  .sm\:gap-4 {
    gap: 1.5rem !important;
  }
  .sm\:gap-5 {
    gap: 2rem !important;
  }
  .sm\:gap-6 {
    gap: 3rem !important;
  }
  .sm\:gap-7 {
    gap: 4rem !important;
  }
  .sm\:gap-8 {
    gap: 5rem !important;
  }
  .sm\:row-gap-0 {
    row-gap: 0rem !important;
  }
  .sm\:row-gap-1 {
    row-gap: 0.25rem !important;
  }
  .sm\:row-gap-2 {
    row-gap: 0.5rem !important;
  }
  .sm\:row-gap-3 {
    row-gap: 1rem !important;
  }
  .sm\:row-gap-4 {
    row-gap: 1.5rem !important;
  }
  .sm\:row-gap-5 {
    row-gap: 2rem !important;
  }
  .sm\:row-gap-6 {
    row-gap: 3rem !important;
  }
  .sm\:row-gap-7 {
    row-gap: 4rem !important;
  }
  .sm\:row-gap-8 {
    row-gap: 5rem !important;
  }
  .sm\:column-gap-0 {
    -moz-column-gap: 0rem !important;
         column-gap: 0rem !important;
  }
  .sm\:column-gap-1 {
    -moz-column-gap: 0.25rem !important;
         column-gap: 0.25rem !important;
  }
  .sm\:column-gap-2 {
    -moz-column-gap: 0.5rem !important;
         column-gap: 0.5rem !important;
  }
  .sm\:column-gap-3 {
    -moz-column-gap: 1rem !important;
         column-gap: 1rem !important;
  }
  .sm\:column-gap-4 {
    -moz-column-gap: 1.5rem !important;
         column-gap: 1.5rem !important;
  }
  .sm\:column-gap-5 {
    -moz-column-gap: 2rem !important;
         column-gap: 2rem !important;
  }
  .sm\:column-gap-6 {
    -moz-column-gap: 3rem !important;
         column-gap: 3rem !important;
  }
  .sm\:column-gap-7 {
    -moz-column-gap: 4rem !important;
         column-gap: 4rem !important;
  }
  .sm\:column-gap-8 {
    -moz-column-gap: 5rem !important;
         column-gap: 5rem !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:gap-0 {
    gap: 0rem !important;
  }
  .md\:gap-1 {
    gap: 0.25rem !important;
  }
  .md\:gap-2 {
    gap: 0.5rem !important;
  }
  .md\:gap-3 {
    gap: 1rem !important;
  }
  .md\:gap-4 {
    gap: 1.5rem !important;
  }
  .md\:gap-5 {
    gap: 2rem !important;
  }
  .md\:gap-6 {
    gap: 3rem !important;
  }
  .md\:gap-7 {
    gap: 4rem !important;
  }
  .md\:gap-8 {
    gap: 5rem !important;
  }
  .md\:row-gap-0 {
    row-gap: 0rem !important;
  }
  .md\:row-gap-1 {
    row-gap: 0.25rem !important;
  }
  .md\:row-gap-2 {
    row-gap: 0.5rem !important;
  }
  .md\:row-gap-3 {
    row-gap: 1rem !important;
  }
  .md\:row-gap-4 {
    row-gap: 1.5rem !important;
  }
  .md\:row-gap-5 {
    row-gap: 2rem !important;
  }
  .md\:row-gap-6 {
    row-gap: 3rem !important;
  }
  .md\:row-gap-7 {
    row-gap: 4rem !important;
  }
  .md\:row-gap-8 {
    row-gap: 5rem !important;
  }
  .md\:column-gap-0 {
    -moz-column-gap: 0rem !important;
         column-gap: 0rem !important;
  }
  .md\:column-gap-1 {
    -moz-column-gap: 0.25rem !important;
         column-gap: 0.25rem !important;
  }
  .md\:column-gap-2 {
    -moz-column-gap: 0.5rem !important;
         column-gap: 0.5rem !important;
  }
  .md\:column-gap-3 {
    -moz-column-gap: 1rem !important;
         column-gap: 1rem !important;
  }
  .md\:column-gap-4 {
    -moz-column-gap: 1.5rem !important;
         column-gap: 1.5rem !important;
  }
  .md\:column-gap-5 {
    -moz-column-gap: 2rem !important;
         column-gap: 2rem !important;
  }
  .md\:column-gap-6 {
    -moz-column-gap: 3rem !important;
         column-gap: 3rem !important;
  }
  .md\:column-gap-7 {
    -moz-column-gap: 4rem !important;
         column-gap: 4rem !important;
  }
  .md\:column-gap-8 {
    -moz-column-gap: 5rem !important;
         column-gap: 5rem !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:gap-0 {
    gap: 0rem !important;
  }
  .lg\:gap-1 {
    gap: 0.25rem !important;
  }
  .lg\:gap-2 {
    gap: 0.5rem !important;
  }
  .lg\:gap-3 {
    gap: 1rem !important;
  }
  .lg\:gap-4 {
    gap: 1.5rem !important;
  }
  .lg\:gap-5 {
    gap: 2rem !important;
  }
  .lg\:gap-6 {
    gap: 3rem !important;
  }
  .lg\:gap-7 {
    gap: 4rem !important;
  }
  .lg\:gap-8 {
    gap: 5rem !important;
  }
  .lg\:row-gap-0 {
    row-gap: 0rem !important;
  }
  .lg\:row-gap-1 {
    row-gap: 0.25rem !important;
  }
  .lg\:row-gap-2 {
    row-gap: 0.5rem !important;
  }
  .lg\:row-gap-3 {
    row-gap: 1rem !important;
  }
  .lg\:row-gap-4 {
    row-gap: 1.5rem !important;
  }
  .lg\:row-gap-5 {
    row-gap: 2rem !important;
  }
  .lg\:row-gap-6 {
    row-gap: 3rem !important;
  }
  .lg\:row-gap-7 {
    row-gap: 4rem !important;
  }
  .lg\:row-gap-8 {
    row-gap: 5rem !important;
  }
  .lg\:column-gap-0 {
    -moz-column-gap: 0rem !important;
         column-gap: 0rem !important;
  }
  .lg\:column-gap-1 {
    -moz-column-gap: 0.25rem !important;
         column-gap: 0.25rem !important;
  }
  .lg\:column-gap-2 {
    -moz-column-gap: 0.5rem !important;
         column-gap: 0.5rem !important;
  }
  .lg\:column-gap-3 {
    -moz-column-gap: 1rem !important;
         column-gap: 1rem !important;
  }
  .lg\:column-gap-4 {
    -moz-column-gap: 1.5rem !important;
         column-gap: 1.5rem !important;
  }
  .lg\:column-gap-5 {
    -moz-column-gap: 2rem !important;
         column-gap: 2rem !important;
  }
  .lg\:column-gap-6 {
    -moz-column-gap: 3rem !important;
         column-gap: 3rem !important;
  }
  .lg\:column-gap-7 {
    -moz-column-gap: 4rem !important;
         column-gap: 4rem !important;
  }
  .lg\:column-gap-8 {
    -moz-column-gap: 5rem !important;
         column-gap: 5rem !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:gap-0 {
    gap: 0rem !important;
  }
  .xl\:gap-1 {
    gap: 0.25rem !important;
  }
  .xl\:gap-2 {
    gap: 0.5rem !important;
  }
  .xl\:gap-3 {
    gap: 1rem !important;
  }
  .xl\:gap-4 {
    gap: 1.5rem !important;
  }
  .xl\:gap-5 {
    gap: 2rem !important;
  }
  .xl\:gap-6 {
    gap: 3rem !important;
  }
  .xl\:gap-7 {
    gap: 4rem !important;
  }
  .xl\:gap-8 {
    gap: 5rem !important;
  }
  .xl\:row-gap-0 {
    row-gap: 0rem !important;
  }
  .xl\:row-gap-1 {
    row-gap: 0.25rem !important;
  }
  .xl\:row-gap-2 {
    row-gap: 0.5rem !important;
  }
  .xl\:row-gap-3 {
    row-gap: 1rem !important;
  }
  .xl\:row-gap-4 {
    row-gap: 1.5rem !important;
  }
  .xl\:row-gap-5 {
    row-gap: 2rem !important;
  }
  .xl\:row-gap-6 {
    row-gap: 3rem !important;
  }
  .xl\:row-gap-7 {
    row-gap: 4rem !important;
  }
  .xl\:row-gap-8 {
    row-gap: 5rem !important;
  }
  .xl\:column-gap-0 {
    -moz-column-gap: 0rem !important;
         column-gap: 0rem !important;
  }
  .xl\:column-gap-1 {
    -moz-column-gap: 0.25rem !important;
         column-gap: 0.25rem !important;
  }
  .xl\:column-gap-2 {
    -moz-column-gap: 0.5rem !important;
         column-gap: 0.5rem !important;
  }
  .xl\:column-gap-3 {
    -moz-column-gap: 1rem !important;
         column-gap: 1rem !important;
  }
  .xl\:column-gap-4 {
    -moz-column-gap: 1.5rem !important;
         column-gap: 1.5rem !important;
  }
  .xl\:column-gap-5 {
    -moz-column-gap: 2rem !important;
         column-gap: 2rem !important;
  }
  .xl\:column-gap-6 {
    -moz-column-gap: 3rem !important;
         column-gap: 3rem !important;
  }
  .xl\:column-gap-7 {
    -moz-column-gap: 4rem !important;
         column-gap: 4rem !important;
  }
  .xl\:column-gap-8 {
    -moz-column-gap: 5rem !important;
         column-gap: 5rem !important;
  }
}
.p-0 {
  padding: 0rem !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: 2rem !important;
}
.p-6 {
  padding: 3rem !important;
}
.p-7 {
  padding: 4rem !important;
}
.p-8 {
  padding: 5rem !important;
}
.pt-0 {
  padding-top: 0rem !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: 2rem !important;
}
.pt-6 {
  padding-top: 3rem !important;
}
.pt-7 {
  padding-top: 4rem !important;
}
.pt-8 {
  padding-top: 5rem !important;
}
.pr-0 {
  padding-right: 0rem !important;
}
.pr-1 {
  padding-right: 0.25rem !important;
}
.pr-2 {
  padding-right: 0.5rem !important;
}
.pr-3 {
  padding-right: 1rem !important;
}
.pr-4 {
  padding-right: 1.5rem !important;
}
.pr-5 {
  padding-right: 2rem !important;
}
.pr-6 {
  padding-right: 3rem !important;
}
.pr-7 {
  padding-right: 4rem !important;
}
.pr-8 {
  padding-right: 5rem !important;
}
.pl-0 {
  padding-left: 0rem !important;
}
.pl-1 {
  padding-left: 0.25rem !important;
}
.pl-2 {
  padding-left: 0.5rem !important;
}
.pl-3 {
  padding-left: 1rem !important;
}
.pl-4 {
  padding-left: 1.5rem !important;
}
.pl-5 {
  padding-left: 2rem !important;
}
.pl-6 {
  padding-left: 3rem !important;
}
.pl-7 {
  padding-left: 4rem !important;
}
.pl-8 {
  padding-left: 5rem !important;
}
.pb-0 {
  padding-bottom: 0rem !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: 2rem !important;
}
.pb-6 {
  padding-bottom: 3rem !important;
}
.pb-7 {
  padding-bottom: 4rem !important;
}
.pb-8 {
  padding-bottom: 5rem !important;
}
.px-0 {
  padding-left: 0rem !important;
  padding-right: 0rem !important;
}
.px-1 {
  padding-left: 0.25rem !important;
  padding-right: 0.25rem !important;
}
.px-2 {
  padding-left: 0.5rem !important;
  padding-right: 0.5rem !important;
}
.px-3 {
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}
.px-4 {
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;
}
.px-5 {
  padding-left: 2rem !important;
  padding-right: 2rem !important;
}
.px-6 {
  padding-left: 3rem !important;
  padding-right: 3rem !important;
}
.px-7 {
  padding-left: 4rem !important;
  padding-right: 4rem !important;
}
.px-8 {
  padding-left: 5rem !important;
  padding-right: 5rem !important;
}
.py-0 {
  padding-top: 0rem !important;
  padding-bottom: 0rem !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: 2rem !important;
  padding-bottom: 2rem !important;
}
.py-6 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}
.py-7 {
  padding-top: 4rem !important;
  padding-bottom: 4rem !important;
}
.py-8 {
  padding-top: 5rem !important;
  padding-bottom: 5rem !important;
}
@media screen and (min-width: 576px) {
  .sm\:p-0 {
    padding: 0rem !important;
  }
  .sm\:p-1 {
    padding: 0.25rem !important;
  }
  .sm\:p-2 {
    padding: 0.5rem !important;
  }
  .sm\:p-3 {
    padding: 1rem !important;
  }
  .sm\:p-4 {
    padding: 1.5rem !important;
  }
  .sm\:p-5 {
    padding: 2rem !important;
  }
  .sm\:p-6 {
    padding: 3rem !important;
  }
  .sm\:p-7 {
    padding: 4rem !important;
  }
  .sm\:p-8 {
    padding: 5rem !important;
  }
  .sm\:pt-0 {
    padding-top: 0rem !important;
  }
  .sm\:pt-1 {
    padding-top: 0.25rem !important;
  }
  .sm\:pt-2 {
    padding-top: 0.5rem !important;
  }
  .sm\:pt-3 {
    padding-top: 1rem !important;
  }
  .sm\:pt-4 {
    padding-top: 1.5rem !important;
  }
  .sm\:pt-5 {
    padding-top: 2rem !important;
  }
  .sm\:pt-6 {
    padding-top: 3rem !important;
  }
  .sm\:pt-7 {
    padding-top: 4rem !important;
  }
  .sm\:pt-8 {
    padding-top: 5rem !important;
  }
  .sm\:pr-0 {
    padding-right: 0rem !important;
  }
  .sm\:pr-1 {
    padding-right: 0.25rem !important;
  }
  .sm\:pr-2 {
    padding-right: 0.5rem !important;
  }
  .sm\:pr-3 {
    padding-right: 1rem !important;
  }
  .sm\:pr-4 {
    padding-right: 1.5rem !important;
  }
  .sm\:pr-5 {
    padding-right: 2rem !important;
  }
  .sm\:pr-6 {
    padding-right: 3rem !important;
  }
  .sm\:pr-7 {
    padding-right: 4rem !important;
  }
  .sm\:pr-8 {
    padding-right: 5rem !important;
  }
  .sm\:pl-0 {
    padding-left: 0rem !important;
  }
  .sm\:pl-1 {
    padding-left: 0.25rem !important;
  }
  .sm\:pl-2 {
    padding-left: 0.5rem !important;
  }
  .sm\:pl-3 {
    padding-left: 1rem !important;
  }
  .sm\:pl-4 {
    padding-left: 1.5rem !important;
  }
  .sm\:pl-5 {
    padding-left: 2rem !important;
  }
  .sm\:pl-6 {
    padding-left: 3rem !important;
  }
  .sm\:pl-7 {
    padding-left: 4rem !important;
  }
  .sm\:pl-8 {
    padding-left: 5rem !important;
  }
  .sm\:pb-0 {
    padding-bottom: 0rem !important;
  }
  .sm\:pb-1 {
    padding-bottom: 0.25rem !important;
  }
  .sm\:pb-2 {
    padding-bottom: 0.5rem !important;
  }
  .sm\:pb-3 {
    padding-bottom: 1rem !important;
  }
  .sm\:pb-4 {
    padding-bottom: 1.5rem !important;
  }
  .sm\:pb-5 {
    padding-bottom: 2rem !important;
  }
  .sm\:pb-6 {
    padding-bottom: 3rem !important;
  }
  .sm\:pb-7 {
    padding-bottom: 4rem !important;
  }
  .sm\:pb-8 {
    padding-bottom: 5rem !important;
  }
  .sm\:px-0 {
    padding-left: 0rem !important;
    padding-right: 0rem !important;
  }
  .sm\:px-1 {
    padding-left: 0.25rem !important;
    padding-right: 0.25rem !important;
  }
  .sm\:px-2 {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }
  .sm\:px-3 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
  .sm\:px-4 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }
  .sm\:px-5 {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }
  .sm\:px-6 {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }
  .sm\:px-7 {
    padding-left: 4rem !important;
    padding-right: 4rem !important;
  }
  .sm\:px-8 {
    padding-left: 5rem !important;
    padding-right: 5rem !important;
  }
  .sm\:py-0 {
    padding-top: 0rem !important;
    padding-bottom: 0rem !important;
  }
  .sm\:py-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .sm\:py-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .sm\:py-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .sm\:py-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .sm\:py-5 {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }
  .sm\:py-6 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .sm\:py-7 {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
  }
  .sm\:py-8 {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:p-0 {
    padding: 0rem !important;
  }
  .md\:p-1 {
    padding: 0.25rem !important;
  }
  .md\:p-2 {
    padding: 0.5rem !important;
  }
  .md\:p-3 {
    padding: 1rem !important;
  }
  .md\:p-4 {
    padding: 1.5rem !important;
  }
  .md\:p-5 {
    padding: 2rem !important;
  }
  .md\:p-6 {
    padding: 3rem !important;
  }
  .md\:p-7 {
    padding: 4rem !important;
  }
  .md\:p-8 {
    padding: 5rem !important;
  }
  .md\:pt-0 {
    padding-top: 0rem !important;
  }
  .md\:pt-1 {
    padding-top: 0.25rem !important;
  }
  .md\:pt-2 {
    padding-top: 0.5rem !important;
  }
  .md\:pt-3 {
    padding-top: 1rem !important;
  }
  .md\:pt-4 {
    padding-top: 1.5rem !important;
  }
  .md\:pt-5 {
    padding-top: 2rem !important;
  }
  .md\:pt-6 {
    padding-top: 3rem !important;
  }
  .md\:pt-7 {
    padding-top: 4rem !important;
  }
  .md\:pt-8 {
    padding-top: 5rem !important;
  }
  .md\:pr-0 {
    padding-right: 0rem !important;
  }
  .md\:pr-1 {
    padding-right: 0.25rem !important;
  }
  .md\:pr-2 {
    padding-right: 0.5rem !important;
  }
  .md\:pr-3 {
    padding-right: 1rem !important;
  }
  .md\:pr-4 {
    padding-right: 1.5rem !important;
  }
  .md\:pr-5 {
    padding-right: 2rem !important;
  }
  .md\:pr-6 {
    padding-right: 3rem !important;
  }
  .md\:pr-7 {
    padding-right: 4rem !important;
  }
  .md\:pr-8 {
    padding-right: 5rem !important;
  }
  .md\:pl-0 {
    padding-left: 0rem !important;
  }
  .md\:pl-1 {
    padding-left: 0.25rem !important;
  }
  .md\:pl-2 {
    padding-left: 0.5rem !important;
  }
  .md\:pl-3 {
    padding-left: 1rem !important;
  }
  .md\:pl-4 {
    padding-left: 1.5rem !important;
  }
  .md\:pl-5 {
    padding-left: 2rem !important;
  }
  .md\:pl-6 {
    padding-left: 3rem !important;
  }
  .md\:pl-7 {
    padding-left: 4rem !important;
  }
  .md\:pl-8 {
    padding-left: 5rem !important;
  }
  .md\:pb-0 {
    padding-bottom: 0rem !important;
  }
  .md\:pb-1 {
    padding-bottom: 0.25rem !important;
  }
  .md\:pb-2 {
    padding-bottom: 0.5rem !important;
  }
  .md\:pb-3 {
    padding-bottom: 1rem !important;
  }
  .md\:pb-4 {
    padding-bottom: 1.5rem !important;
  }
  .md\:pb-5 {
    padding-bottom: 2rem !important;
  }
  .md\:pb-6 {
    padding-bottom: 3rem !important;
  }
  .md\:pb-7 {
    padding-bottom: 4rem !important;
  }
  .md\:pb-8 {
    padding-bottom: 5rem !important;
  }
  .md\:px-0 {
    padding-left: 0rem !important;
    padding-right: 0rem !important;
  }
  .md\:px-1 {
    padding-left: 0.25rem !important;
    padding-right: 0.25rem !important;
  }
  .md\:px-2 {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }
  .md\:px-3 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
  .md\:px-4 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }
  .md\:px-5 {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }
  .md\:px-6 {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }
  .md\:px-7 {
    padding-left: 4rem !important;
    padding-right: 4rem !important;
  }
  .md\:px-8 {
    padding-left: 5rem !important;
    padding-right: 5rem !important;
  }
  .md\:py-0 {
    padding-top: 0rem !important;
    padding-bottom: 0rem !important;
  }
  .md\:py-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .md\:py-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .md\:py-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .md\:py-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .md\:py-5 {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }
  .md\:py-6 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .md\:py-7 {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
  }
  .md\:py-8 {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:p-0 {
    padding: 0rem !important;
  }
  .lg\:p-1 {
    padding: 0.25rem !important;
  }
  .lg\:p-2 {
    padding: 0.5rem !important;
  }
  .lg\:p-3 {
    padding: 1rem !important;
  }
  .lg\:p-4 {
    padding: 1.5rem !important;
  }
  .lg\:p-5 {
    padding: 2rem !important;
  }
  .lg\:p-6 {
    padding: 3rem !important;
  }
  .lg\:p-7 {
    padding: 4rem !important;
  }
  .lg\:p-8 {
    padding: 5rem !important;
  }
  .lg\:pt-0 {
    padding-top: 0rem !important;
  }
  .lg\:pt-1 {
    padding-top: 0.25rem !important;
  }
  .lg\:pt-2 {
    padding-top: 0.5rem !important;
  }
  .lg\:pt-3 {
    padding-top: 1rem !important;
  }
  .lg\:pt-4 {
    padding-top: 1.5rem !important;
  }
  .lg\:pt-5 {
    padding-top: 2rem !important;
  }
  .lg\:pt-6 {
    padding-top: 3rem !important;
  }
  .lg\:pt-7 {
    padding-top: 4rem !important;
  }
  .lg\:pt-8 {
    padding-top: 5rem !important;
  }
  .lg\:pr-0 {
    padding-right: 0rem !important;
  }
  .lg\:pr-1 {
    padding-right: 0.25rem !important;
  }
  .lg\:pr-2 {
    padding-right: 0.5rem !important;
  }
  .lg\:pr-3 {
    padding-right: 1rem !important;
  }
  .lg\:pr-4 {
    padding-right: 1.5rem !important;
  }
  .lg\:pr-5 {
    padding-right: 2rem !important;
  }
  .lg\:pr-6 {
    padding-right: 3rem !important;
  }
  .lg\:pr-7 {
    padding-right: 4rem !important;
  }
  .lg\:pr-8 {
    padding-right: 5rem !important;
  }
  .lg\:pl-0 {
    padding-left: 0rem !important;
  }
  .lg\:pl-1 {
    padding-left: 0.25rem !important;
  }
  .lg\:pl-2 {
    padding-left: 0.5rem !important;
  }
  .lg\:pl-3 {
    padding-left: 1rem !important;
  }
  .lg\:pl-4 {
    padding-left: 1.5rem !important;
  }
  .lg\:pl-5 {
    padding-left: 2rem !important;
  }
  .lg\:pl-6 {
    padding-left: 3rem !important;
  }
  .lg\:pl-7 {
    padding-left: 4rem !important;
  }
  .lg\:pl-8 {
    padding-left: 5rem !important;
  }
  .lg\:pb-0 {
    padding-bottom: 0rem !important;
  }
  .lg\:pb-1 {
    padding-bottom: 0.25rem !important;
  }
  .lg\:pb-2 {
    padding-bottom: 0.5rem !important;
  }
  .lg\:pb-3 {
    padding-bottom: 1rem !important;
  }
  .lg\:pb-4 {
    padding-bottom: 1.5rem !important;
  }
  .lg\:pb-5 {
    padding-bottom: 2rem !important;
  }
  .lg\:pb-6 {
    padding-bottom: 3rem !important;
  }
  .lg\:pb-7 {
    padding-bottom: 4rem !important;
  }
  .lg\:pb-8 {
    padding-bottom: 5rem !important;
  }
  .lg\:px-0 {
    padding-left: 0rem !important;
    padding-right: 0rem !important;
  }
  .lg\:px-1 {
    padding-left: 0.25rem !important;
    padding-right: 0.25rem !important;
  }
  .lg\:px-2 {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }
  .lg\:px-3 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
  .lg\:px-4 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }
  .lg\:px-5 {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }
  .lg\:px-6 {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }
  .lg\:px-7 {
    padding-left: 4rem !important;
    padding-right: 4rem !important;
  }
  .lg\:px-8 {
    padding-left: 5rem !important;
    padding-right: 5rem !important;
  }
  .lg\:py-0 {
    padding-top: 0rem !important;
    padding-bottom: 0rem !important;
  }
  .lg\:py-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .lg\:py-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .lg\:py-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .lg\:py-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .lg\:py-5 {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }
  .lg\:py-6 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .lg\:py-7 {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
  }
  .lg\:py-8 {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:p-0 {
    padding: 0rem !important;
  }
  .xl\:p-1 {
    padding: 0.25rem !important;
  }
  .xl\:p-2 {
    padding: 0.5rem !important;
  }
  .xl\:p-3 {
    padding: 1rem !important;
  }
  .xl\:p-4 {
    padding: 1.5rem !important;
  }
  .xl\:p-5 {
    padding: 2rem !important;
  }
  .xl\:p-6 {
    padding: 3rem !important;
  }
  .xl\:p-7 {
    padding: 4rem !important;
  }
  .xl\:p-8 {
    padding: 5rem !important;
  }
  .xl\:pt-0 {
    padding-top: 0rem !important;
  }
  .xl\:pt-1 {
    padding-top: 0.25rem !important;
  }
  .xl\:pt-2 {
    padding-top: 0.5rem !important;
  }
  .xl\:pt-3 {
    padding-top: 1rem !important;
  }
  .xl\:pt-4 {
    padding-top: 1.5rem !important;
  }
  .xl\:pt-5 {
    padding-top: 2rem !important;
  }
  .xl\:pt-6 {
    padding-top: 3rem !important;
  }
  .xl\:pt-7 {
    padding-top: 4rem !important;
  }
  .xl\:pt-8 {
    padding-top: 5rem !important;
  }
  .xl\:pr-0 {
    padding-right: 0rem !important;
  }
  .xl\:pr-1 {
    padding-right: 0.25rem !important;
  }
  .xl\:pr-2 {
    padding-right: 0.5rem !important;
  }
  .xl\:pr-3 {
    padding-right: 1rem !important;
  }
  .xl\:pr-4 {
    padding-right: 1.5rem !important;
  }
  .xl\:pr-5 {
    padding-right: 2rem !important;
  }
  .xl\:pr-6 {
    padding-right: 3rem !important;
  }
  .xl\:pr-7 {
    padding-right: 4rem !important;
  }
  .xl\:pr-8 {
    padding-right: 5rem !important;
  }
  .xl\:pl-0 {
    padding-left: 0rem !important;
  }
  .xl\:pl-1 {
    padding-left: 0.25rem !important;
  }
  .xl\:pl-2 {
    padding-left: 0.5rem !important;
  }
  .xl\:pl-3 {
    padding-left: 1rem !important;
  }
  .xl\:pl-4 {
    padding-left: 1.5rem !important;
  }
  .xl\:pl-5 {
    padding-left: 2rem !important;
  }
  .xl\:pl-6 {
    padding-left: 3rem !important;
  }
  .xl\:pl-7 {
    padding-left: 4rem !important;
  }
  .xl\:pl-8 {
    padding-left: 5rem !important;
  }
  .xl\:pb-0 {
    padding-bottom: 0rem !important;
  }
  .xl\:pb-1 {
    padding-bottom: 0.25rem !important;
  }
  .xl\:pb-2 {
    padding-bottom: 0.5rem !important;
  }
  .xl\:pb-3 {
    padding-bottom: 1rem !important;
  }
  .xl\:pb-4 {
    padding-bottom: 1.5rem !important;
  }
  .xl\:pb-5 {
    padding-bottom: 2rem !important;
  }
  .xl\:pb-6 {
    padding-bottom: 3rem !important;
  }
  .xl\:pb-7 {
    padding-bottom: 4rem !important;
  }
  .xl\:pb-8 {
    padding-bottom: 5rem !important;
  }
  .xl\:px-0 {
    padding-left: 0rem !important;
    padding-right: 0rem !important;
  }
  .xl\:px-1 {
    padding-left: 0.25rem !important;
    padding-right: 0.25rem !important;
  }
  .xl\:px-2 {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }
  .xl\:px-3 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
  .xl\:px-4 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }
  .xl\:px-5 {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }
  .xl\:px-6 {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }
  .xl\:px-7 {
    padding-left: 4rem !important;
    padding-right: 4rem !important;
  }
  .xl\:px-8 {
    padding-left: 5rem !important;
    padding-right: 5rem !important;
  }
  .xl\:py-0 {
    padding-top: 0rem !important;
    padding-bottom: 0rem !important;
  }
  .xl\:py-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .xl\:py-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .xl\:py-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .xl\:py-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .xl\:py-5 {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }
  .xl\:py-6 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .xl\:py-7 {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
  }
  .xl\:py-8 {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
  }
}
.m-0 {
  margin: 0rem !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: 2rem !important;
}
.m-6 {
  margin: 3rem !important;
}
.m-7 {
  margin: 4rem !important;
}
.m-8 {
  margin: 5rem !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: -2rem !important;
}
.-m-6 {
  margin: -3rem !important;
}
.-m-7 {
  margin: -4rem !important;
}
.-m-8 {
  margin: -5rem !important;
}
.m-auto {
  margin: auto !important;
}
.mt-0 {
  margin-top: 0rem !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: 2rem !important;
}
.mt-6 {
  margin-top: 3rem !important;
}
.mt-7 {
  margin-top: 4rem !important;
}
.mt-8 {
  margin-top: 5rem !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: -2rem !important;
}
.-mt-6 {
  margin-top: -3rem !important;
}
.-mt-7 {
  margin-top: -4rem !important;
}
.-mt-8 {
  margin-top: -5rem !important;
}
.mt-auto {
  margin-top: auto !important;
}
.mr-0 {
  margin-right: 0rem !important;
}
.mr-1 {
  margin-right: 0.25rem !important;
}
.mr-2 {
  margin-right: 0.5rem !important;
}
.mr-3 {
  margin-right: 1rem !important;
}
.mr-4 {
  margin-right: 1.5rem !important;
}
.mr-5 {
  margin-right: 2rem !important;
}
.mr-6 {
  margin-right: 3rem !important;
}
.mr-7 {
  margin-right: 4rem !important;
}
.mr-8 {
  margin-right: 5rem !important;
}
.-mr-1 {
  margin-right: -0.25rem !important;
}
.-mr-2 {
  margin-right: -0.5rem !important;
}
.-mr-3 {
  margin-right: -1rem !important;
}
.-mr-4 {
  margin-right: -1.5rem !important;
}
.-mr-5 {
  margin-right: -2rem !important;
}
.-mr-6 {
  margin-right: -3rem !important;
}
.-mr-7 {
  margin-right: -4rem !important;
}
.-mr-8 {
  margin-right: -5rem !important;
}
.mr-auto {
  margin-right: auto !important;
}
.ml-0 {
  margin-left: 0rem !important;
}
.ml-1 {
  margin-left: 0.25rem !important;
}
.ml-2 {
  margin-left: 0.5rem !important;
}
.ml-3 {
  margin-left: 1rem !important;
}
.ml-4 {
  margin-left: 1.5rem !important;
}
.ml-5 {
  margin-left: 2rem !important;
}
.ml-6 {
  margin-left: 3rem !important;
}
.ml-7 {
  margin-left: 4rem !important;
}
.ml-8 {
  margin-left: 5rem !important;
}
.-ml-1 {
  margin-left: -0.25rem !important;
}
.-ml-2 {
  margin-left: -0.5rem !important;
}
.-ml-3 {
  margin-left: -1rem !important;
}
.-ml-4 {
  margin-left: -1.5rem !important;
}
.-ml-5 {
  margin-left: -2rem !important;
}
.-ml-6 {
  margin-left: -3rem !important;
}
.-ml-7 {
  margin-left: -4rem !important;
}
.-ml-8 {
  margin-left: -5rem !important;
}
.ml-auto {
  margin-left: auto !important;
}
.mb-0 {
  margin-bottom: 0rem !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: 2rem !important;
}
.mb-6 {
  margin-bottom: 3rem !important;
}
.mb-7 {
  margin-bottom: 4rem !important;
}
.mb-8 {
  margin-bottom: 5rem !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: -2rem !important;
}
.-mb-6 {
  margin-bottom: -3rem !important;
}
.-mb-7 {
  margin-bottom: -4rem !important;
}
.-mb-8 {
  margin-bottom: -5rem !important;
}
.mb-auto {
  margin-bottom: auto !important;
}
.mx-0 {
  margin-left: 0rem !important;
  margin-right: 0rem !important;
}
.mx-1 {
  margin-left: 0.25rem !important;
  margin-right: 0.25rem !important;
}
.mx-2 {
  margin-left: 0.5rem !important;
  margin-right: 0.5rem !important;
}
.mx-3 {
  margin-left: 1rem !important;
  margin-right: 1rem !important;
}
.mx-4 {
  margin-left: 1.5rem !important;
  margin-right: 1.5rem !important;
}
.mx-5 {
  margin-left: 2rem !important;
  margin-right: 2rem !important;
}
.mx-6 {
  margin-left: 3rem !important;
  margin-right: 3rem !important;
}
.mx-7 {
  margin-left: 4rem !important;
  margin-right: 4rem !important;
}
.mx-8 {
  margin-left: 5rem !important;
  margin-right: 5rem !important;
}
.-mx-1 {
  margin-left: -0.25rem !important;
  margin-right: -0.25rem !important;
}
.-mx-2 {
  margin-left: -0.5rem !important;
  margin-right: -0.5rem !important;
}
.-mx-3 {
  margin-left: -1rem !important;
  margin-right: -1rem !important;
}
.-mx-4 {
  margin-left: -1.5rem !important;
  margin-right: -1.5rem !important;
}
.-mx-5 {
  margin-left: -2rem !important;
  margin-right: -2rem !important;
}
.-mx-6 {
  margin-left: -3rem !important;
  margin-right: -3rem !important;
}
.-mx-7 {
  margin-left: -4rem !important;
  margin-right: -4rem !important;
}
.-mx-8 {
  margin-left: -5rem !important;
  margin-right: -5rem !important;
}
.mx-auto {
  margin-left: auto !important;
  margin-right: auto !important;
}
.my-0 {
  margin-top: 0rem !important;
  margin-bottom: 0rem !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: 2rem !important;
  margin-bottom: 2rem !important;
}
.my-6 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}
.my-7 {
  margin-top: 4rem !important;
  margin-bottom: 4rem !important;
}
.my-8 {
  margin-top: 5rem !important;
  margin-bottom: 5rem !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: -2rem !important;
  margin-bottom: -2rem !important;
}
.-my-6 {
  margin-top: -3rem !important;
  margin-bottom: -3rem !important;
}
.-my-7 {
  margin-top: -4rem !important;
  margin-bottom: -4rem !important;
}
.-my-8 {
  margin-top: -5rem !important;
  margin-bottom: -5rem !important;
}
.my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}
@media screen and (min-width: 576px) {
  .sm\:m-0 {
    margin: 0rem !important;
  }
  .sm\:m-1 {
    margin: 0.25rem !important;
  }
  .sm\:m-2 {
    margin: 0.5rem !important;
  }
  .sm\:m-3 {
    margin: 1rem !important;
  }
  .sm\:m-4 {
    margin: 1.5rem !important;
  }
  .sm\:m-5 {
    margin: 2rem !important;
  }
  .sm\:m-6 {
    margin: 3rem !important;
  }
  .sm\:m-7 {
    margin: 4rem !important;
  }
  .sm\:m-8 {
    margin: 5rem !important;
  }
  .sm\:-m-1 {
    margin: -0.25rem !important;
  }
  .sm\:-m-2 {
    margin: -0.5rem !important;
  }
  .sm\:-m-3 {
    margin: -1rem !important;
  }
  .sm\:-m-4 {
    margin: -1.5rem !important;
  }
  .sm\:-m-5 {
    margin: -2rem !important;
  }
  .sm\:-m-6 {
    margin: -3rem !important;
  }
  .sm\:-m-7 {
    margin: -4rem !important;
  }
  .sm\:-m-8 {
    margin: -5rem !important;
  }
  .sm\:m-auto {
    margin: auto !important;
  }
  .sm\:mt-0 {
    margin-top: 0rem !important;
  }
  .sm\:mt-1 {
    margin-top: 0.25rem !important;
  }
  .sm\:mt-2 {
    margin-top: 0.5rem !important;
  }
  .sm\:mt-3 {
    margin-top: 1rem !important;
  }
  .sm\:mt-4 {
    margin-top: 1.5rem !important;
  }
  .sm\:mt-5 {
    margin-top: 2rem !important;
  }
  .sm\:mt-6 {
    margin-top: 3rem !important;
  }
  .sm\:mt-7 {
    margin-top: 4rem !important;
  }
  .sm\:mt-8 {
    margin-top: 5rem !important;
  }
  .sm\:-mt-1 {
    margin-top: -0.25rem !important;
  }
  .sm\:-mt-2 {
    margin-top: -0.5rem !important;
  }
  .sm\:-mt-3 {
    margin-top: -1rem !important;
  }
  .sm\:-mt-4 {
    margin-top: -1.5rem !important;
  }
  .sm\:-mt-5 {
    margin-top: -2rem !important;
  }
  .sm\:-mt-6 {
    margin-top: -3rem !important;
  }
  .sm\:-mt-7 {
    margin-top: -4rem !important;
  }
  .sm\:-mt-8 {
    margin-top: -5rem !important;
  }
  .sm\:mt-auto {
    margin-top: auto !important;
  }
  .sm\:mr-0 {
    margin-right: 0rem !important;
  }
  .sm\:mr-1 {
    margin-right: 0.25rem !important;
  }
  .sm\:mr-2 {
    margin-right: 0.5rem !important;
  }
  .sm\:mr-3 {
    margin-right: 1rem !important;
  }
  .sm\:mr-4 {
    margin-right: 1.5rem !important;
  }
  .sm\:mr-5 {
    margin-right: 2rem !important;
  }
  .sm\:mr-6 {
    margin-right: 3rem !important;
  }
  .sm\:mr-7 {
    margin-right: 4rem !important;
  }
  .sm\:mr-8 {
    margin-right: 5rem !important;
  }
  .sm\:-mr-1 {
    margin-right: -0.25rem !important;
  }
  .sm\:-mr-2 {
    margin-right: -0.5rem !important;
  }
  .sm\:-mr-3 {
    margin-right: -1rem !important;
  }
  .sm\:-mr-4 {
    margin-right: -1.5rem !important;
  }
  .sm\:-mr-5 {
    margin-right: -2rem !important;
  }
  .sm\:-mr-6 {
    margin-right: -3rem !important;
  }
  .sm\:-mr-7 {
    margin-right: -4rem !important;
  }
  .sm\:-mr-8 {
    margin-right: -5rem !important;
  }
  .sm\:mr-auto {
    margin-right: auto !important;
  }
  .sm\:ml-0 {
    margin-left: 0rem !important;
  }
  .sm\:ml-1 {
    margin-left: 0.25rem !important;
  }
  .sm\:ml-2 {
    margin-left: 0.5rem !important;
  }
  .sm\:ml-3 {
    margin-left: 1rem !important;
  }
  .sm\:ml-4 {
    margin-left: 1.5rem !important;
  }
  .sm\:ml-5 {
    margin-left: 2rem !important;
  }
  .sm\:ml-6 {
    margin-left: 3rem !important;
  }
  .sm\:ml-7 {
    margin-left: 4rem !important;
  }
  .sm\:ml-8 {
    margin-left: 5rem !important;
  }
  .sm\:-ml-1 {
    margin-left: -0.25rem !important;
  }
  .sm\:-ml-2 {
    margin-left: -0.5rem !important;
  }
  .sm\:-ml-3 {
    margin-left: -1rem !important;
  }
  .sm\:-ml-4 {
    margin-left: -1.5rem !important;
  }
  .sm\:-ml-5 {
    margin-left: -2rem !important;
  }
  .sm\:-ml-6 {
    margin-left: -3rem !important;
  }
  .sm\:-ml-7 {
    margin-left: -4rem !important;
  }
  .sm\:-ml-8 {
    margin-left: -5rem !important;
  }
  .sm\:ml-auto {
    margin-left: auto !important;
  }
  .sm\:mb-0 {
    margin-bottom: 0rem !important;
  }
  .sm\:mb-1 {
    margin-bottom: 0.25rem !important;
  }
  .sm\:mb-2 {
    margin-bottom: 0.5rem !important;
  }
  .sm\:mb-3 {
    margin-bottom: 1rem !important;
  }
  .sm\:mb-4 {
    margin-bottom: 1.5rem !important;
  }
  .sm\:mb-5 {
    margin-bottom: 2rem !important;
  }
  .sm\:mb-6 {
    margin-bottom: 3rem !important;
  }
  .sm\:mb-7 {
    margin-bottom: 4rem !important;
  }
  .sm\:mb-8 {
    margin-bottom: 5rem !important;
  }
  .sm\:-mb-1 {
    margin-bottom: -0.25rem !important;
  }
  .sm\:-mb-2 {
    margin-bottom: -0.5rem !important;
  }
  .sm\:-mb-3 {
    margin-bottom: -1rem !important;
  }
  .sm\:-mb-4 {
    margin-bottom: -1.5rem !important;
  }
  .sm\:-mb-5 {
    margin-bottom: -2rem !important;
  }
  .sm\:-mb-6 {
    margin-bottom: -3rem !important;
  }
  .sm\:-mb-7 {
    margin-bottom: -4rem !important;
  }
  .sm\:-mb-8 {
    margin-bottom: -5rem !important;
  }
  .sm\:mb-auto {
    margin-bottom: auto !important;
  }
  .sm\:mx-0 {
    margin-left: 0rem !important;
    margin-right: 0rem !important;
  }
  .sm\:mx-1 {
    margin-left: 0.25rem !important;
    margin-right: 0.25rem !important;
  }
  .sm\:mx-2 {
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important;
  }
  .sm\:mx-3 {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
  }
  .sm\:mx-4 {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important;
  }
  .sm\:mx-5 {
    margin-left: 2rem !important;
    margin-right: 2rem !important;
  }
  .sm\:mx-6 {
    margin-left: 3rem !important;
    margin-right: 3rem !important;
  }
  .sm\:mx-7 {
    margin-left: 4rem !important;
    margin-right: 4rem !important;
  }
  .sm\:mx-8 {
    margin-left: 5rem !important;
    margin-right: 5rem !important;
  }
  .sm\:-mx-1 {
    margin-left: -0.25rem !important;
    margin-right: -0.25rem !important;
  }
  .sm\:-mx-2 {
    margin-left: -0.5rem !important;
    margin-right: -0.5rem !important;
  }
  .sm\:-mx-3 {
    margin-left: -1rem !important;
    margin-right: -1rem !important;
  }
  .sm\:-mx-4 {
    margin-left: -1.5rem !important;
    margin-right: -1.5rem !important;
  }
  .sm\:-mx-5 {
    margin-left: -2rem !important;
    margin-right: -2rem !important;
  }
  .sm\:-mx-6 {
    margin-left: -3rem !important;
    margin-right: -3rem !important;
  }
  .sm\:-mx-7 {
    margin-left: -4rem !important;
    margin-right: -4rem !important;
  }
  .sm\:-mx-8 {
    margin-left: -5rem !important;
    margin-right: -5rem !important;
  }
  .sm\:mx-auto {
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .sm\:my-0 {
    margin-top: 0rem !important;
    margin-bottom: 0rem !important;
  }
  .sm\:my-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .sm\:my-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .sm\:my-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .sm\:my-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .sm\:my-5 {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
  }
  .sm\:my-6 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .sm\:my-7 {
    margin-top: 4rem !important;
    margin-bottom: 4rem !important;
  }
  .sm\:my-8 {
    margin-top: 5rem !important;
    margin-bottom: 5rem !important;
  }
  .sm\:-my-1 {
    margin-top: -0.25rem !important;
    margin-bottom: -0.25rem !important;
  }
  .sm\:-my-2 {
    margin-top: -0.5rem !important;
    margin-bottom: -0.5rem !important;
  }
  .sm\:-my-3 {
    margin-top: -1rem !important;
    margin-bottom: -1rem !important;
  }
  .sm\:-my-4 {
    margin-top: -1.5rem !important;
    margin-bottom: -1.5rem !important;
  }
  .sm\:-my-5 {
    margin-top: -2rem !important;
    margin-bottom: -2rem !important;
  }
  .sm\:-my-6 {
    margin-top: -3rem !important;
    margin-bottom: -3rem !important;
  }
  .sm\:-my-7 {
    margin-top: -4rem !important;
    margin-bottom: -4rem !important;
  }
  .sm\:-my-8 {
    margin-top: -5rem !important;
    margin-bottom: -5rem !important;
  }
  .sm\:my-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:m-0 {
    margin: 0rem !important;
  }
  .md\:m-1 {
    margin: 0.25rem !important;
  }
  .md\:m-2 {
    margin: 0.5rem !important;
  }
  .md\:m-3 {
    margin: 1rem !important;
  }
  .md\:m-4 {
    margin: 1.5rem !important;
  }
  .md\:m-5 {
    margin: 2rem !important;
  }
  .md\:m-6 {
    margin: 3rem !important;
  }
  .md\:m-7 {
    margin: 4rem !important;
  }
  .md\:m-8 {
    margin: 5rem !important;
  }
  .md\:-m-1 {
    margin: -0.25rem !important;
  }
  .md\:-m-2 {
    margin: -0.5rem !important;
  }
  .md\:-m-3 {
    margin: -1rem !important;
  }
  .md\:-m-4 {
    margin: -1.5rem !important;
  }
  .md\:-m-5 {
    margin: -2rem !important;
  }
  .md\:-m-6 {
    margin: -3rem !important;
  }
  .md\:-m-7 {
    margin: -4rem !important;
  }
  .md\:-m-8 {
    margin: -5rem !important;
  }
  .md\:m-auto {
    margin: auto !important;
  }
  .md\:mt-0 {
    margin-top: 0rem !important;
  }
  .md\:mt-1 {
    margin-top: 0.25rem !important;
  }
  .md\:mt-2 {
    margin-top: 0.5rem !important;
  }
  .md\:mt-3 {
    margin-top: 1rem !important;
  }
  .md\:mt-4 {
    margin-top: 1.5rem !important;
  }
  .md\:mt-5 {
    margin-top: 2rem !important;
  }
  .md\:mt-6 {
    margin-top: 3rem !important;
  }
  .md\:mt-7 {
    margin-top: 4rem !important;
  }
  .md\:mt-8 {
    margin-top: 5rem !important;
  }
  .md\:-mt-1 {
    margin-top: -0.25rem !important;
  }
  .md\:-mt-2 {
    margin-top: -0.5rem !important;
  }
  .md\:-mt-3 {
    margin-top: -1rem !important;
  }
  .md\:-mt-4 {
    margin-top: -1.5rem !important;
  }
  .md\:-mt-5 {
    margin-top: -2rem !important;
  }
  .md\:-mt-6 {
    margin-top: -3rem !important;
  }
  .md\:-mt-7 {
    margin-top: -4rem !important;
  }
  .md\:-mt-8 {
    margin-top: -5rem !important;
  }
  .md\:mt-auto {
    margin-top: auto !important;
  }
  .md\:mr-0 {
    margin-right: 0rem !important;
  }
  .md\:mr-1 {
    margin-right: 0.25rem !important;
  }
  .md\:mr-2 {
    margin-right: 0.5rem !important;
  }
  .md\:mr-3 {
    margin-right: 1rem !important;
  }
  .md\:mr-4 {
    margin-right: 1.5rem !important;
  }
  .md\:mr-5 {
    margin-right: 2rem !important;
  }
  .md\:mr-6 {
    margin-right: 3rem !important;
  }
  .md\:mr-7 {
    margin-right: 4rem !important;
  }
  .md\:mr-8 {
    margin-right: 5rem !important;
  }
  .md\:-mr-1 {
    margin-right: -0.25rem !important;
  }
  .md\:-mr-2 {
    margin-right: -0.5rem !important;
  }
  .md\:-mr-3 {
    margin-right: -1rem !important;
  }
  .md\:-mr-4 {
    margin-right: -1.5rem !important;
  }
  .md\:-mr-5 {
    margin-right: -2rem !important;
  }
  .md\:-mr-6 {
    margin-right: -3rem !important;
  }
  .md\:-mr-7 {
    margin-right: -4rem !important;
  }
  .md\:-mr-8 {
    margin-right: -5rem !important;
  }
  .md\:mr-auto {
    margin-right: auto !important;
  }
  .md\:ml-0 {
    margin-left: 0rem !important;
  }
  .md\:ml-1 {
    margin-left: 0.25rem !important;
  }
  .md\:ml-2 {
    margin-left: 0.5rem !important;
  }
  .md\:ml-3 {
    margin-left: 1rem !important;
  }
  .md\:ml-4 {
    margin-left: 1.5rem !important;
  }
  .md\:ml-5 {
    margin-left: 2rem !important;
  }
  .md\:ml-6 {
    margin-left: 3rem !important;
  }
  .md\:ml-7 {
    margin-left: 4rem !important;
  }
  .md\:ml-8 {
    margin-left: 5rem !important;
  }
  .md\:-ml-1 {
    margin-left: -0.25rem !important;
  }
  .md\:-ml-2 {
    margin-left: -0.5rem !important;
  }
  .md\:-ml-3 {
    margin-left: -1rem !important;
  }
  .md\:-ml-4 {
    margin-left: -1.5rem !important;
  }
  .md\:-ml-5 {
    margin-left: -2rem !important;
  }
  .md\:-ml-6 {
    margin-left: -3rem !important;
  }
  .md\:-ml-7 {
    margin-left: -4rem !important;
  }
  .md\:-ml-8 {
    margin-left: -5rem !important;
  }
  .md\:ml-auto {
    margin-left: auto !important;
  }
  .md\:mb-0 {
    margin-bottom: 0rem !important;
  }
  .md\:mb-1 {
    margin-bottom: 0.25rem !important;
  }
  .md\:mb-2 {
    margin-bottom: 0.5rem !important;
  }
  .md\:mb-3 {
    margin-bottom: 1rem !important;
  }
  .md\:mb-4 {
    margin-bottom: 1.5rem !important;
  }
  .md\:mb-5 {
    margin-bottom: 2rem !important;
  }
  .md\:mb-6 {
    margin-bottom: 3rem !important;
  }
  .md\:mb-7 {
    margin-bottom: 4rem !important;
  }
  .md\:mb-8 {
    margin-bottom: 5rem !important;
  }
  .md\:-mb-1 {
    margin-bottom: -0.25rem !important;
  }
  .md\:-mb-2 {
    margin-bottom: -0.5rem !important;
  }
  .md\:-mb-3 {
    margin-bottom: -1rem !important;
  }
  .md\:-mb-4 {
    margin-bottom: -1.5rem !important;
  }
  .md\:-mb-5 {
    margin-bottom: -2rem !important;
  }
  .md\:-mb-6 {
    margin-bottom: -3rem !important;
  }
  .md\:-mb-7 {
    margin-bottom: -4rem !important;
  }
  .md\:-mb-8 {
    margin-bottom: -5rem !important;
  }
  .md\:mb-auto {
    margin-bottom: auto !important;
  }
  .md\:mx-0 {
    margin-left: 0rem !important;
    margin-right: 0rem !important;
  }
  .md\:mx-1 {
    margin-left: 0.25rem !important;
    margin-right: 0.25rem !important;
  }
  .md\:mx-2 {
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important;
  }
  .md\:mx-3 {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
  }
  .md\:mx-4 {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important;
  }
  .md\:mx-5 {
    margin-left: 2rem !important;
    margin-right: 2rem !important;
  }
  .md\:mx-6 {
    margin-left: 3rem !important;
    margin-right: 3rem !important;
  }
  .md\:mx-7 {
    margin-left: 4rem !important;
    margin-right: 4rem !important;
  }
  .md\:mx-8 {
    margin-left: 5rem !important;
    margin-right: 5rem !important;
  }
  .md\:-mx-1 {
    margin-left: -0.25rem !important;
    margin-right: -0.25rem !important;
  }
  .md\:-mx-2 {
    margin-left: -0.5rem !important;
    margin-right: -0.5rem !important;
  }
  .md\:-mx-3 {
    margin-left: -1rem !important;
    margin-right: -1rem !important;
  }
  .md\:-mx-4 {
    margin-left: -1.5rem !important;
    margin-right: -1.5rem !important;
  }
  .md\:-mx-5 {
    margin-left: -2rem !important;
    margin-right: -2rem !important;
  }
  .md\:-mx-6 {
    margin-left: -3rem !important;
    margin-right: -3rem !important;
  }
  .md\:-mx-7 {
    margin-left: -4rem !important;
    margin-right: -4rem !important;
  }
  .md\:-mx-8 {
    margin-left: -5rem !important;
    margin-right: -5rem !important;
  }
  .md\:mx-auto {
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .md\:my-0 {
    margin-top: 0rem !important;
    margin-bottom: 0rem !important;
  }
  .md\:my-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .md\:my-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .md\:my-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .md\:my-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .md\:my-5 {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
  }
  .md\:my-6 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .md\:my-7 {
    margin-top: 4rem !important;
    margin-bottom: 4rem !important;
  }
  .md\:my-8 {
    margin-top: 5rem !important;
    margin-bottom: 5rem !important;
  }
  .md\:-my-1 {
    margin-top: -0.25rem !important;
    margin-bottom: -0.25rem !important;
  }
  .md\:-my-2 {
    margin-top: -0.5rem !important;
    margin-bottom: -0.5rem !important;
  }
  .md\:-my-3 {
    margin-top: -1rem !important;
    margin-bottom: -1rem !important;
  }
  .md\:-my-4 {
    margin-top: -1.5rem !important;
    margin-bottom: -1.5rem !important;
  }
  .md\:-my-5 {
    margin-top: -2rem !important;
    margin-bottom: -2rem !important;
  }
  .md\:-my-6 {
    margin-top: -3rem !important;
    margin-bottom: -3rem !important;
  }
  .md\:-my-7 {
    margin-top: -4rem !important;
    margin-bottom: -4rem !important;
  }
  .md\:-my-8 {
    margin-top: -5rem !important;
    margin-bottom: -5rem !important;
  }
  .md\:my-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:m-0 {
    margin: 0rem !important;
  }
  .lg\:m-1 {
    margin: 0.25rem !important;
  }
  .lg\:m-2 {
    margin: 0.5rem !important;
  }
  .lg\:m-3 {
    margin: 1rem !important;
  }
  .lg\:m-4 {
    margin: 1.5rem !important;
  }
  .lg\:m-5 {
    margin: 2rem !important;
  }
  .lg\:m-6 {
    margin: 3rem !important;
  }
  .lg\:m-7 {
    margin: 4rem !important;
  }
  .lg\:m-8 {
    margin: 5rem !important;
  }
  .lg\:-m-1 {
    margin: -0.25rem !important;
  }
  .lg\:-m-2 {
    margin: -0.5rem !important;
  }
  .lg\:-m-3 {
    margin: -1rem !important;
  }
  .lg\:-m-4 {
    margin: -1.5rem !important;
  }
  .lg\:-m-5 {
    margin: -2rem !important;
  }
  .lg\:-m-6 {
    margin: -3rem !important;
  }
  .lg\:-m-7 {
    margin: -4rem !important;
  }
  .lg\:-m-8 {
    margin: -5rem !important;
  }
  .lg\:m-auto {
    margin: auto !important;
  }
  .lg\:mt-0 {
    margin-top: 0rem !important;
  }
  .lg\:mt-1 {
    margin-top: 0.25rem !important;
  }
  .lg\:mt-2 {
    margin-top: 0.5rem !important;
  }
  .lg\:mt-3 {
    margin-top: 1rem !important;
  }
  .lg\:mt-4 {
    margin-top: 1.5rem !important;
  }
  .lg\:mt-5 {
    margin-top: 2rem !important;
  }
  .lg\:mt-6 {
    margin-top: 3rem !important;
  }
  .lg\:mt-7 {
    margin-top: 4rem !important;
  }
  .lg\:mt-8 {
    margin-top: 5rem !important;
  }
  .lg\:-mt-1 {
    margin-top: -0.25rem !important;
  }
  .lg\:-mt-2 {
    margin-top: -0.5rem !important;
  }
  .lg\:-mt-3 {
    margin-top: -1rem !important;
  }
  .lg\:-mt-4 {
    margin-top: -1.5rem !important;
  }
  .lg\:-mt-5 {
    margin-top: -2rem !important;
  }
  .lg\:-mt-6 {
    margin-top: -3rem !important;
  }
  .lg\:-mt-7 {
    margin-top: -4rem !important;
  }
  .lg\:-mt-8 {
    margin-top: -5rem !important;
  }
  .lg\:mt-auto {
    margin-top: auto !important;
  }
  .lg\:mr-0 {
    margin-right: 0rem !important;
  }
  .lg\:mr-1 {
    margin-right: 0.25rem !important;
  }
  .lg\:mr-2 {
    margin-right: 0.5rem !important;
  }
  .lg\:mr-3 {
    margin-right: 1rem !important;
  }
  .lg\:mr-4 {
    margin-right: 1.5rem !important;
  }
  .lg\:mr-5 {
    margin-right: 2rem !important;
  }
  .lg\:mr-6 {
    margin-right: 3rem !important;
  }
  .lg\:mr-7 {
    margin-right: 4rem !important;
  }
  .lg\:mr-8 {
    margin-right: 5rem !important;
  }
  .lg\:-mr-1 {
    margin-right: -0.25rem !important;
  }
  .lg\:-mr-2 {
    margin-right: -0.5rem !important;
  }
  .lg\:-mr-3 {
    margin-right: -1rem !important;
  }
  .lg\:-mr-4 {
    margin-right: -1.5rem !important;
  }
  .lg\:-mr-5 {
    margin-right: -2rem !important;
  }
  .lg\:-mr-6 {
    margin-right: -3rem !important;
  }
  .lg\:-mr-7 {
    margin-right: -4rem !important;
  }
  .lg\:-mr-8 {
    margin-right: -5rem !important;
  }
  .lg\:mr-auto {
    margin-right: auto !important;
  }
  .lg\:ml-0 {
    margin-left: 0rem !important;
  }
  .lg\:ml-1 {
    margin-left: 0.25rem !important;
  }
  .lg\:ml-2 {
    margin-left: 0.5rem !important;
  }
  .lg\:ml-3 {
    margin-left: 1rem !important;
  }
  .lg\:ml-4 {
    margin-left: 1.5rem !important;
  }
  .lg\:ml-5 {
    margin-left: 2rem !important;
  }
  .lg\:ml-6 {
    margin-left: 3rem !important;
  }
  .lg\:ml-7 {
    margin-left: 4rem !important;
  }
  .lg\:ml-8 {
    margin-left: 5rem !important;
  }
  .lg\:-ml-1 {
    margin-left: -0.25rem !important;
  }
  .lg\:-ml-2 {
    margin-left: -0.5rem !important;
  }
  .lg\:-ml-3 {
    margin-left: -1rem !important;
  }
  .lg\:-ml-4 {
    margin-left: -1.5rem !important;
  }
  .lg\:-ml-5 {
    margin-left: -2rem !important;
  }
  .lg\:-ml-6 {
    margin-left: -3rem !important;
  }
  .lg\:-ml-7 {
    margin-left: -4rem !important;
  }
  .lg\:-ml-8 {
    margin-left: -5rem !important;
  }
  .lg\:ml-auto {
    margin-left: auto !important;
  }
  .lg\:mb-0 {
    margin-bottom: 0rem !important;
  }
  .lg\:mb-1 {
    margin-bottom: 0.25rem !important;
  }
  .lg\:mb-2 {
    margin-bottom: 0.5rem !important;
  }
  .lg\:mb-3 {
    margin-bottom: 1rem !important;
  }
  .lg\:mb-4 {
    margin-bottom: 1.5rem !important;
  }
  .lg\:mb-5 {
    margin-bottom: 2rem !important;
  }
  .lg\:mb-6 {
    margin-bottom: 3rem !important;
  }
  .lg\:mb-7 {
    margin-bottom: 4rem !important;
  }
  .lg\:mb-8 {
    margin-bottom: 5rem !important;
  }
  .lg\:-mb-1 {
    margin-bottom: -0.25rem !important;
  }
  .lg\:-mb-2 {
    margin-bottom: -0.5rem !important;
  }
  .lg\:-mb-3 {
    margin-bottom: -1rem !important;
  }
  .lg\:-mb-4 {
    margin-bottom: -1.5rem !important;
  }
  .lg\:-mb-5 {
    margin-bottom: -2rem !important;
  }
  .lg\:-mb-6 {
    margin-bottom: -3rem !important;
  }
  .lg\:-mb-7 {
    margin-bottom: -4rem !important;
  }
  .lg\:-mb-8 {
    margin-bottom: -5rem !important;
  }
  .lg\:mb-auto {
    margin-bottom: auto !important;
  }
  .lg\:mx-0 {
    margin-left: 0rem !important;
    margin-right: 0rem !important;
  }
  .lg\:mx-1 {
    margin-left: 0.25rem !important;
    margin-right: 0.25rem !important;
  }
  .lg\:mx-2 {
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important;
  }
  .lg\:mx-3 {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
  }
  .lg\:mx-4 {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important;
  }
  .lg\:mx-5 {
    margin-left: 2rem !important;
    margin-right: 2rem !important;
  }
  .lg\:mx-6 {
    margin-left: 3rem !important;
    margin-right: 3rem !important;
  }
  .lg\:mx-7 {
    margin-left: 4rem !important;
    margin-right: 4rem !important;
  }
  .lg\:mx-8 {
    margin-left: 5rem !important;
    margin-right: 5rem !important;
  }
  .lg\:-mx-1 {
    margin-left: -0.25rem !important;
    margin-right: -0.25rem !important;
  }
  .lg\:-mx-2 {
    margin-left: -0.5rem !important;
    margin-right: -0.5rem !important;
  }
  .lg\:-mx-3 {
    margin-left: -1rem !important;
    margin-right: -1rem !important;
  }
  .lg\:-mx-4 {
    margin-left: -1.5rem !important;
    margin-right: -1.5rem !important;
  }
  .lg\:-mx-5 {
    margin-left: -2rem !important;
    margin-right: -2rem !important;
  }
  .lg\:-mx-6 {
    margin-left: -3rem !important;
    margin-right: -3rem !important;
  }
  .lg\:-mx-7 {
    margin-left: -4rem !important;
    margin-right: -4rem !important;
  }
  .lg\:-mx-8 {
    margin-left: -5rem !important;
    margin-right: -5rem !important;
  }
  .lg\:mx-auto {
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .lg\:my-0 {
    margin-top: 0rem !important;
    margin-bottom: 0rem !important;
  }
  .lg\:my-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .lg\:my-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .lg\:my-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .lg\:my-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .lg\:my-5 {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
  }
  .lg\:my-6 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .lg\:my-7 {
    margin-top: 4rem !important;
    margin-bottom: 4rem !important;
  }
  .lg\:my-8 {
    margin-top: 5rem !important;
    margin-bottom: 5rem !important;
  }
  .lg\:-my-1 {
    margin-top: -0.25rem !important;
    margin-bottom: -0.25rem !important;
  }
  .lg\:-my-2 {
    margin-top: -0.5rem !important;
    margin-bottom: -0.5rem !important;
  }
  .lg\:-my-3 {
    margin-top: -1rem !important;
    margin-bottom: -1rem !important;
  }
  .lg\:-my-4 {
    margin-top: -1.5rem !important;
    margin-bottom: -1.5rem !important;
  }
  .lg\:-my-5 {
    margin-top: -2rem !important;
    margin-bottom: -2rem !important;
  }
  .lg\:-my-6 {
    margin-top: -3rem !important;
    margin-bottom: -3rem !important;
  }
  .lg\:-my-7 {
    margin-top: -4rem !important;
    margin-bottom: -4rem !important;
  }
  .lg\:-my-8 {
    margin-top: -5rem !important;
    margin-bottom: -5rem !important;
  }
  .lg\:my-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:m-0 {
    margin: 0rem !important;
  }
  .xl\:m-1 {
    margin: 0.25rem !important;
  }
  .xl\:m-2 {
    margin: 0.5rem !important;
  }
  .xl\:m-3 {
    margin: 1rem !important;
  }
  .xl\:m-4 {
    margin: 1.5rem !important;
  }
  .xl\:m-5 {
    margin: 2rem !important;
  }
  .xl\:m-6 {
    margin: 3rem !important;
  }
  .xl\:m-7 {
    margin: 4rem !important;
  }
  .xl\:m-8 {
    margin: 5rem !important;
  }
  .xl\:-m-1 {
    margin: -0.25rem !important;
  }
  .xl\:-m-2 {
    margin: -0.5rem !important;
  }
  .xl\:-m-3 {
    margin: -1rem !important;
  }
  .xl\:-m-4 {
    margin: -1.5rem !important;
  }
  .xl\:-m-5 {
    margin: -2rem !important;
  }
  .xl\:-m-6 {
    margin: -3rem !important;
  }
  .xl\:-m-7 {
    margin: -4rem !important;
  }
  .xl\:-m-8 {
    margin: -5rem !important;
  }
  .xl\:m-auto {
    margin: auto !important;
  }
  .xl\:mt-0 {
    margin-top: 0rem !important;
  }
  .xl\:mt-1 {
    margin-top: 0.25rem !important;
  }
  .xl\:mt-2 {
    margin-top: 0.5rem !important;
  }
  .xl\:mt-3 {
    margin-top: 1rem !important;
  }
  .xl\:mt-4 {
    margin-top: 1.5rem !important;
  }
  .xl\:mt-5 {
    margin-top: 2rem !important;
  }
  .xl\:mt-6 {
    margin-top: 3rem !important;
  }
  .xl\:mt-7 {
    margin-top: 4rem !important;
  }
  .xl\:mt-8 {
    margin-top: 5rem !important;
  }
  .xl\:-mt-1 {
    margin-top: -0.25rem !important;
  }
  .xl\:-mt-2 {
    margin-top: -0.5rem !important;
  }
  .xl\:-mt-3 {
    margin-top: -1rem !important;
  }
  .xl\:-mt-4 {
    margin-top: -1.5rem !important;
  }
  .xl\:-mt-5 {
    margin-top: -2rem !important;
  }
  .xl\:-mt-6 {
    margin-top: -3rem !important;
  }
  .xl\:-mt-7 {
    margin-top: -4rem !important;
  }
  .xl\:-mt-8 {
    margin-top: -5rem !important;
  }
  .xl\:mt-auto {
    margin-top: auto !important;
  }
  .xl\:mr-0 {
    margin-right: 0rem !important;
  }
  .xl\:mr-1 {
    margin-right: 0.25rem !important;
  }
  .xl\:mr-2 {
    margin-right: 0.5rem !important;
  }
  .xl\:mr-3 {
    margin-right: 1rem !important;
  }
  .xl\:mr-4 {
    margin-right: 1.5rem !important;
  }
  .xl\:mr-5 {
    margin-right: 2rem !important;
  }
  .xl\:mr-6 {
    margin-right: 3rem !important;
  }
  .xl\:mr-7 {
    margin-right: 4rem !important;
  }
  .xl\:mr-8 {
    margin-right: 5rem !important;
  }
  .xl\:-mr-1 {
    margin-right: -0.25rem !important;
  }
  .xl\:-mr-2 {
    margin-right: -0.5rem !important;
  }
  .xl\:-mr-3 {
    margin-right: -1rem !important;
  }
  .xl\:-mr-4 {
    margin-right: -1.5rem !important;
  }
  .xl\:-mr-5 {
    margin-right: -2rem !important;
  }
  .xl\:-mr-6 {
    margin-right: -3rem !important;
  }
  .xl\:-mr-7 {
    margin-right: -4rem !important;
  }
  .xl\:-mr-8 {
    margin-right: -5rem !important;
  }
  .xl\:mr-auto {
    margin-right: auto !important;
  }
  .xl\:ml-0 {
    margin-left: 0rem !important;
  }
  .xl\:ml-1 {
    margin-left: 0.25rem !important;
  }
  .xl\:ml-2 {
    margin-left: 0.5rem !important;
  }
  .xl\:ml-3 {
    margin-left: 1rem !important;
  }
  .xl\:ml-4 {
    margin-left: 1.5rem !important;
  }
  .xl\:ml-5 {
    margin-left: 2rem !important;
  }
  .xl\:ml-6 {
    margin-left: 3rem !important;
  }
  .xl\:ml-7 {
    margin-left: 4rem !important;
  }
  .xl\:ml-8 {
    margin-left: 5rem !important;
  }
  .xl\:-ml-1 {
    margin-left: -0.25rem !important;
  }
  .xl\:-ml-2 {
    margin-left: -0.5rem !important;
  }
  .xl\:-ml-3 {
    margin-left: -1rem !important;
  }
  .xl\:-ml-4 {
    margin-left: -1.5rem !important;
  }
  .xl\:-ml-5 {
    margin-left: -2rem !important;
  }
  .xl\:-ml-6 {
    margin-left: -3rem !important;
  }
  .xl\:-ml-7 {
    margin-left: -4rem !important;
  }
  .xl\:-ml-8 {
    margin-left: -5rem !important;
  }
  .xl\:ml-auto {
    margin-left: auto !important;
  }
  .xl\:mb-0 {
    margin-bottom: 0rem !important;
  }
  .xl\:mb-1 {
    margin-bottom: 0.25rem !important;
  }
  .xl\:mb-2 {
    margin-bottom: 0.5rem !important;
  }
  .xl\:mb-3 {
    margin-bottom: 1rem !important;
  }
  .xl\:mb-4 {
    margin-bottom: 1.5rem !important;
  }
  .xl\:mb-5 {
    margin-bottom: 2rem !important;
  }
  .xl\:mb-6 {
    margin-bottom: 3rem !important;
  }
  .xl\:mb-7 {
    margin-bottom: 4rem !important;
  }
  .xl\:mb-8 {
    margin-bottom: 5rem !important;
  }
  .xl\:-mb-1 {
    margin-bottom: -0.25rem !important;
  }
  .xl\:-mb-2 {
    margin-bottom: -0.5rem !important;
  }
  .xl\:-mb-3 {
    margin-bottom: -1rem !important;
  }
  .xl\:-mb-4 {
    margin-bottom: -1.5rem !important;
  }
  .xl\:-mb-5 {
    margin-bottom: -2rem !important;
  }
  .xl\:-mb-6 {
    margin-bottom: -3rem !important;
  }
  .xl\:-mb-7 {
    margin-bottom: -4rem !important;
  }
  .xl\:-mb-8 {
    margin-bottom: -5rem !important;
  }
  .xl\:mb-auto {
    margin-bottom: auto !important;
  }
  .xl\:mx-0 {
    margin-left: 0rem !important;
    margin-right: 0rem !important;
  }
  .xl\:mx-1 {
    margin-left: 0.25rem !important;
    margin-right: 0.25rem !important;
  }
  .xl\:mx-2 {
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important;
  }
  .xl\:mx-3 {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
  }
  .xl\:mx-4 {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important;
  }
  .xl\:mx-5 {
    margin-left: 2rem !important;
    margin-right: 2rem !important;
  }
  .xl\:mx-6 {
    margin-left: 3rem !important;
    margin-right: 3rem !important;
  }
  .xl\:mx-7 {
    margin-left: 4rem !important;
    margin-right: 4rem !important;
  }
  .xl\:mx-8 {
    margin-left: 5rem !important;
    margin-right: 5rem !important;
  }
  .xl\:-mx-1 {
    margin-left: -0.25rem !important;
    margin-right: -0.25rem !important;
  }
  .xl\:-mx-2 {
    margin-left: -0.5rem !important;
    margin-right: -0.5rem !important;
  }
  .xl\:-mx-3 {
    margin-left: -1rem !important;
    margin-right: -1rem !important;
  }
  .xl\:-mx-4 {
    margin-left: -1.5rem !important;
    margin-right: -1.5rem !important;
  }
  .xl\:-mx-5 {
    margin-left: -2rem !important;
    margin-right: -2rem !important;
  }
  .xl\:-mx-6 {
    margin-left: -3rem !important;
    margin-right: -3rem !important;
  }
  .xl\:-mx-7 {
    margin-left: -4rem !important;
    margin-right: -4rem !important;
  }
  .xl\:-mx-8 {
    margin-left: -5rem !important;
    margin-right: -5rem !important;
  }
  .xl\:mx-auto {
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .xl\:my-0 {
    margin-top: 0rem !important;
    margin-bottom: 0rem !important;
  }
  .xl\:my-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .xl\:my-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .xl\:my-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .xl\:my-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .xl\:my-5 {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
  }
  .xl\:my-6 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .xl\:my-7 {
    margin-top: 4rem !important;
    margin-bottom: 4rem !important;
  }
  .xl\:my-8 {
    margin-top: 5rem !important;
    margin-bottom: 5rem !important;
  }
  .xl\:-my-1 {
    margin-top: -0.25rem !important;
    margin-bottom: -0.25rem !important;
  }
  .xl\:-my-2 {
    margin-top: -0.5rem !important;
    margin-bottom: -0.5rem !important;
  }
  .xl\:-my-3 {
    margin-top: -1rem !important;
    margin-bottom: -1rem !important;
  }
  .xl\:-my-4 {
    margin-top: -1.5rem !important;
    margin-bottom: -1.5rem !important;
  }
  .xl\:-my-5 {
    margin-top: -2rem !important;
    margin-bottom: -2rem !important;
  }
  .xl\:-my-6 {
    margin-top: -3rem !important;
    margin-bottom: -3rem !important;
  }
  .xl\:-my-7 {
    margin-top: -4rem !important;
    margin-bottom: -4rem !important;
  }
  .xl\:-my-8 {
    margin-top: -5rem !important;
    margin-bottom: -5rem !important;
  }
  .xl\:my-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
}
.shadow-none {
  box-shadow: none !important;
}
.shadow-1 {
  box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important;
}
.shadow-2 {
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important;
}
.shadow-3 {
  box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important;
}
.shadow-4 {
  box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important;
}
.shadow-5 {
  box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important;
}
.shadow-6 {
  box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important;
}
.shadow-7 {
  box-shadow: 0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important;
}
.shadow-8 {
  box-shadow: 0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important;
}
.focus\:shadow-none:focus {
  box-shadow: none !important;
}
.hover\:shadow-none:hover {
  box-shadow: none !important;
}
.active\:shadow-none:active {
  box-shadow: none !important;
}
.focus\:shadow-1:focus {
  box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important;
}
.hover\:shadow-1:hover {
  box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important;
}
.active\:shadow-1:active {
  box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important;
}
.focus\:shadow-2:focus {
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important;
}
.hover\:shadow-2:hover {
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important;
}
.active\:shadow-2:active {
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important;
}
.focus\:shadow-3:focus {
  box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important;
}
.hover\:shadow-3:hover {
  box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important;
}
.active\:shadow-3:active {
  box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important;
}
.focus\:shadow-4:focus {
  box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important;
}
.hover\:shadow-4:hover {
  box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important;
}
.active\:shadow-4:active {
  box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important;
}
.focus\:shadow-5:focus {
  box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important;
}
.hover\:shadow-5:hover {
  box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important;
}
.active\:shadow-5:active {
  box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important;
}
.focus\:shadow-6:focus {
  box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important;
}
.hover\:shadow-6:hover {
  box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important;
}
.active\:shadow-6:active {
  box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important;
}
.focus\:shadow-7:focus {
  box-shadow: 0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important;
}
.hover\:shadow-7:hover {
  box-shadow: 0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important;
}
.active\:shadow-7:active {
  box-shadow: 0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important;
}
.focus\:shadow-8:focus {
  box-shadow: 0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important;
}
.hover\:shadow-8:hover {
  box-shadow: 0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important;
}
.active\:shadow-8:active {
  box-shadow: 0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important;
}
@media screen and (min-width: 576px) {
  .sm\:shadow-none {
    box-shadow: none !important;
  }
  .sm\:shadow-1 {
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important;
  }
  .sm\:shadow-2 {
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important;
  }
  .sm\:shadow-3 {
    box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important;
  }
  .sm\:shadow-4 {
    box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important;
  }
  .sm\:shadow-5 {
    box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important;
  }
  .sm\:shadow-6 {
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important;
  }
  .sm\:shadow-7 {
    box-shadow: 0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important;
  }
  .sm\:shadow-8 {
    box-shadow: 0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important;
  }
  .sm\:focus\:shadow-none:focus {
    box-shadow: none !important;
  }
  .sm\:hover\:shadow-none:hover {
    box-shadow: none !important;
  }
  .sm\:active\:shadow-none:active {
    box-shadow: none !important;
  }
  .sm\:focus\:shadow-1:focus {
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important;
  }
  .sm\:hover\:shadow-1:hover {
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important;
  }
  .sm\:active\:shadow-1:active {
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important;
  }
  .sm\:focus\:shadow-2:focus {
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important;
  }
  .sm\:hover\:shadow-2:hover {
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important;
  }
  .sm\:active\:shadow-2:active {
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important;
  }
  .sm\:focus\:shadow-3:focus {
    box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important;
  }
  .sm\:hover\:shadow-3:hover {
    box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important;
  }
  .sm\:active\:shadow-3:active {
    box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important;
  }
  .sm\:focus\:shadow-4:focus {
    box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important;
  }
  .sm\:hover\:shadow-4:hover {
    box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important;
  }
  .sm\:active\:shadow-4:active {
    box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important;
  }
  .sm\:focus\:shadow-5:focus {
    box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important;
  }
  .sm\:hover\:shadow-5:hover {
    box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important;
  }
  .sm\:active\:shadow-5:active {
    box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important;
  }
  .sm\:focus\:shadow-6:focus {
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important;
  }
  .sm\:hover\:shadow-6:hover {
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important;
  }
  .sm\:active\:shadow-6:active {
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important;
  }
  .sm\:focus\:shadow-7:focus {
    box-shadow: 0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important;
  }
  .sm\:hover\:shadow-7:hover {
    box-shadow: 0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important;
  }
  .sm\:active\:shadow-7:active {
    box-shadow: 0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important;
  }
  .sm\:focus\:shadow-8:focus {
    box-shadow: 0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important;
  }
  .sm\:hover\:shadow-8:hover {
    box-shadow: 0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important;
  }
  .sm\:active\:shadow-8:active {
    box-shadow: 0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:shadow-none {
    box-shadow: none !important;
  }
  .md\:shadow-1 {
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important;
  }
  .md\:shadow-2 {
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important;
  }
  .md\:shadow-3 {
    box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important;
  }
  .md\:shadow-4 {
    box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important;
  }
  .md\:shadow-5 {
    box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important;
  }
  .md\:shadow-6 {
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important;
  }
  .md\:shadow-7 {
    box-shadow: 0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important;
  }
  .md\:shadow-8 {
    box-shadow: 0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important;
  }
  .md\:focus\:shadow-none:focus {
    box-shadow: none !important;
  }
  .md\:hover\:shadow-none:hover {
    box-shadow: none !important;
  }
  .md\:active\:shadow-none:active {
    box-shadow: none !important;
  }
  .md\:focus\:shadow-1:focus {
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important;
  }
  .md\:hover\:shadow-1:hover {
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important;
  }
  .md\:active\:shadow-1:active {
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important;
  }
  .md\:focus\:shadow-2:focus {
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important;
  }
  .md\:hover\:shadow-2:hover {
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important;
  }
  .md\:active\:shadow-2:active {
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important;
  }
  .md\:focus\:shadow-3:focus {
    box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important;
  }
  .md\:hover\:shadow-3:hover {
    box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important;
  }
  .md\:active\:shadow-3:active {
    box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important;
  }
  .md\:focus\:shadow-4:focus {
    box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important;
  }
  .md\:hover\:shadow-4:hover {
    box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important;
  }
  .md\:active\:shadow-4:active {
    box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important;
  }
  .md\:focus\:shadow-5:focus {
    box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important;
  }
  .md\:hover\:shadow-5:hover {
    box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important;
  }
  .md\:active\:shadow-5:active {
    box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important;
  }
  .md\:focus\:shadow-6:focus {
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important;
  }
  .md\:hover\:shadow-6:hover {
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important;
  }
  .md\:active\:shadow-6:active {
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important;
  }
  .md\:focus\:shadow-7:focus {
    box-shadow: 0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important;
  }
  .md\:hover\:shadow-7:hover {
    box-shadow: 0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important;
  }
  .md\:active\:shadow-7:active {
    box-shadow: 0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important;
  }
  .md\:focus\:shadow-8:focus {
    box-shadow: 0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important;
  }
  .md\:hover\:shadow-8:hover {
    box-shadow: 0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important;
  }
  .md\:active\:shadow-8:active {
    box-shadow: 0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:shadow-none {
    box-shadow: none !important;
  }
  .lg\:shadow-1 {
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important;
  }
  .lg\:shadow-2 {
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important;
  }
  .lg\:shadow-3 {
    box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important;
  }
  .lg\:shadow-4 {
    box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important;
  }
  .lg\:shadow-5 {
    box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important;
  }
  .lg\:shadow-6 {
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important;
  }
  .lg\:shadow-7 {
    box-shadow: 0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important;
  }
  .lg\:shadow-8 {
    box-shadow: 0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important;
  }
  .lg\:focus\:shadow-none:focus {
    box-shadow: none !important;
  }
  .lg\:hover\:shadow-none:hover {
    box-shadow: none !important;
  }
  .lg\:active\:shadow-none:active {
    box-shadow: none !important;
  }
  .lg\:focus\:shadow-1:focus {
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important;
  }
  .lg\:hover\:shadow-1:hover {
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important;
  }
  .lg\:active\:shadow-1:active {
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important;
  }
  .lg\:focus\:shadow-2:focus {
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important;
  }
  .lg\:hover\:shadow-2:hover {
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important;
  }
  .lg\:active\:shadow-2:active {
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important;
  }
  .lg\:focus\:shadow-3:focus {
    box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important;
  }
  .lg\:hover\:shadow-3:hover {
    box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important;
  }
  .lg\:active\:shadow-3:active {
    box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important;
  }
  .lg\:focus\:shadow-4:focus {
    box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important;
  }
  .lg\:hover\:shadow-4:hover {
    box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important;
  }
  .lg\:active\:shadow-4:active {
    box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important;
  }
  .lg\:focus\:shadow-5:focus {
    box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important;
  }
  .lg\:hover\:shadow-5:hover {
    box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important;
  }
  .lg\:active\:shadow-5:active {
    box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important;
  }
  .lg\:focus\:shadow-6:focus {
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important;
  }
  .lg\:hover\:shadow-6:hover {
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important;
  }
  .lg\:active\:shadow-6:active {
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important;
  }
  .lg\:focus\:shadow-7:focus {
    box-shadow: 0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important;
  }
  .lg\:hover\:shadow-7:hover {
    box-shadow: 0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important;
  }
  .lg\:active\:shadow-7:active {
    box-shadow: 0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important;
  }
  .lg\:focus\:shadow-8:focus {
    box-shadow: 0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important;
  }
  .lg\:hover\:shadow-8:hover {
    box-shadow: 0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important;
  }
  .lg\:active\:shadow-8:active {
    box-shadow: 0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:shadow-none {
    box-shadow: none !important;
  }
  .xl\:shadow-1 {
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important;
  }
  .xl\:shadow-2 {
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important;
  }
  .xl\:shadow-3 {
    box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important;
  }
  .xl\:shadow-4 {
    box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important;
  }
  .xl\:shadow-5 {
    box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important;
  }
  .xl\:shadow-6 {
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important;
  }
  .xl\:shadow-7 {
    box-shadow: 0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important;
  }
  .xl\:shadow-8 {
    box-shadow: 0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important;
  }
  .xl\:focus\:shadow-none:focus {
    box-shadow: none !important;
  }
  .xl\:hover\:shadow-none:hover {
    box-shadow: none !important;
  }
  .xl\:active\:shadow-none:active {
    box-shadow: none !important;
  }
  .xl\:focus\:shadow-1:focus {
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important;
  }
  .xl\:hover\:shadow-1:hover {
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important;
  }
  .xl\:active\:shadow-1:active {
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important;
  }
  .xl\:focus\:shadow-2:focus {
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important;
  }
  .xl\:hover\:shadow-2:hover {
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important;
  }
  .xl\:active\:shadow-2:active {
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important;
  }
  .xl\:focus\:shadow-3:focus {
    box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important;
  }
  .xl\:hover\:shadow-3:hover {
    box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important;
  }
  .xl\:active\:shadow-3:active {
    box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important;
  }
  .xl\:focus\:shadow-4:focus {
    box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important;
  }
  .xl\:hover\:shadow-4:hover {
    box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important;
  }
  .xl\:active\:shadow-4:active {
    box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important;
  }
  .xl\:focus\:shadow-5:focus {
    box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important;
  }
  .xl\:hover\:shadow-5:hover {
    box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important;
  }
  .xl\:active\:shadow-5:active {
    box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important;
  }
  .xl\:focus\:shadow-6:focus {
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important;
  }
  .xl\:hover\:shadow-6:hover {
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important;
  }
  .xl\:active\:shadow-6:active {
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important;
  }
  .xl\:focus\:shadow-7:focus {
    box-shadow: 0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important;
  }
  .xl\:hover\:shadow-7:hover {
    box-shadow: 0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important;
  }
  .xl\:active\:shadow-7:active {
    box-shadow: 0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important;
  }
  .xl\:focus\:shadow-8:focus {
    box-shadow: 0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important;
  }
  .xl\:hover\:shadow-8:hover {
    box-shadow: 0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important;
  }
  .xl\:active\:shadow-8:active {
    box-shadow: 0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important;
  }
}
.border-none {
  border-width: 0px !important;
  border-style: none;
}
.border-1 {
  border-width: 1px !important;
  border-style: solid;
}
.border-2 {
  border-width: 2px !important;
  border-style: solid;
}
.border-3 {
  border-width: 3px !important;
  border-style: solid;
}
.border-top-none {
  border-top-width: 0px !important;
  border-top-style: none;
}
.border-top-1 {
  border-top-width: 1px !important;
  border-top-style: solid;
}
.border-top-2 {
  border-top-width: 2px !important;
  border-top-style: solid;
}
.border-top-3 {
  border-top-width: 3px !important;
  border-top-style: solid;
}
.border-right-none {
  border-right-width: 0px !important;
  border-right-style: none;
}
.border-right-1 {
  border-right-width: 1px !important;
  border-right-style: solid;
}
.border-right-2 {
  border-right-width: 2px !important;
  border-right-style: solid;
}
.border-right-3 {
  border-right-width: 3px !important;
  border-right-style: solid;
}
.border-left-none {
  border-left-width: 0px !important;
  border-left-style: none;
}
.border-left-1 {
  border-left-width: 1px !important;
  border-left-style: solid;
}
.border-left-2 {
  border-left-width: 2px !important;
  border-left-style: solid;
}
.border-left-3 {
  border-left-width: 3px !important;
  border-left-style: solid;
}
.border-bottom-none {
  border-bottom-width: 0px !important;
  border-bottom-style: none;
}
.border-bottom-1 {
  border-bottom-width: 1px !important;
  border-bottom-style: solid;
}
.border-bottom-2 {
  border-bottom-width: 2px !important;
  border-bottom-style: solid;
}
.border-bottom-3 {
  border-bottom-width: 3px !important;
  border-bottom-style: solid;
}
.border-x-none {
  border-left-width: 0px !important;
  border-left-style: none;
  border-right-width: 0px !important;
  border-right-style: none;
}
.border-x-1 {
  border-left-width: 1px !important;
  border-left-style: solid;
  border-right-width: 1px !important;
  border-right-style: solid;
}
.border-x-2 {
  border-left-width: 2px !important;
  border-left-style: solid;
  border-right-width: 2px !important;
  border-right-style: solid;
}
.border-x-3 {
  border-left-width: 3px !important;
  border-left-style: solid;
  border-right-width: 3px !important;
  border-right-style: solid;
}
.border-y-none {
  border-top-width: 0px !important;
  border-top-style: none;
  border-bottom-width: 0px !important;
  border-bottom-style: none;
}
.border-y-1 {
  border-top-width: 1px !important;
  border-top-style: solid;
  border-bottom-width: 1px !important;
  border-bottom-style: solid;
}
.border-y-2 {
  border-top-width: 2px !important;
  border-top-style: solid;
  border-bottom-width: 2px !important;
  border-bottom-style: solid;
}
.border-y-3 {
  border-top-width: 3px !important;
  border-top-style: solid;
  border-bottom-width: 3px !important;
  border-bottom-style: solid;
}
@media screen and (min-width: 576px) {
  .sm\:border-none {
    border-width: 0px !important;
    border-style: none;
  }
  .sm\:border-1 {
    border-width: 1px !important;
    border-style: solid;
  }
  .sm\:border-2 {
    border-width: 2px !important;
    border-style: solid;
  }
  .sm\:border-3 {
    border-width: 3px !important;
    border-style: solid;
  }
  .sm\:border-top-none {
    border-top-width: 0px !important;
    border-top-style: none;
  }
  .sm\:border-top-1 {
    border-top-width: 1px !important;
    border-top-style: solid;
  }
  .sm\:border-top-2 {
    border-top-width: 2px !important;
    border-top-style: solid;
  }
  .sm\:border-top-3 {
    border-top-width: 3px !important;
    border-top-style: solid;
  }
  .sm\:border-right-none {
    border-right-width: 0px !important;
    border-right-style: none;
  }
  .sm\:border-right-1 {
    border-right-width: 1px !important;
    border-right-style: solid;
  }
  .sm\:border-right-2 {
    border-right-width: 2px !important;
    border-right-style: solid;
  }
  .sm\:border-right-3 {
    border-right-width: 3px !important;
    border-right-style: solid;
  }
  .sm\:border-left-none {
    border-left-width: 0px !important;
    border-left-style: none;
  }
  .sm\:border-left-1 {
    border-left-width: 1px !important;
    border-left-style: solid;
  }
  .sm\:border-left-2 {
    border-left-width: 2px !important;
    border-left-style: solid;
  }
  .sm\:border-left-3 {
    border-left-width: 3px !important;
    border-left-style: solid;
  }
  .sm\:border-bottom-none {
    border-bottom-width: 0px !important;
    border-bottom-style: none;
  }
  .sm\:border-bottom-1 {
    border-bottom-width: 1px !important;
    border-bottom-style: solid;
  }
  .sm\:border-bottom-2 {
    border-bottom-width: 2px !important;
    border-bottom-style: solid;
  }
  .sm\:border-bottom-3 {
    border-bottom-width: 3px !important;
    border-bottom-style: solid;
  }
  .sm\:border-x-none {
    border-left-width: 0px !important;
    border-left-style: none;
    border-right-width: 0px !important;
    border-right-style: none;
  }
  .sm\:border-x-1 {
    border-left-width: 1px !important;
    border-left-style: solid;
    border-right-width: 1px !important;
    border-right-style: solid;
  }
  .sm\:border-x-2 {
    border-left-width: 2px !important;
    border-left-style: solid;
    border-right-width: 2px !important;
    border-right-style: solid;
  }
  .sm\:border-x-3 {
    border-left-width: 3px !important;
    border-left-style: solid;
    border-right-width: 3px !important;
    border-right-style: solid;
  }
  .sm\:border-y-none {
    border-top-width: 0px !important;
    border-top-style: none;
    border-bottom-width: 0px !important;
    border-bottom-style: none;
  }
  .sm\:border-y-1 {
    border-top-width: 1px !important;
    border-top-style: solid;
    border-bottom-width: 1px !important;
    border-bottom-style: solid;
  }
  .sm\:border-y-2 {
    border-top-width: 2px !important;
    border-top-style: solid;
    border-bottom-width: 2px !important;
    border-bottom-style: solid;
  }
  .sm\:border-y-3 {
    border-top-width: 3px !important;
    border-top-style: solid;
    border-bottom-width: 3px !important;
    border-bottom-style: solid;
  }
}
@media screen and (min-width: 768px) {
  .md\:border-none {
    border-width: 0px !important;
    border-style: none;
  }
  .md\:border-1 {
    border-width: 1px !important;
    border-style: solid;
  }
  .md\:border-2 {
    border-width: 2px !important;
    border-style: solid;
  }
  .md\:border-3 {
    border-width: 3px !important;
    border-style: solid;
  }
  .md\:border-top-none {
    border-top-width: 0px !important;
    border-top-style: none;
  }
  .md\:border-top-1 {
    border-top-width: 1px !important;
    border-top-style: solid;
  }
  .md\:border-top-2 {
    border-top-width: 2px !important;
    border-top-style: solid;
  }
  .md\:border-top-3 {
    border-top-width: 3px !important;
    border-top-style: solid;
  }
  .md\:border-right-none {
    border-right-width: 0px !important;
    border-right-style: none;
  }
  .md\:border-right-1 {
    border-right-width: 1px !important;
    border-right-style: solid;
  }
  .md\:border-right-2 {
    border-right-width: 2px !important;
    border-right-style: solid;
  }
  .md\:border-right-3 {
    border-right-width: 3px !important;
    border-right-style: solid;
  }
  .md\:border-left-none {
    border-left-width: 0px !important;
    border-left-style: none;
  }
  .md\:border-left-1 {
    border-left-width: 1px !important;
    border-left-style: solid;
  }
  .md\:border-left-2 {
    border-left-width: 2px !important;
    border-left-style: solid;
  }
  .md\:border-left-3 {
    border-left-width: 3px !important;
    border-left-style: solid;
  }
  .md\:border-bottom-none {
    border-bottom-width: 0px !important;
    border-bottom-style: none;
  }
  .md\:border-bottom-1 {
    border-bottom-width: 1px !important;
    border-bottom-style: solid;
  }
  .md\:border-bottom-2 {
    border-bottom-width: 2px !important;
    border-bottom-style: solid;
  }
  .md\:border-bottom-3 {
    border-bottom-width: 3px !important;
    border-bottom-style: solid;
  }
  .md\:border-x-none {
    border-left-width: 0px !important;
    border-left-style: none;
    border-right-width: 0px !important;
    border-right-style: none;
  }
  .md\:border-x-1 {
    border-left-width: 1px !important;
    border-left-style: solid;
    border-right-width: 1px !important;
    border-right-style: solid;
  }
  .md\:border-x-2 {
    border-left-width: 2px !important;
    border-left-style: solid;
    border-right-width: 2px !important;
    border-right-style: solid;
  }
  .md\:border-x-3 {
    border-left-width: 3px !important;
    border-left-style: solid;
    border-right-width: 3px !important;
    border-right-style: solid;
  }
  .md\:border-y-none {
    border-top-width: 0px !important;
    border-top-style: none;
    border-bottom-width: 0px !important;
    border-bottom-style: none;
  }
  .md\:border-y-1 {
    border-top-width: 1px !important;
    border-top-style: solid;
    border-bottom-width: 1px !important;
    border-bottom-style: solid;
  }
  .md\:border-y-2 {
    border-top-width: 2px !important;
    border-top-style: solid;
    border-bottom-width: 2px !important;
    border-bottom-style: solid;
  }
  .md\:border-y-3 {
    border-top-width: 3px !important;
    border-top-style: solid;
    border-bottom-width: 3px !important;
    border-bottom-style: solid;
  }
}
@media screen and (min-width: 992px) {
  .lg\:border-none {
    border-width: 0px !important;
    border-style: none;
  }
  .lg\:border-1 {
    border-width: 1px !important;
    border-style: solid;
  }
  .lg\:border-2 {
    border-width: 2px !important;
    border-style: solid;
  }
  .lg\:border-3 {
    border-width: 3px !important;
    border-style: solid;
  }
  .lg\:border-top-none {
    border-top-width: 0px !important;
    border-top-style: none;
  }
  .lg\:border-top-1 {
    border-top-width: 1px !important;
    border-top-style: solid;
  }
  .lg\:border-top-2 {
    border-top-width: 2px !important;
    border-top-style: solid;
  }
  .lg\:border-top-3 {
    border-top-width: 3px !important;
    border-top-style: solid;
  }
  .lg\:border-right-none {
    border-right-width: 0px !important;
    border-right-style: none;
  }
  .lg\:border-right-1 {
    border-right-width: 1px !important;
    border-right-style: solid;
  }
  .lg\:border-right-2 {
    border-right-width: 2px !important;
    border-right-style: solid;
  }
  .lg\:border-right-3 {
    border-right-width: 3px !important;
    border-right-style: solid;
  }
  .lg\:border-left-none {
    border-left-width: 0px !important;
    border-left-style: none;
  }
  .lg\:border-left-1 {
    border-left-width: 1px !important;
    border-left-style: solid;
  }
  .lg\:border-left-2 {
    border-left-width: 2px !important;
    border-left-style: solid;
  }
  .lg\:border-left-3 {
    border-left-width: 3px !important;
    border-left-style: solid;
  }
  .lg\:border-bottom-none {
    border-bottom-width: 0px !important;
    border-bottom-style: none;
  }
  .lg\:border-bottom-1 {
    border-bottom-width: 1px !important;
    border-bottom-style: solid;
  }
  .lg\:border-bottom-2 {
    border-bottom-width: 2px !important;
    border-bottom-style: solid;
  }
  .lg\:border-bottom-3 {
    border-bottom-width: 3px !important;
    border-bottom-style: solid;
  }
  .lg\:border-x-none {
    border-left-width: 0px !important;
    border-left-style: none;
    border-right-width: 0px !important;
    border-right-style: none;
  }
  .lg\:border-x-1 {
    border-left-width: 1px !important;
    border-left-style: solid;
    border-right-width: 1px !important;
    border-right-style: solid;
  }
  .lg\:border-x-2 {
    border-left-width: 2px !important;
    border-left-style: solid;
    border-right-width: 2px !important;
    border-right-style: solid;
  }
  .lg\:border-x-3 {
    border-left-width: 3px !important;
    border-left-style: solid;
    border-right-width: 3px !important;
    border-right-style: solid;
  }
  .lg\:border-y-none {
    border-top-width: 0px !important;
    border-top-style: none;
    border-bottom-width: 0px !important;
    border-bottom-style: none;
  }
  .lg\:border-y-1 {
    border-top-width: 1px !important;
    border-top-style: solid;
    border-bottom-width: 1px !important;
    border-bottom-style: solid;
  }
  .lg\:border-y-2 {
    border-top-width: 2px !important;
    border-top-style: solid;
    border-bottom-width: 2px !important;
    border-bottom-style: solid;
  }
  .lg\:border-y-3 {
    border-top-width: 3px !important;
    border-top-style: solid;
    border-bottom-width: 3px !important;
    border-bottom-style: solid;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:border-none {
    border-width: 0px !important;
    border-style: none;
  }
  .xl\:border-1 {
    border-width: 1px !important;
    border-style: solid;
  }
  .xl\:border-2 {
    border-width: 2px !important;
    border-style: solid;
  }
  .xl\:border-3 {
    border-width: 3px !important;
    border-style: solid;
  }
  .xl\:border-top-none {
    border-top-width: 0px !important;
    border-top-style: none;
  }
  .xl\:border-top-1 {
    border-top-width: 1px !important;
    border-top-style: solid;
  }
  .xl\:border-top-2 {
    border-top-width: 2px !important;
    border-top-style: solid;
  }
  .xl\:border-top-3 {
    border-top-width: 3px !important;
    border-top-style: solid;
  }
  .xl\:border-right-none {
    border-right-width: 0px !important;
    border-right-style: none;
  }
  .xl\:border-right-1 {
    border-right-width: 1px !important;
    border-right-style: solid;
  }
  .xl\:border-right-2 {
    border-right-width: 2px !important;
    border-right-style: solid;
  }
  .xl\:border-right-3 {
    border-right-width: 3px !important;
    border-right-style: solid;
  }
  .xl\:border-left-none {
    border-left-width: 0px !important;
    border-left-style: none;
  }
  .xl\:border-left-1 {
    border-left-width: 1px !important;
    border-left-style: solid;
  }
  .xl\:border-left-2 {
    border-left-width: 2px !important;
    border-left-style: solid;
  }
  .xl\:border-left-3 {
    border-left-width: 3px !important;
    border-left-style: solid;
  }
  .xl\:border-bottom-none {
    border-bottom-width: 0px !important;
    border-bottom-style: none;
  }
  .xl\:border-bottom-1 {
    border-bottom-width: 1px !important;
    border-bottom-style: solid;
  }
  .xl\:border-bottom-2 {
    border-bottom-width: 2px !important;
    border-bottom-style: solid;
  }
  .xl\:border-bottom-3 {
    border-bottom-width: 3px !important;
    border-bottom-style: solid;
  }
  .xl\:border-x-none {
    border-left-width: 0px !important;
    border-left-style: none;
    border-right-width: 0px !important;
    border-right-style: none;
  }
  .xl\:border-x-1 {
    border-left-width: 1px !important;
    border-left-style: solid;
    border-right-width: 1px !important;
    border-right-style: solid;
  }
  .xl\:border-x-2 {
    border-left-width: 2px !important;
    border-left-style: solid;
    border-right-width: 2px !important;
    border-right-style: solid;
  }
  .xl\:border-x-3 {
    border-left-width: 3px !important;
    border-left-style: solid;
    border-right-width: 3px !important;
    border-right-style: solid;
  }
  .xl\:border-y-none {
    border-top-width: 0px !important;
    border-top-style: none;
    border-bottom-width: 0px !important;
    border-bottom-style: none;
  }
  .xl\:border-y-1 {
    border-top-width: 1px !important;
    border-top-style: solid;
    border-bottom-width: 1px !important;
    border-bottom-style: solid;
  }
  .xl\:border-y-2 {
    border-top-width: 2px !important;
    border-top-style: solid;
    border-bottom-width: 2px !important;
    border-bottom-style: solid;
  }
  .xl\:border-y-3 {
    border-top-width: 3px !important;
    border-top-style: solid;
    border-bottom-width: 3px !important;
    border-bottom-style: solid;
  }
}
.border-solid {
  border-style: solid !important;
}
.border-dashed {
  border-style: dashed !important;
}
.border-dotted {
  border-style: dotted !important;
}
.border-double {
  border-style: double !important;
}
@media screen and (min-width: 576px) {
  .sm\:border-solid {
    border-style: solid !important;
  }
  .sm\:border-dashed {
    border-style: dashed !important;
  }
  .sm\:border-dotted {
    border-style: dotted !important;
  }
  .sm\:border-double {
    border-style: double !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:border-solid {
    border-style: solid !important;
  }
  .md\:border-dashed {
    border-style: dashed !important;
  }
  .md\:border-dotted {
    border-style: dotted !important;
  }
  .md\:border-double {
    border-style: double !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:border-solid {
    border-style: solid !important;
  }
  .lg\:border-dashed {
    border-style: dashed !important;
  }
  .lg\:border-dotted {
    border-style: dotted !important;
  }
  .lg\:border-double {
    border-style: double !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:border-solid {
    border-style: solid !important;
  }
  .xl\:border-dashed {
    border-style: dashed !important;
  }
  .xl\:border-dotted {
    border-style: dotted !important;
  }
  .xl\:border-double {
    border-style: double !important;
  }
}
.border-noround {
  border-radius: 0 !important;
}
.border-round {
  border-radius: var(--border-radius) !important;
}
.border-round-xs {
  border-radius: 0.125rem !important;
}
.border-round-sm {
  border-radius: 0.25rem !important;
}
.border-round-md {
  border-radius: 0.375rem !important;
}
.border-round-lg {
  border-radius: 0.5rem !important;
}
.border-round-xl {
  border-radius: 0.75rem !important;
}
.border-round-2xl {
  border-radius: 1rem !important;
}
.border-round-3xl {
  border-radius: 1.5rem !important;
}
.border-circle {
  border-radius: 50% !important;
}
@media screen and (min-width: 576px) {
  .sm\:border-noround {
    border-radius: 0 !important;
  }
  .sm\:border-round {
    border-radius: var(--border-radius) !important;
  }
  .sm\:border-round-xs {
    border-radius: 0.125rem !important;
  }
  .sm\:border-round-sm {
    border-radius: 0.25rem !important;
  }
  .sm\:border-round-md {
    border-radius: 0.375rem !important;
  }
  .sm\:border-round-lg {
    border-radius: 0.5rem !important;
  }
  .sm\:border-round-xl {
    border-radius: 0.75rem !important;
  }
  .sm\:border-round-2xl {
    border-radius: 1rem !important;
  }
  .sm\:border-round-3xl {
    border-radius: 1.5rem !important;
  }
  .sm\:border-circle {
    border-radius: 50% !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:border-noround {
    border-radius: 0 !important;
  }
  .md\:border-round {
    border-radius: var(--border-radius) !important;
  }
  .md\:border-round-xs {
    border-radius: 0.125rem !important;
  }
  .md\:border-round-sm {
    border-radius: 0.25rem !important;
  }
  .md\:border-round-md {
    border-radius: 0.375rem !important;
  }
  .md\:border-round-lg {
    border-radius: 0.5rem !important;
  }
  .md\:border-round-xl {
    border-radius: 0.75rem !important;
  }
  .md\:border-round-2xl {
    border-radius: 1rem !important;
  }
  .md\:border-round-3xl {
    border-radius: 1.5rem !important;
  }
  .md\:border-circle {
    border-radius: 50% !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:border-noround {
    border-radius: 0 !important;
  }
  .lg\:border-round {
    border-radius: var(--border-radius) !important;
  }
  .lg\:border-round-xs {
    border-radius: 0.125rem !important;
  }
  .lg\:border-round-sm {
    border-radius: 0.25rem !important;
  }
  .lg\:border-round-md {
    border-radius: 0.375rem !important;
  }
  .lg\:border-round-lg {
    border-radius: 0.5rem !important;
  }
  .lg\:border-round-xl {
    border-radius: 0.75rem !important;
  }
  .lg\:border-round-2xl {
    border-radius: 1rem !important;
  }
  .lg\:border-round-3xl {
    border-radius: 1.5rem !important;
  }
  .lg\:border-circle {
    border-radius: 50% !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:border-noround {
    border-radius: 0 !important;
  }
  .xl\:border-round {
    border-radius: var(--border-radius) !important;
  }
  .xl\:border-round-xs {
    border-radius: 0.125rem !important;
  }
  .xl\:border-round-sm {
    border-radius: 0.25rem !important;
  }
  .xl\:border-round-md {
    border-radius: 0.375rem !important;
  }
  .xl\:border-round-lg {
    border-radius: 0.5rem !important;
  }
  .xl\:border-round-xl {
    border-radius: 0.75rem !important;
  }
  .xl\:border-round-2xl {
    border-radius: 1rem !important;
  }
  .xl\:border-round-3xl {
    border-radius: 1.5rem !important;
  }
  .xl\:border-circle {
    border-radius: 50% !important;
  }
}
.border-noround-left {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}
.border-noround-top {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.border-noround-right {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.border-noround-bottom {
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.border-round-left {
  border-top-left-radius: var(--border-radius) !important;
  border-bottom-left-radius: var(--border-radius) !important;
}
.border-round-top {
  border-top-left-radius: var(--border-radius) !important;
  border-top-right-radius: var(--border-radius) !important;
}
.border-round-right {
  border-top-right-radius: var(--border-radius) !important;
  border-bottom-right-radius: var(--border-radius) !important;
}
.border-round-bottom {
  border-bottom-left-radius: var(--border-radius) !important;
  border-bottom-right-radius: var(--border-radius) !important;
}
.border-round-left-xs {
  border-top-left-radius: 0.125rem !important;
  border-bottom-left-radius: 0.125rem !important;
}
.border-round-top-xs {
  border-top-left-radius: 0.125rem !important;
  border-top-right-radius: 0.125rem !important;
}
.border-round-right-xs {
  border-top-right-radius: 0.125rem !important;
  border-bottom-right-radius: 0.125rem !important;
}
.border-round-bottom-xs {
  border-bottom-left-radius: 0.125rem !important;
  border-bottom-right-radius: 0.125rem !important;
}
.border-round-left-sm {
  border-top-left-radius: 0.25rem !important;
  border-bottom-left-radius: 0.25rem !important;
}
.border-round-top-sm {
  border-top-left-radius: 0.25rem !important;
  border-top-right-radius: 0.25rem !important;
}
.border-round-right-sm {
  border-top-right-radius: 0.25rem !important;
  border-bottom-right-radius: 0.25rem !important;
}
.border-round-bottom-sm {
  border-bottom-left-radius: 0.25rem !important;
  border-bottom-right-radius: 0.25rem !important;
}
.border-round-left-md {
  border-top-left-radius: 0.375rem !important;
  border-bottom-left-radius: 0.375rem !important;
}
.border-round-top-md {
  border-top-left-radius: 0.375rem !important;
  border-top-right-radius: 0.375rem !important;
}
.border-round-right-md {
  border-top-right-radius: 0.375rem !important;
  border-bottom-right-radius: 0.375rem !important;
}
.border-round-bottom-md {
  border-bottom-left-radius: 0.375rem !important;
  border-bottom-right-radius: 0.375rem !important;
}
.border-round-left-lg {
  border-top-left-radius: 0.5rem !important;
  border-bottom-left-radius: 0.5rem !important;
}
.border-round-top-lg {
  border-top-left-radius: 0.5rem !important;
  border-top-right-radius: 0.5rem !important;
}
.border-round-right-lg {
  border-top-right-radius: 0.5rem !important;
  border-bottom-right-radius: 0.5rem !important;
}
.border-round-bottom-lg {
  border-bottom-left-radius: 0.5rem !important;
  border-bottom-right-radius: 0.5rem !important;
}
.border-round-left-xl {
  border-top-left-radius: 0.75rem !important;
  border-bottom-left-radius: 0.75rem !important;
}
.border-round-top-xl {
  border-top-left-radius: 0.75rem !important;
  border-top-right-radius: 0.75rem !important;
}
.border-round-right-xl {
  border-top-right-radius: 0.75rem !important;
  border-bottom-right-radius: 0.75rem !important;
}
.border-round-bottom-xl {
  border-bottom-left-radius: 0.75rem !important;
  border-bottom-right-radius: 0.75rem !important;
}
.border-round-left-2xl {
  border-top-left-radius: 1rem !important;
  border-bottom-left-radius: 1rem !important;
}
.border-round-top-2xl {
  border-top-left-radius: 1rem !important;
  border-top-right-radius: 1rem !important;
}
.border-round-right-2xl {
  border-top-right-radius: 1rem !important;
  border-bottom-right-radius: 1rem !important;
}
.border-round-bottom-2xl {
  border-bottom-left-radius: 1rem !important;
  border-bottom-right-radius: 1rem !important;
}
.border-round-left-3xl {
  border-top-left-radius: 1.5rem !important;
  border-bottom-left-radius: 1.5rem !important;
}
.border-round-top-3xl {
  border-top-left-radius: 1.5rem !important;
  border-top-right-radius: 1.5rem !important;
}
.border-round-right-3xl {
  border-top-right-radius: 1.5rem !important;
  border-bottom-right-radius: 1.5rem !important;
}
.border-round-bottom-3xl {
  border-bottom-left-radius: 1.5rem !important;
  border-bottom-right-radius: 1.5rem !important;
}
.border-circle-left {
  border-top-left-radius: 50% !important;
  border-bottom-left-radius: 50% !important;
}
.border-circle-top {
  border-top-left-radius: 50% !important;
  border-top-right-radius: 50% !important;
}
.border-circle-right {
  border-top-right-radius: 50% !important;
  border-bottom-right-radius: 50% !important;
}
.border-circle-bottom {
  border-bottom-left-radius: 50% !important;
  border-bottom-right-radius: 50% !important;
}
@media screen and (min-width: 576px) {
  .sm\:border-noround-left {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
  }
  .sm\:border-noround-top {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
  }
  .sm\:border-noround-right {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
  }
  .sm\:border-noround-bottom {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
  }
  .sm\:border-round-left {
    border-top-left-radius: var(--border-radius) !important;
    border-bottom-left-radius: var(--border-radius) !important;
  }
  .sm\:border-round-top {
    border-top-left-radius: var(--border-radius) !important;
    border-top-right-radius: var(--border-radius) !important;
  }
  .sm\:border-round-right {
    border-top-right-radius: var(--border-radius) !important;
    border-bottom-right-radius: var(--border-radius) !important;
  }
  .sm\:border-round-bottom {
    border-bottom-left-radius: var(--border-radius) !important;
    border-bottom-right-radius: var(--border-radius) !important;
  }
  .sm\:border-round-left-xs {
    border-top-left-radius: 0.125rem !important;
    border-bottom-left-radius: 0.125rem !important;
  }
  .sm\:border-round-top-xs {
    border-top-left-radius: 0.125rem !important;
    border-top-right-radius: 0.125rem !important;
  }
  .sm\:border-round-right-xs {
    border-top-right-radius: 0.125rem !important;
    border-bottom-right-radius: 0.125rem !important;
  }
  .sm\:border-round-bottom-xs {
    border-bottom-left-radius: 0.125rem !important;
    border-bottom-right-radius: 0.125rem !important;
  }
  .sm\:border-round-left-sm {
    border-top-left-radius: 0.25rem !important;
    border-bottom-left-radius: 0.25rem !important;
  }
  .sm\:border-round-top-sm {
    border-top-left-radius: 0.25rem !important;
    border-top-right-radius: 0.25rem !important;
  }
  .sm\:border-round-right-sm {
    border-top-right-radius: 0.25rem !important;
    border-bottom-right-radius: 0.25rem !important;
  }
  .sm\:border-round-bottom-sm {
    border-bottom-left-radius: 0.25rem !important;
    border-bottom-right-radius: 0.25rem !important;
  }
  .sm\:border-round-left-md {
    border-top-left-radius: 0.375rem !important;
    border-bottom-left-radius: 0.375rem !important;
  }
  .sm\:border-round-top-md {
    border-top-left-radius: 0.375rem !important;
    border-top-right-radius: 0.375rem !important;
  }
  .sm\:border-round-right-md {
    border-top-right-radius: 0.375rem !important;
    border-bottom-right-radius: 0.375rem !important;
  }
  .sm\:border-round-bottom-md {
    border-bottom-left-radius: 0.375rem !important;
    border-bottom-right-radius: 0.375rem !important;
  }
  .sm\:border-round-left-lg {
    border-top-left-radius: 0.5rem !important;
    border-bottom-left-radius: 0.5rem !important;
  }
  .sm\:border-round-top-lg {
    border-top-left-radius: 0.5rem !important;
    border-top-right-radius: 0.5rem !important;
  }
  .sm\:border-round-right-lg {
    border-top-right-radius: 0.5rem !important;
    border-bottom-right-radius: 0.5rem !important;
  }
  .sm\:border-round-bottom-lg {
    border-bottom-left-radius: 0.5rem !important;
    border-bottom-right-radius: 0.5rem !important;
  }
  .sm\:border-round-left-xl {
    border-top-left-radius: 0.75rem !important;
    border-bottom-left-radius: 0.75rem !important;
  }
  .sm\:border-round-top-xl {
    border-top-left-radius: 0.75rem !important;
    border-top-right-radius: 0.75rem !important;
  }
  .sm\:border-round-right-xl {
    border-top-right-radius: 0.75rem !important;
    border-bottom-right-radius: 0.75rem !important;
  }
  .sm\:border-round-bottom-xl {
    border-bottom-left-radius: 0.75rem !important;
    border-bottom-right-radius: 0.75rem !important;
  }
  .sm\:border-round-left-2xl {
    border-top-left-radius: 1rem !important;
    border-bottom-left-radius: 1rem !important;
  }
  .sm\:border-round-top-2xl {
    border-top-left-radius: 1rem !important;
    border-top-right-radius: 1rem !important;
  }
  .sm\:border-round-right-2xl {
    border-top-right-radius: 1rem !important;
    border-bottom-right-radius: 1rem !important;
  }
  .sm\:border-round-bottom-2xl {
    border-bottom-left-radius: 1rem !important;
    border-bottom-right-radius: 1rem !important;
  }
  .sm\:border-round-left-3xl {
    border-top-left-radius: 1.5rem !important;
    border-bottom-left-radius: 1.5rem !important;
  }
  .sm\:border-round-top-3xl {
    border-top-left-radius: 1.5rem !important;
    border-top-right-radius: 1.5rem !important;
  }
  .sm\:border-round-right-3xl {
    border-top-right-radius: 1.5rem !important;
    border-bottom-right-radius: 1.5rem !important;
  }
  .sm\:border-round-bottom-3xl {
    border-bottom-left-radius: 1.5rem !important;
    border-bottom-right-radius: 1.5rem !important;
  }
  .sm\:border-circle-left {
    border-top-left-radius: 50% !important;
    border-bottom-left-radius: 50% !important;
  }
  .sm\:border-circle-top {
    border-top-left-radius: 50% !important;
    border-top-right-radius: 50% !important;
  }
  .sm\:border-circle-right {
    border-top-right-radius: 50% !important;
    border-bottom-right-radius: 50% !important;
  }
  .sm\:border-circle-bottom {
    border-bottom-left-radius: 50% !important;
    border-bottom-right-radius: 50% !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:border-noround-left {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
  }
  .md\:border-noround-top {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
  }
  .md\:border-noround-right {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
  }
  .md\:border-noround-bottom {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
  }
  .md\:border-round-left {
    border-top-left-radius: var(--border-radius) !important;
    border-bottom-left-radius: var(--border-radius) !important;
  }
  .md\:border-round-top {
    border-top-left-radius: var(--border-radius) !important;
    border-top-right-radius: var(--border-radius) !important;
  }
  .md\:border-round-right {
    border-top-right-radius: var(--border-radius) !important;
    border-bottom-right-radius: var(--border-radius) !important;
  }
  .md\:border-round-bottom {
    border-bottom-left-radius: var(--border-radius) !important;
    border-bottom-right-radius: var(--border-radius) !important;
  }
  .md\:border-round-left-xs {
    border-top-left-radius: 0.125rem !important;
    border-bottom-left-radius: 0.125rem !important;
  }
  .md\:border-round-top-xs {
    border-top-left-radius: 0.125rem !important;
    border-top-right-radius: 0.125rem !important;
  }
  .md\:border-round-right-xs {
    border-top-right-radius: 0.125rem !important;
    border-bottom-right-radius: 0.125rem !important;
  }
  .md\:border-round-bottom-xs {
    border-bottom-left-radius: 0.125rem !important;
    border-bottom-right-radius: 0.125rem !important;
  }
  .md\:border-round-left-sm {
    border-top-left-radius: 0.25rem !important;
    border-bottom-left-radius: 0.25rem !important;
  }
  .md\:border-round-top-sm {
    border-top-left-radius: 0.25rem !important;
    border-top-right-radius: 0.25rem !important;
  }
  .md\:border-round-right-sm {
    border-top-right-radius: 0.25rem !important;
    border-bottom-right-radius: 0.25rem !important;
  }
  .md\:border-round-bottom-sm {
    border-bottom-left-radius: 0.25rem !important;
    border-bottom-right-radius: 0.25rem !important;
  }
  .md\:border-round-left-md {
    border-top-left-radius: 0.375rem !important;
    border-bottom-left-radius: 0.375rem !important;
  }
  .md\:border-round-top-md {
    border-top-left-radius: 0.375rem !important;
    border-top-right-radius: 0.375rem !important;
  }
  .md\:border-round-right-md {
    border-top-right-radius: 0.375rem !important;
    border-bottom-right-radius: 0.375rem !important;
  }
  .md\:border-round-bottom-md {
    border-bottom-left-radius: 0.375rem !important;
    border-bottom-right-radius: 0.375rem !important;
  }
  .md\:border-round-left-lg {
    border-top-left-radius: 0.5rem !important;
    border-bottom-left-radius: 0.5rem !important;
  }
  .md\:border-round-top-lg {
    border-top-left-radius: 0.5rem !important;
    border-top-right-radius: 0.5rem !important;
  }
  .md\:border-round-right-lg {
    border-top-right-radius: 0.5rem !important;
    border-bottom-right-radius: 0.5rem !important;
  }
  .md\:border-round-bottom-lg {
    border-bottom-left-radius: 0.5rem !important;
    border-bottom-right-radius: 0.5rem !important;
  }
  .md\:border-round-left-xl {
    border-top-left-radius: 0.75rem !important;
    border-bottom-left-radius: 0.75rem !important;
  }
  .md\:border-round-top-xl {
    border-top-left-radius: 0.75rem !important;
    border-top-right-radius: 0.75rem !important;
  }
  .md\:border-round-right-xl {
    border-top-right-radius: 0.75rem !important;
    border-bottom-right-radius: 0.75rem !important;
  }
  .md\:border-round-bottom-xl {
    border-bottom-left-radius: 0.75rem !important;
    border-bottom-right-radius: 0.75rem !important;
  }
  .md\:border-round-left-2xl {
    border-top-left-radius: 1rem !important;
    border-bottom-left-radius: 1rem !important;
  }
  .md\:border-round-top-2xl {
    border-top-left-radius: 1rem !important;
    border-top-right-radius: 1rem !important;
  }
  .md\:border-round-right-2xl {
    border-top-right-radius: 1rem !important;
    border-bottom-right-radius: 1rem !important;
  }
  .md\:border-round-bottom-2xl {
    border-bottom-left-radius: 1rem !important;
    border-bottom-right-radius: 1rem !important;
  }
  .md\:border-round-left-3xl {
    border-top-left-radius: 1.5rem !important;
    border-bottom-left-radius: 1.5rem !important;
  }
  .md\:border-round-top-3xl {
    border-top-left-radius: 1.5rem !important;
    border-top-right-radius: 1.5rem !important;
  }
  .md\:border-round-right-3xl {
    border-top-right-radius: 1.5rem !important;
    border-bottom-right-radius: 1.5rem !important;
  }
  .md\:border-round-bottom-3xl {
    border-bottom-left-radius: 1.5rem !important;
    border-bottom-right-radius: 1.5rem !important;
  }
  .md\:border-circle-left {
    border-top-left-radius: 50% !important;
    border-bottom-left-radius: 50% !important;
  }
  .md\:border-circle-top {
    border-top-left-radius: 50% !important;
    border-top-right-radius: 50% !important;
  }
  .md\:border-circle-right {
    border-top-right-radius: 50% !important;
    border-bottom-right-radius: 50% !important;
  }
  .md\:border-circle-bottom {
    border-bottom-left-radius: 50% !important;
    border-bottom-right-radius: 50% !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:border-noround-left {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
  }
  .lg\:border-noround-top {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
  }
  .lg\:border-noround-right {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
  }
  .lg\:border-noround-bottom {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
  }
  .lg\:border-round-left {
    border-top-left-radius: var(--border-radius) !important;
    border-bottom-left-radius: var(--border-radius) !important;
  }
  .lg\:border-round-top {
    border-top-left-radius: var(--border-radius) !important;
    border-top-right-radius: var(--border-radius) !important;
  }
  .lg\:border-round-right {
    border-top-right-radius: var(--border-radius) !important;
    border-bottom-right-radius: var(--border-radius) !important;
  }
  .lg\:border-round-bottom {
    border-bottom-left-radius: var(--border-radius) !important;
    border-bottom-right-radius: var(--border-radius) !important;
  }
  .lg\:border-round-left-xs {
    border-top-left-radius: 0.125rem !important;
    border-bottom-left-radius: 0.125rem !important;
  }
  .lg\:border-round-top-xs {
    border-top-left-radius: 0.125rem !important;
    border-top-right-radius: 0.125rem !important;
  }
  .lg\:border-round-right-xs {
    border-top-right-radius: 0.125rem !important;
    border-bottom-right-radius: 0.125rem !important;
  }
  .lg\:border-round-bottom-xs {
    border-bottom-left-radius: 0.125rem !important;
    border-bottom-right-radius: 0.125rem !important;
  }
  .lg\:border-round-left-sm {
    border-top-left-radius: 0.25rem !important;
    border-bottom-left-radius: 0.25rem !important;
  }
  .lg\:border-round-top-sm {
    border-top-left-radius: 0.25rem !important;
    border-top-right-radius: 0.25rem !important;
  }
  .lg\:border-round-right-sm {
    border-top-right-radius: 0.25rem !important;
    border-bottom-right-radius: 0.25rem !important;
  }
  .lg\:border-round-bottom-sm {
    border-bottom-left-radius: 0.25rem !important;
    border-bottom-right-radius: 0.25rem !important;
  }
  .lg\:border-round-left-md {
    border-top-left-radius: 0.375rem !important;
    border-bottom-left-radius: 0.375rem !important;
  }
  .lg\:border-round-top-md {
    border-top-left-radius: 0.375rem !important;
    border-top-right-radius: 0.375rem !important;
  }
  .lg\:border-round-right-md {
    border-top-right-radius: 0.375rem !important;
    border-bottom-right-radius: 0.375rem !important;
  }
  .lg\:border-round-bottom-md {
    border-bottom-left-radius: 0.375rem !important;
    border-bottom-right-radius: 0.375rem !important;
  }
  .lg\:border-round-left-lg {
    border-top-left-radius: 0.5rem !important;
    border-bottom-left-radius: 0.5rem !important;
  }
  .lg\:border-round-top-lg {
    border-top-left-radius: 0.5rem !important;
    border-top-right-radius: 0.5rem !important;
  }
  .lg\:border-round-right-lg {
    border-top-right-radius: 0.5rem !important;
    border-bottom-right-radius: 0.5rem !important;
  }
  .lg\:border-round-bottom-lg {
    border-bottom-left-radius: 0.5rem !important;
    border-bottom-right-radius: 0.5rem !important;
  }
  .lg\:border-round-left-xl {
    border-top-left-radius: 0.75rem !important;
    border-bottom-left-radius: 0.75rem !important;
  }
  .lg\:border-round-top-xl {
    border-top-left-radius: 0.75rem !important;
    border-top-right-radius: 0.75rem !important;
  }
  .lg\:border-round-right-xl {
    border-top-right-radius: 0.75rem !important;
    border-bottom-right-radius: 0.75rem !important;
  }
  .lg\:border-round-bottom-xl {
    border-bottom-left-radius: 0.75rem !important;
    border-bottom-right-radius: 0.75rem !important;
  }
  .lg\:border-round-left-2xl {
    border-top-left-radius: 1rem !important;
    border-bottom-left-radius: 1rem !important;
  }
  .lg\:border-round-top-2xl {
    border-top-left-radius: 1rem !important;
    border-top-right-radius: 1rem !important;
  }
  .lg\:border-round-right-2xl {
    border-top-right-radius: 1rem !important;
    border-bottom-right-radius: 1rem !important;
  }
  .lg\:border-round-bottom-2xl {
    border-bottom-left-radius: 1rem !important;
    border-bottom-right-radius: 1rem !important;
  }
  .lg\:border-round-left-3xl {
    border-top-left-radius: 1.5rem !important;
    border-bottom-left-radius: 1.5rem !important;
  }
  .lg\:border-round-top-3xl {
    border-top-left-radius: 1.5rem !important;
    border-top-right-radius: 1.5rem !important;
  }
  .lg\:border-round-right-3xl {
    border-top-right-radius: 1.5rem !important;
    border-bottom-right-radius: 1.5rem !important;
  }
  .lg\:border-round-bottom-3xl {
    border-bottom-left-radius: 1.5rem !important;
    border-bottom-right-radius: 1.5rem !important;
  }
  .lg\:border-circle-left {
    border-top-left-radius: 50% !important;
    border-bottom-left-radius: 50% !important;
  }
  .lg\:border-circle-top {
    border-top-left-radius: 50% !important;
    border-top-right-radius: 50% !important;
  }
  .lg\:border-circle-right {
    border-top-right-radius: 50% !important;
    border-bottom-right-radius: 50% !important;
  }
  .lg\:border-circle-bottom {
    border-bottom-left-radius: 50% !important;
    border-bottom-right-radius: 50% !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:border-noround-left {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
  }
  .xl\:border-noround-top {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
  }
  .xl\:border-noround-right {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
  }
  .xl\:border-noround-bottom {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
  }
  .xl\:border-round-left {
    border-top-left-radius: var(--border-radius) !important;
    border-bottom-left-radius: var(--border-radius) !important;
  }
  .xl\:border-round-top {
    border-top-left-radius: var(--border-radius) !important;
    border-top-right-radius: var(--border-radius) !important;
  }
  .xl\:border-round-right {
    border-top-right-radius: var(--border-radius) !important;
    border-bottom-right-radius: var(--border-radius) !important;
  }
  .xl\:border-round-bottom {
    border-bottom-left-radius: var(--border-radius) !important;
    border-bottom-right-radius: var(--border-radius) !important;
  }
  .xl\:border-round-left-xs {
    border-top-left-radius: 0.125rem !important;
    border-bottom-left-radius: 0.125rem !important;
  }
  .xl\:border-round-top-xs {
    border-top-left-radius: 0.125rem !important;
    border-top-right-radius: 0.125rem !important;
  }
  .xl\:border-round-right-xs {
    border-top-right-radius: 0.125rem !important;
    border-bottom-right-radius: 0.125rem !important;
  }
  .xl\:border-round-bottom-xs {
    border-bottom-left-radius: 0.125rem !important;
    border-bottom-right-radius: 0.125rem !important;
  }
  .xl\:border-round-left-sm {
    border-top-left-radius: 0.25rem !important;
    border-bottom-left-radius: 0.25rem !important;
  }
  .xl\:border-round-top-sm {
    border-top-left-radius: 0.25rem !important;
    border-top-right-radius: 0.25rem !important;
  }
  .xl\:border-round-right-sm {
    border-top-right-radius: 0.25rem !important;
    border-bottom-right-radius: 0.25rem !important;
  }
  .xl\:border-round-bottom-sm {
    border-bottom-left-radius: 0.25rem !important;
    border-bottom-right-radius: 0.25rem !important;
  }
  .xl\:border-round-left-md {
    border-top-left-radius: 0.375rem !important;
    border-bottom-left-radius: 0.375rem !important;
  }
  .xl\:border-round-top-md {
    border-top-left-radius: 0.375rem !important;
    border-top-right-radius: 0.375rem !important;
  }
  .xl\:border-round-right-md {
    border-top-right-radius: 0.375rem !important;
    border-bottom-right-radius: 0.375rem !important;
  }
  .xl\:border-round-bottom-md {
    border-bottom-left-radius: 0.375rem !important;
    border-bottom-right-radius: 0.375rem !important;
  }
  .xl\:border-round-left-lg {
    border-top-left-radius: 0.5rem !important;
    border-bottom-left-radius: 0.5rem !important;
  }
  .xl\:border-round-top-lg {
    border-top-left-radius: 0.5rem !important;
    border-top-right-radius: 0.5rem !important;
  }
  .xl\:border-round-right-lg {
    border-top-right-radius: 0.5rem !important;
    border-bottom-right-radius: 0.5rem !important;
  }
  .xl\:border-round-bottom-lg {
    border-bottom-left-radius: 0.5rem !important;
    border-bottom-right-radius: 0.5rem !important;
  }
  .xl\:border-round-left-xl {
    border-top-left-radius: 0.75rem !important;
    border-bottom-left-radius: 0.75rem !important;
  }
  .xl\:border-round-top-xl {
    border-top-left-radius: 0.75rem !important;
    border-top-right-radius: 0.75rem !important;
  }
  .xl\:border-round-right-xl {
    border-top-right-radius: 0.75rem !important;
    border-bottom-right-radius: 0.75rem !important;
  }
  .xl\:border-round-bottom-xl {
    border-bottom-left-radius: 0.75rem !important;
    border-bottom-right-radius: 0.75rem !important;
  }
  .xl\:border-round-left-2xl {
    border-top-left-radius: 1rem !important;
    border-bottom-left-radius: 1rem !important;
  }
  .xl\:border-round-top-2xl {
    border-top-left-radius: 1rem !important;
    border-top-right-radius: 1rem !important;
  }
  .xl\:border-round-right-2xl {
    border-top-right-radius: 1rem !important;
    border-bottom-right-radius: 1rem !important;
  }
  .xl\:border-round-bottom-2xl {
    border-bottom-left-radius: 1rem !important;
    border-bottom-right-radius: 1rem !important;
  }
  .xl\:border-round-left-3xl {
    border-top-left-radius: 1.5rem !important;
    border-bottom-left-radius: 1.5rem !important;
  }
  .xl\:border-round-top-3xl {
    border-top-left-radius: 1.5rem !important;
    border-top-right-radius: 1.5rem !important;
  }
  .xl\:border-round-right-3xl {
    border-top-right-radius: 1.5rem !important;
    border-bottom-right-radius: 1.5rem !important;
  }
  .xl\:border-round-bottom-3xl {
    border-bottom-left-radius: 1.5rem !important;
    border-bottom-right-radius: 1.5rem !important;
  }
  .xl\:border-circle-left {
    border-top-left-radius: 50% !important;
    border-bottom-left-radius: 50% !important;
  }
  .xl\:border-circle-top {
    border-top-left-radius: 50% !important;
    border-top-right-radius: 50% !important;
  }
  .xl\:border-circle-right {
    border-top-right-radius: 50% !important;
    border-bottom-right-radius: 50% !important;
  }
  .xl\:border-circle-bottom {
    border-bottom-left-radius: 50% !important;
    border-bottom-right-radius: 50% !important;
  }
}
.w-full {
  width: 100% !important;
}
.w-screen {
  width: 100vw !important;
}
.w-auto {
  width: auto !important;
}
.w-1 {
  width: 8.3333% !important;
}
.w-2 {
  width: 16.6667% !important;
}
.w-3 {
  width: 25% !important;
}
.w-4 {
  width: 33.3333% !important;
}
.w-5 {
  width: 41.6667% !important;
}
.w-6 {
  width: 50% !important;
}
.w-7 {
  width: 58.3333% !important;
}
.w-8 {
  width: 66.6667% !important;
}
.w-9 {
  width: 75% !important;
}
.w-10 {
  width: 83.3333% !important;
}
.w-11 {
  width: 91.6667% !important;
}
.w-12 {
  width: 100% !important;
}
.w-min {
  width: -moz-min-content !important;
  width: min-content !important;
}
.w-max {
  width: -moz-max-content !important;
  width: max-content !important;
}
.w-fit {
  width: -moz-fit-content !important;
  width: fit-content !important;
}
.w-1rem {
  width: 1rem !important;
}
.w-2rem {
  width: 2rem !important;
}
.w-3rem {
  width: 3rem !important;
}
.w-4rem {
  width: 4rem !important;
}
.w-5rem {
  width: 5rem !important;
}
.w-6rem {
  width: 6rem !important;
}
.w-7rem {
  width: 7rem !important;
}
.w-8rem {
  width: 8rem !important;
}
.w-9rem {
  width: 9rem !important;
}
.w-10rem {
  width: 10rem !important;
}
.w-11rem {
  width: 11rem !important;
}
.w-12rem {
  width: 12rem !important;
}
.w-13rem {
  width: 13rem !important;
}
.w-14rem {
  width: 14rem !important;
}
.w-15rem {
  width: 15rem !important;
}
.w-16rem {
  width: 16rem !important;
}
.w-17rem {
  width: 17rem !important;
}
.w-18rem {
  width: 18rem !important;
}
.w-19rem {
  width: 19rem !important;
}
.w-20rem {
  width: 20rem !important;
}
.w-21rem {
  width: 21rem !important;
}
.w-22rem {
  width: 22rem !important;
}
.w-23rem {
  width: 23rem !important;
}
.w-24rem {
  width: 24rem !important;
}
.w-25rem {
  width: 25rem !important;
}
.w-26rem {
  width: 26rem !important;
}
.w-27rem {
  width: 27rem !important;
}
.w-28rem {
  width: 28rem !important;
}
.w-29rem {
  width: 29rem !important;
}
.w-30rem {
  width: 30rem !important;
}
@media screen and (min-width: 576px) {
  .sm\:w-full {
    width: 100% !important;
  }
  .sm\:w-screen {
    width: 100vw !important;
  }
  .sm\:w-auto {
    width: auto !important;
  }
  .sm\:w-1 {
    width: 8.3333% !important;
  }
  .sm\:w-2 {
    width: 16.6667% !important;
  }
  .sm\:w-3 {
    width: 25% !important;
  }
  .sm\:w-4 {
    width: 33.3333% !important;
  }
  .sm\:w-5 {
    width: 41.6667% !important;
  }
  .sm\:w-6 {
    width: 50% !important;
  }
  .sm\:w-7 {
    width: 58.3333% !important;
  }
  .sm\:w-8 {
    width: 66.6667% !important;
  }
  .sm\:w-9 {
    width: 75% !important;
  }
  .sm\:w-10 {
    width: 83.3333% !important;
  }
  .sm\:w-11 {
    width: 91.6667% !important;
  }
  .sm\:w-12 {
    width: 100% !important;
  }
  .sm\:w-min {
    width: -moz-min-content !important;
    width: min-content !important;
  }
  .sm\:w-max {
    width: -moz-max-content !important;
    width: max-content !important;
  }
  .sm\:w-fit {
    width: -moz-fit-content !important;
    width: fit-content !important;
  }
  .sm\:w-1rem {
    width: 1rem !important;
  }
  .sm\:w-2rem {
    width: 2rem !important;
  }
  .sm\:w-3rem {
    width: 3rem !important;
  }
  .sm\:w-4rem {
    width: 4rem !important;
  }
  .sm\:w-5rem {
    width: 5rem !important;
  }
  .sm\:w-6rem {
    width: 6rem !important;
  }
  .sm\:w-7rem {
    width: 7rem !important;
  }
  .sm\:w-8rem {
    width: 8rem !important;
  }
  .sm\:w-9rem {
    width: 9rem !important;
  }
  .sm\:w-10rem {
    width: 10rem !important;
  }
  .sm\:w-11rem {
    width: 11rem !important;
  }
  .sm\:w-12rem {
    width: 12rem !important;
  }
  .sm\:w-13rem {
    width: 13rem !important;
  }
  .sm\:w-14rem {
    width: 14rem !important;
  }
  .sm\:w-15rem {
    width: 15rem !important;
  }
  .sm\:w-16rem {
    width: 16rem !important;
  }
  .sm\:w-17rem {
    width: 17rem !important;
  }
  .sm\:w-18rem {
    width: 18rem !important;
  }
  .sm\:w-19rem {
    width: 19rem !important;
  }
  .sm\:w-20rem {
    width: 20rem !important;
  }
  .sm\:w-21rem {
    width: 21rem !important;
  }
  .sm\:w-22rem {
    width: 22rem !important;
  }
  .sm\:w-23rem {
    width: 23rem !important;
  }
  .sm\:w-24rem {
    width: 24rem !important;
  }
  .sm\:w-25rem {
    width: 25rem !important;
  }
  .sm\:w-26rem {
    width: 26rem !important;
  }
  .sm\:w-27rem {
    width: 27rem !important;
  }
  .sm\:w-28rem {
    width: 28rem !important;
  }
  .sm\:w-29rem {
    width: 29rem !important;
  }
  .sm\:w-30rem {
    width: 30rem !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:w-full {
    width: 100% !important;
  }
  .md\:w-screen {
    width: 100vw !important;
  }
  .md\:w-auto {
    width: auto !important;
  }
  .md\:w-1 {
    width: 8.3333% !important;
  }
  .md\:w-2 {
    width: 16.6667% !important;
  }
  .md\:w-3 {
    width: 25% !important;
  }
  .md\:w-4 {
    width: 33.3333% !important;
  }
  .md\:w-5 {
    width: 41.6667% !important;
  }
  .md\:w-6 {
    width: 50% !important;
  }
  .md\:w-7 {
    width: 58.3333% !important;
  }
  .md\:w-8 {
    width: 66.6667% !important;
  }
  .md\:w-9 {
    width: 75% !important;
  }
  .md\:w-10 {
    width: 83.3333% !important;
  }
  .md\:w-11 {
    width: 91.6667% !important;
  }
  .md\:w-12 {
    width: 100% !important;
  }
  .md\:w-min {
    width: -moz-min-content !important;
    width: min-content !important;
  }
  .md\:w-max {
    width: -moz-max-content !important;
    width: max-content !important;
  }
  .md\:w-fit {
    width: -moz-fit-content !important;
    width: fit-content !important;
  }
  .md\:w-1rem {
    width: 1rem !important;
  }
  .md\:w-2rem {
    width: 2rem !important;
  }
  .md\:w-3rem {
    width: 3rem !important;
  }
  .md\:w-4rem {
    width: 4rem !important;
  }
  .md\:w-5rem {
    width: 5rem !important;
  }
  .md\:w-6rem {
    width: 6rem !important;
  }
  .md\:w-7rem {
    width: 7rem !important;
  }
  .md\:w-8rem {
    width: 8rem !important;
  }
  .md\:w-9rem {
    width: 9rem !important;
  }
  .md\:w-10rem {
    width: 10rem !important;
  }
  .md\:w-11rem {
    width: 11rem !important;
  }
  .md\:w-12rem {
    width: 12rem !important;
  }
  .md\:w-13rem {
    width: 13rem !important;
  }
  .md\:w-14rem {
    width: 14rem !important;
  }
  .md\:w-15rem {
    width: 15rem !important;
  }
  .md\:w-16rem {
    width: 16rem !important;
  }
  .md\:w-17rem {
    width: 17rem !important;
  }
  .md\:w-18rem {
    width: 18rem !important;
  }
  .md\:w-19rem {
    width: 19rem !important;
  }
  .md\:w-20rem {
    width: 20rem !important;
  }
  .md\:w-21rem {
    width: 21rem !important;
  }
  .md\:w-22rem {
    width: 22rem !important;
  }
  .md\:w-23rem {
    width: 23rem !important;
  }
  .md\:w-24rem {
    width: 24rem !important;
  }
  .md\:w-25rem {
    width: 25rem !important;
  }
  .md\:w-26rem {
    width: 26rem !important;
  }
  .md\:w-27rem {
    width: 27rem !important;
  }
  .md\:w-28rem {
    width: 28rem !important;
  }
  .md\:w-29rem {
    width: 29rem !important;
  }
  .md\:w-30rem {
    width: 30rem !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:w-full {
    width: 100% !important;
  }
  .lg\:w-screen {
    width: 100vw !important;
  }
  .lg\:w-auto {
    width: auto !important;
  }
  .lg\:w-1 {
    width: 8.3333% !important;
  }
  .lg\:w-2 {
    width: 16.6667% !important;
  }
  .lg\:w-3 {
    width: 25% !important;
  }
  .lg\:w-4 {
    width: 33.3333% !important;
  }
  .lg\:w-5 {
    width: 41.6667% !important;
  }
  .lg\:w-6 {
    width: 50% !important;
  }
  .lg\:w-7 {
    width: 58.3333% !important;
  }
  .lg\:w-8 {
    width: 66.6667% !important;
  }
  .lg\:w-9 {
    width: 75% !important;
  }
  .lg\:w-10 {
    width: 83.3333% !important;
  }
  .lg\:w-11 {
    width: 91.6667% !important;
  }
  .lg\:w-12 {
    width: 100% !important;
  }
  .lg\:w-min {
    width: -moz-min-content !important;
    width: min-content !important;
  }
  .lg\:w-max {
    width: -moz-max-content !important;
    width: max-content !important;
  }
  .lg\:w-fit {
    width: -moz-fit-content !important;
    width: fit-content !important;
  }
  .lg\:w-1rem {
    width: 1rem !important;
  }
  .lg\:w-2rem {
    width: 2rem !important;
  }
  .lg\:w-3rem {
    width: 3rem !important;
  }
  .lg\:w-4rem {
    width: 4rem !important;
  }
  .lg\:w-5rem {
    width: 5rem !important;
  }
  .lg\:w-6rem {
    width: 6rem !important;
  }
  .lg\:w-7rem {
    width: 7rem !important;
  }
  .lg\:w-8rem {
    width: 8rem !important;
  }
  .lg\:w-9rem {
    width: 9rem !important;
  }
  .lg\:w-10rem {
    width: 10rem !important;
  }
  .lg\:w-11rem {
    width: 11rem !important;
  }
  .lg\:w-12rem {
    width: 12rem !important;
  }
  .lg\:w-13rem {
    width: 13rem !important;
  }
  .lg\:w-14rem {
    width: 14rem !important;
  }
  .lg\:w-15rem {
    width: 15rem !important;
  }
  .lg\:w-16rem {
    width: 16rem !important;
  }
  .lg\:w-17rem {
    width: 17rem !important;
  }
  .lg\:w-18rem {
    width: 18rem !important;
  }
  .lg\:w-19rem {
    width: 19rem !important;
  }
  .lg\:w-20rem {
    width: 20rem !important;
  }
  .lg\:w-21rem {
    width: 21rem !important;
  }
  .lg\:w-22rem {
    width: 22rem !important;
  }
  .lg\:w-23rem {
    width: 23rem !important;
  }
  .lg\:w-24rem {
    width: 24rem !important;
  }
  .lg\:w-25rem {
    width: 25rem !important;
  }
  .lg\:w-26rem {
    width: 26rem !important;
  }
  .lg\:w-27rem {
    width: 27rem !important;
  }
  .lg\:w-28rem {
    width: 28rem !important;
  }
  .lg\:w-29rem {
    width: 29rem !important;
  }
  .lg\:w-30rem {
    width: 30rem !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:w-full {
    width: 100% !important;
  }
  .xl\:w-screen {
    width: 100vw !important;
  }
  .xl\:w-auto {
    width: auto !important;
  }
  .xl\:w-1 {
    width: 8.3333% !important;
  }
  .xl\:w-2 {
    width: 16.6667% !important;
  }
  .xl\:w-3 {
    width: 25% !important;
  }
  .xl\:w-4 {
    width: 33.3333% !important;
  }
  .xl\:w-5 {
    width: 41.6667% !important;
  }
  .xl\:w-6 {
    width: 50% !important;
  }
  .xl\:w-7 {
    width: 58.3333% !important;
  }
  .xl\:w-8 {
    width: 66.6667% !important;
  }
  .xl\:w-9 {
    width: 75% !important;
  }
  .xl\:w-10 {
    width: 83.3333% !important;
  }
  .xl\:w-11 {
    width: 91.6667% !important;
  }
  .xl\:w-12 {
    width: 100% !important;
  }
  .xl\:w-min {
    width: -moz-min-content !important;
    width: min-content !important;
  }
  .xl\:w-max {
    width: -moz-max-content !important;
    width: max-content !important;
  }
  .xl\:w-fit {
    width: -moz-fit-content !important;
    width: fit-content !important;
  }
  .xl\:w-1rem {
    width: 1rem !important;
  }
  .xl\:w-2rem {
    width: 2rem !important;
  }
  .xl\:w-3rem {
    width: 3rem !important;
  }
  .xl\:w-4rem {
    width: 4rem !important;
  }
  .xl\:w-5rem {
    width: 5rem !important;
  }
  .xl\:w-6rem {
    width: 6rem !important;
  }
  .xl\:w-7rem {
    width: 7rem !important;
  }
  .xl\:w-8rem {
    width: 8rem !important;
  }
  .xl\:w-9rem {
    width: 9rem !important;
  }
  .xl\:w-10rem {
    width: 10rem !important;
  }
  .xl\:w-11rem {
    width: 11rem !important;
  }
  .xl\:w-12rem {
    width: 12rem !important;
  }
  .xl\:w-13rem {
    width: 13rem !important;
  }
  .xl\:w-14rem {
    width: 14rem !important;
  }
  .xl\:w-15rem {
    width: 15rem !important;
  }
  .xl\:w-16rem {
    width: 16rem !important;
  }
  .xl\:w-17rem {
    width: 17rem !important;
  }
  .xl\:w-18rem {
    width: 18rem !important;
  }
  .xl\:w-19rem {
    width: 19rem !important;
  }
  .xl\:w-20rem {
    width: 20rem !important;
  }
  .xl\:w-21rem {
    width: 21rem !important;
  }
  .xl\:w-22rem {
    width: 22rem !important;
  }
  .xl\:w-23rem {
    width: 23rem !important;
  }
  .xl\:w-24rem {
    width: 24rem !important;
  }
  .xl\:w-25rem {
    width: 25rem !important;
  }
  .xl\:w-26rem {
    width: 26rem !important;
  }
  .xl\:w-27rem {
    width: 27rem !important;
  }
  .xl\:w-28rem {
    width: 28rem !important;
  }
  .xl\:w-29rem {
    width: 29rem !important;
  }
  .xl\:w-30rem {
    width: 30rem !important;
  }
}
.h-full {
  height: 100% !important;
}
.h-screen {
  height: 100vh !important;
}
.h-auto {
  height: auto !important;
}
.h-min {
  height: -moz-min-content !important;
  height: min-content !important;
}
.h-max {
  height: -moz-max-content !important;
  height: max-content !important;
}
.h-fit {
  height: -moz-fit-content !important;
  height: fit-content !important;
}
.h-1rem {
  height: 1rem !important;
}
.h-2rem {
  height: 2rem !important;
}
.h-3rem {
  height: 3rem !important;
}
.h-4rem {
  height: 4rem !important;
}
.h-5rem {
  height: 5rem !important;
}
.h-6rem {
  height: 6rem !important;
}
.h-7rem {
  height: 7rem !important;
}
.h-8rem {
  height: 8rem !important;
}
.h-9rem {
  height: 9rem !important;
}
.h-10rem {
  height: 10rem !important;
}
.h-11rem {
  height: 11rem !important;
}
.h-12rem {
  height: 12rem !important;
}
.h-13rem {
  height: 13rem !important;
}
.h-14rem {
  height: 14rem !important;
}
.h-15rem {
  height: 15rem !important;
}
.h-16rem {
  height: 16rem !important;
}
.h-17rem {
  height: 17rem !important;
}
.h-18rem {
  height: 18rem !important;
}
.h-19rem {
  height: 19rem !important;
}
.h-20rem {
  height: 20rem !important;
}
.h-21rem {
  height: 21rem !important;
}
.h-22rem {
  height: 22rem !important;
}
.h-23rem {
  height: 23rem !important;
}
.h-24rem {
  height: 24rem !important;
}
.h-25rem {
  height: 25rem !important;
}
.h-26rem {
  height: 26rem !important;
}
.h-27rem {
  height: 27rem !important;
}
.h-28rem {
  height: 28rem !important;
}
.h-29rem {
  height: 29rem !important;
}
.h-30rem {
  height: 30rem !important;
}
@media screen and (min-width: 576px) {
  .sm\:h-full {
    height: 100% !important;
  }
  .sm\:h-screen {
    height: 100vh !important;
  }
  .sm\:h-auto {
    height: auto !important;
  }
  .sm\:h-min {
    height: -moz-min-content !important;
    height: min-content !important;
  }
  .sm\:h-max {
    height: -moz-max-content !important;
    height: max-content !important;
  }
  .sm\:h-fit {
    height: -moz-fit-content !important;
    height: fit-content !important;
  }
  .sm\:h-1rem {
    height: 1rem !important;
  }
  .sm\:h-2rem {
    height: 2rem !important;
  }
  .sm\:h-3rem {
    height: 3rem !important;
  }
  .sm\:h-4rem {
    height: 4rem !important;
  }
  .sm\:h-5rem {
    height: 5rem !important;
  }
  .sm\:h-6rem {
    height: 6rem !important;
  }
  .sm\:h-7rem {
    height: 7rem !important;
  }
  .sm\:h-8rem {
    height: 8rem !important;
  }
  .sm\:h-9rem {
    height: 9rem !important;
  }
  .sm\:h-10rem {
    height: 10rem !important;
  }
  .sm\:h-11rem {
    height: 11rem !important;
  }
  .sm\:h-12rem {
    height: 12rem !important;
  }
  .sm\:h-13rem {
    height: 13rem !important;
  }
  .sm\:h-14rem {
    height: 14rem !important;
  }
  .sm\:h-15rem {
    height: 15rem !important;
  }
  .sm\:h-16rem {
    height: 16rem !important;
  }
  .sm\:h-17rem {
    height: 17rem !important;
  }
  .sm\:h-18rem {
    height: 18rem !important;
  }
  .sm\:h-19rem {
    height: 19rem !important;
  }
  .sm\:h-20rem {
    height: 20rem !important;
  }
  .sm\:h-21rem {
    height: 21rem !important;
  }
  .sm\:h-22rem {
    height: 22rem !important;
  }
  .sm\:h-23rem {
    height: 23rem !important;
  }
  .sm\:h-24rem {
    height: 24rem !important;
  }
  .sm\:h-25rem {
    height: 25rem !important;
  }
  .sm\:h-26rem {
    height: 26rem !important;
  }
  .sm\:h-27rem {
    height: 27rem !important;
  }
  .sm\:h-28rem {
    height: 28rem !important;
  }
  .sm\:h-29rem {
    height: 29rem !important;
  }
  .sm\:h-30rem {
    height: 30rem !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:h-full {
    height: 100% !important;
  }
  .md\:h-screen {
    height: 100vh !important;
  }
  .md\:h-auto {
    height: auto !important;
  }
  .md\:h-min {
    height: -moz-min-content !important;
    height: min-content !important;
  }
  .md\:h-max {
    height: -moz-max-content !important;
    height: max-content !important;
  }
  .md\:h-fit {
    height: -moz-fit-content !important;
    height: fit-content !important;
  }
  .md\:h-1rem {
    height: 1rem !important;
  }
  .md\:h-2rem {
    height: 2rem !important;
  }
  .md\:h-3rem {
    height: 3rem !important;
  }
  .md\:h-4rem {
    height: 4rem !important;
  }
  .md\:h-5rem {
    height: 5rem !important;
  }
  .md\:h-6rem {
    height: 6rem !important;
  }
  .md\:h-7rem {
    height: 7rem !important;
  }
  .md\:h-8rem {
    height: 8rem !important;
  }
  .md\:h-9rem {
    height: 9rem !important;
  }
  .md\:h-10rem {
    height: 10rem !important;
  }
  .md\:h-11rem {
    height: 11rem !important;
  }
  .md\:h-12rem {
    height: 12rem !important;
  }
  .md\:h-13rem {
    height: 13rem !important;
  }
  .md\:h-14rem {
    height: 14rem !important;
  }
  .md\:h-15rem {
    height: 15rem !important;
  }
  .md\:h-16rem {
    height: 16rem !important;
  }
  .md\:h-17rem {
    height: 17rem !important;
  }
  .md\:h-18rem {
    height: 18rem !important;
  }
  .md\:h-19rem {
    height: 19rem !important;
  }
  .md\:h-20rem {
    height: 20rem !important;
  }
  .md\:h-21rem {
    height: 21rem !important;
  }
  .md\:h-22rem {
    height: 22rem !important;
  }
  .md\:h-23rem {
    height: 23rem !important;
  }
  .md\:h-24rem {
    height: 24rem !important;
  }
  .md\:h-25rem {
    height: 25rem !important;
  }
  .md\:h-26rem {
    height: 26rem !important;
  }
  .md\:h-27rem {
    height: 27rem !important;
  }
  .md\:h-28rem {
    height: 28rem !important;
  }
  .md\:h-29rem {
    height: 29rem !important;
  }
  .md\:h-30rem {
    height: 30rem !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:h-full {
    height: 100% !important;
  }
  .lg\:h-screen {
    height: 100vh !important;
  }
  .lg\:h-auto {
    height: auto !important;
  }
  .lg\:h-min {
    height: -moz-min-content !important;
    height: min-content !important;
  }
  .lg\:h-max {
    height: -moz-max-content !important;
    height: max-content !important;
  }
  .lg\:h-fit {
    height: -moz-fit-content !important;
    height: fit-content !important;
  }
  .lg\:h-1rem {
    height: 1rem !important;
  }
  .lg\:h-2rem {
    height: 2rem !important;
  }
  .lg\:h-3rem {
    height: 3rem !important;
  }
  .lg\:h-4rem {
    height: 4rem !important;
  }
  .lg\:h-5rem {
    height: 5rem !important;
  }
  .lg\:h-6rem {
    height: 6rem !important;
  }
  .lg\:h-7rem {
    height: 7rem !important;
  }
  .lg\:h-8rem {
    height: 8rem !important;
  }
  .lg\:h-9rem {
    height: 9rem !important;
  }
  .lg\:h-10rem {
    height: 10rem !important;
  }
  .lg\:h-11rem {
    height: 11rem !important;
  }
  .lg\:h-12rem {
    height: 12rem !important;
  }
  .lg\:h-13rem {
    height: 13rem !important;
  }
  .lg\:h-14rem {
    height: 14rem !important;
  }
  .lg\:h-15rem {
    height: 15rem !important;
  }
  .lg\:h-16rem {
    height: 16rem !important;
  }
  .lg\:h-17rem {
    height: 17rem !important;
  }
  .lg\:h-18rem {
    height: 18rem !important;
  }
  .lg\:h-19rem {
    height: 19rem !important;
  }
  .lg\:h-20rem {
    height: 20rem !important;
  }
  .lg\:h-21rem {
    height: 21rem !important;
  }
  .lg\:h-22rem {
    height: 22rem !important;
  }
  .lg\:h-23rem {
    height: 23rem !important;
  }
  .lg\:h-24rem {
    height: 24rem !important;
  }
  .lg\:h-25rem {
    height: 25rem !important;
  }
  .lg\:h-26rem {
    height: 26rem !important;
  }
  .lg\:h-27rem {
    height: 27rem !important;
  }
  .lg\:h-28rem {
    height: 28rem !important;
  }
  .lg\:h-29rem {
    height: 29rem !important;
  }
  .lg\:h-30rem {
    height: 30rem !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:h-full {
    height: 100% !important;
  }
  .xl\:h-screen {
    height: 100vh !important;
  }
  .xl\:h-auto {
    height: auto !important;
  }
  .xl\:h-min {
    height: -moz-min-content !important;
    height: min-content !important;
  }
  .xl\:h-max {
    height: -moz-max-content !important;
    height: max-content !important;
  }
  .xl\:h-fit {
    height: -moz-fit-content !important;
    height: fit-content !important;
  }
  .xl\:h-1rem {
    height: 1rem !important;
  }
  .xl\:h-2rem {
    height: 2rem !important;
  }
  .xl\:h-3rem {
    height: 3rem !important;
  }
  .xl\:h-4rem {
    height: 4rem !important;
  }
  .xl\:h-5rem {
    height: 5rem !important;
  }
  .xl\:h-6rem {
    height: 6rem !important;
  }
  .xl\:h-7rem {
    height: 7rem !important;
  }
  .xl\:h-8rem {
    height: 8rem !important;
  }
  .xl\:h-9rem {
    height: 9rem !important;
  }
  .xl\:h-10rem {
    height: 10rem !important;
  }
  .xl\:h-11rem {
    height: 11rem !important;
  }
  .xl\:h-12rem {
    height: 12rem !important;
  }
  .xl\:h-13rem {
    height: 13rem !important;
  }
  .xl\:h-14rem {
    height: 14rem !important;
  }
  .xl\:h-15rem {
    height: 15rem !important;
  }
  .xl\:h-16rem {
    height: 16rem !important;
  }
  .xl\:h-17rem {
    height: 17rem !important;
  }
  .xl\:h-18rem {
    height: 18rem !important;
  }
  .xl\:h-19rem {
    height: 19rem !important;
  }
  .xl\:h-20rem {
    height: 20rem !important;
  }
  .xl\:h-21rem {
    height: 21rem !important;
  }
  .xl\:h-22rem {
    height: 22rem !important;
  }
  .xl\:h-23rem {
    height: 23rem !important;
  }
  .xl\:h-24rem {
    height: 24rem !important;
  }
  .xl\:h-25rem {
    height: 25rem !important;
  }
  .xl\:h-26rem {
    height: 26rem !important;
  }
  .xl\:h-27rem {
    height: 27rem !important;
  }
  .xl\:h-28rem {
    height: 28rem !important;
  }
  .xl\:h-29rem {
    height: 29rem !important;
  }
  .xl\:h-30rem {
    height: 30rem !important;
  }
}
.min-w-0 {
  min-width: 0px !important;
}
.min-w-full {
  min-width: 100% !important;
}
.min-w-screen {
  min-width: 100vw !important;
}
.min-w-min {
  min-width: -moz-min-content !important;
  min-width: min-content !important;
}
.min-w-max {
  min-width: -moz-max-content !important;
  min-width: max-content !important;
}
@media screen and (min-width: 576px) {
  .sm\:min-w-0 {
    min-width: 0px !important;
  }
  .sm\:min-w-full {
    min-width: 100% !important;
  }
  .sm\:min-w-screen {
    min-width: 100vw !important;
  }
  .sm\:min-w-min {
    min-width: -moz-min-content !important;
    min-width: min-content !important;
  }
  .sm\:min-w-max {
    min-width: -moz-max-content !important;
    min-width: max-content !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:min-w-0 {
    min-width: 0px !important;
  }
  .md\:min-w-full {
    min-width: 100% !important;
  }
  .md\:min-w-screen {
    min-width: 100vw !important;
  }
  .md\:min-w-min {
    min-width: -moz-min-content !important;
    min-width: min-content !important;
  }
  .md\:min-w-max {
    min-width: -moz-max-content !important;
    min-width: max-content !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:min-w-0 {
    min-width: 0px !important;
  }
  .lg\:min-w-full {
    min-width: 100% !important;
  }
  .lg\:min-w-screen {
    min-width: 100vw !important;
  }
  .lg\:min-w-min {
    min-width: -moz-min-content !important;
    min-width: min-content !important;
  }
  .lg\:min-w-max {
    min-width: -moz-max-content !important;
    min-width: max-content !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:min-w-0 {
    min-width: 0px !important;
  }
  .xl\:min-w-full {
    min-width: 100% !important;
  }
  .xl\:min-w-screen {
    min-width: 100vw !important;
  }
  .xl\:min-w-min {
    min-width: -moz-min-content !important;
    min-width: min-content !important;
  }
  .xl\:min-w-max {
    min-width: -moz-max-content !important;
    min-width: max-content !important;
  }
}
.max-w-0 {
  max-width: 0px !important;
}
.max-w-full {
  max-width: 100% !important;
}
.max-w-screen {
  max-width: 100vw !important;
}
.max-w-min {
  max-width: -moz-min-content !important;
  max-width: min-content !important;
}
.max-w-max {
  max-width: -moz-max-content !important;
  max-width: max-content !important;
}
.max-w-fit {
  max-width: -moz-fit-content !important;
  max-width: fit-content !important;
}
.max-w-1rem {
  max-width: 1rem !important;
}
.max-w-2rem {
  max-width: 2rem !important;
}
.max-w-3rem {
  max-width: 3rem !important;
}
.max-w-4rem {
  max-width: 4rem !important;
}
.max-w-5rem {
  max-width: 5rem !important;
}
.max-w-6rem {
  max-width: 6rem !important;
}
.max-w-7rem {
  max-width: 7rem !important;
}
.max-w-8rem {
  max-width: 8rem !important;
}
.max-w-9rem {
  max-width: 9rem !important;
}
.max-w-10rem {
  max-width: 10rem !important;
}
.max-w-11rem {
  max-width: 11rem !important;
}
.max-w-12rem {
  max-width: 12rem !important;
}
.max-w-13rem {
  max-width: 13rem !important;
}
.max-w-14rem {
  max-width: 14rem !important;
}
.max-w-15rem {
  max-width: 15rem !important;
}
.max-w-16rem {
  max-width: 16rem !important;
}
.max-w-17rem {
  max-width: 17rem !important;
}
.max-w-18rem {
  max-width: 18rem !important;
}
.max-w-19rem {
  max-width: 19rem !important;
}
.max-w-20rem {
  max-width: 20rem !important;
}
.max-w-21rem {
  max-width: 21rem !important;
}
.max-w-22rem {
  max-width: 22rem !important;
}
.max-w-23rem {
  max-width: 23rem !important;
}
.max-w-24rem {
  max-width: 24rem !important;
}
.max-w-25rem {
  max-width: 25rem !important;
}
.max-w-26rem {
  max-width: 26rem !important;
}
.max-w-27rem {
  max-width: 27rem !important;
}
.max-w-28rem {
  max-width: 28rem !important;
}
.max-w-29rem {
  max-width: 29rem !important;
}
.max-w-30rem {
  max-width: 30rem !important;
}
@media screen and (min-width: 576px) {
  .sm\:max-w-0 {
    max-width: 0px !important;
  }
  .sm\:max-w-full {
    max-width: 100% !important;
  }
  .sm\:max-w-screen {
    max-width: 100vw !important;
  }
  .sm\:max-w-min {
    max-width: -moz-min-content !important;
    max-width: min-content !important;
  }
  .sm\:max-w-max {
    max-width: -moz-max-content !important;
    max-width: max-content !important;
  }
  .sm\:max-w-fit {
    max-width: -moz-fit-content !important;
    max-width: fit-content !important;
  }
  .sm\:max-w-1rem {
    max-width: 1rem !important;
  }
  .sm\:max-w-2rem {
    max-width: 2rem !important;
  }
  .sm\:max-w-3rem {
    max-width: 3rem !important;
  }
  .sm\:max-w-4rem {
    max-width: 4rem !important;
  }
  .sm\:max-w-5rem {
    max-width: 5rem !important;
  }
  .sm\:max-w-6rem {
    max-width: 6rem !important;
  }
  .sm\:max-w-7rem {
    max-width: 7rem !important;
  }
  .sm\:max-w-8rem {
    max-width: 8rem !important;
  }
  .sm\:max-w-9rem {
    max-width: 9rem !important;
  }
  .sm\:max-w-10rem {
    max-width: 10rem !important;
  }
  .sm\:max-w-11rem {
    max-width: 11rem !important;
  }
  .sm\:max-w-12rem {
    max-width: 12rem !important;
  }
  .sm\:max-w-13rem {
    max-width: 13rem !important;
  }
  .sm\:max-w-14rem {
    max-width: 14rem !important;
  }
  .sm\:max-w-15rem {
    max-width: 15rem !important;
  }
  .sm\:max-w-16rem {
    max-width: 16rem !important;
  }
  .sm\:max-w-17rem {
    max-width: 17rem !important;
  }
  .sm\:max-w-18rem {
    max-width: 18rem !important;
  }
  .sm\:max-w-19rem {
    max-width: 19rem !important;
  }
  .sm\:max-w-20rem {
    max-width: 20rem !important;
  }
  .sm\:max-w-21rem {
    max-width: 21rem !important;
  }
  .sm\:max-w-22rem {
    max-width: 22rem !important;
  }
  .sm\:max-w-23rem {
    max-width: 23rem !important;
  }
  .sm\:max-w-24rem {
    max-width: 24rem !important;
  }
  .sm\:max-w-25rem {
    max-width: 25rem !important;
  }
  .sm\:max-w-26rem {
    max-width: 26rem !important;
  }
  .sm\:max-w-27rem {
    max-width: 27rem !important;
  }
  .sm\:max-w-28rem {
    max-width: 28rem !important;
  }
  .sm\:max-w-29rem {
    max-width: 29rem !important;
  }
  .sm\:max-w-30rem {
    max-width: 30rem !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:max-w-0 {
    max-width: 0px !important;
  }
  .md\:max-w-full {
    max-width: 100% !important;
  }
  .md\:max-w-screen {
    max-width: 100vw !important;
  }
  .md\:max-w-min {
    max-width: -moz-min-content !important;
    max-width: min-content !important;
  }
  .md\:max-w-max {
    max-width: -moz-max-content !important;
    max-width: max-content !important;
  }
  .md\:max-w-fit {
    max-width: -moz-fit-content !important;
    max-width: fit-content !important;
  }
  .md\:max-w-1rem {
    max-width: 1rem !important;
  }
  .md\:max-w-2rem {
    max-width: 2rem !important;
  }
  .md\:max-w-3rem {
    max-width: 3rem !important;
  }
  .md\:max-w-4rem {
    max-width: 4rem !important;
  }
  .md\:max-w-5rem {
    max-width: 5rem !important;
  }
  .md\:max-w-6rem {
    max-width: 6rem !important;
  }
  .md\:max-w-7rem {
    max-width: 7rem !important;
  }
  .md\:max-w-8rem {
    max-width: 8rem !important;
  }
  .md\:max-w-9rem {
    max-width: 9rem !important;
  }
  .md\:max-w-10rem {
    max-width: 10rem !important;
  }
  .md\:max-w-11rem {
    max-width: 11rem !important;
  }
  .md\:max-w-12rem {
    max-width: 12rem !important;
  }
  .md\:max-w-13rem {
    max-width: 13rem !important;
  }
  .md\:max-w-14rem {
    max-width: 14rem !important;
  }
  .md\:max-w-15rem {
    max-width: 15rem !important;
  }
  .md\:max-w-16rem {
    max-width: 16rem !important;
  }
  .md\:max-w-17rem {
    max-width: 17rem !important;
  }
  .md\:max-w-18rem {
    max-width: 18rem !important;
  }
  .md\:max-w-19rem {
    max-width: 19rem !important;
  }
  .md\:max-w-20rem {
    max-width: 20rem !important;
  }
  .md\:max-w-21rem {
    max-width: 21rem !important;
  }
  .md\:max-w-22rem {
    max-width: 22rem !important;
  }
  .md\:max-w-23rem {
    max-width: 23rem !important;
  }
  .md\:max-w-24rem {
    max-width: 24rem !important;
  }
  .md\:max-w-25rem {
    max-width: 25rem !important;
  }
  .md\:max-w-26rem {
    max-width: 26rem !important;
  }
  .md\:max-w-27rem {
    max-width: 27rem !important;
  }
  .md\:max-w-28rem {
    max-width: 28rem !important;
  }
  .md\:max-w-29rem {
    max-width: 29rem !important;
  }
  .md\:max-w-30rem {
    max-width: 30rem !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:max-w-0 {
    max-width: 0px !important;
  }
  .lg\:max-w-full {
    max-width: 100% !important;
  }
  .lg\:max-w-screen {
    max-width: 100vw !important;
  }
  .lg\:max-w-min {
    max-width: -moz-min-content !important;
    max-width: min-content !important;
  }
  .lg\:max-w-max {
    max-width: -moz-max-content !important;
    max-width: max-content !important;
  }
  .lg\:max-w-fit {
    max-width: -moz-fit-content !important;
    max-width: fit-content !important;
  }
  .lg\:max-w-1rem {
    max-width: 1rem !important;
  }
  .lg\:max-w-2rem {
    max-width: 2rem !important;
  }
  .lg\:max-w-3rem {
    max-width: 3rem !important;
  }
  .lg\:max-w-4rem {
    max-width: 4rem !important;
  }
  .lg\:max-w-5rem {
    max-width: 5rem !important;
  }
  .lg\:max-w-6rem {
    max-width: 6rem !important;
  }
  .lg\:max-w-7rem {
    max-width: 7rem !important;
  }
  .lg\:max-w-8rem {
    max-width: 8rem !important;
  }
  .lg\:max-w-9rem {
    max-width: 9rem !important;
  }
  .lg\:max-w-10rem {
    max-width: 10rem !important;
  }
  .lg\:max-w-11rem {
    max-width: 11rem !important;
  }
  .lg\:max-w-12rem {
    max-width: 12rem !important;
  }
  .lg\:max-w-13rem {
    max-width: 13rem !important;
  }
  .lg\:max-w-14rem {
    max-width: 14rem !important;
  }
  .lg\:max-w-15rem {
    max-width: 15rem !important;
  }
  .lg\:max-w-16rem {
    max-width: 16rem !important;
  }
  .lg\:max-w-17rem {
    max-width: 17rem !important;
  }
  .lg\:max-w-18rem {
    max-width: 18rem !important;
  }
  .lg\:max-w-19rem {
    max-width: 19rem !important;
  }
  .lg\:max-w-20rem {
    max-width: 20rem !important;
  }
  .lg\:max-w-21rem {
    max-width: 21rem !important;
  }
  .lg\:max-w-22rem {
    max-width: 22rem !important;
  }
  .lg\:max-w-23rem {
    max-width: 23rem !important;
  }
  .lg\:max-w-24rem {
    max-width: 24rem !important;
  }
  .lg\:max-w-25rem {
    max-width: 25rem !important;
  }
  .lg\:max-w-26rem {
    max-width: 26rem !important;
  }
  .lg\:max-w-27rem {
    max-width: 27rem !important;
  }
  .lg\:max-w-28rem {
    max-width: 28rem !important;
  }
  .lg\:max-w-29rem {
    max-width: 29rem !important;
  }
  .lg\:max-w-30rem {
    max-width: 30rem !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:max-w-0 {
    max-width: 0px !important;
  }
  .xl\:max-w-full {
    max-width: 100% !important;
  }
  .xl\:max-w-screen {
    max-width: 100vw !important;
  }
  .xl\:max-w-min {
    max-width: -moz-min-content !important;
    max-width: min-content !important;
  }
  .xl\:max-w-max {
    max-width: -moz-max-content !important;
    max-width: max-content !important;
  }
  .xl\:max-w-fit {
    max-width: -moz-fit-content !important;
    max-width: fit-content !important;
  }
  .xl\:max-w-1rem {
    max-width: 1rem !important;
  }
  .xl\:max-w-2rem {
    max-width: 2rem !important;
  }
  .xl\:max-w-3rem {
    max-width: 3rem !important;
  }
  .xl\:max-w-4rem {
    max-width: 4rem !important;
  }
  .xl\:max-w-5rem {
    max-width: 5rem !important;
  }
  .xl\:max-w-6rem {
    max-width: 6rem !important;
  }
  .xl\:max-w-7rem {
    max-width: 7rem !important;
  }
  .xl\:max-w-8rem {
    max-width: 8rem !important;
  }
  .xl\:max-w-9rem {
    max-width: 9rem !important;
  }
  .xl\:max-w-10rem {
    max-width: 10rem !important;
  }
  .xl\:max-w-11rem {
    max-width: 11rem !important;
  }
  .xl\:max-w-12rem {
    max-width: 12rem !important;
  }
  .xl\:max-w-13rem {
    max-width: 13rem !important;
  }
  .xl\:max-w-14rem {
    max-width: 14rem !important;
  }
  .xl\:max-w-15rem {
    max-width: 15rem !important;
  }
  .xl\:max-w-16rem {
    max-width: 16rem !important;
  }
  .xl\:max-w-17rem {
    max-width: 17rem !important;
  }
  .xl\:max-w-18rem {
    max-width: 18rem !important;
  }
  .xl\:max-w-19rem {
    max-width: 19rem !important;
  }
  .xl\:max-w-20rem {
    max-width: 20rem !important;
  }
  .xl\:max-w-21rem {
    max-width: 21rem !important;
  }
  .xl\:max-w-22rem {
    max-width: 22rem !important;
  }
  .xl\:max-w-23rem {
    max-width: 23rem !important;
  }
  .xl\:max-w-24rem {
    max-width: 24rem !important;
  }
  .xl\:max-w-25rem {
    max-width: 25rem !important;
  }
  .xl\:max-w-26rem {
    max-width: 26rem !important;
  }
  .xl\:max-w-27rem {
    max-width: 27rem !important;
  }
  .xl\:max-w-28rem {
    max-width: 28rem !important;
  }
  .xl\:max-w-29rem {
    max-width: 29rem !important;
  }
  .xl\:max-w-30rem {
    max-width: 30rem !important;
  }
}
.min-h-0 {
  min-height: 0px !important;
}
.min-h-full {
  min-height: 100% !important;
}
.min-h-screen {
  min-height: 100vh !important;
}
@media screen and (min-width: 576px) {
  .sm\:min-h-0 {
    min-height: 0px !important;
  }
  .sm\:min-h-full {
    min-height: 100% !important;
  }
  .sm\:min-h-screen {
    min-height: 100vh !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:min-h-0 {
    min-height: 0px !important;
  }
  .md\:min-h-full {
    min-height: 100% !important;
  }
  .md\:min-h-screen {
    min-height: 100vh !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:min-h-0 {
    min-height: 0px !important;
  }
  .lg\:min-h-full {
    min-height: 100% !important;
  }
  .lg\:min-h-screen {
    min-height: 100vh !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:min-h-0 {
    min-height: 0px !important;
  }
  .xl\:min-h-full {
    min-height: 100% !important;
  }
  .xl\:min-h-screen {
    min-height: 100vh !important;
  }
}
.max-h-0 {
  max-height: 0px !important;
}
.max-h-full {
  max-height: 100% !important;
}
.max-h-screen {
  max-height: 100vh !important;
}
.max-h-min {
  max-height: -moz-min-content !important;
  max-height: min-content !important;
}
.max-h-max {
  max-height: -moz-max-content !important;
  max-height: max-content !important;
}
.max-h-fit {
  max-height: -moz-fit-content !important;
  max-height: fit-content !important;
}
.max-h-1rem {
  max-height: 1rem !important;
}
.max-h-2rem {
  max-height: 2rem !important;
}
.max-h-3rem {
  max-height: 3rem !important;
}
.max-h-4rem {
  max-height: 4rem !important;
}
.max-h-5rem {
  max-height: 5rem !important;
}
.max-h-6rem {
  max-height: 6rem !important;
}
.max-h-7rem {
  max-height: 7rem !important;
}
.max-h-8rem {
  max-height: 8rem !important;
}
.max-h-9rem {
  max-height: 9rem !important;
}
.max-h-10rem {
  max-height: 10rem !important;
}
.max-h-11rem {
  max-height: 11rem !important;
}
.max-h-12rem {
  max-height: 12rem !important;
}
.max-h-13rem {
  max-height: 13rem !important;
}
.max-h-14rem {
  max-height: 14rem !important;
}
.max-h-15rem {
  max-height: 15rem !important;
}
.max-h-16rem {
  max-height: 16rem !important;
}
.max-h-17rem {
  max-height: 17rem !important;
}
.max-h-18rem {
  max-height: 18rem !important;
}
.max-h-19rem {
  max-height: 19rem !important;
}
.max-h-20rem {
  max-height: 20rem !important;
}
.max-h-21rem {
  max-height: 21rem !important;
}
.max-h-22rem {
  max-height: 22rem !important;
}
.max-h-23rem {
  max-height: 23rem !important;
}
.max-h-24rem {
  max-height: 24rem !important;
}
.max-h-25rem {
  max-height: 25rem !important;
}
.max-h-26rem {
  max-height: 26rem !important;
}
.max-h-27rem {
  max-height: 27rem !important;
}
.max-h-28rem {
  max-height: 28rem !important;
}
.max-h-29rem {
  max-height: 29rem !important;
}
.max-h-30rem {
  max-height: 30rem !important;
}
@media screen and (min-width: 576px) {
  .sm\:max-h-0 {
    max-height: 0px !important;
  }
  .sm\:max-h-full {
    max-height: 100% !important;
  }
  .sm\:max-h-screen {
    max-height: 100vh !important;
  }
  .sm\:max-h-min {
    max-height: -moz-min-content !important;
    max-height: min-content !important;
  }
  .sm\:max-h-max {
    max-height: -moz-max-content !important;
    max-height: max-content !important;
  }
  .sm\:max-h-fit {
    max-height: -moz-fit-content !important;
    max-height: fit-content !important;
  }
  .sm\:max-h-1rem {
    max-height: 1rem !important;
  }
  .sm\:max-h-2rem {
    max-height: 2rem !important;
  }
  .sm\:max-h-3rem {
    max-height: 3rem !important;
  }
  .sm\:max-h-4rem {
    max-height: 4rem !important;
  }
  .sm\:max-h-5rem {
    max-height: 5rem !important;
  }
  .sm\:max-h-6rem {
    max-height: 6rem !important;
  }
  .sm\:max-h-7rem {
    max-height: 7rem !important;
  }
  .sm\:max-h-8rem {
    max-height: 8rem !important;
  }
  .sm\:max-h-9rem {
    max-height: 9rem !important;
  }
  .sm\:max-h-10rem {
    max-height: 10rem !important;
  }
  .sm\:max-h-11rem {
    max-height: 11rem !important;
  }
  .sm\:max-h-12rem {
    max-height: 12rem !important;
  }
  .sm\:max-h-13rem {
    max-height: 13rem !important;
  }
  .sm\:max-h-14rem {
    max-height: 14rem !important;
  }
  .sm\:max-h-15rem {
    max-height: 15rem !important;
  }
  .sm\:max-h-16rem {
    max-height: 16rem !important;
  }
  .sm\:max-h-17rem {
    max-height: 17rem !important;
  }
  .sm\:max-h-18rem {
    max-height: 18rem !important;
  }
  .sm\:max-h-19rem {
    max-height: 19rem !important;
  }
  .sm\:max-h-20rem {
    max-height: 20rem !important;
  }
  .sm\:max-h-21rem {
    max-height: 21rem !important;
  }
  .sm\:max-h-22rem {
    max-height: 22rem !important;
  }
  .sm\:max-h-23rem {
    max-height: 23rem !important;
  }
  .sm\:max-h-24rem {
    max-height: 24rem !important;
  }
  .sm\:max-h-25rem {
    max-height: 25rem !important;
  }
  .sm\:max-h-26rem {
    max-height: 26rem !important;
  }
  .sm\:max-h-27rem {
    max-height: 27rem !important;
  }
  .sm\:max-h-28rem {
    max-height: 28rem !important;
  }
  .sm\:max-h-29rem {
    max-height: 29rem !important;
  }
  .sm\:max-h-30rem {
    max-height: 30rem !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:max-h-0 {
    max-height: 0px !important;
  }
  .md\:max-h-full {
    max-height: 100% !important;
  }
  .md\:max-h-screen {
    max-height: 100vh !important;
  }
  .md\:max-h-min {
    max-height: -moz-min-content !important;
    max-height: min-content !important;
  }
  .md\:max-h-max {
    max-height: -moz-max-content !important;
    max-height: max-content !important;
  }
  .md\:max-h-fit {
    max-height: -moz-fit-content !important;
    max-height: fit-content !important;
  }
  .md\:max-h-1rem {
    max-height: 1rem !important;
  }
  .md\:max-h-2rem {
    max-height: 2rem !important;
  }
  .md\:max-h-3rem {
    max-height: 3rem !important;
  }
  .md\:max-h-4rem {
    max-height: 4rem !important;
  }
  .md\:max-h-5rem {
    max-height: 5rem !important;
  }
  .md\:max-h-6rem {
    max-height: 6rem !important;
  }
  .md\:max-h-7rem {
    max-height: 7rem !important;
  }
  .md\:max-h-8rem {
    max-height: 8rem !important;
  }
  .md\:max-h-9rem {
    max-height: 9rem !important;
  }
  .md\:max-h-10rem {
    max-height: 10rem !important;
  }
  .md\:max-h-11rem {
    max-height: 11rem !important;
  }
  .md\:max-h-12rem {
    max-height: 12rem !important;
  }
  .md\:max-h-13rem {
    max-height: 13rem !important;
  }
  .md\:max-h-14rem {
    max-height: 14rem !important;
  }
  .md\:max-h-15rem {
    max-height: 15rem !important;
  }
  .md\:max-h-16rem {
    max-height: 16rem !important;
  }
  .md\:max-h-17rem {
    max-height: 17rem !important;
  }
  .md\:max-h-18rem {
    max-height: 18rem !important;
  }
  .md\:max-h-19rem {
    max-height: 19rem !important;
  }
  .md\:max-h-20rem {
    max-height: 20rem !important;
  }
  .md\:max-h-21rem {
    max-height: 21rem !important;
  }
  .md\:max-h-22rem {
    max-height: 22rem !important;
  }
  .md\:max-h-23rem {
    max-height: 23rem !important;
  }
  .md\:max-h-24rem {
    max-height: 24rem !important;
  }
  .md\:max-h-25rem {
    max-height: 25rem !important;
  }
  .md\:max-h-26rem {
    max-height: 26rem !important;
  }
  .md\:max-h-27rem {
    max-height: 27rem !important;
  }
  .md\:max-h-28rem {
    max-height: 28rem !important;
  }
  .md\:max-h-29rem {
    max-height: 29rem !important;
  }
  .md\:max-h-30rem {
    max-height: 30rem !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:max-h-0 {
    max-height: 0px !important;
  }
  .lg\:max-h-full {
    max-height: 100% !important;
  }
  .lg\:max-h-screen {
    max-height: 100vh !important;
  }
  .lg\:max-h-min {
    max-height: -moz-min-content !important;
    max-height: min-content !important;
  }
  .lg\:max-h-max {
    max-height: -moz-max-content !important;
    max-height: max-content !important;
  }
  .lg\:max-h-fit {
    max-height: -moz-fit-content !important;
    max-height: fit-content !important;
  }
  .lg\:max-h-1rem {
    max-height: 1rem !important;
  }
  .lg\:max-h-2rem {
    max-height: 2rem !important;
  }
  .lg\:max-h-3rem {
    max-height: 3rem !important;
  }
  .lg\:max-h-4rem {
    max-height: 4rem !important;
  }
  .lg\:max-h-5rem {
    max-height: 5rem !important;
  }
  .lg\:max-h-6rem {
    max-height: 6rem !important;
  }
  .lg\:max-h-7rem {
    max-height: 7rem !important;
  }
  .lg\:max-h-8rem {
    max-height: 8rem !important;
  }
  .lg\:max-h-9rem {
    max-height: 9rem !important;
  }
  .lg\:max-h-10rem {
    max-height: 10rem !important;
  }
  .lg\:max-h-11rem {
    max-height: 11rem !important;
  }
  .lg\:max-h-12rem {
    max-height: 12rem !important;
  }
  .lg\:max-h-13rem {
    max-height: 13rem !important;
  }
  .lg\:max-h-14rem {
    max-height: 14rem !important;
  }
  .lg\:max-h-15rem {
    max-height: 15rem !important;
  }
  .lg\:max-h-16rem {
    max-height: 16rem !important;
  }
  .lg\:max-h-17rem {
    max-height: 17rem !important;
  }
  .lg\:max-h-18rem {
    max-height: 18rem !important;
  }
  .lg\:max-h-19rem {
    max-height: 19rem !important;
  }
  .lg\:max-h-20rem {
    max-height: 20rem !important;
  }
  .lg\:max-h-21rem {
    max-height: 21rem !important;
  }
  .lg\:max-h-22rem {
    max-height: 22rem !important;
  }
  .lg\:max-h-23rem {
    max-height: 23rem !important;
  }
  .lg\:max-h-24rem {
    max-height: 24rem !important;
  }
  .lg\:max-h-25rem {
    max-height: 25rem !important;
  }
  .lg\:max-h-26rem {
    max-height: 26rem !important;
  }
  .lg\:max-h-27rem {
    max-height: 27rem !important;
  }
  .lg\:max-h-28rem {
    max-height: 28rem !important;
  }
  .lg\:max-h-29rem {
    max-height: 29rem !important;
  }
  .lg\:max-h-30rem {
    max-height: 30rem !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:max-h-0 {
    max-height: 0px !important;
  }
  .xl\:max-h-full {
    max-height: 100% !important;
  }
  .xl\:max-h-screen {
    max-height: 100vh !important;
  }
  .xl\:max-h-min {
    max-height: -moz-min-content !important;
    max-height: min-content !important;
  }
  .xl\:max-h-max {
    max-height: -moz-max-content !important;
    max-height: max-content !important;
  }
  .xl\:max-h-fit {
    max-height: -moz-fit-content !important;
    max-height: fit-content !important;
  }
  .xl\:max-h-1rem {
    max-height: 1rem !important;
  }
  .xl\:max-h-2rem {
    max-height: 2rem !important;
  }
  .xl\:max-h-3rem {
    max-height: 3rem !important;
  }
  .xl\:max-h-4rem {
    max-height: 4rem !important;
  }
  .xl\:max-h-5rem {
    max-height: 5rem !important;
  }
  .xl\:max-h-6rem {
    max-height: 6rem !important;
  }
  .xl\:max-h-7rem {
    max-height: 7rem !important;
  }
  .xl\:max-h-8rem {
    max-height: 8rem !important;
  }
  .xl\:max-h-9rem {
    max-height: 9rem !important;
  }
  .xl\:max-h-10rem {
    max-height: 10rem !important;
  }
  .xl\:max-h-11rem {
    max-height: 11rem !important;
  }
  .xl\:max-h-12rem {
    max-height: 12rem !important;
  }
  .xl\:max-h-13rem {
    max-height: 13rem !important;
  }
  .xl\:max-h-14rem {
    max-height: 14rem !important;
  }
  .xl\:max-h-15rem {
    max-height: 15rem !important;
  }
  .xl\:max-h-16rem {
    max-height: 16rem !important;
  }
  .xl\:max-h-17rem {
    max-height: 17rem !important;
  }
  .xl\:max-h-18rem {
    max-height: 18rem !important;
  }
  .xl\:max-h-19rem {
    max-height: 19rem !important;
  }
  .xl\:max-h-20rem {
    max-height: 20rem !important;
  }
  .xl\:max-h-21rem {
    max-height: 21rem !important;
  }
  .xl\:max-h-22rem {
    max-height: 22rem !important;
  }
  .xl\:max-h-23rem {
    max-height: 23rem !important;
  }
  .xl\:max-h-24rem {
    max-height: 24rem !important;
  }
  .xl\:max-h-25rem {
    max-height: 25rem !important;
  }
  .xl\:max-h-26rem {
    max-height: 26rem !important;
  }
  .xl\:max-h-27rem {
    max-height: 27rem !important;
  }
  .xl\:max-h-28rem {
    max-height: 28rem !important;
  }
  .xl\:max-h-29rem {
    max-height: 29rem !important;
  }
  .xl\:max-h-30rem {
    max-height: 30rem !important;
  }
}
.static {
  position: static !important;
}
.fixed {
  position: fixed !important;
}
.absolute {
  position: absolute !important;
}
.relative {
  position: relative !important;
}
.sticky {
  position: sticky !important;
}
@media screen and (min-width: 576px) {
  .sm\:static {
    position: static !important;
  }
  .sm\:fixed {
    position: fixed !important;
  }
  .sm\:absolute {
    position: absolute !important;
  }
  .sm\:relative {
    position: relative !important;
  }
  .sm\:sticky {
    position: sticky !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:static {
    position: static !important;
  }
  .md\:fixed {
    position: fixed !important;
  }
  .md\:absolute {
    position: absolute !important;
  }
  .md\:relative {
    position: relative !important;
  }
  .md\:sticky {
    position: sticky !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:static {
    position: static !important;
  }
  .lg\:fixed {
    position: fixed !important;
  }
  .lg\:absolute {
    position: absolute !important;
  }
  .lg\:relative {
    position: relative !important;
  }
  .lg\:sticky {
    position: sticky !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:static {
    position: static !important;
  }
  .xl\:fixed {
    position: fixed !important;
  }
  .xl\:absolute {
    position: absolute !important;
  }
  .xl\:relative {
    position: relative !important;
  }
  .xl\:sticky {
    position: sticky !important;
  }
}
.top-auto {
  top: auto !important;
}
.top-0 {
  top: 0px !important;
}
.top-50 {
  top: 50% !important;
}
.top-100 {
  top: 100% !important;
}
@media screen and (min-width: 576px) {
  .sm\:top-auto {
    top: auto !important;
  }
  .sm\:top-0 {
    top: 0px !important;
  }
  .sm\:top-50 {
    top: 50% !important;
  }
  .sm\:top-100 {
    top: 100% !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:top-auto {
    top: auto !important;
  }
  .md\:top-0 {
    top: 0px !important;
  }
  .md\:top-50 {
    top: 50% !important;
  }
  .md\:top-100 {
    top: 100% !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:top-auto {
    top: auto !important;
  }
  .lg\:top-0 {
    top: 0px !important;
  }
  .lg\:top-50 {
    top: 50% !important;
  }
  .lg\:top-100 {
    top: 100% !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:top-auto {
    top: auto !important;
  }
  .xl\:top-0 {
    top: 0px !important;
  }
  .xl\:top-50 {
    top: 50% !important;
  }
  .xl\:top-100 {
    top: 100% !important;
  }
}
.left-auto {
  left: auto !important;
}
.left-0 {
  left: 0px !important;
}
.left-50 {
  left: 50% !important;
}
.left-100 {
  left: 100% !important;
}
@media screen and (min-width: 576px) {
  .sm\:left-auto {
    left: auto !important;
  }
  .sm\:left-0 {
    left: 0px !important;
  }
  .sm\:left-50 {
    left: 50% !important;
  }
  .sm\:left-100 {
    left: 100% !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:left-auto {
    left: auto !important;
  }
  .md\:left-0 {
    left: 0px !important;
  }
  .md\:left-50 {
    left: 50% !important;
  }
  .md\:left-100 {
    left: 100% !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:left-auto {
    left: auto !important;
  }
  .lg\:left-0 {
    left: 0px !important;
  }
  .lg\:left-50 {
    left: 50% !important;
  }
  .lg\:left-100 {
    left: 100% !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:left-auto {
    left: auto !important;
  }
  .xl\:left-0 {
    left: 0px !important;
  }
  .xl\:left-50 {
    left: 50% !important;
  }
  .xl\:left-100 {
    left: 100% !important;
  }
}
.right-auto {
  right: auto !important;
}
.right-0 {
  right: 0px !important;
}
.right-50 {
  right: 50% !important;
}
.right-100 {
  right: 100% !important;
}
@media screen and (min-width: 576px) {
  .sm\:right-auto {
    right: auto !important;
  }
  .sm\:right-0 {
    right: 0px !important;
  }
  .sm\:right-50 {
    right: 50% !important;
  }
  .sm\:right-100 {
    right: 100% !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:right-auto {
    right: auto !important;
  }
  .md\:right-0 {
    right: 0px !important;
  }
  .md\:right-50 {
    right: 50% !important;
  }
  .md\:right-100 {
    right: 100% !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:right-auto {
    right: auto !important;
  }
  .lg\:right-0 {
    right: 0px !important;
  }
  .lg\:right-50 {
    right: 50% !important;
  }
  .lg\:right-100 {
    right: 100% !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:right-auto {
    right: auto !important;
  }
  .xl\:right-0 {
    right: 0px !important;
  }
  .xl\:right-50 {
    right: 50% !important;
  }
  .xl\:right-100 {
    right: 100% !important;
  }
}
.bottom-auto {
  bottom: auto !important;
}
.bottom-0 {
  bottom: 0px !important;
}
.bottom-50 {
  bottom: 50% !important;
}
.bottom-100 {
  bottom: 100% !important;
}
@media screen and (min-width: 576px) {
  .sm\:bottom-auto {
    bottom: auto !important;
  }
  .sm\:bottom-0 {
    bottom: 0px !important;
  }
  .sm\:bottom-50 {
    bottom: 50% !important;
  }
  .sm\:bottom-100 {
    bottom: 100% !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:bottom-auto {
    bottom: auto !important;
  }
  .md\:bottom-0 {
    bottom: 0px !important;
  }
  .md\:bottom-50 {
    bottom: 50% !important;
  }
  .md\:bottom-100 {
    bottom: 100% !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:bottom-auto {
    bottom: auto !important;
  }
  .lg\:bottom-0 {
    bottom: 0px !important;
  }
  .lg\:bottom-50 {
    bottom: 50% !important;
  }
  .lg\:bottom-100 {
    bottom: 100% !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:bottom-auto {
    bottom: auto !important;
  }
  .xl\:bottom-0 {
    bottom: 0px !important;
  }
  .xl\:bottom-50 {
    bottom: 50% !important;
  }
  .xl\:bottom-100 {
    bottom: 100% !important;
  }
}
.overflow-auto {
  overflow: auto !important;
}
.overflow-hidden {
  overflow: hidden !important;
}
.overflow-visible {
  overflow: visible !important;
}
.overflow-scroll {
  overflow: scroll !important;
}
@media screen and (min-width: 576px) {
  .sm\:overflow-auto {
    overflow: auto !important;
  }
  .sm\:overflow-hidden {
    overflow: hidden !important;
  }
  .sm\:overflow-visible {
    overflow: visible !important;
  }
  .sm\:overflow-scroll {
    overflow: scroll !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:overflow-auto {
    overflow: auto !important;
  }
  .md\:overflow-hidden {
    overflow: hidden !important;
  }
  .md\:overflow-visible {
    overflow: visible !important;
  }
  .md\:overflow-scroll {
    overflow: scroll !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:overflow-auto {
    overflow: auto !important;
  }
  .lg\:overflow-hidden {
    overflow: hidden !important;
  }
  .lg\:overflow-visible {
    overflow: visible !important;
  }
  .lg\:overflow-scroll {
    overflow: scroll !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:overflow-auto {
    overflow: auto !important;
  }
  .xl\:overflow-hidden {
    overflow: hidden !important;
  }
  .xl\:overflow-visible {
    overflow: visible !important;
  }
  .xl\: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;
}
@media screen and (min-width: 576px) {
  .sm\:overflow-x-auto {
    overflow-x: auto !important;
  }
  .sm\:overflow-x-hidden {
    overflow-x: hidden !important;
  }
  .sm\:overflow-x-visible {
    overflow-x: visible !important;
  }
  .sm\:overflow-x-scroll {
    overflow-x: scroll !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:overflow-x-auto {
    overflow-x: auto !important;
  }
  .md\:overflow-x-hidden {
    overflow-x: hidden !important;
  }
  .md\:overflow-x-visible {
    overflow-x: visible !important;
  }
  .md\:overflow-x-scroll {
    overflow-x: scroll !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:overflow-x-auto {
    overflow-x: auto !important;
  }
  .lg\:overflow-x-hidden {
    overflow-x: hidden !important;
  }
  .lg\:overflow-x-visible {
    overflow-x: visible !important;
  }
  .lg\:overflow-x-scroll {
    overflow-x: scroll !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:overflow-x-auto {
    overflow-x: auto !important;
  }
  .xl\:overflow-x-hidden {
    overflow-x: hidden !important;
  }
  .xl\:overflow-x-visible {
    overflow-x: visible !important;
  }
  .xl\: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;
}
@media screen and (min-width: 576px) {
  .sm\:overflow-y-auto {
    overflow-y: auto !important;
  }
  .sm\:overflow-y-hidden {
    overflow-y: hidden !important;
  }
  .sm\:overflow-y-visible {
    overflow-y: visible !important;
  }
  .sm\:overflow-y-scroll {
    overflow-y: scroll !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:overflow-y-auto {
    overflow-y: auto !important;
  }
  .md\:overflow-y-hidden {
    overflow-y: hidden !important;
  }
  .md\:overflow-y-visible {
    overflow-y: visible !important;
  }
  .md\:overflow-y-scroll {
    overflow-y: scroll !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:overflow-y-auto {
    overflow-y: auto !important;
  }
  .lg\:overflow-y-hidden {
    overflow-y: hidden !important;
  }
  .lg\:overflow-y-visible {
    overflow-y: visible !important;
  }
  .lg\:overflow-y-scroll {
    overflow-y: scroll !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:overflow-y-auto {
    overflow-y: auto !important;
  }
  .xl\:overflow-y-hidden {
    overflow-y: hidden !important;
  }
  .xl\:overflow-y-visible {
    overflow-y: visible !important;
  }
  .xl\:overflow-y-scroll {
    overflow-y: scroll !important;
  }
}
.z-auto {
  z-index: auto !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;
}
.z-4 {
  z-index: 4 !important;
}
.z-5 {
  z-index: 5 !important;
}
@media screen and (min-width: 576px) {
  .sm\:z-auto {
    z-index: auto !important;
  }
  .sm\:z-0 {
    z-index: 0 !important;
  }
  .sm\:z-1 {
    z-index: 1 !important;
  }
  .sm\:z-2 {
    z-index: 2 !important;
  }
  .sm\:z-3 {
    z-index: 3 !important;
  }
  .sm\:z-4 {
    z-index: 4 !important;
  }
  .sm\:z-5 {
    z-index: 5 !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:z-auto {
    z-index: auto !important;
  }
  .md\:z-0 {
    z-index: 0 !important;
  }
  .md\:z-1 {
    z-index: 1 !important;
  }
  .md\:z-2 {
    z-index: 2 !important;
  }
  .md\:z-3 {
    z-index: 3 !important;
  }
  .md\:z-4 {
    z-index: 4 !important;
  }
  .md\:z-5 {
    z-index: 5 !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:z-auto {
    z-index: auto !important;
  }
  .lg\:z-0 {
    z-index: 0 !important;
  }
  .lg\:z-1 {
    z-index: 1 !important;
  }
  .lg\:z-2 {
    z-index: 2 !important;
  }
  .lg\:z-3 {
    z-index: 3 !important;
  }
  .lg\:z-4 {
    z-index: 4 !important;
  }
  .lg\:z-5 {
    z-index: 5 !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:z-auto {
    z-index: auto !important;
  }
  .xl\:z-0 {
    z-index: 0 !important;
  }
  .xl\:z-1 {
    z-index: 1 !important;
  }
  .xl\:z-2 {
    z-index: 2 !important;
  }
  .xl\:z-3 {
    z-index: 3 !important;
  }
  .xl\:z-4 {
    z-index: 4 !important;
  }
  .xl\:z-5 {
    z-index: 5 !important;
  }
}
.bg-repeat {
  background-repeat: repeat !important;
}
.bg-no-repeat {
  background-repeat: no-repeat !important;
}
.bg-repeat-x {
  background-repeat: repeat-x !important;
}
.bg-repeat-y {
  background-repeat: repeat-y !important;
}
.bg-repeat-round {
  background-repeat: round !important;
}
.bg-repeat-space {
  background-repeat: space !important;
}
@media screen and (min-width: 576px) {
  .sm\:bg-repeat {
    background-repeat: repeat !important;
  }
  .sm\:bg-no-repeat {
    background-repeat: no-repeat !important;
  }
  .sm\:bg-repeat-x {
    background-repeat: repeat-x !important;
  }
  .sm\:bg-repeat-y {
    background-repeat: repeat-y !important;
  }
  .sm\:bg-repeat-round {
    background-repeat: round !important;
  }
  .sm\:bg-repeat-space {
    background-repeat: space !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:bg-repeat {
    background-repeat: repeat !important;
  }
  .md\:bg-no-repeat {
    background-repeat: no-repeat !important;
  }
  .md\:bg-repeat-x {
    background-repeat: repeat-x !important;
  }
  .md\:bg-repeat-y {
    background-repeat: repeat-y !important;
  }
  .md\:bg-repeat-round {
    background-repeat: round !important;
  }
  .md\:bg-repeat-space {
    background-repeat: space !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:bg-repeat {
    background-repeat: repeat !important;
  }
  .lg\:bg-no-repeat {
    background-repeat: no-repeat !important;
  }
  .lg\:bg-repeat-x {
    background-repeat: repeat-x !important;
  }
  .lg\:bg-repeat-y {
    background-repeat: repeat-y !important;
  }
  .lg\:bg-repeat-round {
    background-repeat: round !important;
  }
  .lg\:bg-repeat-space {
    background-repeat: space !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:bg-repeat {
    background-repeat: repeat !important;
  }
  .xl\:bg-no-repeat {
    background-repeat: no-repeat !important;
  }
  .xl\:bg-repeat-x {
    background-repeat: repeat-x !important;
  }
  .xl\:bg-repeat-y {
    background-repeat: repeat-y !important;
  }
  .xl\:bg-repeat-round {
    background-repeat: round !important;
  }
  .xl\:bg-repeat-space {
    background-repeat: space !important;
  }
}
.bg-auto {
  background-size: auto !important;
}
.bg-cover {
  background-size: cover !important;
}
.bg-contain {
  background-size: contain !important;
}
@media screen and (min-width: 576px) {
  .sm\:bg-auto {
    background-size: auto !important;
  }
  .sm\:bg-cover {
    background-size: cover !important;
  }
  .sm\:bg-contain {
    background-size: contain !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:bg-auto {
    background-size: auto !important;
  }
  .md\:bg-cover {
    background-size: cover !important;
  }
  .md\:bg-contain {
    background-size: contain !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:bg-auto {
    background-size: auto !important;
  }
  .lg\:bg-cover {
    background-size: cover !important;
  }
  .lg\:bg-contain {
    background-size: contain !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:bg-auto {
    background-size: auto !important;
  }
  .xl\:bg-cover {
    background-size: cover !important;
  }
  .xl\:bg-contain {
    background-size: contain !important;
  }
}
.bg-bottom {
  background-position: bottom !important;
}
.bg-center {
  background-position: center !important;
}
.bg-left {
  background-position: left !important;
}
.bg-left-bottom {
  background-position: left bottom !important;
}
.bg-left-top {
  background-position: left top !important;
}
.bg-right {
  background-position: right !important;
}
.bg-right-bottom {
  background-position: right bottom !important;
}
.bg-right-top {
  background-position: right top !important;
}
.bg-top {
  background-position: top !important;
}
@media screen and (min-width: 576px) {
  .sm\:bg-bottom {
    background-position: bottom !important;
  }
  .sm\:bg-center {
    background-position: center !important;
  }
  .sm\:bg-left {
    background-position: left !important;
  }
  .sm\:bg-left-bottom {
    background-position: left bottom !important;
  }
  .sm\:bg-left-top {
    background-position: left top !important;
  }
  .sm\:bg-right {
    background-position: right !important;
  }
  .sm\:bg-right-bottom {
    background-position: right bottom !important;
  }
  .sm\:bg-right-top {
    background-position: right top !important;
  }
  .sm\:bg-top {
    background-position: top !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:bg-bottom {
    background-position: bottom !important;
  }
  .md\:bg-center {
    background-position: center !important;
  }
  .md\:bg-left {
    background-position: left !important;
  }
  .md\:bg-left-bottom {
    background-position: left bottom !important;
  }
  .md\:bg-left-top {
    background-position: left top !important;
  }
  .md\:bg-right {
    background-position: right !important;
  }
  .md\:bg-right-bottom {
    background-position: right bottom !important;
  }
  .md\:bg-right-top {
    background-position: right top !important;
  }
  .md\:bg-top {
    background-position: top !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:bg-bottom {
    background-position: bottom !important;
  }
  .lg\:bg-center {
    background-position: center !important;
  }
  .lg\:bg-left {
    background-position: left !important;
  }
  .lg\:bg-left-bottom {
    background-position: left bottom !important;
  }
  .lg\:bg-left-top {
    background-position: left top !important;
  }
  .lg\:bg-right {
    background-position: right !important;
  }
  .lg\:bg-right-bottom {
    background-position: right bottom !important;
  }
  .lg\:bg-right-top {
    background-position: right top !important;
  }
  .lg\:bg-top {
    background-position: top !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:bg-bottom {
    background-position: bottom !important;
  }
  .xl\:bg-center {
    background-position: center !important;
  }
  .xl\:bg-left {
    background-position: left !important;
  }
  .xl\:bg-left-bottom {
    background-position: left bottom !important;
  }
  .xl\:bg-left-top {
    background-position: left top !important;
  }
  .xl\:bg-right {
    background-position: right !important;
  }
  .xl\:bg-right-bottom {
    background-position: right bottom !important;
  }
  .xl\:bg-right-top {
    background-position: right top !important;
  }
  .xl\:bg-top {
    background-position: top !important;
  }
}
.select-none {
  -webkit-user-select: none !important;
     -moz-user-select: none !important;
          user-select: none !important;
}
.select-text {
  -webkit-user-select: text !important;
     -moz-user-select: text !important;
          user-select: text !important;
}
.select-all {
  -webkit-user-select: all !important;
     -moz-user-select: all !important;
          user-select: all !important;
}
.select-auto {
  -webkit-user-select: auto !important;
     -moz-user-select: auto !important;
          user-select: auto !important;
}
.list-none {
  list-style: none !important;
}
.list-disc {
  list-style: disc !important;
}
.list-decimal {
  list-style: decimal !important;
}
.appearance-none {
  -webkit-appearance: none !important;
     -moz-appearance: none !important;
          appearance: none !important;
}
.outline-none {
  outline: none !important;
}
.pointer-events-none {
  pointer-events: none !important;
}
.pointer-events-auto {
  pointer-events: auto !important;
}
.cursor-auto {
  cursor: auto !important;
}
.cursor-pointer {
  cursor: pointer !important;
}
.cursor-wait {
  cursor: wait !important;
}
.cursor-move {
  cursor: move !important;
}
.select-none {
  -webkit-user-select: none !important;
     -moz-user-select: none !important;
          user-select: none !important;
}
.select-text {
  -webkit-user-select: text !important;
     -moz-user-select: text !important;
          user-select: text !important;
}
.select-all {
  -webkit-user-select: all !important;
     -moz-user-select: all !important;
          user-select: all !important;
}
.select-auto {
  -webkit-user-select: auto !important;
     -moz-user-select: auto !important;
          user-select: auto !important;
}
.opacity-0 {
  opacity: 0 !important;
}
.opacity-10 {
  opacity: .1 !important;
}
.opacity-20 {
  opacity: .2 !important;
}
.opacity-30 {
  opacity: .3 !important;
}
.opacity-40 {
  opacity: .4 !important;
}
.opacity-50 {
  opacity: .5 !important;
}
.opacity-60 {
  opacity: .6 !important;
}
.opacity-70 {
  opacity: .7 !important;
}
.opacity-80 {
  opacity: .8 !important;
}
.opacity-90 {
  opacity: .9 !important;
}
.opacity-100 {
  opacity: 1 !important;
}
.reset {
  all: unset;
}
.transition-none {
  transition-property: none !important;
}
.transition-all {
  transition-property: all !important;
}
.transition-colors {
  transition-property: background-color,border-color,color !important;
}
.transition-transform {
  transition-property: transform !important;
}
.transition-duration-100 {
  transition-duration: 100ms !important;
}
.transition-duration-150 {
  transition-duration: 150ms !important;
}
.transition-duration-200 {
  transition-duration: 200ms !important;
}
.transition-duration-300 {
  transition-duration: 300ms !important;
}
.transition-duration-400 {
  transition-duration: 400ms !important;
}
.transition-duration-500 {
  transition-duration: 500ms !important;
}
.transition-duration-1000 {
  transition-duration: 1000ms !important;
}
.transition-duration-2000 {
  transition-duration: 2000ms !important;
}
.transition-duration-3000 {
  transition-duration: 3000ms !important;
}
.transition-linear {
  transition-timing-function: linear !important;
}
.transition-ease-in {
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1) !important;
}
.transition-ease-out {
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1) !important;
}
.transition-ease-in-out {
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.transition-delay-100 {
  transition-delay: 100ms !important;
}
.transition-delay-150 {
  transition-delay: 150ms !important;
}
.transition-delay-200 {
  transition-delay: 200ms !important;
}
.transition-delay-300 {
  transition-delay: 300ms !important;
}
.transition-delay-400 {
  transition-delay: 400ms !important;
}
.transition-delay-500 {
  transition-delay: 500ms !important;
}
.transition-delay-1000 {
  transition-delay: 1000ms !important;
}
.translate-x-0 {
  transform: translateX(0%) !important;
}
.translate-x-100 {
  transform: translateX(100%) !important;
}
.-translate-x-100 {
  transform: translateX(-100%) !important;
}
.translate-y-0 {
  transform: translateY(0%) !important;
}
.translate-y-100 {
  transform: translateY(100%) !important;
}
.-translate-y-100 {
  transform: translateY(-100%) !important;
}
@media screen and (min-width: 576px) {
  .sm\:translate-x-0 {
    transform: translateX(0%) !important;
  }
  .sm\:translate-x-100 {
    transform: translateX(100%) !important;
  }
  .sm\:-translate-x-100 {
    transform: translateX(-100%) !important;
  }
  .sm\:translate-y-0 {
    transform: translateY(0%) !important;
  }
  .sm\:translate-y-100 {
    transform: translateY(100%) !important;
  }
  .sm\:-translate-y-100 {
    transform: translateY(-100%) !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:translate-x-0 {
    transform: translateX(0%) !important;
  }
  .md\:translate-x-100 {
    transform: translateX(100%) !important;
  }
  .md\:-translate-x-100 {
    transform: translateX(-100%) !important;
  }
  .md\:translate-y-0 {
    transform: translateY(0%) !important;
  }
  .md\:translate-y-100 {
    transform: translateY(100%) !important;
  }
  .md\:-translate-y-100 {
    transform: translateY(-100%) !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:translate-x-0 {
    transform: translateX(0%) !important;
  }
  .lg\:translate-x-100 {
    transform: translateX(100%) !important;
  }
  .lg\:-translate-x-100 {
    transform: translateX(-100%) !important;
  }
  .lg\:translate-y-0 {
    transform: translateY(0%) !important;
  }
  .lg\:translate-y-100 {
    transform: translateY(100%) !important;
  }
  .lg\:-translate-y-100 {
    transform: translateY(-100%) !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:translate-x-0 {
    transform: translateX(0%) !important;
  }
  .xl\:translate-x-100 {
    transform: translateX(100%) !important;
  }
  .xl\:-translate-x-100 {
    transform: translateX(-100%) !important;
  }
  .xl\:translate-y-0 {
    transform: translateY(0%) !important;
  }
  .xl\:translate-y-100 {
    transform: translateY(100%) !important;
  }
  .xl\:-translate-y-100 {
    transform: translateY(-100%) !important;
  }
}
.rotate-45 {
  transform: rotate(45deg) !important;
}
.-rotate-45 {
  transform: rotate(-45deg) !important;
}
.rotate-90 {
  transform: rotate(90deg) !important;
}
.-rotate-90 {
  transform: rotate(-90deg) !important;
}
.rotate-180 {
  transform: rotate(180deg) !important;
}
.-rotate-180 {
  transform: rotate(-180deg) !important;
}
@media screen and (min-width: 576px) {
  .sm\:rotate-45 {
    transform: rotate(45deg) !important;
  }
  .sm\:-rotate-45 {
    transform: rotate(-45deg) !important;
  }
  .sm\:rotate-90 {
    transform: rotate(90deg) !important;
  }
  .sm\:-rotate-90 {
    transform: rotate(-90deg) !important;
  }
  .sm\:rotate-180 {
    transform: rotate(180deg) !important;
  }
  .sm\:-rotate-180 {
    transform: rotate(-180deg) !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:rotate-45 {
    transform: rotate(45deg) !important;
  }
  .md\:-rotate-45 {
    transform: rotate(-45deg) !important;
  }
  .md\:rotate-90 {
    transform: rotate(90deg) !important;
  }
  .md\:-rotate-90 {
    transform: rotate(-90deg) !important;
  }
  .md\:rotate-180 {
    transform: rotate(180deg) !important;
  }
  .md\:-rotate-180 {
    transform: rotate(-180deg) !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:rotate-45 {
    transform: rotate(45deg) !important;
  }
  .lg\:-rotate-45 {
    transform: rotate(-45deg) !important;
  }
  .lg\:rotate-90 {
    transform: rotate(90deg) !important;
  }
  .lg\:-rotate-90 {
    transform: rotate(-90deg) !important;
  }
  .lg\:rotate-180 {
    transform: rotate(180deg) !important;
  }
  .lg\:-rotate-180 {
    transform: rotate(-180deg) !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:rotate-45 {
    transform: rotate(45deg) !important;
  }
  .xl\:-rotate-45 {
    transform: rotate(-45deg) !important;
  }
  .xl\:rotate-90 {
    transform: rotate(90deg) !important;
  }
  .xl\:-rotate-90 {
    transform: rotate(-90deg) !important;
  }
  .xl\:rotate-180 {
    transform: rotate(180deg) !important;
  }
  .xl\:-rotate-180 {
    transform: rotate(-180deg) !important;
  }
}
.origin-center {
  transform-origin: center !important;
}
.origin-top {
  transform-origin: top !important;
}
.origin-top-right {
  transform-origin: top right !important;
}
.origin-right {
  transform-origin: right !important;
}
.origin-bottom-right {
  transform-origin: bottom right !important;
}
.origin-bottom {
  transform-origin: bottom !important;
}
.origin-bottom-left {
  transform-origin: bottom left !important;
}
.origin-left {
  transform-origin: left !important;
}
.origin-top-left {
  transform-origin: top-left !important;
}
@media screen and (min-width: 576px) {
  .sm\:origin-center {
    transform-origin: center !important;
  }
  .sm\:origin-top {
    transform-origin: top !important;
  }
  .sm\:origin-top-right {
    transform-origin: top right !important;
  }
  .sm\:origin-right {
    transform-origin: right !important;
  }
  .sm\:origin-bottom-right {
    transform-origin: bottom right !important;
  }
  .sm\:origin-bottom {
    transform-origin: bottom !important;
  }
  .sm\:origin-bottom-left {
    transform-origin: bottom left !important;
  }
  .sm\:origin-left {
    transform-origin: left !important;
  }
  .sm\:origin-top-left {
    transform-origin: top-left !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:origin-center {
    transform-origin: center !important;
  }
  .md\:origin-top {
    transform-origin: top !important;
  }
  .md\:origin-top-right {
    transform-origin: top right !important;
  }
  .md\:origin-right {
    transform-origin: right !important;
  }
  .md\:origin-bottom-right {
    transform-origin: bottom right !important;
  }
  .md\:origin-bottom {
    transform-origin: bottom !important;
  }
  .md\:origin-bottom-left {
    transform-origin: bottom left !important;
  }
  .md\:origin-left {
    transform-origin: left !important;
  }
  .md\:origin-top-left {
    transform-origin: top-left !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:origin-center {
    transform-origin: center !important;
  }
  .lg\:origin-top {
    transform-origin: top !important;
  }
  .lg\:origin-top-right {
    transform-origin: top right !important;
  }
  .lg\:origin-right {
    transform-origin: right !important;
  }
  .lg\:origin-bottom-right {
    transform-origin: bottom right !important;
  }
  .lg\:origin-bottom {
    transform-origin: bottom !important;
  }
  .lg\:origin-bottom-left {
    transform-origin: bottom left !important;
  }
  .lg\:origin-left {
    transform-origin: left !important;
  }
  .lg\:origin-top-left {
    transform-origin: top-left !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:origin-center {
    transform-origin: center !important;
  }
  .xl\:origin-top {
    transform-origin: top !important;
  }
  .xl\:origin-top-right {
    transform-origin: top right !important;
  }
  .xl\:origin-right {
    transform-origin: right !important;
  }
  .xl\:origin-bottom-right {
    transform-origin: bottom right !important;
  }
  .xl\:origin-bottom {
    transform-origin: bottom !important;
  }
  .xl\:origin-bottom-left {
    transform-origin: bottom left !important;
  }
  .xl\:origin-left {
    transform-origin: left !important;
  }
  .xl\:origin-top-left {
    transform-origin: top-left !important;
  }
}
@keyframes fadein {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeout {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes scalein {
  0% {
    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);
  }
  100% {
    opacity: 1;
    transform: scaleY(1);
  }
}
@keyframes slidedown {
  0% {
    max-height: 0;
  }
  100% {
    max-height: auto;
  }
}
@keyframes slideup {
  0% {
    max-height: 1000px;
  }
  100% {
    max-height: 0;
  }
}
@keyframes fadeinleft {
  0% {
    opacity: 0;
    transform: translateX(-100%);
    transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
  }
  100% {
    opacity: 1;
    transform: translateX(0%);
  }
}
@keyframes fadeoutleft {
  0% {
    opacity: 1;
    transform: translateX(0%);
    transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
  }
  100% {
    opacity: 0;
    transform: translateX(-100%);
  }
}
@keyframes fadeinright {
  0% {
    opacity: 0;
    transform: translateX(100%);
    transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
  }
  100% {
    opacity: 1;
    transform: translateX(0%);
  }
}
@keyframes fadeoutright {
  0% {
    opacity: 1;
    transform: translateX(0%);
    transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
  }
  100% {
    opacity: 0;
    transform: translateX(100%);
  }
}
@keyframes fadeinup {
  0% {
    opacity: 0;
    transform: translateY(-100%);
    transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
  }
  100% {
    opacity: 1;
    transform: translateY(0%);
  }
}
@keyframes fadeoutup {
  0% {
    opacity: 1;
    transform: translateY(0%);
    transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
  }
  100% {
    opacity: 0;
    transform: translateY(-100%);
  }
}
@keyframes fadeindown {
  0% {
    opacity: 0;
    transform: translateY(100%);
    transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
  }
  100% {
    opacity: 1;
    transform: translateY(0%);
  }
}
@keyframes fadeoutdown {
  0% {
    opacity: 1;
    transform: translateY(0%);
    transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
  }
  100% {
    opacity: 0;
    transform: translateY(100%);
  }
}
@keyframes animate-width {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
@keyframes flip {
  from {
    transform: perspective(2000px) rotateX(-100deg);
  }
  to {
    transform: perspective(2000px) rotateX(0);
  }
}
@keyframes flipleft {
  from {
    transform: perspective(2000px) rotateY(-100deg);
    opacity: 0;
  }
  to {
    transform: perspective(2000px) rotateY(0);
    opacity: 1;
  }
}
@keyframes flipright {
  from {
    transform: perspective(2000px) rotateY(100deg);
    opacity: 0;
  }
  to {
    transform: perspective(2000px) rotateY(0);
    opacity: 1;
  }
}
@keyframes flipup {
  from {
    transform: perspective(2000px) rotateX(-100deg);
    opacity: 0;
  }
  to {
    transform: perspective(2000px) rotateX(0);
    opacity: 1;
  }
}
@keyframes zoomin {
  from {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
@keyframes zoomindown {
  from {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
  }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
  }
}
@keyframes zoominleft {
  from {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
  }
}
@keyframes zoominright {
  from {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
  }
}
@keyframes zoominup {
  from {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
  }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
  }
}
.fadein {
  animation: fadein 0.15s linear;
}
.fadeout {
  animation: fadeout 0.15s linear;
}
.slidedown {
  animation: slidedown 0.45s ease-in-out;
}
.slideup {
  animation: slideup 0.45s cubic-bezier(0, 1, 0, 1);
}
.scalein {
  animation: scalein 0.15s linear;
}
.fadeinleft {
  animation: fadeinleft 0.15s linear;
}
.fadeoutleft {
  animation: fadeoutleft 0.15s linear;
}
.fadeinright {
  animation: fadeinright 0.15s linear;
}
.fadeoutright {
  animation: fadeoutright 0.15s linear;
}
.fadeinup {
  animation: fadeinup 0.15s linear;
}
.fadeoutup {
  animation: fadeoutup 0.15s linear;
}
.fadeindown {
  animation: fadeindown 0.15s linear;
}
.fadeoutdown {
  animation: fadeoutdown 0.15s linear;
}
.animate-width {
  animation: animate-width 1000ms linear;
}
.flip {
  backface-visibility: visible;
  animation: flip 0.15s linear;
}
.flipup {
  backface-visibility: visible;
  animation: flipup 0.15s linear;
}
.flipleft {
  backface-visibility: visible;
  animation: flipleft 0.15s linear;
}
.flipright {
  backface-visibility: visible;
  animation: flipright 0.15s linear;
}
.zoomin {
  animation: zoomin 0.15s linear;
}
.zoomindown {
  animation: zoomindown 0.15s linear;
}
.zoominleft {
  animation: zoominleft 0.15s linear;
}
.zoominright {
  animation: zoominright 0.15s linear;
}
.zoominup {
  animation: zoominup 0.15s linear;
}
.animation-duration-100 {
  animation-duration: 100ms !important;
}
.animation-duration-150 {
  animation-duration: 150ms !important;
}
.animation-duration-200 {
  animation-duration: 200ms !important;
}
.animation-duration-300 {
  animation-duration: 300ms !important;
}
.animation-duration-400 {
  animation-duration: 400ms !important;
}
.animation-duration-500 {
  animation-duration: 500ms !important;
}
.animation-duration-1000 {
  animation-duration: 1000ms !important;
}
.animation-duration-2000 {
  animation-duration: 2000ms !important;
}
.animation-duration-3000 {
  animation-duration: 3000ms !important;
}
.animation-delay-100 {
  animation-delay: 100ms !important;
}
.animation-delay-150 {
  animation-delay: 150ms !important;
}
.animation-delay-200 {
  animation-delay: 200ms !important;
}
.animation-delay-300 {
  animation-delay: 300ms !important;
}
.animation-delay-400 {
  animation-delay: 400ms !important;
}
.animation-delay-500 {
  animation-delay: 500ms !important;
}
.animation-delay-1000 {
  animation-delay: 1000ms !important;
}
.animation-iteration-1 {
  animation-iteration-count: 1 !important;
}
.animation-iteration-2 {
  animation-iteration-count: 2 !important;
}
.animation-iteration-infinite {
  animation-iteration-count: infinite !important;
}
.animation-linear {
  animation-timing-function: linear !important;
}
.animation-ease-in {
  animation-timing-function: cubic-bezier(0.4, 0, 1, 1) !important;
}
.animation-ease-out {
  animation-timing-function: cubic-bezier(0, 0, 0.2, 1) !important;
}
.animation-ease-in-out {
  animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.animation-fill-none {
  animation-fill-mode: none !important;
}
.animation-fill-forwards {
  animation-fill-mode: forwards !important;
}
.animation-fill-backwards {
  animation-fill-mode: backwards !important;
}
.animation-fill-both {
  animation-fill-mode: both !important;
}
:root {
  --scope-color-center-tint: #f5f9ff;
  --scope-color-center-accent: #1a75a8;
  --scope-color-center-border: #dbeafe;
  --scope-color-center-coin-top: #4aa8e0;
  --scope-color-center-coin-bottom: #1a75a8;
  --scope-color-center-coin-foreground: #ffffff;
  --scope-color-center-coin-shadow: rgba(26, 117, 168, 0.35);
  --scope-color-center-hero-top: #4aa8e0;
  --scope-color-center-hero-bottom: #1a75a8;
  --scope-color-organization-tint: #ecfdf5;
  --scope-color-organization-accent: #047857;
  --scope-color-organization-border: #a7f3d0;
  --scope-color-organization-coin-top: #3db68c;
  --scope-color-organization-coin-bottom: #047857;
  --scope-color-organization-coin-foreground: #ffffff;
  --scope-color-organization-coin-shadow: rgba(4, 120, 87, 0.35);
  --scope-color-organization-hero-top: #3db68c;
  --scope-color-organization-hero-bottom: #047857;
  --scope-color-metasphere-tint: #f5f3ff;
  --scope-color-metasphere-accent: #5b21b6;
  --scope-color-metasphere-border: #ddd6fe;
  --scope-color-metasphere-coin-top: #8b5cf6;
  --scope-color-metasphere-coin-bottom: #5b21b6;
  --scope-color-metasphere-coin-foreground: #ffffff;
  --scope-color-metasphere-coin-shadow: rgba(91, 33, 182, 0.35);
  --scope-color-metasphere-hero-top: #8b5cf6;
  --scope-color-metasphere-hero-bottom: #5b21b6;
  --scope-color-all-tint: var(--component-background);
  --scope-color-all-accent: var(--primary-text-color);
  --scope-color-all-border: var(--primary-border);
  --scope-color-all-coin-top: #94a3b8;
  --scope-color-all-coin-bottom: #475569;
  --scope-color-all-coin-foreground: #ffffff;
  --scope-color-all-coin-shadow: rgba(71, 85, 105, 0.3);
  --scope-coin-default-shadow: rgba(6, 44, 88, 0.18);
  --scope-coin-inner-highlight: rgba(255, 255, 255, 0.3);
  --scope-coin-inner-depth: rgba(0, 0, 0, 0.12);
  --marketplace-page-bg: #eff3f8;
  --marketplace-control-border: #e5e7eb;
  --marketplace-primary-button-bg: #377fc4;
  --marketplace-primary-button-fg: #ffffff;
  --scope-color-hero-foreground: #ffffff;
  --scope-color-hero-shadow: rgba(6, 44, 88, 0.35);
  --scope-color-hero-nav-bg: rgba(255, 255, 255, 0.18);
  --scope-color-hero-nav-bg-hover: rgba(255, 255, 255, 0.32);
  --scope-color-hero-dot-idle: rgba(255, 255, 255, 0.4);
  --scope-color-hero-dot-active: rgba(255, 255, 255, 0.95);
  --scope-color-hero-cta-bg: rgba(255, 255, 255, 0.16);
  --scope-color-hero-cta-bg-hover: rgba(255, 255, 255, 0.26);
  --scope-color-hero-cta-border: rgba(255, 255, 255, 0.4);
  --scope-color-hero-depth-highlight: rgba(255, 255, 255, 0.18);
  --scope-color-hero-depth-shadow: rgba(0, 0, 0, 0.22);
  --scope-color-hero-ornament-ring-outer: rgba(255, 255, 255, 0.16);
  --scope-color-hero-ornament-ring-inner: rgba(255, 255, 255, 0.26);
  --scope-color-hero-required-bg: rgba(255, 255, 255, 0.18);
  --scope-color-hero-tile-bg: rgba(255, 255, 255, 0.14);
  --scope-color-hero-tile-border: rgba(255, 255, 255, 0.22);
  --scope-color-hero-star-idle: rgba(255, 255, 255, 0.55);
  --scope-color-hero-star-filled: #fbbf24;
  --scope-color-center-tile-bg: rgba(255, 188, 120, 0.32);
  --scope-color-organization-tile-bg: rgba(61, 182, 140, 0.3);
  --scope-color-metasphere-tile-bg: rgba(139, 92, 246, 0.3);
}
[data-theme=dark] {
  --status-tone-success-bg: rgba(16, 185, 129, 0.15);
  --status-tone-success-border: rgba(16, 185, 129, 0.3);
  --status-tone-success-fg: #6ee7b7;
  --status-tone-warn-bg: rgba(245, 158, 11, 0.15);
  --status-tone-warn-border: rgba(245, 158, 11, 0.3);
  --status-tone-warn-fg: #fcd34d;
  --status-tone-danger-bg: rgba(239, 68, 68, 0.15);
  --status-tone-danger-border: rgba(239, 68, 68, 0.3);
  --status-tone-danger-fg: #fca5a5;
  --status-tone-info-bg: rgba(55, 127, 196, 0.15);
  --status-tone-info-border: rgba(55, 127, 196, 0.3);
  --status-tone-info-fg: #93c5fd;
  --status-tone-neutral-bg: rgba(148, 163, 184, 0.15);
  --status-tone-neutral-border: rgba(148, 163, 184, 0.3);
  --status-tone-neutral-fg: #94a3b8;
  --marketplace-control-border-dark: #3a3a52;
  --marketplace-row-hover-bg-dark: #24243a;
  --marketplace-page-bg: var(--surface-ground);
  --marketplace-control-border: rgba(255, 255, 255, 0.12);
  --marketplace-badge-bg: rgba(255, 255, 255, 0.08);
  --marketplace-breadcrumb-color: var(--secondary-text-color);
  --marketplace-active-bg: var(--cta-secondary-color);
  --marketplace-active-fg: #ffffff;
  --marketplace-subtle-text-color: var(--secondary-text-color);
  --subtle-surface: rgba(255, 255, 255, 0.06);
  --scope-active-fill: var(--cta-secondary-color);
  --cta-secondary-contrast: #ffffff;
  --marketplace-title-color: var(--primary-text-color);
  --marketplace-chip-border: rgba(255, 255, 255, 0.12);
  --marketplace-chip-border-hover: rgba(255, 255, 255, 0.25);
  --marketplace-control-hover-border: var(--cta-secondary-color);
  --marketplace-row-hover-bg: rgba(255, 255, 255, 0.04);
  --marketplace-muted: rgba(255, 255, 255, 0.05);
  --marketplace-muted-fg: var(--secondary-text-color);
  --marketplace-owner-fg: var(--primary-text-color);
}
:root {
  /* Semantic status ramps — used by sparkline, pills, status chips */
  --success-50: #ecfdf5;
  --success-500: #10b981;
  --success-700: #047857;
  --warning-50: #fffbeb;
  --warning-500: #f59e0b;
  --warning-700: #b45309;
  --danger-50: #fef2f2;
  --danger-100: #fecaca;
  --danger-500: #ef4444;
  --danger-700: #b91c1c;
  --info-50: #f5f9ff;
  --info-500: #377fc4;
  --info-700: #1a75a8;
  --neutral-300: #cbd5e1;
  --neutral-400: #94a3b8;
  /* Text ramp */
  --text-color: #062c58;
  --text-color-muted: #4a6d98;
  --text-color-subtle: #6b7f99;
  /* Surface */
  --surface-ground: #eff3f8;
  --surface-raised: #ffffff;
  --surface-sunken: #f5f9ff;
  --surface-subtle: #fafbfc;
  /* Border */
  --border-color: #e5e7eb;
  --border-color-soft: #f1f5f9;
  --border-color-hover: #93c5fd;
  /* Radius */
  --radius-xs: 4px;
  --radius-sm: 6px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-xl: 14px;
  --radius-pill: 9999px;
  /* Shadows */
  --shadow-sm: 0 1px 2px rgba(74, 100, 126, 0.08), 0 1px 1px rgba(6, 44, 88, 0.04);
  --shadow-md: 0 4px 8px -2px rgba(6, 44, 88, 0.12), 0 2px 4px -1px rgba(6, 44, 88, 0.06);
  --shadow-primary-btn: 0 2px 6px -1px rgba(55, 127, 196, 0.4);
}
.p-calendar {
  border-radius: 20px;
  border: var(--primary-border);
  background: var(--Search-input-box);
  box-shadow: 2px 2px 7px 2px rgba(30, 84, 156, 0.18) inset, -3px -1px 10px 0px rgba(160, 183, 202, 0.15) inset;
  color: var(--primary-text-color);
}
.p-calendar::-moz-placeholder {
  color: var(--primary-text-color);
  opacity: 0.8; /* Ensures the placeholder is fully opaque */
}
.p-calendar::placeholder {
  color: var(--primary-text-color);
  opacity: 0.8; /* Ensures the placeholder is fully opaque */
}
.p-calendar-input {
  background-color: transparent;
  border: none;
  box-shadow: none;
}
.p-inputtext {
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  font-family: "Manrope";
  border: none;
  background: transparent;
  color: var(--primary-text-color);
}
.user-profile-icon {
  background-image: url('data:image/svg+xml;utf8,<svg width="26" height="26" viewBox="0 0 26 26" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="user-circle-single--circle-geometric-human-person-single-user"><g id="user-circle-single--circle-geometric-human-person-single-user_2"><path id="Vector" d="M13.0001 14.7599C15.4293 14.7599 17.3986 12.7906 17.3986 10.3614C17.3986 7.93217 15.4293 5.96289 13.0001 5.96289C10.5708 5.96289 8.60156 7.93217 8.60156 10.3614C8.60156 12.7906 10.5708 14.7599 13.0001 14.7599Z" stroke="%23377FC4" stroke-linecap="round" stroke-linejoin="round"/><path id="Vector_2" d="M5.48828 21.6216C6.2734 20.3328 7.37684 19.2677 8.69252 18.5287C10.0082 17.7896 11.4919 17.4014 13.0009 17.4014C14.51 17.4014 15.9936 17.7896 17.3093 18.5287C18.625 19.2677 19.7284 20.3328 20.5136 21.6216" stroke="%23377FC4" stroke-linecap="round" stroke-linejoin="round"/><path id="Vector_3" d="M13.0005 24.4366C19.3166 24.4366 24.4366 19.3166 24.4366 13.0005C24.4366 6.68457 19.3166 1.56445 13.0005 1.56445C6.68457 1.56445 1.56445 6.68457 1.56445 13.0005C1.56445 19.3166 6.68457 24.4366 13.0005 24.4366Z" stroke="%23377FC4" stroke-linecap="round" stroke-linejoin="round"/></g></g></svg>');
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  width: 24.632px;
  height: 24.632px;
}
.user-add-profile-icon {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D'29'%20height%3D'28'%20viewBox%3D'0%200%2029%2028'%20fill%3D'none'%20xmlns%3D'http%3A//www.w3.org/2000/svg'%3E%3Cg%20id%3D'add-circle--button-remove-cross-add-buttons-plus-circle-+-mathematics-math'%20clip-path%3D'url(%23clip0_1890_17928)'%3E%3Cg%20id%3D'add-circle--button-remove-cross-add-buttons-plus-circle-+-mathematics-math_2'%3E%3Cpath%20id%3D'Vector'%20d%3D'M14.5004%2026.7419C21.5377%2026.7419%2027.2424%2021.0372%2027.2424%2013.9999C27.2424%206.96263%2021.5377%201.25781%2014.5004%201.25781C7.46312%201.25781%201.7583%206.96263%201.7583%2013.9999C1.7583%2021.0372%207.46312%2026.7419%2014.5004%2026.7419Z'%20stroke%3D'%23377FC4'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'/%3E%3Cg%20id%3D'user-add-plus--actions-add-close-geometric-human-person-plus-single-up-user'%3E%3Cpath%20id%3D'Vector_2'%20d%3D'M13.6211%2011.8526C15.1758%2011.8526%2016.4361%2010.5923%2016.4361%209.03764C16.4361%207.48297%2015.1758%206.22266%2013.6211%206.22266C12.0665%206.22266%2010.8062%207.48297%2010.8062%209.03764C10.8062%2010.5923%2012.0665%2011.8526%2013.6211%2011.8526Z'%20stroke%3D'%23377FC4'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'/%3E%3Cpath%20id%3D'Vector_2_2'%20d%3D'M15.3102%2019.7342H8.5542V19.1238C8.56316%2018.2656%208.78951%2017.4236%209.21208%2016.6766C9.63467%2015.9295%2010.2397%2015.3018%2010.9707%2014.8519C11.7016%2014.4021%2012.5347%2014.1449%2013.392%2014.1043C14.2493%2014.0637%2015.103%2014.2411%2015.8732%2014.6199'%20stroke%3D'%23377FC4'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'/%3E%3Cpath%20id%3D'Vector_3'%20d%3D'M19.814%2014.1055V20.8614'%20stroke%3D'%23377FC4'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'/%3E%3Cpath%20id%3D'Vector_4'%20d%3D'M16.436%2017.4824H23.192'%20stroke%3D'%23377FC4'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3CclipPath%20id%3D'clip0_1890_17928'%3E%3Crect%20width%3D'27.4444'%20height%3D'27.4444'%20fill%3D'white'%20transform%3D'translate(0.777832%200.277344)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  width: 24.632px;
  height: 24.632px;
}
.metaspace-icon {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D'32'%20height%3D'29'%20viewBox%3D'0%200%2032%2029'%20fill%3D'none'%20xmlns%3D'http%3A//www.w3.org/2000/svg'%3E%3Cpath%20d%3D'M13.3843%2016.4424H7.67115C7.29995%2016.4424%206.99902%2016.7499%206.99902%2017.1292V22.9673C6.99902%2023.3466%207.29995%2023.6541%207.67115%2023.6541H13.3843C13.7555%2023.6541%2014.0564%2023.3466%2014.0564%2022.9673V17.1292C14.0564%2016.7499%2013.7555%2016.4424%2013.3843%2016.4424Z'%20stroke%3D'%23377FC4'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'/%3E%3Cpath%20d%3D'M24.3267%2016.4424H18.6135C18.2423%2016.4424%2017.9414%2016.7499%2017.9414%2017.1292V22.9673C17.9414%2023.3466%2018.2423%2023.6541%2018.6135%2023.6541H24.3267C24.6979%2023.6541%2024.9987%2023.3466%2024.9987%2022.9673V17.1292C24.9987%2016.7499%2024.6979%2016.4424%2024.3267%2016.4424Z'%20stroke%3D'%23377FC4'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'/%3E%3Cpath%20d%3D'M13.3843%205.5H7.67115C7.29995%205.5%206.99902%205.80751%206.99902%206.18683V12.0249C6.99902%2012.4043%207.29995%2012.7118%207.67115%2012.7118H13.3843C13.7555%2012.7118%2014.0564%2012.4043%2014.0564%2012.0249V6.18683C14.0564%205.80751%2013.7555%205.5%2013.3843%205.5Z'%20stroke%3D'%23377FC4'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'/%3E%3Cpath%20d%3D'M17.158%209.63819C16.7442%209.56462%2016.7442%208.95753%2017.158%208.88396C18.6573%208.61742%2019.8498%207.45045%2020.1753%205.93133L20.2002%205.81488C20.2897%205.39692%2020.8721%205.39431%2020.9652%205.81146L20.9954%205.94717C21.333%207.45913%2022.5258%208.61624%2024.021%208.88203C24.4369%208.95598%2024.4369%209.56617%2024.021%209.64012C22.5258%209.90593%2021.333%2011.063%2020.9954%2012.575L20.9652%2012.7107C20.8721%2013.1278%2020.2897%2013.1252%2020.2002%2012.7073L20.1753%2012.5908C19.8498%2011.0717%2018.6573%209.90475%2017.158%209.63819Z'%20stroke%3D'%23377FC4'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  width: 32px;
  height: 29px;
}
.perspective-icon {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2222%22%20height%3D%2222%22%20viewBox%3D%220%200%2022%2022%22%20fill%3D%22none%22%3E%3Cg%20clip-path%3D%22url(%23clip0_5341_109211)%22%3E%3Cpath%20d%3D%22M4.35352%2013.0213C5.35639%2011.6788%206.95802%2010.8097%208.76263%2010.8097C10.0473%2010.8097%2011.2291%2011.2502%2012.1652%2011.9883%22%20stroke%3D%22%2326A3E3%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3Cpath%20d%3D%22M7.97767%2016.7026H2.47767C2.06091%2016.7026%201.6612%2016.5369%201.36651%2016.2423C1.07181%2015.9476%200.90625%2015.5479%200.90625%2015.1311V2.55972C0.90625%202.14294%201.07181%201.74325%201.36651%201.44854C1.6612%201.15384%202.06091%200.988281%202.47767%200.988281H15.0491C15.4659%200.988281%2015.8655%201.15384%2016.1603%201.44854C16.455%201.74325%2016.6206%202.14294%2016.6206%202.55972V7.274%22%20stroke%3D%22%2326A3E3%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3Cpath%20d%3D%22M8.76339%208.45257C10.0652%208.45257%2011.1205%207.39723%2011.1205%206.09543C11.1205%204.79361%2010.0652%203.73829%208.76339%203.73829C7.46159%203.73829%206.40625%204.79361%206.40625%206.09543C6.40625%207.39723%207.46159%208.45257%208.76339%208.45257Z%22%20stroke%3D%22%2326A3E3%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3Cpath%20d%3D%22M11.5347%2016.5988C10.9832%2016.5028%2010.9832%2015.7111%2011.5347%2015.6152C13.5325%2015.2676%2015.1216%2013.7459%2015.5552%2011.765L15.5884%2011.6131C15.7077%2011.0681%2016.4838%2011.0647%2016.6078%2011.6087L16.6482%2011.7856C17.0979%2013.7572%2018.6873%2015.2661%2020.6797%2015.6127C21.2339%2015.7091%2021.2339%2016.5048%2020.6797%2016.6013C18.6873%2016.9478%2017.0979%2018.4567%2016.6482%2020.4284L16.6078%2020.6053C16.4838%2021.1492%2015.7077%2021.1459%2015.5884%2020.6007L15.5552%2020.4489C15.1216%2018.468%2013.5325%2016.9462%2011.5347%2016.5988Z%22%20stroke%3D%22%2326A3E3%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3C/g%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0_5341_109211%22%3E%3Crect%20width%3D%2222%22%20height%3D%2222%22%20fill%3D%22white%22/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  width: 22px;
  height: 22px;
}
.send-icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A//www.w3.org/2000/svg%22 width%3D%2221%22 height%3D%2222%22 viewBox%3D%220 0 21 22%22 fill%3D%22none%22%3E%3Cg clip-path%3D%22url(%23clip0_1890_18131)%22%3E%3Cpath d%3D%22M8.69332 16.8057L11.7438 19.9557C11.931 20.1546 12.165 20.2994 12.4227 20.3759C12.6804 20.4523 12.9529 20.4575 13.2131 20.3911C13.475 20.3279 13.7169 20.196 13.9153 20.0078C14.1139 19.8197 14.2624 19.5818 14.3466 19.317L19.3561 3.741C19.4608 3.44916 19.4823 3.13231 19.4183 2.82812C19.3543 2.52391 19.2075 2.24518 18.9954 2.02502C18.7832 1.80486 18.5144 1.65255 18.2212 1.58619C17.9279 1.51983 17.6225 1.5422 17.3412 1.65066L2.32639 6.84747C2.06227 6.94106 1.82703 7.10613 1.64498 7.3256C1.46294 7.54507 1.3407 7.81099 1.29089 8.09587C1.23947 8.35498 1.25092 8.62327 1.32419 8.87665C1.39747 9.13002 1.53028 9.36055 1.71068 9.5475L5.54484 13.525L5.4189 18.5621L8.69332 16.8057Z%22 stroke%3D%22%23377FC4%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22/%3E%3Cpath d%3D%22M18.9085 1.96973L5.54492 13.5247%22 stroke%3D%22%23377FC4%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id%3D%22clip0_1890_18131%22%3E%3Crect width%3D%2219.6086%22 height%3D%2220.3415%22 fill%3D%22white%22 transform%3D%22translate(0.552734 0.823242)%22/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  width: 24.632px;
  height: 24.632px;
}
.custom-button-shade {
  border-radius: 20px;
  border: var(--primary-border);
  background: var(--text-true-white, #fff);
  /* inside textarea */
  box-shadow: 1px 1px 5px 0px rgba(31, 59, 96, 0.2) inset, -1px -3px 4px 0px rgba(116, 139, 157, 0.35) inset;
}
.share-icon {
  background-image: url("data:image/svg+xml,%3Csvg width%3D%2227%22 height%3D%2228%22 viewBox%3D%220 0 27 28%22 fill%3D%22none%22 xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath d%3D%22M13.2827 26.9534C20.1824 26.9534 25.7755 21.1513 25.7755 13.9938C25.7755 6.8364 20.1824 1.03418 13.2827 1.03418C6.38322 1.03418 0.790039 6.8364 0.790039 13.9938C0.790039 21.1513 6.38322 26.9534 13.2827 26.9534Z%22 stroke%3D%22%23377FC4%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22/%3E%3Cg clip-path%3D%22url(%23clip0_1890_18142)%22%3E%3Cpath d%3D%22M8.13566 16.2819C9.35398 16.2819 10.3416 15.2573 10.3416 13.9935C10.3416 12.7296 9.35398 11.7051 8.13566 11.7051C6.91733 11.7051 5.92969 12.7296 5.92969 13.9935C5.92969 15.2573 6.91733 16.2819 8.13566 16.2819Z%22 stroke%3D%22%23377FC4%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22/%3E%3Cpath d%3D%22M16.4692 20.6051C17.6874 20.6051 18.6751 19.5805 18.6751 18.3167C18.6751 17.0529 17.6874 16.0283 16.4692 16.0283C15.2509 16.0283 14.2632 17.0529 14.2632 18.3167C14.2632 19.5805 15.2509 20.6051 16.4692 20.6051Z%22 stroke%3D%22%23377FC4%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22/%3E%3Cpath d%3D%22M16.4692 11.9596C17.6874 11.9596 18.6751 10.9351 18.6751 9.67123C18.6751 8.40737 17.6874 7.38281 16.4692 7.38281C15.2509 7.38281 14.2632 8.40737 14.2632 9.67123C14.2632 10.9351 15.2509 11.9596 16.4692 11.9596Z%22 stroke%3D%22%23377FC4%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22/%3E%3Cpath d%3D%22M10.106 12.9769L14.4983 10.6885%22 stroke%3D%22%23377FC4%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22/%3E%3Cpath d%3D%22M10.106 15.0107L14.4983 17.2992%22 stroke%3D%22%23377FC4%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id%3D%22clip0_1890_18142%22%3E%3Crect width%3D%2213.726%22 height%3D%2214.239%22 fill%3D%22white%22 transform%3D%22translate(5.43945 6.87402)%22/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  width: 24.632px;
  height: 24.632px;
}
.perspectives-icon {
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="30" viewBox="0 0 32 30" fill="none"><path d="M11 19.6137C12.1852 18.0271 14.078 17 16.2108 17C17.729 17 19.1257 17.5205 20.232 18.3929" stroke="url(%23paint0_linear_2147_157759)" stroke-linecap="round" stroke-linejoin="round"/><path d="M17.4297 23.5714H8.85713C8.3646 23.5714 7.89222 23.3757 7.54394 23.0275C7.19566 22.6792 7 22.2068 7 21.7143V6.85715C7 6.3646 7.19566 5.89223 7.54394 5.54394C7.89222 5.19566 8.3646 5 8.85713 5H23.7143C24.2068 5 24.6792 5.19566 25.0276 5.54394C25.3758 5.89223 25.5715 6.3646 25.5715 6.85715V14.832" stroke="url(%23paint1_linear_2147_157759)" stroke-linecap="round" stroke-linejoin="round"/><path d="M15.7857 13.5714C17.3242 13.5714 18.5714 12.3242 18.5714 10.7857C18.5714 9.2472 17.3242 8 15.7857 8C14.2472 8 13 9.2472 13 10.7857C13 12.3242 14.2472 13.5714 15.7857 13.5714Z" stroke="url(%23paint2_linear_2147_157759)" stroke-linecap="round" stroke-linejoin="round"/><path d="M19.4147 22.5014C18.8618 22.4035 18.8618 21.5965 19.4147 21.4987C21.4177 21.1443 23.0108 19.5929 23.4455 17.5734L23.4788 17.4186C23.5985 16.863 24.3766 16.8595 24.5009 17.4141L24.5414 17.5945C24.9923 19.6045 26.5857 21.1427 28.5832 21.4961C29.1389 21.5944 29.1389 22.4056 28.5832 22.504C26.5857 22.8572 24.9923 24.3955 24.5414 26.4056L24.5009 26.586C24.3766 27.1405 23.5985 27.1371 23.4788 26.5813L23.4455 26.4266C23.0108 24.407 21.4177 22.8556 19.4147 22.5014Z" stroke="url(%23paint3_linear_2147_157759)" stroke-linecap="round" stroke-linejoin="round"/><defs><linearGradient id="paint0_linear_2147_157759" x1="15.616" y1="17" x2="15.616" y2="19.6137" gradientUnits="userSpaceOnUse"><stop stop-color="%23416F9A"/><stop offset="0.5" stop-color="%23294B6B"/><stop offset="1" stop-color="%23213D57"/></linearGradient><linearGradient id="paint1_linear_2147_157759" x1="16.2858" y1="5" x2="16.2858" y2="23.5714" gradientUnits="userSpaceOnUse"><stop stop-color="%23416F9A"/><stop offset="0.5" stop-color="%23294B6B"/><stop offset="1" stop-color="%23213D57"/></linearGradient><linearGradient id="paint2_linear_2147_157759" x1="15.7857" y1="8" x2="15.7857" y2="13.5714" gradientUnits="userSpaceOnUse"><stop stop-color="%23416F9A"/><stop offset="0.5" stop-color="%23294B6B"/><stop offset="1" stop-color="%23213D57"/></linearGradient><linearGradient id="paint3_linear_2147_157759" x1="24" y1="17" x2="24" y2="27" gradientUnits="userSpaceOnUse"><stop stop-color="%23416F9A"/><stop offset="0.5" stop-color="%23294B6B"/><stop offset="1" stop-color="%23213D57"/></linearGradient></defs></svg>');
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  width: 32px;
  height: 29px;
  flex-shrink: 0;
}
.edit-icon {
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none"><path d="M9 23.5L12.5 23L23 12.5L19.5 9L9 19.5V23.5Z" stroke="%2326a3e3" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M21 8L24 11" stroke="%2326a3e3" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M7 26H25" stroke="%2326a3e3" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  width: 29px;
  height: 29px;
  flex-shrink: 0;
}
.subject-icon {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2221%22 height=%2220%22 viewBox=%220 0 21 20%22 fill=%22none%22%3E%3Cg clip-path=%22url(%23clip0_2197_28811)%22%3E%3Cpath d=%22M11.8 19.4714C11.469 19.5991 11.1024 19.5991 10.7714 19.4714C8.1867 18.458 5.96733 16.6891 4.40269 14.3957C2.83806 12.1023 2.00077 9.3906 2 6.61429V2.42857C2 2.04969 2.15051 1.68633 2.41842 1.41842C2.68633 1.15051 3.04969 1 3.42857 1H19.1429C19.5217 1 19.8851 1.15051 20.153 1.41842C20.4209 1.68633 20.5714 2.04969 20.5714 2.42857V6.6C20.5736 9.37876 19.7376 12.0936 18.1727 14.3898C16.608 16.6861 14.387 18.457 11.8 19.4714Z%22 stroke=%22url(%23paint0_linear_2197_28811)%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E%3Cpath d=%22M5 15.1863C6.2803 13.2655 8.46629 12 10.9479 12C13.4294 12 15.6154 13.2655 16.8956 15.1863%22 stroke=%22url(%23paint1_linear_2197_28811)%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E%3Cpath d=%22M11.2143 10.4286C12.9895 10.4286 14.4286 8.98949 14.4286 7.21429C14.4286 5.43909 12.9895 4 11.2143 4C9.43909 4 8 5.43909 8 7.21429C8 8.98949 9.43909 10.4286 11.2143 10.4286Z%22 stroke=%22url(%23paint2_linear_2197_28811)%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E%3C/g%3E%3Cdefs%3E%3ClinearGradient id=%22paint0_linear_2197_28811%22 x1=%2211.2857%22 y1=%221%22 x2=%2211.2857%22 y2=%2219.5672%22 gradientUnits=%22userSpaceOnUse%22%3E%3Cstop stop-color=%22%23416F9A%22/%3E%3Cstop offset=%220.5%22 stop-color=%22%23294B6B%22/%3E%3Cstop offset=%221%22 stop-color=%22%23213D57%22/%3E%3C/linearGradient%3E%3ClinearGradient id=%22paint1_linear_2197_28811%22 x1=%2210.9478%22 y1=%2212%22 x2=%2210.9478%22 y2=%2215.1863%22 gradientUnits=%22userSpaceOnUse%22%3E%3Cstop stop-color=%22%23416F9A%22/%3E%3Cstop offset=%220.5%22 stop-color=%22%23294B6B%22/%3E%3Cstop offset=%221%22 stop-color=%22%23213D57%22/%3E%3C/linearGradient%3E%3ClinearGradient id=%22paint2_linear_2197_28811%22 x1=%2211.2143%22 y1=%224%22 x2=%2211.2143%22 y2=%2210.4286%22 gradientUnits=%22userSpaceOnUse%22%3E%3Cstop stop-color=%22%23416F9A%22/%3E%3Cstop offset=%220.5%22 stop-color=%22%23294B6B%22/%3E%3Cstop offset=%221%22 stop-color=%22%23213D57%22/%3E%3C/linearGradient%3E%3CclipPath id=%22clip0_2197_28811%22%3E%3Crect width=%2221%22 height=%2220%22 fill=%22white%22/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  width: 21px;
  height: 26px;
}
.user-profile-role-icon {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2222%22%20height%3D%2222%22%20viewBox%3D%220%200%2022%2022%22%20fill%3D%22none%22%3E%3Cg%20clip-path%3D%22url%28%23clip0_2214_132804%29%22%3E%3Cpath%20d%3D%22M10.9286%2012.8571C13.0983%2012.8571%2014.8571%2011.0983%2014.8571%208.92857C14.8571%206.75888%2013.0983%205%2010.9286%205C8.75888%205%207%206.75888%207%208.92857C7%2011.0983%208.75888%2012.8571%2010.9286%2012.8571Z%22%20stroke%3D%22url%28%23paint0_linear_2214_132804%29%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M5%2018.7693C5.70123%2017.6183%206.68679%2016.6669%207.8619%2016.0069C9.03702%2015.3467%2010.3622%2015%2011.71%2015C13.0578%2015%2014.383%2015.3467%2015.5581%2016.0069C16.7333%2016.6669%2017.7187%2017.6183%2018.42%2018.7693%22%20stroke%3D%22url%28%23paint1_linear_2214_132804%29%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M11.2143%2021.4286C16.8556%2021.4286%2021.4286%2016.8556%2021.4286%2011.2143C21.4286%205.57309%2016.8556%201%2011.2143%201C5.57309%201%201%205.57309%201%2011.2143C1%2016.8556%205.57309%2021.4286%2011.2143%2021.4286Z%22%20stroke%3D%22url%28%23paint2_linear_2214_132804%29%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22paint0_linear_2214_132804%22%20x1%3D%2210.9286%22%20y1%3D%225%22%20x2%3D%2210.9286%22%20y2%3D%2212.8571%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23416F9A%22%2F%3E%3Cstop%20offset%3D%220.5%22%20stop-color%3D%22%23294B6B%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23213D57%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22paint1_linear_2214_132804%22%20x1%3D%2211.71%22%20y1%3D%2215%22%20x2%3D%2211.71%22%20y2%3D%2218.7693%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23416F9A%22%2F%3E%3Cstop%20offset%3D%220.5%22%20stop-color%3D%22%23294B6B%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23213D57%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22paint2_linear_2214_132804%22%20x1%3D%2211.2143%22%20y1%3D%221%22%20x2%3D%2211.2143%22%20y2%3D%2221.4286%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23416F9A%22%2F%3E%3Cstop%20offset%3D%220.5%22%20stop-color%3D%22%23294B6B%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23213D57%22%2F%3E%3C%2FlinearGradient%3E%3CclipPath%20id%3D%22clip0_2214_132804%22%3E%3Crect%20width%3D%2222%22%20height%3D%2222%22%20fill%3D%22white%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  width: 22px;
  height: 22px;
}
.Armillary-icon {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2249%22%20height%3D%2249%22%20viewBox%3D%220%200%2049%2049%22%20fill%3D%22none%22%3E%3Cg%20filter%3D%22url(%23filter0_dd_769_101985)%22%3E%3Crect%20x%3D%223.44897%22%20y%3D%222.5%22%20width%3D%2240%22%20height%3D%2240%22%20rx%3D%2220%22%20fill%3D%22white%22%20shape-rendering%3D%22crispEdges%22/%3E%3Crect%20x%3D%224.44897%22%20y%3D%223.5%22%20width%3D%2238%22%20height%3D%2238%22%20rx%3D%2219%22%20stroke%3D%22white%22%20stroke-width%3D%222%22%20shape-rendering%3D%22crispEdges%22/%3E%3Cg%20filter%3D%22url(%23filter1_ii_769_101985)%22%3E%3Crect%20x%3D%223.44897%22%20y%3D%222.5%22%20width%3D%2240%22%20height%3D%2240%22%20rx%3D%2220%22%20fill%3D%22white%22/%3E%3C/g%3E%3Crect%20x%3D%224.44897%22%20y%3D%223.5%22%20width%3D%2238%22%20height%3D%2238%22%20rx%3D%2219%22%20stroke%3D%22white%22%20stroke-width%3D%222%22/%3E%3Cpath%20d%3D%22M23.2472%2032.5565C28.8901%2032.5565%2033.4644%2028.0921%2033.4644%2022.5849C33.4644%2017.0777%2028.8901%2012.6133%2023.2472%2012.6133C17.6044%2012.6133%2013.03%2017.0777%2013.03%2022.5849C13.03%2028.0921%2017.6044%2032.5565%2023.2472%2032.5565Z%22%20stroke%3D%22%23377FC4%22%20stroke-width%3D%221.2%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3Cpath%20d%3D%22M17.1066%2018.082C18.9628%2018.082%2020.4884%2016.6104%2020.4884%2014.7695C20.4884%2012.9287%2018.9628%2011.457%2017.1066%2011.457C15.2505%2011.457%2013.7249%2012.9287%2013.7249%2014.7695C13.7249%2016.6104%2015.2505%2018.082%2017.1066%2018.082Z%22%20fill%3D%22%23377FC4%22%20stroke%3D%22white%22/%3E%3Cpath%20d%3D%22M23.3503%2027.4609C26.2675%2027.4609%2028.6533%2025.1498%2028.6533%2022.2734C28.6533%2019.3971%2026.2675%2017.0859%2023.3503%2017.0859C20.4331%2017.0859%2018.0474%2019.3971%2018.0474%2022.2734C18.0474%2025.1498%2020.4331%2027.4609%2023.3503%2027.4609Z%22%20fill%3D%22%23377FC4%22%20stroke%3D%22white%22/%3E%3C/g%3E%3Cdefs%3E%3Cfilter%20id%3D%22filter0_dd_769_101985%22%20x%3D%220.448975%22%20y%3D%220.5%22%20width%3D%2248%22%20height%3D%2248%22%20filterUnits%3D%22userSpaceOnUse%22%20color-interpolation-filters%3D%22sRGB%22%3E%3CfeFlood%20flood-opacity%3D%220%22%20result%3D%22BackgroundImageFix%22/%3E%3CfeColorMatrix%20in%3D%22SourceAlpha%22%20type%3D%22matrix%22%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200%22%20result%3D%22hardAlpha%22/%3E%3CfeMorphology%20radius%3D%221%22%20operator%3D%22erode%22%20in%3D%22SourceAlpha%22%20result%3D%22effect1_dropShadow_769_101985%22/%3E%3CfeOffset%20dx%3D%221%22%20dy%3D%222%22/%3E%3CfeGaussianBlur%20stdDeviation%3D%222.5%22/%3E%3CfeComposite%20in2%3D%22hardAlpha%22%20operator%3D%22out%22/%3E%3CfeColorMatrix%20type%3D%22matrix%22%20values%3D%220%200%200%200%200.290196%200%200%200%200%200.392157%200%200%200%200%200.494118%200%200%200%200.3%200%22/%3E%3CfeBlend%20mode%3D%22normal%22%20in2%3D%22BackgroundImageFix%22%20result%3D%22effect1_dropShadow_769_101985%22/%3E%3CfeColorMatrix%20in%3D%22SourceAlpha%22%20type%3D%22matrix%22%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200%22%20result%3D%22hardAlpha%22/%3E%3CfeOffset%20dy%3D%221%22/%3E%3CfeGaussianBlur%20stdDeviation%3D%220.5%22/%3E%3CfeComposite%20in2%3D%22hardAlpha%22%20operator%3D%22out%22/%3E%3CfeColorMatrix%20type%3D%22matrix%22%20values%3D%220%200%200%200%200.0235294%200%200%200%200%200.172549%200%200%200%200%200.345098%200%200%200%200.1%200%22/%3E%3CfeBlend%20mode%3D%22normal%22%20in2%3D%22effect1_dropShadow_769_101985%22%20result%3D%22effect2_dropShadow_769_101985%22/%3E%3CfeBlend%20mode%3D%22normal%22%20in%3D%22SourceGraphic%22%20in2%3D%22effect2_dropShadow_769_101985%22%20result%3D%22shape%22/%3E%3C/filter%3E%3Cfilter%20id%3D%22filter1_ii_769_101985%22%20x%3D%222.44897%22%20y%3D%22-0.5%22%20width%3D%2242%22%20height%3D%2244%22%20filterUnits%3D%22userSpaceOnUse%22%20color-interpolation-filters%3D%22sRGB%22%3E%3CfeFlood%20flood-opacity%3D%220%22%20result%3D%22BackgroundImageFix%22/%3E%3CfeBlend%20mode%3D%22normal%22%20in%3D%22SourceGraphic%22%20in2%3D%22BackgroundImageFix%22%20result%3D%22shape%22/%3E%3CfeColorMatrix%20in%3D%22SourceAlpha%22%20type%3D%22matrix%22%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200%22%20result%3D%22hardAlpha%22/%3E%3CfeOffset%20dx%3D%22-1%22%20dy%3D%22-3%22/%3E%3CfeGaussianBlur%20stdDeviation%3D%222%22/%3E%3CfeComposite%20in2%3D%22hardAlpha%22%20operator%3D%22arithmetic%22%20k2%3D%22-1%22%20k3%3D%221%22/%3E%3CfeColorMatrix%20type%3D%22matrix%22%20values%3D%220%200%200%200%200.454545%200%200%200%200%200.544866%200%200%200%200%200.617122%200%200%200%200.35%200%22/%3E%3CfeBlend%20mode%3D%22normal%22%20in2%3D%22shape%22%20result%3D%22effect1_innerShadow_769_101985%22/%3E%3CfeColorMatrix%20in%3D%22SourceAlpha%22%20type%3D%22matrix%22%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200%22%20result%3D%22hardAlpha%22/%3E%3CfeOffset%20dx%3D%221%22%20dy%3D%221%22/%3E%3CfeGaussianBlur%20stdDeviation%3D%222.5%22/%3E%3CfeComposite%20in2%3D%22hardAlpha%22%20operator%3D%22arithmetic%22%20k2%3D%22-1%22%20k3%3D%221%22/%3E%3CfeColorMatrix%20type%3D%22matrix%22%20values%3D%220%200%200%200%200.121569%200%200%200%200%200.231373%200%200%200%200%200.376471%200%200%200%200.2%200%22/%3E%3CfeBlend%20mode%3D%22normal%22%20in2%3D%22effect1_innerShadow_769_101985%22%20result%3D%22effect2_innerShadow_769_101985%22/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E");
  background-size: 37px 37px;
  background-repeat: no-repeat;
  display: inline-block;
  width: 40px;
  height: 40px;
}
.Armillary-icon-filled {
  width: 40px;
  height: 40px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A//www.w3.org/2000/svg%22 width%3D%2241%22 height%3D%2241%22 viewBox%3D%220%200%2041%2041%22 fill%3D%22none%22%3E%3Crect x%3D%221.44897%22 y%3D%221.5%22 width%3D%2238%22 height%3D%2238%22 rx%3D%2219%22 fill%3D%22white%22/%3E%3Crect x%3D%221.44897%22 y%3D%221.5%22 width%3D%2238%22 height%3D%2238%22 rx%3D%2219%22 stroke%3D%22white%22 stroke-width%3D%222%22/%3E%3Cg filter%3D%22url(%23filter0_ii_1222_100567)%22%3E%3Crect x%3D%220.448975%22 y%3D%220.5%22 width%3D%2240%22 height%3D%2240%22 rx%3D%2220%22 fill%3D%22url(%23paint0_linear_1222_100567)%22/%3E%3C/g%3E%3Crect x%3D%221.44897%22 y%3D%221.5%22 width%3D%2238%22 height%3D%2238%22 rx%3D%2219%22 stroke%3D%22white%22 stroke-width%3D%222%22/%3E%3Cpath d%3D%22M20.6662%2031.0994C26.3091%2031.0994%2030.8834%2026.6351%2030.8834%2021.1278C30.8834%2015.6207%2026.3091%2011.1562%2020.6662%2011.1562C15.0234%2011.1562%2010.449%2015.6207%2010.449%2021.1278C10.449%2026.6351%2015.0234%2031.0994%2020.6662%2031.0994Z%22 stroke%3D%22white%22 stroke-width%3D%221.2%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22/%3E%3Cellipse cx%3D%2214.5256%22 cy%3D%2213.3125%22 rx%3D%222.88177%22 ry%3D%222.8125%22 fill%3D%22white%22/%3E%3Cellipse cx%3D%2220.7693%22 cy%3D%2220.8164%22 rx%3D%224.80296%22 ry%3D%224.6875%22 fill%3D%22white%22/%3E%3Cdefs%3E%3Cfilter id%3D%22filter0_ii_1222_100567%22 x%3D%22-0.551025%22 y%3D%22-2.5%22 width%3D%2242%22 height%3D%2244%22 filterUnits%3D%22userSpaceOnUse%22 color-interpolation-filters%3D%22sRGB%22%3E%3CfeFlood flood-opacity%3D%220%22 result%3D%22BackgroundImageFix%22/%3E%3CfeBlend mode%3D%22normal%22 in%3D%22SourceGraphic%22 in2%3D%22BackgroundImageFix%22 result%3D%22shape%22/%3E%3CfeColorMatrix in%3D%22SourceAlpha%22 type%3D%22matrix%22 values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200%22 result%3D%22hardAlpha%22/%3E%3CfeOffset dx%3D%22-1%22 dy%3D%22-3%22/%3E%3CfeGaussianBlur stdDeviation%3D%222%22/%3E%3CfeComposite in2%3D%22hardAlpha%22 operator%3D%22arithmetic%22 k2%3D%22-1%22 k3%3D%221%22/%3E%3CfeColorMatrix type%3D%22matrix%22 values%3D%220%200%200%200%200.454545%200%200%200%200%200.544866%200%200%200%200%200.617122%200%200%200%200.35%200%22/%3E%3CfeBlend mode%3D%22normal%22 in2%3D%22shape%22 result%3D%22effect1_innerShadow_1222_100567%22/%3E%3CfeColorMatrix in%3D%22SourceAlpha%22 type%3D%22matrix%22 values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200%22 result%3D%22hardAlpha%22/%3E%3CfeOffset dx%3D%221%22 dy%3D%221%22/%3E%3CfeGaussianBlur stdDeviation%3D%222.5%22/%3E%3CfeComposite in2%3D%22hardAlpha%22 operator%3D%22arithmetic%22 k2%3D%22-1%22 k3%3D%221%22/%3E%3CfeColorMatrix type%3D%22matrix%22 values%3D%220%200%200%200%200.121569%200%200%200%200%200.231373%200%200%200%200%200.376471%200%200%200%200.2%200%22/%3E%3CfeBlend mode%3D%22normal%22 in2%3D%22effect1_innerShadow_1222_100567%22 result%3D%22effect2_innerShadow_1222_100567%22/%3E%3C/filter%3E%3ClinearGradient id%3D%22paint0_linear_1222_100567%22 x1%3D%2223.449%22 y1%3D%2236.5%22 x2%3D%2221.949%22 y2%3D%225.5%22 gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop stop-color%3D%22%2336B6F9%22/%3E%3Cstop offset%3D%221%22 stop-color%3D%22%23377FC4%22/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
}
.Atlas-icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2241%22 height%3D%2241%22 viewBox%3D%220%200%2041%2041%22 fill%3D%22none%22%3E%3Crect x%3D%221.44897%22 y%3D%221.5%22 width%3D%2238%22 height%3D%2238%22 rx%3D%2219%22 fill%3D%22white%22%2F%3E%3Crect x%3D%221.44897%22 y%3D%221.5%22 width%3D%2238%22 height%3D%2238%22 rx%3D%2219%22 stroke%3D%22%23E0E0E0%22 stroke-width%3D%222%22%2F%3E%3Cpath d%3D%22M9.75751 20.8408L14.1325 16.4658V25.2158L9.75751 20.8408Z%22 stroke%3D%22%23377FC4%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Cpath d%3D%22M32.0399 20.8408L27.6649 16.4658V25.2158L32.0399 20.8408Z%22 stroke%3D%22%23377FC4%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Cpath d%3D%22M17.5772 18.3496H24.2202%22 stroke%3D%22%23377FC4%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Cpath d%3D%22M17.5772 23.332H24.2202%22 stroke%3D%22%23377FC4%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Cpath d%3D%22M20.8989 31.9814L16.5239 27.6064H25.2739L20.8989 31.9814Z%22 stroke%3D%22%23377FC4%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Cpath d%3D%22M20.8987 9.69922L16.5237 14.0742H25.2736L20.8987 9.69922Z%22 stroke%3D%22%23377FC4%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  width: 40px;
  height: 40px;
}
@media (max-width: 500px) {
  .Atlas-icon {
    margin-top: 0.7rem;
  }
}
.Atlas-icon-filled {
  width: 40px;
  height: 40px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2241%22 height%3D%2241%22 viewBox%3D%220%200%2041%2041%22 fill%3D%22none%22%3E%3Crect x%3D%221.44897%22 y%3D%221.5%22 width%3D%2238%22 height%3D%2238%22 rx%3D%2219%22 fill%3D%22white%22%2F%3E%3Crect x%3D%221.44897%22 y%3D%221.5%22 width%3D%2238%22 height%3D%2238%22 rx%3D%2219%22 stroke%3D%22white%22 stroke-width%3D%222%22%2F%3E%3Cg filter%3D%22url(%23filter0_ii_2573_6625)%22%3E%3Crect x%3D%220.448975%22 y%3D%220.5%22 width%3D%2240%22 height%3D%2240%22 rx%3D%2220%22 fill%3D%22url(%23paint0_linear_2573_6625)%22%2F%3E%3C%2Fg%3E%3Crect x%3D%221.44897%22 y%3D%221.5%22 width%3D%2238%22 height%3D%2238%22 rx%3D%2219%22 stroke%3D%22white%22 stroke-width%3D%222%22%2F%3E%3Cpath d%3D%22M9.75751%2020.8408L14.1325%2016.4658V25.2158L9.75751%2020.8408Z%22 stroke%3D%22white%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Cpath d%3D%22M32.0399%2020.8408L27.6649%2016.4658V25.2158L32.0399%2020.8408Z%22 stroke%3D%22white%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Cpath d%3D%22M17.5772%2018.3496H24.2202%22 stroke%3D%22white%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Cpath d%3D%22M17.5772%2023.332H24.2202%22 stroke%3D%22white%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Cpath d%3D%22M20.8989%2031.9814L16.5239%2027.6064H25.2739L20.8989%2031.9814Z%22 stroke%3D%22white%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Cpath d%3D%22M20.8987%209.69922L16.5237%2014.0742H25.2736L20.8987%209.69922Z%22 stroke%3D%22white%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Cdefs%3E%3Cfilter id%3D%22filter0_ii_2573_6625%22 x%3D%22-0.551025%22 y%3D%22-2.5%22 width%3D%2242%22 height%3D%2244%22 filterUnits%3D%22userSpaceOnUse%22 color-interpolation-filters%3D%22sRGB%22%3E%3CfeFlood flood-opacity%3D%220%22 result%3D%22BackgroundImageFix%22%2F%3E%3CfeBlend mode%3D%22normal%22 in%3D%22SourceGraphic%22 in2%3D%22BackgroundImageFix%22 result%3D%22shape%22%2F%3E%3CfeColorMatrix in%3D%22SourceAlpha%22 type%3D%22matrix%22 values%3D%220 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0%22 result%3D%22hardAlpha%22%2F%3E%3CfeOffset dx%3D%22-1%22 dy%3D%22-3%22%2F%3E%3CfeGaussianBlur stdDeviation%3D%222%22%2F%3E%3CfeComposite in2%3D%22hardAlpha%22 operator%3D%22arithmetic%22 k2%3D%22-1%22 k3%3D%221%22%2F%3E%3CfeColorMatrix type%3D%22matrix%22 values%3D%220 0 0 0 0.454545 0 0 0 0 0.544866 0 0 0 0 0.617122 0 0 0 0.35 0%22%2F%3E%3CfeBlend mode%3D%22normal%22 in2%3D%22shape%22 result%3D%22effect1_innerShadow_2573_6625%22%2F%3E%3CfeColorMatrix in%3D%22SourceAlpha%22 type%3D%22matrix%22 values%3D%220 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0%22 result%3D%22hardAlpha%22%2F%3E%3CfeOffset dx%3D%221%22 dy%3D%221%22%2F%3E%3CfeGaussianBlur stdDeviation%3D%222.5%22%2F%3E%3CfeComposite in2%3D%22hardAlpha%22 operator%3D%22arithmetic%22 k2%3D%22-1%22 k3%3D%221%22%2F%3E%3CfeColorMatrix type%3D%22matrix%22 values%3D%220 0 0 0 0.121569 0 0 0 0 0.231373 0 0 0 0 0.376471 0 0 0 0.2 0%22%2F%3E%3CfeBlend mode%3D%22normal%22 in2%3D%22effect1_innerShadow_2573_6625%22 result%3D%22effect2_innerShadow_2573_6625%22%2F%3E%3C%2Ffilter%3E%3ClinearGradient id%3D%22paint0_linear_2573_6625%22 x1%3D%2223.449%22 y1%3D%2236.5%22 x2%3D%2221.949%22 y2%3D%225.5%22 gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop stop-color%3D%22%2336B6F9%22%2F%3E%3Cstop offset%3D%221%22 stop-color%3D%22%23377FC4%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3C%2Fsvg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
}
@media (max-width: 500px) {
  .Atlas-icon-filled {
    margin-top: 0.7rem;
  }
}
.Calendar-icon {
  background-image: url('data:image/svg+xml,<svg width="49" height="49" viewBox="0 0 49 49" fill="none" xmlns="http://www.w3.org/2000/svg"><g filter="url(%23filter0_dd_795_105433)"><rect x="3.44897" y="2.5" width="40" height="40" rx="20" fill="white" shape-rendering="crispEdges"/><rect x="4.44897" y="3.5" width="38" height="38" rx="19" stroke="white" stroke-width="2" shape-rendering="crispEdges"/><g filter="url(%23filter1_ii_795_105433)"><rect x="3.44897" y="2.5" width="40" height="40" rx="20" fill="white"/></g><rect x="4.44897" y="3.5" width="38" height="38" rx="19" stroke="white" stroke-width="2"/><g clip-path="url(%23clip0_795_105433)"><rect width="19" height="19" transform="translate(14.449 11.5)" fill="white"/><path d="M16.4836 14.2188C16.1237 14.2188 15.7785 14.3617 15.524 14.6162C15.2694 14.8708 15.1265 15.216 15.1265 15.5759L15.1265 28.4687C15.1265 28.8287 15.2694 29.1739 15.524 29.4284C15.7785 29.6828 16.1237 29.8259 16.4836 29.8259L31.4122 29.8259C31.7721 29.8259 32.1173 29.6828 32.3718 29.4284C32.6263 29.1739 32.7693 28.8287 32.7693 28.4687L32.7693 15.5759C32.7693 15.216 32.6263 14.8708 32.3718 14.6162C32.1173 14.3617 31.7721 14.2188 31.4122 14.2188L28.6979 14.2188" stroke="%23377FC4" stroke-width="1.15" stroke-linecap="round" stroke-linejoin="round"/><path d="M19.2 12.1816L19.2 16.2531" stroke="%23377FC4" stroke-width="1.15" stroke-linecap="round" stroke-linejoin="round"/><path d="M28.6986 12.1816L28.6986 16.2531" stroke="%23377FC4" stroke-width="1.15" stroke-linecap="round" stroke-linejoin="round"/><path d="M19.2 14.2188L25.9857 14.2188" stroke="%23377FC4" stroke-width="1.15" stroke-linecap="round" stroke-linejoin="round"/><path d="M24.2874 17.8191L25.4228 20.1032C25.4482 20.1609 25.4885 20.2109 25.5395 20.248C25.5905 20.2851 25.6505 20.3081 25.7133 20.3144L28.2349 20.6973C28.307 20.7066 28.375 20.7364 28.4307 20.7829C28.4866 20.8295 28.528 20.891 28.5502 20.9602C28.5723 21.0295 28.5743 21.1036 28.5559 21.1739C28.5375 21.2443 28.4994 21.3079 28.4462 21.3574L26.5846 23.1265C26.5569 23.1795 26.5424 23.2384 26.5424 23.2981C26.5424 23.3579 26.5569 23.4168 26.5846 23.4698L26.9411 25.9783C26.9563 26.0508 26.9501 26.1261 26.9234 26.1952C26.8966 26.2642 26.8504 26.3241 26.7903 26.3674C26.7302 26.4107 26.6588 26.4356 26.5848 26.4393C26.5108 26.4428 26.4374 26.4248 26.3734 26.3875L24.129 25.1993C24.0709 25.1731 24.0079 25.1595 23.9441 25.1595C23.8804 25.1595 23.8174 25.1731 23.7593 25.1993L21.5149 26.3875C21.4509 26.4248 21.3775 26.4428 21.3035 26.4393C21.2295 26.4356 21.1581 26.4107 21.098 26.3674C21.0379 26.3241 20.9917 26.2642 20.9649 26.1952C20.9381 26.1261 20.932 26.0508 20.9472 25.9783L21.3697 23.4698C21.3878 23.4116 21.3913 23.3497 21.3798 23.2898C21.3683 23.23 21.3421 23.1738 21.3037 23.1265L19.4421 21.3442C19.3927 21.2942 19.3581 21.2315 19.342 21.1631C19.3258 21.0947 19.3288 21.0232 19.3506 20.9564C19.3725 20.8895 19.4122 20.83 19.4656 20.7843C19.519 20.7386 19.584 20.7085 19.6534 20.6973L22.175 20.3276C22.2378 20.3212 22.2978 20.2984 22.3488 20.2612C22.3998 20.2241 22.4401 20.1741 22.4655 20.1164L23.6009 17.8324C23.6313 17.7677 23.6791 17.7128 23.7391 17.6739C23.799 17.6351 23.8686 17.6137 23.94 17.6124C24.0115 17.611 24.0819 17.6296 24.1432 17.6662C24.2046 17.7027 24.2546 17.7557 24.2874 17.8191Z" stroke="%23377FC4" stroke-width="1.15" stroke-linecap="round" stroke-linejoin="round"/></g></g><defs><filter id="filter0_dd_795_105433" x="0.448975" y="0.5" width="48" height="48" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feMorphology radius="1" operator="erode" in="SourceAlpha" result="effect1_dropShadow_795_105433"/><feOffset dx="1" dy="2"/><feGaussianBlur stdDeviation="2.5"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix type="matrix" values="0 0 0 0 0.290196 0 0 0 0 0.392157 0 0 0 0 0.494118 0 0 0 0.3 0"/><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_795_105433"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dy="1"/><feGaussianBlur stdDeviation="0.5"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix type="matrix" values="0 0 0 0 0.0235294 0 0 0 0 0.172549 0 0 0 0 0.345098 0 0 0 0.1 0"/><feBlend mode="normal" in2="effect1_dropShadow_795_105433" result="effect2_dropShadow_795_105433"/><feBlend mode="normal" in="SourceGraphic" in2="effect2_dropShadow_795_105433" result="shape"/></filter><filter id="filter1_ii_795_105433" x="2.44897" y="-0.5" width="42" height="44" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dx="-1" dy="-3"/><feGaussianBlur stdDeviation="2"/><feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/><feColorMatrix type="matrix" values="0 0 0 0 0.454545 0 0 0 0 0.544866 0 0 0 0 0.617122 0 0 0 0.35 0"/><feBlend mode="normal" in2="shape" result="effect1_innerShadow_795_105433"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dx="1" dy="1"/><feGaussianBlur stdDeviation="2.5"/><feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/><feColorMatrix type="matrix" values="0 0 0 0 0.121569 0 0 0 0 0.231373 0 0 0 0 0.376471 0 0 0 0.2 0"/><feBlend mode="normal" in2="effect1_innerShadow_795_105433" result="effect2_innerShadow_795_105433"/></filter><clipPath id="clip0_795_105433"><rect width="19" height="19" fill="white" transform="translate(14.449 11.5)"/></clipPath></defs></svg> ');
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  width: 40px;
  height: 40px;
}
.Calendar-icon-filled {
  width: 40px;
  height: 40px;
  background-image: url('data:image/svg+xml,<svg width="49" height="49" viewBox="0 0 49 49" fill="none" xmlns="http://www.w3.org/2000/svg"><g filter="url(%23filter0_dd_795_105433)"><rect x="3.44897" y="2.5" width="40" height="40" rx="20" fill="white" shape-rendering="crispEdges"/><rect x="4.44897" y="3.5" width="38" height="38" rx="19" stroke="white" stroke-width="2" shape-rendering="crispEdges"/><g filter="url(%23filter1_ii_795_105433)"><rect x="3.44897" y="2.5" width="40" height="40" rx="20" fill="white"/></g><rect x="4.44897" y="3.5" width="38" height="38" rx="19" stroke="white" stroke-width="2"/><g clip-path="url(%23clip0_795_105433)"><rect width="19" height="19" transform="translate(14.449 11.5)" fill="white"/><path d="M16.4836 14.2188C16.1237 14.2188 15.7785 14.3617 15.524 14.6162C15.2694 14.8708 15.1265 15.216 15.1265 15.5759L15.1265 28.4687C15.1265 28.8287 15.2694 29.1739 15.524 29.4284C15.7785 29.6828 16.1237 29.8259 16.4836 29.8259L31.4122 29.8259C31.7721 29.8259 32.1173 29.6828 32.3718 29.4284C32.6263 29.1739 32.7693 28.8287 32.7693 28.4687L32.7693 15.5759C32.7693 15.216 32.6263 14.8708 32.3718 14.6162C32.1173 14.3617 31.7721 14.2188 31.4122 14.2188L28.6979 14.2188" stroke="%23377FC4" stroke-width="1.15" stroke-linecap="round" stroke-linejoin="round"/><path d="M19.2 12.1816L19.2 16.2531" stroke="%23377FC4" stroke-width="1.15" stroke-linecap="round" stroke-linejoin="round"/><path d="M28.6986 12.1816L28.6986 16.2531" stroke="%23377FC4" stroke-width="1.15" stroke-linecap="round" stroke-linejoin="round"/><path d="M19.2 14.2188L25.9857 14.2188" stroke="%23377FC4" stroke-width="1.15" stroke-linecap="round" stroke-linejoin="round"/><path d="M24.2874 17.8191L25.4228 20.1032C25.4482 20.1609 25.4885 20.2109 25.5395 20.248C25.5905 20.2851 25.6505 20.3081 25.7133 20.3144L28.2349 20.6973C28.307 20.7066 28.375 20.7364 28.4307 20.7829C28.4866 20.8295 28.528 20.891 28.5502 20.9602C28.5723 21.0295 28.5743 21.1036 28.5559 21.1739C28.5375 21.2443 28.4994 21.3079 28.4462 21.3574L26.5846 23.1265C26.5569 23.1795 26.5424 23.2384 26.5424 23.2981C26.5424 23.3579 26.5569 23.4168 26.5846 23.4698L26.9411 25.9783C26.9563 26.0508 26.9501 26.1261 26.9234 26.1952C26.8966 26.2642 26.8504 26.3241 26.7903 26.3674C26.7302 26.4107 26.6588 26.4356 26.5848 26.4393C26.5108 26.4428 26.4374 26.4248 26.3734 26.3875L24.129 25.1993C24.0709 25.1731 24.0079 25.1595 23.9441 25.1595C23.8804 25.1595 23.8174 25.1731 23.7593 25.1993L21.5149 26.3875C21.4509 26.4248 21.3775 26.4428 21.3035 26.4393C21.2295 26.4356 21.1581 26.4107 21.098 26.3674C21.0379 26.3241 20.9917 26.2642 20.9649 26.1952C20.9381 26.1261 20.932 26.0508 20.9472 25.9783L21.3697 23.4698C21.3878 23.4116 21.3913 23.3497 21.3798 23.2898C21.3683 23.23 21.3421 23.1738 21.3037 23.1265L19.4421 21.3442C19.3927 21.2942 19.3581 21.2315 19.342 21.1631C19.3258 21.0947 19.3288 21.0232 19.3506 20.9564C19.3725 20.8895 19.4122 20.83 19.4656 20.7843C19.519 20.7386 19.584 20.7085 19.6534 20.6973L22.175 20.3276C22.2378 20.3212 22.2978 20.2984 22.3488 20.2612C22.3998 20.2241 22.4401 20.1741 22.4655 20.1164L23.6009 17.8324C23.6313 17.7677 23.6791 17.7128 23.7391 17.6739C23.799 17.6351 23.8686 17.6137 23.94 17.6124C24.0115 17.611 24.0819 17.6296 24.1432 17.6662C24.2046 17.7027 24.2546 17.7557 24.2874 17.8191Z" stroke="%23377FC4" stroke-width="1.15" stroke-linecap="round" stroke-linejoin="round"/></g></g><defs><filter id="filter0_dd_795_105433" x="0.448975" y="0.5" width="48" height="48" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feMorphology radius="1" operator="erode" in="SourceAlpha" result="effect1_dropShadow_795_105433"/><feOffset dx="1" dy="2"/><feGaussianBlur stdDeviation="2.5"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix type="matrix" values="0 0 0 0 0.290196 0 0 0 0 0.392157 0 0 0 0 0.494118 0 0 0 0.3 0"/><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_795_105433"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dy="1"/><feGaussianBlur stdDeviation="0.5"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix type="matrix" values="0 0 0 0 0.0235294 0 0 0 0 0.172549 0 0 0 0 0.345098 0 0 0 0.1 0"/><feBlend mode="normal" in2="effect1_dropShadow_795_105433" result="effect2_dropShadow_795_105433"/><feBlend mode="normal" in="SourceGraphic" in2="effect2_dropShadow_795_105433" result="shape"/></filter><filter id="filter1_ii_795_105433" x="2.44897" y="-0.5" width="42" height="44" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dx="-1" dy="-3"/><feGaussianBlur stdDeviation="2"/><feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/><feColorMatrix type="matrix" values="0 0 0 0 0.454545 0 0 0 0 0.544866 0 0 0 0 0.617122 0 0 0 0.35 0"/><feBlend mode="normal" in2="shape" result="effect1_innerShadow_795_105433"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dx="1" dy="1"/><feGaussianBlur stdDeviation="2.5"/><feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/><feColorMatrix type="matrix" values="0 0 0 0 0.121569 0 0 0 0 0.231373 0 0 0 0 0.376471 0 0 0 0.2 0"/><feBlend mode="normal" in2="effect1_innerShadow_795_105433" result="effect2_innerShadow_795_105433"/></filter><clipPath id="clip0_795_105433"><rect width="19" height="19" fill="white" transform="translate(14.449 11.5)"/></clipPath></defs></svg> ');
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
}
.Message-icon {
  background-image: url('data:image/svg+xml,<svg width="49" height="49" viewBox="0 0 49 49" fill="none" xmlns="http://www.w3.org/2000/svg"><g filter="url(%23filter0_dd_795_105446)"><rect x="3.44897" y="2.5" width="40" height="40" rx="20" fill="white" shape-rendering="crispEdges"/><rect x="4.44897" y="3.5" width="38" height="38" rx="19" stroke="white" stroke-width="2" shape-rendering="crispEdges"/><g filter="url(%23filter1_ii_795_105446)"><rect x="3.44897" y="2.5" width="40" height="40" rx="20" fill="white"/></g><rect x="4.44897" y="3.5" width="38" height="38" rx="19" stroke="white" stroke-width="2"/><g clip-path="url(%23clip0_795_105446)"><path d="M22.2019 13.4531C20.7221 13.6664 19.3194 14.2547 18.1239 15.1636C16.9284 16.0726 15.9788 17.2726 15.3632 18.6525C14.7476 20.0324 14.4859 21.5474 14.6023 23.0571C14.7187 24.5668 15.2096 26.0223 16.0293 27.2886L14.5408 31.3561L19.5253 30.4431C20.807 31.079 22.2214 31.392 23.6481 31.3553C25.0748 31.3186 26.4717 30.9336 27.7199 30.2327C28.9683 29.5318 30.031 28.5357 30.8178 27.3294C31.6046 26.1231 32.0922 24.7422 32.2393 23.304" stroke="%23377FC4" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"/><path d="M28.8806 20.2888C30.7662 20.2888 32.2946 18.7402 32.2946 16.83C32.2946 14.9197 30.7662 13.3711 28.8806 13.3711C26.9951 13.3711 25.4666 14.9197 25.4666 16.83C25.4666 18.7402 26.9951 20.2888 28.8806 20.2888Z" fill="%23A52255" stroke="%23A52255" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></g></g><defs><filter id="filter0_dd_795_105446" x="0.448975" y="0.5" width="48" height="48" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feMorphology radius="1" operator="erode" in="SourceAlpha" result="effect1_dropShadow_795_105446"/><feOffset dx="1" dy="2"/><feGaussianBlur stdDeviation="2.5"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix type="matrix" values="0 0 0 0 0.290196 0 0 0 0 0.392157 0 0 0 0 0.494118 0 0 0 0.3 0"/><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_795_105446"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dy="1"/><feGaussianBlur stdDeviation="0.5"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix type="matrix" values="0 0 0 0 0.0235294 0 0 0 0 0.172549 0 0 0 0 0.345098 0 0 0 0.1 0"/><feBlend mode="normal" in2="effect1_dropShadow_795_105446" result="effect2_dropShadow_795_105446"/><feBlend mode="normal" in="SourceGraphic" in2="effect2_dropShadow_795_105446" result="shape"/></filter><filter id="filter1_ii_795_105446" x="2.44897" y="-0.5" width="42" height="44" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dx="-1" dy="-3"/><feGaussianBlur stdDeviation="2"/><feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/><feColorMatrix type="matrix" values="0 0 0 0 0.454545 0 0 0 0 0.544866 0 0 0 0 0.617122 0 0 0 0.35 0"/><feBlend mode="normal" in2="shape" result="effect1_innerShadow_795_105446"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dx="1" dy="1"/><feGaussianBlur stdDeviation="2.5"/><feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/><feColorMatrix type="matrix" values="0 0 0 0 0.121569 0 0 0 0 0.231373 0 0 0 0 0.376471 0 0 0 0.2 0"/><feBlend mode="normal" in2="effect1_innerShadow_795_105446" result="effect2_innerShadow_795_105446"/></filter><clipPath id="clip0_795_105446"><rect width="19.1947" height="19.4466" fill="white" transform="translate(13.8201 12.6406)"/></clipPath></defs></svg> ');
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  width: 40px;
  height: 40px;
}
.Message-icon-filled {
  width: 40px;
  height: 40px;
  background-image: url('data:image/svg+xml,<svg width="49" height="49" viewBox="0 0 49 49" fill="none" xmlns="http://www.w3.org/2000/svg"><g filter="url(%23filter0_dd_795_105446)"><rect x="3.44897" y="2.5" width="40" height="40" rx="20" fill="white" shape-rendering="crispEdges"/><rect x="4.44897" y="3.5" width="38" height="38" rx="19" stroke="white" stroke-width="2" shape-rendering="crispEdges"/><g filter="url(%23filter1_ii_795_105446)"><rect x="3.44897" y="2.5" width="40" height="40" rx="20" fill="white"/></g><rect x="4.44897" y="3.5" width="38" height="38" rx="19" stroke="white" stroke-width="2"/><g clip-path="url(%23clip0_795_105446)"><path d="M22.2019 13.4531C20.7221 13.6664 19.3194 14.2547 18.1239 15.1636C16.9284 16.0726 15.9788 17.2726 15.3632 18.6525C14.7476 20.0324 14.4859 21.5474 14.6023 23.0571C14.7187 24.5668 15.2096 26.0223 16.0293 27.2886L14.5408 31.3561L19.5253 30.4431C20.807 31.079 22.2214 31.392 23.6481 31.3553C25.0748 31.3186 26.4717 30.9336 27.7199 30.2327C28.9683 29.5318 30.031 28.5357 30.8178 27.3294C31.6046 26.1231 32.0922 24.7422 32.2393 23.304" stroke="%23377FC4" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"/><path d="M28.8806 20.2888C30.7662 20.2888 32.2946 18.7402 32.2946 16.83C32.2946 14.9197 30.7662 13.3711 28.8806 13.3711C26.9951 13.3711 25.4666 14.9197 25.4666 16.83C25.4666 18.7402 26.9951 20.2888 28.8806 20.2888Z" fill="%23A52255" stroke="%23A52255" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></g></g><defs><filter id="filter0_dd_795_105446" x="0.448975" y="0.5" width="48" height="48" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feMorphology radius="1" operator="erode" in="SourceAlpha" result="effect1_dropShadow_795_105446"/><feOffset dx="1" dy="2"/><feGaussianBlur stdDeviation="2.5"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix type="matrix" values="0 0 0 0 0.290196 0 0 0 0 0.392157 0 0 0 0 0.494118 0 0 0 0.3 0"/><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_795_105446"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dy="1"/><feGaussianBlur stdDeviation="0.5"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix type="matrix" values="0 0 0 0 0.0235294 0 0 0 0 0.172549 0 0 0 0 0.345098 0 0 0 0.1 0"/><feBlend mode="normal" in2="effect1_dropShadow_795_105446" result="effect2_dropShadow_795_105446"/><feBlend mode="normal" in="SourceGraphic" in2="effect2_dropShadow_795_105446" result="shape"/></filter><filter id="filter1_ii_795_105446" x="2.44897" y="-0.5" width="42" height="44" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dx="-1" dy="-3"/><feGaussianBlur stdDeviation="2"/><feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/><feColorMatrix type="matrix" values="0 0 0 0 0.454545 0 0 0 0 0.544866 0 0 0 0 0.617122 0 0 0 0.35 0"/><feBlend mode="normal" in2="shape" result="effect1_innerShadow_795_105446"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dx="1" dy="1"/><feGaussianBlur stdDeviation="2.5"/><feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/><feColorMatrix type="matrix" values="0 0 0 0 0.121569 0 0 0 0 0.231373 0 0 0 0 0.376471 0 0 0 0.2 0"/><feBlend mode="normal" in2="effect1_innerShadow_795_105446" result="effect2_innerShadow_795_105446"/></filter><clipPath id="clip0_795_105446"><rect width="19.1947" height="19.4466" fill="white" transform="translate(13.8201 12.6406)"/></clipPath></defs></svg> ');
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
}
.Home-icon-filled {
  width: 40px;
  height: 40px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2241%22 height%3D%2241%22 viewBox%3D%220%200%2041%2041%22 fill%3D%22none%22%3E%3Crect x%3D%221.44897%22 y%3D%221.5%22 width%3D%2238%22 height%3D%2238%22 rx%3D%2219%22 fill%3D%22white%22%2F%3E%3Crect x%3D%221.44897%22 y%3D%221.5%22 width%3D%2238%22 height%3D%2238%22 rx%3D%2219%22 stroke%3D%22white%22 stroke-width%3D%222%22%2F%3E%3Cg filter%3D%22url(%23filter0_ii_home)%22%3E%3Crect x%3D%220.448975%22 y%3D%220.5%22 width%3D%2240%22 height%3D%2240%22 rx%3D%2220%22 fill%3D%22url(%23paint0_linear_home)%22%2F%3E%3C%2Fg%3E%3Crect x%3D%221.44897%22 y%3D%221.5%22 width%3D%2238%22 height%3D%2238%22 rx%3D%2219%22 stroke%3D%22white%22 stroke-width%3D%222%22%2F%3E%3Cpath d%3D%22M10.449 20.5L20.449 12.5L30.449 20.5V28.5C30.449 29.0304 30.238 29.5391 29.8629 29.9142C29.4878 30.2893 28.9792 30.5 28.449 30.5H12.449C11.9185 30.5 11.4099 30.2893 11.0348 29.9142C10.6597 29.5391 10.449 29.0304 10.449 28.5V20.5Z%22 stroke%3D%22white%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Cpath d%3D%22M16.449 30.5V20.5H24.449V30.5%22 stroke%3D%22white%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Cdefs%3E%3Cfilter id%3D%22filter0_ii_home%22 x%3D%22-0.551025%22 y%3D%22-2.5%22 width%3D%2242%22 height%3D%2244%22 filterUnits%3D%22userSpaceOnUse%22 color-interpolation-filters%3D%22sRGB%22%3E%3CfeFlood flood-opacity%3D%220%22 result%3D%22BackgroundImageFix%22%2F%3E%3CfeBlend mode%3D%22normal%22 in%3D%22SourceGraphic%22 in2%3D%22BackgroundImageFix%22 result%3D%22shape%22%2F%3E%3CfeColorMatrix in%3D%22SourceAlpha%22 type%3D%22matrix%22 values%3D%220 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0%22 result%3D%22hardAlpha%22%2F%3E%3CfeOffset dx%3D%22-1%22 dy%3D%22-3%22%2F%3E%3CfeGaussianBlur stdDeviation%3D%222%22%2F%3E%3CfeComposite in2%3D%22hardAlpha%22 operator%3D%22arithmetic%22 k2%3D%22-1%22 k3%3D%221%22%2F%3E%3CfeColorMatrix type%3D%22matrix%22 values%3D%220 0 0 0 0.454545 0 0 0 0 0.544866 0 0 0 0 0.617122 0 0 0 0.35 0%22%2F%3E%3CfeBlend mode%3D%22normal%22 in2%3D%22shape%22 result%3D%22effect1_innerShadow_home%22%2F%3E%3CfeColorMatrix in%3D%22SourceAlpha%22 type%3D%22matrix%22 values%3D%220 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0%22 result%3D%22hardAlpha%22%2F%3E%3CfeOffset dx%3D%221%22 dy%3D%221%22%2F%3E%3CfeGaussianBlur stdDeviation%3D%222.5%22%2F%3E%3CfeComposite in2%3D%22hardAlpha%22 operator%3D%22arithmetic%22 k2%3D%22-1%22 k3%3D%221%22%2F%3E%3CfeColorMatrix type%3D%22matrix%22 values%3D%220 0 0 0 0.121569 0 0 0 0 0.231373 0 0 0 0 0.376471 0 0 0 0.2 0%22%2F%3E%3CfeBlend mode%3D%22normal%22 in2%3D%22effect1_innerShadow_home%22 result%3D%22effect2_innerShadow_home%22%2F%3E%3C%2Ffilter%3E%3ClinearGradient id%3D%22paint0_linear_home%22 x1%3D%2223.449%22 y1%3D%2236.5%22 x2%3D%2221.949%22 y2%3D%225.5%22 gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop stop-color%3D%22%2336B6F9%22%2F%3E%3Cstop offset%3D%221%22 stop-color%3D%22%23377FC4%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3C%2Fsvg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
}
@media (max-width: 500px) {
  .Home-icon-filled {
    margin-top: 0.7rem;
  }
}
.Settings-icon-filled {
  width: 40px;
  height: 40px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2241%22 height%3D%2241%22 viewBox%3D%220%200%2041%2041%22 fill%3D%22none%22%3E%3Crect x%3D%221.44897%22 y%3D%221.5%22 width%3D%2238%22 height%3D%2238%22 rx%3D%2219%22 fill%3D%22white%22%2F%3E%3Crect x%3D%221.44897%22 y%3D%221.5%22 width%3D%2238%22 height%3D%2238%22 rx%3D%2219%22 stroke%3D%22white%22 stroke-width%3D%222%22%2F%3E%3Cg filter%3D%22url(%23filter0_ii_settings)%22%3E%3Crect x%3D%220.448975%22 y%3D%220.5%22 width%3D%2240%22 height%3D%2240%22 rx%3D%2220%22 fill%3D%22url(%23paint0_linear_settings)%22%2F%3E%3C%2Fg%3E%3Crect x%3D%221.44897%22 y%3D%221.5%22 width%3D%2238%22 height%3D%2238%22 rx%3D%2219%22 stroke%3D%22white%22 stroke-width%3D%222%22%2F%3E%3Cpath d%3D%22M20.449 26.5C23.7627 26.5 26.449 23.8137 26.449 20.5C26.449 17.1863 23.7627 14.5 20.449 14.5C17.1353 14.5 14.449 17.1863 14.449 20.5C14.449 23.8137 17.1353 26.5 20.449 26.5Z%22 stroke%3D%22white%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Cpath d%3D%22M20.449 14.5V11.5%22 stroke%3D%22white%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Cpath d%3D%22M20.449 29.5V26.5%22 stroke%3D%22white%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Cpath d%3D%22M14.449 17L12.049 15.5%22 stroke%3D%22white%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Cpath d%3D%22M28.849 25.5L26.449 24%22 stroke%3D%22white%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Cpath d%3D%22M14.449 24L12.049 25.5%22 stroke%3D%22white%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Cpath d%3D%22M28.849 15.5L26.449 17%22 stroke%3D%22white%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Cdefs%3E%3Cfilter id%3D%22filter0_ii_settings%22 x%3D%22-0.551025%22 y%3D%22-2.5%22 width%3D%2242%22 height%3D%2244%22 filterUnits%3D%22userSpaceOnUse%22 color-interpolation-filters%3D%22sRGB%22%3E%3CfeFlood flood-opacity%3D%220%22 result%3D%22BackgroundImageFix%22%2F%3E%3CfeBlend mode%3D%22normal%22 in%3D%22SourceGraphic%22 in2%3D%22BackgroundImageFix%22 result%3D%22shape%22%2F%3E%3CfeColorMatrix in%3D%22SourceAlpha%22 type%3D%22matrix%22 values%3D%220 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0%22 result%3D%22hardAlpha%22%2F%3E%3CfeOffset dx%3D%22-1%22 dy%3D%22-3%22%2F%3E%3CfeGaussianBlur stdDeviation%3D%222%22%2F%3E%3CfeComposite in2%3D%22hardAlpha%22 operator%3D%22arithmetic%22 k2%3D%22-1%22 k3%3D%221%22%2F%3E%3CfeColorMatrix type%3D%22matrix%22 values%3D%220 0 0 0 0.454545 0 0 0 0 0.544866 0 0 0 0 0.617122 0 0 0 0.35 0%22%2F%3E%3CfeBlend mode%3D%22normal%22 in2%3D%22shape%22 result%3D%22effect1_innerShadow_settings%22%2F%3E%3CfeColorMatrix in%3D%22SourceAlpha%22 type%3D%22matrix%22 values%3D%220 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0%22 result%3D%22hardAlpha%22%2F%3E%3CfeOffset dx%3D%221%22 dy%3D%221%22%2F%3E%3CfeGaussianBlur stdDeviation%3D%222.5%22%2F%3E%3CfeComposite in2%3D%22hardAlpha%22 operator%3D%22arithmetic%22 k2%3D%22-1%22 k3%3D%221%22%2F%3E%3CfeColorMatrix type%3D%22matrix%22 values%3D%220 0 0 0 0.121569 0 0 0 0 0.231373 0 0 0 0 0.376471 0 0 0 0.2 0%22%2F%3E%3CfeBlend mode%3D%22normal%22 in2%3D%22effect1_innerShadow_settings%22 result%3D%22effect2_innerShadow_settings%22%2F%3E%3C%2Ffilter%3E%3ClinearGradient id%3D%22paint0_linear_settings%22 x1%3D%2223.449%22 y1%3D%2236.5%22 x2%3D%2221.949%22 y2%3D%225.5%22 gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop stop-color%3D%22%2336B6F9%22%2F%3E%3Cstop offset%3D%221%22 stop-color%3D%22%23377FC4%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3C%2Fsvg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
}
@media (max-width: 500px) {
  .Settings-icon-filled {
    margin-top: 0.7rem;
  }
}
.Marketplace-icon {
  width: 40px;
  height: 40px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2241%22 height%3D%2241%22 viewBox%3D%220%200%2041%2041%22 fill%3D%22none%22%3E%3Crect x%3D%221.44897%22 y%3D%221.5%22 width%3D%2238%22 height%3D%2238%22 rx%3D%2219%22 fill%3D%22white%22%2F%3E%3Crect x%3D%221.44897%22 y%3D%221.5%22 width%3D%2238%22 height%3D%2238%22 rx%3D%2219%22 stroke%3D%22%23E0E0E0%22 stroke-width%3D%222%22%2F%3E%3Cpath d%3D%22M12.449 15.5L13.449 11.5H27.449L28.449 15.5%22 stroke%3D%22%23377FC4%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Cpath d%3D%22M28.449 15.5V28.5C28.449 28.7652 28.3436 29.0196 28.1561 29.2071C27.9686 29.3946 27.7142 29.5 27.449 29.5H13.449C13.1838 29.5 12.9294 29.3946 12.7419 29.2071C12.5543 29.0196 12.449 28.7652 12.449 28.5V15.5%22 stroke%3D%22%23377FC4%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Cpath d%3D%22M12.449 15.5H28.449%22 stroke%3D%22%23377FC4%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Cpath d%3D%22M17.449 21.5H23.449V29.5H17.449V21.5Z%22 stroke%3D%22%23377FC4%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
}
@media (max-width: 500px) {
  .Marketplace-icon {
    margin-top: 0.7rem;
  }
}
.Marketplace-icon-filled {
  width: 40px;
  height: 40px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2241%22 height%3D%2241%22 viewBox%3D%220%200%2041%2041%22 fill%3D%22none%22%3E%3Crect x%3D%221.44897%22 y%3D%221.5%22 width%3D%2238%22 height%3D%2238%22 rx%3D%2219%22 fill%3D%22white%22%2F%3E%3Crect x%3D%221.44897%22 y%3D%221.5%22 width%3D%2238%22 height%3D%2238%22 rx%3D%2219%22 stroke%3D%22white%22 stroke-width%3D%222%22%2F%3E%3Cg filter%3D%22url(%23filter0_ii_marketplace)%22%3E%3Crect x%3D%220.448975%22 y%3D%220.5%22 width%3D%2240%22 height%3D%2240%22 rx%3D%2220%22 fill%3D%22url(%23paint0_linear_marketplace)%22%2F%3E%3C%2Fg%3E%3Crect x%3D%221.44897%22 y%3D%221.5%22 width%3D%2238%22 height%3D%2238%22 rx%3D%2219%22 stroke%3D%22white%22 stroke-width%3D%222%22%2F%3E%3Cpath d%3D%22M12.449 15.5L13.449 11.5H27.449L28.449 15.5%22 stroke%3D%22white%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Cpath d%3D%22M28.449 15.5V28.5C28.449 28.7652 28.3436 29.0196 28.1561 29.2071C27.9686 29.3946 27.7142 29.5 27.449 29.5H13.449C13.1838 29.5 12.9294 29.3946 12.7419 29.2071C12.5543 29.0196 12.449 28.7652 12.449 28.5V15.5%22 stroke%3D%22white%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Cpath d%3D%22M12.449 15.5H28.449%22 stroke%3D%22white%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Cpath d%3D%22M17.449 21.5H23.449V29.5H17.449V21.5Z%22 stroke%3D%22white%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Cdefs%3E%3Cfilter id%3D%22filter0_ii_marketplace%22 x%3D%22-0.551025%22 y%3D%22-2.5%22 width%3D%2242%22 height%3D%2244%22 filterUnits%3D%22userSpaceOnUse%22 color-interpolation-filters%3D%22sRGB%22%3E%3CfeFlood flood-opacity%3D%220%22 result%3D%22BackgroundImageFix%22%2F%3E%3CfeBlend mode%3D%22normal%22 in%3D%22SourceGraphic%22 in2%3D%22BackgroundImageFix%22 result%3D%22shape%22%2F%3E%3CfeColorMatrix in%3D%22SourceAlpha%22 type%3D%22matrix%22 values%3D%220 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0%22 result%3D%22hardAlpha%22%2F%3E%3CfeOffset dx%3D%22-1%22 dy%3D%22-3%22%2F%3E%3CfeGaussianBlur stdDeviation%3D%222%22%2F%3E%3CfeComposite in2%3D%22hardAlpha%22 operator%3D%22arithmetic%22 k2%3D%22-1%22 k3%3D%221%22%2F%3E%3CfeColorMatrix type%3D%22matrix%22 values%3D%220 0 0 0 0.454545 0 0 0 0 0.544866 0 0 0 0 0.617122 0 0 0 0.35 0%22%2F%3E%3CfeBlend mode%3D%22normal%22 in2%3D%22shape%22 result%3D%22effect1_innerShadow_marketplace%22%2F%3E%3CfeColorMatrix in%3D%22SourceAlpha%22 type%3D%22matrix%22 values%3D%220 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0%22 result%3D%22hardAlpha%22%2F%3E%3CfeOffset dx%3D%221%22 dy%3D%221%22%2F%3E%3CfeGaussianBlur stdDeviation%3D%222.5%22%2F%3E%3CfeComposite in2%3D%22hardAlpha%22 operator%3D%22arithmetic%22 k2%3D%22-1%22 k3%3D%221%22%2F%3E%3CfeColorMatrix type%3D%22matrix%22 values%3D%220 0 0 0 0.121569 0 0 0 0 0.231373 0 0 0 0 0.376471 0 0 0 0.2 0%22%2F%3E%3CfeBlend mode%3D%22normal%22 in2%3D%22effect1_innerShadow_marketplace%22 result%3D%22effect2_innerShadow_marketplace%22%2F%3E%3C%2Ffilter%3E%3ClinearGradient id%3D%22paint0_linear_marketplace%22 x1%3D%2223.449%22 y1%3D%2236.5%22 x2%3D%2221.949%22 y2%3D%225.5%22 gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop stop-color%3D%22%2336B6F9%22%2F%3E%3Cstop offset%3D%221%22 stop-color%3D%22%23377FC4%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3C%2Fsvg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
}
@media (max-width: 500px) {
  .Marketplace-icon-filled {
    margin-top: 0.7rem;
  }
}
.Notification-icon-filled {
  width: 40px;
  height: 40px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2241%22 height%3D%2241%22 viewBox%3D%220%200%2041%2041%22 fill%3D%22none%22%3E%3Crect x%3D%221.44897%22 y%3D%221.5%22 width%3D%2238%22 height%3D%2238%22 rx%3D%2219%22 fill%3D%22white%22%2F%3E%3Crect x%3D%221.44897%22 y%3D%221.5%22 width%3D%2238%22 height%3D%2238%22 rx%3D%2219%22 stroke%3D%22white%22 stroke-width%3D%222%22%2F%3E%3Cg filter%3D%22url(%23filter0_ii_notification)%22%3E%3Crect x%3D%220.448975%22 y%3D%220.5%22 width%3D%2240%22 height%3D%2240%22 rx%3D%2220%22 fill%3D%22url(%23paint0_linear_notification)%22%2F%3E%3C%2Fg%3E%3Crect x%3D%221.44897%22 y%3D%221.5%22 width%3D%2238%22 height%3D%2238%22 rx%3D%2219%22 stroke%3D%22white%22 stroke-width%3D%222%22%2F%3E%3Cpath d%3D%22M15.449 17C15.449 15.6739 15.9758 14.4021 16.9135 13.4645C17.8511 12.5268 19.1229 12 20.449 12C21.7751 12 23.0469 12.5268 23.9845 13.4645C24.9222 14.4021 25.449 15.6739 25.449 17C25.449 23 28.449 25 28.449 25H12.449C12.449 25 15.449 23 15.449 17Z%22 stroke%3D%22white%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Cpath d%3D%22M18.949 29C19.1272 29.3044 19.3771 29.5583 19.6763 29.7352C19.9755 29.9121 20.3143 30.0053 20.659 30.0053C21.0037 30.0053 21.3425 29.9121 21.6417 29.7352C21.9409 29.5583 22.1908 29.3044 22.369 29%22 stroke%3D%22white%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Cdefs%3E%3Cfilter id%3D%22filter0_ii_notification%22 x%3D%22-0.551025%22 y%3D%22-2.5%22 width%3D%2242%22 height%3D%2244%22 filterUnits%3D%22userSpaceOnUse%22 color-interpolation-filters%3D%22sRGB%22%3E%3CfeFlood flood-opacity%3D%220%22 result%3D%22BackgroundImageFix%22%2F%3E%3CfeBlend mode%3D%22normal%22 in%3D%22SourceGraphic%22 in2%3D%22BackgroundImageFix%22 result%3D%22shape%22%2F%3E%3CfeColorMatrix in%3D%22SourceAlpha%22 type%3D%22matrix%22 values%3D%220 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0%22 result%3D%22hardAlpha%22%2F%3E%3CfeOffset dx%3D%22-1%22 dy%3D%22-3%22%2F%3E%3CfeGaussianBlur stdDeviation%3D%222%22%2F%3E%3CfeComposite in2%3D%22hardAlpha%22 operator%3D%22arithmetic%22 k2%3D%22-1%22 k3%3D%221%22%2F%3E%3CfeColorMatrix type%3D%22matrix%22 values%3D%220 0 0 0 0.454545 0 0 0 0 0.544866 0 0 0 0 0.617122 0 0 0 0.35 0%22%2F%3E%3CfeBlend mode%3D%22normal%22 in2%3D%22shape%22 result%3D%22effect1_innerShadow_notification%22%2F%3E%3CfeColorMatrix in%3D%22SourceAlpha%22 type%3D%22matrix%22 values%3D%220 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0%22 result%3D%22hardAlpha%22%2F%3E%3CfeOffset dx%3D%221%22 dy%3D%221%22%2F%3E%3CfeGaussianBlur stdDeviation%3D%222.5%22%2F%3E%3CfeComposite in2%3D%22hardAlpha%22 operator%3D%22arithmetic%22 k2%3D%22-1%22 k3%3D%221%22%2F%3E%3CfeColorMatrix type%3D%22matrix%22 values%3D%220 0 0 0 0.121569 0 0 0 0 0.231373 0 0 0 0 0.376471 0 0 0 0.2 0%22%2F%3E%3CfeBlend mode%3D%22normal%22 in2%3D%22effect1_innerShadow_notification%22 result%3D%22effect2_innerShadow_notification%22%2F%3E%3C%2Ffilter%3E%3ClinearGradient id%3D%22paint0_linear_notification%22 x1%3D%2223.449%22 y1%3D%2236.5%22 x2%3D%2221.949%22 y2%3D%225.5%22 gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop stop-color%3D%22%2336B6F9%22%2F%3E%3Cstop offset%3D%221%22 stop-color%3D%22%23377FC4%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3C%2Fsvg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  position: relative;
}
@media (max-width: 500px) {
  .Notification-icon-filled {
    margin-top: 0.7rem;
  }
}
.Home-icon {
  width: 40px;
  height: 40px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2241%22 height%3D%2241%22 viewBox%3D%220%200%2041%2041%22 fill%3D%22none%22%3E%3Crect x%3D%221.44897%22 y%3D%221.5%22 width%3D%2238%22 height%3D%2238%22 rx%3D%2219%22 fill%3D%22white%22%2F%3E%3Crect x%3D%221.44897%22 y%3D%221.5%22 width%3D%2238%22 height%3D%2238%22 rx%3D%2219%22 stroke%3D%22%23E0E0E0%22 stroke-width%3D%222%22%2F%3E%3Cpath d%3D%22M10.449 20.5L20.449 12.5L30.449 20.5V28.5C30.449 29.0304 30.238 29.5391 29.8629 29.9142C29.4878 30.2893 28.9792 30.5 28.449 30.5H12.449C11.9185 30.5 11.4099 30.2893 11.0348 29.9142C10.6597 29.5391 10.449 29.0304 10.449 28.5V20.5Z%22 stroke%3D%22%23377FC4%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Cpath d%3D%22M16.449 30.5V20.5H24.449V30.5%22 stroke%3D%22%23377FC4%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
}
@media (max-width: 500px) {
  .Home-icon {
    margin-top: 0.7rem;
  }
}
.Settings-icon {
  width: 40px;
  height: 40px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2241%22 height%3D%2241%22 viewBox%3D%220%200%2041%2041%22 fill%3D%22none%22%3E%3Crect x%3D%221.44897%22 y%3D%221.5%22 width%3D%2238%22 height%3D%2238%22 rx%3D%2219%22 fill%3D%22white%22%2F%3E%3Crect x%3D%221.44897%22 y%3D%221.5%22 width%3D%2238%22 height%3D%2238%22 rx%3D%2219%22 stroke%3D%22%23E0E0E0%22 stroke-width%3D%222%22%2F%3E%3Cpath d%3D%22M20.449 26.5C23.7627 26.5 26.449 23.8137 26.449 20.5C26.449 17.1863 23.7627 14.5 20.449 14.5C17.1353 14.5 14.449 17.1863 14.449 20.5C14.449 23.8137 17.1353 26.5 20.449 26.5Z%22 stroke%3D%22%23377FC4%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Cpath d%3D%22M20.449 14.5V11.5%22 stroke%3D%22%23377FC4%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Cpath d%3D%22M20.449 29.5V26.5%22 stroke%3D%22%23377FC4%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Cpath d%3D%22M14.449 17L12.049 15.5%22 stroke%3D%22%23377FC4%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Cpath d%3D%22M28.849 25.5L26.449 24%22 stroke%3D%22%23377FC4%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Cpath d%3D%22M14.449 24L12.049 25.5%22 stroke%3D%22%23377FC4%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Cpath d%3D%22M28.849 15.5L26.449 17%22 stroke%3D%22%23377FC4%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
}
@media (max-width: 500px) {
  .Settings-icon {
    margin-top: 0.7rem;
  }
}
.Notification-icon {
  width: 40px;
  height: 40px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2241%22 height%3D%2241%22 viewBox%3D%220%200%2041%2041%22 fill%3D%22none%22%3E%3Crect x%3D%221.44897%22 y%3D%221.5%22 width%3D%2238%22 height%3D%2238%22 rx%3D%2219%22 fill%3D%22white%22%2F%3E%3Crect x%3D%221.44897%22 y%3D%221.5%22 width%3D%2238%22 height%3D%2238%22 rx%3D%2219%22 stroke%3D%22%23E0E0E0%22 stroke-width%3D%222%22%2F%3E%3Cpath d%3D%22M15.449 17C15.449 15.6739 15.9758 14.4021 16.9135 13.4645C17.8511 12.5268 19.1229 12 20.449 12C21.7751 12 23.0469 12.5268 23.9845 13.4645C24.9222 14.4021 25.449 15.6739 25.449 17C25.449 23 28.449 25 28.449 25H12.449C12.449 25 15.449 23 15.449 17Z%22 stroke%3D%22%23377FC4%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Cpath d%3D%22M18.949 29C19.1272 29.3044 19.3771 29.5583 19.6763 29.7352C19.9755 29.9121 20.3143 30.0053 20.659 30.0053C21.0037 30.0053 21.3425 29.9121 21.6417 29.7352C21.9409 29.5583 22.1908 29.3044 22.369 29%22 stroke%3D%22%23377FC4%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  position: relative;
}
@media (max-width: 500px) {
  .Notification-icon {
    margin-top: 0.7rem;
  }
}
.multi-user-circle {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_3227_91534)'%3E%3Cpath d='M15.9777 9.9574C17.0705 9.9574 17.9564 9.0715 17.9564 7.9787C17.9564 6.88589 17.0705 6 15.9777 6C14.8849 6 13.999 6.88589 13.999 7.9787C13.999 9.0715 14.8849 9.9574 15.9777 9.9574Z' stroke='%2313911B' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M18.5646 14.9575V13.9681C18.5646 12.3289 17.2358 11 15.5965 11C14.4787 11 13.5052 11.6179 12.999 12.5308' stroke='%2313911B' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7.97772 9.9574C9.07053 9.9574 9.95642 9.0715 9.95642 7.9787C9.95642 6.88589 9.07053 6 7.97772 6C6.88492 6 5.99902 6.88589 5.99902 7.9787C5.99902 9.0715 6.88492 9.9574 7.97772 9.9574Z' stroke='%2313911B' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4.99902 14.9575V13.9681C4.99902 12.3289 6.32789 11 7.96714 11C9.08494 11 10.0584 11.6179 10.5646 12.5308' stroke='%2313911B' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M11.9777 15.9574C13.0705 15.9574 13.9564 15.0715 13.9564 13.9787C13.9564 12.8859 13.0705 12 11.9777 12C10.8849 12 9.99902 12.8859 9.99902 13.9787C9.99902 15.0715 10.8849 15.9574 11.9777 15.9574Z' stroke='%2313911B' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M14.9352 19.968C14.9352 18.3288 13.6064 17 11.9671 17C10.3279 17 8.99902 18.3288 8.99902 19.968' stroke='%2313911B' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cpath d='M11.999 23C18.0742 23 22.999 18.0752 22.999 12C22.999 5.92487 18.0742 1 11.999 1C5.92389 1 0.999023 5.92487 0.999023 12C0.999023 18.0752 5.92389 23 11.999 23Z' stroke='%2313911B' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cdefs%3E%3CclipPath id='clip0_3227_91534'%3E%3Crect width='15.3899' height='15.3899' fill='white' transform='translate(3.99902 5)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  width: 36px;
  height: 36px;
}
.collapse-icon {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg width%3D%2217%22 height%3D%2223%22 viewBox%3D%220%200%2017%2023%22 fill%3D%22none%22 xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath d%3D%22M14.9623 11.6916C14.9244 11.783 14.8604 11.8611 14.7782 11.916C14.6959 11.971 14.5993 12.0003 14.5004 12.0004H12.0004V17.0004C12.0004 17.2656 11.895 17.5199 11.7075 17.7075C11.52 17.895 11.2656 18.0004 11.0004 18.0004H6.00039C5.73518 18.0004 5.48082 17.895 5.29329 17.7075C5.10575 17.5199 5.00039 17.2656 5.00039 17.0004V12.0004H2.50039C2.40145 12.0004 2.3047 11.9712 2.2224 11.9162C2.14011 11.8613 2.07596 11.7832 2.03808 11.6918C2.00021 11.6003 1.9903 11.4998 2.00963 11.4027C2.02895 11.3057 2.07664 11.2165 2.14664 11.1466L8.14664 5.14662C8.19308 5.10013 8.24822 5.06325 8.30892 5.03809C8.36962 5.01292 8.43469 4.99997 8.50039 4.99997C8.5661 4.99997 8.63116 5.01292 8.69186 5.03809C8.75256 5.06325 8.80771 5.10013 8.85414 5.14662L14.8541 11.1466C14.924 11.2166 14.9716 11.3057 14.9909 11.4027C15.0101 11.4997 15.0002 11.6003 14.9623 11.6916ZM8.50039 6.20724L3.70727 11.0004H5.50039C5.633 11.0004 5.76018 11.053 5.85395 11.1468C5.94772 11.2406 6.00039 11.3678 6.00039 11.5004V17.0004H11.0004V11.5004C11.0004 11.3678 11.0531 11.2406 11.1468 11.1468C11.2406 11.053 11.3678 11.0004 11.5004 11.0004H13.2935L8.50039 6.20724Z%22 fill%3D%22%23377FC4%22/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  width: 38px;
  height: 38px;
  margin-left: 5px;
  margin-top: 2px;
}
.expand-icon {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg width%3D%2217%22 height%3D%2223%22 viewBox%3D%220%200%2017%2023%22 fill%3D%22none%22 xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath d%3D%22M14.9623 11.3088C14.9244 11.2174 14.8604 11.1393 14.7782 11.0843C14.6959 11.0294 14.5993 11 14.5004 11H12.0004V6C12.0004 5.73478 11.895 5.48043 11.7075 5.29289C11.52 5.10536 11.2656 5 11.0004 5H6.00039C5.73518 5 5.48082 5.10536 5.29329 5.29289C5.10575 5.48043 5.00039 5.73478 5.00039 6V11H2.50039C2.40145 10.9999 2.3047 11.0292 2.2224 11.0841C2.14011 11.1391 2.07596 11.2172 2.03808 11.3086C2.00021 11.4 1.9903 11.5006 2.00963 11.5977C2.02895 11.6947 2.07664 11.7838 2.14664 11.8538L8.14664 17.8538C8.19308 17.9002 8.24822 17.9371 8.30892 17.9623C8.36962 17.9874 8.43469 18.0004 8.50039 18.0004C8.5661 18.0004 8.63116 17.9874 8.69186 17.9623C8.75256 17.9371 8.80771 17.9002 8.85414 17.8538L14.8541 11.8538C14.924 11.7838 14.9716 11.6947 14.9909 11.5977C15.0101 11.5006 15.0002 11.4001 14.9623 11.3088ZM8.50039 16.7931L3.70727 12H5.50039C5.633 12 5.76018 11.9473 5.85395 11.8536C5.94772 11.7598 6.00039 11.6326 6.00039 11.5V6H11.0004V11.5C11.0004 11.6326 11.0531 11.7598 11.1468 11.8536C11.2406 11.9473 11.3678 12 11.5004 12H13.2935L8.50039 16.7931Z%22 fill%3D%22%23377FC4%22/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  width: 38px;
  height: 38px;
  margin-left: 5px;
  margin-top: 2px;
}
.both-direction-icon {
  background-image: url('data:image/svg+xml,<svg width="17" height="23" viewBox="0 0 17 23" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M15.7724 7.48445C15.7322 7.58153 15.6641 7.66452 15.5768 7.72291C15.4894 7.7813 15.3867 7.81248 15.2817 7.8125H12.6254V9.40625C12.6254 9.54715 12.5694 9.68227 12.4698 9.7819C12.3702 9.88153 12.2351 9.9375 12.0942 9.9375H5.71917C5.57827 9.9375 5.44315 9.88153 5.34352 9.7819C5.24389 9.68227 5.18792 9.54715 5.18792 9.40625V7.8125H2.53167C2.42654 7.81258 2.32374 7.78147 2.2363 7.7231C2.14886 7.66473 2.08071 7.58173 2.04046 7.48461C2.00022 7.38748 1.9897 7.2806 2.01023 7.17749C2.03076 7.07439 2.08143 6.97969 2.15581 6.90539L8.53081 0.530391C8.58015 0.480997 8.63874 0.441812 8.70323 0.415077C8.76772 0.388342 8.83685 0.374582 8.90667 0.374582C8.97648 0.374582 9.04561 0.388342 9.11011 0.415077C9.1746 0.441812 9.23319 0.480997 9.28253 0.530391L15.6575 6.90539C15.7318 6.97973 15.7824 7.07442 15.8028 7.1775C15.8233 7.28057 15.8127 7.38739 15.7724 7.48445ZM8.90667 1.6573L3.81397 6.75H5.71917C5.86006 6.75 5.99519 6.80597 6.09482 6.9056C6.19445 7.00523 6.25042 7.14035 6.25042 7.28125V8.875H11.5629V7.28125C11.5629 7.14035 11.6189 7.00523 11.7185 6.9056C11.8181 6.80597 11.9533 6.75 12.0942 6.75H13.9994L8.90667 1.6573ZM5.18792 11.5312C5.18792 11.6721 5.24389 11.8073 5.34352 11.9069C5.44315 12.0065 5.57827 12.0625 5.71917 12.0625H12.0942C12.2351 12.0625 12.3702 12.0065 12.4698 11.9069C12.5694 11.8073 12.6254 11.6721 12.6254 11.5312C12.6254 11.3904 12.5694 11.2552 12.4698 11.1556C12.3702 11.056 12.2351 11 12.0942 11H5.71917C5.57827 11 5.44315 11.056 5.34352 11.1556C5.24389 11.2552 5.18792 11.3904 5.18792 11.5312Z" fill="%23377FC4"/><path d="M15.7724 15.5155C15.7322 15.4185 15.6641 15.3355 15.5768 15.2771C15.4894 15.2187 15.3867 15.1875 15.2817 15.1875H12.6254V13.5938C12.6254 13.4529 12.5694 13.3177 12.4698 13.2181C12.3702 13.1185 12.2351 13.0625 12.0942 13.0625H5.71917C5.57827 13.0625 5.44315 13.1185 5.34352 13.2181C5.24389 13.3177 5.18792 13.4529 5.18792 13.5938V15.1875H2.53167C2.42654 15.1874 2.32374 15.2185 2.2363 15.2769C2.14886 15.3353 2.08071 15.4183 2.04046 15.5154C2.00022 15.6125 1.9897 15.7194 2.01023 15.8225C2.03076 15.9256 2.08143 16.0203 2.15581 16.0946L8.53081 22.4696C8.58015 22.519 8.63874 22.5582 8.70323 22.5849C8.76772 22.6117 8.83685 22.6254 8.90667 22.6254C8.97648 22.6254 9.04561 22.6117 9.11011 22.5849C9.1746 22.5582 9.23319 22.519 9.28253 22.4696L15.6575 16.0946C15.7318 16.0203 15.7824 15.9256 15.8028 15.8225C15.8233 15.7194 15.8127 15.6126 15.7724 15.5155ZM8.90667 21.3427L3.81397 16.25H5.71917C5.86006 16.25 5.99519 16.194 6.09482 16.0944C6.19445 15.9948 6.25042 15.8596 6.25042 15.7188V14.125H11.5629V15.7188C11.5629 15.8596 11.6189 15.9948 11.7185 16.0944C11.8181 16.194 11.9533 16.25 12.0942 16.25H13.9994L8.90667 21.3427Z" fill="%23377FC4"/></svg>');
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-left: 5px;
}
.lock-rotation {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='23' viewBox='0 0 22 23' fill='none'%3E %3Cpath d='M13.643 1.55893C18.1478 2.6231 21.5001 6.67 21.5001 11.4999C21.5001 17.1411 16.9271 21.7142 11.2858 21.7142C5.64463 21.7142 1.07153 17.1411 1.07153 11.4999C1.07153 7.55925 3.30313 4.13969 6.57153 2.43626' stroke='%2313911B' stroke-linecap='round'/%3E %3Cpath d='M3.42871 1.28566L7.35728 1.28566L7.35728 5.21423' stroke='%2313911B' stroke-linecap='round' stroke-linejoin='round'/%3E %3Cpath d='M7.75024 15.0356V11.8928C7.75024 11.4588 8.10202 11.1071 8.53596 11.1071H14.036C14.4699 11.1071 14.8217 11.4588 14.8217 11.8928V15.0356C14.8217 15.4696 14.4699 15.8213 14.036 15.8213H8.53596C8.10202 15.8213 7.75024 15.4696 7.75024 15.0356Z' stroke='%2313911B' stroke-linejoin='round'/%3E %3Cpath d='M8.92847 11.107V9.53561C8.92847 8.23379 9.98379 7.17847 11.2856 7.17847C12.5874 7.17847 13.6428 8.23379 13.6428 9.53561V11.107' stroke='%2313911B' stroke-linecap='round' stroke-linejoin='round'/%3E %3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  width: 22px;
  height: 22px;
}
.info-circle {
  background-image: url("data:image/svg+xml,%3Csvg width='26' height='29' viewBox='0 0 26 29' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='information-circle--information-frame-info-more-help-point-circle'%3E%3Cg id='information-circle--information-frame-info-more-help-point-circle_2'%3E%3Cpath id='Vector' d='M13 21.4832C16.5899 21.4832 19.5 18.5731 19.5 14.9832C19.5 11.3933 16.5899 8.48315 13 8.48315C9.41015 8.48315 6.5 11.3933 6.5 14.9832C6.5 18.5731 9.41015 21.4832 13 21.4832Z' stroke='%2326A3E3' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath id='Vector_2' d='M11.5 17.9832H14.5' stroke='%2326A3E3' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath id='Vector_3' d='M13 17.9832V14.4832H12' stroke='%2326A3E3' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cg id='Group 2605'%3E%3Cpath id='Ellipse 1111' d='M13 12.2332C12.8619 12.2332 12.75 12.1212 12.75 11.9832C12.75 11.8451 12.8619 11.7332 13 11.7332' stroke='%2326A3E3' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath id='Ellipse 1112' d='M13 12.2332C13.1381 12.2332 13.25 12.1212 13.25 11.9832C13.25 11.8451 13.1381 11.7332 13 11.7332' stroke='%2326A3E3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  width: 22px;
  height: 22px;
}
.action-icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='30' viewBox='0 0 32 30' fill='none'%3E%3Cg id='ai-generate-portrait-image-spark--picture-photography-photo-image-artificial-intelligence-ai'%3E%3Cg id='ai-generate-variation-spark--module-application-artificial-intelligence-ai'%3E%3Cg id='Group 631'%3E%3Cpath id='Vector' d='M13.3843 16.9424H7.67115C7.29995 16.9424 6.99902 17.2499 6.99902 17.6292V23.4673C6.99902 23.8466 7.29995 24.1541 7.67115 24.1541H13.3843C13.7555 24.1541 14.0564 23.8466 14.0564 23.4673V17.6292C14.0564 17.2499 13.7555 16.9424 13.3843 16.9424Z' stroke='%23377FC4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath id='Vector_2' d='M24.3272 16.9424H18.614C18.2428 16.9424 17.9419 17.2499 17.9419 17.6292V23.4673C17.9419 23.8466 18.2428 24.1541 18.614 24.1541H24.3272C24.6984 24.1541 24.9992 23.8466 24.9992 23.4673V17.6292C24.9992 17.2499 24.6984 16.9424 24.3272 16.9424Z' stroke='%23377FC4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath id='Vector_3' d='M13.3843 6H7.67115C7.29995 6 6.99902 6.30751 6.99902 6.68683V12.5249C6.99902 12.9043 7.29995 13.2118 7.67115 13.2118H13.3843C13.7555 13.2118 14.0564 12.9043 14.0564 12.5249V6.68683C14.0564 6.30751 13.7555 6 13.3843 6Z' stroke='%23377FC4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath id='Vector 2136' d='M17.158 10.1382C16.7442 10.0646 16.7442 9.45753 17.158 9.38396C18.6573 9.11742 19.8498 7.95045 20.1753 6.43133L20.2002 6.31488C20.2897 5.89692 20.8721 5.89431 20.9652 6.31146L20.9954 6.44717C21.333 7.95913 22.5258 9.11624 24.021 9.38203C24.4369 9.45598 24.4369 10.0662 24.021 10.1401C22.5258 10.4059 21.333 11.563 20.9954 13.075L20.9652 13.2107C20.8721 13.6278 20.2897 13.6252 20.2002 13.2073L20.1753 13.0908C19.8498 11.5717 18.6573 10.4047 17.158 10.1382Z' stroke='%23377FC4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  width: 28px;
  height: 28px;
}
.default-icon {
  position: relative;
  top: 2px;
  left: 2px;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='20'%20height='20'%20viewBox='0%200%20100%20100'%20fill='none'%3E%3Ccircle%20cx='50'%20cy='50'%20r='40'%20fill='none'%20stroke='%23CBD5E0'%20stroke-width='4'/%3E%3Ccircle%20cx='50'%20cy='50'%20r='10'%20fill='%23CBD5E0'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.center-icon {
  position: relative;
  top: 2px;
  left: 2px;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='20'%20height='20'%20viewBox='0%200%20100%20100'%20fill='none'%3E%3Ccircle%20cx='50'%20cy='50'%20r='40'%20fill='%234A90E2'%20opacity='0.2'/%3E%3Ccircle%20cx='50'%20cy='50'%20r='25'%20fill='%234A90E2'%20opacity='0.5'/%3E%3Ccircle%20cx='50'%20cy='50'%20r='12'%20fill='%234A90E2'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.center-organization-icon {
  position: relative;
  top: 2px;
  left: 2px;
  background-image: url("data:image/svg+xml,%3Csvg%20width='22'%20height='22'%20viewBox='0%200%2022%2022'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20d='M18.8734%2011.6619C18.8734%2016.3958%2015.0358%2020.2334%2010.3019%2020.2334C5.56803%2020.2334%201.73047%2016.3958%201.73047%2011.6619C1.73047%206.92807%205.56803%203.09052%2010.3019%203.09052'%20stroke='%2326A3E3'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3Cpath%20d='M1.73047%2011.662H11.6206'%20stroke='%2326A3E3'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3Cpath%20d='M10.3016%203.09082C8.32135%205.52596%207.16681%208.52775%207.00488%2011.6622C7.16681%2014.7967%208.32135%2017.7986%2010.3016%2020.2337C11.8606%2018.3166%2012.9078%2016.0481%2013.3618%2013.6403'%20stroke='%2326A3E3'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3Cpath%20d='M11.5772%206.67224C11.0758%206.58503%2011.0758%205.86534%2011.5772%205.77813C13.3934%205.46216%2014.8379%204.07879%2015.2322%202.27792L15.2624%202.13988C15.3708%201.6444%2016.0764%201.64132%2016.1891%202.13583L16.2258%202.2967C16.6347%204.08906%2018.0795%205.46076%2019.8908%205.77586C20.3947%205.86351%2020.3947%206.58686%2019.8908%206.67453C18.0795%206.98961%2016.6347%208.36131%2016.2258%2010.1537L16.1891%2010.3145C16.0764%2010.8091%2015.3708%2010.806%2015.2624%2010.3105L15.2322%2010.1725C14.8379%208.3716%2013.3934%206.98821%2011.5772%206.67224Z'%20stroke='%2326A3E3'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.center-department-icon {
  position: relative;
  top: 2px;
  left: 2px;
  background-image: url("data:image/svg+xml,%3Csvg%20width='22'%20height='22'%20viewBox='0%200%2022%2022'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20d='M20.24%205.70098L12.2015%201.18573C11.9868%201.0639%2011.7454%201%2011.5%201C11.2546%201%2011.0132%201.0639%2010.7985%201.18573L2.76%205.70286C2.53044%205.8318%202.33881%206.02165%202.20512%206.25259C2.07143%206.48352%202.00059%206.74706%202%207.0157V15.9843C2.00059%2016.2529%202.07143%2016.5165%202.20512%2016.7474C2.33881%2016.9783%202.53044%2017.1682%202.76%2017.2971L10.7985%2021.8143C11.0132%2021.9361%2011.2546%2022%2011.5%2022C11.7454%2022%2011.9868%2021.9361%2012.2015%2021.8143L20.24%2017.2971C20.4696%2017.1682%2020.6612%2016.9783%2020.7949%2016.7474C20.9286%2016.5165%2020.9994%2016.2529%2021%2015.9843V7.01664C20.9999%206.74752%2020.9293%206.48339%2020.7956%206.25192C20.6619%206.02045%2020.47%205.83015%2020.24%205.70098ZM11.5%202.49858L18.8387%206.62466L11.5%2010.7507L4.16125%206.62466L11.5%202.49858ZM3.46154%207.9375L10.7692%2012.043V20.0879L3.46154%2015.9852V7.9375ZM12.2308%2020.0879V12.0467L19.5385%207.9375V15.9815L12.2308%2020.0879Z'%20fill='%2326A3E3'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.center-group-icon {
  position: relative;
  top: 2px;
  left: 2px;
  background-image: url("data:image/svg+xml,%3Csvg%20width='22'%20height='22'%20viewBox='0%200%2022%2022'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20d='M11.3931%2021C16.6988%2021%2021%2016.6988%2021%2011.3931C21%206.0873%2016.6988%201.78613%2011.3931%201.78613C6.0873%201.78613%201.78613%206.0873%201.78613%2011.3931C1.78613%2016.6988%206.0873%2021%2011.3931%2021Z'%20stroke='%2326A3E3'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3Cpath%20d='M12.8136%2015.8069L12.8136%2015.8069C12.387%2015.1195%2011.8034%2014.5551%2011.1163%2014.1645C10.4292%2013.7739%209.66002%2013.5695%208.8787%2013.5695C8.09738%2013.5695%207.32824%2013.7739%206.64111%2014.1645C5.9541%2014.555%205.37068%2015.1193%204.94409%2015.8065C4.90533%2015.8706%204.85466%2015.9263%204.79487%2015.9701C4.73495%2016.0141%204.6671%2016.0452%204.59521%2016.0617C4.52332%2016.0781%204.44899%2016.0794%204.3766%2016.0654C4.30422%2016.0515%204.23538%2016.0227%204.17408%2015.9808C4.11278%2015.9389%204.06027%2015.8848%204.01945%2015.8219C3.97864%2015.7589%203.95029%2015.6883%203.93591%2015.614C3.92152%2015.5398%203.92137%2015.4634%203.93544%2015.3891L4.00912%2015.4031L3.93544%2015.3891C3.94948%2015.315%203.97743%2015.2444%204.01781%2015.1814C4.01791%2015.1813%204.01802%2015.1811%204.01813%2015.1809L4.08123%2015.2215C4.73642%2014.165%205.69269%2013.3528%206.8131%2012.8993L12.8136%2015.8069ZM12.8136%2015.8069L12.8142%2015.8078C12.8946%2015.933%2013.0194%2016.021%2013.1625%2016.0514C13.3056%2016.0818%2013.4542%2016.0519%2013.5759%2015.9688C13.6974%2015.8858%2013.7819%2015.7567%2013.8124%2015.6101C13.8429%2015.4635%2013.8172%2015.3101%2013.7404%2015.1827L13.7399%2015.1819C13.0849%2014.1258%2012.1322%2013.31%2011.015%2012.8472C11.6128%2012.3961%2012.0667%2011.7656%2012.3161%2011.0384C12.5807%2010.2667%2012.6013%209.42644%2012.3747%208.64166C12.1481%207.85685%2011.6863%207.16863%2011.0568%206.67915C10.4273%206.18963%209.66361%205.925%208.8787%205.925C8.09379%205.925%207.33011%206.18963%206.70058%206.67915C6.07111%207.16863%205.60928%207.85685%205.38271%208.64166C5.15615%209.42644%205.17667%2010.2667%205.4413%2011.0384C5.6907%2011.7656%206.14462%2012.3961%206.74236%2012.8472L12.8136%2015.8069Z'%20fill='%2326A3E3'%20stroke='%2326A3E3'%20stroke-width='0.15'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.center-sphere-icon {
  position: relative;
  top: 2px;
  left: 2px;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='20'%20height='20'%20viewBox='0%200%20100%20100'%20fill='none'%3E%3Ccircle%20cx='50'%20cy='50'%20r='40'%20fill='%2348BB78'%20opacity='0.3'/%3E%3Ccircle%20cx='50'%20cy='50'%20r='20'%20fill='%2348BB78'/%3E%3Cpath%20d='M50%2010%20A40%2040%200%200%201%2090%2050'%20stroke='%2334D399'%20stroke-width='4'%20fill='none'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.center-subject-icon {
  position: relative;
  top: 2px;
  left: 2px;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='20'%20height='20'%20viewBox='0%200%20100%20100'%20fill='none'%3E%3Ccircle%20cx='50'%20cy='50'%20r='40'%20fill='none'%20stroke='%23805AD5'%20stroke-width='4'/%3E%3Ccircle%20cx='50'%20cy='50'%20r='20'%20fill='%23805AD5'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.center-perspective-icon {
  position: relative;
  top: 2px;
  left: 2px;
  background-image: url("data:image/svg+xml,%3Csvg%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cg%20clip-path='url(%23clip0_4902_122453)'%3E%3Cpath%20d='M4.35352%2013.0213C5.35639%2011.6788%206.95802%2010.8097%208.76263%2010.8097C10.0473%2010.8097%2011.2291%2011.2501%2012.1652%2011.9883'%20stroke='%2326A3E3'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3Cpath%20d='M7.97669%2016.7026H2.47669C2.05994%2016.7026%201.66023%2016.5369%201.36553%2016.2423C1.07083%2015.9476%200.905273%2015.5479%200.905273%2015.1311V2.55972C0.905273%202.14294%201.07083%201.74325%201.36553%201.44854C1.66023%201.15384%202.05994%200.988281%202.47669%200.988281H15.0481C15.4649%200.988281%2015.8646%201.15384%2016.1594%201.44854C16.454%201.74325%2016.6196%202.14294%2016.6196%202.55972V7.274'%20stroke='%2326A3E3'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3Cpath%20d='M8.76242%208.45257C10.0642%208.45257%2011.1196%207.39723%2011.1196%206.09542C11.1196%204.79361%2010.0642%203.73828%208.76242%203.73828C7.46061%203.73828%206.40527%204.79361%206.40527%206.09542C6.40527%207.39723%207.46061%208.45257%208.76242%208.45257Z'%20stroke='%2326A3E3'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3Cpath%20d='M11.5327%2016.5988C10.9813%2016.5028%2010.9813%2015.7111%2011.5327%2015.6152C13.5306%2015.2676%2015.1196%2013.7459%2015.5532%2011.765L15.5865%2011.6131C15.7058%2011.0681%2016.4819%2011.0647%2016.6059%2011.6087L16.6462%2011.7856C17.096%2013.7572%2018.6853%2015.2661%2020.6777%2015.6127C21.232%2015.7091%2021.232%2016.5048%2020.6777%2016.6013C18.6853%2016.9478%2017.096%2018.4567%2016.6462%2020.4284L16.6059%2020.6053C16.4819%2021.1492%2015.7058%2021.1459%2015.5865%2020.6007L15.5532%2020.4489C15.1196%2018.468%2013.5306%2016.9462%2011.5327%2016.5988Z'%20stroke='%2326A3E3'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.center-time-action-icon {
  position: relative;
  top: 2px;
  left: 2px;
  background-image: url("data:image/svg+xml,%3Csvg%20width='22'%20height='22'%20viewBox='0%200%2022%2022'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20d='M10.9694 9.7819C11.0391 9.85164 11.1218 9.90696 11.2128 9.94471C11.3039 9.98245 11.4014 10.0019 11.5 10.0019C11.5986 10.0019 11.6961 9.98245 11.7872 9.94471C11.8782 9.90696 11.9609 9.85164 12.0306 9.7819L15.7804 6.03161C15.8501 5.96195 15.9054 5.87922 15.9432 5.78817C15.9809 5.69711 16.0003 5.59951 16.0003 5.50094C16.0003 5.40237 15.9809 5.30477 15.9432 5.21371C15.9054 5.12266 15.8501 5.03993 15.7804 4.97027L12.0306 1.21998C11.9609 1.15024 11.8782 1.09492 11.7872 1.05717C11.6961 1.01943 11.5986 1 11.5 1C11.4014 1 11.3039 1.01943 11.2128 1.05717C11.1218 1.09492 11.0391 1.15024 10.9694 1.21998L7.21962 4.97027C7.14989 5.03993 7.09457 5.12266 7.05683 5.21371C7.01909 5.30477 6.99966 5.40237 6.99966 5.50094C6.99966 5.59951 7.01909 5.69711 7.05683 5.78817C7.09457 5.87922 7.14989 5.96195 7.21962 6.03161L10.9694 9.7819ZM11.5 2.81104L14.1895 5.50094L11.5 8.19084L8.81046 5.50094L11.5 2.81104ZM12.0306 13.2181C11.9609 13.1484 11.8782 13.093 11.7872 13.0553C11.6961 13.0175 11.5986 12.9981 11.5 12.9981C11.4014 12.9981 11.3039 13.0175 11.2128 13.0553C11.1218 13.093 11.0391 13.1484 10.9694 13.2181L7.21962 16.9684C7.14989 17.0381 7.09457 17.1208 7.05683 17.2118C7.01909 17.3029 6.99966 17.4005 6.99966 17.4991C6.99966 17.5976 7.01909 17.6952 7.05683 17.7863C7.09457 17.8773 7.14989 17.9601 7.21962 18.0297L10.9694 21.78C11.0391 21.8498 11.1218 21.9051 11.2128 21.9428C11.3039 21.9806 11.4014 22 11.5 22C11.5986 22 11.6961 21.9806 11.7872 21.9428C11.8782 21.9051 11.9609 21.8498 12.0306 21.78L15.7804 18.0297C15.8501 17.9601 15.9054 17.8773 15.9432 17.7863C15.9809 17.6952 16.0003 17.5976 16.0003 17.4991C16.0003 17.4005 15.9809 17.3029 15.9432 17.2118C15.9054 17.1208 15.8501 17.0381 15.7804 16.9684L12.0306 13.2181ZM11.5 20.1918L8.81046 17.5019L11.5 14.812L14.1895 17.5019L11.5 20.1918ZM21.78 10.9707L18.0303 7.22045C17.9606 7.15071 17.8779 7.09539 17.7869 7.05764C17.6958 7.0199 17.5982 7.00047 17.4997 7.00047C17.4011 7.00047 17.3035 7.0199 17.2125 7.05764C17.1214 7.09539 17.0387 7.15071 16.9691 7.22045L13.2193 10.9707C13.1496 11.0404 13.0942 11.1231 13.0565 11.2142C13.0188 11.3052 12.9993 11.4028 12.9993 11.5014C12.9993 11.6 13.0188 11.6976 13.0565 11.7886C13.0942 11.8797 13.1496 11.9624 13.2193 12.0321L16.9691 15.7824C17.0387 15.8521 17.1214 15.9074 17.2125 15.9452C17.3035 15.9829 17.4011 16.0023 17.4997 16.0023C17.5982 16.0023 17.6958 15.9829 17.7869 15.9452C17.8779 15.9074 17.9606 15.8521 18.0303 15.7824L21.78 12.0321C21.8498 11.9624 21.9051 11.8797 21.9428 11.7886C21.9806 11.6976 22 11.6 22 11.5014C22 11.4028 21.9806 11.3052 21.9428 11.2142C21.9051 11.1231 21.8498 11.0404 21.78 10.9707ZM17.4997 14.1913L14.8101 11.5014L17.4997 8.81151L20.1892 11.5014L17.4997 14.1913ZM9.78072 10.9707L6.03093 7.22045C5.96128 7.15071 5.87857 7.09539 5.78753 7.05764C5.69648 7.0199 5.59889 7.00047 5.50034 7.00047C5.40178 7.00047 5.30419 7.0199 5.21315 7.05764C5.12211 7.09539 5.03939 7.15071 4.96974 7.22045L1.21995 10.9707C1.15022 11.0404 1.09491 11.1231 1.05717 11.2142C1.01943 11.3052 1 11.4028 1 11.5014C1 11.6 1.01943 11.6976 1.05717 11.7886C1.09491 11.8797 1.15022 11.9624 1.21995 12.0321L4.96974 15.7824C5.03939 15.8521 5.12211 15.9074 5.21315 15.9452C5.30419 15.9829 5.40178 16.0023 5.50034 16.0023C5.59889 16.0023 5.69648 15.9829 5.78753 15.9452C5.87857 15.9074 5.96128 15.8521 6.03093 15.7824L9.78072 12.0321C9.85045 11.9624 9.90577 11.8797 9.94351 11.7886C9.98125 11.6976 10.0007 11.6 10.0007 11.5014C10.0007 11.4028 9.98125 11.3052 9.94351 11.2142C9.90577 11.1231 9.85045 11.0404 9.78072 10.9707ZM5.50034 14.1913L2.8108 11.5014L5.50034 8.81151L8.18987 11.5014L5.50034 14.1913Z' fill='%2348BB78'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.center-orbit-icon {
  position: relative;
  top: 2px;
  left: 2px;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='26'%20height='22'%20viewBox='0%200%2026%2022'%20fill='none'%3E%3Cpath%20d='M4.96289%2020.2119V16.6689H9.07677'%20stroke='%2326A3E3'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3Cpath%20d='M23.7054%209.30695C24.729%2013.9951%2021.3979%2018.6427%2015.9593%2019.8979C11.7968%2020.8585%207.5496%2019.5663%204.96289%2016.8892'%20stroke='%2326A3E3'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3Cpath%20d='M2.67647%2012.6927C1.65286%208.00463%204.98399%203.35689%2010.4226%202.10182C14.5848%201.1413%2018.8317%202.4332%2021.4184%205.10997'%20stroke='%2326A3E3'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3Cpath%20d='M21.4185%201.78809V5.33116H17.3047'%20stroke='%2326A3E3'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3Cpath%20d='M8.36333%2011.4764C7.78123%2011.3892%207.78123%2010.6695%208.36333%2010.5823C10.4722%2010.2664%2012.1494%208.88297%2012.6072%207.08212L12.6422%206.94407C12.7682%206.4486%2013.5873%206.44552%2013.7183%206.94002L13.7609%207.10089C14.2356%208.89326%2015.9133%2010.2649%2018.0163%2010.58C18.6013%2010.6677%2018.6013%2011.3911%2018.0163%2011.4787C15.9133%2011.7938%2014.2356%2013.1655%2013.7609%2014.9579L13.7183%2015.1187C13.5873%2015.6133%2012.7682%2015.6101%2012.6422%2015.1147L12.6072%2014.9767C12.1494%2013.1758%2010.4722%2011.7924%208.36333%2011.4764Z'%20stroke='%2326A3E3'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.center-rotation-icon {
  position: relative;
  top: 2px;
  left: 2px;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='26'%20height='22'%20viewBox='0%200%2026%2022'%20fill='none'%3E%3Cpath%20d='M4.96289%2020.2119V16.6689H9.07677'%20stroke='%2326A3E3'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3Cpath%20d='M23.7054%209.30695C24.729%2013.9951%2021.3979%2018.6427%2015.9593%2019.8979C11.7968%2020.8585%207.5496%2019.5663%204.96289%2016.8892'%20stroke='%2326A3E3'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3Cpath%20d='M2.67647%2012.6927C1.65286%208.00463%204.98399%203.35689%2010.4226%202.10182C14.5848%201.1413%2018.8317%202.4332%2021.4184%205.10997'%20stroke='%2326A3E3'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3Cpath%20d='M21.4185%201.78809V5.33116H17.3047'%20stroke='%2326A3E3'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3Cpath%20d='M8.36333%2011.4764C7.78123%2011.3892%207.78123%2010.6695%208.36333%2010.5823C10.4722%2010.2664%2012.1494%208.88297%2012.6072%207.08212L12.6422%206.94407C12.7682%206.4486%2013.5873%206.44552%2013.7183%206.94002L13.7609%207.10089C14.2356%208.89326%2015.9133%2010.2649%2018.0163%2010.58C18.6013%2010.6677%2018.6013%2011.3911%2018.0163%2011.4787C15.9133%2011.7938%2014.2356%2013.1655%2013.7609%2014.9579L13.7183%2015.1187C13.5873%2015.6133%2012.7682%2015.6101%2012.6422%2015.1147L12.6072%2014.9767C12.1494%2013.1758%2010.4722%2011.7924%208.36333%2011.4764Z'%20stroke='%2326A3E3'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
/*
.sphere-user-icon {
  background-image: url('data:image/svg+xml;utf8,<svg width="26" height="26" viewBox="0 0 26 26" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="user-circle-single--circle-geometric-human-person-single-user"><g id="user-circle-single--circle-geometric-human-person-single-user_2"><path id="Vector" d="M13.0001 14.7599C15.4293 14.7599 17.3986 12.7906 17.3986 10.3614C17.3986 7.93217 15.4293 5.96289 13.0001 5.96289C10.5708 5.96289 8.60156 7.93217 8.60156 10.3614C8.60156 12.7906 10.5708 14.7599 13.0001 14.7599Z" stroke="%23377FC4" stroke-linecap="round" stroke-linejoin="round"/><path id="Vector_2" d="M5.48828 21.6216C6.2734 20.3328 7.37684 19.2677 8.69252 18.5287C10.0082 17.7896 11.4919 17.4014 13.0009 17.4014C14.51 17.4014 15.9936 17.7896 17.3093 18.5287C18.625 19.2677 19.7284 20.3328 20.5136 21.6216" stroke="%23377FC4" stroke-linecap="round" stroke-linejoin="round"/><path id="Vector_3" d="M13.0005 24.4366C19.3166 24.4366 24.4366 19.3166 24.4366 13.0005C24.4366 6.68457 19.3166 1.56445 13.0005 1.56445C6.68457 1.56445 1.56445 6.68457 1.56445 13.0005C1.56445 19.3166 6.68457 24.4366 13.0005 24.4366Z" stroke="%23377FC4" stroke-linecap="round" stroke-linejoin="round"/></g></g></svg>');
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  width: 24.632px;
  height: 24.632px;
}
*/
.center-sphere-priority-icon {
  position: relative;
  top: 2px;
  left: 2px;
  background-image: url("data:image/svg+xml,%3Csvg%20width='22'%20height='22'%20viewBox='0%200%2022%2022'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cg%20clip-path='url(%23clip0_4902_122407)'%3E%3Cpath%20d='M9.6423%207.21063C8.72555%207.90125%207.79322%208.70989%206.88422%209.61889C2.82223%2013.6809%200.764175%2018.2086%202.28742%2019.7319C3.81066%2021.255%208.33839%2019.197%2012.4004%2015.1351C13.3094%2014.2261%2014.118%2013.2937%2014.8086%2012.377'%20stroke='%231A9C9C'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3Cpath%20d='M14.8086%2012.377C17.2042%2015.5569%2018.1796%2018.5495%2016.9972%2019.7319C15.4739%2021.2552%2010.9462%2019.197%206.88422%2015.1351C2.82223%2011.0731%200.764175%206.54534%202.28742%205.0221C3.46979%203.83973%206.4624%204.81514%209.6423%207.21064'%20stroke='%231A9C9C'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3Cpath%20d='M8.92773%2012.3771C8.92773%2012.7716%209.24753%2013.0914%209.64202%2013.0914C10.0365%2013.0914%2010.3563%2012.7716%2010.3563%2012.3771C10.3563%2011.9826%2010.0365%2011.6628%209.64202%2011.6628C9.24753%2011.6628%208.92773%2011.9826%208.92773%2012.3771Z'%20stroke='%231A9C9C'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3Cpath%20d='M12.5123%206.15718C12.0636%206.07911%2012.0636%205.4349%2012.5123%205.35683C14.1381%205.07398%2015.4312%203.83567%2015.784%202.22363L15.8112%202.10006C15.9082%201.65654%2016.5397%201.65378%2016.6407%202.09644L16.6736%202.24044C17.0395%203.84487%2018.3329%205.07273%2019.9542%205.35478C20.4053%205.43325%2020.4053%206.08075%2019.9542%206.15923C18.3329%206.44128%2017.0395%207.66915%2016.6736%209.27358L16.6407%209.41758C16.5397%209.86024%2015.9082%209.85748%2015.8112%209.41395L15.784%209.29038C15.4312%207.67835%2014.1381%206.44003%2012.5123%206.15718Z'%20stroke='%231A9C9C'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath%20id='clip0_4902_122407'%3E%3Crect%20width='20'%20height='20'%20fill='white'%20transform='translate(1.03906%201)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.center-sphere-pillar-icon {
  position: relative;
  top: 2px;
  left: 2px;
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D'23'%20height%3D'23'%20viewBox%3D'0%200%2023%2023'%20fill%3D'none'%20xmlns%3D'http%3A//www.w3.org/2000/svg'%3E%3Cdefs%3E%3ClinearGradient%20id%3D'paint0_linear_main'%20x1%3D'5.21977'%20y1%3D'17.3305'%20x2%3D'16.7802'%20y2%3D'5.77008'%20gradientUnits%3D'userSpaceOnUse'%3E%3Cstop%20stop-color%3D'%2338AB6B'/%3E%3Cstop%20offset%3D'1'%20stop-color%3D'%2349C881'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath%20d%3D'M18.9892%2013.2037C19.2761%2013.361%2019.599%2013.4407%2019.9262%2013.4353C20.2533%2013.4297%2020.5735%2013.3391%2020.8551%2013.1722C21.1368%2013.0054%2021.3702%2012.7681%2021.5323%2012.4838C21.6945%2012.1994%2021.7799%2011.8779%2021.7799%2011.5506C21.7801%2011.2234%2021.695%2010.9018%2021.5331%2010.6176C21.3711%2010.3333%2021.1379%2010.0963%2020.8564%209.92962C20.5748%209.76297%2020.2547%209.67258%2019.9276%209.66733C19.6004%209.66209%2019.2773%209.74202%2018.9904%209.8995C18.6697%208.33827%2017.8982%206.90564%2016.7714%205.77888C15.6447%204.65211%2014.212%203.88064%2012.6508%203.55992C12.8082%203.27294%2012.8883%202.94996%2012.883%202.62277C12.8777%202.29558%2012.7873%201.97547%2012.6207%201.69396C12.4541%201.41243%2012.217%201.17923%2011.9327%201.01727C11.6485%200.855316%2011.3269%200.770213%2010.9997%200.770332C10.6725%200.770448%2010.3509%200.855797%2010.0665%201.01795C9.78216%201.18012%209.54489%201.4135%209.37807%201.69514C9.21124%201.97678%209.12061%202.29695%209.11509%202.62415C9.10957%202.95134%209.18936%203.27427%209.3466%203.56113C7.7859%203.88512%206.35331%204.65737%205.22443%205.78319C4.23605%206.76848%203.51953%207.9928%203.14469%209.33685C2.74269%209.19789%202.30524%209.2001%201.90441%209.34314C1.50357%209.48618%201.1634%209.76138%200.939847%2010.1235C0.716293%2010.4856%200.622653%2010.9131%200.674542%2011.3353C0.726351%2011.7575%200.920477%2012.1494%201.22501%2012.4463C1.44885%2012.6678%201.72438%2012.8301%202.02678%2012.9183C2.32916%2013.0066%202.64879%2013.0182%202.95681%2012.952C3.23938%2014.611%204.03012%2016.1409%205.21978%2017.3305C6.40944%2018.5202%207.93934%2019.3109%209.59834%2019.5935C9.5127%2019.9908%209.55779%2020.4049%209.72693%2020.7743C9.89598%2021.1436%2010.1799%2021.4484%2010.5364%2021.643C10.8929%2021.8377%2011.3029%2021.9118%2011.7052%2021.8544C12.1075%2021.797%2012.4805%2021.611%2012.7687%2021.3243C13.0137%2021.0773%2013.1852%2020.7669%2013.2637%2020.428C13.3423%2020.089%2013.3249%2019.7351%2013.2135%2019.4056C14.5575%2019.0307%2015.7819%2018.3143%2016.7671%2017.3259C17.8929%2016.197%2018.6652%2014.7644%2018.9892%2013.2037Z'%20stroke%3D'url(%23paint0_linear_main)'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'/%3E%3Cg%20transform%3D'translate(1,1)'%3E%3Ccircle%20cx%3D'10'%20cy%3D'10.5'%20r%3D'5'%20stroke%3D'url(%23paint0_linear_main)'%20stroke-width%3D'1'/%3E%3Ccircle%20cx%3D'10'%20cy%3D'10.5'%20r%3D'1.5'%20fill%3D'url(%23paint0_linear_main)'/%3E%3C/g%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.center-sphere-strategy-icon {
  position: relative;
  top: 2px;
  left: 2px;
  background-image: url("data:image/svg+xml,%3Csvg%20width='22'%20height='22'%20viewBox='0%200%2022%2022'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20d='M10.8658%209.62083L10.8657%2015.7767C10.8657%2018.1091%208.97483%2020%206.6423%2020C4.30977%2020%202.41887%2018.1091%202.41887%2015.7767C2.41887%2015.6571%202.42384%2015.5388%202.43357%2015.4218C1.55459%2014.4775%201%2012.6304%201%2011.0893C1%208.98924%202.02972%206.94741%203.50682%206.14482C3.49265%206.01341%203.48538%205.87995%203.48538%205.74478C3.48538%203.70674%205.13755%202.05457%207.17559%202.05457C8.08312%202.05457%208.91411%202.38217%209.55681%202.92555'%20stroke='%23B04DAA'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3Cpath%20d='M5.45689%208.65254C4.91505%208.52902%203.68721%207.72378%203.50195%206.15393'%20stroke='%23B04DAA'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3Cpath%20d='M3.56289%2013.2075C3.01162%2013.6428%202.57209%2014.6292%202.42969%2015.4194'%20stroke='%23B04DAA'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3Cpath%20d='M10.8662%2015.7765C10.8662%2018.109%2012.7571%2019.9999%2015.0896%2019.9999C17.4221%2019.9999%2019.313%2018.109%2019.313%2015.7765C19.313%2015.657%2019.308%2015.5387%2019.2983%2015.4216C20.1774%2014.4774%2020.732%2012.6303%2020.732%2011.0891C20.732%2010.4162%2020.6262%209.74921%2020.4338%209.12708'%20stroke='%23B04DAA'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3Cpath%20d='M18.1689%2013.2075C18.7201%2013.6428%2019.1597%2014.6292%2019.3021%2015.4194'%20stroke='%23B04DAA'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3Cpath%20d='M10.9657%206.32407C10.4216%206.22941%2010.4216%205.44834%2010.9657%205.35369C12.9368%205.01077%2014.5046%203.50939%2014.9324%201.55493L14.9652%201.40511C15.0829%200.867375%2015.8487%200.864028%2015.971%201.40072L16.0108%201.5753C16.4546%203.52055%2018.0227%205.00925%2019.9884%205.35121C20.5353%205.44636%2020.5353%206.2314%2019.9884%206.32653C18.0227%206.66851%2016.4546%208.15721%2016.0108%2010.1024L15.971%2010.277C15.8487%2010.8137%2015.0829%2010.8104%2014.9652%2010.2726L14.9324%2010.1228C14.5046%208.16835%2012.9368%206.66699%2010.9657%206.32407Z'%20stroke='%23B04DAA'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.center-sphere-intention-icon {
  position: relative;
  top: 2px;
  left: 2px;
  background-image: url("data:image/svg+xml,%3Csvg%20width='22'%20height='22'%20viewBox='0%200%2022%2022'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cg%20clip-path='url(%23clip0_4902_122422)'%3E%3Cpath%20d='M13.0089%2012.3862C12.4573%2013.0135%2011.786%2013.5295%2011.0307%2013.9016V16.0445C11.0307%2016.2339%2010.9554%2016.4156%2010.8215%2016.5495C10.6875%2016.6835%2010.5058%2016.7588%2010.3164%2016.7588H6.03067C5.84124%2016.7588%205.65956%2016.6835%205.5256%2016.5495C5.39164%2016.4156%205.31639%2016.2339%205.31639%2016.0445V13.9016C4.28846%2013.3916%203.41579%2012.6157%202.78896%2011.6545C2.16214%2010.6933%201.80402%209.58188%201.75178%208.43557C1.69955%207.28924%201.9551%206.14984%202.4919%205.13563C3.02872%204.12143%203.8272%203.26938%204.80449%202.66798C5.78177%202.06657%206.90223%201.73772%208.04953%201.71556C9.00669%201.69706%209.95342%201.8926%2010.8215%202.28496'%20stroke='%235C1BB7'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3Cpath%20d='M5.31641%2020.2858H11.0307'%20stroke='%235C1BB7'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3Cpath%20d='M11.5645%206.62C11.0631%206.53278%2011.0631%205.8131%2011.5645%205.72588C13.3807%205.40991%2014.8252%204.02654%2015.2195%202.22567L15.2497%202.08763C15.3581%201.59215%2016.0637%201.58907%2016.1764%202.08358L16.2131%202.24445C16.6219%204.03681%2018.0668%205.40851%2019.8781%205.7236C20.3819%205.81127%2020.3819%206.53461%2019.8781%206.62227C18.0668%206.93737%2016.6219%208.30907%2016.2131%2010.1014L16.1764%2010.2623C16.0637%2010.7568%2015.3581%2010.7537%2015.2497%2010.2583L15.2195%2010.1202C14.8252%208.31936%2013.3807%206.93597%2011.5645%206.62Z'%20stroke='%235C1BB7'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath%20id='clip0_4902_122422'%3E%3Crect%20width='22'%20height='22'%20fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
/* I 
.sphere-role-icon {
  position: relative;
  top: 2px;
  left: 2px;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%3E%3Cpath%20d='M10%202L4%205V9C4%2013%206%2014%2010%2018C14%2014%2016%2013%2016%209V5L10%202Z' stroke='%231A9C9C' stroke-width='2' fill='none'/%3E%3Cpolygon%20points='10,7%2011.09,9.26%2013,9.27%2011.5,11.14%2012.82,13.02%2010,11.77%207.18,13.02%208.5,11.14%207,9.27%208.91,9.26' fill='%231A9C9C'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
*/
.center-subject-identity-icon {
  position: relative;
  top: 2px;
  left: 2px;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='20'%20height='20'%20viewBox='0%200%20100%20100'%20fill='none'%3E%3Crect%20x='20'%20y='20'%20width='60'%20height='60'%20rx='10'%20stroke='%23805AD5'%20stroke-width='4'%20fill='none'/%3E%3Ccircle%20cx='50'%20cy='45'%20r='12'%20fill='%23805AD5'/%3E%3Cpath%20d='M40%2070%20C40%2060,%2060%2060,%2060%2070%20C60%2075,%2040%2075,%2040%2070%20Z'%20fill='%23805AD5'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.center-subject-user-icon {
  position: relative;
  top: 2px;
  left: 2px;
  background-image: url("data:image/svg+xml,%3Csvg%20width='20'%20height='20'%20viewBox='0%200%2022%2022'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20d='M11%200.4375C8.91094%200.4375%206.86879%201.05698%205.13179%202.2176C3.3948%203.37822%202.04098%205.02786%201.24153%206.95791C0.442077%208.88795%200.232904%2011.0117%200.64046%2013.0606C1.04802%2015.1096%202.054%2016.9916%203.53119%2018.4688C5.00838%2019.946%206.89044%2020.952%208.93936%2021.3595C10.9883%2021.7671%2013.1121%2021.5579%2015.0421%2020.7585C16.9721%2019.959%2018.6218%2018.6052%2019.7824%2016.8682C20.943%2015.1312%2021.5625%2013.0891%2021.5625%2011C21.5595%208.19956%2020.4458%205.51466%2018.4656%203.53445C16.4853%201.55424%2013.8004%200.440457%2011%200.4375ZM5.52375%2018.0586C6.11153%2017.1393%206.92126%2016.3828%207.8783%2015.8588C8.83534%2015.3348%209.90889%2015.0601%2011%2015.0601C12.0911%2015.0601%2013.1647%2015.3348%2014.1217%2015.8588C15.0787%2016.3828%2015.8885%2017.1393%2016.4763%2018.0586C14.9105%2019.2763%2012.9835%2019.9374%2011%2019.9374C9.01647%2019.9374%207.08951%2019.2763%205.52375%2018.0586ZM7.75%2010.1875C7.75%209.54471%207.94061%208.91636%208.29773%208.3819C8.65484%207.84744%209.16242%207.43088%209.75628%207.18489C10.3501%206.93891%2011.0036%206.87455%2011.634%206.99995C12.2645%207.12535%2012.8436%207.43488%2013.2981%207.8894C13.7526%208.34392%2014.0622%208.92302%2014.1876%209.55346C14.313%2010.1839%2014.2486%2010.8374%2014.0026%2011.4312C13.7566%2012.0251%2013.3401%2012.5327%2012.8056%2012.8898C12.2711%2013.2469%2011.6428%2013.4375%2011%2013.4375C10.1381%2013.4375%209.3114%2013.0951%208.70191%2012.4856C8.09241%2011.8761%207.75%2011.0495%207.75%2010.1875ZM17.6788%2016.9323C16.7726%2015.6191%2015.4984%2014.6033%2014.0164%2014.0123C14.8125%2013.3853%2015.3934%2012.5259%2015.6783%2011.5534C15.9632%2010.581%2015.9381%209.54389%2015.6063%208.58641C15.2745%207.62894%2014.6526%206.79865%2013.827%206.21101C13.0015%205.62338%2012.0133%205.3076%2011%205.3076C9.98667%205.3076%208.99852%205.62338%208.17297%206.21101C7.34743%206.79865%206.72551%207.62894%206.39372%208.58641C6.06194%209.54389%206.03676%2010.581%206.3217%2011.5534C6.60664%2012.5259%207.18754%2013.3853%207.9836%2014.0123C6.50162%2014.6033%205.22743%2015.6191%204.32125%2016.9323C3.17621%2015.6446%202.4278%2014.0534%202.16614%2012.3503C1.90449%2010.6471%202.14075%208.90466%202.84648%207.33268C3.55221%205.7607%204.69731%204.42624%206.1439%203.49C7.59049%202.55375%209.27688%202.05564%2011%202.05564C12.7231%202.05564%2014.4095%202.55375%2015.8561%203.49C17.3027%204.42624%2018.4478%205.7607%2019.1535%207.33268C19.8593%208.90466%2020.0955%2010.6471%2019.8339%2012.3503C19.5722%2014.0534%2018.8238%2015.6446%2017.6788%2016.9323Z'%20fill='%2326A3E3'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.center-subject-role-icon {
  position: relative;
  top: 2px;
  left: 2px;
  background-image: url("data:image/svg+xml,%3Csvg%20width='22'%20height='22'%20viewBox='0%200%2022%2022'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cg%20clip-path='url(%23clip0_4902_122468)'%3E%3Cpath%20d='M10.8932%2021C16.4753%2021%2021.0004%2016.4749%2021.0004%2010.8929C21.0004%205.31088%2016.4753%200.785767%2010.8932%200.785767C5.31124%200.785767%200.786133%205.31088%200.786133%2010.8929C0.786133%2016.4749%205.31124%2021%2010.8932%2021Z'%20stroke='%2326A3E3'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3Cpath%20d='M10.8805%208.71126C12.1892%208.71126%2013.2502%207.6503%2013.2502%206.34153C13.2502%205.03277%2012.1892%203.9718%2010.8805%203.9718C9.57171%203.9718%208.51074%205.03277%208.51074%206.34153C8.51074%207.6503%209.57171%208.71126%2010.8805%208.71126Z'%20stroke='%2326A3E3'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3Cpath%20d='M12.916%2013.7689L12.4103%2017.8149H10.893H9.3753L8.86956%2013.7689H7.8583C7.57899%2013.7689%207.35254%2013.5425%207.35254%2013.2632V12.2517C7.35254%2010.2964%208.93744%208.71143%2010.8927%208.71143C12.8479%208.71143%2014.433%2010.2964%2014.433%2012.2517V13.2632C14.433%2013.5425%2014.2066%2013.7689%2013.9273%2013.7689H12.916Z'%20stroke='%2326A3E3'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath%20id='clip0_4902_122468'%3E%3Crect%20width='22'%20height='22'%20fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.urgent-status-icon {
  width: 26px;
  height: 28px;
  background-color: #ff5733; /* Set your custom color here */
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='28' viewBox='0 0 26 28' fill='none'%3E%3Cpath d='M5.84075 14.3531L11.3707 12.2464L13.3816 6.45314C13.5913 5.84895 14.4069 5.84895 14.6167 6.45314L16.6275 12.2464L22.1574 14.3531C22.7342 14.5728 22.7342 15.4273 22.1574 15.6469L16.6275 17.7536L14.6167 23.5468C14.4069 24.1511 13.5913 24.1511 13.3816 23.5468L11.3707 17.7536L5.84075 15.6469C5.26402 15.4273 5.26402 14.5728 5.84075 14.3531Z' fill='%23A52255'/%3E%3C/svg%3E");
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='28' viewBox='0 0 26 28' fill='none'%3E%3Cpath d='M5.84075 14.3531L11.3707 12.2464L13.3816 6.45314C13.5913 5.84895 14.4069 5.84895 14.6167 6.45314L16.6275 12.2464L22.1574 14.3531C22.7342 14.5728 22.7342 15.4273 22.1574 15.6469L16.6275 17.7536L14.6167 23.5468C14.4069 24.1511 13.5913 24.1511 13.3816 23.5468L11.3707 17.7536L5.84075 15.6469C5.26402 15.4273 5.26402 14.5728 5.84075 14.3531Z' fill='%23A52255'/%3E%3C/svg%3E");
  mask-repeat: no-repeat;
  mask-size: contain;
  position: relative;
  top: 2px;
}
.success-icon {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20xmlns%3D'http%3A//www.w3.org/2000/svg'%3E%3Ccircle%20cx%3D'12'%20cy%3D'12'%20r%3D'10'%20stroke%3D'%2300C851'%20stroke-width%3D'2'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'/%3E%3Cpath%20d%3D'M8%2012.5L11%2015.5L16%2010.5'%20stroke%3D'%2300C851'%20stroke-width%3D'2'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  width: 24px;
  height: 24px;
}
.error-icon {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20xmlns%3D'http%3A//www.w3.org/2000/svg'%3E%3Ccircle%20cx%3D'12'%20cy%3D'12'%20r%3D'10'%20stroke%3D'%23FF4B5C'%20stroke-width%3D'2'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'/%3E%3Cpath%20d%3D'M16%2016L8%208'%20stroke%3D'%23FF4B5C'%20stroke-width%3D'2'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  width: 24px;
  height: 24px;
}
.header-filter-down-icon {
  background-image: url("data:image/svg+xml,%3Csvg%20width='18'%20height='18'%20viewBox='0%200%2018%2018'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20d='M8.64463%2010.9302C8.8403%2011.1279%209.1597%2011.1279%209.35537%2010.9302L12.1548%208.10173C12.4673%207.78601%2012.2436%207.25%2011.7994%207.25H6.20057C5.75636%207.25%205.53272%207.78601%205.8452%208.10173L8.64463%2010.9302Z'%20stroke='%23377FC4'/%3E%3Cpath%20d='M12.0001%202.92859H6.00014C4.57998%202.92859%203.42871%204.07986%203.42871%205.50002V11.5C3.42871%2012.9202%204.57998%2014.0714%206.00014%2014.0714H12.0001C13.4203%2014.0714%2014.5716%2012.9202%2014.5716%2011.5V5.50002C14.5716%204.07986%2013.4203%202.92859%2012.0001%202.92859Z'%20stroke='%23377FC4'%20stroke-width='1.2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  width: 15px;
  height: 15px;
}
.header-filter-up-icon {
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.14463 6.06983C9.3403 5.87214 9.6597 5.87214 9.85537 6.06983L12.6548 8.89827C12.9673 9.21399 12.7436 9.75 12.2994 9.75H6.70057C6.25636 9.75 6.03272 9.21399 6.3452 8.89827L9.14463 6.06983Z' stroke='%23377FC4'/%3E%3Cpath d='M12.0001 2.92859H6.00014C4.57998 2.92859 3.42871 4.07986 3.42871 5.50002V11.5C3.42871 12.9202 4.57998 14.0714 6.00014 14.0714H12.0001C13.4203 14.0714 14.5716 12.9202 14.5716 11.5V5.50002C14.5716 4.07986 13.4203 2.92859 12.0001 2.92859Z' stroke='%23377FC4' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  width: 15px;
  height: 15px;
}
.header-filter-icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'%3E%3Cpath d='M9.06206 1.07129H0.572266' stroke='%23377FC4' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.06329 4.25488H3.22656' stroke='%23377FC4' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.06259 7.43848H5.87891' stroke='%23377FC4' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M15.4291 13.0713L12.572 15.9284L9.71484 13.0713' stroke='%23377FC4' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12.5723 1.07129V15.9284' stroke='%23377FC4' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  width: 15px;
  height: 15px;
}
.custom-tooltip {
  font-size: var(--secondary-font);
  font-family: var(--font-family);
}
/* WebKit Browsers (e.g., Chrome, Safari) */
::-webkit-scrollbar {
  width: 10px;
  /* Set scrollbar width */
}
/* Scrollbar track */
::-webkit-scrollbar-track {
  background: var(--scrollbar-track);
  /* Background color of scrollbar track */
  border-radius: 10px;
  /* Optional: To round the track corners */
}
/* Scrollbar thumb */
::-webkit-scrollbar-thumb {
  background-color: var(--scrollbar-thumb);
  /* Thumb color */
  border-radius: 10px;
  /* Optional: To round the thumb corners */
  border: 3px solid var(--scrollbar-track);
  /* Optional: Padding around the thumb */
}
/* Firefox */
* {
  scrollbar-width: thin;
  /* Set the width of the scrollbar */
  scrollbar-color: var(--scrollbar-thumb) var(--scrollbar-track);
  /* Thumb color and track color */
}
::-webkit-scrollbar-thumb:hover {
  background-color: var(--scrollbar-thumb-hover);
}
.custom-error-message {
  border-radius: 5px;
  margin: 10px;
}
.custom-error-message .p-inline-message-text {
  font-size: var(--secondary-font);
}
.custom-toast div .p-toast-message .p-toast-message-content .p-toast-message-text .p-toast-detail {
  font-size: var(--primary-font);
}
.avatar-option {
  height: 20px;
  width: 20px;
  display: inline-block;
  top: 4px;
  position: relative;
}
.avatar-option-selected {
  height: 15px;
  width: 20px;
  display: inline-block;
}
.nearby-mode-icon {
  position: relative;
  top: 2px;
  left: 2px;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='100'%20height='100'%20viewBox='0%200%2024%2024'%20fill='none'%3E%3Ccircle%20cx='12'%20cy='12'%20r='10'%20fill='%232196F3'/%3E%3Ccircle%20cx='12'%20cy='12'%20r='5'%20fill='white'/%3E%3Ccircle%20cx='12'%20cy='12'%20r='8'%20stroke='white'%20stroke-width='2'%20fill='none'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 30px;
  height: 30px;
  border: 0px;
  border-radius: 20px;
}
.everywhere-mode-icon {
  position: relative;
  top: 2px;
  left: 2px;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='100'%20height='100'%20viewBox='0%200%2024%2024'%20fill='none'%3E%3Ccircle%20cx='12'%20cy='12'%20r='10'%20fill='%232196F3'/%3E%3Ccircle%20cx='12'%20cy='12'%20r='2'%20fill='white'/%3E%3Ccircle%20cx='12'%20cy='12'%20r='5'%20stroke='white'%20stroke-width='2'%20fill='none'/%3E%3Ccircle%20cx='12'%20cy='12'%20r='8'%20stroke='white'%20stroke-width='2'%20fill='none'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 30px;
  height: 30px;
  border: 0px;
  border-radius: 20px;
}
.atlas-button {
  border-radius: 20px;
  border: var(--primary-border);
  color: var(--primary-text-color);
  background: var(--user-bg, linear-gradient(359deg, #f5fbff -34.86%, #f2f9fe -34.84%, #eff5fa 99.41%, #fafdff 125.39%));
  box-shadow: 0px -2px 7px 2px rgba(116, 139, 157, 0.2) inset;
  font-family: var(--font-family);
  font-size: var(--secondary-font);
  font-style: normal;
  font-weight: 700;
  line-height: 12px; /* 100% */
  padding-left: 10px;
  padding-right: 10px;
  cursor: pointer;
  height: 40px;
}
.ellipsis-circle-icon {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A//www.w3.org/2000/svg'%20width%3D'23'%20height%3D'22'%20viewBox%3D'0%200%2023%2022'%20fill%3D'none'%3E%3Cpath%20d%3D'M1.5%2011C1.5%2016.5229%205.97708%2021%2011.5%2021C17.0228%2021%2021.5%2016.5229%2021.5%2011C21.5%205.47715%2017.0228%201%2011.5%201C5.97708%200.999999%201.5%205.47716%201.5%2011Z'%20stroke%3D'%2326A3E3'%20stroke-width%3D'2'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'/%3E%3Cpath%20d%3D'M10.9678%206.94287C10.9678%206.7479%2011.1258%206.58984%2011.3208%206.58984C11.5158%206.58984%2011.6738%206.7479%2011.6738%206.94287'%20stroke%3D'%2326A3E3'%20stroke-width%3D'1.5'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'/%3E%3Cpath%20d%3D'M10.9678%206.94238C10.9678%207.13735%2011.1258%207.29541%2011.3208%207.29541C11.5158%207.29541%2011.6738%207.13735%2011.6738%206.94238'%20stroke%3D'%2326A3E3'%20stroke-width%3D'1.5'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'/%3E%3Cpath%20d%3D'M10.9678%2011.1782C10.9678%2010.9833%2011.1258%2010.8252%2011.3208%2010.8252C11.5158%2010.8252%2011.6738%2010.9833%2011.6738%2011.1782'%20stroke%3D'%2326A3E3'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'/%3E%3Cpath%20d%3D'M10.9678%2011.1777C10.9678%2011.3727%2011.1258%2011.5308%2011.3208%2011.5308C11.5158%2011.5308%2011.6738%2011.3727%2011.6738%2011.1777'%20stroke%3D'%2326A3E3'%20stroke-width%3D'1.5'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'/%3E%3Cpath%20d%3D'M10.9678%2015.4145C10.9678%2015.2196%2011.1258%2015.0615%2011.3208%2015.0615C11.5158%2015.0615%2011.6738%2015.2196%2011.6738%2015.4145'%20stroke%3D'%2326A3E3'%20stroke-width%3D'1.5'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'/%3E%3Cpath%20d%3D'M10.9678%2015.4141C10.9678%2015.6091%2011.1258%2015.7671%2011.3208%2015.7671C11.5158%2015.7671%2011.6738%2015.6091%2011.6738%2015.4141'%20stroke%3D'%2326A3E3'%20stroke-width%3D'1.5'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  width: 23px;
  height: 22px;
}
.center-calendar-period-icon {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%3Crect%20x%3D%224%22%20y%3D%2210%22%20width%3D%2216%22%20height%3D%224%22%20rx%3D%222%22%20stroke%3D%22%23377FC4%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3Cpath%20d%3D%22M2%2010V14%22%20stroke%3D%22%23377FC4%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3Cpath%20d%3D%22M22%2010V14%22%20stroke%3D%22%23377FC4%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  width: 24px;
  height: 24px;
}
.center-calendar-timeframe-icon {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%3Crect%20x%3D%222%22%20y%3D%224%22%20width%3D%2216%22%20height%3D%2218%22%20rx%3D%222%22%20stroke%3D%22%23377FC4%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3Crect%20x%3D%226%22%20y%3D%220%22%20width%3D%222%22%20height%3D%224%22%20rx%3D%221%22%20stroke%3D%22%23377FC4%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3Crect%20x%3D%2214%22%20y%3D%220%22%20width%3D%222%22%20height%3D%224%22%20rx%3D%221%22%20stroke%3D%22%23377FC4%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3Ccircle%20cx%3D%2218%22%20cy%3D%2216%22%20r%3D%224%22%20stroke%3D%22%23377FC4%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3Cpath%20d%3D%22M18%2016v-2%22%20stroke%3D%22%23377FC4%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3Cpath%20d%3D%22M18%2016h2%22%20stroke%3D%22%23377FC4%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  width: 24px;
  height: 24px;
}
.metaspace-toolbar-collapse-icon {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2228%22%20height%3D%2233%22%20viewBox%3D%220%200%2028%2033%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M12.8795%2016.5195H1.18945%22%20stroke%3D%22url%28%23paint0_linear_156_31603%29%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3Cpath%20d%3D%22M6.06029%2010.5527L1.18945%2016.5215L6.06029%2022.4903%22%20stroke%3D%22url%28%23paint1_linear_156_31603%29%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3Cpath%20d%3D%22M24.5692%201.00195H19.6983C18.6223%201.00195%2017.75%202.07088%2017.75%203.38946V29.652C17.75%2030.9707%2018.6223%2032.0396%2019.6983%2032.0396H24.5692C25.6452%2032.0396%2026.5175%2030.9707%2026.5175%2029.652V3.38946C26.5175%202.07088%2025.6452%201.00195%2024.5692%201.00195Z%22%20stroke%3D%22url%28%23paint2_linear_156_31603%29%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22paint0_linear_156_31603%22%20x1%3D%227.03446%22%20y1%3D%2216.5195%22%20x2%3D%227.03446%22%20y2%3D%2217.5195%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23407AC6%22/%3E%3Cstop%20offset%3D%220.94%22%20stop-color%3D%22%231F3B60%22/%3E%3C/linearGradient%3E%3ClinearGradient%20id%3D%22paint1_linear_156_31603%22%20x1%3D%223.62487%22%20y1%3D%2210.5527%22%20x2%3D%223.62487%22%20y2%3D%2222.4903%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23407AC6%22/%3E%3Cstop%20offset%3D%220.94%22%20stop-color%3D%22%231F3B60%22/%3E%3C/linearGradient%3E%3ClinearGradient%20id%3D%22paint2_linear_156_31603%22%20x1%3D%2222.1338%22%20y1%3D%221.00195%22%20x2%3D%2222.1338%22%20y2%3D%2232.0396%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23407AC6%22/%3E%3Cstop%20offset%3D%220.94%22%20stop-color%3D%22%231F3B60%22/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  width: 24px;
  height: 24px;
}
.metaspace-toolbar-expand-icon {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2228%22%20height%3D%2233%22%20viewBox%3D%220%200%2028%2028%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M15.102%2014.1719H26.792%22%20stroke%3D%22%23748B9D%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3Cpath%20d%3D%22M21.9212%209.23828L26.792%2014.173L21.9212%2019.1078%22%20stroke%3D%22%23748B9D%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3Cpath%20d%3D%22M3.41228%201.3418H8.28311C9.35914%201.3418%2010.2314%202.22554%2010.2314%203.3157V25.0286C10.2314%2026.1188%209.35914%2027.0025%208.28311%2027.0025H3.41228C2.33621%2027.0025%201.46394%2026.1188%201.46394%2025.0286V3.3157C1.46394%202.22554%202.33621%201.3418%203.41228%201.3418Z%22%20stroke%3D%22%23748B9D%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  width: 24px;
  height: 24px;
}
.chat-bubble-icon {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 20 24" fill="none"><g clip-path="url(%23clip0_156_36591)"><path d="M8.61622 1.35547C7.13643 1.61339 5.73374 2.32504 4.53824 3.42441C3.34275 4.52378 2.39315 5.97528 1.77752 7.64431C1.16189 9.31334 0.900158 11.1458 1.0166 12.9719C1.13304 14.7979 1.62388 16.5584 2.4436 18.09L0.955078 23.0098L5.9396 21.9055C7.22132 22.6746 8.63566 23.0532 10.0624 23.0088C11.4891 22.9644 12.886 22.4987 14.1342 21.6509C15.3826 20.8032 16.4453 19.5984 17.2321 18.1394C18.019 16.6803 18.5065 15.01 18.6536 13.2704" stroke="%23748B9D" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M15.2949 9.62114C17.1805 9.62114 18.7089 7.74807 18.7089 5.43753C18.7089 3.12698 17.1805 1.25391 15.2949 1.25391C13.4094 1.25391 11.8809 3.12698 11.8809 5.43753C11.8809 7.74807 13.4094 9.62114 15.2949 9.62114Z" fill="%23FD3B3B" stroke="%23FD3B3B" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></g><defs><clipPath id="clip0_156_36591"><rect width="19.1947" height="23.5214" fill="white" transform="translate(0.234375 0.371094)"/></clipPath></defs></svg>');
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  width: 20px;
  height: 20px;
}
.toolbar-sphere-icon {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 28 33" fill="none"><g clip-path="url(%23clip0_1080_61411)"><path d="M13.7023 27.4478C19.2276 27.4478 23.7066 22.7262 23.7066 16.9016C23.7066 11.0771 19.2276 6.35547 13.7023 6.35547C8.17708 6.35547 3.698 11.0771 3.698 16.9016C3.698 22.7262 8.17708 27.4478 13.7023 27.4478Z" stroke="%23748B9D" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/><rect x="0.687406" y="0.0355654" width="56.7821" height="45.4798" rx="20" transform="matrix(0.724887 -0.688868 0.649924 0.759999 -20.6621 20.3532)" stroke="black" stroke-opacity="0.01"/><path d="M7.68933 5.16602C9.54839 5.16602 11.0116 6.74686 11.0116 8.64062C11.0116 10.5344 9.54838 12.1152 7.68933 12.1152C5.83049 12.115 4.36807 10.5342 4.36804 8.64062C4.36804 6.74701 5.83048 5.16626 7.68933 5.16602Z" fill="%23748B9D"/><path d="M7.68933 5.16602C9.54839 5.16602 11.0116 6.74686 11.0116 8.64062C11.0116 10.5344 9.54838 12.1152 7.68933 12.1152C5.83049 12.115 4.36807 10.5342 4.36804 8.64062C4.36804 6.74701 5.83048 5.16626 7.68933 5.16602Z" fill="%23748B9D"/><path d="M7.68933 5.16602C9.54839 5.16602 11.0116 6.74686 11.0116 8.64062C11.0116 10.5344 9.54838 12.1152 7.68933 12.1152C5.83049 12.115 4.36807 10.5342 4.36804 8.64062C4.36804 6.74701 5.83048 5.16626 7.68933 5.16602Z" fill="%23748B9D"/><path d="M7.68933 5.16602C9.54839 5.16602 11.0116 6.74686 11.0116 8.64062C11.0116 10.5344 9.54838 12.1152 7.68933 12.1152C5.83049 12.115 4.36807 10.5342 4.36804 8.64062C4.36804 6.74701 5.83048 5.16626 7.68933 5.16602Z" fill="%23748B9D"/><path d="M7.68933 5.16602C9.54839 5.16602 11.0116 6.74686 11.0116 8.64062C11.0116 10.5344 9.54838 12.1152 7.68933 12.1152C5.83049 12.115 4.36807 10.5342 4.36804 8.64062C4.36804 6.74701 5.83048 5.16626 7.68933 5.16602Z" stroke="%23EAF2F9"/><path d="M13.8036 11.1152C16.7015 11.1154 19.0057 13.5844 19.0057 16.5732C19.0055 19.5619 16.7013 22.0301 13.8036 22.0303C10.9057 22.0303 8.60067 19.562 8.60046 16.5732C8.60046 13.5843 10.9056 11.1152 13.8036 11.1152Z" fill="%23748B9D" stroke="%23EAF2F9"/></g><defs><clipPath id="clip0_1080_61411"><rect width="27.2767" height="31.7286" fill="white" transform="translate(0.164062 0.464844)"/></clipPath></defs></svg>');
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  width: 30px;
  height: 30px;
}
.raised-panel {
  /* Rectangle 141280 */
  box-sizing: border-box;
  /* card-gradient-bg */
  background: linear-gradient(190.35deg, #ecf3f8 13.55%, #f8fdff 96.01%);
  border: 3px solid #ffffff;
  /* drop-2-metacards */
  box-shadow: -3px -2px 4px rgba(31, 59, 96, 0.2), 2px 2px 3px rgba(116, 139, 157, 0.15);
}
.Save-button {
  color: var(--primary-color, #377fc4);
  border-radius: 20px 0 0 20px;
  height: 45px;
  font-style: normal;
  font-weight: 700;
  font-family: var(--font-family);
  font-size: 14px;
  line-height: 12px;
  cursor: pointer;
  background: var(--Save-button);
  box-shadow: 0px -2px 7px 2px rgba(116, 139, 157, 0.2) inset;
  border: var(--primary-border);
  width: auto;
  padding: 0.4375rem 0.875rem;
}
.Close-button {
  color: #8e99a1;
  border-radius: 0 20px 20px 0;
  height: 45px;
  font-style: normal;
  font-weight: 700;
  font-family: var(--font-family);
  font-size: 14px;
  line-height: 1;
  cursor: pointer;
  background: var(--Close-button);
  box-shadow: 0px -2px 7px 2px rgba(116, 139, 157, 0.2) inset;
  border: var(--primary-border);
  width: auto;
  padding: 0.4375rem 0.875rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.clear-button {
  color: #8e99a1;
  border-radius: 20px;
  height: 45px;
  font-style: normal;
  font-weight: 700;
  font-family: var(--font-family);
  font-size: 14px;
  line-height: 12px;
  cursor: pointer;
  background: var(--Clear-button);
  box-shadow: 0px -2px 7px 2px rgba(116, 139, 157, 0.2) inset;
  border: var(--primary-border);
  width: auto;
  padding: 0.4375rem 0.875rem;
}
.Save-button:hover,
.Close-button:hover {
  background-color: var(--hover-background, #f0f0f0);
  color: var(--hover-primary-color, #255b99);
}
.Search-input-box {
  border-radius: 20px;
  border: var(--primary-border);
  background: var(--Search-input-box);
  box-shadow: 2px 2px 7px 2px rgba(30, 84, 156, 0.18) inset, -3px -1px 10px 0px rgba(160, 183, 202, 0.15) inset;
  color: var(--primary-text-color);
}
.p-tabview .p-tabview-nav-container .p-tabview-nav-content .p-tabview-nav {
  background: var(--tab-background);
}
.p-tabview .p-tabview-nav-container .p-tabview-nav-content .p-tabview-nav li a {
  background: var(--tab-background);
}
.p-tabview-panels {
  background: var(--body-background);
}
[data-theme=dark] {
  color-scheme: dark;
  --dark-card-bg: #2C2C3E;
  --dark-card-bg-hover: #3a3a4e;
  --dark-card-border: #3a3a4e;
  --dark-text-primary: #FFFFFF;
  --dark-text-secondary: #E5E7EB;
  --dark-text-tertiary: #D1D5DB;
  --dark-text-muted: #9CA3AF;
  /* Semantic token overrides — surface + text are inverted; status ramps are preserved so red reads as red, green as green. */
  --text-color: #e8eef5;
  --text-color-muted: #b1c0d1;
  --text-color-subtle: #8ea0b5;
  --surface-ground: #14192b;
  --surface-raised: #1e1e2f;
  --surface-sunken: #0f1422;
  --surface-subtle: #23233a;
  --border-color: #2c2c3e;
  --border-color-soft: #23233a;
  --border-color-hover: #3d5d8a;
  /* Dark-mode overlay/border tokens — used by marketplace + general
     surfaces. Defined here so [data-theme='dark'] blocks elsewhere can
     reference them instead of hardcoding rgba(255, 255, 255, *) and
     #1E1E2F / #2C2C3E literals (the dark surface tokens already exist
     above as --surface-raised, --surface-ground, --dark-card-bg). */
  --border-subtle-dark: rgba(255, 255, 255, 0.1);
  --border-soft-dark: rgba(255, 255, 255, 0.15);
  --border-strong-dark: rgba(255, 255, 255, 0.2);
  --hover-overlay-dark: rgba(255, 255, 255, 0.05);
  --surface-overlay-dark: rgba(255, 255, 255, 0.08);
  --surface-deep-dark: #121212;
}
[data-theme=dark] .p-skeleton {
  background-color: #2a2a3a !important;
  border-radius: 12px;
}
[data-theme=dark] .p-skeleton::after {
  background: linear-gradient(90deg, rgba(42, 42, 58, 0) 0%, rgba(255, 255, 255, 0.05) 50%, rgba(42, 42, 58, 0) 100%) !important;
}
.ql-toolbar.ql-snow {
  border: var(--primary-border) !important;
  border-radius: 20px 20px 0px 0px;
}
.ql-container.ql-snow {
  border: var(--primary-border) !important;
  border-top: 0 !important;
}
.ql-editor.ql-blank::before {
  color: var(--primary-text-color) !important;
  opacity: 0.65;
}
.atlas-perspectives-detail-grid .p-datatable-wrapper {
  border-radius: 0 0 var(--border-radius) var(--border-radius);
  background: var(--component-background);
  box-shadow: var(--card-shadow);
}
.atlas-perspectives-detail-grid .p-datatable-wrapper table {
  font-size: var(--primary-font) tbody;
  font-size-height: 260px;
}
.atlas-perspectives-detail-grid .p-datatable-wrapper table thead tr th {
  background: var(--component-background);
  color: var(--primary-text-color);
  font-size: var(--primary-font);
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  border: none;
  padding: 8px 16px;
}
.atlas-perspectives-detail-grid .p-datatable-wrapper table tbody tr {
  background: var(--component-background);
  color: var(--primary-text-color);
  font-size: 13px;
}
.atlas-perspectives-detail-grid .p-datatable-wrapper table tbody tr:last-child td {
  border-bottom: none;
}
.subject-column {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.subject-column div {
  display: flex;
  align-items: center;
}
.subject-column div span {
  border-radius: var(--border-radius);
  border: var(--primary-border);
}
.subject-column div i {
  box-shadow: var(--element-shadow);
  border-radius: var(--border-radius);
  flex-shrink: 0;
  width: 30px;
  height: 30px;
}
.subject-column div .sphere-avatar-icon {
  background-color: red;
}
.subject-column .profile-icon {
  display: inline-block;
}
.search-bar {
  border-radius: var(--border-radius);
  border: var(--primary-border);
  background: var(--input-background, var(--component-background));
  box-shadow: var(--element-shadow);
}
.search-panel {
  display: -webkit-inline-box;
}
.search-panel .icon-container {
  border-radius: var(--border-radius);
  border: var(--primary-border);
  display: inline-flex;
  margin-right: 10px;
}
.search-panel i {
  box-shadow: var(--element-shadow);
  border-radius: var(--border-radius);
  width: 33px;
  height: 33px;
  flex-shrink: 0;
}
.perspectives-column span {
  border-radius: var(--border-radius);
  border: var(--primary-border);
}
.perspectives-column span i {
  box-shadow: var(--element-shadow);
  border-radius: var(--border-radius);
  flex-shrink: 0;
  width: 30px;
  height: 30px;
}
.description-column {
  font-size: var(--secondary-font);
}
.atlas-perspectives-detail-grid thead th:last-child {
  display: flex;
  align-items: center; /* Optional: ensure the content is vertically aligned */
}
.highlighted-row {
  background-color: var(--sphere-selector-background) !important; /* Highlight selected row */
}
.wrap-text {
  white-space: normal;
  word-wrap: break-word;
  word-break: break-word; /* Ensures long words break */
  max-width: 200px; /* Adjust width as needed */
}
.skeleton-table {
  width: 100%;
}
.skeleton-table td {
  padding: 0.5rem;
}
.detail-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  border-radius: var(--border-radius) var(--border-radius) 0 0;
  border: var(--primary-border);
  background: var(--component-background);
  padding: 6px 10px 6px 15px;
}
.detail-header h3 {
  color: var(--primary-text-color);
  font-family: var(--font-family);
  font-size: var(--sub-heading-font);
  font-weight: 600;
  margin: 0;
}
.p-datatable .p-datatable-header {
  padding: 0;
  background-color: transparent;
  border-top: none;
}
.p-datatable .p-datatable-header .add-assignee {
  font-size: var(--primary-font);
  color: #26a3e3; /* Icon color */
  border: 1px solid #26a3e3; /* Blue border */
  border-radius: 50%; /* Makes it circular */
  padding: 3px; /* Internal spacing for the circle */
  box-sizing: border-box; /* Include border in the size */
  transition: background-color 0.3s ease;
  cursor: pointer;
}
.p-datatable .p-datatable-header .add-assignee:hover {
  background-color: rgba(38, 163, 227, 0.1); /* Optional hover effect */
}
.atlas-perspectives-card {
  border: var(--primary-border);
  border-radius: var(--border-radius);
  display: flex;
  flex-direction: column;
  height: 100%;
}
.atlas-perspectives-card .atlas-perspectives-detail-grid {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.atlas-perspectives-card .atlas-perspectives-detail-grid .p-datatable-wrapper {
  flex: 1;
}
.perspective-select-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin: 1rem;
  border-radius: var(--border-radius);
  max-height: 325px;
  overflow-y: auto;
}
.perspective-select-wrapper label {
  margin: 0 0 0.5rem 0.5rem;
  color: var(--primary-text-color);
}
.perspective-select-wrapper .perspective-dropdown {
  width: 100%;
  margin-bottom: 0.5rem;
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item:hover {
  background: var(--hover-background);
}
.p-dropdown:focus-within {
  box-shadow: var(--card-shadow);
}
@charset "UTF-8";
.timeframe-sidebar {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-width: 0;
  font-family: Manrope, sans-serif;
  /* ── Mode toggle (Nearby / All) ───────────────────────────────────── */
}
.timeframe-sidebar__toggle {
  display: flex;
  padding: var(--spacing-sm);
  border-bottom: 1px solid var(--primary-border);
}
[data-theme=dark] .timeframe-sidebar__toggle {
  border-bottom-color: rgba(255, 255, 255, 0.1);
}
.timeframe-sidebar__toggle .button-atom {
  flex: 1;
}
.timeframe-sidebar {
  /* ── Loading skeleton ─────────────────────────────────────────────── */
}
.timeframe-sidebar__skeleton {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs);
  padding: var(--spacing-xs);
}
.timeframe-sidebar__skeleton-item {
  border-radius: var(--border-radius-sm);
}
.timeframe-sidebar {
  /* ── Info banner (auto-fallback notice) ────────────────────────────── */
}
.timeframe-sidebar__info {
  display: flex;
  align-items: center;
  gap: var(--spacing-xs);
  padding: var(--spacing-xs) var(--spacing-sm);
  margin: var(--spacing-xs);
  border-radius: var(--border-radius-sm);
  background: var(--highlight-bg, #e8f4fd);
  color: var(--secondary-text-color);
  font-size: 12px;
}
.timeframe-sidebar__info .pi-info-circle {
  color: var(--primary-color, #3b82f6);
  font-size: 14px;
  flex-shrink: 0;
}
[data-theme=dark] .timeframe-sidebar__info {
  background: rgba(59, 130, 246, 0.1);
}
[data-theme=dark] .timeframe-sidebar__info .pi-info-circle {
  color: var(--primary-color, #60a5fa);
}
.timeframe-sidebar {
  /* ── Empty states ─────────────────────────────────────────────────── */
}
.timeframe-sidebar__empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-xs);
  padding: var(--spacing-lg) var(--spacing-md);
  color: var(--secondary-text-color);
  font-size: 13px;
  text-align: center;
}
[data-theme=dark] .timeframe-sidebar__empty {
  color: var(--secondary-text-color);
}
.timeframe-sidebar__switch-link {
  background: none;
  border: none;
  color: var(--primary-color, #3b82f6);
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  text-decoration: underline;
  padding: 0;
}
.timeframe-sidebar__switch-link:hover {
  opacity: 0.8;
}
[data-theme=dark] .timeframe-sidebar__switch-link {
  color: var(--primary-color, #60a5fa);
}
.timeframe-sidebar {
  /* ── Timeframe list ───────────────────────────────────────────────── */
}
.timeframe-sidebar__list {
  list-style: none;
  margin: 0;
  padding: var(--spacing-xxs) 0;
  overflow-y: auto;
  flex: 1;
}
.timeframe-sidebar__item {
  display: flex;
  align-items: center;
  gap: var(--spacing-xs);
  padding: var(--spacing-xs) var(--spacing-sm);
  cursor: pointer;
  border-left: 3px solid transparent;
  transition: background 0.12s, border-color 0.12s;
}
.timeframe-sidebar__item:hover {
  background: var(--component-background);
}
.timeframe-sidebar__item--active {
  background: var(--highlight-bg, #e8f4fd);
  border-left-color: var(--primary-color, #3b82f6);
  font-weight: 600;
}
.timeframe-sidebar__item:focus-visible {
  outline: 2px solid var(--primary-color, #3b82f6);
  outline-offset: -2px;
  border-radius: var(--border-radius-sm);
}
[data-theme=dark] .timeframe-sidebar__item:hover {
  background: var(--component-background-dark);
}
[data-theme=dark] .timeframe-sidebar__item--active {
  background: rgba(59, 130, 246, 0.15);
  border-left-color: var(--primary-color, #60a5fa);
}
.timeframe-sidebar__item-name {
  flex: 1;
  font-size: 13px;
  color: var(--primary-text-color);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
[data-theme=dark] .timeframe-sidebar__item-name {
  color: var(--primary-text-color);
}
.timeframe-sidebar__org-badge {
  font-size: 10px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  padding: 1px var(--spacing-xxs);
  border-radius: var(--border-radius-sm);
  background: var(--component-background);
  color: var(--secondary-text-color);
}
[data-theme=dark] .timeframe-sidebar__org-badge {
  background: var(--component-background-dark);
  color: var(--secondary-text-color);
}
.period-card-atom {
  display: flex;
  flex-direction: column;
  padding: var(--spacing-sm);
  background: var(--component-background);
  border: 1px solid var(--surface-border, #dee2e6);
  border-radius: var(--border-radius-md);
  cursor: pointer;
  transition: border-color 0.2s, box-shadow 0.2s, background 0.2s;
  text-align: left;
  font-family: Manrope, sans-serif;
}
.period-card-atom:hover {
  box-shadow: var(--shadow-sm);
  background: var(--cta-secondary-hover-background, rgba(55, 127, 196, 0.04));
}
.period-card-atom:focus-visible {
  outline: 2px solid var(--cta-secondary-color, #377fc4);
  outline-offset: 2px;
}
.period-card-atom--selected {
  border-color: var(--cta-secondary-color, #377fc4);
  box-shadow: 0 0 0 1px var(--cta-secondary-color, #377fc4);
  background: var(--cta-secondary-hover-background, rgba(55, 127, 196, 0.06));
}
.period-card-atom__header {
  display: flex;
  align-items: center;
  gap: var(--spacing-xs);
  margin-bottom: var(--spacing-xxs);
}
.period-card-atom__check {
  display: inline-block;
  width: 16px;
  height: 16px;
  border-radius: var(--border-radius-sm);
  border: 2px solid var(--surface-border, #c3c9d0);
  flex-shrink: 0;
  transition: background 0.15s, border-color 0.15s;
}
.period-card-atom__check--active {
  background: var(--cta-secondary-color, #377fc4);
  border-color: var(--cta-secondary-color, #377fc4);
}
.period-card-atom__name {
  font-weight: 600;
  color: var(--primary-text-color);
  font-size: 14px;
  line-height: 1.3;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.period-card-atom__dates {
  color: var(--secondary-text-color);
  font-size: 12px;
  margin-bottom: var(--spacing-xs);
  padding-left: calc(16px + var(--spacing-xs));
}
.period-card-atom__footer {
  display: flex;
  align-items: center;
  gap: var(--spacing-xs);
  padding-left: calc(16px + var(--spacing-xs));
}
.period-card-atom__dot {
  font-size: 10px;
  color: var(--secondary-text-color);
  line-height: 1;
}
.period-card-atom__dot--mat {
  color: var(--green-500, #22c55e);
}
.period-card-atom__now {
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.5px;
  padding: 1px var(--spacing-xxs);
  border-radius: var(--border-radius-sm);
  background: rgba(234, 179, 8, 0.15);
  color: var(--orange-700, #b45309);
  line-height: 1.4;
}
[data-theme=dark] .period-card-atom {
  background: #1E1E2F;
  border-color: rgba(255, 255, 255, 0.1);
}
[data-theme=dark] .period-card-atom:hover {
  background: #252540;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
  border-color: rgba(255, 255, 255, 0.15);
}
[data-theme=dark] .period-card-atom--selected {
  background: rgba(55, 127, 196, 0.15);
  border-color: var(--cta-secondary-color, #377fc4);
}
[data-theme=dark] .period-card-atom .period-card-atom__check {
  border-color: rgba(255, 255, 255, 0.25);
}
[data-theme=dark] .period-card-atom .period-card-atom__name {
  color: var(--primary-text-color, #e0e0e0);
}
[data-theme=dark] .period-card-atom .period-card-atom__dates {
  color: var(--secondary-text-color, #9ca3af);
}
[data-theme=dark] .period-card-atom .period-card-atom__dot--mat {
  color: var(--green-400, #4ade80);
}
[data-theme=dark] .period-card-atom .period-card-atom__now {
  background: rgba(234, 179, 8, 0.2);
  color: var(--yellow-400, #fbbf24);
}
@media (max-width: 768px) {
  .period-card-atom {
    width: 100%;
  }
}
@charset "UTF-8";
.period-grid {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 0;
  min-width: 0;
  overflow: hidden;
  font-family: Manrope, sans-serif;
  /* ── Header: title + level pills + date navigator ──────────────── */
}
.period-grid__header {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs);
  padding: var(--spacing-sm) var(--spacing-md);
  border-bottom: 1px solid var(--primary-border);
}
[data-theme=dark] .period-grid__header {
  border-bottom-color: var(--primary-border-dark);
}
.period-grid__title {
  margin: 0;
  font-size: 16px;
  font-weight: 600;
  color: var(--primary-text-color);
}
.period-grid {
  /* ── Card grid (auto-fill, responsive) ─────────────────────────── */
}
.period-grid__cards {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
  gap: var(--spacing-xs);
  padding: var(--spacing-md);
  overflow-y: auto;
  flex: 1;
  min-height: 0;
  align-content: start;
}
.period-grid__cards--skeleton {
  grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
}
.period-grid__skeleton-card {
  border-radius: var(--border-radius-md);
}
.period-grid {
  /* ── Empty state ───────────────────────────────────────────────── */
}
.period-grid__empty {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
  padding: var(--spacing-xl) var(--spacing-md);
  color: var(--secondary-text-color);
  font-size: 14px;
  text-align: center;
}
.period-grid {
  /* ── Dark mode ─────────────────────────────────────────────────── */
}
[data-theme=dark] .period-grid__title {
  color: var(--primary-text-color, #e0e0e0);
}
[data-theme=dark] .period-grid__skeleton-card {
  background: #1E1E2F;
  border: 1px solid rgba(255, 255, 255, 0.1);
}
.period-selector-organism {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 0;
  flex: 1;
  background: var(--component-background);
  border-radius: var(--border-radius-md);
  overflow: hidden;
  /* ---- Top search bar ---- */
}
.period-selector-organism__search {
  padding: var(--spacing-sm) var(--spacing-md);
  border-bottom: 1px solid var(--primary-border);
}
.period-selector-organism__search-wrapper {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
}
.period-selector-organism__search-icon {
  position: absolute;
  left: var(--spacing-sm);
  color: var(--secondary-text-color);
  font-size: 14px;
  pointer-events: none;
  z-index: 1;
}
.period-selector-organism__search-input {
  width: 100%;
  padding-left: var(--spacing-xl) !important;
  padding-right: var(--spacing-xl) !important;
}
.period-selector-organism__search-clear {
  position: absolute;
  right: var(--spacing-xs);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.5rem;
  height: 1.5rem;
  padding: 0;
  border: none;
  border-radius: var(--border-radius-sm);
  background: transparent;
  color: var(--secondary-text-color);
  cursor: pointer;
  font-size: 12px;
}
.period-selector-organism__search-clear:hover {
  background: var(--primary-border);
  color: var(--primary-text-color);
}
.period-selector-organism__search-clear:focus-visible {
  outline: 2px solid var(--focus-ring-color, #2196f3);
  outline-offset: 1px;
}
.period-selector-organism {
  /* ---- Two-panel layout ---- */
}
.period-selector-organism__panels {
  display: flex;
  flex: 1;
  min-height: 0;
  overflow: hidden;
  max-height: 100%;
}
.period-selector-organism__sidebar {
  width: 250px;
  min-width: 250px;
  border-right: 1px solid var(--primary-border);
  overflow-y: auto;
}
.period-selector-organism__grid {
  flex: 1;
  min-width: 0;
  min-height: 0;
  overflow-y: auto;
}
.period-selector-organism {
  /* ---- Dark mode ---- */
}
[data-theme=dark] .period-selector-organism {
  background: #121212;
}
[data-theme=dark] .period-selector-organism .period-selector-organism__search {
  border-bottom-color: rgba(255, 255, 255, 0.1);
}
[data-theme=dark] .period-selector-organism .period-selector-organism__search-input {
  background: #1E1E2F;
  border-color: rgba(255, 255, 255, 0.1);
  color: var(--primary-text-color, #e0e0e0);
}
[data-theme=dark] .period-selector-organism .period-selector-organism__search-input::-moz-placeholder {
  color: var(--secondary-text-color, #6c757d);
}
[data-theme=dark] .period-selector-organism .period-selector-organism__search-input::placeholder {
  color: var(--secondary-text-color, #6c757d);
}
[data-theme=dark] .period-selector-organism .period-selector-organism__sidebar {
  border-right-color: rgba(255, 255, 255, 0.1);
  background: #161625;
}
[data-theme=dark] .period-selector-organism .period-selector-organism__grid {
  background: #121212;
}
[data-theme=dark] .period-selector-organism .period-selector-organism__search-clear:hover {
  background: rgba(255, 255, 255, 0.1);
}
/* ---- PrimeReact Dialog layout fix ---- */
.period-selector-dialog .p-dialog-content {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
}
/* ---- PrimeReact Dialog dark mode override ---- */
[data-theme=dark] .period-selector-dialog .p-dialog-header {
  background: #1E1E2F;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  color: var(--primary-text-color, #e0e0e0);
}
[data-theme=dark] .period-selector-dialog .p-dialog-header .p-dialog-title {
  color: var(--primary-text-color, #e0e0e0);
}
[data-theme=dark] .period-selector-dialog .p-dialog-header .p-dialog-header-icon {
  color: var(--secondary-text-color, #9ca3af);
}
[data-theme=dark] .period-selector-dialog .p-dialog-header .p-dialog-header-icon:hover {
  background: rgba(255, 255, 255, 0.1);
  color: var(--primary-text-color, #e0e0e0);
}
[data-theme=dark] .period-selector-dialog .p-dialog-content {
  background: #121212;
  padding: 0;
}
.perspective-assignments-panel {
  padding: 6px 16px 16px 16px;
  border-radius: 8px;
  height: 100%;
  width: auto;
  background: transparent;
}
.perspective-assignments-panel h3 {
  margin-top: 0px;
  margin-bottom: 16px;
  font-size: 20px;
  color: var(--primary-text-color);
}
.perspective-assignments-panel .perspective-section {
  margin-bottom: 24px;
}
.perspective-assignments-panel .perspective-section h4 {
  margin-bottom: 8px;
  font-size: var(--sub-heading-font);
  color: var(--primary-text-color);
}
.perspective-assignments-panel .perspective-section .perspective-item {
  margin-bottom: 12px;
}
.perspective-assignments-panel .perspective-section .perspective-item label {
  margin-bottom: 4px;
  display: block;
  font-weight: 500;
  color: var(--primary-text-color);
  font-size: var(--sub-heading-font);
}
.perspective-assignments-panel .perspective-section .perspective-item .perspective-selector {
  width: 100%;
  max-width: 500px;
}
.perspective-assignments-panel .perspective-section .perspective-item .perspective-selector .p-dropdown-label {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
.perspective-assignments-panel .perspective-section .perspective-item .perspective-selector .p-dropdown-label .dropdown-selected-item {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
.perspective-assignments-panel .perspective-section .perspective-item .perspective-selector .p-dropdown-label .placeholder-text {
  color: var(--primary-text-color);
}
.perspective-assignments-panel .perspective-section .perspective-item .node-perspective-selector span:last-child {
  color: var(--primary-text-color);
}
.perspective-assignments-panel .perspective-section .show-more-button {
  margin-top: 12px;
  padding: 8px 16px;
  background-color: #940202;
  color: #ffffff;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  font-family: var(--font-family);
}
.perspective-assignments-panel .perspective-section .show-more-button:hover {
  background-color: #b30000;
}
.perspective-assignments-panel .perspective-selector.is-invalid.p-dropdown {
  border: 2px solid orange;
}
.perspective-assignments-panel .invalid-feedback {
  color: red;
  margin-top: 4px;
}
@media (max-width: 768px) {
  .perspective-assignments-panel {
    padding: 12px;
    width: 100%;
    background: rgba(255, 255, 255, 0.5);
    border-radius: 12px;
    margin-top: 0;
  }
  [data-theme=dark] .perspective-assignments-panel {
    background: rgba(44, 44, 62, 0.5);
  }
  .perspective-assignments-panel h3 {
    font-size: 18px;
    margin-bottom: 12px;
  }
  .perspective-assignments-panel .perspective-section {
    margin-bottom: 16px;
  }
  .perspective-assignments-panel .perspective-section .perspective-item {
    margin-bottom: 10px;
  }
  .perspective-assignments-panel .perspective-section .perspective-item .perspective-selector {
    width: 100% !important;
    max-width: 100%;
  }
  .perspective-assignments-panel .perspective-section .show-more-button {
    width: 100%;
    padding: 12px;
    font-size: 16px;
    margin-top: 8px;
  }
}
/**
 * DirtyIndicatorAtom.scss
 *
 * Styles for the dirty/unsaved changes indicator.
 */
.dirty-indicator {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.dirty-indicator--badge {
  width: 16px;
  height: 16px;
  border-radius: 4px;
  background-color: var(--blue-500, #3B82F6);
  color: white;
  font-size: 0.625rem;
  font-weight: 700;
  text-transform: uppercase;
}
.dirty-indicator--dot {
  width: 8px;
  height: 8px;
}
.dirty-indicator__dot {
  display: block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: var(--blue-500, #3B82F6);
  animation: pulse-dirty 2s infinite;
}
@keyframes pulse-dirty {
  0%, 100% {
    opacity: 1;
    transform: scale(1);
  }
  50% {
    opacity: 0.7;
    transform: scale(0.9);
  }
}
[data-theme=dark] .dirty-indicator--badge {
  background-color: var(--blue-400, #60a5fa);
  color: var(--gray-900, #18181b);
}
[data-theme=dark] .dirty-indicator__dot {
  background-color: var(--blue-400, #60a5fa);
}
/**
 * FactorListItemAtom.scss
 *
 * Styles for the factor list item in the sidebar.
 */
.factor-list-item {
  display: flex;
  align-items: center;
  gap: var(--spacing-sm, 0.5rem);
  padding: var(--spacing-sm, 0.5rem) var(--spacing-md, 1rem);
  cursor: pointer;
  border-bottom: 1px solid var(--surface-border, #dee2e6);
  background: var(--surface-card, #ffffff);
  transition: background-color 0.15s ease, border-left-color 0.15s ease;
  border-left: 3px solid transparent;
}
.factor-list-item:last-child {
  border-bottom: none;
}
.factor-list-item:hover {
  background: var(--surface-hover, #f8f9fa);
}
.factor-list-item:focus {
  outline: 2px solid var(--primary-color, #3B82F6);
  outline-offset: -2px;
}
.factor-list-item:focus:not(:focus-visible) {
  outline: none;
}
.factor-list-item--selected {
  background: var(--primary-50, #eff6ff);
  border-left-color: var(--primary-color, #3B82F6);
}
.factor-list-item--selected:hover {
  background: var(--primary-100, #dbeafe);
}
.factor-list-item--deactivated {
  opacity: 0.6;
}
.factor-list-item--deactivated .factor-list-item__icon-badge {
  background: var(--gray-100, #f3f4f6);
  color: var(--gray-400, #9ca3af);
}
.factor-list-item--deactivated .factor-list-item__name {
  color: var(--text-secondary, #6c757d);
  font-style: italic;
}
.factor-list-item--has-errors {
  border-left-color: var(--red-500, #ef4444);
}
.factor-list-item--has-errors.factor-list-item--selected {
  border-left-color: var(--red-500, #ef4444);
  background: var(--red-50, #fef2f2);
}
.factor-list-item--has-errors.factor-list-item--selected:hover {
  background: var(--red-100, #fee2e2);
}
.factor-list-item__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.factor-list-item__icon-badge {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 6px;
  background: var(--surface-ground, #f8f9fa);
  color: var(--text-secondary, #6c757d);
  font-size: 0.75rem;
  font-weight: 600;
}
.factor-list-item__content {
  flex: 1;
  min-width: 0;
  display: flex;
  align-items: center;
  gap: var(--spacing-xs, 0.25rem);
}
.factor-list-item__name {
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--text-color, #212529);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.factor-list-item__error-hint {
  flex-shrink: 0;
  color: var(--red-500, #ef4444);
  font-size: 0.75rem;
}
.factor-list-item__error-hint i {
  font-size: 0.875rem;
}
.factor-list-item__badges {
  display: flex;
  align-items: center;
  gap: var(--spacing-xs, 0.25rem);
  flex-shrink: 0;
}
[data-theme=dark] .factor-list-item {
  border-bottom-color: var(--surface-border, #3f3f46);
  background: var(--component-background);
}
[data-theme=dark] .factor-list-item:hover {
  background: var(--hover-background);
}
[data-theme=dark] .factor-list-item--selected {
  background: rgba(59, 130, 246, 0.15);
  border-left-color: var(--primary-400, #60a5fa);
}
[data-theme=dark] .factor-list-item--selected:hover {
  background: rgba(59, 130, 246, 0.2);
}
[data-theme=dark] .factor-list-item--has-errors {
  border-left-color: var(--red-400, #f87171);
}
[data-theme=dark] .factor-list-item--has-errors.factor-list-item--selected {
  border-left-color: var(--red-400, #f87171);
  background: rgba(239, 68, 68, 0.15);
}
[data-theme=dark] .factor-list-item--has-errors.factor-list-item--selected:hover {
  background: rgba(239, 68, 68, 0.2);
}
[data-theme=dark] .factor-list-item--deactivated {
  opacity: 0.55;
}
[data-theme=dark] .factor-list-item--deactivated .factor-list-item__icon-badge {
  background: var(--surface-ground, #18181b);
  color: var(--gray-500, #71717a);
}
[data-theme=dark] .factor-list-item--deactivated .factor-list-item__name {
  color: var(--gray-500, #71717a);
}
[data-theme=dark] .factor-list-item__icon-badge {
  background: var(--surface-ground, #18181b);
  color: var(--text-secondary, #a1a1aa);
}
[data-theme=dark] .factor-list-item__name {
  color: var(--primary-text-color);
}
/**
 * FactorSidebarMolecule.scss
 *
 * Styles for the factor sidebar in the master/detail layout.
 */
.factor-sidebar {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
  background: var(--surface-card, #ffffff);
}
.factor-sidebar__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: var(--spacing-sm, 0.75rem) var(--spacing-md, 1rem);
  border-bottom: 1px solid var(--surface-border, #dee2e6);
  background: var(--surface-ground, #f8f9fa);
  flex-shrink: 0;
}
.factor-sidebar__title {
  display: flex;
  align-items: center;
  gap: var(--spacing-xs, 0.25rem);
}
.factor-sidebar__title-text {
  font-weight: 600;
  font-size: 0.875rem;
  color: var(--text-color, #212529);
  text-transform: uppercase;
  letter-spacing: 0.025em;
}
.factor-sidebar__count {
  font-size: 0.75rem;
  color: var(--text-secondary, #6c757d);
  font-weight: 500;
}
.factor-sidebar__add-btn.p-button {
  width: 28px;
  height: 28px;
  padding: 0;
}
.factor-sidebar__add-btn.p-button .p-button-icon {
  font-size: 0.875rem;
}
.factor-sidebar__list {
  flex: 1;
  overflow-y: auto;
  overflow-x: hidden;
}
.factor-sidebar__empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-xl, 2rem) var(--spacing-md, 1rem);
  text-align: center;
  color: var(--text-secondary, #6c757d);
}
.factor-sidebar__empty i {
  font-size: 2rem;
  margin-bottom: var(--spacing-sm, 0.5rem);
  opacity: 0.5;
}
.factor-sidebar__empty p {
  margin: 0 0 var(--spacing-md, 1rem);
  font-size: 0.875rem;
}
.factor-sidebar__deactivated {
  border-top: 1px solid var(--surface-border, #dee2e6);
  flex-shrink: 0;
}
.factor-sidebar__deactivated-header {
  display: flex;
  align-items: center;
  gap: var(--spacing-xs, 0.25rem);
  width: 100%;
  padding: var(--spacing-xs, 0.5rem) var(--spacing-md, 1rem);
  border: none;
  background: var(--surface-ground, #f8f9fa);
  cursor: pointer;
  font-family: inherit;
  color: var(--text-secondary, #6c757d);
}
.factor-sidebar__deactivated-header:hover {
  background: var(--surface-hover, #e9ecef);
}
.factor-sidebar__deactivated-header i {
  font-size: 0.625rem;
  transition: transform 0.15s ease;
}
.factor-sidebar__deactivated-title {
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.025em;
}
.factor-sidebar__deactivated-count {
  font-size: 0.75rem;
  font-weight: 500;
}
.factor-sidebar__deactivated-list {
  max-height: 200px;
  overflow-y: auto;
}
.factor-sidebar__footer {
  padding: var(--spacing-sm, 0.5rem) var(--spacing-md, 1rem);
  border-top: 1px solid var(--surface-border, #dee2e6);
  background: var(--surface-ground, #f8f9fa);
  flex-shrink: 0;
}
.factor-sidebar__dirty-status {
  display: flex;
  align-items: center;
  gap: var(--spacing-xs, 0.25rem);
  font-size: 0.75rem;
  color: var(--blue-600, #2563eb);
}
.factor-sidebar__dirty-status i {
  font-size: 0.875rem;
}
[data-theme=dark] .factor-sidebar {
  border-right-color: var(--surface-border, #3f3f46);
  background: var(--component-background);
}
[data-theme=dark] .factor-sidebar__header {
  border-bottom-color: var(--surface-border, #3f3f46);
  background: var(--component-background);
}
[data-theme=dark] .factor-sidebar__title-text {
  color: var(--primary-text-color);
}
[data-theme=dark] .factor-sidebar__footer {
  border-top-color: var(--surface-border, #3f3f46);
  background: var(--component-background);
}
[data-theme=dark] .factor-sidebar__dirty-status {
  color: var(--blue-400, #60a5fa);
}
[data-theme=dark] .factor-sidebar__deactivated {
  border-top-color: var(--surface-border, #3f3f46);
}
[data-theme=dark] .factor-sidebar__deactivated-header {
  background: var(--component-background);
  color: var(--text-secondary, #a1a1aa);
}
[data-theme=dark] .factor-sidebar__deactivated-header:hover {
  background: var(--surface-hover, #27272a);
}
/**
 * FactorTypeSelectorMolecule.scss
 *
 * Styles for the factor type selector cards.
 */
.factor-type-selector__title {
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--text-color, #212529);
  margin: 0 0 var(--spacing-md, 1rem);
  text-transform: uppercase;
  letter-spacing: 0.025em;
}
.factor-type-selector__options {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm, 0.5rem);
}
.factor-type-selector--disabled {
  opacity: 0.6;
  pointer-events: none;
}
.factor-type-card {
  display: flex;
  align-items: flex-start;
  gap: var(--spacing-md, 1rem);
  padding: var(--spacing-md, 1rem);
  border: 2px solid var(--surface-border, #dee2e6);
  border-radius: var(--border-radius, 8px);
  background: var(--surface-card, #ffffff);
  cursor: pointer;
  transition: border-color 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease;
}
.factor-type-card:hover {
  border-color: var(--primary-300, #93c5fd);
  background: var(--surface-hover, #f8f9fa);
}
.factor-type-card:focus {
  outline: 2px solid var(--primary-color, #3B82F6);
  outline-offset: 2px;
}
.factor-type-card:focus:not(:focus-visible) {
  outline: none;
}
.factor-type-card--selected {
  border-color: var(--primary-color, #3B82F6);
  background: var(--primary-50, #eff6ff);
  box-shadow: 0 0 0 1px var(--primary-color, #3B82F6);
}
.factor-type-card--selected:hover {
  border-color: var(--primary-color, #3B82F6);
  background: var(--primary-100, #dbeafe);
}
.factor-type-card__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: var(--border-radius, 8px);
  background: var(--surface-ground, #f8f9fa);
  color: var(--text-secondary, #6c757d);
  flex-shrink: 0;
}
.factor-type-card__icon i {
  font-size: 1.25rem;
}
.factor-type-card--selected .factor-type-card__icon {
  background: var(--primary-100, #dbeafe);
  color: var(--primary-color, #3B82F6);
}
.factor-type-card__content {
  flex: 1;
  min-width: 0;
}
.factor-type-card__label {
  display: block;
  font-weight: 600;
  font-size: 0.9375rem;
  color: var(--text-color, #212529);
  margin-bottom: 4px;
}
.factor-type-card__description {
  display: block;
  font-size: 0.8125rem;
  color: var(--text-secondary, #6c757d);
  line-height: 1.4;
}
.factor-type-card__check {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: var(--primary-color, #2563eb);
  color: white;
  flex-shrink: 0;
  align-self: center;
}
.factor-type-card__check i {
  font-size: 0.75rem;
}
[data-theme=dark] .factor-type-selector__title {
  color: var(--primary-text-color);
}
[data-theme=dark] .factor-type-card {
  border-color: var(--surface-border, #3f3f46);
  background: var(--component-background);
}
[data-theme=dark] .factor-type-card:hover {
  border-color: var(--primary-400, #60a5fa);
  background: var(--hover-background);
}
[data-theme=dark] .factor-type-card--selected {
  border-color: var(--primary-400, #60a5fa);
  background: rgba(59, 130, 246, 0.15);
  box-shadow: 0 0 0 1px var(--primary-400, #60a5fa);
}
[data-theme=dark] .factor-type-card--selected:hover {
  border-color: var(--primary-400, #60a5fa);
  background: rgba(59, 130, 246, 0.2);
}
[data-theme=dark] .factor-type-card__icon {
  background: var(--surface-ground, #18181b);
  color: var(--text-secondary, #a1a1aa);
}
.factor-type-card--selected [data-theme=dark] .factor-type-card__icon {
  background: rgba(59, 130, 246, 0.2);
  color: var(--primary-400, #60a5fa);
}
[data-theme=dark] .factor-type-card__label {
  color: var(--primary-text-color);
}
[data-theme=dark] .factor-type-card__check {
  background: var(--primary-400, #60a5fa);
}
/**
 * CollapsibleSectionAtom.scss
 *
 * Styles for the collapsible section component used in factor editors.
 */
.collapsible-section {
  border: 1px solid var(--surface-border, #dee2e6);
  border-radius: var(--border-radius, 6px);
  background: var(--surface-card, #ffffff);
  margin-bottom: var(--spacing-sm, 0.5rem);
  overflow: hidden;
  transition: border-color 0.2s ease;
}
.collapsible-section:last-child {
  margin-bottom: 0;
}
.collapsible-section__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: var(--spacing-sm, 0.75rem) var(--spacing-md, 1rem);
  background: var(--surface-ground, #f8f9fa);
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  transition: background-color 0.2s ease;
}
.collapsible-section__header:hover {
  background: var(--surface-hover, #e9ecef);
}
.collapsible-section__header:focus {
  outline: 2px solid var(--primary-color, #3B82F6);
  outline-offset: -2px;
}
.collapsible-section__header:focus:not(:focus-visible) {
  outline: none;
}
.collapsible-section__header-content {
  display: flex;
  align-items: center;
  gap: var(--spacing-sm, 0.5rem);
  flex: 1;
  min-width: 0;
}
.collapsible-section__step-number {
  font-weight: 600;
  color: var(--text-secondary, #6c757d);
  font-size: var(--font-size-sm, 0.875rem);
  text-transform: uppercase;
  flex-shrink: 0;
}
.collapsible-section__title-wrapper {
  display: flex;
  flex-direction: column;
  min-width: 0;
}
.collapsible-section__title {
  font-weight: 600;
  font-size: var(--font-size-base, 1rem);
  color: var(--text-color, #212529);
  text-transform: uppercase;
  letter-spacing: 0.025em;
}
.collapsible-section__subtitle {
  font-size: var(--font-size-sm, 0.875rem);
  color: var(--text-secondary, #6c757d);
  margin-top: 2px;
}
.collapsible-section__error-indicator {
  color: var(--red-500, #ef4444);
  flex-shrink: 0;
  animation: pulse-error 2s infinite;
}
.collapsible-section__error-indicator i {
  font-size: 1rem;
}
.collapsible-section__header-actions {
  display: flex;
  align-items: center;
  gap: var(--spacing-sm, 0.5rem);
  flex-shrink: 0;
}
.collapsible-section__actions {
  display: flex;
  align-items: center;
  gap: var(--spacing-xs, 0.25rem);
}
.collapsible-section__toggle-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  color: var(--text-secondary, #6c757d);
  transition: transform 0.2s ease;
}
.collapsible-section__toggle-icon i {
  font-size: 0.75rem;
}
.collapsible-section__content {
  overflow: hidden;
  transition: height 0.3s ease;
  background: var(--component-background);
}
.collapsible-section__content-inner {
  padding: var(--spacing-md, 1rem);
  border-top: 1px solid var(--surface-border, #dee2e6);
}
.collapsible-section--expanded .collapsible-section__header {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.collapsible-section--has-errors {
  border-color: var(--red-400, #f87171);
}
.collapsible-section--has-errors .collapsible-section__header {
  background: var(--red-50, #fef2f2);
}
.collapsible-section--has-errors .collapsible-section__header:hover {
  background: var(--red-100, #fee2e2);
}
.collapsible-section--has-errors .collapsible-section__title {
  color: var(--red-700, #b91c1c);
}
.collapsible-section--disabled {
  opacity: 0.6;
  pointer-events: none;
}
.collapsible-section--disabled .collapsible-section__header {
  cursor: not-allowed;
}
@keyframes pulse-error {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.6;
  }
}
[data-theme=dark] .collapsible-section {
  border-color: var(--surface-border, #3f3f46);
  background: var(--surface-card, #27272a);
}
[data-theme=dark] .collapsible-section__header {
  background: var(--component-background);
}
[data-theme=dark] .collapsible-section__header:hover {
  background: var(--hover-background);
}
[data-theme=dark] .collapsible-section__title {
  color: var(--primary-text-color);
}
[data-theme=dark] .collapsible-section__content-inner {
  border-top-color: var(--surface-border, #3f3f46);
}
[data-theme=dark] .collapsible-section--has-errors {
  border-color: var(--red-500, #ef4444);
}
[data-theme=dark] .collapsible-section--has-errors .collapsible-section__header {
  background: rgba(239, 68, 68, 0.1);
}
[data-theme=dark] .collapsible-section--has-errors .collapsible-section__header:hover {
  background: rgba(239, 68, 68, 0.15);
}
[data-theme=dark] .collapsible-section--has-errors .collapsible-section__title {
  color: var(--red-400, #f87171);
}
/**
 * RelatedSpheresEditorMolecule.scss
 *
 * Styles for the Related Spheres factor editor.
 */
.related-spheres-editor {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm, 0.5rem);
}
.related-spheres-editor--disabled {
  opacity: 0.7;
  pointer-events: none;
}
.related-spheres-editor__section {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md, 1rem);
}
.related-spheres-editor__filters {
  margin-top: var(--spacing-sm, 0.5rem);
}
.form-field {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.form-field label {
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--text-color, #212529);
}
.form-field--compact {
  max-width: 160px;
}
.form-hint {
  font-size: 0.75rem;
  color: var(--text-secondary, #6c757d);
  line-height: 1.4;
}
.form-row--two-col {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: var(--spacing-md, 1rem);
  align-items: start;
}
@media (max-width: 600px) {
  .form-row--two-col {
    grid-template-columns: 1fr;
  }
}
[data-theme=dark] .form-field label {
  color: var(--primary-text-color);
}
[data-theme=dark] .form-hint {
  color: var(--text-secondary, #a1a1aa);
}
/**
 * ArcHealthEditorMolecule.scss
 *
 * Styles for the arc health factor editor.
 * Uses design system tokens and follows form-field patterns from other editors.
 */
.arc-health-editor {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md, 1rem);
}
.arc-health-editor__form {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md, 1rem);
}
.arc-health-editor__how-it-works ul {
  margin: 0;
  padding-left: var(--spacing-lg, 1.5rem);
}
.arc-health-editor__how-it-works ul li {
  margin-bottom: var(--spacing-sm, 0.5rem);
  color: var(--text-color, #212529);
  font-size: var(--font-size-sm, 0.875rem);
  line-height: 1.5;
}
.arc-health-editor__how-it-works ul li:last-child {
  margin-bottom: 0;
}
.form-field {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs, 0.25rem);
}
.form-field__label {
  font-weight: var(--font-weight-medium, 500);
  font-size: var(--font-size-sm, 0.875rem);
  color: var(--text-color, #212529);
}
.form-field__optional {
  font-weight: var(--font-weight-normal, 400);
  color: var(--text-secondary, #6c757d);
  margin-left: var(--spacing-xs, 0.25rem);
}
.form-field__error {
  color: var(--red-500, #ef4444);
  font-size: var(--font-size-xs, 0.75rem);
}
.form-field__input-group {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs, 0.25rem);
}
.form-field--inline {
  flex-direction: row;
  align-items: flex-start;
  gap: var(--spacing-md, 1rem);
}
.form-field--inline .form-field__label {
  min-width: 80px;
  padding-top: var(--spacing-xs, 0.5rem);
}
.form-field .atlas-input-atom,
.form-field .textarea-atom,
.form-field .p-inputtext,
.form-field .p-inputtextarea {
  width: 100%;
}
.form-field .p-inputnumber {
  width: 120px;
}
.form-hint {
  color: var(--text-secondary, #6c757d);
  font-size: var(--font-size-xs, 0.75rem);
}
[data-theme=dark] .arc-health-editor__how-it-works ul li {
  color: var(--text-color, #fafafa);
}
[data-theme=dark] .form-field__label {
  color: var(--text-color, #fafafa);
}
[data-theme=dark] .form-field__optional {
  color: var(--text-secondary, #a1a1aa);
}
[data-theme=dark] .form-field__error {
  color: var(--red-400, #f87171);
}
[data-theme=dark] .form-hint {
  color: var(--text-secondary, #a1a1aa);
}
/**
 * CheckInScheduleEditorMolecule.scss
 * Styles for the check-in schedule configuration editor
 */
.checkin-schedule-editor {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg, 1.5rem);
  padding: var(--spacing-md, 1rem);
  background: var(--surface-card, #ffffff);
  border-radius: var(--border-radius-lg, 8px);
}
.checkin-schedule-editor__section {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md, 1rem);
}
.checkin-schedule-editor__section-title {
  margin: 0;
  font-size: var(--font-size-lg, 1.125rem);
  font-weight: 600;
  color: var(--primary-text-color, #1e293b);
  padding-bottom: var(--spacing-xs, 0.5rem);
  border-bottom: 1px solid var(--surface-border, #e2e8f0);
}
.checkin-schedule-editor__source-selector .p-selectbutton {
  display: flex;
  gap: var(--spacing-sm, 0.5rem);
}
.checkin-schedule-editor__source-selector .p-selectbutton .p-button {
  flex: 1;
  justify-content: center;
  padding: var(--spacing-sm, 0.75rem) var(--spacing-md, 1rem);
}
.checkin-schedule-editor__source-selector .p-selectbutton .p-button.p-highlight {
  background: var(--primary-color, #3b82f6);
  border-color: var(--primary-color, #3b82f6);
}
.checkin-schedule-editor__field {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs, 0.5rem);
}
.checkin-schedule-editor__field .p-treeselect {
  background: var(--Search-input-box);
  border: var(--primary-border);
  border-radius: var(--border-radius);
}
.checkin-schedule-editor__field .p-treeselect .p-treeselect-label-container .p-treeselect-label {
  color: var(--primary-text-color);
}
.checkin-schedule-editor__field > label {
  font-size: var(--font-size-sm, 0.875rem);
  font-weight: 500;
  color: var(--secondary-text-color);
}
.checkin-schedule-editor__field .w-full {
  width: 100%;
}
.checkin-schedule-editor__field-row {
  display: flex;
  gap: var(--spacing-md, 1rem);
}
.checkin-schedule-editor__field-row .checkin-schedule-editor__field {
  flex: 1;
  min-width: 0;
}
@media (max-width: 640px) {
  .checkin-schedule-editor__field-row {
    flex-direction: column;
  }
}
.checkin-schedule-editor__hint {
  font-size: var(--font-size-xs, 0.75rem);
  color: var(--secondary-text-color);
  margin-top: var(--spacing-2xs, 0.25rem);
}
.checkin-schedule-editor__hint--block {
  display: block;
  margin-top: var(--spacing-xs, 0.5rem);
}
.checkin-schedule-editor__checkbox-field {
  flex-direction: row;
  align-items: center;
  gap: var(--spacing-sm, 0.5rem);
}
.checkin-schedule-editor__checkbox-label {
  font-size: var(--font-size-sm, 0.875rem);
  font-weight: 500;
  color: var(--primary-text-color);
  cursor: pointer;
}
.checkin-schedule-editor__field--indented {
  margin-left: var(--spacing-lg, 1.5rem);
  padding-left: var(--spacing-md, 1rem);
  border-left: 2px solid var(--surface-border, #e2e8f0);
}
.checkin-schedule-editor__time-input {
  padding: var(--spacing-sm, 0.5rem) var(--spacing-md, 0.75rem);
  border: 1px solid var(--surface-border, #e2e8f0);
  border-radius: var(--border-radius-md, 6px);
  font-size: var(--font-size-base, 1rem);
  color: var(--primary-text-color, #1e293b);
  background: var(--surface-ground, #f8fafc);
  width: 100%;
  max-width: 150px;
}
.checkin-schedule-editor__time-input:focus {
  outline: none;
  border-color: var(--primary-color, #3b82f6);
  box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.2);
}
.checkin-schedule-editor__time-input:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
.checkin-schedule-editor__assignments {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm, 0.5rem);
  margin-top: var(--spacing-sm, 0.5rem);
}
.checkin-schedule-editor__assignments > label {
  font-size: var(--font-size-sm, 0.875rem);
  font-weight: 500;
  color: var(--secondary-text-color);
}
.checkin-schedule-editor__assignment-list {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs, 0.5rem);
}
.checkin-schedule-editor__assignment-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: var(--spacing-sm, 0.5rem) var(--spacing-md, 0.75rem);
  background: var(--surface-ground, #f8fafc);
  border: 1px solid var(--surface-border, #e2e8f0);
  border-radius: var(--border-radius-md, 6px);
}
.checkin-schedule-editor__assignment-info {
  display: flex;
  align-items: center;
  gap: var(--spacing-sm, 0.5rem);
  flex-wrap: wrap;
}
.checkin-schedule-editor__assignment-info > i {
  color: var(--secondary-text-color);
}
.checkin-schedule-editor__assignment-type {
  font-size: var(--font-size-sm, 0.875rem);
  color: var(--secondary-text-color);
  font-weight: 500;
}
.checkin-schedule-editor__assignment-names {
  display: flex;
  gap: var(--spacing-2xs, 0.25rem);
  flex-wrap: wrap;
}
.checkin-schedule-editor__name-chip.p-chip {
  background: var(--primary-100, #dbeafe);
  color: var(--primary-700, #1d4ed8);
  font-size: var(--font-size-xs, 0.75rem);
  padding: var(--spacing-2xs, 0.25rem) var(--spacing-sm, 0.5rem);
}
.checkin-schedule-editor__add-assignment {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md, 1rem);
  margin-top: var(--spacing-md, 1rem);
  padding: var(--spacing-md, 1rem);
  background: var(--surface-ground, #f8fafc);
  border-radius: var(--border-radius-md, 6px);
  border: 1px dashed var(--surface-border, #e2e8f0);
}
.checkin-schedule-editor__add-assignment > label {
  font-size: var(--font-size-sm, 0.875rem);
  font-weight: 600;
  color: var(--primary-text-color, #1e293b);
}
.checkin-schedule-editor__assignment-option {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs, 0.5rem);
}
.checkin-schedule-editor__option-label {
  display: flex;
  align-items: center;
  gap: var(--spacing-xs, 0.5rem);
  font-size: var(--font-size-sm, 0.875rem);
  color: var(--secondary-text-color);
}
.checkin-schedule-editor__option-label > i {
  font-size: var(--font-size-base, 1rem);
}
.checkin-schedule-editor__no-options {
  display: flex;
  align-items: center;
  gap: var(--spacing-sm, 0.5rem);
  padding: var(--spacing-md, 1rem);
  background: var(--surface-hover, #f1f5f9);
  border-radius: var(--border-radius-md, 6px);
  color: var(--secondary-text-color);
  font-size: var(--font-size-sm, 0.875rem);
}
.checkin-schedule-editor__no-options > i {
  color: var(--blue-500, #3b82f6);
}
.checkin-schedule-editor__assignment-summary {
  display: flex;
  align-items: center;
  gap: var(--spacing-sm, 0.5rem);
  padding: var(--spacing-sm, 0.5rem) var(--spacing-md, 0.75rem);
  background: var(--blue-50, #eff6ff);
  border-radius: var(--border-radius-md, 6px);
  color: var(--blue-700, #1d4ed8);
  font-size: var(--font-size-sm, 0.875rem);
}
.checkin-schedule-editor__assignment-summary > i {
  font-size: var(--font-size-base, 1rem);
}
.checkin-schedule-editor__channels {
  display: flex;
  gap: var(--spacing-lg, 1.5rem);
  flex-wrap: wrap;
}
.checkin-schedule-editor__channel-option {
  display: flex;
  align-items: center;
  gap: var(--spacing-xs, 0.5rem);
}
.checkin-schedule-editor__channel-option label {
  font-size: var(--font-size-sm, 0.875rem);
  color: var(--primary-text-color, #1e293b);
  cursor: pointer;
}
.checkin-schedule-editor .p-divider {
  margin: var(--spacing-sm, 0.5rem) 0;
}
.checkin-schedule-editor .p-divider::before {
  border-color: var(--surface-border, #e2e8f0);
}
.checkin-schedule-editor .p-inputnumber {
  width: 100%;
}
.checkin-schedule-editor .p-inputnumber .p-inputtext {
  width: 100%;
}
.checkin-schedule-editor .p-dropdown {
  width: 100%;
}
.checkin-schedule-editor__perspective-option {
  display: flex;
  align-items: center;
  gap: var(--spacing-sm, 0.5rem);
}
.checkin-schedule-editor__perspective-option > i {
  font-size: var(--font-size-base, 1rem);
  color: var(--text-color-secondary, #64748b);
  width: 1.25rem;
  text-align: center;
}
.checkin-schedule-editor__perspective-option > span {
  flex: 1;
}
.checkin-schedule-editor .p-selectbutton {
  width: 100%;
}
.checkin-schedule-editor__presets {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
  gap: var(--spacing-sm, 0.5rem);
}
.checkin-schedule-editor__preset-btn {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--spacing-2xs, 0.25rem);
  padding: var(--spacing-sm, 0.75rem);
  background: var(--surface-ground, #f8fafc);
  border: 1px solid var(--surface-border, #e2e8f0);
  border-radius: var(--border-radius-md, 6px);
  cursor: pointer;
  text-align: left;
  transition: all 0.15s ease;
}
.checkin-schedule-editor__preset-btn:hover:not(:disabled) {
  border-color: var(--primary-color, #3b82f6);
  background: var(--surface-hover, #f1f5f9);
}
.checkin-schedule-editor__preset-btn:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
.checkin-schedule-editor__preset-btn--active {
  border-color: var(--primary-color, #3b82f6);
  background: var(--primary-100, #dbeafe);
}
.checkin-schedule-editor__preset-btn--active .checkin-schedule-editor__preset-label {
  color: var(--primary-700, #1d4ed8);
}
.checkin-schedule-editor__preset-icon {
  font-size: var(--font-size-lg, 1.125rem);
  color: var(--primary-color, #3b82f6);
  margin-bottom: var(--spacing-2xs, 0.25rem);
}
.checkin-schedule-editor__preset-label {
  font-size: var(--font-size-sm, 0.875rem);
  font-weight: 500;
  color: var(--primary-text-color, #1e293b);
}
.checkin-schedule-editor__preset-desc {
  font-size: var(--font-size-xs, 0.75rem);
  color: var(--secondary-text-color, #64748b);
}
.checkin-schedule-editor__template-summary {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs, 0.5rem);
  padding: var(--spacing-md, 1rem);
  background: var(--green-50, #f0fdf4);
  border: 1px solid var(--green-200, #bbf7d0);
  border-radius: var(--border-radius-md, 6px);
}
.checkin-schedule-editor__template-summary-header {
  display: flex;
  align-items: center;
  gap: var(--spacing-sm, 0.5rem);
  font-weight: 600;
  color: var(--green-700, #15803d);
}
.checkin-schedule-editor__template-summary-header > i {
  font-size: var(--font-size-lg, 1.125rem);
}
.checkin-schedule-editor__template-summary-header > span {
  flex: 1;
}
.checkin-schedule-editor__template-summary-desc {
  margin: 0;
  font-size: var(--font-size-sm, 0.875rem);
  color: var(--green-600, #16a34a);
  padding-left: calc(var(--font-size-lg, 1.125rem) + var(--spacing-sm, 0.5rem));
}
.checkin-schedule-editor__change-btn {
  padding: var(--spacing-2xs, 0.25rem) var(--spacing-sm, 0.5rem);
  font-size: var(--font-size-xs, 0.75rem);
  font-weight: 500;
  color: var(--primary-color, #3b82f6);
  background: transparent;
  border: 1px solid var(--primary-color, #3b82f6);
  border-radius: var(--border-radius-sm, 4px);
  cursor: pointer;
  transition: all 0.15s ease;
}
.checkin-schedule-editor__change-btn:hover {
  background: var(--primary-color, #2563eb);
  color: white;
}
.checkin-schedule-editor__custom-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: var(--spacing-sm, 0.5rem);
}
.checkin-schedule-editor__custom-header > label {
  font-size: var(--font-size-sm, 0.875rem);
  font-weight: 500;
  color: var(--secondary-text-color);
}
.timeframe-selector-panel {
  background: var(--body-background);
}
.timeframe-selector-panel .p-treeselect-header {
  background: var(--body-background);
}
.timeframe-selector-panel .p-treeselect-items-wrapper .p-tree-selectable {
  background: var(--body-background);
}
[data-theme=dark] .checkin-schedule-editor,
.dark .checkin-schedule-editor {
  background: var(--component-background, #1e293b);
}
[data-theme=dark] .checkin-schedule-editor__section-title,
.dark .checkin-schedule-editor__section-title {
  color: var(--primary-text-color, #f8fafc);
  border-bottom-color: var(--surface-border, #334155);
}
[data-theme=dark] .checkin-schedule-editor__time-input,
.dark .checkin-schedule-editor__time-input {
  background: var(--component-background);
  border-color: var(--surface-border, #334155);
  color: var(--primary-text-color, #f8fafc);
  color-scheme: dark;
}
[data-theme=dark] .checkin-schedule-editor__time-input:focus,
.dark .checkin-schedule-editor__time-input:focus {
  border-color: var(--primary-color, #60a5fa);
  box-shadow: 0 0 0 2px rgba(96, 165, 250, 0.2);
}
[data-theme=dark] .checkin-schedule-editor input[type=time].checkin-schedule-editor__time-input::-webkit-calendar-picker-indicator,
.dark .checkin-schedule-editor input[type=time].checkin-schedule-editor__time-input::-webkit-calendar-picker-indicator {
  filter: invert(1);
  cursor: pointer;
}
[data-theme=dark] .checkin-schedule-editor__assignment-item,
.dark .checkin-schedule-editor__assignment-item {
  background: var(--component-background);
  border-color: var(--surface-border, #334155);
}
[data-theme=dark] .checkin-schedule-editor__add-assignment,
.dark .checkin-schedule-editor__add-assignment {
  background: var(--component-background);
  border-color: var(--surface-border, #334155);
}
[data-theme=dark] .checkin-schedule-editor__no-options,
.dark .checkin-schedule-editor__no-options {
  background: #1e293b;
}
[data-theme=dark] .checkin-schedule-editor__assignment-summary,
.dark .checkin-schedule-editor__assignment-summary {
  background: var(--blue-900, #1e3a5f);
  color: var(--blue-200, #93c5fd);
}
[data-theme=dark] .checkin-schedule-editor__name-chip.p-chip,
.dark .checkin-schedule-editor__name-chip.p-chip {
  background: var(--blue-900, #1e3a5f);
  color: var(--blue-200, #93c5fd);
}
[data-theme=dark] .checkin-schedule-editor__perspective-option > i,
.dark .checkin-schedule-editor__perspective-option > i {
  color: var(--text-color-secondary, #94a3b8);
}
[data-theme=dark] .checkin-schedule-editor__checkbox-label,
.dark .checkin-schedule-editor__checkbox-label {
  color: var(--primary-text-color, #f8fafc);
}
[data-theme=dark] .checkin-schedule-editor__field--indented,
.dark .checkin-schedule-editor__field--indented {
  border-left-color: var(--surface-border, #334155);
}
[data-theme=dark] .checkin-schedule-editor__preset-btn,
.dark .checkin-schedule-editor__preset-btn {
  background: var(--component-background, #1e293b);
  border-color: var(--surface-border, #334155);
}
[data-theme=dark] .checkin-schedule-editor__preset-btn:hover:not(:disabled),
.dark .checkin-schedule-editor__preset-btn:hover:not(:disabled) {
  background: var(--hover-background, #334155);
  border-color: var(--primary-color, #60a5fa);
}
[data-theme=dark] .checkin-schedule-editor__preset-btn--active,
.dark .checkin-schedule-editor__preset-btn--active {
  background: var(--blue-900, #1e3a5f);
  border-color: var(--primary-color, #60a5fa);
}
[data-theme=dark] .checkin-schedule-editor__preset-icon,
.dark .checkin-schedule-editor__preset-icon {
  color: var(--primary-color, #60a5fa);
}
[data-theme=dark] .checkin-schedule-editor__preset-label,
.dark .checkin-schedule-editor__preset-label {
  color: var(--primary-text-color, #f8fafc);
}
[data-theme=dark] .checkin-schedule-editor__preset-desc,
.dark .checkin-schedule-editor__preset-desc {
  color: var(--secondary-text-color, #94a3b8);
}
[data-theme=dark] .checkin-schedule-editor__template-summary,
.dark .checkin-schedule-editor__template-summary {
  background: var(--green-900, #14532d);
  border-color: var(--green-700, #15803d);
}
[data-theme=dark] .checkin-schedule-editor__template-summary-header,
.dark .checkin-schedule-editor__template-summary-header {
  color: var(--green-200, #bbf7d0);
}
[data-theme=dark] .checkin-schedule-editor__template-summary-desc,
.dark .checkin-schedule-editor__template-summary-desc {
  color: var(--green-300, #86efac);
}
[data-theme=dark] .checkin-schedule-editor__change-btn,
.dark .checkin-schedule-editor__change-btn {
  color: var(--primary-color, #60a5fa);
  border-color: var(--primary-color, #60a5fa);
}
[data-theme=dark] .checkin-schedule-editor__change-btn:hover,
.dark .checkin-schedule-editor__change-btn:hover {
  background: var(--primary-color, #60a5fa);
  color: var(--hover-background, #1e293b);
}
[data-theme=dark] .checkin-schedule-editor__custom-header > label,
.dark .checkin-schedule-editor__custom-header > label {
  color: var(--secondary-text-color, #94a3b8);
}
/**
 * ManualFactorEditorMolecule.scss
 *
 * Styles for the manual check-in factor editor.
 * Uses design system tokens and follows form-field patterns from other editors.
 */
.manual-factor-editor {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md, 1rem);
}
.manual-factor-editor__form {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md, 1rem);
}
.manual-factor-editor__mode-section {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md, 1rem);
}
.manual-factor-editor__mode-selector {
  width: 100%;
}
.manual-factor-editor__mode-selector .p-button {
  flex: 1;
  justify-content: center;
  gap: var(--spacing-xs, 0.25rem);
}
.manual-factor-editor__mode-selector .p-button .p-button-icon {
  margin-right: var(--spacing-xs, 0.25rem);
}
.manual-factor-editor__mode-description {
  background-color: var(--surface-100, #f8f9fa);
  border-radius: var(--border-radius-md, 0.375rem);
  padding: var(--spacing-sm, 0.75rem) var(--spacing-md, 1rem);
}
.manual-factor-editor__mode-description p {
  margin: 0;
  display: flex;
  align-items: flex-start;
  gap: var(--spacing-sm, 0.5rem);
  color: var(--text-secondary, #6c757d);
  font-size: var(--font-size-sm, 0.875rem);
  line-height: 1.5;
}
.manual-factor-editor__mode-description p i {
  flex-shrink: 0;
  margin-top: 2px;
  color: var(--primary-color, #3b82f6);
}
.manual-factor-editor__comment-section {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md, 1rem);
}
.manual-factor-editor__checkbox-field {
  display: flex;
  align-items: center;
  gap: var(--spacing-sm, 0.5rem);
}
.manual-factor-editor__checkbox-label {
  font-size: var(--font-size-sm, 0.875rem);
  color: var(--text-color, #212529);
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.manual-factor-editor__field {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs, 0.25rem);
}
.manual-factor-editor__field label {
  font-weight: var(--font-weight-medium, 500);
  font-size: var(--font-size-sm, 0.875rem);
  color: var(--text-color, #212529);
}
.manual-factor-editor__field--indented {
  margin-left: var(--spacing-lg, 1.5rem);
  padding-left: var(--spacing-md, 1rem);
  border-left: 2px solid var(--surface-300, #e0e0e0);
}
.manual-factor-editor__number-input {
  max-width: 200px;
}
.form-field {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs, 0.25rem);
}
.form-field__label {
  font-weight: var(--font-weight-medium, 500);
  font-size: var(--font-size-sm, 0.875rem);
  color: var(--text-color, #212529);
}
.form-field__optional {
  font-weight: var(--font-weight-normal, 400);
  color: var(--text-secondary, #6c757d);
  margin-left: var(--spacing-xs, 0.25rem);
}
.form-field__error {
  color: var(--red-500, #ef4444);
  font-size: var(--font-size-xs, 0.75rem);
}
.form-field__input-group {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs, 0.25rem);
}
.form-field--inline {
  flex-direction: row;
  align-items: flex-start;
  gap: var(--spacing-md, 1rem);
}
.form-field--inline .form-field__label {
  min-width: 80px;
  padding-top: var(--spacing-xs, 0.5rem);
}
.form-field .atlas-input-atom,
.form-field .textarea-atom,
.form-field .p-inputtext,
.form-field .p-inputtextarea {
  width: 100%;
}
.form-field .p-inputnumber {
  width: 120px;
}
.form-hint {
  color: var(--text-secondary, #6c757d);
  font-size: var(--font-size-xs, 0.75rem);
}
[data-theme=dark] .manual-factor-editor__mode-description {
  background-color: var(--surface-800, #1f2937);
}
[data-theme=dark] .manual-factor-editor__mode-description p {
  color: var(--text-secondary, #a1a1aa);
}
[data-theme=dark] .manual-factor-editor__mode-description p i {
  color: var(--primary-400, #60a5fa);
}
[data-theme=dark] .manual-factor-editor__checkbox-label {
  color: var(--text-color, #fafafa);
}
[data-theme=dark] .manual-factor-editor__field label {
  color: var(--text-color, #fafafa);
}
[data-theme=dark] .manual-factor-editor__field--indented {
  border-left-color: var(--surface-600, #4b5563);
}
[data-theme=dark] .form-field__label {
  color: var(--text-color, #fafafa);
}
[data-theme=dark] .form-field__optional {
  color: var(--text-secondary, #a1a1aa);
}
[data-theme=dark] .form-field__error {
  color: var(--red-400, #f87171);
}
[data-theme=dark] .form-hint {
  color: var(--text-secondary, #a1a1aa);
}
/**
 * FactorDetailPaneMolecule.scss
 *
 * Styles for the factor detail pane (right side of master/detail).
 */
.factor-detail-pane {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
  background: var(--surface-card, #ffffff);
  overflow: hidden;
}
.factor-detail-pane__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: var(--spacing-md, 1rem) var(--spacing-lg, 1.5rem);
  border-bottom: 1px solid var(--surface-border, #dee2e6);
  background: var(--surface-ground, #f8f9fa);
  flex-shrink: 0;
}
.factor-detail-pane__header-content {
  display: flex;
  align-items: center;
  gap: var(--spacing-sm, 0.5rem);
}
.factor-detail-pane__title {
  margin: 0;
  font-size: 1rem;
  font-weight: 600;
  color: var(--text-color, #212529);
}
.factor-detail-pane__dirty-badge {
  display: inline-flex;
  padding: 2px 8px;
  border-radius: 9999px;
  background: var(--blue-100, #dbeafe);
  color: var(--blue-700, #1d4ed8);
  font-size: 0.6875rem;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.025em;
}
.factor-detail-pane__errors {
  padding: var(--spacing-sm, 0.5rem) var(--spacing-lg, 1.5rem);
  flex-shrink: 0;
}
.factor-detail-pane__errors .p-message {
  margin: 0;
}
.factor-detail-pane__content {
  flex: 1;
  overflow-y: auto;
  padding: var(--spacing-lg, 1.5rem);
  background: var(--component-background);
}
.factor-detail-pane__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: var(--spacing-sm, 0.75rem) var(--spacing-lg, 1.5rem);
  border-top: 1px solid var(--surface-border, #dee2e6);
  background: var(--surface-ground, #f8f9fa);
  flex-shrink: 0;
}
.factor-detail-pane__footer-left, .factor-detail-pane__footer-right {
  display: flex;
  align-items: center;
  gap: var(--spacing-sm, 0.5rem);
}
.factor-detail-pane--empty {
  justify-content: center;
  align-items: center;
}
.factor-detail-pane__empty-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: var(--spacing-xl, 2rem);
  color: var(--text-secondary, #6c757d);
}
.factor-detail-pane__empty-content i {
  font-size: 2rem;
  margin-bottom: var(--spacing-sm, 0.5rem);
  opacity: 0.5;
}
.factor-detail-pane__empty-content p {
  margin: 0;
  font-size: 0.875rem;
  max-width: 300px;
}
.factor-detail-pane__placeholder {
  padding: var(--spacing-lg, 1.5rem);
}
.factor-detail-pane__placeholder .p-message {
  margin: 0;
}
.factor-detail-pane--deactivated .factor-detail-pane__content {
  opacity: 0.6;
  pointer-events: none;
}
.factor-detail-pane__deactivated-banner {
  display: flex;
  align-items: flex-start;
  gap: var(--spacing-sm, 0.5rem);
  padding: var(--spacing-sm, 0.75rem) var(--spacing-lg, 1.5rem);
  background: var(--orange-50, #fff7ed);
  border-bottom: 1px solid var(--orange-200, #fed7aa);
  flex-shrink: 0;
}
.factor-detail-pane__deactivated-banner-icon {
  color: var(--orange-500, #f97316);
  font-size: 1rem;
  margin-top: 2px;
  flex-shrink: 0;
}
.factor-detail-pane__deactivated-banner-text {
  font-size: 0.8125rem;
  color: var(--orange-800, #9a3412);
  line-height: 1.4;
}
[data-theme=dark] .factor-detail-pane {
  background: var(--component-background);
}
[data-theme=dark] .factor-detail-pane__header {
  border-bottom-color: var(--surface-border, #3f3f46);
  background: var(--component-background);
}
[data-theme=dark] .factor-detail-pane__title {
  color: var(--primary-text-color);
}
[data-theme=dark] .factor-detail-pane__dirty-badge {
  background: rgba(59, 130, 246, 0.2);
  color: var(--blue-400, #60a5fa);
}
[data-theme=dark] .factor-detail-pane__footer {
  border-top-color: var(--surface-border, #3f3f46);
  background: var(--component-background);
}
[data-theme=dark] .factor-detail-pane__deactivated-banner {
  background: rgba(249, 115, 22, 0.1);
  border-bottom-color: rgba(249, 115, 22, 0.3);
}
[data-theme=dark] .factor-detail-pane__deactivated-banner-icon {
  color: var(--orange-400, #fb923c);
}
[data-theme=dark] .factor-detail-pane__deactivated-banner-text {
  color: var(--orange-300, #fdba74);
}
/**
 * StatusFactorsTab.scss
 * Styles for the Status Factors configuration tab in SphereEditor
 * Uses a split-pane master/detail layout
 */
.status-factors-tab {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 600px;
  padding: 0;
  background: var(--component-background-gradient);
  border: var(--primary-border);
  border-radius: 20px;
  overflow: hidden;
}
.status-factors-tab--loading, .status-factors-tab--error {
  justify-content: center;
  align-items: center;
  gap: var(--spacing-md, 1rem);
  color: var(--secondary-text-color);
  background: var(--component-background);
  min-height: 600px;
}
.status-factors-tab__header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: var(--spacing-md, 1rem);
  padding: var(--spacing-md, 1rem) var(--spacing-lg, 1.5rem);
  background: var(--component-background-gradient);
  border-bottom: var(--primary-border);
  flex-shrink: 0;
}
.status-factors-tab__title-section {
  flex: 1;
}
.status-factors-tab__title-section h3 {
  margin: 0 0 var(--spacing-xs, 0.5rem) 0;
  font-size: var(--font-size-xl, 1.25rem);
  font-weight: 600;
  color: var(--primary-text-color) !important;
}
.status-factors-tab__description {
  margin: 0;
  font-size: var(--font-size-sm, 0.875rem);
  color: var(--secondary-text-color);
}
.status-factors-tab__header-actions {
  display: flex;
  align-items: center;
  gap: var(--spacing-sm, 0.5rem);
}
.status-factors-tab--split-pane .status-factors-tab__split-pane {
  display: flex;
  flex: 1;
  min-height: 0;
  overflow: hidden;
}
.status-factors-tab__split-pane {
  display: flex;
  flex: 1;
  min-height: 450px;
  overflow: hidden;
}
.status-factors-tab__sidebar {
  width: 140px;
  min-width: 140px;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border-right: var(--primary-border);
}
.status-factors-tab__sidebar .factor-sidebar {
  flex: 1;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.status-factors-tab__detail {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.status-factors-tab__detail .factor-detail-pane {
  flex: 1;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.status-factors-tab__footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: var(--spacing-sm, 0.75rem) var(--spacing-lg, 1.5rem);
  background: var(--surface-ground);
  border-top: var(--primary-border);
  flex-shrink: 0;
}
.status-factors-tab__footer-status {
  display: flex;
  align-items: center;
  gap: var(--spacing-sm, 0.5rem);
  color: var(--yellow-700, #a16207);
  font-size: var(--font-size-sm, 0.875rem);
  font-weight: 500;
}
.status-factors-tab__footer-status > i {
  font-size: 1rem;
}
.status-factors-tab__footer-actions {
  display: flex;
  align-items: center;
  gap: var(--spacing-sm, 0.5rem);
}
.status-factors-tab__schema-info {
  display: flex;
  align-items: center;
  gap: var(--spacing-sm, 0.5rem);
  padding: var(--spacing-md, 1rem) var(--spacing-lg, 1.5rem);
  background: var(--blue-50);
  border-top: 1px solid var(--blue-100);
  color: var(--blue-700);
  font-size: var(--font-size-sm, 0.875rem);
  flex-shrink: 0;
}
.status-factors-tab__schema-info > i {
  font-size: var(--font-size-lg, 1.125rem);
}
.status-factors-tab__content {
  flex: 1;
  min-height: 200px;
  background: var(--body-background);
  padding: var(--spacing-md, 1rem) var(--spacing-lg, 1.5rem);
  overflow-y: auto;
}
.status-factors-tab__empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-xl, 2rem);
  text-align: center;
  color: var(--secondary-text-color, #64748b);
}
.status-factors-tab__empty > i {
  font-size: 3rem;
  margin-bottom: var(--spacing-md, 1rem);
  opacity: 0.5;
}
.status-factors-tab__empty > p {
  margin: 0 0 var(--spacing-lg, 1.5rem) 0;
  font-size: var(--font-size-base, 1rem);
}
.status-factors-tab__error {
  margin: var(--spacing-md, 1rem);
}
.status-factors-tab__deploy-pane {
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--surface-card);
}
.status-factors-tab__deploy-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: var(--spacing-xl, 2rem);
  gap: var(--spacing-md, 1rem);
  max-width: 400px;
}
.status-factors-tab__deploy-icon {
  font-size: 3rem;
  margin-bottom: var(--spacing-sm, 0.5rem);
}
.status-factors-tab__deploy-title {
  margin: 0;
  font-size: var(--font-size-xl, 1.25rem);
  font-weight: 600;
  color: var(--primary-text-color);
}
.status-factors-tab__deploy-description {
  margin: 0;
  font-size: var(--font-size-base, 1rem);
  color: var(--secondary-text-color);
  max-width: 400px;
}
.status-factors-tab__deploy-factors {
  list-style: none;
  padding: 0;
  margin: var(--spacing-md, 1rem) 0;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs, 0.25rem);
  width: 100%;
  max-width: 300px;
}
.status-factors-tab__deploy-factor-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: var(--spacing-sm, 0.5rem) var(--spacing-md, 1rem);
  background: var(--surface-ground);
  border-radius: var(--border-radius-md, 8px);
  border: 1px solid var(--surface-border);
}
.status-factors-tab__deploy-factor-name {
  font-weight: 500;
  color: var(--primary-text-color);
}
.status-factors-tab__deploy-factor-weight {
  font-size: var(--font-size-sm, 0.875rem);
  color: var(--secondary-text-color);
}
.status-factors-tab__deploy-error {
  width: 100%;
  max-width: 400px;
  margin: var(--spacing-sm, 0.5rem) 0;
}
.status-factors-tab__deploy-note {
  margin: var(--spacing-sm, 0.5rem) 0 0 0;
  color: var(--secondary-text-color);
  font-size: var(--font-size-sm, 0.875rem);
}
[data-theme=dark] .status-factors-tab,
.dark .status-factors-tab {
  background: var(--component-background, #1E1E2F);
}
[data-theme=dark] .status-factors-tab--loading, [data-theme=dark] .status-factors-tab--error,
.dark .status-factors-tab--loading,
.dark .status-factors-tab--error {
  background: var(--component-background, #1E1E2F);
}
[data-theme=dark] .status-factors-tab--loading p, [data-theme=dark] .status-factors-tab--error p,
.dark .status-factors-tab--loading p,
.dark .status-factors-tab--error p {
  color: var(--secondary-text-color, #B3B3B3);
}
[data-theme=dark] .status-factors-tab--loading .p-progress-spinner-circle, [data-theme=dark] .status-factors-tab--error .p-progress-spinner-circle,
.dark .status-factors-tab--loading .p-progress-spinner-circle,
.dark .status-factors-tab--error .p-progress-spinner-circle {
  stroke: #5fa0df !important;
  animation: none !important;
}
[data-theme=dark] .status-factors-tab__header,
.dark .status-factors-tab__header {
  border-bottom-color: var(--surface-border, #334155);
}
[data-theme=dark] .status-factors-tab__title-section h3,
.dark .status-factors-tab__title-section h3 {
  color: var(--text-color, #f8fafc);
}
[data-theme=dark] .status-factors-tab__sidebar,
.dark .status-factors-tab__sidebar {
  border-right-color: var(--surface-border, #334155);
}
[data-theme=dark] .status-factors-tab__footer,
.dark .status-factors-tab__footer {
  background: var(--surface-ground, #0f172a);
  border-top-color: var(--surface-border, #334155);
}
[data-theme=dark] .status-factors-tab__footer-status,
.dark .status-factors-tab__footer-status {
  color: var(--yellow-400, #fbbf24);
}
[data-theme=dark] .status-factors-tab__schema-info,
.dark .status-factors-tab__schema-info {
  background: var(--blue-900, #1e3a5f);
  border-top-color: var(--blue-800, #1e40af);
  color: var(--blue-200, #93c5fd);
}
[data-theme=dark] .status-factors-tab__deploy-factor-item,
.dark .status-factors-tab__deploy-factor-item {
  background: var(--surface-ground, #0f172a);
  border-color: var(--surface-border, #334155);
}
[data-theme=dark] .status-factors-tab__deploy-factor-name,
.dark .status-factors-tab__deploy-factor-name {
  color: var(--text-color, #f8fafc);
}
@media (max-width: 768px) {
  .status-factors-tab {
    min-height: 500px;
  }
  .status-factors-tab__split-pane {
    flex-direction: column;
    min-height: 400px;
  }
  .status-factors-tab__sidebar {
    width: 100%;
    min-width: 100%;
    max-height: 250px;
    flex-shrink: 0;
    border-right: none;
    border-bottom: var(--primary-border);
  }
  .status-factors-tab__detail {
    flex: 1;
    min-height: 300px;
  }
  .status-factors-tab__header {
    flex-direction: column;
    align-items: stretch;
  }
  .status-factors-tab__header-actions {
    justify-content: flex-end;
  }
}
.sphere-channels-tab {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
  padding: var(--spacing-md);
}

.sphere-channels-tab__toolbar {
  display: flex;
  justify-content: flex-end;
}

.sphere-channels-tab__add-btn {
  display: flex;
  align-items: center;
  gap: var(--spacing-xs);
  padding: var(--spacing-xs) var(--spacing-md);
  border: 1px solid var(--primary-border);
  border-radius: var(--border-radius-md);
  background: var(--component-background);
  color: var(--primary-text-color);
  cursor: pointer;
  font-size: 13px;
  font-weight: 600;
  transition: background-color 0.15s ease;
}

.sphere-channels-tab__add-btn:hover:not(:disabled) {
  background: var(--component-background);
  filter: brightness(0.95);
}

.sphere-channels-tab__add-btn:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

[data-theme=dark] .sphere-channels-tab__add-btn {
  border-color: var(--primary-border-dark);
  background: var(--component-background-dark);
}

.sphere-channels-tab__loading {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-sm);
  padding: var(--spacing-xl);
  color: var(--secondary-text-color);
  font-size: 14px;
}

.sphere-channels-tab__error {
  color: var(--error-color, #e74c3c);
  font-size: 13px;
  padding: var(--spacing-sm);
  background: rgba(231, 76, 60, 0.08);
  border-radius: var(--border-radius-sm);
}

[data-theme=dark] .sphere-channels-tab__error {
  background: rgba(231, 76, 60, 0.15);
}

.sphere-channels-tab__section {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs);
}

.sphere-channels-tab__section-title {
  font-size: 13px;
  font-weight: 600;
  color: var(--secondary-text-color);
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin: 0;
}

.sphere-channels-tab__empty {
  font-size: 13px;
  color: var(--secondary-text-color);
  font-style: italic;
  margin: 0;
  padding: var(--spacing-sm) 0;
}

.sphere-channels-tab__list {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs);
}

.sphere-channels-tab__card {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: var(--spacing-sm) var(--spacing-md);
  border: 1px solid var(--primary-border);
  border-radius: var(--border-radius-md);
  background: var(--component-background);
}

[data-theme=dark] .sphere-channels-tab__card {
  border-color: var(--primary-border-dark);
  background: var(--component-background-dark);
}

.sphere-channels-tab__card-info {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xxs);
  overflow: hidden;
  flex: 1;
}

.sphere-channels-tab__card-header {
  display: flex;
  align-items: center;
  gap: var(--spacing-xs);
}

.sphere-channels-tab__card-header .pi-megaphone {
  color: var(--secondary-text-color);
  font-size: 14px;
  flex-shrink: 0;
}

.sphere-channels-tab__card-name {
  font-weight: 600;
  font-size: 14px;
  color: var(--primary-text-color);
}

.sphere-channels-tab__badge {
  font-size: 11px;
  padding: 2px var(--spacing-xs);
  border-radius: var(--border-radius-pill);
  font-weight: 600;
  white-space: nowrap;
}

.sphere-channels-tab__badge--direct {
  background: rgba(59, 130, 246, 0.12);
  color: var(--primary-color, #3b82f6);
}

[data-theme=dark] .sphere-channels-tab__badge--direct {
  background: rgba(59, 130, 246, 0.25);
}

.sphere-channels-tab__badge--inherited {
  background: rgba(139, 92, 246, 0.12);
  color: var(--accent-color, #8b5cf6);
}

[data-theme=dark] .sphere-channels-tab__badge--inherited {
  background: rgba(139, 92, 246, 0.25);
}

.sphere-channels-tab__card-desc {
  font-size: 12px;
  color: var(--secondary-text-color);
  margin: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.sphere-channels-tab__card-actions {
  display: flex;
  align-items: center;
  gap: var(--spacing-xs);
  flex-shrink: 0;
  margin-left: var(--spacing-md);
}

.sphere-channels-tab__scope-toggle {
  display: flex;
  align-items: center;
  gap: var(--spacing-xxs);
  padding: var(--spacing-xxs) var(--spacing-xs);
  border: 1px solid var(--primary-border);
  border-radius: var(--border-radius-sm);
  background: transparent;
  color: var(--secondary-text-color);
  cursor: pointer;
  font-size: 12px;
  transition: all 0.15s ease;
}

.sphere-channels-tab__scope-toggle:hover:not(:disabled) {
  color: var(--primary-text-color);
}

.sphere-channels-tab__scope-toggle--recursive {
  color: var(--primary-color, #3b82f6);
  border-color: var(--primary-color, #3b82f6);
}

.sphere-channels-tab__scope-toggle:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

[data-theme=dark] .sphere-channels-tab__scope-toggle {
  border-color: var(--primary-border-dark);
}

[data-theme=dark] .sphere-channels-tab__scope-toggle--recursive {
  border-color: var(--primary-color, #3b82f6);
}

.sphere-channels-tab__unsubscribe-btn {
  display: flex;
  align-items: center;
  gap: var(--spacing-xxs);
  padding: var(--spacing-xxs) var(--spacing-xs);
  border: 1px solid transparent;
  border-radius: var(--border-radius-sm);
  background: transparent;
  color: var(--secondary-text-color);
  cursor: pointer;
  font-size: 12px;
  transition: all 0.15s ease;
}

.sphere-channels-tab__unsubscribe-btn:hover:not(:disabled) {
  color: var(--error-color, #e74c3c);
  border-color: var(--error-color, #e74c3c);
}

.sphere-channels-tab__unsubscribe-btn:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

[data-theme=dark] .sphere-channels-tab__unsubscribe-btn {
  color: var(--secondary-text-color);
}

.sphere-channels-tab__add-dialog {
  width: 520px;
  max-height: 80vh;
  display: flex;
  flex-direction: column;
}

.sphere-channels-tab__add-dialog .marketplace-dialog__body {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
  overflow: hidden;
}

.sphere-channels-tab__search {
  position: relative;
  display: flex;
  align-items: center;
}

.sphere-channels-tab__search-icon {
  position: absolute;
  left: var(--spacing-sm);
  color: var(--secondary-text-color);
  font-size: 14px;
  pointer-events: none;
}

.sphere-channels-tab__search-input {
  padding-left: var(--spacing-xl) !important;
}

.sphere-channels-tab__channel-list {
  flex: 1;
  overflow-y: auto;
  border: 1px solid var(--primary-border);
  border-radius: var(--border-radius-md);
  max-height: 300px;
  min-height: 120px;
}

[data-theme=dark] .sphere-channels-tab__channel-list {
  border-color: var(--primary-border-dark);
}

.sphere-channels-tab__dialog-loading,
.sphere-channels-tab__dialog-empty {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-xl);
  color: var(--secondary-text-color);
  font-size: 14px;
}

.sphere-channels-tab__channel-option {
  display: flex;
  align-items: flex-start;
  gap: var(--spacing-sm);
  width: 100%;
  padding: var(--spacing-sm) var(--spacing-md);
  border: none;
  border-bottom: 1px solid var(--primary-border);
  background: transparent;
  cursor: pointer;
  text-align: left;
  color: var(--primary-text-color);
  transition: background-color 0.15s ease;
}

.sphere-channels-tab__channel-option:last-child {
  border-bottom: none;
}

.sphere-channels-tab__channel-option:hover {
  background: var(--component-background);
}

.sphere-channels-tab__channel-option--selected {
  background: var(--component-background);
  outline: 2px solid var(--primary-color, #3b82f6);
  outline-offset: -2px;
  border-radius: var(--border-radius-sm);
}

[data-theme=dark] .sphere-channels-tab__channel-option {
  border-bottom-color: var(--primary-border-dark);
}

[data-theme=dark] .sphere-channels-tab__channel-option:hover {
  background: var(--component-background-dark);
}

[data-theme=dark] .sphere-channels-tab__channel-option--selected {
  background: var(--component-background-dark);
}

.sphere-channels-tab__channel-option .pi-megaphone {
  margin-top: 2px;
  color: var(--secondary-text-color);
  flex-shrink: 0;
}

.sphere-channels-tab__channel-option-info {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xxs);
  overflow: hidden;
}

.sphere-channels-tab__channel-option-name {
  font-weight: 600;
  font-size: 14px;
}

.sphere-channels-tab__channel-option-desc {
  font-size: 12px;
  color: var(--secondary-text-color);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.sphere-channels-tab__scope-section {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs);
}

.sphere-channels-tab__scope-options {
  display: flex;
  gap: var(--spacing-xs);
}

.sphere-channels-tab__scope-opt {
  display: flex;
  align-items: center;
  gap: var(--spacing-xs);
  flex: 1;
  padding: var(--spacing-sm) var(--spacing-md);
  border: 1px solid var(--primary-border);
  border-radius: var(--border-radius-md);
  background: transparent;
  color: var(--primary-text-color);
  cursor: pointer;
  font-size: 13px;
  transition: border-color 0.15s ease, background-color 0.15s ease;
}

.sphere-channels-tab__scope-opt:hover {
  background: var(--component-background);
}

.sphere-channels-tab__scope-opt--selected {
  border-color: var(--primary-color, #3b82f6);
  background: var(--component-background);
  font-weight: 600;
}

[data-theme=dark] .sphere-channels-tab__scope-opt {
  border-color: var(--primary-border-dark);
}

[data-theme=dark] .sphere-channels-tab__scope-opt:hover {
  background: var(--component-background-dark);
}

[data-theme=dark] .sphere-channels-tab__scope-opt--selected {
  border-color: var(--primary-color, #3b82f6);
  background: var(--component-background-dark);
}
.sphere-approaches-tab {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
  padding: var(--spacing-md);
}

.sphere-approaches-tab__loading {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-sm);
  padding: var(--spacing-xl);
  color: var(--secondary-text-color);
  font-size: 14px;
}

.sphere-approaches-tab__error {
  color: var(--error-color, #e74c3c);
  font-size: 13px;
  padding: var(--spacing-sm);
  background: rgba(231, 76, 60, 0.08);
  border-radius: var(--border-radius-sm);
}

[data-theme=dark] .sphere-approaches-tab__error {
  background: rgba(231, 76, 60, 0.15);
}

.sphere-approaches-tab__section {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs);
}

.sphere-approaches-tab__section-title {
  font-size: 13px;
  font-weight: 600;
  color: var(--secondary-text-color);
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin: 0;
}

.sphere-approaches-tab__empty {
  font-size: 13px;
  color: var(--secondary-text-color);
  font-style: italic;
  margin: 0;
  padding: var(--spacing-sm) 0;
}

.sphere-approaches-tab__list {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs);
}

.sphere-approaches-tab__card {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: var(--spacing-sm) var(--spacing-md);
  border: 1px solid var(--primary-border);
  border-radius: var(--border-radius-md);
  background: var(--component-background);
}

[data-theme=dark] .sphere-approaches-tab__card {
  border-color: var(--primary-border-dark);
  background: var(--component-background-dark);
}

@media (max-width: 600px) {
  .sphere-approaches-tab__card {
    flex-direction: column;
    gap: var(--spacing-sm);
  }
}

.sphere-approaches-tab__card-info {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xxs);
  overflow: hidden;
  flex: 1;
}

.sphere-approaches-tab__card-header {
  display: flex;
  align-items: center;
  gap: var(--spacing-xs);
  flex-wrap: wrap;
}

.sphere-approaches-tab__card-header .pi-box {
  color: var(--secondary-text-color);
  font-size: 14px;
  flex-shrink: 0;
}

.sphere-approaches-tab__card-name {
  font-weight: 600;
  font-size: 14px;
  color: var(--primary-text-color);
}

.sphere-approaches-tab__badge {
  font-size: 11px;
  padding: 2px var(--spacing-xs);
  border-radius: var(--border-radius-pill);
  font-weight: 600;
  white-space: nowrap;
}

.sphere-approaches-tab__badge--version {
  background: rgba(107, 114, 128, 0.12);
  color: var(--secondary-text-color);
}

[data-theme=dark] .sphere-approaches-tab__badge--version {
  background: rgba(107, 114, 128, 0.25);
}

.sphere-approaches-tab__badge--status-deployed {
  background: rgba(34, 197, 94, 0.12);
  color: var(--success-color, #16a34a);
}

[data-theme=dark] .sphere-approaches-tab__badge--status-deployed {
  background: rgba(34, 197, 94, 0.25);
}

.sphere-approaches-tab__badge--status-deploying {
  background: rgba(59, 130, 246, 0.12);
  color: var(--primary-color, #3b82f6);
}

[data-theme=dark] .sphere-approaches-tab__badge--status-deploying {
  background: rgba(59, 130, 246, 0.25);
}

.sphere-approaches-tab__badge--status-failed {
  background: rgba(231, 76, 60, 0.12);
  color: var(--error-color, #e74c3c);
}

[data-theme=dark] .sphere-approaches-tab__badge--status-failed {
  background: rgba(231, 76, 60, 0.25);
}

.sphere-approaches-tab__badge--status-paused {
  background: rgba(234, 179, 8, 0.12);
  color: var(--warning-color, #ca8a04);
}

[data-theme=dark] .sphere-approaches-tab__badge--status-paused {
  background: rgba(234, 179, 8, 0.25);
}

.sphere-approaches-tab__badge--inherited {
  background: rgba(139, 92, 246, 0.12);
  color: var(--accent-color, #8b5cf6);
}

[data-theme=dark] .sphere-approaches-tab__badge--inherited {
  background: rgba(139, 92, 246, 0.25);
}

.sphere-approaches-tab__card-meta {
  font-size: 12px;
  color: var(--secondary-text-color);
  margin: 0;
}

.sphere-approaches-tab__card-provides {
  font-size: 12px;
  color: var(--secondary-text-color);
  margin: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.sphere-approaches-tab__card-actions {
  display: flex;
  align-items: center;
  gap: var(--spacing-xs);
  flex-shrink: 0;
  margin-left: var(--spacing-md);
}

@media (max-width: 600px) {
  .sphere-approaches-tab__card-actions {
    margin-left: 0;
  }
}

.sphere-approaches-tab__remove-btn {
  display: flex;
  align-items: center;
  gap: var(--spacing-xxs);
  padding: var(--spacing-xxs) var(--spacing-xs);
  border: 1px solid transparent;
  border-radius: var(--border-radius-sm);
  background: transparent;
  color: var(--secondary-text-color);
  cursor: pointer;
  font-size: 12px;
  transition: all 0.15s ease;
}

.sphere-approaches-tab__remove-btn:hover:not(:disabled) {
  color: var(--error-color, #e74c3c);
  border-color: var(--error-color, #e74c3c);
}

.sphere-approaches-tab__remove-btn:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

[data-theme=dark] .sphere-approaches-tab__remove-btn {
  color: var(--secondary-text-color);
}

.sphere-approaches-tab__confirm-dialog {
  width: 420px;
}
.arc-detail {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
  padding: var(--spacing-md);
}

.arc-detail__loading {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-sm);
  padding: var(--spacing-xl);
  color: var(--secondary-text-color);
  font-size: 14px;
}

.arc-detail__error {
  color: var(--error-color, #e74c3c);
  font-size: 13px;
  padding: var(--spacing-sm);
  background: rgba(231, 76, 60, 0.08);
  border-radius: var(--border-radius-sm);
}

[data-theme=dark] .arc-detail__error {
  background: rgba(231, 76, 60, 0.15);
}

.arc-detail__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--spacing-sm);
  flex-wrap: wrap;
}

.arc-detail__header-info {
  display: flex;
  align-items: center;
  gap: var(--spacing-xs);
}

.arc-detail__header-icon {
  color: var(--secondary-text-color);
  font-size: 16px;
  flex-shrink: 0;
}

.arc-detail__name {
  font-weight: 600;
  font-size: 16px;
  color: var(--primary-text-color);
}

.arc-detail__primary-badge {
  font-size: 11px;
  padding: 1px var(--spacing-xs);
  border-radius: var(--border-radius-pill);
  font-weight: 600;
  background: rgba(59, 130, 246, 0.12);
  color: var(--primary-color, #3b82f6);
}

[data-theme=dark] .arc-detail__primary-badge {
  background: rgba(59, 130, 246, 0.25);
}

.arc-detail__health-chip {
  flex-shrink: 0;
}

.arc-detail__health-chip.arc-detail__health--on-track .p-chip {
  background: rgba(25, 135, 84, 0.12);
  color: var(--success-color, #198754);
}

[data-theme=dark] .arc-detail__health-chip.arc-detail__health--on-track .p-chip {
  background: rgba(25, 135, 84, 0.25);
}

.arc-detail__health-chip.arc-detail__health--at-risk .p-chip {
  background: rgba(255, 193, 7, 0.12);
  color: var(--warning-color, #ca8a04);
}

[data-theme=dark] .arc-detail__health-chip.arc-detail__health--at-risk .p-chip {
  background: rgba(255, 193, 7, 0.25);
}

.arc-detail__health-chip.arc-detail__health--overdue .p-chip {
  background: rgba(220, 53, 69, 0.12);
  color: var(--error-color, #dc3545);
}

[data-theme=dark] .arc-detail__health-chip.arc-detail__health--overdue .p-chip {
  background: rgba(220, 53, 69, 0.25);
}

.arc-detail__health-chip.arc-detail__health--blocked .p-chip {
  background: rgba(253, 126, 20, 0.12);
  color: var(--warning-color, #fd7e14);
}

[data-theme=dark] .arc-detail__health-chip.arc-detail__health--blocked .p-chip {
  background: rgba(253, 126, 20, 0.25);
}

.arc-detail__health-chip.arc-detail__health--attention .p-chip {
  background: rgba(13, 110, 253, 0.12);
  color: var(--primary-color, #0d6efd);
}

[data-theme=dark] .arc-detail__health-chip.arc-detail__health--attention .p-chip {
  background: rgba(13, 110, 253, 0.25);
}

.arc-detail__stepper {
  display: flex;
  align-items: center;
  gap: 0;
  padding: var(--spacing-sm) 0;
  overflow-x: auto;
}

.arc-detail__step {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-xxs);
  flex-shrink: 0;
  min-width: 80px;
}

.arc-detail__step-indicator {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  font-weight: 600;
  border: 2px solid var(--primary-border);
  background: var(--component-background);
  color: var(--secondary-text-color);
  transition: all 0.2s ease;
}

[data-theme=dark] .arc-detail__step-indicator {
  border-color: var(--primary-border-dark);
  background: var(--component-background-dark);
}

.arc-detail__step--active .arc-detail__step-indicator {
  border-color: var(--primary-color, #3b82f6);
  background: var(--primary-color, #3b82f6);
  color: var(--component-background, #ffffff);
}

[data-theme=dark] .arc-detail__step--active .arc-detail__step-indicator {
  border-color: var(--primary-color, #5fa0df);
  background: var(--primary-color, #5fa0df);
}

.arc-detail__step--completed .arc-detail__step-indicator {
  border-color: var(--success-color, #198754);
  background: var(--success-color, #198754);
  color: var(--component-background, #ffffff);
}

[data-theme=dark] .arc-detail__step--completed .arc-detail__step-indicator {
  border-color: var(--success-color, #22c55e);
  background: var(--success-color, #22c55e);
}

.arc-detail__step-number {
  line-height: 1;
}

.arc-detail__step-label {
  font-size: 12px;
  color: var(--secondary-text-color);
  text-align: center;
  max-width: 100px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.arc-detail__step--active .arc-detail__step-label {
  color: var(--primary-text-color);
  font-weight: 600;
}

.arc-detail__step--completed .arc-detail__step-label {
  color: var(--success-color, #198754);
}

[data-theme=dark] .arc-detail__step--completed .arc-detail__step-label {
  color: var(--success-color, #22c55e);
}

.arc-detail__step-connector {
  flex: 1;
  height: 2px;
  min-width: 20px;
  background: var(--primary-border);
  margin: 0 var(--spacing-xxs);
  align-self: flex-start;
  margin-top: var(--spacing-md);
}

[data-theme=dark] .arc-detail__step-connector {
  background: var(--primary-border-dark);
}

.arc-detail__step-connector--completed {
  background: var(--success-color, #198754);
}

[data-theme=dark] .arc-detail__step-connector--completed {
  background: var(--success-color, #22c55e);
}

.arc-detail__current-stage {
  display: flex;
  align-items: center;
  gap: var(--spacing-xs);
  flex-wrap: wrap;
  padding: var(--spacing-sm);
  background: var(--component-background);
  border: 1px solid var(--primary-border);
  border-radius: var(--border-radius-md);
}

[data-theme=dark] .arc-detail__current-stage {
  background: var(--component-background-dark);
  border-color: var(--primary-border-dark);
}

.arc-detail__current-stage-label {
  font-size: 13px;
  color: var(--secondary-text-color);
  font-weight: 600;
}

.arc-detail__current-stage-name {
  font-size: 14px;
  color: var(--primary-text-color);
  font-weight: 600;
}

.arc-detail__stage-date {
  font-size: 12px;
  color: var(--secondary-text-color);
  margin-left: auto;
}

.arc-detail__actions {
  display: flex;
  align-items: center;
  gap: var(--spacing-sm);
}

@media (max-width: 600px) {
  .arc-detail__stepper {
    gap: 0;
  }
  .arc-detail__step {
    min-width: 60px;
  }
  .arc-detail__step-label {
    font-size: 11px;
    max-width: 60px;
  }
  .arc-detail__header {
    flex-direction: column;
    align-items: flex-start;
  }
  .arc-detail__current-stage {
    flex-direction: column;
    align-items: flex-start;
  }
  .arc-detail__stage-date {
    margin-left: 0;
  }
}
.arc-list {
  display: flex;
  flex-direction: column;
  border-right: 1px solid var(--primary-border);
  min-width: 240px;
  max-width: 300px;
  height: 100%;
  overflow-y: auto;
}
[data-theme=dark] .arc-list {
  border-right-color: var(--primary-border-dark);
}
.arc-list__header {
  padding: var(--spacing-sm) var(--spacing-md);
  border-bottom: 1px solid var(--primary-border);
  font-weight: 600;
  color: var(--secondary-text-color);
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
[data-theme=dark] .arc-list__header {
  border-bottom-color: var(--primary-border-dark);
}
.arc-list__title {
  font-size: 12px;
}
.arc-list__items {
  list-style: none;
  margin: 0;
  padding: 0;
}
.arc-list__item {
  border-bottom: 1px solid var(--primary-border);
}
.arc-list__item:last-child {
  border-bottom: none;
}
[data-theme=dark] .arc-list__item {
  border-bottom-color: var(--primary-border-dark);
}
.arc-list__item-button {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: var(--spacing-sm) var(--spacing-md);
  border: none;
  background: transparent;
  cursor: pointer;
  text-align: left;
  gap: var(--spacing-xs);
  transition: background-color 0.15s ease;
}
.arc-list__item-button:hover {
  background: var(--component-background);
}
[data-theme=dark] .arc-list__item-button:hover {
  background: var(--component-background-dark);
}
.arc-list__item--selected .arc-list__item-button {
  background: var(--component-background);
  border-left: 3px solid var(--primary-color, #3B82F6);
}
[data-theme=dark] .arc-list__item--selected .arc-list__item-button {
  background: var(--component-background-dark);
}
.arc-list__item-info {
  display: flex;
  align-items: center;
  gap: var(--spacing-xxs);
  flex: 1;
  min-width: 0;
}
.arc-list__primary-star {
  color: var(--warning-color, #F59E0B);
  font-size: 14px;
  flex-shrink: 0;
}
.arc-list__item-name {
  font-size: 14px;
  color: var(--primary-text-color);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.arc-list__health-chip {
  flex-shrink: 0;
  font-size: 11px;
}
.arc-list__health-chip.arc-list__health--on-track .p-chip {
  background: rgba(25, 135, 84, 0.12);
  color: var(--success-color, #198754);
}
[data-theme=dark] .arc-list__health-chip.arc-list__health--on-track .p-chip {
  background: rgba(25, 135, 84, 0.25);
}
.arc-list__health-chip.arc-list__health--at-risk .p-chip {
  background: rgba(255, 193, 7, 0.12);
  color: var(--warning-color, #ca8a04);
}
[data-theme=dark] .arc-list__health-chip.arc-list__health--at-risk .p-chip {
  background: rgba(255, 193, 7, 0.25);
}
.arc-list__health-chip.arc-list__health--overdue .p-chip {
  background: rgba(220, 53, 69, 0.12);
  color: var(--error-color, #dc3545);
}
[data-theme=dark] .arc-list__health-chip.arc-list__health--overdue .p-chip {
  background: rgba(220, 53, 69, 0.25);
}
.arc-list__health-chip.arc-list__health--blocked .p-chip {
  background: rgba(253, 126, 20, 0.12);
  color: var(--warning-color, #fd7e14);
}
[data-theme=dark] .arc-list__health-chip.arc-list__health--blocked .p-chip {
  background: rgba(253, 126, 20, 0.25);
}
.arc-list__health-chip.arc-list__health--attention .p-chip {
  background: rgba(13, 110, 253, 0.12);
  color: var(--primary-color, #0d6efd);
}
[data-theme=dark] .arc-list__health-chip.arc-list__health--attention .p-chip {
  background: rgba(13, 110, 253, 0.25);
}
.sphere-arcs-tab {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
  padding: var(--spacing-md);
}

.sphere-arcs-tab--multi {
  flex-direction: row;
  gap: 0;
  padding: 0;
}

.sphere-arcs-tab__empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-xl);
  gap: var(--spacing-sm);
}

.sphere-arcs-tab__empty-icon {
  font-size: 32px;
  color: var(--secondary-text-color);
  opacity: 0.5;
}

.sphere-arcs-tab__empty-text {
  font-size: 14px;
  color: var(--secondary-text-color);
  font-style: italic;
  margin: 0;
}

.sphere-arcs-tab__detail {
  flex: 1;
  padding: var(--spacing-md);
  overflow-y: auto;
  min-width: 0;
}

.sphere-arcs-tab__no-selection {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  color: var(--secondary-text-color);
  font-style: italic;
}
@charset "UTF-8";
:root {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  --font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
  	Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
  	"Segoe UI Symbol";
  --surface-a: #ffffff;
  --surface-b: #f8f9fa;
  --surface-c: #e9ecef;
  --surface-d: #dee2e6;
  --surface-e: #ffffff;
  --surface-f: #ffffff;
  --text-color: #495057;
  --text-color-secondary: #6c757d;
  --primary-color: #2196f3;
  --primary-color-text: #ffffff;
  --surface-0: #ffffff;
  --surface-50: #fafafa;
  --surface-100: #f5f5f5;
  --surface-200: #eeeeee;
  --surface-300: #e0e0e0;
  --surface-400: #bdbdbd;
  --surface-500: #9e9e9e;
  --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: #9e9e9e;
  --gray-600: #757575;
  --gray-700: #616161;
  --gray-800: #424242;
  --gray-900: #212121;
  --content-padding: 1rem;
  --inline-spacing: 0.5rem;
  --border-radius: 3px;
  --surface-ground: #f8f9fa;
  --surface-section: #ffffff;
  --surface-card: #ffffff;
  --surface-overlay: #ffffff;
  --surface-border: #dee2e6;
  --surface-hover: #e9ecef;
  --focus-ring: 0 0 0 0.2rem #a6d5fa;
  --maskbg: rgba(0, 0, 0, 0.4);
  --highlight-bg: #e3f2fd;
  --highlight-text-color: #495057;
  color-scheme: light;
}
:root {
  --blue-50:#f4fafe;
  --blue-100:#cae6fc;
  --blue-200:#a0d2fa;
  --blue-300:#75bef8;
  --blue-400:#4baaf5;
  --blue-500:#2196f3;
  --blue-600:#1c80cf;
  --blue-700:#1769aa;
  --blue-800:#125386;
  --blue-900:#0d3c61;
  --green-50:#f6fbf6;
  --green-100:#d4ecd5;
  --green-200:#b2ddb4;
  --green-300:#90cd93;
  --green-400:#6ebe71;
  --green-500:#4caf50;
  --green-600:#419544;
  --green-700:#357b38;
  --green-800:#2a602c;
  --green-900:#1e4620;
  --yellow-50:#fffcf5;
  --yellow-100:#fef0cd;
  --yellow-200:#fde4a5;
  --yellow-300:#fdd87d;
  --yellow-400:#fccc55;
  --yellow-500:#fbc02d;
  --yellow-600:#d5a326;
  --yellow-700:#b08620;
  --yellow-800:#8a6a19;
  --yellow-900:#644d12;
  --cyan-50:#f2fcfd;
  --cyan-100:#c2eff5;
  --cyan-200:#91e2ed;
  --cyan-300:#61d5e4;
  --cyan-400:#30c9dc;
  --cyan-500:#00bcd4;
  --cyan-600:#00a0b4;
  --cyan-700:#008494;
  --cyan-800:#006775;
  --cyan-900:#004b55;
  --pink-50:#fef4f7;
  --pink-100:#fac9da;
  --pink-200:#f69ebc;
  --pink-300:#f1749e;
  --pink-400:#ed4981;
  --pink-500:#e91e63;
  --pink-600:#c61a54;
  --pink-700:#a31545;
  --pink-800:#801136;
  --pink-900:#5d0c28;
  --indigo-50:#f5f6fb;
  --indigo-100:#d1d5ed;
  --indigo-200:#acb4df;
  --indigo-300:#8893d1;
  --indigo-400:#6372c3;
  --indigo-500:#3f51b5;
  --indigo-600:#36459a;
  --indigo-700:#2c397f;
  --indigo-800:#232d64;
  --indigo-900:#192048;
  --teal-50:#f2faf9;
  --teal-100:#c2e6e2;
  --teal-200:#91d2cc;
  --teal-300:#61beb5;
  --teal-400:#30aa9f;
  --teal-500:#009688;
  --teal-600:#008074;
  --teal-700:#00695f;
  --teal-800:#00534b;
  --teal-900:#003c36;
  --orange-50:#fff8f2;
  --orange-100:#fde0c2;
  --orange-200:#fbc791;
  --orange-300:#f9ae61;
  --orange-400:#f79530;
  --orange-500:#f57c00;
  --orange-600:#d06900;
  --orange-700:#ac5700;
  --orange-800:#874400;
  --orange-900:#623200;
  --bluegray-50:#f7f9f9;
  --bluegray-100:#d9e0e3;
  --bluegray-200:#bbc7cd;
  --bluegray-300:#9caeb7;
  --bluegray-400:#7e96a1;
  --bluegray-500:#607d8b;
  --bluegray-600:#526a76;
  --bluegray-700:#435861;
  --bluegray-800:#35454c;
  --bluegray-900:#263238;
  --purple-50:#faf4fb;
  --purple-100:#e7cbec;
  --purple-200:#d4a2dd;
  --purple-300:#c279ce;
  --purple-400:#af50bf;
  --purple-500:#9c27b0;
  --purple-600:#852196;
  --purple-700:#6d1b7b;
  --purple-800:#561561;
  --purple-900:#3e1046;
  --red-50:#fff5f5;
  --red-100:#ffd1ce;
  --red-200:#ffada7;
  --red-300:#ff8980;
  --red-400:#ff6459;
  --red-500:#ff4032;
  --red-600:#d9362b;
  --red-700:#b32d23;
  --red-800:#8c231c;
  --red-900:#661a14;
  --primary-50:#f4fafe;
  --primary-100:#cae6fc;
  --primary-200:#a0d2fa;
  --primary-300:#75bef8;
  --primary-400:#4baaf5;
  --primary-500:#2196f3;
  --primary-600:#1c80cf;
  --primary-700:#1769aa;
  --primary-800:#125386;
  --primary-900:#0d3c61;
}
.p-editor-container .p-editor-toolbar {
  background: #f8f9fa;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}
.p-editor-container .p-editor-toolbar.ql-snow {
  border: 1px solid #dee2e6;
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke {
  stroke: #6c757d;
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-fill {
  fill: #6c757d;
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label {
  border: 0 none;
  color: #6c757d;
}
.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: 3px;
  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: 3px;
  border-bottom-left-radius: 3px;
}
.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: 3px;
  border-bottom-left-radius: 3px;
}
.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: #2196f3;
}
.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: #2196f3;
}
.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: #2196f3;
}
.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: #2196f3;
}
@layer primereact {
  * {
    box-sizing: border-box;
  }
  .p-component {
    font-family: var(--font-family);
    font-feature-settings: var(--font-feature-settings, normal);
    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 {
    opacity: 0.6;
  }
  .p-error {
    color: #f44336;
  }
  .p-text-secondary {
    color: #6c757d;
  }
  .pi {
    font-size: 1rem;
  }
  .p-icon {
    width: 1rem;
    height: 1rem;
  }
  .p-link {
    font-family: var(--font-family);
    font-feature-settings: var(--font-feature-settings, normal);
    font-size: 1rem;
    border-radius: 3px;
  }
  .p-link:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .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;
    }
  }
  .p-autocomplete .p-autocomplete-loader {
    right: 0.5rem;
  }
  .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
    right: 2.857rem;
  }
  .p-autocomplete .p-autocomplete-multiple-container {
    padding: 0.25rem 0.5rem;
    gap: 0.5rem;
  }
  .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover {
    border-color: #2196f3;
  }
  .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
    border-color: #2196f3;
  }
  .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
    padding: 0.25rem 0;
  }
  .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
    font-family: var(--font-family);
    font-feature-settings: var(--font-feature-settings, normal);
    font-size: 1rem;
    color: #495057;
    padding: 0;
    margin: 0;
  }
  .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
    padding: 0.25rem 0.5rem;
    margin-right: 0.5rem;
    background: #e3f2fd;
    color: #495057;
    border-radius: 3px;
  }
  .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
    margin-left: 0.5rem;
  }
  .p-autocomplete.p-invalid.p-component > .p-inputtext {
    border-color: #f44336;
  }
  .p-autocomplete-panel {
    background: #ffffff;
    color: #495057;
    border: 0 none;
    border-radius: 3px;
    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 {
    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-highlight {
    color: #495057;
    background: #e3f2fd;
  }
  .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
    margin: 0;
    padding: 0.75rem 1rem;
    color: #495057;
    background: #ffffff;
    font-weight: 600;
  }
  .p-calendar.p-invalid.p-component > .p-inputtext {
    border-color: #f44336;
  }
  .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
    border-color: #2196f3;
  }
  .p-datepicker {
    padding: 0.5rem;
    background: #ffffff;
    color: #495057;
    border: 1px solid #ced4da;
    border-radius: 3px;
  }
  .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: 3px;
    border-top-left-radius: 3px;
  }
  .p-datepicker .p-datepicker-header .p-datepicker-prev,
  .p-datepicker .p-datepicker-header .p-datepicker-next {
    width: 2rem;
    height: 2rem;
    color: #6c757d;
    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-visible,
  .p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .p-datepicker .p-datepicker-header .p-datepicker-title {
    line-height: 2rem;
  }
  .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year,
  .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
    color: #495057;
    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
    font-weight: 600;
    padding: 0.5rem;
  }
  .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover,
  .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover {
    color: #2196f3;
  }
  .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 #a6d5fa;
  }
  .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: #6c757d;
    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-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .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: 3px;
  }
  .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight {
    color: #495057;
    background: #e3f2fd;
  }
  .p-datepicker .p-yearpicker {
    margin: 0.5rem 0;
  }
  .p-datepicker .p-yearpicker .p-yearpicker-year {
    padding: 0.5rem;
    transition: box-shadow 0.2s;
    border-radius: 3px;
  }
  .p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight {
    color: #495057;
    background: #e3f2fd;
  }
  .p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
    border-left: 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;
    border-left: 0 none;
  }
  .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child {
    padding-right: 0;
  }
  .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 #a6d5fa;
  }
  .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover {
    background: #e9ecef;
  }
  .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover {
    background: #e9ecef;
  }
  .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  @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: 3px;
    outline-color: transparent;
  }
  .p-cascadeselect:not(.p-disabled):hover {
    border-color: #2196f3;
  }
  .p-cascadeselect:not(.p-disabled).p-focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
    border-color: #2196f3;
  }
  .p-cascadeselect.p-variant-filled {
    background-color: #f8f9fa;
  }
  .p-cascadeselect.p-variant-filled:enabled:hover {
    background-color: #f8f9fa;
  }
  .p-cascadeselect.p-variant-filled:enabled:focus {
    background-color: #ffffff;
  }
  .p-cascadeselect .p-cascadeselect-label {
    background: transparent;
    border: 0 none;
    padding: 0.5rem 0.5rem;
  }
  .p-cascadeselect .p-cascadeselect-label.p-placeholder {
    color: #6c757d;
  }
  .p-cascadeselect .p-cascadeselect-label:enabled:focus {
    outline: 0 none;
    box-shadow: none;
  }
  .p-cascadeselect .p-cascadeselect-trigger {
    background: transparent;
    color: #6c757d;
    width: 2.357rem;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
  }
  .p-cascadeselect.p-invalid.p-component {
    border-color: #f44336;
  }
  .p-cascadeselect-panel {
    background: #ffffff;
    color: #495057;
    border: 0 none;
    border-radius: 3px;
    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:first-child {
    margin-top: 0;
  }
  .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:last-child {
    margin-bottom: 0;
  }
  .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight {
    color: #495057;
    background: #e3f2fd;
  }
  .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus {
    background: rgba(33, 150, 243, 0.24);
  }
  .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus {
    color: #495057;
    background: #e9ecef;
  }
  .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-group-icon {
    font-size: 0.875rem;
  }
  .p-checkbox {
    position: relative;
    display: inline-flex;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    vertical-align: bottom;
  }
  .p-checkbox-input {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    opacity: 0;
    z-index: 1;
    outline: 0 none;
    cursor: pointer;
  }
  .p-checkbox-box {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .p-checkbox {
    width: 20px;
    height: 20px;
  }
  .p-checkbox .p-checkbox-input {
    border: 2px solid #ced4da;
    border-radius: 3px;
  }
  .p-checkbox .p-checkbox-box {
    border: 2px solid #ced4da;
    background: #ffffff;
    width: 20px;
    height: 20px;
    color: #495057;
    border-radius: 3px;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
    outline-color: transparent;
  }
  .p-checkbox .p-checkbox-box .p-checkbox-icon {
    transition-duration: 0.2s;
    color: #ffffff;
    font-size: 14px;
  }
  .p-checkbox .p-checkbox-box .p-checkbox-icon.p-icon {
    width: 14px;
    height: 14px;
  }
  .p-checkbox .p-checkbox-box {
    border: 2px solid #ced4da;
    background: #ffffff;
    width: 20px;
    height: 20px;
    color: #495057;
    border-radius: 3px;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
    outline-color: transparent;
  }
  .p-checkbox .p-checkbox-box .p-checkbox-icon {
    transition-duration: 0.2s;
    color: #ffffff;
    font-size: 14px;
  }
  .p-checkbox .p-checkbox-box .p-checkbox-icon.p-icon {
    width: 14px;
    height: 14px;
  }
  .p-checkbox.p-highlight .p-checkbox-box {
    border-color: #2196f3;
    background: #2196f3;
  }
  .p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
    border-color: #2196f3;
  }
  .p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
    border-color: #0b7ad1;
    background: #0b7ad1;
    color: #ffffff;
  }
  .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible) .p-checkbox-box {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
    border-color: #2196f3;
  }
  .p-checkbox.p-invalid > .p-checkbox-box {
    border-color: #f44336;
  }
  .p-checkbox.p-variant-filled .p-checkbox-box {
    background-color: #f8f9fa;
  }
  .p-checkbox.p-variant-filled.p-highlight .p-checkbox-box {
    background: #2196f3;
  }
  .p-checkbox.p-variant-filled:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
    background-color: #f8f9fa;
  }
  .p-checkbox.p-variant-filled:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
    background: #0b7ad1;
  }
  .p-input-filled .p-checkbox .p-checkbox-box {
    background-color: #f8f9fa;
  }
  .p-input-filled .p-checkbox.p-highlight .p-checkbox-box {
    background: #2196f3;
  }
  .p-input-filled .p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
    background-color: #f8f9fa;
  }
  .p-input-filled .p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
    background: #0b7ad1;
  }
  .p-checkbox {
    position: relative;
    display: inline-flex;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    vertical-align: bottom;
  }
  .p-checkbox-input {
    cursor: pointer;
  }
  .p-checkbox-box {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .p-tristatecheckbox.p-variant-filled .p-checkbox-box {
    background-color: #f8f9fa;
  }
  .p-tristatecheckbox.p-variant-filled.p-highlight .p-checkbox-box {
    background: #2196f3;
  }
  .p-tristatecheckbox.p-variant-filled:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
    background-color: #f8f9fa;
  }
  .p-tristatecheckbox.p-variant-filled:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
    background: #0b7ad1;
  }
  .p-chips {
    display: inline-flex;
  }
  .p-chips-multiple-container {
    margin: 0;
    padding: 0;
    list-style-type: none;
    cursor: text;
    overflow: hidden;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
  }
  .p-chips-token {
    cursor: default;
    display: inline-flex;
    align-items: center;
    flex: 0 0 auto;
  }
  .p-chips-input-token {
    flex: 1 1 auto;
    display: inline-flex;
  }
  .p-chips-token-icon {
    cursor: pointer;
  }
  .p-chips-input-token input {
    border: 0 none;
    outline: 0 none;
    background-color: transparent;
    margin: 0;
    padding: 0;
    box-shadow: none;
    border-radius: 0;
    width: 100%;
  }
  .p-fluid .p-chips {
    display: flex;
  }
  .p-chips:not(.p-disabled):hover .p-chips-multiple-container {
    border-color: #2196f3;
  }
  .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
    border-color: #2196f3;
  }
  .p-chips .p-chips-multiple-container {
    padding: 0.25rem 0.5rem;
    outline-color: transparent;
  }
  .p-chips .p-chips-multiple-container .p-chips-token {
    padding: 0.25rem 0.5rem;
    margin-right: 0.5rem;
    background: #dee2e6;
    color: #495057;
    border-radius: 16px;
  }
  .p-chips .p-chips-multiple-container .p-chips-token.p-focus {
    background: #ced4da;
    color: #495057;
  }
  .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: 0.25rem 0;
  }
  .p-chips .p-chips-multiple-container .p-chips-input-token input {
    font-family: var(--font-family);
    font-feature-settings: var(--font-feature-settings, normal);
    font-size: 1rem;
    color: #495057;
    padding: 0;
    margin: 0;
  }
  .p-chips.p-invalid.p-component > .p-inputtext {
    border-color: #f44336;
  }
  .p-colorpicker-preview {
    width: 2rem;
    height: 2rem;
  }
  .p-colorpicker-panel {
    background: #323232;
    border: 1px solid #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);
  }
  .p-dropdown {
    display: inline-flex;
    cursor: pointer;
    position: relative;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
  }
  .p-dropdown-clear-icon {
    position: absolute;
    top: 50%;
    margin-top: -0.5rem;
  }
  .p-dropdown-trigger {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
  }
  .p-dropdown-label {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    flex: 1 1 auto;
    width: 1%;
    text-overflow: ellipsis;
    cursor: pointer;
  }
  .p-dropdown-label-empty {
    overflow: hidden;
    opacity: 0;
  }
  input.p-dropdown-label {
    cursor: default;
  }
  .p-dropdown .p-dropdown-panel {
    min-width: 100%;
  }
  .p-dropdown-panel {
    position: absolute;
    top: 0;
    left: 0;
  }
  .p-dropdown-items-wrapper {
    overflow: auto;
  }
  .p-dropdown-item {
    cursor: pointer;
    font-weight: normal;
    white-space: nowrap;
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
  }
  .p-dropdown-item-group {
    cursor: auto;
  }
  .p-dropdown-items {
    margin: 0;
    padding: 0;
    list-style-type: none;
  }
  .p-dropdown-filter {
    width: 100%;
  }
  .p-dropdown-filter-container {
    position: relative;
  }
  .p-dropdown-filter-icon {
    position: absolute;
    top: 50%;
    margin-top: -0.5rem;
  }
  .p-fluid .p-dropdown {
    display: flex;
  }
  .p-fluid .p-dropdown .p-dropdown-label {
    width: 1%;
  }
  .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: 3px;
    outline-color: transparent;
  }
  .p-dropdown:not(.p-disabled):hover {
    border-color: #2196f3;
  }
  .p-dropdown:not(.p-disabled).p-focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
    border-color: #2196f3;
  }
  .p-dropdown.p-variant-filled {
    background: #f8f9fa;
  }
  .p-dropdown.p-variant-filled:not(.p-disabled):hover {
    background-color: #f8f9fa;
  }
  .p-dropdown.p-variant-filled:not(.p-disabled).p-focus {
    background-color: #ffffff;
  }
  .p-dropdown.p-variant-filled:not(.p-disabled).p-focus .p-inputtext {
    background-color: transparent;
  }
  .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: #6c757d;
  }
  .p-dropdown .p-dropdown-label:focus, .p-dropdown .p-dropdown-label:enabled:focus {
    outline: 0 none;
    box-shadow: none;
  }
  .p-dropdown .p-dropdown-trigger {
    background: transparent;
    color: #6c757d;
    width: 2.357rem;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
  }
  .p-dropdown .p-dropdown-clear-icon {
    color: #6c757d;
    right: 2.357rem;
  }
  .p-dropdown.p-invalid.p-component {
    border-color: #f44336;
  }
  .p-dropdown-panel {
    background: #ffffff;
    color: #495057;
    border: 0 none;
    border-radius: 3px;
    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: 3px;
    border-top-left-radius: 3px;
  }
  .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: #6c757d;
  }
  .p-dropdown-panel .p-dropdown-items {
    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:first-child {
    margin-top: 0;
  }
  .p-dropdown-panel .p-dropdown-items .p-dropdown-item:last-child {
    margin-bottom: 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.p-highlight.p-focus {
    background: rgba(33, 150, 243, 0.24);
  }
  .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus {
    color: #495057;
    background: #e9ecef;
  }
  .p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-check-icon {
    position: relative;
    margin-left: -0.5rem;
    margin-right: 0.5rem;
  }
  .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-panel .p-dropdown-items .p-dropdown-empty-message {
    padding: 0.5rem 1rem;
    color: #495057;
    background: transparent;
  }
  .p-inputgroup-addon {
    background: #e9ecef;
    color: #6c757d;
    border-top: 1px solid #ced4da;
    border-left: 1px solid #ced4da;
    border-bottom: 1px solid #ced4da;
    padding: 0.5rem 0.5rem;
    min-width: 2.357rem;
  }
  .p-inputgroup-addon:last-child {
    border-right: 1px solid #ced4da;
  }
  .p-inputgroup > .p-component,
  .p-inputgroup > .p-inputwrapper > .p-inputtext,
  .p-inputgroup > .p-float-label > .p-component {
    border-radius: 0;
    margin: 0;
  }
  .p-inputgroup > .p-component + .p-inputgroup-addon,
  .p-inputgroup > .p-inputwrapper > .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-inputwrapper > .p-inputtext:focus,
  .p-inputgroup > .p-float-label > .p-component:focus {
    z-index: 1;
  }
  .p-inputgroup > .p-component:focus ~ label,
  .p-inputgroup > .p-inputwrapper > .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-inputgroup > .p-inputwrapper:first-child > .p-inputtext {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
  }
  .p-inputgroup .p-float-label:first-child input {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
  }
  .p-inputgroup-addon:last-child,
  .p-inputgroup button:last-child,
  .p-inputgroup input:last-child,
  .p-inputgroup > .p-inputwrapper:last-child,
  .p-inputgroup > .p-inputwrapper:last-child > .p-inputtext {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
  }
  .p-inputgroup .p-float-label:last-child input {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
  }
  .p-fluid .p-inputgroup .p-button {
    width: auto;
  }
  .p-fluid .p-inputgroup .p-button.p-button-icon-only {
    width: 2.357rem;
  }
  .p-inputnumber.p-invalid.p-component > .p-inputtext {
    border-color: #f44336;
  }
  .p-inputswitch {
    position: relative;
    display: inline-block;
  }
  .p-inputswitch-input {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    opacity: 0;
    z-index: 1;
    outline: 0 none;
    cursor: pointer;
  }
  .p-inputswitch-slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border: 1px solid transparent;
  }
  .p-inputswitch-slider:before {
    position: absolute;
    content: "";
    top: 50%;
  }
  .p-inputswitch {
    width: 3rem;
    height: 1.75rem;
  }
  .p-inputswitch .p-inputswitch-input {
    border-radius: 30px;
  }
  .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;
    outline-color: transparent;
  }
  .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-highlight .p-inputswitch-slider {
    background: #2196f3;
  }
  .p-inputswitch.p-highlight .p-inputswitch-slider:before {
    background: #ffffff;
    transform: translateX(1.25rem);
  }
  .p-inputswitch:not(.p-disabled):has(.p-inputswitch-input:hover) .p-inputswitch-slider {
    background: #b6bfc8;
  }
  .p-inputswitch:not(.p-disabled):has(.p-inputswitch-input:hover).p-highlight .p-inputswitch-slider {
    background: #0d89ec;
  }
  .p-inputswitch:not(.p-disabled):has(.p-inputswitch-input:focus-visible) .p-inputswitch-slider {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .p-inputswitch.p-invalid > .p-inputswitch-slider {
    border-color: #f44336;
  }
  .p-inputtext {
    font-family: var(--font-family);
    font-feature-settings: var(--font-feature-settings, normal);
    font-size: 1rem;
    color: #495057;
    background: #ffffff;
    padding: 0.5rem 0.5rem;
    border: 1px solid #ced4da;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    border-radius: 3px;
    outline-color: transparent;
  }
  .p-inputtext:enabled:hover {
    border-color: #2196f3;
  }
  .p-inputtext:enabled:focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
    border-color: #2196f3;
  }
  .p-inputtext.p-invalid.p-component {
    border-color: #f44336;
  }
  .p-inputtext.p-variant-filled {
    background-color: #f8f9fa;
  }
  .p-inputtext.p-variant-filled:enabled:hover {
    background-color: #f8f9fa;
  }
  .p-inputtext.p-variant-filled:enabled:focus {
    background-color: #ffffff;
  }
  .p-inputtext.p-inputtext-sm {
    font-size: 0.875rem;
    padding: 0.4375rem 0.4375rem;
  }
  .p-inputtext.p-inputtext-lg {
    font-size: 1.25rem;
    padding: 0.625rem 0.625rem;
  }
  .p-float-label > label {
    left: 0.5rem;
    color: #6c757d;
    transition-duration: 0.2s;
  }
  .p-float-label > .p-invalid + label {
    color: #f44336;
  }
  .p-icon-field-left > .p-inputtext {
    padding-left: 2rem;
  }
  .p-icon-field-left.p-float-label > label {
    left: 2rem;
  }
  .p-icon-field-right > .p-inputtext {
    padding-right: 2rem;
  }
  ::-webkit-input-placeholder {
    color: #6c757d;
  }
  :-moz-placeholder {
    color: #6c757d;
  }
  ::-moz-placeholder {
    color: #6c757d;
  }
  :-ms-input-placeholder {
    color: #6c757d;
  }
  .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: 0.875rem;
    padding: 0.4375rem 0.4375rem;
  }
  .p-inputtext-lg .p-inputtext {
    font-size: 1.25rem;
    padding: 0.625rem 0.625rem;
  }
  .p-icon-field {
    position: relative;
  }
  .p-icon-field > .p-input-icon {
    position: absolute;
    top: 50%;
    margin-top: -0.5rem;
  }
  .p-fluid .p-icon-field-left,
  .p-fluid .p-icon-field-right {
    width: 100%;
  }
  .p-icon-field-left > .p-input-icon:first-of-type {
    left: 0.5rem;
    color: #6c757d;
  }
  .p-icon-field-right > .p-input-icon:last-of-type {
    right: 0.5rem;
    color: #6c757d;
  }
  .p-inputotp {
    display: flex;
    align-items: center;
    gap: 0.5rem;
  }
  .p-inputotp-input {
    text-align: center;
    width: 2rem;
  }
  .p-listbox-list-wrapper {
    overflow: auto;
  }
  .p-listbox-list {
    list-style-type: none;
    margin: 0;
    padding: 0;
  }
  .p-listbox-item {
    cursor: pointer;
    position: relative;
    overflow: hidden;
  }
  .p-listbox-item-group {
    cursor: auto;
  }
  .p-listbox-filter-container {
    position: relative;
  }
  .p-listbox-filter-icon {
    position: absolute;
    top: 50%;
    margin-top: -0.5rem;
  }
  .p-listbox-filter {
    width: 100%;
  }
  .p-listbox {
    background: #ffffff;
    color: #495057;
    border: 1px solid #ced4da;
    border-radius: 3px;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
    outline-color: transparent;
  }
  .p-listbox .p-listbox-header {
    padding: 0.5rem 1rem;
    border-bottom: 0 none;
    color: #495057;
    background: #f8f9fa;
    margin: 0;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
  }
  .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: #6c757d;
  }
  .p-listbox .p-listbox-list {
    padding: 0.5rem 0;
    outline: 0 none;
  }
  .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:first-child {
    margin-top: 0;
  }
  .p-listbox .p-listbox-list .p-listbox-item:last-child {
    margin-bottom: 0;
  }
  .p-listbox .p-listbox-list .p-listbox-item.p-highlight {
    color: #495057;
    background: #e3f2fd;
  }
  .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.p-highlight.p-focus {
    background: rgba(33, 150, 243, 0.24);
  }
  .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus {
    color: #495057;
    background: #e9ecef;
  }
  .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
    color: #495057;
    background: #e9ecef;
  }
  .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover.p-focus {
    color: #495057;
    background: #e9ecef;
  }
  .p-listbox.p-focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
    border-color: #2196f3;
  }
  .p-listbox.p-invalid {
    border-color: #f44336;
  }
  .p-mention-panel {
    background: #ffffff;
    color: #495057;
    border: 0 none;
    border-radius: 3px;
    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-mention-panel .p-mention-items {
    padding: 0.5rem 0;
  }
  .p-mention-panel .p-mention-items .p-mention-item {
    margin: 0;
    padding: 0.5rem 1rem;
    border: 0 none;
    color: #495057;
    background: transparent;
    transition: box-shadow 0.2s;
    border-radius: 0;
  }
  .p-mention-panel .p-mention-items .p-mention-item:hover {
    color: #495057;
    background: #e9ecef;
  }
  .p-mention-panel .p-mention-items .p-mention-item.p-highlight {
    color: #495057;
    background: #e3f2fd;
  }
  .p-multiselect {
    display: inline-flex;
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
  }
  .p-multiselect-trigger {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
  }
  .p-multiselect-label-container {
    overflow: hidden;
    flex: 1 1 auto;
    cursor: pointer;
  }
  .p-multiselect-label {
    display: block;
    white-space: nowrap;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .p-multiselect-label-empty {
    overflow: hidden;
    visibility: hidden;
  }
  .p-multiselect-token {
    cursor: default;
    display: inline-flex;
    align-items: center;
    flex: 0 0 auto;
  }
  .p-multiselect-token-icon {
    cursor: pointer;
  }
  .p-multiselect .p-multiselect-panel {
    min-width: 100%;
  }
  .p-multiselect-items-wrapper {
    overflow: auto;
  }
  .p-multiselect-items {
    margin: 0;
    padding: 0;
    list-style-type: none;
  }
  .p-multiselect-item {
    cursor: pointer;
    display: flex;
    align-items: center;
    font-weight: normal;
    white-space: nowrap;
    position: relative;
    overflow: hidden;
  }
  .p-multiselect-item-group {
    cursor: auto;
  }
  .p-multiselect-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .p-multiselect-filter-container {
    position: relative;
    flex: 1 1 auto;
  }
  .p-multiselect-filter-icon {
    position: absolute;
    top: 50%;
    margin-top: -0.5rem;
  }
  .p-multiselect-filter-container .p-inputtext {
    width: 100%;
  }
  .p-multiselect-close {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    overflow: hidden;
    position: relative;
    margin-left: auto;
  }
  .p-fluid .p-multiselect {
    display: flex;
  }
  .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: 3px;
    outline-color: transparent;
  }
  .p-multiselect:not(.p-disabled):hover {
    border-color: #2196f3;
  }
  .p-multiselect:not(.p-disabled).p-focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
    border-color: #2196f3;
  }
  .p-multiselect.p-variant-filled {
    background: #f8f9fa;
  }
  .p-multiselect.p-variant-filled:not(.p-disabled):hover {
    background-color: #f8f9fa;
  }
  .p-multiselect.p-variant-filled:not(.p-disabled).p-focus {
    background-color: #ffffff;
  }
  .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: #6c757d;
  }
  .p-multiselect.p-multiselect-chip .p-multiselect-token {
    padding: 0.25rem 0.5rem;
    margin-right: 0.5rem;
    background: #dee2e6;
    color: #495057;
    border-radius: 16px;
  }
  .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
    margin-left: 0.5rem;
  }
  .p-multiselect .p-multiselect-trigger {
    background: transparent;
    color: #6c757d;
    width: 2.357rem;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
  }
  .p-multiselect.p-invalid.p-component {
    border-color: #f44336;
  }
  .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label {
    padding: 0.25rem 0.5rem;
  }
  .p-multiselect-panel {
    background: #ffffff;
    color: #495057;
    border: 0 none;
    border-radius: 3px;
    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: 3px;
    border-top-left-radius: 3px;
  }
  .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext {
    padding-right: 1.5rem;
  }
  .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon {
    right: 0.5rem;
    color: #6c757d;
  }
  .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: #6c757d;
    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-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .p-multiselect-panel .p-multiselect-items {
    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:first-child {
    margin-top: 0;
  }
  .p-multiselect-panel .p-multiselect-items .p-multiselect-item:last-child {
    margin-bottom: 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.p-highlight.p-focus {
    background: rgba(33, 150, 243, 0.24);
  }
  .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus {
    color: #495057;
    background: #e9ecef;
  }
  .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-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: 3px;
  }
  .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 {
    position: relative;
    display: inline-flex;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    vertical-align: bottom;
  }
  .p-radiobutton-input {
    cursor: pointer;
  }
  .p-radiobutton-box {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .p-radiobutton-icon {
    backface-visibility: hidden;
    transform: translateZ(0) scale(0.1);
    border-radius: 50%;
    visibility: hidden;
  }
  .p-radiobutton.p-highlight .p-radiobutton-icon {
    transform: translateZ(0) scale(1, 1);
    visibility: visible;
  }
  .p-radiobutton {
    width: 20px;
    height: 20px;
  }
  .p-radiobutton .p-radiobutton-input {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    opacity: 0;
    z-index: 1;
    outline: 0 none;
    border: 2px solid #ced4da;
    border-radius: 50%;
  }
  .p-radiobutton .p-radiobutton-box {
    border: 2px solid #ced4da;
    background: #ffffff;
    width: 20px;
    height: 20px;
    color: #495057;
    border-radius: 50%;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
    outline-color: transparent;
  }
  .p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
    width: 12px;
    height: 12px;
    transition-duration: 0.2s;
    background-color: #ffffff;
  }
  .p-radiobutton.p-highlight .p-radiobutton-box {
    border-color: #2196f3;
    background: #2196f3;
  }
  .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
    border-color: #2196f3;
  }
  .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
    border-color: #0b7ad1;
    background: #0b7ad1;
  }
  .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box .p-radiobutton-icon {
    background-color: #ffffff;
  }
  .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible) .p-radiobutton-box {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
    border-color: #2196f3;
  }
  .p-radiobutton.p-invalid > .p-radiobutton-box {
    border-color: #f44336;
  }
  .p-radiobutton.p-variant-filled .p-radiobutton-box {
    background-color: #f8f9fa;
  }
  .p-radiobutton.p-variant-filled.p-highlight .p-radiobutton-box {
    background: #2196f3;
  }
  .p-radiobutton.p-variant-filled:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
    background-color: #f8f9fa;
  }
  .p-radiobutton.p-variant-filled:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
    background: #0b7ad1;
  }
  .p-input-filled .p-radiobutton .p-radiobutton-box {
    background-color: #f8f9fa;
  }
  .p-input-filled .p-radiobutton.p-highlight .p-radiobutton-box {
    background: #2196f3;
  }
  .p-input-filled .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
    background-color: #f8f9fa;
  }
  .p-input-filled .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
    background: #0b7ad1;
  }
  .p-rating {
    position: relative;
    display: flex;
    align-items: center;
  }
  .p-rating-item {
    display: inline-flex;
    align-items: center;
    cursor: pointer;
  }
  .p-rating.p-readonly .p-rating-item {
    cursor: default;
  }
  .p-rating {
    gap: 0.5rem;
  }
  .p-rating .p-rating-item {
    outline-color: transparent;
    border-radius: 50%;
  }
  .p-rating .p-rating-item .p-rating-icon {
    color: #495057;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
    font-size: 1.143rem;
  }
  .p-rating .p-rating-item .p-rating-icon.p-icon {
    width: 1.143rem;
    height: 1.143rem;
  }
  .p-rating .p-rating-item .p-rating-icon.p-rating-cancel {
    color: #e74c3c;
  }
  .p-rating .p-rating-item.p-focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .p-rating .p-rating-item.p-rating-item-active .p-rating-icon {
    color: #2196f3;
  }
  .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon {
    color: #2196f3;
  }
  .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel {
    color: #c0392b;
  }
  .p-selectbutton .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-selectbutton .p-button .p-button-icon-left,
  .p-selectbutton .p-button .p-button-icon-right {
    color: #6c757d;
  }
  .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover {
    background: #e9ecef;
    border-color: #ced4da;
    color: #495057;
  }
  .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: #6c757d;
  }
  .p-selectbutton .p-button.p-highlight {
    background: #2196f3;
    border-color: #2196f3;
    color: #ffffff;
  }
  .p-selectbutton .p-button.p-highlight .p-button-icon-left,
  .p-selectbutton .p-button.p-highlight .p-button-icon-right {
    color: #ffffff;
  }
  .p-selectbutton .p-button.p-highlight:hover {
    background: #0d89ec;
    border-color: #0d89ec;
    color: #ffffff;
  }
  .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left,
  .p-selectbutton .p-button.p-highlight:hover .p-button-icon-right {
    color: #ffffff;
  }
  .p-selectbutton.p-invalid > .p-button {
    border-color: #f44336;
  }
  .p-slider {
    background: #dee2e6;
    border: 0 none;
    border-radius: 3px;
  }
  .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 #2196f3;
    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 #a6d5fa;
  }
  .p-slider .p-slider-range {
    background: #2196f3;
  }
  .p-slider:not(.p-disabled) .p-slider-handle:hover {
    background: #2196f3;
    border-color: #2196f3;
  }
  .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: 3px;
  }
  .p-treeselect:not(.p-disabled):hover {
    border-color: #2196f3;
  }
  .p-treeselect:not(.p-disabled).p-focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
    border-color: #2196f3;
  }
  .p-treeselect.p-treeselect-clearable .p-treeselect-label {
    padding-right: 1.5rem;
  }
  .p-treeselect.p-variant-filled {
    background: #f8f9fa;
  }
  .p-treeselect.p-variant-filled:not(.p-disabled):hover {
    background-color: #f8f9fa;
  }
  .p-treeselect.p-variant-filled:not(.p-disabled).p-focus {
    background-color: #ffffff;
  }
  .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: #6c757d;
  }
  .p-treeselect.p-treeselect-chip .p-treeselect-token {
    padding: 0.25rem 0.5rem;
    margin-right: 0.5rem;
    background: #dee2e6;
    color: #495057;
    border-radius: 16px;
  }
  .p-treeselect .p-treeselect-trigger {
    background: transparent;
    color: #6c757d;
    width: 2.357rem;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
  }
  .p-treeselect .p-treeselect-clear-icon {
    color: #6c757d;
    right: 2.357rem;
  }
  .p-treeselect.p-invalid.p-component {
    border-color: #f44336;
  }
  .p-inputwrapper-filled.p-treeselect.p-treeselect-chip .p-treeselect-label {
    padding: 0.25rem 0.5rem;
  }
  .p-treeselect-panel {
    background: #ffffff;
    color: #495057;
    border: 0 none;
    border-radius: 3px;
    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-header {
    padding: 0.5rem 1rem;
    border-bottom: 0 none;
    color: #495057;
    background: #f8f9fa;
    margin: 0;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
  }
  .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container {
    margin-right: 0.5rem;
  }
  .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter {
    padding-right: 1.5rem;
  }
  .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter-icon {
    right: 0.5rem;
    color: #6c757d;
  }
  .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter {
    padding-right: 3rem;
  }
  .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter-clear-icon {
    right: 2rem;
  }
  .p-treeselect-panel .p-treeselect-header .p-treeselect-close {
    width: 2rem;
    height: 2rem;
    color: #6c757d;
    border: 0 none;
    background: transparent;
    border-radius: 50%;
    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
  }
  .p-treeselect-panel .p-treeselect-header .p-treeselect-close:enabled:hover {
    color: #495057;
    border-color: transparent;
    background: #e9ecef;
  }
  .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .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-togglebutton {
    position: relative;
    display: inline-flex;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    vertical-align: bottom;
  }
  .p-togglebutton-input {
    cursor: pointer;
  }
  .p-togglebutton .p-button {
    flex: 1 1 auto;
  }
  .p-togglebutton .p-togglebutton-input {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    opacity: 0;
    z-index: 1;
    outline: 0 none;
    border: 1px solid #ced4da;
    border-radius: 3px;
  }
  .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;
    outline-color: transparent;
  }
  .p-togglebutton .p-button .p-button-icon-left,
  .p-togglebutton .p-button .p-button-icon-right {
    color: #6c757d;
  }
  .p-togglebutton.p-highlight .p-button {
    background: #2196f3;
    border-color: #2196f3;
    color: #ffffff;
  }
  .p-togglebutton.p-highlight .p-button .p-button-icon-left,
  .p-togglebutton.p-highlight .p-button .p-button-icon-right {
    color: #ffffff;
  }
  .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button {
    background: #e9ecef;
    border-color: #ced4da;
    color: #495057;
  }
  .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button .p-button-icon-left,
  .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button .p-button-icon-right {
    color: #6c757d;
  }
  .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button {
    background: #0d89ec;
    border-color: #0d89ec;
    color: #ffffff;
  }
  .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button .p-button-icon-left,
  .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button .p-button-icon-right {
    color: #ffffff;
  }
  .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:focus-visible) .p-button {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
    border-color: #2196f3;
  }
  .p-togglebutton.p-invalid > .p-button {
    border-color: #f44336;
  }
  .p-button {
    color: #ffffff;
    background: #2196f3;
    border: 1px solid #2196f3;
    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: 3px;
  }
  .p-button:not(:disabled):hover {
    background: #0d89ec;
    color: #ffffff;
    border-color: #0d89ec;
  }
  .p-button:not(:disabled):active {
    background: #0b7ad1;
    color: #ffffff;
    border-color: #0b7ad1;
  }
  .p-button.p-button-outlined {
    background-color: transparent;
    color: #2196f3;
    border: 1px solid;
  }
  .p-button.p-button-outlined:not(:disabled):hover {
    background: rgba(33, 150, 243, 0.04);
    color: #2196f3;
    border: 1px solid;
  }
  .p-button.p-button-outlined:not(:disabled):active {
    background: rgba(33, 150, 243, 0.16);
    color: #2196f3;
    border: 1px solid;
  }
  .p-button.p-button-outlined.p-button-plain {
    color: #6c757d;
    border-color: #6c757d;
  }
  .p-button.p-button-outlined.p-button-plain:not(:disabled):hover {
    background: #e9ecef;
    color: #6c757d;
  }
  .p-button.p-button-outlined.p-button-plain:not(:disabled):active {
    background: #dee2e6;
    color: #6c757d;
  }
  .p-button.p-button-text {
    background-color: transparent;
    color: #2196f3;
    border-color: transparent;
  }
  .p-button.p-button-text:not(:disabled):hover {
    background: rgba(33, 150, 243, 0.04);
    color: #2196f3;
    border-color: transparent;
  }
  .p-button.p-button-text:not(:disabled):active {
    background: rgba(33, 150, 243, 0.16);
    color: #2196f3;
    border-color: transparent;
  }
  .p-button.p-button-text.p-button-plain {
    color: #6c757d;
  }
  .p-button.p-button-text.p-button-plain:not(:disabled):hover {
    background: #e9ecef;
    color: #6c757d;
  }
  .p-button.p-button-text.p-button-plain:not(:disabled):active {
    background: #dee2e6;
    color: #6c757d;
  }
  .p-button:focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .p-button .p-button-label {
    transition-duration: 0.2s;
  }
  .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: #2196f3;
    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-loading-left .p-button-label {
    margin-left: 0.5rem;
  }
  .p-button.p-button-loading-label-only.p-button-loading-right .p-button-label {
    margin-right: 0.5rem;
  }
  .p-button.p-button-loading-label-only.p-button-loading-top .p-button-label {
    margin-top: 0.5rem;
  }
  .p-button.p-button-loading-label-only.p-button-loading-bottom .p-button-label {
    margin-bottom: 0.5rem;
  }
  .p-button.p-button-loading-label-only .p-button-loading-icon {
    margin: 0;
  }
  .p-fluid .p-button {
    width: 100%;
  }
  .p-fluid .p-button-icon-only {
    width: 2.357rem;
  }
  .p-fluid .p-button-group {
    display: flex;
  }
  .p-fluid .p-button-group .p-button {
    flex: 1;
  }
  .p-button.p-button-secondary, .p-button-group.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button, .p-fileupload-choose.p-button-secondary {
    color: #ffffff;
    background: #607d8b;
    border: 1px solid #607d8b;
  }
  .p-button.p-button-secondary:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover, .p-fileupload-choose.p-button-secondary:not(:disabled):hover {
    background: #56717d;
    color: #ffffff;
    border-color: #56717d;
  }
  .p-button.p-button-secondary:not(:disabled):focus, .p-button-group.p-button-secondary > .p-button:not(:disabled):focus, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus, .p-fileupload-choose.p-button-secondary:not(:disabled):focus {
    box-shadow: 0 0 0 0.2rem #beccd2;
  }
  .p-button.p-button-secondary:not(:disabled):active, .p-button-group.p-button-secondary > .p-button:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):active, .p-fileupload-choose.p-button-secondary:not(:disabled):active {
    background: #4d646f;
    color: #ffffff;
    border-color: #4d646f;
  }
  .p-button.p-button-secondary.p-button-outlined, .p-button-group.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined, .p-fileupload-choose.p-button-secondary.p-button-outlined {
    background-color: transparent;
    color: #607d8b;
    border: 1px solid;
  }
  .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, .p-fileupload-choose.p-button-secondary.p-button-outlined:not(:disabled):hover {
    background: rgba(96, 125, 139, 0.04);
    color: #607d8b;
    border: 1px solid;
  }
  .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, .p-button-group.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, .p-fileupload-choose.p-button-secondary.p-button-outlined:not(:disabled):active {
    background: rgba(96, 125, 139, 0.16);
    color: #607d8b;
    border: 1px solid;
  }
  .p-button.p-button-secondary.p-button-text, .p-button-group.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text, .p-fileupload-choose.p-button-secondary.p-button-text {
    background-color: transparent;
    color: #607d8b;
    border-color: transparent;
  }
  .p-button.p-button-secondary.p-button-text:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, .p-fileupload-choose.p-button-secondary.p-button-text:not(:disabled):hover {
    background: rgba(96, 125, 139, 0.04);
    border-color: transparent;
    color: #607d8b;
  }
  .p-button.p-button-secondary.p-button-text:not(:disabled):active, .p-button-group.p-button-secondary > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active, .p-fileupload-choose.p-button-secondary.p-button-text:not(:disabled):active {
    background: rgba(96, 125, 139, 0.16);
    border-color: transparent;
    color: #607d8b;
  }
  .p-button.p-button-info, .p-button-group.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button, .p-fileupload-choose.p-button-info {
    color: #ffffff;
    background: #0288d1;
    border: 1px solid #0288d1;
  }
  .p-button.p-button-info:not(:disabled):hover, .p-button-group.p-button-info > .p-button:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button:not(:disabled):hover, .p-fileupload-choose.p-button-info:not(:disabled):hover {
    background: #027abc;
    color: #ffffff;
    border-color: #027abc;
  }
  .p-button.p-button-info:not(:disabled):focus, .p-button-group.p-button-info > .p-button:not(:disabled):focus, .p-splitbutton.p-button-info > .p-button:not(:disabled):focus, .p-fileupload-choose.p-button-info:not(:disabled):focus {
    box-shadow: 0 0 0 0.2rem #89d4fe;
  }
  .p-button.p-button-info:not(:disabled):active, .p-button-group.p-button-info > .p-button:not(:disabled):active, .p-splitbutton.p-button-info > .p-button:not(:disabled):active, .p-fileupload-choose.p-button-info:not(:disabled):active {
    background: #026da7;
    color: #ffffff;
    border-color: #026da7;
  }
  .p-button.p-button-info.p-button-outlined, .p-button-group.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined, .p-fileupload-choose.p-button-info.p-button-outlined {
    background-color: transparent;
    color: #0288d1;
    border: 1px solid;
  }
  .p-button.p-button-info.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, .p-fileupload-choose.p-button-info.p-button-outlined:not(:disabled):hover {
    background: rgba(2, 136, 209, 0.04);
    color: #0288d1;
    border: 1px solid;
  }
  .p-button.p-button-info.p-button-outlined:not(:disabled):active, .p-button-group.p-button-info > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active, .p-fileupload-choose.p-button-info.p-button-outlined:not(:disabled):active {
    background: rgba(2, 136, 209, 0.16);
    color: #0288d1;
    border: 1px solid;
  }
  .p-button.p-button-info.p-button-text, .p-button-group.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text, .p-fileupload-choose.p-button-info.p-button-text {
    background-color: transparent;
    color: #0288d1;
    border-color: transparent;
  }
  .p-button.p-button-info.p-button-text:not(:disabled):hover, .p-button-group.p-button-info > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover, .p-fileupload-choose.p-button-info.p-button-text:not(:disabled):hover {
    background: rgba(2, 136, 209, 0.04);
    border-color: transparent;
    color: #0288d1;
  }
  .p-button.p-button-info.p-button-text:not(:disabled):active, .p-button-group.p-button-info > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active, .p-fileupload-choose.p-button-info.p-button-text:not(:disabled):active {
    background: rgba(2, 136, 209, 0.16);
    border-color: transparent;
    color: #0288d1;
  }
  .p-button.p-button-success, .p-button-group.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button, .p-fileupload-choose.p-button-success {
    color: #ffffff;
    background: #689f38;
    border: 1px solid #689f38;
  }
  .p-button.p-button-success:not(:disabled):hover, .p-button-group.p-button-success > .p-button:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button:not(:disabled):hover, .p-fileupload-choose.p-button-success:not(:disabled):hover {
    background: #5e8f32;
    color: #ffffff;
    border-color: #5e8f32;
  }
  .p-button.p-button-success:not(:disabled):focus, .p-button-group.p-button-success > .p-button:not(:disabled):focus, .p-splitbutton.p-button-success > .p-button:not(:disabled):focus, .p-fileupload-choose.p-button-success:not(:disabled):focus {
    box-shadow: 0 0 0 0.2rem #c2e0a8;
  }
  .p-button.p-button-success:not(:disabled):active, .p-button-group.p-button-success > .p-button:not(:disabled):active, .p-splitbutton.p-button-success > .p-button:not(:disabled):active, .p-fileupload-choose.p-button-success:not(:disabled):active {
    background: #537f2d;
    color: #ffffff;
    border-color: #537f2d;
  }
  .p-button.p-button-success.p-button-outlined, .p-button-group.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined, .p-fileupload-choose.p-button-success.p-button-outlined {
    background-color: transparent;
    color: #689f38;
    border: 1px solid;
  }
  .p-button.p-button-success.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, .p-fileupload-choose.p-button-success.p-button-outlined:not(:disabled):hover {
    background: rgba(104, 159, 56, 0.04);
    color: #689f38;
    border: 1px solid;
  }
  .p-button.p-button-success.p-button-outlined:not(:disabled):active, .p-button-group.p-button-success > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active, .p-fileupload-choose.p-button-success.p-button-outlined:not(:disabled):active {
    background: rgba(104, 159, 56, 0.16);
    color: #689f38;
    border: 1px solid;
  }
  .p-button.p-button-success.p-button-text, .p-button-group.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text, .p-fileupload-choose.p-button-success.p-button-text {
    background-color: transparent;
    color: #689f38;
    border-color: transparent;
  }
  .p-button.p-button-success.p-button-text:not(:disabled):hover, .p-button-group.p-button-success > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover, .p-fileupload-choose.p-button-success.p-button-text:not(:disabled):hover {
    background: rgba(104, 159, 56, 0.04);
    border-color: transparent;
    color: #689f38;
  }
  .p-button.p-button-success.p-button-text:not(:disabled):active, .p-button-group.p-button-success > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active, .p-fileupload-choose.p-button-success.p-button-text:not(:disabled):active {
    background: rgba(104, 159, 56, 0.16);
    border-color: transparent;
    color: #689f38;
  }
  .p-button.p-button-warning, .p-button-group.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button, .p-fileupload-choose.p-button-warning {
    color: #212529;
    background: #fbc02d;
    border: 1px solid #fbc02d;
  }
  .p-button.p-button-warning:not(:disabled):hover, .p-button-group.p-button-warning > .p-button:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button:not(:disabled):hover, .p-fileupload-choose.p-button-warning:not(:disabled):hover {
    background: #fab710;
    color: #212529;
    border-color: #fab710;
  }
  .p-button.p-button-warning:not(:disabled):focus, .p-button-group.p-button-warning > .p-button:not(:disabled):focus, .p-splitbutton.p-button-warning > .p-button:not(:disabled):focus, .p-fileupload-choose.p-button-warning:not(:disabled):focus {
    box-shadow: 0 0 0 0.2rem #fde6ab;
  }
  .p-button.p-button-warning:not(:disabled):active, .p-button-group.p-button-warning > .p-button:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button:not(:disabled):active, .p-fileupload-choose.p-button-warning:not(:disabled):active {
    background: #e8a704;
    color: #212529;
    border-color: #e8a704;
  }
  .p-button.p-button-warning.p-button-outlined, .p-button-group.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined, .p-fileupload-choose.p-button-warning.p-button-outlined {
    background-color: transparent;
    color: #fbc02d;
    border: 1px solid;
  }
  .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, .p-fileupload-choose.p-button-warning.p-button-outlined:not(:disabled):hover {
    background: rgba(251, 192, 45, 0.04);
    color: #fbc02d;
    border: 1px solid;
  }
  .p-button.p-button-warning.p-button-outlined:not(:disabled):active, .p-button-group.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, .p-fileupload-choose.p-button-warning.p-button-outlined:not(:disabled):active {
    background: rgba(251, 192, 45, 0.16);
    color: #fbc02d;
    border: 1px solid;
  }
  .p-button.p-button-warning.p-button-text, .p-button-group.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text, .p-fileupload-choose.p-button-warning.p-button-text {
    background-color: transparent;
    color: #fbc02d;
    border-color: transparent;
  }
  .p-button.p-button-warning.p-button-text:not(:disabled):hover, .p-button-group.p-button-warning > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover, .p-fileupload-choose.p-button-warning.p-button-text:not(:disabled):hover {
    background: rgba(251, 192, 45, 0.04);
    border-color: transparent;
    color: #fbc02d;
  }
  .p-button.p-button-warning.p-button-text:not(:disabled):active, .p-button-group.p-button-warning > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active, .p-fileupload-choose.p-button-warning.p-button-text:not(:disabled):active {
    background: rgba(251, 192, 45, 0.16);
    border-color: transparent;
    color: #fbc02d;
  }
  .p-button.p-button-help, .p-button-group.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button, .p-fileupload-choose.p-button-help {
    color: #ffffff;
    background: #9c27b0;
    border: 1px solid #9c27b0;
  }
  .p-button.p-button-help:not(:disabled):hover, .p-button-group.p-button-help > .p-button:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button:not(:disabled):hover, .p-fileupload-choose.p-button-help:not(:disabled):hover {
    background: #8c239e;
    color: #ffffff;
    border-color: #8c239e;
  }
  .p-button.p-button-help:not(:disabled):focus, .p-button-group.p-button-help > .p-button:not(:disabled):focus, .p-splitbutton.p-button-help > .p-button:not(:disabled):focus, .p-fileupload-choose.p-button-help:not(:disabled):focus {
    box-shadow: 0 0 0 0.2rem #df9eea;
  }
  .p-button.p-button-help:not(:disabled):active, .p-button-group.p-button-help > .p-button:not(:disabled):active, .p-splitbutton.p-button-help > .p-button:not(:disabled):active, .p-fileupload-choose.p-button-help:not(:disabled):active {
    background: #7d1f8d;
    color: #ffffff;
    border-color: #7d1f8d;
  }
  .p-button.p-button-help.p-button-outlined, .p-button-group.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined, .p-fileupload-choose.p-button-help.p-button-outlined {
    background-color: transparent;
    color: #9c27b0;
    border: 1px solid;
  }
  .p-button.p-button-help.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, .p-fileupload-choose.p-button-help.p-button-outlined:not(:disabled):hover {
    background: rgba(156, 39, 176, 0.04);
    color: #9c27b0;
    border: 1px solid;
  }
  .p-button.p-button-help.p-button-outlined:not(:disabled):active, .p-button-group.p-button-help > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active, .p-fileupload-choose.p-button-help.p-button-outlined:not(:disabled):active {
    background: rgba(156, 39, 176, 0.16);
    color: #9c27b0;
    border: 1px solid;
  }
  .p-button.p-button-help.p-button-text, .p-button-group.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text, .p-fileupload-choose.p-button-help.p-button-text {
    background-color: transparent;
    color: #9c27b0;
    border-color: transparent;
  }
  .p-button.p-button-help.p-button-text:not(:disabled):hover, .p-button-group.p-button-help > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover, .p-fileupload-choose.p-button-help.p-button-text:not(:disabled):hover {
    background: rgba(156, 39, 176, 0.04);
    border-color: transparent;
    color: #9c27b0;
  }
  .p-button.p-button-help.p-button-text:not(:disabled):active, .p-button-group.p-button-help > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active, .p-fileupload-choose.p-button-help.p-button-text:not(:disabled):active {
    background: rgba(156, 39, 176, 0.16);
    border-color: transparent;
    color: #9c27b0;
  }
  .p-button.p-button-danger, .p-button-group.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button, .p-fileupload-choose.p-button-danger {
    color: #ffffff;
    background: #d32f2f;
    border: 1px solid #d32f2f;
  }
  .p-button.p-button-danger:not(:disabled):hover, .p-button-group.p-button-danger > .p-button:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button:not(:disabled):hover, .p-fileupload-choose.p-button-danger:not(:disabled):hover {
    background: #c02929;
    color: #ffffff;
    border-color: #c02929;
  }
  .p-button.p-button-danger:not(:disabled):focus, .p-button-group.p-button-danger > .p-button:not(:disabled):focus, .p-splitbutton.p-button-danger > .p-button:not(:disabled):focus, .p-fileupload-choose.p-button-danger:not(:disabled):focus {
    box-shadow: 0 0 0 0.2rem #edacac;
  }
  .p-button.p-button-danger:not(:disabled):active, .p-button-group.p-button-danger > .p-button:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button:not(:disabled):active, .p-fileupload-choose.p-button-danger:not(:disabled):active {
    background: #aa2424;
    color: #ffffff;
    border-color: #aa2424;
  }
  .p-button.p-button-danger.p-button-outlined, .p-button-group.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined, .p-fileupload-choose.p-button-danger.p-button-outlined {
    background-color: transparent;
    color: #d32f2f;
    border: 1px solid;
  }
  .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, .p-fileupload-choose.p-button-danger.p-button-outlined:not(:disabled):hover {
    background: rgba(211, 47, 47, 0.04);
    color: #d32f2f;
    border: 1px solid;
  }
  .p-button.p-button-danger.p-button-outlined:not(:disabled):active, .p-button-group.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, .p-fileupload-choose.p-button-danger.p-button-outlined:not(:disabled):active {
    background: rgba(211, 47, 47, 0.16);
    color: #d32f2f;
    border: 1px solid;
  }
  .p-button.p-button-danger.p-button-text, .p-button-group.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text, .p-fileupload-choose.p-button-danger.p-button-text {
    background-color: transparent;
    color: #d32f2f;
    border-color: transparent;
  }
  .p-button.p-button-danger.p-button-text:not(:disabled):hover, .p-button-group.p-button-danger > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover, .p-fileupload-choose.p-button-danger.p-button-text:not(:disabled):hover {
    background: rgba(211, 47, 47, 0.04);
    border-color: transparent;
    color: #d32f2f;
  }
  .p-button.p-button-danger.p-button-text:not(:disabled):active, .p-button-group.p-button-danger > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active, .p-fileupload-choose.p-button-danger.p-button-text:not(:disabled):active {
    background: rgba(211, 47, 47, 0.16);
    border-color: transparent;
    color: #d32f2f;
  }
  .p-button.p-button-link {
    color: #0b7ad1;
    background: transparent;
    border: transparent;
  }
  .p-button.p-button-link:not(:disabled):hover {
    background: transparent;
    color: #0b7ad1;
    border-color: transparent;
  }
  .p-button.p-button-link:not(:disabled):hover .p-button-label {
    text-decoration: underline;
  }
  .p-button.p-button-link:not(:disabled):focus {
    background: transparent;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
    border-color: transparent;
  }
  .p-button.p-button-link:not(:disabled):active {
    background: transparent;
    color: #0b7ad1;
    border-color: transparent;
  }
  .p-splitbutton {
    border-radius: 3px;
  }
  .p-splitbutton.p-button-outlined > .p-button {
    background-color: transparent;
    color: #2196f3;
    border: 1px solid;
  }
  .p-splitbutton.p-button-outlined > .p-button:not(:disabled):hover {
    background: rgba(33, 150, 243, 0.04);
    color: #2196f3;
  }
  .p-splitbutton.p-button-outlined > .p-button:not(:disabled):active {
    background: rgba(33, 150, 243, 0.16);
    color: #2196f3;
  }
  .p-splitbutton.p-button-outlined.p-button-plain > .p-button {
    color: #6c757d;
    border-color: #6c757d;
  }
  .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(:disabled):hover {
    background: #e9ecef;
    color: #6c757d;
  }
  .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(:disabled):active {
    background: #dee2e6;
    color: #6c757d;
  }
  .p-splitbutton.p-button-text > .p-button {
    background-color: transparent;
    color: #2196f3;
    border-color: transparent;
  }
  .p-splitbutton.p-button-text > .p-button:not(:disabled):hover {
    background: rgba(33, 150, 243, 0.04);
    color: #2196f3;
    border-color: transparent;
  }
  .p-splitbutton.p-button-text > .p-button:not(:disabled):active {
    background: rgba(33, 150, 243, 0.16);
    color: #2196f3;
    border-color: transparent;
  }
  .p-splitbutton.p-button-text.p-button-plain > .p-button {
    color: #6c757d;
  }
  .p-splitbutton.p-button-text.p-button-plain > .p-button:not(:disabled):hover {
    background: #e9ecef;
    color: #6c757d;
  }
  .p-splitbutton.p-button-text.p-button-plain > .p-button:not(:disabled):active {
    background: #dee2e6;
    color: #6c757d;
  }
  .p-splitbutton.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-splitbutton.p-button-rounded {
    border-radius: 2rem;
  }
  .p-splitbutton.p-button-rounded > .p-button {
    border-radius: 2rem;
  }
  .p-splitbutton.p-button-sm > .p-button {
    font-size: 0.875rem;
    padding: 0.4375rem 0.875rem;
  }
  .p-splitbutton.p-button-sm > .p-button .p-button-icon {
    font-size: 0.875rem;
  }
  .p-splitbutton.p-button-lg > .p-button {
    font-size: 1.25rem;
    padding: 0.625rem 1.25rem;
  }
  .p-splitbutton.p-button-lg > .p-button.p-button-icon-only {
    width: auto;
  }
  .p-splitbutton.p-button-lg > .p-button .p-button-icon {
    font-size: 1.25rem;
  }
  .p-splitbutton .p-splitbutton-menubutton,
  .p-splitbutton .p-splitbutton.p-button-rounded > .p-splitbutton-menubutton.p-button,
  .p-splitbutton .p-splitbutton.p-button-outlined > .p-splitbutton-menubutton.p-button {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .p-splitbutton.p-button-secondary.p-button-outlined > .p-button {
    background-color: transparent;
    color: #607d8b;
    border: 1px solid;
  }
  .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):hover {
    background: rgba(96, 125, 139, 0.04);
    color: #607d8b;
  }
  .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):active {
    background: rgba(96, 125, 139, 0.16);
    color: #607d8b;
  }
  .p-splitbutton.p-button-secondary.p-button-text > .p-button {
    background-color: transparent;
    color: #607d8b;
    border-color: transparent;
  }
  .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):hover {
    background: rgba(96, 125, 139, 0.04);
    border-color: transparent;
    color: #607d8b;
  }
  .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):active {
    background: rgba(96, 125, 139, 0.16);
    border-color: transparent;
    color: #607d8b;
  }
  .p-splitbutton.p-button-info.p-button-outlined > .p-button {
    background-color: transparent;
    color: #0288d1;
    border: 1px solid;
  }
  .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):hover {
    background: rgba(2, 136, 209, 0.04);
    color: #0288d1;
  }
  .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):active {
    background: rgba(2, 136, 209, 0.16);
    color: #0288d1;
  }
  .p-splitbutton.p-button-info.p-button-text > .p-button {
    background-color: transparent;
    color: #0288d1;
    border-color: transparent;
  }
  .p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):hover {
    background: rgba(2, 136, 209, 0.04);
    border-color: transparent;
    color: #0288d1;
  }
  .p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):active {
    background: rgba(2, 136, 209, 0.16);
    border-color: transparent;
    color: #0288d1;
  }
  .p-splitbutton.p-button-success.p-button-outlined > .p-button {
    background-color: transparent;
    color: #689f38;
    border: 1px solid;
  }
  .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):hover {
    background: rgba(104, 159, 56, 0.04);
    color: #689f38;
  }
  .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):active {
    background: rgba(104, 159, 56, 0.16);
    color: #689f38;
  }
  .p-splitbutton.p-button-success.p-button-text > .p-button {
    background-color: transparent;
    color: #689f38;
    border-color: transparent;
  }
  .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):hover {
    background: rgba(104, 159, 56, 0.04);
    border-color: transparent;
    color: #689f38;
  }
  .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):active {
    background: rgba(104, 159, 56, 0.16);
    border-color: transparent;
    color: #689f38;
  }
  .p-splitbutton.p-button-warning.p-button-outlined > .p-button {
    background-color: transparent;
    color: #fbc02d;
    border: 1px solid;
  }
  .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):hover {
    background: rgba(251, 192, 45, 0.04);
    color: #fbc02d;
  }
  .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):active {
    background: rgba(251, 192, 45, 0.16);
    color: #fbc02d;
  }
  .p-splitbutton.p-button-warning.p-button-text > .p-button {
    background-color: transparent;
    color: #fbc02d;
    border-color: transparent;
  }
  .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):hover {
    background: rgba(251, 192, 45, 0.04);
    border-color: transparent;
    color: #fbc02d;
  }
  .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):active {
    background: rgba(251, 192, 45, 0.16);
    border-color: transparent;
    color: #fbc02d;
  }
  .p-splitbutton.p-button-help.p-button-outlined > .p-button {
    background-color: transparent;
    color: #9c27b0;
    border: 1px solid;
  }
  .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):hover {
    background: rgba(156, 39, 176, 0.04);
    color: #9c27b0;
  }
  .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):active {
    background: rgba(156, 39, 176, 0.16);
    color: #9c27b0;
  }
  .p-splitbutton.p-button-help.p-button-text > .p-button {
    background-color: transparent;
    color: #9c27b0;
    border-color: transparent;
  }
  .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):hover {
    background: rgba(156, 39, 176, 0.04);
    border-color: transparent;
    color: #9c27b0;
  }
  .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):active {
    background: rgba(156, 39, 176, 0.16);
    border-color: transparent;
    color: #9c27b0;
  }
  .p-splitbutton.p-button-danger.p-button-outlined > .p-button {
    background-color: transparent;
    color: #d32f2f;
    border: 1px solid;
  }
  .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):hover {
    background: rgba(211, 47, 47, 0.04);
    color: #d32f2f;
  }
  .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):active {
    background: rgba(211, 47, 47, 0.16);
    color: #d32f2f;
  }
  .p-splitbutton.p-button-danger.p-button-text > .p-button {
    background-color: transparent;
    color: #d32f2f;
    border-color: transparent;
  }
  .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):hover {
    background: rgba(211, 47, 47, 0.04);
    border-color: transparent;
    color: #d32f2f;
  }
  .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):active {
    background: rgba(211, 47, 47, 0.16);
    border-color: transparent;
    color: #d32f2f;
  }
  .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-button.p-button.p-button-icon-only .p-button-icon.p-icon {
    width: 1.3rem;
    height: 1.3rem;
  }
  .p-speeddial-list {
    outline: 0 none;
  }
  .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;
  }
  .p-speeddial-direction-up .p-speeddial-item:first-child {
    margin-bottom: 0.5rem;
  }
  .p-speeddial-direction-down .p-speeddial-item {
    margin: 0.25rem;
  }
  .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);
    border-radius: 3px;
  }
  .p-carousel .p-carousel-content .p-carousel-prev,
  .p-carousel .p-carousel-content .p-carousel-next {
    width: 2rem;
    height: 2rem;
    color: #6c757d;
    border: 0 none;
    background: transparent;
    border-radius: 50%;
    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
  }
  .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-visible,
  .p-carousel .p-carousel-content .p-carousel-next:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .p-carousel .p-carousel-content .p-carousel-prev,
  .p-carousel .p-carousel-content .p-carousel-next {
    margin: 0.5rem;
  }
  .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: 1rem 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: 1rem 1rem;
    border: 1px solid #e9ecef;
    border-width: 0 0 1px 0;
    font-weight: 600;
    color: #495057;
    background: #f8f9fa;
    transition: box-shadow 0.2s;
  }
  .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: #6c757d;
    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):not(.p-sortable-disabled):hover {
    background: #e9ecef;
    color: #495057;
  }
  .p-datatable .p-sortable-column:not(.p-highlight):not(.p-sortable-disabled):hover .p-sortable-column-icon {
    color: #6c757d;
  }
  .p-datatable .p-sortable-column.p-highlight {
    background: #f8f9fa;
    color: #2196f3;
  }
  .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon {
    color: #2196f3;
  }
  .p-datatable .p-sortable-column.p-highlight:not(.p-sortable-disabled):hover {
    background: #e9ecef;
    color: #2196f3;
  }
  .p-datatable .p-sortable-column.p-highlight:not(.p-sortable-disabled):hover .p-sortable-column-icon {
    color: #2196f3;
  }
  .p-datatable .p-sortable-column:focus-visible {
    box-shadow: inset 0 0 0 0.15rem #a6d5fa;
    outline: 0 none;
  }
  .p-datatable .p-datatable-tbody > tr {
    background: #ffffff;
    color: #495057;
    transition: box-shadow 0.2s;
  }
  .p-datatable .p-datatable-tbody > tr > td {
    text-align: left;
    border: 1px solid #e9ecef;
    border-width: 0 0 1px 0;
    padding: 1rem 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: #6c757d;
    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-visible,
  .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible,
  .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible,
  .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save {
    margin-right: 0.5rem;
  }
  .p-datatable .p-datatable-tbody > tr > td > .p-column-title {
    font-weight: 600;
  }
  .p-datatable .p-datatable-tbody > tr > td.p-highlight {
    background: #e3f2fd;
    color: #495057;
  }
  .p-datatable .p-datatable-tbody > tr.p-highlight {
    background: #e3f2fd;
    color: #495057;
  }
  .p-datatable .p-datatable-tbody > tr.p-highlight-contextmenu {
    outline: 0.15rem solid #a6d5fa;
    outline-offset: -0.15rem;
  }
  .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-selectable .p-datatable-tbody > tr.p-selectable-row:not(.p-highlight):not(.p-datatable-emptymessage):hover {
    background: #e9ecef;
    color: #495057;
  }
  .p-datatable.p-datatable-selectable .p-datatable-tbody > tr.p-selectable-row:focus-visible {
    outline: 0.15rem solid #a6d5fa;
    outline-offset: -0.15rem;
  }
  .p-datatable.p-datatable-selectable-cell .p-datatable-tbody > tr.p-selectable-row > td.p-selectable-cell:not(.p-highlight):hover {
    background: #e9ecef;
    color: #495057;
  }
  .p-datatable.p-datatable-selectable-cell .p-datatable-tbody > tr.p-selectable-row > td.p-selectable-cell:focus-visible {
    outline: 0.15rem solid #a6d5fa;
    outline-offset: -0.15rem;
  }
  .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):not(.p-datatable-emptymessage):hover {
    background: #e9ecef;
    color: #495057;
  }
  .p-datatable .p-column-resizer-helper {
    background: #2196f3;
  }
  .p-datatable .p-datatable-scrollable-header,
  .p-datatable .p-datatable-scrollable-footer {
    background: #f8f9fa;
  }
  .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead,
  .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-virtualscroller > .p-datatable-table > .p-datatable-thead,
  .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-virtualscroller > .p-datatable-table > .p-datatable-tfoot {
    background-color: #f8f9fa;
  }
  .p-datatable .p-datatable-loading-icon {
    font-size: 2rem;
  }
  .p-datatable .p-datatable-loading-icon.p-icon {
    width: 2rem;
    height: 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 0 1px 1px;
  }
  .p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th:last-child {
    border-width: 1px;
  }
  .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td {
    border-width: 1px 0 0 1px;
  }
  .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td:last-child {
    border-width: 1px 1px 0 1px;
  }
  .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td {
    border-width: 1px 0 1px 1px;
  }
  .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td:last-child {
    border-width: 1px;
  }
  .p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td {
    border-width: 1px 0 1px 1px;
  }
  .p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td:last-child {
    border-width: 1px 1px 1px 1px;
  }
  .p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td {
    border-width: 0 0 1px 1px;
  }
  .p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td:last-child {
    border-width: 0 1px 1px 1px;
  }
  .p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td {
    border-width: 0 0 1px 1px;
  }
  .p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td:last-child {
    border-width: 0 1px 1px 1px;
  }
  .p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td {
    border-width: 0 0 0 1px;
  }
  .p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td:last-child {
    border-width: 0 1px 0 1px;
  }
  .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd {
    background: #fcfcfc;
  }
  .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight {
    background: #e3f2fd;
    color: #495057;
  }
  .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight .p-row-toggler {
    color: #495057;
  }
  .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight .p-row-toggler:hover {
    color: #495057;
  }
  .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd + .p-row-expanded {
    background: #fcfcfc;
  }
  .p-datatable.p-datatable-sm .p-datatable-header {
    padding: 0.5rem 0.5rem;
  }
  .p-datatable.p-datatable-sm .p-datatable-thead > tr > th {
    padding: 0.5rem 0.5rem;
  }
  .p-datatable.p-datatable-sm .p-datatable-tbody > tr > td {
    padding: 0.5rem 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: 1.25rem 1.25rem;
  }
  .p-datatable.p-datatable-lg .p-datatable-thead > tr > th {
    padding: 1.25rem 1.25rem;
  }
  .p-datatable.p-datatable-lg .p-datatable-tbody > tr > td {
    padding: 1.25rem 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-datatable-drag-selection-helper {
    background: rgba(33, 150, 243, 0.16);
  }
  .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: 1rem 1rem;
    font-weight: 600;
  }
  .p-dataview .p-dataview-content {
    background: #ffffff;
    color: #495057;
    border: 0 none;
    padding: 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: 3px;
    border-bottom-right-radius: 3px;
  }
  .p-dataview .p-dataview-loading-icon {
    font-size: 2rem;
  }
  .p-dataview .p-dataview-loading-icon.p-icon {
    width: 2rem;
    height: 2rem;
  }
  .p-datascroller .p-paginator-top {
    border-width: 0 0 1px 0;
    border-radius: 0;
  }
  .p-datascroller .p-paginator-bottom {
    border-width: 0 0 1px 0;
    border-radius: 0;
  }
  .p-datascroller .p-datascroller-header {
    background: #f8f9fa;
    color: #495057;
    border: 1px solid #e9ecef;
    border-width: 1px 0 1px 0;
    padding: 1rem 1rem;
    font-weight: 600;
  }
  .p-datascroller .p-datascroller-content {
    background: #ffffff;
    color: #495057;
    border: 0 none;
    padding: 0;
  }
  .p-datascroller.p-datascroller-inline .p-datascroller-list > li {
    border: solid #e9ecef;
    border-width: 0 0 1px 0;
  }
  .p-datascroller .p-datascroller-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: 3px;
    border-bottom-right-radius: 3px;
  }
  .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: #6c757d;
    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-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .p-column-filter-clear-button {
    width: 2rem;
    height: 2rem;
    color: #6c757d;
    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-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .p-column-filter-overlay {
    background: #ffffff;
    color: #495057;
    border: 0 none;
    border-radius: 3px;
    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-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: inset 0 0 0 0.15rem #a6d5fa;
  }
  .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: 3px;
    border-top-left-radius: 3px;
  }
  .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;
  }
  .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;
    font-weight: 600;
    border-bottom: 0 none;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
  }
  .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: #6c757d;
  }
  .p-orderlist .p-orderlist-list {
    border: 1px solid #dee2e6;
    background: #ffffff;
    color: #495057;
    padding: 0.5rem 0;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    outline: 0 none;
  }
  .p-orderlist .p-orderlist-list .p-orderlist-item {
    padding: 0.5rem 1rem;
    margin: 0;
    border: 0 none;
    color: #495057;
    background: transparent;
    transition: transform 0.2s, box-shadow 0.2s;
  }
  .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover {
    background: #e9ecef;
    color: #495057;
  }
  .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus {
    color: #495057;
    background: #dee2e6;
  }
  .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
    color: #495057;
    background: #e3f2fd;
  }
  .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus {
    background: rgba(33, 150, 243, 0.24);
  }
  .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) {
    background: #e9ecef;
  }
  .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover {
    background: #e9ecef;
  }
  .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: #6cbbf5;
  }
  .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-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .p-paginator {
    background: #ffffff;
    color: #6c757d;
    border: solid #e9ecef;
    border-width: 0;
    padding: 0.5rem 1rem;
    border-radius: 3px;
  }
  .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: #6c757d;
    min-width: 2.357rem;
    height: 2.357rem;
    margin: 0.143rem;
    transition: box-shadow 0.2s;
    border-radius: 3px;
  }
  .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: 3px;
    border-bottom-left-radius: 3px;
  }
  .p-paginator .p-paginator-last {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
  }
  .p-paginator .p-dropdown {
    margin-left: 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: #6c757d;
    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: #6c757d;
    min-width: 2.357rem;
    height: 2.357rem;
    margin: 0.143rem;
    transition: box-shadow 0.2s;
    border-radius: 3px;
  }
  .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;
    font-weight: 600;
    border-bottom: 0 none;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
  }
  .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: #6c757d;
  }
  .p-picklist .p-picklist-list {
    border: 1px solid #dee2e6;
    background: #ffffff;
    color: #495057;
    padding: 0.5rem 0;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    outline: 0 none;
  }
  .p-picklist .p-picklist-list .p-picklist-item {
    padding: 0.5rem 1rem;
    margin: 0;
    border: 0 none;
    color: #495057;
    background: transparent;
    transition: transform 0.2s, box-shadow 0.2s;
  }
  .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover {
    background: #e9ecef;
    color: #495057;
  }
  .p-picklist .p-picklist-list .p-picklist-item.p-focus {
    color: #495057;
    background: #dee2e6;
  }
  .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
    color: #495057;
    background: #e3f2fd;
  }
  .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus {
    background: rgba(33, 150, 243, 0.24);
  }
  .p-tree-container {
    margin: 0;
    padding: 0;
    list-style-type: none;
    overflow: auto;
  }
  .p-treenode-children {
    margin: 0;
    padding: 0;
    list-style-type: none;
  }
  .p-treenode-selectable {
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
  }
  .p-tree-toggler {
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    position: relative;
    flex-shrink: 0;
  }
  .p-treenode-leaf > .p-treenode-content .p-tree-toggler {
    visibility: hidden;
  }
  .p-treenode-content {
    display: flex;
    align-items: center;
  }
  .p-tree-filter {
    width: 100%;
  }
  .p-tree-filter-container {
    position: relative;
    display: block;
    width: 100%;
  }
  .p-tree-filter-icon {
    position: absolute;
    top: 50%;
    margin-top: -0.5rem;
  }
  .p-tree-loading {
    position: relative;
    min-height: 4rem;
  }
  .p-tree .p-tree-loading-overlay {
    position: absolute;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .p-tree {
    border: 1px solid #dee2e6;
    background: #ffffff;
    color: #495057;
    padding: 1rem;
    border-radius: 3px;
  }
  .p-tree .p-tree-container .p-treenode {
    padding: 0.143rem;
    outline: 0 none;
  }
  .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: inset 0 0 0 0.15rem #a6d5fa;
  }
  .p-tree .p-tree-container .p-treenode .p-treenode-content {
    border-radius: 3px;
    transition: box-shadow 0.2s;
    padding: 0;
  }
  .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler {
    margin-right: 0.5rem;
    width: 2rem;
    height: 2rem;
    color: #6c757d;
    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-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon {
    margin-right: 0.5rem;
    color: #6c757d;
  }
  .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.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: #6c757d;
  }
  .p-tree .p-treenode-children {
    padding: 0 0 0 1rem;
  }
  .p-tree .p-tree-loading-icon {
    font-size: 2rem;
  }
  .p-tree .p-tree-loading-icon.p-icon {
    width: 2rem;
    height: 2rem;
  }
  .p-tree .p-treenode-droppoint {
    height: 0.5rem;
  }
  .p-tree .p-treenode-droppoint.p-treenode-droppoint-active {
    background: #89c8f7;
  }
  .p-treetable {
    position: relative;
  }
  .p-treetable > .p-treetable-wrapper {
    overflow: auto;
  }
  .p-treetable table {
    border-collapse: collapse;
    width: 100%;
    table-layout: fixed;
  }
  .p-treetable .p-sortable-column {
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
  }
  .p-treetable-selectable .p-treetable-tbody > tr {
    cursor: pointer;
  }
  .p-treetable-toggler {
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    vertical-align: middle;
    overflow: hidden;
    position: relative;
  }
  .p-treetable-toggler + .p-checkbox {
    vertical-align: middle;
  }
  .p-treetable-toggler + .p-checkbox + span {
    vertical-align: middle;
  }
  /* Resizable */
  .p-treetable-resizable > .p-treetable-wrapper {
    overflow-x: auto;
  }
  .p-treetable-resizable .p-treetable-thead > tr > th,
  .p-treetable-resizable .p-treetable-tfoot > tr > td,
  .p-treetable-resizable .p-treetable-tbody > tr > td {
    overflow: hidden;
  }
  .p-treetable-resizable .p-resizable-column {
    background-clip: padding-box;
    position: relative;
  }
  .p-treetable-resizable-fit .p-resizable-column:last-child .p-column-resizer {
    display: none;
  }
  .p-treetable .p-column-resizer {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    width: 0.5rem;
    height: 100%;
    padding: 0px;
    cursor: col-resize;
    border: 1px solid transparent;
  }
  .p-treetable .p-column-resizer-helper {
    width: 1px;
    position: absolute;
    z-index: 10;
    display: none;
  }
  /* Scrollable */
  .p-treetable-scrollable-wrapper {
    position: relative;
  }
  .p-treetable-scrollable-header,
  .p-treetable-scrollable-footer {
    overflow: hidden;
    border: 0 none;
  }
  .p-treetable-scrollable-body {
    overflow: auto;
    position: relative;
  }
  .p-treetable-virtual-table {
    position: absolute;
  }
  /* Frozen Columns */
  .p-treetable-frozen-view .p-treetable-scrollable-body {
    overflow: hidden;
  }
  .p-treetable-unfrozen-view {
    position: absolute;
    top: 0px;
    left: 0px;
  }
  /* Reorder */
  .p-treetable-reorder-indicator-up,
  .p-treetable-reorder-indicator-down {
    position: absolute;
    display: none;
  }
  /* Loader */
  .p-treetable .p-treetable-loading-overlay {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
  }
  /* Alignment */
  .p-treetable .p-treetable-thead > tr > th.p-align-left > .p-column-header-content,
  .p-treetable .p-treetable-tbody > tr > td.p-align-left,
  .p-treetable .p-treetable-tfoot > tr > td.p-align-left {
    text-align: left;
    justify-content: flex-start;
  }
  .p-treetable .p-treetable-thead > tr > th.p-align-right > .p-column-header-content,
  .p-treetable .p-treetable-tbody > tr > td.p-align-right,
  .p-treetable .p-treetable-tfoot > tr > td.p-align-right {
    text-align: right;
    justify-content: flex-end;
  }
  .p-treetable .p-treetable-thead > tr > th.p-align-center > .p-column-header-content,
  .p-treetable .p-treetable-tbody > tr > td.p-align-center,
  .p-treetable .p-treetable-tfoot > tr > td.p-align-center {
    text-align: center;
    justify-content: center;
  }
  .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: 1rem 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: 1rem 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: #a6d5fa;
  }
  .p-treetable .p-sortable-column .p-sortable-column-icon {
    color: #6c757d;
    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: #6c757d;
  }
  .p-treetable .p-sortable-column.p-highlight {
    background: #f8f9fa;
    color: #2196f3;
  }
  .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon {
    color: #2196f3;
  }
  .p-treetable .p-treetable-tbody > tr {
    background: #ffffff;
    color: #495057;
    transition: box-shadow 0.2s;
  }
  .p-treetable .p-treetable-tbody > tr > td {
    text-align: left;
    border: 1px solid #e9ecef;
    border-width: 0 0 1px 0;
    padding: 1rem 1rem;
  }
  .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler {
    width: 2rem;
    height: 2rem;
    color: #6c757d;
    border: 0 none;
    background: transparent;
    border-radius: 50%;
    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
  }
  .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-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler {
    margin-right: 0.5rem;
  }
  .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox {
    margin-right: 0.5rem;
  }
  .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox .p-indeterminate .p-checkbox-icon {
    color: #495057;
  }
  .p-treetable .p-treetable-tbody > tr:focus-visible {
    outline: 0.15rem solid #a6d5fa;
    outline-offset: -0.15rem;
  }
  .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-selectable .p-treetable-tbody > tr:not(.p-highlight):hover, .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover {
    background: #e9ecef;
    color: #495057;
  }
  .p-treetable.p-treetable-selectable .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler, .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: #2196f3;
  }
  .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-loading-icon.p-icon {
    width: 2rem;
    height: 2rem;
  }
  .p-treetable.p-treetable-gridlines .p-treetable-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-striped .p-treetable-tbody > tr.p-row-odd {
    background: #fcfcfc;
  }
  .p-treetable.p-treetable-striped .p-treetable-tbody > tr.p-row-odd.p-highlight {
    background: #e3f2fd;
    color: #495057;
  }
  .p-treetable.p-treetable-striped .p-treetable-tbody > tr.p-row-odd.p-highlight .p-row-toggler {
    color: #495057;
  }
  .p-treetable.p-treetable-striped .p-treetable-tbody > tr.p-row-odd.p-highlight .p-row-toggler:hover {
    color: #495057;
  }
  .p-treetable.p-treetable-striped .p-treetable-tbody > tr.p-row-odd + .p-row-expanded {
    background: #fcfcfc;
  }
  .p-treetable.p-treetable-sm .p-treetable-header {
    padding: 0.875rem 0.875rem;
  }
  .p-treetable.p-treetable-sm .p-treetable-thead > tr > th {
    padding: 0.5rem 0.5rem;
  }
  .p-treetable.p-treetable-sm .p-treetable-tbody > tr > td {
    padding: 0.5rem 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: 1.25rem 1.25rem;
  }
  .p-treetable.p-treetable-lg .p-treetable-thead > tr > th {
    padding: 1.25rem 1.25rem;
  }
  .p-treetable.p-treetable-lg .p-treetable-tbody > tr > td {
    padding: 1.25rem 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-timeline .p-timeline-event-marker {
    border: 2px solid #2196f3;
    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-accordion .p-accordion-header .p-accordion-header-link {
    padding: 1rem;
    border: 1px solid #dee2e6;
    color: #495057;
    background: #f8f9fa;
    font-weight: 600;
    border-radius: 3px;
    transition: box-shadow 0.2s;
  }
  .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
    margin-right: 0.5rem;
  }
  .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .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 {
    padding: 1rem;
    border: 1px solid #dee2e6;
    background: #ffffff;
    color: #495057;
    border-top: 0;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
  }
  .p-accordion .p-accordion-tab {
    margin-bottom: 0;
  }
  .p-accordion .p-accordion-tab .p-accordion-header .p-accordion-header-link {
    border-radius: 0;
  }
  .p-accordion .p-accordion-tab .p-accordion-content {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }
  .p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header .p-accordion-header-link {
    border-top: 0 none;
  }
  .p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link, .p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link {
    border-top: 0 none;
  }
  .p-accordion .p-accordion-tab:first-child .p-accordion-header .p-accordion-header-link {
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
  }
  .p-accordion .p-accordion-tab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-header-link {
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
  }
  .p-accordion .p-accordion-tab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-content {
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
  }
  .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: 3px;
  }
  .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: #6c757d;
  }
  .p-card .p-card-content {
    padding: 1rem 0;
  }
  .p-card .p-card-footer {
    padding: 1rem 0 0 0;
  }
  .p-fieldset {
    border: 1px solid #dee2e6;
    background: #ffffff;
    color: #495057;
    border-radius: 3px;
  }
  .p-fieldset .p-fieldset-legend {
    padding: 1rem;
    border: 1px solid #dee2e6;
    color: #495057;
    background: #f8f9fa;
    font-weight: 600;
    border-radius: 3px;
  }
  .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: 3px;
    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-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
    background: #e9ecef;
    border-color: #dee2e6;
    color: #495057;
  }
  .p-fieldset .p-fieldset-content {
    padding: 1rem;
  }
  .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-panel .p-panel-header {
    border: 1px solid #dee2e6;
    padding: 1rem;
    background: #f8f9fa;
    color: #495057;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
  }
  .p-panel .p-panel-header .p-panel-title {
    font-weight: 600;
  }
  .p-panel .p-panel-header .p-panel-header-icon {
    width: 2rem;
    height: 2rem;
    color: #6c757d;
    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-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .p-panel.p-panel-toggleable .p-panel-header {
    padding: 0.5rem 1rem;
  }
  .p-panel:has(> .p-panel-footer) .p-panel-content {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }
  .p-panel .p-panel-content {
    padding: 1rem;
    border: 1px solid #dee2e6;
    background: #ffffff;
    color: #495057;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    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-splitter {
    border: 1px solid #dee2e6;
    background: #ffffff;
    border-radius: 3px;
    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 .p-splitter-gutter-handle:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .p-splitter .p-splitter-gutter-resizing {
    background: #dee2e6;
  }
  .p-stepper .p-stepper-nav {
    display: flex;
    justify-content: space-between;
    margin: 0;
    padding: 0;
    list-style-type: none;
  }
  .p-stepper .p-stepper-header {
    padding: 0.5rem;
  }
  .p-stepper .p-stepper-header .p-stepper-action {
    transition: box-shadow 0.2s;
    border-radius: 3px;
    background: #ffffff;
    outline-color: transparent;
  }
  .p-stepper .p-stepper-header .p-stepper-action .p-stepper-number {
    color: #495057;
    border: 1px solid #e9ecef;
    border-width: 2px;
    background: #ffffff;
    min-width: 2rem;
    height: 2rem;
    line-height: 2rem;
    font-size: 1.143rem;
    border-radius: 50%;
    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
  }
  .p-stepper .p-stepper-header .p-stepper-action .p-stepper-title {
    margin-left: 0.5rem;
    color: #6c757d;
    font-weight: 600;
    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
  }
  .p-stepper .p-stepper-header .p-stepper-action:not(.p-disabled):focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .p-stepper .p-stepper-header.p-highlight .p-stepper-number {
    background: #e3f2fd;
    color: #495057;
  }
  .p-stepper .p-stepper-header.p-highlight .p-stepper-title {
    color: #495057;
  }
  .p-stepper .p-stepper-header:not(.p-disabled):focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .p-stepper .p-stepper-header:has(~ .p-highlight) .p-stepper-separator {
    background-color: #2196f3;
  }
  .p-stepper .p-stepper-panels {
    background: #ffffff;
    padding: 1rem;
    color: #495057;
  }
  .p-stepper .p-stepper-separator {
    background-color: #dee2e6;
    width: 100%;
    height: 2px;
    margin-inline-start: 1rem;
    transition: box-shadow 0.2s;
  }
  .p-stepper.p-stepper-vertical {
    display: flex;
    flex-direction: column;
  }
  .p-stepper.p-stepper-vertical .p-stepper-toggleable-content {
    display: flex;
    flex: 1 1 auto;
    background: #ffffff;
    color: #495057;
  }
  .p-stepper.p-stepper-vertical .p-stepper-panel {
    display: flex;
    flex-direction: column;
    flex: initial;
  }
  .p-stepper.p-stepper-vertical .p-stepper-panel.p-stepper-panel-active {
    flex: 1 1 auto;
  }
  .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-header {
    flex: initial;
  }
  .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-content {
    width: 100%;
    padding-left: 1rem;
  }
  .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-separator {
    flex: 0 0 auto;
    width: 2px;
    height: auto;
    margin-inline-start: calc(1.75rem + 2px);
  }
  .p-stepper.p-stepper-vertical .p-stepper-panel:has(~ .p-stepper-panel-active) .p-stepper-separator {
    background-color: #2196f3;
  }
  .p-stepper.p-stepper-vertical .p-stepper-panel:last-of-type .p-stepper-content {
    padding-left: 3rem;
  }
  .p-scrollpanel .p-scrollpanel-bar {
    background: #f8f9fa;
    border: 0 none;
  }
  .p-scrollpanel .p-scrollpanel-bar:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .p-tabview-nav-container {
    position: relative;
  }
  .p-tabview-scrollable .p-tabview-nav-container {
    overflow: hidden;
  }
  .p-tabview-nav-content {
    overflow-x: auto;
    overflow-y: hidden;
    scroll-behavior: smooth;
    scrollbar-width: none;
    overscroll-behavior: contain auto;
    position: relative;
  }
  .p-tabview-nav {
    display: flex;
    margin: 0;
    padding: 0;
    list-style-type: none;
    flex: 1 1 auto;
  }
  .p-tabview-nav-link {
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    display: flex;
    align-items: center;
    position: relative;
    text-decoration: none;
    overflow: hidden;
  }
  .p-tabview-ink-bar {
    display: none;
    z-index: 1;
  }
  .p-tabview-nav-link:focus {
    z-index: 1;
  }
  .p-tabview-close {
    z-index: 1;
  }
  .p-tabview-title {
    line-height: 1;
    white-space: nowrap;
  }
  .p-tabview-nav-btn {
    position: absolute;
    top: 0;
    z-index: 2;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .p-tabview-nav-prev {
    left: 0;
  }
  .p-tabview-nav-next {
    right: 0;
  }
  .p-tabview-nav-content::-webkit-scrollbar {
    display: none;
  }
  .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: #6c757d;
    padding: 1rem;
    font-weight: 600;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    transition: box-shadow 0.2s;
    margin: 0 0 -2px 0;
  }
  .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: inset 0 0 0 0.2rem #a6d5fa;
  }
  .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link {
    background: #ffffff;
    border-color: #6c757d;
    color: #6c757d;
  }
  .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {
    background: #ffffff;
    border-color: #2196f3;
    color: #2196f3;
  }
  .p-tabview .p-tabview-close {
    margin-left: 0.5rem;
  }
  .p-tabview .p-tabview-nav-btn.p-link {
    background: #ffffff;
    color: #2196f3;
    width: 2.357rem;
    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);
    border-radius: 0;
  }
  .p-tabview .p-tabview-nav-btn.p-link:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: inset 0 0 0 0.2rem #a6d5fa;
  }
  .p-tabview .p-tabview-panels {
    background: #ffffff;
    padding: 1rem;
    border: 0 none;
    color: #495057;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
  }
  .p-toolbar {
    background: #f8f9fa;
    border: 1px solid #dee2e6;
    padding: 1rem;
    border-radius: 3px;
    gap: 0.5rem;
  }
  .p-toolbar .p-toolbar-separator {
    margin: 0 0.5rem;
  }
  .p-confirm-popup {
    background: #ffffff;
    color: #495057;
    border: 0 none;
    border-radius: 3px;
    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 1rem 1rem 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: #f2f2f2;
  }
  .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-icon.p-icon {
    width: 1.5rem;
    height: 1.5rem;
  }
  .p-confirm-popup .p-confirm-popup-message {
    margin-left: 1rem;
  }
  .p-dialog {
    border-radius: 3px;
    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: 3px;
    border-top-left-radius: 3px;
  }
  .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: #6c757d;
    border: 0 none;
    background: transparent;
    border-radius: 50%;
    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
  }
  .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-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .p-dialog .p-dialog-header .p-dialog-header-icon {
    margin-right: 0.5rem;
  }
  .p-dialog .p-dialog-header .p-dialog-header-icon:last-child {
    margin-right: 0;
  }
  .p-dialog .p-dialog-content {
    background: #ffffff;
    color: #495057;
    padding: 0 1.5rem 2rem 1.5rem;
  }
  .p-dialog .p-dialog-content:last-of-type {
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
  }
  .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: 3px;
    border-bottom-left-radius: 3px;
  }
  .p-dialog .p-dialog-footer button {
    margin: 0 0.5rem 0 0;
    width: auto;
  }
  .p-dialog.p-dialog-maximized .p-dialog-header, .p-dialog.p-dialog-maximized .p-dialog-content:last-of-type {
    border-radius: 0;
  }
  .p-dialog.p-confirm-dialog .p-confirm-dialog-icon {
    font-size: 2rem;
  }
  .p-dialog.p-confirm-dialog .p-confirm-dialog-icon.p-icon {
    width: 2rem;
    height: 2rem;
  }
  .p-dialog.p-confirm-dialog .p-confirm-dialog-message {
    margin-left: 1rem;
  }
  .p-overlaypanel {
    background: #ffffff;
    color: #495057;
    border: 0 none;
    border-radius: 3px;
    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-overlaypanel .p-overlaypanel-content {
    padding: 1rem;
  }
  .p-overlaypanel .p-overlaypanel-close {
    background: #2196f3;
    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: #0d89ec;
    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: #f2f2f2;
  }
  .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 {
    padding: 1rem;
  }
  .p-sidebar .p-sidebar-header .p-sidebar-close,
  .p-sidebar .p-sidebar-header .p-sidebar-icon {
    width: 2rem;
    height: 2rem;
    color: #6c757d;
    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-visible,
  .p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .p-sidebar .p-sidebar-header + .p-sidebar-content {
    padding-top: 0;
  }
  .p-sidebar .p-sidebar-content {
    padding: 1rem;
  }
  .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: 3px;
  }
  .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: 3px;
    border-top-left-radius: 3px;
    gap: 0.5rem;
  }
  .p-fileupload .p-fileupload-buttonbar .p-button {
    margin-right: 0.5rem;
  }
  .p-fileupload .p-fileupload-content {
    background: #ffffff;
    padding: 2rem 1rem;
    border: 1px solid #dee2e6;
    color: #495057;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
  }
  .p-fileupload .p-progressbar {
    height: 0.25rem;
  }
  .p-fileupload .p-fileupload-row > div {
    padding: 1rem 1rem;
  }
  .p-fileupload.p-fileupload-advanced .p-message {
    margin-top: 0;
  }
  .p-breadcrumb {
    background: #ffffff;
    border: 1px solid #dee2e6;
    border-radius: 3px;
    padding: 1rem;
  }
  .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link {
    transition: box-shadow 0.2s;
    border-radius: 3px;
  }
  .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon {
    color: #6c757d;
  }
  .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator {
    margin: 0 0.5rem 0 0.5rem;
    color: #495057;
  }
  .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text {
    color: #495057;
  }
  .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon {
    color: #6c757d;
  }
  .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);
    border-radius: 3px;
    width: 12.5rem;
  }
  .p-contextmenu .p-contextmenu-root-list {
    outline: 0 none;
  }
  .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);
    border-radius: 3px;
  }
  .p-contextmenu .p-menuitem > .p-menuitem-content {
    color: #495057;
    transition: box-shadow 0.2s;
    border-radius: 0;
  }
  .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
    color: #495057;
    padding: 0.75rem 1rem;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
  }
  .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
    color: #6c757d;
    margin-right: 0.5rem;
  }
  .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #6c757d;
  }
  .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content {
    color: #495057;
    background: #e9ecef;
  }
  .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
  .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #6c757d;
  }
  .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
    background: #e9ecef;
  }
  .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
    color: #495057;
    background: #dee2e6;
  }
  .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
  .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #495057;
  }
  .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
    color: #495057;
    background: #e9ecef;
  }
  .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon,
  .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
    color: #6c757d;
  }
  .p-contextmenu .p-menuitem-separator {
    border-top: 1px solid #dee2e6;
    margin: 0.25rem 0;
  }
  .p-contextmenu .p-submenu-icon {
    font-size: 0.875rem;
  }
  .p-contextmenu .p-submenu-icon.p-icon {
    width: 0.875rem;
    height: 0.875rem;
  }
  .p-dock .p-dock-list-container {
    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-list-container .p-dock-list {
    outline: 0 none;
  }
  .p-dock .p-dock-item {
    padding: 0.5rem;
    border-radius: 3px;
  }
  .p-dock .p-dock-item.p-focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: inset 0 0 0 0.15rem #a6d5fa;
  }
  .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;
  }
  .p-dock.p-dock-mobile.p-dock-top .p-dock-list-container, .p-dock.p-dock-mobile.p-dock-bottom .p-dock-list-container {
    overflow-x: auto;
    width: 100%;
  }
  .p-dock.p-dock-mobile.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-mobile.p-dock-bottom .p-dock-list-container .p-dock-list {
    margin: 0 auto;
  }
  .p-dock.p-dock-mobile.p-dock-left .p-dock-list-container, .p-dock.p-dock-mobile.p-dock-right .p-dock-list-container {
    overflow-y: auto;
    height: 100%;
  }
  .p-dock.p-dock-mobile.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-mobile.p-dock-right .p-dock-list-container .p-dock-list {
    margin: auto 0;
  }
  .p-dock.p-dock-mobile .p-dock-list .p-dock-item {
    transform: none;
    margin: 0;
  }
  .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-second-prev,
  .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-second-next,
  .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-prev,
  .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-next,
  .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-current, .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-second-prev,
  .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-second-next,
  .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-prev,
  .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-next,
  .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-current, .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-second-prev,
  .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-second-next,
  .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-prev,
  .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-next,
  .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-current, .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-second-prev,
  .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-second-next,
  .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-prev,
  .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-next,
  .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-current {
    transform: none;
    margin: 0;
  }
  .p-megamenu {
    padding: 0.5rem;
    background: #f8f9fa;
    color: #495057;
    border: 1px solid #dee2e6;
    border-radius: 3px;
  }
  .p-megamenu .p-megamenu-root-list {
    outline: 0 none;
  }
  .p-megamenu .p-menuitem > .p-menuitem-content {
    color: #495057;
    transition: box-shadow 0.2s;
    border-radius: 0;
  }
  .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
    color: #495057;
    padding: 0.75rem 1rem;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
  }
  .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
    color: #6c757d;
    margin-right: 0.5rem;
  }
  .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #6c757d;
  }
  .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content {
    color: #495057;
    background: #e9ecef;
  }
  .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
  .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #6c757d;
  }
  .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
    background: #e9ecef;
  }
  .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
    color: #495057;
    background: #dee2e6;
  }
  .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
  .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #495057;
  }
  .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
    color: #495057;
    background: #e9ecef;
  }
  .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon,
  .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
    color: #6c757d;
  }
  .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-submenu-header {
    margin: 0;
    padding: 0.75rem 1rem;
    color: #495057;
    background: #ffffff;
    font-weight: 600;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
  }
  .p-megamenu .p-submenu-list {
    padding: 0.25rem 0;
    width: 12.5rem;
  }
  .p-megamenu .p-submenu-list .p-menuitem-separator {
    border-top: 1px solid #dee2e6;
    margin: 0.25rem 0;
  }
  .p-megamenu.p-megamenu-vertical {
    width: 12.5rem;
    padding: 0.25rem 0;
  }
  .p-megamenu .p-megamenu-button {
    width: 2rem;
    height: 2rem;
    color: #6c757d;
    border-radius: 50%;
    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
  }
  .p-megamenu .p-megamenu-button:hover {
    color: #6c757d;
    background: #e9ecef;
  }
  .p-megamenu .p-megamenu-button:focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content {
    color: #495057;
    transition: box-shadow 0.2s;
    border-radius: 3px;
  }
  .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link {
    padding: 0.75rem 1rem;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
  }
  .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
    color: #6c757d;
    margin-right: 0.5rem;
  }
  .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #6c757d;
    margin-left: 0.5rem;
  }
  .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
    color: #495057;
    background: #e9ecef;
  }
  .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon,
  .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
    color: #6c757d;
  }
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-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-megamenu.p-megamenu-mobile-active .p-megamenu-root-list .p-menu-separator {
    border-top: 1px solid #dee2e6;
    margin: 0.25rem 0;
  }
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list .p-submenu-icon {
    font-size: 0.875rem;
  }
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list .p-submenu-icon.p-icon {
    width: 0.875rem;
    height: 0.875rem;
  }
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem {
    width: 100%;
    position: static;
  }
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content {
    color: #495057;
    transition: box-shadow 0.2s;
    border-radius: 0;
  }
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link {
    color: #495057;
    padding: 0.75rem 1rem;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
  }
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
    color: #6c757d;
    margin-right: 0.5rem;
  }
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #6c757d;
  }
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content {
    color: #495057;
    background: #e9ecef;
  }
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #6c757d;
  }
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight.p-focus > .p-menuitem-content {
    background: #e9ecef;
  }
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
    color: #495057;
    background: #dee2e6;
  }
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #495057;
  }
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
    color: #495057;
    background: #e9ecef;
  }
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon,
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
    color: #6c757d;
  }
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon {
    margin-left: auto;
  }
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
    transform: rotate(-180deg);
  }
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list .p-submenu-list {
    width: 100%;
    position: static;
    box-shadow: none;
    border: 0 none;
  }
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list .p-submenu-list .p-submenu-icon {
    transition: transform 0.2s;
    transform: rotate(90deg);
  }
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
    transform: rotate(-90deg);
  }
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list .p-menuitem {
    width: 100%;
    position: static;
  }
  .p-menu {
    padding: 0.25rem 0;
    background: #ffffff;
    color: #495057;
    border: 1px solid #dee2e6;
    border-radius: 3px;
    width: 12.5rem;
  }
  .p-menu .p-menuitem > .p-menuitem-content {
    color: #495057;
    transition: box-shadow 0.2s;
    border-radius: 0;
  }
  .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link {
    color: #495057;
    padding: 0.75rem 1rem;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
  }
  .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
    color: #6c757d;
    margin-right: 0.5rem;
  }
  .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #6c757d;
  }
  .p-menu .p-menuitem.p-highlight > .p-menuitem-content {
    color: #495057;
    background: #e9ecef;
  }
  .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
  .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #6c757d;
  }
  .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
    background: #e9ecef;
  }
  .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
    color: #495057;
    background: #dee2e6;
  }
  .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
  .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #495057;
  }
  .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
    color: #495057;
    background: #e9ecef;
  }
  .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon,
  .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
    color: #6c757d;
  }
  .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-menubar {
    padding: 0.5rem;
    background: #f8f9fa;
    color: #495057;
    border: 1px solid #dee2e6;
    border-radius: 3px;
  }
  .p-menubar .p-menubar-root-list {
    outline: 0 none;
  }
  .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content {
    color: #495057;
    transition: box-shadow 0.2s;
    border-radius: 3px;
  }
  .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link {
    padding: 0.75rem 1rem;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
  }
  .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
    color: #6c757d;
    margin-right: 0.5rem;
  }
  .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #6c757d;
    margin-left: 0.5rem;
  }
  .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
    color: #495057;
    background: #e9ecef;
  }
  .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon,
  .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
    color: #6c757d;
  }
  .p-menubar .p-menuitem > .p-menuitem-content {
    color: #495057;
    transition: box-shadow 0.2s;
    border-radius: 0;
  }
  .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link {
    color: #495057;
    padding: 0.75rem 1rem;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
  }
  .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
    color: #6c757d;
    margin-right: 0.5rem;
  }
  .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #6c757d;
  }
  .p-menubar .p-menuitem.p-highlight > .p-menuitem-content {
    color: #495057;
    background: #e9ecef;
  }
  .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
  .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #6c757d;
  }
  .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
    background: #e9ecef;
  }
  .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
    color: #495057;
    background: #dee2e6;
  }
  .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
  .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #495057;
  }
  .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
    color: #495057;
    background: #e9ecef;
  }
  .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon,
  .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
    color: #6c757d;
  }
  .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-menuitem-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-menubar-mobile .p-menubar-button {
    width: 2rem;
    height: 2rem;
    color: #6c757d;
    border-radius: 50%;
    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
  }
  .p-menubar.p-menubar-mobile .p-menubar-button:hover {
    color: #6c757d;
    background: #e9ecef;
  }
  .p-menubar.p-menubar-mobile .p-menubar-button:focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .p-menubar.p-menubar-mobile .p-menubar-root-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-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem-separator {
    border-top: 1px solid #dee2e6;
    margin: 0.25rem 0;
  }
  .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-icon {
    font-size: 0.875rem;
  }
  .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    margin-left: auto;
    transition: transform 0.2s;
  }
  .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
    transform: rotate(-180deg);
  }
  .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-submenu-icon {
    transition: transform 0.2s;
    transform: rotate(90deg);
  }
  .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
    transform: rotate(-90deg);
  }
  .p-menubar.p-menubar-mobile .p-menubar-root-list ul li a {
    padding-left: 2.25rem;
  }
  .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li a {
    padding-left: 3.75rem;
  }
  .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li ul li a {
    padding-left: 5.25rem;
  }
  .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li ul li ul li a {
    padding-left: 6.75rem;
  }
  .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li ul li ul li ul li a {
    padding-left: 8.25rem;
  }
  @media screen and (max-width: 960px) {
    .p-menubar {
      position: relative;
    }
    .p-menubar .p-menubar-button {
      display: flex;
      width: 2rem;
      height: 2rem;
      color: #6c757d;
      border-radius: 50%;
      transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
    }
    .p-menubar .p-menubar-button:hover {
      color: #6c757d;
      background: #e9ecef;
    }
    .p-menubar .p-menubar-button:focus {
      outline: 0 none;
      outline-offset: 0;
      box-shadow: 0 0 0 0.2rem #a6d5fa;
    }
    .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-submenu-icon.p-icon {
      width: 0.875rem;
      height: 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 > .p-menuitem-content {
      color: #495057;
      transition: box-shadow 0.2s;
      border-radius: 0;
    }
    .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link {
      color: #495057;
      padding: 0.75rem 1rem;
      -webkit-user-select: none;
         -moz-user-select: none;
              user-select: none;
    }
    .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
      color: #495057;
    }
    .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
      color: #6c757d;
      margin-right: 0.5rem;
    }
    .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
      color: #6c757d;
    }
    .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content {
      color: #495057;
      background: #e9ecef;
    }
    .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
      color: #495057;
    }
    .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
    .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
      color: #6c757d;
    }
    .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight.p-focus > .p-menuitem-content {
      background: #e9ecef;
    }
    .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
      color: #495057;
      background: #dee2e6;
    }
    .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
      color: #495057;
    }
    .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
    .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
      color: #495057;
    }
    .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
      color: #495057;
      background: #e9ecef;
    }
    .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
      color: #495057;
    }
    .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon,
    .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
      color: #6c757d;
    }
    .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 {
    outline: 0 none;
  }
  .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content {
    border: 1px solid #dee2e6;
    color: #495057;
    background: #f8f9fa;
    border-radius: 3px;
    transition: box-shadow 0.2s;
  }
  .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-link {
    color: #495057;
    padding: 1rem;
    font-weight: 600;
  }
  .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-link .p-submenu-icon {
    margin-right: 0.5rem;
  }
  .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-link .p-menuitem-icon {
    margin-right: 0.5rem;
  }
  .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: inset 0 0 0 0.2rem #a6d5fa;
  }
  .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content {
    background: #e9ecef;
    border-color: #dee2e6;
    color: #495057;
  }
  .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content {
    background: #f8f9fa;
    border-color: #dee2e6;
    color: #495057;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    margin-bottom: 0;
  }
  .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content {
    border-color: #dee2e6;
    background: #e9ecef;
    color: #495057;
  }
  .p-panelmenu .p-panelmenu-content {
    padding: 0.25rem 0;
    border: 1px solid #dee2e6;
    background: #ffffff;
    color: #495057;
    border-top: 0;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
  }
  .p-panelmenu .p-panelmenu-content .p-panelmenu-root-list {
    outline: 0 none;
  }
  .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content {
    color: #495057;
    transition: box-shadow 0.2s;
    border-radius: 0;
  }
  .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link {
    color: #495057;
    padding: 0.75rem 1rem;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
  }
  .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
    color: #6c757d;
    margin-right: 0.5rem;
  }
  .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #6c757d;
  }
  .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content {
    color: #495057;
    background: #e9ecef;
  }
  .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
  .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #6c757d;
  }
  .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
    background: #e9ecef;
  }
  .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
    color: #495057;
    background: #dee2e6;
  }
  .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
  .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #495057;
  }
  .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
    color: #495057;
    background: #e9ecef;
  }
  .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon,
  .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
    color: #6c757d;
  }
  .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    margin-right: 0.5rem;
  }
  .p-panelmenu .p-panelmenu-content .p-menuitem-separator {
    border-top: 1px solid #dee2e6;
    margin: 0.25rem 0;
  }
  .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-list) {
    padding: 0 0 0 1rem;
  }
  .p-panelmenu .p-panelmenu-panel {
    margin-bottom: 0;
  }
  .p-panelmenu .p-panelmenu-panel .p-panelmenu-header .p-panelmenu-header-content {
    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 .p-panelmenu-header-content {
    border-top: 0 none;
  }
  .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content, .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content {
    border-top: 0 none;
  }
  .p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header .p-panelmenu-header-content {
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
  }
  .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) .p-panelmenu-header-content {
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
  }
  .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-content {
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
  }
  .p-slidemenu {
    padding: 0.25rem 0;
    background: #ffffff;
    color: #495057;
    border: 1px solid #dee2e6;
    border-radius: 3px;
    width: 12.5rem;
  }
  .p-slidemenu .p-menuitem-link > .p-menuitem-content {
    color: #495057;
    transition: box-shadow 0.2s;
    border-radius: 0;
  }
  .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link {
    color: #495057;
    padding: 0.75rem 1rem;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
  }
  .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
    color: #6c757d;
    margin-right: 0.5rem;
  }
  .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #6c757d;
  }
  .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content {
    color: #495057;
    background: #e9ecef;
  }
  .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
  .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #6c757d;
  }
  .p-slidemenu .p-menuitem-link.p-highlight.p-focus > .p-menuitem-content {
    background: #e9ecef;
  }
  .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
    color: #495057;
    background: #dee2e6;
  }
  .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
  .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #495057;
  }
  .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
    color: #495057;
    background: #e9ecef;
  }
  .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon,
  .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
    color: #6c757d;
  }
  .p-slidemenu.p-slidemenu-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-slidemenu .p-slidemenu-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-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link {
    background: #e9ecef;
  }
  .p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-text {
    color: #495057;
  }
  .p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-icon, .p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-icon {
    color: #6c757d;
  }
  .p-slidemenu .p-slidemenu-separator {
    border-top: 1px solid #dee2e6;
    margin: 0.25rem 0;
  }
  .p-slidemenu .p-slidemenu-icon {
    font-size: 0.875rem;
  }
  .p-slidemenu .p-slidemenu-icon.p-icon {
    width: 0.875rem;
    height: 0.875rem;
  }
  .p-slidemenu .p-slidemenu-backward {
    padding: 0.75rem 1rem;
    color: #495057;
  }
  .p-steps .p-steps-item .p-menuitem-link {
    background: transparent;
    transition: box-shadow 0.2s;
    border-radius: 3px;
    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: #6c757d;
  }
  .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .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: #6c757d;
    padding: 1rem;
    font-weight: 600;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    transition: box-shadow 0.2s;
    margin: 0 0 -2px 0;
    height: calc(100% + 2px);
  }
  .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-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: inset 0 0 0 0.2rem #a6d5fa;
  }
  .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link {
    background: #ffffff;
    border-color: #6c757d;
    color: #6c757d;
  }
  .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link {
    background: #ffffff;
    border-color: #2196f3;
    color: #2196f3;
  }
  .p-tieredmenu {
    padding: 0.25rem 0;
    background: #ffffff;
    color: #495057;
    border: 1px solid #dee2e6;
    border-radius: 3px;
    width: 12.5rem;
  }
  .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-tieredmenu-root-list {
    outline: 0 none;
  }
  .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 > .p-menuitem-content {
    color: #495057;
    transition: box-shadow 0.2s;
    border-radius: 0;
  }
  .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
    color: #495057;
    padding: 0.75rem 1rem;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
  }
  .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
    color: #6c757d;
    margin-right: 0.5rem;
  }
  .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #6c757d;
  }
  .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content {
    color: #495057;
    background: #e9ecef;
  }
  .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
  .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #6c757d;
  }
  .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
    background: #e9ecef;
  }
  .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
    color: #495057;
    background: #dee2e6;
  }
  .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
  .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #495057;
  }
  .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
    color: #495057;
    background: #e9ecef;
  }
  .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon,
  .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
    color: #6c757d;
  }
  .p-tieredmenu .p-menuitem-separator {
    border-top: 1px solid #dee2e6;
    margin: 0.25rem 0;
  }
  .p-tieredmenu .p-submenu-icon {
    font-size: 0.875rem;
  }
  .p-tieredmenu .p-submenu-icon.p-icon {
    width: 0.875rem;
    height: 0.875rem;
  }
  .p-inline-message {
    padding: 0.5rem 0.5rem;
    margin: 0;
    border-radius: 3px;
  }
  .p-inline-message.p-inline-message-info {
    background: #b3e5fc;
    border: solid #0891cf;
    border-width: 0px;
    color: #044868;
  }
  .p-inline-message.p-inline-message-info .p-inline-message-icon {
    color: #044868;
  }
  .p-inline-message.p-inline-message-success {
    background: #c8e6c9;
    border: solid #439446;
    border-width: 0px;
    color: #224a23;
  }
  .p-inline-message.p-inline-message-success .p-inline-message-icon {
    color: #224a23;
  }
  .p-inline-message.p-inline-message-warn {
    background: #ffecb3;
    border: solid #d9a300;
    border-width: 0px;
    color: #6d5100;
  }
  .p-inline-message.p-inline-message-warn .p-inline-message-icon {
    color: #6d5100;
  }
  .p-inline-message.p-inline-message-error {
    background: #ffcdd2;
    border: solid #e60017;
    border-width: 0px;
    color: #73000c;
  }
  .p-inline-message.p-inline-message-error .p-inline-message-icon {
    color: #73000c;
  }
  .p-inline-message .p-inline-message-icon {
    font-size: 1rem;
    margin-right: 0.5rem;
  }
  .p-inline-message .p-inline-message-icon.p-icon {
    width: 1rem;
    height: 1rem;
  }
  .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: 3px;
  }
  .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.5);
  }
  .p-message .p-message-close:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .p-message.p-message-info {
    background: #b3e5fc;
    border: solid #0891cf;
    border-width: 0 0 0 6px;
    color: #044868;
  }
  .p-message.p-message-info .p-message-icon {
    color: #044868;
  }
  .p-message.p-message-info .p-message-close {
    color: #044868;
  }
  .p-message.p-message-success {
    background: #c8e6c9;
    border: solid #439446;
    border-width: 0 0 0 6px;
    color: #224a23;
  }
  .p-message.p-message-success .p-message-icon {
    color: #224a23;
  }
  .p-message.p-message-success .p-message-close {
    color: #224a23;
  }
  .p-message.p-message-warn {
    background: #ffecb3;
    border: solid #d9a300;
    border-width: 0 0 0 6px;
    color: #6d5100;
  }
  .p-message.p-message-warn .p-message-icon {
    color: #6d5100;
  }
  .p-message.p-message-warn .p-message-close {
    color: #6d5100;
  }
  .p-message.p-message-error {
    background: #ffcdd2;
    border: solid #e60017;
    border-width: 0 0 0 6px;
    color: #73000c;
  }
  .p-message.p-message-error .p-message-icon {
    color: #73000c;
  }
  .p-message.p-message-error .p-message-close {
    color: #73000c;
  }
  .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-icon.p-icon {
    width: 1.5rem;
    height: 1.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: 3px;
  }
  .p-toast .p-toast-message .p-toast-message-content {
    padding: 1rem;
  }
  .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: 2rem;
  }
  .p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon.p-icon {
    width: 2rem;
    height: 2rem;
  }
  .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: 0.5rem 0 0 0;
  }
  .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.5);
  }
  .p-toast .p-toast-message .p-toast-icon-close:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .p-toast .p-toast-message.p-toast-message-info {
    background: #b3e5fc;
    border: solid #0891cf;
    border-width: 0 0 0 6px;
    color: #044868;
  }
  .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: #044868;
  }
  .p-toast .p-toast-message.p-toast-message-success {
    background: #c8e6c9;
    border: solid #439446;
    border-width: 0 0 0 6px;
    color: #224a23;
  }
  .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: #224a23;
  }
  .p-toast .p-toast-message.p-toast-message-warn {
    background: #ffecb3;
    border: solid #d9a300;
    border-width: 0 0 0 6px;
    color: #6d5100;
  }
  .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: #6d5100;
  }
  .p-toast .p-toast-message.p-toast-message-error {
    background: #ffcdd2;
    border: solid #e60017;
    border-width: 0 0 0 6px;
    color: #73000c;
  }
  .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: #73000c;
  }
  .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 .p-galleria-close-icon.p-icon {
    width: 2rem;
    height: 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: 3px;
    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 .p-galleria-item-prev-icon.p-icon,
  .p-galleria .p-galleria-item-nav .p-galleria-item-next-icon.p-icon {
    width: 2rem;
    height: 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 {
    transition: box-shadow 0.2s;
  }
  .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .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-indicator .p-icon {
    width: 1.5rem;
    height: 1.5rem;
  }
  .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 span {
    font-size: 1.5rem;
  }
  .p-image-action.p-link .p-icon {
    width: 1.5rem;
    height: 1.5rem;
  }
  .p-avatar {
    background-color: #dee2e6;
    border-radius: 3px;
  }
  .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-xl {
    width: 4rem;
    height: 4rem;
    font-size: 2rem;
  }
  .p-avatar.p-avatar-xl .p-avatar-icon {
    font-size: 2rem;
  }
  .p-avatar-circle {
    border-radius: 50%;
  }
  .p-avatar-group .p-avatar {
    border: 2px solid #ffffff;
  }
  .p-chip {
    background-color: #dee2e6;
    color: #495057;
    border-radius: 16px;
    padding: 0 0.5rem;
  }
  .p-chip .p-chip-text {
    line-height: 1.5;
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
  }
  .p-chip .p-chip-icon {
    margin-right: 0.5rem;
  }
  .p-chip img {
    width: 2rem;
    height: 2rem;
    margin-left: -0.5rem;
    margin-right: 0.5rem;
  }
  .p-chip .p-chip-remove-icon {
    border-radius: 3px;
    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
    margin-left: 0.5rem;
  }
  .p-chip .p-chip-remove-icon:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .p-chip .p-chip-remove-icon:focus {
    outline: 0 none;
  }
  .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-scrolltop .p-scrolltop-icon.p-icon {
    width: 1.5rem;
    height: 1.5rem;
  }
  .p-skeleton {
    background-color: #e9ecef;
    border-radius: 3px;
  }
  .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: #2196f3;
    color: #ffffff;
    font-size: 0.75rem;
    font-weight: 700;
    padding: 0.25rem 0.4rem;
    border-radius: 3px;
  }
  .p-tag.p-tag-success {
    background-color: #689f38;
    color: #ffffff;
  }
  .p-tag.p-tag-info {
    background-color: #0288d1;
    color: #ffffff;
  }
  .p-tag.p-tag-warning {
    background-color: #fbc02d;
    color: #212529;
  }
  .p-tag.p-tag-danger {
    background-color: #d32f2f;
    color: #ffffff;
  }
  .p-tag .p-tag-icon {
    margin-right: 0.25rem;
    font-size: 0.75rem;
  }
  .p-tag .p-tag-icon.p-icon {
    width: 0.75rem;
    height: 0.75rem;
  }
  .p-inplace .p-inplace-display {
    padding: 0.5rem 0.5rem;
    border-radius: 3px;
    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 #a6d5fa;
  }
  .p-metergroup .p-metergroup-meter-container {
    background: #dee2e6;
    border-radius: 3px;
  }
  .p-metergroup .p-metergroup-meter {
    border: 0 none;
    background: #2196f3;
  }
  .p-metergroup .p-metergroup-label-list .p-metergroup-label-list-item {
    line-height: 1.5rem;
  }
  .p-metergroup .p-metergroup-label-list .p-metergroup-label-type {
    background: #2196f3;
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 100%;
    margin-right: 0.5rem;
  }
  .p-metergroup .p-metergroup-label-list .p-metergroup-label {
    margin-right: 1rem;
  }
  .p-metergroup .p-metergroup-label-list .p-metergroup-label-icon {
    width: 1rem;
    height: 1rem;
    margin-right: 0.5rem;
  }
  .p-metergroup.p-metergroup-horizontal .p-metergroup-meter-container {
    height: 0.5rem;
  }
  .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
  }
  .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:last-of-type {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
  }
  .p-metergroup.p-metergroup-horizontal .p-metergroup-label-list-start {
    margin-bottom: 1rem;
  }
  .p-metergroup.p-metergroup-horizontal .p-metergroup-label-list-end {
    margin-top: 1rem;
  }
  .p-metergroup.p-metergroup-vertical .p-metergroup-meter-container {
    width: 0.5rem;
    height: 100%;
  }
  .p-metergroup.p-metergroup-vertical .p-metergroup-meter:first-of-type {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
  }
  .p-metergroup.p-metergroup-vertical .p-metergroup-meter:last-of-type {
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
  }
  .p-metergroup.p-metergroup-vertical .p-metergroup-label-list:not(.p-metergroup-label-list-start) {
    margin-left: 1rem;
  }
  .p-progressbar {
    border: 0 none;
    height: 1.5rem;
    background: #dee2e6;
    border-radius: 3px;
  }
  .p-progressbar .p-progressbar-value {
    border: 0 none;
    margin: 0;
    background: #2196f3;
  }
  .p-progressbar .p-progressbar-label {
    color: #ffffff;
    line-height: 1.5rem;
  }
  .p-terminal {
    background: #ffffff;
    color: #495057;
    border: 1px solid #dee2e6;
    padding: 1rem;
  }
  .p-terminal .p-terminal-input {
    font-family: var(--font-family);
    font-feature-settings: var(--font-feature-settings, normal);
    font-size: 1rem;
  }
  .p-badge {
    background: #2196f3;
    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-tag {
    background: #2196f3;
    color: #ffffff;
    font-size: 0.75rem;
    font-weight: 700;
    padding: 0.25rem 0.4rem;
    border-radius: 3px;
  }
  .p-tag.p-tag-success {
    background-color: #689f38;
    color: #ffffff;
  }
  .p-tag.p-tag-info {
    background-color: #0288d1;
    color: #ffffff;
  }
  .p-tag.p-tag-warning {
    background-color: #fbc02d;
    color: #212529;
  }
  .p-tag.p-tag-danger {
    background-color: #d32f2f;
    color: #ffffff;
  }
}
/* Customizations to the designer theme should be defined here */
@layer primereact {
  .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
    background-color: #2196f3;
  }
  .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
    background-color: #2196f3;
  }
  .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
    box-shadow: inset 0 2px 0 0 #2196f3;
  }
  .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
    box-shadow: inset 0 -2px 0 0 #2196f3;
  }
}
/**
 * The primereact[.min].css has been deprecated. In order not to break existing projects, it is currently included in the build as an empty file.
 */
@font-face {
    font-family: 'primeicons';
    font-display: block;
    src: url('primeicons.ff0c4cd79b2ffca2de54.eot');
    src: url('primeicons.ff0c4cd79b2ffca2de54.eot?#iefix') format('embedded-opentype'), url('primeicons.024b32cc7bf399b1a847.woff2') format('woff2'), url('primeicons.8931fda1930c3bd21e96.woff') format('woff'), url('primeicons.a5c2a53d1ff7a9ff5933.ttf') format('truetype'), url('primeicons.6ed59f962963a4a73af2.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 {
    animation: fa-spin 2s infinite linear;
}
@media (prefers-reduced-motion: reduce) {
  .pi-spin {
    animation-delay: -1ms;
    animation-duration: 1ms;
    animation-iteration-count: 1;
    transition-delay: 0s;
    transition-duration: 0s;
  }
}
@keyframes fa-spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        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";
}
.grid {
  display: flex;
  flex-wrap: wrap;
  margin-right: -0.5rem;
  margin-left: -0.5rem;
  margin-top: -0.5rem;
}
.grid > .col,
.grid > [class*=col] {
  box-sizing: border-box;
}
.grid-nogutter {
  margin-right: 0;
  margin-left: 0;
  margin-top: 0;
}
.grid-nogutter > .col,
.grid-nogutter > [class*=col-] {
  padding: 0;
}
.col {
  flex-grow: 1;
  flex-basis: 0;
  padding: 0.5rem;
}
.col-fixed {
  flex: 0 0 auto;
  padding: 0.5rem;
}
.col-1 {
  flex: 0 0 auto;
  padding: 0.5rem;
  width: 8.3333%;
}
.col-2 {
  flex: 0 0 auto;
  padding: 0.5rem;
  width: 16.6667%;
}
.col-3 {
  flex: 0 0 auto;
  padding: 0.5rem;
  width: 25%;
}
.col-4 {
  flex: 0 0 auto;
  padding: 0.5rem;
  width: 33.3333%;
}
.col-5 {
  flex: 0 0 auto;
  padding: 0.5rem;
  width: 41.6667%;
}
.col-6 {
  flex: 0 0 auto;
  padding: 0.5rem;
  width: 50%;
}
.col-7 {
  flex: 0 0 auto;
  padding: 0.5rem;
  width: 58.3333%;
}
.col-8 {
  flex: 0 0 auto;
  padding: 0.5rem;
  width: 66.6667%;
}
.col-9 {
  flex: 0 0 auto;
  padding: 0.5rem;
  width: 75%;
}
.col-10 {
  flex: 0 0 auto;
  padding: 0.5rem;
  width: 83.3333%;
}
.col-11 {
  flex: 0 0 auto;
  padding: 0.5rem;
  width: 91.6667%;
}
.col-12 {
  flex: 0 0 auto;
  padding: 0.5rem;
  width: 100%;
}
@media screen and (min-width: 576px) {
  .sm\:col {
    flex-grow: 1;
    flex-basis: 0;
    padding: 0.5rem;
  }
  .sm\:col-fixed {
    flex: 0 0 auto;
    padding: 0.5rem;
  }
  .sm\:col-1 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 8.3333%;
  }
  .sm\:col-2 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 16.6667%;
  }
  .sm\:col-3 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 25%;
  }
  .sm\:col-4 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 33.3333%;
  }
  .sm\:col-5 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 41.6667%;
  }
  .sm\:col-6 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 50%;
  }
  .sm\:col-7 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 58.3333%;
  }
  .sm\:col-8 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 66.6667%;
  }
  .sm\:col-9 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 75%;
  }
  .sm\:col-10 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 83.3333%;
  }
  .sm\:col-11 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 91.6667%;
  }
  .sm\:col-12 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 100%;
  }
}
@media screen and (min-width: 768px) {
  .md\:col {
    flex-grow: 1;
    flex-basis: 0;
    padding: 0.5rem;
  }
  .md\:col-fixed {
    flex: 0 0 auto;
    padding: 0.5rem;
  }
  .md\:col-1 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 8.3333%;
  }
  .md\:col-2 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 16.6667%;
  }
  .md\:col-3 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 25%;
  }
  .md\:col-4 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 33.3333%;
  }
  .md\:col-5 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 41.6667%;
  }
  .md\:col-6 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 50%;
  }
  .md\:col-7 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 58.3333%;
  }
  .md\:col-8 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 66.6667%;
  }
  .md\:col-9 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 75%;
  }
  .md\:col-10 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 83.3333%;
  }
  .md\:col-11 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 91.6667%;
  }
  .md\:col-12 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 100%;
  }
}
@media screen and (min-width: 992px) {
  .lg\:col {
    flex-grow: 1;
    flex-basis: 0;
    padding: 0.5rem;
  }
  .lg\:col-fixed {
    flex: 0 0 auto;
    padding: 0.5rem;
  }
  .lg\:col-1 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 8.3333%;
  }
  .lg\:col-2 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 16.6667%;
  }
  .lg\:col-3 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 25%;
  }
  .lg\:col-4 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 33.3333%;
  }
  .lg\:col-5 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 41.6667%;
  }
  .lg\:col-6 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 50%;
  }
  .lg\:col-7 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 58.3333%;
  }
  .lg\:col-8 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 66.6667%;
  }
  .lg\:col-9 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 75%;
  }
  .lg\:col-10 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 83.3333%;
  }
  .lg\:col-11 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 91.6667%;
  }
  .lg\:col-12 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 100%;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:col {
    flex-grow: 1;
    flex-basis: 0;
    padding: 0.5rem;
  }
  .xl\:col-fixed {
    flex: 0 0 auto;
    padding: 0.5rem;
  }
  .xl\:col-1 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 8.3333%;
  }
  .xl\:col-2 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 16.6667%;
  }
  .xl\:col-3 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 25%;
  }
  .xl\:col-4 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 33.3333%;
  }
  .xl\:col-5 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 41.6667%;
  }
  .xl\:col-6 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 50%;
  }
  .xl\:col-7 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 58.3333%;
  }
  .xl\:col-8 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 66.6667%;
  }
  .xl\:col-9 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 75%;
  }
  .xl\:col-10 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 83.3333%;
  }
  .xl\:col-11 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 91.6667%;
  }
  .xl\:col-12 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 100%;
  }
}
.col-offset-0 {
  margin-left: 0 !important;
}
.col-offset-1 {
  margin-left: 8.3333% !important;
}
.col-offset-2 {
  margin-left: 16.6667% !important;
}
.col-offset-3 {
  margin-left: 25% !important;
}
.col-offset-4 {
  margin-left: 33.3333% !important;
}
.col-offset-5 {
  margin-left: 41.6667% !important;
}
.col-offset-6 {
  margin-left: 50% !important;
}
.col-offset-7 {
  margin-left: 58.3333% !important;
}
.col-offset-8 {
  margin-left: 66.6667% !important;
}
.col-offset-9 {
  margin-left: 75% !important;
}
.col-offset-10 {
  margin-left: 83.3333% !important;
}
.col-offset-11 {
  margin-left: 91.6667% !important;
}
.col-offset-12 {
  margin-left: 100% !important;
}
@media screen and (min-width: 576px) {
  .sm\:col-offset-0 {
    margin-left: 0 !important;
  }
  .sm\:col-offset-1 {
    margin-left: 8.3333% !important;
  }
  .sm\:col-offset-2 {
    margin-left: 16.6667% !important;
  }
  .sm\:col-offset-3 {
    margin-left: 25% !important;
  }
  .sm\:col-offset-4 {
    margin-left: 33.3333% !important;
  }
  .sm\:col-offset-5 {
    margin-left: 41.6667% !important;
  }
  .sm\:col-offset-6 {
    margin-left: 50% !important;
  }
  .sm\:col-offset-7 {
    margin-left: 58.3333% !important;
  }
  .sm\:col-offset-8 {
    margin-left: 66.6667% !important;
  }
  .sm\:col-offset-9 {
    margin-left: 75% !important;
  }
  .sm\:col-offset-10 {
    margin-left: 83.3333% !important;
  }
  .sm\:col-offset-11 {
    margin-left: 91.6667% !important;
  }
  .sm\:col-offset-12 {
    margin-left: 100% !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:col-offset-0 {
    margin-left: 0 !important;
  }
  .md\:col-offset-1 {
    margin-left: 8.3333% !important;
  }
  .md\:col-offset-2 {
    margin-left: 16.6667% !important;
  }
  .md\:col-offset-3 {
    margin-left: 25% !important;
  }
  .md\:col-offset-4 {
    margin-left: 33.3333% !important;
  }
  .md\:col-offset-5 {
    margin-left: 41.6667% !important;
  }
  .md\:col-offset-6 {
    margin-left: 50% !important;
  }
  .md\:col-offset-7 {
    margin-left: 58.3333% !important;
  }
  .md\:col-offset-8 {
    margin-left: 66.6667% !important;
  }
  .md\:col-offset-9 {
    margin-left: 75% !important;
  }
  .md\:col-offset-10 {
    margin-left: 83.3333% !important;
  }
  .md\:col-offset-11 {
    margin-left: 91.6667% !important;
  }
  .md\:col-offset-12 {
    margin-left: 100% !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:col-offset-0 {
    margin-left: 0 !important;
  }
  .lg\:col-offset-1 {
    margin-left: 8.3333% !important;
  }
  .lg\:col-offset-2 {
    margin-left: 16.6667% !important;
  }
  .lg\:col-offset-3 {
    margin-left: 25% !important;
  }
  .lg\:col-offset-4 {
    margin-left: 33.3333% !important;
  }
  .lg\:col-offset-5 {
    margin-left: 41.6667% !important;
  }
  .lg\:col-offset-6 {
    margin-left: 50% !important;
  }
  .lg\:col-offset-7 {
    margin-left: 58.3333% !important;
  }
  .lg\:col-offset-8 {
    margin-left: 66.6667% !important;
  }
  .lg\:col-offset-9 {
    margin-left: 75% !important;
  }
  .lg\:col-offset-10 {
    margin-left: 83.3333% !important;
  }
  .lg\:col-offset-11 {
    margin-left: 91.6667% !important;
  }
  .lg\:col-offset-12 {
    margin-left: 100% !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:col-offset-0 {
    margin-left: 0 !important;
  }
  .xl\:col-offset-1 {
    margin-left: 8.3333% !important;
  }
  .xl\:col-offset-2 {
    margin-left: 16.6667% !important;
  }
  .xl\:col-offset-3 {
    margin-left: 25% !important;
  }
  .xl\:col-offset-4 {
    margin-left: 33.3333% !important;
  }
  .xl\:col-offset-5 {
    margin-left: 41.6667% !important;
  }
  .xl\:col-offset-6 {
    margin-left: 50% !important;
  }
  .xl\:col-offset-7 {
    margin-left: 58.3333% !important;
  }
  .xl\:col-offset-8 {
    margin-left: 66.6667% !important;
  }
  .xl\:col-offset-9 {
    margin-left: 75% !important;
  }
  .xl\:col-offset-10 {
    margin-left: 83.3333% !important;
  }
  .xl\:col-offset-11 {
    margin-left: 91.6667% !important;
  }
  .xl\:col-offset-12 {
    margin-left: 100% !important;
  }
}
.text-0 {
  color: var(--surface-0) !important;
}
.text-50 {
  color: var(--surface-50) !important;
}
.text-100 {
  color: var(--surface-100) !important;
}
.text-200 {
  color: var(--surface-200) !important;
}
.text-300 {
  color: var(--surface-300) !important;
}
.text-400 {
  color: var(--surface-400) !important;
}
.text-500 {
  color: var(--surface-500) !important;
}
.text-600 {
  color: var(--surface-600) !important;
}
.text-700 {
  color: var(--surface-700) !important;
}
.text-800 {
  color: var(--surface-800) !important;
}
.text-900 {
  color: var(--surface-900) !important;
}
.focus\:text-0:focus {
  color: var(--surface-0) !important;
}
.hover\:text-0:hover {
  color: var(--surface-0) !important;
}
.active\:text-0:active {
  color: var(--surface-0) !important;
}
.focus\:text-50:focus {
  color: var(--surface-50) !important;
}
.hover\:text-50:hover {
  color: var(--surface-50) !important;
}
.active\:text-50:active {
  color: var(--surface-50) !important;
}
.focus\:text-100:focus {
  color: var(--surface-100) !important;
}
.hover\:text-100:hover {
  color: var(--surface-100) !important;
}
.active\:text-100:active {
  color: var(--surface-100) !important;
}
.focus\:text-200:focus {
  color: var(--surface-200) !important;
}
.hover\:text-200:hover {
  color: var(--surface-200) !important;
}
.active\:text-200:active {
  color: var(--surface-200) !important;
}
.focus\:text-300:focus {
  color: var(--surface-300) !important;
}
.hover\:text-300:hover {
  color: var(--surface-300) !important;
}
.active\:text-300:active {
  color: var(--surface-300) !important;
}
.focus\:text-400:focus {
  color: var(--surface-400) !important;
}
.hover\:text-400:hover {
  color: var(--surface-400) !important;
}
.active\:text-400:active {
  color: var(--surface-400) !important;
}
.focus\:text-500:focus {
  color: var(--surface-500) !important;
}
.hover\:text-500:hover {
  color: var(--surface-500) !important;
}
.active\:text-500:active {
  color: var(--surface-500) !important;
}
.focus\:text-600:focus {
  color: var(--surface-600) !important;
}
.hover\:text-600:hover {
  color: var(--surface-600) !important;
}
.active\:text-600:active {
  color: var(--surface-600) !important;
}
.focus\:text-700:focus {
  color: var(--surface-700) !important;
}
.hover\:text-700:hover {
  color: var(--surface-700) !important;
}
.active\:text-700:active {
  color: var(--surface-700) !important;
}
.focus\:text-800:focus {
  color: var(--surface-800) !important;
}
.hover\:text-800:hover {
  color: var(--surface-800) !important;
}
.active\:text-800:active {
  color: var(--surface-800) !important;
}
.focus\:text-900:focus {
  color: var(--surface-900) !important;
}
.hover\:text-900:hover {
  color: var(--surface-900) !important;
}
.active\:text-900:active {
  color: var(--surface-900) !important;
}
.surface-0 {
  background-color: var(--surface-0) !important;
}
.surface-50 {
  background-color: var(--surface-50) !important;
}
.surface-100 {
  background-color: var(--surface-100) !important;
}
.surface-200 {
  background-color: var(--surface-200) !important;
}
.surface-300 {
  background-color: var(--surface-300) !important;
}
.surface-400 {
  background-color: var(--surface-400) !important;
}
.surface-500 {
  background-color: var(--surface-500) !important;
}
.surface-600 {
  background-color: var(--surface-600) !important;
}
.surface-700 {
  background-color: var(--surface-700) !important;
}
.surface-800 {
  background-color: var(--surface-800) !important;
}
.surface-900 {
  background-color: var(--surface-900) !important;
}
.focus\:surface-0:focus {
  background-color: var(--surface-0) !important;
}
.hover\:surface-0:hover {
  background-color: var(--surface-0) !important;
}
.active\:surface-0:active {
  background-color: var(--surface-0) !important;
}
.focus\:surface-50:focus {
  background-color: var(--surface-50) !important;
}
.hover\:surface-50:hover {
  background-color: var(--surface-50) !important;
}
.active\:surface-50:active {
  background-color: var(--surface-50) !important;
}
.focus\:surface-100:focus {
  background-color: var(--surface-100) !important;
}
.hover\:surface-100:hover {
  background-color: var(--surface-100) !important;
}
.active\:surface-100:active {
  background-color: var(--surface-100) !important;
}
.focus\:surface-200:focus {
  background-color: var(--surface-200) !important;
}
.hover\:surface-200:hover {
  background-color: var(--surface-200) !important;
}
.active\:surface-200:active {
  background-color: var(--surface-200) !important;
}
.focus\:surface-300:focus {
  background-color: var(--surface-300) !important;
}
.hover\:surface-300:hover {
  background-color: var(--surface-300) !important;
}
.active\:surface-300:active {
  background-color: var(--surface-300) !important;
}
.focus\:surface-400:focus {
  background-color: var(--surface-400) !important;
}
.hover\:surface-400:hover {
  background-color: var(--surface-400) !important;
}
.active\:surface-400:active {
  background-color: var(--surface-400) !important;
}
.focus\:surface-500:focus {
  background-color: var(--surface-500) !important;
}
.hover\:surface-500:hover {
  background-color: var(--surface-500) !important;
}
.active\:surface-500:active {
  background-color: var(--surface-500) !important;
}
.focus\:surface-600:focus {
  background-color: var(--surface-600) !important;
}
.hover\:surface-600:hover {
  background-color: var(--surface-600) !important;
}
.active\:surface-600:active {
  background-color: var(--surface-600) !important;
}
.focus\:surface-700:focus {
  background-color: var(--surface-700) !important;
}
.hover\:surface-700:hover {
  background-color: var(--surface-700) !important;
}
.active\:surface-700:active {
  background-color: var(--surface-700) !important;
}
.focus\:surface-800:focus {
  background-color: var(--surface-800) !important;
}
.hover\:surface-800:hover {
  background-color: var(--surface-800) !important;
}
.active\:surface-800:active {
  background-color: var(--surface-800) !important;
}
.focus\:surface-900:focus {
  background-color: var(--surface-900) !important;
}
.hover\:surface-900:hover {
  background-color: var(--surface-900) !important;
}
.active\:surface-900:active {
  background-color: var(--surface-900) !important;
}
.border-0 {
  border-color: var(--surface-0) !important;
}
.border-50 {
  border-color: var(--surface-50) !important;
}
.border-100 {
  border-color: var(--surface-100) !important;
}
.border-200 {
  border-color: var(--surface-200) !important;
}
.border-300 {
  border-color: var(--surface-300) !important;
}
.border-400 {
  border-color: var(--surface-400) !important;
}
.border-500 {
  border-color: var(--surface-500) !important;
}
.border-600 {
  border-color: var(--surface-600) !important;
}
.border-700 {
  border-color: var(--surface-700) !important;
}
.border-800 {
  border-color: var(--surface-800) !important;
}
.border-900 {
  border-color: var(--surface-900) !important;
}
.focus\:border-0:focus {
  border-color: var(--surface-0) !important;
}
.hover\:border-0:hover {
  border-color: var(--surface-0) !important;
}
.active\:border-0:active {
  border-color: var(--surface-0) !important;
}
.focus\:border-50:focus {
  border-color: var(--surface-50) !important;
}
.hover\:border-50:hover {
  border-color: var(--surface-50) !important;
}
.active\:border-50:active {
  border-color: var(--surface-50) !important;
}
.focus\:border-100:focus {
  border-color: var(--surface-100) !important;
}
.hover\:border-100:hover {
  border-color: var(--surface-100) !important;
}
.active\:border-100:active {
  border-color: var(--surface-100) !important;
}
.focus\:border-200:focus {
  border-color: var(--surface-200) !important;
}
.hover\:border-200:hover {
  border-color: var(--surface-200) !important;
}
.active\:border-200:active {
  border-color: var(--surface-200) !important;
}
.focus\:border-300:focus {
  border-color: var(--surface-300) !important;
}
.hover\:border-300:hover {
  border-color: var(--surface-300) !important;
}
.active\:border-300:active {
  border-color: var(--surface-300) !important;
}
.focus\:border-400:focus {
  border-color: var(--surface-400) !important;
}
.hover\:border-400:hover {
  border-color: var(--surface-400) !important;
}
.active\:border-400:active {
  border-color: var(--surface-400) !important;
}
.focus\:border-500:focus {
  border-color: var(--surface-500) !important;
}
.hover\:border-500:hover {
  border-color: var(--surface-500) !important;
}
.active\:border-500:active {
  border-color: var(--surface-500) !important;
}
.focus\:border-600:focus {
  border-color: var(--surface-600) !important;
}
.hover\:border-600:hover {
  border-color: var(--surface-600) !important;
}
.active\:border-600:active {
  border-color: var(--surface-600) !important;
}
.focus\:border-700:focus {
  border-color: var(--surface-700) !important;
}
.hover\:border-700:hover {
  border-color: var(--surface-700) !important;
}
.active\:border-700:active {
  border-color: var(--surface-700) !important;
}
.focus\:border-800:focus {
  border-color: var(--surface-800) !important;
}
.hover\:border-800:hover {
  border-color: var(--surface-800) !important;
}
.active\:border-800:active {
  border-color: var(--surface-800) !important;
}
.focus\:border-900:focus {
  border-color: var(--surface-900) !important;
}
.hover\:border-900:hover {
  border-color: var(--surface-900) !important;
}
.active\:border-900:active {
  border-color: var(--surface-900) !important;
}
.bg-transparent {
  background-color: transparent !important;
}
@media screen and (min-width: 576px) {
  .sm\:bg-transparent {
    background-color: transparent !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:bg-transparent {
    background-color: transparent !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:bg-transparent {
    background-color: transparent !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:bg-transparent {
    background-color: transparent !important;
  }
}
.border-transparent {
  border-color: transparent !important;
}
@media screen and (min-width: 576px) {
  .sm\:border-transparent {
    border-color: transparent !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:border-transparent {
    border-color: transparent !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:border-transparent {
    border-color: transparent !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:border-transparent {
    border-color: transparent !important;
  }
}
.text-blue-50 {
  color: var(--blue-50) !important;
}
.text-blue-100 {
  color: var(--blue-100) !important;
}
.text-blue-200 {
  color: var(--blue-200) !important;
}
.text-blue-300 {
  color: var(--blue-300) !important;
}
.text-blue-400 {
  color: var(--blue-400) !important;
}
.text-blue-500 {
  color: var(--blue-500) !important;
}
.text-blue-600 {
  color: var(--blue-600) !important;
}
.text-blue-700 {
  color: var(--blue-700) !important;
}
.text-blue-800 {
  color: var(--blue-800) !important;
}
.text-blue-900 {
  color: var(--blue-900) !important;
}
.focus\:text-blue-50:focus {
  color: var(--blue-50) !important;
}
.focus\:text-blue-100:focus {
  color: var(--blue-100) !important;
}
.focus\:text-blue-200:focus {
  color: var(--blue-200) !important;
}
.focus\:text-blue-300:focus {
  color: var(--blue-300) !important;
}
.focus\:text-blue-400:focus {
  color: var(--blue-400) !important;
}
.focus\:text-blue-500:focus {
  color: var(--blue-500) !important;
}
.focus\:text-blue-600:focus {
  color: var(--blue-600) !important;
}
.focus\:text-blue-700:focus {
  color: var(--blue-700) !important;
}
.focus\:text-blue-800:focus {
  color: var(--blue-800) !important;
}
.focus\:text-blue-900:focus {
  color: var(--blue-900) !important;
}
.hover\:text-blue-50:hover {
  color: var(--blue-50) !important;
}
.hover\:text-blue-100:hover {
  color: var(--blue-100) !important;
}
.hover\:text-blue-200:hover {
  color: var(--blue-200) !important;
}
.hover\:text-blue-300:hover {
  color: var(--blue-300) !important;
}
.hover\:text-blue-400:hover {
  color: var(--blue-400) !important;
}
.hover\:text-blue-500:hover {
  color: var(--blue-500) !important;
}
.hover\:text-blue-600:hover {
  color: var(--blue-600) !important;
}
.hover\:text-blue-700:hover {
  color: var(--blue-700) !important;
}
.hover\:text-blue-800:hover {
  color: var(--blue-800) !important;
}
.hover\:text-blue-900:hover {
  color: var(--blue-900) !important;
}
.active\:text-blue-50:active {
  color: var(--blue-50) !important;
}
.active\:text-blue-100:active {
  color: var(--blue-100) !important;
}
.active\:text-blue-200:active {
  color: var(--blue-200) !important;
}
.active\:text-blue-300:active {
  color: var(--blue-300) !important;
}
.active\:text-blue-400:active {
  color: var(--blue-400) !important;
}
.active\:text-blue-500:active {
  color: var(--blue-500) !important;
}
.active\:text-blue-600:active {
  color: var(--blue-600) !important;
}
.active\:text-blue-700:active {
  color: var(--blue-700) !important;
}
.active\:text-blue-800:active {
  color: var(--blue-800) !important;
}
.active\:text-blue-900:active {
  color: var(--blue-900) !important;
}
.text-green-50 {
  color: var(--green-50) !important;
}
.text-green-100 {
  color: var(--green-100) !important;
}
.text-green-200 {
  color: var(--green-200) !important;
}
.text-green-300 {
  color: var(--green-300) !important;
}
.text-green-400 {
  color: var(--green-400) !important;
}
.text-green-500 {
  color: var(--green-500) !important;
}
.text-green-600 {
  color: var(--green-600) !important;
}
.text-green-700 {
  color: var(--green-700) !important;
}
.text-green-800 {
  color: var(--green-800) !important;
}
.text-green-900 {
  color: var(--green-900) !important;
}
.focus\:text-green-50:focus {
  color: var(--green-50) !important;
}
.focus\:text-green-100:focus {
  color: var(--green-100) !important;
}
.focus\:text-green-200:focus {
  color: var(--green-200) !important;
}
.focus\:text-green-300:focus {
  color: var(--green-300) !important;
}
.focus\:text-green-400:focus {
  color: var(--green-400) !important;
}
.focus\:text-green-500:focus {
  color: var(--green-500) !important;
}
.focus\:text-green-600:focus {
  color: var(--green-600) !important;
}
.focus\:text-green-700:focus {
  color: var(--green-700) !important;
}
.focus\:text-green-800:focus {
  color: var(--green-800) !important;
}
.focus\:text-green-900:focus {
  color: var(--green-900) !important;
}
.hover\:text-green-50:hover {
  color: var(--green-50) !important;
}
.hover\:text-green-100:hover {
  color: var(--green-100) !important;
}
.hover\:text-green-200:hover {
  color: var(--green-200) !important;
}
.hover\:text-green-300:hover {
  color: var(--green-300) !important;
}
.hover\:text-green-400:hover {
  color: var(--green-400) !important;
}
.hover\:text-green-500:hover {
  color: var(--green-500) !important;
}
.hover\:text-green-600:hover {
  color: var(--green-600) !important;
}
.hover\:text-green-700:hover {
  color: var(--green-700) !important;
}
.hover\:text-green-800:hover {
  color: var(--green-800) !important;
}
.hover\:text-green-900:hover {
  color: var(--green-900) !important;
}
.active\:text-green-50:active {
  color: var(--green-50) !important;
}
.active\:text-green-100:active {
  color: var(--green-100) !important;
}
.active\:text-green-200:active {
  color: var(--green-200) !important;
}
.active\:text-green-300:active {
  color: var(--green-300) !important;
}
.active\:text-green-400:active {
  color: var(--green-400) !important;
}
.active\:text-green-500:active {
  color: var(--green-500) !important;
}
.active\:text-green-600:active {
  color: var(--green-600) !important;
}
.active\:text-green-700:active {
  color: var(--green-700) !important;
}
.active\:text-green-800:active {
  color: var(--green-800) !important;
}
.active\:text-green-900:active {
  color: var(--green-900) !important;
}
.text-yellow-50 {
  color: var(--yellow-50) !important;
}
.text-yellow-100 {
  color: var(--yellow-100) !important;
}
.text-yellow-200 {
  color: var(--yellow-200) !important;
}
.text-yellow-300 {
  color: var(--yellow-300) !important;
}
.text-yellow-400 {
  color: var(--yellow-400) !important;
}
.text-yellow-500 {
  color: var(--yellow-500) !important;
}
.text-yellow-600 {
  color: var(--yellow-600) !important;
}
.text-yellow-700 {
  color: var(--yellow-700) !important;
}
.text-yellow-800 {
  color: var(--yellow-800) !important;
}
.text-yellow-900 {
  color: var(--yellow-900) !important;
}
.focus\:text-yellow-50:focus {
  color: var(--yellow-50) !important;
}
.focus\:text-yellow-100:focus {
  color: var(--yellow-100) !important;
}
.focus\:text-yellow-200:focus {
  color: var(--yellow-200) !important;
}
.focus\:text-yellow-300:focus {
  color: var(--yellow-300) !important;
}
.focus\:text-yellow-400:focus {
  color: var(--yellow-400) !important;
}
.focus\:text-yellow-500:focus {
  color: var(--yellow-500) !important;
}
.focus\:text-yellow-600:focus {
  color: var(--yellow-600) !important;
}
.focus\:text-yellow-700:focus {
  color: var(--yellow-700) !important;
}
.focus\:text-yellow-800:focus {
  color: var(--yellow-800) !important;
}
.focus\:text-yellow-900:focus {
  color: var(--yellow-900) !important;
}
.hover\:text-yellow-50:hover {
  color: var(--yellow-50) !important;
}
.hover\:text-yellow-100:hover {
  color: var(--yellow-100) !important;
}
.hover\:text-yellow-200:hover {
  color: var(--yellow-200) !important;
}
.hover\:text-yellow-300:hover {
  color: var(--yellow-300) !important;
}
.hover\:text-yellow-400:hover {
  color: var(--yellow-400) !important;
}
.hover\:text-yellow-500:hover {
  color: var(--yellow-500) !important;
}
.hover\:text-yellow-600:hover {
  color: var(--yellow-600) !important;
}
.hover\:text-yellow-700:hover {
  color: var(--yellow-700) !important;
}
.hover\:text-yellow-800:hover {
  color: var(--yellow-800) !important;
}
.hover\:text-yellow-900:hover {
  color: var(--yellow-900) !important;
}
.active\:text-yellow-50:active {
  color: var(--yellow-50) !important;
}
.active\:text-yellow-100:active {
  color: var(--yellow-100) !important;
}
.active\:text-yellow-200:active {
  color: var(--yellow-200) !important;
}
.active\:text-yellow-300:active {
  color: var(--yellow-300) !important;
}
.active\:text-yellow-400:active {
  color: var(--yellow-400) !important;
}
.active\:text-yellow-500:active {
  color: var(--yellow-500) !important;
}
.active\:text-yellow-600:active {
  color: var(--yellow-600) !important;
}
.active\:text-yellow-700:active {
  color: var(--yellow-700) !important;
}
.active\:text-yellow-800:active {
  color: var(--yellow-800) !important;
}
.active\:text-yellow-900:active {
  color: var(--yellow-900) !important;
}
.text-cyan-50 {
  color: var(--cyan-50) !important;
}
.text-cyan-100 {
  color: var(--cyan-100) !important;
}
.text-cyan-200 {
  color: var(--cyan-200) !important;
}
.text-cyan-300 {
  color: var(--cyan-300) !important;
}
.text-cyan-400 {
  color: var(--cyan-400) !important;
}
.text-cyan-500 {
  color: var(--cyan-500) !important;
}
.text-cyan-600 {
  color: var(--cyan-600) !important;
}
.text-cyan-700 {
  color: var(--cyan-700) !important;
}
.text-cyan-800 {
  color: var(--cyan-800) !important;
}
.text-cyan-900 {
  color: var(--cyan-900) !important;
}
.focus\:text-cyan-50:focus {
  color: var(--cyan-50) !important;
}
.focus\:text-cyan-100:focus {
  color: var(--cyan-100) !important;
}
.focus\:text-cyan-200:focus {
  color: var(--cyan-200) !important;
}
.focus\:text-cyan-300:focus {
  color: var(--cyan-300) !important;
}
.focus\:text-cyan-400:focus {
  color: var(--cyan-400) !important;
}
.focus\:text-cyan-500:focus {
  color: var(--cyan-500) !important;
}
.focus\:text-cyan-600:focus {
  color: var(--cyan-600) !important;
}
.focus\:text-cyan-700:focus {
  color: var(--cyan-700) !important;
}
.focus\:text-cyan-800:focus {
  color: var(--cyan-800) !important;
}
.focus\:text-cyan-900:focus {
  color: var(--cyan-900) !important;
}
.hover\:text-cyan-50:hover {
  color: var(--cyan-50) !important;
}
.hover\:text-cyan-100:hover {
  color: var(--cyan-100) !important;
}
.hover\:text-cyan-200:hover {
  color: var(--cyan-200) !important;
}
.hover\:text-cyan-300:hover {
  color: var(--cyan-300) !important;
}
.hover\:text-cyan-400:hover {
  color: var(--cyan-400) !important;
}
.hover\:text-cyan-500:hover {
  color: var(--cyan-500) !important;
}
.hover\:text-cyan-600:hover {
  color: var(--cyan-600) !important;
}
.hover\:text-cyan-700:hover {
  color: var(--cyan-700) !important;
}
.hover\:text-cyan-800:hover {
  color: var(--cyan-800) !important;
}
.hover\:text-cyan-900:hover {
  color: var(--cyan-900) !important;
}
.active\:text-cyan-50:active {
  color: var(--cyan-50) !important;
}
.active\:text-cyan-100:active {
  color: var(--cyan-100) !important;
}
.active\:text-cyan-200:active {
  color: var(--cyan-200) !important;
}
.active\:text-cyan-300:active {
  color: var(--cyan-300) !important;
}
.active\:text-cyan-400:active {
  color: var(--cyan-400) !important;
}
.active\:text-cyan-500:active {
  color: var(--cyan-500) !important;
}
.active\:text-cyan-600:active {
  color: var(--cyan-600) !important;
}
.active\:text-cyan-700:active {
  color: var(--cyan-700) !important;
}
.active\:text-cyan-800:active {
  color: var(--cyan-800) !important;
}
.active\:text-cyan-900:active {
  color: var(--cyan-900) !important;
}
.text-pink-50 {
  color: var(--pink-50) !important;
}
.text-pink-100 {
  color: var(--pink-100) !important;
}
.text-pink-200 {
  color: var(--pink-200) !important;
}
.text-pink-300 {
  color: var(--pink-300) !important;
}
.text-pink-400 {
  color: var(--pink-400) !important;
}
.text-pink-500 {
  color: var(--pink-500) !important;
}
.text-pink-600 {
  color: var(--pink-600) !important;
}
.text-pink-700 {
  color: var(--pink-700) !important;
}
.text-pink-800 {
  color: var(--pink-800) !important;
}
.text-pink-900 {
  color: var(--pink-900) !important;
}
.focus\:text-pink-50:focus {
  color: var(--pink-50) !important;
}
.focus\:text-pink-100:focus {
  color: var(--pink-100) !important;
}
.focus\:text-pink-200:focus {
  color: var(--pink-200) !important;
}
.focus\:text-pink-300:focus {
  color: var(--pink-300) !important;
}
.focus\:text-pink-400:focus {
  color: var(--pink-400) !important;
}
.focus\:text-pink-500:focus {
  color: var(--pink-500) !important;
}
.focus\:text-pink-600:focus {
  color: var(--pink-600) !important;
}
.focus\:text-pink-700:focus {
  color: var(--pink-700) !important;
}
.focus\:text-pink-800:focus {
  color: var(--pink-800) !important;
}
.focus\:text-pink-900:focus {
  color: var(--pink-900) !important;
}
.hover\:text-pink-50:hover {
  color: var(--pink-50) !important;
}
.hover\:text-pink-100:hover {
  color: var(--pink-100) !important;
}
.hover\:text-pink-200:hover {
  color: var(--pink-200) !important;
}
.hover\:text-pink-300:hover {
  color: var(--pink-300) !important;
}
.hover\:text-pink-400:hover {
  color: var(--pink-400) !important;
}
.hover\:text-pink-500:hover {
  color: var(--pink-500) !important;
}
.hover\:text-pink-600:hover {
  color: var(--pink-600) !important;
}
.hover\:text-pink-700:hover {
  color: var(--pink-700) !important;
}
.hover\:text-pink-800:hover {
  color: var(--pink-800) !important;
}
.hover\:text-pink-900:hover {
  color: var(--pink-900) !important;
}
.active\:text-pink-50:active {
  color: var(--pink-50) !important;
}
.active\:text-pink-100:active {
  color: var(--pink-100) !important;
}
.active\:text-pink-200:active {
  color: var(--pink-200) !important;
}
.active\:text-pink-300:active {
  color: var(--pink-300) !important;
}
.active\:text-pink-400:active {
  color: var(--pink-400) !important;
}
.active\:text-pink-500:active {
  color: var(--pink-500) !important;
}
.active\:text-pink-600:active {
  color: var(--pink-600) !important;
}
.active\:text-pink-700:active {
  color: var(--pink-700) !important;
}
.active\:text-pink-800:active {
  color: var(--pink-800) !important;
}
.active\:text-pink-900:active {
  color: var(--pink-900) !important;
}
.text-indigo-50 {
  color: var(--indigo-50) !important;
}
.text-indigo-100 {
  color: var(--indigo-100) !important;
}
.text-indigo-200 {
  color: var(--indigo-200) !important;
}
.text-indigo-300 {
  color: var(--indigo-300) !important;
}
.text-indigo-400 {
  color: var(--indigo-400) !important;
}
.text-indigo-500 {
  color: var(--indigo-500) !important;
}
.text-indigo-600 {
  color: var(--indigo-600) !important;
}
.text-indigo-700 {
  color: var(--indigo-700) !important;
}
.text-indigo-800 {
  color: var(--indigo-800) !important;
}
.text-indigo-900 {
  color: var(--indigo-900) !important;
}
.focus\:text-indigo-50:focus {
  color: var(--indigo-50) !important;
}
.focus\:text-indigo-100:focus {
  color: var(--indigo-100) !important;
}
.focus\:text-indigo-200:focus {
  color: var(--indigo-200) !important;
}
.focus\:text-indigo-300:focus {
  color: var(--indigo-300) !important;
}
.focus\:text-indigo-400:focus {
  color: var(--indigo-400) !important;
}
.focus\:text-indigo-500:focus {
  color: var(--indigo-500) !important;
}
.focus\:text-indigo-600:focus {
  color: var(--indigo-600) !important;
}
.focus\:text-indigo-700:focus {
  color: var(--indigo-700) !important;
}
.focus\:text-indigo-800:focus {
  color: var(--indigo-800) !important;
}
.focus\:text-indigo-900:focus {
  color: var(--indigo-900) !important;
}
.hover\:text-indigo-50:hover {
  color: var(--indigo-50) !important;
}
.hover\:text-indigo-100:hover {
  color: var(--indigo-100) !important;
}
.hover\:text-indigo-200:hover {
  color: var(--indigo-200) !important;
}
.hover\:text-indigo-300:hover {
  color: var(--indigo-300) !important;
}
.hover\:text-indigo-400:hover {
  color: var(--indigo-400) !important;
}
.hover\:text-indigo-500:hover {
  color: var(--indigo-500) !important;
}
.hover\:text-indigo-600:hover {
  color: var(--indigo-600) !important;
}
.hover\:text-indigo-700:hover {
  color: var(--indigo-700) !important;
}
.hover\:text-indigo-800:hover {
  color: var(--indigo-800) !important;
}
.hover\:text-indigo-900:hover {
  color: var(--indigo-900) !important;
}
.active\:text-indigo-50:active {
  color: var(--indigo-50) !important;
}
.active\:text-indigo-100:active {
  color: var(--indigo-100) !important;
}
.active\:text-indigo-200:active {
  color: var(--indigo-200) !important;
}
.active\:text-indigo-300:active {
  color: var(--indigo-300) !important;
}
.active\:text-indigo-400:active {
  color: var(--indigo-400) !important;
}
.active\:text-indigo-500:active {
  color: var(--indigo-500) !important;
}
.active\:text-indigo-600:active {
  color: var(--indigo-600) !important;
}
.active\:text-indigo-700:active {
  color: var(--indigo-700) !important;
}
.active\:text-indigo-800:active {
  color: var(--indigo-800) !important;
}
.active\:text-indigo-900:active {
  color: var(--indigo-900) !important;
}
.text-teal-50 {
  color: var(--teal-50) !important;
}
.text-teal-100 {
  color: var(--teal-100) !important;
}
.text-teal-200 {
  color: var(--teal-200) !important;
}
.text-teal-300 {
  color: var(--teal-300) !important;
}
.text-teal-400 {
  color: var(--teal-400) !important;
}
.text-teal-500 {
  color: var(--teal-500) !important;
}
.text-teal-600 {
  color: var(--teal-600) !important;
}
.text-teal-700 {
  color: var(--teal-700) !important;
}
.text-teal-800 {
  color: var(--teal-800) !important;
}
.text-teal-900 {
  color: var(--teal-900) !important;
}
.focus\:text-teal-50:focus {
  color: var(--teal-50) !important;
}
.focus\:text-teal-100:focus {
  color: var(--teal-100) !important;
}
.focus\:text-teal-200:focus {
  color: var(--teal-200) !important;
}
.focus\:text-teal-300:focus {
  color: var(--teal-300) !important;
}
.focus\:text-teal-400:focus {
  color: var(--teal-400) !important;
}
.focus\:text-teal-500:focus {
  color: var(--teal-500) !important;
}
.focus\:text-teal-600:focus {
  color: var(--teal-600) !important;
}
.focus\:text-teal-700:focus {
  color: var(--teal-700) !important;
}
.focus\:text-teal-800:focus {
  color: var(--teal-800) !important;
}
.focus\:text-teal-900:focus {
  color: var(--teal-900) !important;
}
.hover\:text-teal-50:hover {
  color: var(--teal-50) !important;
}
.hover\:text-teal-100:hover {
  color: var(--teal-100) !important;
}
.hover\:text-teal-200:hover {
  color: var(--teal-200) !important;
}
.hover\:text-teal-300:hover {
  color: var(--teal-300) !important;
}
.hover\:text-teal-400:hover {
  color: var(--teal-400) !important;
}
.hover\:text-teal-500:hover {
  color: var(--teal-500) !important;
}
.hover\:text-teal-600:hover {
  color: var(--teal-600) !important;
}
.hover\:text-teal-700:hover {
  color: var(--teal-700) !important;
}
.hover\:text-teal-800:hover {
  color: var(--teal-800) !important;
}
.hover\:text-teal-900:hover {
  color: var(--teal-900) !important;
}
.active\:text-teal-50:active {
  color: var(--teal-50) !important;
}
.active\:text-teal-100:active {
  color: var(--teal-100) !important;
}
.active\:text-teal-200:active {
  color: var(--teal-200) !important;
}
.active\:text-teal-300:active {
  color: var(--teal-300) !important;
}
.active\:text-teal-400:active {
  color: var(--teal-400) !important;
}
.active\:text-teal-500:active {
  color: var(--teal-500) !important;
}
.active\:text-teal-600:active {
  color: var(--teal-600) !important;
}
.active\:text-teal-700:active {
  color: var(--teal-700) !important;
}
.active\:text-teal-800:active {
  color: var(--teal-800) !important;
}
.active\:text-teal-900:active {
  color: var(--teal-900) !important;
}
.text-orange-50 {
  color: var(--orange-50) !important;
}
.text-orange-100 {
  color: var(--orange-100) !important;
}
.text-orange-200 {
  color: var(--orange-200) !important;
}
.text-orange-300 {
  color: var(--orange-300) !important;
}
.text-orange-400 {
  color: var(--orange-400) !important;
}
.text-orange-500 {
  color: var(--orange-500) !important;
}
.text-orange-600 {
  color: var(--orange-600) !important;
}
.text-orange-700 {
  color: var(--orange-700) !important;
}
.text-orange-800 {
  color: var(--orange-800) !important;
}
.text-orange-900 {
  color: var(--orange-900) !important;
}
.focus\:text-orange-50:focus {
  color: var(--orange-50) !important;
}
.focus\:text-orange-100:focus {
  color: var(--orange-100) !important;
}
.focus\:text-orange-200:focus {
  color: var(--orange-200) !important;
}
.focus\:text-orange-300:focus {
  color: var(--orange-300) !important;
}
.focus\:text-orange-400:focus {
  color: var(--orange-400) !important;
}
.focus\:text-orange-500:focus {
  color: var(--orange-500) !important;
}
.focus\:text-orange-600:focus {
  color: var(--orange-600) !important;
}
.focus\:text-orange-700:focus {
  color: var(--orange-700) !important;
}
.focus\:text-orange-800:focus {
  color: var(--orange-800) !important;
}
.focus\:text-orange-900:focus {
  color: var(--orange-900) !important;
}
.hover\:text-orange-50:hover {
  color: var(--orange-50) !important;
}
.hover\:text-orange-100:hover {
  color: var(--orange-100) !important;
}
.hover\:text-orange-200:hover {
  color: var(--orange-200) !important;
}
.hover\:text-orange-300:hover {
  color: var(--orange-300) !important;
}
.hover\:text-orange-400:hover {
  color: var(--orange-400) !important;
}
.hover\:text-orange-500:hover {
  color: var(--orange-500) !important;
}
.hover\:text-orange-600:hover {
  color: var(--orange-600) !important;
}
.hover\:text-orange-700:hover {
  color: var(--orange-700) !important;
}
.hover\:text-orange-800:hover {
  color: var(--orange-800) !important;
}
.hover\:text-orange-900:hover {
  color: var(--orange-900) !important;
}
.active\:text-orange-50:active {
  color: var(--orange-50) !important;
}
.active\:text-orange-100:active {
  color: var(--orange-100) !important;
}
.active\:text-orange-200:active {
  color: var(--orange-200) !important;
}
.active\:text-orange-300:active {
  color: var(--orange-300) !important;
}
.active\:text-orange-400:active {
  color: var(--orange-400) !important;
}
.active\:text-orange-500:active {
  color: var(--orange-500) !important;
}
.active\:text-orange-600:active {
  color: var(--orange-600) !important;
}
.active\:text-orange-700:active {
  color: var(--orange-700) !important;
}
.active\:text-orange-800:active {
  color: var(--orange-800) !important;
}
.active\:text-orange-900:active {
  color: var(--orange-900) !important;
}
.text-bluegray-50 {
  color: var(--bluegray-50) !important;
}
.text-bluegray-100 {
  color: var(--bluegray-100) !important;
}
.text-bluegray-200 {
  color: var(--bluegray-200) !important;
}
.text-bluegray-300 {
  color: var(--bluegray-300) !important;
}
.text-bluegray-400 {
  color: var(--bluegray-400) !important;
}
.text-bluegray-500 {
  color: var(--bluegray-500) !important;
}
.text-bluegray-600 {
  color: var(--bluegray-600) !important;
}
.text-bluegray-700 {
  color: var(--bluegray-700) !important;
}
.text-bluegray-800 {
  color: var(--bluegray-800) !important;
}
.text-bluegray-900 {
  color: var(--bluegray-900) !important;
}
.focus\:text-bluegray-50:focus {
  color: var(--bluegray-50) !important;
}
.focus\:text-bluegray-100:focus {
  color: var(--bluegray-100) !important;
}
.focus\:text-bluegray-200:focus {
  color: var(--bluegray-200) !important;
}
.focus\:text-bluegray-300:focus {
  color: var(--bluegray-300) !important;
}
.focus\:text-bluegray-400:focus {
  color: var(--bluegray-400) !important;
}
.focus\:text-bluegray-500:focus {
  color: var(--bluegray-500) !important;
}
.focus\:text-bluegray-600:focus {
  color: var(--bluegray-600) !important;
}
.focus\:text-bluegray-700:focus {
  color: var(--bluegray-700) !important;
}
.focus\:text-bluegray-800:focus {
  color: var(--bluegray-800) !important;
}
.focus\:text-bluegray-900:focus {
  color: var(--bluegray-900) !important;
}
.hover\:text-bluegray-50:hover {
  color: var(--bluegray-50) !important;
}
.hover\:text-bluegray-100:hover {
  color: var(--bluegray-100) !important;
}
.hover\:text-bluegray-200:hover {
  color: var(--bluegray-200) !important;
}
.hover\:text-bluegray-300:hover {
  color: var(--bluegray-300) !important;
}
.hover\:text-bluegray-400:hover {
  color: var(--bluegray-400) !important;
}
.hover\:text-bluegray-500:hover {
  color: var(--bluegray-500) !important;
}
.hover\:text-bluegray-600:hover {
  color: var(--bluegray-600) !important;
}
.hover\:text-bluegray-700:hover {
  color: var(--bluegray-700) !important;
}
.hover\:text-bluegray-800:hover {
  color: var(--bluegray-800) !important;
}
.hover\:text-bluegray-900:hover {
  color: var(--bluegray-900) !important;
}
.active\:text-bluegray-50:active {
  color: var(--bluegray-50) !important;
}
.active\:text-bluegray-100:active {
  color: var(--bluegray-100) !important;
}
.active\:text-bluegray-200:active {
  color: var(--bluegray-200) !important;
}
.active\:text-bluegray-300:active {
  color: var(--bluegray-300) !important;
}
.active\:text-bluegray-400:active {
  color: var(--bluegray-400) !important;
}
.active\:text-bluegray-500:active {
  color: var(--bluegray-500) !important;
}
.active\:text-bluegray-600:active {
  color: var(--bluegray-600) !important;
}
.active\:text-bluegray-700:active {
  color: var(--bluegray-700) !important;
}
.active\:text-bluegray-800:active {
  color: var(--bluegray-800) !important;
}
.active\:text-bluegray-900:active {
  color: var(--bluegray-900) !important;
}
.text-purple-50 {
  color: var(--purple-50) !important;
}
.text-purple-100 {
  color: var(--purple-100) !important;
}
.text-purple-200 {
  color: var(--purple-200) !important;
}
.text-purple-300 {
  color: var(--purple-300) !important;
}
.text-purple-400 {
  color: var(--purple-400) !important;
}
.text-purple-500 {
  color: var(--purple-500) !important;
}
.text-purple-600 {
  color: var(--purple-600) !important;
}
.text-purple-700 {
  color: var(--purple-700) !important;
}
.text-purple-800 {
  color: var(--purple-800) !important;
}
.text-purple-900 {
  color: var(--purple-900) !important;
}
.focus\:text-purple-50:focus {
  color: var(--purple-50) !important;
}
.focus\:text-purple-100:focus {
  color: var(--purple-100) !important;
}
.focus\:text-purple-200:focus {
  color: var(--purple-200) !important;
}
.focus\:text-purple-300:focus {
  color: var(--purple-300) !important;
}
.focus\:text-purple-400:focus {
  color: var(--purple-400) !important;
}
.focus\:text-purple-500:focus {
  color: var(--purple-500) !important;
}
.focus\:text-purple-600:focus {
  color: var(--purple-600) !important;
}
.focus\:text-purple-700:focus {
  color: var(--purple-700) !important;
}
.focus\:text-purple-800:focus {
  color: var(--purple-800) !important;
}
.focus\:text-purple-900:focus {
  color: var(--purple-900) !important;
}
.hover\:text-purple-50:hover {
  color: var(--purple-50) !important;
}
.hover\:text-purple-100:hover {
  color: var(--purple-100) !important;
}
.hover\:text-purple-200:hover {
  color: var(--purple-200) !important;
}
.hover\:text-purple-300:hover {
  color: var(--purple-300) !important;
}
.hover\:text-purple-400:hover {
  color: var(--purple-400) !important;
}
.hover\:text-purple-500:hover {
  color: var(--purple-500) !important;
}
.hover\:text-purple-600:hover {
  color: var(--purple-600) !important;
}
.hover\:text-purple-700:hover {
  color: var(--purple-700) !important;
}
.hover\:text-purple-800:hover {
  color: var(--purple-800) !important;
}
.hover\:text-purple-900:hover {
  color: var(--purple-900) !important;
}
.active\:text-purple-50:active {
  color: var(--purple-50) !important;
}
.active\:text-purple-100:active {
  color: var(--purple-100) !important;
}
.active\:text-purple-200:active {
  color: var(--purple-200) !important;
}
.active\:text-purple-300:active {
  color: var(--purple-300) !important;
}
.active\:text-purple-400:active {
  color: var(--purple-400) !important;
}
.active\:text-purple-500:active {
  color: var(--purple-500) !important;
}
.active\:text-purple-600:active {
  color: var(--purple-600) !important;
}
.active\:text-purple-700:active {
  color: var(--purple-700) !important;
}
.active\:text-purple-800:active {
  color: var(--purple-800) !important;
}
.active\:text-purple-900:active {
  color: var(--purple-900) !important;
}
.text-gray-50 {
  color: var(--gray-50) !important;
}
.text-gray-100 {
  color: var(--gray-100) !important;
}
.text-gray-200 {
  color: var(--gray-200) !important;
}
.text-gray-300 {
  color: var(--gray-300) !important;
}
.text-gray-400 {
  color: var(--gray-400) !important;
}
.text-gray-500 {
  color: var(--gray-500) !important;
}
.text-gray-600 {
  color: var(--gray-600) !important;
}
.text-gray-700 {
  color: var(--gray-700) !important;
}
.text-gray-800 {
  color: var(--gray-800) !important;
}
.text-gray-900 {
  color: var(--gray-900) !important;
}
.focus\:text-gray-50:focus {
  color: var(--gray-50) !important;
}
.focus\:text-gray-100:focus {
  color: var(--gray-100) !important;
}
.focus\:text-gray-200:focus {
  color: var(--gray-200) !important;
}
.focus\:text-gray-300:focus {
  color: var(--gray-300) !important;
}
.focus\:text-gray-400:focus {
  color: var(--gray-400) !important;
}
.focus\:text-gray-500:focus {
  color: var(--gray-500) !important;
}
.focus\:text-gray-600:focus {
  color: var(--gray-600) !important;
}
.focus\:text-gray-700:focus {
  color: var(--gray-700) !important;
}
.focus\:text-gray-800:focus {
  color: var(--gray-800) !important;
}
.focus\:text-gray-900:focus {
  color: var(--gray-900) !important;
}
.hover\:text-gray-50:hover {
  color: var(--gray-50) !important;
}
.hover\:text-gray-100:hover {
  color: var(--gray-100) !important;
}
.hover\:text-gray-200:hover {
  color: var(--gray-200) !important;
}
.hover\:text-gray-300:hover {
  color: var(--gray-300) !important;
}
.hover\:text-gray-400:hover {
  color: var(--gray-400) !important;
}
.hover\:text-gray-500:hover {
  color: var(--gray-500) !important;
}
.hover\:text-gray-600:hover {
  color: var(--gray-600) !important;
}
.hover\:text-gray-700:hover {
  color: var(--gray-700) !important;
}
.hover\:text-gray-800:hover {
  color: var(--gray-800) !important;
}
.hover\:text-gray-900:hover {
  color: var(--gray-900) !important;
}
.active\:text-gray-50:active {
  color: var(--gray-50) !important;
}
.active\:text-gray-100:active {
  color: var(--gray-100) !important;
}
.active\:text-gray-200:active {
  color: var(--gray-200) !important;
}
.active\:text-gray-300:active {
  color: var(--gray-300) !important;
}
.active\:text-gray-400:active {
  color: var(--gray-400) !important;
}
.active\:text-gray-500:active {
  color: var(--gray-500) !important;
}
.active\:text-gray-600:active {
  color: var(--gray-600) !important;
}
.active\:text-gray-700:active {
  color: var(--gray-700) !important;
}
.active\:text-gray-800:active {
  color: var(--gray-800) !important;
}
.active\:text-gray-900:active {
  color: var(--gray-900) !important;
}
.text-red-50 {
  color: var(--red-50) !important;
}
.text-red-100 {
  color: var(--red-100) !important;
}
.text-red-200 {
  color: var(--red-200) !important;
}
.text-red-300 {
  color: var(--red-300) !important;
}
.text-red-400 {
  color: var(--red-400) !important;
}
.text-red-500 {
  color: var(--red-500) !important;
}
.text-red-600 {
  color: var(--red-600) !important;
}
.text-red-700 {
  color: var(--red-700) !important;
}
.text-red-800 {
  color: var(--red-800) !important;
}
.text-red-900 {
  color: var(--red-900) !important;
}
.focus\:text-red-50:focus {
  color: var(--red-50) !important;
}
.focus\:text-red-100:focus {
  color: var(--red-100) !important;
}
.focus\:text-red-200:focus {
  color: var(--red-200) !important;
}
.focus\:text-red-300:focus {
  color: var(--red-300) !important;
}
.focus\:text-red-400:focus {
  color: var(--red-400) !important;
}
.focus\:text-red-500:focus {
  color: var(--red-500) !important;
}
.focus\:text-red-600:focus {
  color: var(--red-600) !important;
}
.focus\:text-red-700:focus {
  color: var(--red-700) !important;
}
.focus\:text-red-800:focus {
  color: var(--red-800) !important;
}
.focus\:text-red-900:focus {
  color: var(--red-900) !important;
}
.hover\:text-red-50:hover {
  color: var(--red-50) !important;
}
.hover\:text-red-100:hover {
  color: var(--red-100) !important;
}
.hover\:text-red-200:hover {
  color: var(--red-200) !important;
}
.hover\:text-red-300:hover {
  color: var(--red-300) !important;
}
.hover\:text-red-400:hover {
  color: var(--red-400) !important;
}
.hover\:text-red-500:hover {
  color: var(--red-500) !important;
}
.hover\:text-red-600:hover {
  color: var(--red-600) !important;
}
.hover\:text-red-700:hover {
  color: var(--red-700) !important;
}
.hover\:text-red-800:hover {
  color: var(--red-800) !important;
}
.hover\:text-red-900:hover {
  color: var(--red-900) !important;
}
.active\:text-red-50:active {
  color: var(--red-50) !important;
}
.active\:text-red-100:active {
  color: var(--red-100) !important;
}
.active\:text-red-200:active {
  color: var(--red-200) !important;
}
.active\:text-red-300:active {
  color: var(--red-300) !important;
}
.active\:text-red-400:active {
  color: var(--red-400) !important;
}
.active\:text-red-500:active {
  color: var(--red-500) !important;
}
.active\:text-red-600:active {
  color: var(--red-600) !important;
}
.active\:text-red-700:active {
  color: var(--red-700) !important;
}
.active\:text-red-800:active {
  color: var(--red-800) !important;
}
.active\:text-red-900:active {
  color: var(--red-900) !important;
}
.text-primary-50 {
  color: var(--primary-50) !important;
}
.text-primary-100 {
  color: var(--primary-100) !important;
}
.text-primary-200 {
  color: var(--primary-200) !important;
}
.text-primary-300 {
  color: var(--primary-300) !important;
}
.text-primary-400 {
  color: var(--primary-400) !important;
}
.text-primary-500 {
  color: var(--primary-500) !important;
}
.text-primary-600 {
  color: var(--primary-600) !important;
}
.text-primary-700 {
  color: var(--primary-700) !important;
}
.text-primary-800 {
  color: var(--primary-800) !important;
}
.text-primary-900 {
  color: var(--primary-900) !important;
}
.focus\:text-primary-50:focus {
  color: var(--primary-50) !important;
}
.focus\:text-primary-100:focus {
  color: var(--primary-100) !important;
}
.focus\:text-primary-200:focus {
  color: var(--primary-200) !important;
}
.focus\:text-primary-300:focus {
  color: var(--primary-300) !important;
}
.focus\:text-primary-400:focus {
  color: var(--primary-400) !important;
}
.focus\:text-primary-500:focus {
  color: var(--primary-500) !important;
}
.focus\:text-primary-600:focus {
  color: var(--primary-600) !important;
}
.focus\:text-primary-700:focus {
  color: var(--primary-700) !important;
}
.focus\:text-primary-800:focus {
  color: var(--primary-800) !important;
}
.focus\:text-primary-900:focus {
  color: var(--primary-900) !important;
}
.hover\:text-primary-50:hover {
  color: var(--primary-50) !important;
}
.hover\:text-primary-100:hover {
  color: var(--primary-100) !important;
}
.hover\:text-primary-200:hover {
  color: var(--primary-200) !important;
}
.hover\:text-primary-300:hover {
  color: var(--primary-300) !important;
}
.hover\:text-primary-400:hover {
  color: var(--primary-400) !important;
}
.hover\:text-primary-500:hover {
  color: var(--primary-500) !important;
}
.hover\:text-primary-600:hover {
  color: var(--primary-600) !important;
}
.hover\:text-primary-700:hover {
  color: var(--primary-700) !important;
}
.hover\:text-primary-800:hover {
  color: var(--primary-800) !important;
}
.hover\:text-primary-900:hover {
  color: var(--primary-900) !important;
}
.active\:text-primary-50:active {
  color: var(--primary-50) !important;
}
.active\:text-primary-100:active {
  color: var(--primary-100) !important;
}
.active\:text-primary-200:active {
  color: var(--primary-200) !important;
}
.active\:text-primary-300:active {
  color: var(--primary-300) !important;
}
.active\:text-primary-400:active {
  color: var(--primary-400) !important;
}
.active\:text-primary-500:active {
  color: var(--primary-500) !important;
}
.active\:text-primary-600:active {
  color: var(--primary-600) !important;
}
.active\:text-primary-700:active {
  color: var(--primary-700) !important;
}
.active\:text-primary-800:active {
  color: var(--primary-800) !important;
}
.active\:text-primary-900:active {
  color: var(--primary-900) !important;
}
.bg-blue-50 {
  background-color: var(--blue-50) !important;
}
.bg-blue-100 {
  background-color: var(--blue-100) !important;
}
.bg-blue-200 {
  background-color: var(--blue-200) !important;
}
.bg-blue-300 {
  background-color: var(--blue-300) !important;
}
.bg-blue-400 {
  background-color: var(--blue-400) !important;
}
.bg-blue-500 {
  background-color: var(--blue-500) !important;
}
.bg-blue-600 {
  background-color: var(--blue-600) !important;
}
.bg-blue-700 {
  background-color: var(--blue-700) !important;
}
.bg-blue-800 {
  background-color: var(--blue-800) !important;
}
.bg-blue-900 {
  background-color: var(--blue-900) !important;
}
.focus\:bg-blue-50:focus {
  background-color: var(--blue-50) !important;
}
.focus\:bg-blue-100:focus {
  background-color: var(--blue-100) !important;
}
.focus\:bg-blue-200:focus {
  background-color: var(--blue-200) !important;
}
.focus\:bg-blue-300:focus {
  background-color: var(--blue-300) !important;
}
.focus\:bg-blue-400:focus {
  background-color: var(--blue-400) !important;
}
.focus\:bg-blue-500:focus {
  background-color: var(--blue-500) !important;
}
.focus\:bg-blue-600:focus {
  background-color: var(--blue-600) !important;
}
.focus\:bg-blue-700:focus {
  background-color: var(--blue-700) !important;
}
.focus\:bg-blue-800:focus {
  background-color: var(--blue-800) !important;
}
.focus\:bg-blue-900:focus {
  background-color: var(--blue-900) !important;
}
.hover\:bg-blue-50:hover {
  background-color: var(--blue-50) !important;
}
.hover\:bg-blue-100:hover {
  background-color: var(--blue-100) !important;
}
.hover\:bg-blue-200:hover {
  background-color: var(--blue-200) !important;
}
.hover\:bg-blue-300:hover {
  background-color: var(--blue-300) !important;
}
.hover\:bg-blue-400:hover {
  background-color: var(--blue-400) !important;
}
.hover\:bg-blue-500:hover {
  background-color: var(--blue-500) !important;
}
.hover\:bg-blue-600:hover {
  background-color: var(--blue-600) !important;
}
.hover\:bg-blue-700:hover {
  background-color: var(--blue-700) !important;
}
.hover\:bg-blue-800:hover {
  background-color: var(--blue-800) !important;
}
.hover\:bg-blue-900:hover {
  background-color: var(--blue-900) !important;
}
.active\:bg-blue-50:active {
  background-color: var(--blue-50) !important;
}
.active\:bg-blue-100:active {
  background-color: var(--blue-100) !important;
}
.active\:bg-blue-200:active {
  background-color: var(--blue-200) !important;
}
.active\:bg-blue-300:active {
  background-color: var(--blue-300) !important;
}
.active\:bg-blue-400:active {
  background-color: var(--blue-400) !important;
}
.active\:bg-blue-500:active {
  background-color: var(--blue-500) !important;
}
.active\:bg-blue-600:active {
  background-color: var(--blue-600) !important;
}
.active\:bg-blue-700:active {
  background-color: var(--blue-700) !important;
}
.active\:bg-blue-800:active {
  background-color: var(--blue-800) !important;
}
.active\:bg-blue-900:active {
  background-color: var(--blue-900) !important;
}
.bg-green-50 {
  background-color: var(--green-50) !important;
}
.bg-green-100 {
  background-color: var(--green-100) !important;
}
.bg-green-200 {
  background-color: var(--green-200) !important;
}
.bg-green-300 {
  background-color: var(--green-300) !important;
}
.bg-green-400 {
  background-color: var(--green-400) !important;
}
.bg-green-500 {
  background-color: var(--green-500) !important;
}
.bg-green-600 {
  background-color: var(--green-600) !important;
}
.bg-green-700 {
  background-color: var(--green-700) !important;
}
.bg-green-800 {
  background-color: var(--green-800) !important;
}
.bg-green-900 {
  background-color: var(--green-900) !important;
}
.focus\:bg-green-50:focus {
  background-color: var(--green-50) !important;
}
.focus\:bg-green-100:focus {
  background-color: var(--green-100) !important;
}
.focus\:bg-green-200:focus {
  background-color: var(--green-200) !important;
}
.focus\:bg-green-300:focus {
  background-color: var(--green-300) !important;
}
.focus\:bg-green-400:focus {
  background-color: var(--green-400) !important;
}
.focus\:bg-green-500:focus {
  background-color: var(--green-500) !important;
}
.focus\:bg-green-600:focus {
  background-color: var(--green-600) !important;
}
.focus\:bg-green-700:focus {
  background-color: var(--green-700) !important;
}
.focus\:bg-green-800:focus {
  background-color: var(--green-800) !important;
}
.focus\:bg-green-900:focus {
  background-color: var(--green-900) !important;
}
.hover\:bg-green-50:hover {
  background-color: var(--green-50) !important;
}
.hover\:bg-green-100:hover {
  background-color: var(--green-100) !important;
}
.hover\:bg-green-200:hover {
  background-color: var(--green-200) !important;
}
.hover\:bg-green-300:hover {
  background-color: var(--green-300) !important;
}
.hover\:bg-green-400:hover {
  background-color: var(--green-400) !important;
}
.hover\:bg-green-500:hover {
  background-color: var(--green-500) !important;
}
.hover\:bg-green-600:hover {
  background-color: var(--green-600) !important;
}
.hover\:bg-green-700:hover {
  background-color: var(--green-700) !important;
}
.hover\:bg-green-800:hover {
  background-color: var(--green-800) !important;
}
.hover\:bg-green-900:hover {
  background-color: var(--green-900) !important;
}
.active\:bg-green-50:active {
  background-color: var(--green-50) !important;
}
.active\:bg-green-100:active {
  background-color: var(--green-100) !important;
}
.active\:bg-green-200:active {
  background-color: var(--green-200) !important;
}
.active\:bg-green-300:active {
  background-color: var(--green-300) !important;
}
.active\:bg-green-400:active {
  background-color: var(--green-400) !important;
}
.active\:bg-green-500:active {
  background-color: var(--green-500) !important;
}
.active\:bg-green-600:active {
  background-color: var(--green-600) !important;
}
.active\:bg-green-700:active {
  background-color: var(--green-700) !important;
}
.active\:bg-green-800:active {
  background-color: var(--green-800) !important;
}
.active\:bg-green-900:active {
  background-color: var(--green-900) !important;
}
.bg-yellow-50 {
  background-color: var(--yellow-50) !important;
}
.bg-yellow-100 {
  background-color: var(--yellow-100) !important;
}
.bg-yellow-200 {
  background-color: var(--yellow-200) !important;
}
.bg-yellow-300 {
  background-color: var(--yellow-300) !important;
}
.bg-yellow-400 {
  background-color: var(--yellow-400) !important;
}
.bg-yellow-500 {
  background-color: var(--yellow-500) !important;
}
.bg-yellow-600 {
  background-color: var(--yellow-600) !important;
}
.bg-yellow-700 {
  background-color: var(--yellow-700) !important;
}
.bg-yellow-800 {
  background-color: var(--yellow-800) !important;
}
.bg-yellow-900 {
  background-color: var(--yellow-900) !important;
}
.focus\:bg-yellow-50:focus {
  background-color: var(--yellow-50) !important;
}
.focus\:bg-yellow-100:focus {
  background-color: var(--yellow-100) !important;
}
.focus\:bg-yellow-200:focus {
  background-color: var(--yellow-200) !important;
}
.focus\:bg-yellow-300:focus {
  background-color: var(--yellow-300) !important;
}
.focus\:bg-yellow-400:focus {
  background-color: var(--yellow-400) !important;
}
.focus\:bg-yellow-500:focus {
  background-color: var(--yellow-500) !important;
}
.focus\:bg-yellow-600:focus {
  background-color: var(--yellow-600) !important;
}
.focus\:bg-yellow-700:focus {
  background-color: var(--yellow-700) !important;
}
.focus\:bg-yellow-800:focus {
  background-color: var(--yellow-800) !important;
}
.focus\:bg-yellow-900:focus {
  background-color: var(--yellow-900) !important;
}
.hover\:bg-yellow-50:hover {
  background-color: var(--yellow-50) !important;
}
.hover\:bg-yellow-100:hover {
  background-color: var(--yellow-100) !important;
}
.hover\:bg-yellow-200:hover {
  background-color: var(--yellow-200) !important;
}
.hover\:bg-yellow-300:hover {
  background-color: var(--yellow-300) !important;
}
.hover\:bg-yellow-400:hover {
  background-color: var(--yellow-400) !important;
}
.hover\:bg-yellow-500:hover {
  background-color: var(--yellow-500) !important;
}
.hover\:bg-yellow-600:hover {
  background-color: var(--yellow-600) !important;
}
.hover\:bg-yellow-700:hover {
  background-color: var(--yellow-700) !important;
}
.hover\:bg-yellow-800:hover {
  background-color: var(--yellow-800) !important;
}
.hover\:bg-yellow-900:hover {
  background-color: var(--yellow-900) !important;
}
.active\:bg-yellow-50:active {
  background-color: var(--yellow-50) !important;
}
.active\:bg-yellow-100:active {
  background-color: var(--yellow-100) !important;
}
.active\:bg-yellow-200:active {
  background-color: var(--yellow-200) !important;
}
.active\:bg-yellow-300:active {
  background-color: var(--yellow-300) !important;
}
.active\:bg-yellow-400:active {
  background-color: var(--yellow-400) !important;
}
.active\:bg-yellow-500:active {
  background-color: var(--yellow-500) !important;
}
.active\:bg-yellow-600:active {
  background-color: var(--yellow-600) !important;
}
.active\:bg-yellow-700:active {
  background-color: var(--yellow-700) !important;
}
.active\:bg-yellow-800:active {
  background-color: var(--yellow-800) !important;
}
.active\:bg-yellow-900:active {
  background-color: var(--yellow-900) !important;
}
.bg-cyan-50 {
  background-color: var(--cyan-50) !important;
}
.bg-cyan-100 {
  background-color: var(--cyan-100) !important;
}
.bg-cyan-200 {
  background-color: var(--cyan-200) !important;
}
.bg-cyan-300 {
  background-color: var(--cyan-300) !important;
}
.bg-cyan-400 {
  background-color: var(--cyan-400) !important;
}
.bg-cyan-500 {
  background-color: var(--cyan-500) !important;
}
.bg-cyan-600 {
  background-color: var(--cyan-600) !important;
}
.bg-cyan-700 {
  background-color: var(--cyan-700) !important;
}
.bg-cyan-800 {
  background-color: var(--cyan-800) !important;
}
.bg-cyan-900 {
  background-color: var(--cyan-900) !important;
}
.focus\:bg-cyan-50:focus {
  background-color: var(--cyan-50) !important;
}
.focus\:bg-cyan-100:focus {
  background-color: var(--cyan-100) !important;
}
.focus\:bg-cyan-200:focus {
  background-color: var(--cyan-200) !important;
}
.focus\:bg-cyan-300:focus {
  background-color: var(--cyan-300) !important;
}
.focus\:bg-cyan-400:focus {
  background-color: var(--cyan-400) !important;
}
.focus\:bg-cyan-500:focus {
  background-color: var(--cyan-500) !important;
}
.focus\:bg-cyan-600:focus {
  background-color: var(--cyan-600) !important;
}
.focus\:bg-cyan-700:focus {
  background-color: var(--cyan-700) !important;
}
.focus\:bg-cyan-800:focus {
  background-color: var(--cyan-800) !important;
}
.focus\:bg-cyan-900:focus {
  background-color: var(--cyan-900) !important;
}
.hover\:bg-cyan-50:hover {
  background-color: var(--cyan-50) !important;
}
.hover\:bg-cyan-100:hover {
  background-color: var(--cyan-100) !important;
}
.hover\:bg-cyan-200:hover {
  background-color: var(--cyan-200) !important;
}
.hover\:bg-cyan-300:hover {
  background-color: var(--cyan-300) !important;
}
.hover\:bg-cyan-400:hover {
  background-color: var(--cyan-400) !important;
}
.hover\:bg-cyan-500:hover {
  background-color: var(--cyan-500) !important;
}
.hover\:bg-cyan-600:hover {
  background-color: var(--cyan-600) !important;
}
.hover\:bg-cyan-700:hover {
  background-color: var(--cyan-700) !important;
}
.hover\:bg-cyan-800:hover {
  background-color: var(--cyan-800) !important;
}
.hover\:bg-cyan-900:hover {
  background-color: var(--cyan-900) !important;
}
.active\:bg-cyan-50:active {
  background-color: var(--cyan-50) !important;
}
.active\:bg-cyan-100:active {
  background-color: var(--cyan-100) !important;
}
.active\:bg-cyan-200:active {
  background-color: var(--cyan-200) !important;
}
.active\:bg-cyan-300:active {
  background-color: var(--cyan-300) !important;
}
.active\:bg-cyan-400:active {
  background-color: var(--cyan-400) !important;
}
.active\:bg-cyan-500:active {
  background-color: var(--cyan-500) !important;
}
.active\:bg-cyan-600:active {
  background-color: var(--cyan-600) !important;
}
.active\:bg-cyan-700:active {
  background-color: var(--cyan-700) !important;
}
.active\:bg-cyan-800:active {
  background-color: var(--cyan-800) !important;
}
.active\:bg-cyan-900:active {
  background-color: var(--cyan-900) !important;
}
.bg-pink-50 {
  background-color: var(--pink-50) !important;
}
.bg-pink-100 {
  background-color: var(--pink-100) !important;
}
.bg-pink-200 {
  background-color: var(--pink-200) !important;
}
.bg-pink-300 {
  background-color: var(--pink-300) !important;
}
.bg-pink-400 {
  background-color: var(--pink-400) !important;
}
.bg-pink-500 {
  background-color: var(--pink-500) !important;
}
.bg-pink-600 {
  background-color: var(--pink-600) !important;
}
.bg-pink-700 {
  background-color: var(--pink-700) !important;
}
.bg-pink-800 {
  background-color: var(--pink-800) !important;
}
.bg-pink-900 {
  background-color: var(--pink-900) !important;
}
.focus\:bg-pink-50:focus {
  background-color: var(--pink-50) !important;
}
.focus\:bg-pink-100:focus {
  background-color: var(--pink-100) !important;
}
.focus\:bg-pink-200:focus {
  background-color: var(--pink-200) !important;
}
.focus\:bg-pink-300:focus {
  background-color: var(--pink-300) !important;
}
.focus\:bg-pink-400:focus {
  background-color: var(--pink-400) !important;
}
.focus\:bg-pink-500:focus {
  background-color: var(--pink-500) !important;
}
.focus\:bg-pink-600:focus {
  background-color: var(--pink-600) !important;
}
.focus\:bg-pink-700:focus {
  background-color: var(--pink-700) !important;
}
.focus\:bg-pink-800:focus {
  background-color: var(--pink-800) !important;
}
.focus\:bg-pink-900:focus {
  background-color: var(--pink-900) !important;
}
.hover\:bg-pink-50:hover {
  background-color: var(--pink-50) !important;
}
.hover\:bg-pink-100:hover {
  background-color: var(--pink-100) !important;
}
.hover\:bg-pink-200:hover {
  background-color: var(--pink-200) !important;
}
.hover\:bg-pink-300:hover {
  background-color: var(--pink-300) !important;
}
.hover\:bg-pink-400:hover {
  background-color: var(--pink-400) !important;
}
.hover\:bg-pink-500:hover {
  background-color: var(--pink-500) !important;
}
.hover\:bg-pink-600:hover {
  background-color: var(--pink-600) !important;
}
.hover\:bg-pink-700:hover {
  background-color: var(--pink-700) !important;
}
.hover\:bg-pink-800:hover {
  background-color: var(--pink-800) !important;
}
.hover\:bg-pink-900:hover {
  background-color: var(--pink-900) !important;
}
.active\:bg-pink-50:active {
  background-color: var(--pink-50) !important;
}
.active\:bg-pink-100:active {
  background-color: var(--pink-100) !important;
}
.active\:bg-pink-200:active {
  background-color: var(--pink-200) !important;
}
.active\:bg-pink-300:active {
  background-color: var(--pink-300) !important;
}
.active\:bg-pink-400:active {
  background-color: var(--pink-400) !important;
}
.active\:bg-pink-500:active {
  background-color: var(--pink-500) !important;
}
.active\:bg-pink-600:active {
  background-color: var(--pink-600) !important;
}
.active\:bg-pink-700:active {
  background-color: var(--pink-700) !important;
}
.active\:bg-pink-800:active {
  background-color: var(--pink-800) !important;
}
.active\:bg-pink-900:active {
  background-color: var(--pink-900) !important;
}
.bg-indigo-50 {
  background-color: var(--indigo-50) !important;
}
.bg-indigo-100 {
  background-color: var(--indigo-100) !important;
}
.bg-indigo-200 {
  background-color: var(--indigo-200) !important;
}
.bg-indigo-300 {
  background-color: var(--indigo-300) !important;
}
.bg-indigo-400 {
  background-color: var(--indigo-400) !important;
}
.bg-indigo-500 {
  background-color: var(--indigo-500) !important;
}
.bg-indigo-600 {
  background-color: var(--indigo-600) !important;
}
.bg-indigo-700 {
  background-color: var(--indigo-700) !important;
}
.bg-indigo-800 {
  background-color: var(--indigo-800) !important;
}
.bg-indigo-900 {
  background-color: var(--indigo-900) !important;
}
.focus\:bg-indigo-50:focus {
  background-color: var(--indigo-50) !important;
}
.focus\:bg-indigo-100:focus {
  background-color: var(--indigo-100) !important;
}
.focus\:bg-indigo-200:focus {
  background-color: var(--indigo-200) !important;
}
.focus\:bg-indigo-300:focus {
  background-color: var(--indigo-300) !important;
}
.focus\:bg-indigo-400:focus {
  background-color: var(--indigo-400) !important;
}
.focus\:bg-indigo-500:focus {
  background-color: var(--indigo-500) !important;
}
.focus\:bg-indigo-600:focus {
  background-color: var(--indigo-600) !important;
}
.focus\:bg-indigo-700:focus {
  background-color: var(--indigo-700) !important;
}
.focus\:bg-indigo-800:focus {
  background-color: var(--indigo-800) !important;
}
.focus\:bg-indigo-900:focus {
  background-color: var(--indigo-900) !important;
}
.hover\:bg-indigo-50:hover {
  background-color: var(--indigo-50) !important;
}
.hover\:bg-indigo-100:hover {
  background-color: var(--indigo-100) !important;
}
.hover\:bg-indigo-200:hover {
  background-color: var(--indigo-200) !important;
}
.hover\:bg-indigo-300:hover {
  background-color: var(--indigo-300) !important;
}
.hover\:bg-indigo-400:hover {
  background-color: var(--indigo-400) !important;
}
.hover\:bg-indigo-500:hover {
  background-color: var(--indigo-500) !important;
}
.hover\:bg-indigo-600:hover {
  background-color: var(--indigo-600) !important;
}
.hover\:bg-indigo-700:hover {
  background-color: var(--indigo-700) !important;
}
.hover\:bg-indigo-800:hover {
  background-color: var(--indigo-800) !important;
}
.hover\:bg-indigo-900:hover {
  background-color: var(--indigo-900) !important;
}
.active\:bg-indigo-50:active {
  background-color: var(--indigo-50) !important;
}
.active\:bg-indigo-100:active {
  background-color: var(--indigo-100) !important;
}
.active\:bg-indigo-200:active {
  background-color: var(--indigo-200) !important;
}
.active\:bg-indigo-300:active {
  background-color: var(--indigo-300) !important;
}
.active\:bg-indigo-400:active {
  background-color: var(--indigo-400) !important;
}
.active\:bg-indigo-500:active {
  background-color: var(--indigo-500) !important;
}
.active\:bg-indigo-600:active {
  background-color: var(--indigo-600) !important;
}
.active\:bg-indigo-700:active {
  background-color: var(--indigo-700) !important;
}
.active\:bg-indigo-800:active {
  background-color: var(--indigo-800) !important;
}
.active\:bg-indigo-900:active {
  background-color: var(--indigo-900) !important;
}
.bg-teal-50 {
  background-color: var(--teal-50) !important;
}
.bg-teal-100 {
  background-color: var(--teal-100) !important;
}
.bg-teal-200 {
  background-color: var(--teal-200) !important;
}
.bg-teal-300 {
  background-color: var(--teal-300) !important;
}
.bg-teal-400 {
  background-color: var(--teal-400) !important;
}
.bg-teal-500 {
  background-color: var(--teal-500) !important;
}
.bg-teal-600 {
  background-color: var(--teal-600) !important;
}
.bg-teal-700 {
  background-color: var(--teal-700) !important;
}
.bg-teal-800 {
  background-color: var(--teal-800) !important;
}
.bg-teal-900 {
  background-color: var(--teal-900) !important;
}
.focus\:bg-teal-50:focus {
  background-color: var(--teal-50) !important;
}
.focus\:bg-teal-100:focus {
  background-color: var(--teal-100) !important;
}
.focus\:bg-teal-200:focus {
  background-color: var(--teal-200) !important;
}
.focus\:bg-teal-300:focus {
  background-color: var(--teal-300) !important;
}
.focus\:bg-teal-400:focus {
  background-color: var(--teal-400) !important;
}
.focus\:bg-teal-500:focus {
  background-color: var(--teal-500) !important;
}
.focus\:bg-teal-600:focus {
  background-color: var(--teal-600) !important;
}
.focus\:bg-teal-700:focus {
  background-color: var(--teal-700) !important;
}
.focus\:bg-teal-800:focus {
  background-color: var(--teal-800) !important;
}
.focus\:bg-teal-900:focus {
  background-color: var(--teal-900) !important;
}
.hover\:bg-teal-50:hover {
  background-color: var(--teal-50) !important;
}
.hover\:bg-teal-100:hover {
  background-color: var(--teal-100) !important;
}
.hover\:bg-teal-200:hover {
  background-color: var(--teal-200) !important;
}
.hover\:bg-teal-300:hover {
  background-color: var(--teal-300) !important;
}
.hover\:bg-teal-400:hover {
  background-color: var(--teal-400) !important;
}
.hover\:bg-teal-500:hover {
  background-color: var(--teal-500) !important;
}
.hover\:bg-teal-600:hover {
  background-color: var(--teal-600) !important;
}
.hover\:bg-teal-700:hover {
  background-color: var(--teal-700) !important;
}
.hover\:bg-teal-800:hover {
  background-color: var(--teal-800) !important;
}
.hover\:bg-teal-900:hover {
  background-color: var(--teal-900) !important;
}
.active\:bg-teal-50:active {
  background-color: var(--teal-50) !important;
}
.active\:bg-teal-100:active {
  background-color: var(--teal-100) !important;
}
.active\:bg-teal-200:active {
  background-color: var(--teal-200) !important;
}
.active\:bg-teal-300:active {
  background-color: var(--teal-300) !important;
}
.active\:bg-teal-400:active {
  background-color: var(--teal-400) !important;
}
.active\:bg-teal-500:active {
  background-color: var(--teal-500) !important;
}
.active\:bg-teal-600:active {
  background-color: var(--teal-600) !important;
}
.active\:bg-teal-700:active {
  background-color: var(--teal-700) !important;
}
.active\:bg-teal-800:active {
  background-color: var(--teal-800) !important;
}
.active\:bg-teal-900:active {
  background-color: var(--teal-900) !important;
}
.bg-orange-50 {
  background-color: var(--orange-50) !important;
}
.bg-orange-100 {
  background-color: var(--orange-100) !important;
}
.bg-orange-200 {
  background-color: var(--orange-200) !important;
}
.bg-orange-300 {
  background-color: var(--orange-300) !important;
}
.bg-orange-400 {
  background-color: var(--orange-400) !important;
}
.bg-orange-500 {
  background-color: var(--orange-500) !important;
}
.bg-orange-600 {
  background-color: var(--orange-600) !important;
}
.bg-orange-700 {
  background-color: var(--orange-700) !important;
}
.bg-orange-800 {
  background-color: var(--orange-800) !important;
}
.bg-orange-900 {
  background-color: var(--orange-900) !important;
}
.focus\:bg-orange-50:focus {
  background-color: var(--orange-50) !important;
}
.focus\:bg-orange-100:focus {
  background-color: var(--orange-100) !important;
}
.focus\:bg-orange-200:focus {
  background-color: var(--orange-200) !important;
}
.focus\:bg-orange-300:focus {
  background-color: var(--orange-300) !important;
}
.focus\:bg-orange-400:focus {
  background-color: var(--orange-400) !important;
}
.focus\:bg-orange-500:focus {
  background-color: var(--orange-500) !important;
}
.focus\:bg-orange-600:focus {
  background-color: var(--orange-600) !important;
}
.focus\:bg-orange-700:focus {
  background-color: var(--orange-700) !important;
}
.focus\:bg-orange-800:focus {
  background-color: var(--orange-800) !important;
}
.focus\:bg-orange-900:focus {
  background-color: var(--orange-900) !important;
}
.hover\:bg-orange-50:hover {
  background-color: var(--orange-50) !important;
}
.hover\:bg-orange-100:hover {
  background-color: var(--orange-100) !important;
}
.hover\:bg-orange-200:hover {
  background-color: var(--orange-200) !important;
}
.hover\:bg-orange-300:hover {
  background-color: var(--orange-300) !important;
}
.hover\:bg-orange-400:hover {
  background-color: var(--orange-400) !important;
}
.hover\:bg-orange-500:hover {
  background-color: var(--orange-500) !important;
}
.hover\:bg-orange-600:hover {
  background-color: var(--orange-600) !important;
}
.hover\:bg-orange-700:hover {
  background-color: var(--orange-700) !important;
}
.hover\:bg-orange-800:hover {
  background-color: var(--orange-800) !important;
}
.hover\:bg-orange-900:hover {
  background-color: var(--orange-900) !important;
}
.active\:bg-orange-50:active {
  background-color: var(--orange-50) !important;
}
.active\:bg-orange-100:active {
  background-color: var(--orange-100) !important;
}
.active\:bg-orange-200:active {
  background-color: var(--orange-200) !important;
}
.active\:bg-orange-300:active {
  background-color: var(--orange-300) !important;
}
.active\:bg-orange-400:active {
  background-color: var(--orange-400) !important;
}
.active\:bg-orange-500:active {
  background-color: var(--orange-500) !important;
}
.active\:bg-orange-600:active {
  background-color: var(--orange-600) !important;
}
.active\:bg-orange-700:active {
  background-color: var(--orange-700) !important;
}
.active\:bg-orange-800:active {
  background-color: var(--orange-800) !important;
}
.active\:bg-orange-900:active {
  background-color: var(--orange-900) !important;
}
.bg-bluegray-50 {
  background-color: var(--bluegray-50) !important;
}
.bg-bluegray-100 {
  background-color: var(--bluegray-100) !important;
}
.bg-bluegray-200 {
  background-color: var(--bluegray-200) !important;
}
.bg-bluegray-300 {
  background-color: var(--bluegray-300) !important;
}
.bg-bluegray-400 {
  background-color: var(--bluegray-400) !important;
}
.bg-bluegray-500 {
  background-color: var(--bluegray-500) !important;
}
.bg-bluegray-600 {
  background-color: var(--bluegray-600) !important;
}
.bg-bluegray-700 {
  background-color: var(--bluegray-700) !important;
}
.bg-bluegray-800 {
  background-color: var(--bluegray-800) !important;
}
.bg-bluegray-900 {
  background-color: var(--bluegray-900) !important;
}
.focus\:bg-bluegray-50:focus {
  background-color: var(--bluegray-50) !important;
}
.focus\:bg-bluegray-100:focus {
  background-color: var(--bluegray-100) !important;
}
.focus\:bg-bluegray-200:focus {
  background-color: var(--bluegray-200) !important;
}
.focus\:bg-bluegray-300:focus {
  background-color: var(--bluegray-300) !important;
}
.focus\:bg-bluegray-400:focus {
  background-color: var(--bluegray-400) !important;
}
.focus\:bg-bluegray-500:focus {
  background-color: var(--bluegray-500) !important;
}
.focus\:bg-bluegray-600:focus {
  background-color: var(--bluegray-600) !important;
}
.focus\:bg-bluegray-700:focus {
  background-color: var(--bluegray-700) !important;
}
.focus\:bg-bluegray-800:focus {
  background-color: var(--bluegray-800) !important;
}
.focus\:bg-bluegray-900:focus {
  background-color: var(--bluegray-900) !important;
}
.hover\:bg-bluegray-50:hover {
  background-color: var(--bluegray-50) !important;
}
.hover\:bg-bluegray-100:hover {
  background-color: var(--bluegray-100) !important;
}
.hover\:bg-bluegray-200:hover {
  background-color: var(--bluegray-200) !important;
}
.hover\:bg-bluegray-300:hover {
  background-color: var(--bluegray-300) !important;
}
.hover\:bg-bluegray-400:hover {
  background-color: var(--bluegray-400) !important;
}
.hover\:bg-bluegray-500:hover {
  background-color: var(--bluegray-500) !important;
}
.hover\:bg-bluegray-600:hover {
  background-color: var(--bluegray-600) !important;
}
.hover\:bg-bluegray-700:hover {
  background-color: var(--bluegray-700) !important;
}
.hover\:bg-bluegray-800:hover {
  background-color: var(--bluegray-800) !important;
}
.hover\:bg-bluegray-900:hover {
  background-color: var(--bluegray-900) !important;
}
.active\:bg-bluegray-50:active {
  background-color: var(--bluegray-50) !important;
}
.active\:bg-bluegray-100:active {
  background-color: var(--bluegray-100) !important;
}
.active\:bg-bluegray-200:active {
  background-color: var(--bluegray-200) !important;
}
.active\:bg-bluegray-300:active {
  background-color: var(--bluegray-300) !important;
}
.active\:bg-bluegray-400:active {
  background-color: var(--bluegray-400) !important;
}
.active\:bg-bluegray-500:active {
  background-color: var(--bluegray-500) !important;
}
.active\:bg-bluegray-600:active {
  background-color: var(--bluegray-600) !important;
}
.active\:bg-bluegray-700:active {
  background-color: var(--bluegray-700) !important;
}
.active\:bg-bluegray-800:active {
  background-color: var(--bluegray-800) !important;
}
.active\:bg-bluegray-900:active {
  background-color: var(--bluegray-900) !important;
}
.bg-purple-50 {
  background-color: var(--purple-50) !important;
}
.bg-purple-100 {
  background-color: var(--purple-100) !important;
}
.bg-purple-200 {
  background-color: var(--purple-200) !important;
}
.bg-purple-300 {
  background-color: var(--purple-300) !important;
}
.bg-purple-400 {
  background-color: var(--purple-400) !important;
}
.bg-purple-500 {
  background-color: var(--purple-500) !important;
}
.bg-purple-600 {
  background-color: var(--purple-600) !important;
}
.bg-purple-700 {
  background-color: var(--purple-700) !important;
}
.bg-purple-800 {
  background-color: var(--purple-800) !important;
}
.bg-purple-900 {
  background-color: var(--purple-900) !important;
}
.focus\:bg-purple-50:focus {
  background-color: var(--purple-50) !important;
}
.focus\:bg-purple-100:focus {
  background-color: var(--purple-100) !important;
}
.focus\:bg-purple-200:focus {
  background-color: var(--purple-200) !important;
}
.focus\:bg-purple-300:focus {
  background-color: var(--purple-300) !important;
}
.focus\:bg-purple-400:focus {
  background-color: var(--purple-400) !important;
}
.focus\:bg-purple-500:focus {
  background-color: var(--purple-500) !important;
}
.focus\:bg-purple-600:focus {
  background-color: var(--purple-600) !important;
}
.focus\:bg-purple-700:focus {
  background-color: var(--purple-700) !important;
}
.focus\:bg-purple-800:focus {
  background-color: var(--purple-800) !important;
}
.focus\:bg-purple-900:focus {
  background-color: var(--purple-900) !important;
}
.hover\:bg-purple-50:hover {
  background-color: var(--purple-50) !important;
}
.hover\:bg-purple-100:hover {
  background-color: var(--purple-100) !important;
}
.hover\:bg-purple-200:hover {
  background-color: var(--purple-200) !important;
}
.hover\:bg-purple-300:hover {
  background-color: var(--purple-300) !important;
}
.hover\:bg-purple-400:hover {
  background-color: var(--purple-400) !important;
}
.hover\:bg-purple-500:hover {
  background-color: var(--purple-500) !important;
}
.hover\:bg-purple-600:hover {
  background-color: var(--purple-600) !important;
}
.hover\:bg-purple-700:hover {
  background-color: var(--purple-700) !important;
}
.hover\:bg-purple-800:hover {
  background-color: var(--purple-800) !important;
}
.hover\:bg-purple-900:hover {
  background-color: var(--purple-900) !important;
}
.active\:bg-purple-50:active {
  background-color: var(--purple-50) !important;
}
.active\:bg-purple-100:active {
  background-color: var(--purple-100) !important;
}
.active\:bg-purple-200:active {
  background-color: var(--purple-200) !important;
}
.active\:bg-purple-300:active {
  background-color: var(--purple-300) !important;
}
.active\:bg-purple-400:active {
  background-color: var(--purple-400) !important;
}
.active\:bg-purple-500:active {
  background-color: var(--purple-500) !important;
}
.active\:bg-purple-600:active {
  background-color: var(--purple-600) !important;
}
.active\:bg-purple-700:active {
  background-color: var(--purple-700) !important;
}
.active\:bg-purple-800:active {
  background-color: var(--purple-800) !important;
}
.active\:bg-purple-900:active {
  background-color: var(--purple-900) !important;
}
.bg-gray-50 {
  background-color: var(--gray-50) !important;
}
.bg-gray-100 {
  background-color: var(--gray-100) !important;
}
.bg-gray-200 {
  background-color: var(--gray-200) !important;
}
.bg-gray-300 {
  background-color: var(--gray-300) !important;
}
.bg-gray-400 {
  background-color: var(--gray-400) !important;
}
.bg-gray-500 {
  background-color: var(--gray-500) !important;
}
.bg-gray-600 {
  background-color: var(--gray-600) !important;
}
.bg-gray-700 {
  background-color: var(--gray-700) !important;
}
.bg-gray-800 {
  background-color: var(--gray-800) !important;
}
.bg-gray-900 {
  background-color: var(--gray-900) !important;
}
.focus\:bg-gray-50:focus {
  background-color: var(--gray-50) !important;
}
.focus\:bg-gray-100:focus {
  background-color: var(--gray-100) !important;
}
.focus\:bg-gray-200:focus {
  background-color: var(--gray-200) !important;
}
.focus\:bg-gray-300:focus {
  background-color: var(--gray-300) !important;
}
.focus\:bg-gray-400:focus {
  background-color: var(--gray-400) !important;
}
.focus\:bg-gray-500:focus {
  background-color: var(--gray-500) !important;
}
.focus\:bg-gray-600:focus {
  background-color: var(--gray-600) !important;
}
.focus\:bg-gray-700:focus {
  background-color: var(--gray-700) !important;
}
.focus\:bg-gray-800:focus {
  background-color: var(--gray-800) !important;
}
.focus\:bg-gray-900:focus {
  background-color: var(--gray-900) !important;
}
.hover\:bg-gray-50:hover {
  background-color: var(--gray-50) !important;
}
.hover\:bg-gray-100:hover {
  background-color: var(--gray-100) !important;
}
.hover\:bg-gray-200:hover {
  background-color: var(--gray-200) !important;
}
.hover\:bg-gray-300:hover {
  background-color: var(--gray-300) !important;
}
.hover\:bg-gray-400:hover {
  background-color: var(--gray-400) !important;
}
.hover\:bg-gray-500:hover {
  background-color: var(--gray-500) !important;
}
.hover\:bg-gray-600:hover {
  background-color: var(--gray-600) !important;
}
.hover\:bg-gray-700:hover {
  background-color: var(--gray-700) !important;
}
.hover\:bg-gray-800:hover {
  background-color: var(--gray-800) !important;
}
.hover\:bg-gray-900:hover {
  background-color: var(--gray-900) !important;
}
.active\:bg-gray-50:active {
  background-color: var(--gray-50) !important;
}
.active\:bg-gray-100:active {
  background-color: var(--gray-100) !important;
}
.active\:bg-gray-200:active {
  background-color: var(--gray-200) !important;
}
.active\:bg-gray-300:active {
  background-color: var(--gray-300) !important;
}
.active\:bg-gray-400:active {
  background-color: var(--gray-400) !important;
}
.active\:bg-gray-500:active {
  background-color: var(--gray-500) !important;
}
.active\:bg-gray-600:active {
  background-color: var(--gray-600) !important;
}
.active\:bg-gray-700:active {
  background-color: var(--gray-700) !important;
}
.active\:bg-gray-800:active {
  background-color: var(--gray-800) !important;
}
.active\:bg-gray-900:active {
  background-color: var(--gray-900) !important;
}
.bg-red-50 {
  background-color: var(--red-50) !important;
}
.bg-red-100 {
  background-color: var(--red-100) !important;
}
.bg-red-200 {
  background-color: var(--red-200) !important;
}
.bg-red-300 {
  background-color: var(--red-300) !important;
}
.bg-red-400 {
  background-color: var(--red-400) !important;
}
.bg-red-500 {
  background-color: var(--red-500) !important;
}
.bg-red-600 {
  background-color: var(--red-600) !important;
}
.bg-red-700 {
  background-color: var(--red-700) !important;
}
.bg-red-800 {
  background-color: var(--red-800) !important;
}
.bg-red-900 {
  background-color: var(--red-900) !important;
}
.focus\:bg-red-50:focus {
  background-color: var(--red-50) !important;
}
.focus\:bg-red-100:focus {
  background-color: var(--red-100) !important;
}
.focus\:bg-red-200:focus {
  background-color: var(--red-200) !important;
}
.focus\:bg-red-300:focus {
  background-color: var(--red-300) !important;
}
.focus\:bg-red-400:focus {
  background-color: var(--red-400) !important;
}
.focus\:bg-red-500:focus {
  background-color: var(--red-500) !important;
}
.focus\:bg-red-600:focus {
  background-color: var(--red-600) !important;
}
.focus\:bg-red-700:focus {
  background-color: var(--red-700) !important;
}
.focus\:bg-red-800:focus {
  background-color: var(--red-800) !important;
}
.focus\:bg-red-900:focus {
  background-color: var(--red-900) !important;
}
.hover\:bg-red-50:hover {
  background-color: var(--red-50) !important;
}
.hover\:bg-red-100:hover {
  background-color: var(--red-100) !important;
}
.hover\:bg-red-200:hover {
  background-color: var(--red-200) !important;
}
.hover\:bg-red-300:hover {
  background-color: var(--red-300) !important;
}
.hover\:bg-red-400:hover {
  background-color: var(--red-400) !important;
}
.hover\:bg-red-500:hover {
  background-color: var(--red-500) !important;
}
.hover\:bg-red-600:hover {
  background-color: var(--red-600) !important;
}
.hover\:bg-red-700:hover {
  background-color: var(--red-700) !important;
}
.hover\:bg-red-800:hover {
  background-color: var(--red-800) !important;
}
.hover\:bg-red-900:hover {
  background-color: var(--red-900) !important;
}
.active\:bg-red-50:active {
  background-color: var(--red-50) !important;
}
.active\:bg-red-100:active {
  background-color: var(--red-100) !important;
}
.active\:bg-red-200:active {
  background-color: var(--red-200) !important;
}
.active\:bg-red-300:active {
  background-color: var(--red-300) !important;
}
.active\:bg-red-400:active {
  background-color: var(--red-400) !important;
}
.active\:bg-red-500:active {
  background-color: var(--red-500) !important;
}
.active\:bg-red-600:active {
  background-color: var(--red-600) !important;
}
.active\:bg-red-700:active {
  background-color: var(--red-700) !important;
}
.active\:bg-red-800:active {
  background-color: var(--red-800) !important;
}
.active\:bg-red-900:active {
  background-color: var(--red-900) !important;
}
.bg-primary-50 {
  background-color: var(--primary-50) !important;
}
.bg-primary-100 {
  background-color: var(--primary-100) !important;
}
.bg-primary-200 {
  background-color: var(--primary-200) !important;
}
.bg-primary-300 {
  background-color: var(--primary-300) !important;
}
.bg-primary-400 {
  background-color: var(--primary-400) !important;
}
.bg-primary-500 {
  background-color: var(--primary-500) !important;
}
.bg-primary-600 {
  background-color: var(--primary-600) !important;
}
.bg-primary-700 {
  background-color: var(--primary-700) !important;
}
.bg-primary-800 {
  background-color: var(--primary-800) !important;
}
.bg-primary-900 {
  background-color: var(--primary-900) !important;
}
.focus\:bg-primary-50:focus {
  background-color: var(--primary-50) !important;
}
.focus\:bg-primary-100:focus {
  background-color: var(--primary-100) !important;
}
.focus\:bg-primary-200:focus {
  background-color: var(--primary-200) !important;
}
.focus\:bg-primary-300:focus {
  background-color: var(--primary-300) !important;
}
.focus\:bg-primary-400:focus {
  background-color: var(--primary-400) !important;
}
.focus\:bg-primary-500:focus {
  background-color: var(--primary-500) !important;
}
.focus\:bg-primary-600:focus {
  background-color: var(--primary-600) !important;
}
.focus\:bg-primary-700:focus {
  background-color: var(--primary-700) !important;
}
.focus\:bg-primary-800:focus {
  background-color: var(--primary-800) !important;
}
.focus\:bg-primary-900:focus {
  background-color: var(--primary-900) !important;
}
.hover\:bg-primary-50:hover {
  background-color: var(--primary-50) !important;
}
.hover\:bg-primary-100:hover {
  background-color: var(--primary-100) !important;
}
.hover\:bg-primary-200:hover {
  background-color: var(--primary-200) !important;
}
.hover\:bg-primary-300:hover {
  background-color: var(--primary-300) !important;
}
.hover\:bg-primary-400:hover {
  background-color: var(--primary-400) !important;
}
.hover\:bg-primary-500:hover {
  background-color: var(--primary-500) !important;
}
.hover\:bg-primary-600:hover {
  background-color: var(--primary-600) !important;
}
.hover\:bg-primary-700:hover {
  background-color: var(--primary-700) !important;
}
.hover\:bg-primary-800:hover {
  background-color: var(--primary-800) !important;
}
.hover\:bg-primary-900:hover {
  background-color: var(--primary-900) !important;
}
.active\:bg-primary-50:active {
  background-color: var(--primary-50) !important;
}
.active\:bg-primary-100:active {
  background-color: var(--primary-100) !important;
}
.active\:bg-primary-200:active {
  background-color: var(--primary-200) !important;
}
.active\:bg-primary-300:active {
  background-color: var(--primary-300) !important;
}
.active\:bg-primary-400:active {
  background-color: var(--primary-400) !important;
}
.active\:bg-primary-500:active {
  background-color: var(--primary-500) !important;
}
.active\:bg-primary-600:active {
  background-color: var(--primary-600) !important;
}
.active\:bg-primary-700:active {
  background-color: var(--primary-700) !important;
}
.active\:bg-primary-800:active {
  background-color: var(--primary-800) !important;
}
.active\:bg-primary-900:active {
  background-color: var(--primary-900) !important;
}
.border-blue-50 {
  border-color: var(--blue-50) !important;
}
.border-blue-100 {
  border-color: var(--blue-100) !important;
}
.border-blue-200 {
  border-color: var(--blue-200) !important;
}
.border-blue-300 {
  border-color: var(--blue-300) !important;
}
.border-blue-400 {
  border-color: var(--blue-400) !important;
}
.border-blue-500 {
  border-color: var(--blue-500) !important;
}
.border-blue-600 {
  border-color: var(--blue-600) !important;
}
.border-blue-700 {
  border-color: var(--blue-700) !important;
}
.border-blue-800 {
  border-color: var(--blue-800) !important;
}
.border-blue-900 {
  border-color: var(--blue-900) !important;
}
.focus\:border-blue-50:focus {
  border-color: var(--blue-50) !important;
}
.focus\:border-blue-100:focus {
  border-color: var(--blue-100) !important;
}
.focus\:border-blue-200:focus {
  border-color: var(--blue-200) !important;
}
.focus\:border-blue-300:focus {
  border-color: var(--blue-300) !important;
}
.focus\:border-blue-400:focus {
  border-color: var(--blue-400) !important;
}
.focus\:border-blue-500:focus {
  border-color: var(--blue-500) !important;
}
.focus\:border-blue-600:focus {
  border-color: var(--blue-600) !important;
}
.focus\:border-blue-700:focus {
  border-color: var(--blue-700) !important;
}
.focus\:border-blue-800:focus {
  border-color: var(--blue-800) !important;
}
.focus\:border-blue-900:focus {
  border-color: var(--blue-900) !important;
}
.hover\:border-blue-50:hover {
  border-color: var(--blue-50) !important;
}
.hover\:border-blue-100:hover {
  border-color: var(--blue-100) !important;
}
.hover\:border-blue-200:hover {
  border-color: var(--blue-200) !important;
}
.hover\:border-blue-300:hover {
  border-color: var(--blue-300) !important;
}
.hover\:border-blue-400:hover {
  border-color: var(--blue-400) !important;
}
.hover\:border-blue-500:hover {
  border-color: var(--blue-500) !important;
}
.hover\:border-blue-600:hover {
  border-color: var(--blue-600) !important;
}
.hover\:border-blue-700:hover {
  border-color: var(--blue-700) !important;
}
.hover\:border-blue-800:hover {
  border-color: var(--blue-800) !important;
}
.hover\:border-blue-900:hover {
  border-color: var(--blue-900) !important;
}
.active\:border-blue-50:active {
  border-color: var(--blue-50) !important;
}
.active\:border-blue-100:active {
  border-color: var(--blue-100) !important;
}
.active\:border-blue-200:active {
  border-color: var(--blue-200) !important;
}
.active\:border-blue-300:active {
  border-color: var(--blue-300) !important;
}
.active\:border-blue-400:active {
  border-color: var(--blue-400) !important;
}
.active\:border-blue-500:active {
  border-color: var(--blue-500) !important;
}
.active\:border-blue-600:active {
  border-color: var(--blue-600) !important;
}
.active\:border-blue-700:active {
  border-color: var(--blue-700) !important;
}
.active\:border-blue-800:active {
  border-color: var(--blue-800) !important;
}
.active\:border-blue-900:active {
  border-color: var(--blue-900) !important;
}
.border-green-50 {
  border-color: var(--green-50) !important;
}
.border-green-100 {
  border-color: var(--green-100) !important;
}
.border-green-200 {
  border-color: var(--green-200) !important;
}
.border-green-300 {
  border-color: var(--green-300) !important;
}
.border-green-400 {
  border-color: var(--green-400) !important;
}
.border-green-500 {
  border-color: var(--green-500) !important;
}
.border-green-600 {
  border-color: var(--green-600) !important;
}
.border-green-700 {
  border-color: var(--green-700) !important;
}
.border-green-800 {
  border-color: var(--green-800) !important;
}
.border-green-900 {
  border-color: var(--green-900) !important;
}
.focus\:border-green-50:focus {
  border-color: var(--green-50) !important;
}
.focus\:border-green-100:focus {
  border-color: var(--green-100) !important;
}
.focus\:border-green-200:focus {
  border-color: var(--green-200) !important;
}
.focus\:border-green-300:focus {
  border-color: var(--green-300) !important;
}
.focus\:border-green-400:focus {
  border-color: var(--green-400) !important;
}
.focus\:border-green-500:focus {
  border-color: var(--green-500) !important;
}
.focus\:border-green-600:focus {
  border-color: var(--green-600) !important;
}
.focus\:border-green-700:focus {
  border-color: var(--green-700) !important;
}
.focus\:border-green-800:focus {
  border-color: var(--green-800) !important;
}
.focus\:border-green-900:focus {
  border-color: var(--green-900) !important;
}
.hover\:border-green-50:hover {
  border-color: var(--green-50) !important;
}
.hover\:border-green-100:hover {
  border-color: var(--green-100) !important;
}
.hover\:border-green-200:hover {
  border-color: var(--green-200) !important;
}
.hover\:border-green-300:hover {
  border-color: var(--green-300) !important;
}
.hover\:border-green-400:hover {
  border-color: var(--green-400) !important;
}
.hover\:border-green-500:hover {
  border-color: var(--green-500) !important;
}
.hover\:border-green-600:hover {
  border-color: var(--green-600) !important;
}
.hover\:border-green-700:hover {
  border-color: var(--green-700) !important;
}
.hover\:border-green-800:hover {
  border-color: var(--green-800) !important;
}
.hover\:border-green-900:hover {
  border-color: var(--green-900) !important;
}
.active\:border-green-50:active {
  border-color: var(--green-50) !important;
}
.active\:border-green-100:active {
  border-color: var(--green-100) !important;
}
.active\:border-green-200:active {
  border-color: var(--green-200) !important;
}
.active\:border-green-300:active {
  border-color: var(--green-300) !important;
}
.active\:border-green-400:active {
  border-color: var(--green-400) !important;
}
.active\:border-green-500:active {
  border-color: var(--green-500) !important;
}
.active\:border-green-600:active {
  border-color: var(--green-600) !important;
}
.active\:border-green-700:active {
  border-color: var(--green-700) !important;
}
.active\:border-green-800:active {
  border-color: var(--green-800) !important;
}
.active\:border-green-900:active {
  border-color: var(--green-900) !important;
}
.border-yellow-50 {
  border-color: var(--yellow-50) !important;
}
.border-yellow-100 {
  border-color: var(--yellow-100) !important;
}
.border-yellow-200 {
  border-color: var(--yellow-200) !important;
}
.border-yellow-300 {
  border-color: var(--yellow-300) !important;
}
.border-yellow-400 {
  border-color: var(--yellow-400) !important;
}
.border-yellow-500 {
  border-color: var(--yellow-500) !important;
}
.border-yellow-600 {
  border-color: var(--yellow-600) !important;
}
.border-yellow-700 {
  border-color: var(--yellow-700) !important;
}
.border-yellow-800 {
  border-color: var(--yellow-800) !important;
}
.border-yellow-900 {
  border-color: var(--yellow-900) !important;
}
.focus\:border-yellow-50:focus {
  border-color: var(--yellow-50) !important;
}
.focus\:border-yellow-100:focus {
  border-color: var(--yellow-100) !important;
}
.focus\:border-yellow-200:focus {
  border-color: var(--yellow-200) !important;
}
.focus\:border-yellow-300:focus {
  border-color: var(--yellow-300) !important;
}
.focus\:border-yellow-400:focus {
  border-color: var(--yellow-400) !important;
}
.focus\:border-yellow-500:focus {
  border-color: var(--yellow-500) !important;
}
.focus\:border-yellow-600:focus {
  border-color: var(--yellow-600) !important;
}
.focus\:border-yellow-700:focus {
  border-color: var(--yellow-700) !important;
}
.focus\:border-yellow-800:focus {
  border-color: var(--yellow-800) !important;
}
.focus\:border-yellow-900:focus {
  border-color: var(--yellow-900) !important;
}
.hover\:border-yellow-50:hover {
  border-color: var(--yellow-50) !important;
}
.hover\:border-yellow-100:hover {
  border-color: var(--yellow-100) !important;
}
.hover\:border-yellow-200:hover {
  border-color: var(--yellow-200) !important;
}
.hover\:border-yellow-300:hover {
  border-color: var(--yellow-300) !important;
}
.hover\:border-yellow-400:hover {
  border-color: var(--yellow-400) !important;
}
.hover\:border-yellow-500:hover {
  border-color: var(--yellow-500) !important;
}
.hover\:border-yellow-600:hover {
  border-color: var(--yellow-600) !important;
}
.hover\:border-yellow-700:hover {
  border-color: var(--yellow-700) !important;
}
.hover\:border-yellow-800:hover {
  border-color: var(--yellow-800) !important;
}
.hover\:border-yellow-900:hover {
  border-color: var(--yellow-900) !important;
}
.active\:border-yellow-50:active {
  border-color: var(--yellow-50) !important;
}
.active\:border-yellow-100:active {
  border-color: var(--yellow-100) !important;
}
.active\:border-yellow-200:active {
  border-color: var(--yellow-200) !important;
}
.active\:border-yellow-300:active {
  border-color: var(--yellow-300) !important;
}
.active\:border-yellow-400:active {
  border-color: var(--yellow-400) !important;
}
.active\:border-yellow-500:active {
  border-color: var(--yellow-500) !important;
}
.active\:border-yellow-600:active {
  border-color: var(--yellow-600) !important;
}
.active\:border-yellow-700:active {
  border-color: var(--yellow-700) !important;
}
.active\:border-yellow-800:active {
  border-color: var(--yellow-800) !important;
}
.active\:border-yellow-900:active {
  border-color: var(--yellow-900) !important;
}
.border-cyan-50 {
  border-color: var(--cyan-50) !important;
}
.border-cyan-100 {
  border-color: var(--cyan-100) !important;
}
.border-cyan-200 {
  border-color: var(--cyan-200) !important;
}
.border-cyan-300 {
  border-color: var(--cyan-300) !important;
}
.border-cyan-400 {
  border-color: var(--cyan-400) !important;
}
.border-cyan-500 {
  border-color: var(--cyan-500) !important;
}
.border-cyan-600 {
  border-color: var(--cyan-600) !important;
}
.border-cyan-700 {
  border-color: var(--cyan-700) !important;
}
.border-cyan-800 {
  border-color: var(--cyan-800) !important;
}
.border-cyan-900 {
  border-color: var(--cyan-900) !important;
}
.focus\:border-cyan-50:focus {
  border-color: var(--cyan-50) !important;
}
.focus\:border-cyan-100:focus {
  border-color: var(--cyan-100) !important;
}
.focus\:border-cyan-200:focus {
  border-color: var(--cyan-200) !important;
}
.focus\:border-cyan-300:focus {
  border-color: var(--cyan-300) !important;
}
.focus\:border-cyan-400:focus {
  border-color: var(--cyan-400) !important;
}
.focus\:border-cyan-500:focus {
  border-color: var(--cyan-500) !important;
}
.focus\:border-cyan-600:focus {
  border-color: var(--cyan-600) !important;
}
.focus\:border-cyan-700:focus {
  border-color: var(--cyan-700) !important;
}
.focus\:border-cyan-800:focus {
  border-color: var(--cyan-800) !important;
}
.focus\:border-cyan-900:focus {
  border-color: var(--cyan-900) !important;
}
.hover\:border-cyan-50:hover {
  border-color: var(--cyan-50) !important;
}
.hover\:border-cyan-100:hover {
  border-color: var(--cyan-100) !important;
}
.hover\:border-cyan-200:hover {
  border-color: var(--cyan-200) !important;
}
.hover\:border-cyan-300:hover {
  border-color: var(--cyan-300) !important;
}
.hover\:border-cyan-400:hover {
  border-color: var(--cyan-400) !important;
}
.hover\:border-cyan-500:hover {
  border-color: var(--cyan-500) !important;
}
.hover\:border-cyan-600:hover {
  border-color: var(--cyan-600) !important;
}
.hover\:border-cyan-700:hover {
  border-color: var(--cyan-700) !important;
}
.hover\:border-cyan-800:hover {
  border-color: var(--cyan-800) !important;
}
.hover\:border-cyan-900:hover {
  border-color: var(--cyan-900) !important;
}
.active\:border-cyan-50:active {
  border-color: var(--cyan-50) !important;
}
.active\:border-cyan-100:active {
  border-color: var(--cyan-100) !important;
}
.active\:border-cyan-200:active {
  border-color: var(--cyan-200) !important;
}
.active\:border-cyan-300:active {
  border-color: var(--cyan-300) !important;
}
.active\:border-cyan-400:active {
  border-color: var(--cyan-400) !important;
}
.active\:border-cyan-500:active {
  border-color: var(--cyan-500) !important;
}
.active\:border-cyan-600:active {
  border-color: var(--cyan-600) !important;
}
.active\:border-cyan-700:active {
  border-color: var(--cyan-700) !important;
}
.active\:border-cyan-800:active {
  border-color: var(--cyan-800) !important;
}
.active\:border-cyan-900:active {
  border-color: var(--cyan-900) !important;
}
.border-pink-50 {
  border-color: var(--pink-50) !important;
}
.border-pink-100 {
  border-color: var(--pink-100) !important;
}
.border-pink-200 {
  border-color: var(--pink-200) !important;
}
.border-pink-300 {
  border-color: var(--pink-300) !important;
}
.border-pink-400 {
  border-color: var(--pink-400) !important;
}
.border-pink-500 {
  border-color: var(--pink-500) !important;
}
.border-pink-600 {
  border-color: var(--pink-600) !important;
}
.border-pink-700 {
  border-color: var(--pink-700) !important;
}
.border-pink-800 {
  border-color: var(--pink-800) !important;
}
.border-pink-900 {
  border-color: var(--pink-900) !important;
}
.focus\:border-pink-50:focus {
  border-color: var(--pink-50) !important;
}
.focus\:border-pink-100:focus {
  border-color: var(--pink-100) !important;
}
.focus\:border-pink-200:focus {
  border-color: var(--pink-200) !important;
}
.focus\:border-pink-300:focus {
  border-color: var(--pink-300) !important;
}
.focus\:border-pink-400:focus {
  border-color: var(--pink-400) !important;
}
.focus\:border-pink-500:focus {
  border-color: var(--pink-500) !important;
}
.focus\:border-pink-600:focus {
  border-color: var(--pink-600) !important;
}
.focus\:border-pink-700:focus {
  border-color: var(--pink-700) !important;
}
.focus\:border-pink-800:focus {
  border-color: var(--pink-800) !important;
}
.focus\:border-pink-900:focus {
  border-color: var(--pink-900) !important;
}
.hover\:border-pink-50:hover {
  border-color: var(--pink-50) !important;
}
.hover\:border-pink-100:hover {
  border-color: var(--pink-100) !important;
}
.hover\:border-pink-200:hover {
  border-color: var(--pink-200) !important;
}
.hover\:border-pink-300:hover {
  border-color: var(--pink-300) !important;
}
.hover\:border-pink-400:hover {
  border-color: var(--pink-400) !important;
}
.hover\:border-pink-500:hover {
  border-color: var(--pink-500) !important;
}
.hover\:border-pink-600:hover {
  border-color: var(--pink-600) !important;
}
.hover\:border-pink-700:hover {
  border-color: var(--pink-700) !important;
}
.hover\:border-pink-800:hover {
  border-color: var(--pink-800) !important;
}
.hover\:border-pink-900:hover {
  border-color: var(--pink-900) !important;
}
.active\:border-pink-50:active {
  border-color: var(--pink-50) !important;
}
.active\:border-pink-100:active {
  border-color: var(--pink-100) !important;
}
.active\:border-pink-200:active {
  border-color: var(--pink-200) !important;
}
.active\:border-pink-300:active {
  border-color: var(--pink-300) !important;
}
.active\:border-pink-400:active {
  border-color: var(--pink-400) !important;
}
.active\:border-pink-500:active {
  border-color: var(--pink-500) !important;
}
.active\:border-pink-600:active {
  border-color: var(--pink-600) !important;
}
.active\:border-pink-700:active {
  border-color: var(--pink-700) !important;
}
.active\:border-pink-800:active {
  border-color: var(--pink-800) !important;
}
.active\:border-pink-900:active {
  border-color: var(--pink-900) !important;
}
.border-indigo-50 {
  border-color: var(--indigo-50) !important;
}
.border-indigo-100 {
  border-color: var(--indigo-100) !important;
}
.border-indigo-200 {
  border-color: var(--indigo-200) !important;
}
.border-indigo-300 {
  border-color: var(--indigo-300) !important;
}
.border-indigo-400 {
  border-color: var(--indigo-400) !important;
}
.border-indigo-500 {
  border-color: var(--indigo-500) !important;
}
.border-indigo-600 {
  border-color: var(--indigo-600) !important;
}
.border-indigo-700 {
  border-color: var(--indigo-700) !important;
}
.border-indigo-800 {
  border-color: var(--indigo-800) !important;
}
.border-indigo-900 {
  border-color: var(--indigo-900) !important;
}
.focus\:border-indigo-50:focus {
  border-color: var(--indigo-50) !important;
}
.focus\:border-indigo-100:focus {
  border-color: var(--indigo-100) !important;
}
.focus\:border-indigo-200:focus {
  border-color: var(--indigo-200) !important;
}
.focus\:border-indigo-300:focus {
  border-color: var(--indigo-300) !important;
}
.focus\:border-indigo-400:focus {
  border-color: var(--indigo-400) !important;
}
.focus\:border-indigo-500:focus {
  border-color: var(--indigo-500) !important;
}
.focus\:border-indigo-600:focus {
  border-color: var(--indigo-600) !important;
}
.focus\:border-indigo-700:focus {
  border-color: var(--indigo-700) !important;
}
.focus\:border-indigo-800:focus {
  border-color: var(--indigo-800) !important;
}
.focus\:border-indigo-900:focus {
  border-color: var(--indigo-900) !important;
}
.hover\:border-indigo-50:hover {
  border-color: var(--indigo-50) !important;
}
.hover\:border-indigo-100:hover {
  border-color: var(--indigo-100) !important;
}
.hover\:border-indigo-200:hover {
  border-color: var(--indigo-200) !important;
}
.hover\:border-indigo-300:hover {
  border-color: var(--indigo-300) !important;
}
.hover\:border-indigo-400:hover {
  border-color: var(--indigo-400) !important;
}
.hover\:border-indigo-500:hover {
  border-color: var(--indigo-500) !important;
}
.hover\:border-indigo-600:hover {
  border-color: var(--indigo-600) !important;
}
.hover\:border-indigo-700:hover {
  border-color: var(--indigo-700) !important;
}
.hover\:border-indigo-800:hover {
  border-color: var(--indigo-800) !important;
}
.hover\:border-indigo-900:hover {
  border-color: var(--indigo-900) !important;
}
.active\:border-indigo-50:active {
  border-color: var(--indigo-50) !important;
}
.active\:border-indigo-100:active {
  border-color: var(--indigo-100) !important;
}
.active\:border-indigo-200:active {
  border-color: var(--indigo-200) !important;
}
.active\:border-indigo-300:active {
  border-color: var(--indigo-300) !important;
}
.active\:border-indigo-400:active {
  border-color: var(--indigo-400) !important;
}
.active\:border-indigo-500:active {
  border-color: var(--indigo-500) !important;
}
.active\:border-indigo-600:active {
  border-color: var(--indigo-600) !important;
}
.active\:border-indigo-700:active {
  border-color: var(--indigo-700) !important;
}
.active\:border-indigo-800:active {
  border-color: var(--indigo-800) !important;
}
.active\:border-indigo-900:active {
  border-color: var(--indigo-900) !important;
}
.border-teal-50 {
  border-color: var(--teal-50) !important;
}
.border-teal-100 {
  border-color: var(--teal-100) !important;
}
.border-teal-200 {
  border-color: var(--teal-200) !important;
}
.border-teal-300 {
  border-color: var(--teal-300) !important;
}
.border-teal-400 {
  border-color: var(--teal-400) !important;
}
.border-teal-500 {
  border-color: var(--teal-500) !important;
}
.border-teal-600 {
  border-color: var(--teal-600) !important;
}
.border-teal-700 {
  border-color: var(--teal-700) !important;
}
.border-teal-800 {
  border-color: var(--teal-800) !important;
}
.border-teal-900 {
  border-color: var(--teal-900) !important;
}
.focus\:border-teal-50:focus {
  border-color: var(--teal-50) !important;
}
.focus\:border-teal-100:focus {
  border-color: var(--teal-100) !important;
}
.focus\:border-teal-200:focus {
  border-color: var(--teal-200) !important;
}
.focus\:border-teal-300:focus {
  border-color: var(--teal-300) !important;
}
.focus\:border-teal-400:focus {
  border-color: var(--teal-400) !important;
}
.focus\:border-teal-500:focus {
  border-color: var(--teal-500) !important;
}
.focus\:border-teal-600:focus {
  border-color: var(--teal-600) !important;
}
.focus\:border-teal-700:focus {
  border-color: var(--teal-700) !important;
}
.focus\:border-teal-800:focus {
  border-color: var(--teal-800) !important;
}
.focus\:border-teal-900:focus {
  border-color: var(--teal-900) !important;
}
.hover\:border-teal-50:hover {
  border-color: var(--teal-50) !important;
}
.hover\:border-teal-100:hover {
  border-color: var(--teal-100) !important;
}
.hover\:border-teal-200:hover {
  border-color: var(--teal-200) !important;
}
.hover\:border-teal-300:hover {
  border-color: var(--teal-300) !important;
}
.hover\:border-teal-400:hover {
  border-color: var(--teal-400) !important;
}
.hover\:border-teal-500:hover {
  border-color: var(--teal-500) !important;
}
.hover\:border-teal-600:hover {
  border-color: var(--teal-600) !important;
}
.hover\:border-teal-700:hover {
  border-color: var(--teal-700) !important;
}
.hover\:border-teal-800:hover {
  border-color: var(--teal-800) !important;
}
.hover\:border-teal-900:hover {
  border-color: var(--teal-900) !important;
}
.active\:border-teal-50:active {
  border-color: var(--teal-50) !important;
}
.active\:border-teal-100:active {
  border-color: var(--teal-100) !important;
}
.active\:border-teal-200:active {
  border-color: var(--teal-200) !important;
}
.active\:border-teal-300:active {
  border-color: var(--teal-300) !important;
}
.active\:border-teal-400:active {
  border-color: var(--teal-400) !important;
}
.active\:border-teal-500:active {
  border-color: var(--teal-500) !important;
}
.active\:border-teal-600:active {
  border-color: var(--teal-600) !important;
}
.active\:border-teal-700:active {
  border-color: var(--teal-700) !important;
}
.active\:border-teal-800:active {
  border-color: var(--teal-800) !important;
}
.active\:border-teal-900:active {
  border-color: var(--teal-900) !important;
}
.border-orange-50 {
  border-color: var(--orange-50) !important;
}
.border-orange-100 {
  border-color: var(--orange-100) !important;
}
.border-orange-200 {
  border-color: var(--orange-200) !important;
}
.border-orange-300 {
  border-color: var(--orange-300) !important;
}
.border-orange-400 {
  border-color: var(--orange-400) !important;
}
.border-orange-500 {
  border-color: var(--orange-500) !important;
}
.border-orange-600 {
  border-color: var(--orange-600) !important;
}
.border-orange-700 {
  border-color: var(--orange-700) !important;
}
.border-orange-800 {
  border-color: var(--orange-800) !important;
}
.border-orange-900 {
  border-color: var(--orange-900) !important;
}
.focus\:border-orange-50:focus {
  border-color: var(--orange-50) !important;
}
.focus\:border-orange-100:focus {
  border-color: var(--orange-100) !important;
}
.focus\:border-orange-200:focus {
  border-color: var(--orange-200) !important;
}
.focus\:border-orange-300:focus {
  border-color: var(--orange-300) !important;
}
.focus\:border-orange-400:focus {
  border-color: var(--orange-400) !important;
}
.focus\:border-orange-500:focus {
  border-color: var(--orange-500) !important;
}
.focus\:border-orange-600:focus {
  border-color: var(--orange-600) !important;
}
.focus\:border-orange-700:focus {
  border-color: var(--orange-700) !important;
}
.focus\:border-orange-800:focus {
  border-color: var(--orange-800) !important;
}
.focus\:border-orange-900:focus {
  border-color: var(--orange-900) !important;
}
.hover\:border-orange-50:hover {
  border-color: var(--orange-50) !important;
}
.hover\:border-orange-100:hover {
  border-color: var(--orange-100) !important;
}
.hover\:border-orange-200:hover {
  border-color: var(--orange-200) !important;
}
.hover\:border-orange-300:hover {
  border-color: var(--orange-300) !important;
}
.hover\:border-orange-400:hover {
  border-color: var(--orange-400) !important;
}
.hover\:border-orange-500:hover {
  border-color: var(--orange-500) !important;
}
.hover\:border-orange-600:hover {
  border-color: var(--orange-600) !important;
}
.hover\:border-orange-700:hover {
  border-color: var(--orange-700) !important;
}
.hover\:border-orange-800:hover {
  border-color: var(--orange-800) !important;
}
.hover\:border-orange-900:hover {
  border-color: var(--orange-900) !important;
}
.active\:border-orange-50:active {
  border-color: var(--orange-50) !important;
}
.active\:border-orange-100:active {
  border-color: var(--orange-100) !important;
}
.active\:border-orange-200:active {
  border-color: var(--orange-200) !important;
}
.active\:border-orange-300:active {
  border-color: var(--orange-300) !important;
}
.active\:border-orange-400:active {
  border-color: var(--orange-400) !important;
}
.active\:border-orange-500:active {
  border-color: var(--orange-500) !important;
}
.active\:border-orange-600:active {
  border-color: var(--orange-600) !important;
}
.active\:border-orange-700:active {
  border-color: var(--orange-700) !important;
}
.active\:border-orange-800:active {
  border-color: var(--orange-800) !important;
}
.active\:border-orange-900:active {
  border-color: var(--orange-900) !important;
}
.border-bluegray-50 {
  border-color: var(--bluegray-50) !important;
}
.border-bluegray-100 {
  border-color: var(--bluegray-100) !important;
}
.border-bluegray-200 {
  border-color: var(--bluegray-200) !important;
}
.border-bluegray-300 {
  border-color: var(--bluegray-300) !important;
}
.border-bluegray-400 {
  border-color: var(--bluegray-400) !important;
}
.border-bluegray-500 {
  border-color: var(--bluegray-500) !important;
}
.border-bluegray-600 {
  border-color: var(--bluegray-600) !important;
}
.border-bluegray-700 {
  border-color: var(--bluegray-700) !important;
}
.border-bluegray-800 {
  border-color: var(--bluegray-800) !important;
}
.border-bluegray-900 {
  border-color: var(--bluegray-900) !important;
}
.focus\:border-bluegray-50:focus {
  border-color: var(--bluegray-50) !important;
}
.focus\:border-bluegray-100:focus {
  border-color: var(--bluegray-100) !important;
}
.focus\:border-bluegray-200:focus {
  border-color: var(--bluegray-200) !important;
}
.focus\:border-bluegray-300:focus {
  border-color: var(--bluegray-300) !important;
}
.focus\:border-bluegray-400:focus {
  border-color: var(--bluegray-400) !important;
}
.focus\:border-bluegray-500:focus {
  border-color: var(--bluegray-500) !important;
}
.focus\:border-bluegray-600:focus {
  border-color: var(--bluegray-600) !important;
}
.focus\:border-bluegray-700:focus {
  border-color: var(--bluegray-700) !important;
}
.focus\:border-bluegray-800:focus {
  border-color: var(--bluegray-800) !important;
}
.focus\:border-bluegray-900:focus {
  border-color: var(--bluegray-900) !important;
}
.hover\:border-bluegray-50:hover {
  border-color: var(--bluegray-50) !important;
}
.hover\:border-bluegray-100:hover {
  border-color: var(--bluegray-100) !important;
}
.hover\:border-bluegray-200:hover {
  border-color: var(--bluegray-200) !important;
}
.hover\:border-bluegray-300:hover {
  border-color: var(--bluegray-300) !important;
}
.hover\:border-bluegray-400:hover {
  border-color: var(--bluegray-400) !important;
}
.hover\:border-bluegray-500:hover {
  border-color: var(--bluegray-500) !important;
}
.hover\:border-bluegray-600:hover {
  border-color: var(--bluegray-600) !important;
}
.hover\:border-bluegray-700:hover {
  border-color: var(--bluegray-700) !important;
}
.hover\:border-bluegray-800:hover {
  border-color: var(--bluegray-800) !important;
}
.hover\:border-bluegray-900:hover {
  border-color: var(--bluegray-900) !important;
}
.active\:border-bluegray-50:active {
  border-color: var(--bluegray-50) !important;
}
.active\:border-bluegray-100:active {
  border-color: var(--bluegray-100) !important;
}
.active\:border-bluegray-200:active {
  border-color: var(--bluegray-200) !important;
}
.active\:border-bluegray-300:active {
  border-color: var(--bluegray-300) !important;
}
.active\:border-bluegray-400:active {
  border-color: var(--bluegray-400) !important;
}
.active\:border-bluegray-500:active {
  border-color: var(--bluegray-500) !important;
}
.active\:border-bluegray-600:active {
  border-color: var(--bluegray-600) !important;
}
.active\:border-bluegray-700:active {
  border-color: var(--bluegray-700) !important;
}
.active\:border-bluegray-800:active {
  border-color: var(--bluegray-800) !important;
}
.active\:border-bluegray-900:active {
  border-color: var(--bluegray-900) !important;
}
.border-purple-50 {
  border-color: var(--purple-50) !important;
}
.border-purple-100 {
  border-color: var(--purple-100) !important;
}
.border-purple-200 {
  border-color: var(--purple-200) !important;
}
.border-purple-300 {
  border-color: var(--purple-300) !important;
}
.border-purple-400 {
  border-color: var(--purple-400) !important;
}
.border-purple-500 {
  border-color: var(--purple-500) !important;
}
.border-purple-600 {
  border-color: var(--purple-600) !important;
}
.border-purple-700 {
  border-color: var(--purple-700) !important;
}
.border-purple-800 {
  border-color: var(--purple-800) !important;
}
.border-purple-900 {
  border-color: var(--purple-900) !important;
}
.focus\:border-purple-50:focus {
  border-color: var(--purple-50) !important;
}
.focus\:border-purple-100:focus {
  border-color: var(--purple-100) !important;
}
.focus\:border-purple-200:focus {
  border-color: var(--purple-200) !important;
}
.focus\:border-purple-300:focus {
  border-color: var(--purple-300) !important;
}
.focus\:border-purple-400:focus {
  border-color: var(--purple-400) !important;
}
.focus\:border-purple-500:focus {
  border-color: var(--purple-500) !important;
}
.focus\:border-purple-600:focus {
  border-color: var(--purple-600) !important;
}
.focus\:border-purple-700:focus {
  border-color: var(--purple-700) !important;
}
.focus\:border-purple-800:focus {
  border-color: var(--purple-800) !important;
}
.focus\:border-purple-900:focus {
  border-color: var(--purple-900) !important;
}
.hover\:border-purple-50:hover {
  border-color: var(--purple-50) !important;
}
.hover\:border-purple-100:hover {
  border-color: var(--purple-100) !important;
}
.hover\:border-purple-200:hover {
  border-color: var(--purple-200) !important;
}
.hover\:border-purple-300:hover {
  border-color: var(--purple-300) !important;
}
.hover\:border-purple-400:hover {
  border-color: var(--purple-400) !important;
}
.hover\:border-purple-500:hover {
  border-color: var(--purple-500) !important;
}
.hover\:border-purple-600:hover {
  border-color: var(--purple-600) !important;
}
.hover\:border-purple-700:hover {
  border-color: var(--purple-700) !important;
}
.hover\:border-purple-800:hover {
  border-color: var(--purple-800) !important;
}
.hover\:border-purple-900:hover {
  border-color: var(--purple-900) !important;
}
.active\:border-purple-50:active {
  border-color: var(--purple-50) !important;
}
.active\:border-purple-100:active {
  border-color: var(--purple-100) !important;
}
.active\:border-purple-200:active {
  border-color: var(--purple-200) !important;
}
.active\:border-purple-300:active {
  border-color: var(--purple-300) !important;
}
.active\:border-purple-400:active {
  border-color: var(--purple-400) !important;
}
.active\:border-purple-500:active {
  border-color: var(--purple-500) !important;
}
.active\:border-purple-600:active {
  border-color: var(--purple-600) !important;
}
.active\:border-purple-700:active {
  border-color: var(--purple-700) !important;
}
.active\:border-purple-800:active {
  border-color: var(--purple-800) !important;
}
.active\:border-purple-900:active {
  border-color: var(--purple-900) !important;
}
.border-gray-50 {
  border-color: var(--gray-50) !important;
}
.border-gray-100 {
  border-color: var(--gray-100) !important;
}
.border-gray-200 {
  border-color: var(--gray-200) !important;
}
.border-gray-300 {
  border-color: var(--gray-300) !important;
}
.border-gray-400 {
  border-color: var(--gray-400) !important;
}
.border-gray-500 {
  border-color: var(--gray-500) !important;
}
.border-gray-600 {
  border-color: var(--gray-600) !important;
}
.border-gray-700 {
  border-color: var(--gray-700) !important;
}
.border-gray-800 {
  border-color: var(--gray-800) !important;
}
.border-gray-900 {
  border-color: var(--gray-900) !important;
}
.focus\:border-gray-50:focus {
  border-color: var(--gray-50) !important;
}
.focus\:border-gray-100:focus {
  border-color: var(--gray-100) !important;
}
.focus\:border-gray-200:focus {
  border-color: var(--gray-200) !important;
}
.focus\:border-gray-300:focus {
  border-color: var(--gray-300) !important;
}
.focus\:border-gray-400:focus {
  border-color: var(--gray-400) !important;
}
.focus\:border-gray-500:focus {
  border-color: var(--gray-500) !important;
}
.focus\:border-gray-600:focus {
  border-color: var(--gray-600) !important;
}
.focus\:border-gray-700:focus {
  border-color: var(--gray-700) !important;
}
.focus\:border-gray-800:focus {
  border-color: var(--gray-800) !important;
}
.focus\:border-gray-900:focus {
  border-color: var(--gray-900) !important;
}
.hover\:border-gray-50:hover {
  border-color: var(--gray-50) !important;
}
.hover\:border-gray-100:hover {
  border-color: var(--gray-100) !important;
}
.hover\:border-gray-200:hover {
  border-color: var(--gray-200) !important;
}
.hover\:border-gray-300:hover {
  border-color: var(--gray-300) !important;
}
.hover\:border-gray-400:hover {
  border-color: var(--gray-400) !important;
}
.hover\:border-gray-500:hover {
  border-color: var(--gray-500) !important;
}
.hover\:border-gray-600:hover {
  border-color: var(--gray-600) !important;
}
.hover\:border-gray-700:hover {
  border-color: var(--gray-700) !important;
}
.hover\:border-gray-800:hover {
  border-color: var(--gray-800) !important;
}
.hover\:border-gray-900:hover {
  border-color: var(--gray-900) !important;
}
.active\:border-gray-50:active {
  border-color: var(--gray-50) !important;
}
.active\:border-gray-100:active {
  border-color: var(--gray-100) !important;
}
.active\:border-gray-200:active {
  border-color: var(--gray-200) !important;
}
.active\:border-gray-300:active {
  border-color: var(--gray-300) !important;
}
.active\:border-gray-400:active {
  border-color: var(--gray-400) !important;
}
.active\:border-gray-500:active {
  border-color: var(--gray-500) !important;
}
.active\:border-gray-600:active {
  border-color: var(--gray-600) !important;
}
.active\:border-gray-700:active {
  border-color: var(--gray-700) !important;
}
.active\:border-gray-800:active {
  border-color: var(--gray-800) !important;
}
.active\:border-gray-900:active {
  border-color: var(--gray-900) !important;
}
.border-red-50 {
  border-color: var(--red-50) !important;
}
.border-red-100 {
  border-color: var(--red-100) !important;
}
.border-red-200 {
  border-color: var(--red-200) !important;
}
.border-red-300 {
  border-color: var(--red-300) !important;
}
.border-red-400 {
  border-color: var(--red-400) !important;
}
.border-red-500 {
  border-color: var(--red-500) !important;
}
.border-red-600 {
  border-color: var(--red-600) !important;
}
.border-red-700 {
  border-color: var(--red-700) !important;
}
.border-red-800 {
  border-color: var(--red-800) !important;
}
.border-red-900 {
  border-color: var(--red-900) !important;
}
.focus\:border-red-50:focus {
  border-color: var(--red-50) !important;
}
.focus\:border-red-100:focus {
  border-color: var(--red-100) !important;
}
.focus\:border-red-200:focus {
  border-color: var(--red-200) !important;
}
.focus\:border-red-300:focus {
  border-color: var(--red-300) !important;
}
.focus\:border-red-400:focus {
  border-color: var(--red-400) !important;
}
.focus\:border-red-500:focus {
  border-color: var(--red-500) !important;
}
.focus\:border-red-600:focus {
  border-color: var(--red-600) !important;
}
.focus\:border-red-700:focus {
  border-color: var(--red-700) !important;
}
.focus\:border-red-800:focus {
  border-color: var(--red-800) !important;
}
.focus\:border-red-900:focus {
  border-color: var(--red-900) !important;
}
.hover\:border-red-50:hover {
  border-color: var(--red-50) !important;
}
.hover\:border-red-100:hover {
  border-color: var(--red-100) !important;
}
.hover\:border-red-200:hover {
  border-color: var(--red-200) !important;
}
.hover\:border-red-300:hover {
  border-color: var(--red-300) !important;
}
.hover\:border-red-400:hover {
  border-color: var(--red-400) !important;
}
.hover\:border-red-500:hover {
  border-color: var(--red-500) !important;
}
.hover\:border-red-600:hover {
  border-color: var(--red-600) !important;
}
.hover\:border-red-700:hover {
  border-color: var(--red-700) !important;
}
.hover\:border-red-800:hover {
  border-color: var(--red-800) !important;
}
.hover\:border-red-900:hover {
  border-color: var(--red-900) !important;
}
.active\:border-red-50:active {
  border-color: var(--red-50) !important;
}
.active\:border-red-100:active {
  border-color: var(--red-100) !important;
}
.active\:border-red-200:active {
  border-color: var(--red-200) !important;
}
.active\:border-red-300:active {
  border-color: var(--red-300) !important;
}
.active\:border-red-400:active {
  border-color: var(--red-400) !important;
}
.active\:border-red-500:active {
  border-color: var(--red-500) !important;
}
.active\:border-red-600:active {
  border-color: var(--red-600) !important;
}
.active\:border-red-700:active {
  border-color: var(--red-700) !important;
}
.active\:border-red-800:active {
  border-color: var(--red-800) !important;
}
.active\:border-red-900:active {
  border-color: var(--red-900) !important;
}
.border-primary-50 {
  border-color: var(--primary-50) !important;
}
.border-primary-100 {
  border-color: var(--primary-100) !important;
}
.border-primary-200 {
  border-color: var(--primary-200) !important;
}
.border-primary-300 {
  border-color: var(--primary-300) !important;
}
.border-primary-400 {
  border-color: var(--primary-400) !important;
}
.border-primary-500 {
  border-color: var(--primary-500) !important;
}
.border-primary-600 {
  border-color: var(--primary-600) !important;
}
.border-primary-700 {
  border-color: var(--primary-700) !important;
}
.border-primary-800 {
  border-color: var(--primary-800) !important;
}
.border-primary-900 {
  border-color: var(--primary-900) !important;
}
.focus\:border-primary-50:focus {
  border-color: var(--primary-50) !important;
}
.focus\:border-primary-100:focus {
  border-color: var(--primary-100) !important;
}
.focus\:border-primary-200:focus {
  border-color: var(--primary-200) !important;
}
.focus\:border-primary-300:focus {
  border-color: var(--primary-300) !important;
}
.focus\:border-primary-400:focus {
  border-color: var(--primary-400) !important;
}
.focus\:border-primary-500:focus {
  border-color: var(--primary-500) !important;
}
.focus\:border-primary-600:focus {
  border-color: var(--primary-600) !important;
}
.focus\:border-primary-700:focus {
  border-color: var(--primary-700) !important;
}
.focus\:border-primary-800:focus {
  border-color: var(--primary-800) !important;
}
.focus\:border-primary-900:focus {
  border-color: var(--primary-900) !important;
}
.hover\:border-primary-50:hover {
  border-color: var(--primary-50) !important;
}
.hover\:border-primary-100:hover {
  border-color: var(--primary-100) !important;
}
.hover\:border-primary-200:hover {
  border-color: var(--primary-200) !important;
}
.hover\:border-primary-300:hover {
  border-color: var(--primary-300) !important;
}
.hover\:border-primary-400:hover {
  border-color: var(--primary-400) !important;
}
.hover\:border-primary-500:hover {
  border-color: var(--primary-500) !important;
}
.hover\:border-primary-600:hover {
  border-color: var(--primary-600) !important;
}
.hover\:border-primary-700:hover {
  border-color: var(--primary-700) !important;
}
.hover\:border-primary-800:hover {
  border-color: var(--primary-800) !important;
}
.hover\:border-primary-900:hover {
  border-color: var(--primary-900) !important;
}
.active\:border-primary-50:active {
  border-color: var(--primary-50) !important;
}
.active\:border-primary-100:active {
  border-color: var(--primary-100) !important;
}
.active\:border-primary-200:active {
  border-color: var(--primary-200) !important;
}
.active\:border-primary-300:active {
  border-color: var(--primary-300) !important;
}
.active\:border-primary-400:active {
  border-color: var(--primary-400) !important;
}
.active\:border-primary-500:active {
  border-color: var(--primary-500) !important;
}
.active\:border-primary-600:active {
  border-color: var(--primary-600) !important;
}
.active\:border-primary-700:active {
  border-color: var(--primary-700) !important;
}
.active\:border-primary-800:active {
  border-color: var(--primary-800) !important;
}
.active\:border-primary-900:active {
  border-color: var(--primary-900) !important;
}
.bg-white-alpha-10 {
  background-color: rgba(255,255,255,0.1) !important;
}
.bg-white-alpha-20 {
  background-color: rgba(255,255,255,0.2) !important;
}
.bg-white-alpha-30 {
  background-color: rgba(255,255,255,0.3) !important;
}
.bg-white-alpha-40 {
  background-color: rgba(255,255,255,0.4) !important;
}
.bg-white-alpha-50 {
  background-color: rgba(255,255,255,0.5) !important;
}
.bg-white-alpha-60 {
  background-color: rgba(255,255,255,0.6) !important;
}
.bg-white-alpha-70 {
  background-color: rgba(255,255,255,0.7) !important;
}
.bg-white-alpha-80 {
  background-color: rgba(255,255,255,0.8) !important;
}
.bg-white-alpha-90 {
  background-color: rgba(255,255,255,0.9) !important;
}
.hover\:bg-white-alpha-10:hover {
  background-color: rgba(255,255,255,0.1) !important;
}
.hover\:bg-white-alpha-20:hover {
  background-color: rgba(255,255,255,0.2) !important;
}
.hover\:bg-white-alpha-30:hover {
  background-color: rgba(255,255,255,0.3) !important;
}
.hover\:bg-white-alpha-40:hover {
  background-color: rgba(255,255,255,0.4) !important;
}
.hover\:bg-white-alpha-50:hover {
  background-color: rgba(255,255,255,0.5) !important;
}
.hover\:bg-white-alpha-60:hover {
  background-color: rgba(255,255,255,0.6) !important;
}
.hover\:bg-white-alpha-70:hover {
  background-color: rgba(255,255,255,0.7) !important;
}
.hover\:bg-white-alpha-80:hover {
  background-color: rgba(255,255,255,0.8) !important;
}
.hover\:bg-white-alpha-90:hover {
  background-color: rgba(255,255,255,0.9) !important;
}
.focus\:bg-white-alpha-10:focus {
  background-color: rgba(255,255,255,0.1) !important;
}
.focus\:bg-white-alpha-20:focus {
  background-color: rgba(255,255,255,0.2) !important;
}
.focus\:bg-white-alpha-30:focus {
  background-color: rgba(255,255,255,0.3) !important;
}
.focus\:bg-white-alpha-40:focus {
  background-color: rgba(255,255,255,0.4) !important;
}
.focus\:bg-white-alpha-50:focus {
  background-color: rgba(255,255,255,0.5) !important;
}
.focus\:bg-white-alpha-60:focus {
  background-color: rgba(255,255,255,0.6) !important;
}
.focus\:bg-white-alpha-70:focus {
  background-color: rgba(255,255,255,0.7) !important;
}
.focus\:bg-white-alpha-80:focus {
  background-color: rgba(255,255,255,0.8) !important;
}
.focus\:bg-white-alpha-90:focus {
  background-color: rgba(255,255,255,0.9) !important;
}
.active\:bg-white-alpha-10:active {
  background-color: rgba(255,255,255,0.1) !important;
}
.active\:bg-white-alpha-20:active {
  background-color: rgba(255,255,255,0.2) !important;
}
.active\:bg-white-alpha-30:active {
  background-color: rgba(255,255,255,0.3) !important;
}
.active\:bg-white-alpha-40:active {
  background-color: rgba(255,255,255,0.4) !important;
}
.active\:bg-white-alpha-50:active {
  background-color: rgba(255,255,255,0.5) !important;
}
.active\:bg-white-alpha-60:active {
  background-color: rgba(255,255,255,0.6) !important;
}
.active\:bg-white-alpha-70:active {
  background-color: rgba(255,255,255,0.7) !important;
}
.active\:bg-white-alpha-80:active {
  background-color: rgba(255,255,255,0.8) !important;
}
.active\:bg-white-alpha-90:active {
  background-color: rgba(255,255,255,0.9) !important;
}
.bg-black-alpha-10 {
  background-color: rgba(0,0,0,0.1) !important;
}
.bg-black-alpha-20 {
  background-color: rgba(0,0,0,0.2) !important;
}
.bg-black-alpha-30 {
  background-color: rgba(0,0,0,0.3) !important;
}
.bg-black-alpha-40 {
  background-color: rgba(0,0,0,0.4) !important;
}
.bg-black-alpha-50 {
  background-color: rgba(0,0,0,0.5) !important;
}
.bg-black-alpha-60 {
  background-color: rgba(0,0,0,0.6) !important;
}
.bg-black-alpha-70 {
  background-color: rgba(0,0,0,0.7) !important;
}
.bg-black-alpha-80 {
  background-color: rgba(0,0,0,0.8) !important;
}
.bg-black-alpha-90 {
  background-color: rgba(0,0,0,0.9) !important;
}
.hover\:bg-black-alpha-10:hover {
  background-color: rgba(0,0,0,0.1) !important;
}
.hover\:bg-black-alpha-20:hover {
  background-color: rgba(0,0,0,0.2) !important;
}
.hover\:bg-black-alpha-30:hover {
  background-color: rgba(0,0,0,0.3) !important;
}
.hover\:bg-black-alpha-40:hover {
  background-color: rgba(0,0,0,0.4) !important;
}
.hover\:bg-black-alpha-50:hover {
  background-color: rgba(0,0,0,0.5) !important;
}
.hover\:bg-black-alpha-60:hover {
  background-color: rgba(0,0,0,0.6) !important;
}
.hover\:bg-black-alpha-70:hover {
  background-color: rgba(0,0,0,0.7) !important;
}
.hover\:bg-black-alpha-80:hover {
  background-color: rgba(0,0,0,0.8) !important;
}
.hover\:bg-black-alpha-90:hover {
  background-color: rgba(0,0,0,0.9) !important;
}
.focus\:bg-black-alpha-10:focus {
  background-color: rgba(0,0,0,0.1) !important;
}
.focus\:bg-black-alpha-20:focus {
  background-color: rgba(0,0,0,0.2) !important;
}
.focus\:bg-black-alpha-30:focus {
  background-color: rgba(0,0,0,0.3) !important;
}
.focus\:bg-black-alpha-40:focus {
  background-color: rgba(0,0,0,0.4) !important;
}
.focus\:bg-black-alpha-50:focus {
  background-color: rgba(0,0,0,0.5) !important;
}
.focus\:bg-black-alpha-60:focus {
  background-color: rgba(0,0,0,0.6) !important;
}
.focus\:bg-black-alpha-70:focus {
  background-color: rgba(0,0,0,0.7) !important;
}
.focus\:bg-black-alpha-80:focus {
  background-color: rgba(0,0,0,0.8) !important;
}
.focus\:bg-black-alpha-90:focus {
  background-color: rgba(0,0,0,0.9) !important;
}
.active\:bg-black-alpha-10:active {
  background-color: rgba(0,0,0,0.1) !important;
}
.active\:bg-black-alpha-20:active {
  background-color: rgba(0,0,0,0.2) !important;
}
.active\:bg-black-alpha-30:active {
  background-color: rgba(0,0,0,0.3) !important;
}
.active\:bg-black-alpha-40:active {
  background-color: rgba(0,0,0,0.4) !important;
}
.active\:bg-black-alpha-50:active {
  background-color: rgba(0,0,0,0.5) !important;
}
.active\:bg-black-alpha-60:active {
  background-color: rgba(0,0,0,0.6) !important;
}
.active\:bg-black-alpha-70:active {
  background-color: rgba(0,0,0,0.7) !important;
}
.active\:bg-black-alpha-80:active {
  background-color: rgba(0,0,0,0.8) !important;
}
.active\:bg-black-alpha-90:active {
  background-color: rgba(0,0,0,0.9) !important;
}
.border-white-alpha-10 {
  border-color: rgba(255,255,255,0.1) !important;
}
.border-white-alpha-20 {
  border-color: rgba(255,255,255,0.2) !important;
}
.border-white-alpha-30 {
  border-color: rgba(255,255,255,0.3) !important;
}
.border-white-alpha-40 {
  border-color: rgba(255,255,255,0.4) !important;
}
.border-white-alpha-50 {
  border-color: rgba(255,255,255,0.5) !important;
}
.border-white-alpha-60 {
  border-color: rgba(255,255,255,0.6) !important;
}
.border-white-alpha-70 {
  border-color: rgba(255,255,255,0.7) !important;
}
.border-white-alpha-80 {
  border-color: rgba(255,255,255,0.8) !important;
}
.border-white-alpha-90 {
  border-color: rgba(255,255,255,0.9) !important;
}
.hover\:border-white-alpha-10:hover {
  border-color: rgba(255,255,255,0.1) !important;
}
.hover\:border-white-alpha-20:hover {
  border-color: rgba(255,255,255,0.2) !important;
}
.hover\:border-white-alpha-30:hover {
  border-color: rgba(255,255,255,0.3) !important;
}
.hover\:border-white-alpha-40:hover {
  border-color: rgba(255,255,255,0.4) !important;
}
.hover\:border-white-alpha-50:hover {
  border-color: rgba(255,255,255,0.5) !important;
}
.hover\:border-white-alpha-60:hover {
  border-color: rgba(255,255,255,0.6) !important;
}
.hover\:border-white-alpha-70:hover {
  border-color: rgba(255,255,255,0.7) !important;
}
.hover\:border-white-alpha-80:hover {
  border-color: rgba(255,255,255,0.8) !important;
}
.hover\:border-white-alpha-90:hover {
  border-color: rgba(255,255,255,0.9) !important;
}
.focus\:border-white-alpha-10:focus {
  border-color: rgba(255,255,255,0.1) !important;
}
.focus\:border-white-alpha-20:focus {
  border-color: rgba(255,255,255,0.2) !important;
}
.focus\:border-white-alpha-30:focus {
  border-color: rgba(255,255,255,0.3) !important;
}
.focus\:border-white-alpha-40:focus {
  border-color: rgba(255,255,255,0.4) !important;
}
.focus\:border-white-alpha-50:focus {
  border-color: rgba(255,255,255,0.5) !important;
}
.focus\:border-white-alpha-60:focus {
  border-color: rgba(255,255,255,0.6) !important;
}
.focus\:border-white-alpha-70:focus {
  border-color: rgba(255,255,255,0.7) !important;
}
.focus\:border-white-alpha-80:focus {
  border-color: rgba(255,255,255,0.8) !important;
}
.focus\:border-white-alpha-90:focus {
  border-color: rgba(255,255,255,0.9) !important;
}
.active\:border-white-alpha-10:active {
  border-color: rgba(255,255,255,0.1) !important;
}
.active\:border-white-alpha-20:active {
  border-color: rgba(255,255,255,0.2) !important;
}
.active\:border-white-alpha-30:active {
  border-color: rgba(255,255,255,0.3) !important;
}
.active\:border-white-alpha-40:active {
  border-color: rgba(255,255,255,0.4) !important;
}
.active\:border-white-alpha-50:active {
  border-color: rgba(255,255,255,0.5) !important;
}
.active\:border-white-alpha-60:active {
  border-color: rgba(255,255,255,0.6) !important;
}
.active\:border-white-alpha-70:active {
  border-color: rgba(255,255,255,0.7) !important;
}
.active\:border-white-alpha-80:active {
  border-color: rgba(255,255,255,0.8) !important;
}
.active\:border-white-alpha-90:active {
  border-color: rgba(255,255,255,0.9) !important;
}
.border-black-alpha-10 {
  border-color: rgba(0,0,0,0.1) !important;
}
.border-black-alpha-20 {
  border-color: rgba(0,0,0,0.2) !important;
}
.border-black-alpha-30 {
  border-color: rgba(0,0,0,0.3) !important;
}
.border-black-alpha-40 {
  border-color: rgba(0,0,0,0.4) !important;
}
.border-black-alpha-50 {
  border-color: rgba(0,0,0,0.5) !important;
}
.border-black-alpha-60 {
  border-color: rgba(0,0,0,0.6) !important;
}
.border-black-alpha-70 {
  border-color: rgba(0,0,0,0.7) !important;
}
.border-black-alpha-80 {
  border-color: rgba(0,0,0,0.8) !important;
}
.border-black-alpha-90 {
  border-color: rgba(0,0,0,0.9) !important;
}
.hover\:border-black-alpha-10:hover {
  border-color: rgba(0,0,0,0.1) !important;
}
.hover\:border-black-alpha-20:hover {
  border-color: rgba(0,0,0,0.2) !important;
}
.hover\:border-black-alpha-30:hover {
  border-color: rgba(0,0,0,0.3) !important;
}
.hover\:border-black-alpha-40:hover {
  border-color: rgba(0,0,0,0.4) !important;
}
.hover\:border-black-alpha-50:hover {
  border-color: rgba(0,0,0,0.5) !important;
}
.hover\:border-black-alpha-60:hover {
  border-color: rgba(0,0,0,0.6) !important;
}
.hover\:border-black-alpha-70:hover {
  border-color: rgba(0,0,0,0.7) !important;
}
.hover\:border-black-alpha-80:hover {
  border-color: rgba(0,0,0,0.8) !important;
}
.hover\:border-black-alpha-90:hover {
  border-color: rgba(0,0,0,0.9) !important;
}
.focus\:border-black-alpha-10:focus {
  border-color: rgba(0,0,0,0.1) !important;
}
.focus\:border-black-alpha-20:focus {
  border-color: rgba(0,0,0,0.2) !important;
}
.focus\:border-black-alpha-30:focus {
  border-color: rgba(0,0,0,0.3) !important;
}
.focus\:border-black-alpha-40:focus {
  border-color: rgba(0,0,0,0.4) !important;
}
.focus\:border-black-alpha-50:focus {
  border-color: rgba(0,0,0,0.5) !important;
}
.focus\:border-black-alpha-60:focus {
  border-color: rgba(0,0,0,0.6) !important;
}
.focus\:border-black-alpha-70:focus {
  border-color: rgba(0,0,0,0.7) !important;
}
.focus\:border-black-alpha-80:focus {
  border-color: rgba(0,0,0,0.8) !important;
}
.focus\:border-black-alpha-90:focus {
  border-color: rgba(0,0,0,0.9) !important;
}
.active\:border-black-alpha-10:active {
  border-color: rgba(0,0,0,0.1) !important;
}
.active\:border-black-alpha-20:active {
  border-color: rgba(0,0,0,0.2) !important;
}
.active\:border-black-alpha-30:active {
  border-color: rgba(0,0,0,0.3) !important;
}
.active\:border-black-alpha-40:active {
  border-color: rgba(0,0,0,0.4) !important;
}
.active\:border-black-alpha-50:active {
  border-color: rgba(0,0,0,0.5) !important;
}
.active\:border-black-alpha-60:active {
  border-color: rgba(0,0,0,0.6) !important;
}
.active\:border-black-alpha-70:active {
  border-color: rgba(0,0,0,0.7) !important;
}
.active\:border-black-alpha-80:active {
  border-color: rgba(0,0,0,0.8) !important;
}
.active\:border-black-alpha-90:active {
  border-color: rgba(0,0,0,0.9) !important;
}
.text-white-alpha-10 {
  color: rgba(255,255,255,0.1) !important;
}
.text-white-alpha-20 {
  color: rgba(255,255,255,0.2) !important;
}
.text-white-alpha-30 {
  color: rgba(255,255,255,0.3) !important;
}
.text-white-alpha-40 {
  color: rgba(255,255,255,0.4) !important;
}
.text-white-alpha-50 {
  color: rgba(255,255,255,0.5) !important;
}
.text-white-alpha-60 {
  color: rgba(255,255,255,0.6) !important;
}
.text-white-alpha-70 {
  color: rgba(255,255,255,0.7) !important;
}
.text-white-alpha-80 {
  color: rgba(255,255,255,0.8) !important;
}
.text-white-alpha-90 {
  color: rgba(255,255,255,0.9) !important;
}
.hover\:text-white-alpha-10:hover {
  color: rgba(255,255,255,0.1) !important;
}
.hover\:text-white-alpha-20:hover {
  color: rgba(255,255,255,0.2) !important;
}
.hover\:text-white-alpha-30:hover {
  color: rgba(255,255,255,0.3) !important;
}
.hover\:text-white-alpha-40:hover {
  color: rgba(255,255,255,0.4) !important;
}
.hover\:text-white-alpha-50:hover {
  color: rgba(255,255,255,0.5) !important;
}
.hover\:text-white-alpha-60:hover {
  color: rgba(255,255,255,0.6) !important;
}
.hover\:text-white-alpha-70:hover {
  color: rgba(255,255,255,0.7) !important;
}
.hover\:text-white-alpha-80:hover {
  color: rgba(255,255,255,0.8) !important;
}
.hover\:text-white-alpha-90:hover {
  color: rgba(255,255,255,0.9) !important;
}
.focus\:text-white-alpha-10:focus {
  color: rgba(255,255,255,0.1) !important;
}
.focus\:text-white-alpha-20:focus {
  color: rgba(255,255,255,0.2) !important;
}
.focus\:text-white-alpha-30:focus {
  color: rgba(255,255,255,0.3) !important;
}
.focus\:text-white-alpha-40:focus {
  color: rgba(255,255,255,0.4) !important;
}
.focus\:text-white-alpha-50:focus {
  color: rgba(255,255,255,0.5) !important;
}
.focus\:text-white-alpha-60:focus {
  color: rgba(255,255,255,0.6) !important;
}
.focus\:text-white-alpha-70:focus {
  color: rgba(255,255,255,0.7) !important;
}
.focus\:text-white-alpha-80:focus {
  color: rgba(255,255,255,0.8) !important;
}
.focus\:text-white-alpha-90:focus {
  color: rgba(255,255,255,0.9) !important;
}
.active\:text-white-alpha-10:active {
  color: rgba(255,255,255,0.1) !important;
}
.active\:text-white-alpha-20:active {
  color: rgba(255,255,255,0.2) !important;
}
.active\:text-white-alpha-30:active {
  color: rgba(255,255,255,0.3) !important;
}
.active\:text-white-alpha-40:active {
  color: rgba(255,255,255,0.4) !important;
}
.active\:text-white-alpha-50:active {
  color: rgba(255,255,255,0.5) !important;
}
.active\:text-white-alpha-60:active {
  color: rgba(255,255,255,0.6) !important;
}
.active\:text-white-alpha-70:active {
  color: rgba(255,255,255,0.7) !important;
}
.active\:text-white-alpha-80:active {
  color: rgba(255,255,255,0.8) !important;
}
.active\:text-white-alpha-90:active {
  color: rgba(255,255,255,0.9) !important;
}
.text-black-alpha-10 {
  color: rgba(0,0,0,0.1) !important;
}
.text-black-alpha-20 {
  color: rgba(0,0,0,0.2) !important;
}
.text-black-alpha-30 {
  color: rgba(0,0,0,0.3) !important;
}
.text-black-alpha-40 {
  color: rgba(0,0,0,0.4) !important;
}
.text-black-alpha-50 {
  color: rgba(0,0,0,0.5) !important;
}
.text-black-alpha-60 {
  color: rgba(0,0,0,0.6) !important;
}
.text-black-alpha-70 {
  color: rgba(0,0,0,0.7) !important;
}
.text-black-alpha-80 {
  color: rgba(0,0,0,0.8) !important;
}
.text-black-alpha-90 {
  color: rgba(0,0,0,0.9) !important;
}
.hover\:text-black-alpha-10:hover {
  color: rgba(0,0,0,0.1) !important;
}
.hover\:text-black-alpha-20:hover {
  color: rgba(0,0,0,0.2) !important;
}
.hover\:text-black-alpha-30:hover {
  color: rgba(0,0,0,0.3) !important;
}
.hover\:text-black-alpha-40:hover {
  color: rgba(0,0,0,0.4) !important;
}
.hover\:text-black-alpha-50:hover {
  color: rgba(0,0,0,0.5) !important;
}
.hover\:text-black-alpha-60:hover {
  color: rgba(0,0,0,0.6) !important;
}
.hover\:text-black-alpha-70:hover {
  color: rgba(0,0,0,0.7) !important;
}
.hover\:text-black-alpha-80:hover {
  color: rgba(0,0,0,0.8) !important;
}
.hover\:text-black-alpha-90:hover {
  color: rgba(0,0,0,0.9) !important;
}
.focus\:text-black-alpha-10:focus {
  color: rgba(0,0,0,0.1) !important;
}
.focus\:text-black-alpha-20:focus {
  color: rgba(0,0,0,0.2) !important;
}
.focus\:text-black-alpha-30:focus {
  color: rgba(0,0,0,0.3) !important;
}
.focus\:text-black-alpha-40:focus {
  color: rgba(0,0,0,0.4) !important;
}
.focus\:text-black-alpha-50:focus {
  color: rgba(0,0,0,0.5) !important;
}
.focus\:text-black-alpha-60:focus {
  color: rgba(0,0,0,0.6) !important;
}
.focus\:text-black-alpha-70:focus {
  color: rgba(0,0,0,0.7) !important;
}
.focus\:text-black-alpha-80:focus {
  color: rgba(0,0,0,0.8) !important;
}
.focus\:text-black-alpha-90:focus {
  color: rgba(0,0,0,0.9) !important;
}
.active\:text-black-alpha-10:active {
  color: rgba(0,0,0,0.1) !important;
}
.active\:text-black-alpha-20:active {
  color: rgba(0,0,0,0.2) !important;
}
.active\:text-black-alpha-30:active {
  color: rgba(0,0,0,0.3) !important;
}
.active\:text-black-alpha-40:active {
  color: rgba(0,0,0,0.4) !important;
}
.active\:text-black-alpha-50:active {
  color: rgba(0,0,0,0.5) !important;
}
.active\:text-black-alpha-60:active {
  color: rgba(0,0,0,0.6) !important;
}
.active\:text-black-alpha-70:active {
  color: rgba(0,0,0,0.7) !important;
}
.active\:text-black-alpha-80:active {
  color: rgba(0,0,0,0.8) !important;
}
.active\:text-black-alpha-90:active {
  color: rgba(0,0,0,0.9) !important;
}
.text-primary {
  color: var(--primary-color) !important;
}
.bg-primary {
  color: var(--primary-color-text) !important;
  background-color: var(--primary-color) !important;
}
.bg-primary-reverse {
  color: var(--primary-color) !important;
  background-color: var(--primary-color-text) !important;
}
.bg-white {
  background-color: #ffffff !important;
}
.border-primary {
  border-color: var(--primary-color) !important;
}
.text-white {
  color: #ffffff !important;
}
.border-white {
  border-color: #ffffff !important;
}
.text-color {
  color: var(--text-color) !important;
}
.text-color-secondary {
  color: var(--text-color-secondary) !important;
}
.surface-ground {
  background-color: var(--surface-ground) !important;
}
.surface-section {
  background-color: var(--surface-section) !important;
}
.surface-card {
  background-color: var(--surface-card) !important;
}
.surface-overlay {
  background-color: var(--surface-overlay) !important;
}
.surface-hover {
  background-color: var(--surface-hover) !important;
}
.surface-border {
  border-color: var(--surface-border) !important;
}
.focus\:text-primary:focus {
  color: var(--primary-color) !important;
}
.hover\:text-primary:hover {
  color: var(--primary-color) !important;
}
.active\:text-primary:active {
  color: var(--primary-color) !important;
}
.focus\:bg-primary:focus {
  color: var(--primary-color-text) !important;
  background-color: var(--primary-color) !important;
}
.hover\:bg-primary:hover {
  color: var(--primary-color-text) !important;
  background-color: var(--primary-color) !important;
}
.active\:bg-primary:active {
  color: var(--primary-color-text) !important;
  background-color: var(--primary-color) !important;
}
.focus\:bg-primary-reverse:focus {
  color: var(--primary-color) !important;
  background-color: var(--primary-color-text) !important;
}
.hover\:bg-primary-reverse:hover {
  color: var(--primary-color) !important;
  background-color: var(--primary-color-text) !important;
}
.active\:bg-primary-reverse:active {
  color: var(--primary-color) !important;
  background-color: var(--primary-color-text) !important;
}
.focus\:bg-white:focus {
  background-color: #ffffff !important;
}
.hover\:bg-white:hover {
  background-color: #ffffff !important;
}
.active\:bg-white:active {
  background-color: #ffffff !important;
}
.focus\:border-primary:focus {
  border-color: var(--primary-color) !important;
}
.hover\:border-primary:hover {
  border-color: var(--primary-color) !important;
}
.active\:border-primary:active {
  border-color: var(--primary-color) !important;
}
.focus\:text-white:focus {
  color: #ffffff !important;
}
.hover\:text-white:hover {
  color: #ffffff !important;
}
.active\:text-white:active {
  color: #ffffff !important;
}
.focus\:border-white:focus {
  border-color: #ffffff !important;
}
.hover\:border-white:hover {
  border-color: #ffffff !important;
}
.active\:border-white:active {
  border-color: #ffffff !important;
}
.focus\:text-color:focus {
  color: var(--text-color) !important;
}
.hover\:text-color:hover {
  color: var(--text-color) !important;
}
.active\:text-color:active {
  color: var(--text-color) !important;
}
.focus\:text-color-secondary:focus {
  color: var(--text-color-secondary) !important;
}
.hover\:text-color-secondary:hover {
  color: var(--text-color-secondary) !important;
}
.active\:text-color-secondary:active {
  color: var(--text-color-secondary) !important;
}
.focus\:surface-ground:focus {
  background-color: var(--surface-ground) !important;
}
.hover\:surface-ground:hover {
  background-color: var(--surface-ground) !important;
}
.active\:surface-ground:active {
  background-color: var(--surface-ground) !important;
}
.focus\:surface-section:focus {
  background-color: var(--surface-section) !important;
}
.hover\:surface-section:hover {
  background-color: var(--surface-section) !important;
}
.active\:surface-section:active {
  background-color: var(--surface-section) !important;
}
.focus\:surface-card:focus {
  background-color: var(--surface-card) !important;
}
.hover\:surface-card:hover {
  background-color: var(--surface-card) !important;
}
.active\:surface-card:active {
  background-color: var(--surface-card) !important;
}
.focus\:surface-overlay:focus {
  background-color: var(--surface-overlay) !important;
}
.hover\:surface-overlay:hover {
  background-color: var(--surface-overlay) !important;
}
.active\:surface-overlay:active {
  background-color: var(--surface-overlay) !important;
}
.focus\:surface-hover:focus {
  background-color: var(--surface-hover) !important;
}
.hover\:surface-hover:hover {
  background-color: var(--surface-hover) !important;
}
.active\:surface-hover:active {
  background-color: var(--surface-hover) !important;
}
.focus\:surface-border:focus {
  border-color: var(--surface-border) !important;
}
.hover\:surface-border:hover {
  border-color: var(--surface-border) !important;
}
.active\:surface-border:active {
  border-color: var(--surface-border) !important;
}
@media screen and (min-width: 576px) {
  .sm\:text-primary {
    color: var(--primary-color) !important;
  }
  .sm\:bg-primary {
    color: var(--primary-color-text) !important;
    background-color: var(--primary-color) !important;
  }
  .sm\:bg-primary-reverse {
    color: var(--primary-color) !important;
    background-color: var(--primary-color-text) !important;
  }
  .sm\:bg-white {
    background-color: #ffffff !important;
  }
  .sm\:border-primary {
    border-color: var(--primary-color) !important;
  }
  .sm\:text-white {
    color: #ffffff !important;
  }
  .sm\:border-white {
    border-color: #ffffff !important;
  }
  .sm\:text-color {
    color: var(--text-color) !important;
  }
  .sm\:text-color-secondary {
    color: var(--text-color-secondary) !important;
  }
  .sm\:surface-ground {
    background-color: var(--surface-ground) !important;
  }
  .sm\:surface-section {
    background-color: var(--surface-section) !important;
  }
  .sm\:surface-card {
    background-color: var(--surface-card) !important;
  }
  .sm\:surface-overlay {
    background-color: var(--surface-overlay) !important;
  }
  .sm\:surface-hover {
    background-color: var(--surface-hover) !important;
  }
  .sm\:surface-border {
    border-color: var(--surface-border) !important;
  }
  .sm\:focus\:text-primary:focus {
    color: var(--primary-color) !important;
  }
  .sm\:hover\:text-primary:hover {
    color: var(--primary-color) !important;
  }
  .sm\:active\:text-primary:active {
    color: var(--primary-color) !important;
  }
  .sm\:focus\:bg-primary:focus {
    color: var(--primary-color-text) !important;
    background-color: var(--primary-color) !important;
  }
  .sm\:hover\:bg-primary:hover {
    color: var(--primary-color-text) !important;
    background-color: var(--primary-color) !important;
  }
  .sm\:active\:bg-primary:active {
    color: var(--primary-color-text) !important;
    background-color: var(--primary-color) !important;
  }
  .sm\:focus\:bg-primary-reverse:focus {
    color: var(--primary-color) !important;
    background-color: var(--primary-color-text) !important;
  }
  .sm\:hover\:bg-primary-reverse:hover {
    color: var(--primary-color) !important;
    background-color: var(--primary-color-text) !important;
  }
  .sm\:active\:bg-primary-reverse:active {
    color: var(--primary-color) !important;
    background-color: var(--primary-color-text) !important;
  }
  .sm\:focus\:bg-white:focus {
    background-color: #ffffff !important;
  }
  .sm\:hover\:bg-white:hover {
    background-color: #ffffff !important;
  }
  .sm\:active\:bg-white:active {
    background-color: #ffffff !important;
  }
  .sm\:focus\:border-primary:focus {
    border-color: var(--primary-color) !important;
  }
  .sm\:hover\:border-primary:hover {
    border-color: var(--primary-color) !important;
  }
  .sm\:active\:border-primary:active {
    border-color: var(--primary-color) !important;
  }
  .sm\:focus\:text-white:focus {
    color: #ffffff !important;
  }
  .sm\:hover\:text-white:hover {
    color: #ffffff !important;
  }
  .sm\:active\:text-white:active {
    color: #ffffff !important;
  }
  .sm\:focus\:border-white:focus {
    border-color: #ffffff !important;
  }
  .sm\:hover\:border-white:hover {
    border-color: #ffffff !important;
  }
  .sm\:active\:border-white:active {
    border-color: #ffffff !important;
  }
  .sm\:focus\:text-color:focus {
    color: var(--text-color) !important;
  }
  .sm\:hover\:text-color:hover {
    color: var(--text-color) !important;
  }
  .sm\:active\:text-color:active {
    color: var(--text-color) !important;
  }
  .sm\:focus\:text-color-secondary:focus {
    color: var(--text-color-secondary) !important;
  }
  .sm\:hover\:text-color-secondary:hover {
    color: var(--text-color-secondary) !important;
  }
  .sm\:active\:text-color-secondary:active {
    color: var(--text-color-secondary) !important;
  }
  .sm\:focus\:surface-ground:focus {
    background-color: var(--surface-ground) !important;
  }
  .sm\:hover\:surface-ground:hover {
    background-color: var(--surface-ground) !important;
  }
  .sm\:active\:surface-ground:active {
    background-color: var(--surface-ground) !important;
  }
  .sm\:focus\:surface-section:focus {
    background-color: var(--surface-section) !important;
  }
  .sm\:hover\:surface-section:hover {
    background-color: var(--surface-section) !important;
  }
  .sm\:active\:surface-section:active {
    background-color: var(--surface-section) !important;
  }
  .sm\:focus\:surface-card:focus {
    background-color: var(--surface-card) !important;
  }
  .sm\:hover\:surface-card:hover {
    background-color: var(--surface-card) !important;
  }
  .sm\:active\:surface-card:active {
    background-color: var(--surface-card) !important;
  }
  .sm\:focus\:surface-overlay:focus {
    background-color: var(--surface-overlay) !important;
  }
  .sm\:hover\:surface-overlay:hover {
    background-color: var(--surface-overlay) !important;
  }
  .sm\:active\:surface-overlay:active {
    background-color: var(--surface-overlay) !important;
  }
  .sm\:focus\:surface-hover:focus {
    background-color: var(--surface-hover) !important;
  }
  .sm\:hover\:surface-hover:hover {
    background-color: var(--surface-hover) !important;
  }
  .sm\:active\:surface-hover:active {
    background-color: var(--surface-hover) !important;
  }
  .sm\:focus\:surface-border:focus {
    border-color: var(--surface-border) !important;
  }
  .sm\:hover\:surface-border:hover {
    border-color: var(--surface-border) !important;
  }
  .sm\:active\:surface-border:active {
    border-color: var(--surface-border) !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:text-primary {
    color: var(--primary-color) !important;
  }
  .md\:bg-primary {
    color: var(--primary-color-text) !important;
    background-color: var(--primary-color) !important;
  }
  .md\:bg-primary-reverse {
    color: var(--primary-color) !important;
    background-color: var(--primary-color-text) !important;
  }
  .md\:bg-white {
    background-color: #ffffff !important;
  }
  .md\:border-primary {
    border-color: var(--primary-color) !important;
  }
  .md\:text-white {
    color: #ffffff !important;
  }
  .md\:border-white {
    border-color: #ffffff !important;
  }
  .md\:text-color {
    color: var(--text-color) !important;
  }
  .md\:text-color-secondary {
    color: var(--text-color-secondary) !important;
  }
  .md\:surface-ground {
    background-color: var(--surface-ground) !important;
  }
  .md\:surface-section {
    background-color: var(--surface-section) !important;
  }
  .md\:surface-card {
    background-color: var(--surface-card) !important;
  }
  .md\:surface-overlay {
    background-color: var(--surface-overlay) !important;
  }
  .md\:surface-hover {
    background-color: var(--surface-hover) !important;
  }
  .md\:surface-border {
    border-color: var(--surface-border) !important;
  }
  .md\:focus\:text-primary:focus {
    color: var(--primary-color) !important;
  }
  .md\:hover\:text-primary:hover {
    color: var(--primary-color) !important;
  }
  .md\:active\:text-primary:active {
    color: var(--primary-color) !important;
  }
  .md\:focus\:bg-primary:focus {
    color: var(--primary-color-text) !important;
    background-color: var(--primary-color) !important;
  }
  .md\:hover\:bg-primary:hover {
    color: var(--primary-color-text) !important;
    background-color: var(--primary-color) !important;
  }
  .md\:active\:bg-primary:active {
    color: var(--primary-color-text) !important;
    background-color: var(--primary-color) !important;
  }
  .md\:focus\:bg-primary-reverse:focus {
    color: var(--primary-color) !important;
    background-color: var(--primary-color-text) !important;
  }
  .md\:hover\:bg-primary-reverse:hover {
    color: var(--primary-color) !important;
    background-color: var(--primary-color-text) !important;
  }
  .md\:active\:bg-primary-reverse:active {
    color: var(--primary-color) !important;
    background-color: var(--primary-color-text) !important;
  }
  .md\:focus\:bg-white:focus {
    background-color: #ffffff !important;
  }
  .md\:hover\:bg-white:hover {
    background-color: #ffffff !important;
  }
  .md\:active\:bg-white:active {
    background-color: #ffffff !important;
  }
  .md\:focus\:border-primary:focus {
    border-color: var(--primary-color) !important;
  }
  .md\:hover\:border-primary:hover {
    border-color: var(--primary-color) !important;
  }
  .md\:active\:border-primary:active {
    border-color: var(--primary-color) !important;
  }
  .md\:focus\:text-white:focus {
    color: #ffffff !important;
  }
  .md\:hover\:text-white:hover {
    color: #ffffff !important;
  }
  .md\:active\:text-white:active {
    color: #ffffff !important;
  }
  .md\:focus\:border-white:focus {
    border-color: #ffffff !important;
  }
  .md\:hover\:border-white:hover {
    border-color: #ffffff !important;
  }
  .md\:active\:border-white:active {
    border-color: #ffffff !important;
  }
  .md\:focus\:text-color:focus {
    color: var(--text-color) !important;
  }
  .md\:hover\:text-color:hover {
    color: var(--text-color) !important;
  }
  .md\:active\:text-color:active {
    color: var(--text-color) !important;
  }
  .md\:focus\:text-color-secondary:focus {
    color: var(--text-color-secondary) !important;
  }
  .md\:hover\:text-color-secondary:hover {
    color: var(--text-color-secondary) !important;
  }
  .md\:active\:text-color-secondary:active {
    color: var(--text-color-secondary) !important;
  }
  .md\:focus\:surface-ground:focus {
    background-color: var(--surface-ground) !important;
  }
  .md\:hover\:surface-ground:hover {
    background-color: var(--surface-ground) !important;
  }
  .md\:active\:surface-ground:active {
    background-color: var(--surface-ground) !important;
  }
  .md\:focus\:surface-section:focus {
    background-color: var(--surface-section) !important;
  }
  .md\:hover\:surface-section:hover {
    background-color: var(--surface-section) !important;
  }
  .md\:active\:surface-section:active {
    background-color: var(--surface-section) !important;
  }
  .md\:focus\:surface-card:focus {
    background-color: var(--surface-card) !important;
  }
  .md\:hover\:surface-card:hover {
    background-color: var(--surface-card) !important;
  }
  .md\:active\:surface-card:active {
    background-color: var(--surface-card) !important;
  }
  .md\:focus\:surface-overlay:focus {
    background-color: var(--surface-overlay) !important;
  }
  .md\:hover\:surface-overlay:hover {
    background-color: var(--surface-overlay) !important;
  }
  .md\:active\:surface-overlay:active {
    background-color: var(--surface-overlay) !important;
  }
  .md\:focus\:surface-hover:focus {
    background-color: var(--surface-hover) !important;
  }
  .md\:hover\:surface-hover:hover {
    background-color: var(--surface-hover) !important;
  }
  .md\:active\:surface-hover:active {
    background-color: var(--surface-hover) !important;
  }
  .md\:focus\:surface-border:focus {
    border-color: var(--surface-border) !important;
  }
  .md\:hover\:surface-border:hover {
    border-color: var(--surface-border) !important;
  }
  .md\:active\:surface-border:active {
    border-color: var(--surface-border) !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:text-primary {
    color: var(--primary-color) !important;
  }
  .lg\:bg-primary {
    color: var(--primary-color-text) !important;
    background-color: var(--primary-color) !important;
  }
  .lg\:bg-primary-reverse {
    color: var(--primary-color) !important;
    background-color: var(--primary-color-text) !important;
  }
  .lg\:bg-white {
    background-color: #ffffff !important;
  }
  .lg\:border-primary {
    border-color: var(--primary-color) !important;
  }
  .lg\:text-white {
    color: #ffffff !important;
  }
  .lg\:border-white {
    border-color: #ffffff !important;
  }
  .lg\:text-color {
    color: var(--text-color) !important;
  }
  .lg\:text-color-secondary {
    color: var(--text-color-secondary) !important;
  }
  .lg\:surface-ground {
    background-color: var(--surface-ground) !important;
  }
  .lg\:surface-section {
    background-color: var(--surface-section) !important;
  }
  .lg\:surface-card {
    background-color: var(--surface-card) !important;
  }
  .lg\:surface-overlay {
    background-color: var(--surface-overlay) !important;
  }
  .lg\:surface-hover {
    background-color: var(--surface-hover) !important;
  }
  .lg\:surface-border {
    border-color: var(--surface-border) !important;
  }
  .lg\:focus\:text-primary:focus {
    color: var(--primary-color) !important;
  }
  .lg\:hover\:text-primary:hover {
    color: var(--primary-color) !important;
  }
  .lg\:active\:text-primary:active {
    color: var(--primary-color) !important;
  }
  .lg\:focus\:bg-primary:focus {
    color: var(--primary-color-text) !important;
    background-color: var(--primary-color) !important;
  }
  .lg\:hover\:bg-primary:hover {
    color: var(--primary-color-text) !important;
    background-color: var(--primary-color) !important;
  }
  .lg\:active\:bg-primary:active {
    color: var(--primary-color-text) !important;
    background-color: var(--primary-color) !important;
  }
  .lg\:focus\:bg-primary-reverse:focus {
    color: var(--primary-color) !important;
    background-color: var(--primary-color-text) !important;
  }
  .lg\:hover\:bg-primary-reverse:hover {
    color: var(--primary-color) !important;
    background-color: var(--primary-color-text) !important;
  }
  .lg\:active\:bg-primary-reverse:active {
    color: var(--primary-color) !important;
    background-color: var(--primary-color-text) !important;
  }
  .lg\:focus\:bg-white:focus {
    background-color: #ffffff !important;
  }
  .lg\:hover\:bg-white:hover {
    background-color: #ffffff !important;
  }
  .lg\:active\:bg-white:active {
    background-color: #ffffff !important;
  }
  .lg\:focus\:border-primary:focus {
    border-color: var(--primary-color) !important;
  }
  .lg\:hover\:border-primary:hover {
    border-color: var(--primary-color) !important;
  }
  .lg\:active\:border-primary:active {
    border-color: var(--primary-color) !important;
  }
  .lg\:focus\:text-white:focus {
    color: #ffffff !important;
  }
  .lg\:hover\:text-white:hover {
    color: #ffffff !important;
  }
  .lg\:active\:text-white:active {
    color: #ffffff !important;
  }
  .lg\:focus\:border-white:focus {
    border-color: #ffffff !important;
  }
  .lg\:hover\:border-white:hover {
    border-color: #ffffff !important;
  }
  .lg\:active\:border-white:active {
    border-color: #ffffff !important;
  }
  .lg\:focus\:text-color:focus {
    color: var(--text-color) !important;
  }
  .lg\:hover\:text-color:hover {
    color: var(--text-color) !important;
  }
  .lg\:active\:text-color:active {
    color: var(--text-color) !important;
  }
  .lg\:focus\:text-color-secondary:focus {
    color: var(--text-color-secondary) !important;
  }
  .lg\:hover\:text-color-secondary:hover {
    color: var(--text-color-secondary) !important;
  }
  .lg\:active\:text-color-secondary:active {
    color: var(--text-color-secondary) !important;
  }
  .lg\:focus\:surface-ground:focus {
    background-color: var(--surface-ground) !important;
  }
  .lg\:hover\:surface-ground:hover {
    background-color: var(--surface-ground) !important;
  }
  .lg\:active\:surface-ground:active {
    background-color: var(--surface-ground) !important;
  }
  .lg\:focus\:surface-section:focus {
    background-color: var(--surface-section) !important;
  }
  .lg\:hover\:surface-section:hover {
    background-color: var(--surface-section) !important;
  }
  .lg\:active\:surface-section:active {
    background-color: var(--surface-section) !important;
  }
  .lg\:focus\:surface-card:focus {
    background-color: var(--surface-card) !important;
  }
  .lg\:hover\:surface-card:hover {
    background-color: var(--surface-card) !important;
  }
  .lg\:active\:surface-card:active {
    background-color: var(--surface-card) !important;
  }
  .lg\:focus\:surface-overlay:focus {
    background-color: var(--surface-overlay) !important;
  }
  .lg\:hover\:surface-overlay:hover {
    background-color: var(--surface-overlay) !important;
  }
  .lg\:active\:surface-overlay:active {
    background-color: var(--surface-overlay) !important;
  }
  .lg\:focus\:surface-hover:focus {
    background-color: var(--surface-hover) !important;
  }
  .lg\:hover\:surface-hover:hover {
    background-color: var(--surface-hover) !important;
  }
  .lg\:active\:surface-hover:active {
    background-color: var(--surface-hover) !important;
  }
  .lg\:focus\:surface-border:focus {
    border-color: var(--surface-border) !important;
  }
  .lg\:hover\:surface-border:hover {
    border-color: var(--surface-border) !important;
  }
  .lg\:active\:surface-border:active {
    border-color: var(--surface-border) !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:text-primary {
    color: var(--primary-color) !important;
  }
  .xl\:bg-primary {
    color: var(--primary-color-text) !important;
    background-color: var(--primary-color) !important;
  }
  .xl\:bg-primary-reverse {
    color: var(--primary-color) !important;
    background-color: var(--primary-color-text) !important;
  }
  .xl\:bg-white {
    background-color: #ffffff !important;
  }
  .xl\:border-primary {
    border-color: var(--primary-color) !important;
  }
  .xl\:text-white {
    color: #ffffff !important;
  }
  .xl\:border-white {
    border-color: #ffffff !important;
  }
  .xl\:text-color {
    color: var(--text-color) !important;
  }
  .xl\:text-color-secondary {
    color: var(--text-color-secondary) !important;
  }
  .xl\:surface-ground {
    background-color: var(--surface-ground) !important;
  }
  .xl\:surface-section {
    background-color: var(--surface-section) !important;
  }
  .xl\:surface-card {
    background-color: var(--surface-card) !important;
  }
  .xl\:surface-overlay {
    background-color: var(--surface-overlay) !important;
  }
  .xl\:surface-hover {
    background-color: var(--surface-hover) !important;
  }
  .xl\:surface-border {
    border-color: var(--surface-border) !important;
  }
  .xl\:focus\:text-primary:focus {
    color: var(--primary-color) !important;
  }
  .xl\:hover\:text-primary:hover {
    color: var(--primary-color) !important;
  }
  .xl\:active\:text-primary:active {
    color: var(--primary-color) !important;
  }
  .xl\:focus\:bg-primary:focus {
    color: var(--primary-color-text) !important;
    background-color: var(--primary-color) !important;
  }
  .xl\:hover\:bg-primary:hover {
    color: var(--primary-color-text) !important;
    background-color: var(--primary-color) !important;
  }
  .xl\:active\:bg-primary:active {
    color: var(--primary-color-text) !important;
    background-color: var(--primary-color) !important;
  }
  .xl\:focus\:bg-primary-reverse:focus {
    color: var(--primary-color) !important;
    background-color: var(--primary-color-text) !important;
  }
  .xl\:hover\:bg-primary-reverse:hover {
    color: var(--primary-color) !important;
    background-color: var(--primary-color-text) !important;
  }
  .xl\:active\:bg-primary-reverse:active {
    color: var(--primary-color) !important;
    background-color: var(--primary-color-text) !important;
  }
  .xl\:focus\:bg-white:focus {
    background-color: #ffffff !important;
  }
  .xl\:hover\:bg-white:hover {
    background-color: #ffffff !important;
  }
  .xl\:active\:bg-white:active {
    background-color: #ffffff !important;
  }
  .xl\:focus\:border-primary:focus {
    border-color: var(--primary-color) !important;
  }
  .xl\:hover\:border-primary:hover {
    border-color: var(--primary-color) !important;
  }
  .xl\:active\:border-primary:active {
    border-color: var(--primary-color) !important;
  }
  .xl\:focus\:text-white:focus {
    color: #ffffff !important;
  }
  .xl\:hover\:text-white:hover {
    color: #ffffff !important;
  }
  .xl\:active\:text-white:active {
    color: #ffffff !important;
  }
  .xl\:focus\:border-white:focus {
    border-color: #ffffff !important;
  }
  .xl\:hover\:border-white:hover {
    border-color: #ffffff !important;
  }
  .xl\:active\:border-white:active {
    border-color: #ffffff !important;
  }
  .xl\:focus\:text-color:focus {
    color: var(--text-color) !important;
  }
  .xl\:hover\:text-color:hover {
    color: var(--text-color) !important;
  }
  .xl\:active\:text-color:active {
    color: var(--text-color) !important;
  }
  .xl\:focus\:text-color-secondary:focus {
    color: var(--text-color-secondary) !important;
  }
  .xl\:hover\:text-color-secondary:hover {
    color: var(--text-color-secondary) !important;
  }
  .xl\:active\:text-color-secondary:active {
    color: var(--text-color-secondary) !important;
  }
  .xl\:focus\:surface-ground:focus {
    background-color: var(--surface-ground) !important;
  }
  .xl\:hover\:surface-ground:hover {
    background-color: var(--surface-ground) !important;
  }
  .xl\:active\:surface-ground:active {
    background-color: var(--surface-ground) !important;
  }
  .xl\:focus\:surface-section:focus {
    background-color: var(--surface-section) !important;
  }
  .xl\:hover\:surface-section:hover {
    background-color: var(--surface-section) !important;
  }
  .xl\:active\:surface-section:active {
    background-color: var(--surface-section) !important;
  }
  .xl\:focus\:surface-card:focus {
    background-color: var(--surface-card) !important;
  }
  .xl\:hover\:surface-card:hover {
    background-color: var(--surface-card) !important;
  }
  .xl\:active\:surface-card:active {
    background-color: var(--surface-card) !important;
  }
  .xl\:focus\:surface-overlay:focus {
    background-color: var(--surface-overlay) !important;
  }
  .xl\:hover\:surface-overlay:hover {
    background-color: var(--surface-overlay) !important;
  }
  .xl\:active\:surface-overlay:active {
    background-color: var(--surface-overlay) !important;
  }
  .xl\:focus\:surface-hover:focus {
    background-color: var(--surface-hover) !important;
  }
  .xl\:hover\:surface-hover:hover {
    background-color: var(--surface-hover) !important;
  }
  .xl\:active\:surface-hover:active {
    background-color: var(--surface-hover) !important;
  }
  .xl\:focus\:surface-border:focus {
    border-color: var(--surface-border) !important;
  }
  .xl\:hover\:surface-border:hover {
    border-color: var(--surface-border) !important;
  }
  .xl\:active\:surface-border:active {
    border-color: var(--surface-border) !important;
  }
}
.field {
  margin-bottom: 1rem;
}
.field > label {
  display: inline-block;
  margin-bottom: 0.5rem;
}
.field.grid > label {
  display: flex;
  align-items: center;
}
.field > small {
  margin-top: 0.25rem;
}
.field.grid,
.formgrid.grid {
  margin-top: 0;
}
.field.grid .col-fixed,
.formgrid.grid .col-fixed,
.field.grid .col,
.formgrid.grid .col,
.field.grid .col-1,
.formgrid.grid .col-1,
.field.grid .col-2,
.formgrid.grid .col-2,
.field.grid .col-3,
.formgrid.grid .col-3,
.field.grid .col-4,
.formgrid.grid .col-4,
.field.grid .col-5,
.formgrid.grid .col-5,
.field.grid .col-6,
.formgrid.grid .col-6,
.field.grid .col-7,
.formgrid.grid .col-7,
.field.grid .col-8,
.formgrid.grid .col-8,
.field.grid .col-9,
.formgrid.grid .col-9,
.field.grid .col-10,
.formgrid.grid .col-10,
.field.grid .col-11,
.formgrid.grid .col-11,
.field.grid .col-12,
.formgrid.grid .col-12 {
  padding-top: 0;
  padding-bottom: 0;
}
.formgroup-inline {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}
.formgroup-inline .field,
.formgroup-inline .field-checkbox,
.formgroup-inline .field-radiobutton {
  margin-right: 1rem;
}
.formgroup-inline .field > label,
.formgroup-inline .field-checkbox > label,
.formgroup-inline .field-radiobutton > label {
  margin-right: 0.5rem;
  margin-bottom: 0;
}
.field-checkbox,
.field-radiobutton {
  margin-bottom: 1rem;
  display: flex;
  align-items: center;
}
.field-checkbox > label,
.field-radiobutton > label {
  margin-left: 0.5rem;
  line-height: 1;
}
.hidden {
  display: none !important;
}
.block {
  display: block !important;
}
.inline {
  display: inline !important;
}
.inline-block {
  display: inline-block !important;
}
.flex {
  display: flex !important;
}
.inline-flex {
  display: inline-flex !important;
}
@media screen and (min-width: 576px) {
  .sm\:hidden {
    display: none !important;
  }
  .sm\:block {
    display: block !important;
  }
  .sm\:inline {
    display: inline !important;
  }
  .sm\:inline-block {
    display: inline-block !important;
  }
  .sm\:flex {
    display: flex !important;
  }
  .sm\:inline-flex {
    display: inline-flex !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:hidden {
    display: none !important;
  }
  .md\:block {
    display: block !important;
  }
  .md\:inline {
    display: inline !important;
  }
  .md\:inline-block {
    display: inline-block !important;
  }
  .md\:flex {
    display: flex !important;
  }
  .md\:inline-flex {
    display: inline-flex !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:hidden {
    display: none !important;
  }
  .lg\:block {
    display: block !important;
  }
  .lg\:inline {
    display: inline !important;
  }
  .lg\:inline-block {
    display: inline-block !important;
  }
  .lg\:flex {
    display: flex !important;
  }
  .lg\:inline-flex {
    display: inline-flex !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:hidden {
    display: none !important;
  }
  .xl\:block {
    display: block !important;
  }
  .xl\:inline {
    display: inline !important;
  }
  .xl\:inline-block {
    display: inline-block !important;
  }
  .xl\:flex {
    display: flex !important;
  }
  .xl\:inline-flex {
    display: inline-flex !important;
  }
}
.text-center {
  text-align: center !important;
}
.text-justify {
  text-align: justify !important;
}
.text-left {
  text-align: left !important;
}
.text-right {
  text-align: right !important;
}
@media screen and (min-width: 576px) {
  .sm\:text-center {
    text-align: center !important;
  }
  .sm\:text-justify {
    text-align: justify !important;
  }
  .sm\:text-left {
    text-align: left !important;
  }
  .sm\:text-right {
    text-align: right !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:text-center {
    text-align: center !important;
  }
  .md\:text-justify {
    text-align: justify !important;
  }
  .md\:text-left {
    text-align: left !important;
  }
  .md\:text-right {
    text-align: right !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:text-center {
    text-align: center !important;
  }
  .lg\:text-justify {
    text-align: justify !important;
  }
  .lg\:text-left {
    text-align: left !important;
  }
  .lg\:text-right {
    text-align: right !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:text-center {
    text-align: center !important;
  }
  .xl\:text-justify {
    text-align: justify !important;
  }
  .xl\:text-left {
    text-align: left !important;
  }
  .xl\:text-right {
    text-align: right !important;
  }
}
.underline {
  text-decoration: underline !important;
}
.line-through {
  text-decoration: line-through !important;
}
.no-underline {
  text-decoration: none !important;
}
.focus\:underline:focus {
  text-decoration: underline !important;
}
.hover\:underline:hover {
  text-decoration: underline !important;
}
.active\:underline:active {
  text-decoration: underline !important;
}
.focus\:line-through:focus {
  text-decoration: line-through !important;
}
.hover\:line-through:hover {
  text-decoration: line-through !important;
}
.active\:line-through:active {
  text-decoration: line-through !important;
}
.focus\:no-underline:focus {
  text-decoration: none !important;
}
.hover\:no-underline:hover {
  text-decoration: none !important;
}
.active\:no-underline:active {
  text-decoration: none !important;
}
.lowercase {
  text-transform: lowercase !important;
}
.uppercase {
  text-transform: uppercase !important;
}
.capitalize {
  text-transform: capitalize !important;
}
.text-overflow-clip {
  text-overflow: clip !important;
}
.text-overflow-ellipsis {
  text-overflow: ellipsis !important;
}
@media screen and (min-width: 576px) {
  .sm\:text-overflow-clip {
    text-overflow: clip !important;
  }
  .sm\:text-overflow-ellipsis {
    text-overflow: ellipsis !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:text-overflow-clip {
    text-overflow: clip !important;
  }
  .md\:text-overflow-ellipsis {
    text-overflow: ellipsis !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:text-overflow-clip {
    text-overflow: clip !important;
  }
  .lg\:text-overflow-ellipsis {
    text-overflow: ellipsis !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:text-overflow-clip {
    text-overflow: clip !important;
  }
  .xl\:text-overflow-ellipsis {
    text-overflow: ellipsis !important;
  }
}
.font-light {
  font-weight: 300 !important;
}
.font-normal {
  font-weight: 400 !important;
}
.font-medium {
  font-weight: 500 !important;
}
.font-semibold {
  font-weight: 600 !important;
}
.font-bold {
  font-weight: 700 !important;
}
@media screen and (min-width: 576px) {
  .sm\:font-light {
    font-weight: 300 !important;
  }
  .sm\:font-normal {
    font-weight: 400 !important;
  }
  .sm\:font-medium {
    font-weight: 500 !important;
  }
  .sm\:font-semibold {
    font-weight: 600 !important;
  }
  .sm\:font-bold {
    font-weight: 700 !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:font-light {
    font-weight: 300 !important;
  }
  .md\:font-normal {
    font-weight: 400 !important;
  }
  .md\:font-medium {
    font-weight: 500 !important;
  }
  .md\:font-semibold {
    font-weight: 600 !important;
  }
  .md\:font-bold {
    font-weight: 700 !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:font-light {
    font-weight: 300 !important;
  }
  .lg\:font-normal {
    font-weight: 400 !important;
  }
  .lg\:font-medium {
    font-weight: 500 !important;
  }
  .lg\:font-semibold {
    font-weight: 600 !important;
  }
  .lg\:font-bold {
    font-weight: 700 !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:font-light {
    font-weight: 300 !important;
  }
  .xl\:font-normal {
    font-weight: 400 !important;
  }
  .xl\:font-medium {
    font-weight: 500 !important;
  }
  .xl\:font-semibold {
    font-weight: 600 !important;
  }
  .xl\:font-bold {
    font-weight: 700 !important;
  }
}
.font-italic {
  font-style: italic !important;
}
.text-xs {
  font-size: 0.75rem !important;
}
.text-sm {
  font-size: 0.875rem !important;
}
.text-base {
  font-size: 1rem !important;
}
.text-lg {
  font-size: 1.125rem !important;
}
.text-xl {
  font-size: 1.25rem !important;
}
.text-2xl {
  font-size: 1.5rem !important;
}
.text-3xl {
  font-size: 1.75rem !important;
}
.text-4xl {
  font-size: 2rem !important;
}
.text-5xl {
  font-size: 2.5rem !important;
}
.text-6xl {
  font-size: 3rem !important;
}
.text-7xl {
  font-size: 4rem !important;
}
.text-8xl {
  font-size: 6rem !important;
}
@media screen and (min-width: 576px) {
  .sm\:text-xs {
    font-size: 0.75rem !important;
  }
  .sm\:text-sm {
    font-size: 0.875rem !important;
  }
  .sm\:text-base {
    font-size: 1rem !important;
  }
  .sm\:text-lg {
    font-size: 1.125rem !important;
  }
  .sm\:text-xl {
    font-size: 1.25rem !important;
  }
  .sm\:text-2xl {
    font-size: 1.5rem !important;
  }
  .sm\:text-3xl {
    font-size: 1.75rem !important;
  }
  .sm\:text-4xl {
    font-size: 2rem !important;
  }
  .sm\:text-5xl {
    font-size: 2.5rem !important;
  }
  .sm\:text-6xl {
    font-size: 3rem !important;
  }
  .sm\:text-7xl {
    font-size: 4rem !important;
  }
  .sm\:text-8xl {
    font-size: 6rem !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:text-xs {
    font-size: 0.75rem !important;
  }
  .md\:text-sm {
    font-size: 0.875rem !important;
  }
  .md\:text-base {
    font-size: 1rem !important;
  }
  .md\:text-lg {
    font-size: 1.125rem !important;
  }
  .md\:text-xl {
    font-size: 1.25rem !important;
  }
  .md\:text-2xl {
    font-size: 1.5rem !important;
  }
  .md\:text-3xl {
    font-size: 1.75rem !important;
  }
  .md\:text-4xl {
    font-size: 2rem !important;
  }
  .md\:text-5xl {
    font-size: 2.5rem !important;
  }
  .md\:text-6xl {
    font-size: 3rem !important;
  }
  .md\:text-7xl {
    font-size: 4rem !important;
  }
  .md\:text-8xl {
    font-size: 6rem !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:text-xs {
    font-size: 0.75rem !important;
  }
  .lg\:text-sm {
    font-size: 0.875rem !important;
  }
  .lg\:text-base {
    font-size: 1rem !important;
  }
  .lg\:text-lg {
    font-size: 1.125rem !important;
  }
  .lg\:text-xl {
    font-size: 1.25rem !important;
  }
  .lg\:text-2xl {
    font-size: 1.5rem !important;
  }
  .lg\:text-3xl {
    font-size: 1.75rem !important;
  }
  .lg\:text-4xl {
    font-size: 2rem !important;
  }
  .lg\:text-5xl {
    font-size: 2.5rem !important;
  }
  .lg\:text-6xl {
    font-size: 3rem !important;
  }
  .lg\:text-7xl {
    font-size: 4rem !important;
  }
  .lg\:text-8xl {
    font-size: 6rem !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:text-xs {
    font-size: 0.75rem !important;
  }
  .xl\:text-sm {
    font-size: 0.875rem !important;
  }
  .xl\:text-base {
    font-size: 1rem !important;
  }
  .xl\:text-lg {
    font-size: 1.125rem !important;
  }
  .xl\:text-xl {
    font-size: 1.25rem !important;
  }
  .xl\:text-2xl {
    font-size: 1.5rem !important;
  }
  .xl\:text-3xl {
    font-size: 1.75rem !important;
  }
  .xl\:text-4xl {
    font-size: 2rem !important;
  }
  .xl\:text-5xl {
    font-size: 2.5rem !important;
  }
  .xl\:text-6xl {
    font-size: 3rem !important;
  }
  .xl\:text-7xl {
    font-size: 4rem !important;
  }
  .xl\:text-8xl {
    font-size: 6rem !important;
  }
}
.line-height-1 {
  line-height: 1 !important;
}
.line-height-2 {
  line-height: 1.25 !important;
}
.line-height-3 {
  line-height: 1.5 !important;
}
.line-height-4 {
  line-height: 2 !important;
}
.white-space-normal {
  white-space: normal !important;
}
.white-space-nowrap {
  white-space: nowrap !important;
}
.vertical-align-baseline {
  vertical-align: baseline !important;
}
.vertical-align-top {
  vertical-align: top !important;
}
.vertical-align-middle {
  vertical-align: middle !important;
}
.vertical-align-bottom {
  vertical-align: bottom !important;
}
.vertical-align-text-top {
  vertical-align: text-top !important;
}
.vertical-align-text-bottom {
  vertical-align: text-bottom !important;
}
.vertical-align-sub {
  vertical-align: sub !important;
}
.vertical-align-super {
  vertical-align: super !important;
}
@media screen and (min-width: 576px) {
  .sm\:vertical-align-baseline {
    vertical-align: baseline !important;
  }
  .sm\:vertical-align-top {
    vertical-align: top !important;
  }
  .sm\:vertical-align-middle {
    vertical-align: middle !important;
  }
  .sm\:vertical-align-bottom {
    vertical-align: bottom !important;
  }
  .sm\:vertical-align-text-top {
    vertical-align: text-top !important;
  }
  .sm\:vertical-align-text-bottom {
    vertical-align: text-bottom !important;
  }
  .sm\:vertical-align-sub {
    vertical-align: sub !important;
  }
  .sm\:vertical-align-super {
    vertical-align: super !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:vertical-align-baseline {
    vertical-align: baseline !important;
  }
  .md\:vertical-align-top {
    vertical-align: top !important;
  }
  .md\:vertical-align-middle {
    vertical-align: middle !important;
  }
  .md\:vertical-align-bottom {
    vertical-align: bottom !important;
  }
  .md\:vertical-align-text-top {
    vertical-align: text-top !important;
  }
  .md\:vertical-align-text-bottom {
    vertical-align: text-bottom !important;
  }
  .md\:vertical-align-sub {
    vertical-align: sub !important;
  }
  .md\:vertical-align-super {
    vertical-align: super !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:vertical-align-baseline {
    vertical-align: baseline !important;
  }
  .lg\:vertical-align-top {
    vertical-align: top !important;
  }
  .lg\:vertical-align-middle {
    vertical-align: middle !important;
  }
  .lg\:vertical-align-bottom {
    vertical-align: bottom !important;
  }
  .lg\:vertical-align-text-top {
    vertical-align: text-top !important;
  }
  .lg\:vertical-align-text-bottom {
    vertical-align: text-bottom !important;
  }
  .lg\:vertical-align-sub {
    vertical-align: sub !important;
  }
  .lg\:vertical-align-super {
    vertical-align: super !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:vertical-align-baseline {
    vertical-align: baseline !important;
  }
  .xl\:vertical-align-top {
    vertical-align: top !important;
  }
  .xl\:vertical-align-middle {
    vertical-align: middle !important;
  }
  .xl\:vertical-align-bottom {
    vertical-align: bottom !important;
  }
  .xl\:vertical-align-text-top {
    vertical-align: text-top !important;
  }
  .xl\:vertical-align-text-bottom {
    vertical-align: text-bottom !important;
  }
  .xl\:vertical-align-sub {
    vertical-align: sub !important;
  }
  .xl\:vertical-align-super {
    vertical-align: super !important;
  }
}
.flex-row {
  flex-direction: row !important;
}
.flex-row-reverse {
  flex-direction: row-reverse !important;
}
.flex-column {
  flex-direction: column !important;
}
.flex-column-reverse {
  flex-direction: column-reverse !important;
}
@media screen and (min-width: 576px) {
  .sm\:flex-row {
    flex-direction: row !important;
  }
  .sm\:flex-row-reverse {
    flex-direction: row-reverse !important;
  }
  .sm\:flex-column {
    flex-direction: column !important;
  }
  .sm\:flex-column-reverse {
    flex-direction: column-reverse !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:flex-row {
    flex-direction: row !important;
  }
  .md\:flex-row-reverse {
    flex-direction: row-reverse !important;
  }
  .md\:flex-column {
    flex-direction: column !important;
  }
  .md\:flex-column-reverse {
    flex-direction: column-reverse !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:flex-row {
    flex-direction: row !important;
  }
  .lg\:flex-row-reverse {
    flex-direction: row-reverse !important;
  }
  .lg\:flex-column {
    flex-direction: column !important;
  }
  .lg\:flex-column-reverse {
    flex-direction: column-reverse !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:flex-row {
    flex-direction: row !important;
  }
  .xl\:flex-row-reverse {
    flex-direction: row-reverse !important;
  }
  .xl\:flex-column {
    flex-direction: column !important;
  }
  .xl\:flex-column-reverse {
    flex-direction: column-reverse !important;
  }
}
.flex-wrap {
  flex-wrap: wrap !important;
}
.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}
.flex-nowrap {
  flex-wrap: nowrap !important;
}
@media screen and (min-width: 576px) {
  .sm\:flex-wrap {
    flex-wrap: wrap !important;
  }
  .sm\:flex-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .sm\:flex-nowrap {
    flex-wrap: nowrap !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:flex-wrap {
    flex-wrap: wrap !important;
  }
  .md\:flex-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .md\:flex-nowrap {
    flex-wrap: nowrap !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:flex-wrap {
    flex-wrap: wrap !important;
  }
  .lg\:flex-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .lg\:flex-nowrap {
    flex-wrap: nowrap !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:flex-wrap {
    flex-wrap: wrap !important;
  }
  .xl\:flex-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .xl\:flex-nowrap {
    flex-wrap: nowrap !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;
}
@media screen and (min-width: 576px) {
  .sm\:justify-content-start {
    justify-content: flex-start !important;
  }
  .sm\:justify-content-end {
    justify-content: flex-end !important;
  }
  .sm\:justify-content-center {
    justify-content: center !important;
  }
  .sm\:justify-content-between {
    justify-content: space-between !important;
  }
  .sm\:justify-content-around {
    justify-content: space-around !important;
  }
  .sm\:justify-content-evenly {
    justify-content: space-evenly !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:justify-content-start {
    justify-content: flex-start !important;
  }
  .md\:justify-content-end {
    justify-content: flex-end !important;
  }
  .md\:justify-content-center {
    justify-content: center !important;
  }
  .md\:justify-content-between {
    justify-content: space-between !important;
  }
  .md\:justify-content-around {
    justify-content: space-around !important;
  }
  .md\:justify-content-evenly {
    justify-content: space-evenly !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:justify-content-start {
    justify-content: flex-start !important;
  }
  .lg\:justify-content-end {
    justify-content: flex-end !important;
  }
  .lg\:justify-content-center {
    justify-content: center !important;
  }
  .lg\:justify-content-between {
    justify-content: space-between !important;
  }
  .lg\:justify-content-around {
    justify-content: space-around !important;
  }
  .lg\:justify-content-evenly {
    justify-content: space-evenly !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:justify-content-start {
    justify-content: flex-start !important;
  }
  .xl\:justify-content-end {
    justify-content: flex-end !important;
  }
  .xl\:justify-content-center {
    justify-content: center !important;
  }
  .xl\:justify-content-between {
    justify-content: space-between !important;
  }
  .xl\:justify-content-around {
    justify-content: space-around !important;
  }
  .xl\:justify-content-evenly {
    justify-content: space-evenly !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-evenly {
  align-content: space-evenly !important;
}
@media screen and (min-width: 576px) {
  .sm\:align-content-start {
    align-content: flex-start !important;
  }
  .sm\:align-content-end {
    align-content: flex-end !important;
  }
  .sm\:align-content-center {
    align-content: center !important;
  }
  .sm\:align-content-between {
    align-content: space-between !important;
  }
  .sm\:align-content-around {
    align-content: space-around !important;
  }
  .sm\:align-content-evenly {
    align-content: space-evenly !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:align-content-start {
    align-content: flex-start !important;
  }
  .md\:align-content-end {
    align-content: flex-end !important;
  }
  .md\:align-content-center {
    align-content: center !important;
  }
  .md\:align-content-between {
    align-content: space-between !important;
  }
  .md\:align-content-around {
    align-content: space-around !important;
  }
  .md\:align-content-evenly {
    align-content: space-evenly !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:align-content-start {
    align-content: flex-start !important;
  }
  .lg\:align-content-end {
    align-content: flex-end !important;
  }
  .lg\:align-content-center {
    align-content: center !important;
  }
  .lg\:align-content-between {
    align-content: space-between !important;
  }
  .lg\:align-content-around {
    align-content: space-around !important;
  }
  .lg\:align-content-evenly {
    align-content: space-evenly !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:align-content-start {
    align-content: flex-start !important;
  }
  .xl\:align-content-end {
    align-content: flex-end !important;
  }
  .xl\:align-content-center {
    align-content: center !important;
  }
  .xl\:align-content-between {
    align-content: space-between !important;
  }
  .xl\:align-content-around {
    align-content: space-around !important;
  }
  .xl\:align-content-evenly {
    align-content: space-evenly !important;
  }
}
.align-items-stretch {
  align-items: stretch !important;
}
.align-items-start {
  align-items: flex-start !important;
}
.align-items-center {
  align-items: center !important;
}
.align-items-end {
  align-items: flex-end !important;
}
.align-items-baseline {
  align-items: baseline !important;
}
@media screen and (min-width: 576px) {
  .sm\:align-items-stretch {
    align-items: stretch !important;
  }
  .sm\:align-items-start {
    align-items: flex-start !important;
  }
  .sm\:align-items-center {
    align-items: center !important;
  }
  .sm\:align-items-end {
    align-items: flex-end !important;
  }
  .sm\:align-items-baseline {
    align-items: baseline !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:align-items-stretch {
    align-items: stretch !important;
  }
  .md\:align-items-start {
    align-items: flex-start !important;
  }
  .md\:align-items-center {
    align-items: center !important;
  }
  .md\:align-items-end {
    align-items: flex-end !important;
  }
  .md\:align-items-baseline {
    align-items: baseline !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:align-items-stretch {
    align-items: stretch !important;
  }
  .lg\:align-items-start {
    align-items: flex-start !important;
  }
  .lg\:align-items-center {
    align-items: center !important;
  }
  .lg\:align-items-end {
    align-items: flex-end !important;
  }
  .lg\:align-items-baseline {
    align-items: baseline !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:align-items-stretch {
    align-items: stretch !important;
  }
  .xl\:align-items-start {
    align-items: flex-start !important;
  }
  .xl\:align-items-center {
    align-items: center !important;
  }
  .xl\:align-items-end {
    align-items: flex-end !important;
  }
  .xl\:align-items-baseline {
    align-items: baseline !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-stretch {
  align-self: stretch !important;
}
.align-self-baseline {
  align-self: baseline !important;
}
@media screen and (min-width: 576px) {
  .sm\:align-self-auto {
    align-self: auto !important;
  }
  .sm\:align-self-start {
    align-self: flex-start !important;
  }
  .sm\:align-self-end {
    align-self: flex-end !important;
  }
  .sm\:align-self-center {
    align-self: center !important;
  }
  .sm\:align-self-stretch {
    align-self: stretch !important;
  }
  .sm\:align-self-baseline {
    align-self: baseline !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:align-self-auto {
    align-self: auto !important;
  }
  .md\:align-self-start {
    align-self: flex-start !important;
  }
  .md\:align-self-end {
    align-self: flex-end !important;
  }
  .md\:align-self-center {
    align-self: center !important;
  }
  .md\:align-self-stretch {
    align-self: stretch !important;
  }
  .md\:align-self-baseline {
    align-self: baseline !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:align-self-auto {
    align-self: auto !important;
  }
  .lg\:align-self-start {
    align-self: flex-start !important;
  }
  .lg\:align-self-end {
    align-self: flex-end !important;
  }
  .lg\:align-self-center {
    align-self: center !important;
  }
  .lg\:align-self-stretch {
    align-self: stretch !important;
  }
  .lg\:align-self-baseline {
    align-self: baseline !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:align-self-auto {
    align-self: auto !important;
  }
  .xl\:align-self-start {
    align-self: flex-start !important;
  }
  .xl\:align-self-end {
    align-self: flex-end !important;
  }
  .xl\:align-self-center {
    align-self: center !important;
  }
  .xl\:align-self-stretch {
    align-self: stretch !important;
  }
  .xl\:align-self-baseline {
    align-self: baseline !important;
  }
}
.flex-order-0 {
  order: 0 !important;
}
.flex-order-1 {
  order: 1 !important;
}
.flex-order-2 {
  order: 2 !important;
}
.flex-order-3 {
  order: 3 !important;
}
.flex-order-4 {
  order: 4 !important;
}
.flex-order-5 {
  order: 5 !important;
}
.flex-order-6 {
  order: 6 !important;
}
@media screen and (min-width: 576px) {
  .sm\:flex-order-0 {
    order: 0 !important;
  }
  .sm\:flex-order-1 {
    order: 1 !important;
  }
  .sm\:flex-order-2 {
    order: 2 !important;
  }
  .sm\:flex-order-3 {
    order: 3 !important;
  }
  .sm\:flex-order-4 {
    order: 4 !important;
  }
  .sm\:flex-order-5 {
    order: 5 !important;
  }
  .sm\:flex-order-6 {
    order: 6 !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:flex-order-0 {
    order: 0 !important;
  }
  .md\:flex-order-1 {
    order: 1 !important;
  }
  .md\:flex-order-2 {
    order: 2 !important;
  }
  .md\:flex-order-3 {
    order: 3 !important;
  }
  .md\:flex-order-4 {
    order: 4 !important;
  }
  .md\:flex-order-5 {
    order: 5 !important;
  }
  .md\:flex-order-6 {
    order: 6 !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:flex-order-0 {
    order: 0 !important;
  }
  .lg\:flex-order-1 {
    order: 1 !important;
  }
  .lg\:flex-order-2 {
    order: 2 !important;
  }
  .lg\:flex-order-3 {
    order: 3 !important;
  }
  .lg\:flex-order-4 {
    order: 4 !important;
  }
  .lg\:flex-order-5 {
    order: 5 !important;
  }
  .lg\:flex-order-6 {
    order: 6 !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:flex-order-0 {
    order: 0 !important;
  }
  .xl\:flex-order-1 {
    order: 1 !important;
  }
  .xl\:flex-order-2 {
    order: 2 !important;
  }
  .xl\:flex-order-3 {
    order: 3 !important;
  }
  .xl\:flex-order-4 {
    order: 4 !important;
  }
  .xl\:flex-order-5 {
    order: 5 !important;
  }
  .xl\:flex-order-6 {
    order: 6 !important;
  }
}
.flex-1 {
  flex: 1 1 0% !important;
}
.flex-auto {
  flex: 1 1 auto !important;
}
.flex-initial {
  flex: 0 1 auto !important;
}
.flex-none {
  flex: none !important;
}
@media screen and (min-width: 576px) {
  .sm\:flex-1 {
    flex: 1 1 0% !important;
  }
  .sm\:flex-auto {
    flex: 1 1 auto !important;
  }
  .sm\:flex-initial {
    flex: 0 1 auto !important;
  }
  .sm\:flex-none {
    flex: none !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:flex-1 {
    flex: 1 1 0% !important;
  }
  .md\:flex-auto {
    flex: 1 1 auto !important;
  }
  .md\:flex-initial {
    flex: 0 1 auto !important;
  }
  .md\:flex-none {
    flex: none !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:flex-1 {
    flex: 1 1 0% !important;
  }
  .lg\:flex-auto {
    flex: 1 1 auto !important;
  }
  .lg\:flex-initial {
    flex: 0 1 auto !important;
  }
  .lg\:flex-none {
    flex: none !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:flex-1 {
    flex: 1 1 0% !important;
  }
  .xl\:flex-auto {
    flex: 1 1 auto !important;
  }
  .xl\:flex-initial {
    flex: 0 1 auto !important;
  }
  .xl\:flex-none {
    flex: none !important;
  }
}
.flex-grow-0 {
  flex-grow: 0 !important;
}
.flex-grow-1 {
  flex-grow: 1 !important;
}
@media screen and (min-width: 576px) {
  .sm\:flex-grow-0 {
    flex-grow: 0 !important;
  }
  .sm\:flex-grow-1 {
    flex-grow: 1 !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:flex-grow-0 {
    flex-grow: 0 !important;
  }
  .md\:flex-grow-1 {
    flex-grow: 1 !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:flex-grow-0 {
    flex-grow: 0 !important;
  }
  .lg\:flex-grow-1 {
    flex-grow: 1 !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:flex-grow-0 {
    flex-grow: 0 !important;
  }
  .xl\:flex-grow-1 {
    flex-grow: 1 !important;
  }
}
.flex-shrink-0 {
  flex-shrink: 0 !important;
}
.flex-shrink-1 {
  flex-shrink: 1 !important;
}
@media screen and (min-width: 576px) {
  .sm\:flex-shrink-0 {
    flex-shrink: 0 !important;
  }
  .sm\:flex-shrink-1 {
    flex-shrink: 1 !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:flex-shrink-0 {
    flex-shrink: 0 !important;
  }
  .md\:flex-shrink-1 {
    flex-shrink: 1 !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:flex-shrink-0 {
    flex-shrink: 0 !important;
  }
  .lg\:flex-shrink-1 {
    flex-shrink: 1 !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:flex-shrink-0 {
    flex-shrink: 0 !important;
  }
  .xl\:flex-shrink-1 {
    flex-shrink: 1 !important;
  }
}
.gap-0 {
  gap: 0rem !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: 2rem !important;
}
.gap-6 {
  gap: 3rem !important;
}
.gap-7 {
  gap: 4rem !important;
}
.gap-8 {
  gap: 5rem !important;
}
.row-gap-0 {
  row-gap: 0rem !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: 2rem !important;
}
.row-gap-6 {
  row-gap: 3rem !important;
}
.row-gap-7 {
  row-gap: 4rem !important;
}
.row-gap-8 {
  row-gap: 5rem !important;
}
.column-gap-0 {
  -moz-column-gap: 0rem !important;
       column-gap: 0rem !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: 2rem !important;
       column-gap: 2rem !important;
}
.column-gap-6 {
  -moz-column-gap: 3rem !important;
       column-gap: 3rem !important;
}
.column-gap-7 {
  -moz-column-gap: 4rem !important;
       column-gap: 4rem !important;
}
.column-gap-8 {
  -moz-column-gap: 5rem !important;
       column-gap: 5rem !important;
}
@media screen and (min-width: 576px) {
  .sm\:gap-0 {
    gap: 0rem !important;
  }
  .sm\:gap-1 {
    gap: 0.25rem !important;
  }
  .sm\:gap-2 {
    gap: 0.5rem !important;
  }
  .sm\:gap-3 {
    gap: 1rem !important;
  }
  .sm\:gap-4 {
    gap: 1.5rem !important;
  }
  .sm\:gap-5 {
    gap: 2rem !important;
  }
  .sm\:gap-6 {
    gap: 3rem !important;
  }
  .sm\:gap-7 {
    gap: 4rem !important;
  }
  .sm\:gap-8 {
    gap: 5rem !important;
  }
  .sm\:row-gap-0 {
    row-gap: 0rem !important;
  }
  .sm\:row-gap-1 {
    row-gap: 0.25rem !important;
  }
  .sm\:row-gap-2 {
    row-gap: 0.5rem !important;
  }
  .sm\:row-gap-3 {
    row-gap: 1rem !important;
  }
  .sm\:row-gap-4 {
    row-gap: 1.5rem !important;
  }
  .sm\:row-gap-5 {
    row-gap: 2rem !important;
  }
  .sm\:row-gap-6 {
    row-gap: 3rem !important;
  }
  .sm\:row-gap-7 {
    row-gap: 4rem !important;
  }
  .sm\:row-gap-8 {
    row-gap: 5rem !important;
  }
  .sm\:column-gap-0 {
    -moz-column-gap: 0rem !important;
         column-gap: 0rem !important;
  }
  .sm\:column-gap-1 {
    -moz-column-gap: 0.25rem !important;
         column-gap: 0.25rem !important;
  }
  .sm\:column-gap-2 {
    -moz-column-gap: 0.5rem !important;
         column-gap: 0.5rem !important;
  }
  .sm\:column-gap-3 {
    -moz-column-gap: 1rem !important;
         column-gap: 1rem !important;
  }
  .sm\:column-gap-4 {
    -moz-column-gap: 1.5rem !important;
         column-gap: 1.5rem !important;
  }
  .sm\:column-gap-5 {
    -moz-column-gap: 2rem !important;
         column-gap: 2rem !important;
  }
  .sm\:column-gap-6 {
    -moz-column-gap: 3rem !important;
         column-gap: 3rem !important;
  }
  .sm\:column-gap-7 {
    -moz-column-gap: 4rem !important;
         column-gap: 4rem !important;
  }
  .sm\:column-gap-8 {
    -moz-column-gap: 5rem !important;
         column-gap: 5rem !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:gap-0 {
    gap: 0rem !important;
  }
  .md\:gap-1 {
    gap: 0.25rem !important;
  }
  .md\:gap-2 {
    gap: 0.5rem !important;
  }
  .md\:gap-3 {
    gap: 1rem !important;
  }
  .md\:gap-4 {
    gap: 1.5rem !important;
  }
  .md\:gap-5 {
    gap: 2rem !important;
  }
  .md\:gap-6 {
    gap: 3rem !important;
  }
  .md\:gap-7 {
    gap: 4rem !important;
  }
  .md\:gap-8 {
    gap: 5rem !important;
  }
  .md\:row-gap-0 {
    row-gap: 0rem !important;
  }
  .md\:row-gap-1 {
    row-gap: 0.25rem !important;
  }
  .md\:row-gap-2 {
    row-gap: 0.5rem !important;
  }
  .md\:row-gap-3 {
    row-gap: 1rem !important;
  }
  .md\:row-gap-4 {
    row-gap: 1.5rem !important;
  }
  .md\:row-gap-5 {
    row-gap: 2rem !important;
  }
  .md\:row-gap-6 {
    row-gap: 3rem !important;
  }
  .md\:row-gap-7 {
    row-gap: 4rem !important;
  }
  .md\:row-gap-8 {
    row-gap: 5rem !important;
  }
  .md\:column-gap-0 {
    -moz-column-gap: 0rem !important;
         column-gap: 0rem !important;
  }
  .md\:column-gap-1 {
    -moz-column-gap: 0.25rem !important;
         column-gap: 0.25rem !important;
  }
  .md\:column-gap-2 {
    -moz-column-gap: 0.5rem !important;
         column-gap: 0.5rem !important;
  }
  .md\:column-gap-3 {
    -moz-column-gap: 1rem !important;
         column-gap: 1rem !important;
  }
  .md\:column-gap-4 {
    -moz-column-gap: 1.5rem !important;
         column-gap: 1.5rem !important;
  }
  .md\:column-gap-5 {
    -moz-column-gap: 2rem !important;
         column-gap: 2rem !important;
  }
  .md\:column-gap-6 {
    -moz-column-gap: 3rem !important;
         column-gap: 3rem !important;
  }
  .md\:column-gap-7 {
    -moz-column-gap: 4rem !important;
         column-gap: 4rem !important;
  }
  .md\:column-gap-8 {
    -moz-column-gap: 5rem !important;
         column-gap: 5rem !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:gap-0 {
    gap: 0rem !important;
  }
  .lg\:gap-1 {
    gap: 0.25rem !important;
  }
  .lg\:gap-2 {
    gap: 0.5rem !important;
  }
  .lg\:gap-3 {
    gap: 1rem !important;
  }
  .lg\:gap-4 {
    gap: 1.5rem !important;
  }
  .lg\:gap-5 {
    gap: 2rem !important;
  }
  .lg\:gap-6 {
    gap: 3rem !important;
  }
  .lg\:gap-7 {
    gap: 4rem !important;
  }
  .lg\:gap-8 {
    gap: 5rem !important;
  }
  .lg\:row-gap-0 {
    row-gap: 0rem !important;
  }
  .lg\:row-gap-1 {
    row-gap: 0.25rem !important;
  }
  .lg\:row-gap-2 {
    row-gap: 0.5rem !important;
  }
  .lg\:row-gap-3 {
    row-gap: 1rem !important;
  }
  .lg\:row-gap-4 {
    row-gap: 1.5rem !important;
  }
  .lg\:row-gap-5 {
    row-gap: 2rem !important;
  }
  .lg\:row-gap-6 {
    row-gap: 3rem !important;
  }
  .lg\:row-gap-7 {
    row-gap: 4rem !important;
  }
  .lg\:row-gap-8 {
    row-gap: 5rem !important;
  }
  .lg\:column-gap-0 {
    -moz-column-gap: 0rem !important;
         column-gap: 0rem !important;
  }
  .lg\:column-gap-1 {
    -moz-column-gap: 0.25rem !important;
         column-gap: 0.25rem !important;
  }
  .lg\:column-gap-2 {
    -moz-column-gap: 0.5rem !important;
         column-gap: 0.5rem !important;
  }
  .lg\:column-gap-3 {
    -moz-column-gap: 1rem !important;
         column-gap: 1rem !important;
  }
  .lg\:column-gap-4 {
    -moz-column-gap: 1.5rem !important;
         column-gap: 1.5rem !important;
  }
  .lg\:column-gap-5 {
    -moz-column-gap: 2rem !important;
         column-gap: 2rem !important;
  }
  .lg\:column-gap-6 {
    -moz-column-gap: 3rem !important;
         column-gap: 3rem !important;
  }
  .lg\:column-gap-7 {
    -moz-column-gap: 4rem !important;
         column-gap: 4rem !important;
  }
  .lg\:column-gap-8 {
    -moz-column-gap: 5rem !important;
         column-gap: 5rem !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:gap-0 {
    gap: 0rem !important;
  }
  .xl\:gap-1 {
    gap: 0.25rem !important;
  }
  .xl\:gap-2 {
    gap: 0.5rem !important;
  }
  .xl\:gap-3 {
    gap: 1rem !important;
  }
  .xl\:gap-4 {
    gap: 1.5rem !important;
  }
  .xl\:gap-5 {
    gap: 2rem !important;
  }
  .xl\:gap-6 {
    gap: 3rem !important;
  }
  .xl\:gap-7 {
    gap: 4rem !important;
  }
  .xl\:gap-8 {
    gap: 5rem !important;
  }
  .xl\:row-gap-0 {
    row-gap: 0rem !important;
  }
  .xl\:row-gap-1 {
    row-gap: 0.25rem !important;
  }
  .xl\:row-gap-2 {
    row-gap: 0.5rem !important;
  }
  .xl\:row-gap-3 {
    row-gap: 1rem !important;
  }
  .xl\:row-gap-4 {
    row-gap: 1.5rem !important;
  }
  .xl\:row-gap-5 {
    row-gap: 2rem !important;
  }
  .xl\:row-gap-6 {
    row-gap: 3rem !important;
  }
  .xl\:row-gap-7 {
    row-gap: 4rem !important;
  }
  .xl\:row-gap-8 {
    row-gap: 5rem !important;
  }
  .xl\:column-gap-0 {
    -moz-column-gap: 0rem !important;
         column-gap: 0rem !important;
  }
  .xl\:column-gap-1 {
    -moz-column-gap: 0.25rem !important;
         column-gap: 0.25rem !important;
  }
  .xl\:column-gap-2 {
    -moz-column-gap: 0.5rem !important;
         column-gap: 0.5rem !important;
  }
  .xl\:column-gap-3 {
    -moz-column-gap: 1rem !important;
         column-gap: 1rem !important;
  }
  .xl\:column-gap-4 {
    -moz-column-gap: 1.5rem !important;
         column-gap: 1.5rem !important;
  }
  .xl\:column-gap-5 {
    -moz-column-gap: 2rem !important;
         column-gap: 2rem !important;
  }
  .xl\:column-gap-6 {
    -moz-column-gap: 3rem !important;
         column-gap: 3rem !important;
  }
  .xl\:column-gap-7 {
    -moz-column-gap: 4rem !important;
         column-gap: 4rem !important;
  }
  .xl\:column-gap-8 {
    -moz-column-gap: 5rem !important;
         column-gap: 5rem !important;
  }
}
.p-0 {
  padding: 0rem !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: 2rem !important;
}
.p-6 {
  padding: 3rem !important;
}
.p-7 {
  padding: 4rem !important;
}
.p-8 {
  padding: 5rem !important;
}
.pt-0 {
  padding-top: 0rem !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: 2rem !important;
}
.pt-6 {
  padding-top: 3rem !important;
}
.pt-7 {
  padding-top: 4rem !important;
}
.pt-8 {
  padding-top: 5rem !important;
}
.pr-0 {
  padding-right: 0rem !important;
}
.pr-1 {
  padding-right: 0.25rem !important;
}
.pr-2 {
  padding-right: 0.5rem !important;
}
.pr-3 {
  padding-right: 1rem !important;
}
.pr-4 {
  padding-right: 1.5rem !important;
}
.pr-5 {
  padding-right: 2rem !important;
}
.pr-6 {
  padding-right: 3rem !important;
}
.pr-7 {
  padding-right: 4rem !important;
}
.pr-8 {
  padding-right: 5rem !important;
}
.pl-0 {
  padding-left: 0rem !important;
}
.pl-1 {
  padding-left: 0.25rem !important;
}
.pl-2 {
  padding-left: 0.5rem !important;
}
.pl-3 {
  padding-left: 1rem !important;
}
.pl-4 {
  padding-left: 1.5rem !important;
}
.pl-5 {
  padding-left: 2rem !important;
}
.pl-6 {
  padding-left: 3rem !important;
}
.pl-7 {
  padding-left: 4rem !important;
}
.pl-8 {
  padding-left: 5rem !important;
}
.pb-0 {
  padding-bottom: 0rem !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: 2rem !important;
}
.pb-6 {
  padding-bottom: 3rem !important;
}
.pb-7 {
  padding-bottom: 4rem !important;
}
.pb-8 {
  padding-bottom: 5rem !important;
}
.px-0 {
  padding-left: 0rem !important;
  padding-right: 0rem !important;
}
.px-1 {
  padding-left: 0.25rem !important;
  padding-right: 0.25rem !important;
}
.px-2 {
  padding-left: 0.5rem !important;
  padding-right: 0.5rem !important;
}
.px-3 {
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}
.px-4 {
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;
}
.px-5 {
  padding-left: 2rem !important;
  padding-right: 2rem !important;
}
.px-6 {
  padding-left: 3rem !important;
  padding-right: 3rem !important;
}
.px-7 {
  padding-left: 4rem !important;
  padding-right: 4rem !important;
}
.px-8 {
  padding-left: 5rem !important;
  padding-right: 5rem !important;
}
.py-0 {
  padding-top: 0rem !important;
  padding-bottom: 0rem !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: 2rem !important;
  padding-bottom: 2rem !important;
}
.py-6 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}
.py-7 {
  padding-top: 4rem !important;
  padding-bottom: 4rem !important;
}
.py-8 {
  padding-top: 5rem !important;
  padding-bottom: 5rem !important;
}
@media screen and (min-width: 576px) {
  .sm\:p-0 {
    padding: 0rem !important;
  }
  .sm\:p-1 {
    padding: 0.25rem !important;
  }
  .sm\:p-2 {
    padding: 0.5rem !important;
  }
  .sm\:p-3 {
    padding: 1rem !important;
  }
  .sm\:p-4 {
    padding: 1.5rem !important;
  }
  .sm\:p-5 {
    padding: 2rem !important;
  }
  .sm\:p-6 {
    padding: 3rem !important;
  }
  .sm\:p-7 {
    padding: 4rem !important;
  }
  .sm\:p-8 {
    padding: 5rem !important;
  }
  .sm\:pt-0 {
    padding-top: 0rem !important;
  }
  .sm\:pt-1 {
    padding-top: 0.25rem !important;
  }
  .sm\:pt-2 {
    padding-top: 0.5rem !important;
  }
  .sm\:pt-3 {
    padding-top: 1rem !important;
  }
  .sm\:pt-4 {
    padding-top: 1.5rem !important;
  }
  .sm\:pt-5 {
    padding-top: 2rem !important;
  }
  .sm\:pt-6 {
    padding-top: 3rem !important;
  }
  .sm\:pt-7 {
    padding-top: 4rem !important;
  }
  .sm\:pt-8 {
    padding-top: 5rem !important;
  }
  .sm\:pr-0 {
    padding-right: 0rem !important;
  }
  .sm\:pr-1 {
    padding-right: 0.25rem !important;
  }
  .sm\:pr-2 {
    padding-right: 0.5rem !important;
  }
  .sm\:pr-3 {
    padding-right: 1rem !important;
  }
  .sm\:pr-4 {
    padding-right: 1.5rem !important;
  }
  .sm\:pr-5 {
    padding-right: 2rem !important;
  }
  .sm\:pr-6 {
    padding-right: 3rem !important;
  }
  .sm\:pr-7 {
    padding-right: 4rem !important;
  }
  .sm\:pr-8 {
    padding-right: 5rem !important;
  }
  .sm\:pl-0 {
    padding-left: 0rem !important;
  }
  .sm\:pl-1 {
    padding-left: 0.25rem !important;
  }
  .sm\:pl-2 {
    padding-left: 0.5rem !important;
  }
  .sm\:pl-3 {
    padding-left: 1rem !important;
  }
  .sm\:pl-4 {
    padding-left: 1.5rem !important;
  }
  .sm\:pl-5 {
    padding-left: 2rem !important;
  }
  .sm\:pl-6 {
    padding-left: 3rem !important;
  }
  .sm\:pl-7 {
    padding-left: 4rem !important;
  }
  .sm\:pl-8 {
    padding-left: 5rem !important;
  }
  .sm\:pb-0 {
    padding-bottom: 0rem !important;
  }
  .sm\:pb-1 {
    padding-bottom: 0.25rem !important;
  }
  .sm\:pb-2 {
    padding-bottom: 0.5rem !important;
  }
  .sm\:pb-3 {
    padding-bottom: 1rem !important;
  }
  .sm\:pb-4 {
    padding-bottom: 1.5rem !important;
  }
  .sm\:pb-5 {
    padding-bottom: 2rem !important;
  }
  .sm\:pb-6 {
    padding-bottom: 3rem !important;
  }
  .sm\:pb-7 {
    padding-bottom: 4rem !important;
  }
  .sm\:pb-8 {
    padding-bottom: 5rem !important;
  }
  .sm\:px-0 {
    padding-left: 0rem !important;
    padding-right: 0rem !important;
  }
  .sm\:px-1 {
    padding-left: 0.25rem !important;
    padding-right: 0.25rem !important;
  }
  .sm\:px-2 {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }
  .sm\:px-3 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
  .sm\:px-4 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }
  .sm\:px-5 {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }
  .sm\:px-6 {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }
  .sm\:px-7 {
    padding-left: 4rem !important;
    padding-right: 4rem !important;
  }
  .sm\:px-8 {
    padding-left: 5rem !important;
    padding-right: 5rem !important;
  }
  .sm\:py-0 {
    padding-top: 0rem !important;
    padding-bottom: 0rem !important;
  }
  .sm\:py-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .sm\:py-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .sm\:py-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .sm\:py-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .sm\:py-5 {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }
  .sm\:py-6 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .sm\:py-7 {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
  }
  .sm\:py-8 {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:p-0 {
    padding: 0rem !important;
  }
  .md\:p-1 {
    padding: 0.25rem !important;
  }
  .md\:p-2 {
    padding: 0.5rem !important;
  }
  .md\:p-3 {
    padding: 1rem !important;
  }
  .md\:p-4 {
    padding: 1.5rem !important;
  }
  .md\:p-5 {
    padding: 2rem !important;
  }
  .md\:p-6 {
    padding: 3rem !important;
  }
  .md\:p-7 {
    padding: 4rem !important;
  }
  .md\:p-8 {
    padding: 5rem !important;
  }
  .md\:pt-0 {
    padding-top: 0rem !important;
  }
  .md\:pt-1 {
    padding-top: 0.25rem !important;
  }
  .md\:pt-2 {
    padding-top: 0.5rem !important;
  }
  .md\:pt-3 {
    padding-top: 1rem !important;
  }
  .md\:pt-4 {
    padding-top: 1.5rem !important;
  }
  .md\:pt-5 {
    padding-top: 2rem !important;
  }
  .md\:pt-6 {
    padding-top: 3rem !important;
  }
  .md\:pt-7 {
    padding-top: 4rem !important;
  }
  .md\:pt-8 {
    padding-top: 5rem !important;
  }
  .md\:pr-0 {
    padding-right: 0rem !important;
  }
  .md\:pr-1 {
    padding-right: 0.25rem !important;
  }
  .md\:pr-2 {
    padding-right: 0.5rem !important;
  }
  .md\:pr-3 {
    padding-right: 1rem !important;
  }
  .md\:pr-4 {
    padding-right: 1.5rem !important;
  }
  .md\:pr-5 {
    padding-right: 2rem !important;
  }
  .md\:pr-6 {
    padding-right: 3rem !important;
  }
  .md\:pr-7 {
    padding-right: 4rem !important;
  }
  .md\:pr-8 {
    padding-right: 5rem !important;
  }
  .md\:pl-0 {
    padding-left: 0rem !important;
  }
  .md\:pl-1 {
    padding-left: 0.25rem !important;
  }
  .md\:pl-2 {
    padding-left: 0.5rem !important;
  }
  .md\:pl-3 {
    padding-left: 1rem !important;
  }
  .md\:pl-4 {
    padding-left: 1.5rem !important;
  }
  .md\:pl-5 {
    padding-left: 2rem !important;
  }
  .md\:pl-6 {
    padding-left: 3rem !important;
  }
  .md\:pl-7 {
    padding-left: 4rem !important;
  }
  .md\:pl-8 {
    padding-left: 5rem !important;
  }
  .md\:pb-0 {
    padding-bottom: 0rem !important;
  }
  .md\:pb-1 {
    padding-bottom: 0.25rem !important;
  }
  .md\:pb-2 {
    padding-bottom: 0.5rem !important;
  }
  .md\:pb-3 {
    padding-bottom: 1rem !important;
  }
  .md\:pb-4 {
    padding-bottom: 1.5rem !important;
  }
  .md\:pb-5 {
    padding-bottom: 2rem !important;
  }
  .md\:pb-6 {
    padding-bottom: 3rem !important;
  }
  .md\:pb-7 {
    padding-bottom: 4rem !important;
  }
  .md\:pb-8 {
    padding-bottom: 5rem !important;
  }
  .md\:px-0 {
    padding-left: 0rem !important;
    padding-right: 0rem !important;
  }
  .md\:px-1 {
    padding-left: 0.25rem !important;
    padding-right: 0.25rem !important;
  }
  .md\:px-2 {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }
  .md\:px-3 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
  .md\:px-4 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }
  .md\:px-5 {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }
  .md\:px-6 {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }
  .md\:px-7 {
    padding-left: 4rem !important;
    padding-right: 4rem !important;
  }
  .md\:px-8 {
    padding-left: 5rem !important;
    padding-right: 5rem !important;
  }
  .md\:py-0 {
    padding-top: 0rem !important;
    padding-bottom: 0rem !important;
  }
  .md\:py-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .md\:py-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .md\:py-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .md\:py-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .md\:py-5 {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }
  .md\:py-6 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .md\:py-7 {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
  }
  .md\:py-8 {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:p-0 {
    padding: 0rem !important;
  }
  .lg\:p-1 {
    padding: 0.25rem !important;
  }
  .lg\:p-2 {
    padding: 0.5rem !important;
  }
  .lg\:p-3 {
    padding: 1rem !important;
  }
  .lg\:p-4 {
    padding: 1.5rem !important;
  }
  .lg\:p-5 {
    padding: 2rem !important;
  }
  .lg\:p-6 {
    padding: 3rem !important;
  }
  .lg\:p-7 {
    padding: 4rem !important;
  }
  .lg\:p-8 {
    padding: 5rem !important;
  }
  .lg\:pt-0 {
    padding-top: 0rem !important;
  }
  .lg\:pt-1 {
    padding-top: 0.25rem !important;
  }
  .lg\:pt-2 {
    padding-top: 0.5rem !important;
  }
  .lg\:pt-3 {
    padding-top: 1rem !important;
  }
  .lg\:pt-4 {
    padding-top: 1.5rem !important;
  }
  .lg\:pt-5 {
    padding-top: 2rem !important;
  }
  .lg\:pt-6 {
    padding-top: 3rem !important;
  }
  .lg\:pt-7 {
    padding-top: 4rem !important;
  }
  .lg\:pt-8 {
    padding-top: 5rem !important;
  }
  .lg\:pr-0 {
    padding-right: 0rem !important;
  }
  .lg\:pr-1 {
    padding-right: 0.25rem !important;
  }
  .lg\:pr-2 {
    padding-right: 0.5rem !important;
  }
  .lg\:pr-3 {
    padding-right: 1rem !important;
  }
  .lg\:pr-4 {
    padding-right: 1.5rem !important;
  }
  .lg\:pr-5 {
    padding-right: 2rem !important;
  }
  .lg\:pr-6 {
    padding-right: 3rem !important;
  }
  .lg\:pr-7 {
    padding-right: 4rem !important;
  }
  .lg\:pr-8 {
    padding-right: 5rem !important;
  }
  .lg\:pl-0 {
    padding-left: 0rem !important;
  }
  .lg\:pl-1 {
    padding-left: 0.25rem !important;
  }
  .lg\:pl-2 {
    padding-left: 0.5rem !important;
  }
  .lg\:pl-3 {
    padding-left: 1rem !important;
  }
  .lg\:pl-4 {
    padding-left: 1.5rem !important;
  }
  .lg\:pl-5 {
    padding-left: 2rem !important;
  }
  .lg\:pl-6 {
    padding-left: 3rem !important;
  }
  .lg\:pl-7 {
    padding-left: 4rem !important;
  }
  .lg\:pl-8 {
    padding-left: 5rem !important;
  }
  .lg\:pb-0 {
    padding-bottom: 0rem !important;
  }
  .lg\:pb-1 {
    padding-bottom: 0.25rem !important;
  }
  .lg\:pb-2 {
    padding-bottom: 0.5rem !important;
  }
  .lg\:pb-3 {
    padding-bottom: 1rem !important;
  }
  .lg\:pb-4 {
    padding-bottom: 1.5rem !important;
  }
  .lg\:pb-5 {
    padding-bottom: 2rem !important;
  }
  .lg\:pb-6 {
    padding-bottom: 3rem !important;
  }
  .lg\:pb-7 {
    padding-bottom: 4rem !important;
  }
  .lg\:pb-8 {
    padding-bottom: 5rem !important;
  }
  .lg\:px-0 {
    padding-left: 0rem !important;
    padding-right: 0rem !important;
  }
  .lg\:px-1 {
    padding-left: 0.25rem !important;
    padding-right: 0.25rem !important;
  }
  .lg\:px-2 {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }
  .lg\:px-3 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
  .lg\:px-4 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }
  .lg\:px-5 {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }
  .lg\:px-6 {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }
  .lg\:px-7 {
    padding-left: 4rem !important;
    padding-right: 4rem !important;
  }
  .lg\:px-8 {
    padding-left: 5rem !important;
    padding-right: 5rem !important;
  }
  .lg\:py-0 {
    padding-top: 0rem !important;
    padding-bottom: 0rem !important;
  }
  .lg\:py-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .lg\:py-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .lg\:py-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .lg\:py-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .lg\:py-5 {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }
  .lg\:py-6 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .lg\:py-7 {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
  }
  .lg\:py-8 {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:p-0 {
    padding: 0rem !important;
  }
  .xl\:p-1 {
    padding: 0.25rem !important;
  }
  .xl\:p-2 {
    padding: 0.5rem !important;
  }
  .xl\:p-3 {
    padding: 1rem !important;
  }
  .xl\:p-4 {
    padding: 1.5rem !important;
  }
  .xl\:p-5 {
    padding: 2rem !important;
  }
  .xl\:p-6 {
    padding: 3rem !important;
  }
  .xl\:p-7 {
    padding: 4rem !important;
  }
  .xl\:p-8 {
    padding: 5rem !important;
  }
  .xl\:pt-0 {
    padding-top: 0rem !important;
  }
  .xl\:pt-1 {
    padding-top: 0.25rem !important;
  }
  .xl\:pt-2 {
    padding-top: 0.5rem !important;
  }
  .xl\:pt-3 {
    padding-top: 1rem !important;
  }
  .xl\:pt-4 {
    padding-top: 1.5rem !important;
  }
  .xl\:pt-5 {
    padding-top: 2rem !important;
  }
  .xl\:pt-6 {
    padding-top: 3rem !important;
  }
  .xl\:pt-7 {
    padding-top: 4rem !important;
  }
  .xl\:pt-8 {
    padding-top: 5rem !important;
  }
  .xl\:pr-0 {
    padding-right: 0rem !important;
  }
  .xl\:pr-1 {
    padding-right: 0.25rem !important;
  }
  .xl\:pr-2 {
    padding-right: 0.5rem !important;
  }
  .xl\:pr-3 {
    padding-right: 1rem !important;
  }
  .xl\:pr-4 {
    padding-right: 1.5rem !important;
  }
  .xl\:pr-5 {
    padding-right: 2rem !important;
  }
  .xl\:pr-6 {
    padding-right: 3rem !important;
  }
  .xl\:pr-7 {
    padding-right: 4rem !important;
  }
  .xl\:pr-8 {
    padding-right: 5rem !important;
  }
  .xl\:pl-0 {
    padding-left: 0rem !important;
  }
  .xl\:pl-1 {
    padding-left: 0.25rem !important;
  }
  .xl\:pl-2 {
    padding-left: 0.5rem !important;
  }
  .xl\:pl-3 {
    padding-left: 1rem !important;
  }
  .xl\:pl-4 {
    padding-left: 1.5rem !important;
  }
  .xl\:pl-5 {
    padding-left: 2rem !important;
  }
  .xl\:pl-6 {
    padding-left: 3rem !important;
  }
  .xl\:pl-7 {
    padding-left: 4rem !important;
  }
  .xl\:pl-8 {
    padding-left: 5rem !important;
  }
  .xl\:pb-0 {
    padding-bottom: 0rem !important;
  }
  .xl\:pb-1 {
    padding-bottom: 0.25rem !important;
  }
  .xl\:pb-2 {
    padding-bottom: 0.5rem !important;
  }
  .xl\:pb-3 {
    padding-bottom: 1rem !important;
  }
  .xl\:pb-4 {
    padding-bottom: 1.5rem !important;
  }
  .xl\:pb-5 {
    padding-bottom: 2rem !important;
  }
  .xl\:pb-6 {
    padding-bottom: 3rem !important;
  }
  .xl\:pb-7 {
    padding-bottom: 4rem !important;
  }
  .xl\:pb-8 {
    padding-bottom: 5rem !important;
  }
  .xl\:px-0 {
    padding-left: 0rem !important;
    padding-right: 0rem !important;
  }
  .xl\:px-1 {
    padding-left: 0.25rem !important;
    padding-right: 0.25rem !important;
  }
  .xl\:px-2 {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }
  .xl\:px-3 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
  .xl\:px-4 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }
  .xl\:px-5 {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }
  .xl\:px-6 {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }
  .xl\:px-7 {
    padding-left: 4rem !important;
    padding-right: 4rem !important;
  }
  .xl\:px-8 {
    padding-left: 5rem !important;
    padding-right: 5rem !important;
  }
  .xl\:py-0 {
    padding-top: 0rem !important;
    padding-bottom: 0rem !important;
  }
  .xl\:py-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .xl\:py-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .xl\:py-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .xl\:py-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .xl\:py-5 {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }
  .xl\:py-6 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .xl\:py-7 {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
  }
  .xl\:py-8 {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
  }
}
.m-0 {
  margin: 0rem !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: 2rem !important;
}
.m-6 {
  margin: 3rem !important;
}
.m-7 {
  margin: 4rem !important;
}
.m-8 {
  margin: 5rem !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: -2rem !important;
}
.-m-6 {
  margin: -3rem !important;
}
.-m-7 {
  margin: -4rem !important;
}
.-m-8 {
  margin: -5rem !important;
}
.m-auto {
  margin: auto !important;
}
.mt-0 {
  margin-top: 0rem !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: 2rem !important;
}
.mt-6 {
  margin-top: 3rem !important;
}
.mt-7 {
  margin-top: 4rem !important;
}
.mt-8 {
  margin-top: 5rem !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: -2rem !important;
}
.-mt-6 {
  margin-top: -3rem !important;
}
.-mt-7 {
  margin-top: -4rem !important;
}
.-mt-8 {
  margin-top: -5rem !important;
}
.mt-auto {
  margin-top: auto !important;
}
.mr-0 {
  margin-right: 0rem !important;
}
.mr-1 {
  margin-right: 0.25rem !important;
}
.mr-2 {
  margin-right: 0.5rem !important;
}
.mr-3 {
  margin-right: 1rem !important;
}
.mr-4 {
  margin-right: 1.5rem !important;
}
.mr-5 {
  margin-right: 2rem !important;
}
.mr-6 {
  margin-right: 3rem !important;
}
.mr-7 {
  margin-right: 4rem !important;
}
.mr-8 {
  margin-right: 5rem !important;
}
.-mr-1 {
  margin-right: -0.25rem !important;
}
.-mr-2 {
  margin-right: -0.5rem !important;
}
.-mr-3 {
  margin-right: -1rem !important;
}
.-mr-4 {
  margin-right: -1.5rem !important;
}
.-mr-5 {
  margin-right: -2rem !important;
}
.-mr-6 {
  margin-right: -3rem !important;
}
.-mr-7 {
  margin-right: -4rem !important;
}
.-mr-8 {
  margin-right: -5rem !important;
}
.mr-auto {
  margin-right: auto !important;
}
.ml-0 {
  margin-left: 0rem !important;
}
.ml-1 {
  margin-left: 0.25rem !important;
}
.ml-2 {
  margin-left: 0.5rem !important;
}
.ml-3 {
  margin-left: 1rem !important;
}
.ml-4 {
  margin-left: 1.5rem !important;
}
.ml-5 {
  margin-left: 2rem !important;
}
.ml-6 {
  margin-left: 3rem !important;
}
.ml-7 {
  margin-left: 4rem !important;
}
.ml-8 {
  margin-left: 5rem !important;
}
.-ml-1 {
  margin-left: -0.25rem !important;
}
.-ml-2 {
  margin-left: -0.5rem !important;
}
.-ml-3 {
  margin-left: -1rem !important;
}
.-ml-4 {
  margin-left: -1.5rem !important;
}
.-ml-5 {
  margin-left: -2rem !important;
}
.-ml-6 {
  margin-left: -3rem !important;
}
.-ml-7 {
  margin-left: -4rem !important;
}
.-ml-8 {
  margin-left: -5rem !important;
}
.ml-auto {
  margin-left: auto !important;
}
.mb-0 {
  margin-bottom: 0rem !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: 2rem !important;
}
.mb-6 {
  margin-bottom: 3rem !important;
}
.mb-7 {
  margin-bottom: 4rem !important;
}
.mb-8 {
  margin-bottom: 5rem !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: -2rem !important;
}
.-mb-6 {
  margin-bottom: -3rem !important;
}
.-mb-7 {
  margin-bottom: -4rem !important;
}
.-mb-8 {
  margin-bottom: -5rem !important;
}
.mb-auto {
  margin-bottom: auto !important;
}
.mx-0 {
  margin-left: 0rem !important;
  margin-right: 0rem !important;
}
.mx-1 {
  margin-left: 0.25rem !important;
  margin-right: 0.25rem !important;
}
.mx-2 {
  margin-left: 0.5rem !important;
  margin-right: 0.5rem !important;
}
.mx-3 {
  margin-left: 1rem !important;
  margin-right: 1rem !important;
}
.mx-4 {
  margin-left: 1.5rem !important;
  margin-right: 1.5rem !important;
}
.mx-5 {
  margin-left: 2rem !important;
  margin-right: 2rem !important;
}
.mx-6 {
  margin-left: 3rem !important;
  margin-right: 3rem !important;
}
.mx-7 {
  margin-left: 4rem !important;
  margin-right: 4rem !important;
}
.mx-8 {
  margin-left: 5rem !important;
  margin-right: 5rem !important;
}
.-mx-1 {
  margin-left: -0.25rem !important;
  margin-right: -0.25rem !important;
}
.-mx-2 {
  margin-left: -0.5rem !important;
  margin-right: -0.5rem !important;
}
.-mx-3 {
  margin-left: -1rem !important;
  margin-right: -1rem !important;
}
.-mx-4 {
  margin-left: -1.5rem !important;
  margin-right: -1.5rem !important;
}
.-mx-5 {
  margin-left: -2rem !important;
  margin-right: -2rem !important;
}
.-mx-6 {
  margin-left: -3rem !important;
  margin-right: -3rem !important;
}
.-mx-7 {
  margin-left: -4rem !important;
  margin-right: -4rem !important;
}
.-mx-8 {
  margin-left: -5rem !important;
  margin-right: -5rem !important;
}
.mx-auto {
  margin-left: auto !important;
  margin-right: auto !important;
}
.my-0 {
  margin-top: 0rem !important;
  margin-bottom: 0rem !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: 2rem !important;
  margin-bottom: 2rem !important;
}
.my-6 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}
.my-7 {
  margin-top: 4rem !important;
  margin-bottom: 4rem !important;
}
.my-8 {
  margin-top: 5rem !important;
  margin-bottom: 5rem !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: -2rem !important;
  margin-bottom: -2rem !important;
}
.-my-6 {
  margin-top: -3rem !important;
  margin-bottom: -3rem !important;
}
.-my-7 {
  margin-top: -4rem !important;
  margin-bottom: -4rem !important;
}
.-my-8 {
  margin-top: -5rem !important;
  margin-bottom: -5rem !important;
}
.my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}
@media screen and (min-width: 576px) {
  .sm\:m-0 {
    margin: 0rem !important;
  }
  .sm\:m-1 {
    margin: 0.25rem !important;
  }
  .sm\:m-2 {
    margin: 0.5rem !important;
  }
  .sm\:m-3 {
    margin: 1rem !important;
  }
  .sm\:m-4 {
    margin: 1.5rem !important;
  }
  .sm\:m-5 {
    margin: 2rem !important;
  }
  .sm\:m-6 {
    margin: 3rem !important;
  }
  .sm\:m-7 {
    margin: 4rem !important;
  }
  .sm\:m-8 {
    margin: 5rem !important;
  }
  .sm\:-m-1 {
    margin: -0.25rem !important;
  }
  .sm\:-m-2 {
    margin: -0.5rem !important;
  }
  .sm\:-m-3 {
    margin: -1rem !important;
  }
  .sm\:-m-4 {
    margin: -1.5rem !important;
  }
  .sm\:-m-5 {
    margin: -2rem !important;
  }
  .sm\:-m-6 {
    margin: -3rem !important;
  }
  .sm\:-m-7 {
    margin: -4rem !important;
  }
  .sm\:-m-8 {
    margin: -5rem !important;
  }
  .sm\:m-auto {
    margin: auto !important;
  }
  .sm\:mt-0 {
    margin-top: 0rem !important;
  }
  .sm\:mt-1 {
    margin-top: 0.25rem !important;
  }
  .sm\:mt-2 {
    margin-top: 0.5rem !important;
  }
  .sm\:mt-3 {
    margin-top: 1rem !important;
  }
  .sm\:mt-4 {
    margin-top: 1.5rem !important;
  }
  .sm\:mt-5 {
    margin-top: 2rem !important;
  }
  .sm\:mt-6 {
    margin-top: 3rem !important;
  }
  .sm\:mt-7 {
    margin-top: 4rem !important;
  }
  .sm\:mt-8 {
    margin-top: 5rem !important;
  }
  .sm\:-mt-1 {
    margin-top: -0.25rem !important;
  }
  .sm\:-mt-2 {
    margin-top: -0.5rem !important;
  }
  .sm\:-mt-3 {
    margin-top: -1rem !important;
  }
  .sm\:-mt-4 {
    margin-top: -1.5rem !important;
  }
  .sm\:-mt-5 {
    margin-top: -2rem !important;
  }
  .sm\:-mt-6 {
    margin-top: -3rem !important;
  }
  .sm\:-mt-7 {
    margin-top: -4rem !important;
  }
  .sm\:-mt-8 {
    margin-top: -5rem !important;
  }
  .sm\:mt-auto {
    margin-top: auto !important;
  }
  .sm\:mr-0 {
    margin-right: 0rem !important;
  }
  .sm\:mr-1 {
    margin-right: 0.25rem !important;
  }
  .sm\:mr-2 {
    margin-right: 0.5rem !important;
  }
  .sm\:mr-3 {
    margin-right: 1rem !important;
  }
  .sm\:mr-4 {
    margin-right: 1.5rem !important;
  }
  .sm\:mr-5 {
    margin-right: 2rem !important;
  }
  .sm\:mr-6 {
    margin-right: 3rem !important;
  }
  .sm\:mr-7 {
    margin-right: 4rem !important;
  }
  .sm\:mr-8 {
    margin-right: 5rem !important;
  }
  .sm\:-mr-1 {
    margin-right: -0.25rem !important;
  }
  .sm\:-mr-2 {
    margin-right: -0.5rem !important;
  }
  .sm\:-mr-3 {
    margin-right: -1rem !important;
  }
  .sm\:-mr-4 {
    margin-right: -1.5rem !important;
  }
  .sm\:-mr-5 {
    margin-right: -2rem !important;
  }
  .sm\:-mr-6 {
    margin-right: -3rem !important;
  }
  .sm\:-mr-7 {
    margin-right: -4rem !important;
  }
  .sm\:-mr-8 {
    margin-right: -5rem !important;
  }
  .sm\:mr-auto {
    margin-right: auto !important;
  }
  .sm\:ml-0 {
    margin-left: 0rem !important;
  }
  .sm\:ml-1 {
    margin-left: 0.25rem !important;
  }
  .sm\:ml-2 {
    margin-left: 0.5rem !important;
  }
  .sm\:ml-3 {
    margin-left: 1rem !important;
  }
  .sm\:ml-4 {
    margin-left: 1.5rem !important;
  }
  .sm\:ml-5 {
    margin-left: 2rem !important;
  }
  .sm\:ml-6 {
    margin-left: 3rem !important;
  }
  .sm\:ml-7 {
    margin-left: 4rem !important;
  }
  .sm\:ml-8 {
    margin-left: 5rem !important;
  }
  .sm\:-ml-1 {
    margin-left: -0.25rem !important;
  }
  .sm\:-ml-2 {
    margin-left: -0.5rem !important;
  }
  .sm\:-ml-3 {
    margin-left: -1rem !important;
  }
  .sm\:-ml-4 {
    margin-left: -1.5rem !important;
  }
  .sm\:-ml-5 {
    margin-left: -2rem !important;
  }
  .sm\:-ml-6 {
    margin-left: -3rem !important;
  }
  .sm\:-ml-7 {
    margin-left: -4rem !important;
  }
  .sm\:-ml-8 {
    margin-left: -5rem !important;
  }
  .sm\:ml-auto {
    margin-left: auto !important;
  }
  .sm\:mb-0 {
    margin-bottom: 0rem !important;
  }
  .sm\:mb-1 {
    margin-bottom: 0.25rem !important;
  }
  .sm\:mb-2 {
    margin-bottom: 0.5rem !important;
  }
  .sm\:mb-3 {
    margin-bottom: 1rem !important;
  }
  .sm\:mb-4 {
    margin-bottom: 1.5rem !important;
  }
  .sm\:mb-5 {
    margin-bottom: 2rem !important;
  }
  .sm\:mb-6 {
    margin-bottom: 3rem !important;
  }
  .sm\:mb-7 {
    margin-bottom: 4rem !important;
  }
  .sm\:mb-8 {
    margin-bottom: 5rem !important;
  }
  .sm\:-mb-1 {
    margin-bottom: -0.25rem !important;
  }
  .sm\:-mb-2 {
    margin-bottom: -0.5rem !important;
  }
  .sm\:-mb-3 {
    margin-bottom: -1rem !important;
  }
  .sm\:-mb-4 {
    margin-bottom: -1.5rem !important;
  }
  .sm\:-mb-5 {
    margin-bottom: -2rem !important;
  }
  .sm\:-mb-6 {
    margin-bottom: -3rem !important;
  }
  .sm\:-mb-7 {
    margin-bottom: -4rem !important;
  }
  .sm\:-mb-8 {
    margin-bottom: -5rem !important;
  }
  .sm\:mb-auto {
    margin-bottom: auto !important;
  }
  .sm\:mx-0 {
    margin-left: 0rem !important;
    margin-right: 0rem !important;
  }
  .sm\:mx-1 {
    margin-left: 0.25rem !important;
    margin-right: 0.25rem !important;
  }
  .sm\:mx-2 {
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important;
  }
  .sm\:mx-3 {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
  }
  .sm\:mx-4 {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important;
  }
  .sm\:mx-5 {
    margin-left: 2rem !important;
    margin-right: 2rem !important;
  }
  .sm\:mx-6 {
    margin-left: 3rem !important;
    margin-right: 3rem !important;
  }
  .sm\:mx-7 {
    margin-left: 4rem !important;
    margin-right: 4rem !important;
  }
  .sm\:mx-8 {
    margin-left: 5rem !important;
    margin-right: 5rem !important;
  }
  .sm\:-mx-1 {
    margin-left: -0.25rem !important;
    margin-right: -0.25rem !important;
  }
  .sm\:-mx-2 {
    margin-left: -0.5rem !important;
    margin-right: -0.5rem !important;
  }
  .sm\:-mx-3 {
    margin-left: -1rem !important;
    margin-right: -1rem !important;
  }
  .sm\:-mx-4 {
    margin-left: -1.5rem !important;
    margin-right: -1.5rem !important;
  }
  .sm\:-mx-5 {
    margin-left: -2rem !important;
    margin-right: -2rem !important;
  }
  .sm\:-mx-6 {
    margin-left: -3rem !important;
    margin-right: -3rem !important;
  }
  .sm\:-mx-7 {
    margin-left: -4rem !important;
    margin-right: -4rem !important;
  }
  .sm\:-mx-8 {
    margin-left: -5rem !important;
    margin-right: -5rem !important;
  }
  .sm\:mx-auto {
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .sm\:my-0 {
    margin-top: 0rem !important;
    margin-bottom: 0rem !important;
  }
  .sm\:my-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .sm\:my-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .sm\:my-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .sm\:my-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .sm\:my-5 {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
  }
  .sm\:my-6 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .sm\:my-7 {
    margin-top: 4rem !important;
    margin-bottom: 4rem !important;
  }
  .sm\:my-8 {
    margin-top: 5rem !important;
    margin-bottom: 5rem !important;
  }
  .sm\:-my-1 {
    margin-top: -0.25rem !important;
    margin-bottom: -0.25rem !important;
  }
  .sm\:-my-2 {
    margin-top: -0.5rem !important;
    margin-bottom: -0.5rem !important;
  }
  .sm\:-my-3 {
    margin-top: -1rem !important;
    margin-bottom: -1rem !important;
  }
  .sm\:-my-4 {
    margin-top: -1.5rem !important;
    margin-bottom: -1.5rem !important;
  }
  .sm\:-my-5 {
    margin-top: -2rem !important;
    margin-bottom: -2rem !important;
  }
  .sm\:-my-6 {
    margin-top: -3rem !important;
    margin-bottom: -3rem !important;
  }
  .sm\:-my-7 {
    margin-top: -4rem !important;
    margin-bottom: -4rem !important;
  }
  .sm\:-my-8 {
    margin-top: -5rem !important;
    margin-bottom: -5rem !important;
  }
  .sm\:my-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:m-0 {
    margin: 0rem !important;
  }
  .md\:m-1 {
    margin: 0.25rem !important;
  }
  .md\:m-2 {
    margin: 0.5rem !important;
  }
  .md\:m-3 {
    margin: 1rem !important;
  }
  .md\:m-4 {
    margin: 1.5rem !important;
  }
  .md\:m-5 {
    margin: 2rem !important;
  }
  .md\:m-6 {
    margin: 3rem !important;
  }
  .md\:m-7 {
    margin: 4rem !important;
  }
  .md\:m-8 {
    margin: 5rem !important;
  }
  .md\:-m-1 {
    margin: -0.25rem !important;
  }
  .md\:-m-2 {
    margin: -0.5rem !important;
  }
  .md\:-m-3 {
    margin: -1rem !important;
  }
  .md\:-m-4 {
    margin: -1.5rem !important;
  }
  .md\:-m-5 {
    margin: -2rem !important;
  }
  .md\:-m-6 {
    margin: -3rem !important;
  }
  .md\:-m-7 {
    margin: -4rem !important;
  }
  .md\:-m-8 {
    margin: -5rem !important;
  }
  .md\:m-auto {
    margin: auto !important;
  }
  .md\:mt-0 {
    margin-top: 0rem !important;
  }
  .md\:mt-1 {
    margin-top: 0.25rem !important;
  }
  .md\:mt-2 {
    margin-top: 0.5rem !important;
  }
  .md\:mt-3 {
    margin-top: 1rem !important;
  }
  .md\:mt-4 {
    margin-top: 1.5rem !important;
  }
  .md\:mt-5 {
    margin-top: 2rem !important;
  }
  .md\:mt-6 {
    margin-top: 3rem !important;
  }
  .md\:mt-7 {
    margin-top: 4rem !important;
  }
  .md\:mt-8 {
    margin-top: 5rem !important;
  }
  .md\:-mt-1 {
    margin-top: -0.25rem !important;
  }
  .md\:-mt-2 {
    margin-top: -0.5rem !important;
  }
  .md\:-mt-3 {
    margin-top: -1rem !important;
  }
  .md\:-mt-4 {
    margin-top: -1.5rem !important;
  }
  .md\:-mt-5 {
    margin-top: -2rem !important;
  }
  .md\:-mt-6 {
    margin-top: -3rem !important;
  }
  .md\:-mt-7 {
    margin-top: -4rem !important;
  }
  .md\:-mt-8 {
    margin-top: -5rem !important;
  }
  .md\:mt-auto {
    margin-top: auto !important;
  }
  .md\:mr-0 {
    margin-right: 0rem !important;
  }
  .md\:mr-1 {
    margin-right: 0.25rem !important;
  }
  .md\:mr-2 {
    margin-right: 0.5rem !important;
  }
  .md\:mr-3 {
    margin-right: 1rem !important;
  }
  .md\:mr-4 {
    margin-right: 1.5rem !important;
  }
  .md\:mr-5 {
    margin-right: 2rem !important;
  }
  .md\:mr-6 {
    margin-right: 3rem !important;
  }
  .md\:mr-7 {
    margin-right: 4rem !important;
  }
  .md\:mr-8 {
    margin-right: 5rem !important;
  }
  .md\:-mr-1 {
    margin-right: -0.25rem !important;
  }
  .md\:-mr-2 {
    margin-right: -0.5rem !important;
  }
  .md\:-mr-3 {
    margin-right: -1rem !important;
  }
  .md\:-mr-4 {
    margin-right: -1.5rem !important;
  }
  .md\:-mr-5 {
    margin-right: -2rem !important;
  }
  .md\:-mr-6 {
    margin-right: -3rem !important;
  }
  .md\:-mr-7 {
    margin-right: -4rem !important;
  }
  .md\:-mr-8 {
    margin-right: -5rem !important;
  }
  .md\:mr-auto {
    margin-right: auto !important;
  }
  .md\:ml-0 {
    margin-left: 0rem !important;
  }
  .md\:ml-1 {
    margin-left: 0.25rem !important;
  }
  .md\:ml-2 {
    margin-left: 0.5rem !important;
  }
  .md\:ml-3 {
    margin-left: 1rem !important;
  }
  .md\:ml-4 {
    margin-left: 1.5rem !important;
  }
  .md\:ml-5 {
    margin-left: 2rem !important;
  }
  .md\:ml-6 {
    margin-left: 3rem !important;
  }
  .md\:ml-7 {
    margin-left: 4rem !important;
  }
  .md\:ml-8 {
    margin-left: 5rem !important;
  }
  .md\:-ml-1 {
    margin-left: -0.25rem !important;
  }
  .md\:-ml-2 {
    margin-left: -0.5rem !important;
  }
  .md\:-ml-3 {
    margin-left: -1rem !important;
  }
  .md\:-ml-4 {
    margin-left: -1.5rem !important;
  }
  .md\:-ml-5 {
    margin-left: -2rem !important;
  }
  .md\:-ml-6 {
    margin-left: -3rem !important;
  }
  .md\:-ml-7 {
    margin-left: -4rem !important;
  }
  .md\:-ml-8 {
    margin-left: -5rem !important;
  }
  .md\:ml-auto {
    margin-left: auto !important;
  }
  .md\:mb-0 {
    margin-bottom: 0rem !important;
  }
  .md\:mb-1 {
    margin-bottom: 0.25rem !important;
  }
  .md\:mb-2 {
    margin-bottom: 0.5rem !important;
  }
  .md\:mb-3 {
    margin-bottom: 1rem !important;
  }
  .md\:mb-4 {
    margin-bottom: 1.5rem !important;
  }
  .md\:mb-5 {
    margin-bottom: 2rem !important;
  }
  .md\:mb-6 {
    margin-bottom: 3rem !important;
  }
  .md\:mb-7 {
    margin-bottom: 4rem !important;
  }
  .md\:mb-8 {
    margin-bottom: 5rem !important;
  }
  .md\:-mb-1 {
    margin-bottom: -0.25rem !important;
  }
  .md\:-mb-2 {
    margin-bottom: -0.5rem !important;
  }
  .md\:-mb-3 {
    margin-bottom: -1rem !important;
  }
  .md\:-mb-4 {
    margin-bottom: -1.5rem !important;
  }
  .md\:-mb-5 {
    margin-bottom: -2rem !important;
  }
  .md\:-mb-6 {
    margin-bottom: -3rem !important;
  }
  .md\:-mb-7 {
    margin-bottom: -4rem !important;
  }
  .md\:-mb-8 {
    margin-bottom: -5rem !important;
  }
  .md\:mb-auto {
    margin-bottom: auto !important;
  }
  .md\:mx-0 {
    margin-left: 0rem !important;
    margin-right: 0rem !important;
  }
  .md\:mx-1 {
    margin-left: 0.25rem !important;
    margin-right: 0.25rem !important;
  }
  .md\:mx-2 {
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important;
  }
  .md\:mx-3 {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
  }
  .md\:mx-4 {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important;
  }
  .md\:mx-5 {
    margin-left: 2rem !important;
    margin-right: 2rem !important;
  }
  .md\:mx-6 {
    margin-left: 3rem !important;
    margin-right: 3rem !important;
  }
  .md\:mx-7 {
    margin-left: 4rem !important;
    margin-right: 4rem !important;
  }
  .md\:mx-8 {
    margin-left: 5rem !important;
    margin-right: 5rem !important;
  }
  .md\:-mx-1 {
    margin-left: -0.25rem !important;
    margin-right: -0.25rem !important;
  }
  .md\:-mx-2 {
    margin-left: -0.5rem !important;
    margin-right: -0.5rem !important;
  }
  .md\:-mx-3 {
    margin-left: -1rem !important;
    margin-right: -1rem !important;
  }
  .md\:-mx-4 {
    margin-left: -1.5rem !important;
    margin-right: -1.5rem !important;
  }
  .md\:-mx-5 {
    margin-left: -2rem !important;
    margin-right: -2rem !important;
  }
  .md\:-mx-6 {
    margin-left: -3rem !important;
    margin-right: -3rem !important;
  }
  .md\:-mx-7 {
    margin-left: -4rem !important;
    margin-right: -4rem !important;
  }
  .md\:-mx-8 {
    margin-left: -5rem !important;
    margin-right: -5rem !important;
  }
  .md\:mx-auto {
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .md\:my-0 {
    margin-top: 0rem !important;
    margin-bottom: 0rem !important;
  }
  .md\:my-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .md\:my-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .md\:my-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .md\:my-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .md\:my-5 {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
  }
  .md\:my-6 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .md\:my-7 {
    margin-top: 4rem !important;
    margin-bottom: 4rem !important;
  }
  .md\:my-8 {
    margin-top: 5rem !important;
    margin-bottom: 5rem !important;
  }
  .md\:-my-1 {
    margin-top: -0.25rem !important;
    margin-bottom: -0.25rem !important;
  }
  .md\:-my-2 {
    margin-top: -0.5rem !important;
    margin-bottom: -0.5rem !important;
  }
  .md\:-my-3 {
    margin-top: -1rem !important;
    margin-bottom: -1rem !important;
  }
  .md\:-my-4 {
    margin-top: -1.5rem !important;
    margin-bottom: -1.5rem !important;
  }
  .md\:-my-5 {
    margin-top: -2rem !important;
    margin-bottom: -2rem !important;
  }
  .md\:-my-6 {
    margin-top: -3rem !important;
    margin-bottom: -3rem !important;
  }
  .md\:-my-7 {
    margin-top: -4rem !important;
    margin-bottom: -4rem !important;
  }
  .md\:-my-8 {
    margin-top: -5rem !important;
    margin-bottom: -5rem !important;
  }
  .md\:my-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:m-0 {
    margin: 0rem !important;
  }
  .lg\:m-1 {
    margin: 0.25rem !important;
  }
  .lg\:m-2 {
    margin: 0.5rem !important;
  }
  .lg\:m-3 {
    margin: 1rem !important;
  }
  .lg\:m-4 {
    margin: 1.5rem !important;
  }
  .lg\:m-5 {
    margin: 2rem !important;
  }
  .lg\:m-6 {
    margin: 3rem !important;
  }
  .lg\:m-7 {
    margin: 4rem !important;
  }
  .lg\:m-8 {
    margin: 5rem !important;
  }
  .lg\:-m-1 {
    margin: -0.25rem !important;
  }
  .lg\:-m-2 {
    margin: -0.5rem !important;
  }
  .lg\:-m-3 {
    margin: -1rem !important;
  }
  .lg\:-m-4 {
    margin: -1.5rem !important;
  }
  .lg\:-m-5 {
    margin: -2rem !important;
  }
  .lg\:-m-6 {
    margin: -3rem !important;
  }
  .lg\:-m-7 {
    margin: -4rem !important;
  }
  .lg\:-m-8 {
    margin: -5rem !important;
  }
  .lg\:m-auto {
    margin: auto !important;
  }
  .lg\:mt-0 {
    margin-top: 0rem !important;
  }
  .lg\:mt-1 {
    margin-top: 0.25rem !important;
  }
  .lg\:mt-2 {
    margin-top: 0.5rem !important;
  }
  .lg\:mt-3 {
    margin-top: 1rem !important;
  }
  .lg\:mt-4 {
    margin-top: 1.5rem !important;
  }
  .lg\:mt-5 {
    margin-top: 2rem !important;
  }
  .lg\:mt-6 {
    margin-top: 3rem !important;
  }
  .lg\:mt-7 {
    margin-top: 4rem !important;
  }
  .lg\:mt-8 {
    margin-top: 5rem !important;
  }
  .lg\:-mt-1 {
    margin-top: -0.25rem !important;
  }
  .lg\:-mt-2 {
    margin-top: -0.5rem !important;
  }
  .lg\:-mt-3 {
    margin-top: -1rem !important;
  }
  .lg\:-mt-4 {
    margin-top: -1.5rem !important;
  }
  .lg\:-mt-5 {
    margin-top: -2rem !important;
  }
  .lg\:-mt-6 {
    margin-top: -3rem !important;
  }
  .lg\:-mt-7 {
    margin-top: -4rem !important;
  }
  .lg\:-mt-8 {
    margin-top: -5rem !important;
  }
  .lg\:mt-auto {
    margin-top: auto !important;
  }
  .lg\:mr-0 {
    margin-right: 0rem !important;
  }
  .lg\:mr-1 {
    margin-right: 0.25rem !important;
  }
  .lg\:mr-2 {
    margin-right: 0.5rem !important;
  }
  .lg\:mr-3 {
    margin-right: 1rem !important;
  }
  .lg\:mr-4 {
    margin-right: 1.5rem !important;
  }
  .lg\:mr-5 {
    margin-right: 2rem !important;
  }
  .lg\:mr-6 {
    margin-right: 3rem !important;
  }
  .lg\:mr-7 {
    margin-right: 4rem !important;
  }
  .lg\:mr-8 {
    margin-right: 5rem !important;
  }
  .lg\:-mr-1 {
    margin-right: -0.25rem !important;
  }
  .lg\:-mr-2 {
    margin-right: -0.5rem !important;
  }
  .lg\:-mr-3 {
    margin-right: -1rem !important;
  }
  .lg\:-mr-4 {
    margin-right: -1.5rem !important;
  }
  .lg\:-mr-5 {
    margin-right: -2rem !important;
  }
  .lg\:-mr-6 {
    margin-right: -3rem !important;
  }
  .lg\:-mr-7 {
    margin-right: -4rem !important;
  }
  .lg\:-mr-8 {
    margin-right: -5rem !important;
  }
  .lg\:mr-auto {
    margin-right: auto !important;
  }
  .lg\:ml-0 {
    margin-left: 0rem !important;
  }
  .lg\:ml-1 {
    margin-left: 0.25rem !important;
  }
  .lg\:ml-2 {
    margin-left: 0.5rem !important;
  }
  .lg\:ml-3 {
    margin-left: 1rem !important;
  }
  .lg\:ml-4 {
    margin-left: 1.5rem !important;
  }
  .lg\:ml-5 {
    margin-left: 2rem !important;
  }
  .lg\:ml-6 {
    margin-left: 3rem !important;
  }
  .lg\:ml-7 {
    margin-left: 4rem !important;
  }
  .lg\:ml-8 {
    margin-left: 5rem !important;
  }
  .lg\:-ml-1 {
    margin-left: -0.25rem !important;
  }
  .lg\:-ml-2 {
    margin-left: -0.5rem !important;
  }
  .lg\:-ml-3 {
    margin-left: -1rem !important;
  }
  .lg\:-ml-4 {
    margin-left: -1.5rem !important;
  }
  .lg\:-ml-5 {
    margin-left: -2rem !important;
  }
  .lg\:-ml-6 {
    margin-left: -3rem !important;
  }
  .lg\:-ml-7 {
    margin-left: -4rem !important;
  }
  .lg\:-ml-8 {
    margin-left: -5rem !important;
  }
  .lg\:ml-auto {
    margin-left: auto !important;
  }
  .lg\:mb-0 {
    margin-bottom: 0rem !important;
  }
  .lg\:mb-1 {
    margin-bottom: 0.25rem !important;
  }
  .lg\:mb-2 {
    margin-bottom: 0.5rem !important;
  }
  .lg\:mb-3 {
    margin-bottom: 1rem !important;
  }
  .lg\:mb-4 {
    margin-bottom: 1.5rem !important;
  }
  .lg\:mb-5 {
    margin-bottom: 2rem !important;
  }
  .lg\:mb-6 {
    margin-bottom: 3rem !important;
  }
  .lg\:mb-7 {
    margin-bottom: 4rem !important;
  }
  .lg\:mb-8 {
    margin-bottom: 5rem !important;
  }
  .lg\:-mb-1 {
    margin-bottom: -0.25rem !important;
  }
  .lg\:-mb-2 {
    margin-bottom: -0.5rem !important;
  }
  .lg\:-mb-3 {
    margin-bottom: -1rem !important;
  }
  .lg\:-mb-4 {
    margin-bottom: -1.5rem !important;
  }
  .lg\:-mb-5 {
    margin-bottom: -2rem !important;
  }
  .lg\:-mb-6 {
    margin-bottom: -3rem !important;
  }
  .lg\:-mb-7 {
    margin-bottom: -4rem !important;
  }
  .lg\:-mb-8 {
    margin-bottom: -5rem !important;
  }
  .lg\:mb-auto {
    margin-bottom: auto !important;
  }
  .lg\:mx-0 {
    margin-left: 0rem !important;
    margin-right: 0rem !important;
  }
  .lg\:mx-1 {
    margin-left: 0.25rem !important;
    margin-right: 0.25rem !important;
  }
  .lg\:mx-2 {
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important;
  }
  .lg\:mx-3 {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
  }
  .lg\:mx-4 {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important;
  }
  .lg\:mx-5 {
    margin-left: 2rem !important;
    margin-right: 2rem !important;
  }
  .lg\:mx-6 {
    margin-left: 3rem !important;
    margin-right: 3rem !important;
  }
  .lg\:mx-7 {
    margin-left: 4rem !important;
    margin-right: 4rem !important;
  }
  .lg\:mx-8 {
    margin-left: 5rem !important;
    margin-right: 5rem !important;
  }
  .lg\:-mx-1 {
    margin-left: -0.25rem !important;
    margin-right: -0.25rem !important;
  }
  .lg\:-mx-2 {
    margin-left: -0.5rem !important;
    margin-right: -0.5rem !important;
  }
  .lg\:-mx-3 {
    margin-left: -1rem !important;
    margin-right: -1rem !important;
  }
  .lg\:-mx-4 {
    margin-left: -1.5rem !important;
    margin-right: -1.5rem !important;
  }
  .lg\:-mx-5 {
    margin-left: -2rem !important;
    margin-right: -2rem !important;
  }
  .lg\:-mx-6 {
    margin-left: -3rem !important;
    margin-right: -3rem !important;
  }
  .lg\:-mx-7 {
    margin-left: -4rem !important;
    margin-right: -4rem !important;
  }
  .lg\:-mx-8 {
    margin-left: -5rem !important;
    margin-right: -5rem !important;
  }
  .lg\:mx-auto {
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .lg\:my-0 {
    margin-top: 0rem !important;
    margin-bottom: 0rem !important;
  }
  .lg\:my-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .lg\:my-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .lg\:my-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .lg\:my-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .lg\:my-5 {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
  }
  .lg\:my-6 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .lg\:my-7 {
    margin-top: 4rem !important;
    margin-bottom: 4rem !important;
  }
  .lg\:my-8 {
    margin-top: 5rem !important;
    margin-bottom: 5rem !important;
  }
  .lg\:-my-1 {
    margin-top: -0.25rem !important;
    margin-bottom: -0.25rem !important;
  }
  .lg\:-my-2 {
    margin-top: -0.5rem !important;
    margin-bottom: -0.5rem !important;
  }
  .lg\:-my-3 {
    margin-top: -1rem !important;
    margin-bottom: -1rem !important;
  }
  .lg\:-my-4 {
    margin-top: -1.5rem !important;
    margin-bottom: -1.5rem !important;
  }
  .lg\:-my-5 {
    margin-top: -2rem !important;
    margin-bottom: -2rem !important;
  }
  .lg\:-my-6 {
    margin-top: -3rem !important;
    margin-bottom: -3rem !important;
  }
  .lg\:-my-7 {
    margin-top: -4rem !important;
    margin-bottom: -4rem !important;
  }
  .lg\:-my-8 {
    margin-top: -5rem !important;
    margin-bottom: -5rem !important;
  }
  .lg\:my-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:m-0 {
    margin: 0rem !important;
  }
  .xl\:m-1 {
    margin: 0.25rem !important;
  }
  .xl\:m-2 {
    margin: 0.5rem !important;
  }
  .xl\:m-3 {
    margin: 1rem !important;
  }
  .xl\:m-4 {
    margin: 1.5rem !important;
  }
  .xl\:m-5 {
    margin: 2rem !important;
  }
  .xl\:m-6 {
    margin: 3rem !important;
  }
  .xl\:m-7 {
    margin: 4rem !important;
  }
  .xl\:m-8 {
    margin: 5rem !important;
  }
  .xl\:-m-1 {
    margin: -0.25rem !important;
  }
  .xl\:-m-2 {
    margin: -0.5rem !important;
  }
  .xl\:-m-3 {
    margin: -1rem !important;
  }
  .xl\:-m-4 {
    margin: -1.5rem !important;
  }
  .xl\:-m-5 {
    margin: -2rem !important;
  }
  .xl\:-m-6 {
    margin: -3rem !important;
  }
  .xl\:-m-7 {
    margin: -4rem !important;
  }
  .xl\:-m-8 {
    margin: -5rem !important;
  }
  .xl\:m-auto {
    margin: auto !important;
  }
  .xl\:mt-0 {
    margin-top: 0rem !important;
  }
  .xl\:mt-1 {
    margin-top: 0.25rem !important;
  }
  .xl\:mt-2 {
    margin-top: 0.5rem !important;
  }
  .xl\:mt-3 {
    margin-top: 1rem !important;
  }
  .xl\:mt-4 {
    margin-top: 1.5rem !important;
  }
  .xl\:mt-5 {
    margin-top: 2rem !important;
  }
  .xl\:mt-6 {
    margin-top: 3rem !important;
  }
  .xl\:mt-7 {
    margin-top: 4rem !important;
  }
  .xl\:mt-8 {
    margin-top: 5rem !important;
  }
  .xl\:-mt-1 {
    margin-top: -0.25rem !important;
  }
  .xl\:-mt-2 {
    margin-top: -0.5rem !important;
  }
  .xl\:-mt-3 {
    margin-top: -1rem !important;
  }
  .xl\:-mt-4 {
    margin-top: -1.5rem !important;
  }
  .xl\:-mt-5 {
    margin-top: -2rem !important;
  }
  .xl\:-mt-6 {
    margin-top: -3rem !important;
  }
  .xl\:-mt-7 {
    margin-top: -4rem !important;
  }
  .xl\:-mt-8 {
    margin-top: -5rem !important;
  }
  .xl\:mt-auto {
    margin-top: auto !important;
  }
  .xl\:mr-0 {
    margin-right: 0rem !important;
  }
  .xl\:mr-1 {
    margin-right: 0.25rem !important;
  }
  .xl\:mr-2 {
    margin-right: 0.5rem !important;
  }
  .xl\:mr-3 {
    margin-right: 1rem !important;
  }
  .xl\:mr-4 {
    margin-right: 1.5rem !important;
  }
  .xl\:mr-5 {
    margin-right: 2rem !important;
  }
  .xl\:mr-6 {
    margin-right: 3rem !important;
  }
  .xl\:mr-7 {
    margin-right: 4rem !important;
  }
  .xl\:mr-8 {
    margin-right: 5rem !important;
  }
  .xl\:-mr-1 {
    margin-right: -0.25rem !important;
  }
  .xl\:-mr-2 {
    margin-right: -0.5rem !important;
  }
  .xl\:-mr-3 {
    margin-right: -1rem !important;
  }
  .xl\:-mr-4 {
    margin-right: -1.5rem !important;
  }
  .xl\:-mr-5 {
    margin-right: -2rem !important;
  }
  .xl\:-mr-6 {
    margin-right: -3rem !important;
  }
  .xl\:-mr-7 {
    margin-right: -4rem !important;
  }
  .xl\:-mr-8 {
    margin-right: -5rem !important;
  }
  .xl\:mr-auto {
    margin-right: auto !important;
  }
  .xl\:ml-0 {
    margin-left: 0rem !important;
  }
  .xl\:ml-1 {
    margin-left: 0.25rem !important;
  }
  .xl\:ml-2 {
    margin-left: 0.5rem !important;
  }
  .xl\:ml-3 {
    margin-left: 1rem !important;
  }
  .xl\:ml-4 {
    margin-left: 1.5rem !important;
  }
  .xl\:ml-5 {
    margin-left: 2rem !important;
  }
  .xl\:ml-6 {
    margin-left: 3rem !important;
  }
  .xl\:ml-7 {
    margin-left: 4rem !important;
  }
  .xl\:ml-8 {
    margin-left: 5rem !important;
  }
  .xl\:-ml-1 {
    margin-left: -0.25rem !important;
  }
  .xl\:-ml-2 {
    margin-left: -0.5rem !important;
  }
  .xl\:-ml-3 {
    margin-left: -1rem !important;
  }
  .xl\:-ml-4 {
    margin-left: -1.5rem !important;
  }
  .xl\:-ml-5 {
    margin-left: -2rem !important;
  }
  .xl\:-ml-6 {
    margin-left: -3rem !important;
  }
  .xl\:-ml-7 {
    margin-left: -4rem !important;
  }
  .xl\:-ml-8 {
    margin-left: -5rem !important;
  }
  .xl\:ml-auto {
    margin-left: auto !important;
  }
  .xl\:mb-0 {
    margin-bottom: 0rem !important;
  }
  .xl\:mb-1 {
    margin-bottom: 0.25rem !important;
  }
  .xl\:mb-2 {
    margin-bottom: 0.5rem !important;
  }
  .xl\:mb-3 {
    margin-bottom: 1rem !important;
  }
  .xl\:mb-4 {
    margin-bottom: 1.5rem !important;
  }
  .xl\:mb-5 {
    margin-bottom: 2rem !important;
  }
  .xl\:mb-6 {
    margin-bottom: 3rem !important;
  }
  .xl\:mb-7 {
    margin-bottom: 4rem !important;
  }
  .xl\:mb-8 {
    margin-bottom: 5rem !important;
  }
  .xl\:-mb-1 {
    margin-bottom: -0.25rem !important;
  }
  .xl\:-mb-2 {
    margin-bottom: -0.5rem !important;
  }
  .xl\:-mb-3 {
    margin-bottom: -1rem !important;
  }
  .xl\:-mb-4 {
    margin-bottom: -1.5rem !important;
  }
  .xl\:-mb-5 {
    margin-bottom: -2rem !important;
  }
  .xl\:-mb-6 {
    margin-bottom: -3rem !important;
  }
  .xl\:-mb-7 {
    margin-bottom: -4rem !important;
  }
  .xl\:-mb-8 {
    margin-bottom: -5rem !important;
  }
  .xl\:mb-auto {
    margin-bottom: auto !important;
  }
  .xl\:mx-0 {
    margin-left: 0rem !important;
    margin-right: 0rem !important;
  }
  .xl\:mx-1 {
    margin-left: 0.25rem !important;
    margin-right: 0.25rem !important;
  }
  .xl\:mx-2 {
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important;
  }
  .xl\:mx-3 {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
  }
  .xl\:mx-4 {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important;
  }
  .xl\:mx-5 {
    margin-left: 2rem !important;
    margin-right: 2rem !important;
  }
  .xl\:mx-6 {
    margin-left: 3rem !important;
    margin-right: 3rem !important;
  }
  .xl\:mx-7 {
    margin-left: 4rem !important;
    margin-right: 4rem !important;
  }
  .xl\:mx-8 {
    margin-left: 5rem !important;
    margin-right: 5rem !important;
  }
  .xl\:-mx-1 {
    margin-left: -0.25rem !important;
    margin-right: -0.25rem !important;
  }
  .xl\:-mx-2 {
    margin-left: -0.5rem !important;
    margin-right: -0.5rem !important;
  }
  .xl\:-mx-3 {
    margin-left: -1rem !important;
    margin-right: -1rem !important;
  }
  .xl\:-mx-4 {
    margin-left: -1.5rem !important;
    margin-right: -1.5rem !important;
  }
  .xl\:-mx-5 {
    margin-left: -2rem !important;
    margin-right: -2rem !important;
  }
  .xl\:-mx-6 {
    margin-left: -3rem !important;
    margin-right: -3rem !important;
  }
  .xl\:-mx-7 {
    margin-left: -4rem !important;
    margin-right: -4rem !important;
  }
  .xl\:-mx-8 {
    margin-left: -5rem !important;
    margin-right: -5rem !important;
  }
  .xl\:mx-auto {
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .xl\:my-0 {
    margin-top: 0rem !important;
    margin-bottom: 0rem !important;
  }
  .xl\:my-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .xl\:my-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .xl\:my-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .xl\:my-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .xl\:my-5 {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
  }
  .xl\:my-6 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .xl\:my-7 {
    margin-top: 4rem !important;
    margin-bottom: 4rem !important;
  }
  .xl\:my-8 {
    margin-top: 5rem !important;
    margin-bottom: 5rem !important;
  }
  .xl\:-my-1 {
    margin-top: -0.25rem !important;
    margin-bottom: -0.25rem !important;
  }
  .xl\:-my-2 {
    margin-top: -0.5rem !important;
    margin-bottom: -0.5rem !important;
  }
  .xl\:-my-3 {
    margin-top: -1rem !important;
    margin-bottom: -1rem !important;
  }
  .xl\:-my-4 {
    margin-top: -1.5rem !important;
    margin-bottom: -1.5rem !important;
  }
  .xl\:-my-5 {
    margin-top: -2rem !important;
    margin-bottom: -2rem !important;
  }
  .xl\:-my-6 {
    margin-top: -3rem !important;
    margin-bottom: -3rem !important;
  }
  .xl\:-my-7 {
    margin-top: -4rem !important;
    margin-bottom: -4rem !important;
  }
  .xl\:-my-8 {
    margin-top: -5rem !important;
    margin-bottom: -5rem !important;
  }
  .xl\:my-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
}
.shadow-none {
  box-shadow: none !important;
}
.shadow-1 {
  box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important;
}
.shadow-2 {
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important;
}
.shadow-3 {
  box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important;
}
.shadow-4 {
  box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important;
}
.shadow-5 {
  box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important;
}
.shadow-6 {
  box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important;
}
.shadow-7 {
  box-shadow: 0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important;
}
.shadow-8 {
  box-shadow: 0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important;
}
.focus\:shadow-none:focus {
  box-shadow: none !important;
}
.hover\:shadow-none:hover {
  box-shadow: none !important;
}
.active\:shadow-none:active {
  box-shadow: none !important;
}
.focus\:shadow-1:focus {
  box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important;
}
.hover\:shadow-1:hover {
  box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important;
}
.active\:shadow-1:active {
  box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important;
}
.focus\:shadow-2:focus {
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important;
}
.hover\:shadow-2:hover {
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important;
}
.active\:shadow-2:active {
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important;
}
.focus\:shadow-3:focus {
  box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important;
}
.hover\:shadow-3:hover {
  box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important;
}
.active\:shadow-3:active {
  box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important;
}
.focus\:shadow-4:focus {
  box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important;
}
.hover\:shadow-4:hover {
  box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important;
}
.active\:shadow-4:active {
  box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important;
}
.focus\:shadow-5:focus {
  box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important;
}
.hover\:shadow-5:hover {
  box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important;
}
.active\:shadow-5:active {
  box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important;
}
.focus\:shadow-6:focus {
  box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important;
}
.hover\:shadow-6:hover {
  box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important;
}
.active\:shadow-6:active {
  box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important;
}
.focus\:shadow-7:focus {
  box-shadow: 0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important;
}
.hover\:shadow-7:hover {
  box-shadow: 0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important;
}
.active\:shadow-7:active {
  box-shadow: 0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important;
}
.focus\:shadow-8:focus {
  box-shadow: 0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important;
}
.hover\:shadow-8:hover {
  box-shadow: 0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important;
}
.active\:shadow-8:active {
  box-shadow: 0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important;
}
@media screen and (min-width: 576px) {
  .sm\:shadow-none {
    box-shadow: none !important;
  }
  .sm\:shadow-1 {
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important;
  }
  .sm\:shadow-2 {
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important;
  }
  .sm\:shadow-3 {
    box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important;
  }
  .sm\:shadow-4 {
    box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important;
  }
  .sm\:shadow-5 {
    box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important;
  }
  .sm\:shadow-6 {
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important;
  }
  .sm\:shadow-7 {
    box-shadow: 0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important;
  }
  .sm\:shadow-8 {
    box-shadow: 0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important;
  }
  .sm\:focus\:shadow-none:focus {
    box-shadow: none !important;
  }
  .sm\:hover\:shadow-none:hover {
    box-shadow: none !important;
  }
  .sm\:active\:shadow-none:active {
    box-shadow: none !important;
  }
  .sm\:focus\:shadow-1:focus {
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important;
  }
  .sm\:hover\:shadow-1:hover {
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important;
  }
  .sm\:active\:shadow-1:active {
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important;
  }
  .sm\:focus\:shadow-2:focus {
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important;
  }
  .sm\:hover\:shadow-2:hover {
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important;
  }
  .sm\:active\:shadow-2:active {
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important;
  }
  .sm\:focus\:shadow-3:focus {
    box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important;
  }
  .sm\:hover\:shadow-3:hover {
    box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important;
  }
  .sm\:active\:shadow-3:active {
    box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important;
  }
  .sm\:focus\:shadow-4:focus {
    box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important;
  }
  .sm\:hover\:shadow-4:hover {
    box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important;
  }
  .sm\:active\:shadow-4:active {
    box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important;
  }
  .sm\:focus\:shadow-5:focus {
    box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important;
  }
  .sm\:hover\:shadow-5:hover {
    box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important;
  }
  .sm\:active\:shadow-5:active {
    box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important;
  }
  .sm\:focus\:shadow-6:focus {
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important;
  }
  .sm\:hover\:shadow-6:hover {
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important;
  }
  .sm\:active\:shadow-6:active {
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important;
  }
  .sm\:focus\:shadow-7:focus {
    box-shadow: 0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important;
  }
  .sm\:hover\:shadow-7:hover {
    box-shadow: 0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important;
  }
  .sm\:active\:shadow-7:active {
    box-shadow: 0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important;
  }
  .sm\:focus\:shadow-8:focus {
    box-shadow: 0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important;
  }
  .sm\:hover\:shadow-8:hover {
    box-shadow: 0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important;
  }
  .sm\:active\:shadow-8:active {
    box-shadow: 0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:shadow-none {
    box-shadow: none !important;
  }
  .md\:shadow-1 {
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important;
  }
  .md\:shadow-2 {
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important;
  }
  .md\:shadow-3 {
    box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important;
  }
  .md\:shadow-4 {
    box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important;
  }
  .md\:shadow-5 {
    box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important;
  }
  .md\:shadow-6 {
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important;
  }
  .md\:shadow-7 {
    box-shadow: 0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important;
  }
  .md\:shadow-8 {
    box-shadow: 0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important;
  }
  .md\:focus\:shadow-none:focus {
    box-shadow: none !important;
  }
  .md\:hover\:shadow-none:hover {
    box-shadow: none !important;
  }
  .md\:active\:shadow-none:active {
    box-shadow: none !important;
  }
  .md\:focus\:shadow-1:focus {
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important;
  }
  .md\:hover\:shadow-1:hover {
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important;
  }
  .md\:active\:shadow-1:active {
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important;
  }
  .md\:focus\:shadow-2:focus {
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important;
  }
  .md\:hover\:shadow-2:hover {
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important;
  }
  .md\:active\:shadow-2:active {
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important;
  }
  .md\:focus\:shadow-3:focus {
    box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important;
  }
  .md\:hover\:shadow-3:hover {
    box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important;
  }
  .md\:active\:shadow-3:active {
    box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important;
  }
  .md\:focus\:shadow-4:focus {
    box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important;
  }
  .md\:hover\:shadow-4:hover {
    box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important;
  }
  .md\:active\:shadow-4:active {
    box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important;
  }
  .md\:focus\:shadow-5:focus {
    box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important;
  }
  .md\:hover\:shadow-5:hover {
    box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important;
  }
  .md\:active\:shadow-5:active {
    box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important;
  }
  .md\:focus\:shadow-6:focus {
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important;
  }
  .md\:hover\:shadow-6:hover {
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important;
  }
  .md\:active\:shadow-6:active {
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important;
  }
  .md\:focus\:shadow-7:focus {
    box-shadow: 0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important;
  }
  .md\:hover\:shadow-7:hover {
    box-shadow: 0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important;
  }
  .md\:active\:shadow-7:active {
    box-shadow: 0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important;
  }
  .md\:focus\:shadow-8:focus {
    box-shadow: 0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important;
  }
  .md\:hover\:shadow-8:hover {
    box-shadow: 0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important;
  }
  .md\:active\:shadow-8:active {
    box-shadow: 0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:shadow-none {
    box-shadow: none !important;
  }
  .lg\:shadow-1 {
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important;
  }
  .lg\:shadow-2 {
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important;
  }
  .lg\:shadow-3 {
    box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important;
  }
  .lg\:shadow-4 {
    box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important;
  }
  .lg\:shadow-5 {
    box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important;
  }
  .lg\:shadow-6 {
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important;
  }
  .lg\:shadow-7 {
    box-shadow: 0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important;
  }
  .lg\:shadow-8 {
    box-shadow: 0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important;
  }
  .lg\:focus\:shadow-none:focus {
    box-shadow: none !important;
  }
  .lg\:hover\:shadow-none:hover {
    box-shadow: none !important;
  }
  .lg\:active\:shadow-none:active {
    box-shadow: none !important;
  }
  .lg\:focus\:shadow-1:focus {
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important;
  }
  .lg\:hover\:shadow-1:hover {
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important;
  }
  .lg\:active\:shadow-1:active {
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important;
  }
  .lg\:focus\:shadow-2:focus {
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important;
  }
  .lg\:hover\:shadow-2:hover {
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important;
  }
  .lg\:active\:shadow-2:active {
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important;
  }
  .lg\:focus\:shadow-3:focus {
    box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important;
  }
  .lg\:hover\:shadow-3:hover {
    box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important;
  }
  .lg\:active\:shadow-3:active {
    box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important;
  }
  .lg\:focus\:shadow-4:focus {
    box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important;
  }
  .lg\:hover\:shadow-4:hover {
    box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important;
  }
  .lg\:active\:shadow-4:active {
    box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important;
  }
  .lg\:focus\:shadow-5:focus {
    box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important;
  }
  .lg\:hover\:shadow-5:hover {
    box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important;
  }
  .lg\:active\:shadow-5:active {
    box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important;
  }
  .lg\:focus\:shadow-6:focus {
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important;
  }
  .lg\:hover\:shadow-6:hover {
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important;
  }
  .lg\:active\:shadow-6:active {
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important;
  }
  .lg\:focus\:shadow-7:focus {
    box-shadow: 0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important;
  }
  .lg\:hover\:shadow-7:hover {
    box-shadow: 0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important;
  }
  .lg\:active\:shadow-7:active {
    box-shadow: 0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important;
  }
  .lg\:focus\:shadow-8:focus {
    box-shadow: 0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important;
  }
  .lg\:hover\:shadow-8:hover {
    box-shadow: 0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important;
  }
  .lg\:active\:shadow-8:active {
    box-shadow: 0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:shadow-none {
    box-shadow: none !important;
  }
  .xl\:shadow-1 {
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important;
  }
  .xl\:shadow-2 {
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important;
  }
  .xl\:shadow-3 {
    box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important;
  }
  .xl\:shadow-4 {
    box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important;
  }
  .xl\:shadow-5 {
    box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important;
  }
  .xl\:shadow-6 {
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important;
  }
  .xl\:shadow-7 {
    box-shadow: 0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important;
  }
  .xl\:shadow-8 {
    box-shadow: 0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important;
  }
  .xl\:focus\:shadow-none:focus {
    box-shadow: none !important;
  }
  .xl\:hover\:shadow-none:hover {
    box-shadow: none !important;
  }
  .xl\:active\:shadow-none:active {
    box-shadow: none !important;
  }
  .xl\:focus\:shadow-1:focus {
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important;
  }
  .xl\:hover\:shadow-1:hover {
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important;
  }
  .xl\:active\:shadow-1:active {
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important;
  }
  .xl\:focus\:shadow-2:focus {
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important;
  }
  .xl\:hover\:shadow-2:hover {
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important;
  }
  .xl\:active\:shadow-2:active {
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important;
  }
  .xl\:focus\:shadow-3:focus {
    box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important;
  }
  .xl\:hover\:shadow-3:hover {
    box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important;
  }
  .xl\:active\:shadow-3:active {
    box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important;
  }
  .xl\:focus\:shadow-4:focus {
    box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important;
  }
  .xl\:hover\:shadow-4:hover {
    box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important;
  }
  .xl\:active\:shadow-4:active {
    box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important;
  }
  .xl\:focus\:shadow-5:focus {
    box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important;
  }
  .xl\:hover\:shadow-5:hover {
    box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important;
  }
  .xl\:active\:shadow-5:active {
    box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important;
  }
  .xl\:focus\:shadow-6:focus {
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important;
  }
  .xl\:hover\:shadow-6:hover {
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important;
  }
  .xl\:active\:shadow-6:active {
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important;
  }
  .xl\:focus\:shadow-7:focus {
    box-shadow: 0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important;
  }
  .xl\:hover\:shadow-7:hover {
    box-shadow: 0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important;
  }
  .xl\:active\:shadow-7:active {
    box-shadow: 0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important;
  }
  .xl\:focus\:shadow-8:focus {
    box-shadow: 0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important;
  }
  .xl\:hover\:shadow-8:hover {
    box-shadow: 0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important;
  }
  .xl\:active\:shadow-8:active {
    box-shadow: 0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important;
  }
}
.border-none {
  border-width: 0px !important;
  border-style: none;
}
.border-1 {
  border-width: 1px !important;
  border-style: solid;
}
.border-2 {
  border-width: 2px !important;
  border-style: solid;
}
.border-3 {
  border-width: 3px !important;
  border-style: solid;
}
.border-top-none {
  border-top-width: 0px !important;
  border-top-style: none;
}
.border-top-1 {
  border-top-width: 1px !important;
  border-top-style: solid;
}
.border-top-2 {
  border-top-width: 2px !important;
  border-top-style: solid;
}
.border-top-3 {
  border-top-width: 3px !important;
  border-top-style: solid;
}
.border-right-none {
  border-right-width: 0px !important;
  border-right-style: none;
}
.border-right-1 {
  border-right-width: 1px !important;
  border-right-style: solid;
}
.border-right-2 {
  border-right-width: 2px !important;
  border-right-style: solid;
}
.border-right-3 {
  border-right-width: 3px !important;
  border-right-style: solid;
}
.border-left-none {
  border-left-width: 0px !important;
  border-left-style: none;
}
.border-left-1 {
  border-left-width: 1px !important;
  border-left-style: solid;
}
.border-left-2 {
  border-left-width: 2px !important;
  border-left-style: solid;
}
.border-left-3 {
  border-left-width: 3px !important;
  border-left-style: solid;
}
.border-bottom-none {
  border-bottom-width: 0px !important;
  border-bottom-style: none;
}
.border-bottom-1 {
  border-bottom-width: 1px !important;
  border-bottom-style: solid;
}
.border-bottom-2 {
  border-bottom-width: 2px !important;
  border-bottom-style: solid;
}
.border-bottom-3 {
  border-bottom-width: 3px !important;
  border-bottom-style: solid;
}
.border-x-none {
  border-left-width: 0px !important;
  border-left-style: none;
  border-right-width: 0px !important;
  border-right-style: none;
}
.border-x-1 {
  border-left-width: 1px !important;
  border-left-style: solid;
  border-right-width: 1px !important;
  border-right-style: solid;
}
.border-x-2 {
  border-left-width: 2px !important;
  border-left-style: solid;
  border-right-width: 2px !important;
  border-right-style: solid;
}
.border-x-3 {
  border-left-width: 3px !important;
  border-left-style: solid;
  border-right-width: 3px !important;
  border-right-style: solid;
}
.border-y-none {
  border-top-width: 0px !important;
  border-top-style: none;
  border-bottom-width: 0px !important;
  border-bottom-style: none;
}
.border-y-1 {
  border-top-width: 1px !important;
  border-top-style: solid;
  border-bottom-width: 1px !important;
  border-bottom-style: solid;
}
.border-y-2 {
  border-top-width: 2px !important;
  border-top-style: solid;
  border-bottom-width: 2px !important;
  border-bottom-style: solid;
}
.border-y-3 {
  border-top-width: 3px !important;
  border-top-style: solid;
  border-bottom-width: 3px !important;
  border-bottom-style: solid;
}
@media screen and (min-width: 576px) {
  .sm\:border-none {
    border-width: 0px !important;
    border-style: none;
  }
  .sm\:border-1 {
    border-width: 1px !important;
    border-style: solid;
  }
  .sm\:border-2 {
    border-width: 2px !important;
    border-style: solid;
  }
  .sm\:border-3 {
    border-width: 3px !important;
    border-style: solid;
  }
  .sm\:border-top-none {
    border-top-width: 0px !important;
    border-top-style: none;
  }
  .sm\:border-top-1 {
    border-top-width: 1px !important;
    border-top-style: solid;
  }
  .sm\:border-top-2 {
    border-top-width: 2px !important;
    border-top-style: solid;
  }
  .sm\:border-top-3 {
    border-top-width: 3px !important;
    border-top-style: solid;
  }
  .sm\:border-right-none {
    border-right-width: 0px !important;
    border-right-style: none;
  }
  .sm\:border-right-1 {
    border-right-width: 1px !important;
    border-right-style: solid;
  }
  .sm\:border-right-2 {
    border-right-width: 2px !important;
    border-right-style: solid;
  }
  .sm\:border-right-3 {
    border-right-width: 3px !important;
    border-right-style: solid;
  }
  .sm\:border-left-none {
    border-left-width: 0px !important;
    border-left-style: none;
  }
  .sm\:border-left-1 {
    border-left-width: 1px !important;
    border-left-style: solid;
  }
  .sm\:border-left-2 {
    border-left-width: 2px !important;
    border-left-style: solid;
  }
  .sm\:border-left-3 {
    border-left-width: 3px !important;
    border-left-style: solid;
  }
  .sm\:border-bottom-none {
    border-bottom-width: 0px !important;
    border-bottom-style: none;
  }
  .sm\:border-bottom-1 {
    border-bottom-width: 1px !important;
    border-bottom-style: solid;
  }
  .sm\:border-bottom-2 {
    border-bottom-width: 2px !important;
    border-bottom-style: solid;
  }
  .sm\:border-bottom-3 {
    border-bottom-width: 3px !important;
    border-bottom-style: solid;
  }
  .sm\:border-x-none {
    border-left-width: 0px !important;
    border-left-style: none;
    border-right-width: 0px !important;
    border-right-style: none;
  }
  .sm\:border-x-1 {
    border-left-width: 1px !important;
    border-left-style: solid;
    border-right-width: 1px !important;
    border-right-style: solid;
  }
  .sm\:border-x-2 {
    border-left-width: 2px !important;
    border-left-style: solid;
    border-right-width: 2px !important;
    border-right-style: solid;
  }
  .sm\:border-x-3 {
    border-left-width: 3px !important;
    border-left-style: solid;
    border-right-width: 3px !important;
    border-right-style: solid;
  }
  .sm\:border-y-none {
    border-top-width: 0px !important;
    border-top-style: none;
    border-bottom-width: 0px !important;
    border-bottom-style: none;
  }
  .sm\:border-y-1 {
    border-top-width: 1px !important;
    border-top-style: solid;
    border-bottom-width: 1px !important;
    border-bottom-style: solid;
  }
  .sm\:border-y-2 {
    border-top-width: 2px !important;
    border-top-style: solid;
    border-bottom-width: 2px !important;
    border-bottom-style: solid;
  }
  .sm\:border-y-3 {
    border-top-width: 3px !important;
    border-top-style: solid;
    border-bottom-width: 3px !important;
    border-bottom-style: solid;
  }
}
@media screen and (min-width: 768px) {
  .md\:border-none {
    border-width: 0px !important;
    border-style: none;
  }
  .md\:border-1 {
    border-width: 1px !important;
    border-style: solid;
  }
  .md\:border-2 {
    border-width: 2px !important;
    border-style: solid;
  }
  .md\:border-3 {
    border-width: 3px !important;
    border-style: solid;
  }
  .md\:border-top-none {
    border-top-width: 0px !important;
    border-top-style: none;
  }
  .md\:border-top-1 {
    border-top-width: 1px !important;
    border-top-style: solid;
  }
  .md\:border-top-2 {
    border-top-width: 2px !important;
    border-top-style: solid;
  }
  .md\:border-top-3 {
    border-top-width: 3px !important;
    border-top-style: solid;
  }
  .md\:border-right-none {
    border-right-width: 0px !important;
    border-right-style: none;
  }
  .md\:border-right-1 {
    border-right-width: 1px !important;
    border-right-style: solid;
  }
  .md\:border-right-2 {
    border-right-width: 2px !important;
    border-right-style: solid;
  }
  .md\:border-right-3 {
    border-right-width: 3px !important;
    border-right-style: solid;
  }
  .md\:border-left-none {
    border-left-width: 0px !important;
    border-left-style: none;
  }
  .md\:border-left-1 {
    border-left-width: 1px !important;
    border-left-style: solid;
  }
  .md\:border-left-2 {
    border-left-width: 2px !important;
    border-left-style: solid;
  }
  .md\:border-left-3 {
    border-left-width: 3px !important;
    border-left-style: solid;
  }
  .md\:border-bottom-none {
    border-bottom-width: 0px !important;
    border-bottom-style: none;
  }
  .md\:border-bottom-1 {
    border-bottom-width: 1px !important;
    border-bottom-style: solid;
  }
  .md\:border-bottom-2 {
    border-bottom-width: 2px !important;
    border-bottom-style: solid;
  }
  .md\:border-bottom-3 {
    border-bottom-width: 3px !important;
    border-bottom-style: solid;
  }
  .md\:border-x-none {
    border-left-width: 0px !important;
    border-left-style: none;
    border-right-width: 0px !important;
    border-right-style: none;
  }
  .md\:border-x-1 {
    border-left-width: 1px !important;
    border-left-style: solid;
    border-right-width: 1px !important;
    border-right-style: solid;
  }
  .md\:border-x-2 {
    border-left-width: 2px !important;
    border-left-style: solid;
    border-right-width: 2px !important;
    border-right-style: solid;
  }
  .md\:border-x-3 {
    border-left-width: 3px !important;
    border-left-style: solid;
    border-right-width: 3px !important;
    border-right-style: solid;
  }
  .md\:border-y-none {
    border-top-width: 0px !important;
    border-top-style: none;
    border-bottom-width: 0px !important;
    border-bottom-style: none;
  }
  .md\:border-y-1 {
    border-top-width: 1px !important;
    border-top-style: solid;
    border-bottom-width: 1px !important;
    border-bottom-style: solid;
  }
  .md\:border-y-2 {
    border-top-width: 2px !important;
    border-top-style: solid;
    border-bottom-width: 2px !important;
    border-bottom-style: solid;
  }
  .md\:border-y-3 {
    border-top-width: 3px !important;
    border-top-style: solid;
    border-bottom-width: 3px !important;
    border-bottom-style: solid;
  }
}
@media screen and (min-width: 992px) {
  .lg\:border-none {
    border-width: 0px !important;
    border-style: none;
  }
  .lg\:border-1 {
    border-width: 1px !important;
    border-style: solid;
  }
  .lg\:border-2 {
    border-width: 2px !important;
    border-style: solid;
  }
  .lg\:border-3 {
    border-width: 3px !important;
    border-style: solid;
  }
  .lg\:border-top-none {
    border-top-width: 0px !important;
    border-top-style: none;
  }
  .lg\:border-top-1 {
    border-top-width: 1px !important;
    border-top-style: solid;
  }
  .lg\:border-top-2 {
    border-top-width: 2px !important;
    border-top-style: solid;
  }
  .lg\:border-top-3 {
    border-top-width: 3px !important;
    border-top-style: solid;
  }
  .lg\:border-right-none {
    border-right-width: 0px !important;
    border-right-style: none;
  }
  .lg\:border-right-1 {
    border-right-width: 1px !important;
    border-right-style: solid;
  }
  .lg\:border-right-2 {
    border-right-width: 2px !important;
    border-right-style: solid;
  }
  .lg\:border-right-3 {
    border-right-width: 3px !important;
    border-right-style: solid;
  }
  .lg\:border-left-none {
    border-left-width: 0px !important;
    border-left-style: none;
  }
  .lg\:border-left-1 {
    border-left-width: 1px !important;
    border-left-style: solid;
  }
  .lg\:border-left-2 {
    border-left-width: 2px !important;
    border-left-style: solid;
  }
  .lg\:border-left-3 {
    border-left-width: 3px !important;
    border-left-style: solid;
  }
  .lg\:border-bottom-none {
    border-bottom-width: 0px !important;
    border-bottom-style: none;
  }
  .lg\:border-bottom-1 {
    border-bottom-width: 1px !important;
    border-bottom-style: solid;
  }
  .lg\:border-bottom-2 {
    border-bottom-width: 2px !important;
    border-bottom-style: solid;
  }
  .lg\:border-bottom-3 {
    border-bottom-width: 3px !important;
    border-bottom-style: solid;
  }
  .lg\:border-x-none {
    border-left-width: 0px !important;
    border-left-style: none;
    border-right-width: 0px !important;
    border-right-style: none;
  }
  .lg\:border-x-1 {
    border-left-width: 1px !important;
    border-left-style: solid;
    border-right-width: 1px !important;
    border-right-style: solid;
  }
  .lg\:border-x-2 {
    border-left-width: 2px !important;
    border-left-style: solid;
    border-right-width: 2px !important;
    border-right-style: solid;
  }
  .lg\:border-x-3 {
    border-left-width: 3px !important;
    border-left-style: solid;
    border-right-width: 3px !important;
    border-right-style: solid;
  }
  .lg\:border-y-none {
    border-top-width: 0px !important;
    border-top-style: none;
    border-bottom-width: 0px !important;
    border-bottom-style: none;
  }
  .lg\:border-y-1 {
    border-top-width: 1px !important;
    border-top-style: solid;
    border-bottom-width: 1px !important;
    border-bottom-style: solid;
  }
  .lg\:border-y-2 {
    border-top-width: 2px !important;
    border-top-style: solid;
    border-bottom-width: 2px !important;
    border-bottom-style: solid;
  }
  .lg\:border-y-3 {
    border-top-width: 3px !important;
    border-top-style: solid;
    border-bottom-width: 3px !important;
    border-bottom-style: solid;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:border-none {
    border-width: 0px !important;
    border-style: none;
  }
  .xl\:border-1 {
    border-width: 1px !important;
    border-style: solid;
  }
  .xl\:border-2 {
    border-width: 2px !important;
    border-style: solid;
  }
  .xl\:border-3 {
    border-width: 3px !important;
    border-style: solid;
  }
  .xl\:border-top-none {
    border-top-width: 0px !important;
    border-top-style: none;
  }
  .xl\:border-top-1 {
    border-top-width: 1px !important;
    border-top-style: solid;
  }
  .xl\:border-top-2 {
    border-top-width: 2px !important;
    border-top-style: solid;
  }
  .xl\:border-top-3 {
    border-top-width: 3px !important;
    border-top-style: solid;
  }
  .xl\:border-right-none {
    border-right-width: 0px !important;
    border-right-style: none;
  }
  .xl\:border-right-1 {
    border-right-width: 1px !important;
    border-right-style: solid;
  }
  .xl\:border-right-2 {
    border-right-width: 2px !important;
    border-right-style: solid;
  }
  .xl\:border-right-3 {
    border-right-width: 3px !important;
    border-right-style: solid;
  }
  .xl\:border-left-none {
    border-left-width: 0px !important;
    border-left-style: none;
  }
  .xl\:border-left-1 {
    border-left-width: 1px !important;
    border-left-style: solid;
  }
  .xl\:border-left-2 {
    border-left-width: 2px !important;
    border-left-style: solid;
  }
  .xl\:border-left-3 {
    border-left-width: 3px !important;
    border-left-style: solid;
  }
  .xl\:border-bottom-none {
    border-bottom-width: 0px !important;
    border-bottom-style: none;
  }
  .xl\:border-bottom-1 {
    border-bottom-width: 1px !important;
    border-bottom-style: solid;
  }
  .xl\:border-bottom-2 {
    border-bottom-width: 2px !important;
    border-bottom-style: solid;
  }
  .xl\:border-bottom-3 {
    border-bottom-width: 3px !important;
    border-bottom-style: solid;
  }
  .xl\:border-x-none {
    border-left-width: 0px !important;
    border-left-style: none;
    border-right-width: 0px !important;
    border-right-style: none;
  }
  .xl\:border-x-1 {
    border-left-width: 1px !important;
    border-left-style: solid;
    border-right-width: 1px !important;
    border-right-style: solid;
  }
  .xl\:border-x-2 {
    border-left-width: 2px !important;
    border-left-style: solid;
    border-right-width: 2px !important;
    border-right-style: solid;
  }
  .xl\:border-x-3 {
    border-left-width: 3px !important;
    border-left-style: solid;
    border-right-width: 3px !important;
    border-right-style: solid;
  }
  .xl\:border-y-none {
    border-top-width: 0px !important;
    border-top-style: none;
    border-bottom-width: 0px !important;
    border-bottom-style: none;
  }
  .xl\:border-y-1 {
    border-top-width: 1px !important;
    border-top-style: solid;
    border-bottom-width: 1px !important;
    border-bottom-style: solid;
  }
  .xl\:border-y-2 {
    border-top-width: 2px !important;
    border-top-style: solid;
    border-bottom-width: 2px !important;
    border-bottom-style: solid;
  }
  .xl\:border-y-3 {
    border-top-width: 3px !important;
    border-top-style: solid;
    border-bottom-width: 3px !important;
    border-bottom-style: solid;
  }
}
.border-solid {
  border-style: solid !important;
}
.border-dashed {
  border-style: dashed !important;
}
.border-dotted {
  border-style: dotted !important;
}
.border-double {
  border-style: double !important;
}
@media screen and (min-width: 576px) {
  .sm\:border-solid {
    border-style: solid !important;
  }
  .sm\:border-dashed {
    border-style: dashed !important;
  }
  .sm\:border-dotted {
    border-style: dotted !important;
  }
  .sm\:border-double {
    border-style: double !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:border-solid {
    border-style: solid !important;
  }
  .md\:border-dashed {
    border-style: dashed !important;
  }
  .md\:border-dotted {
    border-style: dotted !important;
  }
  .md\:border-double {
    border-style: double !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:border-solid {
    border-style: solid !important;
  }
  .lg\:border-dashed {
    border-style: dashed !important;
  }
  .lg\:border-dotted {
    border-style: dotted !important;
  }
  .lg\:border-double {
    border-style: double !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:border-solid {
    border-style: solid !important;
  }
  .xl\:border-dashed {
    border-style: dashed !important;
  }
  .xl\:border-dotted {
    border-style: dotted !important;
  }
  .xl\:border-double {
    border-style: double !important;
  }
}
.border-noround {
  border-radius: 0 !important;
}
.border-round {
  border-radius: var(--border-radius) !important;
}
.border-round-xs {
  border-radius: 0.125rem !important;
}
.border-round-sm {
  border-radius: 0.25rem !important;
}
.border-round-md {
  border-radius: 0.375rem !important;
}
.border-round-lg {
  border-radius: 0.5rem !important;
}
.border-round-xl {
  border-radius: 0.75rem !important;
}
.border-round-2xl {
  border-radius: 1rem !important;
}
.border-round-3xl {
  border-radius: 1.5rem !important;
}
.border-circle {
  border-radius: 50% !important;
}
@media screen and (min-width: 576px) {
  .sm\:border-noround {
    border-radius: 0 !important;
  }
  .sm\:border-round {
    border-radius: var(--border-radius) !important;
  }
  .sm\:border-round-xs {
    border-radius: 0.125rem !important;
  }
  .sm\:border-round-sm {
    border-radius: 0.25rem !important;
  }
  .sm\:border-round-md {
    border-radius: 0.375rem !important;
  }
  .sm\:border-round-lg {
    border-radius: 0.5rem !important;
  }
  .sm\:border-round-xl {
    border-radius: 0.75rem !important;
  }
  .sm\:border-round-2xl {
    border-radius: 1rem !important;
  }
  .sm\:border-round-3xl {
    border-radius: 1.5rem !important;
  }
  .sm\:border-circle {
    border-radius: 50% !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:border-noround {
    border-radius: 0 !important;
  }
  .md\:border-round {
    border-radius: var(--border-radius) !important;
  }
  .md\:border-round-xs {
    border-radius: 0.125rem !important;
  }
  .md\:border-round-sm {
    border-radius: 0.25rem !important;
  }
  .md\:border-round-md {
    border-radius: 0.375rem !important;
  }
  .md\:border-round-lg {
    border-radius: 0.5rem !important;
  }
  .md\:border-round-xl {
    border-radius: 0.75rem !important;
  }
  .md\:border-round-2xl {
    border-radius: 1rem !important;
  }
  .md\:border-round-3xl {
    border-radius: 1.5rem !important;
  }
  .md\:border-circle {
    border-radius: 50% !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:border-noround {
    border-radius: 0 !important;
  }
  .lg\:border-round {
    border-radius: var(--border-radius) !important;
  }
  .lg\:border-round-xs {
    border-radius: 0.125rem !important;
  }
  .lg\:border-round-sm {
    border-radius: 0.25rem !important;
  }
  .lg\:border-round-md {
    border-radius: 0.375rem !important;
  }
  .lg\:border-round-lg {
    border-radius: 0.5rem !important;
  }
  .lg\:border-round-xl {
    border-radius: 0.75rem !important;
  }
  .lg\:border-round-2xl {
    border-radius: 1rem !important;
  }
  .lg\:border-round-3xl {
    border-radius: 1.5rem !important;
  }
  .lg\:border-circle {
    border-radius: 50% !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:border-noround {
    border-radius: 0 !important;
  }
  .xl\:border-round {
    border-radius: var(--border-radius) !important;
  }
  .xl\:border-round-xs {
    border-radius: 0.125rem !important;
  }
  .xl\:border-round-sm {
    border-radius: 0.25rem !important;
  }
  .xl\:border-round-md {
    border-radius: 0.375rem !important;
  }
  .xl\:border-round-lg {
    border-radius: 0.5rem !important;
  }
  .xl\:border-round-xl {
    border-radius: 0.75rem !important;
  }
  .xl\:border-round-2xl {
    border-radius: 1rem !important;
  }
  .xl\:border-round-3xl {
    border-radius: 1.5rem !important;
  }
  .xl\:border-circle {
    border-radius: 50% !important;
  }
}
.border-noround-left {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}
.border-noround-top {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.border-noround-right {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.border-noround-bottom {
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.border-round-left {
  border-top-left-radius: var(--border-radius) !important;
  border-bottom-left-radius: var(--border-radius) !important;
}
.border-round-top {
  border-top-left-radius: var(--border-radius) !important;
  border-top-right-radius: var(--border-radius) !important;
}
.border-round-right {
  border-top-right-radius: var(--border-radius) !important;
  border-bottom-right-radius: var(--border-radius) !important;
}
.border-round-bottom {
  border-bottom-left-radius: var(--border-radius) !important;
  border-bottom-right-radius: var(--border-radius) !important;
}
.border-round-left-xs {
  border-top-left-radius: 0.125rem !important;
  border-bottom-left-radius: 0.125rem !important;
}
.border-round-top-xs {
  border-top-left-radius: 0.125rem !important;
  border-top-right-radius: 0.125rem !important;
}
.border-round-right-xs {
  border-top-right-radius: 0.125rem !important;
  border-bottom-right-radius: 0.125rem !important;
}
.border-round-bottom-xs {
  border-bottom-left-radius: 0.125rem !important;
  border-bottom-right-radius: 0.125rem !important;
}
.border-round-left-sm {
  border-top-left-radius: 0.25rem !important;
  border-bottom-left-radius: 0.25rem !important;
}
.border-round-top-sm {
  border-top-left-radius: 0.25rem !important;
  border-top-right-radius: 0.25rem !important;
}
.border-round-right-sm {
  border-top-right-radius: 0.25rem !important;
  border-bottom-right-radius: 0.25rem !important;
}
.border-round-bottom-sm {
  border-bottom-left-radius: 0.25rem !important;
  border-bottom-right-radius: 0.25rem !important;
}
.border-round-left-md {
  border-top-left-radius: 0.375rem !important;
  border-bottom-left-radius: 0.375rem !important;
}
.border-round-top-md {
  border-top-left-radius: 0.375rem !important;
  border-top-right-radius: 0.375rem !important;
}
.border-round-right-md {
  border-top-right-radius: 0.375rem !important;
  border-bottom-right-radius: 0.375rem !important;
}
.border-round-bottom-md {
  border-bottom-left-radius: 0.375rem !important;
  border-bottom-right-radius: 0.375rem !important;
}
.border-round-left-lg {
  border-top-left-radius: 0.5rem !important;
  border-bottom-left-radius: 0.5rem !important;
}
.border-round-top-lg {
  border-top-left-radius: 0.5rem !important;
  border-top-right-radius: 0.5rem !important;
}
.border-round-right-lg {
  border-top-right-radius: 0.5rem !important;
  border-bottom-right-radius: 0.5rem !important;
}
.border-round-bottom-lg {
  border-bottom-left-radius: 0.5rem !important;
  border-bottom-right-radius: 0.5rem !important;
}
.border-round-left-xl {
  border-top-left-radius: 0.75rem !important;
  border-bottom-left-radius: 0.75rem !important;
}
.border-round-top-xl {
  border-top-left-radius: 0.75rem !important;
  border-top-right-radius: 0.75rem !important;
}
.border-round-right-xl {
  border-top-right-radius: 0.75rem !important;
  border-bottom-right-radius: 0.75rem !important;
}
.border-round-bottom-xl {
  border-bottom-left-radius: 0.75rem !important;
  border-bottom-right-radius: 0.75rem !important;
}
.border-round-left-2xl {
  border-top-left-radius: 1rem !important;
  border-bottom-left-radius: 1rem !important;
}
.border-round-top-2xl {
  border-top-left-radius: 1rem !important;
  border-top-right-radius: 1rem !important;
}
.border-round-right-2xl {
  border-top-right-radius: 1rem !important;
  border-bottom-right-radius: 1rem !important;
}
.border-round-bottom-2xl {
  border-bottom-left-radius: 1rem !important;
  border-bottom-right-radius: 1rem !important;
}
.border-round-left-3xl {
  border-top-left-radius: 1.5rem !important;
  border-bottom-left-radius: 1.5rem !important;
}
.border-round-top-3xl {
  border-top-left-radius: 1.5rem !important;
  border-top-right-radius: 1.5rem !important;
}
.border-round-right-3xl {
  border-top-right-radius: 1.5rem !important;
  border-bottom-right-radius: 1.5rem !important;
}
.border-round-bottom-3xl {
  border-bottom-left-radius: 1.5rem !important;
  border-bottom-right-radius: 1.5rem !important;
}
.border-circle-left {
  border-top-left-radius: 50% !important;
  border-bottom-left-radius: 50% !important;
}
.border-circle-top {
  border-top-left-radius: 50% !important;
  border-top-right-radius: 50% !important;
}
.border-circle-right {
  border-top-right-radius: 50% !important;
  border-bottom-right-radius: 50% !important;
}
.border-circle-bottom {
  border-bottom-left-radius: 50% !important;
  border-bottom-right-radius: 50% !important;
}
@media screen and (min-width: 576px) {
  .sm\:border-noround-left {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
  }
  .sm\:border-noround-top {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
  }
  .sm\:border-noround-right {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
  }
  .sm\:border-noround-bottom {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
  }
  .sm\:border-round-left {
    border-top-left-radius: var(--border-radius) !important;
    border-bottom-left-radius: var(--border-radius) !important;
  }
  .sm\:border-round-top {
    border-top-left-radius: var(--border-radius) !important;
    border-top-right-radius: var(--border-radius) !important;
  }
  .sm\:border-round-right {
    border-top-right-radius: var(--border-radius) !important;
    border-bottom-right-radius: var(--border-radius) !important;
  }
  .sm\:border-round-bottom {
    border-bottom-left-radius: var(--border-radius) !important;
    border-bottom-right-radius: var(--border-radius) !important;
  }
  .sm\:border-round-left-xs {
    border-top-left-radius: 0.125rem !important;
    border-bottom-left-radius: 0.125rem !important;
  }
  .sm\:border-round-top-xs {
    border-top-left-radius: 0.125rem !important;
    border-top-right-radius: 0.125rem !important;
  }
  .sm\:border-round-right-xs {
    border-top-right-radius: 0.125rem !important;
    border-bottom-right-radius: 0.125rem !important;
  }
  .sm\:border-round-bottom-xs {
    border-bottom-left-radius: 0.125rem !important;
    border-bottom-right-radius: 0.125rem !important;
  }
  .sm\:border-round-left-sm {
    border-top-left-radius: 0.25rem !important;
    border-bottom-left-radius: 0.25rem !important;
  }
  .sm\:border-round-top-sm {
    border-top-left-radius: 0.25rem !important;
    border-top-right-radius: 0.25rem !important;
  }
  .sm\:border-round-right-sm {
    border-top-right-radius: 0.25rem !important;
    border-bottom-right-radius: 0.25rem !important;
  }
  .sm\:border-round-bottom-sm {
    border-bottom-left-radius: 0.25rem !important;
    border-bottom-right-radius: 0.25rem !important;
  }
  .sm\:border-round-left-md {
    border-top-left-radius: 0.375rem !important;
    border-bottom-left-radius: 0.375rem !important;
  }
  .sm\:border-round-top-md {
    border-top-left-radius: 0.375rem !important;
    border-top-right-radius: 0.375rem !important;
  }
  .sm\:border-round-right-md {
    border-top-right-radius: 0.375rem !important;
    border-bottom-right-radius: 0.375rem !important;
  }
  .sm\:border-round-bottom-md {
    border-bottom-left-radius: 0.375rem !important;
    border-bottom-right-radius: 0.375rem !important;
  }
  .sm\:border-round-left-lg {
    border-top-left-radius: 0.5rem !important;
    border-bottom-left-radius: 0.5rem !important;
  }
  .sm\:border-round-top-lg {
    border-top-left-radius: 0.5rem !important;
    border-top-right-radius: 0.5rem !important;
  }
  .sm\:border-round-right-lg {
    border-top-right-radius: 0.5rem !important;
    border-bottom-right-radius: 0.5rem !important;
  }
  .sm\:border-round-bottom-lg {
    border-bottom-left-radius: 0.5rem !important;
    border-bottom-right-radius: 0.5rem !important;
  }
  .sm\:border-round-left-xl {
    border-top-left-radius: 0.75rem !important;
    border-bottom-left-radius: 0.75rem !important;
  }
  .sm\:border-round-top-xl {
    border-top-left-radius: 0.75rem !important;
    border-top-right-radius: 0.75rem !important;
  }
  .sm\:border-round-right-xl {
    border-top-right-radius: 0.75rem !important;
    border-bottom-right-radius: 0.75rem !important;
  }
  .sm\:border-round-bottom-xl {
    border-bottom-left-radius: 0.75rem !important;
    border-bottom-right-radius: 0.75rem !important;
  }
  .sm\:border-round-left-2xl {
    border-top-left-radius: 1rem !important;
    border-bottom-left-radius: 1rem !important;
  }
  .sm\:border-round-top-2xl {
    border-top-left-radius: 1rem !important;
    border-top-right-radius: 1rem !important;
  }
  .sm\:border-round-right-2xl {
    border-top-right-radius: 1rem !important;
    border-bottom-right-radius: 1rem !important;
  }
  .sm\:border-round-bottom-2xl {
    border-bottom-left-radius: 1rem !important;
    border-bottom-right-radius: 1rem !important;
  }
  .sm\:border-round-left-3xl {
    border-top-left-radius: 1.5rem !important;
    border-bottom-left-radius: 1.5rem !important;
  }
  .sm\:border-round-top-3xl {
    border-top-left-radius: 1.5rem !important;
    border-top-right-radius: 1.5rem !important;
  }
  .sm\:border-round-right-3xl {
    border-top-right-radius: 1.5rem !important;
    border-bottom-right-radius: 1.5rem !important;
  }
  .sm\:border-round-bottom-3xl {
    border-bottom-left-radius: 1.5rem !important;
    border-bottom-right-radius: 1.5rem !important;
  }
  .sm\:border-circle-left {
    border-top-left-radius: 50% !important;
    border-bottom-left-radius: 50% !important;
  }
  .sm\:border-circle-top {
    border-top-left-radius: 50% !important;
    border-top-right-radius: 50% !important;
  }
  .sm\:border-circle-right {
    border-top-right-radius: 50% !important;
    border-bottom-right-radius: 50% !important;
  }
  .sm\:border-circle-bottom {
    border-bottom-left-radius: 50% !important;
    border-bottom-right-radius: 50% !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:border-noround-left {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
  }
  .md\:border-noround-top {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
  }
  .md\:border-noround-right {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
  }
  .md\:border-noround-bottom {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
  }
  .md\:border-round-left {
    border-top-left-radius: var(--border-radius) !important;
    border-bottom-left-radius: var(--border-radius) !important;
  }
  .md\:border-round-top {
    border-top-left-radius: var(--border-radius) !important;
    border-top-right-radius: var(--border-radius) !important;
  }
  .md\:border-round-right {
    border-top-right-radius: var(--border-radius) !important;
    border-bottom-right-radius: var(--border-radius) !important;
  }
  .md\:border-round-bottom {
    border-bottom-left-radius: var(--border-radius) !important;
    border-bottom-right-radius: var(--border-radius) !important;
  }
  .md\:border-round-left-xs {
    border-top-left-radius: 0.125rem !important;
    border-bottom-left-radius: 0.125rem !important;
  }
  .md\:border-round-top-xs {
    border-top-left-radius: 0.125rem !important;
    border-top-right-radius: 0.125rem !important;
  }
  .md\:border-round-right-xs {
    border-top-right-radius: 0.125rem !important;
    border-bottom-right-radius: 0.125rem !important;
  }
  .md\:border-round-bottom-xs {
    border-bottom-left-radius: 0.125rem !important;
    border-bottom-right-radius: 0.125rem !important;
  }
  .md\:border-round-left-sm {
    border-top-left-radius: 0.25rem !important;
    border-bottom-left-radius: 0.25rem !important;
  }
  .md\:border-round-top-sm {
    border-top-left-radius: 0.25rem !important;
    border-top-right-radius: 0.25rem !important;
  }
  .md\:border-round-right-sm {
    border-top-right-radius: 0.25rem !important;
    border-bottom-right-radius: 0.25rem !important;
  }
  .md\:border-round-bottom-sm {
    border-bottom-left-radius: 0.25rem !important;
    border-bottom-right-radius: 0.25rem !important;
  }
  .md\:border-round-left-md {
    border-top-left-radius: 0.375rem !important;
    border-bottom-left-radius: 0.375rem !important;
  }
  .md\:border-round-top-md {
    border-top-left-radius: 0.375rem !important;
    border-top-right-radius: 0.375rem !important;
  }
  .md\:border-round-right-md {
    border-top-right-radius: 0.375rem !important;
    border-bottom-right-radius: 0.375rem !important;
  }
  .md\:border-round-bottom-md {
    border-bottom-left-radius: 0.375rem !important;
    border-bottom-right-radius: 0.375rem !important;
  }
  .md\:border-round-left-lg {
    border-top-left-radius: 0.5rem !important;
    border-bottom-left-radius: 0.5rem !important;
  }
  .md\:border-round-top-lg {
    border-top-left-radius: 0.5rem !important;
    border-top-right-radius: 0.5rem !important;
  }
  .md\:border-round-right-lg {
    border-top-right-radius: 0.5rem !important;
    border-bottom-right-radius: 0.5rem !important;
  }
  .md\:border-round-bottom-lg {
    border-bottom-left-radius: 0.5rem !important;
    border-bottom-right-radius: 0.5rem !important;
  }
  .md\:border-round-left-xl {
    border-top-left-radius: 0.75rem !important;
    border-bottom-left-radius: 0.75rem !important;
  }
  .md\:border-round-top-xl {
    border-top-left-radius: 0.75rem !important;
    border-top-right-radius: 0.75rem !important;
  }
  .md\:border-round-right-xl {
    border-top-right-radius: 0.75rem !important;
    border-bottom-right-radius: 0.75rem !important;
  }
  .md\:border-round-bottom-xl {
    border-bottom-left-radius: 0.75rem !important;
    border-bottom-right-radius: 0.75rem !important;
  }
  .md\:border-round-left-2xl {
    border-top-left-radius: 1rem !important;
    border-bottom-left-radius: 1rem !important;
  }
  .md\:border-round-top-2xl {
    border-top-left-radius: 1rem !important;
    border-top-right-radius: 1rem !important;
  }
  .md\:border-round-right-2xl {
    border-top-right-radius: 1rem !important;
    border-bottom-right-radius: 1rem !important;
  }
  .md\:border-round-bottom-2xl {
    border-bottom-left-radius: 1rem !important;
    border-bottom-right-radius: 1rem !important;
  }
  .md\:border-round-left-3xl {
    border-top-left-radius: 1.5rem !important;
    border-bottom-left-radius: 1.5rem !important;
  }
  .md\:border-round-top-3xl {
    border-top-left-radius: 1.5rem !important;
    border-top-right-radius: 1.5rem !important;
  }
  .md\:border-round-right-3xl {
    border-top-right-radius: 1.5rem !important;
    border-bottom-right-radius: 1.5rem !important;
  }
  .md\:border-round-bottom-3xl {
    border-bottom-left-radius: 1.5rem !important;
    border-bottom-right-radius: 1.5rem !important;
  }
  .md\:border-circle-left {
    border-top-left-radius: 50% !important;
    border-bottom-left-radius: 50% !important;
  }
  .md\:border-circle-top {
    border-top-left-radius: 50% !important;
    border-top-right-radius: 50% !important;
  }
  .md\:border-circle-right {
    border-top-right-radius: 50% !important;
    border-bottom-right-radius: 50% !important;
  }
  .md\:border-circle-bottom {
    border-bottom-left-radius: 50% !important;
    border-bottom-right-radius: 50% !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:border-noround-left {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
  }
  .lg\:border-noround-top {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
  }
  .lg\:border-noround-right {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
  }
  .lg\:border-noround-bottom {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
  }
  .lg\:border-round-left {
    border-top-left-radius: var(--border-radius) !important;
    border-bottom-left-radius: var(--border-radius) !important;
  }
  .lg\:border-round-top {
    border-top-left-radius: var(--border-radius) !important;
    border-top-right-radius: var(--border-radius) !important;
  }
  .lg\:border-round-right {
    border-top-right-radius: var(--border-radius) !important;
    border-bottom-right-radius: var(--border-radius) !important;
  }
  .lg\:border-round-bottom {
    border-bottom-left-radius: var(--border-radius) !important;
    border-bottom-right-radius: var(--border-radius) !important;
  }
  .lg\:border-round-left-xs {
    border-top-left-radius: 0.125rem !important;
    border-bottom-left-radius: 0.125rem !important;
  }
  .lg\:border-round-top-xs {
    border-top-left-radius: 0.125rem !important;
    border-top-right-radius: 0.125rem !important;
  }
  .lg\:border-round-right-xs {
    border-top-right-radius: 0.125rem !important;
    border-bottom-right-radius: 0.125rem !important;
  }
  .lg\:border-round-bottom-xs {
    border-bottom-left-radius: 0.125rem !important;
    border-bottom-right-radius: 0.125rem !important;
  }
  .lg\:border-round-left-sm {
    border-top-left-radius: 0.25rem !important;
    border-bottom-left-radius: 0.25rem !important;
  }
  .lg\:border-round-top-sm {
    border-top-left-radius: 0.25rem !important;
    border-top-right-radius: 0.25rem !important;
  }
  .lg\:border-round-right-sm {
    border-top-right-radius: 0.25rem !important;
    border-bottom-right-radius: 0.25rem !important;
  }
  .lg\:border-round-bottom-sm {
    border-bottom-left-radius: 0.25rem !important;
    border-bottom-right-radius: 0.25rem !important;
  }
  .lg\:border-round-left-md {
    border-top-left-radius: 0.375rem !important;
    border-bottom-left-radius: 0.375rem !important;
  }
  .lg\:border-round-top-md {
    border-top-left-radius: 0.375rem !important;
    border-top-right-radius: 0.375rem !important;
  }
  .lg\:border-round-right-md {
    border-top-right-radius: 0.375rem !important;
    border-bottom-right-radius: 0.375rem !important;
  }
  .lg\:border-round-bottom-md {
    border-bottom-left-radius: 0.375rem !important;
    border-bottom-right-radius: 0.375rem !important;
  }
  .lg\:border-round-left-lg {
    border-top-left-radius: 0.5rem !important;
    border-bottom-left-radius: 0.5rem !important;
  }
  .lg\:border-round-top-lg {
    border-top-left-radius: 0.5rem !important;
    border-top-right-radius: 0.5rem !important;
  }
  .lg\:border-round-right-lg {
    border-top-right-radius: 0.5rem !important;
    border-bottom-right-radius: 0.5rem !important;
  }
  .lg\:border-round-bottom-lg {
    border-bottom-left-radius: 0.5rem !important;
    border-bottom-right-radius: 0.5rem !important;
  }
  .lg\:border-round-left-xl {
    border-top-left-radius: 0.75rem !important;
    border-bottom-left-radius: 0.75rem !important;
  }
  .lg\:border-round-top-xl {
    border-top-left-radius: 0.75rem !important;
    border-top-right-radius: 0.75rem !important;
  }
  .lg\:border-round-right-xl {
    border-top-right-radius: 0.75rem !important;
    border-bottom-right-radius: 0.75rem !important;
  }
  .lg\:border-round-bottom-xl {
    border-bottom-left-radius: 0.75rem !important;
    border-bottom-right-radius: 0.75rem !important;
  }
  .lg\:border-round-left-2xl {
    border-top-left-radius: 1rem !important;
    border-bottom-left-radius: 1rem !important;
  }
  .lg\:border-round-top-2xl {
    border-top-left-radius: 1rem !important;
    border-top-right-radius: 1rem !important;
  }
  .lg\:border-round-right-2xl {
    border-top-right-radius: 1rem !important;
    border-bottom-right-radius: 1rem !important;
  }
  .lg\:border-round-bottom-2xl {
    border-bottom-left-radius: 1rem !important;
    border-bottom-right-radius: 1rem !important;
  }
  .lg\:border-round-left-3xl {
    border-top-left-radius: 1.5rem !important;
    border-bottom-left-radius: 1.5rem !important;
  }
  .lg\:border-round-top-3xl {
    border-top-left-radius: 1.5rem !important;
    border-top-right-radius: 1.5rem !important;
  }
  .lg\:border-round-right-3xl {
    border-top-right-radius: 1.5rem !important;
    border-bottom-right-radius: 1.5rem !important;
  }
  .lg\:border-round-bottom-3xl {
    border-bottom-left-radius: 1.5rem !important;
    border-bottom-right-radius: 1.5rem !important;
  }
  .lg\:border-circle-left {
    border-top-left-radius: 50% !important;
    border-bottom-left-radius: 50% !important;
  }
  .lg\:border-circle-top {
    border-top-left-radius: 50% !important;
    border-top-right-radius: 50% !important;
  }
  .lg\:border-circle-right {
    border-top-right-radius: 50% !important;
    border-bottom-right-radius: 50% !important;
  }
  .lg\:border-circle-bottom {
    border-bottom-left-radius: 50% !important;
    border-bottom-right-radius: 50% !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:border-noround-left {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
  }
  .xl\:border-noround-top {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
  }
  .xl\:border-noround-right {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
  }
  .xl\:border-noround-bottom {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
  }
  .xl\:border-round-left {
    border-top-left-radius: var(--border-radius) !important;
    border-bottom-left-radius: var(--border-radius) !important;
  }
  .xl\:border-round-top {
    border-top-left-radius: var(--border-radius) !important;
    border-top-right-radius: var(--border-radius) !important;
  }
  .xl\:border-round-right {
    border-top-right-radius: var(--border-radius) !important;
    border-bottom-right-radius: var(--border-radius) !important;
  }
  .xl\:border-round-bottom {
    border-bottom-left-radius: var(--border-radius) !important;
    border-bottom-right-radius: var(--border-radius) !important;
  }
  .xl\:border-round-left-xs {
    border-top-left-radius: 0.125rem !important;
    border-bottom-left-radius: 0.125rem !important;
  }
  .xl\:border-round-top-xs {
    border-top-left-radius: 0.125rem !important;
    border-top-right-radius: 0.125rem !important;
  }
  .xl\:border-round-right-xs {
    border-top-right-radius: 0.125rem !important;
    border-bottom-right-radius: 0.125rem !important;
  }
  .xl\:border-round-bottom-xs {
    border-bottom-left-radius: 0.125rem !important;
    border-bottom-right-radius: 0.125rem !important;
  }
  .xl\:border-round-left-sm {
    border-top-left-radius: 0.25rem !important;
    border-bottom-left-radius: 0.25rem !important;
  }
  .xl\:border-round-top-sm {
    border-top-left-radius: 0.25rem !important;
    border-top-right-radius: 0.25rem !important;
  }
  .xl\:border-round-right-sm {
    border-top-right-radius: 0.25rem !important;
    border-bottom-right-radius: 0.25rem !important;
  }
  .xl\:border-round-bottom-sm {
    border-bottom-left-radius: 0.25rem !important;
    border-bottom-right-radius: 0.25rem !important;
  }
  .xl\:border-round-left-md {
    border-top-left-radius: 0.375rem !important;
    border-bottom-left-radius: 0.375rem !important;
  }
  .xl\:border-round-top-md {
    border-top-left-radius: 0.375rem !important;
    border-top-right-radius: 0.375rem !important;
  }
  .xl\:border-round-right-md {
    border-top-right-radius: 0.375rem !important;
    border-bottom-right-radius: 0.375rem !important;
  }
  .xl\:border-round-bottom-md {
    border-bottom-left-radius: 0.375rem !important;
    border-bottom-right-radius: 0.375rem !important;
  }
  .xl\:border-round-left-lg {
    border-top-left-radius: 0.5rem !important;
    border-bottom-left-radius: 0.5rem !important;
  }
  .xl\:border-round-top-lg {
    border-top-left-radius: 0.5rem !important;
    border-top-right-radius: 0.5rem !important;
  }
  .xl\:border-round-right-lg {
    border-top-right-radius: 0.5rem !important;
    border-bottom-right-radius: 0.5rem !important;
  }
  .xl\:border-round-bottom-lg {
    border-bottom-left-radius: 0.5rem !important;
    border-bottom-right-radius: 0.5rem !important;
  }
  .xl\:border-round-left-xl {
    border-top-left-radius: 0.75rem !important;
    border-bottom-left-radius: 0.75rem !important;
  }
  .xl\:border-round-top-xl {
    border-top-left-radius: 0.75rem !important;
    border-top-right-radius: 0.75rem !important;
  }
  .xl\:border-round-right-xl {
    border-top-right-radius: 0.75rem !important;
    border-bottom-right-radius: 0.75rem !important;
  }
  .xl\:border-round-bottom-xl {
    border-bottom-left-radius: 0.75rem !important;
    border-bottom-right-radius: 0.75rem !important;
  }
  .xl\:border-round-left-2xl {
    border-top-left-radius: 1rem !important;
    border-bottom-left-radius: 1rem !important;
  }
  .xl\:border-round-top-2xl {
    border-top-left-radius: 1rem !important;
    border-top-right-radius: 1rem !important;
  }
  .xl\:border-round-right-2xl {
    border-top-right-radius: 1rem !important;
    border-bottom-right-radius: 1rem !important;
  }
  .xl\:border-round-bottom-2xl {
    border-bottom-left-radius: 1rem !important;
    border-bottom-right-radius: 1rem !important;
  }
  .xl\:border-round-left-3xl {
    border-top-left-radius: 1.5rem !important;
    border-bottom-left-radius: 1.5rem !important;
  }
  .xl\:border-round-top-3xl {
    border-top-left-radius: 1.5rem !important;
    border-top-right-radius: 1.5rem !important;
  }
  .xl\:border-round-right-3xl {
    border-top-right-radius: 1.5rem !important;
    border-bottom-right-radius: 1.5rem !important;
  }
  .xl\:border-round-bottom-3xl {
    border-bottom-left-radius: 1.5rem !important;
    border-bottom-right-radius: 1.5rem !important;
  }
  .xl\:border-circle-left {
    border-top-left-radius: 50% !important;
    border-bottom-left-radius: 50% !important;
  }
  .xl\:border-circle-top {
    border-top-left-radius: 50% !important;
    border-top-right-radius: 50% !important;
  }
  .xl\:border-circle-right {
    border-top-right-radius: 50% !important;
    border-bottom-right-radius: 50% !important;
  }
  .xl\:border-circle-bottom {
    border-bottom-left-radius: 50% !important;
    border-bottom-right-radius: 50% !important;
  }
}
.w-full {
  width: 100% !important;
}
.w-screen {
  width: 100vw !important;
}
.w-auto {
  width: auto !important;
}
.w-1 {
  width: 8.3333% !important;
}
.w-2 {
  width: 16.6667% !important;
}
.w-3 {
  width: 25% !important;
}
.w-4 {
  width: 33.3333% !important;
}
.w-5 {
  width: 41.6667% !important;
}
.w-6 {
  width: 50% !important;
}
.w-7 {
  width: 58.3333% !important;
}
.w-8 {
  width: 66.6667% !important;
}
.w-9 {
  width: 75% !important;
}
.w-10 {
  width: 83.3333% !important;
}
.w-11 {
  width: 91.6667% !important;
}
.w-12 {
  width: 100% !important;
}
.w-min {
  width: -moz-min-content !important;
  width: min-content !important;
}
.w-max {
  width: -moz-max-content !important;
  width: max-content !important;
}
.w-fit {
  width: -moz-fit-content !important;
  width: fit-content !important;
}
.w-1rem {
  width: 1rem !important;
}
.w-2rem {
  width: 2rem !important;
}
.w-3rem {
  width: 3rem !important;
}
.w-4rem {
  width: 4rem !important;
}
.w-5rem {
  width: 5rem !important;
}
.w-6rem {
  width: 6rem !important;
}
.w-7rem {
  width: 7rem !important;
}
.w-8rem {
  width: 8rem !important;
}
.w-9rem {
  width: 9rem !important;
}
.w-10rem {
  width: 10rem !important;
}
.w-11rem {
  width: 11rem !important;
}
.w-12rem {
  width: 12rem !important;
}
.w-13rem {
  width: 13rem !important;
}
.w-14rem {
  width: 14rem !important;
}
.w-15rem {
  width: 15rem !important;
}
.w-16rem {
  width: 16rem !important;
}
.w-17rem {
  width: 17rem !important;
}
.w-18rem {
  width: 18rem !important;
}
.w-19rem {
  width: 19rem !important;
}
.w-20rem {
  width: 20rem !important;
}
.w-21rem {
  width: 21rem !important;
}
.w-22rem {
  width: 22rem !important;
}
.w-23rem {
  width: 23rem !important;
}
.w-24rem {
  width: 24rem !important;
}
.w-25rem {
  width: 25rem !important;
}
.w-26rem {
  width: 26rem !important;
}
.w-27rem {
  width: 27rem !important;
}
.w-28rem {
  width: 28rem !important;
}
.w-29rem {
  width: 29rem !important;
}
.w-30rem {
  width: 30rem !important;
}
@media screen and (min-width: 576px) {
  .sm\:w-full {
    width: 100% !important;
  }
  .sm\:w-screen {
    width: 100vw !important;
  }
  .sm\:w-auto {
    width: auto !important;
  }
  .sm\:w-1 {
    width: 8.3333% !important;
  }
  .sm\:w-2 {
    width: 16.6667% !important;
  }
  .sm\:w-3 {
    width: 25% !important;
  }
  .sm\:w-4 {
    width: 33.3333% !important;
  }
  .sm\:w-5 {
    width: 41.6667% !important;
  }
  .sm\:w-6 {
    width: 50% !important;
  }
  .sm\:w-7 {
    width: 58.3333% !important;
  }
  .sm\:w-8 {
    width: 66.6667% !important;
  }
  .sm\:w-9 {
    width: 75% !important;
  }
  .sm\:w-10 {
    width: 83.3333% !important;
  }
  .sm\:w-11 {
    width: 91.6667% !important;
  }
  .sm\:w-12 {
    width: 100% !important;
  }
  .sm\:w-min {
    width: -moz-min-content !important;
    width: min-content !important;
  }
  .sm\:w-max {
    width: -moz-max-content !important;
    width: max-content !important;
  }
  .sm\:w-fit {
    width: -moz-fit-content !important;
    width: fit-content !important;
  }
  .sm\:w-1rem {
    width: 1rem !important;
  }
  .sm\:w-2rem {
    width: 2rem !important;
  }
  .sm\:w-3rem {
    width: 3rem !important;
  }
  .sm\:w-4rem {
    width: 4rem !important;
  }
  .sm\:w-5rem {
    width: 5rem !important;
  }
  .sm\:w-6rem {
    width: 6rem !important;
  }
  .sm\:w-7rem {
    width: 7rem !important;
  }
  .sm\:w-8rem {
    width: 8rem !important;
  }
  .sm\:w-9rem {
    width: 9rem !important;
  }
  .sm\:w-10rem {
    width: 10rem !important;
  }
  .sm\:w-11rem {
    width: 11rem !important;
  }
  .sm\:w-12rem {
    width: 12rem !important;
  }
  .sm\:w-13rem {
    width: 13rem !important;
  }
  .sm\:w-14rem {
    width: 14rem !important;
  }
  .sm\:w-15rem {
    width: 15rem !important;
  }
  .sm\:w-16rem {
    width: 16rem !important;
  }
  .sm\:w-17rem {
    width: 17rem !important;
  }
  .sm\:w-18rem {
    width: 18rem !important;
  }
  .sm\:w-19rem {
    width: 19rem !important;
  }
  .sm\:w-20rem {
    width: 20rem !important;
  }
  .sm\:w-21rem {
    width: 21rem !important;
  }
  .sm\:w-22rem {
    width: 22rem !important;
  }
  .sm\:w-23rem {
    width: 23rem !important;
  }
  .sm\:w-24rem {
    width: 24rem !important;
  }
  .sm\:w-25rem {
    width: 25rem !important;
  }
  .sm\:w-26rem {
    width: 26rem !important;
  }
  .sm\:w-27rem {
    width: 27rem !important;
  }
  .sm\:w-28rem {
    width: 28rem !important;
  }
  .sm\:w-29rem {
    width: 29rem !important;
  }
  .sm\:w-30rem {
    width: 30rem !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:w-full {
    width: 100% !important;
  }
  .md\:w-screen {
    width: 100vw !important;
  }
  .md\:w-auto {
    width: auto !important;
  }
  .md\:w-1 {
    width: 8.3333% !important;
  }
  .md\:w-2 {
    width: 16.6667% !important;
  }
  .md\:w-3 {
    width: 25% !important;
  }
  .md\:w-4 {
    width: 33.3333% !important;
  }
  .md\:w-5 {
    width: 41.6667% !important;
  }
  .md\:w-6 {
    width: 50% !important;
  }
  .md\:w-7 {
    width: 58.3333% !important;
  }
  .md\:w-8 {
    width: 66.6667% !important;
  }
  .md\:w-9 {
    width: 75% !important;
  }
  .md\:w-10 {
    width: 83.3333% !important;
  }
  .md\:w-11 {
    width: 91.6667% !important;
  }
  .md\:w-12 {
    width: 100% !important;
  }
  .md\:w-min {
    width: -moz-min-content !important;
    width: min-content !important;
  }
  .md\:w-max {
    width: -moz-max-content !important;
    width: max-content !important;
  }
  .md\:w-fit {
    width: -moz-fit-content !important;
    width: fit-content !important;
  }
  .md\:w-1rem {
    width: 1rem !important;
  }
  .md\:w-2rem {
    width: 2rem !important;
  }
  .md\:w-3rem {
    width: 3rem !important;
  }
  .md\:w-4rem {
    width: 4rem !important;
  }
  .md\:w-5rem {
    width: 5rem !important;
  }
  .md\:w-6rem {
    width: 6rem !important;
  }
  .md\:w-7rem {
    width: 7rem !important;
  }
  .md\:w-8rem {
    width: 8rem !important;
  }
  .md\:w-9rem {
    width: 9rem !important;
  }
  .md\:w-10rem {
    width: 10rem !important;
  }
  .md\:w-11rem {
    width: 11rem !important;
  }
  .md\:w-12rem {
    width: 12rem !important;
  }
  .md\:w-13rem {
    width: 13rem !important;
  }
  .md\:w-14rem {
    width: 14rem !important;
  }
  .md\:w-15rem {
    width: 15rem !important;
  }
  .md\:w-16rem {
    width: 16rem !important;
  }
  .md\:w-17rem {
    width: 17rem !important;
  }
  .md\:w-18rem {
    width: 18rem !important;
  }
  .md\:w-19rem {
    width: 19rem !important;
  }
  .md\:w-20rem {
    width: 20rem !important;
  }
  .md\:w-21rem {
    width: 21rem !important;
  }
  .md\:w-22rem {
    width: 22rem !important;
  }
  .md\:w-23rem {
    width: 23rem !important;
  }
  .md\:w-24rem {
    width: 24rem !important;
  }
  .md\:w-25rem {
    width: 25rem !important;
  }
  .md\:w-26rem {
    width: 26rem !important;
  }
  .md\:w-27rem {
    width: 27rem !important;
  }
  .md\:w-28rem {
    width: 28rem !important;
  }
  .md\:w-29rem {
    width: 29rem !important;
  }
  .md\:w-30rem {
    width: 30rem !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:w-full {
    width: 100% !important;
  }
  .lg\:w-screen {
    width: 100vw !important;
  }
  .lg\:w-auto {
    width: auto !important;
  }
  .lg\:w-1 {
    width: 8.3333% !important;
  }
  .lg\:w-2 {
    width: 16.6667% !important;
  }
  .lg\:w-3 {
    width: 25% !important;
  }
  .lg\:w-4 {
    width: 33.3333% !important;
  }
  .lg\:w-5 {
    width: 41.6667% !important;
  }
  .lg\:w-6 {
    width: 50% !important;
  }
  .lg\:w-7 {
    width: 58.3333% !important;
  }
  .lg\:w-8 {
    width: 66.6667% !important;
  }
  .lg\:w-9 {
    width: 75% !important;
  }
  .lg\:w-10 {
    width: 83.3333% !important;
  }
  .lg\:w-11 {
    width: 91.6667% !important;
  }
  .lg\:w-12 {
    width: 100% !important;
  }
  .lg\:w-min {
    width: -moz-min-content !important;
    width: min-content !important;
  }
  .lg\:w-max {
    width: -moz-max-content !important;
    width: max-content !important;
  }
  .lg\:w-fit {
    width: -moz-fit-content !important;
    width: fit-content !important;
  }
  .lg\:w-1rem {
    width: 1rem !important;
  }
  .lg\:w-2rem {
    width: 2rem !important;
  }
  .lg\:w-3rem {
    width: 3rem !important;
  }
  .lg\:w-4rem {
    width: 4rem !important;
  }
  .lg\:w-5rem {
    width: 5rem !important;
  }
  .lg\:w-6rem {
    width: 6rem !important;
  }
  .lg\:w-7rem {
    width: 7rem !important;
  }
  .lg\:w-8rem {
    width: 8rem !important;
  }
  .lg\:w-9rem {
    width: 9rem !important;
  }
  .lg\:w-10rem {
    width: 10rem !important;
  }
  .lg\:w-11rem {
    width: 11rem !important;
  }
  .lg\:w-12rem {
    width: 12rem !important;
  }
  .lg\:w-13rem {
    width: 13rem !important;
  }
  .lg\:w-14rem {
    width: 14rem !important;
  }
  .lg\:w-15rem {
    width: 15rem !important;
  }
  .lg\:w-16rem {
    width: 16rem !important;
  }
  .lg\:w-17rem {
    width: 17rem !important;
  }
  .lg\:w-18rem {
    width: 18rem !important;
  }
  .lg\:w-19rem {
    width: 19rem !important;
  }
  .lg\:w-20rem {
    width: 20rem !important;
  }
  .lg\:w-21rem {
    width: 21rem !important;
  }
  .lg\:w-22rem {
    width: 22rem !important;
  }
  .lg\:w-23rem {
    width: 23rem !important;
  }
  .lg\:w-24rem {
    width: 24rem !important;
  }
  .lg\:w-25rem {
    width: 25rem !important;
  }
  .lg\:w-26rem {
    width: 26rem !important;
  }
  .lg\:w-27rem {
    width: 27rem !important;
  }
  .lg\:w-28rem {
    width: 28rem !important;
  }
  .lg\:w-29rem {
    width: 29rem !important;
  }
  .lg\:w-30rem {
    width: 30rem !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:w-full {
    width: 100% !important;
  }
  .xl\:w-screen {
    width: 100vw !important;
  }
  .xl\:w-auto {
    width: auto !important;
  }
  .xl\:w-1 {
    width: 8.3333% !important;
  }
  .xl\:w-2 {
    width: 16.6667% !important;
  }
  .xl\:w-3 {
    width: 25% !important;
  }
  .xl\:w-4 {
    width: 33.3333% !important;
  }
  .xl\:w-5 {
    width: 41.6667% !important;
  }
  .xl\:w-6 {
    width: 50% !important;
  }
  .xl\:w-7 {
    width: 58.3333% !important;
  }
  .xl\:w-8 {
    width: 66.6667% !important;
  }
  .xl\:w-9 {
    width: 75% !important;
  }
  .xl\:w-10 {
    width: 83.3333% !important;
  }
  .xl\:w-11 {
    width: 91.6667% !important;
  }
  .xl\:w-12 {
    width: 100% !important;
  }
  .xl\:w-min {
    width: -moz-min-content !important;
    width: min-content !important;
  }
  .xl\:w-max {
    width: -moz-max-content !important;
    width: max-content !important;
  }
  .xl\:w-fit {
    width: -moz-fit-content !important;
    width: fit-content !important;
  }
  .xl\:w-1rem {
    width: 1rem !important;
  }
  .xl\:w-2rem {
    width: 2rem !important;
  }
  .xl\:w-3rem {
    width: 3rem !important;
  }
  .xl\:w-4rem {
    width: 4rem !important;
  }
  .xl\:w-5rem {
    width: 5rem !important;
  }
  .xl\:w-6rem {
    width: 6rem !important;
  }
  .xl\:w-7rem {
    width: 7rem !important;
  }
  .xl\:w-8rem {
    width: 8rem !important;
  }
  .xl\:w-9rem {
    width: 9rem !important;
  }
  .xl\:w-10rem {
    width: 10rem !important;
  }
  .xl\:w-11rem {
    width: 11rem !important;
  }
  .xl\:w-12rem {
    width: 12rem !important;
  }
  .xl\:w-13rem {
    width: 13rem !important;
  }
  .xl\:w-14rem {
    width: 14rem !important;
  }
  .xl\:w-15rem {
    width: 15rem !important;
  }
  .xl\:w-16rem {
    width: 16rem !important;
  }
  .xl\:w-17rem {
    width: 17rem !important;
  }
  .xl\:w-18rem {
    width: 18rem !important;
  }
  .xl\:w-19rem {
    width: 19rem !important;
  }
  .xl\:w-20rem {
    width: 20rem !important;
  }
  .xl\:w-21rem {
    width: 21rem !important;
  }
  .xl\:w-22rem {
    width: 22rem !important;
  }
  .xl\:w-23rem {
    width: 23rem !important;
  }
  .xl\:w-24rem {
    width: 24rem !important;
  }
  .xl\:w-25rem {
    width: 25rem !important;
  }
  .xl\:w-26rem {
    width: 26rem !important;
  }
  .xl\:w-27rem {
    width: 27rem !important;
  }
  .xl\:w-28rem {
    width: 28rem !important;
  }
  .xl\:w-29rem {
    width: 29rem !important;
  }
  .xl\:w-30rem {
    width: 30rem !important;
  }
}
.h-full {
  height: 100% !important;
}
.h-screen {
  height: 100vh !important;
}
.h-auto {
  height: auto !important;
}
.h-min {
  height: -moz-min-content !important;
  height: min-content !important;
}
.h-max {
  height: -moz-max-content !important;
  height: max-content !important;
}
.h-fit {
  height: -moz-fit-content !important;
  height: fit-content !important;
}
.h-1rem {
  height: 1rem !important;
}
.h-2rem {
  height: 2rem !important;
}
.h-3rem {
  height: 3rem !important;
}
.h-4rem {
  height: 4rem !important;
}
.h-5rem {
  height: 5rem !important;
}
.h-6rem {
  height: 6rem !important;
}
.h-7rem {
  height: 7rem !important;
}
.h-8rem {
  height: 8rem !important;
}
.h-9rem {
  height: 9rem !important;
}
.h-10rem {
  height: 10rem !important;
}
.h-11rem {
  height: 11rem !important;
}
.h-12rem {
  height: 12rem !important;
}
.h-13rem {
  height: 13rem !important;
}
.h-14rem {
  height: 14rem !important;
}
.h-15rem {
  height: 15rem !important;
}
.h-16rem {
  height: 16rem !important;
}
.h-17rem {
  height: 17rem !important;
}
.h-18rem {
  height: 18rem !important;
}
.h-19rem {
  height: 19rem !important;
}
.h-20rem {
  height: 20rem !important;
}
.h-21rem {
  height: 21rem !important;
}
.h-22rem {
  height: 22rem !important;
}
.h-23rem {
  height: 23rem !important;
}
.h-24rem {
  height: 24rem !important;
}
.h-25rem {
  height: 25rem !important;
}
.h-26rem {
  height: 26rem !important;
}
.h-27rem {
  height: 27rem !important;
}
.h-28rem {
  height: 28rem !important;
}
.h-29rem {
  height: 29rem !important;
}
.h-30rem {
  height: 30rem !important;
}
@media screen and (min-width: 576px) {
  .sm\:h-full {
    height: 100% !important;
  }
  .sm\:h-screen {
    height: 100vh !important;
  }
  .sm\:h-auto {
    height: auto !important;
  }
  .sm\:h-min {
    height: -moz-min-content !important;
    height: min-content !important;
  }
  .sm\:h-max {
    height: -moz-max-content !important;
    height: max-content !important;
  }
  .sm\:h-fit {
    height: -moz-fit-content !important;
    height: fit-content !important;
  }
  .sm\:h-1rem {
    height: 1rem !important;
  }
  .sm\:h-2rem {
    height: 2rem !important;
  }
  .sm\:h-3rem {
    height: 3rem !important;
  }
  .sm\:h-4rem {
    height: 4rem !important;
  }
  .sm\:h-5rem {
    height: 5rem !important;
  }
  .sm\:h-6rem {
    height: 6rem !important;
  }
  .sm\:h-7rem {
    height: 7rem !important;
  }
  .sm\:h-8rem {
    height: 8rem !important;
  }
  .sm\:h-9rem {
    height: 9rem !important;
  }
  .sm\:h-10rem {
    height: 10rem !important;
  }
  .sm\:h-11rem {
    height: 11rem !important;
  }
  .sm\:h-12rem {
    height: 12rem !important;
  }
  .sm\:h-13rem {
    height: 13rem !important;
  }
  .sm\:h-14rem {
    height: 14rem !important;
  }
  .sm\:h-15rem {
    height: 15rem !important;
  }
  .sm\:h-16rem {
    height: 16rem !important;
  }
  .sm\:h-17rem {
    height: 17rem !important;
  }
  .sm\:h-18rem {
    height: 18rem !important;
  }
  .sm\:h-19rem {
    height: 19rem !important;
  }
  .sm\:h-20rem {
    height: 20rem !important;
  }
  .sm\:h-21rem {
    height: 21rem !important;
  }
  .sm\:h-22rem {
    height: 22rem !important;
  }
  .sm\:h-23rem {
    height: 23rem !important;
  }
  .sm\:h-24rem {
    height: 24rem !important;
  }
  .sm\:h-25rem {
    height: 25rem !important;
  }
  .sm\:h-26rem {
    height: 26rem !important;
  }
  .sm\:h-27rem {
    height: 27rem !important;
  }
  .sm\:h-28rem {
    height: 28rem !important;
  }
  .sm\:h-29rem {
    height: 29rem !important;
  }
  .sm\:h-30rem {
    height: 30rem !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:h-full {
    height: 100% !important;
  }
  .md\:h-screen {
    height: 100vh !important;
  }
  .md\:h-auto {
    height: auto !important;
  }
  .md\:h-min {
    height: -moz-min-content !important;
    height: min-content !important;
  }
  .md\:h-max {
    height: -moz-max-content !important;
    height: max-content !important;
  }
  .md\:h-fit {
    height: -moz-fit-content !important;
    height: fit-content !important;
  }
  .md\:h-1rem {
    height: 1rem !important;
  }
  .md\:h-2rem {
    height: 2rem !important;
  }
  .md\:h-3rem {
    height: 3rem !important;
  }
  .md\:h-4rem {
    height: 4rem !important;
  }
  .md\:h-5rem {
    height: 5rem !important;
  }
  .md\:h-6rem {
    height: 6rem !important;
  }
  .md\:h-7rem {
    height: 7rem !important;
  }
  .md\:h-8rem {
    height: 8rem !important;
  }
  .md\:h-9rem {
    height: 9rem !important;
  }
  .md\:h-10rem {
    height: 10rem !important;
  }
  .md\:h-11rem {
    height: 11rem !important;
  }
  .md\:h-12rem {
    height: 12rem !important;
  }
  .md\:h-13rem {
    height: 13rem !important;
  }
  .md\:h-14rem {
    height: 14rem !important;
  }
  .md\:h-15rem {
    height: 15rem !important;
  }
  .md\:h-16rem {
    height: 16rem !important;
  }
  .md\:h-17rem {
    height: 17rem !important;
  }
  .md\:h-18rem {
    height: 18rem !important;
  }
  .md\:h-19rem {
    height: 19rem !important;
  }
  .md\:h-20rem {
    height: 20rem !important;
  }
  .md\:h-21rem {
    height: 21rem !important;
  }
  .md\:h-22rem {
    height: 22rem !important;
  }
  .md\:h-23rem {
    height: 23rem !important;
  }
  .md\:h-24rem {
    height: 24rem !important;
  }
  .md\:h-25rem {
    height: 25rem !important;
  }
  .md\:h-26rem {
    height: 26rem !important;
  }
  .md\:h-27rem {
    height: 27rem !important;
  }
  .md\:h-28rem {
    height: 28rem !important;
  }
  .md\:h-29rem {
    height: 29rem !important;
  }
  .md\:h-30rem {
    height: 30rem !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:h-full {
    height: 100% !important;
  }
  .lg\:h-screen {
    height: 100vh !important;
  }
  .lg\:h-auto {
    height: auto !important;
  }
  .lg\:h-min {
    height: -moz-min-content !important;
    height: min-content !important;
  }
  .lg\:h-max {
    height: -moz-max-content !important;
    height: max-content !important;
  }
  .lg\:h-fit {
    height: -moz-fit-content !important;
    height: fit-content !important;
  }
  .lg\:h-1rem {
    height: 1rem !important;
  }
  .lg\:h-2rem {
    height: 2rem !important;
  }
  .lg\:h-3rem {
    height: 3rem !important;
  }
  .lg\:h-4rem {
    height: 4rem !important;
  }
  .lg\:h-5rem {
    height: 5rem !important;
  }
  .lg\:h-6rem {
    height: 6rem !important;
  }
  .lg\:h-7rem {
    height: 7rem !important;
  }
  .lg\:h-8rem {
    height: 8rem !important;
  }
  .lg\:h-9rem {
    height: 9rem !important;
  }
  .lg\:h-10rem {
    height: 10rem !important;
  }
  .lg\:h-11rem {
    height: 11rem !important;
  }
  .lg\:h-12rem {
    height: 12rem !important;
  }
  .lg\:h-13rem {
    height: 13rem !important;
  }
  .lg\:h-14rem {
    height: 14rem !important;
  }
  .lg\:h-15rem {
    height: 15rem !important;
  }
  .lg\:h-16rem {
    height: 16rem !important;
  }
  .lg\:h-17rem {
    height: 17rem !important;
  }
  .lg\:h-18rem {
    height: 18rem !important;
  }
  .lg\:h-19rem {
    height: 19rem !important;
  }
  .lg\:h-20rem {
    height: 20rem !important;
  }
  .lg\:h-21rem {
    height: 21rem !important;
  }
  .lg\:h-22rem {
    height: 22rem !important;
  }
  .lg\:h-23rem {
    height: 23rem !important;
  }
  .lg\:h-24rem {
    height: 24rem !important;
  }
  .lg\:h-25rem {
    height: 25rem !important;
  }
  .lg\:h-26rem {
    height: 26rem !important;
  }
  .lg\:h-27rem {
    height: 27rem !important;
  }
  .lg\:h-28rem {
    height: 28rem !important;
  }
  .lg\:h-29rem {
    height: 29rem !important;
  }
  .lg\:h-30rem {
    height: 30rem !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:h-full {
    height: 100% !important;
  }
  .xl\:h-screen {
    height: 100vh !important;
  }
  .xl\:h-auto {
    height: auto !important;
  }
  .xl\:h-min {
    height: -moz-min-content !important;
    height: min-content !important;
  }
  .xl\:h-max {
    height: -moz-max-content !important;
    height: max-content !important;
  }
  .xl\:h-fit {
    height: -moz-fit-content !important;
    height: fit-content !important;
  }
  .xl\:h-1rem {
    height: 1rem !important;
  }
  .xl\:h-2rem {
    height: 2rem !important;
  }
  .xl\:h-3rem {
    height: 3rem !important;
  }
  .xl\:h-4rem {
    height: 4rem !important;
  }
  .xl\:h-5rem {
    height: 5rem !important;
  }
  .xl\:h-6rem {
    height: 6rem !important;
  }
  .xl\:h-7rem {
    height: 7rem !important;
  }
  .xl\:h-8rem {
    height: 8rem !important;
  }
  .xl\:h-9rem {
    height: 9rem !important;
  }
  .xl\:h-10rem {
    height: 10rem !important;
  }
  .xl\:h-11rem {
    height: 11rem !important;
  }
  .xl\:h-12rem {
    height: 12rem !important;
  }
  .xl\:h-13rem {
    height: 13rem !important;
  }
  .xl\:h-14rem {
    height: 14rem !important;
  }
  .xl\:h-15rem {
    height: 15rem !important;
  }
  .xl\:h-16rem {
    height: 16rem !important;
  }
  .xl\:h-17rem {
    height: 17rem !important;
  }
  .xl\:h-18rem {
    height: 18rem !important;
  }
  .xl\:h-19rem {
    height: 19rem !important;
  }
  .xl\:h-20rem {
    height: 20rem !important;
  }
  .xl\:h-21rem {
    height: 21rem !important;
  }
  .xl\:h-22rem {
    height: 22rem !important;
  }
  .xl\:h-23rem {
    height: 23rem !important;
  }
  .xl\:h-24rem {
    height: 24rem !important;
  }
  .xl\:h-25rem {
    height: 25rem !important;
  }
  .xl\:h-26rem {
    height: 26rem !important;
  }
  .xl\:h-27rem {
    height: 27rem !important;
  }
  .xl\:h-28rem {
    height: 28rem !important;
  }
  .xl\:h-29rem {
    height: 29rem !important;
  }
  .xl\:h-30rem {
    height: 30rem !important;
  }
}
.min-w-0 {
  min-width: 0px !important;
}
.min-w-full {
  min-width: 100% !important;
}
.min-w-screen {
  min-width: 100vw !important;
}
.min-w-min {
  min-width: -moz-min-content !important;
  min-width: min-content !important;
}
.min-w-max {
  min-width: -moz-max-content !important;
  min-width: max-content !important;
}
@media screen and (min-width: 576px) {
  .sm\:min-w-0 {
    min-width: 0px !important;
  }
  .sm\:min-w-full {
    min-width: 100% !important;
  }
  .sm\:min-w-screen {
    min-width: 100vw !important;
  }
  .sm\:min-w-min {
    min-width: -moz-min-content !important;
    min-width: min-content !important;
  }
  .sm\:min-w-max {
    min-width: -moz-max-content !important;
    min-width: max-content !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:min-w-0 {
    min-width: 0px !important;
  }
  .md\:min-w-full {
    min-width: 100% !important;
  }
  .md\:min-w-screen {
    min-width: 100vw !important;
  }
  .md\:min-w-min {
    min-width: -moz-min-content !important;
    min-width: min-content !important;
  }
  .md\:min-w-max {
    min-width: -moz-max-content !important;
    min-width: max-content !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:min-w-0 {
    min-width: 0px !important;
  }
  .lg\:min-w-full {
    min-width: 100% !important;
  }
  .lg\:min-w-screen {
    min-width: 100vw !important;
  }
  .lg\:min-w-min {
    min-width: -moz-min-content !important;
    min-width: min-content !important;
  }
  .lg\:min-w-max {
    min-width: -moz-max-content !important;
    min-width: max-content !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:min-w-0 {
    min-width: 0px !important;
  }
  .xl\:min-w-full {
    min-width: 100% !important;
  }
  .xl\:min-w-screen {
    min-width: 100vw !important;
  }
  .xl\:min-w-min {
    min-width: -moz-min-content !important;
    min-width: min-content !important;
  }
  .xl\:min-w-max {
    min-width: -moz-max-content !important;
    min-width: max-content !important;
  }
}
.max-w-0 {
  max-width: 0px !important;
}
.max-w-full {
  max-width: 100% !important;
}
.max-w-screen {
  max-width: 100vw !important;
}
.max-w-min {
  max-width: -moz-min-content !important;
  max-width: min-content !important;
}
.max-w-max {
  max-width: -moz-max-content !important;
  max-width: max-content !important;
}
.max-w-fit {
  max-width: -moz-fit-content !important;
  max-width: fit-content !important;
}
.max-w-1rem {
  max-width: 1rem !important;
}
.max-w-2rem {
  max-width: 2rem !important;
}
.max-w-3rem {
  max-width: 3rem !important;
}
.max-w-4rem {
  max-width: 4rem !important;
}
.max-w-5rem {
  max-width: 5rem !important;
}
.max-w-6rem {
  max-width: 6rem !important;
}
.max-w-7rem {
  max-width: 7rem !important;
}
.max-w-8rem {
  max-width: 8rem !important;
}
.max-w-9rem {
  max-width: 9rem !important;
}
.max-w-10rem {
  max-width: 10rem !important;
}
.max-w-11rem {
  max-width: 11rem !important;
}
.max-w-12rem {
  max-width: 12rem !important;
}
.max-w-13rem {
  max-width: 13rem !important;
}
.max-w-14rem {
  max-width: 14rem !important;
}
.max-w-15rem {
  max-width: 15rem !important;
}
.max-w-16rem {
  max-width: 16rem !important;
}
.max-w-17rem {
  max-width: 17rem !important;
}
.max-w-18rem {
  max-width: 18rem !important;
}
.max-w-19rem {
  max-width: 19rem !important;
}
.max-w-20rem {
  max-width: 20rem !important;
}
.max-w-21rem {
  max-width: 21rem !important;
}
.max-w-22rem {
  max-width: 22rem !important;
}
.max-w-23rem {
  max-width: 23rem !important;
}
.max-w-24rem {
  max-width: 24rem !important;
}
.max-w-25rem {
  max-width: 25rem !important;
}
.max-w-26rem {
  max-width: 26rem !important;
}
.max-w-27rem {
  max-width: 27rem !important;
}
.max-w-28rem {
  max-width: 28rem !important;
}
.max-w-29rem {
  max-width: 29rem !important;
}
.max-w-30rem {
  max-width: 30rem !important;
}
@media screen and (min-width: 576px) {
  .sm\:max-w-0 {
    max-width: 0px !important;
  }
  .sm\:max-w-full {
    max-width: 100% !important;
  }
  .sm\:max-w-screen {
    max-width: 100vw !important;
  }
  .sm\:max-w-min {
    max-width: -moz-min-content !important;
    max-width: min-content !important;
  }
  .sm\:max-w-max {
    max-width: -moz-max-content !important;
    max-width: max-content !important;
  }
  .sm\:max-w-fit {
    max-width: -moz-fit-content !important;
    max-width: fit-content !important;
  }
  .sm\:max-w-1rem {
    max-width: 1rem !important;
  }
  .sm\:max-w-2rem {
    max-width: 2rem !important;
  }
  .sm\:max-w-3rem {
    max-width: 3rem !important;
  }
  .sm\:max-w-4rem {
    max-width: 4rem !important;
  }
  .sm\:max-w-5rem {
    max-width: 5rem !important;
  }
  .sm\:max-w-6rem {
    max-width: 6rem !important;
  }
  .sm\:max-w-7rem {
    max-width: 7rem !important;
  }
  .sm\:max-w-8rem {
    max-width: 8rem !important;
  }
  .sm\:max-w-9rem {
    max-width: 9rem !important;
  }
  .sm\:max-w-10rem {
    max-width: 10rem !important;
  }
  .sm\:max-w-11rem {
    max-width: 11rem !important;
  }
  .sm\:max-w-12rem {
    max-width: 12rem !important;
  }
  .sm\:max-w-13rem {
    max-width: 13rem !important;
  }
  .sm\:max-w-14rem {
    max-width: 14rem !important;
  }
  .sm\:max-w-15rem {
    max-width: 15rem !important;
  }
  .sm\:max-w-16rem {
    max-width: 16rem !important;
  }
  .sm\:max-w-17rem {
    max-width: 17rem !important;
  }
  .sm\:max-w-18rem {
    max-width: 18rem !important;
  }
  .sm\:max-w-19rem {
    max-width: 19rem !important;
  }
  .sm\:max-w-20rem {
    max-width: 20rem !important;
  }
  .sm\:max-w-21rem {
    max-width: 21rem !important;
  }
  .sm\:max-w-22rem {
    max-width: 22rem !important;
  }
  .sm\:max-w-23rem {
    max-width: 23rem !important;
  }
  .sm\:max-w-24rem {
    max-width: 24rem !important;
  }
  .sm\:max-w-25rem {
    max-width: 25rem !important;
  }
  .sm\:max-w-26rem {
    max-width: 26rem !important;
  }
  .sm\:max-w-27rem {
    max-width: 27rem !important;
  }
  .sm\:max-w-28rem {
    max-width: 28rem !important;
  }
  .sm\:max-w-29rem {
    max-width: 29rem !important;
  }
  .sm\:max-w-30rem {
    max-width: 30rem !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:max-w-0 {
    max-width: 0px !important;
  }
  .md\:max-w-full {
    max-width: 100% !important;
  }
  .md\:max-w-screen {
    max-width: 100vw !important;
  }
  .md\:max-w-min {
    max-width: -moz-min-content !important;
    max-width: min-content !important;
  }
  .md\:max-w-max {
    max-width: -moz-max-content !important;
    max-width: max-content !important;
  }
  .md\:max-w-fit {
    max-width: -moz-fit-content !important;
    max-width: fit-content !important;
  }
  .md\:max-w-1rem {
    max-width: 1rem !important;
  }
  .md\:max-w-2rem {
    max-width: 2rem !important;
  }
  .md\:max-w-3rem {
    max-width: 3rem !important;
  }
  .md\:max-w-4rem {
    max-width: 4rem !important;
  }
  .md\:max-w-5rem {
    max-width: 5rem !important;
  }
  .md\:max-w-6rem {
    max-width: 6rem !important;
  }
  .md\:max-w-7rem {
    max-width: 7rem !important;
  }
  .md\:max-w-8rem {
    max-width: 8rem !important;
  }
  .md\:max-w-9rem {
    max-width: 9rem !important;
  }
  .md\:max-w-10rem {
    max-width: 10rem !important;
  }
  .md\:max-w-11rem {
    max-width: 11rem !important;
  }
  .md\:max-w-12rem {
    max-width: 12rem !important;
  }
  .md\:max-w-13rem {
    max-width: 13rem !important;
  }
  .md\:max-w-14rem {
    max-width: 14rem !important;
  }
  .md\:max-w-15rem {
    max-width: 15rem !important;
  }
  .md\:max-w-16rem {
    max-width: 16rem !important;
  }
  .md\:max-w-17rem {
    max-width: 17rem !important;
  }
  .md\:max-w-18rem {
    max-width: 18rem !important;
  }
  .md\:max-w-19rem {
    max-width: 19rem !important;
  }
  .md\:max-w-20rem {
    max-width: 20rem !important;
  }
  .md\:max-w-21rem {
    max-width: 21rem !important;
  }
  .md\:max-w-22rem {
    max-width: 22rem !important;
  }
  .md\:max-w-23rem {
    max-width: 23rem !important;
  }
  .md\:max-w-24rem {
    max-width: 24rem !important;
  }
  .md\:max-w-25rem {
    max-width: 25rem !important;
  }
  .md\:max-w-26rem {
    max-width: 26rem !important;
  }
  .md\:max-w-27rem {
    max-width: 27rem !important;
  }
  .md\:max-w-28rem {
    max-width: 28rem !important;
  }
  .md\:max-w-29rem {
    max-width: 29rem !important;
  }
  .md\:max-w-30rem {
    max-width: 30rem !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:max-w-0 {
    max-width: 0px !important;
  }
  .lg\:max-w-full {
    max-width: 100% !important;
  }
  .lg\:max-w-screen {
    max-width: 100vw !important;
  }
  .lg\:max-w-min {
    max-width: -moz-min-content !important;
    max-width: min-content !important;
  }
  .lg\:max-w-max {
    max-width: -moz-max-content !important;
    max-width: max-content !important;
  }
  .lg\:max-w-fit {
    max-width: -moz-fit-content !important;
    max-width: fit-content !important;
  }
  .lg\:max-w-1rem {
    max-width: 1rem !important;
  }
  .lg\:max-w-2rem {
    max-width: 2rem !important;
  }
  .lg\:max-w-3rem {
    max-width: 3rem !important;
  }
  .lg\:max-w-4rem {
    max-width: 4rem !important;
  }
  .lg\:max-w-5rem {
    max-width: 5rem !important;
  }
  .lg\:max-w-6rem {
    max-width: 6rem !important;
  }
  .lg\:max-w-7rem {
    max-width: 7rem !important;
  }
  .lg\:max-w-8rem {
    max-width: 8rem !important;
  }
  .lg\:max-w-9rem {
    max-width: 9rem !important;
  }
  .lg\:max-w-10rem {
    max-width: 10rem !important;
  }
  .lg\:max-w-11rem {
    max-width: 11rem !important;
  }
  .lg\:max-w-12rem {
    max-width: 12rem !important;
  }
  .lg\:max-w-13rem {
    max-width: 13rem !important;
  }
  .lg\:max-w-14rem {
    max-width: 14rem !important;
  }
  .lg\:max-w-15rem {
    max-width: 15rem !important;
  }
  .lg\:max-w-16rem {
    max-width: 16rem !important;
  }
  .lg\:max-w-17rem {
    max-width: 17rem !important;
  }
  .lg\:max-w-18rem {
    max-width: 18rem !important;
  }
  .lg\:max-w-19rem {
    max-width: 19rem !important;
  }
  .lg\:max-w-20rem {
    max-width: 20rem !important;
  }
  .lg\:max-w-21rem {
    max-width: 21rem !important;
  }
  .lg\:max-w-22rem {
    max-width: 22rem !important;
  }
  .lg\:max-w-23rem {
    max-width: 23rem !important;
  }
  .lg\:max-w-24rem {
    max-width: 24rem !important;
  }
  .lg\:max-w-25rem {
    max-width: 25rem !important;
  }
  .lg\:max-w-26rem {
    max-width: 26rem !important;
  }
  .lg\:max-w-27rem {
    max-width: 27rem !important;
  }
  .lg\:max-w-28rem {
    max-width: 28rem !important;
  }
  .lg\:max-w-29rem {
    max-width: 29rem !important;
  }
  .lg\:max-w-30rem {
    max-width: 30rem !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:max-w-0 {
    max-width: 0px !important;
  }
  .xl\:max-w-full {
    max-width: 100% !important;
  }
  .xl\:max-w-screen {
    max-width: 100vw !important;
  }
  .xl\:max-w-min {
    max-width: -moz-min-content !important;
    max-width: min-content !important;
  }
  .xl\:max-w-max {
    max-width: -moz-max-content !important;
    max-width: max-content !important;
  }
  .xl\:max-w-fit {
    max-width: -moz-fit-content !important;
    max-width: fit-content !important;
  }
  .xl\:max-w-1rem {
    max-width: 1rem !important;
  }
  .xl\:max-w-2rem {
    max-width: 2rem !important;
  }
  .xl\:max-w-3rem {
    max-width: 3rem !important;
  }
  .xl\:max-w-4rem {
    max-width: 4rem !important;
  }
  .xl\:max-w-5rem {
    max-width: 5rem !important;
  }
  .xl\:max-w-6rem {
    max-width: 6rem !important;
  }
  .xl\:max-w-7rem {
    max-width: 7rem !important;
  }
  .xl\:max-w-8rem {
    max-width: 8rem !important;
  }
  .xl\:max-w-9rem {
    max-width: 9rem !important;
  }
  .xl\:max-w-10rem {
    max-width: 10rem !important;
  }
  .xl\:max-w-11rem {
    max-width: 11rem !important;
  }
  .xl\:max-w-12rem {
    max-width: 12rem !important;
  }
  .xl\:max-w-13rem {
    max-width: 13rem !important;
  }
  .xl\:max-w-14rem {
    max-width: 14rem !important;
  }
  .xl\:max-w-15rem {
    max-width: 15rem !important;
  }
  .xl\:max-w-16rem {
    max-width: 16rem !important;
  }
  .xl\:max-w-17rem {
    max-width: 17rem !important;
  }
  .xl\:max-w-18rem {
    max-width: 18rem !important;
  }
  .xl\:max-w-19rem {
    max-width: 19rem !important;
  }
  .xl\:max-w-20rem {
    max-width: 20rem !important;
  }
  .xl\:max-w-21rem {
    max-width: 21rem !important;
  }
  .xl\:max-w-22rem {
    max-width: 22rem !important;
  }
  .xl\:max-w-23rem {
    max-width: 23rem !important;
  }
  .xl\:max-w-24rem {
    max-width: 24rem !important;
  }
  .xl\:max-w-25rem {
    max-width: 25rem !important;
  }
  .xl\:max-w-26rem {
    max-width: 26rem !important;
  }
  .xl\:max-w-27rem {
    max-width: 27rem !important;
  }
  .xl\:max-w-28rem {
    max-width: 28rem !important;
  }
  .xl\:max-w-29rem {
    max-width: 29rem !important;
  }
  .xl\:max-w-30rem {
    max-width: 30rem !important;
  }
}
.min-h-0 {
  min-height: 0px !important;
}
.min-h-full {
  min-height: 100% !important;
}
.min-h-screen {
  min-height: 100vh !important;
}
@media screen and (min-width: 576px) {
  .sm\:min-h-0 {
    min-height: 0px !important;
  }
  .sm\:min-h-full {
    min-height: 100% !important;
  }
  .sm\:min-h-screen {
    min-height: 100vh !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:min-h-0 {
    min-height: 0px !important;
  }
  .md\:min-h-full {
    min-height: 100% !important;
  }
  .md\:min-h-screen {
    min-height: 100vh !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:min-h-0 {
    min-height: 0px !important;
  }
  .lg\:min-h-full {
    min-height: 100% !important;
  }
  .lg\:min-h-screen {
    min-height: 100vh !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:min-h-0 {
    min-height: 0px !important;
  }
  .xl\:min-h-full {
    min-height: 100% !important;
  }
  .xl\:min-h-screen {
    min-height: 100vh !important;
  }
}
.max-h-0 {
  max-height: 0px !important;
}
.max-h-full {
  max-height: 100% !important;
}
.max-h-screen {
  max-height: 100vh !important;
}
.max-h-min {
  max-height: -moz-min-content !important;
  max-height: min-content !important;
}
.max-h-max {
  max-height: -moz-max-content !important;
  max-height: max-content !important;
}
.max-h-fit {
  max-height: -moz-fit-content !important;
  max-height: fit-content !important;
}
.max-h-1rem {
  max-height: 1rem !important;
}
.max-h-2rem {
  max-height: 2rem !important;
}
.max-h-3rem {
  max-height: 3rem !important;
}
.max-h-4rem {
  max-height: 4rem !important;
}
.max-h-5rem {
  max-height: 5rem !important;
}
.max-h-6rem {
  max-height: 6rem !important;
}
.max-h-7rem {
  max-height: 7rem !important;
}
.max-h-8rem {
  max-height: 8rem !important;
}
.max-h-9rem {
  max-height: 9rem !important;
}
.max-h-10rem {
  max-height: 10rem !important;
}
.max-h-11rem {
  max-height: 11rem !important;
}
.max-h-12rem {
  max-height: 12rem !important;
}
.max-h-13rem {
  max-height: 13rem !important;
}
.max-h-14rem {
  max-height: 14rem !important;
}
.max-h-15rem {
  max-height: 15rem !important;
}
.max-h-16rem {
  max-height: 16rem !important;
}
.max-h-17rem {
  max-height: 17rem !important;
}
.max-h-18rem {
  max-height: 18rem !important;
}
.max-h-19rem {
  max-height: 19rem !important;
}
.max-h-20rem {
  max-height: 20rem !important;
}
.max-h-21rem {
  max-height: 21rem !important;
}
.max-h-22rem {
  max-height: 22rem !important;
}
.max-h-23rem {
  max-height: 23rem !important;
}
.max-h-24rem {
  max-height: 24rem !important;
}
.max-h-25rem {
  max-height: 25rem !important;
}
.max-h-26rem {
  max-height: 26rem !important;
}
.max-h-27rem {
  max-height: 27rem !important;
}
.max-h-28rem {
  max-height: 28rem !important;
}
.max-h-29rem {
  max-height: 29rem !important;
}
.max-h-30rem {
  max-height: 30rem !important;
}
@media screen and (min-width: 576px) {
  .sm\:max-h-0 {
    max-height: 0px !important;
  }
  .sm\:max-h-full {
    max-height: 100% !important;
  }
  .sm\:max-h-screen {
    max-height: 100vh !important;
  }
  .sm\:max-h-min {
    max-height: -moz-min-content !important;
    max-height: min-content !important;
  }
  .sm\:max-h-max {
    max-height: -moz-max-content !important;
    max-height: max-content !important;
  }
  .sm\:max-h-fit {
    max-height: -moz-fit-content !important;
    max-height: fit-content !important;
  }
  .sm\:max-h-1rem {
    max-height: 1rem !important;
  }
  .sm\:max-h-2rem {
    max-height: 2rem !important;
  }
  .sm\:max-h-3rem {
    max-height: 3rem !important;
  }
  .sm\:max-h-4rem {
    max-height: 4rem !important;
  }
  .sm\:max-h-5rem {
    max-height: 5rem !important;
  }
  .sm\:max-h-6rem {
    max-height: 6rem !important;
  }
  .sm\:max-h-7rem {
    max-height: 7rem !important;
  }
  .sm\:max-h-8rem {
    max-height: 8rem !important;
  }
  .sm\:max-h-9rem {
    max-height: 9rem !important;
  }
  .sm\:max-h-10rem {
    max-height: 10rem !important;
  }
  .sm\:max-h-11rem {
    max-height: 11rem !important;
  }
  .sm\:max-h-12rem {
    max-height: 12rem !important;
  }
  .sm\:max-h-13rem {
    max-height: 13rem !important;
  }
  .sm\:max-h-14rem {
    max-height: 14rem !important;
  }
  .sm\:max-h-15rem {
    max-height: 15rem !important;
  }
  .sm\:max-h-16rem {
    max-height: 16rem !important;
  }
  .sm\:max-h-17rem {
    max-height: 17rem !important;
  }
  .sm\:max-h-18rem {
    max-height: 18rem !important;
  }
  .sm\:max-h-19rem {
    max-height: 19rem !important;
  }
  .sm\:max-h-20rem {
    max-height: 20rem !important;
  }
  .sm\:max-h-21rem {
    max-height: 21rem !important;
  }
  .sm\:max-h-22rem {
    max-height: 22rem !important;
  }
  .sm\:max-h-23rem {
    max-height: 23rem !important;
  }
  .sm\:max-h-24rem {
    max-height: 24rem !important;
  }
  .sm\:max-h-25rem {
    max-height: 25rem !important;
  }
  .sm\:max-h-26rem {
    max-height: 26rem !important;
  }
  .sm\:max-h-27rem {
    max-height: 27rem !important;
  }
  .sm\:max-h-28rem {
    max-height: 28rem !important;
  }
  .sm\:max-h-29rem {
    max-height: 29rem !important;
  }
  .sm\:max-h-30rem {
    max-height: 30rem !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:max-h-0 {
    max-height: 0px !important;
  }
  .md\:max-h-full {
    max-height: 100% !important;
  }
  .md\:max-h-screen {
    max-height: 100vh !important;
  }
  .md\:max-h-min {
    max-height: -moz-min-content !important;
    max-height: min-content !important;
  }
  .md\:max-h-max {
    max-height: -moz-max-content !important;
    max-height: max-content !important;
  }
  .md\:max-h-fit {
    max-height: -moz-fit-content !important;
    max-height: fit-content !important;
  }
  .md\:max-h-1rem {
    max-height: 1rem !important;
  }
  .md\:max-h-2rem {
    max-height: 2rem !important;
  }
  .md\:max-h-3rem {
    max-height: 3rem !important;
  }
  .md\:max-h-4rem {
    max-height: 4rem !important;
  }
  .md\:max-h-5rem {
    max-height: 5rem !important;
  }
  .md\:max-h-6rem {
    max-height: 6rem !important;
  }
  .md\:max-h-7rem {
    max-height: 7rem !important;
  }
  .md\:max-h-8rem {
    max-height: 8rem !important;
  }
  .md\:max-h-9rem {
    max-height: 9rem !important;
  }
  .md\:max-h-10rem {
    max-height: 10rem !important;
  }
  .md\:max-h-11rem {
    max-height: 11rem !important;
  }
  .md\:max-h-12rem {
    max-height: 12rem !important;
  }
  .md\:max-h-13rem {
    max-height: 13rem !important;
  }
  .md\:max-h-14rem {
    max-height: 14rem !important;
  }
  .md\:max-h-15rem {
    max-height: 15rem !important;
  }
  .md\:max-h-16rem {
    max-height: 16rem !important;
  }
  .md\:max-h-17rem {
    max-height: 17rem !important;
  }
  .md\:max-h-18rem {
    max-height: 18rem !important;
  }
  .md\:max-h-19rem {
    max-height: 19rem !important;
  }
  .md\:max-h-20rem {
    max-height: 20rem !important;
  }
  .md\:max-h-21rem {
    max-height: 21rem !important;
  }
  .md\:max-h-22rem {
    max-height: 22rem !important;
  }
  .md\:max-h-23rem {
    max-height: 23rem !important;
  }
  .md\:max-h-24rem {
    max-height: 24rem !important;
  }
  .md\:max-h-25rem {
    max-height: 25rem !important;
  }
  .md\:max-h-26rem {
    max-height: 26rem !important;
  }
  .md\:max-h-27rem {
    max-height: 27rem !important;
  }
  .md\:max-h-28rem {
    max-height: 28rem !important;
  }
  .md\:max-h-29rem {
    max-height: 29rem !important;
  }
  .md\:max-h-30rem {
    max-height: 30rem !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:max-h-0 {
    max-height: 0px !important;
  }
  .lg\:max-h-full {
    max-height: 100% !important;
  }
  .lg\:max-h-screen {
    max-height: 100vh !important;
  }
  .lg\:max-h-min {
    max-height: -moz-min-content !important;
    max-height: min-content !important;
  }
  .lg\:max-h-max {
    max-height: -moz-max-content !important;
    max-height: max-content !important;
  }
  .lg\:max-h-fit {
    max-height: -moz-fit-content !important;
    max-height: fit-content !important;
  }
  .lg\:max-h-1rem {
    max-height: 1rem !important;
  }
  .lg\:max-h-2rem {
    max-height: 2rem !important;
  }
  .lg\:max-h-3rem {
    max-height: 3rem !important;
  }
  .lg\:max-h-4rem {
    max-height: 4rem !important;
  }
  .lg\:max-h-5rem {
    max-height: 5rem !important;
  }
  .lg\:max-h-6rem {
    max-height: 6rem !important;
  }
  .lg\:max-h-7rem {
    max-height: 7rem !important;
  }
  .lg\:max-h-8rem {
    max-height: 8rem !important;
  }
  .lg\:max-h-9rem {
    max-height: 9rem !important;
  }
  .lg\:max-h-10rem {
    max-height: 10rem !important;
  }
  .lg\:max-h-11rem {
    max-height: 11rem !important;
  }
  .lg\:max-h-12rem {
    max-height: 12rem !important;
  }
  .lg\:max-h-13rem {
    max-height: 13rem !important;
  }
  .lg\:max-h-14rem {
    max-height: 14rem !important;
  }
  .lg\:max-h-15rem {
    max-height: 15rem !important;
  }
  .lg\:max-h-16rem {
    max-height: 16rem !important;
  }
  .lg\:max-h-17rem {
    max-height: 17rem !important;
  }
  .lg\:max-h-18rem {
    max-height: 18rem !important;
  }
  .lg\:max-h-19rem {
    max-height: 19rem !important;
  }
  .lg\:max-h-20rem {
    max-height: 20rem !important;
  }
  .lg\:max-h-21rem {
    max-height: 21rem !important;
  }
  .lg\:max-h-22rem {
    max-height: 22rem !important;
  }
  .lg\:max-h-23rem {
    max-height: 23rem !important;
  }
  .lg\:max-h-24rem {
    max-height: 24rem !important;
  }
  .lg\:max-h-25rem {
    max-height: 25rem !important;
  }
  .lg\:max-h-26rem {
    max-height: 26rem !important;
  }
  .lg\:max-h-27rem {
    max-height: 27rem !important;
  }
  .lg\:max-h-28rem {
    max-height: 28rem !important;
  }
  .lg\:max-h-29rem {
    max-height: 29rem !important;
  }
  .lg\:max-h-30rem {
    max-height: 30rem !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:max-h-0 {
    max-height: 0px !important;
  }
  .xl\:max-h-full {
    max-height: 100% !important;
  }
  .xl\:max-h-screen {
    max-height: 100vh !important;
  }
  .xl\:max-h-min {
    max-height: -moz-min-content !important;
    max-height: min-content !important;
  }
  .xl\:max-h-max {
    max-height: -moz-max-content !important;
    max-height: max-content !important;
  }
  .xl\:max-h-fit {
    max-height: -moz-fit-content !important;
    max-height: fit-content !important;
  }
  .xl\:max-h-1rem {
    max-height: 1rem !important;
  }
  .xl\:max-h-2rem {
    max-height: 2rem !important;
  }
  .xl\:max-h-3rem {
    max-height: 3rem !important;
  }
  .xl\:max-h-4rem {
    max-height: 4rem !important;
  }
  .xl\:max-h-5rem {
    max-height: 5rem !important;
  }
  .xl\:max-h-6rem {
    max-height: 6rem !important;
  }
  .xl\:max-h-7rem {
    max-height: 7rem !important;
  }
  .xl\:max-h-8rem {
    max-height: 8rem !important;
  }
  .xl\:max-h-9rem {
    max-height: 9rem !important;
  }
  .xl\:max-h-10rem {
    max-height: 10rem !important;
  }
  .xl\:max-h-11rem {
    max-height: 11rem !important;
  }
  .xl\:max-h-12rem {
    max-height: 12rem !important;
  }
  .xl\:max-h-13rem {
    max-height: 13rem !important;
  }
  .xl\:max-h-14rem {
    max-height: 14rem !important;
  }
  .xl\:max-h-15rem {
    max-height: 15rem !important;
  }
  .xl\:max-h-16rem {
    max-height: 16rem !important;
  }
  .xl\:max-h-17rem {
    max-height: 17rem !important;
  }
  .xl\:max-h-18rem {
    max-height: 18rem !important;
  }
  .xl\:max-h-19rem {
    max-height: 19rem !important;
  }
  .xl\:max-h-20rem {
    max-height: 20rem !important;
  }
  .xl\:max-h-21rem {
    max-height: 21rem !important;
  }
  .xl\:max-h-22rem {
    max-height: 22rem !important;
  }
  .xl\:max-h-23rem {
    max-height: 23rem !important;
  }
  .xl\:max-h-24rem {
    max-height: 24rem !important;
  }
  .xl\:max-h-25rem {
    max-height: 25rem !important;
  }
  .xl\:max-h-26rem {
    max-height: 26rem !important;
  }
  .xl\:max-h-27rem {
    max-height: 27rem !important;
  }
  .xl\:max-h-28rem {
    max-height: 28rem !important;
  }
  .xl\:max-h-29rem {
    max-height: 29rem !important;
  }
  .xl\:max-h-30rem {
    max-height: 30rem !important;
  }
}
.static {
  position: static !important;
}
.fixed {
  position: fixed !important;
}
.absolute {
  position: absolute !important;
}
.relative {
  position: relative !important;
}
.sticky {
  position: sticky !important;
}
@media screen and (min-width: 576px) {
  .sm\:static {
    position: static !important;
  }
  .sm\:fixed {
    position: fixed !important;
  }
  .sm\:absolute {
    position: absolute !important;
  }
  .sm\:relative {
    position: relative !important;
  }
  .sm\:sticky {
    position: sticky !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:static {
    position: static !important;
  }
  .md\:fixed {
    position: fixed !important;
  }
  .md\:absolute {
    position: absolute !important;
  }
  .md\:relative {
    position: relative !important;
  }
  .md\:sticky {
    position: sticky !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:static {
    position: static !important;
  }
  .lg\:fixed {
    position: fixed !important;
  }
  .lg\:absolute {
    position: absolute !important;
  }
  .lg\:relative {
    position: relative !important;
  }
  .lg\:sticky {
    position: sticky !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:static {
    position: static !important;
  }
  .xl\:fixed {
    position: fixed !important;
  }
  .xl\:absolute {
    position: absolute !important;
  }
  .xl\:relative {
    position: relative !important;
  }
  .xl\:sticky {
    position: sticky !important;
  }
}
.top-auto {
  top: auto !important;
}
.top-0 {
  top: 0px !important;
}
.top-50 {
  top: 50% !important;
}
.top-100 {
  top: 100% !important;
}
@media screen and (min-width: 576px) {
  .sm\:top-auto {
    top: auto !important;
  }
  .sm\:top-0 {
    top: 0px !important;
  }
  .sm\:top-50 {
    top: 50% !important;
  }
  .sm\:top-100 {
    top: 100% !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:top-auto {
    top: auto !important;
  }
  .md\:top-0 {
    top: 0px !important;
  }
  .md\:top-50 {
    top: 50% !important;
  }
  .md\:top-100 {
    top: 100% !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:top-auto {
    top: auto !important;
  }
  .lg\:top-0 {
    top: 0px !important;
  }
  .lg\:top-50 {
    top: 50% !important;
  }
  .lg\:top-100 {
    top: 100% !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:top-auto {
    top: auto !important;
  }
  .xl\:top-0 {
    top: 0px !important;
  }
  .xl\:top-50 {
    top: 50% !important;
  }
  .xl\:top-100 {
    top: 100% !important;
  }
}
.left-auto {
  left: auto !important;
}
.left-0 {
  left: 0px !important;
}
.left-50 {
  left: 50% !important;
}
.left-100 {
  left: 100% !important;
}
@media screen and (min-width: 576px) {
  .sm\:left-auto {
    left: auto !important;
  }
  .sm\:left-0 {
    left: 0px !important;
  }
  .sm\:left-50 {
    left: 50% !important;
  }
  .sm\:left-100 {
    left: 100% !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:left-auto {
    left: auto !important;
  }
  .md\:left-0 {
    left: 0px !important;
  }
  .md\:left-50 {
    left: 50% !important;
  }
  .md\:left-100 {
    left: 100% !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:left-auto {
    left: auto !important;
  }
  .lg\:left-0 {
    left: 0px !important;
  }
  .lg\:left-50 {
    left: 50% !important;
  }
  .lg\:left-100 {
    left: 100% !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:left-auto {
    left: auto !important;
  }
  .xl\:left-0 {
    left: 0px !important;
  }
  .xl\:left-50 {
    left: 50% !important;
  }
  .xl\:left-100 {
    left: 100% !important;
  }
}
.right-auto {
  right: auto !important;
}
.right-0 {
  right: 0px !important;
}
.right-50 {
  right: 50% !important;
}
.right-100 {
  right: 100% !important;
}
@media screen and (min-width: 576px) {
  .sm\:right-auto {
    right: auto !important;
  }
  .sm\:right-0 {
    right: 0px !important;
  }
  .sm\:right-50 {
    right: 50% !important;
  }
  .sm\:right-100 {
    right: 100% !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:right-auto {
    right: auto !important;
  }
  .md\:right-0 {
    right: 0px !important;
  }
  .md\:right-50 {
    right: 50% !important;
  }
  .md\:right-100 {
    right: 100% !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:right-auto {
    right: auto !important;
  }
  .lg\:right-0 {
    right: 0px !important;
  }
  .lg\:right-50 {
    right: 50% !important;
  }
  .lg\:right-100 {
    right: 100% !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:right-auto {
    right: auto !important;
  }
  .xl\:right-0 {
    right: 0px !important;
  }
  .xl\:right-50 {
    right: 50% !important;
  }
  .xl\:right-100 {
    right: 100% !important;
  }
}
.bottom-auto {
  bottom: auto !important;
}
.bottom-0 {
  bottom: 0px !important;
}
.bottom-50 {
  bottom: 50% !important;
}
.bottom-100 {
  bottom: 100% !important;
}
@media screen and (min-width: 576px) {
  .sm\:bottom-auto {
    bottom: auto !important;
  }
  .sm\:bottom-0 {
    bottom: 0px !important;
  }
  .sm\:bottom-50 {
    bottom: 50% !important;
  }
  .sm\:bottom-100 {
    bottom: 100% !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:bottom-auto {
    bottom: auto !important;
  }
  .md\:bottom-0 {
    bottom: 0px !important;
  }
  .md\:bottom-50 {
    bottom: 50% !important;
  }
  .md\:bottom-100 {
    bottom: 100% !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:bottom-auto {
    bottom: auto !important;
  }
  .lg\:bottom-0 {
    bottom: 0px !important;
  }
  .lg\:bottom-50 {
    bottom: 50% !important;
  }
  .lg\:bottom-100 {
    bottom: 100% !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:bottom-auto {
    bottom: auto !important;
  }
  .xl\:bottom-0 {
    bottom: 0px !important;
  }
  .xl\:bottom-50 {
    bottom: 50% !important;
  }
  .xl\:bottom-100 {
    bottom: 100% !important;
  }
}
.overflow-auto {
  overflow: auto !important;
}
.overflow-hidden {
  overflow: hidden !important;
}
.overflow-visible {
  overflow: visible !important;
}
.overflow-scroll {
  overflow: scroll !important;
}
@media screen and (min-width: 576px) {
  .sm\:overflow-auto {
    overflow: auto !important;
  }
  .sm\:overflow-hidden {
    overflow: hidden !important;
  }
  .sm\:overflow-visible {
    overflow: visible !important;
  }
  .sm\:overflow-scroll {
    overflow: scroll !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:overflow-auto {
    overflow: auto !important;
  }
  .md\:overflow-hidden {
    overflow: hidden !important;
  }
  .md\:overflow-visible {
    overflow: visible !important;
  }
  .md\:overflow-scroll {
    overflow: scroll !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:overflow-auto {
    overflow: auto !important;
  }
  .lg\:overflow-hidden {
    overflow: hidden !important;
  }
  .lg\:overflow-visible {
    overflow: visible !important;
  }
  .lg\:overflow-scroll {
    overflow: scroll !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:overflow-auto {
    overflow: auto !important;
  }
  .xl\:overflow-hidden {
    overflow: hidden !important;
  }
  .xl\:overflow-visible {
    overflow: visible !important;
  }
  .xl\: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;
}
@media screen and (min-width: 576px) {
  .sm\:overflow-x-auto {
    overflow-x: auto !important;
  }
  .sm\:overflow-x-hidden {
    overflow-x: hidden !important;
  }
  .sm\:overflow-x-visible {
    overflow-x: visible !important;
  }
  .sm\:overflow-x-scroll {
    overflow-x: scroll !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:overflow-x-auto {
    overflow-x: auto !important;
  }
  .md\:overflow-x-hidden {
    overflow-x: hidden !important;
  }
  .md\:overflow-x-visible {
    overflow-x: visible !important;
  }
  .md\:overflow-x-scroll {
    overflow-x: scroll !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:overflow-x-auto {
    overflow-x: auto !important;
  }
  .lg\:overflow-x-hidden {
    overflow-x: hidden !important;
  }
  .lg\:overflow-x-visible {
    overflow-x: visible !important;
  }
  .lg\:overflow-x-scroll {
    overflow-x: scroll !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:overflow-x-auto {
    overflow-x: auto !important;
  }
  .xl\:overflow-x-hidden {
    overflow-x: hidden !important;
  }
  .xl\:overflow-x-visible {
    overflow-x: visible !important;
  }
  .xl\: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;
}
@media screen and (min-width: 576px) {
  .sm\:overflow-y-auto {
    overflow-y: auto !important;
  }
  .sm\:overflow-y-hidden {
    overflow-y: hidden !important;
  }
  .sm\:overflow-y-visible {
    overflow-y: visible !important;
  }
  .sm\:overflow-y-scroll {
    overflow-y: scroll !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:overflow-y-auto {
    overflow-y: auto !important;
  }
  .md\:overflow-y-hidden {
    overflow-y: hidden !important;
  }
  .md\:overflow-y-visible {
    overflow-y: visible !important;
  }
  .md\:overflow-y-scroll {
    overflow-y: scroll !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:overflow-y-auto {
    overflow-y: auto !important;
  }
  .lg\:overflow-y-hidden {
    overflow-y: hidden !important;
  }
  .lg\:overflow-y-visible {
    overflow-y: visible !important;
  }
  .lg\:overflow-y-scroll {
    overflow-y: scroll !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:overflow-y-auto {
    overflow-y: auto !important;
  }
  .xl\:overflow-y-hidden {
    overflow-y: hidden !important;
  }
  .xl\:overflow-y-visible {
    overflow-y: visible !important;
  }
  .xl\:overflow-y-scroll {
    overflow-y: scroll !important;
  }
}
.z-auto {
  z-index: auto !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;
}
.z-4 {
  z-index: 4 !important;
}
.z-5 {
  z-index: 5 !important;
}
@media screen and (min-width: 576px) {
  .sm\:z-auto {
    z-index: auto !important;
  }
  .sm\:z-0 {
    z-index: 0 !important;
  }
  .sm\:z-1 {
    z-index: 1 !important;
  }
  .sm\:z-2 {
    z-index: 2 !important;
  }
  .sm\:z-3 {
    z-index: 3 !important;
  }
  .sm\:z-4 {
    z-index: 4 !important;
  }
  .sm\:z-5 {
    z-index: 5 !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:z-auto {
    z-index: auto !important;
  }
  .md\:z-0 {
    z-index: 0 !important;
  }
  .md\:z-1 {
    z-index: 1 !important;
  }
  .md\:z-2 {
    z-index: 2 !important;
  }
  .md\:z-3 {
    z-index: 3 !important;
  }
  .md\:z-4 {
    z-index: 4 !important;
  }
  .md\:z-5 {
    z-index: 5 !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:z-auto {
    z-index: auto !important;
  }
  .lg\:z-0 {
    z-index: 0 !important;
  }
  .lg\:z-1 {
    z-index: 1 !important;
  }
  .lg\:z-2 {
    z-index: 2 !important;
  }
  .lg\:z-3 {
    z-index: 3 !important;
  }
  .lg\:z-4 {
    z-index: 4 !important;
  }
  .lg\:z-5 {
    z-index: 5 !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:z-auto {
    z-index: auto !important;
  }
  .xl\:z-0 {
    z-index: 0 !important;
  }
  .xl\:z-1 {
    z-index: 1 !important;
  }
  .xl\:z-2 {
    z-index: 2 !important;
  }
  .xl\:z-3 {
    z-index: 3 !important;
  }
  .xl\:z-4 {
    z-index: 4 !important;
  }
  .xl\:z-5 {
    z-index: 5 !important;
  }
}
.bg-repeat {
  background-repeat: repeat !important;
}
.bg-no-repeat {
  background-repeat: no-repeat !important;
}
.bg-repeat-x {
  background-repeat: repeat-x !important;
}
.bg-repeat-y {
  background-repeat: repeat-y !important;
}
.bg-repeat-round {
  background-repeat: round !important;
}
.bg-repeat-space {
  background-repeat: space !important;
}
@media screen and (min-width: 576px) {
  .sm\:bg-repeat {
    background-repeat: repeat !important;
  }
  .sm\:bg-no-repeat {
    background-repeat: no-repeat !important;
  }
  .sm\:bg-repeat-x {
    background-repeat: repeat-x !important;
  }
  .sm\:bg-repeat-y {
    background-repeat: repeat-y !important;
  }
  .sm\:bg-repeat-round {
    background-repeat: round !important;
  }
  .sm\:bg-repeat-space {
    background-repeat: space !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:bg-repeat {
    background-repeat: repeat !important;
  }
  .md\:bg-no-repeat {
    background-repeat: no-repeat !important;
  }
  .md\:bg-repeat-x {
    background-repeat: repeat-x !important;
  }
  .md\:bg-repeat-y {
    background-repeat: repeat-y !important;
  }
  .md\:bg-repeat-round {
    background-repeat: round !important;
  }
  .md\:bg-repeat-space {
    background-repeat: space !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:bg-repeat {
    background-repeat: repeat !important;
  }
  .lg\:bg-no-repeat {
    background-repeat: no-repeat !important;
  }
  .lg\:bg-repeat-x {
    background-repeat: repeat-x !important;
  }
  .lg\:bg-repeat-y {
    background-repeat: repeat-y !important;
  }
  .lg\:bg-repeat-round {
    background-repeat: round !important;
  }
  .lg\:bg-repeat-space {
    background-repeat: space !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:bg-repeat {
    background-repeat: repeat !important;
  }
  .xl\:bg-no-repeat {
    background-repeat: no-repeat !important;
  }
  .xl\:bg-repeat-x {
    background-repeat: repeat-x !important;
  }
  .xl\:bg-repeat-y {
    background-repeat: repeat-y !important;
  }
  .xl\:bg-repeat-round {
    background-repeat: round !important;
  }
  .xl\:bg-repeat-space {
    background-repeat: space !important;
  }
}
.bg-auto {
  background-size: auto !important;
}
.bg-cover {
  background-size: cover !important;
}
.bg-contain {
  background-size: contain !important;
}
@media screen and (min-width: 576px) {
  .sm\:bg-auto {
    background-size: auto !important;
  }
  .sm\:bg-cover {
    background-size: cover !important;
  }
  .sm\:bg-contain {
    background-size: contain !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:bg-auto {
    background-size: auto !important;
  }
  .md\:bg-cover {
    background-size: cover !important;
  }
  .md\:bg-contain {
    background-size: contain !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:bg-auto {
    background-size: auto !important;
  }
  .lg\:bg-cover {
    background-size: cover !important;
  }
  .lg\:bg-contain {
    background-size: contain !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:bg-auto {
    background-size: auto !important;
  }
  .xl\:bg-cover {
    background-size: cover !important;
  }
  .xl\:bg-contain {
    background-size: contain !important;
  }
}
.bg-bottom {
  background-position: bottom !important;
}
.bg-center {
  background-position: center !important;
}
.bg-left {
  background-position: left !important;
}
.bg-left-bottom {
  background-position: left bottom !important;
}
.bg-left-top {
  background-position: left top !important;
}
.bg-right {
  background-position: right !important;
}
.bg-right-bottom {
  background-position: right bottom !important;
}
.bg-right-top {
  background-position: right top !important;
}
.bg-top {
  background-position: top !important;
}
@media screen and (min-width: 576px) {
  .sm\:bg-bottom {
    background-position: bottom !important;
  }
  .sm\:bg-center {
    background-position: center !important;
  }
  .sm\:bg-left {
    background-position: left !important;
  }
  .sm\:bg-left-bottom {
    background-position: left bottom !important;
  }
  .sm\:bg-left-top {
    background-position: left top !important;
  }
  .sm\:bg-right {
    background-position: right !important;
  }
  .sm\:bg-right-bottom {
    background-position: right bottom !important;
  }
  .sm\:bg-right-top {
    background-position: right top !important;
  }
  .sm\:bg-top {
    background-position: top !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:bg-bottom {
    background-position: bottom !important;
  }
  .md\:bg-center {
    background-position: center !important;
  }
  .md\:bg-left {
    background-position: left !important;
  }
  .md\:bg-left-bottom {
    background-position: left bottom !important;
  }
  .md\:bg-left-top {
    background-position: left top !important;
  }
  .md\:bg-right {
    background-position: right !important;
  }
  .md\:bg-right-bottom {
    background-position: right bottom !important;
  }
  .md\:bg-right-top {
    background-position: right top !important;
  }
  .md\:bg-top {
    background-position: top !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:bg-bottom {
    background-position: bottom !important;
  }
  .lg\:bg-center {
    background-position: center !important;
  }
  .lg\:bg-left {
    background-position: left !important;
  }
  .lg\:bg-left-bottom {
    background-position: left bottom !important;
  }
  .lg\:bg-left-top {
    background-position: left top !important;
  }
  .lg\:bg-right {
    background-position: right !important;
  }
  .lg\:bg-right-bottom {
    background-position: right bottom !important;
  }
  .lg\:bg-right-top {
    background-position: right top !important;
  }
  .lg\:bg-top {
    background-position: top !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:bg-bottom {
    background-position: bottom !important;
  }
  .xl\:bg-center {
    background-position: center !important;
  }
  .xl\:bg-left {
    background-position: left !important;
  }
  .xl\:bg-left-bottom {
    background-position: left bottom !important;
  }
  .xl\:bg-left-top {
    background-position: left top !important;
  }
  .xl\:bg-right {
    background-position: right !important;
  }
  .xl\:bg-right-bottom {
    background-position: right bottom !important;
  }
  .xl\:bg-right-top {
    background-position: right top !important;
  }
  .xl\:bg-top {
    background-position: top !important;
  }
}
.select-none {
  -webkit-user-select: none !important;
     -moz-user-select: none !important;
          user-select: none !important;
}
.select-text {
  -webkit-user-select: text !important;
     -moz-user-select: text !important;
          user-select: text !important;
}
.select-all {
  -webkit-user-select: all !important;
     -moz-user-select: all !important;
          user-select: all !important;
}
.select-auto {
  -webkit-user-select: auto !important;
     -moz-user-select: auto !important;
          user-select: auto !important;
}
.list-none {
  list-style: none !important;
}
.list-disc {
  list-style: disc !important;
}
.list-decimal {
  list-style: decimal !important;
}
.appearance-none {
  -webkit-appearance: none !important;
     -moz-appearance: none !important;
          appearance: none !important;
}
.outline-none {
  outline: none !important;
}
.pointer-events-none {
  pointer-events: none !important;
}
.pointer-events-auto {
  pointer-events: auto !important;
}
.cursor-auto {
  cursor: auto !important;
}
.cursor-pointer {
  cursor: pointer !important;
}
.cursor-wait {
  cursor: wait !important;
}
.cursor-move {
  cursor: move !important;
}
.select-none {
  -webkit-user-select: none !important;
     -moz-user-select: none !important;
          user-select: none !important;
}
.select-text {
  -webkit-user-select: text !important;
     -moz-user-select: text !important;
          user-select: text !important;
}
.select-all {
  -webkit-user-select: all !important;
     -moz-user-select: all !important;
          user-select: all !important;
}
.select-auto {
  -webkit-user-select: auto !important;
     -moz-user-select: auto !important;
          user-select: auto !important;
}
.opacity-0 {
  opacity: 0 !important;
}
.opacity-10 {
  opacity: .1 !important;
}
.opacity-20 {
  opacity: .2 !important;
}
.opacity-30 {
  opacity: .3 !important;
}
.opacity-40 {
  opacity: .4 !important;
}
.opacity-50 {
  opacity: .5 !important;
}
.opacity-60 {
  opacity: .6 !important;
}
.opacity-70 {
  opacity: .7 !important;
}
.opacity-80 {
  opacity: .8 !important;
}
.opacity-90 {
  opacity: .9 !important;
}
.opacity-100 {
  opacity: 1 !important;
}
.reset {
  all: unset;
}
.transition-none {
  transition-property: none !important;
}
.transition-all {
  transition-property: all !important;
}
.transition-colors {
  transition-property: background-color,border-color,color !important;
}
.transition-transform {
  transition-property: transform !important;
}
.transition-duration-100 {
  transition-duration: 100ms !important;
}
.transition-duration-150 {
  transition-duration: 150ms !important;
}
.transition-duration-200 {
  transition-duration: 200ms !important;
}
.transition-duration-300 {
  transition-duration: 300ms !important;
}
.transition-duration-400 {
  transition-duration: 400ms !important;
}
.transition-duration-500 {
  transition-duration: 500ms !important;
}
.transition-duration-1000 {
  transition-duration: 1000ms !important;
}
.transition-duration-2000 {
  transition-duration: 2000ms !important;
}
.transition-duration-3000 {
  transition-duration: 3000ms !important;
}
.transition-linear {
  transition-timing-function: linear !important;
}
.transition-ease-in {
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1) !important;
}
.transition-ease-out {
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1) !important;
}
.transition-ease-in-out {
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.transition-delay-100 {
  transition-delay: 100ms !important;
}
.transition-delay-150 {
  transition-delay: 150ms !important;
}
.transition-delay-200 {
  transition-delay: 200ms !important;
}
.transition-delay-300 {
  transition-delay: 300ms !important;
}
.transition-delay-400 {
  transition-delay: 400ms !important;
}
.transition-delay-500 {
  transition-delay: 500ms !important;
}
.transition-delay-1000 {
  transition-delay: 1000ms !important;
}
.translate-x-0 {
  transform: translateX(0%) !important;
}
.translate-x-100 {
  transform: translateX(100%) !important;
}
.-translate-x-100 {
  transform: translateX(-100%) !important;
}
.translate-y-0 {
  transform: translateY(0%) !important;
}
.translate-y-100 {
  transform: translateY(100%) !important;
}
.-translate-y-100 {
  transform: translateY(-100%) !important;
}
@media screen and (min-width: 576px) {
  .sm\:translate-x-0 {
    transform: translateX(0%) !important;
  }
  .sm\:translate-x-100 {
    transform: translateX(100%) !important;
  }
  .sm\:-translate-x-100 {
    transform: translateX(-100%) !important;
  }
  .sm\:translate-y-0 {
    transform: translateY(0%) !important;
  }
  .sm\:translate-y-100 {
    transform: translateY(100%) !important;
  }
  .sm\:-translate-y-100 {
    transform: translateY(-100%) !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:translate-x-0 {
    transform: translateX(0%) !important;
  }
  .md\:translate-x-100 {
    transform: translateX(100%) !important;
  }
  .md\:-translate-x-100 {
    transform: translateX(-100%) !important;
  }
  .md\:translate-y-0 {
    transform: translateY(0%) !important;
  }
  .md\:translate-y-100 {
    transform: translateY(100%) !important;
  }
  .md\:-translate-y-100 {
    transform: translateY(-100%) !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:translate-x-0 {
    transform: translateX(0%) !important;
  }
  .lg\:translate-x-100 {
    transform: translateX(100%) !important;
  }
  .lg\:-translate-x-100 {
    transform: translateX(-100%) !important;
  }
  .lg\:translate-y-0 {
    transform: translateY(0%) !important;
  }
  .lg\:translate-y-100 {
    transform: translateY(100%) !important;
  }
  .lg\:-translate-y-100 {
    transform: translateY(-100%) !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:translate-x-0 {
    transform: translateX(0%) !important;
  }
  .xl\:translate-x-100 {
    transform: translateX(100%) !important;
  }
  .xl\:-translate-x-100 {
    transform: translateX(-100%) !important;
  }
  .xl\:translate-y-0 {
    transform: translateY(0%) !important;
  }
  .xl\:translate-y-100 {
    transform: translateY(100%) !important;
  }
  .xl\:-translate-y-100 {
    transform: translateY(-100%) !important;
  }
}
.rotate-45 {
  transform: rotate(45deg) !important;
}
.-rotate-45 {
  transform: rotate(-45deg) !important;
}
.rotate-90 {
  transform: rotate(90deg) !important;
}
.-rotate-90 {
  transform: rotate(-90deg) !important;
}
.rotate-180 {
  transform: rotate(180deg) !important;
}
.-rotate-180 {
  transform: rotate(-180deg) !important;
}
@media screen and (min-width: 576px) {
  .sm\:rotate-45 {
    transform: rotate(45deg) !important;
  }
  .sm\:-rotate-45 {
    transform: rotate(-45deg) !important;
  }
  .sm\:rotate-90 {
    transform: rotate(90deg) !important;
  }
  .sm\:-rotate-90 {
    transform: rotate(-90deg) !important;
  }
  .sm\:rotate-180 {
    transform: rotate(180deg) !important;
  }
  .sm\:-rotate-180 {
    transform: rotate(-180deg) !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:rotate-45 {
    transform: rotate(45deg) !important;
  }
  .md\:-rotate-45 {
    transform: rotate(-45deg) !important;
  }
  .md\:rotate-90 {
    transform: rotate(90deg) !important;
  }
  .md\:-rotate-90 {
    transform: rotate(-90deg) !important;
  }
  .md\:rotate-180 {
    transform: rotate(180deg) !important;
  }
  .md\:-rotate-180 {
    transform: rotate(-180deg) !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:rotate-45 {
    transform: rotate(45deg) !important;
  }
  .lg\:-rotate-45 {
    transform: rotate(-45deg) !important;
  }
  .lg\:rotate-90 {
    transform: rotate(90deg) !important;
  }
  .lg\:-rotate-90 {
    transform: rotate(-90deg) !important;
  }
  .lg\:rotate-180 {
    transform: rotate(180deg) !important;
  }
  .lg\:-rotate-180 {
    transform: rotate(-180deg) !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:rotate-45 {
    transform: rotate(45deg) !important;
  }
  .xl\:-rotate-45 {
    transform: rotate(-45deg) !important;
  }
  .xl\:rotate-90 {
    transform: rotate(90deg) !important;
  }
  .xl\:-rotate-90 {
    transform: rotate(-90deg) !important;
  }
  .xl\:rotate-180 {
    transform: rotate(180deg) !important;
  }
  .xl\:-rotate-180 {
    transform: rotate(-180deg) !important;
  }
}
.origin-center {
  transform-origin: center !important;
}
.origin-top {
  transform-origin: top !important;
}
.origin-top-right {
  transform-origin: top right !important;
}
.origin-right {
  transform-origin: right !important;
}
.origin-bottom-right {
  transform-origin: bottom right !important;
}
.origin-bottom {
  transform-origin: bottom !important;
}
.origin-bottom-left {
  transform-origin: bottom left !important;
}
.origin-left {
  transform-origin: left !important;
}
.origin-top-left {
  transform-origin: top-left !important;
}
@media screen and (min-width: 576px) {
  .sm\:origin-center {
    transform-origin: center !important;
  }
  .sm\:origin-top {
    transform-origin: top !important;
  }
  .sm\:origin-top-right {
    transform-origin: top right !important;
  }
  .sm\:origin-right {
    transform-origin: right !important;
  }
  .sm\:origin-bottom-right {
    transform-origin: bottom right !important;
  }
  .sm\:origin-bottom {
    transform-origin: bottom !important;
  }
  .sm\:origin-bottom-left {
    transform-origin: bottom left !important;
  }
  .sm\:origin-left {
    transform-origin: left !important;
  }
  .sm\:origin-top-left {
    transform-origin: top-left !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:origin-center {
    transform-origin: center !important;
  }
  .md\:origin-top {
    transform-origin: top !important;
  }
  .md\:origin-top-right {
    transform-origin: top right !important;
  }
  .md\:origin-right {
    transform-origin: right !important;
  }
  .md\:origin-bottom-right {
    transform-origin: bottom right !important;
  }
  .md\:origin-bottom {
    transform-origin: bottom !important;
  }
  .md\:origin-bottom-left {
    transform-origin: bottom left !important;
  }
  .md\:origin-left {
    transform-origin: left !important;
  }
  .md\:origin-top-left {
    transform-origin: top-left !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:origin-center {
    transform-origin: center !important;
  }
  .lg\:origin-top {
    transform-origin: top !important;
  }
  .lg\:origin-top-right {
    transform-origin: top right !important;
  }
  .lg\:origin-right {
    transform-origin: right !important;
  }
  .lg\:origin-bottom-right {
    transform-origin: bottom right !important;
  }
  .lg\:origin-bottom {
    transform-origin: bottom !important;
  }
  .lg\:origin-bottom-left {
    transform-origin: bottom left !important;
  }
  .lg\:origin-left {
    transform-origin: left !important;
  }
  .lg\:origin-top-left {
    transform-origin: top-left !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:origin-center {
    transform-origin: center !important;
  }
  .xl\:origin-top {
    transform-origin: top !important;
  }
  .xl\:origin-top-right {
    transform-origin: top right !important;
  }
  .xl\:origin-right {
    transform-origin: right !important;
  }
  .xl\:origin-bottom-right {
    transform-origin: bottom right !important;
  }
  .xl\:origin-bottom {
    transform-origin: bottom !important;
  }
  .xl\:origin-bottom-left {
    transform-origin: bottom left !important;
  }
  .xl\:origin-left {
    transform-origin: left !important;
  }
  .xl\:origin-top-left {
    transform-origin: top-left !important;
  }
}
@keyframes fadein {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeout {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes scalein {
  0% {
    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);
  }
  100% {
    opacity: 1;
    transform: scaleY(1);
  }
}
@keyframes slidedown {
  0% {
    max-height: 0;
  }
  100% {
    max-height: auto;
  }
}
@keyframes slideup {
  0% {
    max-height: 1000px;
  }
  100% {
    max-height: 0;
  }
}
@keyframes fadeinleft {
  0% {
    opacity: 0;
    transform: translateX(-100%);
    transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
  }
  100% {
    opacity: 1;
    transform: translateX(0%);
  }
}
@keyframes fadeoutleft {
  0% {
    opacity: 1;
    transform: translateX(0%);
    transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
  }
  100% {
    opacity: 0;
    transform: translateX(-100%);
  }
}
@keyframes fadeinright {
  0% {
    opacity: 0;
    transform: translateX(100%);
    transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
  }
  100% {
    opacity: 1;
    transform: translateX(0%);
  }
}
@keyframes fadeoutright {
  0% {
    opacity: 1;
    transform: translateX(0%);
    transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
  }
  100% {
    opacity: 0;
    transform: translateX(100%);
  }
}
@keyframes fadeinup {
  0% {
    opacity: 0;
    transform: translateY(-100%);
    transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
  }
  100% {
    opacity: 1;
    transform: translateY(0%);
  }
}
@keyframes fadeoutup {
  0% {
    opacity: 1;
    transform: translateY(0%);
    transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
  }
  100% {
    opacity: 0;
    transform: translateY(-100%);
  }
}
@keyframes fadeindown {
  0% {
    opacity: 0;
    transform: translateY(100%);
    transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
  }
  100% {
    opacity: 1;
    transform: translateY(0%);
  }
}
@keyframes fadeoutdown {
  0% {
    opacity: 1;
    transform: translateY(0%);
    transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
  }
  100% {
    opacity: 0;
    transform: translateY(100%);
  }
}
@keyframes animate-width {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
@keyframes flip {
  from {
    transform: perspective(2000px) rotateX(-100deg);
  }
  to {
    transform: perspective(2000px) rotateX(0);
  }
}
@keyframes flipleft {
  from {
    transform: perspective(2000px) rotateY(-100deg);
    opacity: 0;
  }
  to {
    transform: perspective(2000px) rotateY(0);
    opacity: 1;
  }
}
@keyframes flipright {
  from {
    transform: perspective(2000px) rotateY(100deg);
    opacity: 0;
  }
  to {
    transform: perspective(2000px) rotateY(0);
    opacity: 1;
  }
}
@keyframes flipup {
  from {
    transform: perspective(2000px) rotateX(-100deg);
    opacity: 0;
  }
  to {
    transform: perspective(2000px) rotateX(0);
    opacity: 1;
  }
}
@keyframes zoomin {
  from {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
@keyframes zoomindown {
  from {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
  }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
  }
}
@keyframes zoominleft {
  from {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
  }
}
@keyframes zoominright {
  from {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
  }
}
@keyframes zoominup {
  from {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
  }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
  }
}
.fadein {
  animation: fadein 0.15s linear;
}
.fadeout {
  animation: fadeout 0.15s linear;
}
.slidedown {
  animation: slidedown 0.45s ease-in-out;
}
.slideup {
  animation: slideup 0.45s cubic-bezier(0, 1, 0, 1);
}
.scalein {
  animation: scalein 0.15s linear;
}
.fadeinleft {
  animation: fadeinleft 0.15s linear;
}
.fadeoutleft {
  animation: fadeoutleft 0.15s linear;
}
.fadeinright {
  animation: fadeinright 0.15s linear;
}
.fadeoutright {
  animation: fadeoutright 0.15s linear;
}
.fadeinup {
  animation: fadeinup 0.15s linear;
}
.fadeoutup {
  animation: fadeoutup 0.15s linear;
}
.fadeindown {
  animation: fadeindown 0.15s linear;
}
.fadeoutdown {
  animation: fadeoutdown 0.15s linear;
}
.animate-width {
  animation: animate-width 1000ms linear;
}
.flip {
  backface-visibility: visible;
  animation: flip 0.15s linear;
}
.flipup {
  backface-visibility: visible;
  animation: flipup 0.15s linear;
}
.flipleft {
  backface-visibility: visible;
  animation: flipleft 0.15s linear;
}
.flipright {
  backface-visibility: visible;
  animation: flipright 0.15s linear;
}
.zoomin {
  animation: zoomin 0.15s linear;
}
.zoomindown {
  animation: zoomindown 0.15s linear;
}
.zoominleft {
  animation: zoominleft 0.15s linear;
}
.zoominright {
  animation: zoominright 0.15s linear;
}
.zoominup {
  animation: zoominup 0.15s linear;
}
.animation-duration-100 {
  animation-duration: 100ms !important;
}
.animation-duration-150 {
  animation-duration: 150ms !important;
}
.animation-duration-200 {
  animation-duration: 200ms !important;
}
.animation-duration-300 {
  animation-duration: 300ms !important;
}
.animation-duration-400 {
  animation-duration: 400ms !important;
}
.animation-duration-500 {
  animation-duration: 500ms !important;
}
.animation-duration-1000 {
  animation-duration: 1000ms !important;
}
.animation-duration-2000 {
  animation-duration: 2000ms !important;
}
.animation-duration-3000 {
  animation-duration: 3000ms !important;
}
.animation-delay-100 {
  animation-delay: 100ms !important;
}
.animation-delay-150 {
  animation-delay: 150ms !important;
}
.animation-delay-200 {
  animation-delay: 200ms !important;
}
.animation-delay-300 {
  animation-delay: 300ms !important;
}
.animation-delay-400 {
  animation-delay: 400ms !important;
}
.animation-delay-500 {
  animation-delay: 500ms !important;
}
.animation-delay-1000 {
  animation-delay: 1000ms !important;
}
.animation-iteration-1 {
  animation-iteration-count: 1 !important;
}
.animation-iteration-2 {
  animation-iteration-count: 2 !important;
}
.animation-iteration-infinite {
  animation-iteration-count: infinite !important;
}
.animation-linear {
  animation-timing-function: linear !important;
}
.animation-ease-in {
  animation-timing-function: cubic-bezier(0.4, 0, 1, 1) !important;
}
.animation-ease-out {
  animation-timing-function: cubic-bezier(0, 0, 0.2, 1) !important;
}
.animation-ease-in-out {
  animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.animation-fill-none {
  animation-fill-mode: none !important;
}
.animation-fill-forwards {
  animation-fill-mode: forwards !important;
}
.animation-fill-backwards {
  animation-fill-mode: backwards !important;
}
.animation-fill-both {
  animation-fill-mode: both !important;
}
:root {
  --scope-color-center-tint: #f5f9ff;
  --scope-color-center-accent: #1a75a8;
  --scope-color-center-border: #dbeafe;
  --scope-color-center-coin-top: #4aa8e0;
  --scope-color-center-coin-bottom: #1a75a8;
  --scope-color-center-coin-foreground: #ffffff;
  --scope-color-center-coin-shadow: rgba(26, 117, 168, 0.35);
  --scope-color-center-hero-top: #4aa8e0;
  --scope-color-center-hero-bottom: #1a75a8;
  --scope-color-organization-tint: #ecfdf5;
  --scope-color-organization-accent: #047857;
  --scope-color-organization-border: #a7f3d0;
  --scope-color-organization-coin-top: #3db68c;
  --scope-color-organization-coin-bottom: #047857;
  --scope-color-organization-coin-foreground: #ffffff;
  --scope-color-organization-coin-shadow: rgba(4, 120, 87, 0.35);
  --scope-color-organization-hero-top: #3db68c;
  --scope-color-organization-hero-bottom: #047857;
  --scope-color-metasphere-tint: #f5f3ff;
  --scope-color-metasphere-accent: #5b21b6;
  --scope-color-metasphere-border: #ddd6fe;
  --scope-color-metasphere-coin-top: #8b5cf6;
  --scope-color-metasphere-coin-bottom: #5b21b6;
  --scope-color-metasphere-coin-foreground: #ffffff;
  --scope-color-metasphere-coin-shadow: rgba(91, 33, 182, 0.35);
  --scope-color-metasphere-hero-top: #8b5cf6;
  --scope-color-metasphere-hero-bottom: #5b21b6;
  --scope-color-all-tint: var(--component-background);
  --scope-color-all-accent: var(--primary-text-color);
  --scope-color-all-border: var(--primary-border);
  --scope-color-all-coin-top: #94a3b8;
  --scope-color-all-coin-bottom: #475569;
  --scope-color-all-coin-foreground: #ffffff;
  --scope-color-all-coin-shadow: rgba(71, 85, 105, 0.3);
  --scope-coin-default-shadow: rgba(6, 44, 88, 0.18);
  --scope-coin-inner-highlight: rgba(255, 255, 255, 0.3);
  --scope-coin-inner-depth: rgba(0, 0, 0, 0.12);
  --marketplace-page-bg: #eff3f8;
  --marketplace-control-border: #e5e7eb;
  --marketplace-primary-button-bg: #377fc4;
  --marketplace-primary-button-fg: #ffffff;
  --scope-color-hero-foreground: #ffffff;
  --scope-color-hero-shadow: rgba(6, 44, 88, 0.35);
  --scope-color-hero-nav-bg: rgba(255, 255, 255, 0.18);
  --scope-color-hero-nav-bg-hover: rgba(255, 255, 255, 0.32);
  --scope-color-hero-dot-idle: rgba(255, 255, 255, 0.4);
  --scope-color-hero-dot-active: rgba(255, 255, 255, 0.95);
  --scope-color-hero-cta-bg: rgba(255, 255, 255, 0.16);
  --scope-color-hero-cta-bg-hover: rgba(255, 255, 255, 0.26);
  --scope-color-hero-cta-border: rgba(255, 255, 255, 0.4);
  --scope-color-hero-depth-highlight: rgba(255, 255, 255, 0.18);
  --scope-color-hero-depth-shadow: rgba(0, 0, 0, 0.22);
  --scope-color-hero-ornament-ring-outer: rgba(255, 255, 255, 0.16);
  --scope-color-hero-ornament-ring-inner: rgba(255, 255, 255, 0.26);
  --scope-color-hero-required-bg: rgba(255, 255, 255, 0.18);
  --scope-color-hero-tile-bg: rgba(255, 255, 255, 0.14);
  --scope-color-hero-tile-border: rgba(255, 255, 255, 0.22);
  --scope-color-hero-star-idle: rgba(255, 255, 255, 0.55);
  --scope-color-hero-star-filled: #fbbf24;
  --scope-color-center-tile-bg: rgba(255, 188, 120, 0.32);
  --scope-color-organization-tile-bg: rgba(61, 182, 140, 0.3);
  --scope-color-metasphere-tile-bg: rgba(139, 92, 246, 0.3);
}
[data-theme=dark] {
  --status-tone-success-bg: rgba(16, 185, 129, 0.15);
  --status-tone-success-border: rgba(16, 185, 129, 0.3);
  --status-tone-success-fg: #6ee7b7;
  --status-tone-warn-bg: rgba(245, 158, 11, 0.15);
  --status-tone-warn-border: rgba(245, 158, 11, 0.3);
  --status-tone-warn-fg: #fcd34d;
  --status-tone-danger-bg: rgba(239, 68, 68, 0.15);
  --status-tone-danger-border: rgba(239, 68, 68, 0.3);
  --status-tone-danger-fg: #fca5a5;
  --status-tone-info-bg: rgba(55, 127, 196, 0.15);
  --status-tone-info-border: rgba(55, 127, 196, 0.3);
  --status-tone-info-fg: #93c5fd;
  --status-tone-neutral-bg: rgba(148, 163, 184, 0.15);
  --status-tone-neutral-border: rgba(148, 163, 184, 0.3);
  --status-tone-neutral-fg: #94a3b8;
  --marketplace-control-border-dark: #3a3a52;
  --marketplace-row-hover-bg-dark: #24243a;
  --marketplace-page-bg: var(--surface-ground);
  --marketplace-control-border: rgba(255, 255, 255, 0.12);
  --marketplace-badge-bg: rgba(255, 255, 255, 0.08);
  --marketplace-breadcrumb-color: var(--secondary-text-color);
  --marketplace-active-bg: var(--cta-secondary-color);
  --marketplace-active-fg: #ffffff;
  --marketplace-subtle-text-color: var(--secondary-text-color);
  --subtle-surface: rgba(255, 255, 255, 0.06);
  --scope-active-fill: var(--cta-secondary-color);
  --cta-secondary-contrast: #ffffff;
  --marketplace-title-color: var(--primary-text-color);
  --marketplace-chip-border: rgba(255, 255, 255, 0.12);
  --marketplace-chip-border-hover: rgba(255, 255, 255, 0.25);
  --marketplace-control-hover-border: var(--cta-secondary-color);
  --marketplace-row-hover-bg: rgba(255, 255, 255, 0.04);
  --marketplace-muted: rgba(255, 255, 255, 0.05);
  --marketplace-muted-fg: var(--secondary-text-color);
  --marketplace-owner-fg: var(--primary-text-color);
}
:root {
  /* Semantic status ramps — used by sparkline, pills, status chips */
  --success-50: #ecfdf5;
  --success-500: #10b981;
  --success-700: #047857;
  --warning-50: #fffbeb;
  --warning-500: #f59e0b;
  --warning-700: #b45309;
  --danger-50: #fef2f2;
  --danger-100: #fecaca;
  --danger-500: #ef4444;
  --danger-700: #b91c1c;
  --info-50: #f5f9ff;
  --info-500: #377fc4;
  --info-700: #1a75a8;
  --neutral-300: #cbd5e1;
  --neutral-400: #94a3b8;
  /* Text ramp */
  --text-color: #062c58;
  --text-color-muted: #4a6d98;
  --text-color-subtle: #6b7f99;
  /* Surface */
  --surface-ground: #eff3f8;
  --surface-raised: #ffffff;
  --surface-sunken: #f5f9ff;
  --surface-subtle: #fafbfc;
  /* Border */
  --border-color: #e5e7eb;
  --border-color-soft: #f1f5f9;
  --border-color-hover: #93c5fd;
  /* Radius */
  --radius-xs: 4px;
  --radius-sm: 6px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-xl: 14px;
  --radius-pill: 9999px;
  /* Shadows */
  --shadow-sm: 0 1px 2px rgba(74, 100, 126, 0.08), 0 1px 1px rgba(6, 44, 88, 0.04);
  --shadow-md: 0 4px 8px -2px rgba(6, 44, 88, 0.12), 0 2px 4px -1px rgba(6, 44, 88, 0.06);
  --shadow-primary-btn: 0 2px 6px -1px rgba(55, 127, 196, 0.4);
}
.p-calendar {
  border-radius: 20px;
  border: var(--primary-border);
  background: var(--Search-input-box);
  box-shadow: 2px 2px 7px 2px rgba(30, 84, 156, 0.18) inset, -3px -1px 10px 0px rgba(160, 183, 202, 0.15) inset;
  color: var(--primary-text-color);
}
.p-calendar::-moz-placeholder {
  color: var(--primary-text-color);
  opacity: 0.8; /* Ensures the placeholder is fully opaque */
}
.p-calendar::placeholder {
  color: var(--primary-text-color);
  opacity: 0.8; /* Ensures the placeholder is fully opaque */
}
.p-calendar-input {
  background-color: transparent;
  border: none;
  box-shadow: none;
}
.p-inputtext {
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  font-family: "Manrope";
  border: none;
  background: transparent;
  color: var(--primary-text-color);
}
.user-profile-icon {
  background-image: url('data:image/svg+xml;utf8,<svg width="26" height="26" viewBox="0 0 26 26" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="user-circle-single--circle-geometric-human-person-single-user"><g id="user-circle-single--circle-geometric-human-person-single-user_2"><path id="Vector" d="M13.0001 14.7599C15.4293 14.7599 17.3986 12.7906 17.3986 10.3614C17.3986 7.93217 15.4293 5.96289 13.0001 5.96289C10.5708 5.96289 8.60156 7.93217 8.60156 10.3614C8.60156 12.7906 10.5708 14.7599 13.0001 14.7599Z" stroke="%23377FC4" stroke-linecap="round" stroke-linejoin="round"/><path id="Vector_2" d="M5.48828 21.6216C6.2734 20.3328 7.37684 19.2677 8.69252 18.5287C10.0082 17.7896 11.4919 17.4014 13.0009 17.4014C14.51 17.4014 15.9936 17.7896 17.3093 18.5287C18.625 19.2677 19.7284 20.3328 20.5136 21.6216" stroke="%23377FC4" stroke-linecap="round" stroke-linejoin="round"/><path id="Vector_3" d="M13.0005 24.4366C19.3166 24.4366 24.4366 19.3166 24.4366 13.0005C24.4366 6.68457 19.3166 1.56445 13.0005 1.56445C6.68457 1.56445 1.56445 6.68457 1.56445 13.0005C1.56445 19.3166 6.68457 24.4366 13.0005 24.4366Z" stroke="%23377FC4" stroke-linecap="round" stroke-linejoin="round"/></g></g></svg>');
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  width: 24.632px;
  height: 24.632px;
}
.user-add-profile-icon {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D'29'%20height%3D'28'%20viewBox%3D'0%200%2029%2028'%20fill%3D'none'%20xmlns%3D'http%3A//www.w3.org/2000/svg'%3E%3Cg%20id%3D'add-circle--button-remove-cross-add-buttons-plus-circle-+-mathematics-math'%20clip-path%3D'url(%23clip0_1890_17928)'%3E%3Cg%20id%3D'add-circle--button-remove-cross-add-buttons-plus-circle-+-mathematics-math_2'%3E%3Cpath%20id%3D'Vector'%20d%3D'M14.5004%2026.7419C21.5377%2026.7419%2027.2424%2021.0372%2027.2424%2013.9999C27.2424%206.96263%2021.5377%201.25781%2014.5004%201.25781C7.46312%201.25781%201.7583%206.96263%201.7583%2013.9999C1.7583%2021.0372%207.46312%2026.7419%2014.5004%2026.7419Z'%20stroke%3D'%23377FC4'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'/%3E%3Cg%20id%3D'user-add-plus--actions-add-close-geometric-human-person-plus-single-up-user'%3E%3Cpath%20id%3D'Vector_2'%20d%3D'M13.6211%2011.8526C15.1758%2011.8526%2016.4361%2010.5923%2016.4361%209.03764C16.4361%207.48297%2015.1758%206.22266%2013.6211%206.22266C12.0665%206.22266%2010.8062%207.48297%2010.8062%209.03764C10.8062%2010.5923%2012.0665%2011.8526%2013.6211%2011.8526Z'%20stroke%3D'%23377FC4'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'/%3E%3Cpath%20id%3D'Vector_2_2'%20d%3D'M15.3102%2019.7342H8.5542V19.1238C8.56316%2018.2656%208.78951%2017.4236%209.21208%2016.6766C9.63467%2015.9295%2010.2397%2015.3018%2010.9707%2014.8519C11.7016%2014.4021%2012.5347%2014.1449%2013.392%2014.1043C14.2493%2014.0637%2015.103%2014.2411%2015.8732%2014.6199'%20stroke%3D'%23377FC4'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'/%3E%3Cpath%20id%3D'Vector_3'%20d%3D'M19.814%2014.1055V20.8614'%20stroke%3D'%23377FC4'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'/%3E%3Cpath%20id%3D'Vector_4'%20d%3D'M16.436%2017.4824H23.192'%20stroke%3D'%23377FC4'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3CclipPath%20id%3D'clip0_1890_17928'%3E%3Crect%20width%3D'27.4444'%20height%3D'27.4444'%20fill%3D'white'%20transform%3D'translate(0.777832%200.277344)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  width: 24.632px;
  height: 24.632px;
}
.metaspace-icon {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D'32'%20height%3D'29'%20viewBox%3D'0%200%2032%2029'%20fill%3D'none'%20xmlns%3D'http%3A//www.w3.org/2000/svg'%3E%3Cpath%20d%3D'M13.3843%2016.4424H7.67115C7.29995%2016.4424%206.99902%2016.7499%206.99902%2017.1292V22.9673C6.99902%2023.3466%207.29995%2023.6541%207.67115%2023.6541H13.3843C13.7555%2023.6541%2014.0564%2023.3466%2014.0564%2022.9673V17.1292C14.0564%2016.7499%2013.7555%2016.4424%2013.3843%2016.4424Z'%20stroke%3D'%23377FC4'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'/%3E%3Cpath%20d%3D'M24.3267%2016.4424H18.6135C18.2423%2016.4424%2017.9414%2016.7499%2017.9414%2017.1292V22.9673C17.9414%2023.3466%2018.2423%2023.6541%2018.6135%2023.6541H24.3267C24.6979%2023.6541%2024.9987%2023.3466%2024.9987%2022.9673V17.1292C24.9987%2016.7499%2024.6979%2016.4424%2024.3267%2016.4424Z'%20stroke%3D'%23377FC4'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'/%3E%3Cpath%20d%3D'M13.3843%205.5H7.67115C7.29995%205.5%206.99902%205.80751%206.99902%206.18683V12.0249C6.99902%2012.4043%207.29995%2012.7118%207.67115%2012.7118H13.3843C13.7555%2012.7118%2014.0564%2012.4043%2014.0564%2012.0249V6.18683C14.0564%205.80751%2013.7555%205.5%2013.3843%205.5Z'%20stroke%3D'%23377FC4'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'/%3E%3Cpath%20d%3D'M17.158%209.63819C16.7442%209.56462%2016.7442%208.95753%2017.158%208.88396C18.6573%208.61742%2019.8498%207.45045%2020.1753%205.93133L20.2002%205.81488C20.2897%205.39692%2020.8721%205.39431%2020.9652%205.81146L20.9954%205.94717C21.333%207.45913%2022.5258%208.61624%2024.021%208.88203C24.4369%208.95598%2024.4369%209.56617%2024.021%209.64012C22.5258%209.90593%2021.333%2011.063%2020.9954%2012.575L20.9652%2012.7107C20.8721%2013.1278%2020.2897%2013.1252%2020.2002%2012.7073L20.1753%2012.5908C19.8498%2011.0717%2018.6573%209.90475%2017.158%209.63819Z'%20stroke%3D'%23377FC4'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  width: 32px;
  height: 29px;
}
.perspective-icon {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2222%22%20height%3D%2222%22%20viewBox%3D%220%200%2022%2022%22%20fill%3D%22none%22%3E%3Cg%20clip-path%3D%22url(%23clip0_5341_109211)%22%3E%3Cpath%20d%3D%22M4.35352%2013.0213C5.35639%2011.6788%206.95802%2010.8097%208.76263%2010.8097C10.0473%2010.8097%2011.2291%2011.2502%2012.1652%2011.9883%22%20stroke%3D%22%2326A3E3%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3Cpath%20d%3D%22M7.97767%2016.7026H2.47767C2.06091%2016.7026%201.6612%2016.5369%201.36651%2016.2423C1.07181%2015.9476%200.90625%2015.5479%200.90625%2015.1311V2.55972C0.90625%202.14294%201.07181%201.74325%201.36651%201.44854C1.6612%201.15384%202.06091%200.988281%202.47767%200.988281H15.0491C15.4659%200.988281%2015.8655%201.15384%2016.1603%201.44854C16.455%201.74325%2016.6206%202.14294%2016.6206%202.55972V7.274%22%20stroke%3D%22%2326A3E3%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3Cpath%20d%3D%22M8.76339%208.45257C10.0652%208.45257%2011.1205%207.39723%2011.1205%206.09543C11.1205%204.79361%2010.0652%203.73829%208.76339%203.73829C7.46159%203.73829%206.40625%204.79361%206.40625%206.09543C6.40625%207.39723%207.46159%208.45257%208.76339%208.45257Z%22%20stroke%3D%22%2326A3E3%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3Cpath%20d%3D%22M11.5347%2016.5988C10.9832%2016.5028%2010.9832%2015.7111%2011.5347%2015.6152C13.5325%2015.2676%2015.1216%2013.7459%2015.5552%2011.765L15.5884%2011.6131C15.7077%2011.0681%2016.4838%2011.0647%2016.6078%2011.6087L16.6482%2011.7856C17.0979%2013.7572%2018.6873%2015.2661%2020.6797%2015.6127C21.2339%2015.7091%2021.2339%2016.5048%2020.6797%2016.6013C18.6873%2016.9478%2017.0979%2018.4567%2016.6482%2020.4284L16.6078%2020.6053C16.4838%2021.1492%2015.7077%2021.1459%2015.5884%2020.6007L15.5552%2020.4489C15.1216%2018.468%2013.5325%2016.9462%2011.5347%2016.5988Z%22%20stroke%3D%22%2326A3E3%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3C/g%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0_5341_109211%22%3E%3Crect%20width%3D%2222%22%20height%3D%2222%22%20fill%3D%22white%22/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  width: 22px;
  height: 22px;
}
.send-icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A//www.w3.org/2000/svg%22 width%3D%2221%22 height%3D%2222%22 viewBox%3D%220 0 21 22%22 fill%3D%22none%22%3E%3Cg clip-path%3D%22url(%23clip0_1890_18131)%22%3E%3Cpath d%3D%22M8.69332 16.8057L11.7438 19.9557C11.931 20.1546 12.165 20.2994 12.4227 20.3759C12.6804 20.4523 12.9529 20.4575 13.2131 20.3911C13.475 20.3279 13.7169 20.196 13.9153 20.0078C14.1139 19.8197 14.2624 19.5818 14.3466 19.317L19.3561 3.741C19.4608 3.44916 19.4823 3.13231 19.4183 2.82812C19.3543 2.52391 19.2075 2.24518 18.9954 2.02502C18.7832 1.80486 18.5144 1.65255 18.2212 1.58619C17.9279 1.51983 17.6225 1.5422 17.3412 1.65066L2.32639 6.84747C2.06227 6.94106 1.82703 7.10613 1.64498 7.3256C1.46294 7.54507 1.3407 7.81099 1.29089 8.09587C1.23947 8.35498 1.25092 8.62327 1.32419 8.87665C1.39747 9.13002 1.53028 9.36055 1.71068 9.5475L5.54484 13.525L5.4189 18.5621L8.69332 16.8057Z%22 stroke%3D%22%23377FC4%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22/%3E%3Cpath d%3D%22M18.9085 1.96973L5.54492 13.5247%22 stroke%3D%22%23377FC4%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id%3D%22clip0_1890_18131%22%3E%3Crect width%3D%2219.6086%22 height%3D%2220.3415%22 fill%3D%22white%22 transform%3D%22translate(0.552734 0.823242)%22/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  width: 24.632px;
  height: 24.632px;
}
.custom-button-shade {
  border-radius: 20px;
  border: var(--primary-border);
  background: var(--text-true-white, #fff);
  /* inside textarea */
  box-shadow: 1px 1px 5px 0px rgba(31, 59, 96, 0.2) inset, -1px -3px 4px 0px rgba(116, 139, 157, 0.35) inset;
}
.share-icon {
  background-image: url("data:image/svg+xml,%3Csvg width%3D%2227%22 height%3D%2228%22 viewBox%3D%220 0 27 28%22 fill%3D%22none%22 xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath d%3D%22M13.2827 26.9534C20.1824 26.9534 25.7755 21.1513 25.7755 13.9938C25.7755 6.8364 20.1824 1.03418 13.2827 1.03418C6.38322 1.03418 0.790039 6.8364 0.790039 13.9938C0.790039 21.1513 6.38322 26.9534 13.2827 26.9534Z%22 stroke%3D%22%23377FC4%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22/%3E%3Cg clip-path%3D%22url(%23clip0_1890_18142)%22%3E%3Cpath d%3D%22M8.13566 16.2819C9.35398 16.2819 10.3416 15.2573 10.3416 13.9935C10.3416 12.7296 9.35398 11.7051 8.13566 11.7051C6.91733 11.7051 5.92969 12.7296 5.92969 13.9935C5.92969 15.2573 6.91733 16.2819 8.13566 16.2819Z%22 stroke%3D%22%23377FC4%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22/%3E%3Cpath d%3D%22M16.4692 20.6051C17.6874 20.6051 18.6751 19.5805 18.6751 18.3167C18.6751 17.0529 17.6874 16.0283 16.4692 16.0283C15.2509 16.0283 14.2632 17.0529 14.2632 18.3167C14.2632 19.5805 15.2509 20.6051 16.4692 20.6051Z%22 stroke%3D%22%23377FC4%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22/%3E%3Cpath d%3D%22M16.4692 11.9596C17.6874 11.9596 18.6751 10.9351 18.6751 9.67123C18.6751 8.40737 17.6874 7.38281 16.4692 7.38281C15.2509 7.38281 14.2632 8.40737 14.2632 9.67123C14.2632 10.9351 15.2509 11.9596 16.4692 11.9596Z%22 stroke%3D%22%23377FC4%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22/%3E%3Cpath d%3D%22M10.106 12.9769L14.4983 10.6885%22 stroke%3D%22%23377FC4%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22/%3E%3Cpath d%3D%22M10.106 15.0107L14.4983 17.2992%22 stroke%3D%22%23377FC4%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id%3D%22clip0_1890_18142%22%3E%3Crect width%3D%2213.726%22 height%3D%2214.239%22 fill%3D%22white%22 transform%3D%22translate(5.43945 6.87402)%22/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  width: 24.632px;
  height: 24.632px;
}
.perspectives-icon {
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="30" viewBox="0 0 32 30" fill="none"><path d="M11 19.6137C12.1852 18.0271 14.078 17 16.2108 17C17.729 17 19.1257 17.5205 20.232 18.3929" stroke="url(%23paint0_linear_2147_157759)" stroke-linecap="round" stroke-linejoin="round"/><path d="M17.4297 23.5714H8.85713C8.3646 23.5714 7.89222 23.3757 7.54394 23.0275C7.19566 22.6792 7 22.2068 7 21.7143V6.85715C7 6.3646 7.19566 5.89223 7.54394 5.54394C7.89222 5.19566 8.3646 5 8.85713 5H23.7143C24.2068 5 24.6792 5.19566 25.0276 5.54394C25.3758 5.89223 25.5715 6.3646 25.5715 6.85715V14.832" stroke="url(%23paint1_linear_2147_157759)" stroke-linecap="round" stroke-linejoin="round"/><path d="M15.7857 13.5714C17.3242 13.5714 18.5714 12.3242 18.5714 10.7857C18.5714 9.2472 17.3242 8 15.7857 8C14.2472 8 13 9.2472 13 10.7857C13 12.3242 14.2472 13.5714 15.7857 13.5714Z" stroke="url(%23paint2_linear_2147_157759)" stroke-linecap="round" stroke-linejoin="round"/><path d="M19.4147 22.5014C18.8618 22.4035 18.8618 21.5965 19.4147 21.4987C21.4177 21.1443 23.0108 19.5929 23.4455 17.5734L23.4788 17.4186C23.5985 16.863 24.3766 16.8595 24.5009 17.4141L24.5414 17.5945C24.9923 19.6045 26.5857 21.1427 28.5832 21.4961C29.1389 21.5944 29.1389 22.4056 28.5832 22.504C26.5857 22.8572 24.9923 24.3955 24.5414 26.4056L24.5009 26.586C24.3766 27.1405 23.5985 27.1371 23.4788 26.5813L23.4455 26.4266C23.0108 24.407 21.4177 22.8556 19.4147 22.5014Z" stroke="url(%23paint3_linear_2147_157759)" stroke-linecap="round" stroke-linejoin="round"/><defs><linearGradient id="paint0_linear_2147_157759" x1="15.616" y1="17" x2="15.616" y2="19.6137" gradientUnits="userSpaceOnUse"><stop stop-color="%23416F9A"/><stop offset="0.5" stop-color="%23294B6B"/><stop offset="1" stop-color="%23213D57"/></linearGradient><linearGradient id="paint1_linear_2147_157759" x1="16.2858" y1="5" x2="16.2858" y2="23.5714" gradientUnits="userSpaceOnUse"><stop stop-color="%23416F9A"/><stop offset="0.5" stop-color="%23294B6B"/><stop offset="1" stop-color="%23213D57"/></linearGradient><linearGradient id="paint2_linear_2147_157759" x1="15.7857" y1="8" x2="15.7857" y2="13.5714" gradientUnits="userSpaceOnUse"><stop stop-color="%23416F9A"/><stop offset="0.5" stop-color="%23294B6B"/><stop offset="1" stop-color="%23213D57"/></linearGradient><linearGradient id="paint3_linear_2147_157759" x1="24" y1="17" x2="24" y2="27" gradientUnits="userSpaceOnUse"><stop stop-color="%23416F9A"/><stop offset="0.5" stop-color="%23294B6B"/><stop offset="1" stop-color="%23213D57"/></linearGradient></defs></svg>');
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  width: 32px;
  height: 29px;
  flex-shrink: 0;
}
.edit-icon {
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none"><path d="M9 23.5L12.5 23L23 12.5L19.5 9L9 19.5V23.5Z" stroke="%2326a3e3" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M21 8L24 11" stroke="%2326a3e3" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M7 26H25" stroke="%2326a3e3" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  width: 29px;
  height: 29px;
  flex-shrink: 0;
}
.subject-icon {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2221%22 height=%2220%22 viewBox=%220 0 21 20%22 fill=%22none%22%3E%3Cg clip-path=%22url(%23clip0_2197_28811)%22%3E%3Cpath d=%22M11.8 19.4714C11.469 19.5991 11.1024 19.5991 10.7714 19.4714C8.1867 18.458 5.96733 16.6891 4.40269 14.3957C2.83806 12.1023 2.00077 9.3906 2 6.61429V2.42857C2 2.04969 2.15051 1.68633 2.41842 1.41842C2.68633 1.15051 3.04969 1 3.42857 1H19.1429C19.5217 1 19.8851 1.15051 20.153 1.41842C20.4209 1.68633 20.5714 2.04969 20.5714 2.42857V6.6C20.5736 9.37876 19.7376 12.0936 18.1727 14.3898C16.608 16.6861 14.387 18.457 11.8 19.4714Z%22 stroke=%22url(%23paint0_linear_2197_28811)%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E%3Cpath d=%22M5 15.1863C6.2803 13.2655 8.46629 12 10.9479 12C13.4294 12 15.6154 13.2655 16.8956 15.1863%22 stroke=%22url(%23paint1_linear_2197_28811)%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E%3Cpath d=%22M11.2143 10.4286C12.9895 10.4286 14.4286 8.98949 14.4286 7.21429C14.4286 5.43909 12.9895 4 11.2143 4C9.43909 4 8 5.43909 8 7.21429C8 8.98949 9.43909 10.4286 11.2143 10.4286Z%22 stroke=%22url(%23paint2_linear_2197_28811)%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E%3C/g%3E%3Cdefs%3E%3ClinearGradient id=%22paint0_linear_2197_28811%22 x1=%2211.2857%22 y1=%221%22 x2=%2211.2857%22 y2=%2219.5672%22 gradientUnits=%22userSpaceOnUse%22%3E%3Cstop stop-color=%22%23416F9A%22/%3E%3Cstop offset=%220.5%22 stop-color=%22%23294B6B%22/%3E%3Cstop offset=%221%22 stop-color=%22%23213D57%22/%3E%3C/linearGradient%3E%3ClinearGradient id=%22paint1_linear_2197_28811%22 x1=%2210.9478%22 y1=%2212%22 x2=%2210.9478%22 y2=%2215.1863%22 gradientUnits=%22userSpaceOnUse%22%3E%3Cstop stop-color=%22%23416F9A%22/%3E%3Cstop offset=%220.5%22 stop-color=%22%23294B6B%22/%3E%3Cstop offset=%221%22 stop-color=%22%23213D57%22/%3E%3C/linearGradient%3E%3ClinearGradient id=%22paint2_linear_2197_28811%22 x1=%2211.2143%22 y1=%224%22 x2=%2211.2143%22 y2=%2210.4286%22 gradientUnits=%22userSpaceOnUse%22%3E%3Cstop stop-color=%22%23416F9A%22/%3E%3Cstop offset=%220.5%22 stop-color=%22%23294B6B%22/%3E%3Cstop offset=%221%22 stop-color=%22%23213D57%22/%3E%3C/linearGradient%3E%3CclipPath id=%22clip0_2197_28811%22%3E%3Crect width=%2221%22 height=%2220%22 fill=%22white%22/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  width: 21px;
  height: 26px;
}
.user-profile-role-icon {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2222%22%20height%3D%2222%22%20viewBox%3D%220%200%2022%2022%22%20fill%3D%22none%22%3E%3Cg%20clip-path%3D%22url%28%23clip0_2214_132804%29%22%3E%3Cpath%20d%3D%22M10.9286%2012.8571C13.0983%2012.8571%2014.8571%2011.0983%2014.8571%208.92857C14.8571%206.75888%2013.0983%205%2010.9286%205C8.75888%205%207%206.75888%207%208.92857C7%2011.0983%208.75888%2012.8571%2010.9286%2012.8571Z%22%20stroke%3D%22url%28%23paint0_linear_2214_132804%29%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M5%2018.7693C5.70123%2017.6183%206.68679%2016.6669%207.8619%2016.0069C9.03702%2015.3467%2010.3622%2015%2011.71%2015C13.0578%2015%2014.383%2015.3467%2015.5581%2016.0069C16.7333%2016.6669%2017.7187%2017.6183%2018.42%2018.7693%22%20stroke%3D%22url%28%23paint1_linear_2214_132804%29%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M11.2143%2021.4286C16.8556%2021.4286%2021.4286%2016.8556%2021.4286%2011.2143C21.4286%205.57309%2016.8556%201%2011.2143%201C5.57309%201%201%205.57309%201%2011.2143C1%2016.8556%205.57309%2021.4286%2011.2143%2021.4286Z%22%20stroke%3D%22url%28%23paint2_linear_2214_132804%29%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22paint0_linear_2214_132804%22%20x1%3D%2210.9286%22%20y1%3D%225%22%20x2%3D%2210.9286%22%20y2%3D%2212.8571%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23416F9A%22%2F%3E%3Cstop%20offset%3D%220.5%22%20stop-color%3D%22%23294B6B%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23213D57%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22paint1_linear_2214_132804%22%20x1%3D%2211.71%22%20y1%3D%2215%22%20x2%3D%2211.71%22%20y2%3D%2218.7693%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23416F9A%22%2F%3E%3Cstop%20offset%3D%220.5%22%20stop-color%3D%22%23294B6B%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23213D57%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22paint2_linear_2214_132804%22%20x1%3D%2211.2143%22%20y1%3D%221%22%20x2%3D%2211.2143%22%20y2%3D%2221.4286%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23416F9A%22%2F%3E%3Cstop%20offset%3D%220.5%22%20stop-color%3D%22%23294B6B%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23213D57%22%2F%3E%3C%2FlinearGradient%3E%3CclipPath%20id%3D%22clip0_2214_132804%22%3E%3Crect%20width%3D%2222%22%20height%3D%2222%22%20fill%3D%22white%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  width: 22px;
  height: 22px;
}
.Armillary-icon {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2249%22%20height%3D%2249%22%20viewBox%3D%220%200%2049%2049%22%20fill%3D%22none%22%3E%3Cg%20filter%3D%22url(%23filter0_dd_769_101985)%22%3E%3Crect%20x%3D%223.44897%22%20y%3D%222.5%22%20width%3D%2240%22%20height%3D%2240%22%20rx%3D%2220%22%20fill%3D%22white%22%20shape-rendering%3D%22crispEdges%22/%3E%3Crect%20x%3D%224.44897%22%20y%3D%223.5%22%20width%3D%2238%22%20height%3D%2238%22%20rx%3D%2219%22%20stroke%3D%22white%22%20stroke-width%3D%222%22%20shape-rendering%3D%22crispEdges%22/%3E%3Cg%20filter%3D%22url(%23filter1_ii_769_101985)%22%3E%3Crect%20x%3D%223.44897%22%20y%3D%222.5%22%20width%3D%2240%22%20height%3D%2240%22%20rx%3D%2220%22%20fill%3D%22white%22/%3E%3C/g%3E%3Crect%20x%3D%224.44897%22%20y%3D%223.5%22%20width%3D%2238%22%20height%3D%2238%22%20rx%3D%2219%22%20stroke%3D%22white%22%20stroke-width%3D%222%22/%3E%3Cpath%20d%3D%22M23.2472%2032.5565C28.8901%2032.5565%2033.4644%2028.0921%2033.4644%2022.5849C33.4644%2017.0777%2028.8901%2012.6133%2023.2472%2012.6133C17.6044%2012.6133%2013.03%2017.0777%2013.03%2022.5849C13.03%2028.0921%2017.6044%2032.5565%2023.2472%2032.5565Z%22%20stroke%3D%22%23377FC4%22%20stroke-width%3D%221.2%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3Cpath%20d%3D%22M17.1066%2018.082C18.9628%2018.082%2020.4884%2016.6104%2020.4884%2014.7695C20.4884%2012.9287%2018.9628%2011.457%2017.1066%2011.457C15.2505%2011.457%2013.7249%2012.9287%2013.7249%2014.7695C13.7249%2016.6104%2015.2505%2018.082%2017.1066%2018.082Z%22%20fill%3D%22%23377FC4%22%20stroke%3D%22white%22/%3E%3Cpath%20d%3D%22M23.3503%2027.4609C26.2675%2027.4609%2028.6533%2025.1498%2028.6533%2022.2734C28.6533%2019.3971%2026.2675%2017.0859%2023.3503%2017.0859C20.4331%2017.0859%2018.0474%2019.3971%2018.0474%2022.2734C18.0474%2025.1498%2020.4331%2027.4609%2023.3503%2027.4609Z%22%20fill%3D%22%23377FC4%22%20stroke%3D%22white%22/%3E%3C/g%3E%3Cdefs%3E%3Cfilter%20id%3D%22filter0_dd_769_101985%22%20x%3D%220.448975%22%20y%3D%220.5%22%20width%3D%2248%22%20height%3D%2248%22%20filterUnits%3D%22userSpaceOnUse%22%20color-interpolation-filters%3D%22sRGB%22%3E%3CfeFlood%20flood-opacity%3D%220%22%20result%3D%22BackgroundImageFix%22/%3E%3CfeColorMatrix%20in%3D%22SourceAlpha%22%20type%3D%22matrix%22%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200%22%20result%3D%22hardAlpha%22/%3E%3CfeMorphology%20radius%3D%221%22%20operator%3D%22erode%22%20in%3D%22SourceAlpha%22%20result%3D%22effect1_dropShadow_769_101985%22/%3E%3CfeOffset%20dx%3D%221%22%20dy%3D%222%22/%3E%3CfeGaussianBlur%20stdDeviation%3D%222.5%22/%3E%3CfeComposite%20in2%3D%22hardAlpha%22%20operator%3D%22out%22/%3E%3CfeColorMatrix%20type%3D%22matrix%22%20values%3D%220%200%200%200%200.290196%200%200%200%200%200.392157%200%200%200%200%200.494118%200%200%200%200.3%200%22/%3E%3CfeBlend%20mode%3D%22normal%22%20in2%3D%22BackgroundImageFix%22%20result%3D%22effect1_dropShadow_769_101985%22/%3E%3CfeColorMatrix%20in%3D%22SourceAlpha%22%20type%3D%22matrix%22%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200%22%20result%3D%22hardAlpha%22/%3E%3CfeOffset%20dy%3D%221%22/%3E%3CfeGaussianBlur%20stdDeviation%3D%220.5%22/%3E%3CfeComposite%20in2%3D%22hardAlpha%22%20operator%3D%22out%22/%3E%3CfeColorMatrix%20type%3D%22matrix%22%20values%3D%220%200%200%200%200.0235294%200%200%200%200%200.172549%200%200%200%200%200.345098%200%200%200%200.1%200%22/%3E%3CfeBlend%20mode%3D%22normal%22%20in2%3D%22effect1_dropShadow_769_101985%22%20result%3D%22effect2_dropShadow_769_101985%22/%3E%3CfeBlend%20mode%3D%22normal%22%20in%3D%22SourceGraphic%22%20in2%3D%22effect2_dropShadow_769_101985%22%20result%3D%22shape%22/%3E%3C/filter%3E%3Cfilter%20id%3D%22filter1_ii_769_101985%22%20x%3D%222.44897%22%20y%3D%22-0.5%22%20width%3D%2242%22%20height%3D%2244%22%20filterUnits%3D%22userSpaceOnUse%22%20color-interpolation-filters%3D%22sRGB%22%3E%3CfeFlood%20flood-opacity%3D%220%22%20result%3D%22BackgroundImageFix%22/%3E%3CfeBlend%20mode%3D%22normal%22%20in%3D%22SourceGraphic%22%20in2%3D%22BackgroundImageFix%22%20result%3D%22shape%22/%3E%3CfeColorMatrix%20in%3D%22SourceAlpha%22%20type%3D%22matrix%22%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200%22%20result%3D%22hardAlpha%22/%3E%3CfeOffset%20dx%3D%22-1%22%20dy%3D%22-3%22/%3E%3CfeGaussianBlur%20stdDeviation%3D%222%22/%3E%3CfeComposite%20in2%3D%22hardAlpha%22%20operator%3D%22arithmetic%22%20k2%3D%22-1%22%20k3%3D%221%22/%3E%3CfeColorMatrix%20type%3D%22matrix%22%20values%3D%220%200%200%200%200.454545%200%200%200%200%200.544866%200%200%200%200%200.617122%200%200%200%200.35%200%22/%3E%3CfeBlend%20mode%3D%22normal%22%20in2%3D%22shape%22%20result%3D%22effect1_innerShadow_769_101985%22/%3E%3CfeColorMatrix%20in%3D%22SourceAlpha%22%20type%3D%22matrix%22%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200%22%20result%3D%22hardAlpha%22/%3E%3CfeOffset%20dx%3D%221%22%20dy%3D%221%22/%3E%3CfeGaussianBlur%20stdDeviation%3D%222.5%22/%3E%3CfeComposite%20in2%3D%22hardAlpha%22%20operator%3D%22arithmetic%22%20k2%3D%22-1%22%20k3%3D%221%22/%3E%3CfeColorMatrix%20type%3D%22matrix%22%20values%3D%220%200%200%200%200.121569%200%200%200%200%200.231373%200%200%200%200%200.376471%200%200%200%200.2%200%22/%3E%3CfeBlend%20mode%3D%22normal%22%20in2%3D%22effect1_innerShadow_769_101985%22%20result%3D%22effect2_innerShadow_769_101985%22/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E");
  background-size: 37px 37px;
  background-repeat: no-repeat;
  display: inline-block;
  width: 40px;
  height: 40px;
}
.Armillary-icon-filled {
  width: 40px;
  height: 40px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A//www.w3.org/2000/svg%22 width%3D%2241%22 height%3D%2241%22 viewBox%3D%220%200%2041%2041%22 fill%3D%22none%22%3E%3Crect x%3D%221.44897%22 y%3D%221.5%22 width%3D%2238%22 height%3D%2238%22 rx%3D%2219%22 fill%3D%22white%22/%3E%3Crect x%3D%221.44897%22 y%3D%221.5%22 width%3D%2238%22 height%3D%2238%22 rx%3D%2219%22 stroke%3D%22white%22 stroke-width%3D%222%22/%3E%3Cg filter%3D%22url(%23filter0_ii_1222_100567)%22%3E%3Crect x%3D%220.448975%22 y%3D%220.5%22 width%3D%2240%22 height%3D%2240%22 rx%3D%2220%22 fill%3D%22url(%23paint0_linear_1222_100567)%22/%3E%3C/g%3E%3Crect x%3D%221.44897%22 y%3D%221.5%22 width%3D%2238%22 height%3D%2238%22 rx%3D%2219%22 stroke%3D%22white%22 stroke-width%3D%222%22/%3E%3Cpath d%3D%22M20.6662%2031.0994C26.3091%2031.0994%2030.8834%2026.6351%2030.8834%2021.1278C30.8834%2015.6207%2026.3091%2011.1562%2020.6662%2011.1562C15.0234%2011.1562%2010.449%2015.6207%2010.449%2021.1278C10.449%2026.6351%2015.0234%2031.0994%2020.6662%2031.0994Z%22 stroke%3D%22white%22 stroke-width%3D%221.2%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22/%3E%3Cellipse cx%3D%2214.5256%22 cy%3D%2213.3125%22 rx%3D%222.88177%22 ry%3D%222.8125%22 fill%3D%22white%22/%3E%3Cellipse cx%3D%2220.7693%22 cy%3D%2220.8164%22 rx%3D%224.80296%22 ry%3D%224.6875%22 fill%3D%22white%22/%3E%3Cdefs%3E%3Cfilter id%3D%22filter0_ii_1222_100567%22 x%3D%22-0.551025%22 y%3D%22-2.5%22 width%3D%2242%22 height%3D%2244%22 filterUnits%3D%22userSpaceOnUse%22 color-interpolation-filters%3D%22sRGB%22%3E%3CfeFlood flood-opacity%3D%220%22 result%3D%22BackgroundImageFix%22/%3E%3CfeBlend mode%3D%22normal%22 in%3D%22SourceGraphic%22 in2%3D%22BackgroundImageFix%22 result%3D%22shape%22/%3E%3CfeColorMatrix in%3D%22SourceAlpha%22 type%3D%22matrix%22 values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200%22 result%3D%22hardAlpha%22/%3E%3CfeOffset dx%3D%22-1%22 dy%3D%22-3%22/%3E%3CfeGaussianBlur stdDeviation%3D%222%22/%3E%3CfeComposite in2%3D%22hardAlpha%22 operator%3D%22arithmetic%22 k2%3D%22-1%22 k3%3D%221%22/%3E%3CfeColorMatrix type%3D%22matrix%22 values%3D%220%200%200%200%200.454545%200%200%200%200%200.544866%200%200%200%200%200.617122%200%200%200%200.35%200%22/%3E%3CfeBlend mode%3D%22normal%22 in2%3D%22shape%22 result%3D%22effect1_innerShadow_1222_100567%22/%3E%3CfeColorMatrix in%3D%22SourceAlpha%22 type%3D%22matrix%22 values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200%22 result%3D%22hardAlpha%22/%3E%3CfeOffset dx%3D%221%22 dy%3D%221%22/%3E%3CfeGaussianBlur stdDeviation%3D%222.5%22/%3E%3CfeComposite in2%3D%22hardAlpha%22 operator%3D%22arithmetic%22 k2%3D%22-1%22 k3%3D%221%22/%3E%3CfeColorMatrix type%3D%22matrix%22 values%3D%220%200%200%200%200.121569%200%200%200%200%200.231373%200%200%200%200%200.376471%200%200%200%200.2%200%22/%3E%3CfeBlend mode%3D%22normal%22 in2%3D%22effect1_innerShadow_1222_100567%22 result%3D%22effect2_innerShadow_1222_100567%22/%3E%3C/filter%3E%3ClinearGradient id%3D%22paint0_linear_1222_100567%22 x1%3D%2223.449%22 y1%3D%2236.5%22 x2%3D%2221.949%22 y2%3D%225.5%22 gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop stop-color%3D%22%2336B6F9%22/%3E%3Cstop offset%3D%221%22 stop-color%3D%22%23377FC4%22/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
}
.Atlas-icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2241%22 height%3D%2241%22 viewBox%3D%220%200%2041%2041%22 fill%3D%22none%22%3E%3Crect x%3D%221.44897%22 y%3D%221.5%22 width%3D%2238%22 height%3D%2238%22 rx%3D%2219%22 fill%3D%22white%22%2F%3E%3Crect x%3D%221.44897%22 y%3D%221.5%22 width%3D%2238%22 height%3D%2238%22 rx%3D%2219%22 stroke%3D%22%23E0E0E0%22 stroke-width%3D%222%22%2F%3E%3Cpath d%3D%22M9.75751 20.8408L14.1325 16.4658V25.2158L9.75751 20.8408Z%22 stroke%3D%22%23377FC4%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Cpath d%3D%22M32.0399 20.8408L27.6649 16.4658V25.2158L32.0399 20.8408Z%22 stroke%3D%22%23377FC4%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Cpath d%3D%22M17.5772 18.3496H24.2202%22 stroke%3D%22%23377FC4%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Cpath d%3D%22M17.5772 23.332H24.2202%22 stroke%3D%22%23377FC4%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Cpath d%3D%22M20.8989 31.9814L16.5239 27.6064H25.2739L20.8989 31.9814Z%22 stroke%3D%22%23377FC4%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Cpath d%3D%22M20.8987 9.69922L16.5237 14.0742H25.2736L20.8987 9.69922Z%22 stroke%3D%22%23377FC4%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  width: 40px;
  height: 40px;
}
@media (max-width: 500px) {
  .Atlas-icon {
    margin-top: 0.7rem;
  }
}
.Atlas-icon-filled {
  width: 40px;
  height: 40px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2241%22 height%3D%2241%22 viewBox%3D%220%200%2041%2041%22 fill%3D%22none%22%3E%3Crect x%3D%221.44897%22 y%3D%221.5%22 width%3D%2238%22 height%3D%2238%22 rx%3D%2219%22 fill%3D%22white%22%2F%3E%3Crect x%3D%221.44897%22 y%3D%221.5%22 width%3D%2238%22 height%3D%2238%22 rx%3D%2219%22 stroke%3D%22white%22 stroke-width%3D%222%22%2F%3E%3Cg filter%3D%22url(%23filter0_ii_2573_6625)%22%3E%3Crect x%3D%220.448975%22 y%3D%220.5%22 width%3D%2240%22 height%3D%2240%22 rx%3D%2220%22 fill%3D%22url(%23paint0_linear_2573_6625)%22%2F%3E%3C%2Fg%3E%3Crect x%3D%221.44897%22 y%3D%221.5%22 width%3D%2238%22 height%3D%2238%22 rx%3D%2219%22 stroke%3D%22white%22 stroke-width%3D%222%22%2F%3E%3Cpath d%3D%22M9.75751%2020.8408L14.1325%2016.4658V25.2158L9.75751%2020.8408Z%22 stroke%3D%22white%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Cpath d%3D%22M32.0399%2020.8408L27.6649%2016.4658V25.2158L32.0399%2020.8408Z%22 stroke%3D%22white%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Cpath d%3D%22M17.5772%2018.3496H24.2202%22 stroke%3D%22white%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Cpath d%3D%22M17.5772%2023.332H24.2202%22 stroke%3D%22white%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Cpath d%3D%22M20.8989%2031.9814L16.5239%2027.6064H25.2739L20.8989%2031.9814Z%22 stroke%3D%22white%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Cpath d%3D%22M20.8987%209.69922L16.5237%2014.0742H25.2736L20.8987%209.69922Z%22 stroke%3D%22white%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Cdefs%3E%3Cfilter id%3D%22filter0_ii_2573_6625%22 x%3D%22-0.551025%22 y%3D%22-2.5%22 width%3D%2242%22 height%3D%2244%22 filterUnits%3D%22userSpaceOnUse%22 color-interpolation-filters%3D%22sRGB%22%3E%3CfeFlood flood-opacity%3D%220%22 result%3D%22BackgroundImageFix%22%2F%3E%3CfeBlend mode%3D%22normal%22 in%3D%22SourceGraphic%22 in2%3D%22BackgroundImageFix%22 result%3D%22shape%22%2F%3E%3CfeColorMatrix in%3D%22SourceAlpha%22 type%3D%22matrix%22 values%3D%220 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0%22 result%3D%22hardAlpha%22%2F%3E%3CfeOffset dx%3D%22-1%22 dy%3D%22-3%22%2F%3E%3CfeGaussianBlur stdDeviation%3D%222%22%2F%3E%3CfeComposite in2%3D%22hardAlpha%22 operator%3D%22arithmetic%22 k2%3D%22-1%22 k3%3D%221%22%2F%3E%3CfeColorMatrix type%3D%22matrix%22 values%3D%220 0 0 0 0.454545 0 0 0 0 0.544866 0 0 0 0 0.617122 0 0 0 0.35 0%22%2F%3E%3CfeBlend mode%3D%22normal%22 in2%3D%22shape%22 result%3D%22effect1_innerShadow_2573_6625%22%2F%3E%3CfeColorMatrix in%3D%22SourceAlpha%22 type%3D%22matrix%22 values%3D%220 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0%22 result%3D%22hardAlpha%22%2F%3E%3CfeOffset dx%3D%221%22 dy%3D%221%22%2F%3E%3CfeGaussianBlur stdDeviation%3D%222.5%22%2F%3E%3CfeComposite in2%3D%22hardAlpha%22 operator%3D%22arithmetic%22 k2%3D%22-1%22 k3%3D%221%22%2F%3E%3CfeColorMatrix type%3D%22matrix%22 values%3D%220 0 0 0 0.121569 0 0 0 0 0.231373 0 0 0 0 0.376471 0 0 0 0.2 0%22%2F%3E%3CfeBlend mode%3D%22normal%22 in2%3D%22effect1_innerShadow_2573_6625%22 result%3D%22effect2_innerShadow_2573_6625%22%2F%3E%3C%2Ffilter%3E%3ClinearGradient id%3D%22paint0_linear_2573_6625%22 x1%3D%2223.449%22 y1%3D%2236.5%22 x2%3D%2221.949%22 y2%3D%225.5%22 gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop stop-color%3D%22%2336B6F9%22%2F%3E%3Cstop offset%3D%221%22 stop-color%3D%22%23377FC4%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3C%2Fsvg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
}
@media (max-width: 500px) {
  .Atlas-icon-filled {
    margin-top: 0.7rem;
  }
}
.Calendar-icon {
  background-image: url('data:image/svg+xml,<svg width="49" height="49" viewBox="0 0 49 49" fill="none" xmlns="http://www.w3.org/2000/svg"><g filter="url(%23filter0_dd_795_105433)"><rect x="3.44897" y="2.5" width="40" height="40" rx="20" fill="white" shape-rendering="crispEdges"/><rect x="4.44897" y="3.5" width="38" height="38" rx="19" stroke="white" stroke-width="2" shape-rendering="crispEdges"/><g filter="url(%23filter1_ii_795_105433)"><rect x="3.44897" y="2.5" width="40" height="40" rx="20" fill="white"/></g><rect x="4.44897" y="3.5" width="38" height="38" rx="19" stroke="white" stroke-width="2"/><g clip-path="url(%23clip0_795_105433)"><rect width="19" height="19" transform="translate(14.449 11.5)" fill="white"/><path d="M16.4836 14.2188C16.1237 14.2188 15.7785 14.3617 15.524 14.6162C15.2694 14.8708 15.1265 15.216 15.1265 15.5759L15.1265 28.4687C15.1265 28.8287 15.2694 29.1739 15.524 29.4284C15.7785 29.6828 16.1237 29.8259 16.4836 29.8259L31.4122 29.8259C31.7721 29.8259 32.1173 29.6828 32.3718 29.4284C32.6263 29.1739 32.7693 28.8287 32.7693 28.4687L32.7693 15.5759C32.7693 15.216 32.6263 14.8708 32.3718 14.6162C32.1173 14.3617 31.7721 14.2188 31.4122 14.2188L28.6979 14.2188" stroke="%23377FC4" stroke-width="1.15" stroke-linecap="round" stroke-linejoin="round"/><path d="M19.2 12.1816L19.2 16.2531" stroke="%23377FC4" stroke-width="1.15" stroke-linecap="round" stroke-linejoin="round"/><path d="M28.6986 12.1816L28.6986 16.2531" stroke="%23377FC4" stroke-width="1.15" stroke-linecap="round" stroke-linejoin="round"/><path d="M19.2 14.2188L25.9857 14.2188" stroke="%23377FC4" stroke-width="1.15" stroke-linecap="round" stroke-linejoin="round"/><path d="M24.2874 17.8191L25.4228 20.1032C25.4482 20.1609 25.4885 20.2109 25.5395 20.248C25.5905 20.2851 25.6505 20.3081 25.7133 20.3144L28.2349 20.6973C28.307 20.7066 28.375 20.7364 28.4307 20.7829C28.4866 20.8295 28.528 20.891 28.5502 20.9602C28.5723 21.0295 28.5743 21.1036 28.5559 21.1739C28.5375 21.2443 28.4994 21.3079 28.4462 21.3574L26.5846 23.1265C26.5569 23.1795 26.5424 23.2384 26.5424 23.2981C26.5424 23.3579 26.5569 23.4168 26.5846 23.4698L26.9411 25.9783C26.9563 26.0508 26.9501 26.1261 26.9234 26.1952C26.8966 26.2642 26.8504 26.3241 26.7903 26.3674C26.7302 26.4107 26.6588 26.4356 26.5848 26.4393C26.5108 26.4428 26.4374 26.4248 26.3734 26.3875L24.129 25.1993C24.0709 25.1731 24.0079 25.1595 23.9441 25.1595C23.8804 25.1595 23.8174 25.1731 23.7593 25.1993L21.5149 26.3875C21.4509 26.4248 21.3775 26.4428 21.3035 26.4393C21.2295 26.4356 21.1581 26.4107 21.098 26.3674C21.0379 26.3241 20.9917 26.2642 20.9649 26.1952C20.9381 26.1261 20.932 26.0508 20.9472 25.9783L21.3697 23.4698C21.3878 23.4116 21.3913 23.3497 21.3798 23.2898C21.3683 23.23 21.3421 23.1738 21.3037 23.1265L19.4421 21.3442C19.3927 21.2942 19.3581 21.2315 19.342 21.1631C19.3258 21.0947 19.3288 21.0232 19.3506 20.9564C19.3725 20.8895 19.4122 20.83 19.4656 20.7843C19.519 20.7386 19.584 20.7085 19.6534 20.6973L22.175 20.3276C22.2378 20.3212 22.2978 20.2984 22.3488 20.2612C22.3998 20.2241 22.4401 20.1741 22.4655 20.1164L23.6009 17.8324C23.6313 17.7677 23.6791 17.7128 23.7391 17.6739C23.799 17.6351 23.8686 17.6137 23.94 17.6124C24.0115 17.611 24.0819 17.6296 24.1432 17.6662C24.2046 17.7027 24.2546 17.7557 24.2874 17.8191Z" stroke="%23377FC4" stroke-width="1.15" stroke-linecap="round" stroke-linejoin="round"/></g></g><defs><filter id="filter0_dd_795_105433" x="0.448975" y="0.5" width="48" height="48" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feMorphology radius="1" operator="erode" in="SourceAlpha" result="effect1_dropShadow_795_105433"/><feOffset dx="1" dy="2"/><feGaussianBlur stdDeviation="2.5"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix type="matrix" values="0 0 0 0 0.290196 0 0 0 0 0.392157 0 0 0 0 0.494118 0 0 0 0.3 0"/><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_795_105433"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dy="1"/><feGaussianBlur stdDeviation="0.5"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix type="matrix" values="0 0 0 0 0.0235294 0 0 0 0 0.172549 0 0 0 0 0.345098 0 0 0 0.1 0"/><feBlend mode="normal" in2="effect1_dropShadow_795_105433" result="effect2_dropShadow_795_105433"/><feBlend mode="normal" in="SourceGraphic" in2="effect2_dropShadow_795_105433" result="shape"/></filter><filter id="filter1_ii_795_105433" x="2.44897" y="-0.5" width="42" height="44" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dx="-1" dy="-3"/><feGaussianBlur stdDeviation="2"/><feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/><feColorMatrix type="matrix" values="0 0 0 0 0.454545 0 0 0 0 0.544866 0 0 0 0 0.617122 0 0 0 0.35 0"/><feBlend mode="normal" in2="shape" result="effect1_innerShadow_795_105433"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dx="1" dy="1"/><feGaussianBlur stdDeviation="2.5"/><feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/><feColorMatrix type="matrix" values="0 0 0 0 0.121569 0 0 0 0 0.231373 0 0 0 0 0.376471 0 0 0 0.2 0"/><feBlend mode="normal" in2="effect1_innerShadow_795_105433" result="effect2_innerShadow_795_105433"/></filter><clipPath id="clip0_795_105433"><rect width="19" height="19" fill="white" transform="translate(14.449 11.5)"/></clipPath></defs></svg> ');
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  width: 40px;
  height: 40px;
}
.Calendar-icon-filled {
  width: 40px;
  height: 40px;
  background-image: url('data:image/svg+xml,<svg width="49" height="49" viewBox="0 0 49 49" fill="none" xmlns="http://www.w3.org/2000/svg"><g filter="url(%23filter0_dd_795_105433)"><rect x="3.44897" y="2.5" width="40" height="40" rx="20" fill="white" shape-rendering="crispEdges"/><rect x="4.44897" y="3.5" width="38" height="38" rx="19" stroke="white" stroke-width="2" shape-rendering="crispEdges"/><g filter="url(%23filter1_ii_795_105433)"><rect x="3.44897" y="2.5" width="40" height="40" rx="20" fill="white"/></g><rect x="4.44897" y="3.5" width="38" height="38" rx="19" stroke="white" stroke-width="2"/><g clip-path="url(%23clip0_795_105433)"><rect width="19" height="19" transform="translate(14.449 11.5)" fill="white"/><path d="M16.4836 14.2188C16.1237 14.2188 15.7785 14.3617 15.524 14.6162C15.2694 14.8708 15.1265 15.216 15.1265 15.5759L15.1265 28.4687C15.1265 28.8287 15.2694 29.1739 15.524 29.4284C15.7785 29.6828 16.1237 29.8259 16.4836 29.8259L31.4122 29.8259C31.7721 29.8259 32.1173 29.6828 32.3718 29.4284C32.6263 29.1739 32.7693 28.8287 32.7693 28.4687L32.7693 15.5759C32.7693 15.216 32.6263 14.8708 32.3718 14.6162C32.1173 14.3617 31.7721 14.2188 31.4122 14.2188L28.6979 14.2188" stroke="%23377FC4" stroke-width="1.15" stroke-linecap="round" stroke-linejoin="round"/><path d="M19.2 12.1816L19.2 16.2531" stroke="%23377FC4" stroke-width="1.15" stroke-linecap="round" stroke-linejoin="round"/><path d="M28.6986 12.1816L28.6986 16.2531" stroke="%23377FC4" stroke-width="1.15" stroke-linecap="round" stroke-linejoin="round"/><path d="M19.2 14.2188L25.9857 14.2188" stroke="%23377FC4" stroke-width="1.15" stroke-linecap="round" stroke-linejoin="round"/><path d="M24.2874 17.8191L25.4228 20.1032C25.4482 20.1609 25.4885 20.2109 25.5395 20.248C25.5905 20.2851 25.6505 20.3081 25.7133 20.3144L28.2349 20.6973C28.307 20.7066 28.375 20.7364 28.4307 20.7829C28.4866 20.8295 28.528 20.891 28.5502 20.9602C28.5723 21.0295 28.5743 21.1036 28.5559 21.1739C28.5375 21.2443 28.4994 21.3079 28.4462 21.3574L26.5846 23.1265C26.5569 23.1795 26.5424 23.2384 26.5424 23.2981C26.5424 23.3579 26.5569 23.4168 26.5846 23.4698L26.9411 25.9783C26.9563 26.0508 26.9501 26.1261 26.9234 26.1952C26.8966 26.2642 26.8504 26.3241 26.7903 26.3674C26.7302 26.4107 26.6588 26.4356 26.5848 26.4393C26.5108 26.4428 26.4374 26.4248 26.3734 26.3875L24.129 25.1993C24.0709 25.1731 24.0079 25.1595 23.9441 25.1595C23.8804 25.1595 23.8174 25.1731 23.7593 25.1993L21.5149 26.3875C21.4509 26.4248 21.3775 26.4428 21.3035 26.4393C21.2295 26.4356 21.1581 26.4107 21.098 26.3674C21.0379 26.3241 20.9917 26.2642 20.9649 26.1952C20.9381 26.1261 20.932 26.0508 20.9472 25.9783L21.3697 23.4698C21.3878 23.4116 21.3913 23.3497 21.3798 23.2898C21.3683 23.23 21.3421 23.1738 21.3037 23.1265L19.4421 21.3442C19.3927 21.2942 19.3581 21.2315 19.342 21.1631C19.3258 21.0947 19.3288 21.0232 19.3506 20.9564C19.3725 20.8895 19.4122 20.83 19.4656 20.7843C19.519 20.7386 19.584 20.7085 19.6534 20.6973L22.175 20.3276C22.2378 20.3212 22.2978 20.2984 22.3488 20.2612C22.3998 20.2241 22.4401 20.1741 22.4655 20.1164L23.6009 17.8324C23.6313 17.7677 23.6791 17.7128 23.7391 17.6739C23.799 17.6351 23.8686 17.6137 23.94 17.6124C24.0115 17.611 24.0819 17.6296 24.1432 17.6662C24.2046 17.7027 24.2546 17.7557 24.2874 17.8191Z" stroke="%23377FC4" stroke-width="1.15" stroke-linecap="round" stroke-linejoin="round"/></g></g><defs><filter id="filter0_dd_795_105433" x="0.448975" y="0.5" width="48" height="48" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feMorphology radius="1" operator="erode" in="SourceAlpha" result="effect1_dropShadow_795_105433"/><feOffset dx="1" dy="2"/><feGaussianBlur stdDeviation="2.5"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix type="matrix" values="0 0 0 0 0.290196 0 0 0 0 0.392157 0 0 0 0 0.494118 0 0 0 0.3 0"/><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_795_105433"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dy="1"/><feGaussianBlur stdDeviation="0.5"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix type="matrix" values="0 0 0 0 0.0235294 0 0 0 0 0.172549 0 0 0 0 0.345098 0 0 0 0.1 0"/><feBlend mode="normal" in2="effect1_dropShadow_795_105433" result="effect2_dropShadow_795_105433"/><feBlend mode="normal" in="SourceGraphic" in2="effect2_dropShadow_795_105433" result="shape"/></filter><filter id="filter1_ii_795_105433" x="2.44897" y="-0.5" width="42" height="44" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dx="-1" dy="-3"/><feGaussianBlur stdDeviation="2"/><feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/><feColorMatrix type="matrix" values="0 0 0 0 0.454545 0 0 0 0 0.544866 0 0 0 0 0.617122 0 0 0 0.35 0"/><feBlend mode="normal" in2="shape" result="effect1_innerShadow_795_105433"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dx="1" dy="1"/><feGaussianBlur stdDeviation="2.5"/><feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/><feColorMatrix type="matrix" values="0 0 0 0 0.121569 0 0 0 0 0.231373 0 0 0 0 0.376471 0 0 0 0.2 0"/><feBlend mode="normal" in2="effect1_innerShadow_795_105433" result="effect2_innerShadow_795_105433"/></filter><clipPath id="clip0_795_105433"><rect width="19" height="19" fill="white" transform="translate(14.449 11.5)"/></clipPath></defs></svg> ');
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
}
.Message-icon {
  background-image: url('data:image/svg+xml,<svg width="49" height="49" viewBox="0 0 49 49" fill="none" xmlns="http://www.w3.org/2000/svg"><g filter="url(%23filter0_dd_795_105446)"><rect x="3.44897" y="2.5" width="40" height="40" rx="20" fill="white" shape-rendering="crispEdges"/><rect x="4.44897" y="3.5" width="38" height="38" rx="19" stroke="white" stroke-width="2" shape-rendering="crispEdges"/><g filter="url(%23filter1_ii_795_105446)"><rect x="3.44897" y="2.5" width="40" height="40" rx="20" fill="white"/></g><rect x="4.44897" y="3.5" width="38" height="38" rx="19" stroke="white" stroke-width="2"/><g clip-path="url(%23clip0_795_105446)"><path d="M22.2019 13.4531C20.7221 13.6664 19.3194 14.2547 18.1239 15.1636C16.9284 16.0726 15.9788 17.2726 15.3632 18.6525C14.7476 20.0324 14.4859 21.5474 14.6023 23.0571C14.7187 24.5668 15.2096 26.0223 16.0293 27.2886L14.5408 31.3561L19.5253 30.4431C20.807 31.079 22.2214 31.392 23.6481 31.3553C25.0748 31.3186 26.4717 30.9336 27.7199 30.2327C28.9683 29.5318 30.031 28.5357 30.8178 27.3294C31.6046 26.1231 32.0922 24.7422 32.2393 23.304" stroke="%23377FC4" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"/><path d="M28.8806 20.2888C30.7662 20.2888 32.2946 18.7402 32.2946 16.83C32.2946 14.9197 30.7662 13.3711 28.8806 13.3711C26.9951 13.3711 25.4666 14.9197 25.4666 16.83C25.4666 18.7402 26.9951 20.2888 28.8806 20.2888Z" fill="%23A52255" stroke="%23A52255" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></g></g><defs><filter id="filter0_dd_795_105446" x="0.448975" y="0.5" width="48" height="48" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feMorphology radius="1" operator="erode" in="SourceAlpha" result="effect1_dropShadow_795_105446"/><feOffset dx="1" dy="2"/><feGaussianBlur stdDeviation="2.5"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix type="matrix" values="0 0 0 0 0.290196 0 0 0 0 0.392157 0 0 0 0 0.494118 0 0 0 0.3 0"/><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_795_105446"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dy="1"/><feGaussianBlur stdDeviation="0.5"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix type="matrix" values="0 0 0 0 0.0235294 0 0 0 0 0.172549 0 0 0 0 0.345098 0 0 0 0.1 0"/><feBlend mode="normal" in2="effect1_dropShadow_795_105446" result="effect2_dropShadow_795_105446"/><feBlend mode="normal" in="SourceGraphic" in2="effect2_dropShadow_795_105446" result="shape"/></filter><filter id="filter1_ii_795_105446" x="2.44897" y="-0.5" width="42" height="44" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dx="-1" dy="-3"/><feGaussianBlur stdDeviation="2"/><feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/><feColorMatrix type="matrix" values="0 0 0 0 0.454545 0 0 0 0 0.544866 0 0 0 0 0.617122 0 0 0 0.35 0"/><feBlend mode="normal" in2="shape" result="effect1_innerShadow_795_105446"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dx="1" dy="1"/><feGaussianBlur stdDeviation="2.5"/><feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/><feColorMatrix type="matrix" values="0 0 0 0 0.121569 0 0 0 0 0.231373 0 0 0 0 0.376471 0 0 0 0.2 0"/><feBlend mode="normal" in2="effect1_innerShadow_795_105446" result="effect2_innerShadow_795_105446"/></filter><clipPath id="clip0_795_105446"><rect width="19.1947" height="19.4466" fill="white" transform="translate(13.8201 12.6406)"/></clipPath></defs></svg> ');
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  width: 40px;
  height: 40px;
}
.Message-icon-filled {
  width: 40px;
  height: 40px;
  background-image: url('data:image/svg+xml,<svg width="49" height="49" viewBox="0 0 49 49" fill="none" xmlns="http://www.w3.org/2000/svg"><g filter="url(%23filter0_dd_795_105446)"><rect x="3.44897" y="2.5" width="40" height="40" rx="20" fill="white" shape-rendering="crispEdges"/><rect x="4.44897" y="3.5" width="38" height="38" rx="19" stroke="white" stroke-width="2" shape-rendering="crispEdges"/><g filter="url(%23filter1_ii_795_105446)"><rect x="3.44897" y="2.5" width="40" height="40" rx="20" fill="white"/></g><rect x="4.44897" y="3.5" width="38" height="38" rx="19" stroke="white" stroke-width="2"/><g clip-path="url(%23clip0_795_105446)"><path d="M22.2019 13.4531C20.7221 13.6664 19.3194 14.2547 18.1239 15.1636C16.9284 16.0726 15.9788 17.2726 15.3632 18.6525C14.7476 20.0324 14.4859 21.5474 14.6023 23.0571C14.7187 24.5668 15.2096 26.0223 16.0293 27.2886L14.5408 31.3561L19.5253 30.4431C20.807 31.079 22.2214 31.392 23.6481 31.3553C25.0748 31.3186 26.4717 30.9336 27.7199 30.2327C28.9683 29.5318 30.031 28.5357 30.8178 27.3294C31.6046 26.1231 32.0922 24.7422 32.2393 23.304" stroke="%23377FC4" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"/><path d="M28.8806 20.2888C30.7662 20.2888 32.2946 18.7402 32.2946 16.83C32.2946 14.9197 30.7662 13.3711 28.8806 13.3711C26.9951 13.3711 25.4666 14.9197 25.4666 16.83C25.4666 18.7402 26.9951 20.2888 28.8806 20.2888Z" fill="%23A52255" stroke="%23A52255" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></g></g><defs><filter id="filter0_dd_795_105446" x="0.448975" y="0.5" width="48" height="48" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feMorphology radius="1" operator="erode" in="SourceAlpha" result="effect1_dropShadow_795_105446"/><feOffset dx="1" dy="2"/><feGaussianBlur stdDeviation="2.5"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix type="matrix" values="0 0 0 0 0.290196 0 0 0 0 0.392157 0 0 0 0 0.494118 0 0 0 0.3 0"/><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_795_105446"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dy="1"/><feGaussianBlur stdDeviation="0.5"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix type="matrix" values="0 0 0 0 0.0235294 0 0 0 0 0.172549 0 0 0 0 0.345098 0 0 0 0.1 0"/><feBlend mode="normal" in2="effect1_dropShadow_795_105446" result="effect2_dropShadow_795_105446"/><feBlend mode="normal" in="SourceGraphic" in2="effect2_dropShadow_795_105446" result="shape"/></filter><filter id="filter1_ii_795_105446" x="2.44897" y="-0.5" width="42" height="44" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dx="-1" dy="-3"/><feGaussianBlur stdDeviation="2"/><feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/><feColorMatrix type="matrix" values="0 0 0 0 0.454545 0 0 0 0 0.544866 0 0 0 0 0.617122 0 0 0 0.35 0"/><feBlend mode="normal" in2="shape" result="effect1_innerShadow_795_105446"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dx="1" dy="1"/><feGaussianBlur stdDeviation="2.5"/><feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/><feColorMatrix type="matrix" values="0 0 0 0 0.121569 0 0 0 0 0.231373 0 0 0 0 0.376471 0 0 0 0.2 0"/><feBlend mode="normal" in2="effect1_innerShadow_795_105446" result="effect2_innerShadow_795_105446"/></filter><clipPath id="clip0_795_105446"><rect width="19.1947" height="19.4466" fill="white" transform="translate(13.8201 12.6406)"/></clipPath></defs></svg> ');
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
}
.Home-icon-filled {
  width: 40px;
  height: 40px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2241%22 height%3D%2241%22 viewBox%3D%220%200%2041%2041%22 fill%3D%22none%22%3E%3Crect x%3D%221.44897%22 y%3D%221.5%22 width%3D%2238%22 height%3D%2238%22 rx%3D%2219%22 fill%3D%22white%22%2F%3E%3Crect x%3D%221.44897%22 y%3D%221.5%22 width%3D%2238%22 height%3D%2238%22 rx%3D%2219%22 stroke%3D%22white%22 stroke-width%3D%222%22%2F%3E%3Cg filter%3D%22url(%23filter0_ii_home)%22%3E%3Crect x%3D%220.448975%22 y%3D%220.5%22 width%3D%2240%22 height%3D%2240%22 rx%3D%2220%22 fill%3D%22url(%23paint0_linear_home)%22%2F%3E%3C%2Fg%3E%3Crect x%3D%221.44897%22 y%3D%221.5%22 width%3D%2238%22 height%3D%2238%22 rx%3D%2219%22 stroke%3D%22white%22 stroke-width%3D%222%22%2F%3E%3Cpath d%3D%22M10.449 20.5L20.449 12.5L30.449 20.5V28.5C30.449 29.0304 30.238 29.5391 29.8629 29.9142C29.4878 30.2893 28.9792 30.5 28.449 30.5H12.449C11.9185 30.5 11.4099 30.2893 11.0348 29.9142C10.6597 29.5391 10.449 29.0304 10.449 28.5V20.5Z%22 stroke%3D%22white%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Cpath d%3D%22M16.449 30.5V20.5H24.449V30.5%22 stroke%3D%22white%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Cdefs%3E%3Cfilter id%3D%22filter0_ii_home%22 x%3D%22-0.551025%22 y%3D%22-2.5%22 width%3D%2242%22 height%3D%2244%22 filterUnits%3D%22userSpaceOnUse%22 color-interpolation-filters%3D%22sRGB%22%3E%3CfeFlood flood-opacity%3D%220%22 result%3D%22BackgroundImageFix%22%2F%3E%3CfeBlend mode%3D%22normal%22 in%3D%22SourceGraphic%22 in2%3D%22BackgroundImageFix%22 result%3D%22shape%22%2F%3E%3CfeColorMatrix in%3D%22SourceAlpha%22 type%3D%22matrix%22 values%3D%220 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0%22 result%3D%22hardAlpha%22%2F%3E%3CfeOffset dx%3D%22-1%22 dy%3D%22-3%22%2F%3E%3CfeGaussianBlur stdDeviation%3D%222%22%2F%3E%3CfeComposite in2%3D%22hardAlpha%22 operator%3D%22arithmetic%22 k2%3D%22-1%22 k3%3D%221%22%2F%3E%3CfeColorMatrix type%3D%22matrix%22 values%3D%220 0 0 0 0.454545 0 0 0 0 0.544866 0 0 0 0 0.617122 0 0 0 0.35 0%22%2F%3E%3CfeBlend mode%3D%22normal%22 in2%3D%22shape%22 result%3D%22effect1_innerShadow_home%22%2F%3E%3CfeColorMatrix in%3D%22SourceAlpha%22 type%3D%22matrix%22 values%3D%220 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0%22 result%3D%22hardAlpha%22%2F%3E%3CfeOffset dx%3D%221%22 dy%3D%221%22%2F%3E%3CfeGaussianBlur stdDeviation%3D%222.5%22%2F%3E%3CfeComposite in2%3D%22hardAlpha%22 operator%3D%22arithmetic%22 k2%3D%22-1%22 k3%3D%221%22%2F%3E%3CfeColorMatrix type%3D%22matrix%22 values%3D%220 0 0 0 0.121569 0 0 0 0 0.231373 0 0 0 0 0.376471 0 0 0 0.2 0%22%2F%3E%3CfeBlend mode%3D%22normal%22 in2%3D%22effect1_innerShadow_home%22 result%3D%22effect2_innerShadow_home%22%2F%3E%3C%2Ffilter%3E%3ClinearGradient id%3D%22paint0_linear_home%22 x1%3D%2223.449%22 y1%3D%2236.5%22 x2%3D%2221.949%22 y2%3D%225.5%22 gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop stop-color%3D%22%2336B6F9%22%2F%3E%3Cstop offset%3D%221%22 stop-color%3D%22%23377FC4%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3C%2Fsvg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
}
@media (max-width: 500px) {
  .Home-icon-filled {
    margin-top: 0.7rem;
  }
}
.Settings-icon-filled {
  width: 40px;
  height: 40px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2241%22 height%3D%2241%22 viewBox%3D%220%200%2041%2041%22 fill%3D%22none%22%3E%3Crect x%3D%221.44897%22 y%3D%221.5%22 width%3D%2238%22 height%3D%2238%22 rx%3D%2219%22 fill%3D%22white%22%2F%3E%3Crect x%3D%221.44897%22 y%3D%221.5%22 width%3D%2238%22 height%3D%2238%22 rx%3D%2219%22 stroke%3D%22white%22 stroke-width%3D%222%22%2F%3E%3Cg filter%3D%22url(%23filter0_ii_settings)%22%3E%3Crect x%3D%220.448975%22 y%3D%220.5%22 width%3D%2240%22 height%3D%2240%22 rx%3D%2220%22 fill%3D%22url(%23paint0_linear_settings)%22%2F%3E%3C%2Fg%3E%3Crect x%3D%221.44897%22 y%3D%221.5%22 width%3D%2238%22 height%3D%2238%22 rx%3D%2219%22 stroke%3D%22white%22 stroke-width%3D%222%22%2F%3E%3Cpath d%3D%22M20.449 26.5C23.7627 26.5 26.449 23.8137 26.449 20.5C26.449 17.1863 23.7627 14.5 20.449 14.5C17.1353 14.5 14.449 17.1863 14.449 20.5C14.449 23.8137 17.1353 26.5 20.449 26.5Z%22 stroke%3D%22white%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Cpath d%3D%22M20.449 14.5V11.5%22 stroke%3D%22white%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Cpath d%3D%22M20.449 29.5V26.5%22 stroke%3D%22white%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Cpath d%3D%22M14.449 17L12.049 15.5%22 stroke%3D%22white%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Cpath d%3D%22M28.849 25.5L26.449 24%22 stroke%3D%22white%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Cpath d%3D%22M14.449 24L12.049 25.5%22 stroke%3D%22white%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Cpath d%3D%22M28.849 15.5L26.449 17%22 stroke%3D%22white%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Cdefs%3E%3Cfilter id%3D%22filter0_ii_settings%22 x%3D%22-0.551025%22 y%3D%22-2.5%22 width%3D%2242%22 height%3D%2244%22 filterUnits%3D%22userSpaceOnUse%22 color-interpolation-filters%3D%22sRGB%22%3E%3CfeFlood flood-opacity%3D%220%22 result%3D%22BackgroundImageFix%22%2F%3E%3CfeBlend mode%3D%22normal%22 in%3D%22SourceGraphic%22 in2%3D%22BackgroundImageFix%22 result%3D%22shape%22%2F%3E%3CfeColorMatrix in%3D%22SourceAlpha%22 type%3D%22matrix%22 values%3D%220 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0%22 result%3D%22hardAlpha%22%2F%3E%3CfeOffset dx%3D%22-1%22 dy%3D%22-3%22%2F%3E%3CfeGaussianBlur stdDeviation%3D%222%22%2F%3E%3CfeComposite in2%3D%22hardAlpha%22 operator%3D%22arithmetic%22 k2%3D%22-1%22 k3%3D%221%22%2F%3E%3CfeColorMatrix type%3D%22matrix%22 values%3D%220 0 0 0 0.454545 0 0 0 0 0.544866 0 0 0 0 0.617122 0 0 0 0.35 0%22%2F%3E%3CfeBlend mode%3D%22normal%22 in2%3D%22shape%22 result%3D%22effect1_innerShadow_settings%22%2F%3E%3CfeColorMatrix in%3D%22SourceAlpha%22 type%3D%22matrix%22 values%3D%220 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0%22 result%3D%22hardAlpha%22%2F%3E%3CfeOffset dx%3D%221%22 dy%3D%221%22%2F%3E%3CfeGaussianBlur stdDeviation%3D%222.5%22%2F%3E%3CfeComposite in2%3D%22hardAlpha%22 operator%3D%22arithmetic%22 k2%3D%22-1%22 k3%3D%221%22%2F%3E%3CfeColorMatrix type%3D%22matrix%22 values%3D%220 0 0 0 0.121569 0 0 0 0 0.231373 0 0 0 0 0.376471 0 0 0 0.2 0%22%2F%3E%3CfeBlend mode%3D%22normal%22 in2%3D%22effect1_innerShadow_settings%22 result%3D%22effect2_innerShadow_settings%22%2F%3E%3C%2Ffilter%3E%3ClinearGradient id%3D%22paint0_linear_settings%22 x1%3D%2223.449%22 y1%3D%2236.5%22 x2%3D%2221.949%22 y2%3D%225.5%22 gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop stop-color%3D%22%2336B6F9%22%2F%3E%3Cstop offset%3D%221%22 stop-color%3D%22%23377FC4%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3C%2Fsvg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
}
@media (max-width: 500px) {
  .Settings-icon-filled {
    margin-top: 0.7rem;
  }
}
.Marketplace-icon {
  width: 40px;
  height: 40px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2241%22 height%3D%2241%22 viewBox%3D%220%200%2041%2041%22 fill%3D%22none%22%3E%3Crect x%3D%221.44897%22 y%3D%221.5%22 width%3D%2238%22 height%3D%2238%22 rx%3D%2219%22 fill%3D%22white%22%2F%3E%3Crect x%3D%221.44897%22 y%3D%221.5%22 width%3D%2238%22 height%3D%2238%22 rx%3D%2219%22 stroke%3D%22%23E0E0E0%22 stroke-width%3D%222%22%2F%3E%3Cpath d%3D%22M12.449 15.5L13.449 11.5H27.449L28.449 15.5%22 stroke%3D%22%23377FC4%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Cpath d%3D%22M28.449 15.5V28.5C28.449 28.7652 28.3436 29.0196 28.1561 29.2071C27.9686 29.3946 27.7142 29.5 27.449 29.5H13.449C13.1838 29.5 12.9294 29.3946 12.7419 29.2071C12.5543 29.0196 12.449 28.7652 12.449 28.5V15.5%22 stroke%3D%22%23377FC4%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Cpath d%3D%22M12.449 15.5H28.449%22 stroke%3D%22%23377FC4%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Cpath d%3D%22M17.449 21.5H23.449V29.5H17.449V21.5Z%22 stroke%3D%22%23377FC4%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
}
@media (max-width: 500px) {
  .Marketplace-icon {
    margin-top: 0.7rem;
  }
}
.Marketplace-icon-filled {
  width: 40px;
  height: 40px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2241%22 height%3D%2241%22 viewBox%3D%220%200%2041%2041%22 fill%3D%22none%22%3E%3Crect x%3D%221.44897%22 y%3D%221.5%22 width%3D%2238%22 height%3D%2238%22 rx%3D%2219%22 fill%3D%22white%22%2F%3E%3Crect x%3D%221.44897%22 y%3D%221.5%22 width%3D%2238%22 height%3D%2238%22 rx%3D%2219%22 stroke%3D%22white%22 stroke-width%3D%222%22%2F%3E%3Cg filter%3D%22url(%23filter0_ii_marketplace)%22%3E%3Crect x%3D%220.448975%22 y%3D%220.5%22 width%3D%2240%22 height%3D%2240%22 rx%3D%2220%22 fill%3D%22url(%23paint0_linear_marketplace)%22%2F%3E%3C%2Fg%3E%3Crect x%3D%221.44897%22 y%3D%221.5%22 width%3D%2238%22 height%3D%2238%22 rx%3D%2219%22 stroke%3D%22white%22 stroke-width%3D%222%22%2F%3E%3Cpath d%3D%22M12.449 15.5L13.449 11.5H27.449L28.449 15.5%22 stroke%3D%22white%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Cpath d%3D%22M28.449 15.5V28.5C28.449 28.7652 28.3436 29.0196 28.1561 29.2071C27.9686 29.3946 27.7142 29.5 27.449 29.5H13.449C13.1838 29.5 12.9294 29.3946 12.7419 29.2071C12.5543 29.0196 12.449 28.7652 12.449 28.5V15.5%22 stroke%3D%22white%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Cpath d%3D%22M12.449 15.5H28.449%22 stroke%3D%22white%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Cpath d%3D%22M17.449 21.5H23.449V29.5H17.449V21.5Z%22 stroke%3D%22white%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Cdefs%3E%3Cfilter id%3D%22filter0_ii_marketplace%22 x%3D%22-0.551025%22 y%3D%22-2.5%22 width%3D%2242%22 height%3D%2244%22 filterUnits%3D%22userSpaceOnUse%22 color-interpolation-filters%3D%22sRGB%22%3E%3CfeFlood flood-opacity%3D%220%22 result%3D%22BackgroundImageFix%22%2F%3E%3CfeBlend mode%3D%22normal%22 in%3D%22SourceGraphic%22 in2%3D%22BackgroundImageFix%22 result%3D%22shape%22%2F%3E%3CfeColorMatrix in%3D%22SourceAlpha%22 type%3D%22matrix%22 values%3D%220 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0%22 result%3D%22hardAlpha%22%2F%3E%3CfeOffset dx%3D%22-1%22 dy%3D%22-3%22%2F%3E%3CfeGaussianBlur stdDeviation%3D%222%22%2F%3E%3CfeComposite in2%3D%22hardAlpha%22 operator%3D%22arithmetic%22 k2%3D%22-1%22 k3%3D%221%22%2F%3E%3CfeColorMatrix type%3D%22matrix%22 values%3D%220 0 0 0 0.454545 0 0 0 0 0.544866 0 0 0 0 0.617122 0 0 0 0.35 0%22%2F%3E%3CfeBlend mode%3D%22normal%22 in2%3D%22shape%22 result%3D%22effect1_innerShadow_marketplace%22%2F%3E%3CfeColorMatrix in%3D%22SourceAlpha%22 type%3D%22matrix%22 values%3D%220 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0%22 result%3D%22hardAlpha%22%2F%3E%3CfeOffset dx%3D%221%22 dy%3D%221%22%2F%3E%3CfeGaussianBlur stdDeviation%3D%222.5%22%2F%3E%3CfeComposite in2%3D%22hardAlpha%22 operator%3D%22arithmetic%22 k2%3D%22-1%22 k3%3D%221%22%2F%3E%3CfeColorMatrix type%3D%22matrix%22 values%3D%220 0 0 0 0.121569 0 0 0 0 0.231373 0 0 0 0 0.376471 0 0 0 0.2 0%22%2F%3E%3CfeBlend mode%3D%22normal%22 in2%3D%22effect1_innerShadow_marketplace%22 result%3D%22effect2_innerShadow_marketplace%22%2F%3E%3C%2Ffilter%3E%3ClinearGradient id%3D%22paint0_linear_marketplace%22 x1%3D%2223.449%22 y1%3D%2236.5%22 x2%3D%2221.949%22 y2%3D%225.5%22 gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop stop-color%3D%22%2336B6F9%22%2F%3E%3Cstop offset%3D%221%22 stop-color%3D%22%23377FC4%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3C%2Fsvg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
}
@media (max-width: 500px) {
  .Marketplace-icon-filled {
    margin-top: 0.7rem;
  }
}
.Notification-icon-filled {
  width: 40px;
  height: 40px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2241%22 height%3D%2241%22 viewBox%3D%220%200%2041%2041%22 fill%3D%22none%22%3E%3Crect x%3D%221.44897%22 y%3D%221.5%22 width%3D%2238%22 height%3D%2238%22 rx%3D%2219%22 fill%3D%22white%22%2F%3E%3Crect x%3D%221.44897%22 y%3D%221.5%22 width%3D%2238%22 height%3D%2238%22 rx%3D%2219%22 stroke%3D%22white%22 stroke-width%3D%222%22%2F%3E%3Cg filter%3D%22url(%23filter0_ii_notification)%22%3E%3Crect x%3D%220.448975%22 y%3D%220.5%22 width%3D%2240%22 height%3D%2240%22 rx%3D%2220%22 fill%3D%22url(%23paint0_linear_notification)%22%2F%3E%3C%2Fg%3E%3Crect x%3D%221.44897%22 y%3D%221.5%22 width%3D%2238%22 height%3D%2238%22 rx%3D%2219%22 stroke%3D%22white%22 stroke-width%3D%222%22%2F%3E%3Cpath d%3D%22M15.449 17C15.449 15.6739 15.9758 14.4021 16.9135 13.4645C17.8511 12.5268 19.1229 12 20.449 12C21.7751 12 23.0469 12.5268 23.9845 13.4645C24.9222 14.4021 25.449 15.6739 25.449 17C25.449 23 28.449 25 28.449 25H12.449C12.449 25 15.449 23 15.449 17Z%22 stroke%3D%22white%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Cpath d%3D%22M18.949 29C19.1272 29.3044 19.3771 29.5583 19.6763 29.7352C19.9755 29.9121 20.3143 30.0053 20.659 30.0053C21.0037 30.0053 21.3425 29.9121 21.6417 29.7352C21.9409 29.5583 22.1908 29.3044 22.369 29%22 stroke%3D%22white%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Cdefs%3E%3Cfilter id%3D%22filter0_ii_notification%22 x%3D%22-0.551025%22 y%3D%22-2.5%22 width%3D%2242%22 height%3D%2244%22 filterUnits%3D%22userSpaceOnUse%22 color-interpolation-filters%3D%22sRGB%22%3E%3CfeFlood flood-opacity%3D%220%22 result%3D%22BackgroundImageFix%22%2F%3E%3CfeBlend mode%3D%22normal%22 in%3D%22SourceGraphic%22 in2%3D%22BackgroundImageFix%22 result%3D%22shape%22%2F%3E%3CfeColorMatrix in%3D%22SourceAlpha%22 type%3D%22matrix%22 values%3D%220 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0%22 result%3D%22hardAlpha%22%2F%3E%3CfeOffset dx%3D%22-1%22 dy%3D%22-3%22%2F%3E%3CfeGaussianBlur stdDeviation%3D%222%22%2F%3E%3CfeComposite in2%3D%22hardAlpha%22 operator%3D%22arithmetic%22 k2%3D%22-1%22 k3%3D%221%22%2F%3E%3CfeColorMatrix type%3D%22matrix%22 values%3D%220 0 0 0 0.454545 0 0 0 0 0.544866 0 0 0 0 0.617122 0 0 0 0.35 0%22%2F%3E%3CfeBlend mode%3D%22normal%22 in2%3D%22shape%22 result%3D%22effect1_innerShadow_notification%22%2F%3E%3CfeColorMatrix in%3D%22SourceAlpha%22 type%3D%22matrix%22 values%3D%220 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0%22 result%3D%22hardAlpha%22%2F%3E%3CfeOffset dx%3D%221%22 dy%3D%221%22%2F%3E%3CfeGaussianBlur stdDeviation%3D%222.5%22%2F%3E%3CfeComposite in2%3D%22hardAlpha%22 operator%3D%22arithmetic%22 k2%3D%22-1%22 k3%3D%221%22%2F%3E%3CfeColorMatrix type%3D%22matrix%22 values%3D%220 0 0 0 0.121569 0 0 0 0 0.231373 0 0 0 0 0.376471 0 0 0 0.2 0%22%2F%3E%3CfeBlend mode%3D%22normal%22 in2%3D%22effect1_innerShadow_notification%22 result%3D%22effect2_innerShadow_notification%22%2F%3E%3C%2Ffilter%3E%3ClinearGradient id%3D%22paint0_linear_notification%22 x1%3D%2223.449%22 y1%3D%2236.5%22 x2%3D%2221.949%22 y2%3D%225.5%22 gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop stop-color%3D%22%2336B6F9%22%2F%3E%3Cstop offset%3D%221%22 stop-color%3D%22%23377FC4%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3C%2Fsvg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  position: relative;
}
@media (max-width: 500px) {
  .Notification-icon-filled {
    margin-top: 0.7rem;
  }
}
.Home-icon {
  width: 40px;
  height: 40px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2241%22 height%3D%2241%22 viewBox%3D%220%200%2041%2041%22 fill%3D%22none%22%3E%3Crect x%3D%221.44897%22 y%3D%221.5%22 width%3D%2238%22 height%3D%2238%22 rx%3D%2219%22 fill%3D%22white%22%2F%3E%3Crect x%3D%221.44897%22 y%3D%221.5%22 width%3D%2238%22 height%3D%2238%22 rx%3D%2219%22 stroke%3D%22%23E0E0E0%22 stroke-width%3D%222%22%2F%3E%3Cpath d%3D%22M10.449 20.5L20.449 12.5L30.449 20.5V28.5C30.449 29.0304 30.238 29.5391 29.8629 29.9142C29.4878 30.2893 28.9792 30.5 28.449 30.5H12.449C11.9185 30.5 11.4099 30.2893 11.0348 29.9142C10.6597 29.5391 10.449 29.0304 10.449 28.5V20.5Z%22 stroke%3D%22%23377FC4%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Cpath d%3D%22M16.449 30.5V20.5H24.449V30.5%22 stroke%3D%22%23377FC4%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
}
@media (max-width: 500px) {
  .Home-icon {
    margin-top: 0.7rem;
  }
}
.Settings-icon {
  width: 40px;
  height: 40px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2241%22 height%3D%2241%22 viewBox%3D%220%200%2041%2041%22 fill%3D%22none%22%3E%3Crect x%3D%221.44897%22 y%3D%221.5%22 width%3D%2238%22 height%3D%2238%22 rx%3D%2219%22 fill%3D%22white%22%2F%3E%3Crect x%3D%221.44897%22 y%3D%221.5%22 width%3D%2238%22 height%3D%2238%22 rx%3D%2219%22 stroke%3D%22%23E0E0E0%22 stroke-width%3D%222%22%2F%3E%3Cpath d%3D%22M20.449 26.5C23.7627 26.5 26.449 23.8137 26.449 20.5C26.449 17.1863 23.7627 14.5 20.449 14.5C17.1353 14.5 14.449 17.1863 14.449 20.5C14.449 23.8137 17.1353 26.5 20.449 26.5Z%22 stroke%3D%22%23377FC4%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Cpath d%3D%22M20.449 14.5V11.5%22 stroke%3D%22%23377FC4%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Cpath d%3D%22M20.449 29.5V26.5%22 stroke%3D%22%23377FC4%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Cpath d%3D%22M14.449 17L12.049 15.5%22 stroke%3D%22%23377FC4%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Cpath d%3D%22M28.849 25.5L26.449 24%22 stroke%3D%22%23377FC4%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Cpath d%3D%22M14.449 24L12.049 25.5%22 stroke%3D%22%23377FC4%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Cpath d%3D%22M28.849 15.5L26.449 17%22 stroke%3D%22%23377FC4%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
}
@media (max-width: 500px) {
  .Settings-icon {
    margin-top: 0.7rem;
  }
}
.Notification-icon {
  width: 40px;
  height: 40px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2241%22 height%3D%2241%22 viewBox%3D%220%200%2041%2041%22 fill%3D%22none%22%3E%3Crect x%3D%221.44897%22 y%3D%221.5%22 width%3D%2238%22 height%3D%2238%22 rx%3D%2219%22 fill%3D%22white%22%2F%3E%3Crect x%3D%221.44897%22 y%3D%221.5%22 width%3D%2238%22 height%3D%2238%22 rx%3D%2219%22 stroke%3D%22%23E0E0E0%22 stroke-width%3D%222%22%2F%3E%3Cpath d%3D%22M15.449 17C15.449 15.6739 15.9758 14.4021 16.9135 13.4645C17.8511 12.5268 19.1229 12 20.449 12C21.7751 12 23.0469 12.5268 23.9845 13.4645C24.9222 14.4021 25.449 15.6739 25.449 17C25.449 23 28.449 25 28.449 25H12.449C12.449 25 15.449 23 15.449 17Z%22 stroke%3D%22%23377FC4%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3Cpath d%3D%22M18.949 29C19.1272 29.3044 19.3771 29.5583 19.6763 29.7352C19.9755 29.9121 20.3143 30.0053 20.659 30.0053C21.0037 30.0053 21.3425 29.9121 21.6417 29.7352C21.9409 29.5583 22.1908 29.3044 22.369 29%22 stroke%3D%22%23377FC4%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  position: relative;
}
@media (max-width: 500px) {
  .Notification-icon {
    margin-top: 0.7rem;
  }
}
.multi-user-circle {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_3227_91534)'%3E%3Cpath d='M15.9777 9.9574C17.0705 9.9574 17.9564 9.0715 17.9564 7.9787C17.9564 6.88589 17.0705 6 15.9777 6C14.8849 6 13.999 6.88589 13.999 7.9787C13.999 9.0715 14.8849 9.9574 15.9777 9.9574Z' stroke='%2313911B' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M18.5646 14.9575V13.9681C18.5646 12.3289 17.2358 11 15.5965 11C14.4787 11 13.5052 11.6179 12.999 12.5308' stroke='%2313911B' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7.97772 9.9574C9.07053 9.9574 9.95642 9.0715 9.95642 7.9787C9.95642 6.88589 9.07053 6 7.97772 6C6.88492 6 5.99902 6.88589 5.99902 7.9787C5.99902 9.0715 6.88492 9.9574 7.97772 9.9574Z' stroke='%2313911B' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4.99902 14.9575V13.9681C4.99902 12.3289 6.32789 11 7.96714 11C9.08494 11 10.0584 11.6179 10.5646 12.5308' stroke='%2313911B' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M11.9777 15.9574C13.0705 15.9574 13.9564 15.0715 13.9564 13.9787C13.9564 12.8859 13.0705 12 11.9777 12C10.8849 12 9.99902 12.8859 9.99902 13.9787C9.99902 15.0715 10.8849 15.9574 11.9777 15.9574Z' stroke='%2313911B' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M14.9352 19.968C14.9352 18.3288 13.6064 17 11.9671 17C10.3279 17 8.99902 18.3288 8.99902 19.968' stroke='%2313911B' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cpath d='M11.999 23C18.0742 23 22.999 18.0752 22.999 12C22.999 5.92487 18.0742 1 11.999 1C5.92389 1 0.999023 5.92487 0.999023 12C0.999023 18.0752 5.92389 23 11.999 23Z' stroke='%2313911B' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cdefs%3E%3CclipPath id='clip0_3227_91534'%3E%3Crect width='15.3899' height='15.3899' fill='white' transform='translate(3.99902 5)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  width: 36px;
  height: 36px;
}
.collapse-icon {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg width%3D%2217%22 height%3D%2223%22 viewBox%3D%220%200%2017%2023%22 fill%3D%22none%22 xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath d%3D%22M14.9623 11.6916C14.9244 11.783 14.8604 11.8611 14.7782 11.916C14.6959 11.971 14.5993 12.0003 14.5004 12.0004H12.0004V17.0004C12.0004 17.2656 11.895 17.5199 11.7075 17.7075C11.52 17.895 11.2656 18.0004 11.0004 18.0004H6.00039C5.73518 18.0004 5.48082 17.895 5.29329 17.7075C5.10575 17.5199 5.00039 17.2656 5.00039 17.0004V12.0004H2.50039C2.40145 12.0004 2.3047 11.9712 2.2224 11.9162C2.14011 11.8613 2.07596 11.7832 2.03808 11.6918C2.00021 11.6003 1.9903 11.4998 2.00963 11.4027C2.02895 11.3057 2.07664 11.2165 2.14664 11.1466L8.14664 5.14662C8.19308 5.10013 8.24822 5.06325 8.30892 5.03809C8.36962 5.01292 8.43469 4.99997 8.50039 4.99997C8.5661 4.99997 8.63116 5.01292 8.69186 5.03809C8.75256 5.06325 8.80771 5.10013 8.85414 5.14662L14.8541 11.1466C14.924 11.2166 14.9716 11.3057 14.9909 11.4027C15.0101 11.4997 15.0002 11.6003 14.9623 11.6916ZM8.50039 6.20724L3.70727 11.0004H5.50039C5.633 11.0004 5.76018 11.053 5.85395 11.1468C5.94772 11.2406 6.00039 11.3678 6.00039 11.5004V17.0004H11.0004V11.5004C11.0004 11.3678 11.0531 11.2406 11.1468 11.1468C11.2406 11.053 11.3678 11.0004 11.5004 11.0004H13.2935L8.50039 6.20724Z%22 fill%3D%22%23377FC4%22/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  width: 38px;
  height: 38px;
  margin-left: 5px;
  margin-top: 2px;
}
.expand-icon {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg width%3D%2217%22 height%3D%2223%22 viewBox%3D%220%200%2017%2023%22 fill%3D%22none%22 xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath d%3D%22M14.9623 11.3088C14.9244 11.2174 14.8604 11.1393 14.7782 11.0843C14.6959 11.0294 14.5993 11 14.5004 11H12.0004V6C12.0004 5.73478 11.895 5.48043 11.7075 5.29289C11.52 5.10536 11.2656 5 11.0004 5H6.00039C5.73518 5 5.48082 5.10536 5.29329 5.29289C5.10575 5.48043 5.00039 5.73478 5.00039 6V11H2.50039C2.40145 10.9999 2.3047 11.0292 2.2224 11.0841C2.14011 11.1391 2.07596 11.2172 2.03808 11.3086C2.00021 11.4 1.9903 11.5006 2.00963 11.5977C2.02895 11.6947 2.07664 11.7838 2.14664 11.8538L8.14664 17.8538C8.19308 17.9002 8.24822 17.9371 8.30892 17.9623C8.36962 17.9874 8.43469 18.0004 8.50039 18.0004C8.5661 18.0004 8.63116 17.9874 8.69186 17.9623C8.75256 17.9371 8.80771 17.9002 8.85414 17.8538L14.8541 11.8538C14.924 11.7838 14.9716 11.6947 14.9909 11.5977C15.0101 11.5006 15.0002 11.4001 14.9623 11.3088ZM8.50039 16.7931L3.70727 12H5.50039C5.633 12 5.76018 11.9473 5.85395 11.8536C5.94772 11.7598 6.00039 11.6326 6.00039 11.5V6H11.0004V11.5C11.0004 11.6326 11.0531 11.7598 11.1468 11.8536C11.2406 11.9473 11.3678 12 11.5004 12H13.2935L8.50039 16.7931Z%22 fill%3D%22%23377FC4%22/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  width: 38px;
  height: 38px;
  margin-left: 5px;
  margin-top: 2px;
}
.both-direction-icon {
  background-image: url('data:image/svg+xml,<svg width="17" height="23" viewBox="0 0 17 23" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M15.7724 7.48445C15.7322 7.58153 15.6641 7.66452 15.5768 7.72291C15.4894 7.7813 15.3867 7.81248 15.2817 7.8125H12.6254V9.40625C12.6254 9.54715 12.5694 9.68227 12.4698 9.7819C12.3702 9.88153 12.2351 9.9375 12.0942 9.9375H5.71917C5.57827 9.9375 5.44315 9.88153 5.34352 9.7819C5.24389 9.68227 5.18792 9.54715 5.18792 9.40625V7.8125H2.53167C2.42654 7.81258 2.32374 7.78147 2.2363 7.7231C2.14886 7.66473 2.08071 7.58173 2.04046 7.48461C2.00022 7.38748 1.9897 7.2806 2.01023 7.17749C2.03076 7.07439 2.08143 6.97969 2.15581 6.90539L8.53081 0.530391C8.58015 0.480997 8.63874 0.441812 8.70323 0.415077C8.76772 0.388342 8.83685 0.374582 8.90667 0.374582C8.97648 0.374582 9.04561 0.388342 9.11011 0.415077C9.1746 0.441812 9.23319 0.480997 9.28253 0.530391L15.6575 6.90539C15.7318 6.97973 15.7824 7.07442 15.8028 7.1775C15.8233 7.28057 15.8127 7.38739 15.7724 7.48445ZM8.90667 1.6573L3.81397 6.75H5.71917C5.86006 6.75 5.99519 6.80597 6.09482 6.9056C6.19445 7.00523 6.25042 7.14035 6.25042 7.28125V8.875H11.5629V7.28125C11.5629 7.14035 11.6189 7.00523 11.7185 6.9056C11.8181 6.80597 11.9533 6.75 12.0942 6.75H13.9994L8.90667 1.6573ZM5.18792 11.5312C5.18792 11.6721 5.24389 11.8073 5.34352 11.9069C5.44315 12.0065 5.57827 12.0625 5.71917 12.0625H12.0942C12.2351 12.0625 12.3702 12.0065 12.4698 11.9069C12.5694 11.8073 12.6254 11.6721 12.6254 11.5312C12.6254 11.3904 12.5694 11.2552 12.4698 11.1556C12.3702 11.056 12.2351 11 12.0942 11H5.71917C5.57827 11 5.44315 11.056 5.34352 11.1556C5.24389 11.2552 5.18792 11.3904 5.18792 11.5312Z" fill="%23377FC4"/><path d="M15.7724 15.5155C15.7322 15.4185 15.6641 15.3355 15.5768 15.2771C15.4894 15.2187 15.3867 15.1875 15.2817 15.1875H12.6254V13.5938C12.6254 13.4529 12.5694 13.3177 12.4698 13.2181C12.3702 13.1185 12.2351 13.0625 12.0942 13.0625H5.71917C5.57827 13.0625 5.44315 13.1185 5.34352 13.2181C5.24389 13.3177 5.18792 13.4529 5.18792 13.5938V15.1875H2.53167C2.42654 15.1874 2.32374 15.2185 2.2363 15.2769C2.14886 15.3353 2.08071 15.4183 2.04046 15.5154C2.00022 15.6125 1.9897 15.7194 2.01023 15.8225C2.03076 15.9256 2.08143 16.0203 2.15581 16.0946L8.53081 22.4696C8.58015 22.519 8.63874 22.5582 8.70323 22.5849C8.76772 22.6117 8.83685 22.6254 8.90667 22.6254C8.97648 22.6254 9.04561 22.6117 9.11011 22.5849C9.1746 22.5582 9.23319 22.519 9.28253 22.4696L15.6575 16.0946C15.7318 16.0203 15.7824 15.9256 15.8028 15.8225C15.8233 15.7194 15.8127 15.6126 15.7724 15.5155ZM8.90667 21.3427L3.81397 16.25H5.71917C5.86006 16.25 5.99519 16.194 6.09482 16.0944C6.19445 15.9948 6.25042 15.8596 6.25042 15.7188V14.125H11.5629V15.7188C11.5629 15.8596 11.6189 15.9948 11.7185 16.0944C11.8181 16.194 11.9533 16.25 12.0942 16.25H13.9994L8.90667 21.3427Z" fill="%23377FC4"/></svg>');
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-left: 5px;
}
.lock-rotation {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='23' viewBox='0 0 22 23' fill='none'%3E %3Cpath d='M13.643 1.55893C18.1478 2.6231 21.5001 6.67 21.5001 11.4999C21.5001 17.1411 16.9271 21.7142 11.2858 21.7142C5.64463 21.7142 1.07153 17.1411 1.07153 11.4999C1.07153 7.55925 3.30313 4.13969 6.57153 2.43626' stroke='%2313911B' stroke-linecap='round'/%3E %3Cpath d='M3.42871 1.28566L7.35728 1.28566L7.35728 5.21423' stroke='%2313911B' stroke-linecap='round' stroke-linejoin='round'/%3E %3Cpath d='M7.75024 15.0356V11.8928C7.75024 11.4588 8.10202 11.1071 8.53596 11.1071H14.036C14.4699 11.1071 14.8217 11.4588 14.8217 11.8928V15.0356C14.8217 15.4696 14.4699 15.8213 14.036 15.8213H8.53596C8.10202 15.8213 7.75024 15.4696 7.75024 15.0356Z' stroke='%2313911B' stroke-linejoin='round'/%3E %3Cpath d='M8.92847 11.107V9.53561C8.92847 8.23379 9.98379 7.17847 11.2856 7.17847C12.5874 7.17847 13.6428 8.23379 13.6428 9.53561V11.107' stroke='%2313911B' stroke-linecap='round' stroke-linejoin='round'/%3E %3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  width: 22px;
  height: 22px;
}
.info-circle {
  background-image: url("data:image/svg+xml,%3Csvg width='26' height='29' viewBox='0 0 26 29' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='information-circle--information-frame-info-more-help-point-circle'%3E%3Cg id='information-circle--information-frame-info-more-help-point-circle_2'%3E%3Cpath id='Vector' d='M13 21.4832C16.5899 21.4832 19.5 18.5731 19.5 14.9832C19.5 11.3933 16.5899 8.48315 13 8.48315C9.41015 8.48315 6.5 11.3933 6.5 14.9832C6.5 18.5731 9.41015 21.4832 13 21.4832Z' stroke='%2326A3E3' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath id='Vector_2' d='M11.5 17.9832H14.5' stroke='%2326A3E3' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath id='Vector_3' d='M13 17.9832V14.4832H12' stroke='%2326A3E3' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cg id='Group 2605'%3E%3Cpath id='Ellipse 1111' d='M13 12.2332C12.8619 12.2332 12.75 12.1212 12.75 11.9832C12.75 11.8451 12.8619 11.7332 13 11.7332' stroke='%2326A3E3' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath id='Ellipse 1112' d='M13 12.2332C13.1381 12.2332 13.25 12.1212 13.25 11.9832C13.25 11.8451 13.1381 11.7332 13 11.7332' stroke='%2326A3E3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  width: 22px;
  height: 22px;
}
.action-icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='30' viewBox='0 0 32 30' fill='none'%3E%3Cg id='ai-generate-portrait-image-spark--picture-photography-photo-image-artificial-intelligence-ai'%3E%3Cg id='ai-generate-variation-spark--module-application-artificial-intelligence-ai'%3E%3Cg id='Group 631'%3E%3Cpath id='Vector' d='M13.3843 16.9424H7.67115C7.29995 16.9424 6.99902 17.2499 6.99902 17.6292V23.4673C6.99902 23.8466 7.29995 24.1541 7.67115 24.1541H13.3843C13.7555 24.1541 14.0564 23.8466 14.0564 23.4673V17.6292C14.0564 17.2499 13.7555 16.9424 13.3843 16.9424Z' stroke='%23377FC4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath id='Vector_2' d='M24.3272 16.9424H18.614C18.2428 16.9424 17.9419 17.2499 17.9419 17.6292V23.4673C17.9419 23.8466 18.2428 24.1541 18.614 24.1541H24.3272C24.6984 24.1541 24.9992 23.8466 24.9992 23.4673V17.6292C24.9992 17.2499 24.6984 16.9424 24.3272 16.9424Z' stroke='%23377FC4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath id='Vector_3' d='M13.3843 6H7.67115C7.29995 6 6.99902 6.30751 6.99902 6.68683V12.5249C6.99902 12.9043 7.29995 13.2118 7.67115 13.2118H13.3843C13.7555 13.2118 14.0564 12.9043 14.0564 12.5249V6.68683C14.0564 6.30751 13.7555 6 13.3843 6Z' stroke='%23377FC4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath id='Vector 2136' d='M17.158 10.1382C16.7442 10.0646 16.7442 9.45753 17.158 9.38396C18.6573 9.11742 19.8498 7.95045 20.1753 6.43133L20.2002 6.31488C20.2897 5.89692 20.8721 5.89431 20.9652 6.31146L20.9954 6.44717C21.333 7.95913 22.5258 9.11624 24.021 9.38203C24.4369 9.45598 24.4369 10.0662 24.021 10.1401C22.5258 10.4059 21.333 11.563 20.9954 13.075L20.9652 13.2107C20.8721 13.6278 20.2897 13.6252 20.2002 13.2073L20.1753 13.0908C19.8498 11.5717 18.6573 10.4047 17.158 10.1382Z' stroke='%23377FC4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  width: 28px;
  height: 28px;
}
.default-icon {
  position: relative;
  top: 2px;
  left: 2px;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='20'%20height='20'%20viewBox='0%200%20100%20100'%20fill='none'%3E%3Ccircle%20cx='50'%20cy='50'%20r='40'%20fill='none'%20stroke='%23CBD5E0'%20stroke-width='4'/%3E%3Ccircle%20cx='50'%20cy='50'%20r='10'%20fill='%23CBD5E0'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.center-icon {
  position: relative;
  top: 2px;
  left: 2px;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='20'%20height='20'%20viewBox='0%200%20100%20100'%20fill='none'%3E%3Ccircle%20cx='50'%20cy='50'%20r='40'%20fill='%234A90E2'%20opacity='0.2'/%3E%3Ccircle%20cx='50'%20cy='50'%20r='25'%20fill='%234A90E2'%20opacity='0.5'/%3E%3Ccircle%20cx='50'%20cy='50'%20r='12'%20fill='%234A90E2'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.center-organization-icon {
  position: relative;
  top: 2px;
  left: 2px;
  background-image: url("data:image/svg+xml,%3Csvg%20width='22'%20height='22'%20viewBox='0%200%2022%2022'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20d='M18.8734%2011.6619C18.8734%2016.3958%2015.0358%2020.2334%2010.3019%2020.2334C5.56803%2020.2334%201.73047%2016.3958%201.73047%2011.6619C1.73047%206.92807%205.56803%203.09052%2010.3019%203.09052'%20stroke='%2326A3E3'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3Cpath%20d='M1.73047%2011.662H11.6206'%20stroke='%2326A3E3'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3Cpath%20d='M10.3016%203.09082C8.32135%205.52596%207.16681%208.52775%207.00488%2011.6622C7.16681%2014.7967%208.32135%2017.7986%2010.3016%2020.2337C11.8606%2018.3166%2012.9078%2016.0481%2013.3618%2013.6403'%20stroke='%2326A3E3'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3Cpath%20d='M11.5772%206.67224C11.0758%206.58503%2011.0758%205.86534%2011.5772%205.77813C13.3934%205.46216%2014.8379%204.07879%2015.2322%202.27792L15.2624%202.13988C15.3708%201.6444%2016.0764%201.64132%2016.1891%202.13583L16.2258%202.2967C16.6347%204.08906%2018.0795%205.46076%2019.8908%205.77586C20.3947%205.86351%2020.3947%206.58686%2019.8908%206.67453C18.0795%206.98961%2016.6347%208.36131%2016.2258%2010.1537L16.1891%2010.3145C16.0764%2010.8091%2015.3708%2010.806%2015.2624%2010.3105L15.2322%2010.1725C14.8379%208.3716%2013.3934%206.98821%2011.5772%206.67224Z'%20stroke='%2326A3E3'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.center-department-icon {
  position: relative;
  top: 2px;
  left: 2px;
  background-image: url("data:image/svg+xml,%3Csvg%20width='22'%20height='22'%20viewBox='0%200%2022%2022'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20d='M20.24%205.70098L12.2015%201.18573C11.9868%201.0639%2011.7454%201%2011.5%201C11.2546%201%2011.0132%201.0639%2010.7985%201.18573L2.76%205.70286C2.53044%205.8318%202.33881%206.02165%202.20512%206.25259C2.07143%206.48352%202.00059%206.74706%202%207.0157V15.9843C2.00059%2016.2529%202.07143%2016.5165%202.20512%2016.7474C2.33881%2016.9783%202.53044%2017.1682%202.76%2017.2971L10.7985%2021.8143C11.0132%2021.9361%2011.2546%2022%2011.5%2022C11.7454%2022%2011.9868%2021.9361%2012.2015%2021.8143L20.24%2017.2971C20.4696%2017.1682%2020.6612%2016.9783%2020.7949%2016.7474C20.9286%2016.5165%2020.9994%2016.2529%2021%2015.9843V7.01664C20.9999%206.74752%2020.9293%206.48339%2020.7956%206.25192C20.6619%206.02045%2020.47%205.83015%2020.24%205.70098ZM11.5%202.49858L18.8387%206.62466L11.5%2010.7507L4.16125%206.62466L11.5%202.49858ZM3.46154%207.9375L10.7692%2012.043V20.0879L3.46154%2015.9852V7.9375ZM12.2308%2020.0879V12.0467L19.5385%207.9375V15.9815L12.2308%2020.0879Z'%20fill='%2326A3E3'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.center-group-icon {
  position: relative;
  top: 2px;
  left: 2px;
  background-image: url("data:image/svg+xml,%3Csvg%20width='22'%20height='22'%20viewBox='0%200%2022%2022'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20d='M11.3931%2021C16.6988%2021%2021%2016.6988%2021%2011.3931C21%206.0873%2016.6988%201.78613%2011.3931%201.78613C6.0873%201.78613%201.78613%206.0873%201.78613%2011.3931C1.78613%2016.6988%206.0873%2021%2011.3931%2021Z'%20stroke='%2326A3E3'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3Cpath%20d='M12.8136%2015.8069L12.8136%2015.8069C12.387%2015.1195%2011.8034%2014.5551%2011.1163%2014.1645C10.4292%2013.7739%209.66002%2013.5695%208.8787%2013.5695C8.09738%2013.5695%207.32824%2013.7739%206.64111%2014.1645C5.9541%2014.555%205.37068%2015.1193%204.94409%2015.8065C4.90533%2015.8706%204.85466%2015.9263%204.79487%2015.9701C4.73495%2016.0141%204.6671%2016.0452%204.59521%2016.0617C4.52332%2016.0781%204.44899%2016.0794%204.3766%2016.0654C4.30422%2016.0515%204.23538%2016.0227%204.17408%2015.9808C4.11278%2015.9389%204.06027%2015.8848%204.01945%2015.8219C3.97864%2015.7589%203.95029%2015.6883%203.93591%2015.614C3.92152%2015.5398%203.92137%2015.4634%203.93544%2015.3891L4.00912%2015.4031L3.93544%2015.3891C3.94948%2015.315%203.97743%2015.2444%204.01781%2015.1814C4.01791%2015.1813%204.01802%2015.1811%204.01813%2015.1809L4.08123%2015.2215C4.73642%2014.165%205.69269%2013.3528%206.8131%2012.8993L12.8136%2015.8069ZM12.8136%2015.8069L12.8142%2015.8078C12.8946%2015.933%2013.0194%2016.021%2013.1625%2016.0514C13.3056%2016.0818%2013.4542%2016.0519%2013.5759%2015.9688C13.6974%2015.8858%2013.7819%2015.7567%2013.8124%2015.6101C13.8429%2015.4635%2013.8172%2015.3101%2013.7404%2015.1827L13.7399%2015.1819C13.0849%2014.1258%2012.1322%2013.31%2011.015%2012.8472C11.6128%2012.3961%2012.0667%2011.7656%2012.3161%2011.0384C12.5807%2010.2667%2012.6013%209.42644%2012.3747%208.64166C12.1481%207.85685%2011.6863%207.16863%2011.0568%206.67915C10.4273%206.18963%209.66361%205.925%208.8787%205.925C8.09379%205.925%207.33011%206.18963%206.70058%206.67915C6.07111%207.16863%205.60928%207.85685%205.38271%208.64166C5.15615%209.42644%205.17667%2010.2667%205.4413%2011.0384C5.6907%2011.7656%206.14462%2012.3961%206.74236%2012.8472L12.8136%2015.8069Z'%20fill='%2326A3E3'%20stroke='%2326A3E3'%20stroke-width='0.15'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.center-sphere-icon {
  position: relative;
  top: 2px;
  left: 2px;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='20'%20height='20'%20viewBox='0%200%20100%20100'%20fill='none'%3E%3Ccircle%20cx='50'%20cy='50'%20r='40'%20fill='%2348BB78'%20opacity='0.3'/%3E%3Ccircle%20cx='50'%20cy='50'%20r='20'%20fill='%2348BB78'/%3E%3Cpath%20d='M50%2010%20A40%2040%200%200%201%2090%2050'%20stroke='%2334D399'%20stroke-width='4'%20fill='none'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.center-subject-icon {
  position: relative;
  top: 2px;
  left: 2px;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='20'%20height='20'%20viewBox='0%200%20100%20100'%20fill='none'%3E%3Ccircle%20cx='50'%20cy='50'%20r='40'%20fill='none'%20stroke='%23805AD5'%20stroke-width='4'/%3E%3Ccircle%20cx='50'%20cy='50'%20r='20'%20fill='%23805AD5'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.center-perspective-icon {
  position: relative;
  top: 2px;
  left: 2px;
  background-image: url("data:image/svg+xml,%3Csvg%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cg%20clip-path='url(%23clip0_4902_122453)'%3E%3Cpath%20d='M4.35352%2013.0213C5.35639%2011.6788%206.95802%2010.8097%208.76263%2010.8097C10.0473%2010.8097%2011.2291%2011.2501%2012.1652%2011.9883'%20stroke='%2326A3E3'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3Cpath%20d='M7.97669%2016.7026H2.47669C2.05994%2016.7026%201.66023%2016.5369%201.36553%2016.2423C1.07083%2015.9476%200.905273%2015.5479%200.905273%2015.1311V2.55972C0.905273%202.14294%201.07083%201.74325%201.36553%201.44854C1.66023%201.15384%202.05994%200.988281%202.47669%200.988281H15.0481C15.4649%200.988281%2015.8646%201.15384%2016.1594%201.44854C16.454%201.74325%2016.6196%202.14294%2016.6196%202.55972V7.274'%20stroke='%2326A3E3'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3Cpath%20d='M8.76242%208.45257C10.0642%208.45257%2011.1196%207.39723%2011.1196%206.09542C11.1196%204.79361%2010.0642%203.73828%208.76242%203.73828C7.46061%203.73828%206.40527%204.79361%206.40527%206.09542C6.40527%207.39723%207.46061%208.45257%208.76242%208.45257Z'%20stroke='%2326A3E3'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3Cpath%20d='M11.5327%2016.5988C10.9813%2016.5028%2010.9813%2015.7111%2011.5327%2015.6152C13.5306%2015.2676%2015.1196%2013.7459%2015.5532%2011.765L15.5865%2011.6131C15.7058%2011.0681%2016.4819%2011.0647%2016.6059%2011.6087L16.6462%2011.7856C17.096%2013.7572%2018.6853%2015.2661%2020.6777%2015.6127C21.232%2015.7091%2021.232%2016.5048%2020.6777%2016.6013C18.6853%2016.9478%2017.096%2018.4567%2016.6462%2020.4284L16.6059%2020.6053C16.4819%2021.1492%2015.7058%2021.1459%2015.5865%2020.6007L15.5532%2020.4489C15.1196%2018.468%2013.5306%2016.9462%2011.5327%2016.5988Z'%20stroke='%2326A3E3'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.center-time-action-icon {
  position: relative;
  top: 2px;
  left: 2px;
  background-image: url("data:image/svg+xml,%3Csvg%20width='22'%20height='22'%20viewBox='0%200%2022%2022'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20d='M10.9694 9.7819C11.0391 9.85164 11.1218 9.90696 11.2128 9.94471C11.3039 9.98245 11.4014 10.0019 11.5 10.0019C11.5986 10.0019 11.6961 9.98245 11.7872 9.94471C11.8782 9.90696 11.9609 9.85164 12.0306 9.7819L15.7804 6.03161C15.8501 5.96195 15.9054 5.87922 15.9432 5.78817C15.9809 5.69711 16.0003 5.59951 16.0003 5.50094C16.0003 5.40237 15.9809 5.30477 15.9432 5.21371C15.9054 5.12266 15.8501 5.03993 15.7804 4.97027L12.0306 1.21998C11.9609 1.15024 11.8782 1.09492 11.7872 1.05717C11.6961 1.01943 11.5986 1 11.5 1C11.4014 1 11.3039 1.01943 11.2128 1.05717C11.1218 1.09492 11.0391 1.15024 10.9694 1.21998L7.21962 4.97027C7.14989 5.03993 7.09457 5.12266 7.05683 5.21371C7.01909 5.30477 6.99966 5.40237 6.99966 5.50094C6.99966 5.59951 7.01909 5.69711 7.05683 5.78817C7.09457 5.87922 7.14989 5.96195 7.21962 6.03161L10.9694 9.7819ZM11.5 2.81104L14.1895 5.50094L11.5 8.19084L8.81046 5.50094L11.5 2.81104ZM12.0306 13.2181C11.9609 13.1484 11.8782 13.093 11.7872 13.0553C11.6961 13.0175 11.5986 12.9981 11.5 12.9981C11.4014 12.9981 11.3039 13.0175 11.2128 13.0553C11.1218 13.093 11.0391 13.1484 10.9694 13.2181L7.21962 16.9684C7.14989 17.0381 7.09457 17.1208 7.05683 17.2118C7.01909 17.3029 6.99966 17.4005 6.99966 17.4991C6.99966 17.5976 7.01909 17.6952 7.05683 17.7863C7.09457 17.8773 7.14989 17.9601 7.21962 18.0297L10.9694 21.78C11.0391 21.8498 11.1218 21.9051 11.2128 21.9428C11.3039 21.9806 11.4014 22 11.5 22C11.5986 22 11.6961 21.9806 11.7872 21.9428C11.8782 21.9051 11.9609 21.8498 12.0306 21.78L15.7804 18.0297C15.8501 17.9601 15.9054 17.8773 15.9432 17.7863C15.9809 17.6952 16.0003 17.5976 16.0003 17.4991C16.0003 17.4005 15.9809 17.3029 15.9432 17.2118C15.9054 17.1208 15.8501 17.0381 15.7804 16.9684L12.0306 13.2181ZM11.5 20.1918L8.81046 17.5019L11.5 14.812L14.1895 17.5019L11.5 20.1918ZM21.78 10.9707L18.0303 7.22045C17.9606 7.15071 17.8779 7.09539 17.7869 7.05764C17.6958 7.0199 17.5982 7.00047 17.4997 7.00047C17.4011 7.00047 17.3035 7.0199 17.2125 7.05764C17.1214 7.09539 17.0387 7.15071 16.9691 7.22045L13.2193 10.9707C13.1496 11.0404 13.0942 11.1231 13.0565 11.2142C13.0188 11.3052 12.9993 11.4028 12.9993 11.5014C12.9993 11.6 13.0188 11.6976 13.0565 11.7886C13.0942 11.8797 13.1496 11.9624 13.2193 12.0321L16.9691 15.7824C17.0387 15.8521 17.1214 15.9074 17.2125 15.9452C17.3035 15.9829 17.4011 16.0023 17.4997 16.0023C17.5982 16.0023 17.6958 15.9829 17.7869 15.9452C17.8779 15.9074 17.9606 15.8521 18.0303 15.7824L21.78 12.0321C21.8498 11.9624 21.9051 11.8797 21.9428 11.7886C21.9806 11.6976 22 11.6 22 11.5014C22 11.4028 21.9806 11.3052 21.9428 11.2142C21.9051 11.1231 21.8498 11.0404 21.78 10.9707ZM17.4997 14.1913L14.8101 11.5014L17.4997 8.81151L20.1892 11.5014L17.4997 14.1913ZM9.78072 10.9707L6.03093 7.22045C5.96128 7.15071 5.87857 7.09539 5.78753 7.05764C5.69648 7.0199 5.59889 7.00047 5.50034 7.00047C5.40178 7.00047 5.30419 7.0199 5.21315 7.05764C5.12211 7.09539 5.03939 7.15071 4.96974 7.22045L1.21995 10.9707C1.15022 11.0404 1.09491 11.1231 1.05717 11.2142C1.01943 11.3052 1 11.4028 1 11.5014C1 11.6 1.01943 11.6976 1.05717 11.7886C1.09491 11.8797 1.15022 11.9624 1.21995 12.0321L4.96974 15.7824C5.03939 15.8521 5.12211 15.9074 5.21315 15.9452C5.30419 15.9829 5.40178 16.0023 5.50034 16.0023C5.59889 16.0023 5.69648 15.9829 5.78753 15.9452C5.87857 15.9074 5.96128 15.8521 6.03093 15.7824L9.78072 12.0321C9.85045 11.9624 9.90577 11.8797 9.94351 11.7886C9.98125 11.6976 10.0007 11.6 10.0007 11.5014C10.0007 11.4028 9.98125 11.3052 9.94351 11.2142C9.90577 11.1231 9.85045 11.0404 9.78072 10.9707ZM5.50034 14.1913L2.8108 11.5014L5.50034 8.81151L8.18987 11.5014L5.50034 14.1913Z' fill='%2348BB78'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.center-orbit-icon {
  position: relative;
  top: 2px;
  left: 2px;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='26'%20height='22'%20viewBox='0%200%2026%2022'%20fill='none'%3E%3Cpath%20d='M4.96289%2020.2119V16.6689H9.07677'%20stroke='%2326A3E3'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3Cpath%20d='M23.7054%209.30695C24.729%2013.9951%2021.3979%2018.6427%2015.9593%2019.8979C11.7968%2020.8585%207.5496%2019.5663%204.96289%2016.8892'%20stroke='%2326A3E3'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3Cpath%20d='M2.67647%2012.6927C1.65286%208.00463%204.98399%203.35689%2010.4226%202.10182C14.5848%201.1413%2018.8317%202.4332%2021.4184%205.10997'%20stroke='%2326A3E3'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3Cpath%20d='M21.4185%201.78809V5.33116H17.3047'%20stroke='%2326A3E3'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3Cpath%20d='M8.36333%2011.4764C7.78123%2011.3892%207.78123%2010.6695%208.36333%2010.5823C10.4722%2010.2664%2012.1494%208.88297%2012.6072%207.08212L12.6422%206.94407C12.7682%206.4486%2013.5873%206.44552%2013.7183%206.94002L13.7609%207.10089C14.2356%208.89326%2015.9133%2010.2649%2018.0163%2010.58C18.6013%2010.6677%2018.6013%2011.3911%2018.0163%2011.4787C15.9133%2011.7938%2014.2356%2013.1655%2013.7609%2014.9579L13.7183%2015.1187C13.5873%2015.6133%2012.7682%2015.6101%2012.6422%2015.1147L12.6072%2014.9767C12.1494%2013.1758%2010.4722%2011.7924%208.36333%2011.4764Z'%20stroke='%2326A3E3'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.center-rotation-icon {
  position: relative;
  top: 2px;
  left: 2px;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='26'%20height='22'%20viewBox='0%200%2026%2022'%20fill='none'%3E%3Cpath%20d='M4.96289%2020.2119V16.6689H9.07677'%20stroke='%2326A3E3'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3Cpath%20d='M23.7054%209.30695C24.729%2013.9951%2021.3979%2018.6427%2015.9593%2019.8979C11.7968%2020.8585%207.5496%2019.5663%204.96289%2016.8892'%20stroke='%2326A3E3'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3Cpath%20d='M2.67647%2012.6927C1.65286%208.00463%204.98399%203.35689%2010.4226%202.10182C14.5848%201.1413%2018.8317%202.4332%2021.4184%205.10997'%20stroke='%2326A3E3'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3Cpath%20d='M21.4185%201.78809V5.33116H17.3047'%20stroke='%2326A3E3'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3Cpath%20d='M8.36333%2011.4764C7.78123%2011.3892%207.78123%2010.6695%208.36333%2010.5823C10.4722%2010.2664%2012.1494%208.88297%2012.6072%207.08212L12.6422%206.94407C12.7682%206.4486%2013.5873%206.44552%2013.7183%206.94002L13.7609%207.10089C14.2356%208.89326%2015.9133%2010.2649%2018.0163%2010.58C18.6013%2010.6677%2018.6013%2011.3911%2018.0163%2011.4787C15.9133%2011.7938%2014.2356%2013.1655%2013.7609%2014.9579L13.7183%2015.1187C13.5873%2015.6133%2012.7682%2015.6101%2012.6422%2015.1147L12.6072%2014.9767C12.1494%2013.1758%2010.4722%2011.7924%208.36333%2011.4764Z'%20stroke='%2326A3E3'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
/*
.sphere-user-icon {
  background-image: url('data:image/svg+xml;utf8,<svg width="26" height="26" viewBox="0 0 26 26" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="user-circle-single--circle-geometric-human-person-single-user"><g id="user-circle-single--circle-geometric-human-person-single-user_2"><path id="Vector" d="M13.0001 14.7599C15.4293 14.7599 17.3986 12.7906 17.3986 10.3614C17.3986 7.93217 15.4293 5.96289 13.0001 5.96289C10.5708 5.96289 8.60156 7.93217 8.60156 10.3614C8.60156 12.7906 10.5708 14.7599 13.0001 14.7599Z" stroke="%23377FC4" stroke-linecap="round" stroke-linejoin="round"/><path id="Vector_2" d="M5.48828 21.6216C6.2734 20.3328 7.37684 19.2677 8.69252 18.5287C10.0082 17.7896 11.4919 17.4014 13.0009 17.4014C14.51 17.4014 15.9936 17.7896 17.3093 18.5287C18.625 19.2677 19.7284 20.3328 20.5136 21.6216" stroke="%23377FC4" stroke-linecap="round" stroke-linejoin="round"/><path id="Vector_3" d="M13.0005 24.4366C19.3166 24.4366 24.4366 19.3166 24.4366 13.0005C24.4366 6.68457 19.3166 1.56445 13.0005 1.56445C6.68457 1.56445 1.56445 6.68457 1.56445 13.0005C1.56445 19.3166 6.68457 24.4366 13.0005 24.4366Z" stroke="%23377FC4" stroke-linecap="round" stroke-linejoin="round"/></g></g></svg>');
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  width: 24.632px;
  height: 24.632px;
}
*/
.center-sphere-priority-icon {
  position: relative;
  top: 2px;
  left: 2px;
  background-image: url("data:image/svg+xml,%3Csvg%20width='22'%20height='22'%20viewBox='0%200%2022%2022'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cg%20clip-path='url(%23clip0_4902_122407)'%3E%3Cpath%20d='M9.6423%207.21063C8.72555%207.90125%207.79322%208.70989%206.88422%209.61889C2.82223%2013.6809%200.764175%2018.2086%202.28742%2019.7319C3.81066%2021.255%208.33839%2019.197%2012.4004%2015.1351C13.3094%2014.2261%2014.118%2013.2937%2014.8086%2012.377'%20stroke='%231A9C9C'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3Cpath%20d='M14.8086%2012.377C17.2042%2015.5569%2018.1796%2018.5495%2016.9972%2019.7319C15.4739%2021.2552%2010.9462%2019.197%206.88422%2015.1351C2.82223%2011.0731%200.764175%206.54534%202.28742%205.0221C3.46979%203.83973%206.4624%204.81514%209.6423%207.21064'%20stroke='%231A9C9C'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3Cpath%20d='M8.92773%2012.3771C8.92773%2012.7716%209.24753%2013.0914%209.64202%2013.0914C10.0365%2013.0914%2010.3563%2012.7716%2010.3563%2012.3771C10.3563%2011.9826%2010.0365%2011.6628%209.64202%2011.6628C9.24753%2011.6628%208.92773%2011.9826%208.92773%2012.3771Z'%20stroke='%231A9C9C'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3Cpath%20d='M12.5123%206.15718C12.0636%206.07911%2012.0636%205.4349%2012.5123%205.35683C14.1381%205.07398%2015.4312%203.83567%2015.784%202.22363L15.8112%202.10006C15.9082%201.65654%2016.5397%201.65378%2016.6407%202.09644L16.6736%202.24044C17.0395%203.84487%2018.3329%205.07273%2019.9542%205.35478C20.4053%205.43325%2020.4053%206.08075%2019.9542%206.15923C18.3329%206.44128%2017.0395%207.66915%2016.6736%209.27358L16.6407%209.41758C16.5397%209.86024%2015.9082%209.85748%2015.8112%209.41395L15.784%209.29038C15.4312%207.67835%2014.1381%206.44003%2012.5123%206.15718Z'%20stroke='%231A9C9C'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath%20id='clip0_4902_122407'%3E%3Crect%20width='20'%20height='20'%20fill='white'%20transform='translate(1.03906%201)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.center-sphere-pillar-icon {
  position: relative;
  top: 2px;
  left: 2px;
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D'23'%20height%3D'23'%20viewBox%3D'0%200%2023%2023'%20fill%3D'none'%20xmlns%3D'http%3A//www.w3.org/2000/svg'%3E%3Cdefs%3E%3ClinearGradient%20id%3D'paint0_linear_main'%20x1%3D'5.21977'%20y1%3D'17.3305'%20x2%3D'16.7802'%20y2%3D'5.77008'%20gradientUnits%3D'userSpaceOnUse'%3E%3Cstop%20stop-color%3D'%2338AB6B'/%3E%3Cstop%20offset%3D'1'%20stop-color%3D'%2349C881'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath%20d%3D'M18.9892%2013.2037C19.2761%2013.361%2019.599%2013.4407%2019.9262%2013.4353C20.2533%2013.4297%2020.5735%2013.3391%2020.8551%2013.1722C21.1368%2013.0054%2021.3702%2012.7681%2021.5323%2012.4838C21.6945%2012.1994%2021.7799%2011.8779%2021.7799%2011.5506C21.7801%2011.2234%2021.695%2010.9018%2021.5331%2010.6176C21.3711%2010.3333%2021.1379%2010.0963%2020.8564%209.92962C20.5748%209.76297%2020.2547%209.67258%2019.9276%209.66733C19.6004%209.66209%2019.2773%209.74202%2018.9904%209.8995C18.6697%208.33827%2017.8982%206.90564%2016.7714%205.77888C15.6447%204.65211%2014.212%203.88064%2012.6508%203.55992C12.8082%203.27294%2012.8883%202.94996%2012.883%202.62277C12.8777%202.29558%2012.7873%201.97547%2012.6207%201.69396C12.4541%201.41243%2012.217%201.17923%2011.9327%201.01727C11.6485%200.855316%2011.3269%200.770213%2010.9997%200.770332C10.6725%200.770448%2010.3509%200.855797%2010.0665%201.01795C9.78216%201.18012%209.54489%201.4135%209.37807%201.69514C9.21124%201.97678%209.12061%202.29695%209.11509%202.62415C9.10957%202.95134%209.18936%203.27427%209.3466%203.56113C7.7859%203.88512%206.35331%204.65737%205.22443%205.78319C4.23605%206.76848%203.51953%207.9928%203.14469%209.33685C2.74269%209.19789%202.30524%209.2001%201.90441%209.34314C1.50357%209.48618%201.1634%209.76138%200.939847%2010.1235C0.716293%2010.4856%200.622653%2010.9131%200.674542%2011.3353C0.726351%2011.7575%200.920477%2012.1494%201.22501%2012.4463C1.44885%2012.6678%201.72438%2012.8301%202.02678%2012.9183C2.32916%2013.0066%202.64879%2013.0182%202.95681%2012.952C3.23938%2014.611%204.03012%2016.1409%205.21978%2017.3305C6.40944%2018.5202%207.93934%2019.3109%209.59834%2019.5935C9.5127%2019.9908%209.55779%2020.4049%209.72693%2020.7743C9.89598%2021.1436%2010.1799%2021.4484%2010.5364%2021.643C10.8929%2021.8377%2011.3029%2021.9118%2011.7052%2021.8544C12.1075%2021.797%2012.4805%2021.611%2012.7687%2021.3243C13.0137%2021.0773%2013.1852%2020.7669%2013.2637%2020.428C13.3423%2020.089%2013.3249%2019.7351%2013.2135%2019.4056C14.5575%2019.0307%2015.7819%2018.3143%2016.7671%2017.3259C17.8929%2016.197%2018.6652%2014.7644%2018.9892%2013.2037Z'%20stroke%3D'url(%23paint0_linear_main)'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'/%3E%3Cg%20transform%3D'translate(1,1)'%3E%3Ccircle%20cx%3D'10'%20cy%3D'10.5'%20r%3D'5'%20stroke%3D'url(%23paint0_linear_main)'%20stroke-width%3D'1'/%3E%3Ccircle%20cx%3D'10'%20cy%3D'10.5'%20r%3D'1.5'%20fill%3D'url(%23paint0_linear_main)'/%3E%3C/g%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.center-sphere-strategy-icon {
  position: relative;
  top: 2px;
  left: 2px;
  background-image: url("data:image/svg+xml,%3Csvg%20width='22'%20height='22'%20viewBox='0%200%2022%2022'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20d='M10.8658%209.62083L10.8657%2015.7767C10.8657%2018.1091%208.97483%2020%206.6423%2020C4.30977%2020%202.41887%2018.1091%202.41887%2015.7767C2.41887%2015.6571%202.42384%2015.5388%202.43357%2015.4218C1.55459%2014.4775%201%2012.6304%201%2011.0893C1%208.98924%202.02972%206.94741%203.50682%206.14482C3.49265%206.01341%203.48538%205.87995%203.48538%205.74478C3.48538%203.70674%205.13755%202.05457%207.17559%202.05457C8.08312%202.05457%208.91411%202.38217%209.55681%202.92555'%20stroke='%23B04DAA'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3Cpath%20d='M5.45689%208.65254C4.91505%208.52902%203.68721%207.72378%203.50195%206.15393'%20stroke='%23B04DAA'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3Cpath%20d='M3.56289%2013.2075C3.01162%2013.6428%202.57209%2014.6292%202.42969%2015.4194'%20stroke='%23B04DAA'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3Cpath%20d='M10.8662%2015.7765C10.8662%2018.109%2012.7571%2019.9999%2015.0896%2019.9999C17.4221%2019.9999%2019.313%2018.109%2019.313%2015.7765C19.313%2015.657%2019.308%2015.5387%2019.2983%2015.4216C20.1774%2014.4774%2020.732%2012.6303%2020.732%2011.0891C20.732%2010.4162%2020.6262%209.74921%2020.4338%209.12708'%20stroke='%23B04DAA'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3Cpath%20d='M18.1689%2013.2075C18.7201%2013.6428%2019.1597%2014.6292%2019.3021%2015.4194'%20stroke='%23B04DAA'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3Cpath%20d='M10.9657%206.32407C10.4216%206.22941%2010.4216%205.44834%2010.9657%205.35369C12.9368%205.01077%2014.5046%203.50939%2014.9324%201.55493L14.9652%201.40511C15.0829%200.867375%2015.8487%200.864028%2015.971%201.40072L16.0108%201.5753C16.4546%203.52055%2018.0227%205.00925%2019.9884%205.35121C20.5353%205.44636%2020.5353%206.2314%2019.9884%206.32653C18.0227%206.66851%2016.4546%208.15721%2016.0108%2010.1024L15.971%2010.277C15.8487%2010.8137%2015.0829%2010.8104%2014.9652%2010.2726L14.9324%2010.1228C14.5046%208.16835%2012.9368%206.66699%2010.9657%206.32407Z'%20stroke='%23B04DAA'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.center-sphere-intention-icon {
  position: relative;
  top: 2px;
  left: 2px;
  background-image: url("data:image/svg+xml,%3Csvg%20width='22'%20height='22'%20viewBox='0%200%2022%2022'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cg%20clip-path='url(%23clip0_4902_122422)'%3E%3Cpath%20d='M13.0089%2012.3862C12.4573%2013.0135%2011.786%2013.5295%2011.0307%2013.9016V16.0445C11.0307%2016.2339%2010.9554%2016.4156%2010.8215%2016.5495C10.6875%2016.6835%2010.5058%2016.7588%2010.3164%2016.7588H6.03067C5.84124%2016.7588%205.65956%2016.6835%205.5256%2016.5495C5.39164%2016.4156%205.31639%2016.2339%205.31639%2016.0445V13.9016C4.28846%2013.3916%203.41579%2012.6157%202.78896%2011.6545C2.16214%2010.6933%201.80402%209.58188%201.75178%208.43557C1.69955%207.28924%201.9551%206.14984%202.4919%205.13563C3.02872%204.12143%203.8272%203.26938%204.80449%202.66798C5.78177%202.06657%206.90223%201.73772%208.04953%201.71556C9.00669%201.69706%209.95342%201.8926%2010.8215%202.28496'%20stroke='%235C1BB7'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3Cpath%20d='M5.31641%2020.2858H11.0307'%20stroke='%235C1BB7'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3Cpath%20d='M11.5645%206.62C11.0631%206.53278%2011.0631%205.8131%2011.5645%205.72588C13.3807%205.40991%2014.8252%204.02654%2015.2195%202.22567L15.2497%202.08763C15.3581%201.59215%2016.0637%201.58907%2016.1764%202.08358L16.2131%202.24445C16.6219%204.03681%2018.0668%205.40851%2019.8781%205.7236C20.3819%205.81127%2020.3819%206.53461%2019.8781%206.62227C18.0668%206.93737%2016.6219%208.30907%2016.2131%2010.1014L16.1764%2010.2623C16.0637%2010.7568%2015.3581%2010.7537%2015.2497%2010.2583L15.2195%2010.1202C14.8252%208.31936%2013.3807%206.93597%2011.5645%206.62Z'%20stroke='%235C1BB7'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath%20id='clip0_4902_122422'%3E%3Crect%20width='22'%20height='22'%20fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
/* I 
.sphere-role-icon {
  position: relative;
  top: 2px;
  left: 2px;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%3E%3Cpath%20d='M10%202L4%205V9C4%2013%206%2014%2010%2018C14%2014%2016%2013%2016%209V5L10%202Z' stroke='%231A9C9C' stroke-width='2' fill='none'/%3E%3Cpolygon%20points='10,7%2011.09,9.26%2013,9.27%2011.5,11.14%2012.82,13.02%2010,11.77%207.18,13.02%208.5,11.14%207,9.27%208.91,9.26' fill='%231A9C9C'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
*/
.center-subject-identity-icon {
  position: relative;
  top: 2px;
  left: 2px;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='20'%20height='20'%20viewBox='0%200%20100%20100'%20fill='none'%3E%3Crect%20x='20'%20y='20'%20width='60'%20height='60'%20rx='10'%20stroke='%23805AD5'%20stroke-width='4'%20fill='none'/%3E%3Ccircle%20cx='50'%20cy='45'%20r='12'%20fill='%23805AD5'/%3E%3Cpath%20d='M40%2070%20C40%2060,%2060%2060,%2060%2070%20C60%2075,%2040%2075,%2040%2070%20Z'%20fill='%23805AD5'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.center-subject-user-icon {
  position: relative;
  top: 2px;
  left: 2px;
  background-image: url("data:image/svg+xml,%3Csvg%20width='20'%20height='20'%20viewBox='0%200%2022%2022'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20d='M11%200.4375C8.91094%200.4375%206.86879%201.05698%205.13179%202.2176C3.3948%203.37822%202.04098%205.02786%201.24153%206.95791C0.442077%208.88795%200.232904%2011.0117%200.64046%2013.0606C1.04802%2015.1096%202.054%2016.9916%203.53119%2018.4688C5.00838%2019.946%206.89044%2020.952%208.93936%2021.3595C10.9883%2021.7671%2013.1121%2021.5579%2015.0421%2020.7585C16.9721%2019.959%2018.6218%2018.6052%2019.7824%2016.8682C20.943%2015.1312%2021.5625%2013.0891%2021.5625%2011C21.5595%208.19956%2020.4458%205.51466%2018.4656%203.53445C16.4853%201.55424%2013.8004%200.440457%2011%200.4375ZM5.52375%2018.0586C6.11153%2017.1393%206.92126%2016.3828%207.8783%2015.8588C8.83534%2015.3348%209.90889%2015.0601%2011%2015.0601C12.0911%2015.0601%2013.1647%2015.3348%2014.1217%2015.8588C15.0787%2016.3828%2015.8885%2017.1393%2016.4763%2018.0586C14.9105%2019.2763%2012.9835%2019.9374%2011%2019.9374C9.01647%2019.9374%207.08951%2019.2763%205.52375%2018.0586ZM7.75%2010.1875C7.75%209.54471%207.94061%208.91636%208.29773%208.3819C8.65484%207.84744%209.16242%207.43088%209.75628%207.18489C10.3501%206.93891%2011.0036%206.87455%2011.634%206.99995C12.2645%207.12535%2012.8436%207.43488%2013.2981%207.8894C13.7526%208.34392%2014.0622%208.92302%2014.1876%209.55346C14.313%2010.1839%2014.2486%2010.8374%2014.0026%2011.4312C13.7566%2012.0251%2013.3401%2012.5327%2012.8056%2012.8898C12.2711%2013.2469%2011.6428%2013.4375%2011%2013.4375C10.1381%2013.4375%209.3114%2013.0951%208.70191%2012.4856C8.09241%2011.8761%207.75%2011.0495%207.75%2010.1875ZM17.6788%2016.9323C16.7726%2015.6191%2015.4984%2014.6033%2014.0164%2014.0123C14.8125%2013.3853%2015.3934%2012.5259%2015.6783%2011.5534C15.9632%2010.581%2015.9381%209.54389%2015.6063%208.58641C15.2745%207.62894%2014.6526%206.79865%2013.827%206.21101C13.0015%205.62338%2012.0133%205.3076%2011%205.3076C9.98667%205.3076%208.99852%205.62338%208.17297%206.21101C7.34743%206.79865%206.72551%207.62894%206.39372%208.58641C6.06194%209.54389%206.03676%2010.581%206.3217%2011.5534C6.60664%2012.5259%207.18754%2013.3853%207.9836%2014.0123C6.50162%2014.6033%205.22743%2015.6191%204.32125%2016.9323C3.17621%2015.6446%202.4278%2014.0534%202.16614%2012.3503C1.90449%2010.6471%202.14075%208.90466%202.84648%207.33268C3.55221%205.7607%204.69731%204.42624%206.1439%203.49C7.59049%202.55375%209.27688%202.05564%2011%202.05564C12.7231%202.05564%2014.4095%202.55375%2015.8561%203.49C17.3027%204.42624%2018.4478%205.7607%2019.1535%207.33268C19.8593%208.90466%2020.0955%2010.6471%2019.8339%2012.3503C19.5722%2014.0534%2018.8238%2015.6446%2017.6788%2016.9323Z'%20fill='%2326A3E3'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.center-subject-role-icon {
  position: relative;
  top: 2px;
  left: 2px;
  background-image: url("data:image/svg+xml,%3Csvg%20width='22'%20height='22'%20viewBox='0%200%2022%2022'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cg%20clip-path='url(%23clip0_4902_122468)'%3E%3Cpath%20d='M10.8932%2021C16.4753%2021%2021.0004%2016.4749%2021.0004%2010.8929C21.0004%205.31088%2016.4753%200.785767%2010.8932%200.785767C5.31124%200.785767%200.786133%205.31088%200.786133%2010.8929C0.786133%2016.4749%205.31124%2021%2010.8932%2021Z'%20stroke='%2326A3E3'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3Cpath%20d='M10.8805%208.71126C12.1892%208.71126%2013.2502%207.6503%2013.2502%206.34153C13.2502%205.03277%2012.1892%203.9718%2010.8805%203.9718C9.57171%203.9718%208.51074%205.03277%208.51074%206.34153C8.51074%207.6503%209.57171%208.71126%2010.8805%208.71126Z'%20stroke='%2326A3E3'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3Cpath%20d='M12.916%2013.7689L12.4103%2017.8149H10.893H9.3753L8.86956%2013.7689H7.8583C7.57899%2013.7689%207.35254%2013.5425%207.35254%2013.2632V12.2517C7.35254%2010.2964%208.93744%208.71143%2010.8927%208.71143C12.8479%208.71143%2014.433%2010.2964%2014.433%2012.2517V13.2632C14.433%2013.5425%2014.2066%2013.7689%2013.9273%2013.7689H12.916Z'%20stroke='%2326A3E3'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath%20id='clip0_4902_122468'%3E%3Crect%20width='22'%20height='22'%20fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.urgent-status-icon {
  width: 26px;
  height: 28px;
  background-color: #ff5733; /* Set your custom color here */
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='28' viewBox='0 0 26 28' fill='none'%3E%3Cpath d='M5.84075 14.3531L11.3707 12.2464L13.3816 6.45314C13.5913 5.84895 14.4069 5.84895 14.6167 6.45314L16.6275 12.2464L22.1574 14.3531C22.7342 14.5728 22.7342 15.4273 22.1574 15.6469L16.6275 17.7536L14.6167 23.5468C14.4069 24.1511 13.5913 24.1511 13.3816 23.5468L11.3707 17.7536L5.84075 15.6469C5.26402 15.4273 5.26402 14.5728 5.84075 14.3531Z' fill='%23A52255'/%3E%3C/svg%3E");
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='28' viewBox='0 0 26 28' fill='none'%3E%3Cpath d='M5.84075 14.3531L11.3707 12.2464L13.3816 6.45314C13.5913 5.84895 14.4069 5.84895 14.6167 6.45314L16.6275 12.2464L22.1574 14.3531C22.7342 14.5728 22.7342 15.4273 22.1574 15.6469L16.6275 17.7536L14.6167 23.5468C14.4069 24.1511 13.5913 24.1511 13.3816 23.5468L11.3707 17.7536L5.84075 15.6469C5.26402 15.4273 5.26402 14.5728 5.84075 14.3531Z' fill='%23A52255'/%3E%3C/svg%3E");
  mask-repeat: no-repeat;
  mask-size: contain;
  position: relative;
  top: 2px;
}
.success-icon {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20xmlns%3D'http%3A//www.w3.org/2000/svg'%3E%3Ccircle%20cx%3D'12'%20cy%3D'12'%20r%3D'10'%20stroke%3D'%2300C851'%20stroke-width%3D'2'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'/%3E%3Cpath%20d%3D'M8%2012.5L11%2015.5L16%2010.5'%20stroke%3D'%2300C851'%20stroke-width%3D'2'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  width: 24px;
  height: 24px;
}
.error-icon {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20xmlns%3D'http%3A//www.w3.org/2000/svg'%3E%3Ccircle%20cx%3D'12'%20cy%3D'12'%20r%3D'10'%20stroke%3D'%23FF4B5C'%20stroke-width%3D'2'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'/%3E%3Cpath%20d%3D'M16%2016L8%208'%20stroke%3D'%23FF4B5C'%20stroke-width%3D'2'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  width: 24px;
  height: 24px;
}
.header-filter-down-icon {
  background-image: url("data:image/svg+xml,%3Csvg%20width='18'%20height='18'%20viewBox='0%200%2018%2018'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20d='M8.64463%2010.9302C8.8403%2011.1279%209.1597%2011.1279%209.35537%2010.9302L12.1548%208.10173C12.4673%207.78601%2012.2436%207.25%2011.7994%207.25H6.20057C5.75636%207.25%205.53272%207.78601%205.8452%208.10173L8.64463%2010.9302Z'%20stroke='%23377FC4'/%3E%3Cpath%20d='M12.0001%202.92859H6.00014C4.57998%202.92859%203.42871%204.07986%203.42871%205.50002V11.5C3.42871%2012.9202%204.57998%2014.0714%206.00014%2014.0714H12.0001C13.4203%2014.0714%2014.5716%2012.9202%2014.5716%2011.5V5.50002C14.5716%204.07986%2013.4203%202.92859%2012.0001%202.92859Z'%20stroke='%23377FC4'%20stroke-width='1.2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  width: 15px;
  height: 15px;
}
.header-filter-up-icon {
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.14463 6.06983C9.3403 5.87214 9.6597 5.87214 9.85537 6.06983L12.6548 8.89827C12.9673 9.21399 12.7436 9.75 12.2994 9.75H6.70057C6.25636 9.75 6.03272 9.21399 6.3452 8.89827L9.14463 6.06983Z' stroke='%23377FC4'/%3E%3Cpath d='M12.0001 2.92859H6.00014C4.57998 2.92859 3.42871 4.07986 3.42871 5.50002V11.5C3.42871 12.9202 4.57998 14.0714 6.00014 14.0714H12.0001C13.4203 14.0714 14.5716 12.9202 14.5716 11.5V5.50002C14.5716 4.07986 13.4203 2.92859 12.0001 2.92859Z' stroke='%23377FC4' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  width: 15px;
  height: 15px;
}
.header-filter-icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'%3E%3Cpath d='M9.06206 1.07129H0.572266' stroke='%23377FC4' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.06329 4.25488H3.22656' stroke='%23377FC4' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.06259 7.43848H5.87891' stroke='%23377FC4' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M15.4291 13.0713L12.572 15.9284L9.71484 13.0713' stroke='%23377FC4' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12.5723 1.07129V15.9284' stroke='%23377FC4' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  width: 15px;
  height: 15px;
}
.custom-tooltip {
  font-size: var(--secondary-font);
  font-family: var(--font-family);
}
/* WebKit Browsers (e.g., Chrome, Safari) */
::-webkit-scrollbar {
  width: 10px;
  /* Set scrollbar width */
}
/* Scrollbar track */
::-webkit-scrollbar-track {
  background: var(--scrollbar-track);
  /* Background color of scrollbar track */
  border-radius: 10px;
  /* Optional: To round the track corners */
}
/* Scrollbar thumb */
::-webkit-scrollbar-thumb {
  background-color: var(--scrollbar-thumb);
  /* Thumb color */
  border-radius: 10px;
  /* Optional: To round the thumb corners */
  border: 3px solid var(--scrollbar-track);
  /* Optional: Padding around the thumb */
}
/* Firefox */
* {
  scrollbar-width: thin;
  /* Set the width of the scrollbar */
  scrollbar-color: var(--scrollbar-thumb) var(--scrollbar-track);
  /* Thumb color and track color */
}
::-webkit-scrollbar-thumb:hover {
  background-color: var(--scrollbar-thumb-hover);
}
.custom-error-message {
  border-radius: 5px;
  margin: 10px;
}
.custom-error-message .p-inline-message-text {
  font-size: var(--secondary-font);
}
.custom-toast div .p-toast-message .p-toast-message-content .p-toast-message-text .p-toast-detail {
  font-size: var(--primary-font);
}
.avatar-option {
  height: 20px;
  width: 20px;
  display: inline-block;
  top: 4px;
  position: relative;
}
.avatar-option-selected {
  height: 15px;
  width: 20px;
  display: inline-block;
}
.nearby-mode-icon {
  position: relative;
  top: 2px;
  left: 2px;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='100'%20height='100'%20viewBox='0%200%2024%2024'%20fill='none'%3E%3Ccircle%20cx='12'%20cy='12'%20r='10'%20fill='%232196F3'/%3E%3Ccircle%20cx='12'%20cy='12'%20r='5'%20fill='white'/%3E%3Ccircle%20cx='12'%20cy='12'%20r='8'%20stroke='white'%20stroke-width='2'%20fill='none'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 30px;
  height: 30px;
  border: 0px;
  border-radius: 20px;
}
.everywhere-mode-icon {
  position: relative;
  top: 2px;
  left: 2px;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='100'%20height='100'%20viewBox='0%200%2024%2024'%20fill='none'%3E%3Ccircle%20cx='12'%20cy='12'%20r='10'%20fill='%232196F3'/%3E%3Ccircle%20cx='12'%20cy='12'%20r='2'%20fill='white'/%3E%3Ccircle%20cx='12'%20cy='12'%20r='5'%20stroke='white'%20stroke-width='2'%20fill='none'/%3E%3Ccircle%20cx='12'%20cy='12'%20r='8'%20stroke='white'%20stroke-width='2'%20fill='none'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 30px;
  height: 30px;
  border: 0px;
  border-radius: 20px;
}
.atlas-button, .save-button {
  border-radius: 20px;
  border: var(--primary-border);
  color: var(--primary-text-color);
  background: var(--user-bg, linear-gradient(359deg, #f5fbff -34.86%, #f2f9fe -34.84%, #eff5fa 99.41%, #fafdff 125.39%));
  box-shadow: 0px -2px 7px 2px rgba(116, 139, 157, 0.2) inset;
  font-family: var(--font-family);
  font-size: var(--secondary-font);
  font-style: normal;
  font-weight: 700;
  line-height: 12px; /* 100% */
  padding-left: 10px;
  padding-right: 10px;
  cursor: pointer;
  height: 40px;
}
.ellipsis-circle-icon {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A//www.w3.org/2000/svg'%20width%3D'23'%20height%3D'22'%20viewBox%3D'0%200%2023%2022'%20fill%3D'none'%3E%3Cpath%20d%3D'M1.5%2011C1.5%2016.5229%205.97708%2021%2011.5%2021C17.0228%2021%2021.5%2016.5229%2021.5%2011C21.5%205.47715%2017.0228%201%2011.5%201C5.97708%200.999999%201.5%205.47716%201.5%2011Z'%20stroke%3D'%2326A3E3'%20stroke-width%3D'2'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'/%3E%3Cpath%20d%3D'M10.9678%206.94287C10.9678%206.7479%2011.1258%206.58984%2011.3208%206.58984C11.5158%206.58984%2011.6738%206.7479%2011.6738%206.94287'%20stroke%3D'%2326A3E3'%20stroke-width%3D'1.5'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'/%3E%3Cpath%20d%3D'M10.9678%206.94238C10.9678%207.13735%2011.1258%207.29541%2011.3208%207.29541C11.5158%207.29541%2011.6738%207.13735%2011.6738%206.94238'%20stroke%3D'%2326A3E3'%20stroke-width%3D'1.5'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'/%3E%3Cpath%20d%3D'M10.9678%2011.1782C10.9678%2010.9833%2011.1258%2010.8252%2011.3208%2010.8252C11.5158%2010.8252%2011.6738%2010.9833%2011.6738%2011.1782'%20stroke%3D'%2326A3E3'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'/%3E%3Cpath%20d%3D'M10.9678%2011.1777C10.9678%2011.3727%2011.1258%2011.5308%2011.3208%2011.5308C11.5158%2011.5308%2011.6738%2011.3727%2011.6738%2011.1777'%20stroke%3D'%2326A3E3'%20stroke-width%3D'1.5'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'/%3E%3Cpath%20d%3D'M10.9678%2015.4145C10.9678%2015.2196%2011.1258%2015.0615%2011.3208%2015.0615C11.5158%2015.0615%2011.6738%2015.2196%2011.6738%2015.4145'%20stroke%3D'%2326A3E3'%20stroke-width%3D'1.5'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'/%3E%3Cpath%20d%3D'M10.9678%2015.4141C10.9678%2015.6091%2011.1258%2015.7671%2011.3208%2015.7671C11.5158%2015.7671%2011.6738%2015.6091%2011.6738%2015.4141'%20stroke%3D'%2326A3E3'%20stroke-width%3D'1.5'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  width: 23px;
  height: 22px;
}
.center-calendar-period-icon {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%3Crect%20x%3D%224%22%20y%3D%2210%22%20width%3D%2216%22%20height%3D%224%22%20rx%3D%222%22%20stroke%3D%22%23377FC4%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3Cpath%20d%3D%22M2%2010V14%22%20stroke%3D%22%23377FC4%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3Cpath%20d%3D%22M22%2010V14%22%20stroke%3D%22%23377FC4%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  width: 24px;
  height: 24px;
}
.center-calendar-timeframe-icon {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%3Crect%20x%3D%222%22%20y%3D%224%22%20width%3D%2216%22%20height%3D%2218%22%20rx%3D%222%22%20stroke%3D%22%23377FC4%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3Crect%20x%3D%226%22%20y%3D%220%22%20width%3D%222%22%20height%3D%224%22%20rx%3D%221%22%20stroke%3D%22%23377FC4%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3Crect%20x%3D%2214%22%20y%3D%220%22%20width%3D%222%22%20height%3D%224%22%20rx%3D%221%22%20stroke%3D%22%23377FC4%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3Ccircle%20cx%3D%2218%22%20cy%3D%2216%22%20r%3D%224%22%20stroke%3D%22%23377FC4%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3Cpath%20d%3D%22M18%2016v-2%22%20stroke%3D%22%23377FC4%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3Cpath%20d%3D%22M18%2016h2%22%20stroke%3D%22%23377FC4%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  width: 24px;
  height: 24px;
}
.metaspace-toolbar-collapse-icon {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2228%22%20height%3D%2233%22%20viewBox%3D%220%200%2028%2033%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M12.8795%2016.5195H1.18945%22%20stroke%3D%22url%28%23paint0_linear_156_31603%29%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3Cpath%20d%3D%22M6.06029%2010.5527L1.18945%2016.5215L6.06029%2022.4903%22%20stroke%3D%22url%28%23paint1_linear_156_31603%29%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3Cpath%20d%3D%22M24.5692%201.00195H19.6983C18.6223%201.00195%2017.75%202.07088%2017.75%203.38946V29.652C17.75%2030.9707%2018.6223%2032.0396%2019.6983%2032.0396H24.5692C25.6452%2032.0396%2026.5175%2030.9707%2026.5175%2029.652V3.38946C26.5175%202.07088%2025.6452%201.00195%2024.5692%201.00195Z%22%20stroke%3D%22url%28%23paint2_linear_156_31603%29%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22paint0_linear_156_31603%22%20x1%3D%227.03446%22%20y1%3D%2216.5195%22%20x2%3D%227.03446%22%20y2%3D%2217.5195%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23407AC6%22/%3E%3Cstop%20offset%3D%220.94%22%20stop-color%3D%22%231F3B60%22/%3E%3C/linearGradient%3E%3ClinearGradient%20id%3D%22paint1_linear_156_31603%22%20x1%3D%223.62487%22%20y1%3D%2210.5527%22%20x2%3D%223.62487%22%20y2%3D%2222.4903%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23407AC6%22/%3E%3Cstop%20offset%3D%220.94%22%20stop-color%3D%22%231F3B60%22/%3E%3C/linearGradient%3E%3ClinearGradient%20id%3D%22paint2_linear_156_31603%22%20x1%3D%2222.1338%22%20y1%3D%221.00195%22%20x2%3D%2222.1338%22%20y2%3D%2232.0396%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23407AC6%22/%3E%3Cstop%20offset%3D%220.94%22%20stop-color%3D%22%231F3B60%22/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  width: 24px;
  height: 24px;
}
.metaspace-toolbar-expand-icon {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2228%22%20height%3D%2233%22%20viewBox%3D%220%200%2028%2028%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M15.102%2014.1719H26.792%22%20stroke%3D%22%23748B9D%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3Cpath%20d%3D%22M21.9212%209.23828L26.792%2014.173L21.9212%2019.1078%22%20stroke%3D%22%23748B9D%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3Cpath%20d%3D%22M3.41228%201.3418H8.28311C9.35914%201.3418%2010.2314%202.22554%2010.2314%203.3157V25.0286C10.2314%2026.1188%209.35914%2027.0025%208.28311%2027.0025H3.41228C2.33621%2027.0025%201.46394%2026.1188%201.46394%2025.0286V3.3157C1.46394%202.22554%202.33621%201.3418%203.41228%201.3418Z%22%20stroke%3D%22%23748B9D%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  width: 24px;
  height: 24px;
}
.chat-bubble-icon {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 20 24" fill="none"><g clip-path="url(%23clip0_156_36591)"><path d="M8.61622 1.35547C7.13643 1.61339 5.73374 2.32504 4.53824 3.42441C3.34275 4.52378 2.39315 5.97528 1.77752 7.64431C1.16189 9.31334 0.900158 11.1458 1.0166 12.9719C1.13304 14.7979 1.62388 16.5584 2.4436 18.09L0.955078 23.0098L5.9396 21.9055C7.22132 22.6746 8.63566 23.0532 10.0624 23.0088C11.4891 22.9644 12.886 22.4987 14.1342 21.6509C15.3826 20.8032 16.4453 19.5984 17.2321 18.1394C18.019 16.6803 18.5065 15.01 18.6536 13.2704" stroke="%23748B9D" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M15.2949 9.62114C17.1805 9.62114 18.7089 7.74807 18.7089 5.43753C18.7089 3.12698 17.1805 1.25391 15.2949 1.25391C13.4094 1.25391 11.8809 3.12698 11.8809 5.43753C11.8809 7.74807 13.4094 9.62114 15.2949 9.62114Z" fill="%23FD3B3B" stroke="%23FD3B3B" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></g><defs><clipPath id="clip0_156_36591"><rect width="19.1947" height="23.5214" fill="white" transform="translate(0.234375 0.371094)"/></clipPath></defs></svg>');
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  width: 20px;
  height: 20px;
}
.toolbar-sphere-icon {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 28 33" fill="none"><g clip-path="url(%23clip0_1080_61411)"><path d="M13.7023 27.4478C19.2276 27.4478 23.7066 22.7262 23.7066 16.9016C23.7066 11.0771 19.2276 6.35547 13.7023 6.35547C8.17708 6.35547 3.698 11.0771 3.698 16.9016C3.698 22.7262 8.17708 27.4478 13.7023 27.4478Z" stroke="%23748B9D" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/><rect x="0.687406" y="0.0355654" width="56.7821" height="45.4798" rx="20" transform="matrix(0.724887 -0.688868 0.649924 0.759999 -20.6621 20.3532)" stroke="black" stroke-opacity="0.01"/><path d="M7.68933 5.16602C9.54839 5.16602 11.0116 6.74686 11.0116 8.64062C11.0116 10.5344 9.54838 12.1152 7.68933 12.1152C5.83049 12.115 4.36807 10.5342 4.36804 8.64062C4.36804 6.74701 5.83048 5.16626 7.68933 5.16602Z" fill="%23748B9D"/><path d="M7.68933 5.16602C9.54839 5.16602 11.0116 6.74686 11.0116 8.64062C11.0116 10.5344 9.54838 12.1152 7.68933 12.1152C5.83049 12.115 4.36807 10.5342 4.36804 8.64062C4.36804 6.74701 5.83048 5.16626 7.68933 5.16602Z" fill="%23748B9D"/><path d="M7.68933 5.16602C9.54839 5.16602 11.0116 6.74686 11.0116 8.64062C11.0116 10.5344 9.54838 12.1152 7.68933 12.1152C5.83049 12.115 4.36807 10.5342 4.36804 8.64062C4.36804 6.74701 5.83048 5.16626 7.68933 5.16602Z" fill="%23748B9D"/><path d="M7.68933 5.16602C9.54839 5.16602 11.0116 6.74686 11.0116 8.64062C11.0116 10.5344 9.54838 12.1152 7.68933 12.1152C5.83049 12.115 4.36807 10.5342 4.36804 8.64062C4.36804 6.74701 5.83048 5.16626 7.68933 5.16602Z" fill="%23748B9D"/><path d="M7.68933 5.16602C9.54839 5.16602 11.0116 6.74686 11.0116 8.64062C11.0116 10.5344 9.54838 12.1152 7.68933 12.1152C5.83049 12.115 4.36807 10.5342 4.36804 8.64062C4.36804 6.74701 5.83048 5.16626 7.68933 5.16602Z" stroke="%23EAF2F9"/><path d="M13.8036 11.1152C16.7015 11.1154 19.0057 13.5844 19.0057 16.5732C19.0055 19.5619 16.7013 22.0301 13.8036 22.0303C10.9057 22.0303 8.60067 19.562 8.60046 16.5732C8.60046 13.5843 10.9056 11.1152 13.8036 11.1152Z" fill="%23748B9D" stroke="%23EAF2F9"/></g><defs><clipPath id="clip0_1080_61411"><rect width="27.2767" height="31.7286" fill="white" transform="translate(0.164062 0.464844)"/></clipPath></defs></svg>');
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  width: 30px;
  height: 30px;
}
.raised-panel {
  /* Rectangle 141280 */
  box-sizing: border-box;
  /* card-gradient-bg */
  background: linear-gradient(190.35deg, #ecf3f8 13.55%, #f8fdff 96.01%);
  border: 3px solid #ffffff;
  /* drop-2-metacards */
  box-shadow: -3px -2px 4px rgba(31, 59, 96, 0.2), 2px 2px 3px rgba(116, 139, 157, 0.15);
}
.Save-button {
  color: var(--primary-color, #377fc4);
  border-radius: 20px 0 0 20px;
  height: 45px;
  font-style: normal;
  font-weight: 700;
  font-family: var(--font-family);
  font-size: 14px;
  line-height: 12px;
  cursor: pointer;
  background: var(--Save-button);
  box-shadow: 0px -2px 7px 2px rgba(116, 139, 157, 0.2) inset;
  border: var(--primary-border);
  width: auto;
  padding: 0.4375rem 0.875rem;
}
.Close-button {
  color: #8e99a1;
  border-radius: 0 20px 20px 0;
  height: 45px;
  font-style: normal;
  font-weight: 700;
  font-family: var(--font-family);
  font-size: 14px;
  line-height: 1;
  cursor: pointer;
  background: var(--Close-button);
  box-shadow: 0px -2px 7px 2px rgba(116, 139, 157, 0.2) inset;
  border: var(--primary-border);
  width: auto;
  padding: 0.4375rem 0.875rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.clear-button {
  color: #8e99a1;
  border-radius: 20px;
  height: 45px;
  font-style: normal;
  font-weight: 700;
  font-family: var(--font-family);
  font-size: 14px;
  line-height: 12px;
  cursor: pointer;
  background: var(--Clear-button);
  box-shadow: 0px -2px 7px 2px rgba(116, 139, 157, 0.2) inset;
  border: var(--primary-border);
  width: auto;
  padding: 0.4375rem 0.875rem;
}
.Save-button:hover,
.Close-button:hover {
  background-color: var(--hover-background, #f0f0f0);
  color: var(--hover-primary-color, #255b99);
}
.Search-input-box {
  border-radius: 20px;
  border: var(--primary-border);
  background: var(--Search-input-box);
  box-shadow: 2px 2px 7px 2px rgba(30, 84, 156, 0.18) inset, -3px -1px 10px 0px rgba(160, 183, 202, 0.15) inset;
  color: var(--primary-text-color);
}
.p-tabview .p-tabview-nav-container .p-tabview-nav-content .p-tabview-nav {
  background: var(--tab-background);
}
.p-tabview .p-tabview-nav-container .p-tabview-nav-content .p-tabview-nav li a {
  background: var(--tab-background);
}
.p-tabview-panels {
  background: var(--body-background);
}
[data-theme=dark] {
  color-scheme: dark;
  --dark-card-bg: #2C2C3E;
  --dark-card-bg-hover: #3a3a4e;
  --dark-card-border: #3a3a4e;
  --dark-text-primary: #FFFFFF;
  --dark-text-secondary: #E5E7EB;
  --dark-text-tertiary: #D1D5DB;
  --dark-text-muted: #9CA3AF;
  /* Semantic token overrides — surface + text are inverted; status ramps are preserved so red reads as red, green as green. */
  --text-color: #e8eef5;
  --text-color-muted: #b1c0d1;
  --text-color-subtle: #8ea0b5;
  --surface-ground: #14192b;
  --surface-raised: #1e1e2f;
  --surface-sunken: #0f1422;
  --surface-subtle: #23233a;
  --border-color: #2c2c3e;
  --border-color-soft: #23233a;
  --border-color-hover: #3d5d8a;
  /* Dark-mode overlay/border tokens — used by marketplace + general
     surfaces. Defined here so [data-theme='dark'] blocks elsewhere can
     reference them instead of hardcoding rgba(255, 255, 255, *) and
     #1E1E2F / #2C2C3E literals (the dark surface tokens already exist
     above as --surface-raised, --surface-ground, --dark-card-bg). */
  --border-subtle-dark: rgba(255, 255, 255, 0.1);
  --border-soft-dark: rgba(255, 255, 255, 0.15);
  --border-strong-dark: rgba(255, 255, 255, 0.2);
  --hover-overlay-dark: rgba(255, 255, 255, 0.05);
  --surface-overlay-dark: rgba(255, 255, 255, 0.08);
  --surface-deep-dark: #121212;
}
[data-theme=dark] .p-skeleton {
  background-color: #2a2a3a !important;
  border-radius: 12px;
}
[data-theme=dark] .p-skeleton::after {
  background: linear-gradient(90deg, rgba(42, 42, 58, 0) 0%, rgba(255, 255, 255, 0.05) 50%, rgba(42, 42, 58, 0) 100%) !important;
}
.ql-toolbar.ql-snow {
  border: var(--primary-border) !important;
  border-radius: 20px 20px 0px 0px;
}
.ql-container.ql-snow {
  border: var(--primary-border) !important;
  border-top: 0 !important;
}
.ql-editor.ql-blank::before {
  color: var(--primary-text-color) !important;
  opacity: 0.65;
}
.sphere-editor-form {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  padding: 16px;
  box-sizing: border-box;
  background: var(--Atlas-Background-NEW, linear-gradient(180deg, #e9f4fb 0%, #c4d1de 54.6%, #d4e5f1 101.21%));
  border: var(--primary-border);
  border-radius: 8px;
  min-height: 0; /* Important for flex scrolling */
}
[data-theme=dark] .sphere-editor-form {
  background: #1E1E2F;
}
/* Content container for properties and perspective assignments */
.sphere-editor-content {
  display: flex;
  flex-direction: row; /* Align items side by side */
  width: 100%; /* Restore original width */
  margin: 0 auto; /* Center the content */
  gap: 20px; /* Space between properties and assignments panel */
  flex: 1; /* Allow content to grow */
  min-height: 0; /* Important for flex children to scroll properly */
  position: relative; /* Establish positioning context */
}
.sphere-editor-content .sphere-editor-tabs {
  flex: 1; /* Takes up remaining space */
  min-width: 0; /* Allows proper shrinking */
  display: flex;
  flex-direction: column;
  z-index: 1; /* Ensure main content is on top on mobile */
}
.sphere-editor-content .perspective-assignments-container {
  width: 380px; /* Fixed width - increased from 300px */
  min-width: 380px;
  flex-shrink: 0; /* Prevent shrinking */
  border-left: 1px solid #494747; /* Visual separation */
  padding-left: 16px;
  display: flex;
  flex-direction: column;
  z-index: 0; /* Behind main content */
}
/* Styling for the container holding action buttons */
.form-actions {
  display: flex;
  justify-content: flex-end; /* Align buttons to the left */
  gap: 5px;
  position: sticky;
  bottom: 0px;
  background: var(--bkg-components, linear-gradient(358deg, #e4f0fa 13.23%, #f2f9fe 97.17%));
  padding: 10px 30px 10px 0px;
}
[data-theme=dark] .form-actions {
  background: #2C2C3E;
}
/* Save button container with adjusted radius */
.save-button-container {
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}
/* Save button styling */
.save-button {
  width: 100px;
  height: 45px;
  font-size: 18px;
  color: var(--primary-color, #377fc4);
  border-radius: 20px 0 0 20px;
}
/* Close button container with adjusted radius */
.close-button-container {
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}
/* Responsive Adjustments */
@media (max-width: 768px) {
  .sphere-editor-form {
    padding: 8px;
  }
  .sphere-editor-content {
    flex-direction: column; /* Stack elements vertically on smaller screens */
    gap: 16px;
    overflow: visible; /* Allow proper stacking */
    isolation: isolate; /* Create new stacking context */
  }
  .sphere-editor-tabs {
    width: 100%;
    max-width: 100%;
    order: 1; /* Properties first */
  }
  .perspective-assignments-container {
    width: 100% !important; /* Full width on small screens */
    min-width: 100% !important;
    max-width: 100% !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
    border-left: none !important;
    border-top: 2px solid rgba(55, 127, 196, 0.2);
    padding-top: 16px !important;
    position: relative;
    z-index: 1 !important; /* On mobile, bring it to front when in view */
    order: 2; /* Perspective assignments second */
    clear: both; /* Clear any floats */
  }
  .perspective-assignments-container h3 {
    font-size: 18px;
    margin-bottom: 12px;
    color: var(--primary-text-color);
  }
  .perspective-assignments-container .perspective-section .perspective-item {
    margin-bottom: 12px;
  }
  .additional-properties-grid-component {
    grid-template-columns: 1fr; /* Single-column layout on smaller screens */
  }
  .form-actions {
    padding: 12px 8px;
    gap: 10px;
    position: sticky;
    bottom: 0;
    background: var(--bkg-components, linear-gradient(358deg, #e4f0fa 13.23%, #f2f9fe 97.17%));
    border-top: 2px solid rgba(55, 127, 196, 0.15);
    margin: 0 -8px;
    border-radius: 0 0 20px 20px;
  }
  [data-theme=dark] .form-actions {
    background: #2C2C3E;
    border-top-color: rgba(55, 127, 196, 0.3);
  }
  .Save-button,
  .Close-button {
    width: auto;
    min-width: 90px;
    flex: 1;
    height: 44px;
    font-size: 16px;
    font-weight: 600;
    border-radius: 12px;
    touch-action: manipulation;
  }
  .sphere-editor-scroll-panel {
    max-height: calc(85vh - 180px) !important;
    overflow-x: hidden; /* Prevent horizontal scroll */
    width: 100%;
  }
  .sphere-editor-scroll-panel .p-scrollpanel-content {
    padding-left: 0px !important;
    padding-right: 0px !important;
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
  }
  .perspective-assignments-container .sphere-editor-scroll-panel {
    max-height: none !important;
    overflow: visible;
  }
  .mobile-collapsible-perspective {
    margin-top: 16px;
    padding: 0 8px;
  }
  .mobile-collapsible-perspective .collapsible-header-perspective {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 14px 18px;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0.7) 100%);
    border: 1px solid rgba(55, 127, 196, 0.2);
    border-radius: 16px;
    cursor: pointer;
    transition: all 0.3s ease;
    margin-bottom: 12px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
  }
  [data-theme=dark] .mobile-collapsible-perspective .collapsible-header-perspective {
    background: linear-gradient(135deg, rgba(44, 44, 62, 0.9) 0%, rgba(44, 44, 62, 0.7) 100%);
    border: 1px solid rgba(55, 127, 196, 0.3);
  }
  .mobile-collapsible-perspective .collapsible-header-perspective:hover {
    background: linear-gradient(135deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0.9) 100%);
    border-color: rgba(55, 127, 196, 0.4);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    transform: translateY(-2px);
  }
  [data-theme=dark] .mobile-collapsible-perspective .collapsible-header-perspective:hover {
    background: linear-gradient(135deg, rgb(44, 44, 62) 0%, rgba(44, 44, 62, 0.9) 100%);
  }
  .mobile-collapsible-perspective .collapsible-header-perspective:active {
    transform: translateY(0);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
  }
  .mobile-collapsible-perspective .collapsible-header-perspective .collapsible-title {
    font-size: 16px;
    font-weight: 600;
    color: var(--primary-text-color);
    letter-spacing: 0.3px;
  }
  .mobile-collapsible-perspective .collapsible-header-perspective .collapsible-icon {
    font-size: 16px;
    color: var(--secondary-text-color);
    transition: transform 0.3s ease;
    font-weight: bold;
  }
  .mobile-collapsible-perspective .collapsible-header-perspective .collapsible-icon.expanded {
    transform: rotate(0deg);
  }
  .mobile-collapsible-perspective .collapsible-header-perspective .collapsible-icon.collapsed {
    transform: rotate(-90deg);
  }
  .mobile-collapsible-perspective .collapsible-content-perspective {
    animation: slideDown 0.3s ease-out;
    overflow: visible;
    padding: 12px;
    background: rgba(255, 255, 255, 0.5);
    border-radius: 12px;
    margin-top: 4px;
  }
  [data-theme=dark] .mobile-collapsible-perspective .collapsible-content-perspective {
    background: rgba(44, 44, 62, 0.5);
  }
  .sphere-editor-tabs-view .p-tabview-nav li {
    flex: 1;
  }
  .sphere-editor-tabs-view .p-tabview-nav li a {
    font-size: 15px;
    padding: 12px 8px;
    justify-content: center;
  }
}
.sphere-editor-tabs-view .p-tabview-nav-container {
  z-index: 9;
  position: sticky;
  top: 0px;
}
.sphere-editor-tabs-view .p-tabview-nav-container [data-theme=dark] .p-tabview-nav-content ul li a span {
  color: var(--primary-text-color);
  font-size: var(--sub-heading-font);
}
.sphere-editor-tabs-view .p-tabview-panels {
  fill: var(--bkg-components, linear-gradient(1deg, #e4f0fa 4.13%, #f2faff 99.98%));
  stroke-width: 2px;
  stroke: #fff;
  filter: drop-shadow(1px 2px 5px rgba(74, 100, 126, 0.3)) drop-shadow(0px 1px 1px rgba(6, 44, 88, 0.1));
}
.perspective-assignments-tab-content {
  display: flex;
  gap: 1rem;
  flex-wrap: nowrap;
  align-items: stretch;
}
/* Scrollable Panel */
.sphere-editor-scroll-panel {
  width: 100%;
  flex: 1;
  min-height: 300px;
  max-height: calc(70vh - 150px);
}
.sphere-editor-scroll-panel .p-scrollpanel-wrapper {
  border: none;
  width: 100%;
  position: relative;
  height: 100%;
}
.sphere-editor-scroll-panel .p-scrollpanel-content {
  padding-left: 16px;
  padding-right: 8px;
  padding-top: 0;
  width: 100%;
  min-width: 100%;
  box-sizing: border-box;
  transform: translateZ(0);
  position: relative;
  min-height: 100%;
  overflow-anchor: none;
}
.sphere-editor-scroll-panel .p-scrollpanel-bar {
  background-color: rgba(74, 100, 126, 0.3);
  border-radius: 4px;
}
.sphere-editor-scroll-panel .p-scrollpanel-bar-x,
.sphere-editor-scroll-panel .p-scrollpanel-bar-y {
  border-radius: 4px;
  background-color: rgba(74, 100, 126, 0.3);
}
.sphere-editor-scroll-panel::before {
  content: "";
  display: block;
  height: 0;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
}
.sphere-editor-scroll-panel .sphere-editor-tabs,
.sphere-editor-scroll-panel .sphere-properties-molecule {
  width: 100%;
}
/* Mobile adjustments for ScrollPanel */
@media (max-width: 768px) {
  .sphere-editor-scroll-panel {
    height: 300px !important; /* Reduce height on mobile devices */
  }
  .perspective-assignments-tab-content {
    flex-direction: column;
  }
}
.add-sphere-dialog {
  height: auto !important;
  min-height: 50vh;
  max-height: 80vh;
  max-width: 1400px; /* Increased from 1200px */
}

.add-sphere-header {
  margin: 10px;
}

.add-sphere {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.atlas-tree-mobile {
  display: flex;
  flex-direction: column;
  height: 100vh;
  background: var(--body-background, #f8f9fa);
  overflow: hidden;
}
@media (min-width: 769px) {
  .atlas-tree-mobile {
    display: none;
  }
}
.atlas-tree-mobile .custom-toast {
  z-index: 9999;
}
.atlas-tree-mobile .mobile-tree-container {
  flex: 1;
  overflow-y: scroll;
  overflow-x: hidden;
  padding: 10px;
  min-height: 0;
  max-height: 100%;
  -webkit-overflow-scrolling: touch;
  position: relative;
}
.atlas-tree-mobile .mobile-tree-container::-webkit-scrollbar {
  width: 4px;
}
.atlas-tree-mobile .mobile-tree-container::-webkit-scrollbar-track {
  background: transparent;
}
.atlas-tree-mobile .mobile-tree-container::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 4px;
}
.atlas-tree-mobile .mobile-tree-loading {
  padding: 12px 0;
}
.atlas-tree-mobile .mobile-tree-loading .p-skeleton {
  margin-bottom: 12px;
  animation: pulse 1.5s ease-in-out infinite;
}
.atlas-tree-mobile .mobile-tree-node {
  margin-bottom: 4px;
  background: var(--component-background, #ffffff);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  transition: all 0.2s ease;
}
.atlas-tree-mobile .mobile-tree-node.expanded {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}
.atlas-tree-mobile .mobile-tree-node .mobile-node-content {
  position: relative;
  min-height: 50px;
  display: flex;
  align-items: center;
  flex-direction: column;
  cursor: pointer;
  justify-content: space-around;
  position: relative;
  border-left: 4px solid transparent;
}
.atlas-tree-mobile .mobile-tree-node .mobile-node-content:active {
  background: rgba(0, 0, 0, 0.05);
}
.atlas-tree-mobile .mobile-tree-node .mobile-node-content .node-label label {
  max-width: calc(85vw - 200px);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.atlas-tree-mobile .mobile-tree-node.mobile-tree-node--root > .mobile-node-content .node-label > .urgency-icon,
.atlas-tree-mobile .mobile-tree-node.mobile-tree-node--root > .mobile-node-content .node-label > .sphere-avatar-wrapper {
  display: none !important;
}
.atlas-tree-mobile .mobile-tree-node.mobile-tree-node--root > .mobile-node-content .breadcrumb-path,
.atlas-tree-mobile .mobile-tree-node.mobile-tree-node--root > .mobile-node-content .breadcrumb-path .sphere-avatar-wrapper,
.atlas-tree-mobile .mobile-tree-node.mobile-tree-node--root > .mobile-node-content .breadcrumb-path .urgency-icon {
  display: inline-flex !important;
}
.atlas-tree-mobile .mobile-tree-node .mobile-expand-button {
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
  width: 36px;
  height: 36px;
  border-radius: 50%;
  border: none;
  background: var(--primary-color, #377fc4);
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.2s ease;
  z-index: 10;
}
.atlas-tree-mobile .mobile-tree-node .mobile-expand-button:active {
  transform: translateY(-50%) scale(0.95);
  background: var(--primary-color-dark, #2d6ba3);
}
.atlas-tree-mobile .mobile-tree-node .mobile-expand-button i {
  font-size: 14px;
}
.atlas-tree-mobile .mobile-tree-node .mobile-node-children {
  max-height: var(--mobile-tree-max-height);
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
}
.atlas-tree-mobile .mobile-tree-node .mobile-node-children::-webkit-scrollbar {
  width: 3px;
}
.atlas-tree-mobile .mobile-tree-node .mobile-node-children::-webkit-scrollbar-track {
  background: transparent;
}
.atlas-tree-mobile .mobile-tree-node .mobile-node-children::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.15);
  border-radius: 3px;
}
.atlas-tree-mobile .mobile-tree-node .mobile-node-children div.mobile-tree-node--status-on-track {
  border-left-color: #10b981;
}
.atlas-tree-mobile .mobile-tree-node .mobile-node-children div.mobile-tree-node--status-at-risk {
  border-left-color: #f59e0b;
}
.atlas-tree-mobile .mobile-tree-node .mobile-node-children div.mobile-tree-node--status-needs-attention {
  border-left-color: #f97316;
}
.atlas-tree-mobile .mobile-tree-node .mobile-node-children div.mobile-tree-node--status-critical {
  border-left-color: #ef4444;
}
.atlas-tree-mobile .mobile-tree-node .mobile-node-children div.mobile-tree-node--status-blocked {
  border-left-color: #dc2626;
}
.atlas-tree-mobile .mobile-tree-node .mobile-node-children div.mobile-tree-node--status-completed {
  border-left-color: #3b82f6;
}
.atlas-tree-mobile .mobile-tree-node .mobile-node-children div.mobile-tree-node--status-unknown {
  border-left-color: #9ca3af;
}
.atlas-tree-mobile .mobile-tree-node .mobile-node-loading {
  padding: 8px;
}
.atlas-tree-mobile .mobile-tree-footer {
  padding: 8px 12px;
  background: var(--component-background, #ffffff);
  border-top: 1px solid var(--border-color, #e0e0e0);
  box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.05);
  display: flex;
  flex-direction: row;
  gap: 6px;
  align-items: center;
  border-radius: var(--border-radius);
}
.atlas-tree-mobile .mobile-tree-footer .mobile-footer-actions {
  display: flex;
  gap: 6px;
  flex-shrink: 0;
}
.atlas-tree-mobile .mobile-tree-footer .mobile-footer-actions .mobile-icon-button {
  width: var(--button-size-md, 35px);
  height: var(--button-size-md, 35px);
  min-width: var(--button-size-md, 35px);
  border-radius: 50%;
  border: 1px solid var(--border-color, #e0e0e0);
  background: var(--component-background, #ffffff);
  color: var(--primary-color, #377fc4);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.2s ease;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}
.atlas-tree-mobile .mobile-tree-footer .mobile-footer-actions .mobile-icon-button:active {
  transform: scale(0.95);
  background: var(--surface-hover, #f5f5f5);
}
.atlas-tree-mobile .mobile-tree-footer .mobile-footer-actions .mobile-icon-button i {
  font-size: 20px;
  display: block;
  width: 21px;
  height: 21px;
  left: 0px;
  top: 0px;
}
.atlas-tree-mobile .mobile-tree-footer .mobile-footer-actions .mobile-add-button {
  height: 35px;
  padding: 0 16px;
  border-radius: 20px;
  border: none;
  background: linear-gradient(180deg, #36b6f9 0%, #377fc4 100%);
  color: #ffffff;
  font-size: 13px;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  cursor: pointer;
  transition: all 0.2s ease;
  box-shadow: 0 2px 8px rgba(55, 127, 196, 0.3);
  white-space: nowrap;
}
.atlas-tree-mobile .mobile-tree-footer .mobile-footer-actions .mobile-add-button:active {
  transform: scale(0.98);
  box-shadow: 0 1px 4px rgba(55, 127, 196, 0.3);
}
.atlas-tree-mobile .mobile-tree-footer .mobile-footer-actions .mobile-add-button i {
  font-size: 16px;
}
.atlas-tree-mobile .mobile-tree-footer .mobile-pagination {
  display: flex;
  gap: 5px;
  flex: 1;
}
.atlas-tree-mobile .mobile-tree-footer .mobile-pagination .mobile-page-button {
  flex: 1;
  height: 35px;
  border-radius: 20px;
  border: 1px solid var(--border-color, #e0e0e0);
  background: var(--component-background, #ffffff);
  color: var(--text-color, #333);
  font-size: 12px;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 3px;
  cursor: pointer;
  transition: all 0.2s ease;
  white-space: nowrap;
  padding: 0 10px;
}
.atlas-tree-mobile .mobile-tree-footer .mobile-pagination .mobile-page-button:active:not(:disabled) {
  transform: scale(0.97);
  background: var(--surface-hover, #f5f5f5);
}
.atlas-tree-mobile .mobile-tree-footer .mobile-pagination .mobile-page-button:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}
.atlas-tree-mobile .mobile-tree-footer .mobile-pagination .mobile-page-button i {
  font-size: 12px;
}
.atlas-tree-mobile .mobile-tree-footer .mobile-pagination .mobile-page-button.mobile-page-prev i {
  order: -1;
}
.atlas-tree-mobile .mobile-tree-footer .mobile-pagination .mobile-page-button.mobile-page-next i {
  order: 1;
}
.atlas-tree-mobile .mobile-dialog .p-dialog {
  width: 100vw !important;
  height: 100vh !important;
  max-height: 100vh !important;
  margin: 0 !important;
  border-radius: 0 !important;
}
.atlas-tree-mobile .mobile-dialog .p-dialog-content {
  height: calc(100vh - 60px);
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.atlas-tree-mobile .node-counts,
.atlas-tree-mobile .node-perspective-pill,
.atlas-tree-mobile .atlas-sphere-identity,
.atlas-tree-mobile .atlas-date-selector,
.atlas-tree-mobile .atlas-text-column,
.atlas-tree-mobile .node-details-button,
.atlas-tree-mobile .metaspace-selector {
  display: none !important;
}
.atlas-tree-mobile .node-label {
  width: 100%;
  padding: 0;
}
.atlas-tree-mobile .node-label__container {
  flex-direction: column;
  gap: 4px;
}
.atlas-tree-mobile .node-label__name {
  font-size: 16px;
  line-height: 1.5;
  font-weight: 500;
}
.atlas-tree-mobile .node-label__breadcrumbs {
  font-size: 12px;
  color: var(--secondary-text-color, #666);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
}
.atlas-tree-mobile .node-label__avatar {
  width: 36px;
  height: 36px;
  flex-shrink: 0;
}
.atlas-tree-mobile .node-label__urgency {
  font-size: 12px;
}
.atlas-tree-mobile button,
.atlas-tree-mobile a,
.atlas-tree-mobile .clickable {
  min-height: 35px;
  min-width: 35px;
}
[data-theme=dark] .atlas-tree-mobile {
  background: var(--body-background, #1a1a24);
}
[data-theme=dark] .atlas-tree-mobile .mobile-tree-node {
  background: var(--component-background, #2c2c3e);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}
[data-theme=dark] .atlas-tree-mobile .mobile-tree-node.expanded {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.4);
}
[data-theme=dark] .atlas-tree-mobile .mobile-tree-node .mobile-node-content:active {
  background: rgba(255, 255, 255, 0.05);
}
[data-theme=dark] .atlas-tree-mobile .mobile-tree-node .mobile-node-children {
  border-left-color: rgba(255, 255, 255, 0.1);
}
[data-theme=dark] .atlas-tree-mobile .mobile-tree-footer {
  background: var(--component-background, #2c2c3e);
  border-top-color: rgba(255, 255, 255, 0.1);
}
@keyframes pulse {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}
.mobile-atlas-header {
  padding: var(--spacing-sm) var(--spacing-md);
  background: var(--component-background, #ffffff);
  border-bottom: 1px solid var(--border-color, #e0e0e0);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
  position: sticky;
  top: 0;
  z-index: 100;
}
.mobile-atlas-header__top {
  display: flex;
  align-items: center;
  gap: var(--spacing-sm);
}
.mobile-atlas-header__search {
  flex: 1;
}
.mobile-atlas-header__search .p-input-icon-left {
  width: 100%;
}
.mobile-atlas-header__search .p-input-icon-left input {
  border-radius: var(--border-radius-pill);
  padding: var(--spacing-xs) var(--spacing-3xl) var(--spacing-xs) var(--spacing-3xl);
  border: 1px solid var(--border-color, #e0e0e0);
  background: var(--input-background, #f8f9fa);
  font-size: var(--text-normal);
  transition: all 0.2s ease;
}
.mobile-atlas-header__search .p-input-icon-left input:focus {
  background: white;
  border-color: var(--primary-color, #377fc4);
  box-shadow: 0 0 0 3px rgba(55, 127, 196, 0.1);
}
.mobile-atlas-header__search .p-input-icon-left input::-moz-placeholder {
  color: var(--secondary-text-color, #999);
}
.mobile-atlas-header__search .p-input-icon-left input::placeholder {
  color: var(--secondary-text-color, #999);
}
.mobile-atlas-header__search .p-input-icon-left i.pi-search {
  left: 14px;
  color: var(--secondary-text-color, #999);
}
.mobile-atlas-header__search .p-input-icon-left i.pi-times {
  right: 0px;
  top: -25px;
  position: absolute;
  color: var(--secondary-text-color, #999);
  cursor: pointer;
  transition: color 0.2s ease;
}
.mobile-atlas-header__search .p-input-icon-left i.pi-times:hover {
  color: var(--primary-text-color, #333);
}
.mobile-atlas-header__clear-button {
  position: absolute;
  right: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  border: none;
  padding: 0;
  margin: 0;
  cursor: pointer;
  transition: all 0.2s ease;
}
.mobile-atlas-header__clear-button i {
  color: var(--secondary-text-color, #999);
  transition: color 0.2s ease;
}
.mobile-atlas-header__clear-button:hover i {
  color: var(--primary-text-color, #333);
}
.mobile-atlas-header__clear-button:active {
  transform: scale(0.9);
}
.mobile-atlas-header__clear-button:focus {
  outline: none;
}
.mobile-atlas-header__clear-button:focus-visible {
  outline: 2px solid var(--primary-color, #377fc4);
  outline-offset: 2px;
  border-radius: 4px;
}
.mobile-atlas-header__filter-button {
  width: var(--touch-target-standard);
  height: var(--touch-target-standard);
  border-radius: 50%;
  flex-shrink: 0;
}
.mobile-atlas-header__filter-button.p-button-outlined {
  border-color: var(--border-color, #e0e0e0);
  color: var(--primary-text-color, #333);
}
.mobile-atlas-header__filter-button.p-button-outlined:hover {
  background: var(--primary-color, #377fc4);
  border-color: var(--primary-color, #377fc4);
}
.mobile-atlas-header__filter-button.p-button-outlined:active {
  transform: scale(0.95);
}
.mobile-atlas-header__filter-button .p-badge {
  min-width: 14px;
  height: 14px;
  line-height: 14px;
  font-size: 10px;
  top: 8px;
  right: 4px;
  position: absolute;
}
.mobile-filter-sidebar {
  width: 85vw !important;
  max-width: 400px;
}
.mobile-filter-sidebar .p-sidebar-header {
  padding: 16px;
  background: var(--component-background, #ffffff);
  border-bottom: 1px solid var(--border-color, #e0e0e0);
  color: var(--primary-text-color);
}
.mobile-filter-sidebar .p-sidebar-header .p-sidebar-header-content {
  font-size: 18px;
  font-weight: 600;
  color: var(--primary-text-color, #333);
}
.mobile-filter-sidebar .p-sidebar-content {
  padding: 0;
}
.mobile-filter-content {
  padding: var(--spacing-md);
}
.mobile-filter-content .filter-section {
  margin-bottom: var(--spacing-xl);
}
.mobile-filter-content .filter-section .filter-label {
  display: flex;
  align-items: center;
  margin-bottom: var(--spacing-xs);
  font-size: var(--text-normal);
  font-weight: 500;
  color: var(--primary-text-color, #333);
}
.mobile-filter-content .filter-section .open {
  background: none !important;
}
.mobile-filter-content .filter-section .closed {
  background: var(--component-background) !important;
}
.mobile-filter-content .filter-section .urgency-multiselect,
.mobile-filter-content .filter-section .sphere-type-multiselect {
  border-radius: var(--spacing-lg);
  border: var(--primary-border);
  box-shadow: 2px 2px 10px 0px rgba(74, 100, 126, 0.2) inset;
}
.mobile-filter-content .filter-section .urgency-multiselect .p-multiselect,
.mobile-filter-content .filter-section .sphere-type-multiselect .p-multiselect {
  width: 100%;
  border-radius: var(--border-radius-sm);
  border: 1px solid var(--border-color, #e0e0e0);
  background: var(--component-background, #ffffff);
}
.mobile-filter-content .filter-section .urgency-multiselect .p-multiselect:focus, .mobile-filter-content .filter-section .urgency-multiselect .p-multiselect:focus-visible,
.mobile-filter-content .filter-section .sphere-type-multiselect .p-multiselect:focus,
.mobile-filter-content .filter-section .sphere-type-multiselect .p-multiselect:focus-visible {
  border-color: var(--primary-color, #377fc4);
  box-shadow: 0 0 0 3px rgba(55, 127, 196, 0.1);
}
.mobile-filter-content .filter-section .urgency-multiselect .p-multiselect-label,
.mobile-filter-content .filter-section .sphere-type-multiselect .p-multiselect-label {
  padding: var(--spacing-xs) var(--spacing-sm);
  min-height: var(--touch-target-standard);
  display: flex;
}
.mobile-filter-content .filter-section .urgency-multiselect .p-multiselect-trigger,
.mobile-filter-content .filter-section .sphere-type-multiselect .p-multiselect-trigger {
  width: var(--spacing-3xl);
}
.mobile-filter-content .filter-section .urgency-multiselect .p-multiselect-label-container,
.mobile-filter-content .filter-section .sphere-type-multiselect .p-multiselect-label-container {
  color: var(--primary-text-color);
}
.mobile-filter-content .filter-section .sphere-type-multiselect .p-multiselect-label-container .p-multiselect-label .selected-option-chip {
  margin-right: 7px;
}
.mobile-filter-content .filter-section .p-dropdown,
.mobile-filter-content .filter-section .p-inputtext {
  width: 100%;
  font-size: var(--text-normal);
}
.mobile-filter-content .filter-section .p-dropdown:focus, .mobile-filter-content .filter-section .p-dropdown:focus-visible,
.mobile-filter-content .filter-section .p-inputtext:focus,
.mobile-filter-content .filter-section .p-inputtext:focus-visible {
  border-color: var(--primary-color, #377fc4);
  box-shadow: 0 0 0 3px rgba(55, 127, 196, 0.1);
}
.mobile-filter-content .filter-section .p-dropdown {
  height: var(--touch-target-standard);
}
.mobile-filter-content .filter-section .p-dropdown .p-dropdown-label {
  padding: var(--spacing-xs) var(--spacing-sm);
}
.mobile-filter-content .filter-section .p-inputtext {
  padding: var(--spacing-xs) var(--spacing-sm);
  height: var(--touch-target-standard);
}
.mobile-filter-content .filter-actions {
  margin-top: var(--spacing-2xl);
  padding-top: var(--spacing-xl);
  border-top: 1px solid var(--border-color, #e0e0e0);
}
.mobile-filter-content .filter-actions .p-button {
  height: var(--touch-target-standard);
  border-radius: var(--border-radius-pill);
  font-weight: 600;
  font-size: var(--text-normal);
}
.mobile-filter-content .filter-actions .p-button:active {
  transform: scale(0.98);
}
[data-theme=dark] .mobile-atlas-header {
  background: var(--component-background, #2c2c3e);
  border-bottom-color: rgba(255, 255, 255, 0.1);
}
[data-theme=dark] .mobile-atlas-header__search input {
  background: var(--input-background, #1a1a24);
  border-color: rgba(255, 255, 255, 0.1);
  color: var(--primary-text-color, #fff);
}
[data-theme=dark] .mobile-atlas-header__search input:focus {
  background: var(--component-background, #2c2c3e);
  border-color: var(--primary-color, #377fc4);
}
[data-theme=dark] .mobile-atlas-header__search input::-moz-placeholder {
  color: rgba(255, 255, 255, 0.5);
}
[data-theme=dark] .mobile-atlas-header__search input::placeholder {
  color: rgba(255, 255, 255, 0.5);
}
[data-theme=dark] .mobile-atlas-header__search i.pi-search {
  color: rgba(255, 255, 255, 0.5);
}
[data-theme=dark] .mobile-atlas-header__search i.pi-times {
  color: rgba(255, 255, 255, 0.5);
}
[data-theme=dark] .mobile-atlas-header__search i.pi-times:hover {
  color: rgba(255, 255, 255, 0.9);
}
[data-theme=dark] .mobile-atlas-header__clear-button i {
  color: rgba(255, 255, 255, 0.5);
}
[data-theme=dark] .mobile-atlas-header__clear-button:hover i {
  color: rgba(255, 255, 255, 0.9);
}
[data-theme=dark] .mobile-atlas-header__clear-button:focus-visible {
  outline-color: var(--primary-color, #377fc4);
}
[data-theme=dark] .mobile-atlas-header__filter-button.p-button-outlined {
  border-color: rgba(255, 255, 255, 0.1);
  color: var(--primary-text-color, #fff);
}
[data-theme=dark] .mobile-filter-sidebar {
  background: var(--component-background, #2c2c3e);
}
[data-theme=dark] .mobile-filter-sidebar .p-sidebar-header {
  background: var(--component-background, #2c2c3e);
  border-bottom-color: rgba(255, 255, 255, 0.1);
}
[data-theme=dark] .mobile-filter-sidebar .p-sidebar-header .p-sidebar-header-content {
  color: var(--primary-text-color, #fff);
}
[data-theme=dark] .mobile-filter-content .filter-label {
  color: var(--primary-text-color, #fff);
}
[data-theme=dark] .mobile-filter-content .urgency-multiselect .p-multiselect,
[data-theme=dark] .mobile-filter-content .sphere-type-multiselect .p-multiselect {
  background: var(--input-background, #1a1a24);
  border-color: rgba(255, 255, 255, 0.1);
  color: var(--primary-text-color, #fff);
}
[data-theme=dark] .mobile-filter-content .p-dropdown,
[data-theme=dark] .mobile-filter-content .p-inputtext {
  border-color: rgba(255, 255, 255, 0.1);
  color: var(--primary-text-color, #fff);
}
[data-theme=dark] .mobile-filter-content .filter-actions {
  border-top-color: rgba(255, 255, 255, 0.1);
}
@media (max-width: 360px) {
  .mobile-atlas-header {
    padding: var(--spacing-xs) var(--spacing-sm);
  }
  .mobile-atlas-header__top {
    gap: var(--spacing-xs);
  }
  .mobile-atlas-header__filter-button {
    width: var(--spacing-3xl);
    height: var(--spacing-3xl);
  }
  .mobile-filter-sidebar {
    width: 90vw !important;
  }
}
.sphere-type-panel {
  background: var(--component-background);
}
.sphere-type-panel .p-multiselect-header {
  background: var(--component-background);
}
.sphere-type-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext {
  border: var(--primary-border);
  background: var(--component-background);
  color: var(--primary-text-color);
}
.sphere-type-panel .multi-select-item-with-avatar .option-label {
  margin-left: 10px;
  color: var(--primary-text-color);
}
.sphere-type-panel .p-multiselect-items-wrapper ul .p-highlight {
  background: var(--hover-background);
}
.sort-by-panel {
  background: var(--component-background);
}
.sort-by-panel .p-dropdown-items-wrapper .p-dropdown-items {
  box-shadow: none;
  background: var(--component-background);
}
.sort-by-panel .p-dropdown-items-wrapper .p-dropdown-items li {
  border-bottom: var(--primary-border);
}
.sort-by-panel .p-dropdown-items-wrapper .p-dropdown-items li:last-child {
  border-bottom: none;
}
.urgency-type-panel .p-multiselect-header {
  display: none;
}
.urgency-type-panel .p-multiselect-items-wrapper .p-multiselect-items {
  background: var(--component-background);
}
.urgency-type-panel .p-multiselect-items-wrapper .p-multiselect-items .p-multiselect-item {
  border-bottom: var(--primary-border);
}
.urgency-type-panel .p-multiselect-items-wrapper .p-multiselect-items .p-highlight {
  background: var(--hover-background);
}
.urgency-type-panel .p-multiselect-items-wrapper .p-multiselect-items span .multi-select-item-with-avatar .option-label {
  color: var(--primary-text-color);
}
.urgency-type-panel .p-multiselect-items-wrapper .p-multiselect-items .p-multiselect-item:last-child {
  border-bottom: none;
}
.urgency-type-panel .p-multiselect-items-wrapper .p-multiselect-items .p-focus {
  background: var(--component-background) !important;
}
.atlas-component {
  border-radius: 30px;
  border: var(--primary-border);
  background: var(--component-background-gradient);
  box-shadow: 1px 1px 3px 0px rgba(6, 44, 88, 0.1), -1px -1px 10px -1px rgba(74, 100, 126, 0.15);
  padding: 30px;
  /* Fill parent container height (grid cell) */
  height: 100%;
  max-height: 100%;
  /* Responsive column system - horizontal scrolling behavior */
  /* Always enable horizontal scroll - content may exceed container */
  overflow-x: hidden;
  overflow-y: hidden;
  /* Ensure Atlas doesn't try to force-fit columns below minimums */
}
.atlas-component .atlas-headers,
.atlas-component .atlas-tree {
  min-width: -moz-fit-content;
  min-width: fit-content;
}
/* Compressed column styles for smaller screens */
.compressed {
  /* Reduced padding for compressed columns */
}
.compressed.node-parent {
  padding: 0.25rem 0.5rem !important;
  font-size: 0.875rem;
}
.compressed {
  /* Compressed perspective selectors */
}
.compressed .p-dropdown {
  min-height: 2rem;
  font-size: 0.875rem;
}
.compressed .p-dropdown .p-dropdown-label {
  padding: 0.25rem 0.5rem;
}
.compressed {
  /* Compressed date selectors */
}
.compressed .p-calendar input {
  font-size: 0.875rem;
  padding: 0.25rem 0.5rem;
}
.compressed {
  /* Compressed text columns */
}
.compressed .atlas-text-column {
  font-size: 0.875rem;
}
/* Responsive breakpoint specific styles */
@media (max-width: 768px) {
  .atlas-component {
    padding: 0px !important;
  }
}
@media (max-width: 499px) {
  /* Mobile: Highly compressed */
  .atlas-component .node-parent {
    font-size: 0.8rem;
    padding: 0.2rem 0.3rem;
  }
}
@media (min-width: 500px) and (max-width: 799px) {
  /* Minimal: Compressed */
  .atlas-component .node-parent {
    font-size: 0.85rem;
    padding: 0.25rem 0.4rem;
  }
}
@media (min-width: 800px) and (max-width: 1199px) {
  /* Compact: Standard important columns only */
  .atlas-component .node-parent {
    font-size: 0.9rem;
  }
  .atlas-component {
    /* NodeLabel gets max-width constraint */
  }
  .atlas-component .node-label-container {
    max-width: 250px;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
@media (min-width: 1200px) {
  /* Full: Show all columns with flexible widths */
  .atlas-component .node-label-container {
    flex-grow: 1; /* Flexible width for NodeLabel */
  }
}
/* Container-based responsive classes - override @media queries when present */
/* These classes are added by JavaScript based on measured container width */
.atlas-component.breakpoint-full .node-label-container {
  flex-grow: 1; /* Flexible width for NodeLabel when container >= 1200px */
  max-width: none;
}
.atlas-component.breakpoint-compact .node-label-container {
  max-width: 250px; /* Constrain NodeLabel when container 800-1199px */
  flex-grow: 0; /* Prevent expansion */
  overflow: hidden;
  text-overflow: ellipsis;
}
.atlas-component.breakpoint-minimal .node-label-container {
  max-width: 180px; /* More aggressive constraint when container 500-799px */
  flex-grow: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}
.atlas-component.breakpoint-mobile .node-label-container {
  min-width: 150px; /* Ensure minimum readability when container < 500px */
  max-width: 200px;
  flex-grow: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}
.perspective-assignment {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs, 8px);
}
.perspective-assignment__relationship {
  display: flex;
  align-items: center;
  gap: var(--spacing-xs, 8px);
  min-width: 0;
}
.perspective-assignment__sphere {
  display: flex;
  align-items: center;
  gap: var(--spacing-xxs, 4px);
  min-width: 0;
  flex: 1 1 0;
}
.perspective-assignment__name {
  font-size: 13px;
  font-weight: 500;
  color: var(--primary-text-color);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  min-width: 0;
}
.perspective-assignment__connector {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2px;
  flex-shrink: 0;
  min-width: 40px;
  max-width: 120px;
}
.perspective-assignment__perspective-label {
  font-size: 10px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: var(--primary-color);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}
.perspective-assignment__arrow {
  position: relative;
  width: 40px;
  height: 2px;
  background: var(--primary-color);
}
.perspective-assignment__arrow::after {
  content: "";
  position: absolute;
  right: -1px;
  top: 50%;
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-left: 6px solid var(--primary-color);
}
.perspective-assignment__footer {
  display: flex;
  align-items: center;
  gap: var(--spacing-xxs, 4px);
  font-size: 12px;
  color: var(--secondary-text-color);
}
.perspective-assignment__actor-avatar {
  flex-shrink: 0;
}
.perspective-assignment__actor {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.perspective-assignment__separator {
  flex-shrink: 0;
}
.perspective-assignment__time {
  white-space: nowrap;
  flex-shrink: 0;
}
.perspective-assignment--unassigned .perspective-assignment__perspective-label {
  text-decoration: line-through;
  color: var(--text-color-secondary);
}
.perspective-assignment--unassigned .perspective-assignment__arrow {
  background: var(--text-color-secondary);
  border-style: dashed;
  background-image: repeating-linear-gradient(90deg, var(--text-color-secondary) 0, var(--text-color-secondary) 4px, transparent 4px, transparent 8px);
  background-color: transparent;
}
.perspective-assignment--unassigned .perspective-assignment__arrow::after {
  border-left-color: var(--text-color-secondary);
}
.perspective-assignment--unassigned .perspective-assignment__name {
  color: var(--text-color-secondary);
}
.perspective-assignment--unassigned .perspective-assignment__relationship {
  opacity: 0.7;
}
[data-theme=dark] .perspective-assignment__arrow {
  background: var(--primary-color, #60a5fa);
}
[data-theme=dark] .perspective-assignment__arrow::after {
  border-left-color: var(--primary-color, #60a5fa);
}
[data-theme=dark] .perspective-assignment__perspective-label {
  color: var(--primary-color, #60a5fa);
}
[data-theme=dark] .perspective-assignment--unassigned .perspective-assignment__perspective-label {
  color: var(--text-color-secondary);
}
[data-theme=dark] .perspective-assignment--unassigned .perspective-assignment__arrow {
  background-image: repeating-linear-gradient(90deg, var(--text-color-secondary) 0, var(--text-color-secondary) 4px, transparent 4px, transparent 8px);
  background-color: transparent;
}
[data-theme=dark] .perspective-assignment--unassigned .perspective-assignment__arrow::after {
  border-left-color: var(--text-color-secondary);
}
.status-changed {
  display: flex;
  align-items: center;
  gap: var(--spacing-xs, 8px);
  flex-wrap: wrap;
}
.status-changed__label {
  font-size: 13px;
  font-weight: 500;
  color: var(--primary-text-color);
}
.status-changed__badge {
  display: inline-flex;
  align-items: center;
  padding: 2px var(--spacing-xs, 8px);
  border-radius: var(--border-radius-pill, 20px);
  font-size: 12px;
  font-weight: 600;
  color: var(--text-on-status-badge, #fff);
  white-space: nowrap;
}
.status-changed__arrow {
  font-size: 14px;
  color: var(--secondary-text-color);
  flex-shrink: 0;
}
[data-theme=dark] .status-changed__badge {
  color: var(--text-on-status-badge, rgba(255, 255, 255, 0.95));
}
.check-in-submitted {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs, 8px);
}
.check-in-submitted__header {
  display: flex;
  align-items: center;
  gap: var(--spacing-xs, 8px);
  flex-wrap: wrap;
}
.check-in-submitted__label {
  font-size: 13px;
  font-weight: 500;
  color: var(--primary-text-color);
}
.check-in-submitted__factor-name {
  font-size: 13px;
  font-weight: 600;
  color: var(--primary-text-color);
}
.check-in-submitted__badge {
  display: inline-flex;
  align-items: center;
  padding: 2px var(--spacing-xs, 8px);
  border-radius: var(--border-radius-pill, 20px);
  font-size: 12px;
  font-weight: 600;
  color: var(--text-on-status-badge, #fff);
  white-space: nowrap;
}
.check-in-submitted__comment {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xxs, 4px);
}
.check-in-submitted__comment-text {
  margin: 0;
  font-size: 12px;
  color: var(--secondary-text-color);
  line-height: 1.4;
  word-break: break-word;
}
.check-in-submitted__toggle {
  background: none;
  border: none;
  padding: 0;
  font-size: 12px;
  font-weight: 500;
  color: var(--primary-color, #3b82f6);
  cursor: pointer;
  align-self: flex-start;
}
.check-in-submitted__toggle:hover {
  text-decoration: underline;
}
.check-in-submitted__toggle:focus-visible {
  outline: 2px solid var(--primary-color, #3b82f6);
  outline-offset: 2px;
  border-radius: var(--border-radius-sm, 4px);
}
[data-theme=dark] .check-in-submitted__badge {
  color: var(--text-on-status-badge, rgba(255, 255, 255, 0.95));
}
[data-theme=dark] .check-in-submitted__toggle {
  color: var(--primary-color-light, #60a5fa);
}
.sphere-timeline-event {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  font: inherit;
  color: inherit;
  text-align: left;
  width: 100%;
  box-sizing: border-box;
  overflow: hidden;
  padding: 14px 16px;
  border-radius: var(--border-radius);
  background: linear-gradient(135deg, rgba(59, 130, 246, 0.02) 0%, rgba(255, 255, 255, 0.98) 100%);
  border: var(--primary-border);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  cursor: pointer;
}
.sphere-timeline-event:focus {
  outline: 2px solid var(--primary-color);
  outline-offset: 2px;
}
.sphere-timeline-event:hover {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
  transform: translateY(-2px);
  border-color: var(--primary-color);
}
.sphere-timeline-event:hover .sphere-timeline-event__title {
  color: var(--primary-color);
}
.sphere-timeline-event__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  margin-bottom: 12px;
  padding-bottom: 8px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.04);
  min-width: 0;
}
.sphere-timeline-event__title {
  margin: 0;
  font-size: 15px;
  font-weight: 600;
  color: var(--primary-text-color);
  transition: color 0.2s ease;
  display: flex;
  align-items: center;
  gap: 0.4rem;
  flex: 1;
  min-width: 0;
  overflow: hidden;
}
.sphere-timeline-event__title-icon {
  font-size: 14px;
  color: var(--primary-color);
  flex-shrink: 0;
}
.sphere-timeline-event__timestamp {
  font-size: var(--secondary-font, 12px);
  color: var(--secondary-text-color);
  display: flex;
  align-items: center;
  gap: 0.35rem;
  white-space: nowrap;
  flex-shrink: 0;
}
.sphere-timeline-event__timestamp i {
  font-size: 11px;
}
.sphere-timeline-event__body {
  padding: 0;
}
.sphere-timeline-event__content-block {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.sphere-timeline-event__description {
  margin: 0;
  color: var(--text-color);
  line-height: 1.5;
  font-size: 13px;
}
.sphere-timeline-event__meta-row {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  color: var(--secondary-text-color);
  padding: 4px 0;
}
.sphere-timeline-event__meta-row i {
  font-size: 12px;
  width: 1.25rem;
  text-align: center;
  color: var(--primary-color);
  flex-shrink: 0;
}
.sphere-timeline-event__meta-label {
  font-weight: 500;
  color: var(--secondary-text-color);
}
.sphere-timeline-event__meta-value {
  color: var(--primary-text-color);
  font-weight: 500;
}
.sphere-timeline-event__creator {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.sphere-timeline-event__creator-avatar {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  border: 2px solid var(--surface-border);
  overflow: hidden;
}
.sphere-timeline-event__creator-avatar img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
[data-theme=dark] .sphere-timeline-event {
  background: linear-gradient(135deg, rgba(59, 130, 246, 0.05) 0%, rgba(45, 55, 72, 0.98) 100%);
}
[data-theme=dark] .sphere-timeline-event__header {
  border-bottom-color: rgba(255, 255, 255, 0.08);
}
[data-theme=dark] .sphere-timeline-event:hover {
  border-color: var(--primary-color, #60A5FA);
}
[data-theme=dark] .sphere-timeline-event__title {
  color: var(--primary-text-color);
}
[data-theme=dark] .sphere-timeline-event__description {
  color: var(--primary-text-color);
}
[data-theme=dark] .sphere-timeline-event__meta-row i {
  color: var(--primary-color, #60A5FA);
}
.timeline-filters {
  background-color: var(--surface-card);
  border: 1px solid var(--surface-border);
  border-radius: 8px;
  padding: 1.5rem;
  margin-bottom: 1.5rem;
}
.timeline-filters__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1rem;
}
.timeline-filters__title {
  margin: 0;
  font-size: 1.25rem;
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.timeline-filters__badge {
  margin-left: 0.5rem;
}
.timeline-filters__controls {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 1rem;
}
.timeline-filters__control {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.timeline-filters__label {
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--text-color);
}
.timeline-filters__multiselect {
  width: 100%;
}
.timeline-filters__date-range {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.timeline-filters__calendar {
  flex: 1;
}
.timeline-filters__date-separator {
  color: var(--text-color-secondary);
  font-weight: 500;
}
@media (max-width: 768px) {
  .timeline-filters__controls {
    grid-template-columns: 1fr;
  }
  .timeline-filters__date-range {
    flex-direction: column;
    align-items: stretch;
  }
  .timeline-filters__date-separator {
    text-align: center;
  }
}
body.dark .timeline-filters {
  background-color: var(--surface-card);
  border-color: var(--surface-border);
}
.timeline-event-marker-atom {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  color: var(--surface-0);
  font-weight: bold;
  box-shadow: var(--shadow-2);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.timeline-event-marker-atom:hover {
  transform: scale(1.1);
  box-shadow: var(--shadow-4);
}
.timeline-event-marker-atom i {
  font-size: inherit;
}
.timeline-event-marker-atom--small {
  width: 24px;
  height: 24px;
  font-size: 0.75rem;
}
.timeline-event-marker-atom--medium {
  width: 32px;
  height: 32px;
  font-size: 1rem;
}
.timeline-event-marker-atom--large {
  width: 48px;
  height: 48px;
  font-size: 1.5rem;
}
.timeline-event-marker-atom--system {
  background-color: var(--blue-500);
}
.timeline-event-marker-atom--workflow {
  background-color: var(--purple-500);
}
.timeline-event-marker-atom--security {
  background-color: var(--red-500);
}
.timeline-event-marker-atom--userAction {
  background-color: var(--green-500);
}
.timeline-event-marker-atom--admin {
  background-color: var(--orange-500);
}
body.dark .timeline-event-marker-atom {
  color: var(--surface-0);
  box-shadow: var(--shadow-2);
}
body.dark .timeline-event-marker-atom:hover {
  box-shadow: var(--shadow-4);
}
.compact-timeline {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  height: 100%;
  width: 100%;
  min-width: 0;
}
.compact-timeline .p-timeline-event-opposite {
  display: none !important;
  flex: 0 0 0 !important;
  width: 0 !important;
  min-width: 0 !important;
  max-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}
.compact-timeline .p-timeline-event .p-timeline-event-content {
  padding-bottom: 0.5rem;
}
.compact-timeline__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: var(--spacing-sm, 12px) var(--spacing-md, 16px);
  background: var(--component-background-gradient);
  border-bottom: var(--primary-border);
  flex-shrink: 0;
}
.compact-timeline__title {
  display: flex;
  align-items: center;
  gap: var(--spacing-xs, 8px);
  margin: 0;
  font-size: var(--font-size-lg, 16px);
  font-weight: 600;
  color: var(--primary-text-color);
}
.compact-timeline__title i {
  color: var(--secondary-text-color);
}
.compact-timeline__count-badge {
  font-size: var(--secondary-font, 12px);
  font-weight: 500;
  color: var(--secondary-text-color);
  margin-left: 4px;
}
.compact-timeline__header-actions {
  display: flex;
  align-items: center;
  gap: 8px;
}
.compact-timeline__refresh-btn {
  width: 32px !important;
  height: 32px !important;
  padding: 0 !important;
}
.compact-timeline__refresh-btn .p-button-icon {
  font-size: 14px;
}
.compact-timeline__refresh-btn:hover {
  transform: rotate(180deg);
  transition: transform 0.3s ease;
}
.compact-timeline__filters-panel {
  margin-bottom: 0.5rem;
}
.compact-timeline__filters-panel .p-panel-header {
  background: var(--component-background);
  border: var(--primary-border);
  margin-left: 5px;
  margin-right: 5px;
  border-radius: var(--border-radius);
}
.compact-timeline__filters-panel .p-panel-header .p-panel-title {
  color: var(--primary-text-color);
}
.compact-timeline__filters-panel :global(.p-panel-header) {
  padding: 0.75rem 1rem;
  background: var(--component-background);
}
.compact-timeline__filters-panel :global(.p-panel-content) {
  padding: 1rem;
}
.compact-timeline__filter-header {
  display: flex;
  align-items: center;
  gap: 8px;
}
.compact-timeline__filter-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 20px;
  height: 20px;
  padding: 0 6px;
  border-radius: 10px;
  font-size: 11px;
  font-weight: 600;
  background: var(--primary-color, #2563EB);
  color: #ffffff;
}
[data-theme=dark] .compact-timeline__filter-badge {
  background: #2563EB;
}
.compact-timeline__group-wrapper {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.4s ease-out, transform 0.4s ease-out;
  width: 100%;
  min-width: 0;
}
.compact-timeline__group-wrapper.visible {
  opacity: 1;
  transform: translateY(0);
}
.compact-timeline__date-group {
  animation: fadeSlideIn 0.3s ease-out;
  width: 100%;
  min-width: 0;
}
.compact-timeline__date-separator {
  position: relative;
  display: flex;
  align-items: center;
  margin: 0 0 1rem;
}
.compact-timeline__date-separator::before {
  content: "";
  flex: 1;
  height: 1px;
  background: linear-gradient(to right, transparent, var(--surface-border), transparent);
  margin-right: 12px;
}
.compact-timeline__date-separator::after {
  content: "";
  flex: 1;
  height: 1px;
  background: linear-gradient(to left, transparent, var(--surface-border), transparent);
  margin-left: 12px;
}
.compact-timeline__date-label {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  font-weight: 600;
  color: var(--secondary-text-color);
  text-transform: uppercase;
  letter-spacing: 0.5px;
  white-space: nowrap;
  padding: 4px 12px;
  border-radius: var(--border-radius);
  background: var(--component-background);
  border: var(--primary-border);
}
.compact-timeline__date-label i {
  font-size: 11px;
  color: var(--primary-color);
}
.compact-timeline__events {
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  overflow-x: hidden;
  flex: 1;
  width: 100%;
}
.compact-timeline__events::-webkit-scrollbar {
  width: 6px;
}
.compact-timeline__events::-webkit-scrollbar-track {
  background: var(--surface-ground);
  border-radius: 3px;
}
.compact-timeline__events::-webkit-scrollbar-thumb {
  background: var(--surface-border);
  border-radius: 3px;
}
.compact-timeline__events::-webkit-scrollbar-thumb:hover {
  background: var(--text-color-secondary);
}
.compact-timeline__timeline {
  width: 100%;
  min-width: 0;
  overflow: hidden;
}
.compact-timeline__timeline .p-timeline-event {
  width: 100%;
  min-width: 0;
  box-sizing: border-box;
  min-height: auto;
  animation: fadeSlideIn 0.3s ease-out backwards;
}
.compact-timeline__timeline .p-timeline-event:nth-child(1) {
  animation-delay: 0.05s;
}
.compact-timeline__timeline .p-timeline-event:nth-child(2) {
  animation-delay: 0.1s;
}
.compact-timeline__timeline .p-timeline-event:nth-child(3) {
  animation-delay: 0.15s;
}
.compact-timeline__timeline .p-timeline-event:nth-child(4) {
  animation-delay: 0.2s;
}
.compact-timeline__timeline .p-timeline-event:nth-child(5) {
  animation-delay: 0.25s;
}
.compact-timeline__timeline .p-timeline-event:nth-child(6) {
  animation-delay: 0.3s;
}
.compact-timeline__timeline .p-timeline-event:nth-child(7) {
  animation-delay: 0.35s;
}
.compact-timeline__timeline .p-timeline-event:nth-child(8) {
  animation-delay: 0.4s;
}
.compact-timeline__timeline .p-timeline-event:nth-child(9) {
  animation-delay: 0.45s;
}
.compact-timeline__timeline .p-timeline-event:nth-child(10) {
  animation-delay: 0.5s;
}
.compact-timeline__timeline .p-timeline-event-opposite {
  display: none;
  flex: 0 0 0 !important;
  width: 0 !important;
  min-width: 0 !important;
  max-width: 0 !important;
  overflow: hidden;
}
.compact-timeline__timeline .p-timeline-event-content {
  padding: 0 0 1rem 0.5rem;
  flex: 1;
  min-width: 0;
  overflow: hidden;
}
.compact-timeline__timeline .p-timeline-event-separator {
  flex: 0;
  min-width: 2rem;
}
.compact-timeline__timeline .p-timeline-event-separator .p-timeline-event-marker {
  width: 1rem;
  height: 1rem;
  border-width: 2px;
  transition: all 0.2s ease;
}
.compact-timeline__timeline .p-timeline-event-connector {
  width: 2px;
  background: var(--surface-border);
  opacity: 0.25;
}
.compact-timeline__timeline .p-timeline-event:hover .p-timeline-event-marker {
  transform: scale(1.2);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}
@keyframes fadeSlideIn {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.compact-timeline__load-trigger {
  min-height: 1px;
}
.compact-timeline__loading-more {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.75rem;
  color: var(--text-color-secondary);
  font-size: 0.875rem;
}
.compact-timeline__loading, .compact-timeline__error, .compact-timeline__empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  padding: 2rem 1rem;
  text-align: center;
  color: var(--text-color-secondary);
}
.compact-timeline__loading i, .compact-timeline__error i, .compact-timeline__empty i {
  font-size: 3rem;
  opacity: 0.5;
}
.compact-timeline__loading p, .compact-timeline__error p, .compact-timeline__empty p {
  margin: 0;
}
.compact-timeline__footer {
  padding: 0.5rem 0.5rem 0.25rem;
  border-top: var(--primary-border);
  text-align: center;
  flex-shrink: 0;
}
.compact-timeline__count {
  margin: 0;
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--primary-text-color);
}
.compact-timeline__date-range {
  margin: 0;
  font-size: 0.75rem;
  color: var(--secondary-text-color);
}
.checkin-form {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs);
  padding: var(--spacing-sm);
  border-top: 1px solid rgba(0, 0, 0, 0.08);
  background: var(--component-background);
  font-family: var(--font-family);
}
.checkin-form .checkin-form__field {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xxs);
}
.checkin-form .checkin-form__dropdown {
  width: 100%;
  border: var(--primary-border);
  border-radius: calc(var(--border-radius) / 2);
  background: var(--component-background);
  box-shadow: var(--card-shadow);
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
.checkin-form .checkin-form__dropdown:hover:not(.p-disabled) {
  border-color: var(--secondary-color);
}
.checkin-form .checkin-form__dropdown.p-focus {
  border-color: var(--secondary-color);
  box-shadow: 0 0 0 3px rgba(55, 127, 196, 0.15);
}
.checkin-form .checkin-form__dropdown.p-invalid {
  border-color: var(--error-color, #dc3545);
}
.checkin-form .checkin-form__dropdown .p-dropdown-label {
  padding: var(--spacing-xs) var(--spacing-sm);
  font-size: var(--primary-font);
  color: var(--primary-text-color);
  font-family: var(--font-family);
}
.checkin-form .checkin-form__dropdown .p-dropdown-trigger {
  color: var(--secondary-text-color);
}
.checkin-form .checkin-form__status-option {
  display: flex;
  align-items: center;
  gap: var(--spacing-xs);
  font-family: var(--font-family);
}
.checkin-form .checkin-form__status-option .checkin-form__status-dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  flex-shrink: 0;
}
.checkin-form .checkin-form__status-option i {
  font-size: var(--primary-font);
}
.checkin-form .checkin-form__status-option span:last-child {
  font-size: var(--primary-font);
  color: var(--primary-text-color);
}
.checkin-form .checkin-form__placeholder {
  color: var(--secondary-text-color);
  opacity: 0.7;
  font-size: var(--primary-font);
}
.checkin-form .checkin-form__velocity {
  display: flex;
  align-items: center;
  gap: var(--spacing-xs);
  padding: var(--spacing-xs) var(--spacing-sm);
  background: rgba(55, 127, 196, 0.05);
  border-radius: calc(var(--border-radius) / 2);
  border: 1px solid rgba(55, 127, 196, 0.1);
}
.checkin-form .checkin-form__velocity .checkin-form__velocity-label {
  font-size: var(--secondary-font);
  font-weight: 500;
  color: var(--secondary-text-color);
  font-family: var(--font-family);
}
.checkin-form .checkin-form__velocity .checkin-form__velocity-badge {
  font-size: var(--secondary-font);
  font-weight: 600;
  font-family: var(--font-family);
  display: flex;
  align-items: center;
  gap: var(--spacing-xxs);
}
.checkin-form .checkin-form__velocity .checkin-form__velocity-score {
  font-weight: 500;
  opacity: 0.8;
}
.checkin-form .checkin-form__textarea {
  width: 100%;
  resize: vertical;
  min-height: 48px;
  font-size: var(--primary-font);
  padding: var(--spacing-xs) var(--spacing-sm);
  border: var(--primary-border);
  border-radius: calc(var(--border-radius) / 2);
  background: var(--component-background);
  color: var(--primary-text-color);
  font-family: var(--font-family);
  line-height: 1.5;
  box-shadow: var(--card-shadow);
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
.checkin-form .checkin-form__textarea:hover:not(:disabled) {
  border-color: var(--secondary-color);
}
.checkin-form .checkin-form__textarea:focus {
  outline: none;
  border-color: var(--secondary-color);
  box-shadow: 0 0 0 3px rgba(55, 127, 196, 0.15);
}
.checkin-form .checkin-form__textarea::-moz-placeholder {
  color: var(--secondary-text-color);
  opacity: 0.7;
}
.checkin-form .checkin-form__textarea::placeholder {
  color: var(--secondary-text-color);
  opacity: 0.7;
}
.checkin-form .checkin-form__textarea:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
.checkin-form .checkin-form__textarea.p-invalid {
  border-color: var(--error-color, #dc3545);
}
.checkin-form .checkin-form__error {
  color: var(--error-color, #dc3545);
  font-size: var(--secondary-font);
  font-family: var(--font-family);
}
.checkin-form .checkin-form__actions {
  display: flex;
  justify-content: flex-end;
  gap: var(--spacing-xs);
  padding-top: var(--spacing-xxs);
}
.checkin-form .checkin-form__actions .p-button {
  height: 32px;
  padding: 0 var(--spacing-sm);
  border-radius: calc(var(--border-radius) / 2);
  font-family: var(--font-family);
  font-weight: 600;
  font-size: var(--secondary-font);
  transition: transform 0.1s ease, box-shadow 0.15s ease, background-color 0.15s ease;
}
.checkin-form .checkin-form__actions .p-button:active:not(:disabled) {
  transform: scale(0.98);
}
.checkin-form .checkin-form__actions .checkin-form__cancel-btn {
  border: var(--primary-border);
  background: var(--component-background);
  color: var(--primary-text-color);
  box-shadow: var(--card-shadow);
}
.checkin-form .checkin-form__actions .checkin-form__cancel-btn .p-button-icon {
  color: var(--secondary-text-color);
}
.checkin-form .checkin-form__actions .checkin-form__cancel-btn:hover:not(:disabled) {
  background: var(--hover-background);
}
.checkin-form .checkin-form__actions .checkin-form__submit-btn {
  border: 1px solid rgba(55, 127, 196, 0.3);
  background: rgba(55, 127, 196, 0.1);
  color: #377FC4;
  box-shadow: var(--card-shadow);
}
.checkin-form .checkin-form__actions .checkin-form__submit-btn .p-button-icon {
  color: #377FC4;
}
.checkin-form .checkin-form__actions .checkin-form__submit-btn:hover:not(:disabled) {
  background: rgba(55, 127, 196, 0.18);
  border-color: rgba(55, 127, 196, 0.5);
}
.checkin-form .checkin-form__actions .checkin-form__submit-btn:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
[data-theme=dark] .checkin-form {
  border-top-color: rgba(255, 255, 255, 0.1);
  background: var(--component-background);
}
[data-theme=dark] .checkin-form .checkin-form__dropdown {
  background: rgba(255, 255, 255, 0.03);
  border-color: rgba(255, 255, 255, 0.1);
  box-shadow: none;
}
[data-theme=dark] .checkin-form .checkin-form__dropdown:hover:not(.p-disabled) {
  border-color: #5fa0df;
}
[data-theme=dark] .checkin-form .checkin-form__dropdown.p-focus {
  border-color: #5fa0df;
  box-shadow: 0 0 0 3px rgba(95, 160, 223, 0.25);
}
[data-theme=dark] .checkin-form .checkin-form__dropdown .p-dropdown-label {
  color: var(--primary-text-color);
}
[data-theme=dark] .checkin-form .checkin-form__status-option span:last-child {
  color: var(--primary-text-color);
}
[data-theme=dark] .checkin-form .checkin-form__placeholder {
  color: var(--secondary-text-color);
}
[data-theme=dark] .checkin-form .checkin-form__velocity {
  background: rgba(95, 160, 223, 0.08);
  border-color: rgba(95, 160, 223, 0.15);
}
[data-theme=dark] .checkin-form .checkin-form__velocity .checkin-form__velocity-label {
  color: var(--secondary-text-color);
}
[data-theme=dark] .checkin-form .checkin-form__textarea {
  background: rgba(255, 255, 255, 0.03);
  border-color: rgba(255, 255, 255, 0.1);
  color: var(--primary-text-color);
  box-shadow: none;
}
[data-theme=dark] .checkin-form .checkin-form__textarea:hover:not(:disabled) {
  border-color: #5fa0df;
}
[data-theme=dark] .checkin-form .checkin-form__textarea:focus {
  border-color: #5fa0df;
  box-shadow: 0 0 0 3px rgba(95, 160, 223, 0.25);
}
[data-theme=dark] .checkin-form .checkin-form__textarea::-moz-placeholder {
  color: rgba(255, 255, 255, 0.4);
}
[data-theme=dark] .checkin-form .checkin-form__textarea::placeholder {
  color: rgba(255, 255, 255, 0.4);
}
[data-theme=dark] .checkin-form .checkin-form__error {
  color: #ff6b6b;
}
[data-theme=dark] .checkin-form .checkin-form__actions .checkin-form__cancel-btn {
  background: rgba(255, 255, 255, 0.08);
  border-color: rgba(255, 255, 255, 0.1);
  color: var(--primary-text-color);
  box-shadow: none;
}
[data-theme=dark] .checkin-form .checkin-form__actions .checkin-form__cancel-btn .p-button-icon {
  color: var(--secondary-text-color);
}
[data-theme=dark] .checkin-form .checkin-form__actions .checkin-form__cancel-btn:hover:not(:disabled) {
  background: rgba(255, 255, 255, 0.15);
}
[data-theme=dark] .checkin-form .checkin-form__actions .checkin-form__submit-btn {
  background: rgba(95, 160, 223, 0.15);
  border-color: rgba(95, 160, 223, 0.35);
  color: #5fa0df;
}
[data-theme=dark] .checkin-form .checkin-form__actions .checkin-form__submit-btn .p-button-icon {
  color: #5fa0df;
}
[data-theme=dark] .checkin-form .checkin-form__actions .checkin-form__submit-btn:hover:not(:disabled) {
  background: rgba(95, 160, 223, 0.25);
  border-color: rgba(95, 160, 223, 0.5);
}
.task-card-molecule {
  --checkin-flash-color: rgba(34, 197, 94, 0.08);
  --urgency-5: #A52255;
  --urgency-4: #FF3939;
  --urgency-3: #F97316;
  --urgency-2: #E49E07;
  --urgency-1: #A4B1BF;
  border-radius: var(--border-radius);
  border: var(--primary-border);
  background: linear-gradient(135deg, rgba(59, 130, 246, 0.02) 0%, rgba(255, 255, 255, 0.98) 100%);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
  margin-bottom: var(--spacing-sm, 12px);
  cursor: pointer;
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}
.task-card-molecule:hover {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
  transform: translateY(-2px);
}
.task-card-molecule:focus-within {
  outline: 2px solid var(--primary-color);
  outline-offset: 2px;
}
.task-card-molecule--urgency-5 {
  border-left: 4px solid var(--urgency-5);
}
.task-card-molecule--urgency-4 {
  border-left: 4px solid var(--urgency-4);
}
.task-card-molecule--urgency-3 {
  border-left: 4px solid var(--urgency-3);
}
.task-card-molecule--urgency-2 {
  border-left: 4px solid var(--urgency-2);
}
.task-card-molecule--urgency-1 {
  border-left: 4px solid var(--urgency-1);
}
.task-card-molecule--pending {
  border-left: 4px solid var(--surface-400);
}
.task-card-molecule--in-progress {
  border-left: 4px solid var(--primary-color);
}
.task-card-molecule--overdue {
  border-left: 4px solid var(--red-500);
}
.task-card-molecule--overdue .sphere-identity-atom-name {
  font-weight: 600;
}
.task-card-molecule--complete {
  opacity: 0.75;
  border-left: 4px solid var(--green-500);
}
.task-card-molecule--complete .sphere-identity-atom-name {
  text-decoration: line-through;
  color: var(--secondary-text-color);
}
.task-card-molecule--skipped {
  opacity: 0.6;
  border-left: 4px solid var(--surface-400);
}
.task-card-molecule--skipped .sphere-identity-atom-name {
  text-decoration: line-through;
  color: var(--secondary-text-color);
}
.task-card-molecule--collapsed {
  position: relative;
}
.task-card-molecule--collapsed::after {
  content: "";
  position: absolute;
  top: var(--spacing-xxs, 4px);
  right: -3px;
  bottom: var(--spacing-xxs, 4px);
  width: 3px;
  border-radius: 0 var(--border-radius-sm, 4px) var(--border-radius-sm, 4px) 0;
  background: var(--surface-300);
  opacity: 0.6;
}
.task-card-molecule--virtual {
  border-left: 4px dashed var(--surface-400);
  opacity: 0.7;
}
.task-card-molecule--virtual .task-card__date-badge {
  background: transparent;
  border-color: var(--surface-300);
  color: var(--secondary-text-color);
  font-weight: 400;
}
.task-card-molecule--active {
  border-color: var(--primary-color);
  box-shadow: var(--card-shadow);
}
.task-card-molecule .p-card-header {
  padding: 0;
  border-bottom: none;
}
.task-card-molecule .p-card-body {
  padding: 14px 16px;
}
.task-card-molecule .p-card-body .p-card-content {
  padding: 0;
}
.task-card-molecule .task-card-header {
  display: flex;
  align-items: center;
  gap: var(--spacing-sm, 12px);
  padding: 14px 16px 12px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.04);
}
.task-card-molecule .task-card-header .task-card-identity {
  flex: 1;
  min-width: 0;
  max-width: none;
}
.task-card-molecule .task-card-header .task-card-identity .sphere-identity-atom-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 15px;
  font-weight: 600;
  color: var(--primary-text-color);
  line-height: 1.3;
}
.task-card-molecule .task-card-header .task-card__date-badge {
  flex-shrink: 0;
  font-size: 11px;
  font-weight: 500;
  font-family: inherit;
  color: var(--secondary-text-color);
  padding: var(--spacing-xxs, 4px) var(--spacing-xs, 8px);
  border-radius: var(--border-radius);
  background: transparent;
  border: 1px solid var(--surface-300);
  white-space: nowrap;
  cursor: pointer;
  transition: background 0.15s ease, color 0.15s ease;
}
.task-card-molecule .task-card-header .task-card__date-badge:hover {
  background: var(--hover-background, rgba(0, 0, 0, 0.04));
}
.task-card-molecule .task-card-header .task-card__date-badge:focus-visible {
  outline: 2px solid var(--primary-color);
  outline-offset: 2px;
}
.task-card-molecule .task-card-header .task-card__date-badge--overdue {
  color: var(--red-500);
  background: rgba(239, 68, 68, 0.1);
  border-color: var(--red-500);
  font-weight: 600;
}
.task-card-molecule .task-card-header .task-card__date-badge--overdue:hover {
  background: rgba(239, 68, 68, 0.18);
}
.task-card-molecule .task-card-header .task-card__date-badge .date-display {
  font-size: inherit;
  color: inherit;
  min-width: auto;
}
.task-card-molecule .task-card-detail-row {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  font-weight: 400;
  color: var(--secondary-text-color);
  overflow: hidden;
  white-space: nowrap;
  line-height: 1.4;
  padding: 12px 0 8px;
}
.task-card-molecule .task-card-detail-row .task-card-detail-text {
  overflow: hidden;
  text-overflow: ellipsis;
  flex-shrink: 1;
  min-width: 0;
  font-weight: 500;
}
.task-card-molecule .task-card-detail-row .task-card-separator {
  flex-shrink: 0;
  opacity: 0.5;
}
.task-card-molecule .task-card-detail-row .task-card__status-chip {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 4px 8px;
  border-radius: 12px;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.2;
  white-space: nowrap;
  flex-shrink: 0;
  transition: all 0.2s ease;
}
.task-card-molecule .task-card-detail-row .task-card__status-chip i {
  font-size: 12px;
  line-height: 1;
}
.task-card-molecule .task-card-detail-row .task-card__status-chip--on-track {
  background: linear-gradient(135deg, rgba(34, 197, 94, 0.15) 0%, rgba(34, 197, 94, 0.08) 100%);
  color: #16a34a;
  border: 1px solid rgba(34, 197, 94, 0.2);
}
.task-card-molecule .task-card-detail-row .task-card__status-chip--at-risk {
  background: linear-gradient(135deg, rgba(245, 158, 11, 0.15) 0%, rgba(245, 158, 11, 0.08) 100%);
  color: #d97706;
  border: 1px solid rgba(245, 158, 11, 0.2);
}
.task-card-molecule .task-card-detail-row .task-card__status-chip--off-track {
  background: linear-gradient(135deg, rgba(239, 68, 68, 0.15) 0%, rgba(239, 68, 68, 0.08) 100%);
  color: #dc2626;
  border: 1px solid rgba(239, 68, 68, 0.2);
}
.task-card-molecule .task-card-detail-row .task-card__status-chip--done {
  background: linear-gradient(135deg, rgba(34, 197, 94, 0.15) 0%, rgba(34, 197, 94, 0.08) 100%);
  color: #16a34a;
  border: 1px solid rgba(34, 197, 94, 0.2);
}
.task-card-molecule .task-card-detail-row .task-card__stage-chip {
  display: inline-flex;
  align-items: center;
  padding: 2px 8px;
  border-radius: 10px;
  font-size: 11px;
  font-weight: 600;
  line-height: 1.2;
  white-space: nowrap;
  flex-shrink: 0;
}
.task-card-molecule .task-card-detail-row .task-card__stage-chip--todo {
  background: rgba(148, 163, 184, 0.15);
  color: var(--secondary-text-color);
  border: 1px solid rgba(148, 163, 184, 0.3);
}
.task-card-molecule .task-card-detail-row .task-card__stage-chip--in_progress {
  background: rgba(59, 130, 246, 0.12);
  color: var(--primary-color);
  border: 1px solid rgba(59, 130, 246, 0.25);
}
.task-card-molecule .task-card-detail-row .task-card__stage-chip--complete {
  background: rgba(34, 197, 94, 0.12);
  color: #16a34a;
  border: 1px solid rgba(34, 197, 94, 0.2);
}
.task-card-molecule .task-card-footer {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm, 12px);
  padding-top: var(--spacing-xs, 8px);
  border-top: 1px solid rgba(0, 0, 0, 0.06);
}
.task-card-molecule .task-card-footer:empty {
  display: none;
}
.task-card-molecule .task-card-footer .task-card-meta {
  display: flex;
  gap: var(--spacing-xs, 8px);
  align-items: center;
  flex: 1;
  min-width: 0;
}
.task-card-molecule .task-card-footer .task-card-meta .task-card__period-count {
  font-size: var(--secondary-font, 12px);
  color: var(--secondary-text-color);
  font-weight: 500;
}
.task-card-molecule .task-card-footer .task-card-meta .task-card-assignee {
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-xxs, 4px);
  font-size: var(--secondary-font, 12px);
  color: var(--secondary-text-color);
}
.task-card-molecule .task-card-footer .task-card-meta .task-card-assignee > i {
  font-size: 11px;
  opacity: 0.7;
}
.task-card-molecule .task-card-footer .task-card-meta .task-card-assignee .task-card-assignee-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.task-card-molecule .task-card-footer .task-card-actions {
  width: 100%;
}
.task-card-molecule .task-card-footer .task-card-actions .task-card__action-btn--full {
  width: 100%;
  justify-content: center;
  font-size: var(--secondary-font, 12px);
  padding: var(--spacing-xs, 8px) var(--spacing-sm, 12px);
  height: auto;
}
.task-card-molecule .task-card-footer .task-card-actions .task-card__action-btn--full .p-button-icon {
  font-size: 12px;
}
.task-card-molecule .task-card__checkin-container {
  max-height: 0;
  overflow: hidden;
  transition: max-height 250ms ease-in-out;
}
.task-card-molecule .task-card__checkin-container.expanded {
  max-height: 400px;
  overflow: visible;
  position: relative;
  z-index: 1;
  transition: max-height 300ms ease-in-out;
}
.task-card-molecule .task-card__checkin-container.expanded .task-card__checkin-inner {
  opacity: 1;
  transition: opacity 200ms ease-in-out 50ms;
}
.task-card-molecule .task-card__checkin-inner {
  opacity: 0;
  transition: opacity 200ms ease-in-out 0ms;
}
.task-card-molecule.task-card--check-in-success {
  animation: checkin-success-flash 1500ms ease-in-out;
}
@keyframes checkin-success-flash {
  0% {
    border-left: 4px solid var(--green-500);
    background: var(--component-background-gradient);
  }
  20%, 80% {
    border-left: 4px solid var(--green-500);
    background: linear-gradient(90deg, var(--checkin-flash-color) 0%, var(--component-background) 100%);
  }
  100% {
    border-left: 4px solid transparent;
    background: var(--component-background-gradient);
  }
}
[data-theme=dark] .task-card-molecule {
  --checkin-flash-color: rgba(34, 197, 94, 0.12);
  background: linear-gradient(135deg, rgba(59, 130, 246, 0.05) 0%, rgba(45, 55, 72, 0.98) 100%);
  --urgency-5: #C73A6E;
  --urgency-4: #FF5252;
  --urgency-3: #FB923C;
  --urgency-2: #F5B731;
  --urgency-1: #8B9AAD;
}
[data-theme=dark] .task-card-molecule .task-card-header {
  border-bottom-color: rgba(255, 255, 255, 0.08);
}
[data-theme=dark] .task-card-molecule .task-card-header .task-card__date-badge {
  border-color: var(--surface-500);
}
[data-theme=dark] .task-card-molecule .task-card-header .task-card__date-badge:hover {
  background: rgba(255, 255, 255, 0.08);
}
[data-theme=dark] .task-card-molecule .task-card-footer {
  border-top-color: rgba(255, 255, 255, 0.08);
}
[data-theme=dark] .task-card-molecule--overdue .task-card__date-badge--overdue {
  background: rgba(239, 68, 68, 0.15);
}
[data-theme=dark] .task-card-molecule--overdue .task-card__date-badge--overdue:hover {
  background: rgba(239, 68, 68, 0.25);
}
[data-theme=dark] .task-card-molecule--skipped {
  opacity: 0.65;
  border-left-color: var(--surface-500);
}
[data-theme=dark] .task-card-molecule .task-card-assignee > i {
  opacity: 0.8;
}
[data-theme=dark] .task-card-molecule--virtual {
  border-left-color: var(--surface-500);
}
[data-theme=dark] .task-card-molecule--virtual .task-card__date-badge {
  border-color: var(--surface-500);
}
[data-theme=dark] .task-card-molecule--collapsed::after {
  background: var(--surface-500);
  opacity: 0.5;
}
[data-theme=dark] .task-card-molecule .task-card__status-chip--on-track {
  background: linear-gradient(135deg, rgba(34, 197, 94, 0.2) 0%, rgba(34, 197, 94, 0.1) 100%);
  color: #4ade80;
  border-color: rgba(34, 197, 94, 0.3);
}
[data-theme=dark] .task-card-molecule .task-card__status-chip--at-risk {
  background: linear-gradient(135deg, rgba(245, 158, 11, 0.2) 0%, rgba(245, 158, 11, 0.1) 100%);
  color: #fbbf24;
  border-color: rgba(245, 158, 11, 0.3);
}
[data-theme=dark] .task-card-molecule .task-card__status-chip--off-track {
  background: linear-gradient(135deg, rgba(239, 68, 68, 0.2) 0%, rgba(239, 68, 68, 0.1) 100%);
  color: #f87171;
  border-color: rgba(239, 68, 68, 0.3);
}
[data-theme=dark] .task-card-molecule .task-card__status-chip--done {
  background: linear-gradient(135deg, rgba(34, 197, 94, 0.2) 0%, rgba(34, 197, 94, 0.1) 100%);
  color: #4ade80;
  border-color: rgba(34, 197, 94, 0.3);
}
[data-theme=dark] .task-card-molecule .task-card__stage-chip--todo {
  background: rgba(148, 163, 184, 0.2);
  color: var(--secondary-text-color);
  border-color: rgba(148, 163, 184, 0.35);
}
[data-theme=dark] .task-card-molecule .task-card__stage-chip--in_progress {
  background: rgba(96, 165, 250, 0.15);
  color: #93bbfd;
  border-color: rgba(96, 165, 250, 0.3);
}
[data-theme=dark] .task-card-molecule .task-card__stage-chip--complete {
  background: rgba(34, 197, 94, 0.15);
  color: #4ade80;
  border-color: rgba(34, 197, 94, 0.3);
}
.card-stack-molecule {
  display: flex;
  flex-direction: column;
  height: 100%;
  outline: none;
}
.card-stack-molecule__controls {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: var(--spacing-sm, 8px) var(--spacing-md, 12px);
  border-bottom: 1px solid var(--surface-border, #374151);
}
.card-stack-molecule__nav {
  display: flex;
  align-items: center;
  gap: var(--spacing-xs, 4px);
}
.card-stack-molecule__nav-btn {
  width: 32px !important;
  height: 32px !important;
  color: var(--text-color-secondary, #9ca3af) !important;
}
.card-stack-molecule__nav-btn:hover:not(:disabled) {
  color: var(--text-color, #f9fafb) !important;
  background: rgba(255, 255, 255, 0.1) !important;
}
.card-stack-molecule__nav-btn:disabled {
  opacity: 0.3;
}
.card-stack-molecule__position {
  font-size: var(--font-size-xs, 12px);
  color: var(--text-color-secondary, #9ca3af);
  min-width: 60px;
  text-align: center;
}
.card-stack-molecule__view-toggle {
  width: 32px !important;
  height: 32px !important;
  color: var(--text-color-secondary, #9ca3af) !important;
}
.card-stack-molecule__view-toggle:hover {
  color: var(--text-color, #f9fafb) !important;
  background: rgba(255, 255, 255, 0.1) !important;
}
.card-stack-molecule__cards-wrapper {
  flex: 1;
  position: relative;
  display: flex;
  align-items: center;
  gap: var(--spacing-sm, 8px);
  min-width: 0;
  overflow: hidden;
}
.card-stack-molecule__cards {
  flex: 1;
  position: relative;
  overflow: hidden;
  padding: var(--spacing-md, 12px);
  min-height: 200px;
  list-style: none;
  margin: 0;
}
.card-stack-molecule__card {
  position: absolute;
  top: var(--spacing-md, 12px);
  left: var(--spacing-md, 12px);
  right: var(--spacing-md, 12px);
  transition: opacity 0.3s ease-out, transform 0.3s ease-out;
  transform-origin: top center;
}
.card-stack-molecule__card--active .action-card-atom {
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
}
.card-stack-molecule--fan .card-stack-molecule__cards {
  padding-bottom: 60px;
}
.card-stack-molecule__dots {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: var(--spacing-xs, 6px);
  padding: var(--spacing-sm, 8px) 0;
  border-top: 1px solid var(--surface-border, #374151);
}
.card-stack-molecule__dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  border: none;
  padding: 0;
  background: var(--surface-hover, #374151);
  cursor: pointer;
  transition: all 0.2s ease;
}
.card-stack-molecule__dot:hover {
  background: var(--primary-300, #93c5fd);
  transform: scale(1.2);
}
.card-stack-molecule__dot--active {
  background: var(--primary-color, #3b82f6);
  transform: scale(1.25);
}
.card-stack-molecule__dot--active:hover {
  background: var(--primary-color, #3b82f6);
}
.card-stack-molecule--empty {
  justify-content: center;
  align-items: center;
  min-height: 200px;
}
.card-stack-molecule__empty-state {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-xl, 32px);
  text-align: center;
}
.card-stack-molecule__empty-icon {
  font-size: 3rem;
  color: var(--green-400, #4ade80);
  margin-bottom: var(--spacing-md, 16px);
}
.card-stack-molecule__empty-message {
  margin: 0;
  font-size: var(--font-size-base, 14px);
  color: var(--text-color-secondary, #9ca3af);
}
.card-stack-molecule__vertical-nav {
  display: flex;
  flex-direction: column;
  align-items: center;
  background: rgba(26, 39, 68, 0.8);
  backdrop-filter: blur(10px);
  border: 1px solid rgba(126, 221, 241, 0.3);
  border-radius: 20px;
  padding: 4px;
  gap: 4px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}
.card-stack-molecule__vertical-nav-btn {
  width: 15px;
  height: 25px;
  border-radius: 50%;
  border: none;
  background: transparent;
  color: rgba(126, 221, 241, 0.8);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s ease;
}
.card-stack-molecule__vertical-nav-btn i {
  font-size: 14px;
}
.card-stack-molecule__vertical-nav-btn:hover:not(:disabled) {
  background: rgba(126, 221, 241, 0.2);
  transform: scale(1.1);
}
.card-stack-molecule__vertical-nav-btn:active:not(:disabled) {
  transform: scale(0.95);
}
.card-stack-molecule__vertical-nav-btn:disabled {
  opacity: 0.3;
  cursor: not-allowed;
}
.card-stack-molecule__vertical-nav-divider {
  width: 20px;
  height: 1px;
  background: rgba(126, 221, 241, 0.3);
}
.card-stack-molecule__footer {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-xs, 6px);
  padding: var(--spacing-sm, 8px) 0;
  padding-top: 0px;
}
.card-stack-molecule__counter {
  font-size: var(--font-size-xs, 12px);
  color: var(--text-color-secondary, #9ca3af);
  text-align: center;
}
.card-stack-molecule__counter--clickable {
  border: none;
  background: none;
  cursor: pointer;
  padding: 2px var(--spacing-xs, 6px);
  border-radius: 4px;
  transition: color 0.2s ease, background 0.2s ease;
}
.card-stack-molecule__counter--clickable:hover {
  color: var(--primary-color, #3b82f6);
  background: rgba(59, 130, 246, 0.1);
}
.card-stack-molecule--vertical .card-stack-molecule__cards {
  padding: 0;
  overflow: visible;
  min-height: auto;
  display: flex;
  flex-direction: column;
  width: 100%;
  min-width: 0;
}
.card-stack-molecule--vertical .card-stack-molecule__cards-wrapper {
  padding: var(--spacing-md, 12px);
  overflow: hidden;
  min-width: 0;
  padding-bottom: 0px;
}
.card-stack-molecule--vertical .card-stack-molecule__card {
  position: static;
  width: 100%;
  min-width: 0;
  max-width: 100%;
  overflow: hidden;
}
.card-stack-molecule--vertical .card-stack-molecule__card > * {
  max-width: 100%;
  overflow: hidden;
}
.card-stack-molecule--vertical.card-stack-molecule--stack .card-stack-molecule__card:not(.card-stack-molecule__card--active) {
  display: none;
}
.card-stack-molecule--vertical.card-stack-molecule--fan .card-stack-molecule__cards {
  gap: var(--spacing-sm, 8px);
}
.card-stack-molecule--vertical.card-stack-molecule--fan .card-stack-molecule__card {
  opacity: 1 !important;
  transform: none !important;
  pointer-events: auto !important;
}
.card-stack-molecule--vertical.card-stack-molecule--fan .card-stack-molecule__vertical-nav, .card-stack-molecule--vertical.card-stack-molecule--fan .card-stack-molecule__dots {
  display: none;
}
.card-stack-molecule--vertical .card-stack-molecule__dots {
  border-top: none;
  padding: 0;
}
.card-stack-molecule--compact .card-stack-molecule__controls {
  padding: var(--spacing-xs, 4px) var(--spacing-sm, 8px);
  border-bottom: none;
}
.card-stack-molecule--compact .card-stack-molecule__nav-btn {
  width: 24px !important;
  height: 24px !important;
}
.card-stack-molecule--compact .card-stack-molecule__position {
  font-size: 10px;
  min-width: 50px;
}
.card-stack-molecule--compact .card-stack-molecule__cards {
  min-height: 120px;
  padding: 0px;
}
.card-stack-molecule--compact .card-stack-molecule__card {
  top: var(--spacing-sm, 8px);
  left: var(--spacing-sm, 8px);
  right: var(--spacing-sm, 8px);
}
.card-stack-molecule--compact .card-stack-molecule__dots {
  padding: var(--spacing-xs, 4px) 0;
  border-top: none;
  padding-top: 0px;
  padding-bottom: 0px;
  margin-bottom: 10px;
}
.card-stack-molecule--compact .card-stack-molecule__dot {
  width: 6px;
  height: 6px;
}
.card-stack-molecule--compact.card-stack-molecule--empty {
  min-height: 100px;
}
.card-stack-molecule--compact .card-stack-molecule__empty-state {
  padding: var(--spacing-md, 16px);
}
.card-stack-molecule--compact .card-stack-molecule__empty-icon {
  font-size: 1.5rem;
  margin-bottom: var(--spacing-sm, 8px);
}
.card-stack-molecule--compact .card-stack-molecule__empty-message {
  font-size: var(--font-size-xs, 12px);
}
[data-theme=dark] .card-stack-molecule__controls {
  border-bottom-color: var(--surface-border, #1f2937);
}
[data-theme=dark] .card-stack-molecule__dots {
  border-top-color: var(--surface-border, #1f2937);
}
[data-theme=dark] .card-stack-molecule__dot {
  background: var(--surface-hover, #1f2937);
}
.feed-task-stack-molecule {
  border-radius: var(--border-radius, 6px);
  overflow: hidden;
  margin-bottom: var(--spacing-sm, 0.5rem);
  border: var(--primary-border);
}
.feed-task-stack-molecule__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: var(--spacing-xs, 0.5rem) var(--spacing-sm, 0.75rem);
  background: var(--surface-ground, #f8f9fa);
  border: none;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  transition: background-color 0.2s ease;
}
.feed-task-stack-molecule__header:hover {
  background: var(--surface-hover, #e9ecef);
}
.feed-task-stack-molecule__header:focus-visible {
  outline: 2px solid var(--primary-color, #3B82F6);
  outline-offset: -2px;
}
.feed-task-stack-molecule__header .pi {
  color: var(--text-secondary, #6c757d);
  font-size: 0.75rem;
  transition: transform 0.2s ease;
}
.feed-task-stack-molecule__header-title {
  font-weight: 600;
  font-size: 12px;
  color: var(--text-secondary, #6c757d);
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.feed-task-stack-molecule__content {
  overflow: hidden;
  transition: height 0.3s ease;
}
.feed-task-stack-molecule__content-inner {
  display: flex;
  flex-direction: column;
  padding: 0;
  min-width: 0;
}
.feed-task-stack-molecule__content-inner .card-stack-molecule {
  min-width: 0;
  width: 100%;
}
.feed-task-stack-molecule__show-more {
  display: block;
  width: 100%;
  padding: var(--spacing-xs, 0.5rem);
  background: none;
  border: none;
  color: var(--primary-color, #3B82F6);
  font-size: 12px;
  font-weight: 500;
  text-align: center;
  cursor: pointer;
  border-radius: var(--border-radius-sm, 4px);
  transition: background-color 0.15s ease;
}
.feed-task-stack-molecule__show-more:hover {
  background: var(--surface-hover, #e9ecef);
}
.feed-task-stack-molecule__show-more:focus-visible {
  outline: 2px solid var(--primary-color, #3B82F6);
  outline-offset: -2px;
}
.feed-task-stack-molecule--collapsed .feed-task-stack-molecule__header .pi {
  transform: rotate(0deg);
}
[data-theme=dark] .feed-task-stack-molecule__header {
  background: var(--component-background-dark, #1e1e2e);
}
[data-theme=dark] .feed-task-stack-molecule__header:hover {
  background: var(--hover-background, #2a2a3a);
}
[data-theme=dark] .feed-task-stack-molecule__header .pi {
  color: var(--text-secondary, #a1a1aa);
}
[data-theme=dark] .feed-task-stack-molecule__header-title {
  color: var(--text-secondary, #a1a1aa);
}
[data-theme=dark] .feed-task-stack-molecule__show-more {
  color: var(--primary-color, #60a5fa);
}
[data-theme=dark] .feed-task-stack-molecule__show-more:hover {
  background: var(--hover-background, #2a2a3a);
}
.notification-dot-atom {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  flex-shrink: 0;
}
.notification-dot-atom--low {
  background-color: var(--gray-500, #6B7280);
}
.notification-dot-atom--normal {
  background-color: var(--blue-500, #3B82F6);
}
.notification-dot-atom--high {
  background-color: var(--orange-500, #F97316);
}
.notification-dot-atom--urgent {
  background-color: var(--red-500, #EF4444);
}
.notification-timestamp-atom {
  font-size: var(--secondary-font);
  color: var(--secondary-text-color);
  white-space: nowrap;
  cursor: default;
}
.marketplace-syndication-revoked-notification-card {
  display: flex;
  align-items: flex-start;
  gap: var(--spacing-sm, 8px);
  padding: var(--spacing-md, 12px) var(--spacing-md, 16px);
  border-radius: var(--border-radius-md, 8px);
  background: var(--warning-background, #fef3c7);
  border-left: 4px solid var(--warning-color, #f59e0b);
  color: var(--warning-text-color, #78350f);
  font-family: var(--font-family, Manrope, sans-serif);
}
[data-theme=dark] .marketplace-syndication-revoked-notification-card {
  background: var(--warning-background-dark, rgba(245, 158, 11, 0.15));
  border-left-color: var(--warning-color-dark, var(--warning-color, #f59e0b));
  color: var(--warning-text-color-dark, #fcd34d);
}
.marketplace-syndication-revoked-notification-card--clickable {
  cursor: pointer;
  transition: background-color 0.2s ease, transform 0.2s ease;
}
.marketplace-syndication-revoked-notification-card--clickable:hover {
  background: var(--warning-background-hover, #fde68a);
}
[data-theme=dark] .marketplace-syndication-revoked-notification-card--clickable:hover {
  background: var(--warning-background-dark-hover, rgba(245, 158, 11, 0.25));
}
.marketplace-syndication-revoked-notification-card--clickable:focus-visible {
  outline: 2px solid var(--focus-ring-color, var(--primary-color, #3b82f6));
  outline-offset: 2px;
}
.marketplace-syndication-revoked-notification-card--clickable:active {
  transform: translateY(1px);
}
.marketplace-syndication-revoked-notification-card__icon {
  font-size: var(--text-lg, 18px);
  color: var(--warning-color, #f59e0b);
  flex-shrink: 0;
  line-height: 1.2;
}
[data-theme=dark] .marketplace-syndication-revoked-notification-card__icon {
  color: var(--warning-color-dark, var(--warning-color, #f59e0b));
}
.marketplace-syndication-revoked-notification-card__content {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xxs, 2px);
  flex: 1;
  min-width: 0;
}
.marketplace-syndication-revoked-notification-card__title {
  font-weight: 600;
  font-size: var(--text-sm, 14px);
  line-height: 1.4;
  color: inherit;
}
.marketplace-syndication-revoked-notification-card__body {
  margin: 0;
  font-size: var(--text-sm, 13px);
  line-height: 1.5;
  color: inherit;
  word-break: break-word;
}
.notification-card-molecule {
  border-radius: var(--border-radius);
  border: var(--primary-border);
  background: linear-gradient(135deg, rgba(59, 130, 246, 0.02) 0%, rgba(255, 255, 255, 0.98) 100%);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
  margin-bottom: 12px;
  cursor: pointer;
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}
.notification-card-molecule:hover {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
  transform: translateY(-2px);
}
.notification-card-molecule.unread {
  border-left: 4px solid #3B82F6;
  background: linear-gradient(135deg, rgba(59, 130, 246, 0.08) 0%, rgba(255, 255, 255, 0.98) 100%);
}
.notification-card-molecule.read {
  opacity: 0.85;
}
.notification-card-molecule .p-card-header {
  padding: 0;
  border-bottom: none;
}
.notification-card-molecule .p-card-body {
  padding: 14px 16px;
}
.notification-card-molecule .p-card-body .p-card-content {
  padding: 0;
}
.notification-card-molecule .notification-card-header {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 14px 16px 12px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.04);
}
.notification-card-molecule .notification-card-header .notification-card-title-section {
  flex: 1;
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}
.notification-card-molecule .notification-card-header .notification-card-title-section .notification-dot-atom {
  flex-shrink: 0;
  width: 10px;
  height: 10px;
}
.notification-card-molecule .notification-card-header .notification-card-title-section .notification-type-icon {
  font-size: var(--secondary-font);
  color: var(--secondary-text-color);
  flex-shrink: 0;
}
.notification-card-molecule .notification-card-header .notification-card-title-section .notification-card-title {
  font-size: var(--primary-font);
  font-weight: 600;
  color: var(--primary-text-color);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.notification-card-molecule .notification-card-content {
  margin-bottom: 12px;
}
.notification-card-molecule .notification-card-content p {
  margin: 0;
  font-size: var(--secondary-font);
  color: var(--secondary-text-color);
  line-height: 1.5;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.notification-card-molecule .notification-card-summary {
  overflow: hidden;
  transition: max-height 0.3s ease-in-out, opacity 0.3s ease-in-out, margin 0.3s ease-in-out;
}
.notification-card-molecule .notification-card-summary.collapsed {
  max-height: 0;
  opacity: 0;
  margin: 0;
}
.notification-card-molecule .notification-card-summary.expanded {
  max-height: 500px;
  opacity: 1;
  margin-bottom: 12px;
}
.notification-card-molecule .notification-card-summary .notification-card-summary-content {
  padding: 12px 12px 12px 16px;
  background: rgba(59, 130, 246, 0.04);
  border-radius: var(--border-radius);
  border: var(--primary-border);
  border-left: 3px solid #3B82F6;
  font-size: var(--secondary-font);
  color: var(--primary-text-color);
  line-height: 1.6;
  white-space: pre-wrap;
}
.notification-card-molecule .notification-card-summary .notification-card-summary-content a {
  display: none !important;
}
.notification-card-molecule .notification-card-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
}
.notification-card-molecule .notification-card-footer .notification-card-meta {
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
  align-items: center;
}
.notification-card-molecule .notification-card-footer .notification-card-meta .notification-type-chip {
  font-size: 11px;
  height: 24px;
  background: var(--component-background);
  color: var(--secondary-text-color);
}
.notification-card-molecule .notification-card-footer .notification-card-meta .notification-priority-chip {
  font-size: 10px;
  height: 24px;
  font-weight: 600;
}
.notification-card-molecule .notification-card-footer .notification-card-meta .notification-priority-chip.priority-high {
  background: rgba(249, 115, 22, 0.1);
  color: #EA580C;
}
.notification-card-molecule .notification-card-footer .notification-card-meta .notification-priority-chip.priority-urgent {
  background: rgba(239, 68, 68, 0.1);
  color: #DC2626;
}
.notification-card-molecule .notification-card-footer .notification-card-meta .notification-priority-chip.priority-low {
  background: rgba(107, 114, 128, 0.1);
  color: #4B5563;
}
.notification-card-molecule .notification-card-footer .notification-card-meta .notification-expand-toggle {
  display: flex;
  align-items: center;
  gap: 4px;
  background: transparent;
  border: none;
  color: var(--primary-color);
  font-size: var(--secondary-font);
  cursor: pointer;
  padding: 4px 8px;
  border-radius: var(--border-radius);
  transition: all 0.2s ease;
  font-weight: 500;
}
.notification-card-molecule .notification-card-footer .notification-card-meta .notification-expand-toggle:hover {
  background: rgba(59, 130, 246, 0.1);
  color: #1D4ED8;
}
.notification-card-molecule .notification-card-footer .notification-card-meta .notification-expand-toggle:hover span {
  text-decoration: underline;
  text-underline-offset: 2px;
}
.notification-card-molecule .notification-card-footer .notification-card-meta .notification-expand-toggle:focus {
  outline: 2px solid var(--primary-color);
  outline-offset: 2px;
}
.notification-card-molecule .notification-card-footer .notification-card-meta .notification-expand-toggle:active {
  transform: scale(0.95);
}
.notification-card-molecule .notification-card-footer .notification-card-meta .notification-expand-toggle i {
  font-size: 12px;
  transition: transform 0.2s ease;
}
.notification-card-molecule .notification-card-footer .notification-card-meta .notification-expand-toggle span {
  font-size: 12px;
  text-decoration: none;
  transition: -webkit-text-decoration 0.15s ease;
  transition: text-decoration 0.15s ease;
  transition: text-decoration 0.15s ease, -webkit-text-decoration 0.15s ease;
}
.notification-card-molecule .notification-card-footer .notification-card-actions {
  display: flex;
  align-items: center;
  gap: 4px;
}
.notification-card-molecule .notification-card-footer .notification-view-sphere-btn {
  font-size: var(--secondary-font);
  padding: 4px 8px;
  height: auto;
  font-weight: 500;
}
.notification-card-molecule .notification-card-footer .notification-mark-read-btn {
  font-size: var(--secondary-font);
  padding: 4px 8px;
  height: auto;
}
[data-theme=dark] .notification-card-molecule {
  background: linear-gradient(135deg, rgba(59, 130, 246, 0.05) 0%, rgba(45, 55, 72, 0.98) 100%);
}
[data-theme=dark] .notification-card-molecule .notification-card-header {
  border-bottom-color: rgba(255, 255, 255, 0.08);
}
[data-theme=dark] .notification-card-molecule.unread {
  background: linear-gradient(135deg, rgba(59, 130, 246, 0.12) 0%, rgba(45, 55, 72, 0.98) 100%);
}
[data-theme=dark] .notification-card-molecule .notification-card-summary-content {
  background: rgba(59, 130, 246, 0.12);
  border-color: rgba(255, 255, 255, 0.08);
}
[data-theme=dark] .notification-card-molecule .notification-expand-toggle {
  color: #60A5FA;
}
[data-theme=dark] .notification-card-molecule .notification-expand-toggle:hover {
  background: transparent;
  color: #93C5FD;
}
.feed-notification-stack-molecule {
  border-radius: var(--border-radius, 6px);
  overflow: hidden;
  margin-bottom: var(--spacing-sm, 0.5rem);
  border: var(--primary-border);
}
.feed-notification-stack-molecule__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: var(--spacing-xs, 0.5rem) var(--spacing-sm, 0.75rem);
  background: var(--surface-ground, #f8f9fa);
  border: none;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  transition: background-color 0.2s ease;
}
.feed-notification-stack-molecule__header:hover {
  background: var(--surface-hover, #e9ecef);
}
.feed-notification-stack-molecule__header:focus-visible {
  outline: 2px solid var(--primary-color, #3B82F6);
  outline-offset: -2px;
}
.feed-notification-stack-molecule__header .pi {
  color: var(--text-secondary, #6c757d);
  font-size: 0.75rem;
  transition: transform 0.2s ease;
}
.feed-notification-stack-molecule__header-title {
  font-weight: 600;
  font-size: 12px;
  color: var(--text-secondary, #6c757d);
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.feed-notification-stack-molecule__content {
  overflow: hidden;
  transition: height 0.3s ease;
}
.feed-notification-stack-molecule__content-inner {
  display: flex;
  flex-direction: column;
  padding: 0;
  min-width: 0;
}
.feed-notification-stack-molecule__content-inner .card-stack-molecule {
  min-width: 0;
  width: 100%;
}
.feed-notification-stack-molecule__show-more {
  display: block;
  width: 100%;
  padding: var(--spacing-xs, 0.5rem);
  background: none;
  border: none;
  color: var(--primary-color, #3B82F6);
  font-size: 12px;
  font-weight: 500;
  text-align: center;
  cursor: pointer;
  border-radius: var(--border-radius-sm, 4px);
  transition: background-color 0.15s ease;
}
.feed-notification-stack-molecule__show-more:hover {
  background: var(--surface-hover, #e9ecef);
}
.feed-notification-stack-molecule__show-more:focus-visible {
  outline: 2px solid var(--primary-color, #3B82F6);
  outline-offset: -2px;
}
.feed-notification-stack-molecule--collapsed .feed-notification-stack-molecule__header .pi {
  transform: rotate(0deg);
}
[data-theme=dark] .feed-notification-stack-molecule__header {
  background: var(--component-background-dark, #1e1e2e);
}
[data-theme=dark] .feed-notification-stack-molecule__header:hover {
  background: var(--hover-background, #2a2a3a);
}
[data-theme=dark] .feed-notification-stack-molecule__header .pi {
  color: var(--text-secondary, #a1a1aa);
}
[data-theme=dark] .feed-notification-stack-molecule__header-title {
  color: var(--text-secondary, #a1a1aa);
}
[data-theme=dark] .feed-notification-stack-molecule__show-more {
  color: var(--primary-color, #60a5fa);
}
[data-theme=dark] .feed-notification-stack-molecule__show-more:hover {
  background: var(--hover-background, #2a2a3a);
}
.chat-message-card {
  padding: 14px 16px;
  border-radius: var(--border-radius);
  background: linear-gradient(135deg, rgba(59, 130, 246, 0.02) 0%, rgba(255, 255, 255, 0.98) 100%);
  border: var(--primary-border);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  cursor: pointer;
}
.chat-message-card:focus {
  outline: 2px solid var(--primary-color);
  outline-offset: 2px;
}
.chat-message-card:hover {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
  transform: translateY(-2px);
  border-color: var(--primary-color);
}
.chat-message-card__header {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 8px;
  padding-bottom: 8px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.04);
}
.chat-message-card__type-icon {
  font-size: 16px;
  color: var(--primary-color);
  flex-shrink: 0;
}
.chat-message-card__avatar {
  flex-shrink: 0;
  display: flex;
  align-items: center;
}
.chat-message-card__avatar .sphere-avatar-wrapper {
  display: inline-flex;
  align-items: center;
}
.chat-message-card__avatar .sphere-avatar {
  top: 0;
  margin-right: 0;
}
.chat-message-card__meta {
  display: flex;
  flex-direction: column;
  min-width: 0;
}
.chat-message-card__author {
  font-weight: 600;
  font-size: var(--font-size-sm, 13px);
  color: var(--primary-text-color);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.chat-message-card__timestamp {
  font-size: var(--secondary-font, 12px);
  color: var(--secondary-text-color);
}
.chat-message-card__edited {
  font-size: 11px;
  color: var(--secondary-text-color);
}
.chat-message-card__content {
  white-space: pre-wrap;
  color: var(--primary-text-color);
  font-size: var(--font-size-sm, 13px);
  line-height: 1.5;
}
.chat-message-card__content p {
  margin: 0;
}
.chat-message-card__content a {
  color: var(--primary-color);
}
[data-theme=dark] .chat-message-card {
  background: linear-gradient(135deg, rgba(59, 130, 246, 0.05) 0%, rgba(45, 55, 72, 0.98) 100%);
}
[data-theme=dark] .chat-message-card__header {
  border-bottom-color: rgba(255, 255, 255, 0.08);
}
[data-theme=dark] .chat-message-card:hover {
  border-color: var(--primary-color, #60A5FA);
}
.feed-filter-button {
  display: inline-flex;
  position: relative;
}
.feed-filter-button__trigger {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 24px;
  height: 24px;
  padding: 0;
  border: none;
  border-radius: var(--border-radius-sm);
  background: transparent;
  color: var(--secondary-text-color);
  font-size: 12px;
  cursor: pointer;
  transition: background 0.15s ease, color 0.15s ease;
}
.feed-filter-button__trigger:hover {
  background: var(--chip-hover-bg, rgba(59, 130, 246, 0.08));
  color: var(--primary-color, #3b82f6);
}
.feed-filter-button__trigger:focus-visible {
  outline: none;
  box-shadow: 0 0 0 2px var(--primary-color, #3b82f6);
}
.feed-filter-button__trigger--active {
  color: var(--primary-color, #3b82f6);
}
.feed-filter-button__badge {
  position: absolute;
  top: -4px;
  right: -4px;
  min-width: 14px;
  height: 14px;
  padding: 0 3px;
  border-radius: var(--border-radius-pill);
  background: var(--primary-color, #3b82f6);
  color: var(--primary-color-text, #fff);
  font-size: 9px;
  font-weight: 700;
  font-family: Manrope, sans-serif;
  line-height: 14px;
  text-align: center;
  pointer-events: none;
}
.feed-filter-popover.p-overlaypanel {
  border-radius: var(--border-radius-md, 8px);
  border: 1px solid var(--primary-border-color, #d1d5db);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.18), 0 2px 8px rgba(0, 0, 0, 0.12);
  background: var(--component-background, #fff);
  overflow: hidden;
}
.feed-filter-popover.p-overlaypanel .p-overlaypanel-content {
  padding: 0;
}
.feed-filter-popover.p-overlaypanel::before, .feed-filter-popover.p-overlaypanel::after {
  display: none !important;
}
.feed-filter-popover__content {
  width: 260px;
  max-height: 420px;
  overflow-y: auto;
  font-family: Manrope, sans-serif;
  scrollbar-width: thin;
}
.feed-filter-popover__header {
  padding: var(--spacing-xs, 8px) var(--spacing-sm, 12px);
  border-bottom: 1px solid var(--primary-border-color, #e5e7eb);
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.feed-filter-popover__title {
  font-size: 12px;
  font-weight: 700;
  color: var(--primary-text-color);
  text-transform: uppercase;
  letter-spacing: 0.6px;
}
.feed-filter-popover__close {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  padding: 0;
  border: none;
  border-radius: var(--border-radius-sm, 4px);
  background: transparent;
  color: var(--secondary-text-color);
  font-size: 10px;
  cursor: pointer;
  transition: background 0.12s ease, color 0.12s ease;
  flex-shrink: 0;
}
.feed-filter-popover__close:hover {
  background: var(--chip-hover-bg, rgba(59, 130, 246, 0.08));
  color: var(--primary-text-color);
}
.feed-filter-popover__close:focus-visible {
  outline: none;
  box-shadow: 0 0 0 2px var(--primary-color, #3b82f6);
}
.feed-filter-popover__category:not(:last-child) {
  border-bottom: 1px solid var(--primary-border-color, #e5e7eb);
}
.feed-filter-popover__category-header {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: none;
  border: none;
  font: inherit;
  color: inherit;
  text-align: left;
  width: 100%;
  display: flex;
  align-items: center;
  gap: var(--spacing-xs, 8px);
  padding: 6px var(--spacing-sm, 12px);
  cursor: pointer;
  transition: background 0.12s ease;
}
.feed-filter-popover__category-header:hover {
  background: var(--chip-hover-bg, rgba(59, 130, 246, 0.05));
}
.feed-filter-popover__category-header .p-checkbox {
  flex-shrink: 0;
}
.feed-filter-popover__expand-icon {
  font-size: 9px;
  color: var(--secondary-text-color);
  width: 10px;
  text-align: center;
  flex-shrink: 0;
  transition: transform 0.15s ease;
}
.feed-filter-popover__category-icon {
  font-size: 13px;
  color: var(--secondary-text-color);
  width: 16px;
  text-align: center;
  flex-shrink: 0;
}
.feed-filter-popover__category-label {
  flex: 1;
  font-size: 12px;
  font-weight: 600;
  color: var(--primary-text-color);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.feed-filter-popover__event-types {
  background: var(--chip-partial-bg, rgba(0, 0, 0, 0.02));
  padding: 2px 0;
  border-left: 2px solid var(--primary-border-color, #e5e7eb);
  margin-left: 12px;
}
.feed-filter-popover__event-row {
  display: flex;
  align-items: center;
  gap: var(--spacing-xs, 8px);
  padding: 4px var(--spacing-sm, 12px) 4px 28px;
  cursor: pointer;
  transition: background 0.12s ease;
  font-size: 12px;
  font-weight: 500;
  color: var(--primary-text-color);
}
.feed-filter-popover__event-row:hover {
  background: var(--chip-hover-bg, rgba(59, 130, 246, 0.05));
}
.feed-filter-popover__event-row .p-checkbox {
  flex-shrink: 0;
}
.feed-filter-popover__event-icon {
  font-size: 12px;
  color: var(--secondary-text-color);
  width: 14px;
  text-align: center;
  flex-shrink: 0;
}
.feed-filter-popover__subtype-row {
  display: flex;
  align-items: center;
  gap: var(--spacing-xs, 8px);
  padding: 3px var(--spacing-sm, 12px) 3px 48px;
  cursor: pointer;
  transition: background 0.12s ease;
  font-size: 11px;
  font-weight: 400;
  color: var(--secondary-text-color);
}
.feed-filter-popover__subtype-row:hover {
  background: var(--chip-hover-bg, rgba(59, 130, 246, 0.05));
}
.feed-filter-popover__subtype-row .p-checkbox {
  flex-shrink: 0;
  transform: scale(0.75);
  transform-origin: center;
}
.feed-filter-popover__divider {
  height: 1px;
  background: var(--primary-border-color, #e5e7eb);
}
.feed-filter-popover__conversations {
  display: flex;
  align-items: center;
  gap: var(--spacing-xs, 8px);
  width: 100%;
  padding: 6px var(--spacing-sm, 12px);
  cursor: pointer;
  transition: background 0.12s ease;
  font-size: 12px;
  font-weight: 600;
  color: var(--primary-text-color);
}
.feed-filter-popover__conversations > span:not(.feed-filter-popover__expand-icon) {
  flex: 1;
}
.feed-filter-popover__conversations:hover {
  background: var(--chip-hover-bg, rgba(59, 130, 246, 0.05));
}
.feed-filter-popover__conversations .p-checkbox {
  flex-shrink: 0;
}
.feed-filter-popover__reset {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-xs, 8px);
  width: 100%;
  padding: 6px var(--spacing-sm, 12px);
  border: none;
  background: transparent;
  color: var(--primary-color, #3b82f6);
  font-size: 12px;
  font-weight: 600;
  font-family: Manrope, sans-serif;
  cursor: pointer;
  transition: background 0.12s ease;
}
.feed-filter-popover__reset:hover {
  background: var(--chip-hover-bg, rgba(59, 130, 246, 0.05));
}
.feed-filter-popover__reset:focus-visible {
  outline: none;
  box-shadow: inset 0 0 0 2px var(--primary-color, #3b82f6);
}
.feed-filter-popover__reset .pi {
  font-size: 11px;
}
[data-theme=dark] .feed-filter-button__trigger {
  color: var(--secondary-text-color);
}
[data-theme=dark] .feed-filter-button__trigger:hover {
  background: var(--overlay-hover-bg-dark, rgba(255, 255, 255, 0.08));
  color: var(--primary-color-light, #60a5fa);
}
[data-theme=dark] .feed-filter-button__trigger:focus-visible {
  box-shadow: 0 0 0 2px var(--primary-color-light, #60a5fa);
}
[data-theme=dark] .feed-filter-button__trigger--active {
  color: var(--primary-color-light, #60a5fa);
}
[data-theme=dark] .feed-filter-button__badge {
  background: var(--primary-color-light, #60a5fa);
  color: var(--primary-color-text, #1a202c);
}
[data-theme=dark] .feed-filter-popover.p-overlaypanel {
  background: var(--component-background-dark, #1e293b);
  border-color: var(--primary-border-dark, #4a5568);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.5), 0 2px 8px rgba(0, 0, 0, 0.4);
}
[data-theme=dark] .feed-filter-popover__header {
  border-bottom-color: var(--primary-border-dark, #4a5568);
}
[data-theme=dark] .feed-filter-popover__title {
  color: var(--primary-text-color);
}
[data-theme=dark] .feed-filter-popover__close {
  color: var(--secondary-text-color);
}
[data-theme=dark] .feed-filter-popover__close:hover {
  background: var(--overlay-hover-bg-dark, rgba(255, 255, 255, 0.08));
  color: var(--primary-text-color);
}
[data-theme=dark] .feed-filter-popover__category:not(:last-child) {
  border-bottom-color: var(--primary-border-dark, #4a5568);
}
[data-theme=dark] .feed-filter-popover__category-header:hover {
  background: var(--overlay-hover-bg-dark, rgba(255, 255, 255, 0.05));
}
[data-theme=dark] .feed-filter-popover__category-label {
  color: var(--primary-text-color);
}
[data-theme=dark] .feed-filter-popover__event-types {
  background: var(--chip-partial-bg, rgba(255, 255, 255, 0.02));
  border-left-color: var(--primary-border-dark, #4a5568);
}
[data-theme=dark] .feed-filter-popover__event-row {
  color: var(--primary-text-color);
}
[data-theme=dark] .feed-filter-popover__event-row:hover {
  background: var(--overlay-hover-bg-dark, rgba(255, 255, 255, 0.05));
}
[data-theme=dark] .feed-filter-popover__subtype-row {
  color: var(--secondary-text-color);
}
[data-theme=dark] .feed-filter-popover__subtype-row:hover {
  background: var(--overlay-hover-bg-dark, rgba(255, 255, 255, 0.05));
}
[data-theme=dark] .feed-filter-popover__divider {
  background: var(--primary-border-dark, #4a5568);
}
[data-theme=dark] .feed-filter-popover__conversations {
  color: var(--primary-text-color);
}
[data-theme=dark] .feed-filter-popover__conversations:hover {
  background: var(--overlay-hover-bg-dark, rgba(255, 255, 255, 0.05));
}
[data-theme=dark] .feed-filter-popover__reset {
  color: var(--primary-color-light, #60a5fa);
}
[data-theme=dark] .feed-filter-popover__reset:hover {
  background: var(--overlay-hover-bg-dark, rgba(255, 255, 255, 0.05));
}
[data-theme=dark] .feed-filter-popover__reset:focus-visible {
  box-shadow: inset 0 0 0 2px var(--primary-color-light, #60a5fa);
}
.home-mode {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
  min-width: 0;
}
.home-mode__title-bar {
  display: flex;
  align-items: center;
  gap: var(--spacing-xs, 8px);
  padding: var(--spacing-sm, 12px) var(--spacing-md, 16px);
  background: var(--component-background-gradient);
  border-bottom: var(--primary-border);
  flex-shrink: 0;
  font-size: var(--font-size-lg, 16px);
  font-weight: 600;
  color: var(--primary-text-color);
}
.home-mode__title-bar i {
  color: var(--secondary-text-color);
}
.home-mode--loading, .home-mode--error {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  min-height: 200px;
}
.home-mode__loading, .home-mode__error {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-sm, 12px);
  color: var(--text-color-secondary, #94a3b8);
}
.home-mode__loading i, .home-mode__error i {
  font-size: 24px;
}
.home-mode__error {
  color: var(--red-400, #f87171);
}
.home-mode__feed {
  flex: 1;
  overflow-y: auto;
  padding: var(--spacing-sm, 12px) var(--spacing-md, 16px);
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm, 12px);
  scrollbar-width: thin;
  scrollbar-color: var(--scrollbar-thumb) var(--scrollbar-track);
}
.home-mode__feed .notification-card-molecule {
  margin-bottom: 0;
}
.home-mode__feed .task-card-molecule {
  margin-bottom: 0;
}
.home-mode__feed .sphere-timeline-event {
  margin-bottom: 0;
}
.home-mode__feed .chat-message-card {
  margin-bottom: 0;
}
.home-mode__feed .feed-task-stack-molecule,
.home-mode__feed .feed-notification-stack-molecule {
  flex-shrink: 0;
}
.home-mode__card-wrapper {
  animation: feed-card-enter 0.4s ease-out forwards;
  will-change: opacity, transform;
}
.home-mode__card-wrapper:nth-child(1) {
  animation-delay: 50ms;
}
.home-mode__card-wrapper:nth-child(2) {
  animation-delay: 100ms;
}
.home-mode__card-wrapper:nth-child(3) {
  animation-delay: 150ms;
}
.home-mode__card-wrapper:nth-child(4) {
  animation-delay: 200ms;
}
.home-mode__card-wrapper:nth-child(5) {
  animation-delay: 250ms;
}
.home-mode__card-wrapper:nth-child(6) {
  animation-delay: 300ms;
}
.home-mode__card-wrapper:nth-child(7) {
  animation-delay: 300ms;
}
.home-mode__card-wrapper:nth-child(8) {
  animation-delay: 300ms;
}
.home-mode__card-wrapper:nth-child(9) {
  animation-delay: 300ms;
}
.home-mode__card-wrapper:nth-child(10) {
  animation-delay: 300ms;
}
.home-mode__card-wrapper:nth-child(11) {
  animation-delay: 300ms;
}
.home-mode__card-wrapper:nth-child(12) {
  animation-delay: 300ms;
}
.home-mode__card-wrapper:nth-child(13) {
  animation-delay: 300ms;
}
.home-mode__card-wrapper:nth-child(14) {
  animation-delay: 300ms;
}
.home-mode__card-wrapper:nth-child(15) {
  animation-delay: 300ms;
}
.home-mode__card-wrapper:nth-child(16) {
  animation-delay: 300ms;
}
.home-mode__card-wrapper:nth-child(17) {
  animation-delay: 300ms;
}
.home-mode__card-wrapper:nth-child(18) {
  animation-delay: 300ms;
}
.home-mode__card-wrapper:nth-child(19) {
  animation-delay: 300ms;
}
.home-mode__card-wrapper:nth-child(20) {
  animation-delay: 300ms;
}
.home-mode__scroll-sentinel {
  height: 1px;
  flex-shrink: 0;
}
.home-mode__feed-header {
  display: flex;
  align-items: center;
  gap: var(--spacing-xxs, 4px);
  flex-shrink: 0;
  padding: var(--spacing-xxs, 4px) 0;
}
.home-mode__feed-title {
  font-size: var(--font-size-sm, 12px);
  font-weight: 600;
  color: var(--secondary-text-color);
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.home-mode__divider {
  height: 1px;
  background: var(--surface-border, #e2e8f0);
  flex-shrink: 0;
}
.home-mode__pull-indicator {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-xs, 8px);
  overflow: hidden;
  flex-shrink: 0;
  color: var(--text-color-secondary, #94a3b8);
  font-size: var(--font-size-sm, 13px);
  transition: height 0.2s ease-out;
  will-change: height;
}
.home-mode__pull-indicator i {
  font-size: var(--font-size-md, 14px);
}
.home-mode__pull-indicator--refreshing {
  height: 40px;
  padding: var(--spacing-xs, 8px) 0;
}
.home-mode__feed-loading-more {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-sm, 12px);
  color: var(--text-color-secondary, #94a3b8);
}
.home-mode__feed-loading-more i {
  font-size: var(--font-size-lg, 18px);
}
[data-theme=dark] .home-mode__feed-loading-more {
  color: var(--text-color-secondary);
}
.home-mode__feed-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-sm, 12px);
  padding: var(--spacing-xl, 32px);
  color: var(--text-color-secondary, #94a3b8);
  flex: 1;
}
.home-mode__feed-empty i {
  font-size: 48px;
  color: var(--green-400, #4ade80);
}
.home-mode__feed-empty--filtered i {
  color: var(--text-color-secondary, #94a3b8);
  font-size: 36px;
}
[data-theme=dark] .home-mode__feed-empty {
  color: var(--text-color-secondary);
}
[data-theme=dark] .home-mode__feed-empty i {
  color: var(--green-400);
}
[data-theme=dark] .home-mode__feed-empty--filtered i {
  color: var(--text-color-secondary);
}
.home-mode__reset-filters {
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-xs, 8px);
  padding: var(--spacing-xs, 8px) var(--spacing-sm, 12px);
  border: 1px solid var(--surface-border, #e2e8f0);
  border-radius: var(--border-radius, 6px);
  background: var(--surface-card, #fff);
  color: var(--primary-color, #6366f1);
  font-size: var(--font-size-sm, 13px);
  cursor: pointer;
  transition: background-color 0.15s, border-color 0.15s;
  will-change: background-color, border-color;
}
.home-mode__reset-filters:hover {
  background: var(--surface-hover, #f8fafc);
  border-color: var(--primary-color, #6366f1);
}
.home-mode__reset-filters:focus-visible {
  outline: 2px solid var(--focus-ring, #6366f1);
  outline-offset: 2px;
}
.home-mode__reset-filters i {
  font-size: var(--font-size-sm, 13px);
  color: inherit;
}
[data-theme=dark] .home-mode__reset-filters {
  background: var(--surface-card);
  border-color: var(--surface-border);
  color: var(--primary-color);
}
[data-theme=dark] .home-mode__reset-filters:hover {
  background: var(--surface-hover);
}
.home-mode__feed::-webkit-scrollbar {
  width: 8px;
}
.home-mode__feed::-webkit-scrollbar-track {
  background: var(--scrollbar-track);
  border-radius: 4px;
}
.home-mode__feed::-webkit-scrollbar-thumb {
  background: var(--scrollbar-thumb);
  border-radius: 4px;
}
.home-mode__feed::-webkit-scrollbar-thumb:hover {
  background: var(--scrollbar-thumb-hover);
}
@keyframes feed-card-enter {
  from {
    opacity: 0;
    transform: translateY(12px);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.notification-skeleton-card {
  padding: 12px 16px;
  border-bottom: var(--primary-border);
  background: var(--component-background);
}
.notification-skeleton-card .notification-skeleton-header {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  margin-bottom: 8px;
}
.notification-skeleton-card .notification-skeleton-header .notification-skeleton-title-section {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.notification-skeleton-card .notification-skeleton-content {
  margin-left: 52px;
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin-bottom: 8px;
}
.notification-skeleton-card .notification-skeleton-footer {
  margin-left: 52px;
}
.notification-empty-state {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 40px;
  text-align: center;
  color: var(--secondary-text-color);
}
.notification-empty-state .notification-empty-state-icon {
  font-size: 48px;
  color: var(--secondary-text-color);
  opacity: 0.5;
  margin-bottom: 16px;
}
.notification-empty-state .notification-empty-state-title {
  margin: 0 0 8px 0;
  font-size: var(--sub-heading-font);
  font-weight: 500;
  color: var(--primary-text-color);
}
.notification-empty-state .notification-empty-state-description {
  margin: 0;
  font-size: var(--primary-font);
  color: var(--secondary-text-color);
}
.notifications-mode {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 250px;
}
.notifications-mode__title-bar {
  display: flex;
  align-items: center;
  gap: var(--spacing-xs, 8px);
  padding: var(--spacing-sm, 12px) var(--spacing-md, 16px);
  background: var(--component-background-gradient);
  border-bottom: var(--primary-border);
  flex-shrink: 0;
  font-size: var(--font-size-lg, 16px);
  font-weight: 600;
  color: var(--primary-text-color);
}
.notifications-mode__title-bar i {
  color: var(--secondary-text-color);
}
.notifications-mode--loading, .notifications-mode--error {
  display: flex;
  align-items: center;
  justify-content: center;
}
.notifications-mode__loading, .notifications-mode__error {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-sm, 8px);
  padding: var(--spacing-xl, 32px);
  color: var(--text-color-secondary, #9ca3af);
  text-align: center;
}
.notifications-mode__loading i, .notifications-mode__error i {
  font-size: 2rem;
}
.notifications-mode__loading span, .notifications-mode__error span {
  font-size: var(--font-size-sm, 14px);
}
.notifications-mode__error i {
  color: var(--red-400, #f87171);
}
.notifications-mode__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: var(--spacing-sm, 8px) var(--spacing-md, 12px);
  border-bottom: 1px solid var(--surface-border, #e5e7eb);
}
.notifications-mode__header-left {
  display: flex;
  align-items: center;
  gap: var(--spacing-xs, 4px);
}
.notifications-mode__unread-count {
  display: flex;
  align-items: center;
  gap: var(--spacing-xs, 4px);
  font-size: var(--font-size-sm, 14px);
  color: var(--text-color-secondary, #6b7280);
}
.notifications-mode__badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 20px;
  height: 20px;
  padding: 0 6px;
  font-size: var(--font-size-xs, 12px);
  font-weight: 600;
  color: var(--primary-color-text, #ffffff);
  background-color: var(--primary-color, #3b82f6);
  border-radius: 10px;
}
.notifications-mode__filters {
  display: flex;
  align-items: center;
  gap: var(--spacing-md, 12px);
  padding: var(--spacing-sm, 8px) var(--spacing-md, 12px);
  border-bottom: 1px solid var(--surface-border, #e5e7eb);
  flex-wrap: wrap;
}
.notifications-mode__type-filter-wrapper {
  position: relative;
  flex: 1;
  min-width: 150px;
  max-width: 300px;
}
.notifications-mode__type-filter {
  width: 100%;
  background: var(--component-background);
}
.notifications-mode__type-filter .p-multiselect {
  width: 100%;
  background: var(--component-background, #ffffff);
  border: 1px solid var(--surface-border, #e5e7eb);
  color: var(--text-color, #062C58);
}
.notifications-mode__type-filter .p-multiselect-label-container {
  color: var(--primary-text-color);
}
.notifications-mode__type-filter .p-multiselect-label {
  max-width: calc(100% - 60px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.notifications-mode__filter-badge {
  position: absolute;
  top: -6px;
  right: -6px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 20px;
  height: 20px;
  padding: 0 6px;
  font-size: var(--font-size-xs, 12px);
  font-weight: 600;
  color: var(--primary-color-text, #ffffff);
  background-color: var(--primary-color, #3b82f6);
  border-radius: 10px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  z-index: 10;
}
.notifications-mode__unread-toggle {
  display: flex;
  align-items: center;
  gap: var(--spacing-xs, 4px);
}
.notifications-mode__unread-toggle label {
  font-size: var(--font-size-sm, 14px);
  color: var(--text-color-secondary, #6b7280);
  cursor: pointer;
  white-space: nowrap;
}
.notifications-mode__content {
  flex: 1;
  overflow-y: auto;
  padding: var(--spacing-sm, 8px);
}
.notifications-mode__list {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm, 8px);
}
.notifications-mode__card-wrapper {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.4s ease-out, transform 0.4s ease-out;
}
.notifications-mode__card-wrapper.visible {
  opacity: 1;
  transform: translateY(0);
}
.notifications-mode__observer {
  padding: var(--spacing-md, 12px) 0;
}
.notifications-mode__end {
  text-align: center;
  padding: var(--spacing-md, 12px);
  color: var(--text-color-secondary, #6b7280);
  font-size: var(--font-size-sm, 14px);
}
[data-theme=dark] .notifications-mode__header {
  border-bottom-color: var(--surface-600, #4a5568);
}
[data-theme=dark] .notifications-mode__filters {
  border-bottom-color: var(--surface-600, #4a5568);
}
[data-theme=dark] .notifications-mode__unread-count {
  color: var(--text-color-secondary, #9ca3af);
}
[data-theme=dark] .notifications-mode__unread-toggle label {
  color: var(--text-color-secondary, #9ca3af);
}
[data-theme=dark] .notifications-mode__end {
  color: var(--text-color-secondary, #9ca3af);
}
[data-theme=dark] .notifications-mode__loading, [data-theme=dark] .notifications-mode__error {
  color: var(--text-color-secondary, #9ca3af);
}
[data-theme=dark] .notifications-mode__filter-badge {
  background-color: var(--primary-color, #3b82f6);
  color: #ffffff;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4);
}
[data-theme=dark] .notifications-mode__type-filter .p-multiselect {
  background: #2d3748 !important;
  border: 1px solid #4a5568 !important;
  border-radius: 20px !important;
  color: #e5e7eb !important;
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.3) !important;
}
[data-theme=dark] .notifications-mode__type-filter .p-multiselect:hover {
  border-color: #6b7280 !important;
}
[data-theme=dark] .notifications-mode__type-filter .p-multiselect:focus, [data-theme=dark] .notifications-mode__type-filter .p-multiselect:focus-within {
  border-color: #3b82f6 !important;
  box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.25) !important;
}
[data-theme=dark] .notifications-mode__type-filter .p-multiselect .p-multiselect-label {
  color: #e5e7eb !important;
  max-width: calc(100% - 60px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
[data-theme=dark] .notifications-mode__type-filter .p-multiselect .p-multiselect-label.p-placeholder {
  color: #9ca3af !important;
}
[data-theme=dark] .notifications-mode__type-filter .p-multiselect .p-multiselect-trigger {
  color: #9ca3af !important;
}
[data-theme=dark] .notifications-mode__type-filter .p-multiselect.open {
  background: #3b82f6 !important;
  border-color: #3b82f6 !important;
  border-radius: 20px !important;
}
[data-theme=dark] .notifications-mode__type-filter .p-multiselect.open .p-multiselect-label {
  color: #ffffff !important;
  max-width: calc(100% - 60px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
[data-theme=dark] .notifications-mode__type-filter .p-multiselect.open .p-multiselect-label.p-placeholder {
  color: rgba(255, 255, 255, 0.95) !important;
}
[data-theme=dark] .notifications-mode__type-filter .p-multiselect.open .p-multiselect-trigger {
  color: #ffffff !important;
}
[data-theme=dark] .notifications-mode__type-filter .p-multiselect.closed {
  background: #2d3748 !important;
  border: 1px solid #4a5568 !important;
  border-radius: 20px !important;
}
[data-theme=dark] .notifications-mode__type-filter .p-multiselect.closed .p-multiselect-label {
  color: #e5e7eb !important;
  max-width: calc(100% - 60px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
[data-theme=dark] .notifications-mode__type-filter .p-multiselect.closed .p-multiselect-label.p-placeholder {
  color: #9ca3af !important;
}
[data-theme=dark] .notifications-mode__type-filter .p-multiselect.closed .p-multiselect-trigger {
  color: #9ca3af !important;
}
[data-theme=dark] .notifications-mode__type-filter + .p-multiselect-panel,
[data-theme=dark] .p-multiselect-panel {
  background: #2d3748;
  border: 1px solid #4a5568;
  border-radius: 0 0 20px 20px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.5);
}
[data-theme=dark] .notifications-mode__type-filter + .p-multiselect-panel .p-multiselect-header,
[data-theme=dark] .p-multiselect-panel .p-multiselect-header {
  background: #1f2937;
  border-bottom: 1px solid #4a5568;
}
[data-theme=dark] .notifications-mode__type-filter + .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container input,
[data-theme=dark] .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container input {
  background: #374151;
  border: 1px solid #4a5568;
  border-radius: 20px;
  color: #e5e7eb;
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.2);
}
[data-theme=dark] .notifications-mode__type-filter + .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container input::-moz-placeholder, [data-theme=dark] .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container input::-moz-placeholder {
  color: #9ca3af;
}
[data-theme=dark] .notifications-mode__type-filter + .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container input::placeholder,
[data-theme=dark] .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container input::placeholder {
  color: #9ca3af;
}
[data-theme=dark] .notifications-mode__type-filter + .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container input:focus,
[data-theme=dark] .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container input:focus {
  border-color: #3b82f6;
  box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.25);
}
[data-theme=dark] .notifications-mode__type-filter + .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-icon,
[data-theme=dark] .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-icon {
  color: #9ca3af;
}
[data-theme=dark] .notifications-mode__type-filter + .p-multiselect-panel .p-multiselect-header .p-multiselect-close,
[data-theme=dark] .p-multiselect-panel .p-multiselect-header .p-multiselect-close {
  color: #9ca3af;
}
[data-theme=dark] .notifications-mode__type-filter + .p-multiselect-panel .p-multiselect-header .p-multiselect-close:hover,
[data-theme=dark] .p-multiselect-panel .p-multiselect-header .p-multiselect-close:hover {
  background: #4a5568;
  color: #e5e7eb;
}
[data-theme=dark] .notifications-mode__type-filter + .p-multiselect-panel .p-multiselect-items,
[data-theme=dark] .p-multiselect-panel .p-multiselect-items {
  background: #2d3748;
  border-radius: 0px 0px 20px 20px;
  padding-bottom: 0px;
}
[data-theme=dark] .notifications-mode__type-filter + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:last-child,
[data-theme=dark] .p-multiselect-panel .p-multiselect-items .p-multiselect-item:last-child {
  border-radius: 0px 0px 20px 20px;
}
[data-theme=dark] .notifications-mode__type-filter + .p-multiselect-panel .p-multiselect-items .p-multiselect-item,
[data-theme=dark] .p-multiselect-panel .p-multiselect-items .p-multiselect-item {
  color: #e5e7eb !important;
  box-shadow: none;
  border-bottom: 1px solid rgba(74, 85, 104, 0.3);
}
[data-theme=dark] .notifications-mode__type-filter + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:hover,
[data-theme=dark] .p-multiselect-panel .p-multiselect-items .p-multiselect-item:hover {
  background: #374151;
  color: #ffffff !important;
}
[data-theme=dark] .notifications-mode__type-filter + .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight,
[data-theme=dark] .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight {
  background: #3b82f6;
  color: #ffffff !important;
}
[data-theme=dark] .notifications-mode__type-filter + .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-focus:not(.p-highlight),
[data-theme=dark] .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-focus:not(.p-highlight) {
  background: #374151;
  color: #e5e7eb !important;
}
[data-theme=dark] .notifications-mode__type-filter + .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox .p-checkbox-box,
[data-theme=dark] .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox .p-checkbox-box {
  background: #374151;
  border: 2px solid #6b7280;
}
[data-theme=dark] .notifications-mode__type-filter + .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox .p-checkbox-box:hover,
[data-theme=dark] .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox .p-checkbox-box:hover {
  border-color: #3b82f6;
}
[data-theme=dark] .notifications-mode__type-filter + .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox .p-checkbox-box.p-highlight,
[data-theme=dark] .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox .p-checkbox-box.p-highlight {
  background: #3b82f6;
  border-color: #3b82f6;
}
[data-theme=dark] .notifications-mode__type-filter + .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox .p-checkbox-box .p-checkbox-icon,
[data-theme=dark] .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox .p-checkbox-box .p-checkbox-icon {
  color: #ffffff;
}
[data-theme=dark] .notifications-mode__type-filter + .p-multiselect-panel .p-multiselect-items .p-multiselect-item-group,
[data-theme=dark] .p-multiselect-panel .p-multiselect-items .p-multiselect-item-group {
  background: #1f2937;
  color: #9ca3af;
}
[data-theme=dark] .notifications-mode__type-filter + .p-multiselect-panel .p-multiselect-empty-message,
[data-theme=dark] .p-multiselect-panel .p-multiselect-empty-message {
  background: #2d3748;
  color: #9ca3af;
}
.notification-header-molecule {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px 20px;
  background: var(--component-background-gradient);
  border-bottom: var(--primary-border);
}
.notification-header-molecule .notification-header-title-section {
  display: flex;
  align-items: center;
  gap: 12px;
}
.notification-header-molecule .notification-header-title-section .notification-header-title {
  margin: 0;
  font-size: 20px;
  font-weight: 600;
  color: var(--primary-text-color);
  font-family: var(--font-family);
}
.notification-header-molecule .notification-header-actions {
  display: flex;
  align-items: center;
  gap: 8px;
}
.notification-header-molecule .notification-header-actions .notification-header-mark-all-btn {
  font-size: var(--secondary-font);
  color: #2563EB;
}
.notification-header-molecule .notification-header-actions .notification-header-mark-all-btn:hover {
  background: rgba(59, 130, 246, 0.05);
}
.notification-header-molecule .notification-header-actions .notification-header-settings-btn {
  color: var(--secondary-text-color);
}
.notification-header-molecule .notification-header-actions .notification-header-settings-btn:hover {
  background: var(--hover-background);
}
.filter-button .pi.perspective-icon {
  width: 14px !important;
  height: 14px !important;
  background-size: 14px 14px !important;
  vertical-align: text-bottom !important;
  margin-right: 4px !important;
  min-width: 14px !important;
  max-width: 14px !important;
}

.notification-filter-bar {
  padding: 12px 16px;
  border-bottom: var(--primary-border);
  background: var(--component-background);
}

.notification-filter-bar .notification-filter-label {
  font-size: var(--secondary-font);
  color: var(--secondary-text-color);
  margin-bottom: 8px;
  font-weight: 500;
}

.notification-filter-bar .notification-filter-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.notification-filter-bar .notification-filter-buttons .notification-filter-btn {
  border-radius: 16px;
  border: var(--primary-border);
  background: rgba(59, 130, 246, 0.06);
  font-size: var(--secondary-font);
  padding: 6px 12px;
  height: auto;
  transition: all 0.2s;
}

.notification-filter-bar .notification-filter-buttons .notification-filter-btn:hover {
  border-color: #3b82f6;
  background: rgba(59, 130, 246, 0.05);
  color: #2563eb;
}

.notification-filter-bar .notification-filter-buttons .notification-filter-btn.active {
  border-color: #3b82f6;
  background: #3b82f6;
  color: white;
}

.notification-filter-bar .notification-filter-buttons .notification-filter-btn.active .pi {
  color: white;
}

.notification-filter-bar .notification-filter-buttons .notification-filter-btn.notification-filter-unread .pi-circle-fill {
  font-size: 8px;
  color: #3b82f6;
}

.notification-filter-bar .notification-filter-buttons .notification-filter-btn.notification-filter-unread.active .pi-circle-fill {
  color: white;
}

.notification-filter-bar .notification-filter-buttons .notification-filter-clear {
  margin-left: auto;
}

.notification-filter-bar .notification-active-filters {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 8px;
}

.notification-filter-bar .notification-active-filters .notification-active-filter-chip {
  font-size: 11px;
  height: 24px;
  background: rgba(59, 130, 246, 0.1);
  color: #2563eb;
}

.notification-filter-bar .notification-active-filters .notification-active-filter-chip .pi {
  font-size: 10px;
}

[data-theme=dark] .notification-filter-bar .notification-filter-btn {
  background: rgba(59, 130, 246, 0.12);
  border-color: rgba(96, 165, 250, 0.35);
  color: #93C5FD;
}

[data-theme=dark] .notification-filter-bar .notification-filter-btn:hover {
  background: rgba(59, 130, 246, 0.22);
  border-color: #60A5FA;
  color: #BFDBFE;
}

[data-theme=dark] .notification-filter-bar .notification-filter-btn.active {
  background: #3B82F6;
  border-color: #3B82F6;
  color: white;
}

[data-theme=dark] .notification-filter-bar .notification-active-filter-chip {
  background: rgba(59, 130, 246, 0.25);
  color: #93C5FD;
}
.notification-feed-organism {
  display: flex;
  flex-direction: column;
  height: 100%;
  background: var(--component-background-gradient);
  border: var(--primary-border);
  border-radius: var(--border-radius);
  overflow: hidden;
  box-shadow: var(--element-shadow);
}
.notification-feed-organism .notification-feed-content {
  flex: 1;
  overflow-y: auto;
  background: var(--body-background);
  padding: 16px;
}
.notification-feed-organism .notification-feed-content .notification-feed-list {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.notification-feed-organism .notification-feed-content .notification-feed-list .notification-card-molecule {
  margin-bottom: 0;
  border-radius: 12px;
}
.notification-feed-organism .notification-feed-content .notification-feed-list .notification-card-molecule.unread {
  border-left: 4px solid #3B82F6;
}
.notification-feed-organism .notification-feed-content .notification-feed-observer {
  padding: 16px 0;
}
.notification-feed-organism .notification-feed-content .notification-feed-end {
  text-align: center;
  padding: 24px 16px;
  color: var(--secondary-text-color);
  font-size: var(--primary-font);
}
.notification-feed-organism .notification-feed-content .notification-feed-end p {
  margin: 0;
}
.notification-feed-organism .notification-feed-content::-webkit-scrollbar {
  width: 8px;
}
.notification-feed-organism .notification-feed-content::-webkit-scrollbar-track {
  background: var(--scrollbar-track);
  border-radius: 4px;
}
.notification-feed-organism .notification-feed-content::-webkit-scrollbar-thumb {
  background: var(--scrollbar-thumb);
  border-radius: 4px;
}
.notification-feed-organism .notification-feed-content::-webkit-scrollbar-thumb:hover {
  background: var(--scrollbar-thumb-hover);
}
.p-dialog:has(.notification-settings-content) {
  background: var(--component-background-gradient);
  border: var(--primary-border);
  border-radius: 12px;
}
[data-theme=dark] .p-dialog:has(.notification-settings-content) {
  background: #2C2C3E;
  border: 1px solid #3a3a4e;
}
.p-dialog:has(.notification-settings-content) .p-dialog-header {
  background: var(--component-background-gradient);
  border-bottom: var(--primary-border);
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  padding: 20px 24px 16px;
}
[data-theme=dark] .p-dialog:has(.notification-settings-content) .p-dialog-header {
  background: #2C2C3E;
  border-bottom: 1px solid #3a3a4e;
}
.p-dialog:has(.notification-settings-content) .p-dialog-header .p-dialog-title {
  color: var(--primary-text-color);
  font-size: 18px;
  font-weight: 600;
}
.p-dialog:has(.notification-settings-content) .p-dialog-header .p-dialog-header-icon {
  width: 32px;
  height: 32px;
  border-radius: 8px;
  color: #64748B;
  transition: background 0.15s ease, color 0.15s ease;
}
[data-theme=dark] .p-dialog:has(.notification-settings-content) .p-dialog-header .p-dialog-header-icon {
  color: #94A3B8;
}
.p-dialog:has(.notification-settings-content) .p-dialog-header .p-dialog-header-icon:hover {
  background: rgba(100, 116, 139, 0.12);
  color: var(--primary-text-color);
}
[data-theme=dark] .p-dialog:has(.notification-settings-content) .p-dialog-header .p-dialog-header-icon:hover {
  background: rgba(255, 255, 255, 0.1);
}
.p-dialog:has(.notification-settings-content) .p-dialog-content {
  background: var(--component-background);
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
  padding: 0 24px 24px;
}
[data-theme=dark] .p-dialog:has(.notification-settings-content) .p-dialog-content {
  background: #1a1a24;
}
.notification-settings-content {
  padding: 16px 0 0;
  background: transparent;
  color: var(--primary-text-color);
}
.notification-settings-content .notification-settings-section {
  margin-bottom: 8px;
}
.notification-settings-content .notification-settings-section h3 {
  margin: 0 0 4px 0;
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.6px;
  color: #2563EB;
}
[data-theme=dark] .notification-settings-content .notification-settings-section h3 {
  color: #60A5FA;
}
.notification-settings-content .notification-settings-section .notification-settings-description {
  margin: 0 0 12px 0;
  font-size: var(--secondary-font);
  color: #64748B;
  line-height: 1.4;
}
[data-theme=dark] .notification-settings-content .notification-settings-section .notification-settings-description {
  color: #94A3B8;
}
.notification-settings-content .notification-settings-option {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 14px 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.07);
}
[data-theme=dark] .notification-settings-content .notification-settings-option {
  border-bottom-color: rgba(255, 255, 255, 0.08);
}
.notification-settings-content .notification-settings-option:last-child {
  border-bottom: none;
  padding-bottom: 4px;
}
.notification-settings-content .notification-settings-option label {
  cursor: pointer;
  flex: 1;
}
.notification-settings-content .notification-settings-option label strong {
  display: block;
  margin-bottom: 3px;
  color: var(--primary-text-color);
  font-size: 14px;
  font-weight: 500;
}
.notification-settings-content .notification-settings-option label .notification-option-description {
  margin: 0;
  font-size: var(--secondary-font);
  color: #64748B;
  line-height: 1.4;
}
[data-theme=dark] .notification-settings-content .notification-settings-option label .notification-option-description {
  color: #94A3B8;
}
.notification-settings-content .notification-settings-option .p-inputswitch {
  flex-shrink: 0;
}
.notification-settings-content .p-divider.p-divider-horizontal {
  margin: 16px 0;
}
.notification-settings-content .p-divider.p-divider-horizontal::before {
  border-top: 1px solid rgba(0, 0, 0, 0.07);
}
[data-theme=dark] .notification-settings-content .p-divider.p-divider-horizontal::before {
  border-top-color: rgba(255, 255, 255, 0.08);
}
.messages-mode {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 250px;
}
.messages-mode--loading, .messages-mode--error {
  display: flex;
  align-items: center;
  justify-content: center;
}
.messages-mode__loading, .messages-mode__error {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-sm, 8px);
  padding: var(--spacing-xl, 32px);
  color: var(--text-color-secondary, #9ca3af);
  text-align: center;
}
.messages-mode__loading i, .messages-mode__error i {
  font-size: 2rem;
}
.messages-mode__loading span, .messages-mode__error span {
  font-size: var(--font-size-sm, 14px);
}
.messages-mode__error i {
  color: var(--red-400, #f87171);
}
.tasks-mode {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.tasks-mode__title-bar {
  display: flex;
  align-items: center;
  gap: var(--spacing-xs, 8px);
  padding: var(--spacing-sm, 12px) var(--spacing-md, 16px);
  background: var(--component-background-gradient);
  border-bottom: var(--primary-border);
  flex-shrink: 0;
  font-size: var(--font-size-lg, 16px);
  font-weight: 600;
  color: var(--primary-text-color);
}
.tasks-mode__title-bar i {
  color: var(--secondary-text-color);
}
.tasks-mode--loading, .tasks-mode--error {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  min-height: 200px;
}
.tasks-mode__loading, .tasks-mode__error {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  color: var(--text-color-secondary, #94a3b8);
}
.tasks-mode__loading i, .tasks-mode__error i {
  font-size: 24px;
}
.tasks-mode__error {
  color: var(--red-400, #f87171);
}
.tasks-mode--empty {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  min-height: 200px;
}
.tasks-mode__empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  color: var(--text-color-secondary, #94a3b8);
}
.tasks-mode__empty i {
  font-size: 48px;
  color: var(--green-400, #4ade80);
}
.tasks-mode__header {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 12px 16px;
  border-bottom: var(--primary-border);
}
.tasks-mode__count {
  flex: 1;
  font-size: var(--font-size-lg, 16px);
  font-weight: 600;
  color: var(--primary-text-color);
}
.tasks-mode__filter-bar {
  display: flex;
  align-items: center;
  gap: var(--spacing-xs, 8px);
  padding: var(--spacing-xs, 8px) var(--spacing-md, 16px);
  background: var(--highlight-bg, #eff6ff);
  border-bottom: var(--primary-border);
}
.tasks-mode__filter-label {
  flex: 1;
  font-size: var(--font-size-sm, 13px);
  font-weight: 500;
  color: var(--primary-text-color);
}
.tasks-mode__filter-clear {
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--spacing-lg, 24px);
  height: var(--spacing-lg, 24px);
  padding: 0;
  border: none;
  border-radius: var(--border-radius-sm, 4px);
  background: transparent;
  color: var(--text-color-secondary, #94a3b8);
  cursor: pointer;
  transition: background 0.15s, color 0.15s;
}
.tasks-mode__filter-clear:hover {
  background: var(--hover-bg, rgba(0, 0, 0, 0.06));
  color: var(--primary-text-color);
}
.tasks-mode__filter-clear i {
  font-size: var(--font-size-xs, 12px);
}
.tasks-mode__feed {
  flex: 1;
  overflow-y: auto;
  padding: 12px 16px;
}
.tasks-mode__card-wrapper {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.4s ease-out, transform 0.4s ease-out;
}
.tasks-mode__card-wrapper.visible {
  opacity: 1;
  transform: translateY(0);
}
[data-theme=dark] .tasks-mode__header {
  border-bottom-color: var(--surface-border, #1f2937);
}
[data-theme=dark] .tasks-mode__filter-bar {
  background: var(--highlight-bg, #1e3a5f);
  border-bottom-color: var(--surface-border, #1f2937);
}
[data-theme=dark] .tasks-mode__filter-clear:hover {
  background: var(--hover-bg, rgba(255, 255, 255, 0.1));
}
.status-summary-mode {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 250px;
}
.status-summary-mode__title-bar {
  display: flex;
  align-items: center;
  gap: var(--spacing-xs, 8px);
  padding: var(--spacing-sm, 12px) var(--spacing-md, 16px);
  background: var(--component-background-gradient);
  border-bottom: var(--primary-border);
  flex-shrink: 0;
  font-size: var(--font-size-lg, 16px);
  font-weight: 600;
  color: var(--primary-text-color);
}
.status-summary-mode__title-bar i {
  color: var(--secondary-text-color);
}
.status-summary-mode__zone1 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs, 8px);
  padding: var(--spacing-md, 16px);
  border-bottom: var(--primary-border);
  flex-shrink: 0;
}
.status-summary-mode__status-header {
  display: flex;
  align-items: center;
  gap: var(--spacing-sm, 12px);
}
.status-summary-mode__sparkle {
  flex-shrink: 0;
}
.status-summary-mode__status-info {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xxs, 4px);
}
.status-summary-mode__status-label {
  font-size: 18px;
  font-weight: 700;
  font-family: Manrope, sans-serif;
  line-height: 1.2;
}
.status-summary-mode__velocity {
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-xxs, 4px);
  font-size: 13px;
  font-weight: 500;
  color: var(--secondary-text-color);
}
.status-summary-mode__velocity--improving {
  color: var(--status-on-track, #10b981);
}
.status-summary-mode__velocity--declining {
  color: var(--status-at-risk, #f59e0b);
}
.status-summary-mode__velocity--stable {
  color: var(--secondary-text-color);
}
[data-theme=dark] .status-summary-mode__velocity--improving {
  color: var(--status-on-track, #34d399);
}
[data-theme=dark] .status-summary-mode__velocity--declining {
  color: var(--status-at-risk, #fbbf24);
}
[data-theme=dark] .status-summary-mode__velocity--stable {
  color: var(--secondary-text-color);
}
.status-summary-mode__updated {
  font-size: 12px;
  color: var(--secondary-text-color);
  padding-left: calc(32px + var(--spacing-sm, 12px));
}
.status-summary-mode__factors {
  margin-top: var(--spacing-xs, 8px);
  padding-top: var(--spacing-xs, 8px);
  border-top: 1px solid var(--surface-200, #e5e7eb);
}
[data-theme=dark] .status-summary-mode__factors {
  border-top-color: var(--surface-700, #374151);
}
.status-summary-mode__factors-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: var(--spacing-xs, 8px);
}
.status-summary-mode__factors-title {
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--secondary-text-color);
}
.status-summary-mode__factor-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xxs, 4px);
  overflow: hidden;
  transition: max-height 0.3s ease;
}
.status-summary-mode__factor-list--collapsed {
  max-height: calc(5 * var(--spacing-xl, 32px));
}
.status-summary-mode__factor-list--expanded {
  max-height: 1000px;
}
.status-summary-mode__factor-row {
  display: flex;
  align-items: center;
  gap: var(--spacing-xs, 8px);
  padding: var(--spacing-xxs, 4px) var(--spacing-xs, 8px);
  border-radius: var(--border-radius-sm, 4px);
  font-size: 13px;
  transition: background-color 0.15s ease;
}
.status-summary-mode__factor-row:hover {
  background: var(--surface-100, #f3f4f6);
}
[data-theme=dark] .status-summary-mode__factor-row:hover {
  background: var(--surface-800, #1f2937);
}
.status-summary-mode__factor-dot {
  width: var(--spacing-xs, 8px);
  height: var(--spacing-xs, 8px);
  border-radius: 50%;
  flex-shrink: 0;
}
.status-summary-mode__factor-name {
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--primary-text-color);
  font-weight: 500;
  text-transform: capitalize;
}
.status-summary-mode__factor-status {
  font-size: 12px;
  font-weight: 600;
  white-space: nowrap;
}
.status-summary-mode__factor-weight {
  font-size: 11px;
  color: var(--secondary-text-color);
  white-space: nowrap;
  flex-shrink: 0;
}
.status-summary-mode__factors-toggle {
  display: block;
  width: 100%;
  margin-top: var(--spacing-xs, 8px);
  padding: var(--spacing-xxs, 4px);
  border: none;
  background: none;
  color: var(--primary-color, #3b82f6);
  font-size: 12px;
  font-weight: 500;
  cursor: pointer;
  text-align: center;
  border-radius: var(--border-radius-sm, 4px);
  transition: background-color 0.15s ease;
}
.status-summary-mode__factors-toggle:hover {
  background: var(--surface-100, #f3f4f6);
}
[data-theme=dark] .status-summary-mode__factors-toggle:hover {
  background: var(--surface-800, #1f2937);
}
[data-theme=dark] .status-summary-mode__factors-toggle {
  color: var(--primary-color-light, #60a5fa);
}
.status-summary-mode__zone2 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs, 8px);
  padding: var(--spacing-md, 16px);
  border-bottom: var(--primary-border);
  border-left: 3px solid var(--primary-color, #3b82f6);
  background: var(--surface-50, #f9fafb);
  flex-shrink: 0;
}
[data-theme=dark] .status-summary-mode__zone2 {
  background: var(--surface-800, #1f2937);
  border-left-color: var(--primary-color-light, #60a5fa);
}
.status-summary-mode__zone2--overdue {
  border-left-color: var(--status-critical, #ef4444);
  background: var(--status-critical-bg, #fef2f2);
}
[data-theme=dark] .status-summary-mode__zone2--overdue {
  border-left-color: var(--status-critical, #f87171);
  background: rgba(239, 68, 68, 0.1);
}
.status-summary-mode__checkin-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--spacing-xs, 8px);
  flex-wrap: wrap;
}
.status-summary-mode__checkin-title {
  font-size: 14px;
  font-weight: 600;
  color: var(--primary-text-color);
  text-transform: capitalize;
}
.status-summary-mode__checkin-due {
  font-size: 12px;
  font-weight: 500;
  color: var(--secondary-text-color);
  white-space: nowrap;
}
.status-summary-mode__checkin-due--overdue {
  color: var(--status-critical, #ef4444);
  font-weight: 600;
}
[data-theme=dark] .status-summary-mode__checkin-due--overdue {
  color: var(--status-critical, #f87171);
}
.status-summary-mode__checkin-count {
  font-size: 12px;
  color: var(--secondary-text-color);
}
.status-summary-mode__checkin-form {
  margin-top: var(--spacing-xxs, 4px);
}
.status-summary-mode__zone3 {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
  overflow: hidden;
}
.status-summary-mode__zone3-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: var(--spacing-sm, 12px) var(--spacing-md, 16px) 0;
  flex-shrink: 0;
}
.status-summary-mode__zone3-title {
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--secondary-text-color);
}
.status-summary-mode__filter-chips {
  display: flex;
  align-items: center;
  gap: var(--spacing-xxs, 4px);
  padding: var(--spacing-xs, 8px) var(--spacing-md, 16px);
  flex-shrink: 0;
  overflow-x: auto;
  scrollbar-width: none;
}
.status-summary-mode__filter-chips::-webkit-scrollbar {
  display: none;
}
.status-summary-mode__filter-chip {
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-xxs, 4px);
  padding: var(--spacing-xxs, 4px) var(--spacing-xs, 8px);
  border: 1px solid var(--surface-300, #d1d5db);
  border-radius: var(--border-radius-pill, 20px);
  background: transparent;
  color: var(--secondary-text-color);
  font-size: 11px;
  font-weight: 500;
  white-space: nowrap;
  cursor: pointer;
  transition: all 0.15s ease;
}
.status-summary-mode__filter-chip:hover {
  background: var(--surface-100, #f3f4f6);
  border-color: var(--surface-400, #9ca3af);
}
[data-theme=dark] .status-summary-mode__filter-chip:hover {
  background: var(--surface-800, #1f2937);
  border-color: var(--surface-600, #4b5563);
}
.status-summary-mode__filter-chip--active {
  background: var(--primary-color, #3b82f6);
  border-color: var(--primary-color, #3b82f6);
  color: var(--primary-color-text, #fff);
}
.status-summary-mode__filter-chip--active:hover {
  background: var(--primary-color-dark, #2563eb);
  border-color: var(--primary-color-dark, #2563eb);
}
[data-theme=dark] .status-summary-mode__filter-chip--active:hover {
  background: var(--primary-color-light, #60a5fa);
  border-color: var(--primary-color-light, #60a5fa);
  color: var(--primary-color-text, #fff);
}
[data-theme=dark] .status-summary-mode__filter-chip--active {
  background: var(--primary-color, #3b82f6);
  border-color: var(--primary-color, #3b82f6);
  color: var(--primary-color-text, #fff);
}
[data-theme=dark] .status-summary-mode__filter-chip {
  border-color: var(--surface-600, #4b5563);
  color: var(--secondary-text-color);
}
.status-summary-mode__filter-chip:focus-visible, .status-summary-mode__factors-toggle:focus-visible, .status-summary-mode__retry-button:focus-visible, .status-summary-mode__configure-button:focus-visible, .status-summary-mode__timeline-show-all:focus-visible {
  outline: 2px solid var(--primary-color, #3b82f6);
  outline-offset: 2px;
}
[data-theme=dark] .status-summary-mode__filter-chip:focus-visible, [data-theme=dark] .status-summary-mode__factors-toggle:focus-visible, [data-theme=dark] .status-summary-mode__retry-button:focus-visible, [data-theme=dark] .status-summary-mode__configure-button:focus-visible, [data-theme=dark] .status-summary-mode__timeline-show-all:focus-visible {
  outline-color: var(--primary-color-light, #60a5fa);
}
.status-summary-mode__zone2:focus {
  outline: none;
}
.status-summary-mode__timeline {
  flex: 1;
  overflow-y: auto;
  padding: 0 var(--spacing-md, 16px) var(--spacing-sm, 12px);
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs, 8px);
  scrollbar-width: thin;
}
.status-summary-mode__timeline::-webkit-scrollbar {
  width: 8px;
}
.status-summary-mode__timeline::-webkit-scrollbar-track {
  background: transparent;
}
.status-summary-mode__timeline::-webkit-scrollbar-thumb {
  background: var(--surface-300, #d1d5db);
  border-radius: var(--border-radius-sm, 4px);
}
[data-theme=dark] .status-summary-mode__timeline::-webkit-scrollbar-thumb {
  background: var(--surface-600, #4b5563);
}
.status-summary-mode__timeline-event {
  animation: status-timeline-enter 0.3s ease-out forwards;
  opacity: 0;
}
.status-summary-mode__timeline-event:nth-child(1) {
  animation-delay: 40ms;
}
.status-summary-mode__timeline-event:nth-child(2) {
  animation-delay: 80ms;
}
.status-summary-mode__timeline-event:nth-child(3) {
  animation-delay: 120ms;
}
.status-summary-mode__timeline-event:nth-child(4) {
  animation-delay: 160ms;
}
.status-summary-mode__timeline-event:nth-child(5) {
  animation-delay: 200ms;
}
.status-summary-mode__timeline-event:nth-child(6) {
  animation-delay: 240ms;
}
.status-summary-mode__timeline-event:nth-child(7) {
  animation-delay: 280ms;
}
.status-summary-mode__timeline-event:nth-child(8) {
  animation-delay: 300ms;
}
.status-summary-mode__timeline-event:nth-child(9) {
  animation-delay: 300ms;
}
.status-summary-mode__timeline-event:nth-child(10) {
  animation-delay: 300ms;
}
.status-summary-mode__timeline-event:nth-child(11) {
  animation-delay: 300ms;
}
.status-summary-mode__timeline-event:nth-child(12) {
  animation-delay: 300ms;
}
.status-summary-mode__timeline-event:nth-child(13) {
  animation-delay: 300ms;
}
.status-summary-mode__timeline-event:nth-child(14) {
  animation-delay: 300ms;
}
.status-summary-mode__timeline-event:nth-child(15) {
  animation-delay: 300ms;
}
.status-summary-mode__timeline-event:nth-child(16) {
  animation-delay: 300ms;
}
.status-summary-mode__timeline-event:nth-child(17) {
  animation-delay: 300ms;
}
.status-summary-mode__timeline-event:nth-child(18) {
  animation-delay: 300ms;
}
.status-summary-mode__timeline-event:nth-child(19) {
  animation-delay: 300ms;
}
.status-summary-mode__timeline-event:nth-child(20) {
  animation-delay: 300ms;
}
.status-summary-mode__scroll-sentinel {
  height: 1px;
  flex-shrink: 0;
}
.status-summary-mode__timeline-loading {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-sm, 12px);
  color: var(--secondary-text-color);
  font-size: 12px;
  flex-shrink: 0;
}
.status-summary-mode__timeline-end {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-xs, 8px);
  color: var(--secondary-text-color);
  font-size: 12px;
  opacity: 0.6;
  flex-shrink: 0;
}
.status-summary-mode__timeline-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex: 1;
  gap: var(--spacing-xs, 8px);
  padding: var(--spacing-lg, 24px);
  color: var(--secondary-text-color);
  text-align: center;
}
.status-summary-mode__timeline-empty i {
  font-size: 1.5rem;
  opacity: 0.5;
}
.status-summary-mode__timeline-empty p {
  margin: 0;
  font-size: 13px;
}
.status-summary-mode__timeline-show-all {
  display: inline;
  padding: 0;
  border: none;
  background: none;
  color: var(--primary-color, #3b82f6);
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
  text-decoration: underline;
}
.status-summary-mode__timeline-show-all:hover {
  color: var(--primary-color-dark, #2563eb);
}
[data-theme=dark] .status-summary-mode__timeline-show-all {
  color: var(--primary-color-light, #60a5fa);
}
[data-theme=dark] .status-summary-mode__timeline-show-all:hover {
  color: var(--primary-color, #3b82f6);
}
.status-summary-mode__skeleton {
  border-radius: var(--border-radius-sm, 4px);
  background: var(--surface-200, #e5e7eb);
  animation: status-skeleton-pulse 1.5s ease-in-out infinite;
}
[data-theme=dark] .status-summary-mode__skeleton {
  background: var(--surface-700, #374151);
}
.status-summary-mode__skeleton--icon {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  flex-shrink: 0;
}
.status-summary-mode__skeleton--text {
  height: 18px;
  width: 60%;
}
.status-summary-mode__skeleton--text-short {
  height: 14px;
  width: 40%;
}
.status-summary-mode__skeleton--chip {
  display: inline-block;
  height: 24px;
  width: 64px;
  border-radius: var(--border-radius-pill, 20px);
}
.status-summary-mode__skeleton--event {
  height: 48px;
  width: 100%;
  border-radius: var(--border-radius-md, 8px);
}
.status-summary-mode__skeleton--factor {
  height: 28px;
  width: 100%;
}
.status-summary-mode__skeleton-zone1 {
  display: flex;
  align-items: center;
  gap: var(--spacing-sm, 12px);
}
.status-summary-mode__skeleton-zone1-text {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xxs, 4px);
  flex: 1;
}
.status-summary-mode__skeleton-factors {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xxs, 4px);
  margin-top: var(--spacing-xs, 8px);
  padding-top: var(--spacing-xs, 8px);
  border-top: 1px solid var(--surface-200, #e5e7eb);
}
[data-theme=dark] .status-summary-mode__skeleton-factors {
  border-top-color: var(--surface-700, #374151);
}
.status-summary-mode__skeleton-chips {
  display: flex;
  align-items: center;
  gap: var(--spacing-xxs, 4px);
  padding: var(--spacing-xs, 8px) var(--spacing-md, 16px);
  flex-shrink: 0;
}
.status-summary-mode__skeleton-events {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs, 8px);
  padding: 0 var(--spacing-md, 16px) var(--spacing-sm, 12px);
}
.status-summary-mode__empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex: 1;
  gap: var(--spacing-sm, 12px);
  padding: var(--spacing-xl, 32px);
  color: var(--secondary-text-color);
  text-align: center;
}
.status-summary-mode__empty i {
  font-size: 2rem;
  opacity: 0.5;
}
.status-summary-mode__empty p {
  margin: 0;
  font-size: 14px;
}
.status-summary-mode__configure-button {
  padding: var(--spacing-xxs, 4px) var(--spacing-sm, 12px);
  border: 1px solid var(--primary-color, #3b82f6);
  border-radius: var(--border-radius-sm, 4px);
  background: transparent;
  color: var(--primary-color, #3b82f6);
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.15s ease;
}
.status-summary-mode__configure-button:hover {
  background: var(--primary-color, #3b82f6);
  color: var(--primary-color-text, #fff);
}
[data-theme=dark] .status-summary-mode__configure-button {
  border-color: var(--primary-color-light, #60a5fa);
  color: var(--primary-color-light, #60a5fa);
}
[data-theme=dark] .status-summary-mode__configure-button:hover {
  background: var(--primary-color-light, #60a5fa);
  color: var(--primary-color-text, #fff);
}
.status-summary-mode__no-factors {
  display: flex;
  align-items: center;
  gap: var(--spacing-xs, 8px);
  margin-top: var(--spacing-xs, 8px);
  padding: var(--spacing-xs, 8px);
  border-radius: var(--border-radius-sm, 4px);
  background: var(--surface-100, #f3f4f6);
  color: var(--secondary-text-color);
  font-size: 13px;
}
.status-summary-mode__no-factors i {
  opacity: 0.5;
}
[data-theme=dark] .status-summary-mode__no-factors {
  background: var(--surface-800, #1f2937);
}
.status-summary-mode__factor-not-deployed {
  font-size: 11px;
  font-weight: 500;
  color: var(--secondary-text-color);
  background: var(--surface-200, #e5e7eb);
  padding: 1px var(--spacing-xxs, 4px);
  border-radius: var(--border-radius-sm, 4px);
  white-space: nowrap;
}
[data-theme=dark] .status-summary-mode__factor-not-deployed {
  background: var(--surface-700, #374151);
}
.status-summary-mode__all-complete {
  display: flex;
  align-items: center;
  gap: var(--spacing-xs, 8px);
  margin-top: var(--spacing-xs, 8px);
  padding: var(--spacing-xs, 8px);
  border-radius: var(--border-radius-sm, 4px);
  background: var(--status-on-track-bg, #ecfdf5);
  color: var(--status-on-track, #10b981);
  font-size: 13px;
  font-weight: 500;
}
[data-theme=dark] .status-summary-mode__all-complete {
  background: rgba(16, 185, 129, 0.1);
  color: var(--status-on-track, #34d399);
}
.status-summary-mode__timeline-error {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-xs, 8px);
  padding: var(--spacing-lg, 24px) var(--spacing-md, 16px);
  color: var(--status-critical, #ef4444);
  text-align: center;
}
[data-theme=dark] .status-summary-mode__timeline-error {
  color: var(--status-critical, #f87171);
}
.status-summary-mode__timeline-error i {
  font-size: 1.5rem;
}
.status-summary-mode__timeline-error p {
  margin: 0;
  font-size: 13px;
  color: var(--secondary-text-color);
}
.status-summary-mode__error {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex: 1;
  gap: var(--spacing-sm, 12px);
  padding: var(--spacing-xl, 32px);
  color: var(--status-critical, #ef4444);
  text-align: center;
}
.status-summary-mode__error i {
  font-size: 2rem;
}
.status-summary-mode__error p {
  margin: 0;
  font-size: 14px;
  color: var(--secondary-text-color);
}
.status-summary-mode__retry-button {
  padding: var(--spacing-xxs, 4px) var(--spacing-sm, 12px);
  border: 1px solid var(--primary-color, #3b82f6);
  border-radius: var(--border-radius-sm, 4px);
  background: transparent;
  color: var(--primary-color, #3b82f6);
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.15s ease;
}
.status-summary-mode__retry-button:hover {
  background: var(--primary-color, #3b82f6);
  color: var(--primary-color-text, #fff);
}
[data-theme=dark] .status-summary-mode__retry-button {
  border-color: var(--primary-color-light, #60a5fa);
  color: var(--primary-color-light, #60a5fa);
}
[data-theme=dark] .status-summary-mode__retry-button:hover {
  background: var(--primary-color-light, #60a5fa);
  color: var(--primary-color-text, #fff);
}
@media (max-width: 400px) {
  .status-summary-mode__status-header {
    gap: var(--spacing-xs, 8px);
  }
  .status-summary-mode__status-label {
    font-size: 16px;
  }
  .status-summary-mode__factor-row {
    font-size: 12px;
    gap: var(--spacing-xxs, 4px);
    padding: var(--spacing-xxs, 4px);
  }
  .status-summary-mode__factor-weight {
    display: none;
  }
  .status-summary-mode__checkin-header {
    flex-direction: column;
    align-items: flex-start;
    gap: var(--spacing-xxs, 4px);
  }
  .status-summary-mode__filter-chips {
    padding: var(--spacing-xxs, 4px) var(--spacing-sm, 12px);
  }
  .status-summary-mode__zone1, .status-summary-mode__zone2 {
    padding: var(--spacing-sm, 12px);
  }
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
@keyframes status-skeleton-pulse {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.4;
  }
}
@keyframes status-timeline-enter {
  from {
    opacity: 0;
    transform: translateY(8px);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
/* Base */
.metaspace-shell {
  position: relative;
  min-height: 0;
}
.metaspace-rail {
  width: 80px;
  flex: 0 0 auto;
  padding: 16px 12px;
  background: linear-gradient(358deg, #e7f4fd 3.12%, #f2f9fe 24.75%, #fff 83.06%, #ddecf6 97.17%);
  border-radius: var(--border-radius);
}
[data-theme=dark] .metaspace-rail {
  background: var(--component-background-gradient);
}
/* Rail pill */
.rail-item {
  position: relative;
  width: 100%;
  height: 48px;
  margin-bottom: 16px;
  border-radius: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(0deg, #eaf2f9 0%, #eaf2f9 100%), #eaf2f9;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  transition: background 0.18s ease, box-shadow 0.18s ease, transform 0.12s ease, border-left 0.18s ease;
  border-left: 3px solid transparent;
}
[data-theme=dark] .rail-item {
  background: #2C2C3E;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.4);
}
.rail-item:hover {
  transform: translateY(-1px) scale(1.02);
  box-shadow: 0 6px 8px rgba(0, 0, 0, 0.3);
}
[data-theme=dark] .rail-item:hover {
  box-shadow: 0 6px 8px rgba(0, 0, 0, 0.5);
}
.rail-item.is-active {
  border-radius: 15px;
  background: linear-gradient(0deg, #fff 0%, #fff 100%), #eaf2f9;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
  border-left: 3px solid var(--primary-color, #3B82F6);
}
[data-theme=dark] .rail-item.is-active {
  background: #3D3D5C;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.4);
  border-left: 3px solid var(--primary-color, #60A5FA);
}
.rail-item:focus-visible {
  outline: 2px solid var(--primary-color, #3B82F6);
  outline-offset: 2px;
}
/* Make full pill clickable */
.rail-btn.p-button {
  width: 100%;
  height: 100%;
  border: 0;
  padding: 0;
  background: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  outline: none;
}
.rail-btn.p-button:focus {
  outline: none;
  box-shadow: none;
}
.toolbar-item-back {
  height: 40px;
  margin-bottom: 16px;
  background: transparent !important;
  box-shadow: none !important;
  transition: transform 0.18s ease;
}
.toolbar-item-back:focus {
  outline: none;
  box-shadow: none;
}
.toolbar-item-back:hover {
  background: none;
  transform: translateX(-2px);
}
.toolbar-item-back i {
  font-size: 1.125rem;
  color: var(--secondary-text-color, #6B7280);
}
[data-theme=dark] .toolbar-item-back i {
  color: var(--secondary-text-color, #9CA3AF);
}
.rail-btn i {
  font-size: 1.25rem;
  color: var(--text-color, #374151);
  transition: transform 0.18s ease, color 0.18s ease;
}
[data-theme=dark] .rail-btn i {
  color: var(--text-color-secondary, #D1D5DB);
}
.is-active .rail-btn i {
  color: var(--primary-color, #3B82F6);
}
[data-theme=dark] .is-active .rail-btn i {
  color: var(--primary-color, #60A5FA);
}
.rail-item:hover .rail-btn i {
  transform: scale(1.1);
}
/* Badge */
.rail-badge {
  position: absolute;
  top: 4px;
  right: 4px;
  font-size: 0.625rem;
  font-weight: 600;
  min-width: 1.125rem;
  height: 1.125rem;
  line-height: 1.125rem;
  padding: 0 4px;
  pointer-events: none;
  background: var(--primary-color, #3B82F6);
  color: #ffffff;
  border-radius: 10px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  animation: badge-pulse 2s ease-in-out infinite;
}
[data-theme=dark] .rail-badge {
  background: var(--primary-color, #60A5FA);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);
}
@keyframes badge-pulse {
  0%, 100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1);
  }
}
/* Notification dot indicator */
.rail-notification-dot {
  position: absolute;
  top: 8px;
  right: 8px;
  width: 8px;
  height: 8px;
  background: var(--red-500, #EF4444);
  border-radius: 50%;
  border: 2px solid #ffffff;
  pointer-events: none;
  animation: dot-pulse 2s ease-in-out infinite;
}
[data-theme=dark] .rail-notification-dot {
  border-color: #2C2C3E;
}
@keyframes dot-pulse {
  0%, 100% {
    transform: scale(1);
    opacity: 1;
  }
  50% {
    transform: scale(1.2);
    opacity: 0.8;
  }
}
/* Panel visual (same chrome as you had, moved to class) */
.metaspace-panel {
  position: relative;
  border-radius: 30px;
  border: var(--primary-border);
  background: linear-gradient(210deg, rgba(108, 134, 152, 0.38) 9.05%, rgba(224, 236, 244, 0.38) 22.31%, rgba(255, 255, 255, 0.75) 61.44%, rgba(168, 172, 175, 0.56) 118.6%);
  box-shadow: -5px 4px 10px rgba(0, 0, 0, 0.15);
  overflow: hidden;
  border-left: none;
  /* Smooth animation for opening/closing */
  transition: width 0.45s cubic-bezier(0.4, 0, 0.2, 1), min-width 0.45s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.35s ease-in-out;
}
.metaspace-panel.panel-closed {
  opacity: 0;
  border: none;
  box-shadow: none;
}
.metaspace-panel.panel-open {
  opacity: 1;
}
.panel-scroll-container {
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  padding-right: 0;
}
.panel-inner {
  height: 100%;
  overflow: hidden;
  background: var(--action-container, linear-gradient(358deg, #c5e3f9 3.12%, #7c8e9f 41.75%, #c9dfed 97.17%));
  transition: opacity 0.3s ease-in-out 0.15s; /* Slight delay for content fade-in */
}
.panel-closed .panel-inner {
  opacity: 0;
}
.panel-open .panel-inner {
  opacity: 1;
}
[data-theme=dark] .panel-inner {
  background: var(--component-background-gradient);
}
/* The connector tab that visually joins the active pill to the panel */
.panel-connector {
  position: absolute;
  right: -16px; /* extend to the right towards the panel */
  transform: translateY(-50%);
  width: 82px; /* connector thickness */
  height: 60px; /* should be slightly smaller than pill height */
  border: 2px solid #fff;
  border-right: 0;
  border-top-left-radius: 16px;
  border-bottom-left-radius: 16px;
  background: linear-gradient(180deg, #a4baca 0%, #acc0ce 100%);
}
[data-theme=dark] .panel-connector {
  background: var(--component-background-gradient);
  border: 2px solid rgba(255, 255, 255, 0.1);
}
.panel-connector {
  box-shadow: inset 0 4px 4px rgba(0, 0, 0, 0.2), 0 4px 4px rgba(0, 0, 0, 0.15);
  top: 0px;
  left: 0px;
  /* smooth movement and fade when active item changes or panel opens/closes */
  transition: top 0.18s ease, opacity 0.25s ease-in-out;
}
/* Accessibility + focus adjustments */
.toolbar-button:focus {
  box-shadow: none !important;
}
.toolbar-button:active {
  background: none !important;
}
/* Keep your chat panel width fix */
.metaspace-chat-panel .sphere-chat-panel .sphere-chat-main .sphere-chat-message-container .sphere-chat-card .p-card-body .p-card-content .sphere-chat-message-header {
  width: auto;
}
.metaspace-chat-panel .sphere-chat-panel {
  border: none;
  border-radius: 0px;
}
.invite-users-dialog {
  width: unset !important;
}
.invite-users-dialog .invite-users-dialog-content {
  font-family: "Manrope", sans-serif;
  font-size: 14px;
  width: 400px;
  max-width: 90vw;
  background: #fff;
  padding: 20px;
  border-radius: 12px;
  box-sizing: border-box;
  margin: 0 auto;
}
[data-theme=dark] .invite-users-dialog .invite-users-dialog-content {
  background: var(--component-background);
  color: var(--primary-text-color);
}
.invite-users-dialog .invite-users-dialog-content .invite-users-dialog-intro {
  font-size: 14px;
  margin-bottom: 12px;
}
[data-theme=dark] .invite-users-dialog .invite-users-dialog-content .invite-users-dialog-intro {
  color: var(--secondary-text-color);
}
.invite-users-dialog .invite-users-dialog-content .invite-users-label {
  font-weight: 600;
  margin-bottom: 6px;
  display: block;
}
[data-theme=dark] .invite-users-dialog .invite-users-dialog-content .invite-users-label {
  color: var(--primary-text-color);
}
.invite-users-dialog .invite-users-dialog-content .invite-emails-input {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  min-height: 48px;
  border: 1px solid #c7c7c7;
  border-radius: 6px;
  padding: 8px;
  background: #fff;
  margin-bottom: 6px;
}
[data-theme=dark] .invite-users-dialog .invite-users-dialog-content .invite-emails-input {
  background: #2a3242;
  border-color: #3a4352;
}
.invite-users-dialog .invite-users-dialog-content .invite-email-input {
  border: none;
  color: #495057;
  outline: none;
  min-width: 140px;
  margin-left: 2px;
  flex: 1;
  background: transparent;
}
[data-theme=dark] .invite-users-dialog .invite-users-dialog-content .invite-email-input {
  color: var(--primary-text-color);
}
[data-theme=dark] .invite-users-dialog .invite-users-dialog-content .invite-email-input::-moz-placeholder {
  color: var(--secondary-text-color);
  opacity: 0.7;
}
[data-theme=dark] .invite-users-dialog .invite-users-dialog-content .invite-email-input::placeholder {
  color: var(--secondary-text-color);
  opacity: 0.7;
}
.invite-users-dialog .invite-users-dialog-content .invite-email-tag {
  display: flex;
  align-items: center;
  background: #e3edff;
  border-radius: 4px;
  padding: 3px 8px 3px 8px;
  margin: 2px 6px 2px 0;
  color: #234077;
}
[data-theme=dark] .invite-users-dialog .invite-users-dialog-content .invite-email-tag {
  background: rgba(58, 67, 82, 0.8);
  color: var(--primary-text-color);
}
.invite-users-dialog .invite-users-dialog-content .invite-email-tag.new-user {
  background-color: rgb(199, 228, 199);
}
[data-theme=dark] .invite-users-dialog .invite-users-dialog-content .invite-email-tag.new-user {
  background-color: rgba(76, 175, 80, 0.3);
  color: #90ee90;
}
.invite-users-dialog .invite-users-dialog-content .remove-tag {
  margin-left: 4px;
  cursor: pointer;
  font-weight: bold;
  color: #1976d2;
  line-height: 1;
  transition: color 0.18s;
}
.invite-users-dialog .invite-users-dialog-content .remove-tag:hover {
  color: #d32f2f;
}
[data-theme=dark] .invite-users-dialog .invite-users-dialog-content .remove-tag {
  color: #64b5f6;
}
[data-theme=dark] .invite-users-dialog .invite-users-dialog-content .remove-tag:hover {
  color: #ff6b6b;
}
.invite-users-dialog .invite-users-dialog-content .invite-users-helper {
  font-size: 12px;
  color: #555;
  margin-top: 4px;
  margin-bottom: 12px;
}
[data-theme=dark] .invite-users-dialog .invite-users-dialog-content .invite-users-helper {
  color: var(--secondary-text-color);
  opacity: 0.8;
}
.invite-users-dialog .invite-users-dialog-content .user-centers {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  border: 1px solid #c7c7c7;
  border-radius: 6px;
  padding: 8px;
  background: #fff;
  margin-bottom: 6px;
  box-shadow: none !important;
}
[data-theme=dark] .invite-users-dialog .invite-users-dialog-content .user-centers {
  background: #2a3242;
  border-color: #3a4352;
}
.invite-users-dialog .invite-users-dialog-content .invite-users-actions {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  margin-top: 18px;
}
.invite-users-dialog .invite-users-dialog-content .invite-users-actions .p-button {
  font-weight: 600;
  min-width: 120px;
  padding: 10px 16px;
  border-radius: var(--border-radius);
  transition: all 0.2s ease;
}
.invite-users-dialog .invite-users-dialog-content .invite-users-actions .p-button.p-button-outlined {
  background: var(--cta-secondary-background);
  color: var(--cta-secondary-color);
  border: var(--cta-secondary-border);
  box-shadow: var(--cta-secondary-shadow);
}
.invite-users-dialog .invite-users-dialog-content .invite-users-actions .p-button.p-button-outlined:hover:not(:disabled) {
  background: var(--cta-secondary-hover-background);
  border-color: #26a3e3;
  transform: translateY(-1px);
  box-shadow: 0 0 0 0.2rem rgba(55, 127, 196, 0.25);
}
.invite-users-dialog .invite-users-dialog-content .invite-users-actions .p-button.p-button-outlined:active:not(:disabled) {
  transform: scale(0.98);
}
.invite-users-dialog .invite-users-dialog-content .invite-users-actions .p-button.p-button-outlined:focus {
  outline: none;
  box-shadow: 0 0 0 0.2rem rgba(55, 127, 196, 0.25);
}
.invite-users-dialog .invite-users-dialog-content .invite-users-actions .p-button.p-button-success {
  background: var(--cta-primary-background);
  color: var(--cta-primary-color);
  border: var(--cta-primary-border);
  box-shadow: var(--cta-primary-shadow);
}
.invite-users-dialog .invite-users-dialog-content .invite-users-actions .p-button.p-button-success:hover:not(:disabled) {
  background: var(--cta-primary-hover-background);
  transform: translateY(-1px);
}
.invite-users-dialog .invite-users-dialog-content .invite-users-actions .p-button.p-button-success:active:not(:disabled) {
  transform: scale(0.98);
}
.invite-users-dialog .invite-users-dialog-content .invite-users-actions .p-button.p-button-success:focus {
  outline: none;
  box-shadow: var(--cta-primary-shadow), 0 0 0 3px rgba(64, 122, 198, 0.3);
}
.invite-users-dialog .invite-users-dialog-content .invite-users-actions .p-button.p-button-success:disabled {
  opacity: 0.5;
  cursor: not-allowed;
  transform: none;
}
.invite-users-dialog .invite-users-dialog-content .sphere-identity-atom {
  padding: unset !important;
  border: unset !important;
}
.invite-users-dialog .invite-users-dialog-content .sphere-identity-atom .sphere-identity-atom-name {
  font-size: unset !important;
}
.invite-users-dialog .invite-users-dialog-content .sphere-identity-atom .sphere-avatar {
  width: 20px;
  height: 20px;
  top: 0;
}
.data-list-settings-panel.custom-dialog .p-dialog-header {
  padding: var(--spacing-md, 16px) var(--spacing-lg, 24px);
  border-bottom: 1px solid var(--surface-border);
}
.data-list-settings-panel.custom-dialog .p-dialog-content {
  padding: 0;
}
.data-list-settings-panel.custom-dialog .p-dialog-footer {
  padding: var(--spacing-sm, 12px) var(--spacing-lg, 24px);
  border-top: 1px solid var(--surface-border);
}
.data-list-settings-panel__content {
  padding: var(--spacing-md, 16px) var(--spacing-lg, 24px);
}
.data-list-settings-panel__section {
  margin-bottom: var(--spacing-lg, 24px);
}
.data-list-settings-panel__section:last-child {
  margin-bottom: 0;
}
.data-list-settings-panel__section:first-child {
  padding-bottom: var(--spacing-lg, 24px);
  border-bottom: 1px solid var(--surface-border, rgba(255, 255, 255, 0.1));
}
.data-list-settings-panel__section-title {
  margin: 0 0 var(--spacing-sm, 12px) 0;
  font-size: 0.7rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: var(--secondary-text-color);
}
.data-list-settings-panel__columns {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--spacing-xs, 8px) var(--spacing-md, 16px);
}
.data-list-settings-panel__column-item {
  display: flex;
  align-items: center;
  gap: var(--spacing-xs, 8px);
}
.data-list-settings-panel__column-item label {
  font-size: 0.875rem;
  color: var(--primary-text-color);
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.data-list-settings-panel__row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--spacing-md, 16px);
  margin-bottom: var(--spacing-sm, 12px);
}
.data-list-settings-panel__row:last-child {
  margin-bottom: 0;
}
.data-list-settings-panel__row label {
  font-size: 0.875rem;
  color: var(--primary-text-color);
  flex-shrink: 0;
}
.data-list-settings-panel__dropdown {
  width: 150px;
}
.data-list-settings-panel__footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.data-list-settings-panel__custom {
  padding-top: var(--spacing-md, 16px);
  border-top: 1px solid var(--surface-border);
}
[data-theme=dark] .data-list-settings-panel.custom-dialog .p-dialog-header,
[data-theme=dark] .data-list-settings-panel.custom-dialog .p-dialog-footer {
  border-color: var(--surface-border);
}
[data-theme=dark] .data-list-settings-panel__custom {
  border-color: var(--surface-border);
}
.column-filter-header {
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-xxs, 4px);
}
.column-filter-header__label {
  font-weight: 600;
  color: var(--primary-text-color);
  font-size: var(--primary-font, 14px);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.column-filter-header__trigger {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  padding: 0;
  border: none;
  border-radius: var(--border-radius-sm, 4px);
  background: transparent;
  color: var(--secondary-text-color);
  font-size: 12px;
  cursor: pointer;
  transition: background 0.15s ease, color 0.15s ease;
  flex-shrink: 0;
}
.column-filter-header__trigger:hover {
  background: var(--chip-hover-bg, rgba(59, 130, 246, 0.08));
  color: var(--primary-color, #377FC4);
}
.column-filter-header__trigger:focus-visible {
  outline: none;
  box-shadow: 0 0 0 2px var(--primary-color, #377FC4);
}
.column-filter-header__trigger--active {
  color: var(--primary-color, #377FC4);
}
.column-filter-header__content {
  display: flex;
  flex-direction: column;
  font-family: Manrope, sans-serif;
}
.column-filter-header__panel {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs, 8px);
  padding: var(--spacing-sm, 12px);
}
.column-filter-header__dropdown {
  width: 100%;
  color: var(--primary-text-color, #4a6d98);
  border-radius: 20px;
  border: var(--primary-border);
  background: var(--Search-input-box);
  box-shadow: 2px 2px 7px 2px rgba(30, 84, 156, 0.18) inset, -3px -1px 10px 0px rgba(160, 183, 202, 0.15) inset;
}
.column-filter-header__input {
  width: 100%;
  color: var(--primary-text-color, #4a6d98);
  border-radius: 20px;
  border: var(--primary-border);
  background: var(--Search-input-box);
  box-shadow: 2px 2px 7px 2px rgba(30, 84, 156, 0.18) inset, -3px -1px 10px 0px rgba(160, 183, 202, 0.15) inset;
}
.column-filter-header__to {
  font-size: 12px;
  color: var(--secondary-text-color);
  text-align: center;
  padding: var(--spacing-xxs, 4px) 0;
}
.column-filter-header__calendar {
  width: 100%;
}
.column-filter-header__enum-row {
  display: flex;
  align-items: center;
  gap: var(--spacing-xs, 8px);
  padding: var(--spacing-xxs, 4px) 0;
  cursor: pointer;
}
.column-filter-header__enum-row:hover {
  background: var(--chip-hover-bg, rgba(59, 130, 246, 0.05));
  border-radius: var(--border-radius-sm, 4px);
}
.column-filter-header__enum-label {
  font-size: 12px;
  color: var(--primary-text-color);
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.column-filter-header__enum-label--bold {
  font-weight: 600;
}
.column-filter-header__enum-list {
  max-height: 200px;
  overflow-y: auto;
  scrollbar-width: thin;
}
.column-filter-header__no-results {
  font-size: 12px;
  color: var(--secondary-text-color);
  padding: var(--spacing-xs, 8px) 0;
  text-align: center;
  font-style: italic;
}
.column-filter-header__sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
.column-filter-header__actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: var(--spacing-xs, 8px) var(--spacing-sm, 12px);
  border-top: 1px solid var(--primary-border-color, #e5e7eb);
}
.column-filter-header__apply-btn {
  background: var(--primary-color, #377FC4) !important;
  border-color: var(--primary-color, #377FC4) !important;
  color: var(--primary-color-text, #fff) !important;
}
.column-filter-header__apply-btn:enabled:hover {
  background: var(--primary-color-hover, #2a5f92) !important;
  border-color: var(--primary-color-hover, #2a5f92) !important;
}
.column-filter-header-overlay.p-overlaypanel {
  border-radius: var(--border-radius-md, 8px);
  border: 1px solid var(--primary-border-color, #d1d5db);
  box-shadow: var(--shadow-md, 0 2px 4px rgba(0, 0, 0, 0.15));
  background: var(--component-background, #fff);
  overflow: hidden;
  min-width: 240px;
  max-width: 320px;
}
.column-filter-header-overlay.p-overlaypanel .p-overlaypanel-content {
  padding: 0;
}
.column-filter-header-overlay.p-overlaypanel::before, .column-filter-header-overlay.p-overlaypanel::after {
  display: none !important;
}
[data-theme=dark] .column-filter-header__trigger {
  color: var(--secondary-text-color);
}
[data-theme=dark] .column-filter-header__trigger:hover {
  background: var(--overlay-hover-bg-dark, rgba(255, 255, 255, 0.08));
  color: var(--primary-color-light, #60a5fa);
}
[data-theme=dark] .column-filter-header__trigger:focus-visible {
  box-shadow: 0 0 0 2px var(--primary-color-light, #60a5fa);
}
[data-theme=dark] .column-filter-header__trigger--active {
  color: var(--primary-color-light, #60a5fa);
}
[data-theme=dark] .column-filter-header__enum-row:hover {
  background: var(--overlay-hover-bg-dark, rgba(255, 255, 255, 0.05));
}
[data-theme=dark] .column-filter-header__actions {
  border-top-color: var(--primary-border-dark, #4a5568);
}
[data-theme=dark] .column-filter-header-overlay.p-overlaypanel {
  background: var(--component-background-dark, #1e293b);
  border-color: var(--primary-border-dark, #4a5568);
  box-shadow: var(--shadow-md-dark, 0 4px 16px rgba(0, 0, 0, 0.4));
}
[data-theme=dark] .column-filter-header__apply-btn {
  background: var(--primary-color-dark, #60a5fa) !important;
  border-color: var(--primary-color-dark, #60a5fa) !important;
  color: var(--primary-color-text-dark, #1e293b) !important;
}
[data-theme=dark] .column-filter-header__apply-btn:enabled:hover {
  background: var(--primary-color-dark-hover, #93bbfd) !important;
  border-color: var(--primary-color-dark-hover, #93bbfd) !important;
}
.data-list-molecule {
  width: 100%;
  display: flex;
  flex-direction: column;
  margin: 0;
  container-type: inline-size;
}
.data-list-molecule .data-list-header {
  flex-shrink: 0;
  background: var(--component-background-gradient, linear-gradient(1deg, #e4f0fa 4.13%, #f2faff 99.98%));
  border: none;
  border-radius: 30px 30px 0 0;
  color: var(--primary-text-color);
  font-family: var(--font-family);
  font-size: var(--sub-heading-font);
  font-weight: 600;
  box-shadow: -2px -1px 1px 0px rgba(6, 44, 88, 0.1), 1px 2px 5px -1px rgba(74, 100, 126, 0.3);
  padding: 14px 18px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0;
}
[data-theme=dark] .data-list-molecule .data-list-header {
  background: var(--component-background-gradient);
  box-shadow: -2px -1px 1px 0px rgba(0, 0, 0, 0.2), 1px 2px 5px -1px rgba(0, 0, 0, 0.3);
}
.data-list-molecule .data-list-header.collapsible {
  cursor: pointer;
  transition: background-color 0.3s ease;
  will-change: background-color;
}
.data-list-molecule .data-list-header.collapsible:hover {
  background: var(--hover-background);
}
.data-list-molecule .data-list-header.collapsible .data-list-toggle-icon {
  transition: transform 0.3s ease;
  will-change: transform;
  color: var(--secondary-text-color);
  margin-left: 0.5rem;
}
.data-list-molecule .data-list-header.collapsible .data-list-toggle-icon.expanded {
  transform: rotate(90deg);
}
.data-list-molecule .data-list-header .data-list-title {
  color: var(--primary-text-color);
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.data-list-molecule .data-list-header .data-list-title i {
  color: var(--primary-text-color);
}
.data-list-molecule .data-list-header .data-list-title .data-list-item-count {
  color: var(--secondary-text-color);
  font-weight: 500;
  font-size: var(--secondary-font);
  margin-left: 0.25rem;
}
.data-list-molecule .data-list-header .data-list-header-actions-container {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.data-list-molecule .data-list-header .data-list-search-wrapper {
  display: flex;
}
.data-list-molecule .data-list-header .data-list-search-wrapper .data-list-search-input {
  min-width: 180px;
  max-width: 250px;
}
.data-list-molecule .data-list-header .data-list-search-wrapper .pi-search {
  position: absolute;
  bottom: 28px;
  right: 10px;
}
.data-list-molecule .data-list-header .data-list-search-wrapper .data-list-search-clear {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: none;
  border: none;
  padding: 0;
  font-size: inherit;
  line-height: inherit;
  position: absolute;
  bottom: 10px;
  right: 10px;
  cursor: pointer;
  color: var(--secondary-text-color, #64748b);
  transition: color 0.15s ease;
  will-change: color;
}
.data-list-molecule .data-list-header .data-list-search-wrapper .data-list-search-clear:hover {
  color: var(--primary-text-color, #1e293b);
}
.data-list-molecule .data-list-header .data-list-header__custom-filters {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: var(--spacing-xs, 8px);
}
.data-list-molecule .data-list-header .data-list-header-actions {
  display: flex;
  gap: 0.5rem;
  align-items: center;
}
.data-list-molecule .data-list-header .data-list-header-actions .p-button {
  border-radius: var(--border-radius);
  border: var(--primary-border);
  background: var(--component-background);
  color: var(--primary-text-color);
  font-family: var(--font-family);
  font-size: var(--secondary-font);
  font-weight: 700;
  box-shadow: var(--button-shadow);
}
.data-list-molecule .data-list-header .data-list-header-actions .p-button:hover {
  background: var(--primary-color-hover, rgba(38, 163, 227, 0.1));
  border-color: var(--primary-color, #26a3e3);
}
.data-list-molecule .data-list-header .data-list-header-actions .p-button.data-list-settings-button {
  color: var(--secondary-text-color);
  border-color: var(--primary-border);
}
.data-list-molecule .data-list-header .data-list-header-actions .p-button.data-list-settings-button:hover {
  color: var(--primary-color, #26a3e3);
}
.data-list-molecule .data-list-header .data-list-header-actions .p-button.data-list-refresh-button {
  color: var(--primary-text-color);
  border-color: var(--primary-border);
}
.data-list-molecule .data-list-header .data-list-header-actions .p-button:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
.data-list-molecule .data-list-content {
  flex: 1;
  min-height: 0;
  border: none;
  border-radius: 0 0 30px 30px;
  background: var(--component-background-gradient, linear-gradient(358deg, #f5fbff 3.12%, #f2f9fe 49.2%, #fcffff 83.06%, #f9fdff 97.17%));
  box-shadow: 0px 3px 1px -2px rgba(79, 38, 26, 0.1), 2px 1px 2px 0px rgba(58, 28, 19, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  overflow: hidden;
  padding: 10px;
}
[data-theme=dark] .data-list-molecule .data-list-content {
  background: var(--component-background-gradient);
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 2px 1px 2px 0px rgba(0, 0, 0, 0.25), 0px 1px 5px 0px rgba(0, 0, 0, 0.2);
}
.data-list-molecule--atlas .data-list-content .data-grid-atom {
  height: 100%;
}
.data-list-molecule--atlas .data-list-content .data-grid-atom .p-datatable.data-grid-table {
  border-radius: 20px !important;
  border: none;
  background: transparent;
  box-shadow: none;
  height: 100%;
}
.data-list-molecule--atlas .data-list-content .data-grid-atom .p-datatable.data-grid-table .p-datatable-wrapper {
  max-height: 100%;
  border-radius: 20px;
  overflow: hidden;
}
.data-list-molecule--atlas .data-list-content .data-grid-atom .p-datatable.data-grid-table .p-datatable-table {
  border-collapse: separate !important;
  border-spacing: 0 2px !important;
}
.data-list-molecule--atlas .data-list-content .data-grid-atom .p-datatable.data-grid-table .p-datatable-thead > tr {
  background: var(--component-background-gradient, linear-gradient(1deg, #e4f0fa 4.13%, #f2faff 99.98%)) !important;
}
[data-theme=dark] .data-list-molecule--atlas .data-list-content .data-grid-atom .p-datatable.data-grid-table .p-datatable-thead > tr {
  background: var(--component-background-gradient) !important;
}
.data-list-molecule--atlas .data-list-content .data-grid-atom .p-datatable.data-grid-table .p-datatable-thead > tr > th {
  background: transparent !important;
  padding: 12px 20px;
  font-size: var(--secondary-font);
  border: none !important;
  color: var(--primary-text-color);
  font-weight: 600;
}
.data-list-molecule--atlas .data-list-content .data-grid-atom .p-datatable.data-grid-table .p-datatable-tbody > tr {
  height: 50px !important;
  max-height: 50px !important;
  background: var(--component-background, #fff) !important;
  transition: background-color 0.2s ease, box-shadow 0.2s ease;
  will-change: background-color, box-shadow;
}
[data-theme=dark] .data-list-molecule--atlas .data-list-content .data-grid-atom .p-datatable.data-grid-table .p-datatable-tbody > tr {
  background: var(--component-background) !important;
}
.data-list-molecule--atlas .data-list-content .data-grid-atom .p-datatable.data-grid-table .p-datatable-tbody > tr:hover {
  background: var(--hover-background, #f0f7fc) !important;
}
[data-theme=dark] .data-list-molecule--atlas .data-list-content .data-grid-atom .p-datatable.data-grid-table .p-datatable-tbody > tr:hover {
  background: var(--hover-background) !important;
}
.data-list-molecule--atlas .data-list-content .data-grid-atom .p-datatable.data-grid-table .p-datatable-tbody > tr > td {
  padding: 4px 16px !important;
  height: 50px !important;
  max-height: 50px !important;
  vertical-align: middle;
  background: inherit;
  box-sizing: border-box;
  overflow: hidden;
  border-top: 2px solid #fff !important;
  border-bottom: 2px solid #fff !important;
  box-shadow: inset 0px 0px 1px 1.9px rgba(116, 139, 157, 0.2);
}
[data-theme=dark] .data-list-molecule--atlas .data-list-content .data-grid-atom .p-datatable.data-grid-table .p-datatable-tbody > tr > td {
  border-color: var(--component-background) !important;
  box-shadow: inset 0px 0px 1px 1.9px rgba(0, 0, 0, 0.3);
}
.data-list-molecule--atlas .data-list-content .data-grid-atom .p-datatable.data-grid-table .p-datatable-tbody > tr > td:first-child {
  border-left: 2px solid #fff !important;
  border-radius: 26px 0 0 26px;
}
[data-theme=dark] .data-list-molecule--atlas .data-list-content .data-grid-atom .p-datatable.data-grid-table .p-datatable-tbody > tr > td:first-child {
  border-left-color: var(--component-background) !important;
}
.data-list-molecule--atlas .data-list-content .data-grid-atom .p-datatable.data-grid-table .p-datatable-tbody > tr > td:last-child {
  border-right: 2px solid #fff !important;
  border-radius: 0 20px 20px 0;
}
[data-theme=dark] .data-list-molecule--atlas .data-list-content .data-grid-atom .p-datatable.data-grid-table .p-datatable-tbody > tr > td:last-child {
  border-right-color: var(--component-background) !important;
}
.data-list-molecule--atlas .data-list-content .data-grid-atom .p-datatable.data-grid-table .p-paginator {
  background: transparent;
  border: none;
  padding: 0.5rem;
}
.data-list-molecule--atlas .data-list-content .data-grid-atom .data-grid-loading .p-datatable-tbody > tr {
  background: #ffffff !important;
}
[data-theme=dark] .data-list-molecule--atlas .data-list-content .data-grid-atom .data-grid-loading .p-datatable-tbody > tr {
  background: var(--component-background) !important;
}
.data-list-molecule--atlas .data-list-content .data-grid-atom .data-grid-loading .p-skeleton {
  background-color: #e8edf0 !important;
}
[data-theme=dark] .data-list-molecule--atlas .data-list-content .data-grid-atom .data-grid-loading .p-skeleton {
  background-color: #2a2a3a !important;
}
.data-list-molecule--atlas .data-list-content .data-grid-atom .data-grid-loading .p-skeleton::after {
  background: linear-gradient(90deg, rgba(232, 237, 240, 0) 0%, rgba(255, 255, 255, 0.6) 50%, rgba(232, 237, 240, 0) 100%) !important;
}
[data-theme=dark] .data-list-molecule--atlas .data-list-content .data-grid-atom .data-grid-loading .p-skeleton::after {
  background: linear-gradient(90deg, rgba(42, 42, 58, 0) 0%, rgba(255, 255, 255, 0.05) 50%, rgba(42, 42, 58, 0) 100%) !important;
}
.data-list-molecule--standard .data-list-header {
  border-radius: var(--border-radius) var(--border-radius) 0 0;
}
.data-list-molecule--standard .data-list-content {
  border-radius: 0 0 var(--border-radius) var(--border-radius);
  padding: 0;
}
.data-list-molecule--standard .data-list-content .data-grid-atom .p-datatable {
  border-radius: 0 0 var(--border-radius) var(--border-radius);
}
.data-list-molecule .data-list-mobile-view {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  padding: 0.5rem;
}
.data-list-molecule .data-list-mobile-view--loading .data-list-mobile-card--skeleton {
  background: var(--component-background);
  border: var(--primary-border);
  border-radius: var(--border-radius);
  padding: 1rem;
  animation: pulse 1.5s ease-in-out infinite;
}
.data-list-molecule .data-list-mobile-view--loading .data-list-mobile-card--skeleton .skeleton-line {
  height: 1rem;
  background: var(--surface-200, #e0e0e0);
  border-radius: 4px;
  margin-bottom: 0.5rem;
}
.data-list-molecule .data-list-mobile-view--loading .data-list-mobile-card--skeleton .skeleton-line--title {
  width: 60%;
}
.data-list-molecule .data-list-mobile-view--loading .data-list-mobile-card--skeleton .skeleton-line--subtitle {
  width: 40%;
}
.data-list-molecule .data-list-mobile-view--loading .data-list-mobile-card--skeleton .skeleton-line--body {
  width: 80%;
}
.data-list-molecule .data-list-mobile-view--empty {
  padding: 2rem;
}
.data-list-molecule .data-list-mobile-view--empty .data-list-empty-message {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  color: var(--secondary-text-color);
  text-align: center;
}
.data-list-molecule .data-list-mobile-view--empty .data-list-empty-message i {
  font-size: 2rem;
  opacity: 0.5;
}
.data-list-molecule .data-list-mobile-card-wrapper .data-list-mobile-card {
  background: var(--component-background);
  border: var(--primary-border);
  border-radius: var(--border-radius);
  box-shadow: var(--card-shadow);
  padding: 1rem;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.data-list-molecule .data-list-mobile-card-wrapper .data-list-mobile-card .mobile-card-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.data-list-molecule .data-list-mobile-card-wrapper .data-list-mobile-card .mobile-card-body {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.data-list-molecule .data-list-mobile-card-wrapper .data-list-mobile-card .mobile-card-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 0.5rem;
  border-top: 1px solid var(--surface-border, #e0e0e0);
}
.data-list-molecule .data-grid-actions {
  display: flex;
  gap: 0.25rem;
  align-items: center;
  justify-content: flex-end;
}
.data-list-molecule .data-grid-actions .data-grid-action-button {
  border-radius: var(--border-radius);
  border: var(--primary-border);
  background: var(--component-background);
  color: var(--primary-text-color);
  font-family: var(--font-family);
  font-size: var(--secondary-font);
  font-weight: 700;
  box-shadow: var(--button-shadow);
  padding: 0.25rem 0.5rem;
}
.data-list-molecule .data-grid-actions .data-grid-action-button:hover {
  background: var(--primary-color-hover, rgba(38, 163, 227, 0.1));
  border-color: var(--primary-color, #26a3e3);
}
.data-list-molecule .data-grid-actions .data-grid-action-button.p-button-info {
  color: var(--info-color, #26a3e3);
  border-color: var(--info-color, #26a3e3);
}
.data-list-molecule .data-grid-actions .data-grid-action-button.p-button-danger {
  color: var(--danger-color, #f44336);
  border-color: var(--danger-color, #f44336);
}
.data-list-molecule .data-grid-actions .data-grid-action-button:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
@container (max-width: 500px) {
  .data-list-molecule .data-list-header {
    padding: 10px 14px;
    border-radius: 20px 20px 0 0;
    font-size: var(--secondary-font);
    flex-wrap: wrap;
    gap: 0.5rem;
  }
  .data-list-molecule .data-list-header .data-list-title {
    font-size: var(--secondary-font);
  }
  .data-list-molecule .data-list-header .data-list-title .data-list-item-count {
    font-size: 0.75rem;
  }
  .data-list-molecule .data-list-header .data-list-header-actions-container {
    flex-wrap: wrap;
    gap: 0.5rem;
  }
  .data-list-molecule .data-list-header .data-list-search-wrapper {
    width: 100%;
    order: 10;
  }
  .data-list-molecule .data-list-header .data-list-search-wrapper .data-list-search-input {
    width: 100%;
    max-width: none;
  }
  .data-list-molecule .data-list-header .data-list-header-actions .p-button {
    padding: 0.25rem 0.5rem;
    font-size: 0.75rem;
  }
  .data-list-molecule .data-list-content {
    padding: 8px;
    border-radius: 0 0 20px 20px;
  }
  .data-list-molecule--atlas .data-list-content .data-grid-atom .p-datatable .p-datatable-tbody > tr {
    height: 44px !important;
  }
  .data-list-molecule--atlas .data-list-content .data-grid-atom .p-datatable .p-datatable-tbody > tr > td {
    padding: 6px 12px !important;
  }
  .data-list-molecule .data-grid-actions {
    flex-direction: column;
    gap: 0.125rem;
  }
  .data-list-molecule .data-grid-actions .data-grid-action-button {
    font-size: 0.75rem;
    padding: 0.125rem 0.25rem;
  }
}
@container (min-width: 500px) and (max-width: 800px) {
  .data-list-molecule .data-list-content .data-grid-actions .data-grid-action-button {
    font-size: var(--secondary-font);
    padding: 0.25rem 0.5rem;
  }
}
@container (min-width: 800px) {
  .data-list-molecule .data-list-header .data-list-header-actions {
    gap: 1rem;
  }
  .data-list-molecule .data-list-content .data-grid-actions {
    gap: 0.5rem;
  }
}
@supports not (container-type: inline-size) {
  @media screen and (max-width: 500px) {
    .data-list-molecule .data-list-header {
      padding: 10px 14px;
      border-radius: 20px 20px 0 0;
      font-size: var(--secondary-font);
    }
    .data-list-molecule .data-list-header .data-list-title {
      font-size: var(--secondary-font);
    }
    .data-list-molecule .data-list-header .data-list-header-actions .p-button {
      padding: 0.25rem 0.5rem;
      font-size: 0.75rem;
    }
    .data-list-molecule .data-list-content {
      padding: 8px;
      border-radius: 0 0 20px 20px;
    }
    .data-list-molecule .data-list-content .data-grid-actions {
      flex-direction: column;
      gap: 0.125rem;
    }
    .data-list-molecule .data-list-content .data-grid-actions .data-grid-action-button {
      font-size: 0.75rem;
      padding: 0.125rem 0.25rem;
    }
  }
  @media screen and (max-width: 800px) {
    .data-list-molecule .data-list-content .data-grid-actions {
      flex-direction: column;
    }
  }
}
@keyframes pulse {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}
.user-list-organism__table .no-border-shadow {
  border: none !important;
  box-shadow: none !important;
}
.user-list-organism__table .sphere-identity-atom {
  max-width: unset !important;
}
.user-list-organism__name-link {
  border: none;
  background: none;
  padding: 0;
  font: inherit;
  text-align: left;
  text-decoration: underline;
  color: var(--link-color, #1976d2);
  cursor: pointer;
}
.user-list-organism__name-link:hover {
  color: var(--link-hover-color, #1565c0);
}
[data-theme=dark] .user-list-organism__name-link {
  color: var(--link-color-dark, #64b5f6);
}
[data-theme=dark] .user-list-organism__name-link:hover {
  color: var(--link-hover-color-dark, #90caf9);
}
.user-list-organism__filter-bar {
  display: flex;
  gap: var(--spacing-xs, 8px);
}
@media (max-width: 768px) {
  .user-list-organism__filter-bar {
    flex-direction: column;
    gap: var(--spacing-xs, 8px);
  }
}
.user-list-organism__filter-field {
  display: flex;
  align-items: center;
}
@media (max-width: 768px) {
  .user-list-organism__filter-field {
    flex: 1;
  }
  .user-list-organism__filter-field label {
    font-size: 12px;
  }
}
.user-list-organism__filter-label {
  margin: 0 var(--spacing-xs, 8px);
  font-weight: 600;
  color: var(--primary-text-color);
  white-space: nowrap;
}
.user-list-organism__status-dropdown, .user-list-organism__center-dropdown {
  min-width: 160px;
}
@media (max-width: 768px) {
  .user-list-organism__status-dropdown, .user-list-organism__center-dropdown {
    width: 100% !important;
    max-width: 100% !important;
    min-width: unset;
  }
}
[data-theme=dark] .user-list-organism__status-dropdown .p-dropdown, [data-theme=dark] .user-list-organism__center-dropdown .p-dropdown {
  background: var(--component-background);
  border-color: var(--primary-border-dark, #3a4352);
  color: var(--primary-text-color);
}
[data-theme=dark] .user-list-organism__status-dropdown .p-dropdown-trigger, [data-theme=dark] .user-list-organism__center-dropdown .p-dropdown-trigger {
  color: var(--primary-text-color);
}
.user-list-organism__invite-button {
  white-space: nowrap;
  background-color: var(--primary-color, #2196f3) !important;
  border-color: var(--primary-color, #2196f3) !important;
  color: #fff !important;
  font-weight: 600;
}
.user-list-organism__invite-button:hover {
  background-color: var(--primary-color-dark, #1976d2) !important;
  border-color: var(--primary-color-dark, #1976d2) !important;
}
.user-list-organism__mobile-card {
  background: var(--component-background, #fff);
  border: 1px solid var(--primary-border, #e5e7eb);
  border-radius: var(--border-radius-lg, 16px);
  padding: var(--spacing-sm, 10px);
  margin-bottom: var(--spacing-md, 16px);
  box-shadow: var(--shadow-sm, 0 2px 8px rgba(0, 0, 0, 0.06));
  transition: box-shadow 0.2s ease;
}
.user-list-organism__mobile-card:active {
  box-shadow: var(--shadow-xs, 0 1px 4px rgba(0, 0, 0, 0.08));
}
[data-theme=dark] .user-list-organism__mobile-card {
  background: var(--component-background-dark, #0f3460);
  border-color: var(--primary-border-dark, #3a4352);
  box-shadow: var(--shadow-sm-dark, 0 2px 8px rgba(0, 0, 0, 0.3));
}
.user-list-organism__mobile-card-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: var(--spacing-xxs, 5px);
  padding-bottom: var(--spacing-sm, 10px);
  border-bottom: 1px solid var(--primary-border, #f0f0f0);
  gap: var(--spacing-sm, 12px);
}
[data-theme=dark] .user-list-organism__mobile-card-header {
  border-bottom-color: var(--primary-border-dark, #3a4352);
}
.user-list-organism__mobile-card-header .p-inputswitch {
  flex-shrink: 0;
  margin-top: 6px;
  width: 44px !important;
  height: 24px !important;
}
.user-list-organism__mobile-card-header .p-inputswitch .p-inputswitch-slider {
  border-radius: 12px !important;
}
.user-list-organism__mobile-card-header .p-inputswitch .p-inputswitch-slider:before {
  width: 18px !important;
  height: 18px !important;
}
.user-list-organism__mobile-card-header .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
  transform: translateX(20px) !important;
}
.user-list-organism__mobile-user-info {
  display: flex;
  align-items: center;
  gap: var(--spacing-sm, 10px);
  flex: 1;
  min-width: 0;
}
.user-list-organism__mobile-avatar {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.user-list-organism__mobile-avatar .sphere-identity-atom .sphere-identity-atom-name {
  display: none;
}
.user-list-organism__mobile-name-title {
  flex: 1;
  min-width: 0;
  margin-top: var(--spacing-xxs, 5px);
}
.user-list-organism__mobile-name {
  background: transparent;
  border: none;
  padding: 0;
  text-align: left;
  width: 100%;
  font-weight: 600;
  font-size: 14px;
  line-height: 1.3;
  color: var(--link-color, #1976d2);
  cursor: pointer;
  text-decoration: underline;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.user-list-organism__mobile-name:hover {
  color: var(--link-hover-color, #1565c0);
}
.user-list-organism__mobile-name:focus {
  outline: none;
}
.user-list-organism__mobile-name:focus-visible {
  outline: 2px solid var(--link-color, #1976d2);
  outline-offset: 2px;
  border-radius: var(--border-radius-sm, 4px);
}
[data-theme=dark] .user-list-organism__mobile-name {
  color: var(--link-color-dark, #64b5f6);
}
[data-theme=dark] .user-list-organism__mobile-name:hover {
  color: var(--link-hover-color-dark, #90caf9);
}
[data-theme=dark] .user-list-organism__mobile-name:focus-visible {
  outline-color: var(--link-color-dark, #64b5f6);
}
.user-list-organism__mobile-title {
  font-size: 14px;
  line-height: 1.4;
  color: var(--secondary-text-color, #6b7280);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
[data-theme=dark] .user-list-organism__mobile-title {
  color: var(--secondary-text-color);
}
.user-list-organism__mobile-card-body {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-xxs, 5px);
}
.user-list-organism__mobile-detail-row {
  display: grid;
  grid-template-columns: 80px 1fr;
  align-items: center;
  gap: var(--spacing-sm, 12px);
}
.user-list-organism__mobile-detail-label {
  font-size: 13px;
  font-weight: 600;
  color: var(--secondary-text-color, #6b7280);
  text-align: left;
  flex-shrink: 0;
}
[data-theme=dark] .user-list-organism__mobile-detail-label {
  color: var(--secondary-text-color);
}
.user-list-organism__mobile-detail-value {
  flex: 1;
  font-size: 14px;
  color: var(--primary-text-color, #374151);
  min-width: 0;
  display: flex;
  align-items: center;
}
[data-theme=dark] .user-list-organism__mobile-detail-value {
  color: var(--primary-text-color);
}
.user-list-organism__mobile-selector {
  width: 100%;
  max-width: 100%;
  box-shadow: none;
}
[data-theme=dark] .user-list-organism__mobile-selector {
  background: none !important;
  border: none !important;
}
.user-list-organism__mobile-selector .sphere-identity-atom {
  max-width: 100%;
}
.user-list-organism__mobile-selector .sphere-identity-atom .sphere-identity-atom-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.user-list-organism__role-chip--admin .p-chip {
  background-color: var(--info-color-light, rgba(33, 150, 243, 0.12));
  color: var(--info-color, #2196f3);
  font-weight: 500;
}
[data-theme=dark] .user-list-organism__role-chip--admin .p-chip {
  background-color: var(--info-color-dark-bg, rgba(100, 181, 246, 0.15));
  color: var(--info-color-dark, #64b5f6);
}
.user-list-organism__role-chip--user .p-chip {
  background-color: var(--surface-ground, #f8f9fa);
  color: var(--text-color-secondary, #6c757d);
}
[data-theme=dark] .user-list-organism__role-chip--user .p-chip {
  background-color: var(--surface-ground-dark, rgba(255, 255, 255, 0.05));
  color: var(--text-color-secondary, #9e9e9e);
}
.user-list-organism__role-edit {
  display: flex;
  align-items: center;
  gap: var(--spacing-sm, 10px);
  padding-bottom: var(--spacing-sm, 10px);
  margin-bottom: var(--spacing-sm, 10px);
  border-bottom: 1px solid var(--primary-border, #e5e7eb);
}
[data-theme=dark] .user-list-organism__role-edit {
  border-bottom-color: var(--primary-border-dark, #3a4352);
}
.user-list-organism__role-edit-label {
  font-weight: 600;
  color: var(--primary-text-color);
  font-size: 14px;
  min-width: 48px;
  flex-shrink: 0;
}
.user-list-organism__role-edit-control {
  display: flex;
  align-items: center;
  gap: var(--spacing-xs, 8px);
}
.user-list-organism__role-lock {
  color: var(--secondary-text-color, #6b7280);
  font-size: 14px;
  cursor: help;
}
[data-theme=dark] .user-list-organism__role-lock {
  color: var(--secondary-text-color);
}
[data-theme=dark] .user-list-organism .p-inputswitch .p-inputswitch-slider {
  background-color: var(--switch-inactive-bg, #555) !important;
  border-color: var(--switch-inactive-bg, #555) !important;
}
[data-theme=dark] .user-list-organism .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider {
  background-color: var(--switch-active-bg, #4caf50) !important;
  border-color: var(--switch-active-bg, #4caf50) !important;
}
[data-theme=dark] .user-list-organism .p-inputswitch:not(.p-inputswitch-checked):hover .p-inputswitch-slider {
  background-color: var(--switch-inactive-hover-bg, #666) !important;
  border-color: var(--switch-inactive-hover-bg, #666) !important;
}
[data-theme=dark] .user-list-organism .p-inputswitch.p-inputswitch-checked:hover .p-inputswitch-slider {
  background-color: var(--switch-active-hover-bg, #45a049) !important;
  border-color: var(--switch-active-hover-bg, #45a049) !important;
}
.preferences-organism {
  width: 100%;
  height: 100%;
  padding: 30px;
  background: var(--component-background-gradient);
  border-radius: 30px;
  border: var(--primary-border);
  box-shadow: 1px 1px 3px 0px rgba(6, 44, 88, 0.1), -1px -1px 10px -1px rgba(74, 100, 126, 0.15);
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
}
.preferences-organism .preferences-loading {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 400px;
  gap: 1rem;
}
.preferences-organism .preferences-loading p {
  color: var(--text-color-secondary);
  font-size: 0.875rem;
}
.preferences-organism .preferences-header {
  margin-bottom: 1.5rem;
}
.preferences-organism .preferences-header h2 {
  margin: 0 0 0.5rem 0;
  font-size: 1.5rem;
  font-weight: 600;
  color: var(--text-color);
}
[data-theme=dark] .preferences-organism .preferences-header h2 {
  color: var(--dark-text-primary);
}
.preferences-organism .preferences-header p {
  margin: 0;
  color: var(--text-color-secondary);
  font-size: 0.875rem;
}
[data-theme=dark] .preferences-organism .preferences-header p {
  color: var(--dark-text-tertiary);
}
.preferences-organism .preferences-scroll-panel {
  flex: 1;
  overflow: hidden;
}
.preferences-organism .preferences-scroll-panel .p-scrollpanel-wrapper {
  border-radius: 8px;
}
.preferences-organism .preferences-scroll-panel .p-scrollpanel-bar {
  background-color: var(--primary-color);
  opacity: 0.5;
  transition: opacity 0.3s;
}
.preferences-organism .preferences-scroll-panel .p-scrollpanel-bar:hover {
  opacity: 0.8;
}
.preferences-organism .preferences-content {
  margin-bottom: 1.5rem;
}
.preferences-organism .preferences-content .p-accordion .p-accordion-header {
  margin-bottom: 0.5rem;
}
.preferences-organism .preferences-content .p-accordion .p-accordion-header .p-accordion-header-link {
  background: var(--surface-50);
  border: 1px solid var(--surface-border);
  border-radius: 8px;
  padding: 1rem 1.25rem;
  transition: all 0.2s ease;
  font-weight: 600;
  font-size: 1rem;
  color: var(--text-color);
}
.preferences-organism .preferences-content .p-accordion .p-accordion-header .p-accordion-header-link:hover {
  background: var(--surface-100);
  border-color: var(--primary-color);
}
.preferences-organism .preferences-content .p-accordion .p-accordion-header .p-accordion-header-link:focus {
  box-shadow: 0 0 0 0.2rem color-mix(in srgb, var(--primary-color, #377fc4) 25%, transparent);
}
[data-theme=dark] .preferences-organism .preferences-content .p-accordion .p-accordion-header .p-accordion-header-link {
  background: var(--dark-card-bg);
  border-color: var(--dark-card-border);
  color: var(--dark-text-primary);
}
[data-theme=dark] .preferences-organism .preferences-content .p-accordion .p-accordion-header .p-accordion-header-link:hover {
  background: var(--dark-card-bg-hover);
  border-color: var(--primary-color);
}
.preferences-organism .preferences-content .p-accordion .p-accordion-header.p-highlight .p-accordion-header-link {
  background: var(--surface-100);
  border-color: var(--primary-color);
}
[data-theme=dark] .preferences-organism .preferences-content .p-accordion .p-accordion-header.p-highlight .p-accordion-header-link {
  background: var(--dark-card-bg-hover);
}
.preferences-organism .preferences-content .p-accordion .p-accordion-content {
  border: none;
  background: transparent;
  padding: 0 0 1rem 0;
}
.preferences-organism .preferences-content .p-accordion .p-toggleable-content .preferences-section-description {
  margin: 0 0 1rem 0;
  color: var(--text-color-secondary);
  font-size: 0.875rem;
}
[data-theme=dark] .preferences-organism .preferences-content .p-accordion .p-toggleable-content .preferences-section-description {
  color: var(--dark-text-tertiary);
}
.preferences-organism .preferences-content .p-accordion .p-toggleable-content .preferences-option {
  margin-bottom: 0.75rem;
}
.preferences-organism .preferences-content .p-accordion .p-toggleable-content .preferences-option:last-child {
  margin-bottom: 0;
}
.preferences-organism .preferences-section {
  margin-bottom: 1.5rem;
}
.preferences-organism .preferences-section h3 {
  margin: 0 0 0.5rem 0;
  font-size: 1.125rem;
  font-weight: 600;
  color: var(--text-color);
}
[data-theme=dark] .preferences-organism .preferences-section h3 {
  color: var(--dark-text-secondary);
}
.preferences-organism .preferences-section .preferences-section-description {
  margin: 0 0 0.875rem 0;
  color: var(--text-color-secondary);
  font-size: 0.875rem;
}
[data-theme=dark] .preferences-organism .preferences-section .preferences-section-description {
  color: var(--dark-text-tertiary);
}
.preferences-organism .preferences-option {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1rem 1.25rem;
  margin-bottom: 0.75rem;
  background: #FFFFFF;
  border-radius: 8px;
  border: 1px solid var(--surface-border);
  transition: all 0.2s ease;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}
[data-theme=dark] .preferences-organism .preferences-option {
  background: var(--dark-card-bg);
  border-color: var(--dark-card-border);
}
[data-theme=dark] .preferences-organism .preferences-option strong {
  color: var(--dark-text-secondary);
}
[data-theme=dark] .preferences-organism .preferences-option .preferences-option-description {
  color: var(--dark-text-muted);
}
.preferences-organism .preferences-option:hover {
  background: #F5F5F5;
  border-color: var(--primary-color);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
}
[data-theme=dark] .preferences-organism .preferences-option:hover {
  background: var(--dark-card-bg) -hover;
}
.preferences-organism .preferences-option label {
  flex: 1;
  cursor: pointer;
  margin-right: 1rem;
}
.preferences-organism .preferences-option label strong {
  display: block;
  margin-bottom: 0.25rem;
  font-size: 0.938rem;
  font-weight: 500;
  color: var(--text-color);
}
.preferences-organism .preferences-option label .preferences-option-description {
  margin: 0;
  font-size: 0.813rem;
  color: var(--text-color-secondary);
  line-height: 1.4;
}
.preferences-organism .preferences-option .p-inputswitch {
  flex-shrink: 0;
}
.preferences-organism .preferences-option .p-dropdown {
  flex-shrink: 0;
  min-width: 200px;
}
.preferences-organism .p-divider {
  margin: 1.5rem 0;
}
.preferences-organism .preferences-actions {
  display: flex;
  justify-content: flex-end;
  gap: 0.75rem;
  padding-top: 1.5rem;
  margin-top: 1.5rem;
  border-top: 1px solid var(--surface-border);
}
.preferences-organism .preferences-actions .p-button {
  min-width: 100px;
}
@media (max-width: 768px) {
  .preferences-organism {
    padding: 1rem;
  }
  .preferences-organism .preferences-header h2 {
    font-size: 1.5rem;
  }
  .preferences-organism .preferences-option {
    flex-direction: column;
    align-items: flex-start;
    gap: 1rem;
  }
  .preferences-organism .preferences-option label {
    margin-right: 0;
  }
  .preferences-organism .preferences-option .p-inputswitch,
  .preferences-organism .preferences-option .p-dropdown {
    width: 100%;
  }
  .preferences-organism .preferences-option .p-dropdown {
    min-width: 100%;
  }
  .preferences-organism .preferences-actions {
    flex-direction: column-reverse;
  }
  .preferences-organism .preferences-actions .p-button {
    width: 100%;
  }
}
.profile-organism {
  width: 100%;
  height: 100%;
  padding: 30px;
  background: var(--component-background-gradient);
  border-radius: 30px;
  border: var(--primary-border);
  box-shadow: 1px 1px 3px 0px rgba(6, 44, 88, 0.1), -1px -1px 10px -1px rgba(74, 100, 126, 0.15);
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.profile-organism .profile-loading {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 200px;
  gap: 1rem;
}
.profile-organism .profile-loading p {
  color: var(--text-color-secondary);
  font-size: 0.875rem;
}
.profile-organism .profile-card {
  display: flex;
  flex-direction: column;
  position: relative;
  width: 100%;
  min-height: -moz-fit-content;
  min-height: fit-content;
  margin-bottom: 1rem;
}
.profile-organism .profile-organization-badge-top {
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  padding: 0.25rem 0.625rem;
  background: var(--surface-100);
  border: 1px solid var(--surface-border);
  border-radius: 12px;
  font-size: 0.75rem;
  color: var(--text-color);
  z-index: 10;
}
.profile-organism .profile-organization-badge-top i {
  color: var(--primary-color);
  font-size: 0.875rem;
}
.profile-organism .profile-main-content {
  display: flex;
  gap: 2rem;
  align-items: start;
  padding-right: 80px;
  width: 100%;
}
.profile-organism .profile-main-content .profile-avatar {
  all: unset;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  flex-shrink: 0;
  width: 60px !important;
  height: 60px !important;
  min-width: 60px !important;
  min-height: 60px !important;
  max-width: 60px !important;
  max-height: 60px !important;
  border-radius: 50% !important;
  overflow: hidden;
  border: 3px solid var(--surface-border);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  display: flex !important;
  align-items: center;
  justify-content: center;
  position: relative;
  transition: all 0.2s ease;
  cursor: pointer;
  background: transparent;
  padding: 0;
  margin: 0;
  aspect-ratio: 1/1;
}
.profile-organism .profile-main-content .profile-avatar:hover {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}
.profile-organism .profile-main-content .profile-avatar:focus-visible {
  outline: 2px solid var(--primary-color);
  outline-offset: 2px;
}
.profile-organism .profile-main-content .profile-avatar .sphere-avatar,
.profile-organism .profile-main-content .profile-avatar > div:not(.camera-overlay),
.profile-organism .profile-main-content .profile-avatar > *:not(.camera-overlay) {
  width: 100% !important;
  height: 100% !important;
  min-width: 100% !important;
  min-height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  border-radius: 50% !important;
  -o-object-fit: cover;
     object-fit: cover;
}
.profile-organism .profile-main-content .profile-avatar .sphere-avatar {
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.profile-organism .profile-main-content .profile-avatar .sphere-avatar > * {
  width: 100% !important;
  height: 100% !important;
  border-radius: 50% !important;
}
.profile-organism .profile-main-content .profile-avatar img {
  width: 100% !important;
  height: 100% !important;
  -o-object-fit: cover !important;
     object-fit: cover !important;
  border-radius: 50% !important;
  display: block;
}
.profile-organism .profile-main-content .profile-avatar button:not(.camera-overlay button),
.profile-organism .profile-main-content .profile-avatar i:not(.camera-overlay i) {
  width: 100% !important;
  height: 100% !important;
  font-size: 2rem !important;
}
.profile-organism .profile-main-content .profile-avatar .camera-overlay {
  opacity: 0;
  transition: opacity 0.3s;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  z-index: 999;
  pointer-events: none;
}
.profile-organism .profile-main-content .profile-avatar .camera-overlay i {
  color: white;
  font-size: 2rem;
  width: auto;
  height: auto;
  min-width: auto;
  min-height: auto;
  max-width: none;
  max-height: none;
}
.profile-organism .profile-main-content .profile-avatar:hover .camera-overlay {
  opacity: 1;
}
.profile-organism .profile-main-content .profile-name-row {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}
.profile-organism .profile-main-content .profile-name-row .profile-name {
  margin: 0;
  font-size: 1.5rem;
  font-weight: 600;
  color: var(--text-color);
}
.profile-organism .profile-main-content .profile-name-row .profile-name-input {
  flex: 1;
  min-width: 200px;
  font-size: 1.5rem;
  font-weight: 600;
  padding: 0.25rem 0.5rem;
  border-radius: 6px;
  border: 2px solid var(--primary-color);
  background: var(--surface-50);
  color: var(--text-color);
}
.profile-organism .profile-main-content .profile-name-row .profile-name-input:focus {
  outline: none;
  box-shadow: 0 0 0 0.2rem color-mix(in srgb, var(--primary-color, #377fc4) 25%, transparent);
}
.profile-organism .profile-main-content .profile-name-row .profile-edit-icon {
  background: transparent;
  border: none;
  color: var(--primary-color);
  cursor: pointer;
  padding: 0.375rem;
  border-radius: 50%;
  transition: all 0.2s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.profile-organism .profile-main-content .profile-name-row .profile-edit-icon i {
  font-size: 1rem;
}
.profile-organism .profile-main-content .profile-name-row .profile-edit-icon:hover {
  background: var(--primary-color);
  color: white;
}
.profile-organism .profile-main-content .profile-name-row .profile-save-btn .p-button,
.profile-organism .profile-main-content .profile-name-row .profile-cancel-btn .p-button {
  padding: 0.3rem 0.75rem;
  font-size: 0.875rem;
  white-space: nowrap;
}
.profile-organism .profile-main-content .profile-name-row .profile-save-btn .p-button .p-button-icon,
.profile-organism .profile-main-content .profile-name-row .profile-cancel-btn .p-button .p-button-icon {
  font-size: 1rem;
  margin-right: 0.375rem;
}
.profile-organism .profile-main-content .profile-name-row .profile-save-btn .p-button .p-button-label,
.profile-organism .profile-main-content .profile-name-row .profile-cancel-btn .p-button .p-button-label {
  font-weight: 500;
}
.profile-organism .profile-main-content .profile-details-column {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  min-width: 0;
  width: 100%;
  justify-content: space-around;
  flex: 1;
}
.profile-organism .profile-main-content .profile-description-text {
  margin: 0;
  color: var(--text-color-secondary);
  font-size: 0.875rem;
  line-height: 1.3;
}
.profile-organism .profile-main-content .profile-description-input {
  width: 100%;
  padding: 0.25rem 0.5rem;
  border-radius: 6px;
  border: 2px solid var(--primary-color);
  background: var(--surface-50);
  color: var(--text-color);
  font-size: 0.875rem;
}
.profile-organism .profile-main-content .profile-description-input:focus {
  outline: none;
  box-shadow: 0 0 0 0.2rem color-mix(in srgb, var(--primary-color, #377fc4) 25%, transparent);
}
.profile-organism .profile-main-content .profile-contact-row {
  display: flex;
  justify-content: space-between;
  gap: 2rem;
  width: 100%;
  max-width: 600px;
}
.profile-organism .profile-main-content .profile-info-item {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  color: var(--text-color);
  font-size: 0.875rem;
  flex: 0 1 auto;
}
.profile-organism .profile-main-content .profile-info-item i {
  color: var(--text-color-secondary);
  font-size: 0.875rem;
  width: 1rem;
  flex-shrink: 0;
}
.profile-organism .profile-main-content .profile-info-item span {
  word-break: break-word;
}
.profile-organism .profile-main-content .profile-info-item .profile-phone-input {
  flex: 1;
  padding: 0.25rem 0.5rem;
  border-radius: 6px;
  border: 2px solid var(--primary-color);
  background: var(--surface-50);
  color: var(--text-color);
  font-size: 0.875rem;
}
.profile-organism .profile-main-content .profile-info-item .profile-phone-input:focus {
  outline: none;
  box-shadow: 0 0 0 0.2rem color-mix(in srgb, var(--primary-color, #377fc4) 25%, transparent);
}
.profile-identity-circle {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  background: linear-gradient(180deg, color-mix(in srgb, var(--primary-color, #407ac6) 30%, transparent) 0%, color-mix(in srgb, var(--primary-color-dark, #1f3b60) 50%, transparent) 94%) !important;
  backdrop-filter: blur(10px);
  transition: background 0.2s ease;
}
.profile-identity-circle:hover {
  background: linear-gradient(180deg, var(--primary-color, #407ac6) 0%, var(--primary-color-dark, #1f3b60) 94%) !important;
}
.profile-identity-circle .p-button-icon {
  margin: 0 !important;
}
.profile-identity-circle .p-button-label {
  margin: 0 !important;
}
@media (max-width: 768px) {
  .profile-organism {
    padding: 1rem;
  }
  .profile-organism .profile-main-content {
    flex-direction: column;
    align-items: center;
    padding-right: 0;
  }
  .profile-organism .profile-main-content .profile-avatar {
    width: 45px !important;
    height: 45px !important;
    min-width: 45px !important;
    min-height: 45px !important;
    max-width: 45px !important;
    max-height: 45px !important;
    top: 35px;
  }
  .profile-organism .profile-main-content .profile-avatar .sphere-avatar,
  .profile-organism .profile-main-content .profile-avatar > div:not(.camera-overlay),
  .profile-organism .profile-main-content .profile-avatar > *:not(.camera-overlay) {
    width: 100% !important;
    height: 100% !important;
    min-width: 100% !important;
    min-height: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;
  }
  .profile-organism .profile-main-content .profile-avatar .camera-overlay i {
    font-size: 1.25rem !important;
  }
  .profile-organism .profile-main-content .profile-avatar button:not(.camera-overlay button),
  .profile-organism .profile-main-content .profile-avatar i:not(.camera-overlay i) {
    font-size: 1.5rem !important;
  }
  .profile-organism .profile-main-content .profile-details-column {
    width: 100%;
    align-items: center;
    text-align: center;
    justify-content: flex-start;
    padding-bottom: 1rem;
    gap: 0.5rem;
  }
  .profile-organism .profile-main-content .profile-contact-row {
    flex-direction: column;
    justify-content: flex-start;
    gap: 0.8rem;
    margin-bottom: 1rem;
  }
  .profile-organism .profile-main-content .profile-info-item {
    justify-content: center;
    width: 100%;
  }
  .profile-organism .profile-organization-badge-top {
    position: static;
    margin-bottom: 0.5rem;
  }
}
[data-theme=dark] .profile-organism {
  box-shadow: 1px 1px 3px 0px rgba(255, 255, 255, 0.05), -1px -1px 10px -1px rgba(255, 255, 255, 0.05);
}
[data-theme=dark] .profile-organism .profile-avatar {
  border-color: var(--surface-600);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.4);
}
[data-theme=dark] .profile-organism .profile-name {
  color: var(--dark-text-primary) !important;
}
[data-theme=dark] .profile-organism .profile-description-text {
  color: var(--dark-text-tertiary);
}
[data-theme=dark] .profile-organism .profile-info-item {
  color: var(--dark-text-secondary);
}
[data-theme=dark] .profile-organism .profile-info-item i {
  color: var(--dark-text-muted);
}
[data-theme=dark] .profile-organism .profile-info-item span {
  color: var(--dark-text-secondary);
}
[data-theme=dark] .profile-organism .profile-name-input,
[data-theme=dark] .profile-organism .profile-description-input,
[data-theme=dark] .profile-organism .profile-phone-input {
  background: var(--dark-card-bg) !important;
  border-color: var(--primary-color) !important;
  color: var(--dark-text-primary) !important;
}
[data-theme=dark] .profile-organism .profile-name-input:focus,
[data-theme=dark] .profile-organism .profile-description-input:focus,
[data-theme=dark] .profile-organism .profile-phone-input:focus {
  background: var(--dark-card-bg-hover) !important;
}
[data-theme=light] .profile-organism .profile-avatar {
  border-color: var(--surface-200);
}
.sphere-avatar-dial {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  padding: 0;
  font: inherit;
  color: inherit;
  text-align: left;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  cursor: pointer;
  border-radius: 50%;
  overflow: hidden;
  background: #1a2744;
}
.sphere-avatar-dial:focus {
  outline: 2px solid rgba(255, 255, 255, 0.5);
  outline-offset: 2px;
}
.sphere-avatar-dial--empty {
  cursor: default;
}
.sphere-avatar-dial__placeholder {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.1);
  border: 2px dashed rgba(255, 255, 255, 0.3);
}
.sphere-avatar-dial__image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50%;
}
.sphere-avatar-dial__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 70%;
  height: 70%;
}
.sphere-avatar-dial__icon-img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.sphere-avatar-dial__initials {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, #6b1b6e 0%, #a21caf 100%);
  color: #ffffff;
  font-size: 2.5rem;
  font-weight: 600;
  text-transform: uppercase;
  border-radius: 50%;
}
.status-dial {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  font: inherit;
  color: inherit;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  cursor: pointer;
  text-align: center;
  padding: 8px;
  gap: 4px;
  background: #1a2744;
  border-radius: 50%;
}
.status-dial:focus {
  outline: 2px solid rgba(255, 255, 255, 0.5);
  outline-offset: 2px;
  border-radius: 50%;
}
.status-dial__icon {
  flex-shrink: 0;
}
.status-dial__value {
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.status-dial__velocity {
  display: flex;
  align-items: center;
  gap: 3px;
  font-size: 9px;
  color: rgba(255, 255, 255, 0.6);
}
.status-dial__velocity-arrow {
  font-size: 10px;
  font-weight: bold;
}
.status-dial__velocity-arrow--improving {
  color: #4ade80;
}
.status-dial__velocity-arrow--stable {
  color: #facc15;
}
.status-dial__velocity-arrow--declining {
  color: #f87171;
}
.status-dial__velocity-label {
  text-transform: capitalize;
}
.task-dial {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  cursor: default;
  position: relative;
  padding: var(--spacing-xxs);
  background: var(--component-background, #1a2744);
  border-radius: 50%;
}
[data-theme=dark] .task-dial {
  background: var(--component-background-dark, #0f1a2e);
}
.task-dial:focus {
  outline: 2px solid rgba(255, 255, 255, 0.5);
  outline-offset: 2px;
  border-radius: 50%;
}
.task-dial--empty {
  cursor: default;
}
.task-dial--no-tasks {
  cursor: default;
}
.task-dial__placeholder {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.1);
  border: 2px dashed rgba(255, 255, 255, 0.3);
}
[data-theme=dark] .task-dial__placeholder {
  background: rgba(255, 255, 255, 0.05);
  border-color: rgba(255, 255, 255, 0.2);
}
.task-dial__chart {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.task-dial__segment {
  cursor: pointer;
  transition: opacity 0.2s ease, filter 0.2s ease;
  outline: none;
}
.task-dial__segment:hover {
  opacity: 0.85;
  filter: brightness(1.1);
}
.task-dial__segment:focus-visible {
  outline: 2px solid rgba(255, 255, 255, 0.7);
  outline-offset: 1px;
}
.task-dial__segment--active {
  filter: brightness(1.2);
  stroke: #ffffff;
  stroke-width: 2;
}
.task-dial__avatar-bg {
  fill: #1a1a24;
}
[data-theme=dark] .task-dial__avatar-bg {
  fill: #0d0d14;
}
.task-dial__avatar {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  overflow: hidden;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #1a1a24;
}
[data-theme=dark] .task-dial__avatar {
  background: #0d0d14;
}
.task-dial__avatar-img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50%;
}
.task-dial__avatar-icon {
  width: 60%;
  height: 60%;
  -o-object-fit: contain;
     object-fit: contain;
  opacity: 0.8;
}
.task-dial__stats {
  position: absolute;
  bottom: 6%;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1px;
  z-index: 2;
}
.task-dial__total {
  color: #ffffff;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
}
.task-dial__label {
  color: rgba(255, 255, 255, 0.7);
  font-size: 8px;
  font-weight: 500;
  text-transform: lowercase;
  white-space: nowrap;
  max-width: 80px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.task-dial__label--filtered {
  color: rgba(255, 255, 255, 0.9);
  font-weight: 600;
}
.time-dial {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  font: inherit;
  color: inherit;
  text-align: left;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  cursor: pointer;
  position: relative;
  padding: 4px;
  background: #1a2744;
  border-radius: 50%;
}
.time-dial:focus {
  outline: 2px solid rgba(255, 255, 255, 0.5);
  outline-offset: 2px;
  border-radius: 50%;
}
.time-dial--empty {
  cursor: default;
}
.time-dial__placeholder {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.1);
  border: 2px dashed rgba(255, 255, 255, 0.3);
}
.time-dial__title {
  position: absolute;
  top: 8%;
  left: 50%;
  transform: translateX(-50%);
  color: rgba(255, 255, 255, 0.9);
  font-size: 10px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  white-space: nowrap;
  z-index: 2;
}
.time-dial__chart {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.time-dial__segment {
  transition: opacity 0.2s ease;
}
.time-dial__segment:hover {
  opacity: 0.85;
}
.time-dial__percentage {
  fill: #ffffff;
  font-size: 9px;
  font-weight: 600;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
  pointer-events: none;
}
.time-dial__avatar-bg {
  fill: #1a1a24;
}
.time-dial__avatar {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  overflow: hidden;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #1a1a24;
}
.time-dial__avatar-img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50%;
}
.time-dial__avatar-icon {
  width: 60%;
  height: 60%;
  -o-object-fit: contain;
     object-fit: contain;
  opacity: 0.8;
}
.time-dial__stats {
  position: absolute;
  bottom: 6%;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1px;
  z-index: 2;
}
.time-dial__total {
  color: #ffffff;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
}
.time-dial__label {
  color: rgba(255, 255, 255, 0.7);
  font-size: 8px;
  font-weight: 500;
  text-transform: lowercase;
  white-space: nowrap;
  max-width: 80px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.time-dial__loading {
  color: rgba(255, 255, 255, 0.5);
  font-size: 9px;
  font-style: italic;
}
.context-selector-popover {
  min-width: 220px;
  max-width: 280px;
  font-family: var(--font-family);
  border-radius: var(--border-radius);
  background: var(--component-background);
  box-shadow: var(--element-shadow);
}
.context-selector-popover.p-overlaypanel {
  border: var(--primary-border);
  animation: contextSelectorFadeIn 0.2s ease-out;
}
.context-selector-popover.p-overlaypanel::before, .context-selector-popover.p-overlaypanel::after {
  display: none;
}
.context-selector-popover.p-overlaypanel .p-overlaypanel-content {
  padding: 0;
}
@keyframes contextSelectorFadeIn {
  from {
    opacity: 0;
    transform: scale(0.95);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
.context-selector-popover__header {
  padding: var(--spacing-xs) var(--spacing-sm);
  font-size: 0.8rem;
  font-weight: 600;
  color: var(--secondary-text-color);
  text-transform: uppercase;
  letter-spacing: 0.5px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}
.context-selector-popover__list {
  list-style: none;
  margin: 0;
  padding: var(--spacing-xxs) 0;
  max-height: 240px;
  overflow-y: auto;
}
.context-selector-popover__item {
  display: flex;
  align-items: center;
  gap: var(--spacing-xs);
  padding: var(--spacing-xs) var(--spacing-sm);
  cursor: pointer;
  font-size: 0.9rem;
  color: var(--primary-text-color);
  transition: background-color 0.15s ease;
}
.context-selector-popover__item:hover {
  background: var(--hover-background);
}
.context-selector-popover__item:focus {
  outline: none;
  background: var(--hover-background);
}
.context-selector-popover__item--active {
  background: rgba(55, 127, 196, 0.08);
  color: var(--primary-text-color);
  font-weight: 600;
}
.context-selector-popover__check {
  width: 16px;
  min-width: 16px;
  text-align: center;
  font-size: 12px;
  color: #377FC4;
}
.context-selector-popover__item-name {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.context-selector-popover__loading {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-xs);
  padding: var(--spacing-md);
  font-size: var(--secondary-font);
  color: var(--secondary-text-color);
}
.context-selector-popover__loading i {
  font-size: 14px;
}
.context-selector-popover__error {
  display: flex;
  align-items: center;
  gap: var(--spacing-xs);
  padding: var(--spacing-sm);
  font-size: var(--secondary-font);
  color: var(--error-color, #dc3545);
}
.context-selector-popover__error i {
  font-size: 14px;
}
.context-selector-popover__empty {
  padding: var(--spacing-xs) var(--spacing-sm) var(--spacing-sm);
  font-size: var(--secondary-font);
  color: var(--secondary-text-color);
  font-style: italic;
  text-align: center;
}
[data-theme=dark] .context-selector-popover {
  background: var(--component-background);
  border-color: #3a3a4e;
}
[data-theme=dark] .context-selector-popover__header {
  color: var(--secondary-text-color);
  border-bottom-color: rgba(255, 255, 255, 0.1);
}
[data-theme=dark] .context-selector-popover__item {
  color: var(--primary-text-color);
}
[data-theme=dark] .context-selector-popover__item:hover, [data-theme=dark] .context-selector-popover__item:focus {
  background: rgba(255, 255, 255, 0.08);
}
[data-theme=dark] .context-selector-popover__item--active {
  background: rgba(95, 160, 223, 0.15);
}
[data-theme=dark] .context-selector-popover__check {
  color: #5fa0df;
}
[data-theme=dark] .context-selector-popover__loading {
  color: var(--secondary-text-color);
}
[data-theme=dark] .context-selector-popover__error {
  color: #ff6b6b;
}
[data-theme=dark] .context-selector-popover__empty {
  color: var(--secondary-text-color);
}
:root:not([data-theme=dark]) .orbital-visualization-molecule .orbital-svg {
  filter: drop-shadow(0 4px 16px rgba(80, 100, 130, 0.15));
}
:root:not([data-theme=dark]) .orbital-visualization-molecule .orbital-svg .inner-bg {
  fill: #dce4ee;
}
:root:not([data-theme=dark]) .orbital-visualization-molecule .orbital-svg .initials {
  fill: #0f2a46;
}
:root:not([data-theme=dark]) .orbital-visualization-molecule .orbital-svg .orbital-avatar-image {
  filter: brightness(0.15) saturate(0) !important;
}
:root:not([data-theme=dark]) .orbital-visualization-molecule .orbital-svg .arrow-button text {
  fill: #1e4570;
}
:root:not([data-theme=dark]) .orbital-visualization-molecule .orbital-svg .arrow-button:hover text {
  fill: #0f2a46;
}
:root:not([data-theme=dark]) .orbital-visualization-molecule .orbital-svg .edit-icon svg path,
:root:not([data-theme=dark]) .orbital-visualization-molecule .orbital-svg .add-icon svg path,
:root:not([data-theme=dark]) .orbital-visualization-molecule .orbital-svg .conversation-icon svg path,
:root:not([data-theme=dark]) .orbital-visualization-molecule .orbital-svg .bell-icon svg path {
  stroke: #1e4570;
}
:root:not([data-theme=dark]) .orbital-visualization-molecule .orbital-svg .add-icon circle {
  stroke: #1e4570;
}
:root:not([data-theme=dark]) .orbital-visualization-molecule .orbital-svg .context-icon svg path {
  fill: #1e4570;
  stroke: none;
}
:root:not([data-theme=dark]) .orbital-visualization-molecule .orbital-svg .status-icon svg path {
  stroke: #0f2a46;
  stroke-width: 0.8;
}
:root:not([data-theme=dark]) .orbital-visualization-molecule .orbital-svg .refresh-icon svg path {
  stroke: #1565c0;
}
:root:not([data-theme=dark]) .orbital-visualization-molecule .orbital-svg .static-icon:not(.status-icon):not(.refresh-icon):not(.context-icon):not(.edit-icon):not(.add-icon):not(.conversation-icon):not(.bell-icon) svg path {
  stroke: #1e4570;
}
:root:not([data-theme=dark]) .orbital-visualization-molecule .orbital-svg .custom-label-text {
  fill: #0f2a46;
}
:root:not([data-theme=dark]) .orbital-visualization-molecule .orbital-svg .label-background {
  fill: rgba(255, 255, 255, 0.78) !important;
  stroke: rgba(55, 127, 196, 0.35) !important;
}
:root:not([data-theme=dark]) .orbital-visualization-molecule .orbital-svg .node:hover {
  filter: brightness(1.05) drop-shadow(0 2px 8px rgba(45, 123, 184, 0.4));
}
:root:not([data-theme=dark]) .orbital-visualization-molecule .orbital-svg .custom-label-group:hover .label-background {
  fill: rgba(255, 255, 255, 0.95) !important;
  stroke: rgba(55, 127, 196, 0.6) !important;
}
:root:not([data-theme=dark]) .orbital-visualization-molecule .orbital-svg .custom-label-group:hover .custom-label-text {
  fill: #062C58 !important;
}
:root:not([data-theme=dark]) .orbital-visualization-molecule .orbital-svg .node:hover .custom-label-group .label-background {
  fill: rgba(255, 255, 255, 0.95) !important;
  stroke: rgba(55, 127, 196, 0.6) !important;
}
:root:not([data-theme=dark]) .orbital-visualization-molecule .orbital-svg .node:hover .custom-label-group .custom-label-text {
  fill: #062C58 !important;
}
.orbital-visualization-molecule {
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  border-radius: var(--border-radius-lg, 12px);
  padding: var(--spacing-sm, 8px);
  overflow: hidden;
  width: 100%;
  height: 100%;
  min-height: 0;
  position: relative;
  box-sizing: border-box;
}
.orbital-visualization-molecule .conversation-button {
  transition: transform 0.2s ease;
}
.orbital-visualization-molecule .conversation-button:hover {
  transform: translate(-50%, -50%) scale(1.1);
}
.orbital-visualization-molecule .conversation-button:active {
  transform: translate(-50%, -50%) scale(0.95);
}
.orbital-visualization-molecule .conversation-button i {
  transition: color 0.2s ease;
}
.orbital-visualization-molecule .conversation-button:hover i {
  color: #10B6FE !important;
}
.orbital-visualization-molecule .orbital-svg {
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  filter: drop-shadow(0 4px 12px rgba(0, 0, 0, 0.3));
}
.orbital-visualization-molecule .orbital-svg [class^=nodes-orbit-] {
  contain: layout style paint;
}
.orbital-visualization-molecule .orbital-svg .orbit {
  transition: stroke-opacity 0.3s ease, opacity 0.3s ease;
}
.orbital-visualization-molecule .orbital-svg .orbit:hover {
  opacity: 0.4;
}
.orbital-visualization-molecule .orbital-svg .node {
  transition: filter 0.2s ease;
  pointer-events: all !important;
  contain: layout style;
  will-change: transform;
}
.orbital-visualization-molecule .orbital-svg .node .click-target {
  pointer-events: all !important;
}
.orbital-visualization-molecule .orbital-svg .node > *:not(.click-target):not(.custom-label-group):not(.satellite-group) {
  pointer-events: none !important;
}
.orbital-visualization-molecule .orbital-svg .node .node-circle {
  transition: r 0.2s ease, opacity 0.2s ease, transform 0.2s ease;
  pointer-events: none !important;
}
.orbital-visualization-molecule .orbital-svg .node text {
  pointer-events: none !important;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.orbital-visualization-molecule .orbital-svg .node image {
  pointer-events: none !important;
  transition: transform 0.2s ease, filter 0.2s ease;
}
.orbital-visualization-molecule .orbital-svg .node circle:not(.click-target) {
  pointer-events: none !important;
}
.orbital-visualization-molecule .orbital-svg .node .orbital-avatar-image {
  filter: brightness(0) invert(1);
  pointer-events: none !important;
  transition: filter 0.2s ease;
}
.orbital-visualization-molecule .orbital-svg .node:hover {
  filter: brightness(1.1) drop-shadow(0 2px 6px rgba(16, 182, 254, 0.3));
}
.orbital-visualization-molecule .orbital-svg .node:hover .node-circle {
  r: 24;
  opacity: 1;
  transform: scale(1.05);
}
.orbital-visualization-molecule .orbital-svg .node:hover image {
  transform: scale(1.05);
}
.orbital-visualization-molecule .orbital-svg .center-group text {
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.orbital-visualization-molecule .orbital-svg .center-group circle {
  transition: r 0.3s ease;
}
.orbital-visualization-molecule .orbital-svg .static-icon circle {
  transition: none;
}
.orbital-visualization-molecule .orbital-svg .static-icon svg {
  transition: filter 0.2s ease;
  pointer-events: none;
}
.orbital-visualization-molecule .orbital-svg .static-icon:hover svg {
  filter: drop-shadow(0 2px 4px rgba(16, 182, 254, 0.5)) brightness(1.2);
}
.orbital-visualization-molecule .orbital-svg .static-icon:active svg {
  filter: brightness(0.8);
}
.orbital-visualization-molecule .orbital-svg .arrow-button text {
  transition: fill 0.2s ease;
}
.orbital-visualization-molecule .orbital-svg .arrow-button:hover text {
  fill: #ffffff;
}
.orbital-visualization-molecule .orbital-svg .custom-label-group {
  pointer-events: auto;
  cursor: pointer;
  will-change: contents;
}
.orbital-visualization-molecule .orbital-svg .custom-label-group .label-background {
  transition: fill 0.2s ease, opacity 0.2s ease, transform 0.2s ease;
}
.orbital-visualization-molecule .orbital-svg .custom-label-group .custom-label-text {
  transition: fill 0.2s ease;
  text-rendering: geometricPrecision;
  -webkit-font-smoothing: antialiased;
}
.orbital-visualization-molecule .orbital-svg .custom-label-group:hover .label-background {
  fill: #356EA4 !important;
  opacity: 1 !important;
  transform: scale(1.02);
}
.orbital-visualization-molecule .orbital-svg .custom-label-group:hover .custom-label-text {
  fill: #ffffff !important;
}
.orbital-visualization-molecule .orbital-svg .node:hover .custom-label-group .label-background {
  fill: #356EA4 !important;
  opacity: 1 !important;
  transform: scale(1.02);
}
.orbital-visualization-molecule .orbital-svg .node:hover .custom-label-group .custom-label-text {
  fill: #ffffff !important;
}
.orbital-visualization-molecule .dial-overlay {
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 5;
}
.control-panel-molecule {
  display: flex;
  align-items: center;
  justify-content: center;
}
.control-panel-molecule .control-panel-buttons {
  display: flex;
  align-items: center;
}
.control-panel-molecule .control-panel-button {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.2s ease;
  background: rgba(68, 127, 177, 0.5);
  border: 2px solid #ffffff !important;
  border-radius: 0;
  padding: 0;
  margin: 0;
  cursor: pointer;
}
.control-panel-molecule .control-panel-button .pi {
  font-size: 14px;
  color: #ffffff;
}
.control-panel-molecule .control-panel-button:hover:not(:disabled) {
  background: rgba(68, 127, 177, 0.7);
}
.control-panel-molecule .control-panel-button:focus {
  box-shadow: none !important;
  outline: none !important;
}
.control-panel-molecule .control-panel-button:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.control-panel-molecule .control-panel-button.active {
  background: rgba(138, 90, 180, 0.7);
}
.control-panel-molecule .control-panel-button.active:hover:not(:disabled) {
  background: rgba(138, 90, 180, 0.85);
}
.control-panel-molecule .control-panel-button--back {
  border-radius: 20px 0 0 20px;
  border-right-width: 1px !important;
}
.control-panel-molecule .control-panel-button--pause {
  border-radius: 0;
  border-left: none !important;
  border-right-width: 1px !important;
}
.control-panel-molecule .control-panel-button--play {
  border-radius: 0 20px 20px 0;
  border-left: none !important;
  background: #447FB1;
}
.control-panel-molecule .control-panel-button--play:hover:not(:disabled) {
  background: #5590c2;
}
.control-panel-molecule .control-panel-button--play.active {
  background: rgba(138, 90, 180, 0.7);
}
.control-panel-molecule .control-panel-button--play.active:hover:not(:disabled) {
  background: rgba(138, 90, 180, 0.85);
}
[data-theme=dark] .control-panel-molecule .control-panel-button {
  border-color: rgba(255, 255, 255, 0.35) !important;
}
:root:not([data-theme=dark]) .control-panel-molecule .control-panel-button {
  background: rgba(255, 255, 255, 0.22);
  border-color: rgba(255, 255, 255, 0.35) !important;
  backdrop-filter: blur(12px);
}
:root:not([data-theme=dark]) .control-panel-molecule .control-panel-button .pi {
  color: #ffffff;
}
:root:not([data-theme=dark]) .control-panel-molecule .control-panel-button:hover:not(:disabled) {
  background: rgba(255, 255, 255, 0.28);
  border-color: rgba(255, 255, 255, 0.5) !important;
}
:root:not([data-theme=dark]) .control-panel-molecule .control-panel-button.active {
  background: rgba(45, 110, 175, 0.75);
  border-color: rgba(255, 255, 255, 0.7) !important;
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.25), inset 0 1px 3px rgba(0, 0, 0, 0.2);
}
:root:not([data-theme=dark]) .control-panel-molecule .control-panel-button.active .pi {
  color: #ffffff;
}
:root:not([data-theme=dark]) .control-panel-molecule .control-panel-button.active:hover:not(:disabled) {
  background: rgba(45, 110, 175, 0.9);
}
:root:not([data-theme=dark]) .control-panel-molecule .control-panel-button--play.active {
  background: rgba(30, 90, 155, 0.85);
  border-color: rgba(255, 255, 255, 0.7) !important;
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.25), inset 0 1px 3px rgba(0, 0, 0, 0.2);
}
:root:not([data-theme=dark]) .control-panel-molecule .control-panel-button--play.active:hover:not(:disabled) {
  background: rgb(30, 90, 155);
}
.selected-node-header {
  position: absolute;
  transform: translate(-100%, -50%);
  margin-left: -60px;
  z-index: 100;
  animation: slideIn 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
}
.selected-node-header__content {
  display: flex;
  align-items: center;
  gap: 3px;
  padding: 6px 8px;
}
.selected-node-header__button {
  padding: 4px 10px;
  border: none;
  border-radius: 16px;
  font-size: 10px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
  outline: none;
}
.selected-node-header__button:hover {
  transform: scale(1.05);
}
.selected-node-header__button:active {
  transform: scale(0.95);
}
.selected-node-header__button--center {
  background: linear-gradient(90deg, rgba(53, 110, 164, 0.95) 0%, rgba(30, 60, 100, 0.95) 100%);
  color: #ffffff;
  border: 1px solid rgba(255, 255, 255, 0.3);
}
.selected-node-header__button--center:hover {
  background: rgba(255, 255, 255, 0.3);
}
.selected-node-header__button--close {
  width: 15px;
  height: 15px;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.15);
  color: #ffffff;
  font-size: 9px;
  border: 1px solid rgba(255, 255, 255, 0.2);
}
.selected-node-header__button--close:hover {
  background: rgba(255, 100, 100, 0.3);
  border-color: rgba(255, 100, 100, 0.5);
}
@keyframes slideIn {
  from {
    opacity: 0;
    transform: translate(-120%, -50%);
  }
  to {
    opacity: 1;
    transform: translate(-100%, -50%);
  }
}
@keyframes pulse {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}
@keyframes coin-flip {
  0% {
    transform: perspective(600px) rotateY(0deg) translateY(0px) scale(1);
  }
  50% {
    transform: perspective(600px) rotateY(180deg) translateY(-10px) scale(1);
  }
  85% {
    transform: perspective(600px) rotateY(360deg) translateY(-2px) scale(1.02);
  }
  100% {
    transform: perspective(600px) rotateY(360deg) translateY(0px) scale(1);
  }
}
.satellite-card-atom {
  --card-size: 90px;
  --status-color: #10b981;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: none;
  border: none;
  padding: 0;
  font: inherit;
  color: inherit;
  text-align: left;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  transition: transform 0.2s ease, filter 0.2s ease;
  position: relative;
}
.satellite-card-atom:hover {
  transform: scale(1.05);
  filter: drop-shadow(0 4px 12px rgba(0, 0, 0, 0.2));
}
.satellite-card-atom:hover .satellite-card-atom__chrome-overlay {
  filter: drop-shadow(0 2px 6px rgba(0, 0, 0, 0.4)) brightness(1.1);
}
.satellite-card-atom:hover .satellite-card-atom__status-ring {
  filter: drop-shadow(0 0 8px var(--status-color));
}
.satellite-card-atom:focus {
  outline: 2px solid var(--status-color);
  outline-offset: 4px;
  border-radius: 8px;
}
.satellite-card-atom:active {
  transform: scale(0.98);
}
.satellite-card-atom--flipping {
  animation: coin-flip 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
  pointer-events: none;
}
.satellite-card-atom--flipping:hover, .satellite-card-atom--flipping:active {
  transform: none;
  filter: none;
}
.satellite-card-atom__svg {
  position: relative;
  display: block;
  width: var(--card-size);
  height: var(--card-size);
}
.satellite-card-atom__status-ring {
  filter: drop-shadow(0 0 4px var(--status-color));
  transition: filter 0.3s ease;
}
.satellite-card-atom__progress-bg {
  stroke: rgba(255, 255, 255, 0.1);
  stroke-opacity: 0.2;
}
.satellite-card-atom__progress-bar {
  transition: stroke-dashoffset 0.6s ease, stroke 0.3s ease;
  filter: drop-shadow(0 0 2px var(--status-color));
}
.satellite-card-atom__chrome-overlay {
  filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.3));
  transition: filter 0.2s ease;
  pointer-events: none;
}
.satellite-card-atom__inner-bg {
  transition: fill 0.2s ease;
}
.satellite-card-atom__center {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: var(--card-size);
  height: var(--card-size);
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
  z-index: 10;
}
.satellite-card-atom__percentage {
  font-size: calc(var(--card-size) * 0.2);
  font-weight: 700;
  color: var(--status-color);
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
  line-height: 1;
}
.satellite-card-atom__avatar {
  width: calc(var(--card-size) * 0.5);
  height: calc(var(--card-size) * 0.5);
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
  border: 2px solid var(--status-color);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}
.satellite-card-atom__initials {
  font-size: calc(var(--card-size) * 0.22);
  font-weight: 600;
  color: #ffffff;
  text-transform: uppercase;
  background: linear-gradient(135deg, var(--status-color), rgba(var(--status-color), 0.7));
  width: calc(var(--card-size) * 0.5);
  height: calc(var(--card-size) * 0.5);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}
.satellite-card-atom__label {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 3px;
  max-width: 180px;
  padding: 8px 14px;
  background: rgba(0, 0, 0, 0.45);
  backdrop-filter: blur(10px);
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.15);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
  transition: all 0.2s ease;
}
.satellite-card-atom:hover .satellite-card-atom__label {
  background: rgba(0, 0, 0, 0.65);
  border-color: var(--status-color);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);
}
.satellite-card-atom__title {
  font-size: 12px;
  font-weight: 600;
  color: #ffffff;
  text-align: center;
  line-height: 1.3;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.7);
}
.satellite-card-atom__subtitle {
  font-size: 11px;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.85);
  text-align: center;
  line-height: 1.3;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
}
[data-theme=dark] .satellite-card-atom__inner-bg {
  fill: #0f172a;
}
:root:not([data-theme=dark]) .satellite-card-atom__inner-bg {
  fill: #dce4ee;
}
:root:not([data-theme=dark]) .satellite-card-atom__progress-bg {
  stroke: rgba(100, 120, 150, 0.15);
  stroke-opacity: 1;
}
:root:not([data-theme=dark]) .satellite-card-atom__status-ring {
  filter: drop-shadow(0 0 3px color-mix(in srgb, var(--status-color) 50%, transparent));
}
:root:not([data-theme=dark]) .satellite-card-atom__progress-bar {
  filter: drop-shadow(0 0 2px color-mix(in srgb, var(--status-color) 45%, transparent));
}
:root:not([data-theme=dark]) .satellite-card-atom__chrome-overlay {
  filter: brightness(1.6) saturate(0.5) contrast(0.85) drop-shadow(0 2px 6px rgba(80, 100, 130, 0.15));
}
:root:not([data-theme=dark]) .satellite-card-atom:hover {
  filter: drop-shadow(0 4px 12px rgba(80, 100, 130, 0.2));
}
:root:not([data-theme=dark]) .satellite-card-atom:hover .satellite-card-atom__chrome-overlay {
  filter: brightness(1.65) saturate(0.5) contrast(0.85) drop-shadow(0 2px 8px rgba(80, 100, 130, 0.25));
}
:root:not([data-theme=dark]) .satellite-card-atom:hover .satellite-card-atom__status-ring {
  filter: drop-shadow(0 0 6px color-mix(in srgb, var(--status-color) 60%, transparent));
}
:root:not([data-theme=dark]) .satellite-card-atom__label {
  background: rgba(255, 255, 255, 0.55);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  border: 1px solid rgba(255, 255, 255, 0.45);
  box-shadow: 0 2px 8px rgba(30, 70, 120, 0.1), 0 1px 0 rgba(255, 255, 255, 0.6) inset;
}
:root:not([data-theme=dark]) .satellite-card-atom:hover :root:not([data-theme=dark]) .satellite-card-atom__label {
  background: rgba(255, 255, 255, 0.75);
  border-color: rgba(255, 255, 255, 0.65);
  box-shadow: 0 4px 12px rgba(30, 70, 120, 0.15), 0 0 0 1.5px color-mix(in srgb, var(--status-color) 45%, transparent), 0 1px 0 rgba(255, 255, 255, 0.7) inset;
}
:root:not([data-theme=dark]) .satellite-card-atom__title {
  color: #0f2a46;
  text-shadow: none;
}
:root:not([data-theme=dark]) .satellite-card-atom__subtitle {
  color: rgba(15, 42, 70, 0.7);
  text-shadow: none;
}
:root:not([data-theme=dark]) .satellite-card-atom__percentage {
  text-shadow: none;
}
@charset "UTF-8";
/**
 * SatelliteViewerMolecule — macOS-style dock
 */
.satellite-viewer-molecule {
  position: absolute;
  bottom: 12px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  z-index: 100;
  max-width: calc(100vw - 40px);
}
.satellite-viewer-molecule__dock {
  display: flex;
  align-items: center;
  gap: 0;
  padding: 8px 6px;
  border-radius: 18px;
  background: rgba(30, 40, 65, 0.55);
  backdrop-filter: blur(24px) saturate(1.6);
  -webkit-backdrop-filter: blur(24px) saturate(1.6);
  border: 1px solid rgba(255, 255, 255, 0.12);
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.45), 0 1px 0 rgba(255, 255, 255, 0.06) inset, 0 -1px 0 rgba(0, 0, 0, 0.2) inset;
}
.satellite-viewer-molecule__container {
  display: flex;
  align-items: flex-end;
  gap: 4px;
  padding: 0 2px;
}
.satellite-viewer-molecule__node {
  animation: dockItemIn 400ms cubic-bezier(0.34, 1.4, 0.64, 1) forwards;
  opacity: 0;
}
.satellite-viewer-molecule__nav-button {
  width: 36px;
  min-width: 36px;
  height: 52px;
  border: none;
  border-radius: 12px;
  background: transparent;
  color: rgba(255, 255, 255, 0.7);
  font-size: 18px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s ease;
  flex-shrink: 0;
}
.satellite-viewer-molecule__nav-button .pi {
  font-size: 18px;
}
.satellite-viewer-molecule__nav-button:hover:not(.satellite-viewer-molecule__nav-button--disabled) {
  background: rgba(255, 255, 255, 0.1);
  color: #ffffff;
}
.satellite-viewer-molecule__nav-button:active:not(.satellite-viewer-molecule__nav-button--disabled) {
  transform: scale(0.92);
  background: rgba(255, 255, 255, 0.15);
}
.satellite-viewer-molecule__nav-button--disabled {
  opacity: 0.2;
  cursor: default;
  pointer-events: none;
}
.satellite-viewer-molecule__nav-button--prev {
  margin-right: 2px;
}
.satellite-viewer-molecule__nav-button--next {
  margin-left: 2px;
}
.satellite-viewer-molecule__indicators {
  display: flex;
  gap: 6px;
  align-items: center;
  justify-content: center;
}
.satellite-viewer-molecule__indicator {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  border: none;
  padding: 0;
  background: rgba(255, 255, 255, 0.25);
  cursor: pointer;
  transition: all 0.25s ease;
}
.satellite-viewer-molecule__indicator:hover {
  background: rgba(255, 255, 255, 0.5);
  transform: scale(1.4);
}
.satellite-viewer-molecule__indicator--active {
  width: 7px;
  height: 7px;
  background: rgba(255, 255, 255, 0.85);
  box-shadow: 0 0 6px rgba(255, 255, 255, 0.4);
}
@keyframes dockItemIn {
  0% {
    opacity: 0;
    transform: translateY(20px) scale(0.6);
  }
  100% {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
.satellite-viewer-molecule__node[style*="--source-x"] {
  animation: flyOut 600ms cubic-bezier(0.34, 1.4, 0.64, 1) forwards;
}
@keyframes flyOut {
  0% {
    opacity: 0;
    transform: translate(calc(var(--source-x, 50vw) - var(--spacing-lg, 24px)), calc(var(--source-y, 50vh) - 100vh + var(--spacing-lg, 24px))) scale(0.4);
  }
  60% {
    opacity: 1;
  }
  100% {
    opacity: 1;
    transform: translate(0, 0) scale(1);
  }
}
:root:not([data-theme=dark]) .satellite-viewer-molecule__dock {
  background: rgba(255, 255, 255, 0.18);
  backdrop-filter: blur(20px) saturate(1.4);
  -webkit-backdrop-filter: blur(20px) saturate(1.4);
  border: 1px solid rgba(255, 255, 255, 0.32);
  box-shadow: 0 8px 32px rgba(30, 70, 120, 0.18), 0 1px 0 rgba(255, 255, 255, 0.45) inset;
}
:root:not([data-theme=dark]) .satellite-viewer-molecule__nav-button {
  color: rgba(255, 255, 255, 0.75);
}
:root:not([data-theme=dark]) .satellite-viewer-molecule__nav-button:hover:not(:root:not([data-theme=dark]) .satellite-viewer-molecule__nav-button--disabled) {
  background: rgba(255, 255, 255, 0.15);
  color: #ffffff;
}
:root:not([data-theme=dark]) .satellite-viewer-molecule__nav-button:active:not(:root:not([data-theme=dark]) .satellite-viewer-molecule__nav-button--disabled) {
  background: rgba(255, 255, 255, 0.22);
}
:root:not([data-theme=dark]) .satellite-viewer-molecule__indicator {
  background: rgba(255, 255, 255, 0.3);
}
:root:not([data-theme=dark]) .satellite-viewer-molecule__indicator:hover {
  background: rgba(255, 255, 255, 0.6);
}
:root:not([data-theme=dark]) .satellite-viewer-molecule__indicator--active {
  background: rgba(255, 255, 255, 0.9);
  box-shadow: 0 0 6px rgba(255, 255, 255, 0.5);
}
@media (max-width: 768px) {
  .satellite-viewer-molecule {
    bottom: 8px;
  }
  .satellite-viewer-molecule__dock {
    padding: 6px 4px;
    border-radius: 14px;
  }
  .satellite-viewer-molecule__container {
    gap: 2px;
  }
  .satellite-viewer-molecule__nav-button {
    width: 30px;
    min-width: 30px;
    height: 44px;
  }
  .satellite-viewer-molecule__nav-button .pi {
    font-size: 14px;
  }
}
.armillary-loader {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: rgba(15, 23, 42, 0.95);
  backdrop-filter: blur(4px);
  z-index: 100;
  animation: loader-fade-in 300ms ease-out;
}
.armillary-loader .orbital-spinner {
  position: relative;
  width: 300px;
  height: 300px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.armillary-loader .spinner-ring {
  position: absolute;
  border-radius: 50%;
  border: 2px solid;
  border-color: rgba(16, 182, 254, 0.3) transparent rgba(55, 127, 196, 0.3) transparent;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}
.armillary-loader .spinner-ring--outer {
  width: 280px;
  height: 280px;
  animation: spin-clockwise 4s linear infinite;
  border-width: 2px;
}
.armillary-loader .spinner-ring--middle {
  width: 200px;
  height: 200px;
  animation: spin-counter-clockwise 3s linear infinite;
  border-width: 2.5px;
  border-color: rgba(16, 182, 254, 0.4) transparent rgba(55, 127, 196, 0.4) transparent;
}
.armillary-loader .spinner-ring--inner {
  width: 130px;
  height: 130px;
  animation: spin-clockwise 2s linear infinite;
  border-width: 2px;
  border-color: rgba(16, 182, 254, 0.5) transparent rgba(55, 127, 196, 0.5) transparent;
}
.armillary-loader .spinner-center {
  position: absolute;
  width: 80px;
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(16, 182, 254, 0.1) 0%, transparent 70%);
}
.armillary-loader .spinner-globe {
  animation: globe-pulse 2s ease-in-out infinite;
}
.armillary-loader .spinner-globe svg {
  filter: drop-shadow(0 0 8px rgba(16, 182, 254, 0.4));
}
.armillary-loader .loader-text {
  margin-top: 40px;
  font-size: 16px;
  font-weight: 500;
  color: #10B6FE;
  text-align: center;
  letter-spacing: 0.5px;
  animation: text-pulse 2s ease-in-out infinite;
}
@keyframes spin-clockwise {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes spin-counter-clockwise {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(-360deg);
  }
}
@keyframes globe-pulse {
  0%, 100% {
    transform: scale(1);
    opacity: 0.8;
  }
  50% {
    transform: scale(1.05);
    opacity: 1;
  }
}
@keyframes text-pulse {
  0%, 100% {
    opacity: 0.6;
  }
  50% {
    opacity: 1;
  }
}
@keyframes loader-fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.armillary-loader--fade-out {
  animation: loader-fade-out 800ms ease-out forwards;
}
@keyframes loader-fade-out {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
[data-theme=dark] .armillary-loader {
  background: rgba(15, 23, 42, 0.98);
}
:root:not([data-theme=dark]) .armillary-loader {
  background: rgba(219, 238, 255, 0.92);
}
:root:not([data-theme=dark]) .armillary-loader .loader-text {
  color: #1a5a96;
}
:root:not([data-theme=dark]) .armillary-loader .spinner-ring {
  border-color: rgba(45, 123, 184, 0.4) transparent rgba(58, 143, 208, 0.4) transparent;
}
:root:not([data-theme=dark]) .armillary-loader .spinner-ring--middle {
  border-color: rgba(45, 123, 184, 0.5) transparent rgba(58, 143, 208, 0.5) transparent;
}
:root:not([data-theme=dark]) .armillary-loader .spinner-ring--inner {
  border-color: rgba(45, 123, 184, 0.6) transparent rgba(58, 143, 208, 0.6) transparent;
}
:root:not([data-theme=dark]) .armillary-loader .spinner-globe svg {
  filter: drop-shadow(0 0 8px rgba(45, 123, 184, 0.5));
}
.armillary-view-organism {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  background: radial-gradient(circle at center, #1a3050 0%, #0f1a2e 40%, #05070a 100%);
  padding: var(--spacing-md, 16px);
  border-radius: var(--border-radius-lg, 12px);
  overflow: hidden;
}
.armillary-view-organism .armillary-view-content {
  display: flex;
  flex: 1;
  min-height: 0;
  align-items: center;
  justify-content: center;
  height: 100%;
  position: relative;
  overflow: visible;
  margin: 10px 0;
}
.armillary-view-organism .armillary-view-header {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.armillary-view-organism .armillary-view-header__controls {
  margin-top: 4px;
}
.armillary-view-organism .armillary-breadcrumbs__list {
  display: flex;
  align-items: center;
  gap: 2px;
  list-style: none;
  margin: 0;
  padding: 0;
}
.armillary-view-organism .armillary-breadcrumbs__item {
  display: flex;
  align-items: center;
}
.armillary-view-organism .armillary-breadcrumbs__link {
  background: transparent;
  border: none;
  cursor: pointer;
  color: rgba(255, 255, 255, 0.7);
  font-size: 14px;
  font-weight: 500;
  padding: 2px 4px;
  border-radius: 4px;
  display: flex;
  align-items: center;
  gap: 4px;
  transition: all 0.2s ease;
}
.armillary-view-organism .armillary-breadcrumbs__link:hover {
  color: #ffffff;
  background: rgba(255, 255, 255, 0.1);
}
.armillary-view-organism .armillary-breadcrumbs__current {
  color: #ffffff;
  font-size: 14px;
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 2px 4px;
}
.armillary-view-organism .armillary-breadcrumbs__separator {
  color: rgba(255, 255, 255, 0.4);
  opacity: 0.5;
}
.armillary-view-organism .armillary-breadcrumbs__separator i {
  font-size: 12px;
}
.armillary-view-organism .armillary-breadcrumbs__context-label {
  color: rgba(255, 255, 255, 0.5);
  font-size: 12px;
  font-style: italic;
  font-weight: 400;
  padding: 2px var(--spacing-xxs, 4px);
  margin-left: var(--spacing-xxs, 4px);
}
.armillary-view-organism .armillary-orbital-container {
  flex: 1;
  width: 100%;
  height: 100%;
  min-height: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  opacity: 1;
  transition: opacity 0.3s ease-in-out;
  transform: translateY(-55px);
}
.armillary-view-organism .armillary-orbital-container--fading {
  opacity: 0;
}
@media (max-width: 1366px) {
  .armillary-view-organism .armillary-orbital-container {
    transform: translateY(-45px);
  }
}
@media (min-width: 1920px) {
  .armillary-view-organism .armillary-orbital-container {
    transform: translateY(-65px);
  }
}
@media (min-width: 2560px) {
  .armillary-view-organism .armillary-orbital-container {
    transform: translateY(-75px);
  }
}
@media (max-width: 768px) {
  .armillary-view-organism .armillary-orbital-container {
    transform: translateY(-35px);
  }
}
@media (max-width: 768px) {
  .armillary-view-organism {
    padding: var(--spacing-md, 16px);
  }
}
[data-theme=dark] .armillary-view-organism {
  background: radial-gradient(circle at center, #0a1828 0%, #05070a 40%, #000000 100%);
}
[data-theme=dark] .armillary-view-organism .armillary-breadcrumbs__context-label {
  color: rgba(255, 255, 255, 0.4);
}
:root:not([data-theme=dark]) .armillary-view-organism {
  background: linear-gradient(235deg, rgba(55, 90, 130, 0.9) 0%, rgba(70, 110, 155, 0.8) 20%, rgba(26, 117, 168, 0.65) 60%, rgba(95, 157, 203, 0.55) 100%), radial-gradient(ellipse at 20% 30%, rgba(55, 90, 130, 0.5) 0%, rgba(100, 140, 180, 0.3) 40%, rgba(139, 173, 210, 0.1) 100%);
}
:root:not([data-theme=dark]) .armillary-view-organism .armillary-breadcrumbs .sphere-avatar.p-avatar,
:root:not([data-theme=dark]) .armillary-view-organism .armillary-breadcrumbs .sphere-avatar .p-avatar,
:root:not([data-theme=dark]) .armillary-view-organism .armillary-breadcrumbs .custom-avatar-icon.p-avatar,
:root:not([data-theme=dark]) .armillary-view-organism .armillary-breadcrumbs .custom-avatar-icon .p-avatar {
  background-color: rgba(255, 255, 255, 0.9) !important;
  filter: none !important;
  border-radius: 50%;
}
:root:not([data-theme=dark]) .armillary-view-organism .armillary-breadcrumbs .sphere-avatar .p-avatar-text {
  color: #062C58;
}
:root:not([data-theme=dark]) .armillary-view-organism .armillary-breadcrumbs .sphere-avatar .p-avatar-icon {
  color: #377FC4;
}
:root:not([data-theme=dark]) .armillary-view-organism .armillary-breadcrumbs__link {
  color: rgba(255, 255, 255, 0.88);
  font-weight: 500;
}
:root:not([data-theme=dark]) .armillary-view-organism .armillary-breadcrumbs__link:hover {
  color: #ffffff;
  background: rgba(255, 255, 255, 0.1);
}
:root:not([data-theme=dark]) .armillary-view-organism .armillary-breadcrumbs__current {
  color: #ffffff;
}
:root:not([data-theme=dark]) .armillary-view-organism .armillary-breadcrumbs__separator {
  color: rgba(255, 255, 255, 0.6);
  opacity: 1;
}
:root:not([data-theme=dark]) .armillary-view-organism .armillary-breadcrumbs__context-label {
  color: rgba(255, 255, 255, 0.5);
}
.armillary-actions-molecule {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 380px;
  min-width: 320px;
  height: 100%;
  background: linear-gradient(135deg, #1a2332 0%, #2d3748 100%);
  border-radius: var(--border-radius-lg, 12px);
  overflow: hidden;
  transition: opacity 0.3s ease, transform 0.3s ease, width 0.3s ease, min-width 0.3s ease, max-width 0.3s ease;
}
.armillary-actions-molecule--hidden {
  opacity: 0;
  transform: translateX(20px);
  width: 0;
  min-width: 0;
  max-width: 0;
  overflow: hidden;
  pointer-events: none;
}
.armillary-actions-molecule__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: var(--spacing-md, 12px) var(--spacing-md, 16px);
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.armillary-actions-molecule__header-left {
  display: flex;
  align-items: center;
  gap: var(--spacing-sm, 8px);
}
.armillary-actions-molecule__header-left > i {
  font-size: 1.125rem;
  color: var(--primary-300, #93c5fd);
}
.armillary-actions-molecule__title {
  margin: 0;
  font-size: var(--font-size-base, 14px);
  font-weight: 600;
  color: var(--text-color, #f9fafb);
}
.armillary-actions-molecule__badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 20px;
  height: 20px;
  padding: 0 6px;
  font-size: 0.75rem;
  font-weight: 600;
  color: white;
  background: var(--red-500, #ef4444);
  border-radius: 10px;
}
.armillary-actions-molecule__mode-switcher {
  display: flex;
  gap: var(--spacing-xs, 4px);
}
.armillary-actions-molecule__mode-btn {
  width: 32px !important;
  height: 32px !important;
  color: var(--text-color-secondary, #9ca3af) !important;
  background: transparent !important;
  border: 1px solid transparent !important;
}
.armillary-actions-molecule__mode-btn:hover {
  color: var(--text-color, #f9fafb) !important;
  background: rgba(255, 255, 255, 0.1) !important;
}
.armillary-actions-molecule__mode-btn--active {
  color: var(--primary-color, #3b82f6) !important;
  background: rgba(59, 130, 246, 0.15) !important;
  border-color: var(--primary-color, #3b82f6) !important;
}
.armillary-actions-molecule__mode-btn--active:hover {
  color: var(--primary-color, #3b82f6) !important;
  background: rgba(59, 130, 246, 0.2) !important;
}
.armillary-actions-molecule__context {
  display: flex;
  align-items: center;
  gap: var(--spacing-sm, 8px);
  padding: var(--spacing-sm, 8px) var(--spacing-md, 16px);
  background: rgba(59, 130, 246, 0.1);
  border-bottom: 1px solid rgba(59, 130, 246, 0.2);
}
.armillary-actions-molecule__context > i {
  font-size: 0.875rem;
  color: var(--primary-400, #60a5fa);
}
.armillary-actions-molecule__context-label {
  flex: 1;
  font-size: var(--font-size-sm, 13px);
  font-weight: 500;
  color: var(--text-color, #f9fafb);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.armillary-actions-molecule__context-close {
  background: transparent;
  border: none;
  padding: 4px;
  cursor: pointer;
  color: var(--text-color-secondary, #9ca3af);
  border-radius: var(--border-radius-sm, 4px);
  transition: background-color 0.2s ease, color 0.2s ease;
  display: flex;
  align-items: center;
  justify-content: center;
}
.armillary-actions-molecule__context-close i {
  font-size: 0.75rem;
}
.armillary-actions-molecule__context-close:hover {
  background: rgba(255, 255, 255, 0.1);
  color: var(--text-color, #f9fafb);
}
.armillary-actions-molecule__context-close:active {
  background: rgba(255, 255, 255, 0.15);
}
.armillary-actions-molecule__content {
  display: flex;
  flex-direction: column;
  flex: 1;
  width: 100%;
  overflow: hidden;
}
[data-theme=dark] .armillary-actions-molecule {
  background: linear-gradient(135deg, #000000 0%, #0a0e14 100%);
}
[data-theme=dark] .armillary-actions-molecule__header {
  border-bottom-color: rgba(255, 255, 255, 0.05);
}
[data-theme=dark] .armillary-actions-molecule__context {
  background: rgba(59, 130, 246, 0.05);
  border-bottom-color: rgba(59, 130, 246, 0.1);
}
.status-checkin-dialog {
  min-width: 400px;
  max-width: 500px;
  font-family: var(--font-family);
  border-radius: var(--border-radius);
  background: var(--component-background);
  box-shadow: var(--element-shadow);
}
.status-checkin-dialog.p-dialog {
  border: var(--primary-border);
}
.status-checkin-dialog.p-dialog .p-dialog-header {
  padding: 16px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
  background: var(--component-background-gradient);
  border-radius: var(--border-radius) var(--border-radius) 0 0;
}
.status-checkin-dialog.p-dialog .p-dialog-header .p-dialog-title {
  margin: 0;
  font-size: var(--sub-heading-font);
  font-weight: 700;
  color: var(--primary-text-color);
  font-family: var(--font-family);
}
.status-checkin-dialog.p-dialog .p-dialog-header .p-dialog-header-icons .p-dialog-header-close {
  width: 28px;
  height: 28px;
  border-radius: calc(var(--border-radius) / 2);
  background: var(--component-background);
  color: var(--secondary-text-color);
  box-shadow: var(--card-shadow);
  transition: all 0.2s ease;
}
.status-checkin-dialog.p-dialog .p-dialog-header .p-dialog-header-icons .p-dialog-header-close:hover:not(:disabled) {
  background: var(--hover-background);
  color: var(--primary-text-color);
}
.status-checkin-dialog.p-dialog .p-dialog-content {
  padding: 16px;
  background: var(--component-background);
}
.status-checkin-dialog.p-dialog .checkin-period-info {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 16px;
  padding: 8px 12px;
  margin-bottom: 12px;
  background: rgba(0, 0, 0, 0.03);
  border-radius: var(--border-radius-sm, 4px);
  font-size: 0.85rem;
  color: var(--secondary-text-color);
}
.status-checkin-dialog.p-dialog .checkin-period-info__due {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-weight: 500;
  color: var(--primary-text-color);
}
.status-checkin-dialog.p-dialog .checkin-period-info__due .pi {
  font-size: 0.8rem;
}
.status-checkin-dialog.p-dialog .checkin-period-info__range {
  color: var(--secondary-text-color);
}
.status-checkin-dialog.p-dialog .checkin-period-info__group {
  color: var(--secondary-text-color);
  font-style: italic;
}
[data-theme=dark] .status-checkin-dialog.p-dialog .checkin-period-info {
  background: rgba(255, 255, 255, 0.05);
}
.status-checkin-dialog.p-dialog .p-dialog-footer {
  padding: 12px 16px;
  border-top: 1px solid rgba(0, 0, 0, 0.08);
  background: var(--component-background-gradient);
  border-radius: 0 0 var(--border-radius) var(--border-radius);
}
.status-checkin-dialog .status-checkin-content {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.status-checkin-dialog .status-checkin-content .status-section-header {
  display: flex;
  align-items: center;
  gap: 8px;
  padding-bottom: 8px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
  margin-bottom: 4px;
}
.status-checkin-dialog .status-checkin-content .status-section-header .sparkle-icon {
  width: 20px;
  height: 20px;
  color: #377FC4;
  flex-shrink: 0;
}
.status-checkin-dialog .status-checkin-content .status-section-header .status-section-title {
  margin: 0;
  font-size: var(--sub-heading-font);
  font-weight: 700;
  color: var(--primary-text-color);
  font-family: var(--font-family);
}
.status-checkin-dialog .status-checkin-content .velocity-display {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 14px;
  background: rgba(55, 127, 196, 0.05);
  border-radius: calc(var(--border-radius) / 2);
  border: 1px solid rgba(55, 127, 196, 0.1);
}
.status-checkin-dialog .status-checkin-content .velocity-display .velocity-label {
  font-size: var(--primary-font);
  font-weight: 500;
  color: var(--secondary-text-color);
  font-family: var(--font-family);
}
.status-checkin-dialog .status-checkin-content .velocity-display .velocity-value {
  font-size: var(--primary-font);
  font-weight: 600;
  font-family: var(--font-family);
  display: flex;
  align-items: center;
  gap: 4px;
}
.status-checkin-dialog .status-checkin-content .velocity-display .velocity-value .velocity-score {
  font-weight: 500;
  opacity: 0.8;
}
.status-checkin-dialog .status-checkin-content .status-field,
.status-checkin-dialog .status-checkin-content .comment-field {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.status-checkin-dialog .status-checkin-content .status-checkin-label {
  font-weight: 600;
  font-size: var(--primary-font);
  color: var(--primary-text-color);
  line-height: 1.3;
  font-family: var(--font-family);
}
.status-checkin-dialog .status-checkin-content .status-checkin-hint {
  color: var(--secondary-text-color);
  font-size: var(--secondary-font);
  font-style: italic;
  margin-top: -4px;
  line-height: 1.3;
  font-family: var(--font-family);
  opacity: 0.8;
}
.status-checkin-dialog .status-checkin-content .status-dropdown {
  width: 100%;
  border: var(--primary-border);
  border-radius: calc(var(--border-radius) / 2);
  background: var(--component-background);
  box-shadow: var(--card-shadow);
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
.status-checkin-dialog .status-checkin-content .status-dropdown:hover:not(.p-disabled) {
  border-color: var(--secondary-color);
}
.status-checkin-dialog .status-checkin-content .status-dropdown.p-focus {
  border-color: var(--secondary-color);
  box-shadow: 0 0 0 3px rgba(55, 127, 196, 0.15);
}
.status-checkin-dialog .status-checkin-content .status-dropdown.p-invalid {
  border-color: var(--error-color, #dc3545);
}
.status-checkin-dialog .status-checkin-content .status-dropdown .p-dropdown-label {
  padding: 10px 14px;
  font-size: var(--primary-font);
  color: var(--primary-text-color);
  font-family: var(--font-family);
}
.status-checkin-dialog .status-checkin-content .status-dropdown .p-dropdown-trigger {
  color: var(--secondary-text-color);
}
.status-checkin-dialog .status-checkin-content .status-option,
.status-checkin-dialog .status-checkin-content .status-option-selected {
  display: flex;
  align-items: center;
  gap: 8px;
  font-family: var(--font-family);
}
.status-checkin-dialog .status-checkin-content .status-option .status-indicator,
.status-checkin-dialog .status-checkin-content .status-option-selected .status-indicator {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  flex-shrink: 0;
}
.status-checkin-dialog .status-checkin-content .status-option i,
.status-checkin-dialog .status-checkin-content .status-option-selected i {
  font-size: var(--primary-font);
}
.status-checkin-dialog .status-checkin-content .status-option span:last-child,
.status-checkin-dialog .status-checkin-content .status-option-selected span:last-child {
  font-size: var(--primary-font);
  color: var(--primary-text-color);
}
.status-checkin-dialog .status-checkin-content .status-placeholder {
  color: var(--secondary-text-color);
  opacity: 0.7;
}
.status-checkin-dialog .status-checkin-content textarea {
  width: 100%;
  resize: vertical;
  min-height: 100px;
  font-size: var(--primary-font);
  padding: 10px 14px;
  border: var(--primary-border);
  border-radius: calc(var(--border-radius) / 2);
  background: var(--component-background);
  color: var(--primary-text-color);
  font-family: var(--font-family);
  line-height: 1.5;
  box-shadow: var(--card-shadow);
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
.status-checkin-dialog .status-checkin-content textarea:hover:not(:disabled) {
  border-color: var(--secondary-color);
}
.status-checkin-dialog .status-checkin-content textarea:focus {
  outline: none;
  border-color: var(--secondary-color);
  box-shadow: 0 0 0 3px rgba(55, 127, 196, 0.15);
}
.status-checkin-dialog .status-checkin-content textarea::-moz-placeholder {
  color: var(--secondary-text-color);
  opacity: 0.7;
}
.status-checkin-dialog .status-checkin-content textarea::placeholder {
  color: var(--secondary-text-color);
  opacity: 0.7;
}
.status-checkin-dialog .status-checkin-content textarea:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
.status-checkin-dialog .status-checkin-content .p-error {
  color: var(--error-color, #dc3545);
  font-size: var(--secondary-font);
  margin-top: 4px;
  font-family: var(--font-family);
}
.status-checkin-dialog .status-checkin-footer {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
}
.status-checkin-dialog .status-checkin-footer .p-button {
  height: 36px;
  padding: 0 16px;
  border-radius: calc(var(--border-radius) / 2);
  font-family: var(--font-family);
  font-weight: 600;
  font-size: var(--primary-font);
  transition: transform 0.1s ease, box-shadow 0.15s ease, background-color 0.15s ease;
}
.status-checkin-dialog .status-checkin-footer .p-button:active:not(:disabled) {
  transform: scale(0.98);
}
.status-checkin-dialog .status-checkin-footer .p-button.p-button-text {
  border: var(--primary-border);
  background: var(--component-background);
  color: var(--primary-text-color);
  box-shadow: var(--card-shadow);
}
.status-checkin-dialog .status-checkin-footer .p-button.p-button-text .p-button-icon {
  color: var(--secondary-text-color);
}
.status-checkin-dialog .status-checkin-footer .p-button.p-button-text:hover:not(:disabled) {
  background: var(--hover-background);
}
.status-checkin-dialog .status-checkin-footer .p-button:not(.p-button-text) {
  border: 1px solid rgba(55, 127, 196, 0.3);
  background: rgba(55, 127, 196, 0.1);
  color: #377FC4;
  box-shadow: var(--card-shadow);
}
.status-checkin-dialog .status-checkin-footer .p-button:not(.p-button-text) .p-button-icon {
  color: #377FC4;
}
.status-checkin-dialog .status-checkin-footer .p-button:not(.p-button-text):hover:not(:disabled) {
  background: rgba(55, 127, 196, 0.18);
  border-color: rgba(55, 127, 196, 0.5);
}
.status-checkin-dialog .status-checkin-footer .p-button:not(.p-button-text):disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.p-dropdown-panel {
  border-radius: calc(var(--border-radius) / 2);
  border: var(--primary-border);
  background: var(--component-background);
  box-shadow: var(--element-shadow);
}
.p-dropdown-panel .p-dropdown-items {
  padding: 4px 0;
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item {
  padding: 10px 14px;
  font-size: var(--primary-font);
  transition: background-color 0.15s ease;
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-focus {
  background: rgba(55, 127, 196, 0.15);
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item:hover {
  background: rgba(55, 127, 196, 0.08);
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight {
  background: rgba(55, 127, 196, 0.12);
}
[data-theme=dark] .status-checkin-dialog {
  background: var(--component-background);
  border-color: #3a3a4e;
}
[data-theme=dark] .status-checkin-dialog.p-dialog .p-dialog-header {
  border-bottom-color: rgba(255, 255, 255, 0.1);
  background: var(--component-background-gradient);
}
[data-theme=dark] .status-checkin-dialog.p-dialog .p-dialog-header .p-dialog-title {
  color: var(--primary-text-color);
}
[data-theme=dark] .status-checkin-dialog.p-dialog .p-dialog-header .p-dialog-header-icons .p-dialog-header-close {
  background: rgba(255, 255, 255, 0.08);
  color: var(--secondary-text-color);
  box-shadow: none;
  border: 1px solid rgba(255, 255, 255, 0.1);
}
[data-theme=dark] .status-checkin-dialog.p-dialog .p-dialog-header .p-dialog-header-icons .p-dialog-header-close:hover:not(:disabled) {
  background: rgba(255, 255, 255, 0.15);
  color: var(--primary-text-color);
}
[data-theme=dark] .status-checkin-dialog.p-dialog .p-dialog-content {
  background: var(--component-background);
}
[data-theme=dark] .status-checkin-dialog.p-dialog .p-dialog-footer {
  border-top-color: rgba(255, 255, 255, 0.1);
  background: var(--component-background-gradient);
}
[data-theme=dark] .status-checkin-dialog .status-checkin-content .status-section-header {
  border-bottom-color: rgba(255, 255, 255, 0.1);
}
[data-theme=dark] .status-checkin-dialog .status-checkin-content .status-section-header .sparkle-icon {
  color: #5fa0df;
}
[data-theme=dark] .status-checkin-dialog .status-checkin-content .status-section-header .status-section-title {
  color: var(--primary-text-color);
}
[data-theme=dark] .status-checkin-dialog .status-checkin-content .velocity-display {
  background: rgba(95, 160, 223, 0.08);
  border-color: rgba(95, 160, 223, 0.15);
}
[data-theme=dark] .status-checkin-dialog .status-checkin-content .velocity-display .velocity-label {
  color: var(--secondary-text-color);
}
[data-theme=dark] .status-checkin-dialog .status-checkin-content .status-checkin-label {
  color: var(--primary-text-color);
}
[data-theme=dark] .status-checkin-dialog .status-checkin-content .status-checkin-hint {
  color: var(--secondary-text-color);
}
[data-theme=dark] .status-checkin-dialog .status-checkin-content .status-dropdown {
  background: rgba(255, 255, 255, 0.03);
  border-color: rgba(255, 255, 255, 0.1);
  box-shadow: none;
}
[data-theme=dark] .status-checkin-dialog .status-checkin-content .status-dropdown:hover:not(.p-disabled) {
  border-color: #5fa0df;
}
[data-theme=dark] .status-checkin-dialog .status-checkin-content .status-dropdown.p-focus {
  border-color: #5fa0df;
  box-shadow: 0 0 0 3px rgba(95, 160, 223, 0.25);
}
[data-theme=dark] .status-checkin-dialog .status-checkin-content .status-dropdown .p-dropdown-label {
  color: var(--primary-text-color);
}
[data-theme=dark] .status-checkin-dialog .status-checkin-content .status-option span:last-child,
[data-theme=dark] .status-checkin-dialog .status-checkin-content .status-option-selected span:last-child {
  color: var(--primary-text-color);
}
[data-theme=dark] .status-checkin-dialog .status-checkin-content .status-placeholder {
  color: var(--secondary-text-color);
}
[data-theme=dark] .status-checkin-dialog .status-checkin-content textarea {
  background: rgba(255, 255, 255, 0.03);
  border-color: rgba(255, 255, 255, 0.1);
  color: var(--primary-text-color);
  box-shadow: none;
}
[data-theme=dark] .status-checkin-dialog .status-checkin-content textarea:hover:not(:disabled) {
  border-color: #5fa0df;
}
[data-theme=dark] .status-checkin-dialog .status-checkin-content textarea:focus {
  border-color: #5fa0df;
  box-shadow: 0 0 0 3px rgba(95, 160, 223, 0.25);
}
[data-theme=dark] .status-checkin-dialog .status-checkin-content textarea::-moz-placeholder {
  color: rgba(255, 255, 255, 0.4);
}
[data-theme=dark] .status-checkin-dialog .status-checkin-content textarea::placeholder {
  color: rgba(255, 255, 255, 0.4);
}
[data-theme=dark] .status-checkin-dialog .status-checkin-content .p-error {
  color: #ff6b6b;
}
[data-theme=dark] .status-checkin-dialog .status-checkin-footer .p-button.p-button-text {
  background: rgba(255, 255, 255, 0.08);
  border-color: rgba(255, 255, 255, 0.1);
  color: var(--primary-text-color);
  box-shadow: none;
}
[data-theme=dark] .status-checkin-dialog .status-checkin-footer .p-button.p-button-text .p-button-icon {
  color: var(--secondary-text-color);
}
[data-theme=dark] .status-checkin-dialog .status-checkin-footer .p-button.p-button-text:hover:not(:disabled) {
  background: rgba(255, 255, 255, 0.15);
}
[data-theme=dark] .status-checkin-dialog .status-checkin-footer .p-button:not(.p-button-text) {
  background: rgba(95, 160, 223, 0.15);
  border-color: rgba(95, 160, 223, 0.35);
  color: #5fa0df;
}
[data-theme=dark] .status-checkin-dialog .status-checkin-footer .p-button:not(.p-button-text) .p-button-icon {
  color: #5fa0df;
}
[data-theme=dark] .status-checkin-dialog .status-checkin-footer .p-button:not(.p-button-text):hover:not(:disabled) {
  background: rgba(95, 160, 223, 0.25);
  border-color: rgba(95, 160, 223, 0.5);
}
[data-theme=dark] .p-dropdown-panel {
  background: var(--component-background);
  border-color: rgba(255, 255, 255, 0.1);
}
[data-theme=dark] .p-dropdown-panel .p-dropdown-items .p-dropdown-item {
  color: var(--primary-text-color);
}
[data-theme=dark] .p-dropdown-panel .p-dropdown-items .p-dropdown-item:hover {
  background: rgba(55, 127, 196, 0.15);
}
[data-theme=dark] .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight {
  background: rgba(55, 127, 196, 0.2);
}
.task-list-group-header-molecule {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  font: inherit;
  color: inherit;
  text-align: left;
  width: 100%;
  display: flex;
  align-items: center;
  gap: var(--spacing-xs, 8px);
  padding: var(--spacing-xs, 8px) var(--spacing-md, 16px);
  background: var(--component-background, #f8f9fa);
  border-bottom: 1px solid var(--primary-border, #dee2e6);
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  transition: background-color 0.15s ease;
}
.task-list-group-header-molecule:hover {
  background: var(--hover-background, #e9ecef);
}
.task-list-group-header-molecule:focus-visible {
  outline: 2px solid var(--primary-color, #3b82f6);
  outline-offset: -2px;
}
.task-list-group-header-molecule--collapsed {
  border-bottom-color: transparent;
}
.task-list-group-header-molecule--has-overdue {
  border-left: 3px solid var(--danger-color, #dc2626);
  padding-left: calc(var(--spacing-md, 16px) - 3px);
}
.task-list-group-header-molecule:not(.task-list-group-header-molecule--has-overdue) {
  border-left: 3px solid var(--primary-color, #2563eb);
  padding-left: calc(var(--spacing-md, 16px) - 3px);
}
.task-list-group-header-molecule__avatar {
  flex-shrink: 0;
  display: flex;
  align-items: center;
}
.task-list-group-header-molecule__name {
  flex: 1;
  font-size: 14px;
  font-weight: 600;
  color: var(--primary-text-color, #1e293b);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.task-list-group-header-molecule__count {
  flex-shrink: 0;
  font-size: 12px;
  color: var(--secondary-text-color, #64748b);
  padding: 2px var(--spacing-xs, 8px);
  background: var(--surface-100, #e2e8f0);
  border-radius: var(--border-radius-pill, 20px);
  transition: background 0.15s ease, color 0.15s ease;
}
.task-list-group-header-molecule--has-overdue .task-list-group-header-molecule__count {
  background: rgba(220, 38, 38, 0.12);
  color: var(--danger-color, #dc2626);
}
.task-list-group-header-molecule__chevron {
  flex-shrink: 0;
  font-size: 12px;
  color: var(--secondary-text-color, #64748b);
  transition: transform 0.15s ease;
}
[data-theme=dark] .task-list-group-header-molecule {
  background: var(--component-background-dark, #1e293b);
  border-bottom-color: var(--primary-border-dark, #334155);
}
[data-theme=dark] .task-list-group-header-molecule--has-overdue .task-list-group-header-molecule__count {
  background: #7f1d1d;
  color: #fecaca;
}
[data-theme=dark] .task-list-group-header-molecule:hover {
  background: var(--hover-background-dark, #334155);
}
[data-theme=dark] .task-list-group-header-molecule__name {
  color: var(--primary-text-color-dark, #f1f5f9);
}
[data-theme=dark] .task-list-group-header-molecule__count {
  color: var(--secondary-text-color-dark, #94a3b8);
  background: var(--surface-700, #334155);
}
[data-theme=dark] .task-list-group-header-molecule__chevron {
  color: var(--secondary-text-color-dark, #94a3b8);
}
@charset "UTF-8";
.stat-card-atom {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xxs, 4px);
  padding: var(--spacing-md, 16px);
  background-color: var(--surface-raised);
  border: 1px solid var(--border-color);
  border-radius: var(--radius-md, 8px);
  box-shadow: var(--shadow-sm);
  font-family: Manrope, sans-serif;
  min-width: 0;
}
.stat-card-atom__label {
  font-size: 12px;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--secondary-text-color, #475569);
}
.stat-card-atom__value {
  font-size: 24px;
  font-weight: 700;
  line-height: 1.2;
  color: var(--text-color);
  font-variant-numeric: tabular-nums;
  word-break: break-word;
}
.stat-card-atom__caption-row {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--spacing-xs, 8px);
  margin-top: var(--spacing-xxs, 4px);
}
.stat-card-atom__caption {
  font-size: 12px;
  font-weight: 500;
  line-height: 1.3;
  color: var(--text-color-subtle);
}
.stat-card-atom__trend {
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-xxs, 4px);
  font-size: 12px;
  font-weight: 600;
  line-height: 1.3;
  color: var(--text-color-muted);
}
.stat-card-atom__trend-icon {
  font-size: 10px;
  line-height: 1;
}
.stat-card-atom__trend--up {
  color: var(--success-500);
}
.stat-card-atom__trend--down {
  color: var(--danger-500);
}
.stat-card-atom__trend--flat {
  color: var(--text-color-subtle);
}
.stat-card-atom {
  /* Accent — left border marks actionable cards */
}
.stat-card-atom--accent-info {
  border-left: 3px solid var(--info-500, #3b82f6);
}
.stat-card-atom--accent-danger {
  border-left: 3px solid var(--danger-500, #ef4444);
}
.stat-card-atom--accent-warning {
  border-left: 3px solid var(--warning-500, #f59e0b);
}
.stat-card-atom--accent-success {
  border-left: 3px solid var(--success-500, #10b981);
}
.stat-card-atom {
  /* Dark mode: align accent border with the warmer danger value tone */
}
[data-theme=dark] .stat-card-atom--accent-danger {
  border-left-color: var(--danger-400, #f87171);
}
.stat-card-atom {
  /* Tones tint the value to draw attention. */
}
.stat-card-atom--tone-danger .stat-card-atom__value {
  color: var(--danger-700);
}
.stat-card-atom--tone-warning .stat-card-atom__value {
  color: var(--warning-700);
}
.stat-card-atom--tone-success .stat-card-atom__value {
  color: var(--success-700);
}
[data-theme=dark] .stat-card-atom--tone-danger .stat-card-atom__value {
  color: var(--danger-400, #f87171);
}
[data-theme=dark] .stat-card-atom--tone-warning .stat-card-atom__value {
  color: var(--warning-500);
}
[data-theme=dark] .stat-card-atom--tone-success .stat-card-atom__value {
  color: var(--success-500);
}
.stat-card-row-molecule {
  display: grid;
  gap: var(--spacing-md, 16px);
  width: 100%;
  list-style: none;
  margin: 0;
  padding: 0;
}
.stat-card-row-molecule__cell {
  min-width: 0;
  display: flex;
}
.stat-card-row-molecule__cell > * {
  flex: 1 1 auto;
  min-width: 0;
}
.stat-card-row-molecule--cols-1 {
  grid-template-columns: minmax(0, 1fr);
}
.stat-card-row-molecule--cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.stat-card-row-molecule--cols-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.stat-card-row-molecule--cols-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.stat-card-row-molecule {
  /* Responsive collapse: progressively reduce column count at narrower widths. */
}
@media (max-width: 1100px) {
  .stat-card-row-molecule--responsive.stat-card-row-molecule--cols-4 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 600px) {
  .stat-card-row-molecule--responsive.stat-card-row-molecule--cols-4 {
    grid-template-columns: minmax(0, 1fr);
  }
}
@media (max-width: 900px) {
  .stat-card-row-molecule--responsive.stat-card-row-molecule--cols-3 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 600px) {
  .stat-card-row-molecule--responsive.stat-card-row-molecule--cols-3 {
    grid-template-columns: minmax(0, 1fr);
  }
}
@media (max-width: 600px) {
  .stat-card-row-molecule--responsive.stat-card-row-molecule--cols-2 {
    grid-template-columns: minmax(0, 1fr);
  }
}
.history-legend-molecule {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--spacing-sm, 12px) var(--spacing-md, 16px);
  list-style: none;
  padding: 0;
  margin: 0;
  font-family: Manrope, sans-serif;
}
.history-legend-molecule__item {
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-xs, 8px);
  min-width: 0;
}
.history-legend-molecule__swatch {
  display: inline-block;
  flex: 0 0 auto;
  width: 10px;
  height: 10px;
  border-radius: var(--border-radius-sm, 2px);
  box-sizing: border-box;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
}
[data-theme=dark] .history-legend-molecule__swatch {
  box-shadow: none;
}
.history-legend-molecule__swatch--transparent {
  background-color: transparent;
}
.history-legend-molecule__label {
  font-size: 12px;
  font-weight: 500;
  line-height: 1.3;
  color: var(--text-color-muted);
  white-space: nowrap;
}
.period-status-button-group-atom {
  display: flex;
  align-items: stretch;
  gap: var(--spacing-xxs);
  width: 100%;
}
.period-status-button-group-atom__button {
  flex: 1 1 0;
  min-width: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-xs);
  border: 1px solid var(--border-color);
  border-radius: var(--border-radius-sm);
  background: var(--surface-raised);
  color: var(--secondary-text-color);
  cursor: pointer;
  transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease, box-shadow 0.15s ease;
}
.period-status-button-group-atom__button i {
  font-size: 14px;
  line-height: 1;
}
.period-status-button-group-atom__button:hover:not(:disabled):not(.period-status-button-group-atom__button--selected) {
  border-color: var(--border-color-strong, var(--border-color));
  color: var(--primary-text-color);
}
.period-status-button-group-atom__button:focus-visible {
  outline: 2px solid var(--focus-outline-color, var(--info-500));
  outline-offset: 1px;
}
.period-status-button-group-atom__button:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.period-status-button-group-atom__button--selected {
  color: var(--text-on-status-badge, #fff);
  box-shadow: var(--shadow-sm);
}
[data-theme=dark] .period-status-button-group-atom__button {
  background: var(--surface-raised);
  border-color: var(--border-color);
  color: var(--secondary-text-color);
}
[data-theme=dark] .period-status-button-group-atom__button:hover:not(:disabled):not([data-theme=dark] .period-status-button-group-atom__button--selected) {
  color: var(--primary-text-color);
}
.apply-to-all-shortcut-molecule {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--spacing-xs);
  font-family: Manrope, sans-serif;
}
.apply-to-all-shortcut-molecule__label {
  font-size: 10.5px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--secondary-text-color);
  white-space: nowrap;
}
.apply-to-all-shortcut-molecule__pills {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--spacing-xxs);
}
.apply-to-all-shortcut-molecule__pill {
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-xxs);
  padding: 4px 9px;
  border-radius: 9999px;
  background: var(--surface-raised);
  border: 1px solid var(--border-color);
  color: var(--primary-text-color);
  font-size: 11px;
  font-weight: 600;
  line-height: 1.2;
  cursor: pointer;
  transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}
.apply-to-all-shortcut-molecule__pill:hover:not(:disabled) {
  border-color: var(--border-color-strong, var(--border-color));
  background: var(--surface-hover, var(--surface-raised));
}
.apply-to-all-shortcut-molecule__pill:focus-visible {
  outline: 2px solid var(--focus-outline-color, var(--info-500));
  outline-offset: 1px;
}
.apply-to-all-shortcut-molecule__pill:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.apply-to-all-shortcut-molecule__pill-icon {
  font-size: 11px;
  line-height: 1;
}
.apply-to-all-shortcut-molecule__pill-text {
  white-space: nowrap;
}
[data-theme=dark] .apply-to-all-shortcut-molecule .apply-to-all-shortcut-molecule__pill {
  background: var(--surface-raised);
  border-color: var(--border-color);
  color: var(--primary-text-color);
}
[data-theme=dark] .apply-to-all-shortcut-molecule .apply-to-all-shortcut-molecule__pill:hover:not(:disabled) {
  background: var(--surface-hover, var(--surface-raised));
}
[data-theme=dark] .apply-to-all-shortcut-molecule .apply-to-all-shortcut-molecule__label {
  color: var(--secondary-text-color);
}
.catch-up-strip-molecule {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
  padding: var(--spacing-md) var(--spacing-lg) var(--spacing-md);
  border-top: 1px dashed var(--danger-100);
  background: linear-gradient(180deg, color-mix(in srgb, var(--warning-50), transparent 60%) 0%, var(--surface-raised) 50%);
  font-family: Manrope, sans-serif;
  color: var(--primary-text-color);
}
.catch-up-strip-molecule__empty {
  margin: 0;
  padding: var(--spacing-md);
  text-align: center;
  font-size: 13px;
  font-style: italic;
  color: var(--secondary-text-color);
}
.catch-up-strip-molecule__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--spacing-md);
  flex-wrap: wrap;
}
.catch-up-strip-molecule__heading {
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-sm);
  min-width: 0;
}
.catch-up-strip-molecule__heading-icon {
  font-size: 15px;
  line-height: 1;
  color: var(--danger-700, var(--danger-500));
}
.catch-up-strip-molecule__heading-text {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}
.catch-up-strip-molecule__title {
  margin: 0;
  font-size: 13px;
  font-weight: 700;
  color: var(--primary-text-color);
}
.catch-up-strip-molecule__hint {
  margin: 0;
  font-size: 11.5px;
  color: var(--secondary-text-color);
}
.catch-up-strip-molecule__apply-to-all {
  flex-shrink: 0;
}
.catch-up-strip-molecule__period-grid {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  gap: var(--spacing-sm);
}
.catch-up-strip-molecule__period-card {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs);
  padding: var(--spacing-sm) var(--spacing-sm);
  background: var(--surface-raised);
  border: 1px solid var(--border-color);
  border-radius: var(--border-radius-sm);
}
.catch-up-strip-molecule__period-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: var(--spacing-xs);
}
.catch-up-strip-molecule__period-label {
  font-size: 12px;
  font-weight: 700;
  color: var(--primary-text-color);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.catch-up-strip-molecule__period-due {
  font-size: 10.5px;
  color: var(--secondary-text-color);
  white-space: nowrap;
}
.catch-up-strip-molecule__period-buttons {
  width: 100%;
}
.catch-up-strip-molecule__notes {
  display: flex;
}
.catch-up-strip-molecule__notes-input {
  flex: 1;
  resize: vertical;
  font-family: Manrope, sans-serif;
  font-size: 12.5px;
  color: var(--primary-text-color);
  background: var(--surface-raised);
  border: 1px solid var(--border-color);
  border-radius: var(--border-radius-sm);
  padding: var(--spacing-sm) var(--spacing-sm);
  outline: none;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
.catch-up-strip-molecule__notes-input::-moz-placeholder {
  color: var(--secondary-text-color);
}
.catch-up-strip-molecule__notes-input::placeholder {
  color: var(--secondary-text-color);
}
.catch-up-strip-molecule__notes-input:focus-visible {
  border-color: var(--focus-outline-color, var(--info-500));
  box-shadow: 0 0 0 1px var(--focus-outline-color, var(--info-500));
}
.catch-up-strip-molecule__notes-input:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
.catch-up-strip-molecule__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--spacing-md);
  flex-wrap: wrap;
}
.catch-up-strip-molecule__summary {
  font-size: 11.5px;
  color: var(--secondary-text-color);
  min-height: 16px;
}
.catch-up-strip-molecule__submitting {
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-xs);
}
.catch-up-strip-molecule__spinner {
  font-size: 12px;
  line-height: 1;
}
.catch-up-strip-molecule__actions {
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-sm);
}
.catch-up-strip-molecule__cancel, .catch-up-strip-molecule__submit {
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-xs);
  padding: 8px 16px;
  border-radius: 9999px;
  font-family: Manrope, sans-serif;
  font-size: 12.5px;
  font-weight: 600;
  line-height: 1.2;
  cursor: pointer;
  transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease, box-shadow 0.15s ease;
}
.catch-up-strip-molecule__cancel:focus-visible, .catch-up-strip-molecule__submit:focus-visible {
  outline: 2px solid var(--focus-outline-color, var(--info-500));
  outline-offset: 1px;
}
.catch-up-strip-molecule__cancel:disabled, .catch-up-strip-molecule__submit:disabled {
  cursor: not-allowed;
  opacity: 0.6;
}
.catch-up-strip-molecule__cancel {
  background: transparent;
  border: 1px solid var(--border-color);
  color: var(--secondary-text-color);
}
.catch-up-strip-molecule__cancel:hover:not(:disabled) {
  border-color: var(--border-color-strong, var(--border-color));
  color: var(--primary-text-color);
}
.catch-up-strip-molecule__submit {
  background: var(--info-500);
  border: 1px solid var(--info-500);
  color: var(--text-on-status-badge, #fff);
  font-weight: 700;
  box-shadow: var(--shadow-sm);
}
.catch-up-strip-molecule__submit:hover:not(:disabled) {
  background: var(--info-700, var(--info-500));
  border-color: var(--info-700, var(--info-500));
}
.catch-up-strip-molecule__submit-icon {
  font-size: 13px;
  line-height: 1;
}
[data-theme=dark] .catch-up-strip-molecule {
  background: linear-gradient(180deg, color-mix(in srgb, var(--danger-500) 12%, var(--surface-raised)) 0%, var(--surface-raised) 60%);
  border-top-color: color-mix(in srgb, var(--danger-500) 35%, transparent);
}
[data-theme=dark] .catch-up-strip-molecule .catch-up-strip-molecule__period-card {
  background: var(--surface-raised);
  border-color: var(--border-color);
}
[data-theme=dark] .catch-up-strip-molecule .catch-up-strip-molecule__notes-input {
  background: var(--surface-raised);
  border-color: var(--border-color);
  color: var(--primary-text-color);
}
.history-card-molecule {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: var(--spacing-sm);
  align-items: start;
  padding: var(--spacing-sm) var(--spacing-md);
  background: var(--surface-raised);
  border: 1px solid var(--border-color);
  border-radius: var(--border-radius-sm);
  font-family: Manrope, sans-serif;
  color: var(--primary-text-color);
}
.history-card-molecule__icon-wrap {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 9999px;
  background: var(--surface-hover, var(--surface-raised));
  flex-shrink: 0;
}
.history-card-molecule__icon {
  font-size: 16px;
  line-height: 1;
}
.history-card-molecule__body {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xxs);
  min-width: 0;
}
.history-card-molecule__header {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: var(--spacing-sm);
}
.history-card-molecule__period {
  font-size: 13px;
  font-weight: 700;
  color: var(--primary-text-color);
  line-height: 1.2;
}
.history-card-molecule__due {
  font-size: 11px;
  font-weight: 500;
  color: var(--secondary-text-color);
  white-space: nowrap;
}
.history-card-molecule__status {
  font-size: 12px;
  font-weight: 600;
  color: var(--primary-text-color);
  line-height: 1.3;
}
.history-card-molecule__submitter {
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--spacing-xxs);
  font-size: 12px;
  color: var(--secondary-text-color);
  margin-top: var(--spacing-xxs);
}
.history-card-molecule__submitter-prefix {
  font-weight: 500;
}
.history-card-molecule__submitter-identity {
  display: inline-flex;
  align-items: center;
}
.history-card-molecule__submitted-at {
  white-space: nowrap;
}
.history-card-molecule__comment {
  margin: var(--spacing-xxs) 0 0;
  padding: var(--spacing-xs) var(--spacing-sm);
  background: var(--surface-hover, var(--surface-raised));
  border-left: 2px solid var(--border-color);
  border-radius: var(--border-radius-xs, 4px);
  font-size: 12px;
  line-height: 1.4;
  color: var(--primary-text-color);
  white-space: pre-wrap;
  word-break: break-word;
  overflow-wrap: anywhere;
}
.history-card-molecule--missed {
  background: var(--danger-50);
  border-color: var(--danger-100);
}
.history-card-molecule--missed .history-card-molecule__status {
  color: var(--danger-700, var(--danger-500));
}
.history-card-molecule--missed .history-card-molecule__icon-wrap {
  background: transparent;
}
.history-card-molecule--skipped {
  background: var(--surface-muted, var(--surface-raised));
}
.history-card-molecule--skipped .history-card-molecule__status {
  color: var(--secondary-text-color);
  font-style: italic;
}
.history-card-molecule--not-yet-due {
  background: transparent;
  border-style: dashed;
}
.history-card-molecule--not-yet-due .history-card-molecule__status,
.history-card-molecule--not-yet-due .history-card-molecule__period {
  color: var(--secondary-text-color);
}
[data-theme=dark] .history-card-molecule {
  background: var(--surface-raised);
  border-color: var(--border-color);
}
[data-theme=dark] .history-card-molecule.history-card-molecule--missed {
  background: color-mix(in srgb, var(--danger-500) 15%, var(--surface-raised));
  border-color: var(--danger-500);
}
[data-theme=dark] .history-card-molecule.history-card-molecule--skipped {
  background: var(--surface-muted, var(--surface-raised));
}
[data-theme=dark] .history-card-molecule .history-card-molecule__comment {
  background: var(--surface-hover, var(--surface-raised));
  border-left-color: var(--border-color);
}
.history-strip-molecule {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
  padding: var(--spacing-md);
  background: var(--surface-raised);
  border: 1px solid var(--border-color);
  border-radius: var(--border-radius-sm);
  font-family: Manrope, sans-serif;
  color: var(--primary-text-color);
}
.history-strip-molecule__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--spacing-sm);
}
.history-strip-molecule__title {
  margin: 0;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--secondary-text-color);
}
.history-strip-molecule__close {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  padding: 0;
  background: transparent;
  border: 1px solid transparent;
  border-radius: var(--border-radius-sm);
  color: var(--secondary-text-color);
  cursor: pointer;
}
.history-strip-molecule__close:hover:not(:disabled) {
  background: var(--surface-hover, var(--surface-raised));
  border-color: var(--border-color);
  color: var(--primary-text-color);
}
.history-strip-molecule__close:focus-visible {
  outline: 2px solid var(--focus-outline-color);
  outline-offset: 2px;
}
.history-strip-molecule__close i {
  font-size: 12px;
  line-height: 1;
}
.history-strip-molecule__empty {
  margin: 0;
  padding: var(--spacing-md) var(--spacing-sm);
  text-align: center;
  font-size: 13px;
  font-style: italic;
  color: var(--secondary-text-color);
}
.history-strip-molecule__list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs);
}
.history-strip-molecule__item {
  list-style: none;
}
.status-sparkline-atom {
  display: inline-flex;
  align-items: center;
  vertical-align: middle;
  line-height: 0;
}
.status-sparkline-atom--interactive {
  cursor: pointer;
  padding: var(--spacing-xxs, 2px);
  border-radius: var(--border-radius-sm, 2px);
  outline: 1px solid transparent;
  transition: outline-color 0.15s ease, background-color 0.15s ease;
}
.status-sparkline-atom--interactive:hover {
  outline-color: var(--border-color-strong, var(--border-color));
  background-color: var(--surface-hover, transparent);
}
.status-sparkline-atom--interactive:focus-visible {
  outline: 2px solid var(--focus-outline-color, var(--border-color-strong));
  outline-offset: 1px;
}
.status-sparkline-atom__slot {
  display: inline-block;
  flex: 0 0 auto;
  border-radius: var(--border-radius-sm, 2px);
  box-sizing: border-box;
  transition: background-color 0.15s ease;
}
.status-sparkline-atom__slot--empty {
  background-color: transparent;
  border: 1px dashed var(--border-color);
}
[data-theme=dark] .status-sparkline-atom__slot--empty {
  border-color: var(--border-color);
}
.status-sparkline-atom__slot--unknown {
  background-color: var(--neutral-300);
  border: 1px solid var(--border-color-soft);
}
[data-theme=dark] .status-sparkline-atom__slot--unknown {
  background-color: var(--neutral-400);
  border-color: var(--border-color-soft);
}
.status-sparkline-atom__slot--filled {
  border: 1px solid transparent;
}
.streak-badge-atom {
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-xxs, 4px);
  padding: 2px var(--spacing-xs, 8px);
  border-radius: var(--radius-pill, 9999px);
  border: 1px solid transparent;
  font-family: Manrope, sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.3;
  vertical-align: middle;
  white-space: nowrap;
}
.streak-badge-atom__icon {
  font-size: 11px;
  line-height: 1;
}
.streak-badge-atom__count {
  font-variant-numeric: tabular-nums;
}
.streak-badge-atom__label {
  font-weight: 500;
}
.streak-badge-atom--tone-danger {
  background-color: var(--danger-50);
  border-color: var(--danger-100);
  color: var(--danger-700);
}
[data-theme=dark] .streak-badge-atom--tone-danger {
  background-color: color-mix(in srgb, var(--danger-500) 18%, transparent);
  border-color: color-mix(in srgb, var(--danger-500) 35%, transparent);
  color: var(--danger-500);
}
.streak-badge-atom--tone-warning {
  background-color: var(--warning-50);
  border-color: color-mix(in srgb, var(--warning-500) 35%, transparent);
  color: var(--warning-700);
}
[data-theme=dark] .streak-badge-atom--tone-warning {
  background-color: color-mix(in srgb, var(--warning-500) 18%, transparent);
  border-color: color-mix(in srgb, var(--warning-500) 35%, transparent);
  color: var(--warning-500);
}
.streak-badge-atom--tone-success {
  background-color: var(--success-50);
  border-color: color-mix(in srgb, var(--success-500) 35%, transparent);
  color: var(--success-700);
}
[data-theme=dark] .streak-badge-atom--tone-success {
  background-color: color-mix(in srgb, var(--success-500) 18%, transparent);
  border-color: color-mix(in srgb, var(--success-500) 35%, transparent);
  color: var(--success-500);
}
.streak-badge-atom--tone-neutral {
  background-color: var(--surface-sunken);
  border-color: var(--border-color);
  color: var(--text-color-muted);
}
.task-list-organism {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.task-list-organism__summary {
  margin-bottom: var(--spacing-md, 16px);
}
.task-list-organism__legend {
  margin: var(--spacing-sm, 12px) 0;
}
.task-list-organism__strip-loading {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-xs, 8px);
  padding: var(--spacing-md, 16px);
  color: var(--secondary-text-color);
  font-size: 0.875rem;
}
.task-list-organism .task-identity {
  display: flex;
  align-items: center;
  gap: var(--spacing-xs, 8px);
  position: relative;
  min-width: 0;
}
.task-list-organism .task-identity__streak {
  margin-left: var(--spacing-xs, 8px);
}
.task-list-organism .task-identity__edit-btn {
  display: none;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  align-items: center;
  justify-content: center;
  background: var(--surface-card, #fff);
  border: 1px solid var(--surface-border, #dee2e6);
  border-radius: var(--border-radius-sm, 4px);
  padding: 2px var(--spacing-xxs, 4px);
  cursor: pointer;
  color: var(--primary-text-color);
  font-size: 0.8rem;
  opacity: 0.7;
  transition: opacity 0.15s;
  will-change: opacity;
}
.task-list-organism .task-identity__edit-btn:hover {
  opacity: 1;
}
[data-theme=dark] .task-list-organism .task-identity__edit-btn {
  background: var(--component-background, #1e1e2f);
  border-color: rgba(255, 255, 255, 0.15);
  color: var(--text-color, #e2e8f0);
}
.task-list-organism .task-identity--clickable {
  cursor: pointer;
  transition: background-color 0.2s ease;
  will-change: background-color;
  padding: var(--spacing-xxs, 4px);
  border-radius: var(--border-radius-sm, 4px);
}
.task-list-organism .task-identity--clickable:hover {
  background: var(--hover-background);
}
.task-list-organism .task-type-badge {
  display: inline-block;
  padding: var(--spacing-xxs, 4px) var(--spacing-xs, 8px);
  border-radius: var(--border-radius-sm, 4px);
  font-size: var(--secondary-font, 12px);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.025rem;
}
.task-list-organism .task-type-badge--flow {
  background: var(--info-color, #2563eb);
  color: var(--surface-0, #fff);
}
.task-list-organism .task-type-badge--checkin {
  background: #0d9488;
  color: var(--surface-0, #fff);
}
[data-theme=dark] .task-list-organism .task-type-badge--flow {
  background: var(--info-color, #3b82f6);
}
[data-theme=dark] .task-list-organism .task-type-badge--checkin {
  background: #14b8a6;
}
.task-list-organism .task-status {
  display: flex;
  align-items: center;
}
.task-list-organism .task-status-pill {
  padding: var(--spacing-xxs, 4px) var(--spacing-xs, 8px);
  border-radius: var(--border-radius-pill, 20px);
  font-size: var(--secondary-font, 12px);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.025rem;
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-xxs, 4px);
  min-width: -moz-fit-content;
  min-width: fit-content;
  border: 1px solid transparent;
}
.task-list-organism .task-status-pill i {
  font-size: 0.75rem;
}
.task-list-organism .task-status-pill--todo, .task-list-organism .task-status-pill--pending, .task-list-organism .task-status-pill--upcoming {
  background: rgba(71, 85, 105, 0.1);
  color: var(--surface-600, #475569);
  border-color: rgba(71, 85, 105, 0.2);
}
.task-list-organism .task-status-pill--in_progress {
  background: rgba(29, 78, 216, 0.1);
  color: var(--info-color, #1d4ed8);
  border-color: rgba(29, 78, 216, 0.2);
}
.task-list-organism .task-status-pill--complete, .task-list-organism .task-status-pill--done {
  background: rgba(21, 128, 61, 0.1);
  color: var(--success-color, #15803d);
  border-color: rgba(21, 128, 61, 0.2);
}
.task-list-organism .task-status-pill--overdue {
  background: rgba(220, 38, 38, 0.14);
  color: #b91c1c;
  border-color: rgba(220, 38, 38, 0.35);
}
.task-list-organism .task-status-pill--ready {
  background: rgba(37, 99, 235, 0.1);
  color: var(--info-color, #2563eb);
  border-color: rgba(37, 99, 235, 0.2);
}
.task-list-organism .task-status-pill--skipped {
  background: rgba(156, 163, 175, 0.12);
  color: var(--surface-500, #6b7280);
  border-color: rgba(156, 163, 175, 0.25);
}
.task-list-organism .task-status-pill--on-track {
  background: color-mix(in srgb, var(--success-500, #10b981) 10%, transparent);
  color: var(--success-700, #047857);
  border-color: color-mix(in srgb, var(--success-500, #10b981) 30%, transparent);
}
.task-list-organism .task-status-pill--missed {
  background: color-mix(in srgb, var(--danger-500, #ef4444) 10%, transparent);
  color: var(--danger-700, #b91c1c);
  border-color: color-mix(in srgb, var(--danger-500, #ef4444) 30%, transparent);
}
[data-theme=dark] .task-list-organism .task-status-pill--todo, [data-theme=dark] .task-list-organism .task-status-pill--pending, [data-theme=dark] .task-list-organism .task-status-pill--upcoming {
  background: rgba(100, 116, 139, 0.15);
  color: rgba(148, 163, 184, 0.9);
  border-color: rgba(100, 116, 139, 0.3);
}
[data-theme=dark] .task-list-organism .task-status-pill--in_progress {
  background: rgba(59, 130, 246, 0.15);
  color: rgba(96, 165, 250, 0.9);
  border-color: rgba(59, 130, 246, 0.3);
}
[data-theme=dark] .task-list-organism .task-status-pill--complete, [data-theme=dark] .task-list-organism .task-status-pill--done {
  background: rgba(34, 197, 94, 0.15);
  color: rgba(74, 222, 128, 0.9);
  border-color: rgba(34, 197, 94, 0.3);
}
[data-theme=dark] .task-list-organism .task-status-pill--overdue {
  background: rgba(239, 68, 68, 0.15);
  color: rgba(252, 129, 129, 0.9);
  border-color: rgba(239, 68, 68, 0.3);
}
[data-theme=dark] .task-list-organism .task-status-pill--ready {
  background: rgba(59, 130, 246, 0.15);
  color: rgba(96, 165, 250, 0.9);
  border-color: rgba(59, 130, 246, 0.3);
}
[data-theme=dark] .task-list-organism .task-status-pill--skipped {
  background: rgba(107, 114, 128, 0.15);
  color: rgba(156, 163, 175, 0.8);
  border-color: rgba(107, 114, 128, 0.3);
}
[data-theme=dark] .task-list-organism .task-status-pill--on-track {
  background: color-mix(in srgb, var(--success-500, #10b981) 18%, transparent);
  color: color-mix(in srgb, var(--success-500, #10b981) 90%, white);
  border-color: color-mix(in srgb, var(--success-500, #10b981) 35%, transparent);
}
[data-theme=dark] .task-list-organism .task-status-pill--missed {
  background: color-mix(in srgb, var(--danger-500, #ef4444) 18%, transparent);
  color: color-mix(in srgb, var(--danger-500, #ef4444) 90%, white);
  border-color: color-mix(in srgb, var(--danger-500, #ef4444) 35%, transparent);
}
.task-list-organism .task-status--collapsed {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: var(--spacing-xxs, 4px);
}
.task-list-organism .task-status__expand-toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-xxs, 4px);
  border-radius: var(--border-radius-sm, 4px);
  cursor: pointer;
  border: none;
  background: transparent;
  color: var(--secondary-text-color, #475569);
  transition: background-color 0.2s ease, color 0.2s ease;
  will-change: background-color;
  flex-shrink: 0;
}
.task-list-organism .task-status__expand-toggle i {
  font-size: 0.75rem;
}
.task-list-organism .task-status__expand-toggle:hover:not(:disabled) {
  background: var(--hover-background, #f1f5f9);
  color: var(--primary-text-color, #1e293b);
}
.task-list-organism .task-status__expand-toggle:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}
[data-theme=dark] .task-list-organism .task-status__expand-toggle {
  color: var(--secondary-text-color-dark, #94a3b8);
}
[data-theme=dark] .task-list-organism .task-status__expand-toggle:hover:not(:disabled) {
  background: var(--hover-background-dark, #334155);
  color: var(--primary-text-color-dark, #e2e8f0);
}
.task-list-organism .task-actions {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  min-width: 0;
}
.task-list-organism .task-actions--batch {
  flex-wrap: wrap;
  gap: var(--spacing-xxs, 4px);
}
.task-list-organism .task-action-btn {
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-xxs, 4px);
  padding: var(--spacing-xxs, 4px) var(--spacing-xs, 8px);
  border-radius: var(--border-radius-pill, 20px);
  font-size: var(--secondary-font, 12px);
  font-weight: 600;
  cursor: pointer;
  transition: background-color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
  will-change: transform;
  border: 1px solid transparent;
  box-shadow: var(--button-shadow, 0 1px 2px rgba(0, 0, 0, 0.1));
  background: var(--info-color, #2563eb);
  color: #ffffff;
  font-family: var(--font-family, Manrope, sans-serif);
  white-space: nowrap;
  min-width: 80px;
  justify-content: center;
}
.task-list-organism .task-action-btn .p-button-label,
.task-list-organism .task-action-btn i.p-button-icon {
  color: #ffffff;
}
.task-list-organism .task-action-btn i {
  font-size: 0.875rem;
}
.task-list-organism .task-action-btn:hover:not(:disabled) {
  background: var(--primary-color, #1d4ed8);
  transform: translateY(-1px);
  box-shadow: var(--card-shadow, 0 2px 4px rgba(0, 0, 0, 0.15));
}
.task-list-organism .task-action-btn:disabled, .task-list-organism .task-action-btn--disabled {
  opacity: 0.4;
  cursor: not-allowed;
  background: var(--surface-500, #475569);
}
.task-list-organism .task-action-btn:disabled:hover, .task-list-organism .task-action-btn--disabled:hover {
  transform: none;
  box-shadow: var(--button-shadow, 0 1px 2px rgba(0, 0, 0, 0.1));
}
.task-list-organism .task-action-btn--expand, .task-list-organism .task-action-btn--skip-older {
  background: transparent;
  color: var(--secondary-text-color, #475569);
  border-color: var(--surface-300, #cbd5e1);
  box-shadow: none;
}
.task-list-organism .task-action-btn--expand:hover:not(:disabled), .task-list-organism .task-action-btn--skip-older:hover:not(:disabled) {
  background: var(--hover-background, #f1f5f9);
  border-color: var(--surface-400, #94a3b8);
  transform: none;
  box-shadow: none;
}
[data-theme=dark] .task-list-organism .task-action-btn--expand, [data-theme=dark] .task-list-organism .task-action-btn--skip-older {
  color: var(--secondary-text-color-dark, #94a3b8);
  border-color: var(--surface-600, #4b5563);
}
[data-theme=dark] .task-list-organism .task-action-btn--expand:hover:not(:disabled), [data-theme=dark] .task-list-organism .task-action-btn--skip-older:hover:not(:disabled) {
  background: var(--hover-background-dark, #334155);
  border-color: var(--surface-500, #6b7280);
}
.task-list-organism .task-action-btn--batch {
  background: var(--success-color, #15803d);
}
.task-list-organism .task-action-btn--batch:hover:not(:disabled) {
  background: var(--success-color, #166534);
}
[data-theme=dark] .task-list-organism .task-action-btn {
  box-shadow: var(--button-shadow, 0 1px 2px rgba(0, 0, 0, 0.3));
}
[data-theme=dark] .task-list-organism .task-action-btn:hover:not(:disabled) {
  box-shadow: var(--card-shadow, 0 2px 4px rgba(0, 0, 0, 0.4));
}
.task-list-organism .task-actions--collapsed-group {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--spacing-xs, 8px);
}
.task-list-organism .task-actions__batch-bar {
  display: flex;
  gap: var(--spacing-xs, 8px);
  flex-wrap: wrap;
}
.task-list-organism .task-expanded-periods__loading {
  display: flex;
  align-items: center;
  gap: var(--spacing-xs, 8px);
  padding: var(--spacing-xs, 8px);
  font-size: var(--secondary-font, 12px);
  color: var(--secondary-text-color);
}
.task-list-organism .task-expanded-periods__period {
  display: flex;
  align-items: center;
  gap: var(--spacing-sm, 12px);
  padding: var(--spacing-xs, 8px) var(--spacing-sm, 12px);
  border-bottom: 1px solid var(--surface-200, #e5e7eb);
}
.task-list-organism .task-expanded-periods__period:last-child {
  border-bottom: none;
}
[data-theme=dark] .task-list-organism .task-expanded-periods__period {
  border-bottom-color: var(--surface-600, #4b5563);
}
.task-list-organism .task-expanded-periods__date {
  font-size: var(--secondary-font, 12px);
  color: var(--primary-text-color);
  min-width: 80px;
}
.task-list-organism .task-expanded-periods__batch-actions {
  display: flex;
  gap: var(--spacing-xs, 8px);
  padding: var(--spacing-sm, 12px) var(--spacing-sm, 12px) var(--spacing-xs, 8px);
  border-top: 1px solid var(--surface-200, #e5e7eb);
  flex-wrap: wrap;
}
[data-theme=dark] .task-list-organism .task-expanded-periods__batch-actions {
  border-top-color: var(--surface-600, #4b5563);
}
.task-list-organism .task-due-date {
  color: var(--primary-text-color) !important;
  font-size: var(--secondary-font, 12px);
}
.task-list-organism .task-no-assignee {
  color: var(--secondary-text-color);
  font-style: italic;
  opacity: 0.7;
  font-size: var(--secondary-font, 12px);
}
.task-list-organism .task-no-center {
  color: var(--secondary-text-color);
  font-style: italic;
  opacity: 0.7;
  font-size: var(--secondary-font, 12px);
}
.task-list-organism .task-urgency {
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-xxs, 4px);
  padding: 2px var(--spacing-xs, 8px);
  border-radius: var(--border-radius-pill, 20px);
  border: 1px solid transparent;
}
.task-list-organism .task-urgency__label {
  font-size: var(--secondary-font, 12px);
  font-weight: 600;
  text-transform: capitalize;
}
.task-list-organism .task-urgency--critical {
  background: rgba(220, 38, 38, 0.1);
  border-color: rgba(220, 38, 38, 0.2);
}
.task-list-organism .task-urgency--critical .task-urgency__label {
  color: var(--danger-color, #dc2626);
}
.task-list-organism .task-urgency--high {
  background: rgba(234, 88, 12, 0.1);
  border-color: rgba(234, 88, 12, 0.2);
}
.task-list-organism .task-urgency--high .task-urgency__label {
  color: #ea580c;
}
.task-list-organism .task-urgency--medium {
  background: rgba(202, 138, 4, 0.1);
  border-color: rgba(202, 138, 4, 0.2);
}
.task-list-organism .task-urgency--medium .task-urgency__label {
  color: #ca8a04;
}
.task-list-organism .task-urgency--low {
  background: rgba(71, 85, 105, 0.1);
  border-color: rgba(71, 85, 105, 0.2);
}
.task-list-organism .task-urgency--low .task-urgency__label {
  color: var(--surface-600, #475569);
}
.task-list-organism .task-urgency--veryLow {
  background: rgba(156, 163, 175, 0.1);
  border-color: rgba(156, 163, 175, 0.25);
}
.task-list-organism .task-urgency--veryLow .task-urgency__label {
  color: var(--surface-500, #6b7280);
}
[data-theme=dark] .task-list-organism .task-urgency.task-urgency--critical {
  background: rgba(239, 68, 68, 0.15);
  border-color: rgba(239, 68, 68, 0.3);
}
[data-theme=dark] .task-list-organism .task-urgency.task-urgency--critical .task-urgency__label {
  color: rgba(252, 129, 129, 0.9);
}
[data-theme=dark] .task-list-organism .task-urgency.task-urgency--high {
  background: rgba(251, 146, 60, 0.15);
  border-color: rgba(251, 146, 60, 0.3);
}
[data-theme=dark] .task-list-organism .task-urgency.task-urgency--high .task-urgency__label {
  color: rgba(253, 186, 116, 0.9);
}
[data-theme=dark] .task-list-organism .task-urgency.task-urgency--medium {
  background: rgba(250, 204, 21, 0.12);
  border-color: rgba(250, 204, 21, 0.25);
}
[data-theme=dark] .task-list-organism .task-urgency.task-urgency--medium .task-urgency__label {
  color: rgba(253, 224, 71, 0.9);
}
[data-theme=dark] .task-list-organism .task-urgency.task-urgency--low {
  background: rgba(100, 116, 139, 0.15);
  border-color: rgba(100, 116, 139, 0.3);
}
[data-theme=dark] .task-list-organism .task-urgency.task-urgency--low .task-urgency__label {
  color: rgba(148, 163, 184, 0.9);
}
[data-theme=dark] .task-list-organism .task-urgency.task-urgency--veryLow {
  background: rgba(107, 114, 128, 0.12);
  border-color: rgba(107, 114, 128, 0.25);
}
[data-theme=dark] .task-list-organism .task-urgency.task-urgency--veryLow .task-urgency__label {
  color: rgba(156, 163, 175, 0.8);
}
.task-list-organism .task-expanded-row {
  padding: var(--spacing-sm, 12px) var(--spacing-md, 16px);
  background: var(--surface-subtle, #fafbfc);
  border-left: 3px solid var(--primary-color, #3b82f6);
}
.task-list-organism .task-expanded-row__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--spacing-md, 16px);
  align-items: start;
}
@media (max-width: 800px) {
  .task-list-organism .task-expanded-row__grid {
    grid-template-columns: 1fr;
  }
}
.task-list-organism .task-expanded-row__loading {
  display: flex;
  align-items: center;
  gap: var(--spacing-xs, 8px);
  padding: var(--spacing-sm, 12px) 0;
  color: var(--secondary-text-color, #475569);
  font-style: italic;
}
[data-theme=dark] .task-list-organism .task-expanded-row {
  background: var(--surface-sunken, #1e293b);
}
.task-list-organism .task-history-cell {
  display: inline-flex;
  align-items: center;
}
.task-list-organism .task-history-cell--empty {
  display: inline-flex;
  align-items: center;
  color: var(--secondary-text-color);
  opacity: 0.6;
  font-size: var(--secondary-font, 12px);
  letter-spacing: 0.05em;
}
.task-list-organism__context-meta {
  display: flex;
  align-items: center;
  gap: var(--spacing-xs, 8px);
  padding: var(--spacing-xs, 8px) var(--spacing-sm, 12px);
  font-size: var(--secondary-font, 12px);
  color: var(--secondary-text-color);
  background: var(--surface-100, #f1f5f9);
  border-radius: var(--border-radius-sm, 4px);
  margin-bottom: var(--spacing-xs, 8px);
}
.task-list-organism__context-meta i {
  font-size: var(--font-size-sm, 0.875rem);
  color: var(--info-color, #2563eb);
}
[data-theme=dark] .task-list-organism__context-meta {
  background: var(--surface-700, #374151);
}
[data-theme=dark] .task-list-organism__context-meta i {
  color: var(--info-color, #60a5fa);
}
.task-list-organism__table tr:has(.task-list-group-header-molecule) {
  display: flex !important;
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
.task-list-organism__table tr:has(.task-list-group-header-molecule) td:first-child {
  flex: 1;
  padding: 0 !important;
}
.task-list-organism__table tr:has(.task-list-group-header-molecule) td:not(:first-child) {
  display: none !important;
}
[data-theme=dark] .task-list-organism__table tr:has(.task-list-group-header-molecule) {
  background: transparent !important;
}
.task-list-organism__table tr:hover .task-identity .task-identity__edit-btn {
  display: inline-flex;
}
.task-list-organism .task-mobile-card {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs, 8px);
  padding: var(--spacing-sm, 12px);
  background: var(--component-background, #fff);
  border-radius: var(--border-radius-md, 8px);
  box-shadow: var(--element-shadow, 0 1px 2px rgba(0, 0, 0, 0.1));
}
[data-theme=dark] .task-list-organism .task-mobile-card {
  background: var(--component-background);
  box-shadow: var(--element-shadow, 0 1px 2px rgba(0, 0, 0, 0.3));
}
.task-list-organism .task-mobile-card__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--spacing-xs, 8px);
}
.task-list-organism .task-mobile-card__body {
  display: flex;
  align-items: center;
  gap: var(--spacing-xs, 8px);
  flex-wrap: wrap;
}
.task-list-organism .task-mobile-card__due {
  font-size: var(--secondary-font, 12px);
  color: var(--secondary-text-color);
}
.task-list-organism .task-mobile-card__center {
  font-size: var(--secondary-font, 12px);
  color: var(--secondary-text-color);
}
.task-list-organism .task-mobile-card__actions {
  display: flex;
  gap: var(--spacing-xs, 8px);
  padding-top: var(--spacing-xxs, 4px);
  border-top: 1px solid var(--surface-200, #e5e7eb);
}
[data-theme=dark] .task-list-organism .task-mobile-card__actions {
  border-top-color: var(--surface-600, #4b5563);
}
.task-list-organism .task-mobile-card:has(.task-status-pill--overdue) {
  border-left: 3px solid var(--danger-color, #dc2626);
}
.task-list-organism .task-mobile-card:has(.task-status-pill--in_progress) {
  border-left: 3px solid var(--info-color, #1d4ed8);
}
.task-list-organism .task-mobile-card:has(.task-status-pill--complete, .task-status-pill--done) {
  border-left: 3px solid var(--success-color, #15803d);
}
.task-list-organism .task-mobile-card:has(.task-status-pill--ready) {
  border-left: 3px solid var(--primary-color, #2563eb);
}
.task-list-organism .task-mobile-card:has(.task-status-pill--upcoming, .task-status-pill--todo, .task-status-pill--pending) {
  border-left: 3px solid var(--surface-400, #94a3b8);
}
.task-list-organism .task-mobile-card__expanded-periods {
  border-top: 1px solid var(--surface-200, #e5e7eb);
  padding-top: var(--spacing-xs, 8px);
}
[data-theme=dark] .task-list-organism .task-mobile-card__expanded-periods {
  border-top-color: var(--surface-600, #4b5563);
}
.task-list-organism .task-mobile-card__expanded-periods .task-expanded-periods__loading {
  display: flex;
  align-items: center;
  gap: var(--spacing-xs, 8px);
  font-size: var(--secondary-font, 12px);
  color: var(--secondary-text-color);
}
.task-list-organism .task-mobile-card__expanded-periods .task-expanded-periods__period {
  display: flex;
  align-items: center;
  gap: var(--spacing-xs, 8px);
  padding: var(--spacing-xxs, 4px) 0;
  flex-wrap: wrap;
}
.task-list-organism .task-mobile-card__expanded-periods .task-expanded-periods__date {
  font-size: var(--secondary-font, 12px);
  color: var(--primary-text-color);
}
.task-list-sticky-summary {
  position: sticky;
  top: 8px;
  z-index: 20;
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-xs, 8px);
  align-items: center;
  padding: 8px 14px;
  border-radius: var(--border-radius, 8px);
  margin: 0 0 8px;
  background: var(--component-background);
  border-bottom: 1px solid var(--border-color, var(--surface-200));
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  animation: sticky-summary-slide-in 0.18s ease;
}
.task-list-sticky-summary__chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 3px 10px;
  border-radius: var(--border-radius-pill, 20px);
  border: 1px solid var(--border-color, var(--surface-200));
  background: var(--surface-raised, var(--surface-50));
  font-family: var(--font-family);
  white-space: nowrap;
}
.task-list-sticky-summary__chip--behind {
  border-color: var(--danger-500, #ef4444);
  background: rgba(239, 68, 68, 0.06);
}
.task-list-sticky-summary__label {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--secondary-text-color, #64748b);
}
.task-list-sticky-summary__value {
  font-size: 14px;
  font-weight: 700;
  color: var(--primary-text-color);
  font-variant-numeric: tabular-nums;
}
.task-list-sticky-summary__chip--behind .task-list-sticky-summary__value {
  color: var(--danger-600, #dc2626);
}
[data-theme=dark] .task-list-sticky-summary {
  background: var(--component-background, #1e1e2e);
  border-bottom-color: var(--surface-700, #374151);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}
[data-theme=dark] .task-list-sticky-summary__chip--behind {
  background: rgba(239, 68, 68, 0.12);
}
[data-theme=dark] .task-list-sticky-summary__chip--behind .task-list-sticky-summary__value {
  color: var(--danger-400, #f87171);
}
@keyframes sticky-summary-slide-in {
  from {
    opacity: 0;
    transform: translateY(-6px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.task-list-custom-settings {
  display: flex;
  flex-direction: column;
}
.task-list-custom-settings__row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--spacing-md, 16px);
  margin-bottom: var(--spacing-sm, 12px);
}
.task-list-custom-settings__row:last-child {
  margin-bottom: 0;
}
.task-list-custom-settings__row label {
  font-size: 0.875rem;
  color: var(--primary-text-color);
  flex-shrink: 0;
}
.task-list-custom-settings__dropdown {
  width: 150px;
}
/* Existing styles */
/* Grid item styles */
.react-grid-item {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
  border-radius: 4px;
  overflow: visible;
}
/* Resizable handle styles */
.react-resizable-handle {
  background-color: #3498db;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: var(--primary-border);
  box-sizing: border-box;
  background-size: cover;
  cursor: se-resize;
}
/* Optional hover effect */
.react-resizable-handle:hover {
  background-color: #2980b9;
}
/* Grid item overflow handling */
.grid-item {
  flex: 1;
  height: 100%;
  min-width: 0;
  scrollbar-width: none;
  -ms-overflow-style: none;
  display: flex;
  flex-direction: column;
  /* Override Atlas component's fixed height when inside grid */
}
.grid-item .atlas-component {
  height: 100% !important;
  max-height: 100% !important;
}
.grid-item {
  /* Hidden state - completely remove from layout */
}
.grid-item--hidden {
  display: none !important;
}
.grid-item ::-webkit-scrollbar {
  display: none;
}
/* Metaspace grid container styles */
.metaspace-grid-container {
  flex: 1;
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
  padding: 0 10px 10px 10px;
  /* Smooth transition for main content when toolbar opens/closes */
}
.metaspace-grid-container > div:last-child {
  transition: flex 0.45s cubic-bezier(0.4, 0, 0.2, 1);
}
.metaspace-grid-container .layout {
  flex: 1;
  overflow: visible;
  /* Smooth grid layout transitions */
  transition: width 0.45s cubic-bezier(0.4, 0, 0.2, 1);
}
/* Override placeholder styles to remove pinkish color */
.react-grid-item.react-grid-placeholder {
  background-color: transparent;
  border: none;
  pointer-events: none;
}
/* Dark mode scrollbar support */
[data-theme=dark] .grid-item::-webkit-scrollbar-track {
  background: var(--surface-700);
}
[data-theme=dark] .grid-item::-webkit-scrollbar-thumb {
  background: var(--surface-500);
}
[data-theme=dark] .grid-item::-webkit-scrollbar-thumb:hover {
  background: var(--primary-color);
}
.notification-bell-wrapper {
  position: relative;
  display: inline-block;
  width: auto;
  height: auto;
  margin-top: 0;
}
.notification-bell-wrapper .mobile-hide {
  display: block;
}
.notification-bell-wrapper .mobile-show {
  display: none;
}
@media (max-width: 500px) {
  .notification-bell-wrapper .mobile-hide {
    display: none !important;
  }
  .notification-bell-wrapper .mobile-show {
    display: block !important;
  }
}
.notification-bell {
  position: relative;
  cursor: pointer;
  border: none;
  background: none;
  transition: background-color 0.2s;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  line-height: 0; /* kill font baseline effects */
}
.notification-bell .pi {
  display: block;
  font-size: 16px; /* sized for 32x32 button */
  line-height: 1;
  color: #377FC4;
  pointer-events: none;
  position: relative;
  top: 0.5px; /* slight nudge to vertically center PrimeIcons bell */
}
.notification-bell:hover {
  background-color: rgba(0, 0, 0, 0.05);
}
.notification-bell:focus {
  outline: 2px solid #007bff;
  outline-offset: 2px;
  background-color: rgba(0, 0, 0, 0.05);
}
.notification-bell:focus:not(:focus-visible) {
  outline: none;
}
.notification-bell .notification-badge {
  position: absolute;
  top: 0;
  right: 0;
  min-width: 16px;
  height: 16px;
  font-size: 9px;
  padding: 0 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
  animation: badge-pulse 2s ease-in-out infinite;
}
@media (max-width: 500px) {
  .notification-bell .notification-badge {
    right: 6px;
  }
}
@keyframes badge-pulse {
  0%, 100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.15);
  }
}
.notification-bell {
  /* === Atlas-like round style (32x32 chip) === */
}
.notification-bell--atlas {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: #fff;
  border: 2px solid #fff;
  box-shadow: 0 2px 5px rgba(74, 100, 126, 0.3), 0 1px 1px rgba(3, 44, 88, 0.1);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.notification-bell--atlas:hover {
  background: #fff;
  box-shadow: 0 3px 7px rgba(74, 100, 126, 0.35), 0 1px 1px rgba(3, 44, 88, 0.12);
}
.notification-bell--atlas:focus {
  outline: 2px solid #007bff;
  outline-offset: 2px;
  background-color: #fff;
}
.notification-bell--atlas {
  /* Active/filled (route-driven) */
}
.notification-bell--atlas.is-active {
  background: linear-gradient(180deg, #377FC4 0%, #36B6F9 100%) !important;
  border-color: #fff;
}
.notification-bell--atlas.is-active .pi {
  color: #fff;
}
.notification-bell--atlas {
  /* Unread dot */
}
.notification-bell--atlas.has-unread::after {
  content: "";
  position: absolute;
  top: 4px;
  right: 4px;
  width: 8px;
  height: 8px;
  background: #EF4444;
  border: 2px solid #fff;
  border-radius: 50%;
  z-index: 1;
}
@media (max-width: 500px) {
  .notification-bell--atlas.has-unread::after {
    right: 10px;
  }
}
.notification-bell--atlas {
  /* Optional pressed-in style */
}
.notification-bell--atlas.has-inner {
  box-shadow: inset -1px -3px 2px rgba(116, 139, 157, 0.35), inset 1px 1px 2.5px rgba(31, 59, 96, 0.2), 0 2px 5px rgba(74, 100, 126, 0.3);
}
/* Dark mode: apply the same filter as the other icon buttons for visual consistency.
   The badge gets a counter-filter (inverse of the parent) to restore its red at full brightness. */
[data-theme=dark] .notification-bell--atlas:not(.is-active) {
  filter: brightness(0.6) saturate(1.2);
}
[data-theme=dark] .notification-bell--atlas:not(.is-active) .notification-badge {
  filter: brightness(1.667) saturate(0.833);
}
/* Notification dropdown stays same as before */
.notification-dropdown {
  width: 380px;
  max-height: 500px;
  background: white;
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  display: flex;
  flex-direction: column;
  animation: slideDown 0.2s ease-out;
}
@keyframes slideDown {
  from {
    opacity: 0;
    transform: translateY(-10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.notification-dropdown .notification-dropdown-header {
  padding: 16px;
  border-bottom: 1px solid #e0e0e0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.notification-dropdown .notification-dropdown-header h3 {
  margin: 0;
  font-size: 18px;
  font-weight: 600;
}
.notification-dropdown .notification-dropdown-header .mark-all-read-btn {
  background: none;
  border: none;
  color: #007bff;
  cursor: pointer;
  font-size: 14px;
  padding: 4px 8px;
  border-radius: 4px;
  transition: background-color 0.2s;
}
.notification-dropdown .notification-dropdown-header .mark-all-read-btn:hover {
  background-color: rgba(0, 123, 255, 0.1);
}
.notification-dropdown .notification-dropdown-header .mark-all-read-btn .spinner-icon {
  margin-right: var(--spacing-xxs, 4px);
}
.notification-dropdown .notification-filter-section {
  padding: 12px 16px;
  border-bottom: 1px solid #e0e0e0;
}
.notification-dropdown .notification-filter-section .filter-label {
  font-size: 12px;
  color: #666;
  margin-bottom: 8px;
  font-weight: 500;
}
.notification-dropdown .notification-filter-section .filter-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.notification-dropdown .notification-filter-section .filter-buttons .filter-button {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 6px 10px;
  border: 1px solid #e0e0e0;
  border-radius: 16px;
  background: #f8f9fa;
  color: #666;
  font-size: 12px;
  cursor: pointer;
  transition: all 0.2s;
  white-space: nowrap;
}
.notification-dropdown .notification-filter-section .filter-buttons .filter-button:hover {
  border-color: #007bff;
  background: #f0f8ff;
  color: #007bff;
}
.notification-dropdown .notification-filter-section .filter-buttons .filter-button:focus {
  outline: 2px solid #007bff;
  outline-offset: 2px;
  border-color: #007bff;
}
.notification-dropdown .notification-filter-section .filter-buttons .filter-button:focus:not(:focus-visible) {
  outline: none;
}
.notification-dropdown .notification-filter-section .filter-buttons .filter-button.active {
  border-color: #007bff;
  background: #007bff;
  color: white;
}
.notification-dropdown .notification-filter-section .filter-buttons .filter-button.active i {
  color: white;
}
.notification-dropdown .notification-filter-section .filter-buttons .filter-button.active:focus {
  outline-color: #0056b3;
}
.notification-dropdown .notification-filter-section .filter-buttons .filter-button i {
  font-size: 12px;
  width: 12px;
  color: inherit;
}
.notification-dropdown .notification-filter-section .filter-buttons .filter-button span {
  font-size: 12px;
  font-weight: 500;
}
.notification-dropdown .notification-dropdown-content {
  flex: 1;
  overflow-y: auto;
  max-height: 350px;
}
.notification-dropdown .notification-dropdown-content .notification-loading,
.notification-dropdown .notification-dropdown-content .notification-empty {
  padding: 40px;
  text-align: center;
  color: #666;
}
.notification-dropdown .notification-dropdown-content .notification-loading i,
.notification-dropdown .notification-dropdown-content .notification-empty i {
  font-size: 48px;
  color: #ccc;
  margin-bottom: 16px;
  display: block;
}
.notification-dropdown .notification-dropdown-content .notification-loading p,
.notification-dropdown .notification-dropdown-content .notification-empty p {
  margin: 0 0 16px 0;
  font-size: 14px;
}
.notification-dropdown .notification-dropdown-content .notification-loading .create-test-btn,
.notification-dropdown .notification-dropdown-content .notification-empty .create-test-btn {
  background: #007bff;
  color: white;
  border: none;
  border-radius: 6px;
  padding: 8px 16px;
  font-size: 12px;
  cursor: pointer;
  transition: background-color 0.2s;
}
.notification-dropdown .notification-dropdown-content .notification-loading .create-test-btn:hover,
.notification-dropdown .notification-dropdown-content .notification-empty .create-test-btn:hover {
  background: #0056b3;
}
.notification-dropdown .notification-dropdown-content .notification-list .notification-item {
  position: relative;
  padding: 12px 16px;
  border: none;
  border-bottom: 1px solid #EEF2FF;
  background: none;
  cursor: pointer;
  transition: background-color 0.2s;
  width: 100%;
  text-align: left;
}
.notification-dropdown .notification-dropdown-content .notification-list .notification-item:hover {
  background-color: #f8f9fa !important;
}
.notification-dropdown .notification-dropdown-content .notification-list .notification-item.unread {
  background-color: #EFF6FF;
  border-left: 3px solid #3B82F6;
  padding-left: 13px;
  border-bottom: var(--primary-border);
}
.notification-dropdown .notification-dropdown-content .notification-list .notification-item.unread .notification-unread-indicator {
  position: absolute;
  left: 4px;
  top: 50%;
  transform: translateY(-50%);
  width: 6px;
  height: 6px;
  background-color: #3B82F6;
  border-radius: 50%;
}
.notification-dropdown .notification-dropdown-content .notification-list .notification-item.read {
  opacity: 0.8;
}
.notification-dropdown .notification-dropdown-content .notification-list .notification-item .notification-item-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 4px;
}
.notification-dropdown .notification-dropdown-content .notification-list .notification-item .notification-item-header .notification-title-section {
  display: flex;
  align-items: center;
  gap: 8px;
  flex: 1;
  margin-right: 8px;
}
.notification-dropdown .notification-dropdown-content .notification-list .notification-item .notification-item-header .notification-title-section .notification-type-icon {
  font-size: 14px;
  color: var(--secondary-text-color);
  flex-shrink: 0;
}
.notification-dropdown .notification-dropdown-content .notification-list .notification-item .notification-item-header .notification-title-section .notification-title {
  font-weight: 500;
  font-size: 14px;
  color: #333;
  flex: 1;
}
.notification-dropdown .notification-dropdown-content .notification-list .notification-item .notification-item-header .notification-time {
  font-size: 12px;
  color: #999;
  white-space: nowrap;
}
.notification-dropdown .notification-dropdown-content .notification-list .notification-item .notification-content {
  font-size: 13px;
  color: #666;
  line-height: 1.4;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 6px;
}
.notification-dropdown .notification-dropdown-content .notification-list .notification-item .notification-meta {
  display: flex;
  justify-content: flex-end;
}
.notification-dropdown .notification-dropdown-content .notification-list .notification-item .notification-meta .notification-type-label {
  font-size: 11px;
  color: #888;
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: 0.5px;
}
.notification-dropdown .notification-dropdown-footer {
  padding: 12px 16px;
  border-top: 2px solid #e8f0fe;
  text-align: center;
}
.notification-dropdown .notification-dropdown-footer .view-all-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: none;
  border: none;
  color: #2563EB;
  text-decoration: none;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  padding: 6px 12px;
  border-radius: 6px;
  transition: background-color 0.2s, color 0.2s;
}
.notification-dropdown .notification-dropdown-footer .view-all-link .view-all-icon {
  font-size: 11px;
  transition: transform 0.2s ease;
}
.notification-dropdown .notification-dropdown-footer .view-all-link:hover {
  background-color: rgba(37, 99, 235, 0.08);
  color: #1D4ED8;
  text-decoration: none;
}
.notification-dropdown .notification-dropdown-footer .view-all-link:hover .view-all-icon {
  transform: translateX(3px);
}
/* Dark theme */
[data-theme=dark] .notification-bell-wrapper .notification-bell:hover {
  background-color: rgba(255, 255, 255, 0.1);
}
[data-theme=dark] .notification-bell-wrapper .notification-bell:focus {
  outline-color: #4a90e2;
  background-color: rgba(255, 255, 255, 0.1);
}
[data-theme=dark] .notification-bell-wrapper .notification-bell--atlas {
  background: #fff;
  border-color: #fff;
}
[data-theme=dark] .notification-bell-wrapper .notification-dropdown {
  background: #2C2C3E;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.5);
}
[data-theme=dark] .notification-bell-wrapper .notification-dropdown .notification-dropdown-header {
  border-bottom-color: #3a3a4e;
}
[data-theme=dark] .notification-bell-wrapper .notification-dropdown .notification-dropdown-header h3 {
  color: var(--primary-text-color);
}
[data-theme=dark] .notification-bell-wrapper .notification-dropdown .notification-dropdown-header .mark-all-read-btn {
  color: #4a90e2;
}
[data-theme=dark] .notification-bell-wrapper .notification-dropdown .notification-dropdown-header .mark-all-read-btn:hover {
  background-color: rgba(74, 144, 226, 0.2);
}
[data-theme=dark] .notification-bell-wrapper .notification-dropdown .notification-filter-section {
  border-bottom-color: #3a3a4e;
}
[data-theme=dark] .notification-bell-wrapper .notification-dropdown .notification-filter-section .filter-label {
  color: var(--secondary-text-color);
}
[data-theme=dark] .notification-bell-wrapper .notification-dropdown .notification-filter-section .filter-buttons .filter-button {
  border-color: rgba(96, 165, 250, 0.35);
  background: rgba(59, 130, 246, 0.12);
  color: #93C5FD;
}
[data-theme=dark] .notification-bell-wrapper .notification-dropdown .notification-filter-section .filter-buttons .filter-button:hover {
  border-color: #60A5FA;
  background: rgba(59, 130, 246, 0.22);
  color: #BFDBFE;
}
[data-theme=dark] .notification-bell-wrapper .notification-dropdown .notification-filter-section .filter-buttons .filter-button:focus {
  outline-color: #60A5FA;
  border-color: #60A5FA;
}
[data-theme=dark] .notification-bell-wrapper .notification-dropdown .notification-filter-section .filter-buttons .filter-button.active {
  border-color: #3B82F6;
  background: #3B82F6;
  color: #fff;
}
[data-theme=dark] .notification-bell-wrapper .notification-dropdown .notification-filter-section .filter-buttons .filter-button.active i {
  color: #fff;
}
[data-theme=dark] .notification-bell-wrapper .notification-dropdown .notification-filter-section .filter-buttons .filter-button.active:focus {
  outline-color: #2563EB;
}
[data-theme=dark] .notification-bell-wrapper .notification-dropdown .notification-dropdown-content .notification-empty,
[data-theme=dark] .notification-bell-wrapper .notification-dropdown .notification-dropdown-content .notification-loading {
  color: var(--secondary-text-color);
}
[data-theme=dark] .notification-bell-wrapper .notification-dropdown .notification-dropdown-content .notification-empty i,
[data-theme=dark] .notification-bell-wrapper .notification-dropdown .notification-dropdown-content .notification-loading i {
  color: #555;
}
[data-theme=dark] .notification-bell-wrapper .notification-dropdown .notification-dropdown-content .notification-empty .create-test-btn,
[data-theme=dark] .notification-bell-wrapper .notification-dropdown .notification-dropdown-content .notification-loading .create-test-btn {
  background: #4a90e2;
}
[data-theme=dark] .notification-bell-wrapper .notification-dropdown .notification-dropdown-content .notification-empty .create-test-btn:hover,
[data-theme=dark] .notification-bell-wrapper .notification-dropdown .notification-dropdown-content .notification-loading .create-test-btn:hover {
  background: #357abd;
}
[data-theme=dark] .notification-bell-wrapper .notification-dropdown .notification-dropdown-content .notification-list .notification-item {
  border: none;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  background: none;
}
[data-theme=dark] .notification-bell-wrapper .notification-dropdown .notification-dropdown-content .notification-list .notification-item:hover {
  background-color: rgba(255, 255, 255, 0.05) !important;
}
[data-theme=dark] .notification-bell-wrapper .notification-dropdown .notification-dropdown-content .notification-list .notification-item.unread {
  background-color: rgba(59, 130, 246, 0.1);
  border-left: 3px solid #3B82F6;
  padding-left: 13px;
}
[data-theme=dark] .notification-bell-wrapper .notification-dropdown .notification-dropdown-content .notification-list .notification-item.unread .notification-unread-indicator {
  background-color: #60A5FA;
}
[data-theme=dark] .notification-bell-wrapper .notification-dropdown .notification-dropdown-content .notification-list .notification-item .notification-title-section .notification-title {
  color: var(--primary-text-color);
}
[data-theme=dark] .notification-bell-wrapper .notification-dropdown .notification-dropdown-content .notification-list .notification-item .notification-content {
  color: var(--secondary-text-color);
}
[data-theme=dark] .notification-bell-wrapper .notification-dropdown .notification-dropdown-content .notification-list .notification-item .notification-meta .notification-type-label {
  color: var(--secondary-text-color);
}
[data-theme=dark] .notification-bell-wrapper .notification-dropdown .notification-dropdown-content .notification-list .notification-item .notification-time {
  color: var(--secondary-text-color);
}
[data-theme=dark] .notification-bell-wrapper .notification-dropdown .notification-dropdown-footer {
  border-top-color: rgba(255, 255, 255, 0.1);
}
[data-theme=dark] .notification-bell-wrapper .notification-dropdown .notification-dropdown-footer .view-all-link {
  color: #60A5FA;
  font-weight: 600;
}
[data-theme=dark] .notification-bell-wrapper .notification-dropdown .notification-dropdown-footer .view-all-link:hover {
  background-color: rgba(59, 130, 246, 0.15);
  color: #93C5FD;
  text-decoration: none;
}
.globalmetaspace-container {
  flex-shrink: 0;
  flex-grow: 0;
  position: relative;
  z-index: 10;
}
.globalmetaspace-container .p-button {
  background: none;
  border: none;
  gap: 5px;
  flex-shrink: 0; /* Prevent the button from shrinking */
}
@media (max-width: 500px) {
  .globalmetaspace-container .p-button {
    display: none;
  }
}
.globalmetaspace-container .p-button:focus {
  box-shadow: none;
}
.globalmetaspace-container .global-waitlist-button {
  height: 32px;
  width: 32px;
  margin-bottom: 7px;
  background: #ffffff;
}
.globalmetaspace-container .global-waitlist-button .pi-list {
  font-size: 1rem;
  color: #377FC4;
  transition: color 0.2s ease;
  margin-left: 5px;
}
.globalmetaspace-container .global-waitlist-button {
  transition: transform 0.2s ease, filter 0.2s ease;
}
.globalmetaspace-container .global-waitlist-button:hover {
  transform: scale(1.12);
  filter: drop-shadow(0 0 6px rgba(55, 127, 196, 0.5));
}
.globalmetaspace-container .global-task-list-button {
  height: 32px;
  width: 32px;
  margin-bottom: 7px;
  background: #ffffff;
}
.globalmetaspace-container .global-task-list-button .pi-check-square {
  font-size: 1rem;
  color: #377FC4;
  transition: color 0.2s ease;
  margin-left: 5px;
}
.globalmetaspace-container .global-task-list-button--active {
  background: linear-gradient(180deg, #377FC4 0%, #36B6F9 100%) !important;
  border-color: #fff;
}
.globalmetaspace-container .global-task-list-button--active .pi-check-square {
  color: #fff;
}
.globalmetaspace-container .global-task-list-button {
  transition: transform 0.2s ease, filter 0.2s ease;
}
.globalmetaspace-container .global-task-list-button:hover {
  transform: scale(1.12);
  filter: drop-shadow(0 0 6px rgba(55, 127, 196, 0.5));
}
.globalmetaspace-container .notification-bell-wrapper {
  margin-top: -8px; /* Move bell icon up */
}
.globalmetaspace-container .desktop-notification-bell {
  transition: transform 0.2s ease, filter 0.2s ease;
}
.globalmetaspace-container .desktop-notification-bell:hover .p-badge,
.globalmetaspace-container .desktop-notification-bell:hover .p-overlay-badge > .p-badge {
  animation: badge-bounce 0.4s ease;
}
@media (max-width: 500px) {
  .globalmetaspace-container .desktop-notification-bell {
    display: none;
  }
}
.globalmetaspace-container .global-armillary-button {
  transition: transform 0.2s ease, filter 0.2s ease;
}
.globalmetaspace-container .global-armillary-button:hover {
  transform: scale(1.12);
  filter: drop-shadow(0 0 6px rgba(55, 127, 196, 0.5));
}
.globalmetaspace-container .global-atlas-button {
  transition: transform 0.2s ease, filter 0.2s ease;
}
.globalmetaspace-container .global-atlas-button:hover {
  transform: scale(1.12);
  filter: drop-shadow(0 0 6px rgba(55, 127, 196, 0.5));
}
@keyframes badge-bounce {
  0%, 100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.3);
  }
}
[data-theme=dark] .globalmetaspace-container .global-armillary-button .Armillary-icon,
[data-theme=dark] .globalmetaspace-container .global-atlas-button .Atlas-icon,
[data-theme=dark] .globalmetaspace-container .global-task-list-button:not(.global-task-list-button--active),
[data-theme=dark] .globalmetaspace-container .global-waitlist-button {
  filter: brightness(0.6) saturate(1.2);
}
.globalmetaspace-container .global-search-icon-button {
  margin-top: -8px; /* Align with notification bell */
}
@media (max-width: 500px) {
  .globalmetaspace-container .global-search-icon-button {
    display: none;
  }
}
.globalmetaspace-container h2,
.globalmetaspace-container h5 {
  color: #003864;
  font-family: var(--font-family);
  padding-left: 1rem;
}
.lag-label {
  font-size: var(--primary-font);
  font-weight: 400;
  color: #377FC4;
  width: 8.5rem;
  padding-top: 10px;
  text-align: right;
}
.template-selector {
  display: inline-flex;
  align-items: center;
}
.template-selector--locked .template-selector__button {
  opacity: 0.8;
}
.template-selector__menu {
  min-width: 220px;
}
.template-selector__menu .p-menuitem-link {
  padding: 0.75rem 1rem;
  gap: 0.5rem;
}
.template-selector__menu .p-menuitem-icon {
  color: var(--text-color-secondary, #6c757d);
  font-size: 0.875rem;
}
.template-selector__menu .template-selector__menu-item--active .p-menuitem-link {
  background-color: var(--hover-background);
  font-weight: 600;
}
.sphere-details-container {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 0px 15px 20px 20px;
}

.title-editable {
  border: 3px solid #fff;
  background: var(--input-background, #fff);
  box-shadow: 2px 0px 4px 0px rgba(0, 0, 0, 0.1), 1px 2px 5px -1px rgba(74, 100, 126, 0.3);
  border-radius: 20px;
  margin-bottom: 20px;
  width: 17rem;
}

.title-editable .pi-pencil {
  color: #4a647e;
  width: 10.76px;
  height: 12.509px;
  margin-right: 5px;
  cursor: pointer;
}

.title-editable .pi-pencil:hover {
  color: #26a3e3;
}

.description-section {
  border: var(--primary-border);
  border-radius: 20px;
  box-shadow: 2px 0px 4px 0px rgba(0, 0, 0, 0.1), 1px 2px 5px -1px rgba(74, 100, 126, 0.3);
  height: 147px;
  position: relative;
  width: 16.7rem;
  display: inline-block;
}

.description-section textarea {
  border-radius: 20px;
  height: 144px;
  resize: none;
  color: var(--primary-text-color);
  font-size: var(--primary-font);
  width: 16.7rem;
}

.description-section .pi-pencil {
  color: #4a647e;
  width: 10.76px;
  height: 12.509px;
  margin-right: 5px;
  position: absolute;
  right: 10px;
  top: 10px;
  cursor: pointer;
}

.description-section .pi-pencil:hover {
  color: #26a3e3;
}

.parent-info {
  margin: 20px 0px;
}

.parent-info .username {
  color: #26a3e3;
  /* Link color */
  text-decoration: none;
  font-size: var(--primary-font);
  font-weight: 600;
  width: 15rem;
  display: inline-flex;
  white-space: normal;
  word-wrap: break-word;
  overflow-wrap: anywhere;
}

.parent-info span {
  color: var(--primary-text-color);
  font-size: var(--primary-font);
  font-weight: 500;
}

.parent-info p {
  margin: 0px 0px 5px 0px;
}

strong {
  font-weight: 700;
  color: var(--primary-text-color);
  font-size: var(--primary-font);
}

.metadata p {
  font-size: 11px;
  color: var(--primary-text-color);
}

.metadata label {
  color: #26a3e3;
  font-weight: 600;
}

.action-buttons {
  border-radius: 20px;
  border: var(--primary-border);
  background: var(--text-true-white, #fff);
  box-shadow: 1px 1px 5px 0px rgba(31, 59, 96, 0.2) inset, -1px -3px 4px 0px rgba(116, 139, 157, 0.35) inset;
  position: relative;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 5px 5px;
  height: 38px;
}

.action-buttons label {
  font-size: var(--secondary-font);
  font-style: normal;
  font-weight: 500;
  color: var(--primary-text-color);
}

.action-buttons i {
  width: 18.272px;
  height: 14.557px;
}

.spheredetails-search {
  border-radius: 0px;
  color: var(--primary-text-color);
  width: 16.7rem;
  font-size: var(--primary-font);
}

.columns-container {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}

.left-column {
  flex: 1;
  display: flex;
  flex-direction: column;
}

.right-column {
  flex: 1;
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: flex-end;
}

.right-column .left {
  display: flex;
  flex-direction: column;
}

.details-container {
  display: flex;
  background: var(--panel-accordion, linear-gradient(3deg, #e9f2f9 18.75%, #f2f9fe 53.14%, #f5fbff 101.54%, #f9fdff 101.55%));
  box-shadow: 1px 1px 5px 0px rgba(30, 84, 156, 0.1) inset, -3px -1px 10px 0px rgba(160, 183, 202, 0.1) inset;
}

.p-dropdown-label .urgent-status-icon {
  margin-right: 4px !important;
}

.urgency-dropdown .p-dropdown-label .dropdown-selected-item i {
  vertical-align: middle;
}
.mobile-toolbar-backdrop {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 998;
  animation: backdropFadeIn 0.3s ease;
}
@keyframes backdropFadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.mobile-toolbar-container {
  position: fixed;
  bottom: 56px;
  left: 0;
  right: 0;
  z-index: 999;
  pointer-events: none;
}
.mobile-toolbar-container.expanded {
  pointer-events: auto;
}
.mobile-toolbar-container.expanded .mobile-toolbar-drawer {
  transform: translateY(0);
  opacity: 1;
  pointer-events: auto;
}
.mobile-toolbar-drawer {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: var(--surface-card, #ffffff);
  border-radius: 24px 24px 0 0;
  box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.15);
  max-height: 85vh;
  min-height: 300px;
  height: auto;
  display: flex;
  flex-direction: column;
  transform: translateY(100%);
  opacity: 0;
  pointer-events: none;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
[data-theme=dark] .mobile-toolbar-drawer {
  background: #1e1e2f;
  box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.5);
}
.mobile-toolbar-drawer .drawer-header {
  flex-shrink: 0;
  padding: 12px 16px 0;
  border-bottom: 1px solid var(--border-color, #e0e0e0);
}
[data-theme=dark] .mobile-toolbar-drawer .drawer-header {
  border-bottom-color: rgba(255, 255, 255, 0.1);
}
.mobile-toolbar-drawer .drawer-header .drawer-handle {
  width: 40px;
  height: 4px;
  background: var(--secondary-text-color, #ccc);
  border-radius: 2px;
  margin: 0 auto 16px;
  cursor: grab;
}
.mobile-toolbar-drawer .drawer-header .drawer-handle:active {
  cursor: grabbing;
}
[data-theme=dark] .mobile-toolbar-drawer .drawer-header .drawer-handle {
  background: rgba(255, 255, 255, 0.3);
}
.mobile-toolbar-drawer .drawer-header .drawer-tabs {
  display: flex;
  gap: 8px;
  overflow-x: auto;
  padding-bottom: 12px;
  -webkit-overflow-scrolling: touch;
}
.mobile-toolbar-drawer .drawer-header .drawer-tabs::-webkit-scrollbar {
  display: none;
}
.mobile-toolbar-drawer .drawer-header .drawer-tabs {
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.mobile-toolbar-drawer .drawer-header .drawer-tabs .drawer-tab {
  flex-shrink: 0;
  background: none;
  border: none;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  padding: 8px 16px;
  cursor: pointer;
  border-radius: 12px;
  transition: all 0.2s ease;
  color: var(--secondary-text-color, #999);
  border-bottom: 2px solid transparent;
}
.mobile-toolbar-drawer .drawer-header .drawer-tabs .drawer-tab:active {
  transform: scale(0.95);
}
.mobile-toolbar-drawer .drawer-header .drawer-tabs .drawer-tab.active {
  color: var(--primary-color, #377fc4);
  background: var(--primary-color-light, rgba(55, 127, 196, 0.1));
  border-bottom-color: var(--primary-color, #377fc4);
}
[data-theme=dark] .mobile-toolbar-drawer .drawer-header .drawer-tabs .drawer-tab.active {
  color: #7AB8F5;
  background: rgba(95, 160, 223, 0.25);
  border-bottom-color: #7AB8F5;
}
.mobile-toolbar-drawer .drawer-header .drawer-tabs .drawer-tab.active .tab-icon-wrapper i {
  color: var(--primary-color, #377fc4);
}
[data-theme=dark] .mobile-toolbar-drawer .drawer-header .drawer-tabs .drawer-tab.active .tab-icon-wrapper i {
  color: #7AB8F5;
}
.mobile-toolbar-drawer .drawer-header .drawer-tabs .drawer-tab .tab-icon-wrapper {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.mobile-toolbar-drawer .drawer-header .drawer-tabs .drawer-tab .tab-icon-wrapper i {
  font-size: 20px;
  transition: color 0.2s;
}
.mobile-toolbar-drawer .drawer-header .drawer-tabs .drawer-tab .tab-icon-wrapper .tab-badge {
  position: absolute;
  top: -6px;
  right: -8px;
  background: #e74c3c;
  color: var(--primary-text-color);
  border-radius: 50%;
  min-width: 18px;
  height: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 10px;
  font-weight: 600;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}
.mobile-toolbar-drawer .drawer-header .drawer-tabs .drawer-tab .tab-label {
  font-size: 12px;
  font-weight: 500;
  white-space: nowrap;
}
[data-theme=dark] .mobile-toolbar-drawer .drawer-header .drawer-tabs .drawer-tab {
  color: rgba(255, 255, 255, 0.6);
}
.mobile-toolbar-drawer .drawer-content {
  flex: 1;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.mobile-toolbar-drawer .drawer-content .drawer-content-panel {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.mobile-toolbar-drawer .drawer-content .drawer-content-placeholder {
  padding: 32px 16px;
  text-align: center;
  color: var(--secondary-text-color, #999);
  font-size: 14px;
}
.mobile-toolbar-drawer .drawer-content::-webkit-scrollbar {
  width: 6px;
}
.mobile-toolbar-drawer .drawer-content::-webkit-scrollbar-track {
  background: transparent;
}
.mobile-toolbar-drawer .drawer-content::-webkit-scrollbar-thumb {
  background: var(--secondary-text-color, #ccc);
  border-radius: 3px;
}
.mobile-toolbar-drawer .drawer-content::-webkit-scrollbar-thumb:hover {
  background: var(--primary-text-color, #999);
}
.metaspace-chat-panel {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.metaspace-chat-panel .sphere-chat-panel {
  height: 100%;
  max-height: none;
}
@media (max-width: 360px) {
  .mobile-toolbar-drawer .drawer-header {
    padding: 8px 12px 0;
  }
  .mobile-toolbar-drawer .drawer-header .drawer-tabs {
    gap: 4px;
  }
  .mobile-toolbar-drawer .drawer-header .drawer-tabs .drawer-tab {
    padding: 6px 12px;
  }
  .mobile-toolbar-drawer .drawer-header .drawer-tabs .drawer-tab .tab-icon-wrapper i {
    font-size: 18px;
  }
  .mobile-toolbar-drawer .drawer-header .drawer-tabs .drawer-tab .tab-label {
    font-size: 11px;
  }
  .mobile-toolbar-toggle {
    width: 48px;
    height: 48px;
  }
  .mobile-toolbar-toggle i {
    font-size: 20px;
  }
  .mobile-toolbar-toggle .toggle-badge {
    min-width: 20px;
    height: 20px;
    font-size: 11px;
  }
}
@media (min-width: 768px) {
  .mobile-toolbar-container {
    display: none;
  }
}
.drawer-slide-enter {
  transform: translateY(100%);
  opacity: 0;
}
.drawer-slide-enter-active {
  transform: translateY(0);
  opacity: 1;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.drawer-slide-exit {
  transform: translateY(0);
  opacity: 1;
}
.drawer-slide-exit-active {
  transform: translateY(100%);
  opacity: 0;
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}
.drawer-atom {
  background: var(--surface-card);
  box-shadow: -2px 0 8px rgba(0, 0, 0, 0.12); /* override - directional drawer shadow */
}
.drawer-atom .p-sidebar-header {
  padding: var(--spacing-md, 16px);
  border-bottom: 1px solid var(--surface-border);
}
.drawer-atom .p-sidebar-content {
  padding: var(--spacing-md, 16px);
}
.drawer-atom.p-sidebar-left {
  box-shadow: 2px 0 8px rgba(0, 0, 0, 0.12); /* override - directional drawer shadow */
}
.drawer-atom.p-sidebar-top {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12); /* override - directional drawer shadow */
}
.drawer-atom.p-sidebar-bottom {
  box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.12); /* override - directional drawer shadow */
}
[data-theme=dark] .drawer-atom {
  box-shadow: -2px 0 8px rgba(0, 0, 0, 0.3); /* override - directional drawer shadow */
}
[data-theme=dark] .drawer-atom.p-sidebar-left {
  box-shadow: 2px 0 8px rgba(0, 0, 0, 0.3); /* override - directional drawer shadow */
}
[data-theme=dark] .drawer-atom.p-sidebar-top {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3); /* override - directional drawer shadow */
}
[data-theme=dark] .drawer-atom.p-sidebar-bottom {
  box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.3); /* override - directional drawer shadow */
}
.sphere-inline-editor {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
}
.sphere-inline-editor__actions {
  display: flex;
  justify-content: flex-end;
  gap: var(--spacing-sm);
  padding-top: var(--spacing-sm);
}
.template-preview-slide-in {
  background: #f7f9fc;
  border-radius: 20px;
  box-shadow: 0 6px 24px rgba(60, 80, 140, 0.09);
  margin-bottom: 18px;
  position: relative;
  animation: slideInTop 0.4s cubic-bezier(0.23, 1.01, 0.33, 1) both;
  border: 1.5px solid #e4eaf3;
}
[data-theme=dark] .template-preview-slide-in {
  background: #1e1e2f;
  border-color: rgba(255, 255, 255, 0.1);
  box-shadow: 0 6px 24px rgba(0, 0, 0, 0.4);
}
.template-preview-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid rgba(116, 139, 157, 0.3);
  background: var(--bkg-outpanel, linear-gradient(180deg, #e2f2fe 0%, #e6eef3 51.19%, #f0f6fb 100%));
}
[data-theme=dark] .template-preview-header {
  background: #2c2c3e;
  border-bottom-color: rgba(255, 255, 255, 0.08);
}
.template-preview-header {
  border-radius: 20px 20px 0px 0px;
  padding-left: 10px;
}
.template-preview-header i {
  height: 35px;
  width: 35px;
  margin-right: 0.75rem;
}
.template-preview-header h3 {
  color: var(--primary-text-color);
}
.template-preview-body h4 {
  color: var(--primary-text-color);
  font-size: var(--sub-heading-font);
}
.template-preview-body {
  font-size: 1.04em;
  padding: 0px 20px 20px 20px;
}
[data-theme=dark] .template-preview-body {
  background: #121212;
}
.template-preview-body .sub-header {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: var(--primary-text-color);
  font-size: var(--sub-heading-font);
}
.template-preview-body .sub-header i {
  width: 25px;
  height: 25px;
}
.template-preview-body .sub-header h5 {
  margin: 10px 0px;
  font-size: var(--primary-font);
}
.template-preview-body p {
  font-size: var(--primary-font);
  margin-top: 5px;
  color: var(--primary-text-color);
}
.template-preview-body .template-preview-no-desc {
  color: var(--secondary-text-color);
  font-style: italic;
}
.template-preview-body .use-case-content {
  margin: 8px 0;
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
.template-preview-body .use-case-content .use-case-label {
  font-size: var(--primary-font);
  color: var(--primary-text-color);
}
.template-preview-body .use-case-content .p-tag {
  border-radius: 20px;
  border: var(--primary-border);
  box-shadow: 2px 2px 10px 0px rgba(74, 100, 126, 0.2) inset;
  background: var(--user-bg, linear-gradient(359deg, #f5fbff -34.86%, #f2f9fe -34.84%, #eff5fa 99.41%, #fafdff 125.39%));
}
.template-preview-body .use-case-content .p-tag-value {
  color: #377fc4;
  font-size: var(--secondary-font);
}
.template-preview-body .flow {
  margin: 8px 0;
  font-size: var(--primary-font);
  color: var(--primary-text-color);
}
.template-preview-body .flow span {
  display: block;
  margin-bottom: 2px;
}
.template-preview-body .flow p {
  margin: 0;
  color: var(--secondary-text-color);
  font-style: italic;
}
.template-preview-body .flex {
  align-items: stretch;
}
.template-preview-body .perspectives-section {
  font-size: var(--primary-font);
  border-radius: 20px;
  border: var(--primary-border);
  box-shadow: 0px 1px 1px 0px rgba(6, 44, 88, 0.1), 1px 2px 5px -1px rgba(74, 100, 126, 0.3);
  background: linear-gradient(354deg, #eaf2fc -118.97%, #f4faff 90.47%);
}
[data-theme=dark] .template-preview-body .perspectives-section {
  background: #2a2a3d;
}
.template-preview-body .perspectives-section {
  width: 50%;
}
.template-preview-body .perspectives-section h4 {
  font-size: var(--sub-heading-font);
  box-shadow: 1px 2px 3px -1px rgba(74, 100, 126, 0.15);
  padding: 10px;
}
.template-preview-body .perspectives-section .perspective-item {
  padding: 0px 10px;
  color: var(--primary-text-color);
}
.template-preview-body .perspectives-section .perspective-desc {
  color: var(--secondary-text-color);
  font-size: var(--secondary-font);
  margin-left: 2px;
}
.template-preview-body .schema-properties-list {
  margin-right: 1.5rem !important;
  font-size: var(--primary-font);
  border-radius: 20px;
  border: var(--primary-border);
  box-shadow: 0px 1px 1px 0px rgba(6, 44, 88, 0.1), 1px 2px 5px -1px rgba(74, 100, 126, 0.3);
  background: linear-gradient(354deg, #eaf2fc -118.97%, #f4faff 90.47%);
}
[data-theme=dark] .template-preview-body .schema-properties-list {
  background: #2a2a3d;
}
.template-preview-body .schema-properties-list {
  width: 50%;
}
.template-preview-body .schema-properties-list h4 {
  font-size: var(--sub-heading-font);
  box-shadow: 1px 2px 3px -1px rgba(74, 100, 126, 0.15);
  padding: 10px;
}
.template-preview-body .schema-properties-list .schema-property-row {
  padding: 0px 10px;
  color: var(--primary-text-color);
  font-size: var(--primary-font);
}
.template-preview-footer {
  display: flex;
  gap: 8px;
  justify-content: flex-end;
  align-items: center;
  padding: 10px 16px;
  position: sticky;
  bottom: -15px;
  border-top: 1px solid rgba(116, 139, 157, 0.2);
  background: var(--bkg-outpanel, linear-gradient(180deg, #e2f2fe 0%, #e6eef3 51.19%, #f0f6fb 100%));
  border-radius: 0px 0px 20px 20px;
}
[data-theme=dark] .template-preview-footer {
  background: #2c2c3e;
  border-top-color: rgba(255, 255, 255, 0.08);
}
.template-preview-footer .Close-button {
  background: transparent;
  color: var(--primary-text-color);
  border: 1px solid var(--primary-border-color, #d1d5db);
}
[data-theme=dark] .template-preview-footer .Close-button {
  border-color: rgba(255, 255, 255, 0.2);
  color: var(--primary-text-color);
}
.template-preview-footer .Close-button:hover {
  background: rgba(0, 0, 0, 0.05);
}
[data-theme=dark] .template-preview-footer .Close-button:hover {
  background: rgba(255, 255, 255, 0.08);
}
.timeframe-selector-panel .virtual-period-node .p-treenode-label {
  font-style: italic;
  color: var(--secondary-text-color);
}
.access-denied-molecule {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: var(--spacing-xl, 32px) var(--spacing-lg, 24px);
  gap: var(--spacing-md, 16px);
  min-height: 60vh;
  background: var(--component-background);
  color: var(--primary-text-color);
  font-family: Manrope, sans-serif;
}
.access-denied-molecule__icon {
  font-size: 64px;
  color: var(--secondary-text-color);
  margin-bottom: var(--spacing-xs, 8px);
}
.access-denied-molecule__title {
  margin: 0;
  font-size: 24px;
  font-weight: 600;
  color: var(--primary-text-color);
}
.access-denied-molecule__message {
  margin: 0;
  font-size: 14px;
  max-width: 480px;
  line-height: 1.5;
  color: var(--secondary-text-color);
}
.access-denied-molecule__actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-sm, 12px);
  margin-top: var(--spacing-sm, 12px);
  justify-content: center;
}
[data-theme=dark] .access-denied-molecule {
  background: var(--component-background-dark, var(--component-background));
  color: var(--primary-text-color);
}
[data-theme=dark] .access-denied-molecule .access-denied-molecule__icon {
  color: var(--secondary-text-color);
}
.waitlist-manager {
  min-height: 100%;
  display: flex;
  flex-direction: column;
}
.waitlist-manager__loading {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 400px;
  gap: var(--spacing-md);
  background: var(--card-background);
  border: var(--primary-border);
  border-radius: var(--border-radius-xl);
  box-shadow: var(--card-shadow);
}
.waitlist-manager__loading p {
  color: var(--secondary-text-color);
  font-size: var(--text-normal);
}
.waitlist-manager__card {
  display: flex;
  flex-direction: column;
  background: var(--card-background);
  border: var(--primary-border);
  border-radius: var(--border-radius-xl);
  box-shadow: var(--card-shadow);
  overflow: hidden;
}
.waitlist-manager__card-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--spacing-md);
  padding: var(--spacing-lg) var(--spacing-xl);
  border-bottom: var(--primary-border);
}
.waitlist-manager__card-header-actions {
  display: flex;
  align-items: center;
  gap: var(--spacing-sm);
}
.waitlist-manager__title {
  color: var(--primary-text-color);
  font-size: var(--text-2xl);
  font-weight: 600;
  margin: 0;
}
.waitlist-manager__filters {
  display: flex;
  gap: var(--spacing-md);
  align-items: flex-end;
  flex-wrap: wrap;
  padding: var(--spacing-md) var(--spacing-xl);
  border-bottom: var(--primary-border);
}
.waitlist-manager__filter-field {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs);
  min-width: 220px;
}
.waitlist-manager__filter-field--grow {
  flex: 1;
  min-width: 320px;
}
.waitlist-manager__filter-field label {
  color: var(--secondary-text-color);
  font-size: var(--text-xs);
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.waitlist-manager__filter-field .dropdown-atom,
.waitlist-manager__filter-field .search-bar {
  width: 100%;
}
.waitlist-manager__email {
  font-weight: 500;
  color: var(--primary-text-color);
}
.waitlist-manager__org-detected {
  color: var(--success-color);
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-xs);
  font-weight: 500;
}
.waitlist-manager__org-not-found {
  color: var(--warning-color, #f59e0b);
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-xs);
}
.waitlist-manager__org-none {
  color: var(--secondary-text-color);
  font-style: italic;
}
.waitlist-manager__placeholder {
  color: var(--disabled-text-color, var(--secondary-text-color));
  opacity: 0.5;
}
.waitlist-manager__source {
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-xs);
  text-transform: capitalize;
  color: var(--secondary-text-color);
  font-size: var(--text-sm);
}
.waitlist-manager__source i {
  font-size: var(--text-base);
  opacity: 0.75;
}
.waitlist-manager__org-dialog {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
  padding: var(--spacing-md) var(--spacing-lg);
}
.waitlist-manager__org-dialog p {
  margin: 0;
  color: var(--primary-text-color);
  line-height: 1.5;
}
.waitlist-manager__org-dialog-footer {
  display: flex;
  justify-content: flex-end;
  gap: var(--spacing-sm);
  padding: 0 var(--spacing-lg) var(--spacing-md);
}
.waitlist-manager__org-dropdown {
  width: 100%;
}
.waitlist-manager__table {
  border: none;
  border-radius: 0;
  box-shadow: none;
}
.date-time-dialog-editor__display {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  min-height: 2rem;
  width: 100%;
}
.date-time-dialog-editor__value {
  font-size: 0.875rem;
  color: var(--primary-text-color, #495057);
  white-space: nowrap;
}
.date-time-dialog-editor__edit-btn {
  padding: 0.25rem 0.5rem !important;
  height: auto !important;
}
.date-time-dialog-editor__edit-btn .pi {
  font-size: 0.75rem;
}
.date-time-dialog-editor__edit-btn:hover {
  background-color: var(--hover-background, rgba(0, 0, 0, 0.04)) !important;
}
.date-time-dialog-editor__dialog.p-dialog {
  width: 90vw;
  max-width: 650px;
  background: var(--component-background-gradient, linear-gradient(0.59deg, #E4F0FA 4.13%, #F2FAFF 99.98%));
  box-shadow: 20px 20px 20px rgba(0, 0, 0, 0.15);
  border-radius: 20px;
}
.date-time-dialog-editor__dialog .p-dialog-content {
  padding: 1.5rem;
  min-width: 600px;
}
.date-time-dialog-editor__footer {
  display: flex;
  justify-content: flex-end;
  gap: 0.5rem;
}
.date-time-dialog-editor--compact .date-time-dialog-editor__value {
  font-size: 0.75rem;
}
.date-time-dialog-editor--compact .date-time-dialog-editor__edit-btn {
  padding: 0.125rem 0.25rem !important;
}
.date-time-dialog-editor--compact .date-time-dialog-editor__edit-btn .pi {
  font-size: 0.625rem;
}
.date-time-dialog-editor--inline .date-time-dialog-editor__display {
  display: inline-flex;
}
.mobile-notification-bell {
  display: flex;
  align-items: center;
  justify-content: center;
}
.mobile-notification-bell__trigger {
  background: none !important;
  border-color: transparent !important;
  width: var(--mobile-icon-size);
}
.mobile-notification-bell__trigger .notification-dropdown {
  display: none !important;
}
.mobile-notification-bell .notification-bell-wrapper .notification-bell .pi-bell {
  font-size: var(--icon-size-lg);
  color: var(--primary-text-color);
  transition: color 0.3s ease;
}
.mobile-notification-modal {
  border: none;
  padding: 0;
  margin: 0;
  max-width: none;
  max-height: none;
  background: transparent;
  height: auto;
  position: fixed;
  inset: 0;
  z-index: 10000;
  display: flex;
  align-items: flex-end;
  animation: fadeIn 0.2s ease-in-out;
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.mobile-notification-modal__overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(2px);
}
.mobile-notification-modal__content {
  position: relative;
  width: 100%;
  max-height: 90vh;
  background: var(--component-background);
  border-radius: 16px 16px 0 0;
  box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.15);
  display: flex;
  flex-direction: column;
  animation: slideUp 0.3s ease-out;
}
@keyframes slideUp {
  from {
    transform: translateY(100%);
  }
  to {
    transform: translateY(0);
  }
}
.mobile-notification-modal__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 20px;
  border-bottom: 1px solid var(--primary-border);
  flex-shrink: 0;
}
.mobile-notification-modal__header h2 {
  margin: 0;
  font-size: 1.25rem;
  font-weight: 600;
  color: var(--primary-text-color);
}
.mobile-notification-modal__close {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border: none;
  background: transparent;
  border-radius: 50%;
  cursor: pointer;
  transition: background 0.2s ease;
  position: relative;
  z-index: 10001;
  pointer-events: auto;
}
.mobile-notification-modal__close i {
  font-size: 1.25rem;
  color: var(--primary-text-color);
  pointer-events: none;
}
.mobile-notification-modal__close:hover {
  background: rgba(38, 163, 227, 0.1);
}
.mobile-notification-modal__close:active {
  background: rgba(38, 163, 227, 0.2);
}
.mobile-notification-modal__body {
  flex: 1;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  padding-bottom: 0px;
}
.mobile-notification-modal__body .notification-bell-wrapper {
  width: 100%;
}
.mobile-notification-modal__body .notification-bell-wrapper .notification-bell {
  display: none;
}
.mobile-notification-modal__body .notification-bell-wrapper .notification-dropdown {
  position: static !important;
  width: 100% !important;
  max-width: 100% !important;
  border: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  background: transparent !important;
}
.mobile-notification-modal__body .notification-dropdown-header {
  display: none;
}
.mobile-notification-modal__body .notification-filter-section {
  padding: 12px 20px;
  background: var(--component-background);
  border-bottom: 1px solid var(--primary-border);
}
.mobile-notification-modal__body .notification-filter-section .filter-label {
  font-size: 0.875rem;
  margin-bottom: 8px;
}
.mobile-notification-modal__body .notification-filter-section .filter-buttons {
  display: flex;
  gap: 8px;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  padding-bottom: 4px;
}
.mobile-notification-modal__body .notification-filter-section .filter-buttons::-webkit-scrollbar {
  height: 4px;
}
.mobile-notification-modal__body .notification-filter-section .filter-buttons::-webkit-scrollbar-thumb {
  background: rgba(38, 163, 227, 0.3);
  border-radius: 2px;
}
.mobile-notification-modal__body .notification-filter-section .filter-button {
  white-space: nowrap;
  padding: 8px 16px;
  font-size: 0.875rem;
  min-width: -moz-fit-content;
  min-width: fit-content;
}
.mobile-notification-modal__body .notification-filter-section .filter-button i {
  font-size: 0.875rem;
}
.mobile-notification-modal__body .notification-dropdown-content {
  padding: 0;
  max-height: none;
}
.mobile-notification-modal__body .notification-list {
  padding: 0;
}
.mobile-notification-modal__body .notification-item {
  padding: 16px 20px;
  border-bottom: 1px solid var(--primary-border);
  min-height: 80px;
}
.mobile-notification-modal__body .notification-item:active {
  background: rgba(38, 163, 227, 0.05);
}
.mobile-notification-modal__body .notification-empty,
.mobile-notification-modal__body .notification-loading {
  padding: 40px 20px;
  min-height: 200px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.mobile-notification-modal__body .notification-empty i,
.mobile-notification-modal__body .notification-loading i {
  font-size: 3rem;
  margin-bottom: 16px;
  color: var(--primary-text-color);
  opacity: 0.5;
}
.mobile-notification-modal__body .notification-empty p,
.mobile-notification-modal__body .notification-loading p {
  color: var(--primary-text-color);
  font-size: 1rem;
  margin: 0;
}
.mobile-notification-modal__body .notification-dropdown-footer {
  padding: 16px 20px;
  border-top: 1px solid var(--primary-border);
  background: var(--component-background);
  position: sticky;
  bottom: 0;
  z-index: 10;
}
.mobile-notification-modal__body .notification-dropdown-footer .view-all-link {
  width: 100%;
  padding: 12px;
  font-size: 1rem;
  background: transparent;
  border: 1px solid #26a3e3;
  color: #26a3e3;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 500;
  text-align: center;
}
.mobile-notification-modal__body .notification-dropdown-footer .view-all-link:hover {
  background: rgba(38, 163, 227, 0.1);
}
.mobile-notification-modal__body .notification-dropdown-footer .view-all-link:active {
  background: rgba(38, 163, 227, 0.2);
  transform: scale(0.98);
}
body.mobile-notification-modal-open {
  overflow: hidden;
}
.alert-card-molecule {
  display: flex;
  flex-direction: column;
  width: 100%;
  border-radius: var(--border-radius-lg, 12px);
  overflow: hidden;
  box-shadow: var(--shadow-md, 0 4px 6px rgba(0, 0, 0, 0.1));
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.alert-card-molecule.alert-card--clickable {
  cursor: pointer;
}
.alert-card-molecule.alert-card--clickable:hover {
  transform: translateY(-2px);
  box-shadow: var(--shadow-lg, 0 8px 16px rgba(0, 0, 0, 0.15));
}
.alert-card-molecule.alert-card--clickable:active {
  transform: translateY(0);
}
.alert-card-molecule .alert-card-banner {
  background: #4a5568;
  padding: var(--spacing-md, 16px) var(--spacing-lg, 20px);
  border-bottom: 1px solid #2d3748;
}
.alert-card-molecule .alert-card-banner .alert-card-banner-content {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--spacing-md, 16px);
}
.alert-card-molecule .alert-card-banner .alert-card-banner-text {
  flex: 1;
}
.alert-card-molecule .alert-card-banner .alert-card-banner-title {
  margin: 0;
  font-size: var(--font-size-lg, 18px);
  font-weight: 600;
  color: #ffffff;
  line-height: 1.4;
}
.alert-card-molecule .alert-card-banner .alert-card-banner-subtitle {
  margin: var(--spacing-xs, 4px) 0 0;
  font-size: var(--font-size-sm, 14px);
  color: rgba(255, 255, 255, 0.8);
  line-height: 1.5;
}
.alert-card-molecule .alert-card-banner .alert-card-banner-dismiss {
  background: transparent;
  border: none;
  padding: var(--spacing-xs, 4px);
  cursor: pointer;
  color: rgba(255, 255, 255, 0.7);
  font-size: var(--font-size-lg, 18px);
  line-height: 1;
  border-radius: var(--border-radius-sm, 4px);
  transition: background-color 0.2s ease, color 0.2s ease;
  display: flex;
  align-items: center;
  justify-content: center;
}
.alert-card-molecule .alert-card-banner .alert-card-banner-dismiss:hover {
  background: rgba(255, 255, 255, 0.1);
  color: #ffffff;
}
.alert-card-molecule .alert-card-banner .alert-card-banner-dismiss:active {
  background: rgba(255, 255, 255, 0.2);
}
.alert-card-molecule .alert-card-main {
  border: none;
  box-shadow: none;
  border-radius: 0;
  flex: 1;
  display: flex;
  flex-direction: column;
  padding: var(--spacing-lg, 20px);
}
.alert-card-molecule .alert-card-content {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md, 12px);
}
.alert-card-molecule .alert-card-header {
  display: flex;
  align-items: center;
  gap: var(--spacing-sm, 12px);
}
.alert-card-molecule .alert-card-icon {
  font-size: var(--font-size-2xl, 24px);
  color: var(--primary-color, #3b82f6);
}
.alert-card-molecule .alert-card-icon--right {
  margin-left: auto;
}
.alert-card-molecule .alert-card-title {
  margin: 0;
  font-size: var(--font-size-xl, 20px);
  font-weight: 600;
  color: var(--text-color, #ffffff);
  line-height: 1.4;
  flex: 1;
}
.alert-card-molecule .alert-card-description {
  margin: 0;
  font-size: var(--font-size-base, 16px);
  color: var(--text-color-secondary, rgba(255, 255, 255, 0.9));
  line-height: 1.6;
}
.alert-card-molecule .alert-card-actions {
  display: flex;
  gap: 0;
  margin-top: var(--spacing-lg, 20px);
  flex-wrap: nowrap;
  border-radius: 50px;
  overflow: hidden;
  border: var(--primary-border);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.alert-card-molecule .alert-card-actions .alert-card-action {
  flex: 1;
  min-width: 120px;
  justify-content: center;
  border-radius: 0;
  border: none;
  margin: 0;
  font-weight: 500;
  padding: 12px 24px;
  transition: all 0.2s ease;
}
.alert-card-molecule .alert-card-actions .alert-card-action:not(:last-child) {
  border-right: 2px solid rgba(255, 255, 255, 0.3);
}
.alert-card-molecule .alert-card-actions .alert-card-action--primary {
  background: #10b981;
  border-color: transparent;
  color: white;
}
.alert-card-molecule .alert-card-actions .alert-card-action--primary:hover {
  background: #059669;
}
.alert-card-molecule .alert-card-actions .alert-card-action--primary:active {
  background: #047857;
}
.alert-card-molecule .alert-card-actions .alert-card-action--secondary {
  background: rgba(255, 255, 255, 0.1);
  border-color: transparent;
  color: rgba(255, 255, 255, 0.9);
}
.alert-card-molecule .alert-card-actions .alert-card-action--secondary:hover {
  background: rgba(255, 255, 255, 0.2);
}
.alert-card-molecule .alert-card-actions .alert-card-action--secondary:active {
  background: rgba(255, 255, 255, 0.15);
}
.alert-card-molecule .alert-card-actions .alert-card-action--text {
  background: transparent;
  border-color: transparent;
  color: rgba(255, 255, 255, 0.9);
}
.alert-card-molecule .alert-card-actions .alert-card-action--text:hover {
  background: rgba(255, 255, 255, 0.1);
}
.alert-card-molecule .alert-card-actions:has(.alert-card-action:only-child) .alert-card-action {
  border-radius: 50px;
}
.alert-card-molecule.alert-card--gradient.alert-card--variant-info .alert-card-main {
  background: #1F3B60;
  color: white;
}
.alert-card-molecule.alert-card--gradient.alert-card--variant-info .alert-card-main .alert-card-title,
.alert-card-molecule.alert-card--gradient.alert-card--variant-info .alert-card-main .alert-card-description {
  color: white;
}
.alert-card-molecule.alert-card--gradient.alert-card--variant-info .alert-card-main .alert-card-icon {
  color: rgba(255, 255, 255, 0.9);
}
.alert-card-molecule.alert-card--gradient.alert-card--variant-action .alert-card-main, .alert-card-molecule.alert-card--gradient.alert-card--variant-warning .alert-card-main {
  background: linear-gradient(135deg, #6b1b6e 0%, #a21caf 100%);
  color: white;
}
.alert-card-molecule.alert-card--gradient.alert-card--variant-action .alert-card-main .alert-card-title,
.alert-card-molecule.alert-card--gradient.alert-card--variant-action .alert-card-main .alert-card-description, .alert-card-molecule.alert-card--gradient.alert-card--variant-warning .alert-card-main .alert-card-title,
.alert-card-molecule.alert-card--gradient.alert-card--variant-warning .alert-card-main .alert-card-description {
  color: white;
}
.alert-card-molecule.alert-card--gradient.alert-card--variant-action .alert-card-main .alert-card-icon, .alert-card-molecule.alert-card--gradient.alert-card--variant-warning .alert-card-main .alert-card-icon {
  color: rgba(255, 255, 255, 0.9);
}
.alert-card-molecule.alert-card--gradient.alert-card--variant-success .alert-card-main {
  background: linear-gradient(135deg, #065f46 0%, #10b981 100%);
  color: white;
}
.alert-card-molecule.alert-card--gradient.alert-card--variant-success .alert-card-main .alert-card-title,
.alert-card-molecule.alert-card--gradient.alert-card--variant-success .alert-card-main .alert-card-description {
  color: white;
}
.alert-card-molecule.alert-card--gradient.alert-card--variant-success .alert-card-main .alert-card-icon {
  color: rgba(255, 255, 255, 0.9);
}
.alert-card-molecule.alert-card--gradient.alert-card--variant-error .alert-card-main {
  background: linear-gradient(135deg, #991b1b 0%, #ef4444 100%);
  color: white;
}
.alert-card-molecule.alert-card--gradient.alert-card--variant-error .alert-card-main .alert-card-title,
.alert-card-molecule.alert-card--gradient.alert-card--variant-error .alert-card-main .alert-card-description {
  color: white;
}
.alert-card-molecule.alert-card--gradient.alert-card--variant-error .alert-card-main .alert-card-icon {
  color: rgba(255, 255, 255, 0.9);
}
.alert-card-molecule:not(.alert-card--gradient).alert-card--variant-info .alert-card-main {
  background: var(--blue-100, #dbeafe);
  border-left: 4px solid var(--blue-500, #3b82f6);
}
.alert-card-molecule:not(.alert-card--gradient).alert-card--variant-info .alert-card-main .alert-card-title {
  color: var(--blue-900, #1e3a8a);
}
.alert-card-molecule:not(.alert-card--gradient).alert-card--variant-info .alert-card-main .alert-card-description {
  color: var(--blue-700, #1d4ed8);
}
.alert-card-molecule:not(.alert-card--gradient).alert-card--variant-info .alert-card-main .alert-card-icon {
  color: var(--blue-500, #3b82f6);
}
.alert-card-molecule:not(.alert-card--gradient).alert-card--variant-warning .alert-card-main {
  background: var(--yellow-100, #fef3c7);
  border-left: 4px solid var(--yellow-500, #f59e0b);
}
.alert-card-molecule:not(.alert-card--gradient).alert-card--variant-warning .alert-card-main .alert-card-title {
  color: var(--yellow-900, #78350f);
}
.alert-card-molecule:not(.alert-card--gradient).alert-card--variant-warning .alert-card-main .alert-card-description {
  color: var(--yellow-700, #b45309);
}
.alert-card-molecule:not(.alert-card--gradient).alert-card--variant-warning .alert-card-main .alert-card-icon {
  color: var(--yellow-500, #f59e0b);
}
.alert-card-molecule:not(.alert-card--gradient).alert-card--variant-action .alert-card-main {
  background: var(--purple-100, #f3e8ff);
  border-left: 4px solid var(--purple-500, #a855f7);
}
.alert-card-molecule:not(.alert-card--gradient).alert-card--variant-action .alert-card-main .alert-card-title {
  color: var(--purple-900, #581c87);
}
.alert-card-molecule:not(.alert-card--gradient).alert-card--variant-action .alert-card-main .alert-card-description {
  color: var(--purple-700, #7e22ce);
}
.alert-card-molecule:not(.alert-card--gradient).alert-card--variant-action .alert-card-main .alert-card-icon {
  color: var(--purple-500, #a855f7);
}
.alert-card-molecule:not(.alert-card--gradient).alert-card--variant-success .alert-card-main {
  background: var(--green-100, #d1fae5);
  border-left: 4px solid var(--green-500, #10b981);
}
.alert-card-molecule:not(.alert-card--gradient).alert-card--variant-success .alert-card-main .alert-card-title {
  color: var(--green-900, #064e3b);
}
.alert-card-molecule:not(.alert-card--gradient).alert-card--variant-success .alert-card-main .alert-card-description {
  color: var(--green-700, #047857);
}
.alert-card-molecule:not(.alert-card--gradient).alert-card--variant-success .alert-card-main .alert-card-icon {
  color: var(--green-500, #10b981);
}
.alert-card-molecule:not(.alert-card--gradient).alert-card--variant-error .alert-card-main {
  background: var(--red-100, #fee2e2);
  border-left: 4px solid var(--red-500, #ef4444);
}
.alert-card-molecule:not(.alert-card--gradient).alert-card--variant-error .alert-card-main .alert-card-title {
  color: var(--red-900, #7f1d1d);
}
.alert-card-molecule:not(.alert-card--gradient).alert-card--variant-error .alert-card-main .alert-card-description {
  color: var(--red-700, #b91c1c);
}
.alert-card-molecule:not(.alert-card--gradient).alert-card--variant-error .alert-card-main .alert-card-icon {
  color: var(--red-500, #ef4444);
}
.alert-card-molecule.alert-card--size-compact {
  max-width: 500px;
  width: 100%;
}
.alert-card-molecule.alert-card--size-compact .alert-card-banner {
  padding: 10px 14px;
}
.alert-card-molecule.alert-card--size-compact .alert-card-banner .alert-card-banner-title {
  font-size: 14px;
}
.alert-card-molecule.alert-card--size-compact .alert-card-banner .alert-card-banner-subtitle {
  font-size: 12px;
  margin-top: 2px;
}
.alert-card-molecule.alert-card--size-compact .alert-card-banner .alert-card-banner-dismiss {
  font-size: 14px;
  padding: 2px;
}
.alert-card-molecule.alert-card--size-compact .alert-card-main {
  padding: 12px 16px;
}
.alert-card-molecule.alert-card--size-compact .alert-card-icon {
  font-size: 18px;
}
.alert-card-molecule.alert-card--size-compact .alert-card-title {
  font-size: 14px;
}
.alert-card-molecule.alert-card--size-compact .alert-card-description {
  font-size: 13px;
}
.alert-card-molecule.alert-card--size-compact .alert-card-actions {
  margin-top: 12px;
}
.alert-card-molecule.alert-card--size-compact .alert-card-actions .alert-card-action {
  padding: 8px 16px;
  font-size: 13px;
  min-width: 90px;
}
.alert-card-molecule.alert-card--size-normal {
  max-width: 800px;
  width: 100%;
}
.alert-card-molecule.alert-card--size-large {
  max-width: none;
  width: 100%;
}
.alert-card-molecule.alert-card--size-large .alert-card-banner {
  padding: 20px 24px;
}
.alert-card-molecule.alert-card--size-large .alert-card-banner .alert-card-banner-title {
  font-size: 20px;
}
.alert-card-molecule.alert-card--size-large .alert-card-banner .alert-card-banner-subtitle {
  font-size: 16px;
  margin-top: 6px;
}
.alert-card-molecule.alert-card--size-large .alert-card-banner .alert-card-banner-dismiss {
  font-size: 20px;
  padding: 6px;
}
.alert-card-molecule.alert-card--size-large .alert-card-main {
  padding: 28px 32px;
}
.alert-card-molecule.alert-card--size-large .alert-card-icon {
  font-size: 32px;
}
.alert-card-molecule.alert-card--size-large .alert-card-title {
  font-size: 24px;
}
.alert-card-molecule.alert-card--size-large .alert-card-description {
  font-size: 18px;
}
.alert-card-molecule.alert-card--size-large .alert-card-actions {
  margin-top: 24px;
}
.alert-card-molecule.alert-card--size-large .alert-card-actions .alert-card-action {
  padding: 14px 32px;
  font-size: 16px;
  min-width: 150px;
}
[data-theme=dark] .alert-card-molecule .alert-card-banner {
  background: var(--surface-800, #1f2937);
  border-bottom-color: var(--surface-700, #374151);
}
[data-theme=dark] .alert-card-molecule .alert-card-banner .alert-card-banner-title {
  color: #ffffff;
}
[data-theme=dark] .alert-card-molecule .alert-card-banner .alert-card-banner-subtitle {
  color: var(--text-color-secondary, #d1d5db);
}
[data-theme=dark] .alert-card-molecule .alert-card-banner .alert-card-banner-dismiss {
  color: #ffffff;
}
[data-theme=dark] .alert-card-molecule .alert-card-banner .alert-card-banner-dismiss:hover {
  background: var(--surface-700, #374151);
  color: var(--text-color, #f9fafb);
}
.info-card-molecule {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: none;
  border: none;
  font: inherit;
  color: inherit;
  text-align: left;
  display: flex;
  flex-direction: column;
  width: 100%;
  border-radius: var(--border-radius-lg, 12px);
  overflow: hidden;
  box-shadow: var(--shadow-md, 0 4px 6px rgba(0, 0, 0, 0.1));
  transition: transform 0.2s ease, box-shadow 0.2s ease;
  padding: var(--spacing-lg, 20px);
}
.info-card-molecule.info-card--clickable {
  cursor: pointer;
}
.info-card-molecule.info-card--clickable:hover {
  transform: translateY(-2px);
  box-shadow: var(--shadow-lg, 0 8px 16px rgba(0, 0, 0, 0.15));
}
.info-card-molecule.info-card--clickable:active {
  transform: translateY(0);
}
.info-card-molecule .info-card-content {
  display: flex;
  align-items: flex-start;
  gap: var(--spacing-md, 16px);
}
.info-card-molecule .info-card-icon {
  font-size: var(--font-size-3xl, 32px);
  color: rgba(255, 255, 255, 0.9);
  flex-shrink: 0;
}
.info-card-molecule .info-card-text {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs, 8px);
}
.info-card-molecule .info-card-title {
  margin: 0;
  font-size: var(--font-size-lg, 18px);
  font-weight: 600;
  color: #ffffff;
  line-height: 1.4;
}
.info-card-molecule .info-card-subtitle {
  margin: 0;
  font-size: var(--font-size-sm, 14px);
  color: rgba(255, 255, 255, 0.8);
  line-height: 1.5;
}
.info-card-molecule .info-card-value {
  margin-top: var(--spacing-sm, 8px);
  font-size: var(--font-size-3xl, 32px);
  font-weight: 700;
  color: #ffffff;
  line-height: 1;
}
.info-card-molecule.info-card--variant-gradient-blue {
  background: linear-gradient(29deg, rgba(38, 166, 255, 0.5) 0.13%, rgba(143, 74, 142, 0.5) 100%, rgba(187, 0, 90, 0.5) 100%);
  border-radius: 20px;
  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
  border: 2px solid #FFFFFF;
  color: white;
}
.info-card-molecule.info-card--variant-gradient-purple {
  background: linear-gradient(135deg, #6b1b6e 0%, #a21caf 100%);
  color: white;
}
.info-card-molecule.info-card--variant-info {
  background: var(--blue-600, #2563eb);
  color: white;
}
.info-card-molecule.info-card--variant-success {
  background: linear-gradient(135deg, #065f46 0%, #10b981 100%);
  color: white;
}
.info-card-molecule.info-card--variant-warning {
  background: linear-gradient(135deg, #92400e 0%, #f59e0b 100%);
  color: white;
}
.info-card-molecule.info-card--variant-purple {
  background: linear-gradient(135deg, #581c87 0%, #a855f7 100%);
  color: white;
}
.info-card-molecule.info-card--size-compact {
  max-width: 500px;
  padding: 12px 16px;
}
.info-card-molecule.info-card--size-compact .info-card-icon {
  font-size: 24px;
}
.info-card-molecule.info-card--size-compact .info-card-title {
  font-size: 14px;
}
.info-card-molecule.info-card--size-compact .info-card-subtitle {
  font-size: 12px;
}
.info-card-molecule.info-card--size-compact .info-card-value {
  font-size: 24px;
  margin-top: 4px;
}
.info-card-molecule.info-card--size-normal {
  max-width: 800px;
}
.info-card-molecule.info-card--size-large {
  max-width: none;
  padding: 28px 32px;
}
.info-card-molecule.info-card--size-large .info-card-icon {
  font-size: 40px;
}
.info-card-molecule.info-card--size-large .info-card-title {
  font-size: 22px;
}
.info-card-molecule.info-card--size-large .info-card-subtitle {
  font-size: 16px;
}
.info-card-molecule.info-card--size-large .info-card-value {
  font-size: 40px;
  margin-top: 12px;
}
.attachment-row-atom {
  display: flex;
  align-items: flex-start;
  gap: var(--spacing-sm, 0.75rem);
  padding: var(--spacing-sm, 0.75rem) var(--spacing-md, 1rem);
  border-radius: var(--border-radius, 6px);
  border: var(--primary-border);
  background: var(--component-background, transparent);
  transition: background 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
}
.attachment-row-atom__interactive {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: transparent;
  border: 0;
  padding: 0;
  margin: 0;
  font: inherit;
  color: inherit;
  text-align: left;
  cursor: inherit;
  flex: 1 1 auto;
  min-width: 0;
  display: flex;
  align-items: flex-start;
  gap: var(--spacing-sm, 0.75rem);
}
.attachment-row-atom__interactive:focus-visible {
  outline: 2px solid var(--primary-color);
  outline-offset: 2px;
  border-radius: var(--border-radius, 6px);
}
.attachment-row-atom--clickable {
  cursor: pointer;
}
.attachment-row-atom--clickable .attachment-row-atom__interactive {
  cursor: pointer;
}
.attachment-row-atom--clickable:hover {
  border-color: var(--primary-color);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
}
.attachment-row-atom__icon {
  flex: 0 0 auto;
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--primary-color);
  border-radius: var(--border-radius, 6px);
  background: rgba(59, 130, 246, 0.08);
}
.attachment-row-atom__icon .pi {
  font-size: 18px;
}
.attachment-row-atom__body {
  flex: 1 1 auto;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xxs, 0.25rem);
}
.attachment-row-atom__name-line {
  display: flex;
  align-items: center;
  gap: var(--spacing-xs, 0.5rem);
  min-width: 0;
}
.attachment-row-atom__name {
  font-weight: 600;
  font-size: var(--font-size-sm, 13px);
  color: var(--primary-text-color);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1 1 auto;
  min-width: 0;
}
.attachment-row-atom__badge {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-xxs, 0.25rem);
  padding: 2px var(--spacing-xs, 0.5rem);
  border-radius: 999px;
  font-size: var(--font-size-xs, 11px);
  font-weight: 500;
  line-height: 1.2;
  white-space: nowrap;
}
.attachment-row-atom__badge .pi {
  font-size: 11px;
}
.attachment-row-atom__badge--scanning {
  background: rgba(234, 179, 8, 0.12);
  color: var(--warning-color, #b45309);
}
.attachment-row-atom__badge--removed {
  background: rgba(220, 38, 38, 0.12);
  color: var(--danger-color, #b91c1c);
}
.attachment-row-atom__subtitle {
  font-size: var(--font-size-sm, 12px);
  color: var(--secondary-text-color);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.attachment-row-atom__meta {
  display: flex;
  align-items: center;
  gap: var(--spacing-xxs, 0.25rem);
  font-size: var(--secondary-font, 11px);
  color: var(--secondary-text-color);
}
.attachment-row-atom__user {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 60%;
}
.attachment-row-atom__separator {
  color: var(--secondary-text-color);
  opacity: 0.6;
}
.attachment-row-atom__time {
  white-space: nowrap;
}
.attachment-row-atom__delete {
  flex: 0 0 auto;
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  background: transparent;
  border-radius: var(--border-radius, 6px);
  color: var(--secondary-text-color);
  cursor: pointer;
  transition: background 0.15s ease, color 0.15s ease;
}
.attachment-row-atom__delete .pi {
  font-size: 14px;
}
.attachment-row-atom__delete:hover {
  background: rgba(220, 38, 38, 0.08);
  color: var(--danger-color, #dc2626);
}
.attachment-row-atom__delete:focus-visible {
  outline: 2px solid var(--primary-color);
  outline-offset: 2px;
}
.attachment-row-atom--link .attachment-row-atom__icon {
  background: rgba(16, 185, 129, 0.08);
  color: var(--success-color, #059669);
}
.attachment-row-atom--scanning {
  opacity: 0.85;
}
.attachment-row-atom--scanning .attachment-row-atom__icon {
  color: var(--warning-color, #b45309);
  background: rgba(234, 179, 8, 0.1);
}
.attachment-row-atom--removed {
  border-color: var(--danger-color, #dc2626);
  background: rgba(220, 38, 38, 0.04);
}
.attachment-row-atom--removed .attachment-row-atom__icon {
  background: rgba(220, 38, 38, 0.12);
  color: var(--danger-color, #b91c1c);
}
.attachment-row-atom--removed .attachment-row-atom__name {
  text-decoration: line-through;
  color: var(--secondary-text-color);
}
[data-theme=dark] .attachment-row-atom {
  background: var(--component-background-dark, transparent);
}
[data-theme=dark] .attachment-row-atom--clickable:hover {
  box-shadow: 0 1px 3px rgba(255, 255, 255, 0.08);
}
[data-theme=dark] .attachment-row-atom__icon {
  background: rgba(96, 165, 250, 0.15);
}
[data-theme=dark] .attachment-row-atom--link [data-theme=dark] .attachment-row-atom__icon {
  background: rgba(52, 211, 153, 0.15);
}
[data-theme=dark] .attachment-row-atom__delete:hover {
  background: rgba(248, 113, 113, 0.15);
  color: var(--danger-color, #dc2626);
}
[data-theme=dark] .attachment-row-atom__badge--scanning {
  background: rgba(250, 204, 21, 0.18);
  color: var(--warning-color, #fbbf24);
}
[data-theme=dark] .attachment-row-atom__badge--removed {
  background: rgba(248, 113, 113, 0.18);
  color: var(--danger-color, #f87171);
}
[data-theme=dark] .attachment-row-atom--scanning [data-theme=dark] .attachment-row-atom__icon {
  background: rgba(250, 204, 21, 0.18);
  color: var(--warning-color, #fbbf24);
}
[data-theme=dark] .attachment-row-atom--removed {
  background: rgba(248, 113, 113, 0.08);
}
[data-theme=dark] .attachment-row-atom--removed [data-theme=dark] .attachment-row-atom__icon {
  background: rgba(248, 113, 113, 0.2);
  color: var(--danger-color, #f87171);
}
.attachment-list-molecule {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm, 0.75rem);
}
.attachment-list-molecule__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs, 0.5rem);
}
.attachment-list-molecule__item {
  margin: 0;
  padding: 0;
}
.attachment-list-molecule__empty {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-sm, 0.75rem);
  padding: var(--spacing-lg, 1.5rem) var(--spacing-md, 1rem);
  border: 1px dashed var(--primary-border-color, rgba(0, 0, 0, 0.12));
  border-radius: var(--border-radius, 6px);
  color: var(--secondary-text-color);
  font-size: var(--font-size-sm, 13px);
  text-align: center;
}
.attachment-list-molecule__empty .pi {
  font-size: var(--font-size-lg, 18px);
  color: var(--secondary-text-color);
  opacity: 0.7;
}
[data-theme=dark] .attachment-list-molecule__empty {
  border-color: var(--primary-border-color-dark, rgba(255, 255, 255, 0.15));
}
.context-level-editor {
  margin-bottom: var(--spacing-xs);
}
.context-level-editor .p-card-body {
  padding: 0;
}
.context-level-editor .p-card-content {
  padding: 0;
}
.context-level-editor--collapsed {
  cursor: pointer;
}
.context-level-editor--collapsed:hover {
  box-shadow: var(--shadow-md, 0 2px 8px rgba(0, 0, 0, 0.1));
}
.context-level-editor--embedded {
  border: none;
  box-shadow: none;
  background: transparent;
  margin-bottom: 0;
  padding: 0;
}
.context-level-editor--embedded .context-level-editor__content {
  border-top: none;
  padding: 0;
}
.context-level-editor__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: var(--spacing-sm) var(--spacing-md);
  gap: var(--spacing-xs);
}
.context-level-editor__header-left {
  display: flex;
  align-items: center;
  gap: var(--spacing-xs);
  flex: 1;
  min-width: 0;
}
.context-level-editor__header-right {
  display: flex;
  align-items: center;
  gap: var(--spacing-xxs);
  flex-shrink: 0;
}
.context-level-editor__number {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 50%;
  background: var(--primary-color, #3b82f6);
  color: var(--primary-color-text, #fff);
  font-size: var(--font-size-sm, 0.75rem);
  font-weight: 600;
  flex-shrink: 0;
}
.context-level-editor__icon-display {
  color: var(--text-color-secondary, #6c757d);
  font-size: 1rem;
}
.context-level-editor__label-preview {
  font-weight: 500;
  color: var(--text-color, #333);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.context-level-editor__meta {
  font-size: var(--font-size-sm, 0.75rem);
  color: var(--text-color-secondary, #6c757d);
  white-space: nowrap;
  flex-shrink: 0;
}
.context-level-editor__content {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
  padding: 0 var(--spacing-md) var(--spacing-md);
  border-top: 1px solid var(--surface-border, #dee2e6);
}
.context-level-editor__wrapper {
  outline: none;
}
.context-level-editor__row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--spacing-md);
}
@media (max-width: 768px) {
  .context-level-editor__row {
    grid-template-columns: 1fr;
  }
}
.context-level-editor__field {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xxs);
}
.context-level-editor__field--inline {
  flex-direction: row;
  align-items: center;
  gap: var(--spacing-xs);
  flex-wrap: wrap;
}
.context-level-editor__field--checkbox {
  flex-direction: row;
  align-items: center;
  gap: var(--spacing-xs);
}
.context-level-editor__field--checkbox label {
  font-size: var(--font-size-sm, 0.875rem);
  color: var(--text-color, #333);
  cursor: pointer;
}
.context-level-editor__field-label {
  font-size: var(--font-size-sm, 0.875rem);
  font-weight: 500;
  color: var(--text-color, #333);
}
.context-level-editor__input {
  width: 100%;
}
.context-level-editor__repeat-dropdown {
  width: 5rem;
}
.context-level-editor__help {
  font-size: var(--font-size-xs, 0.75rem);
  color: var(--text-color-secondary, #6c757d);
}
.context-level-editor__segments {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs);
}
.context-level-editor__segments-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.context-level-editor__segments-list {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs);
}
.context-level-editor__segment-card {
  border: 1px solid var(--surface-border, #dee2e6);
  border-radius: var(--border-radius, 4px);
  padding: var(--spacing-sm);
  background: var(--surface-ground, #f8f9fa);
}
.context-level-editor__segment-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: var(--spacing-xs);
}
.context-level-editor__segment-id {
  font-size: var(--font-size-sm, 0.75rem);
  font-weight: 600;
  color: var(--text-color-secondary, #6c757d);
}
.context-level-editor__segment-actions {
  display: flex;
  gap: var(--spacing-xxs);
}
.context-level-editor__segment-body {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs);
}
[data-theme=dark] .context-level-editor--collapsed:hover {
  box-shadow: var(--shadow-md, 0 2px 8px rgba(0, 0, 0, 0.4));
}
[data-theme=dark] .context-level-editor--embedded {
  background: transparent;
}
[data-theme=dark] .context-level-editor__label-preview {
  color: var(--text-color, #e0e0e0);
}
[data-theme=dark] .context-level-editor__content {
  border-top-color: var(--surface-border, #3f3f3f);
}
[data-theme=dark] .context-level-editor__field--checkbox label {
  color: var(--text-color, #e0e0e0);
}
[data-theme=dark] .context-level-editor__field-label {
  color: var(--text-color, #e0e0e0);
}
[data-theme=dark] .context-level-editor__segment-card {
  background: var(--surface-ground, #1e1e1e);
  border-color: var(--surface-border, #3f3f3f);
}
.context-segment-editor {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md, 16px);
  padding: var(--spacing-md, 16px);
  border: 1px solid var(--surface-border, #dee2e6);
  border-radius: var(--border-radius-md, 8px);
  background: var(--surface-ground, #f8f9fa);
}
.context-segment-editor__field {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xxs, 4px);
}
.context-segment-editor__filters {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs, 8px);
}
.context-segment-editor__filters-label {
  font-size: var(--font-size-sm, 0.875rem);
  font-weight: 500;
  color: var(--text-color, #333);
}
[data-theme=dark] .context-segment-editor {
  background: var(--surface-ground, #1e1e1e);
  border-color: var(--surface-border, #3f3f3f);
}
[data-theme=dark] .context-segment-editor__filters-label {
  color: var(--text-color, #e0e0e0);
}
/**
 * ContextStructureRailMolecule.scss
 *
 * Tree-view sidebar for context hierarchy navigation.
 * BEM naming: .context-structure-rail, .rail-node
 */
.context-structure-rail {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow-y: auto;
  background: var(--surface-card, #ffffff);
  border-right: 1px solid var(--surface-border, #dee2e6);
}
.context-structure-rail__tree {
  flex: 1;
  overflow-y: auto;
  padding: var(--spacing-xxs, 4px) 0;
}
.context-structure-rail__footer {
  padding: var(--spacing-xs, 8px) var(--spacing-sm, 12px);
  border-top: 1px solid var(--surface-border, #dee2e6);
}
.context-structure-rail__add-level {
  width: 100%;
  justify-content: flex-start;
}
.rail-node {
  display: flex;
  align-items: center;
  gap: var(--spacing-xs, 8px);
  padding: var(--spacing-xs, 8px) var(--spacing-sm, 12px);
  cursor: pointer;
  border: none;
  border-left: 3px solid transparent;
  background: none;
  font: inherit;
  text-align: left;
  width: 100%;
  transition: background-color 0.15s ease, border-left-color 0.15s ease;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.rail-node:hover {
  background: var(--surface-hover, #f8f9fa);
}
.rail-node:hover .rail-node__actions {
  opacity: 1;
}
.rail-node:focus {
  outline: 2px solid var(--primary-color, #3B82F6);
  outline-offset: -2px;
}
.rail-node:focus:not(:focus-visible) {
  outline: none;
}
.rail-node--selected {
  background: var(--primary-50, #eff6ff);
  border-left-color: var(--primary-color, #3B82F6);
}
.rail-node--selected:hover {
  background: var(--primary-100, #dbeafe);
}
.rail-node--selected .rail-node__actions {
  opacity: 1;
}
.rail-node--context {
  padding: var(--spacing-sm, 12px);
  border-bottom: 1px solid var(--surface-border, #dee2e6);
}
.rail-node--level {
  padding-left: var(--spacing-sm, 12px);
}
.rail-node--segment {
  padding-left: var(--spacing-xl, 32px);
  font-size: 0.85rem;
}
.rail-node__icon {
  flex-shrink: 0;
  font-size: 0.875rem;
  color: var(--text-secondary, #6c757d);
  width: 16px;
  text-align: center;
}
.rail-node__number {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  border-radius: var(--border-radius-sm, 4px);
  background: var(--surface-ground, #f8f9fa);
  color: var(--text-secondary, #6c757d);
  font-size: 0.75rem;
  font-weight: 600;
  flex-shrink: 0;
}
.rail-node__content {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.rail-node__label {
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--text-color, #212529);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  flex: 1;
  min-width: 0;
}
.rail-node__meta {
  font-size: 0.75rem;
  color: var(--text-secondary, #6c757d);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.rail-node__actions {
  display: flex;
  align-items: center;
  gap: 2px;
  flex-shrink: 0;
  opacity: 0;
  transition: opacity 0.15s ease;
}
.rail-node__action-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border: none;
  border-radius: var(--border-radius-sm, 4px);
  background: transparent;
  color: var(--text-secondary, #6c757d);
  cursor: pointer;
  padding: 0;
  font-size: 0.75rem;
  transition: background-color 0.15s ease, color 0.15s ease;
}
.rail-node__action-btn:hover {
  background: var(--surface-200, #e9ecef);
  color: var(--text-color, #212529);
}
.rail-node__action-btn--danger:hover {
  background: var(--red-50, #fef2f2);
  color: var(--red-500, #ef4444);
}
.rail-node__action-btn--add:hover {
  background: var(--primary-50, #eff6ff);
  color: var(--primary-color, #3B82F6);
}
.rail-node__action-btn i {
  font-size: 0.75rem;
}
[data-theme=dark] .context-structure-rail {
  background: var(--surface-card, #27272a);
  border-right-color: var(--surface-border, #3f3f46);
}
[data-theme=dark] .context-structure-rail__footer {
  border-top-color: var(--surface-border, #3f3f46);
}
[data-theme=dark] .rail-node:hover {
  background: var(--surface-hover, #3f3f46);
}
[data-theme=dark] .rail-node--selected {
  background: rgba(59, 130, 246, 0.15);
  border-left-color: var(--primary-400, #60a5fa);
}
[data-theme=dark] .rail-node--selected:hover {
  background: rgba(59, 130, 246, 0.2);
}
[data-theme=dark] .rail-node--context {
  border-bottom-color: var(--surface-border, #3f3f46);
}
[data-theme=dark] .rail-node__number {
  background: var(--surface-ground, #18181b);
  color: var(--text-secondary, #a1a1aa);
}
[data-theme=dark] .rail-node__icon {
  color: var(--text-secondary, #a1a1aa);
}
[data-theme=dark] .rail-node__label {
  color: var(--text-color, #fafafa);
}
[data-theme=dark] .rail-node__meta {
  color: var(--text-secondary, #a1a1aa);
}
[data-theme=dark] .rail-node__action-btn {
  color: var(--text-secondary, #a1a1aa);
}
[data-theme=dark] .rail-node__action-btn:hover {
  background: var(--surface-300, #3f3f46);
  color: var(--text-color, #fafafa);
}
[data-theme=dark] .rail-node__action-btn--danger:hover {
  background: rgba(239, 68, 68, 0.15);
  color: var(--red-400, #f87171);
}
[data-theme=dark] .rail-node__action-btn--add:hover {
  background: rgba(59, 130, 246, 0.15);
  color: var(--primary-400, #60a5fa);
}
.applicability-section {
  padding: 1rem 0;
}
.applicability-section .section-title {
  margin: 0 0 0.5rem 0;
  font-size: 1rem;
  font-weight: 600;
  color: var(--primary-text-color);
}
.applicability-section .section-description {
  margin: 0 0 1rem 0;
  font-size: 0.875rem;
  color: var(--secondary-text-color);
  line-height: 1.4;
}
.applicability-section .applicability-options {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.applicability-section .applicability-option {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.applicability-section .applicability-option .option-label {
  cursor: pointer;
  font-size: 0.875rem;
  color: var(--primary-text-color);
}
.applicability-section .applicability-selector {
  margin-left: 1.75rem;
  margin-top: 0.5rem;
}
.applicability-section .applicability-selector .type-multiselect,
.applicability-section .applicability-selector .label-multiselect {
  width: 100%;
  max-width: 400px;
}
.applicability-section .applicability-selector .p-multiselect {
  min-height: 2.5rem;
  background: var(--component-background) !important;
}
.applicability-section .applicability-selector .p-multiselect .p-multiselect-label {
  padding: 0.5rem 0.75rem;
}
.applicability-section .applicability-selector .p-multiselect .p-multiselect-token {
  margin: 0.125rem;
  padding: 0.25rem 0.5rem;
  background: var(--primary-100, #e0e7ff);
  color: var(--primary-700, #3730a3);
  border-radius: var(--border-radius-sm, 4px);
  font-size: 0.75rem;
}
.applicability-section .p-radiobutton.p-disabled + .option-label {
  color: var(--secondary-text-color);
  cursor: not-allowed;
}
[data-theme=dark] .applicability-section .applicability-selector .p-multiselect-token {
  background: var(--primary-800, #1e1b4b);
  color: var(--primary-200, #c7d2fe);
}
.context-editor-organism {
  width: 100%;
}
.context-editor-organism .p-accordion .p-accordion-tab {
  margin-bottom: var(--spacing-xs);
}
.context-editor-organism__section {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
  padding: var(--spacing-xs) 0;
}
.context-editor-organism__section--grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--spacing-md);
}
@media (max-width: 768px) {
  .context-editor-organism__section--grid {
    grid-template-columns: 1fr;
  }
}
.context-editor-organism__field {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xxs);
}
.context-editor-organism__field--checkbox {
  flex-direction: row;
  align-items: center;
  gap: var(--spacing-xs);
}
.context-editor-organism__field--checkbox label {
  font-size: var(--font-size-sm, 0.875rem);
  color: var(--text-color, #333);
  cursor: pointer;
}
.context-editor-organism__field--info {
  flex-direction: row;
  align-items: center;
  gap: var(--spacing-xs);
  padding: var(--spacing-sm);
  border-radius: var(--border-radius, 4px);
  background: var(--surface-ground, #f8f9fa);
  color: var(--text-color-secondary, #6c757d);
  font-size: var(--font-size-sm, 0.875rem);
}
.context-editor-organism__field--info i {
  color: var(--primary-color, #3b82f6);
}
.context-editor-organism__field-label {
  display: flex;
  align-items: center;
  gap: var(--spacing-xs);
  font-size: var(--font-size-sm, 0.875rem);
  font-weight: 500;
  color: var(--text-color, #333);
}
.context-editor-organism__info-icon {
  font-size: 0.875rem;
  color: var(--text-color-secondary, #6c757d);
  cursor: help;
}
.context-editor-organism__info-icon:hover {
  color: var(--primary-color, #3b82f6);
}
.context-editor-organism__input {
  width: 100%;
}
.context-editor-organism .use-case-option {
  display: flex;
  align-items: center;
  gap: var(--spacing-sm, 12px);
}
.context-editor-organism .use-case-option i {
  color: var(--secondary-text-color, #6c757d);
  font-size: 14px;
}
.context-editor-organism .use-case-option .use-case-option-label {
  font-size: var(--font-size-sm, 0.875rem);
  color: var(--primary-text-color, #212529);
}
[data-theme=dark] .context-editor-organism__field--checkbox label {
  color: var(--text-color, #e0e0e0);
}
[data-theme=dark] .context-editor-organism__field--info {
  background: var(--surface-ground, #333);
  color: var(--text-color-secondary, #a0a0a0);
}
[data-theme=dark] .context-editor-organism__field-label {
  color: var(--text-color, #e0e0e0);
}
.context-config-canvas {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
}
.context-config-canvas__breadcrumb {
  display: flex;
  align-items: center;
  gap: var(--spacing-xs);
  padding: var(--spacing-sm) var(--spacing-md);
  border-bottom: 1px solid var(--primary-border);
  background: var(--component-background);
  flex-shrink: 0;
  min-height: 40px;
  flex-wrap: wrap;
}
[data-theme=dark] .context-config-canvas__breadcrumb {
  border-bottom-color: var(--primary-border-dark);
  background: var(--component-background-dark);
}
.context-config-canvas__breadcrumb-separator {
  font-size: 10px;
  color: var(--secondary-text-color);
  flex-shrink: 0;
}
.context-config-canvas__breadcrumb-link {
  background: none;
  border: none;
  padding: var(--spacing-xxs) var(--spacing-xs);
  border-radius: var(--border-radius-sm);
  color: var(--primary-color, #3B82F6);
  font-family: Manrope, sans-serif;
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
  white-space: nowrap;
}
.context-config-canvas__breadcrumb-link:hover {
  background: var(--hover-background, rgba(59, 130, 246, 0.08));
  text-decoration: underline;
}
.context-config-canvas__breadcrumb-link:focus-visible {
  outline: 2px solid var(--primary-color, #3B82F6);
  outline-offset: 1px;
}
[data-theme=dark] .context-config-canvas__breadcrumb-link {
  color: var(--primary-color-dark, #60A5FA);
}
[data-theme=dark] .context-config-canvas__breadcrumb-link:hover {
  background: var(--hover-background-dark, rgba(96, 165, 250, 0.12));
}
.context-config-canvas__breadcrumb-current {
  padding: var(--spacing-xxs) var(--spacing-xs);
  color: var(--primary-text-color);
  font-family: Manrope, sans-serif;
  font-size: 13px;
  font-weight: 600;
  white-space: nowrap;
}
[data-theme=dark] .context-config-canvas__breadcrumb-current {
  color: var(--primary-text-color-dark, #E5E7EB);
}
.context-config-canvas__content {
  flex: 1;
  overflow-y: auto;
  padding: var(--spacing-md);
  max-width: 720px;
}
[data-theme=dark] .context-config-canvas__content {
  background: var(--surface-ground-dark, #1E1E2E);
}
.context-view-editor {
  width: 100%;
}
.context-view-editor .p-accordion .p-accordion-tab {
  margin-bottom: 0.5rem;
}
.context-view-editor__section {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 0.5rem 0;
}
.context-view-editor__section--grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
}
@media (max-width: 768px) {
  .context-view-editor__section--grid {
    grid-template-columns: 1fr;
  }
}
.context-view-editor__field {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.context-view-editor__field--checkbox {
  flex-direction: row;
  align-items: center;
  gap: 0.5rem;
}
.context-view-editor__field--checkbox label {
  font-size: var(--font-size-sm, 0.875rem);
  color: var(--text-color, #333);
  cursor: pointer;
}
.context-view-editor__field-label {
  font-size: var(--font-size-sm, 0.875rem);
  font-weight: 500;
  color: var(--text-color, #333);
}
.context-view-editor__input {
  width: 100%;
}
.context-view-editor__input--flex {
  flex: 1;
  min-width: 0;
}
.context-view-editor__input--renderer {
  width: 140px;
  flex-shrink: 0;
}
.context-view-editor__view-config {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  padding: 0.5rem 0;
}
.context-view-editor__columns {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.context-view-editor__columns-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 0.5rem;
  border-bottom: 1px solid var(--surface-border, #dee2e6);
}
.context-view-editor__column-row {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem;
  border: 1px solid var(--surface-border, #dee2e6);
  border-radius: var(--border-radius, 4px);
  background: var(--surface-ground, #f8f9fa);
}
.context-view-editor__add-btn {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0.375rem 0.75rem;
  border: 1px solid var(--primary-color, #3b82f6);
  border-radius: var(--border-radius, 4px);
  background: transparent;
  color: var(--primary-color, #3b82f6);
  font-size: var(--font-size-sm, 0.875rem);
  cursor: pointer;
  transition: background-color 0.2s;
}
.context-view-editor__add-btn:hover:not(:disabled) {
  background: var(--primary-color, #3b82f6);
  color: var(--primary-color-text, #fff);
}
.context-view-editor__add-btn:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.context-view-editor__remove-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  border: none;
  border-radius: var(--border-radius, 4px);
  background: transparent;
  color: var(--text-color-secondary, #6c757d);
  cursor: pointer;
  flex-shrink: 0;
  transition: color 0.2s, background-color 0.2s;
}
.context-view-editor__remove-btn:hover:not(:disabled) {
  color: var(--red-500, #ef4444);
  background: var(--red-50, #fef2f2);
}
.context-view-editor__remove-btn:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.context-view-editor__empty {
  padding: 1rem;
  text-align: center;
  color: var(--text-color-secondary, #6c757d);
  font-size: var(--font-size-sm, 0.875rem);
  font-style: italic;
  border: 1px dashed var(--surface-border, #dee2e6);
  border-radius: var(--border-radius, 4px);
}
[data-theme=dark] .context-view-editor__column-row {
  background: var(--surface-ground, #1e1e1e);
}
[data-theme=dark] .context-view-editor__remove-btn:hover:not(:disabled) {
  background: rgba(239, 68, 68, 0.15);
}
/**
 * TreeMapFilters Molecule Styles
 */
.tree-map-filters__controls {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
}
.tree-map-filters__group {
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-width: 200px;
}
.tree-map-filters__group label {
  font-size: var(--secondary-font);
  font-weight: 600;
  color: var(--primary-text-color);
}
.tree-map-filters__group input {
  padding: 8px 12px;
  border: var(--primary-border);
  border-radius: var(--border-radius);
  background: var(--component-background);
  color: var(--primary-text-color);
  font-size: var(--primary-font);
  font-family: var(--font-family);
}
.tree-map-filters__group input::-moz-placeholder {
  color: var(--secondary-text-color);
  opacity: 0.6;
}
.tree-map-filters__group input::placeholder {
  color: var(--secondary-text-color);
  opacity: 0.6;
}
.tree-map-filters__group input:focus {
  outline: none;
  border-color: #377FC4;
  box-shadow: 0 0 0 2px rgba(55, 127, 196, 0.1);
}
.tree-map-filters__group .text-muted {
  color: var(--secondary-text-color);
  font-size: var(--secondary-font);
  opacity: 0.7;
}
.tree-map-filters__active {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 12px;
  padding: 8px 0;
  font-size: var(--secondary-font);
  color: var(--secondary-text-color);
}
.tree-map-filters__active button {
  background: transparent;
  border: none;
  color: #377FC4;
  cursor: pointer;
  font-size: var(--secondary-font);
  font-weight: 600;
  padding: 4px 8px;
  border-radius: 4px;
  transition: all 0.2s ease;
}
.tree-map-filters__active button:hover {
  background: var(--hover-background);
  color: #2C6BA5;
}
.orbital-node {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: none;
  border: none;
  padding: 0;
  font: inherit;
  color: inherit;
  text-align: left;
  display: flex;
  flex-direction: column;
  align-items: center;
  cursor: pointer;
  transition: transform 0.2s ease, filter 0.2s ease;
  position: relative;
  animation: node-entrance 800ms cubic-bezier(0.34, 1.56, 0.64, 1) backwards;
  contain: layout style;
}
.orbital-node:hover {
  transform: scale(1.08);
  filter: brightness(1.1);
  animation: node-hover-wobble 0.6s ease-in-out;
}
.orbital-node:active {
  transform: scale(0.98);
}
.orbital-node:focus {
  outline: none;
}
.orbital-node:focus .orbital-node__ring-image {
  filter: drop-shadow(0 0 4px var(--status-on-track, #10B981));
}
.orbital-node__svg {
  width: 100%;
  height: 100%;
  display: block;
  overflow: visible;
}
.orbital-node__ring-image {
  filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.3));
  transition: filter 0.2s ease;
}
.orbital-node__inner-bg {
  transition: fill 0.2s ease;
}
.orbital-node__avatar {
  transition: opacity 0.2s ease;
}
.orbital-node__initials {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  pointer-events: none;
}
.orbital-node__label {
  margin-top: 4px;
  font-size: 11px;
  font-weight: 600;
  color: #ffffff;
  text-align: center;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
  font-family: var(--font-family, sans-serif);
  line-height: 1.2;
}
.orbital-node__satellite-orbit {
  pointer-events: none;
}
.orbital-node__satellite {
  transition: r 0.2s ease, filter 0.2s ease;
}
.orbital-node__satellite:nth-child(2) {
  animation-delay: -4s;
}
.orbital-node__satellite:nth-child(3) {
  animation-delay: -8s;
}
.orbital-node__satellite:nth-child(4) {
  animation-delay: -12s;
}
.orbital-node__satellite:nth-child(5) {
  animation-delay: -16s;
}
.orbital-node__satellite:hover {
  r: 6;
}
.orbital-node__satellites--animated {
  animation: satellite-orbit 20s ease-in-out infinite;
}
.orbital-node__status-ring {
  transition: stroke-width 0.3s ease, filter 0.3s ease;
}
.orbital-node__status-ring--off_track, .orbital-node__status-ring--overdue {
  animation: status-pulse-urgent 1.5s ease-in-out infinite;
}
.orbital-node__status-ring--at_risk, .orbital-node__status-ring--warning {
  animation: status-pulse-warning 2.5s ease-in-out infinite;
}
.orbital-node__status-ring--on_track, .orbital-node__status-ring--complete {
  filter: drop-shadow(0 0 3px currentColor);
}
[data-theme=dark] .orbital-node__inner-bg {
  fill: #0f172a;
}
[data-theme=dark] .orbital-node__label {
  color: var(--primary-text-color, #E1E1E1);
}
.orbital-node--small .orbital-node__label {
  font-size: 10px;
}
.orbital-node--large .orbital-node__label {
  font-size: 13px;
  margin-top: 6px;
}
.orbital-node--selected .orbital-node__ring-image {
  filter: drop-shadow(0 0 8px rgba(16, 182, 254, 0.6));
}
.orbital-node:nth-child(1) {
  animation-delay: 0ms;
}
.orbital-node:nth-child(2) {
  animation-delay: 200ms;
}
.orbital-node:nth-child(3) {
  animation-delay: 400ms;
}
.orbital-node:nth-child(4) {
  animation-delay: 600ms;
}
.orbital-node:nth-child(5) {
  animation-delay: 800ms;
}
.orbital-node:nth-child(6) {
  animation-delay: 1000ms;
}
.orbital-node:nth-child(7) {
  animation-delay: 1200ms;
}
.orbital-node:nth-child(8) {
  animation-delay: 1400ms;
}
.orbital-node:nth-child(n+9) {
  animation-delay: 1600ms;
}
@keyframes node-entrance {
  0% {
    opacity: 0;
    transform: scale(0.3);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes node-hover-wobble {
  0%, 100% {
    transform: scale(1.08) rotate(0deg);
  }
  25% {
    transform: scale(1.1) rotate(-2deg);
  }
  75% {
    transform: scale(1.1) rotate(2deg);
  }
}
@keyframes satellite-orbit {
  0%, 100% {
    transform: rotate(0deg) translateX(0) scale(1);
  }
  25% {
    transform: rotate(90deg) translateX(2px) scale(1.05);
  }
  50% {
    transform: rotate(180deg) translateX(0) scale(1);
  }
  75% {
    transform: rotate(270deg) translateX(-2px) scale(0.95);
  }
}
@keyframes status-pulse-urgent {
  0%, 100% {
    stroke-width: inherit;
    filter: drop-shadow(0 0 2px currentColor);
  }
  50% {
    stroke-width: calc(inherit * 1.3);
    filter: drop-shadow(0 0 6px currentColor);
  }
}
@keyframes status-pulse-warning {
  0%, 100% {
    stroke-width: inherit;
    filter: drop-shadow(0 0 2px currentColor);
  }
  50% {
    stroke-width: calc(inherit * 1.2);
    filter: drop-shadow(0 0 4px currentColor);
  }
}
.satellite-atom {
  filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.3));
  transition: r 0.2s ease, fill 0.2s ease;
}
.satellite-atom:hover {
  r: 6;
  cursor: pointer;
}
.timeline-marker-atom {
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  transition: all 0.2s ease;
  z-index: 1;
}
.timeline-marker-atom i {
  color: white;
  font-size: 1.125rem;
}
.timeline-marker-atom:hover {
  transform: scale(1.1);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
}
.timeline-marker-atom.status-not-started {
  background-color: var(--gray-500, #6c757d);
}
.timeline-marker-atom.status-active {
  background-color: var(--primary-color, #0d6efd);
}
.timeline-marker-atom.status-completed {
  background-color: var(--green-500, #198754);
}
@media (prefers-reduced-motion: reduce) {
  .timeline-marker-atom {
    transition: none;
  }
  .timeline-marker-atom:hover {
    transform: none;
  }
}
.timeline-event-card-molecule {
  margin-bottom: 1rem;
  border: 1px solid #dee2e6;
  border-radius: 8px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
  transition: all 0.2s ease;
}
.timeline-event-card-molecule:hover {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  transform: translateY(-2px);
}
.timeline-event-card-molecule :global(.p-card-body) {
  padding: 1rem;
}
.timeline-event-card-molecule :global(.p-card-content) {
  padding: 0;
}
.timeline-event-card-molecule .event-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 1rem;
  margin-bottom: 0.75rem;
}
.timeline-event-card-molecule .event-header .event-stage-info {
  flex: 1;
}
.timeline-event-card-molecule .event-header .event-stage-info .event-stage-name {
  margin: 0 0 0.25rem 0;
  font-size: 1rem;
  font-weight: 600;
  color: var(--text-color-primary, #212529);
}
.timeline-event-card-molecule .event-header .event-stage-info .event-action {
  display: inline-block;
  font-size: 0.875rem;
  color: var(--primary-color, #0d6efd);
  font-weight: 500;
}
.timeline-event-card-molecule .event-header .event-time {
  font-size: 0.875rem;
  color: var(--text-color-secondary, #6c757d);
  font-weight: 500;
  white-space: nowrap;
}
.timeline-event-card-molecule .event-metadata {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  padding: 0.75rem 0;
  border-top: 1px solid var(--surface-border, #e9ecef);
  font-size: 0.8125rem;
  color: var(--text-color-secondary, #6c757d);
}
.timeline-event-card-molecule .event-metadata .event-user,
.timeline-event-card-molecule .event-metadata .event-timestamp {
  display: flex;
  align-items: center;
  gap: 0.375rem;
}
.timeline-event-card-molecule .event-metadata .event-user i,
.timeline-event-card-molecule .event-metadata .event-timestamp i {
  font-size: 0.875rem;
  color: var(--text-color-muted, #adb5bd);
}
.timeline-event-card-molecule .event-comment {
  margin-top: 0.75rem;
  padding: 0.75rem;
  background-color: var(--surface-ground, #f8f9fa);
  border-radius: 4px;
  border-left: 3px solid var(--primary-color, #0d6efd);
}
.timeline-event-card-molecule .event-comment i {
  font-size: 0.875rem;
  color: var(--primary-color, #0d6efd);
  margin-right: 0.5rem;
}
.timeline-event-card-molecule .event-comment p {
  margin: 0;
  font-size: 0.875rem;
  color: var(--text-color, #495057);
  line-height: 1.5;
  display: inline;
}
@media (max-width: 768px) {
  .timeline-event-card-molecule .event-header {
    flex-direction: column;
    gap: 0.5rem;
  }
  .timeline-event-card-molecule .event-header .event-time {
    align-self: flex-start;
  }
  .timeline-event-card-molecule .event-metadata {
    flex-direction: column;
    gap: 0.5rem;
  }
}
@media (prefers-color-scheme: dark) {
  .timeline-event-card-molecule {
    background-color: #1e1e1e;
    border-color: #3a3a3a;
  }
  .timeline-event-card-molecule .event-header .event-stage-info .event-stage-name {
    color: #e0e0e0;
  }
  .timeline-event-card-molecule .event-header .event-stage-info .event-action {
    color: #4dabf7;
  }
  .timeline-event-card-molecule .event-header .event-time {
    color: #adb5bd;
  }
  .timeline-event-card-molecule .event-metadata {
    border-top-color: #3a3a3a;
    color: #adb5bd;
  }
  .timeline-event-card-molecule .event-comment {
    background-color: #2a2a2a;
    border-left-color: #4dabf7;
  }
  .timeline-event-card-molecule .event-comment i {
    color: #4dabf7;
  }
  .timeline-event-card-molecule .event-comment p {
    color: #ced4da;
  }
  .timeline-event-card-molecule:hover {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);
  }
}
@media (prefers-reduced-motion: reduce) {
  .timeline-event-card-molecule {
    transition: none;
  }
  .timeline-event-card-molecule:hover {
    transform: none;
  }
}
.arc-history-timeline .timeline-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1rem;
  padding-bottom: 0.5rem;
  border-bottom: 1px solid var(--surface-300);
}
[data-theme=dark] .arc-history-timeline .timeline-title {
  border-bottom-color: rgba(255, 255, 255, 0.1);
}
.arc-history-timeline .timeline-title h3 {
  margin: 0;
  font-size: 0.9375rem;
  font-weight: 600;
  color: var(--primary-text-color);
  line-height: 1.3;
}
.arc-history-timeline .timeline-title .timeline-count {
  font-size: 0.75rem;
  color: var(--text-color-secondary);
  background-color: var(--surface-200);
  padding: 0.125rem 0.5rem;
  border-radius: 10px;
  font-weight: 500;
  line-height: 1.4;
}
[data-theme=dark] .arc-history-timeline .timeline-title .timeline-count {
  background-color: rgba(255, 255, 255, 0.05);
}
.arc-history-timeline .timeline-loading,
.arc-history-timeline .timeline-error,
.arc-history-timeline .timeline-empty {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.375rem;
  padding: 1.25rem;
  color: var(--text-color-secondary);
  font-style: italic;
  font-size: 0.8125rem;
}
.arc-history-timeline .timeline-loading i,
.arc-history-timeline .timeline-error i,
.arc-history-timeline .timeline-empty i {
  font-size: 0.9375rem;
}
.arc-history-timeline .timeline-loading i {
  color: var(--secondary-color);
}
[data-theme=dark] .arc-history-timeline .timeline-loading i {
  color: #5fa0df;
}
.arc-history-timeline .timeline-error {
  background-color: var(--error-background, #f8d7da);
  border: 1px solid var(--error-border, #f5c2c7);
  border-radius: 6px;
  color: var(--error-color-text, #842029);
  font-style: normal;
}
[data-theme=dark] .arc-history-timeline .timeline-error {
  background-color: rgba(255, 107, 107, 0.1);
  border-color: rgba(255, 107, 107, 0.3);
  color: #ffcdd2;
}
.arc-history-timeline .timeline-error i {
  color: var(--error-color, #dc3545);
}
[data-theme=dark] .arc-history-timeline .timeline-error i {
  color: #ff6b6b;
}
.arc-history-timeline .timeline-empty {
  background-color: var(--surface-100);
  border-radius: 6px;
  border: 1px dashed var(--surface-300);
}
[data-theme=dark] .arc-history-timeline .timeline-empty {
  background-color: rgba(255, 255, 255, 0.03);
  border-color: rgba(255, 255, 255, 0.1);
}
.arc-history-timeline .arc-timeline :global(.p-timeline-event-opposite) {
  flex: 0;
}
.arc-history-timeline .arc-timeline :global(.p-timeline-event-content) {
  flex: 1;
}
.arc-history-timeline .arc-timeline :global(.p-timeline-event-separator) {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.arc-history-timeline .arc-timeline :global(.p-timeline-event-connector) {
  background-color: var(--surface-300);
  width: 2px;
}
[data-theme=dark] .arc-history-timeline .arc-timeline :global(.p-timeline-event-connector) {
  background-color: rgba(255, 255, 255, 0.1);
}
.arc-history-timeline .arc-timeline :global(.p-timeline-event-marker) {
  width: 1rem;
  height: 1rem;
}
@media (max-width: 768px) {
  .arc-history-timeline .timeline-title {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.5rem;
  }
  .arc-history-timeline .timeline-title .timeline-count {
    align-self: flex-start;
  }
}
.sphere-timeline {
  padding: 1rem;
}
.sphere-timeline__loading, .sphere-timeline__empty, .sphere-timeline__error {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 3rem 1rem;
  text-align: center;
  color: var(--text-color-secondary);
}
.sphere-timeline__loading i, .sphere-timeline__empty i, .sphere-timeline__error i {
  font-size: var(--icon-size-xl, 3rem);
}
.sphere-timeline__loading p, .sphere-timeline__empty p, .sphere-timeline__error p {
  margin-top: 1rem;
  font-size: 1.1rem;
}
.sphere-timeline__error {
  gap: 1rem;
}
.sphere-timeline__timeline {
  margin-top: 2rem;
}
.sphere-timeline__timeline :global(.p-timeline-event-content) {
  min-width: 300px;
}
@media (max-width: 768px) {
  .sphere-timeline__timeline :global(.p-timeline-event-content) {
    min-width: 100%;
  }
}
.sphere-timeline__timeline :global(.p-timeline-event-opposite) {
  flex: 0.3;
}
@media (max-width: 768px) {
  .sphere-timeline__timeline :global(.p-timeline-event-opposite) {
    flex: 0;
  }
}
.sphere-timeline__load-trigger {
  min-height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.sphere-timeline__loading-more {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 1rem;
  color: var(--text-color-secondary);
}
.sphere-timeline__loading-more :global(.p-progress-spinner) {
  width: var(--spinner-size-md, 32px);
  height: var(--spinner-size-md, 32px);
}
.sphere-timeline__footer {
  display: flex;
  justify-content: center;
  padding: 1rem;
  margin-top: 2rem;
  border-top: 1px solid var(--surface-border);
}
.sphere-timeline__count {
  margin: 0;
  font-size: 0.875rem;
  color: var(--text-color-secondary);
}
@media (max-width: 768px) {
  .sphere-timeline {
    padding: 0.5rem;
  }
  .sphere-timeline__timeline :global(.p-timeline) {
    padding: 0;
  }
  .sphere-timeline__timeline :global(.p-timeline-event-content) {
    padding-left: 1rem;
  }
}
body.dark .sphere-timeline__loading, body.dark .sphere-timeline__empty, body.dark .sphere-timeline__error {
  color: var(--text-color-secondary);
}
body.dark .sphere-timeline__count {
  color: var(--text-color-secondary);
}
.sphere-perspective-row {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 8px 12px;
  border-radius: var(--border-radius, 4px);
  background: var(--component-background, #fff);
}
.sphere-perspective-row__sphere, .sphere-perspective-row__assigned {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}
.sphere-perspective-row__sphere {
  flex: 1;
}
.sphere-perspective-row__assigned {
  flex: 1;
  padding-left: 16px;
  border-left: 1px solid var(--border-color, rgba(0, 0, 0, 0.1));
}
.sphere-perspective-row__name {
  font-size: var(--primary-font, 14px);
  color: var(--primary-text-color, #333);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.sphere-perspective-row__empty {
  font-size: var(--primary-font, 14px);
  color: var(--secondary-text-color, #666);
  font-style: italic;
}
[data-theme=dark] .sphere-perspective-row {
  background: var(--component-background, #1e1e2e);
}
[data-theme=dark] .sphere-perspective-row__assigned {
  border-left-color: rgba(255, 255, 255, 0.1);
}
[data-theme=dark] .sphere-perspective-row__name {
  color: var(--primary-text-color, #e0e0e0);
}
[data-theme=dark] .sphere-perspective-row__empty {
  color: var(--secondary-text-color, #a0a0a0);
}
.context-preview-panel {
  display: flex;
  flex-direction: column;
  height: 100%;
  font-family: Manrope, sans-serif;
}
.context-preview-panel__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: var(--spacing-sm) var(--spacing-md);
  border-bottom: 1px solid var(--primary-border);
  flex-shrink: 0;
}
[data-theme=dark] .context-preview-panel__header {
  border-bottom-color: var(--primary-border-dark);
}
.context-preview-panel__title {
  font-size: 14px;
  font-weight: 600;
  color: var(--primary-text-color);
}
.context-preview-panel__close-btn {
  width: 28px;
  height: 28px;
  flex-shrink: 0;
}
.context-preview-panel__info-message {
  display: flex;
  align-items: center;
  gap: var(--spacing-xs);
  padding: var(--spacing-md);
  color: var(--secondary-text-color);
  font-size: 13px;
  text-align: center;
  flex: 1;
  justify-content: center;
}
.context-preview-panel__info-icon {
  font-size: 16px;
  color: var(--secondary-text-color);
  flex-shrink: 0;
}
.context-preview-panel__info-banner {
  display: flex;
  align-items: center;
  gap: var(--spacing-xs);
  padding: var(--spacing-xs) var(--spacing-md);
  background: var(--info-background, rgba(13, 110, 253, 0.08));
  border-bottom: 1px solid var(--primary-border);
  color: var(--secondary-text-color);
  font-size: 12px;
}
[data-theme=dark] .context-preview-panel__info-banner {
  background: var(--info-background-dark, rgba(13, 110, 253, 0.12));
  border-bottom-color: var(--primary-border-dark);
}
.context-preview-panel__selector-section {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs);
  padding: var(--spacing-md);
  border-bottom: 1px solid var(--primary-border);
  flex-shrink: 0;
}
[data-theme=dark] .context-preview-panel__selector-section {
  border-bottom-color: var(--primary-border-dark);
}
.context-preview-panel__label {
  font-size: 12px;
  font-weight: 600;
  color: var(--secondary-text-color);
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.context-preview-panel__execute-btn {
  align-self: flex-end;
}
.context-preview-panel__loading {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs);
  padding: var(--spacing-md);
}
.context-preview-panel__skeleton {
  border-radius: var(--border-radius-sm);
}
.context-preview-panel__error {
  display: flex;
  align-items: flex-start;
  gap: var(--spacing-xs);
  padding: var(--spacing-sm) var(--spacing-md);
  margin: var(--spacing-sm) var(--spacing-md);
  background: var(--error-background, rgba(220, 53, 69, 0.1));
  border: 1px solid var(--error-border, rgba(220, 53, 69, 0.3));
  border-radius: var(--border-radius-sm);
  color: var(--error-text, #dc3545);
  font-size: 13px;
  word-break: break-word;
}
[data-theme=dark] .context-preview-panel__error {
  background: rgba(220, 53, 69, 0.15);
  border-color: rgba(220, 53, 69, 0.4);
  color: var(--error-text-dark, #f5a5ad);
}
.context-preview-panel__error-icon {
  font-size: 16px;
  flex-shrink: 0;
  margin-top: 1px;
}
.context-preview-panel__results {
  flex: 1;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.context-preview-panel__stats {
  display: flex;
  align-items: center;
  padding: var(--spacing-xs) var(--spacing-md);
  font-size: 12px;
  color: var(--secondary-text-color);
  border-bottom: 1px solid var(--primary-border);
  flex-shrink: 0;
}
[data-theme=dark] .context-preview-panel__stats {
  border-bottom-color: var(--primary-border-dark);
}
.context-preview-panel__no-results {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-lg);
  color: var(--secondary-text-color);
  font-size: 13px;
}
.context-preview-panel__columns {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-sm);
  overflow-x: auto;
  overflow-y: hidden;
  padding: var(--spacing-sm) var(--spacing-md);
  flex: 1;
  min-height: 0;
}
.context-preview-panel__column {
  display: flex;
  flex-direction: column;
  min-width: 200px;
  max-width: 260px;
  flex-shrink: 0;
  border: 1px solid var(--primary-border);
  border-radius: var(--border-radius-md);
  background: var(--component-background);
  overflow: hidden;
}
[data-theme=dark] .context-preview-panel__column {
  border-color: var(--primary-border-dark);
  background: var(--component-background-dark);
}
.context-preview-panel__column-header {
  display: flex;
  align-items: center;
  gap: var(--spacing-xxs);
  padding: var(--spacing-xs) var(--spacing-sm);
  border-bottom: 1px solid var(--primary-border);
  background: var(--hover-background, rgba(0, 0, 0, 0.02));
  flex-shrink: 0;
}
[data-theme=dark] .context-preview-panel__column-header {
  border-bottom-color: var(--primary-border-dark);
  background: var(--hover-background-dark, rgba(255, 255, 255, 0.03));
}
.context-preview-panel__column-icon {
  font-size: 12px;
  color: var(--secondary-text-color);
  flex-shrink: 0;
}
.context-preview-panel__column-label {
  font-size: 12px;
  font-weight: 600;
  color: var(--primary-text-color);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  flex: 1;
  min-width: 0;
}
.context-preview-panel__column-count {
  font-size: 11px;
  color: var(--secondary-text-color);
  background: var(--chip-background, rgba(0, 0, 0, 0.06));
  padding: 1px var(--spacing-xxs);
  border-radius: var(--border-radius-sm);
  flex-shrink: 0;
}
[data-theme=dark] .context-preview-panel__column-count {
  background: rgba(255, 255, 255, 0.1);
}
.context-preview-panel__column-body {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xxs);
  padding: var(--spacing-xs);
  overflow-y: auto;
  flex: 1;
  min-height: 0;
}
.context-preview-panel__column-empty {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-md);
  color: var(--secondary-text-color);
  font-size: 12px;
  font-style: italic;
}
.context-preview-panel__card {
  display: flex;
  align-items: center;
  gap: var(--spacing-xxs);
  padding: var(--spacing-xxs) var(--spacing-xs);
  border: 1px solid var(--primary-border);
  border-radius: var(--border-radius-sm);
  background: var(--surface-card, var(--component-background));
  font-size: 12px;
  cursor: default;
}
[data-theme=dark] .context-preview-panel__card {
  border-color: var(--primary-border-dark);
  background: var(--surface-card, var(--component-background-dark));
}
.context-preview-panel__card-avatar {
  font-size: 14px;
  flex-shrink: 0;
}
.context-preview-panel__card-label {
  color: var(--primary-text-color);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  flex: 1;
  min-width: 0;
}
.context-preview-panel__card-type {
  font-size: 10px;
  color: var(--secondary-text-color);
  background: var(--chip-background, rgba(0, 0, 0, 0.06));
  padding: 1px var(--spacing-xxs);
  border-radius: var(--border-radius-sm);
  flex-shrink: 0;
  white-space: nowrap;
}
[data-theme=dark] .context-preview-panel__card-type {
  background: rgba(255, 255, 255, 0.1);
}
.context-builder {
  display: grid;
  grid-template-columns: 240px 1fr 320px;
  grid-template-rows: 1fr;
  flex: 1;
  min-height: 0;
  position: relative;
  overflow: hidden;
  background: var(--component-background);
  border: 1px solid var(--primary-border);
  border-radius: var(--border-radius-md);
}
[data-theme=dark] .context-builder {
  background: var(--component-background-dark);
  border-color: var(--primary-border-dark);
}
.context-builder--compact {
  grid-template-columns: 240px 1fr;
}
.context-builder--compact.context-builder--preview-hidden {
  grid-template-columns: 240px 1fr;
}
.context-builder--preview-hidden {
  grid-template-columns: 240px 1fr;
}
.context-builder--mobile {
  grid-template-columns: 1fr;
}
.context-builder--mobile.context-builder--preview-hidden {
  grid-template-columns: 1fr;
}
.context-builder--tablet {
  grid-template-columns: 240px 1fr;
}
.context-builder--tablet.context-builder--preview-hidden {
  grid-template-columns: 240px 1fr;
}
.context-builder__rail {
  overflow-y: auto;
  border-right: 1px solid var(--primary-border);
  background: var(--component-background);
}
[data-theme=dark] .context-builder__rail {
  border-right-color: var(--primary-border-dark);
  background: var(--component-background-dark);
}
.context-builder__canvas {
  overflow-y: auto;
  min-width: 0;
}
.context-builder__preview {
  overflow-y: auto;
  border-left: 1px solid var(--primary-border);
  background: var(--component-background);
  padding: var(--spacing-md);
}
[data-theme=dark] .context-builder__preview {
  border-left-color: var(--primary-border-dark);
  background: var(--component-background-dark);
}
.context-builder__preview-placeholder {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  color: var(--secondary-text-color);
  font-size: 14px;
  text-align: center;
}
.context-builder__preview-toggle {
  position: absolute;
  top: var(--spacing-xs);
  right: var(--spacing-xs);
  z-index: 10;
  width: 32px;
  height: 32px;
}
.context-builder__rail-toggle {
  position: absolute;
  top: var(--spacing-xs);
  left: var(--spacing-xs);
  z-index: 10;
  width: 36px;
  height: 36px;
}
.context-builder--tablet .context-builder__preview {
  position: absolute;
  top: 0;
  right: 0;
  width: 320px;
  height: 100%;
  z-index: 20;
  box-shadow: var(--shadow-lg);
}
.context-builder--mobile .context-builder__preview {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: 20;
  box-shadow: var(--shadow-lg);
}
.context-builder--mobile .context-builder__canvas {
  padding-top: var(--spacing-xl);
}
.context-builder--compact.context-builder--mobile {
  grid-template-columns: 1fr;
}
.context-builder--compact.context-builder--tablet {
  grid-template-columns: 240px 1fr;
}
.context-builder--compact .context-builder__rail {
  min-width: 240px;
}
.context-builder__rail-sidebar {
  width: 280px !important;
}
.context-builder__rail-sidebar .p-sidebar-content {
  padding: 0;
}
[data-theme=dark] .context-builder__rail-sidebar {
  background: var(--component-background-dark);
}
.context-inventory-organism__new-btn {
  white-space: nowrap;
}
.context-inventory-organism__actions {
  display: flex;
  gap: var(--spacing-xxs);
  align-items: center;
}
.context-inventory-organism__name-cell {
  display: flex;
  align-items: center;
  gap: var(--spacing-xs);
}
.context-inventory-organism__built-in-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 0.75rem;
  color: var(--secondary-text-color);
}
.context-inventory-organism__built-in-badge .pi-lock {
  font-size: 0.875rem;
}
.context-inventory-organism__muted {
  color: var(--secondary-text-color);
  font-style: italic;
}
.context-inventory-organism__levels-badge {
  font-size: var(--secondary-font);
  color: var(--secondary-text-color);
  background: var(--surface-200, #f0f0f0);
  padding: 0.25rem 0.5rem;
  border-radius: var(--border-radius);
}
[data-theme=dark] .context-inventory-organism__levels-badge {
  background: var(--surface-700, #333);
}
.context-inventory-organism__description {
  color: var(--secondary-text-color);
  font-size: var(--secondary-font);
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.context-inventory-organism__date {
  font-size: var(--secondary-font);
  color: var(--secondary-text-color);
}
.context-inventory-organism__table {
  font-family: Manrope, sans-serif;
}
.activity-card-molecule {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  font: inherit;
  color: inherit;
  text-align: left;
  width: 100%;
  display: flex;
  align-items: center;
  gap: var(--spacing-sm, 12px);
  padding: var(--spacing-sm, 12px) var(--spacing-md, 16px);
  border-radius: var(--border-radius);
  border: var(--primary-border);
  background: var(--component-background-gradient);
  box-shadow: var(--element-shadow);
  margin-bottom: var(--spacing-xs, 8px);
  cursor: pointer;
  transition: all 0.2s ease;
}
.activity-card-molecule:hover {
  box-shadow: var(--card-shadow);
  transform: translateY(-1px);
}
.activity-card-molecule:focus {
  outline: 2px solid var(--primary-color);
  outline-offset: 2px;
}
.activity-card-molecule .activity-card-icon {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--spacing-xl, 32px);
  height: var(--spacing-xl, 32px);
  border-radius: var(--border-radius);
  background: var(--component-background);
}
.activity-card-molecule .activity-card-icon i {
  font-size: var(--primary-font, 16px);
  color: var(--primary-color);
}
.activity-card-molecule .activity-card-content {
  flex: 1;
  min-width: 0;
}
.activity-card-molecule .activity-card-content .activity-card-text {
  font-size: var(--primary-font);
  color: var(--primary-text-color);
  line-height: 1.4;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.activity-card-molecule .activity-card-timestamp {
  flex-shrink: 0;
}
.activity-card-molecule .activity-card-timestamp .notification-timestamp-atom {
  font-size: var(--secondary-font);
  color: var(--secondary-text-color);
  white-space: nowrap;
}
[data-theme=dark] .activity-card-molecule .activity-card-icon {
  background: var(--surface-ground, #1e1e1e);
}
.approach-tree-node {
  display: flex;
  align-items: center;
  gap: var(--spacing-xs);
  padding: var(--spacing-xxs) var(--spacing-xs);
  cursor: pointer;
  border-radius: var(--border-radius-sm);
  transition: background-color 0.15s ease;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  min-height: 32px;
}
.approach-tree-node:hover {
  background-color: var(--highlight-bg, rgba(0, 0, 0, 0.04));
}
.approach-tree-node--selected {
  background-color: var(--highlight-bg, rgba(0, 0, 0, 0.08));
  font-weight: 600;
}
.approach-tree-node--selected:hover {
  background-color: var(--highlight-bg, rgba(0, 0, 0, 0.1));
}
.approach-tree-node__chevron {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  min-width: 20px;
  font-size: 0.75rem;
  color: var(--secondary-text-color);
}
.approach-tree-node__chevron i {
  transition: transform 0.15s ease;
}
.approach-tree-node__icon {
  font-size: 0.875rem;
  color: var(--secondary-text-color);
  min-width: 16px;
  text-align: center;
}
.approach-tree-node__icon--avatar {
  display: inline-block;
  width: var(--spacing-md);
  height: var(--spacing-md);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  vertical-align: middle;
}
.approach-tree-node__label {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.8125rem;
  line-height: 1.4;
  color: var(--primary-text-color);
}
.approach-tree-node__error {
  font-size: 0.75rem;
  color: var(--red-500, #ef4444);
  cursor: help;
}
[data-theme=dark] .approach-tree-node:hover {
  background-color: var(--highlight-bg, rgba(255, 255, 255, 0.06));
}
[data-theme=dark] .approach-tree-node--selected {
  background-color: var(--highlight-bg, rgba(255, 255, 255, 0.1));
}
[data-theme=dark] .approach-tree-node--selected:hover {
  background-color: var(--highlight-bg, rgba(255, 255, 255, 0.14));
}
[data-theme=dark] .approach-tree-node__error {
  color: var(--red-400, #f87171);
}
.approach-tree-molecule {
  overflow-y: auto;
  max-height: 100%;
  padding: var(--spacing-xxs) 0;
}
[data-theme=dark] .approach-tree-molecule {
  scrollbar-color: var(--surface-400, #6b7280) transparent;
}
.context-level-summary {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xxs);
  padding: var(--spacing-xs) var(--spacing-sm);
  border: 1px solid var(--primary-border, rgba(0, 0, 0, 0.12));
  border-radius: var(--border-radius-sm);
  background: var(--component-background, #fff);
  min-width: 100px;
  max-width: 180px;
}
.context-level-summary__label {
  font-size: 0.75rem;
  font-weight: 600;
  color: var(--primary-text-color);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.context-level-summary__types {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xxs);
}
.context-level-summary__type-name {
  font-size: 0.6875rem;
  color: var(--secondary-text-color);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.context-level-summary__all-spheres {
  font-size: 0.6875rem;
  color: var(--secondary-text-color);
  font-style: italic;
}
.context-level-summary__filter-count {
  font-size: 0.6875rem;
  color: var(--secondary-text-color);
  background: var(--highlight-bg, rgba(0, 0, 0, 0.06));
  border-radius: var(--border-radius-sm);
  padding: var(--spacing-xxs) var(--spacing-xxs);
  display: inline-block;
}
.context-level-summary__repeat {
  font-size: 0.625rem;
  font-weight: 600;
  color: var(--secondary-text-color);
  background: var(--highlight-bg, rgba(0, 0, 0, 0.06));
  border-radius: var(--border-radius-sm);
  padding: var(--spacing-xxs) var(--spacing-xxs);
  align-self: flex-start;
}
[data-theme=dark] .context-level-summary {
  border-color: var(--primary-border-dark, rgba(255, 255, 255, 0.15));
  background: var(--component-background-dark, #1e1e1e);
}
[data-theme=dark] .context-level-summary__filter-count, [data-theme=dark] .context-level-summary__repeat {
  background: var(--highlight-bg, rgba(255, 255, 255, 0.08));
}
.context-summary {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}
.context-summary__not-available, .context-summary__no-levels {
  margin: 0;
  font-size: 0.8125rem;
  color: var(--secondary-text-color);
  font-style: italic;
}
.context-summary__compact {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs);
}
.context-summary__levels-row {
  display: flex;
  align-items: center;
  gap: var(--spacing-xs);
  overflow-x: auto;
  padding-bottom: var(--spacing-xxs);
}
.context-summary__direction-arrow {
  font-size: 1rem;
  font-weight: 600;
  color: var(--secondary-text-color);
  flex-shrink: 0;
}
.context-summary__more-indicator {
  font-size: 0.75rem;
  font-weight: 500;
  color: var(--secondary-text-color);
  white-space: nowrap;
  padding: var(--spacing-xxs) var(--spacing-xs);
  background: var(--highlight-bg, rgba(0, 0, 0, 0.06));
  border-radius: var(--border-radius-sm);
}
.context-summary__summary-line {
  font-size: 0.75rem;
  color: var(--secondary-text-color);
}
.context-summary__expanded {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}
.context-summary__level-panel {
  border: 1px solid var(--primary-border, rgba(0, 0, 0, 0.12));
  border-radius: var(--border-radius-sm);
  padding: var(--spacing-sm);
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs);
}
.context-summary__level-header {
  display: flex;
  align-items: center;
  gap: var(--spacing-xs);
  flex-wrap: wrap;
}
.context-summary__level-label {
  font-size: 0.8125rem;
  font-weight: 600;
  color: var(--primary-text-color);
}
.context-summary__level-direction {
  font-size: 0.75rem;
  color: var(--secondary-text-color);
}
.context-summary__level-repeat {
  font-size: 0.6875rem;
  font-weight: 600;
  color: var(--secondary-text-color);
  background: var(--highlight-bg, rgba(0, 0, 0, 0.06));
  border-radius: var(--border-radius-sm);
  padding: var(--spacing-xxs) var(--spacing-xxs);
}
.context-summary__level-section {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xxs);
}
.context-summary__section-label {
  font-size: 0.6875rem;
  font-weight: 600;
  color: var(--secondary-text-color);
  text-transform: uppercase;
  letter-spacing: 0.03em;
}
.context-summary__filter-list {
  margin: 0;
  padding: 0 0 0 var(--spacing-md);
  list-style: disc;
}
.context-summary__filter-item {
  font-size: 0.75rem;
  color: var(--primary-text-color);
  line-height: 1.5;
}
.context-summary__segment {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xxs);
  padding-left: var(--spacing-xs);
  border-left: 2px solid var(--primary-border, rgba(0, 0, 0, 0.12));
}
.context-summary__segment-label {
  font-size: 0.75rem;
  font-weight: 500;
  color: var(--primary-text-color);
}
.context-summary__segment-filter {
  font-size: 0.6875rem;
  color: var(--secondary-text-color);
}
.context-summary__sort-value {
  font-size: 0.75rem;
  color: var(--primary-text-color);
}
.context-summary__enrichment-list {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-xxs);
}
.context-summary__enrichment-badge {
  font-size: 0.6875rem;
  font-weight: 500;
  padding: var(--spacing-xxs) var(--spacing-xs);
  background: var(--surface-200, rgba(0, 0, 0, 0.06));
  border-radius: var(--border-radius-sm);
  color: var(--secondary-text-color);
}
.context-summary__pagination-value {
  font-size: 0.75rem;
  color: var(--primary-text-color);
}
.context-summary__global-settings {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-xs);
  padding-top: var(--spacing-xs);
  border-top: 1px solid var(--surface-border, var(--primary-border));
}
.context-summary__setting {
  font-size: 0.6875rem;
  padding: var(--spacing-xxs) var(--spacing-xs);
  background: var(--surface-200, rgba(0, 0, 0, 0.06));
  border-radius: var(--border-radius-sm);
  color: var(--secondary-text-color);
}
.context-summary__toggle {
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-xxs);
  background: none;
  border: none;
  padding: var(--spacing-xxs) 0;
  font-size: 0.75rem;
  font-weight: 500;
  color: var(--primary-color, #3b82f6);
  cursor: pointer;
  align-self: flex-start;
}
.context-summary__toggle:hover {
  text-decoration: underline;
}
.context-summary__toggle i {
  font-size: 0.625rem;
}
[data-theme=dark] .context-summary__level-panel {
  border-color: var(--primary-border-dark, rgba(255, 255, 255, 0.15));
}
[data-theme=dark] .context-summary__more-indicator, [data-theme=dark] .context-summary__level-repeat {
  background: var(--highlight-bg, rgba(255, 255, 255, 0.08));
}
[data-theme=dark] .context-summary__segment {
  border-left-color: var(--primary-border-dark, rgba(255, 255, 255, 0.15));
}
[data-theme=dark] .context-summary__enrichment-badge, [data-theme=dark] .context-summary__setting {
  background: var(--surface-600, rgba(255, 255, 255, 0.1));
}
[data-theme=dark] .context-summary__global-settings {
  border-top-color: var(--surface-border, var(--primary-border-dark));
}
[data-theme=dark] .context-summary__toggle {
  color: var(--primary-color, #60a5fa);
}
.approach-node-detail {
  padding: var(--spacing-md);
  height: 100%;
  overflow-y: auto;
}
.approach-node-detail__empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  min-height: 200px;
  color: var(--secondary-text-color);
  text-align: center;
  gap: var(--spacing-sm);
}
.approach-node-detail__empty-icon {
  font-size: 2rem;
  opacity: 0.5;
}
.approach-node-detail__header {
  display: flex;
  align-items: center;
  gap: var(--spacing-xs);
  margin-bottom: var(--spacing-sm);
  padding-bottom: var(--spacing-sm);
  border-bottom: 1px solid var(--surface-border, var(--primary-border));
}
.approach-node-detail__header-icon {
  font-size: 1.25rem;
  color: var(--secondary-text-color);
}
.approach-node-detail__title {
  margin: 0;
  font-size: 1rem;
  font-weight: 600;
  color: var(--primary-text-color);
  line-height: 1.4;
}
.approach-node-detail__description {
  margin: 0 0 var(--spacing-sm);
  font-size: 0.8125rem;
  color: var(--secondary-text-color);
  line-height: 1.5;
}
.approach-node-detail__fields {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs);
}
.approach-node-detail__row {
  display: flex;
  align-items: baseline;
  gap: var(--spacing-xs);
  font-size: 0.8125rem;
  line-height: 1.5;
}
.approach-node-detail__label {
  color: var(--secondary-text-color);
  min-width: 120px;
  flex-shrink: 0;
  font-weight: 500;
}
.approach-node-detail__label::after {
  content: ":";
}
.approach-node-detail__value {
  color: var(--primary-text-color);
  word-break: break-word;
}
.approach-node-detail__badge {
  display: inline-block;
  padding: var(--spacing-xxs) var(--spacing-xs);
  font-size: 0.75rem;
  font-weight: 500;
  border-radius: var(--border-radius-sm);
  line-height: 1;
}
.approach-node-detail__badge--default {
  background-color: var(--surface-200, rgba(0, 0, 0, 0.06));
  color: var(--secondary-text-color);
}
.approach-node-detail__badge--success {
  background-color: var(--green-50, rgba(34, 197, 94, 0.1));
  color: var(--green-600, #16a34a);
}
.approach-node-detail__badge--warning {
  background-color: var(--orange-50, rgba(249, 115, 22, 0.1));
  color: var(--orange-600, #ea580c);
}
.approach-node-detail__hint {
  margin: var(--spacing-sm) 0 0;
  font-size: 0.8125rem;
  font-style: italic;
  color: var(--secondary-text-color);
}
.approach-node-detail__category-text {
  margin: 0;
  font-size: 0.8125rem;
  color: var(--secondary-text-color);
  line-height: 1.5;
}
.approach-node-detail__type-avatar {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  margin-bottom: var(--spacing-sm);
}
.approach-node-detail__type-avatar i {
  font-size: 2rem;
  color: var(--primary-text-color);
}
.approach-node-detail__section {
  margin-top: var(--spacing-sm);
  padding-top: var(--spacing-sm);
  border-top: 1px solid var(--surface-border, var(--primary-border));
}
.approach-node-detail__section-title {
  margin: 0 0 var(--spacing-xs);
  font-size: 0.8125rem;
  font-weight: 600;
  color: var(--primary-text-color);
}
.approach-node-detail__property-list {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs);
}
.approach-node-detail__property-row {
  display: flex;
  align-items: flex-start;
  gap: var(--spacing-xs);
}
.approach-node-detail__property-icon {
  flex-shrink: 0;
  font-size: 0.875rem;
  color: var(--secondary-text-color);
  margin-top: 2px;
}
.approach-node-detail__property-info {
  display: flex;
  flex-direction: column;
  min-width: 0;
}
.approach-node-detail__property-name {
  font-size: 0.8125rem;
  font-weight: 500;
  color: var(--primary-text-color);
}
.approach-node-detail__property-desc {
  font-size: 0.75rem;
  color: var(--secondary-text-color);
  line-height: 1.4;
}
.approach-node-detail__chip-list {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-xxs);
}
@media (max-width: 768px) {
  .approach-node-detail__row {
    flex-direction: column;
    gap: var(--spacing-xxs);
  }
  .approach-node-detail__label {
    min-width: unset;
  }
}
[data-theme=dark] .approach-node-detail__badge--default {
  background-color: var(--surface-600, rgba(255, 255, 255, 0.1));
}
[data-theme=dark] .approach-node-detail__badge--success {
  background-color: var(--green-900, rgba(34, 197, 94, 0.15));
  color: var(--green-400, #4ade80);
}
[data-theme=dark] .approach-node-detail__badge--warning {
  background-color: var(--orange-900, rgba(249, 115, 22, 0.15));
  color: var(--orange-400, #fb923c);
}
[data-theme=dark] .approach-node-detail__section {
  border-top-color: var(--surface-border, var(--primary-border-dark));
}
.approach-explorer-organism {
  display: flex;
  height: 100%;
  min-height: 300px;
  border: 1px solid var(--surface-border, var(--primary-border));
  border-radius: var(--border-radius-md);
  overflow: hidden;
  background: var(--component-background);
}
.approach-explorer-organism__tree-panel {
  flex: 0 0 40%;
  max-width: 40%;
  border-right: 1px solid var(--surface-border, var(--primary-border));
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.approach-explorer-organism__detail-panel {
  flex: 1 1 60%;
  min-width: 0;
  overflow: hidden;
}
.approach-explorer-organism__detail-back {
  display: none;
}
[data-theme=dark] .approach-explorer-organism {
  background: var(--component-background-dark, var(--component-background));
  border-color: var(--surface-border, var(--primary-border-dark));
}
[data-theme=dark] .approach-explorer-organism__tree-panel {
  border-right-color: var(--surface-border, var(--primary-border-dark));
}
@media (max-width: 768px) {
  .approach-explorer-organism {
    position: relative;
  }
  .approach-explorer-organism__tree-panel {
    flex: 1 1 auto;
    max-width: 100%;
    border-right: none;
  }
  .approach-explorer-organism__detail-panel {
    position: absolute;
    inset: 0;
    z-index: 10;
    background: var(--component-background);
    transform: translateX(100%);
    transition: transform 0.25s ease;
    overflow-y: auto;
  }
  .approach-explorer-organism__detail-panel--visible {
    transform: translateX(0);
  }
  .approach-explorer-organism__detail-back {
    display: flex;
    align-items: center;
    gap: var(--spacing-xs);
    padding: var(--spacing-xs) var(--spacing-sm);
    border: none;
    border-bottom: 1px solid var(--surface-border, var(--primary-border));
    background: transparent;
    color: var(--primary-text-color);
    font-size: 0.8125rem;
    font-weight: 500;
    cursor: pointer;
    width: 100%;
  }
  .approach-explorer-organism__detail-back:hover {
    background-color: var(--highlight-bg, rgba(0, 0, 0, 0.04));
  }
  .approach-explorer-organism__detail-back i {
    font-size: 0.75rem;
  }
  [data-theme=dark] .approach-explorer-organism__detail-panel {
    background: var(--component-background-dark, var(--component-background));
  }
  [data-theme=dark] .approach-explorer-organism__detail-back {
    border-bottom-color: var(--surface-border, var(--primary-border-dark));
  }
  [data-theme=dark] .approach-explorer-organism__detail-back:hover {
    background-color: var(--highlight-bg, rgba(255, 255, 255, 0.06));
  }
}
.marketplace-approach-detail-tabs .p-tabview .p-tabview-nav {
  background: transparent;
  border: none;
  border-bottom: 1px solid var(--primary-border);
  gap: var(--spacing-xs);
}
.marketplace-approach-detail-tabs .p-tabview .p-tabview-nav-link {
  font-family: var(--font-family);
  font-size: 14px;
  font-weight: 600;
  color: var(--secondary-text-color);
  background: transparent;
  border: none;
  border-bottom: 2px solid transparent;
  padding: var(--spacing-xs) var(--spacing-md);
  transition: color 0.2s, border-color 0.2s;
}
.marketplace-approach-detail-tabs .p-tabview .p-tabview-nav-link:hover {
  color: var(--primary-text-color);
  background: transparent;
}
.marketplace-approach-detail-tabs .p-tabview .p-tabview-nav-link:focus {
  box-shadow: none;
}
.marketplace-approach-detail-tabs .p-tabview .p-tabview-selected .p-tabview-nav-link {
  color: var(--primary-text-color);
  border-bottom-color: var(--primary-text-color);
  background: transparent;
}
.marketplace-approach-detail-tabs .p-tabview .p-tabview-panels {
  background: transparent;
  padding: 0;
}
[data-theme=dark] .marketplace-approach-detail-tabs .p-tabview .p-tabview-nav {
  border-bottom-color: var(--border-subtle-dark);
}
[data-theme=dark] .marketplace-approach-detail-tabs .p-tabview .p-tabview-nav-link {
  color: var(--secondary-text-color);
}
[data-theme=dark] .marketplace-approach-detail-tabs .p-tabview .p-tabview-nav-link:hover {
  color: var(--primary-text-color);
}
[data-theme=dark] .marketplace-approach-detail-tabs .p-tabview .p-tabview-selected .p-tabview-nav-link,
[data-theme=dark] .marketplace-approach-detail-tabs .p-tabview .p-highlight .p-tabview-nav-link {
  color: var(--cta-secondary-color);
  border-bottom-color: var(--cta-secondary-color);
}
@charset "UTF-8";
/**
 * TagAtom.scss
 *
 * Tone palette mirrors WIPillAtom's V2 marketplace pill colors so the
 * migration from the deleted marketplace pill/chip atoms is visually
 * close. Selected/pressed state matches TypeFacetChip's solid-slate
 * fill — that pattern is intentionally distinct from the per-tone
 * background and overrides it.
 */
.tag-atom {
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-xxs, 4px);
  border: 1px solid transparent;
  font-family: var(--font-family, Manrope, sans-serif);
  font-weight: 600;
  line-height: 1.4;
  white-space: nowrap;
  letter-spacing: 0.01em;
}
.tag-atom--shape-pill {
  border-radius: var(--border-radius-pill, 9999px);
}
.tag-atom--shape-chip {
  border-radius: var(--border-radius-sm, 6px);
}
.tag-atom--size-small {
  padding: 1px var(--spacing-xs, 6px);
  font-size: var(--text-xxs, 10.5px);
}
.tag-atom--size-small .tag-atom__icon {
  font-size: 0.625rem;
}
.tag-atom--size-medium {
  padding: 2px var(--spacing-sm, 8px);
  font-size: var(--text-xs, 11px);
}
.tag-atom--size-medium .tag-atom__icon {
  font-size: inherit;
}
.tag-atom__icon {
  font-size: inherit;
}
.tag-atom__label {
  font-weight: inherit;
}
.tag-atom__count {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 20px;
  margin-inline-start: var(--spacing-xs, 6px);
  padding: 0 6px;
  border-radius: var(--border-radius-pill, 9999px);
  background: var(--tag-count-bg, #f1f5f9);
  color: var(--tag-count-fg, #475569);
  font-size: var(--text-xxs, 10.5px);
  font-weight: 700;
}
.tag-atom--tone-neutral {
  background: var(--tag-neutral-bg, #f1f5f9);
  color: var(--tag-neutral-fg, #475569);
  border-color: var(--tag-neutral-border, #e2e8f0);
}
.tag-atom--tone-info {
  background: var(--tag-info-bg, #dbeafe);
  color: var(--tag-info-fg, #1d4ed8);
  border-color: var(--tag-info-border, #bfdbfe);
}
.tag-atom--tone-success {
  background: var(--tag-success-bg, #dcfce7);
  color: var(--tag-success-fg, #15803d);
  border-color: var(--tag-success-border, #bbf7d0);
}
.tag-atom--tone-warn {
  background: var(--tag-warn-bg, #fef3c7);
  color: var(--tag-warn-fg, #b45309);
  border-color: var(--tag-warn-border, #fde68a);
}
.tag-atom--tone-danger {
  background: var(--tag-danger-bg, #ffe4e6);
  color: var(--tag-danger-fg, #be123c);
  border-color: var(--tag-danger-border, #fecdd3);
}
.tag-atom--tone-accent {
  background: var(--tag-accent-bg, #ede9fe);
  color: var(--tag-accent-fg, #6d28d9);
  border-color: var(--tag-accent-border, #ddd6fe);
}
.tag-atom--tone-teal {
  background: var(--tag-teal-bg, #ccfbf1);
  color: var(--tag-teal-fg, #0f766e);
  border-color: var(--tag-teal-border, #99f6e4);
}
.tag-atom--tone-outline {
  background: transparent;
  color: var(--tag-outline-fg, #475569);
  border-color: var(--tag-outline-border, #cbd5e1);
}
.tag-atom--excluded {
  opacity: 0.5;
}
.tag-atom--excluded .tag-atom__label {
  text-decoration: line-through;
}
.tag-atom--interactive {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer;
  transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease, transform 0.15s ease, box-shadow 0.15s ease;
}
.tag-atom--interactive:hover:not(:disabled) {
  transform: translateY(-1px);
  box-shadow: var(--tag-hover-shadow, 0 1px 2px rgba(15, 23, 42, 0.08));
}
.tag-atom--interactive:focus-visible {
  outline: 2px solid var(--cta-secondary-color, #2563eb);
  outline-offset: 2px;
}
.tag-atom--pressed {
  background: var(--tag-pressed-bg, #0f172a);
  color: var(--tag-pressed-fg, #ffffff);
  border-color: var(--tag-pressed-bg, #0f172a);
}
.tag-atom--pressed .tag-atom__count {
  background: var(--tag-pressed-count-bg, rgba(255, 255, 255, 0.18));
  color: var(--tag-pressed-count-fg, #ffffff);
}
[data-theme=dark] .tag-atom--tone-neutral,
.dark-mode .tag-atom--tone-neutral {
  background: var(--tag-neutral-bg-dark, rgba(148, 163, 184, 0.18));
  color: var(--tag-neutral-fg-dark, #cbd5e1);
  border-color: var(--tag-neutral-border-dark, rgba(148, 163, 184, 0.35));
}
[data-theme=dark] .tag-atom--tone-info,
.dark-mode .tag-atom--tone-info {
  background: var(--tag-info-bg-dark, rgba(96, 165, 250, 0.18));
  color: var(--tag-info-fg-dark, #93c5fd);
  border-color: var(--tag-info-border-dark, rgba(96, 165, 250, 0.4));
}
[data-theme=dark] .tag-atom--tone-success,
.dark-mode .tag-atom--tone-success {
  background: var(--tag-success-bg-dark, rgba(74, 222, 128, 0.18));
  color: var(--tag-success-fg-dark, #86efac);
  border-color: var(--tag-success-border-dark, rgba(74, 222, 128, 0.4));
}
[data-theme=dark] .tag-atom--tone-warn,
.dark-mode .tag-atom--tone-warn {
  background: var(--tag-warn-bg-dark, rgba(251, 191, 36, 0.18));
  color: var(--tag-warn-fg-dark, #fcd34d);
  border-color: var(--tag-warn-border-dark, rgba(251, 191, 36, 0.4));
}
[data-theme=dark] .tag-atom--tone-danger,
.dark-mode .tag-atom--tone-danger {
  background: var(--tag-danger-bg-dark, rgba(251, 113, 133, 0.18));
  color: var(--tag-danger-fg-dark, #fda4af);
  border-color: var(--tag-danger-border-dark, rgba(251, 113, 133, 0.4));
}
[data-theme=dark] .tag-atom--tone-accent,
.dark-mode .tag-atom--tone-accent {
  background: var(--tag-accent-bg-dark, rgba(167, 139, 250, 0.18));
  color: var(--tag-accent-fg-dark, #c4b5fd);
  border-color: var(--tag-accent-border-dark, rgba(167, 139, 250, 0.4));
}
[data-theme=dark] .tag-atom--tone-teal,
.dark-mode .tag-atom--tone-teal {
  background: var(--tag-teal-bg-dark, rgba(20, 184, 166, 0.18));
  color: var(--tag-teal-fg-dark, #5eead4);
  border-color: var(--tag-teal-border-dark, rgba(20, 184, 166, 0.4));
}
[data-theme=dark] .tag-atom--tone-outline,
.dark-mode .tag-atom--tone-outline {
  color: var(--tag-outline-fg-dark, #cbd5e1);
  border-color: var(--tag-outline-border-dark, rgba(148, 163, 184, 0.4));
}
[data-theme=dark] .tag-atom--pressed,
.dark-mode .tag-atom--pressed {
  background: var(--tag-pressed-bg-dark, #f1f5f9);
  color: var(--tag-pressed-fg-dark, #0f172a);
  border-color: var(--tag-pressed-bg-dark, #f1f5f9);
}
[data-theme=dark] .tag-atom--pressed .tag-atom__count,
.dark-mode .tag-atom--pressed .tag-atom__count {
  background: var(--tag-pressed-count-bg-dark, rgba(15, 23, 42, 0.18));
  color: var(--tag-pressed-count-fg-dark, #0f172a);
}
[data-theme=dark] .tag-atom .tag-atom__count,
.dark-mode .tag-atom .tag-atom__count {
  background: var(--tag-count-bg-dark, rgba(148, 163, 184, 0.18));
  color: var(--tag-count-fg-dark, #cbd5e1);
}
.marketplace-scope-coin {
  --scope-coin-gradient-top: var(--component-background);
  --scope-coin-gradient-bottom: var(--component-background);
  --scope-coin-foreground: var(--primary-text-color);
  --scope-coin-shadow: var(--scope-coin-default-shadow, rgba(6, 44, 88, 0.18));
  --scope-coin-highlight: var(--scope-coin-inner-highlight, rgba(255, 255, 255, 0.3));
  --scope-coin-depth: var(--scope-coin-inner-depth, rgba(0, 0, 0, 0.12));
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--border-radius-md, 12px);
  color: var(--scope-coin-foreground);
  background: linear-gradient(155deg, var(--scope-coin-gradient-top) 0%, var(--scope-coin-gradient-bottom) 100%);
  box-shadow: 0 4px 10px -3px var(--scope-coin-shadow), inset 0 1px 0 var(--scope-coin-highlight), inset 0 -4px 10px var(--scope-coin-depth);
  flex-shrink: 0;
  position: relative;
  line-height: 1;
  letter-spacing: -0.02em;
  font-family: var(--font-family);
  font-weight: 800;
}

.marketplace-scope-coin--sm {
  width: 32px;
  height: 32px;
  font-size: 14px;
}

.marketplace-scope-coin--md {
  width: 48px;
  height: 48px;
  font-size: 20px;
}

.marketplace-scope-coin--lg {
  width: 64px;
  height: 64px;
  font-size: 28px;
}

.marketplace-scope-coin--xl {
  width: 112px;
  height: 112px;
  font-size: 52px;
}

.marketplace-scope-coin--center {
  --scope-coin-gradient-top: var(--scope-color-center-coin-top, #4aa8e0);
  --scope-coin-gradient-bottom: var(--scope-color-center-coin-bottom, #1a75a8);
  --scope-coin-foreground: var(--scope-color-center-coin-foreground, #ffffff);
  --scope-coin-shadow: var(--scope-color-center-coin-shadow, rgba(26, 117, 168, 0.35));
}

.marketplace-scope-coin--organization {
  --scope-coin-gradient-top: var(--scope-color-organization-coin-top, #3db68c);
  --scope-coin-gradient-bottom: var(--scope-color-organization-coin-bottom, #047857);
  --scope-coin-foreground: var(--scope-color-organization-coin-foreground, #ffffff);
  --scope-coin-shadow: var(--scope-color-organization-coin-shadow, rgba(4, 120, 87, 0.35));
}

.marketplace-scope-coin--metasphere {
  --scope-coin-gradient-top: var(--scope-color-metasphere-coin-top, #8b5cf6);
  --scope-coin-gradient-bottom: var(--scope-color-metasphere-coin-bottom, #5b21b6);
  --scope-coin-foreground: var(--scope-color-metasphere-coin-foreground, #ffffff);
  --scope-coin-shadow: var(--scope-color-metasphere-coin-shadow, rgba(91, 33, 182, 0.35));
}

.marketplace-scope-coin--all {
  --scope-coin-gradient-top: var(--scope-color-all-coin-top, #94a3b8);
  --scope-coin-gradient-bottom: var(--scope-color-all-coin-bottom, #475569);
  --scope-coin-foreground: var(--scope-color-all-coin-foreground, #ffffff);
  --scope-coin-shadow: var(--scope-color-all-coin-shadow, rgba(71, 85, 105, 0.3));
}

.marketplace-scope-coin--custom-hue {
  --scope-coin-h: var(--scope-coin-custom-hue, 210);
  --scope-coin-gradient-top: hsl(var(--scope-coin-h), 60%, 60%);
  --scope-coin-gradient-bottom: hsl(var(--scope-coin-h), 70%, 38%);
  --scope-coin-foreground: #ffffff;
  --scope-coin-shadow: hsla(var(--scope-coin-h), 70%, 30%, 0.35);
}

.marketplace-scope-coin__glyph {
  font-size: inherit;
}

.marketplace-scope-coin__initial {
  font-size: inherit;
  line-height: 1;
}

.marketplace-scope-coin__official-badge {
  position: absolute;
  right: -3px;
  bottom: -3px;
  width: 42%;
  height: 42%;
  border-radius: 50%;
  background: #fff;
  color: #377fc4;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 2px 6px -1px rgba(6, 44, 88, 0.25);
}

.marketplace-scope-coin__official-badge .pi {
  font-size: 55%;
}
.marketplace-section-header {
  display: flex;
  align-items: baseline;
  gap: var(--spacing-sm, 10px);
  font-family: var(--font-family);
}

.marketplace-section-header__ord {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 26px;
  font-size: var(--text-xs, 11.5px);
  font-weight: 800;
  flex-shrink: 0;
  line-height: 1;
}

.marketplace-section-header__ord--letter {
  border-radius: 50%;
  background: var(--section-header-letter-bg, linear-gradient(155deg, #fef3c7, #fde68a));
  color: var(--section-header-letter-fg, #92400e);
  border: 1px solid var(--section-header-letter-border, #fcd34d);
}

.marketplace-section-header__ord--number {
  border-radius: var(--border-radius-sm, 7px);
  background: var(--section-header-number-bg, linear-gradient(155deg, #377fc4, #062c58));
  color: var(--section-header-number-fg, #ffffff);
  border: 0;
}

.marketplace-section-header__content {
  flex: 1;
  min-width: 0;
}

.marketplace-section-header__title {
  margin: 0;
  font-size: var(--text-md, 15.5px);
  font-weight: 800;
  letter-spacing: -0.012em;
  color: var(--section-header-title-fg, var(--primary-text-color, #062c58));
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-xs, 7px);
  line-height: 1.3;
}

.marketplace-section-header__icon {
  font-size: var(--text-sm, 13px);
  color: var(--section-header-icon-fg, #377fc4);
}

.marketplace-section-header__title-text {
  display: inline;
}

.marketplace-section-header__description {
  margin: var(--spacing-xxs, 2px) 0 0;
  font-size: var(--text-sm, 12px);
  font-weight: 500;
  color: var(--section-header-description-fg, #6b7f99);
  line-height: 1.4;
}

[data-theme=dark] .marketplace-section-header .marketplace-section-header__ord--letter {
  background: var(--section-header-letter-bg-dark, linear-gradient(155deg, rgba(245, 158, 11, 0.22), rgba(217, 119, 6, 0.32)));
  color: var(--section-header-letter-fg-dark, #fde68a);
  border-color: var(--section-header-letter-border-dark, rgba(245, 158, 11, 0.45));
}

[data-theme=dark] .marketplace-section-header .marketplace-section-header__ord--number {
  background: var(--section-header-number-bg-dark, linear-gradient(155deg, #3b82f6, #1e3a8a));
  color: var(--section-header-number-fg-dark, #ffffff);
}

[data-theme=dark] .marketplace-section-header .marketplace-section-header__title {
  color: var(--section-header-title-fg-dark, var(--primary-text-color-dark, #f1f5f9));
}

[data-theme=dark] .marketplace-section-header .marketplace-section-header__icon {
  color: var(--section-header-icon-fg-dark, #93c5fd);
}

[data-theme=dark] .marketplace-section-header .marketplace-section-header__description {
  color: var(--section-header-description-fg-dark, #94a3b8);
}
.marketplace-fork-policy-radio-group {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
  font-family: var(--font-family);
}

.marketplace-fork-policy-radio-group__title {
  font-size: var(--text-sm, 14px);
  font-weight: 600;
  color: var(--primary-text-color);
}

[data-theme=dark] .marketplace-fork-policy-radio-group__title {
  color: var(--primary-text-color-dark, var(--primary-text-color));
}

.marketplace-fork-policy-radio-group__option {
  display: flex;
  align-items: flex-start;
  gap: var(--spacing-xs);
}

.marketplace-fork-policy-radio-group__label {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xxs);
  cursor: pointer;
  line-height: 1.3;
}

.marketplace-fork-policy-radio-group__label-text {
  font-size: var(--text-sm, 14px);
  font-weight: 500;
  color: var(--primary-text-color);
}

[data-theme=dark] .marketplace-fork-policy-radio-group__label-text {
  color: var(--primary-text-color-dark, var(--primary-text-color));
}

.marketplace-fork-policy-radio-group__hint {
  font-size: var(--text-xs, 12px);
  color: var(--secondary-text-color);
}

[data-theme=dark] .marketplace-fork-policy-radio-group__hint {
  color: var(--secondary-text-color-dark, var(--secondary-text-color));
}
.marketplace-version-selector {
  min-width: calc(var(--spacing-xl) * 5);
}
.marketplace-version-selector .p-dropdown-label {
  font-family: var(--font-family);
  font-size: 14px;
  color: var(--primary-text-color);
  padding: var(--spacing-xs) var(--spacing-sm);
}
.marketplace-version-selector .p-dropdown-trigger {
  color: var(--secondary-text-color);
}
.marketplace-version-selector.p-dropdown {
  background: var(--component-background);
  border: 1px solid var(--primary-border);
  border-radius: var(--border-radius-md);
}
.marketplace-version-selector.p-dropdown:hover {
  border-color: var(--primary-text-color);
}
.marketplace-version-selector.p-dropdown.p-focus {
  border-color: var(--primary-text-color);
  box-shadow: var(--shadow-sm);
}
[data-theme=dark] .marketplace-version-selector.p-dropdown {
  background: var(--dark-card-bg);
  border-color: var(--border-soft-dark);
}
[data-theme=dark] .marketplace-version-selector.p-dropdown:hover {
  border-color: rgba(255, 255, 255, 0.3);
}
[data-theme=dark] .marketplace-version-selector.p-dropdown.p-focus {
  border-color: var(--cta-secondary-color);
  box-shadow: 0 0 0 2px rgba(55, 127, 196, 0.2);
}
[data-theme=dark] .marketplace-version-selector .p-dropdown-label {
  color: var(--primary-text-color);
}
[data-theme=dark] .marketplace-version-selector .p-dropdown-trigger {
  color: var(--secondary-text-color);
}
.marketplace-applicability-summary-molecule {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
}
.marketplace-applicability-summary-molecule__header {
  font-size: 13px;
  color: var(--secondary-text-color);
}
.marketplace-applicability-summary-molecule__any-sphere {
  display: flex;
  align-items: flex-start;
  gap: var(--spacing-sm);
  padding: var(--spacing-sm) var(--spacing-md);
  background: var(--component-background);
  border-radius: var(--border-radius-sm);
  border: 1px solid var(--primary-border);
}
[data-theme=dark] .marketplace-applicability-summary-molecule__any-sphere {
  background: var(--component-background-dark);
  border-color: var(--primary-border-dark);
}
.marketplace-applicability-summary-molecule__any-sphere i {
  font-size: 14px;
  color: var(--green-500, #22c55e);
  margin-top: 1px;
}
[data-theme=dark] .marketplace-applicability-summary-molecule__any-sphere i {
  color: var(--green-400, #4ade80);
}
.marketplace-applicability-summary-molecule__any-sphere-label {
  font-size: 13px;
  font-weight: 600;
  color: var(--primary-text-color);
}
.marketplace-applicability-summary-molecule__any-sphere-description {
  font-size: 12px;
  color: var(--secondary-text-color);
  line-height: 1.4;
}
.marketplace-applicability-summary-molecule__single-filter {
  display: flex;
  align-items: center;
  gap: var(--spacing-xs);
  padding: var(--spacing-sm) var(--spacing-md);
  background: var(--component-background);
  border-radius: var(--border-radius-sm);
  border: 1px solid var(--primary-border);
  font-size: 13px;
  color: var(--primary-text-color);
}
[data-theme=dark] .marketplace-applicability-summary-molecule__single-filter {
  background: var(--component-background-dark);
  border-color: var(--primary-border-dark);
}
.marketplace-applicability-summary-molecule__single-filter i {
  font-size: 12px;
  color: var(--secondary-text-color);
}
.marketplace-applicability-summary-molecule__filter-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs);
}
.marketplace-applicability-summary-molecule__filter-list li {
  display: flex;
  align-items: center;
  gap: var(--spacing-xs);
  padding: var(--spacing-sm) var(--spacing-md);
  background: var(--component-background);
  border-radius: var(--border-radius-sm);
  border: 1px solid var(--primary-border);
  font-size: 13px;
  color: var(--primary-text-color);
}
[data-theme=dark] .marketplace-applicability-summary-molecule__filter-list li {
  background: var(--component-background-dark);
  border-color: var(--primary-border-dark);
}
.marketplace-applicability-summary-molecule__filter-list li i {
  font-size: 12px;
  color: var(--secondary-text-color);
}
.marketplace-applicability-summary-molecule__complex-fallback {
  display: flex;
  align-items: center;
  gap: var(--spacing-xs);
  padding: var(--spacing-sm) var(--spacing-md);
  background: var(--component-background);
  border-radius: var(--border-radius-sm);
  border: 1px solid var(--primary-border);
  font-size: 13px;
  color: var(--secondary-text-color);
}
[data-theme=dark] .marketplace-applicability-summary-molecule__complex-fallback {
  background: var(--component-background-dark);
  border-color: var(--primary-border-dark);
}
.marketplace-applicability-summary-molecule__complex-fallback i {
  font-size: 12px;
}
.marketplace-approach-header-molecule {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
  padding: var(--spacing-lg);
  background: var(--component-background);
  border-radius: var(--border-radius-md);
  border: 1px solid var(--primary-border);
}
[data-theme=dark] .marketplace-approach-header-molecule {
  background: var(--surface-raised);
  border-color: var(--border-subtle-dark);
}
.marketplace-approach-header-molecule__top {
  display: flex;
  align-items: flex-start;
  gap: var(--spacing-md);
}
.marketplace-approach-header-molecule__icon {
  font-size: 32px;
  line-height: 1;
  flex-shrink: 0;
}
.marketplace-approach-header-molecule__title-area {
  flex: 1;
  min-width: 0;
}
.marketplace-approach-header-molecule__name-row {
  display: flex;
  align-items: center;
  gap: var(--spacing-xs);
  flex-wrap: wrap;
}
.marketplace-approach-header-molecule__name {
  margin: 0;
  font-size: 20px;
  font-weight: 700;
  font-family: var(--font-family);
  color: var(--primary-text-color);
}
.marketplace-approach-header-molecule__version-badge {
  display: inline-block;
  padding: 2px var(--spacing-xs);
  font-size: 12px;
  font-weight: 600;
  border-radius: var(--border-radius-sm);
  background: var(--component-background);
  border: 1px solid var(--primary-border);
  color: var(--secondary-text-color);
}
[data-theme=dark] .marketplace-approach-header-molecule__version-badge {
  background: var(--surface-overlay-dark);
  border-color: var(--border-soft-dark);
  color: var(--primary-text-color);
}
.marketplace-approach-header-molecule__draft-badge {
  display: inline-block;
  padding: 2px var(--spacing-xs);
  font-size: 12px;
  font-weight: 600;
  border-radius: var(--border-radius-sm);
  background: var(--warning-background, #fef3cd);
  color: var(--warning-text-color, #856404);
}
[data-theme=dark] .marketplace-approach-header-molecule__draft-badge {
  background: var(--warning-background-dark, #664d03);
  color: var(--warning-text-color-dark, #fef3cd);
}
.marketplace-approach-header-molecule__meta {
  display: flex;
  align-items: center;
  gap: var(--spacing-xs);
  margin-top: var(--spacing-xxs);
  font-size: 13px;
  color: var(--secondary-text-color);
  flex-wrap: wrap;
}
.marketplace-approach-header-molecule__separator {
  color: var(--secondary-text-color);
}
.marketplace-approach-header-molecule__system-badge {
  display: inline-block;
  padding: 3px var(--spacing-xs);
  font-size: 11px;
  font-weight: 600;
  border-radius: var(--border-radius-pill);
  background: var(--info-background, #e0f2fe);
  color: var(--info-text-color, #0369a1);
}
[data-theme=dark] .marketplace-approach-header-molecule__system-badge {
  background: rgba(14, 165, 233, 0.2);
  color: #7dd3fc;
  border: 1px solid rgba(14, 165, 233, 0.3);
}
.marketplace-approach-header-molecule__deployment-mode-badge {
  display: inline-block;
  padding: 3px var(--spacing-xs);
  font-size: 11px;
  font-weight: 600;
  border-radius: var(--border-radius-pill);
  background: var(--neutral-background, #f1f5f9);
  color: var(--neutral-text-color, #475569);
}
[data-theme=dark] .marketplace-approach-header-molecule__deployment-mode-badge {
  background: rgba(255, 255, 255, 0.12);
  color: #e2e8f0;
  border: 1px solid var(--border-soft-dark);
}
.marketplace-approach-header-molecule__actions {
  display: flex;
  flex-shrink: 0;
  gap: 8px;
  align-items: center;
}
.marketplace-approach-header-molecule__manage-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  flex-shrink: 0;
  padding: 8px 16px;
  font-size: 14px;
  font-weight: 600;
  font-family: var(--font-family);
  color: var(--cta-secondary-color, #334155);
  background: transparent;
  border: 1px solid var(--cta-secondary-border, rgba(51, 65, 85, 0.2));
  border-radius: var(--border-radius-pill);
  cursor: pointer;
  white-space: nowrap;
  transition: background 0.15s ease, border-color 0.15s ease;
}
.marketplace-approach-header-molecule__manage-btn:hover {
  background: var(--cta-secondary-hover-background, rgba(51, 65, 85, 0.05));
  border-color: var(--cta-secondary-border-hover, rgba(51, 65, 85, 0.35));
}
.marketplace-approach-header-molecule__manage-btn:focus-visible {
  outline: 2px solid var(--focus-ring-color, var(--cta-secondary-color));
  outline-offset: 2px;
}
[data-theme=dark] .marketplace-approach-header-molecule__manage-btn {
  color: #e2e8f0;
  border-color: var(--border-strong-dark);
}
[data-theme=dark] .marketplace-approach-header-molecule__manage-btn:hover {
  background: var(--hover-overlay-dark);
  border-color: rgba(255, 255, 255, 0.35);
}
.marketplace-approach-header-molecule__deploy-btn {
  flex-shrink: 0;
  padding: 8px 20px;
  font-size: 14px;
  font-weight: 600;
  font-family: var(--font-family);
  color: #fff;
  background: var(--cta-primary-background, #3b82f6);
  border: none;
  border-radius: var(--border-radius-pill);
  cursor: pointer;
  white-space: nowrap;
  box-shadow: var(--cta-primary-shadow);
  transition: background 0.15s ease, opacity 0.15s ease;
}
.marketplace-approach-header-molecule__deploy-btn:hover:not(:disabled) {
  background: var(--cta-primary-hover-background);
}
.marketplace-approach-header-molecule__deploy-btn:focus-visible {
  outline: 2px solid var(--focus-ring-color, var(--cta-secondary-color));
  outline-offset: 2px;
}
.marketplace-approach-header-molecule__deploy-btn:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
[data-theme=dark] .marketplace-approach-header-molecule__deploy-btn {
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.3), inset 5px 4px 4px var(--border-subtle-dark);
}
.marketplace-approach-header-molecule__metrics-row {
  display: flex;
  align-items: center;
  gap: var(--spacing-md);
  flex-wrap: wrap;
}
.marketplace-approach-header-molecule__rating {
  display: flex;
  align-items: center;
  gap: var(--spacing-xs);
}
.marketplace-approach-header-molecule__rating-count {
  font-size: 13px;
  color: var(--secondary-text-color);
}
.marketplace-approach-header-molecule__description {
  margin: 0;
  font-size: 14px;
  line-height: 1.5;
  color: var(--secondary-text-color);
}
.marketplace-children-summary-molecule {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
}
.marketplace-children-summary-molecule__header {
  font-size: 13px;
  color: var(--secondary-text-color);
}
.marketplace-children-summary-molecule__groups {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}
.marketplace-children-summary-molecule__group {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xxs);
  padding: var(--spacing-sm) var(--spacing-md);
  background: var(--component-background);
  border-radius: var(--border-radius-sm);
  border: 1px solid var(--primary-border);
}
[data-theme=dark] .marketplace-children-summary-molecule__group {
  background: var(--component-background-dark);
  border-color: var(--primary-border-dark);
}
.marketplace-children-summary-molecule__group-header {
  display: flex;
  align-items: center;
  gap: var(--spacing-xxs);
  font-size: 13px;
  color: var(--primary-text-color);
}
.marketplace-children-summary-molecule__group-header i {
  font-size: 12px;
  color: var(--secondary-text-color);
}
.marketplace-children-summary-molecule__schema-name {
  font-weight: 600;
}
.marketplace-children-summary-molecule__count {
  color: var(--secondary-text-color);
  font-size: 12px;
}
.marketplace-children-summary-molecule__mode-badge {
  display: inline-block;
  width: -moz-fit-content;
  width: fit-content;
  padding: 2px var(--spacing-xxs);
  font-size: 11px;
  font-weight: 600;
  border-radius: var(--border-radius-sm);
  background: var(--secondary-text-color);
  color: var(--component-background);
  opacity: 0.7;
}
[data-theme=dark] .marketplace-children-summary-molecule__mode-badge {
  color: var(--component-background-dark);
}
.marketplace-children-summary-molecule__condition {
  display: flex;
  align-items: center;
  gap: var(--spacing-xxs);
  font-size: 12px;
  color: var(--secondary-text-color);
  font-style: italic;
}
.marketplace-children-summary-molecule__condition i {
  font-size: 11px;
}
.marketplace-contained-approaches-summary-molecule {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}
.marketplace-contained-approaches-summary-molecule__title {
  font-size: 14px;
  font-weight: 600;
  color: var(--primary-text-color);
  margin: 0;
}
.marketplace-contained-approaches-summary-molecule__list {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs);
}
.marketplace-contained-approaches-summary-molecule__card {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xxs);
  padding: var(--spacing-sm) var(--spacing-md);
  background: var(--component-background);
  border-radius: var(--border-radius-sm);
  border: 1px solid var(--primary-border);
}
[data-theme=dark] .marketplace-contained-approaches-summary-molecule__card {
  background: var(--component-background-dark);
  border-color: var(--primary-border-dark);
}
.marketplace-contained-approaches-summary-molecule__card--skeleton {
  min-height: 50px;
}
.marketplace-contained-approaches-summary-molecule__card-header {
  display: flex;
  align-items: center;
  gap: var(--spacing-xxs);
  font-size: 13px;
  color: var(--primary-text-color);
}
.marketplace-contained-approaches-summary-molecule__card-header i {
  font-size: 12px;
  color: var(--secondary-text-color);
}
.marketplace-contained-approaches-summary-molecule__card-name {
  font-weight: 600;
  flex: 1;
}
.marketplace-contained-approaches-summary-molecule__card-description {
  font-size: 12px;
  color: var(--secondary-text-color);
  line-height: 1.4;
}
.marketplace-contained-approaches-summary-molecule__view-details {
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-xxs);
  background: none;
  border: none;
  padding: 0;
  font-size: 13px;
  font-weight: 500;
  color: var(--primary-color);
  cursor: pointer;
  align-self: flex-start;
}
.marketplace-contained-approaches-summary-molecule__view-details:hover {
  text-decoration: underline;
}
.marketplace-contained-approaches-summary-molecule__view-details i {
  font-size: 12px;
}
[data-theme=dark] .marketplace-contained-approaches-summary-molecule__view-details {
  color: var(--primary-color-text);
}
.marketplace-contained-approaches-summary-molecule__skeleton-name {
  width: 60%;
  height: 14px;
  border-radius: var(--border-radius-sm);
  background: var(--primary-border);
  animation: contained-approaches-skeleton-pulse 1.5s ease-in-out infinite;
}
[data-theme=dark] .marketplace-contained-approaches-summary-molecule__skeleton-name {
  background: var(--primary-border-dark);
}
.marketplace-contained-approaches-summary-molecule__skeleton-desc {
  width: 90%;
  height: 12px;
  border-radius: var(--border-radius-sm);
  background: var(--primary-border);
  animation: contained-approaches-skeleton-pulse 1.5s ease-in-out infinite;
  animation-delay: 0.2s;
}
[data-theme=dark] .marketplace-contained-approaches-summary-molecule__skeleton-desc {
  background: var(--primary-border-dark);
}
@keyframes contained-approaches-skeleton-pulse {
  0%, 100% {
    opacity: 0.4;
  }
  50% {
    opacity: 1;
  }
}
.marketplace-deployment-inputs-summary-molecule {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
}
.marketplace-deployment-inputs-summary-molecule__header {
  font-size: 13px;
  color: var(--secondary-text-color);
}
.marketplace-deployment-inputs-summary-molecule__list {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}
.marketplace-deployment-inputs-summary-molecule__input {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xxs);
  padding: var(--spacing-sm) var(--spacing-md);
  background: var(--component-background);
  border-radius: var(--border-radius-sm);
  border: 1px solid var(--primary-border);
}
[data-theme=dark] .marketplace-deployment-inputs-summary-molecule__input {
  background: var(--component-background-dark);
  border-color: var(--primary-border-dark);
}
.marketplace-deployment-inputs-summary-molecule__input-header {
  display: flex;
  align-items: center;
  gap: var(--spacing-xxs);
  font-size: 13px;
  color: var(--primary-text-color);
}
.marketplace-deployment-inputs-summary-molecule__input-header i {
  font-size: 12px;
  color: var(--secondary-text-color);
}
.marketplace-deployment-inputs-summary-molecule__input-label {
  font-weight: 600;
  flex: 1;
}
.marketplace-deployment-inputs-summary-molecule__required-badge {
  display: inline-block;
  padding: 2px var(--spacing-xxs);
  font-size: 11px;
  font-weight: 600;
  border-radius: var(--border-radius-sm);
}
.marketplace-deployment-inputs-summary-molecule__required-badge--required {
  background: var(--green-100, #dcfce7);
  color: var(--green-700, #15803d);
}
[data-theme=dark] .marketplace-deployment-inputs-summary-molecule__required-badge--required {
  background: var(--green-900, #14532d);
  color: var(--green-300, #86efac);
}
.marketplace-deployment-inputs-summary-molecule__required-badge--optional {
  background: var(--secondary-text-color);
  color: var(--component-background);
  opacity: 0.7;
}
[data-theme=dark] .marketplace-deployment-inputs-summary-molecule__required-badge--optional {
  color: var(--component-background-dark);
}
.marketplace-deployment-inputs-summary-molecule__input-details {
  display: flex;
  align-items: center;
  gap: var(--spacing-sm);
  font-size: 12px;
  color: var(--secondary-text-color);
}
.marketplace-deployment-inputs-summary-molecule__input-type {
  font-style: italic;
}
.marketplace-deployment-inputs-summary-molecule__input-description {
  flex: 1;
}
.marketplace-arc-stepper-molecule {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
}
.marketplace-arc-stepper-molecule__header {
  display: flex;
  align-items: center;
  gap: var(--spacing-xs);
  font-size: 13px;
  color: var(--secondary-text-color);
}
.marketplace-arc-stepper-molecule__stage-count {
  font-weight: 600;
  color: var(--primary-text-color);
}
.marketplace-arc-stepper-molecule__stepper {
  display: flex;
  align-items: center;
  gap: 0;
  overflow-x: auto;
  padding: var(--spacing-xs) 0;
}
.marketplace-arc-stepper-molecule__connector {
  flex: 0 0 var(--spacing-lg);
  height: 2px;
  background: var(--primary-border);
}
[data-theme=dark] .marketplace-arc-stepper-molecule__connector {
  background: var(--border-soft-dark);
}
.marketplace-arc-stepper-molecule__stage {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-xxs);
  flex-shrink: 0;
  min-width: 80px;
  max-width: 140px;
  cursor: pointer;
  padding: var(--spacing-xs);
  border-radius: var(--border-radius-md);
  border: 1px solid transparent;
  background: none;
  transition: background 0.15s ease, border-color 0.15s ease;
  font-family: var(--font-family);
}
.marketplace-arc-stepper-molecule__stage:hover {
  background: var(--component-background);
  border-color: var(--primary-border);
}
[data-theme=dark] .marketplace-arc-stepper-molecule__stage:hover {
  background: var(--hover-overlay-dark);
  border-color: var(--border-subtle-dark);
}
.marketplace-arc-stepper-molecule__stage--expanded {
  background: var(--component-background);
  border-color: var(--primary-border);
}
[data-theme=dark] .marketplace-arc-stepper-molecule__stage--expanded {
  background: var(--surface-raised);
  border-color: var(--border-soft-dark);
}
.marketplace-arc-stepper-molecule__stage--terminal .marketplace-arc-stepper-molecule__stage-circle {
  border-style: dashed;
}
.marketplace-arc-stepper-molecule__stage-circle {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--component-background);
  border: 2px solid var(--primary-color, #3b82f6);
  color: var(--primary-color, #3b82f6);
  font-size: 14px;
  flex-shrink: 0;
}
[data-theme=dark] .marketplace-arc-stepper-molecule__stage-circle {
  background: var(--surface-raised);
}
.marketplace-arc-stepper-molecule__stage-name {
  font-size: 12px;
  font-weight: 600;
  color: var(--primary-text-color);
  text-align: center;
  line-height: 1.3;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
}
.marketplace-arc-stepper-molecule__stage-type {
  font-size: 11px;
  color: var(--secondary-text-color);
}
.marketplace-arc-stepper-molecule__detail {
  padding: var(--spacing-sm) var(--spacing-md);
  background: var(--component-background);
  border-radius: var(--border-radius-sm);
  border: 1px solid var(--primary-border);
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-sm) var(--spacing-lg);
  font-size: 13px;
  color: var(--secondary-text-color);
}
[data-theme=dark] .marketplace-arc-stepper-molecule__detail {
  background: var(--surface-raised);
  border-color: var(--border-subtle-dark);
}
.marketplace-arc-stepper-molecule__detail-item {
  display: flex;
  align-items: center;
  gap: var(--spacing-xxs);
}
.marketplace-arc-stepper-molecule__detail-item i {
  font-size: 12px;
}
.marketplace-arc-stepper-molecule__terminal-badge {
  display: inline-block;
  padding: 1px var(--spacing-xxs);
  font-size: 11px;
  font-weight: 600;
  border-radius: var(--border-radius-sm);
  background: var(--secondary-text-color);
  color: var(--component-background);
  opacity: 0.7;
}
[data-theme=dark] .marketplace-arc-stepper-molecule__terminal-badge {
  background: var(--secondary-text-color);
  color: var(--component-background-dark);
}
.marketplace-arc-stepper-molecule__empty {
  font-size: 13px;
  color: var(--secondary-text-color);
  font-style: italic;
}
.marketplace-orbit-summary-molecule {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
}
.marketplace-orbit-summary-molecule__source {
  display: flex;
  align-items: center;
  gap: var(--spacing-xxs);
  font-size: 13px;
  color: var(--secondary-text-color);
}
.marketplace-orbit-summary-molecule__source i {
  font-size: 12px;
}
.marketplace-orbit-summary-molecule__dates {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-sm);
  font-size: 12px;
  color: var(--secondary-text-color);
}
.marketplace-orbit-summary-molecule__date {
  display: flex;
  align-items: center;
  gap: var(--spacing-xxs);
}
.marketplace-orbit-summary-molecule__date i {
  font-size: 11px;
}
.marketplace-orbit-summary-molecule__schedules {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}
.marketplace-orbit-summary-molecule__schedule {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xxs);
  padding: var(--spacing-sm) var(--spacing-md);
  background: var(--component-background);
  border-radius: var(--border-radius-sm);
  border: 1px solid var(--primary-border);
}
[data-theme=dark] .marketplace-orbit-summary-molecule__schedule {
  background: var(--component-background-dark);
  border-color: var(--primary-border-dark);
}
.marketplace-orbit-summary-molecule__schedule-header {
  display: flex;
  align-items: center;
  gap: var(--spacing-xxs);
  font-size: 13px;
  font-weight: 600;
  color: var(--primary-text-color);
}
.marketplace-orbit-summary-molecule__schedule-header i {
  font-size: 12px;
  color: var(--secondary-text-color);
}
.marketplace-orbit-summary-molecule__schedule-type {
  font-size: 12px;
  font-style: italic;
  color: var(--secondary-text-color);
}
.marketplace-orbit-summary-molecule__key-dates-section {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs);
}
.marketplace-orbit-summary-molecule__key-dates-label {
  font-size: 13px;
  font-weight: 600;
  color: var(--primary-text-color);
  display: flex;
  align-items: center;
  gap: var(--spacing-xxs);
}
.marketplace-orbit-summary-molecule__key-dates-label i {
  font-size: 12px;
  color: var(--secondary-text-color);
}
.marketplace-orbit-summary-molecule__key-dates-list {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xxs);
}
.marketplace-orbit-summary-molecule__key-date {
  display: flex;
  align-items: center;
  gap: var(--spacing-xs);
  padding: var(--spacing-xxs) var(--spacing-sm);
  font-size: 12px;
  color: var(--primary-text-color);
  background: var(--component-background);
  border-radius: var(--border-radius-sm);
  border: 1px solid var(--primary-border);
}
[data-theme=dark] .marketplace-orbit-summary-molecule__key-date {
  background: var(--component-background-dark);
  border-color: var(--primary-border-dark);
}
.marketplace-orbit-summary-molecule__key-date-name {
  font-weight: 600;
}
.marketplace-orbit-summary-molecule__key-date-source {
  color: var(--secondary-text-color);
  font-style: italic;
}
.marketplace-orbit-summary-molecule__empty {
  font-size: 13px;
  color: var(--secondary-text-color);
  font-style: italic;
}
.marketplace-provided-entities-summary-molecule {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
}
.marketplace-provided-entities-summary-molecule__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 13px;
  color: var(--secondary-text-color);
}
.marketplace-provided-entities-summary-molecule__count {
  font-size: 12px;
  color: var(--secondary-text-color);
  opacity: 0.7;
}
.marketplace-provided-entities-summary-molecule__grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  gap: var(--spacing-sm);
}
.marketplace-provided-entities-summary-molecule__card {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xxs);
  padding: var(--spacing-sm) var(--spacing-md);
  background: var(--component-background);
  border-radius: var(--border-radius-sm);
  border: 1px solid var(--primary-border);
}
[data-theme=dark] .marketplace-provided-entities-summary-molecule__card {
  background: var(--component-background-dark);
  border-color: var(--primary-border-dark);
}
.marketplace-provided-entities-summary-molecule__card--skeleton {
  min-height: 60px;
}
.marketplace-provided-entities-summary-molecule__card-header {
  display: flex;
  align-items: center;
  gap: var(--spacing-xxs);
  font-size: 13px;
  color: var(--primary-text-color);
}
.marketplace-provided-entities-summary-molecule__card-header i {
  font-size: 12px;
  color: var(--secondary-text-color);
}
.marketplace-provided-entities-summary-molecule__name {
  font-weight: 600;
  flex: 1;
}
.marketplace-provided-entities-summary-molecule__forked-badge {
  display: inline-block;
  padding: 2px var(--spacing-xxs);
  font-size: 11px;
  font-weight: 600;
  border-radius: var(--border-radius-sm);
  background: var(--blue-100, #dbeafe);
  color: var(--blue-700, #1d4ed8);
}
[data-theme=dark] .marketplace-provided-entities-summary-molecule__forked-badge {
  background: var(--blue-900, #1e3a5f);
  color: var(--blue-300, #93c5fd);
}
.marketplace-provided-entities-summary-molecule__description {
  font-size: 12px;
  color: var(--secondary-text-color);
  line-height: 1.4;
}
.marketplace-provided-entities-summary-molecule__skeleton-name {
  width: 60%;
  height: 14px;
  border-radius: var(--border-radius-sm);
  background: var(--primary-border);
  animation: provided-entities-skeleton-pulse 1.5s ease-in-out infinite;
}
[data-theme=dark] .marketplace-provided-entities-summary-molecule__skeleton-name {
  background: var(--primary-border-dark);
}
.marketplace-provided-entities-summary-molecule__skeleton-desc {
  width: 90%;
  height: 12px;
  border-radius: var(--border-radius-sm);
  background: var(--primary-border);
  animation: provided-entities-skeleton-pulse 1.5s ease-in-out infinite;
  animation-delay: 0.2s;
}
[data-theme=dark] .marketplace-provided-entities-summary-molecule__skeleton-desc {
  background: var(--primary-border-dark);
}
@keyframes provided-entities-skeleton-pulse {
  0%, 100% {
    opacity: 0.4;
  }
  50% {
    opacity: 1;
  }
}
.marketplace-channel-status-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--spacing-md);
  padding: var(--spacing-sm) var(--spacing-md);
  background: var(--component-background);
  border: 1px solid var(--primary-border-color, rgba(0, 0, 0, 0.1));
  border-radius: var(--border-radius-md);
}
[data-theme=dark] .marketplace-channel-status-bar {
  background: var(--surface-raised);
  border-color: var(--border-subtle-dark);
}
.marketplace-channel-status-bar__statuses {
  display: flex;
  align-items: center;
  gap: var(--spacing-xs);
  flex-wrap: wrap;
}
.marketplace-channel-status-bar__badge {
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-xxs);
  padding: var(--spacing-xxs) var(--spacing-xs);
  border-radius: var(--border-radius-pill);
  font-size: var(--text-sm);
  font-weight: 600;
  font-family: var(--font-family);
  white-space: nowrap;
}
.marketplace-channel-status-bar__badge i {
  font-size: var(--text-xs);
}
.marketplace-channel-status-bar__badge--success {
  color: var(--success-text);
  background: var(--success-background);
}
.marketplace-channel-status-bar__badge--warning {
  color: var(--warning-text);
  background: var(--warning-background);
}
.marketplace-channel-status-bar__badge--danger {
  color: var(--error-text);
  background: var(--error-background);
}
.marketplace-channel-status-bar__badge--info {
  color: var(--info-text);
  background: var(--info-background);
}
.marketplace-channel-status-bar__rejection {
  margin: 0;
  font-size: var(--text-sm);
  color: var(--error-text);
  flex: 1;
  min-width: 0;
}
.marketplace-channel-status-bar__actions {
  display: flex;
  align-items: center;
  gap: var(--spacing-xs);
  flex-shrink: 0;
}
.marketplace-channel-status-bar__button {
  display: inline-flex;
  align-items: center;
  padding: 8px 20px;
  border-radius: var(--border-radius-pill);
  font-size: var(--text-sm);
  font-weight: 600;
  font-family: var(--font-family);
  cursor: pointer;
  border: none;
  transition: background 0.15s, opacity 0.15s;
  white-space: nowrap;
}
.marketplace-channel-status-bar__button:focus-visible {
  outline: 2px solid var(--focus-ring-color, var(--cta-secondary-color));
  outline-offset: 2px;
}
.marketplace-channel-status-bar__button:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.marketplace-channel-status-bar__button--primary {
  color: var(--cta-primary-color);
  background: var(--cta-primary-background);
  box-shadow: var(--cta-primary-shadow);
}
.marketplace-channel-status-bar__button--primary:hover:not(:disabled) {
  background: var(--cta-primary-hover-background);
}
[data-theme=dark] .marketplace-channel-status-bar__button--primary {
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.3), inset 5px 4px 4px var(--border-subtle-dark);
}
.marketplace-channel-status-bar__button--secondary {
  color: var(--primary-text-color);
  background: transparent;
  border: 1px solid var(--primary-border-color, rgba(0, 0, 0, 0.15));
}
[data-theme=dark] .marketplace-channel-status-bar__button--secondary {
  border-color: var(--border-strong-dark);
  color: var(--primary-text-color);
}
.marketplace-channel-status-bar__button--secondary:hover:not(:disabled) {
  background: var(--hover-background);
}
[data-theme=dark] .marketplace-channel-status-bar__button--secondary:hover:not(:disabled) {
  background: var(--hover-overlay-dark);
}
[data-theme=dark] .marketplace-channel-status-bar__badge--success {
  background: rgba(34, 197, 94, 0.15);
  color: #4ade80;
}
[data-theme=dark] .marketplace-channel-status-bar__badge--warning {
  background: rgba(234, 179, 8, 0.15);
  color: #fbbf24;
}
[data-theme=dark] .marketplace-channel-status-bar__badge--danger {
  background: rgba(220, 38, 38, 0.15);
  color: #f87171;
}
[data-theme=dark] .marketplace-channel-status-bar__badge--info {
  background: rgba(59, 130, 246, 0.15);
  color: #60a5fa;
}
.marketplace-channel-subscription-card-molecule {
  display: flex;
  flex-direction: column;
  padding: var(--spacing-sm) var(--spacing-md);
  background: var(--component-background);
  border-radius: var(--border-radius-sm);
  border: 1px solid var(--primary-border);
}
[data-theme=dark] .marketplace-channel-subscription-card-molecule {
  background: var(--component-background-dark);
  border-color: var(--primary-border-dark);
}
.marketplace-channel-subscription-card-molecule__main {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--spacing-md);
}
.marketplace-channel-subscription-card-molecule__info {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xxs);
  flex: 1;
  min-width: 0;
}
.marketplace-channel-subscription-card-molecule__header {
  display: flex;
  align-items: center;
  gap: var(--spacing-xxs);
  font-size: 13px;
  color: var(--primary-text-color);
}
.marketplace-channel-subscription-card-molecule__header i {
  font-size: 12px;
  color: var(--secondary-text-color);
}
.marketplace-channel-subscription-card-molecule__name {
  font-weight: 600;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.marketplace-channel-subscription-card-molecule__badge {
  display: inline-block;
  padding: 2px var(--spacing-xxs);
  font-size: 11px;
  font-weight: 600;
  border-radius: var(--border-radius-sm);
  white-space: nowrap;
  flex-shrink: 0;
}
.marketplace-channel-subscription-card-molecule__badge--direct {
  background: var(--blue-100, #dbeafe);
  color: var(--blue-700, #1d4ed8);
}
[data-theme=dark] .marketplace-channel-subscription-card-molecule__badge--direct {
  background: var(--blue-900, #1e3a5f);
  color: var(--blue-300, #93c5fd);
}
.marketplace-channel-subscription-card-molecule__badge--inherited {
  background: var(--purple-100, #f3e8ff);
  color: var(--purple-700, #7c3aed);
}
[data-theme=dark] .marketplace-channel-subscription-card-molecule__badge--inherited {
  background: var(--purple-900, #3b0764);
  color: var(--purple-300, #c4b5fd);
}
.marketplace-channel-subscription-card-molecule__description {
  font-size: 12px;
  color: var(--secondary-text-color);
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.marketplace-channel-subscription-card-molecule__actions {
  display: flex;
  align-items: center;
  gap: var(--spacing-xs);
  flex-shrink: 0;
}
.marketplace-channel-subscription-card-molecule__scope-toggle {
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-xxs);
  padding: var(--spacing-xxs) var(--spacing-xs);
  font-size: 11px;
  font-weight: 500;
  color: var(--secondary-text-color);
  background: transparent;
  border: 1px solid var(--primary-border);
  border-radius: var(--border-radius-sm);
  cursor: pointer;
}
[data-theme=dark] .marketplace-channel-subscription-card-molecule__scope-toggle {
  border-color: var(--primary-border-dark);
}
.marketplace-channel-subscription-card-molecule__scope-toggle:hover {
  background: var(--component-background);
  color: var(--primary-text-color);
}
[data-theme=dark] .marketplace-channel-subscription-card-molecule__scope-toggle:hover {
  background: var(--component-background-dark);
}
.marketplace-channel-subscription-card-molecule__scope-toggle--recursive {
  color: var(--blue-700, #1d4ed8);
  border-color: var(--blue-300, #93c5fd);
}
[data-theme=dark] .marketplace-channel-subscription-card-molecule__scope-toggle--recursive {
  color: var(--blue-300, #93c5fd);
  border-color: var(--blue-700, #1d4ed8);
}
.marketplace-channel-subscription-card-molecule__scope-toggle i {
  font-size: 11px;
}
.marketplace-channel-subscription-card-molecule__unsubscribe {
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-xxs);
  padding: var(--spacing-xxs) var(--spacing-xs);
  font-size: 11px;
  font-weight: 500;
  color: var(--secondary-text-color);
  background: transparent;
  border: 1px solid var(--primary-border);
  border-radius: var(--border-radius-sm);
  cursor: pointer;
}
[data-theme=dark] .marketplace-channel-subscription-card-molecule__unsubscribe {
  border-color: var(--primary-border-dark);
}
.marketplace-channel-subscription-card-molecule__unsubscribe:hover {
  color: var(--red-600, #dc2626);
  border-color: var(--red-300, #fca5a5);
  background: var(--red-50, #fef2f2);
}
[data-theme=dark] .marketplace-channel-subscription-card-molecule__unsubscribe:hover {
  color: var(--red-400, #f87171);
  border-color: var(--red-700, #b91c1c);
  background: var(--red-900, #450a0a);
}
.marketplace-channel-subscription-card-molecule__unsubscribe i {
  font-size: 11px;
}
.marketplace-channel-subscription-list-molecule {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
}
.marketplace-channel-subscription-list-molecule__section {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs);
}
.marketplace-channel-subscription-list-molecule__section-title {
  font-size: 13px;
  font-weight: 600;
  color: var(--secondary-text-color);
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin: 0;
  padding: 0 var(--spacing-xxs);
}
.marketplace-channel-subscription-list-molecule__cards {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs);
}
.marketplace-channel-subscription-list-molecule__empty {
  font-size: 13px;
  color: var(--secondary-text-color);
  margin: 0;
  padding: var(--spacing-sm) var(--spacing-xxs);
  font-style: italic;
}
.marketplace-item-type-glyph {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--item-type-glyph-size, 36px);
  height: var(--item-type-glyph-size, 36px);
  border-radius: var(--border-radius-md, 8px);
  color: var(--item-type-glyph-fg, #ffffff);
  flex-shrink: 0;
  box-shadow: var(--item-type-glyph-shadow, 0 1px 2px rgba(15, 23, 42, 0.08));
}

.marketplace-item-type-glyph__icon {
  font-size: var(--item-type-glyph-icon-size, 16px);
  color: inherit;
}

.marketplace-item-type-glyph--approach {
  background: linear-gradient(135deg, var(--item-type-approach-start, #6366f1) 0%, var(--item-type-approach-end, #2563eb) 100%);
}

.marketplace-item-type-glyph--video {
  background: linear-gradient(135deg, var(--item-type-video-start, #ef4444) 0%, var(--item-type-video-end, #b91c1c) 100%);
}

.marketplace-item-type-glyph--metric_library {
  background: linear-gradient(135deg, var(--item-type-metric-start, #10b981) 0%, var(--item-type-metric-end, #047857) 100%);
}

.marketplace-item-type-glyph--evaluation {
  background: linear-gradient(135deg, var(--item-type-evaluation-start, #f59e0b) 0%, var(--item-type-evaluation-end, #b45309) 100%);
}

.marketplace-item-type-glyph--assistant {
  background: linear-gradient(135deg, var(--item-type-assistant-start, #8b5cf6) 0%, var(--item-type-assistant-end, #6d28d9) 100%);
}

.marketplace-item-type-glyph--form {
  background: linear-gradient(135deg, var(--item-type-form-start, #14b8a6) 0%, var(--item-type-form-end, #0f766e) 100%);
}
.marketplace-add-item-dialog {
  max-width: 560px;
  width: 90vw;
}
.marketplace-add-item-dialog__select {
  cursor: pointer;
}
.marketplace-add-item-dialog__results {
  max-height: 280px;
  overflow-y: auto;
  border: 1px solid var(--primary-border);
  border-radius: var(--border-radius-md);
  background: var(--component-background);
}
[data-theme=dark] .marketplace-add-item-dialog__results {
  border-color: var(--border-subtle-dark);
  background: var(--dark-card-bg);
}
.marketplace-add-item-dialog__loading {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-lg);
  color: var(--secondary-text-color);
}
.marketplace-add-item-dialog__error-message {
  padding: var(--spacing-md);
  color: var(--danger-color);
  text-align: center;
  font-size: var(--text-sm);
}
.marketplace-add-item-dialog__no-results {
  padding: var(--spacing-md);
  text-align: center;
  color: var(--secondary-text-color);
  font-size: var(--text-sm);
}
.marketplace-add-item-dialog__result-item {
  display: flex;
  align-items: center;
  gap: var(--spacing-sm);
  padding: var(--spacing-sm) var(--spacing-md);
  cursor: pointer;
  border-bottom: 1px solid var(--primary-border);
  transition: background 0.15s ease;
}
.marketplace-add-item-dialog__result-item:last-child {
  border-bottom: none;
}
.marketplace-add-item-dialog__result-item:hover {
  background: var(--hover-background, rgba(0, 0, 0, 0.03));
}
.marketplace-add-item-dialog__result-item--selected {
  background: var(--selected-background, rgba(59, 130, 246, 0.08));
}
[data-theme=dark] .marketplace-add-item-dialog__result-item {
  border-bottom-color: var(--surface-overlay-dark);
}
[data-theme=dark] .marketplace-add-item-dialog__result-item:hover {
  background: var(--hover-overlay-dark);
}
[data-theme=dark] .marketplace-add-item-dialog__result-item--selected {
  background: rgba(59, 130, 246, 0.15);
}
.marketplace-add-item-dialog__checkbox {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  cursor: pointer;
}
.marketplace-add-item-dialog__result-info {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-width: 0;
  gap: var(--spacing-xxs);
}
.marketplace-add-item-dialog__result-name {
  font-size: var(--text-sm);
  font-weight: 600;
  color: var(--primary-text-color);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.marketplace-add-item-dialog__result-desc {
  font-size: var(--text-xs);
  color: var(--secondary-text-color);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.marketplace-add-item-dialog__result-type {
  flex-shrink: 0;
  font-size: var(--text-xs);
  font-weight: 500;
  color: var(--secondary-text-color);
  background: var(--component-background);
  border: 1px solid var(--primary-border);
  border-radius: var(--border-radius-sm);
  padding: calc(var(--spacing-xxs) / 2) var(--spacing-xs);
}
[data-theme=dark] .marketplace-add-item-dialog__result-type {
  background: var(--surface-overlay-dark);
  border-color: var(--border-soft-dark);
}
.marketplace-add-item-dialog__selected-count {
  padding: var(--spacing-xs) 0;
  font-size: var(--text-sm);
  font-weight: 500;
  color: var(--info-color, var(--primary-text-color));
}
.marketplace-content-sharing {
  position: relative;
  display: inline-flex;
}
.marketplace-content-sharing__spinner {
  font-size: var(--text-sm);
  color: var(--secondary-text-color);
}
.marketplace-content-sharing__trigger {
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--spacing-xl);
  height: var(--spacing-xl);
  border: 1px solid var(--primary-border);
  border-radius: var(--border-radius-sm);
  background: var(--component-background);
  color: var(--secondary-text-color);
  cursor: pointer;
  transition: background 0.15s ease, color 0.15s ease;
}
.marketplace-content-sharing__trigger:hover {
  background: var(--hover-background, rgba(0, 0, 0, 0.03));
  color: var(--primary-text-color);
}
[data-theme=dark] .marketplace-content-sharing__trigger {
  border-color: var(--border-soft-dark);
  background: var(--surface-raised);
}
[data-theme=dark] .marketplace-content-sharing__trigger:hover {
  background: var(--hover-overlay-dark);
}
.marketplace-content-sharing__panel {
  position: absolute;
  top: 100%;
  right: 0;
  z-index: 10;
  min-width: 220px;
  margin-top: var(--spacing-xxs);
  padding: var(--spacing-xs) 0;
  border: 1px solid var(--primary-border);
  border-radius: var(--border-radius-md);
  background: var(--component-background);
  box-shadow: var(--shadow-md);
}
[data-theme=dark] .marketplace-content-sharing__panel {
  border-color: var(--border-subtle-dark);
  background: var(--surface-raised);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.5);
}
.marketplace-content-sharing__header {
  padding: var(--spacing-xs) var(--spacing-md);
  font-size: var(--text-sm);
  font-weight: 600;
  color: var(--primary-text-color);
  border-bottom: 1px solid var(--primary-border);
  margin-bottom: var(--spacing-xxs);
}
[data-theme=dark] .marketplace-content-sharing__header {
  border-bottom-color: var(--border-subtle-dark);
}
.marketplace-content-sharing__option {
  display: flex;
  align-items: center;
  gap: var(--spacing-xs);
  padding: var(--spacing-xs) var(--spacing-md);
  cursor: pointer;
  transition: background 0.15s ease;
}
.marketplace-content-sharing__option:hover {
  background: var(--hover-background, rgba(0, 0, 0, 0.03));
}
[data-theme=dark] .marketplace-content-sharing__option:hover {
  background: var(--hover-background-dark, rgba(255, 255, 255, 0.05));
}
.marketplace-content-sharing__checkbox {
  flex-shrink: 0;
  width: var(--spacing-md);
  height: var(--spacing-md);
  cursor: pointer;
}
.marketplace-content-sharing__label {
  font-size: var(--text-sm);
  color: var(--primary-text-color);
}
.marketplace-content-sharing__attribution {
  display: flex;
  align-items: center;
  gap: var(--spacing-xs);
  padding: var(--spacing-xs) var(--spacing-md);
  font-size: var(--text-xs);
  color: var(--secondary-text-color);
  border-top: 1px solid var(--primary-border);
  margin-top: var(--spacing-xxs);
}
[data-theme=dark] .marketplace-content-sharing__attribution {
  border-top-color: var(--border-subtle-dark);
}
.marketplace-content-sharing__error {
  padding: var(--spacing-xxs) var(--spacing-md);
  font-size: var(--text-xs);
  color: var(--danger-color);
}
.marketplace-content-sharing__updating {
  display: flex;
  justify-content: center;
  padding: var(--spacing-xxs) var(--spacing-md);
  color: var(--secondary-text-color);
  font-size: var(--text-xs);
}
.marketplace-draggable-item-list {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xxs);
}
.marketplace-draggable-item-list__row {
  display: flex;
  align-items: center;
  gap: var(--spacing-sm);
  padding: var(--spacing-xs) var(--spacing-sm);
  border: 1px solid var(--primary-border-color, rgba(0, 0, 0, 0.1));
  border-radius: var(--border-radius-md);
  background: var(--component-background);
  cursor: grab;
  transition: box-shadow 0.15s, border-color 0.15s, opacity 0.15s;
}
.marketplace-draggable-item-list__row:hover:not(.marketplace-draggable-item-list__row--disabled):not(.marketplace-draggable-item-list__row--dragging) {
  border-color: var(--cta-primary-background);
  box-shadow: var(--shadow-sm);
}
.marketplace-draggable-item-list__row--dragging {
  opacity: 0.4;
  cursor: grabbing;
}
.marketplace-draggable-item-list__row--over {
  border-color: var(--cta-primary-background);
  box-shadow: 0 0 0 2px var(--cta-primary-background);
}
.marketplace-draggable-item-list__row--disabled {
  cursor: default;
  opacity: 0.6;
}
.marketplace-draggable-item-list__row--clickable {
  cursor: pointer;
}
.marketplace-draggable-item-list__row--clickable:focus-visible {
  outline: 2px solid var(--cta-primary-background);
  outline-offset: 2px;
}
[data-theme=dark] .marketplace-draggable-item-list__row {
  background: var(--surface-raised);
  border-color: var(--border-subtle-dark);
}
[data-theme=dark] .marketplace-draggable-item-list__row:hover:not([data-theme=dark] .marketplace-draggable-item-list__row--disabled):not([data-theme=dark] .marketplace-draggable-item-list__row--dragging) {
  border-color: var(--cta-primary-background);
}
[data-theme=dark] .marketplace-draggable-item-list__row--over {
  border-color: var(--cta-primary-background);
}
.marketplace-draggable-item-list__handle {
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--secondary-text-color);
  flex-shrink: 0;
  width: 24px;
  cursor: grab;
}
.marketplace-draggable-item-list__row--dragging .marketplace-draggable-item-list__handle {
  cursor: grabbing;
}
.marketplace-draggable-item-list__row--disabled .marketplace-draggable-item-list__handle {
  cursor: default;
  opacity: 0.4;
}
.marketplace-draggable-item-list__icon {
  flex-shrink: 0;
  font-size: 18px;
  line-height: 1;
}
.marketplace-draggable-item-list__info {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xxs);
  flex: 1;
  min-width: 0;
}
.marketplace-draggable-item-list__name {
  font-family: var(--font-family);
  font-size: var(--text-sm);
  font-weight: 600;
  color: var(--primary-text-color);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.marketplace-draggable-item-list__meta {
  display: flex;
  align-items: center;
  gap: var(--spacing-xxs);
  font-family: var(--font-family);
  font-size: var(--text-xs);
  color: var(--secondary-text-color);
}
.marketplace-draggable-item-list__type-badge {
  font-weight: 500;
}
.marketplace-draggable-item-list__separator {
  opacity: 0.5;
}
.marketplace-draggable-item-list__date {
  white-space: nowrap;
}
.marketplace-draggable-item-list__remove-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 28px;
  height: 28px;
  border: none;
  border-radius: var(--border-radius-sm);
  background: transparent;
  color: var(--secondary-text-color);
  cursor: pointer;
  transition: background 0.15s, color 0.15s;
}
.marketplace-draggable-item-list__remove-btn:hover:not(:disabled) {
  background: var(--error-background);
  color: var(--error-text);
}
.marketplace-draggable-item-list__remove-btn:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}
[data-theme=dark] .marketplace-draggable-item-list__remove-btn:hover:not(:disabled) {
  background: var(--error-background);
}
.marketplace-invite-collaborator-dialog {
  max-width: 480px;
  width: 90vw;
}
.marketplace-invite-collaborator-dialog__warning {
  padding: var(--spacing-xs) var(--spacing-sm);
  margin-bottom: var(--spacing-xs);
  font-size: var(--text-sm);
  color: var(--warning-color, #b45309);
  background: var(--warning-background, rgba(245, 158, 11, 0.08));
  border-radius: var(--border-radius-sm);
  border: 1px solid var(--warning-border, rgba(245, 158, 11, 0.2));
}
[data-theme=dark] .marketplace-invite-collaborator-dialog__warning {
  color: var(--warning-color-dark, #fbbf24);
  background: var(--warning-background-dark, rgba(245, 158, 11, 0.12));
  border-color: var(--warning-border-dark, rgba(245, 158, 11, 0.25));
}
.marketplace-invite-collaborator-dialog__results {
  border: 1px solid var(--primary-border);
  border-radius: var(--border-radius-md);
  background: var(--component-background);
  overflow: hidden;
}
[data-theme=dark] .marketplace-invite-collaborator-dialog__results {
  border-color: var(--border-subtle-dark);
  background: var(--dark-card-bg);
}
.marketplace-invite-collaborator-dialog__result-item {
  display: flex;
  align-items: center;
  gap: var(--spacing-sm);
  padding: var(--spacing-sm) var(--spacing-md);
  cursor: pointer;
  transition: background 0.15s ease;
}
.marketplace-invite-collaborator-dialog__result-item:hover {
  background: var(--hover-background, rgba(0, 0, 0, 0.03));
}
.marketplace-invite-collaborator-dialog__result-item--selected {
  background: var(--selected-background, rgba(59, 130, 246, 0.08));
}
[data-theme=dark] .marketplace-invite-collaborator-dialog__result-item:hover {
  background: var(--hover-background-dark, rgba(255, 255, 255, 0.05));
}
[data-theme=dark] .marketplace-invite-collaborator-dialog__result-item--selected {
  background: var(--selected-background-dark, rgba(59, 130, 246, 0.15));
}
.marketplace-invite-collaborator-dialog__radio {
  flex-shrink: 0;
  width: var(--spacing-md);
  height: var(--spacing-md);
  cursor: pointer;
}
.marketplace-invite-collaborator-dialog__result-info {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-width: 0;
  gap: var(--spacing-xxs);
}
.marketplace-invite-collaborator-dialog__result-name {
  font-size: var(--text-sm);
  font-weight: 600;
  color: var(--primary-text-color);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.marketplace-invite-collaborator-dialog__role-fieldset {
  border: none;
  padding: 0;
  margin: var(--spacing-sm) 0 0;
}
.marketplace-invite-collaborator-dialog__role-legend {
  font-size: var(--text-sm);
  font-weight: 600;
  color: var(--primary-text-color);
  margin-bottom: var(--spacing-xs);
}
.marketplace-invite-collaborator-dialog__role-option {
  display: flex;
  align-items: flex-start;
  gap: var(--spacing-sm);
  padding: var(--spacing-sm) var(--spacing-md);
  border: 1px solid var(--primary-border);
  border-radius: var(--border-radius-md);
  margin-bottom: var(--spacing-xs);
  cursor: pointer;
  transition: background 0.15s ease, border-color 0.15s ease;
}
.marketplace-invite-collaborator-dialog__role-option:hover {
  background: var(--hover-background, rgba(0, 0, 0, 0.03));
}
.marketplace-invite-collaborator-dialog__role-option--selected {
  border-color: var(--info-color, #3b82f6);
  background: var(--selected-background, rgba(59, 130, 246, 0.08));
}
[data-theme=dark] .marketplace-invite-collaborator-dialog__role-option {
  border-color: var(--border-soft-dark);
}
[data-theme=dark] .marketplace-invite-collaborator-dialog__role-option:hover {
  background: var(--hover-overlay-dark);
}
[data-theme=dark] .marketplace-invite-collaborator-dialog__role-option--selected {
  border-color: #60a5fa;
  background: rgba(59, 130, 246, 0.15);
}
.marketplace-invite-collaborator-dialog__role-radio {
  flex-shrink: 0;
  margin-top: calc(var(--spacing-xxs) / 2);
  cursor: pointer;
}
.marketplace-invite-collaborator-dialog__role-text {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xxs);
}
.marketplace-invite-collaborator-dialog__role-name {
  font-size: var(--text-sm);
  font-weight: 600;
  color: var(--primary-text-color);
}
.marketplace-invite-collaborator-dialog__role-desc {
  font-size: var(--text-xs);
  color: var(--secondary-text-color);
}
.marketplace-invite-collaborator-dialog__success {
  padding: var(--spacing-xs) var(--spacing-sm);
  font-size: var(--text-sm);
  color: var(--success-color, #16a34a);
  background: var(--success-background, rgba(22, 163, 74, 0.08));
  border-radius: var(--border-radius-sm);
  border: 1px solid var(--success-border, rgba(22, 163, 74, 0.2));
}
[data-theme=dark] .marketplace-invite-collaborator-dialog__success {
  color: var(--success-color-dark, #4ade80);
  background: var(--success-background-dark, rgba(22, 163, 74, 0.12));
  border-color: var(--success-border-dark, rgba(22, 163, 74, 0.25));
}
.marketplace-deploy-target-picker-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
  padding: var(--spacing-md);
}
[data-theme=dark] .marketplace-deploy-target-picker-overlay {
  background: rgba(0, 0, 0, 0.7);
}
.marketplace-deploy-target-picker-molecule {
  display: flex;
  flex-direction: column;
  background: var(--component-background);
  border-radius: var(--border-radius-md);
  box-shadow: var(--shadow-lg);
  width: 90vw;
  max-width: 480px;
  min-width: 320px;
  max-height: 80vh;
  overflow: hidden;
}
[data-theme=dark] .marketplace-deploy-target-picker-molecule {
  background: var(--surface-raised);
  border: 1px solid var(--border-subtle-dark);
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.5);
}
.marketplace-deploy-target-picker-molecule__header {
  padding: var(--spacing-lg) var(--spacing-lg) var(--spacing-sm);
}
.marketplace-deploy-target-picker-molecule__title {
  margin: 0;
  font-size: 16px;
  font-weight: 600;
  color: var(--primary-text-color);
}
.marketplace-deploy-target-picker-molecule__description {
  margin: var(--spacing-xs) 0 0;
  font-size: 13px;
  color: var(--secondary-text-color);
  line-height: 1.4;
}
.marketplace-deploy-target-picker-molecule__applicability {
  margin: 0 var(--spacing-lg);
}
.marketplace-deploy-target-picker-molecule__search {
  display: flex;
  align-items: center;
  gap: var(--spacing-xs);
  margin: var(--spacing-md) var(--spacing-lg);
  padding: var(--spacing-xs) var(--spacing-sm);
  border: 1px solid var(--primary-border);
  border-radius: var(--border-radius-sm);
  background: var(--component-background);
}
[data-theme=dark] .marketplace-deploy-target-picker-molecule__search {
  background: var(--dark-card-bg);
  border-color: var(--border-soft-dark);
}
.marketplace-deploy-target-picker-molecule__search i {
  font-size: 14px;
  color: var(--secondary-text-color);
}
.marketplace-deploy-target-picker-molecule__search-input {
  flex: 1;
  border: none;
  outline: none;
  background: transparent;
  font-size: 13px;
  color: var(--primary-text-color);
  font-family: var(--font-family);
}
.marketplace-deploy-target-picker-molecule__search-input::-moz-placeholder {
  color: var(--secondary-text-color);
}
.marketplace-deploy-target-picker-molecule__search-input::placeholder {
  color: var(--secondary-text-color);
}
.marketplace-deploy-target-picker-molecule__search-clear {
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  background: transparent;
  padding: var(--spacing-xxs);
  cursor: pointer;
  color: var(--secondary-text-color);
  border-radius: var(--border-radius-sm);
}
.marketplace-deploy-target-picker-molecule__search-clear:hover {
  color: var(--primary-text-color);
  background: var(--hover-background);
}
[data-theme=dark] .marketplace-deploy-target-picker-molecule__search-clear:hover {
  background: var(--hover-background-dark);
}
.marketplace-deploy-target-picker-molecule__search-clear i {
  font-size: 12px;
}
.marketplace-deploy-target-picker-molecule__list {
  flex: 1;
  overflow-y: auto;
  padding: 0 var(--spacing-lg);
  margin-bottom: var(--spacing-md);
  min-height: 120px;
  max-height: 320px;
  outline: none;
}
.marketplace-deploy-target-picker-molecule__loading, .marketplace-deploy-target-picker-molecule__error, .marketplace-deploy-target-picker-molecule__empty {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-xs);
  padding: var(--spacing-lg);
  font-size: 13px;
  color: var(--secondary-text-color);
}
.marketplace-deploy-target-picker-molecule__error {
  flex-direction: column;
  gap: var(--spacing-sm);
}
.marketplace-deploy-target-picker-molecule__error i {
  font-size: 18px;
  color: var(--danger-color, #dc2626);
}
.marketplace-deploy-target-picker-molecule__retry-btn {
  border: 1px solid var(--primary-border);
  border-radius: var(--border-radius-sm);
  background: transparent;
  padding: var(--spacing-xxs) var(--spacing-sm);
  font-size: 12px;
  color: var(--primary-text-color);
  cursor: pointer;
  font-family: var(--font-family);
}
.marketplace-deploy-target-picker-molecule__retry-btn:hover {
  background: var(--hover-background);
}
[data-theme=dark] .marketplace-deploy-target-picker-molecule__retry-btn {
  border-color: var(--border-soft-dark);
}
[data-theme=dark] .marketplace-deploy-target-picker-molecule__retry-btn:hover {
  background: var(--hover-overlay-dark);
}
.marketplace-deploy-target-picker-molecule__empty {
  flex-direction: column;
  gap: var(--spacing-sm);
}
.marketplace-deploy-target-picker-molecule__empty i {
  font-size: 16px;
}
.marketplace-deploy-target-picker-molecule__clear-search-btn {
  border: none;
  background: transparent;
  padding: 0;
  font-size: 12px;
  color: var(--cta-primary-color);
  cursor: pointer;
  font-family: var(--font-family);
}
.marketplace-deploy-target-picker-molecule__clear-search-btn:hover {
  text-decoration: underline;
}
.marketplace-deploy-target-picker-molecule__type-group:not(:first-child) {
  margin-top: var(--spacing-sm);
}
.marketplace-deploy-target-picker-molecule__type-header {
  display: flex;
  align-items: center;
  gap: var(--spacing-xs);
  padding: var(--spacing-xs) var(--spacing-sm);
  position: sticky;
  top: 0;
  z-index: 1;
  background: var(--component-background);
  border-bottom: 1px solid var(--primary-border);
}
[data-theme=dark] .marketplace-deploy-target-picker-molecule__type-header {
  background: var(--surface-raised);
  border-color: var(--border-subtle-dark);
}
.marketplace-deploy-target-picker-molecule__type-icon {
  font-size: 14px;
  color: var(--secondary-text-color);
}
.marketplace-deploy-target-picker-molecule__type-name {
  font-size: 12px;
  font-weight: 600;
  color: var(--secondary-text-color);
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.marketplace-deploy-target-picker-molecule__type-count {
  font-size: 11px;
  color: var(--secondary-text-color);
  margin-left: auto;
}
.marketplace-deploy-target-picker-molecule__sphere-item {
  display: flex;
  align-items: center;
  gap: var(--spacing-sm);
  padding: var(--spacing-sm) var(--spacing-md);
  border-radius: var(--border-radius-sm);
  cursor: pointer;
  transition: background 0.15s;
}
.marketplace-deploy-target-picker-molecule__sphere-item:hover {
  background: var(--hover-background);
}
[data-theme=dark] .marketplace-deploy-target-picker-molecule__sphere-item:hover {
  background: var(--hover-background-dark);
}
.marketplace-deploy-target-picker-molecule__sphere-item--focused {
  outline: 2px solid var(--cta-primary-color);
  outline-offset: -2px;
  background: var(--hover-background);
}
[data-theme=dark] .marketplace-deploy-target-picker-molecule__sphere-item--focused {
  background: var(--hover-background-dark);
}
.marketplace-deploy-target-picker-molecule__sphere-item--selected {
  background: var(--selected-background, rgba(59, 130, 246, 0.08));
  border: 1px solid var(--cta-primary-color);
}
[data-theme=dark] .marketplace-deploy-target-picker-molecule__sphere-item--selected {
  background: var(--selected-background-dark, rgba(59, 130, 246, 0.15));
}
.marketplace-deploy-target-picker-molecule__sphere-item--selected:hover {
  background: var(--selected-background, rgba(59, 130, 246, 0.08));
}
[data-theme=dark] .marketplace-deploy-target-picker-molecule__sphere-item--selected:hover {
  background: var(--selected-background-dark, rgba(59, 130, 246, 0.15));
}
.marketplace-deploy-target-picker-molecule__sphere-info {
  flex: 1;
  display: flex;
  flex-direction: column;
  min-width: 0;
}
.marketplace-deploy-target-picker-molecule__sphere-name {
  font-size: 13px;
  font-weight: 500;
  color: var(--primary-text-color);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.marketplace-deploy-target-picker-molecule__current-badge {
  font-size: 11px;
  padding: 1px var(--spacing-xs);
  border-radius: var(--border-radius-pill);
  background: var(--info-background, #e0f2fe);
  color: var(--info-text, #0369a1);
  white-space: nowrap;
}
[data-theme=dark] .marketplace-deploy-target-picker-molecule__current-badge {
  background: var(--info-background-dark, #0c4a6e);
  color: var(--info-text-dark, #bae6fd);
}
.marketplace-deploy-target-picker-molecule__check-icon {
  font-size: 14px;
  color: var(--cta-primary-color);
}
.marketplace-deploy-target-picker-molecule__load-more {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: var(--spacing-sm);
  margin-top: var(--spacing-xs);
  border: 1px solid var(--primary-border);
  border-radius: var(--border-radius-sm);
  background: transparent;
  font-size: 13px;
  color: var(--cta-primary-color);
  cursor: pointer;
  font-family: var(--font-family);
}
.marketplace-deploy-target-picker-molecule__load-more:hover:not(:disabled) {
  background: var(--hover-background);
}
.marketplace-deploy-target-picker-molecule__load-more:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
[data-theme=dark] .marketplace-deploy-target-picker-molecule__load-more {
  border-color: var(--border-soft-dark);
}
[data-theme=dark] .marketplace-deploy-target-picker-molecule__load-more:hover:not(:disabled) {
  background: var(--hover-overlay-dark);
}
.marketplace-deploy-target-picker-molecule__actions {
  display: flex;
  justify-content: flex-end;
  gap: var(--spacing-sm);
  padding: var(--spacing-md) var(--spacing-lg);
  border-top: 1px solid var(--primary-border);
}
[data-theme=dark] .marketplace-deploy-target-picker-molecule__actions {
  border-color: var(--border-subtle-dark);
}
.marketplace-deploy-target-picker-molecule__cancel-btn {
  border: 1px solid var(--primary-border);
  border-radius: var(--border-radius-sm);
  background: transparent;
  padding: var(--spacing-xs) var(--spacing-md);
  font-size: 13px;
  color: var(--primary-text-color);
  cursor: pointer;
  font-family: var(--font-family);
}
.marketplace-deploy-target-picker-molecule__cancel-btn:hover {
  background: var(--hover-background);
}
[data-theme=dark] .marketplace-deploy-target-picker-molecule__cancel-btn {
  border-color: var(--border-soft-dark);
}
[data-theme=dark] .marketplace-deploy-target-picker-molecule__cancel-btn:hover {
  background: var(--hover-overlay-dark);
}
.marketplace-deploy-target-picker-molecule__confirm-btn {
  border: none;
  border-radius: var(--border-radius-sm);
  background: var(--cta-primary-background);
  color: var(--cta-primary-color);
  padding: var(--spacing-xs) var(--spacing-md);
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
  font-family: var(--font-family);
}
.marketplace-deploy-target-picker-molecule__confirm-btn:hover {
  background: var(--cta-primary-hover-background);
}
.marketplace-deploy-target-picker-molecule__confirm-btn:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.marketplace-channel-settings {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
  max-width: 640px;
}
.marketplace-channel-settings__field {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xxs);
}
.marketplace-channel-settings__label {
  font-family: var(--font-family);
  font-size: var(--text-sm);
  font-weight: 600;
  color: var(--primary-text-color);
}
.marketplace-channel-settings__required {
  color: var(--error-text);
}
.marketplace-channel-settings__input, .marketplace-channel-settings__textarea {
  width: 100%;
  padding: var(--spacing-xs) var(--spacing-sm);
  font-family: var(--font-family);
  font-size: var(--text-sm);
  color: var(--primary-text-color);
  background: var(--component-background);
  border: 1px solid var(--primary-border-color, rgba(0, 0, 0, 0.15));
  border-radius: var(--border-radius-md);
  outline: none;
  transition: border-color 0.15s;
  box-sizing: border-box;
}
.marketplace-channel-settings__input:focus, .marketplace-channel-settings__textarea:focus {
  border-color: var(--cta-primary-background);
}
.marketplace-channel-settings__input:disabled, .marketplace-channel-settings__textarea:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
.marketplace-channel-settings__input--error, .marketplace-channel-settings__textarea--error {
  border-color: var(--error-text);
}
[data-theme=dark] .marketplace-channel-settings__input, [data-theme=dark] .marketplace-channel-settings__textarea {
  background: var(--dark-card-bg);
  border-color: var(--border-soft-dark);
  color: var(--primary-text-color);
}
[data-theme=dark] .marketplace-channel-settings__input::-moz-placeholder, [data-theme=dark] .marketplace-channel-settings__textarea::-moz-placeholder {
  color: var(--secondary-text-color);
}
[data-theme=dark] .marketplace-channel-settings__input::placeholder, [data-theme=dark] .marketplace-channel-settings__textarea::placeholder {
  color: var(--secondary-text-color);
}
[data-theme=dark] .marketplace-channel-settings__input:focus, [data-theme=dark] .marketplace-channel-settings__textarea:focus {
  border-color: var(--cta-primary-background);
  box-shadow: 0 0 0 2px rgba(55, 127, 196, 0.2);
}
[data-theme=dark] .marketplace-channel-settings__input--error, [data-theme=dark] .marketplace-channel-settings__textarea--error {
  border-color: var(--error-text);
}
.marketplace-channel-settings__textarea {
  resize: vertical;
  min-height: 80px;
}
.marketplace-channel-settings__field-error {
  font-family: var(--font-family);
  font-size: var(--text-xs);
  color: var(--error-text);
}
.marketplace-channel-settings__glyph-row {
  display: flex;
  align-items: center;
  gap: var(--spacing-xs);
  margin-top: var(--spacing-xxs);
}
.marketplace-channel-settings__glyph-clear {
  font-family: var(--font-family);
  font-size: var(--text-xs);
  color: var(--secondary-text-color);
  background: transparent;
  border: none;
  padding: var(--spacing-xxs) var(--spacing-xs);
  cursor: pointer;
  text-decoration: underline;
}
.marketplace-channel-settings__glyph-clear:hover:not(:disabled) {
  color: var(--primary-text-color);
}
.marketplace-channel-settings__glyph-clear:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
[data-theme=dark] .marketplace-channel-settings__glyph-clear {
  color: var(--secondary-text-color);
}
[data-theme=dark] .marketplace-channel-settings__glyph-clear:hover:not(:disabled) {
  color: var(--primary-text-color);
}
.marketplace-channel-settings__radio-group {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs);
  margin-top: var(--spacing-xxs);
}
.marketplace-channel-settings__radio-label {
  display: flex;
  align-items: center;
  gap: var(--spacing-xs);
  cursor: pointer;
}
.marketplace-channel-settings__radio {
  flex-shrink: 0;
  accent-color: var(--cta-primary-background);
}
.marketplace-channel-settings__radio-text {
  font-family: var(--font-family);
  font-size: var(--text-sm);
  color: var(--primary-text-color);
}
.marketplace-channel-settings__checkbox-label {
  display: flex;
  align-items: flex-start;
  gap: var(--spacing-xs);
  cursor: pointer;
}
.marketplace-channel-settings__checkbox {
  flex-shrink: 0;
  margin-top: var(--spacing-xxs);
  accent-color: var(--cta-primary-background);
}
.marketplace-channel-settings__checkbox-content {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xxs);
}
.marketplace-channel-settings__checkbox-title {
  font-family: var(--font-family);
  font-size: var(--text-sm);
  font-weight: 600;
  color: var(--primary-text-color);
}
.marketplace-channel-settings__checkbox-desc {
  font-family: var(--font-family);
  font-size: var(--text-xs);
  color: var(--secondary-text-color);
}
.marketplace-channel-settings__feedback {
  font-family: var(--font-family);
  font-size: var(--text-sm);
  padding: var(--spacing-xs) var(--spacing-sm);
  border-radius: var(--border-radius-md);
}
.marketplace-channel-settings__feedback--error {
  color: var(--error-text);
  background: var(--error-background);
}
.marketplace-channel-settings__feedback--success {
  color: var(--success-text);
  background: var(--success-background);
}
.marketplace-channel-settings__actions {
  display: flex;
  justify-content: flex-end;
  gap: var(--spacing-xs);
  padding-top: var(--spacing-sm);
  border-top: 1px solid var(--primary-border-color, rgba(0, 0, 0, 0.1));
}
[data-theme=dark] .marketplace-channel-settings__actions {
  border-top-color: var(--border-subtle-dark);
}
.marketplace-channel-settings__button {
  display: inline-flex;
  align-items: center;
  padding: 8px 20px;
  border-radius: var(--border-radius-pill);
  font-family: var(--font-family);
  font-size: var(--text-sm);
  font-weight: 600;
  cursor: pointer;
  border: none;
  transition: background 0.15s, opacity 0.15s;
}
.marketplace-channel-settings__button:focus-visible {
  outline: 2px solid var(--focus-ring-color, var(--cta-secondary-color));
  outline-offset: 2px;
}
.marketplace-channel-settings__button:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.marketplace-channel-settings__button--primary {
  color: var(--cta-primary-color);
  background: var(--cta-primary-background);
  box-shadow: var(--cta-primary-shadow);
}
.marketplace-channel-settings__button--primary:hover:not(:disabled) {
  background: var(--cta-primary-hover-background);
}
[data-theme=dark] .marketplace-channel-settings__button--primary {
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.3), inset 5px 4px 4px var(--border-subtle-dark);
}
.marketplace-channel-settings__button--secondary {
  color: var(--primary-text-color);
  background: transparent;
  border: 1px solid var(--primary-border-color, rgba(0, 0, 0, 0.15));
}
[data-theme=dark] .marketplace-channel-settings__button--secondary {
  border-color: var(--border-strong-dark);
  color: var(--primary-text-color);
}
.marketplace-channel-settings__button--secondary:hover:not(:disabled) {
  background: var(--hover-background);
}
[data-theme=dark] .marketplace-channel-settings__button--secondary:hover:not(:disabled) {
  background: var(--hover-overlay-dark);
}
[data-theme=dark] .marketplace-channel-settings__radio {
  accent-color: var(--cta-primary-background);
}
[data-theme=dark] .marketplace-channel-settings__checkbox {
  accent-color: var(--cta-primary-background);
}
[data-theme=dark] .marketplace-channel-settings__radio-label:hover {
  background: rgba(255, 255, 255, 0.03);
  border-radius: var(--border-radius-sm);
}
[data-theme=dark] .marketplace-channel-settings__checkbox-label:hover {
  background: rgba(255, 255, 255, 0.03);
  border-radius: var(--border-radius-sm);
}
[data-theme=dark] .marketplace-channel-settings__feedback--error {
  background: rgba(220, 38, 38, 0.15);
}
[data-theme=dark] .marketplace-channel-settings__feedback--success {
  background: rgba(34, 197, 94, 0.15);
}
.marketplace-channel-collaborators {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
}
.marketplace-channel-collaborators__loading {
  font-family: var(--font-family);
  font-size: var(--text-sm);
  color: var(--secondary-text-color);
  padding: var(--spacing-lg) 0;
  text-align: center;
}
.marketplace-channel-collaborators__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--spacing-md);
}
.marketplace-channel-collaborators__header-info {
  display: flex;
  align-items: baseline;
  gap: var(--spacing-xs);
}
.marketplace-channel-collaborators__title {
  font-family: var(--font-family);
  font-size: var(--text-md);
  font-weight: 600;
  color: var(--primary-text-color);
  margin: 0;
}
.marketplace-channel-collaborators__count {
  font-family: var(--font-family);
  font-size: var(--text-xs);
  color: var(--secondary-text-color);
}
.marketplace-channel-collaborators__invite-btn {
  display: inline-flex;
  align-items: center;
  padding: var(--spacing-xs) var(--spacing-md);
  border-radius: var(--border-radius-md);
  font-family: var(--font-family);
  font-size: var(--text-sm);
  font-weight: 600;
  cursor: pointer;
  border: none;
  color: var(--cta-primary-color);
  background: var(--cta-primary-background);
  transition: opacity 0.15s;
}
.marketplace-channel-collaborators__invite-btn:hover:not(:disabled) {
  background: var(--cta-primary-hover-background);
}
.marketplace-channel-collaborators__invite-btn:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.marketplace-channel-collaborators__feedback {
  font-family: var(--font-family);
  font-size: var(--text-sm);
  padding: var(--spacing-xs) var(--spacing-sm);
  border-radius: var(--border-radius-md);
}
.marketplace-channel-collaborators__feedback--error {
  color: var(--error-text);
  background: var(--error-background);
}
.marketplace-channel-collaborators__feedback--success {
  color: var(--success-text);
  background: var(--success-background);
}
.marketplace-channel-collaborators__confirm {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--spacing-md);
  padding: var(--spacing-sm) var(--spacing-md);
  background: var(--error-background);
  border-radius: var(--border-radius-md);
  border: 1px solid var(--error-text);
}
[data-theme=dark] .marketplace-channel-collaborators__confirm {
  background: rgba(255, 80, 80, 0.1);
  border-color: rgba(255, 80, 80, 0.3);
}
.marketplace-channel-collaborators__confirm-text {
  font-family: var(--font-family);
  font-size: var(--text-sm);
  color: var(--primary-text-color);
  flex: 1;
}
.marketplace-channel-collaborators__confirm-actions {
  display: flex;
  gap: var(--spacing-xs);
  flex-shrink: 0;
}
.marketplace-channel-collaborators__empty {
  font-family: var(--font-family);
  font-size: var(--text-sm);
  color: var(--secondary-text-color);
  text-align: center;
  padding: var(--spacing-xl) 0;
}
.marketplace-channel-collaborators__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 0;
}
.marketplace-channel-collaborators__row {
  display: flex;
  align-items: center;
  gap: var(--spacing-md);
  padding: var(--spacing-sm) var(--spacing-md);
  border-bottom: 1px solid var(--primary-border-color, rgba(0, 0, 0, 0.1));
}
.marketplace-channel-collaborators__row:last-child {
  border-bottom: none;
}
[data-theme=dark] .marketplace-channel-collaborators__row {
  border-bottom-color: var(--border-subtle-dark);
}
.marketplace-channel-collaborators__user-info {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xxs);
  flex: 1;
  min-width: 0;
}
.marketplace-channel-collaborators__user-id {
  font-family: var(--font-family);
  font-size: var(--text-sm);
  font-weight: 600;
  color: var(--primary-text-color);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.marketplace-channel-collaborators__added-date {
  font-family: var(--font-family);
  font-size: var(--text-xs);
  color: var(--secondary-text-color);
}
.marketplace-channel-collaborators__role-cell {
  flex-shrink: 0;
  min-width: 120px;
}
.marketplace-channel-collaborators__owner-badge {
  display: inline-block;
  padding: var(--spacing-xxs) var(--spacing-xs);
  font-family: var(--font-family);
  font-size: var(--text-xs);
  font-weight: 600;
  color: var(--secondary-text-color);
  background: var(--hover-background);
  border-radius: var(--border-radius-sm);
  cursor: default;
}
.marketplace-channel-collaborators__role-select {
  width: 100%;
  padding: var(--spacing-xxs) var(--spacing-xs);
  font-family: var(--font-family);
  font-size: var(--text-sm);
  color: var(--primary-text-color);
  background: var(--component-background);
  border: 1px solid var(--primary-border-color, rgba(0, 0, 0, 0.15));
  border-radius: var(--border-radius-sm);
  cursor: pointer;
  outline: none;
}
.marketplace-channel-collaborators__role-select:focus {
  border-color: var(--cta-primary-background);
}
.marketplace-channel-collaborators__role-select:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
[data-theme=dark] .marketplace-channel-collaborators__role-select {
  border-color: var(--border-soft-dark);
  background: var(--component-background-dark);
}
[data-theme=dark] .marketplace-channel-collaborators__role-select:focus {
  border-color: var(--cta-primary-background);
}
.marketplace-channel-collaborators__actions-cell {
  flex-shrink: 0;
  min-width: 80px;
  display: flex;
  justify-content: flex-end;
}
.marketplace-channel-collaborators__btn {
  display: inline-flex;
  align-items: center;
  padding: var(--spacing-xxs) var(--spacing-xs);
  border-radius: var(--border-radius-md);
  font-family: var(--font-family);
  font-size: var(--text-sm);
  font-weight: 600;
  cursor: pointer;
  border: none;
  transition: opacity 0.15s;
}
.marketplace-channel-collaborators__btn:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.marketplace-channel-collaborators__btn--secondary {
  color: var(--primary-text-color);
  background: transparent;
  border: 1px solid var(--primary-border-color, rgba(0, 0, 0, 0.15));
}
[data-theme=dark] .marketplace-channel-collaborators__btn--secondary {
  border-color: var(--border-strong-dark);
}
.marketplace-channel-collaborators__btn--secondary:hover:not(:disabled) {
  background: var(--hover-background);
}
.marketplace-channel-collaborators__btn--danger {
  color: var(--cta-primary-color);
  background: var(--error-text);
}
.marketplace-channel-collaborators__btn--danger:hover:not(:disabled) {
  opacity: 0.85;
}
.marketplace-channel-collaborators__btn--danger-text {
  color: var(--error-text);
  background: transparent;
}
.marketplace-channel-collaborators__btn--danger-text:hover:not(:disabled) {
  background: var(--error-background);
}
.marketplace-item-detail-tab-molecule {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
  color: var(--primary-text-color);
}
.marketplace-item-detail-tab-molecule__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--spacing-sm);
}
.marketplace-item-detail-tab-molecule__name {
  margin: 0;
  font-size: 18px;
  font-weight: 600;
  color: var(--primary-text-color);
  word-break: break-word;
}
.marketplace-item-detail-tab-molecule__fields {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: var(--spacing-sm) var(--spacing-md);
  margin: 0;
  padding: var(--spacing-sm) var(--spacing-md);
  background: var(--component-background);
  border: 1px solid var(--primary-border);
  border-radius: var(--border-radius-sm);
}
[data-theme=dark] .marketplace-item-detail-tab-molecule__fields {
  background: var(--component-background-dark);
  border-color: var(--primary-border-dark);
}
.marketplace-item-detail-tab-molecule__field {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xxs);
}
.marketplace-item-detail-tab-molecule__field dt {
  font-size: 12px;
  font-weight: 600;
  color: var(--secondary-text-color);
  text-transform: uppercase;
  letter-spacing: 0.03em;
}
.marketplace-item-detail-tab-molecule__field dd {
  margin: 0;
  font-size: 14px;
  color: var(--primary-text-color);
  word-break: break-word;
}
.marketplace-item-detail-tab-molecule__field--block {
  grid-column: 1/-1;
}
.marketplace-item-detail-tab-molecule__tags {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-xxs);
}
.marketplace-item-detail-tab-molecule__tag {
  padding: var(--spacing-xxs) var(--spacing-xs);
  font-size: 12px;
  background: var(--component-background);
  border: 1px solid var(--primary-border);
  border-radius: var(--border-radius-pill);
  color: var(--secondary-text-color);
}
[data-theme=dark] .marketplace-item-detail-tab-molecule__tag {
  background: var(--component-background-dark);
  border-color: var(--primary-border-dark);
}
.marketplace-item-detail-tab-molecule__syndication {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs);
  padding: var(--spacing-sm) var(--spacing-md);
  background: var(--component-background);
  border: 1px solid var(--primary-border);
  border-radius: var(--border-radius-sm);
}
[data-theme=dark] .marketplace-item-detail-tab-molecule__syndication {
  background: var(--component-background-dark);
  border-color: var(--primary-border-dark);
}
.marketplace-item-detail-tab-molecule__syndication-title {
  display: flex;
  align-items: center;
  gap: var(--spacing-xs);
  margin: 0;
  font-size: 13px;
  font-weight: 600;
  color: var(--secondary-text-color);
  text-transform: uppercase;
  letter-spacing: 0.03em;
}
.marketplace-item-detail-tab-molecule__syndication-title i {
  font-size: 14px;
}
.marketplace-item-detail-tab-molecule__syndication-source {
  margin: 0;
  font-size: 14px;
  font-weight: 600;
  color: var(--primary-text-color);
  word-break: break-word;
}
.marketplace-item-detail-tab-molecule__syndication-row {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: var(--spacing-xs);
  font-size: 13px;
}
.marketplace-item-detail-tab-molecule__syndication-label {
  font-weight: 600;
  color: var(--secondary-text-color);
}
.marketplace-item-detail-tab-molecule__syndication-value {
  color: var(--primary-text-color);
}
.marketplace-fork-grant-search-molecule {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}
.marketplace-fork-grant-search-molecule__header {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xxs);
}
.marketplace-fork-grant-search-molecule__title {
  margin: 0;
  font-size: var(--text-md);
  font-weight: 600;
  color: var(--primary-text-color);
}
[data-theme=dark] .marketplace-fork-grant-search-molecule__title {
  color: var(--primary-text-color-dark, #f1f5f9);
}
.marketplace-fork-grant-search-molecule__hint {
  margin: 0;
  font-size: var(--text-sm);
  color: var(--secondary-text-color);
}
[data-theme=dark] .marketplace-fork-grant-search-molecule__hint {
  color: var(--secondary-text-color-dark, #94a3b8);
}
.marketplace-fork-grant-search-molecule__search {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs);
}
.marketplace-fork-grant-search-molecule__label {
  font-size: var(--text-sm);
  font-weight: 600;
  color: var(--primary-text-color);
}
[data-theme=dark] .marketplace-fork-grant-search-molecule__label {
  color: var(--primary-text-color-dark, #f1f5f9);
}
.marketplace-fork-grant-search-molecule__search-row {
  display: flex;
  align-items: center;
  gap: var(--spacing-sm);
}
.marketplace-fork-grant-search-molecule__input {
  flex: 1;
  min-width: 0;
  padding: var(--spacing-xs) var(--spacing-sm);
  font-size: var(--text-sm);
  color: var(--primary-text-color);
  background: var(--component-background);
  border: 1px solid var(--primary-border);
  border-radius: var(--border-radius-md);
  transition: border-color 0.15s ease;
}
.marketplace-fork-grant-search-molecule__input:focus {
  outline: none;
  border-color: var(--info-color, #3b82f6);
}
.marketplace-fork-grant-search-molecule__input:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
[data-theme=dark] .marketplace-fork-grant-search-molecule__input {
  color: var(--primary-text-color-dark, #f1f5f9);
  background: var(--component-background-dark, #2c2c3e);
  border-color: var(--primary-border-dark, rgba(255, 255, 255, 0.15));
}
[data-theme=dark] .marketplace-fork-grant-search-molecule__input:focus {
  border-color: var(--info-color-dark, #60a5fa);
}
.marketplace-fork-grant-search-molecule__error {
  padding: var(--spacing-xs) var(--spacing-sm);
  font-size: var(--text-sm);
  color: var(--error-color, #b91c1c);
  background: var(--error-background, rgba(239, 68, 68, 0.08));
  border: 1px solid var(--error-border, rgba(239, 68, 68, 0.2));
  border-radius: var(--border-radius-sm);
}
[data-theme=dark] .marketplace-fork-grant-search-molecule__error {
  color: var(--error-color-dark, #fca5a5);
  background: var(--error-background-dark, rgba(239, 68, 68, 0.12));
  border-color: var(--error-border-dark, rgba(239, 68, 68, 0.25));
}
.marketplace-fork-grant-search-molecule__empty {
  margin: 0;
  padding: var(--spacing-md);
  font-size: var(--text-sm);
  color: var(--secondary-text-color);
  background: var(--component-background);
  border: 1px dashed var(--primary-border);
  border-radius: var(--border-radius-md);
  text-align: center;
}
[data-theme=dark] .marketplace-fork-grant-search-molecule__empty {
  color: var(--secondary-text-color-dark, #94a3b8);
  background: var(--component-background-dark, #2c2c3e);
  border-color: var(--primary-border-dark, rgba(255, 255, 255, 0.15));
}
.marketplace-fork-grant-search-molecule__list {
  list-style: none;
  margin: 0;
  padding: 0;
  border: 1px solid var(--primary-border);
  border-radius: var(--border-radius-md);
  background: var(--component-background);
  overflow: hidden;
}
[data-theme=dark] .marketplace-fork-grant-search-molecule__list {
  border-color: var(--primary-border-dark, rgba(255, 255, 255, 0.1));
  background: var(--component-background-dark, #2c2c3e);
}
.marketplace-fork-grant-search-molecule__item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--spacing-sm);
  padding: var(--spacing-sm) var(--spacing-md);
  border-bottom: 1px solid var(--primary-border);
}
.marketplace-fork-grant-search-molecule__item:last-child {
  border-bottom: none;
}
[data-theme=dark] .marketplace-fork-grant-search-molecule__item {
  border-bottom-color: var(--primary-border-dark, rgba(255, 255, 255, 0.08));
}
.marketplace-fork-grant-search-molecule__item-name {
  flex: 1;
  min-width: 0;
  font-size: var(--text-sm);
  color: var(--primary-text-color);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
[data-theme=dark] .marketplace-fork-grant-search-molecule__item-name {
  color: var(--primary-text-color-dark, #f1f5f9);
}
.marketplace-fork-grant-search-molecule__load-more {
  display: flex;
  justify-content: center;
  padding-top: var(--spacing-xs);
}
.marketplace-item-manager-list-molecule {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}
.marketplace-item-manager-list-molecule__header {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xxs);
}
.marketplace-item-manager-list-molecule__title {
  margin: 0;
  font-size: var(--text-md);
  font-weight: 600;
  color: var(--primary-text-color);
}
[data-theme=dark] .marketplace-item-manager-list-molecule__title {
  color: var(--primary-text-color-dark, #f1f5f9);
}
.marketplace-item-manager-list-molecule__hint {
  margin: 0;
  font-size: var(--text-sm);
  color: var(--secondary-text-color);
}
[data-theme=dark] .marketplace-item-manager-list-molecule__hint {
  color: var(--secondary-text-color-dark, #94a3b8);
}
.marketplace-item-manager-list-molecule__search {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs);
}
.marketplace-item-manager-list-molecule__label {
  font-size: var(--text-sm);
  font-weight: 600;
  color: var(--primary-text-color);
}
[data-theme=dark] .marketplace-item-manager-list-molecule__label {
  color: var(--primary-text-color-dark, #f1f5f9);
}
.marketplace-item-manager-list-molecule__search-row {
  display: flex;
  align-items: center;
  gap: var(--spacing-sm);
}
.marketplace-item-manager-list-molecule__input {
  flex: 1;
  min-width: 0;
  padding: var(--spacing-xs) var(--spacing-sm);
  font-size: var(--text-sm);
  color: var(--primary-text-color);
  background: var(--component-background);
  border: 1px solid var(--primary-border);
  border-radius: var(--border-radius-md);
  transition: border-color 0.15s ease;
}
.marketplace-item-manager-list-molecule__input:focus {
  outline: none;
  border-color: var(--info-color, #3b82f6);
}
.marketplace-item-manager-list-molecule__input:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
[data-theme=dark] .marketplace-item-manager-list-molecule__input {
  color: var(--primary-text-color-dark, #f1f5f9);
  background: var(--component-background-dark, #2c2c3e);
  border-color: var(--primary-border-dark, rgba(255, 255, 255, 0.15));
}
[data-theme=dark] .marketplace-item-manager-list-molecule__input:focus {
  border-color: var(--info-color-dark, #60a5fa);
}
.marketplace-item-manager-list-molecule__error {
  padding: var(--spacing-xs) var(--spacing-sm);
  font-size: var(--text-sm);
  color: var(--error-color, #b91c1c);
  background: var(--error-background, rgba(239, 68, 68, 0.08));
  border: 1px solid var(--error-border, rgba(239, 68, 68, 0.2));
  border-radius: var(--border-radius-sm);
}
[data-theme=dark] .marketplace-item-manager-list-molecule__error {
  color: var(--error-color-dark, #fca5a5);
  background: var(--error-background-dark, rgba(239, 68, 68, 0.12));
  border-color: var(--error-border-dark, rgba(239, 68, 68, 0.25));
}
.marketplace-item-manager-list-molecule__empty {
  margin: 0;
  padding: var(--spacing-md);
  font-size: var(--text-sm);
  color: var(--secondary-text-color);
  background: var(--component-background);
  border: 1px dashed var(--primary-border);
  border-radius: var(--border-radius-md);
  text-align: center;
}
[data-theme=dark] .marketplace-item-manager-list-molecule__empty {
  color: var(--secondary-text-color-dark, #94a3b8);
  background: var(--component-background-dark, #2c2c3e);
  border-color: var(--primary-border-dark, rgba(255, 255, 255, 0.15));
}
.marketplace-item-manager-list-molecule__list {
  list-style: none;
  margin: 0;
  padding: 0;
  border: 1px solid var(--primary-border);
  border-radius: var(--border-radius-md);
  background: var(--component-background);
  overflow: hidden;
}
[data-theme=dark] .marketplace-item-manager-list-molecule__list {
  border-color: var(--primary-border-dark, rgba(255, 255, 255, 0.1));
  background: var(--component-background-dark, #2c2c3e);
}
.marketplace-item-manager-list-molecule__item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--spacing-sm);
  padding: var(--spacing-sm) var(--spacing-md);
  border-bottom: 1px solid var(--primary-border);
}
.marketplace-item-manager-list-molecule__item:last-child {
  border-bottom: none;
}
[data-theme=dark] .marketplace-item-manager-list-molecule__item {
  border-bottom-color: var(--primary-border-dark, rgba(255, 255, 255, 0.08));
}
.marketplace-item-manager-list-molecule__item-name {
  flex: 1;
  min-width: 0;
  font-size: var(--text-sm);
  color: var(--primary-text-color);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
[data-theme=dark] .marketplace-item-manager-list-molecule__item-name {
  color: var(--primary-text-color-dark, #f1f5f9);
}
.marketplace-item-manager-list-molecule__load-more {
  display: flex;
  justify-content: center;
  padding-top: var(--spacing-xs);
}
.marketplace-item-permissions-tab-molecule {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
  color: var(--primary-text-color);
}
[data-theme=dark] .marketplace-item-permissions-tab-molecule {
  color: var(--primary-text-color-dark, #f1f5f9);
}
.marketplace-item-permissions-tab-molecule__section {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}
.marketplace-item-permissions-tab-molecule__divider {
  height: 1px;
  background: var(--primary-border);
}
[data-theme=dark] .marketplace-item-permissions-tab-molecule__divider {
  background: var(--primary-border-dark, rgba(255, 255, 255, 0.1));
}
.marketplace-item-permissions-tab-molecule__error {
  padding: var(--spacing-xs) var(--spacing-sm);
  font-size: var(--text-sm);
  color: var(--error-color, #b91c1c);
  background: var(--error-background, rgba(239, 68, 68, 0.08));
  border: 1px solid var(--error-border, rgba(239, 68, 68, 0.2));
  border-radius: var(--border-radius-sm);
}
[data-theme=dark] .marketplace-item-permissions-tab-molecule__error {
  color: var(--error-color-dark, #fca5a5);
  background: var(--error-background-dark, rgba(239, 68, 68, 0.12));
  border-color: var(--error-border-dark, rgba(239, 68, 68, 0.25));
}
@charset "UTF-8";
.marketplace-audit-entry-molecule {
  display: flex;
  align-items: flex-start;
  gap: var(--spacing-sm);
  padding: var(--spacing-sm) var(--spacing-md);
  border-bottom: 1px solid var(--primary-border);
  list-style: none;
}
.marketplace-audit-entry-molecule:last-child {
  border-bottom: none;
}
[data-theme=dark] .marketplace-audit-entry-molecule {
  border-bottom-color: var(--primary-border-dark, rgba(255, 255, 255, 0.08));
}
.marketplace-audit-entry-molecule__icon {
  flex-shrink: 0;
  margin-top: 2px;
  font-size: var(--text-md);
}
.marketplace-audit-entry-molecule__icon--grant {
  color: var(--success-color, #16a34a);
}
[data-theme=dark] .marketplace-audit-entry-molecule__icon--grant {
  color: var(--success-color-dark, #4ade80);
}
.marketplace-audit-entry-molecule__icon--revoke {
  color: var(--warning-color, #b45309);
}
[data-theme=dark] .marketplace-audit-entry-molecule__icon--revoke {
  color: var(--warning-color-dark, #fbbf24);
}
.marketplace-audit-entry-molecule__body {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xxs);
  min-width: 0;
  flex: 1;
}
.marketplace-audit-entry-molecule__summary {
  margin: 0;
  font-size: var(--text-sm);
  color: var(--primary-text-color);
  word-break: break-word;
}
[data-theme=dark] .marketplace-audit-entry-molecule__summary {
  color: var(--primary-text-color-dark, #f1f5f9);
}
.marketplace-audit-entry-molecule__action {
  font-weight: 600;
}
.marketplace-audit-entry-molecule__relation {
  color: var(--secondary-text-color);
}
[data-theme=dark] .marketplace-audit-entry-molecule__relation {
  color: var(--secondary-text-color-dark, #94a3b8);
}
.marketplace-audit-entry-molecule__target {
  font-weight: 500;
}
.marketplace-audit-entry-molecule__target::before {
  content: " — ";
  color: var(--secondary-text-color);
  font-weight: 400;
}
[data-theme=dark] .marketplace-audit-entry-molecule__target::before {
  color: var(--secondary-text-color-dark, #94a3b8);
}
.marketplace-audit-entry-molecule__meta {
  margin: 0;
  font-size: var(--text-xs, 12px);
  color: var(--secondary-text-color);
}
[data-theme=dark] .marketplace-audit-entry-molecule__meta {
  color: var(--secondary-text-color-dark, #94a3b8);
}
.marketplace-audit-entry-molecule__performer {
  font-weight: 500;
}
.marketplace-audit-entry-molecule__timestamp {
  font-variant-numeric: tabular-nums;
}
.marketplace-audit-entry-molecule__timestamp::before {
  content: " · ";
}
.marketplace-item-audit-tab-molecule {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
  color: var(--primary-text-color);
}
[data-theme=dark] .marketplace-item-audit-tab-molecule {
  color: var(--primary-text-color-dark, #f1f5f9);
}
.marketplace-item-audit-tab-molecule__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs);
}
.marketplace-item-audit-tab-molecule__empty {
  margin: 0;
  padding: var(--spacing-md);
  font-size: var(--text-sm);
  color: var(--secondary-text-color);
  text-align: center;
  background: var(--surface-subtle, rgba(0, 0, 0, 0.02));
  border: 1px dashed var(--primary-border);
  border-radius: var(--border-radius-sm);
}
[data-theme=dark] .marketplace-item-audit-tab-molecule__empty {
  color: var(--secondary-text-color-dark, #94a3b8);
  background: var(--surface-subtle-dark, rgba(255, 255, 255, 0.04));
  border-color: var(--primary-border-dark, rgba(255, 255, 255, 0.1));
}
.marketplace-item-audit-tab-molecule__footer {
  display: flex;
  justify-content: center;
  padding-top: var(--spacing-sm);
}
.marketplace-item-detail-dialog {
  width: var(--dialog-width-lg, 720px);
  max-width: 100%;
  max-height: 90vh;
  display: flex;
  flex-direction: column;
}

.marketplace-item-detail-dialog__tabs {
  flex-shrink: 0;
  border-bottom: 1px solid var(--primary-border);
}

[data-theme=dark] .marketplace-item-detail-dialog__tabs {
  border-bottom-color: var(--primary-border-dark, rgba(255, 255, 255, 0.08));
}

.marketplace-item-detail-dialog__tabs .p-tabview-nav {
  background: transparent;
}

.marketplace-item-detail-dialog__tabs .p-tabview-panels {
  padding: 0;
}

.marketplace-item-detail-dialog__body {
  flex: 1;
  min-height: 0;
  overflow-y: auto;
  padding: var(--spacing-lg);
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
}

.marketplace-item-detail-dialog__loading,
.marketplace-item-detail-dialog__error {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-xs);
  padding: var(--spacing-xl);
  color: var(--secondary-text-color);
  font-size: 14px;
}

.marketplace-item-detail-dialog__error {
  color: var(--error-text, #b91c1c);
  background: var(--error-background, rgba(220, 38, 38, 0.08));
  border: 1px solid var(--error-border, rgba(220, 38, 38, 0.3));
  border-radius: var(--border-radius-md);
}

[data-theme=dark] .marketplace-item-detail-dialog__error {
  color: var(--error-text-dark, #fca5a5);
  background: var(--error-background-dark, rgba(220, 38, 38, 0.12));
  border-color: var(--error-border-dark, rgba(220, 38, 38, 0.4));
}

@media (max-width: 480px) {
  .marketplace-item-detail-dialog {
    max-height: 100vh;
  }
  .marketplace-item-detail-dialog__body {
    padding: var(--spacing-md);
  }
}
.marketplace-channel-content-tab {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
}
.marketplace-channel-content-tab__loading {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-xl);
  color: var(--secondary-text-color);
  font-size: 24px;
}
.marketplace-channel-content-tab__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--spacing-md);
  flex-wrap: wrap;
}
.marketplace-channel-content-tab__title-row {
  display: flex;
  align-items: baseline;
  gap: var(--spacing-xs);
}
.marketplace-channel-content-tab__title {
  margin: 0;
  font-family: var(--font-family);
  font-size: var(--text-lg, 18px);
  font-weight: 700;
  color: var(--primary-text-color);
}
.marketplace-channel-content-tab__count {
  font-family: var(--font-family);
  font-size: var(--text-sm);
  color: var(--secondary-text-color);
}
.marketplace-channel-content-tab__add-btn {
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-xxs);
  padding: var(--spacing-xs) var(--spacing-md);
  border: none;
  border-radius: var(--border-radius-md);
  font-family: var(--font-family);
  font-size: var(--text-sm);
  font-weight: 600;
  color: var(--cta-primary-color);
  background: var(--cta-primary-background);
  cursor: pointer;
  transition: background 0.15s;
}
.marketplace-channel-content-tab__add-btn:hover {
  background: var(--cta-primary-hover-background);
}
.marketplace-channel-content-tab__add-split {
  font-family: var(--font-family);
  font-size: var(--text-sm);
  font-weight: 600;
}
.marketplace-channel-content-tab__add-split .p-button {
  padding: var(--spacing-xs) var(--spacing-md);
  font-family: var(--font-family);
  font-size: var(--text-sm);
  font-weight: 600;
}
.marketplace-channel-content-tab__controls {
  display: flex;
  align-items: center;
  gap: var(--spacing-md);
  flex-wrap: wrap;
}
.marketplace-channel-content-tab__control {
  display: flex;
  align-items: center;
  gap: var(--spacing-xxs);
}
.marketplace-channel-content-tab__control-label {
  font-family: var(--font-family);
  font-size: var(--text-xs);
  font-weight: 600;
  color: var(--secondary-text-color);
  white-space: nowrap;
}
.marketplace-channel-content-tab__select {
  padding: var(--spacing-xxs) var(--spacing-xs);
  font-family: var(--font-family);
  font-size: var(--text-xs);
  color: var(--primary-text-color);
  background: var(--component-background);
  border: 1px solid var(--primary-border-color, rgba(0, 0, 0, 0.15));
  border-radius: var(--border-radius-sm);
  outline: none;
  cursor: pointer;
}
.marketplace-channel-content-tab__select:focus {
  border-color: var(--cta-primary-background);
}
[data-theme=dark] .marketplace-channel-content-tab__select {
  border-color: var(--border-soft-dark);
}
[data-theme=dark] .marketplace-channel-content-tab__select:focus {
  border-color: var(--cta-primary-background);
}
.marketplace-channel-content-tab__feedback {
  font-family: var(--font-family);
  font-size: var(--text-sm);
  padding: var(--spacing-xs) var(--spacing-sm);
  border-radius: var(--border-radius-md);
}
.marketplace-channel-content-tab__feedback--error {
  color: var(--error-text);
  background: var(--error-background);
}
.marketplace-channel-content-tab__feedback--success {
  color: var(--success-text);
  background: var(--success-background);
}
.marketplace-channel-content-tab__empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-xs);
  padding: var(--spacing-xl) var(--spacing-md);
  text-align: center;
}
.marketplace-channel-content-tab__empty-text {
  margin: 0;
  font-family: var(--font-family);
  font-size: var(--text-sm);
  font-weight: 600;
  color: var(--primary-text-color);
}
.marketplace-channel-content-tab__empty-hint {
  margin: 0;
  font-family: var(--font-family);
  font-size: var(--text-xs);
  color: var(--secondary-text-color);
}
.marketplace-channel-content-tab__overlay {
  position: fixed;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.5);
  z-index: 1000;
}
[data-theme=dark] .marketplace-channel-content-tab__overlay {
  background: rgba(0, 0, 0, 0.7);
}
.marketplace-channel-content-tab__dialog {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
  padding: var(--spacing-lg);
  background: var(--component-background);
  border-radius: var(--border-radius-lg);
  box-shadow: var(--shadow-lg);
  max-width: 420px;
  width: 90%;
}
[data-theme=dark] .marketplace-channel-content-tab__dialog {
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.4);
}
.marketplace-channel-content-tab__dialog-text {
  margin: 0;
  font-family: var(--font-family);
  font-size: var(--text-sm);
  color: var(--primary-text-color);
  line-height: 1.5;
}
.marketplace-channel-content-tab__dialog-actions {
  display: flex;
  justify-content: flex-end;
  gap: var(--spacing-xs);
}
.marketplace-channel-content-tab__btn {
  display: inline-flex;
  align-items: center;
  padding: var(--spacing-xs) var(--spacing-md);
  border-radius: var(--border-radius-md);
  font-family: var(--font-family);
  font-size: var(--text-sm);
  font-weight: 600;
  cursor: pointer;
  border: none;
  transition: opacity 0.15s, background 0.15s;
}
.marketplace-channel-content-tab__btn:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.marketplace-channel-content-tab__btn--secondary {
  color: var(--primary-text-color);
  background: transparent;
  border: 1px solid var(--primary-border-color, rgba(0, 0, 0, 0.15));
}
[data-theme=dark] .marketplace-channel-content-tab__btn--secondary {
  border-color: var(--border-strong-dark);
}
.marketplace-channel-content-tab__btn--secondary:hover:not(:disabled) {
  background: var(--hover-background);
}
.marketplace-channel-content-tab__btn--danger {
  color: var(--cta-primary-color);
  background: var(--error-text);
}
.marketplace-channel-content-tab__btn--danger:hover:not(:disabled) {
  opacity: 0.9;
}
[data-theme=dark] .marketplace-channel-content-tab__header {
  padding-bottom: var(--spacing-sm);
  border-bottom: 1px solid var(--border-subtle-dark);
}
[data-theme=dark] .marketplace-channel-content-tab__select {
  background: var(--dark-card-bg);
  border-color: var(--border-soft-dark);
  color: var(--primary-text-color);
}
[data-theme=dark] .marketplace-channel-content-tab__empty {
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid var(--surface-overlay-dark);
  border-radius: var(--border-radius-md);
  padding: var(--spacing-xl) var(--spacing-md);
}
[data-theme=dark] .marketplace-channel-content-tab__dialog {
  background: var(--surface-raised);
  border: 1px solid var(--border-subtle-dark);
}
[data-theme=dark] .marketplace-channel-content-tab__feedback--error {
  background: rgba(220, 38, 38, 0.15);
}
[data-theme=dark] .marketplace-channel-content-tab__feedback--success {
  background: rgba(34, 197, 94, 0.15);
}
.marketplace-deploy-wizard {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
  padding: var(--spacing-md);
  background: var(--component-background);
  border: 1px solid var(--primary-border);
  border-radius: var(--border-radius-md);
  font-family: var(--font-family);
}
[data-theme=dark] .marketplace-deploy-wizard {
  background: var(--surface-raised);
  border-color: var(--border-subtle-dark);
}
.marketplace-deploy-wizard__header {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}
.marketplace-deploy-wizard__title {
  margin: 0;
  font-size: 18px;
  font-weight: 700;
  color: var(--primary-text-color);
}
.marketplace-deploy-wizard__target-sphere {
  display: flex;
  align-items: center;
  gap: var(--spacing-xs);
  padding: var(--spacing-xs) var(--spacing-sm);
  background: var(--primary-border);
  border-radius: var(--border-radius-sm);
  font-size: 13px;
  font-weight: 500;
  color: var(--secondary-text-color);
}
.marketplace-deploy-wizard__target-sphere .pi {
  font-size: 12px;
}
[data-theme=dark] .marketplace-deploy-wizard__target-sphere {
  background: var(--surface-overlay-dark);
}
.marketplace-deploy-wizard__step-indicator {
  display: flex;
  align-items: center;
  gap: var(--spacing-lg);
}
.marketplace-deploy-wizard__step-dot {
  display: flex;
  align-items: center;
  gap: var(--spacing-xs);
  opacity: 0.5;
  transition: opacity 0.2s ease;
}
.marketplace-deploy-wizard__step-dot--active {
  opacity: 1;
}
.marketplace-deploy-wizard__step-dot--completed {
  opacity: 0.8;
}
.marketplace-deploy-wizard__step-number {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  font-size: 12px;
  font-weight: 700;
  color: var(--secondary-text-color);
  background: var(--primary-border);
}
.marketplace-deploy-wizard__step-dot--active .marketplace-deploy-wizard__step-number {
  color: var(--component-background);
  background: var(--primary-text-color);
}
.marketplace-deploy-wizard__step-dot--completed .marketplace-deploy-wizard__step-number {
  color: var(--component-background);
  background: var(--success-color, var(--primary-text-color));
}
[data-theme=dark] .marketplace-deploy-wizard__step-number {
  background: var(--border-subtle-dark);
}
[data-theme=dark] .marketplace-deploy-wizard__step-dot--active .marketplace-deploy-wizard__step-number {
  color: var(--component-background-dark);
  background: var(--primary-text-color);
}
[data-theme=dark] .marketplace-deploy-wizard__step-dot--completed .marketplace-deploy-wizard__step-number {
  color: var(--component-background-dark);
  background: var(--success-color, var(--primary-text-color));
}
.marketplace-deploy-wizard__step-label {
  font-size: 13px;
  font-weight: 500;
  color: var(--secondary-text-color);
}
.marketplace-deploy-wizard__step-dot--active .marketplace-deploy-wizard__step-label {
  color: var(--primary-text-color);
  font-weight: 600;
}
.marketplace-deploy-wizard__template-section {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
  padding-bottom: var(--spacing-md);
  margin-bottom: var(--spacing-md);
  border-bottom: 1px solid var(--primary-border);
}
[data-theme=dark] .marketplace-deploy-wizard__template-section {
  border-bottom-color: var(--border-subtle-dark);
}
.marketplace-deploy-wizard__template-description {
  margin: 0;
  font-size: 13px;
  color: var(--secondary-text-color);
}
.marketplace-deploy-wizard__template-mode-selector {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs);
}
.marketplace-deploy-wizard__template-mode-option {
  display: flex;
  align-items: center;
  gap: var(--spacing-xs);
  padding: var(--spacing-xs) var(--spacing-sm);
  border: 1px solid var(--primary-border);
  border-radius: var(--border-radius-sm);
  cursor: pointer;
  transition: border-color 0.15s ease, background 0.15s ease;
}
.marketplace-deploy-wizard__template-mode-option:hover {
  background: var(--primary-border);
}
[data-theme=dark] .marketplace-deploy-wizard__template-mode-option {
  border-color: var(--border-soft-dark);
}
[data-theme=dark] .marketplace-deploy-wizard__template-mode-option:hover {
  background: var(--hover-overlay-dark);
}
.marketplace-deploy-wizard__template-mode-label {
  font-size: 14px;
  font-weight: 500;
  color: var(--primary-text-color);
  cursor: pointer;
}
.marketplace-deploy-wizard__template-fields {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
}
.marketplace-deploy-wizard__body {
  flex: 1;
  min-height: 0;
}
.marketplace-deploy-wizard__step-content {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
}
.marketplace-deploy-wizard__step-description {
  margin: 0;
  font-size: 13px;
  color: var(--secondary-text-color);
}
.marketplace-deploy-wizard__field {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xxs);
}
.marketplace-deploy-wizard__field--error .marketplace-deploy-wizard__text-input,
.marketplace-deploy-wizard__field--error .marketplace-deploy-wizard__number-input .p-inputnumber-input,
.marketplace-deploy-wizard__field--error .marketplace-deploy-wizard__date-input .p-inputtext,
.marketplace-deploy-wizard__field--error .marketplace-deploy-wizard__date-range-input .p-inputtext,
.marketplace-deploy-wizard__field--error .marketplace-deploy-wizard__select-input .p-dropdown {
  border-color: var(--danger-color);
}
.marketplace-deploy-wizard__field-label {
  font-size: 13px;
  font-weight: 600;
  color: var(--primary-text-color);
}
.marketplace-deploy-wizard__required-mark {
  color: var(--danger-color);
  margin-left: var(--spacing-xxs);
}
.marketplace-deploy-wizard__field-description {
  font-size: 12px;
  color: var(--secondary-text-color);
}
.marketplace-deploy-wizard__field-input {
  display: flex;
  flex-direction: column;
}
.marketplace-deploy-wizard__field-error {
  font-size: 12px;
  color: var(--danger-color);
}
.marketplace-deploy-wizard__text-input {
  width: 100%;
  box-sizing: border-box;
  padding: var(--spacing-xs) var(--spacing-sm);
  font-size: 14px;
  font-family: var(--font-family);
  color: var(--primary-text-color);
  background: var(--component-background);
  border: 1px solid var(--primary-border);
  border-radius: var(--border-radius-sm);
  outline: none;
  transition: border-color 0.15s ease;
}
.marketplace-deploy-wizard__text-input::-moz-placeholder {
  color: var(--secondary-text-color);
}
.marketplace-deploy-wizard__text-input::placeholder {
  color: var(--secondary-text-color);
}
.marketplace-deploy-wizard__text-input:focus {
  border-color: var(--primary-text-color);
}
.marketplace-deploy-wizard__text-input:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
[data-theme=dark] .marketplace-deploy-wizard__text-input {
  background: var(--dark-card-bg);
  border-color: var(--border-soft-dark);
  color: var(--primary-text-color);
}
[data-theme=dark] .marketplace-deploy-wizard__text-input::-moz-placeholder {
  color: var(--secondary-text-color);
}
[data-theme=dark] .marketplace-deploy-wizard__text-input::placeholder {
  color: var(--secondary-text-color);
}
[data-theme=dark] .marketplace-deploy-wizard__text-input:focus {
  border-color: var(--cta-secondary-color);
}
.marketplace-deploy-wizard__number-input, .marketplace-deploy-wizard__date-input, .marketplace-deploy-wizard__date-range-input, .marketplace-deploy-wizard__select-input {
  width: 100%;
}
.marketplace-deploy-wizard__number-input .p-inputtext,
.marketplace-deploy-wizard__number-input .p-inputnumber-input,
.marketplace-deploy-wizard__number-input .p-dropdown, .marketplace-deploy-wizard__date-input .p-inputtext,
.marketplace-deploy-wizard__date-input .p-inputnumber-input,
.marketplace-deploy-wizard__date-input .p-dropdown, .marketplace-deploy-wizard__date-range-input .p-inputtext,
.marketplace-deploy-wizard__date-range-input .p-inputnumber-input,
.marketplace-deploy-wizard__date-range-input .p-dropdown, .marketplace-deploy-wizard__select-input .p-inputtext,
.marketplace-deploy-wizard__select-input .p-inputnumber-input,
.marketplace-deploy-wizard__select-input .p-dropdown {
  width: 100%;
  font-family: var(--font-family);
  font-size: 14px;
  border-radius: var(--border-radius-sm);
  border: 1px solid var(--primary-border);
  background: var(--component-background);
  color: var(--primary-text-color);
}
[data-theme=dark] .marketplace-deploy-wizard__number-input .p-inputtext,
[data-theme=dark] .marketplace-deploy-wizard__number-input .p-inputnumber-input,
[data-theme=dark] .marketplace-deploy-wizard__number-input .p-dropdown, [data-theme=dark] .marketplace-deploy-wizard__date-input .p-inputtext,
[data-theme=dark] .marketplace-deploy-wizard__date-input .p-inputnumber-input,
[data-theme=dark] .marketplace-deploy-wizard__date-input .p-dropdown, [data-theme=dark] .marketplace-deploy-wizard__date-range-input .p-inputtext,
[data-theme=dark] .marketplace-deploy-wizard__date-range-input .p-inputnumber-input,
[data-theme=dark] .marketplace-deploy-wizard__date-range-input .p-dropdown, [data-theme=dark] .marketplace-deploy-wizard__select-input .p-inputtext,
[data-theme=dark] .marketplace-deploy-wizard__select-input .p-inputnumber-input,
[data-theme=dark] .marketplace-deploy-wizard__select-input .p-dropdown {
  background: var(--dark-card-bg);
  border-color: var(--border-soft-dark);
  color: var(--primary-text-color);
}
.marketplace-deploy-wizard__boolean-input {
  display: flex;
  align-items: center;
  gap: var(--spacing-xs);
}
.marketplace-deploy-wizard__boolean-label {
  font-size: 14px;
  color: var(--primary-text-color);
  cursor: pointer;
}
.marketplace-deploy-wizard__footer {
  display: flex;
  align-items: center;
  gap: var(--spacing-xs);
  padding-top: var(--spacing-sm);
  border-top: 1px solid var(--primary-border);
}
[data-theme=dark] .marketplace-deploy-wizard__footer {
  border-top-color: var(--border-subtle-dark);
}
.marketplace-deploy-wizard__footer-spacer {
  flex: 1;
}
.marketplace-deploy-wizard__back-btn, .marketplace-deploy-wizard__cancel-btn {
  padding: var(--spacing-xs) var(--spacing-md);
  font-size: 14px;
  font-weight: 600;
  font-family: var(--font-family);
  color: var(--secondary-text-color);
  background: transparent;
  border: 1px solid var(--primary-border);
  border-radius: var(--border-radius-sm);
  cursor: pointer;
  transition: background 0.15s ease;
}
.marketplace-deploy-wizard__back-btn:hover:not(:disabled), .marketplace-deploy-wizard__cancel-btn:hover:not(:disabled) {
  background: var(--primary-border);
}
.marketplace-deploy-wizard__back-btn:disabled, .marketplace-deploy-wizard__cancel-btn:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
[data-theme=dark] .marketplace-deploy-wizard__back-btn, [data-theme=dark] .marketplace-deploy-wizard__cancel-btn {
  border-color: var(--border-soft-dark);
}
[data-theme=dark] .marketplace-deploy-wizard__back-btn:hover:not(:disabled), [data-theme=dark] .marketplace-deploy-wizard__cancel-btn:hover:not(:disabled) {
  background: var(--surface-overlay-dark);
}
.marketplace-deploy-wizard__next-btn, .marketplace-deploy-wizard__deploy-btn {
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-xs);
  padding: var(--spacing-xs) var(--spacing-md);
  font-size: 14px;
  font-weight: 600;
  font-family: var(--font-family);
  color: var(--component-background);
  background: var(--primary-text-color);
  border: none;
  border-radius: var(--border-radius-sm);
  cursor: pointer;
  transition: opacity 0.15s ease;
}
.marketplace-deploy-wizard__next-btn:hover:not(:disabled), .marketplace-deploy-wizard__deploy-btn:hover:not(:disabled) {
  opacity: 0.85;
}
.marketplace-deploy-wizard__next-btn:disabled, .marketplace-deploy-wizard__deploy-btn:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
[data-theme=dark] .marketplace-deploy-wizard__next-btn, [data-theme=dark] .marketplace-deploy-wizard__deploy-btn {
  color: var(--component-background-dark);
}
.marketplace-deploy-wizard__done-btn {
  padding: var(--spacing-xs) var(--spacing-lg);
  font-size: 14px;
  font-weight: 600;
  font-family: var(--font-family);
  color: var(--component-background);
  background: var(--primary-text-color);
  border: none;
  border-radius: var(--border-radius-sm);
  cursor: pointer;
  transition: opacity 0.15s ease;
}
.marketplace-deploy-wizard__done-btn:hover {
  opacity: 0.85;
}
[data-theme=dark] .marketplace-deploy-wizard__done-btn {
  color: var(--component-background-dark);
}
.marketplace-deploy-wizard__spinner {
  width: 14px;
  height: 14px;
}
.marketplace-deploy-wizard__result {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-md);
  padding: var(--spacing-xl) var(--spacing-md);
  text-align: center;
}
.marketplace-deploy-wizard__result-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  font-size: 24px;
  font-weight: 700;
}
.marketplace-deploy-wizard__result-icon--success {
  color: var(--success-color, #16a34a);
  background: var(--success-background, rgba(22, 163, 74, 0.1));
}
[data-theme=dark] .marketplace-deploy-wizard__result-icon--success {
  background: var(--success-background-dark, rgba(22, 163, 74, 0.2));
}
.marketplace-deploy-wizard__result-icon--error {
  color: var(--danger-color);
  background: var(--danger-background, rgba(220, 38, 38, 0.1));
}
[data-theme=dark] .marketplace-deploy-wizard__result-icon--error {
  background: var(--danger-background-dark, rgba(220, 38, 38, 0.2));
}
.marketplace-deploy-wizard__result-title {
  margin: 0;
  font-size: 18px;
  font-weight: 700;
  color: var(--primary-text-color);
}
.marketplace-deploy-wizard__result-message {
  margin: 0;
  font-size: 14px;
  color: var(--secondary-text-color);
  max-width: 400px;
}
.marketplace-search-results {
  display: flex;
  gap: var(--spacing-lg);
  max-width: 1200px;
  margin: 0 auto;
  width: 100%;
}
[data-theme=dark] .marketplace-search-results {
  background: var(--surface-deep-dark);
}
.marketplace-search-results__facets {
  flex: 0 0 220px;
  min-width: 0;
}
.marketplace-search-results__main {
  flex: 1;
  min-width: 0;
}
.marketplace-search-results__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: var(--spacing-md);
  flex-wrap: wrap;
  gap: var(--spacing-xs);
}
.marketplace-search-results__count {
  font-size: 14px;
  color: var(--secondary-text-color);
  font-family: var(--font-family);
}
.marketplace-search-results__sort {
  display: flex;
  align-items: center;
  gap: var(--spacing-xs);
}
.marketplace-search-results__sort-label {
  font-size: 13px;
  color: var(--secondary-text-color);
  font-family: var(--font-family);
}
.marketplace-search-results__sort-select {
  font-size: 13px;
  font-family: var(--font-family);
  color: var(--primary-text-color);
  background: var(--component-background);
  border: 1px solid var(--primary-border);
  border-radius: var(--border-radius-sm);
  padding: var(--spacing-xxs) var(--spacing-xs);
  outline: none;
}
[data-theme=dark] .marketplace-search-results__sort-select {
  background: var(--dark-card-bg);
  border-color: var(--border-soft-dark);
  color: var(--primary-text-color);
}
.marketplace-search-results__section {
  margin-bottom: var(--spacing-lg);
}
.marketplace-search-results__section-title {
  font-size: 16px;
  font-weight: 700;
  color: var(--primary-text-color);
  margin: 0 0 var(--spacing-sm);
  font-family: var(--font-family);
  display: flex;
  align-items: center;
  gap: var(--spacing-xs);
}
.marketplace-search-results__section-count {
  font-size: 13px;
  font-weight: 400;
  color: var(--secondary-text-color);
}
.marketplace-search-results__grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: var(--spacing-md);
}
.marketplace-search-results__card {
  background: var(--component-background);
  border: 1px solid var(--primary-border);
  border-radius: var(--border-radius-md);
  padding: var(--spacing-md);
  cursor: pointer;
  transition: box-shadow 0.15s ease, border-color 0.15s ease;
}
.marketplace-search-results__card:hover {
  box-shadow: var(--shadow-md);
  border-color: var(--primary-text-color);
}
.marketplace-search-results__card:focus-visible {
  outline: 2px solid var(--primary-text-color);
  outline-offset: 2px;
}
.marketplace-search-results__card--clickable {
  cursor: pointer;
}
[data-theme=dark] .marketplace-search-results__card {
  background: var(--surface-raised);
  border-color: var(--border-subtle-dark);
}
[data-theme=dark] .marketplace-search-results__card:hover {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);
  border-color: var(--border-strong-dark);
}
.marketplace-search-results__card-header {
  display: flex;
  align-items: center;
  gap: var(--spacing-xs);
  margin-bottom: var(--spacing-xxs);
}
.marketplace-search-results__card-icon {
  font-size: 16px;
  flex-shrink: 0;
}
.marketplace-search-results__card-name {
  font-size: 15px;
  font-weight: 600;
  color: var(--primary-text-color);
  margin: 0 0 var(--spacing-xxs);
  font-family: var(--font-family);
}
.marketplace-search-results__card-header .marketplace-search-results__card-name {
  margin-bottom: 0;
}
.marketplace-search-results__card-description {
  font-size: 13px;
  color: var(--secondary-text-color);
  margin: 0 0 var(--spacing-xs);
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.marketplace-search-results__card-meta {
  display: flex;
  align-items: center;
  gap: var(--spacing-xxs);
  font-size: 12px;
  color: var(--secondary-text-color);
  font-family: var(--font-family);
  flex-wrap: wrap;
}
.marketplace-search-results__card-type {
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.marketplace-search-results__card-separator {
  color: var(--secondary-text-color);
}
.marketplace-search-results__card-tags {
  margin-top: var(--spacing-xs);
}
.marketplace-search-results__load-more {
  display: flex;
  justify-content: center;
  padding: var(--spacing-lg) 0;
}
.marketplace-search-results__load-more-btn {
  background: var(--component-background);
  color: var(--primary-text-color);
  border: 1px solid var(--primary-border);
  border-radius: var(--border-radius-md);
  padding: var(--spacing-xs) var(--spacing-lg);
  font-size: 14px;
  font-family: var(--font-family);
  cursor: pointer;
  transition: background 0.15s ease;
}
.marketplace-search-results__load-more-btn:hover:not(:disabled) {
  background: var(--primary-border);
}
.marketplace-search-results__load-more-btn:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
[data-theme=dark] .marketplace-search-results__load-more-btn {
  background: var(--surface-raised);
  border-color: var(--border-soft-dark);
}
[data-theme=dark] .marketplace-search-results__load-more-btn:hover:not(:disabled) {
  background: var(--surface-overlay-dark);
}
.marketplace-search-results__error {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: var(--spacing-xl) 0;
  gap: var(--spacing-sm);
}
.marketplace-search-results__error-message {
  font-size: 14px;
  color: var(--secondary-text-color);
  margin: 0;
}
.marketplace-search-results__empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: var(--spacing-xl) 0;
  text-align: center;
}
.marketplace-search-results__empty p {
  font-size: 14px;
  color: var(--secondary-text-color);
  margin: 0 0 var(--spacing-xxs);
}
.marketplace-search-results__empty-hint {
  font-size: 13px;
  color: var(--secondary-text-color);
  opacity: 0.8;
}
.marketplace-search-results__empty-icon {
  font-size: 48px;
  display: block;
  margin-bottom: 12px;
}
.marketplace-search-results__card-channel--link {
  background: none;
  border: none;
  padding: 0;
  color: var(--primary-color, #3b82f6);
  cursor: pointer;
  font-size: inherit;
}
.marketplace-search-results__card-channel--link:hover {
  text-decoration: underline;
}
.marketplace-search-results__card-date {
  color: var(--secondary-text-color, #6b7280);
  font-size: 0.85em;
}
.marketplace-search-results__card-type-dot {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  margin-right: 4px;
  vertical-align: middle;
}
.marketplace-search-results__skeleton {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: var(--spacing-md);
}
.marketplace-search-results__skeleton-card {
  height: 140px;
  background: var(--component-background);
  border: 1px solid var(--primary-border);
  border-radius: var(--border-radius-md);
  animation: search-results-skeleton-pulse 1.5s ease-in-out infinite;
}
[data-theme=dark] .marketplace-search-results__skeleton-card {
  background: var(--surface-raised);
  border-color: var(--border-subtle-dark);
}
@media (max-width: 768px) {
  .marketplace-search-results {
    flex-direction: column;
  }
  .marketplace-search-results__facets {
    flex: none;
  }
  .marketplace-search-results__grid {
    grid-template-columns: 1fr;
  }
  .marketplace-search-results__skeleton {
    grid-template-columns: 1fr;
  }
}
@keyframes search-results-skeleton-pulse {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}
.marketplace-add-channel-dialog {
  width: 520px;
  max-height: 80vh;
  display: flex;
  flex-direction: column;
}
.marketplace-add-channel-dialog .marketplace-dialog__body {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
  overflow: hidden;
}
.marketplace-add-channel-dialog__search {
  position: relative;
  display: flex;
  align-items: center;
}
.marketplace-add-channel-dialog__search-icon {
  position: absolute;
  left: var(--spacing-sm);
  color: var(--secondary-text-color);
  font-size: 14px;
  pointer-events: none;
}
.marketplace-add-channel-dialog__search-input {
  padding-left: var(--spacing-xl) !important;
}
.marketplace-add-channel-dialog__channel-list {
  flex: 1;
  overflow-y: auto;
  border: 1px solid var(--primary-border);
  border-radius: var(--border-radius-md);
  max-height: 300px;
  min-height: 120px;
}
[data-theme=dark] .marketplace-add-channel-dialog__channel-list {
  border-color: var(--border-subtle-dark);
}
.marketplace-add-channel-dialog__loading {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-xl);
  color: var(--secondary-text-color);
  font-size: 20px;
}
.marketplace-add-channel-dialog__empty {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-xl);
  color: var(--secondary-text-color);
  font-size: 14px;
}
.marketplace-add-channel-dialog__channel-item {
  display: flex;
  align-items: flex-start;
  gap: var(--spacing-sm);
  width: 100%;
  padding: var(--spacing-sm) var(--spacing-md);
  border: none;
  border-bottom: 1px solid var(--primary-border);
  background: transparent;
  cursor: pointer;
  text-align: left;
  color: var(--primary-text-color);
  transition: background-color 0.15s ease;
}
.marketplace-add-channel-dialog__channel-item:last-child {
  border-bottom: none;
}
.marketplace-add-channel-dialog__channel-item:hover {
  background: var(--component-background);
}
.marketplace-add-channel-dialog__channel-item--selected {
  background: var(--component-background);
  outline: 2px solid var(--primary-color, #3b82f6);
  outline-offset: -2px;
  border-radius: var(--border-radius-sm);
}
[data-theme=dark] .marketplace-add-channel-dialog__channel-item {
  border-bottom-color: var(--surface-overlay-dark);
  color: var(--primary-text-color);
}
[data-theme=dark] .marketplace-add-channel-dialog__channel-item:hover {
  background: var(--hover-overlay-dark);
}
[data-theme=dark] .marketplace-add-channel-dialog__channel-item--selected {
  background: rgba(59, 130, 246, 0.12);
}
.marketplace-add-channel-dialog__channel-item .pi-megaphone {
  margin-top: 2px;
  color: var(--secondary-text-color);
  flex-shrink: 0;
}
.marketplace-add-channel-dialog__channel-info {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xxs);
  overflow: hidden;
}
.marketplace-add-channel-dialog__channel-name {
  font-weight: 600;
  font-size: 14px;
}
.marketplace-add-channel-dialog__channel-desc {
  font-size: 12px;
  color: var(--secondary-text-color);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.marketplace-add-channel-dialog__scope-section {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs);
}
.marketplace-add-channel-dialog__scope-options {
  display: flex;
  gap: var(--spacing-xs);
}
.marketplace-add-channel-dialog__scope-option {
  display: flex;
  align-items: center;
  gap: var(--spacing-xs);
  flex: 1;
  padding: var(--spacing-sm) var(--spacing-md);
  border: 1px solid var(--primary-border);
  border-radius: var(--border-radius-md);
  background: transparent;
  color: var(--primary-text-color);
  cursor: pointer;
  font-size: 13px;
  transition: border-color 0.15s ease, background-color 0.15s ease;
}
.marketplace-add-channel-dialog__scope-option:hover {
  background: var(--component-background);
}
.marketplace-add-channel-dialog__scope-option--selected {
  border-color: var(--primary-color, #3b82f6);
  background: var(--component-background);
  font-weight: 600;
}
[data-theme=dark] .marketplace-add-channel-dialog__scope-option {
  border-color: var(--border-soft-dark);
}
[data-theme=dark] .marketplace-add-channel-dialog__scope-option:hover {
  background: var(--hover-overlay-dark);
}
[data-theme=dark] .marketplace-add-channel-dialog__scope-option--selected {
  border-color: var(--primary-color, #3b82f6);
  background: rgba(59, 130, 246, 0.12);
}
.marketplace-sphere-picker-dialog {
  width: 520px;
  max-height: 80vh;
  display: flex;
  flex-direction: column;
}
.marketplace-sphere-picker-dialog .marketplace-dialog__body {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
  overflow: hidden;
}
.marketplace-sphere-picker-dialog__context-row {
  display: flex;
  align-items: center;
  gap: var(--spacing-sm);
}
.marketplace-sphere-picker-dialog__context-selector {
  flex: 1;
}
.marketplace-sphere-picker-dialog__search {
  position: relative;
  display: flex;
  align-items: center;
}
.marketplace-sphere-picker-dialog__search-icon {
  position: absolute;
  left: var(--spacing-sm);
  color: var(--secondary-text-color);
  font-size: 14px;
  pointer-events: none;
}
.marketplace-sphere-picker-dialog__search-input {
  padding-left: var(--spacing-xl) !important;
}
.marketplace-sphere-picker-dialog__sphere-list {
  flex: 1;
  overflow-y: auto;
  border: 1px solid var(--primary-border);
  border-radius: var(--border-radius-md);
  max-height: 300px;
  min-height: 120px;
}
[data-theme=dark] .marketplace-sphere-picker-dialog__sphere-list {
  border-color: var(--border-subtle-dark);
}
.marketplace-sphere-picker-dialog__loading {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-xl);
  color: var(--secondary-text-color);
  font-size: 20px;
}
.marketplace-sphere-picker-dialog__empty {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-xl);
  color: var(--secondary-text-color);
  font-size: 14px;
  text-align: center;
}
.marketplace-sphere-picker-dialog__sphere-item {
  display: flex;
  align-items: center;
  gap: var(--spacing-sm);
  width: 100%;
  padding: var(--spacing-sm) var(--spacing-md);
  border: none;
  border-bottom: 1px solid var(--primary-border);
  background: transparent;
  cursor: pointer;
  text-align: left;
  color: var(--primary-text-color);
  transition: background-color 0.15s ease;
}
.marketplace-sphere-picker-dialog__sphere-item:last-child {
  border-bottom: none;
}
.marketplace-sphere-picker-dialog__sphere-item:hover {
  background: var(--component-background);
}
.marketplace-sphere-picker-dialog__sphere-item--selected {
  background: var(--component-background);
  outline: 2px solid var(--primary-color, #3b82f6);
  outline-offset: -2px;
  border-radius: var(--border-radius-sm);
}
[data-theme=dark] .marketplace-sphere-picker-dialog__sphere-item {
  border-bottom-color: var(--surface-overlay-dark);
  color: var(--primary-text-color);
}
[data-theme=dark] .marketplace-sphere-picker-dialog__sphere-item:hover {
  background: var(--hover-overlay-dark);
}
[data-theme=dark] .marketplace-sphere-picker-dialog__sphere-item--selected {
  background: rgba(59, 130, 246, 0.12);
}
.marketplace-sphere-picker-dialog__sphere-item .pi-globe {
  color: var(--secondary-text-color);
  flex-shrink: 0;
}
.marketplace-sphere-picker-dialog__sphere-name {
  font-weight: 600;
  font-size: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.marketplace-sphere-picker-dialog__load-more {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: var(--spacing-sm) var(--spacing-md);
  border: none;
  border-top: 1px solid var(--primary-border);
  background: transparent;
  color: var(--primary-color, #3b82f6);
  cursor: pointer;
  font-size: 13px;
  font-weight: 600;
  transition: background-color 0.15s ease;
}
.marketplace-sphere-picker-dialog__load-more:hover:not(:disabled) {
  background: var(--component-background);
}
.marketplace-sphere-picker-dialog__load-more:disabled {
  cursor: default;
  opacity: 0.7;
}
[data-theme=dark] .marketplace-sphere-picker-dialog__load-more {
  border-top-color: var(--border-subtle-dark);
}
[data-theme=dark] .marketplace-sphere-picker-dialog__load-more:hover:not(:disabled) {
  background: var(--hover-overlay-dark);
}
.marketplace-sphere-picker-dialog__scope-section {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs);
}
.marketplace-sphere-picker-dialog__scope-options {
  display: flex;
  gap: var(--spacing-xs);
}
.marketplace-sphere-picker-dialog__scope-option {
  display: flex;
  align-items: center;
  gap: var(--spacing-xs);
  flex: 1;
  padding: var(--spacing-sm) var(--spacing-md);
  border: 1px solid var(--primary-border);
  border-radius: var(--border-radius-md);
  background: transparent;
  color: var(--primary-text-color);
  cursor: pointer;
  font-size: 13px;
  transition: border-color 0.15s ease, background-color 0.15s ease;
}
.marketplace-sphere-picker-dialog__scope-option:hover {
  background: var(--component-background);
}
.marketplace-sphere-picker-dialog__scope-option--selected {
  border-color: var(--primary-color, #3b82f6);
  background: var(--component-background);
  font-weight: 600;
}
[data-theme=dark] .marketplace-sphere-picker-dialog__scope-option {
  border-color: var(--border-soft-dark);
}
[data-theme=dark] .marketplace-sphere-picker-dialog__scope-option:hover {
  background: var(--hover-overlay-dark);
}
[data-theme=dark] .marketplace-sphere-picker-dialog__scope-option--selected {
  border-color: var(--primary-color, #3b82f6);
  background: rgba(59, 130, 246, 0.12);
}
.marketplace-subscribed-spheres-list {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}

.marketplace-subscribed-spheres-list__title {
  font-size: 16px;
  font-weight: 700;
  color: var(--primary-text-color);
  margin: 0;
}

[data-theme=dark] .marketplace-subscribed-spheres-list__title {
  color: var(--primary-text-color);
}

.marketplace-subscribed-spheres-list__error {
  padding: var(--spacing-sm) var(--spacing-md);
  border-radius: var(--border-radius-md);
  background: var(--error-background, #fef2f2);
  color: var(--error-text-color, #dc2626);
  font-size: 13px;
}

[data-theme=dark] .marketplace-subscribed-spheres-list__error {
  background: var(--error-background-dark, #451a1a);
  color: var(--error-text-color-dark, #fca5a5);
}

.marketplace-subscribed-spheres-list__loading {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-xl);
  color: var(--secondary-text-color);
  font-size: 20px;
}

.marketplace-subscribed-spheres-list__empty {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-xl);
  color: var(--secondary-text-color);
  font-size: 14px;
  text-align: center;
}

.marketplace-subscribed-spheres-list__items {
  border: 1px solid var(--primary-border);
  border-radius: var(--border-radius-md);
  overflow: hidden;
}

[data-theme=dark] .marketplace-subscribed-spheres-list__items {
  border-color: var(--primary-border-dark);
}

.marketplace-subscribed-spheres-list__item {
  display: flex;
  align-items: center;
  gap: var(--spacing-sm);
  padding: var(--spacing-sm) var(--spacing-md);
  border-bottom: 1px solid var(--primary-border);
  color: var(--primary-text-color);
}

.marketplace-subscribed-spheres-list__item:last-child {
  border-bottom: none;
}

[data-theme=dark] .marketplace-subscribed-spheres-list__item {
  border-bottom-color: var(--primary-border-dark);
  color: var(--primary-text-color);
}

.marketplace-subscribed-spheres-list__item-icon {
  color: var(--secondary-text-color);
  flex-shrink: 0;
}

.marketplace-subscribed-spheres-list__item-name {
  flex: 1;
  font-weight: 600;
  font-size: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.marketplace-subscribed-spheres-list__scope-badge {
  flex-shrink: 0;
  padding: var(--spacing-xxs) var(--spacing-xs);
  border-radius: var(--border-radius-pill);
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.marketplace-subscribed-spheres-list__scope-badge--direct {
  background: var(--component-background);
  color: var(--secondary-text-color);
}

[data-theme=dark] .marketplace-subscribed-spheres-list__scope-badge--direct {
  background: var(--component-background-dark);
}

.marketplace-subscribed-spheres-list__scope-badge--recursive {
  background: var(--primary-color-light, #dbeafe);
  color: var(--primary-color, #3b82f6);
}

[data-theme=dark] .marketplace-subscribed-spheres-list__scope-badge--recursive {
  background: var(--primary-color-dark, #1e3a5f);
  color: var(--primary-color-light, #93c5fd);
}

.marketplace-subscribed-spheres-list__remove-btn {
  flex-shrink: 0;
  padding: var(--spacing-xxs) var(--spacing-xs);
  border: 1px solid var(--primary-border);
  border-radius: var(--border-radius-sm);
  background: transparent;
  color: var(--secondary-text-color);
  cursor: pointer;
  font-size: 12px;
  transition: background-color 0.15s ease, color 0.15s ease;
}

.marketplace-subscribed-spheres-list__remove-btn:hover:not(:disabled) {
  background: var(--error-background, #fef2f2);
  color: var(--error-text-color, #dc2626);
  border-color: var(--error-text-color, #dc2626);
}

.marketplace-subscribed-spheres-list__remove-btn:disabled {
  cursor: default;
  opacity: 0.7;
}

[data-theme=dark] .marketplace-subscribed-spheres-list__remove-btn {
  border-color: var(--primary-border-dark);
}

[data-theme=dark] .marketplace-subscribed-spheres-list__remove-btn:hover:not(:disabled) {
  background: var(--error-background-dark, #451a1a);
  color: var(--error-text-color-dark, #fca5a5);
  border-color: var(--error-text-color-dark, #fca5a5);
}

.marketplace-subscribed-spheres-list__load-more {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: var(--spacing-sm) var(--spacing-md);
  border: none;
  border-top: 1px solid var(--primary-border);
  background: transparent;
  color: var(--primary-color, #3b82f6);
  cursor: pointer;
  font-size: 13px;
  font-weight: 600;
  transition: background-color 0.15s ease;
}

.marketplace-subscribed-spheres-list__load-more:hover:not(:disabled) {
  background: var(--component-background);
}

.marketplace-subscribed-spheres-list__load-more:disabled {
  cursor: default;
  opacity: 0.7;
}

[data-theme=dark] .marketplace-subscribed-spheres-list__load-more {
  border-top-color: var(--primary-border-dark);
}

[data-theme=dark] .marketplace-subscribed-spheres-list__load-more:hover:not(:disabled) {
  background: var(--component-background-dark);
}
.marketplace-publisher-select {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs);
  position: relative;
}
.marketplace-publisher-select__label {
  font-size: 12.5px;
  font-weight: 700;
  color: var(--primary-text-color);
}
.marketplace-publisher-select__trigger {
  width: 100%;
  border: 1px solid var(--primary-border, #e5e7eb);
  border-radius: 10px;
  padding: 10px 12px;
  background: var(--component-background, #fff);
  display: flex;
  align-items: center;
  gap: 10px;
  font-family: inherit;
  font-size: 13.5px;
  color: var(--primary-text-color, #062c58);
  cursor: pointer;
  text-align: left;
  transition: border-color 140ms, box-shadow 140ms;
}
.marketplace-publisher-select__trigger:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
.marketplace-publisher-select--open .marketplace-publisher-select__trigger, .marketplace-publisher-select__trigger:focus-visible {
  border-color: var(--primary-color, #377fc4);
  box-shadow: 0 0 0 3px rgba(55, 127, 196, 0.15);
  outline: none;
}
.marketplace-publisher-select--error .marketplace-publisher-select__trigger {
  border-color: var(--error-color, #ef4444);
}
.marketplace-publisher-select__trigger-empty-icon {
  width: 28px;
  height: 28px;
  border-radius: 7px;
  background: var(--surface-100, #f3f4f6);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  color: var(--secondary-text-color, #9ca3af);
  font-size: 13px;
}
.marketplace-publisher-select__trigger-placeholder {
  flex: 1;
  color: var(--secondary-text-color, #9ca3af);
  font-weight: 500;
}
.marketplace-publisher-select__trigger-meta {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
  flex: 1;
}
.marketplace-publisher-select__trigger-name {
  font-weight: 700;
  font-size: 13.5px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.marketplace-publisher-select__trigger-slug {
  font-size: 11px;
  color: var(--secondary-text-color, #6b7f99);
  font-family: var(--font-family-mono, monospace);
}
.marketplace-publisher-select__chevron {
  color: var(--secondary-text-color, #6b7f99);
  font-size: 13px;
  flex-shrink: 0;
  margin-left: auto;
}
.marketplace-publisher-select__dropdown {
  position: absolute;
  top: calc(100% + 4px);
  left: 0;
  right: 0;
  z-index: 50;
  background: var(--component-background, #fff);
  border: 1px solid var(--primary-border, #e5e7eb);
  border-radius: 10px;
  box-shadow: 0 12px 28px -8px rgba(6, 44, 88, 0.2);
  overflow: hidden;
}
.marketplace-publisher-select__list {
  padding: 6px 0;
  max-height: 240px;
  overflow-y: auto;
}
.marketplace-publisher-select__empty {
  padding: 16px 14px;
  font-size: 12.5px;
  color: var(--secondary-text-color, #6b7f99);
  font-weight: 500;
}
.marketplace-publisher-select__option {
  width: 100%;
  border: 0;
  background: transparent;
  padding: 8px 12px;
  display: flex;
  align-items: center;
  gap: 10px;
  text-align: left;
  cursor: pointer;
  transition: background 120ms;
  font-family: inherit;
}
.marketplace-publisher-select__option:hover {
  background: var(--surface-hover, #f9fafb);
}
.marketplace-publisher-select__option--selected {
  background: var(--surface-50, #f5f9ff);
}
.marketplace-publisher-select__option--selected:hover {
  background: var(--surface-50, #f0f6ff);
}
.marketplace-publisher-select__option-text {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
  flex: 1;
}
.marketplace-publisher-select__option-name {
  font-weight: 700;
  font-size: 13px;
  color: var(--primary-text-color, #062c58);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.marketplace-publisher-select__option-slug {
  font-size: 11px;
  color: var(--secondary-text-color, #6b7f99);
  font-family: var(--font-family-mono, monospace);
}
.marketplace-publisher-select__option-check {
  color: var(--primary-color, #377fc4);
  font-size: 13px;
  flex-shrink: 0;
}
.marketplace-publisher-select__create-btn {
  width: 100%;
  border: 0;
  border-top: 1px solid var(--primary-border, #f0f3f8);
  background: var(--surface-ground, #f9fafb);
  padding: 10px 12px;
  display: flex;
  align-items: center;
  gap: 10px;
  font-family: inherit;
  font-size: 13px;
  font-weight: 700;
  color: var(--primary-color, #1a75a8);
  cursor: pointer;
  text-align: left;
  transition: background 120ms;
}
.marketplace-publisher-select__create-btn:hover {
  background: var(--surface-50, #f5f9ff);
}
.marketplace-publisher-select__create-btn .pi {
  font-size: 14px;
}
.marketplace-publisher-select__error {
  font-size: 12px;
  color: var(--error-color, #ef4444);
}
[data-theme=dark] .marketplace-publisher-select__trigger {
  background: var(--component-background-dark, #242b3a);
  border-color: var(--primary-border-dark, #3a4558);
  color: var(--primary-text-color-dark, #e2e8f0);
}
[data-theme=dark] .marketplace-publisher-select__trigger-empty-icon {
  background: var(--surface-100-dark, #2a3347);
}
[data-theme=dark] .marketplace-publisher-select__dropdown {
  background: var(--component-background-dark, #1e2533);
  border-color: var(--primary-border-dark, #3a4558);
}
[data-theme=dark] .marketplace-publisher-select__option:hover {
  background: var(--surface-hover-dark, #2a3347);
}
[data-theme=dark] .marketplace-publisher-select__option--selected {
  background: var(--surface-50-dark, #1a2538);
}
[data-theme=dark] .marketplace-publisher-select__option-name {
  color: var(--primary-text-color-dark, #e2e8f0);
}
[data-theme=dark] .marketplace-publisher-select__create-btn {
  background: var(--surface-ground-dark, #171e2a);
  border-color: var(--primary-border-dark, #2a3347);
  color: var(--primary-color-dark, #60a5fa);
}
[data-theme=dark] .marketplace-publisher-select__create-btn:hover {
  background: var(--surface-50-dark, #1a2538);
}
.marketplace-publisher-create-overlay {
  z-index: 1100;
}

.marketplace-publisher-create-dialog {
  background: var(--surface-0, #fff);
  border-radius: 16px;
  width: min(560px, 100%);
  box-shadow: 0 24px 64px -12px rgba(6, 44, 88, 0.4);
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

.marketplace-publisher-create-dialog__header {
  padding: 20px 24px;
  display: flex;
  align-items: center;
  gap: 14px;
  color: #fff;
}

.marketplace-publisher-create-dialog__header-meta {
  display: flex;
  flex-direction: column;
  gap: 3px;
  min-width: 0;
  flex: 1;
}

.marketplace-publisher-create-dialog__header-name {
  margin: 0;
  font-size: 17px;
  font-weight: 800;
  letter-spacing: -0.015em;
  color: #fff;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.marketplace-publisher-create-dialog__header-url {
  font-size: 11.5px;
  color: rgba(255, 255, 255, 0.7);
  font-family: var(--font-family-mono, monospace);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.marketplace-publisher-create-dialog__header-close {
  margin-left: auto;
  flex-shrink: 0;
  border: 0;
  background: rgba(255, 255, 255, 0.14);
  color: #fff;
  width: 28px;
  height: 28px;
  border-radius: 8px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  transition: background 140ms;
}

.marketplace-publisher-create-dialog__header-close:hover {
  background: rgba(255, 255, 255, 0.26);
}

.marketplace-publisher-create-dialog__header-close:focus-visible {
  outline: 2px solid rgba(255, 255, 255, 0.6);
  outline-offset: 1px;
}

.marketplace-publisher-create-dialog__body {
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.marketplace-publisher-create-dialog {
  /* Slug input with publishers/ prefix decoration */
}

.marketplace-publisher-create-dialog__slug-row {
  display: flex;
  align-items: stretch;
}

.marketplace-publisher-create-dialog__slug-prefix {
  background: var(--surface-50, #f5f9ff);
  border: 1px solid var(--primary-border, #dbeafe);
  border-right: 0;
  border-radius: 10px 0 0 10px;
  padding: 10px 12px;
  font-family: var(--font-family-mono, monospace);
  font-size: 13px;
  color: var(--secondary-text-color, #6b7f99);
  font-weight: 500;
  white-space: nowrap;
  display: flex;
  align-items: center;
}

.marketplace-publisher-create-dialog__slug-input {
  flex: 1;
  border: 1px solid var(--primary-border, #e5e7eb);
  border-radius: 0 10px 10px 0;
  padding: 10px 12px;
  font-size: 13.5px;
  font-family: inherit;
  color: var(--primary-text-color, #062c58);
  background: var(--component-background, #fff);
  outline: none;
  transition: border-color 140ms, box-shadow 140ms;
  min-width: 0;
}

.marketplace-publisher-create-dialog__slug-input:focus {
  border-color: var(--primary-color, #377fc4);
  box-shadow: 0 0 0 3px rgba(55, 127, 196, 0.15);
}

.marketplace-publisher-create-dialog__slug-input:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

.marketplace-publisher-create-dialog__slug-error {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 11.5px;
  font-weight: 600;
  color: var(--error-color, #b91c1c);
  margin-top: 2px;
}

.marketplace-publisher-create-dialog__slug-error .pi {
  font-size: 11px;
}

.marketplace-publisher-create-dialog {
  /* Workflow info card */
}

.marketplace-publisher-create-dialog__info-card {
  padding: 11px 13px;
  background: var(--surface-50, #f5f9ff);
  border: 1px solid var(--primary-border, #dbeafe);
  border-radius: 10px;
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-size: 12px;
  color: var(--info-text-color, #0c4a6e);
  line-height: 1.5;
}

.marketplace-publisher-create-dialog__info-icon {
  color: var(--primary-color, #1a75a8);
  flex-shrink: 0;
  margin-top: 1px;
  font-size: 14px;
}

.marketplace-publisher-create-dialog__footer {
  padding: 14px 24px;
  display: flex;
  gap: 8px;
  justify-content: flex-end;
  background: var(--surface-ground, #f9fafb);
  border-top: 1px solid var(--primary-border, #f0f3f8);
}

[data-theme=dark] .marketplace-publisher-create-dialog {
  background: var(--surface-0-dark, #1e2533);
}

[data-theme=dark] .marketplace-publisher-create-dialog__slug-prefix {
  background: var(--surface-50-dark, #242b3a);
  border-color: var(--primary-border-dark, #3a4558);
  color: var(--secondary-text-color-dark, #8896aa);
}

[data-theme=dark] .marketplace-publisher-create-dialog__slug-input {
  background: var(--component-background-dark, #242b3a);
  border-color: var(--primary-border-dark, #3a4558);
  color: var(--primary-text-color-dark, #e2e8f0);
}

[data-theme=dark] .marketplace-publisher-create-dialog__info-card {
  background: var(--surface-50-dark, #1a2538);
  border-color: var(--primary-border-dark, #2d4a6e);
  color: var(--info-text-color-dark, #7dd3fc);
}

[data-theme=dark] .marketplace-publisher-create-dialog__info-icon {
  color: var(--primary-color-dark, #60a5fa);
}

[data-theme=dark] .marketplace-publisher-create-dialog__footer {
  background: var(--surface-ground-dark, #171e2a);
  border-color: var(--primary-border-dark, #2a3347);
}
.marketplace-syndicate-dialog {
  width: 560px;
  max-width: 100%;
  max-height: 85vh;
  display: flex;
  flex-direction: column;
}

.marketplace-syndicate-dialog__step-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--spacing-md);
  padding: var(--spacing-sm) var(--spacing-lg);
  border-bottom: 1px solid var(--primary-border);
  flex-shrink: 0;
}

[data-theme=dark] .marketplace-syndicate-dialog__step-header {
  border-bottom-color: var(--surface-overlay-dark);
}

.marketplace-syndicate-dialog__steps {
  display: flex;
  align-items: center;
  gap: var(--spacing-xs);
}

.marketplace-syndicate-dialog__step-dot {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  border: 1px solid var(--primary-border);
  background: transparent;
  color: var(--secondary-text-color);
  font-size: 12px;
  font-weight: 600;
}

.marketplace-syndicate-dialog__step-dot--active {
  border-color: var(--primary-color, #3b82f6);
  background: var(--primary-color, #3b82f6);
  color: #fff;
}

.marketplace-syndicate-dialog__step-dot--completed {
  border-color: var(--primary-color, #3b82f6);
  color: var(--primary-color, #3b82f6);
}

[data-theme=dark] .marketplace-syndicate-dialog__step-dot {
  border-color: var(--border-soft-dark);
  color: var(--secondary-text-color);
}

[data-theme=dark] .marketplace-syndicate-dialog__step-dot--active {
  border-color: var(--primary-color, #3b82f6);
  background: var(--primary-color, #3b82f6);
  color: #fff;
}

[data-theme=dark] .marketplace-syndicate-dialog__step-dot--completed {
  border-color: var(--primary-color, #3b82f6);
  color: var(--primary-color, #3b82f6);
}

.marketplace-syndicate-dialog__step-number {
  line-height: 1;
}

.marketplace-syndicate-dialog__step-label {
  font-size: var(--text-sm);
  color: var(--secondary-text-color);
}

.marketplace-syndicate-dialog__body {
  flex: 1;
  min-height: 0;
}

.marketplace-syndicate-dialog__step {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
}

.marketplace-syndicate-dialog__step-title {
  margin: 0;
  font-size: var(--text-md);
  font-weight: 600;
  color: var(--primary-text-color);
}

.marketplace-syndicate-dialog__search {
  position: relative;
  display: flex;
  align-items: center;
}

.marketplace-syndicate-dialog__search-icon {
  position: absolute;
  left: var(--spacing-sm);
  color: var(--secondary-text-color);
  font-size: 14px;
  pointer-events: none;
}

.marketplace-syndicate-dialog__search-input {
  padding-left: var(--spacing-xl) !important;
}

.marketplace-syndicate-dialog__list {
  display: flex;
  flex-direction: column;
  border: 1px solid var(--primary-border);
  border-radius: var(--border-radius-md);
  max-height: 320px;
  min-height: 140px;
  overflow-y: auto;
}

[data-theme=dark] .marketplace-syndicate-dialog__list {
  border-color: var(--border-subtle-dark);
}

.marketplace-syndicate-dialog__loading,
.marketplace-syndicate-dialog__empty {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-xs);
  padding: var(--spacing-xl);
  color: var(--secondary-text-color);
  font-size: 14px;
}

.marketplace-syndicate-dialog__row {
  display: flex;
  align-items: flex-start;
  gap: var(--spacing-sm);
  width: 100%;
  padding: var(--spacing-sm) var(--spacing-md);
  border: none;
  border-bottom: 1px solid var(--primary-border);
  background: transparent;
  cursor: pointer;
  text-align: left;
  color: var(--primary-text-color);
  transition: background-color 0.15s ease;
}

.marketplace-syndicate-dialog__row:last-child {
  border-bottom: none;
}

.marketplace-syndicate-dialog__row:hover {
  background: var(--component-background);
}

.marketplace-syndicate-dialog__row--selected {
  background: var(--component-background);
  outline: 2px solid var(--primary-color, #3b82f6);
  outline-offset: -2px;
  border-radius: var(--border-radius-sm);
}

[data-theme=dark] .marketplace-syndicate-dialog__row {
  border-bottom-color: var(--surface-overlay-dark);
  color: var(--primary-text-color);
}

[data-theme=dark] .marketplace-syndicate-dialog__row:hover {
  background: var(--hover-overlay-dark);
}

[data-theme=dark] .marketplace-syndicate-dialog__row--selected {
  background: rgba(59, 130, 246, 0.12);
}

.marketplace-syndicate-dialog__row .pi {
  margin-top: 2px;
  color: var(--secondary-text-color);
  flex-shrink: 0;
}

.marketplace-syndicate-dialog__row-info {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xxs);
  overflow: hidden;
  min-width: 0;
}

.marketplace-syndicate-dialog__row-name {
  font-weight: 600;
  font-size: 14px;
}

.marketplace-syndicate-dialog__row-desc {
  font-size: 12px;
  color: var(--secondary-text-color);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.marketplace-syndicate-dialog__fieldset {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs);
  border: 1px solid var(--primary-border);
  border-radius: var(--border-radius-md);
  padding: var(--spacing-sm) var(--spacing-md);
  margin: 0;
}

[data-theme=dark] .marketplace-syndicate-dialog__fieldset {
  border-color: var(--border-subtle-dark);
}

.marketplace-syndicate-dialog__fieldset-legend {
  padding: 0 var(--spacing-xs);
  font-size: var(--text-sm);
  font-weight: 600;
  color: var(--primary-text-color);
}

.marketplace-syndicate-dialog__radio {
  display: flex;
  align-items: center;
  gap: var(--spacing-xs);
  font-size: 14px;
  color: var(--primary-text-color);
  cursor: pointer;
}

.marketplace-syndicate-dialog__radio input {
  cursor: pointer;
}

.marketplace-syndicate-dialog__field {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xxs);
}

.marketplace-syndicate-dialog__version-dropdown {
  width: 100%;
}

.marketplace-syndicate-dialog__summary {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs);
  padding: var(--spacing-md);
  background: var(--component-background);
  border: 1px solid var(--primary-border);
  border-radius: var(--border-radius-md);
}

[data-theme=dark] .marketplace-syndicate-dialog__summary {
  background: rgba(255, 255, 255, 0.03);
  border-color: var(--border-subtle-dark);
}

.marketplace-syndicate-dialog__summary-title {
  margin: 0 0 var(--spacing-xs) 0;
  font-size: var(--text-sm);
  font-weight: 700;
  color: var(--primary-text-color);
}

.marketplace-syndicate-dialog__summary-list {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xxs);
  margin: 0;
}

.marketplace-syndicate-dialog__summary-row {
  display: grid;
  grid-template-columns: 140px 1fr;
  gap: var(--spacing-sm);
  font-size: 13px;
}

.marketplace-syndicate-dialog__summary-row dt {
  color: var(--secondary-text-color);
  margin: 0;
}

.marketplace-syndicate-dialog__summary-row dd {
  margin: 0;
  color: var(--primary-text-color);
  font-weight: 500;
}

.marketplace-syndicate-dialog__error {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--spacing-sm);
  padding: var(--spacing-sm) var(--spacing-md);
  border-radius: var(--border-radius-md);
  background: var(--error-background, rgba(220, 38, 38, 0.08));
  color: var(--error-text, #b91c1c);
  border: 1px solid var(--error-border, rgba(220, 38, 38, 0.3));
  font-size: 13px;
}

[data-theme=dark] .marketplace-syndicate-dialog__error {
  background: rgba(220, 38, 38, 0.12);
  color: #fca5a5;
  border-color: rgba(220, 38, 38, 0.4);
}

.marketplace-syndicate-dialog__retry-btn {
  padding: var(--spacing-xxs) var(--spacing-sm);
  border: 1px solid currentColor;
  border-radius: var(--border-radius-sm);
  background: transparent;
  color: inherit;
  cursor: pointer;
  font-size: 12px;
  font-weight: 600;
}

.marketplace-syndicate-dialog__retry-btn:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

.marketplace-syndicate-dialog__footer {
  display: flex;
  align-items: center;
  gap: var(--spacing-sm);
  padding: var(--spacing-md) var(--spacing-lg);
  border-top: 1px solid var(--primary-border);
  flex-shrink: 0;
}

[data-theme=dark] .marketplace-syndicate-dialog__footer {
  border-top-color: var(--surface-overlay-dark);
}

.marketplace-syndicate-dialog__footer-spacer {
  flex: 1;
}

.marketplace-syndicate-dialog__back-btn,
.marketplace-syndicate-dialog__cancel-btn {
  padding: var(--spacing-xs) var(--spacing-md);
  border: 1px solid var(--primary-border);
  border-radius: var(--border-radius-md);
  background: transparent;
  color: var(--primary-text-color);
  cursor: pointer;
  font-size: 13px;
  font-weight: 500;
  transition: background-color 0.15s ease;
}

.marketplace-syndicate-dialog__back-btn:hover:not(:disabled),
.marketplace-syndicate-dialog__cancel-btn:hover:not(:disabled) {
  background: var(--component-background);
}

.marketplace-syndicate-dialog__back-btn:disabled,
.marketplace-syndicate-dialog__cancel-btn:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

[data-theme=dark] .marketplace-syndicate-dialog__back-btn,
[data-theme=dark] .marketplace-syndicate-dialog__cancel-btn {
  border-color: var(--border-soft-dark);
}

[data-theme=dark] .marketplace-syndicate-dialog__back-btn:hover:not(:disabled),
[data-theme=dark] .marketplace-syndicate-dialog__cancel-btn:hover:not(:disabled) {
  background: var(--hover-overlay-dark);
}

.marketplace-syndicate-dialog__next-btn,
.marketplace-syndicate-dialog__confirm-btn {
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-xs);
  padding: var(--spacing-xs) var(--spacing-md);
  border: none;
  border-radius: var(--border-radius-md);
  background: var(--primary-color, #3b82f6);
  color: #fff;
  cursor: pointer;
  font-size: 13px;
  font-weight: 600;
  transition: background-color 0.15s ease, opacity 0.15s ease;
}

.marketplace-syndicate-dialog__next-btn:hover:not(:disabled),
.marketplace-syndicate-dialog__confirm-btn:hover:not(:disabled) {
  background: var(--primary-color-dark, #2563eb);
}

.marketplace-syndicate-dialog__next-btn:disabled,
.marketplace-syndicate-dialog__confirm-btn:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

@media (max-width: 480px) {
  .marketplace-syndicate-dialog {
    max-height: 100vh;
  }
  .marketplace-syndicate-dialog__step-header,
  .marketplace-syndicate-dialog__footer {
    padding-left: var(--spacing-md);
    padding-right: var(--spacing-md);
  }
  .marketplace-syndicate-dialog__summary-row {
    grid-template-columns: 1fr;
    gap: var(--spacing-xxs);
  }
  .marketplace-syndicate-dialog__summary-row dt {
    font-size: var(--text-xs, 12px);
  }
}
.marketplace-add-metaspace-dialog {
  width: 480px;
  max-height: 80vh;
  display: flex;
  flex-direction: column;
}
.marketplace-add-metaspace-dialog .marketplace-dialog__body {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
  overflow: hidden;
}
.marketplace-add-metaspace-dialog__search {
  position: relative;
  display: flex;
  align-items: center;
}
.marketplace-add-metaspace-dialog__search-icon {
  position: absolute;
  left: var(--spacing-sm);
  color: var(--secondary-text-color);
  font-size: 14px;
  pointer-events: none;
}
.marketplace-add-metaspace-dialog__search-input {
  padding-left: var(--spacing-xl) !important;
}
.marketplace-add-metaspace-dialog__list {
  flex: 1;
  overflow-y: auto;
  border: 1px solid var(--primary-border);
  border-radius: var(--border-radius-md);
  max-height: 320px;
  min-height: 120px;
}
[data-theme=dark] .marketplace-add-metaspace-dialog__list {
  border-color: rgba(255, 255, 255, 0.1);
}
.marketplace-add-metaspace-dialog__loading {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-xl);
  color: var(--secondary-text-color);
  font-size: 20px;
}
.marketplace-add-metaspace-dialog__empty {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-xl);
  color: var(--secondary-text-color);
  font-size: 14px;
}
.marketplace-add-metaspace-dialog__item {
  display: flex;
  align-items: flex-start;
  gap: var(--spacing-sm);
  width: 100%;
  padding: var(--spacing-sm) var(--spacing-md);
  border: none;
  border-bottom: 1px solid var(--primary-border);
  background: transparent;
  cursor: pointer;
  text-align: left;
  color: var(--primary-text-color);
  transition: background-color 0.15s ease;
}
.marketplace-add-metaspace-dialog__item:last-child {
  border-bottom: none;
}
.marketplace-add-metaspace-dialog__item:hover {
  background: var(--component-background);
}
.marketplace-add-metaspace-dialog__item--selected {
  background: var(--component-background);
  outline: 2px solid var(--primary-color);
  outline-offset: -2px;
  border-radius: var(--border-radius-sm);
}
.marketplace-add-metaspace-dialog__item .metaspace-icon {
  margin-top: 2px;
  flex-shrink: 0;
  color: var(--secondary-text-color);
}
[data-theme=dark] .marketplace-add-metaspace-dialog__item {
  border-bottom-color: rgba(255, 255, 255, 0.08);
  color: var(--primary-text-color);
}
[data-theme=dark] .marketplace-add-metaspace-dialog__item:hover {
  background: rgba(255, 255, 255, 0.05);
}
[data-theme=dark] .marketplace-add-metaspace-dialog__item--selected {
  background: rgba(59, 130, 246, 0.12);
}
.marketplace-add-metaspace-dialog__item-info {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xxs);
  overflow: hidden;
}
.marketplace-add-metaspace-dialog__item-name {
  font-weight: 600;
  font-size: 14px;
}
.marketplace-add-metaspace-dialog__item-desc {
  font-size: 12px;
  color: var(--secondary-text-color);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.marketplace-fork-prompt-overlay {
  z-index: 1200;
}

.marketplace-fork-metaspace-dialog {
  width: 440px;
  max-width: 90vw;
}

.marketplace-fork-metaspace-dialog__body {
  padding: var(--spacing-md) var(--spacing-lg);
}

.marketplace-fork-metaspace-dialog__description {
  margin: 0;
  font-size: 14px;
  line-height: 1.6;
  color: var(--secondary-text-color);
}
.metaspace-overlay-editor .p-sidebar-content {
  padding: 0;
  display: flex;
  flex-direction: column;
  height: 100%;
}

.metaspace-overlay-editor__title {
  font-size: 16px;
  font-weight: 600;
  color: var(--primary-text-color);
}

.metaspace-overlay-editor__metaspace-name {
  font-weight: 400;
  color: var(--secondary-text-color);
}

.metaspace-overlay-editor__content {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
  padding: var(--spacing-md);
  flex: 1;
  overflow-y: auto;
}

.metaspace-overlay-editor__section {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}

.metaspace-overlay-editor__section--fork {
  border: 1px solid var(--primary-border);
  border-radius: var(--border-radius-md);
  padding: var(--spacing-sm) var(--spacing-md);
  background: var(--component-background);
}

[data-theme=dark] .metaspace-overlay-editor__section--fork {
  border-color: var(--primary-border-dark);
  background: var(--component-background-dark);
}

.metaspace-overlay-editor__section-title {
  margin: 0;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: var(--secondary-text-color);
}

.metaspace-overlay-editor__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.metaspace-overlay-editor__list-item {
  display: flex;
  align-items: center;
  gap: var(--spacing-xs);
  padding: var(--spacing-xs) var(--spacing-sm);
  border-radius: var(--border-radius-sm);
  background: var(--component-background);
  border: 1px solid var(--primary-border);
}

[data-theme=dark] .metaspace-overlay-editor__list-item {
  background: var(--component-background-dark);
  border-color: var(--primary-border-dark);
}

.metaspace-overlay-editor__visibility-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border: none;
  background: transparent;
  cursor: pointer;
  color: var(--secondary-text-color);
  border-radius: var(--border-radius-sm);
  flex-shrink: 0;
}

.metaspace-overlay-editor__visibility-btn:hover {
  background: var(--primary-border);
  color: var(--primary-text-color);
}

.metaspace-overlay-editor__visibility-btn--hidden {
  color: var(--secondary-text-color);
  opacity: 0.5;
}

[data-theme=dark] .metaspace-overlay-editor__visibility-btn:hover {
  background: var(--primary-border-dark);
}

.metaspace-overlay-editor__panel-icon {
  color: var(--secondary-text-color);
  font-size: 14px;
  flex-shrink: 0;
}

.metaspace-overlay-editor__item-label {
  flex: 1;
  font-size: 13px;
  color: var(--primary-text-color);
  display: flex;
  align-items: center;
  gap: var(--spacing-xs);
}

.metaspace-overlay-editor__item-label--disabled {
  opacity: 0.5;
  text-decoration: line-through;
}

.metaspace-overlay-editor__order-btns {
  display: flex;
  flex-direction: column;
  gap: 2px;
  flex-shrink: 0;
}

.metaspace-overlay-editor__order-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  border: none;
  background: transparent;
  cursor: pointer;
  color: var(--secondary-text-color);
  border-radius: var(--border-radius-sm);
  font-size: 10px;
}

.metaspace-overlay-editor__order-btn:hover:not(:disabled) {
  background: var(--primary-border);
  color: var(--primary-text-color);
}

.metaspace-overlay-editor__order-btn:disabled {
  opacity: 0.3;
  cursor: default;
}

[data-theme=dark] .metaspace-overlay-editor__order-btn:hover:not(:disabled) {
  background: var(--primary-border-dark);
}

.metaspace-overlay-editor__field {
  display: flex;
  align-items: center;
  gap: var(--spacing-md);
  justify-content: space-between;
}

.metaspace-overlay-editor__label {
  font-size: 13px;
  color: var(--primary-text-color);
  font-weight: 500;
}

.metaspace-overlay-editor__toggle-group {
  display: flex;
  border: 1px solid var(--primary-border);
  border-radius: var(--border-radius-sm);
  overflow: hidden;
}

[data-theme=dark] .metaspace-overlay-editor__toggle-group {
  border-color: var(--primary-border-dark);
}

.metaspace-overlay-editor__toggle-btn {
  padding: 4px 12px;
  font-size: 12px;
  border: none;
  background: transparent;
  cursor: pointer;
  color: var(--secondary-text-color);
}

.metaspace-overlay-editor__toggle-btn:hover:not(.metaspace-overlay-editor__toggle-btn--active) {
  background: var(--component-background);
}

[data-theme=dark] .metaspace-overlay-editor__toggle-btn:hover:not(.metaspace-overlay-editor__toggle-btn--active) {
  background: var(--component-background-dark);
}

.metaspace-overlay-editor__toggle-btn--active {
  background: var(--primary-color);
  color: var(--primary-color-text, #ffffff);
}

.metaspace-overlay-editor__number-input {
  width: 72px;
  padding: 4px 8px;
  border: 1px solid var(--primary-border);
  border-radius: var(--border-radius-sm);
  font-size: 13px;
  background: var(--component-background);
  color: var(--primary-text-color);
}

[data-theme=dark] .metaspace-overlay-editor__number-input {
  background: var(--component-background-dark);
  border-color: var(--primary-border-dark);
  color: var(--primary-text-color);
}

.metaspace-overlay-editor__fork-desc {
  margin: 0;
  font-size: 12px;
  color: var(--secondary-text-color);
  line-height: 1.5;
}

.metaspace-overlay-editor__fork-btn {
  display: flex;
  align-items: center;
  gap: var(--spacing-xs);
  padding: var(--spacing-xs) var(--spacing-sm);
  border: 1px solid var(--primary-border);
  border-radius: var(--border-radius-sm);
  background: transparent;
  cursor: pointer;
  font-size: 13px;
  color: var(--primary-text-color);
  width: -moz-fit-content;
  width: fit-content;
}

.metaspace-overlay-editor__fork-btn:hover {
  background: var(--component-background);
}

[data-theme=dark] .metaspace-overlay-editor__fork-btn:hover {
  background: var(--component-background-dark);
}

.metaspace-overlay-editor__fork-btn i {
  font-size: 12px;
  color: var(--secondary-text-color);
}

[data-theme=dark] .metaspace-overlay-editor__fork-btn {
  border-color: var(--primary-border-dark);
}

.metaspace-overlay-editor__error {
  font-size: 12px;
  color: var(--red-600, #dc2626);
  padding: var(--spacing-xs);
  border-radius: var(--border-radius-sm);
  background: var(--red-50, #fef2f2);
}

[data-theme=dark] .metaspace-overlay-editor__error {
  background: var(--status-tone-danger-bg);
  color: var(--status-tone-danger-fg);
}

.metaspace-overlay-editor__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: var(--spacing-md);
  border-top: 1px solid var(--primary-border);
  background: var(--component-background);
  margin-top: auto;
}

[data-theme=dark] .metaspace-overlay-editor__footer {
  border-color: var(--primary-border-dark);
  background: var(--component-background-dark);
}

.metaspace-overlay-editor__reset-btn {
  padding: var(--spacing-xs) var(--spacing-sm);
  border: 1px solid var(--primary-border);
  border-radius: var(--border-radius-sm);
  background: transparent;
  cursor: pointer;
  font-size: 13px;
  color: var(--secondary-text-color);
}

.metaspace-overlay-editor__reset-btn:hover:not(:disabled) {
  background: var(--component-background);
  color: var(--primary-text-color);
}

[data-theme=dark] .metaspace-overlay-editor__reset-btn:hover:not(:disabled) {
  background: var(--component-background-dark);
}

.metaspace-overlay-editor__reset-btn:disabled {
  opacity: 0.5;
  cursor: default;
}

[data-theme=dark] .metaspace-overlay-editor__reset-btn {
  border-color: var(--primary-border-dark);
}

.metaspace-overlay-editor__save-btn {
  padding: var(--spacing-xs) var(--spacing-md);
  border: none;
  border-radius: var(--border-radius-sm);
  background: var(--primary-color);
  color: var(--primary-color-text, #ffffff);
  cursor: pointer;
  font-size: 13px;
  font-weight: 500;
}

.metaspace-overlay-editor__save-btn:hover:not(:disabled) {
  opacity: 0.9;
}

.metaspace-overlay-editor__save-btn:disabled {
  opacity: 0.5;
  cursor: default;
}
.marketplace-promote-metaspace-dialog {
  width: 480px;
  max-width: 90vw;
}

.marketplace-promote-metaspace-dialog__fields {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
}
.marketplace-channel-card {
  position: relative;
  cursor: pointer;
  background: var(--component-background, #fff);
  border: 1px solid var(--marketplace-control-border, #e5e7eb);
  overflow: hidden;
  transition: background-color 0.14s ease, border-color 0.14s ease, box-shadow 0.14s ease, transform 0.14s ease;
}
.marketplace-channel-card::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 3px;
  background: var(--scope-accent-color, var(--primary-text-color, #062c58));
  opacity: 0.55;
  transition: opacity 0.14s ease;
}
.marketplace-channel-card:hover::before {
  opacity: 1;
}
.marketplace-channel-card:focus-visible {
  outline: 2px solid var(--cta-secondary-color, var(--primary-text-color, #062c58));
  outline-offset: 2px;
}
[data-theme=dark] .marketplace-channel-card {
  background: var(--component-background-dark, #1e1e2f);
  border-color: var(--marketplace-control-border-dark, #3a3a52);
  color: var(--primary-text-color-dark, #f1f5f9);
}
[data-theme=dark] .marketplace-channel-card:hover {
  background: var(--marketplace-row-hover-bg-dark, #24243a);
}
.marketplace-channel-card--scope-center {
  --scope-accent-color: var(--scope-color-center-accent, #1a75a8);
}
.marketplace-channel-card--scope-organization {
  --scope-accent-color: var(--scope-color-organization-accent, #047857);
}
.marketplace-channel-card--scope-metasphere {
  --scope-accent-color: var(--scope-color-metasphere-accent, #5b21b6);
}
.marketplace-channel-card--scope-all {
  --scope-accent-color: var(--scope-color-all-accent, var(--primary-text-color, #062c58));
}
.marketplace-channel-card--roomy {
  border-radius: var(--border-radius-lg, 14px);
  padding: var(--spacing-md, 18px);
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm, 12px);
  height: 100%;
}
.marketplace-channel-card--roomy:hover {
  box-shadow: var(--shadow-md, 0 14px 32px -10px rgba(6, 44, 88, 0.18));
  transform: translateY(-2px);
}
.marketplace-channel-card--compact {
  border-radius: var(--border-radius-md, 10px);
  padding: var(--spacing-sm, 14px);
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs, 10px);
  height: 100%;
}
.marketplace-channel-card--compact:hover {
  box-shadow: var(--shadow-sm, 0 6px 14px -4px rgba(6, 44, 88, 0.12));
  transform: translateY(-1px);
}
.marketplace-channel-card--list {
  border-radius: var(--border-radius-sm, 8px);
  padding: var(--spacing-xs, 12px) var(--spacing-sm, 14px);
  display: grid;
  grid-template-columns: 36px minmax(0, 2.2fr) minmax(0, 1fr) minmax(0, 1.2fr) auto;
  gap: var(--spacing-sm, 14px);
  align-items: center;
}
.marketplace-channel-card--list:hover {
  background: var(--marketplace-row-hover-bg, #f5f9ff);
}
[data-theme=dark] .marketplace-channel-card--list:hover {
  background: var(--marketplace-row-hover-bg-dark, #24243a);
}
.marketplace-channel-card--list .marketplace-channel-card__description {
  -webkit-line-clamp: 1;
}
.marketplace-channel-card__coin {
  flex: 0 0 auto;
}
.marketplace-channel-card__top-row {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--spacing-sm, 12px);
}
.marketplace-channel-card__top-badges {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-xxs, 4px);
  justify-content: flex-end;
}
.marketplace-channel-card__header {
  display: flex;
  align-items: flex-start;
  gap: var(--spacing-sm, 10px);
}
.marketplace-channel-card__title-block {
  flex: 1 1 auto;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.marketplace-channel-card__title-row {
  display: flex;
  align-items: center;
  gap: var(--spacing-xxs, 6px);
  min-width: 0;
}
.marketplace-channel-card__name {
  margin: 0;
  font-family: var(--font-family);
  font-size: var(--text-md, 15px);
  font-weight: 700;
  letter-spacing: -0.01em;
  color: var(--primary-text-color, #062c58);
  line-height: 1.25;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
}
.marketplace-channel-card--roomy .marketplace-channel-card__name {
  font-size: var(--text-lg, 17px);
  white-space: normal;
}
.marketplace-channel-card__owner-label {
  font-family: var(--font-family);
  font-size: var(--text-xs, 11px);
  color: var(--marketplace-owner-fg, #4a6d98);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.marketplace-channel-card__description {
  margin: 0;
  font-family: var(--font-family);
  font-size: var(--text-sm, 13px);
  color: var(--secondary-text-color, #4a6d98);
  line-height: 1.45;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.marketplace-channel-card__tags {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-xxs, 6px);
}
.marketplace-channel-card__tag {
  font-size: var(--text-xs, 11px);
}
.marketplace-channel-card__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--spacing-sm, 12px);
  margin-top: auto;
  padding-top: var(--spacing-sm, 12px);
  border-top: 1px solid var(--marketplace-control-border, #eef2f7);
}
.marketplace-channel-card--list .marketplace-channel-card__footer {
  border-top: none;
  padding-top: 0;
  margin-top: 0;
}
.marketplace-channel-card__footer-left {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
  flex: 1 1 auto;
}
.marketplace-channel-card__rating {
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-xxs, 6px);
  font-family: var(--font-family);
  font-size: var(--text-xs, 11px);
  color: var(--secondary-text-color, #6b7f99);
}
.marketplace-channel-card__rating-count {
  color: var(--tertiary-text-color, var(--secondary-text-color, #6b7f99));
}
.marketplace-channel-card__no-ratings {
  font-family: var(--font-family);
  font-size: var(--text-xs, 11px);
  color: var(--marketplace-muted-fg, #9ca3af);
}
.marketplace-channel-card__subs-items {
  font-family: var(--font-family);
  font-size: var(--text-xs, 11px);
  color: var(--secondary-text-color, #6b7f99);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.marketplace-channel-card__meta {
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-xxs, 6px);
  font-family: var(--font-family);
  font-size: var(--text-xs, 11px);
  color: var(--secondary-text-color, #6b7f99);
}
.marketplace-channel-card__separator {
  color: var(--tertiary-text-color, var(--secondary-text-color, #6b7f99));
}
.marketplace-channel-card__subscriber-count,
.marketplace-channel-card__item-count {
  font-family: var(--font-family);
  font-size: var(--text-xs, 11px);
  color: var(--secondary-text-color, #6b7f99);
}
.marketplace-channel-card__actions {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
}
.marketplace-channel-card__title-col {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}
.marketplace-channel-card__scope-col {
  display: flex;
  align-items: center;
}
.marketplace-channel-card__stats-col {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.marketplace-featured-hero {
  --featured-hero-gradient-top: var(--scope-color-center-hero-top, #4aa8e0);
  --featured-hero-gradient-bottom: var(--scope-color-center-hero-bottom, #1a75a8);
  --featured-hero-foreground: var(--scope-color-hero-foreground, #ffffff);
  --featured-hero-shadow: var(--scope-color-hero-shadow, rgba(6, 44, 88, 0.35));
  --featured-hero-depth-highlight: var(--scope-color-hero-depth-highlight, rgba(255, 255, 255, 0.18));
  --featured-hero-depth-shadow: var(--scope-color-hero-depth-shadow, rgba(0, 0, 0, 0.22));
  --featured-hero-nav-bg: var(--scope-color-hero-nav-bg, rgba(255, 255, 255, 0.08));
  --featured-hero-nav-bg-hover: var(--scope-color-hero-nav-bg-hover, rgba(255, 255, 255, 0.18));
  --featured-hero-nav-border: var(--scope-color-hero-nav-border, rgba(255, 255, 255, 0.3));
  --featured-hero-dot-idle: var(--scope-color-hero-dot-idle, rgba(255, 255, 255, 0.4));
  --featured-hero-dot-active: var(--scope-color-hero-dot-active, rgba(255, 255, 255, 0.95));
  --featured-hero-ornament-ring-outer: var(--scope-color-hero-ornament-ring-outer, rgba(255, 255, 255, 0.16));
  --featured-hero-ornament-ring-inner: var(--scope-color-hero-ornament-ring-inner, rgba(255, 255, 255, 0.26));
  position: relative;
  display: block;
  border-radius: var(--border-radius-lg, 18px);
  overflow: hidden;
  padding: var(--spacing-xl, 32px);
  min-height: 240px;
  color: var(--featured-hero-foreground);
  background: radial-gradient(ellipse at 85% 30%, var(--featured-hero-depth-highlight) 0%, transparent 55%), radial-gradient(ellipse at 15% 85%, var(--featured-hero-depth-shadow) 0%, transparent 50%), linear-gradient(135deg, var(--featured-hero-gradient-top) 0%, var(--featured-hero-gradient-bottom) 100%);
  box-shadow: 0 20px 40px -12px var(--featured-hero-shadow);
  font-family: var(--font-family);
}

.marketplace-featured-hero--center {
  --featured-hero-gradient-top: var(--scope-color-center-hero-top, #4aa8e0);
  --featured-hero-gradient-bottom: var(--scope-color-center-hero-bottom, #1a75a8);
}

.marketplace-featured-hero--organization {
  --featured-hero-gradient-top: var(--scope-color-organization-hero-top, #3db68c);
  --featured-hero-gradient-bottom: var(--scope-color-organization-hero-bottom, #047857);
}

.marketplace-featured-hero--metasphere {
  --featured-hero-gradient-top: var(--scope-color-metasphere-hero-top, #8b5cf6);
  --featured-hero-gradient-bottom: var(--scope-color-metasphere-hero-bottom, #5b21b6);
}

.marketplace-featured-hero__stage {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(220px, 320px);
  gap: var(--spacing-lg, 24px);
  align-items: center;
}

.marketplace-featured-hero__body {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm, 8px);
}

.marketplace-featured-hero__badges {
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-xs, 8px);
  flex-wrap: wrap;
}

.marketplace-featured-hero__title {
  margin: 0;
  padding: 0;
  border: none;
  background: transparent;
  font-family: inherit;
  font-size: 30px;
  font-weight: 800;
  line-height: 1.2;
  color: inherit;
  text-align: left;
  cursor: pointer;
}

.marketplace-featured-hero__title:hover {
  text-decoration: underline;
  text-underline-offset: 4px;
}

.marketplace-featured-hero__title:focus-visible {
  outline: 2px solid var(--featured-hero-foreground);
  outline-offset: 4px;
  border-radius: var(--border-radius-sm, 4px);
}

.marketplace-featured-hero__description {
  margin: 0;
  font-size: 14px;
  line-height: 1.5;
  color: inherit;
  opacity: 0.82;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.marketplace-featured-hero__actions {
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-md, 16px);
  flex-wrap: wrap;
  margin-top: var(--spacing-sm, 8px);
}

.marketplace-featured-hero__rating {
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-xxs, 4px);
}

.marketplace-star-display--light .marketplace-star-display__star {
  color: var(--scope-color-hero-star-idle, rgba(255, 255, 255, 0.55));
  opacity: 1;
}

.marketplace-star-display--light .marketplace-star-display__star--filled,
.marketplace-star-display--light .marketplace-star-display__star-overlay {
  color: var(--scope-color-hero-star-filled, #fbbf24);
  opacity: 1;
}

.marketplace-star-display--light .marketplace-star-display__star--partial {
  color: var(--scope-color-hero-star-idle, rgba(255, 255, 255, 0.55));
  opacity: 1;
}

.marketplace-featured-hero__rating-count {
  font-size: var(--text-xs, 12px);
  opacity: 0.85;
}

.marketplace-featured-hero__subs-items {
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-xxs, 6px);
  font-size: var(--text-sm, 13px);
  opacity: 0.85;
}

.marketplace-featured-hero__subs-icon {
  font-size: 14px;
  line-height: 1;
}

/* --- Ornament ------------------------------------------------------------ */

.marketplace-featured-hero__ornament {
  position: relative;
  align-self: stretch;
  min-height: 200px;
}

.marketplace-featured-hero__ornament-ring {
  position: absolute;
  top: 50%;
  right: 18%;
  border-radius: 50%;
  transform: translate(0, -50%);
  pointer-events: none;
}

.marketplace-featured-hero__ornament-ring--outer {
  width: 220px;
  height: 220px;
  border: 1px solid var(--featured-hero-ornament-ring-outer);
}

.marketplace-featured-hero__ornament-ring--inner {
  width: 150px;
  height: 150px;
  border: 1px solid var(--featured-hero-ornament-ring-inner);
}

.marketplace-featured-hero__ornament-coin {
  position: absolute;
  top: 50%;
  right: calc(18% + 55px);
  transform: translate(50%, -50%);
}

.marketplace-featured-hero__ornament-tile {
  position: absolute;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: var(--border-radius-md, 10px);
  background: var(--scope-color-hero-tile-bg, rgba(255, 255, 255, 0.14));
  border: 1px solid var(--scope-color-hero-tile-border, rgba(255, 255, 255, 0.22));
  color: inherit;
}

.marketplace-featured-hero__ornament-tile i {
  font-size: 16px;
}

.marketplace-featured-hero__ornament-tile--metasphere {
  top: 16%;
  right: 12%;
  background: var(--scope-color-metasphere-tile-bg, rgba(139, 92, 246, 0.3));
}

.marketplace-featured-hero__ornament-tile--organization {
  bottom: 22%;
  right: 28%;
  background: var(--scope-color-organization-tile-bg, rgba(61, 182, 140, 0.3));
}

.marketplace-featured-hero__ornament-tile--center {
  top: 48%;
  right: 4%;
  background: var(--scope-color-center-tile-bg, rgba(255, 188, 120, 0.32));
}

/* --- Controls (dots + prev/next) ----------------------------------------- */

.marketplace-featured-hero__controls {
  position: absolute;
  bottom: var(--spacing-sm, 12px);
  left: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-sm, 12px);
  padding: 0 var(--spacing-xl, 32px);
  pointer-events: none;
  z-index: 3;
}

.marketplace-featured-hero__controls > * {
  pointer-events: auto;
}

.marketplace-featured-hero__dots {
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-xxs, 6px);
}

.marketplace-featured-hero__dot {
  width: 8px;
  height: 8px;
  padding: 0;
  border: none;
  border-radius: 9999px;
  background: var(--featured-hero-dot-idle);
  cursor: pointer;
  transition: background 0.15s ease, width 0.15s ease;
}

.marketplace-featured-hero__dot:hover {
  background: var(--featured-hero-dot-active);
}

.marketplace-featured-hero__dot:focus-visible {
  outline: 2px solid var(--featured-hero-foreground);
  outline-offset: 2px;
}

.marketplace-featured-hero__dot--active {
  width: 22px;
  background: var(--featured-hero-dot-active);
}

.marketplace-featured-hero__nav {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  border: 1px solid var(--featured-hero-nav-border, rgba(255, 255, 255, 0.3));
  background: var(--featured-hero-nav-bg);
  color: var(--featured-hero-foreground);
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  backdrop-filter: blur(6px);
  transition: background 0.15s ease;
}

.marketplace-featured-hero__nav:hover {
  background: var(--featured-hero-nav-bg-hover);
}

.marketplace-featured-hero__nav:focus-visible {
  outline: 2px solid var(--featured-hero-foreground);
  outline-offset: 2px;
}

.marketplace-featured-hero__nav i {
  font-size: 14px;
}

/* --- Responsive ---------------------------------------------------------- */

@media (max-width: 859px) {
  .marketplace-featured-hero__stage {
    grid-template-columns: minmax(0, 1fr);
  }
  .marketplace-featured-hero__ornament {
    display: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .marketplace-featured-hero__dot,
  .marketplace-featured-hero__nav {
    transition: none;
  }
}
.marketplace-syndication-source-info-molecule {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs);
  padding: var(--spacing-sm) var(--spacing-md);
  background: var(--component-background);
  border: 1px solid var(--primary-border);
  border-radius: var(--border-radius-sm);
  color: var(--primary-text-color);
}
[data-theme=dark] .marketplace-syndication-source-info-molecule {
  background: var(--component-background-dark);
  border-color: var(--primary-border-dark);
}
.marketplace-syndication-source-info-molecule__title {
  display: flex;
  align-items: center;
  gap: var(--spacing-xs);
  margin: 0;
  font-size: 13px;
  font-weight: 600;
  color: var(--secondary-text-color);
  text-transform: uppercase;
  letter-spacing: 0.03em;
}
.marketplace-syndication-source-info-molecule__title i {
  font-size: 14px;
}
.marketplace-syndication-source-info-molecule__source {
  margin: 0;
  font-size: 14px;
  font-weight: 600;
  color: var(--primary-text-color);
  word-break: break-word;
}
.marketplace-syndication-source-info-molecule__source--unavailable {
  font-weight: 400;
  font-style: italic;
  color: var(--secondary-text-color);
}
.marketplace-syndication-source-info-molecule__row {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: var(--spacing-xs);
  font-size: 13px;
}
.marketplace-syndication-source-info-molecule__label {
  font-weight: 600;
  color: var(--secondary-text-color);
}
.marketplace-syndication-source-info-molecule__value {
  color: var(--primary-text-color);
}
.marketplace-scope-filter {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--spacing-xxs);
}
.marketplace-marketplace-filter-bar {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm, 12px);
  font-family: var(--font-family);
  color: var(--primary-text-color, #062c58);
}

.marketplace-marketplace-filter-bar__row {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--spacing-sm, 12px);
}

.marketplace-marketplace-filter-bar__row--primary {
  display: grid;
  grid-template-columns: 1fr auto auto;
  gap: var(--spacing-md, 16px);
  align-items: center;
}

.marketplace-marketplace-filter-bar__row--scopes {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--spacing-sm, 12px);
}

.marketplace-marketplace-filter-bar__row--use-cases {
  flex-wrap: nowrap;
  min-width: 0;
}

.marketplace-marketplace-filter-bar__visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.marketplace-marketplace-filter-bar__search {
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-xs, 8px);
  min-width: 0;
  padding: 10px 14px;
  border-radius: var(--marketplace-control-radius, 12px);
  background: var(--component-background, #ffffff);
  border: 1px solid var(--marketplace-control-border, #e5e7eb);
}

.marketplace-marketplace-filter-bar__search:focus-within {
  outline: 2px solid var(--cta-secondary-color, var(--primary-text-color, #062c58));
  outline-offset: 1px;
  border-color: var(--cta-secondary-color, var(--primary-text-color, #062c58));
}

.marketplace-marketplace-filter-bar__search-icon {
  font-size: 17px;
  color: var(--secondary-text-color, #6b7f99);
}

.marketplace-marketplace-filter-bar__search-input {
  flex: 1 1 auto;
  min-width: 0;
  border: none;
  background: transparent;
  outline: none;
  font: inherit;
  color: var(--primary-text-color, #062c58);
}

.marketplace-marketplace-filter-bar__search-input::-moz-placeholder {
  color: var(--secondary-text-color, #6b7f99);
  opacity: 0.8;
}

.marketplace-marketplace-filter-bar__search-input::placeholder {
  color: var(--secondary-text-color, #6b7f99);
  opacity: 0.8;
}

.marketplace-marketplace-filter-bar__search-kbd {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 2px 6px;
  border-radius: var(--border-radius-sm, 4px);
  border: 1px solid var(--marketplace-control-border, #e5e7eb);
  background: var(--subtle-surface, #f3f6fa);
  color: var(--secondary-text-color, #6b7f99);
  font-family: var(--font-family-mono, ui-monospace, monospace);
  font-size: 11px;
  font-weight: 600;
  line-height: 1;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.marketplace-marketplace-filter-bar__sort {
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-xxs, 4px);
}

.marketplace-marketplace-filter-bar__sort-select {
  font: inherit;
  padding: 9px 14px;
  border-radius: var(--marketplace-control-radius, 12px);
  border: 1px solid var(--marketplace-control-border, #e5e7eb);
  background: var(--component-background, #ffffff);
  color: var(--primary-text-color, #062c58);
  cursor: pointer;
  transition: border-color 0.15s ease;
}

.marketplace-marketplace-filter-bar__sort-select:hover {
  border-color: var(--marketplace-control-hover-border, #93c5fd);
}

.marketplace-marketplace-filter-bar__sort-select:focus-visible {
  outline: 2px solid var(--cta-secondary-color, var(--primary-text-color, #062c58));
  outline-offset: 1px;
}

.marketplace-marketplace-filter-bar__sub-state {
  display: inline-flex;
  align-items: center;
  border-radius: var(--border-radius-pill, 9999px);
  border: 1px solid var(--marketplace-control-border, #e5e7eb);
  padding: 3px;
  background: var(--component-background, #ffffff);
  gap: 2px;
}

.marketplace-marketplace-filter-bar__sub-state-button {
  font: inherit;
  padding: 6px 12px;
  border: 0;
  border-radius: var(--border-radius-pill, 9999px);
  background: transparent;
  color: var(--secondary-text-color, #6b7f99);
  cursor: pointer;
  margin: 0;
  transition: background 0.15s ease, color 0.15s ease;
}

.marketplace-marketplace-filter-bar__sub-state-button:focus-visible {
  outline: 2px solid var(--cta-secondary-color, var(--primary-text-color, #062c58));
  outline-offset: 1px;
}

.marketplace-marketplace-filter-bar__sub-state-button--active {
  background: var(--scope-active-fill, var(--primary-text-color, #062c58));
  color: var(--cta-secondary-contrast, var(--component-background, #ffffff));
}
.marketplace-marketplace-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--spacing-md, 16px);
  flex-wrap: wrap;
  font-family: var(--font-family);
}
.marketplace-marketplace-header__text {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xxs, 4px);
  min-width: 0;
}
.marketplace-marketplace-header__title {
  font-size: 28px;
  font-weight: 800;
  color: var(--marketplace-title-color, #062c58);
  margin: 0;
  line-height: 1.2;
  letter-spacing: -0.025em;
}
.marketplace-marketplace-header__subtitle {
  font-size: 13.5px;
  font-weight: 500;
  color: var(--marketplace-breadcrumb-color, #6b7f99);
  margin: 0;
  max-width: 720px;
  line-height: 1.5;
}
.marketplace-marketplace-header__actions {
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-xs, 8px);
  flex-shrink: 0;
}
.marketplace-marketplace-header__my-channels {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 14px;
  border-radius: 9999px;
  border: 1px solid var(--marketplace-control-border, #e5e7eb);
  background: var(--component-background, #ffffff);
  color: var(--marketplace-subtle-text-color, #4a6d98);
  font-family: inherit;
  font-size: 12.5px;
  font-weight: 600;
  line-height: 1.2;
  white-space: nowrap;
  cursor: pointer;
  transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease, transform 0.15s ease, box-shadow 0.15s ease;
}
.marketplace-marketplace-header__my-channels:hover {
  transform: translateY(-1px);
  box-shadow: var(--marketplace-header-hover-shadow, 0 1px 2px rgba(6, 44, 88, 0.08));
}
.marketplace-marketplace-header__my-channels:focus-visible {
  outline: 2px solid var(--cta-secondary-color, #377fc4);
  outline-offset: 2px;
}
.marketplace-marketplace-header__my-channels-count {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 20px;
  height: 20px;
  padding: 0 6px;
  border-radius: 9999px;
  background: var(--marketplace-badge-bg, #eef2f7);
  color: var(--marketplace-breadcrumb-color, #6b7f99);
  font-size: 11px;
  font-weight: 700;
  line-height: 1;
}
.marketplace-marketplace-header__my-channels--active {
  background: var(--marketplace-active-bg, #062c58);
  border-color: var(--marketplace-active-bg, #062c58);
  color: var(--marketplace-active-fg, #ffffff);
}
.marketplace-marketplace-header__my-channels--active .marketplace-marketplace-header__my-channels-count {
  background: rgba(255, 255, 255, 0.18);
  color: var(--marketplace-active-fg, #ffffff);
}
.marketplace-marketplace-header__publishers {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 14px;
  border-radius: 9999px;
  border: 1px solid var(--marketplace-control-border, #e5e7eb);
  background: var(--component-background, #ffffff);
  color: var(--marketplace-subtle-text-color, #4a6d98);
  font-family: inherit;
  font-size: 12.5px;
  font-weight: 600;
  line-height: 1.2;
  white-space: nowrap;
  cursor: pointer;
  transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease, transform 0.15s ease, box-shadow 0.15s ease;
}
.marketplace-marketplace-header__publishers .pi {
  font-size: 11px;
}
.marketplace-marketplace-header__publishers:hover {
  transform: translateY(-1px);
  box-shadow: var(--marketplace-header-hover-shadow, 0 1px 2px rgba(6, 44, 88, 0.08));
}
.marketplace-marketplace-header__publishers:focus-visible {
  outline: 2px solid var(--cta-secondary-color, #377fc4);
  outline-offset: 2px;
}
.marketplace-marketplace-header__new-channel {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 14px;
  border-radius: 9999px;
  border: 1px solid var(--marketplace-primary-button-bg, #377fc4);
  background: var(--marketplace-primary-button-bg, #377fc4);
  color: var(--marketplace-primary-button-fg, #ffffff);
  font-family: inherit;
  font-size: 12.5px;
  font-weight: 600;
  line-height: 1.2;
  white-space: nowrap;
  cursor: pointer;
  transition: background 0.15s ease, transform 0.15s ease, box-shadow 0.15s ease;
}
.marketplace-marketplace-header__new-channel:hover {
  transform: translateY(-1px);
  box-shadow: var(--marketplace-header-hover-shadow, 0 1px 2px rgba(6, 44, 88, 0.16));
}
.marketplace-marketplace-header__new-channel:focus-visible {
  outline: 2px solid var(--marketplace-primary-button-bg, #377fc4);
  outline-offset: 2px;
}
.marketplace-marketplace-header__new-channel .pi {
  font-size: 11px;
}
@media (max-width: 768px) {
  .marketplace-marketplace-header {
    flex-direction: column;
    align-items: stretch;
  }
  .marketplace-marketplace-header__actions {
    justify-content: flex-end;
  }
}
.marketplace-marketplace-home {
  background: var(--marketplace-page-bg, #eff3f8);
  padding: var(--spacing-md);
  max-width: 1260px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
}
.marketplace-marketplace-home__notice {
  font-size: 13px;
  color: var(--secondary-text-color);
  margin: 0;
}
.marketplace-marketplace-home__results-header {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: var(--spacing-xs);
}
.marketplace-marketplace-home__results-title {
  font-size: 18px;
  font-weight: 600;
  color: var(--primary-text-color);
  margin: 0;
  font-family: var(--font-family);
}
.marketplace-marketplace-home__results-count {
  font-size: 13px;
  color: var(--secondary-text-color);
}
.marketplace-marketplace-home__results {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}
.marketplace-marketplace-home__results--grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--spacing-md);
}
@media (max-width: 1099px) {
  .marketplace-marketplace-home__results--grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 759px) {
  .marketplace-marketplace-home__results--grid {
    grid-template-columns: 1fr;
  }
}
.marketplace-marketplace-home__error {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: var(--spacing-xl) 0;
  gap: var(--spacing-sm);
}
.marketplace-marketplace-home__error-message {
  font-size: 14px;
  color: var(--secondary-text-color);
  margin: 0;
}
.marketplace-marketplace-home__retry-btn {
  background: var(--component-background);
  color: var(--primary-text-color);
  border: 1px solid var(--marketplace-control-border, var(--primary-border));
  border-radius: var(--border-radius-md);
  padding: var(--spacing-xs) var(--spacing-md);
  font-size: 14px;
  font-family: var(--font-family);
  cursor: pointer;
}
.marketplace-marketplace-home__retry-btn:hover {
  background: var(--marketplace-control-border, var(--primary-border));
}
[data-theme=dark] .marketplace-marketplace-home__retry-btn {
  background: var(--component-background-dark, #1E1E2F);
  border-color: var(--primary-border-dark, rgba(255, 255, 255, 0.15));
}
[data-theme=dark] .marketplace-marketplace-home__retry-btn:hover {
  background: var(--primary-border-dark, rgba(255, 255, 255, 0.08));
}
.marketplace-marketplace-home__empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: var(--spacing-xl) 0;
  text-align: center;
  gap: var(--spacing-sm);
}
.marketplace-marketplace-home__empty-title {
  font-size: 14px;
  color: var(--secondary-text-color);
  margin: 0;
}
.marketplace-marketplace-home__empty-action {
  background: var(--component-background);
  color: var(--primary-text-color);
  border: 1px solid var(--marketplace-control-border, var(--primary-border));
  border-radius: var(--border-radius-md);
  padding: var(--spacing-xs) var(--spacing-md);
  font-size: 13px;
  font-weight: 600;
  font-family: var(--font-family);
  cursor: pointer;
}
.marketplace-marketplace-home__empty-action:hover {
  background: var(--marketplace-control-border, var(--primary-border));
}
.marketplace-marketplace-home__empty-action:focus-visible {
  outline: 2px solid var(--primary-text-color);
  outline-offset: 2px;
}
[data-theme=dark] .marketplace-marketplace-home__empty-action {
  background: var(--component-background-dark, #1E1E2F);
  border-color: var(--primary-border-dark, rgba(255, 255, 255, 0.15));
}
[data-theme=dark] .marketplace-marketplace-home__empty-action:hover {
  background: var(--primary-border-dark, rgba(255, 255, 255, 0.08));
}
.marketplace-marketplace-home__skeleton {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--spacing-md);
}
@media (max-width: 1099px) {
  .marketplace-marketplace-home__skeleton {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 759px) {
  .marketplace-marketplace-home__skeleton {
    grid-template-columns: 1fr;
  }
}
.marketplace-marketplace-home__skeleton-card {
  height: 140px;
  background: var(--component-background);
  border: 1px solid var(--marketplace-control-border, var(--primary-border));
  border-radius: var(--border-radius-md);
  animation: marketplace-skeleton-pulse 1.5s ease-in-out infinite;
}
[data-theme=dark] .marketplace-marketplace-home__skeleton-card {
  background: var(--component-background-dark, #1E1E2F);
  border-color: var(--primary-border-dark, rgba(255, 255, 255, 0.1));
}
@keyframes marketplace-skeleton-pulse {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}
@charset "UTF-8";
.marketplace-marketplace {
  flex: 1;
  display: flex;
  flex-direction: column;
  min-height: 0;
  overflow-y: auto;
  padding: var(--spacing-lg);
  max-width: 1200px;
  margin: 0 auto;
  width: 100%;
}
.marketplace-marketplace__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: var(--spacing-md);
}
.marketplace-marketplace__title {
  font-size: var(--text-lg);
  font-weight: 700;
  color: var(--primary-text-color);
  margin: 0;
}
.marketplace-marketplace__create-btn {
  background: var(--cta-primary-background);
  color: var(--cta-primary-color);
  border: var(--cta-primary-border);
  box-shadow: var(--cta-primary-shadow);
  border-radius: var(--border-radius-pill);
  font-family: var(--font-family);
  font-weight: 700;
  font-size: var(--text-sm);
  padding: var(--spacing-xxs) var(--spacing-md);
  cursor: pointer;
  transition: all 0.15s ease;
  white-space: nowrap;
}
.marketplace-marketplace__create-btn:hover {
  background: var(--cta-primary-hover-background);
  transform: translateY(-1px);
}
.marketplace-marketplace__filters {
  display: flex;
  align-items: center;
  gap: var(--spacing-md);
  margin-bottom: var(--spacing-md);
}
.marketplace-marketplace__sub-filter {
  padding: var(--spacing-xxs) var(--spacing-sm);
  font-family: var(--font-family);
  font-size: var(--text-sm);
  font-weight: 600;
  color: var(--primary-text-color);
  background: var(--component-background);
  border: 1px solid var(--primary-border);
  border-radius: var(--border-radius-pill);
  cursor: pointer;
  -webkit-appearance: auto;
     -moz-appearance: auto;
          appearance: auto;
}
.marketplace-marketplace__sub-filter:focus-visible {
  outline: 2px solid var(--cta-secondary-color);
  outline-offset: 2px;
}
.marketplace-marketplace__channel-list {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}
.marketplace-marketplace__load-more {
  display: flex;
  justify-content: center;
  padding: var(--spacing-md) 0;
}
.marketplace-marketplace__load-more-btn {
  background: transparent;
  color: var(--cta-secondary-color);
  border: 1px solid var(--cta-secondary-color);
  border-radius: var(--border-radius-pill);
  font-family: var(--font-family);
  font-weight: 600;
  font-size: var(--text-sm);
  padding: var(--spacing-xs) var(--spacing-lg);
  cursor: pointer;
  transition: all 0.15s ease;
}
.marketplace-marketplace__load-more-btn:hover:not(:disabled) {
  background: var(--hover-background);
}
.marketplace-marketplace__load-more-btn:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
.marketplace-marketplace__loading {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex: 1;
  gap: var(--spacing-sm);
  color: var(--secondary-text-color);
  font-size: var(--text-normal);
}
.marketplace-marketplace__loading p {
  margin: 0;
}
.marketplace-marketplace__spinner {
  display: inline-block;
  width: var(--spacing-xl);
  height: var(--spacing-xl);
  border: 3px solid var(--primary-border);
  border-top-color: var(--cta-secondary-color);
  border-radius: 50%;
  animation: marketplace-spin 0.6s linear infinite;
}
.marketplace-marketplace__error {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex: 1;
  gap: var(--spacing-sm);
}
.marketplace-marketplace__error-message {
  margin: 0;
  color: var(--error-text);
  font-size: var(--text-normal);
  background: var(--error-background);
  border: 1px solid var(--error-border);
  border-radius: var(--border-radius-md);
  padding: var(--spacing-sm) var(--spacing-md);
}
.marketplace-marketplace__retry-btn {
  background: transparent;
  color: var(--cta-secondary-color);
  border: 1px solid var(--cta-secondary-color);
  border-radius: var(--border-radius-pill);
  font-family: var(--font-family);
  font-weight: 600;
  font-size: var(--text-sm);
  padding: var(--spacing-xxs) var(--spacing-md);
  cursor: pointer;
  transition: all 0.15s ease;
}
.marketplace-marketplace__retry-btn:hover {
  background: var(--hover-background);
}
.marketplace-marketplace__empty {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
  color: var(--secondary-text-color);
  font-size: var(--text-normal);
}
.marketplace-marketplace__empty p {
  margin: 0;
}
[data-theme=dark] .marketplace-marketplace {
  background: var(--surface-deep-dark);
}
[data-theme=dark] .marketplace-marketplace__sub-filter {
  background: var(--surface-raised);
  border-color: var(--border-subtle-dark);
  color: var(--primary-text-color);
}
[data-theme=dark] .marketplace-marketplace__create-btn {
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.3), inset 5px 4px 4px var(--border-subtle-dark);
}
[data-theme=dark] .marketplace-marketplace__spinner {
  border-color: var(--border-soft-dark);
  border-top-color: var(--cta-secondary-color);
}
[data-theme=dark] .marketplace-marketplace__error-message {
  background: rgba(220, 38, 38, 0.15);
  border-color: rgba(220, 38, 38, 0.3);
}
[data-theme=dark] .marketplace-marketplace__load-more-btn {
  border-color: var(--border-soft-dark);
}
[data-theme=dark] .marketplace-marketplace__load-more-btn:hover:not(:disabled) {
  background: var(--hover-overlay-dark);
}
[data-theme=dark] .marketplace-marketplace__retry-btn {
  border-color: var(--border-soft-dark);
}
[data-theme=dark] .marketplace-marketplace__retry-btn:hover {
  background: var(--hover-overlay-dark);
}
[data-theme=dark] .marketplace-marketplace__empty {
  color: var(--secondary-text-color);
}
/* Scope filter chips */
.marketplace-scope-filter {
  display: flex;
  gap: var(--spacing-xs);
  flex-wrap: wrap;
}
/* Subscribe button — 4 variants: outline, filled, muted, danger */
.marketplace-subscribe-btn {
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-xxs);
  padding: 6px 16px;
  font-family: var(--font-family);
  font-size: var(--text-sm);
  font-weight: 600;
  border-radius: var(--border-radius-pill);
  cursor: pointer;
  transition: background 0.15s ease, opacity 0.15s ease;
  white-space: nowrap;
  line-height: 1.4;
}
.marketplace-subscribe-btn:focus-visible {
  outline: 2px solid var(--focus-ring-color, var(--cta-secondary-color));
  outline-offset: 2px;
}
.marketplace-subscribe-btn:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.marketplace-subscribe-btn--outline {
  color: var(--cta-secondary-color);
  background: transparent;
  border: 1px solid var(--cta-secondary-color);
}
.marketplace-subscribe-btn--outline:hover:not(:disabled) {
  background: var(--hover-background);
}
.marketplace-subscribe-btn--filled {
  color: #fff;
  background: var(--cta-secondary-color);
  border: 1px solid var(--cta-secondary-color);
}
.marketplace-subscribe-btn--filled:hover:not(:disabled) {
  opacity: 0.9;
}
.marketplace-subscribe-btn--muted {
  color: var(--secondary-text-color);
  background: var(--hover-background);
  border: 1px solid var(--primary-border);
}
.marketplace-subscribe-btn--danger {
  color: var(--error-text);
  background: var(--error-background);
  border: 1px solid var(--error-border);
}
.marketplace-subscribe-btn--danger:hover:not(:disabled) {
  opacity: 0.9;
}
.marketplace-subscribe-btn--loading {
  min-width: 80px;
  justify-content: center;
}
.marketplace-subscribe-btn__icon {
  font-size: var(--text-sm);
  line-height: 1;
}
.marketplace-subscribe-btn__spinner {
  display: inline-block;
  width: 14px;
  height: 14px;
  border: 2px solid currentColor;
  border-top-color: transparent;
  border-radius: 50%;
  animation: marketplace-spin 0.6s linear infinite;
}
@keyframes marketplace-spin {
  to {
    transform: rotate(360deg);
  }
}
[data-theme=dark] .marketplace-subscribe-btn--outline {
  border-color: var(--cta-secondary-color);
  color: var(--cta-secondary-color);
}
[data-theme=dark] .marketplace-subscribe-btn--outline:hover:not(:disabled) {
  background: var(--hover-overlay-dark);
}
[data-theme=dark] .marketplace-subscribe-btn--filled {
  color: #fff;
}
[data-theme=dark] .marketplace-subscribe-btn--muted {
  background: var(--hover-overlay-dark);
  border-color: var(--border-soft-dark);
  color: rgba(255, 255, 255, 0.6);
}
[data-theme=dark] .marketplace-subscribe-btn--danger {
  background: rgba(220, 38, 38, 0.15);
  border-color: rgba(220, 38, 38, 0.3);
  color: #f87171;
}
/* Channel card */
.marketplace-channel-card {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs);
  padding: var(--spacing-md);
  background: var(--component-background);
  border: 1px solid var(--primary-border);
  border-radius: var(--border-radius-md);
  cursor: pointer;
  transition: box-shadow 0.15s ease, transform 0.15s ease;
}
.marketplace-channel-card:hover {
  box-shadow: var(--shadow-md);
  transform: translateY(-1px);
}
.marketplace-channel-card:focus-visible {
  outline: 2px solid var(--cta-secondary-color);
  outline-offset: 2px;
}
.marketplace-channel-card__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--spacing-sm);
}
.marketplace-channel-card__title-row {
  display: flex;
  align-items: center;
  gap: var(--spacing-xxs);
  min-width: 0;
}
.marketplace-channel-card__name {
  margin: 0;
  font-size: var(--text-normal);
  font-weight: 700;
  color: var(--primary-text-color);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.marketplace-channel-card__description {
  margin: 0;
  font-size: var(--text-sm);
  color: var(--secondary-text-color);
  line-height: 1.4;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.marketplace-channel-card__meta {
  display: flex;
  align-items: center;
  gap: var(--spacing-xxs);
  font-size: var(--text-xs);
  color: var(--secondary-text-color);
}
.marketplace-channel-card__separator {
  opacity: 0.5;
}
.marketplace-channel-card__scope,
.marketplace-channel-card__item-count,
.marketplace-channel-card__subscriber-count {
  white-space: nowrap;
}
.marketplace-channel-card__status {
  font-weight: 600;
  padding: 1px var(--spacing-xxs);
  border-radius: var(--border-radius-sm);
}
.marketplace-channel-card__status--warning {
  color: var(--warning-text);
  background: var(--warning-background);
}
.marketplace-channel-card__status--danger {
  color: var(--error-text);
  background: var(--error-background);
}
.marketplace-channel-card__rating {
  display: flex;
  align-items: center;
  gap: var(--spacing-xxs);
}
.marketplace-channel-card__rating-count {
  font-size: var(--text-xs);
  color: var(--secondary-text-color);
}
[data-theme=dark] .marketplace-channel-card {
  background: var(--surface-raised);
  border-color: var(--border-subtle-dark);
}
[data-theme=dark] .marketplace-channel-card:hover {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);
  border-color: var(--border-strong-dark);
}
[data-theme=dark] .marketplace-channel-card__status--warning {
  color: var(--warning-text);
  background: var(--warning-background);
}
/* Channel item card */
.marketplace-item-card {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs);
  padding: var(--spacing-sm) var(--spacing-md);
  background: var(--component-background);
  border: 1px solid var(--primary-border);
  border-radius: var(--border-radius-sm);
  transition: box-shadow 0.15s ease, transform 0.15s ease;
}
.marketplace-item-card:hover {
  box-shadow: var(--shadow-sm);
}
.marketplace-item-card--clickable {
  cursor: pointer;
}
.marketplace-item-card--clickable:hover {
  box-shadow: var(--shadow-md);
  transform: translateY(-1px);
}
.marketplace-item-card--clickable:focus-visible {
  outline: 2px solid var(--cta-secondary-color);
  outline-offset: 2px;
}
.marketplace-item-card--syndicated {
  border-left: 3px solid var(--primary-color, #3b82f6);
  background: var(--surface-hover, #f1f5f9);
}
.marketplace-item-card__badge-slot {
  position: absolute;
  top: var(--spacing-xs);
  right: var(--spacing-xs);
  z-index: 1;
}
.marketplace-item-card__header {
  display: flex;
  align-items: flex-start;
  gap: var(--spacing-sm);
}
.marketplace-item-card__icon {
  flex-shrink: 0;
  font-size: var(--text-md);
  line-height: 1.4;
}
.marketplace-item-card__title-area {
  min-width: 0;
  flex: 1;
}
.marketplace-item-card__name {
  margin: 0;
  font-size: var(--text-normal);
  font-weight: 600;
  color: var(--primary-text-color);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.marketplace-item-card__meta {
  display: flex;
  align-items: center;
  gap: var(--spacing-xxs);
  font-size: var(--text-xs);
  color: var(--secondary-text-color);
  margin-top: 0;
}
.marketplace-item-card__separator {
  opacity: 0.5;
}
.marketplace-item-card__description {
  margin: 0;
  font-size: var(--text-sm);
  color: var(--secondary-text-color);
  line-height: 1.4;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.marketplace-item-card__tags {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-xxs);
}
.marketplace-item-card__tag {
  display: inline-block;
  padding: 1px var(--spacing-xs);
  font-size: var(--text-xs);
  font-weight: 600;
  color: var(--cta-secondary-color);
  background: var(--hover-background);
  border-radius: var(--border-radius-pill);
}
[data-theme=dark] .marketplace-item-card {
  background: var(--surface-raised);
  border-color: var(--border-subtle-dark);
}
[data-theme=dark] .marketplace-item-card:hover {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
  border-color: var(--border-strong-dark);
}
[data-theme=dark] .marketplace-item-card--syndicated {
  border-left-color: var(--primary-color-dark, var(--primary-color, #60a5fa));
  background: var(--surface-hover-dark, #2a2a3d);
}
[data-theme=dark] .marketplace-item-card__tag {
  background: var(--surface-overlay-dark);
}
/* Item card molecule — enhanced item card with ratings and metrics */
.marketplace-item-card-molecule {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs);
  padding: var(--spacing-sm) var(--spacing-md);
  background: var(--component-background);
  border: 1px solid var(--primary-border);
  border-radius: var(--border-radius-md);
  transition: box-shadow 0.15s ease, transform 0.15s ease;
}
.marketplace-item-card-molecule--clickable {
  cursor: pointer;
}
.marketplace-item-card-molecule--clickable:hover {
  box-shadow: var(--shadow-md);
  transform: translateY(-1px);
}
.marketplace-item-card-molecule--clickable:focus-visible {
  outline: 2px solid var(--cta-secondary-color);
  outline-offset: 2px;
}
.marketplace-item-card-molecule--syndicated {
  border-left: 3px solid var(--primary-color, #3b82f6);
  background: var(--surface-hover, #f1f5f9);
}
.marketplace-item-card-molecule__badge-slot {
  position: absolute;
  top: var(--spacing-xs);
  right: var(--spacing-xs);
  z-index: 1;
}
.marketplace-item-card-molecule__attribution {
  margin: 0;
  font-size: var(--text-xs);
  color: var(--secondary-text-color);
  font-style: italic;
}
.marketplace-item-card-molecule__header {
  display: flex;
  align-items: flex-start;
  gap: var(--spacing-sm);
}
.marketplace-item-card-molecule__glyph {
  flex-shrink: 0;
}
.marketplace-item-card-molecule__title-area {
  min-width: 0;
  flex: 1;
}
.marketplace-item-card-molecule__name {
  margin: 0;
  font-size: var(--text-normal);
  font-weight: 600;
  color: var(--primary-text-color);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.marketplace-item-card-molecule__meta {
  display: flex;
  align-items: center;
  gap: var(--spacing-xxs);
  font-size: var(--text-xs);
  color: var(--secondary-text-color);
  margin-top: var(--spacing-xxs);
  flex-wrap: wrap;
}
.marketplace-item-card-molecule__type-chip {
  /* ItemTypeChipAtom carries its own background/border tokens */
  flex-shrink: 0;
}
.marketplace-item-card-molecule__version {
  white-space: nowrap;
}
.marketplace-item-card-molecule__once-pill {
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-xxs);
  font-weight: 600;
  color: var(--warning-color, #b45309);
}
.marketplace-item-card-molecule__once-pill-icon {
  font-size: var(--text-xs);
}
.marketplace-item-card-molecule__chevron {
  flex-shrink: 0;
  align-self: center;
  color: var(--secondary-text-color);
  font-size: var(--text-sm);
  transition: color 0.15s ease;
}
.marketplace-item-card-molecule--clickable:hover .marketplace-item-card-molecule__chevron {
  color: var(--cta-secondary-color);
}
.marketplace-item-card-molecule__separator {
  opacity: 0.5;
}
.marketplace-item-card-molecule__description {
  margin: 0;
  font-size: var(--text-sm);
  color: var(--secondary-text-color);
  line-height: 1.4;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.marketplace-item-card-molecule__rating {
  display: flex;
  align-items: center;
  gap: var(--spacing-xxs);
  font-size: var(--text-xs);
  color: var(--secondary-text-color);
}
.marketplace-item-card-molecule__import-count {
  white-space: nowrap;
}
.marketplace-item-card-molecule__tags {
  margin-top: 0;
}
[data-theme=dark] .marketplace-item-card-molecule {
  background: var(--surface-raised);
  border-color: var(--border-subtle-dark);
}
[data-theme=dark] .marketplace-item-card-molecule--clickable:hover {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);
  border-color: var(--border-strong-dark);
}
[data-theme=dark] .marketplace-item-card-molecule--syndicated {
  border-left-color: var(--primary-color-dark, var(--primary-color, #60a5fa));
  background: var(--surface-hover-dark, #2a2a3d);
}
[data-theme=dark] .marketplace-item-card-molecule__once-pill {
  color: var(--warning-color-dark, #fbbf24);
}
[data-theme=dark] .marketplace-item-card-molecule__chevron {
  color: var(--secondary-text-color-dark, rgba(255, 255, 255, 0.4));
}
[data-theme=dark] .marketplace-item-card-molecule--clickable:hover .marketplace-item-card-molecule__chevron {
  color: var(--cta-secondary-color, #60a5fa);
}
/* Use case tag picker molecule */
.marketplace-usecase-picker {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs);
}
.marketplace-usecase-picker__label {
  font-size: var(--text-normal);
  font-weight: 600;
  color: var(--primary-text-color);
}
.marketplace-usecase-picker__loading {
  display: flex;
  align-items: center;
  gap: var(--spacing-xs);
  font-size: var(--text-sm);
  color: var(--secondary-text-color);
}
.marketplace-usecase-picker__error {
  font-size: var(--text-sm);
  color: var(--error-text);
}
.marketplace-usecase-picker__empty {
  font-size: var(--text-sm);
  color: var(--secondary-text-color);
}
.marketplace-usecase-picker__options {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-xs);
}
.marketplace-usecase-picker__pill {
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-xxs);
  padding: var(--spacing-xxs) var(--spacing-sm);
  font-size: var(--text-sm);
  color: var(--secondary-text-color);
  background: var(--hover-background);
  border: 1px solid var(--primary-border);
  border-radius: var(--border-radius-pill);
  cursor: pointer;
  transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.marketplace-usecase-picker__pill:hover {
  background: var(--active-background);
}
.marketplace-usecase-picker__pill:focus-visible {
  outline: 2px solid var(--cta-secondary-color);
  outline-offset: 2px;
}
.marketplace-usecase-picker__pill--selected {
  color: var(--cta-primary-color);
  background: var(--cta-primary-background);
  border-color: var(--cta-primary-background);
}
.marketplace-usecase-picker__pill--selected:hover {
  opacity: 0.9;
}
.marketplace-usecase-picker__icon {
  font-size: var(--text-normal);
  line-height: 1;
}
[data-theme=dark] .marketplace-usecase-picker__pill {
  background: var(--hover-overlay-dark);
  border-color: var(--border-soft-dark);
}
[data-theme=dark] .marketplace-usecase-picker__pill:hover {
  background: var(--border-subtle-dark);
}
[data-theme=dark] .marketplace-usecase-picker__pill--selected {
  border-color: var(--cta-primary-background);
}
/* Dialog overlay and panel */
@keyframes a2uiDialogFadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.marketplace-dialog-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(6, 44, 88, 0.28);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
  padding: var(--spacing-md);
  animation: a2uiDialogFadeIn 160ms ease-out;
}
.marketplace-dialog {
  background: var(--component-background);
  border-radius: 18px;
  box-shadow: 0 24px 48px -8px rgba(6, 44, 88, 0.4), 0 12px 24px -6px rgba(55, 127, 196, 0.2);
  width: 100%;
  max-width: 560px;
  max-height: 90vh;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.marketplace-dialog__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 22px 24px 0;
  flex-shrink: 0;
  gap: var(--spacing-sm);
}
.marketplace-dialog__title {
  margin: 0;
  font-size: 22px;
  font-weight: 800;
  color: #062C58;
  letter-spacing: -0.02em;
}
.marketplace-dialog__subtitle {
  margin: 4px 0 0;
  font-size: 13px;
  color: #6b7f99;
  line-height: 1.5;
}
.marketplace-dialog__close-btn.p-button {
  width: 30px;
  height: 30px;
  border-radius: 9999px;
  background: #f3f4f6;
  color: #6b7f99;
  border: none;
  padding: 0;
}
.marketplace-dialog__close-btn.p-button:hover:not(:disabled), .marketplace-dialog__close-btn.p-button:focus:not(:disabled) {
  background: #e5e7eb;
  color: #6b7f99;
}
.marketplace-dialog__body {
  padding: 18px 24px;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
@media (prefers-reduced-motion: reduce) {
  .marketplace-dialog-overlay,
  .marketplace-dialog {
    animation: none !important;
  }
}
.marketplace-dialog__field {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xxs);
}
.marketplace-dialog__label {
  font-size: 12px;
  font-weight: 700;
  color: #062C58;
  letter-spacing: 0.02em;
  text-transform: none;
}
.marketplace-dialog__required {
  color: #ef4444;
  margin-left: 3px;
}
.marketplace-dialog__input,
.marketplace-dialog__textarea {
  padding: 9px 12px;
  font-family: var(--font-family);
  font-size: 13.5px;
  color: #062C58;
  background: var(--component-background);
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
.marketplace-dialog__input:focus,
.marketplace-dialog__textarea:focus {
  outline: none;
  border-color: #377FC4;
  box-shadow: 0 0 0 3px rgba(55, 127, 196, 0.15);
}
.marketplace-dialog__input:disabled,
.marketplace-dialog__textarea:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
.marketplace-dialog__input::-moz-placeholder, .marketplace-dialog__textarea::-moz-placeholder {
  color: var(--secondary-text-color);
  opacity: 0.6;
}
.marketplace-dialog__input::placeholder,
.marketplace-dialog__textarea::placeholder {
  color: var(--secondary-text-color);
  opacity: 0.6;
}
.marketplace-dialog__textarea {
  resize: vertical;
  min-height: 60px;
}
.marketplace-dialog__field-hint {
  font-size: var(--text-xs);
  color: var(--secondary-text-color);
}
.marketplace-dialog__scope-group {
  border: none;
  padding: 0;
  margin: 0;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xxs);
}
.marketplace-dialog__scope-group-legend {
  padding: 0;
  margin-bottom: 5px;
}
.marketplace-dialog__scope-card {
  position: relative;
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 12px;
  border: 1.5px solid #e5e7eb;
  border-radius: 10px;
  background: var(--component-background);
  cursor: pointer;
  transition: background 140ms ease, border-color 140ms ease, box-shadow 140ms ease;
}
.marketplace-dialog__scope-card:hover {
  background: var(--hover-background);
}
.marketplace-dialog__scope-card:focus-within {
  outline: none;
  box-shadow: 0 0 0 3px rgba(55, 127, 196, 0.15);
}
.marketplace-dialog__scope-card--active.marketplace-dialog__scope-card--center {
  border-color: var(--scope-color-center-accent, #1a75a8);
  background: var(--scope-color-center-tint, #f5f9ff);
}
.marketplace-dialog__scope-card--active.marketplace-dialog__scope-card--organization {
  border-color: var(--scope-color-organization-accent, #047857);
  background: var(--scope-color-organization-tint, #ecfdf5);
}
.marketplace-dialog__scope-card--active.marketplace-dialog__scope-card--metasphere {
  border-color: var(--scope-color-metasphere-accent, #5b21b6);
  background: var(--scope-color-metasphere-tint, #f5f3ff);
}
.marketplace-dialog__scope-card-radio {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
.marketplace-dialog__scope-card-body {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 3px;
}
.marketplace-dialog__scope-card-title-row {
  display: flex;
  align-items: center;
  gap: 8px;
}
.marketplace-dialog__scope-card-title-row > .pi {
  font-size: 14px;
  color: #062C58;
  flex-shrink: 0;
}
.marketplace-dialog__scope-card-name {
  font-size: 13.5px;
  font-weight: 700;
  color: #062C58;
}
.marketplace-dialog__scope-card-desc {
  font-size: 12.5px;
  color: #6b7f99;
  line-height: 1.4;
}
.marketplace-dialog__scope-card-pill {
  margin-left: auto;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  padding: 2px 6px;
  border-radius: 9999px;
  background: #fffbeb;
  color: #b45309;
  border: 1px solid #fde68a;
}
.marketplace-dialog__scope-info {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 10px 12px;
  border: 1px solid transparent;
  border-radius: 8px;
  font-size: 12.5px;
  line-height: 1.45;
}
.marketplace-dialog__scope-info > .pi {
  font-size: 14px;
  flex-shrink: 0;
  margin-top: 1px;
}
.marketplace-dialog__scope-info--organization {
  background: var(--scope-color-organization-tint, #ecfdf5);
  border-color: var(--scope-color-organization-border, #a7f3d0);
  color: var(--scope-color-organization-accent, #047857);
}
.marketplace-dialog__scope-info--metasphere {
  background: var(--scope-color-metasphere-tint, #f5f3ff);
  border-color: var(--scope-color-metasphere-border, #ddd6fe);
  color: var(--scope-color-metasphere-accent, #5b21b6);
}
.marketplace-dialog__error {
  font-size: var(--text-sm);
  color: var(--error-text);
  background: var(--error-background);
  border: 1px solid var(--error-border);
  border-radius: var(--border-radius-sm);
  padding: var(--spacing-sm) var(--spacing-md);
}
.marketplace-dialog__no-centers-warning {
  margin-top: var(--spacing-sm);
  padding: var(--spacing-sm) var(--spacing-md);
  background: var(--warning-background, #fffbeb);
  border: 1px solid var(--warning-border, #fde68a);
  border-radius: var(--border-radius-sm, 8px);
  color: var(--warning-text, #b45309);
  font-size: var(--text-sm);
  line-height: 1.45;
}
.marketplace-dialog__footer {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  background: #fafbfc;
  border-top: 1px solid #f0f3f8;
  padding: 14px 24px;
  border-radius: 0 0 18px 18px;
  margin: 0 -24px -18px;
}
.marketplace-dialog__actions {
  display: flex;
  justify-content: flex-end;
  gap: var(--spacing-sm);
}
[data-theme=dark] .marketplace-dialog-overlay {
  background: rgba(0, 0, 0, 0.7);
}
[data-theme=dark] .marketplace-dialog {
  background: var(--surface-raised);
  border: 1px solid var(--border-subtle-dark);
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.5);
}
[data-theme=dark] .marketplace-dialog__header {
  border-color: var(--border-subtle-dark);
}
[data-theme=dark] .marketplace-dialog__input,
[data-theme=dark] .marketplace-dialog__textarea {
  background: var(--dark-card-bg);
  border-color: var(--border-soft-dark);
  color: var(--primary-text-color);
}
[data-theme=dark] .marketplace-dialog__input::-moz-placeholder, [data-theme=dark] .marketplace-dialog__textarea::-moz-placeholder {
  color: var(--secondary-text-color);
}
[data-theme=dark] .marketplace-dialog__input::placeholder,
[data-theme=dark] .marketplace-dialog__textarea::placeholder {
  color: var(--secondary-text-color);
}
[data-theme=dark] .marketplace-dialog__scope-card {
  background: var(--dark-card-bg);
  border-color: var(--border-soft-dark);
}
[data-theme=dark] .marketplace-dialog__scope-card:hover {
  background: var(--hover-overlay-dark);
}
[data-theme=dark] .marketplace-dialog__error {
  background: rgba(220, 38, 38, 0.1);
  border-color: rgba(220, 38, 38, 0.3);
}
[data-theme=dark] .marketplace-dialog__footer {
  background: rgba(255, 255, 255, 0.03);
  border-color: var(--border-subtle-dark);
}
[data-theme=dark] .marketplace-dialog__title {
  color: var(--primary-text-color);
}
[data-theme=dark] .marketplace-dialog__subtitle,
[data-theme=dark] .marketplace-dialog__field-hint,
[data-theme=dark] .marketplace-dialog__scope-card-desc {
  color: var(--secondary-text-color);
}
[data-theme=dark] .marketplace-dialog__label,
[data-theme=dark] .marketplace-dialog__scope-card-name {
  color: var(--primary-text-color);
}
[data-theme=dark] .sphere-search-component,
[data-theme=dark] .sphere-search-container,
[data-theme=dark] .sphere-search-dropdown,
[data-theme=dark] .sphere-search-dropdown .p-dropdown-label {
  color: var(--primary-text-color);
}
/* ========================================================
   StarDisplayAtom — read-only star rating display
   ======================================================== */
.marketplace-star-display {
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-xxs);
}
.marketplace-star-display__stars {
  display: inline-flex;
  align-items: center;
}
.marketplace-star-display__star {
  position: relative;
  display: inline-block;
  overflow: hidden;
  line-height: 1;
  color: var(--secondary-text-color);
  opacity: 0.3;
}
.marketplace-star-display__star--filled {
  color: var(--color-rating-star);
  opacity: 1;
}
.marketplace-star-display__star--partial {
  color: var(--secondary-text-color);
  opacity: 0.3;
}
.marketplace-star-display__star-overlay {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  color: var(--color-rating-star);
  opacity: 1;
  white-space: nowrap;
}
.marketplace-star-display__value {
  font-family: var(--font-family);
  font-weight: 600;
  color: var(--primary-text-color);
}
.marketplace-star-display--small {
  font-size: var(--text-sm);
}
.marketplace-star-display--small .marketplace-star-display__value {
  font-size: var(--text-xs);
}
.marketplace-star-display--normal {
  font-size: var(--text-normal);
}
.marketplace-star-display--normal .marketplace-star-display__value {
  font-size: var(--text-sm);
}
.marketplace-star-display--large {
  font-size: var(--text-lg);
}
.marketplace-star-display--large .marketplace-star-display__value {
  font-size: var(--text-md);
}
/* Star color handled via --color-rating-star variable in common.scss */
/* ========================================================
   StarPickerAtom — interactive star rating selector
   ======================================================== */
.marketplace-star-picker {
  display: inline-flex;
  align-items: center;
  gap: 2px;
}
.marketplace-star-picker__star {
  background: none;
  border: none;
  padding: 2px;
  cursor: pointer;
  color: var(--secondary-text-color);
  opacity: 0.3;
  line-height: 1;
  transition: transform 0.1s ease, color 0.1s ease;
  font-family: inherit;
}
.marketplace-star-picker__star:hover {
  transform: scale(1.2);
}
.marketplace-star-picker__star:focus-visible {
  outline: 2px solid var(--focus-ring-color);
  border-radius: var(--border-radius-sm);
}
.marketplace-star-picker__star--filled {
  color: var(--color-rating-star);
  opacity: 1;
}
.marketplace-star-picker__star--selected {
  transform: scale(1.15);
}
.marketplace-star-picker--disabled .marketplace-star-picker__star {
  cursor: not-allowed;
  opacity: 0.4;
}
.marketplace-star-picker--disabled .marketplace-star-picker__star:hover {
  transform: none;
}
.marketplace-star-picker--small {
  font-size: var(--text-normal);
}
.marketplace-star-picker--normal {
  font-size: var(--text-lg);
}
.marketplace-star-picker--large {
  font-size: var(--text-xl, 24px);
}
/* Star picker color handled via --color-rating-star variable in common.scss */
/* ========================================================
   MetricsBadgeAtom — compact metrics display
   ======================================================== */
.marketplace-metrics-badge {
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-sm);
  flex-wrap: wrap;
}
.marketplace-metrics-badge--compact {
  gap: var(--spacing-xs);
}
.marketplace-metrics-badge__item {
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-xxs);
  font-family: var(--font-family);
  font-size: var(--text-sm);
  color: var(--secondary-text-color);
  white-space: nowrap;
}
.marketplace-metrics-badge__star {
  color: var(--color-rating-star);
  line-height: 1;
}
.marketplace-metrics-badge__value {
  font-weight: 500;
}
.marketplace-metrics-badge__item--rating .marketplace-metrics-badge__value {
  color: var(--primary-text-color);
  font-weight: 600;
}
/* Metrics badge star color handled via --color-rating-star variable in common.scss */
/* ========================================================
   UseCaseTagPillsAtom — inline use case tag pills
   ======================================================== */
.marketplace-tag-pills {
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--spacing-xxs);
}
.marketplace-tag-pills__pill {
  display: inline-flex;
  align-items: center;
  padding: 2px var(--spacing-xs);
  font-family: var(--font-family);
  font-size: var(--text-xs);
  font-weight: 500;
  color: var(--cta-secondary-color);
  background: var(--focus-ring-color);
  border-radius: var(--border-radius-pill);
  white-space: nowrap;
  line-height: 1.4;
  transition: background 0.15s ease;
}
.marketplace-tag-pills--clickable .marketplace-tag-pills__pill {
  cursor: pointer;
}
.marketplace-tag-pills--clickable .marketplace-tag-pills__pill:hover {
  background: rgba(55, 127, 196, 0.25);
}
.marketplace-tag-pills--clickable .marketplace-tag-pills__pill:focus-visible {
  outline: 2px solid var(--focus-ring-color);
  outline-offset: 1px;
}
.marketplace-tag-pills__more {
  background: none;
  border: none;
  padding: 2px var(--spacing-xxs);
  font-family: var(--font-family);
  font-size: var(--text-xs);
  color: var(--cta-secondary-color);
  cursor: pointer;
  white-space: nowrap;
}
.marketplace-tag-pills__more:hover {
  text-decoration: underline;
}
.marketplace-tag-pills__more:focus-visible {
  outline: 2px solid var(--focus-ring-color);
  border-radius: var(--border-radius-sm);
}
.marketplace-tag-pills--small .marketplace-tag-pills__pill {
  font-size: var(--text-xs);
  padding: 1px var(--spacing-xxs);
}
.marketplace-tag-pills--small .marketplace-tag-pills__more {
  font-size: var(--text-xs);
}
.marketplace-tag-pills--normal .marketplace-tag-pills__pill {
  font-size: var(--text-sm);
  padding: 2px var(--spacing-xs);
}
[data-theme=dark] .marketplace-tag-pills__pill {
  color: var(--cta-secondary-color);
  background: var(--focus-ring-color);
}
[data-theme=dark] .marketplace-tag-pills--clickable .marketplace-tag-pills__pill:hover {
  background: rgba(64, 122, 198, 0.3);
}
[data-theme=dark] .marketplace-tag-pills__more {
  color: var(--cta-secondary-color);
}
/* ========================================================
   ReviewCardAtom — single review display
   ======================================================== */
.marketplace-review-card {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xxs);
  padding: var(--spacing-sm) var(--spacing-md);
  background: var(--component-background);
  border: 1px solid var(--primary-border);
  border-radius: var(--border-radius-md);
}
.marketplace-review-card__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--spacing-sm);
}
.marketplace-review-card__date {
  font-size: var(--text-xs);
  color: var(--secondary-text-color);
  white-space: nowrap;
}
.marketplace-review-card__edited {
  font-style: italic;
  opacity: 0.8;
}
.marketplace-review-card__title {
  margin: 0;
  font-size: var(--text-normal);
  font-weight: 600;
  color: var(--primary-text-color);
}
.marketplace-review-card__body {
  margin: 0;
  font-size: var(--text-sm);
  color: var(--primary-text-color);
  line-height: 1.5;
  white-space: pre-line;
  word-break: break-word;
}
.marketplace-review-card__author {
  font-size: var(--text-xs);
  color: var(--secondary-text-color);
}
[data-theme=dark] .marketplace-review-card {
  background: var(--surface-raised);
  border-color: var(--border-subtle-dark);
}
/* ========================================================
   RatingSummaryMolecule — rating overview with bar chart
   ======================================================== */
.marketplace-rating-summary {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: var(--spacing-md);
  flex-wrap: wrap;
}
.marketplace-rating-summary__empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-xxs);
  padding: var(--spacing-md) 0;
  text-align: center;
  flex: 1;
}
.marketplace-rating-summary__no-ratings {
  margin: 0;
  font-size: var(--text-normal);
  color: var(--secondary-text-color);
}
.marketplace-rating-summary__cta {
  margin: 0;
  font-size: var(--text-sm);
  color: var(--cta-secondary-color);
}
.marketplace-rating-summary__overview {
  display: flex;
  align-items: center;
  flex-shrink: 0;
}
.marketplace-rating-summary__score {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-xxs);
}
.marketplace-rating-summary__average {
  font-size: var(--text-xxl, 28px);
  font-weight: 800;
  color: var(--primary-text-color);
  line-height: 1;
  letter-spacing: -0.02em;
}
.marketplace-rating-summary__count {
  font-size: var(--text-xs);
  color: var(--secondary-text-color);
}
.marketplace-rating-summary__distribution {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xxs);
  flex: 1;
  min-width: 240px;
}
.marketplace-rating-summary__bar-row {
  display: flex;
  align-items: center;
  gap: var(--spacing-xs);
}
.marketplace-rating-summary__bar-label {
  flex-shrink: 0;
  width: 52px;
  font-size: var(--text-xs);
  color: var(--secondary-text-color);
  text-align: right;
}
.marketplace-rating-summary__bar-track {
  flex: 1;
  height: 8px;
  background: var(--hover-background);
  border-radius: var(--border-radius-sm);
  overflow: hidden;
}
.marketplace-rating-summary__bar-fill {
  height: 100%;
  background: var(--color-rating-star);
  border-radius: var(--border-radius-sm);
  transition: width 0.3s ease;
}
.marketplace-rating-summary__bar-count {
  flex-shrink: 0;
  width: 28px;
  font-size: var(--text-xs);
  color: var(--secondary-text-color);
  text-align: left;
}
[data-theme=dark] .marketplace-rating-summary__bar-track {
  background: var(--border-subtle-dark);
}
/* ========================================================
   RatingFormMolecule — star picker + review input
   ======================================================== */
.marketplace-rating-form {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
}
.marketplace-rating-form__stars-field {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xxs);
}
.marketplace-rating-form__field {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xxs);
}
.marketplace-rating-form__label {
  font-size: var(--text-sm);
  font-weight: 600;
  color: var(--primary-text-color);
}
.marketplace-rating-form__required {
  color: var(--error-border);
  margin-left: var(--spacing-xxs);
}
.marketplace-rating-form__error {
  font-size: var(--text-xs);
  color: var(--error-text);
}
.marketplace-rating-form__input {
  padding: var(--spacing-xs) var(--spacing-sm);
  font-family: var(--font-family);
  font-size: var(--text-normal);
  color: var(--primary-text-color);
  background: var(--component-background);
  border: 1px solid var(--primary-border);
  border-radius: var(--border-radius-sm);
  transition: border-color 0.15s ease;
}
.marketplace-rating-form__input:focus {
  outline: none;
  border-color: var(--cta-secondary-color);
  box-shadow: 0 0 0 2px var(--focus-ring-color);
}
.marketplace-rating-form__input:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
.marketplace-rating-form__input::-moz-placeholder {
  color: var(--secondary-text-color);
  opacity: 0.6;
}
.marketplace-rating-form__input::placeholder {
  color: var(--secondary-text-color);
  opacity: 0.6;
}
.marketplace-rating-form__textarea {
  padding: var(--spacing-xs) var(--spacing-sm);
  font-family: var(--font-family);
  font-size: var(--text-normal);
  color: var(--primary-text-color);
  background: var(--component-background);
  border: 1px solid var(--primary-border);
  border-radius: var(--border-radius-sm);
  resize: vertical;
  min-height: 80px;
  transition: border-color 0.15s ease;
}
.marketplace-rating-form__textarea:focus {
  outline: none;
  border-color: var(--cta-secondary-color);
  box-shadow: 0 0 0 2px var(--focus-ring-color);
}
.marketplace-rating-form__textarea:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
.marketplace-rating-form__textarea::-moz-placeholder {
  color: var(--secondary-text-color);
  opacity: 0.6;
}
.marketplace-rating-form__textarea::placeholder {
  color: var(--secondary-text-color);
  opacity: 0.6;
}
.marketplace-rating-form__char-count {
  font-size: var(--text-xs);
  color: var(--secondary-text-color);
  text-align: right;
}
.marketplace-rating-form__actions {
  display: flex;
  justify-content: flex-end;
  gap: var(--spacing-sm);
}
.marketplace-rating-form__cancel-btn {
  background: transparent;
  color: var(--secondary-text-color);
  border: 1px solid var(--primary-border);
  border-radius: var(--border-radius-pill);
  font-family: var(--font-family);
  font-weight: 600;
  font-size: var(--text-sm);
  padding: var(--spacing-xxs) var(--spacing-md);
  cursor: pointer;
  transition: all 0.15s ease;
}
.marketplace-rating-form__cancel-btn:hover:not(:disabled) {
  color: var(--primary-text-color);
  background: var(--hover-background);
}
.marketplace-rating-form__cancel-btn:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
.marketplace-rating-form__submit-btn {
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-xxs);
  background: var(--cta-primary-background);
  color: var(--cta-primary-color);
  border: var(--cta-primary-border);
  box-shadow: var(--cta-primary-shadow);
  border-radius: var(--border-radius-pill);
  font-family: var(--font-family);
  font-weight: 700;
  font-size: var(--text-sm);
  padding: var(--spacing-xxs) var(--spacing-md);
  cursor: pointer;
  transition: all 0.15s ease;
}
.marketplace-rating-form__submit-btn:hover:not(:disabled) {
  background: var(--cta-primary-hover-background);
}
.marketplace-rating-form__submit-btn:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
.marketplace-rating-form__spinner {
  display: inline-block;
  width: 14px;
  height: 14px;
  border: 2px solid currentColor;
  border-top-color: transparent;
  border-radius: 50%;
  animation: marketplace-spin 0.6s linear infinite;
}
[data-theme=dark] .marketplace-rating-form__input,
[data-theme=dark] .marketplace-rating-form__textarea {
  background: var(--dark-card-bg);
  border-color: var(--border-soft-dark);
  color: var(--primary-text-color);
}
[data-theme=dark] .marketplace-rating-form__input::-moz-placeholder, [data-theme=dark] .marketplace-rating-form__textarea::-moz-placeholder {
  color: var(--secondary-text-color);
}
[data-theme=dark] .marketplace-rating-form__input::placeholder,
[data-theme=dark] .marketplace-rating-form__textarea::placeholder {
  color: var(--secondary-text-color);
}
[data-theme=dark] .marketplace-rating-form__cancel-btn {
  border-color: var(--border-soft-dark);
}
[data-theme=dark] .marketplace-rating-form__cancel-btn:hover:not(:disabled) {
  background: var(--hover-overlay-dark);
}
[data-theme=dark] .marketplace-rating-form__submit-btn {
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.3), inset 5px 4px 4px var(--border-subtle-dark);
}
/* ========================================================
   ReviewListMolecule — paginated review list
   ======================================================== */
.marketplace-review-list {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}
.marketplace-review-list__title {
  margin: 0;
  font-size: var(--text-md);
  font-weight: 700;
  color: var(--primary-text-color);
}
.marketplace-review-list__items {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs);
}
.marketplace-review-list__empty {
  margin: 0;
  font-size: var(--text-normal);
  color: var(--secondary-text-color);
  text-align: center;
  padding: var(--spacing-md) 0;
}
.marketplace-review-list__show-all {
  background: none;
  border: none;
  color: var(--cta-secondary-color);
  font-family: var(--font-family);
  font-size: var(--text-sm);
  font-weight: 600;
  cursor: pointer;
  padding: var(--spacing-xs) 0;
  text-align: center;
  transition: opacity 0.15s ease;
}
.marketplace-review-list__show-all:hover {
  opacity: 0.8;
  text-decoration: underline;
}
.marketplace-review-list__show-all:focus-visible {
  outline: 2px solid var(--focus-ring-color);
  border-radius: var(--border-radius-sm);
}
/* ======================================================
   UseCaseFilterMolecule — horizontal pill/tab bar
   ====================================================== */
.marketplace-usecase-filter {
  width: 100%;
  min-width: 0;
  position: relative;
  margin-bottom: var(--spacing-md);
}
.marketplace-usecase-filter__scroll {
  display: flex;
  flex-wrap: nowrap;
  gap: var(--spacing-xs, 6px);
  overflow-x: auto;
  overflow-y: hidden;
  scroll-snap-type: x proximity;
  scrollbar-width: none;
  -ms-overflow-style: none;
  padding: 2px 24px;
  mask-image: linear-gradient(to right, transparent 0, black 24px, black calc(100% - 24px), transparent 100%);
  -webkit-mask-image: linear-gradient(to right, transparent 0, black 24px, black calc(100% - 24px), transparent 100%);
}
.marketplace-usecase-filter__scroll::-webkit-scrollbar {
  display: none;
}
.marketplace-usecase-filter__pill {
  flex: 0 0 auto;
  scroll-snap-align: start;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: var(--component-background, #ffffff);
  color: var(--marketplace-muted, #6b7f99);
  border: 1px solid var(--marketplace-chip-border, #e3ebf3);
  border-radius: 9999px;
  padding: 6px 12px;
  font-family: var(--font-family);
  font-size: 12px;
  font-weight: 600;
  line-height: 1.2;
  cursor: pointer;
  transition: background 140ms ease, color 140ms ease, border-color 140ms ease;
  white-space: nowrap;
}
.marketplace-usecase-filter__pill:hover {
  background: var(--hover-background, #f5f9ff);
  border-color: var(--marketplace-chip-border-hover, #cbd6e4);
}
.marketplace-usecase-filter__pill:focus-visible {
  outline: 2px solid var(--focus-ring-color, var(--marketplace-active-bg, #062c58));
  outline-offset: 2px;
}
.marketplace-usecase-filter__pill-icon {
  font-size: 11px;
  line-height: 1;
}
.marketplace-usecase-filter__pill-label {
  display: inline-block;
}
.marketplace-usecase-filter__pill--active {
  background: var(--marketplace-active-bg, #062c58);
  color: var(--marketplace-active-fg, #ffffff);
  border-color: var(--marketplace-active-bg, #062c58);
}
.marketplace-usecase-filter__pill--active:hover {
  background: var(--marketplace-active-bg, #062c58);
  border-color: var(--marketplace-active-bg, #062c58);
  opacity: 0.92;
}
.marketplace-usecase-filter__pill--clear {
  position: sticky;
  right: 0;
  background: var(--component-background, #ffffff);
  box-shadow: -6px 0 8px -4px rgba(0, 0, 0, 0.04);
}
[data-theme=dark] .marketplace-usecase-filter__pill {
  background: var(--component-background, #1e1e2f);
  color: var(--primary-text-color-muted, rgba(255, 255, 255, 0.72));
  border-color: var(--marketplace-chip-border, rgba(255, 255, 255, 0.2));
}
[data-theme=dark] .marketplace-usecase-filter__pill:hover {
  background: var(--hover-background, rgba(255, 255, 255, 0.05));
}
[data-theme=dark] .marketplace-usecase-filter__pill--active {
  background: var(--marketplace-active-bg, #377fc4);
  border-color: var(--marketplace-active-bg, #377fc4);
  color: var(--marketplace-active-fg, #ffffff);
}
[data-theme=dark] .marketplace-usecase-filter__pill--clear {
  background: var(--component-background, #1e1e2f);
  box-shadow: -6px 0 8px -4px rgba(0, 0, 0, 0.32);
}
/* ======================================================
   Shared carousel styles
   ====================================================== */
.marketplace-item-carousel {
  margin-bottom: var(--spacing-lg);
}
.marketplace-item-carousel__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: var(--spacing-sm);
}
.marketplace-item-carousel__title {
  font-size: var(--text-md);
  font-weight: 700;
  color: var(--primary-text-color);
  margin: 0;
}
.marketplace-item-carousel__actions {
  display: flex;
  align-items: center;
  gap: var(--spacing-xs);
}
.marketplace-item-carousel__view-all {
  background: none;
  border: none;
  color: var(--cta-secondary-color);
  font-family: var(--font-family);
  font-size: var(--text-sm);
  font-weight: 600;
  cursor: pointer;
  padding: var(--spacing-xxs) var(--spacing-xs);
  transition: opacity 0.15s ease;
}
.marketplace-item-carousel__view-all:hover {
  opacity: 0.8;
  text-decoration: underline;
}
.marketplace-item-carousel__view-all:focus-visible {
  outline: 2px solid var(--focus-ring-color);
  border-radius: var(--border-radius-sm);
}
.marketplace-item-carousel__scroll-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: var(--component-background);
  border: 1px solid var(--cta-secondary-color);
  color: var(--cta-secondary-color);
  font-size: var(--text-lg);
  line-height: 1;
  cursor: pointer;
  transition: background 0.15s ease;
}
.marketplace-item-carousel__scroll-btn:hover {
  background: var(--hover-background);
}
.marketplace-item-carousel__scroll-btn:focus-visible {
  outline: 2px solid var(--focus-ring-color);
  outline-offset: 2px;
}
.marketplace-item-carousel__track {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
  gap: var(--spacing-md);
  padding-bottom: var(--spacing-xs);
}
[data-theme=dark] .marketplace-item-carousel__scroll-btn {
  background: var(--surface-raised);
  border-color: var(--border-strong-dark);
  color: var(--primary-text-color);
}
[data-theme=dark] .marketplace-item-carousel__scroll-btn:hover {
  background: var(--surface-overlay-dark);
}
.marketplace-outcome-card {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: var(--spacing-sm, 12px);
  padding: var(--spacing-md, 16px);
  border-radius: var(--border-radius-lg, 12px);
  border: 1px solid transparent;
  background: var(--component-background, #ffffff);
  font-family: var(--font-family);
}

.marketplace-outcome-card__icon-wrap {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--outcome-card-icon-size, 36px);
  height: var(--outcome-card-icon-size, 36px);
  border-radius: var(--border-radius-md, 8px);
  background: var(--outcome-card-icon-bg, currentColor);
  color: var(--outcome-card-icon-fg, #ffffff);
  flex-shrink: 0;
}

.marketplace-outcome-card__text {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs, 6px);
  min-width: 0;
  flex: 1;
}

.marketplace-outcome-card__icon {
  font-size: var(--outcome-card-icon-glyph-size, 16px);
  color: inherit;
}

.marketplace-outcome-card__title {
  margin: 0;
  font-size: var(--text-md, 15px);
  font-weight: 700;
  line-height: 1.3;
  color: var(--outcome-card-title-fg, #0f172a);
}

.marketplace-outcome-card__body {
  margin: 0;
  font-size: var(--text-sm, 13px);
  line-height: 1.5;
  color: var(--outcome-card-body-fg, #475569);
}

.marketplace-outcome-card--green {
  background: var(--outcome-card-green-bg, #f0fdf4);
  border-color: var(--outcome-card-green-border, #bbf7d0);
}

.marketplace-outcome-card--green .marketplace-outcome-card__icon-wrap {
  background: var(--outcome-card-green-icon-bg, #16a34a);
  color: #ffffff;
}

.marketplace-outcome-card--blue {
  background: var(--outcome-card-blue-bg, #eff6ff);
  border-color: var(--outcome-card-blue-border, #bfdbfe);
}

.marketplace-outcome-card--blue .marketplace-outcome-card__icon-wrap {
  background: var(--outcome-card-blue-icon-bg, #2563eb);
  color: #ffffff;
}

.marketplace-outcome-card--amber {
  background: var(--outcome-card-amber-bg, #fffbeb);
  border-color: var(--outcome-card-amber-border, #fde68a);
}

.marketplace-outcome-card--amber .marketplace-outcome-card__icon-wrap {
  background: var(--outcome-card-amber-icon-bg, #d97706);
  color: #ffffff;
}

.marketplace-outcome-card--violet {
  background: var(--outcome-card-violet-bg, #f5f3ff);
  border-color: var(--outcome-card-violet-border, #ddd6fe);
}

.marketplace-outcome-card--violet .marketplace-outcome-card__icon-wrap {
  background: var(--outcome-card-violet-icon-bg, #7c3aed);
  color: #ffffff;
}

[data-theme=dark] .marketplace-outcome-card .marketplace-outcome-card__title {
  color: var(--outcome-card-title-fg-dark, #f1f5f9);
}

[data-theme=dark] .marketplace-outcome-card .marketplace-outcome-card__body {
  color: var(--outcome-card-body-fg-dark, #cbd5e1);
}

[data-theme=dark] .marketplace-outcome-card.marketplace-outcome-card--green {
  background: var(--outcome-card-green-bg-dark, rgba(34, 197, 94, 0.12));
  border-color: var(--outcome-card-green-border-dark, rgba(34, 197, 94, 0.35));
}

[data-theme=dark] .marketplace-outcome-card.marketplace-outcome-card--blue {
  background: var(--outcome-card-blue-bg-dark, rgba(59, 130, 246, 0.12));
  border-color: var(--outcome-card-blue-border-dark, rgba(59, 130, 246, 0.35));
}

[data-theme=dark] .marketplace-outcome-card.marketplace-outcome-card--amber {
  background: var(--outcome-card-amber-bg-dark, rgba(245, 158, 11, 0.12));
  border-color: var(--outcome-card-amber-border-dark, rgba(245, 158, 11, 0.35));
}

[data-theme=dark] .marketplace-outcome-card.marketplace-outcome-card--violet {
  background: var(--outcome-card-violet-bg-dark, rgba(139, 92, 246, 0.12));
  border-color: var(--outcome-card-violet-border-dark, rgba(139, 92, 246, 0.35));
}
.marketplace-outcome-cards {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm, 8px);
  font-family: var(--font-family);
  color: var(--text-color, #0f172a);
}

.marketplace-outcome-cards__header {
  font-size: var(--text-sm, 13px);
  font-weight: 600;
  color: var(--text-color-secondary, #475569);
  letter-spacing: 0.01em;
}

.marketplace-outcome-cards__grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: var(--spacing-md, 12px);
}

[data-theme=dark] .marketplace-outcome-cards {
  color: var(--text-color-dark, #e2e8f0);
}

[data-theme=dark] .marketplace-outcome-cards .marketplace-outcome-cards__header {
  color: var(--text-color-secondary-dark, #94a3b8);
}
.marketplace-applicability-renderer {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm, 8px);
  font-family: var(--font-family);
  color: var(--text-color, #0f172a);
}

.marketplace-applicability-renderer__header {
  font-size: var(--text-sm, 13px);
  font-weight: 600;
  color: var(--text-color-secondary, #475569);
  letter-spacing: 0.01em;
}

.marketplace-applicability-renderer__row {
  display: flex;
  align-items: flex-start;
  gap: var(--spacing-sm, 10px);
  padding: var(--spacing-sm, 10px) var(--spacing-md, 12px);
  background: var(--applicability-row-bg, var(--surface-50, #f8fafc));
  border: 1px solid var(--applicability-row-border, var(--surface-200, #e2e8f0));
  border-radius: var(--border-radius-md, 8px);
}

.marketplace-applicability-renderer__row > i {
  color: var(--applicability-icon-fg, var(--text-color-secondary, #475569));
  font-size: var(--text-md, 16px);
  margin-top: 2px;
}

.marketplace-applicability-renderer__row--all > i {
  color: var(--applicability-icon-success, #16a34a);
}

.marketplace-applicability-renderer__row--fallback > i {
  color: var(--applicability-icon-info, #2563eb);
}

.marketplace-applicability-renderer__row-body {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs, 6px);
  flex: 1;
  min-width: 0;
}

.marketplace-applicability-renderer__heading {
  font-size: var(--text-sm, 14px);
  font-weight: 600;
  color: var(--text-color, #0f172a);
}

.marketplace-applicability-renderer__intro {
  font-size: var(--text-xs, 12.5px);
  color: var(--text-color-secondary, #475569);
}

.marketplace-applicability-renderer__chips {
  display: inline-flex;
  flex-wrap: wrap;
  gap: var(--spacing-xs, 6px);
  align-items: center;
}

.marketplace-applicability-renderer__chip {
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-xs, 5px);
  padding: 2px var(--spacing-xs, 8px);
  background: var(--surface-card, #fff);
  border: 1px solid var(--surface-border, #e2e8f0);
  border-radius: 9999px;
  font-size: var(--text-xs, 12px);
  font-weight: 600;
  color: var(--text-color, #0f172a);
}

.marketplace-applicability-renderer__chip--excluded {
  background: var(--surface-100, #fef2f2);
  border-color: var(--surface-200, #fecaca);
  color: var(--text-color-secondary, #b91c1c);
  text-decoration: line-through;
}

.marketplace-applicability-renderer__chip-label {
  letter-spacing: 0;
}

.marketplace-applicability-renderer__filter-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xxs, 4px);
  font-size: var(--text-xs, 12.5px);
  color: var(--text-color, #0f172a);
}

.marketplace-applicability-renderer__filter-list li {
  padding-left: var(--spacing-sm, 8px);
  border-left: 2px solid var(--applicability-row-border, var(--surface-200, #e2e8f0));
}

.marketplace-applicability-renderer__filter-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--spacing-xs, 6px);
}

.marketplace-applicability-renderer__filter-prop {
  font-weight: 700;
  color: var(--text-color, #0f172a);
}

.marketplace-applicability-renderer__filter-op {
  color: var(--text-color-secondary, #475569);
  font-style: italic;
}

.marketplace-applicability-renderer__filter-value {
  color: var(--text-color, #0f172a);
}

[data-theme=dark] .marketplace-applicability-renderer {
  color: var(--text-color-dark, #e2e8f0);
}

[data-theme=dark] .marketplace-applicability-renderer .marketplace-applicability-renderer__header {
  color: var(--text-color-secondary-dark, #94a3b8);
}

[data-theme=dark] .marketplace-applicability-renderer .marketplace-applicability-renderer__row {
  background: var(--applicability-row-bg-dark, rgba(148, 163, 184, 0.08));
  border-color: var(--applicability-row-border-dark, rgba(148, 163, 184, 0.25));
}

[data-theme=dark] .marketplace-applicability-renderer .marketplace-applicability-renderer__row > i {
  color: var(--applicability-icon-fg-dark, var(--text-color-secondary-dark, #94a3b8));
}

[data-theme=dark] .marketplace-applicability-renderer .marketplace-applicability-renderer__row--all > i {
  color: var(--applicability-icon-success-dark, #4ade80);
}

[data-theme=dark] .marketplace-applicability-renderer .marketplace-applicability-renderer__row--fallback > i {
  color: var(--applicability-icon-info-dark, #60a5fa);
}

[data-theme=dark] .marketplace-applicability-renderer .marketplace-applicability-renderer__heading {
  color: var(--text-color-dark, #e2e8f0);
}

[data-theme=dark] .marketplace-applicability-renderer .marketplace-applicability-renderer__intro {
  color: var(--text-color-secondary-dark, #94a3b8);
}

[data-theme=dark] .marketplace-applicability-renderer .marketplace-applicability-renderer__filter-list {
  color: var(--text-color-dark, #e2e8f0);
}

[data-theme=dark] .marketplace-applicability-renderer .marketplace-applicability-renderer__filter-list li {
  border-left-color: var(--applicability-row-border-dark, rgba(148, 163, 184, 0.25));
}

[data-theme=dark] .marketplace-applicability-renderer .marketplace-applicability-renderer__chip {
  background: var(--surface-overlay-dark);
  border-color: var(--border-soft-dark);
  color: var(--text-color-dark, #e2e8f0);
}

[data-theme=dark] .marketplace-applicability-renderer .marketplace-applicability-renderer__chip--excluded {
  background: var(--status-tone-danger-bg);
  border-color: var(--status-tone-danger-border);
  color: var(--status-tone-danger-fg);
}

[data-theme=dark] .marketplace-applicability-renderer .marketplace-applicability-renderer__filter-prop,
[data-theme=dark] .marketplace-applicability-renderer .marketplace-applicability-renderer__filter-value {
  color: var(--text-color-dark, #e2e8f0);
}

[data-theme=dark] .marketplace-applicability-renderer .marketplace-applicability-renderer__filter-op {
  color: var(--text-color-secondary-dark, #94a3b8);
}
.marketplace-edge-case-callout {
  display: flex;
  align-items: flex-start;
  gap: var(--spacing-sm, 10px);
  padding: var(--spacing-sm, 10px) var(--spacing-md, 12px);
  border-radius: var(--border-radius-md, 8px);
  border: 1px solid var(--edge-case-border, var(--surface-200, #e2e8f0));
  background: var(--edge-case-bg, var(--surface-50, #f8fafc));
  font-family: var(--font-family);
  color: var(--text-color, #0f172a);
}

.marketplace-edge-case-callout__icon {
  font-size: var(--text-md, 16px);
  margin-top: 2px;
  color: var(--edge-case-icon, var(--text-color-secondary, #475569));
}

.marketplace-edge-case-callout__body {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xxs, 4px);
  flex: 1;
  min-width: 0;
}

.marketplace-edge-case-callout__header {
  display: flex;
  align-items: baseline;
  gap: var(--spacing-xs, 6px);
  flex-wrap: wrap;
}

.marketplace-edge-case-callout__severity {
  font-size: var(--text-xxs, 11px);
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--edge-case-severity, var(--text-color-secondary, #475569));
}

.marketplace-edge-case-callout__title {
  font-size: var(--text-sm, 14px);
  font-weight: 600;
  color: var(--text-color, #0f172a);
}

.marketplace-edge-case-callout__text {
  margin: 0;
  font-size: var(--text-xs, 12.5px);
  color: var(--text-color-secondary, #475569);
  white-space: pre-line;
}

.marketplace-edge-case-callout--info {
  --edge-case-bg: var(--blue-50, #eff6ff);
  --edge-case-border: var(--blue-200, #bfdbfe);
  --edge-case-icon: var(--blue-600, #2563eb);
  --edge-case-severity: var(--blue-700, #1d4ed8);
}

.marketplace-edge-case-callout--warn {
  --edge-case-bg: var(--amber-50, #fffbeb);
  --edge-case-border: var(--amber-200, #fde68a);
  --edge-case-icon: var(--amber-600, #d97706);
  --edge-case-severity: var(--amber-700, #b45309);
}

.marketplace-edge-case-callout--danger {
  --edge-case-bg: var(--rose-50, #fff1f2);
  --edge-case-border: var(--rose-200, #fecdd3);
  --edge-case-icon: var(--rose-600, #e11d48);
  --edge-case-severity: var(--rose-700, #be123c);
}

[data-theme=dark] .marketplace-edge-case-callout {
  color: var(--text-color-dark, #e2e8f0);
}

[data-theme=dark] .marketplace-edge-case-callout .marketplace-edge-case-callout__title {
  color: var(--text-color-dark, #e2e8f0);
}

[data-theme=dark] .marketplace-edge-case-callout .marketplace-edge-case-callout__text {
  color: var(--text-color-secondary-dark, #94a3b8);
}

[data-theme=dark] .marketplace-edge-case-callout--info {
  --edge-case-bg: rgba(59, 130, 246, 0.12);
  --edge-case-border: rgba(96, 165, 250, 0.35);
  --edge-case-icon: #60a5fa;
  --edge-case-severity: #93c5fd;
}

[data-theme=dark] .marketplace-edge-case-callout--warn {
  --edge-case-bg: rgba(245, 158, 11, 0.12);
  --edge-case-border: rgba(251, 191, 36, 0.35);
  --edge-case-icon: #fbbf24;
  --edge-case-severity: #fcd34d;
}

[data-theme=dark] .marketplace-edge-case-callout--danger {
  --edge-case-bg: rgba(244, 63, 94, 0.12);
  --edge-case-border: rgba(251, 113, 133, 0.35);
  --edge-case-icon: #fb7185;
  --edge-case-severity: #fda4af;
}
.marketplace-deploy-readiness {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md, 12px);
  font-family: var(--font-family);
  color: var(--text-color, #0f172a);
}

.marketplace-deploy-readiness__header {
  font-size: var(--text-sm, 13px);
  font-weight: 600;
  color: var(--text-color-secondary, #475569);
  letter-spacing: 0.01em;
}

.marketplace-deploy-readiness__group {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs, 6px);
  padding: var(--spacing-sm, 10px) var(--spacing-md, 12px);
  border-radius: var(--border-radius-md, 8px);
  border: 1px solid var(--readiness-border, var(--surface-200, #e2e8f0));
  background: var(--readiness-bg, var(--surface-50, #f8fafc));
}

.marketplace-deploy-readiness__group-title {
  font-size: var(--text-xs, 12.5px);
  font-weight: 600;
  color: var(--text-color, #0f172a);
}

.marketplace-deploy-readiness__empty {
  margin: 0;
  font-size: var(--text-xs, 12.5px);
  color: var(--text-color-secondary, #475569);
  font-style: italic;
}

.marketplace-deploy-readiness__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs, 6px);
}

.marketplace-deploy-readiness__row {
  display: flex;
  align-items: flex-start;
  gap: var(--spacing-sm, 8px);
}

.marketplace-deploy-readiness__icon {
  font-size: var(--text-xs, 12px);
  margin-top: 3px;
  color: var(--readiness-icon, var(--text-color-secondary, #475569));
}

.marketplace-deploy-readiness__row-body {
  display: flex;
  flex-direction: column;
  gap: 2px;
  flex: 1;
  min-width: 0;
}

.marketplace-deploy-readiness__label {
  font-size: var(--text-sm, 13.5px);
  font-weight: 500;
  color: var(--text-color, #0f172a);
}

.marketplace-deploy-readiness__description {
  font-size: var(--text-xs, 12px);
  color: var(--text-color-secondary, #475569);
}

.marketplace-deploy-readiness__group--required {
  --readiness-icon: var(--rose-600, #e11d48);
}

.marketplace-deploy-readiness__group--optional {
  --readiness-icon: var(--text-color-secondary, #94a3b8);
}

.marketplace-deploy-readiness__group--dependency {
  --readiness-icon: var(--blue-600, #2563eb);
}

[data-theme=dark] .marketplace-deploy-readiness {
  color: var(--text-color-dark, #e2e8f0);
}

[data-theme=dark] .marketplace-deploy-readiness .marketplace-deploy-readiness__header {
  color: var(--text-color-secondary-dark, #94a3b8);
}

[data-theme=dark] .marketplace-deploy-readiness .marketplace-deploy-readiness__group {
  background: var(--readiness-bg-dark, rgba(148, 163, 184, 0.08));
  border-color: var(--readiness-border-dark, rgba(148, 163, 184, 0.25));
}

[data-theme=dark] .marketplace-deploy-readiness .marketplace-deploy-readiness__group-title,
[data-theme=dark] .marketplace-deploy-readiness .marketplace-deploy-readiness__label {
  color: var(--text-color-dark, #e2e8f0);
}

[data-theme=dark] .marketplace-deploy-readiness .marketplace-deploy-readiness__empty,
[data-theme=dark] .marketplace-deploy-readiness .marketplace-deploy-readiness__description {
  color: var(--text-color-secondary-dark, #94a3b8);
}

[data-theme=dark] .marketplace-deploy-readiness .marketplace-deploy-readiness__group--required {
  --readiness-icon: #fb7185;
}

[data-theme=dark] .marketplace-deploy-readiness .marketplace-deploy-readiness__group--optional {
  --readiness-icon: #94a3b8;
}

[data-theme=dark] .marketplace-deploy-readiness .marketplace-deploy-readiness__group--dependency {
  --readiness-icon: #60a5fa;
}
.marketplace-deploy-behavior {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm, 8px);
  font-family: var(--font-family);
  color: var(--text-color, #0f172a);
}

.marketplace-deploy-behavior__header {
  font-size: var(--text-sm, 13px);
  font-weight: 600;
  color: var(--text-color-secondary, #475569);
  letter-spacing: 0.01em;
}

.marketplace-deploy-behavior__list {
  list-style: none;
  margin: 0;
  padding: var(--spacing-sm, 10px) var(--spacing-md, 12px);
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm, 10px);
  border-radius: var(--border-radius-md, 8px);
  border: 1px solid var(--deploy-behavior-border, var(--surface-200, #e2e8f0));
  background: var(--deploy-behavior-bg, var(--surface-50, #f8fafc));
}

.marketplace-deploy-behavior__row {
  display: flex;
  align-items: flex-start;
  gap: var(--spacing-sm, 10px);
}

.marketplace-deploy-behavior__icon {
  font-size: var(--text-md, 16px);
  margin-top: 2px;
  color: var(--deploy-behavior-icon, var(--text-color-secondary, #475569));
}

.marketplace-deploy-behavior__row-body {
  display: flex;
  flex-direction: column;
  gap: 2px;
  flex: 1;
  min-width: 0;
}

.marketplace-deploy-behavior__label {
  font-size: var(--text-xs, 12px);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: var(--text-color-secondary, #475569);
}

.marketplace-deploy-behavior__description {
  font-size: var(--text-sm, 13.5px);
  color: var(--text-color, #0f172a);
}

[data-theme=dark] .marketplace-deploy-behavior {
  color: var(--text-color-dark, #e2e8f0);
}

[data-theme=dark] .marketplace-deploy-behavior .marketplace-deploy-behavior__header,
[data-theme=dark] .marketplace-deploy-behavior .marketplace-deploy-behavior__label {
  color: var(--text-color-secondary-dark, #94a3b8);
}

[data-theme=dark] .marketplace-deploy-behavior .marketplace-deploy-behavior__list {
  background: var(--deploy-behavior-bg-dark, rgba(148, 163, 184, 0.08));
  border-color: var(--deploy-behavior-border-dark, rgba(148, 163, 184, 0.25));
}

[data-theme=dark] .marketplace-deploy-behavior .marketplace-deploy-behavior__icon {
  color: var(--deploy-behavior-icon-dark, var(--text-color-secondary-dark, #94a3b8));
}

[data-theme=dark] .marketplace-deploy-behavior .marketplace-deploy-behavior__description {
  color: var(--text-color-dark, #e2e8f0);
}
.marketplace-arc-stages {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm, 10px);
  font-family: var(--font-family);
  color: var(--text-color, #0f172a);
}

.marketplace-arc-stages__header {
  display: flex;
  align-items: center;
  gap: var(--spacing-xs, 6px);
  flex-wrap: wrap;
}

.marketplace-arc-stages__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs, 6px);
}

.marketplace-arc-stages__empty {
  margin: 0;
  font-size: var(--text-sm, 13px);
  color: var(--text-color-secondary, #6b7f99);
  font-style: italic;
}

.marketplace-arc-stages__stage {
  border-radius: var(--border-radius-md, 10px);
  border: 1px solid var(--arc-stage-border, var(--surface-200, #eef1f6));
  background: var(--arc-stage-bg, #fff);
  overflow: hidden;
}

.marketplace-arc-stages__stage-header {
  display: flex;
  align-items: center;
  gap: var(--spacing-sm, 10px);
  width: 100%;
  padding: var(--spacing-sm, 9px) var(--spacing-md, 12px);
  background: transparent;
  border: 0;
  cursor: pointer;
  font-family: inherit;
  text-align: left;
  color: var(--text-color, #062c58);
}

.marketplace-arc-stages__stage-header:disabled {
  cursor: default;
}

.marketplace-arc-stages__indicator {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: var(--text-xxs, 10px);
  font-weight: 800;
  color: #fff;
}

.marketplace-arc-stages__indicator--first {
  background: var(--arc-stage-indicator-first, var(--primary-color, #377fc4));
}

.marketplace-arc-stages__indicator--default {
  background: var(--arc-stage-indicator-default, var(--surface-400, #cbd5e1));
}

.marketplace-arc-stages__indicator--terminal {
  background: var(--arc-stage-indicator-terminal-bg, #dcfce7);
  color: var(--arc-stage-indicator-terminal-color, #14532d);
}

.marketplace-arc-stages__stage-icon {
  font-size: var(--text-sm, 13px);
  color: var(--primary-color, #377fc4);
  flex-shrink: 0;
}

.marketplace-arc-stages__stage-name {
  font-size: var(--text-sm, 12.5px);
  font-weight: 700;
}

.marketplace-arc-stages__task-count {
  font-size: var(--text-xxs, 10.5px);
  color: var(--text-color-secondary, #6b7f99);
  font-weight: 600;
}

.marketplace-arc-stages__chevron {
  font-size: var(--text-xs, 12px);
  color: var(--text-color-secondary, #94a3b8);
  margin-left: auto;
}

.marketplace-arc-stages__stage-detail {
  border-top: 1px solid var(--arc-stage-border, var(--surface-200, #eef1f6));
  padding: var(--spacing-sm, 10px) var(--spacing-md, 14px) var(--spacing-md, 12px) var(--spacing-xl, 44px);
  background: var(--arc-stage-detail-bg, #fbfcfe);
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm, 8px);
}

.marketplace-arc-stages__detail-block {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.marketplace-arc-stages__detail-label {
  font-size: var(--text-xxs, 10.5px);
  font-weight: 700;
  color: var(--text-color-secondary, #6b7f99);
  text-transform: uppercase;
  letter-spacing: 0.06em;
}

.marketplace-arc-stages__detail-intents {
  font-size: var(--text-sm, 12px);
  color: var(--text-color, #062c58);
  font-style: italic;
}

.marketplace-arc-stages__detail-transitions {
  font-size: var(--text-sm, 11.5px);
  color: var(--text-color, #062c58);
  font-family: var(--font-family-mono, monospace);
}

.marketplace-arc-stages__task-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 3px;
}

.marketplace-arc-stages__task-row {
  display: flex;
  align-items: center;
  gap: var(--spacing-xs, 6px);
  font-size: var(--text-sm, 11.5px);
}

.marketplace-arc-stages__task-icon {
  font-size: var(--text-xs, 11px);
  color: var(--primary-color, #377fc4);
}

.marketplace-arc-stages__task-name {
  color: var(--text-color, #062c58);
  font-weight: 600;
}

.marketplace-arc-stages__task-assignee {
  color: var(--text-color-secondary, #6b7f99);
}

.marketplace-arc-stages__key-dates {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin-top: var(--spacing-xs, 4px);
}

.marketplace-arc-stages__key-date-list {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-xs, 6px);
}

[data-theme=dark] .marketplace-arc-stages {
  color: var(--text-color-dark, #e2e8f0);
}

[data-theme=dark] .marketplace-arc-stages .marketplace-arc-stages__stage {
  background: var(--arc-stage-bg-dark, rgba(148, 163, 184, 0.08));
  border-color: var(--arc-stage-border-dark, rgba(148, 163, 184, 0.25));
}

[data-theme=dark] .marketplace-arc-stages .marketplace-arc-stages__stage-header {
  color: var(--text-color-dark, #e2e8f0);
}

[data-theme=dark] .marketplace-arc-stages .marketplace-arc-stages__stage-detail {
  background: var(--arc-stage-detail-bg-dark, rgba(148, 163, 184, 0.04));
  border-color: var(--arc-stage-border-dark, rgba(148, 163, 184, 0.25));
}

[data-theme=dark] .marketplace-arc-stages .marketplace-arc-stages__detail-label,
[data-theme=dark] .marketplace-arc-stages .marketplace-arc-stages__task-count,
[data-theme=dark] .marketplace-arc-stages .marketplace-arc-stages__chevron,
[data-theme=dark] .marketplace-arc-stages .marketplace-arc-stages__task-assignee,
[data-theme=dark] .marketplace-arc-stages .marketplace-arc-stages__empty {
  color: var(--text-color-secondary-dark, #94a3b8);
}

[data-theme=dark] .marketplace-arc-stages .marketplace-arc-stages__detail-intents,
[data-theme=dark] .marketplace-arc-stages .marketplace-arc-stages__detail-transitions,
[data-theme=dark] .marketplace-arc-stages .marketplace-arc-stages__task-name {
  color: var(--text-color-dark, #e2e8f0);
}
.marketplace-child-spheres {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md, 14px);
  font-family: var(--font-family);
  color: var(--text-color, #0f172a);
}

.marketplace-child-spheres__group {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs, 6px);
}

.marketplace-child-spheres__group-header {
  display: flex;
  align-items: center;
  gap: var(--spacing-xs, 7px);
  font-size: var(--text-xs, 11px);
  font-weight: 700;
  color: var(--text-color-secondary, #6b7f99);
  text-transform: uppercase;
  letter-spacing: 0.06em;
  margin-bottom: var(--spacing-xs, 4px);
  flex-wrap: wrap;
}

.marketplace-child-spheres__group-schema {
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-xs, 6px);
}

.marketplace-child-spheres__group-name {
  font-size: var(--text-sm, 13px);
  font-weight: 700;
  color: var(--text-color, #062c58);
  text-transform: none;
  letter-spacing: 0;
}

.marketplace-child-spheres__group-count {
  font-size: var(--text-2xs, 10px);
  background: var(--surface-100, #eff3f8);
  color: var(--text-color-secondary, #6b7f99);
  padding: 0 var(--spacing-xs, 6px);
  border-radius: 9999px;
  letter-spacing: 0;
  text-transform: none;
}

.marketplace-child-spheres__group-filter {
  margin-left: auto;
  padding: 3px var(--spacing-xs, 8px);
  border-radius: var(--border-radius-sm, 6px);
  border: 1px solid var(--surface-border, #e5e9f0);
  background: var(--surface-card, #fff);
  color: var(--text-color, #062c58);
  font-size: var(--text-xs, 11px);
  font-family: inherit;
  outline: none;
  width: 140px;
  text-transform: none;
  letter-spacing: 0;
  font-weight: 500;
}

.marketplace-child-spheres__group-filter:focus {
  border-color: var(--primary-color, #1a75a8);
}

.marketplace-child-spheres__group-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs, 6px);
}

.marketplace-child-spheres__row {
  border-radius: var(--border-radius-md, 10px);
  background: var(--surface-card, #fff);
  border: 1px solid var(--surface-200, #eef1f6);
  overflow: hidden;
  padding: var(--spacing-sm, 11px) var(--spacing-md, 14px);
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs, 7px);
}

.marketplace-child-spheres__row-header {
  display: flex;
  align-items: center;
  gap: var(--spacing-sm, 10px);
  flex-wrap: wrap;
}

.marketplace-child-spheres__row-name {
  font-size: var(--text-sm, 13px);
  font-weight: 700;
  color: var(--text-color, #062c58);
}

.marketplace-child-spheres__row-toggle {
  margin-left: auto;
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-xs, 5px);
  padding: 3px var(--spacing-xs, 9px);
  border-radius: 9999px;
  background: var(--surface-50, #eaf2fb);
  border: 1px solid var(--primary-100, #cde5f4);
  color: var(--primary-color, #1a75a8);
  font-size: var(--text-xs, 11px);
  font-weight: 700;
  cursor: pointer;
  font-family: inherit;
}

.marketplace-child-spheres__row-toggle:hover {
  background: var(--primary-100, #cde5f4);
}

.marketplace-child-spheres__row-description {
  margin: 0;
  font-size: var(--text-xs, 12px);
  color: var(--text-color-secondary, #6b7f99);
  line-height: 1.5;
}

.marketplace-child-spheres__row-condition {
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-xs, 6px);
  align-self: flex-start;
  font-size: var(--text-xs, 11px);
  font-family: var(--font-family-mono, monospace);
  color: var(--warning-text, #78350f);
  background: var(--warning-surface, #fffbeb);
  border: 1px dashed var(--warning-border, #fde68a);
  border-radius: var(--border-radius-sm, 6px);
  padding: 3px var(--spacing-xs, 8px);
}

.marketplace-child-spheres__row-props {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-xs, 6px);
}

.marketplace-child-spheres__row-prop {
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-xs, 5px);
  font-size: var(--text-2xs, 10.5px);
  padding: 1.5px var(--spacing-xs, 8px);
  border-radius: var(--border-radius-sm, 6px);
  background: var(--surface-card, #fff);
  border: 1px solid var(--surface-border, #e5e9f0);
  color: var(--text-color-tertiary, #4a6d98);
  font-weight: 600;
  font-family: var(--font-family-mono, monospace);
}

.marketplace-child-spheres__row-prop-icon {
  color: var(--text-color-quaternary, #94a3b8);
  font-size: var(--text-2xs, 10px);
}

.marketplace-child-spheres__row-prop-value {
  color: var(--text-color, #062c58);
}

.marketplace-child-spheres__row-nested {
  margin-top: var(--spacing-sm, 10px);
  border-top: 1px solid var(--surface-200, #eef1f6);
  padding-top: var(--spacing-sm, 12px);
}

.marketplace-child-spheres__show-more,
.marketplace-child-spheres__collapse {
  margin-top: var(--spacing-xs, 6px);
  padding: var(--spacing-xs, 6px) var(--spacing-sm, 10px);
  border-radius: var(--border-radius-sm, 6px);
  font-size: var(--text-sm, 11.5px);
  font-weight: 700;
  cursor: pointer;
  font-family: inherit;
  display: inline-flex;
  align-items: center;
  align-self: flex-start;
  gap: var(--spacing-xs, 5px);
}

.marketplace-child-spheres__show-more {
  background: var(--surface-card, #fff);
  border: 1px solid var(--surface-border, #e5e9f0);
  color: var(--primary-color, #1a75a8);
}

.marketplace-child-spheres__show-more:hover {
  background: var(--surface-50, #f8fafc);
}

.marketplace-child-spheres__collapse {
  background: transparent;
  border: 1px solid transparent;
  color: var(--text-color-secondary, #6b7f99);
  font-weight: 600;
}

.marketplace-child-spheres__collapse:hover {
  background: var(--surface-50, #f8fafc);
}

.marketplace-child-spheres__empty {
  margin: 0;
  font-size: var(--text-sm, 11.5px);
  color: var(--text-color-secondary, #6b7f99);
  padding: var(--spacing-xs, 8px) 0;
}
.marketplace-orbit-schedule {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm, 10px);
  font-family: var(--font-family);
  color: var(--text-color, #062c58);
}

.marketplace-orbit-schedule__header {
  display: flex;
  align-items: center;
  gap: var(--spacing-xs, 6px);
  flex-wrap: wrap;
}

.marketplace-orbit-schedule__empty {
  margin: 0;
  font-size: var(--text-sm, 13px);
  color: var(--text-color-secondary, #6b7f99);
  font-style: italic;
}

.marketplace-orbit-schedule__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs, 8px);
}

.marketplace-orbit-schedule__schedule {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: var(--spacing-sm, 9px) var(--spacing-md, 12px);
  border: 1px solid var(--orbit-schedule-border, var(--surface-200, #eef1f6));
  border-radius: var(--border-radius-md, 10px);
  background: var(--orbit-schedule-bg, #fff);
}

.marketplace-orbit-schedule__schedule-header {
  display: flex;
  align-items: center;
  gap: var(--spacing-xs, 7px);
  flex-wrap: wrap;
}

.marketplace-orbit-schedule__schedule-icon {
  font-size: var(--text-sm, 13px);
  color: var(--primary-color, #377fc4);
  flex-shrink: 0;
}

.marketplace-orbit-schedule__schedule-name {
  font-size: var(--text-sm, 12.5px);
  font-weight: 700;
}

.marketplace-orbit-schedule__schedule-english {
  margin: 0;
  font-size: var(--text-sm, 12px);
  color: var(--text-color, #062c58);
}

.marketplace-orbit-schedule__key-dates {
  margin-top: var(--spacing-xs, 4px);
  padding-top: var(--spacing-xs, 6px);
  border-top: 1px dashed var(--orbit-schedule-divider, var(--surface-200, #eef1f6));
  display: flex;
  flex-direction: column;
  gap: 3px;
}

.marketplace-orbit-schedule__key-dates-label {
  font-size: var(--text-xxs, 10px);
  font-weight: 700;
  color: var(--text-color-secondary, #94a3b8);
  text-transform: uppercase;
  letter-spacing: 0.06em;
}

.marketplace-orbit-schedule__key-date-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 3px;
}

.marketplace-orbit-schedule__key-date {
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-xs, 6px);
  font-size: var(--text-sm, 11.5px);
}

.marketplace-orbit-schedule__key-date-icon {
  font-size: var(--text-xs, 11px);
  color: var(--primary-color, #377fc4);
}

.marketplace-orbit-schedule__key-date-name {
  font-weight: 700;
  color: var(--text-color, #062c58);
}

.marketplace-orbit-schedule__key-date-source {
  color: var(--text-color-secondary, #6b7f99);
}

.marketplace-orbit-schedule__orphans {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: var(--spacing-sm, 9px) var(--spacing-md, 12px);
  border: 1px solid var(--orbit-schedule-orphan-border, var(--surface-200, #eef1f6));
  border-radius: var(--border-radius-md, 10px);
  background: var(--orbit-schedule-orphan-bg, #fbfaff);
}

.marketplace-orbit-schedule__orphans-header {
  display: flex;
  align-items: center;
  gap: var(--spacing-xs, 6px);
}

.marketplace-orbit-schedule__orphans-icon {
  font-size: var(--text-sm, 12px);
  color: var(--orbit-schedule-orphan-icon, #7c3aed);
}

.marketplace-orbit-schedule__orphans-title {
  font-size: var(--text-sm, 12px);
  font-weight: 700;
}

.marketplace-orbit-schedule__orphans-help {
  margin: 0;
  font-size: var(--text-xs, 11px);
  color: var(--text-color-secondary, #6b7f99);
}

[data-theme=dark] .marketplace-orbit-schedule {
  color: var(--text-color-dark, #e2e8f0);
}

[data-theme=dark] .marketplace-orbit-schedule .marketplace-orbit-schedule__schedule {
  background: var(--orbit-schedule-bg-dark, rgba(148, 163, 184, 0.08));
  border-color: var(--orbit-schedule-border-dark, rgba(148, 163, 184, 0.25));
}

[data-theme=dark] .marketplace-orbit-schedule .marketplace-orbit-schedule__schedule-english,
[data-theme=dark] .marketplace-orbit-schedule .marketplace-orbit-schedule__key-date-name {
  color: var(--text-color-dark, #e2e8f0);
}

[data-theme=dark] .marketplace-orbit-schedule .marketplace-orbit-schedule__key-date-source,
[data-theme=dark] .marketplace-orbit-schedule .marketplace-orbit-schedule__orphans-help,
[data-theme=dark] .marketplace-orbit-schedule .marketplace-orbit-schedule__empty,
[data-theme=dark] .marketplace-orbit-schedule .marketplace-orbit-schedule__key-dates-label {
  color: var(--text-color-secondary-dark, #94a3b8);
}

[data-theme=dark] .marketplace-orbit-schedule .marketplace-orbit-schedule__orphans {
  background: var(--orbit-schedule-orphan-bg-dark, rgba(124, 58, 237, 0.08));
  border-color: var(--orbit-schedule-orphan-border-dark, rgba(148, 163, 184, 0.25));
}
.marketplace-sub-approach-ref {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs, 6px);
  padding: var(--spacing-sm, 11px) var(--spacing-md, 14px);
  border-radius: var(--border-radius-md, 10px);
  border: 1px solid var(--surface-200, #eef1f6);
  background: var(--surface-0, #ffffff);
  font-family: var(--font-family);
  color: var(--text-color, #062c58);
}

.marketplace-sub-approach-ref__header {
  display: flex;
  align-items: center;
  gap: var(--spacing-xs, 10px);
  flex-wrap: wrap;
}

.marketplace-sub-approach-ref__mode-icon {
  font-size: var(--text-md, 16px);
  color: var(--text-color-secondary, #475569);
}

.marketplace-sub-approach-ref__name {
  font-size: var(--text-sm, 13px);
  font-weight: 700;
  color: var(--text-color, #062c58);
  text-decoration: none;
}

a.marketplace-sub-approach-ref__name {
  color: var(--primary-color, #1a75a8);
}

a.marketplace-sub-approach-ref__name:hover,
a.marketplace-sub-approach-ref__name:focus-visible {
  text-decoration: underline;
}

.marketplace-sub-approach-ref__version {
  font-size: var(--text-xxs, 11px);
  font-family: var(--font-family-mono, ui-monospace, SFMono-Regular, monospace);
  color: var(--text-color-secondary, #6b7f99);
}

.marketplace-sub-approach-ref__toggle {
  margin-left: auto;
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-xxs, 5px);
  padding: 3px var(--spacing-xs, 9px);
  border-radius: 9999px;
  border: 1px solid var(--blue-200, #cde5f4);
  background: var(--blue-50, #eaf2fb);
  color: var(--blue-700, #1a75a8);
  font-size: var(--text-xxs, 11px);
  font-weight: 700;
  font-family: inherit;
  cursor: pointer;
}

.marketplace-sub-approach-ref__toggle:hover,
.marketplace-sub-approach-ref__toggle:focus-visible {
  background: var(--blue-100, #dbeafe);
}

.marketplace-sub-approach-ref__toggle-chevron {
  font-size: var(--text-xxs, 11px);
}

.marketplace-sub-approach-ref__description {
  margin: 0;
  font-size: var(--text-xs, 12px);
  color: var(--text-color-secondary, #6b7f99);
  line-height: 1.5;
}

.marketplace-sub-approach-ref__section-heading,
.marketplace-sub-approach-ref__overrides-heading {
  margin: 0;
  font-size: var(--text-xxs, 10.5px);
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--text-color-secondary, #6b7f99);
}

.marketplace-sub-approach-ref__requires-list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xxs, 4px);
}

.marketplace-sub-approach-ref__requires-row {
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-xxs, 6px);
  font-size: var(--text-xxs, 10.5px);
  color: var(--text-color, #4a6d98);
}

.marketplace-sub-approach-ref__requires-key,
.marketplace-sub-approach-ref__requires-value {
  font-family: var(--font-family-mono, ui-monospace, SFMono-Regular, monospace);
  background: var(--surface-50, #f7faff);
  border: 1px solid var(--surface-200, #e5e9f0);
  border-radius: 6px;
  padding: 1px 7px;
}

.marketplace-sub-approach-ref__requires-arrow {
  color: var(--text-color-secondary, #6b7f99);
}

.marketplace-sub-approach-ref__overrides {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xxs, 5px);
  padding: var(--spacing-xs, 9px) var(--spacing-sm, 11px);
  border-radius: var(--border-radius-sm, 8px);
  border: 1px solid var(--violet-200, #e9d5ff);
  background: var(--violet-50, #faf5ff);
}

.marketplace-sub-approach-ref__overrides-heading {
  display: flex;
  align-items: center;
  gap: var(--spacing-xxs, 5px);
  color: var(--violet-700, #6b21a8);
  text-transform: none;
  letter-spacing: 0;
  font-size: var(--text-xxs, 11px);
}

.marketplace-sub-approach-ref__overrides-icon {
  font-size: var(--text-xxs, 11px);
}

.marketplace-sub-approach-ref__overrides-list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xxs, 4px);
}

.marketplace-sub-approach-ref__overrides-row {
  display: flex;
  align-items: baseline;
  gap: var(--spacing-xxs, 7px);
  font-size: var(--text-xs, 11.5px);
  color: var(--violet-900, #3b0764);
  line-height: 1.5;
}

.marketplace-sub-approach-ref__overrides-arrow {
  color: var(--violet-500, #a855f7);
  font-size: var(--text-xxs, 11px);
  flex-shrink: 0;
}

.marketplace-sub-approach-ref__overrides-text {
  flex: 1;
  min-width: 0;
}

.marketplace-sub-approach-ref__condition {
  margin: 0;
  display: inline-flex;
  align-self: flex-start;
  align-items: center;
  gap: var(--spacing-xxs, 6px);
  font-size: var(--text-xxs, 11px);
  font-family: var(--font-family-mono, ui-monospace, SFMono-Regular, monospace);
  color: var(--amber-900, #78350f);
  background: var(--amber-50, #fffbeb);
  border: 1px dashed var(--amber-200, #fde68a);
  border-radius: 6px;
  padding: 3px var(--spacing-xs, 8px);
}

.marketplace-sub-approach-ref__condition-icon {
  font-size: var(--text-xxs, 10px);
}

.marketplace-sub-approach-ref__nested {
  margin-top: var(--spacing-xs, 8px);
  border-top: 1px solid var(--surface-200, #eef1f6);
  padding-top: var(--spacing-sm, 12px);
}

[data-theme=dark] .marketplace-sub-approach-ref {
  background: var(--surface-900, #0b1220);
  border-color: var(--surface-800, #1e293b);
  color: var(--text-color-dark, #e2e8f0);
}

[data-theme=dark] .marketplace-sub-approach-ref .marketplace-sub-approach-ref__name {
  color: var(--text-color-dark, #e2e8f0);
}

[data-theme=dark] .marketplace-sub-approach-ref a.marketplace-sub-approach-ref__name {
  color: var(--blue-300, #93c5fd);
}

[data-theme=dark] .marketplace-sub-approach-ref .marketplace-sub-approach-ref__description,
[data-theme=dark] .marketplace-sub-approach-ref .marketplace-sub-approach-ref__section-heading {
  color: var(--text-color-secondary-dark, #94a3b8);
}

[data-theme=dark] .marketplace-sub-approach-ref .marketplace-sub-approach-ref__requires-key,
[data-theme=dark] .marketplace-sub-approach-ref .marketplace-sub-approach-ref__requires-value {
  background: rgba(148, 163, 184, 0.08);
  border-color: rgba(148, 163, 184, 0.25);
  color: var(--text-color-dark, #e2e8f0);
}

[data-theme=dark] .marketplace-sub-approach-ref .marketplace-sub-approach-ref__overrides {
  background: rgba(168, 85, 247, 0.12);
  border-color: rgba(168, 85, 247, 0.3);
}

[data-theme=dark] .marketplace-sub-approach-ref .marketplace-sub-approach-ref__overrides-heading {
  color: #d8b4fe;
}

[data-theme=dark] .marketplace-sub-approach-ref .marketplace-sub-approach-ref__overrides-text {
  color: #f3e8ff;
}

[data-theme=dark] .marketplace-sub-approach-ref .marketplace-sub-approach-ref__condition {
  background: rgba(245, 158, 11, 0.12);
  border-color: rgba(251, 191, 36, 0.35);
  color: #fcd34d;
}

[data-theme=dark] .marketplace-sub-approach-ref .marketplace-sub-approach-ref__toggle {
  background: rgba(59, 130, 246, 0.18);
  border-color: rgba(96, 165, 250, 0.4);
  color: #93c5fd;
}
.cp-schema-card {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs, 6px);
  padding: var(--spacing-sm, 12px) var(--spacing-md, 14px);
  border: 1px solid var(--surface-border, #e5e7eb);
  border-radius: var(--border-radius-lg, 12px);
  background: var(--component-background, #ffffff);
  font-family: var(--font-family, Manrope, sans-serif);
  text-align: left;
  width: 100%;
  min-width: 0;
}
.cp-schema-card--interactive {
  cursor: pointer;
  transition: transform 160ms ease, box-shadow 160ms ease, border-color 160ms ease;
}
.cp-schema-card--interactive:hover, .cp-schema-card--interactive:focus-visible {
  transform: translateY(-1px);
  border-color: var(--primary-color, #377fc4);
  box-shadow: 0 4px 12px -4px rgba(74, 100, 126, 0.18);
}
.cp-schema-card--interactive:focus-visible {
  outline: none;
}
.cp-schema-card__header {
  display: flex;
  align-items: center;
  gap: var(--spacing-sm, 8px);
}
.cp-schema-card__icon {
  width: 24px;
  height: 24px;
  flex-shrink: 0;
}
.cp-schema-card__label {
  margin: 0;
  font-size: var(--text-sm, 14px);
  font-weight: 700;
  color: var(--text-color, #062c58);
  letter-spacing: -0.005em;
}
.cp-schema-card__description {
  margin: 0;
  font-size: var(--text-xs, 12px);
  line-height: 1.5;
  color: var(--text-color-secondary, #4a6d98);
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
[data-theme=dark] .cp-schema-card,
.dark-mode .cp-schema-card {
  background: var(--component-background-dark, #1f2937);
  border-color: var(--surface-border-dark, #374151);
}
[data-theme=dark] .cp-schema-card .cp-schema-card__label,
.dark-mode .cp-schema-card .cp-schema-card__label {
  color: var(--text-color-dark, #f1f5f9);
}
[data-theme=dark] .cp-schema-card .cp-schema-card__description,
.dark-mode .cp-schema-card .cp-schema-card__description {
  color: var(--text-color-secondary-dark, #94a3b8);
}
.marketplace-wi-reader {
  --wi-tint-bg: var(--component-background);
  --wi-tint-border: var(--primary-border);
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
  padding: var(--spacing-md);
  border: 1px solid var(--wi-tint-border);
  border-radius: var(--border-radius-md);
  background: var(--wi-tint-bg);
  font-family: var(--font-family);
  color: var(--primary-text-color);
}
.marketplace-wi-reader--tint-0 {
  --wi-tint-bg: var(--component-background);
}
.marketplace-wi-reader--tint-1 {
  --wi-tint-bg: var(--component-background-alt, var(--component-background));
}
.marketplace-wi-reader--tint-2 {
  --wi-tint-bg: var(--component-background);
}
.marketplace-wi-reader--tint-3 {
  --wi-tint-bg: var(--component-background-alt, var(--component-background));
}
.marketplace-wi-reader--tint-4 {
  --wi-tint-bg: var(--component-background);
}
.marketplace-wi-reader--border-0 {
  --wi-tint-border: var(--primary-border);
}
.marketplace-wi-reader--border-1 {
  --wi-tint-border: var(--primary-border-strong, var(--primary-border));
}
.marketplace-wi-reader--border-2 {
  --wi-tint-border: var(--primary-border);
}
.marketplace-wi-reader--border-3 {
  --wi-tint-border: var(--primary-border-strong, var(--primary-border));
}
.marketplace-wi-reader--border-4 {
  --wi-tint-border: var(--primary-border);
}
[data-theme=dark] .marketplace-wi-reader {
  background: var(--component-background-dark, var(--component-background));
  border-color: var(--primary-border-dark, var(--primary-border));
}
.marketplace-wi-reader__bucket {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs);
}
.marketplace-wi-reader__bucket-header {
  display: flex;
  align-items: center;
  gap: var(--spacing-xs);
  cursor: pointer;
}
.marketplace-wi-reader__bucket-section-header {
  flex: 1;
  min-width: 0;
}
.marketplace-wi-reader__bucket-count {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 20px;
  height: 20px;
  padding: 0 var(--spacing-xxs);
  border-radius: 10px;
  background: var(--component-background-alt, var(--primary-border));
  font-size: 11px;
  font-weight: 600;
  color: var(--secondary-text-color);
  flex-shrink: 0;
}
.marketplace-wi-reader__bucket-subtitle {
  font-size: 12px;
  color: var(--secondary-text-color);
  flex-shrink: 0;
}
.marketplace-wi-reader__bucket-toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  padding: 0;
  background: transparent;
  border: none;
  border-radius: var(--border-radius-sm);
  color: var(--secondary-text-color);
  cursor: pointer;
  flex-shrink: 0;
}
.marketplace-wi-reader__bucket-toggle:hover {
  background: var(--component-background-alt, transparent);
  color: var(--primary-text-color);
}
.marketplace-wi-reader__bucket-toggle:focus-visible {
  outline: 2px solid var(--focus-ring, var(--primary-color));
  outline-offset: 1px;
}
.marketplace-wi-reader__bucket-chevron {
  font-size: 12px;
}
.marketplace-wi-reader__header-pills {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-xs);
  padding-bottom: var(--spacing-sm);
  border-bottom: 1px dashed var(--wi-tint-border);
}
.marketplace-wi-reader__bucket-body {
  padding-left: var(--spacing-lg);
}
.marketplace-wi-reader__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xxs);
}
.marketplace-wi-reader__list--prereq-cards {
  gap: var(--spacing-sm);
}
.marketplace-wi-reader__prereq-item {
  display: block;
}
.marketplace-wi-reader__row {
  display: flex;
  align-items: center;
  gap: var(--spacing-xs);
  padding: var(--spacing-xxs) 0;
}
.marketplace-wi-reader__row-name {
  font-size: 14px;
  color: var(--primary-text-color);
}
.marketplace-wi-reader__placeholder {
  margin: 0;
  font-size: 14px;
  color: var(--secondary-text-color);
}
.marketplace-wi-reader__nested-include {
  margin-top: var(--spacing-xs);
}
.marketplace-wi-reader__child-row {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xxs);
}
.marketplace-wi-reader__child-row-toggle {
  display: flex;
  align-items: center;
  gap: var(--spacing-xs);
  padding: var(--spacing-xxs) var(--spacing-xs);
  background: transparent;
  border: 1px solid transparent;
  border-radius: var(--border-radius-sm);
  color: var(--primary-text-color);
  font-family: inherit;
  font-size: 14px;
  text-align: left;
  cursor: pointer;
}
.marketplace-wi-reader__child-row-toggle:hover:not(:disabled) {
  background: var(--component-background-alt, transparent);
  border-color: var(--primary-border);
}
.marketplace-wi-reader__child-row-toggle:disabled {
  cursor: default;
  opacity: 0.6;
}
.marketplace-wi-reader__child-row-icon {
  flex-shrink: 0;
}
.marketplace-wi-reader__child-row-name {
  font-weight: 500;
}
.marketplace-wi-reader__child-row-schema {
  font-size: 12px;
  color: var(--secondary-text-color);
}
.marketplace-wi-reader__child-row-nested {
  margin-left: var(--spacing-md);
  margin-top: var(--spacing-xs);
}
.marketplace-wi-reader--cyclic {
  flex-direction: row;
  align-items: center;
  gap: var(--spacing-xs);
  padding: var(--spacing-xs) var(--spacing-md);
  background: var(--component-background);
  border-style: dashed;
  color: var(--secondary-text-color);
}
[data-theme=dark] .marketplace-wi-reader--cyclic {
  background: var(--component-background-dark, var(--component-background));
}
.marketplace-wi-reader__cyclic-icon {
  font-size: 14px;
}
.marketplace-wi-reader__cyclic-text {
  font-size: 13px;
}
.marketplace-wi-reader--loading {
  align-items: center;
  justify-content: center;
  min-height: 96px;
  color: var(--secondary-text-color);
}
.marketplace-wi-reader__loading-text {
  font-size: 13px;
}
.marketplace-wi-reader--error {
  flex-direction: row;
  align-items: center;
  gap: var(--spacing-md);
  padding: var(--spacing-sm) var(--spacing-md);
  border-style: dashed;
}
.marketplace-wi-reader__error-text {
  font-size: 14px;
  color: var(--secondary-text-color);
}
.marketplace-wi-reader__retry {
  background: transparent;
  border: 1px solid var(--primary-border);
  border-radius: var(--border-radius-sm);
  padding: var(--spacing-xxs) var(--spacing-xs);
  font-family: inherit;
  font-size: 13px;
  color: var(--primary-text-color);
  cursor: pointer;
}
.marketplace-wi-reader__retry:hover {
  background: var(--component-background-alt, transparent);
}
[data-theme=dark] .marketplace-wi-reader__retry {
  border-color: var(--primary-border-dark, var(--primary-border));
}
.marketplace-wi-reader .cp-wi-reader__schema-card-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
  gap: var(--spacing-sm, 12px);
}
.marketplace-wi-reader .cp-wi-reader__schema-card-cell {
  position: relative;
  display: flex;
  min-width: 0;
}
.marketplace-wi-reader .cp-wi-reader__schema-card-cell > * {
  width: 100%;
}
.marketplace-wi-reader .cp-wi-reader__schema-card-badge {
  position: absolute;
  top: var(--spacing-xs, 8px);
  right: var(--spacing-xs, 8px);
}
.marketplace-approach-detail {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
  padding: var(--spacing-lg);
  max-width: 960px;
  width: 100%;
  margin: 0 auto;
}
[data-theme=dark] .marketplace-approach-detail {
  background: var(--surface-deep-dark);
}
.marketplace-approach-detail__back-btn {
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-xxs);
  padding: var(--spacing-xxs) var(--spacing-xs);
  font-size: 14px;
  font-family: var(--font-family);
  color: var(--primary-text-color);
  background: transparent;
  border: none;
  cursor: pointer;
  border-radius: var(--border-radius-sm);
  transition: background 0.15s ease;
}
.marketplace-approach-detail__back-btn:hover {
  background: var(--component-background);
}
[data-theme=dark] .marketplace-approach-detail__back-btn {
  color: var(--primary-text-color);
}
[data-theme=dark] .marketplace-approach-detail__back-btn:hover {
  background: var(--component-background-dark);
}
.marketplace-approach-detail__breadcrumb {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 12px 0;
  font-size: 13px;
  font-family: var(--font-family);
  color: var(--secondary-text-color, #6c757d);
}
.marketplace-approach-detail__breadcrumb-link {
  background: none;
  border: none;
  padding: 0;
  color: var(--primary-color, #3b82f6);
  cursor: pointer;
  font-size: 13px;
  font-family: var(--font-family);
}
.marketplace-approach-detail__breadcrumb-link:hover {
  text-decoration: underline;
}
.marketplace-approach-detail__breadcrumb-sep {
  color: var(--secondary-text-color, #9ca3af);
}
.marketplace-approach-detail__breadcrumb-current {
  color: var(--primary-text-color, #1f2937);
  font-weight: 500;
}
.marketplace-approach-detail__content {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
}
.marketplace-approach-detail__skeleton {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
}
.marketplace-approach-detail__skeleton-header {
  display: flex;
  gap: var(--spacing-md);
  align-items: flex-start;
}
.marketplace-approach-detail__skeleton-icon {
  width: 56px;
  height: 56px;
  border-radius: var(--border-radius-md);
  background: var(--primary-border);
  flex-shrink: 0;
  animation: approach-detail-skeleton-pulse 1.5s ease-in-out infinite;
}
[data-theme=dark] .marketplace-approach-detail__skeleton-icon {
  background: var(--border-subtle-dark);
}
.marketplace-approach-detail__skeleton-header-text {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs);
  flex: 1;
}
.marketplace-approach-detail__skeleton-bar {
  border-radius: var(--border-radius-sm);
  background: var(--primary-border);
  animation: approach-detail-skeleton-pulse 1.5s ease-in-out infinite;
}
[data-theme=dark] .marketplace-approach-detail__skeleton-bar {
  background: var(--border-subtle-dark);
}
.marketplace-approach-detail__skeleton-bar--title {
  height: 24px;
  width: 60%;
}
.marketplace-approach-detail__skeleton-bar--subtitle {
  height: 16px;
  width: 40%;
}
.marketplace-approach-detail__skeleton-bar--meta {
  height: 14px;
  width: 30%;
}
.marketplace-approach-detail__skeleton-bar--description {
  height: 14px;
  width: 90%;
}
.marketplace-approach-detail__skeleton-bar--description + .marketplace-approach-detail__skeleton-bar--description {
  width: 75%;
}
.marketplace-approach-detail__skeleton-bar--section-title {
  height: 18px;
  width: 35%;
}
.marketplace-approach-detail__skeleton-section {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
  padding: var(--spacing-lg);
  background: var(--component-background);
  border-radius: var(--border-radius-md);
  border: 1px solid var(--primary-border);
}
[data-theme=dark] .marketplace-approach-detail__skeleton-section {
  background: var(--surface-raised);
  border-color: var(--border-subtle-dark);
}
.marketplace-approach-detail__skeleton-card {
  height: 80px;
  border-radius: var(--border-radius-sm);
  background: var(--primary-border);
  animation: approach-detail-skeleton-pulse 1.5s ease-in-out infinite;
}
[data-theme=dark] .marketplace-approach-detail__skeleton-card {
  background: var(--border-subtle-dark);
}
.marketplace-approach-detail__error {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-sm);
  padding: var(--spacing-xl) 0;
  text-align: center;
}
.marketplace-approach-detail__error-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: var(--error-background, #f8d7da);
  color: var(--error-text-color, #721c24);
  font-size: 24px;
  font-weight: 700;
  font-family: var(--font-family);
  margin-bottom: var(--spacing-xs);
}
[data-theme=dark] .marketplace-approach-detail__error-icon {
  background: var(--error-background-dark, #842029);
  color: var(--error-text-color-dark, #f8d7da);
}
.marketplace-approach-detail__error-title {
  margin: 0;
  font-size: 18px;
  font-weight: 700;
  font-family: var(--font-family);
  color: var(--primary-text-color);
}
.marketplace-approach-detail__error-description {
  margin: 0;
  font-size: 14px;
  font-family: var(--font-family);
  color: var(--secondary-text-color);
  max-width: 400px;
}
.marketplace-approach-detail__not-found {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-sm);
  padding: var(--spacing-xl) 0;
  text-align: center;
}
.marketplace-approach-detail__not-found-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: var(--component-background);
  color: var(--secondary-text-color);
  font-size: 24px;
  font-weight: 700;
  font-family: var(--font-family);
  border: 2px solid var(--primary-border);
  margin-bottom: var(--spacing-xs);
}
[data-theme=dark] .marketplace-approach-detail__not-found-icon {
  background: var(--surface-raised);
  border-color: var(--border-soft-dark);
}
.marketplace-approach-detail__not-found-title {
  margin: 0;
  font-size: 18px;
  font-weight: 700;
  font-family: var(--font-family);
  color: var(--primary-text-color);
}
.marketplace-approach-detail__not-found-description {
  margin: 0;
  font-size: 14px;
  font-family: var(--font-family);
  color: var(--secondary-text-color);
  max-width: 400px;
}
.marketplace-approach-detail__tab-content {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
}
.marketplace-approach-detail__description-text {
  margin: 0;
  font-size: 14px;
  font-family: var(--font-family);
  color: var(--secondary-text-color);
  line-height: 1.6;
  white-space: pre-wrap;
}
.marketplace-approach-detail__sections {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
}
.marketplace-approach-detail__section-heading {
  margin: 0 0 var(--spacing-sm) 0;
  font-size: 18px;
  font-weight: 700;
  font-family: var(--font-family);
  color: var(--primary-text-color);
}
.marketplace-approach-detail__section {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
  padding: var(--spacing-lg);
  background: var(--component-background);
  border-radius: var(--border-radius-md);
  border: 1px solid var(--primary-border);
}
[data-theme=dark] .marketplace-approach-detail__section {
  background: var(--surface-raised);
  border-color: var(--border-subtle-dark);
}
.marketplace-approach-detail__section-title {
  margin: 0;
  font-size: 16px;
  font-weight: 700;
  font-family: var(--font-family);
  color: var(--primary-text-color);
}
.marketplace-approach-detail__deploy-toast {
  position: fixed;
  bottom: var(--spacing-lg);
  right: var(--spacing-lg);
  display: flex;
  align-items: center;
  gap: var(--spacing-sm);
  padding: var(--spacing-sm) var(--spacing-md);
  border-radius: var(--border-radius-md);
  font-size: 14px;
  font-family: var(--font-family);
  z-index: 1000;
  box-shadow: var(--shadow-md);
}
.marketplace-approach-detail__deploy-toast--success {
  background: var(--success-background, #d4edda);
  color: var(--success-text-color, #155724);
}
[data-theme=dark] .marketplace-approach-detail__deploy-toast--success {
  background: var(--success-background-dark, #0f5132);
  color: var(--success-text-color-dark, #d4edda);
}
.marketplace-approach-detail__deploy-toast--error {
  background: var(--error-background, #f8d7da);
  color: var(--error-text-color, #721c24);
}
[data-theme=dark] .marketplace-approach-detail__deploy-toast--error {
  background: var(--error-background-dark, #842029);
  color: var(--error-text-color-dark, #f8d7da);
}
.marketplace-approach-detail__deploy-toast-close {
  background: transparent;
  border: none;
  font-size: 18px;
  cursor: pointer;
  color: inherit;
  padding: 0;
  line-height: 1;
}
.marketplace-approach-detail__ratings-section {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
  padding: var(--spacing-lg);
  background: var(--component-background);
  border-radius: var(--border-radius-md);
  border: 1px solid var(--primary-border);
}
[data-theme=dark] .marketplace-approach-detail__ratings-section {
  background: var(--surface-raised);
  border-color: var(--border-subtle-dark);
}
.marketplace-approach-detail__ratings-content {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
}
.marketplace-approach-detail__user-rating {
  display: flex;
  align-items: center;
  gap: var(--spacing-sm);
  font-size: 14px;
  font-family: var(--font-family);
  color: var(--secondary-text-color);
}
.marketplace-approach-detail__user-rating-label {
  font-weight: 600;
}
.marketplace-approach-detail__edit-rating-btn {
  padding: var(--spacing-xxs) var(--spacing-sm);
  font-size: 13px;
  font-family: var(--font-family);
  color: var(--primary-color);
  background: transparent;
  border: 1px solid var(--primary-color);
  border-radius: var(--border-radius-sm);
  cursor: pointer;
  transition: background 0.15s ease;
}
.marketplace-approach-detail__edit-rating-btn:hover {
  background: var(--primary-color);
  color: var(--primary-text-inverted, #fff);
}
[data-theme=dark] .marketplace-approach-detail__edit-rating-btn {
  color: var(--primary-color-light, var(--primary-color));
  border-color: var(--primary-color-light, var(--primary-color));
}
[data-theme=dark] .marketplace-approach-detail__edit-rating-btn:hover {
  background: var(--primary-color-light, var(--primary-color));
  color: var(--primary-text-inverted, #fff);
}
.marketplace-approach-detail__rate-btn {
  align-self: flex-start;
  padding: var(--spacing-xs) var(--spacing-md);
  font-size: 14px;
  font-family: var(--font-family);
  font-weight: 600;
  color: var(--primary-color);
  background: transparent;
  border: 1px solid var(--primary-color);
  border-radius: var(--border-radius-sm);
  cursor: pointer;
  transition: background 0.15s ease, color 0.15s ease;
}
.marketplace-approach-detail__rate-btn:hover {
  background: var(--primary-color);
  color: var(--primary-text-inverted, #fff);
}
[data-theme=dark] .marketplace-approach-detail__rate-btn {
  color: var(--primary-color-light, var(--primary-color));
  border-color: var(--primary-color-light, var(--primary-color));
}
[data-theme=dark] .marketplace-approach-detail__rate-btn:hover {
  background: var(--primary-color-light, var(--primary-color));
  color: var(--primary-text-inverted, #fff);
}
.marketplace-approach-detail__load-more-btn {
  align-self: center;
  padding: var(--spacing-xs) var(--spacing-md);
  font-size: 14px;
  font-family: var(--font-family);
  color: var(--primary-color);
  background: transparent;
  border: 1px solid var(--primary-border);
  border-radius: var(--border-radius-sm);
  cursor: pointer;
  transition: background 0.15s ease;
}
.marketplace-approach-detail__load-more-btn:hover {
  background: var(--component-background);
}
[data-theme=dark] .marketplace-approach-detail__load-more-btn {
  color: var(--primary-color-light, var(--primary-color));
  border-color: var(--primary-border-dark);
}
[data-theme=dark] .marketplace-approach-detail__load-more-btn:hover {
  background: var(--component-background-dark);
}
.marketplace-approach-detail__wizard-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 999;
}
[data-theme=dark] .marketplace-approach-detail__wizard-overlay {
  background: rgba(0, 0, 0, 0.7);
}
.marketplace-approach-detail__wizard-container {
  width: 90%;
  max-width: 640px;
  max-height: 90vh;
  overflow-y: auto;
  border-radius: var(--border-radius-lg);
  box-shadow: var(--shadow-lg);
}
[data-theme=dark] .marketplace-approach-detail__wizard-container {
  background: var(--surface-raised);
  border: 1px solid var(--border-subtle-dark);
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.5);
}
@keyframes approach-detail-skeleton-pulse {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}
.marketplace-sphere-subscriptions-molecule {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
  padding: var(--spacing-md);
  background: var(--component-background);
  border-radius: var(--border-radius-md);
  border: 1px solid var(--primary-border);
}
[data-theme=dark] .marketplace-sphere-subscriptions-molecule {
  background: var(--component-background-dark);
  border-color: var(--primary-border-dark);
}
.marketplace-sphere-subscriptions-molecule__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--spacing-sm);
}
.marketplace-sphere-subscriptions-molecule__title {
  margin: 0;
  font-size: var(--text-sm);
  font-weight: 600;
  color: var(--primary-text-color);
}
.marketplace-sphere-subscriptions-molecule__trigger {
  position: relative;
}
.marketplace-sphere-subscriptions-molecule__popover {
  position: absolute;
  right: 0;
  top: calc(100% + var(--spacing-xs));
  z-index: 100;
  min-width: 320px;
  max-width: 420px;
  padding: var(--spacing-md);
  background: var(--component-background);
  border: 1px solid var(--primary-border);
  border-radius: var(--border-radius-md);
  box-shadow: var(--shadow-lg, 0 8px 24px rgba(0, 0, 0, 0.12));
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}
[data-theme=dark] .marketplace-sphere-subscriptions-molecule__popover {
  background: var(--component-background-dark);
  border-color: var(--primary-border-dark);
  box-shadow: var(--shadow-lg-dark, 0 8px 24px rgba(0, 0, 0, 0.4));
}
.marketplace-sphere-subscriptions-molecule__popover-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.marketplace-sphere-subscriptions-molecule__popover-title {
  font-size: var(--text-sm);
  font-weight: 600;
  color: var(--primary-text-color);
}
.marketplace-sphere-subscriptions-molecule__scope {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xxs);
  padding: 0;
  margin: 0;
  border: none;
}
.marketplace-sphere-subscriptions-molecule__scope-legend {
  font-size: var(--text-xs);
  font-weight: 600;
  color: var(--secondary-text-color);
  margin-bottom: var(--spacing-xxs);
  padding: 0;
}
.marketplace-sphere-subscriptions-molecule__scope-option {
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-xs);
  font-size: var(--text-sm);
  color: var(--primary-text-color);
  cursor: pointer;
}
.marketplace-sphere-subscriptions-molecule__scope-option input[type=radio] {
  cursor: pointer;
}
.marketplace-sphere-subscriptions-molecule__search {
  margin-top: var(--spacing-xxs);
}
.marketplace-sphere-subscriptions-molecule__error {
  color: var(--danger-color);
  font-size: var(--text-xs);
}
.marketplace-sphere-subscriptions-molecule__popover-actions {
  display: flex;
  justify-content: flex-end;
  gap: var(--spacing-xs);
}
.marketplace-sphere-subscriptions-molecule__empty {
  margin: 0;
  font-size: var(--text-sm);
  color: var(--secondary-text-color);
}
.marketplace-sphere-subscriptions-molecule__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xxs);
}
.marketplace-sphere-subscriptions-molecule__item {
  display: flex;
  align-items: center;
  gap: var(--spacing-xs);
  padding: var(--spacing-xs) var(--spacing-sm);
  border-radius: var(--border-radius-sm);
  background: var(--component-background-alt, transparent);
}
[data-theme=dark] .marketplace-sphere-subscriptions-molecule__item {
  background: var(--component-background-alt-dark, rgba(255, 255, 255, 0.03));
}
.marketplace-sphere-subscriptions-molecule__item-icon {
  color: var(--secondary-text-color);
  font-size: 12px;
}
.marketplace-sphere-subscriptions-molecule__item-name {
  flex: 1;
  min-width: 0;
  font-size: var(--text-sm);
  color: var(--primary-text-color);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.marketplace-sphere-subscriptions-molecule__chip {
  display: inline-block;
  padding: 2px var(--spacing-xxs);
  font-size: 11px;
  font-weight: 600;
  border-radius: var(--border-radius-sm);
  flex-shrink: 0;
}
.marketplace-sphere-subscriptions-molecule__chip--direct {
  background: var(--blue-100, #dbeafe);
  color: var(--blue-700, #1d4ed8);
}
[data-theme=dark] .marketplace-sphere-subscriptions-molecule__chip--direct {
  background: var(--blue-900, #1e3a5f);
  color: var(--blue-300, #93c5fd);
}
.marketplace-sphere-subscriptions-molecule__chip--recursive {
  background: var(--purple-100, #f3e8ff);
  color: var(--purple-700, #7c3aed);
}
[data-theme=dark] .marketplace-sphere-subscriptions-molecule__chip--recursive {
  background: var(--purple-900, #3b0764);
  color: var(--purple-300, #c4b5fd);
}
.marketplace-sphere-subscriptions-molecule__remove {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  padding: 0;
  background: transparent;
  border: none;
  border-radius: var(--border-radius-sm);
  color: var(--secondary-text-color);
  cursor: pointer;
}
.marketplace-sphere-subscriptions-molecule__remove:hover {
  color: var(--danger-color);
  background: var(--red-50, #fef2f2);
}
[data-theme=dark] .marketplace-sphere-subscriptions-molecule__remove:hover {
  background: var(--red-900, #450a0a);
}
.marketplace-sphere-subscriptions-molecule__remove i {
  font-size: 12px;
}
.marketplace-publisher-chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  border-radius: 9999px;
  padding: 4px 11px 4px 4px;
  font-size: 12.5px;
  font-family: var(--font-family);
  font-weight: 700;
  border: 1px solid var(--publisher-chip-border, #dbeafe);
  background: var(--publisher-chip-bg, #ffffff);
  color: var(--publisher-chip-color, #1a75a8);
  transition: border-color 140ms ease, background-color 140ms ease;
}
[data-theme=dark] .marketplace-publisher-chip {
  --publisher-chip-border: rgba(255, 255, 255, 0.25);
  --publisher-chip-bg: var(--border-subtle-dark);
  --publisher-chip-color: #ffffff;
}
.marketplace-publisher-chip--clickable {
  cursor: pointer;
}
.marketplace-publisher-chip--clickable:hover {
  border-color: var(--publisher-chip-border-hover, #93c5fd);
  background-color: var(--publisher-chip-bg-hover, #f5f9ff);
}
.marketplace-publisher-chip--clickable:focus-visible {
  outline: 2px solid var(--focus-ring, #2563eb);
  outline-offset: 2px;
}
[data-theme=dark] .marketplace-publisher-chip--clickable:hover {
  border-color: rgba(255, 255, 255, 0.4);
  background-color: var(--border-soft-dark);
}
.marketplace-publisher-chip__coin {
  border-radius: 6px !important;
}
.marketplace-publisher-chip__by {
  color: var(--publisher-chip-by-color, #9ca3af);
  font-weight: 500;
}
[data-theme=dark] .marketplace-publisher-chip__by {
  color: rgba(255, 255, 255, 0.65);
}
.marketplace-publisher-chip__name {
  font-weight: 700;
}
.marketplace-publisher-chip__official {
  color: var(--publisher-chip-official-color, #377fc4);
  font-size: 14px;
  flex-shrink: 0;
}
[data-theme=dark] .marketplace-publisher-chip__official {
  color: #ffffff;
}
.marketplace-channel-status-callout {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs, 8px);
}
.marketplace-channel-status-callout__pill {
  display: flex;
  align-items: center;
}
.marketplace-channel-status-callout__actions {
  display: flex;
  align-items: center;
  gap: var(--spacing-xs, 8px);
  padding-top: var(--spacing-xxs, 4px);
}
.marketplace-manager-review-bar {
  padding: 14px 16px;
  border-radius: var(--border-radius-md, 8px);
  border: 1px solid var(--manager-bar-border, #e0e7ff);
  background-color: var(--manager-bar-bg, #eef2ff);
}
[data-theme=dark] .marketplace-manager-review-bar {
  background-color: rgba(99, 102, 241, 0.1);
  border-color: rgba(99, 102, 241, 0.3);
}
.marketplace-manager-review-bar__header {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 12px;
  color: var(--manager-bar-header-fg, #4338ca);
}
[data-theme=dark] .marketplace-manager-review-bar__header {
  color: #a5b4fc;
}
.marketplace-manager-review-bar__icon {
  font-size: 14px;
}
.marketplace-manager-review-bar__title {
  font-size: 13px;
  font-weight: 600;
}
.marketplace-manager-review-bar__actions {
  display: flex;
  gap: 8px;
}
.marketplace-manager-review-bar__approve-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 16px;
  border: none;
  border-radius: var(--border-radius-md, 8px);
  background-color: var(--manager-bar-approve-bg, #059669);
  color: #fff;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
}
.marketplace-manager-review-bar__approve-btn:hover:not(:disabled) {
  background-color: var(--manager-bar-approve-hover, #047857);
}
.marketplace-manager-review-bar__approve-btn:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
.marketplace-manager-review-bar__reject-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 16px;
  border: 1.5px solid var(--manager-bar-reject-border, #dc2626);
  border-radius: var(--border-radius-md, 8px);
  background-color: transparent;
  color: var(--manager-bar-reject-fg, #dc2626);
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
}
.marketplace-manager-review-bar__reject-btn:hover:not(:disabled) {
  background-color: #fff1f2;
}
.marketplace-manager-review-bar__reject-btn:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
[data-theme=dark] .marketplace-manager-review-bar__reject-btn {
  color: #fca5a5;
  border-color: #ef4444;
}
[data-theme=dark] .marketplace-manager-review-bar__reject-btn:hover:not(:disabled) {
  background-color: rgba(239, 68, 68, 0.1);
}
.marketplace-manager-review-bar__reject-form {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.marketplace-manager-review-bar__reject-label {
  font-size: 12px;
  font-weight: 600;
  color: var(--secondary-text-color);
}
.marketplace-manager-review-bar__reject-textarea {
  width: 100%;
  padding: 8px;
  border: 1px solid var(--border-color, rgba(0, 0, 0, 0.15));
  border-radius: var(--border-radius-sm, 6px);
  font-size: 13px;
  resize: vertical;
  box-sizing: border-box;
}
.marketplace-manager-review-bar__reject-form-actions {
  display: flex;
  gap: 8px;
}
.marketplace-manager-review-bar__reject-submit-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 16px;
  border: none;
  border-radius: var(--border-radius-md, 8px);
  background-color: var(--manager-bar-reject-bg, #dc2626);
  color: #fff;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
}
.marketplace-manager-review-bar__reject-submit-btn:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.marketplace-manager-review-bar__cancel-btn {
  padding: 6px 14px;
  border: 1px solid var(--border-color, rgba(0, 0, 0, 0.15));
  border-radius: var(--border-radius-md, 8px);
  background-color: transparent;
  font-size: 13px;
  cursor: pointer;
}
.marketplace-manager-review-bar__cancel-btn:hover {
  background-color: var(--hover-bg, rgba(0, 0, 0, 0.04));
}
@charset "UTF-8";
/* Channel detail view — co-located styles (Rule 8). */
.marketplace-channel-detail {
  flex: 1;
  display: flex;
  flex-direction: column;
  min-height: 0;
  overflow-y: auto;
  padding: var(--spacing-lg);
  max-width: 1200px;
  margin: 0 auto;
  width: 100%;
}
.marketplace-channel-detail__back {
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-xxs);
  background: transparent;
  border: none;
  color: var(--cta-secondary-color);
  font-family: var(--font-family);
  font-size: var(--text-sm);
  font-weight: 600;
  cursor: pointer;
  padding: var(--spacing-xxs) var(--spacing-xs);
  margin-bottom: var(--spacing-md);
  border-radius: var(--border-radius-sm);
  transition: background 0.15s ease, opacity 0.15s ease;
}
.marketplace-channel-detail__back:hover {
  background: var(--component-background);
  opacity: 0.9;
}
[data-theme=dark] .marketplace-channel-detail__back {
  color: var(--cta-secondary-color);
}
[data-theme=dark] .marketplace-channel-detail__back:hover {
  background: var(--component-background-dark);
}
.marketplace-channel-detail__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--spacing-md);
  margin-bottom: var(--spacing-md);
  position: relative;
  overflow: hidden;
  background: var(--component-background);
  border: 1px solid var(--primary-border);
  border-radius: var(--border-radius-md);
  padding: var(--spacing-md) var(--spacing-md) var(--spacing-md) var(--spacing-lg);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
}
.marketplace-channel-detail__header::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 4px;
  background: linear-gradient(180deg, var(--channel-detail-stripe-from, var(--scope-color-center-coin-top, #4aa8e0)) 0%, var(--channel-detail-stripe-to, var(--scope-color-center-coin-bottom, #1a75a8)) 100%);
}
.marketplace-channel-detail__header--scope-center {
  --channel-detail-stripe-from: var(--scope-color-center-coin-top, #4aa8e0);
  --channel-detail-stripe-to: var(--scope-color-center-coin-bottom, #1a75a8);
}
.marketplace-channel-detail__header--scope-organization {
  --channel-detail-stripe-from: var(
    --scope-color-organization-coin-top,
    #3db68c
  );
  --channel-detail-stripe-to: var(
    --scope-color-organization-coin-bottom,
    #047857
  );
}
.marketplace-channel-detail__header--scope-metasphere {
  --channel-detail-stripe-from: var(
    --scope-color-metasphere-coin-top,
    #8b5cf6
  );
  --channel-detail-stripe-to: var(
    --scope-color-metasphere-coin-bottom,
    #5b21b6
  );
}
.marketplace-channel-detail__header-info {
  min-width: 0;
  flex: 1;
}
.marketplace-channel-detail__header-actions {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: var(--spacing-sm);
  flex-shrink: 0;
  min-width: 240px;
  /* The sphere-subs molecule lives in the right column; let it span the
     column width so its popover/list have room to render. */
}
.marketplace-channel-detail__header-actions > .marketplace-sphere-subscriptions-molecule {
  width: 100%;
}
.marketplace-channel-detail__header-divider {
  height: 1px;
  width: 100%;
  background: var(--primary-border);
  margin: var(--spacing-xs) 0;
}
[data-theme=dark] .marketplace-channel-detail__header-divider {
  background: var(--primary-border-dark);
}
.marketplace-channel-detail__manage-btn {
  background: var(--cta-secondary-color);
  color: #fff;
  border: none;
  border-radius: var(--border-radius-pill);
  padding: 8px 20px;
  font-family: var(--font-family);
  font-size: var(--text-sm);
  font-weight: 600;
  cursor: pointer;
  transition: opacity 0.15s ease;
}
.marketplace-channel-detail__manage-btn:hover {
  opacity: 0.85;
}
.marketplace-channel-detail__manage-btn:focus-visible {
  outline: 2px solid var(--focus-ring-color, var(--cta-secondary-color));
  outline-offset: 2px;
}
.marketplace-channel-detail__title-row {
  display: flex;
  align-items: center;
  gap: var(--spacing-sm);
}
.marketplace-channel-detail__glyph {
  flex-shrink: 0;
}
.marketplace-channel-detail__name {
  margin: 0;
  font-size: var(--text-lg);
  font-weight: 700;
  color: var(--primary-text-color);
}
.marketplace-channel-detail__meta {
  display: flex;
  align-items: center;
  gap: var(--spacing-xxs);
  font-size: var(--text-sm);
  color: var(--secondary-text-color);
  margin-top: var(--spacing-xxs);
}
.marketplace-channel-detail__separator {
  opacity: 0.5;
}
.marketplace-channel-detail__tags {
  margin-top: var(--spacing-xs);
}
.marketplace-channel-detail__description {
  margin: 0 0 var(--spacing-lg) 0;
  font-size: var(--text-normal);
  color: var(--secondary-text-color);
  line-height: 1.5;
}
.marketplace-channel-detail__filter-bar {
  display: flex;
  gap: var(--spacing-sm);
  margin-bottom: var(--spacing-md);
  align-items: center;
}
.marketplace-channel-detail__type-facet-bar {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-sm);
  margin-bottom: var(--spacing-md);
  align-items: center;
}
.marketplace-channel-detail__type-facet-all {
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-xs);
  padding: var(--spacing-xs) var(--spacing-md);
  font-family: var(--font-family);
  font-size: var(--text-sm);
  color: var(--primary-text-color);
  background: var(--component-background);
  border: 1px solid var(--primary-border);
  border-radius: 999px;
  cursor: pointer;
  transition: background-color 0.15s, border-color 0.15s, color 0.15s;
}
.marketplace-channel-detail__type-facet-all:hover {
  border-color: var(--cta-secondary-color);
}
.marketplace-channel-detail__type-facet-all:focus-visible {
  outline: 2px solid var(--cta-secondary-color);
  outline-offset: 2px;
}
.marketplace-channel-detail__type-facet-all-count {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 1.5em;
  padding: 0 var(--spacing-xs);
  font-size: var(--text-xs);
  font-weight: 600;
  color: var(--secondary-text-color);
  background: var(--surface-100, rgba(0, 0, 0, 0.06));
  border-radius: 999px;
}
.marketplace-channel-detail__type-facet-all--selected {
  color: var(--cta-primary-color);
  background: var(--cta-secondary-color);
  border-color: var(--cta-secondary-color);
}
.marketplace-channel-detail__type-facet-all--selected .marketplace-channel-detail__type-facet-all-count {
  color: var(--cta-primary-color);
  background: var(--border-strong-dark);
}
[data-theme=dark] .marketplace-channel-detail__type-facet-all {
  background: var(--dark-card-bg);
  border-color: var(--border-soft-dark);
}
[data-theme=dark] .marketplace-channel-detail__type-facet-all .marketplace-channel-detail__type-facet-all-count {
  background: var(--surface-overlay-dark);
  color: var(--secondary-text-color);
}
[data-theme=dark] .marketplace-channel-detail__type-facet-all.marketplace-channel-detail__type-facet-all--selected {
  background: var(--cta-secondary-color);
  border-color: var(--cta-secondary-color);
}
[data-theme=dark] .marketplace-channel-detail__type-facet-all.marketplace-channel-detail__type-facet-all--selected .marketplace-channel-detail__type-facet-all-count {
  background: var(--border-strong-dark);
  color: var(--cta-primary-color);
}
.marketplace-channel-detail__search {
  flex: 1;
  padding: var(--spacing-xs) var(--spacing-md);
  font-family: var(--font-family);
  font-size: var(--text-sm);
  color: var(--primary-text-color);
  background: var(--component-background);
  border: 1px solid var(--primary-border);
  border-radius: var(--border-radius-md);
  outline: none;
  transition: border-color 0.15s;
}
.marketplace-channel-detail__search::-moz-placeholder {
  color: var(--secondary-text-color);
}
.marketplace-channel-detail__search::placeholder {
  color: var(--secondary-text-color);
}
.marketplace-channel-detail__search:focus {
  border-color: var(--cta-secondary-color);
}
[data-theme=dark] .marketplace-channel-detail__search {
  background: var(--dark-card-bg);
  border-color: var(--border-soft-dark);
  color: var(--primary-text-color);
}
[data-theme=dark] .marketplace-channel-detail__search:focus {
  border-color: var(--cta-secondary-color);
  box-shadow: 0 0 0 2px rgba(55, 127, 196, 0.2);
}
.marketplace-channel-detail__items {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
  margin-bottom: var(--spacing-xl);
}
/* V2: flat responsive grid of channel items (no use-case grouping). */
.marketplace-channel-detail__items-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
  gap: var(--spacing-md);
}
/* Rating chip in the channel header — anchors to the reviews section. */
.marketplace-channel-detail__rating-chip {
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-xxs);
  padding: 0 var(--spacing-xs);
  font-size: var(--text-sm);
  color: var(--secondary-text-color);
  text-decoration: none;
  border-radius: 999px;
  cursor: pointer;
  transition: color 0.15s, background-color 0.15s;
}
.marketplace-channel-detail__rating-chip:hover {
  color: var(--cta-secondary-color);
  background: var(--hover-background);
}
.marketplace-channel-detail__rating-chip:focus-visible {
  outline: 2px solid var(--cta-secondary-color);
  outline-offset: 2px;
}
.marketplace-channel-detail__rating-chip-star {
  color: var(--warning-color, #f59e0b);
  font-size: var(--text-sm);
}
.marketplace-channel-detail__rating-chip-value {
  font-weight: 700;
  color: var(--primary-text-color);
}
.marketplace-channel-detail__rating-chip-count {
  color: var(--secondary-text-color);
}
.marketplace-channel-detail__loading {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex: 1;
  gap: var(--spacing-sm);
  color: var(--secondary-text-color);
  font-size: var(--text-normal);
}
.marketplace-channel-detail__loading p {
  margin: 0;
}
.marketplace-channel-detail__error {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex: 1;
  gap: var(--spacing-sm);
}
.marketplace-channel-detail__empty {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-xl) 0;
  color: var(--secondary-text-color);
  font-size: var(--text-normal);
}
.marketplace-channel-detail__empty p {
  margin: 0;
}
/* Ratings & Reviews section */
.marketplace-channel-detail__ratings-section {
  border-top: 1px solid var(--primary-border);
  padding-top: var(--spacing-lg);
  margin-top: var(--spacing-sm);
}
.marketplace-channel-detail__section-title {
  margin: 0 0 var(--spacing-md) 0;
  font-size: var(--text-lg);
  font-weight: 700;
  color: var(--primary-text-color);
}
.marketplace-channel-detail__ratings-content {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
  margin-bottom: var(--spacing-lg);
}
.marketplace-channel-detail__rate-btn {
  align-self: flex-start;
  background: transparent;
  color: var(--cta-secondary-color);
  border: 1px solid var(--cta-secondary-color);
  border-radius: var(--border-radius-pill);
  padding: 8px 20px;
  font-family: var(--font-family);
  font-size: var(--text-sm);
  font-weight: 600;
  cursor: pointer;
  transition: background 0.15s ease, opacity 0.15s ease;
}
.marketplace-channel-detail__rate-btn:hover {
  background: var(--hover-background);
}
.marketplace-channel-detail__rate-btn:focus-visible {
  outline: 2px solid var(--focus-ring-color, var(--cta-secondary-color));
  outline-offset: 2px;
}
.marketplace-channel-detail__rating-form {
  max-width: 500px;
}
.marketplace-channel-detail__user-rating {
  display: flex;
  align-items: center;
  gap: var(--spacing-sm);
}
.marketplace-channel-detail__user-rating-label {
  font-size: var(--text-sm);
  font-weight: 600;
  color: var(--primary-text-color);
}
.marketplace-channel-detail__edit-rating-btn {
  background: transparent;
  border: 1px solid var(--cta-secondary-color);
  border-radius: var(--border-radius-pill);
  padding: 6px 16px;
  font-family: var(--font-family);
  font-size: var(--text-sm);
  font-weight: 600;
  color: var(--cta-secondary-color);
  cursor: pointer;
  transition: background 0.15s ease, opacity 0.15s ease;
}
.marketplace-channel-detail__edit-rating-btn:hover {
  background: var(--hover-background);
}
.marketplace-channel-detail__edit-rating-btn:focus-visible {
  outline: 2px solid var(--focus-ring-color, var(--cta-secondary-color));
  outline-offset: 2px;
}
.marketplace-channel-detail__reviews {
  margin-top: var(--spacing-sm);
}
.marketplace-channel-detail__load-more-btn {
  align-self: flex-start;
  background: transparent;
  border: 1px solid var(--primary-border);
  border-radius: var(--border-radius-pill);
  padding: 8px 20px;
  font-family: var(--font-family);
  font-size: var(--text-sm);
  font-weight: 600;
  color: var(--primary-text-color);
  cursor: pointer;
  margin-top: var(--spacing-sm);
  transition: background 0.15s ease, opacity 0.15s ease;
}
.marketplace-channel-detail__load-more-btn:hover {
  background: var(--hover-background);
}
.marketplace-channel-detail__load-more-btn:focus-visible {
  outline: 2px solid var(--focus-ring-color, var(--cta-secondary-color));
  outline-offset: 2px;
}
/* Deploy button on item cards (rendered inside this organism). */
.marketplace-item-card-molecule__deploy-area {
  margin-top: var(--spacing-xs);
  display: flex;
  justify-content: flex-end;
}
.marketplace-item-card-molecule__deploy-btn {
  background: var(--cta-primary-background);
  color: #fff;
  border: none;
  border-radius: var(--border-radius-pill);
  padding: 6px 16px;
  font-family: var(--font-family);
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  transition: background 0.15s ease, opacity 0.15s ease;
}
.marketplace-item-card-molecule__deploy-btn:hover:not(:disabled) {
  background: var(--cta-primary-hover-background);
}
.marketplace-item-card-molecule__deploy-btn:focus-visible {
  outline: 2px solid var(--focus-ring-color, var(--cta-secondary-color));
  outline-offset: 2px;
}
.marketplace-item-card-molecule__deploy-btn:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.marketplace-item-card-molecule__deploy-btn--no-eligible {
  background: var(--secondary-text-color);
  opacity: 0.4;
}
[data-theme=dark] .marketplace-channel-detail {
  background: var(--surface-deep-dark);
}
[data-theme=dark] .marketplace-channel-detail__header {
  background: var(--surface-raised);
  border-color: var(--border-subtle-dark);
}
[data-theme=dark] .marketplace-channel-detail__ratings-section {
  background: var(--surface-raised);
  border: 1px solid var(--border-subtle-dark);
  border-radius: var(--border-radius-md);
  padding: var(--spacing-lg);
  margin-top: var(--spacing-md);
}
[data-theme=dark] .marketplace-channel-detail__rate-btn {
  color: var(--cta-secondary-color);
  border-color: var(--cta-secondary-color);
  background: transparent;
}
[data-theme=dark] .marketplace-channel-detail__rate-btn:hover {
  background: var(--hover-overlay-dark);
}
[data-theme=dark] .marketplace-channel-detail__edit-rating-btn {
  border-color: var(--cta-secondary-color);
  color: var(--cta-secondary-color);
}
[data-theme=dark] .marketplace-channel-detail__edit-rating-btn:hover {
  background: var(--hover-overlay-dark);
}
[data-theme=dark] .marketplace-channel-detail__load-more-btn {
  border-color: var(--border-strong-dark);
  color: var(--primary-text-color);
}
[data-theme=dark] .marketplace-channel-detail__load-more-btn:hover {
  background: var(--hover-overlay-dark);
}
[data-theme=dark] .marketplace-channel-detail__manage-btn {
  background: var(--cta-secondary-color);
  color: #fff;
}
[data-theme=dark] .marketplace-channel-detail__empty {
  background: var(--surface-raised);
  border: 1px solid var(--surface-overlay-dark);
  border-radius: var(--border-radius-md);
  padding: var(--spacing-xl);
}
[data-theme=dark] .marketplace-item-card-molecule__deploy-btn {
  background: var(--cta-secondary-color);
  color: #fff;
}
[data-theme=dark] .marketplace-item-card-molecule__deploy-btn--no-eligible {
  background: var(--secondary-text-color);
}
.marketplace-follow-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 14px;
  border-radius: var(--border-radius-md, 8px);
  border: 1.5px solid var(--follow-btn-border, #d1d5db);
  background-color: var(--follow-btn-bg, transparent);
  color: var(--follow-btn-fg, var(--primary-text-color));
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  transition: background-color 120ms ease, border-color 120ms ease, color 120ms ease;
  white-space: nowrap;
}
.marketplace-follow-btn:hover:not(:disabled) {
  background-color: var(--follow-btn-hover-bg, rgba(0, 0, 0, 0.04));
  border-color: var(--follow-btn-hover-border, #9ca3af);
}
.marketplace-follow-btn:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
[data-theme=dark] .marketplace-follow-btn {
  border-color: var(--follow-btn-border-dark, rgba(255, 255, 255, 0.2));
  color: var(--follow-btn-fg-dark, var(--primary-text-color));
}
[data-theme=dark] .marketplace-follow-btn:hover:not(:disabled) {
  background-color: rgba(255, 255, 255, 0.06);
  border-color: rgba(255, 255, 255, 0.35);
}
.marketplace-follow-btn--following {
  border-color: var(--follow-btn-active-border, #ec4899);
  color: var(--follow-btn-active-fg, #be185d);
}
.marketplace-follow-btn--following:hover:not(:disabled) {
  background-color: var(--follow-btn-active-hover-bg, #fdf2f8);
  border-color: #be185d;
}
[data-theme=dark] .marketplace-follow-btn--following {
  border-color: var(--follow-btn-active-border-dark, #f472b6);
  color: var(--follow-btn-active-fg-dark, #f472b6);
}
[data-theme=dark] .marketplace-follow-btn--following:hover:not(:disabled) {
  background-color: rgba(244, 114, 182, 0.1);
}
.marketplace-follow-btn__icon {
  font-size: 14px;
}
.marketplace-follow-btn__count {
  padding: 1px 6px;
  border-radius: 10px;
  background-color: var(--follow-btn-count-bg, rgba(0, 0, 0, 0.06));
  font-size: 11px;
  font-weight: 700;
}
[data-theme=dark] .marketplace-follow-btn__count {
  background-color: var(--border-subtle-dark);
}
@charset "UTF-8";
.marketplace-publisher-card {
  background: var(--card-bg, #fff);
  border-radius: 14px;
  border: 1px solid rgba(0, 0, 0, 0.06);
  box-shadow: 0 1px 2px rgba(74, 100, 126, 0.05);
  padding: 18px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  position: relative;
  overflow: hidden;
  transition: all 180ms cubic-bezier(0.22, 0.61, 0.36, 1);
}
[data-theme=dark] .marketplace-publisher-card {
  background: var(--card-bg-dark, #1a1f2e);
  border-color: var(--surface-overlay-dark);
}
.marketplace-publisher-card--clickable {
  cursor: pointer;
}
.marketplace-publisher-card--hover {
  border-color: #dbeafe;
  box-shadow: 0 14px 32px -10px rgba(6, 44, 88, 0.22);
  transform: translateY(-2px);
}
.marketplace-publisher-card--hover .marketplace-publisher-card__banner {
  opacity: 1;
}
[data-theme=dark] .marketplace-publisher-card--hover {
  border-color: rgba(96, 165, 250, 0.3);
  box-shadow: 0 14px 32px -10px rgba(0, 0, 0, 0.45);
}
.marketplace-publisher-card--clickable:focus-visible {
  outline: 2px solid var(--focus-ring-color, #6366f1);
  outline-offset: 2px;
}
/* 56px hue-gradient banner strip */
.marketplace-publisher-card__banner {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 56px;
  background: linear-gradient(135deg, hsl(var(--publisher-card-hue, 210), 60%, 38%), hsl(var(--publisher-card-hue, 210), 70%, 22%));
  opacity: 0.92;
  transition: opacity 180ms ease;
}
/* Identity row: glyph overlapping banner + name stack */
.marketplace-publisher-card__header {
  position: relative;
  z-index: 1;
  margin-top: 22px;
  display: flex;
  align-items: flex-end;
  gap: 12px;
}
/* Override ScopeCoinAtom --md (48px) to the design's 56px */
.marketplace-publisher-card__glyph {
  flex-shrink: 0;
}
.marketplace-publisher-card__glyph .marketplace-scope-coin {
  width: 56px;
  height: 56px;
  font-size: 24px;
  border-radius: 12px;
}
.marketplace-publisher-card__identity {
  display: flex;
  flex-direction: column;
  gap: 3px;
  padding-bottom: 4px;
  min-width: 0;
}
.marketplace-publisher-card__name {
  font-size: 15px;
  font-weight: 800;
  color: var(--primary-text-color, #062c58);
  letter-spacing: -0.012em;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 220px;
}
[data-theme=dark] .marketplace-publisher-card__name {
  color: var(--primary-text-color);
}
.marketplace-publisher-card__official {
  flex-shrink: 0;
}
.marketplace-publisher-card__slug {
  font-size: 11px;
  color: var(--secondary-text-color, #6b7f99);
  font-weight: 500;
}
/* Bio — 3-line clamp */
.marketplace-publisher-card__bio {
  margin: 0;
  font-size: 12.5px;
  color: var(--secondary-text-color, #4a6d98);
  line-height: 1.5;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  min-height: 56px;
}
/* Stats footer: icon + count triad */
.marketplace-publisher-card__stats {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 10px;
  border-top: 1px solid var(--primary-border, #f0f3f8);
  margin-top: auto;
}
[data-theme=dark] .marketplace-publisher-card__stats {
  border-top-color: var(--surface-overlay-dark);
}
.marketplace-publisher-card__stat {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 11.5px;
  color: var(--secondary-text-color, #6b7f99);
  font-weight: 600;
}
.marketplace-publisher-card__stat .pi {
  font-size: 12px;
}
.marketplace-social-links {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

.marketplace-social-links__item {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: var(--border-radius-md, 8px);
  border: 1px solid var(--border-color, rgba(0, 0, 0, 0.12));
  color: var(--secondary-text-color);
  text-decoration: none;
  transition: color 120ms ease, border-color 120ms ease, background-color 120ms ease;
}

.marketplace-social-links__item:hover {
  color: var(--primary-text-color);
  border-color: var(--border-color-hover, rgba(0, 0, 0, 0.2));
  background-color: var(--hover-bg, rgba(0, 0, 0, 0.04));
}

.marketplace-social-links__item:focus-visible {
  outline: 2px solid var(--focus-ring, #2563eb);
  outline-offset: 2px;
}

[data-theme=dark] .marketplace-social-links__item {
  border-color: rgba(255, 255, 255, 0.12);
}

[data-theme=dark] .marketplace-social-links__item:hover {
  border-color: rgba(255, 255, 255, 0.25);
  background-color: rgba(255, 255, 255, 0.06);
}

.marketplace-social-links__item .pi {
  font-size: 14px;
}
.marketplace-publisher-status-callout {
  padding: 12px 16px;
  border-radius: var(--border-radius-md, 8px);
  border: 1px solid transparent;
}

.marketplace-publisher-status-callout--neutral {
  background-color: var(--callout-neutral-bg, #f3f4f6);
  border-color: var(--callout-neutral-border, #e5e7eb);
  color: var(--callout-neutral-fg, #4b5563);
}

[data-theme=dark] .marketplace-publisher-status-callout--neutral {
  background-color: rgba(107, 114, 128, 0.15);
  border-color: rgba(107, 114, 128, 0.3);
  color: #9ca3af;
}

.marketplace-publisher-status-callout--warning {
  background-color: var(--callout-warning-bg, #fffbeb);
  border-color: var(--callout-warning-border, #fde68a);
  color: var(--callout-warning-fg, #92400e);
}

[data-theme=dark] .marketplace-publisher-status-callout--warning {
  background-color: rgba(245, 158, 11, 0.1);
  border-color: rgba(245, 158, 11, 0.3);
  color: #fcd34d;
}

.marketplace-publisher-status-callout--success {
  background-color: var(--callout-success-bg, #f0fdf4);
  border-color: var(--callout-success-border, #bbf7d0);
  color: var(--callout-success-fg, #14532d);
}

[data-theme=dark] .marketplace-publisher-status-callout--success {
  background-color: rgba(34, 197, 94, 0.1);
  border-color: rgba(34, 197, 94, 0.3);
  color: #86efac;
}

.marketplace-publisher-status-callout--danger {
  background-color: var(--callout-danger-bg, #fff1f2);
  border-color: var(--callout-danger-border, #fecdd3);
  color: var(--callout-danger-fg, #9f1239);
}

[data-theme=dark] .marketplace-publisher-status-callout--danger {
  background-color: rgba(239, 68, 68, 0.1);
  border-color: rgba(239, 68, 68, 0.3);
  color: #fca5a5;
}

.marketplace-publisher-status-callout__header {
  display: flex;
  align-items: center;
  gap: 8px;
  font-weight: 600;
  font-size: 13px;
  margin-bottom: 4px;
}

.marketplace-publisher-status-callout__icon {
  font-size: 14px;
}

.marketplace-publisher-status-callout__label {
  font-size: 13px;
}

.marketplace-publisher-status-callout__desc {
  margin: 0;
  font-size: 12px;
  opacity: 0.85;
}

.marketplace-publisher-status-callout__note {
  margin: 8px 0 0;
  padding: 8px 12px;
  border-left: 3px solid currentColor;
  font-size: 12px;
  font-style: italic;
  opacity: 0.9;
}
.marketplace-hue-picker {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}
.marketplace-hue-picker__presets {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-xs);
}
.marketplace-hue-picker__preset {
  width: 28px;
  height: 28px;
  border-radius: var(--border-radius-sm);
  border: 2px solid transparent;
  cursor: pointer;
  transition: border-color 0.15s, transform 0.1s;
}
.marketplace-hue-picker__preset:hover {
  transform: scale(1.1);
}
.marketplace-hue-picker__preset--active {
  border-color: var(--primary-text-color);
  transform: scale(1.15);
}
.marketplace-hue-picker__preset:focus-visible {
  outline: 2px solid var(--primary-text-color);
  outline-offset: 2px;
}
.marketplace-hue-picker__slider-row {
  display: flex;
  align-items: center;
  gap: var(--spacing-sm);
}
.marketplace-hue-picker__preview {
  width: 28px;
  height: 28px;
  border-radius: var(--border-radius-sm);
  flex-shrink: 0;
}
.marketplace-hue-picker__slider {
  flex: 1;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  height: 6px;
  border-radius: 3px;
  background: linear-gradient(to right, hsl(0, 70%, 50%), hsl(60, 70%, 50%), hsl(120, 70%, 50%), hsl(180, 70%, 50%), hsl(240, 70%, 50%), hsl(300, 70%, 50%), hsl(0, 70%, 50%));
  cursor: pointer;
}
.marketplace-hue-picker__slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: var(--component-background);
  border: 2px solid var(--primary-text-color);
  cursor: pointer;
}
.marketplace-hue-picker__slider::-moz-range-thumb {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: var(--component-background);
  border: 2px solid var(--primary-text-color);
  cursor: pointer;
}
.marketplace-hue-picker__value {
  font-size: 12px;
  color: var(--secondary-text-color);
  min-width: 36px;
  text-align: right;
}
[data-theme=dark] .marketplace-hue-picker__slider::-webkit-slider-thumb {
  background: var(--component-background-dark);
}
[data-theme=dark] .marketplace-hue-picker__slider::-moz-range-thumb {
  background: var(--component-background-dark);
}
.marketplace-locale-tabs {
  display: flex;
  align-items: center;
  gap: var(--spacing-xxs);
  border-bottom: 1px solid var(--primary-border);
  overflow-x: auto;
}
.marketplace-locale-tabs__tab {
  display: flex;
  align-items: center;
  gap: var(--spacing-xxs);
  padding: var(--spacing-xs) var(--spacing-sm);
  background: transparent;
  border: none;
  border-bottom: 2px solid transparent;
  color: var(--secondary-text-color);
  font-size: 14px;
  cursor: pointer;
  white-space: nowrap;
  margin-bottom: -1px;
  transition: color 0.15s, border-color 0.15s;
}
.marketplace-locale-tabs__tab:hover {
  color: var(--primary-text-color);
}
.marketplace-locale-tabs__tab--active {
  color: var(--primary-text-color);
  border-bottom-color: var(--primary-color, #2563eb);
  font-weight: 500;
}
.marketplace-locale-tabs__tab:focus-visible {
  outline: 2px solid var(--primary-color, #2563eb);
  outline-offset: -2px;
}
.marketplace-locale-tabs__default-badge {
  font-size: 10px;
  font-weight: 600;
  background: var(--component-background);
  color: var(--secondary-text-color);
  border: 1px solid var(--primary-border);
  border-radius: var(--border-radius-pill);
  padding: 1px 6px;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}
[data-theme=dark] .marketplace-locale-tabs {
  border-bottom-color: var(--primary-border-dark, rgba(255, 255, 255, 0.1));
}
[data-theme=dark] .marketplace-locale-tabs__default-badge {
  background: transparent;
  border-color: var(--primary-border-dark, rgba(255, 255, 255, 0.1));
}
.marketplace-locale-manager {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}
.marketplace-locale-manager__hint {
  font-size: 13px;
  color: var(--secondary-text-color);
  margin: 0;
}
.marketplace-locale-manager__list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs);
}
.marketplace-locale-manager__item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: var(--spacing-xs) var(--spacing-sm);
  background: var(--component-background);
  border: 1px solid var(--primary-border);
  border-radius: var(--border-radius-md);
}
.marketplace-locale-manager__label {
  font-size: 14px;
  color: var(--primary-text-color);
}
.marketplace-locale-manager__default-tag {
  font-size: 10px;
  font-weight: 600;
  background: transparent;
  color: var(--secondary-text-color);
  border: 1px solid var(--primary-border);
  border-radius: var(--border-radius-pill);
  padding: 1px 6px;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}
.marketplace-locale-manager__remove {
  background: transparent;
  border: none;
  color: var(--secondary-text-color);
  cursor: pointer;
  padding: 2px 4px;
  border-radius: var(--border-radius-sm);
  transition: color 0.15s;
}
.marketplace-locale-manager__remove:hover {
  color: var(--danger-color, #dc2626);
}
.marketplace-locale-manager__add-btn {
  display: flex;
  align-items: center;
  gap: var(--spacing-xs);
  background: transparent;
  border: 1px dashed var(--primary-border);
  border-radius: var(--border-radius-md);
  color: var(--secondary-text-color);
  padding: var(--spacing-xs) var(--spacing-sm);
  font-size: 14px;
  cursor: pointer;
  transition: border-color 0.15s, color 0.15s;
}
.marketplace-locale-manager__add-btn:hover:not(:disabled) {
  border-color: var(--primary-text-color);
  color: var(--primary-text-color);
}
.marketplace-locale-manager__add-btn:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}
.marketplace-locale-manager__add-row {
  display: flex;
  align-items: center;
  gap: var(--spacing-sm);
}
.marketplace-locale-manager__select {
  flex: 1;
  padding: var(--spacing-xs) var(--spacing-sm);
  border: 1px solid var(--primary-border);
  border-radius: var(--border-radius-md);
  background: var(--component-background);
  color: var(--primary-text-color);
  font-size: 14px;
}
.marketplace-locale-manager__confirm-add {
  padding: var(--spacing-xs) var(--spacing-sm);
  background: var(--primary-color, #2563eb);
  color: #fff;
  border: none;
  border-radius: var(--border-radius-md);
  font-size: 14px;
  cursor: pointer;
}
.marketplace-locale-manager__confirm-add:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.marketplace-locale-manager__cancel-add {
  padding: var(--spacing-xs) var(--spacing-sm);
  background: transparent;
  border: 1px solid var(--primary-border);
  border-radius: var(--border-radius-md);
  color: var(--primary-text-color);
  font-size: 14px;
  cursor: pointer;
}
[data-theme=dark] .marketplace-locale-manager__item {
  border-color: var(--primary-border-dark, rgba(255, 255, 255, 0.1));
}
[data-theme=dark] .marketplace-locale-manager__add-btn {
  border-color: var(--primary-border-dark, rgba(255, 255, 255, 0.1));
}
[data-theme=dark] .marketplace-locale-manager__select {
  background: var(--surface-raised);
  border-color: var(--border-soft-dark);
  color: var(--primary-text-color);
  color-scheme: dark;
}
[data-theme=dark] .marketplace-locale-manager__select option {
  background: var(--surface-raised);
  color: var(--primary-text-color);
}
.marketplace-sticky-unsaved-bar {
  position: sticky;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--spacing-md);
  padding: var(--spacing-sm) var(--spacing-lg);
  background: var(--component-background);
  border-top: 1px solid var(--primary-border);
  box-shadow: var(--shadow-md);
  z-index: 100;
}
.marketplace-sticky-unsaved-bar__message {
  font-size: 14px;
  color: var(--primary-text-color);
  font-weight: 500;
}
.marketplace-sticky-unsaved-bar__actions {
  display: flex;
  align-items: center;
  gap: var(--spacing-sm);
}
.marketplace-sticky-unsaved-bar__discard {
  padding: var(--spacing-xs) var(--spacing-md);
  border: 1px solid var(--primary-border);
  background: transparent;
  border-radius: var(--border-radius-md);
  color: var(--primary-text-color);
  font-size: 14px;
  cursor: pointer;
  transition: background 0.15s;
}
.marketplace-sticky-unsaved-bar__discard:hover:not(:disabled) {
  background: var(--component-background);
}
.marketplace-sticky-unsaved-bar__discard:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.marketplace-sticky-unsaved-bar__save {
  display: flex;
  align-items: center;
  gap: var(--spacing-xs);
  padding: var(--spacing-xs) var(--spacing-md);
  background: var(--primary-color, #2563eb);
  color: #fff;
  border: none;
  border-radius: var(--border-radius-md);
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: opacity 0.15s;
}
.marketplace-sticky-unsaved-bar__save:hover:not(:disabled) {
  opacity: 0.9;
}
.marketplace-sticky-unsaved-bar__save:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
.marketplace-sticky-unsaved-bar__spinner {
  width: 14px;
  height: 14px;
}
[data-theme=dark] .marketplace-sticky-unsaved-bar {
  background: var(--component-background-dark);
  border-top-color: var(--primary-border-dark, rgba(255, 255, 255, 0.1));
}
.marketplace-activity-row {
  display: flex;
  align-items: flex-start;
  gap: var(--spacing-sm);
  padding: var(--spacing-sm) 0;
  border-bottom: 1px solid var(--primary-border);
}
.marketplace-activity-row:last-child {
  border-bottom: none;
}
.marketplace-activity-row__icon {
  font-size: 16px;
  margin-top: 2px;
  flex-shrink: 0;
}
.marketplace-activity-row--success .marketplace-activity-row__icon {
  color: var(--green-500, #22c55e);
}
.marketplace-activity-row--info .marketplace-activity-row__icon {
  color: var(--blue-500, #3b82f6);
}
.marketplace-activity-row--warn .marketplace-activity-row__icon {
  color: var(--yellow-500, #f59e0b);
}
.marketplace-activity-row__body {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.marketplace-activity-row__action {
  font-size: 14px;
  font-weight: 500;
  color: var(--primary-text-color);
  text-transform: capitalize;
}
.marketplace-activity-row__actor {
  font-size: 12px;
  color: var(--secondary-text-color);
}
.marketplace-activity-row__time {
  font-size: 12px;
  color: var(--secondary-text-color);
  white-space: nowrap;
  flex-shrink: 0;
}
[data-theme=dark] .marketplace-activity-row {
  border-bottom-color: var(--primary-border-dark, rgba(255, 255, 255, 0.1));
}
.marketplace-publisher-index {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md, 16px);
  padding: var(--spacing-lg, 24px) var(--spacing-md, 16px);
  max-width: 1200px;
  margin: 0 auto;
  width: 100%;
  /* Back button */
}
.marketplace-publisher-index__back {
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-xs, 6px);
  background: transparent;
  border: none;
  color: var(--secondary-text-color);
  font-family: var(--font-family);
  font-size: 14px;
  cursor: pointer;
  padding: 0;
  margin-left: -4px;
  transition: color 0.15s;
}
.marketplace-publisher-index__back:hover {
  color: var(--primary-text-color);
}
.marketplace-publisher-index__back .pi {
  font-size: 12px;
}
.marketplace-publisher-index {
  /* Title row */
}
.marketplace-publisher-index__title-row {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--spacing-md, 16px);
  flex-wrap: wrap;
  margin-top: 4px;
}
.marketplace-publisher-index__title-block {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs, 6px);
}
.marketplace-publisher-index__title {
  font-size: 28px;
  font-weight: 800;
  color: var(--primary-text-color);
  margin: 0;
  letter-spacing: -0.02em;
}
.marketplace-publisher-index__subtitle {
  font-size: 14px;
  color: var(--secondary-text-color);
  margin: 0;
  max-width: 520px;
}
.marketplace-publisher-index {
  /* Action buttons */
}
.marketplace-publisher-index__actions {
  display: flex;
  align-items: center;
  gap: var(--spacing-sm, 10px);
  flex-shrink: 0;
}
.marketplace-publisher-index__btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 14px;
  border-radius: var(--border-radius-md, 8px);
  font-family: var(--font-family);
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.15s;
  border: 1px solid transparent;
}
.marketplace-publisher-index__btn .pi {
  font-size: 13px;
}
.marketplace-publisher-index__btn--secondary {
  background: var(--component-background);
  border-color: var(--primary-border);
  color: var(--primary-text-color);
}
.marketplace-publisher-index__btn--secondary:hover {
  border-color: var(--cta-secondary-color, #1a75a8);
  color: var(--cta-secondary-color, #1a75a8);
}
.marketplace-publisher-index__btn--primary {
  background: var(--cta-primary-color, #1a75a8);
  color: #fff;
}
.marketplace-publisher-index__btn--primary:hover {
  background: var(--cta-primary-hover, #155f8a);
}
.marketplace-publisher-index__count-badge {
  font-size: 11px;
  background: var(--component-background-alt, #f5f9ff);
  color: var(--cta-secondary-color, #1a75a8);
  padding: 1px 7px;
  border-radius: 9999px;
  margin-left: 2px;
}
[data-theme=dark] .marketplace-publisher-index__count-badge {
  background: var(--border-subtle-dark);
  color: rgba(255, 255, 255, 0.8);
}
.marketplace-publisher-index {
  /* Controls row: search + filter chips */
}
.marketplace-publisher-index__controls {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: var(--spacing-sm, 10px);
  align-items: center;
}
.marketplace-publisher-index__search-bar {
  display: flex;
  align-items: center;
  gap: var(--spacing-xs, 6px);
  background: var(--component-background);
  border: 1px solid var(--primary-border);
  border-radius: var(--border-radius-pill, 9999px);
  padding: 8px 14px;
  max-width: 480px;
  transition: border-color 0.15s;
}
.marketplace-publisher-index__search-bar:focus-within {
  border-color: var(--cta-secondary-color, #1a75a8);
}
[data-theme=dark] .marketplace-publisher-index__search-bar {
  background: var(--component-background);
  border-color: var(--primary-border);
}
.marketplace-publisher-index__search-icon {
  color: var(--secondary-text-color);
  font-size: 15px;
  flex-shrink: 0;
}
.marketplace-publisher-index__search {
  flex: 1;
  border: none;
  background: transparent;
  font-family: var(--font-family);
  font-size: 14px;
  color: var(--primary-text-color);
  outline: none;
}
.marketplace-publisher-index__search::-moz-placeholder {
  color: var(--secondary-text-color);
}
.marketplace-publisher-index__search::placeholder {
  color: var(--secondary-text-color);
}
.marketplace-publisher-index {
  /* Filter chips */
}
.marketplace-publisher-index__filter-chips {
  display: flex;
  gap: 4px;
  background: var(--component-background-alt, #f3f6fb);
  border-radius: var(--border-radius-md, 8px);
  padding: 3px;
}
[data-theme=dark] .marketplace-publisher-index__filter-chips {
  background: rgba(255, 255, 255, 0.06);
}
.marketplace-publisher-index__chip {
  padding: 5px 12px;
  border-radius: 6px;
  border: none;
  background: transparent;
  font-family: var(--font-family);
  font-size: 12.5px;
  font-weight: 600;
  color: var(--secondary-text-color);
  cursor: pointer;
  transition: all 0.15s;
}
.marketplace-publisher-index__chip--active {
  background: var(--component-background, #fff);
  color: var(--primary-text-color);
  box-shadow: 0 1px 3px rgba(6, 44, 88, 0.1);
}
[data-theme=dark] .marketplace-publisher-index__chip--active {
  background: rgba(255, 255, 255, 0.12);
  color: var(--primary-text-color);
}
.marketplace-publisher-index__chip:hover:not(.marketplace-publisher-index__chip--active) {
  color: var(--primary-text-color);
}
.marketplace-publisher-index {
  /* Section heading */
}
.marketplace-publisher-index__section-header {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: var(--spacing-sm, 10px);
}
.marketplace-publisher-index__section-title {
  font-size: 16px;
  font-weight: 700;
  color: var(--primary-text-color);
  margin: 0;
}
.marketplace-publisher-index__section-meta {
  font-size: 12px;
  color: var(--secondary-text-color);
  font-weight: 500;
}
.marketplace-publisher-index {
  /* 3-col grid */
}
.marketplace-publisher-index__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
}
@media (max-width: 900px) {
  .marketplace-publisher-index__grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 600px) {
  .marketplace-publisher-index__grid {
    grid-template-columns: 1fr;
  }
}
.marketplace-publisher-index {
  /* Loading / error */
}
.marketplace-publisher-index__loading, .marketplace-publisher-index__error {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-sm, 10px);
  padding: var(--spacing-lg, 24px);
  text-align: center;
  color: var(--secondary-text-color);
  font-size: 14px;
}
.marketplace-publisher-index {
  /* Empty state */
}
.marketplace-publisher-index__empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-sm, 10px);
  padding: var(--spacing-xl, 40px) var(--spacing-lg, 24px);
  text-align: center;
}
.marketplace-publisher-index__empty-icon {
  width: 52px;
  height: 52px;
  border-radius: 50%;
  background: var(--component-background-alt, #f3f6fb);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--secondary-text-color);
}
.marketplace-publisher-index__empty-icon .pi {
  font-size: 22px;
}
[data-theme=dark] .marketplace-publisher-index__empty-icon {
  background: rgba(255, 255, 255, 0.06);
}
.marketplace-publisher-index__empty-title {
  font-size: 15px;
  font-weight: 700;
  color: var(--primary-text-color);
  margin: 0;
}
.marketplace-publisher-index__empty-tip {
  font-size: 13px;
  color: var(--secondary-text-color);
  margin: 0;
}
.marketplace-pub-spotlight {
  position: relative;
  border-radius: 18px;
  overflow: hidden;
  cursor: pointer;
  background: radial-gradient(ellipse at 80% 20%, hsla(var(--publisher-hue, 210), 70%, 55%, 0.35) 0%, transparent 50%), radial-gradient(ellipse at 20% 90%, hsla(var(--publisher-hue, 210), 50%, 35%, 0.3) 0%, transparent 50%), linear-gradient(135deg, hsl(var(--publisher-hue, 210), 50%, 22%) 0%, hsl(var(--publisher-hue, 210), 60%, 14%) 60%, #062c58 100%);
  color: #fff;
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 24px;
  padding: 26px 28px;
  box-shadow: 0 20px 40px -12px rgba(6, 44, 88, 0.35);
}
.marketplace-pub-spotlight:focus-visible {
  outline: 2px solid rgba(255, 255, 255, 0.6);
  outline-offset: 2px;
}
[data-theme=dark] .marketplace-pub-spotlight {
  box-shadow: 0 20px 40px -12px rgba(0, 0, 0, 0.6);
}
/* Left column */
.marketplace-pub-spotlight__left {
  display: flex;
  flex-direction: column;
  gap: 12px;
  justify-content: center;
  z-index: 2;
}
/* "Featured publisher" pill */
.marketplace-pub-spotlight__pill {
  font-size: 10.5px;
  font-weight: 800;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #fff;
  background: rgba(255, 255, 255, 0.16);
  padding: 4px 10px;
  border-radius: 9999px;
  border: 1px solid rgba(255, 255, 255, 0.22);
  display: inline-flex;
  align-items: center;
  gap: 5px;
  align-self: flex-start;
}
.marketplace-pub-spotlight__pill .pi {
  font-size: 11px;
}
/* Glyph + name row */
.marketplace-pub-spotlight__title-row {
  display: flex;
  align-items: center;
  gap: 14px;
}
.marketplace-pub-spotlight__title-stack {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.marketplace-pub-spotlight__name {
  margin: 0;
  font-size: 28px;
  font-weight: 800;
  letter-spacing: -0.025em;
  color: #fff;
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.marketplace-pub-spotlight__official {
  flex-shrink: 0;
}
.marketplace-pub-spotlight__slug {
  font-size: 12.5px;
  color: rgba(255, 255, 255, 0.72);
  font-weight: 500;
}
/* Bio */
.marketplace-pub-spotlight__bio {
  margin: 0;
  font-size: 14px;
  line-height: 1.55;
  color: rgba(255, 255, 255, 0.85);
  max-width: 560px;
  font-weight: 500;
}
/* Stats row */
.marketplace-pub-spotlight__stats {
  display: flex;
  align-items: center;
  gap: 14px;
  font-size: 12.5px;
  color: rgba(255, 255, 255, 0.78);
  font-weight: 600;
}
.marketplace-pub-spotlight__stat {
  display: inline-flex;
  align-items: center;
  gap: 5px;
}
.marketplace-pub-spotlight__stat .pi {
  font-size: 13px;
}
/* Right column: channel preview tiles */
.marketplace-pub-spotlight__channels {
  display: flex;
  flex-direction: column;
  gap: 6px;
  align-items: flex-end;
  justify-content: center;
  min-width: 260px;
}
.marketplace-pub-spotlight__channel-tile {
  background: var(--border-subtle-dark);
  border: 1px solid rgba(255, 255, 255, 0.14);
  backdrop-filter: blur(8px);
  padding: 10px 12px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  gap: 10px;
  width: 240px;
  cursor: pointer;
  transition: background 150ms ease;
}
.marketplace-pub-spotlight__channel-tile:hover {
  background: rgba(255, 255, 255, 0.18);
}
.marketplace-pub-spotlight__channel-tile:focus-visible {
  outline: 1px solid rgba(255, 255, 255, 0.5);
  outline-offset: 1px;
}
.marketplace-pub-spotlight__channel-info {
  display: flex;
  flex-direction: column;
  gap: 1px;
  min-width: 0;
}
.marketplace-pub-spotlight__channel-name {
  font-size: 12px;
  font-weight: 700;
  color: #fff;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.marketplace-pub-spotlight__channel-meta {
  font-size: 10.5px;
  color: rgba(255, 255, 255, 0.6);
  font-weight: 500;
}
.marketplace-publisher-detail {
  display: flex;
  flex-direction: column;
  gap: 0;
  padding: 0;
  max-width: 100%;
  width: 100%;
}
.marketplace-publisher-detail__breadcrumb {
  max-width: 1260px;
  margin: 0 auto;
  padding: 20px 28px 0;
  width: 100%;
  box-sizing: border-box;
}
.marketplace-publisher-detail__back {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  background: transparent;
  border: none;
  color: var(--secondary-text-color);
  font-family: var(--font-family);
  font-size: 13.5px;
  font-weight: 600;
  cursor: pointer;
  padding: 4px 6px;
  margin-left: -6px;
  border-radius: 6px;
  transition: color 0.15s, background 0.15s;
}
.marketplace-publisher-detail__back i {
  font-size: 11px;
}
.marketplace-publisher-detail__back:hover {
  color: var(--primary-text-color);
  background: var(--hover-background, rgba(0, 0, 0, 0.04));
}
.marketplace-publisher-detail__alert-row {
  max-width: 1260px;
  margin: 12px auto 0;
  padding: 0 28px;
  width: 100%;
  box-sizing: border-box;
}
.marketplace-publisher-detail__loading, .marketplace-publisher-detail__error {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-sm);
  padding: var(--spacing-lg);
  text-align: center;
  color: var(--secondary-text-color);
  font-size: 14px;
}
.marketplace-publisher-detail__banner {
  position: relative;
  margin-top: 16px;
  height: 220px;
  overflow: hidden;
  flex-shrink: 0;
}
.marketplace-publisher-detail__banner-grid {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  opacity: 0.18;
}
.marketplace-publisher-detail__ring {
  position: absolute;
  border-radius: 50%;
}
.marketplace-publisher-detail__ring--large {
  right: -120px;
  top: -120px;
  width: 480px;
  height: 480px;
  border: 1px solid rgba(255, 255, 255, 0.16);
}
.marketplace-publisher-detail__ring--small {
  right: 60px;
  top: -60px;
  width: 280px;
  height: 280px;
  border: 1px solid rgba(255, 255, 255, 0.12);
}
.marketplace-publisher-detail__chrome-wrap {
  max-width: 1260px;
  margin: -72px auto 0;
  padding: 0 28px;
  width: 100%;
  box-sizing: border-box;
  position: relative;
  z-index: 2;
}
.marketplace-publisher-detail__chrome {
  background: var(--component-background, #fff);
  border-radius: 18px;
  border: 1px solid rgba(0, 0, 0, 0.06);
  padding: 22px 26px;
  display: grid;
  grid-template-columns: auto 1fr auto;
  gap: 22px;
  align-items: flex-start;
  box-shadow: 0 12px 32px -10px rgba(6, 44, 88, 0.18);
}
.marketplace-publisher-detail__glyph-wrap {
  margin-top: -36px;
}
.marketplace-publisher-detail__glyph-wrap .marketplace-scope-coin--xl {
  border-radius: 27px;
}
.marketplace-publisher-detail__identity {
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-width: 0;
  padding-top: 4px;
}
.marketplace-publisher-detail__name-row {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}
.marketplace-publisher-detail__name {
  margin: 0;
  font-size: 30px;
  font-weight: 800;
  letter-spacing: -0.025em;
  color: var(--primary-text-color, #062c58);
  line-height: 1.1;
}
.marketplace-publisher-detail__official {
  flex-shrink: 0;
}
.marketplace-publisher-detail__status-pill {
  display: inline-flex;
  align-items: center;
  font-size: 10.5px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  padding: 3px 8px;
  border-radius: 9999px;
  line-height: 1.2;
}
.marketplace-publisher-detail__status-pill--published {
  background: #ecfdf5;
  color: #047857;
  border: 1px solid #a7f3d0;
}
.marketplace-publisher-detail__status-pill--pending_review {
  background: #fffbeb;
  color: #b45309;
  border: 1px solid #fde68a;
}
.marketplace-publisher-detail__status-pill--rejected {
  background: #fef2f2;
  color: #b91c1c;
  border: 1px solid #fecaca;
}
.marketplace-publisher-detail__status-pill--draft {
  background: #f3f4f6;
  color: #4b5563;
  border: 1px solid #e5e7eb;
}
.marketplace-publisher-detail__meta-row {
  display: flex;
  gap: 14px;
  font-size: 12.5px;
  color: var(--secondary-text-color, #6b7f99);
  font-weight: 500;
  flex-wrap: wrap;
  align-items: center;
}
.marketplace-publisher-detail__slug {
  font-family: var(--font-family-mono, monospace);
  color: var(--brand-color, #4a6d98);
  font-weight: 600;
}
.marketplace-publisher-detail__bio {
  margin: 4px 0 0;
  font-size: 14px;
  color: var(--secondary-text-color, #4a6d98);
  line-height: 1.6;
  max-width: 720px;
}
.marketplace-publisher-detail__stats-strip {
  display: flex;
  gap: 22px;
  margin-top: 8px;
  flex-wrap: wrap;
}
.marketplace-publisher-detail__inline-stat {
  display: inline-flex;
  align-items: baseline;
  gap: 6px;
  font-size: 12.5px;
  color: var(--secondary-text-color, #6b7f99);
  font-weight: 600;
  cursor: default;
}
.marketplace-publisher-detail__inline-stat[title] {
  cursor: help;
}
.marketplace-publisher-detail__inline-stat-icon {
  align-self: center;
  font-size: 12px;
}
.marketplace-publisher-detail__inline-stat-value {
  font-size: 15px;
  font-weight: 800;
  color: var(--primary-text-color, #062c58);
  letter-spacing: -0.01em;
}
.marketplace-publisher-detail__actions {
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: flex-end;
  flex-shrink: 0;
}
.marketplace-publisher-detail__btn {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  border-radius: 9999px;
  font-family: var(--font-family);
  font-size: 13px;
  font-weight: 700;
  cursor: pointer;
  padding: 8px 16px;
  transition: all 0.15s;
  white-space: nowrap;
}
.marketplace-publisher-detail__btn i {
  font-size: 12px;
}
.marketplace-publisher-detail__btn--primary {
  background: var(--cta-primary-background, #377fc4);
  color: var(--cta-primary-color, #fff);
  border: none;
  box-shadow: 0 2px 6px -1px rgba(55, 127, 196, 0.4);
}
.marketplace-publisher-detail__btn--primary:hover {
  background: var(--cta-primary-hover-background, #2d6aaa);
  transform: translateY(-1px);
}
.marketplace-publisher-detail__btn--secondary {
  background: var(--component-background, #fff);
  color: var(--brand-color, #1a75a8);
  border: 1px solid var(--border-color, #dbeafe);
}
.marketplace-publisher-detail__btn--secondary:hover {
  background: var(--hover-background, #f5f9ff);
  border-color: #93c5fd;
  transform: translateY(-1px);
}
.marketplace-publisher-detail__btn--ghost {
  background: transparent;
  color: var(--secondary-text-color, #6b7f99);
  border: 1px solid rgba(0, 0, 0, 0.1);
}
.marketplace-publisher-detail__btn--ghost:hover {
  background: var(--hover-background, rgba(0, 0, 0, 0.04));
  color: var(--primary-text-color);
}
.marketplace-publisher-detail__submit-btn {
  margin-top: 8px;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  background: var(--cta-primary-background, #377fc4);
  color: var(--cta-primary-color, #fff);
  border: none;
  border-radius: 9999px;
  font-family: var(--font-family);
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
  padding: 6px 14px;
  transition: background 0.15s;
}
.marketplace-publisher-detail__submit-btn:hover {
  background: var(--cta-primary-hover-background, #2d6aaa);
}
.marketplace-publisher-detail__channels-area {
  max-width: 1260px;
  margin: 32px auto 0;
  padding: 0 28px 96px;
  width: 100%;
  box-sizing: border-box;
}
.marketplace-publisher-detail__channels-header {
  display: flex;
  align-items: baseline;
  gap: 10px;
  margin-bottom: 14px;
}
.marketplace-publisher-detail__channels-title {
  font-size: 19px;
  font-weight: 700;
  color: var(--primary-text-color, #062c58);
  margin: 0;
}
.marketplace-publisher-detail__channels-count {
  font-size: 13px;
  color: var(--secondary-text-color, #6b7f99);
  font-weight: 500;
}
.marketplace-publisher-detail__channels-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: var(--spacing-md);
}
.marketplace-publisher-detail__channels-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  padding: var(--spacing-lg);
  text-align: center;
  margin-top: 12px;
}
.marketplace-publisher-detail__channels-empty-icon {
  font-size: 24px;
  color: var(--secondary-text-color, #9ca3af);
  opacity: 0.6;
  margin-bottom: 4px;
}
.marketplace-publisher-detail__channels-empty-title {
  font-size: 15px;
  font-weight: 700;
  color: var(--primary-text-color, #062c58);
  margin: 0;
}
.marketplace-publisher-detail__channels-empty-hint {
  font-size: 13px;
  color: var(--secondary-text-color, #6b7f99);
  margin: 4px 0 0;
  max-width: 440px;
}
[data-theme=dark] .marketplace-publisher-detail__chrome {
  background: var(--component-background);
  border-color: var(--surface-overlay-dark);
}
[data-theme=dark] .marketplace-publisher-detail__status-pill--published {
  background: rgba(4, 120, 87, 0.15);
  color: #34d399;
  border-color: rgba(52, 211, 153, 0.3);
}
[data-theme=dark] .marketplace-publisher-detail__status-pill--pending_review {
  background: rgba(180, 83, 9, 0.15);
  color: #fbbf24;
  border-color: rgba(251, 191, 36, 0.3);
}
[data-theme=dark] .marketplace-publisher-detail__status-pill--rejected {
  background: rgba(185, 28, 28, 0.15);
  color: #f87171;
  border-color: rgba(248, 113, 113, 0.3);
}
[data-theme=dark] .marketplace-publisher-detail__status-pill--draft {
  background: rgba(75, 85, 99, 0.15);
  color: #9ca3af;
  border-color: rgba(156, 163, 175, 0.3);
}
.marketplace-publisher-manage {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
  max-width: 1280px;
  width: 100%;
  margin: 0 auto;
  padding: var(--spacing-lg) var(--spacing-lg) 140px;
  box-sizing: border-box;
}
.marketplace-publisher-manage__loading {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-sm);
  padding: var(--spacing-xl);
  color: var(--secondary-text-color);
}
.marketplace-publisher-manage__back {
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-xs);
  background: transparent;
  border: none;
  color: var(--secondary-text-color);
  font-size: 14px;
  cursor: pointer;
  padding: 0;
  margin-left: -4px;
  transition: color 0.15s;
}
.marketplace-publisher-manage__back:hover {
  color: var(--primary-text-color);
}
.marketplace-publisher-manage__identity-bar {
  display: flex;
  align-items: center;
  gap: var(--spacing-md);
  background: var(--component-background);
  border: 1px solid var(--primary-border);
  border-radius: 14px;
  padding: 16px 20px;
}
.marketplace-publisher-manage__identity-coin {
  flex-shrink: 0;
}
.marketplace-publisher-manage__identity-info {
  display: flex;
  flex-direction: column;
  gap: 3px;
  min-width: 0;
  flex: 1;
}
.marketplace-publisher-manage__identity-name-row {
  display: flex;
  align-items: center;
  gap: var(--spacing-sm);
  flex-wrap: wrap;
}
.marketplace-publisher-manage__identity-name {
  margin: 0;
  font-size: 19px;
  font-weight: 800;
  color: var(--primary-text-color);
  letter-spacing: -0.018em;
}
.marketplace-publisher-manage__identity-slug {
  font-size: 12px;
  color: var(--secondary-text-color);
  font-family: var(--font-family-mono, monospace);
}
.marketplace-publisher-manage__identity-view-btn {
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-xs);
  flex-shrink: 0;
  padding: 8px 14px;
  background: transparent;
  border: 1px solid var(--primary-border);
  border-radius: var(--border-radius-md);
  color: var(--primary-text-color);
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  transition: background 0.15s, border-color 0.15s;
  font-family: inherit;
}
.marketplace-publisher-manage__identity-view-btn:hover {
  background: var(--component-background-hover, rgba(0, 0, 0, 0.04));
}
.marketplace-publisher-manage__status-pill {
  display: inline-block;
  font-size: 10.5px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  padding: 3px 9px;
  border-radius: 9999px;
  border: 1px solid transparent;
  line-height: 1.2;
  white-space: nowrap;
}
.marketplace-publisher-manage__status-pill--draft {
  background: #f3f4f6;
  color: #374151;
  border-color: #e5e7eb;
}
.marketplace-publisher-manage__status-pill--pending_review {
  background: #fffbeb;
  color: #b45309;
  border-color: #fde68a;
}
.marketplace-publisher-manage__status-pill--published {
  background: #ecfdf5;
  color: #047857;
  border-color: #a7f3d0;
}
.marketplace-publisher-manage__status-pill--rejected {
  background: #fef2f2;
  color: #b91c1c;
  border-color: #fecaca;
}
.marketplace-publisher-manage__layout {
  display: grid;
  grid-template-columns: 240px 1fr;
  gap: 24px;
  align-items: flex-start;
}
.marketplace-publisher-manage__nav-rail {
  position: sticky;
  top: 24px;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}
.marketplace-publisher-manage__nav-callout {
  padding: 10px 12px;
  border-radius: 10px;
  font-size: 11.5px;
  line-height: 1.45;
}
.marketplace-publisher-manage__nav-callout--warn {
  background: #fffbeb;
  border: 1px solid #fde68a;
  color: #92400e;
}
.marketplace-publisher-manage__nav-callout--error {
  background: #fef2f2;
  border: 1px solid #fecaca;
  color: #991b1b;
}
.marketplace-publisher-manage__nav-callout-title {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-weight: 700;
  margin-bottom: 2px;
}
.marketplace-publisher-manage__nav-callout-desc {
  margin: 0;
}
.marketplace-publisher-manage__nav {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.marketplace-publisher-manage__nav-item {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  padding: 10px 12px;
  background: transparent;
  border: none;
  border-radius: 10px;
  color: var(--secondary-text-color);
  font-size: 13.5px;
  font-weight: 600;
  font-family: inherit;
  cursor: pointer;
  text-align: left;
  transition: background 0.14s, color 0.14s;
}
.marketplace-publisher-manage__nav-item:hover:not(.marketplace-publisher-manage__nav-item--active) {
  background: rgba(255, 255, 255, 0.6);
}
.marketplace-publisher-manage__nav-item--active {
  background: var(--component-background);
  color: var(--primary-text-color);
  font-weight: 700;
  box-shadow: 0 1px 2px rgba(74, 100, 126, 0.06), 0 0 0 1px rgba(0, 0, 0, 0.05);
}
.marketplace-publisher-manage__nav-item--danger .marketplace-publisher-manage__nav-icon {
  color: #b91c1c;
}
.marketplace-publisher-manage__nav-icon {
  font-size: 15px;
  color: var(--secondary-text-color);
  flex-shrink: 0;
}
.marketplace-publisher-manage__nav-item--active .marketplace-publisher-manage__nav-icon {
  color: var(--primary-color, #377fc4);
}
.marketplace-publisher-manage__nav-label {
  flex: 1;
}
.marketplace-publisher-manage__nav-caution {
  font-size: 9px;
  font-weight: 800;
  color: #b91c1c;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
.marketplace-publisher-manage__sections {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
  min-width: 0;
}
.marketplace-publisher-manage__section-panels {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
}
.marketplace-publisher-manage__section-card {
  background: var(--component-background);
  border: 1px solid var(--primary-border);
  border-radius: 14px;
  padding: 18px 20px;
}
.marketplace-publisher-manage__section-card--danger {
  border-color: #fecaca;
}
.marketplace-publisher-manage__section-card-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--spacing-md);
  margin-bottom: 14px;
}
.marketplace-publisher-manage__section-card-titles {
  display: flex;
  flex-direction: column;
  gap: 3px;
}
.marketplace-publisher-manage__section-card-title {
  margin: 0;
  font-size: 15px;
  font-weight: 700;
  color: var(--primary-text-color);
  letter-spacing: -0.01em;
}
.marketplace-publisher-manage__section-card-title--danger {
  color: #b91c1c;
}
.marketplace-publisher-manage__section-card-subtitle {
  margin: 0;
  font-size: 12.5px;
  color: var(--secondary-text-color);
  line-height: 1.5;
  max-width: 640px;
}
.marketplace-publisher-manage__section-card-action {
  flex-shrink: 0;
}
.marketplace-publisher-manage__section-card-body {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}
.marketplace-publisher-manage__field {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs);
}
.marketplace-publisher-manage__label {
  font-size: 12.5px;
  font-weight: 700;
  color: var(--primary-text-color);
}
.marketplace-publisher-manage__input {
  padding: 10px 12px;
  border: 1px solid var(--primary-border);
  border-radius: 10px;
  background: var(--component-background);
  color: var(--primary-text-color);
  font-size: 13.5px;
  font-family: inherit;
  transition: border-color 0.14s, box-shadow 0.14s;
  width: 100%;
  box-sizing: border-box;
}
.marketplace-publisher-manage__input:focus {
  outline: none;
  border-color: var(--primary-color, #377fc4);
  box-shadow: 0 0 0 3px rgba(55, 127, 196, 0.15);
}
.marketplace-publisher-manage__input--disabled, .marketplace-publisher-manage__input:disabled {
  background: var(--component-background-hover, #f9fafb);
  color: var(--secondary-text-color);
  cursor: not-allowed;
}
.marketplace-publisher-manage__input--social {
  border-radius: 0 10px 10px 0;
  border-left: none;
}
.marketplace-publisher-manage__textarea {
  padding: 10px 12px;
  border: 1px solid var(--primary-border);
  border-radius: 10px;
  background: var(--component-background);
  color: var(--primary-text-color);
  font-size: 13.5px;
  font-family: inherit;
  line-height: 1.5;
  resize: vertical;
  transition: border-color 0.14s, box-shadow 0.14s;
  width: 100%;
  box-sizing: border-box;
}
.marketplace-publisher-manage__textarea:focus {
  outline: none;
  border-color: var(--primary-color, #377fc4);
  box-shadow: 0 0 0 3px rgba(55, 127, 196, 0.15);
}
.marketplace-publisher-manage__hint {
  font-size: 11.5px;
  color: var(--secondary-text-color);
  font-weight: 500;
  margin: 0;
}
.marketplace-publisher-manage__bio-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--spacing-sm);
}
.marketplace-publisher-manage__char-count {
  font-size: 11px;
  color: var(--secondary-text-color);
  font-family: var(--font-family-mono, monospace);
  white-space: nowrap;
}
.marketplace-publisher-manage__slug-row {
  display: flex;
  align-items: stretch;
}
.marketplace-publisher-manage__slug-prefix {
  display: flex;
  align-items: center;
  padding: 10px 12px;
  background: #f5f9ff;
  border: 1px solid #dbeafe;
  border-right: none;
  border-radius: 10px 0 0 10px;
  font-family: var(--font-family-mono, monospace);
  font-size: 13px;
  color: var(--secondary-text-color);
  font-weight: 500;
  white-space: nowrap;
}
.marketplace-publisher-manage__locale-hint {
  display: flex;
  align-items: center;
  gap: var(--spacing-sm);
  padding: 9px 12px;
  background: #f5f9ff;
  border: 1px solid #dbeafe;
  border-radius: 10px;
  font-size: 11.5px;
  color: #0c4a6e;
  line-height: 1.5;
}
.marketplace-publisher-manage__locale-hint .pi {
  color: #1a75a8;
  flex-shrink: 0;
}
.marketplace-publisher-manage__social-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--spacing-sm);
}
.marketplace-publisher-manage__social-input-row {
  display: flex;
  align-items: stretch;
}
.marketplace-publisher-manage__social-prefix {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 10px 12px;
  background: #f5f9ff;
  border: 1px solid #dbeafe;
  border-right: none;
  border-radius: 10px 0 0 10px;
  font-family: var(--font-family-mono, monospace);
  font-size: 12.5px;
  color: var(--secondary-text-color);
  white-space: nowrap;
}
.marketplace-publisher-manage__social-prefix .pi {
  color: #1a75a8;
}
.marketplace-publisher-manage__social-preview {
  display: flex;
  align-items: center;
  gap: var(--spacing-sm);
  padding: 10px 12px;
  background: #f5f9ff;
  border: 1px solid #dbeafe;
  border-radius: 10px;
}
.marketplace-publisher-manage__social-preview-label {
  font-size: 12px;
  font-weight: 600;
  color: #0c4a6e;
  white-space: nowrap;
}
.marketplace-publisher-manage__social-preview-empty {
  font-size: 12px;
  color: var(--secondary-text-color);
  font-style: italic;
}
.marketplace-publisher-manage__logo-row {
  display: flex;
  align-items: flex-start;
  gap: 22px;
}
.marketplace-publisher-manage__logo-preview {
  flex-shrink: 0;
}
.marketplace-publisher-manage__logo-controls {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
  flex: 1;
}
.marketplace-publisher-manage__banner-preview {
  height: 180px;
  border-radius: 14px;
  overflow: hidden;
  position: relative;
  border: 1px solid rgba(0, 0, 0, 0.08);
  display: flex;
  align-items: flex-start;
  padding: 12px 14px;
}
.marketplace-publisher-manage__banner-auto-label {
  font-size: 10.5px;
  font-weight: 800;
  color: #fff;
  background: rgba(255, 255, 255, 0.16);
  padding: 3px 8px;
  border-radius: 9999px;
  border: 1px solid rgba(255, 255, 255, 0.22);
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
.marketplace-publisher-manage__banner-actions {
  display: flex;
  gap: var(--spacing-sm);
  margin-top: var(--spacing-sm);
}
.marketplace-publisher-manage__hue-presets {
  display: grid;
  grid-template-columns: repeat(9, 1fr);
  gap: var(--spacing-xs);
}
.marketplace-publisher-manage__hue-preset {
  aspect-ratio: 1;
  border-radius: 10px;
  cursor: pointer;
  border: 2px solid transparent;
  box-shadow: 0 1px 2px rgba(74, 100, 126, 0.1);
  transition: all 0.14s;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.marketplace-publisher-manage__hue-preset--active {
  border-color: var(--primary-text-color, #062c58);
  box-shadow: 0 4px 10px -2px rgba(6, 44, 88, 0.3);
}
.marketplace-publisher-manage__hue-preset:hover:not(.marketplace-publisher-manage__hue-preset--active) {
  transform: scale(1.05);
}
.marketplace-publisher-manage__hue-preset-check {
  color: #fff;
  font-size: 14px;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
}
.marketplace-publisher-manage__hue-slider-row {
  display: flex;
  align-items: center;
  gap: var(--spacing-sm);
  margin-top: var(--spacing-sm);
}
.marketplace-publisher-manage__hue-slider-label {
  font-size: 12px;
  font-weight: 600;
  color: var(--primary-text-color);
  white-space: nowrap;
}
.marketplace-publisher-manage__hue-slider {
  flex: 1;
  height: 24px;
  background: linear-gradient(90deg, hsl(0, 70%, 50%), hsl(60, 70%, 50%), hsl(120, 70%, 50%), hsl(180, 70%, 50%), hsl(240, 70%, 50%), hsl(300, 70%, 50%), hsl(0, 70%, 50%));
  border-radius: 9999px;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer;
}
.marketplace-publisher-manage__hue-slider::-webkit-slider-thumb {
  -webkit-appearance: none;
          appearance: none;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: #fff;
  border: 2px solid rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  cursor: pointer;
}
.marketplace-publisher-manage__hue-value {
  font-family: var(--font-family-mono, monospace);
  font-size: 12px;
  color: var(--secondary-text-color);
  background: #f5f9ff;
  padding: 4px 10px;
  border-radius: 8px;
  min-width: 52px;
  text-align: center;
}
.marketplace-publisher-manage__channel-list-v2 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs);
}
.marketplace-publisher-manage__channel-row-v2 {
  display: grid;
  grid-template-columns: auto 1fr auto auto auto auto;
  gap: var(--spacing-sm);
  align-items: center;
  padding: 12px 14px;
  background: var(--component-background);
  border: 1px solid var(--primary-border);
  border-radius: 12px;
  transition: background 0.14s, border-color 0.14s;
}
.marketplace-publisher-manage__channel-row-v2:hover {
  background: var(--component-background-hover, #f9fafb);
  border-color: #dbeafe;
}
.marketplace-publisher-manage__channel-row-glyph {
  width: 40px;
  height: 40px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 17px;
  font-weight: 800;
  flex-shrink: 0;
}
.marketplace-publisher-manage__channel-row-info {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}
.marketplace-publisher-manage__channel-row-name {
  font-size: 13.5px;
  font-weight: 700;
  color: var(--primary-text-color);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.marketplace-publisher-manage__channel-row-meta {
  font-size: 11.5px;
  color: var(--secondary-text-color);
  font-weight: 500;
}
.marketplace-publisher-manage__channel-status-pill {
  font-size: 10.5px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  padding: 3px 8px;
  border-radius: 9999px;
  border: 1px solid transparent;
  line-height: 1.2;
  white-space: nowrap;
}
.marketplace-publisher-manage__channel-status-pill--approved {
  background: #ecfdf5;
  color: #047857;
  border-color: #a7f3d0;
}
.marketplace-publisher-manage__channel-status-pill--pending {
  background: #fffbeb;
  color: #b45309;
  border-color: #fde68a;
}
.marketplace-publisher-manage__channel-status-pill--rejected {
  background: #fef2f2;
  color: #b91c1c;
  border-color: #fecaca;
}
.marketplace-publisher-manage__channel-row-open {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 6px 12px;
  background: transparent;
  border: 1px solid var(--primary-border);
  border-radius: var(--border-radius-md);
  color: var(--primary-text-color);
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
  transition: background 0.14s;
  white-space: nowrap;
}
.marketplace-publisher-manage__channel-row-open:hover {
  background: var(--component-background-hover, #f5f9ff);
}
.marketplace-publisher-manage__channel-row-action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  background: transparent;
  border: 1px solid var(--primary-border);
  border-radius: var(--border-radius-md);
  color: var(--secondary-text-color);
  font-size: 14px;
  cursor: pointer;
  font-family: inherit;
  transition: background 0.14s;
  flex-shrink: 0;
}
.marketplace-publisher-manage__channel-row-action:hover:not(:disabled) {
  background: var(--component-background-hover, #f5f9ff);
  color: var(--primary-text-color);
}
.marketplace-publisher-manage__channel-row-action:disabled {
  opacity: 0.45;
  cursor: not-allowed;
}
.marketplace-publisher-manage__empty {
  color: var(--secondary-text-color);
  font-size: 14px;
  font-style: italic;
  margin: 0;
}
.marketplace-publisher-manage__panel {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
  padding-bottom: calc(var(--spacing-xl) * 3);
}
.marketplace-publisher-manage__panel--placeholder {
  align-items: center;
  text-align: center;
  padding: var(--spacing-xl) var(--spacing-lg);
  color: var(--secondary-text-color);
}
.marketplace-publisher-manage__panel--placeholder h3 {
  margin: var(--spacing-sm) 0 var(--spacing-xs);
  color: var(--primary-text-color);
}
.marketplace-publisher-manage__placeholder-icon {
  font-size: 48px;
  color: var(--secondary-text-color);
}
.marketplace-publisher-manage__jira-ref {
  font-size: 12px;
  font-family: monospace;
  color: var(--secondary-text-color);
  background: var(--component-background);
  border: 1px solid var(--primary-border);
  border-radius: var(--border-radius-sm);
  padding: 2px 6px;
  display: inline-block;
  margin-top: var(--spacing-xs);
}
.marketplace-publisher-manage__submit-section {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}
.marketplace-publisher-manage__submit-hint {
  font-size: 14px;
  color: var(--secondary-text-color);
  margin: 0;
}
.marketplace-publisher-manage__activity-list {
  display: flex;
  flex-direction: column;
}
.marketplace-publisher-manage__official-row {
  display: flex;
  align-items: center;
  gap: var(--spacing-sm);
  padding: 10px 14px;
  background: #f5f9ff;
  border: 1px solid #dbeafe;
  border-radius: 10px;
}
.marketplace-publisher-manage__official-desc {
  font-size: 11.5px;
  color: var(--secondary-text-color);
  margin: 0;
}
.marketplace-publisher-manage__confirm-row {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}
.marketplace-publisher-manage__confirm-text {
  font-size: 14px;
  color: var(--primary-text-color);
  margin: 0;
}
.marketplace-publisher-manage__confirm-actions {
  display: flex;
  gap: var(--spacing-sm);
}
.marketplace-publisher-manage__btn-primary {
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-xs);
  padding: 9px 18px;
  background: var(--primary-color, #377fc4);
  color: #fff;
  border: none;
  border-radius: 9999px;
  font-size: 13px;
  font-weight: 700;
  font-family: inherit;
  cursor: pointer;
  transition: opacity 0.15s;
  align-self: flex-start;
}
.marketplace-publisher-manage__btn-primary:hover:not(:disabled) {
  opacity: 0.9;
}
.marketplace-publisher-manage__btn-primary:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.marketplace-publisher-manage__btn-secondary {
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-xs);
  padding: 8px 16px;
  background: transparent;
  border: 1px solid var(--primary-border);
  border-radius: var(--border-radius-md);
  color: var(--primary-text-color);
  font-size: 13px;
  font-weight: 600;
  font-family: inherit;
  cursor: pointer;
  transition: background 0.15s;
  align-self: flex-start;
}
.marketplace-publisher-manage__btn-secondary:hover:not(:disabled) {
  background: var(--component-background-hover, rgba(0, 0, 0, 0.04));
}
.marketplace-publisher-manage__btn-secondary:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.marketplace-publisher-manage__btn-ghost {
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-xs);
  padding: 8px 14px;
  background: transparent;
  border: 1px solid var(--primary-border);
  border-radius: var(--border-radius-md);
  color: var(--secondary-text-color);
  font-size: 13px;
  font-weight: 600;
  font-family: inherit;
  cursor: pointer;
  transition: background 0.15s, color 0.15s;
  align-self: flex-start;
}
.marketplace-publisher-manage__btn-ghost:hover {
  background: var(--component-background-hover, rgba(0, 0, 0, 0.04));
  color: var(--primary-text-color);
}
.marketplace-publisher-manage__btn-warning {
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-xs);
  padding: 8px 16px;
  background: #fffbeb;
  border: 1px solid #fde68a;
  border-radius: var(--border-radius-md);
  color: #b45309;
  font-size: 13px;
  font-weight: 700;
  font-family: inherit;
  cursor: pointer;
  transition: background 0.15s;
  align-self: flex-start;
}
.marketplace-publisher-manage__btn-warning:hover {
  background: #fef3c7;
}
.marketplace-publisher-manage__danger-btn {
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-xs);
  padding: 8px 16px;
  background: #fef2f2;
  border: 1px solid #fecaca;
  border-radius: var(--border-radius-md);
  color: #b91c1c;
  font-size: 13px;
  font-weight: 700;
  font-family: inherit;
  cursor: pointer;
  transition: background 0.15s;
  align-self: flex-start;
}
.marketplace-publisher-manage__danger-btn:hover:not(:disabled) {
  background: #fee2e2;
}
.marketplace-publisher-manage__danger-btn:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.marketplace-publisher-manage__cancel-btn {
  display: inline-flex;
  align-items: center;
  padding: 8px 16px;
  background: transparent;
  border: 1px solid var(--primary-border);
  border-radius: var(--border-radius-md);
  color: var(--primary-text-color);
  font-size: 13px;
  font-weight: 600;
  font-family: inherit;
  cursor: pointer;
  transition: background 0.15s;
}
.marketplace-publisher-manage__cancel-btn:hover {
  background: var(--component-background-hover, rgba(0, 0, 0, 0.04));
}
.marketplace-publisher-manage__new-channel-btn {
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-xs);
  padding: 8px 14px;
  background: var(--primary-color, #377fc4);
  color: #fff;
  border: none;
  border-radius: 9999px;
  font-size: 13px;
  font-weight: 700;
  font-family: inherit;
  cursor: pointer;
  transition: opacity 0.15s;
}
.marketplace-publisher-manage__new-channel-btn:hover {
  opacity: 0.9;
}
[data-theme=dark] .marketplace-publisher-manage__identity-bar, [data-theme=dark] .marketplace-publisher-manage__section-card {
  background: var(--component-background-dark);
  border-color: var(--primary-border-dark, rgba(255, 255, 255, 0.1));
}
[data-theme=dark] .marketplace-publisher-manage__nav-item--active {
  background: var(--component-background-dark);
}
[data-theme=dark] .marketplace-publisher-manage__input, [data-theme=dark] .marketplace-publisher-manage__textarea {
  background: var(--component-background-dark);
  border-color: var(--primary-border-dark, rgba(255, 255, 255, 0.1));
  color: var(--primary-text-color-dark, #fff);
}
[data-theme=dark] .marketplace-publisher-manage__channel-row-v2 {
  background: var(--component-background-dark);
  border-color: var(--primary-border-dark, rgba(255, 255, 255, 0.1));
}
[data-theme=dark] .marketplace-publisher-manage__channel-row-v2:hover {
  background: var(--component-background-hover-dark, rgba(255, 255, 255, 0.05));
  border-color: var(--border-strong-dark);
}
[data-theme=dark] .marketplace-publisher-manage__slug-prefix, [data-theme=dark] .marketplace-publisher-manage__social-prefix, [data-theme=dark] .marketplace-publisher-manage__locale-hint, [data-theme=dark] .marketplace-publisher-manage__social-preview {
  background: rgba(255, 255, 255, 0.06);
  border-color: var(--border-subtle-dark);
}
.marketplace-channel-subscriptions-tab {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
}
.marketplace-channel-subscriptions-tab__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--spacing-md);
}
.marketplace-channel-subscriptions-tab__header-info {
  display: flex;
  align-items: baseline;
  gap: var(--spacing-xs);
}
.marketplace-channel-subscriptions-tab__title {
  font-family: var(--font-family);
  font-size: var(--text-md);
  font-weight: 600;
  color: var(--primary-text-color);
  margin: 0;
}
.marketplace-channel-subscriptions-tab__count {
  font-family: var(--font-family);
  font-size: var(--text-xs);
  color: var(--secondary-text-color);
}
.marketplace-channel-subscriptions-tab__subscribe-btn {
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-xs);
  padding: var(--spacing-xs) var(--spacing-md);
  border-radius: var(--border-radius-md);
  font-family: var(--font-family);
  font-size: var(--text-sm);
  font-weight: 600;
  cursor: pointer;
  border: none;
  color: var(--cta-primary-color);
  background: var(--cta-primary-background);
  transition: opacity 0.15s;
}
.marketplace-channel-subscriptions-tab__subscribe-btn:hover:not(:disabled) {
  background: var(--cta-primary-hover-background);
}
.marketplace-channel-subscriptions-tab__subscribe-btn:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.marketplace-channel-subscriptions-tab__toolbar {
  display: flex;
  align-items: center;
  gap: var(--spacing-sm);
  flex-wrap: wrap;
}
.marketplace-channel-subscriptions-tab__search {
  flex: 1;
  min-width: 200px;
  padding: var(--spacing-xs) var(--spacing-sm);
  font-family: var(--font-family);
  font-size: var(--text-sm);
  color: var(--primary-text-color);
  background: var(--component-background);
  border: 1px solid var(--primary-border-color, rgba(0, 0, 0, 0.15));
  border-radius: var(--border-radius-md);
  outline: none;
  transition: border-color 0.15s;
}
.marketplace-channel-subscriptions-tab__search::-moz-placeholder {
  color: var(--secondary-text-color);
}
.marketplace-channel-subscriptions-tab__search::placeholder {
  color: var(--secondary-text-color);
}
.marketplace-channel-subscriptions-tab__search:focus {
  border-color: var(--cta-primary-background);
}
[data-theme=dark] .marketplace-channel-subscriptions-tab__search {
  background: var(--component-background-dark);
  border-color: var(--border-soft-dark);
}
[data-theme=dark] .marketplace-channel-subscriptions-tab__search:focus {
  border-color: var(--cta-primary-background);
}
.marketplace-channel-subscriptions-tab__filters {
  display: flex;
  gap: var(--spacing-xs);
  flex-shrink: 0;
}
.marketplace-channel-subscriptions-tab__list {
  border: 1px solid var(--primary-border);
  border-radius: var(--border-radius-md);
  overflow: hidden;
}
[data-theme=dark] .marketplace-channel-subscriptions-tab__list {
  border-color: var(--primary-border-dark);
}
.marketplace-channel-subscriptions-tab__row {
  display: flex;
  align-items: center;
  gap: var(--spacing-sm);
  padding: var(--spacing-sm) var(--spacing-md);
  border-bottom: 1px solid var(--primary-border);
}
.marketplace-channel-subscriptions-tab__row:last-child {
  border-bottom: none;
}
[data-theme=dark] .marketplace-channel-subscriptions-tab__row {
  border-bottom-color: var(--primary-border-dark);
}
.marketplace-channel-subscriptions-tab__sphere-icon {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: var(--border-radius-sm);
  background: var(--hover-background);
  color: var(--secondary-text-color);
  font-size: var(--text-md);
}
[data-theme=dark] .marketplace-channel-subscriptions-tab__sphere-icon {
  background: var(--surface-overlay-dark);
}
.marketplace-channel-subscriptions-tab__sphere-info {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xxs);
  flex: 1;
  min-width: 0;
}
.marketplace-channel-subscriptions-tab__sphere-name {
  font-family: var(--font-family);
  font-size: var(--text-sm);
  font-weight: 600;
  color: var(--primary-text-color);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.marketplace-channel-subscriptions-tab__subscribed-date {
  font-family: var(--font-family);
  font-size: var(--text-xs);
  color: var(--secondary-text-color);
}
.marketplace-channel-subscriptions-tab__scope-badge {
  flex-shrink: 0;
  padding: var(--spacing-xxs) var(--spacing-xs);
  border-radius: var(--border-radius-pill);
  font-family: var(--font-family);
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.marketplace-channel-subscriptions-tab__scope-badge--direct {
  background: var(--component-background);
  color: var(--secondary-text-color);
}
[data-theme=dark] .marketplace-channel-subscriptions-tab__scope-badge--direct {
  background: var(--component-background-dark);
}
.marketplace-channel-subscriptions-tab__scope-badge--recursive {
  background: var(--primary-color-light, #dbeafe);
  color: var(--primary-color, #3b82f6);
}
[data-theme=dark] .marketplace-channel-subscriptions-tab__scope-badge--recursive {
  background: var(--primary-color-dark, #1e3a5f);
  color: var(--primary-color-light, #93c5fd);
}
.marketplace-channel-subscriptions-tab__scope-badge--active {
  background: var(--cta-primary-background);
  color: var(--cta-primary-color);
  border: none;
  cursor: pointer;
}
[data-theme=dark] .marketplace-channel-subscriptions-tab__scope-badge--active {
  background: var(--cta-primary-background);
  color: var(--cta-primary-color);
}
.marketplace-channel-subscriptions-tab__scope-badge--inactive {
  background: var(--component-background);
  color: var(--secondary-text-color);
  border: 1px solid var(--primary-border-color, rgba(0, 0, 0, 0.15));
  cursor: pointer;
}
.marketplace-channel-subscriptions-tab__scope-badge--inactive:hover {
  background: var(--hover-background);
}
[data-theme=dark] .marketplace-channel-subscriptions-tab__scope-badge--inactive {
  background: var(--component-background-dark);
  border-color: var(--border-soft-dark);
}
[data-theme=dark] .marketplace-channel-subscriptions-tab__scope-badge--inactive:hover {
  background: var(--surface-overlay-dark);
}
.marketplace-channel-subscriptions-tab__actions-cell {
  flex-shrink: 0;
  display: flex;
  justify-content: flex-end;
}
.marketplace-channel-subscriptions-tab__unsubscribe-btn {
  flex-shrink: 0;
  padding: var(--spacing-xxs) var(--spacing-xs);
  border: 1px solid var(--primary-border);
  border-radius: var(--border-radius-sm);
  background: transparent;
  color: var(--secondary-text-color);
  cursor: pointer;
  font-family: var(--font-family);
  font-size: 12px;
  transition: background-color 0.15s ease, color 0.15s ease;
}
.marketplace-channel-subscriptions-tab__unsubscribe-btn:hover:not(:disabled) {
  background: var(--error-background, #fef2f2);
  color: var(--error-text-color, #dc2626);
  border-color: var(--error-text-color, #dc2626);
}
.marketplace-channel-subscriptions-tab__unsubscribe-btn:disabled {
  cursor: default;
  opacity: 0.7;
}
[data-theme=dark] .marketplace-channel-subscriptions-tab__unsubscribe-btn {
  border-color: var(--primary-border-dark);
}
[data-theme=dark] .marketplace-channel-subscriptions-tab__unsubscribe-btn:hover:not(:disabled) {
  background: var(--error-background-dark, #451a1a);
  color: var(--error-text-color-dark, #fca5a5);
  border-color: var(--error-text-color-dark, #fca5a5);
}
.marketplace-channel-subscriptions-tab__confirm {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--spacing-md);
  padding: var(--spacing-sm) var(--spacing-md);
  background: var(--error-background);
  border-radius: var(--border-radius-md);
  border: 1px solid var(--error-text);
}
[data-theme=dark] .marketplace-channel-subscriptions-tab__confirm {
  background: rgba(255, 80, 80, 0.1);
  border-color: rgba(255, 80, 80, 0.3);
}
.marketplace-channel-subscriptions-tab__confirm-text {
  font-family: var(--font-family);
  font-size: var(--text-sm);
  color: var(--primary-text-color);
  flex: 1;
}
.marketplace-channel-subscriptions-tab__confirm-actions {
  display: flex;
  gap: var(--spacing-xs);
  flex-shrink: 0;
}
.marketplace-channel-subscriptions-tab__btn {
  display: inline-flex;
  align-items: center;
  padding: var(--spacing-xxs) var(--spacing-xs);
  border-radius: var(--border-radius-md);
  font-family: var(--font-family);
  font-size: var(--text-sm);
  font-weight: 600;
  cursor: pointer;
  border: none;
  transition: opacity 0.15s;
}
.marketplace-channel-subscriptions-tab__btn:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.marketplace-channel-subscriptions-tab__btn--secondary {
  color: var(--primary-text-color);
  background: transparent;
  border: 1px solid var(--primary-border-color, rgba(0, 0, 0, 0.15));
}
[data-theme=dark] .marketplace-channel-subscriptions-tab__btn--secondary {
  border-color: var(--border-strong-dark);
}
.marketplace-channel-subscriptions-tab__btn--secondary:hover:not(:disabled) {
  background: var(--hover-background);
}
.marketplace-channel-subscriptions-tab__btn--danger {
  color: var(--cta-primary-color);
  background: var(--error-text);
}
.marketplace-channel-subscriptions-tab__btn--danger:hover:not(:disabled) {
  opacity: 0.85;
}
.marketplace-channel-subscriptions-tab__loading {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-xl);
  color: var(--secondary-text-color);
  font-size: 20px;
}
.marketplace-channel-subscriptions-tab__loading-more {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-sm);
  color: var(--secondary-text-color);
  font-size: var(--text-md);
}
.marketplace-channel-subscriptions-tab__empty {
  font-family: var(--font-family);
  font-size: var(--text-sm);
  color: var(--secondary-text-color);
  text-align: center;
  padding: var(--spacing-xl) 0;
}
.marketplace-channel-subscriptions-tab__error {
  padding: var(--spacing-sm) var(--spacing-md);
  border-radius: var(--border-radius-md);
  background: var(--error-background, #fef2f2);
  color: var(--error-text-color, #dc2626);
  font-family: var(--font-family);
  font-size: var(--text-sm);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--spacing-md);
}
[data-theme=dark] .marketplace-channel-subscriptions-tab__error {
  background: var(--error-background-dark, #451a1a);
  color: var(--error-text-color-dark, #fca5a5);
}
.marketplace-channel-subscriptions-tab__retry-btn {
  flex-shrink: 0;
  padding: var(--spacing-xxs) var(--spacing-sm);
  border: 1px solid currentColor;
  border-radius: var(--border-radius-sm);
  background: transparent;
  color: inherit;
  cursor: pointer;
  font-family: var(--font-family);
  font-size: var(--text-xs);
  font-weight: 600;
  transition: opacity 0.15s;
}
.marketplace-channel-subscriptions-tab__retry-btn:hover {
  opacity: 0.8;
}
.marketplace-channel-subscriptions-tab__observer {
  padding: var(--spacing-md) 0;
}
.marketplace-channel-manage {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
  padding: var(--spacing-md);
  max-width: 960px;
  width: 100%;
  margin: 0 auto;
  font-family: var(--font-family);
}
.marketplace-channel-manage__back-btn {
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-xxs);
  padding: var(--spacing-xxs) 0;
  color: var(--cta-primary-background);
  background: transparent;
  border: none;
  font-family: var(--font-family);
  font-size: var(--text-sm);
  cursor: pointer;
  align-self: flex-start;
}
.marketplace-channel-manage__back-btn:hover {
  text-decoration: underline;
}
.marketplace-channel-manage__header {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}
.marketplace-channel-manage__title {
  font-family: var(--font-family);
  font-size: 20px;
  font-weight: 700;
  color: var(--primary-text-color);
  margin: 0;
}
.marketplace-channel-manage__status-bar {
  flex-shrink: 0;
}
.marketplace-channel-manage__tabs {
  display: flex;
  gap: 0;
  border-bottom: 1px solid var(--primary-border-color, rgba(0, 0, 0, 0.1));
}
[data-theme=dark] .marketplace-channel-manage__tabs {
  border-bottom-color: var(--border-subtle-dark);
}
.marketplace-channel-manage__tab {
  position: relative;
  padding: var(--spacing-xs) var(--spacing-md);
  font-family: var(--font-family);
  font-size: var(--text-sm);
  font-weight: 500;
  color: var(--secondary-text-color);
  background: transparent;
  border: none;
  cursor: pointer;
  transition: color 0.15s;
}
.marketplace-channel-manage__tab:hover {
  color: var(--primary-text-color);
}
.marketplace-channel-manage__tab--active {
  color: var(--cta-primary-background);
  font-weight: 600;
}
.marketplace-channel-manage__tab--active::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -1px;
  height: 2px;
  background: var(--cta-primary-background);
  border-radius: 1px;
}
.marketplace-channel-manage__tab-content {
  padding-top: var(--spacing-sm);
}
.marketplace-channel-manage__loading {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-sm);
  padding: var(--spacing-xl);
  color: var(--secondary-text-color);
}
.marketplace-channel-manage__loading p {
  margin: 0;
  font-size: var(--text-sm);
}
.marketplace-channel-manage__error {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-sm);
  padding: var(--spacing-xl);
}
.marketplace-channel-manage__error p {
  margin: 0;
  font-size: var(--text-sm);
  color: var(--secondary-text-color);
}
[data-theme=dark] .marketplace-channel-manage {
  background: var(--surface-deep-dark);
}
[data-theme=dark] .marketplace-channel-manage__back-btn {
  color: var(--cta-secondary-color);
}
[data-theme=dark] .marketplace-channel-manage__header {
  padding: var(--spacing-lg);
  background: var(--surface-raised);
  border: 1px solid var(--border-subtle-dark);
  border-radius: var(--border-radius-md);
}
[data-theme=dark] .marketplace-channel-manage__tabs {
  border-bottom-color: var(--border-soft-dark);
}
[data-theme=dark] .marketplace-channel-manage__tab {
  color: rgba(255, 255, 255, 0.5);
}
[data-theme=dark] .marketplace-channel-manage__tab:hover {
  color: rgba(255, 255, 255, 0.8);
}
[data-theme=dark] .marketplace-channel-manage__tab--active {
  color: #60a5fa;
  font-weight: 600;
}
[data-theme=dark] .marketplace-channel-manage__tab--active::after {
  background: #60a5fa;
}
[data-theme=dark] .marketplace-channel-manage__tab-content {
  background: var(--surface-raised);
  border: 1px solid var(--border-subtle-dark);
  border-radius: var(--border-radius-md);
  padding: var(--spacing-lg);
}
[data-theme=dark] .marketplace-channel-manage__loading,
[data-theme=dark] .marketplace-channel-manage__error {
  background: var(--surface-raised);
  border: 1px solid var(--surface-overlay-dark);
  border-radius: var(--border-radius-md);
}
.header {
  display: flex;
  align-items: center;
}
@media (max-width: 500px) {
  .header {
    display: none;
  }
}
.logo {
  width: 37px;
  height: 35px;
}
.header-title {
  color: var(--btn, #377FC4);
  -webkit-text-stroke-width: 2;
  -webkit-text-stroke-color: rgba(255, 255, 255, 0.02);
  font-family: var(--font-family);
  font-size: 25px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin: 0px;
}
.metatool-layer .row {
  display: flex;
  gap: 20px; /* Adjust the gap between UserSphere and Perspective */
  border-radius: 20px;
  border: var(--primary-border);
  box-shadow: 2px 2px 10px 0px rgba(74, 100, 126, 0.2) inset;
  background: white;
  width: 42.2rem;
  justify-content: space-between;
}
[data-theme=dark] .metatool-layer .row {
  background: var(--component-background-gradient);
}
.metaspace-content {
  flex: 1;
  display: flex;
  flex-direction: column;
  min-height: 0;
}

.metaspace-page-header {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs);
  padding: var(--spacing-md) var(--spacing-lg) var(--spacing-sm);
}

.metaspace-page-header__title {
  margin: 0;
  font-size: var(--text-lg);
  font-weight: 700;
  color: var(--primary-text-color);
  line-height: 1.2;
}

.metaspace-page-header__subtitle {
  margin: 0;
  font-size: var(--primary-font);
  font-weight: 400;
  color: var(--secondary-text-color);
  line-height: 1.4;
}
.notifications-page {
  height: calc(100vh - 120px);
  background: var(--body-background);
  padding: 20px;
  overflow: hidden;
}
@media (max-width: 500px) {
  .notifications-page {
    padding: 0px;
    background: none;
  }
}
.notifications-page .notifications-page-container {
  max-width: 800px;
  margin: 0 auto;
  height: 100%;
}
.notifications-page .notifications-page-loading {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 400px;
  color: var(--secondary-text-color);
}
.context-list-page {
  display: flex;
  flex-direction: column;
  flex: 1;
  padding: var(--spacing-lg, 1.5rem);
  background-color: var(--surface-ground, #f8f9fa);
  min-height: calc(100vh - 60px);
}
.context-list-page__container {
  max-width: 1400px;
  width: 100%;
  margin: 0 auto;
}
.context-list-page__loading {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
  background-color: var(--surface-ground, #f8f9fa);
}
.context-list-page__error {
  margin-bottom: var(--spacing-md, 1rem);
  width: 100%;
}
.context-list-page__clone-dialog .p-dialog-content {
  padding: var(--spacing-lg, 1.5rem);
}
.context-list-page__clone-form {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md, 1rem);
}
.context-list-page__clone-field {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs, 0.25rem);
}
.context-list-page__clone-field label {
  font-weight: 500;
  color: var(--text-color, #333);
  font-size: 0.875rem;
}
.context-list-page__clone-input {
  width: 100%;
}
.context-list-page__clone-error {
  margin-bottom: var(--spacing-sm, 0.5rem);
  width: 100%;
}
.context-list-page__clone-dialog-footer {
  display: flex;
  justify-content: flex-end;
  gap: var(--spacing-sm, 0.5rem);
  padding-top: var(--spacing-md, 1rem);
  border-top: 1px solid var(--surface-border, #dee2e6);
}
.context-list-page__drawer-content {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
}
.context-list-page__drawer-content .context-builder {
  flex: 1;
  min-height: 0;
  overflow: auto;
}
.context-list-page__drawer-info {
  margin: 0 var(--spacing-md, 1rem) var(--spacing-sm, 0.5rem);
  width: auto;
}
.context-list-page__drawer-error {
  margin: 0 var(--spacing-md, 1rem) var(--spacing-sm, 0.5rem);
  width: auto;
}
.context-list-page__drawer-loading {
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 1;
  min-height: 200px;
}
.context-list-page__drawer-actions {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: var(--spacing-sm, 0.5rem);
  padding: var(--spacing-md, 1rem);
  border-top: 1px solid var(--surface-border, #dee2e6);
  background: var(--surface-card, #fff);
  flex-shrink: 0;
}
.context-list-page__drawer-actions-left {
  display: flex;
  align-items: center;
  gap: var(--spacing-sm, 0.5rem);
}
.context-list-page__drawer-actions-right {
  display: flex;
  align-items: center;
  gap: var(--spacing-sm, 0.5rem);
}
.context-list-page__preview-drawer .p-sidebar-content {
  padding: 0;
  display: flex;
  flex-direction: column;
  height: 100%;
}
[data-theme=dark] .context-list-page {
  background-color: var(--surface-ground, #1e1e1e);
}
[data-theme=dark] .context-list-page__clone-field label {
  color: var(--text-color, #e0e0e0);
}
[data-theme=dark] .context-list-page__clone-dialog-footer {
  border-top-color: var(--surface-border, #3f3f3f);
}
[data-theme=dark] .context-list-page__drawer-actions {
  border-top-color: var(--surface-border, #3f3f3f);
  background: var(--surface-card, #2a2a2a);
}
@media (max-width: 768px) {
  .context-list-page {
    padding: var(--spacing-md, 1rem);
  }
  .context-list-page__container {
    padding: 0;
  }
}
.timeline-page {
  min-height: 100vh;
  background-color: var(--surface-ground);
}
.timeline-page__content {
  max-width: 1400px;
  margin: 0 auto;
  padding: 2rem;
}
@media (max-width: 768px) {
  .timeline-page__content {
    padding: 1rem;
  }
}
.timeline-page__header {
  margin-bottom: 2rem;
  padding-bottom: 1.5rem;
  border-bottom: 2px solid var(--surface-border);
}
.timeline-page__title {
  margin: 0 0 0.5rem 0;
  font-size: 2rem;
  font-weight: 700;
  color: var(--text-color);
}
@media (max-width: 768px) {
  .timeline-page__title {
    font-size: 1.5rem;
  }
}
.timeline-page__subtitle {
  margin: 0;
  font-size: 1rem;
  color: var(--text-color-secondary);
}
.timeline-page__loading {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 3rem;
  font-size: 1.1rem;
  color: var(--text-color-secondary);
}
body.dark .timeline-page {
  background-color: var(--surface-ground);
}
body.dark .timeline-page__title {
  color: var(--text-color);
}
body.dark .timeline-page__subtitle {
  color: var(--text-color-secondary);
}
.require-metasphere-admin__loading {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 50vh;
  padding: var(--spacing-xl, 32px);
  background: var(--color-surface-base, transparent);
}

[data-theme=dark] .require-metasphere-admin__loading {
  background: var(--color-surface-base-dark, transparent);
}
.waitlist-section {
  width: 100%;
}
.identity-list-page {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg, 24px);
  width: 100%;
  padding: var(--spacing-xl, 32px);
}
.identity-list-page__page-header {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: var(--spacing-md, 16px);
}
.identity-list-page__title {
  color: var(--primary-text-color);
  font-size: var(--text-2xl, 24px);
  font-weight: 600;
  margin: 0;
}
.identity-list-page__controls {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--spacing-md, 16px);
  padding: var(--spacing-md, 16px) var(--spacing-lg, 24px);
  background: var(--card-background);
  border: var(--primary-border);
  border-radius: var(--border-radius-lg);
  box-shadow: var(--card-shadow);
}
.identity-list-page__search {
  flex: 1;
  min-width: 280px;
}
.identity-list-page__search .search-bar {
  width: 100%;
}
.identity-list-page__error {
  width: 100%;
}
.identity-list-page__table {
  width: 100%;
}
.identity-list-page__row {
  cursor: pointer;
}
.identity-list-page__metric {
  color: var(--primary-text-color);
  font-variant-numeric: tabular-nums;
  font-weight: 500;
}
.identity-tray {
  display: grid;
  grid-template-columns: minmax(0, 360px) 1fr;
  gap: var(--spacing-xl, 32px);
  padding: var(--spacing-lg, 24px);
  background: var(--card-background);
}
@media (max-width: 900px) {
  .identity-tray {
    grid-template-columns: 1fr;
  }
}
.identity-tray__section {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm, 8px);
  min-width: 0;
}
.identity-tray__section-title {
  margin: 0;
  font-size: var(--text-xs, 11px);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: var(--secondary-text-color);
}
.identity-tray__details {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs, 6px);
  margin: 0;
}
.identity-tray__details-row {
  display: grid;
  grid-template-columns: 110px 1fr;
  gap: var(--spacing-md, 16px);
  align-items: baseline;
  font-size: var(--text-sm, 13px);
}
.identity-tray__details-row dt {
  color: var(--secondary-text-color);
  font-weight: 500;
}
.identity-tray__details-row dd {
  margin: 0;
  color: var(--primary-text-color);
  word-break: break-word;
}
.identity-tray__id {
  font-family: var(--font-family-mono, ui-monospace, SFMono-Regular, Menlo, monospace);
  font-size: var(--text-xs, 11px);
  color: var(--secondary-text-color);
}
.identity-tray__orgs-state {
  display: flex;
  align-items: center;
  gap: var(--spacing-sm, 8px);
  padding: var(--spacing-sm, 8px) 0;
  color: var(--secondary-text-color);
  font-style: italic;
  font-size: var(--text-sm, 13px);
}
.identity-tray__orgs-state--error {
  color: var(--error-color, #b91c1c);
  font-style: normal;
}
.identity-tray__orgs-table {
  width: 100%;
  border-collapse: collapse;
}
.identity-tray__orgs-table th, .identity-tray__orgs-table td {
  text-align: left;
  padding: var(--spacing-xs, 6px) var(--spacing-md, 16px);
  border-bottom: 1px solid var(--table-row-border-color, rgba(6, 44, 88, 0.08));
  font-size: var(--text-sm, 13px);
}
.identity-tray__orgs-table th {
  font-size: var(--text-xs, 11px);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: var(--secondary-text-color);
}
.identity-tray__orgs-table tr:last-child td {
  border-bottom: none;
}
.identity-detail-page {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg, 24px);
  width: 100%;
}
.identity-detail-page--loading {
  align-items: center;
  justify-content: center;
  min-height: 240px;
}
.identity-detail-page--not-found, .identity-detail-page--error {
  gap: var(--spacing-md, 16px);
  align-items: flex-start;
}
.identity-detail-page__header {
  display: flex;
  align-items: center;
  gap: var(--spacing-md, 16px);
  flex-wrap: wrap;
}
.identity-detail-page__title {
  font-size: var(--font-size-xl, 20px);
  font-weight: 600;
  margin: 0;
  color: var(--primary-text-color, inherit);
}
.identity-detail-page__section-title {
  font-size: var(--font-size-lg, 18px);
  font-weight: 600;
  margin: 0 0 var(--spacing-sm, 8px);
  color: var(--primary-text-color, inherit);
}
.identity-detail-page__card {
  background: var(--color-surface-card, var(--surface-card, #fff));
  border: 1px solid var(--border-color, var(--surface-border, #e5e7eb));
  border-radius: var(--border-radius-md, 8px);
  padding: var(--spacing-md, 16px);
}
.identity-detail-page__card-grid {
  display: grid;
  grid-template-columns: minmax(120px, max-content) 1fr;
  gap: var(--spacing-sm, 8px) var(--spacing-md, 16px);
  margin: 0;
}
.identity-detail-page__card-row {
  display: contents;
}
.identity-detail-page__card-row dt {
  font-weight: 600;
  color: var(--secondary-text-color, inherit);
}
.identity-detail-page__card-row dd {
  margin: 0;
  color: var(--primary-text-color, inherit);
  word-break: break-word;
}
.identity-detail-page__admin {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm, 8px);
  padding: var(--spacing-md, 16px);
  background: var(--color-surface-card, var(--surface-card, #fff));
  border: 1px solid var(--border-color, var(--surface-border, #e5e7eb));
  border-radius: var(--border-radius-md, 8px);
}
.identity-detail-page__admin-status {
  margin: 0;
  color: var(--secondary-text-color, inherit);
}
.identity-detail-page__admin-status--admin {
  color: var(--cta-primary-background, inherit);
  font-weight: 600;
}
.identity-detail-page__admin-status--error {
  color: var(--severity-error-color, inherit);
}
.identity-detail-page__admin-actions {
  display: flex;
  gap: var(--spacing-sm, 8px);
  flex-wrap: wrap;
}
.identity-detail-page__users, .identity-detail-page__orgs {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm, 8px);
}
.identity-detail-page__table {
  width: 100%;
}
.identity-detail-page__org-list {
  list-style: disc inside;
  margin: 0;
  padding: 0;
  color: var(--primary-text-color, inherit);
}
.identity-detail-page__org-list li {
  padding: var(--spacing-xs, 4px) 0;
}
.identity-detail-page__empty {
  margin: 0;
  color: var(--secondary-text-color, inherit);
}
[data-theme=dark] .identity-detail-page__title, [data-theme=dark] .identity-detail-page__section-title, [data-theme=dark] .identity-detail-page__card-row dd, [data-theme=dark] .identity-detail-page__org-list {
  color: var(--primary-text-color-dark, inherit);
}
[data-theme=dark] .identity-detail-page__card-row dt, [data-theme=dark] .identity-detail-page__admin-status, [data-theme=dark] .identity-detail-page__empty {
  color: var(--secondary-text-color-dark, inherit);
}
[data-theme=dark] .identity-detail-page__card, [data-theme=dark] .identity-detail-page__admin {
  background: var(--color-surface-card-dark, var(--surface-card, inherit));
  border-color: var(--border-color-dark, var(--surface-border, inherit));
}
.admin-list-page {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md, 16px);
  width: 100%;
}
.admin-list-page__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--spacing-md, 16px);
}
.admin-list-page__title {
  font-size: var(--font-size-xl, 20px);
  font-weight: 600;
  margin: 0;
  color: var(--primary-text-color, inherit);
}
.admin-list-page__error {
  width: 100%;
}
.admin-list-page__table {
  width: 100%;
}
.admin-list-page__row {
  cursor: pointer;
}
.admin-list-page__identity-cell {
  display: flex;
  align-items: center;
  gap: var(--spacing-sm, 8px);
}
.admin-list-page__identity-id {
  font-family: var(--font-family-mono, monospace);
  font-size: var(--font-size-sm, 12px);
  color: var(--secondary-text-color, inherit);
  background: var(--color-surface-subtle, transparent);
  padding: var(--spacing-xs, 4px) var(--spacing-sm, 8px);
  border-radius: var(--border-radius-sm, 4px);
}
.admin-list-page__copy-btn {
  flex-shrink: 0;
}
[data-theme=dark] .admin-list-page__title {
  color: var(--primary-text-color-dark, inherit);
}
[data-theme=dark] .admin-list-page__identity-id {
  color: var(--secondary-text-color-dark, inherit);
  background: var(--color-surface-subtle-dark, rgba(255, 255, 255, 0.05));
}
.organization-list-page {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg, 24px);
  width: 100%;
  padding: var(--spacing-xl, 32px);
}
.organization-list-page__page-header {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: var(--spacing-md, 16px);
}
.organization-list-page__title {
  color: var(--primary-text-color);
  font-size: var(--text-2xl, 24px);
  font-weight: 600;
  margin: 0;
}
.organization-list-page__controls {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--spacing-md, 16px);
  padding: var(--spacing-md, 16px) var(--spacing-lg, 24px);
  background: var(--card-background);
  border: var(--primary-border);
  border-radius: var(--border-radius-lg);
  box-shadow: var(--card-shadow);
}
.organization-list-page__search {
  flex: 1;
  min-width: 280px;
}
.organization-list-page__search .search-bar {
  width: 100%;
}
.organization-list-page__error {
  width: 100%;
}
.organization-list-page__table {
  width: 100%;
}
.organization-list-page__row {
  cursor: pointer;
}
.organization-list-page__metric {
  color: var(--primary-text-color);
  font-variant-numeric: tabular-nums;
  font-weight: 500;
}
.organization-tray {
  display: grid;
  grid-template-columns: minmax(0, 360px) 1fr;
  gap: var(--spacing-xl, 32px);
  padding: var(--spacing-lg, 24px);
  background: var(--card-background);
}
@media (max-width: 900px) {
  .organization-tray {
    grid-template-columns: 1fr;
  }
}
.organization-tray__section {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm, 8px);
  min-width: 0;
}
.organization-tray__section-title {
  margin: 0;
  font-size: var(--text-xs, 11px);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: var(--secondary-text-color);
}
.organization-tray__details {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs, 6px);
  margin: 0;
}
.organization-tray__details-row {
  display: grid;
  grid-template-columns: 110px 1fr;
  gap: var(--spacing-md, 16px);
  align-items: baseline;
  font-size: var(--text-sm, 13px);
}
.organization-tray__details-row dt {
  color: var(--secondary-text-color);
  font-weight: 500;
}
.organization-tray__details-row dd {
  margin: 0;
  color: var(--primary-text-color);
  word-break: break-word;
}
.organization-tray__deployed-by-name {
  color: var(--secondary-text-color);
}
.organization-tray__id {
  font-family: var(--font-family-mono, ui-monospace, SFMono-Regular, Menlo, monospace);
  font-size: var(--text-xs, 11px);
  color: var(--secondary-text-color);
}
.organization-tray__users-state {
  display: flex;
  align-items: center;
  gap: var(--spacing-sm, 8px);
  padding: var(--spacing-sm, 8px) 0;
  color: var(--secondary-text-color);
  font-style: italic;
  font-size: var(--text-sm, 13px);
}
.organization-tray__users-state--error {
  color: var(--error-color, #b91c1c);
  font-style: normal;
}
.organization-tray__users-table {
  width: 100%;
  border-collapse: collapse;
}
.organization-tray__users-table th, .organization-tray__users-table td {
  text-align: left;
  padding: var(--spacing-xs, 6px) var(--spacing-md, 16px);
  border-bottom: 1px solid var(--table-row-border-color, rgba(6, 44, 88, 0.08));
  font-size: var(--text-sm, 13px);
}
.organization-tray__users-table th {
  font-size: var(--text-xs, 11px);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: var(--secondary-text-color);
}
.organization-tray__users-table tr:last-child td {
  border-bottom: none;
}
[data-theme=dark] .organization-list-page__title {
  color: var(--primary-text-color-dark, inherit);
}
[data-theme=dark] .organization-list-page__metric {
  color: var(--primary-text-color-dark, inherit);
}
[data-theme=dark] .organization-tray {
  background: var(--card-background-dark, var(--card-background));
}
[data-theme=dark] .organization-tray__section-title, [data-theme=dark] .organization-tray__id, [data-theme=dark] .organization-tray__deployed-by-name, [data-theme=dark] .organization-tray__users-state {
  color: var(--secondary-text-color-dark, inherit);
}
[data-theme=dark] .organization-tray__details-row dt {
  color: var(--secondary-text-color-dark, inherit);
}
[data-theme=dark] .organization-tray__details-row dd {
  color: var(--primary-text-color-dark, inherit);
}
[data-theme=dark] .organization-tray__users-state--error {
  color: var(--error-color-dark, var(--error-color, #f87171));
}
[data-theme=dark] .organization-tray__users-table th, [data-theme=dark] .organization-tray__users-table td {
  border-bottom-color: var(--table-row-border-color-dark, rgba(255, 255, 255, 0.08));
}
[data-theme=dark] .organization-tray__users-table th {
  color: var(--secondary-text-color-dark, inherit);
}
.metasphere-admin-shell {
  display: flex;
  min-height: 100vh;
  background: var(--color-surface-base, transparent);
  color: var(--primary-text-color, inherit);
  position: relative;
}
.metasphere-admin-shell__sidebar-toggle {
  display: none;
  position: fixed;
  top: var(--spacing-md, 16px);
  left: var(--spacing-md, 16px);
  z-index: 1100;
  width: 40px;
  height: 40px;
  background: var(--component-background, transparent);
  color: var(--primary-text-color, inherit);
  border: 1px solid var(--border-color, transparent);
  border-radius: var(--border-radius-md, 6px);
  cursor: pointer;
  align-items: center;
  justify-content: center;
}
.metasphere-admin-shell__sidebar-toggle:hover, .metasphere-admin-shell__sidebar-toggle:focus-visible {
  background: var(--component-background-hover, transparent);
}
.metasphere-admin-shell__sidebar {
  flex: 0 0 240px;
  display: flex;
  flex-direction: column;
  border-right: 1px solid var(--border-color, transparent);
  background: var(--color-surface-subtle, transparent);
  padding: var(--spacing-lg, 24px) 0;
  transition: transform 0.2s ease-in-out;
}
.metasphere-admin-shell__sidebar-header {
  padding: 0 var(--spacing-lg, 24px) var(--spacing-md, 16px);
  border-bottom: 1px solid var(--border-color, transparent);
  margin-bottom: var(--spacing-md, 16px);
  display: flex;
  align-items: center;
  gap: var(--spacing-sm, 8px);
}
.metasphere-admin-shell__home-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  flex-shrink: 0;
  background: none;
  border: 1px solid var(--border-color, #ccc);
  border-radius: var(--border-radius-md, 6px);
  color: var(--secondary-text-color, #555);
  cursor: pointer;
  transition: background 0.15s ease, color 0.15s ease;
}
.metasphere-admin-shell__home-btn:hover, .metasphere-admin-shell__home-btn:focus-visible {
  background: var(--component-background-hover, #e8edf2);
  color: var(--primary-text-color, #003864);
}
.metasphere-admin-shell__home-btn .pi {
  font-size: 12px;
}
.metasphere-admin-shell__title {
  font-size: var(--font-size-lg, 18px);
  font-weight: 600;
  margin: 0;
  color: var(--primary-text-color, inherit);
}
.metasphere-admin-shell__nav {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xxs, 4px);
  padding: 0 var(--spacing-sm, 8px);
}
.metasphere-admin-shell__nav-item {
  display: flex;
  align-items: center;
  gap: var(--spacing-sm, 8px);
  padding: var(--spacing-sm, 8px) var(--spacing-md, 16px);
  border-radius: var(--border-radius-md, 6px);
  text-decoration: none;
  color: var(--secondary-text-color, inherit);
  font-size: var(--font-size-md, 14px);
  cursor: pointer;
}
.metasphere-admin-shell__nav-item:hover, .metasphere-admin-shell__nav-item:focus-visible {
  background: var(--component-background-hover, transparent);
  color: var(--primary-text-color, inherit);
}
.metasphere-admin-shell__nav-item--active {
  background: var(--cta-primary-bg, #1a5fa0);
  color: #ffffff;
  font-weight: 600;
}
.metasphere-admin-shell__nav-item--active .metasphere-admin-shell__nav-icon {
  color: #ffffff;
}
.metasphere-admin-shell__nav-item--active:hover, .metasphere-admin-shell__nav-item--active:focus-visible {
  background: var(--cta-primary-bg-hover, #174f87);
  color: #ffffff;
}
.metasphere-admin-shell__nav-icon {
  font-size: var(--font-size-md, 16px);
  flex: 0 0 auto;
}
.metasphere-admin-shell__nav-label {
  flex: 1 1 auto;
}
.metasphere-admin-shell__main {
  flex: 1 1 auto;
  min-width: 0;
  padding: var(--spacing-lg, 24px);
  overflow-x: auto;
}
.metasphere-admin-shell__placeholder {
  padding: var(--spacing-lg, 24px);
  color: var(--secondary-text-color, inherit);
  font-style: italic;
}
@media (max-width: 768px) {
  .metasphere-admin-shell__sidebar-toggle {
    display: inline-flex;
  }
  .metasphere-admin-shell__sidebar {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: 1000;
    transform: translateX(-100%);
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.15);
  }
  .metasphere-admin-shell--sidebar-open .metasphere-admin-shell__sidebar {
    transform: translateX(0);
  }
  .metasphere-admin-shell__main {
    padding: var(--spacing-xxl, 64px) var(--spacing-md, 16px) var(--spacing-md, 16px);
  }
}
[data-theme=dark] .metasphere-admin-shell {
  background: var(--color-surface-base-dark, transparent);
  color: var(--primary-text-color-dark, inherit);
}
[data-theme=dark] .metasphere-admin-shell .metasphere-admin-shell__sidebar {
  background: var(--color-surface-subtle-dark, transparent);
  border-right-color: var(--border-color-dark, transparent);
}
[data-theme=dark] .metasphere-admin-shell .metasphere-admin-shell__sidebar-header {
  border-bottom-color: var(--border-color-dark, transparent);
}
[data-theme=dark] .metasphere-admin-shell .metasphere-admin-shell__home-btn {
  border-color: var(--border-color-dark, #444);
  color: var(--secondary-text-color-dark, #aaa);
}
[data-theme=dark] .metasphere-admin-shell .metasphere-admin-shell__home-btn:hover, [data-theme=dark] .metasphere-admin-shell .metasphere-admin-shell__home-btn:focus-visible {
  background: var(--component-background-hover-dark, #2a3a4a);
  color: var(--primary-text-color-dark, #fff);
}
[data-theme=dark] .metasphere-admin-shell .metasphere-admin-shell__title {
  color: var(--primary-text-color-dark, inherit);
}
[data-theme=dark] .metasphere-admin-shell .metasphere-admin-shell__nav-item {
  color: var(--secondary-text-color-dark, inherit);
}
[data-theme=dark] .metasphere-admin-shell .metasphere-admin-shell__nav-item:hover, [data-theme=dark] .metasphere-admin-shell .metasphere-admin-shell__nav-item:focus-visible {
  background: var(--component-background-hover-dark, transparent);
  color: var(--primary-text-color-dark, inherit);
}
[data-theme=dark] .metasphere-admin-shell .metasphere-admin-shell__nav-item--active {
  background: var(--cta-primary-bg-dark, transparent);
  color: var(--cta-primary-color-dark, inherit);
}
[data-theme=dark] .metasphere-admin-shell .metasphere-admin-shell__nav-item--active:hover, [data-theme=dark] .metasphere-admin-shell .metasphere-admin-shell__nav-item--active:focus-visible {
  background: var(--cta-primary-bg-hover-dark, transparent);
}
[data-theme=dark] .metasphere-admin-shell .metasphere-admin-shell__sidebar-toggle {
  background: var(--component-background-dark, transparent);
  color: var(--primary-text-color-dark, inherit);
  border-color: var(--border-color-dark, transparent);
}
[data-theme=dark] .metasphere-admin-shell .metasphere-admin-shell__sidebar-toggle:hover, [data-theme=dark] .metasphere-admin-shell .metasphere-admin-shell__sidebar-toggle:focus-visible {
  background: var(--component-background-hover-dark, transparent);
}
.require-org-admin__loading {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 50vh;
  padding: var(--spacing-xl, 32px);
  background: var(--color-surface-base, transparent);
}

[data-theme=dark] .require-org-admin__loading {
  background: var(--color-surface-base-dark, transparent);
}
.general-section {
  max-width: 640px;
}
.general-section__loading, .general-section__error {
  display: flex;
  align-items: center;
  gap: var(--spacing-sm);
  padding: var(--spacing-lg);
  min-height: 200px;
  justify-content: center;
}
.general-section__error {
  color: var(--error-color, var(--primary-text-color));
}
.general-section__header {
  margin-bottom: var(--spacing-xl);
}
.general-section__title {
  font-size: 1.25rem;
  font-weight: 600;
  color: var(--primary-text-color);
  margin: 0 0 var(--spacing-xs) 0;
}
.general-section__subtitle {
  color: var(--secondary-text-color);
  margin: 0;
  font-size: 14px;
}
.general-section__form {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
}
.general-section__field {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs);
}
.general-section__label {
  font-weight: 500;
  font-size: 14px;
  color: var(--primary-text-color);
}
.general-section__input-row {
  display: flex;
  align-items: center;
  gap: var(--spacing-xs);
}
.general-section__input {
  flex: 1;
  width: 100%;
}
.general-section__textarea {
  flex: 1;
  width: 100%;
}
.general-section__readonly {
  display: block;
  padding: var(--spacing-xs) var(--spacing-sm);
  background: var(--component-background);
  border: 1px solid var(--primary-border);
  border-radius: var(--border-radius-sm);
  color: var(--secondary-text-color);
  font-size: 14px;
}
[data-theme=dark] .general-section__readonly {
  background: var(--component-background-dark);
  border-color: var(--primary-border-dark);
}
.general-section__hint {
  color: var(--secondary-text-color);
  font-size: 12px;
}
.general-section__access-lock {
  color: var(--secondary-text-color);
  display: flex;
  align-items: center;
  cursor: help;
}
.general-section__save-error {
  color: var(--error-color, var(--primary-text-color));
  font-size: 14px;
  padding: var(--spacing-xs) var(--spacing-sm);
  background: var(--component-background);
  border: 1px solid var(--primary-border);
  border-radius: var(--border-radius-sm);
}
.general-section__actions {
  display: flex;
  justify-content: flex-end;
  padding-top: var(--spacing-sm);
  border-top: 1px solid var(--primary-border);
}
[data-theme=dark] .general-section__actions {
  border-top-color: var(--primary-border-dark);
}
.danger-zone-section {
  max-width: 720px;
}
.danger-zone-section__header {
  margin-bottom: var(--spacing-xl);
}
.danger-zone-section__title {
  font-size: 1.25rem;
  font-weight: 600;
  color: var(--primary-text-color);
  margin: 0 0 var(--spacing-xs) 0;
}
.danger-zone-section__subtitle {
  color: var(--secondary-text-color);
  margin: 0;
  font-size: 14px;
}
.danger-zone-section__actions {
  display: flex;
  flex-direction: column;
  border: 1px solid var(--primary-border);
  border-radius: var(--border-radius-md);
  overflow: hidden;
}
[data-theme=dark] .danger-zone-section__actions {
  border-color: var(--primary-border-dark);
}
.danger-zone-section__action-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--spacing-md);
  padding: var(--spacing-md) var(--spacing-lg);
  background: var(--component-background);
  border-bottom: 1px solid var(--primary-border);
}
.danger-zone-section__action-row:last-child {
  border-bottom: none;
}
.danger-zone-section__action-row--destructive {
  background: var(--component-background);
}
[data-theme=dark] .danger-zone-section__action-row {
  background: var(--component-background-dark);
  border-bottom-color: var(--primary-border-dark);
}
.danger-zone-section__action-info {
  flex: 1;
  min-width: 0;
}
.danger-zone-section__action-info strong {
  display: block;
  font-weight: 600;
  color: var(--primary-text-color);
  margin-bottom: var(--spacing-xxs);
}
.danger-zone-section__action-info p {
  margin: 0;
  color: var(--secondary-text-color);
  font-size: 13px;
}
.org-settings-shell {
  display: flex;
  min-height: 100vh;
  background: var(--color-surface-base, transparent);
  color: var(--primary-text-color, inherit);
  position: relative;
}
.org-settings-shell__sidebar-toggle {
  display: none;
  position: fixed;
  top: var(--spacing-md, 16px);
  left: var(--spacing-md, 16px);
  z-index: 1100;
  width: 40px;
  height: 40px;
  background: var(--component-background, transparent);
  color: var(--primary-text-color, inherit);
  border: 1px solid var(--border-color, transparent);
  border-radius: var(--border-radius-md, 6px);
  cursor: pointer;
  align-items: center;
  justify-content: center;
}
.org-settings-shell__sidebar-toggle:hover, .org-settings-shell__sidebar-toggle:focus-visible {
  background: var(--component-background-hover, transparent);
}
.org-settings-shell__sidebar {
  flex: 0 0 240px;
  display: flex;
  flex-direction: column;
  border-right: 1px solid var(--border-color, transparent);
  background: var(--color-surface-subtle, transparent);
  padding: var(--spacing-lg, 24px) 0;
  transition: transform 0.2s ease-in-out;
}
.org-settings-shell__sidebar-header {
  padding: 0 var(--spacing-lg, 24px) var(--spacing-md, 16px);
  border-bottom: 1px solid var(--border-color, transparent);
  margin-bottom: var(--spacing-md, 16px);
}
.org-settings-shell__title {
  font-size: var(--font-size-lg, 18px);
  font-weight: 600;
  margin: 0;
  color: var(--primary-text-color, inherit);
}
.org-settings-shell__nav {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xxs, 4px);
  padding: 0 var(--spacing-sm, 8px);
}
.org-settings-shell__nav-item {
  display: flex;
  align-items: center;
  gap: var(--spacing-sm, 8px);
  padding: var(--spacing-sm, 8px) var(--spacing-md, 16px);
  border-radius: var(--border-radius-md, 6px);
  text-decoration: none;
  color: var(--secondary-text-color, inherit);
  font-size: var(--font-size-md, 14px);
  cursor: pointer;
}
.org-settings-shell__nav-item:hover, .org-settings-shell__nav-item:focus-visible {
  background: var(--component-background-hover, transparent);
  color: var(--primary-text-color, inherit);
}
.org-settings-shell__nav-item--active {
  background: var(--cta-primary-bg, transparent);
  color: var(--cta-primary-color, inherit);
  font-weight: 600;
}
.org-settings-shell__nav-item--active:hover, .org-settings-shell__nav-item--active:focus-visible {
  background: var(--cta-primary-bg-hover, transparent);
}
.org-settings-shell__nav-icon {
  font-size: var(--font-size-md, 16px);
  flex: 0 0 auto;
}
.org-settings-shell__nav-label {
  flex: 1 1 auto;
}
.org-settings-shell__main {
  flex: 1 1 auto;
  min-width: 0;
  padding: var(--spacing-lg, 24px);
  overflow-x: auto;
}
@media (max-width: 768px) {
  .org-settings-shell__sidebar-toggle {
    display: inline-flex;
  }
  .org-settings-shell__sidebar {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: 1000;
    transform: translateX(-100%);
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.15);
  }
  .org-settings-shell--sidebar-open .org-settings-shell__sidebar {
    transform: translateX(0);
  }
  .org-settings-shell__main {
    padding: var(--spacing-xxl, 64px) var(--spacing-md, 16px) var(--spacing-md, 16px);
  }
}
[data-theme=dark] .org-settings-shell {
  background: var(--color-surface-base-dark, transparent);
  color: var(--primary-text-color-dark, inherit);
}
[data-theme=dark] .org-settings-shell .org-settings-shell__sidebar {
  background: var(--color-surface-subtle-dark, transparent);
  border-right-color: var(--border-color-dark, transparent);
}
[data-theme=dark] .org-settings-shell .org-settings-shell__sidebar-header {
  border-bottom-color: var(--border-color-dark, transparent);
}
[data-theme=dark] .org-settings-shell .org-settings-shell__title {
  color: var(--primary-text-color-dark, inherit);
}
[data-theme=dark] .org-settings-shell .org-settings-shell__nav-item {
  color: var(--secondary-text-color-dark, inherit);
}
[data-theme=dark] .org-settings-shell .org-settings-shell__nav-item:hover, [data-theme=dark] .org-settings-shell .org-settings-shell__nav-item:focus-visible {
  background: var(--component-background-hover-dark, transparent);
  color: var(--primary-text-color-dark, inherit);
}
[data-theme=dark] .org-settings-shell .org-settings-shell__nav-item--active {
  background: var(--cta-primary-bg-dark, transparent);
  color: var(--cta-primary-color-dark, inherit);
}
[data-theme=dark] .org-settings-shell .org-settings-shell__nav-item--active:hover, [data-theme=dark] .org-settings-shell .org-settings-shell__nav-item--active:focus-visible {
  background: var(--cta-primary-bg-hover-dark, transparent);
}
[data-theme=dark] .org-settings-shell .org-settings-shell__sidebar-toggle {
  background: var(--component-background-dark, transparent);
  color: var(--primary-text-color-dark, inherit);
  border-color: var(--border-color-dark, transparent);
}
[data-theme=dark] .org-settings-shell .org-settings-shell__sidebar-toggle:hover, [data-theme=dark] .org-settings-shell .org-settings-shell__sidebar-toggle:focus-visible {
  background: var(--component-background-hover-dark, transparent);
}
@font-face {
  font-family: "Manrope";
  src: url('Manrope-Regular.a9b9e09fe6b69741f316.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Manrope";
  src: url('Manrope-Medium.08894ccb04665d1a9d53.ttf') format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Manrope";
  src: url('Manrope-SemiBold.310f108cc524df0e5ffc.ttf') format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Manrope";
  src: url('Manrope-Bold.47f6d7143da9d8c0e480.ttf') format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Manrope";
  src: url('Manrope-ExtraBold.5b0ae7100ad1d12e53c9.ttf') format("truetype");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
html,
body,
#root {
  height: 100vh;
  margin: 0;
  padding: 0;
}
#root {
  display: flex;
  flex-direction: column;
}
:root {
  --font-family: 'Manrope', sans-serif;
  --primary-font: 14px;
  --secondary-font: 12px;
  --sub-heading-font: 16px;
  --primary-text-color: #062C58;
  --secondary-text-color: #333;
  --primary-border: 2px solid #ffffff;
  --border-radius: 20px;
  --card-shadow: 2px 2px 7px 2px rgba(30, 84, 156, 0.18) inset, -3px -1px 10px 0px rgba(160, 183, 202, 0.15) inset;
  --button-shadow: 0px -2px 7px 2px rgba(116, 139, 157, 0.2) inset;
  --element-shadow: 2px 0px 4px 0px rgba(0, 0, 0, 0.1), 1px 2px 5px -1px rgba(74, 100, 126, 0.3);
  --body-background: linear-gradient(180deg, #E9F4FB 0%, #C4D1DE 54.6%, #D4E5F1 101.21%);
  --component-background-gradient: linear-gradient(1deg, #E4F0FA 10%, #F2FAFF 100%);
  --component-background: #ffffff;
  --sort-icon: #495057;
  --atlas-columns: #e9f2f9;
  --atlas-firstheader: linear-gradient(90deg, #fff 9.5%, #e5f1fa 100%);
  --scrollbar-thumb: #b9d5ef;
  --scrollbar-thumb-hover: #a4c4e5;
  --scrollbar-track: #dbe8f4;
  --hover-background: #f0f0f0;
  --sphere-selector-background: linear-gradient(358deg, #f3f9fd 13.23%, #f2f9fe 49.2%, #fcffff 83.06%);
  --sidebar-tab-active-background: #eef4fa;
  --Search-input-box: linear-gradient(359deg, #f5fbff -34.86%, #f2f9fe -34.84%, #eff5fa 99.41%, #fafdff 125.39%);
  --Save-button: linear-gradient(359deg, #f5fbff -34.86%, #f2f9fe -34.84%, #eff5fa 99.41%, #fafdff 125.39%);
  --Close-button: #ffffff;
  --Clear-button: #ffffff;
  --tab-background: #ffffff;
  --msg-root-bg: #EFF4F8;
  --msg-reply-even-bg: #EFF4F8;
  --msg-reply-odd-bg: rgba(88, 185, 253, 0.17);
  --mobile-tree-max-height: 60vh;
  --button-size-md: 35px;
  /* CTA Button tokens */
  --cta-primary-background: linear-gradient(180deg, #407AC6 0%, #1F3B60 94%);
  --cta-primary-color: #ffffff;
  --cta-primary-border: 2px solid rgba(255, 255, 255, 0.5);
  --cta-primary-shadow: 0px 4px 4px rgba(26, 25, 51, 0.2), inset 5px 4px 4px rgba(255, 255, 255, 0.2);
  --cta-primary-hover-background: linear-gradient(180deg, #4D8CD1 0%, #2A4A71 94%);
  --cta-primary-hover-shadow: 0px 6px 6px rgba(26, 25, 51, 0.25), inset 5px 4px 4px rgba(255, 255, 255, 0.2);
  --cta-secondary-background: var(--component-background);
  --cta-secondary-color: #377fc4;
  --cta-secondary-border: 2px solid #377fc4;
  --cta-secondary-shadow: 0px -2px 7px 2px rgba(116, 139, 157, 0.2) inset;
  --cta-secondary-hover-background: rgba(55, 127, 196, 0.1);
  /* Spacing tokens */
  --spacing-xs: 8px;
  --spacing-sm: 12px;
  --spacing-md: 16px;
  --spacing-lg: 20px;
  --spacing-xl: 24px;
  --spacing-2xl: 32px;
  --spacing-3xl: 40px;
  /* Border radius tokens */
  --border-radius-sm: 8px;
  --border-radius-md: 12px;
  --border-radius-lg: 16px;
  --border-radius-pill: 24px;
  /* Mobile-specific tokens */
  --mobile-scroll-step: 200px;
  --mobile-icon-size: 56px;
  --mobile-icon-size-sm: 44px;
  --icon-size-lg: 1.5rem;
  --touch-target-min: 24px;
  --touch-target-standard: 44px;
  /* Typography tokens */
  --text-xs: 11px;
  --text-sm: 12px;
  --text-normal: 14px;
  --text-md: 16px;
  --text-lg: 18px;
  /* Status color tokens */
  --status-on-track: #10B981;
  --status-at-risk: #F59E0B;
  --status-needs-attention: #F59E0B;
  --status-critical: #EF4444;
  --status-blocked: #DC2626;
  --status-unknown: #9CA3AF;
  --status-not-started: #9CA3AF;
  --status-completed: #10B981;
  /* Interactive icon color - used for steppers, dropdown chevrons, etc. */
  --interactive-icon-color: #5fa0df;
}
body {
  font-family: var(--font-family);
  border-radius: 20px;
  background: var(--body-background);
  margin: 0 auto;
  height: 100%;
  display: flex;
  flex-direction: column;
}
[data-theme=dark] {
  --primary-text-color: #E1E1E1;
  --secondary-text-color: #B3B3B3;
  --primary-border: 2px solid #2D3748;
  --border-radius: 20px;
  --card-shadow: 2px 2px 7px 2px rgba(0, 0, 0, 0.3) inset, -3px -1px 10px 0px rgba(0, 0, 0, 0.2) inset;
  --button-shadow: 0px -2px 7px 2px rgba(0, 0, 0, 0.3) inset;
  --element-shadow: 2px 0px 4px 0px rgba(0, 0, 0, 0.2), 1px 2px 5px -1px rgba(0, 0, 0, 0.4);
  --body-background: #121212;
  --component-background-gradient: #1E1E2F;
  --component-background: #1E1E2F;
  --surface-section: #1E1E2F;
  --no-background: none;
  --sort-icon: #ffffff;
  --atlas-columns: #1E1E2F;
  --atlas-firstheader: #1E1E2F;
  --scrollbar-thumb: #4a4a6a;
  --scrollbar-thumb-hover: #626283;
  --scrollbar-track: #1c1c2e;
  --hover-background: #323248;
  --sphere-selector-background: #121212;
  --sidebar-tab-active-background: #3D3D5C;
  --Search-input-box: #1E1E2F;
  --Save-button: #1E1E2F;
  --Close-button: #2D3748;
  --Clear-button: #2D3748;
  --tab-background: #121212;
  --msg-root-bg: #1E1E2F;
  --msg-reply-even-bg: #1E1E2F;
  --msg-reply-odd-bg: rgba(56,189,248,.12);
  /* CTA Button tokens - dark theme */
  --cta-primary-background: linear-gradient(180deg, #407AC6 0%, #1F3B60 94%);
  --cta-primary-hover-background: linear-gradient(180deg, #4D8CD1 0%, #2A4A71 94%);
  --cta-secondary-background: #1E1E2F;
  --cta-secondary-hover-background: rgba(55, 127, 196, 0.15);
  /* Interactive icon color - same in dark mode for visibility */
  --interactive-icon-color: #5fa0df;
  /* Status color tokens - dark mode */
  --status-on-track: #10B981;
  --status-at-risk: #F59E0B;
  --status-needs-attention: #F59E0B;
  --status-critical: #EF4444;
  --status-blocked: #DC2626;
  --status-unknown: #6B7280;
  --status-not-started: #6B7280;
  --status-completed: #10B981;
}
/* InputSwitch dark theme - placed outside [data-theme='dark'] for proper specificity */
[data-theme=dark] .p-inputswitch .p-inputswitch-slider {
  background: #2C2C3E !important;
  border: 1px solid #3a3a4e !important;
}
[data-theme=dark] .p-inputswitch .p-inputswitch-slider:before {
  background: #E0E0E0 !important;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3) !important;
}
[data-theme=dark] .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider {
  background: #26a3e3 !important;
  border-color: #26a3e3 !important;
}
[data-theme=dark] .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
  background: #ffffff !important;
}
[data-theme=dark] .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider {
  background: #363650 !important;
}
[data-theme=dark] .p-inputswitch:not(.p-disabled):hover.p-inputswitch-checked .p-inputswitch-slider {
  background: #2090c9 !important;
}
[data-theme=dark] .p-inputswitch.p-focus .p-inputswitch-slider {
  box-shadow: 0 0 0 3px rgba(38, 163, 227, 0.2) !important;
}
/* DatePicker / Calendar dark theme */
[data-theme=dark] .p-datepicker {
  background: #1E1E2F !important;
  color: #ffffff !important;
  border-color: #2D3748 !important;
}
[data-theme=dark] .p-datepicker .p-datepicker-header {
  background: #1E1E2F !important;
  color: #ffffff !important;
  border-bottom-color: #2D3748 !important;
}
[data-theme=dark] .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month,
[data-theme=dark] .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year {
  color: #ffffff !important;
}
[data-theme=dark] .p-datepicker .p-datepicker-header .p-datepicker-prev,
[data-theme=dark] .p-datepicker .p-datepicker-header .p-datepicker-next {
  color: #ffffff !important;
}
[data-theme=dark] .p-datepicker .p-datepicker-header .p-datepicker-prev:hover,
[data-theme=dark] .p-datepicker .p-datepicker-header .p-datepicker-next:hover {
  background: #323248 !important;
}
[data-theme=dark] .p-datepicker table td > span {
  color: #ffffff !important;
}
[data-theme=dark] .p-datepicker table td > span:hover {
  background: #323248 !important;
}
[data-theme=dark] .p-datepicker table td > span.p-highlight {
  background: #26a3e3 !important;
  color: #ffffff !important;
}
[data-theme=dark] .p-datepicker table td.p-datepicker-today > span {
  background: #2C2C3E !important;
  color: #26a3e3 !important;
}
[data-theme=dark] .p-datepicker table td.p-datepicker-today > span.p-highlight {
  background: #26a3e3 !important;
  color: #ffffff !important;
}
[data-theme=dark] .p-datepicker table th > span {
  color: #9CA3AF !important;
}
[data-theme=dark] .p-datepicker .p-timepicker {
  border-top-color: #2D3748 !important;
  color: #ffffff !important;
}
[data-theme=dark] .p-datepicker .p-timepicker span {
  color: #ffffff !important;
}
[data-theme=dark] .p-datepicker .p-timepicker button {
  color: #ffffff !important;
}
[data-theme=dark] .p-datepicker .p-timepicker button:hover {
  background: #323248 !important;
}
[data-theme=dark] .p-datepicker .p-monthpicker .p-monthpicker-month,
[data-theme=dark] .p-datepicker .p-yearpicker .p-yearpicker-year {
  color: #ffffff !important;
}
[data-theme=dark] .p-datepicker .p-monthpicker .p-monthpicker-month:hover,
[data-theme=dark] .p-datepicker .p-yearpicker .p-yearpicker-year:hover {
  background: #323248 !important;
}
[data-theme=dark] .p-datepicker .p-monthpicker .p-highlight,
[data-theme=dark] .p-datepicker .p-yearpicker .p-highlight {
  background: #26a3e3 !important;
  color: #ffffff !important;
}
.common-loader {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
  margin: 0;
  background: #4b5563;
}
.main-container {
  flex: 1;
  padding: 40px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  min-height: 0;
}
@media (max-width: 500px) {
  .main-container {
    padding: 0px;
  }
}
.atlwdg-trigger.atlwdg-SUBTLE {
  margin: 10px;
  font-family: var(--font-family);
  box-shadow: none;
  border-radius: 5px !important;
  color: #4a6d98 !important;
  font-size: var(--secondary-font) !important;
  -webkit-box-shadow: none !important;
  font-weight: 400;
  background: #ffffff !important;
  border-bottom: 1px solid #ccc !important;
  border-right: 1px solid #ccc !important;
  transition: background 0.2s ease, color 0.2s ease;
}
@media (max-width: 500px) {
  .atlwdg-trigger.atlwdg-SUBTLE {
    display: none;
  }
}
.atlwdg-trigger.atlwdg-SUBTLE:hover {
  background: #5fa0df !important;
  color: #ffffff !important;
}
[data-theme=dark] .atlwdg-trigger.atlwdg-SUBTLE {
  background: #1E1E2F !important;
  color: #7fb3e8 !important;
  border-bottom: 1px solid #3a3a4e !important;
  border-right: 1px solid #3a3a4e !important;
}
[data-theme=dark] .atlwdg-trigger.atlwdg-SUBTLE:hover {
  background: #2a4a71 !important;
  color: #ffffff !important;
  border-bottom: 1px solid #5fa0df !important;
  border-right: 1px solid #5fa0df !important;
}
/* Jira Issue Collector - blanket and container (iframe content cannot be themed due to cross-origin restrictions) */
#atlwdg-blanket {
  background: rgba(0, 0, 0, 0.4) !important;
}
[data-theme=dark] #atlwdg-blanket {
  background: rgba(0, 0, 0, 0.75) !important;
}
#atlwdg-container {
  border-radius: 12px !important;
  overflow: hidden !important;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.18) !important;
}
[data-theme=dark] #atlwdg-container {
  box-shadow: 0 8px 40px rgba(0, 0, 0, 0.6) !important;
  border: 1px solid #3a3a4e !important;
}
.p-tooltip-text {
  font-family: var(--font-family);
  font-size: var(--secondary-font);
  box-shadow: none;
  border-radius: 6px;
}
/* CTA Button Styles */
.cta-button-primary {
  background: var(--cta-primary-background);
  color: var(--cta-primary-color);
  border: var(--cta-primary-border);
  box-shadow: var(--cta-primary-shadow);
  border-radius: var(--border-radius);
  font-family: var(--font-family);
  font-weight: 800;
  font-size: 15px;
  padding: 13px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  transition: background 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease, color 0.2s ease;
  cursor: pointer;
}
.cta-button-primary:hover:not(:disabled) {
  background: var(--cta-primary-hover-background);
  box-shadow: var(--cta-primary-hover-shadow);
  transform: translateY(-1px);
}
.cta-button-primary:active:not(:disabled) {
  transform: scale(0.98) translateY(0px);
  box-shadow: 0px 2px 2px rgba(26, 25, 51, 0.15), inset 5px 4px 4px rgba(255, 255, 255, 0.2);
}
.cta-button-primary:focus {
  outline: none;
  box-shadow: var(--cta-primary-shadow), 0 0 0 3px rgba(64, 122, 198, 0.3);
}
.cta-button-primary:disabled {
  opacity: 0.5;
  cursor: not-allowed;
  transform: none;
}
.cta-button-secondary {
  background: var(--cta-secondary-background);
  color: var(--cta-secondary-color);
  border: var(--cta-secondary-border);
  box-shadow: var(--cta-secondary-shadow);
  border-radius: var(--border-radius);
  font-family: var(--font-family);
  font-weight: 700;
  font-size: var(--secondary-font);
  padding: 10px 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  transition: background 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease, border-color 0.2s ease;
  cursor: pointer;
}
.cta-button-secondary:hover:not(:disabled) {
  background: var(--cta-secondary-hover-background);
  border-color: #26a3e3;
  transform: translateY(-1px);
  box-shadow: 0 0 0 0.2rem rgba(55, 127, 196, 0.25);
}
.cta-button-secondary:active:not(:disabled) {
  transform: scale(0.98);
}
.cta-button-secondary:focus {
  outline: none;
  box-shadow: 0 0 0 0.2rem rgba(55, 127, 196, 0.25);
}
.cta-button-secondary:disabled {
  opacity: 0.5;
  cursor: not-allowed;
  transform: none;
}
.app-root {
  height: 100%;
  display: flex;
  flex-direction: column;
}

.app-init-phase {
  margin-top: 10px;
  font-size: 12px;
  color: #666;
}

.app-error-debug {
  margin-top: 10px;
}

.app-warning-banner {
  background-color: #fff3cd;
  border-bottom: 1px solid #ffc107;
  padding: 12px 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #856404;
}

[data-theme=dark] .app-warning-banner {
  background-color: rgba(255, 193, 7, 0.12);
  border-bottom-color: rgba(255, 193, 7, 0.3);
  color: #ffc107;
}

.app-warning-content {
  display: flex;
  align-items: center;
  gap: 10px;
}

.app-warning-icon {
  font-size: 18px;
}

.app-warning-retry {
  background-color: #ffc107;
  border: none;
  border-radius: 4px;
  padding: 6px 12px;
  cursor: pointer;
  color: #000;
  font-weight: bold;
}

[data-theme=dark] .app-warning-retry {
  background-color: rgba(255, 193, 7, 0.8);
}

/*# sourceMappingURL=main.6b026b8b6549c99a.css.map*/