blockquote.cf,
  dl.cf,
  dd.cf,
  h1.cf,
  h2.cf,
  h3.cf,
  h4.cf,
  h5.cf,
  h6.cf,
  hr.cf,
  figure.cf,
  p.cf,
  pre.cf {
    margin: 0;
  }
:root {
    --cf-primary: rgb(16 185 129);
  }
:root {
    --cf-border-spacing-x: 0;
    --cf-border-spacing-y: 0;
    --cf-translate-x: 0;
    --cf-translate-y: 0;
    --cf-rotate: 0;
    --cf-skew-x: 0;
    --cf-skew-y: 0;
    --cf-scale-x: 1;
    --cf-scale-y: 1;
    --cf-pan-x:  ;
    --cf-pan-y:  ;
    --cf-pinch-zoom:  ;
    --cf-scroll-snap-strictness: proximity;
    --cf-gradient-from-position:  ;
    --cf-gradient-via-position:  ;
    --cf-gradient-to-position:  ;
    --cf-ordinal:  ;
    --cf-slashed-zero:  ;
    --cf-numeric-figure:  ;
    --cf-numeric-spacing:  ;
    --cf-numeric-fraction:  ;
    --cf-ring-inset:  ;
    --cf-ring-offset-width: 0px;
    --cf-ring-offset-color: #fff;
    --cf-ring-color: rgb(59 130 246 / 0.5);
    --cf-ring-offset-shadow: 0 0 #0000;
    --cf-ring-shadow: 0 0 #0000;
    --cf-shadow: 0 0 #0000;
    --cf-shadow-colored: 0 0 #0000;
    --cf-blur:  ;
    --cf-brightness:  ;
    --cf-contrast:  ;
    --cf-grayscale:  ;
    --cf-hue-rotate:  ;
    --cf-invert:  ;
    --cf-saturate:  ;
    --cf-sepia:  ;
    --cf-drop-shadow:  ;
    --cf-backdrop-blur:  ;
    --cf-backdrop-brightness:  ;
    --cf-backdrop-contrast:  ;
    --cf-backdrop-grayscale:  ;
    --cf-backdrop-hue-rotate:  ;
    --cf-backdrop-invert:  ;
    --cf-backdrop-opacity:  ;
    --cf-backdrop-saturate:  ;
    --cf-backdrop-sepia:  ;
    --cf-contain-size:  ;
    --cf-contain-layout:  ;
    --cf-contain-paint:  ;
    --cf-contain-style:  ;
}
::backdrop {
    --cf-border-spacing-x: 0;
    --cf-border-spacing-y: 0;
    --cf-translate-x: 0;
    --cf-translate-y: 0;
    --cf-rotate: 0;
    --cf-skew-x: 0;
    --cf-skew-y: 0;
    --cf-scale-x: 1;
    --cf-scale-y: 1;
    --cf-pan-x:  ;
    --cf-pan-y:  ;
    --cf-pinch-zoom:  ;
    --cf-scroll-snap-strictness: proximity;
    --cf-gradient-from-position:  ;
    --cf-gradient-via-position:  ;
    --cf-gradient-to-position:  ;
    --cf-ordinal:  ;
    --cf-slashed-zero:  ;
    --cf-numeric-figure:  ;
    --cf-numeric-spacing:  ;
    --cf-numeric-fraction:  ;
    --cf-ring-inset:  ;
    --cf-ring-offset-width: 0px;
    --cf-ring-offset-color: #fff;
    --cf-ring-color: rgb(59 130 246 / 0.5);
    --cf-ring-offset-shadow: 0 0 #0000;
    --cf-ring-shadow: 0 0 #0000;
    --cf-shadow: 0 0 #0000;
    --cf-shadow-colored: 0 0 #0000;
    --cf-blur:  ;
    --cf-brightness:  ;
    --cf-contrast:  ;
    --cf-grayscale:  ;
    --cf-hue-rotate:  ;
    --cf-invert:  ;
    --cf-saturate:  ;
    --cf-sepia:  ;
    --cf-drop-shadow:  ;
    --cf-backdrop-blur:  ;
    --cf-backdrop-brightness:  ;
    --cf-backdrop-contrast:  ;
    --cf-backdrop-grayscale:  ;
    --cf-backdrop-hue-rotate:  ;
    --cf-backdrop-invert:  ;
    --cf-backdrop-opacity:  ;
    --cf-backdrop-saturate:  ;
    --cf-backdrop-sepia:  ;
    --cf-contain-size:  ;
    --cf-contain-layout:  ;
    --cf-contain-paint:  ;
    --cf-contain-style:  ;
}
.cf-btn {
    display: inline-block;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    border-radius: 0.25rem;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    font-weight: 500;
    text-decoration-line: none;
    cursor: pointer;
    border-style: none;
    font-size: 1rem;
    line-height: 1rem;
    font-family: inherit;
}
.cf-btn.cf-btn-sm {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    font-size: 0.75rem;
    line-height: 1rem;
    font-weight: 700;
}
.cf-btn-primary {
    --cf-bg-opacity: 1;
    background-color: rgb(20 184 166 / var(--cf-bg-opacity));
    --cf-text-opacity: 1;
    color: rgb(0 0 0 / var(--cf-text-opacity));
}
.cf-btn-primary:hover {
    --cf-bg-opacity: 1;
    background-color: rgb(45 212 191 / var(--cf-bg-opacity));
}
.cf-btn-secondary {
    --cf-bg-opacity: 1;
    background-color: rgb(243 244 246 / var(--cf-bg-opacity));
    --cf-text-opacity: 1;
    color: rgb(31 41 55 / var(--cf-text-opacity));
}
.cf-btn-secondary:hover {
    --cf-bg-opacity: 1;
    background-color: rgb(229 231 235 / var(--cf-bg-opacity));
}
.cf-btn-danger {
    --cf-bg-opacity: 1;
    background-color: rgb(239 68 68 / var(--cf-bg-opacity));
    --cf-text-opacity: 1;
    color: rgb(255 255 255 / var(--cf-text-opacity));
}
.cf-btn-danger:hover {
    --cf-bg-opacity: 1;
    background-color: rgb(220 38 38 / var(--cf-bg-opacity));
}
table.cf-table {
    width: 100%;

    border-spacing: 0;

    td, th {
        padding-left: 0.5rem;
        padding-right: 0.5rem;
    }

    td, th {
        padding-top: 0.25rem;
        padding-bottom: 0.25rem;
    }

    thead {
      tr {
            --cf-bg-opacity: 1;
            background-color: rgb(243 244 246 / var(--cf-bg-opacity));
        }

      th, td {
            text-align: start;
        }

      th, td {
            font-size: 0.875rem;
            line-height: 1.25rem;
        }

      th, td {
            font-weight: 600;
        }

      th, td {
            --cf-text-opacity: 1;
            color: rgb(75 85 99 / var(--cf-text-opacity));
        }

      th, td {
            border-width: 0px;
        }

      th, td {
            border-bottom-width: 1px;
        }

      th, td {
            border-style: solid;
        }

      th, td {
            --cf-border-opacity: 1;
            border-color: rgb(107 114 128 / var(--cf-border-opacity));
        }
    }

    tbody {
      tr:nth-child(even) {
            --cf-bg-opacity: 1;
            background-color: rgb(249 250 251 / var(--cf-bg-opacity));
        }
    }
}
dl.cf-dl {
    margin: 0px;

    dt {
        font-size: 0.875rem;
        line-height: 1.25rem;
    }

    dt {
        font-weight: 700;
    }

    dd {
        margin-left: 0px;
    }

    dd {
        margin-bottom: 0.75rem;
    }
}
.cf-m-0 {
    margin: 0px;
}
.cf-my-3 {
    margin-top: 0.75rem;
    margin-bottom: 0.75rem;
}
.cf-my-8 {
    margin-top: 2rem;
    margin-bottom: 2rem;
}
.cf-mb-0 {
    margin-bottom: 0px;
}
.cf-mb-3 {
    margin-bottom: 0.75rem;
}
.cf-mb-5 {
    margin-bottom: 1.25rem;
}
.cf-ml-0 {
    margin-left: 0px;
}
.cf-mt-0 {
    margin-top: 0px;
}
.cf-mt-3 {
    margin-top: 0.75rem;
}
.cf-block {
    display: block;
}
.cf-inline-block {
    display: inline-block;
}
.cf-flex {
    display: flex;
}
.cf-table {
    display: table;
}
.cf-grid {
    display: grid;
}
.cf-hidden {
    display: none;
}
.cf-flex-grow {
    flex-grow: 1;
}
.cf-cursor-pointer {
    cursor: pointer;
}
.cf-list-none {
    list-style-type: none;
}
.cf-appearance-none {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
}
.cf-grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
.cf-flex-wrap {
    flex-wrap: wrap;
}
.cf-items-end {
    align-items: flex-end;
}
.cf-items-center {
    align-items: center;
}
.cf-justify-between {
    justify-content: space-between;
}
.cf-gap-1 {
    gap: 0.25rem;
}
.cf-gap-3 {
    gap: 0.75rem;
}
.cf-rounded {
    border-radius: 0.25rem;
}
.cf-border {
    border-width: 1px;
}
.cf-border-0 {
    border-width: 0px;
}
.cf-border-b {
    border-bottom-width: 1px;
}
.cf-border-solid {
    border-style: solid;
}
.cf-border-none {
    border-style: none;
}
.cf-border-gray-300 {
    --cf-border-opacity: 1;
    border-color: rgb(209 213 219 / var(--cf-border-opacity));
}
.cf-bg-gray-100 {
    --cf-bg-opacity: 1;
    background-color: rgb(243 244 246 / var(--cf-bg-opacity));
}
.cf-bg-primary-500 {
    --cf-bg-opacity: 1;
    background-color: rgb(20 184 166 / var(--cf-bg-opacity));
}
.cf-bg-red-300 {
    --cf-bg-opacity: 1;
    background-color: rgb(252 165 165 / var(--cf-bg-opacity));
}
.cf-bg-red-500 {
    --cf-bg-opacity: 1;
    background-color: rgb(239 68 68 / var(--cf-bg-opacity));
}
.cf-bg-teal-300 {
    --cf-bg-opacity: 1;
    background-color: rgb(94 234 212 / var(--cf-bg-opacity));
}
.cf-p-0 {
    padding: 0px;
}
.cf-p-2 {
    padding: 0.5rem;
}
.cf-p-3 {
    padding: 0.75rem;
}
.cf-p-5 {
    padding: 1.25rem;
}
.cf-px-2 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}
.cf-px-3 {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
}
.cf-px-5 {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
}
.cf-py-1 {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
}
.cf-py-3 {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
}
.cf-pb-3 {
    padding-bottom: 0.75rem;
}
.cf-pl-0 {
    padding-left: 0px;
}
.cf-text-center {
    text-align: center;
}
.cf-text-end {
    text-align: end;
}
.cf-text-3xl {
    font-size: 1.875rem;
    line-height: 2.25rem;
}
.cf-text-base {
    font-size: 1rem;
    line-height: 1.5rem;
}
.cf-text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem;
}
.cf-text-sm {
    font-size: 0.875rem;
    line-height: 1.25rem;
}
.cf-text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem;
}
.cf-text-xs {
    font-size: 0.75rem;
    line-height: 1rem;
}
.cf-font-bold {
    font-weight: 700;
}
.cf-font-medium {
    font-weight: 500;
}
.cf-font-semibold {
    font-weight: 600;
}
.cf-italic {
    font-style: italic;
}
.cf-text-gray-300 {
    --cf-text-opacity: 1;
    color: rgb(209 213 219 / var(--cf-text-opacity));
}
.cf-text-gray-500 {
    --cf-text-opacity: 1;
    color: rgb(107 114 128 / var(--cf-text-opacity));
}
.cf-no-underline {
    text-decoration-line: none;
}
.cf-shadow {
    --cf-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
    --cf-shadow-colored: 0 1px 3px 0 var(--cf-shadow-color), 0 1px 2px -1px var(--cf-shadow-color);
    box-shadow: var(--cf-ring-offset-shadow, 0 0 #0000), var(--cf-ring-shadow, 0 0 #0000), var(--cf-shadow);
}
.even\:cf-bg-gray-50:nth-child(even) {
    --cf-bg-opacity: 1;
    background-color: rgb(249 250 251 / var(--cf-bg-opacity));
}
.hover\:cf-bg-gray-100:hover {
    --cf-bg-opacity: 1;
    background-color: rgb(243 244 246 / var(--cf-bg-opacity));
}
.hover\:cf-bg-gray-50:hover {
    --cf-bg-opacity: 1;
    background-color: rgb(249 250 251 / var(--cf-bg-opacity));
}

