@charset "UTF-8";

/* src/styles.scss */
/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */
@layer properties;
@layer theme, base, components, utilities;
@layer theme {
  :root,
  :host {
    --font-sans:
      ui-sans-serif,
      system-ui,
      sans-serif,
      "Apple Color Emoji",
      "Segoe UI Emoji",
      "Segoe UI Symbol",
      "Noto Color Emoji";
    --font-mono:
      ui-monospace,
      SFMono-Regular,
      Menlo,
      Monaco,
      Consolas,
      "Liberation Mono",
      "Courier New",
      monospace;
    --color-gray-200: oklch(92.8% 0.006 264.531);
    --color-gray-300: oklch(87.2% 0.01 258.338);
    --color-gray-400: oklch(70.7% 0.022 261.325);
    --color-gray-500: oklch(55.1% 0.027 264.364);
    --color-gray-700: oklch(37.3% 0.034 259.733);
    --color-white: #fff;
    --spacing: 0.25rem;
    --container-sm: 24rem;
    --text-sm: 0.875rem;
    --text-sm--line-height: calc(1.25 / 0.875);
    --text-xl: 1.25rem;
    --text-xl--line-height: calc(1.75 / 1.25);
    --text-2xl: 1.5rem;
    --text-2xl--line-height: calc(2 / 1.5);
    --text-3xl: 1.875rem;
    --text-3xl--line-height: calc(2.25 / 1.875);
    --text-5xl: 3rem;
    --text-5xl--line-height: 1;
    --font-weight-light: 300;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-bold: 700;
    --font-weight-extrabold: 800;
    --tracking-tight: -0.025em;
    --radius-md: 0.375rem;
    --radius-lg: 0.5rem;
    --radius-xl: 0.75rem;
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
    --color-ccc-info: var(--app-tertiary-color);
    --color-ccc-primary: var(--app-primary-color);
    --color-ccc-secondary: var(--app-secondary-color);
    --color-ccc-error: #E45B5D;
    --color-ccc-warning: #F2B04C;
    --color-ccc-text: #333333;
  }
}
@layer base {
  *,
  ::after,
  ::before,
  ::backdrop,
  ::file-selector-button {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0 solid;
  }
  html,
  :host {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
    font-feature-settings: var(--default-font-feature-settings, normal);
    font-variation-settings: var(--default-font-variation-settings, normal);
    -webkit-tap-highlight-color: transparent;
  }
  hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }
  abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-size: inherit;
    font-weight: inherit;
  }
  a {
    color: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }
  b,
  strong {
    font-weight: bolder;
  }
  code,
  kbd,
  samp,
  pre {
    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(--default-mono-font-variation-settings, normal);
    font-size: 1em;
  }
  small {
    font-size: 80%;
  }
  sub,
  sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }
  sub {
    bottom: -0.25em;
  }
  sup {
    top: -0.5em;
  }
  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }
  :-moz-focusring {
    outline: auto;
  }
  progress {
    vertical-align: baseline;
  }
  summary {
    display: list-item;
  }
  ol,
  ul,
  menu {
    list-style: none;
  }
  img,
  svg,
  video,
  canvas,
  audio,
  iframe,
  embed,
  object {
    display: block;
    vertical-align: middle;
  }
  img,
  video {
    max-width: 100%;
    height: auto;
  }
  button,
  input,
  select,
  optgroup,
  textarea,
  ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    border-radius: 0;
    background-color: transparent;
    opacity: 1;
  }
  :where(select:is([multiple], [size])) optgroup {
    font-weight: bolder;
  }
  :where(select:is([multiple], [size])) optgroup option {
    padding-inline-start: 20px;
  }
  ::file-selector-button {
    margin-inline-end: 4px;
  }
  ::placeholder {
    opacity: 1;
  }
  @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {
    ::placeholder {
      color: currentcolor;
    }
    @supports (color: color-mix(in lab, red, red)) {
       {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
  }
  textarea {
    resize: vertical;
  }
  ::-webkit-search-decoration {
    -webkit-appearance: none;
  }
  ::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit;
  }
  ::-webkit-datetime-edit {
    display: inline-flex;
  }
  ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }
  ::-webkit-datetime-edit,
  ::-webkit-datetime-edit-year-field,
  ::-webkit-datetime-edit-month-field,
  ::-webkit-datetime-edit-day-field,
  ::-webkit-datetime-edit-hour-field,
  ::-webkit-datetime-edit-minute-field,
  ::-webkit-datetime-edit-second-field,
  ::-webkit-datetime-edit-millisecond-field,
  ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }
  ::-webkit-calendar-picker-indicator {
    line-height: 1;
  }
  :-moz-ui-invalid {
    box-shadow: none;
  }
  button,
  input:where([type=button], [type=reset], [type=submit]),
  ::file-selector-button {
    appearance: button;
  }
  ::-webkit-inner-spin-button,
  ::-webkit-outer-spin-button {
    height: auto;
  }
  [hidden]:where(:not([hidden=until-found])) {
    display: none !important;
  }
}
@layer utilities {
  .visible {
    visibility: visible;
  }
  .absolute {
    position: absolute;
  }
  .fixed {
    position: fixed;
  }
  .relative {
    position: relative;
  }
  .static {
    position: static;
  }
  .sticky {
    position: sticky;
  }
  .bottom-0 {
    bottom: calc(var(--spacing) * 0);
  }
  .left-0 {
    left: calc(var(--spacing) * 0);
  }
  .col-span-3 {
    grid-column: span 3 / span 3;
  }
  .col-span-6 {
    grid-column: span 6 / span 6;
  }
  .col-span-12 {
    grid-column: span 12 / span 12;
  }
  .m-3 {
    margin: calc(var(--spacing) * 3);
  }
  .my-3 {
    margin-block: calc(var(--spacing) * 3);
  }
  .mt-0 {
    margin-top: calc(var(--spacing) * 0);
  }
  .mt-2 {
    margin-top: calc(var(--spacing) * 2);
  }
  .mt-4 {
    margin-top: calc(var(--spacing) * 4);
  }
  .mt-5 {
    margin-top: calc(var(--spacing) * 5);
  }
  .mt-6 {
    margin-top: calc(var(--spacing) * 6);
  }
  .mt-15 {
    margin-top: calc(var(--spacing) * 15);
  }
  .mb-0 {
    margin-bottom: calc(var(--spacing) * 0);
  }
  .mb-1 {
    margin-bottom: calc(var(--spacing) * 1);
  }
  .mb-2 {
    margin-bottom: calc(var(--spacing) * 2);
  }
  .mb-3 {
    margin-bottom: calc(var(--spacing) * 3);
  }
  .mb-4 {
    margin-bottom: calc(var(--spacing) * 4);
  }
  .mb-5 {
    margin-bottom: calc(var(--spacing) * 5);
  }
  .mb-10 {
    margin-bottom: calc(var(--spacing) * 10);
  }
  .ml-2 {
    margin-left: calc(var(--spacing) * 2);
  }
  .ml-auto {
    margin-left: auto;
  }
  .block {
    display: block;
  }
  .contents {
    display: contents;
  }
  .flex {
    display: flex;
  }
  .grid {
    display: grid;
  }
  .hidden {
    display: none;
  }
  .inline-block {
    display: inline-block;
  }
  .inline-flex {
    display: inline-flex;
  }
  .table {
    display: table;
  }
  .h-8 {
    height: calc(var(--spacing) * 8);
  }
  .h-12 {
    height: calc(var(--spacing) * 12);
  }
  .h-auto {
    height: auto;
  }
  .h-full {
    height: 100%;
  }
  .h-screen {
    height: 100vh;
  }
  .max-h-8 {
    max-height: calc(var(--spacing) * 8);
  }
  .\!w-full {
    width: 100% !important;
  }
  .w-32 {
    width: calc(var(--spacing) * 32);
  }
  .w-80 {
    width: calc(var(--spacing) * 80);
  }
  .w-full {
    width: 100%;
  }
  .max-w-40 {
    max-width: calc(var(--spacing) * 40);
  }
  .max-w-50 {
    max-width: calc(var(--spacing) * 50);
  }
  .max-w-sm {
    max-width: var(--container-sm);
  }
  .flex-1 {
    flex: 1;
  }
  .flex-none {
    flex: none;
  }
  .flex-shrink-0 {
    flex-shrink: 0;
  }
  .shrink-0 {
    flex-shrink: 0;
  }
  .transform {
    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
  }
  .cursor-pointer {
    cursor: pointer;
  }
  .resize {
    resize: both;
  }
  .columns-2 {
    columns: 2;
  }
  .columns-3 {
    columns: 3;
  }
  .break-after-column {
    break-after: column;
  }
  .grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
  .grid-rows-2 {
    grid-template-rows: repeat(2, minmax(0, 1fr));
  }
  .flex-col {
    flex-direction: column;
  }
  .flex-row {
    flex-direction: row;
  }
  .place-items-center {
    place-items: center;
  }
  .items-center {
    align-items: center;
  }
  .items-end {
    align-items: flex-end;
  }
  .items-start {
    align-items: flex-start;
  }
  .justify-between {
    justify-content: space-between;
  }
  .justify-center {
    justify-content: center;
  }
  .gap-1 {
    gap: calc(var(--spacing) * 1);
  }
  .gap-2 {
    gap: calc(var(--spacing) * 2);
  }
  .gap-3 {
    gap: calc(var(--spacing) * 3);
  }
  .gap-4 {
    gap: calc(var(--spacing) * 4);
  }
  .gap-5 {
    gap: calc(var(--spacing) * 5);
  }
  .gap-8 {
    gap: calc(var(--spacing) * 8);
  }
  .gap-10 {
    gap: calc(var(--spacing) * 10);
  }
  :where(.space-y-2 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
  }
  :where(.space-y-4 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
  }
  :where(.space-x-6 > :not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(calc(var(--spacing) * 6) * var(--tw-space-x-reverse));
    margin-inline-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-x-reverse)));
  }
  .justify-self-end {
    justify-self: flex-end;
  }
  .overflow-hidden {
    overflow: hidden;
  }
  .overflow-visible {
    overflow: visible;
  }
  .rounded {
    border-radius: 0.25rem;
  }
  .rounded-full {
    border-radius: calc(infinity * 1px);
  }
  .rounded-lg {
    border-radius: var(--radius-lg);
  }
  .rounded-xl {
    border-radius: var(--radius-xl);
  }
  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .border-1 {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .border-b-1 {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }
  .border-ccc-error {
    border-color: var(--color-ccc-error);
  }
  .border-ccc-primary {
    border-color: var(--color-ccc-primary);
  }
  .border-ccc-warning {
    border-color: var(--color-ccc-warning);
  }
  .border-gray-300 {
    border-color: var(--color-gray-300);
  }
  .bg-gray-200 {
    background-color: var(--color-gray-200);
  }
  .bg-white {
    background-color: var(--color-white);
  }
  .p-3 {
    padding: calc(var(--spacing) * 3);
  }
  .p-4 {
    padding: calc(var(--spacing) * 4);
  }
  .p-5 {
    padding: calc(var(--spacing) * 5);
  }
  .p-8 {
    padding: calc(var(--spacing) * 8);
  }
  .\!px-4 {
    padding-inline: calc(var(--spacing) * 4) !important;
  }
  .\!px-8 {
    padding-inline: calc(var(--spacing) * 8) !important;
  }
  .px-4 {
    padding-inline: calc(var(--spacing) * 4);
  }
  .px-5 {
    padding-inline: calc(var(--spacing) * 5);
  }
  .px-8 {
    padding-inline: calc(var(--spacing) * 8);
  }
  .py-4 {
    padding-block: calc(var(--spacing) * 4);
  }
  .py-5 {
    padding-block: calc(var(--spacing) * 5);
  }
  .pr-4 {
    padding-right: calc(var(--spacing) * 4);
  }
  .text-center {
    text-align: center;
  }
  .text-2xl {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
  }
  .text-3xl {
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
  }
  .text-5xl {
    font-size: var(--text-5xl);
    line-height: var(--tw-leading, var(--text-5xl--line-height));
  }
  .text-sm {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
  .text-xl {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
  }
  .font-bold {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  .font-extrabold {
    --tw-font-weight: var(--font-weight-extrabold);
    font-weight: var(--font-weight-extrabold);
  }
  .font-light {
    --tw-font-weight: var(--font-weight-light);
    font-weight: var(--font-weight-light);
  }
  .font-medium {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }
  .tracking-tight {
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight);
  }
  .\!text-ccc-error {
    color: var(--color-ccc-error) !important;
  }
  .\!text-ccc-primary {
    color: var(--color-ccc-primary) !important;
  }
  .\!text-ccc-warning {
    color: var(--color-ccc-warning) !important;
  }
  .text-ccc-info {
    color: var(--color-ccc-info);
  }
  .text-ccc-text {
    color: var(--color-ccc-text);
  }
  .text-gray-400 {
    color: var(--color-gray-400);
  }
  .text-gray-500 {
    color: var(--color-gray-500);
  }
  .text-gray-700 {
    color: var(--color-gray-700);
  }
  .text-white {
    color: var(--color-white);
  }
  .\!shadow-none {
    --tw-shadow: 0 0 #0000 !important;
    box-shadow:
      var(--tw-inset-shadow),
      var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow),
      var(--tw-ring-shadow),
      var(--tw-shadow) !important;
  }
  .shadow {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow:
      var(--tw-inset-shadow),
      var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow),
      var(--tw-ring-shadow),
      var(--tw-shadow);
  }
  .shadow-lg {
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow:
      var(--tw-inset-shadow),
      var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow),
      var(--tw-ring-shadow),
      var(--tw-shadow);
  }
  .blur {
    --tw-blur: blur(8px);
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .filter {
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  @media (width >= 48rem) {
    .md\:\!w-80 {
      width: calc(var(--spacing) * 80) !important;
    }
  }
  @media (width >= 48rem) {
    .md\:w-56 {
      width: calc(var(--spacing) * 56);
    }
  }
  @media (width >= 64rem) {
    .lg\:col-span-1 {
      grid-column: span 1 / span 1;
    }
  }
  @media (width >= 64rem) {
    .lg\:col-span-2 {
      grid-column: span 2 / span 2;
    }
  }
  @media (width >= 64rem) {
    .lg\:col-span-3 {
      grid-column: span 3 / span 3;
    }
  }
  @media (width >= 64rem) {
    .lg\:col-span-4 {
      grid-column: span 4 / span 4;
    }
  }
  @media (width >= 64rem) {
    .lg\:col-span-5 {
      grid-column: span 5 / span 5;
    }
  }
  @media (width >= 64rem) {
    .lg\:col-span-6 {
      grid-column: span 6 / span 6;
    }
  }
  @media (width >= 64rem) {
    .lg\:col-span-7 {
      grid-column: span 7 / span 7;
    }
  }
  @media (width >= 64rem) {
    .lg\:col-span-8 {
      grid-column: span 8 / span 8;
    }
  }
  @media (width >= 64rem) {
    .lg\:col-span-9 {
      grid-column: span 9 / span 9;
    }
  }
  @media (width >= 64rem) {
    .lg\:col-span-10 {
      grid-column: span 10 / span 10;
    }
  }
  @media (width >= 64rem) {
    .lg\:col-span-11 {
      grid-column: span 11 / span 11;
    }
  }
  @media (width >= 64rem) {
    .lg\:col-span-12 {
      grid-column: span 12 / span 12;
    }
  }
  @media (width >= 64rem) {
    .lg\:mt-0 {
      margin-top: calc(var(--spacing) * 0);
    }
  }
  @media (width >= 64rem) {
    .lg\:block {
      display: block;
    }
  }
  @media (width >= 64rem) {
    .lg\:hidden {
      display: none;
    }
  }
  @media (width >= 64rem) {
    .lg\:\!w-1\/2 {
      width: calc(1/2 * 100%) !important;
    }
  }
  @media (width >= 64rem) {
    .lg\:\!w-1\/3 {
      width: calc(1/3 * 100%) !important;
    }
  }
  @media (width >= 64rem) {
    .lg\:\!w-3\/4 {
      width: calc(3/4 * 100%) !important;
    }
  }
  @media (width >= 64rem) {
    .lg\:\!w-full {
      width: 100% !important;
    }
  }
  @media (width >= 64rem) {
    .lg\:w-auto {
      width: auto;
    }
  }
  @media (width >= 64rem) {
    .lg\:w-full {
      width: 100%;
    }
  }
  @media (width >= 64rem) {
    .lg\:flex-row {
      flex-direction: row;
    }
  }
  @media (width >= 64rem) {
    .lg\:px-10 {
      padding-inline: calc(var(--spacing) * 10);
    }
  }
}
:root {
  --app-primary-color: #cccccc;
  --app-secondary-color: #f0f0f0;
  --app-tertiary-color: #eeeeee;
}
* {
  font-family: "Ubuntu";
}
.ccc-button__icon .p-button {
  width: 42px;
  height: 42px;
}
.ccc-button .p-button {
  border-radius: 0.8rem !important;
}
.ccc-button .p-button.p-button-primary {
  background: #2A7CB8;
  border-color: #2A7CB8;
  color: white;
  font-weight: 400;
}
.ccc-button .p-button.p-button-primary:hover {
  background: rgb(32.5221238938, 96.017699115, 142.4778761062);
  border-color: rgb(32.5221238938, 96.017699115, 142.4778761062);
  color: white;
}
.ccc-button .p-button.p-button-primary:active {
  background: rgb(27.7831858407, 82.0265486726, 121.7168141593);
  border-color: rgb(27.7831858407, 82.0265486726, 121.7168141593);
  color: white;
}
.ccc-button .p-button.p-button-primary.p-button-outlined {
  background: white;
  color: #2A7CB8;
  font-weight: 400;
}
.ccc-button .p-button.p-button-primary.p-button-outlined:hover {
  background: rgb(252.1504424779, 253.4203539823, 254.3495575221) !important;
  border: 1px solid rgb(27.7831858407, 82.0265486726, 121.7168141593);
  color: rgb(32.5221238938, 96.017699115, 142.4778761062);
}
.ccc-button .p-button.p-button-primary.p-button-outlined:active {
  background: rgb(252.1504424779, 253.4203539823, 254.3495575221) !important;
  border: 1px solid rgb(27.7831858407, 82.0265486726, 121.7168141593);
  color: rgb(27.7831858407, 82.0265486726, 121.7168141593);
}
.ccc-button .p-button.p-button-primary.p-button-text {
  background: none !important;
  border: 0 !important;
  color: #2A7CB8;
}
.ccc-button .p-button.p-button-primary.p-button-text:hover {
  color: rgb(32.5221238938, 96.017699115, 142.4778761062);
}
.ccc-button .p-button.p-button-primary.p-button-text:active {
  color: rgb(27.7831858407, 82.0265486726, 121.7168141593);
}
.ccc-button .p-button.p-button-secondary {
  background: #F87E7F;
  border-color: #F87E7F;
  color: white;
  font-weight: 400;
}
.ccc-button .p-button.p-button-secondary:hover {
  background: rgb(245.375, 77.625, 79);
  border-color: rgb(245.375, 77.625, 79);
  color: white;
}
.ccc-button .p-button.p-button-secondary:active {
  background: rgb(244.0625, 53.4375, 55);
  border-color: rgb(244.0625, 53.4375, 55);
  color: white;
}
.ccc-button .p-button.p-button-secondary.p-button-outlined {
  background: white;
  color: #F87E7F;
  font-weight: 400;
}
.ccc-button .p-button.p-button-secondary.p-button-outlined:hover {
  background: white !important;
  border: 1px solid rgb(244.0625, 53.4375, 55);
  color: rgb(245.375, 77.625, 79);
}
.ccc-button .p-button.p-button-secondary.p-button-outlined:active {
  background: white !important;
  border: 1px solid rgb(244.0625, 53.4375, 55);
  color: rgb(244.0625, 53.4375, 55);
}
.ccc-button .p-button.p-button-secondary.p-button-text {
  background: none !important;
  border: 0 !important;
  color: #F87E7F;
}
.ccc-button .p-button.p-button-secondary.p-button-text:hover {
  color: rgb(245.375, 77.625, 79);
}
.ccc-button .p-button.p-button-secondary.p-button-text:active {
  color: rgb(244.0625, 53.4375, 55);
}
.ccc-button .p-button.p-button-warn {
  background: #F2B04C;
  border-color: #F2B04C;
  color: white;
  font-weight: 400;
}
.ccc-button .p-button.p-button-warn:hover {
  background: rgb(238.546875, 155.015625, 28.453125);
  border-color: rgb(238.546875, 155.015625, 28.453125);
  color: white;
}
.ccc-button .p-button.p-button-warn:active {
  background: rgb(225.1484375, 142.1328125, 16.3515625);
  border-color: rgb(225.1484375, 142.1328125, 16.3515625);
  color: white;
}
.ccc-button .p-button.p-button-warn.p-button-outlined {
  background: white;
  color: #F2B04C;
  font-weight: 400;
}
.ccc-button .p-button.p-button-warn.p-button-outlined:hover {
  background: white !important;
  border: 1px solid rgb(225.1484375, 142.1328125, 16.3515625);
  color: rgb(238.546875, 155.015625, 28.453125);
}
.ccc-button .p-button.p-button-warn.p-button-outlined:active {
  background: white !important;
  border: 1px solid rgb(225.1484375, 142.1328125, 16.3515625);
  color: rgb(225.1484375, 142.1328125, 16.3515625);
}
.ccc-button .p-button.p-button-warn.p-button-text {
  background: none !important;
  border: 0 !important;
  color: #F2B04C;
}
.ccc-button .p-button.p-button-warn.p-button-text:hover {
  color: rgb(238.546875, 155.015625, 28.453125);
}
.ccc-button .p-button.p-button-warn.p-button-text:active {
  color: rgb(225.1484375, 142.1328125, 16.3515625);
}
.ccc-button .p-button.p-button-success {
  background: #4CAF6B;
  border-color: #4CAF6B;
  color: white;
  font-weight: 400;
}
.ccc-button .p-button.p-button-success:hover {
  background: rgb(60.5577689243, 139.4422310757, 85.2589641434);
  border-color: rgb(60.5577689243, 139.4422310757, 85.2589641434);
  color: white;
}
.ccc-button .p-button.p-button-success:active {
  background: rgb(52.8366533865, 121.6633466135, 74.3884462151);
  border-color: rgb(52.8366533865, 121.6633466135, 74.3884462151);
  color: white;
}
.ccc-button .p-button.p-button-success.p-button-outlined {
  background: white;
  color: #4CAF6B;
  font-weight: 400;
}
.ccc-button .p-button.p-button-success.p-button-outlined:hover {
  background: white !important;
  border: 1px solid rgb(52.8366533865, 121.6633466135, 74.3884462151);
  color: rgb(60.5577689243, 139.4422310757, 85.2589641434);
}
.ccc-button .p-button.p-button-success.p-button-outlined:active {
  background: white !important;
  border: 1px solid rgb(52.8366533865, 121.6633466135, 74.3884462151);
  color: rgb(52.8366533865, 121.6633466135, 74.3884462151);
}
.ccc-button .p-button.p-button-success.p-button-text {
  background: none !important;
  border: 0 !important;
  color: #4CAF6B;
}
.ccc-button .p-button.p-button-success.p-button-text:hover {
  color: rgb(60.5577689243, 139.4422310757, 85.2589641434);
}
.ccc-button .p-button.p-button-success.p-button-text:active {
  color: rgb(52.8366533865, 121.6633466135, 74.3884462151);
}
.ccc-button .p-button.p-button-danger {
  background: #E45B5D;
  border-color: #E45B5D;
  color: white;
  font-weight: 400;
}
.ccc-button .p-button.p-button-danger:hover {
  background: rgb(220.7905759162, 47.2094240838, 49.7434554974);
  border-color: rgb(220.7905759162, 47.2094240838, 49.7434554974);
  color: white;
}
.ccc-button .p-button.p-button-danger:active {
  background: rgb(208.219895288, 34.280104712, 36.8193717277);
  border-color: rgb(208.219895288, 34.280104712, 36.8193717277);
  color: white;
}
.ccc-button .p-button.p-button-danger.p-button-outlined {
  background: white;
  color: #E45B5D;
  font-weight: 400;
}
.ccc-button .p-button.p-button-danger.p-button-outlined:hover {
  background: white !important;
  border: 1px solid rgb(208.219895288, 34.280104712, 36.8193717277);
  color: rgb(220.7905759162, 47.2094240838, 49.7434554974);
}
.ccc-button .p-button.p-button-danger.p-button-outlined:active {
  background: white !important;
  border: 1px solid rgb(208.219895288, 34.280104712, 36.8193717277);
  color: rgb(208.219895288, 34.280104712, 36.8193717277);
}
.ccc-button .p-button.p-button-danger.p-button-text {
  background: none !important;
  border: 0 !important;
  color: #E45B5D;
}
.ccc-button .p-button.p-button-danger.p-button-text:hover {
  color: rgb(220.7905759162, 47.2094240838, 49.7434554974);
}
.ccc-button .p-button.p-button-danger.p-button-text:active {
  color: rgb(208.219895288, 34.280104712, 36.8193717277);
}
.ccc-button .p-button.p-button-info {
  background: #5DC7CC;
  border-color: #5DC7CC;
  color: white;
  font-weight: 400;
}
.ccc-button .p-button.p-button-info:hover {
  background: rgb(58.9014084507, 181.323943662, 187.0985915493);
  border-color: rgb(58.9014084507, 181.323943662, 187.0985915493);
  color: white;
}
.ccc-button .p-button.p-button-info:active {
  background: rgb(52.7957746479, 162.5281690141, 167.7042253521);
  border-color: rgb(52.7957746479, 162.5281690141, 167.7042253521);
  color: white;
}
.ccc-button .p-button.p-button-info.p-button-outlined {
  background: white;
  color: #5DC7CC;
  font-weight: 400;
}
.ccc-button .p-button.p-button-info.p-button-outlined:hover {
  background: white !important;
  border: 1px solid rgb(52.7957746479, 162.5281690141, 167.7042253521);
  color: rgb(58.9014084507, 181.323943662, 187.0985915493);
}
.ccc-button .p-button.p-button-info.p-button-outlined:active {
  background: white !important;
  border: 1px solid rgb(52.7957746479, 162.5281690141, 167.7042253521);
  color: rgb(52.7957746479, 162.5281690141, 167.7042253521);
}
.ccc-button .p-button.p-button-info.p-button-text {
  background: none !important;
  border: 0 !important;
  color: #5DC7CC;
}
.ccc-button .p-button.p-button-info.p-button-text:hover {
  color: rgb(58.9014084507, 181.323943662, 187.0985915493);
}
.ccc-button .p-button.p-button-info.p-button-text:active {
  color: rgb(52.7957746479, 162.5281690141, 167.7042253521);
}
.ccc-button .p-button.p-button-help {
  background: #999999;
  border-color: #999999;
  color: white;
  font-weight: 400;
}
.ccc-button .p-button.p-button-help:hover {
  background: rgb(127.5, 127.5, 127.5);
  border-color: rgb(127.5, 127.5, 127.5);
  color: white;
}
.ccc-button .p-button.p-button-help:active {
  background: rgb(114.75, 114.75, 114.75);
  border-color: rgb(114.75, 114.75, 114.75);
  color: white;
}
.ccc-button .p-button.p-button-help.p-button-outlined {
  background: white;
  color: #999999;
  font-weight: 400;
}
.ccc-button .p-button.p-button-help.p-button-outlined:hover {
  background: white !important;
  border: 1px solid rgb(114.75, 114.75, 114.75);
  color: rgb(127.5, 127.5, 127.5);
}
.ccc-button .p-button.p-button-help.p-button-outlined:active {
  background: white !important;
  border: 1px solid rgb(114.75, 114.75, 114.75);
  color: rgb(114.75, 114.75, 114.75);
}
.ccc-button .p-button.p-button-help.p-button-text {
  background: none !important;
  border: 0 !important;
  color: #999999;
}
.ccc-button .p-button.p-button-help.p-button-text:hover {
  color: rgb(127.5, 127.5, 127.5);
}
.ccc-button .p-button.p-button-help.p-button-text:active {
  color: rgb(114.75, 114.75, 114.75);
}
.ccc-button .p-button.p-button-dark {
  background: #393939;
  border-color: #393939;
  color: white;
  font-weight: 400;
}
.ccc-button .p-button.p-button-dark:hover {
  background: rgb(31.5, 31.5, 31.5);
  border-color: rgb(31.5, 31.5, 31.5);
  color: white;
}
.ccc-button .p-button.p-button-dark:active {
  background: rgb(18.75, 18.75, 18.75);
  border-color: rgb(18.75, 18.75, 18.75);
  color: white;
}
.ccc-button .p-button.p-button-dark.p-button-outlined {
  background: white;
  color: #393939;
  font-weight: 400;
}
.ccc-button .p-button.p-button-dark.p-button-outlined:hover {
  background: rgb(197.25, 197.25, 197.25) !important;
  border: 1px solid rgb(18.75, 18.75, 18.75);
  color: rgb(31.5, 31.5, 31.5);
}
.ccc-button .p-button.p-button-dark.p-button-outlined:active {
  background: rgb(197.25, 197.25, 197.25) !important;
  border: 1px solid rgb(18.75, 18.75, 18.75);
  color: rgb(18.75, 18.75, 18.75);
}
.ccc-button .p-button.p-button-dark.p-button-text {
  background: none !important;
  border: 0 !important;
  color: #393939;
}
.ccc-button .p-button.p-button-dark.p-button-text:hover {
  color: rgb(31.5, 31.5, 31.5);
}
.ccc-button .p-button.p-button-dark.p-button-text:active {
  color: rgb(18.75, 18.75, 18.75);
}
.ccc-button__full-width {
  width: 100%;
}
.ccc-button__full-width button {
  width: 100%;
}
@media (max-width: 767px) {
  .ccc-button__full-width--mobile {
    width: 100%;
  }
  .ccc-button__full-width--mobile button {
    width: 100%;
  }
}
.ccc-breadcrumb {
  padding-left: 0 !important;
  border-bottom: 1px solid #e0e0e0;
  margin-bottom: 15px;
}
.ccc-breadcrumb .p-breadcrumb-list .p-breadcrumb-item,
.ccc-breadcrumb .p-breadcrumb-list .p-breadcrumb-home-item {
  --tw-font-weight: var(--font-weight-light);
  font-weight: var(--font-weight-light);
  color: var(--color-gray-500);
}
.ccc-breadcrumb .p-breadcrumb-list .p-breadcrumb-item:last-of-type,
.ccc-breadcrumb .p-breadcrumb-list .single-breadcrumb {
  --tw-font-weight: var(--font-weight-bold) !important;
  font-weight: var(--font-weight-bold) !important;
  color: var(--color-ccc-secondary);
}
.ccc-breadcrumb .p-breadcrumb-separator {
  color: var(--color-ccc-primary);
}
.ccc-tabs.p-tabs .p-tablist-tab-list {
  border-style: var(--tw-border-style);
  border-width: 0px;
}
.ccc-tabs.p-tabs .p-tab {
  --tw-font-weight: var(--font-weight-normal) !important;
  font-weight: var(--font-weight-normal) !important;
}
.ccc-tabs.p-tabs .p-tab.p-tab-active {
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 2px;
  border-color: var(--color-ccc-primary);
}
.ccc-table.p-datatable .p-datatable-header {
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 0px;
}
.ccc-table.p-datatable .p-datatable-table {
  overflow: hidden;
  border-radius: var(--radius-xl);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-gray-300);
}
.ccc-table.p-datatable .p-datatable-table tbody tr:last-of-type td {
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 0px;
}
.menu-item:hover {
  background: rgba(0, 0, 0, 0.2);
}
.menu-item.menu-item__active {
  background: rgba(0, 0, 0, 0.3);
}
.menu-item__icon {
  color: var(--color-ccc-info);
}
.user-menu {
  background: rgba(255, 255, 255, 0.2);
  border-radius: var(--radius-md);
}
.ccc-breadcrumb.p-breadcrumb {
  background: none;
}
.ccc-table .p-datatable-header {
  background: none;
}
.ccc-table .p-paginator {
  padding-top: 30px;
  background: none;
}
.ccc-table .p-datatable-header {
  padding-left: 0 !important;
  padding-right: 0 !important;
  padding-bottom: 30px !important;
}
.ccc-speeddial .p-speeddial .p-speeddial-button {
  background: white;
  color: var(--color-ccc-info);
  border: 1px solid var(--color-ccc-info);
}
.ccc-speeddial .p-speeddial .p-speeddial-button:hover {
  background: var(--color-ccc-info) !important;
  border: 1px solid var(--color-ccc-info) !important;
}
.ccc-speeddial .p-speeddial.p-speeddial-open .p-speeddial-button {
  background: var(--color-ccc-info) !important;
  border: 1px solid var(--color-ccc-info) !important;
  color: white !important;
}
.ccc-table .p-datatable .selectable-row {
  cursor: pointer;
}
.ccc-table .p-datatable .p-datatable-table-container .p-datatable-thead th {
  color: #aaa !important;
  font-weight: 400;
}
.ccc-table .p-datatable .p-datatable-table-container .p-datatable-thead th.p-datatable-sortable-column.p-datatable-column-sorted {
  background: white;
}
.ccc-table .p-datatable .p-datatable-table-container .p-datatable-thead th.p-datatable-sortable-column.p-datatable-column-sorted .p-datatable-sort-icon {
  color: var(--color-ccc-info);
}
.ccc-table .p-datatable .p-datatable-table-container .p-datatable-thead th.p-datatable-sortable-column .p-datatable-sort-icon {
  color: #aaa;
  margin-left: 15px;
}
.ccc-table .p-datatable .p-datatable-table-container tr td {
  white-space: pre-line;
}
.ccc-table .p-datatable .p-paginator .p-paginator-pages .p-paginator-page.p-paginator-page-selected {
  background: var(--color-ccc-info);
  color: white;
}
@media (max-width: 767px) {
  .ccc-table .p-datatable-table {
    min-width: auto !important;
    width: 100% !important;
    border: 0 !important;
    background: none;
  }
  .ccc-table .p-datatable-table thead {
    display: none;
  }
  .ccc-table .p-datatable-table tbody {
    position: relative;
    display: block;
  }
  .ccc-table .p-datatable-table tbody tr,
  .ccc-table .p-datatable-table tbody td {
    display: block;
    position: relative;
  }
  .ccc-table .p-datatable-table tbody tr {
    background: white;
    margin-bottom: 25px;
    border: 1px solid #e0e0e0;
    border-radius: 15px;
  }
  .ccc-table .p-datatable-table tbody tr td {
    border-bottom: 1px solid #efefef !important;
  }
  .ccc-table .p-datatable-table tbody tr td .mobile-table-label {
    font-weight: 300;
    color: #aaa;
    font-size: 0.9rem;
  }
  .ccc-table .p-datatable-table tbody tr td:last-of-type {
    border: 0 !important;
  }
  .ccc-table .p-datatable-table tbody tr .p-speeddial {
    justify-content: end !important;
  }
}
.p-select-option.p-select-option-selected {
  background: var(--color-ccc-info) !important;
  color: white !important;
}
.ccc-form-group {
  border: 1px solid #e0e0e0;
}
.p-togglebutton.p-togglebutton-checked .p-togglebutton-content {
  background: #5DC7CC !important;
  color: white;
}
.p-togglebutton.p-togglebutton-checked .p-togglebutton-content:hover {
  background: #5DC7CC !important;
}
.p-togglebutton .p-togglebutton-content:hover {
  background: rgba(93, 199, 204, 0.3) !important;
}
.p-drawer.p-drawer-open.p-drawer-right {
  background: #f0f0f0;
}
.ccc-form__hide-accordion {
  border: 0 !important;
}
.ccc-form__hide-accordion .p-accordioncontent .p-accordioncontent-content {
  padding: 0;
}
.ccc-form-group.ccc-form-group__in-accordion {
  border: 0 !important;
}
.ccc-accordion__in-accordion .p-accordionheader {
  padding-left: 2rem;
  padding-right: 2rem;
}
.p-accordion .ccc-form-group__parent-accordion .ccc-form-group__accordion {
  border: 0 !important;
}
.p-accordion .ccc-form-group__parent-accordion .ccc-form-group__accordion .ccc-form-group__accordion-header {
  padding: 0 !important;
}
.p-accordion .ccc-form-group__parent-accordion .ccc-form-group__accordion .ccc-form-group__accordion-content .p-accordioncontent-content {
  padding: 0 !important;
}
.ccc-accordion-content__inner {
  padding-top: 30px;
}
.columns-2.row-count-4 {
  margin-bottom: -400px;
}
.ccc-form-group__accordion-content {
  overflow: visible;
}
.ccc-info-card__clickable {
  cursor: pointer;
}
.ccc-info-card__clickable:hover {
  outline: 1px solid #5DC7CC;
  border: 1px solid #5DC7CC;
  opacity: 0.8;
}
.ccc-status-card__clickable {
  cursor: pointer;
}
.ccc-status-card__clickable:hover.ccc-status-card__high {
  opacity: 0.8;
  outline: 1px solid #E45B5D;
}
.ccc-status-card__clickable:hover.ccc-status-card__medium {
  opacity: 0.8;
  outline: 1px solid #F2B04C;
}
.ccc-status-card__clickable:hover.ccc-status-card__normal {
  opacity: 0.8;
  outline: 1px solid #2A7CB8;
}
.ccc-message-error .p-message:hover {
  outline: 2px solid #E45B5D;
}
.ccc-message-warn .p-message:hover {
  outline: 2px solid #F2B04C;
}
.p-textarea {
  min-height: 150px !important;
}
input.ng-invalid.ng-touched,
select.ng-invalid.ng-touched,
.p-component.ng-invalid.ng-touched input {
  border: 1px solid #E56666 !important;
  background-color: #f9dddd;
}
@property --tw-rotate-x { syntax: "*"; inherits: false; }
@property --tw-rotate-y { syntax: "*"; inherits: false; }
@property --tw-rotate-z { syntax: "*"; inherits: false; }
@property --tw-skew-x { syntax: "*"; inherits: false; }
@property --tw-skew-y { syntax: "*"; inherits: false; }
@property --tw-space-y-reverse { syntax: "*"; inherits: false; initial-value: 0; }
@property --tw-space-x-reverse { syntax: "*"; inherits: false; initial-value: 0; }
@property --tw-border-style { syntax: "*"; inherits: false; initial-value: solid; }
@property --tw-font-weight { syntax: "*"; inherits: false; }
@property --tw-tracking { syntax: "*"; inherits: false; }
@property --tw-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
@property --tw-shadow-color { syntax: "*"; inherits: false; }
@property --tw-shadow-alpha { syntax: "<percentage>"; inherits: false; initial-value: 100%; }
@property --tw-inset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
@property --tw-inset-shadow-color { syntax: "*"; inherits: false; }
@property --tw-inset-shadow-alpha { syntax: "<percentage>"; inherits: false; initial-value: 100%; }
@property --tw-ring-color { syntax: "*"; inherits: false; }
@property --tw-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
@property --tw-inset-ring-color { syntax: "*"; inherits: false; }
@property --tw-inset-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
@property --tw-ring-inset { syntax: "*"; inherits: false; }
@property --tw-ring-offset-width { syntax: "<length>"; inherits: false; initial-value: 0px; }
@property --tw-ring-offset-color { syntax: "*"; inherits: false; initial-value: #fff; }
@property --tw-ring-offset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
@property --tw-blur { syntax: "*"; inherits: false; }
@property --tw-brightness { syntax: "*"; inherits: false; }
@property --tw-contrast { syntax: "*"; inherits: false; }
@property --tw-grayscale { syntax: "*"; inherits: false; }
@property --tw-hue-rotate { syntax: "*"; inherits: false; }
@property --tw-invert { syntax: "*"; inherits: false; }
@property --tw-opacity { syntax: "*"; inherits: false; }
@property --tw-saturate { syntax: "*"; inherits: false; }
@property --tw-sepia { syntax: "*"; inherits: false; }
@property --tw-drop-shadow { syntax: "*"; inherits: false; }
@property --tw-drop-shadow-color { syntax: "*"; inherits: false; }
@property --tw-drop-shadow-alpha { syntax: "<percentage>"; inherits: false; initial-value: 100%; }
@property --tw-drop-shadow-size { syntax: "*"; inherits: false; }
@layer properties {
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
    *,
    ::before,
    ::after,
    ::backdrop {
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-space-y-reverse: 0;
      --tw-space-x-reverse: 0;
      --tw-border-style: solid;
      --tw-font-weight: initial;
      --tw-tracking: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
    }
  }
}

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