.sortable thead th:not(.no-sort){
  cursor:pointer
}

.sortable thead th:not(.no-sort)::after,.sortable thead th:not(.no-sort)::before{
  transition:color .1s ease-in-out;
  font-size:1.2em;
  color:rgba(0,0,0,0)
}

.sortable thead th:not(.no-sort)::after{
  margin-left:3px;
  content:"▸"
}

.sortable thead th:not(.no-sort):hover::after{
  color:inherit
}

.sortable thead th:not(.no-sort)[aria-sort=descending]::after{
  color:inherit;
  content:"▾"
}

.sortable thead th:not(.no-sort)[aria-sort=ascending]::after{
  color:inherit;
  content:"▴"
}

.sortable thead th:not(.no-sort).indicator-left::after{
  content:""
}

.sortable thead th:not(.no-sort).indicator-left::before{
  margin-right:3px;
  content:"▸"
}

.sortable thead th:not(.no-sort).indicator-left:hover::before{
  color:inherit
}

.sortable thead th:not(.no-sort).indicator-left[aria-sort=descending]::before{
  color:inherit;
  content:"▾"
}

.sortable thead th:not(.no-sort).indicator-left[aria-sort=ascending]::before{
  color:inherit;
  content:"▴"
}

/**
 * tom-select.css (v2.6.1)
 * Copyright (c) contributors
 *
 * Licensed under the Apache License, Version 2.0 (the "License"); you may not use this
 * file except in compliance with the License. You may obtain a copy of the License at:
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software distributed under
 * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF
 * ANY KIND, either express or implied. See the License for the specific language
 * governing permissions and limitations under the License.
 *
 */

.ts-control {
  border: 1px solid #d0d0d0;
  padding: 8px 8px;
  width: 100%;
  overflow: hidden;
  position: relative;
  z-index: 1;
  box-sizing: border-box;
  box-shadow: none;
  border-radius: 3px;
  display: flex;
  flex-wrap: wrap;
}

.ts-wrapper.multi.has-items .ts-control {
  padding: calc(8px - 2px - 0px) 8px calc(8px - 2px - 3px - 0px);
}

.full .ts-control {
  background-color: #fff;
}

.disabled .ts-control, .disabled .ts-control * {
  cursor: default !important;
}

.focus .ts-control {
  box-shadow: none;
}

.ts-control > * {
  vertical-align: baseline;
  display: inline-block;
}

.ts-wrapper.multi .ts-control > div {
  cursor: pointer;
  margin: 0 3px 3px 0;
  padding: 2px 6px;
  background: #f2f2f2;
  color: #303030;
  border: 0px solid #d0d0d0;
  overflow: auto;
}

.ts-wrapper.multi .ts-control > div.active {
  background: #e8e8e8;
  color: #303030;
  border: 0px solid #cacaca;
}

.ts-wrapper.multi.disabled .ts-control > div, .ts-wrapper.multi.disabled .ts-control > div.active {
  color: rgb(124.5, 124.5, 124.5);
  background: hsl(0, 0%, 124.9019607843%);
  border: 0px solid hsl(0, 0%, 111.568627451%);
}

.ts-control > input {
  flex: 1 1 auto;
  min-width: 7rem;
  display: inline-block !important;
  padding: 0 !important;
  min-height: 0 !important;
  max-height: none !important;
  max-width: 100% !important;
  margin: 0 !important;
  text-indent: 0 !important;
  border: 0 none !important;
  background: none !important;
  line-height: inherit !important;
  -webkit-user-select: auto !important;
  -moz-user-select: auto !important;
  user-select: auto !important;
  box-shadow: none !important;
}

.ts-control > input::-ms-clear {
  display: none;
}

.ts-control > input:focus {
  outline: none !important;
}

.has-items .ts-control > input {
  margin: 0px 4px !important;
}

.ts-control.rtl {
  text-align: right;
}

.ts-control.rtl.single .ts-control:after {
  left: 15px;
  right: auto;
}

.ts-control.rtl .ts-control > input {
  margin: 0px 4px 0px -2px !important;
}

.disabled .ts-control {
  opacity: 0.5;
  background-color: #fafafa;
}

.input-hidden .ts-control > input {
  opacity: 0;
  position: absolute;
  left: -10000px;
}

.ts-dropdown {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  z-index: 10;
  border: 1px solid #d0d0d0;
  background: #fff;
  margin: 0.25rem 0 0;
  border-top: 0 none;
  box-sizing: border-box;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  border-radius: 0 0 3px 3px;
}

.ts-dropdown [data-selectable] {
  cursor: pointer;
  overflow: hidden;
}

.ts-dropdown [data-selectable] .highlight {
  background: rgba(125, 168, 208, 0.2);
  border-radius: 1px;
}

.ts-dropdown .option,
.ts-dropdown .optgroup-header,
.ts-dropdown .no-results,
.ts-dropdown .create {
  padding: 5px 8px;
}

.ts-dropdown .option, .ts-dropdown [data-disabled], .ts-dropdown [data-disabled] [data-selectable].option {
  cursor: inherit;
  opacity: 0.5;
}

.ts-dropdown [data-selectable].option {
  opacity: 1;
  cursor: pointer;
}

.ts-dropdown .optgroup:first-child .optgroup-header {
  border-top: 0 none;
}

.ts-dropdown .optgroup-header {
  color: #303030;
  background: #fff;
  cursor: default;
}

.ts-dropdown .active {
  background-color: #f5fafd;
  color: #495c68;
}

.ts-dropdown .active.create {
  color: #495c68;
}

.ts-dropdown .create {
  color: rgba(48, 48, 48, 0.5);
}

.ts-dropdown .spinner {
  display: inline-block;
  width: 30px;
  height: 30px;
  margin: 5px 8px;
}

.ts-dropdown .spinner::after {
  content: " ";
  display: block;
  width: 24px;
  height: 24px;
  margin: 3px;
  border-radius: 50%;
  border: 5px solid #d0d0d0;
  border-color: #d0d0d0 transparent #d0d0d0 transparent;
  animation: lds-dual-ring 1.2s linear infinite;
}

@keyframes lds-dual-ring {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

.ts-dropdown-content {
  overflow: hidden auto;
  max-height: 200px;
  scroll-behavior: smooth;
}

.ts-wrapper.plugin-drag_drop .ts-dragging {
  color: transparent !important;
}

.ts-wrapper.plugin-drag_drop .ts-dragging > * {
  visibility: hidden !important;
}

.plugin-checkbox_options:not(.rtl) .option input {
  margin-right: 0.5rem;
}

.plugin-checkbox_options.rtl .option input {
  margin-left: 0.5rem;
}

/* stylelint-disable function-name-case */

.plugin-clear_button {
  --ts-pr-clear-button: 1em;
}

.plugin-clear_button .clear-button {
  opacity: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: calc(8px - 6px);
  margin-right: 0 !important;
  background: transparent !important;
  transition: opacity 0.5s;
  cursor: pointer;
}

.plugin-clear_button.form-select .clear-button, .plugin-clear_button.single .clear-button {
  right: max(var(--ts-pr-caret), 8px);
}

.plugin-clear_button.focus.has-items .clear-button, .plugin-clear_button:not(.disabled):hover.has-items .clear-button {
  opacity: 1;
}

.ts-wrapper .dropdown-header {
  position: relative;
  padding: 10px 8px;
  border-bottom: 1px solid #d0d0d0;
  background: color-mix(#fff, #d0d0d0, 85%);
  border-radius: 3px 3px 0 0;
}

.ts-wrapper .dropdown-header-close {
  position: absolute;
  right: 8px;
  top: 50%;
  color: #303030;
  opacity: 0.4;
  margin-top: -12px;
  line-height: 20px;
  font-size: 20px !important;
}

.ts-wrapper .dropdown-header-close:hover {
  color: hsl(0, 0%, -6.1764705882%);
}

.plugin-dropdown_input.focus.dropdown-active .ts-control {
  box-shadow: none;
  border: 1px solid #d0d0d0;
}

.plugin-dropdown_input .dropdown-input {
  border: 1px solid #d0d0d0;
  border-width: 0 0 1px;
  display: block;
  padding: 8px 8px;
  box-shadow: none;
  width: 100%;
  background: transparent;
}

.plugin-dropdown_input .items-placeholder {
  border: 0 none !important;
  box-shadow: none !important;
  width: 100%;
}

.plugin-dropdown_input.has-items .items-placeholder, .plugin-dropdown_input.dropdown-active .items-placeholder {
  display: none !important;
}

.ts-wrapper.plugin-input_autogrow.has-items .ts-control > input {
  min-width: 0;
}

.ts-wrapper.plugin-input_autogrow.has-items.focus .ts-control > input {
  flex: none;
  min-width: 4px;
}

.ts-wrapper.plugin-input_autogrow.has-items.focus .ts-control > input::-moz-placeholder {
  color: transparent;
}

.ts-wrapper.plugin-input_autogrow.has-items.focus .ts-control > input::placeholder {
  color: transparent;
}

.ts-dropdown.plugin-optgroup_columns .ts-dropdown-content {
  display: flex;
}

.ts-dropdown.plugin-optgroup_columns .optgroup {
  border-right: 1px solid #f2f2f2;
  border-top: 0 none;
  flex-grow: 1;
  flex-basis: 0;
  min-width: 0;
}

.ts-dropdown.plugin-optgroup_columns .optgroup:last-child {
  border-right: 0 none;
}

.ts-dropdown.plugin-optgroup_columns .optgroup::before {
  display: none;
}

.ts-dropdown.plugin-optgroup_columns .optgroup-header {
  border-top: 0 none;
}

.ts-wrapper.plugin-remove_button .item {
  display: inline-flex;
  align-items: center;
}

.ts-wrapper.plugin-remove_button .item .remove {
  color: inherit;
  text-decoration: none;
  vertical-align: middle;
  display: inline-block;
  padding: 0 6px;
  border-radius: 0 2px 2px 0;
  box-sizing: border-box;
}

.ts-wrapper.plugin-remove_button .item .remove:hover {
  background: rgba(0, 0, 0, 0.05);
}

.ts-wrapper.plugin-remove_button.disabled .item .remove:hover {
  background: none;
}

.ts-wrapper.plugin-remove_button .remove-single {
  position: absolute;
  right: 0;
  top: 0;
  font-size: 23px;
}

.ts-wrapper.plugin-remove_button:not(.rtl) .item {
  padding-right: 0 !important;
}

.ts-wrapper.plugin-remove_button:not(.rtl) .item .remove {
  border-left: 1px solid #d0d0d0;
  margin-left: 6px;
}

.ts-wrapper.plugin-remove_button:not(.rtl) .item.active .remove {
  border-left-color: #cacaca;
}

.ts-wrapper.plugin-remove_button:not(.rtl).disabled .item .remove {
  border-left-color: hsl(0, 0%, 111.568627451%);
}

.ts-wrapper.plugin-remove_button.rtl .item {
  padding-left: 0 !important;
}

.ts-wrapper.plugin-remove_button.rtl .item .remove {
  border-right: 1px solid #d0d0d0;
  margin-right: 6px;
}

.ts-wrapper.plugin-remove_button.rtl .item.active .remove {
  border-right-color: #cacaca;
}

.ts-wrapper.plugin-remove_button.rtl.disabled .item .remove {
  border-right-color: hsl(0, 0%, 111.568627451%);
}

:root {
  --ts-pr-clear-button: 0px;
  --ts-pr-caret: 0px;
  --ts-pr-min: .75rem;
}

.ts-wrapper.single .ts-control, .ts-wrapper.single .ts-control input {
  cursor: pointer;
}

.ts-control:not(.rtl) {
  padding-right: max(var(--ts-pr-min), var(--ts-pr-clear-button) + var(--ts-pr-caret)) !important;
}

.ts-control.rtl {
  padding-left: max(var(--ts-pr-min), var(--ts-pr-clear-button) + var(--ts-pr-caret)) !important;
}

.ts-wrapper {
  position: relative;
}

.ts-dropdown,
.ts-control,
.ts-control input {
  color: #303030;
  font-family: inherit;
  font-size: 13px;
  line-height: 18px;
}

.ts-control,
.ts-wrapper.single.input-active .ts-control {
  background: #fff;
  cursor: text;
}

.ts-hidden-accessible {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  clip-path: inset(50%) !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  white-space: nowrap !important;
}

/* Sortable Table Styles */

.sortable {
  --stripe-color: #dbeafe;
  /* blue-100 */
  --th-color: #fff;
  --th-bg: #4b5563;
  /* gray-600 */
  --td-color: #000;
  --td-on-stripe-color: #000;
  border-spacing: 0;
  border-collapse: collapse;
  thead th,
  tfoot th{
    margin-left:0px;
    margin-right:0px
  }
  thead th,
  tfoot th{
    white-space:nowrap
  }
  thead th,
  tfoot th{
    border-width:1px
  }
  thead th,
  tfoot th{
    --tw-border-opacity:1;
    border-color:rgb(209 213 219 / var(--tw-border-opacity, 1))
  }
  thead th,
  tfoot th{
    text-align:center
  }
  thead th,
  tfoot th{
    font-weight:600
  }
  thead th,
  tfoot th{
    text-transform:capitalize
  }
  thead th,
  tfoot th{
    --tw-text-opacity:1;
    color:rgb(0 0 0 / var(--tw-text-opacity, 1))
  }
  thead th.group-1,
  tfoot th.group-1{
    --tw-bg-opacity:1;
    background-color:rgb(191 219 254 / var(--tw-bg-opacity, 1))
  }
  thead th.group-2,
  tfoot th.group-2{
    --tw-bg-opacity:1;
    background-color:rgb(217 249 157 / var(--tw-bg-opacity, 1))
  }
  th.group-h,
  td.group-h{
    text-wrap:nowrap
  }
  th.group-h,
  td.group-h{
    --tw-bg-opacity:1;
    background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))
  }
  td,
  th{
    border-width:1px
  }
  td,
  th{
    --tw-border-opacity:1;
    border-color:rgb(209 213 219 / var(--tw-border-opacity, 1))
  }
  td,
  th{
    padding-left:0.5rem;
    padding-right:0.5rem
  }
  td,
  th{
    padding-top:0.25rem;
    padding-bottom:0.25rem
  }
  td,
  th{
    font-size:0.875rem;
    line-height:1.25rem
  }
  td,
  th{
    font-weight:400
  }
  td,
  th{
    --tw-text-opacity:1;
    color:rgb(0 0 0 / var(--tw-text-opacity, 1))
  }
  td{
    text-align:right
  }
  /* Remove outer borders to prevent double-border with card wrapper */
  thead tr th:first-child,
  tbody tr td:first-child,
  tfoot tr th:first-child{
    border-left-width:0px
  }
  thead tr th:last-child,
  tbody tr td:last-child,
  tfoot tr th:last-child{
    border-right-width:0px
  }
  thead tr:first-child th{
    border-top-width:0px
  }
  tfoot tr:last-child th{
    border-bottom-width:0px
  }
  /* Striped styling for tbody rows */
  tbody tr:nth-child(even) td.group-1{
    --tw-bg-opacity:1;
    background-color:rgb(191 219 254 / var(--tw-bg-opacity, 1))
  }
  tbody tr:nth-child(odd) td.group-1{
    --tw-bg-opacity:1;
    background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))
  }
  tbody tr:nth-child(even) td.group-2{
    --tw-bg-opacity:1;
    background-color:rgb(217 249 157 / var(--tw-bg-opacity, 1))
  }
  tbody tr:nth-child(odd) td.group-2{
    --tw-bg-opacity:1;
    background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))
  }
  /* Row hover effect */
  tbody tr.group-hover:hover td{
    --tw-bg-opacity:1;
    background-color:rgb(254 240 138 / var(--tw-bg-opacity, 1))
  }
}

/* ─────────────────────────────────────────────────────────────────
   Refined sortable table — used by analytics summary tables that
   need inline color highlights, zebra striping, and softer borders.
   Add `.sortable.ps-summary` (or similar) to opt in.
   ───────────────────────────────────────────────────────────────── */

.sortable.ps-summary {
  td,
  th {
    /* drop the forced black + heavy borders from the base .sortable rules */
    color: inherit !important;
    border: none;
  }
  td,
  th{
    white-space:nowrap
  }
  td,
  th{
    padding-left:0.75rem;
    padding-right:0.75rem
  }
  td,
  th{
    padding-top:0.5rem;
    padding-bottom:0.5rem
  }
  td,
  th{
    vertical-align:middle
  }
  td {
    /* base .sortable forces text-right on td — let inline align-* classes win */
    text-align: inherit;
  }
  thead th{
    border-bottom-width:1px
  }
  thead th{
    --tw-border-opacity:1;
    border-color:rgb(226 232 240 / var(--tw-border-opacity, 1))
  }
  thead th{
    --tw-bg-opacity:1;
    background-color:rgb(248 250 252 / var(--tw-bg-opacity, 1))
  }
  thead th{
    font-size:0.75rem;
    line-height:1rem
  }
  thead th{
    font-weight:600
  }
  thead th{
    text-transform:uppercase
  }
  thead th{
    letter-spacing:0.05em
  }
  thead th{
    --tw-text-opacity:1;
    color:rgb(100 116 139 / var(--tw-text-opacity, 1))
  }
  thead th {
    text-align: inherit;
    text-transform: uppercase;
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    transition: background-color 0.15s ease;
  }
  thead th:hover{
    --tw-bg-opacity:1;
    background-color:rgb(235 245 255 / var(--tw-bg-opacity, 1))
  }
  thead th:hover{
    --tw-text-opacity:1;
    color:rgb(26 86 219 / var(--tw-text-opacity, 1))
  }
  /* Sort indicator arrows from sortable-tablesort library */
  thead th[aria-sort]::after{
    margin-left:0.25rem
  }
  thead th[aria-sort]::after{
    --tw-text-opacity:1;
    color:rgb(148 163 184 / var(--tw-text-opacity, 1))
  }
  thead th[aria-sort]::after {
    font-size: 0.75rem;
  }
  thead th[aria-sort="ascending"]::after  {
    content: " ▲";
  }
  thead th[aria-sort="ascending"]::after{
    --tw-text-opacity:1;
    color:rgb(28 100 242 / var(--tw-text-opacity, 1))
  }
  thead th[aria-sort="descending"]::after {
    content: " ▼";
  }
  thead th[aria-sort="descending"]::after{
    --tw-text-opacity:1;
    color:rgb(28 100 242 / var(--tw-text-opacity, 1))
  }
  /* Zebra striping */
  tbody tr:nth-child(odd){
    --tw-bg-opacity:1;
    background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))
  }
  tbody tr:nth-child(even){
    background-color:rgb(248 250 252 / 0.6)
  }
  /* Hover highlight — bright enough to see, accessible */
  tbody tr:hover {
    background-color: #fef9c3 !important;
    /* yellow-100 */
  }
  /* Footer row stays pinned with strong contrast */
  tfoot tr{
    border-top-width:2px
  }
  tfoot tr{
    --tw-border-opacity:1;
    border-color:rgb(191 219 254 / var(--tw-border-opacity, 1))
  }
  tfoot tr{
    background-color:rgb(235 245 255 / 0.7)
  }
  tfoot th{
    font-size:0.875rem;
    line-height:1.25rem
  }
  tfoot th{
    font-weight:700
  }
  tfoot th{
    text-transform:none
  }
  tfoot th {
    text-align: inherit;
  }
}

/* Crosshair highlight is provided by the existing `.server-table-grid`
   rules in application.tailwind.scss — apply that class to any sortable
   summary table to get full row + column highlight on hover. */

.stats-card{
  margin-left:0.25rem;
  margin-right:0.25rem;
  margin-top:0.25rem;
  margin-bottom:0.25rem;
  overflow:hidden;
  border-radius:0.5rem;
  --tw-bg-opacity:1;
  background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding-left:0.75rem;
  padding-right:0.75rem;
  padding-top:0.75rem;
  padding-bottom:0.75rem;
  --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)
}

.stats-card span{
  font-size:0.75rem;
  line-height:1rem;
  --tw-text-opacity:1;
  color:rgb(75 85 99 / var(--tw-text-opacity, 1))
}

.stats-card sup{
  font-size:0.75rem;
  line-height:1rem;
  --tw-text-opacity:1;
  color:rgb(75 85 99 / var(--tw-text-opacity, 1))
}

.stats-card table{
  width:100%;
  overflow:hidden;
  border-radius:0.5rem;
  font-size:0.875rem;
  line-height:1.25rem
}

/* Add these new styles */

.stats-card th,
.stats-card td{
  border-bottom-width:1px;
  border-right-width:1px;
  --tw-border-opacity:1;
  border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));
  padding:0.5rem
}

.stats-card th{
  text-align:center;
  font-weight:600;
  --tw-text-opacity:1;
  color:rgb(75 85 99 / var(--tw-text-opacity, 1))
}

.stats-card th span{
  font-weight:400
}

.stats-card td{
  font-size:0.875rem;
  line-height:1.25rem
}

.stats-card td:hover{
  --tw-bg-opacity:1;
  background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))
}

.stats-card thead th{
  --tw-bg-opacity:1;
  background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))
}

.stats-card tbody tr:last-child th,
.stats-card tbody tr:last-child td{
  border-bottom-width:0px
}

.stats-card th:last-child,
.stats-card td:last-child{
  border-right-width:0px
}

.stats-card table td {
  vertical-align: top;
}

.stats-card .current-period {
  font-weight: bold;
}

.stats-card .previous-period {
  font-size: 0.9em;
  color: #666;
}

.stats-card .trend {
  font-size: 0.9em;
}

.stats-card tbody tr:nth-child(even) td{
  --tw-bg-opacity:1;
  background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))
}

.stats-card tbody tr:nth-child(odd) td{
  --tw-bg-opacity:1;
  background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))
}

.stats-card   tbody tr:hover td{
  --tw-bg-opacity:1;
  background-color:rgb(254 240 138 / var(--tw-bg-opacity, 1))
}

/* Chart loading spinner - shows before Highcharts renders */

.chart-loading-wrapper {
  position: relative;
}

.chart-loading-wrapper::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 2rem;
  height: 2rem;
  margin: -1rem 0 0 -1rem;
  border: 2px solid #e5e7eb;
  border-top-color: #3b82f6;
  border-radius: 50%;
  animation: spin 0.8s linear infinite;
  z-index: 10;
}

/* Hide spinner when chart has rendered (has SVG content) */

.chart-loading-wrapper:has(svg)::before {
  display: none;
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}

*, ::before, ::after{
  --tw-border-spacing-x:0;
  --tw-border-spacing-y:0;
  --tw-translate-x:0;
  --tw-translate-y:0;
  --tw-rotate:0;
  --tw-skew-x:0;
  --tw-skew-y:0;
  --tw-scale-x:1;
  --tw-scale-y:1;
  --tw-pan-x: ;
  --tw-pan-y: ;
  --tw-pinch-zoom: ;
  --tw-scroll-snap-strictness:proximity;
  --tw-gradient-from-position: ;
  --tw-gradient-via-position: ;
  --tw-gradient-to-position: ;
  --tw-ordinal: ;
  --tw-slashed-zero: ;
  --tw-numeric-figure: ;
  --tw-numeric-spacing: ;
  --tw-numeric-fraction: ;
  --tw-ring-inset: ;
  --tw-ring-offset-width:0px;
  --tw-ring-offset-color:#fff;
  --tw-ring-color:rgb(63 131 248 / 0.5);
  --tw-ring-offset-shadow:0 0 #0000;
  --tw-ring-shadow:0 0 #0000;
  --tw-shadow:0 0 #0000;
  --tw-shadow-colored:0 0 #0000;
  --tw-blur: ;
  --tw-brightness: ;
  --tw-contrast: ;
  --tw-grayscale: ;
  --tw-hue-rotate: ;
  --tw-invert: ;
  --tw-saturate: ;
  --tw-sepia: ;
  --tw-drop-shadow: ;
  --tw-backdrop-blur: ;
  --tw-backdrop-brightness: ;
  --tw-backdrop-contrast: ;
  --tw-backdrop-grayscale: ;
  --tw-backdrop-hue-rotate: ;
  --tw-backdrop-invert: ;
  --tw-backdrop-opacity: ;
  --tw-backdrop-saturate: ;
  --tw-backdrop-sepia: ;
  --tw-contain-size: ;
  --tw-contain-layout: ;
  --tw-contain-paint: ;
  --tw-contain-style: 
}

::backdrop{
  --tw-border-spacing-x:0;
  --tw-border-spacing-y:0;
  --tw-translate-x:0;
  --tw-translate-y:0;
  --tw-rotate:0;
  --tw-skew-x:0;
  --tw-skew-y:0;
  --tw-scale-x:1;
  --tw-scale-y:1;
  --tw-pan-x: ;
  --tw-pan-y: ;
  --tw-pinch-zoom: ;
  --tw-scroll-snap-strictness:proximity;
  --tw-gradient-from-position: ;
  --tw-gradient-via-position: ;
  --tw-gradient-to-position: ;
  --tw-ordinal: ;
  --tw-slashed-zero: ;
  --tw-numeric-figure: ;
  --tw-numeric-spacing: ;
  --tw-numeric-fraction: ;
  --tw-ring-inset: ;
  --tw-ring-offset-width:0px;
  --tw-ring-offset-color:#fff;
  --tw-ring-color:rgb(63 131 248 / 0.5);
  --tw-ring-offset-shadow:0 0 #0000;
  --tw-ring-shadow:0 0 #0000;
  --tw-shadow:0 0 #0000;
  --tw-shadow-colored:0 0 #0000;
  --tw-blur: ;
  --tw-brightness: ;
  --tw-contrast: ;
  --tw-grayscale: ;
  --tw-hue-rotate: ;
  --tw-invert: ;
  --tw-saturate: ;
  --tw-sepia: ;
  --tw-drop-shadow: ;
  --tw-backdrop-blur: ;
  --tw-backdrop-brightness: ;
  --tw-backdrop-contrast: ;
  --tw-backdrop-grayscale: ;
  --tw-backdrop-hue-rotate: ;
  --tw-backdrop-invert: ;
  --tw-backdrop-opacity: ;
  --tw-backdrop-saturate: ;
  --tw-backdrop-sepia: ;
  --tw-contain-size: ;
  --tw-contain-layout: ;
  --tw-contain-paint: ;
  --tw-contain-style: 
}

/*! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com
 */

/*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/

*,
::before,
::after {
  box-sizing: border-box;
  /* 1 */
  border-width: 0;
  /* 2 */
  border-style: solid;
  /* 2 */
  border-color: #E5E7EB;
  /* 2 */
}

::before,
::after {
  --tw-content: '';
}

/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
7. Disable tap highlights on iOS
*/

html,
:host {
  line-height: 1.5;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  -moz-tab-size: 4;
  /* 3 */
  -o-tab-size: 4;
     tab-size: 4;
  /* 3 */
  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  /* 4 */
  font-feature-settings: normal;
  /* 5 */
  font-variation-settings: normal;
  /* 6 */
  -webkit-tap-highlight-color: transparent;
  /* 7 */
}

/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/

body {
  margin: 0;
  /* 1 */
  line-height: inherit;
  /* 2 */
}

/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/

hr {
  height: 0;
  /* 1 */
  color: inherit;
  /* 2 */
  border-top-width: 1px;
  /* 3 */
}

/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/

abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

/*
Remove the default font size and weight for headings.
*/

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}

/*
Reset links to optimize for opt-in styling instead of opt-out.
*/

a {
  color: inherit;
  text-decoration: inherit;
}

/*
Add the correct font weight in Edge and Safari.
*/

b,
strong {
  font-weight: bolder;
}

/*
1. Use the user's configured `mono` font-family by default.
2. Use the user's configured `mono` font-feature-settings by default.
3. Use the user's configured `mono` font-variation-settings by default.
4. Correct the odd `em` font sizing in all browsers.
*/

code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  /* 1 */
  font-feature-settings: normal;
  /* 2 */
  font-variation-settings: normal;
  /* 3 */
  font-size: 1em;
  /* 4 */
}

/*
Add the correct font size in all browsers.
*/

small {
  font-size: 80%;
}

/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/

table {
  text-indent: 0;
  /* 1 */
  border-color: inherit;
  /* 2 */
  border-collapse: collapse;
  /* 3 */
}

/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-feature-settings: inherit;
  /* 1 */
  font-variation-settings: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  font-weight: inherit;
  /* 1 */
  line-height: inherit;
  /* 1 */
  letter-spacing: inherit;
  /* 1 */
  color: inherit;
  /* 1 */
  margin: 0;
  /* 2 */
  padding: 0;
  /* 3 */
}

/*
Remove the inheritance of text transform in Edge and Firefox.
*/

button,
select {
  text-transform: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/

button,
input:where([type='button']),
input:where([type='reset']),
input:where([type='submit']) {
  -webkit-appearance: button;
  /* 1 */
  background-color: transparent;
  /* 2 */
  background-image: none;
  /* 2 */
}

/*
Use the modern Firefox focus style for all focusable elements.
*/

:-moz-focusring {
  outline: auto;
}

/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/

:-moz-ui-invalid {
  box-shadow: none;
}

/*
Add the correct vertical alignment in Chrome and Firefox.
*/

progress {
  vertical-align: baseline;
}

/*
Correct the cursor style of increment and decrement buttons in Safari.
*/

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/

[type='search'] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}

/*
Remove the inner padding in Chrome and Safari on macOS.
*/

::-webkit-search-decoration {
  -webkit-appearance: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/

::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

/*
Add the correct display in Chrome and Safari.
*/

summary {
  display: list-item;
}

/*
Removes the default spacing and border for appropriate elements.
*/

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}

fieldset {
  margin: 0;
  padding: 0;
}

legend {
  padding: 0;
}

ol,
ul,
menu {
  list-style: none;
  margin: 0;
  padding: 0;
}

/*
Reset default styling for dialogs.
*/

dialog {
  padding: 0;
}

/*
Prevent resizing textareas horizontally by default.
*/

textarea {
  resize: vertical;
}

/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/

input::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1;
  /* 1 */
  color: #9ca3af;
  /* 2 */
}

input::placeholder,
textarea::placeholder {
  opacity: 1;
  /* 1 */
  color: #9ca3af;
  /* 2 */
}

/*
Set the default cursor for buttons.
*/

button,
[role="button"] {
  cursor: pointer;
}

/*
Make sure disabled buttons don't get the pointer cursor.
*/

:disabled {
  cursor: default;
}

/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block;
  /* 1 */
  vertical-align: middle;
  /* 2 */
}

/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/

img,
video {
  max-width: 100%;
  height: auto;
}

/* Make elements with the HTML hidden attribute stay hidden by default */

[hidden]:where(:not([hidden="until-found"])) {
  display: none;
}

.tooltip-arrow,.tooltip-arrow:before{
  position:absolute;
  width:8px;
  height:8px;
  background:inherit
}

.tooltip-arrow{
  visibility:hidden
}

.tooltip-arrow:before{
  content:"";
  visibility:visible;
  transform:rotate(45deg)
}

[data-tooltip-style^='light'] + .tooltip > .tooltip-arrow:before{
  border-style:solid;
  border-color:#e5e7eb
}

[data-tooltip-style^='light'] + .tooltip[data-popper-placement^='top'] > .tooltip-arrow:before{
  border-bottom-width:1px;
  border-right-width:1px
}

[data-tooltip-style^='light'] + .tooltip[data-popper-placement^='right'] > .tooltip-arrow:before{
  border-bottom-width:1px;
  border-left-width:1px
}

[data-tooltip-style^='light'] + .tooltip[data-popper-placement^='bottom'] > .tooltip-arrow:before{
  border-top-width:1px;
  border-left-width:1px
}

[data-tooltip-style^='light'] + .tooltip[data-popper-placement^='left'] > .tooltip-arrow:before{
  border-top-width:1px;
  border-right-width:1px
}

.tooltip[data-popper-placement^='top'] > .tooltip-arrow{
  bottom:-4px
}

.tooltip[data-popper-placement^='bottom'] > .tooltip-arrow{
  top:-4px
}

.tooltip[data-popper-placement^='left'] > .tooltip-arrow{
  right:-4px
}

.tooltip[data-popper-placement^='right'] > .tooltip-arrow{
  left:-4px
}

.tooltip.invisible > .tooltip-arrow:before{
  visibility:hidden
}

[data-popper-arrow],[data-popper-arrow]:before{
  position:absolute;
  width:8px;
  height:8px;
  background:inherit
}

[data-popper-arrow]{
  visibility:hidden
}

[data-popper-arrow]:before{
  content:"";
  visibility:visible;
  transform:rotate(45deg)
}

[data-popper-arrow]:after{
  content:"";
  visibility:visible;
  transform:rotate(45deg);
  position:absolute;
  width:9px;
  height:9px;
  background:inherit
}

[role="tooltip"] > [data-popper-arrow]:before{
  border-style:solid;
  border-color:#e5e7eb
}

.dark [role="tooltip"] > [data-popper-arrow]:before{
  border-style:solid;
  border-color:#4b5563
}

[role="tooltip"] > [data-popper-arrow]:after{
  border-style:solid;
  border-color:#e5e7eb
}

.dark [role="tooltip"] > [data-popper-arrow]:after{
  border-style:solid;
  border-color:#4b5563
}

[data-popover][role="tooltip"][data-popper-placement^='top'] > [data-popper-arrow]:before{
  border-bottom-width:1px;
  border-right-width:1px
}

[data-popover][role="tooltip"][data-popper-placement^='top'] > [data-popper-arrow]:after{
  border-bottom-width:1px;
  border-right-width:1px
}

[data-popover][role="tooltip"][data-popper-placement^='right'] > [data-popper-arrow]:before{
  border-bottom-width:1px;
  border-left-width:1px
}

[data-popover][role="tooltip"][data-popper-placement^='right'] > [data-popper-arrow]:after{
  border-bottom-width:1px;
  border-left-width:1px
}

[data-popover][role="tooltip"][data-popper-placement^='bottom'] > [data-popper-arrow]:before{
  border-top-width:1px;
  border-left-width:1px
}

[data-popover][role="tooltip"][data-popper-placement^='bottom'] > [data-popper-arrow]:after{
  border-top-width:1px;
  border-left-width:1px
}

[data-popover][role="tooltip"][data-popper-placement^='left'] > [data-popper-arrow]:before{
  border-top-width:1px;
  border-right-width:1px
}

[data-popover][role="tooltip"][data-popper-placement^='left'] > [data-popper-arrow]:after{
  border-top-width:1px;
  border-right-width:1px
}

[data-popover][role="tooltip"][data-popper-placement^='top'] > [data-popper-arrow]{
  bottom:-5px
}

[data-popover][role="tooltip"][data-popper-placement^='bottom'] > [data-popper-arrow]{
  top:-5px
}

[data-popover][role="tooltip"][data-popper-placement^='left'] > [data-popper-arrow]{
  right:-5px
}

[data-popover][role="tooltip"][data-popper-placement^='right'] > [data-popper-arrow]{
  left:-5px
}

[role="tooltip"].invisible > [data-popper-arrow]:before{
  visibility:hidden
}

[role="tooltip"].invisible > [data-popper-arrow]:after{
  visibility:hidden
}

[type='text'],[type='email'],[type='url'],[type='password'],[type='number'],[type='date'],[type='datetime-local'],[type='month'],[type='search'],[type='tel'],[type='time'],[type='week'],[multiple],textarea,select{
  -webkit-appearance:none;
     -moz-appearance:none;
          appearance:none;
  background-color:#fff;
  border-color:#6B7280;
  border-width:1px;
  border-radius:0px;
  padding-top:0.5rem;
  padding-right:0.75rem;
  padding-bottom:0.5rem;
  padding-left:0.75rem;
  font-size:1rem;
  line-height:1.5rem;
  --tw-shadow:0 0 #0000;
}

[type='text']:focus, [type='email']:focus, [type='url']:focus, [type='password']:focus, [type='number']:focus, [type='date']:focus, [type='datetime-local']:focus, [type='month']:focus, [type='search']:focus, [type='tel']:focus, [type='time']:focus, [type='week']:focus, [multiple]:focus, textarea:focus, select:focus{
  outline:2px solid transparent;
  outline-offset:2px;
  --tw-ring-inset:var(--tw-empty,/*!*/ /*!*/);
  --tw-ring-offset-width:0px;
  --tw-ring-offset-color:#fff;
  --tw-ring-color:#1C64F2;
  --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);
  border-color:#1C64F2
}

input::-moz-placeholder, textarea::-moz-placeholder{
  color:#6B7280;
  opacity:1
}

input::placeholder,textarea::placeholder{
  color:#6B7280;
  opacity:1
}

::-webkit-datetime-edit-fields-wrapper{
  padding:0
}

input[type="time"]::-webkit-calendar-picker-indicator{
  background:none
}

select:not([size]){
  background-image:url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 10 6'%3e %3cpath stroke='%236B7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m1 1 4 4 4-4'/%3e %3c/svg%3e");
  background-position:right 0.75rem center;
  background-repeat:no-repeat;
  background-size:0.75em 0.75em;
  padding-right:2.5rem;
  -webkit-print-color-adjust:exact;
          print-color-adjust:exact
}

:is([dir=rtl]) select:not([size]){
  background-position:left 0.75rem center;
  padding-right:0.75rem;
  padding-left:0
}

[multiple]{
  background-image:initial;
  background-position:initial;
  background-repeat:unset;
  background-size:initial;
  padding-right:0.75rem;
  -webkit-print-color-adjust:unset;
          print-color-adjust:unset
}

[type='checkbox'],[type='radio']{
  -webkit-appearance:none;
     -moz-appearance:none;
          appearance:none;
  padding:0;
  -webkit-print-color-adjust:exact;
          print-color-adjust:exact;
  display:inline-block;
  vertical-align:middle;
  background-origin:border-box;
  -webkit-user-select:none;
     -moz-user-select:none;
          user-select:none;
  flex-shrink:0;
  height:1rem;
  width:1rem;
  color:#1C64F2;
  background-color:#fff;
  border-color:#6B7280;
  border-width:1px;
  --tw-shadow:0 0 #0000
}

[type='checkbox']{
  border-radius:0px
}

[type='radio']{
  border-radius:100%
}

[type='checkbox']:focus,[type='radio']:focus{
  outline:2px solid transparent;
  outline-offset:2px;
  --tw-ring-inset:var(--tw-empty,/*!*/ /*!*/);
  --tw-ring-offset-width:2px;
  --tw-ring-offset-color:#fff;
  --tw-ring-color:#1C64F2;
  --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(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
}

[type='checkbox']:checked,[type='radio']:checked,.dark [type='checkbox']:checked,.dark [type='radio']:checked{
  border-color:transparent;
  background-color:currentColor;
  background-size:0.55em 0.55em;
  background-position:center;
  background-repeat:no-repeat
}

[type='checkbox']:checked{
  background-image:url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 12'%3e %3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M1 5.917 5.724 10.5 15 1.5'/%3e %3c/svg%3e");
  background-repeat:no-repeat;
  background-size:0.55em 0.55em;
  -webkit-print-color-adjust:exact;
          print-color-adjust:exact
}

[type='radio']:checked{
  background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e");
  background-size:1em 1em
}

.dark [type='radio']:checked{
  background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e");
  background-size:1em 1em
}

[type='checkbox']:indeterminate{
  background-image:url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 12'%3e %3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M0.5 6h14'/%3e %3c/svg%3e");
  background-color:currentColor;
  border-color:transparent;
  background-position:center;
  background-repeat:no-repeat;
  background-size:0.55em 0.55em;
  -webkit-print-color-adjust:exact;
          print-color-adjust:exact
}

[type='checkbox']:indeterminate:hover,[type='checkbox']:indeterminate:focus{
  border-color:transparent;
  background-color:currentColor
}

[type='file']{
  background:unset;
  border-color:inherit;
  border-width:0;
  border-radius:0;
  padding:0;
  font-size:unset;
  line-height:inherit
}

[type='file']:focus{
  outline:1px auto inherit
}

input[type=file]::file-selector-button{
  color:white;
  background:#1F2937;
  border:0;
  font-weight:500;
  font-size:0.875rem;
  cursor:pointer;
  padding-top:0.625rem;
  padding-bottom:0.625rem;
  padding-left:2rem;
  padding-right:1rem;
  margin-inline-start:-1rem;
  margin-inline-end:1rem;
}

input[type=file]::file-selector-button:hover{
  background:#374151
}

:is([dir=rtl]) input[type=file]::file-selector-button{
  padding-right:2rem;
  padding-left:1rem
}

.dark input[type=file]::file-selector-button{
  color:white;
  background:#4b5563;
}

.dark input[type=file]::file-selector-button:hover{
  background:#6B7280
}

input[type="range"]::-webkit-slider-thumb{
  height:1.25rem;
  width:1.25rem;
  background:#1C64F2;
  border-radius:9999px;
  border:0;
  appearance:none;
  -moz-appearance:none;
  -webkit-appearance:none;
  cursor:pointer
}

input[type="range"]:disabled::-webkit-slider-thumb{
  background:#9ca3af
}

.dark input[type="range"]:disabled::-webkit-slider-thumb{
  background:#6B7280
}

input[type="range"]:focus::-webkit-slider-thumb{
  outline:2px solid transparent;
  outline-offset:2px;
  --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(4px + 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);
  --tw-ring-opacity:1px;
  --tw-ring-color:rgb(164 202 254 / var(--tw-ring-opacity))
}

input[type="range"]::-moz-range-thumb{
  height:1.25rem;
  width:1.25rem;
  background:#1C64F2;
  border-radius:9999px;
  border:0;
  appearance:none;
  -moz-appearance:none;
  -webkit-appearance:none;
  cursor:pointer
}

input[type="range"]:disabled::-moz-range-thumb{
  background:#9ca3af
}

.dark input[type="range"]:disabled::-moz-range-thumb{
  background:#6B7280
}

input[type="range"]::-moz-range-progress{
  background:#3F83F8
}

input[type="range"]::-ms-fill-lower{
  background:#3F83F8
}

.toggle-bg:after{
  content:"";
  position:absolute;
  top:0.125rem;
  left:0.125rem;
  background:white;
  border-color:#D1D5DB;
  border-width:1px;
  border-radius:9999px;
  height:1.25rem;
  width:1.25rem;
  transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;
  transition-duration:.15s;
  box-shadow:var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color)
}

input:checked + .toggle-bg:after{
  transform:translateX(100%);;
  border-color:white
}

input:checked + .toggle-bg{
  background:#1C64F2;
  border-color:#1C64F2
}

.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: 1280px){
  .container{
    max-width:1280px
  }
}

@media (min-width: 1536px){
  .container{
    max-width:1536px
  }
}

.en-panel{
  background:#ffffff;
  border:1px solid #e5e7eb;
  border-radius:0.75rem;
  overflow:hidden
}

.en-panel-head{
  display:flex;
  align-items:center;
  gap:0.5625rem;
  padding:0.6875rem 0.875rem;
  border-bottom:1px solid #f1f3f5;
  font-size:0.9375rem;
  font-weight:700
}

.en-label{
  font-size:0.6875rem;
  letter-spacing:0.09em;
  text-transform:uppercase;
  font-weight:700;
  color:#6b7280
}

.en-figure{
  font-variant-numeric:tabular-nums;
  font-size:1.5rem;
  font-weight:700;
  letter-spacing:-0.025em
}

.en-num{
  font-variant-numeric:tabular-nums
}

.en-chip{
  display:inline-flex;
  align-items:center;
  gap:0.375rem;
  border-radius:9999px;
  padding:0.1875rem 0.625rem;
  font-size:0.8125rem;
  font-weight:700;
  line-height:1.25;
  white-space:nowrap
}

.en-chip-sm{
  padding:0.0625rem 0.5rem;
  font-size:0.75rem;
  gap:0.3125rem
}

.en-chip-good{
  background:#eaf7e0;
  color:#3f7f16
}

.en-chip-warn{
  background:#fef3c7;
  color:#92400e
}

.en-chip-bad{
  background:#fee2e2;
  color:#b91c1c
}

.en-chip-act{
  background:#f0f7fc;
  color:#1e5a8a
}

.en-chip-flat{
  background:#f1f3f5;
  color:#4b5563
}

.en-delta-up{
  color:#3f7f16;
  font-weight:600;
  font-variant-numeric:tabular-nums
}

.en-delta-down{
  color:#b91c1c;
  font-weight:600;
  font-variant-numeric:tabular-nums
}

.en-delta-flat{
  color:#9ca3af;
  font-weight:600;
  font-variant-numeric:tabular-nums
}

.en-bar{
  display:block;
  height:0.5625rem;
  border-radius:9999px;
  background:#dbe3ec;
  border:0.5px solid #b3c1d4;
  overflow:hidden
}

.en-bar > span{
  display:block;
  height:100%;
  border-radius:9999px;
  background:#1e5a8a
}

.en-table{
  width:100%;
  border-collapse:collapse;
  font-size:0.9375rem
}

.en-table th{
  text-align:left;
  font-weight:700;
  color:#6b7280;
  background:#fbfcfd;
  border-bottom:1px solid #e5e7eb
}

.en-table td{
  border-bottom:1px solid #f1f3f5
}

.en-table.num td{
  font-variant-numeric:tabular-nums
}

.en-table tbody tr:hover{
  background:#f0f7fc;
  box-shadow:inset 3px 0 0 #1e5a8a
}

.en-table-static tbody tr:hover{
  background:transparent;
  box-shadow:none
}

.en-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:0.375rem;
  height:1.875rem;
  padding:0 0.625rem;
  border-radius:0.5rem;
  font-size:0.9375rem;
  font-weight:600;
  white-space:nowrap;
  cursor:pointer;
  text-decoration:none;
  border:1px solid transparent;
  transition:background-color .12s, border-color .12s, color .12s
}

.en-btn-primary{
  background:#1e5a8a;
  border-color:#1e5a8a;
  color:#ffffff;
}

.en-btn-primary:hover{
  background:#174869;
  border-color:#174869
}

.en-btn-secondary{
  background:#ffffff;
  border-color:#e5e7eb;
  color:#4b5563;
}

.en-btn-secondary:hover{
  border-color:#6cace4;
  color:#1e5a8a;
  background:#f0f7fc
}

.en-btn-danger{
  background:#dc2626;
  border-color:#dc2626;
  color:#ffffff;
}

.en-btn-danger:hover{
  background:#c81e1e;
  border-color:#c81e1e
}

.en-btn-ghost{
  background:transparent;
  color:#6b7280;
}

.en-btn-ghost:hover{
  background:#fbfcfd;
  color:#111827
}

.en-btn-icon{
  width:1.625rem;
  height:1.625rem;
  padding:0
}

.en-btn-touch{
  min-height:2.75rem
}

.en-btn-icon-touch{
  min-width:2.75rem;
  min-height:2.75rem;
  width:auto;
  height:auto;
  padding:0
}

.en-btn-page{
  min-width:1.625rem;
  height:1.625rem;
  padding:0 0.375rem
}

.en-menu{
  background:#ffffff;
  border:1px solid #e5e7eb;
  border-radius:0.5rem;
  box-shadow:0 10px 30px rgba(17, 24, 39, 0.10);
  padding:0.25rem;
  min-width:11rem
}

.en-menu-item{
  display:flex;
  align-items:center;
  gap:0.5rem;
  width:100%;
  padding:0.375rem 0.5rem;
  border-radius:0.375rem;
  font-size:0.9375rem;
  font-weight:600;
  color:#4b5563;
  text-align:left;
  text-decoration:none;
  cursor:pointer;
}

.en-menu-item:hover{
  background:#f0f7fc;
  color:#1e5a8a
}

.en-menu-item[aria-selected='true']{
  background:#f0f7fc;
  color:#1e5a8a
}

.en-menu-sep{
  height:1px;
  margin:0.25rem 0;
  background:#f1f3f5
}

.en-input{
  height:1.875rem;
  padding:0 0.5rem;
  border-radius:0.5rem;
  border:1px solid #e5e7eb;
  background:#ffffff;
  font-size:0.9375rem;
  color:#111827;
}

.en-input::-moz-placeholder{
  color:#9ca3af
}

.en-input::placeholder{
  color:#9ca3af
}

.en-input:focus{
  outline:none;
  border-color:#6cace4;
  box-shadow:0 0 0 3px #e3eef7
}

.en-range{
  -webkit-appearance:none;
     -moz-appearance:none;
          appearance:none;
  width:100%;
  background:transparent;
  cursor:pointer;
}

.en-range::-webkit-slider-runnable-track{
  height:0.375rem;
  border-radius:9999px;
  background:#eef2f6
}

.en-range::-moz-range-track{
  height:0.375rem;
  border-radius:9999px;
  background:#eef2f6
}

.en-range::-webkit-slider-thumb{
  -webkit-appearance:none;
          appearance:none;
  width:1rem;
  height:1rem;
  margin-top:-0.3125rem;
  border-radius:9999px;
  background:#1e5a8a;
  border:2px solid #ffffff;
  box-shadow:0 1px 2px rgba(17, 24, 39, 0.05)
}

.en-range::-moz-range-thumb{
  width:1rem;
  height:1rem;
  border-radius:9999px;
  background:#1e5a8a;
  border:2px solid #ffffff;
  box-shadow:0 1px 2px rgba(17, 24, 39, 0.05)
}

.en-range:focus-visible::-webkit-slider-thumb{
  outline:2px solid #6cace4;
  outline-offset:2px
}

.en-range:focus-visible::-moz-range-thumb{
  outline:2px solid #6cace4;
  outline-offset:2px
}

.en-range:disabled::-webkit-slider-thumb{
  background:#9ca3af
}

.en-range:disabled::-moz-range-thumb{
  background:#9ca3af
}

.en-checkbox{
  width:0.875rem;
  height:0.875rem;
  accent-color:#1e5a8a;
  cursor:pointer
}

.en-radio{
  width:0.875rem;
  height:0.875rem;
  accent-color:#1e5a8a;
  cursor:pointer
}

.en-chart-canvas{
  display:block;
  width:100%
}

.en-empty{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:4rem;
  padding:0.875rem 0;
  text-align:center;
  font-size:0.8125rem;
  color:#9ca3af
}

.en-skel{
  background:linear-gradient(90deg, #eef1f5 0%, #f7f9fb 40%, #eef1f5 80%);
  background-size:420px 100%;
  border-radius:0.375rem;
  animation:shimmer 1.15s linear infinite
}

.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
}

.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
}

.inset-auto{
  inset:auto
}

.inset-x-0{
  left:0px;
  right:0px
}

.inset-x-4{
  left:1rem;
  right:1rem
}

.inset-y-0{
  top:0px;
  bottom:0px
}

.-bottom-0\.5{
  bottom:-0.125rem
}

.-bottom-1{
  bottom:-0.25rem
}

.-right-1{
  right:-0.25rem
}

.-right-2{
  right:-0.5rem
}

.-right-3{
  right:-0.75rem
}

.-top-0\.5{
  top:-0.125rem
}

.-top-1{
  top:-0.25rem
}

.bottom-0{
  bottom:0px
}

.bottom-4{
  bottom:1rem
}

.bottom-\[60px\]{
  bottom:60px
}

.bottom-full{
  bottom:100%
}

.end-4{
  inset-inline-end:1rem
}

.left-0{
  left:0px
}

.left-0\.5{
  left:0.125rem
}

.left-1{
  left:0.25rem
}

.left-1\/2{
  left:50%
}

.left-2\.5{
  left:0.625rem
}

.left-3{
  left:0.75rem
}

.left-4{
  left:1rem
}

.left-\[50\%\]{
  left:50%
}

.left-full{
  left:100%
}

.right-0{
  right:0px
}

.right-1\.5{
  right:0.375rem
}

.right-14{
  right:3.5rem
}

.right-2{
  right:0.5rem
}

.right-full{
  right:100%
}

.top-0{
  top:0px
}

.top-1\/2{
  top:50%
}

.top-14{
  top:3.5rem
}

.top-2{
  top:0.5rem
}

.top-3{
  top:0.75rem
}

.top-4{
  top:1rem
}

.top-5{
  top:1.25rem
}

.top-6{
  top:1.5rem
}

.top-\[50\%\]{
  top:50%
}

.top-full{
  top:100%
}

.isolate{
  isolation:isolate
}

.z-0{
  z-index:0
}

.z-10{
  z-index:10
}

.z-20{
  z-index:20
}

.z-30{
  z-index:30
}

.z-40{
  z-index:40
}

.z-50{
  z-index:50
}

.z-\[100001\]{
  z-index:100001
}

.z-\[10000\]{
  z-index:10000
}

.z-\[200\]{
  z-index:200
}

.z-\[9999\]{
  z-index:9999
}

.order-1{
  order:1
}

.order-2{
  order:2
}

.order-3{
  order:3
}

.order-4{
  order:4
}

.order-none{
  order:0
}

.col-span-1{
  grid-column:span 1 / span 1
}

.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-6{
  grid-column:span 6 / span 6
}

.col-span-8{
  grid-column:span 8 / span 8
}

.col-start-2{
  grid-column-start:2
}

.row-span-2{
  grid-row:span 2 / span 2
}

.m-0{
  margin:0px
}

.-mx-1{
  margin-left:-0.25rem;
  margin-right:-0.25rem
}

.-mx-1\.5{
  margin-left:-0.375rem;
  margin-right:-0.375rem
}

.-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-5{
  margin-left:-1.25rem;
  margin-right:-1.25rem
}

.-mx-px{
  margin-left:-1px;
  margin-right:-1px
}

.-my-1\.5{
  margin-top:-0.375rem;
  margin-bottom:-0.375rem
}

.mx-0{
  margin-left:0px;
  margin-right:0px
}

.mx-1{
  margin-left:0.25rem;
  margin-right:0.25rem
}

.mx-1\.5{
  margin-left:0.375rem;
  margin-right:0.375rem
}

.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-5{
  margin-left:1.25rem;
  margin-right:1.25rem
}

.mx-auto{
  margin-left:auto;
  margin-right:auto
}

.my-0{
  margin-top:0px;
  margin-bottom:0px
}

.my-1{
  margin-top:0.25rem;
  margin-bottom:0.25rem
}

.my-1\.5{
  margin-top:0.375rem;
  margin-bottom:0.375rem
}

.my-3{
  margin-top:0.75rem;
  margin-bottom:0.75rem
}

.my-5{
  margin-top:1.25rem;
  margin-bottom:1.25rem
}

.-mb-4{
  margin-bottom:-1rem
}

.-mb-\[1px\]{
  margin-bottom:-1px
}

.-mb-px{
  margin-bottom:-1px
}

.-ml-0\.5{
  margin-left:-0.125rem
}

.-ml-1{
  margin-left:-0.25rem
}

.-ml-1\.5{
  margin-left:-0.375rem
}

.-ml-2{
  margin-left:-0.5rem
}

.-mr-0\.5{
  margin-right:-0.125rem
}

.-mr-1{
  margin-right:-0.25rem
}

.-mt-1{
  margin-top:-0.25rem
}

.-mt-2{
  margin-top:-0.5rem
}

.-mt-4{
  margin-top:-1rem
}

.-mt-px{
  margin-top:-1px
}

.mb-0{
  margin-bottom:0px
}

.mb-0\.5{
  margin-bottom:0.125rem
}

.mb-1{
  margin-bottom:0.25rem
}

.mb-1\.5{
  margin-bottom:0.375rem
}

.mb-12{
  margin-bottom:3rem
}

.mb-2{
  margin-bottom:0.5rem
}

.mb-3{
  margin-bottom:0.75rem
}

.mb-4{
  margin-bottom:1rem
}

.mb-5{
  margin-bottom:1.25rem
}

.mb-6{
  margin-bottom:1.5rem
}

.mb-8{
  margin-bottom:2rem
}

.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-2{
  margin-left:0.5rem
}

.ml-3{
  margin-left:0.75rem
}

.ml-4{
  margin-left:1rem
}

.ml-6{
  margin-left:1.5rem
}

.ml-8{
  margin-left:2rem
}

.ml-\[1\.375rem\]{
  margin-left:1.375rem
}

.ml-auto{
  margin-left:auto
}

.mr-0\.5{
  margin-right:0.125rem
}

.mr-1{
  margin-right:0.25rem
}

.mr-1\.5{
  margin-right:0.375rem
}

.mr-2{
  margin-right:0.5rem
}

.mr-4{
  margin-right:1rem
}

.mr-6{
  margin-right:1.5rem
}

.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-2{
  margin-top:0.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-8{
  margin-top:2rem
}

.mt-\[12vh\]{
  margin-top:12vh
}

.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
}

.block{
  display:block
}

.inline-block{
  display:inline-block
}

.inline{
  display:inline
}

.flex{
  display:flex
}

.inline-flex{
  display:inline-flex
}

.table{
  display:table
}

.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
}

.size-3{
  width:0.75rem;
  height:0.75rem
}

.size-3\.5{
  width:0.875rem;
  height:0.875rem
}

.h-0\.5{
  height:0.125rem
}

.h-1{
  height:0.25rem
}

.h-1\.5{
  height:0.375rem
}

.h-10{
  height:2.5rem
}

.h-11{
  height:2.75rem
}

.h-12{
  height:3rem
}

.h-14{
  height:3.5rem
}

.h-16{
  height:4rem
}

.h-2{
  height:0.5rem
}

.h-2\.5{
  height:0.625rem
}

.h-20{
  height:5rem
}

.h-24{
  height:6rem
}

.h-28{
  height:7rem
}

.h-3{
  height:0.75rem
}

.h-3\.5{
  height:0.875rem
}

.h-32{
  height:8rem
}

.h-4{
  height:1rem
}

.h-48{
  height:12rem
}

.h-5{
  height:1.25rem
}

.h-6{
  height:1.5rem
}

.h-64{
  height:16rem
}

.h-7{
  height:1.75rem
}

.h-8{
  height:2rem
}

.h-9{
  height:2.25rem
}

.h-\[100px\]{
  height:100px
}

.h-\[180px\]{
  height:180px
}

.h-\[200px\]{
  height:200px
}

.h-\[220px\]{
  height:220px
}

.h-\[22rem\]{
  height:22rem
}

.h-\[24rem\]{
  height:24rem
}

.h-\[25px\]{
  height:25px
}

.h-\[26rem\]{
  height:26rem
}

.h-\[38px\]{
  height:38px
}

.h-\[50px\]{
  height:50px
}

.h-auto{
  height:auto
}

.h-full{
  height:100%
}

.h-px{
  height:1px
}

.h-screen{
  height:100vh
}

.max-h-40{
  max-height:10rem
}

.max-h-60{
  max-height:15rem
}

.max-h-64{
  max-height:16rem
}

.max-h-72{
  max-height:18rem
}

.max-h-80{
  max-height:20rem
}

.max-h-\[28rem\]{
  max-height:28rem
}

.max-h-\[32rem\]{
  max-height:32rem
}

.max-h-\[70vh\]{
  max-height:70vh
}

.max-h-\[75vh\]{
  max-height:75vh
}

.max-h-\[80vh\]{
  max-height:80vh
}

.max-h-\[calc\(100dvh-6rem\)\]{
  max-height:calc(100dvh - 6rem)
}

.max-h-\[calc\(100vh-2rem\)\]{
  max-height:calc(100vh - 2rem)
}

.max-h-screen{
  max-height:100vh
}

.min-h-0{
  min-height:0px
}

.min-h-11{
  min-height:2.75rem
}

.min-h-4{
  min-height:1rem
}

.min-h-8{
  min-height:2rem
}

.min-h-\[180px\]{
  min-height:180px
}

.min-h-\[2\.75rem\]{
  min-height:2.75rem
}

.min-h-\[200px\]{
  min-height:200px
}

.min-h-\[8rem\]{
  min-height:8rem
}

.min-h-screen{
  min-height:100vh
}

.\!w-64{
  width:16rem !important
}

.\!w-72{
  width:18rem !important
}

.\!w-80{
  width:20rem !important
}

.\!w-96{
  width:24rem !important
}

.\!w-\[18rem\]{
  width:18rem !important
}

.w-0\.5{
  width:0.125rem
}

.w-1{
  width:0.25rem
}

.w-1\.5{
  width:0.375rem
}

.w-1\/2{
  width:50%
}

.w-1\/3{
  width:33.333333%
}

.w-10{
  width:2.5rem
}

.w-12{
  width:3rem
}

.w-14{
  width:3.5rem
}

.w-16{
  width:4rem
}

.w-2{
  width:0.5rem
}

.w-2\.5{
  width:0.625rem
}

.w-2\/5{
  width:40%
}

.w-20{
  width:5rem
}

.w-24{
  width:6rem
}

.w-28{
  width:7rem
}

.w-3{
  width:0.75rem
}

.w-3\.5{
  width:0.875rem
}

.w-3\/4{
  width:75%
}

.w-32{
  width:8rem
}

.w-36{
  width:9rem
}

.w-4{
  width:1rem
}

.w-4\/5{
  width:80%
}

.w-40{
  width:10rem
}

.w-44{
  width:11rem
}

.w-48{
  width:12rem
}

.w-5{
  width:1.25rem
}

.w-5\/6{
  width:83.333333%
}

.w-52{
  width:13rem
}

.w-56{
  width:14rem
}

.w-6{
  width:1.5rem
}

.w-60{
  width:15rem
}

.w-64{
  width:16rem
}

.w-7{
  width:1.75rem
}

.w-72{
  width:18rem
}

.w-8{
  width:2rem
}

.w-9{
  width:2.25rem
}

.w-96{
  width:24rem
}

.w-\[--en-dialog-width\]{
  width:var(--en-dialog-width)
}

.w-\[1\.625rem\]{
  width:1.625rem
}

.w-\[22rem\]{
  width:22rem
}

.w-\[26rem\]{
  width:26rem
}

.w-\[30rem\]{
  width:30rem
}

.w-\[42rem\]{
  width:42rem
}

.w-\[56rem\]{
  width:56rem
}

.w-\[5rem\]{
  width:5rem
}

.w-\[60rem\]{
  width:60rem
}

.w-\[8\.75rem\]{
  width:8.75rem
}

.w-\[90px\]{
  width:90px
}

.w-\[calc\(100vw-2rem\)\]{
  width:calc(100vw - 2rem)
}

.w-\[min\(90vw\2c 46rem\)\]{
  width:min(90vw,46rem)
}

.w-\[min\(92vw\2c 64rem\)\]{
  width:min(92vw,64rem)
}

.w-\[min\(94vw\2c 52rem\)\]{
  width:min(94vw,52rem)
}

.w-\[\2026\]{
  width:…
}

.w-auto{
  width:auto
}

.w-fit{
  width:-moz-fit-content;
  width:fit-content
}

.w-full{
  width:100%
}

.w-max{
  width:-moz-max-content;
  width:max-content
}

.w-px{
  width:1px
}

.w-rail{
  width:12.25rem
}

.w-railtight{
  width:3.5rem
}

.min-w-0{
  min-width:0px
}

.min-w-24{
  min-width:6rem
}

.min-w-44{
  min-width:11rem
}

.min-w-64{
  min-width:16rem
}

.min-w-\[1\.75rem\]{
  min-width:1.75rem
}

.min-w-\[10rem\]{
  min-width:10rem
}

.min-w-\[110px\]{
  min-width:110px
}

.min-w-\[11rem\]{
  min-width:11rem
}

.min-w-\[130px\]{
  min-width:130px
}

.min-w-\[13rem\]{
  min-width:13rem
}

.min-w-\[155px\]{
  min-width:155px
}

.min-w-\[16rem\]{
  min-width:16rem
}

.min-w-\[175px\]{
  min-width:175px
}

.min-w-\[17rem\]{
  min-width:17rem
}

.min-w-\[2\.25rem\]{
  min-width:2.25rem
}

.min-w-\[2\.75rem\]{
  min-width:2.75rem
}

.min-w-\[28rem\]{
  min-width:28rem
}

.min-w-\[2rem\]{
  min-width:2rem
}

.min-w-\[3rem\]{
  min-width:3rem
}

.min-w-\[5\.5rem\]{
  min-width:5.5rem
}

.min-w-\[50px\]{
  min-width:50px
}

.min-w-\[56px\]{
  min-width:56px
}

.min-w-full{
  min-width:100%
}

.\!max-w-\[18rem\]{
  max-width:18rem !important
}

.max-w-2xl{
  max-width:42rem
}

.max-w-3xl{
  max-width:48rem
}

.max-w-40{
  max-width:10rem
}

.max-w-48{
  max-width:12rem
}

.max-w-4xl{
  max-width:56rem
}

.max-w-5xl{
  max-width:64rem
}

.max-w-6xl{
  max-width:72rem
}

.max-w-72{
  max-width:18rem
}

.max-w-\[10rem\]{
  max-width:10rem
}

.max-w-\[11rem\]{
  max-width:11rem
}

.max-w-\[120px\]{
  max-width:120px
}

.max-w-\[14rem\]{
  max-width:14rem
}

.max-w-\[16rem\]{
  max-width:16rem
}

.max-w-\[18rem\]{
  max-width:18rem
}

.max-w-\[20rem\]{
  max-width:20rem
}

.max-w-\[22rem\]{
  max-width:22rem
}

.max-w-\[24rem\]{
  max-width:24rem
}

.max-w-\[26rem\]{
  max-width:26rem
}

.max-w-\[32rem\]{
  max-width:32rem
}

.max-w-\[40rem\]{
  max-width:40rem
}

.max-w-\[92vw\]{
  max-width:92vw
}

.max-w-\[calc\(100vw-2rem\)\]{
  max-width:calc(100vw - 2rem)
}

.max-w-\[min\(90vw\2c 46rem\)\]{
  max-width:min(90vw,46rem)
}

.max-w-\[min\(92vw\2c 64rem\)\]{
  max-width:min(92vw,64rem)
}

.max-w-\[\2026\]{
  max-width:…
}

.max-w-full{
  max-width:100%
}

.max-w-lg{
  max-width:32rem
}

.max-w-md{
  max-width:28rem
}

.max-w-none{
  max-width:none
}

.max-w-sm{
  max-width:24rem
}

.max-w-xs{
  max-width:20rem
}

.flex-1{
  flex:1 1 0%
}

.flex-none{
  flex:none
}

.flex-shrink{
  flex-shrink:1
}

.flex-shrink-0{
  flex-shrink:0
}

.shrink{
  flex-shrink:1
}

.shrink-0{
  flex-shrink:0
}

.flex-grow{
  flex-grow:1
}

.grow{
  flex-grow:1
}

.basis-0{
  flex-basis:0px
}

.border-collapse{
  border-collapse:collapse
}

.border-separate{
  border-collapse:separate
}

.border-spacing-0{
  --tw-border-spacing-x:0px;
  --tw-border-spacing-y:0px;
  border-spacing:var(--tw-border-spacing-x) var(--tw-border-spacing-y)
}

.-translate-x-1\/2{
  --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))
}

.-translate-x-full{
  --tw-translate-x:-100%;
  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-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-full{
  --tw-translate-y:-100%;
  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-0{
  --tw-translate-x:0px;
  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-1\/2{
  --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))
}

.translate-x-\[-50\%\]{
  --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))
}

.translate-x-full{
  --tw-translate-x:100%;
  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-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-\[-50\%\]{
  --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-full{
  --tw-translate-y:100%;
  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-90{
  --tw-rotate:-90deg;
  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))
}

.rotate-45{
  --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))
}

.rotate-90{
  --tw-rotate:90deg;
  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))
}

.transform-gpu{
  transform:translate3d(var(--tw-translate-x), var(--tw-translate-y), 0) 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-none{
  transform:none
}

@keyframes pulse{
  50%{
    opacity:.5
  }
}

.animate-pulse{
  animation:pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite
}

@keyframes spin{
  to{
    transform:rotate(360deg)
  }
}

.animate-spin{
  animation:spin 1s linear infinite
}

.cursor-default{
  cursor:default
}

.cursor-help{
  cursor:help
}

.cursor-not-allowed{
  cursor:not-allowed
}

.cursor-pointer{
  cursor:pointer
}

.select-none{
  -webkit-user-select:none;
     -moz-user-select:none;
          user-select:none
}

.select-all{
  -webkit-user-select:all;
     -moz-user-select:all;
          user-select:all
}

.resize-none{
  resize:none
}

.resize-y{
  resize:vertical
}

.resize{
  resize:both
}

.scroll-mx-3{
  scroll-margin-left:0.75rem;
  scroll-margin-right:0.75rem
}

.scroll-mt-4{
  scroll-margin-top:1rem
}

.list-inside{
  list-style-position:inside
}

.list-decimal{
  list-style-type:decimal
}

.list-disc{
  list-style-type:disc
}

.list-none{
  list-style-type:none
}

.appearance-none{
  -webkit-appearance:none;
     -moz-appearance:none;
          appearance:none
}

.auto-rows-fr{
  grid-auto-rows:minmax(0, 1fr)
}

.grid-cols-1{
  grid-template-columns:repeat(1, minmax(0, 1fr))
}

.grid-cols-10{
  grid-template-columns:repeat(10, minmax(0, 1fr))
}

.grid-cols-11{
  grid-template-columns:repeat(11, minmax(0, 1fr))
}

.grid-cols-12{
  grid-template-columns:repeat(12, 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-5{
  grid-template-columns:repeat(5, minmax(0, 1fr))
}

.grid-cols-6{
  grid-template-columns:repeat(6, minmax(0, 1fr))
}

.grid-cols-7{
  grid-template-columns:repeat(7, minmax(0, 1fr))
}

.grid-cols-\[17rem_1fr\]{
  grid-template-columns:17rem 1fr
}

.grid-cols-\[1fr_auto\]{
  grid-template-columns:1fr auto
}

.grid-cols-\[3\.5rem_4rem\]{
  grid-template-columns:3.5rem 4rem
}

.grid-cols-\[4rem_1fr\]{
  grid-template-columns:4rem 1fr
}

.grid-cols-\[8rem_1fr\]{
  grid-template-columns:8rem 1fr
}

.grid-cols-\[9rem_1fr\]{
  grid-template-columns:9rem 1fr
}

.grid-cols-\[auto_1fr\]{
  grid-template-columns:auto 1fr
}

.grid-cols-\[repeat\(auto-fit\2c minmax\(17rem\2c 1fr\)\)\]{
  grid-template-columns:repeat(auto-fit,minmax(17rem,1fr))
}

.flex-row{
  flex-direction:row
}

.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
}

.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
}

.gap-0{
  gap:0px
}

.gap-0\.5{
  gap:0.125rem
}

.gap-1{
  gap:0.25rem
}

.gap-1\.5{
  gap:0.375rem
}

.gap-12{
  gap:3rem
}

.gap-2{
  gap:0.5rem
}

.gap-2\.5{
  gap:0.625rem
}

.gap-20{
  gap:5rem
}

.gap-24{
  gap:6rem
}

.gap-28{
  gap:7rem
}

.gap-3{
  gap:0.75rem
}

.gap-4{
  gap:1rem
}

.gap-40{
  gap:10rem
}

.gap-44{
  gap:11rem
}

.gap-48{
  gap:12rem
}

.gap-5{
  gap:1.25rem
}

.gap-6{
  gap:1.5rem
}

.gap-8{
  gap:2rem
}

.gap-gap{
  gap:1rem
}

.gap-x-1\.5{
  -moz-column-gap:0.375rem;
       column-gap:0.375rem
}

.gap-x-2{
  -moz-column-gap:0.5rem;
       column-gap:0.5rem
}

.gap-x-2\.5{
  -moz-column-gap:0.625rem;
       column-gap:0.625rem
}

.gap-x-3{
  -moz-column-gap:0.75rem;
       column-gap:0.75rem
}

.gap-x-4{
  -moz-column-gap:1rem;
       column-gap:1rem
}

.gap-x-6{
  -moz-column-gap:1.5rem;
       column-gap:1.5rem
}

.gap-y-0\.5{
  row-gap:0.125rem
}

.gap-y-1{
  row-gap:0.25rem
}

.gap-y-1\.5{
  row-gap:0.375rem
}

.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
}

.-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-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-y-0 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse:0;
  margin-top:calc(0px * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom:calc(0px * var(--tw-space-y-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-1\.5 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse:0;
  margin-top:calc(0.375rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom:calc(0.375rem * 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-x > :not([hidden]) ~ :not([hidden]){
  --tw-divide-x-reverse:0;
  border-right-width:calc(1px * var(--tw-divide-x-reverse));
  border-left-width:calc(1px * calc(1 - var(--tw-divide-x-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-gray-200 > :not([hidden]) ~ :not([hidden]){
  --tw-divide-opacity:1;
  border-color:rgb(229 231 235 / var(--tw-divide-opacity, 1))
}

.divide-hairline > :not([hidden]) ~ :not([hidden]){
  --tw-divide-opacity:1;
  border-color:rgb(229 231 235 / var(--tw-divide-opacity, 1))
}

.divide-hairline-soft > :not([hidden]) ~ :not([hidden]){
  --tw-divide-opacity:1;
  border-color:rgb(241 243 245 / var(--tw-divide-opacity, 1))
}

.divide-neutral-100 > :not([hidden]) ~ :not([hidden]){
  --tw-divide-opacity:1;
  border-color:rgb(245 245 245 / var(--tw-divide-opacity, 1))
}

.divide-slate-100 > :not([hidden]) ~ :not([hidden]){
  --tw-divide-opacity:1;
  border-color:rgb(241 245 249 / var(--tw-divide-opacity, 1))
}

.divide-slate-200 > :not([hidden]) ~ :not([hidden]){
  --tw-divide-opacity:1;
  border-color:rgb(226 232 240 / var(--tw-divide-opacity, 1))
}

.divide-slate-300 > :not([hidden]) ~ :not([hidden]){
  --tw-divide-opacity:1;
  border-color:rgb(203 213 225 / var(--tw-divide-opacity, 1))
}

.self-start{
  align-self:flex-start
}

.self-center{
  align-self:center
}

.self-stretch{
  align-self:stretch
}

.justify-self-start{
  justify-self:start
}

.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-hidden{
  overflow-y:hidden
}

.truncate{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap
}

.whitespace-normal{
  white-space:normal
}

.whitespace-nowrap{
  white-space:nowrap
}

.whitespace-pre-wrap{
  white-space:pre-wrap
}

.break-words{
  overflow-wrap:break-word
}

.break-all{
  word-break:break-all
}

.rounded{
  border-radius:0.25rem
}

.rounded-2xl{
  border-radius:1rem
}

.rounded-control{
  border-radius:0.5rem
}

.rounded-frame{
  border-radius:0.875rem
}

.rounded-full{
  border-radius:9999px
}

.rounded-lg{
  border-radius:0.5rem
}

.rounded-md{
  border-radius:0.375rem
}

.rounded-none{
  border-radius:0px
}

.rounded-panel{
  border-radius:0.75rem
}

.rounded-pill{
  border-radius:9999px
}

.rounded-sm{
  border-radius:0.125rem
}

.rounded-xl{
  border-radius:0.75rem
}

.rounded-b-lg{
  border-bottom-right-radius:0.5rem;
  border-bottom-left-radius:0.5rem
}

.rounded-e-lg{
  border-start-end-radius:0.5rem;
  border-end-end-radius:0.5rem
}

.rounded-l-control{
  border-top-left-radius:0.5rem;
  border-bottom-left-radius:0.5rem
}

.rounded-l-frame{
  border-top-left-radius:0.875rem;
  border-bottom-left-radius:0.875rem
}

.rounded-l-lg{
  border-top-left-radius:0.5rem;
  border-bottom-left-radius:0.5rem
}

.rounded-l-md{
  border-top-left-radius:0.375rem;
  border-bottom-left-radius:0.375rem
}

.rounded-r-control{
  border-top-right-radius:0.5rem;
  border-bottom-right-radius:0.5rem
}

.rounded-r-lg{
  border-top-right-radius:0.5rem;
  border-bottom-right-radius:0.5rem
}

.rounded-r-md{
  border-top-right-radius:0.375rem;
  border-bottom-right-radius:0.375rem
}

.rounded-s-lg{
  border-start-start-radius:0.5rem;
  border-end-start-radius:0.5rem
}

.rounded-t{
  border-top-left-radius:0.25rem;
  border-top-right-radius:0.25rem
}

.rounded-t-lg{
  border-top-left-radius:0.5rem;
  border-top-right-radius:0.5rem
}

.rounded-t-md{
  border-top-left-radius:0.375rem;
  border-top-right-radius:0.375rem
}

.border{
  border-width:1px
}

.border-0{
  border-width:0px
}

.border-2{
  border-width:2px
}

.border-x-2{
  border-left-width:2px;
  border-right-width:2px
}

.border-y{
  border-top-width:1px;
  border-bottom-width:1px
}

.border-b{
  border-bottom-width:1px
}

.border-b-2{
  border-bottom-width:2px
}

.border-l{
  border-left-width:1px
}

.border-l-2{
  border-left-width:2px
}

.border-l-4{
  border-left-width:4px
}

.border-l-\[3px\]{
  border-left-width:3px
}

.border-r{
  border-right-width:1px
}

.border-t{
  border-top-width:1px
}

.border-t-0{
  border-top-width:0px
}

.border-t-2{
  border-top-width:2px
}

.border-t-4{
  border-top-width:4px
}

.border-dashed{
  border-style:dashed
}

.border-dotted{
  border-style:dotted
}

.border-hidden{
  border-style:hidden
}

.border-none{
  border-style:none
}

.border-\[\#0e7490\]{
  --tw-border-opacity:1;
  border-color:rgb(14 116 144 / var(--tw-border-opacity, 1))
}

.border-\[\#1e5a8a\]{
  --tw-border-opacity:1;
  border-color:rgb(30 90 138 / var(--tw-border-opacity, 1))
}

.border-\[\#374151\]{
  --tw-border-opacity:1;
  border-color:rgb(55 65 81 / var(--tw-border-opacity, 1))
}

.border-\[\#3f7f16\]{
  --tw-border-opacity:1;
  border-color:rgb(63 127 22 / var(--tw-border-opacity, 1))
}

.border-\[\#7c5cbf\]{
  --tw-border-opacity:1;
  border-color:rgb(124 92 191 / var(--tw-border-opacity, 1))
}

.border-\[\#a16207\]{
  --tw-border-opacity:1;
  border-color:rgb(161 98 7 / var(--tw-border-opacity, 1))
}

.border-\[\#b91c1c\]{
  --tw-border-opacity:1;
  border-color:rgb(185 28 28 / var(--tw-border-opacity, 1))
}

.border-\[tlrb\]{
  border-color:tlrb
}

.border-amber-100{
  --tw-border-opacity:1;
  border-color:rgb(254 243 199 / var(--tw-border-opacity, 1))
}

.border-amber-200{
  --tw-border-opacity:1;
  border-color:rgb(253 230 138 / var(--tw-border-opacity, 1))
}

.border-amber-300{
  --tw-border-opacity:1;
  border-color:rgb(252 211 77 / var(--tw-border-opacity, 1))
}

.border-amber-500{
  --tw-border-opacity:1;
  border-color:rgb(245 158 11 / var(--tw-border-opacity, 1))
}

.border-amber-600{
  --tw-border-opacity:1;
  border-color:rgb(217 119 6 / var(--tw-border-opacity, 1))
}

.border-bad-100{
  --tw-border-opacity:1;
  border-color:rgb(254 202 202 / var(--tw-border-opacity, 1))
}

.border-bad-500{
  --tw-border-opacity:1;
  border-color:rgb(220 38 38 / var(--tw-border-opacity, 1))
}

.border-bad-600{
  --tw-border-opacity:1;
  border-color:rgb(200 30 30 / var(--tw-border-opacity, 1))
}

.border-blue-100{
  --tw-border-opacity:1;
  border-color:rgb(219 234 254 / var(--tw-border-opacity, 1))
}

.border-blue-200{
  --tw-border-opacity:1;
  border-color:rgb(191 219 254 / var(--tw-border-opacity, 1))
}

.border-blue-200\/60{
  border-color:rgb(191 219 254 / 0.6)
}

.border-blue-300{
  --tw-border-opacity:1;
  border-color:rgb(164 202 254 / var(--tw-border-opacity, 1))
}

.border-blue-400{
  --tw-border-opacity:1;
  border-color:rgb(118 169 250 / var(--tw-border-opacity, 1))
}

.border-blue-500{
  --tw-border-opacity:1;
  border-color:rgb(63 131 248 / var(--tw-border-opacity, 1))
}

.border-blue-600{
  --tw-border-opacity:1;
  border-color:rgb(28 100 242 / var(--tw-border-opacity, 1))
}

.border-blue-700{
  --tw-border-opacity:1;
  border-color:rgb(26 86 219 / var(--tw-border-opacity, 1))
}

.border-border{
  --tw-border-opacity:1;
  border-color:rgb(229 231 235 / var(--tw-border-opacity, 1))
}

.border-brand-100{
  --tw-border-opacity:1;
  border-color:rgb(227 238 247 / var(--tw-border-opacity, 1))
}

.border-brand-200{
  --tw-border-opacity:1;
  border-color:rgb(207 227 242 / var(--tw-border-opacity, 1))
}

.border-brand-300{
  --tw-border-opacity:1;
  border-color:rgb(156 197 226 / var(--tw-border-opacity, 1))
}

.border-brand-400{
  --tw-border-opacity:1;
  border-color:rgb(108 172 228 / var(--tw-border-opacity, 1))
}

.border-brand-500{
  --tw-border-opacity:1;
  border-color:rgb(74 135 180 / var(--tw-border-opacity, 1))
}

.border-brand-600{
  --tw-border-opacity:1;
  border-color:rgb(30 90 138 / var(--tw-border-opacity, 1))
}

.border-current{
  border-color:currentColor
}

.border-cyan-200{
  --tw-border-opacity:1;
  border-color:rgb(165 243 252 / var(--tw-border-opacity, 1))
}

.border-emerald-200{
  --tw-border-opacity:1;
  border-color:rgb(167 243 208 / var(--tw-border-opacity, 1))
}

.border-emerald-300{
  --tw-border-opacity:1;
  border-color:rgb(110 231 183 / var(--tw-border-opacity, 1))
}

.border-emerald-600{
  --tw-border-opacity:1;
  border-color:rgb(5 150 105 / var(--tw-border-opacity, 1))
}

.border-fuchsia-600{
  --tw-border-opacity:1;
  border-color:rgb(192 38 211 / var(--tw-border-opacity, 1))
}

.border-good-100{
  --tw-border-opacity:1;
  border-color:rgb(214 239 196 / var(--tw-border-opacity, 1))
}

.border-good-500{
  --tw-border-opacity:1;
  border-color:rgb(88 177 33 / var(--tw-border-opacity, 1))
}

.border-good-600{
  --tw-border-opacity:1;
  border-color:rgb(74 154 27 / var(--tw-border-opacity, 1))
}

.border-gray-100{
  --tw-border-opacity:1;
  border-color:rgb(243 244 246 / var(--tw-border-opacity, 1))
}

.border-gray-200{
  --tw-border-opacity:1;
  border-color:rgb(229 231 235 / var(--tw-border-opacity, 1))
}

.border-gray-200\/30{
  border-color:rgb(229 231 235 / 0.3)
}

.border-gray-300{
  --tw-border-opacity:1;
  border-color:rgb(209 213 219 / var(--tw-border-opacity, 1))
}

.border-gray-400{
  --tw-border-opacity:1;
  border-color:rgb(156 163 175 / var(--tw-border-opacity, 1))
}

.border-gray-50{
  --tw-border-opacity:1;
  border-color:rgb(249 250 251 / var(--tw-border-opacity, 1))
}

.border-gray-500{
  --tw-border-opacity:1;
  border-color:rgb(107 114 128 / var(--tw-border-opacity, 1))
}

.border-gray-700{
  --tw-border-opacity:1;
  border-color:rgb(55 65 81 / var(--tw-border-opacity, 1))
}

.border-green-100{
  --tw-border-opacity:1;
  border-color:rgb(222 247 236 / var(--tw-border-opacity, 1))
}

.border-green-200{
  --tw-border-opacity:1;
  border-color:rgb(188 240 218 / var(--tw-border-opacity, 1))
}

.border-green-300{
  --tw-border-opacity:1;
  border-color:rgb(132 225 188 / var(--tw-border-opacity, 1))
}

.border-green-500{
  --tw-border-opacity:1;
  border-color:rgb(14 159 110 / var(--tw-border-opacity, 1))
}

.border-hairline{
  --tw-border-opacity:1;
  border-color:rgb(229 231 235 / var(--tw-border-opacity, 1))
}

.border-hairline-soft{
  --tw-border-opacity:1;
  border-color:rgb(241 243 245 / var(--tw-border-opacity, 1))
}

.border-indigo-100{
  --tw-border-opacity:1;
  border-color:rgb(229 237 255 / var(--tw-border-opacity, 1))
}

.border-indigo-200{
  --tw-border-opacity:1;
  border-color:rgb(205 219 254 / var(--tw-border-opacity, 1))
}

.border-indigo-300{
  --tw-border-opacity:1;
  border-color:rgb(180 198 252 / var(--tw-border-opacity, 1))
}

.border-indigo-500{
  --tw-border-opacity:1;
  border-color:rgb(104 117 245 / var(--tw-border-opacity, 1))
}

.border-indigo-600{
  --tw-border-opacity:1;
  border-color:rgb(88 80 236 / var(--tw-border-opacity, 1))
}

.border-ink-faint{
  --tw-border-opacity:1;
  border-color:rgb(107 114 128 / var(--tw-border-opacity, 1))
}

.border-ink-ghost{
  --tw-border-opacity:1;
  border-color:rgb(156 163 175 / var(--tw-border-opacity, 1))
}

.border-ink\/15{
  border-color:rgb(17 24 39 / 0.15)
}

.border-input{
  --tw-border-opacity:1;
  border-color:rgb(209 213 219 / var(--tw-border-opacity, 1))
}

.border-lime-200{
  --tw-border-opacity:1;
  border-color:rgb(217 249 157 / var(--tw-border-opacity, 1))
}

.border-neutral-100{
  --tw-border-opacity:1;
  border-color:rgb(245 245 245 / var(--tw-border-opacity, 1))
}

.border-neutral-200{
  --tw-border-opacity:1;
  border-color:rgb(229 229 229 / var(--tw-border-opacity, 1))
}

.border-neutral-300{
  --tw-border-opacity:1;
  border-color:rgb(212 212 212 / var(--tw-border-opacity, 1))
}

.border-neutral-50{
  --tw-border-opacity:1;
  border-color:rgb(250 250 250 / var(--tw-border-opacity, 1))
}

.border-neutral-900{
  --tw-border-opacity:1;
  border-color:rgb(23 23 23 / var(--tw-border-opacity, 1))
}

.border-orange-200{
  --tw-border-opacity:1;
  border-color:rgb(252 217 189 / var(--tw-border-opacity, 1))
}

.border-orange-300{
  --tw-border-opacity:1;
  border-color:rgb(253 186 140 / var(--tw-border-opacity, 1))
}

.border-orange-500{
  --tw-border-opacity:1;
  border-color:rgb(255 90 31 / var(--tw-border-opacity, 1))
}

.border-orange-600{
  --tw-border-opacity:1;
  border-color:rgb(208 56 1 / var(--tw-border-opacity, 1))
}

.border-primary{
  --tw-border-opacity:1;
  border-color:rgb(30 90 138 / var(--tw-border-opacity, 1))
}

.border-purple-100{
  --tw-border-opacity:1;
  border-color:rgb(237 235 254 / var(--tw-border-opacity, 1))
}

.border-purple-200{
  --tw-border-opacity:1;
  border-color:rgb(220 215 254 / var(--tw-border-opacity, 1))
}

.border-purple-300{
  --tw-border-opacity:1;
  border-color:rgb(202 191 253 / var(--tw-border-opacity, 1))
}

.border-purple-500{
  --tw-border-opacity:1;
  border-color:rgb(144 97 249 / var(--tw-border-opacity, 1))
}

.border-purple-600{
  --tw-border-opacity:1;
  border-color:rgb(126 58 242 / var(--tw-border-opacity, 1))
}

.border-red-200{
  --tw-border-opacity:1;
  border-color:rgb(251 213 213 / var(--tw-border-opacity, 1))
}

.border-red-300{
  --tw-border-opacity:1;
  border-color:rgb(248 180 180 / var(--tw-border-opacity, 1))
}

.border-red-500{
  --tw-border-opacity:1;
  border-color:rgb(240 82 82 / var(--tw-border-opacity, 1))
}

.border-red-600{
  --tw-border-opacity:1;
  border-color:rgb(224 36 36 / var(--tw-border-opacity, 1))
}

.border-rose-200{
  --tw-border-opacity:1;
  border-color:rgb(254 205 211 / var(--tw-border-opacity, 1))
}

.border-rose-300{
  --tw-border-opacity:1;
  border-color:rgb(253 164 175 / var(--tw-border-opacity, 1))
}

.border-sky-200{
  --tw-border-opacity:1;
  border-color:rgb(186 230 253 / var(--tw-border-opacity, 1))
}

.border-sky-300{
  --tw-border-opacity:1;
  border-color:rgb(125 211 252 / var(--tw-border-opacity, 1))
}

.border-sky-500{
  --tw-border-opacity:1;
  border-color:rgb(14 165 233 / var(--tw-border-opacity, 1))
}

.border-sky-600{
  --tw-border-opacity:1;
  border-color:rgb(2 132 199 / var(--tw-border-opacity, 1))
}

.border-slate-100{
  --tw-border-opacity:1;
  border-color:rgb(241 245 249 / var(--tw-border-opacity, 1))
}

.border-slate-200{
  --tw-border-opacity:1;
  border-color:rgb(226 232 240 / var(--tw-border-opacity, 1))
}

.border-slate-300{
  --tw-border-opacity:1;
  border-color:rgb(203 213 225 / var(--tw-border-opacity, 1))
}

.border-slate-400{
  --tw-border-opacity:1;
  border-color:rgb(148 163 184 / var(--tw-border-opacity, 1))
}

.border-teal-200{
  --tw-border-opacity:1;
  border-color:rgb(175 236 239 / var(--tw-border-opacity, 1))
}

.border-teal-500{
  --tw-border-opacity:1;
  border-color:rgb(6 148 162 / var(--tw-border-opacity, 1))
}

.border-teal-600{
  --tw-border-opacity:1;
  border-color:rgb(4 116 129 / var(--tw-border-opacity, 1))
}

.border-transparent{
  border-color:transparent
}

.border-violet-100{
  --tw-border-opacity:1;
  border-color:rgb(237 233 254 / var(--tw-border-opacity, 1))
}

.border-violet-200{
  --tw-border-opacity:1;
  border-color:rgb(221 214 254 / var(--tw-border-opacity, 1))
}

.border-warn-100{
  --tw-border-opacity:1;
  border-color:rgb(253 230 138 / var(--tw-border-opacity, 1))
}

.border-warn-200{
  --tw-border-opacity:1;
  border-color:rgb(252 211 77 / var(--tw-border-opacity, 1))
}

.border-warn-500{
  --tw-border-opacity:1;
  border-color:rgb(245 158 11 / var(--tw-border-opacity, 1))
}

.border-yellow-200{
  --tw-border-opacity:1;
  border-color:rgb(254 240 138 / var(--tw-border-opacity, 1))
}

.border-yellow-500{
  --tw-border-opacity:1;
  border-color:rgb(194 120 3 / var(--tw-border-opacity, 1))
}

.border-x-amber-500{
  --tw-border-opacity:1;
  border-left-color:rgb(245 158 11 / var(--tw-border-opacity, 1));
  border-right-color:rgb(245 158 11 / var(--tw-border-opacity, 1))
}

.border-x-bad-500{
  --tw-border-opacity:1;
  border-left-color:rgb(220 38 38 / var(--tw-border-opacity, 1));
  border-right-color:rgb(220 38 38 / var(--tw-border-opacity, 1))
}

.border-x-brand-500{
  --tw-border-opacity:1;
  border-left-color:rgb(74 135 180 / var(--tw-border-opacity, 1));
  border-right-color:rgb(74 135 180 / var(--tw-border-opacity, 1))
}

.border-x-emerald-500{
  --tw-border-opacity:1;
  border-left-color:rgb(16 185 129 / var(--tw-border-opacity, 1));
  border-right-color:rgb(16 185 129 / var(--tw-border-opacity, 1))
}

.border-x-fuchsia-500{
  --tw-border-opacity:1;
  border-left-color:rgb(217 70 239 / var(--tw-border-opacity, 1));
  border-right-color:rgb(217 70 239 / var(--tw-border-opacity, 1))
}

.border-x-good-500{
  --tw-border-opacity:1;
  border-left-color:rgb(88 177 33 / var(--tw-border-opacity, 1));
  border-right-color:rgb(88 177 33 / var(--tw-border-opacity, 1))
}

.border-x-indigo-500{
  --tw-border-opacity:1;
  border-left-color:rgb(104 117 245 / var(--tw-border-opacity, 1));
  border-right-color:rgb(104 117 245 / var(--tw-border-opacity, 1))
}

.border-x-orange-500{
  --tw-border-opacity:1;
  border-left-color:rgb(255 90 31 / var(--tw-border-opacity, 1));
  border-right-color:rgb(255 90 31 / var(--tw-border-opacity, 1))
}

.border-x-purple-500{
  --tw-border-opacity:1;
  border-left-color:rgb(144 97 249 / var(--tw-border-opacity, 1));
  border-right-color:rgb(144 97 249 / var(--tw-border-opacity, 1))
}

.border-x-sky-500{
  --tw-border-opacity:1;
  border-left-color:rgb(14 165 233 / var(--tw-border-opacity, 1));
  border-right-color:rgb(14 165 233 / var(--tw-border-opacity, 1))
}

.border-x-teal-500{
  --tw-border-opacity:1;
  border-left-color:rgb(6 148 162 / var(--tw-border-opacity, 1));
  border-right-color:rgb(6 148 162 / var(--tw-border-opacity, 1))
}

.border-b-brand-600{
  --tw-border-opacity:1;
  border-bottom-color:rgb(30 90 138 / var(--tw-border-opacity, 1))
}

.border-b-hairline{
  --tw-border-opacity:1;
  border-bottom-color:rgb(229 231 235 / var(--tw-border-opacity, 1))
}

.border-b-white{
  --tw-border-opacity:1;
  border-bottom-color:rgb(255 255 255 / var(--tw-border-opacity, 1))
}

.border-l-brand-500{
  --tw-border-opacity:1;
  border-left-color:rgb(74 135 180 / var(--tw-border-opacity, 1))
}

.border-l-domain-calls{
  --tw-border-opacity:1;
  border-left-color:rgb(14 116 144 / var(--tw-border-opacity, 1))
}

.border-l-domain-customers{
  --tw-border-opacity:1;
  border-left-color:rgb(124 58 237 / var(--tw-border-opacity, 1))
}

.border-l-domain-map{
  --tw-border-opacity:1;
  border-left-color:rgb(63 127 22 / var(--tw-border-opacity, 1))
}

.border-l-domain-ops{
  --tw-border-opacity:1;
  border-left-color:rgb(75 85 99 / var(--tw-border-opacity, 1))
}

.border-l-domain-products{
  --tw-border-opacity:1;
  border-left-color:rgb(180 83 9 / var(--tw-border-opacity, 1))
}

.border-l-domain-sales{
  --tw-border-opacity:1;
  border-left-color:rgb(15 118 110 / var(--tw-border-opacity, 1))
}

.border-l-domain-today{
  --tw-border-opacity:1;
  border-left-color:rgb(30 90 138 / var(--tw-border-opacity, 1))
}

.border-l-good-500{
  --tw-border-opacity:1;
  border-left-color:rgb(88 177 33 / var(--tw-border-opacity, 1))
}

.border-l-ink-faint{
  --tw-border-opacity:1;
  border-left-color:rgb(107 114 128 / var(--tw-border-opacity, 1))
}

.border-l-transparent{
  border-left-color:transparent
}

.border-l-violet-500{
  --tw-border-opacity:1;
  border-left-color:rgb(139 92 246 / var(--tw-border-opacity, 1))
}

.border-l-warn-500{
  --tw-border-opacity:1;
  border-left-color:rgb(245 158 11 / var(--tw-border-opacity, 1))
}

.border-r-hairline{
  --tw-border-opacity:1;
  border-right-color:rgb(229 231 235 / var(--tw-border-opacity, 1))
}

.border-r-hairline-soft{
  --tw-border-opacity:1;
  border-right-color:rgb(241 243 245 / var(--tw-border-opacity, 1))
}

.border-t-brand-500{
  --tw-border-opacity:1;
  border-top-color:rgb(74 135 180 / var(--tw-border-opacity, 1))
}

.border-t-domain-calls{
  --tw-border-opacity:1;
  border-top-color:rgb(14 116 144 / var(--tw-border-opacity, 1))
}

.border-t-domain-customers{
  --tw-border-opacity:1;
  border-top-color:rgb(124 58 237 / var(--tw-border-opacity, 1))
}

.border-t-domain-map{
  --tw-border-opacity:1;
  border-top-color:rgb(63 127 22 / var(--tw-border-opacity, 1))
}

.border-t-domain-ops{
  --tw-border-opacity:1;
  border-top-color:rgb(75 85 99 / var(--tw-border-opacity, 1))
}

.border-t-domain-products{
  --tw-border-opacity:1;
  border-top-color:rgb(180 83 9 / var(--tw-border-opacity, 1))
}

.border-t-domain-sales{
  --tw-border-opacity:1;
  border-top-color:rgb(15 118 110 / var(--tw-border-opacity, 1))
}

.border-t-domain-today{
  --tw-border-opacity:1;
  border-top-color:rgb(30 90 138 / var(--tw-border-opacity, 1))
}

.border-t-good-500{
  --tw-border-opacity:1;
  border-top-color:rgb(88 177 33 / var(--tw-border-opacity, 1))
}

.border-t-hairline{
  --tw-border-opacity:1;
  border-top-color:rgb(229 231 235 / var(--tw-border-opacity, 1))
}

.border-t-transparent{
  border-top-color:transparent
}

.border-t-violet-500{
  --tw-border-opacity:1;
  border-top-color:rgb(139 92 246 / var(--tw-border-opacity, 1))
}

.border-t-warn-500{
  --tw-border-opacity:1;
  border-top-color:rgb(245 158 11 / var(--tw-border-opacity, 1))
}

.\!bg-bad-500{
  --tw-bg-opacity:1 !important;
  background-color:rgb(220 38 38 / var(--tw-bg-opacity, 1)) !important
}

.\!bg-brand-50{
  --tw-bg-opacity:1 !important;
  background-color:rgb(240 247 252 / var(--tw-bg-opacity, 1)) !important
}

.\!bg-brand-600{
  --tw-bg-opacity:1 !important;
  background-color:rgb(30 90 138 / var(--tw-bg-opacity, 1)) !important
}

.\!bg-good-50{
  --tw-bg-opacity:1 !important;
  background-color:rgb(234 247 224 / var(--tw-bg-opacity, 1)) !important
}

.\!bg-good-500{
  --tw-bg-opacity:1 !important;
  background-color:rgb(88 177 33 / var(--tw-bg-opacity, 1)) !important
}

.\!bg-good-700{
  --tw-bg-opacity:1 !important;
  background-color:rgb(63 127 22 / var(--tw-bg-opacity, 1)) !important
}

.\!bg-gray-50{
  --tw-bg-opacity:1 !important;
  background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1)) !important
}

.\!bg-ink-ghost{
  --tw-bg-opacity:1 !important;
  background-color:rgb(156 163 175 / var(--tw-bg-opacity, 1)) !important
}

.\!bg-surface{
  --tw-bg-opacity:1 !important;
  background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1)) !important
}

.\!bg-surface-striped{
  --tw-bg-opacity:1 !important;
  background-color:rgb(230 237 245 / var(--tw-bg-opacity, 1)) !important
}

.\!bg-surface-sunken{
  --tw-bg-opacity:1 !important;
  background-color:rgb(251 252 253 / var(--tw-bg-opacity, 1)) !important
}

.\!bg-violet-100{
  --tw-bg-opacity:1 !important;
  background-color:rgb(237 233 254 / var(--tw-bg-opacity, 1)) !important
}

.\!bg-warn-100\/45{
  background-color:rgb(253 230 138 / 0.45) !important
}

.\!bg-warn-100\/60{
  background-color:rgb(253 230 138 / 0.6) !important
}

.\!bg-warn-50{
  --tw-bg-opacity:1 !important;
  background-color:rgb(254 243 199 / var(--tw-bg-opacity, 1)) !important
}

.\!bg-warn-500{
  --tw-bg-opacity:1 !important;
  background-color:rgb(245 158 11 / var(--tw-bg-opacity, 1)) !important
}

.\!bg-warn-500\/30{
  background-color:rgb(245 158 11 / 0.3) !important
}

.\!bg-warn-500\/35{
  background-color:rgb(245 158 11 / 0.35) !important
}

.bg-\[\#1e5a8a\]{
  --tw-bg-opacity:1;
  background-color:rgb(30 90 138 / var(--tw-bg-opacity, 1))
}

.bg-\[\#ecf7fa\]{
  --tw-bg-opacity:1;
  background-color:rgb(236 247 250 / var(--tw-bg-opacity, 1))
}

.bg-\[\#f0f7fc\]{
  --tw-bg-opacity:1;
  background-color:rgb(240 247 252 / var(--tw-bg-opacity, 1))
}

.bg-\[\#f1f8ec\]{
  --tw-bg-opacity:1;
  background-color:rgb(241 248 236 / var(--tw-bg-opacity, 1))
}

.bg-\[\#f5f1fb\]{
  --tw-bg-opacity:1;
  background-color:rgb(245 241 251 / var(--tw-bg-opacity, 1))
}

.bg-\[\#f5f7f9\]{
  --tw-bg-opacity:1;
  background-color:rgb(245 247 249 / var(--tw-bg-opacity, 1))
}

.bg-\[\#fdecec\]{
  --tw-bg-opacity:1;
  background-color:rgb(253 236 236 / var(--tw-bg-opacity, 1))
}

.bg-\[\#fdf7e7\]{
  --tw-bg-opacity:1;
  background-color:rgb(253 247 231 / var(--tw-bg-opacity, 1))
}

.bg-amber-100{
  --tw-bg-opacity:1;
  background-color:rgb(254 243 199 / var(--tw-bg-opacity, 1))
}

.bg-amber-200{
  --tw-bg-opacity:1;
  background-color:rgb(253 230 138 / var(--tw-bg-opacity, 1))
}

.bg-amber-400{
  --tw-bg-opacity:1;
  background-color:rgb(251 191 36 / var(--tw-bg-opacity, 1))
}

.bg-amber-50{
  --tw-bg-opacity:1;
  background-color:rgb(255 251 235 / var(--tw-bg-opacity, 1))
}

.bg-amber-50\/30{
  background-color:rgb(255 251 235 / 0.3)
}

.bg-amber-50\/50{
  background-color:rgb(255 251 235 / 0.5)
}

.bg-amber-50\/60{
  background-color:rgb(255 251 235 / 0.6)
}

.bg-amber-500{
  --tw-bg-opacity:1;
  background-color:rgb(245 158 11 / var(--tw-bg-opacity, 1))
}

.bg-amber-600{
  --tw-bg-opacity:1;
  background-color:rgb(217 119 6 / var(--tw-bg-opacity, 1))
}

.bg-background{
  --tw-bg-opacity:1;
  background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))
}

.bg-background\/80{
  background-color:rgb(255 255 255 / 0.8)
}

.bg-bad-100{
  --tw-bg-opacity:1;
  background-color:rgb(254 202 202 / var(--tw-bg-opacity, 1))
}

.bg-bad-50{
  --tw-bg-opacity:1;
  background-color:rgb(254 226 226 / var(--tw-bg-opacity, 1))
}

.bg-bad-50\/50{
  background-color:rgb(254 226 226 / 0.5)
}

.bg-bad-50\/60{
  background-color:rgb(254 226 226 / 0.6)
}

.bg-bad-500{
  --tw-bg-opacity:1;
  background-color:rgb(220 38 38 / var(--tw-bg-opacity, 1))
}

.bg-bad-600{
  --tw-bg-opacity:1;
  background-color:rgb(200 30 30 / var(--tw-bg-opacity, 1))
}

.bg-bad-700{
  --tw-bg-opacity:1;
  background-color:rgb(185 28 28 / var(--tw-bg-opacity, 1))
}

.bg-blue-100{
  --tw-bg-opacity:1;
  background-color:rgb(219 234 254 / var(--tw-bg-opacity, 1))
}

.bg-blue-200{
  --tw-bg-opacity:1;
  background-color:rgb(191 219 254 / var(--tw-bg-opacity, 1))
}

.bg-blue-400{
  --tw-bg-opacity:1;
  background-color:rgb(118 169 250 / var(--tw-bg-opacity, 1))
}

.bg-blue-50{
  --tw-bg-opacity:1;
  background-color:rgb(235 245 255 / var(--tw-bg-opacity, 1))
}

.bg-blue-50\/30{
  background-color:rgb(235 245 255 / 0.3)
}

.bg-blue-50\/40{
  background-color:rgb(235 245 255 / 0.4)
}

.bg-blue-50\/50{
  background-color:rgb(235 245 255 / 0.5)
}

.bg-blue-50\/70{
  background-color:rgb(235 245 255 / 0.7)
}

.bg-blue-500{
  --tw-bg-opacity:1;
  background-color:rgb(63 131 248 / var(--tw-bg-opacity, 1))
}

.bg-blue-600{
  --tw-bg-opacity:1;
  background-color:rgb(28 100 242 / var(--tw-bg-opacity, 1))
}

.bg-blue-700{
  --tw-bg-opacity:1;
  background-color:rgb(26 86 219 / var(--tw-bg-opacity, 1))
}

.bg-brand-100{
  --tw-bg-opacity:1;
  background-color:rgb(227 238 247 / var(--tw-bg-opacity, 1))
}

.bg-brand-200{
  --tw-bg-opacity:1;
  background-color:rgb(207 227 242 / var(--tw-bg-opacity, 1))
}

.bg-brand-400{
  --tw-bg-opacity:1;
  background-color:rgb(108 172 228 / var(--tw-bg-opacity, 1))
}

.bg-brand-50{
  --tw-bg-opacity:1;
  background-color:rgb(240 247 252 / var(--tw-bg-opacity, 1))
}

.bg-brand-50\/30{
  background-color:rgb(240 247 252 / 0.3)
}

.bg-brand-50\/40{
  background-color:rgb(240 247 252 / 0.4)
}

.bg-brand-50\/50{
  background-color:rgb(240 247 252 / 0.5)
}

.bg-brand-50\/60{
  background-color:rgb(240 247 252 / 0.6)
}

.bg-brand-500{
  --tw-bg-opacity:1;
  background-color:rgb(74 135 180 / var(--tw-bg-opacity, 1))
}

.bg-brand-600{
  --tw-bg-opacity:1;
  background-color:rgb(30 90 138 / var(--tw-bg-opacity, 1))
}

.bg-brand-700{
  --tw-bg-opacity:1;
  background-color:rgb(23 72 105 / var(--tw-bg-opacity, 1))
}

.bg-brand-900{
  --tw-bg-opacity:1;
  background-color:rgb(13 42 61 / var(--tw-bg-opacity, 1))
}

.bg-current{
  background-color:currentColor
}

.bg-cyan-100{
  --tw-bg-opacity:1;
  background-color:rgb(207 250 254 / var(--tw-bg-opacity, 1))
}

.bg-domain-calls{
  --tw-bg-opacity:1;
  background-color:rgb(14 116 144 / var(--tw-bg-opacity, 1))
}

.bg-domain-calls\/10{
  background-color:rgb(14 116 144 / 0.1)
}

.bg-domain-customers{
  --tw-bg-opacity:1;
  background-color:rgb(124 58 237 / var(--tw-bg-opacity, 1))
}

.bg-domain-customers\/10{
  background-color:rgb(124 58 237 / 0.1)
}

.bg-domain-map{
  --tw-bg-opacity:1;
  background-color:rgb(63 127 22 / var(--tw-bg-opacity, 1))
}

.bg-domain-map\/10{
  background-color:rgb(63 127 22 / 0.1)
}

.bg-domain-ops{
  --tw-bg-opacity:1;
  background-color:rgb(75 85 99 / var(--tw-bg-opacity, 1))
}

.bg-domain-ops\/10{
  background-color:rgb(75 85 99 / 0.1)
}

.bg-domain-products{
  --tw-bg-opacity:1;
  background-color:rgb(180 83 9 / var(--tw-bg-opacity, 1))
}

.bg-domain-products\/10{
  background-color:rgb(180 83 9 / 0.1)
}

.bg-domain-sales{
  --tw-bg-opacity:1;
  background-color:rgb(15 118 110 / var(--tw-bg-opacity, 1))
}

.bg-domain-sales\/10{
  background-color:rgb(15 118 110 / 0.1)
}

.bg-domain-today{
  --tw-bg-opacity:1;
  background-color:rgb(30 90 138 / var(--tw-bg-opacity, 1))
}

.bg-emerald-100{
  --tw-bg-opacity:1;
  background-color:rgb(209 250 229 / var(--tw-bg-opacity, 1))
}

.bg-emerald-50{
  --tw-bg-opacity:1;
  background-color:rgb(236 253 245 / var(--tw-bg-opacity, 1))
}

.bg-emerald-50\/50{
  background-color:rgb(236 253 245 / 0.5)
}

.bg-emerald-50\/60{
  background-color:rgb(236 253 245 / 0.6)
}

.bg-emerald-500{
  --tw-bg-opacity:1;
  background-color:rgb(16 185 129 / var(--tw-bg-opacity, 1))
}

.bg-emerald-600{
  --tw-bg-opacity:1;
  background-color:rgb(5 150 105 / var(--tw-bg-opacity, 1))
}

.bg-fuchsia-100{
  --tw-bg-opacity:1;
  background-color:rgb(250 232 255 / var(--tw-bg-opacity, 1))
}

.bg-fuchsia-50{
  --tw-bg-opacity:1;
  background-color:rgb(253 244 255 / var(--tw-bg-opacity, 1))
}

.bg-fuchsia-50\/50{
  background-color:rgb(253 244 255 / 0.5)
}

.bg-fuchsia-50\/60{
  background-color:rgb(253 244 255 / 0.6)
}

.bg-fuchsia-600{
  --tw-bg-opacity:1;
  background-color:rgb(192 38 211 / var(--tw-bg-opacity, 1))
}

.bg-good-100{
  --tw-bg-opacity:1;
  background-color:rgb(214 239 196 / var(--tw-bg-opacity, 1))
}

.bg-good-50{
  --tw-bg-opacity:1;
  background-color:rgb(234 247 224 / var(--tw-bg-opacity, 1))
}

.bg-good-50\/30{
  background-color:rgb(234 247 224 / 0.3)
}

.bg-good-50\/40{
  background-color:rgb(234 247 224 / 0.4)
}

.bg-good-50\/50{
  background-color:rgb(234 247 224 / 0.5)
}

.bg-good-50\/60{
  background-color:rgb(234 247 224 / 0.6)
}

.bg-good-500{
  --tw-bg-opacity:1;
  background-color:rgb(88 177 33 / var(--tw-bg-opacity, 1))
}

.bg-good-600{
  --tw-bg-opacity:1;
  background-color:rgb(74 154 27 / var(--tw-bg-opacity, 1))
}

.bg-good-700{
  --tw-bg-opacity:1;
  background-color:rgb(63 127 22 / var(--tw-bg-opacity, 1))
}

.bg-gray-100{
  --tw-bg-opacity:1;
  background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))
}

.bg-gray-100\/50{
  background-color:rgb(243 244 246 / 0.5)
}

.bg-gray-100\/70{
  background-color:rgb(243 244 246 / 0.7)
}

.bg-gray-200{
  --tw-bg-opacity:1;
  background-color:rgb(229 231 235 / var(--tw-bg-opacity, 1))
}

.bg-gray-300{
  --tw-bg-opacity:1;
  background-color:rgb(209 213 219 / var(--tw-bg-opacity, 1))
}

.bg-gray-300\/60{
  background-color:rgb(209 213 219 / 0.6)
}

.bg-gray-300\/80{
  background-color:rgb(209 213 219 / 0.8)
}

.bg-gray-400{
  --tw-bg-opacity:1;
  background-color:rgb(156 163 175 / var(--tw-bg-opacity, 1))
}

.bg-gray-50{
  --tw-bg-opacity:1;
  background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))
}

.bg-gray-50\/30{
  background-color:rgb(249 250 251 / 0.3)
}

.bg-gray-50\/50{
  background-color:rgb(249 250 251 / 0.5)
}

.bg-gray-50\/70{
  background-color:rgb(249 250 251 / 0.7)
}

.bg-gray-800{
  --tw-bg-opacity:1;
  background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1))
}

.bg-gray-900{
  --tw-bg-opacity:1;
  background-color:rgb(17 24 39 / var(--tw-bg-opacity, 1))
}

.bg-gray-900\/50{
  background-color:rgb(17 24 39 / 0.5)
}

.bg-green-100{
  --tw-bg-opacity:1;
  background-color:rgb(222 247 236 / var(--tw-bg-opacity, 1))
}

.bg-green-400{
  --tw-bg-opacity:1;
  background-color:rgb(49 196 141 / var(--tw-bg-opacity, 1))
}

.bg-green-50{
  --tw-bg-opacity:1;
  background-color:rgb(243 250 247 / var(--tw-bg-opacity, 1))
}

.bg-green-50\/30{
  background-color:rgb(243 250 247 / 0.3)
}

.bg-green-50\/50{
  background-color:rgb(243 250 247 / 0.5)
}

.bg-green-500{
  --tw-bg-opacity:1;
  background-color:rgb(14 159 110 / var(--tw-bg-opacity, 1))
}

.bg-hairline{
  --tw-bg-opacity:1;
  background-color:rgb(229 231 235 / var(--tw-bg-opacity, 1))
}

.bg-hairline-soft{
  --tw-bg-opacity:1;
  background-color:rgb(241 243 245 / var(--tw-bg-opacity, 1))
}

.bg-indigo-100{
  --tw-bg-opacity:1;
  background-color:rgb(229 237 255 / var(--tw-bg-opacity, 1))
}

.bg-indigo-50{
  --tw-bg-opacity:1;
  background-color:rgb(240 245 255 / var(--tw-bg-opacity, 1))
}

.bg-indigo-50\/50{
  background-color:rgb(240 245 255 / 0.5)
}

.bg-indigo-50\/60{
  background-color:rgb(240 245 255 / 0.6)
}

.bg-indigo-600{
  --tw-bg-opacity:1;
  background-color:rgb(88 80 236 / var(--tw-bg-opacity, 1))
}

.bg-ink{
  --tw-bg-opacity:1;
  background-color:rgb(17 24 39 / var(--tw-bg-opacity, 1))
}

.bg-ink-faint{
  --tw-bg-opacity:1;
  background-color:rgb(107 114 128 / var(--tw-bg-opacity, 1))
}

.bg-ink-faint\/40{
  background-color:rgb(107 114 128 / 0.4)
}

.bg-ink-faint\/50{
  background-color:rgb(107 114 128 / 0.5)
}

.bg-ink-ghost{
  --tw-bg-opacity:1;
  background-color:rgb(156 163 175 / var(--tw-bg-opacity, 1))
}

.bg-ink-muted{
  --tw-bg-opacity:1;
  background-color:rgb(75 85 99 / var(--tw-bg-opacity, 1))
}

.bg-ink-soft{
  --tw-bg-opacity:1;
  background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))
}

.bg-ink\/\[0\.26\]{
  background-color:rgb(17 24 39 / 0.26)
}

.bg-ink\/\[0\.42\]{
  background-color:rgb(17 24 39 / 0.42)
}

.bg-lime-100{
  --tw-bg-opacity:1;
  background-color:rgb(236 252 203 / var(--tw-bg-opacity, 1))
}

.bg-neutral-100{
  --tw-bg-opacity:1;
  background-color:rgb(245 245 245 / var(--tw-bg-opacity, 1))
}

.bg-neutral-200{
  --tw-bg-opacity:1;
  background-color:rgb(229 229 229 / var(--tw-bg-opacity, 1))
}

.bg-neutral-300{
  --tw-bg-opacity:1;
  background-color:rgb(212 212 212 / var(--tw-bg-opacity, 1))
}

.bg-neutral-400{
  --tw-bg-opacity:1;
  background-color:rgb(163 163 163 / var(--tw-bg-opacity, 1))
}

.bg-neutral-50{
  --tw-bg-opacity:1;
  background-color:rgb(250 250 250 / var(--tw-bg-opacity, 1))
}

.bg-neutral-900{
  --tw-bg-opacity:1;
  background-color:rgb(23 23 23 / var(--tw-bg-opacity, 1))
}

.bg-orange-100{
  --tw-bg-opacity:1;
  background-color:rgb(254 236 220 / var(--tw-bg-opacity, 1))
}

.bg-orange-200{
  --tw-bg-opacity:1;
  background-color:rgb(252 217 189 / var(--tw-bg-opacity, 1))
}

.bg-orange-300{
  --tw-bg-opacity:1;
  background-color:rgb(253 186 140 / var(--tw-bg-opacity, 1))
}

.bg-orange-400{
  --tw-bg-opacity:1;
  background-color:rgb(255 138 76 / var(--tw-bg-opacity, 1))
}

.bg-orange-50{
  --tw-bg-opacity:1;
  background-color:rgb(255 248 241 / var(--tw-bg-opacity, 1))
}

.bg-orange-50\/50{
  background-color:rgb(255 248 241 / 0.5)
}

.bg-orange-50\/60{
  background-color:rgb(255 248 241 / 0.6)
}

.bg-orange-500{
  --tw-bg-opacity:1;
  background-color:rgb(255 90 31 / var(--tw-bg-opacity, 1))
}

.bg-pink-100{
  --tw-bg-opacity:1;
  background-color:rgb(252 232 243 / var(--tw-bg-opacity, 1))
}

.bg-primary{
  --tw-bg-opacity:1;
  background-color:rgb(30 90 138 / var(--tw-bg-opacity, 1))
}

.bg-purple-100{
  --tw-bg-opacity:1;
  background-color:rgb(237 235 254 / var(--tw-bg-opacity, 1))
}

.bg-purple-400{
  --tw-bg-opacity:1;
  background-color:rgb(172 148 250 / var(--tw-bg-opacity, 1))
}

.bg-purple-50{
  --tw-bg-opacity:1;
  background-color:rgb(246 245 255 / var(--tw-bg-opacity, 1))
}

.bg-purple-50\/30{
  background-color:rgb(246 245 255 / 0.3)
}

.bg-purple-50\/50{
  background-color:rgb(246 245 255 / 0.5)
}

.bg-purple-50\/60{
  background-color:rgb(246 245 255 / 0.6)
}

.bg-purple-500{
  --tw-bg-opacity:1;
  background-color:rgb(144 97 249 / var(--tw-bg-opacity, 1))
}

.bg-purple-600{
  --tw-bg-opacity:1;
  background-color:rgb(126 58 242 / var(--tw-bg-opacity, 1))
}

.bg-red-100{
  --tw-bg-opacity:1;
  background-color:rgb(253 232 232 / var(--tw-bg-opacity, 1))
}

.bg-red-200{
  --tw-bg-opacity:1;
  background-color:rgb(251 213 213 / var(--tw-bg-opacity, 1))
}

.bg-red-300{
  --tw-bg-opacity:1;
  background-color:rgb(248 180 180 / var(--tw-bg-opacity, 1))
}

.bg-red-400{
  --tw-bg-opacity:1;
  background-color:rgb(249 128 128 / var(--tw-bg-opacity, 1))
}

.bg-red-50{
  --tw-bg-opacity:1;
  background-color:rgb(253 242 242 / var(--tw-bg-opacity, 1))
}

.bg-red-50\/30{
  background-color:rgb(253 242 242 / 0.3)
}

.bg-red-50\/50{
  background-color:rgb(253 242 242 / 0.5)
}

.bg-red-500{
  --tw-bg-opacity:1;
  background-color:rgb(240 82 82 / var(--tw-bg-opacity, 1))
}

.bg-red-600{
  --tw-bg-opacity:1;
  background-color:rgb(224 36 36 / var(--tw-bg-opacity, 1))
}

.bg-rose-100{
  --tw-bg-opacity:1;
  background-color:rgb(255 228 230 / var(--tw-bg-opacity, 1))
}

.bg-rose-50{
  --tw-bg-opacity:1;
  background-color:rgb(255 241 242 / var(--tw-bg-opacity, 1))
}

.bg-rose-600{
  --tw-bg-opacity:1;
  background-color:rgb(225 29 72 / var(--tw-bg-opacity, 1))
}

.bg-sky-100{
  --tw-bg-opacity:1;
  background-color:rgb(224 242 254 / var(--tw-bg-opacity, 1))
}

.bg-sky-50{
  --tw-bg-opacity:1;
  background-color:rgb(240 249 255 / var(--tw-bg-opacity, 1))
}

.bg-sky-50\/50{
  background-color:rgb(240 249 255 / 0.5)
}

.bg-sky-50\/60{
  background-color:rgb(240 249 255 / 0.6)
}

.bg-sky-600{
  --tw-bg-opacity:1;
  background-color:rgb(2 132 199 / var(--tw-bg-opacity, 1))
}

.bg-slate-100{
  --tw-bg-opacity:1;
  background-color:rgb(241 245 249 / var(--tw-bg-opacity, 1))
}

.bg-slate-100\/60{
  background-color:rgb(241 245 249 / 0.6)
}

.bg-slate-200{
  --tw-bg-opacity:1;
  background-color:rgb(226 232 240 / var(--tw-bg-opacity, 1))
}

.bg-slate-300{
  --tw-bg-opacity:1;
  background-color:rgb(203 213 225 / var(--tw-bg-opacity, 1))
}

.bg-slate-400{
  --tw-bg-opacity:1;
  background-color:rgb(148 163 184 / var(--tw-bg-opacity, 1))
}

.bg-slate-50{
  --tw-bg-opacity:1;
  background-color:rgb(248 250 252 / var(--tw-bg-opacity, 1))
}

.bg-slate-50\/30{
  background-color:rgb(248 250 252 / 0.3)
}

.bg-slate-50\/50{
  background-color:rgb(248 250 252 / 0.5)
}

.bg-slate-900\/40{
  background-color:rgb(15 23 42 / 0.4)
}

.bg-surface{
  --tw-bg-opacity:1;
  background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))
}

.bg-surface-mobile{
  --tw-bg-opacity:1;
  background-color:rgb(242 245 248 / var(--tw-bg-opacity, 1))
}

.bg-surface-page{
  --tw-bg-opacity:1;
  background-color:rgb(238 241 244 / var(--tw-bg-opacity, 1))
}

.bg-surface-striped{
  --tw-bg-opacity:1;
  background-color:rgb(230 237 245 / var(--tw-bg-opacity, 1))
}

.bg-surface-sunken{
  --tw-bg-opacity:1;
  background-color:rgb(251 252 253 / var(--tw-bg-opacity, 1))
}

.bg-surface-sunken\/80{
  background-color:rgb(251 252 253 / 0.8)
}

.bg-teal-100{
  --tw-bg-opacity:1;
  background-color:rgb(213 245 246 / var(--tw-bg-opacity, 1))
}

.bg-teal-50{
  --tw-bg-opacity:1;
  background-color:rgb(237 250 250 / var(--tw-bg-opacity, 1))
}

.bg-teal-50\/50{
  background-color:rgb(237 250 250 / 0.5)
}

.bg-teal-50\/60{
  background-color:rgb(237 250 250 / 0.6)
}

.bg-teal-600{
  --tw-bg-opacity:1;
  background-color:rgb(4 116 129 / var(--tw-bg-opacity, 1))
}

.bg-transparent{
  background-color:transparent
}

.bg-violet-100{
  --tw-bg-opacity:1;
  background-color:rgb(237 233 254 / var(--tw-bg-opacity, 1))
}

.bg-violet-50{
  --tw-bg-opacity:1;
  background-color:rgb(245 243 255 / var(--tw-bg-opacity, 1))
}

.bg-warn-100{
  --tw-bg-opacity:1;
  background-color:rgb(253 230 138 / var(--tw-bg-opacity, 1))
}

.bg-warn-200\/60{
  background-color:rgb(252 211 77 / 0.6)
}

.bg-warn-50{
  --tw-bg-opacity:1;
  background-color:rgb(254 243 199 / var(--tw-bg-opacity, 1))
}

.bg-warn-50\/30{
  background-color:rgb(254 243 199 / 0.3)
}

.bg-warn-50\/40{
  background-color:rgb(254 243 199 / 0.4)
}

.bg-warn-500{
  --tw-bg-opacity:1;
  background-color:rgb(245 158 11 / var(--tw-bg-opacity, 1))
}

.bg-warn-600{
  --tw-bg-opacity:1;
  background-color:rgb(217 119 6 / var(--tw-bg-opacity, 1))
}

.bg-warn-700{
  --tw-bg-opacity:1;
  background-color:rgb(146 64 14 / var(--tw-bg-opacity, 1))
}

.bg-white{
  --tw-bg-opacity:1;
  background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))
}

.bg-white\/20{
  background-color:rgb(255 255 255 / 0.2)
}

.bg-white\/50{
  background-color:rgb(255 255 255 / 0.5)
}

.bg-white\/60{
  background-color:rgb(255 255 255 / 0.6)
}

.bg-yellow-100{
  --tw-bg-opacity:1;
  background-color:rgb(253 246 178 / var(--tw-bg-opacity, 1))
}

.bg-yellow-200{
  --tw-bg-opacity:1;
  background-color:rgb(254 240 138 / var(--tw-bg-opacity, 1))
}

.bg-yellow-300{
  --tw-bg-opacity:1;
  background-color:rgb(250 202 21 / var(--tw-bg-opacity, 1))
}

.bg-yellow-400{
  --tw-bg-opacity:1;
  background-color:rgb(227 160 8 / var(--tw-bg-opacity, 1))
}

.bg-yellow-50{
  --tw-bg-opacity:1;
  background-color:rgb(253 253 234 / var(--tw-bg-opacity, 1))
}

.bg-yellow-500{
  --tw-bg-opacity:1;
  background-color:rgb(194 120 3 / var(--tw-bg-opacity, 1))
}

.\!bg-none{
  background-image:none !important
}

.bg-gradient-to-br{
  background-image:linear-gradient(to bottom right, var(--tw-gradient-stops))
}

.bg-gradient-to-r{
  background-image:linear-gradient(to right, var(--tw-gradient-stops))
}

.bg-none{
  background-image:none
}

.from-amber-400{
  --tw-gradient-from:#fbbf24 var(--tw-gradient-from-position);
  --tw-gradient-to:rgb(251 191 36 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-blue-50{
  --tw-gradient-from:#EBF5FF var(--tw-gradient-from-position);
  --tw-gradient-to:rgb(235 245 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-blue-500{
  --tw-gradient-from:#3F83F8 var(--tw-gradient-from-position);
  --tw-gradient-to:rgb(63 131 248 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-blue-600{
  --tw-gradient-from:#1C64F2 var(--tw-gradient-from-position);
  --tw-gradient-to:rgb(28 100 242 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-cyan-500{
  --tw-gradient-from:#06b6d4 var(--tw-gradient-from-position);
  --tw-gradient-to:rgb(6 182 212 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-green-500{
  --tw-gradient-from:#0E9F6E var(--tw-gradient-from-position);
  --tw-gradient-to:rgb(14 159 110 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-indigo-50{
  --tw-gradient-from:#F0F5FF var(--tw-gradient-from-position);
  --tw-gradient-to:rgb(240 245 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-indigo-500{
  --tw-gradient-from:#6875F5 var(--tw-gradient-from-position);
  --tw-gradient-to:rgb(104 117 245 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-orange-500{
  --tw-gradient-from:#FF5A1F var(--tw-gradient-from-position);
  --tw-gradient-to:rgb(255 90 31 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-pink-500{
  --tw-gradient-from:#E74694 var(--tw-gradient-from-position);
  --tw-gradient-to:rgb(231 70 148 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-purple-50{
  --tw-gradient-from:#F6F5FF var(--tw-gradient-from-position);
  --tw-gradient-to:rgb(246 245 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-purple-500{
  --tw-gradient-from:#9061F9 var(--tw-gradient-from-position);
  --tw-gradient-to:rgb(144 97 249 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-red-500{
  --tw-gradient-from:#F05252 var(--tw-gradient-from-position);
  --tw-gradient-to:rgb(240 82 82 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)
}

.via-purple-50{
  --tw-gradient-to:rgb(246 245 255 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from), #F6F5FF var(--tw-gradient-via-position), var(--tw-gradient-to)
}

.to-blue-400{
  --tw-gradient-to:#76A9FA var(--tw-gradient-to-position)
}

.to-blue-600{
  --tw-gradient-to:#1C64F2 var(--tw-gradient-to-position)
}

.to-cyan-600{
  --tw-gradient-to:#0891b2 var(--tw-gradient-to-position)
}

.to-green-600{
  --tw-gradient-to:#057A55 var(--tw-gradient-to-position)
}

.to-indigo-50{
  --tw-gradient-to:#F0F5FF var(--tw-gradient-to-position)
}

.to-indigo-600{
  --tw-gradient-to:#5850EC var(--tw-gradient-to-position)
}

.to-orange-500{
  --tw-gradient-to:#FF5A1F var(--tw-gradient-to-position)
}

.to-orange-600{
  --tw-gradient-to:#D03801 var(--tw-gradient-to-position)
}

.to-pink-500{
  --tw-gradient-to:#E74694 var(--tw-gradient-to-position)
}

.to-pink-600{
  --tw-gradient-to:#D61F69 var(--tw-gradient-to-position)
}

.to-purple-50{
  --tw-gradient-to:#F6F5FF var(--tw-gradient-to-position)
}

.to-purple-600{
  --tw-gradient-to:#7E3AF2 var(--tw-gradient-to-position)
}

.to-red-600{
  --tw-gradient-to:#E02424 var(--tw-gradient-to-position)
}

.bg-cover{
  background-size:cover
}

.bg-center{
  background-position:center
}

.bg-no-repeat{
  background-repeat:no-repeat
}

.fill-brand-600{
  fill:#1e5a8a
}

.stroke-brand-400{
  stroke:#6cace4
}

.stroke-brand-600{
  stroke:#1e5a8a
}

.object-contain{
  -o-object-fit:contain;
     object-fit:contain
}

.object-cover{
  -o-object-fit:cover;
     object-fit:cover
}

.\!p-0{
  padding:0px !important
}

.p-0{
  padding:0px
}

.p-0\.5{
  padding:0.125rem
}

.p-1{
  padding:0.25rem
}

.p-1\.5{
  padding:0.375rem
}

.p-2{
  padding:0.5rem
}

.p-2\.5{
  padding:0.625rem
}

.p-3{
  padding:0.75rem
}

.p-4{
  padding:1rem
}

.p-5{
  padding:1.25rem
}

.p-6{
  padding:1.5rem
}

.p-8{
  padding:2rem
}

.p-page{
  padding:1.375rem
}

.px-0{
  padding-left:0px;
  padding-right:0px
}

.px-0\.5{
  padding-left:0.125rem;
  padding-right:0.125rem
}

.px-1{
  padding-left:0.25rem;
  padding-right:0.25rem
}

.px-1\.5{
  padding-left:0.375rem;
  padding-right:0.375rem
}

.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-3\.5{
  padding-left:0.875rem;
  padding-right:0.875rem
}

.px-4{
  padding-left:1rem;
  padding-right:1rem
}

.px-5{
  padding-left:1.25rem;
  padding-right:1.25rem
}

.px-6{
  padding-left:1.5rem;
  padding-right:1.5rem
}

.px-8{
  padding-left:2rem;
  padding-right:2rem
}

.px-cellx{
  padding-left:0.8125rem;
  padding-right:0.8125rem
}

.px-page{
  padding-left:1.375rem;
  padding-right:1.375rem
}

.px-panel{
  padding-left:0.875rem;
  padding-right:0.875rem
}

.px-px{
  padding-left:1px;
  padding-right:1px
}

.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-12{
  padding-top:3rem;
  padding-bottom:3rem
}

.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-3{
  padding-top:0.75rem;
  padding-bottom:0.75rem
}

.py-4{
  padding-top:1rem;
  padding-bottom:1rem
}

.py-5{
  padding-top:1.25rem;
  padding-bottom:1.25rem
}

.py-6{
  padding-top:1.5rem;
  padding-bottom:1.5rem
}

.py-8{
  padding-top:2rem;
  padding-bottom:2rem
}

.py-cell{
  padding-top:0.4375rem;
  padding-bottom:0.4375rem
}

.pb-0{
  padding-bottom:0px
}

.pb-1{
  padding-bottom:0.25rem
}

.pb-1\.5{
  padding-bottom:0.375rem
}

.pb-2{
  padding-bottom:0.5rem
}

.pb-3{
  padding-bottom:0.75rem
}

.pb-4{
  padding-bottom:1rem
}

.pl-0{
  padding-left:0px
}

.pl-0\.5{
  padding-left:0.125rem
}

.pl-10{
  padding-left:2.5rem
}

.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
}

.pl-9{
  padding-left:2.25rem
}

.pl-\[1\.125rem\]{
  padding-left:1.125rem
}

.pl-\[2\.125rem\]{
  padding-left:2.125rem
}

.pr-1{
  padding-right:0.25rem
}

.pr-2{
  padding-right:0.5rem
}

.pr-2\.5{
  padding-right:0.625rem
}

.pr-3{
  padding-right:0.75rem
}

.pr-36{
  padding-right:9rem
}

.pr-4{
  padding-right:1rem
}

.pr-5{
  padding-right:1.25rem
}

.pr-7{
  padding-right:1.75rem
}

.pr-8{
  padding-right:2rem
}

.pr-panel{
  padding-right:0.875rem
}

.pt-0{
  padding-top:0px
}

.pt-0\.5{
  padding-top:0.125rem
}

.pt-1{
  padding-top:0.25rem
}

.pt-1\.5{
  padding-top:0.375rem
}

.pt-2{
  padding-top:0.5rem
}

.pt-3{
  padding-top:0.75rem
}

.pt-4{
  padding-top:1rem
}

.pt-5{
  padding-top:1.25rem
}

.pt-6{
  padding-top:1.5rem
}

.pt-8{
  padding-top:2rem
}

.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
}

.align-bottom{
  vertical-align:bottom
}

.font-mono{
  font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace
}

.font-sans{
  font-family:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"
}

.font-serif{
  font-family:ui-serif, Georgia, Cambria, "Times New Roman", Times, serif
}

.text-2xl{
  font-size:1.5rem;
  line-height:2rem
}

.text-3xl{
  font-size:1.875rem;
  line-height:2.25rem
}

.text-4xl{
  font-size:2.25rem;
  line-height:2.5rem
}

.text-5xl{
  font-size:3rem;
  line-height:1
}

.text-\[0\.65rem\]{
  font-size:0.65rem
}

.text-\[0\.6875rem\]{
  font-size:0.6875rem
}

.text-\[0\.75rem\]{
  font-size:0.75rem
}

.text-\[0\.7rem\]{
  font-size:0.7rem
}

.text-\[0\.9375rem\]{
  font-size:0.9375rem
}

.text-\[10px\]{
  font-size:10px
}

.text-\[11px\]{
  font-size:11px
}

.text-\[13px\]{
  font-size:13px
}

.text-\[8px\]{
  font-size:8px
}

.text-\[9px\]{
  font-size:9px
}

.text-base{
  font-size:1rem;
  line-height:1.5rem
}

.text-body{
  font-size:0.9375rem;
  line-height:1.5
}

.text-caption{
  font-size:0.8125rem;
  line-height:1.45
}

.text-figure{
  font-size:1.875rem;
  line-height:1.1;
  letter-spacing:-0.025em
}

.text-headline{
  font-size:1.5rem;
  line-height:1.25;
  letter-spacing:-0.02em
}

.text-label{
  font-size:0.6875rem;
  line-height:1.2;
  letter-spacing:0.08em
}

.text-lg{
  font-size:1.125rem;
  line-height:1.75rem
}

.text-metric{
  font-size:1.5rem;
  line-height:1.1;
  letter-spacing:-0.025em
}

.text-sm{
  font-size:0.875rem;
  line-height:1.25rem
}

.text-ui{
  font-size:1rem;
  line-height:1.5
}

.text-xl{
  font-size:1.25rem;
  line-height:1.75rem
}

.text-xs{
  font-size:0.75rem;
  line-height:1rem
}

.font-bold{
  font-weight:700
}

.font-medium{
  font-weight:500
}

.font-normal{
  font-weight:400
}

.font-semibold{
  font-weight:600
}

.uppercase{
  text-transform:uppercase
}

.lowercase{
  text-transform:lowercase
}

.capitalize{
  text-transform:capitalize
}

.normal-case{
  text-transform:none
}

.italic{
  font-style:italic
}

.ordinal{
  --tw-ordinal:ordinal;
  font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)
}

.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-4{
  line-height:1rem
}

.leading-6{
  line-height:1.5rem
}

.leading-9{
  line-height:2.25rem
}

.leading-none{
  line-height:1
}

.leading-normal{
  line-height:1.5
}

.leading-relaxed{
  line-height:1.625
}

.leading-snug{
  line-height:1.375
}

.leading-tight{
  line-height:1.25
}

.tracking-\[0\.05em\]{
  letter-spacing:0.05em
}

.tracking-\[0\.1em\]{
  letter-spacing:0.1em
}

.tracking-normal{
  letter-spacing:0em
}

.tracking-tight{
  letter-spacing:-0.025em
}

.tracking-wide{
  letter-spacing:0.025em
}

.tracking-wider{
  letter-spacing:0.05em
}

.tracking-widest{
  letter-spacing:0.1em
}

.\!text-brand-600{
  --tw-text-opacity:1 !important;
  color:rgb(30 90 138 / var(--tw-text-opacity, 1)) !important
}

.\!text-good-700{
  --tw-text-opacity:1 !important;
  color:rgb(63 127 22 / var(--tw-text-opacity, 1)) !important
}

.\!text-violet-700{
  --tw-text-opacity:1 !important;
  color:rgb(109 40 217 / var(--tw-text-opacity, 1)) !important
}

.\!text-warn-700{
  --tw-text-opacity:1 !important;
  color:rgb(146 64 14 / var(--tw-text-opacity, 1)) !important
}

.\!text-white{
  --tw-text-opacity:1 !important;
  color:rgb(255 255 255 / var(--tw-text-opacity, 1)) !important
}

.text-\[\#0e7490\]{
  --tw-text-opacity:1;
  color:rgb(14 116 144 / var(--tw-text-opacity, 1))
}

.text-\[\#1e5a8a\]{
  --tw-text-opacity:1;
  color:rgb(30 90 138 / var(--tw-text-opacity, 1))
}

.text-\[\#374151\]{
  --tw-text-opacity:1;
  color:rgb(55 65 81 / var(--tw-text-opacity, 1))
}

.text-\[\#3f7f16\]{
  --tw-text-opacity:1;
  color:rgb(63 127 22 / var(--tw-text-opacity, 1))
}

.text-\[\#7c5cbf\]{
  --tw-text-opacity:1;
  color:rgb(124 92 191 / var(--tw-text-opacity, 1))
}

.text-\[\#a16207\]{
  --tw-text-opacity:1;
  color:rgb(161 98 7 / var(--tw-text-opacity, 1))
}

.text-\[\#b91c1c\]{
  --tw-text-opacity:1;
  color:rgb(185 28 28 / var(--tw-text-opacity, 1))
}

.text-amber-100{
  --tw-text-opacity:1;
  color:rgb(254 243 199 / var(--tw-text-opacity, 1))
}

.text-amber-400{
  --tw-text-opacity:1;
  color:rgb(251 191 36 / var(--tw-text-opacity, 1))
}

.text-amber-500{
  --tw-text-opacity:1;
  color:rgb(245 158 11 / var(--tw-text-opacity, 1))
}

.text-amber-600{
  --tw-text-opacity:1;
  color:rgb(217 119 6 / var(--tw-text-opacity, 1))
}

.text-amber-700{
  --tw-text-opacity:1;
  color:rgb(180 83 9 / var(--tw-text-opacity, 1))
}

.text-amber-800{
  --tw-text-opacity:1;
  color:rgb(146 64 14 / var(--tw-text-opacity, 1))
}

.text-amber-900{
  --tw-text-opacity:1;
  color:rgb(120 53 15 / var(--tw-text-opacity, 1))
}

.text-bad-500{
  --tw-text-opacity:1;
  color:rgb(220 38 38 / var(--tw-text-opacity, 1))
}

.text-bad-600{
  --tw-text-opacity:1;
  color:rgb(200 30 30 / var(--tw-text-opacity, 1))
}

.text-bad-700{
  --tw-text-opacity:1;
  color:rgb(185 28 28 / var(--tw-text-opacity, 1))
}

.text-black{
  --tw-text-opacity:1;
  color:rgb(0 0 0 / var(--tw-text-opacity, 1))
}

.text-blue-100{
  --tw-text-opacity:1;
  color:rgb(219 234 254 / var(--tw-text-opacity, 1))
}

.text-blue-400{
  --tw-text-opacity:1;
  color:rgb(118 169 250 / var(--tw-text-opacity, 1))
}

.text-blue-500{
  --tw-text-opacity:1;
  color:rgb(63 131 248 / var(--tw-text-opacity, 1))
}

.text-blue-600{
  --tw-text-opacity:1;
  color:rgb(28 100 242 / var(--tw-text-opacity, 1))
}

.text-blue-700{
  --tw-text-opacity:1;
  color:rgb(26 86 219 / var(--tw-text-opacity, 1))
}

.text-blue-800{
  --tw-text-opacity:1;
  color:rgb(30 66 159 / var(--tw-text-opacity, 1))
}

.text-blue-900{
  --tw-text-opacity:1;
  color:rgb(35 56 118 / var(--tw-text-opacity, 1))
}

.text-brand-500{
  --tw-text-opacity:1;
  color:rgb(74 135 180 / var(--tw-text-opacity, 1))
}

.text-brand-600{
  --tw-text-opacity:1;
  color:rgb(30 90 138 / var(--tw-text-opacity, 1))
}

.text-brand-700{
  --tw-text-opacity:1;
  color:rgb(23 72 105 / var(--tw-text-opacity, 1))
}

.text-brand-800{
  --tw-text-opacity:1;
  color:rgb(18 58 84 / var(--tw-text-opacity, 1))
}

.text-brand-900{
  --tw-text-opacity:1;
  color:rgb(13 42 61 / var(--tw-text-opacity, 1))
}

.text-cyan-800{
  --tw-text-opacity:1;
  color:rgb(21 94 117 / var(--tw-text-opacity, 1))
}

.text-domain-calls{
  --tw-text-opacity:1;
  color:rgb(14 116 144 / var(--tw-text-opacity, 1))
}

.text-domain-customers{
  --tw-text-opacity:1;
  color:rgb(124 58 237 / var(--tw-text-opacity, 1))
}

.text-domain-map{
  --tw-text-opacity:1;
  color:rgb(63 127 22 / var(--tw-text-opacity, 1))
}

.text-domain-ops{
  --tw-text-opacity:1;
  color:rgb(75 85 99 / var(--tw-text-opacity, 1))
}

.text-domain-products{
  --tw-text-opacity:1;
  color:rgb(180 83 9 / var(--tw-text-opacity, 1))
}

.text-domain-sales{
  --tw-text-opacity:1;
  color:rgb(15 118 110 / var(--tw-text-opacity, 1))
}

.text-emerald-600{
  --tw-text-opacity:1;
  color:rgb(5 150 105 / var(--tw-text-opacity, 1))
}

.text-emerald-700{
  --tw-text-opacity:1;
  color:rgb(4 120 87 / var(--tw-text-opacity, 1))
}

.text-emerald-800{
  --tw-text-opacity:1;
  color:rgb(6 95 70 / var(--tw-text-opacity, 1))
}

.text-emerald-900{
  --tw-text-opacity:1;
  color:rgb(6 78 59 / var(--tw-text-opacity, 1))
}

.text-foreground{
  --tw-text-opacity:1;
  color:rgb(17 24 39 / var(--tw-text-opacity, 1))
}

.text-fuchsia-700{
  --tw-text-opacity:1;
  color:rgb(162 28 175 / var(--tw-text-opacity, 1))
}

.text-fuchsia-800{
  --tw-text-opacity:1;
  color:rgb(134 25 143 / var(--tw-text-opacity, 1))
}

.text-fuchsia-900{
  --tw-text-opacity:1;
  color:rgb(112 26 117 / var(--tw-text-opacity, 1))
}

.text-good-500{
  --tw-text-opacity:1;
  color:rgb(88 177 33 / var(--tw-text-opacity, 1))
}

.text-good-600{
  --tw-text-opacity:1;
  color:rgb(74 154 27 / var(--tw-text-opacity, 1))
}

.text-good-700{
  --tw-text-opacity:1;
  color:rgb(63 127 22 / var(--tw-text-opacity, 1))
}

.text-gray-100{
  --tw-text-opacity:1;
  color:rgb(243 244 246 / var(--tw-text-opacity, 1))
}

.text-gray-200{
  --tw-text-opacity:1;
  color:rgb(229 231 235 / var(--tw-text-opacity, 1))
}

.text-gray-300{
  --tw-text-opacity:1;
  color:rgb(209 213 219 / var(--tw-text-opacity, 1))
}

.text-gray-400{
  --tw-text-opacity:1;
  color:rgb(156 163 175 / var(--tw-text-opacity, 1))
}

.text-gray-500{
  --tw-text-opacity:1;
  color:rgb(107 114 128 / var(--tw-text-opacity, 1))
}

.text-gray-600{
  --tw-text-opacity:1;
  color:rgb(75 85 99 / var(--tw-text-opacity, 1))
}

.text-gray-700{
  --tw-text-opacity:1;
  color:rgb(55 65 81 / var(--tw-text-opacity, 1))
}

.text-gray-800{
  --tw-text-opacity:1;
  color:rgb(31 41 55 / var(--tw-text-opacity, 1))
}

.text-gray-900{
  --tw-text-opacity:1;
  color:rgb(17 24 39 / var(--tw-text-opacity, 1))
}

.text-green-100{
  --tw-text-opacity:1;
  color:rgb(222 247 236 / var(--tw-text-opacity, 1))
}

.text-green-400{
  --tw-text-opacity:1;
  color:rgb(49 196 141 / var(--tw-text-opacity, 1))
}

.text-green-500{
  --tw-text-opacity:1;
  color:rgb(14 159 110 / var(--tw-text-opacity, 1))
}

.text-green-600{
  --tw-text-opacity:1;
  color:rgb(5 122 85 / var(--tw-text-opacity, 1))
}

.text-green-700{
  --tw-text-opacity:1;
  color:rgb(4 108 78 / var(--tw-text-opacity, 1))
}

.text-green-800{
  --tw-text-opacity:1;
  color:rgb(3 84 63 / var(--tw-text-opacity, 1))
}

.text-green-900{
  --tw-text-opacity:1;
  color:rgb(1 71 55 / var(--tw-text-opacity, 1))
}

.text-hairline{
  --tw-text-opacity:1;
  color:rgb(229 231 235 / var(--tw-text-opacity, 1))
}

.text-indigo-500{
  --tw-text-opacity:1;
  color:rgb(104 117 245 / var(--tw-text-opacity, 1))
}

.text-indigo-600{
  --tw-text-opacity:1;
  color:rgb(88 80 236 / var(--tw-text-opacity, 1))
}

.text-indigo-700{
  --tw-text-opacity:1;
  color:rgb(81 69 205 / var(--tw-text-opacity, 1))
}

.text-indigo-800{
  --tw-text-opacity:1;
  color:rgb(66 56 157 / var(--tw-text-opacity, 1))
}

.text-indigo-900{
  --tw-text-opacity:1;
  color:rgb(54 47 120 / var(--tw-text-opacity, 1))
}

.text-inherit{
  color:inherit
}

.text-ink{
  --tw-text-opacity:1;
  color:rgb(17 24 39 / var(--tw-text-opacity, 1))
}

.text-ink-faint{
  --tw-text-opacity:1;
  color:rgb(107 114 128 / var(--tw-text-opacity, 1))
}

.text-ink-ghost{
  --tw-text-opacity:1;
  color:rgb(156 163 175 / var(--tw-text-opacity, 1))
}

.text-ink-muted{
  --tw-text-opacity:1;
  color:rgb(75 85 99 / var(--tw-text-opacity, 1))
}

.text-ink-soft{
  --tw-text-opacity:1;
  color:rgb(55 65 81 / var(--tw-text-opacity, 1))
}

.text-lime-800{
  --tw-text-opacity:1;
  color:rgb(63 98 18 / var(--tw-text-opacity, 1))
}

.text-muted-foreground{
  --tw-text-opacity:1;
  color:rgb(107 114 128 / var(--tw-text-opacity, 1))
}

.text-neutral-300{
  --tw-text-opacity:1;
  color:rgb(212 212 212 / var(--tw-text-opacity, 1))
}

.text-neutral-400{
  --tw-text-opacity:1;
  color:rgb(163 163 163 / var(--tw-text-opacity, 1))
}

.text-neutral-500{
  --tw-text-opacity:1;
  color:rgb(115 115 115 / var(--tw-text-opacity, 1))
}

.text-neutral-600{
  --tw-text-opacity:1;
  color:rgb(82 82 82 / var(--tw-text-opacity, 1))
}

.text-neutral-700{
  --tw-text-opacity:1;
  color:rgb(64 64 64 / var(--tw-text-opacity, 1))
}

.text-neutral-800{
  --tw-text-opacity:1;
  color:rgb(38 38 38 / var(--tw-text-opacity, 1))
}

.text-neutral-900{
  --tw-text-opacity:1;
  color:rgb(23 23 23 / var(--tw-text-opacity, 1))
}

.text-orange-400{
  --tw-text-opacity:1;
  color:rgb(255 138 76 / var(--tw-text-opacity, 1))
}

.text-orange-500{
  --tw-text-opacity:1;
  color:rgb(255 90 31 / var(--tw-text-opacity, 1))
}

.text-orange-600{
  --tw-text-opacity:1;
  color:rgb(208 56 1 / var(--tw-text-opacity, 1))
}

.text-orange-700{
  --tw-text-opacity:1;
  color:rgb(180 52 3 / var(--tw-text-opacity, 1))
}

.text-orange-800{
  --tw-text-opacity:1;
  color:rgb(138 44 13 / var(--tw-text-opacity, 1))
}

.text-orange-900{
  --tw-text-opacity:1;
  color:rgb(119 29 29 / var(--tw-text-opacity, 1))
}

.text-pink-800{
  --tw-text-opacity:1;
  color:rgb(153 21 75 / var(--tw-text-opacity, 1))
}

.text-primary{
  --tw-text-opacity:1;
  color:rgb(30 90 138 / var(--tw-text-opacity, 1))
}

.text-purple-500{
  --tw-text-opacity:1;
  color:rgb(144 97 249 / var(--tw-text-opacity, 1))
}

.text-purple-600{
  --tw-text-opacity:1;
  color:rgb(126 58 242 / var(--tw-text-opacity, 1))
}

.text-purple-700{
  --tw-text-opacity:1;
  color:rgb(108 43 217 / var(--tw-text-opacity, 1))
}

.text-purple-800{
  --tw-text-opacity:1;
  color:rgb(85 33 181 / var(--tw-text-opacity, 1))
}

.text-purple-900{
  --tw-text-opacity:1;
  color:rgb(74 29 150 / var(--tw-text-opacity, 1))
}

.text-red-300{
  --tw-text-opacity:1;
  color:rgb(248 180 180 / var(--tw-text-opacity, 1))
}

.text-red-400{
  --tw-text-opacity:1;
  color:rgb(249 128 128 / var(--tw-text-opacity, 1))
}

.text-red-500{
  --tw-text-opacity:1;
  color:rgb(240 82 82 / var(--tw-text-opacity, 1))
}

.text-red-600{
  --tw-text-opacity:1;
  color:rgb(224 36 36 / var(--tw-text-opacity, 1))
}

.text-red-700{
  --tw-text-opacity:1;
  color:rgb(200 30 30 / var(--tw-text-opacity, 1))
}

.text-red-800{
  --tw-text-opacity:1;
  color:rgb(155 28 28 / var(--tw-text-opacity, 1))
}

.text-red-900{
  --tw-text-opacity:1;
  color:rgb(119 29 29 / var(--tw-text-opacity, 1))
}

.text-rose-600{
  --tw-text-opacity:1;
  color:rgb(225 29 72 / var(--tw-text-opacity, 1))
}

.text-rose-700{
  --tw-text-opacity:1;
  color:rgb(190 18 60 / var(--tw-text-opacity, 1))
}

.text-rose-800{
  --tw-text-opacity:1;
  color:rgb(159 18 57 / var(--tw-text-opacity, 1))
}

.text-sky-700{
  --tw-text-opacity:1;
  color:rgb(3 105 161 / var(--tw-text-opacity, 1))
}

.text-sky-800{
  --tw-text-opacity:1;
  color:rgb(7 89 133 / var(--tw-text-opacity, 1))
}

.text-sky-900{
  --tw-text-opacity:1;
  color:rgb(12 74 110 / var(--tw-text-opacity, 1))
}

.text-slate-300{
  --tw-text-opacity:1;
  color:rgb(203 213 225 / var(--tw-text-opacity, 1))
}

.text-slate-400{
  --tw-text-opacity:1;
  color:rgb(148 163 184 / var(--tw-text-opacity, 1))
}

.text-slate-500{
  --tw-text-opacity:1;
  color:rgb(100 116 139 / var(--tw-text-opacity, 1))
}

.text-slate-600{
  --tw-text-opacity:1;
  color:rgb(71 85 105 / var(--tw-text-opacity, 1))
}

.text-slate-700{
  --tw-text-opacity:1;
  color:rgb(51 65 85 / var(--tw-text-opacity, 1))
}

.text-slate-800{
  --tw-text-opacity:1;
  color:rgb(30 41 59 / var(--tw-text-opacity, 1))
}

.text-slate-900{
  --tw-text-opacity:1;
  color:rgb(15 23 42 / var(--tw-text-opacity, 1))
}

.text-surface{
  --tw-text-opacity:1;
  color:rgb(255 255 255 / var(--tw-text-opacity, 1))
}

.text-teal-700{
  --tw-text-opacity:1;
  color:rgb(3 102 114 / var(--tw-text-opacity, 1))
}

.text-teal-800{
  --tw-text-opacity:1;
  color:rgb(5 80 92 / var(--tw-text-opacity, 1))
}

.text-teal-900{
  --tw-text-opacity:1;
  color:rgb(1 68 81 / var(--tw-text-opacity, 1))
}

.text-violet-500{
  --tw-text-opacity:1;
  color:rgb(139 92 246 / var(--tw-text-opacity, 1))
}

.text-violet-600{
  --tw-text-opacity:1;
  color:rgb(124 58 237 / var(--tw-text-opacity, 1))
}

.text-violet-700{
  --tw-text-opacity:1;
  color:rgb(109 40 217 / var(--tw-text-opacity, 1))
}

.text-violet-800{
  --tw-text-opacity:1;
  color:rgb(91 33 182 / var(--tw-text-opacity, 1))
}

.text-warn-500{
  --tw-text-opacity:1;
  color:rgb(245 158 11 / var(--tw-text-opacity, 1))
}

.text-warn-600{
  --tw-text-opacity:1;
  color:rgb(217 119 6 / var(--tw-text-opacity, 1))
}

.text-warn-700{
  --tw-text-opacity:1;
  color:rgb(146 64 14 / var(--tw-text-opacity, 1))
}

.text-white{
  --tw-text-opacity:1;
  color:rgb(255 255 255 / var(--tw-text-opacity, 1))
}

.text-white\/80{
  color:rgb(255 255 255 / 0.8)
}

.text-yellow-500{
  --tw-text-opacity:1;
  color:rgb(194 120 3 / var(--tw-text-opacity, 1))
}

.text-yellow-600{
  --tw-text-opacity:1;
  color:rgb(159 88 10 / var(--tw-text-opacity, 1))
}

.text-yellow-700{
  --tw-text-opacity:1;
  color:rgb(142 75 16 / var(--tw-text-opacity, 1))
}

.text-yellow-800{
  --tw-text-opacity:1;
  color:rgb(114 59 19 / var(--tw-text-opacity, 1))
}

.underline{
  text-decoration-line:underline
}

.line-through{
  text-decoration-line:line-through
}

.no-underline{
  text-decoration-line:none
}

.decoration-hairline{
  text-decoration-color:#e5e7eb
}

.decoration-slate-400{
  text-decoration-color:#94a3b8
}

.decoration-dotted{
  text-decoration-style:dotted
}

.decoration-1{
  text-decoration-thickness:1px
}

.underline-offset-2{
  text-underline-offset:2px
}

.underline-offset-4{
  text-underline-offset:4px
}

.placeholder-gray-400::-moz-placeholder{
  --tw-placeholder-opacity:1;
  color:rgb(156 163 175 / var(--tw-placeholder-opacity, 1))
}

.placeholder-gray-400::placeholder{
  --tw-placeholder-opacity:1;
  color:rgb(156 163 175 / var(--tw-placeholder-opacity, 1))
}

.accent-bad-500{
  accent-color:#dc2626
}

.accent-brand-600{
  accent-color:#1e5a8a
}

.accent-primary{
  accent-color:#1e5a8a
}

.opacity-0{
  opacity:0
}

.opacity-100{
  opacity:1
}

.opacity-40{
  opacity:0.4
}

.opacity-50{
  opacity:0.5
}

.opacity-60{
  opacity:0.6
}

.opacity-70{
  opacity:0.7
}

.\!shadow-bodylift{
  --tw-shadow:inset -1px 0 0 rgba(229, 231, 235, 1), inset 0 -1px 0 rgba(241, 243, 245, 1), 10px 0 16px -12px rgba(17, 24, 39, 0.18) !important;
  --tw-shadow-colored:inset -1px 0 0 var(--tw-shadow-color), inset 0 -1px 0 var(--tw-shadow-color), 10px 0 16px -12px var(--tw-shadow-color) !important;
  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important
}

.\!shadow-headerlift{
  --tw-shadow:inset -1px 0 0 rgba(229, 231, 235, 1), inset 0 -1px 0 rgba(229, 231, 235, 1), 10px 0 16px -12px rgba(17, 24, 39, 0.28) !important;
  --tw-shadow-colored:inset -1px 0 0 var(--tw-shadow-color), inset 0 -1px 0 var(--tw-shadow-color), 10px 0 16px -12px var(--tw-shadow-color) !important;
  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important
}

.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-2xl{
  --tw-shadow:0 25px 50px -12px rgb(0 0 0 / 0.25);
  --tw-shadow-colored:0 25px 50px -12px 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-\[14px_0_14px_-10px_theme\(colors\.ink\.faint\)\]{
  --tw-shadow:14px 0 14px -10px #6b7280;
  --tw-shadow-colored:14px 0 14px -10px 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-float{
  --tw-shadow:0 10px 30px rgba(17, 24, 39, 0.10);
  --tw-shadow-colored:0 10px 30px 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-modal{
  --tw-shadow:0 12px 32px rgba(17, 24, 39, 0.28);
  --tw-shadow-colored:0 12px 32px 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-raised{
  --tw-shadow:0 1px 2px rgba(17, 24, 39, 0.05);
  --tw-shadow-colored:0 1px 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-seam{
  --tw-shadow:6px 0 6px -6px rgba(229, 231, 235, 1);
  --tw-shadow-colored:6px 0 6px -6px 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-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)
}

.shadow-xl{
  --tw-shadow:0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
  --tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px 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
}

.ring{
  --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(3px + 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)
}

.ring-1{
  --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)
}

.ring-2{
  --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(2px + 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)
}

.ring-4{
  --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(4px + 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)
}

.ring-inset{
  --tw-ring-inset:inset
}

.ring-amber-400{
  --tw-ring-opacity:1;
  --tw-ring-color:rgb(251 191 36 / var(--tw-ring-opacity, 1))
}

.ring-amber-500{
  --tw-ring-opacity:1;
  --tw-ring-color:rgb(245 158 11 / var(--tw-ring-opacity, 1))
}

.ring-bad-500{
  --tw-ring-opacity:1;
  --tw-ring-color:rgb(220 38 38 / var(--tw-ring-opacity, 1))
}

.ring-black\/5{
  --tw-ring-color:rgb(0 0 0 / 0.05)
}

.ring-blue-100{
  --tw-ring-opacity:1;
  --tw-ring-color:rgb(219 234 254 / var(--tw-ring-opacity, 1))
}

.ring-blue-400{
  --tw-ring-opacity:1;
  --tw-ring-color:rgb(118 169 250 / var(--tw-ring-opacity, 1))
}

.ring-blue-500{
  --tw-ring-opacity:1;
  --tw-ring-color:rgb(63 131 248 / var(--tw-ring-opacity, 1))
}

.ring-brand-300{
  --tw-ring-opacity:1;
  --tw-ring-color:rgb(156 197 226 / var(--tw-ring-opacity, 1))
}

.ring-brand-400{
  --tw-ring-opacity:1;
  --tw-ring-color:rgb(108 172 228 / var(--tw-ring-opacity, 1))
}

.ring-brand-500{
  --tw-ring-opacity:1;
  --tw-ring-color:rgb(74 135 180 / var(--tw-ring-opacity, 1))
}

.ring-emerald-400{
  --tw-ring-opacity:1;
  --tw-ring-color:rgb(52 211 153 / var(--tw-ring-opacity, 1))
}

.ring-emerald-500{
  --tw-ring-opacity:1;
  --tw-ring-color:rgb(16 185 129 / var(--tw-ring-opacity, 1))
}

.ring-fuchsia-400{
  --tw-ring-opacity:1;
  --tw-ring-color:rgb(232 121 249 / var(--tw-ring-opacity, 1))
}

.ring-fuchsia-500{
  --tw-ring-opacity:1;
  --tw-ring-color:rgb(217 70 239 / var(--tw-ring-opacity, 1))
}

.ring-good-500{
  --tw-ring-opacity:1;
  --tw-ring-color:rgb(88 177 33 / var(--tw-ring-opacity, 1))
}

.ring-indigo-400{
  --tw-ring-opacity:1;
  --tw-ring-color:rgb(141 162 251 / var(--tw-ring-opacity, 1))
}

.ring-indigo-500{
  --tw-ring-opacity:1;
  --tw-ring-color:rgb(104 117 245 / var(--tw-ring-opacity, 1))
}

.ring-orange-400{
  --tw-ring-opacity:1;
  --tw-ring-color:rgb(255 138 76 / var(--tw-ring-opacity, 1))
}

.ring-orange-500{
  --tw-ring-opacity:1;
  --tw-ring-color:rgb(255 90 31 / var(--tw-ring-opacity, 1))
}

.ring-purple-400{
  --tw-ring-opacity:1;
  --tw-ring-color:rgb(172 148 250 / var(--tw-ring-opacity, 1))
}

.ring-purple-500{
  --tw-ring-opacity:1;
  --tw-ring-color:rgb(144 97 249 / var(--tw-ring-opacity, 1))
}

.ring-sky-400{
  --tw-ring-opacity:1;
  --tw-ring-color:rgb(56 189 248 / var(--tw-ring-opacity, 1))
}

.ring-sky-500{
  --tw-ring-opacity:1;
  --tw-ring-color:rgb(14 165 233 / var(--tw-ring-opacity, 1))
}

.ring-surface{
  --tw-ring-opacity:1;
  --tw-ring-color:rgb(255 255 255 / var(--tw-ring-opacity, 1))
}

.ring-teal-400{
  --tw-ring-opacity:1;
  --tw-ring-color:rgb(22 189 202 / var(--tw-ring-opacity, 1))
}

.ring-teal-500{
  --tw-ring-opacity:1;
  --tw-ring-color:rgb(6 148 162 / var(--tw-ring-opacity, 1))
}

.ring-warn-600{
  --tw-ring-opacity:1;
  --tw-ring-color:rgb(217 119 6 / var(--tw-ring-opacity, 1))
}

.ring-white{
  --tw-ring-opacity:1;
  --tw-ring-color:rgb(255 255 255 / var(--tw-ring-opacity, 1))
}

.ring-offset-background{
  --tw-ring-offset-color:#ffffff
}

.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)
}

.grayscale{
  --tw-grayscale:grayscale(100%);
  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)
}

.invert{
  --tw-invert:invert(100%);
  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)
}

.backdrop-blur-sm{
  --tw-backdrop-blur:blur(4px);
  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{
  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-\[filter\]{
  transition-property:filter;
  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-opacity{
  transition-property:opacity;
  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration:150ms
}

.transition-shadow{
  transition-property:box-shadow;
  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration:150ms
}

.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-200{
  transition-duration:200ms
}

.duration-300{
  transition-duration:300ms
}

.ease-out{
  transition-timing-function:cubic-bezier(0, 0, 0.2, 1)
}

.\@container{
  container-type:inline-size
}

/* Tom Select / Searchable Filter Styles */

.avo-searchable-filter{
  width:100%;
  .ts-control{
    border-radius:0.375rem
  }
  .ts-control{
    border-width:1px
  }
  .ts-control{
    --tw-border-opacity:1;
    border-color:rgb(209 213 219 / var(--tw-border-opacity, 1))
  }
  .ts-control{
    padding-left:0.75rem;
    padding-right:0.75rem
  }
  .ts-control{
    padding-top:0.5rem;
    padding-bottom:0.5rem
  }
  .ts-control{
    font-size:0.875rem;
    line-height:1.25rem
  }
  .ts-control{
    --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)
  }
  .ts-control {
    background-color: white;
    min-height: 38px;
  }
  .ts-control:focus-within{
    --tw-border-opacity:1;
    border-color:rgb(63 131 248 / var(--tw-border-opacity, 1))
  }
  .ts-control:focus-within{
    --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(2px + 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)
  }
  .ts-control:focus-within{
    --tw-ring-opacity:1;
    --tw-ring-color:rgb(63 131 248 / var(--tw-ring-opacity, 1))
  }
  .ts-dropdown{
    margin-top:0.25rem
  }
  .ts-dropdown{
    border-radius:0.375rem
  }
  .ts-dropdown{
    border-width:1px
  }
  .ts-dropdown{
    --tw-border-opacity:1;
    border-color:rgb(209 213 219 / var(--tw-border-opacity, 1))
  }
  .ts-dropdown{
    --tw-bg-opacity:1;
    background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))
  }
  .ts-dropdown{
    --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)
  }
  .ts-dropdown {
    z-index: 9999;
  }
  .ts-dropdown-content{
    max-height:15rem
  }
  .ts-dropdown-content{
    overflow-y:auto
  }
  .ts-dropdown .option{
    cursor:pointer
  }
  .ts-dropdown .option{
    padding-left:0.75rem;
    padding-right:0.75rem
  }
  .ts-dropdown .option{
    padding-top:0.5rem;
    padding-bottom:0.5rem
  }
  .ts-dropdown .option{
    font-size:0.875rem;
    line-height:1.25rem
  }
  .ts-dropdown .option {
    &:hover,
    &.active{
      --tw-bg-opacity:1;
      background-color:rgb(235 245 255 / var(--tw-bg-opacity, 1))
    }
    &:hover,
    &.active{
      --tw-text-opacity:1;
      color:rgb(26 86 219 / var(--tw-text-opacity, 1))
    }
    &.selected{
      --tw-bg-opacity:1;
      background-color:rgb(219 234 254 / var(--tw-bg-opacity, 1))
    }
    &.selected{
      --tw-text-opacity:1;
      color:rgb(30 66 159 / var(--tw-text-opacity, 1))
    }
  }
  .ts-dropdown .no-results{
    padding-left:0.75rem;
    padding-right:0.75rem
  }
  .ts-dropdown .no-results{
    padding-top:0.5rem;
    padding-bottom:0.5rem
  }
  .ts-dropdown .no-results{
    font-size:0.875rem;
    line-height:1.25rem
  }
  .ts-dropdown .no-results{
    font-style:italic
  }
  .ts-dropdown .no-results{
    --tw-text-opacity:1;
    color:rgb(107 114 128 / var(--tw-text-opacity, 1))
  }
  /* Clear button styling */
  .clear-button{
    --tw-text-opacity:1;
    color:rgb(156 163 175 / var(--tw-text-opacity, 1))
  }
  .clear-button:hover{
    --tw-text-opacity:1;
    color:rgb(75 85 99 / var(--tw-text-opacity, 1))
  }
  /* Input placeholder */
  .ts-control input::-moz-placeholder{
    --tw-text-opacity:1;
    color:rgb(156 163 175 / var(--tw-text-opacity, 1))
  }
  .ts-control input::placeholder{
    --tw-text-opacity:1;
    color:rgb(156 163 175 / var(--tw-text-opacity, 1))
  }
  /* Multi-select tag styling */
  &.avo-multi-select .ts-control .item{
    margin-right:0.25rem
  }
  &.avo-multi-select .ts-control .item{
    border-radius:0.25rem
  }
  &.avo-multi-select .ts-control .item{
    --tw-bg-opacity:1;
    background-color:rgb(219 234 254 / var(--tw-bg-opacity, 1))
  }
  &.avo-multi-select .ts-control .item{
    padding-left:0.5rem;
    padding-right:0.5rem
  }
  &.avo-multi-select .ts-control .item{
    padding-top:0.125rem;
    padding-bottom:0.125rem
  }
  &.avo-multi-select .ts-control .item{
    font-size:0.75rem;
    line-height:1rem
  }
  &.avo-multi-select .ts-control .item{
    --tw-text-opacity:1;
    color:rgb(30 66 159 / var(--tw-text-opacity, 1))
  }
  /* Remove button on tags */
  &.avo-multi-select .ts-control .item .remove{
    margin-left:0.25rem
  }
  &.avo-multi-select .ts-control .item .remove{
    --tw-text-opacity:1;
    color:rgb(28 100 242 / var(--tw-text-opacity, 1))
  }
  &.avo-multi-select .ts-control .item .remove:hover{
    --tw-text-opacity:1;
    color:rgb(30 66 159 / var(--tw-text-opacity, 1))
  }
}

/* AVO Card dropdown */

[id*="_range"][id*="_range"]{
  width:auto
}

/* Compact filter cards - reduce minimum height */

/* Target the parent grid cell wrapper that has min-h-[8rem] */

div:has(> turbo-frame > [data-card-id="ltv_tag_filter"]),
div:has(> turbo-frame > [data-card-id="sales_tag_filter"]) {
  min-height: auto !important;
}

/* Metric tooltip - pure CSS hover tooltip */

.tooltip-trigger{
  position:relative;
  cursor:help;
  .tooltip-content{
    transition-property:opacity;
    transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration:150ms
  }
  .tooltip-content{
    transition-duration:200ms
  }
  &:hover .tooltip-content{
    visibility:visible
  }
  &:hover .tooltip-content{
    opacity:1
  }
}

/* Allow tooltips to escape card overflow */

.tooltip-trigger {
  /* Create new stacking context */
  isolation: isolate;
}

/* Ensure tooltip content is above everything */

.tooltip-content {
  z-index: 99999 !important;
}

/* Mobile horizontal-overflow guard. `overflow-x: hidden` on
   <html>/<body> CANNOT be used here — Chromium treats that as a
   containing-block trigger for `position: fixed` descendants. Modals
   now use the native <dialog> element + top layer (see modal_controller),
   so this guard is mostly historical, but the max-width still helps. */

html, body {
  max-width: 100vw;
}

/* Native <dialog> modals — reset the browser default chrome so the
   panel inside controls the visual treatment. The backdrop pseudo-element
   gives us the dimmed overlay across the entire viewport (it's
   rendered in the top layer, so no containing-block issues).

   Centering: brute-force fixed-position transform centering. The UA
   `dialog:modal` rules only anchor top + inset-inline (no bottom), and
   the previous `inset: 0; margin: auto;` approach failed in some cases
   when the dialog wasn't actually in the top layer (showModal not
   called for whatever reason). With explicit transform centering, the
   dialog renders in the same place whether showModal landed it in the
   top layer or it's just sitting open in the frame — visually we
   always get a centered modal. */

dialog.modal {
  position: fixed;
  top: 50%;
  left: 50%;
  right: auto;
  bottom: auto;
  inset: auto;
  margin: 0;
  transform: translate(-50%, -50%);
  padding: 0;
  border: 0;
  background: transparent;
  max-width: min(100vw, 64rem);
  max-height: 100dvh;
  overflow: visible;
  z-index: 9998;
}

dialog.modal::backdrop {
  background-color: rgba(15, 23, 42, 0.55);
  backdrop-filter: blur(2px);
  -webkit-backdrop-filter: blur(2px);
}

@media (max-width: 768px) {
  /* Force everything to fit viewport width */

  body,
  body > div,
  [data-controller="sidebar"],
  .content-area,
  .main-content-area,
  .content {
    width: 100% !important;
    max-width: 100vw !important;
    overflow-x: hidden !important;
  }

  /* Reduce padding on mobile */

  .content {
    padding: 0.5rem !important;
  }

  /* Hide desktop sidebar completely */

  .hidden.lg\\:flex {
    display: none !important;
  }

  /* Any max-width containers should be full-width */

  .max-w-screen-xl,
  .max-w-7xl,
  .max-w-6xl,
  .max-w-5xl,
  .container {
    max-width: 100% !important;
    width: 100% !important;
  }

  /* Ensure grids don't overflow */

  .grid {
    max-width: 100% !important;
  }
}

/* Avo Modal Responsive - always ensure modals fit on smaller screens */

/* Radio buttons - NEVER stretch them */

[data-controller="modal"] input[type="radio"] {
  width: 1rem !important;
  height: 1rem !important;
  flex-shrink: 0 !important;
}

/* Avo modal overlay - ensure it renders above custom grid layouts */

/* Custom show page grids create stacking contexts that can push the modal behind content */

[data-controller="modal"] {
  z-index: 99999 !important;
  position: relative;
}

/* Modal body - responsive width */

.modal-body {
  max-width: min(95vw, 32rem) !important;
  width: auto !important;
}

@media (max-width: 640px) {
  .modal-body {
    max-width: 95vw !important;
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important;
  }

  /* Make text inputs, selects, textareas full width on mobile */

  [data-controller="modal"] select,
  [data-controller="modal"] input:not([type="radio"]):not([type="checkbox"]),
  [data-controller="modal"] textarea {
    width: 100% !important;
  }
}

/* ==================================================================
   VegaLite Tooltip Styles - Highcharts/Chartkick inspired
   ================================================================== */

#vg-tooltip-element{
  border-radius:0.5rem;
  border-width:1px;
  --tw-border-opacity:1;
  border-color:rgb(243 244 246 / var(--tw-border-opacity, 1));
  --tw-bg-opacity:1;
  background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));
  --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);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
  padding: 12px 16px !important;
  max-width: 300px;
  font-size: 13px !important;
  line-height: 1.5 !important;
  color: #374151 !important;
  /* gray-700 */
  /* Subtle shadow like Highcharts */
  box-shadow:
    0 4px 6px -1px rgba(0, 0, 0, 0.1),
    0 2px 4px -1px rgba(0, 0, 0, 0.06) !important
}

#vg-tooltip-element.light-theme {
  background-color: #ffffff !important;
  border-color: #e5e7eb !important;
}

#vg-tooltip-element h2{
  margin-bottom:0.5rem;
  border-bottom-width:1px;
  --tw-border-opacity:1;
  border-color:rgb(243 244 246 / var(--tw-border-opacity, 1));
  padding-bottom:0.5rem;
  font-weight:600;
  --tw-text-opacity:1;
  color:rgb(31 41 55 / var(--tw-text-opacity, 1));
  font-size: 14px !important;
  margin: 0 0 8px 0 !important;
  padding-bottom: 8px !important
}

#vg-tooltip-element table {
  border-spacing: 0 !important;
}

#vg-tooltip-element td {
  padding: 4px 0 !important;
}

#vg-tooltip-element td.key{
  font-weight:500;
  --tw-text-opacity:1;
  color:rgb(107 114 128 / var(--tw-text-opacity, 1));
  font-size: 12px !important;
  text-transform: capitalize;
  padding-right: 16px !important
}

#vg-tooltip-element td.value{
  text-align:right;
  font-weight:600;
  --tw-text-opacity:1;
  color:rgb(31 41 55 / var(--tw-text-opacity, 1));
  font-size: 13px !important;
  padding-left: 8px !important
}

/* Color swatch in tooltip */

#vg-tooltip-element .color-swatch{
  margin-right:0.5rem;
  display:inline-block;
  border-radius:9999px;
  width: 10px !important;
  height: 10px !important;
  vertical-align: middle
}

/* VegaLite chart container styling */

[data-controller="vega-chart"]{
  width:100%;
  /* Ensure SVG fills container */
  svg{
    height:auto
  }
  svg{
    width:100%
  }
  /* Chart title styling - if rendered inline */
  .vega-embed{
    width:100%
  }
  /* Actions menu (hidden by default but style if enabled) */
  .vega-embed .vega-actions{
    position:absolute
  }
  .vega-embed .vega-actions{
    top:0.5rem
  }
  .vega-embed .vega-actions{
    right:0.5rem
  }
  .vega-embed .vega-actions{
    opacity:0
  }
  .vega-embed .vega-actions{
    transition-property:opacity;
    transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration:150ms
  }
  .vega-embed .vega-actions{
    transition-duration:200ms
  }
  .vega-embed:hover .vega-actions{
    opacity:1
  }
  .vega-embed .vega-actions a{
    padding-left:0.5rem;
    padding-right:0.5rem
  }
  .vega-embed .vega-actions a{
    padding-top:0.25rem;
    padding-bottom:0.25rem
  }
  .vega-embed .vega-actions a{
    font-size:0.75rem;
    line-height:1rem
  }
  .vega-embed .vega-actions a{
    --tw-text-opacity:1;
    color:rgb(156 163 175 / var(--tw-text-opacity, 1))
  }
  .vega-embed .vega-actions a:hover{
    --tw-text-opacity:1;
    color:rgb(75 85 99 / var(--tw-text-opacity, 1))
  }
  /* Drilldown heatmaps: pointer cursor on cells */
  &[data-vega-chart-drilldown-value="true"] .mark-rect path,
  &[data-vega-chart-drilldown-value="true"] .mark-rect rect {
    cursor: pointer;
  }
}

/* ==================================================================
   Turbo Frame busy state — REMOVED.
   The global "Loading…" overlay in app/javascript/application.js
   handles all turbo-driven loading (page navs + frame loads) with a
   300ms delay so fast swaps feel instant. The previous CSS-driven
   per-frame spinner (turbo-frame[busy]::before + ::after) fired
   immediately, stacking with the global overlay and producing two
   spinners on every modal open / table pagination.
   ================================================================== */

/* ==================================================================
   Dashboard Cards - Align to top, don't stretch to fill row height
   ================================================================== */

.grid:has([data-controller="dashboard-card"]) {
  align-items: start !important;
}

/* Dashboard cards - remove Avo's white wrapper styling */

/* Makes all dashboard cards transparent to prevent jarring gaps */

/* Each Phlex component handles its own card styling */

.grid:has([data-controller="dashboard-card"]) > div {
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
}

/* Also target turbo-frame wrappers */

div:has(> turbo-frame > [data-card-id]) {
  background: transparent !important;
  box-shadow: none !important;
  min-height: auto !important;
  border: none !important;
}

/* Kitchen sink cards - remove Avo's white wrapper styling */

/* These are full-width demo sections that don't need card chrome */

/* Target the white wrapper div that contains the turbo-frame with kitchen sink content */

div.shadow-panel:has([data-card-id="sortable_tables"]),
div.shadow-panel:has([data-card-id="form_primitives"]),
div.shadow-panel:has([data-card-id="kpi_tables"]) {
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
  border-radius: 0 !important;
}

/* ==================================================================
   Web Awesome - Reset Avo/Tailwind Forms styles
   Avo's base CSS (avo.base.css:4230) applies border to native inputs
   We need higher specificity to override
   ================================================================== */

wa-input[type],
wa-input:not([type]),
wa-textarea,
wa-select,
wa-combobox {
  border-width: 0 !important;
}

/* ==================================================================
   Web Awesome wa-details - Flat table row style
   Remove rounded corners and borders when used in table/list contexts
   ================================================================== */

/* Flat style for wa-details in divided lists */

.divide-y wa-details,
wa-details.table-row {
  --border-radius: 0;
  --border-width: 0;
  border-radius: 0 !important;
}

/* Remove the default wa-details border and shadow */

.divide-y wa-details::part(base),
wa-details.table-row::part(base) {
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

/* Style the summary part to look like a table row */

.divide-y wa-details::part(summary),
wa-details.table-row::part(summary) {
  border-radius: 0 !important;
  padding: 0 !important;
}

/* Remove default summary icon styling that adds extra space */

.divide-y wa-details::part(summary-icon),
wa-details.table-row::part(summary-icon) {
  display: none;
}

/* ==================================================================
   StellaWa Sortable Tables - Override default sortable.scss
   Use cleaner styling for our component library tables
   ================================================================== */

table.sortable.stella-wa-table {
  /* Reset the heavy border styling from sortable.scss */
  td,
  th {
    border: none !important;
  }
  thead th{
    font-size:0.75rem;
    line-height:1rem
  }
  thead th{
    font-weight:600
  }
  thead th{
    text-transform:uppercase
  }
  thead th{
    letter-spacing:0.025em
  }
  thead th{
    --tw-text-opacity:1;
    color:rgb(75 85 99 / var(--tw-text-opacity, 1))
  }
  thead th{
    border-bottom-width:1px
  }
  thead th{
    --tw-border-opacity:1;
    border-color:rgb(229 231 235 / var(--tw-border-opacity, 1))
  }
  thead th {
    border-left: none !important;
    border-right: none !important;
    border-top: none !important;
  }
  /* Sortable header cursor */
  thead th[data-sort-method]:not([data-sort-method="none"]){
    cursor:pointer
  }
  thead th[data-sort-method]:not([data-sort-method="none"]) {
    &:hover{
      --tw-bg-opacity:1;
      background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))
    }
  }
  /* Sort indicator */
  thead th[aria-sort="ascending"]::after {
    content: " ↑";
  }
  thead th[aria-sort="ascending"]::after{
    --tw-text-opacity:1;
    color:rgb(28 100 242 / var(--tw-text-opacity, 1))
  }
  thead th[aria-sort="descending"]::after {
    content: " ↓";
  }
  thead th[aria-sort="descending"]::after{
    --tw-text-opacity:1;
    color:rgb(28 100 242 / var(--tw-text-opacity, 1))
  }
  /* Footer rows - no bottom border on last row */
  tfoot tr:last-child td {
    border-bottom: none !important;
  }
  /* Column borders variant — thin vertical dividers between columns */
  &.column-borders {
    td + td,
    th + th {
      border-left: 1px solid #e5e7eb !important;
      /* gray-200 */
    }
  }
}

/* ==================================================================
   Avo Filter Panel - Unified Input Group Pattern
   [Label Prefix] | [Input]
   ================================================================== */

/* Filter cell container */

.filter-cell {
  overflow: visible !important;
  padding: 0 !important;
  display: flex !important;
  align-items: stretch !important;
  border: 1px solid #d1d5db !important;
  border-radius: 4px !important;
  background: white !important;
}

/* Flex row containers (controller + inner wrapper) */

.filter-cell > div,
.filter-cell > div > div {
  flex: 1 !important;
  display: flex !important;
  align-items: stretch !important;
  min-width: 0 !important;
}

/* Label prefix - fixed 80px */

.filter-cell > div > div > .p-4.pb-0 {
  flex: 0 0 80px !important;
  width: 80px !important;
  background: #f3f4f6 !important;
  padding: 4px 6px !important;
  display: flex !important;
  align-items: center !important;
  font-size: 0.65rem !important;
  font-weight: 600 !important;
  color: #374151 !important;
  border-right: 1px solid #d1d5db !important;
  line-height: 1.15 !important;
  word-break: break-word !important;
  margin: 0 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.02em !important;
}

/* Input area - grows to fill */

.filter-cell > div > div > .p-4:not(.pb-0) {
  flex: 1 !important;
  padding: 0 !important;
  display: flex !important;
  align-items: stretch !important;
  min-width: 0 !important;
  margin: 0 !important;
  background: white !important;
}

/* Hide "Filter by" buttons (unified Apply/Reset at bottom instead) */

.filter-cell .flex.justify-end {
  display: none !important;
}

/* Tom Select dropdown z-index */

.ts-dropdown {
  z-index: 99999 !important;
  position: absolute !important;
}

/* ===== StellaWa slicer combobox (filter-card sub-tab row) =====
   Mirrors the table footer search input exactly so both read as the same
   family of control:
     text-sm + border border-gray-300 + rounded + px-2.5 + h-9 + w-44
     focus:outline-none focus:ring-1 focus:ring-blue-400
   Tom Select provides the search/filter behaviour underneath. */

.sw-combobox.ts-wrapper {
  min-width: 11rem;
  /* w-44 */
  max-width: 15rem;
}

.sw-combobox .ts-control {
  height: 2.25rem;
  /* h-9 — matches footer search */
  padding: 0 2rem 0 0.625rem;
  /* room for clear-btn on right */
  font-size: 0.875rem;
  /* text-sm */
  line-height: 1.25rem;
  font-weight: 400;
  color: #111827;
  /* gray-900 */
  background: #ffffff;
  border: 1px solid #d1d5db;
  /* border-gray-300 */
  border-radius: 0.25rem;
  /* rounded */
  box-shadow: none;
  transition: box-shadow 0.15s, border-color 0.15s;
  cursor: text;
}

.sw-combobox .ts-control:hover {
  border-color: #9ca3af;
  /* gray-400 */
}

/* MatrixTable visual lanes: keep group tint and specialist lift visible even
   when legacy table css applies broad background rules with equal specificity. */

.en-table thead tr th.en-matrix-group-plain,
.en-table thead tr th.en-matrix-group-blue,
.en-table thead tr th.en-matrix-group-green,
.en-table thead tr th.en-matrix-group-violet,
.en-table thead tr th.en-matrix-group-amber,
.en-table thead tr th.en-matrix-group-warn,
.en-table thead tr th.en-matrix-raised-head,
.en-table tbody tr td.en-matrix-raised-body {
  background-clip: padding-box;
}

.en-table thead tr th.en-matrix-group-plain {
  background-color: #fbfcfd !important;
}

.en-table thead tr th.en-matrix-group-blue {
  background-color: #f0f7fc !important;
  color: #1e5a8a !important;
}

.en-table thead tr th.en-matrix-group-green {
  background-color: #eaf7e0 !important;
  color: #3f7f16 !important;
}

.en-table thead tr th.en-matrix-group-violet {
  background-color: #ede9fe !important;
  color: #6d28d9 !important;
}

.en-table thead tr th.en-matrix-group-amber {
  background-color: #fef3c7 !important;
  color: #92400e !important;
}

.en-table thead tr th.en-matrix-group-warn {
  background-color: #fef3c7 !important;
  color: #92400e !important;
}

.en-table.en-matrix-table {
  border-collapse: separate !important;
  border-spacing: 0 !important;
}

.en-table thead tr th.en-matrix-raised-head {
  background-color: #ffffff !important;
  box-shadow: none !important;
}

.en-table tbody tr td.en-matrix-raised-body {
  box-shadow: none !important;
}

.en-table thead tr th.en-matrix-raised-edge-head {
  box-shadow: 10px 0 16px -12px rgba(17, 24, 39, 0.22) !important;
}

.en-table tbody tr td.en-matrix-raised-edge-body {
  box-shadow: 10px 0 16px -12px rgba(17, 24, 39, 0.16) !important;
}

.sw-combobox.focus .ts-control,
.sw-combobox .ts-control:focus-within {
  outline: none;
  border-color: #60a5fa;
  /* blue-400 */
  box-shadow: 0 0 0 1px #60a5fa;
}

.sw-combobox .ts-control > input {
  font-size: 0.875rem !important;
  line-height: 1.25rem !important;
  min-width: 0 !important;
  color: #111827;
}

.sw-combobox .ts-control > input::-moz-placeholder {
  color: #9ca3af;
  /* placeholder-gray-400 */
}

.sw-combobox .ts-control > input::placeholder {
  color: #9ca3af;
  /* placeholder-gray-400 */
}

.sw-combobox .ts-control > .item {
  font-size: 0.875rem;
  line-height: 1.25rem;
  padding: 0;
  background: transparent;
  border: 0;
  color: #111827;
}

/* Clear (x) button — subtle, matches input field */

.sw-combobox .clear-button {
  right: 8px !important;
  color: #9ca3af !important;
}

.sw-combobox .clear-button:hover {
  color: #ef4444 !important;
  /* red-500 */
}

/* Dropdown list — clean, like a native popover */

.sw-combobox + .ts-dropdown,
.ts-dropdown.sw-combobox {
  font-size: 0.875rem;
  border-radius: 0.375rem;
  border: 1px solid #d1d5db;
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.08),
              0 4px 6px -4px rgba(0, 0, 0, 0.06);
  margin-top: 2px;
}

.sw-combobox + .ts-dropdown .option {
  padding: 8px 12px;
  color: #374151;
}

.sw-combobox + .ts-dropdown .option.active,
.sw-combobox + .ts-dropdown .active {
  background: #eff6ff;
  /* blue-50 */
  color: #1e40af;
  /* blue-800 */
}

/* ===== BORDERLESS INPUTS (DRY: common reset for all input types) ===== */

.filter-cell .ts-wrapper,
.filter-cell .ts-wrapper[class*="border"],
.filter-cell .ts-wrapper[class*="rounded"],
.filter-cell .ts-wrapper[class*="py-"],
.filter-cell .ts-wrapper[class*="px-"],
.filter-cell .ts-control,
.filter-cell select:not(.tomselected),
.filter-cell input[type="text"],
.filter-cell input[type="search"] {
  border: none !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* Focus states - no outline/shadow on individual inputs */

.filter-cell .ts-control:focus-within,
.filter-cell select:not(.tomselected):focus,
.filter-cell input[type="text"]:focus,
.filter-cell input[type="search"]:focus {
  outline: none !important;
  box-shadow: none !important;
}

/* Focus ring on the unified container instead */

.filter-cell:focus-within {
  border-color: #3b82f6 !important;
  box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.2) !important;
}

/* Tom Select wrapper - fill space */

.filter-cell .ts-wrapper {
  width: 100% !important;
  flex: 1 !important;
  min-width: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  border-width: 0 !important;
}

/* Tom Select control */

.filter-cell .ts-control {
  min-height: 28px !important;
  padding: 4px 8px !important;
  padding-right: 28px !important;
  font-size: 0.8rem !important;
  position: relative !important;
}

/* Tom Select clear button */

.filter-cell .ts-control .clear-button {
  position: absolute !important;
  right: 6px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 18px !important;
  height: 18px !important;
  font-size: 14px !important;
  font-weight: bold !important;
  line-height: 16px !important;
  text-align: center !important;
  color: #9ca3af !important;
  cursor: pointer !important;
  border-radius: 3px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: all 0.15s ease !important;
}

.filter-cell .ts-control .clear-button:hover {
  background: #fee2e2 !important;
  color: #dc2626 !important;
}

/* Native selects */

.filter-cell select:not(.tomselected) {
  width: 100% !important;
  flex: 1 !important;
  padding: 4px 8px !important;
  font-size: 0.8rem !important;
  min-height: 28px !important;
  cursor: pointer !important;
}

/* Hidden tomselected selects */

.filter-cell select.tomselected,
.filter-cell select.ts-hidden-accessible {
  position: absolute !important;
  left: -9999px !important;
  width: 1px !important;
  height: 1px !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* Text inputs */

.filter-cell input[type="text"],
.filter-cell input[type="search"] {
  flex: 1 !important;
  min-width: 0 !important;
  padding: 4px 8px !important;
  font-size: 0.8rem !important;
  min-height: 28px !important;
}

/* Compact Include/Exclude toggle buttons */

.filter-cell .inline-flex {
  gap: 0 !important;
  flex-shrink: 0 !important;
  border-right: 1px solid #e5e7eb !important;
  margin-right: 2px !important;
  padding-right: 2px !important;
}

.filter-cell .inline-flex button,
.filter-cell .inline-flex a {
  padding: 1px 4px !important;
  font-size: 0.6rem !important;
  border-radius: 2px !important;
  min-height: 18px !important;
  line-height: 1 !important;
}

.filter-cell .inline-flex button[class*="bg-primary"] {
  font-weight: 600 !important;
}

/* Column-hover highlight for StellaWa server tables.
   Uses :has() to light up the hovered column across thead + tbody; the
   semi-transparent yellow layers on top of row hover (`bg-yellow-200`) so
   the intersection cell stays most prominent.
   Plain CSS (not SCSS @for) — Tailwind CLI doesn't expand SCSS loops. */

.server-table-grid:has(tbody td:nth-child(1):hover) thead tr > :nth-child(1),
.server-table-grid:has(tbody td:nth-child(1):hover) tbody tr > :nth-child(1),
.server-table-grid:has(tbody td:nth-child(2):hover) thead tr > :nth-child(2),
.server-table-grid:has(tbody td:nth-child(2):hover) tbody tr > :nth-child(2),
.server-table-grid:has(tbody td:nth-child(3):hover) thead tr > :nth-child(3),
.server-table-grid:has(tbody td:nth-child(3):hover) tbody tr > :nth-child(3),
.server-table-grid:has(tbody td:nth-child(4):hover) thead tr > :nth-child(4),
.server-table-grid:has(tbody td:nth-child(4):hover) tbody tr > :nth-child(4),
.server-table-grid:has(tbody td:nth-child(5):hover) thead tr > :nth-child(5),
.server-table-grid:has(tbody td:nth-child(5):hover) tbody tr > :nth-child(5),
.server-table-grid:has(tbody td:nth-child(6):hover) thead tr > :nth-child(6),
.server-table-grid:has(tbody td:nth-child(6):hover) tbody tr > :nth-child(6),
.server-table-grid:has(tbody td:nth-child(7):hover) thead tr > :nth-child(7),
.server-table-grid:has(tbody td:nth-child(7):hover) tbody tr > :nth-child(7),
.server-table-grid:has(tbody td:nth-child(8):hover) thead tr > :nth-child(8),
.server-table-grid:has(tbody td:nth-child(8):hover) tbody tr > :nth-child(8),
.server-table-grid:has(tbody td:nth-child(9):hover) thead tr > :nth-child(9),
.server-table-grid:has(tbody td:nth-child(9):hover) tbody tr > :nth-child(9),
.server-table-grid:has(tbody td:nth-child(10):hover) thead tr > :nth-child(10),
.server-table-grid:has(tbody td:nth-child(10):hover) tbody tr > :nth-child(10),
.server-table-grid:has(tbody td:nth-child(11):hover) thead tr > :nth-child(11),
.server-table-grid:has(tbody td:nth-child(11):hover) tbody tr > :nth-child(11),
.server-table-grid:has(tbody td:nth-child(12):hover) thead tr > :nth-child(12),
.server-table-grid:has(tbody td:nth-child(12):hover) tbody tr > :nth-child(12),
.server-table-grid:has(tbody td:nth-child(13):hover) thead tr > :nth-child(13),
.server-table-grid:has(tbody td:nth-child(13):hover) tbody tr > :nth-child(13),
.server-table-grid:has(tbody td:nth-child(14):hover) thead tr > :nth-child(14),
.server-table-grid:has(tbody td:nth-child(14):hover) tbody tr > :nth-child(14),
.server-table-grid:has(tbody td:nth-child(15):hover) thead tr > :nth-child(15),
.server-table-grid:has(tbody td:nth-child(15):hover) tbody tr > :nth-child(15),
.server-table-grid:has(tbody td:nth-child(16):hover) thead tr > :nth-child(16),
.server-table-grid:has(tbody td:nth-child(16):hover) tbody tr > :nth-child(16),
.server-table-grid:has(tbody td:nth-child(17):hover) thead tr > :nth-child(17),
.server-table-grid:has(tbody td:nth-child(17):hover) tbody tr > :nth-child(17),
.server-table-grid:has(tbody td:nth-child(18):hover) thead tr > :nth-child(18),
.server-table-grid:has(tbody td:nth-child(18):hover) tbody tr > :nth-child(18),
.server-table-grid:has(tbody td:nth-child(19):hover) thead tr > :nth-child(19),
.server-table-grid:has(tbody td:nth-child(19):hover) tbody tr > :nth-child(19),
.server-table-grid:has(tbody td:nth-child(20):hover) thead tr > :nth-child(20),
.server-table-grid:has(tbody td:nth-child(20):hover) tbody tr > :nth-child(20) {
  background-color: rgb(254 240 138 / 0.4);
}

/* Hide native <details>/<summary> disclosure marker on buttons styled with .no-marker */

summary.no-marker {
  list-style: none;
}

summary.no-marker::-webkit-details-marker {
  display: none;
}

summary.no-marker::marker {
  display: none;
}

/* ── Admin sidebar / main offset ─────────────────────────────────────
   Default state is set by plain CSS so the page paints in its final
   layout on the first frame (no slide-in animation on every page load).

   * Mobile (< md):   sidebar off-canvas, main full width.
   * Desktop (>= md): sidebar visible, main offset by 16rem.
   * `html.sidebar-hidden` (set by inline <head> script from localStorage
                            BEFORE first paint) hides the sidebar on
                            desktop too — for users who toggled it closed.

   The sidebar-collapse Stimulus controller toggles `html.sidebar-hidden`
   on hamburger click and persists the preference. Because the inline
   <head> script runs before stylesheets apply, there's no flash. */

.admin-sidebar {
  transform: translateX(-100%);
}

@media (min-width: 768px) {
  .admin-sidebar {
    transform: translateX(0);
  }

  #admin-main    {
    margin-left: 16rem;
  }

  html.sidebar-hidden .admin-sidebar {
    transform: translateX(-100%);
  }

  html.sidebar-hidden #admin-main    {
    margin-left: 0;
  }
}

/* Mobile drawer-open state: html.sidebar-open shown when the user taps
   the hamburger on mobile. */

@media (max-width: 767px) {
  html.sidebar-open .admin-sidebar          {
    transform: translateX(0);
  }

  html.sidebar-open .admin-sidebar-backdrop {
    display: block;
  }
}

/* ── Responsive collapse for admin dashboards ───────────────────────
   Most analytics panels were laid out with fixed grid-cols-{2..6} and
   matching col-span-{N}. On a phone — and on iPads with the sidebar
   open (sidebar = 16rem, leaving ~512px of content at 768px) — that
   gives the screenshot problem: 6 numeric tiles crammed into a narrow
   column with overlapping text.

   Below `lg` (<1024px) we collapse multi-col grids inside #admin-main
   to a single column. At lg+ the original desktop layout takes over.

   Tailwind's responsive prefixes (`md:grid-cols-3`) compile to media
   queries that are inactive at smaller widths, so already-responsive
   components are unaffected — the `grid-cols-1` they ALSO declare wins. */

@media (max-width: 1023px) {
  #admin-main {
    /* Inner tile grids carry .stella-tile-grid and opt out of the
       collapse — they're sized for 2-up at any width. */
    .grid-cols-2:not(.stella-tile-grid),
    .grid-cols-3:not(.stella-tile-grid),
    .grid-cols-4:not(.stella-tile-grid),
    .grid-cols-5:not(.stella-tile-grid),
    .grid-cols-6:not(.stella-tile-grid) {
      grid-template-columns: minmax(0, 1fr) !important;
    }
    .col-span-2,
    .col-span-3,
    .col-span-4,
    .col-span-5,
    .col-span-6 {
      grid-column: span 1 / span 1 !important;
    }
    /* StellaWa tables (MetricTrendTable, ServerTable) already wrap
       their <table> in a .overflow-x-auto scroll div with
       min-width: max-content on the table — that's the right behavior.
       The breakage on phones is that the <wa-card> custom element +
       its parent grid item don't propagate min-width:0, so the
       max-content table pushes the whole stack wider than the
       viewport instead of triggering the wrapper's overflow.

       Force every ancestor in the card chain to allow shrinking. */
    .col-span-1,
    .col-span-2,
    .col-span-3,
    .col-span-4,
    .col-span-5,
    .col-span-6,
    .stella-card,
    [class*="rounded-md"][class*="bg-white"],
    [class*="rounded-lg"][class*="bg-white"] {
      min-width: 0;
      max-width: 100%;
    }
    /* wa-card is a custom element. Force it to behave like a normal
       block, clip horizontally at its border, and not let its children
       grow past it. The .overflow-x-auto wrapper inside MetricTrendTable
       takes over for actual horizontal scroll on the table. */
    wa-card {
      display: block;
      min-width: 0;
      max-width: 100%;
      overflow-x: hidden;
    }
    /* The scroll wrapper itself must declare width:100% explicitly —
       otherwise it inherits its content's intrinsic width (max-content
       table) and never triggers overflow. */
    .overflow-x-auto {
      width: 100%;
      max-width: 100%;
    }
  }
}

.marker\:hidden *::marker{
  display:none
}

.marker\:hidden::marker{
  display:none
}

.file\:mr-3::file-selector-button{
  margin-right:0.75rem
}

.file\:rounded::file-selector-button{
  border-radius:0.25rem
}

.file\:border::file-selector-button{
  border-width:1px
}

.file\:border-slate-300::file-selector-button{
  --tw-border-opacity:1;
  border-color:rgb(203 213 225 / var(--tw-border-opacity, 1))
}

.file\:bg-white::file-selector-button{
  --tw-bg-opacity:1;
  background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))
}

.file\:px-3::file-selector-button{
  padding-left:0.75rem;
  padding-right:0.75rem
}

.file\:py-1\.5::file-selector-button{
  padding-top:0.375rem;
  padding-bottom:0.375rem
}

.file\:text-xs::file-selector-button{
  font-size:0.75rem;
  line-height:1rem
}

.file\:font-medium::file-selector-button{
  font-weight:500
}

.file\:transition-colors::file-selector-button{
  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
}

.placeholder\:text-ink-ghost::-moz-placeholder{
  --tw-text-opacity:1;
  color:rgb(156 163 175 / var(--tw-text-opacity, 1))
}

.placeholder\:text-ink-ghost::placeholder{
  --tw-text-opacity:1;
  color:rgb(156 163 175 / var(--tw-text-opacity, 1))
}

.placeholder\:text-muted-foreground::-moz-placeholder{
  --tw-text-opacity:1;
  color:rgb(107 114 128 / var(--tw-text-opacity, 1))
}

.placeholder\:text-muted-foreground::placeholder{
  --tw-text-opacity:1;
  color:rgb(107 114 128 / var(--tw-text-opacity, 1))
}

.before\:px-2::before{
  content:var(--tw-content);
  padding-left:0.5rem;
  padding-right:0.5rem
}

.before\:py-1\.5::before{
  content:var(--tw-content);
  padding-top:0.375rem;
  padding-bottom:0.375rem
}

.before\:text-xs::before{
  content:var(--tw-content);
  font-size:0.75rem;
  line-height:1rem
}

.before\:font-medium::before{
  content:var(--tw-content);
  font-weight:500
}

.before\:not-italic::before{
  content:var(--tw-content);
  font-style:normal
}

.before\:text-muted-foreground::before{
  content:var(--tw-content);
  --tw-text-opacity:1;
  color:rgb(107 114 128 / var(--tw-text-opacity, 1))
}

.before\:content-\[attr\(label\)\]::before{
  --tw-content:attr(label);
  content:var(--tw-content)
}

.first\:ml-0:first-child{
  margin-left:0px
}

.first\:mt-2:first-child{
  margin-top:0.5rem
}

.first\:border-t-0:first-child{
  border-top-width:0px
}

.first\:pt-0:first-child{
  padding-top:0px
}

.last\:mb-0:last-child{
  margin-bottom:0px
}

.last\:border-0:last-child{
  border-width:0px
}

.last\:border-b-0:last-child{
  border-bottom-width:0px
}

.last\:border-r-0:last-child{
  border-right-width:0px
}

.checked\:bg-primary:checked{
  --tw-bg-opacity:1;
  background-color:rgb(30 90 138 / var(--tw-bg-opacity, 1))
}

.checked\:text-primary-foreground:checked{
  --tw-text-opacity:1;
  color:rgb(255 255 255 / var(--tw-text-opacity, 1))
}

.read-only\:bg-surface-sunken:-moz-read-only{
  --tw-bg-opacity:1;
  background-color:rgb(251 252 253 / var(--tw-bg-opacity, 1))
}

.read-only\:bg-surface-sunken:read-only{
  --tw-bg-opacity:1;
  background-color:rgb(251 252 253 / var(--tw-bg-opacity, 1))
}

.read-only\:text-ink-muted:-moz-read-only{
  --tw-text-opacity:1;
  color:rgb(75 85 99 / var(--tw-text-opacity, 1))
}

.read-only\:text-ink-muted:read-only{
  --tw-text-opacity:1;
  color:rgb(75 85 99 / var(--tw-text-opacity, 1))
}

.empty\:hidden:empty{
  display:none
}

.focus-within\:border-bad-500:focus-within{
  --tw-border-opacity:1;
  border-color:rgb(220 38 38 / var(--tw-border-opacity, 1))
}

.focus-within\:border-brand-400:focus-within{
  --tw-border-opacity:1;
  border-color:rgb(108 172 228 / var(--tw-border-opacity, 1))
}

.focus-within\:ring:focus-within{
  --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(3px + 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-within\:ring-1:focus-within{
  --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-within\:ring-2:focus-within{
  --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(2px + 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-within\:ring-bad-100:focus-within{
  --tw-ring-opacity:1;
  --tw-ring-color:rgb(254 202 202 / var(--tw-ring-opacity, 1))
}

.focus-within\:ring-brand-100:focus-within{
  --tw-ring-opacity:1;
  --tw-ring-color:rgb(227 238 247 / var(--tw-ring-opacity, 1))
}

.focus-within\:ring-brand-300:focus-within{
  --tw-ring-opacity:1;
  --tw-ring-color:rgb(156 197 226 / var(--tw-ring-opacity, 1))
}

.hover\:z-50:hover{
  z-index:50
}

.hover\:border-bad-500:hover{
  --tw-border-opacity:1;
  border-color:rgb(220 38 38 / var(--tw-border-opacity, 1))
}

.hover\:border-bad-600:hover{
  --tw-border-opacity:1;
  border-color:rgb(200 30 30 / var(--tw-border-opacity, 1))
}

.hover\:border-blue-300:hover{
  --tw-border-opacity:1;
  border-color:rgb(164 202 254 / var(--tw-border-opacity, 1))
}

.hover\:border-blue-400:hover{
  --tw-border-opacity:1;
  border-color:rgb(118 169 250 / var(--tw-border-opacity, 1))
}

.hover\:border-brand-300:hover{
  --tw-border-opacity:1;
  border-color:rgb(156 197 226 / var(--tw-border-opacity, 1))
}

.hover\:border-gray-300:hover{
  --tw-border-opacity:1;
  border-color:rgb(209 213 219 / var(--tw-border-opacity, 1))
}

.hover\:border-gray-400:hover{
  --tw-border-opacity:1;
  border-color:rgb(156 163 175 / var(--tw-border-opacity, 1))
}

.hover\:border-indigo-400:hover{
  --tw-border-opacity:1;
  border-color:rgb(141 162 251 / var(--tw-border-opacity, 1))
}

.hover\:border-neutral-300:hover{
  --tw-border-opacity:1;
  border-color:rgb(212 212 212 / var(--tw-border-opacity, 1))
}

.hover\:border-neutral-400:hover{
  --tw-border-opacity:1;
  border-color:rgb(163 163 163 / var(--tw-border-opacity, 1))
}

.hover\:border-red-300:hover{
  --tw-border-opacity:1;
  border-color:rgb(248 180 180 / var(--tw-border-opacity, 1))
}

.hover\:border-slate-400:hover{
  --tw-border-opacity:1;
  border-color:rgb(148 163 184 / var(--tw-border-opacity, 1))
}

.hover\:\!bg-brand-700:hover{
  --tw-bg-opacity:1 !important;
  background-color:rgb(23 72 105 / var(--tw-bg-opacity, 1)) !important
}

.hover\:bg-\[\#184c75\]:hover{
  --tw-bg-opacity:1;
  background-color:rgb(24 76 117 / var(--tw-bg-opacity, 1))
}

.hover\:bg-\[\#1a4f7a\]:hover{
  --tw-bg-opacity:1;
  background-color:rgb(26 79 122 / var(--tw-bg-opacity, 1))
}

.hover\:bg-\[\#1e5a8a\]:hover{
  --tw-bg-opacity:1;
  background-color:rgb(30 90 138 / var(--tw-bg-opacity, 1))
}

.hover\:bg-accent:hover{
  --tw-bg-opacity:1;
  background-color:rgb(240 247 252 / var(--tw-bg-opacity, 1))
}

.hover\:bg-amber-100:hover{
  --tw-bg-opacity:1;
  background-color:rgb(254 243 199 / var(--tw-bg-opacity, 1))
}

.hover\:bg-amber-100\/40:hover{
  background-color:rgb(254 243 199 / 0.4)
}

.hover\:bg-amber-50:hover{
  --tw-bg-opacity:1;
  background-color:rgb(255 251 235 / var(--tw-bg-opacity, 1))
}

.hover\:bg-bad-100\/40:hover{
  background-color:rgb(254 202 202 / 0.4)
}

.hover\:bg-bad-50:hover{
  --tw-bg-opacity:1;
  background-color:rgb(254 226 226 / var(--tw-bg-opacity, 1))
}

.hover\:bg-bad-600:hover{
  --tw-bg-opacity:1;
  background-color:rgb(200 30 30 / var(--tw-bg-opacity, 1))
}

.hover\:bg-blue-100:hover{
  --tw-bg-opacity:1;
  background-color:rgb(219 234 254 / var(--tw-bg-opacity, 1))
}

.hover\:bg-blue-200:hover{
  --tw-bg-opacity:1;
  background-color:rgb(191 219 254 / var(--tw-bg-opacity, 1))
}

.hover\:bg-blue-50:hover{
  --tw-bg-opacity:1;
  background-color:rgb(235 245 255 / var(--tw-bg-opacity, 1))
}

.hover\:bg-blue-50\/30:hover{
  background-color:rgb(235 245 255 / 0.3)
}

.hover\:bg-blue-50\/40:hover{
  background-color:rgb(235 245 255 / 0.4)
}

.hover\:bg-blue-50\/60:hover{
  background-color:rgb(235 245 255 / 0.6)
}

.hover\:bg-blue-600:hover{
  --tw-bg-opacity:1;
  background-color:rgb(28 100 242 / var(--tw-bg-opacity, 1))
}

.hover\:bg-blue-700:hover{
  --tw-bg-opacity:1;
  background-color:rgb(26 86 219 / var(--tw-bg-opacity, 1))
}

.hover\:bg-blue-800:hover{
  --tw-bg-opacity:1;
  background-color:rgb(30 66 159 / var(--tw-bg-opacity, 1))
}

.hover\:bg-brand-100:hover{
  --tw-bg-opacity:1;
  background-color:rgb(227 238 247 / var(--tw-bg-opacity, 1))
}

.hover\:bg-brand-100\/40:hover{
  background-color:rgb(227 238 247 / 0.4)
}

.hover\:bg-brand-50:hover{
  --tw-bg-opacity:1;
  background-color:rgb(240 247 252 / var(--tw-bg-opacity, 1))
}

.hover\:bg-brand-700:hover{
  --tw-bg-opacity:1;
  background-color:rgb(23 72 105 / var(--tw-bg-opacity, 1))
}

.hover\:bg-emerald-100:hover{
  --tw-bg-opacity:1;
  background-color:rgb(209 250 229 / var(--tw-bg-opacity, 1))
}

.hover\:bg-emerald-100\/40:hover{
  background-color:rgb(209 250 229 / 0.4)
}

.hover\:bg-emerald-400:hover{
  --tw-bg-opacity:1;
  background-color:rgb(52 211 153 / var(--tw-bg-opacity, 1))
}

.hover\:bg-emerald-50:hover{
  --tw-bg-opacity:1;
  background-color:rgb(236 253 245 / var(--tw-bg-opacity, 1))
}

.hover\:bg-emerald-700:hover{
  --tw-bg-opacity:1;
  background-color:rgb(4 120 87 / var(--tw-bg-opacity, 1))
}

.hover\:bg-fuchsia-100\/40:hover{
  background-color:rgb(250 232 255 / 0.4)
}

.hover\:bg-good-100\/40:hover{
  background-color:rgb(214 239 196 / 0.4)
}

.hover\:bg-good-50:hover{
  --tw-bg-opacity:1;
  background-color:rgb(234 247 224 / var(--tw-bg-opacity, 1))
}

.hover\:bg-gray-100:hover{
  --tw-bg-opacity:1;
  background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))
}

.hover\:bg-gray-50:hover{
  --tw-bg-opacity:1;
  background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))
}

.hover\:bg-gray-800:hover{
  --tw-bg-opacity:1;
  background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1))
}

.hover\:bg-green-50:hover{
  --tw-bg-opacity:1;
  background-color:rgb(243 250 247 / var(--tw-bg-opacity, 1))
}

.hover\:bg-indigo-100\/40:hover{
  background-color:rgb(229 237 255 / 0.4)
}

.hover\:bg-indigo-50:hover{
  --tw-bg-opacity:1;
  background-color:rgb(240 245 255 / var(--tw-bg-opacity, 1))
}

.hover\:bg-neutral-100:hover{
  --tw-bg-opacity:1;
  background-color:rgb(245 245 245 / var(--tw-bg-opacity, 1))
}

.hover\:bg-neutral-200:hover{
  --tw-bg-opacity:1;
  background-color:rgb(229 229 229 / var(--tw-bg-opacity, 1))
}

.hover\:bg-neutral-50:hover{
  --tw-bg-opacity:1;
  background-color:rgb(250 250 250 / var(--tw-bg-opacity, 1))
}

.hover\:bg-neutral-800:hover{
  --tw-bg-opacity:1;
  background-color:rgb(38 38 38 / var(--tw-bg-opacity, 1))
}

.hover\:bg-orange-100\/40:hover{
  background-color:rgb(254 236 220 / 0.4)
}

.hover\:bg-orange-50:hover{
  --tw-bg-opacity:1;
  background-color:rgb(255 248 241 / var(--tw-bg-opacity, 1))
}

.hover\:bg-purple-100\/40:hover{
  background-color:rgb(237 235 254 / 0.4)
}

.hover\:bg-red-100:hover{
  --tw-bg-opacity:1;
  background-color:rgb(253 232 232 / var(--tw-bg-opacity, 1))
}

.hover\:bg-red-400:hover{
  --tw-bg-opacity:1;
  background-color:rgb(249 128 128 / var(--tw-bg-opacity, 1))
}

.hover\:bg-red-50:hover{
  --tw-bg-opacity:1;
  background-color:rgb(253 242 242 / var(--tw-bg-opacity, 1))
}

.hover\:bg-red-600:hover{
  --tw-bg-opacity:1;
  background-color:rgb(224 36 36 / var(--tw-bg-opacity, 1))
}

.hover\:bg-red-700:hover{
  --tw-bg-opacity:1;
  background-color:rgb(200 30 30 / var(--tw-bg-opacity, 1))
}

.hover\:bg-rose-700:hover{
  --tw-bg-opacity:1;
  background-color:rgb(190 18 60 / var(--tw-bg-opacity, 1))
}

.hover\:bg-sky-100\/40:hover{
  background-color:rgb(224 242 254 / 0.4)
}

.hover\:bg-slate-100:hover{
  --tw-bg-opacity:1;
  background-color:rgb(241 245 249 / var(--tw-bg-opacity, 1))
}

.hover\:bg-slate-100\/80:hover{
  background-color:rgb(241 245 249 / 0.8)
}

.hover\:bg-slate-200:hover{
  --tw-bg-opacity:1;
  background-color:rgb(226 232 240 / var(--tw-bg-opacity, 1))
}

.hover\:bg-slate-300:hover{
  --tw-bg-opacity:1;
  background-color:rgb(203 213 225 / var(--tw-bg-opacity, 1))
}

.hover\:bg-slate-50:hover{
  --tw-bg-opacity:1;
  background-color:rgb(248 250 252 / var(--tw-bg-opacity, 1))
}

.hover\:bg-surface:hover{
  --tw-bg-opacity:1;
  background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))
}

.hover\:bg-surface-page:hover{
  --tw-bg-opacity:1;
  background-color:rgb(238 241 244 / var(--tw-bg-opacity, 1))
}

.hover\:bg-surface-sunken:hover{
  --tw-bg-opacity:1;
  background-color:rgb(251 252 253 / var(--tw-bg-opacity, 1))
}

.hover\:bg-surface\/60:hover{
  background-color:rgb(255 255 255 / 0.6)
}

.hover\:bg-teal-100\/40:hover{
  background-color:rgb(213 245 246 / 0.4)
}

.hover\:bg-transparent:hover{
  background-color:transparent
}

.hover\:bg-violet-100:hover{
  --tw-bg-opacity:1;
  background-color:rgb(237 233 254 / var(--tw-bg-opacity, 1))
}

.hover\:bg-violet-50:hover{
  --tw-bg-opacity:1;
  background-color:rgb(245 243 255 / var(--tw-bg-opacity, 1))
}

.hover\:bg-white:hover{
  --tw-bg-opacity:1;
  background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))
}

.hover\:bg-white\/50:hover{
  background-color:rgb(255 255 255 / 0.5)
}

.hover\:bg-white\/60:hover{
  background-color:rgb(255 255 255 / 0.6)
}

.hover\:bg-white\/70:hover{
  background-color:rgb(255 255 255 / 0.7)
}

.hover\:bg-yellow-200:hover{
  --tw-bg-opacity:1;
  background-color:rgb(254 240 138 / var(--tw-bg-opacity, 1))
}

.hover\:bg-yellow-50:hover{
  --tw-bg-opacity:1;
  background-color:rgb(253 253 234 / var(--tw-bg-opacity, 1))
}

.hover\:text-\[\#1a4f7a\]:hover{
  --tw-text-opacity:1;
  color:rgb(26 79 122 / var(--tw-text-opacity, 1))
}

.hover\:text-accent-foreground:hover{
  --tw-text-opacity:1;
  color:rgb(30 90 138 / var(--tw-text-opacity, 1))
}

.hover\:text-amber-800:hover{
  --tw-text-opacity:1;
  color:rgb(146 64 14 / var(--tw-text-opacity, 1))
}

.hover\:text-bad-700:hover{
  --tw-text-opacity:1;
  color:rgb(185 28 28 / var(--tw-text-opacity, 1))
}

.hover\:text-blue-300:hover{
  --tw-text-opacity:1;
  color:rgb(164 202 254 / var(--tw-text-opacity, 1))
}

.hover\:text-blue-500:hover{
  --tw-text-opacity:1;
  color:rgb(63 131 248 / var(--tw-text-opacity, 1))
}

.hover\:text-blue-600:hover{
  --tw-text-opacity:1;
  color:rgb(28 100 242 / var(--tw-text-opacity, 1))
}

.hover\:text-blue-700:hover{
  --tw-text-opacity:1;
  color:rgb(26 86 219 / var(--tw-text-opacity, 1))
}

.hover\:text-blue-800:hover{
  --tw-text-opacity:1;
  color:rgb(30 66 159 / var(--tw-text-opacity, 1))
}

.hover\:text-brand-600:hover{
  --tw-text-opacity:1;
  color:rgb(30 90 138 / var(--tw-text-opacity, 1))
}

.hover\:text-brand-700:hover{
  --tw-text-opacity:1;
  color:rgb(23 72 105 / var(--tw-text-opacity, 1))
}

.hover\:text-brand-800:hover{
  --tw-text-opacity:1;
  color:rgb(18 58 84 / var(--tw-text-opacity, 1))
}

.hover\:text-brand-900:hover{
  --tw-text-opacity:1;
  color:rgb(13 42 61 / var(--tw-text-opacity, 1))
}

.hover\:text-emerald-600:hover{
  --tw-text-opacity:1;
  color:rgb(5 150 105 / var(--tw-text-opacity, 1))
}

.hover\:text-emerald-800:hover{
  --tw-text-opacity:1;
  color:rgb(6 95 70 / var(--tw-text-opacity, 1))
}

.hover\:text-good-600:hover{
  --tw-text-opacity:1;
  color:rgb(74 154 27 / var(--tw-text-opacity, 1))
}

.hover\:text-good-700:hover{
  --tw-text-opacity:1;
  color:rgb(63 127 22 / var(--tw-text-opacity, 1))
}

.hover\:text-gray-200:hover{
  --tw-text-opacity:1;
  color:rgb(229 231 235 / var(--tw-text-opacity, 1))
}

.hover\:text-gray-600:hover{
  --tw-text-opacity:1;
  color:rgb(75 85 99 / var(--tw-text-opacity, 1))
}

.hover\:text-gray-700:hover{
  --tw-text-opacity:1;
  color:rgb(55 65 81 / var(--tw-text-opacity, 1))
}

.hover\:text-gray-900:hover{
  --tw-text-opacity:1;
  color:rgb(17 24 39 / var(--tw-text-opacity, 1))
}

.hover\:text-green-600:hover{
  --tw-text-opacity:1;
  color:rgb(5 122 85 / var(--tw-text-opacity, 1))
}

.hover\:text-indigo-600:hover{
  --tw-text-opacity:1;
  color:rgb(88 80 236 / var(--tw-text-opacity, 1))
}

.hover\:text-indigo-700:hover{
  --tw-text-opacity:1;
  color:rgb(81 69 205 / var(--tw-text-opacity, 1))
}

.hover\:text-ink:hover{
  --tw-text-opacity:1;
  color:rgb(17 24 39 / var(--tw-text-opacity, 1))
}

.hover\:text-ink-ghost:hover{
  --tw-text-opacity:1;
  color:rgb(156 163 175 / var(--tw-text-opacity, 1))
}

.hover\:text-neutral-600:hover{
  --tw-text-opacity:1;
  color:rgb(82 82 82 / var(--tw-text-opacity, 1))
}

.hover\:text-neutral-900:hover{
  --tw-text-opacity:1;
  color:rgb(23 23 23 / var(--tw-text-opacity, 1))
}

.hover\:text-orange-500:hover{
  --tw-text-opacity:1;
  color:rgb(255 90 31 / var(--tw-text-opacity, 1))
}

.hover\:text-red-500:hover{
  --tw-text-opacity:1;
  color:rgb(240 82 82 / var(--tw-text-opacity, 1))
}

.hover\:text-red-600:hover{
  --tw-text-opacity:1;
  color:rgb(224 36 36 / var(--tw-text-opacity, 1))
}

.hover\:text-red-700:hover{
  --tw-text-opacity:1;
  color:rgb(200 30 30 / var(--tw-text-opacity, 1))
}

.hover\:text-rose-600:hover{
  --tw-text-opacity:1;
  color:rgb(225 29 72 / var(--tw-text-opacity, 1))
}

.hover\:text-slate-600:hover{
  --tw-text-opacity:1;
  color:rgb(71 85 105 / var(--tw-text-opacity, 1))
}

.hover\:text-slate-700:hover{
  --tw-text-opacity:1;
  color:rgb(51 65 85 / var(--tw-text-opacity, 1))
}

.hover\:text-slate-900:hover{
  --tw-text-opacity:1;
  color:rgb(15 23 42 / var(--tw-text-opacity, 1))
}

.hover\:text-violet-700:hover{
  --tw-text-opacity:1;
  color:rgb(109 40 217 / var(--tw-text-opacity, 1))
}

.hover\:text-white:hover{
  --tw-text-opacity:1;
  color:rgb(255 255 255 / var(--tw-text-opacity, 1))
}

.hover\:underline:hover{
  text-decoration-line:underline
}

.hover\:decoration-current:hover{
  text-decoration-color:currentColor
}

.hover\:decoration-solid:hover{
  text-decoration-style:solid
}

.hover\:accent-bad-600:hover{
  accent-color:#c81e1e
}

.hover\:accent-brand-700:hover{
  accent-color:#174869
}

.hover\:opacity-100:hover{
  opacity:1
}

.hover\:opacity-70:hover{
  opacity:0.7
}

.hover\:opacity-80:hover{
  opacity:0.8
}

.hover\:opacity-90:hover{
  opacity:0.9
}

.hover\:shadow-lg:hover{
  --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)
}

.hover\:shadow-md:hover{
  --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)
}

.hover\:shadow-rowbar:hover{
  --tw-shadow:inset 3px 0 0 #1e5a8a;
  --tw-shadow-colored:inset 3px 0 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\:ring-2:hover{
  --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(2px + 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)
}

.hover\:ring-offset-1:hover{
  --tw-ring-offset-width:1px
}

.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\:file\:bg-slate-50::file-selector-button:hover{
  --tw-bg-opacity:1;
  background-color:rgb(248 250 252 / var(--tw-bg-opacity, 1))
}

.read-only\:hover\:border-hairline:hover:-moz-read-only{
  --tw-border-opacity:1;
  border-color:rgb(229 231 235 / var(--tw-border-opacity, 1))
}

.read-only\:hover\:border-hairline:hover:read-only{
  --tw-border-opacity:1;
  border-color:rgb(229 231 235 / var(--tw-border-opacity, 1))
}

.focus\:border-bad-500:focus{
  --tw-border-opacity:1;
  border-color:rgb(220 38 38 / var(--tw-border-opacity, 1))
}

.focus\:border-blue-400:focus{
  --tw-border-opacity:1;
  border-color:rgb(118 169 250 / var(--tw-border-opacity, 1))
}

.focus\:border-blue-500:focus{
  --tw-border-opacity:1;
  border-color:rgb(63 131 248 / var(--tw-border-opacity, 1))
}

.focus\:border-brand-400:focus{
  --tw-border-opacity:1;
  border-color:rgb(108 172 228 / var(--tw-border-opacity, 1))
}

.focus\:border-neutral-500:focus{
  --tw-border-opacity:1;
  border-color:rgb(115 115 115 / var(--tw-border-opacity, 1))
}

.focus\:border-neutral-900:focus{
  --tw-border-opacity:1;
  border-color:rgb(23 23 23 / var(--tw-border-opacity, 1))
}

.focus\:border-transparent:focus{
  border-color:transparent
}

.focus\:bg-orange-50:focus{
  --tw-bg-opacity:1;
  background-color:rgb(255 248 241 / var(--tw-bg-opacity, 1))
}

.focus\:text-orange-500:focus{
  --tw-text-opacity:1;
  color:rgb(255 90 31 / var(--tw-text-opacity, 1))
}

.focus\:shadow-none: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)
}

.focus\:outline-none:focus{
  outline:2px solid transparent;
  outline-offset:2px
}

.focus\:ring: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(3px + 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-0: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(0px + 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-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-2: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(2px + 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-4: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(4px + 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-\[\#1e5a8a\]:focus{
  --tw-ring-opacity:1;
  --tw-ring-color:rgb(30 90 138 / var(--tw-ring-opacity, 1))
}

.focus\:ring-bad-100:focus{
  --tw-ring-opacity:1;
  --tw-ring-color:rgb(254 202 202 / var(--tw-ring-opacity, 1))
}

.focus\:ring-blue-100:focus{
  --tw-ring-opacity:1;
  --tw-ring-color:rgb(219 234 254 / var(--tw-ring-opacity, 1))
}

.focus\:ring-blue-200:focus{
  --tw-ring-opacity:1;
  --tw-ring-color:rgb(191 219 254 / var(--tw-ring-opacity, 1))
}

.focus\:ring-blue-300:focus{
  --tw-ring-opacity:1;
  --tw-ring-color:rgb(164 202 254 / var(--tw-ring-opacity, 1))
}

.focus\:ring-blue-400:focus{
  --tw-ring-opacity:1;
  --tw-ring-color:rgb(118 169 250 / var(--tw-ring-opacity, 1))
}

.focus\:ring-brand-100:focus{
  --tw-ring-opacity:1;
  --tw-ring-color:rgb(227 238 247 / var(--tw-ring-opacity, 1))
}

.focus\:ring-brand-400:focus{
  --tw-ring-opacity:1;
  --tw-ring-color:rgb(108 172 228 / var(--tw-ring-opacity, 1))
}

.focus\:ring-emerald-200:focus{
  --tw-ring-opacity:1;
  --tw-ring-color:rgb(167 243 208 / var(--tw-ring-opacity, 1))
}

.focus\:ring-gray-200:focus{
  --tw-ring-opacity:1;
  --tw-ring-color:rgb(229 231 235 / var(--tw-ring-opacity, 1))
}

.focus\:ring-neutral-500:focus{
  --tw-ring-opacity:1;
  --tw-ring-color:rgb(115 115 115 / var(--tw-ring-opacity, 1))
}

.focus\:ring-neutral-900:focus{
  --tw-ring-opacity:1;
  --tw-ring-color:rgb(23 23 23 / var(--tw-ring-opacity, 1))
}

.focus\:ring-red-500:focus{
  --tw-ring-opacity:1;
  --tw-ring-color:rgb(240 82 82 / var(--tw-ring-opacity, 1))
}

.focus\:ring-ring:focus{
  --tw-ring-opacity:1;
  --tw-ring-color:rgb(96 165 250 / var(--tw-ring-opacity, 1))
}

.focus\:ring-violet-400:focus{
  --tw-ring-opacity:1;
  --tw-ring-color:rgb(167 139 250 / var(--tw-ring-opacity, 1))
}

.focus\:ring-opacity-75:focus{
  --tw-ring-opacity:0.75
}

.focus\:ring-offset-2:focus{
  --tw-ring-offset-width:2px
}

.focus-visible\:bg-bad-50:focus-visible{
  --tw-bg-opacity:1;
  background-color:rgb(254 226 226 / var(--tw-bg-opacity, 1))
}

.focus-visible\:bg-brand-50:focus-visible{
  --tw-bg-opacity:1;
  background-color:rgb(240 247 252 / var(--tw-bg-opacity, 1))
}

.focus-visible\:bg-transparent:focus-visible{
  background-color:transparent
}

.focus-visible\:text-bad-700:focus-visible{
  --tw-text-opacity:1;
  color:rgb(185 28 28 / var(--tw-text-opacity, 1))
}

.focus-visible\:text-brand-600:focus-visible{
  --tw-text-opacity:1;
  color:rgb(30 90 138 / var(--tw-text-opacity, 1))
}

.focus-visible\:outline-none:focus-visible{
  outline:2px solid transparent;
  outline-offset:2px
}

.focus-visible\:outline:focus-visible{
  outline-style:solid
}

.focus-visible\:outline-2:focus-visible{
  outline-width:2px
}

.focus-visible\:outline-offset-2:focus-visible{
  outline-offset:2px
}

.focus-visible\:outline-offset-\[-2px\]:focus-visible{
  outline-offset:-2px
}

.focus-visible\:outline-brand-600:focus-visible{
  outline-color:#1e5a8a
}

.focus-visible\:ring-1:focus-visible{
  --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-visible\:ring-2:focus-visible{
  --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(2px + 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-visible\:ring-brand-100:focus-visible{
  --tw-ring-opacity:1;
  --tw-ring-color:rgb(227 238 247 / var(--tw-ring-opacity, 1))
}

.focus-visible\:ring-brand-200:focus-visible{
  --tw-ring-opacity:1;
  --tw-ring-color:rgb(207 227 242 / var(--tw-ring-opacity, 1))
}

.focus-visible\:ring-brand-400:focus-visible{
  --tw-ring-opacity:1;
  --tw-ring-color:rgb(108 172 228 / var(--tw-ring-opacity, 1))
}

.focus-visible\:ring-current:focus-visible{
  --tw-ring-color:currentColor
}

.focus-visible\:ring-ring:focus-visible{
  --tw-ring-opacity:1;
  --tw-ring-color:rgb(96 165 250 / var(--tw-ring-opacity, 1))
}

.focus-visible\:ring-offset-1:focus-visible{
  --tw-ring-offset-width:1px
}

.focus-visible\:ring-offset-2:focus-visible{
  --tw-ring-offset-width:2px
}

.active\:bg-gray-50:active{
  --tw-bg-opacity:1;
  background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))
}

.active\:bg-white\/90:active{
  background-color:rgb(255 255 255 / 0.9)
}

.disabled\:pointer-events-none:disabled{
  pointer-events:none
}

.disabled\:cursor-not-allowed:disabled{
  cursor:not-allowed
}

.disabled\:border-hairline-soft:disabled{
  --tw-border-opacity:1;
  border-color:rgb(241 243 245 / var(--tw-border-opacity, 1))
}

.disabled\:bg-surface-sunken:disabled{
  --tw-bg-opacity:1;
  background-color:rgb(251 252 253 / var(--tw-bg-opacity, 1))
}

.disabled\:text-ink-ghost:disabled{
  --tw-text-opacity:1;
  color:rgb(156 163 175 / var(--tw-text-opacity, 1))
}

.disabled\:accent-ink-ghost:disabled{
  accent-color:#9ca3af
}

.disabled\:opacity-40:disabled{
  opacity:0.4
}

.disabled\:opacity-50:disabled{
  opacity:0.5
}

.disabled\:opacity-60:disabled{
  opacity:0.6
}

.disabled\:hover\:border-hairline-soft:hover:disabled{
  --tw-border-opacity:1;
  border-color:rgb(241 243 245 / var(--tw-border-opacity, 1))
}

.group[open] .group-open\:inline{
  display:inline
}

.group[open] .group-open\:inline-flex{
  display:inline-flex
}

.group[open] .group-open\:hidden{
  display:none
}

.group[open] .group-open\: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))
}

.group:hover .group-hover\:visible{
  visibility:visible
}

.group:hover .group-hover\:scale-110{
  --tw-scale-x:1.1;
  --tw-scale-y:1.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:hover .group-hover\:border-neutral-400{
  --tw-border-opacity:1;
  border-color:rgb(163 163 163 / var(--tw-border-opacity, 1))
}

.group:hover .group-hover\:\!bg-warn-100\/45{
  background-color:rgb(253 230 138 / 0.45) !important
}

.group:hover .group-hover\:bg-ink-ghost{
  --tw-bg-opacity:1;
  background-color:rgb(156 163 175 / var(--tw-bg-opacity, 1))
}

.group:hover .group-hover\:bg-yellow-200{
  --tw-bg-opacity:1;
  background-color:rgb(254 240 138 / var(--tw-bg-opacity, 1))
}

.group:hover .group-hover\:text-blue-600{
  --tw-text-opacity:1;
  color:rgb(28 100 242 / var(--tw-text-opacity, 1))
}

.group:hover .group-hover\:text-brand-600{
  --tw-text-opacity:1;
  color:rgb(30 90 138 / var(--tw-text-opacity, 1))
}

.group:hover .group-hover\:underline{
  text-decoration-line:underline
}

.group\/addr:hover .group-hover\/addr\:opacity-100{
  opacity:1
}

.group\/th:hover .group-hover\/th\:opacity-60{
  opacity:0.6
}

.group:hover .group-hover\:opacity-100{
  opacity:1
}

.peer:checked ~ .peer-checked\:translate-x-3{
  --tw-translate-x:0.75rem;
  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))
}

.peer:checked ~ .peer-checked\:translate-x-4{
  --tw-translate-x:1rem;
  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))
}

.peer:checked ~ .peer-checked\:bg-brand-600{
  --tw-bg-opacity:1;
  background-color:rgb(30 90 138 / var(--tw-bg-opacity, 1))
}

.peer:hover ~ .peer-hover\:bg-ink-ghost{
  --tw-bg-opacity:1;
  background-color:rgb(156 163 175 / var(--tw-bg-opacity, 1))
}

.peer:checked:hover ~ .peer-checked\:peer-hover\:bg-brand-700{
  --tw-bg-opacity:1;
  background-color:rgb(23 72 105 / var(--tw-bg-opacity, 1))
}

.peer:focus-visible ~ .peer-focus-visible\:ring-2{
  --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(2px + 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)
}

.peer:focus-visible ~ .peer-focus-visible\:ring-brand-100{
  --tw-ring-opacity:1;
  --tw-ring-color:rgb(227 238 247 / var(--tw-ring-opacity, 1))
}

.peer:focus-visible ~ .peer-focus-visible\:ring-offset-1{
  --tw-ring-offset-width:1px
}

.peer:disabled ~ .peer-disabled\:opacity-60{
  opacity:0.6
}

.has-\[label\:not\(\.hidden\)\]\:flex:has(label:not(.hidden)){
  display:flex
}

.has-\[\:checked\]\:bg-accent:has(:checked){
  --tw-bg-opacity:1;
  background-color:rgb(240 247 252 / var(--tw-bg-opacity, 1))
}

.has-\[\:checked\]\:bg-brand-50:has(:checked){
  --tw-bg-opacity:1;
  background-color:rgb(240 247 252 / var(--tw-bg-opacity, 1))
}

.has-\[\:checked\]\:font-semibold:has(:checked){
  font-weight:600
}

.has-\[\:checked\]\:text-brand-700:has(:checked){
  --tw-text-opacity:1;
  color:rgb(23 72 105 / var(--tw-text-opacity, 1))
}

.group\/row:has(:checked) .group-has-\[\:checked\]\/row\:border-brand-600{
  --tw-border-opacity:1;
  border-color:rgb(30 90 138 / var(--tw-border-opacity, 1))
}

.group\/row:has(:checked) .group-has-\[\:checked\]\/row\:bg-brand-600{
  --tw-bg-opacity:1;
  background-color:rgb(30 90 138 / var(--tw-bg-opacity, 1))
}

.group\/row:has(:checked) .group-has-\[\:checked\]\/row\:opacity-100{
  opacity:1
}

.aria-disabled\:pointer-events-none[aria-disabled="true"]{
  pointer-events:none
}

.aria-disabled\:cursor-not-allowed[aria-disabled="true"]{
  cursor:not-allowed
}

.aria-disabled\:opacity-50[aria-disabled="true"]{
  opacity:0.5
}

.aria-pressed\:border-blue-600[aria-pressed="true"]{
  --tw-border-opacity:1;
  border-color:rgb(28 100 242 / var(--tw-border-opacity, 1))
}

.aria-pressed\:bg-blue-600[aria-pressed="true"]{
  --tw-bg-opacity:1;
  background-color:rgb(28 100 242 / var(--tw-bg-opacity, 1))
}

.aria-pressed\:text-white[aria-pressed="true"]{
  --tw-text-opacity:1;
  color:rgb(255 255 255 / var(--tw-text-opacity, 1))
}

.aria-\[current\=true\]\:bg-accent[aria-current="true"]{
  --tw-bg-opacity:1;
  background-color:rgb(240 247 252 / var(--tw-bg-opacity, 1))
}

.aria-\[current\=true\]\:ring[aria-current="true"]{
  --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(3px + 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)
}

.aria-\[current\=true\]\:ring-offset-2[aria-current="true"]{
  --tw-ring-offset-width:2px
}

.group\/facet[aria-expanded="true"] .group-aria-expanded\/facet\:block{
  display:block
}

.group\/rail-group[aria-expanded="true"] .group-aria-expanded\/rail-group\:block{
  display:block
}

.group\/rail-item[aria-expanded="true"] .group-aria-expanded\/rail-item\:block{
  display:block
}

.group[aria-selected="true"] .group-aria-\[selected\=true\]\:visible{
  visibility:visible
}

.data-\[state\=open\]\:bg-accent[data-state="open"]{
  --tw-bg-opacity:1;
  background-color:rgb(240 247 252 / var(--tw-bg-opacity, 1))
}

.data-\[state\=open\]\:text-muted-foreground[data-state="open"]{
  --tw-text-opacity:1;
  color:rgb(107 114 128 / var(--tw-text-opacity, 1))
}

.data-\[highlighted\=true\]\:ring-2[data-highlighted="true"]{
  --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(2px + 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)
}

.data-\[highlighted\=true\]\:ring-inset[data-highlighted="true"]{
  --tw-ring-inset:inset
}

.data-\[highlighted\=true\]\:ring-brand-400[data-highlighted="true"]{
  --tw-ring-opacity:1;
  --tw-ring-color:rgb(108 172 228 / var(--tw-ring-opacity, 1))
}

.group\/shell[data-collapsed="true"] .group-data-\[collapsed\=true\]\/shell\:absolute{
  position:absolute
}

.group\/shell[data-collapsed="true"] .group-data-\[collapsed\=true\]\/shell\:bottom-0{
  bottom:0px
}

.group\/shell[data-collapsed="true"] .group-data-\[collapsed\=true\]\/shell\:left-full{
  left:100%
}

.group\/shell[data-collapsed="true"] .group-data-\[collapsed\=true\]\/shell\:right-2{
  right:0.5rem
}

.group\/shell[data-collapsed="true"] .group-data-\[collapsed\=true\]\/shell\:top-0{
  top:0px
}

.group\/shell[data-collapsed="true"] .group-data-\[collapsed\=true\]\/shell\:top-1\.5{
  top:0.375rem
}

.group\/shell[data-collapsed="true"] .group-data-\[collapsed\=true\]\/shell\:z-30{
  z-index:30
}

.group\/shell[data-collapsed="true"] .group-data-\[collapsed\=true\]\/shell\:z-40{
  z-index:40
}

.group\/shell[data-collapsed="false"] .group-data-\[collapsed\=false\]\/shell\:ml-\[1\.375rem\]{
  margin-left:1.375rem
}

.group\/shell[data-collapsed="true"] .group-data-\[collapsed\=true\]\/shell\:block{
  display:block
}

.group\/shell[data-collapsed="true"] .group-data-\[collapsed\=true\]\/shell\:flex{
  display:flex
}

.group\/shell[data-collapsed="true"] .group-data-\[collapsed\=true\]\/shell\:hidden{
  display:none
}

.group\/shell[data-collapsed="true"] .group-data-\[collapsed\=true\]\/shell\:w-56{
  width:14rem
}

.group\/shell[data-collapsed="true"] .group-data-\[collapsed\=true\]\/shell\:w-railtight{
  width:3.5rem
}

.group\/shell[data-collapsed="true"] .group-data-\[collapsed\=true\]\/shell\:justify-center{
  justify-content:center
}

.group\/shell[data-collapsed="false"] .group-data-\[collapsed\=false\]\/shell\:overflow-x-hidden{
  overflow-x:hidden
}

.group\/shell[data-collapsed="true"] .group-data-\[collapsed\=true\]\/shell\:rounded-md{
  border-radius:0.375rem
}

.group\/shell[data-collapsed="true"] .group-data-\[collapsed\=true\]\/shell\:border{
  border-width:1px
}

.group\/shell[data-collapsed="false"] .group-data-\[collapsed\=false\]\/shell\:border-l{
  border-left-width:1px
}

.group\/shell[data-collapsed="false"] .group-data-\[collapsed\=false\]\/shell\:border-hairline{
  --tw-border-opacity:1;
  border-color:rgb(229 231 235 / var(--tw-border-opacity, 1))
}

.group\/shell[data-collapsed="true"] .group-data-\[collapsed\=true\]\/shell\:border-hairline{
  --tw-border-opacity:1;
  border-color:rgb(229 231 235 / var(--tw-border-opacity, 1))
}

.group\/shell[data-collapsed="true"] .group-data-\[collapsed\=true\]\/shell\:bg-surface{
  --tw-bg-opacity:1;
  background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))
}

.group\/shell[data-collapsed="true"] .group-data-\[collapsed\=true\]\/shell\:px-0{
  padding-left:0px;
  padding-right:0px
}

.group\/shell[data-collapsed="true"] .group-data-\[collapsed\=true\]\/shell\:py-1\.5{
  padding-top:0.375rem;
  padding-bottom:0.375rem
}

.group\/shell[data-collapsed="true"] .group-data-\[collapsed\=true\]\/shell\:py-3{
  padding-top:0.75rem;
  padding-bottom:0.75rem
}

.group\/shell[data-collapsed="true"] .group-data-\[collapsed\=true\]\/shell\:pl-3{
  padding-left:0.75rem
}

.group\/shell[data-collapsed="true"] .group-data-\[collapsed\=true\]\/shell\:pl-6{
  padding-left:1.5rem
}

.group\/shell[data-collapsed="true"] .group-data-\[collapsed\=true\]\/shell\:pr-panel{
  padding-right:0.875rem
}

.group\/shell[data-collapsed="true"] .group-data-\[collapsed\=true\]\/shell\: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)
}

.group\/shell[data-collapsed="true"] .group\/facet:focus-within .group-data-\[collapsed\=true\]\/shell\:group-focus-within\/facet\:block{
  display:block
}

.group\/shell[data-collapsed="true"] .group\/rail-group:focus-within .group-data-\[collapsed\=true\]\/shell\:group-focus-within\/rail-group\:block{
  display:block
}

.group\/shell[data-collapsed="true"] .group\/rail-item:focus-within .group-data-\[collapsed\=true\]\/shell\:group-focus-within\/rail-item\:block{
  display:block
}

.group\/shell[data-collapsed="true"] .group\/facet:hover .group-data-\[collapsed\=true\]\/shell\:group-hover\/facet\:block{
  display:block
}

.group\/shell[data-collapsed="true"] .group\/rail-group:hover .group-data-\[collapsed\=true\]\/shell\:group-hover\/rail-group\:block{
  display:block
}

.group\/shell[data-collapsed="true"] .group\/rail-item:hover .group-data-\[collapsed\=true\]\/shell\:group-hover\/rail-item\:block{
  display:block
}

@container (min-width: 22rem){
  .\@tight\:inline{
    display:inline
  }

  .\@tight\:flex{
    display:flex
  }

  .\@tight\:grid-cols-2{
    grid-template-columns:repeat(2, minmax(0, 1fr))
  }

  .\@\[22rem\]\:h-\[34px\]{
    height:34px
  }
}

@container (min-width: 24rem){
  .\@sm\:grid-cols-4{
    grid-template-columns:repeat(4, minmax(0, 1fr))
  }
}

@container (min-width: 30rem){
  .\@snug\:col-span-1{
    grid-column:span 1 / span 1
  }

  .\@snug\:col-span-2{
    grid-column:span 2 / span 2
  }

  .\@snug\:col-start-2{
    grid-column-start:2
  }

  .\@snug\:block{
    display:block
  }

  .\@snug\:inline{
    display:inline
  }

  .\@snug\:flex{
    display:flex
  }

  .\@snug\:grid{
    display:grid
  }

  .\@snug\:hidden{
    display:none
  }

  .\@snug\:h-8{
    height:2rem
  }

  .\@snug\:w-12{
    width:3rem
  }

  .\@snug\:w-20{
    width:5rem
  }

  .\@snug\:w-32{
    width:8rem
  }

  .\@snug\:w-40{
    width:10rem
  }

  .\@snug\:w-auto{
    width:auto
  }

  .\@snug\:max-w-none{
    max-width:none
  }

  .\@snug\:flex-1{
    flex:1 1 0%
  }

  .\@snug\:flex-none{
    flex:none
  }

  .\@snug\:shrink-0{
    flex-shrink:0
  }

  .\@snug\:grid-cols-2{
    grid-template-columns:repeat(2, minmax(0, 1fr))
  }

  .\@snug\:grid-cols-3{
    grid-template-columns:repeat(3, minmax(0, 1fr))
  }

  .\@snug\:flex-row{
    flex-direction:row
  }

  .\@snug\:flex-col{
    flex-direction:column
  }

  .\@snug\:flex-wrap{
    flex-wrap:wrap
  }

  .\@snug\:items-center{
    align-items:center
  }

  .\@snug\:items-baseline{
    align-items:baseline
  }

  .\@snug\:justify-start{
    justify-content:flex-start
  }

  .\@snug\:justify-end{
    justify-content:flex-end
  }

  .\@snug\:justify-center{
    justify-content:center
  }

  .\@snug\:justify-between{
    justify-content:space-between
  }

  .\@snug\:gap-2{
    gap:0.5rem
  }

  .\@snug\:gap-3{
    gap:0.75rem
  }

  .\@snug\:gap-x-3{
    -moz-column-gap:0.75rem;
         column-gap:0.75rem
  }

  .\@snug\:gap-x-4{
    -moz-column-gap:1rem;
         column-gap:1rem
  }

  .\@snug\:gap-y-1{
    row-gap:0.25rem
  }

  .\@snug\:truncate{
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
  }

  .\@snug\:px-4{
    padding-left:1rem;
    padding-right:1rem
  }

  .\@snug\:pt-1{
    padding-top:0.25rem
  }

  .\@snug\:text-right{
    text-align:right
  }

  .\@snug\:text-metric{
    font-size:1.5rem;
    line-height:1.1;
    letter-spacing:-0.025em
  }

  .\@snug\:text-ui{
    font-size:1rem;
    line-height:1.5
  }

  .\@\[30rem\]\:grid-cols-2{
    grid-template-columns:repeat(2, minmax(0, 1fr))
  }

  .\@\[30rem\]\:grid-cols-3{
    grid-template-columns:repeat(3, minmax(0, 1fr))
  }

  .\@\[30rem\]\:gap-3{
    gap:0.75rem
  }
}

@container (min-width: 32rem){
  .\@\[32rem\]\:block{
    display:block
  }

  .\@\[32rem\]\:hidden{
    display:none
  }
}

@container (min-width: 34rem){
  .\@\[34rem\]\:inline{
    display:inline
  }

  .\@\[34rem\]\:inline-flex{
    display:inline-flex
  }
}

@container (min-width: 36rem){
  .\@\[36rem\]\:grid-cols-2{
    grid-template-columns:repeat(2, minmax(0, 1fr))
  }

  .\@\[36rem\]\:grid-cols-3{
    grid-template-columns:repeat(3, minmax(0, 1fr))
  }

  .\@\[36rem\]\:gap-x-5{
    -moz-column-gap:1.25rem;
         column-gap:1.25rem
  }

  .\@\[36rem\]\:divide-x > :not([hidden]) ~ :not([hidden]){
    --tw-divide-x-reverse:0;
    border-right-width:calc(1px * var(--tw-divide-x-reverse));
    border-left-width:calc(1px * calc(1 - var(--tw-divide-x-reverse)))
  }

  .\@\[36rem\]\:divide-hairline > :not([hidden]) ~ :not([hidden]){
    --tw-divide-opacity:1;
    border-color:rgb(229 231 235 / var(--tw-divide-opacity, 1))
  }
}

@container (min-width: 40rem){
  .\@cards\:block{
    display:block
  }

  .\@cards\:grid-cols-2{
    grid-template-columns:repeat(2, minmax(0, 1fr))
  }

  .\@cards\:grid-cols-3{
    grid-template-columns:repeat(3, minmax(0, 1fr))
  }

  .\@cards\:grid-cols-\[17rem_1fr\]{
    grid-template-columns:17rem 1fr
  }

  .\@cards\:border-b-0{
    border-bottom-width:0px
  }

  .\@cards\:border-r{
    border-right-width:1px
  }

  .\@cards\:text-ui{
    font-size:1rem;
    line-height:1.5
  }

  .\@\[40rem\]\:block{
    display:block
  }

  .\@\[40rem\]\:inline{
    display:inline
  }

  .\@\[40rem\]\:table-cell{
    display:table-cell
  }

  .\@\[40rem\]\:hidden{
    display:none
  }

  .\@\[40rem\]\:grid-cols-2{
    grid-template-columns:repeat(2, minmax(0, 1fr))
  }

  .\@\[40rem\]\:grid-cols-5{
    grid-template-columns:repeat(5, minmax(0, 1fr))
  }

  .\@\[40rem\]\:px-4{
    padding-left:1rem;
    padding-right:1rem
  }
}

@container (min-width: 48rem){
  .\@wide\:ml-auto{
    margin-left:auto
  }

  .\@wide\:flex{
    display:flex
  }

  .\@wide\:grid-cols-3{
    grid-template-columns:repeat(3, minmax(0, 1fr))
  }

  .\@wide\:grid-cols-4{
    grid-template-columns:repeat(4, minmax(0, 1fr))
  }

  .\@wide\:grid-cols-5{
    grid-template-columns:repeat(5, minmax(0, 1fr))
  }

  .\@wide\:flex-row{
    flex-direction:row
  }

  .\@wide\:items-baseline{
    align-items:baseline
  }

  .\@wide\:gap-3{
    gap:0.75rem
  }

  .\@\[48rem\]\:block{
    display:block
  }

  .\@\[48rem\]\:table-cell{
    display:table-cell
  }

  .\@\[48rem\]\:hidden{
    display:none
  }

  .\@\[48rem\]\:grid-cols-2{
    grid-template-columns:repeat(2, minmax(0, 1fr))
  }

  .\@\[48rem\]\:grid-cols-3{
    grid-template-columns:repeat(3, minmax(0, 1fr))
  }

  .\@\[48rem\]\:grid-cols-4{
    grid-template-columns:repeat(4, minmax(0, 1fr))
  }

  .\@\[48rem\]\:grid-cols-\[9rem_1fr\]{
    grid-template-columns:9rem 1fr
  }

  .\@\[48rem\]\:flex-row{
    flex-direction:row
  }

  .\@\[48rem\]\:items-start{
    align-items:flex-start
  }

  .\@\[48rem\]\:items-baseline{
    align-items:baseline
  }

  .\@\[48rem\]\:gap-3{
    gap:0.75rem
  }

  .\@\[48rem\]\:gap-4{
    gap:1rem
  }

  .\@\[48rem\]\:p-3{
    padding:0.75rem
  }

  .\@\[48rem\]\:pt-2{
    padding-top:0.5rem
  }

  .\@\[48rem\]\:text-right{
    text-align:right
  }
}

@container (min-width: 52rem){
  .\@\[52rem\]\:mx-2{
    margin-left:0.5rem;
    margin-right:0.5rem
  }

  .\@\[52rem\]\:block{
    display:block
  }

  .\@\[52rem\]\:inline{
    display:inline
  }

  .\@\[52rem\]\:gap-0{
    gap:0px
  }

  .\@\[52rem\]\:rounded-none{
    border-radius:0px
  }

  .\@\[52rem\]\:border-r{
    border-right-width:1px
  }

  .\@\[52rem\]\:border-hairline-soft{
    --tw-border-opacity:1;
    border-color:rgb(241 243 245 / var(--tw-border-opacity, 1))
  }

  .\@\[52rem\]\:bg-transparent{
    background-color:transparent
  }

  .\@\[52rem\]\:px-0{
    padding-left:0px;
    padding-right:0px
  }

  .\@\[52rem\]\:px-4{
    padding-left:1rem;
    padding-right:1rem
  }

  .\@\[52rem\]\:py-0{
    padding-top:0px;
    padding-bottom:0px
  }

  .\@\[52rem\]\:py-2{
    padding-top:0.5rem;
    padding-bottom:0.5rem
  }

  .\@\[52rem\]\:text-ink{
    --tw-text-opacity:1;
    color:rgb(17 24 39 / var(--tw-text-opacity, 1))
  }
}

@container (min-width: 64rem){
  .\@full\:hidden{
    display:none
  }

  .\@\[64rem\]\:block{
    display:block
  }

  .\@\[64rem\]\:inline{
    display:inline
  }

  .\@\[64rem\]\:table-cell{
    display:table-cell
  }

  .\@\[64rem\]\:hidden{
    display:none
  }

  .\@\[64rem\]\:grid-cols-2{
    grid-template-columns:repeat(2, minmax(0, 1fr))
  }

  .\@\[64rem\]\:grid-cols-3{
    grid-template-columns:repeat(3, minmax(0, 1fr))
  }

  .\@\[64rem\]\:grid-cols-5{
    grid-template-columns:repeat(5, minmax(0, 1fr))
  }

  .\@\[64rem\]\:grid-cols-6{
    grid-template-columns:repeat(6, minmax(0, 1fr))
  }
}

@container (min-width: 80rem){
  .\@\[80rem\]\:table-cell{
    display:table-cell
  }
}

@container (min-width: 84rem){
  .\@\[84rem\]\:inline{
    display:inline
  }
}

.dark\:border-blue-500:is(.dark *){
  --tw-border-opacity:1;
  border-color:rgb(63 131 248 / var(--tw-border-opacity, 1))
}

.dark\:border-blue-800:is(.dark *){
  --tw-border-opacity:1;
  border-color:rgb(30 66 159 / var(--tw-border-opacity, 1))
}

.dark\:border-gray-600:is(.dark *){
  --tw-border-opacity:1;
  border-color:rgb(75 85 99 / var(--tw-border-opacity, 1))
}

.dark\:border-gray-700:is(.dark *){
  --tw-border-opacity:1;
  border-color:rgb(55 65 81 / var(--tw-border-opacity, 1))
}

.dark\:border-transparent:is(.dark *){
  border-color:transparent
}

.dark\:\!bg-gray-700:is(.dark *){
  --tw-bg-opacity:1 !important;
  background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1)) !important
}

.dark\:bg-blue-600:is(.dark *){
  --tw-bg-opacity:1;
  background-color:rgb(28 100 242 / var(--tw-bg-opacity, 1))
}

.dark\:bg-gray-600:is(.dark *){
  --tw-bg-opacity:1;
  background-color:rgb(75 85 99 / var(--tw-bg-opacity, 1))
}

.dark\:bg-gray-700:is(.dark *){
  --tw-bg-opacity:1;
  background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))
}

.dark\:bg-gray-800:is(.dark *){
  --tw-bg-opacity:1;
  background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1))
}

.dark\:bg-gray-800\/50:is(.dark *){
  background-color:rgb(31 41 55 / 0.5)
}

.dark\:bg-gray-900\/80:is(.dark *){
  background-color:rgb(17 24 39 / 0.8)
}

.dark\:text-blue-400:is(.dark *){
  --tw-text-opacity:1;
  color:rgb(118 169 250 / var(--tw-text-opacity, 1))
}

.dark\:text-blue-500:is(.dark *){
  --tw-text-opacity:1;
  color:rgb(63 131 248 / var(--tw-text-opacity, 1))
}

.dark\:text-gray-300:is(.dark *){
  --tw-text-opacity:1;
  color:rgb(209 213 219 / var(--tw-text-opacity, 1))
}

.dark\:text-gray-400:is(.dark *){
  --tw-text-opacity:1;
  color:rgb(156 163 175 / var(--tw-text-opacity, 1))
}

.dark\:text-gray-500:is(.dark *){
  --tw-text-opacity:1;
  color:rgb(107 114 128 / var(--tw-text-opacity, 1))
}

.dark\:text-white:is(.dark *){
  --tw-text-opacity:1;
  color:rgb(255 255 255 / var(--tw-text-opacity, 1))
}

.dark\:placeholder-gray-400:is(.dark *)::-moz-placeholder{
  --tw-placeholder-opacity:1;
  color:rgb(156 163 175 / var(--tw-placeholder-opacity, 1))
}

.dark\:placeholder-gray-400:is(.dark *)::placeholder{
  --tw-placeholder-opacity:1;
  color:rgb(156 163 175 / var(--tw-placeholder-opacity, 1))
}

.dark\:hover\:bg-blue-700:hover:is(.dark *){
  --tw-bg-opacity:1;
  background-color:rgb(26 86 219 / var(--tw-bg-opacity, 1))
}

.dark\:hover\:bg-gray-600:hover:is(.dark *){
  --tw-bg-opacity:1;
  background-color:rgb(75 85 99 / var(--tw-bg-opacity, 1))
}

.dark\:hover\:bg-gray-700:hover:is(.dark *){
  --tw-bg-opacity:1;
  background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))
}

.dark\:hover\:bg-gray-800:hover:is(.dark *){
  --tw-bg-opacity:1;
  background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1))
}

.dark\:hover\:text-blue-500:hover:is(.dark *){
  --tw-text-opacity:1;
  color:rgb(63 131 248 / var(--tw-text-opacity, 1))
}

.dark\:hover\:text-gray-300:hover:is(.dark *){
  --tw-text-opacity:1;
  color:rgb(209 213 219 / var(--tw-text-opacity, 1))
}

.dark\:hover\:text-white:hover:is(.dark *){
  --tw-text-opacity:1;
  color:rgb(255 255 255 / var(--tw-text-opacity, 1))
}

.dark\:focus\:ring-blue-800:focus:is(.dark *){
  --tw-ring-opacity:1;
  --tw-ring-color:rgb(30 66 159 / var(--tw-ring-opacity, 1))
}

@media (min-width: 640px){
  .sm\:col-span-4{
    grid-column:span 4 / span 4
  }

  .sm\:col-span-8{
    grid-column:span 8 / span 8
  }

  .sm\:row-span-2{
    grid-row:span 2 / span 2
  }

  .sm\:ml-auto{
    margin-left:auto
  }

  .sm\:block{
    display:block
  }

  .sm\:inline-block{
    display:inline-block
  }

  .sm\:inline{
    display:inline
  }

  .sm\:flex{
    display:flex
  }

  .sm\:hidden{
    display:none
  }

  .sm\:h-9{
    height:2.25rem
  }

  .sm\:w-9{
    width:2.25rem
  }

  .sm\:w-\[--en-drawer-width\]{
    width:var(--en-drawer-width)
  }

  .sm\:w-auto{
    width:auto
  }

  .sm\:max-w-\[40rem\]{
    max-width:40rem
  }

  .sm\:grid-cols-1{
    grid-template-columns:repeat(1, minmax(0, 1fr))
  }

  .sm\:grid-cols-10{
    grid-template-columns:repeat(10, minmax(0, 1fr))
  }

  .sm\:grid-cols-11{
    grid-template-columns:repeat(11, minmax(0, 1fr))
  }

  .sm\:grid-cols-12{
    grid-template-columns:repeat(12, minmax(0, 1fr))
  }

  .sm\:grid-cols-2{
    grid-template-columns:repeat(2, minmax(0, 1fr))
  }

  .sm\:grid-cols-3{
    grid-template-columns:repeat(3, minmax(0, 1fr))
  }

  .sm\:grid-cols-4{
    grid-template-columns:repeat(4, minmax(0, 1fr))
  }

  .sm\:flex-row{
    flex-direction:row
  }

  .sm\:flex-nowrap{
    flex-wrap:nowrap
  }

  .sm\:items-center{
    align-items:center
  }

  .sm\:justify-start{
    justify-content:flex-start
  }

  .sm\:justify-end{
    justify-content:flex-end
  }

  .sm\:justify-between{
    justify-content:space-between
  }

  .sm\:gap-2{
    gap:0.5rem
  }

  .sm\:gap-2\.5{
    gap:0.625rem
  }

  .sm\:gap-20{
    gap:5rem
  }

  .sm\:gap-24{
    gap:6rem
  }

  .sm\:gap-28{
    gap:7rem
  }

  .sm\:gap-3{
    gap:0.75rem
  }

  .sm\:gap-4{
    gap:1rem
  }

  .sm\:gap-40{
    gap:10rem
  }

  .sm\:gap-44{
    gap:11rem
  }

  .sm\:gap-48{
    gap:12rem
  }

  .sm\:gap-6{
    gap:1.5rem
  }

  .sm\:gap-x-4{
    -moz-column-gap:1rem;
         column-gap:1rem
  }

  .sm\:gap-y-0{
    row-gap:0px
  }

  .sm\: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)))
  }

  .sm\:overflow-hidden{
    overflow:hidden
  }

  .sm\:overflow-x-hidden{
    overflow-x:hidden
  }

  .sm\:overflow-y-hidden{
    overflow-y:hidden
  }

  .sm\:rounded-lg{
    border-radius:0.5rem
  }

  .sm\:border-hidden{
    border-style:hidden
  }

  .sm\:p-6{
    padding:1.5rem
  }

  .sm\:px-3\.5{
    padding-left:0.875rem;
    padding-right:0.875rem
  }

  .sm\:px-4{
    padding-left:1rem;
    padding-right:1rem
  }

  .sm\:px-5{
    padding-left:1.25rem;
    padding-right:1.25rem
  }

  .sm\:px-6{
    padding-left:1.5rem;
    padding-right:1.5rem
  }

  .sm\:py-2{
    padding-top:0.5rem;
    padding-bottom:0.5rem
  }

  .sm\:py-3{
    padding-top:0.75rem;
    padding-bottom:0.75rem
  }

  .sm\:pl-0{
    padding-left:0px
  }

  .sm\:text-left{
    text-align:left
  }

  .sm\:text-\[0\.8125rem\]{
    font-size:0.8125rem
  }
}

@media (min-width: 768px){
  .md\:col-span-4{
    grid-column:span 4 / span 4
  }

  .md\:col-span-8{
    grid-column:span 8 / span 8
  }

  .md\:row-span-2{
    grid-row:span 2 / span 2
  }

  .md\:block{
    display:block
  }

  .md\:inline-block{
    display:inline-block
  }

  .md\:flex{
    display:flex
  }

  .md\:inline-flex{
    display:inline-flex
  }

  .md\:hidden{
    display:none
  }

  .md\:w-full{
    width:100%
  }

  .md\:grid-cols-1{
    grid-template-columns:repeat(1, minmax(0, 1fr))
  }

  .md\:grid-cols-10{
    grid-template-columns:repeat(10, minmax(0, 1fr))
  }

  .md\:grid-cols-11{
    grid-template-columns:repeat(11, minmax(0, 1fr))
  }

  .md\:grid-cols-12{
    grid-template-columns:repeat(12, minmax(0, 1fr))
  }

  .md\:grid-cols-2{
    grid-template-columns:repeat(2, minmax(0, 1fr))
  }

  .md\:grid-cols-3{
    grid-template-columns:repeat(3, minmax(0, 1fr))
  }

  .md\:grid-cols-4{
    grid-template-columns:repeat(4, minmax(0, 1fr))
  }

  .md\:gap-2{
    gap:0.5rem
  }

  .md\:gap-2\.5{
    gap:0.625rem
  }

  .md\:gap-20{
    gap:5rem
  }

  .md\:gap-24{
    gap:6rem
  }

  .md\:gap-28{
    gap:7rem
  }

  .md\:gap-4{
    gap:1rem
  }

  .md\:gap-40{
    gap:10rem
  }

  .md\:gap-44{
    gap:11rem
  }

  .md\:gap-48{
    gap:12rem
  }

  .md\:overflow-hidden{
    overflow:hidden
  }

  .md\:overflow-x-hidden{
    overflow-x:hidden
  }

  .md\:overflow-y-hidden{
    overflow-y:hidden
  }

  .md\:border-hidden{
    border-style:hidden
  }

  .md\:p-6{
    padding:1.5rem
  }

  .md\:p-8{
    padding:2rem
  }
}

@media (min-width: 1024px){
  .lg\:order-none{
    order:0
  }

  .lg\:col-span-1{
    grid-column:span 1 / span 1
  }

  .lg\:col-span-2{
    grid-column:span 2 / span 2
  }

  .lg\:col-span-4{
    grid-column:span 4 / span 4
  }

  .lg\:col-span-8{
    grid-column:span 8 / span 8
  }

  .lg\:row-span-2{
    grid-row:span 2 / span 2
  }

  .lg\:row-span-4{
    grid-row:span 4 / span 4
  }

  .lg\:mb-4{
    margin-bottom:1rem
  }

  .lg\:block{
    display:block
  }

  .lg\:inline-block{
    display:inline-block
  }

  .lg\:hidden{
    display:none
  }

  .lg\:grid-cols-1{
    grid-template-columns:repeat(1, minmax(0, 1fr))
  }

  .lg\:grid-cols-10{
    grid-template-columns:repeat(10, minmax(0, 1fr))
  }

  .lg\:grid-cols-11{
    grid-template-columns:repeat(11, minmax(0, 1fr))
  }

  .lg\:grid-cols-12{
    grid-template-columns:repeat(12, minmax(0, 1fr))
  }

  .lg\:grid-cols-2{
    grid-template-columns:repeat(2, minmax(0, 1fr))
  }

  .lg\:grid-cols-3{
    grid-template-columns:repeat(3, minmax(0, 1fr))
  }

  .lg\:grid-cols-5{
    grid-template-columns:repeat(5, minmax(0, 1fr))
  }

  .lg\:grid-cols-6{
    grid-template-columns:repeat(6, minmax(0, 1fr))
  }

  .lg\:gap-2{
    gap:0.5rem
  }

  .lg\:gap-2\.5{
    gap:0.625rem
  }

  .lg\:gap-20{
    gap:5rem
  }

  .lg\:gap-24{
    gap:6rem
  }

  .lg\:gap-28{
    gap:7rem
  }

  .lg\:gap-4{
    gap:1rem
  }

  .lg\:gap-40{
    gap:10rem
  }

  .lg\:gap-44{
    gap:11rem
  }

  .lg\:gap-48{
    gap:12rem
  }

  .lg\:overflow-hidden{
    overflow:hidden
  }

  .lg\:overflow-x-hidden{
    overflow-x:hidden
  }

  .lg\:overflow-y-hidden{
    overflow-y:hidden
  }

  .lg\:border-hidden{
    border-style:hidden
  }

  .lg\:px-8{
    padding-left:2rem;
    padding-right:2rem
  }
}

@media (min-width: 1280px){
  .xl\:grid-cols-4{
    grid-template-columns:repeat(4, minmax(0, 1fr))
  }
}

.rtl\:rotate-180:where([dir="rtl"], [dir="rtl"] *){
  --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))
}

.rtl\:space-x-reverse:where([dir="rtl"], [dir="rtl"] *) > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse:1
}

@media (min-width: 640px){
  .rtl\:sm\:text-right:where([dir="rtl"], [dir="rtl"] *){
    text-align:right
  }
}

.\[\&\:\:-webkit-details-marker\]\:hidden::-webkit-details-marker{
  display:none
}

.\[\&\>svg\]\:pointer-events-none>svg{
  pointer-events:none
}

.\[\&\>svg\]\:size-4>svg{
  width:1rem;
  height:1rem
}

.\[\&\>svg\]\:shrink-0>svg{
  flex-shrink:0
}

/*# sourceMappingURL=/assets/application-1f1295ab.css.map */