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

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

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

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

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

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

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

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

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

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

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

/**
 * tom-select.css (v2.4.3)
 * 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 - 0) 8px calc(8px - 2px - 3px - 0);
}

.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: 0 solid #d0d0d0;
}

.ts-wrapper.multi .ts-control > div.active {
  background: #e8e8e8;
  color: #303030;
  border: 0 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: white;
  border: 0 solid white;
}

.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: 0 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: 0 4px 0 -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: black;
}

.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: white;
}

.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: white;
}

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

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

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

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

.ts-wrapper {
  position: relative;
}

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

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

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

/* Sortable Table Styles */

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

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

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

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

.stats-card{
  margin-left:0.25rem;
  margin-right:0.25rem;
  margin-top:0.25rem;
  margin-bottom:0.25rem;
  overflow:hidden;
  border-radius:0.5rem;
  --tw-bg-opacity:1;
  background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding-left:0.75rem;
  padding-right:0.75rem;
  padding-top:0.75rem;
  padding-bottom:0.75rem;
  --tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

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

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

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

/* Add these new styles */

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

b,
strong {
  font-weight: bolder;
}

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

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

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

small {
  font-size: 80%;
}

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

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

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

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

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

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

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

button,
select {
  text-transform: none;
}

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

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

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

:-moz-focusring {
  outline: auto;
}

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

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

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

progress {
  vertical-align: baseline;
}

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

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

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

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

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

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

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

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

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

summary {
  display: list-item;
}

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

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

fieldset {
  margin: 0;
  padding: 0;
}

legend {
  padding: 0;
}

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

/*
Reset default styling for dialogs.
*/

dialog {
  padding: 0;
}

/*
Prevent resizing textareas horizontally by default.
*/

textarea {
  resize: vertical;
}

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

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

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

/*
Set the default cursor for buttons.
*/

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

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

:disabled {
  cursor: default;
}

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

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

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

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

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

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

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

.tooltip-arrow{
  visibility:hidden
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

input[type="range"]:focus::-webkit-slider-thumb{
  outline:2px solid transparent;
  outline-offset:2px;
  --tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-opacity:1px;
  --tw-ring-color:rgb(164 202 254 / var(--tw-ring-opacity))
}

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

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

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

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

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

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

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

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

.container{
  width:100%
}

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

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

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

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

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

.sr-only{
  position:absolute;
  width:1px;
  height:1px;
  padding:0;
  margin:-1px;
  overflow:hidden;
  clip:rect(0, 0, 0, 0);
  white-space:nowrap;
  border-width:0
}

.pointer-events-none{
  pointer-events:none
}

.pointer-events-auto{
  pointer-events:auto
}

.visible{
  visibility:visible
}

.invisible{
  visibility:hidden
}

.collapse{
  visibility:collapse
}

.static{
  position:static
}

.fixed{
  position:fixed
}

.absolute{
  position:absolute
}

.relative{
  position:relative
}

.sticky{
  position:sticky
}

.inset-0{
  inset:0px
}

.inset-auto{
  inset:auto
}

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

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

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

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

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

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

.bottom-0{
  bottom:0px
}

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

.bottom-full{
  bottom:100%
}

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

.left-0{
  left:0px
}

.left-1{
  left:0.25rem
}

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

.left-3{
  left:0.75rem
}

.left-4{
  left:1rem
}

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

.left-full{
  left:100%
}

.right-0{
  right:0px
}

.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-6{
  top:1.5rem
}

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

.top-full{
  top:100%
}

.isolate{
  isolation:isolate
}

.z-10{
  z-index:10
}

.z-20{
  z-index:20
}

.z-30{
  z-index:30
}

.z-40{
  z-index:40
}

.z-50{
  z-index:50
}

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

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

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

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

.order-1{
  order:1
}

.order-2{
  order:2
}

.order-3{
  order:3
}

.order-4{
  order:4
}

.order-none{
  order:0
}

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

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

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

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

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

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

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

.m-0{
  margin:0px
}

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

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

.-mx-2{
  margin-left:-0.5rem;
  margin-right:-0.5rem
}

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

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

.-mx-5{
  margin-left:-1.25rem;
  margin-right:-1.25rem
}

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

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

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

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

.mx-2{
  margin-left:0.5rem;
  margin-right:0.5rem
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.mb-10{
  margin-bottom:2.5rem
}

.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-auto{
  margin-left:auto
}

.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-12{
  margin-top:3rem
}

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

.line-clamp-1{
  overflow:hidden;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:1
}

.line-clamp-2{
  overflow:hidden;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2
}

.block{
  display:block
}

.inline-block{
  display:inline-block
}

.inline{
  display:inline
}

.flex{
  display:flex
}

.inline-flex{
  display:inline-flex
}

.table{
  display:table
}

.table-row{
  display:table-row
}

.grid{
  display:grid
}

.contents{
  display:contents
}

.hidden{
  display:none
}

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

.h-1{
  height:0.25rem
}

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

.h-10{
  height:2.5rem
}

.h-12{
  height:3rem
}

.h-14{
  height:3.5rem
}

.h-16{
  height:4rem
}

.h-2{
  height:0.5rem
}

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

.h-20{
  height:5rem
}

.h-24{
  height:6rem
}

.h-28{
  height:7rem
}

.h-3{
  height:0.75rem
}

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

.h-32{
  height:8rem
}

.h-4{
  height:1rem
}

.h-48{
  height:12rem
}

.h-5{
  height:1.25rem
}

.h-6{
  height:1.5rem
}

.h-64{
  height:16rem
}

.h-7{
  height:1.75rem
}

.h-8{
  height:2rem
}

.h-9{
  height:2.25rem
}

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

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

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

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

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

.h-full{
  height:100%
}

.h-px{
  height:1px
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.w-10{
  width:2.5rem
}

.w-12{
  width:3rem
}

.w-14{
  width:3.5rem
}

.w-16{
  width:4rem
}

.w-2{
  width:0.5rem
}

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

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

.w-20{
  width:5rem
}

.w-24{
  width:6rem
}

.w-28{
  width:7rem
}

.w-3{
  width:0.75rem
}

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

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

.w-32{
  width:8rem
}

.w-36{
  width:9rem
}

.w-4{
  width:1rem
}

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

.w-40{
  width:10rem
}

.w-44{
  width:11rem
}

.w-48{
  width:12rem
}

.w-5{
  width:1.25rem
}

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

.w-6{
  width:1.5rem
}

.w-64{
  width:16rem
}

.w-7{
  width:1.75rem
}

.w-8{
  width:2rem
}

.w-9{
  width:2.25rem
}

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

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

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

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

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

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

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

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

.w-auto{
  width:auto
}

.w-full{
  width:100%
}

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

.w-px{
  width:1px
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.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-shrink{
  flex-shrink:1
}

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

.shrink-0{
  flex-shrink:0
}

.flex-grow{
  flex-grow:1
}

.grow{
  flex-grow:1
}

.border-collapse{
  border-collapse:collapse
}

.-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-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{
  resize:both
}

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

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

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

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

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

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

.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-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-1{
  row-gap:0.25rem
}

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

.gap-y-2{
  row-gap:0.5rem
}

.gap-y-5{
  row-gap:1.25rem
}

.-space-x-2 > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse:0;
  margin-right:calc(-0.5rem * var(--tw-space-x-reverse));
  margin-left:calc(-0.5rem * calc(1 - var(--tw-space-x-reverse)))
}

.-space-x-3 > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse:0;
  margin-right:calc(-0.75rem * var(--tw-space-x-reverse));
  margin-left:calc(-0.75rem * calc(1 - var(--tw-space-x-reverse)))
}

.space-x-2 > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse:0;
  margin-right:calc(0.5rem * var(--tw-space-x-reverse));
  margin-left:calc(0.5rem * calc(1 - var(--tw-space-x-reverse)))
}

.space-y-0 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse:0;
  margin-top:calc(0px * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom:calc(0px * var(--tw-space-y-reverse))
}

.space-y-0\.5 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse:0;
  margin-top:calc(0.125rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom:calc(0.125rem * var(--tw-space-y-reverse))
}

.space-y-1 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse:0;
  margin-top:calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom:calc(0.25rem * var(--tw-space-y-reverse))
}

.space-y-1\.5 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse:0;
  margin-top:calc(0.375rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom:calc(0.375rem * var(--tw-space-y-reverse))
}

.space-y-2 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse:0;
  margin-top:calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom:calc(0.5rem * var(--tw-space-y-reverse))
}

.space-y-3 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse:0;
  margin-top:calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom:calc(0.75rem * var(--tw-space-y-reverse))
}

.space-y-4 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse:0;
  margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom:calc(1rem * var(--tw-space-y-reverse))
}

.space-y-5 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse:0;
  margin-top:calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom:calc(1.25rem * var(--tw-space-y-reverse))
}

.space-y-6 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse:0;
  margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))
}

.space-y-8 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse:0;
  margin-top:calc(2rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom:calc(2rem * var(--tw-space-y-reverse))
}

.divide-x > :not([hidden]) ~ :not([hidden]){
  --tw-divide-x-reverse:0;
  border-right-width:calc(1px * var(--tw-divide-x-reverse));
  border-left-width:calc(1px * calc(1 - var(--tw-divide-x-reverse)))
}

.divide-y > :not([hidden]) ~ :not([hidden]){
  --tw-divide-y-reverse:0;
  border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  border-bottom-width:calc(1px * var(--tw-divide-y-reverse))
}

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

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

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

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

.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-all{
  word-break:break-all
}

.rounded{
  border-radius:0.25rem
}

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

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

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

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

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

.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-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-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-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-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-hidden{
  border-style:hidden
}

.border-none{
  border-style:none
}

.border-\[\#1e5a8a\]{
  --tw-border-opacity:1;
  border-color:rgb(30 90 138 / 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-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-current{
  border-color:currentColor
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.border-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-600{
  --tw-border-opacity:1;
  border-color:rgb(88 80 236 / var(--tw-border-opacity, 1))
}

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

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

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

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

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

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

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

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

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

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

.border-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-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-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-transparent{
  border-color:transparent
}

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

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

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

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

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

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

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

.bg-\[\#f0f7fc\]{
  --tw-bg-opacity:1;
  background-color:rgb(240 247 252 / 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-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-cyan-100{
  --tw-bg-opacity:1;
  background-color:rgb(207 250 254 / 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-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-gray-100{
  --tw-bg-opacity:1;
  background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))
}

.bg-gray-100\/50{
  background-color:rgb(243 244 246 / 0.5)
}

.bg-gray-100\/70{
  background-color:rgb(243 244 246 / 0.7)
}

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

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

.bg-gray-300\/60{
  background-color:rgb(209 213 219 / 0.6)
}

.bg-gray-300\/80{
  background-color:rgb(209 213 219 / 0.8)
}

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

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

.bg-gray-50\/30{
  background-color:rgb(249 250 251 / 0.3)
}

.bg-gray-50\/50{
  background-color:rgb(249 250 251 / 0.5)
}

.bg-gray-50\/70{
  background-color:rgb(249 250 251 / 0.7)
}

.bg-gray-800{
  --tw-bg-opacity:1;
  background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1))
}

.bg-gray-900{
  --tw-bg-opacity:1;
  background-color:rgb(17 24 39 / var(--tw-bg-opacity, 1))
}

.bg-gray-900\/50{
  background-color:rgb(17 24 39 / 0.5)
}

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

.bg-green-400{
  --tw-bg-opacity:1;
  background-color:rgb(49 196 141 / var(--tw-bg-opacity, 1))
}

.bg-green-50{
  --tw-bg-opacity:1;
  background-color:rgb(243 250 247 / var(--tw-bg-opacity, 1))
}

.bg-green-50\/30{
  background-color:rgb(243 250 247 / 0.3)
}

.bg-green-50\/50{
  background-color:rgb(243 250 247 / 0.5)
}

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

.bg-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-600{
  --tw-bg-opacity:1;
  background-color:rgb(88 80 236 / var(--tw-bg-opacity, 1))
}

.bg-lime-100{
  --tw-bg-opacity:1;
  background-color:rgb(236 252 203 / var(--tw-bg-opacity, 1))
}

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

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

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

.bg-neutral-400{
  --tw-bg-opacity:1;
  background-color:rgb(163 163 163 / var(--tw-bg-opacity, 1))
}

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

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

.bg-orange-100{
  --tw-bg-opacity:1;
  background-color:rgb(254 236 220 / var(--tw-bg-opacity, 1))
}

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

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

.bg-orange-400{
  --tw-bg-opacity:1;
  background-color:rgb(255 138 76 / var(--tw-bg-opacity, 1))
}

.bg-orange-50{
  --tw-bg-opacity:1;
  background-color:rgb(255 248 241 / var(--tw-bg-opacity, 1))
}

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

.bg-pink-100{
  --tw-bg-opacity:1;
  background-color:rgb(252 232 243 / var(--tw-bg-opacity, 1))
}

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

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

.bg-purple-400{
  --tw-bg-opacity:1;
  background-color:rgb(172 148 250 / var(--tw-bg-opacity, 1))
}

.bg-purple-50{
  --tw-bg-opacity:1;
  background-color:rgb(246 245 255 / var(--tw-bg-opacity, 1))
}

.bg-purple-50\/30{
  background-color:rgb(246 245 255 / 0.3)
}

.bg-purple-50\/50{
  background-color:rgb(246 245 255 / 0.5)
}

.bg-purple-500{
  --tw-bg-opacity:1;
  background-color:rgb(144 97 249 / 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-sky-100{
  --tw-bg-opacity:1;
  background-color:rgb(224 242 254 / 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-200{
  --tw-bg-opacity:1;
  background-color:rgb(226 232 240 / var(--tw-bg-opacity, 1))
}

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

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

.bg-slate-50{
  --tw-bg-opacity:1;
  background-color:rgb(248 250 252 / var(--tw-bg-opacity, 1))
}

.bg-slate-50\/30{
  background-color:rgb(248 250 252 / 0.3)
}

.bg-slate-50\/40{
  background-color:rgb(248 250 252 / 0.4)
}

.bg-slate-50\/50{
  background-color:rgb(248 250 252 / 0.5)
}

.bg-slate-50\/60{
  background-color:rgb(248 250 252 / 0.6)
}

.bg-slate-900\/40{
  background-color:rgb(15 23 42 / 0.4)
}

.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-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-white{
  --tw-bg-opacity:1;
  background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))
}

.bg-white\/20{
  background-color:rgb(255 255 255 / 0.2)
}

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

.bg-white\/60{
  background-color:rgb(255 255 255 / 0.6)
}

.bg-yellow-100{
  --tw-bg-opacity:1;
  background-color:rgb(253 246 178 / var(--tw-bg-opacity, 1))
}

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

.bg-yellow-300{
  --tw-bg-opacity:1;
  background-color:rgb(250 202 21 / var(--tw-bg-opacity, 1))
}

.bg-yellow-400{
  --tw-bg-opacity:1;
  background-color:rgb(227 160 8 / var(--tw-bg-opacity, 1))
}

.bg-yellow-50{
  --tw-bg-opacity:1;
  background-color:rgb(253 253 234 / var(--tw-bg-opacity, 1))
}

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

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

.from-amber-400{
  --tw-gradient-from:#fbbf24 var(--tw-gradient-from-position);
  --tw-gradient-to:rgb(251 191 36 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-blue-50{
  --tw-gradient-from:#EBF5FF var(--tw-gradient-from-position);
  --tw-gradient-to:rgb(235 245 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-blue-500{
  --tw-gradient-from:#3F83F8 var(--tw-gradient-from-position);
  --tw-gradient-to:rgb(63 131 248 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-blue-600{
  --tw-gradient-from:#1C64F2 var(--tw-gradient-from-position);
  --tw-gradient-to:rgb(28 100 242 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-cyan-500{
  --tw-gradient-from:#06b6d4 var(--tw-gradient-from-position);
  --tw-gradient-to:rgb(6 182 212 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-green-500{
  --tw-gradient-from:#0E9F6E var(--tw-gradient-from-position);
  --tw-gradient-to:rgb(14 159 110 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-indigo-50{
  --tw-gradient-from:#F0F5FF var(--tw-gradient-from-position);
  --tw-gradient-to:rgb(240 245 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-indigo-500{
  --tw-gradient-from:#6875F5 var(--tw-gradient-from-position);
  --tw-gradient-to:rgb(104 117 245 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-orange-500{
  --tw-gradient-from:#FF5A1F var(--tw-gradient-from-position);
  --tw-gradient-to:rgb(255 90 31 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-pink-500{
  --tw-gradient-from:#E74694 var(--tw-gradient-from-position);
  --tw-gradient-to:rgb(231 70 148 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-purple-50{
  --tw-gradient-from:#F6F5FF var(--tw-gradient-from-position);
  --tw-gradient-to:rgb(246 245 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-purple-500{
  --tw-gradient-from:#9061F9 var(--tw-gradient-from-position);
  --tw-gradient-to:rgb(144 97 249 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-red-500{
  --tw-gradient-from:#F05252 var(--tw-gradient-from-position);
  --tw-gradient-to:rgb(240 82 82 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)
}

.via-purple-50{
  --tw-gradient-to:rgb(246 245 255 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from), #F6F5FF var(--tw-gradient-via-position), var(--tw-gradient-to)
}

.to-blue-400{
  --tw-gradient-to:#76A9FA var(--tw-gradient-to-position)
}

.to-blue-600{
  --tw-gradient-to:#1C64F2 var(--tw-gradient-to-position)
}

.to-cyan-600{
  --tw-gradient-to:#0891b2 var(--tw-gradient-to-position)
}

.to-green-600{
  --tw-gradient-to:#057A55 var(--tw-gradient-to-position)
}

.to-indigo-50{
  --tw-gradient-to:#F0F5FF var(--tw-gradient-to-position)
}

.to-indigo-600{
  --tw-gradient-to:#5850EC var(--tw-gradient-to-position)
}

.to-orange-500{
  --tw-gradient-to:#FF5A1F var(--tw-gradient-to-position)
}

.to-orange-600{
  --tw-gradient-to:#D03801 var(--tw-gradient-to-position)
}

.to-pink-500{
  --tw-gradient-to:#E74694 var(--tw-gradient-to-position)
}

.to-pink-600{
  --tw-gradient-to:#D61F69 var(--tw-gradient-to-position)
}

.to-purple-50{
  --tw-gradient-to:#F6F5FF var(--tw-gradient-to-position)
}

.to-purple-600{
  --tw-gradient-to:#7E3AF2 var(--tw-gradient-to-position)
}

.to-red-600{
  --tw-gradient-to:#E02424 var(--tw-gradient-to-position)
}

.object-contain{
  -o-object-fit:contain;
     object-fit:contain
}

.object-cover{
  -o-object-fit:cover;
     object-fit:cover
}

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

.px-0{
  padding-left:0px;
  padding-right:0px
}

.px-1{
  padding-left:0.25rem;
  padding-right:0.25rem
}

.px-1\.5{
  padding-left:0.375rem;
  padding-right:0.375rem
}

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

.pb-0{
  padding-bottom:0px
}

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

.pb-1\.5{
  padding-bottom:0.375rem
}

.pb-2{
  padding-bottom:0.5rem
}

.pb-3{
  padding-bottom:0.75rem
}

.pb-4{
  padding-bottom:1rem
}

.pl-0{
  padding-left:0px
}

.pl-10{
  padding-left:2.5rem
}

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

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

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

.pl-5{
  padding-left:1.25rem
}

.pl-6{
  padding-left:1.5rem
}

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

.pl-9{
  padding-left:2.25rem
}

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

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

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

.pr-36{
  padding-right:9rem
}

.pr-4{
  padding-right:1rem
}

.pr-5{
  padding-right:1.25rem
}

.pr-7{
  padding-right:1.75rem
}

.pr-8{
  padding-right:2rem
}

.pt-0{
  padding-top:0px
}

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

.pt-1\.5{
  padding-top:0.375rem
}

.pt-14{
  padding-top:3.5rem
}

.pt-2{
  padding-top:0.5rem
}

.pt-3{
  padding-top:0.75rem
}

.pt-4{
  padding-top:1rem
}

.pt-5{
  padding-top:1.25rem
}

.pt-6{
  padding-top:1.5rem
}

.pt-8{
  padding-top:2rem
}

.text-left{
  text-align:left
}

.text-center{
  text-align:center
}

.text-right{
  text-align:right
}

.align-top{
  vertical-align:top
}

.align-middle{
  vertical-align:middle
}

.align-bottom{
  vertical-align:bottom
}

.font-mono{
  font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace
}

.font-serif{
  font-family:ui-serif, Georgia, Cambria, "Times New Roman", Times, serif
}

.text-2xl{
  font-size:1.5rem;
  line-height:2rem
}

.text-3xl{
  font-size:1.875rem;
  line-height:2.25rem
}

.text-4xl{
  font-size:2.25rem;
  line-height:2.5rem
}

.text-5xl{
  font-size:3rem;
  line-height:1
}

.text-\[0\.65rem\]{
  font-size:0.65rem
}

.text-\[0\.6875rem\]{
  font-size:0.6875rem
}

.text-\[0\.75rem\]{
  font-size:0.75rem
}

.text-\[0\.7rem\]{
  font-size:0.7rem
}

.text-\[0\.9375rem\]{
  font-size:0.9375rem
}

.text-\[10px\]{
  font-size:10px
}

.text-\[11px\]{
  font-size:11px
}

.text-\[13px\]{
  font-size:13px
}

.text-\[8px\]{
  font-size:8px
}

.text-\[9px\]{
  font-size:9px
}

.text-base{
  font-size:1rem;
  line-height:1.5rem
}

.text-lg{
  font-size:1.125rem;
  line-height:1.75rem
}

.text-sm{
  font-size:0.875rem;
  line-height:1.25rem
}

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

.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-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-\[\#1e5a8a\]{
  --tw-text-opacity:1;
  color:rgb(30 90 138 / var(--tw-text-opacity, 1))
}

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

.text-amber-400{
  --tw-text-opacity:1;
  color:rgb(251 191 36 / var(--tw-text-opacity, 1))
}

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

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

.text-amber-700{
  --tw-text-opacity:1;
  color:rgb(180 83 9 / var(--tw-text-opacity, 1))
}

.text-amber-800{
  --tw-text-opacity:1;
  color:rgb(146 64 14 / var(--tw-text-opacity, 1))
}

.text-amber-900{
  --tw-text-opacity:1;
  color:rgb(120 53 15 / var(--tw-text-opacity, 1))
}

.text-black{
  --tw-text-opacity:1;
  color:rgb(0 0 0 / var(--tw-text-opacity, 1))
}

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

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

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

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

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

.text-blue-800{
  --tw-text-opacity:1;
  color:rgb(30 66 159 / var(--tw-text-opacity, 1))
}

.text-blue-900{
  --tw-text-opacity:1;
  color:rgb(35 56 118 / var(--tw-text-opacity, 1))
}

.text-cyan-800{
  --tw-text-opacity:1;
  color:rgb(21 94 117 / 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-foreground{
  --tw-text-opacity:1;
  color:rgb(17 24 39 / var(--tw-text-opacity, 1))
}

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

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

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

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

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

.text-gray-600{
  --tw-text-opacity:1;
  color:rgb(75 85 99 / var(--tw-text-opacity, 1))
}

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

.text-gray-800{
  --tw-text-opacity:1;
  color:rgb(31 41 55 / var(--tw-text-opacity, 1))
}

.text-gray-900{
  --tw-text-opacity:1;
  color:rgb(17 24 39 / var(--tw-text-opacity, 1))
}

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

.text-green-400{
  --tw-text-opacity:1;
  color:rgb(49 196 141 / var(--tw-text-opacity, 1))
}

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

.text-green-600{
  --tw-text-opacity:1;
  color:rgb(5 122 85 / var(--tw-text-opacity, 1))
}

.text-green-700{
  --tw-text-opacity:1;
  color:rgb(4 108 78 / var(--tw-text-opacity, 1))
}

.text-green-800{
  --tw-text-opacity:1;
  color:rgb(3 84 63 / var(--tw-text-opacity, 1))
}

.text-green-900{
  --tw-text-opacity:1;
  color:rgb(1 71 55 / var(--tw-text-opacity, 1))
}

.text-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-lime-800{
  --tw-text-opacity:1;
  color:rgb(63 98 18 / var(--tw-text-opacity, 1))
}

.text-muted-foreground{
  --tw-text-opacity:1;
  color:rgb(107 114 128 / var(--tw-text-opacity, 1))
}

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

.text-neutral-400{
  --tw-text-opacity:1;
  color:rgb(163 163 163 / var(--tw-text-opacity, 1))
}

.text-neutral-500{
  --tw-text-opacity:1;
  color:rgb(115 115 115 / var(--tw-text-opacity, 1))
}

.text-neutral-600{
  --tw-text-opacity:1;
  color:rgb(82 82 82 / var(--tw-text-opacity, 1))
}

.text-neutral-700{
  --tw-text-opacity:1;
  color:rgb(64 64 64 / var(--tw-text-opacity, 1))
}

.text-neutral-800{
  --tw-text-opacity:1;
  color:rgb(38 38 38 / var(--tw-text-opacity, 1))
}

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

.text-orange-400{
  --tw-text-opacity:1;
  color:rgb(255 138 76 / var(--tw-text-opacity, 1))
}

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

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

.text-orange-700{
  --tw-text-opacity:1;
  color:rgb(180 52 3 / var(--tw-text-opacity, 1))
}

.text-orange-800{
  --tw-text-opacity:1;
  color:rgb(138 44 13 / var(--tw-text-opacity, 1))
}

.text-pink-800{
  --tw-text-opacity:1;
  color:rgb(153 21 75 / var(--tw-text-opacity, 1))
}

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

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

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

.text-purple-700{
  --tw-text-opacity:1;
  color:rgb(108 43 217 / var(--tw-text-opacity, 1))
}

.text-purple-800{
  --tw-text-opacity:1;
  color:rgb(85 33 181 / var(--tw-text-opacity, 1))
}

.text-purple-900{
  --tw-text-opacity:1;
  color:rgb(74 29 150 / var(--tw-text-opacity, 1))
}

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

.text-red-400{
  --tw-text-opacity:1;
  color:rgb(249 128 128 / var(--tw-text-opacity, 1))
}

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

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

.text-red-700{
  --tw-text-opacity:1;
  color:rgb(200 30 30 / var(--tw-text-opacity, 1))
}

.text-red-800{
  --tw-text-opacity:1;
  color:rgb(155 28 28 / var(--tw-text-opacity, 1))
}

.text-red-900{
  --tw-text-opacity:1;
  color:rgb(119 29 29 / var(--tw-text-opacity, 1))
}

.text-rose-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-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-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-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-white{
  --tw-text-opacity:1;
  color:rgb(255 255 255 / var(--tw-text-opacity, 1))
}

.text-white\/80{
  color:rgb(255 255 255 / 0.8)
}

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

.text-yellow-600{
  --tw-text-opacity:1;
  color:rgb(159 88 10 / var(--tw-text-opacity, 1))
}

.text-yellow-700{
  --tw-text-opacity:1;
  color:rgb(142 75 16 / var(--tw-text-opacity, 1))
}

.text-yellow-800{
  --tw-text-opacity:1;
  color:rgb(114 59 19 / var(--tw-text-opacity, 1))
}

.underline{
  text-decoration-line:underline
}

.line-through{
  text-decoration-line:line-through
}

.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-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{
  --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-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-sm{
  --tw-shadow:0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-xl{
  --tw-shadow:0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
  --tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.outline-none{
  outline:2px solid transparent;
  outline-offset:2px
}

.outline{
  outline-style:solid
}

.ring{
  --tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}

.ring-1{
  --tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}

.ring-2{
  --tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}

.ring-4{
  --tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}

.ring-black\/5{
  --tw-ring-color:rgb(0 0 0 / 0.05)
}

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

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

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

.ring-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-\[margin\]{
  transition-property:margin;
  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
}

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

/* Tom Select / Searchable Filter Styles */

.avo-searchable-filter{
  width:100%;
  .ts-control{
    border-radius:0.375rem
  }
  .ts-control{
    border-width:1px
  }
  .ts-control{
    --tw-border-opacity:1;
    border-color:rgb(209 213 219 / var(--tw-border-opacity, 1))
  }
  .ts-control{
    padding-left:0.75rem;
    padding-right:0.75rem
  }
  .ts-control{
    padding-top:0.5rem;
    padding-bottom:0.5rem
  }
  .ts-control{
    font-size:0.875rem;
    line-height:1.25rem
  }
  .ts-control{
    --tw-shadow:0 1px 2px 0 rgb(0 0 0 / 0.05);
    --tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);
    box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
  }
  .ts-control {
    background-color: white;
    min-height: 38px;
  }
  .ts-control:focus-within{
    --tw-border-opacity:1;
    border-color:rgb(63 131 248 / var(--tw-border-opacity, 1))
  }
  .ts-control:focus-within{
    --tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
  }
  .ts-control:focus-within{
    --tw-ring-opacity:1;
    --tw-ring-color:rgb(63 131 248 / var(--tw-ring-opacity, 1))
  }
  .ts-dropdown{
    margin-top:0.25rem
  }
  .ts-dropdown{
    border-radius:0.375rem
  }
  .ts-dropdown{
    border-width:1px
  }
  .ts-dropdown{
    --tw-border-opacity:1;
    border-color:rgb(209 213 219 / var(--tw-border-opacity, 1))
  }
  .ts-dropdown{
    --tw-bg-opacity:1;
    background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))
  }
  .ts-dropdown{
    --tw-shadow:0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
    --tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
    box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
  }
  .ts-dropdown {
    z-index: 9999;
  }
  .ts-dropdown-content{
    max-height:15rem
  }
  .ts-dropdown-content{
    overflow-y:auto
  }
  .ts-dropdown .option{
    cursor:pointer
  }
  .ts-dropdown .option{
    padding-left:0.75rem;
    padding-right:0.75rem
  }
  .ts-dropdown .option{
    padding-top:0.5rem;
    padding-bottom:0.5rem
  }
  .ts-dropdown .option{
    font-size:0.875rem;
    line-height:1.25rem
  }
  .ts-dropdown .option {
    &:hover,
    &.active{
      --tw-bg-opacity:1;
      background-color:rgb(235 245 255 / var(--tw-bg-opacity, 1))
    }
    &:hover,
    &.active{
      --tw-text-opacity:1;
      color:rgb(26 86 219 / var(--tw-text-opacity, 1))
    }
    &.selected{
      --tw-bg-opacity:1;
      background-color:rgb(219 234 254 / var(--tw-bg-opacity, 1))
    }
    &.selected{
      --tw-text-opacity:1;
      color:rgb(30 66 159 / var(--tw-text-opacity, 1))
    }
  }
  .ts-dropdown .no-results{
    padding-left:0.75rem;
    padding-right:0.75rem
  }
  .ts-dropdown .no-results{
    padding-top:0.5rem;
    padding-bottom:0.5rem
  }
  .ts-dropdown .no-results{
    font-size:0.875rem;
    line-height:1.25rem
  }
  .ts-dropdown .no-results{
    font-style:italic
  }
  .ts-dropdown .no-results{
    --tw-text-opacity:1;
    color:rgb(107 114 128 / var(--tw-text-opacity, 1))
  }
  /* Clear button styling */
  .clear-button{
    --tw-text-opacity:1;
    color:rgb(156 163 175 / var(--tw-text-opacity, 1))
  }
  .clear-button:hover{
    --tw-text-opacity:1;
    color:rgb(75 85 99 / var(--tw-text-opacity, 1))
  }
  /* Input placeholder */
  .ts-control input::-moz-placeholder{
    --tw-text-opacity:1;
    color:rgb(156 163 175 / var(--tw-text-opacity, 1))
  }
  .ts-control input::placeholder{
    --tw-text-opacity:1;
    color:rgb(156 163 175 / var(--tw-text-opacity, 1))
  }
  /* Multi-select tag styling */
  &.avo-multi-select .ts-control .item{
    margin-right:0.25rem
  }
  &.avo-multi-select .ts-control .item{
    border-radius:0.25rem
  }
  &.avo-multi-select .ts-control .item{
    --tw-bg-opacity:1;
    background-color:rgb(219 234 254 / var(--tw-bg-opacity, 1))
  }
  &.avo-multi-select .ts-control .item{
    padding-left:0.5rem;
    padding-right:0.5rem
  }
  &.avo-multi-select .ts-control .item{
    padding-top:0.125rem;
    padding-bottom:0.125rem
  }
  &.avo-multi-select .ts-control .item{
    font-size:0.75rem;
    line-height:1rem
  }
  &.avo-multi-select .ts-control .item{
    --tw-text-opacity:1;
    color:rgb(30 66 159 / var(--tw-text-opacity, 1))
  }
  /* Remove button on tags */
  &.avo-multi-select .ts-control .item .remove{
    margin-left:0.25rem
  }
  &.avo-multi-select .ts-control .item .remove{
    --tw-text-opacity:1;
    color:rgb(28 100 242 / var(--tw-text-opacity, 1))
  }
  &.avo-multi-select .ts-control .item .remove:hover{
    --tw-text-opacity:1;
    color:rgb(30 66 159 / var(--tw-text-opacity, 1))
  }
}

/* AVO Card dropdown */

[id*="_range"][id*="_range"]{
  width:auto
}

/* Compact filter cards - reduce minimum height */

/* Target the parent grid cell wrapper that has min-h-[8rem] */

div:has(> turbo-frame > [data-card-id="ltv_tag_filter"]),
div:has(> turbo-frame > [data-card-id="sales_tag_filter"]) {
  min-height: auto !important;
}

/* Metric tooltip - pure CSS hover tooltip */

.tooltip-trigger{
  position:relative;
  cursor:help;
  .tooltip-content{
    transition-property:opacity;
    transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration:150ms
  }
  .tooltip-content{
    transition-duration:200ms
  }
  &:hover .tooltip-content{
    visibility:visible
  }
  &:hover .tooltip-content{
    opacity:1
  }
}

/* Allow tooltips to escape card overflow */

.tooltip-trigger {
  /* Create new stacking context */
  isolation: isolate;
}

/* Ensure tooltip content is above everything */

.tooltip-content {
  z-index: 99999 !important;
}

/* Mobile horizontal-overflow guard. `overflow-x: hidden` on
   <html>/<body> CANNOT be used here — Chromium treats that as a
   containing-block trigger for `position: fixed` descendants. Modals
   now use the native <dialog> element + top layer (see modal_controller),
   so this guard is mostly historical, but the max-width still helps. */

html, body {
  max-width: 100vw;
}

/* Native <dialog> modals — reset the browser default chrome so the
   panel inside controls the visual treatment. The backdrop pseudo-element
   gives us the dimmed overlay across the entire viewport (it's
   rendered in the top layer, so no containing-block issues).

   Centering: brute-force fixed-position transform centering. The UA
   `dialog:modal` rules only anchor top + inset-inline (no bottom), and
   the previous `inset: 0; margin: auto;` approach failed in some cases
   when the dialog wasn't actually in the top layer (showModal not
   called for whatever reason). With explicit transform centering, the
   dialog renders in the same place whether showModal landed it in the
   top layer or it's just sitting open in the frame — visually we
   always get a centered modal. */

dialog.modal {
  position: fixed;
  top: 50%;
  left: 50%;
  right: auto;
  bottom: auto;
  inset: auto;
  margin: 0;
  transform: translate(-50%, -50%);
  padding: 0;
  border: 0;
  background: transparent;
  max-width: min(100vw, 64rem);
  max-height: 100dvh;
  overflow: visible;
  z-index: 9998;
}

dialog.modal::backdrop {
  background-color: rgba(15, 23, 42, 0.55);
  backdrop-filter: blur(2px);
  -webkit-backdrop-filter: blur(2px);
}

@media (max-width: 768px) {
  /* Force everything to fit viewport width */

  body,
  body > div,
  [data-controller="sidebar"],
  .content-area,
  .main-content-area,
  .content {
    width: 100% !important;
    max-width: 100vw !important;
    overflow-x: hidden !important;
  }

  /* Reduce padding on mobile */

  .content {
    padding: 0.5rem !important;
  }

  /* Hide desktop sidebar completely */

  .hidden.lg\\:flex {
    display: none !important;
  }

  /* Any max-width containers should be full-width */

  .max-w-screen-xl,
  .max-w-7xl,
  .max-w-6xl,
  .max-w-5xl,
  .container {
    max-width: 100% !important;
    width: 100% !important;
  }

  /* Ensure grids don't overflow */

  .grid {
    max-width: 100% !important;
  }
}

/* Avo Modal Responsive - always ensure modals fit on smaller screens */

/* Radio buttons - NEVER stretch them */

[data-controller="modal"] input[type="radio"] {
  width: 1rem !important;
  height: 1rem !important;
  flex-shrink: 0 !important;
}

/* Avo modal overlay - ensure it renders above custom grid layouts */

/* Custom show page grids create stacking contexts that can push the modal behind content */

[data-controller="modal"] {
  z-index: 99999 !important;
  position: relative;
}

/* Modal body - responsive width */

.modal-body {
  max-width: min(95vw, 32rem) !important;
  width: auto !important;
}

@media (max-width: 640px) {
  .modal-body {
    max-width: 95vw !important;
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important;
  }

  /* Make text inputs, selects, textareas full width on mobile */

  [data-controller="modal"] select,
  [data-controller="modal"] input:not([type="radio"]):not([type="checkbox"]),
  [data-controller="modal"] textarea {
    width: 100% !important;
  }
}

/* ==================================================================
   VegaLite Tooltip Styles - Highcharts/Chartkick inspired
   ================================================================== */

#vg-tooltip-element{
  border-radius:0.5rem;
  border-width:1px;
  --tw-border-opacity:1;
  border-color:rgb(243 244 246 / var(--tw-border-opacity, 1));
  --tw-bg-opacity:1;
  background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));
  --tw-shadow:0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
  padding: 12px 16px !important;
  max-width: 300px;
  font-size: 13px !important;
  line-height: 1.5 !important;
  color: #374151 !important;
  /* gray-700 */
  /* Subtle shadow like Highcharts */
  box-shadow:
    0 4px 6px -1px rgba(0, 0, 0, 0.1),
    0 2px 4px -1px rgba(0, 0, 0, 0.06) !important
}

#vg-tooltip-element.light-theme {
  background-color: #ffffff !important;
  border-color: #e5e7eb !important;
}

#vg-tooltip-element h2{
  margin-bottom:0.5rem;
  border-bottom-width:1px;
  --tw-border-opacity:1;
  border-color:rgb(243 244 246 / var(--tw-border-opacity, 1));
  padding-bottom:0.5rem;
  font-weight:600;
  --tw-text-opacity:1;
  color:rgb(31 41 55 / var(--tw-text-opacity, 1));
  font-size: 14px !important;
  margin: 0 0 8px 0 !important;
  padding-bottom: 8px !important
}

#vg-tooltip-element table {
  border-spacing: 0 !important;
}

#vg-tooltip-element td {
  padding: 4px 0 !important;
}

#vg-tooltip-element td.key{
  font-weight:500;
  --tw-text-opacity:1;
  color:rgb(107 114 128 / var(--tw-text-opacity, 1));
  font-size: 12px !important;
  text-transform: capitalize;
  padding-right: 16px !important
}

#vg-tooltip-element td.value{
  text-align:right;
  font-weight:600;
  --tw-text-opacity:1;
  color:rgb(31 41 55 / var(--tw-text-opacity, 1));
  font-size: 13px !important;
  padding-left: 8px !important
}

/* Color swatch in tooltip */

#vg-tooltip-element .color-swatch{
  margin-right:0.5rem;
  display:inline-block;
  border-radius:9999px;
  width: 10px !important;
  height: 10px !important;
  vertical-align: middle
}

/* VegaLite chart container styling */

[data-controller="vega-chart"]{
  width:100%;
  /* Ensure SVG fills container */
  svg{
    height:auto
  }
  svg{
    width:100%
  }
  /* Chart title styling - if rendered inline */
  .vega-embed{
    width:100%
  }
  /* Actions menu (hidden by default but style if enabled) */
  .vega-embed .vega-actions{
    position:absolute
  }
  .vega-embed .vega-actions{
    top:0.5rem
  }
  .vega-embed .vega-actions{
    right:0.5rem
  }
  .vega-embed .vega-actions{
    opacity:0
  }
  .vega-embed .vega-actions{
    transition-property:opacity;
    transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration:150ms
  }
  .vega-embed .vega-actions{
    transition-duration:200ms
  }
  .vega-embed:hover .vega-actions{
    opacity:1
  }
  .vega-embed .vega-actions a{
    padding-left:0.5rem;
    padding-right:0.5rem
  }
  .vega-embed .vega-actions a{
    padding-top:0.25rem;
    padding-bottom:0.25rem
  }
  .vega-embed .vega-actions a{
    font-size:0.75rem;
    line-height:1rem
  }
  .vega-embed .vega-actions a{
    --tw-text-opacity:1;
    color:rgb(156 163 175 / var(--tw-text-opacity, 1))
  }
  .vega-embed .vega-actions a:hover{
    --tw-text-opacity:1;
    color:rgb(75 85 99 / var(--tw-text-opacity, 1))
  }
  /* Drilldown heatmaps: pointer cursor on cells */
  &[data-vega-chart-drilldown-value="true"] .mark-rect path,
  &[data-vega-chart-drilldown-value="true"] .mark-rect rect {
    cursor: pointer;
  }
}

/* ==================================================================
   Turbo Frame busy state — REMOVED.
   The global "Loading…" overlay in app/javascript/application.js
   handles all turbo-driven loading (page navs + frame loads) with a
   300ms delay so fast swaps feel instant. The previous CSS-driven
   per-frame spinner (turbo-frame[busy]::before + ::after) fired
   immediately, stacking with the global overlay and producing two
   spinners on every modal open / table pagination.
   ================================================================== */

/* ==================================================================
   Dashboard Cards - Align to top, don't stretch to fill row height
   ================================================================== */

.grid:has([data-controller="dashboard-card"]) {
  align-items: start !important;
}

/* Dashboard cards - remove Avo's white wrapper styling */

/* Makes all dashboard cards transparent to prevent jarring gaps */

/* Each Phlex component handles its own card styling */

.grid:has([data-controller="dashboard-card"]) > div {
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
}

/* Also target turbo-frame wrappers */

div:has(> turbo-frame > [data-card-id]) {
  background: transparent !important;
  box-shadow: none !important;
  min-height: auto !important;
  border: none !important;
}

/* Kitchen sink cards - remove Avo's white wrapper styling */

/* These are full-width demo sections that don't need card chrome */

/* Target the white wrapper div that contains the turbo-frame with kitchen sink content */

div.shadow-panel:has([data-card-id="sortable_tables"]),
div.shadow-panel:has([data-card-id="form_primitives"]),
div.shadow-panel:has([data-card-id="kpi_tables"]) {
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
  border-radius: 0 !important;
}

/* ==================================================================
   Web Awesome - Reset Avo/Tailwind Forms styles
   Avo's base CSS (avo.base.css:4230) applies border to native inputs
   We need higher specificity to override
   ================================================================== */

wa-input[type],
wa-input:not([type]),
wa-textarea,
wa-select,
wa-combobox {
  border-width: 0 !important;
}

/* ==================================================================
   Web Awesome wa-details - Flat table row style
   Remove rounded corners and borders when used in table/list contexts
   ================================================================== */

/* Flat style for wa-details in divided lists */

.divide-y wa-details,
wa-details.table-row {
  --border-radius: 0;
  --border-width: 0;
  border-radius: 0 !important;
}

/* Remove the default wa-details border and shadow */

.divide-y wa-details::part(base),
wa-details.table-row::part(base) {
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

/* Style the summary part to look like a table row */

.divide-y wa-details::part(summary),
wa-details.table-row::part(summary) {
  border-radius: 0 !important;
  padding: 0 !important;
}

/* Remove default summary icon styling that adds extra space */

.divide-y wa-details::part(summary-icon),
wa-details.table-row::part(summary-icon) {
  display: none;
}

/* ==================================================================
   StellaWa Sortable Tables - Override default sortable.scss
   Use cleaner styling for our component library tables
   ================================================================== */

table.sortable.stella-wa-table {
  /* Reset the heavy border styling from sortable.scss */
  td,
  th {
    border: none !important;
  }
  thead th{
    font-size:0.75rem;
    line-height:1rem
  }
  thead th{
    font-weight:600
  }
  thead th{
    text-transform:uppercase
  }
  thead th{
    letter-spacing:0.025em
  }
  thead th{
    --tw-text-opacity:1;
    color:rgb(75 85 99 / var(--tw-text-opacity, 1))
  }
  thead th{
    border-bottom-width:1px
  }
  thead th{
    --tw-border-opacity:1;
    border-color:rgb(229 231 235 / var(--tw-border-opacity, 1))
  }
  thead th {
    border-left: none !important;
    border-right: none !important;
    border-top: none !important;
  }
  /* Sortable header cursor */
  thead th[data-sort-method]:not([data-sort-method="none"]){
    cursor:pointer
  }
  thead th[data-sort-method]:not([data-sort-method="none"]) {
    &:hover{
      --tw-bg-opacity:1;
      background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))
    }
  }
  /* Sort indicator */
  thead th[aria-sort="ascending"]::after {
    content: " ↑";
  }
  thead th[aria-sort="ascending"]::after{
    --tw-text-opacity:1;
    color:rgb(28 100 242 / var(--tw-text-opacity, 1))
  }
  thead th[aria-sort="descending"]::after {
    content: " ↓";
  }
  thead th[aria-sort="descending"]::after{
    --tw-text-opacity:1;
    color:rgb(28 100 242 / var(--tw-text-opacity, 1))
  }
  /* Footer rows - no bottom border on last row */
  tfoot tr:last-child td {
    border-bottom: none !important;
  }
  /* Column borders variant — thin vertical dividers between columns */
  &.column-borders {
    td + td,
    th + th {
      border-left: 1px solid #e5e7eb !important;
      /* gray-200 */
    }
  }
}

/* ==================================================================
   Avo Filter Panel - Unified Input Group Pattern
   [Label Prefix] | [Input]
   ================================================================== */

/* Filter cell container */

.filter-cell {
  overflow: visible !important;
  padding: 0 !important;
  display: flex !important;
  align-items: stretch !important;
  border: 1px solid #d1d5db !important;
  border-radius: 4px !important;
  background: white !important;
}

/* Flex row containers (controller + inner wrapper) */

.filter-cell > div,
.filter-cell > div > div {
  flex: 1 !important;
  display: flex !important;
  align-items: stretch !important;
  min-width: 0 !important;
}

/* Label prefix - fixed 80px */

.filter-cell > div > div > .p-4.pb-0 {
  flex: 0 0 80px !important;
  width: 80px !important;
  background: #f3f4f6 !important;
  padding: 4px 6px !important;
  display: flex !important;
  align-items: center !important;
  font-size: 0.65rem !important;
  font-weight: 600 !important;
  color: #374151 !important;
  border-right: 1px solid #d1d5db !important;
  line-height: 1.15 !important;
  word-break: break-word !important;
  margin: 0 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.02em !important;
}

/* Input area - grows to fill */

.filter-cell > div > div > .p-4:not(.pb-0) {
  flex: 1 !important;
  padding: 0 !important;
  display: flex !important;
  align-items: stretch !important;
  min-width: 0 !important;
  margin: 0 !important;
  background: white !important;
}

/* Hide "Filter by" buttons (unified Apply/Reset at bottom instead) */

.filter-cell .flex.justify-end {
  display: none !important;
}

/* Tom Select dropdown z-index */

.ts-dropdown {
  z-index: 99999 !important;
  position: absolute !important;
}

/* ===== StellaWa slicer combobox (filter-card sub-tab row) =====
   Mirrors the table footer search input exactly so both read as the same
   family of control:
     text-sm + border border-gray-300 + rounded + px-2.5 + h-9 + w-44
     focus:outline-none focus:ring-1 focus:ring-blue-400
   Tom Select provides the search/filter behaviour underneath. */

.sw-combobox.ts-wrapper {
  min-width: 11rem;
  /* w-44 */
  max-width: 15rem;
}

.sw-combobox .ts-control {
  height: 2.25rem;
  /* h-9 — matches footer search */
  padding: 0 2rem 0 0.625rem;
  /* room for clear-btn on right */
  font-size: 0.875rem;
  /* text-sm */
  line-height: 1.25rem;
  font-weight: 400;
  color: #111827;
  /* gray-900 */
  background: #ffffff;
  border: 1px solid #d1d5db;
  /* border-gray-300 */
  border-radius: 0.25rem;
  /* rounded */
  box-shadow: none;
  transition: box-shadow 0.15s, border-color 0.15s;
  cursor: text;
}

.sw-combobox .ts-control:hover {
  border-color: #9ca3af;
  /* gray-400 */
}

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

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

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

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

.before\:px-2::before{
  content:var(--tw-content);
  padding-left:0.5rem;
  padding-right:0.5rem
}

.before\:py-1\.5::before{
  content:var(--tw-content);
  padding-top:0.375rem;
  padding-bottom:0.375rem
}

.before\:text-xs::before{
  content:var(--tw-content);
  font-size:0.75rem;
  line-height:1rem
}

.before\:font-medium::before{
  content:var(--tw-content);
  font-weight:500
}

.before\:not-italic::before{
  content:var(--tw-content);
  font-style:normal
}

.before\:text-muted-foreground::before{
  content:var(--tw-content);
  --tw-text-opacity:1;
  color:rgb(107 114 128 / var(--tw-text-opacity, 1))
}

.before\:content-\[attr\(label\)\]::before{
  --tw-content:attr(label);
  content:var(--tw-content)
}

.first\: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))
}

.hover\:z-50:hover{
  z-index:50
}

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

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

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

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

.hover\:border-indigo-400:hover{
  --tw-border-opacity:1;
  border-color:rgb(141 162 251 / var(--tw-border-opacity, 1))
}

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

.hover\:border-neutral-400:hover{
  --tw-border-opacity:1;
  border-color:rgb(163 163 163 / var(--tw-border-opacity, 1))
}

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

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

.hover\:bg-\[\#1a4f7a\]:hover{
  --tw-bg-opacity:1;
  background-color:rgb(26 79 122 / var(--tw-bg-opacity, 1))
}

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

.hover\:bg-accent:hover{
  --tw-bg-opacity:1;
  background-color:rgb(240 247 252 / var(--tw-bg-opacity, 1))
}

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

.hover\:bg-amber-50:hover{
  --tw-bg-opacity:1;
  background-color:rgb(255 251 235 / var(--tw-bg-opacity, 1))
}

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

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

.hover\:bg-blue-50:hover{
  --tw-bg-opacity:1;
  background-color:rgb(235 245 255 / var(--tw-bg-opacity, 1))
}

.hover\:bg-blue-50\/30:hover{
  background-color:rgb(235 245 255 / 0.3)
}

.hover\:bg-blue-50\/40:hover{
  background-color:rgb(235 245 255 / 0.4)
}

.hover\:bg-blue-50\/60:hover{
  background-color:rgb(235 245 255 / 0.6)
}

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

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

.hover\:bg-blue-800:hover{
  --tw-bg-opacity:1;
  background-color:rgb(30 66 159 / var(--tw-bg-opacity, 1))
}

.hover\:bg-emerald-100:hover{
  --tw-bg-opacity:1;
  background-color:rgb(209 250 229 / var(--tw-bg-opacity, 1))
}

.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-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-500:hover{
  --tw-bg-opacity:1;
  background-color:rgb(107 114 128 / 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-neutral-100:hover{
  --tw-bg-opacity:1;
  background-color:rgb(245 245 245 / var(--tw-bg-opacity, 1))
}

.hover\:bg-neutral-200:hover{
  --tw-bg-opacity:1;
  background-color:rgb(229 229 229 / var(--tw-bg-opacity, 1))
}

.hover\:bg-neutral-50:hover{
  --tw-bg-opacity:1;
  background-color:rgb(250 250 250 / var(--tw-bg-opacity, 1))
}

.hover\:bg-neutral-800:hover{
  --tw-bg-opacity:1;
  background-color:rgb(38 38 38 / var(--tw-bg-opacity, 1))
}

.hover\:bg-orange-50:hover{
  --tw-bg-opacity:1;
  background-color:rgb(255 248 241 / var(--tw-bg-opacity, 1))
}

.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-slate-100:hover{
  --tw-bg-opacity:1;
  background-color:rgb(241 245 249 / var(--tw-bg-opacity, 1))
}

.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-violet-100:hover{
  --tw-bg-opacity:1;
  background-color:rgb(237 233 254 / var(--tw-bg-opacity, 1))
}

.hover\:bg-violet-50:hover{
  --tw-bg-opacity:1;
  background-color:rgb(245 243 255 / var(--tw-bg-opacity, 1))
}

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

.hover\:bg-white\/50:hover{
  background-color:rgb(255 255 255 / 0.5)
}

.hover\:bg-white\/60:hover{
  background-color:rgb(255 255 255 / 0.6)
}

.hover\:bg-white\/70:hover{
  background-color:rgb(255 255 255 / 0.7)
}

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

.hover\:bg-yellow-50:hover{
  --tw-bg-opacity:1;
  background-color:rgb(253 253 234 / var(--tw-bg-opacity, 1))
}

.hover\:text-\[\#1a4f7a\]:hover{
  --tw-text-opacity:1;
  color:rgb(26 79 122 / var(--tw-text-opacity, 1))
}

.hover\:text-accent-foreground:hover{
  --tw-text-opacity:1;
  color:rgb(30 90 138 / var(--tw-text-opacity, 1))
}

.hover\:text-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-emerald-600:hover{
  --tw-text-opacity:1;
  color:rgb(5 150 105 / var(--tw-text-opacity, 1))
}

.hover\:text-emerald-800:hover{
  --tw-text-opacity:1;
  color:rgb(6 95 70 / var(--tw-text-opacity, 1))
}

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

.hover\:text-gray-600:hover{
  --tw-text-opacity:1;
  color:rgb(75 85 99 / var(--tw-text-opacity, 1))
}

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

.hover\:text-gray-900:hover{
  --tw-text-opacity:1;
  color:rgb(17 24 39 / var(--tw-text-opacity, 1))
}

.hover\:text-green-600:hover{
  --tw-text-opacity:1;
  color:rgb(5 122 85 / var(--tw-text-opacity, 1))
}

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

.hover\:text-neutral-600:hover{
  --tw-text-opacity:1;
  color:rgb(82 82 82 / var(--tw-text-opacity, 1))
}

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

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

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

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

.hover\:text-red-700:hover{
  --tw-text-opacity:1;
  color:rgb(200 30 30 / var(--tw-text-opacity, 1))
}

.hover\:text-rose-600:hover{
  --tw-text-opacity:1;
  color:rgb(225 29 72 / var(--tw-text-opacity, 1))
}

.hover\:text-slate-600:hover{
  --tw-text-opacity:1;
  color:rgb(71 85 105 / var(--tw-text-opacity, 1))
}

.hover\:text-slate-700:hover{
  --tw-text-opacity:1;
  color:rgb(51 65 85 / var(--tw-text-opacity, 1))
}

.hover\:text-slate-900:hover{
  --tw-text-opacity:1;
  color:rgb(15 23 42 / var(--tw-text-opacity, 1))
}

.hover\:text-violet-700:hover{
  --tw-text-opacity:1;
  color:rgb(109 40 217 / var(--tw-text-opacity, 1))
}

.hover\:text-white:hover{
  --tw-text-opacity:1;
  color:rgb(255 255 255 / var(--tw-text-opacity, 1))
}

.hover\:underline:hover{
  text-decoration-line:underline
}

.hover\:decoration-solid:hover{
  text-decoration-style:solid
}

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

.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-neutral-500:focus{
  --tw-border-opacity:1;
  border-color:rgb(115 115 115 / var(--tw-border-opacity, 1))
}

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

.focus\:border-transparent:focus{
  border-color:transparent
}

.focus\:bg-orange-50:focus{
  --tw-bg-opacity:1;
  background-color:rgb(255 248 241 / var(--tw-bg-opacity, 1))
}

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

.focus\:outline-none:focus{
  outline:2px solid transparent;
  outline-offset:2px
}

.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-\[\#6cace4\]:focus{
  --tw-ring-opacity:1;
  --tw-ring-color:rgb(108 172 228 / 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-blue-500:focus{
  --tw-ring-opacity:1;
  --tw-ring-color:rgb(63 131 248 / 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-gray-300:focus{
  --tw-ring-opacity:1;
  --tw-ring-color:rgb(209 213 219 / var(--tw-ring-opacity, 1))
}

.focus\:ring-neutral-500:focus{
  --tw-ring-opacity:1;
  --tw-ring-color:rgb(115 115 115 / var(--tw-ring-opacity, 1))
}

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

.focus\:ring-red-400:focus{
  --tw-ring-opacity:1;
  --tw-ring-color:rgb(249 128 128 / 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-violet-500:focus{
  --tw-ring-opacity:1;
  --tw-ring-color:rgb(139 92 246 / 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\:outline-none:focus-visible{
  outline:2px solid transparent;
  outline-offset:2px
}

.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-ring:focus-visible{
  --tw-ring-opacity:1;
  --tw-ring-color:rgb(96 165 250 / var(--tw-ring-opacity, 1))
}

.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\:opacity-50:disabled{
  opacity:0.5
}

.group[open] .group-open\:rotate-180{
  --tw-rotate:180deg;
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.group:hover .group-hover\:visible{
  visibility:visible
}

.group:hover .group-hover\:scale-110{
  --tw-scale-x:1.1;
  --tw-scale-y:1.1;
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.group:hover .group-hover\:border-neutral-400{
  --tw-border-opacity:1;
  border-color:rgb(163 163 163 / var(--tw-border-opacity, 1))
}

.group:hover .group-hover\:bg-yellow-200{
  --tw-bg-opacity:1;
  background-color:rgb(254 240 138 / var(--tw-bg-opacity, 1))
}

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

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

.group:hover .group-hover\:underline{
  text-decoration-line:underline
}

.group\/addr:hover .group-hover\/addr\:opacity-100{
  opacity:1
}

.group:hover .group-hover\:opacity-100{
  opacity:1
}

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

.aria-disabled\:pointer-events-none[aria-disabled="true"]{
  pointer-events:none
}

.aria-disabled\:cursor-not-allowed[aria-disabled="true"]{
  cursor:not-allowed
}

.aria-disabled\:opacity-50[aria-disabled="true"]{
  opacity:0.5
}

.aria-pressed\:border-blue-600[aria-pressed="true"]{
  --tw-border-opacity:1;
  border-color:rgb(28 100 242 / var(--tw-border-opacity, 1))
}

.aria-pressed\:bg-blue-600[aria-pressed="true"]{
  --tw-bg-opacity:1;
  background-color:rgb(28 100 242 / var(--tw-bg-opacity, 1))
}

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

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

.aria-\[current\=true\]\:ring[aria-current="true"]{
  --tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}

.aria-\[current\=true\]\:ring-offset-2[aria-current="true"]{
  --tw-ring-offset-width:2px
}

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

.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-500:is(.dark *){
  --tw-border-opacity:1;
  border-color:rgb(107 114 128 / var(--tw-border-opacity, 1))
}

.dark\:border-gray-600:is(.dark *){
  --tw-border-opacity:1;
  border-color:rgb(75 85 99 / var(--tw-border-opacity, 1))
}

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

.dark\:border-transparent:is(.dark *){
  border-color:transparent
}

.dark\:\!bg-gray-700:is(.dark *){
  --tw-bg-opacity:1 !important;
  background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1)) !important
}

.dark\:bg-blue-600:is(.dark *){
  --tw-bg-opacity:1;
  background-color:rgb(28 100 242 / var(--tw-bg-opacity, 1))
}

.dark\:bg-gray-600:is(.dark *){
  --tw-bg-opacity:1;
  background-color:rgb(75 85 99 / var(--tw-bg-opacity, 1))
}

.dark\:bg-gray-700:is(.dark *){
  --tw-bg-opacity:1;
  background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))
}

.dark\:bg-gray-800:is(.dark *){
  --tw-bg-opacity:1;
  background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1))
}

.dark\:bg-gray-800\/50:is(.dark *){
  background-color:rgb(31 41 55 / 0.5)
}

.dark\:bg-gray-900\/80:is(.dark *){
  background-color:rgb(17 24 39 / 0.8)
}

.dark\:text-blue-400:is(.dark *){
  --tw-text-opacity:1;
  color:rgb(118 169 250 / var(--tw-text-opacity, 1))
}

.dark\:text-blue-500:is(.dark *){
  --tw-text-opacity:1;
  color:rgb(63 131 248 / var(--tw-text-opacity, 1))
}

.dark\:text-gray-300:is(.dark *){
  --tw-text-opacity:1;
  color:rgb(209 213 219 / var(--tw-text-opacity, 1))
}

.dark\:text-gray-400:is(.dark *){
  --tw-text-opacity:1;
  color:rgb(156 163 175 / var(--tw-text-opacity, 1))
}

.dark\:text-gray-500:is(.dark *){
  --tw-text-opacity:1;
  color:rgb(107 114 128 / var(--tw-text-opacity, 1))
}

.dark\:text-white:is(.dark *){
  --tw-text-opacity:1;
  color:rgb(255 255 255 / var(--tw-text-opacity, 1))
}

.dark\:placeholder-gray-400:is(.dark *)::-moz-placeholder{
  --tw-placeholder-opacity:1;
  color:rgb(156 163 175 / var(--tw-placeholder-opacity, 1))
}

.dark\:placeholder-gray-400:is(.dark *)::placeholder{
  --tw-placeholder-opacity:1;
  color:rgb(156 163 175 / var(--tw-placeholder-opacity, 1))
}

.dark\:hover\:bg-blue-700:hover:is(.dark *){
  --tw-bg-opacity:1;
  background-color:rgb(26 86 219 / var(--tw-bg-opacity, 1))
}

.dark\:hover\:bg-gray-600:hover:is(.dark *){
  --tw-bg-opacity:1;
  background-color:rgb(75 85 99 / var(--tw-bg-opacity, 1))
}

.dark\:hover\:bg-gray-700:hover:is(.dark *){
  --tw-bg-opacity:1;
  background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))
}

.dark\:hover\:bg-gray-800:hover:is(.dark *){
  --tw-bg-opacity:1;
  background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1))
}

.dark\:hover\:text-blue-500:hover:is(.dark *){
  --tw-text-opacity:1;
  color:rgb(63 131 248 / var(--tw-text-opacity, 1))
}

.dark\:hover\:text-gray-300:hover:is(.dark *){
  --tw-text-opacity:1;
  color:rgb(209 213 219 / var(--tw-text-opacity, 1))
}

.dark\:hover\:text-white:hover:is(.dark *){
  --tw-text-opacity:1;
  color:rgb(255 255 255 / var(--tw-text-opacity, 1))
}

.dark\:focus\:ring-blue-800:focus:is(.dark *){
  --tw-ring-opacity:1;
  --tw-ring-color:rgb(30 66 159 / var(--tw-ring-opacity, 1))
}

@media (min-width: 640px){
  .sm\:col-span-4{
    grid-column:span 4 / span 4
  }

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

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

  .sm\:ml-auto{
    margin-left:auto
  }

  .sm\:block{
    display:block
  }

  .sm\:inline-block{
    display:inline-block
  }

  .sm\:inline{
    display:inline
  }

  .sm\:flex{
    display:flex
  }

  .sm\:hidden{
    display:none
  }

  .sm\:h-9{
    height:2.25rem
  }

  .sm\:w-9{
    width:2.25rem
  }

  .sm\:w-auto{
    width:auto
  }

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

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

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

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

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

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

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

  .sm\:flex-row{
    flex-direction:row
  }

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

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

  .sm\:justify-start{
    justify-content:flex-start
  }

  .sm\:justify-end{
    justify-content:flex-end
  }

  .sm\:justify-between{
    justify-content:space-between
  }

  .sm\:gap-2{
    gap:0.5rem
  }

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

  .sm\:gap-20{
    gap:5rem
  }

  .sm\:gap-24{
    gap:6rem
  }

  .sm\:gap-28{
    gap:7rem
  }

  .sm\:gap-3{
    gap:0.75rem
  }

  .sm\:gap-4{
    gap:1rem
  }

  .sm\:gap-40{
    gap:10rem
  }

  .sm\:gap-44{
    gap:11rem
  }

  .sm\:gap-48{
    gap:12rem
  }

  .sm\:gap-6{
    gap:1.5rem
  }

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

  .sm\:gap-y-0{
    row-gap:0px
  }

  .sm\:space-x-2 > :not([hidden]) ~ :not([hidden]){
    --tw-space-x-reverse:0;
    margin-right:calc(0.5rem * var(--tw-space-x-reverse));
    margin-left:calc(0.5rem * calc(1 - var(--tw-space-x-reverse)))
  }

  .sm\:overflow-hidden{
    overflow:hidden
  }

  .sm\:overflow-x-hidden{
    overflow-x:hidden
  }

  .sm\:overflow-y-hidden{
    overflow-y:hidden
  }

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

  .sm\:border-hidden{
    border-style:hidden
  }

  .sm\:p-6{
    padding:1.5rem
  }

  .sm\:px-3\.5{
    padding-left:0.875rem;
    padding-right:0.875rem
  }

  .sm\:px-4{
    padding-left:1rem;
    padding-right:1rem
  }

  .sm\:px-5{
    padding-left:1.25rem;
    padding-right:1.25rem
  }

  .sm\:px-6{
    padding-left:1.5rem;
    padding-right:1.5rem
  }

  .sm\:py-2{
    padding-top:0.5rem;
    padding-bottom:0.5rem
  }

  .sm\:py-3{
    padding-top:0.75rem;
    padding-bottom:0.75rem
  }

  .sm\:pl-0{
    padding-left:0px
  }

  .sm\:text-left{
    text-align:left
  }

  .sm\:text-\[0\.8125rem\]{
    font-size:0.8125rem
  }
}

@media (min-width: 768px){
  .md\:col-span-4{
    grid-column:span 4 / span 4
  }

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

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

  .md\:block{
    display:block
  }

  .md\:inline-block{
    display:inline-block
  }

  .md\:flex{
    display:flex
  }

  .md\: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
  }

  .md\:px-6{
    padding-left:1.5rem;
    padding-right:1.5rem
  }

  .md\:pb-6{
    padding-bottom:1.5rem
  }

  .md\:pt-6{
    padding-top:1.5rem
  }
}

@media (min-width: 1024px){
  .lg\:order-none{
    order:0
  }

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

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

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

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

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

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

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

  .lg\:block{
    display:block
  }

  .lg\:inline-block{
    display:inline-block
  }

  .lg\:hidden{
    display:none
  }

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

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

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

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

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

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

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

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

  .lg\:gap-2{
    gap:0.5rem
  }

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

  .lg\:gap-20{
    gap:5rem
  }

  .lg\:gap-24{
    gap:6rem
  }

  .lg\:gap-28{
    gap:7rem
  }

  .lg\:gap-4{
    gap:1rem
  }

  .lg\:gap-40{
    gap:10rem
  }

  .lg\:gap-44{
    gap:11rem
  }

  .lg\:gap-48{
    gap:12rem
  }

  .lg\:overflow-hidden{
    overflow:hidden
  }

  .lg\:overflow-x-hidden{
    overflow-x:hidden
  }

  .lg\:overflow-y-hidden{
    overflow-y:hidden
  }

  .lg\:border-hidden{
    border-style:hidden
  }

  .lg\:px-8{
    padding-left:2rem;
    padding-right:2rem
  }
}

.rtl\:rotate-180:where([dir="rtl"], [dir="rtl"] *){
  --tw-rotate:180deg;
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.rtl\:space-x-reverse:where([dir="rtl"], [dir="rtl"] *) > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse:1
}

@media (min-width: 640px){
  .rtl\:sm\:text-right:where([dir="rtl"], [dir="rtl"] *){
    text-align:right
  }
}

.\[\&\:\:-webkit-details-marker\]\:hidden::-webkit-details-marker{
  display:none
}

.\[\&\>svg\]\:pointer-events-none>svg{
  pointer-events:none
}

.\[\&\>svg\]\:size-4>svg{
  width:1rem;
  height:1rem
}

.\[\&\>svg\]\:shrink-0>svg{
  flex-shrink:0
}

/*# sourceMappingURL=/assets/application-faf8a035.css.map */