/*!tailwindcss v4.1.16 | MIT License | https://tailwindcss.com*/@layer properties;@layer theme,base,components,utilities;@layer theme{:root,:host{--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
      "Courier New", monospace;--color-red-50:oklch(97.1% 0.013 17.38);--color-red-100:oklch(93.6% 0.032 17.717);--color-red-200:oklch(88.5% 0.062 18.334);--color-red-300:oklch(80.8% 0.114 19.571);--color-red-400:oklch(70.4% 0.191 22.216);--color-red-500:oklch(63.7% 0.237 25.331);--color-red-600:oklch(57.7% 0.245 27.325);--color-red-700:oklch(50.5% 0.213 27.518);--color-red-800:oklch(44.4% 0.177 26.899);--color-red-900:oklch(39.6% 0.141 25.723);--color-orange-50:oklch(98% 0.016 73.684);--color-orange-100:oklch(95.4% 0.038 75.164);--color-orange-200:oklch(90.1% 0.076 70.697);--color-orange-300:oklch(83.7% 0.128 66.29);--color-orange-400:oklch(75% 0.183 55.934);--color-orange-500:oklch(70.5% 0.213 47.604);--color-orange-600:oklch(64.6% 0.222 41.116);--color-orange-700:oklch(55.3% 0.195 38.402);--color-orange-800:oklch(47% 0.157 37.304);--color-orange-900:oklch(40.8% 0.123 38.172);--color-yellow-50:oklch(98.7% 0.026 102.212);--color-yellow-100:oklch(97.3% 0.071 103.193);--color-yellow-200:oklch(94.5% 0.129 101.54);--color-yellow-300:oklch(90.5% 0.182 98.111);--color-yellow-400:oklch(85.2% 0.199 91.936);--color-yellow-500:oklch(79.5% 0.184 86.047);--color-yellow-600:oklch(68.1% 0.162 75.834);--color-yellow-700:oklch(55.4% 0.135 66.442);--color-yellow-800:oklch(47.6% 0.114 61.907);--color-yellow-900:oklch(42.1% 0.095 57.708);--color-lime-200:oklch(93.8% 0.127 124.321);--color-lime-300:oklch(89.7% 0.196 126.665);--color-lime-400:oklch(84.1% 0.238 128.85);--color-lime-500:oklch(76.8% 0.233 130.85);--color-lime-800:oklch(45.3% 0.124 130.933);--color-green-50:oklch(98.2% 0.018 155.826);--color-green-100:oklch(96.2% 0.044 156.743);--color-green-200:oklch(92.5% 0.084 155.995);--color-green-300:oklch(87.1% 0.15 154.449);--color-green-400:oklch(79.2% 0.209 151.711);--color-green-500:oklch(72.3% 0.219 149.579);--color-green-600:oklch(62.7% 0.194 149.214);--color-green-700:oklch(52.7% 0.154 150.069);--color-green-800:oklch(44.8% 0.119 151.328);--color-green-900:oklch(39.3% 0.095 152.535);--color-emerald-600:oklch(59.6% 0.145 163.225);--color-teal-50:oklch(98.4% 0.014 180.72);--color-teal-100:oklch(95.3% 0.051 180.801);--color-teal-200:oklch(91% 0.096 180.426);--color-teal-300:oklch(85.5% 0.138 181.071);--color-teal-400:oklch(77.7% 0.152 181.912);--color-teal-500:oklch(70.4% 0.14 182.503);--color-teal-600:oklch(60% 0.118 184.704);--color-teal-700:oklch(51.1% 0.096 186.391);--color-teal-800:oklch(43.7% 0.078 188.216);--color-cyan-200:oklch(91.7% 0.08 205.041);--color-cyan-300:oklch(86.5% 0.127 207.078);--color-cyan-400:oklch(78.9% 0.154 211.53);--color-cyan-500:oklch(71.5% 0.143 215.221);--color-cyan-600:oklch(60.9% 0.126 221.723);--color-cyan-800:oklch(45% 0.085 224.283);--color-sky-400:oklch(74.6% 0.16 232.661);--color-sky-500:oklch(68.5% 0.169 237.323);--color-blue-50:oklch(97% 0.014 254.604);--color-blue-100:oklch(93.2% 0.032 255.585);--color-blue-200:oklch(88.2% 0.059 254.128);--color-blue-300:oklch(80.9% 0.105 251.813);--color-blue-400:oklch(70.7% 0.165 254.624);--color-blue-500:oklch(62.3% 0.214 259.815);--color-blue-600:oklch(54.6% 0.245 262.881);--color-blue-700:oklch(48.8% 0.243 264.376);--color-blue-800:oklch(42.4% 0.199 265.638);--color-blue-900:oklch(37.9% 0.146 265.522);--color-indigo-50:oklch(96.2% 0.018 272.314);--color-indigo-100:oklch(93% 0.034 272.788);--color-indigo-200:oklch(87% 0.065 274.039);--color-indigo-300:oklch(78.5% 0.115 274.713);--color-indigo-400:oklch(67.3% 0.182 276.935);--color-indigo-500:oklch(58.5% 0.233 277.117);--color-indigo-600:oklch(51.1% 0.262 276.966);--color-indigo-700:oklch(45.7% 0.24 277.023);--color-indigo-800:oklch(39.8% 0.195 277.366);--color-indigo-900:oklch(35.9% 0.144 278.697);--color-purple-50:oklch(97.7% 0.014 308.299);--color-purple-100:oklch(94.6% 0.033 307.174);--color-purple-200:oklch(90.2% 0.063 306.703);--color-purple-300:oklch(82.7% 0.119 306.383);--color-purple-400:oklch(71.4% 0.203 305.504);--color-purple-500:oklch(62.7% 0.265 303.9);--color-purple-600:oklch(55.8% 0.288 302.321);--color-purple-700:oklch(49.6% 0.265 301.924);--color-purple-800:oklch(43.8% 0.218 303.724);--color-purple-900:oklch(38.1% 0.176 304.987);--color-pink-50:oklch(97.1% 0.014 343.198);--color-pink-100:oklch(94.8% 0.028 342.258);--color-pink-200:oklch(89.9% 0.061 343.231);--color-pink-300:oklch(82.3% 0.12 346.018);--color-pink-400:oklch(71.8% 0.202 349.761);--color-pink-500:oklch(65.6% 0.241 354.308);--color-pink-600:oklch(59.2% 0.249 0.584);--color-pink-700:oklch(52.5% 0.223 3.958);--color-pink-800:oklch(45.9% 0.187 3.815);--color-pink-900:oklch(40.8% 0.153 2.432);--color-gray-50:oklch(98.5% 0.002 247.839);--color-gray-100:oklch(96.7% 0.003 264.542);--color-gray-200:oklch(92.8% 0.006 264.531);--color-gray-300:oklch(87.2% 0.01 258.338);--color-gray-400:oklch(70.7% 0.022 261.325);--color-gray-500:oklch(55.1% 0.027 264.364);--color-gray-600:oklch(44.6% 0.03 256.802);--color-gray-700:oklch(37.3% 0.034 259.733);--color-gray-800:oklch(27.8% 0.033 256.848);--color-gray-900:oklch(21% 0.034 264.665);--color-white:#fff;--spacing:0.25rem;--breakpoint-md:48rem;--breakpoint-lg:64rem;--breakpoint-xl:80rem;--breakpoint-2xl:96rem;--container-2xs:18rem;--container-xs:20rem;--container-sm:24rem;--container-md:28rem;--container-lg:32rem;--container-xl:36rem;--container-2xl:42rem;--container-4xl:56rem;--container-7xl:80rem;--text-xs:0.75rem;--text-xs--line-height:calc(1 / 0.75);--text-sm:0.875rem;--text-sm--line-height:calc(1.25 / 0.875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25 / 1.875);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--text-5xl:3rem;--text-5xl--line-height:1;--text-6xl:3.75rem;--text-6xl--line-height:1;--text-7xl:4.5rem;--text-7xl--line-height:1;--text-8xl:6rem;--text-8xl--line-height:1;--text-9xl:8rem;--text-9xl--line-height:1;--font-weight-thin:100;--font-weight-extralight:200;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--font-weight-black:900;--tracking-tighter:-0.05em;--tracking-tight:-0.025em;--tracking-normal:0em;--tracking-wide:0.025em;--tracking-wider:0.05em;--tracking-widest:0.1em;--leading-tight:1.25;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--leading-loose:2;--radius-xs:0.125rem;--radius-sm:0.25rem;--radius-md:0.375rem;--radius-lg:0.5rem;--radius-xl:0.75rem;--radius-2xl:1rem;--ease-in:cubic-bezier(0.4, 0, 1, 1);--ease-out:cubic-bezier(0, 0, 0.2, 1);--ease-in-out:cubic-bezier(0.4, 0, 0.2, 1);--animate-spin:spin 1s linear infinite;--animate-pulse:pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;--blur-xs:4px;--default-transition-duration:150ms;--default-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);--default-font-family:Montserrat, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--default-font-feature-settings:normal;--default-font-variation-settings:normal;--default-mono-font-family:var(--font-mono)}}@layer base{*,::after,::before,::backdrop,::file-selector-button{box-sizing:border-box;margin:0;padding:0;border:0 solid}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;tab-size:4;font-family:Montserrat,ui-sans-serif,system-ui,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea,::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;border-radius:0;background-color:initial;opacity:1}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports(not (-webkit-appearance:-apple-pay-button)) or (contain-intrinsic-size:1px){::placeholder{color:currentcolor;@supports(color:color-mix(in lab,red,red)){color: color-mix(in oklab,currentcolor 50%,transparent);}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-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-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]),::file-selector-button{appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer utilities{.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.datatable-wrapper{width:100%;& .datatable-top { display: flex; justify-content: space-between; flex-direction: column-reverse; align-items: start; gap: 1rem; margin-bottom: 1rem; @media (min-width: 640px) { flex-direction: row-reverse; align-items: center; } } & .datatable-search .datatable-input { color: var(--color-gray-900); font-size: 0.875rem; border: 1px solid var(--color-gray-300); border-radius: 0.5rem; background-color: var(--color-gray-50); min-width: 16rem; } & .datatable-input { color: var(--color-gray-900); font-size: 0.875rem; border: 1px solid var(--color-gray-300); border-radius: 0.5rem; background-color: var(--color-gray-50); min-width: 16rem; } .dark & .datatable-search .datatable-input { color: white; background-color: var(--color-gray-800); border: 1px solid var(--color-gray-700); } .dark & .datatable-input { color: white; background-color: var(--color-gray-800); border: 1px solid var(--color-gray-700); } & thead th .datatable-input { background-color: white; font-weight: 400; color: var(--color-gray-900); padding-top: .35rem; padding-bottom: .35rem; min-width: 0; } .dark & thead th .datatable-input { background-color: var(--color-gray-700); border-color: var(--color-gray-600); color: white; } & .datatable-top .datatable-dropdown { color: var(--color-gray-500); font-size: 0.875rem; } .dark & .datatable-top .datatable-dropdown { color: var(--color-gray-400); } & .datatable-top .datatable-dropdown .datatable-selector { background-color: var(--color-gray-50); color: var(--color-gray-900); font-size: 0.875rem; border: 1px solid var(--color-gray-300); border-radius: 0.5rem; margin-right: 0.25rem; min-width: 4rem; } .dark & .datatable-top .datatable-dropdown .datatable-selector { background-color: var(--color-gray-800); border: 1px solid var(--color-gray-700); color: white; } & .datatable-container thead tr.search-filtering-row th { padding-top: 0; } & .datatable-search .datatable-input:focus { border-color: var(--color-blue-600); } & .datatable-container { overflow-x: auto; } & .datatable-table { width: 100%; font-size: 0.875rem; color: var(--color-gray-500); text-align: left; } .dark & .datatable-table { color: var(--color-gray-400); } & .datatable-table thead { font-size: 0.75rem; color: var(--color-gray-500); background-color: var(--color-gray-50); } .dark & .datatable-table thead { color: var(--color-gray-400); background-color: var(--color-gray-800); } & .datatable-table thead th { white-space: nowrap; } & .datatable-table thead th { width: auto !important; padding-top: 0.75rem; padding-bottom: 0.75rem; padding-left: 1.5rem; padding-right: 1.5rem; } & .datatable-table tbody th { width: auto !important; padding-top: 0.75rem; padding-bottom: 0.75rem; padding-left: 1.5rem; padding-right: 1.5rem; } & .datatable-table tbody td { width: auto !important; padding-top: 0.75rem; padding-bottom: 0.75rem; padding-left: 1.5rem; padding-right: 1.5rem; } & .datatable-table thead th .datatable-sorter { text-transform: uppercase; } & .datatable-table thead th { text-transform: uppercase; } & .datatable-table thead th .datatable-sorter:hover { color: var(--color-gray-900); } & .datatable-table thead th.datatable-ascending .datatable-sorter { color: var(--color-gray-900); } & .datatable-table thead th.datatable-descending .datatable-sorter { color: var(--color-gray-900); } .dark & .datatable-table thead th .datatable-sorter:hover { color: white; } .dark & .datatable-table thead th.datatable-ascending .datatable-sorter { color: white; } .dark & .datatable-table thead th.datatable-descending .datatable-sorter { color: white; } & .datatable-table tbody tr.selected { background-color: var(--color-gray-100); } .dark & .datatable-table tbody tr.selected { background-color: var(--color-gray-700); } & .datatable-table tbody tr { border-bottom: 1px solid var(--color-gray-200); } .dark & .datatable-table tbody tr { border-bottom: 1px solid var(--color-gray-700); } & .datatable-table .datatable-empty { text-align: center; } & .datatable-bottom { display: flex; flex-direction: column; justify-content: space-between; align-items: start; margin-top: 1rem; gap: 1rem; @media (min-width: 640px) { flex-direction: row; align-items: center; } } & .datatable-bottom .datatable-info { color: var(--color-gray-500); font-size: 0.875rem; } .dark & .datatable-bottom .datatable-info { color: var(--color-gray-400); } & .datatable-bottom .datatable-pagination .datatable-pagination-list { display: flex; align-items: center; height: 2rem; font-size: 0.875rem; } & .datatable-bottom .datatable-pagination .datatable-pagination-list-item-link { display: flex; align-items: center; color: var(--color-gray-500); font-weight: 500; padding-left: 0.75rem; padding-right: 0.75rem; height: 2rem; font-size: 0.875rem; border-top: 1px solid var(--color-gray-300); border-bottom: 1px solid var(--color-gray-300); border-right: 1px solid var(--color-gray-300); } .dark & .datatable-bottom .datatable-pagination .datatable-pagination-list-item-link { color: var(--color-gray-400); border-color: var(--color-gray-700); } & .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type { position: relative; } & .datatable-bottom .datatable-pagination .datatable-pagination-list-item:last-of-type { position: relative; } & .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link { color: transparent; } & .datatable-bottom .datatable-pagination .datatable-pagination-list-item:last-of-type .datatable-pagination-list-item-link { color: transparent; } .dark & .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link { color: transparent; } .dark & .datatable-bottom .datatable-pagination .datatable-pagination-list-item:last-of-type .datatable-pagination-list-item-link { color: transparent; } & .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='oklch(55.1%25 0.027 264.364)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m14 8-4 4 4 4'/%3e %3c/svg%3e"); position: absolute; top: 50%; left: 50%; width: 1.3rem; height: 1.3rem; transform: translate(-50%, -50%); } & .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link:hover::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='oklch(21%25 0.034 264.665)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m14 8-4 4 4 4'/%3e %3c/svg%3e"); } .dark & .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='oklch(70.7%25 0.022 261.325)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m14 8-4 4 4 4'/%3e %3c/svg%3e"); } .dark & .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link:hover::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m14 8-4 4 4 4'/%3e %3c/svg%3e"); } & .datatable-bottom .datatable-pagination .datatable-pagination-list-item:last-of-type .datatable-pagination-list-item-link::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='oklch(55.1%25 0.027 264.364)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m10 16 4-4-4-4'/%3e %3c/svg%3e"); position: absolute; top: 50%; right: 50%; width: 1.3rem; height: 1.3rem; transform: translate(50%, -50%); } & .datatable-bottom .datatable-pagination .datatable-pagination-list-item:last-of-type .datatable-pagination-list-item-link:hover::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='oklch(21%25 0.034 264.665)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m10 16 4-4-4-4'/%3e %3c/svg%3e"); } .dark & .datatable-bottom .datatable-pagination .datatable-pagination-list-item:last-of-type .datatable-pagination-list-item-link::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='oklch(70.7%25 0.022 261.325)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m10 16 4-4-4-4'/%3e %3c/svg%3e"); } .dark & .datatable-bottom .datatable-pagination .datatable-pagination-list-item:last-of-type .datatable-pagination-list-item-link:hover::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m10 16 4-4-4-4'/%3e %3c/svg%3e"); } & .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link { border-top-left-radius: 0.5rem; border-bottom-left-radius: 0.5rem; border-left: 1px solid var(--color-gray-300); } .dark & .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link { border-left: 1px solid var(--color-gray-700); } & .datatable-bottom .datatable-pagination .datatable-pagination-list-item:last-of-type .datatable-pagination-list-item-link { border-top-right-radius: 0.5rem; border-bottom-right-radius: 0.5rem; border-left: 0; } & .datatable-bottom .datatable-pagination .datatable-pagination-list-item-link:hover { background-color: var(--color-gray-50); color: var(--color-gray-700); } .dark & .datatable-bottom .datatable-pagination .datatable-pagination-list-item-link:hover { background-color: var(--color-gray-700); color: white; }}.datatable-wrapper{width:100%;& .datatable-top { display: flex; justify-content: space-between; flex-direction: column-reverse; align-items: start; gap: 1rem; margin-bottom: 1rem; @media (min-width: 640px) { flex-direction: row-reverse; align-items: center; } } & .datatable-search .datatable-input { color: var(--color-gray-900); font-size: 0.875rem; border: 1px solid var(--color-gray-300); border-radius: 0.5rem; background-color: var(--color-gray-50); min-width: 16rem; } & .datatable-input { color: var(--color-gray-900); font-size: 0.875rem; border: 1px solid var(--color-gray-300); border-radius: 0.5rem; background-color: var(--color-gray-50); min-width: 16rem; } .dark & .datatable-search .datatable-input { color: white; background-color: var(--color-gray-800); border: 1px solid var(--color-gray-700); } .dark & .datatable-input { color: white; background-color: var(--color-gray-800); border: 1px solid var(--color-gray-700); } & thead th .datatable-input { background-color: white; font-weight: 400; color: var(--color-gray-900); padding-top: .35rem; padding-bottom: .35rem; min-width: 0; } .dark & thead th .datatable-input { background-color: var(--color-gray-700); border-color: var(--color-gray-600); color: white; } & .datatable-top .datatable-dropdown { color: var(--color-gray-500); font-size: 0.875rem; } .dark & .datatable-top .datatable-dropdown { color: var(--color-gray-400); } & .datatable-top .datatable-dropdown .datatable-selector { background-color: var(--color-gray-50); color: var(--color-gray-900); font-size: 0.875rem; border: 1px solid var(--color-gray-300); border-radius: 0.5rem; margin-right: 0.25rem; min-width: 4rem; } .dark & .datatable-top .datatable-dropdown .datatable-selector { background-color: var(--color-gray-800); border: 1px solid var(--color-gray-700); color: white; } & .datatable-container thead tr.search-filtering-row th { padding-top: 0; } & .datatable-search .datatable-input:focus { border-color: var(--color-blue-600); } & .datatable-container { overflow-x: auto; } & .datatable-table { width: 100%; font-size: 0.875rem; color: var(--color-gray-500); text-align: left; } .dark & .datatable-table { color: var(--color-gray-400); } & .datatable-table thead { font-size: 0.75rem; color: var(--color-gray-500); background-color: var(--color-gray-50); } .dark & .datatable-table thead { color: var(--color-gray-400); background-color: var(--color-gray-800); } & .datatable-table thead th { white-space: nowrap; } & .datatable-table thead th { width: auto !important; padding-top: 0.75rem; padding-bottom: 0.75rem; padding-left: 1.5rem; padding-right: 1.5rem; } & .datatable-table tbody th { width: auto !important; padding-top: 0.75rem; padding-bottom: 0.75rem; padding-left: 1.5rem; padding-right: 1.5rem; } & .datatable-table tbody td { width: auto !important; padding-top: 0.75rem; padding-bottom: 0.75rem; padding-left: 1.5rem; padding-right: 1.5rem; } & .datatable-table thead th .datatable-sorter { text-transform: uppercase; } & .datatable-table thead th { text-transform: uppercase; } & .datatable-table thead th .datatable-sorter:hover { color: var(--color-gray-900); } & .datatable-table thead th.datatable-ascending .datatable-sorter { color: var(--color-gray-900); } & .datatable-table thead th.datatable-descending .datatable-sorter { color: var(--color-gray-900); } .dark & .datatable-table thead th .datatable-sorter:hover { color: white; } .dark & .datatable-table thead th.datatable-ascending .datatable-sorter { color: white; } .dark & .datatable-table thead th.datatable-descending .datatable-sorter { color: white; } & .datatable-table tbody tr.selected { background-color: var(--color-gray-100); } .dark & .datatable-table tbody tr.selected { background-color: var(--color-gray-700); } & .datatable-table tbody tr { border-bottom: 1px solid var(--color-gray-200); } .dark & .datatable-table tbody tr { border-bottom: 1px solid var(--color-gray-700); } & .datatable-table .datatable-empty { text-align: center; } & .datatable-bottom { display: flex; flex-direction: column; justify-content: space-between; align-items: start; margin-top: 1rem; gap: 1rem; @media (min-width: 640px) { flex-direction: row; align-items: center; } } & .datatable-bottom .datatable-info { color: var(--color-gray-500); font-size: 0.875rem; } .dark & .datatable-bottom .datatable-info { color: var(--color-gray-400); } & .datatable-bottom .datatable-pagination .datatable-pagination-list { display: flex; align-items: center; height: 2rem; font-size: 0.875rem; } & .datatable-bottom .datatable-pagination .datatable-pagination-list-item-link { display: flex; align-items: center; color: var(--color-gray-500); font-weight: 500; padding-left: 0.75rem; padding-right: 0.75rem; height: 2rem; font-size: 0.875rem; border-top: 1px solid var(--color-gray-300); border-bottom: 1px solid var(--color-gray-300); border-right: 1px solid var(--color-gray-300); } .dark & .datatable-bottom .datatable-pagination .datatable-pagination-list-item-link { color: var(--color-gray-400); border-color: var(--color-gray-700); } & .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type { position: relative; } & .datatable-bottom .datatable-pagination .datatable-pagination-list-item:last-of-type { position: relative; } & .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link { color: transparent; } & .datatable-bottom .datatable-pagination .datatable-pagination-list-item:last-of-type .datatable-pagination-list-item-link { color: transparent; } .dark & .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link { color: transparent; } .dark & .datatable-bottom .datatable-pagination .datatable-pagination-list-item:last-of-type .datatable-pagination-list-item-link { color: transparent; } & .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='oklch(55.1%25 0.027 264.364)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m14 8-4 4 4 4'/%3e %3c/svg%3e"); position: absolute; top: 50%; left: 50%; width: 1.3rem; height: 1.3rem; transform: translate(-50%, -50%); } & .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link:hover::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='oklch(21%25 0.034 264.665)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m14 8-4 4 4 4'/%3e %3c/svg%3e"); } .dark & .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='oklch(70.7%25 0.022 261.325)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m14 8-4 4 4 4'/%3e %3c/svg%3e"); } .dark & .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link:hover::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m14 8-4 4 4 4'/%3e %3c/svg%3e"); } & .datatable-bottom .datatable-pagination .datatable-pagination-list-item:last-of-type .datatable-pagination-list-item-link::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='oklch(55.1%25 0.027 264.364)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m10 16 4-4-4-4'/%3e %3c/svg%3e"); position: absolute; top: 50%; right: 50%; width: 1.3rem; height: 1.3rem; transform: translate(50%, -50%); } & .datatable-bottom .datatable-pagination .datatable-pagination-list-item:last-of-type .datatable-pagination-list-item-link:hover::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='oklch(21%25 0.034 264.665)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m10 16 4-4-4-4'/%3e %3c/svg%3e"); } .dark & .datatable-bottom .datatable-pagination .datatable-pagination-list-item:last-of-type .datatable-pagination-list-item-link::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='oklch(70.7%25 0.022 261.325)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m10 16 4-4-4-4'/%3e %3c/svg%3e"); } .dark & .datatable-bottom .datatable-pagination .datatable-pagination-list-item:last-of-type .datatable-pagination-list-item-link:hover::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m10 16 4-4-4-4'/%3e %3c/svg%3e"); } & .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link { border-top-left-radius: 0.5rem; border-bottom-left-radius: 0.5rem; border-left: 1px solid var(--color-gray-300); } .dark & .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link { border-left: 1px solid var(--color-gray-700); } & .datatable-bottom .datatable-pagination .datatable-pagination-list-item:last-of-type .datatable-pagination-list-item-link { border-top-right-radius: 0.5rem; border-bottom-right-radius: 0.5rem; border-left: 0; } & .datatable-bottom .datatable-pagination .datatable-pagination-list-item-link:hover { background-color: var(--color-gray-50); color: var(--color-gray-700); } .dark & .datatable-bottom .datatable-pagination .datatable-pagination-list-item-link:hover { background-color: var(--color-gray-700); color: white; }}.datatable-bottom{.datatable-wrapper & { display: flex; flex-direction: column; justify-content: space-between; align-items: start; margin-top: 1rem; gap: 1rem; @media (min-width: 640px) { flex-direction: row; align-items: center; } } .datatable-wrapper & .datatable-info { color: var(--color-gray-500); font-size: 0.875rem; } .dark .datatable-wrapper & .datatable-info { color: var(--color-gray-400); } .datatable-wrapper & .datatable-pagination .datatable-pagination-list { display: flex; align-items: center; height: 2rem; font-size: 0.875rem; } .datatable-wrapper & .datatable-pagination .datatable-pagination-list-item-link { display: flex; align-items: center; color: var(--color-gray-500); font-weight: 500; padding-left: 0.75rem; padding-right: 0.75rem; height: 2rem; font-size: 0.875rem; border-top: 1px solid var(--color-gray-300); border-bottom: 1px solid var(--color-gray-300); border-right: 1px solid var(--color-gray-300); } .dark .datatable-wrapper & .datatable-pagination .datatable-pagination-list-item-link { color: var(--color-gray-400); border-color: var(--color-gray-700); } .datatable-wrapper & .datatable-pagination .datatable-pagination-list-item:first-of-type { position: relative; } .datatable-wrapper & .datatable-pagination .datatable-pagination-list-item:last-of-type { position: relative; } .datatable-wrapper & .datatable-pagination .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link { color: transparent; } .datatable-wrapper & .datatable-pagination .datatable-pagination-list-item:last-of-type .datatable-pagination-list-item-link { color: transparent; } .dark .datatable-wrapper & .datatable-pagination .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link { color: transparent; } .dark .datatable-wrapper & .datatable-pagination .datatable-pagination-list-item:last-of-type .datatable-pagination-list-item-link { color: transparent; } .datatable-wrapper & .datatable-pagination .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='oklch(55.1%25 0.027 264.364)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m14 8-4 4 4 4'/%3e %3c/svg%3e"); position: absolute; top: 50%; left: 50%; width: 1.3rem; height: 1.3rem; transform: translate(-50%, -50%); } .datatable-wrapper & .datatable-pagination .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link:hover::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='oklch(21%25 0.034 264.665)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m14 8-4 4 4 4'/%3e %3c/svg%3e"); } .dark .datatable-wrapper & .datatable-pagination .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='oklch(70.7%25 0.022 261.325)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m14 8-4 4 4 4'/%3e %3c/svg%3e"); } .dark .datatable-wrapper & .datatable-pagination .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link:hover::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m14 8-4 4 4 4'/%3e %3c/svg%3e"); } .datatable-wrapper & .datatable-pagination .datatable-pagination-list-item:last-of-type .datatable-pagination-list-item-link::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='oklch(55.1%25 0.027 264.364)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m10 16 4-4-4-4'/%3e %3c/svg%3e"); position: absolute; top: 50%; right: 50%; width: 1.3rem; height: 1.3rem; transform: translate(50%, -50%); } .datatable-wrapper & .datatable-pagination .datatable-pagination-list-item:last-of-type .datatable-pagination-list-item-link:hover::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='oklch(21%25 0.034 264.665)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m10 16 4-4-4-4'/%3e %3c/svg%3e"); } .dark .datatable-wrapper & .datatable-pagination .datatable-pagination-list-item:last-of-type .datatable-pagination-list-item-link::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='oklch(70.7%25 0.022 261.325)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m10 16 4-4-4-4'/%3e %3c/svg%3e"); } .dark .datatable-wrapper & .datatable-pagination .datatable-pagination-list-item:last-of-type .datatable-pagination-list-item-link:hover::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m10 16 4-4-4-4'/%3e %3c/svg%3e"); } .datatable-wrapper & .datatable-pagination .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link { border-top-left-radius: 0.5rem; border-bottom-left-radius: 0.5rem; border-left: 1px solid var(--color-gray-300); } .dark .datatable-wrapper & .datatable-pagination .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link { border-left: 1px solid var(--color-gray-700); } .datatable-wrapper & .datatable-pagination .datatable-pagination-list-item:last-of-type .datatable-pagination-list-item-link { border-top-right-radius: 0.5rem; border-bottom-right-radius: 0.5rem; border-left: 0; } .datatable-wrapper & .datatable-pagination .datatable-pagination-list-item-link:hover { background-color: var(--color-gray-50); color: var(--color-gray-700); } .dark .datatable-wrapper & .datatable-pagination .datatable-pagination-list-item-link:hover { background-color: var(--color-gray-700); color: white; }}.datatable-bottom{.datatable-wrapper & { display: flex; flex-direction: column; justify-content: space-between; align-items: start; margin-top: 1rem; gap: 1rem; @media (min-width: 640px) { flex-direction: row; align-items: center; } } .datatable-wrapper & .datatable-info { color: var(--color-gray-500); font-size: 0.875rem; } .dark .datatable-wrapper & .datatable-info { color: var(--color-gray-400); } .datatable-wrapper & .datatable-pagination .datatable-pagination-list { display: flex; align-items: center; height: 2rem; font-size: 0.875rem; } .datatable-wrapper & .datatable-pagination .datatable-pagination-list-item-link { display: flex; align-items: center; color: var(--color-gray-500); font-weight: 500; padding-left: 0.75rem; padding-right: 0.75rem; height: 2rem; font-size: 0.875rem; border-top: 1px solid var(--color-gray-300); border-bottom: 1px solid var(--color-gray-300); border-right: 1px solid var(--color-gray-300); } .dark .datatable-wrapper & .datatable-pagination .datatable-pagination-list-item-link { color: var(--color-gray-400); border-color: var(--color-gray-700); } .datatable-wrapper & .datatable-pagination .datatable-pagination-list-item:first-of-type { position: relative; } .datatable-wrapper & .datatable-pagination .datatable-pagination-list-item:last-of-type { position: relative; } .datatable-wrapper & .datatable-pagination .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link { color: transparent; } .datatable-wrapper & .datatable-pagination .datatable-pagination-list-item:last-of-type .datatable-pagination-list-item-link { color: transparent; } .dark .datatable-wrapper & .datatable-pagination .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link { color: transparent; } .dark .datatable-wrapper & .datatable-pagination .datatable-pagination-list-item:last-of-type .datatable-pagination-list-item-link { color: transparent; } .datatable-wrapper & .datatable-pagination .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='oklch(55.1%25 0.027 264.364)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m14 8-4 4 4 4'/%3e %3c/svg%3e"); position: absolute; top: 50%; left: 50%; width: 1.3rem; height: 1.3rem; transform: translate(-50%, -50%); } .datatable-wrapper & .datatable-pagination .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link:hover::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='oklch(21%25 0.034 264.665)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m14 8-4 4 4 4'/%3e %3c/svg%3e"); } .dark .datatable-wrapper & .datatable-pagination .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='oklch(70.7%25 0.022 261.325)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m14 8-4 4 4 4'/%3e %3c/svg%3e"); } .dark .datatable-wrapper & .datatable-pagination .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link:hover::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m14 8-4 4 4 4'/%3e %3c/svg%3e"); } .datatable-wrapper & .datatable-pagination .datatable-pagination-list-item:last-of-type .datatable-pagination-list-item-link::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='oklch(55.1%25 0.027 264.364)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m10 16 4-4-4-4'/%3e %3c/svg%3e"); position: absolute; top: 50%; right: 50%; width: 1.3rem; height: 1.3rem; transform: translate(50%, -50%); } .datatable-wrapper & .datatable-pagination .datatable-pagination-list-item:last-of-type .datatable-pagination-list-item-link:hover::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='oklch(21%25 0.034 264.665)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m10 16 4-4-4-4'/%3e %3c/svg%3e"); } .dark .datatable-wrapper & .datatable-pagination .datatable-pagination-list-item:last-of-type .datatable-pagination-list-item-link::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='oklch(70.7%25 0.022 261.325)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m10 16 4-4-4-4'/%3e %3c/svg%3e"); } .dark .datatable-wrapper & .datatable-pagination .datatable-pagination-list-item:last-of-type .datatable-pagination-list-item-link:hover::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m10 16 4-4-4-4'/%3e %3c/svg%3e"); } .datatable-wrapper & .datatable-pagination .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link { border-top-left-radius: 0.5rem; border-bottom-left-radius: 0.5rem; border-left: 1px solid var(--color-gray-300); } .dark .datatable-wrapper & .datatable-pagination .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link { border-left: 1px solid var(--color-gray-700); } .datatable-wrapper & .datatable-pagination .datatable-pagination-list-item:last-of-type .datatable-pagination-list-item-link { border-top-right-radius: 0.5rem; border-bottom-right-radius: 0.5rem; border-left: 0; } .datatable-wrapper & .datatable-pagination .datatable-pagination-list-item-link:hover { background-color: var(--color-gray-50); color: var(--color-gray-700); } .dark .datatable-wrapper & .datatable-pagination .datatable-pagination-list-item-link:hover { background-color: var(--color-gray-700); color: white; }}.datatable-pagination{.datatable-wrapper .datatable-bottom & .datatable-pagination-list { display: flex; align-items: center; height: 2rem; font-size: 0.875rem; } .datatable-wrapper .datatable-bottom & .datatable-pagination-list-item-link { display: flex; align-items: center; color: var(--color-gray-500); font-weight: 500; padding-left: 0.75rem; padding-right: 0.75rem; height: 2rem; font-size: 0.875rem; border-top: 1px solid var(--color-gray-300); border-bottom: 1px solid var(--color-gray-300); border-right: 1px solid var(--color-gray-300); } .dark .datatable-wrapper .datatable-bottom & .datatable-pagination-list-item-link { color: var(--color-gray-400); border-color: var(--color-gray-700); } .datatable-wrapper .datatable-bottom & .datatable-pagination-list-item:first-of-type { position: relative; } .datatable-wrapper .datatable-bottom & .datatable-pagination-list-item:last-of-type { position: relative; } .datatable-wrapper .datatable-bottom & .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link { color: transparent; } .datatable-wrapper .datatable-bottom & .datatable-pagination-list-item:last-of-type .datatable-pagination-list-item-link { color: transparent; } .dark .datatable-wrapper .datatable-bottom & .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link { color: transparent; } .dark .datatable-wrapper .datatable-bottom & .datatable-pagination-list-item:last-of-type .datatable-pagination-list-item-link { color: transparent; } .datatable-wrapper .datatable-bottom & .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='oklch(55.1%25 0.027 264.364)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m14 8-4 4 4 4'/%3e %3c/svg%3e"); position: absolute; top: 50%; left: 50%; width: 1.3rem; height: 1.3rem; transform: translate(-50%, -50%); } .datatable-wrapper .datatable-bottom & .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link:hover::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='oklch(21%25 0.034 264.665)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m14 8-4 4 4 4'/%3e %3c/svg%3e"); } .dark .datatable-wrapper .datatable-bottom & .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='oklch(70.7%25 0.022 261.325)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m14 8-4 4 4 4'/%3e %3c/svg%3e"); } .dark .datatable-wrapper .datatable-bottom & .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link:hover::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m14 8-4 4 4 4'/%3e %3c/svg%3e"); } .datatable-wrapper .datatable-bottom & .datatable-pagination-list-item:last-of-type .datatable-pagination-list-item-link::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='oklch(55.1%25 0.027 264.364)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m10 16 4-4-4-4'/%3e %3c/svg%3e"); position: absolute; top: 50%; right: 50%; width: 1.3rem; height: 1.3rem; transform: translate(50%, -50%); } .datatable-wrapper .datatable-bottom & .datatable-pagination-list-item:last-of-type .datatable-pagination-list-item-link:hover::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='oklch(21%25 0.034 264.665)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m10 16 4-4-4-4'/%3e %3c/svg%3e"); } .dark .datatable-wrapper .datatable-bottom & .datatable-pagination-list-item:last-of-type .datatable-pagination-list-item-link::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='oklch(70.7%25 0.022 261.325)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m10 16 4-4-4-4'/%3e %3c/svg%3e"); } .dark .datatable-wrapper .datatable-bottom & .datatable-pagination-list-item:last-of-type .datatable-pagination-list-item-link:hover::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m10 16 4-4-4-4'/%3e %3c/svg%3e"); } .datatable-wrapper .datatable-bottom & .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link { border-top-left-radius: 0.5rem; border-bottom-left-radius: 0.5rem; border-left: 1px solid var(--color-gray-300); } .dark .datatable-wrapper .datatable-bottom & .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link { border-left: 1px solid var(--color-gray-700); } .datatable-wrapper .datatable-bottom & .datatable-pagination-list-item:last-of-type .datatable-pagination-list-item-link { border-top-right-radius: 0.5rem; border-bottom-right-radius: 0.5rem; border-left: 0; } .datatable-wrapper .datatable-bottom & .datatable-pagination-list-item-link:hover { background-color: var(--color-gray-50); color: var(--color-gray-700); } .dark .datatable-wrapper .datatable-bottom & .datatable-pagination-list-item-link:hover { background-color: var(--color-gray-700); color: white; }}.datatable-pagination{.datatable-wrapper .datatable-bottom & .datatable-pagination-list { display: flex; align-items: center; height: 2rem; font-size: 0.875rem; } .datatable-wrapper .datatable-bottom & .datatable-pagination-list-item-link { display: flex; align-items: center; color: var(--color-gray-500); font-weight: 500; padding-left: 0.75rem; padding-right: 0.75rem; height: 2rem; font-size: 0.875rem; border-top: 1px solid var(--color-gray-300); border-bottom: 1px solid var(--color-gray-300); border-right: 1px solid var(--color-gray-300); } .dark .datatable-wrapper .datatable-bottom & .datatable-pagination-list-item-link { color: var(--color-gray-400); border-color: var(--color-gray-700); } .datatable-wrapper .datatable-bottom & .datatable-pagination-list-item:first-of-type { position: relative; } .datatable-wrapper .datatable-bottom & .datatable-pagination-list-item:last-of-type { position: relative; } .datatable-wrapper .datatable-bottom & .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link { color: transparent; } .datatable-wrapper .datatable-bottom & .datatable-pagination-list-item:last-of-type .datatable-pagination-list-item-link { color: transparent; } .dark .datatable-wrapper .datatable-bottom & .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link { color: transparent; } .dark .datatable-wrapper .datatable-bottom & .datatable-pagination-list-item:last-of-type .datatable-pagination-list-item-link { color: transparent; } .datatable-wrapper .datatable-bottom & .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='oklch(55.1%25 0.027 264.364)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m14 8-4 4 4 4'/%3e %3c/svg%3e"); position: absolute; top: 50%; left: 50%; width: 1.3rem; height: 1.3rem; transform: translate(-50%, -50%); } .datatable-wrapper .datatable-bottom & .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link:hover::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='oklch(21%25 0.034 264.665)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m14 8-4 4 4 4'/%3e %3c/svg%3e"); } .dark .datatable-wrapper .datatable-bottom & .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='oklch(70.7%25 0.022 261.325)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m14 8-4 4 4 4'/%3e %3c/svg%3e"); } .dark .datatable-wrapper .datatable-bottom & .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link:hover::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m14 8-4 4 4 4'/%3e %3c/svg%3e"); } .datatable-wrapper .datatable-bottom & .datatable-pagination-list-item:last-of-type .datatable-pagination-list-item-link::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='oklch(55.1%25 0.027 264.364)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m10 16 4-4-4-4'/%3e %3c/svg%3e"); position: absolute; top: 50%; right: 50%; width: 1.3rem; height: 1.3rem; transform: translate(50%, -50%); } .datatable-wrapper .datatable-bottom & .datatable-pagination-list-item:last-of-type .datatable-pagination-list-item-link:hover::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='oklch(21%25 0.034 264.665)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m10 16 4-4-4-4'/%3e %3c/svg%3e"); } .dark .datatable-wrapper .datatable-bottom & .datatable-pagination-list-item:last-of-type .datatable-pagination-list-item-link::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='oklch(70.7%25 0.022 261.325)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m10 16 4-4-4-4'/%3e %3c/svg%3e"); } .dark .datatable-wrapper .datatable-bottom & .datatable-pagination-list-item:last-of-type .datatable-pagination-list-item-link:hover::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m10 16 4-4-4-4'/%3e %3c/svg%3e"); } .datatable-wrapper .datatable-bottom & .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link { border-top-left-radius: 0.5rem; border-bottom-left-radius: 0.5rem; border-left: 1px solid var(--color-gray-300); } .dark .datatable-wrapper .datatable-bottom & .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link { border-left: 1px solid var(--color-gray-700); } .datatable-wrapper .datatable-bottom & .datatable-pagination-list-item:last-of-type .datatable-pagination-list-item-link { border-top-right-radius: 0.5rem; border-bottom-right-radius: 0.5rem; border-left: 0; } .datatable-wrapper .datatable-bottom & .datatable-pagination-list-item-link:hover { background-color: var(--color-gray-50); color: var(--color-gray-700); } .dark .datatable-wrapper .datatable-bottom & .datatable-pagination-list-item-link:hover { background-color: var(--color-gray-700); color: white; }}.datatable-pagination-list-item-link{.datatable-wrapper .datatable-bottom .datatable-pagination & { display: flex; align-items: center; color: var(--color-gray-500); font-weight: 500; padding-left: 0.75rem; padding-right: 0.75rem; height: 2rem; font-size: 0.875rem; border-top: 1px solid var(--color-gray-300); border-bottom: 1px solid var(--color-gray-300); border-right: 1px solid var(--color-gray-300); } .dark .datatable-wrapper .datatable-bottom .datatable-pagination & { color: var(--color-gray-400); border-color: var(--color-gray-700); } .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type & { color: transparent; } .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:last-of-type & { color: transparent; } .dark .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type & { color: transparent; } .dark .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:last-of-type & { color: transparent; } .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type &::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='oklch(55.1%25 0.027 264.364)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m14 8-4 4 4 4'/%3e %3c/svg%3e"); position: absolute; top: 50%; left: 50%; width: 1.3rem; height: 1.3rem; transform: translate(-50%, -50%); } .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type &:hover::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='oklch(21%25 0.034 264.665)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m14 8-4 4 4 4'/%3e %3c/svg%3e"); } .dark .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type &::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='oklch(70.7%25 0.022 261.325)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m14 8-4 4 4 4'/%3e %3c/svg%3e"); } .dark .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type &:hover::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m14 8-4 4 4 4'/%3e %3c/svg%3e"); } .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:last-of-type &::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='oklch(55.1%25 0.027 264.364)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m10 16 4-4-4-4'/%3e %3c/svg%3e"); position: absolute; top: 50%; right: 50%; width: 1.3rem; height: 1.3rem; transform: translate(50%, -50%); } .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:last-of-type &:hover::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='oklch(21%25 0.034 264.665)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m10 16 4-4-4-4'/%3e %3c/svg%3e"); } .dark .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:last-of-type &::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='oklch(70.7%25 0.022 261.325)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m10 16 4-4-4-4'/%3e %3c/svg%3e"); } .dark .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:last-of-type &:hover::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m10 16 4-4-4-4'/%3e %3c/svg%3e"); } .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type & { border-top-left-radius: 0.5rem; border-bottom-left-radius: 0.5rem; border-left: 1px solid var(--color-gray-300); } .dark .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type & { border-left: 1px solid var(--color-gray-700); } .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:last-of-type & { border-top-right-radius: 0.5rem; border-bottom-right-radius: 0.5rem; border-left: 0; } .datatable-wrapper .datatable-bottom .datatable-pagination &:hover { background-color: var(--color-gray-50); color: var(--color-gray-700); } .dark .datatable-wrapper .datatable-bottom .datatable-pagination &:hover { background-color: var(--color-gray-700); color: white; }}.datatable-pagination-list-item-link{.datatable-wrapper .datatable-bottom .datatable-pagination & { display: flex; align-items: center; color: var(--color-gray-500); font-weight: 500; padding-left: 0.75rem; padding-right: 0.75rem; height: 2rem; font-size: 0.875rem; border-top: 1px solid var(--color-gray-300); border-bottom: 1px solid var(--color-gray-300); border-right: 1px solid var(--color-gray-300); } .dark .datatable-wrapper .datatable-bottom .datatable-pagination & { color: var(--color-gray-400); border-color: var(--color-gray-700); } .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type & { color: transparent; } .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:last-of-type & { color: transparent; } .dark .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type & { color: transparent; } .dark .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:last-of-type & { color: transparent; } .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type &::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='oklch(55.1%25 0.027 264.364)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m14 8-4 4 4 4'/%3e %3c/svg%3e"); position: absolute; top: 50%; left: 50%; width: 1.3rem; height: 1.3rem; transform: translate(-50%, -50%); } .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type &:hover::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='oklch(21%25 0.034 264.665)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m14 8-4 4 4 4'/%3e %3c/svg%3e"); } .dark .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type &::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='oklch(70.7%25 0.022 261.325)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m14 8-4 4 4 4'/%3e %3c/svg%3e"); } .dark .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type &:hover::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m14 8-4 4 4 4'/%3e %3c/svg%3e"); } .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:last-of-type &::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='oklch(55.1%25 0.027 264.364)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m10 16 4-4-4-4'/%3e %3c/svg%3e"); position: absolute; top: 50%; right: 50%; width: 1.3rem; height: 1.3rem; transform: translate(50%, -50%); } .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:last-of-type &:hover::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='oklch(21%25 0.034 264.665)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m10 16 4-4-4-4'/%3e %3c/svg%3e"); } .dark .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:last-of-type &::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='oklch(70.7%25 0.022 261.325)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m10 16 4-4-4-4'/%3e %3c/svg%3e"); } .dark .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:last-of-type &:hover::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m10 16 4-4-4-4'/%3e %3c/svg%3e"); } .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type & { border-top-left-radius: 0.5rem; border-bottom-left-radius: 0.5rem; border-left: 1px solid var(--color-gray-300); } .dark .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type & { border-left: 1px solid var(--color-gray-700); } .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:last-of-type & { border-top-right-radius: 0.5rem; border-bottom-right-radius: 0.5rem; border-left: 0; } .datatable-wrapper .datatable-bottom .datatable-pagination &:hover { background-color: var(--color-gray-50); color: var(--color-gray-700); } .dark .datatable-wrapper .datatable-bottom .datatable-pagination &:hover { background-color: var(--color-gray-700); color: white; }}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border-width:0}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.inset-0{inset:calc(var(--spacing) * 0)}.top-0{top:calc(var(--spacing) * 0)}.right-0{right:calc(var(--spacing) * 0)}.bottom-0{bottom:calc(var(--spacing) * 0)}.bottom-\[60px\]{bottom:60px}.left-0{left:calc(var(--spacing) * 0)}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.container{width:100%;@media(width >= 40rem){max-width: 40rem;}@media(width >= 48rem){max-width: 48rem;}@media(width >= 64rem){max-width: 64rem;}@media(width >= 80rem){max-width: 80rem;}@media(width >= 96rem){max-width: 96rem;}}.m-auto{margin:auto}.mx-auto{margin-inline:auto}.ms-auto{margin-inline-start:auto}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-5{margin-top:calc(var(--spacing) * 5)}.mt-14{margin-top:calc(var(--spacing) * 14)}.mt-\[120px\]{margin-top:120px}.apexcharts-canvas{& .apexcharts-tooltip { background-color: white !important; color: var(--color-gray-700) !important; border: 0 !important; border-radius: 0.25rem !important; box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1) !important; } .dark & .apexcharts-tooltip { background-color: var(--color-gray-700) !important; color: var(--color-gray-400) !important; border-color: transparent !important; box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1) !important; } & .apexcharts-tooltip .apexcharts-tooltip-title { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; padding-right: 0.75rem !important; padding-left: 0.75rem !important; margin-bottom: 0.75rem !important; background-color: var(--color-gray-100) !important; border-bottom-color: var(--color-gray-200) !important; font-size: 0.875rem !important; font-weight: 400 !important; color: var(--color-gray-500) !important; } .dark & .apexcharts-tooltip .apexcharts-tooltip-title { background-color: var(--color-gray-600) !important; border-color: var(--color-gray-500) !important; color: var(--color-gray-500) !important; } & .apexcharts-xaxistooltip { color: var(--color-gray-500) !important; padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; padding-right: 0.75rem !important; padding-left: 0.75rem !important; border-color: transparent !important; background-color: white !important; border-radius: 0.25rem !important; box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1) !important; } .dark & .apexcharts-xaxistooltip { color: var(--color-gray-400) !important; background-color: var(--color-gray-700) !important; } & .apexcharts-tooltip .apexcharts-tooltip-text-y-label { color: var(--color-gray-500) !important; font-size: 0.875rem !important; } .dark & .apexcharts-tooltip .apexcharts-tooltip-text-y-label { color: var(--color-gray-400) !important; } & .apexcharts-tooltip .apexcharts-tooltip-text-y-value { color: var(--color-gray-900); font-size: 0.875rem !important; } .dark & .apexcharts-tooltip .apexcharts-tooltip-text-y-value { color: white !important; } & .apexcharts-xaxistooltip-text { font-weight: 400 !important; font-size: 0.875rem !important; } & .apexcharts-xaxistooltip:after { border-bottom-color: white !important; } & .apexcharts-xaxistooltip:before { border-bottom-color: white !important; } & .apexcharts-xaxistooltip:after { border-width: 8px !important; margin-left: -8px !important; } & .apexcharts-xaxistooltip:before { border-width: 10px !important; margin-left: -10px !important; } .dark & .apexcharts-xaxistooltip:after { border-bottom-color: var(--color-gray-700) !important; } .dark & .apexcharts-xaxistooltip:before { border-bottom-color: var(--color-gray-700) !important; } & .apexcharts-tooltip-series-group.apexcharts-active .apexcharts-tooltip-y-group { padding: 0 !important; } & .apexcharts-tooltip-series-group.apexcharts-active { padding-left: 0.75rem !important; padding-right: 0.75rem !important; padding-bottom: 0.75rem !important; background-color: white !important; color: var(--color-gray-500) !important; } .dark & .apexcharts-tooltip-series-group.apexcharts-active { background-color: var(--color-gray-700) !important; color: var(--color-gray-400) !important; } & .apexcharts-tooltip-series-group.apexcharts-active:first-of-type { padding-top: 0.75rem !important; } & .apexcharts-legend { padding: 0 !important; } & .apexcharts-legend-text { font-size: 0.75rem !important; font-weight: 500 !important; padding-left: 1.25rem !important; color: var(--color-gray-500) !important; } :is([dir=rtl]) & .apexcharts-legend-text { padding-right: 0.5rem !important; } & .apexcharts-legend-text:not(.apexcharts-inactive-legend):hover { color: var(--color-gray-900) !important; } .dark & .apexcharts-legend-text { color: var(--color-gray-400) !important; } .dark & .apexcharts-legend-text:not(.apexcharts-inactive-legend):hover { color: white !important; } & .apexcharts-legend-series { margin-left: 0.5rem !important; margin-right: 0.5rem !important; margin-bottom: 0.25rem !important; display: flex !important; align-items: center !important; } .dark & .apexcharts-datalabels-group .apexcharts-text.apexcharts-datalabel-value { fill: white !important; } & .apexcharts-datalabels-group .apexcharts-text.apexcharts-datalabel-label { fill: var(--color-gray-500) !important; font-size: 1rem,[object Object] !important; font-weight: 400 !important; } .dark & .apexcharts-datalabels-group .apexcharts-text.apexcharts-datalabel-label { fill: var(--color-gray-400) !important; } & .apexcharts-datalabels .apexcharts-text.apexcharts-pie-label { font-size: 0.75rem,[object Object] !important; font-weight: 600 !important; text-shadow: none !important; filter: none !important; }}.apexcharts-canvas{& .apexcharts-tooltip { background-color: white !important; color: var(--color-gray-700) !important; border: 0 !important; border-radius: 0.25rem !important; box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1) !important; } .dark & .apexcharts-tooltip { background-color: var(--color-gray-700) !important; color: var(--color-gray-400) !important; border-color: transparent !important; box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1) !important; } & .apexcharts-tooltip .apexcharts-tooltip-title { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; padding-right: 0.75rem !important; padding-left: 0.75rem !important; margin-bottom: 0.75rem !important; background-color: var(--color-gray-100) !important; border-bottom-color: var(--color-gray-200) !important; font-size: 0.875rem !important; font-weight: 400 !important; color: var(--color-gray-500) !important; } .dark & .apexcharts-tooltip .apexcharts-tooltip-title { background-color: var(--color-gray-600) !important; border-color: var(--color-gray-500) !important; color: var(--color-gray-500) !important; } & .apexcharts-xaxistooltip { color: var(--color-gray-500) !important; padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; padding-right: 0.75rem !important; padding-left: 0.75rem !important; border-color: transparent !important; background-color: white !important; border-radius: 0.25rem !important; box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1) !important; } .dark & .apexcharts-xaxistooltip { color: var(--color-gray-400) !important; background-color: var(--color-gray-700) !important; } & .apexcharts-tooltip .apexcharts-tooltip-text-y-label { color: var(--color-gray-500) !important; font-size: 0.875rem !important; } .dark & .apexcharts-tooltip .apexcharts-tooltip-text-y-label { color: var(--color-gray-400) !important; } & .apexcharts-tooltip .apexcharts-tooltip-text-y-value { color: var(--color-gray-900); font-size: 0.875rem !important; } .dark & .apexcharts-tooltip .apexcharts-tooltip-text-y-value { color: white !important; } & .apexcharts-xaxistooltip-text { font-weight: 400 !important; font-size: 0.875rem !important; } & .apexcharts-xaxistooltip:after { border-bottom-color: white !important; } & .apexcharts-xaxistooltip:before { border-bottom-color: white !important; } & .apexcharts-xaxistooltip:after { border-width: 8px !important; margin-left: -8px !important; } & .apexcharts-xaxistooltip:before { border-width: 10px !important; margin-left: -10px !important; } .dark & .apexcharts-xaxistooltip:after { border-bottom-color: var(--color-gray-700) !important; } .dark & .apexcharts-xaxistooltip:before { border-bottom-color: var(--color-gray-700) !important; } & .apexcharts-tooltip-series-group.apexcharts-active .apexcharts-tooltip-y-group { padding: 0 !important; } & .apexcharts-tooltip-series-group.apexcharts-active { padding-left: 0.75rem !important; padding-right: 0.75rem !important; padding-bottom: 0.75rem !important; background-color: white !important; color: var(--color-gray-500) !important; } .dark & .apexcharts-tooltip-series-group.apexcharts-active { background-color: var(--color-gray-700) !important; color: var(--color-gray-400) !important; } & .apexcharts-tooltip-series-group.apexcharts-active:first-of-type { padding-top: 0.75rem !important; } & .apexcharts-legend { padding: 0 !important; } & .apexcharts-legend-text { font-size: 0.75rem !important; font-weight: 500 !important; padding-left: 1.25rem !important; color: var(--color-gray-500) !important; } :is([dir=rtl]) & .apexcharts-legend-text { padding-right: 0.5rem !important; } & .apexcharts-legend-text:not(.apexcharts-inactive-legend):hover { color: var(--color-gray-900) !important; } .dark & .apexcharts-legend-text { color: var(--color-gray-400) !important; } .dark & .apexcharts-legend-text:not(.apexcharts-inactive-legend):hover { color: white !important; } & .apexcharts-legend-series { margin-left: 0.5rem !important; margin-right: 0.5rem !important; margin-bottom: 0.25rem !important; display: flex !important; align-items: center !important; } .dark & .apexcharts-datalabels-group .apexcharts-text.apexcharts-datalabel-value { fill: white !important; } & .apexcharts-datalabels-group .apexcharts-text.apexcharts-datalabel-label { fill: var(--color-gray-500) !important; font-size: 1rem,[object Object] !important; font-weight: 400 !important; } .dark & .apexcharts-datalabels-group .apexcharts-text.apexcharts-datalabel-label { fill: var(--color-gray-400) !important; } & .apexcharts-datalabels .apexcharts-text.apexcharts-pie-label { font-size: 0.75rem,[object Object] !important; font-weight: 600 !important; text-shadow: none !important; filter: none !important; }}.apexcharts-legend-series{.apexcharts-canvas & { margin-left: 0.5rem !important; margin-right: 0.5rem !important; margin-bottom: 0.25rem !important; display: flex !important; align-items: center !important; }}.apexcharts-legend-series{.apexcharts-canvas & { margin-left: 0.5rem !important; margin-right: 0.5rem !important; margin-bottom: 0.25rem !important; display: flex !important; align-items: center !important; }}.apexcharts-tooltip{.apexcharts-canvas & { background-color: white !important; color: var(--color-gray-700) !important; border: 0 !important; border-radius: 0.25rem !important; box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1) !important; } .dark .apexcharts-canvas & { background-color: var(--color-gray-700) !important; color: var(--color-gray-400) !important; border-color: transparent !important; box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1) !important; } .apexcharts-canvas & .apexcharts-tooltip-title { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; padding-right: 0.75rem !important; padding-left: 0.75rem !important; margin-bottom: 0.75rem !important; background-color: var(--color-gray-100) !important; border-bottom-color: var(--color-gray-200) !important; font-size: 0.875rem !important; font-weight: 400 !important; color: var(--color-gray-500) !important; } .dark .apexcharts-canvas & .apexcharts-tooltip-title { background-color: var(--color-gray-600) !important; border-color: var(--color-gray-500) !important; color: var(--color-gray-500) !important; } .apexcharts-canvas & .apexcharts-tooltip-text-y-label { color: var(--color-gray-500) !important; font-size: 0.875rem !important; } .dark .apexcharts-canvas & .apexcharts-tooltip-text-y-label { color: var(--color-gray-400) !important; } .apexcharts-canvas & .apexcharts-tooltip-text-y-value { color: var(--color-gray-900); font-size: 0.875rem !important; } :is([dir=rtl]) & .apexcharts-tooltip-marker { margin-right: 0px !important; margin-left: 0.375rem !important; } .dark .apexcharts-canvas & .apexcharts-tooltip-text-y-value { color: white !important; }}.apexcharts-tooltip{.apexcharts-canvas & { background-color: white !important; color: var(--color-gray-700) !important; border: 0 !important; border-radius: 0.25rem !important; box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1) !important; } .dark .apexcharts-canvas & { background-color: var(--color-gray-700) !important; color: var(--color-gray-400) !important; border-color: transparent !important; box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1) !important; } .apexcharts-canvas & .apexcharts-tooltip-title { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; padding-right: 0.75rem !important; padding-left: 0.75rem !important; margin-bottom: 0.75rem !important; background-color: var(--color-gray-100) !important; border-bottom-color: var(--color-gray-200) !important; font-size: 0.875rem !important; font-weight: 400 !important; color: var(--color-gray-500) !important; } .dark .apexcharts-canvas & .apexcharts-tooltip-title { background-color: var(--color-gray-600) !important; border-color: var(--color-gray-500) !important; color: var(--color-gray-500) !important; } .apexcharts-canvas & .apexcharts-tooltip-text-y-label { color: var(--color-gray-500) !important; font-size: 0.875rem !important; } .dark .apexcharts-canvas & .apexcharts-tooltip-text-y-label { color: var(--color-gray-400) !important; } .apexcharts-canvas & .apexcharts-tooltip-text-y-value { color: var(--color-gray-900); font-size: 0.875rem !important; } :is([dir=rtl]) & .apexcharts-tooltip-marker { margin-right: 0px !important; margin-left: 0.375rem !important; } .dark .apexcharts-canvas & .apexcharts-tooltip-text-y-value { color: white !important; }}.datatable-top{.datatable-wrapper & { display: flex; justify-content: space-between; flex-direction: column-reverse; align-items: start; gap: 1rem; margin-bottom: 1rem; @media (min-width: 640px) { flex-direction: row-reverse; align-items: center; } } .datatable-wrapper & .datatable-dropdown { color: var(--color-gray-500); font-size: 0.875rem; } .dark .datatable-wrapper & .datatable-dropdown { color: var(--color-gray-400); } .datatable-wrapper & .datatable-dropdown .datatable-selector { background-color: var(--color-gray-50); color: var(--color-gray-900); font-size: 0.875rem; border: 1px solid var(--color-gray-300); border-radius: 0.5rem; margin-right: 0.25rem; min-width: 4rem; } .dark .datatable-wrapper & .datatable-dropdown .datatable-selector { background-color: var(--color-gray-800); border: 1px solid var(--color-gray-700); color: white; }}.datatable-top{.datatable-wrapper & { display: flex; justify-content: space-between; flex-direction: column-reverse; align-items: start; gap: 1rem; margin-bottom: 1rem; @media (min-width: 640px) { flex-direction: row-reverse; align-items: center; } } .datatable-wrapper & .datatable-dropdown { color: var(--color-gray-500); font-size: 0.875rem; } .dark .datatable-wrapper & .datatable-dropdown { color: var(--color-gray-400); } .datatable-wrapper & .datatable-dropdown .datatable-selector { background-color: var(--color-gray-50); color: var(--color-gray-900); font-size: 0.875rem; border: 1px solid var(--color-gray-300); border-radius: 0.5rem; margin-right: 0.25rem; min-width: 4rem; } .dark .datatable-wrapper & .datatable-dropdown .datatable-selector { background-color: var(--color-gray-800); border: 1px solid var(--color-gray-700); color: white; }}.apexcharts-tooltip-marker{ :is([dir=rtl]) .apexcharts-tooltip & { margin-right: 0px !important; margin-left: 0.375rem !important; }}.apexcharts-tooltip-marker{ :is([dir=rtl]) .apexcharts-tooltip & { margin-right: 0px !important; margin-left: 0.375rem !important; }}.datatable-dropdown{.datatable-wrapper .datatable-top & { color: var(--color-gray-500); font-size: 0.875rem; } .dark .datatable-wrapper .datatable-top & { color: var(--color-gray-400); } .datatable-wrapper .datatable-top & .datatable-selector { background-color: var(--color-gray-50); color: var(--color-gray-900); font-size: 0.875rem; border: 1px solid var(--color-gray-300); border-radius: 0.5rem; margin-right: 0.25rem; min-width: 4rem; } .dark .datatable-wrapper .datatable-top & .datatable-selector { background-color: var(--color-gray-800); border: 1px solid var(--color-gray-700); color: white; }}.datatable-dropdown{.datatable-wrapper .datatable-top & { color: var(--color-gray-500); font-size: 0.875rem; } .dark .datatable-wrapper .datatable-top & { color: var(--color-gray-400); } .datatable-wrapper .datatable-top & .datatable-selector { background-color: var(--color-gray-50); color: var(--color-gray-900); font-size: 0.875rem; border: 1px solid var(--color-gray-300); border-radius: 0.5rem; margin-right: 0.25rem; min-width: 4rem; } .dark .datatable-wrapper .datatable-top & .datatable-selector { background-color: var(--color-gray-800); border: 1px solid var(--color-gray-700); color: white; }}.datatable-selector{.datatable-wrapper .datatable-top .datatable-dropdown & { background-color: var(--color-gray-50); color: var(--color-gray-900); font-size: 0.875rem; border: 1px solid var(--color-gray-300); border-radius: 0.5rem; margin-right: 0.25rem; min-width: 4rem; } .dark .datatable-wrapper .datatable-top .datatable-dropdown & { background-color: var(--color-gray-800); border: 1px solid var(--color-gray-700); color: white; }}.datatable-selector{.datatable-wrapper .datatable-top .datatable-dropdown & { background-color: var(--color-gray-50); color: var(--color-gray-900); font-size: 0.875rem; border: 1px solid var(--color-gray-300); border-radius: 0.5rem; margin-right: 0.25rem; min-width: 4rem; } .dark .datatable-wrapper .datatable-top .datatable-dropdown & { background-color: var(--color-gray-800); border: 1px solid var(--color-gray-700); color: white; }}.mr-5{margin-right:calc(var(--spacing) * 5)}.apexcharts-tooltip-title{.apexcharts-canvas .apexcharts-tooltip & { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; padding-right: 0.75rem !important; padding-left: 0.75rem !important; margin-bottom: 0.75rem !important; background-color: var(--color-gray-100) !important; border-bottom-color: var(--color-gray-200) !important; font-size: 0.875rem !important; font-weight: 400 !important; color: var(--color-gray-500) !important; } .dark .apexcharts-canvas .apexcharts-tooltip & { background-color: var(--color-gray-600) !important; border-color: var(--color-gray-500) !important; color: var(--color-gray-500) !important; }}.apexcharts-tooltip-title{.apexcharts-canvas .apexcharts-tooltip & { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; padding-right: 0.75rem !important; padding-left: 0.75rem !important; margin-bottom: 0.75rem !important; background-color: var(--color-gray-100) !important; border-bottom-color: var(--color-gray-200) !important; font-size: 0.875rem !important; font-weight: 400 !important; color: var(--color-gray-500) !important; } .dark .apexcharts-canvas .apexcharts-tooltip & { background-color: var(--color-gray-600) !important; border-color: var(--color-gray-500) !important; color: var(--color-gray-500) !important; }}.mb-1{margin-bottom:calc(var(--spacing) * 1)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-5{margin-bottom:calc(var(--spacing) * 5)}.apexcharts-xaxistooltip{.apexcharts-canvas & { color: var(--color-gray-500) !important; padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; padding-right: 0.75rem !important; padding-left: 0.75rem !important; border-color: transparent !important; background-color: white !important; border-radius: 0.25rem !important; box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1) !important; } .dark .apexcharts-canvas & { color: var(--color-gray-400) !important; background-color: var(--color-gray-700) !important; } .apexcharts-canvas &:after { border-bottom-color: white !important; } .apexcharts-canvas &:before { border-bottom-color: white !important; } .apexcharts-canvas &:after { border-width: 8px !important; margin-left: -8px !important; } .apexcharts-canvas &:before { border-width: 10px !important; margin-left: -10px !important; } .dark .apexcharts-canvas &:after { border-bottom-color: var(--color-gray-700) !important; } .dark .apexcharts-canvas &:before { border-bottom-color: var(--color-gray-700) !important; }}.apexcharts-xaxistooltip{.apexcharts-canvas & { color: var(--color-gray-500) !important; padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; padding-right: 0.75rem !important; padding-left: 0.75rem !important; border-color: transparent !important; background-color: white !important; border-radius: 0.25rem !important; box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1) !important; } .dark .apexcharts-canvas & { color: var(--color-gray-400) !important; background-color: var(--color-gray-700) !important; } .apexcharts-canvas &:after { border-bottom-color: white !important; } .apexcharts-canvas &:before { border-bottom-color: white !important; } .apexcharts-canvas &:after { border-width: 8px !important; margin-left: -8px !important; } .apexcharts-canvas &:before { border-width: 10px !important; margin-left: -10px !important; } .dark .apexcharts-canvas &:after { border-bottom-color: var(--color-gray-700) !important; } .dark .apexcharts-canvas &:before { border-bottom-color: var(--color-gray-700) !important; }}.ml-5{margin-left:calc(var(--spacing) * 5)}.ml-auto{margin-left:auto}.datatable-pagination-list{.datatable-wrapper .datatable-bottom .datatable-pagination & { display: flex; align-items: center; height: 2rem; font-size: 0.875rem; }}.datatable-pagination-list{.datatable-wrapper .datatable-bottom .datatable-pagination & { display: flex; align-items: center; height: 2rem; font-size: 0.875rem; }}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.h-3{height:calc(var(--spacing) * 3)}.h-4{height:calc(var(--spacing) * 4)}.h-5{height:calc(var(--spacing) * 5)}.h-6{height:calc(var(--spacing) * 6)}.h-8{height:calc(var(--spacing) * 8)}.h-\[100px\]{height:100px}.h-\[120px\]{height:120px}.h-\[calc\(100\%-1rem\)\]{height:calc(100% - 1rem)}.h-full{height:100%}.max-h-full{max-height:100%}.min-h-\[200px\]{min-height:200px}.min-h-screen{min-height:100vh}.datatable-table{.datatable-wrapper & { width: 100%; font-size: 0.875rem; color: var(--color-gray-500); text-align: left; } .dark .datatable-wrapper & { color: var(--color-gray-400); } .datatable-wrapper & thead { font-size: 0.75rem; color: var(--color-gray-500); background-color: var(--color-gray-50); } .dark .datatable-wrapper & thead { color: var(--color-gray-400); background-color: var(--color-gray-800); } .datatable-wrapper & thead th { white-space: nowrap; } .datatable-wrapper & thead th { width: auto !important; padding-top: 0.75rem; padding-bottom: 0.75rem; padding-left: 1.5rem; padding-right: 1.5rem; } .datatable-wrapper & tbody th { width: auto !important; padding-top: 0.75rem; padding-bottom: 0.75rem; padding-left: 1.5rem; padding-right: 1.5rem; } .datatable-wrapper & tbody td { width: auto !important; padding-top: 0.75rem; padding-bottom: 0.75rem; padding-left: 1.5rem; padding-right: 1.5rem; } .datatable-wrapper & thead th .datatable-sorter { text-transform: uppercase; } .datatable-wrapper & thead th { text-transform: uppercase; } .datatable-wrapper & thead th .datatable-sorter:hover { color: var(--color-gray-900); } .datatable-wrapper & thead th.datatable-ascending .datatable-sorter { color: var(--color-gray-900); } .datatable-wrapper & thead th.datatable-descending .datatable-sorter { color: var(--color-gray-900); } .dark .datatable-wrapper & thead th .datatable-sorter:hover { color: white; } .dark .datatable-wrapper & thead th.datatable-ascending .datatable-sorter { color: white; } .dark .datatable-wrapper & thead th.datatable-descending .datatable-sorter { color: white; } .datatable-wrapper & tbody tr.selected { background-color: var(--color-gray-100); } .dark .datatable-wrapper & tbody tr.selected { background-color: var(--color-gray-700); } .datatable-wrapper & tbody tr { border-bottom: 1px solid var(--color-gray-200); } .dark .datatable-wrapper & tbody tr { border-bottom: 1px solid var(--color-gray-700); } .datatable-wrapper & .datatable-empty { text-align: center; }}.datatable-table{.datatable-wrapper & { width: 100%; font-size: 0.875rem; color: var(--color-gray-500); text-align: left; } .dark .datatable-wrapper & { color: var(--color-gray-400); } .datatable-wrapper & thead { font-size: 0.75rem; color: var(--color-gray-500); background-color: var(--color-gray-50); } .dark .datatable-wrapper & thead { color: var(--color-gray-400); background-color: var(--color-gray-800); } .datatable-wrapper & thead th { white-space: nowrap; } .datatable-wrapper & thead th { width: auto !important; padding-top: 0.75rem; padding-bottom: 0.75rem; padding-left: 1.5rem; padding-right: 1.5rem; } .datatable-wrapper & tbody th { width: auto !important; padding-top: 0.75rem; padding-bottom: 0.75rem; padding-left: 1.5rem; padding-right: 1.5rem; } .datatable-wrapper & tbody td { width: auto !important; padding-top: 0.75rem; padding-bottom: 0.75rem; padding-left: 1.5rem; padding-right: 1.5rem; } .datatable-wrapper & thead th .datatable-sorter { text-transform: uppercase; } .datatable-wrapper & thead th { text-transform: uppercase; } .datatable-wrapper & thead th .datatable-sorter:hover { color: var(--color-gray-900); } .datatable-wrapper & thead th.datatable-ascending .datatable-sorter { color: var(--color-gray-900); } .datatable-wrapper & thead th.datatable-descending .datatable-sorter { color: var(--color-gray-900); } .dark .datatable-wrapper & thead th .datatable-sorter:hover { color: white; } .dark .datatable-wrapper & thead th.datatable-ascending .datatable-sorter { color: white; } .dark .datatable-wrapper & thead th.datatable-descending .datatable-sorter { color: white; } .datatable-wrapper & tbody tr.selected { background-color: var(--color-gray-100); } .dark .datatable-wrapper & tbody tr.selected { background-color: var(--color-gray-700); } .datatable-wrapper & tbody tr { border-bottom: 1px solid var(--color-gray-200); } .dark .datatable-wrapper & tbody tr { border-bottom: 1px solid var(--color-gray-700); } .datatable-wrapper & .datatable-empty { text-align: center; }}.w-1\/2{width:calc(1/2 * 100%)}.w-3{width:calc(var(--spacing) * 3)}.w-4{width:calc(var(--spacing) * 4)}.w-5{width:calc(var(--spacing) * 5)}.w-8{width:calc(var(--spacing) * 8)}.w-64{width:calc(var(--spacing) * 64)}.w-\[25px\]{width:25px}.w-\[150px\]{width:150px}.w-\[200px\]{width:200px}.w-full{width:100%}.max-w-2xl{max-width:var(--container-2xl)}.max-w-\[1800px\]{max-width:1800px}.max-w-screen-2xl{max-width:var(--breakpoint-2xl)}.max-w-screen-xl{max-width:var(--breakpoint-xl)}.datatable-input{.datatable-wrapper .datatable-search & { color: var(--color-gray-900); font-size: 0.875rem; border: 1px solid var(--color-gray-300); border-radius: 0.5rem; background-color: var(--color-gray-50); min-width: 16rem; } .datatable-wrapper & { color: var(--color-gray-900); font-size: 0.875rem; border: 1px solid var(--color-gray-300); border-radius: 0.5rem; background-color: var(--color-gray-50); min-width: 16rem; } .dark .datatable-wrapper .datatable-search & { color: white; background-color: var(--color-gray-800); border: 1px solid var(--color-gray-700); } .dark .datatable-wrapper & { color: white; background-color: var(--color-gray-800); border: 1px solid var(--color-gray-700); } .datatable-wrapper thead th & { background-color: white; font-weight: 400; color: var(--color-gray-900); padding-top: .35rem; padding-bottom: .35rem; min-width: 0; } .dark .datatable-wrapper thead th & { background-color: var(--color-gray-700); border-color: var(--color-gray-600); color: white; } .datatable-wrapper .datatable-search &:focus { border-color: var(--color-blue-600); }}.datatable-input{.datatable-wrapper .datatable-search & { color: var(--color-gray-900); font-size: 0.875rem; border: 1px solid var(--color-gray-300); border-radius: 0.5rem; background-color: var(--color-gray-50); min-width: 16rem; } .datatable-wrapper & { color: var(--color-gray-900); font-size: 0.875rem; border: 1px solid var(--color-gray-300); border-radius: 0.5rem; background-color: var(--color-gray-50); min-width: 16rem; } .dark .datatable-wrapper .datatable-search & { color: white; background-color: var(--color-gray-800); border: 1px solid var(--color-gray-700); } .dark .datatable-wrapper & { color: white; background-color: var(--color-gray-800); border: 1px solid var(--color-gray-700); } .datatable-wrapper thead th & { background-color: white; font-weight: 400; color: var(--color-gray-900); padding-top: .35rem; padding-bottom: .35rem; min-width: 0; } .dark .datatable-wrapper thead th & { background-color: var(--color-gray-700); border-color: var(--color-gray-600); color: white; } .datatable-wrapper .datatable-search &:focus { border-color: var(--color-blue-600); }}.datatable-search{.datatable-wrapper & .datatable-input { color: var(--color-gray-900); font-size: 0.875rem; border: 1px solid var(--color-gray-300); border-radius: 0.5rem; background-color: var(--color-gray-50); min-width: 16rem; } .dark .datatable-wrapper & .datatable-input { color: white; background-color: var(--color-gray-800); border: 1px solid var(--color-gray-700); } .datatable-wrapper & .datatable-input:focus { border-color: var(--color-blue-600); }}.datatable-search{.datatable-wrapper & .datatable-input { color: var(--color-gray-900); font-size: 0.875rem; border: 1px solid var(--color-gray-300); border-radius: 0.5rem; background-color: var(--color-gray-50); min-width: 16rem; } .dark .datatable-wrapper & .datatable-input { color: white; background-color: var(--color-gray-800); border: 1px solid var(--color-gray-700); } .datatable-wrapper & .datatable-input:focus { border-color: var(--color-blue-600); }}.min-w-0{min-width:calc(var(--spacing) * 0)}.min-w-5{min-width:calc(var(--spacing) * 5)}.min-w-8{min-width:calc(var(--spacing) * 8)}.flex-1{flex:1}.flex-shrink{flex-shrink:1}.flex-shrink-0{flex-shrink:0}.shrink-0{flex-shrink:0}.flex-grow-0{flex-grow:0}.basis-full{flex-basis:100%}.-translate-x-full{--tw-translate-x:-100%;translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-x-0{--tw-translate-x:calc(var(--spacing) * 0);translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-x-full{--tw-translate-x:100%;translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-y-full{--tw-translate-y:-100%;translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-y-full{--tw-translate-y:100%;translate:var(--tw-translate-x)var(--tw-translate-y)}.rotate-180{rotate:180deg}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.transform-none{transform:none}.animate-spin{animation:var(--animate-spin)}.cursor-default{cursor:default}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.resize{resize:both}.list-inside{list-style-position:inside}.list-disc{list-style-type:disc}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.space-y-6{ :where(& > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse))); }}.space-x-2{ :where(& > :not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse))); }}.overflow-hidden{overflow:hidden}.datatable-container{.datatable-wrapper & thead tr.search-filtering-row th { padding-top: 0; } .datatable-wrapper & { overflow-x: auto; }}.datatable-container{.datatable-wrapper & thead tr.search-filtering-row th { padding-top: 0; } .datatable-wrapper & { overflow-x: auto; }}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-t{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.rounded-l-lg{border-top-left-radius:var(--radius-lg);border-bottom-left-radius:var(--radius-lg)}.rounded-r-lg{border-top-right-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-lg)}.rounded-b{border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-t-0{border-top-style:var(--tw-border-style);border-top-width:0}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.dark{& .apexcharts-canvas .apexcharts-tooltip { background-color: var(--color-gray-700) !important; color: var(--color-gray-400) !important; border-color: transparent !important; box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1) !important; } & .apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-title { background-color: var(--color-gray-600) !important; border-color: var(--color-gray-500) !important; color: var(--color-gray-500) !important; } & .apexcharts-canvas .apexcharts-xaxistooltip { color: var(--color-gray-400) !important; background-color: var(--color-gray-700) !important; } & .apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-text-y-label { color: var(--color-gray-400) !important; } & .apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-text-y-value { color: white !important; } & .apexcharts-canvas .apexcharts-xaxistooltip:after { border-bottom-color: var(--color-gray-700) !important; } & .apexcharts-canvas .apexcharts-xaxistooltip:before { border-bottom-color: var(--color-gray-700) !important; } & .apexcharts-canvas .apexcharts-tooltip-series-group.apexcharts-active { background-color: var(--color-gray-700) !important; color: var(--color-gray-400) !important; } & .apexcharts-canvas .apexcharts-legend-text { color: var(--color-gray-400) !important; } & .apexcharts-canvas .apexcharts-legend-text:not(.apexcharts-inactive-legend):hover { color: white !important; } & .apexcharts-canvas .apexcharts-datalabels-group .apexcharts-text.apexcharts-datalabel-value { fill: white !important; } & .apexcharts-canvas .apexcharts-datalabels-group .apexcharts-text.apexcharts-datalabel-label { fill: var(--color-gray-400) !important; } & .apexcharts-gridline { stroke: var(--color-gray-700) !important; } & .apexcharts-xcrosshairs { stroke: var(--color-gray-700) !important; } & .apexcharts-ycrosshairs { stroke: var(--color-gray-700) !important; }}.dark{& .apexcharts-canvas .apexcharts-tooltip { background-color: var(--color-gray-700) !important; color: var(--color-gray-400) !important; border-color: transparent !important; box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1) !important; } & .apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-title { background-color: var(--color-gray-600) !important; border-color: var(--color-gray-500) !important; color: var(--color-gray-500) !important; } & .apexcharts-canvas .apexcharts-xaxistooltip { color: var(--color-gray-400) !important; background-color: var(--color-gray-700) !important; } & .apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-text-y-label { color: var(--color-gray-400) !important; } & .apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-text-y-value { color: white !important; } & .apexcharts-canvas .apexcharts-xaxistooltip:after { border-bottom-color: var(--color-gray-700) !important; } & .apexcharts-canvas .apexcharts-xaxistooltip:before { border-bottom-color: var(--color-gray-700) !important; } & .apexcharts-canvas .apexcharts-tooltip-series-group.apexcharts-active { background-color: var(--color-gray-700) !important; color: var(--color-gray-400) !important; } & .apexcharts-canvas .apexcharts-legend-text { color: var(--color-gray-400) !important; } & .apexcharts-canvas .apexcharts-legend-text:not(.apexcharts-inactive-legend):hover { color: white !important; } & .apexcharts-canvas .apexcharts-datalabels-group .apexcharts-text.apexcharts-datalabel-value { fill: white !important; } & .apexcharts-canvas .apexcharts-datalabels-group .apexcharts-text.apexcharts-datalabel-label { fill: var(--color-gray-400) !important; } & .apexcharts-gridline { stroke: var(--color-gray-700) !important; } & .apexcharts-xcrosshairs { stroke: var(--color-gray-700) !important; } & .apexcharts-ycrosshairs { stroke: var(--color-gray-700) !important; }}.dark{& .datatable-wrapper .datatable-search .datatable-input { color: white; background-color: var(--color-gray-800); border: 1px solid var(--color-gray-700); } & .datatable-wrapper .datatable-input { color: white; background-color: var(--color-gray-800); border: 1px solid var(--color-gray-700); } & .datatable-wrapper thead th .datatable-input { background-color: var(--color-gray-700); border-color: var(--color-gray-600); color: white; } & .datatable-wrapper .datatable-top .datatable-dropdown { color: var(--color-gray-400); } & .datatable-wrapper .datatable-top .datatable-dropdown .datatable-selector { background-color: var(--color-gray-800); border: 1px solid var(--color-gray-700); color: white; } & .datatable-wrapper .datatable-table { color: var(--color-gray-400); } & .datatable-wrapper .datatable-table thead { color: var(--color-gray-400); background-color: var(--color-gray-800); } & .datatable-wrapper .datatable-table thead th .datatable-sorter:hover { color: white; } & .datatable-wrapper .datatable-table thead th.datatable-ascending .datatable-sorter { color: white; } & .datatable-wrapper .datatable-table thead th.datatable-descending .datatable-sorter { color: white; } & .datatable-wrapper .datatable-table tbody tr.selected { background-color: var(--color-gray-700); } & .datatable-wrapper .datatable-table tbody tr { border-bottom: 1px solid var(--color-gray-700); } & .datatable-wrapper .datatable-bottom .datatable-info { color: var(--color-gray-400); } & .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item-link { color: var(--color-gray-400); border-color: var(--color-gray-700); } & .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link { color: transparent; } & .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:last-of-type .datatable-pagination-list-item-link { color: transparent; } & .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='oklch(70.7%25 0.022 261.325)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m14 8-4 4 4 4'/%3e %3c/svg%3e"); } & .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link:hover::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m14 8-4 4 4 4'/%3e %3c/svg%3e"); } & .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:last-of-type .datatable-pagination-list-item-link::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='oklch(70.7%25 0.022 261.325)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m10 16 4-4-4-4'/%3e %3c/svg%3e"); } & .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:last-of-type .datatable-pagination-list-item-link:hover::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m10 16 4-4-4-4'/%3e %3c/svg%3e"); } & .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link { border-left: 1px solid var(--color-gray-700); } & .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item-link:hover { background-color: var(--color-gray-700); color: white; }}.dark{& .datatable-wrapper .datatable-search .datatable-input { color: white; background-color: var(--color-gray-800); border: 1px solid var(--color-gray-700); } & .datatable-wrapper .datatable-input { color: white; background-color: var(--color-gray-800); border: 1px solid var(--color-gray-700); } & .datatable-wrapper thead th .datatable-input { background-color: var(--color-gray-700); border-color: var(--color-gray-600); color: white; } & .datatable-wrapper .datatable-top .datatable-dropdown { color: var(--color-gray-400); } & .datatable-wrapper .datatable-top .datatable-dropdown .datatable-selector { background-color: var(--color-gray-800); border: 1px solid var(--color-gray-700); color: white; } & .datatable-wrapper .datatable-table { color: var(--color-gray-400); } & .datatable-wrapper .datatable-table thead { color: var(--color-gray-400); background-color: var(--color-gray-800); } & .datatable-wrapper .datatable-table thead th .datatable-sorter:hover { color: white; } & .datatable-wrapper .datatable-table thead th.datatable-ascending .datatable-sorter { color: white; } & .datatable-wrapper .datatable-table thead th.datatable-descending .datatable-sorter { color: white; } & .datatable-wrapper .datatable-table tbody tr.selected { background-color: var(--color-gray-700); } & .datatable-wrapper .datatable-table tbody tr { border-bottom: 1px solid var(--color-gray-700); } & .datatable-wrapper .datatable-bottom .datatable-info { color: var(--color-gray-400); } & .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item-link { color: var(--color-gray-400); border-color: var(--color-gray-700); } & .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link { color: transparent; } & .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:last-of-type .datatable-pagination-list-item-link { color: transparent; } & .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='oklch(70.7%25 0.022 261.325)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m14 8-4 4 4 4'/%3e %3c/svg%3e"); } & .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link:hover::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m14 8-4 4 4 4'/%3e %3c/svg%3e"); } & .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:last-of-type .datatable-pagination-list-item-link::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='oklch(70.7%25 0.022 261.325)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m10 16 4-4-4-4'/%3e %3c/svg%3e"); } & .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:last-of-type .datatable-pagination-list-item-link:hover::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m10 16 4-4-4-4'/%3e %3c/svg%3e"); } & .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link { border-left: 1px solid var(--color-gray-700); } & .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item-link:hover { background-color: var(--color-gray-700); color: white; }}.border-blue-600{border-color:var(--color-blue-600)}.border-blue-700{border-color:var(--color-blue-700)}.border-gray-100{border-color:var(--color-gray-100)}.border-gray-200{border-color:var(--color-gray-200)}.border-gray-300{border-color:var(--color-gray-300)}.border-secondary{border-color:#a9855f}.apexcharts-active{.apexcharts-canvas .apexcharts-tooltip-series-group& .apexcharts-tooltip-y-group { padding: 0 !important; } .apexcharts-canvas .apexcharts-tooltip-series-group& { padding-left: 0.75rem !important; padding-right: 0.75rem !important; padding-bottom: 0.75rem !important; background-color: white !important; color: var(--color-gray-500) !important; } .dark .apexcharts-canvas .apexcharts-tooltip-series-group& { background-color: var(--color-gray-700) !important; color: var(--color-gray-400) !important; } .apexcharts-canvas .apexcharts-tooltip-series-group&:first-of-type { padding-top: 0.75rem !important; }}.apexcharts-active{.apexcharts-canvas .apexcharts-tooltip-series-group& .apexcharts-tooltip-y-group { padding: 0 !important; } .apexcharts-canvas .apexcharts-tooltip-series-group& { padding-left: 0.75rem !important; padding-right: 0.75rem !important; padding-bottom: 0.75rem !important; background-color: white !important; color: var(--color-gray-500) !important; } .dark .apexcharts-canvas .apexcharts-tooltip-series-group& { background-color: var(--color-gray-700) !important; color: var(--color-gray-400) !important; } .apexcharts-canvas .apexcharts-tooltip-series-group&:first-of-type { padding-top: 0.75rem !important; }}.selected{.datatable-wrapper .datatable-table tbody tr& { background-color: var(--color-gray-100); } .dark .datatable-wrapper .datatable-table tbody tr& { background-color: var(--color-gray-700); }}.selected{.datatable-wrapper .datatable-table tbody tr& { background-color: var(--color-gray-100); } .dark .datatable-wrapper .datatable-table tbody tr& { background-color: var(--color-gray-700); }}.selectedCell{background-color:var(--color-gray-50);.dark & { background-color: var(--color-gray-700); }}.selectedCell{background-color:var(--color-gray-50);.dark & { background-color: var(--color-gray-700); }}.bg-blue-700{background-color:var(--color-blue-700)}.bg-gray{background-color:#9e958e}.bg-gray-100{background-color:var(--color-gray-100)}.bg-gray-200{background-color:var(--color-gray-200)}.bg-gray-900{background-color:var(--color-gray-900)}.bg-gray-900\/50{background-color:color-mix(in srgb,oklch(21% .034 264.665) 50%,transparent);@supports(color:color-mix(in lab,red,red)){background-color: color-mix(in oklab,var(--color-gray-900) 50%,transparent);}}.bg-green-500{background-color:var(--color-green-500)}.bg-primary{background-color:#ffeee9}.bg-red-500{background-color:var(--color-red-500)}.bg-secondary{background-color:#a9855f}.bg-transparent{background-color:initial}.bg-white{background-color:var(--color-white)}.bg-white\/50{background-color:color-mix(in srgb,#fff 50%,transparent);@supports(color:color-mix(in lab,red,red)){background-color: color-mix(in oklab,var(--color-white) 50%,transparent);}}.dark{& .selectedCell { background-color: var(--color-gray-700); }}.dark{& .selectedCell { background-color: var(--color-gray-700); }}.bg-cover{background-size:cover}.bg-center{background-position:50%}.bg-no-repeat{background-repeat:no-repeat}.apexcharts-datalabels-group{& .apexcharts-text.apexcharts-datalabel-value { fill: var(--color-gray-900) !important; font-size: 1.875rem,[object Object] !important; font-weight: 700 !important; } .dark .apexcharts-canvas & .apexcharts-text.apexcharts-datalabel-value { fill: white !important; } .apexcharts-canvas & .apexcharts-text.apexcharts-datalabel-label { fill: var(--color-gray-500) !important; font-size: 1rem,[object Object] !important; font-weight: 400 !important; } .dark .apexcharts-canvas & .apexcharts-text.apexcharts-datalabel-label { fill: var(--color-gray-400) !important; }}.apexcharts-datalabels-group{& .apexcharts-text.apexcharts-datalabel-value { fill: var(--color-gray-900) !important; font-size: 1.875rem,[object Object] !important; font-weight: 700 !important; } .dark .apexcharts-canvas & .apexcharts-text.apexcharts-datalabel-value { fill: white !important; } .apexcharts-canvas & .apexcharts-text.apexcharts-datalabel-label { fill: var(--color-gray-500) !important; font-size: 1rem,[object Object] !important; font-weight: 400 !important; } .dark .apexcharts-canvas & .apexcharts-text.apexcharts-datalabel-label { fill: var(--color-gray-400) !important; }}.apexcharts-datalabel-label{.apexcharts-canvas .apexcharts-datalabels-group .apexcharts-text& { fill: var(--color-gray-500) !important; font-size: 1rem,[object Object] !important; font-weight: 400 !important; } .dark .apexcharts-canvas .apexcharts-datalabels-group .apexcharts-text& { fill: var(--color-gray-400) !important; }}.apexcharts-datalabel-label{.apexcharts-canvas .apexcharts-datalabels-group .apexcharts-text& { fill: var(--color-gray-500) !important; font-size: 1rem,[object Object] !important; font-weight: 400 !important; } .dark .apexcharts-canvas .apexcharts-datalabels-group .apexcharts-text& { fill: var(--color-gray-400) !important; }}.apexcharts-datalabel-value{.apexcharts-datalabels-group .apexcharts-text& { fill: var(--color-gray-900) !important; font-size: 1.875rem,[object Object] !important; font-weight: 700 !important; } .dark .apexcharts-canvas .apexcharts-datalabels-group .apexcharts-text& { fill: white !important; }}.apexcharts-datalabel-value{.apexcharts-datalabels-group .apexcharts-text& { fill: var(--color-gray-900) !important; font-size: 1.875rem,[object Object] !important; font-weight: 700 !important; } .dark .apexcharts-canvas .apexcharts-datalabels-group .apexcharts-text& { fill: white !important; }}.fill-secondary{fill:#a9855f}.apexcharts-ycrosshairs{stroke:var(--color-gray-200)!important;.dark & { stroke: var(--color-gray-700) !important; }}.apexcharts-ycrosshairs{stroke:var(--color-gray-200)!important;.dark & { stroke: var(--color-gray-700) !important; }}.object-cover{object-fit:cover}.apexcharts-legend{.apexcharts-canvas & { padding: 0 !important; }}.apexcharts-legend{.apexcharts-canvas & { padding: 0 !important; }}.apexcharts-tooltip-y-group{.apexcharts-canvas .apexcharts-tooltip-series-group.apexcharts-active & { padding: 0 !important; }}.apexcharts-tooltip-y-group{.apexcharts-canvas .apexcharts-tooltip-series-group.apexcharts-active & { padding: 0 !important; }}.p-1{padding:calc(var(--spacing) * 1)}.p-1\.5{padding:calc(var(--spacing) * 1.5)}.p-2{padding:calc(var(--spacing) * 2)}.p-2\.5{padding:calc(var(--spacing) * 2.5)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.p-6{padding:calc(var(--spacing) * 6)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-6{padding-inline:calc(var(--spacing) * 6)}.px-8{padding-inline:calc(var(--spacing) * 8)}.py-1{padding-block:calc(var(--spacing) * 1)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-5{padding-block:calc(var(--spacing) * 5)}.pt-1{padding-top:calc(var(--spacing) * 1)}.pt-2{padding-top:calc(var(--spacing) * 2)}.pt-5{padding-top:calc(var(--spacing) * 5)}.pt-\[120px\]{padding-top:120px}.search-filtering-row{.datatable-wrapper .datatable-container thead tr& th { padding-top: 0; }}.search-filtering-row{.datatable-wrapper .datatable-container thead tr& th { padding-top: 0; }}.apexcharts-legend-text{.apexcharts-canvas & { font-size: 0.75rem !important; font-weight: 500 !important; padding-left: 1.25rem !important; color: var(--color-gray-500) !important; } :is([dir=rtl]) .apexcharts-canvas & { padding-right: 0.5rem !important; } .apexcharts-canvas &:not(.apexcharts-inactive-legend):hover { color: var(--color-gray-900) !important; } .dark .apexcharts-canvas & { color: var(--color-gray-400) !important; } .dark .apexcharts-canvas &:not(.apexcharts-inactive-legend):hover { color: white !important; }}.apexcharts-legend-text{.apexcharts-canvas & { font-size: 0.75rem !important; font-weight: 500 !important; padding-left: 1.25rem !important; color: var(--color-gray-500) !important; } :is([dir=rtl]) .apexcharts-canvas & { padding-right: 0.5rem !important; } .apexcharts-canvas &:not(.apexcharts-inactive-legend):hover { color: var(--color-gray-900) !important; } .dark .apexcharts-canvas & { color: var(--color-gray-400) !important; } .dark .apexcharts-canvas &:not(.apexcharts-inactive-legend):hover { color: white !important; }}.pr-1{padding-right:calc(var(--spacing) * 1)}.pr-5{padding-right:calc(var(--spacing) * 5)}.pb-1{padding-bottom:calc(var(--spacing) * 1)}.pb-2{padding-bottom:calc(var(--spacing) * 2)}.pb-3{padding-bottom:calc(var(--spacing) * 3)}.pb-4{padding-bottom:calc(var(--spacing) * 4)}.pb-5{padding-bottom:calc(var(--spacing) * 5)}.pl-2{padding-left:calc(var(--spacing) * 2)}.pl-4{padding-left:calc(var(--spacing) * 4)}.pl-5{padding-left:calc(var(--spacing) * 5)}.datatable-empty{.datatable-wrapper .datatable-table & { text-align: center; }}.datatable-empty{.datatable-wrapper .datatable-table & { text-align: center; }}.text-center{text-align:center}.font-poppins{font-family:Poppins,Roboto,Arial,sans-serif}.font-raleway{font-family:Raleway,sans-serif}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.apexcharts-datalabels{.apexcharts-canvas & .apexcharts-text.apexcharts-pie-label { font-size: 0.75rem,[object Object] !important; font-weight: 600 !important; text-shadow: none !important; filter: none !important; }}.apexcharts-datalabels{.apexcharts-canvas & .apexcharts-text.apexcharts-pie-label { font-size: 0.75rem,[object Object] !important; font-weight: 600 !important; text-shadow: none !important; filter: none !important; }}.apexcharts-pie-label{.apexcharts-canvas .apexcharts-datalabels .apexcharts-text& { font-size: 0.75rem,[object Object] !important; font-weight: 600 !important; text-shadow: none !important; filter: none !important; }}.apexcharts-pie-label{.apexcharts-canvas .apexcharts-datalabels .apexcharts-text& { font-size: 0.75rem,[object Object] !important; font-weight: 600 !important; text-shadow: none !important; filter: none !important; }}.apexcharts-xaxistooltip-text{.apexcharts-canvas & { font-weight: 400 !important; font-size: 0.875rem !important; }}.apexcharts-xaxistooltip-text{.apexcharts-canvas & { font-weight: 400 !important; font-size: 0.875rem !important; }}.apexcharts-tooltip-text-y-label{.apexcharts-canvas .apexcharts-tooltip & { color: var(--color-gray-500) !important; font-size: 0.875rem !important; } .dark .apexcharts-canvas .apexcharts-tooltip & { color: var(--color-gray-400) !important; }}.apexcharts-tooltip-text-y-label{.apexcharts-canvas .apexcharts-tooltip & { color: var(--color-gray-500) !important; font-size: 0.875rem !important; } .dark .apexcharts-canvas .apexcharts-tooltip & { color: var(--color-gray-400) !important; }}.apexcharts-tooltip-text-y-value{.apexcharts-canvas .apexcharts-tooltip & { color: var(--color-gray-900); font-size: 0.875rem !important; } .dark .apexcharts-canvas .apexcharts-tooltip & { color: white !important; }}.apexcharts-tooltip-text-y-value{.apexcharts-canvas .apexcharts-tooltip & { color: var(--color-gray-900); font-size: 0.875rem !important; } .dark .apexcharts-canvas .apexcharts-tooltip & { color: white !important; }}.datatable-info{.datatable-wrapper .datatable-bottom & { color: var(--color-gray-500); font-size: 0.875rem; } .dark .datatable-wrapper .datatable-bottom & { color: var(--color-gray-400); }}.datatable-info{.datatable-wrapper .datatable-bottom & { color: var(--color-gray-500); font-size: 0.875rem; } .dark .datatable-wrapper .datatable-bottom & { color: var(--color-gray-400); }}.text-\[20px\]{font-size:20px}.leading-6{--tw-leading:calc(var(--spacing) * 6);line-height:calc(var(--spacing) * 6)}.leading-9{--tw-leading:calc(var(--spacing) * 9);line-height:calc(var(--spacing) * 9)}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.datatable-sorter{.datatable-wrapper .datatable-table thead th & { text-transform: uppercase; } .datatable-wrapper .datatable-table thead th &:hover { color: var(--color-gray-900); } .datatable-wrapper .datatable-table thead th.datatable-ascending & { color: var(--color-gray-900); } .datatable-wrapper .datatable-table thead th.datatable-descending & { color: var(--color-gray-900); } .dark .datatable-wrapper .datatable-table thead th &:hover { color: white; } .dark .datatable-wrapper .datatable-table thead th.datatable-ascending & { color: white; } .dark .datatable-wrapper .datatable-table thead th.datatable-descending & { color: white; }}.datatable-sorter{.datatable-wrapper .datatable-table thead th & { text-transform: uppercase; } .datatable-wrapper .datatable-table thead th &:hover { color: var(--color-gray-900); } .datatable-wrapper .datatable-table thead th.datatable-ascending & { color: var(--color-gray-900); } .datatable-wrapper .datatable-table thead th.datatable-descending & { color: var(--color-gray-900); } .dark .datatable-wrapper .datatable-table thead th &:hover { color: white; } .dark .datatable-wrapper .datatable-table thead th.datatable-ascending & { color: white; } .dark .datatable-wrapper .datatable-table thead th.datatable-descending & { color: white; }}.datatable-ascending{.datatable-wrapper .datatable-table thead th& .datatable-sorter { color: var(--color-gray-900); } .dark .datatable-wrapper .datatable-table thead th& .datatable-sorter { color: white; }}.datatable-ascending{.datatable-wrapper .datatable-table thead th& .datatable-sorter { color: var(--color-gray-900); } .dark .datatable-wrapper .datatable-table thead th& .datatable-sorter { color: white; }}.datatable-descending{.datatable-wrapper .datatable-table thead th& .datatable-sorter { color: var(--color-gray-900); } .dark .datatable-wrapper .datatable-table thead th& .datatable-sorter { color: white; }}.datatable-descending{.datatable-wrapper .datatable-table thead th& .datatable-sorter { color: var(--color-gray-900); } .dark .datatable-wrapper .datatable-table thead th& .datatable-sorter { color: white; }}.text-blue-600{color:var(--color-blue-600)}.text-dark{color:#514841}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.text-gray-800{color:var(--color-gray-800)}.text-gray-900{color:var(--color-gray-900)}.text-primary{color:#ffeee9}.text-secondary{color:#a9855f}.text-white{color:var(--color-white)}.uppercase{text-transform:uppercase}.no-underline{text-decoration-line:none}.decoration-2{text-decoration-thickness:2px}.underline-offset-10{text-underline-offset:10px}.opacity-0{opacity:0%}.opacity-100{opacity:100%}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.outline-2{outline-style:var(--tw-outline-style);outline-width:2px}.outline-primary{outline-color:#ffeee9}.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,)}.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,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-300{--tw-duration:300ms;transition-duration:300ms}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.before\:bg-secondary{&::before { content:var(--tw-content); background-color:#A9855F; }}.after\:bg-secondary{&::after { content:var(--tw-content); background-color:#A9855F; }}.hover\:cursor-default{&:hover { @media (hover:hover) { cursor:default; } }}.hover\:cursor-pointer{&:hover { @media (hover:hover) { cursor:pointer; } }}.hover\:border-gray-300{&:hover { @media (hover:hover) { border-color:var(--color-gray-300); } }}.hover\:bg-blue-800{&:hover { @media (hover:hover) { background-color:var(--color-blue-800); } }}.hover\:bg-gray-100{&:hover { @media (hover:hover) { background-color:var(--color-gray-100); } }}.hover\:bg-gray-200{&:hover { @media (hover:hover) { background-color:var(--color-gray-200); } }}.hover\:bg-white{&:hover { @media (hover:hover) { background-color:var(--color-white); } }}.hover\:text-blue-600{&:hover { @media (hover:hover) { color:var(--color-blue-600); } }}.hover\:text-gray-600{&:hover { @media (hover:hover) { color:var(--color-gray-600); } }}.hover\:text-gray-900{&:hover { @media (hover:hover) { color:var(--color-gray-900); } }}.hover\:underline{&:hover { @media (hover:hover) { text-decoration-line:underline; } }}.hover\:opacity-80{&:hover { @media (hover:hover) { opacity:80%; } }}.hover\:ring-2{&:hover { @media (hover:hover) { --tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor); box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow); } }}.hover\:ring-white{&:hover { @media (hover:hover) { --tw-ring-color:var(--color-white); } }}.focus\:z-10{&:focus { z-index:10; }}.focus\:border-secondary{&:focus { border-color:#A9855F; }}.focus\:underline{&:focus { text-decoration-line:underline; }}.focus\:ring-2{&:focus { --tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor); box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow); }}.focus\:ring-4{&:focus { --tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor); box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow); }}.focus\:ring-blue-300{&:focus { --tw-ring-color:var(--color-blue-300); }}.focus\:ring-gray-200{&:focus { --tw-ring-color:var(--color-gray-200); }}.focus\:ring-secondary{&:focus { --tw-ring-color:#A9855F; }}.focus\:outline-none{&:focus { --tw-outline-style:none; outline-style:none; }}.sm\:mr-5{@media(width >= 40rem){margin-right: calc(var(--spacing) * 5);}}.sm\:ml-5{@media(width >= 40rem){margin-left: calc(var(--spacing) * 5);}}.sm\:block{@media(width >= 40rem){display: block;}}.sm\:flex{@media(width >= 40rem){display: flex;}}.sm\:hidden{@media(width >= 40rem){display: none;}}.sm\:h-\[120px\]{@media(width >= 40rem){height: 120px;}}.sm\:min-h-\[400px\]{@media(width >= 40rem){min-height: 400px;}}.sm\:w-full{@media(width >= 40rem){width: 100%;}}.sm\:flex-col{@media(width >= 40rem){flex-direction: column;}}.sm\:justify-between{@media(width >= 40rem){justify-content: space-between;}}.sm\:justify-center{@media(width >= 40rem){justify-content: center;}}.sm\:justify-end{@media(width >= 40rem){justify-content: flex-end;}}.sm\:justify-start{@media(width >= 40rem){justify-content: flex-start;}}.sm\:bg-transparent{@media(width >= 40rem){background-color: transparent;}}.sm\:p-0{@media(width >= 40rem){padding: calc(var(--spacing) * 0);}}.sm\:p-10{@media(width >= 40rem){padding: calc(var(--spacing) * 10);}}.sm\:py-10{@media(width >= 40rem){padding-block: calc(var(--spacing) * 10);}}.sm\:pt-10{@media(width >= 40rem){padding-top: calc(var(--spacing) * 10);}}.sm\:pb-10{@media(width >= 40rem){padding-bottom: calc(var(--spacing) * 10);}}.sm\:pl-4{@media(width >= 40rem){padding-left: calc(var(--spacing) * 4);}}.sm\:text-2xl{@media(width >= 40rem){font-size: var(--text-2xl); line-height: var(--tw-leading,var(--text-2xl--line-height));}}.sm\:text-3xl{@media(width >= 40rem){font-size: var(--text-3xl); line-height: var(--tw-leading,var(--text-3xl--line-height));}}.sm\:text-lg{@media(width >= 40rem){font-size: var(--text-lg); line-height: var(--tw-leading,var(--text-lg--line-height));}}.md\:relative{@media(width >= 48rem){position: relative;}}.md\:inset-0{@media(width >= 48rem){inset: calc(var(--spacing) * 0);}}.md\:mt-0{@media(width >= 48rem){margin-top: calc(var(--spacing) * 0);}}.md\:ml-6{@media(width >= 48rem){margin-left: calc(var(--spacing) * 6);}}.md\:block{@media(width >= 48rem){display: block;}}.md\:flex{@media(width >= 48rem){display: flex;}}.md\:hidden{@media(width >= 48rem){display: none;}}.md\:inline{@media(width >= 48rem){display: inline;}}.md\:min-h-\[600px\]{@media(width >= 48rem){min-height: 600px;}}.md\:w-1\/3{@media(width >= 48rem){width: calc(1/3 * 100%);}}.md\:w-2\/3{@media(width >= 48rem){width: calc(2/3 * 100%);}}.md\:max-w-\[80\%\]{@media(width >= 48rem){max-width: 80%;}}.md\:flex-row{@media(width >= 48rem){flex-direction: row;}}.md\:justify-end{@media(width >= 48rem){justify-content: flex-end;}}.md\:justify-evenly{@media(width >= 48rem){justify-content: space-evenly;}}.md\:p-10{@media(width >= 48rem){padding: calc(var(--spacing) * 10);}}.md\:px-8{@media(width >= 48rem){padding-inline: calc(var(--spacing) * 8);}}.md\:px-10{@media(width >= 48rem){padding-inline: calc(var(--spacing) * 10);}}.md\:px-30{@media(width >= 48rem){padding-inline: calc(var(--spacing) * 30);}}.md\:pt-3{@media(width >= 48rem){padding-top: calc(var(--spacing) * 3);}}.md\:pb-3{@media(width >= 48rem){padding-bottom: calc(var(--spacing) * 3);}}.md\:pb-5{@media(width >= 48rem){padding-bottom: calc(var(--spacing) * 5);}}.md\:pb-10{@media(width >= 48rem){padding-bottom: calc(var(--spacing) * 10);}}.md\:pl-2{@media(width >= 48rem){padding-left: calc(var(--spacing) * 2);}}.md\:text-2xl{@media(width >= 48rem){font-size: var(--text-2xl); line-height: var(--tw-leading,var(--text-2xl--line-height));}}.md\:text-3xl{@media(width >= 48rem){font-size: var(--text-3xl); line-height: var(--tw-leading,var(--text-3xl--line-height));}}.lg\:min-h-\[700px\]{@media(width >= 64rem){min-height: 700px;}}.lg\:w-1\/2{@media(width >= 64rem){width: calc(1/2 * 100%);}}.lg\:max-w-\[500px\]{@media(width >= 64rem){max-width: 500px;}}.lg\:max-w-\[600px\]{@media(width >= 64rem){max-width: 600px;}}.lg\:px-5{@media(width >= 64rem){padding-inline: calc(var(--spacing) * 5);}}.rtl\:rotate-180{&:where(:dir(rtl),[dir="rtl"],[dir="rtl"] *) { rotate:180deg; }}.rtl\:space-x-reverse{&:where(:dir(rtl),[dir="rtl"],[dir="rtl"] *) {:where(& >:not(:last-child)) { --tw-space-x-reverse:1; } }}.dark\:border-blue-500{@media(prefers-color-scheme:dark){border-color: var(--color-blue-500);}}.dark\:border-gray-500{@media(prefers-color-scheme:dark){border-color: var(--color-gray-500);}}.dark\:border-gray-600{@media(prefers-color-scheme:dark){border-color: var(--color-gray-600);}}.dark\:border-gray-700{@media(prefers-color-scheme:dark){border-color: var(--color-gray-700);}}.dark\:border-transparent{@media(prefers-color-scheme:dark){border-color: transparent;}}.dark\:bg-blue-600{@media(prefers-color-scheme:dark){background-color: var(--color-blue-600);}}.dark\:bg-gray-600{@media(prefers-color-scheme:dark){background-color: var(--color-gray-600);}}.dark\:bg-gray-700{@media(prefers-color-scheme:dark){background-color: var(--color-gray-700);}}.dark\:bg-gray-800{@media(prefers-color-scheme:dark){background-color: var(--color-gray-800);}}.dark\:bg-gray-800\/50{@media(prefers-color-scheme:dark){background-color: color-mix(in srgb,oklch(27.8% 0.033 256.848) 50%,transparent); @supports (color: color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-gray-800) 50%,transparent)}}}.dark\:bg-gray-900\/80{@media(prefers-color-scheme:dark){background-color: color-mix(in srgb,oklch(21% 0.034 264.665) 80%,transparent); @supports (color: color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-gray-900) 80%,transparent)}}}.dark\:text-blue-500{@media(prefers-color-scheme:dark){color: var(--color-blue-500);}}.dark\:text-gray-300{@media(prefers-color-scheme:dark){color: var(--color-gray-300);}}.dark\:text-gray-400{@media(prefers-color-scheme:dark){color: var(--color-gray-400);}}.dark\:text-gray-500{@media(prefers-color-scheme:dark){color: var(--color-gray-500);}}.dark\:text-white{@media(prefers-color-scheme:dark){color: var(--color-white);}}.dark\:hover\:bg-blue-700{@media(prefers-color-scheme:dark){&:hover{@media(hover:hover){background-color: var(--color-blue-700);}}}}.dark\:hover\:bg-gray-600{@media(prefers-color-scheme:dark){&:hover{@media(hover:hover){background-color: var(--color-gray-600);}}}}.dark\:hover\:bg-gray-800{@media(prefers-color-scheme:dark){&:hover{@media(hover:hover){background-color: var(--color-gray-800);}}}}.dark\:hover\:text-blue-500{@media(prefers-color-scheme:dark){&:hover{@media(hover:hover){color: var(--color-blue-500);}}}}.dark\:hover\:text-gray-300{@media(prefers-color-scheme:dark){&:hover{@media(hover:hover){color: var(--color-gray-300);}}}}.dark\:hover\:text-white{@media(prefers-color-scheme:dark){&:hover{@media(hover:hover){color: var(--color-white);}}}}.dark\:focus\:ring-blue-800{@media(prefers-color-scheme:dark){&:focus{--tw-ring-color:var(--color-blue-800)}}}.dark\:focus\:ring-gray-600{@media(prefers-color-scheme:dark){&:focus{--tw-ring-color:var(--color-gray-600)}}}}html,body{width:auto!important;overflow-x:hidden!important;min-height:100vh}body{margin-top:0;margin-bottom:0}.hamburger.is-active .hamburger-inner,.hamburger.is-active .hamburger-inner::before,.hamburger.is-active .hamburger-inner::after{background-color:#a9855f}@layer base{h1,h2{color:#a9855f;--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold);text-transform:uppercase;font-family:Raleway,sans-serif}p{font-family:Poppins,Roboto,Arial,sans-serif;color:#514841}a{&:hover { @media (hover:hover) { text-decoration-line:underline; } }}}.markdown h1{font-size:1.5rem}.markdown ul{padding:1rem;list-style-type:disc}.markdown p{padding:.5rem}.gallery-card{display:flex;flex-direction:row;justify-content:center;height:100%;margin:auto;padding-right:10px;padding-left:10px;width:100%;max-width:800px}.carousel-cell{width:70%;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.carousel-cell img{display:block;max-width:100%;max-height:100%;opacity:.7;-webkit-transform:scale(.85);transform:scale(.85);-webkit-transition:opacity .3s,-webkit-transform .3s,transform .3s,-webkit-filter .3s,filter .3s;transition:opacity .3s,transform .3s,filter .3s}.carousel-cell.is-selected img{opacity:1;-webkit-transform:scale(1);transform:scale(1);-webkit-filter:none;filter:none}@media screen and (min-width:640px){.carousel-cell{height:400px;width:40%}}@media screen and (min-width:960px){.carousel-cell{width:33%}}.flickity-button:focus{box-shadow:none!important}.flickity-prev-next-button{display:none;width:40px;height:40px;background:0 0!important;opacity:.6}.flickity-prev-next-button:hover{background:0 0;opacity:1}.flickity-prev-next-button .arrow{fill:#fff}.flickity-prev-next-button.no-svg{color:#fff}.flickity-prev-next-button.previous{left:0!important}.flickity-prev-next-button.next{right:0!important}.flickity-prev-next-button:disabled{opacity:.5}@layer base{.tooltip-arrow,.tooltip-arrow:before{position:absolute;width:8px;height:8px;background:inherit}.tooltip-arrow{visibility:hidden}.tooltip-arrow:before{content:"";visibility:visible;transform:rotate(45deg)}[data-tooltip-style^=light]+.tooltip>.tooltip-arrow:before{border-style:solid;border-color:var(--color-gray-200)}[data-tooltip-style^=light]+.tooltip[data-popper-placement^=top]>.tooltip-arrow:before{border-bottom-width:1px;border-right-width:1px}[data-tooltip-style^=light]+.tooltip[data-popper-placement^=right]>.tooltip-arrow:before{border-bottom-width:1px;border-left-width:1px}[data-tooltip-style^=light]+.tooltip[data-popper-placement^=bottom]>.tooltip-arrow:before{border-top-width:1px;border-left-width:1px}[data-tooltip-style^=light]+.tooltip[data-popper-placement^=left]>.tooltip-arrow:before{border-top-width:1px;border-right-width:1px}.tooltip[data-popper-placement^=top]>.tooltip-arrow{bottom:-4px}.tooltip[data-popper-placement^=bottom]>.tooltip-arrow{top:-4px}.tooltip[data-popper-placement^=left]>.tooltip-arrow{right:-4px}.tooltip[data-popper-placement^=right]>.tooltip-arrow{left:-4px}.tooltip.invisible>.tooltip-arrow:before{visibility:hidden}[data-popper-arrow],[data-popper-arrow]:before{position:absolute;width:8px;height:8px;background:inherit}[data-popper-arrow]{visibility:hidden}[data-popper-arrow]:before{content:"";visibility:visible;transform:rotate(45deg)}[data-popper-arrow]:after{content:"";visibility:visible;transform:rotate(45deg);position:absolute;width:9px;height:9px;background:inherit}[role=tooltip]>[data-popper-arrow]:before{border-style:solid;border-color:var(--color-gray-200)}.dark [role=tooltip]>[data-popper-arrow]:before{border-style:solid;border-color:var(--color-gray-600)}[role=tooltip]>[data-popper-arrow]:after{border-style:solid;border-color:var(--color-gray-200)}.dark [role=tooltip]>[data-popper-arrow]:after{border-style:solid;border-color:var(--color-gray-600)}[data-popover][role=tooltip][data-popper-placement^=top]>[data-popper-arrow]:before{border-bottom-width:1px;border-right-width:1px}[data-popover][role=tooltip][data-popper-placement^=top]>[data-popper-arrow]:after{border-bottom-width:1px;border-right-width:1px}[data-popover][role=tooltip][data-popper-placement^=right]>[data-popper-arrow]:before{border-bottom-width:1px;border-left-width:1px}[data-popover][role=tooltip][data-popper-placement^=right]>[data-popper-arrow]:after{border-bottom-width:1px;border-left-width:1px}[data-popover][role=tooltip][data-popper-placement^=bottom]>[data-popper-arrow]:before{border-top-width:1px;border-left-width:1px}[data-popover][role=tooltip][data-popper-placement^=bottom]>[data-popper-arrow]:after{border-top-width:1px;border-left-width:1px}[data-popover][role=tooltip][data-popper-placement^=left]>[data-popper-arrow]:before{border-top-width:1px;border-right-width:1px}[data-popover][role=tooltip][data-popper-placement^=left]>[data-popper-arrow]:after{border-top-width:1px;border-right-width:1px}[data-popover][role=tooltip][data-popper-placement^=top]>[data-popper-arrow]{bottom:-5px}[data-popover][role=tooltip][data-popper-placement^=bottom]>[data-popper-arrow]{top:-5px}[data-popover][role=tooltip][data-popper-placement^=left]>[data-popper-arrow]{right:-5px}[data-popover][role=tooltip][data-popper-placement^=right]>[data-popper-arrow]{left:-5px}[role=tooltip].invisible>[data-popper-arrow]:before{visibility:hidden}[role=tooltip].invisible>[data-popper-arrow]:after{visibility:hidden}}@layer base{[type=text],[type=email],[type=url],[type=password],[type=number],[type=date],[type=datetime-local],[type=month],[type=search],[type=tel],[type=time],[type=week],[multiple],textarea,select{appearance:none;background-color:#fff;border-color:var(--color-gray-500);border-width:1px;border-radius:0;padding-top:.5rem;padding-right:.75rem;padding-bottom:.5rem;padding-left:.75rem;font-size:1rem;line-height:1.5rem;--tw-shadow:0 0 #0000;&: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:var(--color-blue-600); --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:var(--color-blue-600); }}input::placeholder,textarea::placeholder{color:var(--color-gray-500);opacity:1}::-webkit-datetime-edit-fields-wrapper{padding:0}input[type=time]::-webkit-calendar-picker-indicator{background:0 0}select:not([size]){background-image:url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 10 6'%3e %3cpath stroke='oklch(55.1%25 0.027 264.364)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m1 1 4 4 4-4'/%3e %3c/svg%3e");background-position:right .75rem center;background-repeat:no-repeat;background-size:.75em .75em;padding-right:2.5rem;print-color-adjust:exact}:is([dir=rtl]) select:not([size]){background-position:.75rem;padding-right:.75rem;padding-left:0}[multiple]{background-image:initial;background-position:initial;background-repeat:unset;background-size:initial;padding-right:.75rem;print-color-adjust:unset}[type=checkbox],[type=radio]{appearance:none;padding:0;print-color-adjust:exact;display:inline-block;vertical-align:middle;background-origin:border-box;user-select:none;flex-shrink:0;height:1rem;width:1rem;color:var(--color-blue-600);background-color:#fff;border-color:--color-gray-500;border-width:1px;--tw-shadow:0 0 #0000}[type=checkbox]{border-radius:0}[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:var(--color-blue-600);--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}[type=checkbox]:checked,[type=radio]:checked,.dark [type=checkbox]:checked,.dark [type=radio]:checked{border-color:transparent!important;background-color:currentColor!important;background-size:.55em .55em;background-position:50%;background-repeat:no-repeat}[type=checkbox]:checked{background-image:url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 12'%3e %3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M1 5.917 5.724 10.5 15 1.5'/%3e %3c/svg%3e");background-repeat:no-repeat;background-size:.55em .55em;print-color-adjust:exact}[type=radio]:checked{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e");background-size:1em 1em}.dark [type=radio]:checked{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e");background-size:1em 1em}[type=checkbox]:indeterminate{background-image:url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 12'%3e %3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M0.5 6h14'/%3e %3c/svg%3e");background-color:currentColor!important;border-color:transparent!important;background-position:50%;background-repeat:no-repeat;background-size:.55em .55em;print-color-adjust:exact}[type=checkbox]:indeterminate:hover,[type=checkbox]:indeterminate:focus{border-color:transparent!important;background-color:currentColor!important}[type=file]{background:unset;border-color:inherit;border-width:0;border-radius:0;padding:0;font-size:unset;line-height:inherit}[type=file]:focus{outline:1px auto inherit}input[type=file]::file-selector-button{color:#fff;background:var(--color-gray-800);border:0;font-weight:500;font-size:.875rem;cursor:pointer;padding-top:.625rem;padding-bottom:.625rem;padding-left:2rem;padding-right:1rem;margin-inline-start:-1rem;margin-inline-end:1rem;&:hover { background:var(--color-gray-700); }}:is([dir=rtl]) input[type=file]::file-selector-button{padding-right:2rem;padding-left:1rem}.dark input[type=file]::file-selector-button{color:#fff;background:var(--color-gray-600);&:hover { background:var(--color-gray-500); }}input[type=range]::-webkit-slider-thumb{height:1.25rem;width:1.25rem;background:var(--color-blue-600);border-radius:9999px;border:0;appearance:none;-moz-appearance:none;-webkit-appearance:none;cursor:pointer}input[type=range]:disabled::-webkit-slider-thumb{background:var(--color-gray-400)}.dark input[type=range]:disabled::-webkit-slider-thumb{background:var(--color-gray-500)}input[type=range]:focus::-webkit-slider-thumb{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-opacity:1;--tw-ring-color:rgb(164 202 254 / var(--tw-ring-opacity))}input[type=range]::-moz-range-thumb{height:1.25rem;width:1.25rem;background:var(--color-blue-600);border-radius:9999px;border:0;appearance:none;-moz-appearance:none;-webkit-appearance:none;cursor:pointer}input[type=range]:disabled::-moz-range-thumb{background:var(--color-gray-400)}.dark input[type=range]:disabled::-moz-range-thumb{background:var(--color-gray-500)}input[type=range]::-moz-range-progress{background:var(--color-blue-500)}input[type=range]::-ms-fill-lower{background:var(--color-blue-500)}input[type=range].range-sm::-webkit-slider-thumb{height:1rem;width:1rem}input[type=range].range-lg::-webkit-slider-thumb{height:1.5rem;width:1.5rem}input[type=range].range-sm::-moz-range-thumb{height:1rem;width:1rem}input[type=range].range-lg::-moz-range-thumb{height:1.5rem;width:1.5rem}.toggle-bg:after{content:"";position:absolute;top:.125rem;left:.125rem;background:#fff;border-color:var(--color-gray-300);border-width:1px;border-radius:9999px;height:1.25rem;width:1.25rem;transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-duration:.15s;box-shadow:var(--tw-ring-inset)0 0 0 calc(0px + var(--tw-ring-offset-width))var(--tw-ring-color)}input:checked+.toggle-bg:after{transform:translateX(100%);border-color:#fff}input:checked+.toggle-bg{background:var(--color-blue-600);border-color:var(--color-blue-600)}}@layer base{.tooltip-arrow,.tooltip-arrow:before{position:absolute;width:8px;height:8px;background:inherit}.tooltip-arrow{visibility:hidden}.tooltip-arrow:before{content:"";visibility:visible;transform:rotate(45deg)}[data-tooltip-style^=light]+.tooltip>.tooltip-arrow:before{border-style:solid;border-color:var(--color-gray-200)}[data-tooltip-style^=light]+.tooltip[data-popper-placement^=top]>.tooltip-arrow:before{border-bottom-width:1px;border-right-width:1px}[data-tooltip-style^=light]+.tooltip[data-popper-placement^=right]>.tooltip-arrow:before{border-bottom-width:1px;border-left-width:1px}[data-tooltip-style^=light]+.tooltip[data-popper-placement^=bottom]>.tooltip-arrow:before{border-top-width:1px;border-left-width:1px}[data-tooltip-style^=light]+.tooltip[data-popper-placement^=left]>.tooltip-arrow:before{border-top-width:1px;border-right-width:1px}.tooltip[data-popper-placement^=top]>.tooltip-arrow{bottom:-4px}.tooltip[data-popper-placement^=bottom]>.tooltip-arrow{top:-4px}.tooltip[data-popper-placement^=left]>.tooltip-arrow{right:-4px}.tooltip[data-popper-placement^=right]>.tooltip-arrow{left:-4px}.tooltip.invisible>.tooltip-arrow:before{visibility:hidden}[data-popper-arrow],[data-popper-arrow]:before{position:absolute;width:8px;height:8px;background:inherit}[data-popper-arrow]{visibility:hidden}[data-popper-arrow]:before{content:"";visibility:visible;transform:rotate(45deg)}[data-popper-arrow]:after{content:"";visibility:visible;transform:rotate(45deg);position:absolute;width:9px;height:9px;background:inherit}[role=tooltip]>[data-popper-arrow]:before{border-style:solid;border-color:var(--color-gray-200)}.dark [role=tooltip]>[data-popper-arrow]:before{border-style:solid;border-color:var(--color-gray-600)}[role=tooltip]>[data-popper-arrow]:after{border-style:solid;border-color:var(--color-gray-200)}.dark [role=tooltip]>[data-popper-arrow]:after{border-style:solid;border-color:var(--color-gray-600)}[data-popover][role=tooltip][data-popper-placement^=top]>[data-popper-arrow]:before{border-bottom-width:1px;border-right-width:1px}[data-popover][role=tooltip][data-popper-placement^=top]>[data-popper-arrow]:after{border-bottom-width:1px;border-right-width:1px}[data-popover][role=tooltip][data-popper-placement^=right]>[data-popper-arrow]:before{border-bottom-width:1px;border-left-width:1px}[data-popover][role=tooltip][data-popper-placement^=right]>[data-popper-arrow]:after{border-bottom-width:1px;border-left-width:1px}[data-popover][role=tooltip][data-popper-placement^=bottom]>[data-popper-arrow]:before{border-top-width:1px;border-left-width:1px}[data-popover][role=tooltip][data-popper-placement^=bottom]>[data-popper-arrow]:after{border-top-width:1px;border-left-width:1px}[data-popover][role=tooltip][data-popper-placement^=left]>[data-popper-arrow]:before{border-top-width:1px;border-right-width:1px}[data-popover][role=tooltip][data-popper-placement^=left]>[data-popper-arrow]:after{border-top-width:1px;border-right-width:1px}[data-popover][role=tooltip][data-popper-placement^=top]>[data-popper-arrow]{bottom:-5px}[data-popover][role=tooltip][data-popper-placement^=bottom]>[data-popper-arrow]{top:-5px}[data-popover][role=tooltip][data-popper-placement^=left]>[data-popper-arrow]{right:-5px}[data-popover][role=tooltip][data-popper-placement^=right]>[data-popper-arrow]{left:-5px}[role=tooltip].invisible>[data-popper-arrow]:before{visibility:hidden}[role=tooltip].invisible>[data-popper-arrow]:after{visibility:hidden}}@layer base{[type=text],[type=email],[type=url],[type=password],[type=number],[type=date],[type=datetime-local],[type=month],[type=search],[type=tel],[type=time],[type=week],[multiple],textarea,select{appearance:none;background-color:#fff;border-color:var(--color-gray-500);border-width:1px;border-radius:0;padding-top:.5rem;padding-right:.75rem;padding-bottom:.5rem;padding-left:.75rem;font-size:1rem;line-height:1.5rem;--tw-shadow:0 0 #0000;&: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:var(--color-blue-600); --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:var(--color-blue-600); }}input::placeholder,textarea::placeholder{color:var(--color-gray-500);opacity:1}::-webkit-datetime-edit-fields-wrapper{padding:0}input[type=time]::-webkit-calendar-picker-indicator{background:0 0}select:not([size]){background-image:url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 10 6'%3e %3cpath stroke='oklch(55.1%25 0.027 264.364)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m1 1 4 4 4-4'/%3e %3c/svg%3e");background-position:right .75rem center;background-repeat:no-repeat;background-size:.75em .75em;padding-right:2.5rem;print-color-adjust:exact}:is([dir=rtl]) select:not([size]){background-position:.75rem;padding-right:.75rem;padding-left:0}[multiple]{background-image:initial;background-position:initial;background-repeat:unset;background-size:initial;padding-right:.75rem;print-color-adjust:unset}[type=checkbox],[type=radio]{appearance:none;padding:0;print-color-adjust:exact;display:inline-block;vertical-align:middle;background-origin:border-box;user-select:none;flex-shrink:0;height:1rem;width:1rem;color:var(--color-blue-600);background-color:#fff;border-color:--color-gray-500;border-width:1px;--tw-shadow:0 0 #0000}[type=checkbox]{border-radius:0}[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:var(--color-blue-600);--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}[type=checkbox]:checked,[type=radio]:checked,.dark [type=checkbox]:checked,.dark [type=radio]:checked{border-color:transparent!important;background-color:currentColor!important;background-size:.55em .55em;background-position:50%;background-repeat:no-repeat}[type=checkbox]:checked{background-image:url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 12'%3e %3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M1 5.917 5.724 10.5 15 1.5'/%3e %3c/svg%3e");background-repeat:no-repeat;background-size:.55em .55em;print-color-adjust:exact}[type=radio]:checked{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e");background-size:1em 1em}.dark [type=radio]:checked{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e");background-size:1em 1em}[type=checkbox]:indeterminate{background-image:url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 12'%3e %3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M0.5 6h14'/%3e %3c/svg%3e");background-color:currentColor!important;border-color:transparent!important;background-position:50%;background-repeat:no-repeat;background-size:.55em .55em;print-color-adjust:exact}[type=checkbox]:indeterminate:hover,[type=checkbox]:indeterminate:focus{border-color:transparent!important;background-color:currentColor!important}[type=file]{background:unset;border-color:inherit;border-width:0;border-radius:0;padding:0;font-size:unset;line-height:inherit}[type=file]:focus{outline:1px auto inherit}input[type=file]::file-selector-button{color:#fff;background:var(--color-gray-800);border:0;font-weight:500;font-size:.875rem;cursor:pointer;padding-top:.625rem;padding-bottom:.625rem;padding-left:2rem;padding-right:1rem;margin-inline-start:-1rem;margin-inline-end:1rem;&:hover { background:var(--color-gray-700); }}:is([dir=rtl]) input[type=file]::file-selector-button{padding-right:2rem;padding-left:1rem}.dark input[type=file]::file-selector-button{color:#fff;background:var(--color-gray-600);&:hover { background:var(--color-gray-500); }}input[type=range]::-webkit-slider-thumb{height:1.25rem;width:1.25rem;background:var(--color-blue-600);border-radius:9999px;border:0;appearance:none;-moz-appearance:none;-webkit-appearance:none;cursor:pointer}input[type=range]:disabled::-webkit-slider-thumb{background:var(--color-gray-400)}.dark input[type=range]:disabled::-webkit-slider-thumb{background:var(--color-gray-500)}input[type=range]:focus::-webkit-slider-thumb{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-opacity:1;--tw-ring-color:rgb(164 202 254 / var(--tw-ring-opacity))}input[type=range]::-moz-range-thumb{height:1.25rem;width:1.25rem;background:var(--color-blue-600);border-radius:9999px;border:0;appearance:none;-moz-appearance:none;-webkit-appearance:none;cursor:pointer}input[type=range]:disabled::-moz-range-thumb{background:var(--color-gray-400)}.dark input[type=range]:disabled::-moz-range-thumb{background:var(--color-gray-500)}input[type=range]::-moz-range-progress{background:var(--color-blue-500)}input[type=range]::-ms-fill-lower{background:var(--color-blue-500)}input[type=range].range-sm::-webkit-slider-thumb{height:1rem;width:1rem}input[type=range].range-lg::-webkit-slider-thumb{height:1.5rem;width:1.5rem}input[type=range].range-sm::-moz-range-thumb{height:1rem;width:1rem}input[type=range].range-lg::-moz-range-thumb{height:1.5rem;width:1.5rem}.toggle-bg:after{content:"";position:absolute;top:.125rem;left:.125rem;background:#fff;border-color:var(--color-gray-300);border-width:1px;border-radius:9999px;height:1.25rem;width:1.25rem;transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-duration:.15s;box-shadow:var(--tw-ring-inset)0 0 0 calc(0px + var(--tw-ring-offset-width))var(--tw-ring-color)}input:checked+.toggle-bg:after{transform:translateX(100%);border-color:#fff}input:checked+.toggle-bg{background:var(--color-blue-600);border-color:var(--color-blue-600)}}@property --tw-translate-x{syntax: "*";
  inherits: false;
  initial-value: 0;
}@property --tw-translate-y{syntax: "*";
  inherits: false;
  initial-value: 0;
}@property --tw-translate-z{syntax: "*";
  inherits: false;
  initial-value: 0;
}@property --tw-rotate-x{syntax: "*";
  inherits: false;
}@property --tw-rotate-y{syntax: "*";
  inherits: false;
}@property --tw-rotate-z{syntax: "*";
  inherits: false;
}@property --tw-skew-x{syntax: "*";
  inherits: false;
}@property --tw-skew-y{syntax: "*";
  inherits: false;
}@property --tw-space-y-reverse{syntax: "*";
  inherits: false;
  initial-value: 0;
}@property --tw-space-x-reverse{syntax: "*";
  inherits: false;
  initial-value: 0;
}@property --tw-border-style{syntax: "*";
  inherits: false;
  initial-value: solid;
}@property --tw-leading{syntax: "*";
  inherits: false;
}@property --tw-font-weight{syntax: "*";
  inherits: false;
}@property --tw-shadow{syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}@property --tw-shadow-color{syntax: "*";
  inherits: false;
}@property --tw-shadow-alpha{syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}@property --tw-inset-shadow{syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}@property --tw-inset-shadow-color{syntax: "*";
  inherits: false;
}@property --tw-inset-shadow-alpha{syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}@property --tw-ring-color{syntax: "*";
  inherits: false;
}@property --tw-ring-shadow{syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}@property --tw-inset-ring-color{syntax: "*";
  inherits: false;
}@property --tw-inset-ring-shadow{syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}@property --tw-ring-inset{syntax: "*";
  inherits: false;
}@property --tw-ring-offset-width{syntax: "<length>";
  inherits: false;
  initial-value: 0px;
}@property --tw-ring-offset-color{syntax: "*";
  inherits: false;
  initial-value: #fff;
}@property --tw-ring-offset-shadow{syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}@property --tw-outline-style{syntax: "*";
  inherits: false;
  initial-value: solid;
}@property --tw-blur{syntax: "*";
  inherits: false;
}@property --tw-brightness{syntax: "*";
  inherits: false;
}@property --tw-contrast{syntax: "*";
  inherits: false;
}@property --tw-grayscale{syntax: "*";
  inherits: false;
}@property --tw-hue-rotate{syntax: "*";
  inherits: false;
}@property --tw-invert{syntax: "*";
  inherits: false;
}@property --tw-opacity{syntax: "*";
  inherits: false;
}@property --tw-saturate{syntax: "*";
  inherits: false;
}@property --tw-sepia{syntax: "*";
  inherits: false;
}@property --tw-drop-shadow{syntax: "*";
  inherits: false;
}@property --tw-drop-shadow-color{syntax: "*";
  inherits: false;
}@property --tw-drop-shadow-alpha{syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}@property --tw-drop-shadow-size{syntax: "*";
  inherits: false;
}@property --tw-duration{syntax: "*";
  inherits: false;
}@property --tw-ease{syntax: "*";
  inherits: false;
}@property --tw-content{syntax: "*";
  initial-value: "";
  inherits: false;
}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}@layer properties{@supports((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::before,::after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-space-x-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-ease:initial;--tw-content:""}}}