/* src/scss/styles.scss */
@layer prt-components {
  .font-display {
    font-family: var(--app-font-family);
    letter-spacing: -0.039em;
  }
  .font-sans {
    letter-spacing: 0;
  }
  .tracking-wide-display {
    letter-spacing: -0.02em;
  }
  .root-scrolling-container {
    position: relative;
  }
  .flex-0-auto {
    flex: 0 0 auto;
  }
  .p-hidden {
    display: none !important;
  }
  .p-error {
    color: var(--app-status-error);
  }
  html {
    background-color: var(--p-surface-100);
    width: 100vw;
    overflow-x: hidden;
    color: var(--p-text-color);
    font-display: block;
  }
  .p-component {
    font-size: 0.875rem;
  }
  .custom-sideDrawer {
    background-color: var(--p-surface-100);
  }
  prt-root {
    height: 100vh;
    display: flex;
    flex-direction: column;
  }
  .prt-container {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    padding-left: 1rem;
    padding-right: 1rem;
  }
  @layer prt-components {
    html .p-autocomplete.prt-container .p-autocomplete-input-multiple {
      width: 100%;
    }
  }
  @media (min-width: 640px) {
    .prt-container {
      padding-left: 1.5rem;
      padding-right: 1.5rem;
    }
  }
  .prt-container {
    max-width: var(--prt-container-width, 100rem);
  }
  .full-w-container .prt-container {
    margin: 0px;
    max-width: 100%;
    padding: 0px;
  }
  h1 {
    margin-bottom: 0.5rem;
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: 550;
    color: var(--app-ink-700);
    font-family: var(--app-font-family);
    letter-spacing: -0.039em;
  }
  h2 {
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 550;
    color: var(--app-ink-400);
    font-family: var(--app-font-family);
    letter-spacing: -0.039em;
  }
  h3 {
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 500;
    color: var(--app-ink-500);
  }
  .card {
    margin-top: 1.5rem;
    width: 100%;
    overflow: hidden;
    border-radius: 14px;
    border-width: 1px;
    padding-left: 1.75rem;
    padding-right: 1.75rem;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }
  @layer prt-components {
    html .p-autocomplete.card .p-autocomplete-input-multiple {
      width: 100%;
    }
  }
  .card {
    background-color: var(--p-content-background);
  }
  .card .card-section {
    padding-left: 1.75rem;
    padding-right: 1.75rem;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    margin-left: -1.75rem;
    margin-right: -1.75rem;
  }
  .card .card-section:first-child {
    margin-top: -1.5rem;
  }
  .card .card-section:last-child {
    margin-bottom: -1.5rem;
  }
  .card .card-section + .card-section {
    border-top-width: 1px;
  }
  .card .narrow-content > * {
    margin-left: auto;
    margin-right: auto;
    display: block;
    max-width: 56rem;
  }
  .card .vertical-form {
    position: relative;
    padding-top: 2.75rem;
    padding-bottom: 2.75rem;
  }
  .card .vertical-form label {
    margin-bottom: 0.25rem;
    display: block;
  }
  .card .vertical-form .p-error {
    margin-top: 0.25rem;
    display: block;
  }
  .card .vertical-form .required label {
    font-weight: 700;
  }
  .card.map-card {
    background-image: var(--app-gradient-hero);
    background-repeat: no-repeat;
    background-position: left;
    background-size: 1920px 100%;
    border-width: 0px;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    box-shadow:
      var(--tw-ring-offset-shadow, 0 0 #0000),
      var(--tw-ring-shadow, 0 0 #0000),
      var(--tw-shadow);
    --tw-drop-shadow: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.2));
    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);
  }
  .table-header-gray th {
    color: var(--p-surface-400);
  }
  .table-header-with-filter {
    display: flex;
    height: 100%;
    flex-direction: column;
    justify-content: space-between;
  }
  .readonly-summary-grid > div {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
  .readonly-summary-grid label {
    margin-bottom: 0.25rem;
    display: block;
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 600;
    color: var(--app-ink-700);
  }
  .readonly-summary-grid label + span {
    font-family: var(--app-font-family-secondary);
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 500;
    color: var(--app-ink-400);
  }
  .readonly-summary-grid label + i {
    font-weight: 500;
    color: var(--app-ink-400);
  }
  .form-readonly-column-style > div {
    display: flex;
    border-bottom-width: 1px;
  }
  .form-readonly-column-style label {
    display: block;
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 600;
    color: var(--app-ink-700);
  }
  .form-readonly-column-style label + * {
    font-family: var(--app-font-family-secondary);
    text-align: left;
    font-size: 1rem;
    line-height: 1.5rem;
    color: var(--app-ink-500);
  }
  .form-readonly-column-style label,
  .form-readonly-column-style label + * {
    flex: 1;
  }
  .form-readonly-table-style {
    width: 100%;
    table-layout: fixed;
  }
  @layer prt-components {
    html .p-autocomplete.form-readonly-table-style .p-autocomplete-input-multiple {
      width: 100%;
    }
  }
  .form-readonly-table-style th {
    padding-top: 0.5rem;
    padding-bottom: 0.75rem;
    text-align: left;
    font-size: 15px;
    font-weight: 600;
    color: var(--app-ink-700);
  }
  .form-readonly-table-style td {
    font-family: var(--app-font-family-secondary);
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    font-size: 15px;
    color: var(--app-ink-500);
  }
  .card-listing {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
  .card-listing > div {
    display: flex;
    align-items: center;
  }
  .card-listing > div:not(:last-child) {
    border-bottom-width: 1px;
  }
  .card-listing label {
    display: block;
    font-weight: 600;
    color: var(--app-ink-700);
  }
  .card-listing label + span {
    font-family: var(--app-font-family-secondary);
    text-align: right;
    font-size: 1rem;
    line-height: 1.5rem;
    color: var(--app-ink-500);
  }
  .card-listing label,
  .card-listing label + span {
    flex: 1;
    padding-top: 1rem;
    padding-bottom: 1rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .vessel-call-details-list li {
    margin-right: -1.75rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 1.125rem;
    padding-bottom: 1.125rem;
    padding-right: 1.75rem;
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: 500;
  }
  .vessel-call-details-list li label {
    margin-top: 0px;
    margin-bottom: 0px;
    font-weight: 600;
    color: var(--app-ink-700);
  }
  .vessel-call-details-list li label + span {
    margin-top: 0px;
    margin-bottom: 0px;
    text-align: right;
  }
  .vessel-call-details-list li:not(:last-child) {
    border-bottom-width: 1px;
  }
  .no-bleed .vessel-call-details-list li {
    margin-right: 0px;
    padding-right: 0px;
  }
  .table-thumbnail {
    height: 21px;
    width: 21px;
    border-radius: 9999px;
    object-fit: cover;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.06), 0px 1px 3px rgba(0, 0, 0, 0.1);
  }
  .file-type {
    height: 1.125rem;
    width: 1.125rem;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(/assets/images/file.svg);
  }
  .file-type.file-type-xls,
  .file-type.file-type-xlsx {
    background-image: url(/assets/images/file-xls.svg);
  }
  .file-type.file-type-docx,
  .file-type.file-type-doc {
    background-image: url(/assets/images/file-doc.svg);
  }
  .file-type.file-type-pdf {
    background-image: url(/assets/images/file-pdf.svg);
  }
  .action-required {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 10px;
    border-width: 1px;
    border-color: var(--p-primary-300);
    background-color: var(--p-primary-100);
    padding: 1rem;
    padding-left: 1.75rem;
  }
  .action-required:is(.dark *) {
    background-color: var(--p-primary-900);
  }
  .action-required {
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
  }
  .action-required .message {
    display: flex;
    align-items: center;
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 500;
    color: var(--p-primary-800);
  }
  .action-required .message:is(.dark *) {
    color: var(--p-primary-200);
  }
  .action-required .message i.pi {
    color: var(--p-primary-500);
  }
  .action-required .sub-message {
    margin-top: 0.75rem;
    font-size: 0.875rem;
    line-height: 1.25rem;
    color: var(--p-primary-800);
  }
  .action-required .sub-message:is(.dark *) {
    color: var(--p-primary-200);
  }
  .action-required.alert {
    --tw-border-opacity: 1;
    border-color: rgb(252 165 165 / var(--tw-border-opacity, 1));
    --tw-bg-opacity: 1;
    background-color: rgb(254 226 226 / var(--tw-bg-opacity, 1));
  }
  .action-required.alert:is(.dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(185 28 28 / var(--tw-border-opacity, 1));
    background-color: rgb(127, 29, 29, 0.42);
  }
  .action-required.alert .message {
    --tw-text-opacity: 1;
    color: rgb(153 27 27 / var(--tw-text-opacity, 1));
  }
  .action-required.alert .message:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(254 226 226 / var(--tw-text-opacity, 1));
  }
  .action-required.alert .message i.pi {
    --tw-text-opacity: 1;
    color: rgb(220 38 38 / var(--tw-text-opacity, 1));
  }
  .action-required.alert .message i.pi:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(252 165 165 / var(--tw-text-opacity, 1));
  }
  .action-required.alert .sub-message {
    --tw-text-opacity: 1;
    color: rgb(153 27 27 / var(--tw-text-opacity, 1));
  }
  .action-required.alert .sub-message:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(254 202 202 / var(--tw-text-opacity, 1));
  }
  .action-required.warning {
    --tw-border-opacity: 1;
    border-color: rgb(252 211 77 / var(--tw-border-opacity, 1));
    --tw-bg-opacity: 1;
    background-color: rgb(254 243 199 / var(--tw-bg-opacity, 1));
  }
  .action-required.warning:is(.dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(180 83 9 / var(--tw-border-opacity, 1));
    background-color: rgb(120, 53, 15, 0.42);
  }
  .action-required.warning .message {
    --tw-text-opacity: 1;
    color: rgb(146 64 14 / var(--tw-text-opacity, 1));
  }
  .action-required.warning .message:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(254 243 199 / var(--tw-text-opacity, 1));
  }
  .action-required.warning .message i.pi {
    --tw-text-opacity: 1;
    color: rgb(217 119 6 / var(--tw-text-opacity, 1));
  }
  .action-required.warning .message i.pi:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(252 211 77 / var(--tw-text-opacity, 1));
  }
  .action-required.warning .sub-message {
    --tw-text-opacity: 1;
    color: rgb(146 64 14 / var(--tw-text-opacity, 1));
  }
  .action-required.warning .sub-message:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(253 230 138 / var(--tw-text-opacity, 1));
  }
  .prt-breadcrumbs {
    display: flex;
    flex-grow: 0;
    flex-wrap: wrap;
    align-items: center;
    align-self: center;
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 500;
    color: var(--app-ink-600);
    font-family: var(--app-font-family);
    letter-spacing: -0.039em;
  }
  .prt-breadcrumbs .crumb-back {
    display: inline-flex;
    align-items: center;
    color: var(--p-primary-500);
  }
  .prt-breadcrumbs .crumb-back .pi {
    display: none;
    font-size: 0.6em;
    margin-top: 1px;
  }
  .prt-breadcrumbs .crumb-chev {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
  }
  .prt-breadcrumbs .crumb-current {
    color: var(--app-ink-500);
  }
  .reset-pointer-events {
    pointer-events: auto !important;
  }
  .reset-pointer-events * {
    pointer-events: auto !important;
  }
  .card-section.purchase-order-header {
    background-image:
      linear-gradient(
        180deg,
        rgba(255, 255, 255, 0.995),
        rgba(249, 250, 250, 0.995)),
      url(/assets/images/checkeredPattern.png);
    background-size: 2rem;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    padding-left: 2.25rem;
    padding-right: 2.25rem;
    padding-top: 3.5rem;
    padding-bottom: 2.75rem;
    --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
    --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
    box-shadow:
      var(--tw-ring-offset-shadow, 0 0 #0000),
      var(--tw-ring-shadow, 0 0 #0000),
      var(--tw-shadow);
  }
  .dark .card-section.purchase-order-header {
    background-image:
      linear-gradient(
        180deg,
        rgba(5, 15, 37, 0.9960784314),
        rgba(28, 38, 57, 0.9960784314)),
      url(/assets/images/checkeredPattern.png);
  }
  .dashboard-grid {
    transition: all 1s;
    display: grid;
    gap: 1.5rem;
    grid-template-columns: repeat(1, 1fr);
  }
  .dashboard-widget {
    width: 100%;
    border-radius: 10px;
    border-width: 1px;
  }
  @layer prt-components {
    html .p-autocomplete.dashboard-widget .p-autocomplete-input-multiple {
      width: 100%;
    }
  }
  .dashboard-widget {
    background-color: var(--p-content-background);
    box-shadow: 1px 2px 6px rgba(0, 0, 0, 0.05);
  }
  .undo .pi-undo {
    --tw-rotate: -45deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  .redo .pi-refresh {
    --tw-rotate: 45deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  .textwrap-pretty {
    text-wrap: pretty;
  }
  .custom-menu .p-popover-content {
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
  }
  .scroll-margin-top {
    scroll-margin-top: 4rem;
  }
  @media only screen and (max-width: 991px) {
    .card {
      padding-left: 1rem;
      padding-right: 1rem;
    }
    .card .card-section {
      margin-left: -1rem;
      margin-right: -1rem;
      padding-left: 1rem;
      padding-right: 1rem;
    }
  }
  @media only screen and (max-width: 768px) {
    .form-readonly-column-style > div {
      display: flex;
      flex-direction: column;
    }
    .form-readonly-column-style label {
      font-size: 14px !important;
    }
    .form-readonly-column-style label + * {
      font-size: 14px !important;
      margin-top: 0;
    }
    .card {
      padding-left: 0.875rem;
      padding-right: 0.875rem;
    }
    .card .card-section {
      margin-left: -0.875rem;
      margin-right: -0.875rem;
      padding-left: 0.875rem;
      padding-right: 0.875rem;
    }
  }
  .applied-filters {
    margin-right: 0.25rem;
    margin-bottom: 0.25rem;
    display: flex;
    flex-grow: 1;
    flex-wrap: wrap;
    gap: 0.25rem;
  }
  .applied-filters .filter-label {
    color: var(--app-ink-500);
    font-size: 11px;
  }
  .applied-filters .p-chip {
    padding-right: 0.625rem;
  }
  .number-input-with-slider {
    border-radius: 10px;
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
  .number-input-with-slider .top-row {
    display: flex;
  }
  .number-input-with-slider .top-row .number-input-wrap,
  .number-input-with-slider .top-row p-select {
    position: relative;
  }
  .number-input-with-slider .top-row .number-input-wrap:focus-within,
  .number-input-with-slider .top-row p-select:focus-within {
    z-index: 2;
  }
  .number-input-with-slider .top-row .number-input-wrap:hover,
  .number-input-with-slider .top-row p-select:hover {
    z-index: 1;
  }
  .number-input-with-slider .top-row .number-input-wrap:only-child p-inputNumber .p-inputnumber-input {
    border-top-left-radius: 9px;
    border-top-right-radius: 9px;
  }
  .number-input-with-slider .top-row .p-inputnumber-input,
  .number-input-with-slider .top-row .p-select {
    border-radius: 0px;
  }
  .number-input-with-slider .top-row .p-inputnumber-input:not(.p-focus):not(:focus),
  .number-input-with-slider .top-row .p-select:not(.p-focus):not(:focus) {
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    box-shadow:
      var(--tw-ring-offset-shadow, 0 0 #0000),
      var(--tw-ring-shadow, 0 0 #0000),
      var(--tw-shadow);
  }
  .number-input-with-slider .top-row .p-component.p-disabled,
  .number-input-with-slider .top-row .p-component:disabled {
    background-color: var(--app-ink-100);
  }
  .number-input-with-slider .top-row .p-inputnumber-input {
    width: 100%;
    border-top-left-radius: 9px;
  }
  @layer prt-components {
    html .p-autocomplete.number-input-with-slider .top-row .p-inputnumber-input .p-autocomplete-input-multiple {
      width: 100%;
    }
  }
  .number-input-with-slider .top-row .p-select {
    margin-left: -1px;
    width: 100px;
    border-top-right-radius: 9px;
  }
  .number-input-with-slider .top-row .p-inputnumber-clearable .p-inputnumber-input {
    padding-right: 1rem;
  }
  .number-input-with-slider .bottom-row {
    position: relative;
    margin-top: -1px;
    border-radius: 10px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-width: 1px;
    border-color: var(--app-ink-300);
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    padding-top: 0.375rem;
    padding-bottom: 0.375rem;
  }
  .number-input-with-slider .bottom-row:is(.dark *) {
    border-color: var(--app-ink-200);
  }
  .number-input-with-slider .bottom-row:not(.disabled):hover,
  .number-input-with-slider .bottom-row:not(.disabled):focus-within {
    border-color: var(--p-primary-color);
  }
  .number-input-with-slider .bottom-row:not(.disabled):focus-within {
    z-index: 2;
  }
  .number-input-with-slider .bottom-row:not(.disabled):hover {
    z-index: 1;
  }
  .dropdown-second-row {
    margin-top: 0.25rem;
    font-size: 0.75rem;
    line-height: 1rem;
    font-weight: 500;
    color: var(--app-ink-400);
  }
  .p-autocomplete-list .p-autocomplete-option.p-autocomplete-option-selected .dropdown-second-row,
  .p-select-overlay .p-select-list .p-select-option.p-select-option-selected .dropdown-second-row {
    color: var(--app-ink-300);
  }
  .p-autocomplete-option p-skeleton {
    display: block;
    flex: 1 1 0;
  }
  .global-search-dialog {
    margin-top: 4vh;
    margin-bottom: 4vh;
    width: 485px;
    border-radius: 10px;
  }
  .global-search-dialog:is(.dark *) {
    background-color: var(--app-ink-50);
  }
  .global-search-dialog .p-dialog-content {
    background-image: var(--app-gradient-hero);
    background-repeat: no-repeat;
    background-position: left;
    background-size: 1920px 100%;
  }
  .global-search-dialog .p-dialog-content:is(.dark *) {
    background-color: var(--app-ink-50);
  }
  .global-search-dialog .p-dialog-content {
    min-height: 40vh;
    padding: 0px;
    display: flex;
  }
  .global-search-dialog prt-port-vessel-search-dialog {
    flex: 1;
  }
  html .global-search-results {
    flex: 1 1 auto;
    overflow: hidden;
  }
  html .port-vessel-search-results {
    padding-inline-end: 10px;
    display: flex;
    height: 100%;
    flex-direction: column;
    overflow: auto;
  }
  html .port-vessel-search-results .no-results {
    margin-top: 0.625rem;
    margin-bottom: 1.25rem;
    margin-left: 0.75rem;
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: 600;
    color: var(--app-ink-300);
  }
  html .search-results-group {
    margin-bottom: 0.5rem;
  }
  html .search-results-group .search-results-group-header {
    margin-top: 0.125rem;
    margin-bottom: 0.125rem;
    margin-left: 0.25rem;
    font-size: 0.75rem;
    font-weight: 500;
    line-height: 1.25rem;
    color: var(--p-primary-700);
  }
  html .search-results-group .search-results-group-header:is(.dark *) {
    color: var(--p-primary-500);
  }
  html .search-results-group-items {
    margin-top: 0.25rem;
    margin-bottom: 0.625rem;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
  }
  html .search-results-group-items .search-results-suggestion {
    box-shadow: 0px 1px 2px 0px hsla(0, 0%, 0%, 0.06);
    --tw-bg-opacity: 1;
    background-color: rgb(253 253 253 / var(--tw-bg-opacity, 1));
  }
  html .search-results-group-items .search-results-suggestion:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(27 36 53 / var(--tw-bg-opacity, 1));
  }
  html .search-results-group-items .search-results-suggestion {
    display: flex;
    height: 50px;
    width: 100%;
    cursor: pointer;
    justify-content: space-between;
    border-radius: var(--p-border-radius-md);
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(226 229 231 / var(--tw-border-opacity, 1));
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
  @layer prt-components {
    html html.p-autocomplete .search-results-group-items .search-results-suggestion .p-autocomplete-input-multiple {
      width: 100%;
    }
  }
  html .search-results-group-items .search-results-suggestion:is(.dark *) {
    border-color: var(--app-ink-100);
  }
  html .search-results-group-items .search-results-suggestion:hover:not(.focused) {
    border-color: var(--app-ink-300);
    background-color: var(--app-ink-200);
  }
  html .search-results-group-items .search-results-suggestion:hover:not(.focused):is(.dark *) {
    background-color: var(--app-ink-100);
  }
  html .search-results-group-items .search-results-suggestion.focused {
    border-color: var(--p-primary-600);
    background-color: var(--p-primary-500);
  }
  html .search-results-group-items .search-results-suggestion.focused:is(.dark *) {
    border-color: var(--p-primary-700);
    background-color: var(--p-primary-800);
  }
  html .search-results-group-items .search-results-suggestion.focused .search-results-suggestion-content {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  }
  html .search-results-group-items .search-results-suggestion.focused .search-results-suggestion-content .search-results-suggestion-text {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  }
  html .search-results-group-items .search-results-suggestion.focused .search-results-suggestion-content .search-results-suggestion-text .search-results-suggestion-sub-label {
    color: var(--app-ink-200);
  }
  html .search-results-group-items .search-results-suggestion.focused .search-results-suggestion-type {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  }
  html .search-results-group-items .search-results-suggestion .search-results-suggestion-content {
    display: flex;
    align-items: center;
    gap: 0.5rem;
  }
  html .search-results-group-items .search-results-suggestion .search-results-suggestion-content .search-results-suggestion-icon img {
    margin-top: -2px;
    margin-right: 0.625rem;
    display: inline;
    height: 1.5rem;
    width: 1.5rem;
  }
  html .search-results-group-items .search-results-suggestion .search-results-suggestion-content .search-results-suggestion-text {
    padding-top: 0.125rem;
    font-size: 15px;
    line-height: 1.25rem;
    color: var(--app-ink-700);
  }
  html .search-results-group-items .search-results-suggestion .search-results-suggestion-content .search-results-suggestion-text .search-results-suggestion-sub-label {
    padding-top: 1px;
    padding-bottom: 1px;
    font-size: 0.75rem;
    line-height: 1rem;
    color: var(--app-ink-400);
  }
  html .search-results-group-items .search-results-suggestion .search-results-suggestion-type {
    margin-left: auto;
    align-self: center;
    font-size: 0.75rem;
    line-height: 1rem;
    color: var(--app-ink-500);
  }
  .search-kbd {
    border: 1px solid rgba(74, 85, 104, 0.4);
    background-color: var(--app-ink-200);
    color: var(--app-ink-500);
    --tw-shadow: 0px 2px 0px 0px #98a3af;
    --tw-shadow-colored: 0px 2px 0px 0px var(--tw-shadow-color);
    box-shadow:
      var(--tw-ring-offset-shadow, 0 0 #0000),
      var(--tw-ring-shadow, 0 0 #0000),
      var(--tw-shadow);
  }
  .search-kbd:is(.dark *) {
    border-color: var(--app-ink-200);
    background-color: var(--app-ink-50);
    --tw-shadow-color: color-mix(in srgb, var(--p-surface-100) calc(100% * 1), transparent);
    --tw-shadow: var(--tw-shadow-colored);
  }
  .search-kbd {
    opacity: 1;
    border-radius: 6px;
    padding: 1px 6px;
    font-family: var(--app-font-family);
    font-weight: 500;
    font-size: 10px;
    line-height: 18px;
  }
  .search-wrap {
    position: relative;
    display: flex;
    align-items: center;
  }
  .search-wrap .pi {
    color: var(--app-ink-700);
  }
  .search-wrap .left-icon {
    position: absolute;
    left: 0.5rem;
    z-index: 1;
  }
  .search-wrap .right-icon {
    position: absolute;
    right: 0.5rem;
    z-index: 1;
    color: var(--app-ink-500);
  }
  .search-wrap input {
    background-color: var(--app-ink-200);
    padding-left: 2rem;
    padding-right: 2rem;
    padding-top: 0.375rem;
    padding-bottom: 0.375rem;
  }
  .reports-list prt-tri-state-checkbox-with-fallback {
    min-width: 100px;
  }
  ::-webkit-scrollbar {
    width: 8px;
    height: 8px;
    background: transparent;
  }
  ::-webkit-scrollbar-thumb {
    background: #949494;
    border-radius: 6px;
  }
  ::-webkit-scrollbar-track {
    background: transparent;
  }
  @supports not selector(::-webkit-scrollbar) {
    html {
      scrollbar-width: thin;
      scrollbar-color: #949494 transparent;
    }
  }
  .mot-air {
    border-color: var(--p-primary-300);
    background-color: var(--p-primary-100);
    color: var(--p-primary-800);
  }
  .mot-air:is(.dark *) {
    border-color: var(--p-primary-700);
    background-color: var(--p-primary-900);
    color: var(--p-primary-100);
  }
  .mot-courier {
    --tw-border-opacity: 1;
    border-color: rgb(216 180 254 / var(--tw-border-opacity, 1));
    --tw-bg-opacity: 1;
    background-color: rgb(243 232 255 / var(--tw-bg-opacity, 1));
    --tw-text-opacity: 1;
    color: rgb(107 33 168 / var(--tw-text-opacity, 1));
  }
  .mot-courier:is(.dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(126 34 206 / var(--tw-border-opacity, 1));
    --tw-bg-opacity: 1;
    background-color: rgb(88 28 135 / var(--tw-bg-opacity, 1));
    --tw-text-opacity: 1;
    color: rgb(243 232 255 / var(--tw-text-opacity, 1));
  }
  .mot-road,
  .mot-land {
    --tw-border-opacity: 1;
    border-color: rgb(252 211 77 / var(--tw-border-opacity, 1));
    --tw-bg-opacity: 1;
    background-color: rgb(254 243 199 / var(--tw-bg-opacity, 1));
    --tw-text-opacity: 1;
    color: rgb(146 64 14 / var(--tw-text-opacity, 1));
  }
  .mot-road:is(.dark *),
  .mot-land:is(.dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(180 83 9 / var(--tw-border-opacity, 1));
    --tw-bg-opacity: 1;
    background-color: rgb(120 53 15 / var(--tw-bg-opacity, 1));
    --tw-text-opacity: 1;
    color: rgb(254 243 199 / var(--tw-text-opacity, 1));
  }
  .mot-sea {
    --tw-border-opacity: 1;
    border-color: rgb(94 234 212 / var(--tw-border-opacity, 1));
    --tw-bg-opacity: 1;
    background-color: rgb(204 251 241 / var(--tw-bg-opacity, 1));
    --tw-text-opacity: 1;
    color: rgb(17 94 89 / var(--tw-text-opacity, 1));
  }
  .mot-sea:is(.dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(15 118 110 / var(--tw-border-opacity, 1));
    --tw-bg-opacity: 1;
    background-color: rgb(19 78 74 / var(--tw-bg-opacity, 1));
    --tw-text-opacity: 1;
    color: rgb(204 251 241 / var(--tw-text-opacity, 1));
  }
  .mot-others {
    --tw-border-opacity: 1;
    border-color: color-mix(in srgb, var(--p-surface-300) calc(100% * var(--tw-border-opacity, 1)), transparent);
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--p-surface-100) calc(100% * var(--tw-bg-opacity, 1)), transparent);
    color: var(--app-ink-800);
  }
  .mot-others:is(.dark *) {
    --tw-border-opacity: 1;
    border-color: color-mix(in srgb, var(--p-surface-500) calc(100% * var(--tw-border-opacity, 1)), transparent);
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--p-surface-700) calc(100% * var(--tw-bg-opacity, 1)), transparent);
    color: var(--app-ink-100);
  }
  .numbered-form .form-sections > *:last-child .form-section-header:after {
    content: none;
  }
  .numbered-form .form-section-header {
    font-family: var(--app-font-family);
    letter-spacing: -0.039em;
    margin-bottom: 1.25rem;
    display: flex;
    align-items: center;
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: 700;
  }
  .numbered-form .form-section-header:after {
    content: "";
    position: absolute;
    top: 2.75rem;
    height: 100%;
    border-left: 2px solid var(--app-section-connector);
    left: calc((44px + 4px) / 2);
  }
  .numbered-form .form-section-header .section-number {
    position: relative;
    z-index: 10;
    box-sizing: content-box;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 9999px;
    border-width: 2px;
    font-size: 22px;
    font-weight: 700;
    border-color: var(--app-ink-600);
    color: var(--app-ink-600);
    background: var(--p-content-background);
    width: 44px;
    height: 44px;
    margin-right: 32px;
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.08);
  }
  .numbered-form .form-section-header.completed .section-number {
    overflow: hidden;
    border-color: var(--p-primary-500);
    background-color: var(--p-primary-500);
    color: var(--app-ink-0);
  }
  .numbered-form .form-section-header.completed .section-number:after {
    font-family: "primeicons", sans-serif;
    content: "\e909";
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--p-primary-500);
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
  .numbered-form .form-section {
    margin-left: calc(44px + 32px + 4px);
  }
  .numbered-form .footer {
    padding-left: calc(44px + 32px + 4px);
  }
  .numbered-form .form-section-grid {
    display: grid;
    grid-template-columns: repeat(8, minmax(0, 1fr));
    gap: 1.75rem;
  }
  .numbered-form .form-section-input-group {
    grid-column: span 4 / span 4;
  }
  @media (min-width: 640px) {
    .numbered-form .form-section-input-group {
      grid-column: span 4 / span 4;
    }
  }
  .numbered-form .form-section-input-group label {
    font-size: 15px;
    font-family: var(--app-font-family);
    letter-spacing: -0.039em;
  }
  @media only screen and (max-width: 768px) {
    .numbered-form .form-section-grid {
      display: inherit;
    }
    .numbered-form .form-section-input-group {
      grid-column: inherit;
      display: block;
      margin-top: 10px;
    }
    .numbered-form .form-section {
      margin-left: 45px;
    }
    .section-number + div {
      font-size: 16px;
    }
    .numbered-form .footer {
      padding-left: 0;
      display: flex;
    }
    .numbered-form .footer button {
      font-size: 12px;
      padding: 2px 8px;
    }
    .numbered-form .form-section-header .section-number {
      width: 30px;
      height: 30px;
      font-size: 16px;
      margin-right: 12px;
    }
    .numbered-form .form-section-header:after {
      left: 17px;
    }
  }
  html .p-dataview .override-data-view-header-quotations .pi-th-large::before {
    content: "\e949";
  }
  html .p-dataview .p-dataview-header {
    background: none;
  }
  html .timeline-left-align .p-timeline-event-opposite {
    flex: 0;
  }
  html .p-menu-item-link-lg .p-menu-item-link {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
  html .p-breadcrumb {
    --p-breadcrumb-gap: 0;
    --p-breadcrumb-item-gap: 0;
  }
  html .p-breadcrumb .p-breadcrumb-list li .p-breadcrumb-item-link {
    padding: 0.5rem 0.25rem;
    display: flex;
    align-items: center;
    font-weight: 500;
    font-size: 1rem;
    color: var(--p-primary-color);
  }
  html .p-breadcrumb .p-breadcrumb-list li .p-breadcrumb-item-link .p-breadcrumb-item-label {
    color: var(--p-primary-color);
  }
  html .p-breadcrumb .p-breadcrumb-list li .p-breadcrumb-item-link:hover .p-breadcrumb-item-label {
    color: var(--p-primary-color);
  }
  html .p-breadcrumb .p-breadcrumb-list li:last-child .p-breadcrumb-item-link,
  html .p-breadcrumb .p-breadcrumb-list li:last-child .p-breadcrumb-item-link .p-breadcrumb-item-label,
  html .p-breadcrumb .p-breadcrumb-list li:last-child .p-breadcrumb-item-label {
    color: #94a3b8;
  }
  html .p-breadcrumb .p-breadcrumb-list li .p-breadcrumb-item-link .p-breadcrumb-item-icon {
    color: var(--p-primary-color);
    font-size: 1rem;
    font-weight: 500;
    padding-right: 12px;
    line-height: 1;
    margin-top: 1px;
  }
  html .p-breadcrumb .p-breadcrumb-list li.p-breadcrumb-separator {
    margin: 0 0.25rem;
    font-weight: 500;
    font-size: 1rem;
    font-family: var(--app-font-family);
  }
  html .p-toast-message-icon {
    line-height: 22px;
  }
  html .prt-tabpanels-p-0 .p-tabpanels {
    padding: 0px;
  }
  html .card-tabview .p-tablist {
    border-bottom: 1px solid var(--p-content-border-color);
  }
  html .card-tabview .p-tablist .p-tab {
    margin: 0px;
    padding-top: 1.75rem;
    font-size: 1rem;
    line-height: 1.5rem;
    line-height: 1;
    border-bottom-width: 3px;
  }
  html .shorter-tables .p-datatable-thead > tr > th {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }
  html .shorter-tables .p-datatable .p-datatable-tbody > tr > td {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
  html .shorter-tables .p-datatable .p-paginator {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
    font-size: 13px;
  }
  html .p-datatable-thead > tr > th {
    border-top-width: 1px;
    border-bottom-width: 1px;
  }
  html .p-datatable-thead > tr > th:first-child {
    border-left-width: 1px;
    border-radius: 10px 0 0 10px;
  }
  html .p-datatable-thead > tr > th:last-child {
    border-right-width: 1px;
    border-radius: 0 10px 10px 0;
  }
  html .borderless-table .p-datatable-thead > tr > th {
    background: var(--p-surface-0);
    border-left-width: 0px;
    border-right-width: 0px;
    border-top-width: 0px;
    border-radius: 0;
  }
  html .gray-header-table:not(:has(.table-header-filters)) .p-datatable-thead > tr > th {
    background: var(--p-surface-0);
    border-left-width: 0px;
    border-right-width: 0px;
    border-top-width: 0px;
    border-radius: 0;
  }
  html .dashboard-table .p-datatable-header {
    border-style: none;
    background: var(--p-surface-0);
  }
  html .dashboard-table .p-datatable-thead > tr > th {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    font-size: 0.75rem;
    line-height: 1rem;
    color: var(--app-ink-400);
    background: var(--p-surface-0);
    border-left-width: 0px;
    border-right-width: 0px;
    border-top-width: 0px;
    border-radius: 0;
  }
  html .dashboard-table .p-datatable-tbody > tr > td {
    padding-top: 17px;
    padding-bottom: 18px;
  }
  html .p-paginator .p-paginator-page,
  html .p-paginator .p-paginator-first,
  html .p-paginator .p-paginator-prev,
  html .p-paginator .p-paginator-next,
  html .p-paginator .p-paginator-last {
    border-radius: var(--p-border-radius-md);
  }
  html .da-tab-separator {
    position: relative;
    overflow: visible;
  }
  html .da-tab-separator::before {
    content: "";
    position: absolute;
    left: -0.75rem;
    bottom: 0.55rem;
    height: 0.95rem;
    border-left: 1px solid var(--p-content-border-color);
  }
  html .card-tabview .p-tablist .p-tab.da-tab-separator {
    margin-left: 1.5rem;
  }
  html .chip-form-readonly {
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: color-mix(in srgb, var(--p-surface-200) calc(100% * var(--tw-border-opacity, 1)), transparent);
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--p-surface-50) calc(100% * var(--tw-bg-opacity, 1)), transparent);
    color: var(--app-ink-700);
  }
  html .p-fileupload .p-button {
    font-size: 0.875rem;
    line-height: 1.25rem;
    padding-top: 0.375rem;
    padding-bottom: 0.375rem;
  }
  html .p-fileupload .p-fileupload-row > div {
    padding: 0.25rem;
  }
  html .p-fileupload .p-fileupload-row > div:not(:nth-child(2)) {
    width: auto;
    flex: 0 0 auto;
  }
  html .p-fileupload .p-fileupload-row > div > img {
    margin-right: 0.25rem;
  }
  html .p-fileupload .p-fileupload-row > div:nth-child(2) {
    overflow-wrap: break-word;
  }
  html .p-badge {
    border-radius: 9999px;
  }
  html .table-border-bottom-none .p-datatable-tbody > tr:last-child > td {
    border-bottom-width: 0;
  }
  html .no-x-padding .p-datatable-table-container > table th:first-child,
  html .no-x-padding .p-datatable-table-container > table td:first-child {
    padding-left: 0;
  }
  html .no-x-padding .p-datatable-table-container > table th:last-child,
  html .no-x-padding .p-datatable-table-container > table td:last-child {
    padding-right: 0;
  }
  html .p-datatable .p-datatable-tbody > tr.dirty {
    background-color: var(--p-primary-100);
  }
  html .p-datatable .p-datatable-tbody > tr.dirty:is(.dark *) {
    background-color: var(--p-primary-900);
  }
  html .gray-header-table .p-datatable .p-datatable-thead > tr > th {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    font-size: 0.75rem;
    line-height: 1rem;
    font-weight: 500;
    color: var(--app-ink-400);
  }
  html .da-table .p-datatable .p-datatable-tbody > tr > td {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    font-size: 13px;
    height: 3.125rem;
    word-break: normal;
  }
  html .da-table .p-badge {
    height: 1.25rem;
    font-weight: 500;
    line-height: 1.25rem;
  }
  html .po-table .p-datatable .p-datatable-tbody > tr > td {
    font-weight: 500;
  }
  html .borderless-table .p-datatable .p-datatable-thead > tr > th {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: 500;
    color: var(--app-ink-400);
  }
  html .borderless-table .p-datatable .p-datatable-thead > tr > th,
  html .borderless-table .p-datatable .p-datatable-tbody > tr > td {
    padding-left: 0px;
    padding-right: 0.5rem;
  }
  html .borderless-table .p-datatable .p-datatable-thead > tr > th:last-child,
  html .borderless-table .p-datatable .p-datatable-tbody > tr > td:last-child {
    padding-right: 0px;
  }
  html .borderless-table .p-datatable .p-datatable-tbody > tr > td {
    padding-top: 14px;
    padding-bottom: 14px;
    border-width: 0px;
  }
  html .users-table .p-datatable-thead > tr > th {
    position: sticky;
    top: 0px;
    background-color: var(--app-ink-100);
  }
  html .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-tabmenu-item-link {
    box-shadow: none;
    font-family: var(--app-font-family);
    letter-spacing: -0.039em;
    transition: border-color 0.2s, box-shadow 0.2s;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    padding: 24px 18px;
  }
  html .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-tabmenuitem-active) .p-tabmenu-item-link:not(.p-disabled):focus {
    border-color: var(--p-surface-300);
  }
  html .p-tabs .p-tablist {
    border-bottom: 1px solid var(--app-ink-200);
  }
  html .p-tabs .p-tablist .p-tab {
    box-shadow: none;
    font-family: var(--app-font-family);
    letter-spacing: -0.039em;
    transition:
      color 0.2s,
      border-color 0.2s,
      box-shadow 0.2s;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
  html .p-tabs .p-tablist .p-tab:not(.p-tab-active):not(.p-disabled):hover {
    color: var(--app-ink-800);
    border-bottom-color: var(--app-ink-300);
  }
  html .p-tabs .p-tablist .p-tab:not(.p-tab-active):not(.p-disabled):focus {
    border-color: var(--p-surface-300);
  }
  html .p-menu-item-link-lg.p-tabs .p-tablist .p-tab {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
  html p-chip .gradient-chip {
    border-radius: 9999px;
    border-width: 1px;
    border-color: var(--app-ink-300);
    background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
    --tw-gradient-from: var(--app-ink-0) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
    color: var(--app-ink-600);
    --tw-gradient-to: #e5e5e5;
  }
  html.dark p-chip .gradient-chip {
    --tw-gradient-to: #3a3a3a;
  }
  html p-chip .pi-chip-remove-icon.pi-times-circle {
    font-size: 0.8em;
    padding: 3px;
  }
  html p-chip .pi-chip-remove-icon.pi-times-circle:before {
    content: "\e90b";
  }
  html.dark .p-button.p-button-secondary:not(.p-dialog-close-button) .p-button-icon {
    color: #b2b3b9;
  }
  html .progress-bar .p-progressbar {
    height: 4px;
    min-width: 20px;
    border-radius: 9999px;
  }
  html .progress-bar .p-progressbar .p-progressbar-value {
    border-radius: 9999px;
    --tw-bg-opacity: 1;
    background-color: rgb(79 209 197 / var(--tw-bg-opacity, 1));
  }
  html .p-dialog {
    overflow: hidden;
  }
  html .p-dialog-header {
    background: var(--p-surface-50);
    border-bottom: 1px solid var(--p-content-border-color);
  }
  html .p-dialog-close-button:not(:disabled):hover {
    background: var(--p-surface-200);
  }
  html .p-dialog-close-button {
    width: 2rem;
    height: 2rem;
    padding: 0;
    margin-inline-end: 0.5rem;
  }
  html.dark .p-dialog-close-button {
    color: #64748b;
  }
  html.dark .p-dialog-close-button .p-button-icon {
    color: #64748b;
  }
  html.dark .p-dialog-close-button:not(:disabled):hover {
    background: var(--p-surface-300);
  }
  html .smaller-dialog.p-dialog .p-dialog-header,
  html .smaller-dialog.p-dialog .p-dialog-footer {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  html .p-accordionheader:focus:not(:focus-visible) {
    outline: none;
    outline-offset: auto;
    box-shadow: none;
  }
  html .table-loading-row > td {
    padding: var(--p-datatable-body-cell-padding);
    border-bottom: 1px solid var(--p-datatable-body-cell-border-color);
  }
  html .hide-first-skeleton-column .table-loading-row td:first-child > * {
    visibility: hidden;
  }
  html .hide-first-skeleton-column .table-loading-row td:last-child {
    padding-right: 2rem;
  }
  @media only screen and (max-width: 991px) {
    html .p-datatable .p-datatable-tbody > tr > td {
      white-space: nowrap;
    }
    html .p-datatable .p-datatable-thead > tr > th {
      white-space: nowrap;
    }
  }
  @media only screen and (max-width: 768px) {
    html .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-tabmenu-item-link {
      padding: 12px 8px;
      font-size: 14px;
    }
    html .p-tabs .p-tablist {
      padding-left: 0.875rem;
      padding-right: 0.875rem;
    }
    html .p-tabs .p-tablist .p-tab {
      padding: 18px 8px;
      font-size: 14px;
    }
    html .p-tabs .p-tabpanels {
      padding-left: 0.875rem;
      padding-right: 0.875rem;
    }
  }
  html .p-popover.tooltip-panel {
    background: #1e293b;
    color: #ffffff;
    padding: 0.5rem 0.5rem;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1);
    border-radius: var(--p-border-radius-md);
  }
  html .p-popover.tooltip-panel .p-popover-content {
    padding: 0px;
  }
  html .p-popover.overlay-panel-full-width {
    right: 0px;
    width: 90%;
    left: 0px;
    max-width: 1100px;
    margin: auto;
  }
  html .p-popover.overlay-panel-common {
    border-width: 1px;
    border-style: solid;
    border-color: var(--app-ink-200);
  }
  html .p-popover.remarks-panel {
    max-height: calc(100vh - 6rem);
    overflow: auto;
  }
  html .prt-sidebar.p-drawer {
    width: 52rem;
  }
  html .prt-sidebar.p-drawer.p-drawer-right {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    padding-right: 0.5rem;
  }
  html .prt-sidebar.p-drawer.p-drawer-right .p-drawer-content {
    overflow-y: scroll;
    margin-top: 0.25rem;
  }
  html .prt-sidebar.p-drawer.xl {
    width: 64rem;
    max-width: 100%;
  }
  html .prt-sidebar.p-drawer .p-drawer-header .p-drawer-close-button {
    background: var(--p-surface-0);
  }
  @media screen and (max-width: 52em) {
    html .prt-sidebar.p-drawer {
      width: 100%;
    }
  }
  html .p-tab.tabview-nav-link-py-0 {
    height: 100%;
    padding-top: 0px;
    padding-bottom: 0px;
  }
  html .reset-pointer-events .p-toggleswitch-slider {
    cursor: pointer;
  }
  html .p-confirmdialog .p-dialog-content {
    padding-top: 1rem;
    padding-bottom: 1rem;
    padding-right: 30px;
  }
  html .p-confirmdialog .p-dialog-header,
  html .p-confirmdialog .p-dialog-footer {
    padding-top: 1rem;
    padding-bottom: 1rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  html p-dynamicdialog .p-dialog-mask {
    top: 0px;
    bottom: 0px;
    height: auto;
    padding-top: 64px;
    padding-left: 14px;
    padding-right: 14px;
    background: rgba(0, 0, 0, 0.25);
  }
  html.dark p-dynamicdialog .p-dialog-mask {
    background-color: rgba(0, 0, 0, 0.7);
  }
  html .p-datatable-mask {
    background: rgba(0, 0, 0, 0.05);
  }
  html.dark .p-datatable-mask {
    background: rgba(0, 0, 0, 0.25);
  }
  html .p-icon {
    display: inline-block;
  }
  html .p-toast .p-toast-message .p-toast-message-text {
    align-self: center;
  }
  html .p-toast .p-toast-message .p-toast-message-text .p-toast-detail:empty {
    margin: 0;
  }
  html .p-toast .p-toast-message-content {
    align-items: center;
  }
  html .p-toast-message-info .p-toast-close-button,
  html .p-toast-message-info .p-toast-close-icon,
  html .p-toast-message-success .p-toast-close-button,
  html .p-toast-message-success .p-toast-close-icon,
  html .p-toast-message-error .p-toast-close-button,
  html .p-toast-message-error .p-toast-close-icon {
    color: #fff;
  }
  html .p-toast-message-warn .p-toast-close-button,
  html .p-toast-message-warn .p-toast-close-icon {
    color: #1e293b;
  }
  html .p-toast-message-info .p-toast-close-button:hover,
  html .p-toast-message-success .p-toast-close-button:hover,
  html .p-toast-message-warn .p-toast-close-button:hover,
  html .p-toast-message-error .p-toast-close-button:hover {
    background: rgba(0, 0, 0, 0.12);
  }
  html .p-blockui-mask {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  html .p-drawer .p-drawer-header {
    padding-top: 0;
    padding-right: 0px;
  }
  html .p-drawer .p-drawer-header + .p-drawer-content {
    padding-right: 0px;
  }
  html .p-drawer-header {
    position: absolute;
    right: 1.6rem;
    z-index: 1;
    top: 1.6rem;
    padding: 0px;
  }
  html .p-selectbutton {
    flex-wrap: wrap;
  }
  html .p-confirmpopup.custom-confirm .p-confirmpopup-content {
    padding-bottom: 0.5rem;
  }
  html .p-confirmpopup.custom-confirm .p-confirmpopup-footer {
    padding-bottom: 1rem;
  }
  html p-slider .p-slider.p-slider-horizontal {
    background: transparent;
    height: 1rem;
    cursor: pointer;
  }
  html p-slider .p-slider.p-slider-horizontal:before {
    position: absolute;
    width: 100%;
    background: var(--p-surface-300);
    border: 0 none;
    border-radius: var(--p-border-radius-md);
    height: 0.286rem;
    content: "";
    top: 50%;
    transform: translateY(-50%);
  }
  html p-slider .p-slider.p-slider-horizontal .p-slider-range {
    border-radius: var(--p-border-radius-md);
    height: 0.286rem;
    background-color: transparent;
    top: 50%;
    transform: translateY(-50%);
  }
  html p-slider .p-slider.p-slider-horizontal .p-slider-handle {
    box-shadow: unset;
    height: 1rem;
    width: 1rem;
    margin-top: -0.5rem;
    margin-left: -0.5rem;
  }
  html p-slider .p-slider.p-slider-horizontal .p-slider-handle:focus {
    outline-style: solid;
    outline-color: var(--p-primary-color);
    outline-offset: 1px;
    outline-width: 1px;
  }
  html p-slider .p-slider.p-slider-horizontal .p-slider-handle:hover {
    background-color: var(--p-primary-300);
  }
  html p-slider .p-slider.p-slider-horizontal.p-disabled {
    opacity: 0.6;
  }
  html p-slider .p-slider.p-slider-horizontal.p-disabled .p-slider-handle {
    border-color: var(--p-surface-300);
  }
  html p-slider.has-data .p-slider.p-slider-horizontal .p-slider-handle {
    background-color: var(--p-primary-color);
    border: none;
  }
  html p-slider.has-data .p-slider.p-slider-horizontal .p-slider-handle:hover {
    background-color: var(--p-primary-600);
  }
  html .p-button.p-component,
  html .p-selectbutton.p-component {
    font-size: 1rem;
    line-height: 1.5rem;
  }
  html .p-button.p-component:not(.p-button-text),
  html .p-selectbutton.p-component:not(.p-button-text) {
    box-shadow: 0px 1px 0px rgba(27, 31, 35, 0.04);
  }
  html .p-button.p-component:enabled:focus,
  html .p-button.p-component:not(.p-disabled):focus,
  html .p-selectbutton.p-component:enabled:focus,
  html .p-selectbutton.p-component:not(.p-disabled):focus {
    border-color: var(--p-focus-ring-color);
    box-shadow: 0px 0px 0px 1px var(--p-primary-color);
    z-index: 1;
  }
  html .p-button.p-component.p-button-sm,
  html .p-selectbutton.p-component.p-button-sm {
    font-size: 0.875rem;
    line-height: 1rem;
    padding-left: 9px;
    padding-right: 9px;
  }
  html .p-panel-header-icon.p-button {
    width: 2rem;
    height: 2rem;
    padding: 0;
  }
  html .p-selectbutton.p-component .p-button-label {
    font-size: 0.875rem;
    line-height: 1rem;
    padding-left: 9px;
    padding-right: 9px;
  }
  html .p-button.p-button-secondary .p-button-icon {
    color: var(--p-ink-500);
  }
  html .p-button .p-button-icon.pi-plus,
  html .p-button.p-button-sm .p-button-icon.pi-plus {
    font-size: 0.65em;
    line-height: 0.875rem;
  }
  html .p-button.p-button-sm .p-button-icon-left {
    padding-left: 4px;
  }
  html .p-button-text {
    border: 0;
  }
  html.dark .p-button-outlined.p-button-plain,
  html.dark .p-button-text.p-button-plain {
    color: var(--p-surface-700);
  }
  html.dark .p-button-outlined.p-button-plain .p-button-icon,
  html.dark .p-button-outlined.p-button-plain .p-button-label,
  html.dark .p-button-text.p-button-plain .p-button-icon,
  html.dark .p-button-text.p-button-plain .p-button-label {
    color: inherit;
  }
  html .p-button-ternary {
    background-color: var(--p-primary-50);
    border: 1px solid var(--p-primary-200);
    color: var(--p-primary-700);
    font-weight: 550;
  }
  html .p-button-ternary:enabled:hover {
    background-color: var(--p-primary-100);
    border: 1px solid var(--p-primary-400);
    color: var(--p-primary-800);
  }
  html .p-button-ternary:enabled.active {
    border-color: var(--p-focus-ring-color);
    box-shadow: 0px 0px 0px 1px var(--p-primary-color);
  }
  html.dark .p-button-ternary {
    background-color: var(--p-surface-0);
    border-color: var(--p-surface-400);
    color: var(--p-primary-300);
  }
  html.dark .p-button-ternary:enabled:hover {
    background-color: var(--p-surface-50);
    border-color: var(--p-surface-500);
    color: var(--p-primary-200);
  }
  html p-checkbox:hover .p-checkbox.p-checkbox-danger:not(.p-checkbox-disabled) .p-checkbox-box {
    border-color: #f56565;
  }
  html p-checkbox:hover .p-checkbox.p-checkbox-warn:not(.p-checkbox-disabled) .p-checkbox-box {
    border-color: #ed8836;
  }
  html p-checkbox:hover .p-checkbox.p-checkbox-indigo:not(.p-checkbox-disabled) .p-checkbox-box {
    border-color: #6366f1;
  }
  html p-checkbox:hover .p-checkbox.p-checkbox-lime:not(.p-checkbox-disabled) .p-checkbox-box {
    border-color: #84cc16;
  }
  html p-checkbox:hover .p-checkbox.p-checkbox-green:not(.p-checkbox-disabled) .p-checkbox-box {
    border-color: #10b981;
  }
  html p-checkbox:hover .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box {
    border-color: var(--p-form-field-hover-border-color);
  }
  html .p-checkbox.p-checkbox-danger.p-checkbox-checked .p-checkbox-box {
    border-color: #f56565;
    background: #f56565;
  }
  html .p-checkbox.p-checkbox-danger:not(.p-checkbox-disabled) .p-checkbox-box:hover {
    border-color: #f56565;
  }
  html .p-checkbox.p-checkbox-danger:not(.p-checkbox-disabled) .p-checkbox-box.p-focus {
    border-color: #f56565;
  }
  html .p-checkbox.p-checkbox-danger.p-checkbox-checked:not(.p-checkbox-disabled) .p-checkbox-box:hover {
    border-color: #f56565;
    background: #f56565;
    color: #f56565;
  }
  html .p-checkbox.p-checkbox-warn.p-checkbox-checked .p-checkbox-box {
    border-color: #ed8836;
    background: #ed8836;
  }
  html .p-checkbox.p-checkbox-warn:not(.p-checkbox-disabled) .p-checkbox-box:hover {
    border-color: #ed8836;
  }
  html .p-checkbox.p-checkbox-warn:not(.p-checkbox-disabled) .p-checkbox-box.p-focus {
    border-color: #ed8836;
  }
  html .p-checkbox.p-checkbox-warn.p-checkbox-checked:not(.p-checkbox-disabled) .p-checkbox-box:hover {
    border-color: #ed8836;
    background: #ed8836;
    color: #ed8836;
  }
  html .p-checkbox.p-checkbox-indigo.p-checkbox-checked .p-checkbox-box {
    border-color: #6366f1;
    background: #6366f1;
  }
  html .p-checkbox.p-checkbox-indigo:not(.p-checkbox-disabled) .p-checkbox-box:hover {
    border-color: #6366f1;
  }
  html .p-checkbox.p-checkbox-indigo:not(.p-checkbox-disabled) .p-checkbox-box.p-focus {
    border-color: #6366f1;
  }
  html .p-checkbox.p-checkbox-indigo.p-checkbox-checked:not(.p-checkbox-disabled) .p-checkbox-box:hover {
    border-color: #6366f1;
    background: #6366f1;
    color: #6366f1;
  }
  html .p-checkbox.p-checkbox-lime.p-checkbox-checked .p-checkbox-box {
    border-color: #84cc16;
    background: #84cc16;
  }
  html .p-checkbox.p-checkbox-lime:not(.p-checkbox-disabled) .p-checkbox-box:hover {
    border-color: #84cc16;
  }
  html .p-checkbox.p-checkbox-lime:not(.p-checkbox-disabled) .p-checkbox-box.p-focus {
    border-color: #84cc16;
  }
  html .p-checkbox.p-checkbox-lime.p-checkbox-checked:not(.p-checkbox-disabled) .p-checkbox-box:hover {
    border-color: #84cc16;
    background: #84cc16;
    color: #84cc16;
  }
  html .p-checkbox.p-checkbox-green.p-checkbox-checked .p-checkbox-box {
    border-color: #10b981;
    background: #10b981;
  }
  html .p-checkbox.p-checkbox-green:not(.p-checkbox-disabled) .p-checkbox-box:hover {
    border-color: #10b981;
  }
  html .p-checkbox.p-checkbox-green:not(.p-checkbox-disabled) .p-checkbox-box.p-focus {
    border-color: #10b981;
  }
  html .p-checkbox.p-checkbox-green.p-checkbox-checked:not(.p-checkbox-disabled) .p-checkbox-box:hover {
    border-color: #10b981;
    background: #10b981;
    color: #10b981;
  }
  html .p-checkbox.p-checkbox-checked.p-disabled .p-checkbox-box {
    background: var(--p-primary-color);
    border-color: var(--p-primary-color);
  }
  html .p-checkbox.p-checkbox-checked.p-disabled .p-checkbox-box .p-checkbox-icon {
    color: var(--p-primary-contrast-color);
  }
  html p-checkbox,
  html p-radiobutton {
    display: inline-flex;
    align-items: center;
  }
  html p-checkbox + label,
  html p-radiobutton + label {
    margin-bottom: 0 !important;
  }
  html .p-inputtext {
    transition:
      color 0.2s,
      border-color 0.2s,
      box-shadow 0.2s;
  }
  html .p-inputtext:enabled:hover {
    border-color: var(--p-form-field-hover-border-color);
  }
  html .p-inputgroup.force-hover:hover .p-inputtext:enabled {
    border-color: var(--p-form-field-hover-border-color);
  }
  html .p-inputtext,
  html .p-select,
  html .p-multiselect {
    --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
    --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
    box-shadow:
      var(--tw-ring-offset-shadow, 0 0 #0000),
      var(--tw-ring-shadow, 0 0 #0000),
      var(--tw-shadow);
  }
  html ::-webkit-input-placeholder {
    color: var(--p-form-field-placeholder-color) !important;
  }
  html :-moz-placeholder {
    color: var(--p-form-field-placeholder-color) !important;
  }
  html ::-moz-placeholder {
    color: var(--p-form-field-placeholder-color) !important;
  }
  html :-ms-input-placeholder {
    color: var(--p-form-field-placeholder-color) !important;
  }
  html .p-autocomplete .p-autocomplete-dropdown,
  html .p-datepicker .p-datepicker-dropdown,
  html .p-inputnumber-buttons-stacked .p-inputnumber-button {
    background: var(--app-ink-100);
    color: var(--p-text-muted-color);
    border: 1px solid var(--p-surface-300);
    box-shadow: none;
  }
  html .p-autocomplete .p-autocomplete-dropdown:enabled:hover,
  html .p-autocomplete .p-autocomplete-dropdown:not(.p-disabled):hover,
  html .p-autocomplete .p-autocomplete-dropdown:enabled:focus,
  html .p-autocomplete .p-autocomplete-dropdown:not(.p-disabled):focus,
  html .p-datepicker .p-datepicker-dropdown:enabled:hover,
  html .p-datepicker .p-datepicker-dropdown:not(.p-disabled):hover,
  html .p-datepicker .p-datepicker-dropdown:enabled:focus,
  html .p-datepicker .p-datepicker-dropdown:not(.p-disabled):focus,
  html .p-inputnumber-buttons-stacked .p-inputnumber-button:enabled:hover,
  html .p-inputnumber-buttons-stacked .p-inputnumber-button:not(.p-disabled):hover,
  html .p-inputnumber-buttons-stacked .p-inputnumber-button:enabled:focus,
  html .p-inputnumber-buttons-stacked .p-inputnumber-button:not(.p-disabled):focus {
    background: var(--p-surface-100);
    color: var(--p-text-muted-color);
    border-color: var(--p-surface-300);
  }
  html .p-autocomplete .p-autocomplete-dropdown .p-icon-wrapper,
  html .p-datepicker .p-datepicker-dropdown .p-icon-wrapper,
  html .p-inputnumber-buttons-stacked .p-inputnumber-button .p-icon-wrapper {
    color: var(--p-ink-400);
  }
  html.dark .p-autocomplete .p-autocomplete-dropdown,
  html.dark .p-datepicker .p-datepicker-dropdown,
  html.dark .p-inputnumber-buttons-stacked .p-inputnumber-button {
    background: #313945;
  }
  html.dark .p-autocomplete .p-autocomplete-dropdown:enabled:hover,
  html.dark .p-autocomplete .p-autocomplete-dropdown:not(.p-disabled):hover,
  html.dark .p-autocomplete .p-autocomplete-dropdown:enabled:focus,
  html.dark .p-autocomplete .p-autocomplete-dropdown:not(.p-disabled):focus,
  html.dark .p-datepicker .p-datepicker-dropdown:enabled:hover,
  html.dark .p-datepicker .p-datepicker-dropdown:not(.p-disabled):hover,
  html.dark .p-datepicker .p-datepicker-dropdown:enabled:focus,
  html.dark .p-datepicker .p-datepicker-dropdown:not(.p-disabled):focus,
  html.dark .p-inputnumber-buttons-stacked .p-inputnumber-button:enabled:hover,
  html.dark .p-inputnumber-buttons-stacked .p-inputnumber-button:not(.p-disabled):hover,
  html.dark .p-inputnumber-buttons-stacked .p-inputnumber-button:enabled:focus,
  html.dark .p-inputnumber-buttons-stacked .p-inputnumber-button:not(.p-disabled):focus {
    background: #3a4452;
  }
  html.dark .p-select-overlay,
  html.dark .p-autocomplete-overlay,
  html.dark .p-multiselect-overlay,
  html.dark .p-datepicker-panel {
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.55);
  }
  html .p-autocomplete:has(> .p-autocomplete-dropdown) {
    border: 1px solid var(--p-form-field-border-color);
    border-radius: var(--p-border-radius-md);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  }
  html .p-autocomplete:has(> .p-autocomplete-dropdown) > .p-autocomplete-input {
    border: 0;
    border-top-left-radius: calc(var(--p-border-radius-md) - 1px);
    border-bottom-left-radius: calc(var(--p-border-radius-md) - 1px);
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    box-shadow: none;
  }
  html .p-autocomplete:has(> .p-autocomplete-dropdown) > .p-autocomplete-dropdown {
    border: 0;
    border-left: 1px solid var(--p-form-field-border-color);
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  html .p-autocomplete:has(> .p-autocomplete-dropdown):hover {
    border-color: var(--p-form-field-hover-border-color);
  }
  html .p-autocomplete:has(> .p-autocomplete-dropdown):focus-within {
    border-color: var(--p-form-field-hover-border-color);
    box-shadow: 0 0 0 1px var(--p-primary-500), 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  }
  html .p-datepicker:has(> .p-datepicker-dropdown) {
    border: 1px solid var(--p-form-field-border-color);
    border-radius: var(--p-border-radius-md);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  }
  html .p-datepicker:has(> .p-datepicker-dropdown) > .p-datepicker-input {
    border: 0;
    border-top-left-radius: calc(var(--p-border-radius-md) - 1px);
    border-bottom-left-radius: calc(var(--p-border-radius-md) - 1px);
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    box-shadow: none;
  }
  html .p-datepicker:has(> .p-datepicker-dropdown) > .p-datepicker-dropdown {
    border: 0;
    border-left: 1px solid var(--p-form-field-border-color);
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    box-shadow: none;
  }
  html .p-datepicker:has(> .p-datepicker-dropdown):hover {
    border-color: var(--p-form-field-hover-border-color);
  }
  html .p-datepicker:has(> .p-datepicker-dropdown):focus-within {
    border-color: var(--p-form-field-hover-border-color);
    box-shadow: 0 0 0 1px var(--p-primary-500), 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  }
  html .p-autocomplete button.p-autocomplete-dropdown {
    border-top: none;
    border-bottom: none;
    border-right: none;
    margin-left: 0px;
    border-bottom-right-radius: calc(var(--p-border-radius-md) - 1px);
    border-top-right-radius: calc(var(--p-border-radius-md) - 1px);
  }
  html .p-autocomplete button.p-autocomplete-dropdown:after {
    content: none;
  }
  html .p-inputnumber-buttons-stacked {
    position: relative;
  }
  html .p-inputnumber-buttons-stacked .p-inputnumber-button {
    border-right: none;
  }
  html .p-inputnumber-buttons-stacked .p-inputnumber-button:after {
    content: none;
  }
  html .p-inputnumber-buttons-stacked .p-inputnumber-button:first-child {
    border-top: none;
    border-top-right-radius: calc(var(--p-border-radius-md) - 1px);
  }
  html .p-inputnumber-buttons-stacked .p-inputnumber-button:last-child {
    border-top: none;
    border-bottom: none;
    border-bottom-right-radius: calc(var(--p-border-radius-md) - 1px);
  }
  html .prt-radio-list {
    display: flex;
    flex-direction: column;
  }
  html .prt-radio-list > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-y-reverse: 0;
    border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
    border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
  }
  html .prt-radio-list {
    overflow: auto;
    border-radius: 10px;
    border-width: 1px;
    box-shadow: 1px 2px 6px rgba(0, 0, 0, 0.05);
  }
  html .prt-radio-list p-radiobutton {
    position: relative;
  }
  html .prt-radio-list p-radiobutton label {
    margin: 0px;
    width: 100%;
    cursor: pointer;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    padding-left: 3rem;
    padding-right: 1rem;
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
  @layer prt-components {
    html html.p-autocomplete .prt-radio-list p-radiobutton label .p-autocomplete-input-multiple {
      width: 100%;
    }
  }
  html .prt-radio-list p-radiobutton:has(.p-radiobutton-checked) label {
    background-color: var(--p-primary-50);
    --tw-text-opacity: 1;
    color: rgb(55 48 163 / var(--tw-text-opacity, 1));
  }
  html .prt-radio-list p-radiobutton:has(.p-radiobutton-checked) label:is(.dark *) {
    background-color: var(--p-primary-900);
    --tw-text-opacity: 1;
    color: rgb(165 180 252 / var(--tw-text-opacity, 1));
  }
  html .prt-radio-list p-radiobutton .p-radiobutton {
    position: absolute;
    top: 0px;
    left: 0px;
    display: flex;
    height: 100%;
    width: 2.5rem;
    align-items: center;
    justify-content: center;
    padding-left: 1rem;
  }
  html .prt-radio-list p-radiobutton .p-radiobutton.p-radiobutton-disabled {
    cursor: default;
  }
  html .prt-radio-list p-radiobutton:hover label:not(.p-disabled) {
    background-color: var(--app-ink-100);
  }
  html .prt-radio-list p-radiobutton:hover:has(.p-radiobutton-checked) label:not(.p-disabled) {
    background-color: var(--app-ink-200);
  }
  html .prt-radio-list p-radiobutton:hover .p-radiobutton .p-radiobutton-box {
    transition-duration: 0s;
  }
  html .prt-radio-list p-radiobutton:hover .p-radiobutton:not(.p-disabled):not(.p-radiobutton-checked) .p-radiobutton-box {
    border-color: var(--p-form-field-hover-border-color);
  }
  html .prt-radio-list p-radiobutton:hover .p-radiobutton.p-radiobutton-checked:not(.p-disabled) .p-radiobutton-box {
    border-color: var(--p-primary-300);
    background: var(--p-primary-300);
    color: var(--p-surface-100);
  }
  html .search-inputgroup input:hover,
  html .search-inputgroup button:hover {
    z-index: 2;
  }
  html .search-inputgroup input:active,
  html .search-inputgroup input:focus,
  html .search-inputgroup button:active,
  html .search-inputgroup button:focus {
    z-index: 3;
  }
  html .search-inputgroup input + button,
  html .search-inputgroup .p-inputgroup + button {
    margin-left: -1px;
  }
  html .readonly.p-disabled,
  html .readonly.p-component:disabled {
    opacity: 1;
    --tw-text-opacity: 1;
    color: rgb(55 48 163 / var(--tw-text-opacity, 1));
  }
  html .readonly.p-disabled:is(.dark *),
  html .readonly.p-component:disabled:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(165 180 252 / var(--tw-text-opacity, 1));
  }
  html .readonly.p-disabled.p-inputtext,
  html .readonly.p-component:disabled.p-inputtext {
    background-color: var(--p-primary-50);
    font-weight: 500;
  }
  html .readonly.p-disabled.p-inputtext:is(.dark *),
  html .readonly.p-component:disabled.p-inputtext:is(.dark *) {
    background-color: var(--p-primary-900);
  }
  html .p-multiselect-option .p-checkbox.p-checkbox-checked .p-checkbox-box,
  html .p-multiselect-option .p-checkbox.p-checkbox-checked:not(.p-checkbox-disabled) .p-checkbox-box:hover {
    border-color: #ffffff;
  }
  html .p-multiselect-option[data-p-highlight=true]:not(.p-disabled):hover .p-checkbox.p-checkbox-checked .p-checkbox-box {
    background: var(--p-primary-600);
  }
  html .p-multiselect-overlay .p-multiselect-list .p-multiselect-option:not([data-p-highlight=true]):not(.p-disabled):not(:hover).p-focus {
    background: var(--p-list-option-focus-background);
  }
  html .p-multiselect-overlay .p-multiselect-list .p-multiselect-option[data-p-highlight=true] {
    color: var(--p-highlight-color);
    background: var(--p-highlight-background);
  }
  html .p-multiselect-overlay .p-multiselect-list .p-multiselect-option[data-p-highlight=true]:not(.p-disabled).p-focus {
    color: var(--p-highlight-color);
    background: var(--p-highlight-background);
    outline: none 0px;
    outline-offset: 0px;
    box-shadow: rgb(110, 166, 243) 0px 0px 0px 0.15rem inset;
  }
  html .p-multiselect-overlay .p-multiselect-list .p-multiselect-option[data-p-highlight=true]:not(.p-disabled):hover {
    color: var(--p-highlight-color);
    background: var(--p-primary-600);
  }
  html .p-autocomplete-overlay .p-autocomplete-list .p-autocomplete-option.p-autocomplete-option-selected.p-focus,
  html .p-select-overlay .p-select-list .p-select-option.p-select-option-selected.p-focus {
    background: var(--p-highlight-background);
    outline: none 0px;
    outline-offset: 0px;
    box-shadow: rgb(110, 166, 243) 0px 0px 0px 0.15rem inset;
  }
  html .p-multiselect .pi.pi-spin.pi-spinner,
  html .p-select .pi.pi-spin.pi-spinner {
    color: #3a3a3a;
  }
  html .p-multiselect .pi.pi-spin.pi-spinner:is(.dark *),
  html .p-select .pi.pi-spin.pi-spinner:is(.dark *) {
    color: var(--app-ink-800);
  }
  html .p-autocomplete.w-full .p-autocomplete-input-multiple {
    width: 100%;
  }
  html .autocomplete-clear,
  html .multiselect-clear,
  html .input-clear {
    position: absolute;
    top: 0px;
    right: 2.75rem;
    display: flex;
    height: 100%;
    align-items: center;
  }
  html .clear-icon {
    cursor: pointer;
    padding: 0.25rem;
    color: var(--app-ink-300);
    right: 2.357rem;
  }
  html .clear-icon:hover {
    color: var(--app-ink-500);
  }
  html .p-select-clear-icon,
  html .p-autocomplete-clear-icon,
  html .p-multiselect-clear-icon,
  html .p-select-dropdown-icon,
  html .p-select .p-select-dropdown .p-icon,
  html .p-autocomplete button.p-autocomplete-dropdown .p-icon {
    color: var(--app-ink-400);
  }
  html .p-select:not(.p-disabled):hover .p-select-dropdown-icon,
  html .p-select-clear-icon:hover,
  html .p-autocomplete-clear-icon:hover,
  html .p-multiselect-clear-icon:hover,
  html .p-autocomplete button.p-autocomplete-dropdown:enabled:hover .p-icon {
    color: var(--app-ink-500);
  }
  html .p-multiselect-chip-item {
    background: var(--p-primary-500);
    color: #fff;
    border-radius: 9999px;
    padding: 0.0625rem 0.25rem 0.0625rem 0.5rem;
  }
  html .p-multiselect-chip-item .p-multiselect-chip-icon,
  html .p-multiselect-chip-item .p-icon {
    color: #fff;
  }
  html .p-select-label.p-inputtext {
    box-shadow: none;
  }
  html .p-autocomplete:not(.p-disabled):hover .p-autocomplete-input-multiple,
  html textarea.p-textarea:enabled:hover {
    border-color: var(--p-form-field-hover-border-color);
  }
  html .p-autocomplete.p-focus .p-autocomplete-input-multiple,
  html textarea.p-textarea:enabled:focus {
    border-color: var(--p-form-field-focus-border-color);
    box-shadow: 0 0 0 1px var(--p-primary-500);
    outline: 0;
  }
  html .table-header-filters .p-button.p-button-icon-only {
    width: 2rem;
  }
  html .table-header-filters .p-autocomplete-input {
    padding-right: 3.5rem;
  }
  html .table-header-filters .p-multiselect-dropdown,
  html .table-header-filters .p-select-dropdown {
    width: 2rem;
  }
  html .table-header-filters .p-inputtext,
  html .table-header-filters .p-multiselect-label,
  html .table-header-filters .p-select-label {
    padding-top: 0.375rem;
    padding-bottom: 0.375rem;
    padding-left: 0.375rem;
    padding-right: 0.375rem;
    font-size: 13px;
  }
  html .table-header-filters .autocomplete-clear {
    right: 2.25rem;
  }
  html .table-header-filters .p-select-label:not(.p-placeholder),
  html .table-header-filters .p-multiselect-label:not(.p-placeholder),
  html .table-header-filters .p-autocomplete-input:not(:placeholder-shown) {
    color: var(--app-ink-600);
  }
  html .table-header-filters .p-placeholder,
  html .table-header-filters .p-inputtext::placeholder,
  html .table-header-filters .p-autocomplete-input::placeholder {
    font-weight: 400;
  }
  html .smaller-table-filters.table-header-filters .p-inputtext,
  html .smaller-table-filters.table-header-filters .p-multiselect-label,
  html .smaller-table-filters.table-header-filters .p-select-label {
    padding-left: 0.375rem;
    padding-right: 0.375rem;
    font-size: 11px;
    font-family: var(--app-font-family);
    letter-spacing: -0.039em;
  }
  html .smaller-table-filters.table-header-filters .p-button.p-button-icon-only {
    width: 1.5rem;
  }
  html .smaller-table-filters.table-header-filters .p-icon-wrapper .p-autocomplete-clear-icon {
    right: 1.5rem;
    margin-right: 0.25rem;
  }
  html .smaller-table-filters.table-header-filters .p-button.p-button-icon-only .p-autocomplete .p-autocomplete-loader {
    right: 1.85rem;
  }
  html .smaller-table-filters.table-header-filters .p-icon-wrapper .pi,
  html .smaller-table-filters.table-header-filters .p-icon-wrapper .p-icon,
  html .smaller-table-filters.table-header-filters .autocomplete-clear .pi,
  html .smaller-table-filters.table-header-filters .autocomplete-clear .p-icon,
  html .smaller-table-filters.table-header-filters .multiselect-clear .pi,
  html .smaller-table-filters.table-header-filters .multiselect-clear .p-icon {
    font-size: 0.75rem;
    line-height: 1rem;
  }
  html .smaller-table-filters.table-header-filters .multiselect-clear {
    right: 1.25rem;
  }
  html .smaller-table-filters.table-header-filters .autocomplete-clear {
    right: 1.75rem;
  }
  html .smaller-table-filters.table-header-filters .p-multiselect-label {
    padding-right: 1rem;
  }
  html .smaller-table-filters.table-header-filters .p-autocomplete-input {
    padding-right: 2.75rem;
  }
  html .smaller-table-filters.table-header-filters .p-multiselect-dropdown,
  html .smaller-table-filters.table-header-filters .p-select-dropdown {
    width: 1.5rem;
  }
  html .p-inputgroup {
    display: flex;
  }
  html .p-inputgroup div + div {
    margin-left: -1px;
  }
  html .p-inputgroup > .p-inputtext {
    flex: 1 1 auto;
  }
  html .p-inputgroup > .p-inputtext:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  html .p-inputgroup > .p-button:not(:first-child),
  html .p-inputgroup > button:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    margin-left: -1px;
  }
  html .p-inputgroup input {
    z-index: 1;
  }
  html .p-inputgroup input:hover {
    z-index: 2;
  }
  html .p-inputgroup input:active,
  html .p-inputgroup input:focus {
    z-index: 3;
  }
  html .p-inputgroup .p-autocomplete-loader {
    z-index: 4;
  }
  html .gray-search.p-input-icon-left > .p-inputtext {
    padding-left: 2.25rem;
  }
  html .gray-search.p-input-icon-left > i:first-of-type {
    left: 0.75rem;
    color: var(--app-ink-400);
  }
  html .gray-search input {
    border-color: var(--app-ink-100);
    background-color: var(--app-ink-50);
  }
  html .p-input-icon-right {
    display: inline-block;
    position: relative;
  }
  html .p-input-icon-right > .p-inputtext {
    width: 100%;
    padding-right: 2.5rem;
  }
  html .p-input-icon-right > i {
    position: absolute;
    top: 50%;
    right: 0.75rem;
    transform: translateY(-50%);
    color: var(--p-form-field-icon-color);
  }
  html .p-input-icon-right > i.pi-times {
    cursor: pointer;
  }
  html .p-input-icon-left {
    display: inline-block;
    position: relative;
  }
  html .p-input-icon-left > .p-inputtext {
    width: 100%;
    padding-left: 2.5rem;
  }
  html .p-input-icon-left > i {
    position: absolute;
    top: 50%;
    left: 0.75rem;
    transform: translateY(-50%);
    color: var(--p-form-field-icon-color);
  }
  html .p-datatable-sort-icon {
    color: var(--app-ink-400);
    vertical-align: middle;
  }
  html .small-input .p-inputtext {
    padding-top: 0.375rem;
    padding-bottom: 0.375rem;
  }
  html p-autocomplete.ng-touched.ng-invalid .p-autocomplete-input,
  html p-datepicker.ng-touched.ng-invalid .p-inputtext,
  html p-checkbox.ng-touched.ng-invalid .p-checkbox-box,
  html p-select.ng-touched.ng-invalid,
  html p-inputmask.ng-touched.ng-invalid.p-inputtext,
  html p-inputnumber.ng-touched.ng-invalid .p-inputtext,
  html p-toggleswitch.ng-touched.ng-invalid,
  html .p-inputtext.p-invalid,
  html .p-inputtext.ng-touched.ng-invalid,
  html p-listbox.ng-touched.ng-invalid,
  html p-multiselect.ng-touched.ng-invalid,
  html p-radiobutton.ng-touched.ng-invalid .p-radiobutton-box,
  html p-selectbutton.ng-touched.ng-invalid .p-button,
  html p-togglebutton.ng-touched.ng-invalid,
  html prt-lazy-search-control.ng-touched.ng-invalid .p-inputtext {
    border-color: var(--p-form-field-invalid-border-color);
  }
  html p-autocomplete.ng-touched.ng-invalid .p-autocomplete-input:focus,
  html p-autocomplete.ng-touched.ng-invalid .p-autocomplete-input.p-focus,
  html p-autocomplete.ng-touched.ng-invalid .p-autocomplete-input:focus-within,
  html p-datepicker.ng-touched.ng-invalid .p-inputtext:focus,
  html p-datepicker.ng-touched.ng-invalid .p-inputtext.p-focus,
  html p-datepicker.ng-touched.ng-invalid .p-inputtext:focus-within,
  html p-checkbox.ng-touched.ng-invalid .p-checkbox-box:focus,
  html p-checkbox.ng-touched.ng-invalid .p-checkbox-box.p-focus,
  html p-checkbox.ng-touched.ng-invalid .p-checkbox-box:focus-within,
  html p-select.ng-touched.ng-invalid:focus,
  html p-select.ng-touched.ng-invalid.p-focus,
  html p-select.ng-touched.ng-invalid:focus-within,
  html p-inputmask.ng-touched.ng-invalid.p-inputtext:focus,
  html p-inputmask.ng-touched.ng-invalid.p-inputtext.p-focus,
  html p-inputmask.ng-touched.ng-invalid.p-inputtext:focus-within,
  html p-inputnumber.ng-touched.ng-invalid .p-inputtext:focus,
  html p-inputnumber.ng-touched.ng-invalid .p-inputtext.p-focus,
  html p-inputnumber.ng-touched.ng-invalid .p-inputtext:focus-within,
  html p-toggleswitch.ng-touched.ng-invalid:focus,
  html p-toggleswitch.ng-touched.ng-invalid.p-focus,
  html p-toggleswitch.ng-touched.ng-invalid:focus-within,
  html .p-inputtext.p-invalid:focus,
  html .p-inputtext.p-invalid.p-focus,
  html .p-inputtext.p-invalid:focus-within,
  html .p-inputtext.ng-touched.ng-invalid:focus,
  html .p-inputtext.ng-touched.ng-invalid.p-focus,
  html .p-inputtext.ng-touched.ng-invalid:focus-within,
  html p-listbox.ng-touched.ng-invalid:focus,
  html p-listbox.ng-touched.ng-invalid.p-focus,
  html p-listbox.ng-touched.ng-invalid:focus-within,
  html p-multiselect.ng-touched.ng-invalid:focus,
  html p-multiselect.ng-touched.ng-invalid.p-focus,
  html p-multiselect.ng-touched.ng-invalid:focus-within,
  html p-radiobutton.ng-touched.ng-invalid .p-radiobutton-box:focus,
  html p-radiobutton.ng-touched.ng-invalid .p-radiobutton-box.p-focus,
  html p-radiobutton.ng-touched.ng-invalid .p-radiobutton-box:focus-within,
  html p-selectbutton.ng-touched.ng-invalid .p-button:focus,
  html p-selectbutton.ng-touched.ng-invalid .p-button.p-focus,
  html p-selectbutton.ng-touched.ng-invalid .p-button:focus-within,
  html p-togglebutton.ng-touched.ng-invalid:focus,
  html p-togglebutton.ng-touched.ng-invalid.p-focus,
  html p-togglebutton.ng-touched.ng-invalid:focus-within,
  html prt-lazy-search-control.ng-touched.ng-invalid .p-inputtext:focus,
  html prt-lazy-search-control.ng-touched.ng-invalid .p-inputtext.p-focus,
  html prt-lazy-search-control.ng-touched.ng-invalid .p-inputtext:focus-within {
    border-color: var(--p-form-field-invalid-border-color);
    box-shadow: 0 0 0 1px var(--p-form-field-invalid-border-color);
    outline-color: var(--p-form-field-invalid-border-color);
  }
  html p-autocomplete.ng-touched.ng-invalid .p-autocomplete-dropdown:focus,
  html p-autocomplete.ng-touched.ng-invalid .p-autocomplete-dropdown.p-focus,
  html p-datepicker.ng-touched.ng-invalid .p-datepicker-dropdown:focus,
  html p-datepicker.ng-touched.ng-invalid .p-datepicker-dropdown.p-focus,
  html p-inputnumber.ng-touched.ng-invalid .p-inputnumber-button:focus,
  html p-inputnumber.ng-touched.ng-invalid .p-inputnumber-button.p-focus {
    box-shadow: 0 0 0 1px var(--p-form-field-invalid-border-color);
  }
  html p-autocomplete.ng-touched.ng-invalid .p-autocomplete:has(> .p-autocomplete-dropdown) {
    border-color: var(--p-form-field-invalid-border-color);
  }
  html p-autocomplete.ng-touched.ng-invalid .p-autocomplete:has(> .p-autocomplete-dropdown):focus-within {
    box-shadow: 0 0 0 1px var(--p-form-field-invalid-border-color), 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  }
  html p-datepicker.ng-touched.ng-invalid .p-datepicker:has(> .p-datepicker-dropdown) {
    border-color: var(--p-form-field-invalid-border-color);
  }
  html p-datepicker.ng-touched.ng-invalid .p-datepicker:has(> .p-datepicker-dropdown):focus-within {
    box-shadow: 0 0 0 1px var(--p-form-field-invalid-border-color), 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  }
  .p-inputnumber-clear-icon:hover {
    color: var(--app-ink-400);
  }
  .p-inputnumber-clear-icon:hover:is(.dark *) {
    color: var(--app-ink-500);
  }
}
:root.dark ::-webkit-scrollbar-thumb {
  background: #595e66;
}
@supports not selector(::-webkit-scrollbar) {
  :root.dark html {
    scrollbar-color: #595e66 transparent;
  }
}
@layer tailwind-utilities {
  .container {
    width: 100%;
  }
  @media (min-width: 640px) {
    .container {
      max-width: 640px;
    }
  }
  @media (min-width: 768px) {
    .container {
      max-width: 768px;
    }
  }
  @media (min-width: 1024px) {
    .container {
      max-width: 1024px;
    }
  }
  @media (min-width: 1190px) {
    .container {
      max-width: 1190px;
    }
  }
  @media (min-width: 1280px) {
    .container {
      max-width: 1280px;
    }
  }
  @media (min-width: 1536px) {
    .container {
      max-width: 1536px;
    }
  }
  .sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
  }
  .pointer-events-none {
    pointer-events: none;
  }
  .pointer-events-auto {
    pointer-events: auto;
  }
  .\!visible {
    visibility: visible !important;
  }
  .visible {
    visibility: visible;
  }
  .invisible {
    visibility: hidden;
  }
  .collapse {
    visibility: collapse;
  }
  .static {
    position: static;
  }
  .fixed {
    position: fixed;
  }
  .absolute {
    position: absolute;
  }
  .relative {
    position: relative;
  }
  .sticky {
    position: sticky;
  }
  .inset-0 {
    inset: 0px;
  }
  .-right-3 {
    right: -0.75rem;
  }
  .-top-4 {
    top: -1rem;
  }
  .-top-96 {
    top: -24rem;
  }
  .bottom-0 {
    bottom: 0px;
  }
  .bottom-6 {
    bottom: 1.5rem;
  }
  .bottom-96 {
    bottom: 24rem;
  }
  .left-0 {
    left: 0px;
  }
  .left-6 {
    left: 1.5rem;
  }
  .left-full {
    left: 100%;
  }
  .right-0 {
    right: 0px;
  }
  .right-1 {
    right: 0.25rem;
  }
  .right-10 {
    right: 2.5rem;
  }
  .right-2 {
    right: 0.5rem;
  }
  .right-3 {
    right: 0.75rem;
  }
  .right-5 {
    right: 1.25rem;
  }
  .right-6 {
    right: 1.5rem;
  }
  .right-9 {
    right: 2.25rem;
  }
  .right-\[0\.35rem\] {
    right: 0.35rem;
  }
  .right-\[2\%\] {
    right: 2%;
  }
  .right-auto {
    right: auto;
  }
  .top-0 {
    top: 0px;
  }
  .top-24 {
    top: 6rem;
  }
  .top-3 {
    top: 0.75rem;
  }
  .top-4 {
    top: 1rem;
  }
  .top-6 {
    top: 1.5rem;
  }
  .top-7 {
    top: 1.75rem;
  }
  .top-\[0\.35rem\] {
    top: 0.35rem;
  }
  .top-\[4\%\] {
    top: 4%;
  }
  .\!z-10010 {
    z-index: 10010 !important;
  }
  .z-10 {
    z-index: 10;
  }
  .z-10000 {
    z-index: 10000;
  }
  .z-20 {
    z-index: 20;
  }
  .z-40 {
    z-index: 40;
  }
  .z-50 {
    z-index: 50;
  }
  .z-8000 {
    z-index: 8000;
  }
  .z-\[2\] {
    z-index: 2;
  }
  .z-\[3\] {
    z-index: 3;
  }
  .z-\[9999\] {
    z-index: 9999;
  }
  .order-first {
    order: -9999;
  }
  .order-last {
    order: 9999;
  }
  .col-span-2 {
    grid-column: span 2 / span 2;
  }
  .col-span-3 {
    grid-column: span 3 / span 3;
  }
  .col-span-4 {
    grid-column: span 4 / span 4;
  }
  .col-span-5 {
    grid-column: span 5 / span 5;
  }
  .col-span-full {
    grid-column: 1 / -1;
  }
  .col-start-1 {
    grid-column-start: 1;
  }
  .m-0 {
    margin: 0px;
  }
  .m-2 {
    margin: 0.5rem;
  }
  .m-3 {
    margin: 0.75rem;
  }
  .m-5 {
    margin: 1.25rem;
  }
  .m-auto {
    margin: auto;
  }
  .-mx-2 {
    margin-left: -0.5rem;
    margin-right: -0.5rem;
  }
  .-mx-2\.5 {
    margin-left: -0.625rem;
    margin-right: -0.625rem;
  }
  .-mx-5 {
    margin-left: -1.25rem;
    margin-right: -1.25rem;
  }
  .-mx-7 {
    margin-left: -1.75rem;
    margin-right: -1.75rem;
  }
  .-mx-\[1\.125rem\] {
    margin-left: -1.125rem;
    margin-right: -1.125rem;
  }
  .-my-2 {
    margin-top: -0.5rem;
    margin-bottom: -0.5rem;
  }
  .mx-1 {
    margin-left: 0.25rem;
    margin-right: 0.25rem;
  }
  .mx-2 {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
  }
  .mx-3 {
    margin-left: 0.75rem;
    margin-right: 0.75rem;
  }
  .mx-4 {
    margin-left: 1rem;
    margin-right: 1rem;
  }
  .mx-auto {
    margin-left: auto;
    margin-right: auto;
  }
  .my-0\.5 {
    margin-top: 0.125rem;
    margin-bottom: 0.125rem;
  }
  .my-1 {
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
  }
  .my-2 {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
  }
  .my-3 {
    margin-top: 0.75rem;
    margin-bottom: 0.75rem;
  }
  .my-4 {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }
  .my-5 {
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
  }
  .my-6 {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
  }
  .my-8 {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }
  .my-auto {
    margin-top: auto;
    margin-bottom: auto;
  }
  .\!mt-2 {
    margin-top: 0.5rem !important;
  }
  .\!mt-3 {
    margin-top: 0.75rem !important;
  }
  .-mb-1 {
    margin-bottom: -0.25rem;
  }
  .-mb-2 {
    margin-bottom: -0.5rem;
  }
  .-mb-4 {
    margin-bottom: -1rem;
  }
  .-ml-4 {
    margin-left: -1rem;
  }
  .-mr-2 {
    margin-right: -0.5rem;
  }
  .-mt-1 {
    margin-top: -0.25rem;
  }
  .-mt-1px {
    margin-top: -1px;
  }
  .-mt-2 {
    margin-top: -0.5rem;
  }
  .-mt-2px {
    margin-top: -2px;
  }
  .-mt-3 {
    margin-top: -0.75rem;
  }
  .-mt-3\.5 {
    margin-top: -0.875rem;
  }
  .-mt-6 {
    margin-top: -1.5rem;
  }
  .-mt-\[2\.6rem\] {
    margin-top: -2.6rem;
  }
  .mb-0 {
    margin-bottom: 0px;
  }
  .mb-1 {
    margin-bottom: 0.25rem;
  }
  .mb-1\.5 {
    margin-bottom: 0.375rem;
  }
  .mb-10 {
    margin-bottom: 2.5rem;
  }
  .mb-2 {
    margin-bottom: 0.5rem;
  }
  .mb-2\.5 {
    margin-bottom: 0.625rem;
  }
  .mb-3 {
    margin-bottom: 0.75rem;
  }
  .mb-4 {
    margin-bottom: 1rem;
  }
  .mb-4-plus {
    margin-bottom: 1.125rem;
  }
  .mb-5 {
    margin-bottom: 1.25rem;
  }
  .mb-6 {
    margin-bottom: 1.5rem;
  }
  .mb-7 {
    margin-bottom: 1.75rem;
  }
  .mb-8 {
    margin-bottom: 2rem;
  }
  .mb-px {
    margin-bottom: 1px;
  }
  .ml-0 {
    margin-left: 0px;
  }
  .ml-0\.5 {
    margin-left: 0.125rem;
  }
  .ml-1 {
    margin-left: 0.25rem;
  }
  .ml-1\.5 {
    margin-left: 0.375rem;
  }
  .ml-10 {
    margin-left: 2.5rem;
  }
  .ml-16 {
    margin-left: 4rem;
  }
  .ml-2 {
    margin-left: 0.5rem;
  }
  .ml-3 {
    margin-left: 0.75rem;
  }
  .ml-4 {
    margin-left: 1rem;
  }
  .ml-5 {
    margin-left: 1.25rem;
  }
  .ml-\[20\%\] {
    margin-left: 20%;
  }
  .ml-auto {
    margin-left: auto;
  }
  .ml-px {
    margin-left: 1px;
  }
  .mr-0 {
    margin-right: 0px;
  }
  .mr-1 {
    margin-right: 0.25rem;
  }
  .mr-1\.5 {
    margin-right: 0.375rem;
  }
  .mr-10 {
    margin-right: 2.5rem;
  }
  .mr-12 {
    margin-right: 3rem;
  }
  .mr-2 {
    margin-right: 0.5rem;
  }
  .mr-2\.5 {
    margin-right: 0.625rem;
  }
  .mr-3 {
    margin-right: 0.75rem;
  }
  .mr-4 {
    margin-right: 1rem;
  }
  .mr-5 {
    margin-right: 1.25rem;
  }
  .mr-6 {
    margin-right: 1.5rem;
  }
  .mr-7 {
    margin-right: 1.75rem;
  }
  .mr-8 {
    margin-right: 2rem;
  }
  .mr-auto {
    margin-right: auto;
  }
  .mr-px {
    margin-right: 1px;
  }
  .mt-0 {
    margin-top: 0px;
  }
  .mt-0\.5 {
    margin-top: 0.125rem;
  }
  .mt-1 {
    margin-top: 0.25rem;
  }
  .mt-1\.5 {
    margin-top: 0.375rem;
  }
  .mt-10 {
    margin-top: 2.5rem;
  }
  .mt-12 {
    margin-top: 3rem;
  }
  .mt-14 {
    margin-top: 3.5rem;
  }
  .mt-16 {
    margin-top: 4rem;
  }
  .mt-2 {
    margin-top: 0.5rem;
  }
  .mt-20 {
    margin-top: 5rem;
  }
  .mt-3 {
    margin-top: 0.75rem;
  }
  .mt-4 {
    margin-top: 1rem;
  }
  .mt-5 {
    margin-top: 1.25rem;
  }
  .mt-6 {
    margin-top: 1.5rem;
  }
  .mt-7 {
    margin-top: 1.75rem;
  }
  .mt-8 {
    margin-top: 2rem;
  }
  .mt-auto {
    margin-top: auto;
  }
  .mt-px {
    margin-top: 1px;
  }
  .line-clamp-1 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
  }
  .line-clamp-2 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
  .line-clamp-3 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
  }
  .line-clamp-4 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
  }
  .block {
    display: block;
  }
  .inline-block {
    display: inline-block;
  }
  .inline {
    display: inline;
  }
  .flex {
    display: flex;
  }
  .inline-flex {
    display: inline-flex;
  }
  .table {
    display: table;
  }
  .table-cell {
    display: table-cell;
  }
  .table-row {
    display: table-row;
  }
  .grid {
    display: grid;
  }
  .inline-grid {
    display: inline-grid;
  }
  .contents {
    display: contents;
  }
  .hidden {
    display: none;
  }
  .aspect-square {
    aspect-ratio: 1 / 1;
  }
  .\!h-4 {
    height: 1rem !important;
  }
  .\!h-44 {
    height: 11rem !important;
  }
  .\!h-\[35px\] {
    height: 35px !important;
  }
  .\!h-\[39px\] {
    height: 39px !important;
  }
  .\!h-auto {
    height: auto !important;
  }
  .h-1 {
    height: 0.25rem;
  }
  .h-10 {
    height: 2.5rem;
  }
  .h-12 {
    height: 3rem;
  }
  .h-16 {
    height: 4rem;
  }
  .h-2 {
    height: 0.5rem;
  }
  .h-2\.5 {
    height: 0.625rem;
  }
  .h-20 {
    height: 5rem;
  }
  .h-22 {
    height: 5.5rem;
  }
  .h-24 {
    height: 6rem;
  }
  .h-28 {
    height: 7rem;
  }
  .h-3 {
    height: 0.75rem;
  }
  .h-32 {
    height: 8rem;
  }
  .h-4 {
    height: 1rem;
  }
  .h-4-plus {
    height: 1.125rem;
  }
  .h-40 {
    height: 10rem;
  }
  .h-44 {
    height: 11rem;
  }
  .h-48 {
    height: 12rem;
  }
  .h-5 {
    height: 1.25rem;
  }
  .h-5-plus {
    height: 22px;
  }
  .h-56 {
    height: 14rem;
  }
  .h-6 {
    height: 1.5rem;
  }
  .h-7 {
    height: 1.75rem;
  }
  .h-7-plus {
    height: 1.875rem;
  }
  .h-72 {
    height: 18rem;
  }
  .h-76 {
    height: 19rem;
  }
  .h-8 {
    height: 2rem;
  }
  .h-9 {
    height: 2.25rem;
  }
  .h-96 {
    height: 24rem;
  }
  .h-\[0\.4rem\] {
    height: 0.4rem;
  }
  .h-\[18px\] {
    height: 18px;
  }
  .h-\[2\.625rem\] {
    height: 2.625rem;
  }
  .h-\[200px\] {
    height: 200px;
  }
  .h-\[20px\] {
    height: 20px;
  }
  .h-\[21px\] {
    height: 21px;
  }
  .h-\[25px\] {
    height: 25px;
  }
  .h-\[30px\] {
    height: 30px;
  }
  .h-\[350px\] {
    height: 350px;
  }
  .h-\[39px\] {
    height: 39px;
  }
  .h-\[42px\] {
    height: 42px;
  }
  .h-\[45px\] {
    height: 45px;
  }
  .h-\[600px\] {
    height: 600px;
  }
  .h-\[700px\] {
    height: 700px;
  }
  .h-\[7rem\] {
    height: 7rem;
  }
  .h-auto {
    height: auto;
  }
  .h-full {
    height: 100%;
  }
  .h-screen {
    height: 100vh;
  }
  .max-h-10 {
    max-height: 2.5rem;
  }
  .max-h-24 {
    max-height: 6rem;
  }
  .max-h-44 {
    max-height: 11rem;
  }
  .max-h-6 {
    max-height: 1.5rem;
  }
  .max-h-\[250px\] {
    max-height: 250px;
  }
  .max-h-\[320px\] {
    max-height: 320px;
  }
  .max-h-\[45dvh\] {
    max-height: 45dvh;
  }
  .max-h-\[72dvh\] {
    max-height: 72dvh;
  }
  .max-h-\[80dvh\] {
    max-height: 80dvh;
  }
  .max-h-full {
    max-height: 100%;
  }
  .min-h-14 {
    min-height: 3.5rem;
  }
  .min-h-16 {
    min-height: 4rem;
  }
  .min-h-64 {
    min-height: 16rem;
  }
  .min-h-\[100px\] {
    min-height: 100px;
  }
  .min-h-\[16px\] {
    min-height: 16px;
  }
  .min-h-\[230px\] {
    min-height: 230px;
  }
  .min-h-\[2rem\] {
    min-height: 2rem;
  }
  .min-h-\[30px\] {
    min-height: 30px;
  }
  .min-h-\[36px\] {
    min-height: 36px;
  }
  .min-h-\[450px\] {
    min-height: 450px;
  }
  .min-h-\[490px\] {
    min-height: 490px;
  }
  .min-h-\[50px\] {
    min-height: 50px;
  }
  .min-h-\[5rem\] {
    min-height: 5rem;
  }
  .min-h-\[600px\] {
    min-height: 600px;
  }
  .min-h-\[650px\] {
    min-height: 650px;
  }
  .min-h-\[6rem\] {
    min-height: 6rem;
  }
  .\!w-20 {
    width: 5rem !important;
  }
  .\!w-28 {
    width: 7rem !important;
  }
  .\!w-4 {
    width: 1rem !important;
  }
  .\!w-full {
    width: 100% !important;
  }
  .w-0 {
    width: 0px;
  }
  .w-1 {
    width: 0.25rem;
  }
  .w-1\/2 {
    width: 50%;
  }
  .w-1\/3 {
    width: 33.333333%;
  }
  .w-1\/4 {
    width: 25%;
  }
  .w-1\/5 {
    width: 20%;
  }
  .w-1\/6 {
    width: 16.666667%;
  }
  .w-10 {
    width: 2.5rem;
  }
  .w-10\/12 {
    width: 83.333333%;
  }
  .w-12 {
    width: 3rem;
  }
  .w-14 {
    width: 3.5rem;
  }
  .w-16 {
    width: 4rem;
  }
  .w-18 {
    width: 4.5rem;
  }
  .w-2 {
    width: 0.5rem;
  }
  .w-2\.5 {
    width: 0.625rem;
  }
  .w-2\/5 {
    width: 40%;
  }
  .w-2\/6 {
    width: 33.333333%;
  }
  .w-20 {
    width: 5rem;
  }
  .w-22 {
    width: 5.5rem;
  }
  .w-24 {
    width: 6rem;
  }
  .w-28 {
    width: 7rem;
  }
  .w-3 {
    width: 0.75rem;
  }
  .w-3\/12 {
    width: 25%;
  }
  .w-3\/4 {
    width: 75%;
  }
  .w-3\/5 {
    width: 60%;
  }
  .w-32 {
    width: 8rem;
  }
  .w-36 {
    width: 9rem;
  }
  .w-4 {
    width: 1rem;
  }
  .w-4-plus {
    width: 1.125rem;
  }
  .w-4\/12 {
    width: 33.333333%;
  }
  .w-4\/5 {
    width: 80%;
  }
  .w-40 {
    width: 10rem;
  }
  .w-44 {
    width: 11rem;
  }
  .w-48 {
    width: 12rem;
  }
  .w-5 {
    width: 1.25rem;
  }
  .w-5-plus {
    width: 22px;
  }
  .w-5\/6 {
    width: 83.333333%;
  }
  .w-56 {
    width: 14rem;
  }
  .w-6 {
    width: 1.5rem;
  }
  .w-60 {
    width: 15rem;
  }
  .w-64 {
    width: 16rem;
  }
  .w-7 {
    width: 1.75rem;
  }
  .w-7-plus {
    width: 1.875rem;
  }
  .w-72 {
    width: 18rem;
  }
  .w-76 {
    width: 19rem;
  }
  .w-8 {
    width: 2rem;
  }
  .w-80 {
    width: 20rem;
  }
  .w-9 {
    width: 2.25rem;
  }
  .w-96 {
    width: 24rem;
  }
  .w-\[0\.4rem\] {
    width: 0.4rem;
  }
  .w-\[120px\] {
    width: 120px;
  }
  .w-\[12ch\] {
    width: 12ch;
  }
  .w-\[150px\] {
    width: 150px;
  }
  .w-\[1px\] {
    width: 1px;
  }
  .w-\[2\.625rem\] {
    width: 2.625rem;
  }
  .w-\[20p\] {
    width: 20p;
  }
  .w-\[240px\] {
    width: 240px;
  }
  .w-\[250px\] {
    width: 250px;
  }
  .w-\[260px\] {
    width: 260px;
  }
  .w-\[330px\] {
    width: 330px;
  }
  .w-\[34rem\] {
    width: 34rem;
  }
  .w-\[37\.5px\] {
    width: 37.5px;
  }
  .w-\[5ch\] {
    width: 5ch;
  }
  .w-\[60vw\] {
    width: 60vw;
  }
  .w-\[650px\] {
    width: 650px;
  }
  .w-\[961px\] {
    width: 961px;
  }
  .w-auto {
    width: auto;
  }
  .w-full {
    width: 100%;
  }
  .w-screen {
    width: 100vw;
  }
  .min-w-0 {
    min-width: 0px;
  }
  .min-w-20 {
    min-width: 5rem;
  }
  .min-w-28 {
    min-width: 7rem;
  }
  .min-w-28\.5 {
    min-width: 7.125rem;
  }
  .min-w-36 {
    min-width: 9rem;
  }
  .min-w-5 {
    min-width: 1.25rem;
  }
  .min-w-\[1\.5rem\] {
    min-width: 1.5rem;
  }
  .min-w-\[10rem\] {
    min-width: 10rem;
  }
  .min-w-\[150px\] {
    min-width: 150px;
  }
  .min-w-\[16px\] {
    min-width: 16px;
  }
  .min-w-\[1rem\] {
    min-width: 1rem;
  }
  .min-w-\[50px\] {
    min-width: 50px;
  }
  .min-w-\[73px\] {
    min-width: 73px;
  }
  .min-w-\[7rem\] {
    min-width: 7rem;
  }
  .min-w-fit {
    min-width: fit-content;
  }
  .min-w-full {
    min-width: 100%;
  }
  .max-w-2xl {
    max-width: 42rem;
  }
  .max-w-32 {
    max-width: 8rem;
  }
  .max-w-40 {
    max-width: 10rem;
  }
  .max-w-60 {
    max-width: 15rem;
  }
  .max-w-\[122px\] {
    max-width: 122px;
  }
  .max-w-\[130px\] {
    max-width: 130px;
  }
  .max-w-\[200px\] {
    max-width: 200px;
  }
  .max-w-\[25\%\] {
    max-width: 25%;
  }
  .max-w-\[76px\] {
    max-width: 76px;
  }
  .max-w-\[92px\] {
    max-width: 92px;
  }
  .max-w-\[95vw\] {
    max-width: 95vw;
  }
  .max-w-full {
    max-width: 100%;
  }
  .max-w-lg {
    max-width: 32rem;
  }
  .max-w-max {
    max-width: max-content;
  }
  .max-w-screen-sm {
    max-width: 640px;
  }
  .max-w-screen-xl {
    max-width: 1280px;
  }
  .max-w-sm {
    max-width: 24rem;
  }
  .max-w-xs {
    max-width: 20rem;
  }
  .\!flex-none {
    flex: none !important;
  }
  .flex-1 {
    flex: 1 1 0%;
  }
  .flex-\[2\] {
    flex: 2;
  }
  .flex-auto {
    flex: 1 1 auto;
  }
  .flex-initial {
    flex: 0 1 auto;
  }
  .flex-none {
    flex: none;
  }
  .flex-shrink-0 {
    flex-shrink: 0;
  }
  .shrink {
    flex-shrink: 1;
  }
  .shrink-0 {
    flex-shrink: 0;
  }
  .flex-grow {
    flex-grow: 1;
  }
  .flex-grow-0 {
    flex-grow: 0;
  }
  .flex-grow-\[2\] {
    flex-grow: 2;
  }
  .grow {
    flex-grow: 1;
  }
  .basis-1\/2 {
    flex-basis: 50%;
  }
  .basis-1\/4 {
    flex-basis: 25%;
  }
  .basis-3\/4 {
    flex-basis: 75%;
  }
  .basis-\[300px\] {
    flex-basis: 300px;
  }
  .basis-\[70px\] {
    flex-basis: 70px;
  }
  .basis-auto {
    flex-basis: auto;
  }
  .basis-full {
    flex-basis: 100%;
  }
  .border-separate {
    border-collapse: separate;
  }
  .border-spacing-1 {
    --tw-border-spacing-x: 0.25rem;
    --tw-border-spacing-y: 0.25rem;
    border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
  }
  .border-spacing-2 {
    --tw-border-spacing-x: 0.5rem;
    --tw-border-spacing-y: 0.5rem;
    border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
  }
  .origin-top {
    transform-origin: top;
  }
  .origin-top-right {
    transform-origin: top right;
  }
  .-translate-y-1\/2 {
    --tw-translate-y: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  .-translate-y-2\/4 {
    --tw-translate-y: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  .translate-x-2\/4 {
    --tw-translate-x: 50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  .rotate-180 {
    --tw-rotate: 180deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  .scale-y-0 {
    --tw-scale-y: 0;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  .transform {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  .cursor-auto {
    cursor: auto;
  }
  .cursor-default {
    cursor: default;
  }
  .cursor-move {
    cursor: move;
  }
  .cursor-not-allowed {
    cursor: not-allowed;
  }
  .cursor-pointer {
    cursor: pointer;
  }
  .resize-none {
    resize: none;
  }
  .resize {
    resize: both;
  }
  .list-inside {
    list-style-position: inside;
  }
  .list-decimal {
    list-style-type: decimal;
  }
  .list-disc {
    list-style-type: disc;
  }
  .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-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .grid-cols-\[1fr_auto\] {
    grid-template-columns: 1fr auto;
  }
  .grid-cols-\[1rem\,auto\] {
    grid-template-columns: 1rem auto;
  }
  .grid-cols-\[24px\,auto\] {
    grid-template-columns: 24px auto;
  }
  .grid-cols-\[auto_auto\] {
    grid-template-columns: auto auto;
  }
  .grid-cols-\[repeat\(auto-fill\,minmax\(180px\,1fr\)\)\] {
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
  }
  .grid-cols-\[repeat\(auto-fill\,minmax\(275px\,1fr\)\)\] {
    grid-template-columns: repeat(auto-fill, minmax(275px, 1fr));
  }
  .grid-cols-\[repeat\(auto-fill\,minmax\(400px\,1fr\)\)\] {
    grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));
  }
  .flex-row {
    flex-direction: row;
  }
  .flex-row-reverse {
    flex-direction: row-reverse;
  }
  .flex-col {
    flex-direction: column;
  }
  .flex-col-reverse {
    flex-direction: column-reverse;
  }
  .flex-wrap {
    flex-wrap: wrap;
  }
  .flex-nowrap {
    flex-wrap: nowrap;
  }
  .place-items-center {
    place-items: center;
  }
  .place-items-stretch {
    place-items: stretch;
  }
  .items-start {
    align-items: flex-start;
  }
  .items-end {
    align-items: flex-end;
  }
  .items-center {
    align-items: center;
  }
  .items-baseline {
    align-items: baseline;
  }
  .items-stretch {
    align-items: stretch;
  }
  .justify-start {
    justify-content: flex-start;
  }
  .justify-end {
    justify-content: flex-end;
  }
  .justify-center {
    justify-content: center;
  }
  .justify-between {
    justify-content: space-between;
  }
  .justify-around {
    justify-content: space-around;
  }
  .justify-evenly {
    justify-content: space-evenly;
  }
  .justify-stretch {
    justify-content: stretch;
  }
  .gap-0\.5 {
    gap: 0.125rem;
  }
  .gap-1 {
    gap: 0.25rem;
  }
  .gap-1\.5 {
    gap: 0.375rem;
  }
  .gap-10 {
    gap: 2.5rem;
  }
  .gap-12 {
    gap: 3rem;
  }
  .gap-2 {
    gap: 0.5rem;
  }
  .gap-2\.5 {
    gap: 0.625rem;
  }
  .gap-3 {
    gap: 0.75rem;
  }
  .gap-3\.5 {
    gap: 0.875rem;
  }
  .gap-4 {
    gap: 1rem;
  }
  .gap-5 {
    gap: 1.25rem;
  }
  .gap-6 {
    gap: 1.5rem;
  }
  .gap-8 {
    gap: 2rem;
  }
  .gap-x-16 {
    column-gap: 4rem;
  }
  .gap-x-2 {
    column-gap: 0.5rem;
  }
  .gap-x-3 {
    column-gap: 0.75rem;
  }
  .gap-x-4 {
    column-gap: 1rem;
  }
  .gap-x-5 {
    column-gap: 1.25rem;
  }
  .gap-x-6 {
    column-gap: 1.5rem;
  }
  .gap-x-8 {
    column-gap: 2rem;
  }
  .gap-y-1 {
    row-gap: 0.25rem;
  }
  .gap-y-2 {
    row-gap: 0.5rem;
  }
  .gap-y-3 {
    row-gap: 0.75rem;
  }
  .gap-y-4 {
    row-gap: 1rem;
  }
  .gap-y-5 {
    row-gap: 1.25rem;
  }
  .gap-y-6 {
    row-gap: 1.5rem;
  }
  .space-x-1 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(0.25rem * var(--tw-space-x-reverse));
    margin-left: calc(0.25rem * calc(1 - var(--tw-space-x-reverse)));
  }
  .space-x-2 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(0.5rem * var(--tw-space-x-reverse));
    margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
  }
  .space-x-3 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(0.75rem * var(--tw-space-x-reverse));
    margin-left: calc(0.75rem * calc(1 - var(--tw-space-x-reverse)));
  }
  .space-x-4 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(1rem * var(--tw-space-x-reverse));
    margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
  }
  .space-x-5 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(1.25rem * var(--tw-space-x-reverse));
    margin-left: calc(1.25rem * calc(1 - var(--tw-space-x-reverse)));
  }
  .space-y-0\.5 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(0.125rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0.125rem * var(--tw-space-y-reverse));
  }
  .space-y-1 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));
  }
  .space-y-16 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(4rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(4rem * var(--tw-space-y-reverse));
  }
  .space-y-2 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
  }
  .space-y-3 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
  }
  .space-y-4 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1rem * var(--tw-space-y-reverse));
  }
  .space-y-5 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1.25rem * var(--tw-space-y-reverse));
  }
  .space-y-6 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
  }
  .space-y-8 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(2rem * var(--tw-space-y-reverse));
  }
  .divide-y > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-y-reverse: 0;
    border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
    border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
  }
  .divide-y-2 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-y-reverse: 0;
    border-top-width: calc(2px * calc(1 - var(--tw-divide-y-reverse)));
    border-bottom-width: calc(2px * var(--tw-divide-y-reverse));
  }
  .divide-y-4 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-y-reverse: 0;
    border-top-width: calc(4px * calc(1 - var(--tw-divide-y-reverse)));
    border-bottom-width: calc(4px * var(--tw-divide-y-reverse));
  }
  .divide-solid > :not([hidden]) ~ :not([hidden]) {
    border-style: solid;
  }
  .self-start {
    align-self: flex-start;
  }
  .self-end {
    align-self: flex-end;
  }
  .self-center {
    align-self: center;
  }
  .self-stretch {
    align-self: stretch;
  }
  .justify-self-stretch {
    justify-self: stretch;
  }
  .overflow-auto {
    overflow: auto;
  }
  .overflow-hidden {
    overflow: hidden;
  }
  .overflow-visible {
    overflow: visible;
  }
  .overflow-x-auto {
    overflow-x: auto;
  }
  .overflow-y-auto {
    overflow-y: auto;
  }
  .overflow-x-hidden {
    overflow-x: hidden;
  }
  .overflow-y-scroll {
    overflow-y: scroll;
  }
  .overscroll-contain {
    overscroll-behavior: contain;
  }
  .truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .overflow-ellipsis {
    text-overflow: ellipsis;
  }
  .whitespace-normal {
    white-space: normal;
  }
  .whitespace-nowrap {
    white-space: nowrap;
  }
  .whitespace-pre {
    white-space: pre;
  }
  .whitespace-pre-line {
    white-space: pre-line;
  }
  .text-wrap {
    text-wrap: wrap;
  }
  .break-words {
    overflow-wrap: break-word;
  }
  .break-all {
    word-break: break-all;
  }
  .rounded {
    border-radius: 5px;
  }
  .rounded-\[2px\] {
    border-radius: 2px;
  }
  .rounded-full {
    border-radius: 9999px;
  }
  .rounded-lg {
    border-radius: 10px;
  }
  .rounded-md {
    border-radius: var(--p-border-radius-md);
  }
  .rounded-none {
    border-radius: 0px;
  }
  .rounded-xl {
    border-radius: 0.75rem;
  }
  .rounded-r-none {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
  }
  .border {
    border-width: 1px;
  }
  .border-0 {
    border-width: 0px;
  }
  .border-2 {
    border-width: 2px;
  }
  .border-\[1\.5px\] {
    border-width: 1.5px;
  }
  .border-y {
    border-top-width: 1px;
    border-bottom-width: 1px;
  }
  .border-b {
    border-bottom-width: 1px;
  }
  .border-b-0 {
    border-bottom-width: 0px;
  }
  .border-b-2 {
    border-bottom-width: 2px;
  }
  .border-l {
    border-left-width: 1px;
  }
  .border-l-\[6px\] {
    border-left-width: 6px;
  }
  .border-r {
    border-right-width: 1px;
  }
  .border-r-0 {
    border-right-width: 0px;
  }
  .border-t {
    border-top-width: 1px;
  }
  .border-t-2 {
    border-top-width: 2px;
  }
  .border-solid {
    border-style: solid;
  }
  .border-dashed {
    border-style: dashed;
  }
  .border-none {
    border-style: none;
  }
  .border-\[\#8aa2d9\] {
    --tw-border-opacity: 1;
    border-color: rgb(138 162 217 / var(--tw-border-opacity, 1));
  }
  .border-\[\#E5E7EB33\] {
    border-color: #E5E7EB33;
  }
  .border-\[var\(--app-ink-200\)\] {
    border-color: var(--app-ink-200);
  }
  .border-\[var\(--p-content-background\)\] {
    border-color: var(--p-content-background);
  }
  .border-blue-500 {
    border-color: var(--p-primary-500);
  }
  .border-blue-550 {
    border-color: var(--app-blue-550);
  }
  .border-green-600 {
    --tw-border-opacity: 1;
    border-color: rgb(5 150 105 / var(--tw-border-opacity, 1));
  }
  .border-ink-200 {
    border-color: var(--app-ink-200);
  }
  .border-ink-300 {
    border-color: var(--app-ink-300);
  }
  .border-ink-350 {
    border-color: var(--app-ink-350);
  }
  .border-ink-600 {
    border-color: var(--app-ink-600);
  }
  .border-red-500 {
    --tw-border-opacity: 1;
    border-color: rgb(245 101 101 / var(--tw-border-opacity, 1));
  }
  .border-red-600 {
    --tw-border-opacity: 1;
    border-color: rgb(220 38 38 / var(--tw-border-opacity, 1));
  }
  .border-surface-0 {
    --tw-border-opacity: 1;
    border-color: color-mix(in srgb, var(--p-surface-0) calc(100% * var(--tw-border-opacity, 1)), transparent);
  }
  .border-surface-100 {
    --tw-border-opacity: 1;
    border-color: color-mix(in srgb, var(--p-surface-100) calc(100% * var(--tw-border-opacity, 1)), transparent);
  }
  .border-surface-200 {
    --tw-border-opacity: 1;
    border-color: color-mix(in srgb, var(--p-surface-200) calc(100% * var(--tw-border-opacity, 1)), transparent);
  }
  .border-transparent {
    border-color: transparent;
  }
  .border-white {
    --tw-border-opacity: 1;
    border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
  }
  .border-white\/10 {
    border-color: rgb(255 255 255 / 0.1);
  }
  .border-white\/5 {
    border-color: rgb(255 255 255 / 0.05);
  }
  .border-white\/\[\.12\] {
    border-color: rgb(255 255 255 / .12);
  }
  .border-yellow-450 {
    --tw-border-opacity: 1;
    border-color: rgb(245 160 41 / var(--tw-border-opacity, 1));
  }
  .border-l-blue-500 {
    border-left-color: var(--p-primary-500);
  }
  .bg-\[\#04162a\] {
    --tw-bg-opacity: 1;
    background-color: rgb(4 22 42 / var(--tw-bg-opacity, 1));
  }
  .bg-\[\#0d1f33\]\/90 {
    background-color: rgb(13 31 51 / 0.9);
  }
  .bg-\[\#15233b\] {
    --tw-bg-opacity: 1;
    background-color: rgb(21 35 59 / var(--tw-bg-opacity, 1));
  }
  .bg-\[\#1f9d6b\] {
    --tw-bg-opacity: 1;
    background-color: rgb(31 157 107 / var(--tw-bg-opacity, 1));
  }
  .bg-\[\#222c3a\] {
    --tw-bg-opacity: 1;
    background-color: rgb(34 44 58 / var(--tw-bg-opacity, 1));
  }
  .bg-\[\#e0533d\] {
    --tw-bg-opacity: 1;
    background-color: rgb(224 83 61 / var(--tw-bg-opacity, 1));
  }
  .bg-\[\#e6a23c\] {
    --tw-bg-opacity: 1;
    background-color: rgb(230 162 60 / var(--tw-bg-opacity, 1));
  }
  .bg-\[var\(--p-primary-500\)\] {
    background-color: var(--p-primary-500);
  }
  .bg-\[var\(--p-surface-0\)\] {
    background-color: var(--p-surface-0);
  }
  .bg-black\/25 {
    background-color: rgb(0 0 0 / 0.25);
  }
  .bg-blue-100 {
    background-color: var(--p-primary-100);
  }
  .bg-blue-400 {
    background-color: var(--p-primary-400);
  }
  .bg-blue-50 {
    background-color: var(--p-primary-50);
  }
  .bg-blue-500 {
    background-color: var(--p-primary-500);
  }
  .bg-blue-550 {
    background-color: var(--app-blue-550);
  }
  .bg-blue-800 {
    background-color: var(--p-primary-800);
  }
  .bg-blue-900 {
    background-color: var(--p-primary-900);
  }
  .bg-current {
    background-color: currentColor;
  }
  .bg-green-350 {
    --tw-bg-opacity: 1;
    background-color: rgb(81 221 168 / var(--tw-bg-opacity, 1));
  }
  .bg-green-400 {
    --tw-bg-opacity: 1;
    background-color: rgb(52 211 153 / var(--tw-bg-opacity, 1));
  }
  .bg-green-50 {
    --tw-bg-opacity: 1;
    background-color: rgb(236 253 245 / var(--tw-bg-opacity, 1));
  }
  .bg-green-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(16 185 129 / var(--tw-bg-opacity, 1));
  }
  .bg-indigo-50 {
    --tw-bg-opacity: 1;
    background-color: rgb(238 242 255 / var(--tw-bg-opacity, 1));
  }
  .bg-ink {
    background-color: var(--app-ink-0);
  }
  .bg-ink-100 {
    background-color: var(--app-ink-100);
  }
  .bg-ink-200 {
    background-color: var(--app-ink-200);
  }
  .bg-ink-50 {
    background-color: var(--app-ink-50);
  }
  .bg-lime-50 {
    --tw-bg-opacity: 1;
    background-color: rgb(247 254 231 / var(--tw-bg-opacity, 1));
  }
  .bg-primary-50 {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--p-primary-50) calc(100% * var(--tw-bg-opacity, 1)), transparent);
  }
  .bg-primary-500 {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--p-primary-500) calc(100% * var(--tw-bg-opacity, 1)), transparent);
  }
  .bg-red-200 {
    --tw-bg-opacity: 1;
    background-color: rgb(254 202 202 / var(--tw-bg-opacity, 1));
  }
  .bg-red-50 {
    --tw-bg-opacity: 1;
    background-color: rgb(254 242 242 / var(--tw-bg-opacity, 1));
  }
  .bg-red-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(245 101 101 / var(--tw-bg-opacity, 1));
  }
  .bg-red-550 {
    --tw-bg-opacity: 1;
    background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1));
  }
  .bg-red-600 {
    --tw-bg-opacity: 1;
    background-color: rgb(220 38 38 / var(--tw-bg-opacity, 1));
  }
  .bg-surface-0 {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--p-surface-0) calc(100% * var(--tw-bg-opacity, 1)), transparent);
  }
  .bg-surface-100 {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--p-surface-100) calc(100% * var(--tw-bg-opacity, 1)), transparent);
  }
  .bg-surface-200 {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--p-surface-200) calc(100% * var(--tw-bg-opacity, 1)), transparent);
  }
  .bg-surface-300 {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--p-surface-300) calc(100% * var(--tw-bg-opacity, 1)), transparent);
  }
  .bg-surface-400 {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--p-surface-400) calc(100% * var(--tw-bg-opacity, 1)), transparent);
  }
  .bg-surface-50 {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--p-surface-50) calc(100% * var(--tw-bg-opacity, 1)), transparent);
  }
  .bg-surface-700 {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--p-surface-700) calc(100% * var(--tw-bg-opacity, 1)), transparent);
  }
  .bg-transparent {
    background-color: transparent;
  }
  .bg-white {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  }
  .bg-white\/10 {
    background-color: rgb(255 255 255 / 0.1);
  }
  .bg-white\/20 {
    background-color: rgb(255 255 255 / 0.2);
  }
  .bg-white\/25 {
    background-color: rgb(255 255 255 / 0.25);
  }
  .bg-white\/\[\.07\] {
    background-color: rgb(255 255 255 / .07);
  }
  .bg-white\/\[\.9\] {
    background-color: rgb(255 255 255 / .9);
  }
  .bg-yellow-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(254 243 199 / var(--tw-bg-opacity, 1));
  }
  .bg-yellow-200 {
    --tw-bg-opacity: 1;
    background-color: rgb(253 230 138 / var(--tw-bg-opacity, 1));
  }
  .bg-yellow-400 {
    --tw-bg-opacity: 1;
    background-color: rgb(251 191 36 / var(--tw-bg-opacity, 1));
  }
  .bg-yellow-50 {
    --tw-bg-opacity: 1;
    background-color: rgb(255 251 235 / var(--tw-bg-opacity, 1));
  }
  .bg-opacity-10 {
    --tw-bg-opacity: 0.1;
  }
  .bg-opacity-40 {
    --tw-bg-opacity: 0.4;
  }
  .bg-opacity-80 {
    --tw-bg-opacity: 0.8;
  }
  .bg-\[linear-gradient\(180deg\,_rgba\(135\,212\,255\,0\.5\)_0\%\,_rgba\(0\,93\,207\,0\.5\)_100\%\)\] {
    background-image:
      linear-gradient(
        180deg,
        rgba(135, 212, 255, 0.5) 0%,
        rgba(0, 93, 207, 0.5) 100%);
  }
  .bg-none {
    background-image: none;
  }
  .bg-contain {
    background-size: contain;
  }
  .bg-center {
    background-position: center;
  }
  .bg-no-repeat {
    background-repeat: no-repeat;
  }
  .object-contain {
    object-fit: contain;
  }
  .object-cover {
    object-fit: cover;
  }
  .\!p-1 {
    padding: 0.25rem !important;
  }
  .p-0 {
    padding: 0px;
  }
  .p-0\.5 {
    padding: 0.125rem;
  }
  .p-1 {
    padding: 0.25rem;
  }
  .p-1\.5 {
    padding: 0.375rem;
  }
  .p-10 {
    padding: 2.5rem;
  }
  .p-12 {
    padding: 3rem;
  }
  .p-2 {
    padding: 0.5rem;
  }
  .p-3 {
    padding: 0.75rem;
  }
  .p-4 {
    padding: 1rem;
  }
  .p-4-plus {
    padding: 1.125rem;
  }
  .p-5 {
    padding: 1.25rem;
  }
  .p-6 {
    padding: 1.5rem;
  }
  .p-7 {
    padding: 1.75rem;
  }
  .p-8 {
    padding: 2rem;
  }
  .p-\[10px\] {
    padding: 10px;
  }
  .\!px-2 {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }
  .\!py-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .px-0 {
    padding-left: 0px;
    padding-right: 0px;
  }
  .px-1 {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }
  .px-1\.5 {
    padding-left: 0.375rem;
    padding-right: 0.375rem;
  }
  .px-12 {
    padding-left: 3rem;
    padding-right: 3rem;
  }
  .px-2 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  .px-2\.5 {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
  }
  .px-3 {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
  .px-36 {
    padding-left: 9rem;
    padding-right: 9rem;
  }
  .px-4 {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .px-4-plus {
    padding-left: 1.125rem;
    padding-right: 1.125rem;
  }
  .px-5 {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
  .px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  .px-7 {
    padding-left: 1.75rem;
    padding-right: 1.75rem;
  }
  .px-8 {
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .px-\[30px\] {
    padding-left: 30px;
    padding-right: 30px;
  }
  .py-0 {
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .py-0\.5 {
    padding-top: 0.125rem;
    padding-bottom: 0.125rem;
  }
  .py-1 {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
  }
  .py-1\.5 {
    padding-top: 0.375rem;
    padding-bottom: 0.375rem;
  }
  .py-10 {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }
  .py-16 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
  .py-2 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
  .py-2\.5 {
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
  }
  .py-2px {
    padding-top: 2px;
    padding-bottom: 2px;
  }
  .py-3 {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }
  .py-3\.5 {
    padding-top: 0.875rem;
    padding-bottom: 0.875rem;
  }
  .py-4 {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  .py-4-plus {
    padding-top: 1.125rem;
    padding-bottom: 1.125rem;
  }
  .py-5 {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }
  .py-6 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }
  .py-7 {
    padding-top: 1.75rem;
    padding-bottom: 1.75rem;
  }
  .py-8 {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
  .pb-0 {
    padding-bottom: 0px;
  }
  .pb-0\.5 {
    padding-bottom: 0.125rem;
  }
  .pb-1 {
    padding-bottom: 0.25rem;
  }
  .pb-12 {
    padding-bottom: 3rem;
  }
  .pb-14 {
    padding-bottom: 3.5rem;
  }
  .pb-2 {
    padding-bottom: 0.5rem;
  }
  .pb-20 {
    padding-bottom: 5rem;
  }
  .pb-3 {
    padding-bottom: 0.75rem;
  }
  .pb-4 {
    padding-bottom: 1rem;
  }
  .pb-5 {
    padding-bottom: 1.25rem;
  }
  .pb-6 {
    padding-bottom: 1.5rem;
  }
  .pb-7 {
    padding-bottom: 1.75rem;
  }
  .pb-8 {
    padding-bottom: 2rem;
  }
  .pl-0 {
    padding-left: 0px;
  }
  .pl-1 {
    padding-left: 0.25rem;
  }
  .pl-2 {
    padding-left: 0.5rem;
  }
  .pl-3 {
    padding-left: 0.75rem;
  }
  .pl-4 {
    padding-left: 1rem;
  }
  .pl-5 {
    padding-left: 1.25rem;
  }
  .pl-6 {
    padding-left: 1.5rem;
  }
  .pl-8 {
    padding-left: 2rem;
  }
  .pr-0 {
    padding-right: 0px;
  }
  .pr-1 {
    padding-right: 0.25rem;
  }
  .pr-10 {
    padding-right: 2.5rem;
  }
  .pr-12 {
    padding-right: 3rem;
  }
  .pr-2 {
    padding-right: 0.5rem;
  }
  .pr-3 {
    padding-right: 0.75rem;
  }
  .pr-4 {
    padding-right: 1rem;
  }
  .pr-5 {
    padding-right: 1.25rem;
  }
  .pr-6 {
    padding-right: 1.5rem;
  }
  .pr-8 {
    padding-right: 2rem;
  }
  .pr-\[8px\] {
    padding-right: 8px;
  }
  .pt-0 {
    padding-top: 0px;
  }
  .pt-1 {
    padding-top: 0.25rem;
  }
  .pt-1\.5 {
    padding-top: 0.375rem;
  }
  .pt-10 {
    padding-top: 2.5rem;
  }
  .pt-2 {
    padding-top: 0.5rem;
  }
  .pt-3 {
    padding-top: 0.75rem;
  }
  .pt-3\.5 {
    padding-top: 0.875rem;
  }
  .pt-4 {
    padding-top: 1rem;
  }
  .pt-5 {
    padding-top: 1.25rem;
  }
  .pt-6 {
    padding-top: 1.5rem;
  }
  .pt-7 {
    padding-top: 1.75rem;
  }
  .pt-9 {
    padding-top: 2.25rem;
  }
  .text-left {
    text-align: left;
  }
  .text-center {
    text-align: center;
  }
  .text-right {
    text-align: right;
  }
  .align-top {
    vertical-align: top;
  }
  .align-middle {
    vertical-align: middle;
  }
  .font-secondary {
    font-family: var(--app-font-family-secondary);
  }
  .\!text-xs {
    font-size: 0.75rem !important;
    line-height: 1rem !important;
  }
  .text-2xl {
    font-size: 1.5rem;
    line-height: 2rem;
  }
  .text-2xl-plus {
    font-size: 28px;
  }
  .text-2xs {
    font-size: 11px;
  }
  .text-3xl {
    font-size: 1.875rem;
    line-height: 2.25rem;
  }
  .text-3xl-plus {
    font-size: 34px;
  }
  .text-4xl {
    font-size: 2.25rem;
    line-height: 2.5rem;
  }
  .text-8xl {
    font-size: 6rem;
    line-height: 1;
  }
  .text-\[0\.7rem\] {
    font-size: 0.7rem;
  }
  .text-\[10px\] {
    font-size: 10px;
  }
  .text-\[11px\] {
    font-size: 11px;
  }
  .text-\[13px\] {
    font-size: 13px;
  }
  .text-\[18px\] {
    font-size: 18px;
  }
  .text-\[20px\] {
    font-size: 20px;
  }
  .text-\[24px\] {
    font-size: 24px;
  }
  .text-\[5px\] {
    font-size: 5px;
  }
  .text-base {
    font-size: 1rem;
    line-height: 1.5rem;
  }
  .text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
  .text-sm {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
  .text-sm-plus {
    font-size: 15px;
  }
  .text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
  .text-xl-plus {
    font-size: 22px;
  }
  .text-xs {
    font-size: 0.75rem;
    line-height: 1rem;
  }
  .text-xs-plus {
    font-size: 13px;
  }
  .font-bold {
    font-weight: 700;
  }
  .font-extrabold {
    font-weight: 800;
  }
  .font-light {
    font-weight: 300;
  }
  .font-medium {
    font-weight: 500;
  }
  .font-medium-minus {
    font-weight: 450;
  }
  .font-normal {
    font-weight: 400;
  }
  .font-semibold {
    font-weight: 600;
  }
  .font-semibold-minus {
    font-weight: 550;
  }
  .uppercase {
    text-transform: uppercase;
  }
  .lowercase {
    text-transform: lowercase;
  }
  .capitalize {
    text-transform: capitalize;
  }
  .italic {
    font-style: italic;
  }
  .tabular-nums {
    --tw-numeric-spacing: tabular-nums;
    font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
  }
  .leading-10 {
    line-height: 2.5rem;
  }
  .leading-3 {
    line-height: .75rem;
  }
  .leading-4 {
    line-height: 1rem;
  }
  .leading-5 {
    line-height: 1.25rem;
  }
  .leading-6 {
    line-height: 1.5rem;
  }
  .leading-7 {
    line-height: 1.75rem;
  }
  .leading-8 {
    line-height: 2rem;
  }
  .leading-\[100\%\] {
    line-height: 100%;
  }
  .leading-\[16px\] {
    line-height: 16px;
  }
  .leading-none {
    line-height: 1;
  }
  .leading-snug {
    line-height: 1.375;
  }
  .leading-tight {
    line-height: 1.25;
  }
  .tracking-\[0\%\] {
    letter-spacing: 0%;
  }
  .tracking-normal {
    letter-spacing: 0em;
  }
  .tracking-tight {
    letter-spacing: -0.025em;
  }
  .tracking-wide {
    letter-spacing: 0.025em;
  }
  .tracking-wider {
    letter-spacing: 0.05em;
  }
  .text-\[\#aab8c9\] {
    --tw-text-opacity: 1;
    color: rgb(170 184 201 / var(--tw-text-opacity, 1));
  }
  .text-\[var\(--text-color-secondary\)\] {
    color: var(--text-color-secondary);
  }
  .text-black {
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity, 1));
  }
  .text-blue-100 {
    color: var(--p-primary-100);
  }
  .text-blue-400 {
    color: var(--p-primary-400);
  }
  .text-blue-500 {
    color: var(--p-primary-500);
  }
  .text-blue-600 {
    color: var(--p-primary-600);
  }
  .text-blue-800 {
    color: var(--p-primary-800);
  }
  .text-blue-900 {
    color: var(--p-primary-900);
  }
  .text-error {
    color: var(--app-status-error);
  }
  .text-green-400 {
    --tw-text-opacity: 1;
    color: rgb(52 211 153 / var(--tw-text-opacity, 1));
  }
  .text-green-500 {
    --tw-text-opacity: 1;
    color: rgb(16 185 129 / var(--tw-text-opacity, 1));
  }
  .text-green-600 {
    --tw-text-opacity: 1;
    color: rgb(5 150 105 / var(--tw-text-opacity, 1));
  }
  .text-green-800 {
    --tw-text-opacity: 1;
    color: rgb(6 95 70 / var(--tw-text-opacity, 1));
  }
  .text-ink {
    color: var(--app-ink-0);
  }
  .text-ink-200 {
    color: var(--app-ink-200);
  }
  .text-ink-300 {
    color: var(--app-ink-300);
  }
  .text-ink-350 {
    color: var(--app-ink-350);
  }
  .text-ink-400 {
    color: var(--app-ink-400);
  }
  .text-ink-50 {
    color: var(--app-ink-50);
  }
  .text-ink-500 {
    color: var(--app-ink-500);
  }
  .text-ink-600 {
    color: var(--app-ink-600);
  }
  .text-ink-700 {
    color: var(--app-ink-700);
  }
  .text-ink-800 {
    color: var(--app-ink-800);
  }
  .text-ink-900 {
    color: var(--app-ink-900);
  }
  .text-primary {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--p-primary-color) calc(100% * var(--tw-text-opacity, 1)), transparent);
  }
  .text-primary-300 {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--p-primary-300) calc(100% * var(--tw-text-opacity, 1)), transparent);
  }
  .text-primary-50 {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--p-primary-50) calc(100% * var(--tw-text-opacity, 1)), transparent);
  }
  .text-primary-700 {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--p-primary-700) calc(100% * var(--tw-text-opacity, 1)), transparent);
  }
  .text-red-500 {
    --tw-text-opacity: 1;
    color: rgb(245 101 101 / var(--tw-text-opacity, 1));
  }
  .text-red-550 {
    --tw-text-opacity: 1;
    color: rgb(239 68 68 / var(--tw-text-opacity, 1));
  }
  .text-red-600 {
    --tw-text-opacity: 1;
    color: rgb(220 38 38 / var(--tw-text-opacity, 1));
  }
  .text-white {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  }
  .text-white\/40 {
    color: rgb(255 255 255 / 0.4);
  }
  .text-white\/55 {
    color: rgb(255 255 255 / 0.55);
  }
  .text-white\/60 {
    color: rgb(255 255 255 / 0.6);
  }
  .text-white\/70 {
    color: rgb(255 255 255 / 0.7);
  }
  .text-white\/85 {
    color: rgb(255 255 255 / 0.85);
  }
  .text-yellow-300 {
    --tw-text-opacity: 1;
    color: rgb(252 211 77 / var(--tw-text-opacity, 1));
  }
  .text-yellow-400 {
    --tw-text-opacity: 1;
    color: rgb(251 191 36 / var(--tw-text-opacity, 1));
  }
  .text-yellow-500 {
    --tw-text-opacity: 1;
    color: rgb(237 137 54 / var(--tw-text-opacity, 1));
  }
  .text-yellow-600 {
    --tw-text-opacity: 1;
    color: rgb(217 119 6 / var(--tw-text-opacity, 1));
  }
  .underline {
    text-decoration-line: underline;
  }
  .no-underline {
    text-decoration-line: none;
  }
  .underline-offset-4 {
    text-underline-offset: 4px;
  }
  .accent-primary-500 {
    accent-color: color-mix(in srgb, var(--p-primary-500) calc(100% * 1), transparent);
  }
  .\!opacity-100 {
    opacity: 1 !important;
  }
  .opacity-0 {
    opacity: 0;
  }
  .opacity-30 {
    opacity: 0.3;
  }
  .opacity-40 {
    opacity: 0.4;
  }
  .opacity-50 {
    opacity: 0.5;
  }
  .opacity-60 {
    opacity: 0.6;
  }
  .opacity-70 {
    opacity: 0.7;
  }
  .shadow {
    --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
    box-shadow:
      var(--tw-ring-offset-shadow, 0 0 #0000),
      var(--tw-ring-shadow, 0 0 #0000),
      var(--tw-shadow);
  }
  .shadow-lg {
    --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
    box-shadow:
      var(--tw-ring-offset-shadow, 0 0 #0000),
      var(--tw-ring-shadow, 0 0 #0000),
      var(--tw-shadow);
  }
  .shadow-md {
    --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
    box-shadow:
      var(--tw-ring-offset-shadow, 0 0 #0000),
      var(--tw-ring-shadow, 0 0 #0000),
      var(--tw-shadow);
  }
  .shadow-none {
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    box-shadow:
      var(--tw-ring-offset-shadow, 0 0 #0000),
      var(--tw-ring-shadow, 0 0 #0000),
      var(--tw-shadow);
  }
  .shadow-sm {
    --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
    --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
    box-shadow:
      var(--tw-ring-offset-shadow, 0 0 #0000),
      var(--tw-ring-shadow, 0 0 #0000),
      var(--tw-shadow);
  }
  .outline-none {
    outline: 2px solid transparent;
    outline-offset: 2px;
  }
  .outline {
    outline-style: solid;
  }
  .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);
  }
  .drop-shadow {
    --tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / 0.1)) drop-shadow(0 1px 1px rgb(0 0 0 / 0.06));
    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);
  }
  .drop-shadow-map {
    --tw-drop-shadow: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.2));
    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);
  }
  .drop-shadow-sm {
    --tw-drop-shadow: drop-shadow(0 1px 1px rgb(0 0 0 / 0.05));
    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) !important;
  }
  .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);
  }
  .backdrop-blur {
    --tw-backdrop-blur: blur(8px);
    -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  }
  .backdrop-filter {
    -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  }
  .transition {
    transition-property:
      color,
      background-color,
      border-color,
      text-decoration-color,
      fill,
      stroke,
      opacity,
      box-shadow,
      transform,
      filter,
      backdrop-filter;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
  }
  .transition-\[transform\,opacity\] {
    transition-property: transform, opacity;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
  }
  .transition-\[width\,height\] {
    transition-property: width, height;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
  }
  .transition-\[width\] {
    transition-property: width;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
  }
  .transition-all {
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
  }
  .transition-colors {
    transition-property:
      color,
      background-color,
      border-color,
      text-decoration-color,
      fill,
      stroke;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
  }
  .transition-none {
    transition-property: none;
  }
  .transition-transform {
    transition-property: transform;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
  }
  .duration-150 {
    transition-duration: 150ms;
  }
  .duration-300 {
    transition-duration: 300ms;
  }
  .ease-in {
    transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
  }
  .ease-in-out {
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  }
  .ease-out {
    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
  }
  .text-color {
    color: var(--p-text-color);
  }
  .text-muted-color {
    color: var(--p-text-muted-color);
  }
  @keyframes enter {
    from {
      opacity: var(--p-enter-opacity, 1);
      transform: translate3d(var(--p-enter-translate-x, 0), var(--p-enter-translate-y, 0), 0) scale3d(var(--p-enter-scale, 1), var(--p-enter-scale, 1), var(--p-enter-scale, 1)) rotate(var(--p-enter-rotate, 0));
    }
  }
  @keyframes leave {
    to {
      opacity: var(--p-leave-opacity, 1);
      transform: translate3d(var(--p-leave-translate-x, 0), var(--p-leave-translate-y, 0), 0) scale3d(var(--p-leave-scale, 1), var(--p-leave-scale, 1), var(--p-leave-scale, 1)) rotate(var(--p-leave-rotate, 0));
    }
  }
  .\[text-shadow\:0px_0px_5px_rgba\(0\,0\,0\,0\.2\)\] {
    text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
  }
}
@layer tailwind-variants {
  .hover\:rounded:hover {
    border-radius: 5px;
  }
  .hover\:border-blue-400:hover {
    border-color: var(--p-primary-400);
  }
  .hover\:border-ink-200:hover {
    border-color: var(--app-ink-200);
  }
  .hover\:border-transparent:hover {
    border-color: transparent;
  }
  .hover\:bg-blue-100:hover {
    background-color: var(--p-primary-100);
  }
  .hover\:bg-blue-300:hover {
    background-color: var(--p-primary-300);
  }
  .hover\:bg-blue-600:hover {
    background-color: var(--p-primary-600);
  }
  .hover\:bg-green-500:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(16 185 129 / var(--tw-bg-opacity, 1));
  }
  .hover\:bg-hover-100:hover {
    background-color: var(--app-nav-hover-bg);
  }
  .hover\:bg-ink-100:hover {
    background-color: var(--app-ink-100);
  }
  .hover\:bg-ink-200:hover {
    background-color: var(--app-ink-200);
  }
  .hover\:bg-ink-50:hover {
    background-color: var(--app-ink-50);
  }
  .hover\:bg-surface-200:hover {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--p-surface-200) calc(100% * var(--tw-bg-opacity, 1)), transparent);
  }
  .hover\:bg-surface-50:hover {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--p-surface-50) calc(100% * var(--tw-bg-opacity, 1)), transparent);
  }
  .hover\:text-blue-600:hover {
    color: var(--p-primary-600);
  }
  .hover\:text-blue-700:hover {
    color: var(--p-primary-700);
  }
  .hover\:text-blue-800:hover {
    color: var(--p-primary-800);
  }
  .hover\:text-ink-300:hover {
    color: var(--app-ink-300);
  }
  .hover\:text-ink-500:hover {
    color: var(--app-ink-500);
  }
  .hover\:text-ink-700:hover {
    color: var(--app-ink-700);
  }
  .hover\:text-primary:hover {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--p-primary-color) calc(100% * var(--tw-text-opacity, 1)), transparent);
  }
  .hover\:text-primary-200:hover {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--p-primary-200) calc(100% * var(--tw-text-opacity, 1)), transparent);
  }
  .hover\:text-primary-300:hover {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--p-primary-300) calc(100% * var(--tw-text-opacity, 1)), transparent);
  }
  .hover\:text-white:hover {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  }
  .hover\:text-white\/80:hover {
    color: rgb(255 255 255 / 0.8);
  }
  .hover\:underline:hover {
    text-decoration-line: underline;
  }
  .hover\:decoration-primary:hover {
    text-decoration-color: color-mix(in srgb, var(--p-primary-color) calc(100% * 1), transparent);
  }
  .hover\:shadow-inner:hover {
    --tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
    --tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);
    box-shadow:
      var(--tw-ring-offset-shadow, 0 0 #0000),
      var(--tw-ring-shadow, 0 0 #0000),
      var(--tw-shadow);
  }
  .hover\:shadow-sm:hover {
    --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
    --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
    box-shadow:
      var(--tw-ring-offset-shadow, 0 0 #0000),
      var(--tw-ring-shadow, 0 0 #0000),
      var(--tw-shadow);
  }
  .hover\:brightness-95:hover {
    --tw-brightness: brightness(.95);
    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);
  }
  .hover\:saturate-150:hover {
    --tw-saturate: saturate(1.5);
    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);
  }
  .focus\:outline-none:focus {
    outline: 2px solid transparent;
    outline-offset: 2px;
  }
  .focus\:ring-1:focus {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow:
      var(--tw-ring-offset-shadow),
      var(--tw-ring-shadow),
      var(--tw-shadow, 0 0 #0000);
  }
  .focus\:ring-white:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(255 255 255 / var(--tw-ring-opacity, 1));
  }
  .disabled\:cursor-not-allowed:disabled {
    cursor: not-allowed;
  }
  .disabled\:text-ink-400:disabled {
    color: var(--app-ink-400);
  }
  .group:hover .group-hover\:text-primary {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--p-primary-color) calc(100% * var(--tw-text-opacity, 1)), transparent);
  }
  .group.expanded .group-\[\.expanded\]\:pointer-events-auto {
    pointer-events: auto;
  }
  .group.expanded .group-\[\.expanded\]\:flex {
    display: flex;
  }
  .group.expanded .group-\[\.expanded\]\:max-h-48 {
    max-height: 12rem;
  }
  .group.expanded .group-\[\.expanded\]\:scale-y-100 {
    --tw-scale-y: 1;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  .group.expanded .group-\[\.expanded\]\:flex-col {
    flex-direction: column;
  }
  .group.expanded .group-\[\.expanded\]\:items-start {
    align-items: flex-start;
  }
  .group.expanded .group-\[\.expanded\]\:opacity-100 {
    opacity: 1;
  }
  .dark\:border-ink-300:is(.dark *) {
    border-color: var(--app-ink-300);
  }
  .dark\:border-ink-600:is(.dark *) {
    border-color: var(--app-ink-600);
  }
  .dark\:border-surface-400:is(.dark *) {
    --tw-border-opacity: 1;
    border-color: color-mix(in srgb, var(--p-surface-400) calc(100% * var(--tw-border-opacity, 1)), transparent);
  }
  .dark\:border-surface-700:is(.dark *) {
    --tw-border-opacity: 1;
    border-color: color-mix(in srgb, var(--p-surface-700) calc(100% * var(--tw-border-opacity, 1)), transparent);
  }
  .dark\:border-white:is(.dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
  }
  .dark\:bg-\[\#2a4365\]:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(42 67 101 / var(--tw-bg-opacity, 1));
  }
  .dark\:bg-blue-800:is(.dark *) {
    background-color: var(--p-primary-800);
  }
  .dark\:bg-blue-900:is(.dark *) {
    background-color: var(--p-primary-900);
  }
  .dark\:bg-green-900:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(6 78 59 / var(--tw-bg-opacity, 1));
  }
  .dark\:bg-indigo-800:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(55 48 163 / var(--tw-bg-opacity, 1));
  }
  .dark\:bg-ink-100:is(.dark *) {
    background-color: var(--app-ink-100);
  }
  .dark\:bg-ink-50:is(.dark *) {
    background-color: var(--app-ink-50);
  }
  .dark\:bg-lime-900:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(54 83 20 / var(--tw-bg-opacity, 1));
  }
  .dark\:bg-red-900:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(127 29 29 / var(--tw-bg-opacity, 1));
  }
  .dark\:bg-surface-0:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--p-surface-0) calc(100% * var(--tw-bg-opacity, 1)), transparent);
  }
  .dark\:bg-surface-100:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--p-surface-100) calc(100% * var(--tw-bg-opacity, 1)), transparent);
  }
  .dark\:bg-surface-50:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--p-surface-50) calc(100% * var(--tw-bg-opacity, 1)), transparent);
  }
  .dark\:bg-surface-700:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--p-surface-700) calc(100% * var(--tw-bg-opacity, 1)), transparent);
  }
  .dark\:bg-white:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  }
  .dark\:bg-yellow-900:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(120 53 15 / var(--tw-bg-opacity, 1));
  }
  .dark\:bg-opacity-40:is(.dark *) {
    --tw-bg-opacity: 0.4;
  }
  .dark\:from-\[\#292c33\]:is(.dark *) {
    --tw-gradient-from: #292c33 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(41 44 51 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  }
  .dark\:to-\[\#15233b\]:is(.dark *) {
    --tw-gradient-to: #15233b var(--tw-gradient-to-position);
  }
  .dark\:text-black:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity, 1));
  }
  .dark\:text-blue-100:is(.dark *) {
    color: var(--p-primary-100);
  }
  .dark\:text-blue-200:is(.dark *) {
    color: var(--p-primary-200);
  }
  .dark\:text-blue-300:is(.dark *) {
    color: var(--p-primary-300);
  }
  .dark\:text-blue-400:is(.dark *) {
    color: var(--p-primary-400);
  }
  .dark\:text-blue-500:is(.dark *) {
    color: var(--p-primary-500);
  }
  .dark\:text-ink-200:is(.dark *) {
    color: var(--app-ink-200);
  }
  .dark\:text-ink-400:is(.dark *) {
    color: var(--app-ink-400);
  }
  .dark\:text-ink-50:is(.dark *) {
    color: var(--app-ink-50);
  }
  .dark\:text-ink-600:is(.dark *) {
    color: var(--app-ink-600);
  }
  .dark\:text-ink-700:is(.dark *) {
    color: var(--app-ink-700);
  }
  .dark\:text-white:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  }
  .dark\:hover\:border-blue-400:hover:is(.dark *) {
    border-color: var(--p-primary-400);
  }
  .dark\:hover\:bg-\[\#283548\]:hover:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(40 53 72 / var(--tw-bg-opacity, 1));
  }
  .dark\:hover\:bg-hover-100:hover:is(.dark *) {
    background-color: var(--app-nav-hover-bg);
  }
  .dark\:hover\:bg-ink-200:hover:is(.dark *) {
    background-color: var(--app-ink-200);
  }
  .dark\:hover\:text-blue-300:hover:is(.dark *) {
    color: var(--p-primary-300);
  }
  @media not all and (min-width: 640px) {
    .max-sm\:mr-1 {
      margin-right: 0.25rem;
    }
    .max-sm\:pl-1 {
      padding-left: 0.25rem;
    }
    .max-sm\:text-xs {
      font-size: 0.75rem;
      line-height: 1rem;
    }
    .max-sm\:tracking-tight {
      letter-spacing: -0.025em;
    }
  }
  @media (min-width: 640px) {
    .sm\:my-0 {
      margin-top: 0px;
      margin-bottom: 0px;
    }
    .sm\:ml-4 {
      margin-left: 1rem;
    }
    .sm\:flex-row {
      flex-direction: row;
    }
    .sm\:px-0 {
      padding-left: 0px;
      padding-right: 0px;
    }
    .sm\:px-6 {
      padding-left: 1.5rem;
      padding-right: 1.5rem;
    }
    .sm\:px-7 {
      padding-left: 1.75rem;
      padding-right: 1.75rem;
    }
    .sm\:pl-6 {
      padding-left: 1.5rem;
    }
    .sm\:pl-7 {
      padding-left: 1.75rem;
    }
  }
  @media (min-width: 768px) {
    .md\:order-first {
      order: -9999;
    }
    .md\:m-20 {
      margin: 5rem;
    }
    .md\:ml-2 {
      margin-left: 0.5rem;
    }
    .md\:mr-18 {
      margin-right: 4.5rem;
    }
    .md\:mt-0 {
      margin-top: 0px;
    }
    .md\:block {
      display: block;
    }
    .md\:flex {
      display: flex;
    }
    .md\:hidden {
      display: none;
    }
    .md\:h-\[550px\] {
      height: 550px;
    }
    .md\:h-auto {
      height: auto;
    }
    .md\:max-h-60 {
      max-height: 15rem;
    }
    .md\:w-1\/2 {
      width: 50%;
    }
    .md\:w-1\/5 {
      width: 20%;
    }
    .md\:w-40 {
      width: 10rem;
    }
    .md\:w-96 {
      width: 24rem;
    }
    .md\:w-\[23rem\] {
      width: 23rem;
    }
    .md\:w-full {
      width: 100%;
    }
    .md\:flex-grow-0 {
      flex-grow: 0;
    }
    .md\:flex-row {
      flex-direction: row;
    }
    .md\:items-center {
      align-items: center;
    }
    .md\:justify-center {
      justify-content: center;
    }
    .md\:gap-0 {
      gap: 0px;
    }
    .md\:self-center {
      align-self: center;
    }
    .md\:px-12 {
      padding-left: 3rem;
      padding-right: 3rem;
    }
    .md\:px-6 {
      padding-left: 1.5rem;
      padding-right: 1.5rem;
    }
    .md\:px-8 {
      padding-left: 2rem;
      padding-right: 2rem;
    }
    .md\:py-10 {
      padding-top: 2.5rem;
      padding-bottom: 2.5rem;
    }
    .md\:pl-0 {
      padding-left: 0px;
    }
    .md\:pr-3 {
      padding-right: 0.75rem;
    }
    .md\:pt-0 {
      padding-top: 0px;
    }
    .md\:text-3xl {
      font-size: 1.875rem;
      line-height: 2.25rem;
    }
    .md\:text-lg {
      font-size: 1.125rem;
      line-height: 1.75rem;
    }
  }
  @media (min-width: 1024px) {
    .lg\:ml-4 {
      margin-left: 1rem;
    }
    .lg\:mt-0 {
      margin-top: 0px;
    }
    .lg\:w-2\/5 {
      width: 40%;
    }
    .lg\:w-3\/5 {
      width: 60%;
    }
    .lg\:w-80 {
      width: 20rem;
    }
    .lg\:w-96 {
      width: 24rem;
    }
    .lg\:w-\[400px\] {
      width: 400px;
    }
    .lg\:max-w-\[300px\] {
      max-width: 300px;
    }
    .lg\:flex-row {
      flex-direction: row;
    }
    .lg\:items-center {
      align-items: center;
    }
    .lg\:px-10 {
      padding-left: 2.5rem;
      padding-right: 2.5rem;
    }
    .lg\:px-6 {
      padding-left: 1.5rem;
      padding-right: 1.5rem;
    }
    .lg\:py-16 {
      padding-top: 4rem;
      padding-bottom: 4rem;
    }
    .lg\:pr-4 {
      padding-right: 1rem;
    }
    .lg\:text-2xl {
      font-size: 1.5rem;
      line-height: 2rem;
    }
  }
  @media (min-width: 1130px) {
    .min-\[1130px\]\:flex {
      display: flex;
    }
    .min-\[1130px\]\:hidden {
      display: none;
    }
  }
  @media (min-width: 1190px) {
    .lg-plus\:flex {
      display: flex;
    }
    .lg-plus\:hidden {
      display: none;
    }
  }
  @media (min-width: 1280px) {
    .xl\:ml-3 {
      margin-left: 0.75rem;
    }
    .xl\:ml-4 {
      margin-left: 1rem;
    }
    .xl\:w-28 {
      width: 7rem;
    }
    .xl\:w-96 {
      width: 24rem;
    }
    .xl\:w-auto {
      width: auto;
    }
    .xl\:basis-\[calc\(50\%-1rem\)\] {
      flex-basis: calc(50% - 1rem);
    }
    .xl\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .xl\:px-10 {
      padding-left: 2.5rem;
      padding-right: 2.5rem;
    }
    .xl\:px-16 {
      padding-left: 4rem;
      padding-right: 4rem;
    }
    .xl\:pr-6 {
      padding-right: 1.5rem;
    }
    .xl\:text-sm {
      font-size: 0.875rem;
      line-height: 1.25rem;
    }
  }
  @media (min-width: 1536px) {
    .\32xl\:space-x-3 > :not([hidden]) ~ :not([hidden]) {
      --tw-space-x-reverse: 0;
      margin-right: calc(0.75rem * var(--tw-space-x-reverse));
      margin-left: calc(0.75rem * calc(1 - var(--tw-space-x-reverse)));
    }
    .\32xl\:pl-8 {
      padding-left: 2rem;
    }
    .\32xl\:pr-8 {
      padding-right: 2rem;
    }
    .\32xl\:text-sm {
      font-size: 0.875rem;
      line-height: 1.25rem;
    }
  }
}
.ck-content * {
  all: revert;
}

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