/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/.pnpm/next@14.2.3_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[2].use[1]!../../node_modules/.pnpm/next@14.2.3_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/next/dist/build/webpack/loaders/next-font-loader/index.js??ruleSet[1].rules[13].oneOf[2].use[2]!../../node_modules/.pnpm/next@14.2.3_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/next/font/google/target.css?{"path":"src/app/fonts.ts","import":"Inter","arguments":[{"subsets":["latin"],"variable":"--font-inter"}],"variableName":"inter"} ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* cyrillic-ext */
@font-face {
  font-family: '__Inter_f367f3';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(/_next/static/media/ba9851c3c22cd980-s.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: '__Inter_f367f3';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(/_next/static/media/21350d82a1f187e9-s.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: '__Inter_f367f3';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(/_next/static/media/c5fe6dc8356a8c31-s.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: '__Inter_f367f3';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(/_next/static/media/19cfc7226ec3afaa-s.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: '__Inter_f367f3';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(/_next/static/media/df0a9ae256c0569c-s.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: '__Inter_f367f3';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(/_next/static/media/8e9860b6e62d6359-s.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: '__Inter_f367f3';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(/_next/static/media/e4af272ccee01ff0-s.p.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}@font-face {font-family: '__Inter_Fallback_f367f3';src: local("Arial");ascent-override: 90.49%;descent-override: 22.56%;line-gap-override: 0.00%;size-adjust: 107.06%
}.__className_f367f3 {font-family: '__Inter_f367f3', '__Inter_Fallback_f367f3';font-style: normal
}.__variable_f367f3 {--font-inter: '__Inter_f367f3', '__Inter_Fallback_f367f3'
}

/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/.pnpm/next@14.2.3_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[2].use[1]!../../node_modules/.pnpm/next@14.2.3_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/next/dist/build/webpack/loaders/next-font-loader/index.js??ruleSet[1].rules[13].oneOf[2].use[2]!../../node_modules/.pnpm/next@14.2.3_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/next/font/google/target.css?{"path":"src/app/fonts.ts","import":"Lexend_Deca","arguments":[{"subsets":["latin"],"variable":"--font-lexend"}],"variableName":"lexendDeca"} ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* vietnamese */
@font-face {
  font-family: '__Lexend_Deca_614885';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(/_next/static/media/f068b34e74a6df7a-s.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: '__Lexend_Deca_614885';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(/_next/static/media/a7d9e2ec77e86fa9-s.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: '__Lexend_Deca_614885';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(/_next/static/media/fd224763ff6f211b-s.p.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}@font-face {font-family: '__Lexend_Deca_Fallback_614885';src: local("Arial");ascent-override: 90.98%;descent-override: 22.74%;line-gap-override: 0.00%;size-adjust: 109.91%
}.__className_614885 {font-family: '__Lexend_Deca_614885', '__Lexend_Deca_Fallback_614885';font-style: normal
}.__variable_614885 {--font-lexend: '__Lexend_Deca_614885', '__Lexend_Deca_Fallback_614885'
}

/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/.pnpm/next@14.2.3_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[12].use[2]!../../node_modules/.pnpm/next@14.2.3_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[12].use[3]!./src/app/react-big-calendar.css ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/


@charset "UTF-8";
.rbc-btn {
  color: inherit;
  font: inherit;
  margin: 0;
}

button.rbc-btn {
  overflow: visible;
  text-transform: none;
  -webkit-appearance: button;
  cursor: pointer;
}

button[disabled].rbc-btn {
  cursor: not-allowed;
}

button.rbc-input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

.rbc-calendar {
  box-sizing: border-box;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: stretch;
}

.rbc-calendar *,
.rbc-calendar *:before,
.rbc-calendar *:after {
  box-sizing: inherit;
}

.rbc-abs-full, .rbc-row-bg {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.rbc-ellipsis, .rbc-show-more, .rbc-row-segment .rbc-event-content, .rbc-event-label {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.rbc-rtl {
  direction: rtl;
}

.rbc-off-range {
  color: #999999;
}

.rbc-off-range-bg {
  background: #e6e6e6;
}

.rbc-header {
  overflow: hidden;
  flex: 1 0 0%;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 0 3px;
  text-align: center;
  vertical-align: middle;
  font-weight: bold;
  font-size: 90%;
  min-height: 0;
  border-bottom: 1px solid #ddd;
}
.rbc-header + .rbc-header {
  border-left: 1px solid #ddd;
}
.rbc-rtl .rbc-header + .rbc-header {
  border-left-width: 0;
  border-right: 1px solid #ddd;
}
.rbc-header > a, .rbc-header > a:active, .rbc-header > a:visited {
  color: inherit;
  text-decoration: none;
}

.rbc-button-link {
  color: inherit;
  background: none;
  margin: 0;
  padding: 0;
  border: none;
  cursor: pointer;
  -webkit-user-select: text;
     -moz-user-select: text;
          user-select: text;
}

.rbc-row-content {
  position: relative;
  -moz-user-select: none;
       user-select: none;
  -webkit-user-select: none;
  z-index: 4;
}

.rbc-row-content-scrollable {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.rbc-row-content-scrollable .rbc-row-content-scroll-container {
  height: 100%;
  overflow-y: scroll;
  /* Hide scrollbar for Chrome, Safari and Opera */
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}
.rbc-row-content-scrollable .rbc-row-content-scroll-container::-webkit-scrollbar {
  display: none;
}

.rbc-today {
  background-color: #eaf6ff;
}

.rbc-toolbar {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin-bottom: 10px;
  font-size: 16px;
}
.rbc-toolbar .rbc-toolbar-label {
  flex-grow: 1;
  padding: 0 10px;
  text-align: center;
}
.rbc-toolbar button {
  color: #373a3c;
  display: inline-block;
  margin: 0;
  text-align: center;
  vertical-align: middle;
  background: none;
  background-image: none;
  border: 1px solid #ccc;
  padding: 0.375rem 1rem;
  border-radius: 4px;
  line-height: normal;
  white-space: nowrap;
}
.rbc-toolbar button:active, .rbc-toolbar button.rbc-active {
  background-image: none;
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  background-color: #e6e6e6;
  border-color: #adadad;
}
.rbc-toolbar button:active:hover, .rbc-toolbar button:active:focus, .rbc-toolbar button.rbc-active:hover, .rbc-toolbar button.rbc-active:focus {
  color: #373a3c;
  background-color: #d4d4d4;
  border-color: #8c8c8c;
}
.rbc-toolbar button:focus {
  color: #373a3c;
  background-color: #e6e6e6;
  border-color: #adadad;
}
.rbc-toolbar button:hover {
  color: #373a3c;
  background-color: #e6e6e6;
  border-color: #adadad;
}

.rbc-btn-group {
  display: inline-block;
  white-space: nowrap;
}
.rbc-btn-group > button:first-child:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.rbc-btn-group > button:last-child:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.rbc-rtl .rbc-btn-group > button:first-child:not(:last-child) {
  border-radius: 4px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.rbc-rtl .rbc-btn-group > button:last-child:not(:first-child) {
  border-radius: 4px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.rbc-btn-group > button:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.rbc-btn-group button + button {
  margin-left: -1px;
}
.rbc-rtl .rbc-btn-group button + button {
  margin-left: 0;
  margin-right: -1px;
}
.rbc-btn-group + .rbc-btn-group, .rbc-btn-group + button {
  margin-left: 10px;
}

@media (max-width: 767px) {
  .rbc-toolbar {
    flex-direction: column;
  }
}
.rbc-event, .rbc-day-slot .rbc-background-event {
  border: none;
  box-sizing: border-box;
  box-shadow: none;
  margin: 0;
  padding: 2px 5px;
  background-color: #3174ad;
  border-radius: 5px;
  color: #fff;
  cursor: pointer;
  width: 100%;
  text-align: left;
}
.rbc-slot-selecting .rbc-event, .rbc-slot-selecting .rbc-day-slot .rbc-background-event, .rbc-day-slot .rbc-slot-selecting .rbc-background-event {
  cursor: inherit;
  pointer-events: none;
}
.rbc-event.rbc-selected, .rbc-day-slot .rbc-selected.rbc-background-event {
  background-color: #265985;
}
.rbc-event:focus, .rbc-day-slot .rbc-background-event:focus {
  outline: 5px auto #3b99fc;
}

.rbc-event-label {
  font-size: 80%;
}

.rbc-event-overlaps {
  box-shadow: -1px 1px 5px 0px rgba(51, 51, 51, 0.5);
}

.rbc-event-continues-prior {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.rbc-event-continues-after {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.rbc-event-continues-earlier {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.rbc-event-continues-later {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.rbc-row {
  display: flex;
  flex-direction: row;
}

.rbc-row-segment {
  padding: 0 1px 1px 1px;
}
.rbc-selected-cell {
  background-color: rgba(0, 0, 0, 0.1);
}

.rbc-show-more {
  background-color: rgba(255, 255, 255, 0.3);
  z-index: 4;
  font-weight: bold;
  font-size: 85%;
  height: auto;
  line-height: normal;
  color: #3174ad;
}
.rbc-show-more:hover, .rbc-show-more:focus {
  color: #265985;
}

.rbc-month-view {
  position: relative;
  border: 1px solid #ddd;
  display: flex;
  flex-direction: column;
  flex: 1 0 0;
  width: 100%;
  -moz-user-select: none;
       user-select: none;
  -webkit-user-select: none;
  height: 100%;
}

.rbc-month-header {
  display: flex;
  flex-direction: row;
}

.rbc-month-row {
  display: flex;
  position: relative;
  flex-direction: column;
  flex: 1 0 0;
  flex-basis: 0px;
  overflow: hidden;
  height: 100%;
}
.rbc-month-row + .rbc-month-row {
  border-top: 1px solid #ddd;
}

.rbc-date-cell {
  flex: 1 1 0;
  min-width: 0;
  padding-right: 5px;
  text-align: right;
}
.rbc-date-cell.rbc-now {
  font-weight: bold;
}
.rbc-date-cell > a, .rbc-date-cell > a:active, .rbc-date-cell > a:visited {
  color: inherit;
  text-decoration: none;
}

.rbc-row-bg {
  display: flex;
  flex-direction: row;
  flex: 1 0 0;
  overflow: hidden;
}

.rbc-day-bg {
  flex: 1 0 0%;
}
.rbc-day-bg + .rbc-day-bg {
  border-left: 1px solid #ddd;
}
.rbc-rtl .rbc-day-bg + .rbc-day-bg {
  border-left-width: 0;
  border-right: 1px solid #ddd;
}

.rbc-overlay {
  position: absolute;
  z-index: 5;
  border: 1px solid #e5e5e5;
  background-color: #fff;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.25);
  padding: 10px;
}
.rbc-overlay > * + * {
  margin-top: 1px;
}

.rbc-overlay-header {
  border-bottom: 1px solid #e5e5e5;
  margin: -10px -10px 5px -10px;
  padding: 2px 10px;
}

.rbc-agenda-view {
  display: flex;
  flex-direction: column;
  flex: 1 0 0;
  overflow: auto;
}
.rbc-agenda-view table.rbc-agenda-table {
  width: 100%;
  border: 1px solid #ddd;
  border-spacing: 0;
  border-collapse: collapse;
}
.rbc-agenda-view table.rbc-agenda-table tbody > tr > td {
  padding: 5px 10px;
  vertical-align: top;
}
.rbc-agenda-view table.rbc-agenda-table .rbc-agenda-time-cell {
  padding-left: 15px;
  padding-right: 15px;
  text-transform: lowercase;
}
.rbc-agenda-view table.rbc-agenda-table tbody > tr > td + td {
  border-left: 1px solid #ddd;
}
.rbc-rtl .rbc-agenda-view table.rbc-agenda-table tbody > tr > td + td {
  border-left-width: 0;
  border-right: 1px solid #ddd;
}
.rbc-agenda-view table.rbc-agenda-table tbody > tr + tr {
  border-top: 1px solid #ddd;
}
.rbc-agenda-view table.rbc-agenda-table thead > tr > th {
  padding: 3px 5px;
  text-align: left;
  border-bottom: 1px solid #ddd;
}
.rbc-rtl .rbc-agenda-view table.rbc-agenda-table thead > tr > th {
  text-align: right;
}

.rbc-agenda-time-cell {
  text-transform: lowercase;
}
.rbc-agenda-time-cell .rbc-continues-after:after {
  content: " »";
}
.rbc-agenda-time-cell .rbc-continues-prior:before {
  content: "« ";
}

.rbc-agenda-date-cell,
.rbc-agenda-time-cell {
  white-space: nowrap;
}

.rbc-agenda-event-cell {
  width: 100%;
}

.rbc-time-column {
  display: flex;
  flex-direction: column;
  min-height: 100%;
}
.rbc-time-column .rbc-timeslot-group {
  flex: 1;
}

.rbc-timeslot-group {
  border-bottom: 1px solid #ddd;
  min-height: 40px;
  display: flex;
  flex-flow: column nowrap;
}

.rbc-time-gutter,
.rbc-header-gutter {
  flex: none;
}

.rbc-label {
  padding: 0 5px;
}

.rbc-day-slot {
  position: relative;
}
.rbc-day-slot .rbc-events-container {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  margin-right: 10px;
  top: 0;
}
.rbc-day-slot .rbc-events-container.rbc-rtl {
  left: 10px;
  right: 0;
}
.rbc-day-slot .rbc-event, .rbc-day-slot .rbc-background-event {
  border: 1px solid #265985;
  display: flex;
  max-height: 100%;
  min-height: 20px;
  flex-flow: column wrap;
  align-items: flex-start;
  overflow: hidden;
  position: absolute;
}
.rbc-day-slot .rbc-background-event {
  opacity: 0.75;
}
.rbc-day-slot .rbc-event-label {
  flex: none;
  padding-right: 5px;
  width: auto;
}
.rbc-day-slot .rbc-event-content {
  width: 100%;
  flex: 1 1 0;
  word-wrap: break-word;
  line-height: 1;
  height: 100%;
  min-height: 1em;
}
.rbc-day-slot .rbc-time-slot {
  border-top: 1px solid #f7f7f7;
}

.rbc-time-view-resources .rbc-time-gutter,
.rbc-time-view-resources .rbc-time-header-gutter {
  position: sticky;
  left: 0;
  background-color: white;
  border-right: 1px solid #ddd;
  z-index: 10;
  margin-right: -1px;
}
.rbc-time-view-resources .rbc-time-header {
  overflow: hidden;
}
.rbc-time-view-resources .rbc-time-header-content {
  min-width: auto;
  flex: 1 0 0;
  flex-basis: 0px;
}
.rbc-time-view-resources .rbc-time-header-cell-single-day {
  display: none;
}
.rbc-time-view-resources .rbc-day-slot {
  min-width: 140px;
}
.rbc-time-view-resources .rbc-header,
.rbc-time-view-resources .rbc-day-bg {
  width: 140px;
  flex: 1 1 0;
  flex-basis: 0 px;
}

.rbc-time-header-content + .rbc-time-header-content {
  margin-left: -1px;
}

.rbc-time-slot {
  flex: 1 0 0;
}
.rbc-time-slot.rbc-now {
  font-weight: bold;
}

.rbc-day-header {
  text-align: center;
}

.rbc-slot-selection {
  z-index: 10;
  position: absolute;
  background-color: rgba(0, 0, 0, 0.5);
  color: white;
  font-size: 75%;
  width: 100%;
  padding: 3px;
}

.rbc-slot-selecting {
  cursor: move;
}

.rbc-time-view {
  display: flex;
  flex-direction: column;
  flex: 1;
  width: 100%;
  border: 1px solid #ddd;
  min-height: 0;
}
.rbc-time-view .rbc-time-gutter {
  white-space: nowrap;
  text-align: right;
}
.rbc-time-view .rbc-allday-cell {
  box-sizing: content-box;
  width: 100%;
  height: 100%;
  position: relative;
}
.rbc-time-view .rbc-allday-cell + .rbc-allday-cell {
  border-left: 1px solid #ddd;
}
.rbc-time-view .rbc-allday-events {
  position: relative;
  z-index: 4;
}
.rbc-time-view .rbc-row {
  box-sizing: border-box;
  min-height: 20px;
}

.rbc-time-header {
  display: flex;
  flex: 0 0 auto;
  flex-direction: row;
}
.rbc-time-header.rbc-overflowing {
  border-right: 1px solid #ddd;
}
.rbc-rtl .rbc-time-header.rbc-overflowing {
  border-right-width: 0;
  border-left: 1px solid #ddd;
}
.rbc-time-header > .rbc-row:first-child {
  border-bottom: 1px solid #ddd;
}
.rbc-time-header > .rbc-row.rbc-row-resource {
  border-bottom: 1px solid #ddd;
}

.rbc-time-header-cell-single-day {
  display: none;
}

.rbc-time-header-content {
  flex: 1;
  display: flex;
  min-width: 0;
  flex-direction: column;
  border-left: 1px solid #ddd;
}
.rbc-rtl .rbc-time-header-content {
  border-left-width: 0;
  border-right: 1px solid #ddd;
}
.rbc-time-header-content > .rbc-row.rbc-row-resource {
  border-bottom: 1px solid #ddd;
  flex-shrink: 0;
}

.rbc-time-content {
  display: flex;
  flex: 1 0 0%;
  align-items: flex-start;
  width: 100%;
  border-top: 2px solid #ddd;
  overflow-y: auto;
  position: relative;
}
.rbc-time-content > .rbc-time-gutter {
  flex: none;
}
.rbc-time-content > * + * > * {
  border-left: 1px solid #ddd;
}
.rbc-rtl .rbc-time-content > * + * > * {
  border-left-width: 0;
  border-right: 1px solid #ddd;
}
.rbc-time-content > .rbc-day-slot {
  width: 100%;
  -moz-user-select: none;
       user-select: none;
  -webkit-user-select: none;
}

.rbc-current-time-indicator {
  position: absolute;
  z-index: 3;
  left: 0;
  right: 0;
  height: 1px;
  background-color: #74ad31;
  pointer-events: none;
}

/*# sourceMappingURL=react-big-calendar.css.map */
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/.pnpm/next@14.2.3_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[12].use[2]!../../node_modules/.pnpm/next@14.2.3_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[12].use[3]!../../node_modules/.pnpm/react-calendar@5.0.0_@types+react@18.3.2_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/react-calendar/dist/Calendar.css ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.react-calendar {
  width: 350px;
  max-width: 100%;
  background: white;
  border: 1px solid #a0a096;
  font-family: Arial, Helvetica, sans-serif;
  line-height: 1.125em;
}

.react-calendar--doubleView {
  width: 700px;
}

.react-calendar--doubleView .react-calendar__viewContainer {
  display: flex;
  margin: -0.5em;
}

.react-calendar--doubleView .react-calendar__viewContainer > * {
  width: 50%;
  margin: 0.5em;
}

.react-calendar,
.react-calendar *,
.react-calendar *:before,
.react-calendar *:after {
  box-sizing: border-box;
}

.react-calendar button {
  margin: 0;
  border: 0;
  outline: none;
}

.react-calendar button:enabled:hover {
  cursor: pointer;
}

.react-calendar__navigation {
  display: flex;
  height: 44px;
  margin-bottom: 1em;
}

.react-calendar__navigation button {
  min-width: 44px;
  background: none;
}

.react-calendar__navigation button:disabled {
  background-color: #f0f0f0;
}

.react-calendar__navigation button:enabled:hover,
.react-calendar__navigation button:enabled:focus {
  background-color: #e6e6e6;
}

.react-calendar__month-view__weekdays {
  text-align: center;
  text-transform: uppercase;
  font: inherit;
  font-size: 0.75em;
  font-weight: bold;
}

.react-calendar__month-view__weekdays__weekday {
  padding: 0.5em;
}

.react-calendar__month-view__weekNumbers .react-calendar__tile {
  display: flex;
  align-items: center;
  justify-content: center;
  font: inherit;
  font-size: 0.75em;
  font-weight: bold;
}

.react-calendar__month-view__days__day--weekend {
  color: #d10000;
}

.react-calendar__month-view__days__day--neighboringMonth,
.react-calendar__decade-view__years__year--neighboringDecade,
.react-calendar__century-view__decades__decade--neighboringCentury {
  color: #757575;
}

.react-calendar__year-view .react-calendar__tile,
.react-calendar__decade-view .react-calendar__tile,
.react-calendar__century-view .react-calendar__tile {
  padding: 2em 0.5em;
}

.react-calendar__tile {
  max-width: 100%;
  padding: 10px 6.6667px;
  background: none;
  text-align: center;
  line-height: 16px;
  font: inherit;
  font-size: 0.833em;
}

.react-calendar__tile:disabled {
  background-color: #f0f0f0;
  color: #ababab;
}

.react-calendar__month-view__days__day--neighboringMonth:disabled,
.react-calendar__decade-view__years__year--neighboringDecade:disabled,
.react-calendar__century-view__decades__decade--neighboringCentury:disabled {
  color: #cdcdcd;
}

.react-calendar__tile:enabled:hover,
.react-calendar__tile:enabled:focus {
  background-color: #e6e6e6;
}

.react-calendar__tile--now {
  background: #ffff76;
}

.react-calendar__tile--now:enabled:hover,
.react-calendar__tile--now:enabled:focus {
  background: #ffffa9;
}

.react-calendar__tile--hasActive {
  background: #76baff;
}

.react-calendar__tile--hasActive:enabled:hover,
.react-calendar__tile--hasActive:enabled:focus {
  background: #a9d4ff;
}

.react-calendar__tile--active {
  background: #006edc;
  color: white;
}

.react-calendar__tile--active:enabled:hover,
.react-calendar__tile--active:enabled:focus {
  background: #1087ff;
}

.react-calendar--selectRange .react-calendar__tile--hover {
  background-color: #e6e6e6;
}

/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/.pnpm/next@14.2.3_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[12].use[2]!../../node_modules/.pnpm/next@14.2.3_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[12].use[3]!./src/app/globals.css ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*
! tailwindcss v3.4.3 | 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: rgb(var(--gray-200) / 1); /* 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: rgb(var(--gray-400) / 1); /* 2 */
}

input::placeholder,
textarea::placeholder {
  opacity: 1; /* 1 */
  color: rgb(var(--gray-400) / 1); /* 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] {
  display: none;
}

[type='text'],input:where(:not([type])),[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: rgb(var(--gray-500) / var(--tw-border-opacity, 1));
  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, input:where(:not([type])):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: #2563eb;
  --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: #2563eb;
}

input::-moz-placeholder, textarea::-moz-placeholder{
  color: rgb(var(--gray-500) / var(--tw-text-opacity, 1));
  opacity: 1;
}

input::placeholder,textarea::placeholder{
  color: rgb(var(--gray-500) / var(--tw-text-opacity, 1));
  opacity: 1;
}

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

::-webkit-date-and-time-value{
  min-height: 1.5em;
  text-align: inherit;
}

::-webkit-datetime-edit{
  display: inline-flex;
}

::-webkit-datetime-edit,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-meridiem-field{
  padding-top: 0;
  padding-bottom: 0;
}

select{
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='rgb(var(--gray-500) / var(--tw-stroke-opacity%2c 1))' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
  background-position: right 0.5rem center;
  background-repeat: no-repeat;
  background-size: 1.5em 1.5em;
  padding-right: 2.5rem;
  -webkit-print-color-adjust: exact;
          print-color-adjust: exact;
}

[multiple],[size]:where(select:not([size="1"])){
  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: #2563eb;
  background-color: #fff;
  border-color: rgb(var(--gray-500) / var(--tw-border-opacity, 1));
  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: #2563eb;
  --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{
  border-color: transparent;
  background-color: currentColor;
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
}

[type='checkbox']:checked{
  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");
}

@media (forced-colors: active) {

  [type='checkbox']:checked{
    -webkit-appearance: auto;
       -moz-appearance: auto;
            appearance: auto;
  }
}

[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");
}

@media (forced-colors: active) {

  [type='radio']:checked{
    -webkit-appearance: auto;
       -moz-appearance: auto;
            appearance: auto;
  }
}

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

[type='checkbox']:indeterminate{
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e");
  border-color: transparent;
  background-color: currentColor;
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
}

@media (forced-colors: active) {

  [type='checkbox']:indeterminate{
    -webkit-appearance: auto;
       -moz-appearance: auto;
            appearance: auto;
  }
}

[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 solid ButtonText;
  outline: 1px auto -webkit-focus-ring-color;
}

/* default theme */

:root {
    /*
      - gray/natural colors for texts, borders and disabled elements.
      - If required we can use as background too.
    */
    /* For rgb(255 255 255 / <alpha-value>) = #ffffff */
    --gray-0: 255 255 255;
    /* For rgb(250 250 250 / <alpha-value>) = #fafafa */
    --gray-50: 250 250 250;
    /* For rgb(241 241 241 / <alpha-value>) = #f1f1f1 */
    --gray-100: 241 241 241;
    /* For rgb(227 227 227 / <alpha-value>) = #e3e3e3 */
    --gray-200: 227 227 227;
    /* For rgb(223 223 223 / <alpha-value>) = #dfdfdf */
    --gray-300: 223 223 223;
    /* For rgb(146 146 146 / <alpha-value>) = #929292 */
    --gray-400: 146 146 146;
    /* For rgb(102 102 102 / <alpha-value>) = #666666 */
    --gray-500: 102 102 102;
    /* For rgb(72 72 72 / <alpha-value>) = #484848 */
    --gray-600: 72 72 72;
    /* For rgb(51 51 51 / <alpha-value>) = #333333 */
    --gray-700: 51 51 51;
    /* For rgb(34 34 34 / <alpha-value>) = #222222 */
    --gray-800: 34 34 34;
    /* For rgb(17 17 17 / <alpha-value>) = #111111 */
    --gray-900: 17 17 17;
    /* For rgb(0 0 0 / <alpha-value>) = #000000 */
    --gray-1000: 0 0 0;

    /* body style */
    --background: 255 255 255; /* #ffffff */
    --foreground: 72 72 72; /* #484848 */
    --muted: 227 227 227; /* #e3e3e3 */
    --muted-foreground: 146 146 146; /* #929292 */

    /* ----------------------------------- */
    /* primary/brand colors */
    /* ----------------------------------- */
    --primary-lighter: 227 227 227; /* #e3e3e3 */
    --primary-default: 17 17 17; /* #111111 */
    --primary-dark: 0 0 0; /* #000000 */
    --primary-foreground: 255 255 255; /* #ffffff */

    /* ----------------------------------- */
    /* secondary colors */
    /* ----------------------------------- */
    --secondary-lighter: 221 227 255; /* #dde3ff */
    --secondary-default: 78 54 245; /* #4e36f5 */
    --secondary-dark: 67 42 216; /* #432ad8 */
    --secondary-foreground: 255 255 255; /* #ffffff */

    /* ----------------------------------- */
    /* red/error colors */
    /* ----------------------------------- */
    --red-lighter: 247 212 214; /* #f7d4d6 */
    --red-default: 238 0 0; /* #e00 */
    --red-dark: 197 0 0; /* #c50000 */

    /* ----------------------------------- */
    /* orange/warning colors */
    /* ----------------------------------- */
    --orange-lighter: 255 239 207; /* #ffefcf */
    --orange-default: 245 166 35; /* #f5a623 */
    --orange-dark: 171 87 10; /* #ab570a */

    /* ----------------------------------- */
    /* blue/info colors */
    /* ----------------------------------- */
    --blue-lighter: 211 229 255; /* #d3e5ff */
    --blue-default: 0 112 243; /* #0070f3 */
    --blue-dark: 7 97 209; /* #0761d1 */

    /* ----------------------------------- */
    /* green/success colors */
    /* ----------------------------------- */
    --green-lighter: 185 249 207; /* #b9f9cf */
    --green-default: 17 168 73; /* #11a849 */
    --green-dark: 17 132 60; /* #11843c */
  }

/* dark theme */

[data-theme="dark"] {
    /*
      - gray/natural color shades for texts, borders and disabled elements.
      - If required we can use as background too.
    */
    /* For rgb(0 0 0 / <alpha-value>) = #000000  */
    --gray-0: 0 0 0;
    /* For rgb(17 17 17 / <alpha-value>) = #111111 */
    --gray-50: 17 17 17;
    /* For rgb(31 31 31 / <alpha-value>) = #1f1f1f */
    --gray-100: 31 31 31;
    /* For rgb(51 51 51 / <alpha-value>) = #333333 */
    --gray-200: 51 51 51;
    /* For rgb(72 72 72 / <alpha-value>) = #484848 */
    --gray-300: 72 72 72;
    /* For rgb(102 102 102 / <alpha-value>) = #666666 */
    --gray-400: 102 102 102;
    /* For rgb(146 146 146 / <alpha-value>) = #929292 */
    --gray-500: 146 146 146;
    /* For rgb(162 162 162 / <alpha-value>) = #a2a2a2 */
    --gray-600: 162 162 162;
    /* For rgb(223 223 223 / <alpha-value>) = #dfdfdf */
    --gray-700: 223 223 223;
    /* For rgb(226 226 226 / <alpha-value>) = #e2e2e2 */
    --gray-800: 226 226 226;
    /* For rgb(241 241 241 / <alpha-value>) = #f1f1f1 */
    --gray-900: 241 241 241;
    /* For rgb(255 255 255 / <alpha-value>) = #ffffff */
    --gray-1000: 255 255 255;

    --background: 8 9 14; /* #08090e */
    --foreground: 223 223 223; /* #dfdfdf */
    --muted: 51 51 51; /* #333333 */
    --muted-foreground: 102 102 102; /* #666666 */

    /* ----------------------------------- */
    /* primary/brand colors */
    /* ----------------------------------- */
    --primary-lighter: 34 34 34; /* #222222 */
    --primary-default: 241 241 241; /* #f1f1f1 */
    --primary-dark: 255 255 255; /* #ffffff */
    --primary-foreground: 0 0 0; /* #000000 */

    /* ----------------------------------- */
    /* secondary colors */
    /* ----------------------------------- */
    --secondary-lighter: 31 22 90; /* #1f165a */
    --secondary-dark: 193 203 255; /* #c1cbff */

    /* ----------------------------------- */
    /* red/error colors */
    /* ----------------------------------- */
    --red-lighter: 80 0 0; /* #500000 */
    --red-dark: 255 193 193; /* #ffc1c1 */

    /* ----------------------------------- */
    /* orange/warning colors */
    /* ----------------------------------- */
    --orange-lighter: 68 29 4; /* #441d04 */
    --orange-dark: 252 234 139; /* #fcea8b */

    /* ----------------------------------- */
    /* blue/info colors */
    /* ----------------------------------- */
    --blue-lighter: 13 51 94; /* #0d335e */
    --blue-dark: 181 233 255; /* #b5e9ff */

    /* ----------------------------------- */
    /* green/success colors */
    /* ----------------------------------- */
    --green-lighter: 3 48 22; /* #033016 */
    --green-dark: 185 249 207; /* #b9f9cf */

    /* here you can customize other colors for dark theme if design required */
  }

/* base style */

html{
  height: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

#player:is([data-theme="dark"] *){
  --tw-bg-opacity: 1;
  background-color: rgb(var(--gray-50) / var(--tw-bg-opacity));
}

body{
  display: flex;
  min-height: 100%;
  flex-direction: column;
  overflow-x: hidden;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(var(--gray-600) / var(--tw-text-opacity));
}

body:is([data-theme="dark"] *){
  --tw-bg-opacity: 1;
  background-color: rgb(var(--gray-50) / var(--tw-bg-opacity));
}

input::-ms-clear,
  input::-ms-reveal{
  display: none;
}

input[type="search"]::-webkit-search-cancel-button{
  display: none;
}

input[type="number"]::-webkit-inner-spin-button,
  input[type="number"]::-webkit-outer-spin-button{
  margin: 0px;
  -webkit-appearance: none;
          appearance: none;
}

input[type="checkbox"]:checked{
  background-image: none;
}

/* typography style for the Text component */

h1,
  h2,
  h3,
  h4,
  h5,
  h6{
  font-family: var(--font-lexend);
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(var(--gray-900) / var(--tw-text-opacity));
}

h1:is([data-theme="dark"] *),
  h2:is([data-theme="dark"] *),
  h3:is([data-theme="dark"] *),
  h4:is([data-theme="dark"] *),
  h5:is([data-theme="dark"] *),
  h6:is([data-theme="dark"] *){
  --tw-text-opacity: 1;
  color: rgb(var(--gray-700) / var(--tw-text-opacity));
}

h1{
  font-size: 1.875rem;
  line-height: 2.25rem;
}

h1:is([data-theme="dark"] *){
  --tw-text-opacity: 1;
  color: rgb(var(--gray-800) / var(--tw-text-opacity));
}

@media (min-width: 1536px){

  h1{
    font-size: 32px;
  }
}

@media (min-width: 2560px){

  h1{
    font-size: 2.25rem;
    line-height: 2.5rem;
  }
}

h2{
  font-size: 1.5rem;
  line-height: 2rem;
}

h2:is([data-theme="dark"] *){
  --tw-text-opacity: 1;
  color: rgb(var(--gray-800) / var(--tw-text-opacity));
}

@media (min-width: 1536px){

  h2{
    font-size: 26px;
  }
}

@media (min-width: 2560px){

  h2{
    font-size: 1.875rem;
    line-height: 2.25rem;
  }
}

h3{
  font-size: 1.25rem;
  line-height: 1.75rem;
}

@media (min-width: 1536px){

  h3{
    font-size: 22px;
  }
}

@media (min-width: 2560px){

  h3{
    font-size: 1.5rem;
    line-height: 2rem;
  }
}

h4{
  font-size: 1.125rem;
  line-height: 1.75rem;
}

@media (min-width: 1536px){

  @media (min-width: 1280px){

    h4{
      font-size: 1.25rem;
      line-height: 1.75rem;
    }
  }
}

h5{
  font-size: 1rem;
  line-height: 1.5rem;
}

@media (min-width: 1536px){

  h5{
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
}

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

@media (min-width: 1536px){

  h6{
    font-size: 1rem;
    line-height: 1.5rem;
  }
}

q{
  font-size: 1.125rem;
  line-height: 1.75rem;
}

*, ::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(59 130 246 / 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(59 130 246 / 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:  ;
}
.container{
  width: 100%;
}
@media (min-width: 480px){

  .container{
    max-width: 480px;
  }
}
@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;
  }
}
@media (min-width: 1920px){

  .container{
    max-width: 1920px;
  }
}
@media (min-width: 2560px){

  .container{
    max-width: 2560px;
  }
}
.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 !important;
}
.static{
  position: static;
}
.fixed{
  position: fixed;
}
.\!absolute{
  position: absolute !important;
}
.absolute{
  position: absolute;
}
.relative{
  position: relative;
}
.sticky{
  position: sticky;
}
.inset-0{
  inset: 0px;
}
.-inset-y-1\/2{
  top: -50%;
  bottom: -50%;
}
.inset-y-0{
  top: 0px;
  bottom: 0px;
}
.-bottom-1{
  bottom: -0.25rem;
}
.-bottom-6{
  bottom: -1.5rem;
}
.-bottom-\[38px\]{
  bottom: -38px;
}
.-end-1{
  inset-inline-end: -0.25rem;
}
.-end-\[17px\]{
  inset-inline-end: -17px;
}
.-end-\[9px\]{
  inset-inline-end: -9px;
}
.-left-1{
  left: -0.25rem;
}
.-right-2{
  right: -0.5rem;
}
.-top-0{
  top: -0px;
}
.-top-0\.5{
  top: -0.125rem;
}
.-top-1{
  top: -0.25rem;
}
.-top-1\/3{
  top: -33.333333%;
}
.-top-\[2px\]{
  top: -2px;
}
.bottom-0{
  bottom: 0px;
}
.bottom-1{
  bottom: 0.25rem;
}
.bottom-4{
  bottom: 1rem;
}
.end-0{
  inset-inline-end: 0px;
}
.end-1{
  inset-inline-end: 0.25rem;
}
.end-1\.5{
  inset-inline-end: 0.375rem;
}
.end-2{
  inset-inline-end: 0.5rem;
}
.end-2\.5{
  inset-inline-end: 0.625rem;
}
.end-3{
  inset-inline-end: 0.75rem;
}
.end-4{
  inset-inline-end: 1rem;
}
.end-5{
  inset-inline-end: 1.25rem;
}
.end-6{
  inset-inline-end: 1.5rem;
}
.left-0{
  left: 0px;
}
.left-0\.5{
  left: 0.125rem;
}
.left-5{
  left: 1.25rem;
}
.left-7{
  left: 1.75rem;
}
.left-\[5px\]{
  left: 5px;
}
.left-auto{
  left: auto;
}
.right-0{
  right: 0px;
}
.right-1{
  right: 0.25rem;
}
.right-10{
  right: 2.5rem;
}
.right-2{
  right: 0.5rem;
}
.right-2\.5{
  right: 0.625rem;
}
.right-5{
  right: 1.25rem;
}
.right-7{
  right: 1.75rem;
}
.right-9{
  right: 2.25rem;
}
.start-0{
  inset-inline-start: 0px;
}
.start-1{
  inset-inline-start: 0.25rem;
}
.start-1\/2{
  inset-inline-start: 50%;
}
.start-2{
  inset-inline-start: 0.5rem;
}
.start-2\.5{
  inset-inline-start: 0.625rem;
}
.start-4{
  inset-inline-start: 1rem;
}
.start-5{
  inset-inline-start: 1.25rem;
}
.start-\[104px\]{
  inset-inline-start: 104px;
}
.top-0{
  top: 0px;
}
.top-0\.5{
  top: 0.125rem;
}
.top-1{
  top: 0.25rem;
}
.top-1\/2{
  top: 50%;
}
.top-10{
  top: 2.5rem;
}
.top-2{
  top: 0.5rem;
}
.top-2\.5{
  top: 0.625rem;
}
.top-3{
  top: 0.75rem;
}
.top-4{
  top: 1rem;
}
.top-5{
  top: 1.25rem;
}
.top-6{
  top: 1.5rem;
}
.top-7{
  top: 1.75rem;
}
.top-\[14px\]{
  top: 14px;
}
.top-\[18px\]{
  top: 18px;
}
.top-\[22px\]{
  top: 22px;
}
.top-\[26px\]{
  top: 26px;
}
.top-\[62px\]{
  top: 62px;
}
.top-\[66px\]{
  top: 66px;
}
.top-\[72px\]{
  top: 72px;
}
.top-\[91px\]{
  top: 91px;
}
.top-\[9px\]{
  top: 9px;
}
.top-full{
  top: 100%;
}
.\!z-0{
  z-index: 0 !important;
}
.\!z-10{
  z-index: 10 !important;
}
.-z-20{
  z-index: -20;
}
.-z-\[1\]{
  z-index: -1;
}
.z-0{
  z-index: 0;
}
.z-10{
  z-index: 10;
}
.z-20{
  z-index: 20;
}
.z-40{
  z-index: 40;
}
.z-50{
  z-index: 50;
}
.z-\[990\]{
  z-index: 990;
}
.z-\[998\]{
  z-index: 998;
}
.z-\[9999\]{
  z-index: 9999;
}
.z-\[999\]{
  z-index: 999;
}
.order-first{
  order: -9999;
}
.order-last{
  order: 9999;
}
.col-span-1{
  grid-column: span 1 / span 1;
}
.col-span-10{
  grid-column: span 10 / span 10;
}
.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-7{
  grid-column: span 7 / span 7;
}
.col-span-8{
  grid-column: span 8 / span 8;
}
.col-span-full{
  grid-column: 1 / -1;
}
.-m-1{
  margin: -0.25rem;
}
.m-0{
  margin: 0px;
}
.m-1{
  margin: 0.25rem;
}
.m-auto{
  margin: auto;
}
.\!my-1{
  margin-top: 0.25rem !important;
  margin-bottom: 0.25rem !important;
}
.\!my-1\.5{
  margin-top: 0.375rem !important;
  margin-bottom: 0.375rem !important;
}
.-mx-0{
  margin-left: -0px;
  margin-right: -0px;
}
.-mx-0\.5{
  margin-left: -0.125rem;
  margin-right: -0.125rem;
}
.-mx-2{
  margin-left: -0.5rem;
  margin-right: -0.5rem;
}
.-mx-2\.5{
  margin-left: -0.625rem;
  margin-right: -0.625rem;
}
.-mx-4{
  margin-left: -1rem;
  margin-right: -1rem;
}
.-mx-5{
  margin-left: -1.25rem;
  margin-right: -1.25rem;
}
.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-3\.5{
  margin-left: 0.875rem;
  margin-right: 0.875rem;
}
.mx-6{
  margin-left: 1.5rem;
  margin-right: 1.5rem;
}
.mx-auto{
  margin-left: auto;
  margin-right: auto;
}
.my-0{
  margin-top: 0px;
  margin-bottom: 0px;
}
.my-0\.5{
  margin-top: 0.125rem;
  margin-bottom: 0.125rem;
}
.my-2{
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
.\!-mb-\[43px\]{
  margin-bottom: -43px !important;
}
.\!mb-0{
  margin-bottom: 0px !important;
}
.\!mb-2{
  margin-bottom: 0.5rem !important;
}
.\!mb-4{
  margin-bottom: 1rem !important;
}
.\!mt-2{
  margin-top: 0.5rem !important;
}
.\!mt-20{
  margin-top: 5rem !important;
}
.\!mt-4{
  margin-top: 1rem !important;
}
.-mb-7{
  margin-bottom: -1.75rem;
}
.-mb-8{
  margin-bottom: -2rem;
}
.-me-2{
  margin-inline-end: -0.5rem;
}
.-me-6{
  margin-inline-end: -1.5rem;
}
.-ml-2{
  margin-left: -0.5rem;
}
.-mt-0{
  margin-top: -0px;
}
.-mt-0\.5{
  margin-top: -0.125rem;
}
.-mt-2{
  margin-top: -0.5rem;
}
.-mt-2\.5{
  margin-top: -0.625rem;
}
.-mt-4{
  margin-top: -1rem;
}
.mb-0{
  margin-bottom: 0px;
}
.mb-0\.5{
  margin-bottom: 0.125rem;
}
.mb-1{
  margin-bottom: 0.25rem;
}
.mb-1\.5{
  margin-bottom: 0.375rem;
}
.mb-10{
  margin-bottom: 2.5rem;
}
.mb-2{
  margin-bottom: 0.5rem;
}
.mb-2\.5{
  margin-bottom: 0.625rem;
}
.mb-3{
  margin-bottom: 0.75rem;
}
.mb-4{
  margin-bottom: 1rem;
}
.mb-5{
  margin-bottom: 1.25rem;
}
.mb-6{
  margin-bottom: 1.5rem;
}
.mb-7{
  margin-bottom: 1.75rem;
}
.mb-8{
  margin-bottom: 2rem;
}
.mb-auto{
  margin-bottom: auto;
}
.me-1{
  margin-inline-end: 0.25rem;
}
.me-1\.5{
  margin-inline-end: 0.375rem;
}
.me-2{
  margin-inline-end: 0.5rem;
}
.me-2\.5{
  margin-inline-end: 0.625rem;
}
.me-3{
  margin-inline-end: 0.75rem;
}
.me-4{
  margin-inline-end: 1rem;
}
.me-\[18px\]{
  margin-inline-end: 18px;
}
.ml-1{
  margin-left: 0.25rem;
}
.ml-2{
  margin-left: 0.5rem;
}
.ml-2\.5{
  margin-left: 0.625rem;
}
.ml-3{
  margin-left: 0.75rem;
}
.ml-8{
  margin-left: 2rem;
}
.mr-0{
  margin-right: 0px;
}
.mr-1{
  margin-right: 0.25rem;
}
.mr-1\.5{
  margin-right: 0.375rem;
}
.mr-2{
  margin-right: 0.5rem;
}
.ms-1{
  margin-inline-start: 0.25rem;
}
.ms-1\.5{
  margin-inline-start: 0.375rem;
}
.ms-2{
  margin-inline-start: 0.5rem;
}
.ms-2\.5{
  margin-inline-start: 0.625rem;
}
.ms-3{
  margin-inline-start: 0.75rem;
}
.ms-4{
  margin-inline-start: 1rem;
}
.ms-auto{
  margin-inline-start: auto;
}
.mt-0{
  margin-top: 0px;
}
.mt-0\.5{
  margin-top: 0.125rem;
}
.mt-1{
  margin-top: 0.25rem;
}
.mt-1\.5{
  margin-top: 0.375rem;
}
.mt-10{
  margin-top: 2.5rem;
}
.mt-12{
  margin-top: 3rem;
}
.mt-2{
  margin-top: 0.5rem;
}
.mt-2\.5{
  margin-top: 0.625rem;
}
.mt-3{
  margin-top: 0.75rem;
}
.mt-3\.5{
  margin-top: 0.875rem;
}
.mt-4{
  margin-top: 1rem;
}
.mt-5{
  margin-top: 1.25rem;
}
.mt-6{
  margin-top: 1.5rem;
}
.mt-7{
  margin-top: 1.75rem;
}
.mt-8{
  margin-top: 2rem;
}
.block{
  display: block;
}
.inline-block{
  display: inline-block;
}
.inline{
  display: inline;
}
.flex{
  display: flex;
}
.inline-flex{
  display: inline-flex;
}
.table{
  display: table;
}
.grid{
  display: grid;
}
.contents{
  display: contents;
}
.\!hidden{
  display: none !important;
}
.hidden{
  display: none;
}
.aspect-\[360\/326\]{
  aspect-ratio: 360/326;
}
.aspect-\[4\/5\.06\]{
  aspect-ratio: 4/5.06;
}
.aspect-\[4\/5\]{
  aspect-ratio: 4/5;
}
.aspect-\[768\/558\]{
  aspect-ratio: 768/558;
}
.aspect-\[91\/75\]{
  aspect-ratio: 91/75;
}
.aspect-auto{
  aspect-ratio: auto;
}
.aspect-square{
  aspect-ratio: 1 / 1;
}
.size-12{
  width: 3rem;
  height: 3rem;
}
.size-4{
  width: 1rem;
  height: 1rem;
}
.size-7{
  width: 1.75rem;
  height: 1.75rem;
}
.\!h-10{
  height: 2.5rem !important;
}
.\!h-12{
  height: 3rem !important;
}
.\!h-14{
  height: 3.5rem !important;
}
.\!h-6{
  height: 1.5rem !important;
}
.\!h-7{
  height: 1.75rem !important;
}
.\!h-8{
  height: 2rem !important;
}
.\!h-9{
  height: 2.25rem !important;
}
.\!h-\[calc\(100\%-4px\)\]{
  height: calc(100% - 4px) !important;
}
.\!h-full{
  height: 100% !important;
}
.h-0{
  height: 0px;
}
.h-0\.5{
  height: 0.125rem;
}
.h-1{
  height: 0.25rem;
}
.h-1\.5{
  height: 0.375rem;
}
.h-10{
  height: 2.5rem;
}
.h-11{
  height: 2.75rem;
}
.h-12{
  height: 3rem;
}
.h-14{
  height: 3.5rem;
}
.h-16{
  height: 4rem;
}
.h-2{
  height: 0.5rem;
}
.h-20{
  height: 5rem;
}
.h-24{
  height: 6rem;
}
.h-3{
  height: 0.75rem;
}
.h-3\.5{
  height: 0.875rem;
}
.h-32{
  height: 8rem;
}
.h-4{
  height: 1rem;
}
.h-40{
  height: 10rem;
}
.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-\[1\.13rem\]{
  height: 1.13rem;
}
.h-\[1\.38rem\]{
  height: 1.38rem;
}
.h-\[1\.63rem\]{
  height: 1.63rem;
}
.h-\[15px\]{
  height: 15px;
}
.h-\[17px\]{
  height: 17px;
}
.h-\[18px\]{
  height: 18px;
}
.h-\[20px\]{
  height: 20px;
}
.h-\[20rem\]{
  height: 20rem;
}
.h-\[228px\]{
  height: 228px;
}
.h-\[22px\]{
  height: 22px;
}
.h-\[250px\]{
  height: 250px;
}
.h-\[256px\]{
  height: 256px;
}
.h-\[30px\]{
  height: 30px;
}
.h-\[34px\]{
  height: 34px;
}
.h-\[38px\]{
  height: 38px;
}
.h-\[500px\]{
  height: 500px;
}
.h-\[52px\]{
  height: 52px;
}
.h-\[92px\]{
  height: 92px;
}
.h-\[calc\(100\%-144px\)\]{
  height: calc(100% - 144px);
}
.h-\[calc\(100\%-265px\)\]{
  height: calc(100% - 265px);
}
.h-\[calc\(100\%-5px\)\]{
  height: calc(100% - 5px);
}
.h-\[calc\(100\%-80px\)\]{
  height: calc(100% - 80px);
}
.h-\[calc\(100vh_-_100px\)\]{
  height: calc(100vh - 100px);
}
.h-\[calc\(100vh_-_105px\)\]{
  height: calc(100vh - 105px);
}
.h-\[unset\]{
  height: unset;
}
.h-auto{
  height: auto;
}
.h-full{
  height: 100%;
}
.h-px{
  height: 1px;
}
.h-screen{
  height: 100vh;
}
.\!max-h-\[216px\]{
  max-height: 216px !important;
}
.max-h-60{
  max-height: 15rem;
}
.max-h-\[30\%\]{
  max-height: 30%;
}
.max-h-\[35\%\]{
  max-height: 35%;
}
.max-h-\[406px\]{
  max-height: 406px;
}
.max-h-\[420px\]{
  max-height: 420px;
}
.max-h-\[60\%\]{
  max-height: 60%;
}
.max-h-\[60vh\]{
  max-height: 60vh;
}
.max-h-\[80\%\]{
  max-height: 80%;
}
.max-h-full{
  max-height: 100%;
}
.max-h-screen{
  max-height: 100vh;
}
.min-h-0{
  min-height: 0px;
}
.min-h-10{
  min-height: 2.5rem;
}
.min-h-12{
  min-height: 3rem;
}
.min-h-14{
  min-height: 3.5rem;
}
.min-h-8{
  min-height: 2rem;
}
.min-h-96{
  min-height: 24rem;
}
.min-h-\[100px\]{
  min-height: 100px;
}
.min-h-\[120px\]{
  min-height: 120px;
}
.min-h-\[128px\]{
  min-height: 128px;
}
.min-h-\[270px\]{
  min-height: 270px;
}
.min-h-\[280px\]{
  min-height: 280px;
}
.min-h-\[28rem\]{
  min-height: 28rem;
}
.min-h-\[32px\]{
  min-height: 32px;
}
.min-h-\[336px\]{
  min-height: 336px;
}
.min-h-\[40px\]{
  min-height: 40px;
}
.min-h-\[48px\]{
  min-height: 48px;
}
.min-h-\[56px\]{
  min-height: 56px;
}
.min-h-\[auto\]{
  min-height: auto;
}
.min-h-full{
  min-height: 100%;
}
.min-h-screen{
  min-height: 100vh;
}
.\!w-10{
  width: 2.5rem !important;
}
.\!w-7{
  width: 1.75rem !important;
}
.\!w-8{
  width: 2rem !important;
}
.\!w-9{
  width: 2.25rem !important;
}
.\!w-auto{
  width: auto !important;
}
.\!w-full{
  width: 100% !important;
}
.w-0{
  width: 0px;
}
.w-1{
  width: 0.25rem;
}
.w-1\.5{
  width: 0.375rem;
}
.w-1\/3{
  width: 33.333333%;
}
.w-10{
  width: 2.5rem;
}
.w-10\/12{
  width: 83.333333%;
}
.w-11{
  width: 2.75rem;
}
.w-11\/12{
  width: 91.666667%;
}
.w-12{
  width: 3rem;
}
.w-14{
  width: 3.5rem;
}
.w-2{
  width: 0.5rem;
}
.w-2\/3{
  width: 66.666667%;
}
.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-4{
  width: 1rem;
}
.w-40{
  width: 10rem;
}
.w-44{
  width: 11rem;
}
.w-48{
  width: 12rem;
}
.w-5{
  width: 1.25rem;
}
.w-52{
  width: 13rem;
}
.w-56{
  width: 14rem;
}
.w-6{
  width: 1.5rem;
}
.w-64{
  width: 16rem;
}
.w-7{
  width: 1.75rem;
}
.w-72{
  width: 18rem;
}
.w-8{
  width: 2rem;
}
.w-80{
  width: 20rem;
}
.w-9{
  width: 2.25rem;
}
.w-\[1\.13rem\]{
  width: 1.13rem;
}
.w-\[1\.38rem\]{
  width: 1.38rem;
}
.w-\[1\.63rem\]{
  width: 1.63rem;
}
.w-\[100px\]{
  width: 100px;
}
.w-\[110px\]{
  width: 110px;
}
.w-\[127px\]{
  width: 127px;
}
.w-\[155px\]{
  width: 155px;
}
.w-\[15px\]{
  width: 15px;
}
.w-\[172px\]{
  width: 172px;
}
.w-\[17px\]{
  width: 17px;
}
.w-\[18px\]{
  width: 18px;
}
.w-\[200px\]{
  width: 200px;
}
.w-\[20px\]{
  width: 20px;
}
.w-\[22px\]{
  width: 22px;
}
.w-\[270px\]{
  width: 270px;
}
.w-\[280px\]{
  width: 280px;
}
.w-\[284px\]{
  width: 284px;
}
.w-\[294px\]{
  width: 294px;
}
.w-\[2px\]{
  width: 2px;
}
.w-\[300px\]{
  width: 300px;
}
.w-\[30px\]{
  width: 30px;
}
.w-\[320px\]{
  width: 320px;
}
.w-\[340px\]{
  width: 340px;
}
.w-\[34px\]{
  width: 34px;
}
.w-\[420px\]{
  width: 420px;
}
.w-\[460px\]{
  width: 460px;
}
.w-\[670px\]{
  width: 670px;
}
.w-\[710px\]{
  width: 710px;
}
.w-\[840px\]{
  width: 840px;
}
.w-\[88px\]{
  width: 88px;
}
.w-\[90px\]{
  width: 90px;
}
.w-\[9px\]{
  width: 9px;
}
.w-\[calc\(100\%_-_200px\)\]{
  width: calc(100% - 200px);
}
.w-\[unset\]{
  width: unset;
}
.w-\[var\(--button-width\)\]{
  width: var(--button-width);
}
.w-auto{
  width: auto;
}
.w-fit{
  width: -moz-fit-content;
  width: fit-content;
}
.w-full{
  width: 100%;
}
.w-px{
  width: 1px;
}
.\!min-w-\[320px\]{
  min-width: 320px !important;
}
.min-w-96{
  min-width: 24rem;
}
.min-w-\[120px\]{
  min-width: 120px;
}
.min-w-\[140px\]{
  min-width: 140px;
}
.min-w-\[150px\]{
  min-width: 150px;
}
.min-w-\[180px\]{
  min-width: 180px;
}
.min-w-\[270px\]{
  min-width: 270px;
}
.min-w-\[294px\]{
  min-width: 294px;
}
.min-w-\[300px\]{
  min-width: 300px;
}
.min-w-\[380px\]{
  min-width: 380px;
}
.min-w-\[70px\]{
  min-width: 70px;
}
.min-w-\[80px\]{
  min-width: 80px;
}
.min-w-\[90px\]{
  min-width: 90px;
}
.min-w-\[unset\]{
  min-width: unset;
}
.min-w-full{
  min-width: 100%;
}
.min-w-max{
  min-width: -moz-max-content;
  min-width: max-content;
}
.max-w-2xl{
  max-width: 42rem;
}
.max-w-5xl{
  max-width: 64rem;
}
.max-w-64{
  max-width: 16rem;
}
.max-w-\[100px\]{
  max-width: 100px;
}
.max-w-\[1024px\]{
  max-width: 1024px;
}
.max-w-\[120px\]{
  max-width: 120px;
}
.max-w-\[1520px\]{
  max-width: 1520px;
}
.max-w-\[155px\]{
  max-width: 155px;
}
.max-w-\[200px\]{
  max-width: 200px;
}
.max-w-\[240px\]{
  max-width: 240px;
}
.max-w-\[250px\]{
  max-width: 250px;
}
.max-w-\[256px\]{
  max-width: 256px;
}
.max-w-\[270px\]{
  max-width: 270px;
}
.max-w-\[320px\]{
  max-width: 320px;
}
.max-w-\[370px\]{
  max-width: 370px;
}
.max-w-\[60\%\]{
  max-width: 60%;
}
.max-w-\[64px\]{
  max-width: 64px;
}
.max-w-\[calc\(100\%-120px\)\]{
  max-width: calc(100% - 120px);
}
.max-w-full{
  max-width: 100%;
}
.max-w-lg{
  max-width: 32rem;
}
.max-w-md{
  max-width: 28rem;
}
.max-w-screen-2xl{
  max-width: 1536px;
}
.max-w-sm{
  max-width: 24rem;
}
.max-w-xl{
  max-width: 36rem;
}
.max-w-xs{
  max-width: 20rem;
}
.flex-1{
  flex: 1 1 0%;
}
.flex-auto{
  flex: 1 1 auto;
}
.flex-none{
  flex: none;
}
.flex-shrink-0{
  flex-shrink: 0;
}
.shrink-0{
  flex-shrink: 0;
}
.flex-grow{
  flex-grow: 1;
}
.grow{
  flex-grow: 1;
}
.grow-0{
  flex-grow: 0;
}
.basis-1\/2{
  flex-basis: 50%;
}
.basis-auto{
  flex-basis: auto;
}
.-translate-x-1{
  --tw-translate-x: -0.25rem;
  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-1\/4{
  --tw-translate-x: -25%;
  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-7{
  --tw-translate-x: -1.75rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-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-1\/3{
  --tw-translate-y: -33.333333%;
  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\/4{
  --tw-translate-y: -25%;
  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{
  --tw-translate-x: 0.25rem;
  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-1\/4{
  --tw-translate-x: 25%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-\[2\.5px\]{
  --tw-translate-x: 2.5px;
  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-0{
  --tw-translate-y: 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-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-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));
}
.-rotate-\[270deg\]{
  --tw-rotate: -270deg;
  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-\[360deg\]{
  --tw-rotate: -360deg;
  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-0{
  --tw-rotate: 0deg;
  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));
}
.rotate-\[270deg\]{
  --tw-rotate: 270deg;
  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-\[360deg\]{
  --tw-rotate: 360deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-100{
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-150{
  --tw-scale-x: 1.5;
  --tw-scale-y: 1.5;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-75{
  --tw-scale-x: .75;
  --tw-scale-y: .75;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-90{
  --tw-scale-x: .9;
  --tw-scale-y: .9;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-95{
  --tw-scale-x: .95;
  --tw-scale-y: .95;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-y-100{
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-y-95{
  --tw-scale-y: .95;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.transform{
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.transform-gpu{
  transform: translate3d(var(--tw-translate-x), var(--tw-translate-y), 0) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.transform-none{
  transform: none;
}
@keyframes spin{

  to{
    transform: rotate(360deg);
  }
}
.animate-spin{
  animation: spin 1s linear infinite;
}
@keyframes spin{

  to{
    transform: rotate(360deg);
  }
}
.animate-spin-slow{
  animation: spin 4s linear infinite;
}
.cursor-help{
  cursor: help;
}
.cursor-n-resize{
  cursor: n-resize;
}
.cursor-not-allowed{
  cursor: not-allowed;
}
.cursor-pointer{
  cursor: pointer;
}
.cursor-w-resize{
  cursor: w-resize;
}
.resize{
  resize: both;
}
.list-none{
  list-style-type: none;
}
.appearance-none{
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.break-before-auto{
  -moz-column-break-before: auto;
       break-before: auto;
}
.break-inside-auto{
  -moz-column-break-inside: auto;
       break-inside: auto;
}
.break-inside-avoid{
  -moz-column-break-inside: avoid;
       break-inside: avoid;
}
.break-inside-avoid-page{
  break-inside: avoid-page;
}
.grid-flow-col{
  grid-auto-flow: column;
}
.grid-cols-1{
  grid-template-columns: repeat(1, 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-4{
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.grid-cols-8{
  grid-template-columns: repeat(8, minmax(0, 1fr));
}
.grid-cols-\[auto_minmax\(0\2c 1fr\)\]{
  grid-template-columns: auto minmax(0,1fr);
}
.grid-cols-\[minmax\(0\2c 1fr\)_auto\]{
  grid-template-columns: minmax(0,1fr) auto;
}
.grid-cols-\[repeat\(auto-fill\2c minmax\(50px\2c 1fr\)\)\]{
  grid-template-columns: repeat(auto-fill,minmax(50px,1fr));
}
.flex-row{
  flex-direction: row;
}
.flex-row-reverse{
  flex-direction: row-reverse;
}
.flex-col{
  flex-direction: column;
}
.flex-col-reverse{
  flex-direction: column-reverse;
}
.flex-wrap{
  flex-wrap: wrap;
}
.place-content-center{
  place-content: center;
}
.items-start{
  align-items: flex-start;
}
.items-end{
  align-items: flex-end;
}
.items-center{
  align-items: center;
}
.\!justify-start{
  justify-content: flex-start !important;
}
.justify-start{
  justify-content: flex-start;
}
.\!justify-end{
  justify-content: flex-end !important;
}
.justify-end{
  justify-content: flex-end;
}
.justify-center{
  justify-content: center;
}
.justify-between{
  justify-content: space-between;
}
.gap-0{
  gap: 0px;
}
.gap-0\.5{
  gap: 0.125rem;
}
.gap-1{
  gap: 0.25rem;
}
.gap-1\.5{
  gap: 0.375rem;
}
.gap-10{
  gap: 2.5rem;
}
.gap-2{
  gap: 0.5rem;
}
.gap-2\.5{
  gap: 0.625rem;
}
.gap-3{
  gap: 0.75rem;
}
.gap-4{
  gap: 1rem;
}
.gap-5{
  gap: 1.25rem;
}
.gap-6{
  gap: 1.5rem;
}
.gap-7{
  gap: 1.75rem;
}
.gap-8{
  gap: 2rem;
}
.gap-x-1{
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
}
.gap-x-10{
  -moz-column-gap: 2.5rem;
       column-gap: 2.5rem;
}
.gap-x-2{
  -moz-column-gap: 0.5rem;
       column-gap: 0.5rem;
}
.gap-x-6{
  -moz-column-gap: 1.5rem;
       column-gap: 1.5rem;
}
.gap-y-4{
  row-gap: 1rem;
}
.gap-y-5{
  row-gap: 1.25rem;
}
.space-x-0 > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 0;
  margin-right: calc(0px * var(--tw-space-x-reverse));
  margin-left: calc(0px * calc(1 - var(--tw-space-x-reverse)));
}
.space-x-1 > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 0;
  margin-right: calc(0.25rem * var(--tw-space-x-reverse));
  margin-left: calc(0.25rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-x-2 > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 0;
  margin-right: calc(0.5rem * var(--tw-space-x-reverse));
  margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-x-4 > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 0;
  margin-right: calc(1rem * var(--tw-space-x-reverse));
  margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-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-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-3\.5 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(0.875rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.875rem * 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));
}
.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-dashed > :not([hidden]) ~ :not([hidden]){
  border-style: dashed;
}
.divide-gray-200 > :not([hidden]) ~ :not([hidden]){
  --tw-divide-opacity: 1;
  border-color: rgb(var(--gray-200) / var(--tw-divide-opacity));
}
.overflow-auto{
  overflow: auto;
}
.overflow-hidden{
  overflow: hidden;
}
.overflow-x-auto{
  overflow-x: auto;
}
.overflow-y-auto{
  overflow-y: auto;
}
.overflow-x-hidden{
  overflow-x: hidden;
}
.scroll-smooth{
  scroll-behavior: smooth;
}
.truncate{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.whitespace-nowrap{
  white-space: nowrap;
}
.break-words{
  overflow-wrap: break-word;
}
.break-all{
  word-break: break-all;
}
.\!rounded{
  border-radius: 0.25rem !important;
}
.\!rounded-full{
  border-radius: 9999px !important;
}
.\!rounded-lg{
  border-radius: 0.5rem !important;
}
.\!rounded-md{
  border-radius: 0.375rem !important;
}
.\!rounded-none{
  border-radius: 0px !important;
}
.\!rounded-sm{
  border-radius: 0.125rem !important;
}
.\!rounded-xl{
  border-radius: 0.75rem !important;
}
.rounded{
  border-radius: 0.25rem;
}
.rounded-2xl{
  border-radius: 1rem;
}
.rounded-3xl{
  border-radius: 1.5rem;
}
.rounded-\[10px\]{
  border-radius: 10px;
}
.rounded-\[14px\]{
  border-radius: 14px;
}
.rounded-\[2px\]{
  border-radius: 2px;
}
.rounded-\[4px\]{
  border-radius: 4px;
}
.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-t-md{
  border-top-left-radius: 0.375rem;
  border-top-right-radius: 0.375rem;
}
.rounded-bl-lg{
  border-bottom-left-radius: 0.5rem;
}
.rounded-bl-md{
  border-bottom-left-radius: 0.375rem;
}
.rounded-bl-none{
  border-bottom-left-radius: 0px;
}
.rounded-bl-sm{
  border-bottom-left-radius: 0.125rem;
}
.rounded-bl-xl{
  border-bottom-left-radius: 0.75rem;
}
.rounded-tl-lg{
  border-top-left-radius: 0.5rem;
}
.rounded-tl-md{
  border-top-left-radius: 0.375rem;
}
.rounded-tl-none{
  border-top-left-radius: 0px;
}
.rounded-tl-sm{
  border-top-left-radius: 0.125rem;
}
.rounded-tl-xl{
  border-top-left-radius: 0.75rem;
}
.\!border{
  border-width: 1px !important;
}
.\!border-0{
  border-width: 0px !important;
}
.border{
  border-width: 1px;
}
.border-0{
  border-width: 0px;
}
.border-2{
  border-width: 2px;
}
.border-4{
  border-width: 4px;
}
.border-\[1\.8px\]{
  border-width: 1.8px;
}
.border-\[6px\]{
  border-width: 6px;
}
.\!border-t{
  border-top-width: 1px !important;
}
.border-b{
  border-bottom-width: 1px;
}
.border-e{
  border-inline-end-width: 1px;
}
.border-e-2{
  border-inline-end-width: 2px;
}
.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-2{
  border-top-width: 2px;
}
.border-dashed{
  border-style: dashed;
}
.border-none{
  border-style: none;
}
.\!border-gray-200{
  --tw-border-opacity: 1 !important;
  border-color: rgb(var(--gray-200) / var(--tw-border-opacity)) !important;
}
.\!border-muted{
  --tw-border-opacity: 1 !important;
  border-color: rgb(var(--muted) / var(--tw-border-opacity)) !important;
}
.\!border-red{
  --tw-border-opacity: 1 !important;
  border-color: rgb(var(--red-default) / var(--tw-border-opacity)) !important;
}
.\!border-transparent{
  border-color: transparent !important;
}
.border-\[\#1c24a8\]{
  --tw-border-opacity: 1;
  border-color: rgb(28 36 168 / var(--tw-border-opacity));
}
.border-\[red\]{
  --tw-border-opacity: 1;
  border-color: rgb(255 0 0 / var(--tw-border-opacity));
}
.border-blue{
  --tw-border-opacity: 1;
  border-color: rgb(var(--blue-default) / var(--tw-border-opacity));
}
.border-blue\/70{
  border-color: rgb(var(--blue-default) / 0.7);
}
.border-gray-0{
  --tw-border-opacity: 1;
  border-color: rgb(var(--gray-0) / var(--tw-border-opacity));
}
.border-gray-100{
  --tw-border-opacity: 1;
  border-color: rgb(var(--gray-100) / var(--tw-border-opacity));
}
.border-gray-200{
  --tw-border-opacity: 1;
  border-color: rgb(var(--gray-200) / var(--tw-border-opacity));
}
.border-gray-300{
  --tw-border-opacity: 1;
  border-color: rgb(var(--gray-300) / var(--tw-border-opacity));
}
.border-gray-400{
  --tw-border-opacity: 1;
  border-color: rgb(var(--gray-400) / var(--tw-border-opacity));
}
.border-gray-700{
  --tw-border-opacity: 1;
  border-color: rgb(var(--gray-700) / var(--tw-border-opacity));
}
.border-gray-900{
  --tw-border-opacity: 1;
  border-color: rgb(var(--gray-900) / var(--tw-border-opacity));
}
.border-green{
  --tw-border-opacity: 1;
  border-color: rgb(var(--green-default) / var(--tw-border-opacity));
}
.border-green\/70{
  border-color: rgb(var(--green-default) / 0.7);
}
.border-muted{
  --tw-border-opacity: 1;
  border-color: rgb(var(--muted) / var(--tw-border-opacity));
}
.border-orange{
  --tw-border-opacity: 1;
  border-color: rgb(var(--orange-default) / var(--tw-border-opacity));
}
.border-orange\/70{
  border-color: rgb(var(--orange-default) / 0.7);
}
.border-primary{
  --tw-border-opacity: 1;
  border-color: rgb(var(--primary-default) / var(--tw-border-opacity));
}
.border-red{
  --tw-border-opacity: 1;
  border-color: rgb(var(--red-default) / var(--tw-border-opacity));
}
.border-red-500{
  --tw-border-opacity: 1;
  border-color: rgb(239 68 68 / var(--tw-border-opacity));
}
.border-red\/70{
  border-color: rgb(var(--red-default) / 0.7);
}
.border-secondary{
  --tw-border-opacity: 1;
  border-color: rgb(var(--secondary-default) / var(--tw-border-opacity));
}
.border-transparent{
  border-color: transparent;
}
.border-white{
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity));
}
.\!bg-gray-0{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(var(--gray-0) / var(--tw-bg-opacity)) !important;
}
.\!bg-gray-100{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(var(--gray-100) / var(--tw-bg-opacity)) !important;
}
.\!bg-muted\/70{
  background-color: rgb(var(--muted) / 0.7) !important;
}
.\!bg-primary-lighter\/70{
  background-color: rgb(var(--primary-lighter) / 0.7) !important;
}
.\!bg-transparent{
  background-color: transparent !important;
}
.bg-\[\#1c24a8\]{
  --tw-bg-opacity: 1;
  background-color: rgb(28 36 168 / var(--tw-bg-opacity));
}
.bg-\[\#F8FAFC\]{
  --tw-bg-opacity: 1;
  background-color: rgb(248 250 252 / var(--tw-bg-opacity));
}
.bg-\[\#f3f3f3\]{
  --tw-bg-opacity: 1;
  background-color: rgb(243 243 243 / var(--tw-bg-opacity));
}
.bg-background{
  --tw-bg-opacity: 1;
  background-color: rgb(var(--background) / var(--tw-bg-opacity));
}
.bg-black{
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
}
.bg-black\/25{
  background-color: rgb(0 0 0 / 0.25);
}
.bg-black\/70{
  background-color: rgb(0 0 0 / 0.7);
}
.bg-blue{
  --tw-bg-opacity: 1;
  background-color: rgb(var(--blue-default) / var(--tw-bg-opacity));
}
.bg-blue-50{
  --tw-bg-opacity: 1;
  background-color: rgb(239 246 255 / var(--tw-bg-opacity));
}
.bg-blue-lighter{
  --tw-bg-opacity: 1;
  background-color: rgb(var(--blue-lighter) / var(--tw-bg-opacity));
}
.bg-blue-lighter\/70{
  background-color: rgb(var(--blue-lighter) / 0.7);
}
.bg-blue\/40{
  background-color: rgb(var(--blue-default) / 0.4);
}
.bg-current{
  background-color: currentColor;
}
.bg-gray-0{
  --tw-bg-opacity: 1;
  background-color: rgb(var(--gray-0) / var(--tw-bg-opacity));
}
.bg-gray-0\/0{
  background-color: rgb(var(--gray-0) / 0);
}
.bg-gray-0\/10{
  background-color: rgb(var(--gray-0) / 0.1);
}
.bg-gray-0\/80{
  background-color: rgb(var(--gray-0) / 0.8);
}
.bg-gray-100{
  --tw-bg-opacity: 1;
  background-color: rgb(var(--gray-100) / var(--tw-bg-opacity));
}
.bg-gray-100\/0{
  background-color: rgb(var(--gray-100) / 0);
}
.bg-gray-100\/30{
  background-color: rgb(var(--gray-100) / 0.3);
}
.bg-gray-100\/60{
  background-color: rgb(var(--gray-100) / 0.6);
}
.bg-gray-100\/70{
  background-color: rgb(var(--gray-100) / 0.7);
}
.bg-gray-200{
  --tw-bg-opacity: 1;
  background-color: rgb(var(--gray-200) / var(--tw-bg-opacity));
}
.bg-gray-200\/70{
  background-color: rgb(var(--gray-200) / 0.7);
}
.bg-gray-300{
  --tw-bg-opacity: 1;
  background-color: rgb(var(--gray-300) / var(--tw-bg-opacity));
}
.bg-gray-400{
  --tw-bg-opacity: 1;
  background-color: rgb(var(--gray-400) / var(--tw-bg-opacity));
}
.bg-gray-50{
  --tw-bg-opacity: 1;
  background-color: rgb(var(--gray-50) / var(--tw-bg-opacity));
}
.bg-gray-50\/50{
  background-color: rgb(var(--gray-50) / 0.5);
}
.bg-gray-600{
  --tw-bg-opacity: 1;
  background-color: rgb(var(--gray-600) / var(--tw-bg-opacity));
}
.bg-gray-700{
  --tw-bg-opacity: 1;
  background-color: rgb(var(--gray-700) / var(--tw-bg-opacity));
}
.bg-gray-700\/70{
  background-color: rgb(var(--gray-700) / 0.7);
}
.bg-gray-800{
  --tw-bg-opacity: 1;
  background-color: rgb(var(--gray-800) / var(--tw-bg-opacity));
}
.bg-gray-800\/50{
  background-color: rgb(var(--gray-800) / 0.5);
}
.bg-gray-900{
  --tw-bg-opacity: 1;
  background-color: rgb(var(--gray-900) / var(--tw-bg-opacity));
}
.bg-gray-900\/30{
  background-color: rgb(var(--gray-900) / 0.3);
}
.bg-green{
  --tw-bg-opacity: 1;
  background-color: rgb(var(--green-default) / var(--tw-bg-opacity));
}
.bg-green-600{
  --tw-bg-opacity: 1;
  background-color: rgb(22 163 74 / var(--tw-bg-opacity));
}
.bg-green-lighter{
  --tw-bg-opacity: 1;
  background-color: rgb(var(--green-lighter) / var(--tw-bg-opacity));
}
.bg-green-lighter\/70{
  background-color: rgb(var(--green-lighter) / 0.7);
}
.bg-green\/40{
  background-color: rgb(var(--green-default) / 0.4);
}
.bg-muted{
  --tw-bg-opacity: 1;
  background-color: rgb(var(--muted) / var(--tw-bg-opacity));
}
.bg-muted\/60{
  background-color: rgb(var(--muted) / 0.6);
}
.bg-muted\/70{
  background-color: rgb(var(--muted) / 0.7);
}
.bg-orange{
  --tw-bg-opacity: 1;
  background-color: rgb(var(--orange-default) / var(--tw-bg-opacity));
}
.bg-orange-500{
  --tw-bg-opacity: 1;
  background-color: rgb(249 115 22 / var(--tw-bg-opacity));
}
.bg-orange-lighter{
  --tw-bg-opacity: 1;
  background-color: rgb(var(--orange-lighter) / var(--tw-bg-opacity));
}
.bg-orange-lighter\/70{
  background-color: rgb(var(--orange-lighter) / 0.7);
}
.bg-orange-lighter\/80{
  background-color: rgb(var(--orange-lighter) / 0.8);
}
.bg-orange\/40{
  background-color: rgb(var(--orange-default) / 0.4);
}
.bg-primary{
  --tw-bg-opacity: 1;
  background-color: rgb(var(--primary-default) / var(--tw-bg-opacity));
}
.bg-primary-dark{
  --tw-bg-opacity: 1;
  background-color: rgb(var(--primary-dark) / var(--tw-bg-opacity));
}
.bg-primary-lighter{
  --tw-bg-opacity: 1;
  background-color: rgb(var(--primary-lighter) / var(--tw-bg-opacity));
}
.bg-primary-lighter\/70{
  background-color: rgb(var(--primary-lighter) / 0.7);
}
.bg-primary\/40{
  background-color: rgb(var(--primary-default) / 0.4);
}
.bg-primary\/5{
  background-color: rgb(var(--primary-default) / 0.05);
}
.bg-red{
  --tw-bg-opacity: 1;
  background-color: rgb(var(--red-default) / var(--tw-bg-opacity));
}
.bg-red-50{
  --tw-bg-opacity: 1;
  background-color: rgb(254 242 242 / var(--tw-bg-opacity));
}
.bg-red-500{
  --tw-bg-opacity: 1;
  background-color: rgb(239 68 68 / var(--tw-bg-opacity));
}
.bg-red-600{
  --tw-bg-opacity: 1;
  background-color: rgb(220 38 38 / var(--tw-bg-opacity));
}
.bg-red-lighter{
  --tw-bg-opacity: 1;
  background-color: rgb(var(--red-lighter) / var(--tw-bg-opacity));
}
.bg-red-lighter\/70{
  background-color: rgb(var(--red-lighter) / 0.7);
}
.bg-red\/40{
  background-color: rgb(var(--red-default) / 0.4);
}
.bg-secondary{
  --tw-bg-opacity: 1;
  background-color: rgb(var(--secondary-default) / var(--tw-bg-opacity));
}
.bg-secondary-lighter{
  --tw-bg-opacity: 1;
  background-color: rgb(var(--secondary-lighter) / var(--tw-bg-opacity));
}
.bg-secondary-lighter\/70{
  background-color: rgb(var(--secondary-lighter) / 0.7);
}
.bg-secondary\/40{
  background-color: rgb(var(--secondary-default) / 0.4);
}
.bg-transparent{
  background-color: transparent;
}
.bg-white{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.bg-yellow-100{
  --tw-bg-opacity: 1;
  background-color: rgb(254 249 195 / var(--tw-bg-opacity));
}
.bg-yellow-400{
  --tw-bg-opacity: 1;
  background-color: rgb(250 204 21 / var(--tw-bg-opacity));
}
.bg-opacity-40{
  --tw-bg-opacity: 0.4;
}
.bg-opacity-50{
  --tw-bg-opacity: 0.5;
}
.bg-opacity-60{
  --tw-bg-opacity: 0.6;
}
.bg-opacity-80{
  --tw-bg-opacity: 0.8;
}
.bg-opacity-95{
  --tw-bg-opacity: 0.95;
}
.bg-gradient-to-l{
  background-image: linear-gradient(to left, var(--tw-gradient-stops));
}
.bg-gradient-to-r{
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
}
.from-gray-0{
  --tw-gradient-from: rgb(var(--gray-0) / 1) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(var(--gray-0) / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-white{
  --tw-gradient-from: #fff var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.via-gray-0\/70{
  --tw-gradient-to: rgb(var(--gray-0) / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(var(--gray-0) / 0.7) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-white{
  --tw-gradient-to: rgb(255 255 255 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #fff var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.to-transparent{
  --tw-gradient-to: transparent var(--tw-gradient-to-position);
}
.fill-\[\#d4dcfa\]{
  fill: #d4dcfa;
}
.fill-background{
  fill: rgb(var(--background) / 1);
}
.fill-black{
  fill: #000;
}
.fill-blue{
  fill: rgb(var(--blue-default) / 1);
}
.fill-current{
  fill: currentColor;
}
.fill-foreground\/70{
  fill: rgb(var(--foreground) / 0.7);
}
.fill-gray-300{
  fill: rgb(var(--gray-300) / 1);
}
.fill-gray-500{
  fill: rgb(var(--gray-500) / 1);
}
.fill-green{
  fill: rgb(var(--green-default) / 1);
}
.fill-muted{
  fill: rgb(var(--muted) / 1);
}
.fill-muted\/70{
  fill: rgb(var(--muted) / 0.7);
}
.fill-orange{
  fill: rgb(var(--orange-default) / 1);
}
.fill-primary{
  fill: rgb(var(--primary-default) / 1);
}
.fill-red{
  fill: rgb(var(--red-default) / 1);
}
.fill-secondary{
  fill: rgb(var(--secondary-default) / 1);
}
.stroke-black{
  stroke: #000;
}
.stroke-gray-200{
  stroke: rgb(var(--gray-200) / 1);
}
.stroke-muted{
  stroke: rgb(var(--muted) / 1);
}
.object-contain{
  -o-object-fit: contain;
     object-fit: contain;
}
.object-cover{
  -o-object-fit: cover;
     object-fit: cover;
}
.\!p-1{
  padding: 0.25rem !important;
}
.\!p-1\.5{
  padding: 0.375rem !important;
}
.p-0{
  padding: 0px;
}
.p-0\.5{
  padding: 0.125rem;
}
.p-1{
  padding: 0.25rem;
}
.p-1\.5{
  padding: 0.375rem;
}
.p-10{
  padding: 2.5rem;
}
.p-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-7{
  padding: 1.75rem;
}
.p-8{
  padding: 2rem;
}
.p-\[5px\]{
  padding: 5px;
}
.\!px-2{
  padding-left: 0.5rem !important;
  padding-right: 0.5rem !important;
}
.\!py-3{
  padding-top: 0.75rem !important;
  padding-bottom: 0.75rem !important;
}
.px-0{
  padding-left: 0px;
  padding-right: 0px;
}
.px-0\.5{
  padding-left: 0.125rem;
  padding-right: 0.125rem;
}
.px-1{
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
.px-1\.5{
  padding-left: 0.375rem;
  padding-right: 0.375rem;
}
.px-10{
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}
.px-12{
  padding-left: 3rem;
  padding-right: 3rem;
}
.px-16{
  padding-left: 4rem;
  padding-right: 4rem;
}
.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-\[25px\]{
  padding-left: 25px;
  padding-right: 25px;
}
.py-0{
  padding-top: 0px;
  padding-bottom: 0px;
}
.py-0\.5{
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
}
.py-1{
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.py-1\.5{
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
}
.py-10{
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}
.py-12{
  padding-top: 3rem;
  padding-bottom: 3rem;
}
.py-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-3\.5{
  padding-top: 0.875rem;
  padding-bottom: 0.875rem;
}
.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-7{
  padding-top: 1.75rem;
  padding-bottom: 1.75rem;
}
.\!pr-2{
  padding-right: 0.5rem !important;
}
.\!pr-2\.5{
  padding-right: 0.625rem !important;
}
.pb-0{
  padding-bottom: 0px;
}
.pb-0\.5{
  padding-bottom: 0.125rem;
}
.pb-1{
  padding-bottom: 0.25rem;
}
.pb-1\.5{
  padding-bottom: 0.375rem;
}
.pb-10{
  padding-bottom: 2.5rem;
}
.pb-12{
  padding-bottom: 3rem;
}
.pb-2{
  padding-bottom: 0.5rem;
}
.pb-2\.5{
  padding-bottom: 0.625rem;
}
.pb-3{
  padding-bottom: 0.75rem;
}
.pb-3\.5{
  padding-bottom: 0.875rem;
}
.pb-4{
  padding-bottom: 1rem;
}
.pb-5{
  padding-bottom: 1.25rem;
}
.pb-6{
  padding-bottom: 1.5rem;
}
.pb-7{
  padding-bottom: 1.75rem;
}
.pb-8{
  padding-bottom: 2rem;
}
.pb-9{
  padding-bottom: 2.25rem;
}
.pb-\[1px\]{
  padding-bottom: 1px;
}
.pe-0{
  padding-inline-end: 0px;
}
.pe-1{
  padding-inline-end: 0.25rem;
}
.pe-1\.5{
  padding-inline-end: 0.375rem;
}
.pe-10{
  padding-inline-end: 2.5rem;
}
.pe-11{
  padding-inline-end: 2.75rem;
}
.pe-12{
  padding-inline-end: 3rem;
}
.pe-2{
  padding-inline-end: 0.5rem;
}
.pe-2\.5{
  padding-inline-end: 0.625rem;
}
.pe-3{
  padding-inline-end: 0.75rem;
}
.pe-3\.5{
  padding-inline-end: 0.875rem;
}
.pe-4{
  padding-inline-end: 1rem;
}
.pe-6{
  padding-inline-end: 1.5rem;
}
.pe-7{
  padding-inline-end: 1.75rem;
}
.pe-8{
  padding-inline-end: 2rem;
}
.pe-9{
  padding-inline-end: 2.25rem;
}
.pl-0{
  padding-left: 0px;
}
.pl-0\.5{
  padding-left: 0.125rem;
}
.pl-1{
  padding-left: 0.25rem;
}
.pl-3{
  padding-left: 0.75rem;
}
.pl-5{
  padding-left: 1.25rem;
}
.pl-\[1px\]{
  padding-left: 1px;
}
.pr-1{
  padding-right: 0.25rem;
}
.pr-1\.5{
  padding-right: 0.375rem;
}
.pr-2{
  padding-right: 0.5rem;
}
.pr-3{
  padding-right: 0.75rem;
}
.pr-3\.5{
  padding-right: 0.875rem;
}
.pr-4{
  padding-right: 1rem;
}
.pr-5{
  padding-right: 1.25rem;
}
.ps-0{
  padding-inline-start: 0px;
}
.ps-0\.5{
  padding-inline-start: 0.125rem;
}
.ps-1{
  padding-inline-start: 0.25rem;
}
.ps-1\.5{
  padding-inline-start: 0.375rem;
}
.ps-10{
  padding-inline-start: 2.5rem;
}
.ps-11{
  padding-inline-start: 2.75rem;
}
.ps-12{
  padding-inline-start: 3rem;
}
.ps-2{
  padding-inline-start: 0.5rem;
}
.ps-2\.5{
  padding-inline-start: 0.625rem;
}
.ps-3{
  padding-inline-start: 0.75rem;
}
.ps-3\.5{
  padding-inline-start: 0.875rem;
}
.ps-4{
  padding-inline-start: 1rem;
}
.ps-5{
  padding-inline-start: 1.25rem;
}
.ps-6{
  padding-inline-start: 1.5rem;
}
.ps-8{
  padding-inline-start: 2rem;
}
.pt-1{
  padding-top: 0.25rem;
}
.pt-2{
  padding-top: 0.5rem;
}
.pt-2\.5{
  padding-top: 0.625rem;
}
.pt-28{
  padding-top: 7rem;
}
.pt-3{
  padding-top: 0.75rem;
}
.pt-3\.5{
  padding-top: 0.875rem;
}
.pt-4{
  padding-top: 1rem;
}
.pt-5{
  padding-top: 1.25rem;
}
.pt-6{
  padding-top: 1.5rem;
}
.pt-7{
  padding-top: 1.75rem;
}
.pt-\[82px\]{
  padding-top: 82px;
}
.text-left{
  text-align: left;
}
.text-center{
  text-align: center;
}
.text-start{
  text-align: start;
}
.text-end{
  text-align: end;
}
.indent-\[-9999px\]{
  text-indent: -9999px;
}
.align-middle{
  vertical-align: middle;
}
.font-inter{
  font-family: var(--font-inter);
}
.font-lexend{
  font-family: var(--font-lexend);
}
.font-mono{
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}
.font-sans{
  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
.\!text-base{
  font-size: 1rem !important;
  line-height: 1.5rem !important;
}
.\!text-sm{
  font-size: 0.875rem !important;
  line-height: 1.25rem !important;
}
.\!text-xs{
  font-size: 0.75rem !important;
  line-height: 1rem !important;
}
.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-\[10px\]{
  font-size: 10px;
}
.text-\[11px\]{
  font-size: 11px;
}
.text-\[13px\]{
  font-size: 13px;
}
.text-\[15px\]{
  font-size: 15px;
}
.text-\[17px\]{
  font-size: 17px;
}
.text-\[22px\]{
  font-size: 22px;
}
.text-\[28px\]{
  font-size: 28px;
}
.text-\[56px\]{
  font-size: 56px;
}
.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-extrabold{
  font-weight: 800;
}
.font-medium{
  font-weight: 500;
}
.font-normal{
  font-weight: 400;
}
.font-semibold{
  font-weight: 600;
}
.uppercase{
  text-transform: uppercase;
}
.capitalize{
  text-transform: capitalize;
}
.italic{
  font-style: italic;
}
.\!leading-\[26px\]{
  line-height: 26px !important;
}
.\!leading-\[32px\]{
  line-height: 32px !important;
}
.\!leading-\[40px\]{
  line-height: 40px !important;
}
.\!leading-\[48px\]{
  line-height: 48px !important;
}
.\!leading-\[56px\]{
  line-height: 56px !important;
}
.leading-5{
  line-height: 1.25rem;
}
.leading-6{
  line-height: 1.5rem;
}
.leading-7{
  line-height: 1.75rem;
}
.leading-\[1\.1\]{
  line-height: 1.1;
}
.leading-\[1\.6\]{
  line-height: 1.6;
}
.leading-\[1\.85\]{
  line-height: 1.85;
}
.leading-\[26px\]{
  line-height: 26px;
}
.leading-\[32px\]{
  line-height: 32px;
}
.leading-loose{
  line-height: 2;
}
.leading-none{
  line-height: 1;
}
.leading-normal{
  line-height: 1.5;
}
.leading-relaxed{
  line-height: 1.625;
}
.leading-snug{
  line-height: 1.375;
}
.tracking-wider{
  letter-spacing: 0.05em;
}
.tracking-widest{
  letter-spacing: 0.1em;
}
.\!text-gray-500{
  --tw-text-opacity: 1 !important;
  color: rgb(var(--gray-500) / var(--tw-text-opacity)) !important;
}
.\!text-muted-foreground{
  --tw-text-opacity: 1 !important;
  color: rgb(var(--muted-foreground) / var(--tw-text-opacity)) !important;
}
.\!text-primary{
  --tw-text-opacity: 1 !important;
  color: rgb(var(--primary-default) / var(--tw-text-opacity)) !important;
}
.\!text-primary-dark{
  --tw-text-opacity: 1 !important;
  color: rgb(var(--primary-dark) / var(--tw-text-opacity)) !important;
}
.text-\[\#1c24a8\]{
  --tw-text-opacity: 1;
  color: rgb(28 36 168 / var(--tw-text-opacity));
}
.text-background{
  --tw-text-opacity: 1;
  color: rgb(var(--background) / var(--tw-text-opacity));
}
.text-blue{
  --tw-text-opacity: 1;
  color: rgb(var(--blue-default) / var(--tw-text-opacity));
}
.text-blue-dark{
  --tw-text-opacity: 1;
  color: rgb(var(--blue-dark) / var(--tw-text-opacity));
}
.text-current{
  color: currentColor;
}
.text-foreground{
  --tw-text-opacity: 1;
  color: rgb(var(--foreground) / var(--tw-text-opacity));
}
.text-foreground\/70{
  color: rgb(var(--foreground) / 0.7);
}
.text-foreground\/90{
  color: rgb(var(--foreground) / 0.9);
}
.text-gray-0{
  --tw-text-opacity: 1;
  color: rgb(var(--gray-0) / var(--tw-text-opacity));
}
.text-gray-100{
  --tw-text-opacity: 1;
  color: rgb(var(--gray-100) / var(--tw-text-opacity));
}
.text-gray-1000{
  --tw-text-opacity: 1;
  color: rgb(var(--gray-1000) / var(--tw-text-opacity));
}
.text-gray-200{
  --tw-text-opacity: 1;
  color: rgb(var(--gray-200) / var(--tw-text-opacity));
}
.text-gray-300{
  --tw-text-opacity: 1;
  color: rgb(var(--gray-300) / var(--tw-text-opacity));
}
.text-gray-300\/70{
  color: rgb(var(--gray-300) / 0.7);
}
.text-gray-400{
  --tw-text-opacity: 1;
  color: rgb(var(--gray-400) / var(--tw-text-opacity));
}
.text-gray-50{
  --tw-text-opacity: 1;
  color: rgb(var(--gray-50) / var(--tw-text-opacity));
}
.text-gray-500{
  --tw-text-opacity: 1;
  color: rgb(var(--gray-500) / var(--tw-text-opacity));
}
.text-gray-600{
  --tw-text-opacity: 1;
  color: rgb(var(--gray-600) / var(--tw-text-opacity));
}
.text-gray-700{
  --tw-text-opacity: 1;
  color: rgb(var(--gray-700) / var(--tw-text-opacity));
}
.text-gray-800{
  --tw-text-opacity: 1;
  color: rgb(var(--gray-800) / var(--tw-text-opacity));
}
.text-gray-900{
  --tw-text-opacity: 1;
  color: rgb(var(--gray-900) / var(--tw-text-opacity));
}
.text-green{
  --tw-text-opacity: 1;
  color: rgb(var(--green-default) / var(--tw-text-opacity));
}
.text-green-500{
  --tw-text-opacity: 1;
  color: rgb(34 197 94 / var(--tw-text-opacity));
}
.text-green-600{
  --tw-text-opacity: 1;
  color: rgb(22 163 74 / var(--tw-text-opacity));
}
.text-green-dark{
  --tw-text-opacity: 1;
  color: rgb(var(--green-dark) / var(--tw-text-opacity));
}
.text-muted-foreground{
  --tw-text-opacity: 1;
  color: rgb(var(--muted-foreground) / var(--tw-text-opacity));
}
.text-orange{
  --tw-text-opacity: 1;
  color: rgb(var(--orange-default) / var(--tw-text-opacity));
}
.text-orange-dark{
  --tw-text-opacity: 1;
  color: rgb(var(--orange-dark) / var(--tw-text-opacity));
}
.text-primary{
  --tw-text-opacity: 1;
  color: rgb(var(--primary-default) / var(--tw-text-opacity));
}
.text-primary-dark{
  --tw-text-opacity: 1;
  color: rgb(var(--primary-dark) / var(--tw-text-opacity));
}
.text-primary-foreground{
  --tw-text-opacity: 1;
  color: rgb(var(--primary-foreground) / var(--tw-text-opacity));
}
.text-red{
  --tw-text-opacity: 1;
  color: rgb(var(--red-default) / var(--tw-text-opacity));
}
.text-red-500{
  --tw-text-opacity: 1;
  color: rgb(239 68 68 / var(--tw-text-opacity));
}
.text-red-600{
  --tw-text-opacity: 1;
  color: rgb(220 38 38 / var(--tw-text-opacity));
}
.text-red-dark{
  --tw-text-opacity: 1;
  color: rgb(var(--red-dark) / var(--tw-text-opacity));
}
.text-secondary{
  --tw-text-opacity: 1;
  color: rgb(var(--secondary-default) / var(--tw-text-opacity));
}
.text-secondary-dark{
  --tw-text-opacity: 1;
  color: rgb(var(--secondary-dark) / var(--tw-text-opacity));
}
.text-secondary-foreground{
  --tw-text-opacity: 1;
  color: rgb(var(--secondary-foreground) / var(--tw-text-opacity));
}
.text-transparent{
  color: transparent;
}
.text-white{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.text-opacity-90{
  --tw-text-opacity: 0.9;
}
.underline{
  text-decoration-line: underline;
}
.opacity-0{
  opacity: 0;
}
.opacity-100{
  opacity: 1;
}
.opacity-20{
  opacity: 0.2;
}
.opacity-30{
  opacity: 0.3;
}
.opacity-40{
  opacity: 0.4;
}
.opacity-60{
  opacity: 0.6;
}
.opacity-70{
  opacity: 0.7;
}
.opacity-80{
  opacity: 0.8;
}
.\!shadow-xl{
  --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1) !important;
  --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}
.shadow{
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-2xl{
  --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
  --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0px_1px_4px_rgba\(0\2c 0\2c 0\2c 0\.16\)\]{
  --tw-shadow: 0px 1px 4px rgba(0,0,0,0.16);
  --tw-shadow-colored: 0px 1px 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-lg{
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-md{
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-none{
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-profilePic{
  --tw-shadow: 0px 2px 4px -2px rgba(0, 0, 0, 0.10), 0px 4px 6px -1px rgba(0, 0, 0, 0.10);
  --tw-shadow-colored: 0px 2px 4px -2px var(--tw-shadow-color), 0px 4px 6px -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-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);
}
.shadow-gray-400\/10{
  --tw-shadow-color: rgb(var(--gray-400) / 0.1);
  --tw-shadow: var(--tw-shadow-colored);
}
.\!outline-none{
  outline: 2px solid transparent !important;
  outline-offset: 2px !important;
}
.outline-none{
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.\!outline{
  outline-style: solid !important;
}
.outline{
  outline-style: solid;
}
.outline-0{
  outline-width: 0px;
}
.\!ring-0{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important;
}
.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-0{
  --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);
}
.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-\[0\.5px\]{
  --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(0.5px + 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-\[0\.6px\]{
  --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(0.6px + 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-\[1px\]{
  --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-muted{
  --tw-ring-opacity: 1 !important;
  --tw-ring-color: rgb(var(--muted) / var(--tw-ring-opacity)) !important;
}
.\!ring-red{
  --tw-ring-opacity: 1 !important;
  --tw-ring-color: rgb(var(--red-default) / var(--tw-ring-opacity)) !important;
}
.ring-background{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(var(--background) / var(--tw-ring-opacity));
}
.ring-muted{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(var(--muted) / var(--tw-ring-opacity));
}
.ring-muted\/70{
  --tw-ring-color: rgb(var(--muted) / 0.7);
}
.ring-primary{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(var(--primary-default) / var(--tw-ring-opacity));
}
.ring-transparent{
  --tw-ring-color: transparent;
}
.ring-offset-2{
  --tw-ring-offset-width: 2px;
}
.ring-offset-4{
  --tw-ring-offset-width: 4px;
}
.ring-offset-background{
  --tw-ring-offset-color: rgb(var(--background) / 1);
}
.ring-offset-gray-0{
  --tw-ring-offset-color: rgb(var(--gray-0) / 1);
}
.blur{
  --tw-blur: blur(8px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.drop-shadow{
  --tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / 0.1)) drop-shadow(0 1px 1px rgb(0 0 0 / 0.06));
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.drop-shadow-2xl{
  --tw-drop-shadow: drop-shadow(0 25px 25px rgb(0 0 0 / 0.15));
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.drop-shadow-lg{
  --tw-drop-shadow: drop-shadow(0 10px 8px rgb(0 0 0 / 0.04)) drop-shadow(0 4px 3px rgb(0 0 0 / 0.1));
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.drop-shadow-md{
  --tw-drop-shadow: drop-shadow(0 4px 3px rgb(0 0 0 / 0.07)) drop-shadow(0 2px 2px rgb(0 0 0 / 0.06));
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.drop-shadow-none{
  --tw-drop-shadow: drop-shadow(0 0 #0000);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.drop-shadow-sm{
  --tw-drop-shadow: drop-shadow(0 1px 1px rgb(0 0 0 / 0.05));
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.drop-shadow-xl{
  --tw-drop-shadow: drop-shadow(0 20px 13px rgb(0 0 0 / 0.03)) drop-shadow(0 8px 5px rgb(0 0 0 / 0.08));
  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{
  --tw-backdrop-blur: blur(8px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
          backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-blur-3xl{
  --tw-backdrop-blur: blur(64px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
          backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-blur-lg{
  --tw-backdrop-blur: blur(16px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
          backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-blur-md{
  --tw-backdrop-blur: blur(12px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
          backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-blur-none{
  --tw-backdrop-blur: blur(0);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
          backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-blur-xl{
  --tw-backdrop-blur: blur(24px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
          backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.transition{
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-all{
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-colors{
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-none{
  transition-property: none;
}
.transition-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-0{
  transition-duration: 0s;
}
.duration-100{
  transition-duration: 100ms;
}
.duration-150{
  transition-duration: 150ms;
}
.duration-200{
  transition-duration: 200ms;
}
.duration-300{
  transition-duration: 300ms;
}
.duration-75{
  transition-duration: 75ms;
}
.ease-in{
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
}
.ease-in-out{
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.ease-out{
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
.\@container{
  container-type: inline-size;
}
.fill-opacity-60 {
    fill-opacity: 0.6;
  }
/* animation delay required for the Loader component */
/* this utility class required for the PinCode component */
/* experimental */
.card-shadow {
    box-shadow:
      0px 1px 0 rgba(0, 0, 0, 0.02),
      0px 2px 6px rgba(0, 0, 0, 0.05);
  }
.\[--anchor-max-height\:256px\;\]{
  --anchor-max-height: 256px;;
}
.\[-moz-text-security\:circle\]{
  -moz-text-security: circle;
}
.\[-ms-overflow-style\:none\]{
  -ms-overflow-style: none;
}
.\[-webkit-text-security\:disc\]{
  -webkit-text-security: disc;
}
.\[scrollbar-color\:rgba\(0\2c 0\2c 0\2c 0\.2\)_rgba\(0\2c 0\2c 0\2c 0\)\]{
  scrollbar-color: rgba(0,0,0,0.2) rgba(0,0,0,0);
}
.\[scrollbar-width\:none\]{
  scrollbar-width: none;
}
.\[scrollbar-width\:thin\]{
  scrollbar-width: thin;
}
.\[text-security\:circle\]{
  text-security: circle;
}

/* ................................................... */
/* scrollbar design starts from here */
/* ................................................... */
.simplebar-scrollbar:before{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(var(--gray-400) / var(--tw-bg-opacity)) !important;
}
.simplebar-scrollbar:is([data-theme="dark"] *):before{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(var(--gray-300) / var(--tw-bg-opacity)) !important;
}

.simplebar-track.simplebar-horizontal{
  height: 0.625rem !important;
}

.simplebar-track.simplebar-vertical{
  width: 0.625rem !important;
}

.custom-scrollbar::-webkit-scrollbar,
.rc-table-fixed-header .rc-table-body::-webkit-scrollbar{
  width: 0.375rem;
  background-color: transparent;
}

.custom-scrollbar::-webkit-scrollbar-track,
.rc-table-content::-webkit-scrollbar-track,
.rc-table-fixed-header .rc-table-body::-webkit-scrollbar-track{
  background-color: transparent;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.custom-scrollbar::-webkit-scrollbar-thumb,
.rc-table-content::-webkit-scrollbar-thumb,
.rc-table-fixed-header .rc-table-body::-webkit-scrollbar-thumb{
  border-radius: 0.125rem;
  background-color: transparent;
}

.custom-scrollbar:hover::-webkit-scrollbar-thumb,
.rc-table-content:hover::-webkit-scrollbar-thumb,
.rc-table-fixed-header .rc-table-body:hover::-webkit-scrollbar-thumb{
  --tw-bg-opacity: 1;
  background-color: rgb(var(--gray-300) / var(--tw-bg-opacity));
}

.custom-scrollbar:hover:is([data-theme="dark"] *)::-webkit-scrollbar-thumb,
.rc-table-content:hover:is([data-theme="dark"] *)::-webkit-scrollbar-thumb,
.rc-table-fixed-header .rc-table-body:hover:is([data-theme="dark"] *)::-webkit-scrollbar-thumb{
  --tw-bg-opacity: 1;
  background-color: rgb(var(--gray-300) / var(--tw-bg-opacity));
}

.custom-scrollbar.scrollbar-no-auto-hide::-webkit-scrollbar-thumb{
  --tw-bg-opacity: 1;
  background-color: rgb(var(--gray-300) / var(--tw-bg-opacity));
}

.custom-scrollbar.scrollbar-no-auto-hide:is([data-theme="dark"] *)::-webkit-scrollbar-thumb{
  --tw-bg-opacity: 1;
  background-color: rgb(var(--gray-300) / var(--tw-bg-opacity));
}

.custom-scrollbar-x::-webkit-scrollbar,
.rc-table-content::-webkit-scrollbar,
.rc-table-fixed-header .rc-table-body::-webkit-scrollbar{
  height: 0.375rem;
}

.custom-scrollbar-none::-webkit-scrollbar {
  width: 0px;
  height: 0px;
}

/* for firefox */
.custom-scrollbar,
.rc-table-content {
  scrollbar-width: thin;
  scrollbar-color: rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0);
}

/* ................................................... */
/* Change autocomplete styles in WebKit */
/* ................................................... */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  border: 1px solid transparent;
  -webkit-text-fill-color: currentColor;
  -webkit-box-shadow: 0 0 0px 1000px transparent inset;
  -webkit-transition: background-color 5000s ease-in-out 0s;
  transition: background-color 5000s ease-in-out 0s;
}

/* ................................................... */
/* ?React Datepicker Styling */
/* ................................................... */
.react-datepicker-popper .react-datepicker{
  --tw-bg-opacity: 1;
  background-color: rgb(var(--gray-0) / var(--tw-bg-opacity));
  font-family: var(--font-inter);
  --tw-text-opacity: 1;
  color: rgb(var(--gray-600) / var(--tw-text-opacity));
}
.react-datepicker-popper .react-datepicker:is([data-theme="dark"] *){
  --tw-border-opacity: 1;
  border-color: rgb(var(--gray-300) / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(var(--gray-100) / var(--tw-bg-opacity));
}

/* month container */
.react-datepicker .react-datepicker__month-container{
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}

/* time container */
.react-datepicker .react-datepicker__time-container{
  width: auto;
  border-left-width: 0px;
  padding-right: 0.875rem;
}

.react-datepicker-popper .react-datepicker__time-container .react-datepicker__time{
  --tw-bg-opacity: 1;
  background-color: rgb(var(--gray-50) / var(--tw-bg-opacity));
}

.react-datepicker-popper .react-datepicker__time-container .react-datepicker__time:is([data-theme="dark"] *){
  --tw-bg-opacity: 1;
  background-color: rgb(var(--gray-200) / var(--tw-bg-opacity));
}

.react-datepicker__time-container
  .react-datepicker__time
  .react-datepicker__time-box
  ul.react-datepicker__time-list
  li.react-datepicker__time-list-item:hover:is([data-theme="dark"] *){
  --tw-bg-opacity: 1;
  background-color: rgb(var(--gray-300) / var(--tw-bg-opacity));
}

/* header */
.react-datepicker .react-datepicker__header{
  --tw-border-opacity: 1;
  border-bottom-color: rgb(var(--gray-0) / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(var(--gray-0) / var(--tw-bg-opacity));
  font-family: var(--font-lexend);
}
.react-datepicker .react-datepicker__header:is([data-theme="dark"] *){
  border-color: transparent;
  --tw-bg-opacity: 1;
  background-color: rgb(var(--gray-100) / var(--tw-bg-opacity));
}

/* current month name in header */
.react-datepicker .react-datepicker-year-header:is([data-theme="dark"] *){
  --tw-text-opacity: 1;
  color: rgb(var(--gray-700) / var(--tw-text-opacity));
}

.react-datepicker .react-datepicker__current-month{
  margin-bottom: 0.75rem;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 500;
}

.react-datepicker .react-datepicker__current-month:is([data-theme="dark"] *){
  --tw-text-opacity: 1;
  color: rgb(var(--gray-700) / var(--tw-text-opacity));
}

/* sun-sat day names in header */
.react-datepicker .react-datepicker__day-names div{
  margin: 0.375rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(var(--gray-700) / var(--tw-text-opacity));
}

/* previous month button */
.react-datepicker .react-datepicker__navigation--previous{
  margin-left: 1.5rem;
}
.react-datepicker .react-datepicker__navigation--previous:where([dir="rtl"], [dir="rtl"] *){
  margin-right: 1.5rem;
}

/* next month button */
.react-datepicker .react-datepicker__navigation--next{
  margin-right: 1.5rem;
}
.react-datepicker .react-datepicker__navigation--next:where([dir="rtl"], [dir="rtl"] *){
  margin-left: 1.5rem;
}

/* icon in previous month button */
.react-datepicker .react-datepicker__navigation-icon--previous{
  right: 0.125rem;
}

/* icon in next month button */
.react-datepicker .react-datepicker__navigation-icon--next{
  left: 0.125rem;
}

/* each day */
.react-datepicker .react-datepicker__day{
  margin: 0.375rem;
  font-size: 0.875rem;
  line-height: 1.75rem;
  --tw-text-opacity: 1;
  color: rgb(var(--gray-700) / var(--tw-text-opacity));
}
.react-datepicker .react-datepicker__day:hover{
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(var(--gray-100) / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(var(--gray-900) / var(--tw-text-opacity));
}

/* outside month */
.react-datepicker .react-datepicker__day--outside-month{
  --tw-text-opacity: 1;
  color: rgb(var(--gray-500) / var(--tw-text-opacity));
}

/* keyboard selected */
.react-datepicker .react-datepicker__day--keyboard-selected{
  --tw-bg-opacity: 1;
  background-color: rgb(var(--gray-0) / var(--tw-bg-opacity));
}

/* today */
.react-datepicker .react-datepicker__day--today{
  border-radius: 9999px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(var(--gray-300) / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(var(--gray-0) / var(--tw-bg-opacity));
  line-height: 26px;
  --tw-text-opacity: 1;
  color: rgb(var(--gray-900) / var(--tw-text-opacity));
}
.react-datepicker .react-datepicker__day--today:hover{
  --tw-border-opacity: 1;
  border-color: rgb(var(--gray-600) / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(var(--gray-0) / var(--tw-bg-opacity));
}

/* while selecting */
.react-datepicker div.react-datepicker__day--in-selecting-range{
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(var(--gray-200) / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(var(--gray-900) / var(--tw-text-opacity));
}

.react-datepicker div.react-datepicker__year-text--in-selecting-range{
  --tw-bg-opacity: 1;
  background-color: rgb(var(--gray-200) / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(var(--gray-900) / var(--tw-text-opacity));
}

.react-datepicker
  div.react-datepicker__year-text--in-selecting-range.react-datepicker__year-text--disabled{
  background-color: transparent;
  --tw-text-opacity: 1;
  color: rgb(var(--gray-300) / var(--tw-text-opacity));
}

/* in range */
.react-datepicker .react-datepicker__day--in-range{
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(var(--gray-200) / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(var(--gray-900) / var(--tw-text-opacity));
}

.react-datepicker .react-datepicker__year-text--in-range{
  --tw-bg-opacity: 1;
  background-color: rgb(var(--gray-200) / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(var(--gray-900) / var(--tw-text-opacity));
}

/* selected */
.react-datepicker .react-datepicker__day--range-start,
.react-datepicker .react-datepicker__day--range-end,
.react-datepicker .react-datepicker__day--selected{
  border-radius: 9999px;
  border-style: none;
  --tw-bg-opacity: 1;
  background-color: rgb(var(--gray-900) / var(--tw-bg-opacity));
  font-weight: 400;
  line-height: 1.75rem;
  --tw-text-opacity: 1;
  color: rgb(var(--gray-0) / var(--tw-text-opacity));
}
.react-datepicker .react-datepicker__day--range-start:hover,
.react-datepicker .react-datepicker__day--range-end:hover,
.react-datepicker .react-datepicker__day--selected:hover{
  background-color: rgb(var(--gray-900) / 0.8);
  --tw-text-opacity: 1;
  color: rgb(var(--gray-0) / var(--tw-text-opacity));
}

.react-datepicker .react-datepicker__year-text--range-end{
  border-style: none;
  --tw-bg-opacity: 1;
  background-color: rgb(var(--gray-900) / var(--tw-bg-opacity));
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(var(--gray-0) / var(--tw-text-opacity));
}

.react-datepicker .react-datepicker__year-text--range-end:hover{
  background-color: rgb(var(--gray-900) / 0.8);
  --tw-text-opacity: 1;
  color: rgb(var(--gray-0) / var(--tw-text-opacity));
}

/* time list */
.react-datepicker .react-datepicker__time-list{
  height: 247px !important;
}

/* time item */
.react-datepicker .react-datepicker__time-list-item{
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  border-radius: 0.25rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(var(--gray-500) / var(--tw-text-opacity));
}
.react-datepicker .react-datepicker__time-list-item:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(var(--gray-100) / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(var(--gray-900) / var(--tw-text-opacity));
}

/* selected time item */
.react-datepicker .react-datepicker__time-list-item--selected{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(var(--gray-100) / var(--tw-bg-opacity)) !important;
  font-weight: 500 !important;
  --tw-text-opacity: 1 !important;
  color: rgb(var(--gray-900) / var(--tw-text-opacity)) !important;
}

/* time only box */
.react-datepicker-popper .react-datepicker-time__header{
  --tw-text-opacity: 1;
  color: rgb(var(--gray-700) / var(--tw-text-opacity));
}
.react-datepicker-popper
  .react-datepicker__time-container
  .react-datepicker__time
  .react-datepicker__time-box {
  width: 90px;
}
.react-datepicker--time-only
  .react-datepicker__time-container
  .react-datepicker__time
  .react-datepicker__time-box{
  width: auto;
}

/* time only item */
.react-datepicker--time-only .react-datepicker__time-list-item{
  border-radius: 0px;
}

/* month picker text */
.react-datepicker .react-datepicker__month-text{
  width: 0px;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
}

/* keyboard selected month in month picker */
.react-datepicker .react-datepicker__month-text--keyboard-selected{
  --tw-bg-opacity: 1;
  background-color: rgb(var(--gray-100) / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(var(--gray-900) / var(--tw-text-opacity));
}

/* month in range */
.react-datepicker .react-datepicker__month--in-range{
  --tw-bg-opacity: 1;
  background-color: rgb(var(--gray-200) / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(var(--gray-700) / var(--tw-text-opacity));
}

/* hover on selected months in range */
.react-datepicker .react-datepicker__month-text.react-datepicker__month--in-range:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(var(--gray-200) / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(var(--gray-900) / var(--tw-text-opacity));
}

/* selected month in range */
.react-datepicker .react-datepicker__month--range-start,
.react-datepicker .react-datepicker__month--range-end,
.react-datepicker .react-datepicker__month--selected{
  --tw-bg-opacity: 1;
  background-color: rgb(var(--gray-900) / var(--tw-bg-opacity));
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(var(--gray-0) / var(--tw-text-opacity));
}

/* hover on selected range start and end month */
.react-datepicker .react-datepicker__month-text.react-datepicker__month--selected:hover,
.react-datepicker .react-datepicker__month-text.react-datepicker__month--range-start:hover,
.react-datepicker .react-datepicker__month-text.react-datepicker__month--range-end:hover{
  background-color: rgb(var(--gray-900) / 0.8);
  --tw-text-opacity: 1;
  color: rgb(var(--gray-0) / var(--tw-text-opacity));
}

/* year wrapper in year picker */
.react-datepicker .react-datepicker__year-wrapper{
  display: inline-block;
  max-width: 220px;
}

/* year text in year picker */
.react-datepicker .react-datepicker__year-text{
  width: auto;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  --tw-text-opacity: 1;
  color: rgb(var(--gray-600) / var(--tw-text-opacity));
}
.react-datepicker .react-datepicker__year-text:hover:is([data-theme="dark"] *){
  --tw-text-opacity: 1;
  color: rgb(var(--gray-100) / var(--tw-text-opacity));
}

.react-datepicker .react-datepicker__year-text--range-end{
  --tw-text-opacity: 1;
  color: rgb(var(--gray-0) / var(--tw-text-opacity));
}

/* keyboard selected year in year picker */
.react-datepicker .react-datepicker__year-text--keyboard-selected{
  --tw-bg-opacity: 1;
  background-color: rgb(var(--gray-200) / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(var(--gray-900) / var(--tw-text-opacity));
}
.react-datepicker .react-datepicker__year-text--keyboard-selected:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(var(--gray-300) / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(var(--gray-900) / var(--tw-text-opacity));
}

/* selected year & month in year picker */
.react-datepicker .react-datepicker__year-text.react-datepicker__year-text--selected,
.react-datepicker .react-datepicker__month-text.react-datepicker__month-text--selected{
  --tw-bg-opacity: 1;
  background-color: rgb(var(--gray-900) / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(var(--gray-0) / var(--tw-text-opacity));
}
.react-datepicker .react-datepicker__year-text.react-datepicker__year-text--selected:hover,
.react-datepicker .react-datepicker__month-text.react-datepicker__month-text--selected:hover{
  background-color: rgb(var(--gray-900) / 0.8);
  --tw-text-opacity: 1;
  color: rgb(var(--gray-0) / var(--tw-text-opacity));
}

/* year and month dropdown arrow */
.react-datepicker .react-datepicker__year-read-view--down-arrow,
.react-datepicker .react-datepicker__month-read-view--down-arrow{
  top: 5px;
  height: 7px;
  width: 7px;
  border-right-width: 1.5px;
  border-top-width: 1.5px;
  --tw-border-opacity: 1;
  border-color: rgb(var(--gray-400) / var(--tw-border-opacity));
}

/* sub-header containing year and month dropdown */
.react-datepicker
  .react-datepicker__current-month--hasYearDropdown.react-datepicker__current-month--hasMonthDropdown
  ~ .react-datepicker__header__dropdown{
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.react-datepicker
  .react-datepicker__current-month--hasYearDropdown.react-datepicker__current-month--hasMonthDropdown
  ~ .react-datepicker__header__dropdown > :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)));
  --tw-divide-opacity: 1;
  border-color: rgb(var(--gray-300) / var(--tw-divide-opacity));
}
.react-datepicker
  .react-datepicker__current-month--hasYearDropdown.react-datepicker__current-month--hasMonthDropdown
  ~ .react-datepicker__header__dropdown{
  font-size: 0.875rem;
  line-height: 1.25rem;
}

/* month and year dropdown button in sub-header */
.react-datepicker .react-datepicker__month-dropdown-container--scroll,
.react-datepicker .react-datepicker__year-dropdown-container--scroll{
  display: inline-flex;
  justify-content: center;
}

/* month and year dropdown */
.react-datepicker .react-datepicker__year-dropdown,
.react-datepicker .react-datepicker__month-dropdown{
  top: auto;
  width: 40%;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(var(--gray-100) / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(var(--gray-0) / var(--tw-bg-opacity));
  --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);
}

/* year dropdown */
.react-datepicker .react-datepicker__year-dropdown{
  height: 20rem;
}

/* month dropdown */
.react-datepicker .react-datepicker__month-dropdown{
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

/* month and year option */
.react-datepicker .react-datepicker__month-option,
.react-datepicker .react-datepicker__year-option{
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(var(--gray-600) / var(--tw-text-opacity));
}
.react-datepicker .react-datepicker__month-option:hover,
.react-datepicker .react-datepicker__year-option:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(var(--gray-100) / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(var(--gray-900) / var(--tw-text-opacity));
}

/* first and last type of month and year option */
.react-datepicker .react-datepicker__month-option:first-of-type,
.react-datepicker .react-datepicker__month-option:last-of-type,
.react-datepicker .react-datepicker__year-option:first-of-type,
.react-datepicker .react-datepicker__year-option:last-of-type{
  border-radius: 0px;
}

/* selected month and year in dropdown */
.react-datepicker .react-datepicker__month-option--selected_month,
.react-datepicker .react-datepicker__year-option--selected_year{
  --tw-bg-opacity: 1;
  background-color: rgb(var(--gray-200) / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(var(--gray-900) / var(--tw-text-opacity));
}
.react-datepicker .react-datepicker__month-option--selected_month>span,
.react-datepicker .react-datepicker__year-option--selected_year>span{
  display: none;
}
.react-datepicker .react-datepicker__day:hover,
.react-datepicker .react-datepicker__month-text:hover,
.react-datepicker .react-datepicker__quarter-text:hover,
.react-datepicker .react-datepicker__year-text:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(var(--gray-200) / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(var(--gray-900) / var(--tw-text-opacity));
}

/* disabled item */
.react-datepicker .react-datepicker__day--disabled{
  cursor: not-allowed;
  --tw-text-opacity: 1;
  color: rgb(var(--gray-300) / var(--tw-text-opacity));
}
.react-datepicker .react-datepicker__day--disabled:hover{
  background-color: transparent;
  --tw-text-opacity: 1;
  color: rgb(var(--gray-300) / var(--tw-text-opacity));
}
.react-datepicker .react-datepicker__day--disabled:hover:is([data-theme="dark"] *){
  --tw-text-opacity: 1;
  color: rgb(var(--gray-300) / var(--tw-text-opacity));
}

.react-datepicker .react-datepicker__year-text--disabled{
  cursor: not-allowed;
  --tw-text-opacity: 1;
  color: rgb(var(--gray-300) / var(--tw-text-opacity));
}

.react-datepicker .react-datepicker__year-text--disabled:hover{
  background-color: transparent;
}

.react-datepicker .react-datepicker__year-text--disabled:hover:is([data-theme="dark"] *){
  --tw-text-opacity: 1;
  color: rgb(var(--gray-300) / var(--tw-text-opacity));
}

/*  Event Calendar Date Picker Styles */

.date-picker-event-calendar .react-datepicker:is([data-theme="dark"] *){
  --tw-bg-opacity: 1;
  background-color: rgb(var(--gray-200) / var(--tw-bg-opacity));
}

@media not all and (min-width: 640px){

  .date-picker-event-calendar .react-datepicker__day-names{
    display: flex;
  }

  .date-picker-event-calendar .react-datepicker__day-names .react-datepicker__day-name{
    margin: 0.125rem;
    width: calc(100% / 7);
    font-size: 0.75rem;
    line-height: 1rem;
  }
}
.date-picker-event-calendar .react-datepicker__navigation:is([data-theme="dark"] *),
.date-picker-event-calendar .react-datepicker__navigation span:is([data-theme="dark"] *)::before{
  --tw-border-opacity: 1 !important;
  border-color: rgb(var(--gray-500) / var(--tw-border-opacity)) !important;
}

@media not all and (min-width: 640px){

  .date-picker-event-calendar
  .react-datepicker__navigation.react-datepicker__navigation--next.react-datepicker__navigation--next--with-time{
    margin-inline-end: -1rem !important;
  }
}

@media (min-width: 640px){

  .date-picker-event-calendar
  .react-datepicker__navigation.react-datepicker__navigation--next.react-datepicker__navigation--next--with-time{
    margin-inline-end: 2.75rem !important;
  }
}

@media not all and (min-width: 640px){

  .date-picker-event-calendar .react-datepicker__navigation.react-datepicker__navigation--previous{
    margin-inline-start: 0.25rem;
  }

  .date-picker-event-calendar .react-datepicker__tab-loop .react-datepicker-popper .react-datepicker{
    display: flex;
  }

  .date-picker-event-calendar
  .react-datepicker__tab-loop
  .react-datepicker-popper
  .react-datepicker
  .react-datepicker__month-container{
    padding-left: 0px;
    padding-right: 0px;
  }

  .date-picker-event-calendar
  .react-datepicker__tab-loop
  .react-datepicker-popper
  .react-datepicker
  .react-datepicker__month-container
  .react-datepicker__month{
    margin-left: 0px;
    margin-right: 0px;
  }
}

.date-picker-event-calendar
  .react-datepicker__tab-loop
  .react-datepicker-popper
  .react-datepicker
  .react-datepicker__month-container
  .react-datepicker__header:is([data-theme="dark"] *){
  background-color: unset;
}
@media not all and (min-width: 640px){

  .date-picker-event-calendar
  .react-datepicker__tab-loop
  .react-datepicker-popper
  .react-datepicker
  .react-datepicker__month-container
  .react-datepicker__month
  .react-datepicker__week
  .react-datepicker__day{
    margin: 0.25rem;
    display: flex;
    aspect-ratio: 1 / 1;
    width: 23.3px;
    align-items: center;
    justify-content: center;
    font-size: 0.75rem;
    line-height: 1rem;
  }

  .date-picker-event-calendar
  .react-datepicker__tab-loop
  .react-datepicker-popper
  .react-datepicker
  .react-datepicker__month
  .react-datepicker__week{
    margin-left: 0.125rem;
    margin-right: 0.125rem;
    display: flex;
  }
}

.date-picker-event-calendar .react-datepicker__time-container .react-datepicker__header:is([data-theme="dark"] *){
  background-color: unset;
}

@media not all and (min-width: 640px){

  .date-picker-event-calendar .react-datepicker__time-container{
    padding: 0.25rem;
    padding-inline-start: 0px;
  }
}

.date-picker-event-calendar .react-datepicker__time-container .react-datepicker__time:is([data-theme="dark"] *){
  background-color: rgb(var(--gray-300) / 0.3);
}

@media not all and (min-width: 640px){

  .date-picker-event-calendar
  .react-datepicker__time-container
  .react-datepicker__time
  .react-datepicker__time-box{
    width: unset !important;
  }
}

.date-picker-event-calendar
  .react-datepicker__time-container
  .react-datepicker__time
  .react-datepicker__time-box
  .react-datepicker__time-list::-webkit-scrollbar{
  width: 0.25rem;
  --tw-bg-opacity: 1;
  background-color: rgb(var(--gray-100) / var(--tw-bg-opacity));
}

.date-picker-event-calendar
  .react-datepicker__time-container
  .react-datepicker__time
  .react-datepicker__time-box
  .react-datepicker__time-list::-webkit-scrollbar-thumb{
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(var(--gray-400) / var(--tw-bg-opacity));
}

.date-picker-event-calendar
  .react-datepicker__time-container
  .react-datepicker__time
  .react-datepicker__time-box
  .react-datepicker__time-list{
  overflow-x: hidden;
}

@media not all and (min-width: 640px){

  .date-picker-event-calendar .react-datepicker__time-container{
    padding-bottom: 0.25rem !important;
  }
}

.date-picker-event-calendar .react-datepicker__time-container .react-datepicker-time__header{
  font-weight: 500;
}

.date-picker-event-calendar .react-datepicker__week .react-datepicker__day:hover:is([data-theme="dark"] *){
  --tw-bg-opacity: 1;
  background-color: rgb(var(--gray-400) / var(--tw-bg-opacity));
}

.date-picker-event-calendar .react-datepicker__week .react-datepicker__day{
  border-radius: 9999px !important;
}

.date-picker-event-calendar
  .react-datepicker__week
  .react-datepicker__day.react-datepicker__day--selected:hover:is([data-theme="dark"] *){
  --tw-bg-opacity: 1;
  background-color: rgb(var(--gray-400) / var(--tw-bg-opacity));
}
.date-picker-event-calendar
  .react-datepicker__time-container
  .react-datepicker__time
  .react-datepicker__time-box
  .react-datepicker__time-list
  .react-datepicker__time-list-item:hover:is([data-theme="dark"] *){
  --tw-bg-opacity: 1;
  background-color: rgb(var(--gray-100) / var(--tw-bg-opacity));
}
@media not all and (min-width: 640px){

  .date-picker-event-calendar
  .react-datepicker__time-container
  .react-datepicker__time
  .react-datepicker__time-box
  .react-datepicker__time-list
  .react-datepicker__time-list-item{
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
    height: unset !important;
    padding-left: 0.25rem !important;
    padding-right: 0.25rem !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    font-size: 10px;
  }
}

/* ................................................... */
/* table placeholder / empty style */
/* ................................................... */
.rc-table-placeholder .rc-table-expanded-row-fixed{
  width: 100% !important;
}

th.rc-table-cell-fix-right{
  --tw-bg-opacity: 1;
  background-color: rgb(var(--gray-100) / var(--tw-bg-opacity));
}

td.rc-table-cell-fix-right{
  --tw-bg-opacity: 1;
  background-color: rgb(var(--gray-0) / var(--tw-bg-opacity));
}

.rc-table-cell-fix-right-first,
.rc-table-cell-fix-right-last {
  box-shadow: -1px 0 black;
}

.rc-table-ping-right .rc-table-cell-fix-right-first:after,
.rc-table-ping-right .rc-table-cell-fix-right-last:after {
  box-shadow: inset -10px 0 8px -8px rgba(0, 0, 0, 0.2);
}

.rc-table-cell-fix-right-first:after,
.rc-table-cell-fix-right-last:after {
  content: "";
  transform: translate(-100%);
  pointer-events: none;
  position: absolute;
  bottom: -1px;
  left: -1px;
  top: 0px;
  width: 1.25rem;
}

.rc-pagination-prev:not(.rc-pagination-disabled) > div,
.rc-pagination-next:not(.rc-pagination-disabled) > div,
.rc-pagination-jump-prev:not(.rc-pagination-disabled) > div,
.rc-pagination-jump-next:not(.rc-pagination-disabled) > div{
  --tw-text-opacity: 1;
  color: rgb(var(--gray-700) / var(--tw-text-opacity));
}

/*
* All form inputs common css
*/
.isomorphic-form label > span,
.isomorphic-form .rizzui-phone-number > label{
  font-weight: 500;
}

.isomorphic-form label > div{
  line-height: 1;
}

.isomorphic-form label > div,
.isomorphic-form label input,
.isomorphic-form label select{
  font-size: 0.875rem !important;
  line-height: 1.25rem !important;
}

/*
* Draft Text Editor
*/
.text_editor .rdw-editor-wrapper .rdw-editor-toolbar{
  margin-bottom: 0px;
  border-radius: 0px;
  border-top-left-radius: 0.375rem;
  border-top-right-radius: 0.375rem;
  --tw-border-opacity: 1;
  border-color: rgb(var(--gray-300) / var(--tw-border-opacity));
  padding-left: 0.375rem;
  padding-right: 0.375rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.text_editor .rdw-editor-wrapper .rdw-editor-main{
  max-height: 180px;
  min-height: 120px;
  border-bottom-left-radius: 0.375rem;
  border-bottom-right-radius: 0.375rem;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-right-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(var(--gray-300) / var(--tw-border-opacity));
}

.text_editor .rdw-editor-wrapper .rdw-editor-main .public-DraftEditor-content{
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  --tw-text-opacity: 1;
  color: rgb(var(--gray-700) / var(--tw-text-opacity));
}

.text_editor .rdw-editor-wrapper .rdw-editor-toolbar > div{
  margin: 0.375rem;
  border-radius: 0.25rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(var(--gray-100) / var(--tw-border-opacity));
}

@container (min-width: 32rem){

  .text_editor .rdw-editor-wrapper .rdw-editor-toolbar > div{
    margin: 0.25rem;
  }
}

.text_editor .rdw-editor-wrapper .rdw-editor-toolbar > div > .rdw-option-wrapper{
  height: 2.25rem;
  width: 2.25rem;
  border-width: 0px;
  border-right-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(var(--gray-100) / var(--tw-border-opacity));
}

.text_editor .rdw-editor-wrapper .rdw-editor-toolbar > div > .rdw-option-wrapper:last-child{
  border-right-width: 0px;
}

.text_editor .rdw-editor-wrapper .rdw-editor-toolbar > div > .rdw-option-wrapper:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(var(--gray-50) / var(--tw-bg-opacity));
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

@container (min-width: 32rem){

  .text_editor .rdw-editor-wrapper .rdw-editor-toolbar > div > .rdw-option-wrapper{
    margin: 0px;
  }
}

.text_editor .rdw-editor-wrapper .rdw-editor-toolbar > div > .rdw-option-wrapper.rdw-option-active{
  --tw-bg-opacity: 1;
  background-color: rgb(var(--gray-100) / var(--tw-bg-opacity));
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.text_editor .rdw-editor-wrapper .rdw-editor-main .public-DraftStyleDefault-block{
  margin: 0px;
}

.radial-progress-bar {
  background: radial-gradient(closest-side, #f1f1f1 85%, transparent 90% 100%),
    conic-gradient(var(--progress-bg) var(--progress-value), #ddd 0);
}

/* React Quill */
.react-quill .ql-toolbar.ql-snow{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.375rem;
  border-top-left-radius: 0.375rem;
  border-top-right-radius: 0.375rem;
  border-width: 1.8px;
  --tw-border-opacity: 1;
  border-color: rgb(var(--muted) / var(--tw-border-opacity));
}

.react-quill .ql-container{
  font-family: var(--font-inter);
}

.react-quill .ql-container.ql-snow{
  border-bottom-right-radius: 0.375rem;
  border-bottom-left-radius: 0.375rem;
  border-width: 1.8px;
  --tw-border-opacity: 1;
  border-color: rgb(var(--muted) / var(--tw-border-opacity));
}

.react-quill .ql-editor{
  max-height: 24rem;
  overflow-y: auto;
}

.react-quill .ql-toolbar.ql-snow .ql-formats{
  margin-right: 0px;
}

.react-quill-toolbar-bottom{
  padding-bottom: 41px;
}

.react-quill-toolbar-bottom .ql-toolbar.ql-snow{
  position: absolute;
  bottom: 0px;
  left: 0px;
  right: 0px;
  border-bottom-right-radius: 0.375rem;
  border-bottom-left-radius: 0.375rem;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}

.react-quill-toolbar-bottom .ql-container.ql-snow{
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
  border-top-left-radius: 0.375rem;
  border-top-right-radius: 0.375rem;
}

.react-quill-toolbar-bottom .ql-toolbar.ql-snow + .ql-container.ql-snow {
  border-top: 1px solid;
  --tw-border-opacity: 1;
  border-top-color: rgb(var(--gray-300) / var(--tw-border-opacity));
}

/** All toolbar buttons are inside of .ql-formats */
.ql-formats button,
.ql-formats > span {
  position: relative;
  /** Set a tooltip with css pseudo-elements, when buttons are hover, active or focus */
}

.ql-formats button:hover::before,
.ql-formats > span:hover::before {
  content: "";
  position: absolute;
  left: 50%;
  top: -9px;
  z-index: 10;
  --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));
  border-left-width: 7px;
  border-right-width: 7px;
  border-top-width: 6px;
  border-bottom-width: 6px;
  border-style: solid;
  border-color: transparent;
  --tw-border-opacity: 1;
  border-top-color: rgb(13 30 66 / var(--tw-border-opacity));
}

.ql-formats button:hover::after,
.ql-formats > span:hover::after{
  position: absolute;
  left: 50%;
  top: -41px;
  z-index: 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));
  white-space: nowrap;
  border-radius: 0.375rem;
  --tw-bg-opacity: 1;
  background-color: rgb(13 30 66 / var(--tw-bg-opacity));
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

/** Set tooltip content for toolbar options **/
.ql-bold:hover::after {
  content: "Bold";
}

.ql-italic:hover::after {
  content: "Italic";
}

.ql-underline:hover::after {
  content: "Underline";
}

.ql-strike:hover::after {
  content: "Strikeout";
}

.ql-link:hover::after {
  content: "Hyperlink";
}

.ql-blockquote:hover::after {
  content: "Quote";
}

.ql-code-block:hover::after {
  content: "Code Block";
}

.ql-list[value="bullet"]:hover::after {
  content: "Bulleted List";
}

.ql-list[value="ordered"]:hover::after {
  content: "Numbered List";
}

.ql-script[value="sub"]:hover::after {
  content: "Sub Script";
}

.ql-script[value="super"]:hover::after {
  content: "Super Script";
}

.ql-indent[value="-1"]:hover::after {
  content: "Indent -1";
}

.ql-indent[value="+1"]:hover::after {
  content: "Indent +1";
}

.ql-color:hover::after {
  content: "Text Color";
}

.ql-background:hover::after {
  content: "Background Color";
}

.ql-align:hover::after {
  content: "Text Align";
}

.ql-clean:hover::after {
  content: "Clear Formatting";
}

.ql-font:hover::after {
  content: "Font Family";
}

/* react-quill responsive styles */
/* .react-quill .ql-toolbar {
  @apply flex 3xl:block 3xl:max-w-none;
}
.react-quill .ql-snow .ql-formats {
  @apply flex lg:inline-flex lg:items-center;
} */

/* social btn shadow  */
.social-btn-shadow {
  filter: drop-shadow(0px 1px 2px rgba(0, 0, 0, 0.1)) drop-shadow(0px 1px 3px rgba(0, 0, 0, 0.1));
}

.social-btn-shadow:hover {
  filter: drop-shadow(0px 8px 10px rgba(0, 0, 0, 0.05))
    drop-shadow(0px 20px 25px rgba(0, 0, 0, 0.05));
}

/* profile card swiper pagination  */
.profileModalCarousel .swiper-pagination .swiper-pagination-bullet,
.profileCarousel .swiper-pagination .swiper-pagination-bullet{
  height: 0.5rem;
  width: 0.5rem;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  opacity: 0.6;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.profileModalCarousel .swiper-pagination .swiper-pagination-bullet-active,
.profileCarousel .swiper-pagination .swiper-pagination-bullet-active{
  width: 1rem;
  border-radius: 0.75rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  opacity: 1;
}

/* colors filter  */
.colors-filter input[type="checkbox"]:checked ~ svg{
  display: none !important;
}

.rc-table-fixed-header thead th.rc-table-cell:nth-last-child(2){
  border-end-end-radius: 0.5rem;
  border-start-end-radius: 0.5rem;
}

/* ................................................... */
/* Recharts Base Styling */
/* ................................................... */
.recharts-wrapper .recharts-cartesian-axis-line{
  stroke: rgb(var(--gray-200) / 1);
}

.recharts-wrapper .recharts-cartesian-axis-tick-value{
  fill: rgb(var(--gray-400) / 1);
  font-size: 0.75rem;
  line-height: 1rem;
}

.recharts-wrapper .recharts-cartesian-grid line{
  stroke: rgb(var(--gray-300) / 1);
}

.recharts-wrapper .recharts-tooltip-cursor{
  opacity: 0.2;
}

.recharts-wrapper .recharts-tooltip-cursor:is([data-theme="dark"] *){
  opacity: 0.1;
}

.recharts-wrapper .recharts-brush rect:first-child:is([data-theme="dark"] *){
  fill: rgb(var(--gray-400) / 0.5);
}

input:is([data-theme="dark"] *)::-moz-placeholder, textarea:is([data-theme="dark"] *)::-moz-placeholder{
  --tw-text-opacity: 1 !important;
  color: rgb(var(--gray-300) / var(--tw-text-opacity)) !important;
}

input:is([data-theme="dark"] *)::placeholder,
textarea:is([data-theme="dark"] *)::placeholder{
  --tw-text-opacity: 1 !important;
  color: rgb(var(--gray-300) / var(--tw-text-opacity)) !important;
}

/* ................................................... */
/* Google Map Styles */
/* ................................................... */

/* .gmnoprint {
  @apply hidden;
} */
div[style="z-index: 1000001;"],
.gm-style-cc{
  display: none;
}

.pac-container{
  margin-top: 1rem;
  border-radius: 0.5rem;
  border-top-width: 0px;
}

.pac-container:after {
  content: none;
}

.pac-item{
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  font-family: var(--font-inter);
}

/* google location search auto complete  */
/* .pac-container {
  @apply w-full rounded-lg border border-gray-100 shadow after:hidden;
}
.pac-item {
  @apply cursor-pointer py-3 pl-3 text-sm font-normal text-gray-300;
}
.pac-matched {
  @apply text-sm text-gray-900;
}
.pac-icon {
  @apply mt-0;
} */

/* checkout page payment card gradient  */
.card-gradient {
  background-image: linear-gradient(120deg, #fff 45%, #f5f5f5);
}

#nprogress .bar{
  z-index: 9999 !important;
  --tw-bg-opacity: 1 !important;
  background-color: rgb(var(--primary-default) / var(--tw-bg-opacity)) !important;
}

/* ................................................... */
/* React Big Calendar Styles */
/* ................................................... */
.rbc-month-view{
  --tw-border-opacity: 1;
  border-color: rgb(var(--muted) / var(--tw-border-opacity));
}

.rbc-header{
  height: 3rem;
  --tw-border-opacity: 1;
  border-color: rgb(var(--muted) / var(--tw-border-opacity));
  padding-top: 0.875rem;
  padding-bottom: 0.875rem;
  font-size: 13px;
  font-weight: 600;
  text-transform: uppercase;
  --tw-text-opacity: 1;
  color: rgb(var(--gray-400) / var(--tw-text-opacity));
}

@media (min-width: 1024px){

  .rbc-header{
    padding-left: 1.75rem;
    padding-right: 1.75rem;
  }
}

:is(
    .rbc-header + .rbc-header,
    .rbc-day-bg + .rbc-day-bg,
    .rbc-month-row + .rbc-month-row,
    .rbc-timeslot-group
  ){
  --tw-border-opacity: 1;
  border-color: rgb(var(--muted) / var(--tw-border-opacity));
}

@media (min-width: 640px){

  .rbc-day-bg{
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}

.rbc-date-cell{
  padding: 0.625rem;
  text-align: left;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(var(--gray-700) / var(--tw-text-opacity));
}

@media (min-width: 768px){

  .rbc-date-cell{
    padding: 1.25rem;
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
}

.rbc-day-bg.rbc-off-range-bg{
  --tw-bg-opacity: 1;
  background-color: rgb(var(--gray-50) / var(--tw-bg-opacity));
}

.rbc-off-range{
  --tw-text-opacity: 1;
  color: rgb(var(--gray-400) / var(--tw-text-opacity));
}

.rbc-time-header.rbc-overflowing,
.rbc-time-view,
.rbc-time-content,
.rbc-time-header-content{
  border-top-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(var(--muted) / var(--tw-border-opacity));
}

.rbc-today{
  background-color: rgb(var(--blue-lighter) / 0.1);
}

.rbc-day-slot .rbc-time-slot,
.rbc-timeslot-group{
  --tw-border-opacity: 1;
  border-color: rgb(var(--muted) / var(--tw-border-opacity));
}

.rbc-day-slot .rbc-time-slot:is([data-theme="dark"] *),
.rbc-timeslot-group:is([data-theme="dark"] *){
  --tw-border-opacity: 1 !important;
  border-color: rgb(var(--gray-400) / var(--tw-border-opacity)) !important;
}

.rbc-day-slot .rbc-time-slot{
  border-top-width: 0px;
}

.rbc-day-slot .rbc-event{
  height: auto !important;
  border-width: 0px;
}
.rbc-event,
.rbc-day-slot .rbc-background-event{
  border-radius: 0.375rem;
  --tw-bg-opacity: 1;
  background-color: rgb(var(--primary-default) / var(--tw-bg-opacity));
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
}

.rbc-time-view .rbc-row{
  height: 3rem;
}

.rbc-time-content > * + * > *{
  border-left-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(var(--muted) / var(--tw-border-opacity));
}
.rbc-timeslot-group{
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(var(--muted) / var(--tw-border-opacity));
}

.rbc-time-header.rbc-overflowing{
  margin-right: 0px !important;
  border-right-width: 1px;
  border-color: transparent;
}

@media (min-width: 1024px){

  .rbc-time-header.rbc-overflowing{
    margin-right: 0.875rem;
  }
}

.rbc-day-slot .rbc-event,
.rbc-day-slot .rbc-background-event {
  flex-flow: column;
}

.rbc-time-header-content .rbc-row-content{
  margin-top: 1.25rem;
}

.rbc-time-header-gutter{
  width: 5rem !important;
  max-width: 100% !important;
}

.rbc-time-gutter .rbc-timeslot-group{
  padding-left: 0.875rem;
  padding-right: 0.875rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(var(--gray-900) / var(--tw-text-opacity));
}

.rbc-timeslot-group{
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(var(--gray-900) / var(--tw-text-opacity));
}

.rbc-label{
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.rbc-day-slot .rbc-time-slot + .rbc-time-slot{
  border-top-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(var(--muted) / var(--tw-border-opacity));
}

.rbc-timeslot-group{
  min-height: 80px;
  --tw-border-opacity: 1;
  border-color: rgb(var(--muted) / var(--tw-border-opacity));
}
.rbc-toolbar{
  margin-bottom: 0px;
  border-top-left-radius: 0.375rem;
  border-top-right-radius: 0.375rem;
  border-width: 1px;
  border-bottom-width: 0px;
  --tw-border-opacity: 1;
  border-color: rgb(var(--muted) / var(--tw-border-opacity));
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

.rbc-btn-group{
  border-radius: 0.375rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(var(--muted) / var(--tw-border-opacity));
}

.rbc-btn-group button{
  margin: 0px !important;
  border-radius: 0.375rem !important;
  border-width: 0px;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(var(--gray-500) / var(--tw-text-opacity));
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.rbc-btn-group button:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(var(--gray-800) / var(--tw-text-opacity));
}

.rbc-btn-group button:focus{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.rbc-btn-group button:active{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.rbc-btn-group button:hover:is([data-theme="dark"] *){
  --tw-bg-opacity: 1;
  background-color: rgb(var(--gray-100) / var(--tw-bg-opacity));
}

.rbc-btn-group button:focus:is([data-theme="dark"] *){
  --tw-bg-opacity: 1;
  background-color: rgb(var(--gray-100) / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.rbc-btn-group button:active:is([data-theme="dark"] *){
  --tw-bg-opacity: 1;
  background-color: rgb(var(--gray-100) / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.rbc-toolbar button.rbc-active{
  --tw-border-opacity: 1;
  border-color: rgb(var(--primary-default) / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(var(--primary-default) / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(var(--primary-foreground) / var(--tw-text-opacity));
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.rbc-toolbar-label{
  font-family: var(--font-lexend);
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(var(--gray-900) / var(--tw-text-opacity));
}

.rbc-toolbar-label:is([data-theme="dark"] *){
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.rbc-agenda-view{
  border-width: 1px;
}

.rbc-agenda-view,
.rbc-agenda-view table.rbc-agenda-table,
.rbc-agenda-view table.rbc-agenda-table thead > tr > th,
.rbc-agenda-view table.rbc-agenda-table tbody > tr > td + td{
  --tw-border-opacity: 1;
  border-color: rgb(var(--muted) / var(--tw-border-opacity));
}

.rbc-agenda-view table.rbc-agenda-table{
  border-width: 0px;
  border-bottom-width: 1px;
}

.rbc-agenda-empty{
  padding: 1rem;
  text-align: center;
}

/* react-colorful */
.react-colorful{
  gap: 0.75rem;
}

.react-colorful .react-colorful__pointer{
  height: 1rem;
  width: 1rem;
}

.react-colorful .react-colorful__saturation,
.react-colorful .react-colorful__hue{
  border-radius: 0.375rem;
}

.react-colorful .react-colorful__alpha,
.react-colorful .react-colorful__hue{
  height: 0.75rem;
  border-radius: 0.375rem;
}

.no-scrollbar::-webkit-scrollbar {
  display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.no-scrollbar {
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}

/* pos top slider bullets style */

.pos-all-items-top-slider .swiper-pagination{
  bottom: -2rem !important;
}

.pos-all-items-top-slider .swiper-pagination span{
  margin-left: 3px !important;
  margin-right: 3px !important;
  height: 0.5rem !important;
  width: 0.625rem !important;
  border-radius: 9999px !important;
  --tw-bg-opacity: 1 !important;
  background-color: rgb(var(--gray-600) / var(--tw-bg-opacity)) !important;
  transition-duration: 200ms !important;
}
.pos-all-items-top-slider .swiper-pagination span.swiper-pagination-bullet-active{
  width: 1rem !important;
  --tw-bg-opacity: 1 !important;
  background-color: rgb(var(--gray-400) / var(--tw-bg-opacity)) !important;
}

/* react calendar customize style */
.react-calendar__navigation__prev2-button,
.react-calendar__navigation__next2-button{
  display: none;
}
.react-calendar__navigation{
  align-items: center;
}
.react-calendar__navigation__prev-button,
.react-calendar__navigation__next-button{
  height: 1.75rem;
  width: 1.75rem;
  min-width: 28px !important;
  border-radius: 0.375rem;
  border-width: 1px !important;
  border-style: solid !important;
  --tw-border-opacity: 1 !important;
  border-color: rgb(var(--gray-200) / var(--tw-border-opacity)) !important;
  background-color: transparent !important;
}
.react-calendar__navigation__label{
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(var(--gray-800) / var(--tw-text-opacity));
}
.react-calendar__navigation__label:disabled{
  background-color: transparent !important;
}
@media (min-width: 1024px){

  .react-calendar__navigation__label{
    font-size: 1rem;
    line-height: 1.5rem;
  }
}
.react-calendar__month-view__days{
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
  row-gap: 0.5rem;
}
.react-calendar__month-view__days__day{
  display: flex;
  height: 2.25rem;
  width: 2.25rem;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
}
.react-calendar__month-view__weekdays{
  margin-bottom: 1rem;
  font-size: 0.875rem !important;
  line-height: 1.25rem !important;
  text-transform: capitalize !important;
}
.react-calendar__month-view__weekdays__weekday > abbr{
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(var(--gray-500) / var(--tw-text-opacity));
  text-decoration-line: none;
}
.react-calendar__tile{
  flex-basis: calc(14.2857% - 4px) !important;
  font-size: 0.875rem !important;
  line-height: 1.25rem !important;
}
.react-calendar__navigation button:enabled:hover,
.react-calendar__navigation button:enabled:focus{
  background-color: transparent !important;
}
.react-calendar__tile--active,
.react-calendar__tile--now{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(43 127 117 / var(--tw-bg-opacity)) !important;
}
.react-calendar__tile--now{
  --tw-text-opacity: 1 !important;
  color: rgb(var(--gray-0) / var(--tw-text-opacity)) !important;
}
.react-calendar__month-view__days__day--weekend{
  --tw-text-opacity: 1 !important;
  color: rgb(var(--red-dark) / var(--tw-text-opacity)) !important;
}

/* job dashboard calender style  */
.job-schedule-calendar{
  width: 100% !important;
  border-style: none !important;
}
.job-schedule-calendar:is([data-theme="dark"] *){
  background-color: transparent;
}
.job-schedule-calendar .react-calendar__navigation{
  justify-content: space-between;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
@media (min-width: 1024px){

  .job-schedule-calendar .react-calendar__navigation{
    padding-left: 1.75rem;
    padding-right: 1.75rem;
  }
}
.job-schedule-calendar .react-calendar__navigation__arrow{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
  line-height: 1;
}
.job-schedule-calendar .react-calendar__navigation__next2-button,
.job-schedule-calendar .react-calendar__navigation__prev2-button{
  display: none;
}
.job-schedule-calendar .react-calendar__month-view__weekdays{
  margin-bottom: 0px;
}
.job-schedule-calendar .react-calendar__month-view__weekdays > div{
  margin-bottom: 0px;
  border-width: 1px;
  border-right-width: 0px;
  --tw-border-opacity: 1;
  border-color: rgb(var(--gray-200) / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(var(--gray-50) / var(--tw-bg-opacity));
  padding-top: 1rem;
  padding-bottom: 1rem;
  font-family: var(--font-inter);
}
.job-schedule-calendar .react-calendar__month-view__weekdays > div:first-child{
  border-left-width: 0px;
}
.job-schedule-calendar .react-calendar__month-view__days{
  display: grid !important;
  grid-template-columns: repeat(7, minmax(0, 1fr)) !important;
  gap: 0px;
}
.job-schedule-calendar .react-calendar__month-view__days > button{
  height: 100%;
  width: 100% !important;
  border-radius: 0px;
  border-width: 1px;
  border-inline-start-width: 0px;
  border-top-width: 0px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(var(--gray-200) / var(--tw-border-opacity));
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 1rem;
  padding-bottom: 1rem;
  font-family: var(--font-inter);
}
.job-schedule-calendar .react-calendar__month-view__days > button:hover:is([data-theme="dark"] *){
  --tw-bg-opacity: 1 !important;
  background-color: rgb(var(--gray-100) / var(--tw-bg-opacity)) !important;
}
.job-schedule-calendar .react-calendar__month-view__days > button:focus:is([data-theme="dark"] *){
  --tw-bg-opacity: 1 !important;
  background-color: rgb(var(--gray-100) / var(--tw-bg-opacity)) !important;
}
.job-schedule-calendar .react-calendar__month-view__days > button:nth-child(7n){
  border-right-width: 0px;
}
.job-schedule-calendar button.react-calendar__tile--active,
.job-schedule-calendar button.react-calendar__tile--hasActive,
.job-schedule-calendar button.react-calendar__tile--now{
  background-color: transparent !important;
  --tw-text-opacity: 1 !important;
  color: rgb(var(--gray-600) / var(--tw-text-opacity)) !important;
}
.job-schedule-calendar button.react-calendar__tile--active:hover,
.job-schedule-calendar button.react-calendar__tile--hasActive:hover,
.job-schedule-calendar button.react-calendar__tile--now:hover{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(230 230 230 / var(--tw-bg-opacity)) !important;
}
.job-schedule-calendar button.react-calendar__tile--active:hover:is([data-theme="dark"] *),
.job-schedule-calendar button.react-calendar__tile--hasActive:hover:is([data-theme="dark"] *),
.job-schedule-calendar button.react-calendar__tile--now:hover:is([data-theme="dark"] *){
  --tw-bg-opacity: 1 !important;
  background-color: rgb(var(--gray-100) / var(--tw-bg-opacity)) !important;
}
.job-schedule-calendar button.react-calendar__month-view__days__day{
  position: relative;
}

/* job schedule calendar months view */
.job-schedule-calendar .react-calendar__year-view__months{
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 0px;
  border-top-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(var(--gray-200) / var(--tw-border-opacity));
}
.job-schedule-calendar .react-calendar__year-view__months > button{
  border-width: 1px;
  border-inline-start-width: 0px;
  border-top-width: 0px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(var(--gray-200) / var(--tw-border-opacity));
}
.job-schedule-calendar .react-calendar__year-view__months > button:hover:is([data-theme="dark"] *){
  --tw-bg-opacity: 1;
  background-color: rgb(var(--gray-100) / var(--tw-bg-opacity));
}
.job-schedule-calendar .react-calendar__year-view__months > button:focus:is([data-theme="dark"] *){
  --tw-bg-opacity: 1;
  background-color: rgb(var(--gray-100) / var(--tw-bg-opacity));
}
.job-schedule-calendar .react-calendar__year-view__months > button:nth-child(4n){
  border-right-width: 0px;
}

/* job schedule calendar decades view */
.job-schedule-calendar .react-calendar__decade-view__years{
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 0px;
  border-top-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(var(--gray-200) / var(--tw-border-opacity));
}
.job-schedule-calendar .react-calendar__decade-view__years > button{
  border-width: 1px;
  border-inline-start-width: 0px;
  border-top-width: 0px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(var(--gray-200) / var(--tw-border-opacity));
}
.job-schedule-calendar .react-calendar__decade-view__years > button:hover:is([data-theme="dark"] *){
  --tw-bg-opacity: 1;
  background-color: rgb(var(--gray-100) / var(--tw-bg-opacity));
}
.job-schedule-calendar .react-calendar__decade-view__years > button:focus:is([data-theme="dark"] *){
  --tw-bg-opacity: 1;
  background-color: rgb(var(--gray-100) / var(--tw-bg-opacity));
}
.job-schedule-calendar .react-calendar__decade-view__years > button:disabled:is([data-theme="dark"] *){
  --tw-bg-opacity: 1;
  background-color: rgb(var(--gray-100) / var(--tw-bg-opacity));
}
.job-schedule-calendar .react-calendar__decade-view__years > button:nth-child(5n){
  border-right-width: 0px;
}

/* job schedule calendar century view */
.job-schedule-calendar .react-calendar__century-view__decades{
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 0px;
  border-top-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(var(--gray-200) / var(--tw-border-opacity));
}
.job-schedule-calendar .react-calendar__century-view__decades > button{
  border-width: 1px;
  border-inline-start-width: 0px;
  border-top-width: 0px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(var(--gray-200) / var(--tw-border-opacity));
}
.job-schedule-calendar .react-calendar__century-view__decades > button:hover:is([data-theme="dark"] *){
  --tw-bg-opacity: 1;
  background-color: rgb(var(--gray-100) / var(--tw-bg-opacity));
}
.job-schedule-calendar .react-calendar__century-view__decades > button:focus:is([data-theme="dark"] *){
  --tw-bg-opacity: 1;
  background-color: rgb(var(--gray-100) / var(--tw-bg-opacity));
}
.job-schedule-calendar .react-calendar__century-view__decades > button:disabled:is([data-theme="dark"] *){
  --tw-bg-opacity: 1;
  background-color: rgb(var(--gray-100) / var(--tw-bg-opacity));
}
.job-schedule-calendar .react-calendar__century-view__decades > button:nth-child(4n){
  border-right-width: 0px;
}

/* invoice builder custom styles  */
@media print {
  @page {
    size: auto;
    margin: 0mm;
  }
  html,
  body {
    margin: 0 !important;
    padding: 0 !important;
  }

  .print-container .invoice-print-table-header{
    border-top-left-radius: 0.375rem !important;
    border-top-right-radius: 0.375rem !important;
    --tw-bg-opacity: 1 !important;
    background-color: rgb(var(--gray-100) / var(--tw-bg-opacity)) !important;
    -webkit-print-color-adjust: exact;
            print-color-adjust: exact;
  }

  .print-container table thead {
    display: table-header-group;
  }
  .print-container table tfoot {
    display: table-footer-group;
  }
}

[dir="rtl"] :is(.rizzui-checkbox-icon, .rizzui-switch-on-icon){
  --tw-scale-x: -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));
}

.rc-table-expanded-row {
  background-color: #f3f4f6;
}


/* Temporary fix for the tailwindcss config */

.list-disc {
  list-style-type: disc;
  padding-left: 1.5em;
}

.list-decimal {
  list-style-type: decimal;
  padding-left: 1.5em;
}

/* Optional: Add some additional styling for list items */
.list-disc li,
.list-decimal li {
  margin-bottom: 0.5em;
}
.placeholder\:\!text-gray-500::-moz-placeholder{
  --tw-text-opacity: 1 !important;
  color: rgb(var(--gray-500) / var(--tw-text-opacity)) !important;
}
.placeholder\:\!text-gray-500::placeholder{
  --tw-text-opacity: 1 !important;
  color: rgb(var(--gray-500) / var(--tw-text-opacity)) !important;
}
.placeholder\:text-gray-400::-moz-placeholder{
  --tw-text-opacity: 1;
  color: rgb(var(--gray-400) / var(--tw-text-opacity));
}
.placeholder\:text-gray-400::placeholder{
  --tw-text-opacity: 1;
  color: rgb(var(--gray-400) / var(--tw-text-opacity));
}
.placeholder\:text-gray-500::-moz-placeholder{
  --tw-text-opacity: 1;
  color: rgb(var(--gray-500) / var(--tw-text-opacity));
}
.placeholder\:text-gray-500::placeholder{
  --tw-text-opacity: 1;
  color: rgb(var(--gray-500) / var(--tw-text-opacity));
}
.placeholder\:text-muted-foreground::-moz-placeholder{
  --tw-text-opacity: 1;
  color: rgb(var(--muted-foreground) / var(--tw-text-opacity));
}
.placeholder\:text-muted-foreground::placeholder{
  --tw-text-opacity: 1;
  color: rgb(var(--muted-foreground) / var(--tw-text-opacity));
}
.placeholder\:\!opacity-90::-moz-placeholder{
  opacity: 0.9 !important;
}
.placeholder\:\!opacity-90::placeholder{
  opacity: 0.9 !important;
}
.placeholder\:opacity-60::-moz-placeholder{
  opacity: 0.6;
}
.placeholder\:opacity-60::placeholder{
  opacity: 0.6;
}
.placeholder\:opacity-90::-moz-placeholder{
  opacity: 0.9;
}
.placeholder\:opacity-90::placeholder{
  opacity: 0.9;
}
.before\:visible::before{
  content: var(--tw-content);
  visibility: visible;
}
.before\:invisible::before{
  content: var(--tw-content);
  visibility: hidden;
}
.before\:absolute::before{
  content: var(--tw-content);
  position: absolute;
}
.before\:-bottom-\[1px\]::before{
  content: var(--tw-content);
  bottom: -1px;
}
.before\:-end-\[13px\]::before{
  content: var(--tw-content);
  inset-inline-end: -13px;
}
.before\:-left-1::before{
  content: var(--tw-content);
  left: -0.25rem;
}
.before\:-left-1\.5::before{
  content: var(--tw-content);
  left: -0.375rem;
}
.before\:-start-2::before{
  content: var(--tw-content);
  inset-inline-start: -0.5rem;
}
.before\:-start-2\.5::before{
  content: var(--tw-content);
  inset-inline-start: -0.625rem;
}
.before\:-start-3::before{
  content: var(--tw-content);
  inset-inline-start: -0.75rem;
}
.before\:-start-6::before{
  content: var(--tw-content);
  inset-inline-start: -1.5rem;
}
.before\:-top-1::before{
  content: var(--tw-content);
  top: -0.25rem;
}
.before\:-top-1\.5::before{
  content: var(--tw-content);
  top: -0.375rem;
}
.before\:-top-\[9px\]::before{
  content: var(--tw-content);
  top: -9px;
}
.before\:bottom-0::before{
  content: var(--tw-content);
  bottom: 0px;
}
.before\:bottom-full::before{
  content: var(--tw-content);
  bottom: 100%;
}
.before\:end-0::before{
  content: var(--tw-content);
  inset-inline-end: 0px;
}
.before\:left-0::before{
  content: var(--tw-content);
  left: 0px;
}
.before\:right-0::before{
  content: var(--tw-content);
  right: 0px;
}
.before\:start-0::before{
  content: var(--tw-content);
  inset-inline-start: 0px;
}
.before\:start-1\/2::before{
  content: var(--tw-content);
  inset-inline-start: 50%;
}
.before\:start-2::before{
  content: var(--tw-content);
  inset-inline-start: 0.5rem;
}
.before\:start-2\.5::before{
  content: var(--tw-content);
  inset-inline-start: 0.625rem;
}
.before\:start-5::before{
  content: var(--tw-content);
  inset-inline-start: 1.25rem;
}
.before\:top-0::before{
  content: var(--tw-content);
  top: 0px;
}
.before\:top-1\/2::before{
  content: var(--tw-content);
  top: 50%;
}
.before\:-z-10::before{
  content: var(--tw-content);
  z-index: -10;
}
.before\:z-\[1\]::before{
  content: var(--tw-content);
  z-index: 1;
}
.before\:block::before{
  content: var(--tw-content);
  display: block;
}
.before\:h-0::before{
  content: var(--tw-content);
  height: 0px;
}
.before\:h-0\.5::before{
  content: var(--tw-content);
  height: 0.125rem;
}
.before\:h-1::before{
  content: var(--tw-content);
  height: 0.25rem;
}
.before\:h-1\.5::before{
  content: var(--tw-content);
  height: 0.375rem;
}
.before\:h-10::before{
  content: var(--tw-content);
  height: 2.5rem;
}
.before\:h-4\/5::before{
  content: var(--tw-content);
  height: 80%;
}
.before\:h-40::before{
  content: var(--tw-content);
  height: 10rem;
}
.before\:h-6::before{
  content: var(--tw-content);
  height: 1.5rem;
}
.before\:h-\[22px\]::before{
  content: var(--tw-content);
  height: 22px;
}
.before\:h-\[38px\]::before{
  content: var(--tw-content);
  height: 38px;
}
.before\:h-full::before{
  content: var(--tw-content);
  height: 100%;
}
.before\:h-px::before{
  content: var(--tw-content);
  height: 1px;
}
.before\:w-0::before{
  content: var(--tw-content);
  width: 0px;
}
.before\:w-0\.5::before{
  content: var(--tw-content);
  width: 0.125rem;
}
.before\:w-1::before{
  content: var(--tw-content);
  width: 0.25rem;
}
.before\:w-1\.5::before{
  content: var(--tw-content);
  width: 0.375rem;
}
.before\:w-6::before{
  content: var(--tw-content);
  width: 1.5rem;
}
.before\:w-\[1px\]::before{
  content: var(--tw-content);
  width: 1px;
}
.before\:w-\[22px\]::before{
  content: var(--tw-content);
  width: 22px;
}
.before\:w-\[calc\(100\%\+48px\)\]::before{
  content: var(--tw-content);
  width: calc(100% + 48px);
}
.before\:w-full::before{
  content: var(--tw-content);
  width: 100%;
}
.before\:-translate-x-1\/2::before{
  content: var(--tw-content);
  --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));
}
.before\:-translate-y-1\/2::before{
  content: var(--tw-content);
  --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));
}
.before\:-rotate-45::before{
  content: var(--tw-content);
  --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));
}
.before\:rounded-full::before{
  content: var(--tw-content);
  border-radius: 9999px;
}
.before\:rounded-ee-full::before{
  content: var(--tw-content);
  border-end-end-radius: 9999px;
}
.before\:rounded-ee-md::before{
  content: var(--tw-content);
  border-end-end-radius: 0.375rem;
}
.before\:rounded-se-full::before{
  content: var(--tw-content);
  border-start-end-radius: 9999px;
}
.before\:rounded-se-md::before{
  content: var(--tw-content);
  border-start-end-radius: 0.375rem;
}
.before\:border::before{
  content: var(--tw-content);
  border-width: 1px;
}
.before\:border-gray-900::before{
  content: var(--tw-content);
  --tw-border-opacity: 1;
  border-color: rgb(var(--gray-900) / var(--tw-border-opacity));
}
.before\:bg-gray-0::before{
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(var(--gray-0) / var(--tw-bg-opacity));
}
.before\:bg-gray-100::before{
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(var(--gray-100) / var(--tw-bg-opacity));
}
.before\:bg-gray-1000::before{
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(var(--gray-1000) / var(--tw-bg-opacity));
}
.before\:bg-gray-300::before{
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(var(--gray-300) / var(--tw-bg-opacity));
}
.before\:bg-green::before{
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(var(--green-default) / var(--tw-bg-opacity));
}
.before\:bg-primary::before{
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(var(--primary-default) / var(--tw-bg-opacity));
}
.before\:bg-white::before{
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.before\:bg-gradient-to-l::before{
  content: var(--tw-content);
  background-image: linear-gradient(to left, var(--tw-gradient-stops));
}
.before\:bg-gradient-to-r::before{
  content: var(--tw-content);
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
}
.before\:bg-gradient-to-t::before{
  content: var(--tw-content);
  background-image: linear-gradient(to top, var(--tw-gradient-stops));
}
.before\:from-\[\#F8E1AF\]::before{
  content: var(--tw-content);
  --tw-gradient-from: #F8E1AF var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(248 225 175 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.before\:from-gray-0::before{
  content: var(--tw-content);
  --tw-gradient-from: rgb(var(--gray-0) / 1) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(var(--gray-0) / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.before\:from-green-dark\/25::before{
  content: var(--tw-content);
  --tw-gradient-from: rgb(var(--green-dark) / 0.25) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(var(--green-dark) / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.before\:from-orange-dark\/25::before{
  content: var(--tw-content);
  --tw-gradient-from: rgb(var(--orange-dark) / 0.25) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(var(--orange-dark) / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.before\:via-green-dark\/0::before{
  content: var(--tw-content);
  --tw-gradient-to: rgb(var(--green-dark) / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(var(--green-dark) / 0) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.before\:via-orange-dark\/0::before{
  content: var(--tw-content);
  --tw-gradient-to: rgb(var(--orange-dark) / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(var(--orange-dark) / 0) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.before\:to-\[\#F6CFCF\]::before{
  content: var(--tw-content);
  --tw-gradient-to: #F6CFCF var(--tw-gradient-to-position);
}
.before\:to-gray-0\/30::before{
  content: var(--tw-content);
  --tw-gradient-to: rgb(var(--gray-0) / 0.3) var(--tw-gradient-to-position);
}
.before\:to-green-dark\/0::before{
  content: var(--tw-content);
  --tw-gradient-to: rgb(var(--green-dark) / 0) var(--tw-gradient-to-position);
}
.before\:to-orange-dark\/0::before{
  content: var(--tw-content);
  --tw-gradient-to: rgb(var(--orange-dark) / 0) var(--tw-gradient-to-position);
}
.before\:opacity-0::before{
  content: var(--tw-content);
  opacity: 0;
}
.before\:opacity-100::before{
  content: var(--tw-content);
  opacity: 1;
}
.before\:transition-all::before{
  content: var(--tw-content);
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.before\:duration-200::before{
  content: var(--tw-content);
  transition-duration: 200ms;
}
.before\:content-\[\'\'\]::before{
  --tw-content: '';
  content: var(--tw-content);
}
.after\:absolute::after{
  content: var(--tw-content);
  position: absolute;
}
.after\:inset-0::after{
  content: var(--tw-content);
  inset: 0px;
}
.after\:-end-\[1px\]::after{
  content: var(--tw-content);
  inset-inline-end: -1px;
}
.after\:-start-5::after{
  content: var(--tw-content);
  inset-inline-start: -1.25rem;
}
.after\:left-1::after{
  content: var(--tw-content);
  left: 0.25rem;
}
.after\:left-1\.5::after{
  content: var(--tw-content);
  left: 0.375rem;
}
.after\:top-0::after{
  content: var(--tw-content);
  top: 0px;
}
.after\:top-1::after{
  content: var(--tw-content);
  top: 0.25rem;
}
.after\:top-1\.5::after{
  content: var(--tw-content);
  top: 0.375rem;
}
.after\:top-1\/2::after{
  content: var(--tw-content);
  top: 50%;
}
.after\:h-1::after{
  content: var(--tw-content);
  height: 0.25rem;
}
.after\:h-1\.5::after{
  content: var(--tw-content);
  height: 0.375rem;
}
.after\:h-full::after{
  content: var(--tw-content);
  height: 100%;
}
.after\:w-1::after{
  content: var(--tw-content);
  width: 0.25rem;
}
.after\:w-1\.5::after{
  content: var(--tw-content);
  width: 0.375rem;
}
.after\:w-5::after{
  content: var(--tw-content);
  width: 1.25rem;
}
@keyframes skeletonWave{

  0%{
    content: var(--tw-content);
    transform: translateX(-100%);
  }

  50%{
    content: var(--tw-content);
    transform: translateX(100%);
  }

  100%{
    content: var(--tw-content);
    transform: translateX(100%);
  }
}
.after\:animate-skeleton::after{
  content: var(--tw-content);
  animation: skeletonWave 1.6s linear 0.5s infinite;
}
.after\:rounded-full::after{
  content: var(--tw-content);
  border-radius: 9999px;
}
.after\:bg-gray-100::after{
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(var(--gray-100) / var(--tw-bg-opacity));
}
.after\:bg-gray-500::after{
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(var(--gray-500) / var(--tw-bg-opacity));
}
.after\:bg-skeleton::after{
  content: var(--tw-content);
  background-image: linear-gradient(90deg,transparent,#ecebeb,transparent);
}
.after\:content-\[\'\'\]::after{
  --tw-content: '';
  content: var(--tw-content);
}
.first\:block:first-child{
  display: block;
}
.first\:ps-0:first-child{
  padding-inline-start: 0px;
}
.last\:pointer-events-none:last-child{
  pointer-events: none;
}
.last\:min-h-0:last-child{
  min-height: 0px;
}
.last\:flex-none:last-child{
  flex: none;
}
.last\:pe-0:last-child{
  padding-inline-end: 0px;
}
.last\:text-gray-500:last-child{
  --tw-text-opacity: 1;
  color: rgb(var(--gray-500) / var(--tw-text-opacity));
}
.last\:after\:hidden:last-child::after{
  content: var(--tw-content);
  display: none;
}
.last-of-type\:mb-1:last-of-type{
  margin-bottom: 0.25rem;
}
.checked\:\!border-primary:checked{
  --tw-border-opacity: 1 !important;
  border-color: rgb(var(--primary-default) / var(--tw-border-opacity)) !important;
}
.checked\:\!bg-primary:checked{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(var(--primary-default) / var(--tw-bg-opacity)) !important;
}
.checked\:bg-none:checked{
  background-image: none;
}
.placeholder-shown\:placeholder\:opacity-0:placeholder-shown::-moz-placeholder{
  opacity: 0;
}
.placeholder-shown\:placeholder\:opacity-0:-moz-placeholder-shown::placeholder{
  opacity: 0;
}
.placeholder-shown\:placeholder\:opacity-0:placeholder-shown::placeholder{
  opacity: 0;
}
.read-only\:\!border-muted:-moz-read-only{
  --tw-border-opacity: 1 !important;
  border-color: rgb(var(--muted) / var(--tw-border-opacity)) !important;
}
.read-only\:\!border-muted:read-only{
  --tw-border-opacity: 1 !important;
  border-color: rgb(var(--muted) / var(--tw-border-opacity)) !important;
}
.focus-within\:text-gray-600:focus-within{
  --tw-text-opacity: 1;
  color: rgb(var(--gray-600) / var(--tw-text-opacity));
}
.hover\:-top-1:hover{
  top: -0.25rem;
}
.hover\:z-10:hover{
  z-index: 10;
}
.hover\:scale-x-125:hover{
  --tw-scale-x: 1.25;
  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));
}
.hover\:scale-y-110:hover{
  --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));
}
.hover\:scale-y-125:hover{
  --tw-scale-y: 1.25;
  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));
}
.hover\:cursor-pointer:hover{
  cursor: pointer;
}
.hover\:\!border-gray-100:hover{
  --tw-border-opacity: 1 !important;
  border-color: rgb(var(--gray-100) / var(--tw-border-opacity)) !important;
}
.hover\:\!border-gray-900:hover{
  --tw-border-opacity: 1 !important;
  border-color: rgb(var(--gray-900) / var(--tw-border-opacity)) !important;
}
.hover\:\!border-primary:hover{
  --tw-border-opacity: 1 !important;
  border-color: rgb(var(--primary-default) / var(--tw-border-opacity)) !important;
}
.hover\:\!border-red:hover{
  --tw-border-opacity: 1 !important;
  border-color: rgb(var(--red-default) / var(--tw-border-opacity)) !important;
}
.hover\:border-blue:hover{
  --tw-border-opacity: 1;
  border-color: rgb(var(--blue-default) / var(--tw-border-opacity));
}
.hover\:border-gray-1000:hover{
  --tw-border-opacity: 1;
  border-color: rgb(var(--gray-1000) / var(--tw-border-opacity));
}
.hover\:border-gray-400:hover{
  --tw-border-opacity: 1;
  border-color: rgb(var(--gray-400) / var(--tw-border-opacity));
}
.hover\:border-gray-900:hover{
  --tw-border-opacity: 1;
  border-color: rgb(var(--gray-900) / var(--tw-border-opacity));
}
.hover\:border-green:hover{
  --tw-border-opacity: 1;
  border-color: rgb(var(--green-default) / var(--tw-border-opacity));
}
.hover\:border-muted:hover{
  --tw-border-opacity: 1;
  border-color: rgb(var(--muted) / var(--tw-border-opacity));
}
.hover\:border-orange:hover{
  --tw-border-opacity: 1;
  border-color: rgb(var(--orange-default) / var(--tw-border-opacity));
}
.hover\:border-primary:hover{
  --tw-border-opacity: 1;
  border-color: rgb(var(--primary-default) / var(--tw-border-opacity));
}
.hover\:border-red:hover{
  --tw-border-opacity: 1;
  border-color: rgb(var(--red-default) / var(--tw-border-opacity));
}
.hover\:border-red-dark:hover{
  --tw-border-opacity: 1;
  border-color: rgb(var(--red-dark) / var(--tw-border-opacity));
}
.hover\:border-secondary:hover{
  --tw-border-opacity: 1;
  border-color: rgb(var(--secondary-default) / var(--tw-border-opacity));
}
.hover\:\!bg-gray-800:hover{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(var(--gray-800) / var(--tw-bg-opacity)) !important;
}
.hover\:bg-blue-lighter\/90:hover{
  background-color: rgb(var(--blue-lighter) / 0.9);
}
.hover\:bg-gray-0:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(var(--gray-0) / var(--tw-bg-opacity));
}
.hover\:bg-gray-100:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(var(--gray-100) / var(--tw-bg-opacity));
}
.hover\:bg-gray-200:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(var(--gray-200) / var(--tw-bg-opacity));
}
.hover\:bg-gray-200\/50:hover{
  background-color: rgb(var(--gray-200) / 0.5);
}
.hover\:bg-gray-300:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(var(--gray-300) / var(--tw-bg-opacity));
}
.hover\:bg-green-700:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(21 128 61 / var(--tw-bg-opacity));
}
.hover\:bg-green-lighter\/90:hover{
  background-color: rgb(var(--green-lighter) / 0.9);
}
.hover\:bg-muted:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(var(--muted) / var(--tw-bg-opacity));
}
.hover\:bg-muted\/70:hover{
  background-color: rgb(var(--muted) / 0.7);
}
.hover\:bg-orange-lighter\/90:hover{
  background-color: rgb(var(--orange-lighter) / 0.9);
}
.hover\:bg-primary:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(var(--primary-default) / var(--tw-bg-opacity));
}
.hover\:bg-primary-dark:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(var(--primary-dark) / var(--tw-bg-opacity));
}
.hover\:bg-primary-dark\/80:hover{
  background-color: rgb(var(--primary-dark) / 0.8);
}
.hover\:bg-primary-lighter:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(var(--primary-lighter) / var(--tw-bg-opacity));
}
.hover\:bg-primary-lighter\/90:hover{
  background-color: rgb(var(--primary-lighter) / 0.9);
}
.hover\:bg-red-700:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(185 28 28 / var(--tw-bg-opacity));
}
.hover\:bg-red-dark:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(var(--red-dark) / var(--tw-bg-opacity));
}
.hover\:bg-red-lighter\/90:hover{
  background-color: rgb(var(--red-lighter) / 0.9);
}
.hover\:bg-secondary-dark:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(var(--secondary-dark) / var(--tw-bg-opacity));
}
.hover\:bg-secondary-lighter:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(var(--secondary-lighter) / var(--tw-bg-opacity));
}
.hover\:bg-secondary-lighter\/90:hover{
  background-color: rgb(var(--secondary-lighter) / 0.9);
}
.hover\:bg-transparent:hover{
  background-color: transparent;
}
.hover\:bg-white:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.hover\:ps-7:hover{
  padding-inline-start: 1.75rem;
}
.hover\:\!text-gray-900:hover{
  --tw-text-opacity: 1 !important;
  color: rgb(var(--gray-900) / var(--tw-text-opacity)) !important;
}
.hover\:\!text-primary-dark:hover{
  --tw-text-opacity: 1 !important;
  color: rgb(var(--primary-dark) / var(--tw-text-opacity)) !important;
}
.hover\:\!text-white:hover{
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
}
.hover\:text-\[\#1c24a8\]:hover{
  --tw-text-opacity: 1;
  color: rgb(28 36 168 / var(--tw-text-opacity));
}
.hover\:text-black:hover{
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}
.hover\:text-gray-0:hover{
  --tw-text-opacity: 1;
  color: rgb(var(--gray-0) / var(--tw-text-opacity));
}
.hover\:text-gray-1000:hover{
  --tw-text-opacity: 1;
  color: rgb(var(--gray-1000) / var(--tw-text-opacity));
}
.hover\:text-gray-200:hover{
  --tw-text-opacity: 1;
  color: rgb(var(--gray-200) / var(--tw-text-opacity));
}
.hover\:text-gray-600:hover{
  --tw-text-opacity: 1;
  color: rgb(var(--gray-600) / var(--tw-text-opacity));
}
.hover\:text-gray-700:hover{
  --tw-text-opacity: 1;
  color: rgb(var(--gray-700) / var(--tw-text-opacity));
}
.hover\:text-gray-800:hover{
  --tw-text-opacity: 1;
  color: rgb(var(--gray-800) / var(--tw-text-opacity));
}
.hover\:text-gray-900:hover{
  --tw-text-opacity: 1;
  color: rgb(var(--gray-900) / var(--tw-text-opacity));
}
.hover\:text-primary:hover{
  --tw-text-opacity: 1;
  color: rgb(var(--primary-default) / var(--tw-text-opacity));
}
.hover\:text-primary-dark:hover{
  --tw-text-opacity: 1;
  color: rgb(var(--primary-dark) / var(--tw-text-opacity));
}
.hover\:text-primary-foreground:hover{
  --tw-text-opacity: 1;
  color: rgb(var(--primary-foreground) / var(--tw-text-opacity));
}
.hover\:text-red-500:hover{
  --tw-text-opacity: 1;
  color: rgb(239 68 68 / var(--tw-text-opacity));
}
.hover\:text-red-700:hover{
  --tw-text-opacity: 1;
  color: rgb(185 28 28 / var(--tw-text-opacity));
}
.hover\:text-red-dark:hover{
  --tw-text-opacity: 1;
  color: rgb(var(--red-dark) / var(--tw-text-opacity));
}
.hover\:text-secondary:hover{
  --tw-text-opacity: 1;
  color: rgb(var(--secondary-default) / var(--tw-text-opacity));
}
.hover\:text-secondary-dark:hover{
  --tw-text-opacity: 1;
  color: rgb(var(--secondary-dark) / var(--tw-text-opacity));
}
.hover\:underline:hover{
  text-decoration-line: underline;
}
.hover\:no-underline:hover{
  text-decoration-line: none;
}
.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-0:hover{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important;
}
.hover\:ring-\[1\.8px\]: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(1.8px + 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-primary:hover{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(var(--primary-default) / var(--tw-ring-opacity));
}
.focus\:\!border-primary:focus{
  --tw-border-opacity: 1 !important;
  border-color: rgb(var(--primary-default) / var(--tw-border-opacity)) !important;
}
.focus\:\!border-red:focus{
  --tw-border-opacity: 1 !important;
  border-color: rgb(var(--red-default) / var(--tw-border-opacity)) !important;
}
.focus\:border-gray-100:focus{
  --tw-border-opacity: 1;
  border-color: rgb(var(--gray-100) / var(--tw-border-opacity));
}
.focus\:border-gray-1000:focus{
  --tw-border-opacity: 1;
  border-color: rgb(var(--gray-1000) / var(--tw-border-opacity));
}
.focus\:border-gray-900:focus{
  --tw-border-opacity: 1;
  border-color: rgb(var(--gray-900) / var(--tw-border-opacity));
}
.focus\:border-primary:focus{
  --tw-border-opacity: 1;
  border-color: rgb(var(--primary-default) / var(--tw-border-opacity));
}
.focus\:border-red-500:focus{
  --tw-border-opacity: 1;
  border-color: rgb(239 68 68 / var(--tw-border-opacity));
}
.focus\:\!bg-transparent:focus{
  background-color: transparent !important;
}
.focus\:bg-transparent:focus{
  background-color: transparent;
}
.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) !important;
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important;
}
.focus\:ring:focus{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.focus\:ring-0:focus{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.focus\:ring-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-\[0\.6px\]: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(0.6px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.focus\:ring-\[0\.8px\]: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(0.8px + 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\.8px\]: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(1.8px + 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-primary:focus{
  --tw-ring-opacity: 1 !important;
  --tw-ring-color: rgb(var(--primary-default) / var(--tw-ring-opacity)) !important;
}
.focus\:\!ring-primary\/30:focus{
  --tw-ring-color: rgb(var(--primary-default) / 0.3) !important;
}
.focus\:ring-blue\/30:focus{
  --tw-ring-color: rgb(var(--blue-default) / 0.3);
}
.focus\:ring-gray-900\/20:focus{
  --tw-ring-color: rgb(var(--gray-900) / 0.2);
}
.focus\:ring-green\/30:focus{
  --tw-ring-color: rgb(var(--green-default) / 0.3);
}
.focus\:ring-muted:focus{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(var(--muted) / var(--tw-ring-opacity));
}
.focus\:ring-orange\/30:focus{
  --tw-ring-color: rgb(var(--orange-default) / 0.3);
}
.focus\:ring-primary:focus{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(var(--primary-default) / var(--tw-ring-opacity));
}
.focus\:ring-primary\/30:focus{
  --tw-ring-color: rgb(var(--primary-default) / 0.3);
}
.focus\:ring-red\/30:focus{
  --tw-ring-color: rgb(var(--red-default) / 0.3);
}
.focus\:ring-secondary\/30:focus{
  --tw-ring-color: rgb(var(--secondary-default) / 0.3);
}
.focus\:ring-offset-background:focus{
  --tw-ring-offset-color: rgb(var(--background) / 1);
}
.focus\:placeholder\:opacity-0:focus::-moz-placeholder{
  opacity: 0;
}
.focus\:placeholder\:opacity-0:focus::placeholder{
  opacity: 0;
}
.read-only\:focus\:\!ring-0:focus:-moz-read-only{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important;
}
.read-only\:focus\:\!ring-0:focus:read-only{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important;
}
.focus-visible\:bg-gray-100:focus-visible{
  --tw-bg-opacity: 1;
  background-color: rgb(var(--gray-100) / var(--tw-bg-opacity));
}
.focus-visible\:outline-none:focus-visible{
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.focus-visible\:outline-0:focus-visible{
  outline-width: 0px;
}
.focus-visible\:ring-0: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(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-visible\:ring-\[1\.5px\]: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(1.5px + 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-\[1\.8px\]: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(1.8px + 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-gray-400:focus-visible{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(var(--gray-400) / var(--tw-ring-opacity));
}
.focus-visible\:ring-muted:focus-visible{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(var(--muted) / var(--tw-ring-opacity));
}
.focus-visible\:ring-primary-lighter:focus-visible{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(var(--primary-lighter) / var(--tw-ring-opacity));
}
.focus-visible\:ring-red-lighter:focus-visible{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(var(--red-lighter) / var(--tw-ring-opacity));
}
.focus-visible\:ring-red\/30:focus-visible{
  --tw-ring-color: rgb(var(--red-default) / 0.3);
}
.focus-visible\:ring-secondary-lighter:focus-visible{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(var(--secondary-lighter) / var(--tw-ring-opacity));
}
.focus-visible\:ring-secondary\/30:focus-visible{
  --tw-ring-color: rgb(var(--secondary-default) / 0.3);
}
.focus-visible\:ring-offset-2:focus-visible{
  --tw-ring-offset-width: 2px;
}
.active\:translate-y-0:active{
  --tw-translate-y: 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));
}
.active\:translate-y-px:active{
  --tw-translate-y: 1px;
  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));
}
.hover\:enabled\:\!border-red:enabled:hover{
  --tw-border-opacity: 1 !important;
  border-color: rgb(var(--red-default) / var(--tw-border-opacity)) !important;
}
.hover\:enabled\:border-primary:enabled:hover{
  --tw-border-opacity: 1;
  border-color: rgb(var(--primary-default) / var(--tw-border-opacity));
}
.hover\:enabled\:bg-muted:enabled:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(var(--muted) / var(--tw-bg-opacity));
}
.hover\:enabled\:bg-muted\/90:enabled:hover{
  background-color: rgb(var(--muted) / 0.9);
}
.hover\:enabled\:text-gray-900:enabled:hover{
  --tw-text-opacity: 1;
  color: rgb(var(--gray-900) / var(--tw-text-opacity));
}
.focus\:enabled\:\!border-red:enabled:focus{
  --tw-border-opacity: 1 !important;
  border-color: rgb(var(--red-default) / var(--tw-border-opacity)) !important;
}
.focus\:enabled\:border-primary:enabled:focus{
  --tw-border-opacity: 1;
  border-color: rgb(var(--primary-default) / var(--tw-border-opacity));
}
.focus\:enabled\:bg-transparent:enabled:focus{
  background-color: transparent;
}
.active\:enabled\:translate-y-px:enabled:active{
  --tw-translate-y: 1px;
  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));
}
.disabled\:hidden:disabled{
  display: none;
}
.disabled\:\!cursor-not-allowed:disabled{
  cursor: not-allowed !important;
}
.disabled\:cursor-not-allowed:disabled{
  cursor: not-allowed;
}
.disabled\:\!border-muted:disabled{
  --tw-border-opacity: 1 !important;
  border-color: rgb(var(--muted) / var(--tw-border-opacity)) !important;
}
.disabled\:border-muted:disabled{
  --tw-border-opacity: 1;
  border-color: rgb(var(--muted) / var(--tw-border-opacity));
}
.disabled\:\!bg-gray-100:disabled{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(var(--gray-100) / var(--tw-bg-opacity)) !important;
}
.disabled\:bg-muted\/70:disabled{
  background-color: rgb(var(--muted) / 0.7);
}
.disabled\:\!text-gray-500:disabled{
  --tw-text-opacity: 1 !important;
  color: rgb(var(--gray-500) / var(--tw-text-opacity)) !important;
}
.disabled\:text-muted-foreground:disabled{
  --tw-text-opacity: 1;
  color: rgb(var(--muted-foreground) / var(--tw-text-opacity));
}
.disabled\:backdrop-blur:disabled{
  --tw-backdrop-blur: blur(8px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
          backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.disabled\:placeholder\:\!text-gray-500:disabled::-moz-placeholder{
  --tw-text-opacity: 1 !important;
  color: rgb(var(--gray-500) / var(--tw-text-opacity)) !important;
}
.disabled\:placeholder\:\!text-gray-500:disabled::placeholder{
  --tw-text-opacity: 1 !important;
  color: rgb(var(--gray-500) / var(--tw-text-opacity)) !important;
}
.disabled\:placeholder\:text-muted-foreground:disabled::-moz-placeholder{
  --tw-text-opacity: 1;
  color: rgb(var(--muted-foreground) / var(--tw-text-opacity));
}
.disabled\:placeholder\:text-muted-foreground:disabled::placeholder{
  --tw-text-opacity: 1;
  color: rgb(var(--muted-foreground) / var(--tw-text-opacity));
}
.group:last-child .group-last\:inline-block{
  display: inline-block;
}
.group:last-child .group-last\:hidden{
  display: none;
}
.group\/phone-number:hover .group-hover\/phone-number\:visible{
  visibility: visible;
}
.group:hover .group-hover\:block{
  display: block;
}
.group\/phone-number:hover .group-hover\/phone-number\: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));
}
.group\/submenu-link:hover .group-hover\/submenu-link\:translate-x-1{
  --tw-translate-x: 0.25rem;
  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\:-translate-x-6{
  --tw-translate-x: -1.5rem;
  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\:gap-1{
  gap: 0.25rem;
}
.group\/switch:hover .group-hover\/switch\:border-primary{
  --tw-border-opacity: 1;
  border-color: rgb(var(--primary-default) / var(--tw-border-opacity));
}
.group\/switch:hover .group-hover\/switch\:bg-muted{
  --tw-bg-opacity: 1;
  background-color: rgb(var(--muted) / var(--tw-bg-opacity));
}
.group:hover .group-hover\:bg-gray-0{
  --tw-bg-opacity: 1;
  background-color: rgb(var(--gray-0) / var(--tw-bg-opacity));
}
.group:hover .group-hover\:bg-gray-100\/70{
  background-color: rgb(var(--gray-100) / 0.7);
}
.group:hover .group-hover\:bg-gray-300{
  --tw-bg-opacity: 1;
  background-color: rgb(var(--gray-300) / var(--tw-bg-opacity));
}
.group:hover .group-hover\:bg-gray-700{
  --tw-bg-opacity: 1;
  background-color: rgb(var(--gray-700) / var(--tw-bg-opacity));
}
.group:hover .group-hover\:bg-opacity-100{
  --tw-bg-opacity: 1;
}
.group\/submenu-link:hover .group-hover\/submenu-link\:text-gray-900{
  --tw-text-opacity: 1;
  color: rgb(var(--gray-900) / var(--tw-text-opacity));
}
.group:hover .group-hover\:text-gray-200{
  --tw-text-opacity: 1;
  color: rgb(var(--gray-200) / var(--tw-text-opacity));
}
.group:hover .group-hover\:text-gray-500{
  --tw-text-opacity: 1;
  color: rgb(var(--gray-500) / var(--tw-text-opacity));
}
.group:hover .group-hover\:text-gray-600{
  --tw-text-opacity: 1;
  color: rgb(var(--gray-600) / var(--tw-text-opacity));
}
.group:hover .group-hover\:text-gray-900{
  --tw-text-opacity: 1;
  color: rgb(var(--gray-900) / var(--tw-text-opacity));
}
.group:hover .group-hover\:text-primary{
  --tw-text-opacity: 1;
  color: rgb(var(--primary-default) / var(--tw-text-opacity));
}
.group:hover .group-hover\:text-opacity-100{
  --tw-text-opacity: 1;
}
.group\/phone-number:hover .group-hover\/phone-number\:opacity-100{
  opacity: 1;
}
.group:hover .group-hover\:opacity-100{
  opacity: 1;
}
.peer:checked ~ .peer-checked\:border-0{
  border-width: 0px;
}
.peer\/switch:checked ~ .peer-checked\/switch\:border-primary{
  --tw-border-opacity: 1;
  border-color: rgb(var(--primary-default) / var(--tw-border-opacity));
}
.peer:checked ~ .peer-checked\:border-muted{
  --tw-border-opacity: 1;
  border-color: rgb(var(--muted) / var(--tw-border-opacity));
}
.peer:checked ~ .peer-checked\:border-primary{
  --tw-border-opacity: 1;
  border-color: rgb(var(--primary-default) / var(--tw-border-opacity));
}
.peer\/switch:checked ~ .peer-checked\/switch\:bg-primary{
  --tw-bg-opacity: 1;
  background-color: rgb(var(--primary-default) / var(--tw-bg-opacity));
}
.peer:checked ~ .peer-checked\:text-primary{
  --tw-text-opacity: 1;
  color: rgb(var(--primary-default) / var(--tw-text-opacity));
}
.peer:checked ~ .peer-checked\:opacity-100{
  opacity: 1;
}
.peer:checked ~ .peer-checked\:ring-0{
  --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);
}
.peer:checked ~ .peer-checked\:ring-2{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.peer:checked ~ .peer-checked\:ring-\[0\.8px\]{
  --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(0.8px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.peer:checked ~ .peer-checked\:ring-primary{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(var(--primary-default) / var(--tw-ring-opacity));
}
.peer\/switch:focus ~ .peer-focus\/switch\:ring-\[1\.5px\]{
  --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(1.5px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.peer\/switch:focus ~ .peer-focus\/switch\:ring-muted{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(var(--muted) / var(--tw-ring-opacity));
}
.peer\/switch:focus ~ .peer-focus\/switch\:ring-offset-2{
  --tw-ring-offset-width: 2px;
}
.peer:disabled ~ .peer-disabled\:cursor-not-allowed{
  cursor: not-allowed;
}
.peer\/switch:disabled ~ .peer-disabled\/switch\:border-muted{
  --tw-border-opacity: 1;
  border-color: rgb(var(--muted) / var(--tw-border-opacity));
}
.peer:disabled ~ .peer-disabled\:border-muted{
  --tw-border-opacity: 1;
  border-color: rgb(var(--muted) / var(--tw-border-opacity));
}
.peer\/switch:disabled ~ .peer-disabled\/switch\:bg-muted{
  --tw-bg-opacity: 1;
  background-color: rgb(var(--muted) / var(--tw-bg-opacity));
}
.peer\/switch:disabled ~ .peer-disabled\/switch\:bg-muted\/70{
  background-color: rgb(var(--muted) / 0.7);
}
.peer:disabled ~ .peer-disabled\:bg-muted\/70{
  background-color: rgb(var(--muted) / 0.7);
}
.peer:disabled ~ .peer-disabled\:text-muted-foreground{
  --tw-text-opacity: 1;
  color: rgb(var(--muted-foreground) / var(--tw-text-opacity));
}
.peer\/switch:disabled ~ .peer-disabled\/switch\:shadow-none{
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.peer:disabled ~ .peer-disabled\:ring-muted{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(var(--muted) / var(--tw-ring-opacity));
}
.peer:disabled ~ .peer-disabled\:backdrop-blur{
  --tw-backdrop-blur: blur(8px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
          backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.data-\[hover\=true\]\:bg-gray-100[data-hover=true]{
  --tw-bg-opacity: 1;
  background-color: rgb(var(--gray-100) / var(--tw-bg-opacity));
}
@container (min-width: 19rem){

  .\@\[19rem\]\:text-3xl{
    font-size: 1.875rem;
    line-height: 2.25rem;
  }
}
@container (min-width: 24rem){

  .\@sm\:flex-row{
    flex-direction: row;
  }

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

  .\@sm\:py-3{
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }
}
@container (min-width: 28rem){

  .\@md\:flex{
    display: flex;
  }

  .\@md\:w-40{
    width: 10rem;
  }

  .\@md\:items-start{
    align-items: flex-start;
  }

  .\@md\:pe-4{
    padding-inline-end: 1rem;
  }

  .\@md\:pt-1{
    padding-top: 0.25rem;
  }

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

  .\@md\:font-medium{
    font-weight: 500;
  }
}
@container (min-width: 32rem){

  .\@lg\:mt-0{
    margin-top: 0px;
  }

  .\@lg\:mt-1{
    margin-top: 0.25rem;
  }

  .\@lg\:w-auto{
    width: auto;
  }

  .\@lg\:flex-row{
    flex-direction: row;
  }

  .\@lg\:items-center{
    align-items: center;
  }

  .\@lg\:justify-between{
    justify-content: space-between;
  }

  .\@lg\:gap-5{
    gap: 1.25rem;
  }
}
@container (min-width: 36rem){

  .\@xl\:w-auto{
    width: auto;
  }

  .\@xl\:flex-row{
    flex-direction: row;
  }

  .\@xl\:flex-nowrap{
    flex-wrap: nowrap;
  }

  .\@xl\:justify-start{
    justify-content: flex-start;
  }

  .\@xl\:justify-end{
    justify-content: flex-end;
  }

  .\@xl\:p-4{
    padding: 1rem;
  }

  .\@xl\:px-0{
    padding-left: 0px;
    padding-right: 0px;
  }

  .\@xl\:pb-0{
    padding-bottom: 0px;
  }

  .\@xl\:pr-6{
    padding-right: 1.5rem;
  }
}
@container (min-width: 42rem){

  .\@2xl\:block{
    display: block;
  }

  .\@2xl\:w-36{
    width: 9rem;
  }

  .\@2xl\:w-\[130px\]{
    width: 130px;
  }

  .\@2xl\:max-w-\[calc\(100\%-340px\)\]{
    max-width: calc(100% - 340px);
  }

  .\@2xl\:grid-cols-2{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .\@2xl\:flex-row{
    flex-direction: row;
  }

  .\@2xl\:gap-9{
    gap: 2.25rem;
  }

  .\@2xl\:p-5{
    padding: 1.25rem;
  }

  .\@2xl\:ps-5{
    padding-inline-start: 1.25rem;
  }

  .\@2xl\:pt-9{
    padding-top: 2.25rem;
  }

  .\@2xl\:text-left{
    text-align: left;
  }

  .\@2xl\:text-base{
    font-size: 1rem;
    line-height: 1.5rem;
  }
}
@container (min-width: 48rem){

  .\@3xl\:col-span-2{
    grid-column: span 2 / span 2;
  }

  .\@3xl\:mb-3{
    margin-bottom: 0.75rem;
  }

  .\@3xl\:h-44{
    height: 11rem;
  }

  .\@3xl\:w-44{
    width: 11rem;
  }

  .\@3xl\:grid-cols-1{
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }

  .\@3xl\:grid-cols-12{
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }

  .\@3xl\:grid-cols-2{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .\@3xl\:gap-11{
    gap: 2.75rem;
  }

  .\@3xl\:pt-11{
    padding-top: 2.75rem;
  }

  .\@3xl\:pt-\[190px\]{
    padding-top: 190px;
  }

  .\@3xl\:text-lg{
    font-size: 1.125rem;
    line-height: 1.75rem;
  }

  .\@3xl\:before\:h-\[calc\(100\%-120px\)\]::before{
    content: var(--tw-content);
    height: calc(100% - 120px);
  }
}
@container (min-width: 56rem){

  .\@4xl\:col-span-4{
    grid-column: span 4 / span 4;
  }

  .\@4xl\:col-span-8{
    grid-column: span 8 / span 8;
  }

  .\@4xl\:gap-5{
    gap: 1.25rem;
  }
}
@container (min-width: 59rem){

  .\@\[59rem\]\:col-span-6{
    grid-column: span 6 / span 6;
  }

  .\@\[59rem\]\:gap-7{
    gap: 1.75rem;
  }
}
@container (min-width: 64rem){

  .\@5xl\:-top-2\/3{
    top: -66.666667%;
  }

  .\@5xl\:mb-0{
    margin-bottom: 0px;
  }

  .\@5xl\:grid{
    display: grid;
  }

  .\@5xl\:w-\[150px\]{
    width: 150px;
  }

  .\@5xl\:grid-cols-6{
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }

  .\@5xl\:px-7{
    padding-left: 1.75rem;
    padding-right: 1.75rem;
  }

  .\@5xl\:text-xl{
    font-size: 1.25rem;
    line-height: 1.75rem;
  }

  .\@5xl\:after\:top-2::after{
    content: var(--tw-content);
    top: 0.5rem;
  }

  .\@5xl\:after\:top-2\.5::after{
    content: var(--tw-content);
    top: 0.625rem;
  }

  .\@5xl\:after\:h-2::after{
    content: var(--tw-content);
    height: 0.5rem;
  }

  .\@5xl\:after\:w-2::after{
    content: var(--tw-content);
    width: 0.5rem;
  }
}
@container (min-width: 80rem){

  .\@\[80rem\]\:mt-0{
    margin-top: 0px;
  }

  .\@\[80rem\]\:inline-flex{
    display: inline-flex;
  }

  .\@\[80rem\]\:hidden{
    display: none;
  }
}
@container (min-width: 90rem){

  .\@\[90rem\]\:col-span-4{
    grid-column: span 4 / span 4;
  }
}
.dark\:right-0:is([data-theme="dark"] *){
  right: 0px;
}
.dark\:top-5:is([data-theme="dark"] *){
  top: 1.25rem;
}
.dark\:divide-muted\/20:is([data-theme="dark"] *) > :not([hidden]) ~ :not([hidden]){
  border-color: rgb(var(--muted) / 0.2);
}
.dark\:border-blue\/70:is([data-theme="dark"] *){
  border-color: rgb(var(--blue-default) / 0.7);
}
.dark\:border-gray-100:is([data-theme="dark"] *){
  --tw-border-opacity: 1;
  border-color: rgb(var(--gray-100) / var(--tw-border-opacity));
}
.dark\:border-gray-300:is([data-theme="dark"] *){
  --tw-border-opacity: 1;
  border-color: rgb(var(--gray-300) / var(--tw-border-opacity));
}
.dark\:border-gray-50:is([data-theme="dark"] *){
  --tw-border-opacity: 1;
  border-color: rgb(var(--gray-50) / var(--tw-border-opacity));
}
.dark\:border-gray-700:is([data-theme="dark"] *){
  --tw-border-opacity: 1;
  border-color: rgb(var(--gray-700) / var(--tw-border-opacity));
}
.dark\:border-green\/70:is([data-theme="dark"] *){
  border-color: rgb(var(--green-default) / 0.7);
}
.dark\:border-muted:is([data-theme="dark"] *){
  --tw-border-opacity: 1;
  border-color: rgb(var(--muted) / var(--tw-border-opacity));
}
.dark\:border-muted\/20:is([data-theme="dark"] *){
  border-color: rgb(var(--muted) / 0.2);
}
.dark\:border-orange\/70:is([data-theme="dark"] *){
  border-color: rgb(var(--orange-default) / 0.7);
}
.dark\:border-red\/70:is([data-theme="dark"] *){
  border-color: rgb(var(--red-default) / 0.7);
}
.dark\:bg-\[\#05361e\]:is([data-theme="dark"] *){
  --tw-bg-opacity: 1;
  background-color: rgb(5 54 30 / var(--tw-bg-opacity));
}
.dark\:bg-\[\#07274e\]:is([data-theme="dark"] *){
  --tw-bg-opacity: 1;
  background-color: rgb(7 39 78 / var(--tw-bg-opacity));
}
.dark\:bg-\[\#33095e\]:is([data-theme="dark"] *){
  --tw-bg-opacity: 1;
  background-color: rgb(51 9 94 / var(--tw-bg-opacity));
}
.dark\:bg-gray-0:is([data-theme="dark"] *){
  --tw-bg-opacity: 1;
  background-color: rgb(var(--gray-0) / var(--tw-bg-opacity));
}
.dark\:bg-gray-0\/20:is([data-theme="dark"] *){
  background-color: rgb(var(--gray-0) / 0.2);
}
.dark\:bg-gray-100:is([data-theme="dark"] *){
  --tw-bg-opacity: 1;
  background-color: rgb(var(--gray-100) / var(--tw-bg-opacity));
}
.dark\:bg-gray-100\/0:is([data-theme="dark"] *){
  background-color: rgb(var(--gray-100) / 0);
}
.dark\:bg-gray-100\/30:is([data-theme="dark"] *){
  background-color: rgb(var(--gray-100) / 0.3);
}
.dark\:bg-gray-100\/5:is([data-theme="dark"] *){
  background-color: rgb(var(--gray-100) / 0.05);
}
.dark\:bg-gray-100\/50:is([data-theme="dark"] *){
  background-color: rgb(var(--gray-100) / 0.5);
}
.dark\:bg-gray-100\/70:is([data-theme="dark"] *){
  background-color: rgb(var(--gray-100) / 0.7);
}
.dark\:bg-gray-100\/90:is([data-theme="dark"] *){
  background-color: rgb(var(--gray-100) / 0.9);
}
.dark\:bg-gray-200:is([data-theme="dark"] *){
  --tw-bg-opacity: 1;
  background-color: rgb(var(--gray-200) / var(--tw-bg-opacity));
}
.dark\:bg-gray-200\/60:is([data-theme="dark"] *){
  background-color: rgb(var(--gray-200) / 0.6);
}
.dark\:bg-gray-200\/70:is([data-theme="dark"] *){
  background-color: rgb(var(--gray-200) / 0.7);
}
.dark\:bg-gray-300:is([data-theme="dark"] *){
  --tw-bg-opacity: 1;
  background-color: rgb(var(--gray-300) / var(--tw-bg-opacity));
}
.dark\:bg-gray-50:is([data-theme="dark"] *){
  --tw-bg-opacity: 1;
  background-color: rgb(var(--gray-50) / var(--tw-bg-opacity));
}
.dark\:bg-gray-50\/50:is([data-theme="dark"] *){
  background-color: rgb(var(--gray-50) / 0.5);
}
.dark\:bg-gray-600:is([data-theme="dark"] *){
  --tw-bg-opacity: 1;
  background-color: rgb(var(--gray-600) / var(--tw-bg-opacity));
}
.dark\:bg-gray-800:is([data-theme="dark"] *){
  --tw-bg-opacity: 1;
  background-color: rgb(var(--gray-800) / var(--tw-bg-opacity));
}
.dark\:bg-gray-900:is([data-theme="dark"] *){
  --tw-bg-opacity: 1;
  background-color: rgb(var(--gray-900) / var(--tw-bg-opacity));
}
.dark\:bg-green:is([data-theme="dark"] *){
  --tw-bg-opacity: 1;
  background-color: rgb(var(--green-default) / var(--tw-bg-opacity));
}
.dark\:bg-green-dark\/30:is([data-theme="dark"] *){
  background-color: rgb(var(--green-dark) / 0.3);
}
.dark\:bg-muted-foreground:is([data-theme="dark"] *){
  --tw-bg-opacity: 1;
  background-color: rgb(var(--muted-foreground) / var(--tw-bg-opacity));
}
.dark\:bg-muted\/80:is([data-theme="dark"] *){
  background-color: rgb(var(--muted) / 0.8);
}
.dark\:bg-primary:is([data-theme="dark"] *){
  --tw-bg-opacity: 1;
  background-color: rgb(var(--primary-default) / var(--tw-bg-opacity));
}
.dark\:bg-red:is([data-theme="dark"] *){
  --tw-bg-opacity: 1;
  background-color: rgb(var(--red-default) / var(--tw-bg-opacity));
}
.dark\:bg-red-dark\/30:is([data-theme="dark"] *){
  background-color: rgb(var(--red-dark) / 0.3);
}
.dark\:bg-secondary-dark:is([data-theme="dark"] *){
  --tw-bg-opacity: 1;
  background-color: rgb(var(--secondary-dark) / var(--tw-bg-opacity));
}
.dark\:bg-opacity-20:is([data-theme="dark"] *){
  --tw-bg-opacity: 0.2;
}
.dark\:bg-opacity-40:is([data-theme="dark"] *){
  --tw-bg-opacity: 0.4;
}
.dark\:bg-opacity-80:is([data-theme="dark"] *){
  --tw-bg-opacity: 0.8;
}
.dark\:from-gray-50:is([data-theme="dark"] *){
  --tw-gradient-from: rgb(var(--gray-50) / 1) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(var(--gray-50) / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.dark\:via-gray-50:is([data-theme="dark"] *){
  --tw-gradient-to: rgb(var(--gray-50) / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(var(--gray-50) / 1) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.dark\:via-gray-50\/70:is([data-theme="dark"] *){
  --tw-gradient-to: rgb(var(--gray-50) / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(var(--gray-50) / 0.7) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.dark\:fill-\[\#7c88b2\]:is([data-theme="dark"] *){
  fill: #7c88b2;
}
.dark\:fill-muted\/80:is([data-theme="dark"] *){
  fill: rgb(var(--muted) / 0.8);
}
.dark\:fill-white:is([data-theme="dark"] *){
  fill: #fff;
}
.dark\:stroke-white:is([data-theme="dark"] *){
  stroke: #fff;
}
.dark\:text-gray-0:is([data-theme="dark"] *){
  --tw-text-opacity: 1;
  color: rgb(var(--gray-0) / var(--tw-text-opacity));
}
.dark\:text-gray-100:is([data-theme="dark"] *){
  --tw-text-opacity: 1;
  color: rgb(var(--gray-100) / var(--tw-text-opacity));
}
.dark\:text-gray-1000:is([data-theme="dark"] *){
  --tw-text-opacity: 1;
  color: rgb(var(--gray-1000) / var(--tw-text-opacity));
}
.dark\:text-gray-200:is([data-theme="dark"] *){
  --tw-text-opacity: 1;
  color: rgb(var(--gray-200) / var(--tw-text-opacity));
}
.dark\:text-gray-300:is([data-theme="dark"] *){
  --tw-text-opacity: 1;
  color: rgb(var(--gray-300) / var(--tw-text-opacity));
}
.dark\:text-gray-400:is([data-theme="dark"] *){
  --tw-text-opacity: 1;
  color: rgb(var(--gray-400) / var(--tw-text-opacity));
}
.dark\:text-gray-500:is([data-theme="dark"] *){
  --tw-text-opacity: 1;
  color: rgb(var(--gray-500) / var(--tw-text-opacity));
}
.dark\:text-gray-600:is([data-theme="dark"] *){
  --tw-text-opacity: 1;
  color: rgb(var(--gray-600) / var(--tw-text-opacity));
}
.dark\:text-gray-700:is([data-theme="dark"] *){
  --tw-text-opacity: 1;
  color: rgb(var(--gray-700) / var(--tw-text-opacity));
}
.dark\:text-gray-700\/90:is([data-theme="dark"] *){
  color: rgb(var(--gray-700) / 0.9);
}
.dark\:text-gray-800:is([data-theme="dark"] *){
  --tw-text-opacity: 1;
  color: rgb(var(--gray-800) / var(--tw-text-opacity));
}
.dark\:text-gray-900:is([data-theme="dark"] *){
  --tw-text-opacity: 1;
  color: rgb(var(--gray-900) / var(--tw-text-opacity));
}
.dark\:text-primary:is([data-theme="dark"] *){
  --tw-text-opacity: 1;
  color: rgb(var(--primary-default) / var(--tw-text-opacity));
}
.dark\:text-primary-foreground:is([data-theme="dark"] *){
  --tw-text-opacity: 1;
  color: rgb(var(--primary-foreground) / var(--tw-text-opacity));
}
.dark\:text-primary-lighter:is([data-theme="dark"] *){
  --tw-text-opacity: 1;
  color: rgb(var(--primary-lighter) / var(--tw-text-opacity));
}
.dark\:text-red:is([data-theme="dark"] *){
  --tw-text-opacity: 1;
  color: rgb(var(--red-default) / var(--tw-text-opacity));
}
.dark\:text-secondary-lighter:is([data-theme="dark"] *){
  --tw-text-opacity: 1;
  color: rgb(var(--secondary-lighter) / var(--tw-text-opacity));
}
.dark\:text-white:is([data-theme="dark"] *){
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.dark\:text-opacity-90:is([data-theme="dark"] *){
  --tw-text-opacity: 0.9;
}
.dark\:opacity-75:is([data-theme="dark"] *){
  opacity: 0.75;
}
.dark\:opacity-\[0\.2\]:is([data-theme="dark"] *){
  opacity: 0.2;
}
.dark\:ring-offset-gray-100:is([data-theme="dark"] *){
  --tw-ring-offset-color: rgb(var(--gray-100) / 1);
}
.dark\:brightness-95:is([data-theme="dark"] *){
  --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);
}
.dark\:drop-shadow-md:is([data-theme="dark"] *){
  --tw-drop-shadow: drop-shadow(0 4px 3px rgb(0 0 0 / 0.07)) drop-shadow(0 2px 2px rgb(0 0 0 / 0.06));
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.dark\:invert:is([data-theme="dark"] *){
  --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);
}
.dark\:invert-0:is([data-theme="dark"] *){
  --tw-invert: invert(0);
  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);
}
.dark\:backdrop-blur:is([data-theme="dark"] *){
  --tw-backdrop-blur: blur(8px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
          backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.dark\:backdrop-blur-3xl:is([data-theme="dark"] *){
  --tw-backdrop-blur: blur(64px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
          backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.dark\:backdrop-blur-lg:is([data-theme="dark"] *){
  --tw-backdrop-blur: blur(16px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
          backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.dark\:backdrop-blur-md:is([data-theme="dark"] *){
  --tw-backdrop-blur: blur(12px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
          backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.dark\:backdrop-blur-sm:is([data-theme="dark"] *){
  --tw-backdrop-blur: blur(4px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
          backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.dark\:backdrop-blur-xl:is([data-theme="dark"] *){
  --tw-backdrop-blur: blur(24px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
          backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.dark\:fill-opacity-20:is([data-theme="dark"] *) {
    fill-opacity: 0.2;
  }
.dark\:before\:bg-gray-50:is([data-theme="dark"] *)::before{
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(var(--gray-50) / var(--tw-bg-opacity));
}
.dark\:before\:bg-primary:is([data-theme="dark"] *)::before{
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(var(--primary-default) / var(--tw-bg-opacity));
}
.before\:dark\:from-gray-50:is([data-theme="dark"] *)::before{
  content: var(--tw-content);
  --tw-gradient-from: rgb(var(--gray-50) / 1) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(var(--gray-50) / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.dark\:before\:from-\[\#bca981\]:is([data-theme="dark"] *)::before{
  content: var(--tw-content);
  --tw-gradient-from: #bca981 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(188 169 129 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.before\:dark\:to-gray-50\/30:is([data-theme="dark"] *)::before{
  content: var(--tw-content);
  --tw-gradient-to: rgb(var(--gray-50) / 0.3) var(--tw-gradient-to-position);
}
.dark\:before\:to-\[\#cbb4b4\]:is([data-theme="dark"] *)::before{
  content: var(--tw-content);
  --tw-gradient-to: #cbb4b4 var(--tw-gradient-to-position);
}
.dark\:after\:bg-gray-900:is([data-theme="dark"] *)::after{
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(var(--gray-900) / var(--tw-bg-opacity));
}
.dark\:after\:bg-skeleton-dark:is([data-theme="dark"] *)::after{
  content: var(--tw-content);
  background-image: linear-gradient(90deg,transparent,rgba(255,255,255,0.1),transparent);
}
.dark\:checked\:\!bg-transparent:checked:is([data-theme="dark"] *){
  background-color: transparent !important;
}
.dark\:checked\:\!ring-primary:checked:is([data-theme="dark"] *){
  --tw-ring-opacity: 1 !important;
  --tw-ring-color: rgb(var(--primary-default) / var(--tw-ring-opacity)) !important;
}
.dark\:hover\:border-gray-700:hover:is([data-theme="dark"] *){
  --tw-border-opacity: 1;
  border-color: rgb(var(--gray-700) / var(--tw-border-opacity));
}
.dark\:hover\:border-primary:hover:is([data-theme="dark"] *){
  --tw-border-opacity: 1;
  border-color: rgb(var(--primary-default) / var(--tw-border-opacity));
}
.dark\:hover\:\!bg-gray-100:hover:is([data-theme="dark"] *){
  --tw-bg-opacity: 1 !important;
  background-color: rgb(var(--gray-100) / var(--tw-bg-opacity)) !important;
}
.dark\:hover\:bg-gray-200:hover:is([data-theme="dark"] *){
  --tw-bg-opacity: 1;
  background-color: rgb(var(--gray-200) / var(--tw-bg-opacity));
}
.dark\:hover\:bg-gray-300:hover:is([data-theme="dark"] *){
  --tw-bg-opacity: 1;
  background-color: rgb(var(--gray-300) / var(--tw-bg-opacity));
}
.dark\:hover\:bg-gray-50:hover:is([data-theme="dark"] *){
  --tw-bg-opacity: 1;
  background-color: rgb(var(--gray-50) / var(--tw-bg-opacity));
}
.dark\:hover\:bg-gray-50\/50:hover:is([data-theme="dark"] *){
  background-color: rgb(var(--gray-50) / 0.5);
}
.dark\:hover\:bg-gray-800:hover:is([data-theme="dark"] *){
  --tw-bg-opacity: 1;
  background-color: rgb(var(--gray-800) / var(--tw-bg-opacity));
}
.dark\:hover\:bg-gray-900:hover:is([data-theme="dark"] *){
  --tw-bg-opacity: 1;
  background-color: rgb(var(--gray-900) / var(--tw-bg-opacity));
}
.dark\:hover\:bg-muted\/70:hover:is([data-theme="dark"] *){
  background-color: rgb(var(--muted) / 0.7);
}
.dark\:hover\:bg-primary\/90:hover:is([data-theme="dark"] *){
  background-color: rgb(var(--primary-default) / 0.9);
}
.dark\:hover\:bg-red\/80:hover:is([data-theme="dark"] *){
  background-color: rgb(var(--red-default) / 0.8);
}
.dark\:hover\:bg-secondary\/80:hover:is([data-theme="dark"] *){
  background-color: rgb(var(--secondary-default) / 0.8);
}
.hover\:dark\:bg-gray-200:is([data-theme="dark"] *):hover{
  --tw-bg-opacity: 1;
  background-color: rgb(var(--gray-200) / var(--tw-bg-opacity));
}
.hover\:dark\:bg-gray-50\/50:is([data-theme="dark"] *):hover{
  background-color: rgb(var(--gray-50) / 0.5);
}
.dark\:hover\:text-gray-0:hover:is([data-theme="dark"] *){
  --tw-text-opacity: 1;
  color: rgb(var(--gray-0) / var(--tw-text-opacity));
}
.dark\:hover\:text-gray-1000:hover:is([data-theme="dark"] *){
  --tw-text-opacity: 1;
  color: rgb(var(--gray-1000) / var(--tw-text-opacity));
}
.dark\:hover\:text-gray-700:hover:is([data-theme="dark"] *){
  --tw-text-opacity: 1;
  color: rgb(var(--gray-700) / var(--tw-text-opacity));
}
.dark\:hover\:text-gray-900:hover:is([data-theme="dark"] *){
  --tw-text-opacity: 1;
  color: rgb(var(--gray-900) / var(--tw-text-opacity));
}
.dark\:hover\:backdrop-blur-lg:hover:is([data-theme="dark"] *){
  --tw-backdrop-blur: blur(16px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
          backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.dark\:active\:bg-gray-100:active:is([data-theme="dark"] *){
  --tw-bg-opacity: 1;
  background-color: rgb(var(--gray-100) / var(--tw-bg-opacity));
}
.group:hover .dark\:group-hover\:bg-gray-100:is([data-theme="dark"] *){
  --tw-bg-opacity: 1;
  background-color: rgb(var(--gray-100) / var(--tw-bg-opacity));
}
.group:hover .dark\:group-hover\:text-gray-200:is([data-theme="dark"] *){
  --tw-text-opacity: 1;
  color: rgb(var(--gray-200) / var(--tw-text-opacity));
}
.group:hover .dark\:group-hover\:text-gray-500:is([data-theme="dark"] *){
  --tw-text-opacity: 1;
  color: rgb(var(--gray-500) / var(--tw-text-opacity));
}
.group:hover .dark\:group-hover\:text-gray-700:is([data-theme="dark"] *){
  --tw-text-opacity: 1;
  color: rgb(var(--gray-700) / var(--tw-text-opacity));
}
.data-\[hover\=true\]\:dark\:bg-gray-200:is([data-theme="dark"] *)[data-hover=true]{
  --tw-bg-opacity: 1;
  background-color: rgb(var(--gray-200) / var(--tw-bg-opacity));
}
@media (min-width: 480px){

  .xs\:-mt-2{
    margin-top: -0.5rem;
  }

  .xs\:mt-6{
    margin-top: 1.5rem;
  }

  .xs\:inline-block{
    display: inline-block;
  }

  .xs\:max-w-\[160px\]{
    max-width: 160px;
  }

  .xs\:max-w-\[370px\]{
    max-width: 370px;
  }

  .xs\:flex-row{
    flex-direction: row;
  }

  .xs\:items-center{
    align-items: center;
  }

  .xs\:gap-3{
    gap: 0.75rem;
  }
}
@media (min-width: 640px){

  .sm\:top-\[70px\]{
    top: 70px;
  }

  .sm\:top-\[72px\]{
    top: 72px;
  }

  .sm\:-mt-2{
    margin-top: -0.5rem;
  }

  .sm\:mb-3{
    margin-bottom: 0.75rem;
  }

  .sm\:mb-6{
    margin-bottom: 1.5rem;
  }

  .sm\:me-4{
    margin-inline-end: 1rem;
  }

  .sm\:mt-7{
    margin-top: 1.75rem;
  }

  .sm\:block{
    display: block;
  }

  .sm\:inline-block{
    display: inline-block;
  }

  .sm\:flex{
    display: flex;
  }

  .sm\:inline-flex{
    display: inline-flex;
  }

  .sm\:hidden{
    display: none;
  }

  .sm\:\!h-10{
    height: 2.5rem !important;
  }

  .sm\:\!h-8{
    height: 2rem !important;
  }

  .sm\:\!w-10{
    width: 2.5rem !important;
  }

  .sm\:\!w-8{
    width: 2rem !important;
  }

  .sm\:w-10{
    width: 2.5rem;
  }

  .sm\:w-56{
    width: 14rem;
  }

  .sm\:w-\[360px\]{
    width: 360px;
  }

  .sm\:w-\[unset\]{
    width: unset;
  }

  .sm\:w-auto{
    width: auto;
  }

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

  .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-\[repeat\(auto-fit\2c _minmax\(140px\2c _1fr\)\)\]{
    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
  }

  .sm\:flex-col{
    flex-direction: column;
  }

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

  .sm\:justify-between{
    justify-content: space-between;
  }

  .sm\:p-5{
    padding: 1.25rem;
  }

  .sm\:p-6{
    padding: 1.5rem;
  }

  .sm\:pl-0{
    padding-left: 0px;
  }

  .sm\:pt-7{
    padding-top: 1.75rem;
  }

  .sm\:pt-\[86px\]{
    padding-top: 86px;
  }

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

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

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

  .sm\:text-sm{
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
}
@media (min-width: 768px){

  .md\:top-\[71px\]{
    top: 71px;
  }

  .md\:top-\[73px\]{
    top: 73px;
  }

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

  .md\:mb-5{
    margin-bottom: 1.25rem;
  }

  .md\:mb-8{
    margin-bottom: 2rem;
  }

  .md\:ms-3{
    margin-inline-start: 0.75rem;
  }

  .md\:ms-auto{
    margin-inline-start: auto;
  }

  .md\:mt-10{
    margin-top: 2.5rem;
  }

  .md\:block{
    display: block;
  }

  .md\:inline-block{
    display: inline-block;
  }

  .md\:inline-flex{
    display: inline-flex;
  }

  .md\:h-10{
    height: 2.5rem;
  }

  .md\:h-5{
    height: 1.25rem;
  }

  .md\:h-6{
    height: 1.5rem;
  }

  .md\:h-9{
    height: 2.25rem;
  }

  .md\:h-auto{
    height: auto;
  }

  .md\:w-5{
    width: 1.25rem;
  }

  .md\:w-6{
    width: 1.5rem;
  }

  .md\:w-9{
    width: 2.25rem;
  }

  .md\:w-auto{
    width: auto;
  }

  .md\:max-w-lg{
    max-width: 32rem;
  }

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

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

  .md\:flex-row{
    flex-direction: row;
  }

  .md\:flex-nowrap{
    flex-wrap: nowrap;
  }

  .md\:gap-4{
    gap: 1rem;
  }

  .md\:gap-5{
    gap: 1.25rem;
  }

  .md\:gap-6{
    gap: 1.5rem;
  }

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

  .md\:p-5{
    padding: 1.25rem;
  }

  .md\:px-4{
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .md\:px-5{
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .md\:px-7{
    padding-left: 1.75rem;
    padding-right: 1.75rem;
  }

  .md\:py-2{
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }

  .md\:py-2\.5{
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
  }

  .md\:pb-9{
    padding-bottom: 2.25rem;
  }

  .md\:pl-0{
    padding-left: 0px;
  }

  .md\:ps-10{
    padding-inline-start: 2.5rem;
  }

  .md\:pt-7{
    padding-top: 1.75rem;
  }

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

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

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

  .md\:\!leading-loose{
    line-height: 2 !important;
  }

  .md\:\!leading-normal{
    line-height: 1.5 !important;
  }

  .md\:leading-snug{
    line-height: 1.375;
  }
}
@media (min-width: 1024px){

  .lg\:-bottom-\[22px\]{
    bottom: -22px;
  }

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

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

  .lg\:-mx-6{
    margin-left: -1.5rem;
    margin-right: -1.5rem;
  }

  .lg\:-mx-8{
    margin-left: -2rem;
    margin-right: -2rem;
  }

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

  .lg\:-mt-5{
    margin-top: -1.25rem;
  }

  .lg\:mb-10{
    margin-bottom: 2.5rem;
  }

  .lg\:mb-12{
    margin-bottom: 3rem;
  }

  .lg\:mb-7{
    margin-bottom: 1.75rem;
  }

  .lg\:mb-9{
    margin-bottom: 2.25rem;
  }

  .lg\:me-5{
    margin-inline-end: 1.25rem;
  }

  .lg\:mt-0{
    margin-top: 0px;
  }

  .lg\:mt-6{
    margin-top: 1.5rem;
  }

  .lg\:mt-7{
    margin-top: 1.75rem;
  }

  .lg\:flex{
    display: flex;
  }

  .lg\:hidden{
    display: none;
  }

  .lg\:h-12{
    height: 3rem;
  }

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

  .lg\:w-12{
    width: 3rem;
  }

  .lg\:w-\[320px\]{
    width: 320px;
  }

  .lg\:max-w-xl{
    max-width: 36rem;
  }

  .lg\:flex-row{
    flex-direction: row;
  }

  .lg\:gap-5{
    gap: 1.25rem;
  }

  .lg\:gap-6{
    gap: 1.5rem;
  }

  .lg\:gap-7{
    gap: 1.75rem;
  }

  .lg\:gap-8{
    gap: 2rem;
  }

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

  .lg\:rounded-md{
    border-radius: 0.375rem;
  }

  .lg\:bg-primary{
    --tw-bg-opacity: 1;
    background-color: rgb(var(--primary-default) / var(--tw-bg-opacity));
  }

  .lg\:p-6{
    padding: 1.5rem;
  }

  .lg\:p-7{
    padding: 1.75rem;
  }

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

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

  .lg\:px-16{
    padding-left: 4rem;
    padding-right: 4rem;
  }

  .lg\:px-6{
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .lg\:px-8{
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .lg\:py-1{
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
  }

  .lg\:py-6{
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }

  .lg\:py-8{
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .lg\:pb-0{
    padding-bottom: 0px;
  }

  .lg\:pb-8{
    padding-bottom: 2rem;
  }

  .lg\:pb-9{
    padding-bottom: 2.25rem;
  }

  .lg\:pl-3{
    padding-left: 0.75rem;
  }

  .lg\:pt-0{
    padding-top: 0px;
  }

  .lg\:text-start{
    text-align: start;
  }

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

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

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

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

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

  .lg\:text-xs{
    font-size: 0.75rem;
    line-height: 1rem;
  }

  .lg\:font-semibold{
    font-weight: 600;
  }

  .lg\:leading-loose{
    line-height: 2;
  }

  .lg\:text-primary-foreground{
    --tw-text-opacity: 1;
    color: rgb(var(--primary-foreground) / var(--tw-text-opacity));
  }

  .lg\:backdrop-blur-none{
    --tw-backdrop-blur: blur(0);
    -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
            backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  }

  .lg\:last-of-type\:mb-2:last-of-type{
    margin-bottom: 0.5rem;
  }
}
@media (min-width: 1280px){

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

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

  .xl\:-mx-6{
    margin-left: -1.5rem;
    margin-right: -1.5rem;
  }

  .xl\:\!mt-2{
    margin-top: 0.5rem !important;
  }

  .xl\:-ms-1{
    margin-inline-start: -0.25rem;
  }

  .xl\:-ms-1\.5{
    margin-inline-start: -0.375rem;
  }

  .xl\:mb-10{
    margin-bottom: 2.5rem;
  }

  .xl\:mb-6{
    margin-bottom: 1.5rem;
  }

  .xl\:mb-7{
    margin-bottom: 1.75rem;
  }

  .xl\:ms-2{
    margin-inline-start: 0.5rem;
  }

  .xl\:ms-4{
    margin-inline-start: 1rem;
  }

  .xl\:ms-\[270px\]{
    margin-inline-start: 270px;
  }

  .xl\:ms-\[88px\]{
    margin-inline-start: 88px;
  }

  .xl\:mt-10{
    margin-top: 2.5rem;
  }

  .xl\:mt-12{
    margin-top: 3rem;
  }

  .xl\:mt-4{
    margin-top: 1rem;
  }

  .xl\:block{
    display: block;
  }

  .xl\:inline-block{
    display: inline-block;
  }

  .xl\:inline{
    display: inline;
  }

  .xl\:flex{
    display: flex;
  }

  .xl\:inline-flex{
    display: inline-flex;
  }

  .xl\:hidden{
    display: none;
  }

  .xl\:h-10{
    height: 2.5rem;
  }

  .xl\:h-14{
    height: 3.5rem;
  }

  .xl\:h-5{
    height: 1.25rem;
  }

  .xl\:w-\[500px\]{
    width: 500px;
  }

  .xl\:w-\[calc\(100\%-270px\)\]{
    width: calc(100% - 270px);
  }

  .xl\:w-\[calc\(100\%_-_190px\)\]{
    width: calc(100% - 190px);
  }

  .xl\:w-auto{
    width: auto;
  }

  .xl\:w-full{
    width: 100%;
  }

  .xl\:max-w-\[580px\]{
    max-width: 580px;
  }

  .xl\:max-w-sm{
    max-width: 24rem;
  }

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

  .xl\:justify-normal{
    justify-content: normal;
  }

  .xl\:gap-4{
    gap: 1rem;
  }

  .xl\:gap-5{
    gap: 1.25rem;
  }

  .xl\:gap-7{
    gap: 1.75rem;
  }

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

  .xl\:rounded-lg{
    border-radius: 0.5rem;
  }

  .xl\:border{
    border-width: 1px;
  }

  .xl\:border-0{
    border-width: 0px;
  }

  .xl\:border-gray-300\/40{
    border-color: rgb(var(--gray-300) / 0.4);
  }

  .xl\:border-muted{
    --tw-border-opacity: 1;
    border-color: rgb(var(--muted) / var(--tw-border-opacity));
  }

  .xl\:p-0{
    padding: 0px;
  }

  .xl\:p-5{
    padding: 1.25rem;
  }

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

  .xl\:px-10{
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }

  .xl\:px-3{
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }

  .xl\:px-3\.5{
    padding-left: 0.875rem;
    padding-right: 0.875rem;
  }

  .xl\:px-6{
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .xl\:py-2{
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }

  .xl\:py-2\.5{
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
  }

  .xl\:py-8{
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .xl\:pb-7{
    padding-bottom: 1.75rem;
  }

  .xl\:pe-2{
    padding-inline-end: 0.5rem;
  }

  .xl\:pe-8{
    padding-inline-end: 2rem;
  }

  .xl\:pl-3{
    padding-left: 0.75rem;
  }

  .xl\:pl-4{
    padding-left: 1rem;
  }

  .xl\:ps-3{
    padding-inline-start: 0.75rem;
  }

  .xl\:ps-3\.5{
    padding-inline-start: 0.875rem;
  }

  .xl\:ps-\[110px\]{
    padding-inline-start: 110px;
  }

  .xl\:ps-\[414px\]{
    padding-inline-start: 414px;
  }

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

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

  .xl\:leading-loose{
    line-height: 2;
  }

  .xl\:leading-normal{
    line-height: 1.5;
  }

  .xl\:shadow-none{
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

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

  .xl\:outline-gray-700{
    outline-color: rgb(var(--gray-700) / 1);
  }

  .xl\:backdrop-blur-md{
    --tw-backdrop-blur: blur(12px);
    -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
            backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  }

  .xl\:backdrop-blur-none{
    --tw-backdrop-blur: blur(0);
    -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
            backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  }

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

  .xl\:duration-200{
    transition-duration: 200ms;
  }

  .xl\:before\:w-\[calc\(100\%_\+_10px\)\]::before{
    content: var(--tw-content);
    width: calc(100% + 10px);
  }

  .xl\:hover\:border-0:hover{
    border-width: 0px;
  }

  .xl\:hover\:border-gray-200:hover{
    --tw-border-opacity: 1;
    border-color: rgb(var(--gray-200) / var(--tw-border-opacity));
  }

  .xl\:hover\:border-gray-900:hover{
    --tw-border-opacity: 1;
    border-color: rgb(var(--gray-900) / var(--tw-border-opacity));
  }

  .xl\:hover\:outline-double:hover{
    outline-style: double;
  }

  .xl\:hover\:outline-0:hover{
    outline-width: 0px;
  }

  .xl\:hover\:outline-\[0\.5px\]:hover{
    outline-width: 0.5px;
  }

  .xl\:hover\:outline-gray-0:hover{
    outline-color: rgb(var(--gray-0) / 1);
  }

  .xl\:hover\:outline-gray-900:hover{
    outline-color: rgb(var(--gray-900) / 1);
  }

  .xl\:focus\:outline-0:focus{
    outline-width: 0px;
  }

  .xl\:focus-visible\:border-gray-900:focus-visible{
    --tw-border-opacity: 1;
    border-color: rgb(var(--gray-900) / var(--tw-border-opacity));
  }

  .xl\:focus-visible\:outline-double:focus-visible{
    outline-style: double;
  }

  .xl\:focus-visible\:outline-0:focus-visible{
    outline-width: 0px;
  }

  .xl\:focus-visible\:outline-\[0\.5px\]:focus-visible{
    outline-width: 0.5px;
  }

  .xl\:focus-visible\:outline-gray-900:focus-visible{
    outline-color: rgb(var(--gray-900) / 1);
  }

  .dark\:xl\:border-gray-200:is([data-theme="dark"] *){
    --tw-border-opacity: 1;
    border-color: rgb(var(--gray-200) / var(--tw-border-opacity));
  }

  .dark\:xl\:outline-gray-200:is([data-theme="dark"] *){
    outline-color: rgb(var(--gray-200) / 1);
  }

  .dark\:xl\:hover\:border-gray-900:hover:is([data-theme="dark"] *){
    --tw-border-opacity: 1;
    border-color: rgb(var(--gray-900) / var(--tw-border-opacity));
  }

  .dark\:xl\:hover\:outline-gray-900:hover:is([data-theme="dark"] *){
    outline-color: rgb(var(--gray-900) / 1);
  }
}
@media (min-width: 1536px){

  @media (min-width: 1280px){

    .\32xl\:xl\:text-xl{
      font-size: 1.25rem;
      line-height: 1.75rem;
    }
  }

  .\32xl\:-bottom-7{
    bottom: -1.75rem;
  }

  .\32xl\:top-20{
    top: 5rem;
  }

  .\32xl\:top-\[72px\]{
    top: 72px;
  }

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

  .\32xl\:mx-8{
    margin-left: 2rem;
    margin-right: 2rem;
  }

  .\32xl\:my-2{
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
  }

  .\32xl\:-ms-0{
    margin-inline-start: -0px;
  }

  .\32xl\:mb-16{
    margin-bottom: 4rem;
  }

  .\32xl\:mb-7{
    margin-bottom: 1.75rem;
  }

  .\32xl\:me-5{
    margin-inline-end: 1.25rem;
  }

  .\32xl\:ms-72{
    margin-inline-start: 18rem;
  }

  .\32xl\:w-72{
    width: 18rem;
  }

  .\32xl\:w-\[308px\]{
    width: 308px;
  }

  .\32xl\:w-\[330px\]{
    width: 330px;
  }

  .\32xl\:w-\[420px\]{
    width: 420px;
  }

  .\32xl\:w-\[calc\(100\%-288px\)\]{
    width: calc(100% - 288px);
  }

  .\32xl\:w-\[calc\(100\%_-_310px\)\]{
    width: calc(100% - 310px);
  }

  .\32xl\:w-full{
    width: 100%;
  }

  .\32xl\:max-w-\[768px\]{
    max-width: 768px;
  }

  .\32xl\:gap-6{
    gap: 1.5rem;
  }

  .\32xl\:px-24{
    padding-left: 6rem;
    padding-right: 6rem;
  }

  .\32xl\:px-3{
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }

  .\32xl\:px-3\.5{
    padding-left: 0.875rem;
    padding-right: 0.875rem;
  }

  .\32xl\:px-8{
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .\32xl\:py-10{
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }

  .\32xl\:py-5{
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }

  .\32xl\:pb-8{
    padding-bottom: 2rem;
  }

  .\32xl\:pl-6{
    padding-left: 1.5rem;
  }

  .\32xl\:pt-1{
    padding-top: 0.25rem;
  }

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

  .\32xl\:pt-2{
    padding-top: 0.5rem;
  }

  .\32xl\:pt-6{
    padding-top: 1.5rem;
  }

  .\32xl\:pt-8{
    padding-top: 2rem;
  }

  .\32xl\:pt-\[104px\]{
    padding-top: 104px;
  }

  .\32xl\:text-\[20px\]{
    font-size: 20px;
  }

  .\32xl\:text-\[40px\]{
    font-size: 40px;
  }

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

  .\32xl\:before\:-start-2::before{
    content: var(--tw-content);
    inset-inline-start: -0.5rem;
  }

  .\32xl\:before\:-start-2\.5::before{
    content: var(--tw-content);
    inset-inline-start: -0.625rem;
  }

  .\32xl\:before\:-start-5::before{
    content: var(--tw-content);
    inset-inline-start: -1.25rem;
  }

  .\32xl\:before\:start-0::before{
    content: var(--tw-content);
    inset-inline-start: 0px;
  }
}
@media (min-width: 1920px){

  .\33xl\:-mx-8{
    margin-left: -2rem;
    margin-right: -2rem;
  }

  .\33xl\:-mx-\[33px\]{
    margin-left: -33px;
    margin-right: -33px;
  }

  .\33xl\:\!mt-2{
    margin-top: 0.5rem !important;
  }

  .\33xl\:-ms-2{
    margin-inline-start: -0.5rem;
  }

  .\33xl\:mt-6{
    margin-top: 1.5rem;
  }

  .\33xl\:mt-7{
    margin-top: 1.75rem;
  }

  .\33xl\:hidden{
    display: none;
  }

  .\33xl\:h-10{
    height: 2.5rem;
  }

  .\33xl\:h-5{
    height: 1.25rem;
  }

  .\33xl\:h-6{
    height: 1.5rem;
  }

  .\33xl\:w-10{
    width: 2.5rem;
  }

  .\33xl\:w-\[200px\]{
    width: 200px;
  }

  .\33xl\:gap-6{
    gap: 1.5rem;
  }

  .\33xl\:px-8{
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .\33xl\:px-\[33px\]{
    padding-left: 33px;
    padding-right: 33px;
  }

  .\33xl\:pl-6{
    padding-left: 1.5rem;
  }

  .\33xl\:ps-0{
    padding-inline-start: 0px;
  }

  .\33xl\:pt-28{
    padding-top: 7rem;
  }

  .\33xl\:pt-4{
    padding-top: 1rem;
  }

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

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

  .\33xl\:text-\[22px\]{
    font-size: 22px;
  }

  .\33xl\:leading-snug{
    line-height: 1.375;
  }

  .\33xl\:before\:start-\[25px\]::before{
    content: var(--tw-content);
    inset-inline-start: 25px;
  }
}
@media (min-width: 2560px){

  .\34xl\:-mx-10{
    margin-left: -2.5rem;
    margin-right: -2.5rem;
  }

  .\34xl\:-ms-2{
    margin-inline-start: -0.5rem;
  }

  .\34xl\:mt-7{
    margin-top: 1.75rem;
  }

  .\34xl\:px-10{
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }

  .\34xl\:pb-9{
    padding-bottom: 2.25rem;
  }

  .\34xl\:pl-9{
    padding-left: 2.25rem;
  }

  .\34xl\:text-\[26px\]{
    font-size: 26px;
  }
}
.ltr\:before\:-translate-x-1\/2:where([dir="ltr"], [dir="ltr"] *)::before{
  content: var(--tw-content);
  --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));
}
.rtl\:left-auto:where([dir="rtl"], [dir="rtl"] *){
  left: auto;
}
.rtl\:right-0:where([dir="rtl"], [dir="rtl"] *){
  right: 0px;
}
.rtl\:ml-2:where([dir="rtl"], [dir="rtl"] *){
  margin-left: 0.5rem;
}
.rtl\:mr-1:where([dir="rtl"], [dir="rtl"] *){
  margin-right: 0.25rem;
}
.rtl\:mr-2:where([dir="rtl"], [dir="rtl"] *){
  margin-right: 0.5rem;
}
.rtl\:mr-2\.5:where([dir="rtl"], [dir="rtl"] *){
  margin-right: 0.625rem;
}
.rtl\:-translate-x-24:where([dir="rtl"], [dir="rtl"] *){
  --tw-translate-x: -6rem;
  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\:-translate-x-\[2\.5px\]:where([dir="rtl"], [dir="rtl"] *){
  --tw-translate-x: -2.5px;
  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\:-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\:rotate-0:where([dir="rtl"], [dir="rtl"] *){
  --tw-rotate: 0deg;
  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\: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\:rotate-90:where([dir="rtl"], [dir="rtl"] *){
  --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));
}
.rtl\:space-x-0:where([dir="rtl"], [dir="rtl"] *) > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 0;
  margin-right: calc(0px * var(--tw-space-x-reverse));
  margin-left: calc(0px * calc(1 - var(--tw-space-x-reverse)));
}
.rtl\:space-x-reverse:where([dir="rtl"], [dir="rtl"] *) > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 1;
}
.rtl\:text-right:where([dir="rtl"], [dir="rtl"] *){
  text-align: right;
}
.rtl\:before\:translate-x-1\/2:where([dir="rtl"], [dir="rtl"] *)::before{
  content: var(--tw-content);
  --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));
}
.\[\&\.is-focus\]\:\!border-red.is-focus{
  --tw-border-opacity: 1 !important;
  border-color: rgb(var(--red-default) / var(--tw-border-opacity)) !important;
}
.\[\&\.is-focus\]\:border-primary.is-focus{
  --tw-border-opacity: 1;
  border-color: rgb(var(--primary-default) / var(--tw-border-opacity));
}
.\[\&\.is-focus\]\:bg-transparent.is-focus{
  background-color: transparent;
}
.\[\&\.is-focus\]\:ring-2.is-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);
}
.\[\&\.is-focus\]\:ring-\[0\.8px\].is-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(0.8px + 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);
}
.\[\&\.is-focus\]\:ring-\[1\.8px\].is-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(1.8px + 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);
}
.\[\&\.is-focus\]\:ring-primary.is-focus{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(var(--primary-default) / var(--tw-ring-opacity));
}
.\[\&\.is-focus\]\:ring-primary\/30.is-focus{
  --tw-ring-color: rgb(var(--primary-default) / 0.3);
}
.\[\&\.is-hover\]\:\!border-red.is-hover{
  --tw-border-opacity: 1 !important;
  border-color: rgb(var(--red-default) / var(--tw-border-opacity)) !important;
}
.\[\&\.is-hover\]\:border-primary.is-hover{
  --tw-border-opacity: 1;
  border-color: rgb(var(--primary-default) / var(--tw-border-opacity));
}
.\[\&\.rc-rate-disabled\>li\]\:cursor-default.rc-rate-disabled>li{
  cursor: default;
}
.\[\&\.react-datepicker--time-only\>div\]\:w-28.react-datepicker--time-only>div{
  width: 7rem;
}
.\[\&\.react-datepicker--time-only\>div\]\:pr-0.react-datepicker--time-only>div{
  padding-right: 0px;
}
.\[\&\.react-datepicker\>button\>span\]\:top-0.react-datepicker>button>span{
  top: 0px;
}
.\[\&\.react-datepicker\>button\>span\]\:before\:h-\[7px\].react-datepicker>button>span::before{
  content: var(--tw-content);
  height: 7px;
}
.\[\&\.react-datepicker\>button\>span\]\:before\:w-\[7px\].react-datepicker>button>span::before{
  content: var(--tw-content);
  width: 7px;
}
.\[\&\.react-datepicker\>button\>span\]\:before\:border-r-\[1\.5px\].react-datepicker>button>span::before{
  content: var(--tw-content);
  border-right-width: 1.5px;
}
.\[\&\.react-datepicker\>button\>span\]\:before\:border-t-\[1\.5px\].react-datepicker>button>span::before{
  content: var(--tw-content);
  border-top-width: 1.5px;
}
.\[\&\.react-datepicker\>button\>span\]\:before\:border-gray-400.react-datepicker>button>span::before{
  content: var(--tw-content);
  --tw-border-opacity: 1;
  border-color: rgb(var(--gray-400) / var(--tw-border-opacity));
}
.\[\&\.react-datepicker\>button\]\:top-7.react-datepicker>button{
  top: 1.75rem;
}
.\[\&\.react-datepicker\>button\]\:h-\[22px\].react-datepicker>button{
  height: 22px;
}
.\[\&\.react-datepicker\>button\]\:w-\[22px\].react-datepicker>button{
  width: 22px;
}
.\[\&\.react-datepicker\>button\]\:items-baseline.react-datepicker>button{
  align-items: baseline;
}
.\[\&\.react-datepicker\>button\]\:rounded-md.react-datepicker>button{
  border-radius: 0.375rem;
}
.\[\&\.react-datepicker\>button\]\:border.react-datepicker>button{
  border-width: 1px;
}
.\[\&\.react-datepicker\>button\]\:border-solid.react-datepicker>button{
  border-style: solid;
}
.\[\&\.react-datepicker\>button\]\:border-gray-300.react-datepicker>button{
  --tw-border-opacity: 1;
  border-color: rgb(var(--gray-300) / var(--tw-border-opacity));
}
.\[\&\.react-datepicker\>div\]\:pb-3.react-datepicker>div{
  padding-bottom: 0.75rem;
}
.\[\&\.react-datepicker\>div\]\:pt-5.react-datepicker>div{
  padding-top: 1.25rem;
}
.\[\&\.react-datepicker\]\:rounded-md.react-datepicker{
  border-radius: 0.375rem;
}
.\[\&\.react-datepicker\]\:border-gray-100.react-datepicker{
  --tw-border-opacity: 1;
  border-color: rgb(var(--gray-100) / var(--tw-border-opacity));
}
.\[\&\.react-datepicker\]\:shadow-lg.react-datepicker{
  --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);
}
.\[\&\:\:-ms-clear\]\:hidden::-ms-clear{
  display: none;
}
.\[\&\:\:-ms-reveal\]\:hidden::-ms-reveal{
  display: none;
}
.\[\&\:\:-webkit-inner-spin-button\]\:m-0::-webkit-inner-spin-button{
  margin: 0px;
}
.\[\&\:\:-webkit-inner-spin-button\]\:appearance-none::-webkit-inner-spin-button{
  -webkit-appearance: none;
          appearance: none;
}
.\[\&\:\:-webkit-outer-spin-button\]\:m-0::-webkit-outer-spin-button{
  margin: 0px;
}
.\[\&\:\:-webkit-outer-spin-button\]\:appearance-none::-webkit-outer-spin-button{
  -webkit-appearance: none;
          appearance: none;
}
.\[\&\:\:-webkit-scrollbar-thumb\:hover\]\:bg-muted-foreground::-webkit-scrollbar-thumb:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(var(--muted-foreground) / var(--tw-bg-opacity));
}
.\[\&\:\:-webkit-scrollbar-thumb\]\:rounded-\[2px\]::-webkit-scrollbar-thumb{
  border-radius: 2px;
}
.\[\&\:\:-webkit-scrollbar-thumb\]\:rounded-lg::-webkit-scrollbar-thumb{
  border-radius: 0.5rem;
}
.\[\&\:\:-webkit-scrollbar-thumb\]\:bg-muted::-webkit-scrollbar-thumb{
  --tw-bg-opacity: 1;
  background-color: rgb(var(--muted) / var(--tw-bg-opacity));
}
.\[\&\:\:-webkit-scrollbar-track\]\:rounded-\[2px\]::-webkit-scrollbar-track{
  border-radius: 2px;
}
.\[\&\:\:-webkit-scrollbar-track\]\:bg-transparent::-webkit-scrollbar-track{
  background-color: transparent;
}
.\[\&\:\:-webkit-scrollbar-track\]\:shadow-none::-webkit-scrollbar-track{
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.\[\&\:\:-webkit-scrollbar\]\:hidden::-webkit-scrollbar{
  display: none;
}
.\[\&\:\:-webkit-scrollbar\]\:w-2::-webkit-scrollbar{
  width: 0.5rem;
}
.\[\&\:\:-webkit-scrollbar\]\:w-\[5px\]::-webkit-scrollbar{
  width: 5px;
}
.\[\&\:\:-webkit-scrollbar\]\:bg-transparent::-webkit-scrollbar{
  background-color: transparent;
}
.\[\&\:\:-webkit-search-cancel-button\]\:hidden::-webkit-search-cancel-button{
  display: none;
}
.\[\&\:\:file-selector-button\]\:inline-flex::file-selector-button{
  display: inline-flex;
}
.\[\&\:\:file-selector-button\]\:h-11::file-selector-button{
  height: 2.75rem;
}
.\[\&\:\:file-selector-button\]\:h-12::file-selector-button{
  height: 3rem;
}
.\[\&\:\:file-selector-button\]\:h-7::file-selector-button{
  height: 1.75rem;
}
.\[\&\:\:file-selector-button\]\:h-9::file-selector-button{
  height: 2.25rem;
}
.\[\&\:\:file-selector-button\]\:items-center::file-selector-button{
  align-items: center;
}
.\[\&\:\:file-selector-button\]\:justify-center::file-selector-button{
  justify-content: center;
}
.\[\&\:\:file-selector-button\]\:rounded::file-selector-button{
  border-radius: 0.25rem;
}
.\[\&\:\:file-selector-button\]\:rounded-full::file-selector-button{
  border-radius: 9999px;
}
.\[\&\:\:file-selector-button\]\:rounded-md::file-selector-button{
  border-radius: 0.375rem;
}
.\[\&\:\:file-selector-button\]\:rounded-sm::file-selector-button{
  border-radius: 0.125rem;
}
.\[\&\:\:file-selector-button\]\:border-0::file-selector-button{
  border-width: 0px;
}
.\[\&\:\:file-selector-button\]\:bg-muted-foreground::file-selector-button{
  --tw-bg-opacity: 1;
  background-color: rgb(var(--muted-foreground) / var(--tw-bg-opacity));
}
.\[\&\:\:file-selector-button\]\:bg-primary::file-selector-button{
  --tw-bg-opacity: 1;
  background-color: rgb(var(--primary-default) / var(--tw-bg-opacity));
}
.\[\&\:\:file-selector-button\]\:px-2\.5::file-selector-button{
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}
.\[\&\:\:file-selector-button\]\:px-3\.5::file-selector-button{
  padding-left: 0.875rem;
  padding-right: 0.875rem;
}
.\[\&\:\:file-selector-button\]\:px-4::file-selector-button{
  padding-left: 1rem;
  padding-right: 1rem;
}
.\[\&\:\:file-selector-button\]\:px-5::file-selector-button{
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
.\[\&\:\:file-selector-button\]\:font-medium::file-selector-button{
  font-weight: 500;
}
.\[\&\:\:file-selector-button\]\:leading-none::file-selector-button{
  line-height: 1;
}
.\[\&\:\:file-selector-button\]\:text-foreground::file-selector-button{
  --tw-text-opacity: 1;
  color: rgb(var(--foreground) / var(--tw-text-opacity));
}
.\[\&\:\:file-selector-button\]\:text-primary-foreground::file-selector-button{
  --tw-text-opacity: 1;
  color: rgb(var(--primary-foreground) / var(--tw-text-opacity));
}
.\[\&\:\:file-selector-button\]\:focus-visible\:ring-2:focus-visible::file-selector-button{
  --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);
}
.\[\&\:\:file-selector-button\]\:focus-visible\:ring-primary\/30:focus-visible::file-selector-button{
  --tw-ring-color: rgb(var(--primary-default) / 0.3);
}
.\[\&\:\:file-selector-button\]\:focus-visible\:ring-opacity-50:focus-visible::file-selector-button{
  --tw-ring-opacity: 0.5;
}
.\[\&\:\:file-selector-button\]\:hover\:enabled\:bg-primary-dark:enabled:hover::file-selector-button{
  --tw-bg-opacity: 1;
  background-color: rgb(var(--primary-dark) / var(--tw-bg-opacity));
}
.\[\&\:\:file-selector-button\]\:dark\:text-muted:is([data-theme="dark"] *)::file-selector-button{
  --tw-text-opacity: 1;
  color: rgb(var(--muted) / var(--tw-text-opacity));
}
.\[\&\:checked\+span\>\.rizzui-switch-knob\]\:translate-x-\[\.88rem\]:checked+span>.rizzui-switch-knob{
  --tw-translate-x: .88rem;
  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));
}
.\[\&\:checked\+span\>\.rizzui-switch-knob\]\:translate-x-\[1\.14rem\]:checked+span>.rizzui-switch-knob{
  --tw-translate-x: 1.14rem;
  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));
}
.\[\&\:checked\+span\>\.rizzui-switch-knob\]\:translate-x-\[1\.36rem\]:checked+span>.rizzui-switch-knob{
  --tw-translate-x: 1.36rem;
  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));
}
.\[\&\:checked\+span\>\.rizzui-switch-knob\]\:translate-x-\[1\.6rem\]:checked+span>.rizzui-switch-knob{
  --tw-translate-x: 1.6rem;
  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\:\[\&\:checked\+span\>\.rizzui-switch-knob\]\:-translate-x-\[\.88rem\]:checked+span>.rizzui-switch-knob:where([dir="rtl"], [dir="rtl"] *){
  --tw-translate-x: -.88rem;
  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\:\[\&\:checked\+span\>\.rizzui-switch-knob\]\:-translate-x-\[1\.14rem\]:checked+span>.rizzui-switch-knob:where([dir="rtl"], [dir="rtl"] *){
  --tw-translate-x: -1.14rem;
  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\:\[\&\:checked\+span\>\.rizzui-switch-knob\]\:-translate-x-\[1\.36rem\]:checked+span>.rizzui-switch-knob:where([dir="rtl"], [dir="rtl"] *){
  --tw-translate-x: -1.36rem;
  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\:\[\&\:checked\+span\>\.rizzui-switch-knob\]\:-translate-x-\[1\.6rem\]:checked+span>.rizzui-switch-knob:where([dir="rtl"], [dir="rtl"] *){
  --tw-translate-x: -1.6rem;
  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));
}
.\[\&\:checked\:enabled\~span\>\.rizzui-switch-knob\]\:bg-white:checked:enabled~span>.rizzui-switch-knob{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.\[\&\:checked\:enabled\~span\>\.rizzui-switch-knob\]\:text-black:checked:enabled~span>.rizzui-switch-knob{
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}
.\[\&\:checked\:enabled\~span\>\.rizzui-switch-knob\]\:dark\:bg-black:is([data-theme="dark"] *):checked:enabled~span>.rizzui-switch-knob{
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
}
.\[\&\:checked\:enabled\~span\>\.rizzui-switch-knob\]\:dark\:text-white:is([data-theme="dark"] *):checked:enabled~span>.rizzui-switch-knob{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.\[\&\:checked\:enabled\~span_\.rizzui-switch-off-icon\]\:hidden:checked:enabled~span .rizzui-switch-off-icon{
  display: none;
}
.\[\&\:checked\:enabled\~span_\.rizzui-switch-on-icon\]\:opacity-100:checked:enabled~span .rizzui-switch-on-icon{
  opacity: 1;
}
.\[\&\:hover_\.rizzui-switch-knob\]\:\!bg-muted:hover .rizzui-switch-knob{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(var(--muted) / var(--tw-bg-opacity)) !important;
}
.\[\&\:hover_\.rizzui-switch-knob\]\:bg-primary:hover .rizzui-switch-knob{
  --tw-bg-opacity: 1;
  background-color: rgb(var(--primary-default) / var(--tw-bg-opacity));
}
.\[\&\:hover_\.rizzui-switch-knob\]\:\!text-muted-foreground:hover .rizzui-switch-knob{
  --tw-text-opacity: 1 !important;
  color: rgb(var(--muted-foreground) / var(--tw-text-opacity)) !important;
}
.\[\&\:hover_\.rizzui-switch-knob\]\:text-primary-foreground:hover .rizzui-switch-knob{
  --tw-text-opacity: 1;
  color: rgb(var(--primary-foreground) / var(--tw-text-opacity));
}
.\[\&\:not\(\:-moz-placeholder-shown\)\~\.input-clear-btn\]\:visible:not(:-moz-placeholder-shown)~.input-clear-btn{
  visibility: visible;
}
.\[\&\:not\(\:placeholder-shown\)\~\.input-clear-btn\]\:visible:not(:placeholder-shown)~.input-clear-btn{
  visibility: visible;
}
.\[\&\:not\(\:-moz-placeholder-shown\)\~\.input-clear-btn\]\:opacity-100:not(:-moz-placeholder-shown)~.input-clear-btn{
  opacity: 1;
}
.\[\&\:not\(\:placeholder-shown\)\~\.input-clear-btn\]\:opacity-100:not(:placeholder-shown)~.input-clear-btn{
  opacity: 1;
}
.\[\&\:-moz-placeholder-shown\~\.input-clear-btn\]\:invisible:-moz-placeholder-shown~.input-clear-btn{
  visibility: hidden;
}
.\[\&\:placeholder-shown\~\.input-clear-btn\]\:invisible:placeholder-shown~.input-clear-btn{
  visibility: hidden;
}
.\[\&\:-moz-placeholder-shown\~\.input-clear-btn\]\:opacity-0:-moz-placeholder-shown~.input-clear-btn{
  opacity: 0;
}
.\[\&\:placeholder-shown\~\.input-clear-btn\]\:opacity-0:placeholder-shown~.input-clear-btn{
  opacity: 0;
}
.\[\&\>\*\]\:pointer-events-none>*{
  pointer-events: none;
}
.\[\&\>\*\]\:mx-auto>*{
  margin-left: auto;
  margin-right: auto;
}
.\[\&\>\.divider\]\:\!border-muted>.divider{
  --tw-border-opacity: 1 !important;
  border-color: rgb(var(--muted) / var(--tw-border-opacity)) !important;
}
.\[\&\>\.no-entries-message\]\:\!text-center>.no-entries-message{
  text-align: center !important;
}
.\[\&\>\.ql-container_\.ql-editor\]\:min-h-\[100px\]>.ql-container .ql-editor{
  min-height: 100px;
}
.\[\&\>\.rc-pagination-item-active\>a\]\:\!text-primary-foreground>.rc-pagination-item-active>a{
  --tw-text-opacity: 1 !important;
  color: rgb(var(--primary-foreground) / var(--tw-text-opacity)) !important;
}
.\[\&\>\.rc-pagination-item-active\>a\]\:text-blue-dark>.rc-pagination-item-active>a{
  --tw-text-opacity: 1;
  color: rgb(var(--blue-dark) / var(--tw-text-opacity));
}
.\[\&\>\.rc-pagination-item-active\>a\]\:text-green-dark>.rc-pagination-item-active>a{
  --tw-text-opacity: 1;
  color: rgb(var(--green-dark) / var(--tw-text-opacity));
}
.\[\&\>\.rc-pagination-item-active\>a\]\:text-orange-dark>.rc-pagination-item-active>a{
  --tw-text-opacity: 1;
  color: rgb(var(--orange-dark) / var(--tw-text-opacity));
}
.\[\&\>\.rc-pagination-item-active\>a\]\:text-primary-dark>.rc-pagination-item-active>a{
  --tw-text-opacity: 1;
  color: rgb(var(--primary-dark) / var(--tw-text-opacity));
}
.\[\&\>\.rc-pagination-item-active\>a\]\:text-red-dark>.rc-pagination-item-active>a{
  --tw-text-opacity: 1;
  color: rgb(var(--red-dark) / var(--tw-text-opacity));
}
.\[\&\>\.rc-pagination-item-active\>a\]\:text-secondary-dark>.rc-pagination-item-active>a{
  --tw-text-opacity: 1;
  color: rgb(var(--secondary-dark) / var(--tw-text-opacity));
}
.\[\&\>\.rc-pagination-item-active\>a\]\:hover\:text-blue-dark:hover>.rc-pagination-item-active>a{
  --tw-text-opacity: 1;
  color: rgb(var(--blue-dark) / var(--tw-text-opacity));
}
.\[\&\>\.rc-pagination-item-active\>a\]\:hover\:text-green-dark:hover>.rc-pagination-item-active>a{
  --tw-text-opacity: 1;
  color: rgb(var(--green-dark) / var(--tw-text-opacity));
}
.\[\&\>\.rc-pagination-item-active\>a\]\:hover\:text-orange-dark:hover>.rc-pagination-item-active>a{
  --tw-text-opacity: 1;
  color: rgb(var(--orange-dark) / var(--tw-text-opacity));
}
.\[\&\>\.rc-pagination-item-active\>a\]\:hover\:text-primary-dark:hover>.rc-pagination-item-active>a{
  --tw-text-opacity: 1;
  color: rgb(var(--primary-dark) / var(--tw-text-opacity));
}
.\[\&\>\.rc-pagination-item-active\>a\]\:hover\:text-primary-foreground:hover>.rc-pagination-item-active>a{
  --tw-text-opacity: 1;
  color: rgb(var(--primary-foreground) / var(--tw-text-opacity));
}
.\[\&\>\.rc-pagination-item-active\>a\]\:hover\:text-red-dark:hover>.rc-pagination-item-active>a{
  --tw-text-opacity: 1;
  color: rgb(var(--red-dark) / var(--tw-text-opacity));
}
.\[\&\>\.rc-pagination-item-active\>a\]\:hover\:text-secondary-dark:hover>.rc-pagination-item-active>a{
  --tw-text-opacity: 1;
  color: rgb(var(--secondary-dark) / var(--tw-text-opacity));
}
.\[\&\>\.rc-pagination-item-active\>a\]\:focus\:text-blue-dark:focus>.rc-pagination-item-active>a{
  --tw-text-opacity: 1;
  color: rgb(var(--blue-dark) / var(--tw-text-opacity));
}
.\[\&\>\.rc-pagination-item-active\>a\]\:focus\:text-green-dark:focus>.rc-pagination-item-active>a{
  --tw-text-opacity: 1;
  color: rgb(var(--green-dark) / var(--tw-text-opacity));
}
.\[\&\>\.rc-pagination-item-active\>a\]\:focus\:text-orange-dark:focus>.rc-pagination-item-active>a{
  --tw-text-opacity: 1;
  color: rgb(var(--orange-dark) / var(--tw-text-opacity));
}
.\[\&\>\.rc-pagination-item-active\>a\]\:focus\:text-primary-dark:focus>.rc-pagination-item-active>a{
  --tw-text-opacity: 1;
  color: rgb(var(--primary-dark) / var(--tw-text-opacity));
}
.\[\&\>\.rc-pagination-item-active\>a\]\:focus\:text-red-dark:focus>.rc-pagination-item-active>a{
  --tw-text-opacity: 1;
  color: rgb(var(--red-dark) / var(--tw-text-opacity));
}
.\[\&\>\.rc-pagination-item-active\>a\]\:focus\:text-secondary-dark:focus>.rc-pagination-item-active>a{
  --tw-text-opacity: 1;
  color: rgb(var(--secondary-dark) / var(--tw-text-opacity));
}
.\[\&\>\.rc-pagination-item-active\]\:bg-blue>.rc-pagination-item-active{
  --tw-bg-opacity: 1;
  background-color: rgb(var(--blue-default) / var(--tw-bg-opacity));
}
.\[\&\>\.rc-pagination-item-active\]\:bg-blue-lighter>.rc-pagination-item-active{
  --tw-bg-opacity: 1;
  background-color: rgb(var(--blue-lighter) / var(--tw-bg-opacity));
}
.\[\&\>\.rc-pagination-item-active\]\:bg-green>.rc-pagination-item-active{
  --tw-bg-opacity: 1;
  background-color: rgb(var(--green-default) / var(--tw-bg-opacity));
}
.\[\&\>\.rc-pagination-item-active\]\:bg-green-lighter>.rc-pagination-item-active{
  --tw-bg-opacity: 1;
  background-color: rgb(var(--green-lighter) / var(--tw-bg-opacity));
}
.\[\&\>\.rc-pagination-item-active\]\:bg-orange>.rc-pagination-item-active{
  --tw-bg-opacity: 1;
  background-color: rgb(var(--orange-default) / var(--tw-bg-opacity));
}
.\[\&\>\.rc-pagination-item-active\]\:bg-orange-lighter>.rc-pagination-item-active{
  --tw-bg-opacity: 1;
  background-color: rgb(var(--orange-lighter) / var(--tw-bg-opacity));
}
.\[\&\>\.rc-pagination-item-active\]\:bg-primary>.rc-pagination-item-active{
  --tw-bg-opacity: 1;
  background-color: rgb(var(--primary-default) / var(--tw-bg-opacity));
}
.\[\&\>\.rc-pagination-item-active\]\:bg-primary-lighter>.rc-pagination-item-active{
  --tw-bg-opacity: 1;
  background-color: rgb(var(--primary-lighter) / var(--tw-bg-opacity));
}
.\[\&\>\.rc-pagination-item-active\]\:bg-red>.rc-pagination-item-active{
  --tw-bg-opacity: 1;
  background-color: rgb(var(--red-default) / var(--tw-bg-opacity));
}
.\[\&\>\.rc-pagination-item-active\]\:bg-red-lighter>.rc-pagination-item-active{
  --tw-bg-opacity: 1;
  background-color: rgb(var(--red-lighter) / var(--tw-bg-opacity));
}
.\[\&\>\.rc-pagination-item-active\]\:bg-secondary>.rc-pagination-item-active{
  --tw-bg-opacity: 1;
  background-color: rgb(var(--secondary-default) / var(--tw-bg-opacity));
}
.\[\&\>\.rc-pagination-item-active\]\:bg-secondary-lighter>.rc-pagination-item-active{
  --tw-bg-opacity: 1;
  background-color: rgb(var(--secondary-lighter) / var(--tw-bg-opacity));
}
.\[\&\>\.rc-pagination-item-active\]\:hover\:border-blue:hover>.rc-pagination-item-active{
  --tw-border-opacity: 1;
  border-color: rgb(var(--blue-default) / var(--tw-border-opacity));
}
.\[\&\>\.rc-pagination-item-active\]\:hover\:border-blue-lighter:hover>.rc-pagination-item-active{
  --tw-border-opacity: 1;
  border-color: rgb(var(--blue-lighter) / var(--tw-border-opacity));
}
.\[\&\>\.rc-pagination-item-active\]\:hover\:border-green:hover>.rc-pagination-item-active{
  --tw-border-opacity: 1;
  border-color: rgb(var(--green-default) / var(--tw-border-opacity));
}
.\[\&\>\.rc-pagination-item-active\]\:hover\:border-green-lighter:hover>.rc-pagination-item-active{
  --tw-border-opacity: 1;
  border-color: rgb(var(--green-lighter) / var(--tw-border-opacity));
}
.\[\&\>\.rc-pagination-item-active\]\:hover\:border-orange:hover>.rc-pagination-item-active{
  --tw-border-opacity: 1;
  border-color: rgb(var(--orange-default) / var(--tw-border-opacity));
}
.\[\&\>\.rc-pagination-item-active\]\:hover\:border-orange-lighter:hover>.rc-pagination-item-active{
  --tw-border-opacity: 1;
  border-color: rgb(var(--orange-lighter) / var(--tw-border-opacity));
}
.\[\&\>\.rc-pagination-item-active\]\:hover\:border-primary:hover>.rc-pagination-item-active{
  --tw-border-opacity: 1;
  border-color: rgb(var(--primary-default) / var(--tw-border-opacity));
}
.\[\&\>\.rc-pagination-item-active\]\:hover\:border-primary-lighter:hover>.rc-pagination-item-active{
  --tw-border-opacity: 1;
  border-color: rgb(var(--primary-lighter) / var(--tw-border-opacity));
}
.\[\&\>\.rc-pagination-item-active\]\:hover\:border-red:hover>.rc-pagination-item-active{
  --tw-border-opacity: 1;
  border-color: rgb(var(--red-default) / var(--tw-border-opacity));
}
.\[\&\>\.rc-pagination-item-active\]\:hover\:border-red-lighter:hover>.rc-pagination-item-active{
  --tw-border-opacity: 1;
  border-color: rgb(var(--red-lighter) / var(--tw-border-opacity));
}
.\[\&\>\.rc-pagination-item-active\]\:hover\:border-secondary:hover>.rc-pagination-item-active{
  --tw-border-opacity: 1;
  border-color: rgb(var(--secondary-default) / var(--tw-border-opacity));
}
.\[\&\>\.rc-pagination-item-active\]\:hover\:border-secondary-lighter:hover>.rc-pagination-item-active{
  --tw-border-opacity: 1;
  border-color: rgb(var(--secondary-lighter) / var(--tw-border-opacity));
}
.\[\&\>\.rc-pagination-item-active\]\:focus\:border-blue:focus>.rc-pagination-item-active{
  --tw-border-opacity: 1;
  border-color: rgb(var(--blue-default) / var(--tw-border-opacity));
}
.\[\&\>\.rc-pagination-item-active\]\:focus\:border-blue-lighter:focus>.rc-pagination-item-active{
  --tw-border-opacity: 1;
  border-color: rgb(var(--blue-lighter) / var(--tw-border-opacity));
}
.\[\&\>\.rc-pagination-item-active\]\:focus\:border-green:focus>.rc-pagination-item-active{
  --tw-border-opacity: 1;
  border-color: rgb(var(--green-default) / var(--tw-border-opacity));
}
.\[\&\>\.rc-pagination-item-active\]\:focus\:border-green-lighter:focus>.rc-pagination-item-active{
  --tw-border-opacity: 1;
  border-color: rgb(var(--green-lighter) / var(--tw-border-opacity));
}
.\[\&\>\.rc-pagination-item-active\]\:focus\:border-orange:focus>.rc-pagination-item-active{
  --tw-border-opacity: 1;
  border-color: rgb(var(--orange-default) / var(--tw-border-opacity));
}
.\[\&\>\.rc-pagination-item-active\]\:focus\:border-orange-lighter:focus>.rc-pagination-item-active{
  --tw-border-opacity: 1;
  border-color: rgb(var(--orange-lighter) / var(--tw-border-opacity));
}
.\[\&\>\.rc-pagination-item-active\]\:focus\:border-primary:focus>.rc-pagination-item-active{
  --tw-border-opacity: 1;
  border-color: rgb(var(--primary-default) / var(--tw-border-opacity));
}
.\[\&\>\.rc-pagination-item-active\]\:focus\:border-primary-lighter:focus>.rc-pagination-item-active{
  --tw-border-opacity: 1;
  border-color: rgb(var(--primary-lighter) / var(--tw-border-opacity));
}
.\[\&\>\.rc-pagination-item-active\]\:focus\:border-red:focus>.rc-pagination-item-active{
  --tw-border-opacity: 1;
  border-color: rgb(var(--red-default) / var(--tw-border-opacity));
}
.\[\&\>\.rc-pagination-item-active\]\:focus\:border-red-lighter:focus>.rc-pagination-item-active{
  --tw-border-opacity: 1;
  border-color: rgb(var(--red-lighter) / var(--tw-border-opacity));
}
.\[\&\>\.rc-pagination-item-active\]\:focus\:border-secondary:focus>.rc-pagination-item-active{
  --tw-border-opacity: 1;
  border-color: rgb(var(--secondary-default) / var(--tw-border-opacity));
}
.\[\&\>\.rc-pagination-item-active\]\:focus\:border-secondary-lighter:focus>.rc-pagination-item-active{
  --tw-border-opacity: 1;
  border-color: rgb(var(--secondary-lighter) / var(--tw-border-opacity));
}
.\[\&\>\.rc-pagination-item\:not\(\.rc-pagination-item-active\)\]\:bg-transparent>.rc-pagination-item:not(.rc-pagination-item-active){
  background-color: transparent;
}
.\[\&\>\.rc-pagination-item\>a\]\:font-medium>.rc-pagination-item>a{
  font-weight: 500;
}
.\[\&\>\.rc-pagination-item\>a\]\:text-gray-700>.rc-pagination-item>a{
  --tw-text-opacity: 1;
  color: rgb(var(--gray-700) / var(--tw-text-opacity));
}
.\[\&\>\.rc-pagination-item\>a\]\:hover\:text-gray-900:hover>.rc-pagination-item>a{
  --tw-text-opacity: 1;
  color: rgb(var(--gray-900) / var(--tw-text-opacity));
}
.\[\&\>\.rc-pagination-item\>a\]\:focus\:text-gray-700:focus>.rc-pagination-item>a{
  --tw-text-opacity: 1;
  color: rgb(var(--gray-700) / var(--tw-text-opacity));
}
.\[\&\>\.rc-pagination-item\]\:rounded-full>.rc-pagination-item{
  border-radius: 9999px;
}
.\[\&\>\.rc-pagination-item\]\:rounded-lg>.rc-pagination-item{
  border-radius: 0.5rem;
}
.\[\&\>\.rc-pagination-item\]\:rounded-md>.rc-pagination-item{
  border-radius: 0.375rem;
}
.\[\&\>\.rc-pagination-item\]\:rounded-none>.rc-pagination-item{
  border-radius: 0px;
}
.\[\&\>\.rc-pagination-item\]\:rounded-sm>.rc-pagination-item{
  border-radius: 0.125rem;
}
.\[\&\>\.rc-pagination-item\]\:border-0>.rc-pagination-item{
  border-width: 0px;
}
.\[\&\>\.rc-pagination-item\]\:leading-7>.rc-pagination-item{
  line-height: 1.75rem;
}
.\[\&\>\.rc-pagination-next\]\:align-baseline>.rc-pagination-next{
  vertical-align: baseline;
}
.\[\&\>\.rc-pagination-options\>\.rc-pagination-options-quick-jumper\>input\]\:rounded-full>.rc-pagination-options>.rc-pagination-options-quick-jumper>input{
  border-radius: 9999px;
}
.\[\&\>\.rc-pagination-options\>\.rc-pagination-options-quick-jumper\>input\]\:rounded-lg>.rc-pagination-options>.rc-pagination-options-quick-jumper>input{
  border-radius: 0.5rem;
}
.\[\&\>\.rc-pagination-options\>\.rc-pagination-options-quick-jumper\>input\]\:rounded-md>.rc-pagination-options>.rc-pagination-options-quick-jumper>input{
  border-radius: 0.375rem;
}
.\[\&\>\.rc-pagination-options\>\.rc-pagination-options-quick-jumper\>input\]\:rounded-none>.rc-pagination-options>.rc-pagination-options-quick-jumper>input{
  border-radius: 0px;
}
.\[\&\>\.rc-pagination-options\>\.rc-pagination-options-quick-jumper\>input\]\:rounded-sm>.rc-pagination-options>.rc-pagination-options-quick-jumper>input{
  border-radius: 0.125rem;
}
.\[\&\>\.rc-pagination-options\>\.rc-pagination-options-quick-jumper\>input\]\:border-muted>.rc-pagination-options>.rc-pagination-options-quick-jumper>input{
  --tw-border-opacity: 1;
  border-color: rgb(var(--muted) / var(--tw-border-opacity));
}
.\[\&\>\.rc-pagination-options\>\.rc-pagination-options-quick-jumper\>input\]\:\!py-\[3px\]>.rc-pagination-options>.rc-pagination-options-quick-jumper>input{
  padding-top: 3px !important;
  padding-bottom: 3px !important;
}
.\[\&\>\.rc-pagination-options\>\.rc-pagination-options-quick-jumper\>input\]\:text-sm>.rc-pagination-options>.rc-pagination-options-quick-jumper>input{
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.\[\&\>\.rc-pagination-options\>\.rc-pagination-options-quick-jumper\>input\]\:ring-0>.rc-pagination-options>.rc-pagination-options-quick-jumper>input{
  --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);
}
.\[\&\>\.rc-pagination-options\>\.rc-pagination-options-quick-jumper\]\:text-sm>.rc-pagination-options>.rc-pagination-options-quick-jumper{
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.\[\&\>\.rc-pagination-options\>\.rc-pagination-options-quick-jumper\]\:text-gray-500>.rc-pagination-options>.rc-pagination-options-quick-jumper{
  --tw-text-opacity: 1;
  color: rgb(var(--gray-500) / var(--tw-text-opacity));
}
.\[\&\>\.rc-pagination-prev\]\:align-baseline>.rc-pagination-prev{
  vertical-align: baseline;
}
.\[\&\>\.rc-rate-star-full\>div\]\:text-orange>.rc-rate-star-full>div{
  --tw-text-opacity: 1;
  color: rgb(var(--orange-default) / var(--tw-text-opacity));
}
.\[\&\>\.rc-rate-star-half\>div\>\.rc-rate-star-first\]\:text-orange>.rc-rate-star-half>div>.rc-rate-star-first{
  --tw-text-opacity: 1;
  color: rgb(var(--orange-default) / var(--tw-text-opacity));
}
.\[\&\>\.rc-rate-star\:hover\]\:scale-110>.rc-rate-star:hover{
  --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));
}
.\[\&\>\.rc-slider-handle-dragging\]\:\!border-blue-dark>.rc-slider-handle-dragging{
  --tw-border-opacity: 1 !important;
  border-color: rgb(var(--blue-dark) / var(--tw-border-opacity)) !important;
}
.\[\&\>\.rc-slider-handle-dragging\]\:\!border-gray-1000>.rc-slider-handle-dragging{
  --tw-border-opacity: 1 !important;
  border-color: rgb(var(--gray-1000) / var(--tw-border-opacity)) !important;
}
.\[\&\>\.rc-slider-handle-dragging\]\:\!border-green-dark>.rc-slider-handle-dragging{
  --tw-border-opacity: 1 !important;
  border-color: rgb(var(--green-dark) / var(--tw-border-opacity)) !important;
}
.\[\&\>\.rc-slider-handle-dragging\]\:\!border-orange-dark>.rc-slider-handle-dragging{
  --tw-border-opacity: 1 !important;
  border-color: rgb(var(--orange-dark) / var(--tw-border-opacity)) !important;
}
.\[\&\>\.rc-slider-handle-dragging\]\:\!border-primary-dark>.rc-slider-handle-dragging{
  --tw-border-opacity: 1 !important;
  border-color: rgb(var(--primary-dark) / var(--tw-border-opacity)) !important;
}
.\[\&\>\.rc-slider-handle-dragging\]\:\!border-red-dark>.rc-slider-handle-dragging{
  --tw-border-opacity: 1 !important;
  border-color: rgb(var(--red-dark) / var(--tw-border-opacity)) !important;
}
.\[\&\>\.rc-slider-handle-dragging\]\:\!border-secondary-dark>.rc-slider-handle-dragging{
  --tw-border-opacity: 1 !important;
  border-color: rgb(var(--secondary-dark) / var(--tw-border-opacity)) !important;
}
.\[\&\>\.rc-slider-handle-dragging\]\:\!shadow-none>.rc-slider-handle-dragging{
  --tw-shadow: 0 0 #0000 !important;
  --tw-shadow-colored: 0 0 #0000 !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}
.\[\&\>\.rc-slider-handle-dragging\]\:ring-4>.rc-slider-handle-dragging{
  --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);
}
.\[\&\>\.rc-slider-handle-dragging\]\:ring-gray-400\/60>.rc-slider-handle-dragging{
  --tw-ring-color: rgb(var(--gray-400) / 0.6);
}
.\[\&\>\.rc-slider-handle-dragging\]\:ring-primary\/40>.rc-slider-handle-dragging{
  --tw-ring-color: rgb(var(--primary-default) / 0.4);
}
.\[\&\>\.rc-slider-handle-dragging\]\:ring-red\/40>.rc-slider-handle-dragging{
  --tw-ring-color: rgb(var(--red-default) / 0.4);
}
.\[\&\>\.rc-slider-handle-dragging\]\:ring-secondary\/40>.rc-slider-handle-dragging{
  --tw-ring-color: rgb(var(--secondary-default) / 0.4);
}
.\[\&\>\.rc-slider-handle\]\:-mt-1\.5>.rc-slider-handle{
  margin-top: -0.375rem;
}
.\[\&\>\.rc-slider-handle\]\:h-3>.rc-slider-handle{
  height: 0.75rem;
}
.\[\&\>\.rc-slider-handle\]\:h-4>.rc-slider-handle{
  height: 1rem;
}
.\[\&\>\.rc-slider-handle\]\:h-5>.rc-slider-handle{
  height: 1.25rem;
}
.\[\&\>\.rc-slider-handle\]\:h-6>.rc-slider-handle{
  height: 1.5rem;
}
.\[\&\>\.rc-slider-handle\]\:w-3>.rc-slider-handle{
  width: 0.75rem;
}
.\[\&\>\.rc-slider-handle\]\:w-4>.rc-slider-handle{
  width: 1rem;
}
.\[\&\>\.rc-slider-handle\]\:w-5>.rc-slider-handle{
  width: 1.25rem;
}
.\[\&\>\.rc-slider-handle\]\:w-6>.rc-slider-handle{
  width: 1.5rem;
}
.\[\&\>\.rc-slider-handle\]\:border-4>.rc-slider-handle{
  border-width: 4px;
}
.\[\&\>\.rc-slider-handle\]\:border-\[3px\]>.rc-slider-handle{
  border-width: 3px;
}
.\[\&\>\.rc-slider-handle\]\:border-\[5px\]>.rc-slider-handle{
  border-width: 5px;
}
.\[\&\>\.rc-slider-handle\]\:border-\[6px\]>.rc-slider-handle{
  border-width: 6px;
}
.\[\&\>\.rc-slider-handle\]\:border-blue-dark>.rc-slider-handle{
  --tw-border-opacity: 1;
  border-color: rgb(var(--blue-dark) / var(--tw-border-opacity));
}
.\[\&\>\.rc-slider-handle\]\:border-gray-1000>.rc-slider-handle{
  --tw-border-opacity: 1;
  border-color: rgb(var(--gray-1000) / var(--tw-border-opacity));
}
.\[\&\>\.rc-slider-handle\]\:border-green-dark>.rc-slider-handle{
  --tw-border-opacity: 1;
  border-color: rgb(var(--green-dark) / var(--tw-border-opacity));
}
.\[\&\>\.rc-slider-handle\]\:border-orange-dark>.rc-slider-handle{
  --tw-border-opacity: 1;
  border-color: rgb(var(--orange-dark) / var(--tw-border-opacity));
}
.\[\&\>\.rc-slider-handle\]\:border-primary-dark>.rc-slider-handle{
  --tw-border-opacity: 1;
  border-color: rgb(var(--primary-dark) / var(--tw-border-opacity));
}
.\[\&\>\.rc-slider-handle\]\:border-red-dark>.rc-slider-handle{
  --tw-border-opacity: 1;
  border-color: rgb(var(--red-dark) / var(--tw-border-opacity));
}
.\[\&\>\.rc-slider-handle\]\:border-secondary-dark>.rc-slider-handle{
  --tw-border-opacity: 1;
  border-color: rgb(var(--secondary-dark) / var(--tw-border-opacity));
}
.\[\&\>\.rc-slider-handle\]\:opacity-100>.rc-slider-handle{
  opacity: 1;
}
.\[\&\>\.rc-slider-handle\]\:hover\:border-blue-dark:hover>.rc-slider-handle{
  --tw-border-opacity: 1;
  border-color: rgb(var(--blue-dark) / var(--tw-border-opacity));
}
.\[\&\>\.rc-slider-handle\]\:hover\:border-gray-1000:hover>.rc-slider-handle{
  --tw-border-opacity: 1;
  border-color: rgb(var(--gray-1000) / var(--tw-border-opacity));
}
.\[\&\>\.rc-slider-handle\]\:hover\:border-green-dark:hover>.rc-slider-handle{
  --tw-border-opacity: 1;
  border-color: rgb(var(--green-dark) / var(--tw-border-opacity));
}
.\[\&\>\.rc-slider-handle\]\:hover\:border-orange-dark:hover>.rc-slider-handle{
  --tw-border-opacity: 1;
  border-color: rgb(var(--orange-dark) / var(--tw-border-opacity));
}
.\[\&\>\.rc-slider-handle\]\:hover\:border-primary-dark:hover>.rc-slider-handle{
  --tw-border-opacity: 1;
  border-color: rgb(var(--primary-dark) / var(--tw-border-opacity));
}
.\[\&\>\.rc-slider-handle\]\:hover\:border-red-dark:hover>.rc-slider-handle{
  --tw-border-opacity: 1;
  border-color: rgb(var(--red-dark) / var(--tw-border-opacity));
}
.\[\&\>\.rc-slider-handle\]\:hover\:border-secondary-dark:hover>.rc-slider-handle{
  --tw-border-opacity: 1;
  border-color: rgb(var(--secondary-dark) / var(--tw-border-opacity));
}
.\[\&\>\.rc-slider-rail\]\:h-0\.5>.rc-slider-rail{
  height: 0.125rem;
}
.\[\&\>\.rc-slider-rail\]\:h-1>.rc-slider-rail{
  height: 0.25rem;
}
.\[\&\>\.rc-slider-rail\]\:h-2>.rc-slider-rail{
  height: 0.5rem;
}
.\[\&\>\.rc-slider-rail\]\:h-3>.rc-slider-rail{
  height: 0.75rem;
}
.\[\&\>\.rc-slider-rail\]\:bg-gray-200>.rc-slider-rail{
  --tw-bg-opacity: 1;
  background-color: rgb(var(--gray-200) / var(--tw-bg-opacity));
}
.\[\&\>\.rc-slider-rail\]\:bg-muted>.rc-slider-rail{
  --tw-bg-opacity: 1;
  background-color: rgb(var(--muted) / var(--tw-bg-opacity));
}
.\[\&\>\.rc-slider-step\>\.rc-slider-dot-active\]\:border-blue-dark>.rc-slider-step>.rc-slider-dot-active{
  --tw-border-opacity: 1;
  border-color: rgb(var(--blue-dark) / var(--tw-border-opacity));
}
.\[\&\>\.rc-slider-step\>\.rc-slider-dot-active\]\:border-gray-1000>.rc-slider-step>.rc-slider-dot-active{
  --tw-border-opacity: 1;
  border-color: rgb(var(--gray-1000) / var(--tw-border-opacity));
}
.\[\&\>\.rc-slider-step\>\.rc-slider-dot-active\]\:border-green-dark>.rc-slider-step>.rc-slider-dot-active{
  --tw-border-opacity: 1;
  border-color: rgb(var(--green-dark) / var(--tw-border-opacity));
}
.\[\&\>\.rc-slider-step\>\.rc-slider-dot-active\]\:border-orange-dark>.rc-slider-step>.rc-slider-dot-active{
  --tw-border-opacity: 1;
  border-color: rgb(var(--orange-dark) / var(--tw-border-opacity));
}
.\[\&\>\.rc-slider-step\>\.rc-slider-dot-active\]\:border-primary-dark>.rc-slider-step>.rc-slider-dot-active{
  --tw-border-opacity: 1;
  border-color: rgb(var(--primary-dark) / var(--tw-border-opacity));
}
.\[\&\>\.rc-slider-step\>\.rc-slider-dot-active\]\:border-red-dark>.rc-slider-step>.rc-slider-dot-active{
  --tw-border-opacity: 1;
  border-color: rgb(var(--red-dark) / var(--tw-border-opacity));
}
.\[\&\>\.rc-slider-step\>\.rc-slider-dot-active\]\:border-secondary-dark>.rc-slider-step>.rc-slider-dot-active{
  --tw-border-opacity: 1;
  border-color: rgb(var(--secondary-dark) / var(--tw-border-opacity));
}
.\[\&\>\.rc-slider-step\]\:hidden>.rc-slider-step{
  display: none;
}
.\[\&\>\.rc-slider-track\]\:h-0\.5>.rc-slider-track{
  height: 0.125rem;
}
.\[\&\>\.rc-slider-track\]\:h-1>.rc-slider-track{
  height: 0.25rem;
}
.\[\&\>\.rc-slider-track\]\:h-2>.rc-slider-track{
  height: 0.5rem;
}
.\[\&\>\.rc-slider-track\]\:h-3>.rc-slider-track{
  height: 0.75rem;
}
.\[\&\>\.rc-slider-track\]\:bg-blue>.rc-slider-track{
  --tw-bg-opacity: 1;
  background-color: rgb(var(--blue-default) / var(--tw-bg-opacity));
}
.\[\&\>\.rc-slider-track\]\:bg-gray-900>.rc-slider-track{
  --tw-bg-opacity: 1;
  background-color: rgb(var(--gray-900) / var(--tw-bg-opacity));
}
.\[\&\>\.rc-slider-track\]\:bg-green>.rc-slider-track{
  --tw-bg-opacity: 1;
  background-color: rgb(var(--green-default) / var(--tw-bg-opacity));
}
.\[\&\>\.rc-slider-track\]\:bg-orange>.rc-slider-track{
  --tw-bg-opacity: 1;
  background-color: rgb(var(--orange-default) / var(--tw-bg-opacity));
}
.\[\&\>\.rc-slider-track\]\:bg-primary>.rc-slider-track{
  --tw-bg-opacity: 1;
  background-color: rgb(var(--primary-default) / var(--tw-bg-opacity));
}
.\[\&\>\.rc-slider-track\]\:bg-red>.rc-slider-track{
  --tw-bg-opacity: 1;
  background-color: rgb(var(--red-default) / var(--tw-bg-opacity));
}
.\[\&\>\.rc-slider-track\]\:bg-secondary>.rc-slider-track{
  --tw-bg-opacity: 1;
  background-color: rgb(var(--secondary-default) / var(--tw-bg-opacity));
}
.\[\&\>\.rizzui-step-description\]\:-translate-x-6>.rizzui-step-description{
  --tw-translate-x: -1.5rem;
  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\:\[\&\>\.rizzui-step-description\]\:translate-x-6>.rizzui-step-description:where([dir="rtl"], [dir="rtl"] *){
  --tw-translate-x: 1.5rem;
  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));
}
.\[\&\>\.rizzui-step-line\]\:left-2>.rizzui-step-line{
  left: 0.5rem;
}
.\[\&\>\.rizzui-step-line\]\:left-2\.5>.rizzui-step-line{
  left: 0.625rem;
}
.\[\&\>\.rizzui-step-line\]\:left-3>.rizzui-step-line{
  left: 0.75rem;
}
.\[\&\>\.rizzui-step-line\]\:left-3\.5>.rizzui-step-line{
  left: 0.875rem;
}
.\[\&\>\.rizzui-step-line\]\:left-4>.rizzui-step-line{
  left: 1rem;
}
.\[\&\>\.rizzui-step-line\]\:left-\[5px\]>.rizzui-step-line{
  left: 5px;
}
.\[\&\>\.rizzui-step-line\]\:hidden>.rizzui-step-line{
  display: none;
}
.\[\&\>\.rizzui-step-line\]\:h-full>.rizzui-step-line{
  height: 100%;
}
.\[\&\>\.rizzui-step-line\]\:w-px>.rizzui-step-line{
  width: 1px;
}
.rtl\:\[\&\>\.rizzui-step-line\]\:right-2>.rizzui-step-line:where([dir="rtl"], [dir="rtl"] *){
  right: 0.5rem;
}
.rtl\:\[\&\>\.rizzui-step-line\]\:right-2\.5>.rizzui-step-line:where([dir="rtl"], [dir="rtl"] *){
  right: 0.625rem;
}
.rtl\:\[\&\>\.rizzui-step-line\]\:right-3>.rizzui-step-line:where([dir="rtl"], [dir="rtl"] *){
  right: 0.75rem;
}
.rtl\:\[\&\>\.rizzui-step-line\]\:right-3\.5>.rizzui-step-line:where([dir="rtl"], [dir="rtl"] *){
  right: 0.875rem;
}
.rtl\:\[\&\>\.rizzui-step-line\]\:right-4>.rizzui-step-line:where([dir="rtl"], [dir="rtl"] *){
  right: 1rem;
}
.rtl\:\[\&\>\.rizzui-step-line\]\:right-\[5px\]>.rizzui-step-line:where([dir="rtl"], [dir="rtl"] *){
  right: 5px;
}
.rtl\:\[\&\>\.rizzui-step-title\>h2\]\:mr-0>.rizzui-step-title>h2:where([dir="rtl"], [dir="rtl"] *){
  margin-right: 0px;
}
.\[\&\>\.rizzui-step-title\>span\]\:hidden>.rizzui-step-title>span{
  display: none;
}
.\[\&\>\.rizzui-step-title\]\:justify-start>.rizzui-step-title{
  justify-content: flex-start;
}
.\[\&\>\.search-box\:focus\]\:\!border-gray-400\/70>.search-box:focus{
  border-color: rgb(var(--gray-400) / 0.7) !important;
}
.\[\&\>\.search-box\:focus\]\:\!ring-0>.search-box:focus{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important;
}
.\[\&\>\.search-box\]\:\!m-0>.search-box{
  margin: 0px !important;
}
.\[\&\>\.search-box\]\:\!h-9>.search-box{
  height: 2.25rem !important;
}
.\[\&\>\.search-box\]\:\!w-full>.search-box{
  width: 100% !important;
}
.\[\&\>\.search-box\]\:\!rounded-md>.search-box{
  border-radius: 0.375rem !important;
}
.\[\&\>\.search-box\]\:\!border-muted>.search-box{
  --tw-border-opacity: 1 !important;
  border-color: rgb(var(--muted) / var(--tw-border-opacity)) !important;
}
.\[\&\>\.search-box\]\:\!bg-transparent>.search-box{
  background-color: transparent !important;
}
.\[\&\>\.search-box\]\:\!px-3>.search-box{
  padding-left: 0.75rem !important;
  padding-right: 0.75rem !important;
}
.\[\&\>\.search-box\]\:\!py-1>.search-box{
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}
.\[\&\>\.search-box\]\:\!text-sm>.search-box{
  font-size: 0.875rem !important;
  line-height: 1.25rem !important;
}
.\[\&\>\.search-box\]\:\!capitalize>.search-box{
  text-transform: capitalize !important;
}
.\[\&\>\.search-box\]\:\!leading-\[36px\]>.search-box{
  line-height: 36px !important;
}
.\[\&\>\.search-box\]\:placeholder\:\!text-gray-500>.search-box::-moz-placeholder{
  --tw-text-opacity: 1 !important;
  color: rgb(var(--gray-500) / var(--tw-text-opacity)) !important;
}
.\[\&\>\.search-box\]\:placeholder\:\!text-gray-500>.search-box::placeholder{
  --tw-text-opacity: 1 !important;
  color: rgb(var(--gray-500) / var(--tw-text-opacity)) !important;
}
.\[\&\>\.selected-flag\.open\]\:\!bg-transparent>.selected-flag.open{
  background-color: transparent !important;
}
.\[\&\>\.selected-flag\:focus\]\:\!bg-transparent>.selected-flag:focus{
  background-color: transparent !important;
}
.\[\&\>\.selected-flag\:hover\]\:\!bg-transparent>.selected-flag:hover{
  background-color: transparent !important;
}
.\[\&\>\.selected-flag\]\:\!absolute>.selected-flag{
  position: absolute !important;
}
.\[\&\>\.selected-flag\]\:\!bottom-\[1px\]>.selected-flag{
  bottom: 1px !important;
}
.\[\&\>\.selected-flag\]\:\!left-\[1px\]>.selected-flag{
  left: 1px !important;
}
.\[\&\>\.selected-flag\]\:\!top-\[1px\]>.selected-flag{
  top: 1px !important;
}
.\[\&\>\.selected-flag\]\:\!h-\[30px\]>.selected-flag{
  height: 30px !important;
}
.\[\&\>\.selected-flag\]\:\!h-\[38px\]>.selected-flag{
  height: 38px !important;
}
.\[\&\>\.selected-flag\]\:\!h-\[46px\]>.selected-flag{
  height: 46px !important;
}
.\[\&\>\.selected-flag\]\:\!h-\[54px\]>.selected-flag{
  height: 54px !important;
}
@media (min-width: 1280px){

  .\[\&\>div\]\:xl\:rounded-none>div{
    border-radius: 0px;
  }
}
.\[\&\>label\>span\]\:font-medium>label>span{
  font-weight: 500;
}
.\[\&\>li\.country\.highlight\]\:\!bg-gray-100>li.country.highlight{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(var(--gray-100) / var(--tw-bg-opacity)) !important;
}
.\[\&\>li\.country\:hover\]\:\!bg-gray-100>li.country:hover{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(var(--gray-100) / var(--tw-bg-opacity)) !important;
}
.\[\&\>li\.rc-pagination-item-active\]\:border-blue>li.rc-pagination-item-active{
  --tw-border-opacity: 1;
  border-color: rgb(var(--blue-default) / var(--tw-border-opacity));
}
.\[\&\>li\.rc-pagination-item-active\]\:border-blue-lighter>li.rc-pagination-item-active{
  --tw-border-opacity: 1;
  border-color: rgb(var(--blue-lighter) / var(--tw-border-opacity));
}
.\[\&\>li\.rc-pagination-item-active\]\:border-green>li.rc-pagination-item-active{
  --tw-border-opacity: 1;
  border-color: rgb(var(--green-default) / var(--tw-border-opacity));
}
.\[\&\>li\.rc-pagination-item-active\]\:border-green-lighter>li.rc-pagination-item-active{
  --tw-border-opacity: 1;
  border-color: rgb(var(--green-lighter) / var(--tw-border-opacity));
}
.\[\&\>li\.rc-pagination-item-active\]\:border-orange>li.rc-pagination-item-active{
  --tw-border-opacity: 1;
  border-color: rgb(var(--orange-default) / var(--tw-border-opacity));
}
.\[\&\>li\.rc-pagination-item-active\]\:border-orange-lighter>li.rc-pagination-item-active{
  --tw-border-opacity: 1;
  border-color: rgb(var(--orange-lighter) / var(--tw-border-opacity));
}
.\[\&\>li\.rc-pagination-item-active\]\:border-primary>li.rc-pagination-item-active{
  --tw-border-opacity: 1;
  border-color: rgb(var(--primary-default) / var(--tw-border-opacity));
}
.\[\&\>li\.rc-pagination-item-active\]\:border-primary-lighter>li.rc-pagination-item-active{
  --tw-border-opacity: 1;
  border-color: rgb(var(--primary-lighter) / var(--tw-border-opacity));
}
.\[\&\>li\.rc-pagination-item-active\]\:border-red>li.rc-pagination-item-active{
  --tw-border-opacity: 1;
  border-color: rgb(var(--red-default) / var(--tw-border-opacity));
}
.\[\&\>li\.rc-pagination-item-active\]\:border-red-lighter>li.rc-pagination-item-active{
  --tw-border-opacity: 1;
  border-color: rgb(var(--red-lighter) / var(--tw-border-opacity));
}
.\[\&\>li\.rc-pagination-item-active\]\:border-secondary>li.rc-pagination-item-active{
  --tw-border-opacity: 1;
  border-color: rgb(var(--secondary-default) / var(--tw-border-opacity));
}
.\[\&\>li\.rc-pagination-item-active\]\:border-secondary-lighter>li.rc-pagination-item-active{
  --tw-border-opacity: 1;
  border-color: rgb(var(--secondary-lighter) / var(--tw-border-opacity));
}
.\[\&\>li\.rc-pagination-item\]\:border-muted>li.rc-pagination-item{
  --tw-border-opacity: 1;
  border-color: rgb(var(--muted) / var(--tw-border-opacity));
}
.\[\&\>li\>div\>\.rc-rate-star-first\]\:absolute>li>div>.rc-rate-star-first{
  position: absolute;
}
.\[\&\>li\>div\>\.rc-rate-star-first\]\:left-0>li>div>.rc-rate-star-first{
  left: 0px;
}
.\[\&\>li\>div\>\.rc-rate-star-first\]\:top-0>li>div>.rc-rate-star-first{
  top: 0px;
}
.\[\&\>li\>div\>\.rc-rate-star-first\]\:h-full>li>div>.rc-rate-star-first{
  height: 100%;
}
.\[\&\>li\>div\>\.rc-rate-star-first\]\:w-1\/2>li>div>.rc-rate-star-first{
  width: 50%;
}
.\[\&\>li\>div\>\.rc-rate-star-first\]\:overflow-hidden>li>div>.rc-rate-star-first{
  overflow: hidden;
}
.rtl\:\[\&\>li\>div\>\.rc-rate-star-first\]\:right-0>li>div>.rc-rate-star-first:where([dir="rtl"], [dir="rtl"] *){
  right: 0px;
}
.\[\&\>li\>div\]\:transition-all>li>div{
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.\[\&\>li\>div\]\:duration-300>li>div{
  transition-duration: 300ms;
}
.\[\&\>li\]\:relative>li{
  position: relative;
}
.\[\&\>li\]\:\!m-0>li{
  margin: 0px !important;
}
.\[\&\>li\]\:mr-0\.5>li{
  margin-right: 0.125rem;
}
.\[\&\>li\]\:inline-block>li{
  display: inline-block;
}
.\[\&\>li\]\:cursor-pointer>li{
  cursor: pointer;
}
.rtl\:\[\&\>li\]\:ml-0\.5>li:where([dir="rtl"], [dir="rtl"] *){
  margin-left: 0.125rem;
}
.\[\&\>path\]\:stroke-muted>path{
  stroke: rgb(var(--muted) / 1);
}
.\[\&\>svg\]\:hidden>svg{
  display: none;
}
.\[\&\>svg\]\:h-\[20px\]>svg{
  height: 20px;
}
.\[\&\>svg\]\:h-\[24px\]>svg{
  height: 24px;
}
.\[\&\>svg\]\:h-auto>svg{
  height: auto;
}
.\[\&\>svg\]\:w-4>svg{
  width: 1rem;
}
.\[\&\>svg\]\:w-5>svg{
  width: 1.25rem;
}
.\[\&\>svg\]\:w-\[20px\]>svg{
  width: 20px;
}
.\[\&\>svg\]\:w-\[24px\]>svg{
  width: 24px;
}
.\[\&\>svg\]\:fill-current>svg{
  fill: currentColor;
}
.\[\&\>svg\]\:text-gray-500>svg{
  --tw-text-opacity: 1;
  color: rgb(var(--gray-500) / var(--tw-text-opacity));
}
.\[\&\>svg\]\:text-gray-900>svg{
  --tw-text-opacity: 1;
  color: rgb(var(--gray-900) / var(--tw-text-opacity));
}
.\[\&\>svg\]\:dark\:fill-gray-100:is([data-theme="dark"] *)>svg{
  fill: rgb(var(--gray-100) / 1);
}
.dark\:\[\&\>svg\]\:fill-gray-100>svg:is([data-theme="dark"] *){
  fill: rgb(var(--gray-100) / 1);
}
@media (min-width: 640px){

  .sm\:\[\&\>svg\]\:inline-flex>svg{
    display: inline-flex;
  }
}
.\[\&_\.magnifying-glass\]\:me-0 .magnifying-glass{
  margin-inline-end: 0px;
}
.\[\&_\.magnifying-glass\]\:text-gray-300 .magnifying-glass{
  --tw-text-opacity: 1;
  color: rgb(var(--gray-300) / var(--tw-text-opacity));
}
.dark\:\[\&_\.magnifying-glass\]\:text-gray-600 .magnifying-glass:is([data-theme="dark"] *){
  --tw-text-opacity: 1;
  color: rgb(var(--gray-600) / var(--tw-text-opacity));
}
.\[\&_\.placeholder-text\]\:hidden .placeholder-text{
  display: none;
}
.\[\&_\.pointer-events-none\]\:overflow-visible .pointer-events-none{
  overflow: visible;
}
.\[\&_\.price-field\>span\.mr-2\]\:mb-1\.5 .price-field>span.mr-2{
  margin-bottom: 0.375rem;
}
.\[\&_\.price-field\]\:flex-col .price-field{
  flex-direction: column;
}
.\[\&_\.price-field\]\:items-start .price-field{
  align-items: flex-start;
}
.\[\&_\.radio-active\]\:ring-2 .radio-active{
  --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);
}
.\[\&_\.radio-active\]\:ring-primary\/0 .radio-active{
  --tw-ring-color: rgb(var(--primary-default) / 0);
}
.peer:checked ~ .peer-checked\:\[\&_\.radio-active\]\:ring-primary\/100 .radio-active{
  --tw-ring-color: rgb(var(--primary-default) / 1);
}
.\[\&_\.rc-table-cell\]\:px-3 .rc-table-cell{
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.\[\&_\.rc-table-container\]\:border-x .rc-table-container{
  border-left-width: 1px;
  border-right-width: 1px;
}
.\[\&_\.rc-table-container\]\:border-muted\/70 .rc-table-container{
  border-color: rgb(var(--muted) / 0.7);
}
.\[\&_\.rc-table-content\]\:overflow-x-auto .rc-table-content{
  overflow-x: auto;
}
.\[\&_\.rc-table-placeholder_\.rc-table-expanded-row-fixed\>div\]\:h-60 .rc-table-placeholder .rc-table-expanded-row-fixed>div{
  height: 15rem;
}
.\[\&_\.rc-table-placeholder_\.rc-table-expanded-row-fixed\>div\]\:justify-center .rc-table-placeholder .rc-table-expanded-row-fixed>div{
  justify-content: center;
}
.\[\&_\.rc-table-row-expand-icon-cell\]\:w-14 .rc-table-row-expand-icon-cell{
  width: 3.5rem;
}
.\[\&_\.rc-table-row\:hover\]\:bg-gray-50 .rc-table-row:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(var(--gray-50) / var(--tw-bg-opacity));
}
.\[\&_\.rc-table-row\:hover\]\:bg-transparent .rc-table-row:hover{
  background-color: transparent;
}
.\[\&_\.rc-table-row\:last-child_td\.rc-table-cell\]\:border-b-0 .rc-table-row:last-child td.rc-table-cell{
  border-bottom-width: 0px;
}
.\[\&_\.rc-table-row\:nth-child\(2n\)_\.rc-table-cell\]\:bg-gray-100\/50 .rc-table-row:nth-child(2n) .rc-table-cell{
  background-color: rgb(var(--gray-100) / 0.5);
}
.\[\&_\.react-datepicker-wrapper\]\:flex .react-datepicker-wrapper{
  display: flex;
}
.\[\&_\.react-datepicker-wrapper\]\:w-full .react-datepicker-wrapper{
  width: 100%;
}
.\[\&_\.react-datepicker-wrapper_\.w-72\]\:w-full .react-datepicker-wrapper .w-72{
  width: 100%;
}
.\[\&_\.recharts-cartesian-axis-tick-value\]\:fill-gray-300 .recharts-cartesian-axis-tick-value{
  fill: rgb(var(--gray-300) / 1);
}
.\[\&_\.recharts-cartesian-axis-tick-value\]\:fill-gray-500 .recharts-cartesian-axis-tick-value{
  fill: rgb(var(--gray-500) / 1);
}
.dark\:\[\&_\.recharts-cartesian-axis-tick-value\]\:fill-gray-700 .recharts-cartesian-axis-tick-value:is([data-theme="dark"] *){
  fill: rgb(var(--gray-700) / 1);
}
.rtl\:\[\&_\.recharts-cartesian-axis\.yAxis\]\:-translate-x-12 .recharts-cartesian-axis.yAxis:where([dir="rtl"], [dir="rtl"] *){
  --tw-translate-x: -3rem;
  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));
}
.\[\&_\.recharts-layer\:focus\]\:outline-none .recharts-layer:focus{
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.rtl\:\[\&_\.recharts-polar-angle-axis-tick\:nth-child\(2\)\]\:translate-x-6 .recharts-polar-angle-axis-tick:nth-child(2):where([dir="rtl"], [dir="rtl"] *){
  --tw-translate-x: 1.5rem;
  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\:\[\&_\.recharts-polar-angle-axis-tick\:nth-child\(3\)\]\:translate-x-7 .recharts-polar-angle-axis-tick:nth-child(3):where([dir="rtl"], [dir="rtl"] *){
  --tw-translate-x: 1.75rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rtl\:\[\&_\.recharts-polar-angle-axis-tick\:nth-child\(3\)\]\:translate-y-2 .recharts-polar-angle-axis-tick:nth-child(3):where([dir="rtl"], [dir="rtl"] *){
  --tw-translate-y: 0.5rem;
  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));
}
.\[\&_\.recharts-polar-angle-axis-tick\:nth-child\(4\)\]\:translate-y-2 .recharts-polar-angle-axis-tick:nth-child(4){
  --tw-translate-y: 0.5rem;
  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\:\[\&_\.recharts-polar-angle-axis-tick\:nth-child\(5\)\]\:-translate-x-6 .recharts-polar-angle-axis-tick:nth-child(5):where([dir="rtl"], [dir="rtl"] *){
  --tw-translate-x: -1.5rem;
  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\:\[\&_\.recharts-polar-angle-axis-tick\:nth-child\(5\)\]\:translate-y-2 .recharts-polar-angle-axis-tick:nth-child(5):where([dir="rtl"], [dir="rtl"] *){
  --tw-translate-y: 0.5rem;
  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\:\[\&_\.recharts-polar-angle-axis-tick\:nth-child\(6\)\]\:-translate-x-5 .recharts-polar-angle-axis-tick:nth-child(6):where([dir="rtl"], [dir="rtl"] *){
  --tw-translate-x: -1.25rem;
  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\:\[\&_\.recharts-polar-angle-axis-tick\:nth-child\(6\)\]\:-translate-y-1 .recharts-polar-angle-axis-tick:nth-child(6):where([dir="rtl"], [dir="rtl"] *){
  --tw-translate-y: -0.25rem;
  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));
}
.\[\&_\.recharts-polar-grid-concentric-polygon\]\:stroke-gray-200 .recharts-polar-grid-concentric-polygon{
  stroke: rgb(var(--gray-200) / 1);
}
.\[\&_\.recharts-polar-radius-axis-tick-value\]\:fill-gray-500 .recharts-polar-radius-axis-tick-value{
  fill: rgb(var(--gray-500) / 1);
}
.\[\&_\.recharts-sector\:focus\]\:outline-none .recharts-sector:focus{
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.dark\:\[\&_\.recharts-text\.recharts-label\]\:first-of-type\:fill-white:first-of-type .recharts-text.recharts-label:is([data-theme="dark"] *){
  fill: #fff;
}
.\[\&_\.recharts-text\]\:fill-gray-700 .recharts-text{
  fill: rgb(var(--gray-700) / 1);
}
.\[\&_\.recharts-tooltip-cursor\]\:fill-opacity-20 .recharts-tooltip-cursor {
    fill-opacity: 0.2;
  }
.dark\:\[\&_\.recharts-tooltip-cursor\]\:fill-opacity-10 .recharts-tooltip-cursor:is([data-theme="dark"] *) {
    fill-opacity: 0.1;
  }
.\[\&_\.search-command\]\:ms-2 .search-command{
  margin-inline-start: 0.5rem;
}
.\[\&_\.search-command\]\:hidden .search-command{
  display: none;
}
.\[\&_\.search-command\]\:bg-gray-0 .search-command{
  --tw-bg-opacity: 1;
  background-color: rgb(var(--gray-0) / var(--tw-bg-opacity));
}
.\[\&_\.search-command\]\:text-gray-900 .search-command{
  --tw-text-opacity: 1;
  color: rgb(var(--gray-900) / var(--tw-text-opacity));
}
@media (min-width: 1024px){

  .\[\&_\.search-command\]\:lg\:text-gray-0 .search-command{
    --tw-text-opacity: 1;
    color: rgb(var(--gray-0) / var(--tw-text-opacity));
  }
}
.\[\&_\.simplebar-content\]\:flex .simplebar-content{
  display: flex;
}
.\[\&_\.simplebar-content\]\:h-full .simplebar-content{
  height: 100%;
}
.\[\&_\.simplebar-content\]\:flex-col .simplebar-content{
  flex-direction: column;
}
.\[\&_\.simplebar-content\]\:justify-between .simplebar-content{
  justify-content: space-between;
}
.\[\&_\.text-gray-500\]\:text-gray-700 .text-gray-500{
  --tw-text-opacity: 1;
  color: rgb(var(--gray-700) / var(--tw-text-opacity));
}
.\[\&_\>_a\]\:mx-0 > a{
  margin-left: 0px;
  margin-right: 0px;
}
.\[\&_\>_a\]\:my-0 > a{
  margin-top: 0px;
  margin-bottom: 0px;
}
.\[\&_\>_a\]\:px-0 > a{
  padding-left: 0px;
  padding-right: 0px;
}
.\[\&_\>_a\]\:py-0 > a{
  padding-top: 0px;
  padding-bottom: 0px;
}
.\[\&_\>_a\]\:ps-4 > a{
  padding-inline-start: 1rem;
}
.\[\&_\>_div\]\:mx-4 > div{
  margin-left: 1rem;
  margin-right: 1rem;
}
.\[\&_\>_div\]\:my-2 > div{
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
.\[\&_\>_div\]\:px-4 > div{
  padding-left: 1rem;
  padding-right: 1rem;
}
.\[\&_\>_div\]\:py-2 > div{
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
@media (min-width: 1024px){

  .\[\&_\>_div\]\:lg\:my-0 > div{
    margin-top: 0px;
    margin-bottom: 0px;
  }
}
@media (min-width: 1536px){

  .\[\&_\>_div\]\:2xl\:mx-0 > div{
    margin-left: 0px;
    margin-right: 0px;
  }

  .\[\&_\>_div\]\:2xl\:my-0 > div{
    margin-top: 0px;
    margin-bottom: 0px;
  }
}
.\[\&_button\.h-9\]\:h-10 button.h-9{
  height: 2.5rem;
}
@media (min-width: 640px){

  .sm\:\[\&_button\.h-9\]\:h-11 button.h-9{
    height: 2.75rem;
  }
}
.\[\&_button\]\:font-medium button{
  font-weight: 500;
}
.\[\&_input\:\:placeholder\]\:text-gray-500 input::-moz-placeholder{
  --tw-text-opacity: 1;
  color: rgb(var(--gray-500) / var(--tw-text-opacity));
}
.\[\&_input\:\:placeholder\]\:text-gray-500 input::placeholder{
  --tw-text-opacity: 1;
  color: rgb(var(--gray-500) / var(--tw-text-opacity));
}
.\[\&_input\:\:placeholder\]\:opacity-60 input::-moz-placeholder{
  opacity: 0.6;
}
.\[\&_input\:\:placeholder\]\:opacity-60 input::placeholder{
  opacity: 0.6;
}
.\[\&_input\:\:placeholder\]\:opacity-70 input::-moz-placeholder{
  opacity: 0.7;
}
.\[\&_input\:\:placeholder\]\:opacity-70 input::placeholder{
  opacity: 0.7;
}
.\[\&_input\:\:placeholder\]\:opacity-80 input::-moz-placeholder{
  opacity: 0.8;
}
.\[\&_input\:\:placeholder\]\:opacity-80 input::placeholder{
  opacity: 0.8;
}
.\[\&_input\]\:pointer-events-none input{
  pointer-events: none;
}
.\[\&_input\]\:cursor-default input{
  cursor: default;
}
.\[\&_input\]\:text-ellipsis input{
  text-overflow: ellipsis;
}
.\[\&_input\]\:border-none input{
  border-style: none;
}
.\[\&_input\]\:bg-transparent input{
  background-color: transparent;
}
.\[\&_input\]\:text-end input{
  text-align: end;
}
.\[\&_input\]\:uppercase input{
  text-transform: uppercase;
}
.\[\&_input\]\:text-gray-500 input{
  --tw-text-opacity: 1;
  color: rgb(var(--gray-500) / var(--tw-text-opacity));
}
.dark\:\[\&_input\]\:text-gray-400 input:is([data-theme="dark"] *){
  --tw-text-opacity: 1;
  color: rgb(var(--gray-400) / var(--tw-text-opacity));
}
.\[\&_label\>\.h-9\]\:h-10 label>.h-9{
  height: 2.5rem;
}
@media (min-width: 640px){

  .sm\:\[\&_label\>\.h-9\]\:h-11 label>.h-9{
    height: 2.75rem;
  }
}
.\[\&_label\>\.w-24\.h-9\]\:w-full label>.w-24.h-9{
  width: 100%;
}
.\[\&_line\.radiusAxis\]\:stroke-gray-200 line.radiusAxis{
  stroke: rgb(var(--gray-200) / 1);
}
.\[\&_path\.recharts-rectangle\]\:\!stroke-none path.recharts-rectangle{
  stroke: none !important;
}
.\[\&_table\]\:w-full table{
  width: 100%;
}
.\[\&_tbody_tr\:last-child_td\.rc-table-cell\]\:border-b tbody tr:last-child td.rc-table-cell{
  border-bottom-width: 1px;
}
.\[\&_tbody_tr\:last-child_td\.rc-table-cell\]\:border-muted\/70 tbody tr:last-child td.rc-table-cell{
  border-color: rgb(var(--muted) / 0.7);
}
.\[\&_td\.rc-table-cell\]\:border-b td.rc-table-cell{
  border-bottom-width: 1px;
}
.\[\&_td\.rc-table-cell\]\:border-muted\/70 td.rc-table-cell{
  border-color: rgb(var(--muted) / 0.7);
}
.\[\&_td\.rc-table-cell\]\:py-4 td.rc-table-cell{
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.\[\&_th\.rc-table-cell\]\:py-3 th.rc-table-cell{
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
.\[\&_th\.rc-table-cell\]\:text-xs th.rc-table-cell{
  font-size: 0.75rem;
  line-height: 1rem;
}
.\[\&_th\.rc-table-cell\]\:font-semibold th.rc-table-cell{
  font-weight: 600;
}
.\[\&_th\.rc-table-cell\]\:uppercase th.rc-table-cell{
  text-transform: uppercase;
}
.\[\&_th\.rc-table-cell\]\:tracking-wider th.rc-table-cell{
  letter-spacing: 0.05em;
}
.\[\&_th\.rc-table-cell\]\:text-gray-500 th.rc-table-cell{
  --tw-text-opacity: 1;
  color: rgb(var(--gray-500) / var(--tw-text-opacity));
}
.\[\&_thead\.rc-table-thead\]\:border-t-0 thead.rc-table-thead{
  border-top-width: 0px;
}
.\[\&_thead\]\:border-y thead{
  border-top-width: 1px;
  border-bottom-width: 1px;
}
.\[\&_thead\]\:border-muted\/70 thead{
  border-color: rgb(var(--muted) / 0.7);
}
.\[\&_thead\]\:bg-gray-100 thead{
  --tw-bg-opacity: 1;
  background-color: rgb(var(--gray-100) / var(--tw-bg-opacity));
}
.\[\&_thead\]\:text-left thead{
  text-align: left;
}
.\[\&_thead\]\:rtl\:text-right:where([dir="rtl"], [dir="rtl"] *) thead{
  text-align: right;
}
.\[\&_thead_\.rc-table-row-expand-icon-cell\]\:bg-gray-100 thead .rc-table-row-expand-icon-cell{
  --tw-bg-opacity: 1;
  background-color: rgb(var(--gray-100) / var(--tw-bg-opacity));
}
.\[\&_thead_th\:first-child\]\:rounded-es-lg thead th:first-child{
  border-end-start-radius: 0.5rem;
}
.\[\&_thead_th\:first-child\]\:rounded-ss-lg thead th:first-child{
  border-start-start-radius: 0.5rem;
}
.\[\&_thead_th\:last-child\]\:rounded-ee-lg thead th:last-child{
  border-end-end-radius: 0.5rem;
}
.\[\&_thead_th\:last-child\]\:rounded-se-lg thead th:last-child{
  border-start-end-radius: 0.5rem;
}
.\[\&_thead_th\]\:bg-gray-100 thead th{
  --tw-bg-opacity: 1;
  background-color: rgb(var(--gray-100) / var(--tw-bg-opacity));
}