.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:"▴"
}

/*# sourceMappingURL=sortable-base.min.css.map */

/**
 * tom-select.css (v2.6.2)
 * 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;
}

/*# sourceMappingURL=tom-select.css.map */

/* 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 !important
}

.visible{
  visibility:visible
}

.invisible{
  visibility:hidden
}

.collapse{
  visibility:collapse
}

.static{
  position:static
}

.fixed{
  position:fixed
}

.absolute{
  position:absolute
}

.relative{
  position:relative
}

.sticky{
  position:sticky
}

.inset-0{
  inset:0px
}

.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\/2{
  left:50%
}

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

.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-\[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-5{
  order:5
}

.order-6{
  order:6
}

.order-none{
  order:0
}

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

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

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

.-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-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-\[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-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-cell{
  display:table-cell
}

.table-row{
  display:table-row
}

.grid{
  display:grid
}

.inline-grid{
  display:inline-grid
}

.contents{
  display:contents
}

.hidden{
  display:none
}

.aspect-square{
  aspect-ratio:1 / 1
}

.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-24{
  height:6rem
}

.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-\[200px\]{
  height:200px
}

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

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

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

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

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

.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-\[28rem\]{
  max-height:28rem
}

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

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

.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-\[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-\[24rem\]{
  width:24rem !important
}

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

.w-1{
  width:0.25rem
}

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

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

.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-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-\[15rem\]{
  width:15rem
}

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

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

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

.w-\[3\.5ch\]{
  width:3.5ch
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.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-\[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-\[5\.5rem\]{
  min-width:5.5rem
}

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

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

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

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

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

.\!max-w-\[92vw\]{
  max-width:92vw !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-\[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
}

.table-fixed{
  table-layout:fixed
}

.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-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-9{
  grid-template-columns:repeat(9, 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-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-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-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-cyan-500{
  --tw-border-opacity:1;
  border-color:rgb(6 182 212 / var(--tw-border-opacity, 1))
}

.border-cyan-600{
  --tw-border-opacity:1;
  border-color:rgb(8 145 178 / 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-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-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-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-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-cyan-500{
  --tw-border-opacity:1;
  border-left-color:rgb(6 182 212 / var(--tw-border-opacity, 1));
  border-right-color:rgb(6 182 212 / 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-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-cyan-50{
  --tw-bg-opacity:1;
  background-color:rgb(236 254 255 / var(--tw-bg-opacity, 1))
}

.bg-cyan-50\/50{
  background-color:rgb(236 254 255 / 0.5)
}

.bg-cyan-50\/60{
  background-color:rgb(236 254 255 / 0.6)
}

.bg-cyan-600{
  --tw-bg-opacity:1;
  background-color:rgb(8 145 178 / 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-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-neutral-100{
  --tw-bg-opacity:1;
  background-color:rgb(245 245 245 / 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-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-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\/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-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-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-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-600{
  --tw-gradient-to:#D03801 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\.5{
  padding-left:0.125rem
}

.pl-2{
  padding-left:0.5rem
}

.pl-3{
  padding-left:0.75rem
}

.pl-4{
  padding-left:1rem
}

.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-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-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-\[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-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-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-current{
  color:currentColor
}

.text-cyan-700{
  --tw-text-opacity:1;
  color:rgb(14 116 144 / var(--tw-text-opacity, 1))
}

.text-cyan-800{
  --tw-text-opacity:1;
  color:rgb(21 94 117 / var(--tw-text-opacity, 1))
}

.text-cyan-900{
  --tw-text-opacity:1;
  color:rgb(22 78 99 / 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-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-muted-foreground{
  --tw-text-opacity:1;
  color:rgb(107 114 128 / 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-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-yellow-500{
  --tw-text-opacity:1;
  color:rgb(194 120 3 / 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
}

.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-inset{
  --tw-ring-inset:inset
}

.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-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-cyan-400{
  --tw-ring-opacity:1;
  --tw-ring-color:rgb(34 211 238 / var(--tw-ring-opacity, 1))
}

.ring-cyan-500{
  --tw-ring-opacity:1;
  --tw-ring-color:rgb(6 182 212 / 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-in-out{
  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)
}

.ease-out{
  transition-timing-function:cubic-bezier(0, 0, 0.2, 1)
}

.\@container{
  container-type:inline-size
}

/* `turbo-frame` is an unrecognized custom element as far as the browser's
 * own UA stylesheet is concerned, and Turbo itself ships no CSS setting a
 * display value for it (checked node_modules/@hotwired/turbo/dist — the
 * only `display: block` in the whole bundle is `.turbo-progress-bar`) — so
 * every `<turbo-frame>` in this app defaults to `display: inline` per the
 * CSS spec's own fallback for an unknown element.
 *
 * That's invisible wherever a turbo-frame sits inside a CSS Grid (every
 * `gap-*` pairing on /customers/:id — Overview, Purchase Health, Orders &
 * Products, Order Rhythm, Usage): `gap` spaces grid ITEMS regardless of
 * their own display type. It broke live the first time two turbo-frames
 * became siblings under `space-y-4` instead (Contact Info / QuickStats and
 * Activity, in Components::Classic::Customers::ShowLayout's sidebar column):
 * `space-y-4`'s margin-top on the second child does nothing on an inline
 * box, so the two cards rendered flush against each other with reported
 * "not [enough] space between" them. Reported live, but the risk was
 * general the moment Activity gained its own turbo_frame wrapper this
 * session — a display default belongs in one place, not re-guessed per
 * caller (`class: "block"` on every turbo_frame call site would only fix
 * the ones somebody remembered to add it to).
 */

turbo-frame:not([hidden]) {
  display: block;
}

/* 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, mostly. 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.

   The rule below is scoped, not a return of that one: it fires ONLY
   on a frame ALSO carrying `data-loading-overlay="skip"` — the exact
   attribute that tells application.js's turbo:before-fetch-request
   listener to skip the global overlay for this frame's own requests
   (Tables::Concerns::Paginated's `page_frame_skip_overlay:` prop, and
   Placeholders::AsyncFrame's `skip_loading_overlay:`). The two
   treatments can never both be showing at once, by construction — a
   frame is either covered by the global overlay, or opted all the way
   out and covered by this one, never both. Reported live: paginating
   Orders & Products read as "the whole screen jumping" — a shorter or
   taller page landing with no visual continuity during the fetch, on
   a table wide enough that the global full-screen overlay was more
   disruption than the swap it was covering for.

   Reported live again, once pagination itself was scoped to this rule
   (`Customers::Show::OrdersProducts`): the dim alone read as "nothing is
   happening" — an artificial 1s server delay made that observable, not
   just fast-swap invisibility. A first pass added a small spinning ring in
   the corner, matching `Placeholders::Spinner`'s own recipe; reported live
   a second time — centered, not a corner, and "something dental" rather
   than a generic ring. The mark below is `PhlexIcons::Huge::DentalTooth`'s
   own stroke path (`stroke` variant — the same outline style this app's
   icons already use), inlined as a `mask-image` rather than rendered
   through Phlex: this rule reacts to a plain DOM attribute Turbo itself
   sets, not a render, so there is no component instance to mount one
   through. A mask (not a plain `background-image`) is what lets
   `background-color` below carry the actual brand-600 fill — the SVG's own
   stroke colour is irrelevant to a mask, only its alpha coverage is.
   `animate-pulse` (Tailwind's own keyframe, already emitted — see
   `Placeholders::CardSkeleton`) is a gentle fade, not a 360° spin: rotating
   a tooth reads as a novelty, not a loading state. `position: relative`
   only applies while `[busy]` — harmless even on a frame that already
   establishes its own positioning context, and unset the instant busy
   clears.
   ================================================================== */

@keyframes en-dental-brush {
  0%,
  100% {
    transform: translate(-50%, -50%) translateX(-3.5px);
  }

  50% {
    transform: translate(-50%, -50%) translateX(3.5px);
  }
}

/* DentalSpinner's "tube" variant (Components::Enamel::Placeholders::
   DentalSpinner) with no `percent:` given — the paste fill and its
   inverted-text clip both loop indefinitely instead of settling. */

@keyframes en-dental-squeeze {
  0% {
    transform: scaleX(0.06);
  }

  70% {
    transform: scaleX(1);
  }

  100% {
    transform: scaleX(1);
  }
}

@keyframes en-dental-squeeze-x {
  0% {
    transform: translateX(10px);
  }

  70% {
    transform: translateX(166px);
  }

  100% {
    transform: translateX(166px);
  }
}

turbo-frame[data-loading-overlay="skip"][busy] {
  position: relative;
  pointer-events: none;
  /* Dimming lands on the frame's own CONTENT only, never on ::before/::after
     below — opacity set on the frame itself would apply to its pseudo-
     elements too (they're the same element's own rendering layer, not
     inheriting like `color`), which is what made the icon read as faded
     and "behind" the dimmed rows instead of a crisp overlay sitting above
     them. */
  > * {
    opacity: 0.5;
    transition: opacity 150ms ease-in-out;
  }
  /* Static tooth outline — matches DentalSpinner's "brush" variant
     (Components::Enamel::Placeholders::DentalSpinner), see that file's own
     TOOTH_PATH. A frame's busy state is a DOM attribute Turbo sets with no
     Phlex render hook at that moment, so this stays CSS-only — visually
     matching the component, not literally reusing it (CSS can't render
     Phlex). */
  &::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 10;
    width: 4.8rem;
    height: 4.8rem;
    transform: translate(-50%, -50%);
    background-color: #6cace4;
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40' fill='black'%3E%3Cpath d='M20 12.4c-1.8-1.4-4-2-6-1.2-2.3.8-3.5 3.1-3.4 5.8.1 2 .6 3.4 1.1 5.3.6 2.2.6 3.9.9 5.9.2 1.6.5 3 1.6 3.1 1.2.1 1.6-1.4 2-3.1.3-1.6.5-3 1.2-3.9.6-.8 2.1-.8 2.8 0 .7.9.8 2.3 1.2 3.9.3 1.7.7 3.1 1.9 3.1 1.1-.1 1.5-1.5 1.6-3.1.3-2 .3-3.7.9-5.9.5-1.9 1-3.3 1.1-5.3.1-2.7-1.1-5-3.4-5.8-2-.8-4.2-.2-6 1.2z'/%3E%3C/svg%3E");
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: contain;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40' fill='black'%3E%3Cpath d='M20 12.4c-1.8-1.4-4-2-6-1.2-2.3.8-3.5 3.1-3.4 5.8.1 2 .6 3.4 1.1 5.3.6 2.2.6 3.9.9 5.9.2 1.6.5 3 1.6 3.1 1.2.1 1.6-1.4 2-3.1.3-1.6.5-3 1.2-3.9.6-.8 2.1-.8 2.8 0 .7.9.8 2.3 1.2 3.9.3 1.7.7 3.1 1.9 3.1 1.1-.1 1.5-1.5 1.6-3.1.3-2 .3-3.7.9-5.9.5-1.9 1-3.3 1.1-5.3.1-2.7-1.1-5-3.4-5.8-2-.8-4.2-.2-6 1.2z'/%3E%3C/svg%3E");
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: contain;
  }
  /* Brush head + bristles, sweeping over the static tooth in ::before —
     same two-layer shape DentalSpinner's "brush" variant renders in SVG. */
  &::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 11;
    width: 4.8rem;
    height: 4.8rem;
    transform: translate(-50%, -50%);
    background-color: #1e5a8a;
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40' fill='none'%3E%3Crect x='10' y='5.5' width='20' height='3.6' rx='1.8' fill='black'/%3E%3Cpath d='M13 9.1v2.4M17 9.1v2.4M21 9.1v2.4M25 9.1v2.4' stroke='black' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E");
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: contain;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40' fill='none'%3E%3Crect x='10' y='5.5' width='20' height='3.6' rx='1.8' fill='black'/%3E%3Cpath d='M13 9.1v2.4M17 9.1v2.4M21 9.1v2.4M25 9.1v2.4' stroke='black' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E");
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: contain;
    animation: en-dental-brush 0.62s ease-in-out infinite;
  }
}

/* ==================================================================
   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;
}

/* ==================================================================
   [hidden] loses to any display-setting utility class at equal
   specificity — the `hidden` ATTRIBUTE stays present and correct, it
   just stops doing anything visually.
   ================================================================== */

/* `[hidden] { display: none }` is a single attribute selector — same
   specificity (0,0,1,0) as a single class selector like `.flex`. CSS
   ties resolve by cascade ORDER, and Tailwind's utilities layer always
   loads after Tailwind's own base/preflight layer (where its `[hidden]`
   rule actually lives), so `hidden` plus any of `flex`/`grid`/`inline-
   flex`/`block`/`inline-block` on the SAME element renders the element
   fully visible — Stimulus toggling `element.hidden = true` correctly
   updates the DOM attribute and correctly does nothing on screen. First
   caught live on Outreach::InlinePanel's own collapsible panel
   (`class: "... flex flex-col ..."`, toggled by outreach-toggle's
   `hidden = open`) — reported as "open/hide not working", which read as
   a Stimulus bug and was a stylesheet cascade order bug instead. One
   `!important` rule, scoped to the attribute itself, fixes it for every
   component that will ever pair `hidden:` with a display utility rather
   than requiring each one to route around Tailwind's own cascade. */

[hidden] {
  display: 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)
}

.after\:absolute::after{
  content:var(--tw-content);
  position:absolute
}

.after\:inset-x-0::after{
  content:var(--tw-content);
  left:0px;
  right:0px
}

.after\:bottom-0::after{
  content:var(--tw-content);
  bottom:0px
}

.after\:hidden::after{
  content:var(--tw-content);
  display:none
}

.after\:h-0\.5::after{
  content:var(--tw-content);
  height:0.125rem
}

.after\:h-px::after{
  content:var(--tw-content);
  height:1px
}

.after\:bg-transparent::after{
  content:var(--tw-content);
  background-color:transparent
}

.first\:ml-0:first-child{
  margin-left:0px
}

.first\:mt-2:first-child{
  margin-top:0.5rem
}

.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-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-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-\[\#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-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-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-cyan-100\/40:hover{
  background-color:rgb(207 250 254 / 0.4)
}

.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-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-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-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-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-ink-muted:hover{
  --tw-text-opacity:1;
  color:rgb(75 85 99 / 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-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-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-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\/contact[open] .group-open\/contact\: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[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\:\!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-brand-600{
  --tw-text-opacity:1;
  color:rgb(30 90 138 / var(--tw-text-opacity, 1))
}

.group\/th:hover .group-hover\/th\:opacity-60{
  opacity:0.6
}

.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-checked\:bg-brand-100[aria-checked="true"]{
  --tw-bg-opacity:1;
  background-color:rgb(227 238 247 / var(--tw-bg-opacity, 1))
}

.aria-checked\:bg-surface[aria-checked="true"]{
  --tw-bg-opacity:1;
  background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))
}

.aria-checked\:font-bold[aria-checked="true"]{
  font-weight:700
}

.aria-checked\:text-brand-600[aria-checked="true"]{
  --tw-text-opacity:1;
  color:rgb(30 90 138 / var(--tw-text-opacity, 1))
}

.aria-checked\:text-brand-700[aria-checked="true"]{
  --tw-text-opacity:1;
  color:rgb(23 72 105 / var(--tw-text-opacity, 1))
}

.aria-checked\:text-cyan-700[aria-checked="true"]{
  --tw-text-opacity:1;
  color:rgb(14 116 144 / var(--tw-text-opacity, 1))
}

.aria-checked\:text-ink[aria-checked="true"]{
  --tw-text-opacity:1;
  color:rgb(17 24 39 / var(--tw-text-opacity, 1))
}

.aria-checked\:text-violet-700[aria-checked="true"]{
  --tw-text-opacity:1;
  color:rgb(109 40 217 / var(--tw-text-opacity, 1))
}

.aria-checked\:shadow-raised[aria-checked="true"]{
  --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)
}

.aria-checked\:ring-1[aria-checked="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(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)
}

.aria-checked\:ring-brand-400[aria-checked="true"]{
  --tw-ring-opacity:1;
  --tw-ring-color:rgb(108 172 228 / var(--tw-ring-opacity, 1))
}

.aria-checked\:after\:bg-brand-600[aria-checked="true"]::after{
  content:var(--tw-content);
  --tw-bg-opacity:1;
  background-color:rgb(30 90 138 / var(--tw-bg-opacity, 1))
}

.aria-checked\:after\:bg-cyan-600[aria-checked="true"]::after{
  content:var(--tw-content);
  --tw-bg-opacity:1;
  background-color:rgb(8 145 178 / var(--tw-bg-opacity, 1))
}

.aria-checked\:after\:bg-violet-600[aria-checked="true"]::after{
  content:var(--tw-content);
  --tw-bg-opacity:1;
  background-color:rgb(124 58 237 / var(--tw-bg-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\:border-brand-400[aria-pressed="true"]{
  --tw-border-opacity:1;
  border-color:rgb(108 172 228 / 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\:bg-brand-100[aria-pressed="true"]{
  --tw-bg-opacity:1;
  background-color:rgb(227 238 247 / var(--tw-bg-opacity, 1))
}

.aria-pressed\:font-bold[aria-pressed="true"]{
  font-weight:700
}

.aria-pressed\:text-brand-700[aria-pressed="true"]{
  --tw-text-opacity:1;
  color:rgb(23 72 105 / var(--tw-text-opacity, 1))
}

.aria-pressed\:text-white[aria-pressed="true"]{
  --tw-text-opacity:1;
  color:rgb(255 255 255 / var(--tw-text-opacity, 1))
}

.aria-selected\:text-brand-700[aria-selected="true"]{
  --tw-text-opacity:1;
  color:rgb(23 72 105 / var(--tw-text-opacity, 1))
}

.aria-selected\:text-cyan-700[aria-selected="true"]{
  --tw-text-opacity:1;
  color:rgb(14 116 144 / var(--tw-text-opacity, 1))
}

.aria-selected\:text-violet-700[aria-selected="true"]{
  --tw-text-opacity:1;
  color:rgb(109 40 217 / var(--tw-text-opacity, 1))
}

.aria-selected\:after\:bg-brand-600[aria-selected="true"]::after{
  content:var(--tw-content);
  --tw-bg-opacity:1;
  background-color:rgb(30 90 138 / var(--tw-bg-opacity, 1))
}

.aria-selected\:after\:bg-cyan-600[aria-selected="true"]::after{
  content:var(--tw-content);
  --tw-bg-opacity:1;
  background-color:rgb(8 145 178 / var(--tw-bg-opacity, 1))
}

.aria-selected\:after\:bg-violet-600[aria-selected="true"]::after{
  content:var(--tw-content);
  --tw-bg-opacity:1;
  background-color:rgb(124 58 237 / var(--tw-bg-opacity, 1))
}

.aria-current\:bg-brand-100[aria-current="true"]{
  --tw-bg-opacity:1;
  background-color:rgb(227 238 247 / var(--tw-bg-opacity, 1))
}

.aria-current\:bg-surface[aria-current="true"]{
  --tw-bg-opacity:1;
  background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))
}

.aria-current\:font-bold[aria-current="true"]{
  font-weight:700
}

.aria-current\:text-brand-600[aria-current="true"]{
  --tw-text-opacity:1;
  color:rgb(30 90 138 / var(--tw-text-opacity, 1))
}

.aria-current\:text-brand-700[aria-current="true"]{
  --tw-text-opacity:1;
  color:rgb(23 72 105 / var(--tw-text-opacity, 1))
}

.aria-current\:text-ink[aria-current="true"]{
  --tw-text-opacity:1;
  color:rgb(17 24 39 / var(--tw-text-opacity, 1))
}

.aria-current\:shadow-raised[aria-current="true"]{
  --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)
}

.aria-current\:ring-1[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(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)
}

.aria-current\:ring-brand-400[aria-current="true"]{
  --tw-ring-opacity:1;
  --tw-ring-color:rgb(108 172 228 / var(--tw-ring-opacity, 1))
}

.aria-current\:after\:bg-brand-600[aria-current="true"]::after{
  content:var(--tw-content);
  --tw-bg-opacity:1;
  background-color:rgb(30 90 138 / var(--tw-bg-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))
  }

  .\@\[24rem\]\:block{
    display:block
  }

  .\@\[24rem\]\:hidden{
    display:none
  }
}

@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-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\: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\]\:grid-cols-5{
    grid-template-columns:repeat(5, 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\:hidden{
    display:none
  }

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

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

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

  .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\:flex-row{
    flex-direction:row
  }

  .sm\:flex-nowrap{
    flex-wrap:nowrap
  }

  .sm\:items-center{
    align-items:center
  }

  .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-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-6{
    padding-left:1.5rem;
    padding-right:1.5rem
  }

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

  .lg\:col-span-4{
    grid-column:span 4 / span 4
  }

  .lg\:col-span-5{
    grid-column:span 5 / span 5
  }

  .lg\:col-span-7{
    grid-column:span 7 / span 7
  }

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

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

  .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-4{
    grid-template-columns:repeat(4, 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-2{
    grid-template-columns:repeat(2, 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
}