@import "https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&family=Poppins:wght@100;200;300;400;500;600;700;900&display=swap";
@import "https://fonts.googleapis.com/css2?family=Lato:wght@400;700&display=swap";

/* node_modules/primeicons/primeicons.css */
@font-face {
  font-family: "primeicons";
  font-display: block;
  src: url("./media/primeicons.eot");
  src:
    url("./media/primeicons.eot?#iefix") format("embedded-opentype"),
    url("./media/primeicons.woff2") format("woff2"),
    url("./media/primeicons.woff") format("woff"),
    url("./media/primeicons.ttf") format("truetype"),
    url("./media/primeicons.svg?#primeicons") format("svg");
  font-weight: normal;
  font-style: normal;
}
.pi {
  font-family: "primeicons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  display: inline-block;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.pi:before {
  --webkit-backface-visibility:hidden;
  backface-visibility: hidden;
}
.pi-spin {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear;
}
@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
.pi-star-fill:before {
  content: "\e936";
}
.pi-check:before {
  content: "\e909";
}
.pi-times:before {
  content: "\e90b";
}
.pi-arrow-right:before {
  content: "\e91b";
}
.pi-spinner:before {
  content: "\e926";
}

/* node_modules/primeng/resources/primeng.min.css */
.p-overflow-hidden {
  overflow: hidden;
  padding-right: var(--scrollbar-width);
}
@layer primeng {
  .p-component,
  .p-component * {
    box-sizing: border-box;
  }
  .p-hidden {
    display: none;
  }
  .p-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  .p-hidden-accessible input,
  .p-hidden-accessible select {
    transform: scale(0);
  }
  .p-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    text-decoration: none;
    font-size: 100%;
    list-style: none;
  }
  .p-disabled,
  .p-disabled * {
    cursor: default !important;
    pointer-events: none;
  }
  .p-component-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .p-unselectable-text {
    -webkit-user-select: none;
    user-select: none;
  }
  .p-scrollbar-measure {
    width: 100px;
    height: 100px;
    overflow: scroll;
    position: absolute;
    top: -9999px;
  }
  @-webkit-keyframes p-fadein {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }
  @keyframes p-fadein {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }
  input[type=button],
  input[type=submit],
  input[type=reset],
  input[type=file]::-webkit-file-upload-button,
  button {
    border-radius: 0;
  }
  .p-link {
    text-align: left;
    background-color: transparent;
    margin: 0;
    padding: 0;
    border: 0;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
  }
  .p-link:disabled {
    cursor: default;
  }
  .p-icon-wrapper {
    display: inline-flex;
  }
  .p-icon {
    display: inline-block;
  }
  .p-icon-spin {
    -webkit-animation: p-icon-spin 2s infinite linear;
    animation: p-icon-spin 2s infinite linear;
  }
}
@-webkit-keyframes p-icon-spin {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes p-icon-spin {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@layer primeng {
  .p-badge {
    display: inline-block;
    border-radius: 10px;
    text-align: center;
    padding: 0 .5rem;
  }
  .p-badge-no-gutter {
    padding: 0;
    border-radius: 50%;
  }
}
@layer primeng {
  .p-button {
    margin: 0;
    display: inline-flex;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    align-items: center;
    vertical-align: bottom;
    text-align: center;
    overflow: hidden;
    position: relative;
  }
  .p-button-label {
    flex: 1 1 auto;
  }
  .p-button-icon-right {
    order: 1;
  }
  .p-button:disabled {
    cursor: default;
    pointer-events: none;
  }
  .p-button-icon-only {
    justify-content: center;
  }
  .p-button-icon-only:after {
    content: "p";
    visibility: hidden;
    clip: rect(0 0 0 0);
    width: 0;
  }
  .p-button-vertical {
    flex-direction: column;
  }
  .p-button-icon-bottom {
    order: 2;
  }
}
@layer primeng {
  .p-checkbox {
    display: inline-flex;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    vertical-align: bottom;
    position: relative;
  }
  .p-checkbox-disabled {
    cursor: default !important;
    pointer-events: none;
  }
  .p-checkbox-box {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  p-checkbox {
    display: inline-flex;
    vertical-align: bottom;
    align-items: center;
  }
  .p-checkbox-label {
    line-height: 1;
  }
}
@layer primeng {
  .p-inputtext {
    margin: 0;
  }
  .p-fluid .p-inputtext {
    width: 100%;
  }
}
@layer primeng {
  .p-ripple {
    overflow: hidden;
    position: relative;
  }
  .p-ink {
    display: block;
    position: absolute;
    background: rgba(255, 255, 255, 0.5);
    border-radius: 100%;
    transform: scale(0);
  }
  .p-ink-active {
    animation: ripple .4s linear;
  }
}
@keyframes ripple {
  100% {
    opacity: 0;
    transform: scale(2.5);
  }
}

/* node_modules/primeng/resources/themes/lara-light-blue/theme.css */
:root {
  font-family: "Inter var", sans-serif;
  font-feature-settings:
    "cv02",
    "cv03",
    "cv04",
    "cv11";
  font-variation-settings: normal;
  --font-family: "Inter var", sans-serif;
  --font-feature-settings:
    "cv02",
    "cv03",
    "cv04",
    "cv11";
  --surface-a: #ffffff;
  --surface-b: #f9fafb;
  --surface-c: #f3f4f6;
  --surface-d: #e5e7eb;
  --surface-e: #ffffff;
  --surface-f: #ffffff;
  --text-color: #4b5563;
  --text-color-secondary: #6b7280;
  --primary-color: #3B82F6;
  --primary-color-text: #ffffff;
  --surface-0: #ffffff;
  --surface-50: #f9fafb;
  --surface-100: #f3f4f6;
  --surface-200: #e5e7eb;
  --surface-300: #d1d5db;
  --surface-400: #9ca3af;
  --surface-500: #6b7280;
  --surface-600: #4b5563;
  --surface-700: #374151;
  --surface-800: #1f2937;
  --surface-900: #111827;
  --gray-50: #f9fafb;
  --gray-100: #f3f4f6;
  --gray-200: #e5e7eb;
  --gray-300: #d1d5db;
  --gray-400: #9ca3af;
  --gray-500: #6b7280;
  --gray-600: #4b5563;
  --gray-700: #374151;
  --gray-800: #1f2937;
  --gray-900: #111827;
  --content-padding: 1.25rem;
  --inline-spacing: 0.5rem;
  --border-radius: 6px;
  --surface-ground: #f9fafb;
  --surface-section: #ffffff;
  --surface-card: #ffffff;
  --surface-overlay: #ffffff;
  --surface-border: #dfe7ef;
  --surface-hover: #f6f9fc;
  --focus-ring: 0 0 0 0.2rem #BFDBFE;
  --maskbg: rgba(0, 0, 0, 0.4);
  --highlight-bg: #EFF6FF;
  --highlight-text-color: #1D4ED8;
  color-scheme: light;
}
@font-face {
  font-family: "Inter var";
  font-weight: 100 900;
  font-display: swap;
  font-style: normal;
  font-named-instance: "Regular";
  src: url("./media/Inter-roman.var.woff2?v=3.19") format("woff2");
}
@font-face {
  font-family: "Inter var";
  font-weight: 100 900;
  font-display: swap;
  font-style: italic;
  font-named-instance: "Italic";
  src: url("./media/Inter-italic.var.woff2?v=3.19") format("woff2");
}
:root {
  --blue-50:#f5f9ff;
  --blue-100:#d0e1fd;
  --blue-200:#abc9fb;
  --blue-300:#85b2f9;
  --blue-400:#609af8;
  --blue-500:#3b82f6;
  --blue-600:#326fd1;
  --blue-700:#295bac;
  --blue-800:#204887;
  --blue-900:#183462;
  --green-50:#f4fcf7;
  --green-100:#caf1d8;
  --green-200:#a0e6ba;
  --green-300:#76db9b;
  --green-400:#4cd07d;
  --green-500:#22c55e;
  --green-600:#1da750;
  --green-700:#188a42;
  --green-800:#136c34;
  --green-900:#0e4f26;
  --yellow-50:#fefbf3;
  --yellow-100:#faedc4;
  --yellow-200:#f6de95;
  --yellow-300:#f2d066;
  --yellow-400:#eec137;
  --yellow-500:#eab308;
  --yellow-600:#c79807;
  --yellow-700:#a47d06;
  --yellow-800:#816204;
  --yellow-900:#5e4803;
  --cyan-50:#f3fbfd;
  --cyan-100:#c3edf5;
  --cyan-200:#94e0ed;
  --cyan-300:#65d2e4;
  --cyan-400:#35c4dc;
  --cyan-500:#06b6d4;
  --cyan-600:#059bb4;
  --cyan-700:#047f94;
  --cyan-800:#036475;
  --cyan-900:#024955;
  --pink-50:#fef6fa;
  --pink-100:#fad3e7;
  --pink-200:#f7b0d3;
  --pink-300:#f38ec0;
  --pink-400:#f06bac;
  --pink-500:#ec4899;
  --pink-600:#c93d82;
  --pink-700:#a5326b;
  --pink-800:#822854;
  --pink-900:#5e1d3d;
  --indigo-50:#f7f7fe;
  --indigo-100:#dadafc;
  --indigo-200:#bcbdf9;
  --indigo-300:#9ea0f6;
  --indigo-400:#8183f4;
  --indigo-500:#6366f1;
  --indigo-600:#5457cd;
  --indigo-700:#4547a9;
  --indigo-800:#363885;
  --indigo-900:#282960;
  --teal-50:#f3fbfb;
  --teal-100:#c7eeea;
  --teal-200:#9ae0d9;
  --teal-300:#6dd3c8;
  --teal-400:#41c5b7;
  --teal-500:#14b8a6;
  --teal-600:#119c8d;
  --teal-700:#0e8174;
  --teal-800:#0b655b;
  --teal-900:#084a42;
  --orange-50:#fff8f3;
  --orange-100:#feddc7;
  --orange-200:#fcc39b;
  --orange-300:#fba86f;
  --orange-400:#fa8e42;
  --orange-500:#f97316;
  --orange-600:#d46213;
  --orange-700:#ae510f;
  --orange-800:#893f0c;
  --orange-900:#642e09;
  --bluegray-50:#f7f8f9;
  --bluegray-100:#dadee3;
  --bluegray-200:#bcc3cd;
  --bluegray-300:#9fa9b7;
  --bluegray-400:#818ea1;
  --bluegray-500:#64748b;
  --bluegray-600:#556376;
  --bluegray-700:#465161;
  --bluegray-800:#37404c;
  --bluegray-900:#282e38;
  --purple-50:#fbf7ff;
  --purple-100:#ead6fd;
  --purple-200:#dab6fc;
  --purple-300:#c996fa;
  --purple-400:#b975f9;
  --purple-500:#a855f7;
  --purple-600:#8f48d2;
  --purple-700:#763cad;
  --purple-800:#5c2f88;
  --purple-900:#432263;
  --red-50:#fff5f5;
  --red-100:#ffd0ce;
  --red-200:#ffaca7;
  --red-300:#ff8780;
  --red-400:#ff6259;
  --red-500:#ff3d32;
  --red-600:#d9342b;
  --red-700:#b32b23;
  --red-800:#8c221c;
  --red-900:#661814;
  --primary-50:#f5f9ff;
  --primary-100:#d0e1fd;
  --primary-200:#abc9fb;
  --primary-300:#85b2f9;
  --primary-400:#609af8;
  --primary-500:#3b82f6;
  --primary-600:#326fd1;
  --primary-700:#295bac;
  --primary-800:#204887;
  --primary-900:#183462;
}
@layer primeng {
  * {
    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;
  }
  .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: 6px;
  }
  .p-link:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #BFDBFE;
  }
  .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-checkbox {
    width: 22px;
    height: 22px;
  }
  .p-checkbox .p-checkbox-box {
    border: 2px solid #d1d5db;
    background: #ffffff;
    width: 22px;
    height: 22px;
    color: #4b5563;
    border-radius: 6px;
    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-icon {
    width: 14px;
    height: 14px;
  }
  .p-checkbox .p-checkbox-box.p-highlight {
    border-color: #3B82F6;
    background: #3B82F6;
  }
  .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
    border-color: #3B82F6;
  }
  .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #BFDBFE;
    border-color: #3B82F6;
  }
  .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
    border-color: #1D4ED8;
    background: #1D4ED8;
    color: #ffffff;
  }
  .p-checkbox.p-variant-filled .p-checkbox-box {
    background-color: #f3f4f6;
  }
  .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight {
    background: #3B82F6;
  }
  .p-checkbox.p-variant-filled:not(.p-checkbox-disabled) .p-checkbox-box:hover {
    background-color: #f3f4f6;
  }
  .p-checkbox.p-variant-filled:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
    background: #1D4ED8;
  }
  p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box {
    border-color: #e24c4c;
  }
  .p-checkbox-label {
    margin-left: 0.5rem;
  }
  .p-inputtext {
    font-family: var(--font-family);
    font-feature-settings: var(--font-feature-settings, normal);
    font-size: 1rem;
    color: #4b5563;
    background: #ffffff;
    padding: 0.75rem 0.75rem;
    border: 1px solid #d1d5db;
    transition:
      background-color 0.2s,
      color 0.2s,
      border-color 0.2s,
      box-shadow 0.2s;
    appearance: none;
    border-radius: 6px;
  }
  .p-inputtext:enabled:hover {
    border-color: #3B82F6;
  }
  .p-inputtext:enabled:focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #BFDBFE;
    border-color: #3B82F6;
  }
  .p-inputtext.ng-dirty.ng-invalid {
    border-color: #e24c4c;
  }
  .p-inputtext.p-variant-filled {
    background-color: #f3f4f6;
  }
  .p-inputtext.p-variant-filled:enabled:hover {
    background-color: #f3f4f6;
  }
  .p-inputtext.p-variant-filled:enabled:focus {
    background-color: #ffffff;
  }
  ::-webkit-input-placeholder {
    color: #6b7280;
  }
  ::-moz-placeholder {
    color: #6b7280;
  }
  .p-rating {
    gap: 0.5rem;
  }
  .p-rating .p-rating-item {
    border-radius: 50%;
    outline-color: transparent;
    display: inline-flex;
    justify-content: center;
    align-items: center;
  }
  .p-rating .p-rating-item .p-rating-icon {
    color: #4b5563;
    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: #ea5455;
  }
  .p-rating .p-rating-item.p-focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #BFDBFE;
  }
  .p-rating .p-rating-item.p-rating-item-active .p-rating-icon {
    color: #3B82F6;
  }
  .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon {
    color: #3B82F6;
  }
  .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel {
    color: #e73d3e;
  }
  .p-button {
    color: #ffffff;
    background: #3B82F6;
    border: 1px solid #3B82F6;
    padding: 0.75rem 1.25rem;
    font-size: 1rem;
    transition:
      background-color 0.2s,
      color 0.2s,
      border-color 0.2s,
      box-shadow 0.2s;
    border-radius: 6px;
    outline-color: transparent;
  }
  .p-button:not(:disabled):hover {
    background: #2563eb;
    color: #ffffff;
    border-color: #2563eb;
  }
  .p-button:not(:disabled):active {
    background: #1D4ED8;
    color: #ffffff;
    border-color: #1D4ED8;
  }
  .p-button.p-button-outlined {
    background-color: transparent;
    color: #3B82F6;
    border: 1px solid;
  }
  .p-button.p-button-outlined:not(:disabled):hover {
    background: rgba(59, 130, 246, 0.04);
    color: #3B82F6;
    border: 1px solid;
  }
  .p-button.p-button-outlined:not(:disabled):active {
    background: rgba(59, 130, 246, 0.16);
    color: #3B82F6;
    border: 1px solid;
  }
  .p-button.p-button-outlined.p-button-plain {
    color: #6b7280;
    border-color: #6b7280;
  }
  .p-button.p-button-outlined.p-button-plain:not(:disabled):hover {
    background: #f3f4f6;
    color: #6b7280;
  }
  .p-button.p-button-outlined.p-button-plain:not(:disabled):active {
    background: #e5e7eb;
    color: #6b7280;
  }
  .p-button.p-button-text {
    background-color: transparent;
    color: #3B82F6;
    border-color: transparent;
  }
  .p-button.p-button-text:not(:disabled):hover {
    background: rgba(59, 130, 246, 0.04);
    color: #3B82F6;
    border-color: transparent;
  }
  .p-button.p-button-text:not(:disabled):active {
    background: rgba(59, 130, 246, 0.16);
    color: #3B82F6;
    border-color: transparent;
  }
  .p-button.p-button-text.p-button-plain {
    color: #6b7280;
  }
  .p-button.p-button-text.p-button-plain:not(:disabled):hover {
    background: #f3f4f6;
    color: #6b7280;
  }
  .p-button.p-button-text.p-button-plain:not(:disabled):active {
    background: #e5e7eb;
    color: #6b7280;
  }
  .p-button:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #BFDBFE;
  }
  .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: #3B82F6;
    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: 3rem;
    padding: 0.75rem 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: 3rem;
  }
  .p-button.p-button-sm {
    font-size: 0.875rem;
    padding: 0.65625rem 1.09375rem;
  }
  .p-button.p-button-sm .p-button-icon {
    font-size: 0.875rem;
  }
  .p-button.p-button-lg {
    font-size: 1.25rem;
    padding: 0.9375rem 1.5625rem;
  }
  .p-button.p-button-lg .p-button-icon {
    font-size: 1.25rem;
  }
  .p-button.p-button-loading-label-only .p-button-label {
    margin-left: 0.5rem;
  }
  .p-button.p-button-loading-label-only .p-button-loading-icon {
    margin-right: 0;
  }
  .p-fluid .p-button {
    width: 100%;
  }
  .p-fluid .p-button-icon-only {
    width: 3rem;
  }
  .p-button.p-button-secondary {
    color: #ffffff;
    background: #64748b;
    border: 1px solid #64748b;
  }
  .p-button.p-button-secondary:not(:disabled):hover {
    background: #475569;
    color: #ffffff;
    border-color: #475569;
  }
  .p-button.p-button-secondary:not(:disabled):focus {
    box-shadow: 0 0 0 0.2rem #e2e8f0;
  }
  .p-button.p-button-secondary:not(:disabled):active {
    background: #334155;
    color: #ffffff;
    border-color: #334155;
  }
  .p-button.p-button-secondary.p-button-outlined {
    background-color: transparent;
    color: #64748b;
    border: 1px solid;
  }
  .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover {
    background: rgba(100, 116, 139, 0.04);
    color: #64748b;
    border: 1px solid;
  }
  .p-button.p-button-secondary.p-button-outlined:not(:disabled):active {
    background: rgba(100, 116, 139, 0.16);
    color: #64748b;
    border: 1px solid;
  }
  .p-button.p-button-secondary.p-button-text {
    background-color: transparent;
    color: #64748b;
    border-color: transparent;
  }
  .p-button.p-button-secondary.p-button-text:not(:disabled):hover {
    background: rgba(100, 116, 139, 0.04);
    border-color: transparent;
    color: #64748b;
  }
  .p-button.p-button-secondary.p-button-text:not(:disabled):active {
    background: rgba(100, 116, 139, 0.16);
    border-color: transparent;
    color: #64748b;
  }
  .p-button.p-button-success {
    color: #ffffff;
    background: #22c55e;
    border: 1px solid #22c55e;
  }
  .p-button.p-button-success:not(:disabled):hover {
    background: #16a34a;
    color: #ffffff;
    border-color: #16a34a;
  }
  .p-button.p-button-success:not(:disabled):focus {
    box-shadow: 0 0 0 0.2rem #bbf7d0;
  }
  .p-button.p-button-success:not(:disabled):active {
    background: #15803d;
    color: #ffffff;
    border-color: #15803d;
  }
  .p-button.p-button-success.p-button-outlined {
    background-color: transparent;
    color: #22c55e;
    border: 1px solid;
  }
  .p-button.p-button-success.p-button-outlined:not(:disabled):hover {
    background: rgba(34, 197, 94, 0.04);
    color: #22c55e;
    border: 1px solid;
  }
  .p-button.p-button-success.p-button-outlined:not(:disabled):active {
    background: rgba(34, 197, 94, 0.16);
    color: #22c55e;
    border: 1px solid;
  }
  .p-button.p-button-success.p-button-text {
    background-color: transparent;
    color: #22c55e;
    border-color: transparent;
  }
  .p-button.p-button-success.p-button-text:not(:disabled):hover {
    background: rgba(34, 197, 94, 0.04);
    border-color: transparent;
    color: #22c55e;
  }
  .p-button.p-button-success.p-button-text:not(:disabled):active {
    background: rgba(34, 197, 94, 0.16);
    border-color: transparent;
    color: #22c55e;
  }
  .p-button.p-button-link {
    color: #1D4ED8;
    background: transparent;
    border: transparent;
  }
  .p-button.p-button-link:not(:disabled):hover {
    background: transparent;
    color: #1D4ED8;
    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 #BFDBFE;
    border-color: transparent;
  }
  .p-button.p-button-link:not(:disabled):active {
    background: transparent;
    color: #1D4ED8;
    border-color: transparent;
  }
  .p-carousel .p-carousel-content .p-carousel-prev,
  .p-carousel .p-carousel-content .p-carousel-next {
    width: 2rem;
    height: 2rem;
    color: #6b7280;
    border: 0 none;
    background: transparent;
    border-radius: 50%;
    transition:
      background-color 0.2s,
      color 0.2s,
      box-shadow 0.2s;
    margin: 0.5rem;
  }
  .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover,
  .p-carousel .p-carousel-content .p-carousel-next:enabled:hover {
    color: #374151;
    border-color: transparent;
    background: #f3f4f6;
  }
  .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 #BFDBFE;
  }
  .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: #d1d5db;
    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: #9ca3af;
  }
  .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
    background: #EFF6FF;
    color: #1D4ED8;
  }
  .p-timeline .p-timeline-event-marker {
    border: 2px solid #3B82F6;
    border-radius: 50%;
    width: 1rem;
    height: 1rem;
    background-color: #ffffff;
  }
  .p-timeline .p-timeline-event-connector {
    background-color: #e5e7eb;
  }
  .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-dialog {
    border-radius: 6px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
    border: 0 none;
  }
  .p-dialog .p-dialog-header {
    border-bottom: 0 none;
    background: #ffffff;
    color: #374151;
    padding: 1.5rem;
    border-top-right-radius: 6px;
    border-top-left-radius: 6px;
  }
  .p-dialog .p-dialog-header .p-dialog-title {
    font-weight: 700;
    font-size: 1.25rem;
  }
  .p-dialog .p-dialog-header .p-dialog-header-icon {
    width: 2rem;
    height: 2rem;
    color: #6b7280;
    border: 0 none;
    background: transparent;
    border-radius: 50%;
    transition:
      background-color 0.2s,
      color 0.2s,
      box-shadow 0.2s;
    margin-right: 0.5rem;
  }
  .p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover {
    color: #374151;
    border-color: transparent;
    background: #f3f4f6;
  }
  .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #BFDBFE;
  }
  .p-dialog .p-dialog-header .p-dialog-header-icon:last-child {
    margin-right: 0;
  }
  .p-dialog .p-dialog-content {
    background: #ffffff;
    color: #4b5563;
    padding: 0 1.5rem 2rem 1.5rem;
  }
  .p-dialog .p-dialog-content:last-of-type {
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
  }
  .p-dialog .p-dialog-footer {
    border-top: 0 none;
    background: #ffffff;
    color: #4b5563;
    padding: 0 1.5rem 1.5rem 1.5rem;
    text-align: right;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
  }
  .p-dialog .p-dialog-footer button {
    margin: 0 0.5rem 0 0;
    width: auto;
  }
  .p-avatar {
    background-color: #e5e7eb;
    border-radius: 6px;
  }
  .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-badge {
    background: #3B82F6;
    color: #ffffff;
    font-size: 0.75rem;
    font-weight: 700;
    min-width: 1.5rem;
    height: 1.5rem;
    line-height: 1.5rem;
  }
}
@layer primeng {
  .p-button-label {
    font-weight: 700;
  }
  .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
    background-color: #3B82F6;
  }
  .p-button:focus {
    box-shadow:
      0 0 0 2px #ffffff,
      0 0 0 4px #9dc1fb,
      0 1px 2px 0 black;
  }
  .p-button.p-button-secondary:enabled:focus {
    box-shadow:
      0 0 0 2px #ffffff,
      0 0 0 4px #b0b9c6,
      0 1px 2px 0 black;
  }
  .p-button.p-button-success:enabled:focus {
    box-shadow:
      0 0 0 2px #ffffff,
      0 0 0 4px #88eaac,
      0 1px 2px 0 black;
  }
}

/* src/themes/global.scss */
.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;
}
.col {
  flex-grow: 1;
  flex-basis: 0;
  padding: 0.5rem;
}
.col-4 {
  flex: 0 0 auto;
  padding: 0.5rem;
  width: 33.3333%;
}
.col-6 {
  flex: 0 0 auto;
  padding: 0.5rem;
  width: 50%;
}
.col-12 {
  flex: 0 0 auto;
  padding: 0.5rem;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .md-col-6 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 50%;
  }
}
@media screen and (min-width: 1200px) {
  .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-12 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 100%;
  }
}
@media screen and (min-width: 1200px) {
  .xl-col-offset-1 {
    margin-left: 8.3333% !important;
  }
  .xl-col-offset-2 {
    margin-left: 16.6667% !important;
  }
}
.surface-100 {
  background-color: var(--surface-100) !important;
}
.surface-200 {
  background-color: var(--surface-200) !important;
}
.surface-800 {
  background-color: var(--surface-800) !important;
}
.border-500 {
  border-color: var(--surface-500) !important;
}
.text-blue-500 {
  color: var(--blue-500) !important;
}
.text-green-500 {
  color: var(--green-500) !important;
}
.text-yellow-500 {
  color: var(--yellow-500) !important;
}
.text-red-500 {
  color: var(--red-500) !important;
}
.text-primary-400 {
  color: var(--primary-400) !important;
}
.bg-blue-100 {
  background-color: var(--blue-100) !important;
}
.bg-blue-200 {
  background-color: var(--blue-200) !important;
}
.bg-yellow-50 {
  background-color: var(--yellow-50) !important;
}
.bg-yellow-300 {
  background-color: var(--yellow-300) !important;
}
.bg-yellow-500 {
  background-color: var(--yellow-500) !important;
}
.bg-bluegray-100 {
  background-color: var(--bluegray-100) !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-800 {
  background-color: var(--gray-800) !important;
}
.bg-primary-50 {
  background-color: var(--primary-50) !important;
}
.bg-primary-100 {
  background-color: var(--primary-100) !important;
}
.bg-black-alpha-60 {
  background-color: rgba(0, 0, 0, 0.6) !important;
}
.text-primary {
  color: var(--primary-color) !important;
}
.bg-primary {
  color: var(--primary-color-text) !important;
  background-color: var(--primary-color) !important;
}
.text-white {
  color: #ffffff !important;
}
.border-white {
  border-color: #ffffff !important;
}
.text-color {
  color: var(--text-color) !important;
}
.surface-ground {
  background-color: var(--surface-ground) !important;
}
.surface-section {
  background-color: var(--surface-section) !important;
}
@media screen and (min-width: 1200px) {
  .xl-text-white {
    color: #ffffff !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 {
  margin-top: 0;
}

.field.grid .col,
.field.grid .col-4,
.field.grid .col-6,
.field.grid .col-12 {
  padding-top: 0;
  padding-bottom: 0;
}
.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: 1200px) {
  .xl-hidden {
    display: none !important;
  }
  .xl-block {
    display: block !important;
  }
  .xl-flex {
    display: flex !important;
  }
}
.text-center {
  text-align: center !important;
}
.text-left {
  text-align: left !important;
}
.text-right {
  text-align: right !important;
}
@media screen and (min-width: 1200px) {
  .xl-text-center {
    text-align: center !important;
  }
  .xl-text-left {
    text-align: left !important;
  }
  .xl-text-right {
    text-align: right !important;
  }
}
.underline {
  text-decoration: underline !important;
}
.no-underline {
  text-decoration: none !important;
}
.lowercase {
  text-transform: lowercase !important;
}
.uppercase {
  text-transform: uppercase !important;
}
.capitalize {
  text-transform: capitalize !important;
}
.font-semibold {
  font-weight: 600 !important;
}
.font-bold {
  font-weight: 700 !important;
}
.font-italic {
  font-style: italic !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;
}
@media screen and (min-width: 1200px) {
  .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-2 {
  line-height: 1.25 !important;
}
.line-height-3 {
  line-height: 1.5 !important;
}
.white-space-nowrap {
  white-space: nowrap !important;
}
.flex-column {
  flex-direction: column !important;
}
@media screen and (min-width: 1200px) {
  .xl-flex-row {
    flex-direction: row !important;
  }
  .xl-flex-column {
    flex-direction: column !important;
  }
  .xl-flex-column-reverse {
    flex-direction: column-reverse !important;
  }
}
.flex-wrap {
  flex-wrap: wrap !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;
}
@media screen and (min-width: 1200px) {
  .xl-justify-content-end {
    justify-content: flex-end !important;
  }
  .xl-justify-content-center {
    justify-content: center !important;
  }
  .xl-justify-content-around {
    justify-content: space-around !important;
  }
}
.align-items-start {
  align-items: flex-start !important;
}
.align-items-center {
  align-items: center !important;
}
.align-items-end {
  align-items: flex-end !important;
}
@media screen and (min-width: 1200px) {
  .xl-align-items-center {
    align-items: center !important;
  }
  .xl-align-items-end {
    align-items: flex-end !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;
  }
}
.flex-grow-1 {
  flex-grow: 1 !important;
}
@media screen and (min-width: 1200px) {
  .xl-flex-grow-1 {
    flex-grow: 1 !important;
  }
}
.flex-shrink-0 {
  flex-shrink: 0 !important;
}
.gap-1 {
  gap: 0.25rem !important;
}
.gap-2 {
  gap: 0.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;
}
.pt-2 {
  padding-top: 0.5rem !important;
}
.pt-3 {
  padding-top: 1rem !important;
}
.pt-4 {
  padding-top: 1.5rem !important;
}
.pt-6 {
  padding-top: 3rem !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-7 {
  padding-right: 4rem !important;
}
.pr-8 {
  padding-right: 5rem !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-7 {
  padding-left: 4rem !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-6 {
  padding-bottom: 3rem !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;
}
.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;
}
@media screen and (min-width: 1200px) {
  .xl-p-0 {
    padding: 0rem !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-8 {
    padding: 5rem !important;
  }
  .xl-pt-2 {
    padding-top: 0.5rem !important;
  }
  .xl-pt-3 {
    padding-top: 1rem !important;
  }
  .xl-pt-6 {
    padding-top: 3rem !important;
  }
  .xl-pt-8 {
    padding-top: 5rem !important;
  }
  .xl-pr-0 {
    padding-right: 0rem !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-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-2 {
    padding-bottom: 0.5rem !important;
  }
  .xl-pb-4 {
    padding-bottom: 1.5rem !important;
  }
  .xl-pb-6 {
    padding-bottom: 3rem !important;
  }
  .xl-pb-8 {
    padding-bottom: 5rem !important;
  }
  .xl-px-0 {
    padding-left: 0rem !important;
    padding-right: 0rem !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-8 {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
  }
}
.m-0 {
  margin: 0rem !important;
}
.m-2 {
  margin: 0.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-4 {
  margin-top: -1.5rem !important;
}
.-mt-5 {
  margin-top: -2rem !important;
}
.mr-2 {
  margin-right: 0.5rem !important;
}
.mr-4 {
  margin-right: 1.5rem !important;
}
.ml-2 {
  margin-left: 0.5rem !important;
}
.ml-3 {
  margin-left: 1rem !important;
}
.ml-5 {
  margin-left: 2rem !important;
}
.ml-auto {
  margin-left: auto !important;
}
.mb-2 {
  margin-bottom: 0.5rem !important;
}
.mb-3 {
  margin-bottom: 1rem !important;
}
.-mb-4 {
  margin-bottom: -1.5rem !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-3 {
  margin-left: -1rem !important;
  margin-right: -1rem !important;
}
.-mx-4 {
  margin-left: -1.5rem !important;
  margin-right: -1.5rem !important;
}
.mx-auto {
  margin-left: auto !important;
  margin-right: auto !important;
}
@media screen and (min-width: 768px) {
  .md-m-4 {
    margin: 1.5rem !important;
  }
  .md-mx-6 {
    margin-left: 3rem !important;
    margin-right: 3rem !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl-m-0 {
    margin: 0rem !important;
  }
  .xl-m-6 {
    margin: 3rem !important;
  }
  .xl-m-8 {
    margin: 5rem !important;
  }
  .xl-mt-0 {
    margin-top: 0rem !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-8 {
    margin-top: -5rem !important;
  }
  .xl-mr-3 {
    margin-right: 1rem !important;
  }
  .xl-mr-6 {
    margin-right: 3rem !important;
  }
  .xl-mr-8 {
    margin-right: 5rem !important;
  }
  .xl--mr-8 {
    margin-right: -5rem !important;
  }
  .xl-ml-0 {
    margin-left: 0rem !important;
  }
  .xl-ml-3 {
    margin-left: 1rem !important;
  }
  .xl-ml-4 {
    margin-left: 1.5rem !important;
  }
  .xl-ml-6 {
    margin-left: 3rem !important;
  }
  .xl-ml-8 {
    margin-left: 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-8 {
    margin-bottom: 5rem !important;
  }
  .xl--mb-8 {
    margin-bottom: -5rem !important;
  }
  .xl-mx-0 {
    margin-left: 0rem !important;
    margin-right: 0rem !important;
  }
  .xl-mx-4 {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important;
  }
  .xl-mx-8 {
    margin-left: 5rem !important;
    margin-right: 5rem !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-7 {
    margin-top: -4rem !important;
    margin-bottom: -4rem !important;
  }
  .xl--my-8 {
    margin-top: -5rem !important;
    margin-bottom: -5rem !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;
}
.border-2 {
  border-width: 2px !important;
  border-style: solid;
}
.border-3 {
  border-width: 3px !important;
  border-style: solid;
}
.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-bottom-1 {
  border-bottom-width: 1px !important;
  border-bottom-style: solid;
}
.border-bottom-2 {
  border-bottom-width: 2px !important;
  border-bottom-style: solid;
}
@media screen and (min-width: 1200px) {
  .xl-border-none {
    border-width: 0px !important;
    border-style: none;
  }
  .xl-border-right-1 {
    border-right-width: 1px !important;
    border-right-style: solid;
  }
  .xl-border-bottom-none {
    border-bottom-width: 0px !important;
    border-bottom-style: none;
  }
}
.border-round {
  border-radius: var(--border-radius) !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-circle {
  border-radius: 50% !important;
}
@media screen and (min-width: 1200px) {
  .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;
  }
}
.w-full {
  width: 100% !important;
}
.w-fit {
  width: fit-content !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-12rem {
  width: 12rem !important;
}
@media screen and (min-width: 1200px) {
  .xl-w-full {
    width: 100% !important;
  }
  .xl-w-5rem {
    width: 5rem !important;
  }
  .xl-w-6rem {
    width: 6rem !important;
  }
  .xl-w-7rem {
    width: 7rem !important;
  }
  .xl-w-12rem {
    width: 12rem !important;
  }
}
.h-full {
  height: 100% !important;
}
.h-screen {
  height: 100vh !important;
}
.h-fit {
  height: fit-content !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-12rem {
  height: 12rem !important;
}
.h-13rem {
  height: 13rem !important;
}
.h-14rem {
  height: 14rem !important;
}
.h-17rem {
  height: 17rem !important;
}
.h-28rem {
  height: 28rem !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-5rem {
    height: 5rem !important;
  }
  .xl-h-6rem {
    height: 6rem !important;
  }
  .xl-h-7rem {
    height: 7rem !important;
  }
  .xl-h-12rem {
    height: 12rem !important;
  }
  .xl-h-13rem {
    height: 13rem !important;
  }
  .xl-h-16rem {
    height: 16rem !important;
  }
  .xl-h-18rem {
    height: 18rem !important;
  }
}
.max-w-8rem {
  max-width: 8rem !important;
}
.max-w-14rem {
  max-width: 14rem !important;
}
.max-w-17rem {
  max-width: 17rem !important;
}
.max-w-19rem {
  max-width: 19rem !important;
}
.max-w-25rem {
  max-width: 25rem !important;
}
.max-w-27rem {
  max-width: 27rem !important;
}
@media screen and (min-width: 1200px) {
  .xl-max-w-full {
    max-width: 100% !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-28rem {
    max-width: 28rem !important;
  }
}
.min-h-screen {
  min-height: 100vh !important;
}
@media screen and (min-width: 1200px) {
  .xl-min-h-screen {
    min-height: 100vh !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: 1200px) {
  .xl-relative {
    position: relative !important;
  }
}
.top-0 {
  top: 0px !important;
}
.bottom-0 {
  bottom: 0px !important;
}
.bg-no-repeat {
  background-repeat: no-repeat !important;
}
.bg-cover {
  background-size: cover !important;
}
.bg-center {
  background-position: center !important;
}
.bg-left-bottom {
  background-position: left bottom !important;
}
.bg-right-bottom {
  background-position: right bottom !important;
}
.bg-top {
  background-position: top !important;
}
.cursor-pointer {
  cursor: pointer !important;
}
.opacity-60 {
  opacity: .6 !important;
}
.opacity-90 {
  opacity: .9 !important;
}
.reset {
  all: unset;
}
@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);
  }
}
:root {
  --text-color: #000000;
  --text-color-secondary: #7c7b7c;
  --primary-color: #F9A826;
  --content-padding: 1.25rem;
  --inline-spacing: 0.5rem;
  --border-radius: 6px;
  --surface-ground: #ffffff;
  --surface-section: #F9F8F8;
  --surface-card: #F2F0F0;
  --surface-overlay: #071426;
  --surface-border: #0b213f;
  --surface-hover: rgba(255, 255, 255, .03);
  --focus-ring: 0 0 0 0.2rem rgba(147, 197, 253, 0.5);
  --maskbg: rgba(0, 0, 0, 0.4);
  --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;
  --primary-50: #FFD580;
  --primary-100: #FFCD66;
  --primary-200: #FFC44D;
  --primary-300: #FFBC33;
  --primary-400: #FFB31A;
  --primary-500: #FFAB00;
  --primary-600: #E69A00;
  --primary-700: #CC8900;
  --primary-800: #B37800;
  --primary-900: #996700;
  --surface-hover: #f6f9fc;
  --yellow-50: #FFD580;
}
.inter-300 {
  font-family: "Inter", serif;
  font-weight: 300;
  margin: 0;
}
.inter-400 {
  font-family: "Inter", serif;
  font-weight: 400;
  margin: 0;
}
.poppins-400 {
  font-family: "Poppins", serif;
  font-weight: 400;
  margin: 0;
}
.inter-500 {
  font-family: "Inter", serif;
  font-weight: 500;
  margin: 0;
}
.poppins-500 {
  font-family: "Poppins", serif;
  font-weight: 500;
  margin: 0;
}
.inter-600 {
  font-family: "Inter", serif;
  font-weight: 600;
  margin: 0;
}
.poppins-600 {
  font-family: "Poppins", serif;
  font-weight: 600;
  margin: 0;
}
.inter-700 {
  font-family: "Inter", serif;
  font-weight: 700;
  margin: 0;
}
.poppins-700 {
  font-family: "Poppins", serif;
  font-weight: 700;
  margin: 0;
}
.poppins-800 {
  font-family: "Poppins", serif;
  font-weight: 800;
  margin: 0;
}
.p-button {
  background-color: var(--primary-color);
  border: none;
  color: black;
  text-decoration: none;
}
.p-button:enabled:hover {
  color: black;
  background-color: var(--primary-color);
}
.p-button:focus {
  box-shadow: none;
}
.p-button.p-button-outlined {
  color: var(--text-color);
  border-color: var(--primary-color);
}
.p-button.p-button-outlined:enabled:hover {
  color: var(--primary-color);
}
.bg-primary {
  color: var(--text-color) !important;
  background-color: var(--primary-color) !important;
}
.bg-text-secondary {
  background-color: var(--text-color-secondary);
  color: var(--primary-color-text);
}
.p-carousel .p-carousel-content .p-carousel-container {
  position: relative;
}
.p-carousel .p-carousel-content .p-carousel-container .p-carousel-prev {
  position: absolute;
  top: 100%;
  left: 0;
}
.p-carousel .p-carousel-content .p-carousel-container .p-carousel-next {
  position: absolute;
  top: 100%;
  right: 0;
}
@media screen and (min-width: 1200px) {
  .p-carousel .p-carousel-content .p-carousel-container .p-carousel-prev {
    position: static;
  }
  .p-carousel .p-carousel-content .p-carousel-container .p-carousel-next {
    position: static;
  }
}
.p-carousel .p-carousel-content .p-carousel-indicators {
  padding: 1rem 4rem;
}
.p-carousel .p-carousel-content .p-carousel-indicators .p-carousel-indicator button {
  height: 0.7rem;
  width: 0.7rem;
  border-radius: 50%;
}
.grid {
  margin: 0;
}
@media screen and (min-width: 1200px) {
  .xl-bg-blue-100 {
    background-color: var(--blue-100) !important;
  }
  .xl-bg-primary-100 {
    background-color: var(--primary-100) !important;
  }
}
.p-timeline.p-timeline-horizontal .p-timeline-event-opposite,
.p-timeline.p-timeline-horizontal .p-timeline-event-content {
  padding: 0.5rem 0;
}

/* src/styles.scss */
html {
  font-size: 4vw;
}
@media screen and (min-width: 1200px) {
  html {
    font-size: 0.9vw;
  }
}
.tilted-strikethrough {
  position: relative;
  display: inline-block;
}
.tilted-strikethrough::before {
  content: "";
  position: absolute;
  top: 65%;
  left: 0;
  width: 105%;
  height: 2px;
  background-color: red;
  transform: translateY(-50%) rotate(-6deg);
  transform-origin: left center;
}
app-battery-tech .section-3 .card-wrapper {
  max-width: 80rem;
}
@media screen and (min-width: 1200px) {
  app-battery-tech .section-3 .card-wrapper .card {
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.25);
  }
}
app-battery-tech .section-3 .card-wrapper .card .icon-bg {
  width: 120%;
  aspect-ratio: 1/1;
  transform: translateX(-30%);
}
app-battery-tech .section-5 .card-wrapper {
  max-width: 82.25rem;
}
.lato-400 {
  font-family: "Lato", serif;
  font-weight: 400;
  margin: 0;
}
.lato-700 {
  font-family: "Lato", serif;
  font-weight: 700;
  margin: 0;
}
app-document,
app-makerspace {
  --primary-color: #6c63ff;
}
app-document .p-button,
app-makerspace .p-button {
  color: white;
}
app-document .bg-primary,
app-makerspace .bg-primary {
  background-color: var(--primary-color);
  color: white !important;
}

/* angular:styles/global:styles */