/*!
 *  Line Awesome 1.1.0 by @icons_8 - https://icons8.com/line-awesome
 *  License - https://icons8.com/good-boy-license/ (Font: SIL OFL 1.1, CSS: MIT License)
 *
 * Made with love by Icons8 [ https://icons8.com/ ] using FontCustom [ https://github.com/FontCustom/fontcustom ]
 *
 * Contacts:
 *    [ https://icons8.com/contact ]
 *
 * Follow Icon8 on
 *    Twitter [ https://twitter.com/icons_8 ]
 *    Facebook [ https://www.facebook.com/Icons8 ]
 *    Google+ [ https://plus.google.com/+Icons8 ]
 *    GitHub [ https://github.com/icons8 ]
 */
@font-face {
  font-family: "LineAwesome";
  src: url("fonts/line-awesome/line-awesome.eot?v=1.1.");
  src: url("fonts/line-awesome/line-awesome.eot??v=1.1.#iefix") format("embedded-opentype"), url("fonts/line-awesome/line-awesome.woff2?v=1.1.") format("woff2"), url("fonts/line-awesome/line-awesome.woff?v=1.1.") format("woff"), url("fonts/line-awesome/line-awesome.ttf?v=1.1.") format("truetype"), url("fonts/line-awesome/line-awesome.svg?v=1.1.#fa") format("svg");
  font-weight: normal;
  font-style: normal; }

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  @font-face {
    font-family: "LineAwesome";
    src: url("fonts/line-awesome/line-awesome.svg?v=1.1.#fa") format("svg"); } }

/* Thanks to http://fontawesome.io @fontawesome and @davegandy */
.la {
  display: inline-block;
  font: normal normal normal 16px/1 "LineAwesome";
  font-size: inherit;
  text-decoration: inherit;
  text-rendering: optimizeLegibility;
  text-transform: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased; }

/* makes the font 33% larger relative to the icon container */
.la-lg {
  font-size: 1.33333333em;
  line-height: 0.75em;
  vertical-align: -15%; }

.la-2x {
  font-size: 2em; }

.la-3x {
  font-size: 3em; }

.la-4x {
  font-size: 4em; }

.la-5x {
  font-size: 5em; }

.la-fw {
  width: 1.28571429em;
  text-align: center; }

.la-ul {
  padding-left: 0;
  margin-left: 2.14285714em;
  list-style-type: none; }

.la-ul > li {
  position: relative; }

.la-li {
  position: absolute;
  left: -2.14285714em;
  width: 2.14285714em;
  top: 0.14285714em;
  text-align: center; }

.la-li.la-lg {
  left: -1.85714286em; }

.la-border {
  padding: .2em .25em .15em;
  border: solid 0.08em #eeeeee;
  border-radius: .1em; }

.pull-right {
  float: right; }

.pull-left {
  float: left; }

.li.pull-left {
  margin-right: .3em; }

.li.pull-right {
  margin-left: .3em; }

.la-spin {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear; }

@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }

@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }

.la-rotate-90 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg); }

.la-rotate-180 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg); }

.la-rotate-270 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg); }

.la-flip-horizontal {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
  -webkit-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1); }

.la-flip-vertical {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
  -webkit-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  transform: scale(1, -1); }

:root .la-rotate-90,
:root .la-rotate-180,
:root .la-rotate-270,
:root .la-flip-horizontal,
:root .la-flip-vertical {
  filter: none; }

.la-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle; }

.la-stack-1x,
.la-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center; }

.la-stack-1x {
  line-height: inherit; }

.la-stack-2x {
  font-size: 2em; }

.la-inverse {
  color: #ffffff; }

/* Thanks to http://fontawesome.io @fontawesome and @davegandy */
.la-500px:before {
  content: "\f100"; }

.la-adjust:before {
  content: "\f101"; }

.la-adn:before {
  content: "\f102"; }

.la-align-center:before {
  content: "\f103"; }

.la-align-justify:before {
  content: "\f104"; }

.la-align-left:before {
  content: "\f105"; }

.la-align-right:before {
  content: "\f106"; }

.la-amazon:before {
  content: "\f107"; }

.la-ambulance:before {
  content: "\f108"; }

.la-anchor:before {
  content: "\f109"; }

.la-android:before {
  content: "\f10a"; }

.la-angellist:before {
  content: "\f10b"; }

.la-angle-double-down:before {
  content: "\f10c"; }

.la-angle-double-left:before {
  content: "\f10d"; }

.la-angle-double-right:before {
  content: "\f10e"; }

.la-angle-double-up:before {
  content: "\f10f"; }

.la-angle-down:before {
  content: "\f110"; }

.la-angle-left:before {
  content: "\f111"; }

.la-angle-right:before {
  content: "\f112"; }

.la-angle-up:before {
  content: "\f113"; }

.la-apple:before {
  content: "\f114"; }

.la-archive:before {
  content: "\f115"; }

.la-area-chart:before {
  content: "\f116"; }

.la-arrow-circle-down:before {
  content: "\f117"; }

.la-arrow-circle-left:before {
  content: "\f118"; }

.la-arrow-circle-o-down:before {
  content: "\f119"; }

.la-arrow-circle-o-left:before {
  content: "\f11a"; }

.la-arrow-circle-o-right:before {
  content: "\f11b"; }

.la-arrow-circle-o-up:before {
  content: "\f11c"; }

.la-arrow-circle-right:before {
  content: "\f11d"; }

.la-arrow-circle-up:before {
  content: "\f11e"; }

.la-arrow-down:before {
  content: "\f11f"; }

.la-arrow-left:before {
  content: "\f120"; }

.la-arrow-right:before {
  content: "\f121"; }

.la-arrow-up:before {
  content: "\f122"; }

.la-arrows:before {
  content: "\f123"; }

.la-arrows-alt:before {
  content: "\f124"; }

.la-arrows-h:before {
  content: "\f125"; }

.la-arrows-v:before {
  content: "\f126"; }

.la-asterisk:before {
  content: "\f127"; }

.la-at:before {
  content: "\f128"; }

.la-automobile:before {
  content: "\f129"; }

.la-backward:before {
  content: "\f12a"; }

.la-balance-scale:before {
  content: "\f12b"; }

.la-ban:before {
  content: "\f12c"; }

.la-bank:before {
  content: "\f12d"; }

.la-bar-chart:before {
  content: "\f12e"; }

.la-bar-chart-o:before {
  content: "\f12f"; }

.la-barcode:before {
  content: "\f130"; }

.la-bars:before {
  content: "\f131"; }

.la-battery-0:before {
  content: "\f132"; }

.la-battery-1:before {
  content: "\f133"; }

.la-battery-2:before {
  content: "\f134"; }

.la-battery-3:before {
  content: "\f135"; }

.la-battery-4:before {
  content: "\f136"; }

.la-battery-empty:before {
  content: "\f137"; }

.la-battery-full:before {
  content: "\f138"; }

.la-battery-half:before {
  content: "\f139"; }

.la-battery-quarter:before {
  content: "\f13a"; }

.la-battery-three-quarters:before {
  content: "\f13b"; }

.la-bed:before {
  content: "\f13c"; }

.la-beer:before {
  content: "\f13d"; }

.la-behance:before {
  content: "\f13e"; }

.la-behance-square:before {
  content: "\f13f"; }

.la-bell:before {
  content: "\f140"; }

.la-bell-o:before {
  content: "\f141"; }

.la-bell-slash:before {
  content: "\f142"; }

.la-bell-slash-o:before {
  content: "\f143"; }

.la-bicycle:before {
  content: "\f144"; }

.la-binoculars:before {
  content: "\f145"; }

.la-birthday-cake:before {
  content: "\f146"; }

.la-bitbucket:before {
  content: "\f147"; }

.la-bitbucket-square:before {
  content: "\f148"; }

.la-bitcoin:before {
  content: "\f149"; }

.la-black-tie:before {
  content: "\f14a"; }

.la-bold:before {
  content: "\f14b"; }

.la-bolt:before {
  content: "\f14c"; }

.la-bomb:before {
  content: "\f14d"; }

.la-book:before {
  content: "\f14e"; }

.la-bookmark:before {
  content: "\f14f"; }

.la-bookmark-o:before {
  content: "\f150"; }

.la-briefcase:before {
  content: "\f151"; }

.la-btc:before {
  content: "\f152"; }

.la-bug:before {
  content: "\f153"; }

.la-building:before {
  content: "\f154"; }

.la-building-o:before {
  content: "\f155"; }

.la-bullhorn:before {
  content: "\f156"; }

.la-bullseye:before {
  content: "\f157"; }

.la-bus:before {
  content: "\f158"; }

.la-buysellads:before {
  content: "\f159"; }

.la-cab:before {
  content: "\f15a"; }

.la-calculator:before {
  content: "\f15b"; }

.la-calendar:before {
  content: "\f15c"; }

.la-calendar-check-o:before {
  content: "\f15d"; }

.la-calendar-minus-o:before {
  content: "\f15e"; }

.la-calendar-o:before {
  content: "\f15f"; }

.la-calendar-plus-o:before {
  content: "\f160"; }

.la-calendar-times-o:before {
  content: "\f161"; }

.la-camera:before {
  content: "\f162"; }

.la-camera-retro:before {
  content: "\f163"; }

.la-car:before {
  content: "\f164"; }

.la-caret-down:before {
  content: "\f165"; }

.la-caret-left:before {
  content: "\f166"; }

.la-caret-right:before {
  content: "\f167"; }

.la-caret-square-o-down:before, .la-toggle-down:before {
  content: "\f168"; }

.la-caret-square-o-left:before, .la-toggle-left:before {
  content: "\f169"; }

.la-caret-square-o-right:before, .la-toggle-right:before {
  content: "\f16a"; }

.la-caret-square-o-up:before, .la-toggle-up:before {
  content: "\f16b"; }

.la-caret-up:before {
  content: "\f16c"; }

.la-cart-arrow-down:before {
  content: "\f16d"; }

.la-cart-plus:before {
  content: "\f16e"; }

.la-cc:before {
  content: "\f16f"; }

.la-cc-amex:before {
  content: "\f170"; }

.la-cc-diners-club:before {
  content: "\f171"; }

.la-cc-discover:before {
  content: "\f172"; }

.la-cc-jcb:before {
  content: "\f173"; }

.la-cc-mastercard:before {
  content: "\f174"; }

.la-cc-paypal:before {
  content: "\f175"; }

.la-cc-stripe:before {
  content: "\f176"; }

.la-cc-visa:before {
  content: "\f177"; }

.la-certificate:before {
  content: "\f178"; }

.la-chain:before {
  content: "\f179"; }

.la-chain-broken:before {
  content: "\f17a"; }

.la-check:before {
  content: "\f17b"; }

.la-check-circle:before {
  content: "\f17c"; }

.la-check-circle-o:before {
  content: "\f17d"; }

.la-check-square:before {
  content: "\f17e"; }

.la-check-square-o:before {
  content: "\f17f"; }

.la-chevron-circle-down:before {
  content: "\f180"; }

.la-chevron-circle-left:before {
  content: "\f181"; }

.la-chevron-circle-right:before {
  content: "\f182"; }

.la-chevron-circle-up:before {
  content: "\f183"; }

.la-chevron-down:before {
  content: "\f184"; }

.la-chevron-left:before {
  content: "\f185"; }

.la-chevron-right:before {
  content: "\f186"; }

.la-chevron-up:before {
  content: "\f187"; }

.la-child:before {
  content: "\f188"; }

.la-chrome:before {
  content: "\f189"; }

.la-circle:before {
  content: "\f18a"; }

.la-circle-o:before {
  content: "\f18b"; }

.la-circle-o-notch:before {
  content: "\f18c"; }

.la-circle-thin:before {
  content: "\f18d"; }

.la-clipboard:before {
  content: "\f18e"; }

.la-clock-o:before {
  content: "\f18f"; }

.la-clone:before {
  content: "\f190"; }

.la-close:before {
  content: "\f191"; }

.la-cloud:before {
  content: "\f192"; }

.la-cloud-download:before {
  content: "\f193"; }

.la-cloud-upload:before {
  content: "\f194"; }

.la-cny:before {
  content: "\f195"; }

.la-code:before {
  content: "\f196"; }

.la-code-fork:before {
  content: "\f197"; }

.la-codepen:before {
  content: "\f198"; }

.la-coffee:before {
  content: "\f199"; }

.la-cog:before {
  content: "\f19a"; }

.la-cogs:before {
  content: "\f19b"; }

.la-columns:before {
  content: "\f19c"; }

.la-comment:before {
  content: "\f19d"; }

.la-comment-o:before {
  content: "\f19e"; }

.la-commenting:before {
  content: "\f19f"; }

.la-commenting-o:before {
  content: "\f1a0"; }

.la-comments:before {
  content: "\f1a1"; }

.la-comments-o:before {
  content: "\f1a2"; }

.la-compass:before {
  content: "\f1a3"; }

.la-compress:before {
  content: "\f1a4"; }

.la-connectdevelop:before {
  content: "\f1a5"; }

.la-contao:before {
  content: "\f1a6"; }

.la-copy:before {
  content: "\f1a7"; }

.la-copyright:before {
  content: "\f1a8"; }

.la-creative-commons:before {
  content: "\f1a9"; }

.la-credit-card:before {
  content: "\f1aa"; }

.la-crop:before {
  content: "\f1ab"; }

.la-crosshairs:before {
  content: "\f1ac"; }

.la-css3:before {
  content: "\f1ad"; }

.la-cube:before {
  content: "\f1ae"; }

.la-cubes:before {
  content: "\f1af"; }

.la-cut:before {
  content: "\f1b0"; }

.la-cutlery:before {
  content: "\f1b1"; }

.la-dashboard:before {
  content: "\f1b2"; }

.la-dashcube:before {
  content: "\f1b3"; }

.la-database:before {
  content: "\f1b4"; }

.la-dedent:before {
  content: "\f1b5"; }

.la-delicious:before {
  content: "\f1b6"; }

.la-desktop:before {
  content: "\f1b7"; }

.la-deviantart:before {
  content: "\f1b8"; }

.la-diamond:before {
  content: "\f1b9"; }

.la-digg:before {
  content: "\f1ba"; }

.la-dollar:before {
  content: "\f1bb"; }

.la-dot-circle-o:before {
  content: "\f1bc"; }

.la-download:before {
  content: "\f1bd"; }

.la-dribbble:before {
  content: "\f1be"; }

.la-dropbox:before {
  content: "\f1bf"; }

.la-drupal:before {
  content: "\f1c0"; }

.la-edit:before {
  content: "\f1c1"; }

.la-eject:before {
  content: "\f1c2"; }

.la-ellipsis-h:before {
  content: "\f1c3"; }

.la-ellipsis-v:before {
  content: "\f1c4"; }

.la-empire:before, .la-ge:before {
  content: "\f1c5"; }

.la-envelope:before {
  content: "\f1c6"; }

.la-envelope-o:before {
  content: "\f1c7"; }

.la-envelope-square:before {
  content: "\f1c8"; }

.la-eraser:before {
  content: "\f1c9"; }

.la-eur:before {
  content: "\f1ca"; }

.la-euro:before {
  content: "\f1cb"; }

.la-exchange:before {
  content: "\f1cc"; }

.la-exclamation:before {
  content: "\f1cd"; }

.la-exclamation-circle:before {
  content: "\f1ce"; }

.la-exclamation-triangle:before {
  content: "\f1cf"; }

.la-expand:before {
  content: "\f1d0"; }

.la-expeditedssl:before {
  content: "\f1d1"; }

.la-external-link:before {
  content: "\f1d2"; }

.la-external-link-square:before {
  content: "\f1d3"; }

.la-eye:before {
  content: "\f1d4"; }

.la-eye-slash:before {
  content: "\f1d5"; }

.la-eyedropper:before {
  content: "\f1d6"; }

.la-facebook:before, .la-facebook-f:before {
  content: "\f1d7"; }

.la-facebook-official:before {
  content: "\f1d8"; }

.la-facebook-square:before {
  content: "\f1d9"; }

.la-fast-backward:before {
  content: "\f1da"; }

.la-fast-forward:before {
  content: "\f1db"; }

.la-fax:before {
  content: "\f1dc"; }

.la-female:before {
  content: "\f1dd"; }

.la-fighter-jet:before {
  content: "\f1de"; }

.la-file:before {
  content: "\f1df"; }

.la-file-archive-o:before {
  content: "\f1e0"; }

.la-file-audio-o:before {
  content: "\f1e1"; }

.la-file-code-o:before {
  content: "\f1e2"; }

.la-file-excel-o:before {
  content: "\f1e3"; }

.la-file-image-o:before {
  content: "\f1e4"; }

.la-file-movie-o:before {
  content: "\f1e5"; }

.la-file-o:before {
  content: "\f1e6"; }

.la-file-pdf-o:before {
  content: "\f1e7"; }

.la-file-photo-o:before {
  content: "\f1e8"; }

.la-file-picture-o:before {
  content: "\f1e9"; }

.la-file-powerpoint-o:before {
  content: "\f1ea"; }

.la-file-sound-o:before {
  content: "\f1eb"; }

.la-file-text:before {
  content: "\f1ec"; }

.la-file-text-o:before {
  content: "\f1ed"; }

.la-file-video-o:before {
  content: "\f1ee"; }

.la-file-word-o:before {
  content: "\f1ef"; }

.la-file-zip-o:before {
  content: "\f1f0"; }

.la-files-o:before {
  content: "\f1f1"; }

.la-film:before {
  content: "\f1f2"; }

.la-filter:before {
  content: "\f1f3"; }

.la-fire:before {
  content: "\f1f4"; }

.la-fire-extinguisher:before {
  content: "\f1f5"; }

.la-firefox:before {
  content: "\f1f6"; }

.la-flag:before {
  content: "\f1f7"; }

.la-flag-checkered:before {
  content: "\f1f8"; }

.la-flag-o:before {
  content: "\f1f9"; }

.la-flash:before {
  content: "\f1fa"; }

.la-flask:before {
  content: "\f1fb"; }

.la-flickr:before {
  content: "\f1fc"; }

.la-floppy-o:before {
  content: "\f1fd"; }

.la-folder:before {
  content: "\f1fe"; }

.la-folder-o:before {
  content: "\f1ff"; }

.la-folder-open:before {
  content: "\f200"; }

.la-folder-open-o:before {
  content: "\f201"; }

.la-font:before {
  content: "\f202"; }

.la-fonticons:before {
  content: "\f203"; }

.la-forumbee:before {
  content: "\f204"; }

.la-forward:before {
  content: "\f205"; }

.la-foursquare:before {
  content: "\f206"; }

.la-frown-o:before {
  content: "\f207"; }

.la-futbol-o:before, .la-soccer-ball-o:before {
  content: "\f208"; }

.la-gamepad:before {
  content: "\f209"; }

.la-gavel:before {
  content: "\f20a"; }

.la-gbp:before {
  content: "\f20b"; }

.la-gear:before {
  content: "\f20c"; }

.la-gears:before {
  content: "\f20d"; }

.la-genderless:before {
  content: "\f20e"; }

.la-get-pocket:before {
  content: "\f20f"; }

.la-gg:before {
  content: "\f210"; }

.la-gg-circle:before {
  content: "\f211"; }

.la-gift:before {
  content: "\f212"; }

.la-git:before {
  content: "\f213"; }

.la-git-square:before {
  content: "\f214"; }

.la-github:before {
  content: "\f215"; }

.la-github-alt:before {
  content: "\f216"; }

.la-github-square:before {
  content: "\f217"; }

.la-glass:before {
  content: "\f218"; }

.la-globe:before {
  content: "\f219"; }

.la-google:before {
  content: "\f21a"; }

.la-google-plus:before {
  content: "\f21b"; }

.la-google-plus-square:before {
  content: "\f21c"; }

.la-google-wallet:before {
  content: "\f21d"; }

.la-graduation-cap:before {
  content: "\f21e"; }

.la-gratipay:before, .la-gittip:before {
  content: "\f21f"; }

.la-group:before {
  content: "\f220"; }

.la-h-square:before {
  content: "\f221"; }

.la-hacker-news:before {
  content: "\f222"; }

.la-hand-grab-o:before {
  content: "\f223"; }

.la-hand-lizard-o:before {
  content: "\f224"; }

.la-hand-o-down:before {
  content: "\f225"; }

.la-hand-o-left:before {
  content: "\f226"; }

.la-hand-o-right:before {
  content: "\f227"; }

.la-hand-o-up:before {
  content: "\f228"; }

.la-hand-paper-o:before {
  content: "\f229"; }

.la-hand-peace-o:before {
  content: "\f22a"; }

.la-hand-pointer-o:before {
  content: "\f22b"; }

.la-hand-rock-o:before {
  content: "\f22c"; }

.la-hand-scissors-o:before {
  content: "\f22d"; }

.la-hand-spock-o:before {
  content: "\f22e"; }

.la-hand-stop-o:before {
  content: "\f22f"; }

.la-hdd-o:before {
  content: "\f230"; }

.la-header:before {
  content: "\f231"; }

.la-headphones:before {
  content: "\f232"; }

.la-heart:before {
  content: "\f233"; }

.la-heart-o:before {
  content: "\f234"; }

.la-heartbeat:before {
  content: "\f235"; }

.la-history:before {
  content: "\f236"; }

.la-home:before {
  content: "\f237"; }

.la-hospital-o:before {
  content: "\f238"; }

.la-hotel:before {
  content: "\f239"; }

.la-hourglass:before {
  content: "\f23a"; }

.la-hourglass-1:before {
  content: "\f23b"; }

.la-hourglass-2:before {
  content: "\f23c"; }

.la-hourglass-3:before {
  content: "\f23d"; }

.la-hourglass-end:before {
  content: "\f23e"; }

.la-hourglass-half:before {
  content: "\f23f"; }

.la-hourglass-o:before {
  content: "\f240"; }

.la-hourglass-start:before {
  content: "\f241"; }

.la-houzz:before {
  content: "\f242"; }

.la-html5:before {
  content: "\f243"; }

.la-i-cursor:before {
  content: "\f244"; }

.la-ils:before {
  content: "\f245"; }

.la-image:before {
  content: "\f246"; }

.la-inbox:before {
  content: "\f247"; }

.la-indent:before {
  content: "\f248"; }

.la-industry:before {
  content: "\f249"; }

.la-info:before {
  content: "\f24a"; }

.la-info-circle:before {
  content: "\f24b"; }

.la-inr:before {
  content: "\f24c"; }

.la-instagram:before {
  content: "\f24d"; }

.la-institution:before {
  content: "\f24e"; }

.la-internet-explorer:before {
  content: "\f24f"; }

.la-ioxhost:before {
  content: "\f250"; }

.la-italic:before {
  content: "\f251"; }

.la-joomla:before {
  content: "\f252"; }

.la-jpy:before {
  content: "\f253"; }

.la-jsfiddle:before {
  content: "\f254"; }

.la-key:before {
  content: "\f255"; }

.la-keyboard-o:before {
  content: "\f256"; }

.la-krw:before {
  content: "\f257"; }

.la-language:before {
  content: "\f258"; }

.la-laptop:before {
  content: "\f259"; }

.la-lastfm:before {
  content: "\f25a"; }

.la-lastfm-square:before {
  content: "\f25b"; }

.la-leaf:before {
  content: "\f25c"; }

.la-leanpub:before {
  content: "\f25d"; }

.la-legal:before {
  content: "\f25e"; }

.la-lemon-o:before {
  content: "\f25f"; }

.la-level-down:before {
  content: "\f260"; }

.la-level-up:before {
  content: "\f261"; }

.la-life-bouy:before {
  content: "\f262"; }

.la-life-buoy:before {
  content: "\f263"; }

.la-life-ring:before, .la-support:before {
  content: "\f264"; }

.la-life-saver:before {
  content: "\f265"; }

.la-lightbulb-o:before {
  content: "\f266"; }

.la-line-chart:before {
  content: "\f267"; }

.la-link:before {
  content: "\f268"; }

.la-linkedin:before {
  content: "\f269"; }

.la-linkedin-square:before {
  content: "\f26a"; }

.la-linux:before {
  content: "\f26b"; }

.la-list:before {
  content: "\f26c"; }

.la-list-alt:before {
  content: "\f26d"; }

.la-list-ol:before {
  content: "\f26e"; }

.la-list-ul:before {
  content: "\f26f"; }

.la-location-arrow:before {
  content: "\f270"; }

.la-lock:before {
  content: "\f271"; }

.la-long-arrow-down:before {
  content: "\f272"; }

.la-long-arrow-left:before {
  content: "\f273"; }

.la-long-arrow-right:before {
  content: "\f274"; }

.la-long-arrow-up:before {
  content: "\f275"; }

.la-magic:before {
  content: "\f276"; }

.la-magnet:before {
  content: "\f277"; }

.la-mail-forward:before {
  content: "\f278"; }

.la-mail-reply:before {
  content: "\f279"; }

.la-mail-reply-all:before {
  content: "\f27a"; }

.la-male:before {
  content: "\f27b"; }

.la-map:before {
  content: "\f27c"; }

.la-map-marker:before {
  content: "\f27d"; }

.la-map-o:before {
  content: "\f27e"; }

.la-map-pin:before {
  content: "\f27f"; }

.la-map-signs:before {
  content: "\f280"; }

.la-mars:before {
  content: "\f281"; }

.la-mars-double:before {
  content: "\f282"; }

.la-mars-stroke:before {
  content: "\f283"; }

.la-mars-stroke-h:before {
  content: "\f284"; }

.la-mars-stroke-v:before {
  content: "\f285"; }

.la-maxcdn:before {
  content: "\f286"; }

.la-meanpath:before {
  content: "\f287"; }

.la-medium:before {
  content: "\f288"; }

.la-medkit:before {
  content: "\f289"; }

.la-meh-o:before {
  content: "\f28a"; }

.la-mercury:before {
  content: "\f28b"; }

.la-microphone:before {
  content: "\f28c"; }

.la-microphone-slash:before {
  content: "\f28d"; }

.la-minus:before {
  content: "\f28e"; }

.la-minus-circle:before {
  content: "\f28f"; }

.la-minus-square:before {
  content: "\f290"; }

.la-minus-square-o:before {
  content: "\f291"; }

.la-mobile:before {
  content: "\f292"; }

.la-mobile-phone:before {
  content: "\f293"; }

.la-money:before {
  content: "\f294"; }

.la-moon-o:before {
  content: "\f295"; }

.la-mortar-board:before {
  content: "\f296"; }

.la-motorcycle:before {
  content: "\f297"; }

.la-mouse-pointer:before {
  content: "\f298"; }

.la-music:before {
  content: "\f299"; }

.la-navicon:before {
  content: "\f29a"; }

.la-neuter:before {
  content: "\f29b"; }

.la-newspaper-o:before {
  content: "\f29c"; }

.la-object-group:before {
  content: "\f29d"; }

.la-object-ungroup:before {
  content: "\f29e"; }

.la-odnoklassniki:before {
  content: "\f29f"; }

.la-odnoklassniki-square:before {
  content: "\f2a0"; }

.la-opencart:before {
  content: "\f2a1"; }

.la-openid:before {
  content: "\f2a2"; }

.la-opera:before {
  content: "\f2a3"; }

.la-optin-monster:before {
  content: "\f2a4"; }

.la-outdent:before {
  content: "\f2a5"; }

.la-pagelines:before {
  content: "\f2a6"; }

.la-paint-brush:before {
  content: "\f2a7"; }

.la-paper-plane:before, .la-send:before {
  content: "\f2a8"; }

.la-paper-plane-o:before, .la-send-o:before {
  content: "\f2a9"; }

.la-paperclip:before {
  content: "\f2aa"; }

.la-paragraph:before {
  content: "\f2ab"; }

.la-paste:before {
  content: "\f2ac"; }

.la-pause:before {
  content: "\f2ad"; }

.la-paw:before {
  content: "\f2ae"; }

.la-paypal:before {
  content: "\f2af"; }

.la-pencil:before {
  content: "\f2b0"; }

.la-pencil-square:before {
  content: "\f2b1"; }

.la-pencil-square-o:before {
  content: "\f2b2"; }

.la-phone:before {
  content: "\f2b3"; }

.la-phone-square:before {
  content: "\f2b4"; }

.la-photo:before {
  content: "\f2b5"; }

.la-picture-o:before {
  content: "\f2b6"; }

.la-pie-chart:before {
  content: "\f2b7"; }

.la-pied-piper:before {
  content: "\f2b8"; }

.la-pied-piper-alt:before {
  content: "\f2b9"; }

.la-pinterest:before {
  content: "\f2ba"; }

.la-pinterest-p:before {
  content: "\f2bb"; }

.la-pinterest-square:before {
  content: "\f2bc"; }

.la-plane:before {
  content: "\f2bd"; }

.la-play:before {
  content: "\f2be"; }

.la-play-circle:before {
  content: "\f2bf"; }

.la-play-circle-o:before {
  content: "\f2c0"; }

.la-plug:before {
  content: "\f2c1"; }

.la-plus:before {
  content: "\f2c2"; }

.la-plus-circle:before {
  content: "\f2c3"; }

.la-plus-square:before {
  content: "\f2c4"; }

.la-plus-square-o:before {
  content: "\f2c5"; }

.la-power-off:before {
  content: "\f2c6"; }

.la-print:before {
  content: "\f2c7"; }

.la-puzzle-piece:before {
  content: "\f2c8"; }

.la-qq:before {
  content: "\f2c9"; }

.la-qrcode:before {
  content: "\f2ca"; }

.la-question:before {
  content: "\f2cb"; }

.la-question-circle:before {
  content: "\f2cc"; }

.la-quote-left:before {
  content: "\f2cd"; }

.la-quote-right:before {
  content: "\f2ce"; }

.la-ra:before {
  content: "\f2cf"; }

.la-random:before {
  content: "\f2d0"; }

.la-rebel:before {
  content: "\f2d1"; }

.la-recycle:before {
  content: "\f2d2"; }

.la-reddit:before {
  content: "\f2d3"; }

.la-reddit-square:before {
  content: "\f2d4"; }

.la-refresh:before {
  content: "\f2d5"; }

.la-registered:before {
  content: "\f2d6"; }

.la-renren:before {
  content: "\f2d7"; }

.la-reorder:before {
  content: "\f2d8"; }

.la-repeat:before {
  content: "\f2d9"; }

.la-reply:before {
  content: "\f2da"; }

.la-reply-all:before {
  content: "\f2db"; }

.la-retweet:before {
  content: "\f2dc"; }

.la-rmb:before {
  content: "\f2dd"; }

.la-road:before {
  content: "\f2de"; }

.la-rocket:before {
  content: "\f2df"; }

.la-rotate-left:before {
  content: "\f2e0"; }

.la-rotate-right:before {
  content: "\f2e1"; }

.la-rouble:before {
  content: "\f2e2"; }

.la-rss:before, .la-feed:before {
  content: "\f2e3"; }

.la-rss-square:before {
  content: "\f2e4"; }

.la-rub:before {
  content: "\f2e5"; }

.la-ruble:before {
  content: "\f2e6"; }

.la-rupee:before {
  content: "\f2e7"; }

.la-safari:before {
  content: "\f2e8"; }

.la-save:before {
  content: "\f2e9"; }

.la-scissors:before {
  content: "\f2ea"; }

.la-search:before {
  content: "\f2eb"; }

.la-search-minus:before {
  content: "\f2ec"; }

.la-search-plus:before {
  content: "\f2ed"; }

.la-sellsy:before {
  content: "\f2ee"; }

.la-server:before {
  content: "\f2ef"; }

.la-share:before {
  content: "\f2f0"; }

.la-share-alt:before {
  content: "\f2f1"; }

.la-share-alt-square:before {
  content: "\f2f2"; }

.la-share-square:before {
  content: "\f2f3"; }

.la-share-square-o:before {
  content: "\f2f4"; }

.la-shekel:before {
  content: "\f2f5"; }

.la-sheqel:before {
  content: "\f2f6"; }

.la-shield:before {
  content: "\f2f7"; }

.la-ship:before {
  content: "\f2f8"; }

.la-shirtsinbulk:before {
  content: "\f2f9"; }

.la-shopping-cart:before {
  content: "\f2fa"; }

.la-sign-in:before {
  content: "\f2fb"; }

.la-sign-out:before {
  content: "\f2fc"; }

.la-signal:before {
  content: "\f2fd"; }

.la-simplybuilt:before {
  content: "\f2fe"; }

.la-sitemap:before {
  content: "\f2ff"; }

.la-skyatlas:before {
  content: "\f300"; }

.la-skype:before {
  content: "\f301"; }

.la-slack:before {
  content: "\f302"; }

.la-sliders:before {
  content: "\f303"; }

.la-slideshare:before {
  content: "\f304"; }

.la-smile-o:before {
  content: "\f305"; }

.la-sort:before, .la-unsorted:before {
  content: "\f306"; }

.la-sort-alpha-asc:before {
  content: "\f307"; }

.la-sort-alpha-desc:before {
  content: "\f308"; }

.la-sort-amount-asc:before {
  content: "\f309"; }

.la-sort-amount-desc:before {
  content: "\f30a"; }

.la-sort-asc:before, .la-sort-up:before {
  content: "\f30b"; }

.la-sort-desc:before, .la-sort-down:before {
  content: "\f30c"; }

.la-sort-numeric-asc:before {
  content: "\f30d"; }

.la-sort-numeric-desc:before {
  content: "\f30e"; }

.la-soundcloud:before {
  content: "\f30f"; }

.la-space-shuttle:before {
  content: "\f310"; }

.la-spinner:before {
  content: "\f311"; }

.la-spoon:before {
  content: "\f312"; }

.la-spotify:before {
  content: "\f313"; }

.la-square:before {
  content: "\f314"; }

.la-square-o:before {
  content: "\f315"; }

.la-stack-exchange:before {
  content: "\f316"; }

.la-stack-overflow:before {
  content: "\f317"; }

.la-star:before {
  content: "\f318"; }

.la-star-half:before {
  content: "\f319"; }

.la-star-half-o:before, .la-star-half-full:before, .la-star-half-empty:before {
  content: "\f31a"; }

.la-star-o:before {
  content: "\f31b"; }

.la-steam:before {
  content: "\f31c"; }

.la-steam-square:before {
  content: "\f31d"; }

.la-step-backward:before {
  content: "\f31e"; }

.la-step-forward:before {
  content: "\f31f"; }

.la-stethoscope:before {
  content: "\f320"; }

.la-sticky-note:before {
  content: "\f321"; }

.la-sticky-note-o:before {
  content: "\f322"; }

.la-stop:before {
  content: "\f323"; }

.la-street-view:before {
  content: "\f324"; }

.la-strikethrough:before {
  content: "\f325"; }

.la-stumbleupon:before {
  content: "\f326"; }

.la-stumbleupon-circle:before {
  content: "\f327"; }

.la-subscript:before {
  content: "\f328"; }

.la-subway:before {
  content: "\f329"; }

.la-suitcase:before {
  content: "\f32a"; }

.la-sun-o:before {
  content: "\f32b"; }

.la-superscript:before {
  content: "\f32c"; }

.la-table:before {
  content: "\f32d"; }

.la-tablet:before {
  content: "\f32e"; }

.la-tachometer:before {
  content: "\f32f"; }

.la-tag:before {
  content: "\f330"; }

.la-tags:before {
  content: "\f331"; }

.la-tasks:before {
  content: "\f332"; }

.la-taxi:before {
  content: "\f333"; }

.la-television:before, .la-tv:before {
  content: "\f334"; }

.la-tencent-weibo:before {
  content: "\f335"; }

.la-terminal:before {
  content: "\f336"; }

.la-text-height:before {
  content: "\f337"; }

.la-text-width:before {
  content: "\f338"; }

.la-th:before {
  content: "\f339"; }

.la-th-large:before {
  content: "\f33a"; }

.la-th-list:before {
  content: "\f33b"; }

.la-thumb-tack:before {
  content: "\f33c"; }

.la-thumbs-down:before {
  content: "\f33d"; }

.la-thumbs-o-down:before {
  content: "\f33e"; }

.la-thumbs-o-up:before {
  content: "\f33f"; }

.la-thumbs-up:before {
  content: "\f340"; }

.la-ticket:before {
  content: "\f341"; }

.la-times:before, .la-remove:before {
  content: "\f342"; }

.la-times-circle:before {
  content: "\f343"; }

.la-times-circle-o:before {
  content: "\f344"; }

.la-tint:before {
  content: "\f345"; }

.la-toggle-off:before {
  content: "\f346"; }

.la-toggle-on:before {
  content: "\f347"; }

.la-trademark:before {
  content: "\f348"; }

.la-train:before {
  content: "\f349"; }

.la-transgender:before, .la-intersex:before {
  content: "\f34a"; }

.la-transgender-alt:before {
  content: "\f34b"; }

.la-trash:before {
  content: "\f34c"; }

.la-trash-o:before {
  content: "\f34d"; }

.la-tree:before {
  content: "\f34e"; }

.la-trello:before {
  content: "\f34f"; }

.la-tripadvisor:before {
  content: "\f350"; }

.la-trophy:before {
  content: "\f351"; }

.la-truck:before {
  content: "\f352"; }

.la-try:before {
  content: "\f353"; }

.la-tty:before {
  content: "\f354"; }

.la-tumblr:before {
  content: "\f355"; }

.la-tumblr-square:before {
  content: "\f356"; }

.la-turkish-lira:before {
  content: "\f357"; }

.la-twitch:before {
  content: "\f358"; }

.la-twitter:before {
  content: "\f359"; }

.la-twitter-square:before {
  content: "\f35a"; }

.la-umbrella:before {
  content: "\f35b"; }

.la-underline:before {
  content: "\f35c"; }

.la-undo:before {
  content: "\f35d"; }

.la-university:before {
  content: "\f35e"; }

.la-unlink:before {
  content: "\f35f"; }

.la-unlock:before {
  content: "\f360"; }

.la-unlock-alt:before {
  content: "\f361"; }

.la-upload:before {
  content: "\f362"; }

.la-usd:before {
  content: "\f363"; }

.la-user:before {
  content: "\f364"; }

.la-user-md:before {
  content: "\f365"; }

.la-user-plus:before {
  content: "\f366"; }

.la-user-secret:before {
  content: "\f367"; }

.la-user-times:before {
  content: "\f368"; }

.la-users:before {
  content: "\f369"; }

.la-venus:before {
  content: "\f36a"; }

.la-venus-double:before {
  content: "\f36b"; }

.la-venus-mars:before {
  content: "\f36c"; }

.la-viacoin:before {
  content: "\f36d"; }

.la-video-camera:before {
  content: "\f36e"; }

.la-vimeo:before {
  content: "\f36f"; }

.la-vimeo-square:before {
  content: "\f370"; }

.la-vine:before {
  content: "\f371"; }

.la-vk:before {
  content: "\f372"; }

.la-volume-down:before {
  content: "\f373"; }

.la-volume-off:before {
  content: "\f374"; }

.la-volume-up:before {
  content: "\f375"; }

.la-warning:before {
  content: "\f376"; }

.la-wechat:before {
  content: "\f377"; }

.la-weibo:before {
  content: "\f378"; }

.la-weixin:before {
  content: "\f379"; }

.la-whatsapp:before {
  content: "\f37a"; }

.la-wheelchair:before {
  content: "\f37b"; }

.la-wifi:before {
  content: "\f37c"; }

.la-wikipedia-w:before {
  content: "\f37d"; }

.la-windows:before {
  content: "\f37e"; }

.la-won:before {
  content: "\f37f"; }

.la-wordpress:before {
  content: "\f380"; }

.la-wrench:before {
  content: "\f381"; }

.la-xing:before {
  content: "\f382"; }

.la-xing-square:before {
  content: "\f383"; }

.la-y-combinator:before {
  content: "\f384"; }

.la-y-combinator-square:before {
  content: "\f385"; }

.la-yahoo:before {
  content: "\f386"; }

.la-yc:before {
  content: "\f387"; }

.la-yc-square:before {
  content: "\f388"; }

.la-yelp:before {
  content: "\f389"; }

.la-yen:before {
  content: "\f38a"; }

.la-youtube:before {
  content: "\f38b"; }

.la-youtube-play:before {
  content: "\f38c"; }

.la-youtube-square:before {
  content: "\f38d"; }

/*! tailwindcss v4.2.0 | MIT License | https://tailwindcss.com */
@layer properties;
@layer theme, base, components, utilities;
@layer theme {
    :root, :host {
        --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
        "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
        --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-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-950: oklch(25.8% 0.092 26.042);
        --color-orange-100: oklch(95.4% 0.038 75.164);
        --color-orange-200: oklch(90.1% 0.076 70.697);
        --color-orange-400: oklch(75% 0.183 55.934);
        --color-orange-950: oklch(26.6% 0.079 36.259);
        --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-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-950: oklch(28.6% 0.066 53.813);
        --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-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-950: oklch(26.6% 0.065 152.934);
        --color-blue-50: oklch(97% 0.014 254.604);
        --color-blue-100: oklch(93.2% 0.032 255.585);
        --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-950: oklch(28.2% 0.091 267.935);
        --color-violet-50: oklch(96.9% 0.016 293.756);
        --color-violet-100: oklch(94.3% 0.029 294.588);
        --color-violet-200: oklch(89.4% 0.057 293.283);
        --color-violet-500: oklch(60.6% 0.25 292.717);
        --color-violet-600: oklch(54.1% 0.281 293.009);
        --color-violet-700: oklch(49.1% 0.27 292.581);
        --color-violet-800: oklch(43.2% 0.232 292.759);
        --color-violet-950: oklch(28.3% 0.141 291.089);
        --color-gray-50: oklch(98.5% 0.002 247.839);
        --color-gray-200: oklch(92.8% 0.006 264.531);
        --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-zinc-50: oklch(98.5% 0 0);
        --color-zinc-100: oklch(96.7% 0.001 286.375);
        --color-zinc-200: oklch(92% 0.004 286.32);
        --color-zinc-300: oklch(87.1% 0.006 286.286);
        --color-zinc-400: oklch(70.5% 0.015 286.067);
        --color-zinc-500: oklch(55.2% 0.016 285.938);
        --color-zinc-600: oklch(44.2% 0.017 285.786);
        --color-zinc-800: oklch(27.4% 0.006 286.033);
        --color-zinc-900: oklch(21% 0.006 285.885);
        --color-zinc-950: oklch(14.1% 0.005 285.823);
        --color-neutral-200: oklch(92.2% 0 0);
        --color-neutral-700: oklch(37.1% 0 0);
        --color-black: #000;
        --color-white: #fff;
        --spacing: 0.25rem;
        --breakpoint-sm: 40rem;
        --breakpoint-md: 48rem;
        --breakpoint-lg: 64rem;
        --breakpoint-xl: 80rem;
        --breakpoint-2xl: 96rem;
        --container-2xl: 42rem;
        --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);
        --font-weight-normal: 400;
        --font-weight-medium: 500;
        --font-weight-semibold: 600;
        --tracking-tight: -0.025em;
        --leading-tight: 1.25;
        --leading-normal: 1.5;
        --leading-relaxed: 1.625;
        --radius-xs: 0.125rem;
        --radius-sm: calc(var(--radius) - 4px);
        --radius-md: calc(var(--radius) - 2px);
        --radius-lg: var(--radius);
        --radius-xl: calc(var(--radius) + 4px);
        --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-md: 12px;
        --aspect-video: 16 / 9;
        --default-transition-duration: 150ms;
        --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        --default-font-family: var(--font-sans);
        --default-mono-font-family: var(--font-mono);
        --color-background: var(--background);
        --color-popover: var(--popover);
        --color-muted-foreground: var(--muted-foreground);
        --color-accent: var(--accent);
        --color-primary: var(--primary);
        --color-primary-foreground: var(--primary-foreground);
        --color-secondary-foreground: var(--secondary-foreground);
        --color-destructive: var(--destructive);
        --color-mono: var(--mono);
        --color-border: var(--border);
        --color-input: var(--input);
        --text-2sm: 0.8125rem;
        --text-2sm--line-height: calc(1.075 / 0.8125);
        --text-2xs: 0.6875rem;
        --text-2xs--line-height: calc(0.825 / 0.6875);
    }
}
@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: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
        font-feature-settings: var(--default-font-feature-settings, normal);
        font-variation-settings: var(--default-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: -0.25em;
    }
    sup {
        top: -0.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: transparent;
        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)) {
            ::placeholder {
                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;
    }
    .absolute {
        position: absolute;
    }
    .fixed {
        position: fixed;
    }
    .relative {
        position: relative;
    }
    .static {
        position: static;
    }
    .sticky {
        position: sticky;
    }
    .\!start {
        inset-inline-start: var(--spacing) !important;
    }
    .-start {
        inset-inline-start: calc(var(--spacing) * -1);
    }
    .-start-\[3px\] {
        inset-inline-start: calc(3px * -1);
    }
    .start {
        inset-inline-start: var(--spacing);
    }
    .start-\(--sidebar-width\) {
        inset-inline-start: var(--sidebar-width);
    }
    .start-0 {
        inset-inline-start: calc(var(--spacing) * 0);
    }
    .start-1\/2 {
        inset-inline-start: calc(1/2 * 100%);
    }
    .start-2\/4 {
        inset-inline-start: calc(2/4 * 100%);
    }
    .start-3 {
        inset-inline-start: calc(var(--spacing) * 3);
    }
    .start-16 {
        inset-inline-start: calc(var(--spacing) * 16);
    }
    .start-\[93px\] {
        inset-inline-start: 93px;
    }
    .start-full {
        inset-inline-start: 100%;
    }
    .-end {
        inset-inline-end: calc(var(--spacing) * -1);
    }
    .-end-1 {
        inset-inline-end: calc(var(--spacing) * -1);
    }
    .-end-2 {
        inset-inline-end: calc(var(--spacing) * -2);
    }
    .end {
        inset-inline-end: var(--spacing);
    }
    .end-0 {
        inset-inline-end: calc(var(--spacing) * 0);
    }
    .end-2 {
        inset-inline-end: calc(var(--spacing) * 2);
    }
    .end-3 {
        inset-inline-end: calc(var(--spacing) * 3);
    }
    .end-4 {
        inset-inline-end: calc(var(--spacing) * 4);
    }
    .end-5 {
        inset-inline-end: calc(var(--spacing) * 5);
    }
    .-top-0\.5 {
        top: calc(var(--spacing) * -0.5);
    }
    .-top-1 {
        top: calc(var(--spacing) * -1);
    }
    .top-\(--header-height\) {
        top: var(--header-height);
    }
    .top-0 {
        top: calc(var(--spacing) * 0);
    }
    .top-1\/2 {
        top: calc(1 / 2 * 100%);
    }
    .top-2 {
        top: calc(var(--spacing) * 2);
    }
    .top-2\/4 {
        top: calc(2 / 4 * 100%);
    }
    .top-4 {
        top: calc(var(--spacing) * 4);
    }
    .top-5 {
        top: calc(var(--spacing) * 5);
    }
    .top-9 {
        top: calc(var(--spacing) * 9);
    }
    .top-\[1\.5rem\] {
        top: 1.5rem;
    }
    .top-\[3rem\] {
        top: 3rem;
    }
    .top-\[15\%\] {
        top: 15%;
    }
    .top-\[calc\(var\(--header-height\)\+1\.5rem\)\] {
        top: calc(var(--header-height) + 1.5rem);
    }
    .top-\[calc\(var\(--header-height\)\+1rem\)\] {
        top: calc(var(--header-height) + 1rem);
    }
    .top-\[calc\(var\(--header-height\)\+var\(--navbar-height\)\+1rem\)\] {
        top: calc(var(--header-height) + var(--navbar-height) + 1rem);
    }
    .right-0 {
        right: calc(var(--spacing) * 0);
    }
    .-bottom-2 {
        bottom: calc(var(--spacing) * -2);
    }
    .bottom-0 {
        bottom: calc(var(--spacing) * 0);
    }
    .bottom-0\.5 {
        bottom: calc(var(--spacing) * 0.5);
    }
    .bottom-2 {
        bottom: calc(var(--spacing) * 2);
    }
    .bottom-4 {
        bottom: calc(var(--spacing) * 4);
    }
    .bottom-5 {
        bottom: calc(var(--spacing) * 5);
    }
    .left-0 {
        left: calc(var(--spacing) * 0);
    }
    .left-1\/2 {
        left: calc(1 / 2 * 100%);
    }
    .left-2\/4 {
        left: calc(2 / 4 * 100%);
    }
    .left-6 {
        left: calc(var(--spacing) * 6);
    }
    .left-auto {
        left: auto;
    }
    .z-1 {
        z-index: 1;
    }
    .z-4 {
        z-index: 4;
    }
    .z-5 {
        z-index: 5;
    }
    .z-10 {
        z-index: 10;
    }
    .z-20 {
        z-index: 20;
    }
    .order-1 {
        order: 1;
    }
    .order-2 {
        order: 2;
    }
    .col-span-1 {
        grid-column: span 1 / span 1;
    }
    .col-span-2 {
        grid-column: span 2 / span 2;
    }
    .container {
        width: 100%;
    }
    @media (width >= 40rem) {
        .container {
            max-width: 40rem;
        }
    }
    @media (width >= 48rem) {
        .container {
            max-width: 48rem;
        }
    }
    @media (width >= 64rem) {
        .container {
            max-width: 64rem;
        }
    }
    @media (width >= 80rem) {
        .container {
            max-width: 80rem;
        }
    }
    @media (width >= 96rem) {
        .container {
            max-width: 96rem;
        }
    }
    .m-5 {
        margin: calc(var(--spacing) * 5);
    }
    .m-\[15px\] {
        margin: 15px;
    }
    .mx-1 {
        margin-inline: calc(var(--spacing) * 1);
    }
    .mx-1\.5 {
        margin-inline: calc(var(--spacing) * 1.5);
    }
    .mx-2 {
        margin-inline: calc(var(--spacing) * 2);
    }
    .mx-3\.5 {
        margin-inline: calc(var(--spacing) * 3.5);
    }
    .mx-4 {
        margin-inline: calc(var(--spacing) * 4);
    }
    .mx-5 {
        margin-inline: calc(var(--spacing) * 5);
    }
    .mx-7\.5 {
        margin-inline: calc(var(--spacing) * 7.5);
    }
    .mx-auto {
        margin-inline: auto;
    }
    .my-0\.5 {
        margin-block: calc(var(--spacing) * 0.5);
    }
    .my-1 {
        margin-block: calc(var(--spacing) * 1);
    }
    .my-2 {
        margin-block: calc(var(--spacing) * 2);
    }
    .my-2\.5 {
        margin-block: calc(var(--spacing) * 2.5);
    }
    .my-5 {
        margin-block: calc(var(--spacing) * 5);
    }
    .my-7\.5 {
        margin-block: calc(var(--spacing) * 7.5);
    }
    .my-\[3\%\] {
        margin-block: 3%;
    }
    .-ms-1 {
        margin-inline-start: calc(var(--spacing) * -1);
    }
    .-ms-2 {
        margin-inline-start: calc(var(--spacing) * -2);
    }
    .-ms-2\.5 {
        margin-inline-start: calc(var(--spacing) * -2.5);
    }
    .-ms-5 {
        margin-inline-start: calc(var(--spacing) * -5);
    }
    .ms-1 {
        margin-inline-start: calc(var(--spacing) * 1);
    }
    .ms-2 {
        margin-inline-start: calc(var(--spacing) * 2);
    }
    .ms-2\.5 {
        margin-inline-start: calc(var(--spacing) * 2.5);
    }
    .ms-5 {
        margin-inline-start: calc(var(--spacing) * 5);
    }
    .ms-7\.5 {
        margin-inline-start: calc(var(--spacing) * 7.5);
    }
    .ms-auto {
        margin-inline-start: auto;
    }
    .-me-1 {
        margin-inline-end: calc(var(--spacing) * -1);
    }
    .-me-1\.5 {
        margin-inline-end: calc(var(--spacing) * -1.5);
    }
    .-me-2 {
        margin-inline-end: calc(var(--spacing) * -2);
    }
    .me-0\.5 {
        margin-inline-end: calc(var(--spacing) * 0.5);
    }
    .me-1 {
        margin-inline-end: calc(var(--spacing) * 1);
    }
    .me-1\.5 {
        margin-inline-end: calc(var(--spacing) * 1.5);
    }
    .me-1\.25 {
        margin-inline-end: calc(var(--spacing) * 1.25);
    }
    .me-2 {
        margin-inline-end: calc(var(--spacing) * 2);
    }
    .me-2\.5 {
        margin-inline-end: calc(var(--spacing) * 2.5);
    }
    .me-3 {
        margin-inline-end: calc(var(--spacing) * 3);
    }
    .me-5 {
        margin-inline-end: calc(var(--spacing) * 5);
    }
    .me-\[-10px\] {
        margin-inline-end: -10px;
    }
    .\!mt-\[30px\] {
        margin-top: 30px !important;
    }
    .-mt-0\.5 {
        margin-top: calc(var(--spacing) * -0.5);
    }
    .-mt-1 {
        margin-top: calc(var(--spacing) * -1);
    }
    .-mt-3 {
        margin-top: calc(var(--spacing) * -3);
    }
    .-mt-7\.5 {
        margin-top: calc(var(--spacing) * -7.5);
    }
    .-mt-8 {
        margin-top: calc(var(--spacing) * -8);
    }
    .-mt-px {
        margin-top: -1px;
    }
    .mt-0 {
        margin-top: calc(var(--spacing) * 0);
    }
    .mt-1 {
        margin-top: calc(var(--spacing) * 1);
    }
    .mt-2 {
        margin-top: calc(var(--spacing) * 2);
    }
    .mt-2\.5 {
        margin-top: calc(var(--spacing) * 2.5);
    }
    .mt-3 {
        margin-top: calc(var(--spacing) * 3);
    }
    .mt-4 {
        margin-top: calc(var(--spacing) * 4);
    }
    .mt-5 {
        margin-top: calc(var(--spacing) * 5);
    }
    .mt-6 {
        margin-top: calc(var(--spacing) * 6);
    }
    .mt-7 {
        margin-top: calc(var(--spacing) * 7);
    }
    .mr-1 {
        margin-right: calc(var(--spacing) * 1);
    }
    .mr-5 {
        margin-right: calc(var(--spacing) * 5);
    }
    .mb-0\.5 {
        margin-bottom: calc(var(--spacing) * 0.5);
    }
    .mb-1 {
        margin-bottom: calc(var(--spacing) * 1);
    }
    .mb-1\.5 {
        margin-bottom: calc(var(--spacing) * 1.5);
    }
    .mb-2 {
        margin-bottom: calc(var(--spacing) * 2);
    }
    .mb-2\.5 {
        margin-bottom: calc(var(--spacing) * 2.5);
    }
    .mb-3 {
        margin-bottom: calc(var(--spacing) * 3);
    }
    .mb-3\.5 {
        margin-bottom: calc(var(--spacing) * 3.5);
    }
    .mb-4 {
        margin-bottom: calc(var(--spacing) * 4);
    }
    .mb-4\.5 {
        margin-bottom: calc(var(--spacing) * 4.5);
    }
    .mb-5 {
        margin-bottom: calc(var(--spacing) * 5);
    }
    .mb-6\.5 {
        margin-bottom: calc(var(--spacing) * 6.5);
    }
    .mb-7 {
        margin-bottom: calc(var(--spacing) * 7);
    }
    .mb-7\.5 {
        margin-bottom: calc(var(--spacing) * 7.5);
    }
    .mb-8 {
        margin-bottom: calc(var(--spacing) * 8);
    }
    .mb-9 {
        margin-bottom: calc(var(--spacing) * 9);
    }
    .mb-10 {
        margin-bottom: calc(var(--spacing) * 10);
    }
    .mb-12 {
        margin-bottom: calc(var(--spacing) * 12);
    }
    .mb-16 {
        margin-bottom: calc(var(--spacing) * 16);
    }
    .mb-px {
        margin-bottom: 1px;
    }
    .-ml-1 {
        margin-left: calc(var(--spacing) * -1);
    }
    .ml-5 {
        margin-left: calc(var(--spacing) * 5);
    }
    .block {
        display: block;
    }
    .contents {
        display: contents;
    }
    .flex {
        display: flex;
    }
    .grid {
        display: grid;
    }
    .hidden {
        display: none;
    }
    .inline {
        display: inline;
    }
    .inline-block {
        display: inline-block;
    }
    .inline-flex {
        display: inline-flex;
    }
    .list-item {
        display: list-item;
    }
    .table {
        display: table;
    }
    .table-caption {
        display: table-caption;
    }
    .table-cell {
        display: table-cell;
    }
    .table-row {
        display: table-row;
    }
    .aspect-video {
        aspect-ratio: var(--aspect-video);
    }
    .size-0\.75 {
        width: calc(var(--spacing) * 0.75);
        height: calc(var(--spacing) * 0.75);
    }
    .size-1 {
        width: calc(var(--spacing) * 1);
        height: calc(var(--spacing) * 1);
    }
    .size-1\.5 {
        width: calc(var(--spacing) * 1.5);
        height: calc(var(--spacing) * 1.5);
    }
    .size-2 {
        width: calc(var(--spacing) * 2);
        height: calc(var(--spacing) * 2);
    }
    .size-2\.5 {
        width: calc(var(--spacing) * 2.5);
        height: calc(var(--spacing) * 2.5);
    }
    .size-3 {
        width: calc(var(--spacing) * 3);
        height: calc(var(--spacing) * 3);
    }
    .size-3\.5 {
        width: calc(var(--spacing) * 3.5);
        height: calc(var(--spacing) * 3.5);
    }
    .size-4 {
        width: calc(var(--spacing) * 4);
        height: calc(var(--spacing) * 4);
    }
    .size-5 {
        width: calc(var(--spacing) * 5);
        height: calc(var(--spacing) * 5);
    }
    .size-6 {
        width: calc(var(--spacing) * 6);
        height: calc(var(--spacing) * 6);
    }
    .size-7 {
        width: calc(var(--spacing) * 7);
        height: calc(var(--spacing) * 7);
    }
    .size-7\.5 {
        width: calc(var(--spacing) * 7.5);
        height: calc(var(--spacing) * 7.5);
    }
    .size-8 {
        width: calc(var(--spacing) * 8);
        height: calc(var(--spacing) * 8);
    }
    .size-9 {
        width: calc(var(--spacing) * 9);
        height: calc(var(--spacing) * 9);
    }
    .size-10 {
        width: calc(var(--spacing) * 10);
        height: calc(var(--spacing) * 10);
    }
    .size-11 {
        width: calc(var(--spacing) * 11);
        height: calc(var(--spacing) * 11);
    }
    .size-12 {
        width: calc(var(--spacing) * 12);
        height: calc(var(--spacing) * 12);
    }
    .size-14 {
        width: calc(var(--spacing) * 14);
        height: calc(var(--spacing) * 14);
    }
    .size-16 {
        width: calc(var(--spacing) * 16);
        height: calc(var(--spacing) * 16);
    }
    .size-20 {
        width: calc(var(--spacing) * 20);
        height: calc(var(--spacing) * 20);
    }
    .size-48 {
        width: calc(var(--spacing) * 48);
        height: calc(var(--spacing) * 48);
    }
    .size-80 {
        width: calc(var(--spacing) * 80);
        height: calc(var(--spacing) * 80);
    }
    .size-\[5px\] {
        width: 5px;
        height: 5px;
    }
    .size-\[18px\] {
        width: 18px;
        height: 18px;
    }
    .size-\[30px\] {
        width: 30px;
        height: 30px;
    }
    .size-\[34px\] {
        width: 34px;
        height: 34px;
    }
    .size-\[44px\] {
        width: 44px;
        height: 44px;
    }
    .size-\[45px\] {
        width: 45px;
        height: 45px;
    }
    .size-\[50px\] {
        width: 50px;
        height: 50px;
    }
    .size-\[60px\] {
        width: 60px;
        height: 60px;
    }
    .size-\[70px\] {
        width: 70px;
        height: 70px;
    }
    .size-\[90px\] {
        width: 90px;
        height: 90px;
    }
    .size-\[100px\] {
        width: 100px;
        height: 100px;
    }
    .size-\[120px\] {
        width: 120px;
        height: 120px;
    }
    .size-\[140px\] {
        width: 140px;
        height: 140px;
    }
    .h-\(--header-height\) {
        height: var(--header-height);
    }
    .h-\(--navbar-height\) {
        height: var(--navbar-height);
    }
    .h-1 {
        height: calc(var(--spacing) * 1);
    }
    .h-1\.5 {
        height: calc(var(--spacing) * 1.5);
    }
    .h-2 {
        height: calc(var(--spacing) * 2);
    }
    .h-3\.5 {
        height: calc(var(--spacing) * 3.5);
    }
    .h-4 {
        height: calc(var(--spacing) * 4);
    }
    .h-5 {
        height: calc(var(--spacing) * 5);
    }
    .h-6 {
        height: calc(var(--spacing) * 6);
    }
    .h-7 {
        height: calc(var(--spacing) * 7);
    }
    .h-8\.5 {
        height: calc(var(--spacing) * 8.5);
    }
    .h-9 {
        height: calc(var(--spacing) * 9);
    }
    .h-10 {
        height: calc(var(--spacing) * 10);
    }
    .h-11 {
        height: calc(var(--spacing) * 11);
    }
    .h-12 {
        height: calc(var(--spacing) * 12);
    }
    .h-20 {
        height: calc(var(--spacing) * 20);
    }
    .h-24 {
        height: calc(var(--spacing) * 24);
    }
    .h-40 {
        height: calc(var(--spacing) * 40);
    }
    .h-44 {
        height: calc(var(--spacing) * 44);
    }
    .h-48 {
        height: calc(var(--spacing) * 48);
    }
    .h-56 {
        height: calc(var(--spacing) * 56);
    }
    .h-\[1\.875rem\] {
        height: 1.875rem;
    }
    .h-\[4px\] {
        height: 4px;
    }
    .h-\[8px\] {
        height: 8px;
    }
    .h-\[22px\] {
        height: 22px;
    }
    .h-\[28px\] {
        height: 28px;
    }
    .h-\[30px\] {
        height: 30px;
    }
    .h-\[35px\] {
        height: 35px;
    }
    .h-\[36px\] {
        height: 36px;
    }
    .h-\[42px\] {
        height: 42px;
    }
    .h-\[45px\] {
        height: 45px;
    }
    .h-\[50px\] {
        height: 50px;
    }
    .h-\[60px\] {
        height: 60px;
    }
    .h-\[70px\] {
        height: 70px;
    }
    .h-\[95\%\] {
        height: 95%;
    }
    .h-\[100px\] {
        height: 100px;
    }
    .h-\[120px\] {
        height: 120px;
    }
    .h-\[140px\] {
        height: 140px;
    }
    .h-\[170px\] {
        height: 170px;
    }
    .h-\[180px\] {
        height: 180px;
    }
    .h-\[240px\] {
        height: 240px;
    }
    .h-\[250px\] {
        height: 250px;
    }
    .h-\[280px\] {
        height: 280px;
    }
    .h-auto {
        height: auto;
    }
    .h-full {
        height: 100%;
    }
    .h-px {
        height: 1px;
    }
    .max-h-5 {
        max-height: calc(var(--spacing) * 5);
    }
    .max-h-20 {
        max-height: calc(var(--spacing) * 20);
    }
    .max-h-36 {
        max-height: calc(var(--spacing) * 36);
    }
    .max-h-44 {
        max-height: calc(var(--spacing) * 44);
    }
    .max-h-\[25px\] {
        max-height: 25px;
    }
    .max-h-\[50vh\] {
        max-height: 50vh;
    }
    .max-h-\[55px\] {
        max-height: 55px;
    }
    .max-h-\[100px\] {
        max-height: 100px;
    }
    .max-h-\[113px\] {
        max-height: 113px;
    }
    .max-h-\[120px\] {
        max-height: 120px;
    }
    .max-h-\[130px\] {
        max-height: 130px;
    }
    .max-h-\[140px\] {
        max-height: 140px;
    }
    .max-h-\[150px\] {
        max-height: 150px;
    }
    .max-h-\[160px\] {
        max-height: 160px;
    }
    .max-h-\[170px\] {
        max-height: 170px;
    }
    .max-h-\[180px\] {
        max-height: 180px;
    }
    .max-h-\[200px\] {
        max-height: 200px;
    }
    .max-h-\[230px\] {
        max-height: 230px;
    }
    .max-h-\[250px\] {
        max-height: 250px;
    }
    .max-h-\[300px\] {
        max-height: 300px;
    }
    .max-h-\[400px\] {
        max-height: 400px;
    }
    .max-h-\[calc\(100dvh-10px\)\)\] {
        max-height: calc(100dvh - 10px);
    }
    .min-h-8\.5 {
        min-height: calc(var(--spacing) * 8.5);
    }
    .min-h-52 {
        min-height: calc(var(--spacing) * 52);
    }
    .min-h-80 {
        min-height: calc(var(--spacing) * 80);
    }
    .min-h-\[22px\] {
        min-height: 22px;
    }
    .min-h-\[24px\] {
        min-height: 24px;
    }
    .min-h-\[30px\] {
        min-height: 30px;
    }
    .min-h-\[34px\] {
        min-height: 34px;
    }
    .min-h-\[42px\] {
        min-height: 42px;
    }
    .min-h-\[44px\] {
        min-height: 44px;
    }
    .min-h-\[200px\] {
        min-height: 200px;
    }
    .min-h-\[340px\] {
        min-height: 340px;
    }
    .min-h-\[400px\] {
        min-height: 400px;
    }
    .min-h-\[600px\] {
        min-height: 600px;
    }
    .w-\(--sidebar-width\) {
        width: var(--sidebar-width);
    }
    .w-1\.5 {
        width: calc(var(--spacing) * 1.5);
    }
    .w-5 {
        width: calc(var(--spacing) * 5);
    }
    .w-7 {
        width: calc(var(--spacing) * 7);
    }
    .w-8 {
        width: calc(var(--spacing) * 8);
    }
    .w-9 {
        width: calc(var(--spacing) * 9);
    }
    .w-10 {
        width: calc(var(--spacing) * 10);
    }
    .w-11 {
        width: calc(var(--spacing) * 11);
    }
    .w-12 {
        width: calc(var(--spacing) * 12);
    }
    .w-14 {
        width: calc(var(--spacing) * 14);
    }
    .w-16 {
        width: calc(var(--spacing) * 16);
    }
    .w-20 {
        width: calc(var(--spacing) * 20);
    }
    .w-24 {
        width: calc(var(--spacing) * 24);
    }
    .w-28 {
        width: calc(var(--spacing) * 28);
    }
    .w-32 {
        width: calc(var(--spacing) * 32);
    }
    .w-36 {
        width: calc(var(--spacing) * 36);
    }
    .w-40 {
        width: calc(var(--spacing) * 40);
    }
    .w-48 {
        width: calc(var(--spacing) * 48);
    }
    .w-52 {
        width: calc(var(--spacing) * 52);
    }
    .w-56 {
        width: calc(var(--spacing) * 56);
    }
    .w-80 {
        width: calc(var(--spacing) * 80);
    }
    .w-\[1\.875rem\] {
        width: 1.875rem;
    }
    .w-\[6px\] {
        width: 6px;
    }
    .w-\[20px\] {
        width: 20px;
    }
    .w-\[26px\] {
        width: 26px;
    }
    .w-\[30px\] {
        width: 30px;
    }
    .w-\[50px\] {
        width: 50px;
    }
    .w-\[55px\] {
        width: 55px;
    }
    .w-\[60px\] {
        width: 60px;
    }
    .w-\[62px\] {
        width: 62px;
    }
    .w-\[70px\] {
        width: 70px;
    }
    .w-\[75px\] {
        width: 75px;
    }
    .w-\[90\%\] {
        width: 90%;
    }
    .w-\[90px\] {
        width: 90px;
    }
    .w-\[100px\] {
        width: 100px;
    }
    .w-\[110px\] {
        width: 110px;
    }
    .w-\[120px\] {
        width: 120px;
    }
    .w-\[125px\] {
        width: 125px;
    }
    .w-\[135px\] {
        width: 135px;
    }
    .w-\[150px\] {
        width: 150px;
    }
    .w-\[170px\] {
        width: 170px;
    }
    .w-\[175px\] {
        width: 175px;
    }
    .w-\[180px\] {
        width: 180px;
    }
    .w-\[185px\] {
        width: 185px;
    }
    .w-\[200px\] {
        width: 200px;
    }
    .w-\[220px\] {
        width: 220px;
    }
    .w-\[225px\] {
        width: 225px;
    }
    .w-\[230px\] {
        width: 230px;
    }
    .w-\[240px\] {
        width: 240px;
    }
    .w-\[250px\] {
        width: 250px;
    }
    .w-\[280px\] {
        width: 280px;
    }
    .w-\[285px\] {
        width: 285px;
    }
    .w-\[320px\] {
        width: 320px;
    }
    .w-\[350px\] {
        width: 350px;
    }
    .w-\[450px\] {
        width: 450px;
    }
    .w-\[520px\] {
        width: 520px;
    }
    .w-\[600px\] {
        width: 600px;
    }
    .w-full {
        width: 100%;
    }
    .w-screen {
        width: 100vw;
    }
    .max-w-2xl {
        max-width: var(--container-2xl);
    }
    .max-w-16 {
        max-width: calc(var(--spacing) * 16);
    }
    .max-w-24 {
        max-width: calc(var(--spacing) * 24);
    }
    .max-w-32 {
        max-width: calc(var(--spacing) * 32);
    }
    .max-w-48 {
        max-width: calc(var(--spacing) * 48);
    }
    .max-w-56 {
        max-width: calc(var(--spacing) * 56);
    }
    .max-w-64 {
        max-width: calc(var(--spacing) * 64);
    }
    .max-w-96 {
        max-width: calc(var(--spacing) * 96);
    }
    .max-w-\[15\%\] {
        max-width: 15%;
    }
    .max-w-\[25\%\] {
        max-width: 25%;
    }
    .max-w-\[60\%\] {
        max-width: 60%;
    }
    .max-w-\[90\%\] {
        max-width: 90%;
    }
    .max-w-\[125px\] {
        max-width: 125px;
    }
    .max-w-\[175px\] {
        max-width: 175px;
    }
    .max-w-\[200px\] {
        max-width: 200px;
    }
    .max-w-\[220px\] {
        max-width: 220px;
    }
    .max-w-\[250px\] {
        max-width: 250px;
    }
    .max-w-\[280px\] {
        max-width: 280px;
    }
    .max-w-\[320px\] {
        max-width: 320px;
    }
    .max-w-\[370px\] {
        max-width: 370px;
    }
    .max-w-\[380px\] {
        max-width: 380px;
    }
    .max-w-\[420px\] {
        max-width: 420px;
    }
    .max-w-\[440px\] {
        max-width: 440px;
    }
    .max-w-\[500px\] {
        max-width: 500px;
    }
    .max-w-\[600px\] {
        max-width: 600px;
    }
    .max-w-\[800px\] {
        max-width: 800px;
    }
    .max-w-full {
        max-width: 100%;
    }
    .max-w-none {
        max-width: none;
    }
    .min-w-0 {
        min-width: calc(var(--spacing) * 0);
    }
    .min-w-12 {
        min-width: calc(var(--spacing) * 12);
    }
    .min-w-14 {
        min-width: calc(var(--spacing) * 14);
    }
    .min-w-16 {
        min-width: calc(var(--spacing) * 16);
    }
    .min-w-20 {
        min-width: calc(var(--spacing) * 20);
    }
    .min-w-24 {
        min-width: calc(var(--spacing) * 24);
    }
    .min-w-28 {
        min-width: calc(var(--spacing) * 28);
    }
    .min-w-32 {
        min-width: calc(var(--spacing) * 32);
    }
    .min-w-36 {
        min-width: calc(var(--spacing) * 36);
    }
    .min-w-40 {
        min-width: calc(var(--spacing) * 40);
    }
    .min-w-48 {
        min-width: calc(var(--spacing) * 48);
    }
    .min-w-52 {
        min-width: calc(var(--spacing) * 52);
    }
    .min-w-56 {
        min-width: calc(var(--spacing) * 56);
    }
    .min-w-60 {
        min-width: calc(var(--spacing) * 60);
    }
    .min-w-64 {
        min-width: calc(var(--spacing) * 64);
    }
    .min-w-72 {
        min-width: calc(var(--spacing) * 72);
    }
    .min-w-\[98px\] {
        min-width: 98px;
    }
    .min-w-\[100px\] {
        min-width: 100px;
    }
    .min-w-\[103px\] {
        min-width: 103px;
    }
    .min-w-\[110px\] {
        min-width: 110px;
    }
    .min-w-\[120px\] {
        min-width: 120px;
    }
    .min-w-\[122px\] {
        min-width: 122px;
    }
    .min-w-\[130px\] {
        min-width: 130px;
    }
    .min-w-\[137px\] {
        min-width: 137px;
    }
    .min-w-\[150px\] {
        min-width: 150px;
    }
    .min-w-\[160px\] {
        min-width: 160px;
    }
    .min-w-\[165px\] {
        min-width: 165px;
    }
    .min-w-\[170px\] {
        min-width: 170px;
    }
    .min-w-\[175px\] {
        min-width: 175px;
    }
    .min-w-\[180px\] {
        min-width: 180px;
    }
    .min-w-\[185px\] {
        min-width: 185px;
    }
    .min-w-\[190px\] {
        min-width: 190px;
    }
    .min-w-\[198px\] {
        min-width: 198px;
    }
    .min-w-\[200px\] {
        min-width: 200px;
    }
    .min-w-\[206px\] {
        min-width: 206px;
    }
    .min-w-\[220px\] {
        min-width: 220px;
    }
    .min-w-\[224px\] {
        min-width: 224px;
    }
    .min-w-\[225px\] {
        min-width: 225px;
    }
    .min-w-\[240px\] {
        min-width: 240px;
    }
    .min-w-\[250px\] {
        min-width: 250px;
    }
    .min-w-\[260px\] {
        min-width: 260px;
    }
    .min-w-\[300px\] {
        min-width: 300px;
    }
    .min-w-\[1000px\] {
        min-width: 1000px;
    }
    .min-w-full {
        min-width: 100%;
    }
    .flex-1 {
        flex: 1;
    }
    .flex-shrink {
        flex-shrink: 1;
    }
    .shrink {
        flex-shrink: 1;
    }
    .shrink-0 {
        flex-shrink: 0;
    }
    .flex-grow {
        flex-grow: 1;
    }
    .grow {
        flex-grow: 1;
    }
    .grow-0 {
        flex-grow: 0;
    }
    .table-auto {
        table-layout: auto;
    }
    .table-fixed {
        table-layout: fixed;
    }
    .border-collapse {
        border-collapse: collapse;
    }
    .border-separate {
        border-collapse: separate;
    }
    .border-spacing-0 {
        --tw-border-spacing-x: calc(var(--spacing) * 0);
        --tw-border-spacing-y: calc(var(--spacing) * 0);
        border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
    }
    .-translate-1\/2 {
        --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
        --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
        translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .-translate-x-1\/2 {
        --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
        translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .-translate-x-2\/4 {
        --tw-translate-x: calc(calc(2 / 4 * 100%) * -1);
        translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .translate-x-1\/2 {
        --tw-translate-x: calc(1 / 2 * 100%);
        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-1\/2 {
        --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
        translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .-translate-y-2\/4 {
        --tw-translate-y: calc(calc(2 / 4 * 100%) * -1);
        translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .translate-y-1\/2 {
        --tw-translate-y: calc(1 / 2 * 100%);
        translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .transform {
        transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
    }
    .animate-spin {
        animation: var(--animate-spin);
    }
    .cursor-pointer {
        cursor: pointer;
    }
    .resize {
        resize: both;
    }
    .appearance-none {
        appearance: none;
    }
    .grid-cols-1 {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    .grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .grid-rows-2 {
        grid-template-rows: repeat(2, minmax(0, 1fr));
    }
    .flex-col {
        flex-direction: column;
    }
    .flex-col-reverse {
        flex-direction: column-reverse;
    }
    .flex-row {
        flex-direction: row;
    }
    .flex-row-reverse {
        flex-direction: row-reverse;
    }
    .flex-nowrap {
        flex-wrap: nowrap;
    }
    .flex-wrap {
        flex-wrap: wrap;
    }
    .place-content-between {
        place-content: space-between;
    }
    .place-content-center {
        place-content: center;
    }
    .place-items-center {
        place-items: center;
    }
    .content-between {
        align-content: space-between;
    }
    .items-baseline {
        align-items: baseline;
    }
    .items-center {
        align-items: center;
    }
    .items-end {
        align-items: flex-end;
    }
    .items-start {
        align-items: flex-start;
    }
    .items-stretch {
        align-items: stretch;
    }
    .justify-between {
        justify-content: space-between;
    }
    .justify-center {
        justify-content: center;
    }
    .justify-end {
        justify-content: flex-end;
    }
    .justify-start {
        justify-content: flex-start;
    }
    .gap-0 {
        gap: calc(var(--spacing) * 0);
    }
    .gap-0\.5 {
        gap: calc(var(--spacing) * 0.5);
    }
    .gap-1 {
        gap: calc(var(--spacing) * 1);
    }
    .gap-1\.5 {
        gap: calc(var(--spacing) * 1.5);
    }
    .gap-1\.25 {
        gap: calc(var(--spacing) * 1.25);
    }
    .gap-2 {
        gap: calc(var(--spacing) * 2);
    }
    .gap-2\.5 {
        gap: calc(var(--spacing) * 2.5);
    }
    .gap-3 {
        gap: calc(var(--spacing) * 3);
    }
    .gap-3\.5 {
        gap: calc(var(--spacing) * 3.5);
    }
    .gap-4 {
        gap: calc(var(--spacing) * 4);
    }
    .gap-4\.5 {
        gap: calc(var(--spacing) * 4.5);
    }
    .gap-5 {
        gap: calc(var(--spacing) * 5);
    }
    .gap-6 {
        gap: calc(var(--spacing) * 6);
    }
    .gap-7 {
        gap: calc(var(--spacing) * 7);
    }
    .gap-7\.5 {
        gap: calc(var(--spacing) * 7.5);
    }
    .gap-8 {
        gap: calc(var(--spacing) * 8);
    }
    .gap-9 {
        gap: calc(var(--spacing) * 9);
    }
    .gap-10 {
        gap: calc(var(--spacing) * 10);
    }
    .gap-\[5px\] {
        gap: 5px;
    }
    .gap-\[10px\] {
        gap: 10px;
    }
    .gap-\[14px\] {
        gap: 14px;
    }
    .gap-px {
        gap: 1px;
    }
    :where(.space-y-2 > :not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
    }
    :where(.space-y-2\.5 > :not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing) * 2.5) * var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing) * 2.5) * calc(1 - var(--tw-space-y-reverse)));
    }
    :where(.space-y-3 > :not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
    }
    :where(.space-y-4 > :not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
    }
    :where(.space-y-5 > :not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)));
    }
    .gap-x-1 {
        column-gap: calc(var(--spacing) * 1);
    }
    .gap-x-4 {
        column-gap: calc(var(--spacing) * 4);
    }
    :where(.-space-x-2 > :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)));
    }
    .gap-y-3\.5 {
        row-gap: calc(var(--spacing) * 3.5);
    }
    .gap-y-5 {
        row-gap: calc(var(--spacing) * 5);
    }
    :where(.divide-y > :not(:last-child)) {
        --tw-divide-y-reverse: 0;
        border-bottom-style: var(--tw-border-style);
        border-top-style: var(--tw-border-style);
        border-top-width: calc(1px * var(--tw-divide-y-reverse));
        border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
    }
    :where(.divide-border > :not(:last-child)) {
        border-color: var(--border);
    }
    .place-self-end {
        place-self: end;
    }
    .justify-self-center {
        justify-self: center;
    }
    .justify-self-end {
        justify-self: flex-end;
    }
    .truncate {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .overflow-auto {
        overflow: auto;
    }
    .overflow-hidden {
        overflow: hidden;
    }
    .overflow-x-auto {
        overflow-x: auto;
    }
    .scroll-smooth {
        scroll-behavior: smooth;
    }
    .rounded {
        border-radius: 0.25rem;
    }
    .rounded-\[9px\] {
        border-radius: 9px;
    }
    .rounded-\[30px\] {
        border-radius: 30px;
    }
    .rounded-full {
        border-radius: calc(infinity * 1px);
    }
    .rounded-lg {
        border-radius: var(--radius);
    }
    .rounded-md {
        border-radius: calc(var(--radius) - 2px);
    }
    .rounded-none\! {
        border-radius: 0 !important;
    }
    .rounded-sm {
        border-radius: calc(var(--radius) - 4px);
    }
    .rounded-xl {
        border-radius: calc(var(--radius) + 4px);
    }
    .rounded-xs {
        border-radius: var(--radius-xs);
    }
    .rounded-t-lg {
        border-top-left-radius: var(--radius);
        border-top-right-radius: var(--radius);
    }
    .rounded-t-xl {
        border-top-left-radius: calc(var(--radius) + 4px);
        border-top-right-radius: calc(var(--radius) + 4px);
    }
    .rounded-b-xl {
        border-bottom-right-radius: calc(var(--radius) + 4px);
        border-bottom-left-radius: calc(var(--radius) + 4px);
    }
    .border {
        border-style: var(--tw-border-style);
        border-width: 1px;
    }
    .border-0 {
        border-style: var(--tw-border-style);
        border-width: 0px;
    }
    .border-2 {
        border-style: var(--tw-border-style);
        border-width: 2px;
    }
    .border-3 {
        border-style: var(--tw-border-style);
        border-width: 3px;
    }
    .border-\[0\.5px\] {
        border-style: var(--tw-border-style);
        border-width: 0.5px;
    }
    .border-x {
        border-inline-style: var(--tw-border-style);
        border-inline-width: 1px;
    }
    .border-y {
        border-block-style: var(--tw-border-style);
        border-block-width: 1px;
    }
    .border-s {
        border-inline-start-style: var(--tw-border-style);
        border-inline-start-width: 1px;
    }
    .border-s-2 {
        border-inline-start-style: var(--tw-border-style);
        border-inline-start-width: 2px;
    }
    .border-e {
        border-inline-end-style: var(--tw-border-style);
        border-inline-end-width: 1px;
    }
    .border-t {
        border-top-style: var(--tw-border-style);
        border-top-width: 1px;
    }
    .border-r {
        border-right-style: var(--tw-border-style);
        border-right-width: 1px;
    }
    .border-b {
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: 1px;
    }
    .border-b-0 {
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: 0px;
    }
    .border-b-2 {
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: 2px;
    }
    .border-dashed {
        --tw-border-style: dashed;
        border-style: dashed;
    }
    .border-none {
        --tw-border-style: none;
        border-style: none;
    }
    .border-black\/10\! {
        border-color: color-mix(in srgb, #000 10%, transparent) !important;
    }
    @supports (color: color-mix(in lab, red, red)) {
        .border-black\/10\! {
            border-color: color-mix(in oklab, var(--color-black) 10%, transparent) !important;
        }
    }
    .border-border {
        border-color: var(--border);
    }
    .border-destructive\/10 {
        border-color: var(--destructive);
    }
    @supports (color: color-mix(in lab, red, red)) {
        .border-destructive\/10 {
            border-color: color-mix(in oklab, var(--destructive) 10%, transparent);
        }
    }
    .border-green-200 {
        border-color: var(--color-green-200);
    }
    .border-green-500 {
        border-color: var(--color-green-500);
    }
    .border-input {
        border-color: var(--input);
    }
    .border-mono\/25 {
        border-color: var(--mono);
    }
    @supports (color: color-mix(in lab, red, red)) {
        .border-mono\/25 {
            border-color: color-mix(in oklab, var(--mono) 25%, transparent);
        }
    }
    .border-orange-200 {
        border-color: var(--color-orange-200);
    }
    .border-primary {
        border-color: var(--primary);
    }
    .border-primary\/10 {
        border-color: var(--primary);
    }
    @supports (color: color-mix(in lab, red, red)) {
        .border-primary\/10 {
            border-color: color-mix(in oklab, var(--primary) 10%, transparent);
        }
    }
    .border-transparent {
        border-color: transparent;
    }
    .border-violet-200 {
        border-color: var(--color-violet-200);
    }
    .border-white {
        border-color: var(--color-white);
    }
    .border-yellow-500 {
        border-color: var(--color-yellow-500);
    }
    .border-zinc-300 {
        border-color: var(--color-zinc-300);
    }
    .border-s-border {
        border-inline-start-color: var(--border);
    }
    .border-s-input {
        border-inline-start-color: var(--input);
    }
    .border-e-border {
        border-inline-end-color: var(--border);
    }
    .border-e-input {
        border-inline-end-color: var(--input);
    }
    .border-t-border {
        border-top-color: var(--border);
    }
    .border-r-input {
        border-right-color: var(--input);
    }
    .border-b-border {
        border-bottom-color: var(--border);
    }
    .border-b-input {
        border-bottom-color: var(--input);
    }
    .border-b-primary\/10 {
        border-bottom-color: var(--primary);
    }
    @supports (color: color-mix(in lab, red, red)) {
        .border-b-primary\/10 {
            border-bottom-color: color-mix(in oklab, var(--primary) 10%, transparent);
        }
    }
    .border-b-transparent {
        border-bottom-color: transparent;
    }
    .bg-accent\/50 {
        background-color: var(--accent);
    }
    @supports (color: color-mix(in lab, red, red)) {
        .bg-accent\/50 {
            background-color: color-mix(in oklab, var(--accent) 50%, transparent);
        }
    }
    .bg-accent\/60 {
        background-color: var(--accent);
    }
    @supports (color: color-mix(in lab, red, red)) {
        .bg-accent\/60 {
            background-color: color-mix(in oklab, var(--accent) 60%, transparent);
        }
    }
    .bg-background {
        background-color: var(--background);
    }
    .bg-background\/70 {
        background-color: var(--background);
    }
    @supports (color: color-mix(in lab, red, red)) {
        .bg-background\/70 {
            background-color: color-mix(in oklab, var(--background) 70%, transparent);
        }
    }
    .bg-black\/25 {
        background-color: color-mix(in srgb, #000 25%, transparent);
    }
    @supports (color: color-mix(in lab, red, red)) {
        .bg-black\/25 {
            background-color: color-mix(in oklab, var(--color-black) 25%, transparent);
        }
    }
    .bg-border {
        background-color: var(--border);
    }
    .bg-destructive {
        background-color: var(--destructive);
    }
    .bg-destructive\/5 {
        background-color: var(--destructive);
    }
    @supports (color: color-mix(in lab, red, red)) {
        .bg-destructive\/5 {
            background-color: color-mix(in oklab, var(--destructive) 5%, transparent);
        }
    }
    .bg-green-50 {
        background-color: var(--color-green-50);
    }
    .bg-green-500 {
        background-color: var(--color-green-500);
    }
    .bg-input {
        background-color: var(--input);
    }
    .bg-mono {
        background-color: var(--mono);
    }
    .bg-mono\/20 {
        background-color: var(--mono);
    }
    @supports (color: color-mix(in lab, red, red)) {
        .bg-mono\/20 {
            background-color: color-mix(in oklab, var(--mono) 20%, transparent);
        }
    }
    .bg-mono\/30 {
        background-color: var(--mono);
    }
    @supports (color: color-mix(in lab, red, red)) {
        .bg-mono\/30 {
            background-color: color-mix(in oklab, var(--mono) 30%, transparent);
        }
    }
    .bg-mono\/50 {
        background-color: var(--mono);
    }
    @supports (color: color-mix(in lab, red, red)) {
        .bg-mono\/50 {
            background-color: color-mix(in oklab, var(--mono) 50%, transparent);
        }
    }
    .bg-muted {
        background-color: var(--muted);
    }
    .bg-muted\! {
        background-color: var(--muted) !important;
    }
    .bg-muted\/25 {
        background-color: var(--muted);
    }
    @supports (color: color-mix(in lab, red, red)) {
        .bg-muted\/25 {
            background-color: color-mix(in oklab, var(--muted) 25%, transparent);
        }
    }
    .bg-muted\/30 {
        background-color: var(--muted);
    }
    @supports (color: color-mix(in lab, red, red)) {
        .bg-muted\/30 {
            background-color: color-mix(in oklab, var(--muted) 30%, transparent);
        }
    }
    .bg-muted\/40 {
        background-color: var(--muted);
    }
    @supports (color: color-mix(in lab, red, red)) {
        .bg-muted\/40 {
            background-color: color-mix(in oklab, var(--muted) 40%, transparent);
        }
    }
    .bg-muted\/50 {
        background-color: var(--muted);
    }
    @supports (color: color-mix(in lab, red, red)) {
        .bg-muted\/50 {
            background-color: color-mix(in oklab, var(--muted) 50%, transparent);
        }
    }
    .bg-muted\/70 {
        background-color: var(--muted);
    }
    @supports (color: color-mix(in lab, red, red)) {
        .bg-muted\/70 {
            background-color: color-mix(in oklab, var(--muted) 70%, transparent);
        }
    }
    .bg-orange-100 {
        background-color: var(--color-orange-100);
    }
    .bg-primary {
        background-color: var(--primary);
    }
    .bg-primary\/5 {
        background-color: var(--primary);
    }
    @supports (color: color-mix(in lab, red, red)) {
        .bg-primary\/5 {
            background-color: color-mix(in oklab, var(--primary) 5%, transparent);
        }
    }
    .bg-primary\/10 {
        background-color: var(--primary);
    }
    @supports (color: color-mix(in lab, red, red)) {
        .bg-primary\/10 {
            background-color: color-mix(in oklab, var(--primary) 10%, transparent);
        }
    }
    .bg-transparent {
        background-color: transparent;
    }
    .bg-transparent\! {
        background-color: transparent !important;
    }
    .bg-violet-50 {
        background-color: var(--color-violet-50);
    }
    .bg-violet-500 {
        background-color: var(--color-violet-500);
    }
    .bg-white {
        background-color: var(--color-white);
    }
    .bg-white\/70 {
        background-color: color-mix(in srgb, #fff 70%, transparent);
    }
    @supports (color: color-mix(in lab, red, red)) {
        .bg-white\/70 {
            background-color: color-mix(in oklab, var(--color-white) 70%, transparent);
        }
    }
    .bg-yellow-50 {
        background-color: var(--color-yellow-50);
    }
    .bg-yellow-500 {
        background-color: var(--color-yellow-500);
    }
    .bg-linear-to-t {
        --tw-gradient-position: to top;
    }
    @supports (background-image: linear-gradient(in lab, red, red)) {
        .bg-linear-to-t {
            --tw-gradient-position: to top in oklab;
        }
    }
    .bg-linear-to-t {
        background-image: linear-gradient(var(--tw-gradient-stops));
    }
    .from-3\% {
        --tw-gradient-from-position: 3%;
    }
    .to-transparent {
        --tw-gradient-to: transparent;
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
    .bg-\[length\:80\%\] {
        background-size: 80%;
    }
    .bg-\[length\:85\%\] {
        background-size: 85%;
    }
    .bg-\[length\:500px\] {
        background-size: 500px;
    }
    .bg-\[length\:550px\] {
        background-size: 550px;
    }
    .bg-\[length\:600px\] {
        background-size: 600px;
    }
    .bg-\[length\:650px\] {
        background-size: 650px;
    }
    .bg-\[length\:660px_310px\] {
        background-size: 660px 310px;
    }
    .bg-\[length\:700px\] {
        background-size: 700px;
    }
    .bg-\[length\:750px\] {
        background-size: 750px;
    }
    .bg-cover {
        background-size: cover;
    }
    .\[background-position\:7\.5rem_-3\.5rem\] {
        background-position: 7.5rem -3.5rem;
    }
    .\[background-position\:9rem_-4rem\] {
        background-position: 9rem -4rem;
    }
    .\[background-position\:121\%_41\%\] {
        background-position: 121% 41%;
    }
    .\[background-position\:175\%_25\%\] {
        background-position: 175% 25%;
    }
    .\[background-position\:195px_-85px\] {
        background-position: 195px -85px;
    }
    .bg-\[center_right_-8rem\] {
        background-position: center right -8rem;
    }
    .bg-\[center_top_1\.3rem\] {
        background-position: center top 1.3rem;
    }
    .bg-\[right_top_-1\.7rem\] {
        background-position: right top -1.7rem;
    }
    .bg-center {
        background-position: center;
    }
    .bg-top {
        background-position: top;
    }
    .bg-no-repeat {
        background-repeat: no-repeat;
    }
    .fill-border {
        fill: var(--border);
    }
    .fill-destructive\/5 {
        fill: var(--destructive);
    }
    @supports (color: color-mix(in lab, red, red)) {
        .fill-destructive\/5 {
            fill: color-mix(in oklab, var(--destructive) 5%, transparent);
        }
    }
    .fill-green-50 {
        fill: var(--color-green-50);
    }
    .fill-green-100 {
        fill: var(--color-green-100);
    }
    .fill-muted\/30 {
        fill: var(--muted);
    }
    @supports (color: color-mix(in lab, red, red)) {
        .fill-muted\/30 {
            fill: color-mix(in oklab, var(--muted) 30%, transparent);
        }
    }
    .fill-primary\/5 {
        fill: var(--primary);
    }
    @supports (color: color-mix(in lab, red, red)) {
        .fill-primary\/5 {
            fill: color-mix(in oklab, var(--primary) 5%, transparent);
        }
    }
    .fill-violet-50 {
        fill: var(--color-violet-50);
    }
    .fill-violet-100 {
        fill: var(--color-violet-100);
    }
    .fill-yellow-100 {
        fill: var(--color-yellow-100);
    }
    .stroke-border {
        stroke: var(--border);
    }
    .stroke-destructive\/10 {
        stroke: var(--destructive);
    }
    @supports (color: color-mix(in lab, red, red)) {
        .stroke-destructive\/10 {
            stroke: color-mix(in oklab, var(--destructive) 10%, transparent);
        }
    }
    .stroke-green-200 {
        stroke: var(--color-green-200);
    }
    .stroke-input {
        stroke: var(--input);
    }
    .stroke-primary\/10 {
        stroke: var(--primary);
    }
    @supports (color: color-mix(in lab, red, red)) {
        .stroke-primary\/10 {
            stroke: color-mix(in oklab, var(--primary) 10%, transparent);
        }
    }
    .stroke-violet-100 {
        stroke: var(--color-violet-100);
    }
    .stroke-violet-200 {
        stroke: var(--color-violet-200);
    }
    .stroke-yellow-100 {
        stroke: var(--color-yellow-100);
    }
    .stroke-yellow-200 {
        stroke: var(--color-yellow-200);
    }
    .p-0 {
        padding: calc(var(--spacing) * 0);
    }
    .p-0\.5 {
        padding: calc(var(--spacing) * 0.5);
    }
    .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-3\.5 {
        padding: calc(var(--spacing) * 3.5);
    }
    .p-4 {
        padding: calc(var(--spacing) * 4);
    }
    .p-5 {
        padding: calc(var(--spacing) * 5);
    }
    .p-5\! {
        padding: calc(var(--spacing) * 5) !important;
    }
    .p-7 {
        padding: calc(var(--spacing) * 7);
    }
    .p-7\.5 {
        padding: calc(var(--spacing) * 7.5);
    }
    .p-8 {
        padding: calc(var(--spacing) * 8);
    }
    .p-10 {
        padding: calc(var(--spacing) * 10);
    }
    .px-0 {
        padding-inline: calc(var(--spacing) * 0);
    }
    .px-0\.5 {
        padding-inline: calc(var(--spacing) * 0.5);
    }
    .px-2 {
        padding-inline: calc(var(--spacing) * 2);
    }
    .px-2\.5 {
        padding-inline: calc(var(--spacing) * 2.5);
    }
    .px-2\.75 {
        padding-inline: calc(var(--spacing) * 2.75);
    }
    .px-3 {
        padding-inline: calc(var(--spacing) * 3);
    }
    .px-3\.5 {
        padding-inline: calc(var(--spacing) * 3.5);
    }
    .px-4 {
        padding-inline: calc(var(--spacing) * 4);
    }
    .px-5 {
        padding-inline: calc(var(--spacing) * 5);
    }
    .px-5\! {
        padding-inline: calc(var(--spacing) * 5) !important;
    }
    .px-7 {
        padding-inline: calc(var(--spacing) * 7);
    }
    .px-7\.5 {
        padding-inline: calc(var(--spacing) * 7.5);
    }
    .px-9 {
        padding-inline: calc(var(--spacing) * 9);
    }
    .px-10 {
        padding-inline: calc(var(--spacing) * 10);
    }
    .py-0 {
        padding-block: calc(var(--spacing) * 0);
    }
    .py-0\.5 {
        padding-block: calc(var(--spacing) * 0.5);
    }
    .py-1 {
        padding-block: calc(var(--spacing) * 1);
    }
    .py-1\.5 {
        padding-block: calc(var(--spacing) * 1.5);
    }
    .py-2 {
        padding-block: calc(var(--spacing) * 2);
    }
    .py-2\.5 {
        padding-block: calc(var(--spacing) * 2.5);
    }
    .py-2\.25 {
        padding-block: calc(var(--spacing) * 2.25);
    }
    .py-3 {
        padding-block: calc(var(--spacing) * 3);
    }
    .py-3\.5 {
        padding-block: calc(var(--spacing) * 3.5);
    }
    .py-3\.5\! {
        padding-block: calc(var(--spacing) * 3.5) !important;
    }
    .py-4 {
        padding-block: calc(var(--spacing) * 4);
    }
    .py-4\.5 {
        padding-block: calc(var(--spacing) * 4.5);
    }
    .py-5 {
        padding-block: calc(var(--spacing) * 5);
    }
    .py-5\.5\! {
        padding-block: calc(var(--spacing) * 5.5) !important;
    }
    .py-7\.5 {
        padding-block: calc(var(--spacing) * 7.5);
    }
    .py-9 {
        padding-block: calc(var(--spacing) * 9);
    }
    .py-10 {
        padding-block: calc(var(--spacing) * 10);
    }
    .py-\[6px\] {
        padding-block: 6px;
    }
    .py-\[8px\] {
        padding-block: 8px;
    }
    .ps-1\.5 {
        padding-inline-start: calc(var(--spacing) * 1.5);
    }
    .ps-2 {
        padding-inline-start: calc(var(--spacing) * 2);
    }
    .ps-2\.5 {
        padding-inline-start: calc(var(--spacing) * 2.5);
    }
    .ps-3 {
        padding-inline-start: calc(var(--spacing) * 3);
    }
    .ps-4 {
        padding-inline-start: calc(var(--spacing) * 4);
    }
    .ps-5 {
        padding-inline-start: calc(var(--spacing) * 5);
    }
    .ps-6 {
        padding-inline-start: calc(var(--spacing) * 6);
    }
    .ps-7 {
        padding-inline-start: calc(var(--spacing) * 7);
    }
    .ps-8 {
        padding-inline-start: calc(var(--spacing) * 8);
    }
    .ps-12 {
        padding-inline-start: calc(var(--spacing) * 12);
    }
    .ps-\[10px\] {
        padding-inline-start: 10px;
    }
    .ps-\[14\.5px\] {
        padding-inline-start: 14.5px;
    }
    .ps-\[22px\] {
        padding-inline-start: 22px;
    }
    .ps-px {
        padding-inline-start: 1px;
    }
    .pe-1 {
        padding-inline-end: calc(var(--spacing) * 1);
    }
    .pe-2 {
        padding-inline-end: calc(var(--spacing) * 2);
    }
    .pe-2\.5 {
        padding-inline-end: calc(var(--spacing) * 2.5);
    }
    .pe-3 {
        padding-inline-end: calc(var(--spacing) * 3);
    }
    .pe-3\.5 {
        padding-inline-end: calc(var(--spacing) * 3.5);
    }
    .pe-4 {
        padding-inline-end: calc(var(--spacing) * 4);
    }
    .pe-5 {
        padding-inline-end: calc(var(--spacing) * 5);
    }
    .pe-6 {
        padding-inline-end: calc(var(--spacing) * 6);
    }
    .pe-7\.5 {
        padding-inline-end: calc(var(--spacing) * 7.5);
    }
    .pe-\[10px\] {
        padding-inline-end: 10px;
    }
    .pt-\(--header-height\) {
        padding-top: var(--header-height);
    }
    .pt-0 {
        padding-top: calc(var(--spacing) * 0);
    }
    .pt-0\.5 {
        padding-top: calc(var(--spacing) * 0.5);
    }
    .pt-1 {
        padding-top: calc(var(--spacing) * 1);
    }
    .pt-1\.5 {
        padding-top: calc(var(--spacing) * 1.5);
    }
    .pt-2 {
        padding-top: calc(var(--spacing) * 2);
    }
    .pt-2\.5 {
        padding-top: calc(var(--spacing) * 2.5);
    }
    .pt-2\.25 {
        padding-top: calc(var(--spacing) * 2.25);
    }
    .pt-3 {
        padding-top: calc(var(--spacing) * 3);
    }
    .pt-3\.5 {
        padding-top: calc(var(--spacing) * 3.5);
    }
    .pt-4 {
        padding-top: calc(var(--spacing) * 4);
    }
    .pt-5 {
        padding-top: calc(var(--spacing) * 5);
    }
    .pt-6 {
        padding-top: calc(var(--spacing) * 6);
    }
    .pt-7 {
        padding-top: calc(var(--spacing) * 7);
    }
    .pt-7\.5 {
        padding-top: calc(var(--spacing) * 7.5);
    }
    .pt-7\.5\! {
        padding-top: calc(var(--spacing) * 7.5) !important;
    }
    .pt-8 {
        padding-top: calc(var(--spacing) * 8);
    }
    .pt-\[1px\] {
        padding-top: 1px;
    }
    .pr-2 {
        padding-right: calc(var(--spacing) * 2);
    }
    .pr-2\.5 {
        padding-right: calc(var(--spacing) * 2.5);
    }
    .pr-3 {
        padding-right: calc(var(--spacing) * 3);
    }
    .pb-0 {
        padding-bottom: calc(var(--spacing) * 0);
    }
    .pb-0\.5 {
        padding-bottom: calc(var(--spacing) * 0.5);
    }
    .pb-1 {
        padding-bottom: calc(var(--spacing) * 1);
    }
    .pb-1\.5 {
        padding-bottom: calc(var(--spacing) * 1.5);
    }
    .pb-2 {
        padding-bottom: calc(var(--spacing) * 2);
    }
    .pb-2\.5 {
        padding-bottom: calc(var(--spacing) * 2.5);
    }
    .pb-3 {
        padding-bottom: calc(var(--spacing) * 3);
    }
    .pb-3\.5 {
        padding-bottom: calc(var(--spacing) * 3.5);
    }
    .pb-4 {
        padding-bottom: calc(var(--spacing) * 4);
    }
    .pb-5 {
        padding-bottom: calc(var(--spacing) * 5);
    }
    .pb-6 {
        padding-bottom: calc(var(--spacing) * 6);
    }
    .pb-7 {
        padding-bottom: calc(var(--spacing) * 7);
    }
    .pb-7\.5 {
        padding-bottom: calc(var(--spacing) * 7.5);
    }
    .pb-10 {
        padding-bottom: calc(var(--spacing) * 10);
    }
    .pb-px {
        padding-bottom: 1px;
    }
    .pl-2\.5 {
        padding-left: calc(var(--spacing) * 2.5);
    }
    .pl-6 {
        padding-left: calc(var(--spacing) * 6);
    }
    .text-center {
        text-align: center;
    }
    .text-end {
        text-align: end;
    }
    .text-left {
        text-align: left;
    }
    .text-right {
        text-align: right;
    }
    .text-start {
        text-align: start;
    }
    .align-bottom {
        vertical-align: bottom;
    }
    .align-middle {
        vertical-align: middle;
    }
    .text-2sm {
        font-size: var(--text-2sm);
        line-height: var(--tw-leading, var(--text-2sm--line-height));
    }
    .text-2xl {
        font-size: var(--text-2xl);
        line-height: var(--tw-leading, var(--text-2xl--line-height));
    }
    .text-2xs {
        font-size: var(--text-2xs);
        line-height: var(--tw-leading, var(--text-2xs--line-height));
    }
    .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-base\! {
        font-size: var(--text-base) !important;
        line-height: var(--tw-leading, var(--text-base--line-height)) !important;
    }
    .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));
    }
    .text-xs {
        font-size: var(--text-xs);
        line-height: var(--tw-leading, var(--text-xs--line-height));
    }
    .text-xs\! {
        font-size: var(--text-xs) !important;
        line-height: var(--tw-leading, var(--text-xs--line-height)) !important;
    }
    .text-\[1\.875rem\] {
        font-size: 1.875rem;
    }
    .text-\[2\.25rem\] {
        font-size: 2.25rem;
    }
    .text-\[10px\] {
        font-size: 10px;
    }
    .text-\[11px\] {
        font-size: 11px;
    }
    .text-\[26px\] {
        font-size: 26px;
    }
    .leading-3 {
        --tw-leading: calc(var(--spacing) * 3);
        line-height: calc(var(--spacing) * 3);
    }
    .leading-4 {
        --tw-leading: calc(var(--spacing) * 4);
        line-height: calc(var(--spacing) * 4);
    }
    .leading-5 {
        --tw-leading: calc(var(--spacing) * 5);
        line-height: calc(var(--spacing) * 5);
    }
    .leading-5\.5 {
        --tw-leading: calc(var(--spacing) * 5.5);
        line-height: calc(var(--spacing) * 5.5);
    }
    .leading-6 {
        --tw-leading: calc(var(--spacing) * 6);
        line-height: calc(var(--spacing) * 6);
    }
    .leading-\[14px\] {
        --tw-leading: 14px;
        line-height: 14px;
    }
    .leading-\[22px\] {
        --tw-leading: 22px;
        line-height: 22px;
    }
    .leading-none {
        --tw-leading: 1;
        line-height: 1;
    }
    .font-medium {
        --tw-font-weight: var(--font-weight-medium);
        font-weight: var(--font-weight-medium);
    }
    .font-normal {
        --tw-font-weight: var(--font-weight-normal);
        font-weight: var(--font-weight-normal);
    }
    .font-semibold {
        --tw-font-weight: var(--font-weight-semibold);
        font-weight: var(--font-weight-semibold);
    }
    .tracking-tight {
        --tw-tracking: var(--tracking-tight);
        letter-spacing: var(--tracking-tight);
    }
    .text-nowrap {
        text-wrap: nowrap;
    }
    .whitespace-nowrap {
        white-space: nowrap;
    }
    .text-accent-foreground\/60 {
        color: var(--accent-foreground);
    }
    @supports (color: color-mix(in lab, red, red)) {
        .text-accent-foreground\/60 {
            color: color-mix(in oklab, var(--accent-foreground) 60%, transparent);
        }
    }
    .text-destructive {
        color: var(--destructive);
    }
    .text-foreground {
        color: var(--foreground);
    }
    .text-gray-600 {
        color: var(--color-gray-600);
    }
    .text-gray-700 {
        color: var(--color-gray-700);
    }
    .text-green-500 {
        color: var(--color-green-500);
    }
    .text-green-600 {
        color: var(--color-green-600);
    }
    .text-mono {
        color: var(--mono);
    }
    .text-muted-foreground {
        color: var(--muted-foreground);
    }
    .text-muted-foreground\/50 {
        color: var(--muted-foreground);
    }
    @supports (color: color-mix(in lab, red, red)) {
        .text-muted-foreground\/50 {
            color: color-mix(in oklab, var(--muted-foreground) 50%, transparent);
        }
    }
    .text-muted-foreground\/60 {
        color: var(--muted-foreground);
    }
    @supports (color: color-mix(in lab, red, red)) {
        .text-muted-foreground\/60 {
            color: color-mix(in oklab, var(--muted-foreground) 60%, transparent);
        }
    }
    .text-orange-400 {
        color: var(--color-orange-400);
    }
    .text-primary {
        color: var(--primary);
    }
    .text-primary-foreground {
        color: var(--primary-foreground);
    }
    .text-red-500 {
        color: var(--color-red-500);
    }
    .text-secondary-foreground {
        color: var(--secondary-foreground);
    }
    .text-transparent {
        color: transparent;
    }
    .text-violet-500 {
        color: var(--color-violet-500);
    }
    .text-violet-600 {
        color: var(--color-violet-600);
    }
    .text-white {
        color: var(--color-white);
    }
    .text-yellow-400 {
        color: var(--color-yellow-400);
    }
    .text-yellow-500 {
        color: var(--color-yellow-500);
    }
    .text-yellow-600 {
        color: var(--color-yellow-600);
    }
    .capitalize {
        text-transform: capitalize;
    }
    .lowercase {
        text-transform: lowercase;
    }
    .uppercase {
        text-transform: uppercase;
    }
    .italic {
        font-style: italic;
    }
    .ordinal {
        --tw-ordinal: ordinal;
        font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
    }
    .tabular-nums {
        --tw-numeric-spacing: tabular-nums;
        font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
    }
    .line-through {
        text-decoration-line: line-through;
    }
    .overline {
        text-decoration-line: overline;
    }
    .underline {
        text-decoration-line: underline;
    }
    .antialiased {
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }
    .accent-primary {
        accent-color: var(--primary);
    }
    .opacity-25 {
        opacity: 25%;
    }
    .opacity-75 {
        opacity: 75%;
    }
    .opacity-80 {
        opacity: 80%;
    }
    .opacity-90 {
        opacity: 90%;
    }
    .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-\[0px_3px_11px_0px_rgba\(45\,72\,126\,0\.10\)\] {
        --tw-shadow: 0px 3px 11px 0px var(--tw-shadow-color, rgba(45,72,126,0.10));
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
    .shadow-md {
        --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px 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-none {
        --tw-shadow: 0 0 #0000;
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
    .shadow-xs {
        --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
    .ring {
        --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + 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);
    }
    .ring-1 {
        --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + 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);
    }
    .ring-2 {
        --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);
    }
    .shadow-black\/5 {
        --tw-shadow-color: color-mix(in srgb, #000 5%, transparent);
    }
    @supports (color: color-mix(in lab, red, red)) {
        .shadow-black\/5 {
            --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-black) 5%, transparent) var(--tw-shadow-alpha), transparent);
        }
    }
    .ring-background {
        --tw-ring-color: var(--background);
    }
    .ring-border {
        --tw-ring-color: var(--border);
    }
    .ring-destructive\/20 {
        --tw-ring-color: var(--destructive);
    }
    @supports (color: color-mix(in lab, red, red)) {
        .ring-destructive\/20 {
            --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent);
        }
    }
    .ring-green-200 {
        --tw-ring-color: var(--color-green-200);
    }
    .ring-input {
        --tw-ring-color: var(--input);
    }
    .ring-primary\/10 {
        --tw-ring-color: var(--primary);
    }
    @supports (color: color-mix(in lab, red, red)) {
        .ring-primary\/10 {
            --tw-ring-color: color-mix(in oklab, var(--primary) 10%, transparent);
        }
    }
    .ring-primary\/20 {
        --tw-ring-color: var(--primary);
    }
    @supports (color: color-mix(in lab, red, red)) {
        .ring-primary\/20 {
            --tw-ring-color: color-mix(in oklab, var(--primary) 20%, transparent);
        }
    }
    .ring-violet-50 {
        --tw-ring-color: var(--color-violet-50);
    }
    .ring-violet-200 {
        --tw-ring-color: var(--color-violet-200);
    }
    .ring-yellow-200 {
        --tw-ring-color: var(--color-yellow-200);
    }
    .outline {
        outline-style: var(--tw-outline-style);
        outline-width: 1px;
    }
    .blur {
        --tw-blur: blur(8px);
        filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
    }
    .grayscale {
        --tw-grayscale: grayscale(100%);
        filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
    }
    .invert {
        --tw-invert: invert(100%);
        filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
    }
    .filter {
        filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
    }
    .backdrop-blur-md {
        --tw-backdrop-blur: blur(var(--blur-md));
        -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
        backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    }
    .transition {
        transition-property: color, background-color, border-color, 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-\[height\] {
        transition-property: height;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration));
    }
    .transition-all {
        transition-property: all;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration));
    }
    .transition-colors {
        transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
        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-in-out {
        --tw-ease: var(--ease-in-out);
        transition-timing-function: var(--ease-in-out);
    }
    .select-all {
        -webkit-user-select: all;
        user-select: all;
    }
    .\[--header-height-default\:95px\] {
        --header-height-default: 95px;
    }
    .\[--header-height-mobile\:70px\] {
        --header-height-mobile: 70px;
    }
    .\[--header-height\:54px\] {
        --header-height: 54px;
    }
    .\[--header-height\:58px\] {
        --header-height: 58px;
    }
    .\[--header-height\:60px\] {
        --header-height: 60px;
    }
    .\[--header-height\:78px\] {
        --header-height: 78px;
    }
    .\[--header-height\:100px\] {
        --header-height: 100px;
    }
    .\[--header-height\:var\(--header-height-default\)\] {
        --header-height: var(--header-height-default);
    }
    .\[--kt-drawer-enable\:true\] {
        --kt-drawer-enable: true;
    }
    .\[--kt-reparent-mode\:prepend\] {
        --kt-reparent-mode: prepend;
    }
    .\[--kt-reparent-target\:\#contentContainer\] {
        --kt-reparent-target: #contentContainer;
    }
    .\[--kt-reparent-target\:body\] {
        --kt-reparent-target: body;
    }
    .\[--kt-scrollbar-width\:auto\] {
        --kt-scrollbar-width: auto;
    }
    .\[--navbar-height\:56px\] {
        --navbar-height: 56px;
    }
    .\[--sidebar-width\:58px\] {
        --sidebar-width: 58px;
    }
    .\[--sidebar-width\:90px\] {
        --sidebar-width: 90px;
    }
    .\[--sidebar-width\:200px\] {
        --sidebar-width: 200px;
    }
    .\[--sidebar-width\:270px\] {
        --sidebar-width: 270px;
    }
    .\[--sidebar-width\:290px\] {
        --sidebar-width: 290px;
    }
    :is(.\*\:border-border > *) {
        border-color: var(--border);
    }
    .not-last\:block:not(*:last-child) {
        display: block;
    }
    .not-last\:border-e:not(*:last-child) {
        border-inline-end-style: var(--tw-border-style);
        border-inline-end-width: 1px;
    }
    .not-last\:border-b:not(*:last-child) {
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: 1px;
    }
    @media (hover: hover) {
        .group-hover\:text-primary:is(:where(.group):hover *) {
            color: var(--primary);
        }
    }
    .group-has-checked\:hidden:is(:where(.group):has(*:checked) *) {
        display: none;
    }
    .group-has-checked\:inline:is(:where(.group):has(*:checked) *) {
        display: inline;
    }
    .before\:absolute::before {
        content: var(--tw-content);
        position: absolute;
    }
    .before\:start-\[20px\]::before {
        content: var(--tw-content);
        inset-inline-start: 20px;
    }
    .before\:start-\[32px\]::before {
        content: var(--tw-content);
        inset-inline-start: 32px;
    }
    .before\:top-0::before {
        content: var(--tw-content);
        top: calc(var(--spacing) * 0);
    }
    .before\:bottom-0::before {
        content: var(--tw-content);
        bottom: calc(var(--spacing) * 0);
    }
    .before\:left-\[11px\]::before {
        content: var(--tw-content);
        left: 11px;
    }
    .before\:size-1\.5::before {
        content: var(--tw-content);
        width: calc(var(--spacing) * 1.5);
        height: calc(var(--spacing) * 1.5);
    }
    .before\:size-\[6px\]::before {
        content: var(--tw-content);
        width: 6px;
        height: 6px;
    }
    .before\:-translate-x-2\/4::before {
        content: var(--tw-content);
        --tw-translate-x: calc(calc(2 / 4 * 100%) * -1);
        translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .before\:-translate-y-1\/2::before {
        content: var(--tw-content);
        --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
        translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .before\:-translate-y-2\/4::before {
        content: var(--tw-content);
        --tw-translate-y: calc(calc(2 / 4 * 100%) * -1);
        translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .before\:rounded-full::before {
        content: var(--tw-content);
        border-radius: calc(infinity * 1px);
    }
    .before\:border-s::before {
        content: var(--tw-content);
        border-inline-start-style: var(--tw-border-style);
        border-inline-start-width: 1px;
    }
    .before\:border-l::before {
        content: var(--tw-content);
        border-left-style: var(--tw-border-style);
        border-left-width: 1px;
    }
    .before\:border-border::before {
        content: var(--tw-content);
        border-color: var(--border);
    }
    .last\:me-5:last-child {
        margin-inline-end: calc(var(--spacing) * 5);
    }
    .last\:mr-5:last-child {
        margin-right: calc(var(--spacing) * 5);
    }
    .last-of-type\:hidden:last-of-type {
        display: none;
    }
    .checked\:bg-none:checked {
        background-image: none;
    }
    @media (hover: hover) {
        .hover\:z-5:hover {
            z-index: 5;
        }
    }
    @media (hover: hover) {
        .hover\:rounded-lg:hover {
            border-radius: var(--radius);
        }
    }
    @media (hover: hover) {
        .hover\:border-border:hover {
            border-color: var(--border);
        }
    }
    @media (hover: hover) {
        .hover\:border-input:hover {
            border-color: var(--input);
        }
    }
    @media (hover: hover) {
        .hover\:bg-accent\/60:hover {
            background-color: var(--accent);
        }
        @supports (color: color-mix(in lab, red, red)) {
            .hover\:bg-accent\/60:hover {
                background-color: color-mix(in oklab, var(--accent) 60%, transparent);
            }
        }
    }
    @media (hover: hover) {
        .hover\:bg-background:hover {
            background-color: var(--background);
        }
    }
    @media (hover: hover) {
        .hover\:bg-primary\/10:hover {
            background-color: var(--primary);
        }
        @supports (color: color-mix(in lab, red, red)) {
            .hover\:bg-primary\/10:hover {
                background-color: color-mix(in oklab, var(--primary) 10%, transparent);
            }
        }
    }
    @media (hover: hover) {
        .hover\:bg-transparent:hover {
            background-color: transparent;
        }
    }
    @media (hover: hover) {
        .hover\:font-medium:hover {
            --tw-font-weight: var(--font-weight-medium);
            font-weight: var(--font-weight-medium);
        }
    }
    @media (hover: hover) {
        .hover\:text-foreground:hover {
            color: var(--foreground);
        }
    }
    @media (hover: hover) {
        .hover\:text-primary:hover {
            color: var(--primary);
        }
    }
    @media (hover: hover) {
        .hover\:text-white:hover {
            color: var(--color-white);
        }
    }
    .focus\:border-primary\/10:focus {
        border-color: var(--primary);
    }
    @supports (color: color-mix(in lab, red, red)) {
        .focus\:border-primary\/10:focus {
            border-color: color-mix(in oklab, var(--primary) 10%, transparent);
        }
    }
    .focus\:bg-none:focus {
        background-image: none;
    }
    .focus\:ring-0:focus {
        --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + 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-3:focus {
        --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + 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-primary\/10:focus {
        --tw-ring-color: var(--primary);
    }
    @supports (color: color-mix(in lab, red, red)) {
        .focus\:ring-primary\/10:focus {
            --tw-ring-color: color-mix(in oklab, var(--primary) 10%, transparent);
        }
    }
    .focus\:ring-offset-0:focus {
        --tw-ring-offset-width: 0px;
        --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    }
    :where(*[data-kt-sticky-header="on"]) .in-data-\[kt-sticky-header\=on\]\:pt-\(--header-height\) {
        padding-top: var(--header-height);
    }
    :where(*:is(.authors-row)) .in-\[\.authors-row\]\:start-\[64px\] {
        inset-inline-start: 64px;
    }
    :where(*:is(.authors-row)) .in-\[\.authors-row\]\:size-\[80px\] {
        width: 80px;
        height: 80px;
    }
    :where(*:is(.kt-menu-dropdown)) .in-\[\.kt-menu-dropdown\]\:-rotate-90 {
        rotate: calc(90deg * -1);
    }
    :where(*:is(.menu-dropdown)) .in-\[\.menu-dropdown\]\:-rotate-90 {
        rotate: calc(90deg * -1);
    }
    .has-checked\:border-3:has(*:checked) {
        border-style: var(--tw-border-style);
        border-width: 3px;
    }
    .has-checked\:border-green-500:has(*:checked) {
        border-color: var(--color-green-500);
    }
    .has-checked\:border-primary:has(*:checked) {
        border-color: var(--primary);
    }
    .aria-\[current\=true\]\:bg-primary[aria-current="true"] {
        background-color: var(--primary);
    }
    .data-\[kt-sticky-header\=on\]\:\[--header-height\:60px\][data-kt-sticky-header="on"] {
        --header-height: 60px;
    }
    @media (width >= 40rem) {
        .sm\:ms-8 {
            margin-inline-start: calc(var(--spacing) * 8);
        }
    }
    @media (width >= 40rem) {
        .sm\:me-0 {
            margin-inline-end: calc(var(--spacing) * 0);
        }
    }
    @media (width >= 40rem) {
        .sm\:inline-block {
            display: inline-block;
        }
    }
    @media (width >= 40rem) {
        .sm\:max-w-full {
            max-width: 100%;
        }
    }
    @media (width >= 40rem) {
        .sm\:grid-cols-1 {
            grid-template-columns: repeat(1, minmax(0, 1fr));
        }
    }
    @media (width >= 40rem) {
        .sm\:grid-cols-2 {
            grid-template-columns: repeat(2, minmax(0, 1fr));
        }
    }
    @media (width >= 40rem) {
        .sm\:grid-cols-4 {
            grid-template-columns: repeat(4, minmax(0, 1fr));
        }
    }
    @media (width >= 40rem) {
        .sm\:flex-row {
            flex-direction: row;
        }
    }
    @media (width >= 40rem) {
        .sm\:flex-nowrap {
            flex-wrap: nowrap;
        }
    }
    @media (width >= 40rem) {
        .sm\:flex-wrap {
            flex-wrap: wrap;
        }
    }
    @media (width >= 40rem) {
        .sm\:items-center {
            align-items: center;
        }
    }
    @media (width >= 40rem) {
        .sm\:justify-end {
            justify-content: flex-end;
        }
    }
    @media (width >= 40rem) {
        .sm\:ps-8 {
            padding-inline-start: calc(var(--spacing) * 8);
        }
    }
    @media (width >= 48rem) {
        .md\:order-1 {
            order: 1;
        }
    }
    @media (width >= 48rem) {
        .md\:order-2 {
            order: 2;
        }
    }
    @media (width >= 48rem) {
        .md\:block {
            display: block;
        }
    }
    @media (width >= 48rem) {
        .md\:hidden {
            display: none;
        }
    }
    @media (width >= 48rem) {
        .md\:inline {
            display: inline;
        }
    }
    @media (width >= 48rem) {
        .md\:w-80 {
            width: calc(var(--spacing) * 80);
        }
    }
    @media (width >= 48rem) {
        .md\:max-w-\[60\%\] {
            max-width: 60%;
        }
    }
    @media (width >= 48rem) {
        .md\:flex-1 {
            flex: 1;
        }
    }
    @media (width >= 48rem) {
        .md\:grid-cols-2 {
            grid-template-columns: repeat(2, minmax(0, 1fr));
        }
    }
    @media (width >= 48rem) {
        .md\:flex-row {
            flex-direction: row;
        }
    }
    @media (width >= 48rem) {
        .md\:flex-nowrap {
            flex-wrap: nowrap;
        }
    }
    @media (width >= 48rem) {
        .md\:items-center {
            align-items: center;
        }
    }
    @media (width >= 48rem) {
        .md\:justify-between {
            justify-content: space-between;
        }
    }
    @media (width >= 48rem) {
        .md\:gap-10 {
            gap: calc(var(--spacing) * 10);
        }
    }
    @media (width >= 64rem) {
        .lg\:fixed {
            position: fixed;
        }
    }
    @media (width >= 64rem) {
        .lg\:start-auto {
            inset-inline-start: auto;
        }
    }
    @media (width >= 64rem) {
        .lg\:top-\(--header-height\) {
            top: var(--header-height);
        }
    }
    @media (width >= 64rem) {
        .lg\:top-\[15\%\] {
            top: 15%;
        }
    }
    @media (width >= 64rem) {
        .lg\:top-\[80px\] {
            top: 80px;
        }
    }
    @media (width >= 64rem) {
        .lg\:right-auto {
            right: auto;
        }
    }
    @media (width >= 64rem) {
        .lg\:order-1 {
            order: 1;
        }
    }
    @media (width >= 64rem) {
        .lg\:order-2 {
            order: 2;
        }
    }
    @media (width >= 64rem) {
        .lg\:col-span-1 {
            grid-column: span 1 / span 1;
        }
    }
    @media (width >= 64rem) {
        .lg\:col-span-2 {
            grid-column: span 2 / span 2;
        }
    }
    @media (width >= 64rem) {
        .lg\:col-span-3 {
            grid-column: span 3 / span 3;
        }
    }
    @media (width >= 64rem) {
        .lg\:m-5 {
            margin: calc(var(--spacing) * 5);
        }
    }
    @media (width >= 64rem) {
        .lg\:mx-0 {
            margin-inline: calc(var(--spacing) * 0);
        }
    }
    @media (width >= 64rem) {
        .lg\:mx-3 {
            margin-inline: calc(var(--spacing) * 3);
        }
    }
    @media (width >= 64rem) {
        .lg\:ms-\(--sidebar-width\) {
            margin-inline-start: var(--sidebar-width);
        }
    }
    @media (width >= 64rem) {
        .lg\:ms-4 {
            margin-inline-start: calc(var(--spacing) * 4);
        }
    }
    @media (width >= 64rem) {
        .lg\:me-10 {
            margin-inline-end: calc(var(--spacing) * 10);
        }
    }
    @media (width >= 64rem) {
        .lg\:mt-\(--navbar-height\) {
            margin-top: var(--navbar-height);
        }
    }
    @media (width >= 64rem) {
        .lg\:mt-0 {
            margin-top: calc(var(--spacing) * 0);
        }
    }
    @media (width >= 64rem) {
        .lg\:mt-5 {
            margin-top: calc(var(--spacing) * 5);
        }
    }
    @media (width >= 64rem) {
        .lg\:mt-\[15px\] {
            margin-top: 15px;
        }
    }
    @media (width >= 64rem) {
        .lg\:mb-0 {
            margin-bottom: calc(var(--spacing) * 0);
        }
    }
    @media (width >= 64rem) {
        .lg\:mb-5 {
            margin-bottom: calc(var(--spacing) * 5);
        }
    }
    @media (width >= 64rem) {
        .lg\:mb-6 {
            margin-bottom: calc(var(--spacing) * 6);
        }
    }
    @media (width >= 64rem) {
        .lg\:mb-7 {
            margin-bottom: calc(var(--spacing) * 7);
        }
    }
    @media (width >= 64rem) {
        .lg\:mb-7\.5 {
            margin-bottom: calc(var(--spacing) * 7.5);
        }
    }
    @media (width >= 64rem) {
        .lg\:mb-8 {
            margin-bottom: calc(var(--spacing) * 8);
        }
    }
    @media (width >= 64rem) {
        .lg\:mb-9 {
            margin-bottom: calc(var(--spacing) * 9);
        }
    }
    @media (width >= 64rem) {
        .lg\:mb-10 {
            margin-bottom: calc(var(--spacing) * 10);
        }
    }
    @media (width >= 64rem) {
        .lg\:mb-11 {
            margin-bottom: calc(var(--spacing) * 11);
        }
    }
    @media (width >= 64rem) {
        .lg\:block {
            display: block;
        }
    }
    @media (width >= 64rem) {
        .lg\:flex {
            display: flex;
        }
    }
    @media (width >= 64rem) {
        .lg\:hidden {
            display: none;
        }
    }
    @media (width >= 64rem) {
        .lg\:inline {
            display: inline;
        }
    }
    @media (width >= 64rem) {
        .lg\:inline-flex {
            display: inline-flex;
        }
    }
    @media (width >= 64rem) {
        .lg\:h-\(--header-height\) {
            height: var(--header-height);
        }
    }
    @media (width >= 64rem) {
        .lg\:h-\[50px\] {
            height: 50px;
        }
    }
    @media (width >= 64rem) {
        .lg\:max-h-\[calc\(100dvh-70px\)\)\] {
            max-height: calc(100dvh - 70px);
        }
    }
    @media (width >= 64rem) {
        .lg\:w-\(--sidebar-width\) {
            width: var(--sidebar-width);
        }
    }
    @media (width >= 64rem) {
        .lg\:w-60 {
            width: calc(var(--spacing) * 60);
        }
    }
    @media (width >= 64rem) {
        .lg\:w-\[50px\] {
            width: 50px;
        }
    }
    @media (width >= 64rem) {
        .lg\:w-\[240px\] {
            width: 240px;
        }
    }
    @media (width >= 64rem) {
        .lg\:w-\[250px\] {
            width: 250px;
        }
    }
    @media (width >= 64rem) {
        .lg\:w-\[260px\] {
            width: 260px;
        }
    }
    @media (width >= 64rem) {
        .lg\:w-\[400px\] {
            width: 400px;
        }
    }
    @media (width >= 64rem) {
        .lg\:max-w-\[220px\] {
            max-width: 220px;
        }
    }
    @media (width >= 64rem) {
        .lg\:max-w-\[600px\] {
            max-width: 600px;
        }
    }
    @media (width >= 64rem) {
        .lg\:max-w-\[670px\] {
            max-width: 670px;
        }
    }
    @media (width >= 64rem) {
        .lg\:max-w-\[700px\] {
            max-width: 700px;
        }
    }
    @media (width >= 64rem) {
        .lg\:max-w-\[900px\] {
            max-width: 900px;
        }
    }
    @media (width >= 64rem) {
        .lg\:max-w-\[1240px\] {
            max-width: 1240px;
        }
    }
    @media (width >= 64rem) {
        .lg\:min-w-24 {
            min-width: calc(var(--spacing) * 24);
        }
    }
    @media (width >= 64rem) {
        .lg\:grow-0 {
            flex-grow: 0;
        }
    }
    @media (width >= 64rem) {
        .lg\:grid-cols-1 {
            grid-template-columns: repeat(1, minmax(0, 1fr));
        }
    }
    @media (width >= 64rem) {
        .lg\:grid-cols-2 {
            grid-template-columns: repeat(2, minmax(0, 1fr));
        }
    }
    @media (width >= 64rem) {
        .lg\:grid-cols-3 {
            grid-template-columns: repeat(3, minmax(0, 1fr));
        }
    }
    @media (width >= 64rem) {
        .lg\:grid-cols-5 {
            grid-template-columns: repeat(5, minmax(0, 1fr));
        }
    }
    @media (width >= 64rem) {
        .lg\:flex-col {
            flex-direction: column;
        }
    }
    @media (width >= 64rem) {
        .lg\:flex-row {
            flex-direction: row;
        }
    }
    @media (width >= 64rem) {
        .lg\:flex-nowrap {
            flex-wrap: nowrap;
        }
    }
    @media (width >= 64rem) {
        .lg\:flex-wrap {
            flex-wrap: wrap;
        }
    }
    @media (width >= 64rem) {
        .lg\:items-center {
            align-items: center;
        }
    }
    @media (width >= 64rem) {
        .lg\:items-end {
            align-items: flex-end;
        }
    }
    @media (width >= 64rem) {
        .lg\:items-stretch {
            align-items: stretch;
        }
    }
    @media (width >= 64rem) {
        .lg\:justify-between {
            justify-content: space-between;
        }
    }
    @media (width >= 64rem) {
        .lg\:justify-center {
            justify-content: center;
        }
    }
    @media (width >= 64rem) {
        .lg\:justify-end {
            justify-content: flex-end;
        }
    }
    @media (width >= 64rem) {
        .lg\:gap-1\.5 {
            gap: calc(var(--spacing) * 1.5);
        }
    }
    @media (width >= 64rem) {
        .lg\:gap-2 {
            gap: calc(var(--spacing) * 2);
        }
    }
    @media (width >= 64rem) {
        .lg\:gap-2\.5 {
            gap: calc(var(--spacing) * 2.5);
        }
    }
    @media (width >= 64rem) {
        .lg\:gap-3 {
            gap: calc(var(--spacing) * 3);
        }
    }
    @media (width >= 64rem) {
        .lg\:gap-3\.5 {
            gap: calc(var(--spacing) * 3.5);
        }
    }
    @media (width >= 64rem) {
        .lg\:gap-4 {
            gap: calc(var(--spacing) * 4);
        }
    }
    @media (width >= 64rem) {
        .lg\:gap-4\.5 {
            gap: calc(var(--spacing) * 4.5);
        }
    }
    @media (width >= 64rem) {
        .lg\:gap-5 {
            gap: calc(var(--spacing) * 5);
        }
    }
    @media (width >= 64rem) {
        .lg\:gap-6 {
            gap: calc(var(--spacing) * 6);
        }
    }
    @media (width >= 64rem) {
        .lg\:gap-7\.5 {
            gap: calc(var(--spacing) * 7.5);
        }
    }
    @media (width >= 64rem) {
        .lg\:gap-9 {
            gap: calc(var(--spacing) * 9);
        }
    }
    @media (width >= 64rem) {
        .lg\:gap-10 {
            gap: calc(var(--spacing) * 10);
        }
    }
    @media (width >= 64rem) {
        .lg\:gap-11 {
            gap: calc(var(--spacing) * 11);
        }
    }
    @media (width >= 64rem) {
        .lg\:gap-12 {
            gap: calc(var(--spacing) * 12);
        }
    }
    @media (width >= 64rem) {
        .lg\:gap-14 {
            gap: calc(var(--spacing) * 14);
        }
    }
    @media (width >= 64rem) {
        .lg\:gap-20 {
            gap: calc(var(--spacing) * 20);
        }
    }
    @media (width >= 64rem) {
        .lg\:overflow-hidden {
            overflow: hidden;
        }
    }
    @media (width >= 64rem) {
        .lg\:overflow-visible {
            overflow: visible;
        }
    }
    @media (width >= 64rem) {
        .lg\:rounded-none {
            border-radius: 0;
        }
    }
    @media (width >= 64rem) {
        .lg\:rounded-xl {
            border-radius: calc(var(--radius) + 4px);
        }
    }
    @media (width >= 64rem) {
        .lg\:rounded-e-xl {
            border-start-end-radius: calc(var(--radius) + 4px);
            border-end-end-radius: calc(var(--radius) + 4px);
        }
    }
    @media (width >= 64rem) {
        .lg\:rounded-t-none {
            border-top-left-radius: 0;
            border-top-right-radius: 0;
        }
    }
    @media (width >= 64rem) {
        .lg\:rounded-l-none {
            border-top-left-radius: 0;
            border-bottom-left-radius: 0;
        }
    }
    @media (width >= 64rem) {
        .lg\:rounded-l-xl {
            border-top-left-radius: calc(var(--radius) + 4px);
            border-bottom-left-radius: calc(var(--radius) + 4px);
        }
    }
    @media (width >= 64rem) {
        .lg\:rounded-tl-xl {
            border-top-left-radius: calc(var(--radius) + 4px);
        }
    }
    @media (width >= 64rem) {
        .lg\:rounded-r-none {
            border-top-right-radius: 0;
            border-bottom-right-radius: 0;
        }
    }
    @media (width >= 64rem) {
        .lg\:border {
            border-style: var(--tw-border-style);
            border-width: 1px;
        }
    }
    @media (width >= 64rem) {
        .lg\:border-0 {
            border-style: var(--tw-border-style);
            border-width: 0px;
        }
    }
    @media (width >= 64rem) {
        .lg\:border-s {
            border-inline-start-style: var(--tw-border-style);
            border-inline-start-width: 1px;
        }
    }
    @media (width >= 64rem) {
        .lg\:border-e {
            border-inline-end-style: var(--tw-border-style);
            border-inline-end-width: 1px;
        }
    }
    @media (width >= 64rem) {
        .lg\:border-t {
            border-top-style: var(--tw-border-style);
            border-top-width: 1px;
        }
    }
    @media (width >= 64rem) {
        .lg\:border-r {
            border-right-style: var(--tw-border-style);
            border-right-width: 1px;
        }
    }
    @media (width >= 64rem) {
        .lg\:border-border {
            border-color: var(--border);
        }
    }
    @media (width >= 64rem) {
        .lg\:border-s-border {
            border-inline-start-color: var(--border);
        }
    }
    @media (width >= 64rem) {
        .lg\:border-e-border {
            border-inline-end-color: var(--border);
        }
    }
    @media (width >= 64rem) {
        .lg\:border-t-border {
            border-top-color: var(--border);
        }
    }
    @media (width >= 64rem) {
        .lg\:border-r-border {
            border-right-color: var(--border);
        }
    }
    @media (width >= 64rem) {
        .lg\:p-0 {
            padding: calc(var(--spacing) * 0);
        }
    }
    @media (width >= 64rem) {
        .lg\:p-7 {
            padding: calc(var(--spacing) * 7);
        }
    }
    @media (width >= 64rem) {
        .lg\:p-7\.5 {
            padding: calc(var(--spacing) * 7.5);
        }
    }
    @media (width >= 64rem) {
        .lg\:p-10 {
            padding: calc(var(--spacing) * 10);
        }
    }
    @media (width >= 64rem) {
        .lg\:p-12 {
            padding: calc(var(--spacing) * 12);
        }
    }
    @media (width >= 64rem) {
        .lg\:p-16 {
            padding: calc(var(--spacing) * 16);
        }
    }
    @media (width >= 64rem) {
        .lg\:px-6 {
            padding-inline: calc(var(--spacing) * 6);
        }
    }
    @media (width >= 64rem) {
        .lg\:px-7 {
            padding-inline: calc(var(--spacing) * 7);
        }
    }
    @media (width >= 64rem) {
        .lg\:px-7\.5 {
            padding-inline: calc(var(--spacing) * 7.5);
        }
    }
    @media (width >= 64rem) {
        .lg\:px-10 {
            padding-inline: calc(var(--spacing) * 10);
        }
    }
    @media (width >= 64rem) {
        .lg\:py-0 {
            padding-block: calc(var(--spacing) * 0);
        }
    }
    @media (width >= 64rem) {
        .lg\:py-3\.5 {
            padding-block: calc(var(--spacing) * 3.5);
        }
    }
    @media (width >= 64rem) {
        .lg\:py-4 {
            padding-block: calc(var(--spacing) * 4);
        }
    }
    @media (width >= 64rem) {
        .lg\:py-5 {
            padding-block: calc(var(--spacing) * 5);
        }
    }
    @media (width >= 64rem) {
        .lg\:py-6 {
            padding-block: calc(var(--spacing) * 6);
        }
    }
    @media (width >= 64rem) {
        .lg\:py-7\.5 {
            padding-block: calc(var(--spacing) * 7.5);
        }
    }
    @media (width >= 64rem) {
        .lg\:py-9 {
            padding-block: calc(var(--spacing) * 9);
        }
    }
    @media (width >= 64rem) {
        .lg\:py-10 {
            padding-block: calc(var(--spacing) * 10);
        }
    }
    @media (width >= 64rem) {
        .lg\:ps-0 {
            padding-inline-start: calc(var(--spacing) * 0);
        }
    }
    @media (width >= 64rem) {
        .lg\:ps-4 {
            padding-inline-start: calc(var(--spacing) * 4);
        }
    }
    @media (width >= 64rem) {
        .lg\:ps-5 {
            padding-inline-start: calc(var(--spacing) * 5);
        }
    }
    @media (width >= 64rem) {
        .lg\:pe-0 {
            padding-inline-end: calc(var(--spacing) * 0);
        }
    }
    @media (width >= 64rem) {
        .lg\:pe-3 {
            padding-inline-end: calc(var(--spacing) * 3);
        }
    }
    @media (width >= 64rem) {
        .lg\:pe-6 {
            padding-inline-end: calc(var(--spacing) * 6);
        }
    }
    @media (width >= 64rem) {
        .lg\:pe-8 {
            padding-inline-end: calc(var(--spacing) * 8);
        }
    }
    @media (width >= 64rem) {
        .lg\:pe-10 {
            padding-inline-end: calc(var(--spacing) * 10);
        }
    }
    @media (width >= 64rem) {
        .lg\:pe-12 {
            padding-inline-end: calc(var(--spacing) * 12);
        }
    }
    @media (width >= 64rem) {
        .lg\:pe-12\.5 {
            padding-inline-end: calc(var(--spacing) * 12.5);
        }
    }
    @media (width >= 64rem) {
        .lg\:pt-0 {
            padding-top: calc(var(--spacing) * 0);
        }
    }
    @media (width >= 64rem) {
        .lg\:pt-4 {
            padding-top: calc(var(--spacing) * 4);
        }
    }
    @media (width >= 64rem) {
        .lg\:pt-5 {
            padding-top: calc(var(--spacing) * 5);
        }
    }
    @media (width >= 64rem) {
        .lg\:pt-6 {
            padding-top: calc(var(--spacing) * 6);
        }
    }
    @media (width >= 64rem) {
        .lg\:pt-7 {
            padding-top: calc(var(--spacing) * 7);
        }
    }
    @media (width >= 64rem) {
        .lg\:pt-7\.5 {
            padding-top: calc(var(--spacing) * 7.5);
        }
    }
    @media (width >= 64rem) {
        .lg\:pt-9 {
            padding-top: calc(var(--spacing) * 9);
        }
    }
    @media (width >= 64rem) {
        .lg\:pt-10 {
            padding-top: calc(var(--spacing) * 10);
        }
    }
    @media (width >= 64rem) {
        .lg\:pr-12\.5 {
            padding-right: calc(var(--spacing) * 12.5);
        }
    }
    @media (width >= 64rem) {
        .lg\:pb-0 {
            padding-bottom: calc(var(--spacing) * 0);
        }
    }
    @media (width >= 64rem) {
        .lg\:pb-2\.5 {
            padding-bottom: calc(var(--spacing) * 2.5);
        }
    }
    @media (width >= 64rem) {
        .lg\:pb-4 {
            padding-bottom: calc(var(--spacing) * 4);
        }
    }
    @media (width >= 64rem) {
        .lg\:pb-5 {
            padding-bottom: calc(var(--spacing) * 5);
        }
    }
    @media (width >= 64rem) {
        .lg\:pb-7 {
            padding-bottom: calc(var(--spacing) * 7);
        }
    }
    @media (width >= 64rem) {
        .lg\:pb-7\.5 {
            padding-bottom: calc(var(--spacing) * 7.5);
        }
    }
    @media (width >= 64rem) {
        .lg\:pb-9 {
            padding-bottom: calc(var(--spacing) * 9);
        }
    }
    @media (width >= 64rem) {
        .lg\:pb-10 {
            padding-bottom: calc(var(--spacing) * 10);
        }
    }
    @media (width >= 64rem) {
        .lg\:text-end {
            text-align: end;
        }
    }
    @media (width >= 64rem) {
        .lg\:text-right {
            text-align: right;
        }
    }
    @media (width >= 64rem) {
        .lg\:text-2xl {
            font-size: var(--text-2xl);
            line-height: var(--tw-leading, var(--text-2xl--line-height));
        }
    }
    @media (width >= 64rem) {
        .lg\:text-sm {
            font-size: var(--text-sm);
            line-height: var(--tw-leading, var(--text-sm--line-height));
        }
    }
    @media (width >= 64rem) {
        .lg\:\[--kt-drawer-enable\:false\] {
            --kt-drawer-enable: false;
        }
    }
    @media (width >= 64rem) {
        .lg\:\[--kt-reparent-mode\:prepend\] {
            --kt-reparent-mode: prepend;
        }
    }
    @media (width >= 64rem) {
        .lg\:\[--kt-reparent-target\:\#headerContainer\] {
            --kt-reparent-target: #headerContainer;
        }
    }
    @media (width >= 64rem) {
        .lg\:\[--kt-reparent-target\:\#megaMenuContainer\] {
            --kt-reparent-target: #megaMenuContainer;
        }
    }
    @media (width >= 64rem) {
        .lg\:\[--kt-reparent-target\:\#megaMenuWrapper\] {
            --kt-reparent-target: #megaMenuWrapper;
        }
    }
    @media (width >= 64rem) {
        .lg\:\[--kt-scrollbar-width\:auto\] {
            --kt-scrollbar-width: auto;
        }
    }
    @media (width >= 64rem) {
        .lg\:\[--scrollbar-width\:auto\] {
            --scrollbar-width: auto;
        }
    }
    @media (width >= 64rem) {
        .lg\:\[scrollbar-width\:auto\] {
            scrollbar-width: auto;
        }
    }
    @media (width >= 80rem) {
        .xl\:me-14 {
            margin-inline-end: calc(var(--spacing) * 14);
        }
    }
    @media (width >= 80rem) {
        .xl\:me-16 {
            margin-inline-end: calc(var(--spacing) * 16);
        }
    }
    @media (width >= 80rem) {
        .xl\:w-\[38\.75rem\] {
            width: 38.75rem;
        }
    }
    @media (width >= 80rem) {
        .xl\:max-w-96 {
            max-width: calc(var(--spacing) * 96);
        }
    }
    @media (width >= 80rem) {
        .xl\:min-w-24 {
            min-width: calc(var(--spacing) * 24);
        }
    }
    @media (width >= 80rem) {
        .xl\:grid-cols-1 {
            grid-template-columns: repeat(1, minmax(0, 1fr));
        }
    }
    @media (width >= 80rem) {
        .xl\:grid-cols-2 {
            grid-template-columns: repeat(2, minmax(0, 1fr));
        }
    }
    @media (width >= 80rem) {
        .xl\:grid-cols-3 {
            grid-template-columns: repeat(3, minmax(0, 1fr));
        }
    }
    @media (width >= 80rem) {
        .xl\:grid-cols-4 {
            grid-template-columns: repeat(4, minmax(0, 1fr));
        }
    }
    @media (width >= 80rem) {
        .xl\:grid-cols-7 {
            grid-template-columns: repeat(7, minmax(0, 1fr));
        }
    }
    @media (width >= 80rem) {
        .xl\:flex-row {
            flex-direction: row;
        }
    }
    @media (width >= 80rem) {
        .xl\:flex-nowrap {
            flex-wrap: nowrap;
        }
    }
    @media (width >= 80rem) {
        .xl\:gap-7\.5 {
            gap: calc(var(--spacing) * 7.5);
        }
    }
    @media (width >= 80rem) {
        .xl\:bg-cover {
            background-size: cover;
        }
    }
    @media (width >= 96rem) {
        .\32 xl\:-ml-\[60px\] {
            margin-left: calc(60px * -1);
        }
    }
    .ltr\:rounded-tl-xl:where(:dir(ltr),[dir="ltr"],[dir="ltr"] *) {
        border-top-left-radius: calc(var(--radius) + 4px);
    }
    .ltr\:rounded-tr-xl:where(:dir(ltr),[dir="ltr"],[dir="ltr"] *) {
        border-top-right-radius: calc(var(--radius) + 4px);
    }
    .ltr\:border-l:where(:dir(ltr),[dir="ltr"],[dir="ltr"] *) {
        border-left-style: var(--tw-border-style);
        border-left-width: 1px;
    }
    .rtl\:start-0:where(:dir(rtl),[dir="rtl"],[dir="rtl"] *) {
        inset-inline-start: calc(var(--spacing) * 0);
    }
    .rtl\:-translate-x-1\/2:where(:dir(rtl),[dir="rtl"],[dir="rtl"] *) {
        --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
        translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .rtl\:translate-x-1\/2:where(:dir(rtl),[dir="rtl"],[dir="rtl"] *) {
        --tw-translate-x: calc(1 / 2 * 100%);
        translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .rtl\:translate-x-2\/4:where(:dir(rtl),[dir="rtl"],[dir="rtl"] *) {
        --tw-translate-x: calc(2 / 4 * 100%);
        translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .rtl\:rotate-180:where(:dir(rtl),[dir="rtl"],[dir="rtl"] *) {
        rotate: 180deg;
    }
    .rtl\:transform:where(:dir(rtl),[dir="rtl"],[dir="rtl"] *) {
        transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
    }
    .rtl\:justify-start:where(:dir(rtl),[dir="rtl"],[dir="rtl"] *) {
        justify-content: flex-start;
    }
    .rtl\:rounded-tl-xl:where(:dir(rtl),[dir="rtl"],[dir="rtl"] *) {
        border-top-left-radius: calc(var(--radius) + 4px);
    }
    .rtl\:rounded-tr-xl:where(:dir(rtl),[dir="rtl"],[dir="rtl"] *) {
        border-top-right-radius: calc(var(--radius) + 4px);
    }
    .rtl\:border-s:where(:dir(rtl),[dir="rtl"],[dir="rtl"] *) {
        border-inline-start-style: var(--tw-border-style);
        border-inline-start-width: 1px;
    }
    .rtl\:\[background-position\:-3rem_-3\.5rem\]:where(:dir(rtl),[dir="rtl"],[dir="rtl"] *) {
        background-position: -3rem -3.5rem;
    }
    .rtl\:\[background-position\:-4rem_-4rem\]:where(:dir(rtl),[dir="rtl"],[dir="rtl"] *) {
        background-position: -4rem -4rem;
    }
    .rtl\:\[background-position\:-30\%_41\%\]:where(:dir(rtl),[dir="rtl"],[dir="rtl"] *) {
        background-position: -30% 41%;
    }
    .rtl\:\[background-position\:-70\%_25\%\]:where(:dir(rtl),[dir="rtl"],[dir="rtl"] *) {
        background-position: -70% 25%;
    }
    .rtl\:\[background-position\:-195px_-85px\]:where(:dir(rtl),[dir="rtl"],[dir="rtl"] *) {
        background-position: -195px -85px;
    }
    .rtl\:bg-\[center_left_-8rem\]:where(:dir(rtl),[dir="rtl"],[dir="rtl"] *) {
        background-position: center left -8rem;
    }
    .rtl\:bg-\[left_top_-1\.7rem\]:where(:dir(rtl),[dir="rtl"],[dir="rtl"] *) {
        background-position: left top -1.7rem;
    }
    .rtl\:before\:translate-x-1\/2:where(:dir(rtl),[dir="rtl"],[dir="rtl"] *)::before {
        content: var(--tw-content);
        --tw-translate-x: calc(1 / 2 * 100%);
        translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .dark\:block:is(.dark *) {
        display: block;
    }
    .dark\:hidden:is(.dark *) {
        display: none;
    }
    .dark\:inline-block:is(.dark *) {
        display: inline-block;
    }
    .dark\:border-green-950:is(.dark *) {
        border-color: var(--color-green-950);
    }
    .dark\:border-orange-950:is(.dark *) {
        border-color: var(--color-orange-950);
    }
    .dark\:border-violet-950:is(.dark *) {
        border-color: var(--color-violet-950);
    }
    .dark\:border-yellow-950:is(.dark *) {
        border-color: var(--color-yellow-950);
    }
    .dark\:border-zinc-600:is(.dark *) {
        border-color: var(--color-zinc-600);
    }
    .dark\:bg-background:is(.dark *) {
        background-color: var(--background);
    }
    .dark\:bg-background\/70:is(.dark *) {
        background-color: var(--background);
    }
    @supports (color: color-mix(in lab, red, red)) {
        .dark\:bg-background\/70:is(.dark *) {
            background-color: color-mix(in oklab, var(--background) 70%, transparent);
        }
    }
    .dark\:bg-green-950\/30:is(.dark *) {
        background-color: color-mix(in srgb, oklch(26.6% 0.065 152.934) 30%, transparent);
    }
    @supports (color: color-mix(in lab, red, red)) {
        .dark\:bg-green-950\/30:is(.dark *) {
            background-color: color-mix(in oklab, var(--color-green-950) 30%, transparent);
        }
    }
    .dark\:bg-orange-950\/30:is(.dark *) {
        background-color: color-mix(in srgb, oklch(26.6% 0.079 36.259) 30%, transparent);
    }
    @supports (color: color-mix(in lab, red, red)) {
        .dark\:bg-orange-950\/30:is(.dark *) {
            background-color: color-mix(in oklab, var(--color-orange-950) 30%, transparent);
        }
    }
    .dark\:bg-violet-950\/30:is(.dark *) {
        background-color: color-mix(in srgb, oklch(28.3% 0.141 291.089) 30%, transparent);
    }
    @supports (color: color-mix(in lab, red, red)) {
        .dark\:bg-violet-950\/30:is(.dark *) {
            background-color: color-mix(in oklab, var(--color-violet-950) 30%, transparent);
        }
    }
    .dark\:bg-yellow-950\/30:is(.dark *) {
        background-color: color-mix(in srgb, oklch(28.6% 0.066 53.813) 30%, transparent);
    }
    @supports (color: color-mix(in lab, red, red)) {
        .dark\:bg-yellow-950\/30:is(.dark *) {
            background-color: color-mix(in oklab, var(--color-yellow-950) 30%, transparent);
        }
    }
    .dark\:fill-green-950\/30:is(.dark *) {
        fill: color-mix(in srgb, oklch(26.6% 0.065 152.934) 30%, transparent);
    }
    @supports (color: color-mix(in lab, red, red)) {
        .dark\:fill-green-950\/30:is(.dark *) {
            fill: color-mix(in oklab, var(--color-green-950) 30%, transparent);
        }
    }
    .dark\:fill-violet-950\/30:is(.dark *) {
        fill: color-mix(in srgb, oklch(28.3% 0.141 291.089) 30%, transparent);
    }
    @supports (color: color-mix(in lab, red, red)) {
        .dark\:fill-violet-950\/30:is(.dark *) {
            fill: color-mix(in oklab, var(--color-violet-950) 30%, transparent);
        }
    }
    .dark\:fill-yellow-950\/30:is(.dark *) {
        fill: color-mix(in srgb, oklch(28.6% 0.066 53.813) 30%, transparent);
    }
    @supports (color: color-mix(in lab, red, red)) {
        .dark\:fill-yellow-950\/30:is(.dark *) {
            fill: color-mix(in oklab, var(--color-yellow-950) 30%, transparent);
        }
    }
    .dark\:stroke-green-950:is(.dark *) {
        stroke: var(--color-green-950);
    }
    .dark\:stroke-violet-950:is(.dark *) {
        stroke: var(--color-violet-950);
    }
    .dark\:stroke-yellow-950:is(.dark *) {
        stroke: var(--color-yellow-950);
    }
    .dark\:text-black\/30:is(.dark *) {
        color: color-mix(in srgb, #000 30%, transparent);
    }
    @supports (color: color-mix(in lab, red, red)) {
        .dark\:text-black\/30:is(.dark *) {
            color: color-mix(in oklab, var(--color-black) 30%, transparent);
        }
    }
    .dark\:text-muted-foreground\/50:is(.dark *) {
        color: var(--muted-foreground);
    }
    @supports (color: color-mix(in lab, red, red)) {
        .dark\:text-muted-foreground\/50:is(.dark *) {
            color: color-mix(in oklab, var(--muted-foreground) 50%, transparent);
        }
    }
    .dark\:text-red-500:is(.dark *) {
        color: var(--color-red-500);
    }
    .dark\:text-yellow-600:is(.dark *) {
        color: var(--color-yellow-600);
    }
    .dark\:ring-green-950:is(.dark *) {
        --tw-ring-color: var(--color-green-950);
    }
    .dark\:ring-violet-950:is(.dark *) {
        --tw-ring-color: var(--color-violet-950);
    }
    .dark\:ring-yellow-950:is(.dark *) {
        --tw-ring-color: var(--color-yellow-950);
    }
    .kt-accordion-active\:hidden.active[data-kt-accordion-item] {
        display: none;
    }
    .active[data-kt-accordion-item] > [data-kt-accordion-toggle] .kt-accordion-active\:hidden {
        display: none;
    }
    .active[data-kt-accordion-item] > .kt-accordion-active\:hidden[data-kt-accordion-toggle] {
        display: none;
    }
    .kt-accordion-active\:inline-flex.active[data-kt-accordion-item] {
        display: inline-flex;
    }
    .active[data-kt-accordion-item] > [data-kt-accordion-toggle] .kt-accordion-active\:inline-flex {
        display: inline-flex;
    }
    .active[data-kt-accordion-item] > .kt-accordion-active\:inline-flex[data-kt-accordion-toggle] {
        display: inline-flex;
    }
    .open[data-kt-dropdown-initialized] > .kt-dropdown-open\:bg-background[data-kt-dropdown-toggle] {
        background-color: var(--background);
    }
    .open[data-kt-dropdown-initialized] > [data-kt-dropdown-toggle] .kt-dropdown-open\:bg-background {
        background-color: var(--background);
    }
    .open[data-kt-dropdown-initialized] > .kt-dropdown-open\:bg-primary\/10[data-kt-dropdown-toggle] {
        background-color: var(--primary);
    }
    @supports (color: color-mix(in lab, red, red)) {
        .open[data-kt-dropdown-initialized] > .kt-dropdown-open\:bg-primary\/10[data-kt-dropdown-toggle] {
            background-color: color-mix(in oklab, var(--primary) 10%, transparent);
        }
    }
    .open[data-kt-dropdown-initialized] > [data-kt-dropdown-toggle] .kt-dropdown-open\:bg-primary\/10 {
        background-color: var(--primary);
    }
    @supports (color: color-mix(in lab, red, red)) {
        .open[data-kt-dropdown-initialized] > [data-kt-dropdown-toggle] .kt-dropdown-open\:bg-primary\/10 {
            background-color: color-mix(in oklab, var(--primary) 10%, transparent);
        }
    }
    .open[data-kt-dropdown-initialized] > .kt-dropdown-open\:bg-transparent[data-kt-dropdown-toggle] {
        background-color: transparent;
    }
    .open[data-kt-dropdown-initialized] > [data-kt-dropdown-toggle] .kt-dropdown-open\:bg-transparent {
        background-color: transparent;
    }
    .empty[data-kt-image-input-initialized] .kt-image-input-empty\:border-input {
        border-color: var(--input);
    }
    .kt-modal-open\:\!flex.open[data-kt-modal-initialized] {
        display: flex !important;
    }
    .open[data-kt-modal-initialized] .kt-modal-open\:\!flex {
        display: flex !important;
    }
    .kt-scrollspy-active\:font-medium.active[data-kt-scrollspy-anchor] {
        --tw-font-weight: var(--font-weight-medium);
        font-weight: var(--font-weight-medium);
    }
    .active[data-kt-scrollspy-anchor] .kt-scrollspy-active\:font-medium {
        --tw-font-weight: var(--font-weight-medium);
        font-weight: var(--font-weight-medium);
    }
    .kt-scrollspy-active\:text-primary.active[data-kt-scrollspy-anchor] {
        color: var(--primary);
    }
    .active[data-kt-scrollspy-anchor] .kt-scrollspy-active\:text-primary {
        color: var(--primary);
    }
    .kt-scrollspy-active\:before\:bg-primary.active[data-kt-scrollspy-anchor]::before {
        content: var(--tw-content);
        background-color: var(--primary);
    }
    :is(.active[data-kt-scrollspy-anchor] .kt-scrollspy-active\:before\:bg-primary)::before {
        content: var(--tw-content);
        background-color: var(--primary);
    }
    .kt-select-option-selected\:block .selected[data-kt-select-option] {
        display: block;
    }
    .selected[data-kt-select-option] .kt-select-option-selected\:block {
        display: block;
    }
    .kt-tab-active\:border-primary\/10.active[data-kt-tab-toggle] {
        border-color: var(--primary);
    }
    @supports (color: color-mix(in lab, red, red)) {
        .kt-tab-active\:border-primary\/10.active[data-kt-tab-toggle] {
            border-color: color-mix(in oklab, var(--primary) 10%, transparent);
        }
    }
    .active[data-kt-tab-toggle] .kt-tab-active\:border-primary\/10 {
        border-color: var(--primary);
    }
    @supports (color: color-mix(in lab, red, red)) {
        .active[data-kt-tab-toggle] .kt-tab-active\:border-primary\/10 {
            border-color: color-mix(in oklab, var(--primary) 10%, transparent);
        }
    }
    [data-kt-tabs-initialized]	[data-kt-dropdown-initialized]:has([data-kt-tab-toggle].active)	.kt-tab-active\:border-primary\/10 {
        border-color: var(--primary);
    }
    @supports (color: color-mix(in lab, red, red)) {
        [data-kt-tabs-initialized]	[data-kt-dropdown-initialized]:has([data-kt-tab-toggle].active)	.kt-tab-active\:border-primary\/10 {
            border-color: color-mix(in oklab, var(--primary) 10%, transparent);
        }
    }
    .kt-tab-active\:bg-primary\/10.active[data-kt-tab-toggle] {
        background-color: var(--primary);
    }
    @supports (color: color-mix(in lab, red, red)) {
        .kt-tab-active\:bg-primary\/10.active[data-kt-tab-toggle] {
            background-color: color-mix(in oklab, var(--primary) 10%, transparent);
        }
    }
    .active[data-kt-tab-toggle] .kt-tab-active\:bg-primary\/10 {
        background-color: var(--primary);
    }
    @supports (color: color-mix(in lab, red, red)) {
        .active[data-kt-tab-toggle] .kt-tab-active\:bg-primary\/10 {
            background-color: color-mix(in oklab, var(--primary) 10%, transparent);
        }
    }
    [data-kt-tabs-initialized]	[data-kt-dropdown-initialized]:has([data-kt-tab-toggle].active)	.kt-tab-active\:bg-primary\/10 {
        background-color: var(--primary);
    }
    @supports (color: color-mix(in lab, red, red)) {
        [data-kt-tabs-initialized]	[data-kt-dropdown-initialized]:has([data-kt-tab-toggle].active)	.kt-tab-active\:bg-primary\/10 {
            background-color: color-mix(in oklab, var(--primary) 10%, transparent);
        }
    }
    .kt-tab-active\:text-primary.active[data-kt-tab-toggle] {
        color: var(--primary);
    }
    .active[data-kt-tab-toggle] .kt-tab-active\:text-primary {
        color: var(--primary);
    }
    [data-kt-tabs-initialized]	[data-kt-dropdown-initialized]:has([data-kt-tab-toggle].active)	.kt-tab-active\:text-primary {
        color: var(--primary);
    }
    .kt-toggle-active\:rotate-180.active[data-kt-toggle] {
        rotate: 180deg;
    }
    .active[data-kt-toggle] .kt-toggle-active\:rotate-180 {
        rotate: 180deg;
    }
    .rtl\:kt-toggle-active\:rotate-0.active[data-kt-toggle]:where(:dir(rtl),[dir="rtl"],[dir="rtl"] *) {
        rotate: 0deg;
    }
    .active[data-kt-toggle] .rtl\:kt-toggle-active\:rotate-0:where(:dir(rtl),[dir="rtl"],[dir="rtl"] *) {
        rotate: 0deg;
    }
    .kt-toggle-password-active\:block.active[data-kt-toggle-password-initialized] {
        display: block;
    }
    .active[data-kt-toggle-password-initialized] .kt-toggle-password-active\:block {
        display: block;
    }
    .kt-toggle-password-active\:hidden.active[data-kt-toggle-password-initialized] {
        display: none;
    }
    .active[data-kt-toggle-password-initialized] .kt-toggle-password-active\:hidden {
        display: none;
    }
    .light\:hidden:not(.dark *) {
        display: none;
    }
    .light\:bg-accent\/50:not(.dark *) {
        background-color: var(--accent);
    }
    @supports (color: color-mix(in lab, red, red)) {
        .light\:bg-accent\/50:not(.dark *) {
            background-color: color-mix(in oklab, var(--accent) 50%, transparent);
        }
    }
    .kt-menu-item-active\:rounded-lg.kt-menu-item.active {
        border-radius: var(--radius);
    }
    .kt-menu-item.active .kt-menu-item-active\:rounded-lg {
        border-radius: var(--radius);
    }
    .kt-menu-item.active > .kt-menu-link .kt-menu-item-active\:rounded-lg {
        border-radius: var(--radius);
    }
    .kt-menu-item.active > .kt-menu-link .kt-menu-item-active\:rounded-lg {
        border-radius: var(--radius);
    }
    .kt-menu-item.active > .kt-menu-label .kt-menu-item-active\:rounded-lg {
        border-radius: var(--radius);
    }
    .kt-menu-item.active > .kt-menu-label .kt-menu-item-active\:rounded-lg {
        border-radius: var(--radius);
    }
    .kt-menu-item.active > .kt-menu-toggle .kt-menu-item-active\:rounded-lg {
        border-radius: var(--radius);
    }
    .kt-menu-item.active > .kt-menu-toggle .kt-menu-item-active\:rounded-lg {
        border-radius: var(--radius);
    }
    .kt-menu-item-active\:border-none.kt-menu-item.active {
        --tw-border-style: none;
        border-style: none;
    }
    .kt-menu-item.active .kt-menu-item-active\:border-none {
        --tw-border-style: none;
        border-style: none;
    }
    .kt-menu-item.active > .kt-menu-link .kt-menu-item-active\:border-none {
        --tw-border-style: none;
        border-style: none;
    }
    .kt-menu-item.active > .kt-menu-link .kt-menu-item-active\:border-none {
        --tw-border-style: none;
        border-style: none;
    }
    .kt-menu-item.active > .kt-menu-label .kt-menu-item-active\:border-none {
        --tw-border-style: none;
        border-style: none;
    }
    .kt-menu-item.active > .kt-menu-label .kt-menu-item-active\:border-none {
        --tw-border-style: none;
        border-style: none;
    }
    .kt-menu-item.active > .kt-menu-toggle .kt-menu-item-active\:border-none {
        --tw-border-style: none;
        border-style: none;
    }
    .kt-menu-item.active > .kt-menu-toggle .kt-menu-item-active\:border-none {
        --tw-border-style: none;
        border-style: none;
    }
    .kt-menu-item-active\:border-border.kt-menu-item.active {
        border-color: var(--border);
    }
    .kt-menu-item.active .kt-menu-item-active\:border-border {
        border-color: var(--border);
    }
    .kt-menu-item.active > .kt-menu-link .kt-menu-item-active\:border-border {
        border-color: var(--border);
    }
    .kt-menu-item.active > .kt-menu-link .kt-menu-item-active\:border-border {
        border-color: var(--border);
    }
    .kt-menu-item.active > .kt-menu-label .kt-menu-item-active\:border-border {
        border-color: var(--border);
    }
    .kt-menu-item.active > .kt-menu-label .kt-menu-item-active\:border-border {
        border-color: var(--border);
    }
    .kt-menu-item.active > .kt-menu-toggle .kt-menu-item-active\:border-border {
        border-color: var(--border);
    }
    .kt-menu-item.active > .kt-menu-toggle .kt-menu-item-active\:border-border {
        border-color: var(--border);
    }
    .kt-menu-item-active\:border-b-gray-400.kt-menu-item.active {
        border-bottom-color: var(--color-gray-400);
    }
    .kt-menu-item.active .kt-menu-item-active\:border-b-gray-400 {
        border-bottom-color: var(--color-gray-400);
    }
    .kt-menu-item.active > .kt-menu-link .kt-menu-item-active\:border-b-gray-400 {
        border-bottom-color: var(--color-gray-400);
    }
    .kt-menu-item.active > .kt-menu-link .kt-menu-item-active\:border-b-gray-400 {
        border-bottom-color: var(--color-gray-400);
    }
    .kt-menu-item.active > .kt-menu-label .kt-menu-item-active\:border-b-gray-400 {
        border-bottom-color: var(--color-gray-400);
    }
    .kt-menu-item.active > .kt-menu-label .kt-menu-item-active\:border-b-gray-400 {
        border-bottom-color: var(--color-gray-400);
    }
    .kt-menu-item.active > .kt-menu-toggle .kt-menu-item-active\:border-b-gray-400 {
        border-bottom-color: var(--color-gray-400);
    }
    .kt-menu-item.active > .kt-menu-toggle .kt-menu-item-active\:border-b-gray-400 {
        border-bottom-color: var(--color-gray-400);
    }
    .kt-menu-item-active\:border-b-mono.kt-menu-item.active {
        border-bottom-color: var(--mono);
    }
    .kt-menu-item.active .kt-menu-item-active\:border-b-mono {
        border-bottom-color: var(--mono);
    }
    .kt-menu-item.active > .kt-menu-link .kt-menu-item-active\:border-b-mono {
        border-bottom-color: var(--mono);
    }
    .kt-menu-item.active > .kt-menu-link .kt-menu-item-active\:border-b-mono {
        border-bottom-color: var(--mono);
    }
    .kt-menu-item.active > .kt-menu-label .kt-menu-item-active\:border-b-mono {
        border-bottom-color: var(--mono);
    }
    .kt-menu-item.active > .kt-menu-label .kt-menu-item-active\:border-b-mono {
        border-bottom-color: var(--mono);
    }
    .kt-menu-item.active > .kt-menu-toggle .kt-menu-item-active\:border-b-mono {
        border-bottom-color: var(--mono);
    }
    .kt-menu-item.active > .kt-menu-toggle .kt-menu-item-active\:border-b-mono {
        border-bottom-color: var(--mono);
    }
    .kt-menu-item-active\:border-b-primary.kt-menu-item.active {
        border-bottom-color: var(--primary);
    }
    .kt-menu-item.active .kt-menu-item-active\:border-b-primary {
        border-bottom-color: var(--primary);
    }
    .kt-menu-item.active > .kt-menu-link .kt-menu-item-active\:border-b-primary {
        border-bottom-color: var(--primary);
    }
    .kt-menu-item.active > .kt-menu-link .kt-menu-item-active\:border-b-primary {
        border-bottom-color: var(--primary);
    }
    .kt-menu-item.active > .kt-menu-label .kt-menu-item-active\:border-b-primary {
        border-bottom-color: var(--primary);
    }
    .kt-menu-item.active > .kt-menu-label .kt-menu-item-active\:border-b-primary {
        border-bottom-color: var(--primary);
    }
    .kt-menu-item.active > .kt-menu-toggle .kt-menu-item-active\:border-b-primary {
        border-bottom-color: var(--primary);
    }
    .kt-menu-item.active > .kt-menu-toggle .kt-menu-item-active\:border-b-primary {
        border-bottom-color: var(--primary);
    }
    .kt-menu-item-active\:\!bg-background.kt-menu-item.active {
        background-color: var(--background) !important;
    }
    .kt-menu-item.active .kt-menu-item-active\:\!bg-background {
        background-color: var(--background) !important;
    }
    .kt-menu-item.active > .kt-menu-link .kt-menu-item-active\:\!bg-background {
        background-color: var(--background) !important;
    }
    .kt-menu-item.active > .kt-menu-link .kt-menu-item-active\:\!bg-background {
        background-color: var(--background) !important;
    }
    .kt-menu-item.active > .kt-menu-label .kt-menu-item-active\:\!bg-background {
        background-color: var(--background) !important;
    }
    .kt-menu-item.active > .kt-menu-label .kt-menu-item-active\:\!bg-background {
        background-color: var(--background) !important;
    }
    .kt-menu-item.active > .kt-menu-toggle .kt-menu-item-active\:\!bg-background {
        background-color: var(--background) !important;
    }
    .kt-menu-item.active > .kt-menu-toggle .kt-menu-item-active\:\!bg-background {
        background-color: var(--background) !important;
    }
    .kt-menu-item-active\:bg-accent\/60.kt-menu-item.active {
        background-color: var(--accent);
    }
    @supports (color: color-mix(in lab, red, red)) {
        .kt-menu-item-active\:bg-accent\/60.kt-menu-item.active {
            background-color: color-mix(in oklab, var(--accent) 60%, transparent);
        }
    }
    .kt-menu-item.active .kt-menu-item-active\:bg-accent\/60 {
        background-color: var(--accent);
    }
    @supports (color: color-mix(in lab, red, red)) {
        .kt-menu-item.active .kt-menu-item-active\:bg-accent\/60 {
            background-color: color-mix(in oklab, var(--accent) 60%, transparent);
        }
    }
    .kt-menu-item.active > .kt-menu-link .kt-menu-item-active\:bg-accent\/60 {
        background-color: var(--accent);
    }
    @supports (color: color-mix(in lab, red, red)) {
        .kt-menu-item.active > .kt-menu-link .kt-menu-item-active\:bg-accent\/60 {
            background-color: color-mix(in oklab, var(--accent) 60%, transparent);
        }
    }
    .kt-menu-item.active > .kt-menu-link .kt-menu-item-active\:bg-accent\/60 {
        background-color: var(--accent);
    }
    @supports (color: color-mix(in lab, red, red)) {
        .kt-menu-item.active > .kt-menu-link .kt-menu-item-active\:bg-accent\/60 {
            background-color: color-mix(in oklab, var(--accent) 60%, transparent);
        }
    }
    .kt-menu-item.active > .kt-menu-label .kt-menu-item-active\:bg-accent\/60 {
        background-color: var(--accent);
    }
    @supports (color: color-mix(in lab, red, red)) {
        .kt-menu-item.active > .kt-menu-label .kt-menu-item-active\:bg-accent\/60 {
            background-color: color-mix(in oklab, var(--accent) 60%, transparent);
        }
    }
    .kt-menu-item.active > .kt-menu-label .kt-menu-item-active\:bg-accent\/60 {
        background-color: var(--accent);
    }
    @supports (color: color-mix(in lab, red, red)) {
        .kt-menu-item.active > .kt-menu-label .kt-menu-item-active\:bg-accent\/60 {
            background-color: color-mix(in oklab, var(--accent) 60%, transparent);
        }
    }
    .kt-menu-item.active > .kt-menu-toggle .kt-menu-item-active\:bg-accent\/60 {
        background-color: var(--accent);
    }
    @supports (color: color-mix(in lab, red, red)) {
        .kt-menu-item.active > .kt-menu-toggle .kt-menu-item-active\:bg-accent\/60 {
            background-color: color-mix(in oklab, var(--accent) 60%, transparent);
        }
    }
    .kt-menu-item.active > .kt-menu-toggle .kt-menu-item-active\:bg-accent\/60 {
        background-color: var(--accent);
    }
    @supports (color: color-mix(in lab, red, red)) {
        .kt-menu-item.active > .kt-menu-toggle .kt-menu-item-active\:bg-accent\/60 {
            background-color: color-mix(in oklab, var(--accent) 60%, transparent);
        }
    }
    .kt-menu-item-active\:bg-background.kt-menu-item.active {
        background-color: var(--background);
    }
    .kt-menu-item.active .kt-menu-item-active\:bg-background {
        background-color: var(--background);
    }
    .kt-menu-item.active > .kt-menu-link .kt-menu-item-active\:bg-background {
        background-color: var(--background);
    }
    .kt-menu-item.active > .kt-menu-link .kt-menu-item-active\:bg-background {
        background-color: var(--background);
    }
    .kt-menu-item.active > .kt-menu-label .kt-menu-item-active\:bg-background {
        background-color: var(--background);
    }
    .kt-menu-item.active > .kt-menu-label .kt-menu-item-active\:bg-background {
        background-color: var(--background);
    }
    .kt-menu-item.active > .kt-menu-toggle .kt-menu-item-active\:bg-background {
        background-color: var(--background);
    }
    .kt-menu-item.active > .kt-menu-toggle .kt-menu-item-active\:bg-background {
        background-color: var(--background);
    }
    .kt-menu-item-active\:bg-secondary.kt-menu-item.active {
        background-color: var(--secondary);
    }
    .kt-menu-item.active .kt-menu-item-active\:bg-secondary {
        background-color: var(--secondary);
    }
    .kt-menu-item.active > .kt-menu-link .kt-menu-item-active\:bg-secondary {
        background-color: var(--secondary);
    }
    .kt-menu-item.active > .kt-menu-link .kt-menu-item-active\:bg-secondary {
        background-color: var(--secondary);
    }
    .kt-menu-item.active > .kt-menu-label .kt-menu-item-active\:bg-secondary {
        background-color: var(--secondary);
    }
    .kt-menu-item.active > .kt-menu-label .kt-menu-item-active\:bg-secondary {
        background-color: var(--secondary);
    }
    .kt-menu-item.active > .kt-menu-toggle .kt-menu-item-active\:bg-secondary {
        background-color: var(--secondary);
    }
    .kt-menu-item.active > .kt-menu-toggle .kt-menu-item-active\:bg-secondary {
        background-color: var(--secondary);
    }
    .kt-menu-item-active\:font-medium.kt-menu-item.active {
        --tw-font-weight: var(--font-weight-medium);
        font-weight: var(--font-weight-medium);
    }
    .kt-menu-item.active .kt-menu-item-active\:font-medium {
        --tw-font-weight: var(--font-weight-medium);
        font-weight: var(--font-weight-medium);
    }
    .kt-menu-item.active > .kt-menu-link .kt-menu-item-active\:font-medium {
        --tw-font-weight: var(--font-weight-medium);
        font-weight: var(--font-weight-medium);
    }
    .kt-menu-item.active > .kt-menu-link .kt-menu-item-active\:font-medium {
        --tw-font-weight: var(--font-weight-medium);
        font-weight: var(--font-weight-medium);
    }
    .kt-menu-item.active > .kt-menu-label .kt-menu-item-active\:font-medium {
        --tw-font-weight: var(--font-weight-medium);
        font-weight: var(--font-weight-medium);
    }
    .kt-menu-item.active > .kt-menu-label .kt-menu-item-active\:font-medium {
        --tw-font-weight: var(--font-weight-medium);
        font-weight: var(--font-weight-medium);
    }
    .kt-menu-item.active > .kt-menu-toggle .kt-menu-item-active\:font-medium {
        --tw-font-weight: var(--font-weight-medium);
        font-weight: var(--font-weight-medium);
    }
    .kt-menu-item.active > .kt-menu-toggle .kt-menu-item-active\:font-medium {
        --tw-font-weight: var(--font-weight-medium);
        font-weight: var(--font-weight-medium);
    }
    .kt-menu-item-active\:font-semibold.kt-menu-item.active {
        --tw-font-weight: var(--font-weight-semibold);
        font-weight: var(--font-weight-semibold);
    }
    .kt-menu-item.active .kt-menu-item-active\:font-semibold {
        --tw-font-weight: var(--font-weight-semibold);
        font-weight: var(--font-weight-semibold);
    }
    .kt-menu-item.active > .kt-menu-link .kt-menu-item-active\:font-semibold {
        --tw-font-weight: var(--font-weight-semibold);
        font-weight: var(--font-weight-semibold);
    }
    .kt-menu-item.active > .kt-menu-link .kt-menu-item-active\:font-semibold {
        --tw-font-weight: var(--font-weight-semibold);
        font-weight: var(--font-weight-semibold);
    }
    .kt-menu-item.active > .kt-menu-label .kt-menu-item-active\:font-semibold {
        --tw-font-weight: var(--font-weight-semibold);
        font-weight: var(--font-weight-semibold);
    }
    .kt-menu-item.active > .kt-menu-label .kt-menu-item-active\:font-semibold {
        --tw-font-weight: var(--font-weight-semibold);
        font-weight: var(--font-weight-semibold);
    }
    .kt-menu-item.active > .kt-menu-toggle .kt-menu-item-active\:font-semibold {
        --tw-font-weight: var(--font-weight-semibold);
        font-weight: var(--font-weight-semibold);
    }
    .kt-menu-item.active > .kt-menu-toggle .kt-menu-item-active\:font-semibold {
        --tw-font-weight: var(--font-weight-semibold);
        font-weight: var(--font-weight-semibold);
    }
    .kt-menu-item-active\:text-foreground.kt-menu-item.active {
        color: var(--foreground);
    }
    .kt-menu-item.active .kt-menu-item-active\:text-foreground {
        color: var(--foreground);
    }
    .kt-menu-item.active > .kt-menu-link .kt-menu-item-active\:text-foreground {
        color: var(--foreground);
    }
    .kt-menu-item.active > .kt-menu-link .kt-menu-item-active\:text-foreground {
        color: var(--foreground);
    }
    .kt-menu-item.active > .kt-menu-label .kt-menu-item-active\:text-foreground {
        color: var(--foreground);
    }
    .kt-menu-item.active > .kt-menu-label .kt-menu-item-active\:text-foreground {
        color: var(--foreground);
    }
    .kt-menu-item.active > .kt-menu-toggle .kt-menu-item-active\:text-foreground {
        color: var(--foreground);
    }
    .kt-menu-item.active > .kt-menu-toggle .kt-menu-item-active\:text-foreground {
        color: var(--foreground);
    }
    .kt-menu-item-active\:text-mono.kt-menu-item.active {
        color: var(--mono);
    }
    .kt-menu-item.active .kt-menu-item-active\:text-mono {
        color: var(--mono);
    }
    .kt-menu-item.active > .kt-menu-link .kt-menu-item-active\:text-mono {
        color: var(--mono);
    }
    .kt-menu-item.active > .kt-menu-link .kt-menu-item-active\:text-mono {
        color: var(--mono);
    }
    .kt-menu-item.active > .kt-menu-label .kt-menu-item-active\:text-mono {
        color: var(--mono);
    }
    .kt-menu-item.active > .kt-menu-label .kt-menu-item-active\:text-mono {
        color: var(--mono);
    }
    .kt-menu-item.active > .kt-menu-toggle .kt-menu-item-active\:text-mono {
        color: var(--mono);
    }
    .kt-menu-item.active > .kt-menu-toggle .kt-menu-item-active\:text-mono {
        color: var(--mono);
    }
    .kt-menu-item-active\:text-primary.kt-menu-item.active {
        color: var(--primary);
    }
    .kt-menu-item.active .kt-menu-item-active\:text-primary {
        color: var(--primary);
    }
    .kt-menu-item.active > .kt-menu-link .kt-menu-item-active\:text-primary {
        color: var(--primary);
    }
    .kt-menu-item.active > .kt-menu-link .kt-menu-item-active\:text-primary {
        color: var(--primary);
    }
    .kt-menu-item.active > .kt-menu-label .kt-menu-item-active\:text-primary {
        color: var(--primary);
    }
    .kt-menu-item.active > .kt-menu-label .kt-menu-item-active\:text-primary {
        color: var(--primary);
    }
    .kt-menu-item.active > .kt-menu-toggle .kt-menu-item-active\:text-primary {
        color: var(--primary);
    }
    .kt-menu-item.active > .kt-menu-toggle .kt-menu-item-active\:text-primary {
        color: var(--primary);
    }
    .kt-menu-item-active\:before\:bg-primary.kt-menu-item.active::before {
        content: var(--tw-content);
        background-color: var(--primary);
    }
    :is(.kt-menu-item.active .kt-menu-item-active\:before\:bg-primary)::before {
        content: var(--tw-content);
        background-color: var(--primary);
    }
    :is(.kt-menu-item.active > .kt-menu-link .kt-menu-item-active\:before\:bg-primary)::before {
        content: var(--tw-content);
        background-color: var(--primary);
    }
    :is(.kt-menu-item.active > .kt-menu-link .kt-menu-item-active\:before\:bg-primary)::before {
        content: var(--tw-content);
        background-color: var(--primary);
    }
    :is(.kt-menu-item.active > .kt-menu-label .kt-menu-item-active\:before\:bg-primary)::before {
        content: var(--tw-content);
        background-color: var(--primary);
    }
    :is(.kt-menu-item.active > .kt-menu-label .kt-menu-item-active\:before\:bg-primary)::before {
        content: var(--tw-content);
        background-color: var(--primary);
    }
    :is(.kt-menu-item.active > .kt-menu-toggle .kt-menu-item-active\:before\:bg-primary)::before {
        content: var(--tw-content);
        background-color: var(--primary);
    }
    :is(.kt-menu-item.active > .kt-menu-toggle .kt-menu-item-active\:before\:bg-primary)::before {
        content: var(--tw-content);
        background-color: var(--primary);
    }
    .kt-menu-item-here\:border-border.kt-menu-item.here {
        border-color: var(--border);
    }
    .kt-menu-item.here > .kt-menu-link .kt-menu-item-here\:border-border {
        border-color: var(--border);
    }
    .kt-menu-item.here > .kt-menu-link .kt-menu-item-here\:border-border {
        border-color: var(--border);
    }
    .kt-menu-item.here > .kt-menu-label .kt-menu-item-here\:border-border {
        border-color: var(--border);
    }
    .kt-menu-item.here > .kt-menu-label .kt-menu-item-here\:border-border {
        border-color: var(--border);
    }
    .kt-menu-item.here > .kt-menu-toggle .kt-menu-item-here\:border-border {
        border-color: var(--border);
    }
    .kt-menu-item.here > .kt-menu-toggle .kt-menu-item-here\:border-border {
        border-color: var(--border);
    }
    .kt-menu-item-here\:border-b-gray-400.kt-menu-item.here {
        border-bottom-color: var(--color-gray-400);
    }
    .kt-menu-item.here > .kt-menu-link .kt-menu-item-here\:border-b-gray-400 {
        border-bottom-color: var(--color-gray-400);
    }
    .kt-menu-item.here > .kt-menu-link .kt-menu-item-here\:border-b-gray-400 {
        border-bottom-color: var(--color-gray-400);
    }
    .kt-menu-item.here > .kt-menu-label .kt-menu-item-here\:border-b-gray-400 {
        border-bottom-color: var(--color-gray-400);
    }
    .kt-menu-item.here > .kt-menu-label .kt-menu-item-here\:border-b-gray-400 {
        border-bottom-color: var(--color-gray-400);
    }
    .kt-menu-item.here > .kt-menu-toggle .kt-menu-item-here\:border-b-gray-400 {
        border-bottom-color: var(--color-gray-400);
    }
    .kt-menu-item.here > .kt-menu-toggle .kt-menu-item-here\:border-b-gray-400 {
        border-bottom-color: var(--color-gray-400);
    }
    .kt-menu-item-here\:border-b-mono.kt-menu-item.here {
        border-bottom-color: var(--mono);
    }
    .kt-menu-item.here > .kt-menu-link .kt-menu-item-here\:border-b-mono {
        border-bottom-color: var(--mono);
    }
    .kt-menu-item.here > .kt-menu-link .kt-menu-item-here\:border-b-mono {
        border-bottom-color: var(--mono);
    }
    .kt-menu-item.here > .kt-menu-label .kt-menu-item-here\:border-b-mono {
        border-bottom-color: var(--mono);
    }
    .kt-menu-item.here > .kt-menu-label .kt-menu-item-here\:border-b-mono {
        border-bottom-color: var(--mono);
    }
    .kt-menu-item.here > .kt-menu-toggle .kt-menu-item-here\:border-b-mono {
        border-bottom-color: var(--mono);
    }
    .kt-menu-item.here > .kt-menu-toggle .kt-menu-item-here\:border-b-mono {
        border-bottom-color: var(--mono);
    }
    .kt-menu-item-here\:border-b-primary.kt-menu-item.here {
        border-bottom-color: var(--primary);
    }
    .kt-menu-item.here > .kt-menu-link .kt-menu-item-here\:border-b-primary {
        border-bottom-color: var(--primary);
    }
    .kt-menu-item.here > .kt-menu-link .kt-menu-item-here\:border-b-primary {
        border-bottom-color: var(--primary);
    }
    .kt-menu-item.here > .kt-menu-label .kt-menu-item-here\:border-b-primary {
        border-bottom-color: var(--primary);
    }
    .kt-menu-item.here > .kt-menu-label .kt-menu-item-here\:border-b-primary {
        border-bottom-color: var(--primary);
    }
    .kt-menu-item.here > .kt-menu-toggle .kt-menu-item-here\:border-b-primary {
        border-bottom-color: var(--primary);
    }
    .kt-menu-item.here > .kt-menu-toggle .kt-menu-item-here\:border-b-primary {
        border-bottom-color: var(--primary);
    }
    .kt-menu-item-here\:bg-background.kt-menu-item.here {
        background-color: var(--background);
    }
    .kt-menu-item.here > .kt-menu-link .kt-menu-item-here\:bg-background {
        background-color: var(--background);
    }
    .kt-menu-item.here > .kt-menu-link .kt-menu-item-here\:bg-background {
        background-color: var(--background);
    }
    .kt-menu-item.here > .kt-menu-label .kt-menu-item-here\:bg-background {
        background-color: var(--background);
    }
    .kt-menu-item.here > .kt-menu-label .kt-menu-item-here\:bg-background {
        background-color: var(--background);
    }
    .kt-menu-item.here > .kt-menu-toggle .kt-menu-item-here\:bg-background {
        background-color: var(--background);
    }
    .kt-menu-item.here > .kt-menu-toggle .kt-menu-item-here\:bg-background {
        background-color: var(--background);
    }
    .kt-menu-item-here\:bg-transparent.kt-menu-item.here {
        background-color: transparent;
    }
    .kt-menu-item.here > .kt-menu-link .kt-menu-item-here\:bg-transparent {
        background-color: transparent;
    }
    .kt-menu-item.here > .kt-menu-link .kt-menu-item-here\:bg-transparent {
        background-color: transparent;
    }
    .kt-menu-item.here > .kt-menu-label .kt-menu-item-here\:bg-transparent {
        background-color: transparent;
    }
    .kt-menu-item.here > .kt-menu-label .kt-menu-item-here\:bg-transparent {
        background-color: transparent;
    }
    .kt-menu-item.here > .kt-menu-toggle .kt-menu-item-here\:bg-transparent {
        background-color: transparent;
    }
    .kt-menu-item.here > .kt-menu-toggle .kt-menu-item-here\:bg-transparent {
        background-color: transparent;
    }
    .kt-menu-item-here\:font-medium.kt-menu-item.here {
        --tw-font-weight: var(--font-weight-medium);
        font-weight: var(--font-weight-medium);
    }
    .kt-menu-item.here > .kt-menu-link .kt-menu-item-here\:font-medium {
        --tw-font-weight: var(--font-weight-medium);
        font-weight: var(--font-weight-medium);
    }
    .kt-menu-item.here > .kt-menu-link .kt-menu-item-here\:font-medium {
        --tw-font-weight: var(--font-weight-medium);
        font-weight: var(--font-weight-medium);
    }
    .kt-menu-item.here > .kt-menu-label .kt-menu-item-here\:font-medium {
        --tw-font-weight: var(--font-weight-medium);
        font-weight: var(--font-weight-medium);
    }
    .kt-menu-item.here > .kt-menu-label .kt-menu-item-here\:font-medium {
        --tw-font-weight: var(--font-weight-medium);
        font-weight: var(--font-weight-medium);
    }
    .kt-menu-item.here > .kt-menu-toggle .kt-menu-item-here\:font-medium {
        --tw-font-weight: var(--font-weight-medium);
        font-weight: var(--font-weight-medium);
    }
    .kt-menu-item.here > .kt-menu-toggle .kt-menu-item-here\:font-medium {
        --tw-font-weight: var(--font-weight-medium);
        font-weight: var(--font-weight-medium);
    }
    .kt-menu-item-here\:font-semibold.kt-menu-item.here {
        --tw-font-weight: var(--font-weight-semibold);
        font-weight: var(--font-weight-semibold);
    }
    .kt-menu-item.here > .kt-menu-link .kt-menu-item-here\:font-semibold {
        --tw-font-weight: var(--font-weight-semibold);
        font-weight: var(--font-weight-semibold);
    }
    .kt-menu-item.here > .kt-menu-link .kt-menu-item-here\:font-semibold {
        --tw-font-weight: var(--font-weight-semibold);
        font-weight: var(--font-weight-semibold);
    }
    .kt-menu-item.here > .kt-menu-label .kt-menu-item-here\:font-semibold {
        --tw-font-weight: var(--font-weight-semibold);
        font-weight: var(--font-weight-semibold);
    }
    .kt-menu-item.here > .kt-menu-label .kt-menu-item-here\:font-semibold {
        --tw-font-weight: var(--font-weight-semibold);
        font-weight: var(--font-weight-semibold);
    }
    .kt-menu-item.here > .kt-menu-toggle .kt-menu-item-here\:font-semibold {
        --tw-font-weight: var(--font-weight-semibold);
        font-weight: var(--font-weight-semibold);
    }
    .kt-menu-item.here > .kt-menu-toggle .kt-menu-item-here\:font-semibold {
        --tw-font-weight: var(--font-weight-semibold);
        font-weight: var(--font-weight-semibold);
    }
    .kt-menu-item-here\:text-foreground.kt-menu-item.here {
        color: var(--foreground);
    }
    .kt-menu-item.here > .kt-menu-link .kt-menu-item-here\:text-foreground {
        color: var(--foreground);
    }
    .kt-menu-item.here > .kt-menu-link .kt-menu-item-here\:text-foreground {
        color: var(--foreground);
    }
    .kt-menu-item.here > .kt-menu-label .kt-menu-item-here\:text-foreground {
        color: var(--foreground);
    }
    .kt-menu-item.here > .kt-menu-label .kt-menu-item-here\:text-foreground {
        color: var(--foreground);
    }
    .kt-menu-item.here > .kt-menu-toggle .kt-menu-item-here\:text-foreground {
        color: var(--foreground);
    }
    .kt-menu-item.here > .kt-menu-toggle .kt-menu-item-here\:text-foreground {
        color: var(--foreground);
    }
    .kt-menu-item-here\:text-mono.kt-menu-item.here {
        color: var(--mono);
    }
    .kt-menu-item.here > .kt-menu-link .kt-menu-item-here\:text-mono {
        color: var(--mono);
    }
    .kt-menu-item.here > .kt-menu-link .kt-menu-item-here\:text-mono {
        color: var(--mono);
    }
    .kt-menu-item.here > .kt-menu-label .kt-menu-item-here\:text-mono {
        color: var(--mono);
    }
    .kt-menu-item.here > .kt-menu-label .kt-menu-item-here\:text-mono {
        color: var(--mono);
    }
    .kt-menu-item.here > .kt-menu-toggle .kt-menu-item-here\:text-mono {
        color: var(--mono);
    }
    .kt-menu-item.here > .kt-menu-toggle .kt-menu-item-here\:text-mono {
        color: var(--mono);
    }
    .kt-menu-item-here\:text-muted-foreground.kt-menu-item.here {
        color: var(--muted-foreground);
    }
    .kt-menu-item.here > .kt-menu-link .kt-menu-item-here\:text-muted-foreground {
        color: var(--muted-foreground);
    }
    .kt-menu-item.here > .kt-menu-link .kt-menu-item-here\:text-muted-foreground {
        color: var(--muted-foreground);
    }
    .kt-menu-item.here > .kt-menu-label .kt-menu-item-here\:text-muted-foreground {
        color: var(--muted-foreground);
    }
    .kt-menu-item.here > .kt-menu-label .kt-menu-item-here\:text-muted-foreground {
        color: var(--muted-foreground);
    }
    .kt-menu-item.here > .kt-menu-toggle .kt-menu-item-here\:text-muted-foreground {
        color: var(--muted-foreground);
    }
    .kt-menu-item.here > .kt-menu-toggle .kt-menu-item-here\:text-muted-foreground {
        color: var(--muted-foreground);
    }
    .kt-menu-item-here\:text-primary.kt-menu-item.here {
        color: var(--primary);
    }
    .kt-menu-item.here > .kt-menu-link .kt-menu-item-here\:text-primary {
        color: var(--primary);
    }
    .kt-menu-item.here > .kt-menu-link .kt-menu-item-here\:text-primary {
        color: var(--primary);
    }
    .kt-menu-item.here > .kt-menu-label .kt-menu-item-here\:text-primary {
        color: var(--primary);
    }
    .kt-menu-item.here > .kt-menu-label .kt-menu-item-here\:text-primary {
        color: var(--primary);
    }
    .kt-menu-item.here > .kt-menu-toggle .kt-menu-item-here\:text-primary {
        color: var(--primary);
    }
    .kt-menu-item.here > .kt-menu-toggle .kt-menu-item-here\:text-primary {
        color: var(--primary);
    }
    .kt-menu-item-show\:\!flex.kt-menu-item.show {
        display: flex !important;
    }
    .kt-menu-item.show > .kt-menu-link .kt-menu-item-show\:\!flex {
        display: flex !important;
    }
    .kt-menu-item.show > .kt-menu-link .kt-menu-item-show\:\!flex {
        display: flex !important;
    }
    .kt-menu-item.show > .kt-menu-label .kt-menu-item-show\:\!flex {
        display: flex !important;
    }
    .kt-menu-item.show > .kt-menu-label .kt-menu-item-show\:\!flex {
        display: flex !important;
    }
    .kt-menu-item.show > .kt-menu-toggle .kt-menu-item-show\:\!flex {
        display: flex !important;
    }
    .kt-menu-item.show > .kt-menu-toggle .kt-menu-item-show\:\!flex {
        display: flex !important;
    }
    .kt-menu-item-show\:hidden.kt-menu-item.show {
        display: none;
    }
    .kt-menu-item.show > .kt-menu-link .kt-menu-item-show\:hidden {
        display: none;
    }
    .kt-menu-item.show > .kt-menu-link .kt-menu-item-show\:hidden {
        display: none;
    }
    .kt-menu-item.show > .kt-menu-label .kt-menu-item-show\:hidden {
        display: none;
    }
    .kt-menu-item.show > .kt-menu-label .kt-menu-item-show\:hidden {
        display: none;
    }
    .kt-menu-item.show > .kt-menu-toggle .kt-menu-item-show\:hidden {
        display: none;
    }
    .kt-menu-item.show > .kt-menu-toggle .kt-menu-item-show\:hidden {
        display: none;
    }
    .kt-menu-item-show\:inline-flex.kt-menu-item.show {
        display: inline-flex;
    }
    .kt-menu-item.show > .kt-menu-link .kt-menu-item-show\:inline-flex {
        display: inline-flex;
    }
    .kt-menu-item.show > .kt-menu-link .kt-menu-item-show\:inline-flex {
        display: inline-flex;
    }
    .kt-menu-item.show > .kt-menu-label .kt-menu-item-show\:inline-flex {
        display: inline-flex;
    }
    .kt-menu-item.show > .kt-menu-label .kt-menu-item-show\:inline-flex {
        display: inline-flex;
    }
    .kt-menu-item.show > .kt-menu-toggle .kt-menu-item-show\:inline-flex {
        display: inline-flex;
    }
    .kt-menu-item.show > .kt-menu-toggle .kt-menu-item-show\:inline-flex {
        display: inline-flex;
    }
    .kt-menu-item-show\:text-foreground.kt-menu-item.show {
        color: var(--foreground);
    }
    .kt-menu-item.show > .kt-menu-link .kt-menu-item-show\:text-foreground {
        color: var(--foreground);
    }
    .kt-menu-item.show > .kt-menu-link .kt-menu-item-show\:text-foreground {
        color: var(--foreground);
    }
    .kt-menu-item.show > .kt-menu-label .kt-menu-item-show\:text-foreground {
        color: var(--foreground);
    }
    .kt-menu-item.show > .kt-menu-label .kt-menu-item-show\:text-foreground {
        color: var(--foreground);
    }
    .kt-menu-item.show > .kt-menu-toggle .kt-menu-item-show\:text-foreground {
        color: var(--foreground);
    }
    .kt-menu-item.show > .kt-menu-toggle .kt-menu-item-show\:text-foreground {
        color: var(--foreground);
    }
    .kt-menu-item-show\:text-mono.kt-menu-item.show {
        color: var(--mono);
    }
    .kt-menu-item.show > .kt-menu-link .kt-menu-item-show\:text-mono {
        color: var(--mono);
    }
    .kt-menu-item.show > .kt-menu-link .kt-menu-item-show\:text-mono {
        color: var(--mono);
    }
    .kt-menu-item.show > .kt-menu-label .kt-menu-item-show\:text-mono {
        color: var(--mono);
    }
    .kt-menu-item.show > .kt-menu-label .kt-menu-item-show\:text-mono {
        color: var(--mono);
    }
    .kt-menu-item.show > .kt-menu-toggle .kt-menu-item-show\:text-mono {
        color: var(--mono);
    }
    .kt-menu-item.show > .kt-menu-toggle .kt-menu-item-show\:text-mono {
        color: var(--mono);
    }
    .kt-menu-item-show\:text-primary.kt-menu-item.show {
        color: var(--primary);
    }
    .kt-menu-item.show > .kt-menu-link .kt-menu-item-show\:text-primary {
        color: var(--primary);
    }
    .kt-menu-item.show > .kt-menu-link .kt-menu-item-show\:text-primary {
        color: var(--primary);
    }
    .kt-menu-item.show > .kt-menu-label .kt-menu-item-show\:text-primary {
        color: var(--primary);
    }
    .kt-menu-item.show > .kt-menu-label .kt-menu-item-show\:text-primary {
        color: var(--primary);
    }
    .kt-menu-item.show > .kt-menu-toggle .kt-menu-item-show\:text-primary {
        color: var(--primary);
    }
    .kt-menu-item.show > .kt-menu-toggle .kt-menu-item-show\:text-primary {
        color: var(--primary);
    }
    .kt-menu-link-hover\:border-none.kt-menu-link:hover {
        --tw-border-style: none;
        border-style: none;
    }
    .kt-menu-link:hover .kt-menu-link-hover\:border-none {
        --tw-border-style: none;
        border-style: none;
    }
    .kt-menu-link-hover\:border-border.kt-menu-link:hover {
        border-color: var(--border);
    }
    .kt-menu-link:hover .kt-menu-link-hover\:border-border {
        border-color: var(--border);
    }
    .kt-menu-link-hover\:\!bg-background.kt-menu-link:hover {
        background-color: var(--background) !important;
    }
    .kt-menu-link:hover .kt-menu-link-hover\:\!bg-background {
        background-color: var(--background) !important;
    }
    .kt-menu-link-hover\:bg-accent\/60.kt-menu-link:hover {
        background-color: var(--accent);
    }
    @supports (color: color-mix(in lab, red, red)) {
        .kt-menu-link-hover\:bg-accent\/60.kt-menu-link:hover {
            background-color: color-mix(in oklab, var(--accent) 60%, transparent);
        }
    }
    .kt-menu-link:hover .kt-menu-link-hover\:bg-accent\/60 {
        background-color: var(--accent);
    }
    @supports (color: color-mix(in lab, red, red)) {
        .kt-menu-link:hover .kt-menu-link-hover\:bg-accent\/60 {
            background-color: color-mix(in oklab, var(--accent) 60%, transparent);
        }
    }
    .kt-menu-link-hover\:bg-background.kt-menu-link:hover {
        background-color: var(--background);
    }
    .kt-menu-link:hover .kt-menu-link-hover\:bg-background {
        background-color: var(--background);
    }
    .kt-menu-link-hover\:bg-secondary.kt-menu-link:hover {
        background-color: var(--secondary);
    }
    .kt-menu-link:hover .kt-menu-link-hover\:bg-secondary {
        background-color: var(--secondary);
    }
    .kt-menu-link-hover\:\!text-primary.kt-menu-link:hover {
        color: var(--primary) !important;
    }
    .kt-menu-link:hover .kt-menu-link-hover\:\!text-primary {
        color: var(--primary) !important;
    }
    .kt-menu-link-hover\:text-foreground.kt-menu-link:hover {
        color: var(--foreground);
    }
    .kt-menu-link:hover .kt-menu-link-hover\:text-foreground {
        color: var(--foreground);
    }
    .kt-menu-link-hover\:text-mono.kt-menu-link:hover {
        color: var(--mono);
    }
    .kt-menu-link:hover .kt-menu-link-hover\:text-mono {
        color: var(--mono);
    }
    .kt-menu-link-hover\:text-primary.kt-menu-link:hover {
        color: var(--primary);
    }
    .kt-menu-link:hover .kt-menu-link-hover\:text-primary {
        color: var(--primary);
    }
    .has-checked\:\[\&_\.checked\]\:flex:has(*:checked) .checked {
        display: flex;
    }
    @media (width >= 64rem) {
        .lg\:\[\&_\.kt-container-fluid\]\:pe-4 .kt-container-fluid {
            padding-inline-end: calc(var(--spacing) * 4);
        }
    }
    .\[\&_\.kt-step-icon\]\:text-muted-foreground .kt-step-icon {
        color: var(--muted-foreground);
    }
    .\[\&_\.kt-step-icon\]\:text-primary .kt-step-icon {
        color: var(--primary);
    }
    .\[\&_i\]\:text-white i {
        color: var(--color-white);
    }
    @media (hover: hover) {
        .hover\:\[\&_i\]\:text-black\/80:hover i {
            color: color-mix(in srgb, #000 80%, transparent);
        }
        @supports (color: color-mix(in lab, red, red)) {
            .hover\:\[\&_i\]\:text-black\/80:hover i {
                color: color-mix(in oklab, var(--color-black) 80%, transparent);
            }
        }
    }
    @media (hover: hover) {
        .hover\:\[\&_i\]\:text-primary:hover i {
            color: var(--primary);
        }
    }
    :is(.open[data-kt-dropdown-initialized] > .kt-dropdown-open\:\[\&_i\]\:text-primary[data-kt-dropdown-toggle]) i {
        color: var(--primary);
    }
    :is(.open[data-kt-dropdown-initialized] > [data-kt-dropdown-toggle] .kt-dropdown-open\:\[\&_i\]\:text-primary) i {
        color: var(--primary);
    }
    :is(.\[\&_border\]\:\[\&_i\]\:text-black\/80 border) i {
        color: color-mix(in srgb, #000 80%, transparent);
    }
    @supports (color: color-mix(in lab, red, red)) {
        :is(.\[\&_border\]\:\[\&_i\]\:text-black\/80 border) i {
            color: color-mix(in oklab, var(--color-black) 80%, transparent);
        }
    }
    .\[\&\.active\]\:bg-primary\/10.active {
        background-color: var(--primary);
    }
    @supports (color: color-mix(in lab, red, red)) {
        .\[\&\.active\]\:bg-primary\/10.active {
            background-color: color-mix(in oklab, var(--primary) 10%, transparent);
        }
    }
    .\[\&\.active\]\:\[\&_i\]\:text-primary.active i {
        color: var(--primary);
    }
    .active.\[\.active\&\]\:border-border {
        border-color: var(--border);
    }
    .active.\[\.active\&\]\:border-input {
        border-color: var(--input);
    }
    .active.\[\.active\&\]\:bg-background {
        background-color: var(--background);
    }
    .active.\[\.active\&\]\:\[\&_i\]\:text-primary i {
        color: var(--primary);
    }
}
:root {
    --background: var(--color-white);
    --foreground: var(--color-zinc-950);
    --card: var(--color-white);
    --card-foreground: var(--color-zinc-950);
    --popover: var(--color-white);
    --popover-foreground: var(--color-zinc-950);
    --primary: var(--color-blue-500);
    --primary-foreground: var(--color-white);
    --secondary: var(--color-zinc-100);
    --secondary-foreground: var(--color-zinc-900);
    --muted: var(--color-zinc-100);
    --muted-foreground: var(--color-zinc-500);
    --accent: var(--color-zinc-100);
    --accent-foreground: var(--color-zinc-900);
    --destructive: var(--color-red-600);
    --destructive-foreground: var(--color-white);
    --mono: var(--color-zinc-950);
    --mono-foreground: var(--color-white);
    --border: oklch(94% 0.004 286.32);
    --input: var(--color-zinc-200);
    --ring: var(--color-zinc-400);
    --radius: 0.5rem;
}
.dark {
    --background: var(--color-zinc-950);
    --foreground: var(--color-zinc-50);
    --card: var(--color-zinc-950);
    --card-foreground: var(--color-zinc-50);
    --popover: var(--color-zinc-950);
    --popover-foreground: var(--color-zinc-50);
    --primary: var(--color-blue-600);
    --primary-foreground: var(--color-white);
    --secondary: var(--color-zinc-800);
    --secondary-foreground: var(--color-zinc-50);
    --muted: var(--color-zinc-900);
    --muted-foreground: var(--color-zinc-500);
    --accent: var(--color-zinc-900);
    --accent-foreground: var(--color-zinc-50);
    --destructive: var(--color-red-600);
    --destructive-foreground: var(--color-white);
    --mono: var(--color-zinc-300);
    --mono-foreground: var(--color-black);
    --border: var(--color-zinc-800);
    --input: var(--color-zinc-800);
    --ring: var(--color-zinc-600);
}
@layer components {
    .kt-avatar {
        position: relative;
        display: flex;
        width: calc(var(--spacing) * 10);
        height: calc(var(--spacing) * 10);
        flex-shrink: 0;
    }
    .kt-avatar-image {
        overflow: hidden;
        border-radius: calc(infinity * 1px);
    }
    .kt-avatar-image img {
        aspect-ratio: 1 / 1;
        height: 100%;
        width: 100%;
    }
    .kt-avatar-fallback {
        display: flex;
        height: 100%;
        width: 100%;
        align-items: center;
        justify-content: center;
        border-radius: calc(infinity * 1px);
        border-style: var(--tw-border-style);
        border-width: 1px;
        border-color: var(--border);
        background-color: var(--accent);
        font-size: var(--text-sm);
        line-height: var(--tw-leading, var(--text-sm--line-height));
    }
    .kt-avatar-indicator {
        position: absolute;
        display: flex;
        width: calc(var(--spacing) * 6);
        height: calc(var(--spacing) * 6);
        align-items: center;
        justify-content: center;
    }
    .kt-avatar-status {
        display: flex;
        width: calc(var(--spacing) * 2);
        height: calc(var(--spacing) * 2);
        align-items: center;
        border-radius: calc(infinity * 1px);
        border-style: var(--tw-border-style);
        border-width: 2px;
        border-color: var(--background);
    }
    .kt-avatar-status.kt-avatar-status-online {
        background-color: var(--color-green-600);
    }
    .kt-avatar-status.kt-avatar-status-offline {
        background-color: var(--mono);
    }
    @supports (color: color-mix(in lab, red, red)) {
        .kt-avatar-status.kt-avatar-status-offline {
            background-color: color-mix(in oklab, var(--mono) 50%, transparent);
        }
    }
    .kt-avatar-status.kt-avatar-status-busy {
        background-color: var(--color-yellow-600);
    }
    .kt-avatar-status.kt-avatar-status-away {
        background-color: var(--color-blue-600);
    }
}
@layer components {
    .kt-accordion-item {
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: 1px;
        border-color: var(--border);
    }
    .kt-accordion-item:last-child {
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: 0px;
    }
    .kt-accordion-toggle {
        display: flex;
        width: 100%;
        cursor: pointer;
        align-items: center;
        justify-content: space-between;
        gap: calc(var(--spacing) * 2.5);
        padding-block: calc(var(--spacing) * 4);
        text-align: start;
    }
    .kt-accordion-title {
        font-size: var(--text-base);
        line-height: var(--tw-leading, var(--text-base--line-height));
        --tw-font-weight: var(--font-weight-medium);
        font-weight: var(--font-weight-medium);
        color: var(--mono);
    }
    .kt-accordion-content {
        overflow: hidden;
        transition-property: height;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration));
    }
    .kt-accordion-wrapper {
        padding-bottom: calc(var(--spacing) * 4);
        font-size: var(--text-base);
        line-height: var(--tw-leading, var(--text-base--line-height));
        color: var(--foreground);
    }
    .kt-accordion-indicator {
        display: inline-flex;
        width: calc(var(--spacing) * 3);
        height: calc(var(--spacing) * 3);
        align-items: center;
        color: var(--muted-foreground);
    }
    .kt-accordion-indicator-on {
        display: block;
        width: calc(var(--spacing) * 3.5);
        height: calc(var(--spacing) * 3.5);
        flex-shrink: 0;
    }
    .kt-accordion-indicator-on.active[data-kt-accordion-item] {
        display: none;
    }
    .active[data-kt-accordion-item] > [data-kt-accordion-toggle] .kt-accordion-indicator-on {
        display: none;
    }
    .active[data-kt-accordion-item] > .kt-accordion-indicator-on[data-kt-accordion-toggle] {
        display: none;
    }
    .kt-accordion-indicator-off {
        display: none;
        width: calc(var(--spacing) * 3.5);
        height: calc(var(--spacing) * 3.5);
        flex-shrink: 0;
    }
    .kt-accordion-indicator-off.active[data-kt-accordion-item] {
        display: block;
    }
    .active[data-kt-accordion-item] > [data-kt-accordion-toggle] .kt-accordion-indicator-off {
        display: block;
    }
    .active[data-kt-accordion-item] > .kt-accordion-indicator-off[data-kt-accordion-toggle] {
        display: block;
    }
    .kt-accordion.kt-accordion-outline {
        display: flex;
        flex-direction: column;
        gap: calc(var(--spacing) * 3.5);
    }
    .kt-accordion.kt-accordion-outline .kt-accordion-item {
        border-radius: var(--radius);
        border-style: var(--tw-border-style);
        border-width: 1px;
        border-color: var(--border);
    }
    .kt-accordion.kt-accordion-outline .kt-accordion-content {
        border-top-style: var(--tw-border-style);
        border-top-width: 1px;
        border-color: var(--border);
    }
    .kt-accordion.kt-accordion-outline .kt-accordion-toggle {
        padding: calc(var(--spacing) * 4);
    }
    .kt-accordion.kt-accordion-outline .kt-accordion-wrapper {
        padding: calc(var(--spacing) * 4);
    }
}
@layer components {
    .kt-accordion-menu {
        display: flex;
        width: 100%;
        flex-direction: column;
        row-gap: calc(var(--spacing) * 1);
    }
    .kt-accordion-menu-content {
        overflow: hidden;
        padding-inline-start: calc(var(--spacing) * 6);
        transition-property: height;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration));
    }
    .kt-accordion-menu-sub {
        width: 100%;
        row-gap: calc(var(--spacing) * 1);
    }
    .kt-accordion-menu-item {
        width: 100%;
    }
    :where(.kt-accordion-menu-item > :not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)));
    }
    .kt-accordion-menu-toggle {
        display: flex;
        width: 100%;
        align-items: center;
        column-gap: calc(var(--spacing) * 2.5);
        border-radius: calc(var(--radius) - 2px);
        padding-inline: calc(var(--spacing) * 2.5);
        padding-block: calc(var(--spacing) * 2);
        font-size: var(--text-sm);
        line-height: var(--tw-leading, var(--text-sm--line-height));
        --tw-font-weight: var(--font-weight-medium);
        font-weight: var(--font-weight-medium);
        color: var(--foreground);
    }
    @media (hover: hover) {
        .kt-accordion-menu-toggle:hover {
            background-color: var(--accent);
        }
    }
    .kt-accordion-menu-toggle:disabled {
        pointer-events: none;
    }
    .kt-accordion-menu-toggle:disabled {
        opacity: 50%;
    }
    .kt-accordion-menu-toggle.active[data-kt-accordion-item] {
        background-color: var(--accent);
    }
    .active[data-kt-accordion-item] > [data-kt-accordion-toggle] .kt-accordion-menu-toggle {
        background-color: var(--accent);
    }
    .active[data-kt-accordion-item] > .kt-accordion-menu-toggle[data-kt-accordion-toggle] {
        background-color: var(--accent);
    }
    .kt-accordion-menu-toggle svg {
        width: calc(var(--spacing) * 4);
        height: calc(var(--spacing) * 4);
        flex-shrink: 0;
        color: var(--muted-foreground);
    }
    .kt-accordion-menu-link {
        display: flex;
        width: 100%;
        align-items: center;
        column-gap: calc(var(--spacing) * 2.5);
        border-radius: calc(var(--radius) - 2px);
        padding-inline: calc(var(--spacing) * 2.5);
        padding-block: calc(var(--spacing) * 2);
        font-size: var(--text-sm);
        line-height: var(--tw-leading, var(--text-sm--line-height));
        --tw-font-weight: var(--font-weight-medium);
        font-weight: var(--font-weight-medium);
        color: var(--foreground);
    }
    @media (hover: hover) {
        .kt-accordion-menu-link:hover {
            background-color: var(--accent);
        }
    }
    .kt-accordion-menu-link:disabled {
        pointer-events: none;
    }
    .kt-accordion-menu-link:disabled {
        opacity: 50%;
    }
    .kt-accordion-menu-link [data-kt-accordion-initialized] .selected {
        background-color: var(--accent);
    }
    [data-kt-accordion-initialized] .selected .kt-accordion-menu-link {
        background-color: var(--accent);
    }
    [data-kt-accordion-initialized] .kt-accordion-menu-link.selected {
        background-color: var(--accent);
    }
    .kt-accordion-menu-link svg {
        width: calc(var(--spacing) * 4);
        height: calc(var(--spacing) * 4);
        flex-shrink: 0;
        color: var(--muted-foreground);
    }
    .kt-accordion-menu-indicator {
        margin-inline-start: auto;
        width: calc(var(--spacing) * 3.5);
        height: calc(var(--spacing) * 3.5);
        flex-shrink: 0;
        color: var(--muted-foreground);
    }
    .kt-accordion-menu-indicator.active[data-kt-accordion-item] {
        rotate: 180deg;
    }
    .active[data-kt-accordion-item] > [data-kt-accordion-toggle] .kt-accordion-menu-indicator {
        rotate: 180deg;
    }
    .active[data-kt-accordion-item] > .kt-accordion-menu-indicator[data-kt-accordion-toggle] {
        rotate: 180deg;
    }
}
@layer components {
    .active[data-kt-accordion-item]:is([dir='rtl'] .kt-accordion-menu-indicator) {
        rotate: calc(180deg * -1);
    }
    .active[data-kt-accordion-item] > [data-kt-accordion-toggle] :is([dir='rtl'] .kt-accordion-menu-indicator) {
        rotate: calc(180deg * -1);
    }
    .active[data-kt-accordion-item] > [data-kt-accordion-toggle]:is([dir='rtl'] .kt-accordion-menu-indicator) {
        rotate: calc(180deg * -1);
    }
}
@layer components {
    .kt-alert {
        display: flex;
        width: 100%;
        align-items: stretch;
    }
    .kt-alert-title {
        flex-grow: 1;
        --tw-tracking: var(--tracking-tight);
        letter-spacing: var(--tracking-tight);
    }
    .kt-alert-toolbar {
        display: flex;
        align-items: baseline;
        gap: calc(var(--spacing) * 2.5);
    }
    .kt-alert-actions {
        display: flex;
        align-items: center;
        gap: calc(var(--spacing) * 2);
    }
    .kt-alert-description {
        font-size: var(--text-sm);
        line-height: var(--tw-leading, var(--text-sm--line-height));
    }
    .kt-alert-description p {
        margin-bottom: calc(var(--spacing) * 2);
    }
    .kt-alert-description p {
        --tw-leading: var(--leading-relaxed);
        line-height: var(--leading-relaxed);
    }
    .kt-alert-content {
        width: 100%;
        flex-grow: 1;
    }
    :where(.kt-alert-content > :not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)));
    }
    .kt-alert-content .kt-alert-title {
        --tw-font-weight: var(--font-weight-semibold);
        font-weight: var(--font-weight-semibold);
    }
    .kt-alert-icon {
        flex-shrink: 0;
    }
    .kt-alert-close {
        width: calc(var(--spacing) * 4);
        height: calc(var(--spacing) * 4);
        flex-shrink: 0;
        cursor: pointer;
    }
    .kt-alert-close i {
        font-size: var(--text-xs);
        line-height: var(--tw-leading, var(--text-xs--line-height));
        color: var(--muted-foreground);
    }
    .kt-alert-close  > svg {
        width: calc(var(--spacing) * 4);
        height: calc(var(--spacing) * 4);
        color: var(--muted-foreground);
    }
    :is(.kt-alert-close:focus,.kt-alert-close:hover) i,:is(.kt-alert-close:focus,.kt-alert-close:hover)  > svg {
        color: var(--foreground);
    }
    .kt-alert {
        gap: calc(var(--spacing) * 2.5);
        border-radius: var(--radius);
        padding: calc(var(--spacing) * 3.5);
        font-size: var(--text-sm);
        line-height: var(--tw-leading, var(--text-sm--line-height));
    }
    .kt-alert .kt-alert-icon svg {
        width: calc(var(--spacing) * 5);
        height: calc(var(--spacing) * 5);
    }
    .kt-alert .kt-alert-toolbar {
        padding-top: calc(var(--spacing) * 0.25);
    }
    .kt-alert-sm {
        gap: calc(var(--spacing) * 1.5);
        border-radius: calc(var(--radius) - 2px);
        padding-inline: calc(var(--spacing) * 2.5);
        padding-block: calc(var(--spacing) * 2);
        font-size: var(--text-xs);
        line-height: var(--tw-leading, var(--text-xs--line-height));
    }
    .kt-alert-sm .kt-alert-close {
        width: calc(var(--spacing) * 3.5);
        height: calc(var(--spacing) * 3.5);
    }
    :is(.kt-alert-sm .kt-alert-close)  > svg {
        width: calc(var(--spacing) * 3.5);
        height: calc(var(--spacing) * 3.5);
    }
    .kt-alert-sm .kt-alert-icon svg {
        width: calc(var(--spacing) * 4);
        height: calc(var(--spacing) * 4);
    }
    .kt-alert-lg {
        gap: calc(var(--spacing) * 2.5);
        border-radius: calc(var(--radius) - 2px);
        padding: calc(var(--spacing) * 4);
        font-size: var(--text-base);
        line-height: var(--tw-leading, var(--text-base--line-height));
    }
    .kt-alert-lg .kt-alert-icon svg {
        width: calc(var(--spacing) * 6);
        height: calc(var(--spacing) * 6);
    }
    .kt-alert-lg .kt-alert-toolbar {
        padding-top: calc(var(--spacing) * 0.75);
    }
    .kt-alert {
        background-color: var(--muted);
        color: var(--foreground);
    }
    .kt-alert-primary {
        background-color: var(--primary);
        color: var(--primary-foreground);
    }
    .kt-alert-primary .kt-alert-close > svg {
        color: var(--primary-foreground);
    }
    .kt-alert-destructive {
        background-color: var(--destructive);
        color: var(--destructive-foreground);
    }
    .kt-alert-destructive .kt-alert-close > svg {
        color: var(--destructive-foreground);
    }
    .kt-alert-success {
        background-color: var(--color-green-500);
        color: var(--color-white);
    }
    .kt-alert-success .kt-alert-close > svg {
        color: var(--color-white);
    }
    .kt-alert-info {
        background-color: var(--color-violet-600);
        color: var(--color-white);
    }
    .kt-alert-info .kt-alert-close > svg {
        color: var(--color-white);
    }
    .kt-alert-warning {
        background-color: var(--color-yellow-500);
        color: var(--color-white);
    }
    .kt-alert-warning .kt-alert-close > svg {
        color: var(--color-white);
    }
    .kt-alert-mono {
        background-color: var(--mono);
        color: var(--mono-foreground);
    }
    .kt-alert-mono .kt-alert-close > svg {
        color: var(--mono-foreground);
    }
    .kt-alert-mono.kt-alert-primary .kt-alert-icon {
        color: var(--primary);
    }
    .kt-alert-mono.kt-alert-success .kt-alert-icon {
        color: var(--color-green-500);
    }
    .kt-alert-mono.kt-alert-destructive .kt-alert-icon {
        color: var(--destructive);
    }
    .kt-alert-mono.kt-alert-warning .kt-alert-icon {
        color: var(--color-yellow-500);
    }
    .kt-alert-mono.kt-alert-info .kt-alert-icon {
        color: var(--color-violet-600);
    }
    .kt-alert-outline .kt-alert-close {
        width: calc(var(--spacing) * 4);
        height: calc(var(--spacing) * 4);
        flex-shrink: 0;
        cursor: pointer;
    }
    :is(.kt-alert-outline .kt-alert-close)  > svg {
        width: calc(var(--spacing) * 4);
        height: calc(var(--spacing) * 4);
        color: var(--muted-foreground);
    }
    :is(:is(.kt-alert-outline .kt-alert-close):focus,:is(.kt-alert-outline .kt-alert-close):hover)  > svg {
        color: var(--foreground);
    }
    .kt-alert-outline {
        border-style: var(--tw-border-style);
        border-width: 1px;
        border-color: var(--border);
        background-color: var(--background);
        color: var(--foreground);
    }
    .kt-alert-outline.kt-alert-primary {
        border-style: var(--tw-border-style);
        border-width: 1px;
        border-color: var(--border);
        background-color: var(--background);
        color: var(--primary);
    }
    .kt-alert-outline.kt-alert-destructive {
        border-style: var(--tw-border-style);
        border-width: 1px;
        border-color: var(--border);
        background-color: var(--background);
        color: var(--destructive);
    }
    .kt-alert-outline.kt-alert-success {
        border-style: var(--tw-border-style);
        border-width: 1px;
        border-color: var(--border);
        background-color: var(--background);
        color: var(--color-green-500);
    }
    .kt-alert-outline.kt-alert-info {
        border-style: var(--tw-border-style);
        border-width: 1px;
        border-color: var(--border);
        background-color: var(--background);
        color: var(--color-violet-600);
    }
    .kt-alert-outline.kt-alert-warning {
        border-style: var(--tw-border-style);
        border-width: 1px;
        border-color: var(--border);
        background-color: var(--background);
        color: var(--color-yellow-500);
    }
    .kt-alert-outline.kt-alert-mono {
        border-style: var(--tw-border-style);
        border-width: 1px;
        border-color: var(--border);
        background-color: var(--background);
        color: var(--mono);
    }
    .kt-alert-light {
        border-style: var(--tw-border-style);
        border-width: 1px;
        border-color: var(--border);
        background-color: var(--muted);
        color: var(--foreground);
    }
    .kt-alert-light .kt-alert-icon > svg {
        color: var(--muted-foreground);
    }
    .kt-alert-light .kt-alert-close {
        width: calc(var(--spacing) * 4);
        height: calc(var(--spacing) * 4);
        flex-shrink: 0;
        cursor: pointer;
    }
    :is(.kt-alert-light .kt-alert-close)  > svg {
        width: calc(var(--spacing) * 4);
        height: calc(var(--spacing) * 4);
        color: var(--muted-foreground);
    }
    :is(:is(.kt-alert-light .kt-alert-close):focus,:is(.kt-alert-light .kt-alert-close):hover)  > svg {
        color: var(--foreground);
    }
    .kt-alert-light.kt-alert-primary {
        border-style: var(--tw-border-style);
        border-width: 1px;
        border-color: var(--primary);
    }
    @supports (color: color-mix(in lab, red, red)) {
        .kt-alert-light.kt-alert-primary {
            border-color: color-mix(in oklab, var(--primary) 10%, transparent);
        }
    }
    .kt-alert-light.kt-alert-primary {
        background-color: var(--primary);
    }
    @supports (color: color-mix(in lab, red, red)) {
        .kt-alert-light.kt-alert-primary {
            background-color: color-mix(in oklab, var(--primary) 5%, transparent);
        }
    }
    .kt-alert-light.kt-alert-primary {
        color: var(--foreground);
    }
    .kt-alert-light.kt-alert-primary .kt-alert-icon > svg {
        color: var(--primary);
    }
    .kt-alert-light.kt-alert-destructive {
        border-style: var(--tw-border-style);
        border-width: 1px;
        border-color: var(--destructive);
    }
    @supports (color: color-mix(in lab, red, red)) {
        .kt-alert-light.kt-alert-destructive {
            border-color: color-mix(in oklab, var(--destructive) 10%, transparent);
        }
    }
    .kt-alert-light.kt-alert-destructive {
        background-color: var(--destructive);
    }
    @supports (color: color-mix(in lab, red, red)) {
        .kt-alert-light.kt-alert-destructive {
            background-color: color-mix(in oklab, var(--destructive) 5%, transparent);
        }
    }
    .kt-alert-light.kt-alert-destructive {
        color: var(--foreground);
    }
    .kt-alert-light.kt-alert-destructive .kt-alert-icon > svg {
        color: var(--destructive);
    }
    .kt-alert-light.kt-alert-success {
        border-style: var(--tw-border-style);
        border-width: 1px;
        border-color: var(--color-green-200);
        background-color: var(--color-green-50);
        color: var(--foreground);
    }
    .kt-alert-light.kt-alert-success:is(.dark *) {
        border-color: color-mix(in srgb, oklch(26.6% 0.065 152.934) 50%, transparent);
    }
    @supports (color: color-mix(in lab, red, red)) {
        .kt-alert-light.kt-alert-success:is(.dark *) {
            border-color: color-mix(in oklab, var(--color-green-950) 50%, transparent);
        }
    }
    .kt-alert-light.kt-alert-success:is(.dark *) {
        background-color: color-mix(in srgb, oklch(26.6% 0.065 152.934) 30%, transparent);
    }
    @supports (color: color-mix(in lab, red, red)) {
        .kt-alert-light.kt-alert-success:is(.dark *) {
            background-color: color-mix(in oklab, var(--color-green-950) 30%, transparent);
        }
    }
    .kt-alert-light.kt-alert-success .kt-alert-icon > svg {
        color: var(--color-green-500);
    }
    .kt-alert-light.kt-alert-info {
        border-style: var(--tw-border-style);
        border-width: 1px;
        border-color: var(--color-violet-200);
        background-color: var(--color-violet-50);
        color: var(--foreground);
    }
    .kt-alert-light.kt-alert-info:is(.dark *) {
        border-color: color-mix(in srgb, oklch(28.3% 0.141 291.089) 50%, transparent);
    }
    @supports (color: color-mix(in lab, red, red)) {
        .kt-alert-light.kt-alert-info:is(.dark *) {
            border-color: color-mix(in oklab, var(--color-violet-950) 50%, transparent);
        }
    }
    .kt-alert-light.kt-alert-info:is(.dark *) {
        background-color: color-mix(in srgb, oklch(28.3% 0.141 291.089) 30%, transparent);
    }
    @supports (color: color-mix(in lab, red, red)) {
        .kt-alert-light.kt-alert-info:is(.dark *) {
            background-color: color-mix(in oklab, var(--color-violet-950) 30%, transparent);
        }
    }
    .kt-alert-light.kt-alert-info .kt-alert-icon > svg {
        color: var(--color-violet-500);
    }
    .kt-alert-light.kt-alert-warning {
        border-style: var(--tw-border-style);
        border-width: 1px;
        border-color: var(--color-yellow-200);
        background-color: var(--color-yellow-50);
        color: var(--foreground);
    }
    .kt-alert-light.kt-alert-warning:is(.dark *) {
        border-color: color-mix(in srgb, oklch(28.6% 0.066 53.813) 50%, transparent);
    }
    @supports (color: color-mix(in lab, red, red)) {
        .kt-alert-light.kt-alert-warning:is(.dark *) {
            border-color: color-mix(in oklab, var(--color-yellow-950) 50%, transparent);
        }
    }
    .kt-alert-light.kt-alert-warning:is(.dark *) {
        background-color: color-mix(in srgb, oklch(28.6% 0.066 53.813) 30%, transparent);
    }
    @supports (color: color-mix(in lab, red, red)) {
        .kt-alert-light.kt-alert-warning:is(.dark *) {
            background-color: color-mix(in oklab, var(--color-yellow-950) 30%, transparent);
        }
    }
    .kt-alert-light.kt-alert-warning .kt-alert-icon > svg {
        color: var(--color-yellow-500);
    }
}
@layer components {
    :where(.kt-form > :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)));
    }
    .kt-form-item {
        display: flex;
        flex-direction: column;
        gap: calc(var(--spacing) * 2.5);
    }
    :where(.kt-form-control > :not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing) * 2.5) * var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing) * 2.5) * calc(1 - var(--tw-space-y-reverse)));
    }
    .kt-form-control-inline {
        display: flex;
        align-items: center;
        gap: calc(var(--spacing) * 2.5);
    }
    :where(.kt-form-control-inline > :not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing) * 0) * var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing) * 0) * calc(1 - var(--tw-space-y-reverse)));
    }
    .kt-form-label {
        display: flex;
        width: 100%;
        align-items: center;
        gap: calc(var(--spacing) * 2);
        font-size: var(--text-sm);
        line-height: var(--tw-leading, var(--text-sm--line-height));
        --tw-leading: 1;
        line-height: 1;
        --tw-font-weight: var(--font-weight-medium);
        font-weight: var(--font-weight-medium);
        color: var(--foreground);
    }
    .kt-form-label:is(:where(.peer):disabled ~ *) {
        cursor: not-allowed;
    }
    .kt-form-label:is(:where(.peer):disabled ~ *) {
        opacity: 50%;
    }
    .kt-switch:disabled + .kt-form-label,.kt-checkbox:disabled + .kt-form-label,.kt-radio:disabled + .kt-form-label {
        cursor: not-allowed;
        opacity: 50%;
    }
    .kt-form-description {
        margin-top: calc(var(--spacing) * -1);
        font-size: var(--text-xs);
        line-height: var(--tw-leading, var(--text-xs--line-height));
        --tw-font-weight: var(--font-weight-normal);
        font-weight: var(--font-weight-normal);
        color: var(--secondary-foreground);
    }
    .kt-form-message {
        margin-top: calc(var(--spacing) * -1);
        display: none;
        font-size: var(--text-xs);
        line-height: var(--tw-leading, var(--text-xs--line-height));
        --tw-font-weight: var(--font-weight-normal);
        font-weight: var(--font-weight-normal);
        color: var(--destructive);
    }
    .kt-form-actions {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        gap: calc(var(--spacing) * 2.5);
    }
    .kt-form-item:has([aria-invalid='true']) .kt-form-message {
        display: block;
    }
    .kt-form-item:has([aria-invalid='true']) .kt-form-description {
        display: none;
    }
}
@layer components {
    .kt-badge {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        background-color: var(--secondary);
        --tw-font-weight: var(--font-weight-medium);
        font-weight: var(--font-weight-medium);
        white-space: nowrap;
        color: var(--accent-foreground);
    }
    .kt-badge: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);
    }
    .kt-badge:focus {
        --tw-ring-color: var(--ring);
    }
    .kt-badge:focus {
        --tw-ring-offset-width: 2px;
        --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    }
    .kt-badge:focus {
        --tw-outline-style: none;
        outline-style: none;
    }
    @media (forced-colors: active) {
        .kt-badge:focus {
            outline: 2px solid transparent;
            outline-offset: 2px;
        }
    }
    .kt-badge svg {
        margin-inline-start: -1px;
    }
    .kt-badge svg {
        flex-shrink: 0;
    }
    .kt-badge-primary {
        background-color: var(--primary);
        color: var(--primary-foreground);
    }
    .kt-badge-secondary {
        background-color: var(--secondary);
        color: var(--accent-foreground);
    }
    .kt-badge-success {
        background-color: var(--color-green-500);
        color: var(--color-white);
    }
    .kt-badge-warning {
        background-color: var(--color-yellow-400);
        color: var(--color-white);
    }
    .kt-badge-info {
        background-color: var(--color-violet-500);
        color: var(--color-white);
    }
    .kt-badge-mono {
        background-color: var(--mono);
        color: var(--mono-foreground);
    }
    .kt-badge-destructive {
        background-color: var(--destructive);
        color: var(--destructive-foreground);
    }
    .kt-badge-stroke {
        border-style: var(--tw-border-style);
        border-width: 1px;
        border-color: var(--border);
        background-color: var(--background);
        color: var(--secondary-foreground);
    }
    .kt-badge-disabled {
        pointer-events: none;
        opacity: 50%;
    }
    .kt-badge-lg {
        height: calc(var(--spacing) * 7);
        min-width: calc(var(--spacing) * 7);
        gap: calc(var(--spacing) * 1.5);
        border-radius: calc(var(--radius) - 2px);
        padding-inline: 0.5rem;
        font-size: var(--text-xs);
        line-height: var(--tw-leading, var(--text-xs--line-height));
    }
    .kt-badge-lg svg {
        width: calc(var(--spacing) * 3.5);
        height: calc(var(--spacing) * 3.5);
    }
    .kt-badge {
        height: calc(var(--spacing) * 6);
        min-width: calc(var(--spacing) * 6);
        gap: calc(var(--spacing) * 1.5);
        border-radius: calc(var(--radius) - 2px);
        padding-inline: 0.45rem;
        font-size: var(--text-xs);
        line-height: var(--tw-leading, var(--text-xs--line-height));
    }
    .kt-badge svg {
        width: calc(var(--spacing) * 3.5);
        height: calc(var(--spacing) * 3.5);
    }
    .kt-badge-sm {
        height: calc(var(--spacing) * 5);
        min-width: calc(var(--spacing) * 5);
        gap: calc(var(--spacing) * 1);
        border-radius: calc(var(--radius) - 4px);
        padding-inline: 0.325rem;
        font-size: 0.6875rem;
        --tw-leading: 0.75rem;
        line-height: 0.75rem;
    }
    .kt-badge-sm svg {
        width: calc(var(--spacing) * 3);
        height: calc(var(--spacing) * 3);
    }
    .kt-badge-xs {
        height: calc(var(--spacing) * 4);
        min-width: calc(var(--spacing) * 4);
        gap: calc(var(--spacing) * 1);
        border-radius: calc(var(--radius) - 4px);
        padding-inline: 0.25rem;
        font-size: 0.625rem;
        --tw-leading: 0.5rem;
        line-height: 0.5rem;
    }
    .kt-badge-xs svg {
        width: calc(var(--spacing) * 3);
        height: calc(var(--spacing) * 3);
    }
    .kt-badge-outline {
        border-style: var(--tw-border-style);
        border-width: 1px;
        border-color: var(--border);
        background-color: var(--muted);
        color: var(--secondary-foreground);
    }
    .kt-badge-outline.kt-badge-primary {
        border-style: var(--tw-border-style);
        border-width: 1px;
        border-color: var(--color-blue-100);
        background-color: var(--color-blue-50);
        color: var(--color-blue-700);
    }
    .kt-badge-outline.kt-badge-primary:is(.dark *) {
        border-color: var(--color-blue-950);
    }
    .kt-badge-outline.kt-badge-primary:is(.dark *) {
        background-color: color-mix(in srgb, oklch(28.2% 0.091 267.935) 50%, transparent);
    }
    @supports (color: color-mix(in lab, red, red)) {
        .kt-badge-outline.kt-badge-primary:is(.dark *) {
            background-color: color-mix(in oklab, var(--color-blue-950) 50%, transparent);
        }
    }
    .kt-badge-outline.kt-badge-primary:is(.dark *) {
        color: var(--color-blue-600);
    }
    .kt-badge-outline.kt-badge-secondary {
        border-color: var(--border);
        background-color: var(--secondary);
        color: var(--foreground);
    }
    .kt-badge-outline.kt-badge-secondary:is(.dark *) {
        background-color: var(--secondary);
    }
    @supports (color: color-mix(in lab, red, red)) {
        .kt-badge-outline.kt-badge-secondary:is(.dark *) {
            background-color: color-mix(in oklab, var(--secondary) 50%, transparent);
        }
    }
    .kt-badge-outline.kt-badge-success {
        border-style: var(--tw-border-style);
        border-width: 1px;
        border-color: var(--color-green-200);
        background-color: var(--color-green-50);
        color: var(--color-green-700);
    }
    .kt-badge-outline.kt-badge-success:is(.dark *) {
        border-color: var(--color-green-950);
    }
    .kt-badge-outline.kt-badge-success:is(.dark *) {
        background-color: color-mix(in srgb, oklch(26.6% 0.065 152.934) 50%, transparent);
    }
    @supports (color: color-mix(in lab, red, red)) {
        .kt-badge-outline.kt-badge-success:is(.dark *) {
            background-color: color-mix(in oklab, var(--color-green-950) 50%, transparent);
        }
    }
    .kt-badge-outline.kt-badge-success:is(.dark *) {
        color: var(--color-green-600);
    }
    .kt-badge-outline.kt-badge-warning.kt-badge-outline {
        border-style: var(--tw-border-style);
        border-width: 1px;
        border-color: var(--color-yellow-100);
        background-color: var(--color-yellow-50);
        color: var(--color-yellow-700);
    }
    .kt-badge-outline.kt-badge-warning.kt-badge-outline:is(.dark *) {
        border-color: var(--color-yellow-950);
    }
    .kt-badge-outline.kt-badge-warning.kt-badge-outline:is(.dark *) {
        background-color: color-mix(in srgb, oklch(28.6% 0.066 53.813) 50%, transparent);
    }
    @supports (color: color-mix(in lab, red, red)) {
        .kt-badge-outline.kt-badge-warning.kt-badge-outline:is(.dark *) {
            background-color: color-mix(in oklab, var(--color-yellow-950) 50%, transparent);
        }
    }
    .kt-badge-outline.kt-badge-warning.kt-badge-outline:is(.dark *) {
        color: var(--color-yellow-600);
    }
    .kt-badge-outline.kt-badge-info.kt-badge-outline {
        border-style: var(--tw-border-style);
        border-width: 1px;
        border-color: var(--color-violet-100);
        background-color: var(--color-violet-50);
        color: var(--color-violet-700);
    }
    .kt-badge-outline.kt-badge-info.kt-badge-outline:is(.dark *) {
        border-color: var(--color-violet-950);
    }
    .kt-badge-outline.kt-badge-info.kt-badge-outline:is(.dark *) {
        background-color: color-mix(in srgb, oklch(28.3% 0.141 291.089) 50%, transparent);
    }
    @supports (color: color-mix(in lab, red, red)) {
        .kt-badge-outline.kt-badge-info.kt-badge-outline:is(.dark *) {
            background-color: color-mix(in oklab, var(--color-violet-950) 50%, transparent);
        }
    }
    .kt-badge-outline.kt-badge-info.kt-badge-outline:is(.dark *) {
        color: var(--color-violet-600);
    }
    .kt-badge-outline.kt-badge-mono.kt-badge-outline {
        border-color: var(--mono);
    }
    @supports (color: color-mix(in lab, red, red)) {
        .kt-badge-outline.kt-badge-mono.kt-badge-outline {
            border-color: color-mix(in oklab, var(--mono) 10%, transparent);
        }
    }
    .kt-badge-outline.kt-badge-mono.kt-badge-outline {
        background-color: var(--mono);
    }
    @supports (color: color-mix(in lab, red, red)) {
        .kt-badge-outline.kt-badge-mono.kt-badge-outline {
            background-color: color-mix(in oklab, var(--mono) 10%, transparent);
        }
    }
    .kt-badge-outline.kt-badge-mono.kt-badge-outline {
        color: var(--mono);
    }
    .kt-badge-outline.kt-badge-destructive.kt-badge-outline {
        border-style: var(--tw-border-style);
        border-width: 1px;
        border-color: var(--color-red-100);
        background-color: var(--color-red-50);
        color: var(--color-red-700);
    }
    .kt-badge-outline.kt-badge-destructive.kt-badge-outline:is(.dark *) {
        border-color: var(--color-red-950);
    }
    .kt-badge-outline.kt-badge-destructive.kt-badge-outline:is(.dark *) {
        background-color: color-mix(in srgb, oklch(25.8% 0.092 26.042) 50%, transparent);
    }
    @supports (color: color-mix(in lab, red, red)) {
        .kt-badge-outline.kt-badge-destructive.kt-badge-outline:is(.dark *) {
            background-color: color-mix(in oklab, var(--color-red-950) 50%, transparent);
        }
    }
    .kt-badge-outline.kt-badge-destructive.kt-badge-outline:is(.dark *) {
        color: var(--color-red-600);
    }
    .kt-badge-light.kt-badge-primary {
        background-color: var(--color-blue-100);
        color: var(--color-blue-800);
    }
    .kt-badge-light.kt-badge-primary:is(.dark *) {
        background-color: color-mix(in srgb, oklch(28.2% 0.091 267.935) 50%, transparent);
    }
    @supports (color: color-mix(in lab, red, red)) {
        .kt-badge-light.kt-badge-primary:is(.dark *) {
            background-color: color-mix(in oklab, var(--color-blue-950) 50%, transparent);
        }
    }
    .kt-badge-light.kt-badge-primary:is(.dark *) {
        color: var(--color-blue-600);
    }
    .kt-badge-light.kt-badge-secondary {
        background-color: var(--secondary);
        color: var(--secondary-foreground);
    }
    .kt-badge-light.kt-badge-secondary:is(.dark *) {
        background-color: var(--secondary);
    }
    @supports (color: color-mix(in lab, red, red)) {
        .kt-badge-light.kt-badge-secondary:is(.dark *) {
            background-color: color-mix(in oklab, var(--secondary) 50%, transparent);
        }
    }
    .kt-badge-light.kt-badge-success {
        background-color: var(--color-green-100);
        color: var(--color-green-800);
    }
    .kt-badge-light.kt-badge-success:is(.dark *) {
        background-color: color-mix(in srgb, oklch(26.6% 0.065 152.934) 50%, transparent);
    }
    @supports (color: color-mix(in lab, red, red)) {
        .kt-badge-light.kt-badge-success:is(.dark *) {
            background-color: color-mix(in oklab, var(--color-green-950) 50%, transparent);
        }
    }
    .kt-badge-light.kt-badge-success:is(.dark *) {
        color: var(--color-green-600);
    }
    .kt-badge-light.kt-badge-warning {
        background-color: var(--color-yellow-100);
        color: var(--color-yellow-800);
    }
    .kt-badge-light.kt-badge-warning:is(.dark *) {
        background-color: color-mix(in srgb, oklch(28.6% 0.066 53.813) 50%, transparent);
    }
    @supports (color: color-mix(in lab, red, red)) {
        .kt-badge-light.kt-badge-warning:is(.dark *) {
            background-color: color-mix(in oklab, var(--color-yellow-950) 50%, transparent);
        }
    }
    .kt-badge-light.kt-badge-warning:is(.dark *) {
        color: var(--color-yellow-600);
    }
    .kt-badge-light.kt-badge-info {
        background-color: var(--color-violet-100);
        color: var(--color-violet-800);
    }
    .kt-badge-light.kt-badge-info:is(.dark *) {
        background-color: color-mix(in srgb, oklch(28.3% 0.141 291.089) 50%, transparent);
    }
    @supports (color: color-mix(in lab, red, red)) {
        .kt-badge-light.kt-badge-info:is(.dark *) {
            background-color: color-mix(in oklab, var(--color-violet-950) 50%, transparent);
        }
    }
    .kt-badge-light.kt-badge-info:is(.dark *) {
        color: var(--color-violet-600);
    }
    .kt-badge-light.kt-badge-mono {
        background-color: var(--mono);
    }
    @supports (color: color-mix(in lab, red, red)) {
        .kt-badge-light.kt-badge-mono {
            background-color: color-mix(in oklab, var(--mono) 10%, transparent);
        }
    }
    .kt-badge-light.kt-badge-mono {
        color: var(--mono);
    }
    .kt-badge-light.kt-badge-destructive {
        background-color: var(--color-red-100);
        color: var(--color-red-800);
    }
    .kt-badge-light.kt-badge-destructive:is(.dark *) {
        background-color: color-mix(in srgb, oklch(25.8% 0.092 26.042) 50%, transparent);
    }
    @supports (color: color-mix(in lab, red, red)) {
        .kt-badge-light.kt-badge-destructive:is(.dark *) {
            background-color: color-mix(in oklab, var(--color-red-950) 50%, transparent);
        }
    }
    .kt-badge-light.kt-badge-destructive:is(.dark *) {
        color: var(--color-red-600);
    }
    .kt-badge-ghost {
        background-color: transparent;
        padding-inline: calc(var(--spacing) * 0);
    }
    .kt-badge-ghost.kt-badge-primary {
        color: var(--primary);
    }
    .kt-badge-ghost.kt-badge-secondary {
        color: var(--secondary-foreground);
    }
    .kt-badge-ghost.kt-badge-destructive {
        color: var(--destructive);
    }
    .kt-badge-ghost.kt-badge-success {
        color: var(--color-green-500);
    }
    .kt-badge-ghost.kt-badge-warning {
        color: var(--color-yellow-500);
    }
    .kt-badge-ghost.kt-badge-info {
        color: var(--color-violet-500);
    }
    .kt-badge-ghost.kt-badge-mono {
        color: var(--mono);
    }
    .kt-badge-btn {
        margin-inline-end: calc(var(--spacing) * -0.5);
        display: inline-flex;
        width: calc(var(--spacing) * 3.5);
        height: calc(var(--spacing) * 3.5);
        cursor: pointer;
        align-items: center;
        justify-content: center;
        border-radius: calc(var(--radius) - 2px);
        padding: calc(var(--spacing) * 0);
        --tw-leading: 1;
        line-height: 1;
    }
    .kt-badge-btn i {
        font-size: var(--text-xs);
        line-height: var(--tw-leading, var(--text-xs--line-height));
        opacity: 70%;
        transition-property: opacity;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration));
    }
    .kt-badge-btn  > svg {
        width: calc(var(--spacing) * 3.5);
        height: calc(var(--spacing) * 3.5);
        opacity: 70%;
        transition-property: opacity;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration));
    }
    :is(.kt-badge-btn:focus,.kt-badge-btn:hover) i,:is(.kt-badge-btn:focus,.kt-badge-btn:hover)  > svg {
        opacity: 100%;
    }
    .kt-badge-dot {
        width: calc(var(--spacing) * 1.5);
        height: calc(var(--spacing) * 1.5);
        border-radius: calc(infinity * 1px);
        background-color: currentcolor;
        opacity: 75%;
    }
}
@layer components {
    .kt-link {
        display: inline-flex;
        cursor: pointer;
        align-items: center;
        border-radius: calc(var(--radius) - 2px);
        --tw-font-weight: var(--font-weight-medium);
        font-weight: var(--font-weight-medium);
        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));
    }
    .kt-link:focus {
        --tw-outline-style: none;
        outline-style: none;
    }
    .kt-link:focus-visible {
        --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);
    }
    .kt-link:focus-visible {
        --tw-ring-color: var(--color-neutral-200);
    }
    .kt-link:focus-visible {
        --tw-ring-offset-width: 2px;
        --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    }
    .kt-link:is(.dark *):focus-visible {
        --tw-ring-color: var(--color-neutral-700);
    }
    .kt-link {
        color: var(--primary);
    }
    .kt-link-inverse {
        color: var(--background);
    }
    .kt-link-mono {
        color: var(--mono);
    }
    .kt-link {
        gap: calc(var(--spacing) * 1);
        font-size: 0.8125rem;
        --tw-leading: var(--text-sm--line-height);
        line-height: var(--text-sm--line-height);
    }
    .kt-link svg {
        width: calc(var(--spacing) * 4);
        height: calc(var(--spacing) * 4);
    }
    .kt-link i {
        font-size: var(--text-base);
        line-height: var(--tw-leading, var(--text-base--line-height));
    }
    .kt-link-sm {
        gap: calc(var(--spacing) * 1);
        font-size: var(--text-xs);
        line-height: var(--tw-leading, var(--text-xs--line-height));
    }
    .kt-link-sm svg {
        width: calc(var(--spacing) * 3.5);
        height: calc(var(--spacing) * 3.5);
    }
    .kt-link-sm i {
        font-size: var(--text-sm);
        line-height: var(--tw-leading, var(--text-sm--line-height));
    }
    .kt-link-lg {
        gap: calc(var(--spacing) * 1.5);
        font-size: var(--text-sm);
        line-height: var(--tw-leading, var(--text-sm--line-height));
    }
    .kt-link-lg svg {
        width: calc(var(--spacing) * 4);
        height: calc(var(--spacing) * 4);
    }
    .kt-link-lg i {
        font-size: var(--text-base);
        line-height: var(--tw-leading, var(--text-base--line-height));
    }
    .kt-link-underline {
        margin-top: calc(var(--spacing) * -0.5);
        text-decoration-style: solid;
    }
    @media (hover: hover) {
        .kt-link-underline:hover {
            text-decoration-line: underline;
        }
    }
    @media (hover: hover) {
        .kt-link-underline:hover {
            text-underline-offset: 4px;
        }
    }
    .kt-link-underlined {
        margin-top: calc(var(--spacing) * -0.5);
        text-decoration-line: underline;
        text-decoration-style: solid;
        text-underline-offset: 4px;
    }
    .kt-link-dashed {
        text-decoration-style: dashed;
        text-decoration-thickness: 1px;
    }
    .kt-link-disabled {
        pointer-events: none;
        opacity: 50%;
    }
}
@layer components {
    .kt-btn {
        display: inline-flex;
        cursor: pointer;
        align-items: center;
        justify-content: center;
        --tw-font-weight: var(--font-weight-medium);
        font-weight: var(--font-weight-medium);
        white-space: nowrap;
        --tw-ring-offset-color: var(--background);
        transition-property: color,box-shadow;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration));
    }
    .kt-btn:focus-visible {
        --tw-outline-style: none;
        outline-style: none;
    }
    @media (forced-colors: active) {
        .kt-btn:focus-visible {
            outline: 2px solid transparent;
            outline-offset: 2px;
        }
    }
    .kt-btn:disabled {
        pointer-events: none;
    }
    .kt-btn:disabled {
        opacity: 50%;
    }
    .kt-btn:focus-visible {
        --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);
    }
    .kt-btn:focus-visible {
        --tw-ring-color: var(--ring);
    }
    .kt-btn:focus-visible {
        --tw-ring-offset-width: 2px;
        --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    }
    .kt-btn {
        flex-shrink: 0;
        --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
        --tw-shadow-color: rgba(0,0,0,0.05);
    }
    @supports (color: color-mix(in lab, red, red)) {
        .kt-btn {
            --tw-shadow-color: color-mix(in oklab, rgba(0,0,0,0.05) var(--tw-shadow-alpha), transparent);
        }
    }
    .kt-btn svg {
        flex-shrink: 0;
    }
    .kt-btn {
        background-color: var(--primary);
        color: var(--primary-foreground);
    }
    @media (hover: hover) {
        .kt-btn:hover {
            background-color: var(--primary);
        }
        @supports (color: color-mix(in lab, red, red)) {
            .kt-btn:hover {
                background-color: color-mix(in oklab, var(--primary) 90%, transparent);
            }
        }
    }
    .kt-btn.active {
        background-color: var(--primary);
    }
    @supports (color: color-mix(in lab, red, red)) {
        .kt-btn.active {
            background-color: color-mix(in oklab, var(--primary) 90%, transparent);
        }
    }
    .kt-btn-mono {
        background-color: var(--mono);
        color: var(--mono-foreground);
    }
    @media (hover: hover) {
        .kt-btn-mono:hover {
            background-color: var(--mono);
        }
        @supports (color: color-mix(in lab, red, red)) {
            .kt-btn-mono:hover {
                background-color: color-mix(in oklab, var(--mono) 90%, transparent);
            }
        }
    }
    .kt-btn-mono.active {
        background-color: var(--mono);
    }
    @supports (color: color-mix(in lab, red, red)) {
        .kt-btn-mono.active {
            background-color: color-mix(in oklab, var(--mono) 90%, transparent);
        }
    }
    .kt-btn-destructive {
        background-color: var(--destructive);
        color: var(--destructive-foreground);
    }
    @media (hover: hover) {
        .kt-btn-destructive:hover {
            background-color: var(--destructive);
        }
        @supports (color: color-mix(in lab, red, red)) {
            .kt-btn-destructive:hover {
                background-color: color-mix(in oklab, var(--destructive) 90%, transparent);
            }
        }
    }
    .kt-btn-destructive.active {
        background-color: var(--destructive);
    }
    @supports (color: color-mix(in lab, red, red)) {
        .kt-btn-destructive.active {
            background-color: color-mix(in oklab, var(--destructive) 90%, transparent);
        }
    }
    .kt-btn-secondary {
        background-color: var(--secondary);
        color: var(--secondary-foreground);
    }
    @media (hover: hover) {
        .kt-btn-secondary:hover {
            background-color: var(--secondary);
        }
    }
    @media (hover: hover) {
        .kt-btn-secondary:hover {
            color: var(--foreground);
        }
    }
    .kt-btn-secondary.active {
        background-color: var(--secondary);
    }
    .kt-btn-secondary.active {
        color: var(--foreground);
    }
    .kt-btn-secondary i {
        color: var(--muted-foreground);
    }
    .kt-btn-secondary svg {
        color: var(--muted-foreground);
    }
    :is(.kt-btn-secondary:hover,.kt-btn-secondary.active) i {
        color: var(--muted-foreground);
    }
    :is(.kt-btn-secondary:hover,.kt-btn-secondary.active) svg {
        color: var(--muted-foreground);
    }
    .kt-btn-outline {
        border-style: var(--tw-border-style);
        border-width: 1px;
        border-color: var(--input);
        background-color: var(--background);
        color: var(--secondary-foreground);
    }
    @media (hover: hover) {
        .kt-btn-outline:hover {
            background-color: var(--accent);
        }
    }
    @media (hover: hover) {
        .kt-btn-outline:hover {
            color: var(--accent-foreground);
        }
    }
    .kt-btn-outline.active {
        background-color: var(--accent);
    }
    .kt-btn-outline.active {
        color: var(--accent-foreground);
    }
    .kt-btn-outline i {
        color: var(--muted-foreground);
    }
    .kt-btn-outline svg {
        color: var(--muted-foreground);
    }
    :is(.kt-btn-outline:hover,.kt-btn-outline.active) i {
        color: var(--secondary-foreground);
    }
    :is(.kt-btn-outline:hover,.kt-btn-outline.active) svg {
        color: var(--secondary-foreground);
    }
    .kt-btn-outline.kt-btn-primary {
        border-color: var(--primary);
    }
    @supports (color: color-mix(in lab, red, red)) {
        .kt-btn-outline.kt-btn-primary {
            border-color: color-mix(in oklab, var(--primary) 10%, transparent);
        }
    }
    .kt-btn-outline.kt-btn-primary {
        background-color: var(--primary);
    }
    @supports (color: color-mix(in lab, red, red)) {
        .kt-btn-outline.kt-btn-primary {
            background-color: color-mix(in oklab, var(--primary) 10%, transparent);
        }
    }
    .kt-btn-outline.kt-btn-primary {
        color: var(--primary);
    }
    @media (hover: hover) {
        .kt-btn-outline.kt-btn-primary:hover {
            background-color: var(--primary);
        }
    }
    @media (hover: hover) {
        .kt-btn-outline.kt-btn-primary:hover {
            color: var(--primary-foreground);
        }
    }
    .kt-btn-outline.kt-btn-primary.active {
        border-color: var(--primary);
    }
    .kt-btn-outline.kt-btn-primary.active {
        background-color: var(--primary);
    }
    .kt-btn-outline.kt-btn-primary.active {
        color: var(--primary-foreground);
    }
    .kt-btn-outline.kt-btn-primary i {
        color: var(--primary);
    }
    .kt-btn-outline.kt-btn-primary svg {
        color: var(--primary);
    }
    :is(.kt-btn-outline.kt-btn-primary:hover,.kt-btn-outline.kt-btn-primary.active) i {
        color: var(--primary-foreground);
    }
    :is(.kt-btn-outline.kt-btn-primary:hover,.kt-btn-outline.kt-btn-primary.active) svg {
        color: var(--primary-foreground);
    }
    .kt-btn-outline.kt-btn-destructive {
        border-color: var(--destructive);
    }
    @supports (color: color-mix(in lab, red, red)) {
        .kt-btn-outline.kt-btn-destructive {
            border-color: color-mix(in oklab, var(--destructive) 10%, transparent);
        }
    }
    .kt-btn-outline.kt-btn-destructive {
        background-color: var(--destructive);
    }
    @supports (color: color-mix(in lab, red, red)) {
        .kt-btn-outline.kt-btn-destructive {
            background-color: color-mix(in oklab, var(--destructive) 10%, transparent);
        }
    }
    .kt-btn-outline.kt-btn-destructive {
        color: var(--destructive);
    }
    @media (hover: hover) {
        .kt-btn-outline.kt-btn-destructive:hover {
            background-color: var(--destructive);
        }
    }
    @media (hover: hover) {
        .kt-btn-outline.kt-btn-destructive:hover {
            color: var(--destructive-foreground);
        }
    }
    .kt-btn-outline.kt-btn-destructive.active {
        border-color: var(--destructive);
    }
    .kt-btn-outline.kt-btn-destructive.active {
        background-color: var(--destructive);
    }
    .kt-btn-outline.kt-btn-destructive.active {
        color: var(--destructive-foreground);
    }
    .kt-btn-outline.kt-btn-destructive i {
        color: var(--destructive);
    }
    .kt-btn-outline.kt-btn-destructive svg {
        color: var(--destructive);
    }
    :is(.kt-btn-outline.kt-btn-destructive:hover,.kt-btn-outline.kt-btn-destructive.active) i {
        color: var(--destructive-foreground);
    }
    :is(.kt-btn-outline.kt-btn-destructive:hover,.kt-btn-outline.kt-btn-destructive.active) svg {
        color: var(--destructive-foreground);
    }
    .kt-btn-ghost {
        background-color: transparent;
        color: var(--accent-foreground);
        --tw-shadow: 0 0 #0000;
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
    @media (hover: hover) {
        .kt-btn-ghost:hover {
            background-color: var(--accent);
        }
    }
    @media (hover: hover) {
        .kt-btn-ghost:hover {
            color: var(--accent-foreground);
        }
    }
    .kt-btn-ghost.active {
        background-color: var(--accent);
    }
    .kt-btn-ghost.active {
        color: var(--accent-foreground);
    }
    .kt-btn-ghost:not(.kt-btn-primary):not(.kt-btn-destructive) i {
        color: var(--muted-foreground);
    }
    .kt-btn-ghost:not(.kt-btn-primary):not(.kt-btn-destructive) svg {
        color: var(--muted-foreground);
    }
    :is(.kt-btn-ghost:not(.kt-btn-primary):not(.kt-btn-destructive):hover,.kt-btn-ghost.active:not(.kt-btn-primary):not(.kt-btn-destructive)) i {
        color: var(--secondary-foreground);
    }
    :is(.kt-btn-ghost:not(.kt-btn-primary):not(.kt-btn-destructive):hover,.kt-btn-ghost.active:not(.kt-btn-primary):not(.kt-btn-destructive)) svg {
        color: var(--secondary-foreground);
    }
    .kt-btn-ghost.kt-btn-primary {
        color: var(--primary);
    }
    @media (hover: hover) {
        .kt-btn-ghost.kt-btn-primary:hover {
            background-color: var(--primary);
        }
    }
    @media (hover: hover) {
        .kt-btn-ghost.kt-btn-primary:hover {
            color: var(--primary-foreground);
        }
    }
    .kt-btn-ghost.kt-btn-primary.active {
        background-color: var(--primary);
    }
    .kt-btn-ghost.kt-btn-primary.active {
        color: var(--primary-foreground);
    }
    .kt-btn-ghost.kt-btn-destructive {
        color: var(--destructive);
    }
    @media (hover: hover) {
        .kt-btn-ghost.kt-btn-destructive:hover {
            background-color: var(--destructive);
        }
    }
    @media (hover: hover) {
        .kt-btn-ghost.kt-btn-destructive:hover {
            color: var(--destructive-foreground);
        }
    }
    .kt-btn-ghost.kt-btn-destructive.active {
        background-color: var(--destructive);
    }
    .kt-btn-ghost.kt-btn-destructive.active {
        color: var(--destructive-foreground);
    }
    .kt-btn-dim {
        background-color: transparent;
        color: var(--muted-foreground);
        --tw-shadow: 0 0 #0000;
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
    @media (hover: hover) {
        .kt-btn-dim:hover {
            background-color: transparent;
        }
    }
    @media (hover: hover) {
        .kt-btn-dim:hover {
            color: var(--foreground);
        }
    }
    .kt-btn-dim.active {
        background-color: transparent;
    }
    .kt-btn-dim.active {
        color: var(--foreground);
    }
    .kt-btn-dim i {
        color: var(--muted-foreground);
    }
    .kt-btn-dim svg {
        color: var(--muted-foreground);
    }
    :is(.kt-btn-dim:hover,.kt-btn-dim.active) i {
        color: var(--secondary-foreground);
    }
    :is(.kt-btn-dim:hover,.kt-btn-dim.active) svg {
        color: var(--secondary-foreground);
    }
    .kt-btn {
        height: calc(var(--spacing) * 8.5);
        gap: calc(var(--spacing) * 1.5);
        border-radius: calc(var(--radius) - 2px);
        padding-inline: calc(var(--spacing) * 3);
        font-size: 0.8125rem;
        --tw-leading: var(--text-sm--line-height);
        line-height: var(--text-sm--line-height);
    }
    .kt-btn svg {
        width: calc(var(--spacing) * 4);
        height: calc(var(--spacing) * 4);
    }
    .kt-btn i {
        font-size: var(--text-base);
        line-height: var(--tw-leading, var(--text-base--line-height));
    }
    .kt-btn.kt-btn-icon {
        width: calc(var(--spacing) * 8.5);
        height: calc(var(--spacing) * 8.5);
        padding: calc(var(--spacing) * 0);
    }
    .kt-btn-lg {
        height: calc(var(--spacing) * 10);
        gap: calc(var(--spacing) * 1.5);
        border-radius: calc(var(--radius) - 2px);
        padding-inline: calc(var(--spacing) * 4);
        font-size: var(--text-sm);
        line-height: var(--tw-leading, var(--text-sm--line-height));
    }
    .kt-btn-lg svg {
        width: calc(var(--spacing) * 4);
        height: calc(var(--spacing) * 4);
    }
    .kt-btn-lg i {
        font-size: var(--text-base);
        line-height: var(--tw-leading, var(--text-base--line-height));
    }
    .kt-btn-lg.kt-btn-icon {
        width: calc(var(--spacing) * 10);
        height: calc(var(--spacing) * 10);
        padding: calc(var(--spacing) * 0);
    }
    .kt-btn-sm {
        height: calc(var(--spacing) * 7);
        gap: calc(var(--spacing) * 1.25);
        border-radius: calc(var(--radius) - 2px);
        padding-inline: calc(var(--spacing) * 2.5);
        font-size: var(--text-xs);
        line-height: var(--tw-leading, var(--text-xs--line-height));
    }
    .kt-btn-sm svg {
        width: calc(var(--spacing) * 3.5);
        height: calc(var(--spacing) * 3.5);
    }
    .kt-btn-sm i {
        font-size: var(--text-sm);
        line-height: var(--tw-leading, var(--text-sm--line-height));
    }
    .kt-btn-sm.kt-btn-icon {
        width: calc(var(--spacing) * 7);
        height: calc(var(--spacing) * 7);
        padding: calc(var(--spacing) * 0);
    }
}
@layer components {
    .kt-label {
        display: inline-flex;
        align-items: center;
        gap: calc(var(--spacing) * 2);
        font-size: var(--text-sm);
        line-height: var(--tw-leading, var(--text-sm--line-height));
        --tw-leading: 1;
        line-height: 1;
        --tw-font-weight: var(--font-weight-medium);
        font-weight: var(--font-weight-medium);
        color: var(--foreground);
    }
    .kt-switch:disabled + .kt-label,.kt-checkbox:disabled + .kt-label,.kt-radio:disabled + .kt-label {
        cursor: not-allowed;
        opacity: 50%;
    }
    .kt-label-secondary {
        --tw-font-weight: var(--font-weight-normal);
        font-weight: var(--font-weight-normal);
    }
}
@layer components {
    .kt-card {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        border-radius: calc(var(--radius) + 4px);
        color: var(--card-foreground);
    }
    .kt-card {
        border-style: var(--tw-border-style);
        border-width: 1px;
        border-color: var(--border);
        background-color: var(--card);
        --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
        --tw-shadow-color: rgba(0,0,0,0.05);
    }
    @supports (color: color-mix(in lab, red, red)) {
        .kt-card {
            --tw-shadow-color: color-mix(in oklab, rgba(0,0,0,0.05) var(--tw-shadow-alpha), transparent);
        }
    }
    .kt-card-header {
        display: flex;
        min-height: calc(var(--spacing) * 14);
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
        gap: calc(var(--spacing) * 2.5);
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: 1px;
        border-color: var(--border);
        padding-inline: calc(var(--spacing) * 5);
    }
    .kt-card-footer {
        display: flex;
        align-items: center;
        border-top-style: var(--tw-border-style);
        border-top-width: 1px;
        border-color: var(--border);
        padding-inline: calc(var(--spacing) * 5);
        padding-block: calc(var(--spacing) * 4);
    }
    .kt-card-content {
        flex-grow: 1;
        padding-inline: calc(var(--spacing) * 5);
        padding-block: calc(var(--spacing) * 5);
    }
    .kt-card-table {
        display: grid;
        flex-grow: 1;
    }
    .kt-card-table .kt-table-border {
        border-style: var(--tw-border-style);
        border-width: 0px;
    }
    :is(:is(.kt-card-table .kt-table) th,:is(.kt-card-table .kt-table) td):first-child {
        padding-inline-start: calc(var(--spacing) * 5);
    }
    :is(:is(.kt-card-table .kt-table) th,:is(.kt-card-table .kt-table) td):last-child {
        padding-inline-end: calc(var(--spacing) * 5);
    }
    .kt-card-grid .kt-card-header,.kt-card-grid .kt-card-footer {
        padding-inline: calc(var(--spacing) * 5);
    }
    .kt-card-grid .kt-card-content {
        padding: 0;
    }
    :is(.kt-card-grid .kt-card-content) .kt-table {
        border: 0;
    }
    :is(:is(.kt-card-grid .kt-card-content) .kt-table) th:first-child,:is(:is(.kt-card-grid .kt-card-content) .kt-table) td:first-child {
        padding-inline-start: calc(var(--spacing) * 5);
    }
    .kt-table-cell-center:is(:is(:is(.kt-card-grid .kt-card-content) .kt-table) th:first-child,:is(:is(.kt-card-grid .kt-card-content) .kt-table) td:first-child) {
        padding-inline-end: calc(var(--spacing) * 5);
    }
    :is(:is(.kt-card-grid .kt-card-content) .kt-table) th:last-child,:is(:is(.kt-card-grid .kt-card-content) .kt-table) td:last-child {
        padding-inline-end: calc(var(--spacing) * 5);
    }
    .table-cell-center:is(:is(:is(.kt-card-grid .kt-card-content) .kt-table) th:last-child,:is(:is(.kt-card-grid .kt-card-content) .kt-table) td:last-child) {
        padding-inline-start: calc(var(--spacing) * 5);
    }
    :where(.kt-card-heading > :not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)));
    }
    .kt-card-toolbar {
        display: flex;
        align-items: center;
        gap: calc(var(--spacing) * 2.5);
    }
    .kt-card-title {
        font-size: var(--text-base);
        line-height: var(--tw-leading, var(--text-base--line-height));
        --tw-leading: 1;
        line-height: 1;
        --tw-font-weight: var(--font-weight-semibold);
        font-weight: var(--font-weight-semibold);
        --tw-tracking: var(--tracking-tight);
        letter-spacing: var(--tracking-tight);
    }
    .kt-card-description {
        font-size: var(--text-sm);
        line-height: var(--tw-leading, var(--text-sm--line-height));
        color: var(--muted-foreground);
    }
    .kt-card-group {
        flex-grow: 1;
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: 1px;
        border-color: var(--border);
        padding-inline: calc(var(--spacing) * 5);
        padding-block: calc(var(--spacing) * 5);
    }
    .kt-card-group:last-child {
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: 0px;
    }
    .kt-card-group + .kt-card-footer {
        border-top-style: var(--tw-border-style);
        border-top-width: 0px;
    }
    .kt-card-accent {
        background-color: var(--muted);
        padding: calc(var(--spacing) * 1);
        --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
        --tw-shadow-color: rgba(0,0,0,0.05);
    }
    @supports (color: color-mix(in lab, red, red)) {
        .kt-card-accent {
            --tw-shadow-color: color-mix(in oklab, rgba(0,0,0,0.05) var(--tw-shadow-alpha), transparent);
        }
    }
    .kt-card-accent .kt-card-header {
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: 0px;
    }
    .kt-card-accent .kt-card-content {
        border-top-left-radius: calc(var(--radius) + 4px);
        border-top-right-radius: calc(var(--radius) + 4px);
        background-color: var(--card);
    }
    :is(.kt-card-accent .kt-card-content):last-child {
        border-bottom-right-radius: calc(var(--radius) + 4px);
        border-bottom-left-radius: calc(var(--radius) + 4px);
    }
    .kt-card-accent .kt-card-table {
        border-radius: calc(var(--radius) + 4px);
        background-color: var(--card);
    }
    :is(.kt-card-accent .kt-card-table):last-child {
        border-bottom-right-radius: calc(var(--radius) + 4px);
        border-bottom-left-radius: calc(var(--radius) + 4px);
    }
    .kt-card-accent .kt-card-footer {
        margin-top: 2px;
        border-bottom-right-radius: calc(var(--radius) + 4px);
        border-bottom-left-radius: calc(var(--radius) + 4px);
        border-top-style: var(--tw-border-style);
        border-top-width: 0px;
        background-color: var(--card);
    }
    .kt-card-border {
        border-style: var(--tw-border-style);
        border-width: 1px;
        border-color: var(--border);
    }
    .kt-card-rounded-t {
        border-top-left-radius: calc(var(--radius) + 4px);
        border-top-right-radius: calc(var(--radius) + 4px);
    }
    .kt-card-rounded-b {
        border-bottom-right-radius: calc(var(--radius) + 4px);
        border-bottom-left-radius: calc(var(--radius) + 4px);
    }
}
@layer components {
    [data-kt-carousel]:not([data-kt-carousel-show-scrollbar="true"])	[data-kt-carousel-viewport],	[data-kt-carousel]:not([data-kt-carousel-show-scrollbar="true"])	[data-kt-carousel-thumbnails] {
        scrollbar-width: none;
        -ms-overflow-style: none;
    }
    [data-kt-carousel]:not([data-kt-carousel-show-scrollbar="true"])	[data-kt-carousel-viewport]::-webkit-scrollbar,	[data-kt-carousel]:not([data-kt-carousel-show-scrollbar="true"])	[data-kt-carousel-thumbnails]::-webkit-scrollbar {
        display: none;
    }
    [data-kt-carousel-thumbnail]:not(:disabled),	[data-kt-carousel-pagination-item]:not(:disabled),	[data-kt-carousel-prev]:not(:disabled),	[data-kt-carousel-next]:not(:disabled) {
        cursor: pointer;
    }
    [data-kt-carousel-thumbnail] {
        transition-property: border-color, background-color, color, box-shadow, opacity;
        transition-duration: 0.2s;
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    }
    @media (prefers-reduced-motion: reduce) {
        [data-kt-carousel-thumbnail] {
            transition-duration: 0.01ms;
            transition-property: none;
        }
    }
}
@layer components {
    .kt-checkbox {
        cursor: pointer;
        appearance: none;
        background-position: center;
        background-repeat: no-repeat;
        flex-shrink: 0;
        border-radius: calc(var(--radius) - 4px);
        border-style: var(--tw-border-style);
        border-width: 1px;
        border-color: var(--input);
        background-color: var(--background);
        --tw-ring-offset-color: var(--background);
    }
    .kt-checkbox:focus-visible {
        --tw-outline-style: none;
        outline-style: none;
    }
    .kt-checkbox:focus-visible {
        --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);
    }
    .kt-checkbox:focus-visible {
        --tw-ring-color: var(--ring);
    }
    .kt-checkbox:focus-visible {
        --tw-ring-offset-width: 2px;
        --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    }
    .kt-checkbox:disabled {
        cursor: not-allowed;
    }
    .kt-checkbox:disabled {
        opacity: 50%;
    }
    .kt-checkbox[aria-invalid="true"] {
        border-color: var(--destructive);
    }
    @supports (color: color-mix(in lab, red, red)) {
        .kt-checkbox[aria-invalid="true"] {
            border-color: color-mix(in oklab, var(--destructive) 60%, transparent);
        }
    }
    .kt-checkbox[aria-invalid="true"] {
        --tw-ring-color: var(--destructive);
    }
    @supports (color: color-mix(in lab, red, red)) {
        .kt-checkbox[aria-invalid="true"] {
            --tw-ring-color: color-mix(in oklab, var(--destructive) 10%, transparent);
        }
    }
    .kt-checkbox:checked {
        border-color: var(--primary);
    }
    .kt-checkbox:checked {
        background-color: var(--primary);
    }
    .kt-checkbox:checked {
        color: var(--primary-foreground);
    }
    .kt-checkbox:indeterminate {
        border-color: var(--primary);
    }
    .kt-checkbox:indeterminate {
        background-color: var(--primary);
    }
    .kt-checkbox:indeterminate {
        color: var(--primary-foreground);
    }
    .kt-checkbox-mono:checked {
        border-color: var(--mono);
    }
    .kt-checkbox-mono:checked {
        background-color: var(--mono);
    }
    .kt-checkbox-mono:checked {
        color: var(--mono-foreground);
    }
    .kt-checkbox-mono:indeterminate {
        border-color: var(--mono);
    }
    .kt-checkbox-mono:indeterminate {
        background-color: var(--mono);
    }
    .kt-checkbox-mono:indeterminate {
        color: var(--mono-foreground);
    }
    .kt-checkbox {
        width: calc(var(--spacing) * 4.5);
        height: calc(var(--spacing) * 4.5);
    }
    .kt-checkbox:checked,.kt-checkbox[aria-checked='true'] {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='9' viewBox='0 0 12 9' fill='none'%3E%3Cpath d='M10.3667 0.541643L4.80007 6.10831L1.56674 2.87498C1.41061 2.71977 1.1994 2.63265 0.979241 2.63265C0.759086 2.63265 0.547876 2.71977 0.391741 2.87498C0.236532 3.03111 0.149414 3.24232 0.149414 3.46248C0.149414 3.68263 0.236532 3.89384 0.391741 4.04998L4.21674 7.87498C4.37288 8.03019 4.58409 8.1173 4.80424 8.1173C5.0244 8.1173 5.23561 8.03019 5.39174 7.87498L11.5417 1.72498C11.6198 1.64751 11.6818 1.55534 11.7241 1.45379C11.7665 1.35224 11.7882 1.24332 11.7882 1.13331C11.7882 1.0233 11.7665 0.914379 11.7241 0.81283C11.6818 0.711281 11.6198 0.619113 11.5417 0.541643C11.3856 0.386434 11.1744 0.299316 10.9542 0.299316C10.7341 0.299316 10.5229 0.386434 10.3667 0.541643Z' fill='white'/%3E%3C/svg%3E");
    }
    .kt-checkbox:indeterminate {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M6 10h8'/%3E%3C/svg%3E");
    }
    .kt-checkbox {
        width: calc(var(--spacing) * 5);
        height: calc(var(--spacing) * 5);
    }
    .kt-checkbox-sm {
        width: calc(var(--spacing) * 4.5);
        height: calc(var(--spacing) * 4.5);
    }
    .kt-checkbox-sm:checked,.kt-checkbox-sm[aria-checked='true'] {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='7' viewBox='0 0 10 7' fill='none'%3E%3Cpath d='M8.4932 0.233321L4.03986 4.68665L1.4532 2.09999C1.32829 1.97582 1.15932 1.90613 0.983198 1.90613C0.807074 1.90613 0.638106 1.97582 0.513198 2.09999C0.38903 2.2249 0.319336 2.39386 0.319336 2.56999C0.319336 2.74611 0.38903 2.91508 0.513198 3.03999L3.5732 6.09999C3.69811 6.22415 3.86707 6.29385 4.0432 6.29385C4.21932 6.29385 4.38829 6.22415 4.5132 6.09999L9.4332 1.17999C9.49568 1.11801 9.54528 1.04428 9.57912 0.963038C9.61297 0.881799 9.6304 0.794662 9.6304 0.706655C9.6304 0.618647 9.61297 0.53151 9.57912 0.45027C9.54528 0.369031 9.49568 0.295296 9.4332 0.233321C9.30829 0.109154 9.13932 0.0394592 8.9632 0.0394592C8.78707 0.0394592 8.61811 0.109154 8.4932 0.233321Z' fill='white'/%3E%3C/svg%3E");
    }
    .kt-checkbox-sm:indeterminate {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M6 10h8'/%3E%3C/svg%3E");
    }
    .kt-checkbox-lg {
        width: calc(var(--spacing) * 5.5);
        height: calc(var(--spacing) * 5.5);
    }
    .kt-checkbox-lg:checked,.kt-checkbox-lg[aria-checked='true'] {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='10' viewBox='0 0 14 10' fill='none'%3E%3Cpath d='M11.8035 1.19582L5.68018 7.31915L2.12351 3.76249C1.95176 3.59176 1.71943 3.49593 1.47726 3.49593C1.23509 3.49593 1.00276 3.59176 0.831013 3.76249C0.660283 3.93424 0.564453 4.16657 0.564453 4.40874C0.564453 4.65091 0.660283 4.88324 0.831013 5.05499L5.03851 9.26249C5.21026 9.43322 5.44259 9.52905 5.68476 9.52905C5.92693 9.52905 6.15926 9.43322 6.33101 9.26249L13.096 2.49749C13.1819 2.41227 13.2501 2.31089 13.2967 2.19918C13.3432 2.08748 13.3672 1.96766 13.3672 1.84665C13.3672 1.72564 13.3432 1.60583 13.2967 1.49413C13.2501 1.38242 13.1819 1.28104 13.096 1.19582C12.9243 1.02509 12.6919 0.92926 12.4498 0.92926C12.2076 0.92926 11.9753 1.02509 11.8035 1.19582Z' fill='white'/%3E%3C/svg%3E");
    }
    .kt-checkbox-lg:indeterminate {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M6 10h8'/%3E%3C/svg%3E");
    }
}
@layer components {
    [aria-invalid="true"]:is(.dark .kt-checkbox) {
        border-color: var(--destructive);
    }
    [aria-invalid="true"]:is(.dark .kt-checkbox) {
        --tw-ring-color: var(--destructive);
    }
    @supports (color: color-mix(in lab, red, red)) {
        [aria-invalid="true"]:is(.dark .kt-checkbox) {
            --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent);
        }
    }
}
@layer components {
    .kt-datatable-toolbar {
        display: flex;
        flex-direction: column;
        justify-content: center;
        gap: calc(var(--spacing) * 3);
        border-top-style: var(--tw-border-style);
        border-top-width: 1px;
        border-color: var(--border);
        padding-inline: calc(var(--spacing) * 4);
        padding-block: calc(var(--spacing) * 3);
        font-size: var(--text-sm);
        line-height: var(--tw-leading, var(--text-sm--line-height));
        --tw-font-weight: var(--font-weight-medium);
        font-weight: var(--font-weight-medium);
        color: var(--muted-foreground);
    }
    @media (width >= 40rem) {
        .kt-datatable-toolbar {
            flex-direction: row;
        }
    }
    @media (width >= 40rem) {
        .kt-datatable-toolbar {
            justify-content: space-between;
        }
    }
    .kt-datatable-pagination {
        display: flex;
        align-items: center;
        gap: calc(var(--spacing) * 1);
    }
    .kt-datatable-pagination .kt-datatable-pagination-button {
        display: inline-flex;
        height: calc(var(--spacing) * 7);
        min-width: calc(var(--spacing) * 7);
        cursor: pointer;
        align-items: center;
        justify-content: center;
        border-radius: calc(var(--radius) - 2px);
        background-color: transparent;
        padding-inline: calc(var(--spacing) * 0.5);
        color: var(--muted-foreground);
    }
    .active:is(.kt-datatable-pagination .kt-datatable-pagination-button),:is(.kt-datatable-pagination .kt-datatable-pagination-button):hover:not(:disabled) {
        background-color: var(--accent);
        color: var(--accent-foreground);
    }
    .kt-datatable-pagination-prev:is(.kt-datatable-pagination .kt-datatable-pagination-button) {
        color: var(--foreground);
    }
    .kt-datatable-pagination-next:is(.kt-datatable-pagination .kt-datatable-pagination-button) {
        color: var(--foreground);
    }
    :is(.kt-datatable-pagination .kt-datatable-pagination-button):disabled {
        cursor: default;
        color: var(--muted-foreground);
    }
    .kt-datatable-length {
        display: flex;
        align-items: center;
        gap: calc(var(--spacing) * 2);
        white-space: nowrap;
    }
    .kt-datatable-info {
        display: flex;
        align-items: center;
        gap: calc(var(--spacing) * 4);
    }
    .kt-datatable-loading {
        display: flex;
        align-items: center;
        gap: calc(var(--spacing) * 2);
        border-radius: calc(var(--radius) - 2px);
        border-style: var(--tw-border-style);
        border-width: 1px;
        border-color: var(--border);
        background-color: var(--card);
        padding-inline: calc(var(--spacing) * 4);
        padding-block: calc(var(--spacing) * 2);
        font-size: var(--text-sm);
        line-height: var(--tw-leading, var(--text-sm--line-height));
        --tw-leading: 1;
        line-height: 1;
        --tw-font-weight: var(--font-weight-medium);
        font-weight: var(--font-weight-medium);
        color: var(--card-foreground);
        --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
        --tw-shadow-color: rgba(0,0,0,0.05);
    }
    @supports (color: color-mix(in lab, red, red)) {
        .kt-datatable-loading {
            --tw-shadow-color: color-mix(in oklab, rgba(0,0,0,0.05) var(--tw-shadow-alpha), transparent);
        }
    }
    .kt-datatable-overlay {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(255, 255, 255, 0.7);
        display: flex;
        align-items: center;
        justify-content: center;
        z-index: 10;
    }
    [data-kt-datatable] {
        position: relative;
    }
    [data-kt-datatable].loading table {
        opacity: 0.6;
    }
}
@layer components {
    .kt-drawer {
        position: fixed;
        inset: calc(var(--spacing) * 0);
        z-index: 10;
        flex-direction: column;
        background-color: var(--popover);
        color: var(--popover-foreground);
        --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);
        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));
        --tw-duration: 300ms;
        transition-duration: 300ms;
        --tw-ease: var(--ease-in-out);
        transition-timing-function: var(--ease-in-out);
        --tw-outline-style: none;
        outline-style: none;
    }
    .kt-drawer-backdrop {
        position: fixed;
        inset: calc(var(--spacing) * 0);
        background-color: color-mix(in srgb, #000 30%, transparent);
    }
    @supports (color: color-mix(in lab, red, red)) {
        .kt-drawer-backdrop {
            background-color: color-mix(in oklab, var(--color-black) 30%, transparent);
        }
    }
    .kt-drawer-backdrop {
        backdrop-filter: blur(4px);
        transition-property: all;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration));
        --tw-duration: 300ms;
        transition-duration: 300ms;
    }
    .kt-drawer-header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: 1px;
        border-color: var(--border);
        padding: calc(var(--spacing) * 5);
    }
    .kt-drawer-title {
        font-size: var(--text-base);
        line-height: var(--tw-leading, var(--text-base--line-height));
        --tw-font-weight: var(--font-weight-semibold);
        font-weight: var(--font-weight-semibold);
        color: var(--mono);
    }
    .kt-drawer-close {
        margin-inline-end: calc(var(--spacing) * -2.5);
        width: calc(var(--spacing) * 6);
        height: calc(var(--spacing) * 6);
        flex-shrink: 0;
        cursor: pointer;
    }
    .kt-drawer-close i {
        font-size: var(--text-xs);
        line-height: var(--tw-leading, var(--text-xs--line-height));
        opacity: 70%;
    }
    .kt-drawer-close  > svg {
        width: calc(var(--spacing) * 4);
        height: calc(var(--spacing) * 4);
        opacity: 70%;
    }
    :is(.kt-drawer-close:focus,.kt-drawer-close:hover) i {
        opacity: 100%;
    }
    :is(.kt-drawer-close:focus,.kt-drawer-close:hover)  > svg {
        opacity: 100%;
    }
    .kt-drawer-content {
        flex-grow: 1;
        overflow-y: auto;
        padding: calc(var(--spacing) * 5);
    }
    .kt-drawer-footer {
        display: flex;
        align-items: center;
        justify-content: space-between;
        border-top-style: var(--tw-border-style);
        border-top-width: 1px;
        border-color: var(--border);
        padding: calc(var(--spacing) * 5);
    }
    .kt-drawer-start {
        inset-inline-end: auto;
        max-width: 90%;
        --tw-translate-x: -100%;
        translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .kt-drawer-start.open[data-kt-drawer-initialized] {
        --tw-translate-x: calc(var(--spacing) * 0);
        translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .open[data-kt-drawer-initialized] .kt-drawer-start {
        --tw-translate-x: calc(var(--spacing) * 0);
        translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .kt-drawer-end {
        inset-inline-start: auto;
        max-width: 90%;
        --tw-translate-x: 100%;
        translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .kt-drawer-end.open[data-kt-drawer-initialized] {
        --tw-translate-x: calc(var(--spacing) * 0);
        translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .open[data-kt-drawer-initialized] .kt-drawer-end {
        --tw-translate-x: calc(var(--spacing) * 0);
        translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .kt-drawer-top {
        inset-inline-start: calc(var(--spacing) * 0);
        inset-inline-end: calc(var(--spacing) * 0);
        top: auto;
        bottom: calc(var(--spacing) * 0);
        max-height: 90%;
        --tw-translate-y: 100%;
        translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .kt-drawer-top.open[data-kt-drawer-initialized] {
        --tw-translate-y: calc(var(--spacing) * 0);
        translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .open[data-kt-drawer-initialized] .kt-drawer-top {
        --tw-translate-y: calc(var(--spacing) * 0);
        translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .kt-drawer-bottom {
        inset-inline-start: calc(var(--spacing) * 0);
        inset-inline-end: calc(var(--spacing) * 0);
        top: calc(var(--spacing) * 0);
        bottom: auto;
        max-height: 90%;
        --tw-translate-y: -100%;
        translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .kt-drawer-bottom.open[data-kt-drawer-initialized] {
        --tw-translate-y: calc(var(--spacing) * 0);
        translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .open[data-kt-drawer-initialized] .kt-drawer-bottom {
        --tw-translate-y: calc(var(--spacing) * 0);
        translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .kt-drawer.open .kt-drawer-start {
        --tw-translate-x: calc(var(--spacing) * 0);
        translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .kt-drawer.open .kt-drawer-end {
        --tw-translate-x: calc(var(--spacing) * 0);
        translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .kt-drawer.open .kt-drawer-top {
        --tw-translate-y: calc(var(--spacing) * 0);
        translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .kt-drawer.open .kt-drawer-bottom {
        --tw-translate-y: calc(var(--spacing) * 0);
        translate: var(--tw-translate-x) var(--tw-translate-y);
    }
}
@layer components {
    .kt-dropdown {
        border-radius: calc(var(--radius) - 2px);
        border-style: var(--tw-border-style);
        border-width: 1px;
        border-color: var(--border);
        background-color: var(--popover);
        color: var(--popover-foreground);
        --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px 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);
        --tw-shadow-color: rgba(0,0,0,0.05);
    }
    @supports (color: color-mix(in lab, red, red)) {
        .kt-dropdown {
            --tw-shadow-color: color-mix(in oklab, rgba(0,0,0,0.05) var(--tw-shadow-alpha), transparent);
        }
    }
    .kt-dropdown:not(.open) {
        display: none;
    }
    .kt-dropdown-header {
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: 1px;
        border-color: var(--border);
        padding-inline: calc(var(--spacing) * 4);
        padding-block: calc(var(--spacing) * 3);
        --tw-font-weight: var(--font-weight-semibold);
        font-weight: var(--font-weight-semibold);
    }
    .kt-dropdown-body {
        padding-inline: calc(var(--spacing) * 4);
        padding-block: calc(var(--spacing) * 3);
    }
}
@layer components {
    :where(.kt-dropdown-menu > :not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)));
    }
    .kt-dropdown-menu {
        border-radius: calc(var(--radius) - 2px);
        border-style: var(--tw-border-style);
        border-width: 1px;
        border-color: var(--border);
        background-color: var(--popover);
        padding: calc(var(--spacing) * 2);
        color: var(--popover-foreground);
        --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px 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);
        --tw-shadow-color: rgba(0,0,0,0.05);
    }
    @supports (color: color-mix(in lab, red, red)) {
        .kt-dropdown-menu {
            --tw-shadow-color: color-mix(in oklab, rgba(0,0,0,0.05) var(--tw-shadow-alpha), transparent);
        }
    }
    .kt-dropdown-menu:not(.open) {
        display: none;
    }
    .kt-dropdown-menu-sub {
        width: 100%;
    }
    :where(.kt-dropdown-menu-sub > :not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)));
    }
    .kt-dropdown-menu-toggle {
        display: flex;
        width: 100%;
        cursor: pointer;
        align-items: center;
        column-gap: calc(var(--spacing) * 2.5);
        border-radius: calc(var(--radius) - 2px);
        padding-inline: calc(var(--spacing) * 2.5);
        padding-block: calc(var(--spacing) * 2);
        text-align: start;
        font-size: var(--text-sm);
        line-height: var(--tw-leading, var(--text-sm--line-height));
        --tw-font-weight: var(--font-weight-medium);
        font-weight: var(--font-weight-medium);
    }
    .kt-dropdown-menu-toggle:disabled {
        pointer-events: none;
    }
    .kt-dropdown-menu-toggle:disabled {
        opacity: 50%;
    }
    .kt-dropdown-menu-toggle {
        color: var(--foreground);
    }
    @media (hover: hover) {
        .kt-dropdown-menu-toggle:hover {
            background-color: var(--accent);
        }
    }
    @media (hover: hover) {
        .kt-dropdown-menu-toggle:hover {
            color: var(--accent-foreground);
        }
    }
    .open[data-kt-dropdown-initialized] > .kt-dropdown-menu-toggle[data-kt-dropdown-toggle] {
        background-color: var(--accent);
    }
    .open[data-kt-dropdown-initialized] > [data-kt-dropdown-toggle] .kt-dropdown-menu-toggle {
        background-color: var(--accent);
    }
    .open[data-kt-dropdown-initialized] > .kt-dropdown-menu-toggle[data-kt-dropdown-toggle] {
        color: var(--accent-foreground);
    }
    .open[data-kt-dropdown-initialized] > [data-kt-dropdown-toggle] .kt-dropdown-menu-toggle {
        color: var(--accent-foreground);
    }
    .kt-dropdown-menu-toggle .kt-dropdown-menu-indicator {
        margin-inline-start: auto;
        display: inline-flex;
        width: calc(var(--spacing) * 3.5);
        height: calc(var(--spacing) * 3.5);
        flex-shrink: 0;
        align-items: center;
        color: var(--muted-foreground);
    }
    .kt-dropdown-menu-toggle i {
        flex-shrink: 0;
        font-size: var(--text-base);
        line-height: var(--tw-leading, var(--text-base--line-height));
        color: var(--muted-foreground);
    }
    .kt-dropdown-menu-toggle svg {
        width: calc(var(--spacing) * 4);
        height: calc(var(--spacing) * 4);
        flex-shrink: 0;
        color: var(--muted-foreground);
    }
    .kt-dropdown-menu-link {
        display: flex;
        width: 100%;
        cursor: pointer;
        align-items: center;
        column-gap: calc(var(--spacing) * 2.5);
        border-radius: calc(var(--radius) - 2px);
        padding-inline: calc(var(--spacing) * 2.5);
        padding-block: calc(var(--spacing) * 2);
        text-align: start;
        font-size: var(--text-sm);
        line-height: var(--tw-leading, var(--text-sm--line-height));
        --tw-font-weight: var(--font-weight-medium);
        font-weight: var(--font-weight-medium);
    }
    .kt-dropdown-menu-link:disabled {
        pointer-events: none;
    }
    .kt-dropdown-menu-link:disabled {
        opacity: 50%;
    }
    .kt-dropdown-menu-link {
        color: var(--foreground);
    }
    @media (hover: hover) {
        .kt-dropdown-menu-link:hover {
            background-color: var(--accent);
        }
    }
    @media (hover: hover) {
        .kt-dropdown-menu-link:hover {
            color: var(--accent-foreground);
        }
    }
    .kt-dropdown-menu-link [data-kt-dropdown-initialized] .selected {
        background-color: var(--accent);
    }
    [data-kt-dropdown-initialized] .selected .kt-dropdown-menu-link {
        background-color: var(--accent);
    }
    [data-kt-dropdown-initialized] .kt-dropdown-menu-link.selected {
        background-color: var(--accent);
    }
    .kt-dropdown-menu-link [data-kt-dropdown-initialized] .selected {
        color: var(--accent-foreground);
    }
    [data-kt-dropdown-initialized] .selected .kt-dropdown-menu-link {
        color: var(--accent-foreground);
    }
    [data-kt-dropdown-initialized] .kt-dropdown-menu-link.selected {
        color: var(--accent-foreground);
    }
    .kt-dropdown-menu-link i {
        flex-shrink: 0;
        font-size: var(--text-base);
        line-height: var(--tw-leading, var(--text-base--line-height));
        color: var(--muted-foreground);
    }
    .kt-dropdown-menu-link svg {
        width: calc(var(--spacing) * 4);
        height: calc(var(--spacing) * 4);
        flex-shrink: 0;
        color: var(--muted-foreground);
    }
    .kt-dropdown-menu-separator {
        margin-inline: calc(var(--spacing) * -2);
        margin-block: calc(var(--spacing) * 2.5);
        height: 1px;
        background-color: var(--border);
    }
    .kt-dropdown-menu-separator:where(:dir(rtl),[dir="rtl"],[dir="rtl"] *) {
        rotate: 180deg;
    }
    .kt-dropdown-menu-separator:where(:dir(rtl),[dir="rtl"],[dir="rtl"] *) {
        transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
    }
}
@layer components {
    .kt-image-input {
        position: relative;
        display: inline-flex;
        width: calc(var(--spacing) * 20);
        height: calc(var(--spacing) * 20);
        cursor: pointer;
        align-items: center;
        justify-content: center;
    }
    .kt-image-input input[type='file'] {
        position: absolute;
        width: calc(var(--spacing) * 0);
        height: calc(var(--spacing) * 0);
        appearance: none;
        opacity: 0%;
    }
    .kt-image-input-remove {
        position: absolute;
        inset-inline-end: calc(var(--spacing) * 0.25);
        top: calc(var(--spacing) * 0.25);
        z-index: 1;
        display: flex;
        width: calc(var(--spacing) * 5);
        height: calc(var(--spacing) * 5);
        cursor: pointer;
        align-items: center;
        justify-content: center;
        border-radius: calc(infinity * 1px);
        border-style: var(--tw-border-style);
        border-width: 1px;
        border-color: var(--border);
        background-color: var(--background);
        --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);
    }
    .kt-image-input-remove i {
        font-size: 11px;
        color: var(--muted-foreground);
    }
    .kt-image-input-remove svg {
        width: calc(var(--spacing) * 3.25);
        height: calc(var(--spacing) * 3.25);
        color: var(--muted-foreground);
    }
    .kt-image-input-remove:hover i {
        color: var(--foreground);
    }
    .kt-image-input-remove:hover svg {
        color: var(--foreground);
    }
    .kt-image-input-placeholder {
        position: relative;
        width: 100%;
        height: 100%;
        overflow: hidden;
        border-radius: calc(infinity * 1px);
        border-style: var(--tw-border-style);
        border-width: 1px;
        border-color: var(--border);
        background-size: cover;
        background-repeat: no-repeat;
    }
    .empty[data-kt-image-input-initialized] .kt-image-input-placeholder {
        border-color: var(--border);
    }
    .kt-image-input-preview {
        position: relative;
        width: 100%;
        height: 100%;
        overflow: hidden;
        border-radius: calc(infinity * 1px);
        background-size: cover;
        background-repeat: no-repeat;
    }
}
@layer components {
    .kt-input {
        display: block;
        width: 100%;
        border-style: var(--tw-border-style);
        border-width: 1px;
        border-color: var(--input);
        background-color: var(--background);
        color: var(--foreground);
        --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
        --tw-shadow-color: rgba(0,0,0,0.05);
    }
    @supports (color: color-mix(in lab, red, red)) {
        .kt-input {
            --tw-shadow-color: color-mix(in oklab, rgba(0,0,0,0.05) var(--tw-shadow-alpha), transparent);
        }
    }
    .kt-input {
        outline-style: var(--tw-outline-style);
        outline-width: 0px;
        transition-property: color,box-shadow;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration));
    }
    .kt-input::placeholder {
        color: var(--muted-foreground);
    }
    .kt-input:focus-visible {
        border-color: var(--ring);
    }
    .kt-input:focus-visible {
        --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + 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);
    }
    .kt-input:focus-visible {
        --tw-ring-color: var(--ring);
    }
    @supports (color: color-mix(in lab, red, red)) {
        .kt-input:focus-visible {
            --tw-ring-color: color-mix(in oklab, var(--ring) 30%, transparent);
        }
    }
    .kt-input:focus-visible {
        --tw-outline-style: none;
        outline-style: none;
    }
    .kt-input:disabled {
        cursor: not-allowed;
    }
    .kt-input:disabled {
        opacity: 60%;
    }
    .kt-input::file-selector-button {
        height: 100%;
    }
    .kt-input[type=file] {
        padding-block: calc(var(--spacing) * 0);
    }
    .kt-input::file-selector-button {
        border-style: var(--tw-border-style);
        border-width: 0px;
    }
    .kt-input::file-selector-button {
        border-inline-end-style: var(--tw-border-style);
        border-inline-end-width: 1px;
    }
    .kt-input::file-selector-button {
        --tw-border-style: solid;
        border-style: solid;
    }
    .kt-input::file-selector-button {
        border-color: var(--input);
    }
    .kt-input::file-selector-button {
        background-color: transparent;
    }
    .kt-input::file-selector-button {
        padding: calc(var(--spacing) * 0);
    }
    .kt-input::file-selector-button {
        --tw-font-weight: var(--font-weight-medium);
        font-weight: var(--font-weight-medium);
    }
    .kt-input::file-selector-button {
        color: var(--foreground);
    }
    .kt-input::file-selector-button {
        font-style: normal;
    }
    .kt-input[aria-invalid="true"] {
        border-color: var(--destructive);
    }
    @supports (color: color-mix(in lab, red, red)) {
        .kt-input[aria-invalid="true"] {
            border-color: color-mix(in oklab, var(--destructive) 60%, transparent);
        }
    }
    .kt-input[aria-invalid="true"] {
        --tw-ring-color: var(--destructive);
    }
    @supports (color: color-mix(in lab, red, red)) {
        .kt-input[aria-invalid="true"] {
            --tw-ring-color: color-mix(in oklab, var(--destructive) 10%, transparent);
        }
    }
    .kt-input {
        height: calc(var(--spacing) * 8.5);
        border-radius: calc(var(--radius) - 2px);
        padding-inline: calc(var(--spacing) * 3);
        font-size: 0.8125rem;
        --tw-leading: var(--text-sm--line-height);
        line-height: var(--text-sm--line-height);
    }
    .kt-input::file-selector-button {
        margin-inline-end: calc(var(--spacing) * 3);
    }
    .kt-input::file-selector-button {
        padding-inline-end: calc(var(--spacing) * 3);
    }
    .kt-input-lg {
        height: calc(var(--spacing) * 10);
        border-radius: calc(var(--radius) - 2px);
        padding-inline: calc(var(--spacing) * 4);
        font-size: var(--text-sm);
        line-height: var(--tw-leading, var(--text-sm--line-height));
    }
    .kt-input-lg::file-selector-button {
        margin-inline-end: calc(var(--spacing) * 4);
    }
    .kt-input-lg::file-selector-button {
        padding-inline-end: calc(var(--spacing) * 4);
    }
    .kt-input-sm {
        height: calc(var(--spacing) * 7);
        border-radius: calc(var(--radius) - 2px);
        padding-inline: calc(var(--spacing) * 2.5);
        font-size: var(--text-xs);
        line-height: var(--tw-leading, var(--text-xs--line-height));
    }
    .kt-input-sm::file-selector-button {
        margin-inline-end: calc(var(--spacing) * 2.5);
    }
    .kt-input-sm::file-selector-button {
        padding-inline-end: calc(var(--spacing) * 2.5);
    }
}
@layer components {
    .kt-input:not(input) {
        display: flex;
        align-items: center;
        gap: calc(var(--spacing) * 1.5);
    }
    .kt-input:not(input):has(input:focus-visible) {
        border-color: var(--ring);
        --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + 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);
        --tw-ring-color: var(--ring);
    }
    @supports (color: color-mix(in lab, red, red)) {
        .kt-input:not(input):has(input:focus-visible) {
            --tw-ring-color: color-mix(in oklab, var(--ring) 30%, transparent);
        }
    }
    .kt-input:not(input):has(input:focus-visible) {
        --tw-outline-style: none;
        outline-style: none;
    }
    .kt-input:not(input) input {
        display: flex;
        height: auto;
        width: 100%;
        border-style: var(--tw-border-style);
        border-width: 0px;
        background-color: transparent;
        padding: calc(var(--spacing) * 0);
        color: var(--foreground);
        --tw-shadow: 0 0 #0000;
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
        transition-property: color;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration));
        --tw-outline-style: none;
        outline-style: none;
    }
    :is(.kt-input:not(input) input)::placeholder {
        color: var(--muted-foreground);
    }
    :is(.kt-input:not(input) input):focus-visible {
        --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + 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);
    }
    :is(.kt-input:not(input) input):disabled {
        cursor: not-allowed;
    }
    :is(.kt-input:not(input) input):disabled {
        opacity: 50%;
    }
    .kt-input:not(input) input {
        font-size: inherit;
        list-style: inherit;
    }
    .kt-input:not(input) i {
        font-size: var(--text-base);
        line-height: var(--tw-leading, var(--text-base--line-height));
        color: var(--muted-foreground);
    }
    .kt-input:not(input) svg {
        width: calc(var(--spacing) * 4);
        height: calc(var(--spacing) * 4);
        color: var(--muted-foreground);
    }
    .kt-input.kt-input-sm:not(input) {
        gap: calc(var(--spacing) * 1.25);
    }
    .kt-input.kt-input-sm:not(input) i {
        font-size: var(--text-sm);
        line-height: var(--tw-leading, var(--text-sm--line-height));
    }
    .kt-input.kt-input-sm:not(input) svg {
        width: calc(var(--spacing) * 3.5);
        height: calc(var(--spacing) * 3.5);
        color: var(--muted-foreground);
    }
    .kt-input.kt-input-lg:not(input) {
        gap: calc(var(--spacing) * 1.5);
    }
    .kt-input.kt-input-lg:not(input) i {
        font-size: var(--text-lg);
        line-height: var(--tw-leading, var(--text-lg--line-height));
    }
    .kt-input.kt-input-lg:not(input) svg {
        width: calc(var(--spacing) * 4);
        height: calc(var(--spacing) * 4);
        color: var(--muted-foreground);
    }
}
@layer components {
    .kt-input-addon {
        display: flex;
        flex-shrink: 0;
        align-items: center;
        justify-content: center;
        border-style: var(--tw-border-style);
        border-width: 1px;
        border-color: var(--input);
        background-color: var(--muted);
        color: var(--secondary-foreground);
        --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
        --tw-shadow-color: rgba(0,0,0,0.05);
    }
    @supports (color: color-mix(in lab, red, red)) {
        .kt-input-addon {
            --tw-shadow-color: color-mix(in oklab, rgba(0,0,0,0.05) var(--tw-shadow-alpha), transparent);
        }
    }
    .kt-input-addon {
        height: calc(var(--spacing) * 8.5);
        min-width: calc(var(--spacing) * 8.5);
        border-radius: calc(var(--radius) - 2px);
        padding-inline: calc(var(--spacing) * 3);
        font-size: 0.8125rem;
        --tw-leading: var(--text-sm--line-height);
        line-height: var(--text-sm--line-height);
    }
    .kt-input-addon i {
        font-size: var(--text-lg);
        line-height: var(--tw-leading, var(--text-lg--line-height));
    }
    .kt-input-addon svg {
        width: calc(var(--spacing) * 4.5);
        height: calc(var(--spacing) * 4.5);
    }
    .kt-input-addon.kt-input-addon-sm {
        height: calc(var(--spacing) * 7);
        min-width: calc(var(--spacing) * 7);
        border-radius: calc(var(--radius) - 2px);
        padding-inline: calc(var(--spacing) * 2.5);
        font-size: var(--text-xs);
        line-height: var(--tw-leading, var(--text-xs--line-height));
    }
    .kt-input-addon.kt-input-addon-sm i {
        font-size: var(--text-base);
        line-height: var(--tw-leading, var(--text-base--line-height));
    }
    .kt-input-addon.kt-input-addon-sm svg {
        width: calc(var(--spacing) * 3.5);
        height: calc(var(--spacing) * 3.5);
    }
    .kt-input-addon.kt-input-addon-lg {
        height: calc(var(--spacing) * 10);
        min-width: calc(var(--spacing) * 10);
        border-radius: calc(var(--radius) - 2px);
        padding-inline: calc(var(--spacing) * 4);
        font-size: var(--text-sm);
        line-height: var(--tw-leading, var(--text-sm--line-height));
    }
    .kt-input-addon.kt-input-addon-lg i {
        font-size: var(--text-lg);
        line-height: var(--tw-leading, var(--text-lg--line-height));
    }
    .kt-input-addon.kt-input-addon-lg svg {
        width: calc(var(--spacing) * 4.5);
        height: calc(var(--spacing) * 4.5);
    }
    .kt-input-addon.kt-input-addon-icon {
        padding-inline: calc(var(--spacing) * 0);
    }
}
@layer components {
    .kt-input-ghost {
        border-style: var(--tw-border-style);
        border-width: 0px;
        background-color: var(--background);
        padding: calc(var(--spacing) * 0);
        --tw-shadow: 0 0 #0000;
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
    .kt-input-ghost:focus-visible {
        border-style: var(--tw-border-style);
        border-width: 0px;
    }
    .kt-input-ghost:focus-visible {
        --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + 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);
    }
}
@layer components {
    [aria-invalid="true"]:is(.dark .kt-input) {
        border-color: var(--destructive);
    }
    [aria-invalid="true"]:is(.dark .kt-input) {
        --tw-ring-color: var(--destructive);
    }
    @supports (color: color-mix(in lab, red, red)) {
        [aria-invalid="true"]:is(.dark .kt-input) {
            --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent);
        }
    }
}
@layer components {
    .kt-input-group {
        position: relative;
        display: flex;
        align-items: stretch;
    }
    .kt-input-group .kt-input,.kt-input-group .kt-select,.kt-input-group [data-kt-select-wrapper] {
        z-index: 1;
        flex-grow: 1;
    }
    .kt-input-group .kt-input-addon:has( + .kt-input),.kt-input-group .kt-input-addon:has( + .kt-select),.kt-input-group .kt-input-addon:has( + select[data-kt-select]) {
        border-start-end-radius: 0 !important;
        border-end-end-radius: 0 !important;
        border-inline-end-style: var(--tw-border-style) !important;
        border-inline-end-width: 0px !important;
    }
    .kt-input-group .kt-input + .kt-input-addon,.kt-input-group .kt-select + .kt-input-addon,.kt-input-group [data-kt-select-wrapper] + .kt-input-addon {
        border-start-start-radius: 0 !important;
        border-end-start-radius: 0 !important;
        border-inline-start-style: var(--tw-border-style) !important;
        border-inline-start-width: 0px !important;
    }
    .kt-input-group .kt-input-addon:has( + .kt-btn) {
        border-start-end-radius: 0 !important;
        border-end-end-radius: 0 !important;
    }
    .kt-input-group .kt-input + .kt-btn {
        border-start-start-radius: 0 !important;
        border-end-start-radius: 0 !important;
    }
    .kt-input-group .kt-input + .kt-btn.kt-btn-outline {
        border-inline-start-style: var(--tw-border-style) !important;
        border-inline-start-width: 0px !important;
    }
    .kt-input-group .kt-btn + .kt-input,.kt-input-group .kt-input-addon + .kt-input,.kt-input-group .kt-input-addon + .kt-select,.kt-input-group select[data-kt-select] + [data-kt-select-wrapper] .kt-select {
        border-start-start-radius: 0 !important;
        border-end-start-radius: 0 !important;
    }
    .kt-input-group .kt-input:has( + .kt-btn),.kt-input-group .kt-input:has( + .kt-input-addon),.kt-input-group .kt-select:has( + .kt-input-addon),.kt-input-group [data-kt-select-wrapper]:has( + .kt-input-addon) .kt-select {
        border-start-end-radius: 0 !important;
        border-end-end-radius: 0 !important;
    }
}
@layer components {
    .kt-modal {
        position: fixed;
        inset: calc(var(--spacing) * 0);
        overflow: auto;
        padding: calc(var(--spacing) * 4);
    }
    .kt-modal:not(.open) {
        display: none;
    }
    .kt-modal-backdrop {
        position: fixed;
        inset: calc(var(--spacing) * 0);
        background-color: color-mix(in srgb, #000 30%, transparent);
    }
    @supports (color: color-mix(in lab, red, red)) {
        .kt-modal-backdrop {
            background-color: color-mix(in oklab, var(--color-black) 30%, transparent);
        }
    }
    .kt-modal-backdrop {
        backdrop-filter: blur(4px);
        transition-property: all;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration));
        --tw-duration: 300ms;
        transition-duration: 300ms;
    }
    .kt-modal-close {
        margin-inline-end: calc(var(--spacing) * -2.5);
        width: calc(var(--spacing) * 6);
        height: calc(var(--spacing) * 6);
        flex-shrink: 0;
        cursor: pointer;
    }
    .kt-modal-close i {
        font-size: var(--text-xs);
        line-height: var(--tw-leading, var(--text-xs--line-height));
        opacity: 70%;
    }
    .kt-modal-close  > svg {
        width: calc(var(--spacing) * 4);
        height: calc(var(--spacing) * 4);
        opacity: 70%;
    }
    :is(.kt-modal-close:focus,.kt-modal-close:hover) i {
        opacity: 100%;
    }
    :is(.kt-modal-close:focus,.kt-modal-close:hover)  > svg {
        opacity: 100%;
    }
    .kt-modal-dialog {
        position: fixed;
        inset-inline-start: calc(1/2 * 100%);
        top: calc(1 / 2 * 100%);
        display: none;
        --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
        --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
        translate: var(--tw-translate-x) var(--tw-translate-y);
        overflow: auto;
        padding: calc(var(--spacing) * 4);
    }
    .kt-modal-content {
        position: relative;
        margin-inline: auto;
        display: flex;
        flex-direction: column;
        border-radius: var(--radius);
        border-style: var(--tw-border-style);
        border-width: 1px;
        border-color: var(--border);
        background-color: var(--popover);
        color: var(--popover-foreground);
        --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px 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);
    }
    .kt-modal-header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: calc(var(--spacing) * 2);
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: 1px;
        border-color: var(--border);
        padding-inline: calc(var(--spacing) * 5);
        padding-block: calc(var(--spacing) * 4);
    }
    .kt-modal-title {
        font-size: var(--text-base);
        line-height: var(--tw-leading, var(--text-base--line-height));
        --tw-font-weight: var(--font-weight-semibold);
        font-weight: var(--font-weight-semibold);
        color: var(--mono);
    }
    .kt-modal-body {
        overflow-y: auto;
        padding-inline: calc(var(--spacing) * 5);
        padding-block: calc(var(--spacing) * 4);
    }
    .kt-modal-footer {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: calc(var(--spacing) * 2);
        border-top-style: var(--tw-border-style);
        border-top-width: 1px;
        border-color: var(--border);
        padding-inline: calc(var(--spacing) * 5);
        padding-block: calc(var(--spacing) * 4);
    }
    .kt-modal-center:not(.kt-modal-fit) .kt-modal-content {
        top: calc(1 / 2 * 100%);
        --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
        translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .kt-modal-fit {
        overflow: visible;
        padding: calc(var(--spacing) * 0);
    }
    .kt-modal-fit.kt-modal-center {
        inset-inline-start: calc(1/2 * 100%);
        top: calc(1 / 2 * 100%);
        --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
        --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
        translate: var(--tw-translate-x) var(--tw-translate-y);
    }
}
@layer components {
    .kt-radio {
        cursor: pointer;
        appearance: none;
        background-position: center;
        background-repeat: no-repeat;
        flex-shrink: 0;
        border-radius: calc(infinity * 1px);
        border-style: var(--tw-border-style);
        border-width: 1px;
        border-color: var(--input);
        background-color: var(--background);
        --tw-ring-offset-color: var(--background);
    }
    .kt-radio:focus-visible {
        --tw-outline-style: none;
        outline-style: none;
    }
    .kt-radio:focus-visible {
        --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);
    }
    .kt-radio:focus-visible {
        --tw-ring-color: var(--ring);
    }
    .kt-radio:focus-visible {
        --tw-ring-offset-width: 2px;
        --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    }
    .kt-radio:disabled {
        cursor: not-allowed;
    }
    .kt-radio:disabled {
        opacity: 50%;
    }
    .kt-radio[aria-invalid="true"] {
        border-color: var(--destructive);
    }
    @supports (color: color-mix(in lab, red, red)) {
        .kt-radio[aria-invalid="true"] {
            border-color: color-mix(in oklab, var(--destructive) 60%, transparent);
        }
    }
    .kt-radio[aria-invalid="true"] {
        --tw-ring-color: var(--destructive);
    }
    @supports (color: color-mix(in lab, red, red)) {
        .kt-radio[aria-invalid="true"] {
            --tw-ring-color: color-mix(in oklab, var(--destructive) 10%, transparent);
        }
    }
    .kt-radio[aria-invalid="true"]:is(.dark *) {
        border-color: var(--destructive);
    }
    .kt-radio[aria-invalid="true"]:is(.dark *) {
        --tw-ring-color: var(--destructive);
    }
    @supports (color: color-mix(in lab, red, red)) {
        .kt-radio[aria-invalid="true"]:is(.dark *) {
            --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent);
        }
    }
    .kt-radio:checked {
        border-color: var(--primary);
    }
    .kt-radio:checked {
        background-color: var(--primary);
    }
    .kt-radio:checked {
        color: var(--primary-foreground);
    }
    .kt-radio:indeterminate {
        border-color: var(--primary);
    }
    .kt-radio:indeterminate {
        background-color: var(--primary);
    }
    .kt-radio:indeterminate {
        color: var(--primary-foreground);
    }
    .kt-radio:checked,.kt-radio[aria-checked='true'] {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 22' fill='none'%3E%3Ccircle cx='10.9995' cy='11' r='5.86667' fill='white'/%3E%3C/svg%3E");
    }
    .kt-radio {
        width: calc(var(--spacing) * 5);
        height: calc(var(--spacing) * 5);
    }
    .kt-radio-sm {
        width: calc(var(--spacing) * 4.5);
        height: calc(var(--spacing) * 4.5);
    }
    .kt-radio-lg {
        width: calc(var(--spacing) * 5.5);
        height: calc(var(--spacing) * 5.5);
    }
    .kt-radio-mono:checked {
        border-color: var(--mono);
    }
    .kt-radio-mono:checked {
        background-color: var(--mono);
    }
    .kt-radio-mono:checked {
        color: var(--mono-foreground);
    }
    .kt-radio-mono:indeterminate {
        border-color: var(--mono);
    }
    .kt-radio-mono:indeterminate {
        background-color: var(--mono);
    }
    .kt-radio-mono:indeterminate {
        color: var(--mono-foreground);
    }
}
@layer components {
    [aria-invalid="true"]:is(.dark .kt-radio) {
        border-color: var(--destructive);
    }
    [aria-invalid="true"]:is(.dark .kt-radio) {
        --tw-ring-color: var(--destructive);
    }
    @supports (color: color-mix(in lab, red, red)) {
        [aria-invalid="true"]:is(.dark .kt-radio) {
            --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent);
        }
    }
}
@layer components {
    :root {
        --kt-scrollable-scrollbar-size: 5px;
        --kt-scrollable-thumb-color: var(--color-accent);
    }
    .kt-scrollable::-webkit-scrollbar {
        width: var(--kt-scrollable-scrollbar-size);
        height: var(--kt-scrollable-scrollbar-size);
    }
    .kt-scrollable::-webkit-scrollbar-track {
        background: transparent;
    }
    .kt-scrollable::-webkit-scrollbar-thumb {
        background: var(--kt-scrollable-thumb-color);
        border-radius: var(--kt-scrollable-scrollbar-size);
    }
    @-moz-document url-prefix() {
        .kt-scrollable {
            scrollbar-width: thin;
            scrollbar-color: var(--kt-scrollable-thumb-color) transparent;
        }
    }
}
@layer components {
    .kt-select {
        display: flex;
        width: 100%;
        cursor: pointer;
        appearance: none;
        align-items: center;
        gap: calc(var(--spacing) * 2);
        border-style: var(--tw-border-style);
        border-width: 1px;
        border-color: var(--input);
        background-color: var(--background);
        padding-block: calc(var(--spacing) * 0);
        color: var(--foreground);
        --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
        --tw-shadow-color: rgba(0,0,0,0.05);
    }
    @supports (color: color-mix(in lab, red, red)) {
        .kt-select {
            --tw-shadow-color: color-mix(in oklab, rgba(0,0,0,0.05) var(--tw-shadow-alpha), transparent);
        }
    }
    .kt-select {
        transition-property: color,box-shadow;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration));
    }
    .kt-select::placeholder {
        color: var(--muted-foreground);
    }
    @supports (color: color-mix(in lab, red, red)) {
        .kt-select::placeholder {
            color: color-mix(in oklab, var(--muted-foreground) 80%, transparent);
        }
    }
    .kt-select:focus-visible {
        border-color: var(--ring);
    }
    .kt-select:focus-visible {
        --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + 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);
    }
    .kt-select:focus-visible {
        --tw-ring-color: var(--ring);
    }
    @supports (color: color-mix(in lab, red, red)) {
        .kt-select:focus-visible {
            --tw-ring-color: color-mix(in oklab, var(--ring) 30%, transparent);
        }
    }
    .kt-select:focus-visible {
        --tw-outline-style: none;
        outline-style: none;
    }
    .kt-select:disabled {
        cursor: not-allowed;
    }
    .kt-select:disabled {
        opacity: 60%;
    }
    .kt-select[aria-invalid="true"] {
        border-color: var(--destructive);
    }
    @supports (color: color-mix(in lab, red, red)) {
        .kt-select[aria-invalid="true"] {
            border-color: color-mix(in oklab, var(--destructive) 60%, transparent);
        }
    }
    .kt-select[aria-invalid="true"] {
        --tw-ring-color: var(--destructive);
    }
    @supports (color: color-mix(in lab, red, red)) {
        .kt-select[aria-invalid="true"] {
            --tw-ring-color: color-mix(in oklab, var(--destructive) 10%, transparent);
        }
    }
    .kt-select {
        background-repeat: no-repeat;
        background-size: 14px 11px;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%239f9fa9' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3E%3C/svg%3E");
    }
    .dark .kt-select {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%239f9fa9' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3E%3C/svg%3E");
    }
    .kt-select[multiple],.kt-select[size]:not([size='1']) {
        padding-inline-end: var(--btn-default-px);
        background-image: none;
    }
    .kt-select:-moz-focusring {
        color: transparent;
        text-shadow: none;
    }
    .kt-select.active {
        border-color: var(--ring);
        --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + 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);
        --tw-ring-color: var(--ring);
    }
    @supports (color: color-mix(in lab, red, red)) {
        .kt-select.active {
            --tw-ring-color: color-mix(in oklab, var(--ring) 30%, transparent);
        }
    }
    .kt-select.active {
        --tw-outline-style: none;
        outline-style: none;
    }
    .kt-select.disabled {
        cursor: not-allowed;
        opacity: 60%;
    }
    .kt-select-label {
        display: flex;
        align-items: center;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .kt-select-arrow {
        margin-inline-start: auto;
    }
    .kt-select-arrow svg {
        width: calc(var(--spacing) * 4);
        height: calc(var(--spacing) * 4);
        color: var(--muted-foreground);
    }
    .kt-select-search {
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: 1px;
        border-color: var(--border);
        padding-inline: calc(var(--spacing) * 4);
        padding-block: calc(var(--spacing) * 1);
    }
    .kt-select-search .kt-input {
        font-size: var(--text-sm);
        line-height: var(--tw-leading, var(--text-sm--line-height));
    }
    .kt-select-search-empty {
        padding-inline: calc(var(--spacing) * 3.5);
        padding-block: calc(var(--spacing) * 1);
        font-size: var(--text-sm);
        line-height: var(--tw-leading, var(--text-sm--line-height));
        color: var(--muted-foreground);
    }
    .kt-select-loading {
        padding-inline: calc(var(--spacing) * 3.5);
        padding-block: calc(var(--spacing) * 1);
        font-size: var(--text-sm);
        line-height: var(--tw-leading, var(--text-sm--line-height));
        color: var(--muted-foreground);
    }
    .kt-select-dropdown {
        border-radius: calc(var(--radius) - 2px);
        border-style: var(--tw-border-style);
        border-width: 1px;
        border-color: var(--border);
        background-color: var(--popover);
        color: var(--popover-foreground);
        --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px 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);
        --tw-shadow-color: rgba(0,0,0,0.05);
    }
    @supports (color: color-mix(in lab, red, red)) {
        .kt-select-dropdown {
            --tw-shadow-color: color-mix(in oklab, rgba(0,0,0,0.05) var(--tw-shadow-alpha), transparent);
        }
    }
    .kt-select-select-all {
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: 1px;
        border-color: var(--border);
        padding-inline: calc(var(--spacing) * 2);
        padding-block: calc(var(--spacing) * 1);
    }
    .kt-select-select-all-button {
        width: 100%;
        cursor: pointer;
        border-radius: calc(var(--radius) - 2px);
        padding: calc(var(--spacing) * 1.5);
        text-align: start;
        font-size: var(--text-sm);
        line-height: var(--tw-leading, var(--text-sm--line-height));
    }
    @media (hover: hover) {
        .kt-select-select-all-button:hover {
            background-color: var(--accent);
        }
    }
    @media (hover: hover) {
        .kt-select-select-all-button:hover {
            color: var(--accent-foreground);
        }
    }
    :where(.kt-select-options > :not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing) * 0.5) * var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing) * 0.5) * calc(1 - var(--tw-space-y-reverse)));
    }
    .kt-select-options {
        padding: calc(var(--spacing) * 1);
    }
    .kt-select-wrapper {
        width: 100%;
        min-width: calc(var(--spacing) * 0);
    }
    .kt-select-wrapper.disabled {
        pointer-events: none;
        opacity: 60%;
    }
    .kt-select-option {
        display: flex;
        flex-grow: 1;
        cursor: pointer;
        align-items: center;
        gap: calc(var(--spacing) * 2.5);
        border-radius: calc(var(--radius) - 2px);
        padding-inline: calc(var(--spacing) * 2.5);
        padding-block: calc(var(--spacing) * 1.75);
        text-align: start;
        font-size: var(--text-sm);
        line-height: var(--tw-leading, var(--text-sm--line-height));
    }
    @media (hover: hover) {
        .kt-select-option:hover {
            background-color: var(--accent);
        }
    }
    @media (hover: hover) {
        .kt-select-option:hover {
            color: var(--accent-foreground);
        }
    }
    .kt-select-option[aria-disabled='true'],.kt-select-option.disabled {
        pointer-events: none;
        opacity: 60%;
    }
    .kt-select-option.focused,.kt-select-option.hover,.kt-select-option.highlighted {
        background-color: var(--accent);
        color: var(--accent-foreground);
    }
    .kt-select-option-text {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
    .kt-select-group {
        padding-block: calc(var(--spacing) * 1);
    }
    .kt-select-group-header {
        padding-inline: calc(var(--spacing) * 3);
        padding-block: calc(var(--spacing) * 1);
        font-size: var(--text-xs);
        line-height: var(--tw-leading, var(--text-xs--line-height));
        --tw-font-weight: var(--font-weight-semibold);
        font-weight: var(--font-weight-semibold);
        color: var(--muted-foreground);
        text-transform: uppercase;
    }
    .kt-select-placeholder {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        color: var(--muted-foreground);
    }
    .kt-select-display:not([data-multiple='true']) {
        display: flex;
        width: 100%;
        min-width: calc(var(--spacing) * 0);
        align-items: center;
        overflow: hidden;
    }
    .kt-select-display:not([data-multiple='true']) .kt-select-option-text {
        min-width: calc(var(--spacing) * 0);
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
    .kt-select-tag {
        display: inline-flex;
        align-items: center;
        gap: calc(var(--spacing) * 2);
        border-radius: var(--radius);
        padding-inline: calc(var(--spacing) * 3);
        padding-block: calc(var(--spacing) * 1.5);
        font-size: var(--text-sm);
        line-height: var(--tw-leading, var(--text-sm--line-height));
        --tw-font-weight: var(--font-weight-medium);
        font-weight: var(--font-weight-medium);
        border-style: var(--tw-border-style);
        border-width: 1px;
        border-color: var(--border);
        background-color: var(--accent);
    }
    @supports (color: color-mix(in lab, red, red)) {
        .kt-select-tag {
            background-color: color-mix(in oklab, var(--accent) 10%, transparent);
        }
    }
    .kt-select-tag {
        color: var(--accent-foreground);
        max-width: 200px;
        flex-shrink: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        --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);
        --tw-leading: var(--leading-tight);
        line-height: var(--leading-tight);
    }
    .kt-select-tag-remove {
        display: flex;
        height: calc(var(--spacing) * 5);
        width: calc(var(--spacing) * 5);
        align-items: center;
        justify-content: center;
        border-radius: calc(infinity * 1px);
        color: var(--muted-foreground);
    }
    @media (hover: hover) {
        .kt-select-tag-remove:hover {
            background-color: var(--accent);
        }
        @supports (color: color-mix(in lab, red, red)) {
            .kt-select-tag-remove:hover {
                background-color: color-mix(in oklab, var(--accent) 20%, transparent);
            }
        }
    }
    @media (hover: hover) {
        .kt-select-tag-remove:hover {
            color: var(--accent-foreground);
        }
    }
    .kt-select-tag-remove {
        cursor: pointer;
        transition-property: all;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration));
        --tw-duration: 200ms;
        transition-duration: 200ms;
        flex-shrink: 0;
        opacity: 100%;
    }
    @media (hover: hover) {
        .kt-select-tag-remove:hover {
            --tw-scale-x: 110%;
            --tw-scale-y: 110%;
            --tw-scale-z: 110%;
            scale: var(--tw-scale-x) var(--tw-scale-y);
        }
    }
    .kt-select-tag-remove svg {
        height: calc(var(--spacing) * 3.5);
        width: calc(var(--spacing) * 3.5);
        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));
        --tw-duration: 200ms;
        transition-duration: 200ms;
    }
    .kt-select-tag-remove:hover svg {
        --tw-scale-x: 110%;
        --tw-scale-y: 110%;
        --tw-scale-z: 110%;
        scale: var(--tw-scale-x) var(--tw-scale-y);
    }
    .kt-select-display[data-multiple='true'] {
        display: flex;
        min-height: 3rem;
        flex-wrap: wrap;
        align-items: center;
        gap: calc(var(--spacing) * 2);
        padding: calc(var(--spacing) * 3);
        width: 100%;
        border-radius: calc(var(--radius) - 2px);
        border-style: var(--tw-border-style);
        border-width: 1px;
        border-color: var(--input);
        background-color: var(--background);
    }
    .kt-select-display[data-multiple='true']:focus-within {
        border-color: var(--ring);
    }
    .kt-select-display[data-multiple='true']:focus-within {
        --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);
    }
    .kt-select-display[data-multiple='true']:focus-within {
        --tw-ring-color: var(--ring);
    }
    @supports (color: color-mix(in lab, red, red)) {
        .kt-select-display[data-multiple='true']:focus-within {
            --tw-ring-color: color-mix(in oklab, var(--ring) 20%, transparent);
        }
    }
    .kt-select-display[data-multiple='true'] {
        transition-property: all;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration));
        --tw-duration: 200ms;
        transition-duration: 200ms;
    }
}
@layer components {
    .kt-select {
        height: calc(var(--spacing) * 8.5);
        gap: calc(var(--spacing) * 1);
        border-radius: calc(var(--radius) - 2px);
        padding-inline-start: calc(var(--spacing) * 3);
        padding-inline-end: calc(var(--spacing) * 6);
        font-size: 0.8125rem;
        --tw-leading: var(--text-sm--line-height);
        line-height: var(--text-sm--line-height);
        background-position: right 0.5rem center;
    }
    .kt-select[data-multiple='true'] {
        height: auto;
        min-height: calc(var(--spacing) * 8.5);
        flex-wrap: wrap;
        padding-block: calc(var(--spacing) * 1.5);
        background-position: right 0.5rem top 0.675rem;
    }
    .kt-select-sm {
        height: calc(var(--spacing) * 7);
        gap: calc(var(--spacing) * 1);
        border-radius: calc(var(--radius) - 2px);
        padding-inline-start: calc(var(--spacing) * 2.5);
        padding-inline-end: calc(var(--spacing) * 5);
        font-size: var(--text-xs);
        line-height: var(--tw-leading, var(--text-xs--line-height));
        background-position: right 0.5rem center;
    }
    .kt-select-sm[data-multiple='true'] {
        height: auto;
        min-height: calc(var(--spacing) * 7);
        background-position: right 0.5rem top 0.575rem;
    }
    .kt-select-lg {
        height: calc(var(--spacing) * 10);
        gap: calc(var(--spacing) * 1.5);
        border-radius: calc(var(--radius) - 2px);
        padding-block: calc(var(--spacing) * 1);
        padding-inline-start: calc(var(--spacing) * 4);
        padding-inline-end: calc(var(--spacing) * 8);
        font-size: var(--text-sm);
        line-height: var(--tw-leading, var(--text-sm--line-height));
        background-position: right 0.6rem center;
    }
    .kt-select-lg[data-multiple='true'] {
        height: auto;
        min-height: calc(var(--spacing) * 10);
        padding-block: calc(var(--spacing) * 2);
        background-position: right 0.6rem top 0.85rem;
    }
}
@layer components {
    [dir='rtl'] .kt-select {
        background-position: left 0.5rem center;
    }
    [data-multiple='true']:is([dir='rtl'] .kt-select) {
        background-position: left 0.5rem top 0.675rem;
    }
    [dir='rtl'] .kt-select-sm {
        background-position: left 0.5rem center;
    }
    [data-multiple='true']:is([dir='rtl'] .kt-select-sm) {
        background-position: left 0.5rem top 0.575rem;
    }
    [dir='rtl'] .kt-select-lg {
        background-position: left 0.75rem center;
    }
    [data-multiple='true']:is([dir='rtl'] .kt-select-lg) {
        background-position: left 0.75rem top 0.85rem;
    }
}
@layer components {
    [aria-invalid="true"]:is(.dark .kt-input) {
        border-color: var(--destructive);
    }
    [aria-invalid="true"]:is(.dark .kt-input) {
        --tw-ring-color: var(--destructive);
    }
    @supports (color: color-mix(in lab, red, red)) {
        [aria-invalid="true"]:is(.dark .kt-input) {
            --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent);
        }
    }
}
@layer components {
    .kt-switch {
        position: relative;
        display: inline-flex;
        flex-shrink: 0;
        cursor: pointer;
        appearance: none;
        background-color: var(--input);
    }
    .kt-switch:focus-visible {
        --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);
    }
    .kt-switch:focus-visible {
        --tw-ring-color: var(--ring);
    }
    .kt-switch:focus-visible {
        --tw-ring-offset-width: 2px;
        --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    }
    .kt-switch:focus-visible {
        --tw-ring-offset-color: var(--background);
    }
    .kt-switch:focus-visible {
        --tw-outline-style: none;
        outline-style: none;
    }
    @media (forced-colors: active) {
        .kt-switch:focus-visible {
            outline: 2px solid transparent;
            outline-offset: 2px;
        }
    }
    .kt-switch:disabled {
        cursor: not-allowed;
    }
    .kt-switch:disabled {
        opacity: 50%;
    }
    .kt-switch[aria-invalid="true"] {
        border-style: var(--tw-border-style);
        border-width: 1px;
    }
    .kt-switch[aria-invalid="true"] {
        border-color: var(--destructive);
    }
    @supports (color: color-mix(in lab, red, red)) {
        .kt-switch[aria-invalid="true"] {
            border-color: color-mix(in oklab, var(--destructive) 60%, transparent);
        }
    }
    .kt-switch[aria-invalid="true"] {
        --tw-ring-color: var(--destructive);
    }
    @supports (color: color-mix(in lab, red, red)) {
        .kt-switch[aria-invalid="true"] {
            --tw-ring-color: color-mix(in oklab, var(--destructive) 10%, transparent);
        }
    }
    .kt-switch:before {
        pointer-events: none;
        position: absolute;
        inset-inline-start: calc(var(--spacing) * 0);
        top: calc(1 / 2 * 100%);
        display: block;
        --tw-translate-x: calc(var(--spacing) * 1);
        --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
        translate: var(--tw-translate-x) var(--tw-translate-y);
        border-radius: calc(infinity * 1px);
        background-color: var(--color-white);
        --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));
        --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + 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);
        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));
        --tw-content: "";
        content: var(--tw-content);
    }
    .kt-switch:checked,.kt-switch[aria-checked='true'] {
        background-color: var(--primary);
    }
    .kt-switch {
        height: calc(var(--spacing) * 5);
        width: calc(var(--spacing) * 7.5);
        border-radius: calc(infinity * 1px);
    }
    .kt-switch:before {
        width: calc(var(--spacing) * 3);
        height: calc(var(--spacing) * 3);
    }
    :is(.kt-switch:checked,.kt-switch[aria-checked='true']):before {
        --tw-translate-x: calc(var(--spacing) * 3.5);
        translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .kt-switch-sm {
        height: calc(var(--spacing) * 4.5);
        width: calc(var(--spacing) * 6.5);
        border-radius: calc(infinity * 1px);
    }
    .kt-switch-sm:before {
        width: calc(var(--spacing) * 2.5);
        height: calc(var(--spacing) * 2.5);
    }
    :is(.kt-switch-sm:checked,.kt-switch-sm[aria-checked='true']):before {
        --tw-translate-x: calc(var(--spacing) * 3);
        translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .kt-switch-lg {
        height: calc(var(--spacing) * 5.5);
        width: calc(var(--spacing) * 8.5);
        border-radius: calc(infinity * 1px);
    }
    .kt-switch-lg:before {
        width: calc(var(--spacing) * 3.5);
        height: calc(var(--spacing) * 3.5);
    }
    :is(.kt-switch-lg:checked,.kt-switch-lg[aria-checked='true']):before {
        --tw-translate-x: calc(var(--spacing) * 4);
        translate: var(--tw-translate-x) var(--tw-translate-y);
    }
}
@layer components {
    :is([dir='rtl'] .kt-switch):before {
        --tw-translate-x: calc(var(--spacing) * -1);
        translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    :is(:is([dir='rtl'] .kt-switch):checked,[aria-checked='true']:is([dir='rtl'] .kt-switch)):before {
        --tw-translate-x: calc(var(--spacing) * -3.5);
        translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    :is(.kt-switch-sm:is([dir='rtl'] .kt-switch):checked,.kt-switch-sm[aria-checked='true']:is([dir='rtl'] .kt-switch)):before {
        --tw-translate-x: calc(var(--spacing) * -3);
        translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    :is(.kt-switch-lg:is([dir='rtl'] .kt-switch):checked,.kt-switch-lg[aria-checked='true']:is([dir='rtl'] .kt-switch)):before {
        --tw-translate-x: calc(var(--spacing) * -4);
        translate: var(--tw-translate-x) var(--tw-translate-y);
    }
}
@layer components {
    [aria-invalid="true"]:is(.dark .kt-switch) {
        border-color: var(--destructive);
    }
    [aria-invalid="true"]:is(.dark .kt-switch) {
        --tw-ring-color: var(--destructive);
    }
    @supports (color: color-mix(in lab, red, red)) {
        [aria-invalid="true"]:is(.dark .kt-switch) {
            --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent);
        }
    }
}
@layer components {
    .kt-tabs.kt-tabs-line {
        display: flex;
        align-items: center;
        gap: calc(var(--spacing) * 7);
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: 1px;
        border-color: var(--border);
    }
    .kt-tabs.kt-tabs-line .kt-tab-toggle {
        display: inline-flex;
        cursor: pointer;
        align-items: center;
        gap: calc(var(--spacing) * 2);
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: 2px;
        border-bottom-color: transparent;
        padding-block: calc(var(--spacing) * 2);
        font-size: var(--text-sm);
        line-height: var(--tw-leading, var(--text-sm--line-height));
        --tw-font-weight: var(--font-weight-medium);
        font-weight: var(--font-weight-medium);
        color: var(--secondary-foreground);
    }
    @media (hover: hover) {
        :is(.kt-tabs.kt-tabs-line .kt-tab-toggle):hover {
            color: var(--primary);
        }
    }
    .active[data-kt-tab-toggle]:is(.kt-tabs.kt-tabs-line .kt-tab-toggle) {
        border-color: var(--primary);
    }
    .active[data-kt-tab-toggle] :is(.kt-tabs.kt-tabs-line .kt-tab-toggle) {
        border-color: var(--primary);
    }
    [data-kt-tabs-initialized]	[data-kt-dropdown-initialized]:has([data-kt-tab-toggle].active)	:is(.kt-tabs.kt-tabs-line .kt-tab-toggle) {
        border-color: var(--primary);
    }
    .active[data-kt-tab-toggle]:is(.kt-tabs.kt-tabs-line .kt-tab-toggle) {
        color: var(--primary);
    }
    .active[data-kt-tab-toggle] :is(.kt-tabs.kt-tabs-line .kt-tab-toggle) {
        color: var(--primary);
    }
    [data-kt-tabs-initialized]	[data-kt-dropdown-initialized]:has([data-kt-tab-toggle].active)	:is(.kt-tabs.kt-tabs-line .kt-tab-toggle) {
        color: var(--primary);
    }
    :is(.kt-tabs.kt-tabs-line .kt-tab-toggle) svg {
        width: calc(var(--spacing) * 3.5);
        height: calc(var(--spacing) * 3.5);
        flex-shrink: 0;
        color: var(--muted-foreground);
    }
    .active[data-kt-tab-toggle]:is(:is(.kt-tabs.kt-tabs-line .kt-tab-toggle) svg) {
        color: var(--primary);
    }
    .active[data-kt-tab-toggle] :is(:is(.kt-tabs.kt-tabs-line .kt-tab-toggle) svg) {
        color: var(--primary);
    }
    [data-kt-tabs-initialized]	[data-kt-dropdown-initialized]:has([data-kt-tab-toggle].active)	:is(:is(.kt-tabs.kt-tabs-line .kt-tab-toggle) svg) {
        color: var(--primary);
    }
    :is(.kt-tabs.kt-tabs-line .kt-tab-toggle):hover svg {
        color: var(--primary);
    }
}
@layer components {
    .kt-textarea {
        width: 100%;
        border-style: var(--tw-border-style);
        border-width: 1px;
        border-color: var(--input);
        background-color: var(--background);
        color: var(--foreground);
        --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
        --tw-shadow-color: rgba(0,0,0,0.05);
    }
    @supports (color: color-mix(in lab, red, red)) {
        .kt-textarea {
            --tw-shadow-color: color-mix(in oklab, rgba(0,0,0,0.05) var(--tw-shadow-alpha), transparent);
        }
    }
    .kt-textarea {
        transition-property: color,box-shadow;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration));
    }
    .kt-textarea::placeholder {
        color: var(--muted-foreground);
    }
    @supports (color: color-mix(in lab, red, red)) {
        .kt-textarea::placeholder {
            color: color-mix(in oklab, var(--muted-foreground) 80%, transparent);
        }
    }
    .kt-textarea:focus-visible {
        border-color: var(--ring);
    }
    .kt-textarea:focus-visible {
        --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + 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);
    }
    .kt-textarea:focus-visible {
        --tw-ring-color: var(--ring);
    }
    @supports (color: color-mix(in lab, red, red)) {
        .kt-textarea:focus-visible {
            --tw-ring-color: color-mix(in oklab, var(--ring) 30%, transparent);
        }
    }
    .kt-textarea:focus-visible {
        --tw-outline-style: none;
        outline-style: none;
    }
    .kt-textarea:disabled {
        cursor: not-allowed;
    }
    .kt-textarea:disabled {
        opacity: 60%;
    }
    .kt-textarea[aria-invalid="true"] {
        border-color: var(--destructive);
    }
    @supports (color: color-mix(in lab, red, red)) {
        .kt-textarea[aria-invalid="true"] {
            border-color: color-mix(in oklab, var(--destructive) 60%, transparent);
        }
    }
    .kt-textarea[aria-invalid="true"] {
        --tw-ring-color: var(--destructive);
    }
    @supports (color: color-mix(in lab, red, red)) {
        .kt-textarea[aria-invalid="true"] {
            --tw-ring-color: color-mix(in oklab, var(--destructive) 10%, transparent);
        }
    }
    .kt-textarea {
        border-radius: calc(var(--radius) - 2px);
        padding: calc(var(--spacing) * 3);
        font-size: 0.8125rem;
        --tw-leading: var(--text-sm--line-height);
        line-height: var(--text-sm--line-height);
    }
    .kt-textarea-lg {
        border-radius: calc(var(--radius) - 2px);
        padding: calc(var(--spacing) * 4);
        font-size: var(--text-sm);
        line-height: var(--tw-leading, var(--text-sm--line-height));
    }
    .kt-textarea-sm {
        border-radius: calc(var(--radius) - 2px);
        padding: calc(var(--spacing) * 2.5);
        font-size: var(--text-xs);
        line-height: var(--tw-leading, var(--text-xs--line-height));
    }
}
@layer components {
    [aria-invalid="true"]:is(.dark .kt-textarea) {
        border-color: var(--destructive);
    }
    [aria-invalid="true"]:is(.dark .kt-textarea) {
        --tw-ring-color: var(--destructive);
    }
    @supports (color: color-mix(in lab, red, red)) {
        [aria-invalid="true"]:is(.dark .kt-textarea) {
            --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent);
        }
    }
}
@layer components {
    .kt-tooltip {
        border-radius: calc(var(--radius) - 2px);
        background-color: var(--mono);
        padding: calc(var(--spacing) * 1.5);
        font-size: var(--text-xs);
        line-height: var(--tw-leading, var(--text-xs--line-height));
        color: var(--mono-foreground);
        --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px 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);
        --tw-shadow-color: rgba(0,0,0,0.05);
    }
    @supports (color: color-mix(in lab, red, red)) {
        .kt-tooltip {
            --tw-shadow-color: color-mix(in oklab, rgba(0,0,0,0.05) var(--tw-shadow-alpha), transparent);
        }
    }
    .kt-tooltip:is(.dark *) {
        border-style: var(--tw-border-style);
        border-width: 1px;
    }
    .kt-tooltip:is(.dark *) {
        border-color: var(--border);
    }
    .kt-tooltip:not(.show) {
        display: none;
    }
    .kt-tooltip-light {
        border-style: var(--tw-border-style);
        border-width: 1px;
        border-color: var(--border);
        background-color: var(--popover);
        color: var(--popover-foreground);
    }
}
@layer components {
    .kt-popover {
        border-radius: calc(var(--radius) - 2px);
        border-style: var(--tw-border-style);
        border-width: 1px;
        border-color: var(--border);
        background-color: var(--popover);
        font-size: var(--text-sm);
        line-height: var(--tw-leading, var(--text-sm--line-height));
        color: var(--popover-foreground);
        --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px 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);
        --tw-shadow-color: rgba(0,0,0,0.05);
    }
    @supports (color: color-mix(in lab, red, red)) {
        .kt-popover {
            --tw-shadow-color: color-mix(in oklab, rgba(0,0,0,0.05) var(--tw-shadow-alpha), transparent);
        }
    }
    .kt-popover:not(.show) {
        display: none;
    }
    .kt-popover-header {
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: 1px;
        border-color: var(--border);
        padding-inline: calc(var(--spacing) * 2.5);
        padding-block: calc(var(--spacing) * 2);
        --tw-font-weight: var(--font-weight-semibold);
        font-weight: var(--font-weight-semibold);
        color: var(--mono);
    }
    .kt-popover-content {
        padding-inline: calc(var(--spacing) * 2.5);
        padding-block: calc(var(--spacing) * 2);
    }
}
@layer components {
    .kt-table-wrapper {
        position: relative;
        width: 100%;
        overflow: auto;
    }
    .kt-table {
        width: 100%;
        border-collapse: collapse;
        text-align: left;
        vertical-align: bottom;
        font-size: var(--text-sm);
        line-height: var(--tw-leading, var(--text-sm--line-height));
        color: var(--foreground);
        caption-side: bottom;
    }
    .kt-table tr {
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: 1px;
        border-color: var(--border);
    }
    .kt-table caption {
        margin-top: calc(var(--spacing) * 4);
        font-size: var(--text-sm);
        line-height: var(--tw-leading, var(--text-sm--line-height));
        color: var(--muted-foreground);
    }
    :is(.kt-table thead) tr {
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: 1px;
    }
    :is(.kt-table thead) th {
        height: calc(var(--spacing) * 10);
        background-color: var(--muted);
    }
    @supports (color: color-mix(in lab, red, red)) {
        :is(.kt-table thead) th {
            background-color: color-mix(in oklab, var(--muted) 40%, transparent);
        }
    }
    :is(.kt-table thead) th {
        padding-inline: calc(var(--spacing) * 4);
        text-align: left;
        vertical-align: middle;
        --tw-font-weight: var(--font-weight-normal);
        font-weight: var(--font-weight-normal);
        color: var(--secondary-foreground);
    }
    :is(:is(.kt-table thead) th):where(:dir(rtl),[dir="rtl"],[dir="rtl"] *) {
        text-align: right;
    }
    :is(:is(.kt-table thead) th):has([role=checkbox]) {
        padding-inline-end: calc(var(--spacing) * 0);
    }
    :is(.kt-table tbody) tr:last-child {
        border-style: var(--tw-border-style);
        border-width: 0px;
    }
    :is(.kt-table tbody) td {
        padding-inline: calc(var(--spacing) * 4);
        padding-block: calc(var(--spacing) * 3);
        vertical-align: middle;
    }
    :is(:is(.kt-table tbody) td):has([role=checkbox]) {
        padding-inline-end: calc(var(--spacing) * 0);
    }
    .kt-table tfoot {
        border-top-style: var(--tw-border-style);
        border-top-width: 1px;
        background-color: var(--muted);
    }
    @supports (color: color-mix(in lab, red, red)) {
        .kt-table tfoot {
            background-color: color-mix(in oklab, var(--muted) 50%, transparent);
        }
    }
    .kt-table tfoot {
        --tw-font-weight: var(--font-weight-medium);
        font-weight: var(--font-weight-medium);
    }
    :is(.kt-table tfoot):last-child > tr {
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: 0px;
    }
    :is(.kt-table tfoot) th {
        height: calc(var(--spacing) * 10);
        padding-inline: calc(var(--spacing) * 4);
        text-align: left;
        vertical-align: middle;
        --tw-font-weight: var(--font-weight-normal);
        font-weight: var(--font-weight-normal);
        color: var(--secondary-foreground);
    }
    :is(:is(.kt-table tfoot) th):where(:dir(rtl),[dir="rtl"],[dir="rtl"] *) {
        text-align: right;
    }
    :is(:is(.kt-table tfoot) th):has([role=checkbox]) {
        padding-inline-end: calc(var(--spacing) * 0);
    }
    :is(.kt-table td,.kt-table th) input[type='checkbox'] {
        vertical-align: inherit;
    }
    .checked:is(:is([data-kt-datatable-table],.kt-table-highlight) tr) {
        background-color: var(--muted);
    }
    :is(:is([data-kt-datatable-table],.kt-table-highlight) tr):has(td):hover {
        background-color: var(--muted);
    }
    @supports (color: color-mix(in lab, red, red)) {
        :is(:is([data-kt-datatable-table],.kt-table-highlight) tr):has(td):hover {
            background-color: color-mix(in oklab, var(--muted) 50%, transparent);
        }
    }
    .kt-table-col {
        display: inline-flex;
        align-items: center;
        gap: 0.35rem;
        cursor: pointer;
    }
    .kt-table-col-label {
        display: inline-flex;
        align-items: center;
        flex-wrap: nowrap;
        white-space: nowrap;
        gap: 0.35rem;
    }
    .kt-table-col-sort {
        display: inline-flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        height: 0.975rem;
        width: 0.975rem;
        gap: 0.125rem;
        line-height: 1;
    }
    .kt-table-col-sort:before {
        display: inline-block;
        content: '';
        height: 0.25rem;
        width: 0.438rem;
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='5' viewBox='0 0 8 5' fill='none'%3E%3Cpath d='M1.08333 4.83333C0.908333 4.83333 0.791667 4.775 0.675 4.65833C0.441667 4.425 0.441667 4.075 0.675 3.84167L3.59167 0.925C3.825 0.691667 4.175 0.691667 4.40833 0.925L7.325 3.84167C7.55833 4.075 7.55833 4.425 7.325 4.65833C7.09167 4.89167 6.74167 4.89167 6.50833 4.65833L4 2.15L1.49167 4.65833C1.375 4.775 1.25833 4.83333 1.08333 4.83333Z' fill='%2378829D'/%3E%3C/svg%3E");
    }
    .kt-table-col-sort:after {
        display: inline-block;
        content: '';
        height: 0.25rem;
        width: 0.438rem;
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='5' viewBox='0 0 8 5' fill='none'%3E%3Cpath d='M4 4.24984C3.825 4.24984 3.70833 4.1915 3.59167 4.07484L0.675 1.15817C0.441667 0.924838 0.441667 0.574837 0.675 0.341504C0.908333 0.108171 1.25833 0.108171 1.49167 0.341504L4 2.84984L6.50833 0.341504C6.74167 0.108171 7.09167 0.108171 7.325 0.341504C7.55833 0.574837 7.55833 0.924838 7.325 1.15817L4.40833 4.07484C4.29167 4.1915 4.175 4.24984 4 4.24984Z' fill='%2378829D'/%3E%3C/svg%3E");
    }
    :is([aria-sort='asc'] .kt-table-col-sort):before {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='5' viewBox='0 0 8 5' fill='none'%3E%3Cpath d='M1.08333 4.83333C0.908333 4.83333 0.791667 4.775 0.675 4.65833C0.441667 4.425 0.441667 4.075 0.675 3.84167L3.59167 0.925C3.825 0.691667 4.175 0.691667 4.40833 0.925L7.325 3.84167C7.55833 4.075 7.55833 4.425 7.325 4.65833C7.09167 4.89167 6.74167 4.89167 6.50833 4.65833L4 2.15L1.49167 4.65833C1.375 4.775 1.25833 4.83333 1.08333 4.83333Z' fill='%234B5675'/%3E%3C/svg%3E");
    }
    :is([aria-sort='asc'] .kt-table-col-sort):after {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='5' viewBox='0 0 8 5' fill='none'%3E%3Cpath d='M4 4.24984C3.825 4.24984 3.70833 4.1915 3.59167 4.07484L0.675 1.15817C0.441667 0.924838 0.441667 0.574837 0.675 0.341504C0.908333 0.108171 1.25833 0.108171 1.49167 0.341504L4 2.84984L6.50833 0.341504C6.74167 0.108171 7.09167 0.108171 7.325 0.341504C7.55833 0.574837 7.55833 0.924838 7.325 1.15817L4.40833 4.07484C4.29167 4.1915 4.175 4.24984 4 4.24984Z' fill='%23C9CEDA'/%3E%3C/svg%3E");
    }
    :is([aria-sort='desc'] .kt-table-col-sort):before {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='5' viewBox='0 0 8 5' fill='none'%3E%3Cpath d='M1.08333 4.83333C0.908333 4.83333 0.791667 4.775 0.675 4.65833C0.441667 4.425 0.441667 4.075 0.675 3.84167L3.59167 0.925C3.825 0.691667 4.175 0.691667 4.40833 0.925L7.325 3.84167C7.55833 4.075 7.55833 4.425 7.325 4.65833C7.09167 4.89167 6.74167 4.89167 6.50833 4.65833L4 2.15L1.49167 4.65833C1.375 4.775 1.25833 4.83333 1.08333 4.83333Z' fill='%23C9CEDA'/%3E%3C/svg%3E");
    }
    :is([aria-sort='desc'] .kt-table-col-sort):after {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='5' viewBox='0 0 8 5' fill='none'%3E%3Cpath d='M4 4.24984C3.825 4.24984 3.70833 4.1915 3.59167 4.07484L0.675 1.15817C0.441667 0.924838 0.441667 0.574837 0.675 0.341504C0.908333 0.108171 1.25833 0.108171 1.49167 0.341504L4 2.84984L6.50833 0.341504C6.74167 0.108171 7.09167 0.108171 7.325 0.341504C7.55833 0.574837 7.55833 0.924838 7.325 1.15817L4.40833 4.07484C4.29167 4.1915 4.175 4.24984 4 4.24984Z' fill='%234B5675'/%3E%3C/svg%3E");
    }
}
@layer components {
    .kt-table-border {
        border-style: var(--tw-border-style);
        border-width: 1px;
        border-color: var(--border);
    }
    .kt-table-border td,.kt-table-border th {
        border-inline-end-style: var(--tw-border-style);
        border-inline-end-width: 1px;
        border-color: var(--border);
    }
    :is(.kt-table-border td,.kt-table-border th):last-child {
        border-inline-end-style: var(--tw-border-style);
        border-inline-end-width: 0px;
    }
    .kt-table-border-s {
        border-inline-start-style: var(--tw-border-style);
        border-inline-start-width: 1px;
        border-color: var(--border);
    }
    .kt-table-border-e {
        border-inline-end-style: var(--tw-border-style);
        border-inline-end-width: 1px;
        border-color: var(--border);
    }
    .kt-table-border-t {
        border-top-style: var(--tw-border-style);
        border-top-width: 1px;
        border-color: var(--border);
    }
    .kt-table-border-b {
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: 1px;
        border-color: var(--border);
    }
}
@layer components {
    [dir='rtl'] .kt-table {
        text-align: right;
    }
}
@layer component-overrides {
    th[data-kt-datatable-column-sort="false"] .kt-table-col {
        cursor: default;
    }
}
@layer components {
    .kt-toggle-group {
        display: inline-flex;
        align-items: center;
        background-color: var(--background);
        --tw-leading: 1;
        line-height: 1;
    }
    .kt-toggle-group .kt-btn {
        flex-grow: 1;
        border-style: var(--tw-border-style);
        border-width: 1px;
        border-inline-end-style: var(--tw-border-style);
        border-inline-end-width: 0px;
        border-color: var(--border);
        background-color: transparent;
        color: var(--accent-foreground);
    }
    :is(.kt-toggle-group .kt-btn):last-child {
        border-inline-end-style: var(--tw-border-style);
        border-inline-end-width: 1px;
        border-color: var(--border);
    }
    :is(.kt-toggle-group .kt-btn):not(:first-child) {
        border-start-start-radius: 0;
        border-end-start-radius: 0;
    }
    :is(.kt-toggle-group .kt-btn):not(:last-child) {
        border-start-end-radius: 0;
        border-end-end-radius: 0;
    }
    :is(.kt-toggle-group .kt-btn):not(:first-child):not(:last-child) {
        border-radius: 0;
    }
    :is(.kt-toggle-group .kt-btn) svg,:is(.kt-toggle-group .kt-btn) i {
        color: var(--muted-foreground);
    }
    :is(.kt-toggle-group .kt-btn) input[type='checkbox'],:is(.kt-toggle-group .kt-btn) input[type='radio'] {
        display: none;
    }
    :is(.kt-toggle-group .kt-btn):hover,:is(.kt-toggle-group .kt-btn):focus,:is(.kt-toggle-group .kt-btn):active,:is(.kt-toggle-group .kt-btn):has(input:checked),.active:is(.kt-toggle-group .kt-btn) {
        background-color: var(--accent);
        color: var(--accent-foreground);
    }
    :is(:is(.kt-toggle-group .kt-btn):hover,:is(.kt-toggle-group .kt-btn):focus,:is(.kt-toggle-group .kt-btn):active,:is(.kt-toggle-group .kt-btn):has(input:checked),.active:is(.kt-toggle-group .kt-btn)) svg,:is(:is(.kt-toggle-group .kt-btn):hover,:is(.kt-toggle-group .kt-btn):focus,:is(.kt-toggle-group .kt-btn):active,:is(.kt-toggle-group .kt-btn):has(input:checked),.active:is(.kt-toggle-group .kt-btn)) i {
        color: var(--accent-foreground);
    }
}
@layer components {
    .kt-separator {
        height: 1px;
        width: 100%;
        flex-shrink: 0;
        background-color: var(--border);
    }
    .kt-separator-vertical {
        height: 100%;
        width: 1px;
    }
}
@layer components {
    .kt-progress {
        position: relative;
        height: calc(var(--spacing) * 1);
        width: 100%;
        overflow: hidden;
        border-radius: calc(infinity * 1px);
        background-color: var(--secondary);
    }
    .kt-progress-indicator {
        height: 100%;
        width: 100%;
        flex: 1;
        transform: translateX(calc(100 - var(--progress-value)));
        border-radius: calc(infinity * 1px);
        background-color: var(--primary);
        transition-property: all;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration));
    }
    .kt-progress-primary .kt-progress-indicator {
        background-color: var(--primary);
    }
    .kt-progress-success .kt-progress-indicator {
        background-color: var(--color-green-500);
    }
    .kt-progress-warning .kt-progress-indicator {
        background-color: var(--color-yellow-500);
    }
    .kt-progress-info .kt-progress-indicator {
        background-color: var(--color-violet-500);
    }
    .kt-progress-destructive .kt-progress-indicator {
        background-color: var(--destructive);
    }
    .kt-progress-mono .kt-progress-indicator {
        background-color: var(--mono);
    }
}
@layer components {
    .kt-pagination {
        display: flex;
        align-items: center;
        gap: calc(var(--spacing) * 1);
    }
    .kt-pagination-item {
        display: flex;
        flex-shrink: 0;
        flex-direction: row;
        align-items: center;
        gap: calc(var(--spacing) * 1);
    }
    .kt-pagination-item svg {
        width: calc(var(--spacing) * 4);
        height: calc(var(--spacing) * 4);
        color: var(--muted-foreground);
    }
    .kt-pagination-ellipsis {
        display: flex;
        height: calc(var(--spacing) * 9);
        width: calc(var(--spacing) * 9);
        align-items: center;
        justify-content: center;
    }
    .kt-pagination-ellipsis svg {
        width: calc(var(--spacing) * 4);
        height: calc(var(--spacing) * 4);
        color: var(--muted-foreground);
    }
}
@layer components {
    .kt-skeleton {
        animation: var(--animate-pulse);
        border-radius: calc(var(--radius) - 2px);
        background-color: var(--accent);
    }
}
@layer components {
    .kt-kbd {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border-radius: calc(var(--radius) - 2px);
        font-family: var(--font-mono);
    }
    .kt-kbd {
        border-style: var(--tw-border-style);
        border-width: 1px;
        border-color: var(--border);
        background-color: var(--accent);
        color: var(--accent-foreground);
    }
    .kt-kbd-outline {
        border-style: var(--tw-border-style);
        border-width: 1px;
        border-color: var(--input);
        background-color: transparent;
        color: var(--accent-foreground);
    }
    .kt-kbd {
        height: calc(var(--spacing) * 7);
        min-width: calc(var(--spacing) * 7);
        padding-inline: calc(var(--spacing) * 1.5);
        font-size: var(--text-xs);
        line-height: var(--tw-leading, var(--text-xs--line-height));
    }
    .kt-kbd svg {
        width: calc(var(--spacing) * 3.5);
        height: calc(var(--spacing) * 3.5);
    }
    .kt-kbd-xs {
        height: calc(var(--spacing) * 5);
        min-width: calc(var(--spacing) * 5);
        padding-inline: calc(var(--spacing) * 1);
        font-size: 0.6875rem;
        --tw-leading: 0.75rem;
        line-height: 0.75rem;
    }
    .kt-kbd-xs svg {
        width: calc(var(--spacing) * 3);
        height: calc(var(--spacing) * 3);
    }
    .kt-kbd-sm {
        height: calc(var(--spacing) * 6);
        min-width: calc(var(--spacing) * 6);
        padding-inline: calc(var(--spacing) * 1);
        font-size: 0.75rem;
        --tw-leading: 0.75rem;
        line-height: 0.75rem;
    }
    .kt-kbd-sm svg {
        width: calc(var(--spacing) * 3);
        height: calc(var(--spacing) * 3);
    }
}
@layer components {
    .kt-breadcrumb {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: calc(var(--spacing) * 1.5);
        font-size: var(--text-sm);
        line-height: var(--tw-leading, var(--text-sm--line-height));
        overflow-wrap: break-word;
        color: var(--muted-foreground);
    }
    .kt-breadcrumb-item {
        display: inline-flex;
        align-items: center;
        gap: calc(var(--spacing) * 1.5);
    }
    .kt-breadcrumb-link {
        transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration));
    }
    @media (hover: hover) {
        .kt-breadcrumb-link:hover {
            color: var(--foreground);
        }
    }
    .kt-breadcrumb-link svg {
        width: calc(var(--spacing) * 4);
        height: calc(var(--spacing) * 4);
    }
    .kt-breadcrumb-page {
        --tw-font-weight: var(--font-weight-normal);
        font-weight: var(--font-weight-normal);
        color: var(--foreground);
    }
    .kt-breadcrumb-separator svg {
        width: calc(var(--spacing) * 3.5);
        height: calc(var(--spacing) * 3.5);
    }
    .kt-breadcrumb-ellipsis svg {
        width: calc(var(--spacing) * 4);
        height: calc(var(--spacing) * 4);
    }
}
@layer components {
    .kt-toast-container {
        position: fixed;
        z-index: 9999;
    }
    .kt-toast {
        pointer-events: auto;
        position: fixed;
        z-index: 9999;
        width: calc(var(--spacing) * 76);
        max-width: 95%;
        overflow: hidden;
        --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);
        opacity: 0;
        animation: kt-toast-in 0.28s cubic-bezier(0.4, 0, 0.2, 1) forwards;
        transition: top 0.28s cubic-bezier(0.4, 0, 0.2, 1),	opacity 0.28s cubic-bezier(0.4, 0, 0.2, 1);
    }
    .kt-toast.kt-toast-top-end {
        inset-inline-end: calc(var(--spacing) * 0);
        top: calc(var(--spacing) * 0);
        bottom: auto;
    }
    .kt-toast.kt-toast-top-center {
        top: calc(var(--spacing) * 0);
        bottom: auto;
        left: calc(1 / 2 * 100%);
        --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
        translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .kt-toast.kt-toast-top-start {
        inset-inline-start: calc(var(--spacing) * 0);
        top: calc(var(--spacing) * 0);
        bottom: auto;
    }
    .kt-toast.kt-toast-middle-end {
        inset-inline-end: calc(var(--spacing) * 0);
        top: calc(1 / 2 * 100%);
        --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
        translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .kt-toast.kt-toast-middle-center {
        top: calc(1 / 2 * 100%);
        left: calc(1 / 2 * 100%);
        --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
        --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
        translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .kt-toast.kt-toast-middle-start {
        inset-inline-start: calc(var(--spacing) * 0);
        top: calc(1 / 2 * 100%);
        --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
        translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .kt-toast.kt-toast-bottom-end {
        inset-inline-end: calc(var(--spacing) * 0);
        top: auto;
        bottom: calc(var(--spacing) * 0);
    }
    .kt-toast.kt-toast-bottom-center {
        top: auto;
        bottom: calc(var(--spacing) * 0);
        left: calc(1 / 2 * 100%);
        --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
        translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .kt-toast.kt-toast-bottom-start {
        inset-inline-start: calc(var(--spacing) * 0);
        top: auto;
        bottom: calc(var(--spacing) * 0);
    }
    .kt-toast-progress {
        position: fixed;
        inset-inline-start: calc(var(--spacing) * 0);
        bottom: calc(var(--spacing) * 0);
        height: 3px;
        width: 100%;
        background-color: var(--primary);
        transform-origin: left;
        animation: kt-toast-progress-line linear forwards;
    }
}
@layer components {
    [dir='rtl'] .kt-toast-progress {
        transform-origin: right;
    }
}
@layer components {
    @keyframes kt-toast-in {
        from {
            opacity: 0;
            transform: translateY(-24px);
        }
        to {
            opacity: 1;
            transform: translateY(0);
        }
    }
    @keyframes kt-toast-out {
        from {
            opacity: 1;
        }
        to {
            opacity: 0;
        }
    }
    @keyframes kt-toast-progress-line {
        from {
            transform: scaleX(1);
        }
        to {
            transform: scaleX(0);
        }
    }
}
.kt-rating {
    display: flex;
    align-items: center;
}
.kt-rating-label {
    pointer-events: auto;
}
.appearance-none {
    background-image: none !important;
    box-shadow: none;
    background-color: transparent;
    border: 0;
    width: 0;
    height: 0;
}
@layer components {
    .apexcharts-text, .apexcharts-title-text, .apexcharts-legend-text {
        font-family: inherit !important;
    }
    .apexcharts-title-text {
        font-weight: var(--font-weight-normal);
    }
    .apexcharts-pie-label {
        font-size: var(--text-xs);
        line-height: var(--tw-leading, var(--text-xs--line-height));
    }
    .apexcharts-toolbar {
        text-align: start !important;
    }
    .apexcharts-menu {
        border: 1px solid var(--color-border) !important;
        box-shadow: var(--box-shadow-sm) !important;
        background-color: var(--color-background) !important;
        border-radius: 0.625rem !important;
        padding: 0.5rem 0 !important;
        overflow: hidden;
        min-width: 10rem !important;
    }
    .apexcharts-menu .apexcharts-menu-item {
        padding: 0.5rem 0.5rem !important;
    }
    .apexcharts-menu .apexcharts-menu-item:hover {
        background-color: var(--gray-100) !important;
    }
    .apexcharts-tooltip {
        border: 1px solid var(--color-border) !important;
        box-shadow: var(--box-shadow-sm) !important;
        background-color: var(--color-background) !important;
        border-radius: 0.625rem !important;
        color: var(--color-secondary-foreground) !important;
    }
    .apexcharts-tooltip .apexcharts-tooltip-title {
        font-size: var(--text-sm);
        line-height: var(--tw-leading, var(--text-sm--line-height));
        --tw-font-weight: var(--font-weight-medium);
        font-weight: var(--font-weight-medium);
        color: var(--foreground);
        padding: 0.25rem 0.5rem !important;
        background-color: transparent !important;
        border-bottom: 1px solid var(--color-border) !important;
    }
    .apexcharts-xaxistooltip {
        border: 1px solid var(--color-border) !important;
        box-shadow: var(--box-shadow-sm) !important;
        background-color: var(--color-background) !important;
        border-radius: 0.625rem;
        color: var(--color-mono);
    }
    .apexcharts-xaxistooltip:before {
        border-bottom: 0 !important;
    }
    .apexcharts-legend {
        display: flex;
        flex-direction: column;
        gap: calc(var(--spacing) * 2);
    }
    .apexcharts-legend .apexcharts-legend-series {
        gap: calc(var(--spacing) * 1);
        display: flex;
        align-items: center;
    }
    .apexcharts-legend .apexcharts-legend-series .apexcharts-legend-text {
        font-size: var(--text-sm);
        line-height: var(--tw-leading, var(--text-sm--line-height));
        --tw-font-weight: var(--font-weight-medium);
        font-weight: var(--font-weight-medium);
        color: var(--muted-foreground);
    }
    .apexcharts-card-rounded .apexcharts-canvas svg {
        border-bottom-left-radius: var(--radius-xl);
        border-bottom-right-radius: var(--radius-xl);
    }
    .apexcharts-rounded-sm .apexcharts-canvas svg {
        border-radius: var(--radius-sm);
    }
    .apexcharts-rounded .apexcharts-canvas svg {
        border-radius: var(--radius-md);
    }
    .apexcharts-rounded-lg .apexcharts-canvas svg {
        border-radius: var(--radius-lg);
    }
    .apexcharts-rounded-xl .apexcharts-canvas svg {
        border-radius: var(--radius-xl);
    }
}
/*! Pickr 1.9.1 MIT | https://github.com/Simonwep/pickr */
.pickr {
    position: relative;
    overflow: visible;
    transform: translateY(0);
}
.pickr * {
    box-sizing: border-box;
    outline: none;
    border: none;
    -webkit-appearance: none;
}
.pickr .pcr-button {
    position: relative;
    height: 2em;
    width: 2em;
    padding: .5em;
    cursor: pointer;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Helvetica Neue",Arial,sans-serif;
    border-radius: .15em;
    background: url("data:image/svg+xml;utf8, <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\" stroke=\"%2342445A\" stroke-width=\"5px\" stroke-linecap=\"round\"><path d=\"M45,45L5,5\"></path><path d=\"M45,5L5,45\"></path></svg>") no-repeat center;
    background-size: 0;
    transition: all .3s;
}
.pickr .pcr-button::before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url("data:image/svg+xml;utf8, <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 2 2\"><path fill=\"white\" d=\"M1,0H2V1H1V0ZM0,1H1V2H0V1Z\"/><path fill=\"gray\" d=\"M0,0H1V1H0V0ZM1,1H2V2H1V1Z\"/></svg>");
    background-size: .5em;
    border-radius: .15em;
    z-index: -1;
}
.pickr .pcr-button::before {
    z-index: initial;
}
.pickr .pcr-button::after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    transition: background .3s;
    background: var(--pcr-color);
    border-radius: .15em;
}
.pickr .pcr-button.clear {
    background-size: 70%;
}
.pickr .pcr-button.clear::before {
    opacity: 0;
}
.pickr .pcr-button.clear:focus {
    box-shadow: 0 0 0 1px rgba(255,255,255,.85),0 0 0 3px var(--pcr-color);
}
.pickr .pcr-button.disabled {
    cursor: not-allowed;
}
.pickr *,.pcr-app * {
    box-sizing: border-box;
    outline: none;
    border: none;
    -webkit-appearance: none;
}
.pickr input:focus,.pickr input.pcr-active,.pickr button:focus,.pickr button.pcr-active,.pcr-app input:focus,.pcr-app input.pcr-active,.pcr-app button:focus,.pcr-app button.pcr-active {
    box-shadow: 0 0 0 1px rgba(255,255,255,.85),0 0 0 3px var(--pcr-color);
}
.pickr .pcr-palette,.pickr .pcr-slider,.pcr-app .pcr-palette,.pcr-app .pcr-slider {
    transition: box-shadow .3s;
}
.pickr .pcr-palette:focus,.pickr .pcr-slider:focus,.pcr-app .pcr-palette:focus,.pcr-app .pcr-slider:focus {
    box-shadow: 0 0 0 1px rgba(255,255,255,.85),0 0 0 3px rgba(0,0,0,.25);
}
.pcr-app {
    position: fixed;
    display: flex;
    flex-direction: column;
    z-index: 10000;
    border-radius: .1em;
    background: #fff;
    opacity: 0;
    visibility: hidden;
    transition: opacity .3s,visibility 0s .3s;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Helvetica Neue",Arial,sans-serif;
    box-shadow: 0 .15em 1.5em 0 rgba(0,0,0,.1),0 0 1em 0 rgba(0,0,0,.03);
    left: 0;
    top: 0;
}
.pcr-app.visible {
    transition: opacity .3s;
    visibility: visible;
    opacity: 1;
}
.pcr-app .pcr-swatches {
    display: flex;
    flex-wrap: wrap;
    margin-top: .75em;
}
.pcr-app .pcr-swatches.pcr-last {
    margin: 0;
}
@supports (display: grid) {
    .pcr-app .pcr-swatches {
        display: grid;
        align-items: center;
        grid-template-columns: repeat(auto-fit, 1.75em);
    }
}
.pcr-app .pcr-swatches>button {
    font-size: 1em;
    position: relative;
    width: calc(1.75em - 5px);
    height: calc(1.75em - 5px);
    border-radius: .15em;
    cursor: pointer;
    margin: 2.5px;
    flex-shrink: 0;
    justify-self: center;
    transition: all .15s;
    overflow: hidden;
    background: rgba(0,0,0,0);
    z-index: 1;
}
.pcr-app .pcr-swatches>button::before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url("data:image/svg+xml;utf8, <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 2 2\"><path fill=\"white\" d=\"M1,0H2V1H1V0ZM0,1H1V2H0V1Z\"/><path fill=\"gray\" d=\"M0,0H1V1H0V0ZM1,1H2V2H1V1Z\"/></svg>");
    background-size: 6px;
    border-radius: .15em;
    z-index: -1;
}
.pcr-app .pcr-swatches>button::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--pcr-color);
    border: 1px solid rgba(0,0,0,.05);
    border-radius: .15em;
    box-sizing: border-box;
}
.pcr-app .pcr-swatches>button:hover {
    filter: brightness(1.05);
}
.pcr-app .pcr-swatches>button:not(.pcr-active) {
    box-shadow: none;
}
.pcr-app .pcr-interaction {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 0 -0.2em 0 -0.2em;
}
.pcr-app .pcr-interaction>* {
    margin: 0 .2em;
}
.pcr-app .pcr-interaction input {
    letter-spacing: .07em;
    font-size: .75em;
    text-align: center;
    cursor: pointer;
    color: #75797e;
    background: #f1f3f4;
    border-radius: .15em;
    transition: all .15s;
    padding: .45em .5em;
    margin-top: .75em;
}
.pcr-app .pcr-interaction input:hover {
    filter: brightness(0.975);
}
.pcr-app .pcr-interaction input:focus {
    box-shadow: 0 0 0 1px rgba(255,255,255,.85),0 0 0 3px rgba(66,133,244,.75);
}
.pcr-app .pcr-interaction .pcr-result {
    color: #75797e;
    text-align: left;
    flex: 1 1 8em;
    min-width: 8em;
    transition: all .2s;
    border-radius: .15em;
    background: #f1f3f4;
    cursor: text;
}
.pcr-app .pcr-interaction .pcr-result::-moz-selection {
    background: #4285f4;
    color: #fff;
}
.pcr-app .pcr-interaction .pcr-result::selection {
    background: #4285f4;
    color: #fff;
}
.pcr-app .pcr-interaction .pcr-type.active {
    color: #fff;
    background: #4285f4;
}
.pcr-app .pcr-interaction .pcr-save,.pcr-app .pcr-interaction .pcr-cancel,.pcr-app .pcr-interaction .pcr-clear {
    color: #fff;
    width: auto;
}
.pcr-app .pcr-interaction .pcr-save,.pcr-app .pcr-interaction .pcr-cancel,.pcr-app .pcr-interaction .pcr-clear {
    color: #fff;
}
.pcr-app .pcr-interaction .pcr-save:hover,.pcr-app .pcr-interaction .pcr-cancel:hover,.pcr-app .pcr-interaction .pcr-clear:hover {
    filter: brightness(0.925);
}
.pcr-app .pcr-interaction .pcr-save {
    background: #4285f4;
}
.pcr-app .pcr-interaction .pcr-clear,.pcr-app .pcr-interaction .pcr-cancel {
    background: #f44250;
}
.pcr-app .pcr-interaction .pcr-clear:focus,.pcr-app .pcr-interaction .pcr-cancel:focus {
    box-shadow: 0 0 0 1px rgba(255,255,255,.85),0 0 0 3px rgba(244,66,80,.75);
}
.pcr-app .pcr-selection .pcr-picker {
    position: absolute;
    height: 18px;
    width: 18px;
    border: 2px solid #fff;
    border-radius: 100%;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}
.pcr-app .pcr-selection .pcr-color-palette,.pcr-app .pcr-selection .pcr-color-chooser,.pcr-app .pcr-selection .pcr-color-opacity {
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    display: flex;
    flex-direction: column;
    cursor: grab;
    cursor: -webkit-grab;
}
.pcr-app .pcr-selection .pcr-color-palette:active,.pcr-app .pcr-selection .pcr-color-chooser:active,.pcr-app .pcr-selection .pcr-color-opacity:active {
    cursor: grabbing;
    cursor: -webkit-grabbing;
}
.pcr-app[data-theme=classic] {
    width: 28.5em;
    max-width: 95vw;
    padding: .8em;
}
.pcr-app[data-theme=classic] .pcr-selection {
    display: flex;
    justify-content: space-between;
    flex-grow: 1;
}
.pcr-app[data-theme=classic] .pcr-selection .pcr-color-preview {
    position: relative;
    z-index: 1;
    width: 2em;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-right: .75em;
}
.pcr-app[data-theme=classic] .pcr-selection .pcr-color-preview::before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url("data:image/svg+xml;utf8, <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 2 2\"><path fill=\"white\" d=\"M1,0H2V1H1V0ZM0,1H1V2H0V1Z\"/><path fill=\"gray\" d=\"M0,0H1V1H0V0ZM1,1H2V2H1V1Z\"/></svg>");
    background-size: .5em;
    border-radius: .15em;
    z-index: -1;
}
.pcr-app[data-theme=classic] .pcr-selection .pcr-color-preview .pcr-last-color {
    cursor: pointer;
    border-radius: .15em .15em 0 0;
    z-index: 2;
}
.pcr-app[data-theme=classic] .pcr-selection .pcr-color-preview .pcr-current-color {
    border-radius: 0 0 .15em .15em;
}
.pcr-app[data-theme=classic] .pcr-selection .pcr-color-preview .pcr-last-color,.pcr-app[data-theme=classic] .pcr-selection .pcr-color-preview .pcr-current-color {
    background: var(--pcr-color);
    width: 100%;
    height: 50%;
}
.pcr-app[data-theme=classic] .pcr-selection .pcr-color-palette {
    width: 100%;
    height: 8em;
    z-index: 1;
}
.pcr-app[data-theme=classic] .pcr-selection .pcr-color-palette .pcr-palette {
    flex-grow: 1;
    border-radius: .15em;
}
.pcr-app[data-theme=classic] .pcr-selection .pcr-color-palette .pcr-palette::before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url("data:image/svg+xml;utf8, <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 2 2\"><path fill=\"white\" d=\"M1,0H2V1H1V0ZM0,1H1V2H0V1Z\"/><path fill=\"gray\" d=\"M0,0H1V1H0V0ZM1,1H2V2H1V1Z\"/></svg>");
    background-size: .5em;
    border-radius: .15em;
    z-index: -1;
}
.pcr-app[data-theme=classic] .pcr-selection .pcr-color-chooser,.pcr-app[data-theme=classic] .pcr-selection .pcr-color-opacity {
    margin-left: .75em;
}
.pcr-app[data-theme=classic] .pcr-selection .pcr-color-chooser .pcr-picker,.pcr-app[data-theme=classic] .pcr-selection .pcr-color-opacity .pcr-picker {
    left: 50%;
    transform: translateX(-50%);
}
.pcr-app[data-theme=classic] .pcr-selection .pcr-color-chooser .pcr-slider,.pcr-app[data-theme=classic] .pcr-selection .pcr-color-opacity .pcr-slider {
    width: 8px;
    flex-grow: 1;
    border-radius: 50em;
}
.pcr-app[data-theme=classic] .pcr-selection .pcr-color-chooser .pcr-slider {
    background: linear-gradient(to bottom, hsl(0, 100%, 50%), hsl(60, 100%, 50%), hsl(120, 100%, 50%), hsl(180, 100%, 50%), hsl(240, 100%, 50%), hsl(300, 100%, 50%), hsl(0, 100%, 50%));
}
.pcr-app[data-theme=classic] .pcr-selection .pcr-color-opacity .pcr-slider {
    background: linear-gradient(to bottom, transparent, black),url("data:image/svg+xml;utf8, <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 2 2\"><path fill=\"white\" d=\"M1,0H2V1H1V0ZM0,1H1V2H0V1Z\"/><path fill=\"gray\" d=\"M0,0H1V1H0V0ZM1,1H2V2H1V1Z\"/></svg>");
    background-size: 100%,50%;
}
/*! Pickr 1.9.1 MIT | https://github.com/Simonwep/pickr */
.pickr {
    position: relative;
    overflow: visible;
    transform: translateY(0);
}
.pickr * {
    box-sizing: border-box;
    outline: none;
    border: none;
    -webkit-appearance: none;
}
.pickr .pcr-button {
    position: relative;
    height: 2em;
    width: 2em;
    padding: .5em;
    cursor: pointer;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Helvetica Neue",Arial,sans-serif;
    border-radius: .15em;
    background: url("data:image/svg+xml;utf8, <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\" stroke=\"%2342445A\" stroke-width=\"5px\" stroke-linecap=\"round\"><path d=\"M45,45L5,5\"></path><path d=\"M45,5L5,45\"></path></svg>") no-repeat center;
    background-size: 0;
    transition: all .3s;
}
.pickr .pcr-button::before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url("data:image/svg+xml;utf8, <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 2 2\"><path fill=\"white\" d=\"M1,0H2V1H1V0ZM0,1H1V2H0V1Z\"/><path fill=\"gray\" d=\"M0,0H1V1H0V0ZM1,1H2V2H1V1Z\"/></svg>");
    background-size: .5em;
    border-radius: .15em;
    z-index: -1;
}
.pickr .pcr-button::before {
    z-index: initial;
}
.pickr .pcr-button::after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    transition: background .3s;
    background: var(--pcr-color);
    border-radius: .15em;
}
.pickr .pcr-button.clear {
    background-size: 70%;
}
.pickr .pcr-button.clear::before {
    opacity: 0;
}
.pickr .pcr-button.clear:focus {
    box-shadow: 0 0 0 1px rgba(255,255,255,.85),0 0 0 3px var(--pcr-color);
}
.pickr .pcr-button.disabled {
    cursor: not-allowed;
}
.pickr *,.pcr-app * {
    box-sizing: border-box;
    outline: none;
    border: none;
    -webkit-appearance: none;
}
.pickr input:focus,.pickr input.pcr-active,.pickr button:focus,.pickr button.pcr-active,.pcr-app input:focus,.pcr-app input.pcr-active,.pcr-app button:focus,.pcr-app button.pcr-active {
    box-shadow: 0 0 0 1px rgba(255,255,255,.85),0 0 0 3px var(--pcr-color);
}
.pickr .pcr-palette,.pickr .pcr-slider,.pcr-app .pcr-palette,.pcr-app .pcr-slider {
    transition: box-shadow .3s;
}
.pickr .pcr-palette:focus,.pickr .pcr-slider:focus,.pcr-app .pcr-palette:focus,.pcr-app .pcr-slider:focus {
    box-shadow: 0 0 0 1px rgba(255,255,255,.85),0 0 0 3px rgba(0,0,0,.25);
}
.pcr-app {
    position: fixed;
    display: flex;
    flex-direction: column;
    z-index: 10000;
    border-radius: .1em;
    background: #fff;
    opacity: 0;
    visibility: hidden;
    transition: opacity .3s,visibility 0s .3s;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Helvetica Neue",Arial,sans-serif;
    box-shadow: 0 .15em 1.5em 0 rgba(0,0,0,.1),0 0 1em 0 rgba(0,0,0,.03);
    left: 0;
    top: 0;
}
.pcr-app.visible {
    transition: opacity .3s;
    visibility: visible;
    opacity: 1;
}
.pcr-app .pcr-swatches {
    display: flex;
    flex-wrap: wrap;
    margin-top: .75em;
}
.pcr-app .pcr-swatches.pcr-last {
    margin: 0;
}
@supports (display: grid) {
    .pcr-app .pcr-swatches {
        display: grid;
        align-items: center;
        grid-template-columns: repeat(auto-fit, 1.75em);
    }
}
.pcr-app .pcr-swatches>button {
    font-size: 1em;
    position: relative;
    width: calc(1.75em - 5px);
    height: calc(1.75em - 5px);
    border-radius: .15em;
    cursor: pointer;
    margin: 2.5px;
    flex-shrink: 0;
    justify-self: center;
    transition: all .15s;
    overflow: hidden;
    background: rgba(0,0,0,0);
    z-index: 1;
}
.pcr-app .pcr-swatches>button::before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url("data:image/svg+xml;utf8, <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 2 2\"><path fill=\"white\" d=\"M1,0H2V1H1V0ZM0,1H1V2H0V1Z\"/><path fill=\"gray\" d=\"M0,0H1V1H0V0ZM1,1H2V2H1V1Z\"/></svg>");
    background-size: 6px;
    border-radius: .15em;
    z-index: -1;
}
.pcr-app .pcr-swatches>button::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--pcr-color);
    border: 1px solid rgba(0,0,0,.05);
    border-radius: .15em;
    box-sizing: border-box;
}
.pcr-app .pcr-swatches>button:hover {
    filter: brightness(1.05);
}
.pcr-app .pcr-swatches>button:not(.pcr-active) {
    box-shadow: none;
}
.pcr-app .pcr-interaction {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 0 -0.2em 0 -0.2em;
}
.pcr-app .pcr-interaction>* {
    margin: 0 .2em;
}
.pcr-app .pcr-interaction input {
    letter-spacing: .07em;
    font-size: .75em;
    text-align: center;
    cursor: pointer;
    color: #75797e;
    background: #f1f3f4;
    border-radius: .15em;
    transition: all .15s;
    padding: .45em .5em;
    margin-top: .75em;
}
.pcr-app .pcr-interaction input:hover {
    filter: brightness(0.975);
}
.pcr-app .pcr-interaction input:focus {
    box-shadow: 0 0 0 1px rgba(255,255,255,.85),0 0 0 3px rgba(66,133,244,.75);
}
.pcr-app .pcr-interaction .pcr-result {
    color: #75797e;
    text-align: left;
    flex: 1 1 8em;
    min-width: 8em;
    transition: all .2s;
    border-radius: .15em;
    background: #f1f3f4;
    cursor: text;
}
.pcr-app .pcr-interaction .pcr-result::-moz-selection {
    background: #4285f4;
    color: #fff;
}
.pcr-app .pcr-interaction .pcr-result::selection {
    background: #4285f4;
    color: #fff;
}
.pcr-app .pcr-interaction .pcr-type.active {
    color: #fff;
    background: #4285f4;
}
.pcr-app .pcr-interaction .pcr-save,.pcr-app .pcr-interaction .pcr-cancel,.pcr-app .pcr-interaction .pcr-clear {
    color: #fff;
    width: auto;
}
.pcr-app .pcr-interaction .pcr-save,.pcr-app .pcr-interaction .pcr-cancel,.pcr-app .pcr-interaction .pcr-clear {
    color: #fff;
}
.pcr-app .pcr-interaction .pcr-save:hover,.pcr-app .pcr-interaction .pcr-cancel:hover,.pcr-app .pcr-interaction .pcr-clear:hover {
    filter: brightness(0.925);
}
.pcr-app .pcr-interaction .pcr-save {
    background: #4285f4;
}
.pcr-app .pcr-interaction .pcr-clear,.pcr-app .pcr-interaction .pcr-cancel {
    background: #f44250;
}
.pcr-app .pcr-interaction .pcr-clear:focus,.pcr-app .pcr-interaction .pcr-cancel:focus {
    box-shadow: 0 0 0 1px rgba(255,255,255,.85),0 0 0 3px rgba(244,66,80,.75);
}
.pcr-app .pcr-selection .pcr-picker {
    position: absolute;
    height: 18px;
    width: 18px;
    border: 2px solid #fff;
    border-radius: 100%;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}
.pcr-app .pcr-selection .pcr-color-palette,.pcr-app .pcr-selection .pcr-color-chooser,.pcr-app .pcr-selection .pcr-color-opacity {
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    display: flex;
    flex-direction: column;
    cursor: grab;
    cursor: -webkit-grab;
}
.pcr-app .pcr-selection .pcr-color-palette:active,.pcr-app .pcr-selection .pcr-color-chooser:active,.pcr-app .pcr-selection .pcr-color-opacity:active {
    cursor: grabbing;
    cursor: -webkit-grabbing;
}
.pcr-app[data-theme=monolith] {
    width: 14.25em;
    max-width: 95vw;
    padding: .8em;
}
.pcr-app[data-theme=monolith] .pcr-selection {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex-grow: 1;
}
.pcr-app[data-theme=monolith] .pcr-selection .pcr-color-preview {
    position: relative;
    z-index: 1;
    width: 100%;
    height: 1em;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: .5em;
}
.pcr-app[data-theme=monolith] .pcr-selection .pcr-color-preview::before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url("data:image/svg+xml;utf8, <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 2 2\"><path fill=\"white\" d=\"M1,0H2V1H1V0ZM0,1H1V2H0V1Z\"/><path fill=\"gray\" d=\"M0,0H1V1H0V0ZM1,1H2V2H1V1Z\"/></svg>");
    background-size: .5em;
    border-radius: .15em;
    z-index: -1;
}
.pcr-app[data-theme=monolith] .pcr-selection .pcr-color-preview .pcr-last-color {
    cursor: pointer;
    transition: background-color .3s,box-shadow .3s;
    border-radius: .15em 0 0 .15em;
    z-index: 2;
}
.pcr-app[data-theme=monolith] .pcr-selection .pcr-color-preview .pcr-current-color {
    border-radius: 0 .15em .15em 0;
}
.pcr-app[data-theme=monolith] .pcr-selection .pcr-color-preview .pcr-last-color,.pcr-app[data-theme=monolith] .pcr-selection .pcr-color-preview .pcr-current-color {
    background: var(--pcr-color);
    width: 50%;
    height: 100%;
}
.pcr-app[data-theme=monolith] .pcr-selection .pcr-color-palette {
    width: 100%;
    height: 8em;
    z-index: 1;
}
.pcr-app[data-theme=monolith] .pcr-selection .pcr-color-palette .pcr-palette {
    border-radius: .15em;
    width: 100%;
    height: 100%;
}
.pcr-app[data-theme=monolith] .pcr-selection .pcr-color-palette .pcr-palette::before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url("data:image/svg+xml;utf8, <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 2 2\"><path fill=\"white\" d=\"M1,0H2V1H1V0ZM0,1H1V2H0V1Z\"/><path fill=\"gray\" d=\"M0,0H1V1H0V0ZM1,1H2V2H1V1Z\"/></svg>");
    background-size: .5em;
    border-radius: .15em;
    z-index: -1;
}
.pcr-app[data-theme=monolith] .pcr-selection .pcr-color-chooser,.pcr-app[data-theme=monolith] .pcr-selection .pcr-color-opacity {
    height: .5em;
    margin-top: .75em;
}
.pcr-app[data-theme=monolith] .pcr-selection .pcr-color-chooser .pcr-picker,.pcr-app[data-theme=monolith] .pcr-selection .pcr-color-opacity .pcr-picker {
    top: 50%;
    transform: translateY(-50%);
}
.pcr-app[data-theme=monolith] .pcr-selection .pcr-color-chooser .pcr-slider,.pcr-app[data-theme=monolith] .pcr-selection .pcr-color-opacity .pcr-slider {
    flex-grow: 1;
    border-radius: 50em;
}
.pcr-app[data-theme=monolith] .pcr-selection .pcr-color-chooser .pcr-slider {
    background: linear-gradient(to right, hsl(0, 100%, 50%), hsl(60, 100%, 50%), hsl(120, 100%, 50%), hsl(180, 100%, 50%), hsl(240, 100%, 50%), hsl(300, 100%, 50%), hsl(0, 100%, 50%));
}
.pcr-app[data-theme=monolith] .pcr-selection .pcr-color-opacity .pcr-slider {
    background: linear-gradient(to right, transparent, black),url("data:image/svg+xml;utf8, <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 2 2\"><path fill=\"white\" d=\"M1,0H2V1H1V0ZM0,1H1V2H0V1Z\"/><path fill=\"gray\" d=\"M0,0H1V1H0V0ZM1,1H2V2H1V1Z\"/></svg>");
    background-size: 100%,.25em;
}
/*! Pickr 1.9.1 MIT | https://github.com/Simonwep/pickr */
.pickr {
    position: relative;
    overflow: visible;
    transform: translateY(0);
}
.pickr * {
    box-sizing: border-box;
    outline: none;
    border: none;
    -webkit-appearance: none;
}
.pickr .pcr-button {
    position: relative;
    height: 2em;
    width: 2em;
    padding: .5em;
    cursor: pointer;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Helvetica Neue",Arial,sans-serif;
    border-radius: .15em;
    background: url("data:image/svg+xml;utf8, <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\" stroke=\"%2342445A\" stroke-width=\"5px\" stroke-linecap=\"round\"><path d=\"M45,45L5,5\"></path><path d=\"M45,5L5,45\"></path></svg>") no-repeat center;
    background-size: 0;
    transition: all .3s;
}
.pickr .pcr-button::before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url("data:image/svg+xml;utf8, <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 2 2\"><path fill=\"white\" d=\"M1,0H2V1H1V0ZM0,1H1V2H0V1Z\"/><path fill=\"gray\" d=\"M0,0H1V1H0V0ZM1,1H2V2H1V1Z\"/></svg>");
    background-size: .5em;
    border-radius: .15em;
    z-index: -1;
}
.pickr .pcr-button::before {
    z-index: initial;
}
.pickr .pcr-button::after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    transition: background .3s;
    background: var(--pcr-color);
    border-radius: .15em;
}
.pickr .pcr-button.clear {
    background-size: 70%;
}
.pickr .pcr-button.clear::before {
    opacity: 0;
}
.pickr .pcr-button.clear:focus {
    box-shadow: 0 0 0 1px rgba(255,255,255,.85),0 0 0 3px var(--pcr-color);
}
.pickr .pcr-button.disabled {
    cursor: not-allowed;
}
.pickr *,.pcr-app * {
    box-sizing: border-box;
    outline: none;
    border: none;
    -webkit-appearance: none;
}
.pickr input:focus,.pickr input.pcr-active,.pickr button:focus,.pickr button.pcr-active,.pcr-app input:focus,.pcr-app input.pcr-active,.pcr-app button:focus,.pcr-app button.pcr-active {
    box-shadow: 0 0 0 1px rgba(255,255,255,.85),0 0 0 3px var(--pcr-color);
}
.pickr .pcr-palette,.pickr .pcr-slider,.pcr-app .pcr-palette,.pcr-app .pcr-slider {
    transition: box-shadow .3s;
}
.pickr .pcr-palette:focus,.pickr .pcr-slider:focus,.pcr-app .pcr-palette:focus,.pcr-app .pcr-slider:focus {
    box-shadow: 0 0 0 1px rgba(255,255,255,.85),0 0 0 3px rgba(0,0,0,.25);
}
.pcr-app {
    position: fixed;
    display: flex;
    flex-direction: column;
    z-index: 10000;
    border-radius: .1em;
    background: #fff;
    opacity: 0;
    visibility: hidden;
    transition: opacity .3s,visibility 0s .3s;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Helvetica Neue",Arial,sans-serif;
    box-shadow: 0 .15em 1.5em 0 rgba(0,0,0,.1),0 0 1em 0 rgba(0,0,0,.03);
    left: 0;
    top: 0;
}
.pcr-app.visible {
    transition: opacity .3s;
    visibility: visible;
    opacity: 1;
}
.pcr-app .pcr-swatches {
    display: flex;
    flex-wrap: wrap;
    margin-top: .75em;
}
.pcr-app .pcr-swatches.pcr-last {
    margin: 0;
}
@supports (display: grid) {
    .pcr-app .pcr-swatches {
        display: grid;
        align-items: center;
        grid-template-columns: repeat(auto-fit, 1.75em);
    }
}
.pcr-app .pcr-swatches>button {
    font-size: 1em;
    position: relative;
    width: calc(1.75em - 5px);
    height: calc(1.75em - 5px);
    border-radius: .15em;
    cursor: pointer;
    margin: 2.5px;
    flex-shrink: 0;
    justify-self: center;
    transition: all .15s;
    overflow: hidden;
    background: rgba(0,0,0,0);
    z-index: 1;
}
.pcr-app .pcr-swatches>button::before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url("data:image/svg+xml;utf8, <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 2 2\"><path fill=\"white\" d=\"M1,0H2V1H1V0ZM0,1H1V2H0V1Z\"/><path fill=\"gray\" d=\"M0,0H1V1H0V0ZM1,1H2V2H1V1Z\"/></svg>");
    background-size: 6px;
    border-radius: .15em;
    z-index: -1;
}
.pcr-app .pcr-swatches>button::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--pcr-color);
    border: 1px solid rgba(0,0,0,.05);
    border-radius: .15em;
    box-sizing: border-box;
}
.pcr-app .pcr-swatches>button:hover {
    filter: brightness(1.05);
}
.pcr-app .pcr-swatches>button:not(.pcr-active) {
    box-shadow: none;
}
.pcr-app .pcr-interaction {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 0 -0.2em 0 -0.2em;
}
.pcr-app .pcr-interaction>* {
    margin: 0 .2em;
}
.pcr-app .pcr-interaction input {
    letter-spacing: .07em;
    font-size: .75em;
    text-align: center;
    cursor: pointer;
    color: #75797e;
    background: #f1f3f4;
    border-radius: .15em;
    transition: all .15s;
    padding: .45em .5em;
    margin-top: .75em;
}
.pcr-app .pcr-interaction input:hover {
    filter: brightness(0.975);
}
.pcr-app .pcr-interaction input:focus {
    box-shadow: 0 0 0 1px rgba(255,255,255,.85),0 0 0 3px rgba(66,133,244,.75);
}
.pcr-app .pcr-interaction .pcr-result {
    color: #75797e;
    text-align: left;
    flex: 1 1 8em;
    min-width: 8em;
    transition: all .2s;
    border-radius: .15em;
    background: #f1f3f4;
    cursor: text;
}
.pcr-app .pcr-interaction .pcr-result::-moz-selection {
    background: #4285f4;
    color: #fff;
}
.pcr-app .pcr-interaction .pcr-result::selection {
    background: #4285f4;
    color: #fff;
}
.pcr-app .pcr-interaction .pcr-type.active {
    color: #fff;
    background: #4285f4;
}
.pcr-app .pcr-interaction .pcr-save,.pcr-app .pcr-interaction .pcr-cancel,.pcr-app .pcr-interaction .pcr-clear {
    color: #fff;
    width: auto;
}
.pcr-app .pcr-interaction .pcr-save,.pcr-app .pcr-interaction .pcr-cancel,.pcr-app .pcr-interaction .pcr-clear {
    color: #fff;
}
.pcr-app .pcr-interaction .pcr-save:hover,.pcr-app .pcr-interaction .pcr-cancel:hover,.pcr-app .pcr-interaction .pcr-clear:hover {
    filter: brightness(0.925);
}
.pcr-app .pcr-interaction .pcr-save {
    background: #4285f4;
}
.pcr-app .pcr-interaction .pcr-clear,.pcr-app .pcr-interaction .pcr-cancel {
    background: #f44250;
}
.pcr-app .pcr-interaction .pcr-clear:focus,.pcr-app .pcr-interaction .pcr-cancel:focus {
    box-shadow: 0 0 0 1px rgba(255,255,255,.85),0 0 0 3px rgba(244,66,80,.75);
}
.pcr-app .pcr-selection .pcr-picker {
    position: absolute;
    height: 18px;
    width: 18px;
    border: 2px solid #fff;
    border-radius: 100%;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}
.pcr-app .pcr-selection .pcr-color-palette,.pcr-app .pcr-selection .pcr-color-chooser,.pcr-app .pcr-selection .pcr-color-opacity {
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    display: flex;
    flex-direction: column;
    cursor: grab;
    cursor: -webkit-grab;
}
.pcr-app .pcr-selection .pcr-color-palette:active,.pcr-app .pcr-selection .pcr-color-chooser:active,.pcr-app .pcr-selection .pcr-color-opacity:active {
    cursor: grabbing;
    cursor: -webkit-grabbing;
}
.pcr-app[data-theme=nano] {
    width: 14.25em;
    max-width: 95vw;
}
.pcr-app[data-theme=nano] .pcr-swatches {
    margin-top: .6em;
    padding: 0 .6em;
}
.pcr-app[data-theme=nano] .pcr-interaction {
    padding: 0 .6em .6em .6em;
}
.pcr-app[data-theme=nano] .pcr-selection {
    display: grid;
    grid-gap: .6em;
    grid-template-columns: 1fr 4fr;
    grid-template-rows: 5fr auto auto;
    align-items: center;
    height: 10.5em;
    width: 100%;
    align-self: flex-start;
}
.pcr-app[data-theme=nano] .pcr-selection .pcr-color-preview {
    grid-area: 2/1/4/1;
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin-left: .6em;
}
.pcr-app[data-theme=nano] .pcr-selection .pcr-color-preview .pcr-last-color {
    display: none;
}
.pcr-app[data-theme=nano] .pcr-selection .pcr-color-preview .pcr-current-color {
    position: relative;
    background: var(--pcr-color);
    width: 2em;
    height: 2em;
    border-radius: 50em;
    overflow: hidden;
}
.pcr-app[data-theme=nano] .pcr-selection .pcr-color-preview .pcr-current-color::before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url("data:image/svg+xml;utf8, <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 2 2\"><path fill=\"white\" d=\"M1,0H2V1H1V0ZM0,1H1V2H0V1Z\"/><path fill=\"gray\" d=\"M0,0H1V1H0V0ZM1,1H2V2H1V1Z\"/></svg>");
    background-size: .5em;
    border-radius: .15em;
    z-index: -1;
}
.pcr-app[data-theme=nano] .pcr-selection .pcr-color-palette {
    grid-area: 1/1/2/3;
    width: 100%;
    height: 100%;
    z-index: 1;
}
.pcr-app[data-theme=nano] .pcr-selection .pcr-color-palette .pcr-palette {
    border-radius: .15em;
    width: 100%;
    height: 100%;
}
.pcr-app[data-theme=nano] .pcr-selection .pcr-color-palette .pcr-palette::before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url("data:image/svg+xml;utf8, <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 2 2\"><path fill=\"white\" d=\"M1,0H2V1H1V0ZM0,1H1V2H0V1Z\"/><path fill=\"gray\" d=\"M0,0H1V1H0V0ZM1,1H2V2H1V1Z\"/></svg>");
    background-size: .5em;
    border-radius: .15em;
    z-index: -1;
}
.pcr-app[data-theme=nano] .pcr-selection .pcr-color-chooser {
    grid-area: 2/2/2/2;
}
.pcr-app[data-theme=nano] .pcr-selection .pcr-color-opacity {
    grid-area: 3/2/3/2;
}
.pcr-app[data-theme=nano] .pcr-selection .pcr-color-chooser,.pcr-app[data-theme=nano] .pcr-selection .pcr-color-opacity {
    height: .5em;
    margin: 0 .6em;
}
.pcr-app[data-theme=nano] .pcr-selection .pcr-color-chooser .pcr-picker,.pcr-app[data-theme=nano] .pcr-selection .pcr-color-opacity .pcr-picker {
    top: 50%;
    transform: translateY(-50%);
}
.pcr-app[data-theme=nano] .pcr-selection .pcr-color-chooser .pcr-slider,.pcr-app[data-theme=nano] .pcr-selection .pcr-color-opacity .pcr-slider {
    flex-grow: 1;
    border-radius: 50em;
}
.pcr-app[data-theme=nano] .pcr-selection .pcr-color-chooser .pcr-slider {
    background: linear-gradient(to right, hsl(0, 100%, 50%), hsl(60, 100%, 50%), hsl(120, 100%, 50%), hsl(180, 100%, 50%), hsl(240, 100%, 50%), hsl(300, 100%, 50%), hsl(0, 100%, 50%));
}
.pcr-app[data-theme=nano] .pcr-selection .pcr-color-opacity .pcr-slider {
    background: linear-gradient(to right, transparent, black),url("data:image/svg+xml;utf8, <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 2 2\"><path fill=\"white\" d=\"M1,0H2V1H1V0ZM0,1H1V2H0V1Z\"/><path fill=\"gray\" d=\"M0,0H1V1H0V0ZM1,1H2V2H1V1Z\"/></svg>");
    background-size: 100%,.25em;
}
:root {
    --pcr-color: var(--foreground);
    --pcr-bg: var(--popover);
    --pcr-border: var(--border);
    --pcr-radius: 0.75rem;
    --pcr-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
    --pcr-preview-radius: 0.5rem;
    --pcr-slider-radius: 0.25rem;
    --pcr-slider-bg: var(--border);
    --pcr-slider-thumb-bg: var(--popover);
    --pcr-slider-thumb-border: var(--border);
    --pcr-slider-thumb-size: 0.875rem;
    --pcr-input-bg: var(--popover);
    --pcr-input-text: var(--foreground);
    --pcr-input-border: var(--border);
    --pcr-input-radius: 0.375rem;
    --pcr-input-focus-border: var(--primary);
    --pcr-btn-bg: var(--primary);
    --pcr-btn-text: var(--primary-foreground);
    --pcr-btn-hover-bg: var(--primary);
    --pcr-btn-radius: 0.375rem;
}
.pcr-app {
    background-color: var(--pcr-bg);
    border: 1px solid var(--pcr-border);
    border-radius: var(--pcr-radius);
    box-shadow: var(--pcr-shadow);
    color: var(--pcr-color);
    --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px 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);
    z-index: 1050;
}
.dark .pcr-app {
    --pcr-bg: var(--popover);
    --pcr-color: var(--foreground);
    --pcr-border: var(--border);
}
.pcr-app[data-kt-color-picker-input] {
    --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);
    z-index: 100;
}
.pcr-app .pcr-interaction {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    flex-wrap: nowrap;
}
.pcr-app .pcr-interaction button, .pcr-app .pcr-interaction input[type="button"], .pcr-app .pcr-interaction .pcr-save, .pcr-app .pcr-interaction .pcr-clear, .pcr-app .pcr-interaction .pcr-cancel {
    margin-left: 0;
    margin-right: 0;
}
.pcr-app .pcr-interaction input {
    background-color: var(--pcr-input-bg);
    color: var(--pcr-input-text);
    border: 1px solid var(--pcr-input-border);
    border-radius: var(--pcr-input-radius);
    padding-inline: calc(var(--spacing) * 2);
    padding-block: calc(var(--spacing) * 1);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
}
.pcr-app .pcr-interaction input.pcr-result {
    width: 80px;
    max-width: 80px;
    min-width: 80px;
}
.pcr-app .pcr-interaction input:focus {
    border-color: var(--pcr-input-focus-border);
    --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);
    --tw-ring-color: var(--primary);
    --tw-ring-offset-width: 1px;
    --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-outline-style: none;
    outline-style: none;
}
.pcr-button, .pickr .pcr-button, .pickr button.pcr-button, .pcr-app .pcr-button, .pcr-app button.pcr-button {
    width: 28px;
    height: 28px;
    min-width: 28px;
    min-height: 28px;
    border-radius: var(--pcr-btn-radius, 0.375rem);
    overflow: hidden;
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.pcr-app[class*="pcr-monolith"] {
    background-color: var(--pcr-bg);
    border: 1px solid var(--pcr-border);
    border-radius: var(--pcr-radius);
    box-shadow: var(--pcr-shadow);
    color: var(--pcr-color);
}
.pcr-app[class*="pcr-nano"] {
    background-color: var(--pcr-bg);
    border: 1px solid var(--pcr-border);
    border-radius: var(--pcr-radius);
    box-shadow: var(--pcr-shadow);
    color: var(--pcr-color);
}
.pcr-app .pcr-button:hover {
    background-color: var(--pcr-btn-hover-bg);
}
.pcr-app .pcr-slider {
    border-radius: var(--pcr-slider-radius);
    background-color: var(--pcr-slider-bg);
}
.pcr-app .pcr-slider::-webkit-slider-thumb {
    background-color: var(--pcr-slider-thumb-bg);
    border: 1px solid var(--pcr-slider-thumb-border);
    border-radius: 50%;
    width: var(--pcr-slider-thumb-size);
    height: var(--pcr-slider-thumb-size);
}
.pcr-app .pcr-slider::-moz-range-thumb {
    background-color: var(--pcr-slider-thumb-bg);
    border: 1px solid var(--pcr-slider-thumb-border);
    border-radius: 50%;
    width: var(--pcr-slider-thumb-size);
    height: var(--pcr-slider-thumb-size);
}
.kt-color-picker-preview {
    position: absolute;
    left: 0.25rem;
    top: 50%;
    transform: translateY(-50%);
    width: 1.75rem;
    height: 1.75rem;
    border-radius: 0.375rem;
    border: 1px solid var(--border);
    background-color: #3F51B5;
    flex-shrink: 0;
    pointer-events: none;
    z-index: 1;
}
.kt-input {
    position: relative;
    display: flex;
    align-items: center;
}
.kt-input input[data-kt-color-picker-input-mode="true"], input[data-kt-color-picker-input-mode="true"] {
    position: relative;
    border-radius: var(--pcr-btn-radius, 0.375rem);
}
@layer components {
    .kt-container-fixed {
        width: 100%;
        flex-grow: 1;
        padding-inline: calc(var(--spacing) * 6);
    }
    @media (width >= 80rem) {
        .kt-container-fixed {
            margin-inline: auto;
        }
    }
    @media (width >= 80rem) {
        .kt-container-fixed {
            max-width: var(--breakpoint-xl);
        }
    }
    @media (width >= 80rem) {
        .kt-container-fixed {
            padding-inline: calc(var(--spacing) * 7.5);
        }
    }
}
@layer components {
    .kt-container-fluid {
        width: 100%;
        flex-grow: 1;
        padding-inline: calc(var(--spacing) * 6);
    }
    @media (width >= 80rem) {
        .kt-container-fluid {
            padding-inline: calc(var(--spacing) * 7.5);
        }
    }
}
/*! name: vanilla-calendar-pro v3.1.0 | url: https://github.com/uvarov-frontend/vanilla-calendar-pro */
[data-vc=calendar] {
    border-radius: .75rem;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    min-width: 272px;
    opacity: 1;
    padding: 1rem;
    position: relative;
    transition-duration: .15s;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
}
[data-vc=calendar] [tabindex="0"]:focus-visible,[data-vc=calendar] button:focus-visible,[data-vc=calendar]:focus-visible {
    border-radius: .5rem;
    outline-offset: -1px;
    outline-style: solid;
    outline-width: 1px;
}
[data-vc=calendar][data-vc-type=multiple] [data-vc=dates] {
    flex-grow: 0;
}
[data-vc=calendar][data-vc-calendar-hidden] {
    opacity: 0;
    pointer-events: none;
}
[data-vc=calendar][data-vc-calendar-hidden] * {
    pointer-events: none !important;
}
[data-vc=calendar][data-vc-input] {
    position: absolute;
}
[data-vc=calendar][data-vc-input][data-vc-position=bottom] {
    margin-top: .25rem;
}
[data-vc=calendar][data-vc-input][data-vc-position=top] {
    margin-top: -.25rem;
}
[data-vc=controls] {
    align-items: center;
    box-sizing: content-box;
    display: flex;
    justify-content: space-between;
    left: 0;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 1.25rem;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 20;
}
[data-vc-arrow] {
    background-color: transparent;
    border-width: 0;
    cursor: pointer;
    display: block;
    height: 1.5rem;
    pointer-events: auto;
    position: relative;
    width: 1.5rem;
}
[data-vc-arrow]:before {
    background-position: 50%;
    background-repeat: no-repeat;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    --tw-content: "";
    content: var(--tw-content);
}
[data-vc-arrow=prev]:before {
    transform: rotate(90deg);
}
[data-vc-arrow=next]:before {
    transform: rotate(-90deg);
}
[data-vc=grid] {
    display: flex;
    flex-grow: 1;
    flex-wrap: wrap;
    gap: 1.75rem;
}
[data-vc=grid][data-vc-grid=hidden] [data-vc=column] {
    opacity: .3;
    pointer-events: none;
}
[data-vc=grid][data-vc-grid=hidden] [data-vc=column][data-vc-column=month],[data-vc=grid][data-vc-grid=hidden] [data-vc=column][data-vc-column=year] {
    opacity: 1;
    pointer-events: auto;
}
[data-vc=column] {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    min-width: 240px;
}
[data-vc=header] {
    align-items: center;
    display: flex;
    margin-bottom: .75rem;
    position: relative;
}
[data-vc-header=content] {
    align-items: center;
    display: grid;
    flex-grow: 1;
    grid-auto-columns: max-content;
    grid-auto-flow: column;
    justify-content: center;
    padding-left: 1rem;
    padding-right: 1rem;
    white-space: pre-wrap;
}
[data-vc=month],[data-vc=year] {
    background-color: transparent;
    border-radius: .25rem;
    border-width: 0;
    cursor: pointer;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.5rem;
    padding: .25rem;
}
[data-vc=month]:disabled,[data-vc=year]:disabled {
    pointer-events: none;
}
[data-vc=content],[data-vc=wrapper] {
    display: flex;
    flex-grow: 1;
}
[data-vc=content] {
    flex-direction: column;
}
[data-vc=months] {
    grid-template-columns: repeat(4,minmax(0,1fr));
}
[data-vc=months],[data-vc=years] {
    align-items: center;
    -moz-column-gap: .25rem;
    column-gap: .25rem;
    display: grid;
    flex-grow: 1;
    row-gap: 1rem;
}
[data-vc=years] {
    grid-template-columns: repeat(5,minmax(0,1fr));
}
[data-vc-months-month],[data-vc-years-year] {
    align-items: center;
    border-radius: .5rem;
    border-width: 0;
    cursor: pointer;
    display: flex;
    font-size: .75rem;
    font-weight: 600;
    height: 2.5rem;
    justify-content: center;
    line-height: 1rem;
    padding: .25rem;
    text-align: center;
    word-break: break-all;
}
[data-vc-months-month]:disabled,[data-vc-years-year]:disabled {
    pointer-events: none;
}
[data-vc-week=numbers] {
    display: flex;
    flex-direction: column;
}
[data-vc-week-numbers=title] {
    align-items: center;
    display: flex;
    font-size: .75rem;
    font-weight: 700;
    justify-content: center;
    line-height: 1rem;
    margin-bottom: .5rem;
}
[data-vc-week-numbers=content] {
    align-items: center;
    display: grid;
    grid-auto-flow: row;
    justify-items: center;
    row-gap: .25rem;
}
[data-vc-week-number] {
    align-items: center;
    background-color: transparent;
    border-style: none;
    cursor: pointer;
    display: flex;
    font-size: .75rem;
    font-weight: 600;
    justify-content: center;
    line-height: 1rem;
    margin: 0;
    min-height: 1.875rem;
    min-width: 1.875rem;
    padding: 0;
    width: 100%;
}
[data-vc=week] {
    display: grid;
    grid-template-columns: repeat(7,1fr);
    justify-items: center;
    margin-bottom: .5rem;
}
[data-vc-week-day] {
    align-items: center;
    background-color: transparent;
    border-style: none;
    display: flex;
    font-size: .75rem;
    font-weight: 700;
    justify-content: center;
    line-height: 1rem;
    margin: 0;
    min-width: 1.875rem;
    padding: 0;
    width: 100%;
}
button[data-vc-week-day] {
    cursor: pointer;
}
[data-vc=dates] {
    align-items: center;
    display: grid;
    flex-grow: 1;
    grid-template-columns: repeat(1,minmax(0,1fr));
    grid-template-rows: auto;
    justify-items: center;
    pointer-events: none;
}
[data-vc=dates][data-vc-dates-disabled] [data-vc-date-btn] {
    cursor: default;
}
[data-vc-dates=row] {
    align-items: center;
    display: grid;
    grid-template-columns: repeat(7,1fr);
    justify-items: center;
    width: 100%;
}
[data-vc-date] {
    align-items: center;
    display: flex;
    justify-content: center;
    padding-bottom: .125rem;
    padding-top: .125rem;
    pointer-events: auto;
    position: relative;
    width: 100%;
}
[data-vc-date]:not(:has([data-vc-date-btn])),[data-vc-date][data-vc-date-disabled],[data-vc-date][data-vc-date-disabled] [data-vc-date-btn] {
    pointer-events: none;
}
[data-vc-date][data-vc-date-hover] [data-vc-date-btn] {
    border-radius: 0;
}
[data-vc-date][data-vc-date-hover=first] [data-vc-date-btn] {
    border-bottom-left-radius: .5rem;
    border-bottom-right-radius: 0;
    border-top-left-radius: .5rem;
    border-top-right-radius: 0;
}
[data-vc-date][data-vc-date-hover=last] [data-vc-date-btn] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: .5rem;
    border-top-left-radius: 0;
    border-top-right-radius: .5rem;
}
[data-vc-date][data-vc-date-hover=first-and-last] [data-vc-date-btn] {
    border-radius: .5rem;
}
[data-vc-date][data-vc-date-hover=first][data-vc-date-selected] [data-vc-date-btn] {
    border-bottom-left-radius: .5rem;
    border-top-left-radius: .5rem;
}
[data-vc-date][data-vc-date-hover=last][data-vc-date-selected] [data-vc-date-btn] {
    border-bottom-right-radius: .5rem;
    border-top-right-radius: .5rem;
}
[data-vc-date][data-vc-date-selected=first] [data-vc-date-btn] {
    border-bottom-left-radius: .5rem;
    border-bottom-right-radius: 0;
    border-top-left-radius: .5rem;
    border-top-right-radius: 0;
}
[data-vc-date][data-vc-date-selected=last] [data-vc-date-btn] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: .5rem;
    border-top-left-radius: 0;
    border-top-right-radius: .5rem;
}
[data-vc-date][data-vc-date-selected=first-and-last] [data-vc-date-btn] {
    border-bottom-left-radius: .5rem;
    border-bottom-right-radius: .5rem;
    border-top-left-radius: .5rem;
    border-top-right-radius: .5rem;
}
[data-vc-date][data-vc-date-selected=middle] [data-vc-date-btn] {
    border-radius: 0;
}
[data-vc-date][data-vc-date-disabled]+[data-vc-date-hover] [data-vc-date-btn],[data-vc-date][data-vc-date-disabled]+[data-vc-date-selected] [data-vc-date-btn] {
    border-bottom-left-radius: .5rem;
    border-top-left-radius: .5rem;
}
[data-vc-date][data-vc-date-hover]:has(+[data-vc-date-disabled]) [data-vc-date-btn],[data-vc-date][data-vc-date-selected]:has(+[data-vc-date-disabled]) [data-vc-date-btn] {
    border-bottom-right-radius: .5rem;
    border-top-right-radius: .5rem;
}
[data-vc-date-btn]:focus-visible+[data-vc-date-popup],[data-vc-date-btn]:hover+[data-vc-date-popup],[data-vc-date-popup]:focus-visible,[data-vc-date-popup]:hover {
    opacity: 1;
    pointer-events: auto;
}
[data-vc-date-btn] {
    align-items: center;
    border-radius: .5rem;
    border-width: 0;
    cursor: pointer;
    display: flex;
    font-size: .75rem;
    font-weight: 400;
    height: 100%;
    justify-content: center;
    line-height: 1rem;
    min-height: 1.875rem;
    min-width: 1.875rem;
    padding: 0;
    transition-duration: 75ms;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    width: 100%;
}
[data-vc-date][data-vc-date-today] [data-vc-date-btn] {
    font-weight: 700;
}
[data-vc-date-popup] {
    max-width: 9rem;
    min-width: 5rem;
    pointer-events: none;
    position: absolute;
    z-index: 20;
    --tw-translate-x: -50%;
    border-radius: .5rem;
    font-size: .75rem;
    font-weight: 400;
    line-height: 1rem;
    opacity: 0;
    padding: .25rem .5rem;
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transition-duration: 75ms;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
}
[data-vc-date-popup]:hover {
    opacity: 1;
    pointer-events: auto;
}
[data-vc-date-range-tooltip] {
    max-width: 9rem;
    pointer-events: none;
    position: absolute;
    z-index: 30;
    --tw-translate-x: -50%;
    --tw-translate-y: -100%;
    border-radius: .375rem;
    font-size: .75rem;
    font-weight: 400;
    line-height: 1rem;
    padding: .25rem .5rem;
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
[data-vc-date-range-tooltip=hidden] {
    opacity: 0;
}
[data-vc-date-range-tooltip=visible] {
    opacity: 1;
}
[data-vc=time] {
    border-style: solid;
    border-width: 1px 0 0;
    display: grid;
    gap: .75rem;
    grid-template-columns: auto 1fr;
    margin-top: .75rem;
    padding-top: .75rem;
}
[data-vc-time=content] {
    align-items: center;
    display: grid;
    grid-auto-flow: column;
}
[data-vc-time-input=hour] {
    margin-right: .35rem;
    position: relative;
    width: 1.75rem;
}
[data-vc-time-input=hour]:after {
    display: block;
    margin-top: calc(-50% + 1px);
    position: absolute;
    right: -5px;
    top: 50%;
    --tw-content: ":";
    content: var(--tw-content);
}
[data-vc-time-input=minute] {
    width: 1.75rem;
}
[data-vc-time-input=hour] input,[data-vc-time-input=minute] input {
    border-radius: .25rem;
    border-width: 0;
    box-sizing: border-box;
    display: block;
    font-size: 1.125rem;
    font-weight: 600;
    line-height: 1.125rem;
    margin: 0;
    padding: .125rem;
    position: relative;
    text-align: center;
    width: 100%;
}
[data-vc-time-input=hour] input:focus-visible,[data-vc-time-input=minute] input:focus-visible {
    outline-style: solid;
    outline-width: 1px;
}
[data-vc-time-input=hour] input:disabled,[data-vc-time-input=minute] input:disabled {
    cursor: default;
}
[data-vc-time-input=hour] input:hover:disabled,[data-vc-time-input=minute] input:hover:disabled,[data-vc-time=keeping] {
    background-color: transparent;
}
[data-vc-time=keeping] {
    border-radius: .25rem;
    border-width: 0;
    cursor: pointer;
    font-size: .69rem;
    margin-left: 1px;
    margin-top: .25rem;
    padding: 0;
    width: 22px;
}
[data-vc-time=keeping]:focus-visible {
    outline-style: solid;
    outline-width: 1px;
}
[data-vc-time=keeping]:disabled {
    cursor: default;
}
[data-vc-time=keeping]:hover:disabled {
    background-color: transparent;
}
[data-vc-time=ranges] {
    display: grid;
    grid-auto-flow: row;
}
[data-vc-time-range] {
    font-size: 0;
    position: relative;
    z-index: 10;
}
[data-vc-time-range]:before {
    content: var(--tw-content);
    left: 0;
}
[data-vc-time-range]:after {
    content: var(--tw-content);
    right: 0;
}
[data-vc-time-range]:after,[data-vc-time-range]:before {
    content: "";
    height: .5rem;
    pointer-events: none;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    z-index: 10;
}
[data-vc-time-range] input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    height: 1.25rem;
    margin: 0;
    outline-width: 0;
    position: relative;
    width: 100%;
}
[data-vc-time-range] input::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    border-radius: .25rem;
    border-style: solid;
    border-width: 1px;
    box-sizing: border-box;
    cursor: pointer;
    height: 1rem;
    margin-top: -.5rem;
    position: relative;
    width: .75rem;
    z-index: 20;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);
}
[data-vc-time-range] input::-moz-range-thumb {
    border-radius: .25rem;
    border-style: solid;
    border-width: 1px;
    box-sizing: border-box;
    cursor: pointer;
    height: 1rem;
    position: relative;
    width: .75rem;
    z-index: 20;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);
}
[data-vc-time-range] input::-webkit-slider-runnable-track {
    box-sizing: border-box;
    cursor: pointer;
    height: 1px;
    margin-top: 1px;
    width: 100%;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);
}
[data-vc-time-range] input::-moz-range-track {
    box-sizing: border-box;
    cursor: pointer;
    height: 1px;
    margin-top: 1px;
    width: 100%;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);
}
:root {
    --vc-calendar-bg: var(--popover);
    --vc-calendar-text: var(--foreground);
    --vc-calendar-border: var(--border);
    --vc-calendar-radius: 0.75rem;
    --vc-calendar-padding: 1rem;
    --vc-calendar-min-width: 272px;
    --vc-calendar-opacity: 1;
    --vc-calendar-transition-duration: 0.15s;
    --vc-calendar-input-margin-bottom: 0.25rem;
    --vc-calendar-input-margin-top: -0.25rem;
    --vc-calendar-hidden-opacity: 0;
    --vc-focus-color: var(--primary);
    --vc-focus-radius: 0.5rem;
    --vc-focus-offset: -1px;
    --vc-focus-width: 1px;
    --vc-controls-padding-x: 1rem;
    --vc-controls-padding-top: 1.25rem;
    --vc-controls-z-index: 20;
    --vc-arrow-size: 1rem;
    --vc-arrow-bg: transparent;
    --vc-arrow-opacity: 0.5;
    --vc-arrow-opacity-hover: 1;
    --vc-grid-gap: 1.75rem;
    --vc-grid-hidden-opacity: 0.3;
    --vc-column-min-width: 240px;
    --vc-header-margin-bottom: 0.75rem;
    --vc-header-content-padding-x: 1rem;
    --vc-header-text: var(--foreground);
    --vc-header-text-hover: var(--muted-foreground);
    --vc-header-text-disabled: var(--muted-foreground);
    --vc-header-font-size: 1rem;
    --vc-header-font-weight: 700;
    --vc-header-line-height: 1.5rem;
    --vc-header-btn-radius: 0.25rem;
    --vc-header-btn-padding: 0.25rem;
    --vc-picker-bg: var(--popover);
    --vc-picker-text: var(--muted-foreground);
    --vc-picker-bg-hover: var(--accent);
    --vc-picker-text-disabled: var(--muted-foreground);
    --vc-picker-selected-bg: var(--primary);
    --vc-picker-selected-text: var(--primary-foreground);
    --vc-picker-font-size: 0.75rem;
    --vc-picker-font-weight: 600;
    --vc-picker-line-height: 1rem;
    --vc-picker-height: 2.5rem;
    --vc-picker-radius: 0.5rem;
    --vc-picker-padding: 0.25rem;
    --vc-picker-column-gap: 0.25rem;
    --vc-picker-row-gap: 1rem;
    --vc-week-numbers-text: var(--muted-foreground);
    --vc-week-numbers-text-hover: var(--foreground);
    --vc-week-numbers-font-size: 0.75rem;
    --vc-week-numbers-font-weight: 700;
    --vc-week-numbers-line-height: 1rem;
    --vc-week-numbers-title-margin-bottom: 0.5rem;
    --vc-week-numbers-content-row-gap: 0.25rem;
    --vc-week-number-min-size: 1.875rem;
    --vc-week-number-font-weight: 600;
    --vc-weekday-text: var(--muted-foreground);
    --vc-weekday-text-hover: var(--foreground);
    --vc-weekday-off-text: var(--muted-foreground);
    --vc-weekday-off-text-hover: var(--foreground);
    --vc-weekday-font-size: 0.75rem;
    --vc-weekday-font-weight: 700;
    --vc-weekday-line-height: 1rem;
    --vc-weekday-min-width: 1.875rem;
    --vc-week-margin-bottom: 0.5rem;
    --vc-dates-disabled-cursor: default;
    --vc-date-bg: var(--popover);
    --vc-date-text: var(--foreground);
    --vc-date-bg-hover: var(--accent);
    --vc-date-text-hover: var(--foreground);
    --vc-date-font-size: 0.75rem;
    --vc-date-font-weight: 400;
    --vc-date-line-height: 1rem;
    --vc-date-min-size: 1.875rem;
    --vc-date-radius: 0.5rem;
    --vc-date-padding-y: 0.125rem;
    --vc-date-transition-duration: 75ms;
    --vc-date-transition-timing: cubic-bezier(0.4, 0, 0.2, 1);
    --vc-today-bg: var(--accent);
    --vc-today-text: var(--primary);
    --vc-today-font-weight: 700;
    --vc-selected-bg: var(--primary);
    --vc-selected-text: var(--primary-foreground);
    --vc-range-bg: var(--accent);
    --vc-range-text: var(--primary);
    --vc-hover-bg: var(--accent);
    --vc-hover-edge-bg: var(--accent);
    --vc-disabled-text: var(--muted-foreground);
    --vc-disabled-opacity: 1;
    --vc-outside-text: var(--muted-foreground);
    --vc-outside-bg: var(--popover);
    --vc-weekend-text: var(--muted-foreground);
    --vc-weekend-bg: var(--popover);
    --vc-weekend-bg-hover: var(--accent);
    --vc-weekend-selected-bg: var(--primary);
    --vc-weekend-selected-text: var(--primary-foreground);
    --vc-weekend-range-bg: var(--accent);
    --vc-weekend-range-text: var(--muted-foreground);
    --vc-weekend-outside-text: var(--muted-foreground);
    --vc-weekend-outside-bg: var(--popover);
    --vc-weekend-today-text: var(--primary);
    --vc-popup-bg: var(--popover);
    --vc-popup-text: var(--foreground);
    --vc-popup-radius: 0.5rem;
    --vc-popup-padding: 0.25rem 0.5rem;
    --vc-popup-font-size: 0.75rem;
    --vc-popup-font-weight: 400;
    --vc-popup-line-height: 1rem;
    --vc-popup-min-width: 5rem;
    --vc-popup-max-width: 9rem;
    --vc-popup-z-index: 20;
    --vc-popup-transition-duration: 75ms;
    --vc-tooltip-bg: var(--accent);
    --vc-tooltip-text: var(--muted-foreground);
    --vc-tooltip-radius: 0.375rem;
    --vc-tooltip-padding: 0.25rem 0.5rem;
    --vc-tooltip-font-size: 0.75rem;
    --vc-tooltip-font-weight: 400;
    --vc-tooltip-line-height: 1rem;
    --vc-tooltip-max-width: 9rem;
    --vc-tooltip-z-index: 30;
    --vc-time-border: var(--border);
    --vc-time-text: var(--foreground);
    --vc-time-gap: 0.75rem;
    --vc-time-margin-top: 0.75rem;
    --vc-time-padding-top: 0.75rem;
    --vc-time-input-bg: var(--popover);
    --vc-time-input-bg-hover: var(--accent);
    --vc-time-input-bg-focus: var(--accent);
    --vc-time-input-text: var(--foreground);
    --vc-time-input-font-size: 1rem;
    --vc-time-input-font-weight: 500;
    --vc-time-input-line-height: 1.125rem;
    --vc-time-input-radius: 0.25rem;
    --vc-time-input-padding: 0.125rem;
    --vc-time-input-width: 1.75rem;
    --vc-time-hour-margin-right: 0.35rem;
    --vc-time-keeping-text: var(--muted-foreground);
    --vc-time-keeping-bg-hover: var(--accent);
    --vc-time-keeping-font-size: 0.69rem;
    --vc-time-keeping-radius: 0.25rem;
    --vc-time-keeping-width: 22px;
    --vc-time-keeping-margin-left: 1px;
    --vc-time-keeping-margin-top: 0.25rem;
    --vc-time-range-bg: var(--popover);
    --vc-time-range-track-bg: var(--border);
    --vc-time-range-thumb-bg: var(--popover);
    --vc-time-range-thumb-border: var(--border);
    --vc-time-range-thumb-border-hover: var(--muted-foreground);
    --vc-time-range-thumb-border-focus: var(--primary);
    --vc-time-range-thumb-radius: 0.25rem;
    --vc-time-range-thumb-width: 0.75rem;
    --vc-time-range-thumb-height: 1rem;
    --vc-time-range-marker-bg: var(--border);
    --vc-time-range-marker-height: 0.5rem;
    --vc-time-range-marker-width: 1px;
}
[data-vc-theme=light].vc {
    background-color: var(--vc-calendar-bg);
    color: var(--vc-calendar-text);
}
[data-vc-theme=light].vc[data-vc=calendar] {
    background-color: var(--vc-calendar-bg);
    color: var(--vc-calendar-text);
    border: 1px solid var(--vc-calendar-border);
    border-radius: var(--vc-calendar-radius);
}
[data-vc-theme=light].vc[data-vc-input] {
    --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px 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);
    --tw-shadow-color: rgba(0,0,0,0.05);
}
@supports (color: color-mix(in lab, red, red)) {
    [data-vc-theme=light].vc[data-vc-input] {
        --tw-shadow-color: color-mix(in oklab, rgba(0,0,0,0.05) var(--tw-shadow-alpha), transparent);
    }
}
[data-vc-theme=light].vc[data-vc-input] {
    background-color: var(--vc-calendar-bg);
    border: 1px solid var(--vc-calendar-border);
    border-radius: var(--vc-calendar-radius);
    z-index: 100;
}
[data-vc-theme=light].vc [tabindex="0"]:focus-visible, [data-vc-theme=light].vc button:focus-visible, [data-vc-theme=light].vc:focus-visible {
    outline-color: var(--vc-focus-color);
    border-radius: var(--vc-focus-radius);
    outline-offset: var(--vc-focus-offset);
    outline-width: var(--vc-focus-width);
}
[data-vc-theme=light] .vc-arrow {
    background-color: var(--vc-arrow-bg);
    opacity: var(--vc-arrow-opacity);
    transition: opacity 0.2s ease-in-out;
}
:is([data-vc-theme=light] .vc-arrow):before {
    background-size: 80%;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZmlsbD0iIzBmMTcyYSIgZD0iTTEyIDE2Yy0uMyAwLS41LS4xLS43LS4zbC02LTZjLS40LS40LS40LTEgMC0xLjRzMS0uNCAxLjQgMGw1LjMgNS4zIDUuMy01LjNjLjQtLjQgMS0uNCAxLjQgMHMuNCAxIDAgMS40bC02IDZjLS4yLjItLjQuMy0uNy4zIi8+PC9zdmc+");
}
:is([data-vc-theme=light] .vc-arrow):focus,:is([data-vc-theme=light] .vc-arrow):hover {
    opacity: var(--vc-arrow-opacity-hover);
}
.dark [data-vc-theme=light] .vc-arrow {
    opacity: 1;
}
:is(.dark [data-vc-theme=light] .vc-arrow):focus,:is(.dark [data-vc-theme=light] .vc-arrow):hover {
    opacity: 1;
}
.dark [data-vc-theme=light] .vc-arrow:before {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTEyIDE2Yy0uMyAwLS41LS4xLS43LS4zbC02LTZjLS40LS40LS40LTEgMC0xLjRzMS0uNCAxLjQgMGw1LjMgNS4zIDUuMy01LjNjLjQtLjQgMS0uNCAxLjQgMHMuNCAxIDAgMS40bC02IDZjLS4yLjItLjQuMy0uNy4zIi8+PC9zdmc+");
}
[data-vc-theme=light] .vc-header__content, [data-vc-theme=light] .vc-month, [data-vc-theme=light] .vc-year {
    color: var(--vc-header-text);
}
[data-vc-theme=light] .vc-month:disabled, [data-vc-theme=light] .vc-year:disabled {
    color: var(--vc-header-text-disabled);
}
@media (hover:hover) and (pointer:fine) {
    [data-vc-theme=light] .vc-month:hover,	[data-vc-theme=light] .vc-year:hover {
        color: var(--vc-header-text-hover);
    }
}
[data-vc-theme=light] .vc-months__month, [data-vc-theme=light] .vc-years__year {
    background-color: var(--vc-picker-bg);
    color: var(--vc-picker-text);
}
[data-vc-theme=light] .vc-months__month:disabled, [data-vc-theme=light] .vc-years__year:disabled {
    color: var(--vc-picker-text-disabled);
}
@media (hover:hover) and (pointer:fine) {
    [data-vc-theme=light] .vc-months__month:hover,	[data-vc-theme=light] .vc-years__year:hover {
        background-color: var(--vc-picker-bg-hover);
    }
    [data-vc-theme=light] .vc-months__month:hover:disabled,	[data-vc-theme=light] .vc-years__year:hover:disabled {
        color: var(--vc-picker-text-disabled);
    }
}
[data-vc-theme=light] .vc-months__month[data-vc-months-month-selected], [data-vc-theme=light] .vc-years__year[data-vc-years-year-selected] {
    background-color: var(--vc-picker-selected-bg);
    color: var(--vc-picker-selected-text);
}
@media (hover:hover) and (pointer:fine) {
    [data-vc-theme=light] .vc-months__month[data-vc-months-month-selected]:hover,	[data-vc-theme=light] .vc-years__year[data-vc-years-year-selected]:hover {
        background-color: var(--vc-picker-selected-bg);
        color: var(--vc-picker-selected-text);
    }
}
[data-vc-theme=light] .vc-week-number, [data-vc-theme=light] .vc-week-numbers__title {
    color: var(--vc-week-numbers-text);
}
@media (hover:hover) and (pointer:fine) {
    [data-vc-theme=light] .vc-week-number:hover {
        color: var(--vc-week-numbers-text-hover);
    }
}
[data-vc-theme=light] .vc-week__day {
    color: var(--vc-weekday-text);
}
@media (hover:hover) and (pointer:fine) {
    [data-vc-theme=light] button.vc-week__day:hover {
        color: var(--vc-weekday-text-hover);
    }
}
[data-vc-theme=light] .vc-week__day[data-vc-week-day-off] {
    color: var(--vc-weekday-off-text);
}
@media (hover:hover) and (pointer:fine) {
    [data-vc-theme=light] button.vc-week__day[data-vc-week-day-off]:hover {
        color: var(--vc-weekday-off-text-hover);
    }
}
[data-vc-theme=light] .vc-date__btn {
    background-color: var(--vc-date-bg);
    color: var(--vc-date-text);
}
@media (hover:hover) and (pointer:fine) {
    [data-vc-theme=light] .vc-date__btn:hover {
        background-color: var(--vc-date-bg-hover);
    }
}
[data-vc-theme=light] .vc-date[data-vc-date-today] .vc-date__btn {
    background-color: var(--vc-today-bg);
    color: var(--vc-today-text);
}
@media (hover:hover) and (pointer:fine) {
    [data-vc-theme=light] .vc-date[data-vc-date-today] .vc-date__btn:hover {
        color: var(--vc-today-text);
    }
}
[data-vc-theme=light] .vc-date[data-vc-date-today][data-vc-date-month=next] .vc-date__btn, [data-vc-theme=light] .vc-date[data-vc-date-today][data-vc-date-month=prev] .vc-date__btn {
    color: var(--vc-outside-text);
}
[data-vc-theme=light] .vc-date[data-vc-date-month=next] .vc-date__btn, [data-vc-theme=light] .vc-date[data-vc-date-month=prev] .vc-date__btn {
    color: var(--vc-outside-text);
}
[data-vc-theme=light] .vc-date[data-vc-date-disabled] .vc-date__btn {
    color: var(--vc-disabled-text);
}
[data-vc-theme=light] .vc-date[data-vc-date-hover] .vc-date__btn {
    background-color: var(--vc-hover-bg);
}
[data-vc-theme=light] .vc-date[data-vc-date-hover=first] .vc-date__btn, [data-vc-theme=light] .vc-date[data-vc-date-hover=last] .vc-date__btn {
    background-color: var(--vc-hover-edge-bg);
}
@media (hover:hover) and (pointer:fine) {
    [data-vc-theme=light] .vc-date[data-vc-date-hover=first] .vc-date__btn:hover,	[data-vc-theme=light] .vc-date[data-vc-date-hover=last] .vc-date__btn:hover {
        background-color: var(--vc-hover-edge-bg);
    }
}
[data-vc-theme=light] .vc-date[data-vc-date-holiday] .vc-date__btn, [data-vc-theme=light] .vc-date[data-vc-date-weekend] .vc-date__btn {
    color: var(--vc-weekend-text);
}
@media (hover:hover) and (pointer:fine) {
    [data-vc-theme=light] .vc-date[data-vc-date-holiday] .vc-date__btn:hover,	[data-vc-theme=light] .vc-date[data-vc-date-weekend] .vc-date__btn:hover {
        background-color: var(--vc-weekend-bg-hover);
    }
}
[data-vc-theme=light] .vc-date[data-vc-date-holiday][data-vc-date-hover] .vc-date__btn, [data-vc-theme=light] .vc-date[data-vc-date-weekend][data-vc-date-hover] .vc-date__btn {
    background-color: var(--vc-weekend-bg-hover);
}
[data-vc-theme=light] .vc-date[data-vc-date-holiday][data-vc-date-hover=first] .vc-date__btn, [data-vc-theme=light] .vc-date[data-vc-date-holiday][data-vc-date-hover=last] .vc-date__btn, [data-vc-theme=light] .vc-date[data-vc-date-weekend][data-vc-date-hover=first] .vc-date__btn, [data-vc-theme=light] .vc-date[data-vc-date-weekend][data-vc-date-hover=last] .vc-date__btn {
    background-color: var(--vc-hover-edge-bg);
}
@media (hover:hover) and (pointer:fine) {
    [data-vc-theme=light] .vc-date[data-vc-date-holiday][data-vc-date-hover=first] .vc-date__btn:hover,	[data-vc-theme=light] .vc-date[data-vc-date-holiday][data-vc-date-hover=last] .vc-date__btn:hover,	[data-vc-theme=light] .vc-date[data-vc-date-weekend][data-vc-date-hover=first] .vc-date__btn:hover,	[data-vc-theme=light] .vc-date[data-vc-date-weekend][data-vc-date-hover=last] .vc-date__btn:hover {
        background-color: var(--vc-hover-edge-bg);
    }
}
[data-vc-theme=light] .vc-date[data-vc-date-holiday][data-vc-date-disabled] .vc-date__btn, [data-vc-theme=light] .vc-date[data-vc-date-weekend][data-vc-date-disabled] .vc-date__btn {
    color: var(--vc-disabled-text);
}
[data-vc-theme=light] .vc-date[data-vc-date-holiday][data-vc-date-today] .vc-date__btn, [data-vc-theme=light] .vc-date[data-vc-date-weekend][data-vc-date-today] .vc-date__btn {
    color: var(--vc-weekend-today-text);
}
[data-vc-theme=light] .vc-date[data-vc-date-holiday][data-vc-date-today][data-vc-date-disabled] .vc-date__btn, [data-vc-theme=light] .vc-date[data-vc-date-weekend][data-vc-date-today][data-vc-date-disabled] .vc-date__btn {
    color: var(--vc-disabled-text);
}
[data-vc-theme=light] .vc-date[data-vc-date-holiday][data-vc-date-month=next] .vc-date__btn, [data-vc-theme=light] .vc-date[data-vc-date-holiday][data-vc-date-month=prev] .vc-date__btn, [data-vc-theme=light] .vc-date[data-vc-date-weekend][data-vc-date-month=next] .vc-date__btn, [data-vc-theme=light] .vc-date[data-vc-date-weekend][data-vc-date-month=prev] .vc-date__btn {
    background-color: var(--vc-weekend-outside-bg);
    color: var(--vc-weekend-outside-text);
}
@media (hover:hover) and (pointer:fine) {
    [data-vc-theme=light] .vc-date[data-vc-date-holiday][data-vc-date-month=next] .vc-date__btn:hover,	[data-vc-theme=light] .vc-date[data-vc-date-holiday][data-vc-date-month=prev] .vc-date__btn:hover,	[data-vc-theme=light] .vc-date[data-vc-date-weekend][data-vc-date-month=next] .vc-date__btn:hover,	[data-vc-theme=light] .vc-date[data-vc-date-weekend][data-vc-date-month=prev] .vc-date__btn:hover {
        background-color: var(--vc-date-bg-hover);
    }
}
[data-vc-theme=light] .vc-date[data-vc-date-holiday][data-vc-date-hover][data-vc-date-month=next] .vc-date__btn, [data-vc-theme=light] .vc-date[data-vc-date-holiday][data-vc-date-hover][data-vc-date-month=prev] .vc-date__btn, [data-vc-theme=light] .vc-date[data-vc-date-weekend][data-vc-date-hover][data-vc-date-month=next] .vc-date__btn, [data-vc-theme=light] .vc-date[data-vc-date-weekend][data-vc-date-hover][data-vc-date-month=prev] .vc-date__btn {
    background-color: var(--vc-hover-bg);
}
[data-vc-theme=light] .vc-date[data-vc-date-holiday][data-vc-date-today][data-vc-date-month=next] .vc-date__btn, [data-vc-theme=light] .vc-date[data-vc-date-holiday][data-vc-date-today][data-vc-date-month=prev] .vc-date__btn, [data-vc-theme=light] .vc-date[data-vc-date-weekend][data-vc-date-today][data-vc-date-month=next] .vc-date__btn, [data-vc-theme=light] .vc-date[data-vc-date-weekend][data-vc-date-today][data-vc-date-month=prev] .vc-date__btn {
    color: var(--vc-outside-text);
}
[data-vc-theme=light] .vc-date[data-vc-date-holiday][data-vc-date-disabled][data-vc-date-month=next] .vc-date__btn, [data-vc-theme=light] .vc-date[data-vc-date-holiday][data-vc-date-disabled][data-vc-date-month=prev] .vc-date__btn, [data-vc-theme=light] .vc-date[data-vc-date-weekend][data-vc-date-disabled][data-vc-date-month=next] .vc-date__btn, [data-vc-theme=light] .vc-date[data-vc-date-weekend][data-vc-date-disabled][data-vc-date-month=prev] .vc-date__btn {
    color: var(--vc-disabled-text);
}
[data-vc-theme=light] .vc-date[data-vc-date-holiday][data-vc-date-selected] .vc-date__btn, [data-vc-theme=light] .vc-date[data-vc-date-weekend][data-vc-date-selected] .vc-date__btn {
    background-color: var(--vc-weekend-selected-bg);
    color: var(--vc-weekend-selected-text);
}
@media (hover:hover) and (pointer:fine) {
    [data-vc-theme=light] .vc-date[data-vc-date-holiday][data-vc-date-selected] .vc-date__btn:hover,	[data-vc-theme=light] .vc-date[data-vc-date-weekend][data-vc-date-selected] .vc-date__btn:hover {
        background-color: var(--vc-weekend-selected-bg);
        color: var(--vc-weekend-selected-text);
    }
}
[data-vc-theme=light] .vc-date[data-vc-date-holiday][data-vc-date-selected][data-vc-date-month=next] .vc-date__btn, [data-vc-theme=light] .vc-date[data-vc-date-holiday][data-vc-date-selected][data-vc-date-month=prev] .vc-date__btn, [data-vc-theme=light] .vc-date[data-vc-date-weekend][data-vc-date-selected][data-vc-date-month=next] .vc-date__btn, [data-vc-theme=light] .vc-date[data-vc-date-weekend][data-vc-date-selected][data-vc-date-month=prev] .vc-date__btn {
    background-color: var(--vc-hover-edge-bg);
    color: var(--vc-outside-text);
}
@media (hover:hover) and (pointer:fine) {
    [data-vc-theme=light] .vc-date[data-vc-date-holiday][data-vc-date-selected][data-vc-date-month=next] .vc-date__btn:hover,	[data-vc-theme=light] .vc-date[data-vc-date-holiday][data-vc-date-selected][data-vc-date-month=prev] .vc-date__btn:hover,	[data-vc-theme=light] .vc-date[data-vc-date-weekend][data-vc-date-selected][data-vc-date-month=next] .vc-date__btn:hover,	[data-vc-theme=light] .vc-date[data-vc-date-weekend][data-vc-date-selected][data-vc-date-month=prev] .vc-date__btn:hover {
        background-color: var(--vc-hover-edge-bg);
        color: var(--vc-outside-text);
    }
}
[data-vc-theme=light] .vc-date[data-vc-date-selected=middle][data-vc-date-holiday][data-vc-date-selected] .vc-date__btn, [data-vc-theme=light] .vc-date[data-vc-date-selected=middle][data-vc-date-weekend][data-vc-date-selected] .vc-date__btn {
    background-color: var(--vc-weekend-range-bg);
    color: var(--vc-weekend-range-text);
}
@media (hover:hover) and (pointer:fine) {
    [data-vc-theme=light] .vc-date[data-vc-date-selected=middle][data-vc-date-holiday][data-vc-date-selected] .vc-date__btn:hover,	[data-vc-theme=light] .vc-date[data-vc-date-selected=middle][data-vc-date-weekend][data-vc-date-selected] .vc-date__btn:hover {
        background-color: var(--vc-weekend-range-bg);
        color: var(--vc-weekend-range-text);
    }
}
[data-vc-theme=light] .vc-date[data-vc-date-selected=middle][data-vc-date-holiday][data-vc-date-month=next][data-vc-date-selected] .vc-date__btn, [data-vc-theme=light] .vc-date[data-vc-date-selected=middle][data-vc-date-holiday][data-vc-date-month=prev][data-vc-date-selected] .vc-date__btn, [data-vc-theme=light] .vc-date[data-vc-date-selected=middle][data-vc-date-weekend][data-vc-date-month=next][data-vc-date-selected] .vc-date__btn, [data-vc-theme=light] .vc-date[data-vc-date-selected=middle][data-vc-date-weekend][data-vc-date-month=prev][data-vc-date-selected] .vc-date__btn {
    background-color: var(--vc-hover-edge-bg);
    color: var(--vc-outside-text);
}
@media (hover:hover) and (pointer:fine) {
    [data-vc-theme=light] .vc-date[data-vc-date-selected=middle][data-vc-date-holiday][data-vc-date-month=next][data-vc-date-selected] .vc-date__btn:hover,	[data-vc-theme=light] .vc-date[data-vc-date-selected=middle][data-vc-date-holiday][data-vc-date-month=prev][data-vc-date-selected] .vc-date__btn:hover,	[data-vc-theme=light] .vc-date[data-vc-date-selected=middle][data-vc-date-weekend][data-vc-date-month=next][data-vc-date-selected] .vc-date__btn:hover,	[data-vc-theme=light] .vc-date[data-vc-date-selected=middle][data-vc-date-weekend][data-vc-date-month=prev][data-vc-date-selected] .vc-date__btn:hover {
        background-color: var(--vc-hover-edge-bg);
        color: var(--vc-outside-text);
    }
}
[data-vc-theme=light] .vc-date[data-vc-date-selected=middle][data-vc-date-selected] .vc-date__btn {
    background-color: var(--vc-range-bg);
    color: var(--vc-range-text);
}
@media (hover:hover) and (pointer:fine) {
    [data-vc-theme=light] .vc-date[data-vc-date-selected=middle][data-vc-date-selected] .vc-date__btn:hover {
        background-color: var(--vc-range-bg);
        color: var(--vc-range-text);
    }
}
[data-vc-theme=light] .vc-date[data-vc-date-selected=middle][data-vc-date-month=next][data-vc-date-selected] .vc-date__btn, [data-vc-theme=light] .vc-date[data-vc-date-selected=middle][data-vc-date-month=prev][data-vc-date-selected] .vc-date__btn {
    background-color: var(--vc-hover-edge-bg);
    color: var(--vc-outside-text);
}
@media (hover:hover) and (pointer:fine) {
    [data-vc-theme=light] .vc-date[data-vc-date-selected=middle][data-vc-date-month=next][data-vc-date-selected] .vc-date__btn:hover,	[data-vc-theme=light] .vc-date[data-vc-date-selected=middle][data-vc-date-month=prev][data-vc-date-selected] .vc-date__btn:hover {
        background-color: var(--vc-hover-edge-bg);
        color: var(--vc-outside-text);
    }
}
[data-vc-theme=light] .vc-date[data-vc-date-selected] .vc-date__btn {
    background-color: var(--vc-selected-bg);
    color: var(--vc-selected-text);
}
@media (hover:hover) and (pointer:fine) {
    [data-vc-theme=light] .vc-date[data-vc-date-selected] .vc-date__btn:hover {
        background-color: var(--vc-selected-bg);
        color: var(--vc-selected-text);
    }
}
[data-vc-theme=light] .vc-date[data-vc-date-selected][data-vc-date-month=next] .vc-date__btn, [data-vc-theme=light] .vc-date[data-vc-date-selected][data-vc-date-month=prev] .vc-date__btn {
    background-color: var(--vc-hover-edge-bg);
    color: var(--vc-outside-text);
}
@media (hover:hover) and (pointer:fine) {
    [data-vc-theme=light] .vc-date[data-vc-date-selected][data-vc-date-month=next] .vc-date__btn:hover,	[data-vc-theme=light] .vc-date[data-vc-date-selected][data-vc-date-month=prev] .vc-date__btn:hover {
        background-color: var(--vc-hover-edge-bg);
        color: var(--vc-outside-text);
    }
}
[data-vc-theme=light] .vc-date__popup {
    background-color: var(--vc-popup-bg);
    color: var(--vc-popup-text);
    --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px 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);
    --tw-shadow-color: rgba(0,0,0,0.05);
}
@supports (color: color-mix(in lab, red, red)) {
    [data-vc-theme=light] .vc-date__popup {
        --tw-shadow-color: color-mix(in oklab, rgba(0,0,0,0.05) var(--tw-shadow-alpha), transparent);
    }
}
[data-vc-theme=light] .vc-date-range-tooltip {
    background-color: var(--vc-tooltip-bg);
    color: var(--vc-tooltip-text);
    --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);
    --tw-shadow-color: rgba(0,0,0,0.05);
}
@supports (color: color-mix(in lab, red, red)) {
    [data-vc-theme=light] .vc-date-range-tooltip {
        --tw-shadow-color: color-mix(in oklab, rgba(0,0,0,0.05) var(--tw-shadow-alpha), transparent);
    }
}
[data-vc-theme=light] .vc-time {
    border-color: var(--vc-time-border);
}
[data-vc-theme=light] .vc-time__hour:after, [data-vc-theme=light] .vc-time__minute:after {
    color: var(--vc-time-text);
}
[data-vc-theme=light] .vc-time__hour input, [data-vc-theme=light] .vc-time__minute input {
    background-color: var(--vc-time-input-bg);
    color: var(--vc-time-input-text);
}
[data-vc-theme=light] .vc-time__hour input:focus-visible, [data-vc-theme=light] .vc-time__minute input:focus-visible {
    outline-color: var(--vc-focus-color);
}
@media (hover:hover) and (pointer:fine) {
    [data-vc-theme=light] .vc-time__hour input:hover,	[data-vc-theme=light] .vc-time__minute input:hover {
        background-color: var(--vc-time-input-bg-hover);
    }
}
[data-vc-theme=light] .vc-time__hour input[data-vc-input-focus], [data-vc-theme=light] .vc-time__minute input[data-vc-input-focus] {
    background-color: var(--vc-time-input-bg-focus);
}
[data-vc-theme=light] .vc-time__keeping {
    color: var(--vc-time-keeping-text);
}
[data-vc-theme=light] .vc-time__keeping:focus-visible {
    outline-color: var(--vc-focus-color);
}
@media (hover:hover) and (pointer:fine) {
    [data-vc-theme=light] .vc-time__keeping:hover {
        background-color: var(--vc-time-keeping-bg-hover);
    }
}
[data-vc-theme=light] .vc-time__range input {
    background-color: var(--vc-time-range-bg);
}
[data-vc-theme=light] .vc-time__range:after, [data-vc-theme=light] .vc-time__range:before {
    background-color: var(--vc-time-range-marker-bg);
}
[data-vc-theme=light] .vc-time__range:hover input::-webkit-slider-thumb {
    border-color: var(--vc-time-range-thumb-border-hover);
}
[data-vc-theme=light] .vc-time__range:hover input::-moz-range-thumb {
    border-color: var(--vc-time-range-thumb-border-hover);
}
[data-vc-theme=light] .vc-time__range input:focus-visible::-webkit-slider-thumb {
    border-color: var(--vc-time-range-thumb-border-focus);
}
[data-vc-theme=light] .vc-time__range input:focus-visible::-moz-range-thumb {
    border-color: var(--vc-time-range-thumb-border-focus);
}
[data-vc-theme=light] .vc-time__range input::-webkit-slider-thumb {
    border-color: var(--vc-time-range-thumb-border);
    background-color: var(--vc-time-range-thumb-bg);
}
[data-vc-theme=light] .vc-time__range input::-moz-range-thumb {
    border-color: var(--vc-time-range-thumb-border);
    background-color: var(--vc-time-range-thumb-bg);
}
[data-vc-theme=light] .vc-time__range input::-webkit-slider-runnable-track {
    background-color: var(--vc-time-range-track-bg);
}
[data-vc-theme=light] .vc-time__range input::-moz-range-track {
    background-color: var(--vc-time-range-track-bg);
}
[data-vc-week-numbers=title] {
    margin-top: 0.85rem;
    --tw-leading: 0.55;
    line-height: 0.55;
}
[data-vc=month], [data-vc=year] {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
}
[data-vc-week-day] {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
}
[data-vc=date] {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
}
[data-vc=time] {
    margin: 0;
    border: 0;
}
[data-vc-time=keeping] {
    margin: 0;
}
[data-vc-time-input=hour] input, [data-vc-time-input=minute] input {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    outline: none !important;
    border: none !important;
}
.vc-highlight-weekends {
    --vc-weekday-off-text: var(--destructive);
    --vc-weekday-off-text-hover: var(--destructive);
    --vc-weekend-text: var(--destructive);
    --vc-weekend-bg-hover: var(--destructive);
}
@supports (color: color-mix(in lab, red, red)) {
    .vc-highlight-weekends {
        --vc-weekend-bg-hover: color-mix(in srgb, var(--destructive) 10%, transparent);
    }
}
.vc-highlight-weekends {
    --vc-weekend-selected-bg: var(--destructive);
    --vc-weekend-selected-text: white;
    --vc-weekend-range-bg: var(--destructive);
}
@supports (color: color-mix(in lab, red, red)) {
    .vc-highlight-weekends {
        --vc-weekend-range-bg: color-mix(in srgb, var(--destructive) 70%, transparent);
    }
}
.vc-highlight-weekends {
    --vc-weekend-range-text: white;
    --vc-weekend-today-text: var(--destructive);
}
.kt-date-picker-presets {
    display: flex;
    flex-wrap: wrap;
    gap: calc(var(--spacing) * 1);
    padding: calc(var(--spacing) * 2);
    background-color: var(--vc-calendar-bg);
}
.kt-date-picker-preset-btn {
    text-align: left;
    color: var(--vc-calendar-text);
}
@media (hover: hover) {
    .kt-date-picker-preset-btn:hover {
        background-color: var(--vc-date-bg-hover);
    }
}
@media (hover: hover) {
    .kt-date-picker-preset-btn:hover {
        color: var(--vc-date-text-hover);
    }
}
.kt-date-picker-preset-btn {
    border-radius: var(--vc-date-radius);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: 75ms;
    transition-duration: 75ms;
}
.vc-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: calc(var(--spacing) * 2);
    margin-top: calc(var(--spacing) * 1);
    padding-top: calc(var(--spacing) * 2.5);
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    border-color: var(--border);
}
:root {
    --dt-row-selected: 13, 110, 253;
    --dt-row-selected-text: 255, 255, 255;
    --dt-row-selected-link: 228, 228, 228;
    --dt-row-stripe: 0, 0, 0;
    --dt-row-hover: 0, 0, 0;
    --dt-column-ordering: 0, 0, 0;
    --dt-header-align-items: center;
    --dt-header-vertical-align: middle;
    --dt-html-background: white;
}
:root.dark {
    --dt-html-background: rgb(33, 37, 41);
}
table.dataTable tbody td.dt-control {
    text-align: center;
    cursor: pointer;
}
table.dataTable tbody td.dt-control:before {
    display: inline-block;
    box-sizing: border-box;
    content: "";
    border-top: 5px solid transparent;
    border-left: 10px solid rgba(0, 0, 0, 0.5);
    border-bottom: 5px solid transparent;
    border-right: 0px solid transparent;
}
table.dataTable tbody tr.dt-hasChild td.dt-control:before {
    border-top: 10px solid rgba(0, 0, 0, 0.5);
    border-left: 5px solid transparent;
    border-bottom: 0px solid transparent;
    border-right: 5px solid transparent;
}
table.dataTable tfoot:empty {
    display: none;
}
html.dark table.dataTable td.dt-control:before, :root[data-bs-theme=dark] table.dataTable td.dt-control:before, :root[data-theme=dark] table.dataTable td.dt-control:before {
    border-left-color: rgba(255, 255, 255, 0.5);
}
html.dark table.dataTable tr.dt-hasChild td.dt-control:before, :root[data-bs-theme=dark] table.dataTable tr.dt-hasChild td.dt-control:before, :root[data-theme=dark] table.dataTable tr.dt-hasChild td.dt-control:before {
    border-top-color: rgba(255, 255, 255, 0.5);
    border-left-color: transparent;
}
div.dt-scroll {
    width: 100%;
}
div.dt-scroll-body thead tr, div.dt-scroll-body tfoot tr {
    height: 0;
}
div.dt-scroll-body thead tr th, div.dt-scroll-body thead tr td, div.dt-scroll-body tfoot tr th, div.dt-scroll-body tfoot tr td {
    height: 0 !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    border-top-width: 0px !important;
    border-bottom-width: 0px !important;
}
div.dt-scroll-body thead tr th div.dt-scroll-sizing, div.dt-scroll-body thead tr td div.dt-scroll-sizing, div.dt-scroll-body tfoot tr th div.dt-scroll-sizing, div.dt-scroll-body tfoot tr td div.dt-scroll-sizing {
    height: 0 !important;
    overflow: hidden !important;
}
table.dataTable thead > tr > th:active, table.dataTable thead > tr > td:active {
    outline: none;
}
table.dataTable thead > tr > th.dt-orderable-asc .dt-column-order, table.dataTable thead > tr > th.dt-orderable-desc .dt-column-order, table.dataTable thead > tr > th.dt-ordering-asc .dt-column-order, table.dataTable thead > tr > th.dt-ordering-desc .dt-column-order, table.dataTable thead > tr > td.dt-orderable-asc .dt-column-order, table.dataTable thead > tr > td.dt-orderable-desc .dt-column-order, table.dataTable thead > tr > td.dt-ordering-asc .dt-column-order, table.dataTable thead > tr > td.dt-ordering-desc .dt-column-order {
    position: relative;
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 0.975rem;
    height: 0.975rem;
    gap: 0.125rem;
    line-height: 1;
}
table.dataTable thead > tr > th.dt-orderable-asc .dt-column-order:before, table.dataTable thead > tr > th.dt-orderable-asc .dt-column-order:after, table.dataTable thead > tr > th.dt-orderable-desc .dt-column-order:before, table.dataTable thead > tr > th.dt-orderable-desc .dt-column-order:after, table.dataTable thead > tr > th.dt-ordering-asc .dt-column-order:before, table.dataTable thead > tr > th.dt-ordering-asc .dt-column-order:after, table.dataTable thead > tr > th.dt-ordering-desc .dt-column-order:before, table.dataTable thead > tr > th.dt-ordering-desc .dt-column-order:after, table.dataTable thead > tr > td.dt-orderable-asc .dt-column-order:before, table.dataTable thead > tr > td.dt-orderable-asc .dt-column-order:after, table.dataTable thead > tr > td.dt-orderable-desc .dt-column-order:before, table.dataTable thead > tr > td.dt-orderable-desc .dt-column-order:after, table.dataTable thead > tr > td.dt-ordering-asc .dt-column-order:before, table.dataTable thead > tr > td.dt-ordering-asc .dt-column-order:after, table.dataTable thead > tr > td.dt-ordering-desc .dt-column-order:before, table.dataTable thead > tr > td.dt-ordering-desc .dt-column-order:after {
    display: inline-block;
    content: '';
    height: 0.25rem;
    width: 0.438rem;
    left: auto;
    right: auto;
    top: auto;
    bottom: auto;
    opacity: 1;
    line-height: inherit;
    font-size: inherit;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
table.dataTable thead > tr > th.dt-orderable-asc .dt-column-order:before, table.dataTable thead > tr > th.dt-orderable-desc .dt-column-order:before, table.dataTable thead > tr > th.dt-ordering-asc .dt-column-order:before, table.dataTable thead > tr > th.dt-ordering-desc .dt-column-order:before, table.dataTable thead > tr > td.dt-orderable-asc .dt-column-order:before, table.dataTable thead > tr > td.dt-orderable-desc .dt-column-order:before, table.dataTable thead > tr > td.dt-ordering-asc .dt-column-order:before, table.dataTable thead > tr > td.dt-ordering-desc .dt-column-order:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='5' viewBox='0 0 8 5' fill='none'%3E%3Cpath d='M1.08333 4.83333C0.908333 4.83333 0.791667 4.775 0.675 4.65833C0.441667 4.425 0.441667 4.075 0.675 3.84167L3.59167 0.925C3.825 0.691667 4.175 0.691667 4.40833 0.925L7.325 3.84167C7.55833 4.075 7.55833 4.425 7.325 4.65833C7.09167 4.89167 6.74167 4.89167 6.50833 4.65833L4 2.15L1.49167 4.65833C1.375 4.775 1.25833 4.83333 1.08333 4.83333Z' fill='%2378829D'/%3E%3C/svg%3E");
}
table.dataTable thead > tr > th.dt-orderable-asc .dt-column-order:after, table.dataTable thead > tr > th.dt-orderable-desc .dt-column-order:after, table.dataTable thead > tr > th.dt-ordering-asc .dt-column-order:after, table.dataTable thead > tr > th.dt-ordering-desc .dt-column-order:after, table.dataTable thead > tr > td.dt-orderable-asc .dt-column-order:after, table.dataTable thead > tr > td.dt-orderable-desc .dt-column-order:after, table.dataTable thead > tr > td.dt-ordering-asc .dt-column-order:after, table.dataTable thead > tr > td.dt-ordering-desc .dt-column-order:after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='5' viewBox='0 0 8 5' fill='none'%3E%3Cpath d='M4 4.24984C3.825 4.24984 3.70833 4.1915 3.59167 4.07484L0.675 1.15817C0.441667 0.924838 0.441667 0.574837 0.675 0.341504C0.908333 0.108171 1.25833 0.108171 1.49167 0.341504L4 2.84984L6.50833 0.341504C6.74167 0.108171 7.09167 0.108171 7.325 0.341504C7.55833 0.574837 7.55833 0.924838 7.325 1.15817L4.40833 4.07484C4.29167 4.1915 4.175 4.24984 4 4.24984Z' fill='%2378829D'/%3E%3C/svg%3E");
}
table.dataTable thead > tr > th[aria-sort='ascending'] .dt-column-order:before, table.dataTable thead > tr > td[aria-sort='ascending'] .dt-column-order:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='5' viewBox='0 0 8 5' fill='none'%3E%3Cpath d='M1.08333 4.83333C0.908333 4.83333 0.791667 4.775 0.675 4.65833C0.441667 4.425 0.441667 4.075 0.675 3.84167L3.59167 0.925C3.825 0.691667 4.175 0.691667 4.40833 0.925L7.325 3.84167C7.55833 4.075 7.55833 4.425 7.325 4.65833C7.09167 4.89167 6.74167 4.89167 6.50833 4.65833L4 2.15L1.49167 4.65833C1.375 4.775 1.25833 4.83333 1.08333 4.83333Z' fill='%234B5675'/%3E%3C/svg%3E");
}
table.dataTable thead > tr > th[aria-sort='ascending'] .dt-column-order:after, table.dataTable thead > tr > td[aria-sort='ascending'] .dt-column-order:after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='5' viewBox='0 0 8 5' fill='none'%3E%3Cpath d='M4 4.24984C3.825 4.24984 3.70833 4.1915 3.59167 4.07484L0.675 1.15817C0.441667 0.924838 0.441667 0.574837 0.675 0.341504C0.908333 0.108171 1.25833 0.108171 1.49167 0.341504L4 2.84984L6.50833 0.341504C6.74167 0.108171 7.09167 0.108171 7.325 0.341504C7.55833 0.574837 7.55833 0.924838 7.325 1.15817L4.40833 4.07484C4.29167 4.1915 4.175 4.24984 4 4.24984Z' fill='%23C9CEDA'/%3E%3C/svg%3E");
}
table.dataTable thead > tr > th[aria-sort='descending'] .dt-column-order:before, table.dataTable thead > tr > td[aria-sort='descending'] .dt-column-order:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='5' viewBox='0 0 8 5' fill='none'%3E%3Cpath d='M1.08333 4.83333C0.908333 4.83333 0.791667 4.775 0.675 4.65833C0.441667 4.425 0.441667 4.075 0.675 3.84167L3.59167 0.925C3.825 0.691667 4.175 0.691667 4.40833 0.925L7.325 3.84167C7.55833 4.075 7.55833 4.425 7.325 4.65833C7.09167 4.89167 6.74167 4.89167 6.50833 4.65833L4 2.15L1.49167 4.65833C1.375 4.775 1.25833 4.83333 1.08333 4.83333Z' fill='%23C9CEDA'/%3E%3C/svg%3E");
}
table.dataTable thead > tr > th[aria-sort='descending'] .dt-column-order:after, table.dataTable thead > tr > td[aria-sort='descending'] .dt-column-order:after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='5' viewBox='0 0 8 5' fill='none'%3E%3Cpath d='M4 4.24984C3.825 4.24984 3.70833 4.1915 3.59167 4.07484L0.675 1.15817C0.441667 0.924838 0.441667 0.574837 0.675 0.341504C0.908333 0.108171 1.25833 0.108171 1.49167 0.341504L4 2.84984L6.50833 0.341504C6.74167 0.108171 7.09167 0.108171 7.325 0.341504C7.55833 0.574837 7.55833 0.924838 7.325 1.15817L4.40833 4.07484C4.29167 4.1915 4.175 4.24984 4 4.24984Z' fill='%234B5675'/%3E%3C/svg%3E");
}
table.dataTable thead > tr > th.dt-orderable-asc, table.dataTable thead > tr > th.dt-orderable-desc, table.dataTable thead > tr > td.dt-orderable-asc, table.dataTable thead > tr > td.dt-orderable-desc {
    cursor: pointer;
}
table.dataTable thead > tr > th.dt-orderable-asc:hover, table.dataTable thead > tr > th.dt-orderable-desc:hover, table.dataTable thead > tr > td.dt-orderable-asc:hover, table.dataTable thead > tr > td.dt-orderable-desc:hover {
    outline: 2px solid rgba(0, 0, 0, 0.05);
    outline-offset: -2px;
}
table.dataTable thead > tr > th.dt-orderable-none:not(.dt-ordering-asc, .dt-ordering-desc) .dt-column-order:empty, table.dataTable thead > tr > th.sorting_desc_disabled .dt-column-order:after, table.dataTable thead > tr > th.sorting_asc_disabled .dt-column-order:before, table.dataTable thead > tr > td.dt-orderable-none:not(.dt-ordering-asc, .dt-ordering-desc) .dt-column-order:empty, table.dataTable thead > tr > td.sorting_desc_disabled .dt-column-order:after, table.dataTable thead > tr > td.sorting_asc_disabled .dt-column-order:before {
    display: none;
}
table.dataTable thead > tr > th.dt-orderable-none .dt-column-order, table.dataTable thead > tr > td.dt-orderable-none .dt-column-order {
    display: none !important;
}
table.dataTable thead > tr > th div.dt-column-header, table.dataTable thead > tr > th div.dt-column-footer, table.dataTable thead > tr > td div.dt-column-header, table.dataTable thead > tr > td div.dt-column-footer, table.dataTable tfoot > tr > th div.dt-column-header, table.dataTable tfoot > tr > th div.dt-column-footer, table.dataTable tfoot > tr > td div.dt-column-header, table.dataTable tfoot > tr > td div.dt-column-footer {
    display: flex;
    justify-content: space-between;
    align-items: var(--dt-header-align-items);
    gap: 4px;
}
table.dataTable thead > tr > th div.dt-column-header .dt-column-title, table.dataTable thead > tr > th div.dt-column-footer .dt-column-title, table.dataTable thead > tr > td div.dt-column-header .dt-column-title, table.dataTable thead > tr > td div.dt-column-footer .dt-column-title, table.dataTable tfoot > tr > th div.dt-column-header .dt-column-title, table.dataTable tfoot > tr > th div.dt-column-footer .dt-column-title, table.dataTable tfoot > tr > td div.dt-column-header .dt-column-title, table.dataTable tfoot > tr > td div.dt-column-footer .dt-column-title {
    flex-grow: 1;
}
table.dataTable thead > tr > th div.dt-column-header .dt-column-title:empty, table.dataTable thead > tr > th div.dt-column-footer .dt-column-title:empty, table.dataTable thead > tr > td div.dt-column-header .dt-column-title:empty, table.dataTable thead > tr > td div.dt-column-footer .dt-column-title:empty, table.dataTable tfoot > tr > th div.dt-column-header .dt-column-title:empty, table.dataTable tfoot > tr > th div.dt-column-footer .dt-column-title:empty, table.dataTable tfoot > tr > td div.dt-column-header .dt-column-title:empty, table.dataTable tfoot > tr > td div.dt-column-footer .dt-column-title:empty {
    display: none;
}
div.dt-scroll-body > table.dataTable > thead > tr > th, div.dt-scroll-body > table.dataTable > thead > tr > td {
    overflow: hidden;
}
:root.dark table.dataTable thead > tr > th.dt-orderable-asc:hover, :root.dark table.dataTable thead > tr > th.dt-orderable-desc:hover, :root.dark table.dataTable thead > tr > td.dt-orderable-asc:hover, :root.dark table.dataTable thead > tr > td.dt-orderable-desc:hover, :root[data-bs-theme=dark] table.dataTable thead > tr > th.dt-orderable-asc:hover, :root[data-bs-theme=dark] table.dataTable thead > tr > th.dt-orderable-desc:hover, :root[data-bs-theme=dark] table.dataTable thead > tr > td.dt-orderable-asc:hover, :root[data-bs-theme=dark] table.dataTable thead > tr > td.dt-orderable-desc:hover {
    outline: 2px solid rgba(255, 255, 255, 0.05);
}
@layer components {
    .dataTables_wrapper, .dt-container {
        font-family: inherit !important;
        width: 100% !important;
        max-width: 100% !important;
        padding-left: 0;
        padding-right: 0;
        color: var(--foreground);
    }
    div[id$='_wrapper'] {
        width: 100% !important;
        max-width: 100% !important;
    }
    table.dataTable {
        width: 100% !important;
        max-width: 100% !important;
        table-layout: fixed;
        border-style: var(--tw-border-style);
        border-width: 1px;
        border-color: var(--border);
        border-color: var(--border) !important;
    }
    table.dataTable thead th, table.dataTable thead td {
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: 1px;
        border-color: var(--border);
        background-color: var(--muted);
    }
    @supports (color: color-mix(in lab, red, red)) {
        table.dataTable thead th, table.dataTable thead td {
            background-color: color-mix(in oklab, var(--muted) 50%, transparent);
        }
    }
    table.dataTable thead th, table.dataTable thead td {
        padding-inline: calc(var(--spacing) * 4);
        padding-block: calc(var(--spacing) * 3);
        text-align: left;
        font-size: var(--text-sm);
        line-height: var(--tw-leading, var(--text-sm--line-height));
        --tw-font-weight: var(--font-weight-medium);
        font-weight: var(--font-weight-medium);
        color: var(--foreground);
    }
    table.dataTable tbody th, table.dataTable tbody td {
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: 1px;
        border-color: var(--border);
        padding-inline: calc(var(--spacing) * 4);
        padding-block: calc(var(--spacing) * 3);
        font-size: var(--text-sm);
        line-height: var(--tw-leading, var(--text-sm--line-height));
        color: var(--foreground);
    }
    table.dataTable tbody tr:hover {
        background-color: var(--accent);
    }
    @supports (color: color-mix(in lab, red, red)) {
        table.dataTable tbody tr:hover {
            background-color: color-mix(in oklab, var(--accent) 50%, transparent);
        }
    }
    .dataTables_wrapper .dataTables_length, .dt-container .dt-length {
        margin-bottom: calc(var(--spacing) * 4);
    }
    .dataTables_wrapper .dataTables_filter, .dt-container .dt-search {
        margin-bottom: calc(var(--spacing) * 0);
    }
    .dt-layout-row .dt-length, .dataTables_wrapper .dt-layout-row .dataTables_length {
        margin: calc(var(--spacing) * 0);
        padding: calc(var(--spacing) * 0);
    }
    .dataTables_wrapper .dataTables_length label, .dataTables_wrapper .dataTables_filter label, .dt-container .dt-length label, .dt-container .dt-search label {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: calc(var(--spacing) * 2);
        font-size: var(--text-sm);
        line-height: var(--tw-leading, var(--text-sm--line-height));
        color: var(--foreground);
    }
    .dataTables_wrapper .dataTables_length label, .dt-container .dt-length label {
        font-size: 0;
    }
    .dataTables_wrapper .dataTables_filter label, .dt-container .dt-search label {
        font-size: 0;
    }
    .dataTables_wrapper .dataTables_filter input, .dt-container .dt-search input.dt-input {
        font-size: 0.8125rem;
        display: block;
        height: calc(var(--spacing) * 8.5);
        width: calc(var(--spacing) * 48);
        max-width: 100%;
        border-radius: calc(var(--radius) - 2px);
        padding-inline: calc(var(--spacing) * 3);
        --tw-leading: var(--leading-normal);
        line-height: var(--leading-normal);
        border-style: var(--tw-border-style);
        border-width: 1px;
        border-color: var(--input);
        background-color: var(--background);
        color: var(--foreground);
        --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
        --tw-shadow-color: rgba(0,0,0,0.05);
    }
    @supports (color: color-mix(in lab, red, red)) {
        .dataTables_wrapper .dataTables_filter input, .dt-container .dt-search input.dt-input {
            --tw-shadow-color: color-mix(in oklab, rgba(0,0,0,0.05) var(--tw-shadow-alpha), transparent);
        }
    }
    .dataTables_wrapper .dataTables_filter input, .dt-container .dt-search input.dt-input {
        transition-property: color,box-shadow;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration));
    }
    :is(.dataTables_wrapper .dataTables_filter input,.dt-container .dt-search input.dt-input)::placeholder {
        color: var(--muted-foreground);
    }
    :is(.dataTables_wrapper .dataTables_filter input,.dt-container .dt-search input.dt-input):focus-visible {
        border-color: var(--ring);
    }
    :is(.dataTables_wrapper .dataTables_filter input,.dt-container .dt-search input.dt-input):focus-visible {
        --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + 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);
    }
    :is(.dataTables_wrapper .dataTables_filter input,.dt-container .dt-search input.dt-input):focus-visible {
        --tw-ring-color: var(--ring);
    }
    @supports (color: color-mix(in lab, red, red)) {
        :is(.dataTables_wrapper .dataTables_filter input,.dt-container .dt-search input.dt-input):focus-visible {
            --tw-ring-color: color-mix(in oklab, var(--ring) 30%, transparent);
        }
    }
    :is(.dataTables_wrapper .dataTables_filter input,.dt-container .dt-search input.dt-input):focus-visible {
        --tw-outline-style: none;
        outline-style: none;
    }
    .dataTables_wrapper .dataTables_length select, .dt-container .dt-length select.dt-input {
        font-size: 0.75rem;
        height: calc(var(--spacing) * 7);
        width: calc(var(--spacing) * 16);
        cursor: pointer;
        appearance: none;
        border-radius: calc(var(--radius) - 2px);
        padding-inline-start: calc(var(--spacing) * 2.5);
        padding-inline-end: calc(var(--spacing) * 5);
        font-size: var(--text-xs);
        line-height: var(--tw-leading, var(--text-xs--line-height));
        --tw-leading: var(--leading-normal);
        line-height: var(--leading-normal);
        border-style: var(--tw-border-style);
        border-width: 1px;
        border-color: var(--input);
        background-color: var(--background);
        color: var(--foreground);
        --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
        --tw-shadow-color: rgba(0,0,0,0.05);
    }
    @supports (color: color-mix(in lab, red, red)) {
        .dataTables_wrapper .dataTables_length select, .dt-container .dt-length select.dt-input {
            --tw-shadow-color: color-mix(in oklab, rgba(0,0,0,0.05) var(--tw-shadow-alpha), transparent);
        }
    }
    .dataTables_wrapper .dataTables_length select, .dt-container .dt-length select.dt-input {
        transition-property: color,box-shadow;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration));
    }
    :is(.dataTables_wrapper .dataTables_length select,.dt-container .dt-length select.dt-input):focus-visible {
        border-color: var(--ring);
    }
    :is(.dataTables_wrapper .dataTables_length select,.dt-container .dt-length select.dt-input):focus-visible {
        --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + 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);
    }
    :is(.dataTables_wrapper .dataTables_length select,.dt-container .dt-length select.dt-input):focus-visible {
        --tw-ring-color: var(--ring);
    }
    @supports (color: color-mix(in lab, red, red)) {
        :is(.dataTables_wrapper .dataTables_length select,.dt-container .dt-length select.dt-input):focus-visible {
            --tw-ring-color: color-mix(in oklab, var(--ring) 30%, transparent);
        }
    }
    :is(.dataTables_wrapper .dataTables_length select,.dt-container .dt-length select.dt-input):focus-visible {
        --tw-outline-style: none;
        outline-style: none;
    }
    .dataTables_wrapper .dataTables_length select, .dt-container .dt-length select.dt-input {
        background-repeat: no-repeat;
        background-size: 14px 11px;
        background-position: right 0.5rem center;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%239f9fa9' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3E%3C/svg%3E");
    }
    .dataTables_wrapper .dt-layout-row, .dt-container .dt-layout-row {
        margin-top: calc(var(--spacing) * 4);
        margin-bottom: calc(var(--spacing) * 4);
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
        column-gap: calc(var(--spacing) * 4);
        row-gap: calc(var(--spacing) * 2);
        padding-inline: calc(var(--spacing) * 4);
    }
    .dataTables_wrapper .dt-layout-row .dt-layout-start, .dt-container .dt-layout-row .dt-layout-start {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: center;
        column-gap: calc(var(--spacing) * 3);
    }
    .dataTables_wrapper .dt-layout-row .dt-layout-end, .dt-container .dt-layout-row .dt-layout-end {
        margin-left: auto;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
        column-gap: calc(var(--spacing) * 2);
    }
    .dataTables_wrapper .dataTables_info, .dt-container .dt-info {
        display: inline-flex;
        align-items: center;
        font-size: var(--text-xs);
        line-height: var(--tw-leading, var(--text-xs--line-height));
        color: var(--muted-foreground);
    }
    .dataTables_wrapper .dataTables_paginate .paginate_button, .dt-container .dt-paging .dt-paging-button {
        margin-inline: calc(var(--spacing) * 0.5);
        display: inline-flex;
        height: calc(var(--spacing) * 7);
        min-width: 1.75rem;
        align-items: center;
        justify-content: center;
        border-radius: calc(var(--radius) - 2px);
        border-style: var(--tw-border-style);
        border-width: 1px;
        border-color: var(--border);
        background-color: var(--background);
        padding-inline: calc(var(--spacing) * 2);
        font-size: var(--text-xs);
        line-height: var(--tw-leading, var(--text-xs--line-height));
        --tw-font-weight: var(--font-weight-medium);
        font-weight: var(--font-weight-medium);
        color: var(--foreground);
        cursor: pointer;
        transition: background-color 0.15s, color 0.15s;
    }
    .dataTables_wrapper .dataTables_paginate .paginate_button:not(.disabled):hover, .dt-container .dt-paging .dt-paging-button:not(.disabled):hover {
        border-color: var(--border);
        background-color: var(--accent);
        color: var(--accent-foreground);
    }
    .dataTables_wrapper .dataTables_paginate .paginate_button.current, .dt-container .dt-paging .dt-paging-button.current {
        border-color: var(--primary);
        background-color: var(--primary);
        color: var(--primary-foreground);
    }
    .dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dt-container .dt-paging .dt-paging-button.disabled {
        cursor: not-allowed;
        opacity: 50%;
    }
    .dataTables_wrapper .dataTables_processing, .dt-container .dt-processing {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: calc(var(--spacing) * 2);
        border-radius: calc(var(--radius) - 2px);
        border-style: var(--tw-border-style);
        border-width: 1px;
        border-color: var(--input);
        background-color: var(--background);
        padding-inline: calc(var(--spacing) * 4);
        padding-block: calc(var(--spacing) * 4);
        font-size: var(--text-sm);
        line-height: var(--tw-leading, var(--text-sm--line-height));
        color: var(--foreground);
        min-height: 3.5rem;
    }
}
:root {
    --dz-border-color: var(--ring);
    --dz-border-color-hover: var(--primary);
    --dz-border-width: 1px;
    --dz-border-style: dashed;
    --dz-bg: var(--background);
    --dz-radius: 6px;
    --dz-padding: 20px;
    --dz-min-height: 0;
    --dz-transition-duration: 300ms;
    --dz-message-gap: 14px;
    --dz-message-icon-size: 2rem;
    --dz-message-icon-bg: var(--background);
    --dz-message-icon-border: var(--input);
    --dz-message-icon-color: var(--primary);
    --dz-message-icon-i-color: var(--primary);
    --dz-message-text-gap: 6px;
    --dz-message-title-color: var(--mono);
    --dz-message-title-size: 13px;
    --dz-message-title-line-height: 14px;
    --dz-message-desc-color: var(--foreground);
    --dz-message-desc-size: 12px;
    --dz-message-desc-line-height: 13px;
    --dz-file-item-bg: var(--background);
    --dz-file-item-border: var(--input);
    --dz-file-item-radius: 6px;
    --dz-file-item-padding: 12px;
    --dz-file-item-gap: 10px;
    --dz-file-item-icon-size: 2rem;
    --dz-file-item-icon-border: var(--input);
    --dz-file-item-icon-color: var(--foreground);
    --dz-file-item-name-color: var(--mono);
    --dz-file-item-size-color: var(--foreground);
    --dz-file-item-action-color: var(--muted-foreground);
    --dz-file-item-action-size: 18px;
    --dz-file-item-complete-color: var(--primary);
    --dz-file-item-error-color: var(--destructive);
    --dz-progress-bg: var(--ring);
    --dz-progress-bar-bg: var(--mono);
    --dz-progress-bar-success: var(--primary);
    --dz-progress-bar-error: var(--destructive);
    --dz-progress-height: 4px;
}
.file-upload .dropzone {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-radius: var(--dz-radius);
    border: var(--dz-border-width) var(--dz-border-style) var(--dz-border-color) !important;
    background: var(--dz-bg);
    padding: var(--dz-padding);
    min-height: var(--dz-min-height) !important;
    transition: all 0.3s ease;
}
.file-upload .dropzone.dz-drag-hover {
    border-color: var(--dz-border-color-hover) !important;
}
.file-upload .dropzone.dz-processing .dropzone-message {
    pointer-events: none;
    opacity: 60%;
}
.file-upload .dropzone .dropzone-message {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    gap: var(--dz-message-gap);
}
.file-upload .dropzone .dropzone-message-icon {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    border-radius: calc(infinity * 1px);
    width: var(--dz-message-icon-size);
    height: var(--dz-message-icon-size);
    color: var(--dz-message-icon-color);
    background-color: var(--dz-message-icon-bg);
    border: 1px solid var(--dz-message-icon-border);
}
.file-upload .dropzone .dropzone-message-icon i {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    color: var(--dz-message-icon-i-color);
}
.file-upload .dropzone .dropzone-message-text {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--dz-message-text-gap);
}
.file-upload .dropzone .dropzone-message-title {
    font-size: var(--dz-message-title-size);
    line-height: var(--dz-message-title-line-height);
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--dz-message-title-color);
}
.file-upload .dropzone .dropzone-message-desc {
    font-size: var(--dz-message-desc-size);
    line-height: var(--dz-message-desc-line-height);
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
    color: var(--dz-message-desc-color);
}
.file-upload .dropzone .dropzone-previews {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}
.file-upload .dropzone .dz-preview.dz-file-preview {
    display: block;
}
.file-upload .dropzone .dz-remove,.file-upload .dropzone .dz-cancel {
    display: none !important;
}
.file-upload .dropzone .dz-message {
    margin: calc(var(--spacing) * 0);
    height: calc(var(--spacing) * 0);
    overflow: hidden;
    padding: calc(var(--spacing) * 0);
    --tw-leading: 1;
    line-height: 1;
}
.file-upload .dropzone .dz-message .dz-button {
    margin: calc(var(--spacing) * 0);
    height: calc(var(--spacing) * 0);
    overflow: hidden;
    padding: calc(var(--spacing) * 0);
    --tw-leading: 1;
    line-height: 1;
}
.file-upload .file-upload-list:not(:empty) {
    margin-top: 20px;
}
.file-upload .file-upload-list .dropzone-previews {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.file-upload .dropzone-file-item {
    display: flex;
    border-radius: var(--dz-file-item-radius);
    border: 1px solid var(--dz-file-item-border);
    background: var(--dz-file-item-bg);
    padding: var(--dz-file-item-padding);
    gap: var(--dz-file-item-gap);
    transition: all 0.3s ease;
}
.file-upload .dropzone-file-item-icon {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    border-radius: var(--dz-file-item-radius);
    width: var(--dz-file-item-icon-size);
    height: var(--dz-file-item-icon-size);
    border: 1px solid var(--dz-file-item-icon-border);
}
.file-upload .dropzone-file-item-icon i {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    color: var(--dz-file-item-icon-color);
}
.file-upload .dropzone-file-item-icon .dropzone-file-type-icon {
    height: 22px;
    width: auto;
}
.file-upload .dropzone-file-item-content {
    display: flex;
    flex-grow: 1;
    flex-direction: column;
    justify-content: space-between;
    gap: 4px;
}
.file-upload .dropzone-file-item-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--dz-file-item-gap);
}
.file-upload .dropzone-file-item-info {
    display: flex;
    min-width: calc(var(--spacing) * 0);
    flex: 1;
    align-items: center;
    gap: var(--dz-file-item-gap);
}
.file-upload .dropzone-file-item-name {
    display: grid;
    width: 100%;
    align-items: center;
}
.file-upload .dropzone-file-item-wrapper {
    font-size: 12px;
    line-height: 12px;
    font-weight: 500;
    color: var(--dz-file-item-name-color);
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.file-upload .dropzone-file-item-size {
    flex-shrink: 0;
    font-size: 13px;
    --tw-leading: 13px;
    line-height: 13px;
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
    white-space: nowrap;
    color: var(--dz-file-item-size-color);
}
.file-upload .dropzone-file-item-size > strong {
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
}
.file-upload .dropzone-file-item-actions {
    display: flex;
    flex-shrink: 0;
    align-items: center;
}
.file-upload .dropzone-file-item-actions .kt-btn {
    flex-shrink: 0;
    height: var(--dz-file-item-action-size);
    width: var(--dz-file-item-action-size);
}
.file-upload .dropzone-file-item-actions .kt-btn i {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--dz-file-item-action-color);
}
.file-upload .dropzone-file-item-complete {
    display: none;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    padding: calc(var(--spacing) * 0);
    height: var(--dz-file-item-action-size);
    width: var(--dz-file-item-action-size);
}
.file-upload .dropzone-file-item-complete i {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--dz-file-item-complete-color);
}
.file-upload .dropzone-file-item-error {
    display: none;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    padding: calc(var(--spacing) * 0);
    height: var(--dz-file-item-action-size);
    width: var(--dz-file-item-action-size);
}
.file-upload .dropzone-file-item-error {
    cursor: help;
}
.file-upload .dropzone-file-item-error i {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--dz-file-item-error-color);
}
.file-upload .dropzone-file-item.dz-error .dropzone-file-item-error {
    display: flex;
}
.file-upload .dropzone-file-item-progress {
    margin-bottom: 4px;
}
.file-upload .dropzone-file-item-progress .progress {
    border-radius: 4px;
    overflow: hidden;
    height: var(--dz-progress-height);
    background-color: var(--dz-progress-bg);
}
.file-upload .dropzone-file-item-progress .progress-bar {
    height: 100%;
    transition: width 0.3s ease;
    background-color: var(--dz-progress-bar-bg);
}
.file-upload .dropzone-file-item-progress .progress-bar[data-dz-uploadprogress] {
    width: 0%;
}
.file-upload .dropzone-file-item.dz-processing .dropzone-file-item-content .dropzone-file-item-progress {
    display: block;
}
.file-upload .dropzone-file-item.dz-complete .dropzone-file-item-content .dropzone-file-item-header .dropzone-file-item-actions .dropzone-file-item-remove {
    display: none;
}
.file-upload .dropzone-file-item.dz-complete .dropzone-file-item-content .dropzone-file-item-header .dropzone-file-item-actions .dropzone-file-item-complete {
    display: flex;
}
.file-upload .dropzone-file-item.dz-complete .dropzone-file-item-content .dropzone-file-item-header .dropzone-file-item-actions .dropzone-file-item-error {
    display: none;
}
.file-upload .dropzone-file-item.dz-complete .dropzone-file-item-content .dropzone-file-item-progress .progress-bar {
    background-color: var(--dz-progress-bar-success);
}
.file-upload .dropzone-file-item.dz-error .dropzone-file-item-content .dropzone-file-item-header .dropzone-file-item-actions .dropzone-file-item-complete {
    display: none;
}
.file-upload .dropzone-file-item.dz-error .dropzone-file-item-content .dropzone-file-item-header .dropzone-file-item-actions .dropzone-file-item-error {
    display: flex;
}
.file-upload .dropzone-file-item.dz-error .dropzone-file-item-content .dropzone-file-item-progress .progress-bar {
    background-color: var(--dz-progress-bar-error);
}
@layer components {
    .fc {
        font-family: inherit !important;
        font-size: var(--text-sm, 0.875rem) !important;
        line-height: var(--text-sm--line-height, 1.5) !important;
        --fc-list-event-hover-bg-color: var(--accent);
    }
    .fc * {
        font-family: inherit;
    }
    .fc-header-toolbar {
        margin-bottom: calc(var(--spacing) * 4);
    }
    .fc-toolbar-title {
        font-size: var(--text-base);
        line-height: var(--tw-leading, var(--text-base--line-height));
        --tw-font-weight: var(--font-weight-semibold);
        font-weight: var(--font-weight-semibold);
        color: var(--foreground);
        font-family: inherit;
    }
    .fc-toolbar-chunk {
        display: inline-flex;
        align-items: center;
        background-color: var(--background);
        --tw-leading: 1;
        line-height: 1;
    }
    .fc-button-group {
        display: inline-flex;
        align-items: center;
    }
    .fc-button {
        display: inline-flex;
        cursor: pointer;
        align-items: center;
        justify-content: center;
        --tw-font-weight: var(--font-weight-medium);
        font-weight: var(--font-weight-medium);
        white-space: nowrap;
        --tw-ring-offset-color: var(--background);
    }
    .fc-button:focus-visible {
        --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);
    }
    .fc-button:focus-visible {
        --tw-ring-color: var(--ring);
    }
    .fc-button:focus-visible {
        --tw-ring-offset-width: 2px;
        --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    }
    .fc-button:focus-visible {
        --tw-outline-style: none;
        outline-style: none;
    }
    .fc-button {
        transition-property: color,box-shadow;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration));
    }
    .fc-button:disabled {
        pointer-events: none;
    }
    .fc-button:disabled {
        opacity: 50%;
    }
    .fc-button {
        flex-shrink: 0;
        --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
        --tw-shadow-color: rgba(0,0,0,0.05);
    }
    @supports (color: color-mix(in lab, red, red)) {
        .fc-button {
            --tw-shadow-color: color-mix(in oklab, rgba(0,0,0,0.05) var(--tw-shadow-alpha), transparent);
        }
    }
    .fc-button {
        height: calc(var(--spacing) * 8.5);
        gap: calc(var(--spacing) * 1.5);
        border-style: var(--tw-border-style);
        border-width: 1px;
        border-color: var(--border);
        background-color: transparent;
        padding-inline: calc(var(--spacing) * 3);
        color: var(--accent-foreground);
        font-family: inherit;
        font-size: var(--text-2sm, 0.8125rem) !important;
        line-height: var(--text-2sm--line-height, 1.25) !important;
    }
    .fc-button-group .fc-button:not(:last-child), .fc-toolbar-chunk > .fc-button:not(:last-child) {
        border-inline-end: none !important;
    }
    .fc-button-group .fc-button:first-child, .fc-toolbar-chunk > .fc-button:first-child {
        border-start-start-radius: var(--radius-md) !important;
        border-end-start-radius: var(--radius-md) !important;
    }
    .fc-button-group .fc-button:not(:first-child) {
        border-start-start-radius: 0 !important;
        border-end-start-radius: 0 !important;
    }
    .fc-button-group .fc-button:last-child, .fc-toolbar-chunk > .fc-button:last-child {
        border-start-end-radius: var(--radius-md) !important;
        border-end-end-radius: var(--radius-md) !important;
    }
    .fc-button-group .fc-button:not(:last-child) {
        border-start-end-radius: 0 !important;
        border-end-end-radius: 0 !important;
    }
    .fc-button .fc-icon, .fc-button .fc-icon::before, .fc-button .fc-icon::after {
        font-size: 1rem !important;
        color: var(--muted-foreground) !important;
        fill: var(--muted-foreground) !important;
        position: relative !important;
    }
    .fc-today-button {
        border-radius: var(--radius-md) !important;
        border-inline-end: 1px solid var(--border) !important;
    }
    .fc-dayGridMonth-button, .fc-timeGridWeek-button, .fc-timeGridDay-button, .fc-listWeek-button, .fc-listDay-button, .fc-listMonth-button, .fc-listYear-button {
        min-width: 4rem !important;
    }
    @media (hover: hover) {
        .fc-button:hover:not(:disabled), .fc-button:focus:not(:disabled) {
            background-color: var(--accent) !important;
            color: var(--accent-foreground) !important;
        }
    }
    .fc-button:hover:not(:disabled) .fc-icon, .fc-button:hover:not(:disabled) .fc-icon::before, .fc-button:hover:not(:disabled) .fc-icon::after, .fc-button:focus:not(:disabled) .fc-icon, .fc-button:focus:not(:disabled) .fc-icon::before, .fc-button:focus:not(:disabled) .fc-icon::after {
        color: var(--accent-foreground) !important;
        fill: var(--accent-foreground) !important;
    }
    .fc-button-primary {
        background-color: transparent !important;
        color: var(--accent-foreground) !important;
        border-color: var(--border) !important;
    }
    .fc-button-primary .fc-icon, .fc-button-primary .fc-icon::before, .fc-button-primary .fc-icon::after {
        color: var(--muted-foreground) !important;
        fill: var(--muted-foreground) !important;
    }
    .fc-button:disabled {
        cursor: not-allowed;
        opacity: 50%;
    }
    .fc-button-active {
        background-color: var(--accent) !important;
        color: var(--accent-foreground) !important;
        border-color: var(--border) !important;
    }
    @media (hover: hover) {
        .fc-button-active:hover:not(:disabled) {
            background-color: var(--accent) !important;
            color: var(--accent-foreground) !important;
        }
    }
    .fc-button-active .fc-icon, .fc-button-active .fc-icon::before, .fc-button-active .fc-icon::after {
        color: var(--accent-foreground) !important;
        fill: var(--accent-foreground) !important;
    }
    .fc-theme-standard td, .fc-theme-standard th {
        border-color: var(--border) !important;
    }
    .fc-col-header-cell {
        background-color: var(--muted);
    }
    @supports (color: color-mix(in lab, red, red)) {
        .fc-col-header-cell {
            background-color: color-mix(in oklab, var(--muted) 50%, transparent);
        }
    }
    .fc-col-header-cell {
        padding: 0.5rem !important;
    }
    .fc-col-header-cell-cushion {
        font-size: var(--text-sm);
        line-height: var(--tw-leading, var(--text-sm--line-height));
        --tw-font-weight: var(--font-weight-medium);
        font-weight: var(--font-weight-medium);
        color: var(--muted-foreground);
        font-family: inherit;
    }
    .fc-daygrid-day {
        background-color: var(--background);
    }
    .fc-daygrid-day-top {
        font-size: var(--text-2xs);
        line-height: var(--tw-leading, var(--text-2xs--line-height));
        --tw-font-weight: var(--font-weight-medium);
        font-weight: var(--font-weight-medium);
        color: var(--foreground);
        font-family: inherit;
        padding: 0.5rem !important;
    }
    .fc-daygrid-day-number {
        font-size: var(--text-2xs);
        line-height: var(--tw-leading, var(--text-2xs--line-height));
        --tw-font-weight: var(--font-weight-medium);
        font-weight: var(--font-weight-medium);
        color: var(--foreground);
        font-family: inherit;
    }
    .fc-day-today {
        background-color: var(--accent);
    }
    @supports (color: color-mix(in lab, red, red)) {
        .fc-day-today {
            background-color: color-mix(in oklab, var(--accent) 50%, transparent);
        }
    }
    .fc-day-today .fc-daygrid-day-number {
        --tw-font-weight: var(--font-weight-semibold);
        font-weight: var(--font-weight-semibold);
        color: var(--primary);
    }
    .fc-event:not(.fc-list-event) {
        border-radius: calc(var(--radius) - 2px);
        border-style: var(--tw-border-style);
        border-width: 0px;
        padding: 0.25rem 0.5rem !important;
        margin: 0.125rem !important;
        cursor: pointer;
    }
            
    .fc-today-button {
        margin-left: .5rem !important;
    }
    .fc-listYear-button {
        margin-left: 0 !important;
    }
    .fc-event:not(.fc-list-event):hover {
        opacity: 0.9;
    }
    .fc-event-title {
        font-size: var(--text-xs);
        line-height: var(--tw-leading, var(--text-xs--line-height));
        --tw-font-weight: var(--font-weight-medium);
        font-weight: var(--font-weight-medium);
        color: inherit;
        padding: 0 !important;
    }
    .fc-event-time {
        font-size: var(--text-xs);
        line-height: var(--tw-leading, var(--text-xs--line-height));
        color: inherit;
        padding: 0 !important;
    }
    .fc-popover {
        border: 1px solid var(--border) !important;
        box-shadow: var(--box-shadow-sm) !important;
        background-color: var(--background) !important;
        border-radius: var(--radius-md) !important;
    }
    .fc-popover-header {
        background-color: var(--muted);
    }
    @supports (color: color-mix(in lab, red, red)) {
        .fc-popover-header {
            background-color: color-mix(in oklab, var(--muted) 50%, transparent);
        }
    }
    .fc-popover-header {
        font-size: var(--text-sm);
        line-height: var(--tw-leading, var(--text-sm--line-height));
        --tw-font-weight: var(--font-weight-medium);
        font-weight: var(--font-weight-medium);
        color: var(--foreground);
        font-family: inherit;
        padding: 0.5rem !important;
        border-bottom: 1px solid var(--border) !important;
    }
    .fc-popover-body {
        font-size: var(--text-sm);
        line-height: var(--tw-leading, var(--text-sm--line-height));
        color: var(--foreground);
        font-family: inherit;
        padding: 0.5rem !important;
    }
    .fc-more-link {
        font-size: var(--text-xs);
        line-height: var(--tw-leading, var(--text-xs--line-height));
        --tw-font-weight: var(--font-weight-medium);
        font-weight: var(--font-weight-medium);
        color: var(--primary);
    }
    @media (hover: hover) {
        .fc-more-link:hover {
            color: var(--primary);
        }
        @supports (color: color-mix(in lab, red, red)) {
            .fc-more-link:hover {
                color: color-mix(in oklab, var(--primary) 90%, transparent);
            }
        }
    }
    .fc-more-link {
        font-family: inherit;
    }
    .fc-daygrid-event {
        border-radius: calc(var(--radius) - 2px);
    }
    .fc-timegrid-slot {
        border-color: var(--border) !important;
    }
    .fc-timegrid-slot-label {
        font-size: var(--text-2xs);
        line-height: var(--tw-leading, var(--text-2xs--line-height));
        color: var(--muted-foreground);
        font-family: inherit;
    }
    .fc-timegrid-slot-label-cushion {
        font-size: var(--text-2xs);
        line-height: var(--tw-leading, var(--text-2xs--line-height));
        color: var(--muted-foreground);
        font-family: inherit;
    }
    .fc-timegrid-axis-cushion {
        font-size: var(--text-2xs);
        line-height: var(--tw-leading, var(--text-2xs--line-height));
        color: var(--muted-foreground);
        font-family: inherit;
    }
    .fc-timegrid-col {
        border-color: var(--border) !important;
    }
    .fc-timegrid-axis-frame {
        font-size: var(--text-2xs);
        line-height: var(--tw-leading, var(--text-2xs--line-height));
        color: var(--muted-foreground);
        font-family: inherit;
    }
    .fc-list tbody tr {
        background-color: var(--background) !important;
    }
    .fc-list tbody tr:hover {
        background-color: var(--accent) !important;
    }
    .fc-list tbody tr td {
        background-color: var(--background) !important;
        color: var(--foreground) !important;
    }
    .fc-list tbody tr:hover td {
        background-color: var(--accent) !important;
        color: var(--accent-foreground) !important;
    }
    .fc-list tbody tr .fc-list-event-time {
        color: var(--muted-foreground) !important;
    }
    .fc-list tbody tr:hover .fc-list-event-time {
        color: var(--accent-foreground) !important;
    }
    .fc-list-event-title {
        font-size: var(--text-sm);
        line-height: var(--tw-leading, var(--text-sm--line-height));
        --tw-font-weight: var(--font-weight-medium);
        font-weight: var(--font-weight-medium);
        font-family: inherit;
        color: var(--foreground) !important;
    }
    .fc-list tbody tr:hover .fc-list-event-title {
        color: var(--accent-foreground) !important;
    }
    .fc-list-event-time {
        font-size: var(--text-xs);
        line-height: var(--tw-leading, var(--text-xs--line-height));
        font-family: inherit;
    }
    .fc-list .fc-list-event-dot {
        background-color: var(--muted-foreground) !important;
    }
    .fc-list-event-graphic {
        text-align: center !important;
    }
    .fc-list-event-dot {
        margin: 0 auto !important;
    }
    #modal_project_task .project-task-date-wrap {
        width: 14rem;
        min-width: 14rem;
        max-width: 14rem;
        flex-shrink: 0;
    }
}
@layer components {
    .leaflet-container .leaflet-pane,.leaflet-container .leaflet-top,.leaflet-container .leaflet-bottom,.leaflet-container .leaflet-control {
        z-index: 1 !important;
    }
    .leaflet-container .leaflet-popup-content-wrapper {
        border-radius: var(--radius-md);
        text-align: center;
        background-color: var(--color-popover);
    }
    :is(.leaflet-container .leaflet-popup-content-wrapper) .leaflet-popup-content {
        font-family: inherit;
        font-size: var(--text-xs);
        line-height: var(--tw-leading, var(--text-xs--line-height));
    }
}
@layer components {
    .kt-menu {
        display: flex;
    }
    .kt-menu-item, .kt-menu-link {
        padding: 0;
        margin: 0;
    }
    .kt-menu-item {
        display: flex;
        flex-direction: column;
    }
    .kt-menu-link, .kt-menu-label, .kt-menu-toggle {
        cursor: pointer;
        display: flex;
        align-items: center;
        flex-grow: 1;
    }
    .kt-menu-title {
        display: flex;
        align-items: center;
        line-height: 1;
        flex-grow: 1;
    }
    .kt-menu-icon, .kt-menu-bullet, .kt-menu-badge, .kt-menu-arrow {
        display: flex;
        align-items: center;
        flex-shrink: 0;
    }
    .kt-menu-dropdown, .kt-menu-accordion {
        padding: 0;
        margin: 0;
        display: none;
        align-items: stretch;
        flex-direction: column;
    }
    .show.kt-menu-item-dropdown > .kt-menu-dropdown,.base-popper-root > .kt-menu-container > .kt-menu-dropdown,.kt-menu-dropdown.kt-menu.show,.kt-menu-dropdown.show[data-popper-placement] {
        display: flex;
        will-change: transform;
    }
    .kt-menu-accordion {
        display: none;
        transition: height 0.3s ease;
    }
    .show:not(.kt-menu-dropdown) > .kt-menu-accordion,.transitioning:not(.kt-menu-dropdown) > .kt-menu-accordion,.kt-menu-accordion.show {
        display: flex;
    }
}
@layer components {
    .kt-menu-dropdown {
        gap: calc(var(--spacing) * 0.25);
        border-radius: calc(var(--radius) - 2px);
        border-style: var(--tw-border-style);
        border-width: 1px;
        border-color: var(--border);
        background-color: var(--popover);
        color: var(--popover-foreground);
        --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px 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);
        --tw-shadow-color: rgba(0,0,0,0.05);
    }
    @supports (color: color-mix(in lab, red, red)) {
        .kt-menu-dropdown {
            --tw-shadow-color: color-mix(in oklab, rgba(0,0,0,0.05) var(--tw-shadow-alpha), transparent);
        }
    }
}
@layer components {
    .kt-menu-default {
        gap: calc(var(--spacing) * 0.5);
        padding-block: calc(var(--spacing) * 2);
    }
    .kt-menu-default .kt-menu-link,.kt-menu-default .kt-menu-label {
        margin-inline: calc(var(--spacing) * 2);
        border-radius: calc(var(--radius) - 2px);
        padding-inline: calc(var(--spacing) * 2);
        padding-block: calc(var(--spacing) * 2);
    }
    .kt-menu-default .kt-menu-title {
        font-size: var(--text-2sm);
        line-height: var(--tw-leading, var(--text-2sm--line-height));
        --tw-font-weight: var(--font-weight-medium);
        font-weight: var(--font-weight-medium);
    }
    .kt-menu-default .kt-menu-icon {
        margin-inline-end: calc(var(--spacing) * 2.5);
    }
    :is(.kt-menu-default .kt-menu-icon) i {
        font-size: var(--text-lg);
        line-height: var(--tw-leading, var(--text-lg--line-height));
    }
    .kt-menu-default .kt-menu-bullet {
        margin-inline-end: calc(var(--spacing) * 2.5);
    }
    .kt-menu-default .kt-menu-arrow {
        margin-inline-start: calc(var(--spacing) * 2);
    }
    :is(.kt-menu-default .kt-menu-arrow) i {
        font-size: var(--text-xs);
        line-height: var(--tw-leading, var(--text-xs--line-height));
    }
    .kt-menu-default .kt-menu-badge {
        margin-inline-start: calc(var(--spacing) * 2.5);
    }
    .kt-menu-default .kt-menu-separator {
        margin-block: calc(var(--spacing) * 2);
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: 1px;
        border-color: var(--border);
    }
    :is(.kt-menu-default .kt-menu-accordion:not(.kt-menu-no-indent)) .kt-menu-item > .kt-menu-link,:is(.kt-menu-default .kt-menu-accordion:not(.kt-menu-no-indent)) .kt-menu-item > .kt-menu-label {
        margin-inline-start: calc(var(--spacing) * 5);
    }
    :is(.kt-menu-default .kt-menu-accordion:not(.kt-menu-no-indent)) .kt-menu-item > .kt-menu-accordion .kt-menu-item > .kt-menu-link,:is(.kt-menu-default .kt-menu-accordion:not(.kt-menu-no-indent)) .kt-menu-item > .kt-menu-accordion .kt-menu-item > .kt-menu-label {
        margin-inline-start: calc(var(--spacing) * 8);
    }
    :is(.kt-menu-default .kt-menu-accordion:not(.kt-menu-no-indent)) .kt-menu-item > .kt-menu-accordion .kt-menu-item > .kt-menu-accordion .kt-menu-item > .kt-menu-link,:is(.kt-menu-default .kt-menu-accordion:not(.kt-menu-no-indent)) .kt-menu-item > .kt-menu-accordion .kt-menu-item > .kt-menu-accordion .kt-menu-item > .kt-menu-label {
        margin-inline-start: calc(var(--spacing) * 11);
    }
    :is(.kt-menu-default .kt-menu-accordion:not(.kt-menu-no-indent)) .kt-menu-item > .kt-menu-accordion .kt-menu-item > .kt-menu-accordion .kt-menu-item > .kt-menu-accordion .kt-menu-item > .kt-menu-link,:is(.kt-menu-default .kt-menu-accordion:not(.kt-menu-no-indent)) .kt-menu-item > .kt-menu-accordion .kt-menu-item > .kt-menu-accordion .kt-menu-item > .kt-menu-accordion .kt-menu-item > .kt-menu-label {
        margin-inline-start: calc(var(--spacing) * 14);
    }
    .kt-menu-fit {
        padding-block: calc(var(--spacing) * 0);
    }
    .kt-menu-fit .kt-menu-link,.kt-menu-fit .kt-menu-label {
        margin-inline: calc(var(--spacing) * 0);
    }
    .kt-menu-space {
        padding-block: calc(var(--spacing) * 2);
    }
    .kt-menu-space .kt-menu-link,.kt-menu-space .kt-menu-label {
        margin-inline: calc(var(--spacing) * 2.5);
    }
}
@layer components {
    :is(.kt-menu-default .kt-menu-item) .kt-menu-title {
        color: var(--foreground);
    }
    :is(.kt-menu-default .kt-menu-item) .kt-menu-icon i {
        color: var(--muted-foreground);
    }
    :is(.kt-menu-default .kt-menu-item) .kt-menu-arrow i {
        color: var(--muted-foreground);
    }
    :is(:is(.kt-menu-default .kt-menu-item) .kt-menu-link:hover,:is(.kt-menu-default .kt-menu-item) .kt-menu-label:hover) .kt-menu-title {
        color: var(--mono);
    }
    :is(:is(.kt-menu-default .kt-menu-item) .kt-menu-link:hover,:is(.kt-menu-default .kt-menu-item) .kt-menu-label:hover) .kt-menu-icon i {
        color: var(--primary);
    }
    :is(:is(.active:is(.kt-menu-default .kt-menu-item),.show:is(.kt-menu-default .kt-menu-item),.here:is(.kt-menu-default .kt-menu-item),.focus:is(.kt-menu-default .kt-menu-item)) > .kt-menu-link,:is(.active:is(.kt-menu-default .kt-menu-item),.show:is(.kt-menu-default .kt-menu-item),.here:is(.kt-menu-default .kt-menu-item),.focus:is(.kt-menu-default .kt-menu-item)) > .kt-menu-label) .kt-menu-title {
        color: var(--mono);
    }
    :is(:is(.active:is(.kt-menu-default .kt-menu-item),.show:is(.kt-menu-default .kt-menu-item),.here:is(.kt-menu-default .kt-menu-item),.focus:is(.kt-menu-default .kt-menu-item)) > .kt-menu-link,:is(.active:is(.kt-menu-default .kt-menu-item),.show:is(.kt-menu-default .kt-menu-item),.here:is(.kt-menu-default .kt-menu-item),.focus:is(.kt-menu-default .kt-menu-item)) > .kt-menu-label) .kt-menu-icon i {
        color: var(--primary);
    }
    :is(.active:is(.kt-menu-default .kt-menu-item),.here:is(.kt-menu-default .kt-menu-item)) > .kt-menu-link,:is(.active:is(.kt-menu-default .kt-menu-item),.here:is(.kt-menu-default .kt-menu-item)) > .kt-menu-label {
        background-color: var(--accent);
    }
    :is(.kt-menu-default .kt-menu-item) > .kt-menu-link:hover,:is(.kt-menu-default .kt-menu-item) > .kt-menu-label:hover {
        background-color: var(--accent);
    }
    .disabled:is(.kt-menu-default .kt-menu-item) > .kt-menu-link,.disabled:is(.kt-menu-default .kt-menu-item) > .kt-menu-label {
        opacity: 50%;
    }
}
@layer components {
    .range {
        width: 100%;
        height: 0.5rem;
        padding: 0;
        appearance: none;
    }
    .range:focus {
        outline: 0;
    }
    .range::-moz-focus-outer {
        border: 0;
    }
    .range::-webkit-slider-thumb {
        border-radius: calc(infinity * 1px);
        border-style: var(--tw-border-style);
        border-width: 1px;
        border-color: var(--border);
        background-color: var(--primary);
        --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);
        width: 1.5rem;
        height: 1.5rem;
        margin-top: -0.5rem;
        appearance: none;
        transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    }
    :is(.range::-webkit-slider-thumb):active {
        background-color: var(--primary);
    }
    .range::-moz-range-thumb {
        border-radius: calc(infinity * 1px);
        border-style: var(--tw-border-style);
        border-width: 1px;
        border-color: var(--border);
        background-color: var(--primary);
        --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);
        width: 1.5rem;
        height: 1.5rem;
        margin-top: -0.5rem;
        appearance: none;
        transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    }
    :is(.range::-moz-range-thumb):active {
        background-color: var(--primary);
    }
    .range::-moz-range-track {
        background-color: var(--input);
        width: 100%;
        height: 0.5rem;
        color: transparent;
        cursor: pointer;
        border-color: transparent;
        border-radius: 0.188rem;
    }
    .range::-webkit-slider-runnable-track {
        background-color: var(--input);
        width: 100%;
        height: 0.5rem;
        color: transparent;
        cursor: pointer;
        border-color: transparent;
        border-radius: 0.188rem;
    }
    .range:disabled {
        pointer-events: none;
    }
    .range:disabled::-webkit-slider-thumb {
        background-color: var(--accent);
    }
    .range:disabled::-moz-range-thumb {
        background-color: var(--accent);
    }
}
@layer components {
    .kt-rating {
        display: inline-flex;
        align-items: stretch;
    }
    .kt-rating input {
        appearance: none;
        position: absolute;
        inset-inline-start: 9999px;
    }
    [disabled]:is(.kt-rating input) {
        display: none;
    }
    .kt-rating-on {
        color: var(--color-yellow-400);
    }
    .kt-rating-off {
        color: var(--muted-foreground);
    }
    .kt-rating-label {
        display: inline-flex !important;
        align-items: center;
    }
    .kt-rating-label .kt-rating-on {
        display: none !important;
    }
    .kt-rating-label .kt-rating-off {
        display: inline-flex !important;
    }
    :is(.kt-rating:hover label.kt-rating-label,label.kt-rating-label,label.kt-rating-label.checked,div.kt-rating-label.checked) .kt-rating-on {
        display: inline-flex !important;
    }
    :is(.kt-rating:hover label.kt-rating-label,label.kt-rating-label,label.kt-rating-label.checked,div.kt-rating-label.checked) .kt-rating-off {
        display: none !important;
    }
    :is(label.kt-rating-label:hover ~ label.kt-rating-label,.kt-rating-input:checked ~ .kt-rating-label) .kt-rating-on {
        display: none !important;
    }
    :is(label.kt-rating-label:hover ~ label.kt-rating-label,.kt-rating-input:checked ~ .kt-rating-label) .kt-rating-off {
        display: inline-flex !important;
    }
    .kt-rating-label.indeterminate {
        position: relative;
    }
    .kt-rating-label.indeterminate .kt-rating-on {
        display: inline-flex !important;
        position: absolute;
        z-index: 1;
        overflow: hidden;
        inset-inline-start: 0;
    }
    .kt-rating-label.indeterminate .kt-rating-off {
        display: inline-flex !important;
    }
    label.kt-rating-label {
        cursor: pointer;
    }
}
@layer components {
    .kt-scrollable, .kt-scrollable-y, .kt-scrollable-x, .kt-scrollable-hover, .kt-scrollable-y-hover, .kt-scrollable-x-hover, .kt-scrollable-auto, .kt-scrollable-y-auto, .kt-scrollable-x-auto {
        scrollbar-width: thin;
        scrollbar-color: transparent transparent;
        position: relative;
    }
    :is(.kt-scrollable,.kt-scrollable-y,.kt-scrollable-x,.kt-scrollable-hover,.kt-scrollable-y-hover,.kt-scrollable-x-hover,.kt-scrollable-auto,.kt-scrollable-y-auto,.kt-scrollable-x-auto)::-webkit-scrollbar {
        width: 0.35rem;
        height: 0.35rem;
    }
    :is(.kt-scrollable,.kt-scrollable-y,.kt-scrollable-x,.kt-scrollable-hover,.kt-scrollable-y-hover,.kt-scrollable-x-hover,.kt-scrollable-auto,.kt-scrollable-y-auto,.kt-scrollable-x-auto)::-webkit-scrollbar-track {
        background-color: transparent;
    }
    :is(.kt-scrollable,.kt-scrollable-y,.kt-scrollable-x,.kt-scrollable-hover,.kt-scrollable-y-hover,.kt-scrollable-x-hover,.kt-scrollable-auto,.kt-scrollable-y-auto,.kt-scrollable-x-auto)::-webkit-scrollbar-thumb {
        border-radius: 1.25rem;
    }
    :is(.kt-scrollable,.kt-scrollable-y,.kt-scrollable-x,.kt-scrollable-hover,.kt-scrollable-y-hover,.kt-scrollable-x-hover,.kt-scrollable-auto,.kt-scrollable-y-auto,.kt-scrollable-x-auto)::-webkit-scrollbar-corner {
        background-color: transparent;
    }
    .kt-scrollable, .kt-scrollable-hover {
        overflow: scroll;
    }
    .kt-scrollable-y, .kt-scrollable-y-hover {
        overflow-y: scroll;
    }
    .kt-scrollable-x, .kt-scrollable-x-hover {
        overflow-x: scroll;
    }
    .kt-scrollable-auto {
        overflow: auto;
    }
    .kt-scrollable-y-auto {
        overflow-y: auto;
    }
    .kt-scrollable-x-auto {
        overflow-x: auto;
    }
    .kt-scrollable, .kt-scrollable-y, .kt-scrollable-x, .kt-scrollable-auto, .kt-scrollable-y-auto, .kt-scrollable-x-auto, .kt-scrollable-hover:hover, .kt-scrollable-y-hover:hover, .kt-scrollable-x-hover:hover {
        scrollbar-color: var(--scrollbar-thumb-color, var(--color-input)) transparent;
    }
    :is(.kt-scrollable,.kt-scrollable-y,.kt-scrollable-x,.kt-scrollable-auto,.kt-scrollable-y-auto,.kt-scrollable-x-auto,.kt-scrollable-hover:hover,.kt-scrollable-y-hover:hover,.kt-scrollable-x-hover:hover)::-webkit-scrollbar-thumb {
        background-color: var(--scrollbar-thumb-color, var(--color-input));
    }
    :is(.kt-scrollable,.kt-scrollable-y,.kt-scrollable-x,.kt-scrollable-auto,.kt-scrollable-y-auto,.kt-scrollable-x-auto,.kt-scrollable-hover:hover,.kt-scrollable-y-hover:hover,.kt-scrollable-x-hover:hover)::-webkit-scrollbar-corner {
        background-color: transparent;
    }
    @supports (-webkit-hyphens: none) {
        .kt-scrollable, .kt-scrollable-hover {
            overflow: auto;
        }
        .kt-scrollable-y, .kt-scrollable-y-hover {
            overflow-y: auto;
        }
        .kt-scrollable-x, .kt-scrollable-x-hover {
            overflow-x: auto;
        }
    }
    @media (max-width: 64rem) {
        .kt-scrollable, .kt-scrollable-hover {
            overflow: auto;
        }
        .kt-scrollable-y, .kt-scrollable-y-hover {
            overflow-y: auto;
        }
        .kt-scrollable-x, .kt-scrollable-x-hover {
            overflow-x: auto;
        }
    }
}
@layer components {
    .demo1 {
        --sidebar-transition-duration: 0.3s;
        --sidebar-transition-timing: ease;
        --sidebar-width: 280px;
        --sidebar-width-collapse: 80px;
        --sidebar-default-width: 280px;
        --header-height: 70px;
    }
    @media (max-width: 64rem) {
        .demo1 {
            --sidebar-width: 280px;
            --header-height: 60px;
        }
    }
    .demo1 .kt-header {
        height: var(--header-height);
    }
    .demo1 .kt-sidebar {
        width: var(--sidebar-width);
    }
    .demo1.kt-header-fixed .kt-wrapper {
        padding-top: var(--header-height);
    }
    @media (min-width: 64rem) {
        .demo1 .kt-sidebar {
            width: var(--sidebar-width);
            transition: width var(--sidebar-transition-duration) var(--sidebar-transition-timing);
        }
        .demo1 .kt-sidebar .kt-sidebar-header {
            height: var(--header-height);
        }
        .demo1 .kt-sidebar .kt-sidebar-wrapper {
            width: var(--sidebar-default-width);
        }
        .demo1 .kt-sidebar .kt-sidebar-logo {
            width: var(--sidebar-default-width);
        }
        .demo1 .kt-sidebar .small-logo {
            display: none;
        }
        .demo1.kt-sidebar-fixed .kt-wrapper {
            padding-inline-start: var(--sidebar-width) !important;
        }
        .demo1.kt-sidebar-fixed.kt-header-fixed .kt-header {
            inset-inline-start: var(--sidebar-width) !important;
        }
        .demo1.kt-sidebar-fixed.kt-header-fixed .kt-wrapper {
            padding-top: var(--header-height);
        }
        .demo1.kt-sidebar-collapse {
            --sidebar-width: var(--sidebar-width-collapse);
        }
        .demo1.kt-sidebar-collapse .kt-sidebar {
            transition: width var(--sidebar-transition-duration) var(--sidebar-transition-timing);
        }
        .demo1.kt-sidebar-collapse .kt-sidebar.animating {
            pointer-events: none;
        }
        .demo1.kt-sidebar-collapse .kt-sidebar:hover:not(.animating) {
            width: var(--sidebar-default-width);
            transition: width var(--sidebar-transition-duration) var(--sidebar-transition-timing);
        }
        .demo1.kt-sidebar-collapse .kt-sidebar:not(:hover) .default-logo {
            display: none;
        }
        .demo1.kt-sidebar-collapse .kt-sidebar:not(:hover) .small-logo {
            display: flex;
        }
        .demo1.kt-sidebar-collapse .kt-sidebar:not(:hover) .kt-menu > .kt-menu-item > .kt-menu-link .kt-menu-title,	.demo1.kt-sidebar-collapse .kt-sidebar:not(:hover) .kt-menu > .kt-menu-item > .kt-menu-link .kt-menu-arrow,	.demo1.kt-sidebar-collapse .kt-sidebar:not(:hover) .kt-menu > .kt-menu-item > .kt-menu-link .kt-menu-badge,	.demo1.kt-sidebar-collapse .kt-sidebar:not(:hover) .kt-menu > .kt-menu-item > .kt-menu-label .kt-menu-title,	.demo1.kt-sidebar-collapse .kt-sidebar:not(:hover) .kt-menu > .kt-menu-item > .kt-menu-label .kt-menu-arrow,	.demo1.kt-sidebar-collapse .kt-sidebar:not(:hover) .kt-menu > .kt-menu-item > .kt-menu-label .kt-menu-badge {
            display: none;
        }
        .demo1.kt-sidebar-collapse .kt-sidebar:not(:hover) .kt-menu > .kt-menu-item > .kt-menu-accordion {
            display: none;
        }
        .demo1.kt-sidebar-collapse .kt-sidebar:not(:hover) .kt-menu > .kt-menu-item > .kt-menu-heading {
            visibility: hidden;
            position: relative;
        }
        .demo1.kt-sidebar-collapse .kt-sidebar:not(:hover) .kt-menu > .kt-menu-item > .kt-menu-heading::before {
            content: "...";
            color: currentColor;
            font-size: inherit;
            position: absolute;
            visibility: visible;
            display: inline-block;
            bottom: 50%;
            inset-inline-start: 0;
            margin-inline-start: 0.225rem;
            transform: translateX(100%);
        }
        .demo1.kt-sidebar-collapse .kt-sidebar .kt-sidebar-content {
            overflow: hidden;
        }
    }
    .demo1 .kt-wrapper {
        transition: padding-inline-start var(--sidebar-transition-duration) var(--sidebar-transition-timing);
    }
    .demo1 .kt-header {
        transition: inset-inline-start var(--sidebar-transition-duration) var(--sidebar-transition-timing);
    }
}
@property --tw-border-spacing-x {
    syntax: "<length>";
    inherits: false;
    initial-value: 0;
}
@property --tw-border-spacing-y {
    syntax: "<length>";
    inherits: false;
    initial-value: 0;
}
@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-divide-y-reverse {
    syntax: "*";
    inherits: false;
    initial-value: 0;
}
@property --tw-border-style {
    syntax: "*";
    inherits: false;
    initial-value: solid;
}
@property --tw-gradient-position {
    syntax: "*";
    inherits: false;
}
@property --tw-gradient-from {
    syntax: "<color>";
    inherits: false;
    initial-value: #0000;
}
@property --tw-gradient-via {
    syntax: "<color>";
    inherits: false;
    initial-value: #0000;
}
@property --tw-gradient-to {
    syntax: "<color>";
    inherits: false;
    initial-value: #0000;
}
@property --tw-gradient-stops {
    syntax: "*";
    inherits: false;
}
@property --tw-gradient-via-stops {
    syntax: "*";
    inherits: false;
}
@property --tw-gradient-from-position {
    syntax: "<length-percentage>";
    inherits: false;
    initial-value: 0%;
}
@property --tw-gradient-via-position {
    syntax: "<length-percentage>";
    inherits: false;
    initial-value: 50%;
}
@property --tw-gradient-to-position {
    syntax: "<length-percentage>";
    inherits: false;
    initial-value: 100%;
}
@property --tw-leading {
    syntax: "*";
    inherits: false;
}
@property --tw-font-weight {
    syntax: "*";
    inherits: false;
}
@property --tw-tracking {
    syntax: "*";
    inherits: false;
}
@property --tw-ordinal {
    syntax: "*";
    inherits: false;
}
@property --tw-slashed-zero {
    syntax: "*";
    inherits: false;
}
@property --tw-numeric-figure {
    syntax: "*";
    inherits: false;
}
@property --tw-numeric-spacing {
    syntax: "*";
    inherits: false;
}
@property --tw-numeric-fraction {
    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-backdrop-blur {
    syntax: "*";
    inherits: false;
}
@property --tw-backdrop-brightness {
    syntax: "*";
    inherits: false;
}
@property --tw-backdrop-contrast {
    syntax: "*";
    inherits: false;
}
@property --tw-backdrop-grayscale {
    syntax: "*";
    inherits: false;
}
@property --tw-backdrop-hue-rotate {
    syntax: "*";
    inherits: false;
}
@property --tw-backdrop-invert {
    syntax: "*";
    inherits: false;
}
@property --tw-backdrop-opacity {
    syntax: "*";
    inherits: false;
}
@property --tw-backdrop-saturate {
    syntax: "*";
    inherits: false;
}
@property --tw-backdrop-sepia {
    syntax: "*";
    inherits: false;
}
@property --tw-duration {
    syntax: "*";
    inherits: false;
}
@property --tw-ease {
    syntax: "*";
    inherits: false;
}
@property --tw-content {
    syntax: "*";
    initial-value: "";
    inherits: false;
}
@property --tw-scale-x {
    syntax: "*";
    inherits: false;
    initial-value: 1;
}
@property --tw-scale-y {
    syntax: "*";
    inherits: false;
    initial-value: 1;
}
@property --tw-scale-z {
    syntax: "*";
    inherits: false;
    initial-value: 1;
}
@keyframes spin {
    to {
        transform: rotate(360deg);
    }
}
@keyframes pulse {
    50% {
        opacity: 0.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-border-spacing-x: 0;
            --tw-border-spacing-y: 0;
            --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-divide-y-reverse: 0;
            --tw-border-style: solid;
            --tw-gradient-position: initial;
            --tw-gradient-from: #0000;
            --tw-gradient-via: #0000;
            --tw-gradient-to: #0000;
            --tw-gradient-stops: initial;
            --tw-gradient-via-stops: initial;
            --tw-gradient-from-position: 0%;
            --tw-gradient-via-position: 50%;
            --tw-gradient-to-position: 100%;
            --tw-leading: initial;
            --tw-font-weight: initial;
            --tw-tracking: initial;
            --tw-ordinal: initial;
            --tw-slashed-zero: initial;
            --tw-numeric-figure: initial;
            --tw-numeric-spacing: initial;
            --tw-numeric-fraction: 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-backdrop-blur: initial;
            --tw-backdrop-brightness: initial;
            --tw-backdrop-contrast: initial;
            --tw-backdrop-grayscale: initial;
            --tw-backdrop-hue-rotate: initial;
            --tw-backdrop-invert: initial;
            --tw-backdrop-opacity: initial;
            --tw-backdrop-saturate: initial;
            --tw-backdrop-sepia: initial;
            --tw-duration: initial;
            --tw-ease: initial;
            --tw-content: "";
            --tw-scale-x: 1;
            --tw-scale-y: 1;
            --tw-scale-z: 1;
        }
    }
}

@font-face {
  font-family: 'keenicons-duotone';
  src:
    url('fonts/keenicons-duotone.ttf?gcn9yo') format('truetype'),
    url('fonts/keenicons-duotone.woff?gcn9yo') format('woff'),
    url('fonts/keenicons-duotone.svg?gcn9yo#keenicons-duotone') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

.ki-duotone {
  line-height: 1;
  position: relative;
  display: inline-flex;
}

.ki-duotone:after, 
.ki-duotone:before {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'keenicons-duotone' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-flex;
}

.ki-abstract-1.ki-duotone:after {
  content: "\e900";
  
  opacity: 0.3;
}
.ki-abstract-1.ki-duotone:before {
  content: "\e901";
  position: absolute;
  
}
.ki-abstract-2.ki-duotone:after {
  content: "\e902";
  
  opacity: 0.3;
}
.ki-abstract-2.ki-duotone:before {
  content: "\e903";
  position: absolute;
  
}
.ki-abstract-3.ki-duotone:after {
  content: "\e904";
  
  opacity: 0.3;
}
.ki-abstract-3.ki-duotone:before {
  content: "\e905";
  position: absolute;
  
}
.ki-abstract-4.ki-duotone:after {
  content: "\e906";
  
  opacity: 0.3;
}
.ki-abstract-4.ki-duotone:before {
  content: "\e907";
  position: absolute;
  
}
.ki-abstract-5.ki-duotone:after {
  content: "\e908";
  
  opacity: 0.3;
}
.ki-abstract-5.ki-duotone:before {
  content: "\e909";
  position: absolute;
  
}
.ki-abstract-6.ki-duotone:before {
  content: "\e90a";
}
.ki-abstract-7.ki-duotone:after {
  content: "\e90b";
  
  opacity: 0.3;
}
.ki-abstract-7.ki-duotone:before {
  content: "\e90c";
  position: absolute;
  
}
.ki-abstract-8.ki-duotone:after {
  content: "\e90d";
  
  opacity: 0.3;
}
.ki-abstract-8.ki-duotone:before {
  content: "\e90e";
  position: absolute;
  
}
.ki-abstract-9.ki-duotone:after {
  content: "\e90f";
  
  opacity: 0.3;
}
.ki-abstract-9.ki-duotone:before {
  content: "\e910";
  position: absolute;
  
}
.ki-abstract-10.ki-duotone:after {
  content: "\e911";
  
  opacity: 0.3;
}
.ki-abstract-10.ki-duotone:before {
  content: "\e912";
  position: absolute;
  
}
.ki-abstract-11.ki-duotone:after {
  content: "\e913";
  
  opacity: 0.3;
}
.ki-abstract-11.ki-duotone:before {
  content: "\e914";
  position: absolute;
  
}
.ki-abstract-12.ki-duotone:after {
  content: "\e915";
  
  opacity: 0.3;
}
.ki-abstract-12.ki-duotone:before {
  content: "\e916";
  position: absolute;
  
}
.ki-abstract-13.ki-duotone:after {
  content: "\e917";
  
  opacity: 0.3;
}
.ki-abstract-13.ki-duotone:before {
  content: "\e918";
  position: absolute;
  
}
.ki-abstract-14.ki-duotone:after {
  content: "\e919";
  
}
.ki-abstract-14.ki-duotone:before {
  content: "\e91a";
  position: absolute;
  
  opacity: 0.3;
}
.ki-abstract-15.ki-duotone:after {
  content: "\e91b";
  
  opacity: 0.3;
}
.ki-abstract-15.ki-duotone:before {
  content: "\e91c";
  position: absolute;
  
}
.ki-abstract-16.ki-duotone:after {
  content: "\e91d";
  
  opacity: 0.3;
}
.ki-abstract-16.ki-duotone:before {
  content: "\e91e";
  position: absolute;
  
}
.ki-abstract-17.ki-duotone:after {
  content: "\e91f";
  
}
.ki-abstract-17.ki-duotone:before {
  content: "\e920";
  position: absolute;
  
  opacity: 0.3;
}
.ki-abstract-18.ki-duotone:after {
  content: "\e921";
  
}
.ki-abstract-18.ki-duotone:before {
  content: "\e922";
  position: absolute;
  
  opacity: 0.3;
}
.ki-abstract-19.ki-duotone:after {
  content: "\e923";
  
}
.ki-abstract-19.ki-duotone:before {
  content: "\e924";
  position: absolute;
  
  opacity: 0.3;
}
.ki-abstract-20.ki-duotone:after {
  content: "\e925";
  
}
.ki-abstract-20.ki-duotone:before {
  content: "\e926";
  position: absolute;
  
  opacity: 0.3;
}
.ki-abstract-21.ki-duotone:after {
  content: "\e927";
  
  opacity: 0.3;
}
.ki-abstract-21.ki-duotone:before {
  content: "\e928";
  position: absolute;
  
}
.ki-abstract-22.ki-duotone:after {
  content: "\e929";
  
  opacity: 0.3;
}
.ki-abstract-22.ki-duotone:before {
  content: "\e92a";
  position: absolute;
  
}
.ki-abstract-23.ki-duotone:after {
  content: "\e92b";
  
  opacity: 0.3;
}
.ki-abstract-23.ki-duotone:before {
  content: "\e92c";
  position: absolute;
  
}
.ki-abstract-24.ki-duotone:after {
  content: "\e92d";
  
}
.ki-abstract-24.ki-duotone:before {
  content: "\e92e";
  position: absolute;
  
  opacity: 0.3;
}
.ki-abstract-25.ki-duotone:after {
  content: "\e92f";
  
  opacity: 0.3;
}
.ki-abstract-25.ki-duotone:before {
  content: "\e930";
  position: absolute;
  
}
.ki-abstract-26.ki-duotone:after {
  content: "\e931";
  
  opacity: 0.3;
}
.ki-abstract-26.ki-duotone:before {
  content: "\e932";
  position: absolute;
  
}
.ki-abstract-27.ki-duotone:after {
  content: "\e933";
  
}
.ki-abstract-27.ki-duotone:before {
  content: "\e934";
  position: absolute;
  
  opacity: 0.3;
}
.ki-abstract-28.ki-duotone:after {
  content: "\e935";
  
}
.ki-abstract-28.ki-duotone:before {
  content: "\e936";
  position: absolute;
  
  opacity: 0.3;
}
.ki-abstract-29.ki-duotone:after {
  content: "\e937";
  
}
.ki-abstract-29.ki-duotone:before {
  content: "\e938";
  position: absolute;
  
  opacity: 0.3;
}
.ki-abstract-30.ki-duotone:after {
  content: "\e939";
  
}
.ki-abstract-30.ki-duotone:before {
  content: "\e93a";
  position: absolute;
  
  opacity: 0.3;
}
.ki-abstract-31.ki-duotone:after {
  content: "\e93b";
  
}
.ki-abstract-31.ki-duotone:before {
  content: "\e93c";
  position: absolute;
  
  opacity: 0.3;
}
.ki-abstract-32.ki-duotone:after {
  content: "\e93d";
  
}
.ki-abstract-32.ki-duotone:before {
  content: "\e93e";
  position: absolute;
  
  opacity: 0.3;
}
.ki-abstract-33.ki-duotone:after {
  content: "\e93f";
  
  opacity: 0.3;
}
.ki-abstract-33.ki-duotone:before {
  content: "\e940";
  position: absolute;
  
}
.ki-abstract-34.ki-duotone:after {
  content: "\e941";
  
  opacity: 0.3;
}
.ki-abstract-34.ki-duotone:before {
  content: "\e942";
  position: absolute;
  
}
.ki-abstract-35.ki-duotone:after {
  content: "\e943";
  
}
.ki-abstract-35.ki-duotone:before {
  content: "\e944";
  position: absolute;
  
  opacity: 0.3;
}
.ki-abstract-36.ki-duotone:after {
  content: "\e945";
  
}
.ki-abstract-36.ki-duotone:before {
  content: "\e946";
  position: absolute;
  
  opacity: 0.3;
}
.ki-abstract-37.ki-duotone:after {
  content: "\e947";
  
  opacity: 0.3;
}
.ki-abstract-37.ki-duotone:before {
  content: "\e948";
  position: absolute;
  
}
.ki-abstract-38.ki-duotone:after {
  content: "\e949";
  
}
.ki-abstract-38.ki-duotone:before {
  content: "\e94a";
  position: absolute;
  
  opacity: 0.3;
}
.ki-abstract-39.ki-duotone:after {
  content: "\e94b";
  
  opacity: 0.3;
}
.ki-abstract-39.ki-duotone:before {
  content: "\e94c";
  position: absolute;
  
}
.ki-abstract-40.ki-duotone:after {
  content: "\e94d";
  
}
.ki-abstract-40.ki-duotone:before {
  content: "\e94e";
  position: absolute;
  
  opacity: 0.3;
}
.ki-abstract-41.ki-duotone:after {
  content: "\e94f";
  
}
.ki-abstract-41.ki-duotone:before {
  content: "\e950";
  position: absolute;
  
  opacity: 0.3;
}
.ki-abstract-42.ki-duotone:after {
  content: "\e951";
  
  opacity: 0.3;
}
.ki-abstract-42.ki-duotone:before {
  content: "\e952";
  position: absolute;
  
}
.ki-abstract-43.ki-duotone:after {
  content: "\e953";
  
  opacity: 0.3;
}
.ki-abstract-43.ki-duotone:before {
  content: "\e954";
  position: absolute;
  
}
.ki-abstract-44.ki-duotone:after {
  content: "\e955";
  
}
.ki-abstract-44.ki-duotone:before {
  content: "\e956";
  position: absolute;
  
  opacity: 0.3;
}
.ki-abstract-45.ki-duotone:after {
  content: "\e957";
  
}
.ki-abstract-45.ki-duotone:before {
  content: "\e958";
  position: absolute;
  
  opacity: 0.3;
}
.ki-abstract-46.ki-duotone:after {
  content: "\e959";
  
  opacity: 0.3;
}
.ki-abstract-46.ki-duotone:before {
  content: "\e95a";
  position: absolute;
  
}
.ki-abstract-47.ki-duotone:after {
  content: "\e95b";
  
  opacity: 0.3;
}
.ki-abstract-47.ki-duotone:before {
  content: "\e95c";
  position: absolute;
  
}
.ki-abstract-48.ki-duotone:after {
  content: "\e95d";
  
  opacity: 0.3;
}
.ki-abstract-48.ki-duotone:before {
  content: "\e95e";
  position: absolute;
  
}
.ki-abstract-49.ki-duotone:after {
  content: "\e95f";
  
  opacity: 0.3;
}
.ki-abstract-49.ki-duotone:before {
  content: "\e960";
  position: absolute;
  
}
.ki-abstract.ki-duotone:after {
  content: "\e961";
  
  opacity: 0.3;
}
.ki-abstract.ki-duotone:before {
  content: "\e962";
  position: absolute;
  
}
.ki-add-files.ki-duotone:after {
  content: "\e963";
  
  opacity: 0.3;
}
.ki-add-files.ki-duotone:before {
  content: "\e964";
  position: absolute;
  
}
.ki-add-folder.ki-duotone:after {
  content: "\e965";
  
  opacity: 0.3;
}
.ki-add-folder.ki-duotone:before {
  content: "\e966";
  position: absolute;
  
}
.ki-add-notepad.ki-duotone:after {
  content: "\e967";
  
  opacity: 0.3;
}
.ki-add-notepad.ki-duotone:before {
  content: "\e968";
  position: absolute;
  
}
.ki-additem.ki-duotone:after {
  content: "\e969";
  
  opacity: 0.3;
}
.ki-additem.ki-duotone:before {
  content: "\e96a";
  position: absolute;
  
}
.ki-address-book.ki-duotone:after {
  content: "\e96b";
  
}
.ki-address-book.ki-duotone:before {
  content: "\e96c";
  position: absolute;
  
  opacity: 0.3;
}
.ki-airplane-square.ki-duotone:after {
  content: "\e96d";
  
  opacity: 0.3;
}
.ki-airplane-square.ki-duotone:before {
  content: "\e96e";
  position: absolute;
  
}
.ki-airplane.ki-duotone:after {
  content: "\e96f";
  
  opacity: 0.3;
}
.ki-airplane.ki-duotone:before {
  content: "\e970";
  position: absolute;
  
}
.ki-airpod.ki-duotone:after {
  content: "\e971";
  
  opacity: 0.3;
}
.ki-airpod.ki-duotone:before {
  content: "\e972";
  position: absolute;
  
}
.ki-android.ki-duotone:after {
  content: "\e973";
  
}
.ki-android.ki-duotone:before {
  content: "\e974";
  position: absolute;
  
  opacity: 0.3;
}
.ki-angular.ki-duotone:after {
  content: "\e975";
  
}
.ki-angular.ki-duotone:before {
  content: "\e976";
  position: absolute;
  
  opacity: 0.3;
}
.ki-apple.ki-duotone:before {
  content: "\e977";
}
.ki-archive-tick.ki-duotone:after {
  content: "\e978";
  
  opacity: 0.3;
}
.ki-archive-tick.ki-duotone:before {
  content: "\e979";
  position: absolute;
  
}
.ki-archive.ki-duotone:after {
  content: "\e97a";
  
  opacity: 0.3;
}
.ki-archive.ki-duotone:before {
  content: "\e97b";
  position: absolute;
  
}
.ki-arrow-circle-left.ki-duotone:after {
  content: "\e97c";
  
  opacity: 0.3;
}
.ki-arrow-circle-left.ki-duotone:before {
  content: "\e97d";
  position: absolute;
  
}
.ki-arrow-circle-right.ki-duotone:after {
  content: "\e97e";
  
  opacity: 0.3;
}
.ki-arrow-circle-right.ki-duotone:before {
  content: "\e97f";
  position: absolute;
  
}
.ki-arrow-down-left.ki-duotone:after {
  content: "\e980";
  
  opacity: 0.3;
}
.ki-arrow-down-left.ki-duotone:before {
  content: "\e981";
  position: absolute;
  
}
.ki-arrow-down-refraction.ki-duotone:after {
  content: "\e982";
  
}
.ki-arrow-down-refraction.ki-duotone:before {
  content: "\e983";
  position: absolute;
  
  opacity: 0.3;
}
.ki-arrow-down-right.ki-duotone:after {
  content: "\e984";
  
  opacity: 0.3;
}
.ki-arrow-down-right.ki-duotone:before {
  content: "\e985";
  position: absolute;
  
}
.ki-arrow-down.ki-duotone:after {
  content: "\e986";
  
  opacity: 0.3;
}
.ki-arrow-down.ki-duotone:before {
  content: "\e987";
  position: absolute;
  
}
.ki-arrow-left.ki-duotone:after {
  content: "\e988";
  
  opacity: 0.3;
}
.ki-arrow-left.ki-duotone:before {
  content: "\e989";
  position: absolute;
  
}
.ki-arrow-mix.ki-duotone:after {
  content: "\e98a";
  
  opacity: 0.3;
}
.ki-arrow-mix.ki-duotone:before {
  content: "\e98b";
  position: absolute;
  
}
.ki-arrow-right-left.ki-duotone:after {
  content: "\e98c";
  
}
.ki-arrow-right-left.ki-duotone:before {
  content: "\e98d";
  position: absolute;
  
  opacity: 0.3;
}
.ki-arrow-right.ki-duotone:after {
  content: "\e98e";
  
  opacity: 0.3;
}
.ki-arrow-right.ki-duotone:before {
  content: "\e98f";
  position: absolute;
  
}
.ki-arrow-two-diagonals.ki-duotone:after {
  content: "\e990";
  
  opacity: 0.3;
}
.ki-arrow-two-diagonals.ki-duotone:before {
  content: "\e991";
  position: absolute;
  
}
.ki-arrow-up-down.ki-duotone:after {
  content: "\e992";
  
}
.ki-arrow-up-down.ki-duotone:before {
  content: "\e993";
  position: absolute;
  
  opacity: 0.3;
}
.ki-arrow-up-left.ki-duotone:after {
  content: "\e994";
  
  opacity: 0.3;
}
.ki-arrow-up-left.ki-duotone:before {
  content: "\e995";
  position: absolute;
  
}
.ki-arrow-up-refraction.ki-duotone:after {
  content: "\e996";
  
}
.ki-arrow-up-refraction.ki-duotone:before {
  content: "\e997";
  position: absolute;
  
  opacity: 0.3;
}
.ki-arrow-up-right.ki-duotone:after {
  content: "\e998";
  
  opacity: 0.3;
}
.ki-arrow-up-right.ki-duotone:before {
  content: "\e999";
  position: absolute;
  
}
.ki-arrow-up.ki-duotone:after {
  content: "\e99a";
  
  opacity: 0.3;
}
.ki-arrow-up.ki-duotone:before {
  content: "\e99b";
  position: absolute;
  
}
.ki-arrow-zigzag.ki-duotone:after {
  content: "\e99c";
  
}
.ki-arrow-zigzag.ki-duotone:before {
  content: "\e99d";
  position: absolute;
  
  opacity: 0.3;
}
.ki-arrows-circle.ki-duotone:after {
  content: "\e99e";
  
  opacity: 0.3;
}
.ki-arrows-circle.ki-duotone:before {
  content: "\e99f";
  position: absolute;
  
}
.ki-arrows-loop.ki-duotone:after {
  content: "\e9a0";
  
  opacity: 0.3;
}
.ki-arrows-loop.ki-duotone:before {
  content: "\e9a1";
  position: absolute;
  
}
.ki-artificial-intelligence.ki-duotone:after {
  content: "\e9a2";
  
  opacity: 0.3;
}
.ki-artificial-intelligence.ki-duotone:before {
  content: "\e9a3";
  position: absolute;
  
}
.ki-autobrightness.ki-duotone:after {
  content: "\e9a4";
  
  opacity: 0.3;
}
.ki-autobrightness.ki-duotone:before {
  content: "\e9a5";
  position: absolute;
  
}
.ki-avalanche-avax.ki-duotone:after {
  content: "\e9a6";
  
  opacity: 0.3;
}
.ki-avalanche-avax.ki-duotone:before {
  content: "\e9a7";
  position: absolute;
  
}
.ki-award.ki-duotone:after {
  content: "\e9a8";
  
  opacity: 0.3;
}
.ki-award.ki-duotone:before {
  content: "\e9a9";
  position: absolute;
  
}
.ki-badge.ki-duotone:after {
  content: "\e9aa";
  
  opacity: 0.3;
}
.ki-badge.ki-duotone:before {
  content: "\e9ab";
  position: absolute;
  
}
.ki-bandage.ki-duotone:after {
  content: "\e9ac";
  
  opacity: 0.3;
}
.ki-bandage.ki-duotone:before {
  content: "\e9ad";
  position: absolute;
  
}
.ki-bank.ki-duotone:after {
  content: "\e9ae";
  
  opacity: 0.3;
}
.ki-bank.ki-duotone:before {
  content: "\e9af";
  position: absolute;
  
}
.ki-bar-chart.ki-duotone:after {
  content: "\e9b0";
  
}
.ki-bar-chart.ki-duotone:before {
  content: "\e9b1";
  position: absolute;
  
  opacity: 0.3;
}
.ki-barcode.ki-duotone:after {
  content: "\e9b2";
  
}
.ki-barcode.ki-duotone:before {
  content: "\e9b3";
  position: absolute;
  
  opacity: 0.3;
}
.ki-basket-ok.ki-duotone:after {
  content: "\e9b4";
  
  opacity: 0.3;
}
.ki-basket-ok.ki-duotone:before {
  content: "\e9b5";
  position: absolute;
  
}
.ki-basket.ki-duotone:after {
  content: "\e9b6";
  
  opacity: 0.3;
}
.ki-basket.ki-duotone:before {
  content: "\e9b7";
  position: absolute;
  
}
.ki-behance.ki-duotone:after {
  content: "\e9b8";
  
}
.ki-behance.ki-duotone:before {
  content: "\e9b9";
  position: absolute;
  
  opacity: 0.3;
}
.ki-bill.ki-duotone:after {
  content: "\e9ba";
  
  opacity: 0.3;
}
.ki-bill.ki-duotone:before {
  content: "\e9bb";
  position: absolute;
  
}
.ki-binance-usd-busd.ki-duotone:after {
  content: "\e9bc";
  
}
.ki-binance-usd-busd.ki-duotone:before {
  content: "\e9bd";
  position: absolute;
  
  opacity: 0.3;
}
.ki-binance.ki-duotone:after {
  content: "\e9be";
  
  opacity: 0.3;
}
.ki-binance.ki-duotone:before {
  content: "\e9bf";
  position: absolute;
  
}
.ki-bitcoin.ki-duotone:after {
  content: "\e9c0";
  
  opacity: 0.3;
}
.ki-bitcoin.ki-duotone:before {
  content: "\e9c1";
  position: absolute;
  
}
.ki-black-down.ki-duotone:before {
  content: "\e9c2";
}
.ki-black-left-line.ki-duotone:after {
  content: "\e9c3";
  
}
.ki-black-left-line.ki-duotone:before {
  content: "\e9c4";
  position: absolute;
  
  opacity: 0.3;
}
.ki-black-left.ki-duotone:before {
  content: "\e9c5";
}
.ki-black-right-line.ki-duotone:after {
  content: "\e9c6";
  
}
.ki-black-right-line.ki-duotone:before {
  content: "\e9c7";
  position: absolute;
  
  opacity: 0.3;
}
.ki-black-right.ki-duotone:before {
  content: "\e9c8";
}
.ki-black-up.ki-duotone:before {
  content: "\e9c9";
}
.ki-bluetooth.ki-duotone:after {
  content: "\e9ca";
  
}
.ki-bluetooth.ki-duotone:before {
  content: "\e9cb";
  position: absolute;
  
  opacity: 0.3;
}
.ki-book-open.ki-duotone:after {
  content: "\e9cc";
  
  opacity: 0.3;
}
.ki-book-open.ki-duotone:before {
  content: "\e9cd";
  position: absolute;
  
}
.ki-book-square.ki-duotone:after {
  content: "\e9ce";
  
  opacity: 0.3;
}
.ki-book-square.ki-duotone:before {
  content: "\e9cf";
  position: absolute;
  
}
.ki-book.ki-duotone:after {
  content: "\e9d0";
  
  opacity: 0.3;
}
.ki-book.ki-duotone:before {
  content: "\e9d1";
  position: absolute;
  
}
.ki-bookmark-2.ki-duotone:after {
  content: "\e9d2";
  
  opacity: 0.3;
}
.ki-bookmark-2.ki-duotone:before {
  content: "\e9d3";
  position: absolute;
  
}
.ki-bookmark.ki-duotone:after {
  content: "\e9d4";
  
  opacity: 0.3;
}
.ki-bookmark.ki-duotone:before {
  content: "\e9d5";
  position: absolute;
  
}
.ki-bootstrap.ki-duotone:after {
  content: "\e9d6";
  
  opacity: 0.3;
}
.ki-bootstrap.ki-duotone:before {
  content: "\e9d7";
  position: absolute;
  
}
.ki-briefcase.ki-duotone:after {
  content: "\e9d8";
  
  opacity: 0.3;
}
.ki-briefcase.ki-duotone:before {
  content: "\e9d9";
  position: absolute;
  
}
.ki-brifecase-cros.ki-duotone:after {
  content: "\e9da";
  
  opacity: 0.3;
}
.ki-brifecase-cros.ki-duotone:before {
  content: "\e9db";
  position: absolute;
  
}
.ki-brifecase-tick.ki-duotone:after {
  content: "\e9dc";
  
  opacity: 0.3;
}
.ki-brifecase-tick.ki-duotone:before {
  content: "\e9dd";
  position: absolute;
  
}
.ki-brifecase-timer.ki-duotone:after {
  content: "\e9de";
  
  opacity: 0.3;
}
.ki-brifecase-timer.ki-duotone:before {
  content: "\e9df";
  position: absolute;
  
}
.ki-brush.ki-duotone:after {
  content: "\e9e0";
  
  opacity: 0.3;
}
.ki-brush.ki-duotone:before {
  content: "\e9e1";
  position: absolute;
  
}
.ki-bucket-square.ki-duotone:after {
  content: "\e9e2";
  
  opacity: 0.3;
}
.ki-bucket-square.ki-duotone:before {
  content: "\e9e3";
  position: absolute;
  
}
.ki-bucket.ki-duotone:after {
  content: "\e9e4";
  
  opacity: 0.3;
}
.ki-bucket.ki-duotone:before {
  content: "\e9e5";
  position: absolute;
  
}
.ki-burger-menu-1.ki-duotone:after {
  content: "\e9e6";
  
  opacity: 0.3;
}
.ki-burger-menu-1.ki-duotone:before {
  content: "\e9e7";
  position: absolute;
  
}
.ki-burger-menu-2.ki-duotone:after {
  content: "\e9e8";
  
  opacity: 0.3;
}
.ki-burger-menu-2.ki-duotone:before {
  content: "\e9e9";
  position: absolute;
  
}
.ki-burger-menu-3.ki-duotone:after {
  content: "\e9ea";
  
  opacity: 0.3;
}
.ki-burger-menu-3.ki-duotone:before {
  content: "\e9eb";
  position: absolute;
  
}
.ki-burger-menu-4.ki-duotone:before {
  content: "\e9ec";
}
.ki-burger-menu-5.ki-duotone:before {
  content: "\e9ed";
}
.ki-burger-menu-6.ki-duotone:before {
  content: "\e9ee";
}
.ki-burger-menu.ki-duotone:after {
  content: "\e9ef";
  
  opacity: 0.3;
}
.ki-burger-menu.ki-duotone:before {
  content: "\e9f0";
  position: absolute;
  
}
.ki-bus.ki-duotone:after {
  content: "\e9f1";
  
  opacity: 0.3;
}
.ki-bus.ki-duotone:before {
  content: "\e9f2";
  position: absolute;
  
}
.ki-calculator.ki-duotone:after {
  content: "\e9f3";
  
  opacity: 0.3;
}
.ki-calculator.ki-duotone:before {
  content: "\e9f4";
  position: absolute;
  
}
.ki-calculatoror.ki-duotone:after {
  content: "\e9f5";
  
  opacity: 0.3;
}
.ki-calculatoror.ki-duotone:before {
  content: "\e9f6";
  position: absolute;
  
}
.ki-calendar-2.ki-duotone:after {
  content: "\e9f7";
  
  opacity: 0.3;
}
.ki-calendar-2.ki-duotone:before {
  content: "\e9f8";
  position: absolute;
  
}
.ki-calendar-8.ki-duotone:after {
  content: "\e9f9";
  
  opacity: 0.3;
}
.ki-calendar-8.ki-duotone:before {
  content: "\e9fa";
  position: absolute;
  
}
.ki-calendar-add.ki-duotone:after {
  content: "\e9fb";
  
  opacity: 0.3;
}
.ki-calendar-add.ki-duotone:before {
  content: "\e9fc";
  position: absolute;
  
}
.ki-calendar-edit.ki-duotone:after {
  content: "\e9fd";
  
  opacity: 0.3;
}
.ki-calendar-edit.ki-duotone:before {
  content: "\e9fe";
  position: absolute;
  
}
.ki-calendar-remove.ki-duotone:after {
  content: "\e9ff";
  
  opacity: 0.3;
}
.ki-calendar-remove.ki-duotone:before {
  content: "\ea00";
  position: absolute;
  
}
.ki-calendar-search.ki-duotone:after {
  content: "\ea01";
  
  opacity: 0.3;
}
.ki-calendar-search.ki-duotone:before {
  content: "\ea02";
  position: absolute;
  
}
.ki-calendar-tick.ki-duotone:after {
  content: "\ea03";
  
  opacity: 0.3;
}
.ki-calendar-tick.ki-duotone:before {
  content: "\ea04";
  position: absolute;
  
}
.ki-calendar.ki-duotone:after {
  content: "\ea05";
  
  opacity: 0.3;
}
.ki-calendar.ki-duotone:before {
  content: "\ea06";
  position: absolute;
  
}
.ki-call.ki-duotone:after {
  content: "\ea07";
  
  opacity: 0.3;
}
.ki-call.ki-duotone:before {
  content: "\ea08";
  position: absolute;
  
}
.ki-capsule.ki-duotone:after {
  content: "\ea09";
  
  opacity: 0.3;
}
.ki-capsule.ki-duotone:before {
  content: "\ea0a";
  position: absolute;
  
}
.ki-car.ki-duotone:after {
  content: "\ea0b";
  
  opacity: 0.3;
}
.ki-car.ki-duotone:before {
  content: "\ea0c";
  position: absolute;
  
}
.ki-category.ki-duotone:after {
  content: "\ea0d";
  
  opacity: 0.3;
}
.ki-category.ki-duotone:before {
  content: "\ea0e";
  position: absolute;
  
}
.ki-cd.ki-duotone:after {
  content: "\ea0f";
  
}
.ki-cd.ki-duotone:before {
  content: "\ea10";
  position: absolute;
  
  opacity: 0.3;
}
.ki-celsius-cel.ki-duotone:after {
  content: "\ea11";
  
}
.ki-celsius-cel.ki-duotone:before {
  content: "\ea12";
  position: absolute;
  
  opacity: 0.3;
}
.ki-chart-line-down-2.ki-duotone:after {
  content: "\ea13";
  
  opacity: 0.3;
}
.ki-chart-line-down-2.ki-duotone:before {
  content: "\ea14";
  position: absolute;
  
}
.ki-chart-line-down.ki-duotone:after {
  content: "\ea15";
  
  opacity: 0.3;
}
.ki-chart-line-down.ki-duotone:before {
  content: "\ea16";
  position: absolute;
  
}
.ki-chart-line-star.ki-duotone:after {
  content: "\ea17";
  
}
.ki-chart-line-star.ki-duotone:before {
  content: "\ea18";
  position: absolute;
  
  opacity: 0.3;
}
.ki-chart-line-up-2.ki-duotone:after {
  content: "\ea19";
  
}
.ki-chart-line-up-2.ki-duotone:before {
  content: "\ea1a";
  position: absolute;
  
  opacity: 0.3;
}
.ki-chart-line-up.ki-duotone:after {
  content: "\ea1b";
  
}
.ki-chart-line-up.ki-duotone:before {
  content: "\ea1c";
  position: absolute;
  
  opacity: 0.3;
}
.ki-chart-line.ki-duotone:after {
  content: "\ea1d";
  
  opacity: 0.3;
}
.ki-chart-line.ki-duotone:before {
  content: "\ea1e";
  position: absolute;
  
}
.ki-chart-pie-3.ki-duotone:after {
  content: "\ea1f";
  
}
.ki-chart-pie-3.ki-duotone:before {
  content: "\ea20";
  position: absolute;
  
  opacity: 0.3;
}
.ki-chart-pie-4.ki-duotone:after {
  content: "\ea21";
  
}
.ki-chart-pie-4.ki-duotone:before {
  content: "\ea22";
  position: absolute;
  
  opacity: 0.3;
}
.ki-chart-pie-simple.ki-duotone:after {
  content: "\ea23";
  
}
.ki-chart-pie-simple.ki-duotone:before {
  content: "\ea24";
  position: absolute;
  
  opacity: 0.3;
}
.ki-chart-pie-too.ki-duotone:after {
  content: "\ea25";
  
  opacity: 0.3;
}
.ki-chart-pie-too.ki-duotone:before {
  content: "\ea26";
  position: absolute;
  
}
.ki-chart-simple-2.ki-duotone:after {
  content: "\ea27";
  
}
.ki-chart-simple-2.ki-duotone:before {
  content: "\ea28";
  position: absolute;
  
  opacity: 0.3;
}
.ki-chart-simple-3.ki-duotone:after {
  content: "\ea29";
  
}
.ki-chart-simple-3.ki-duotone:before {
  content: "\ea2a";
  position: absolute;
  
  opacity: 0.3;
}
.ki-chart-simple.ki-duotone:after {
  content: "\ea2b";
  
}
.ki-chart-simple.ki-duotone:before {
  content: "\ea2c";
  position: absolute;
  
  opacity: 0.3;
}
.ki-chart.ki-duotone:after {
  content: "\ea2d";
  
}
.ki-chart.ki-duotone:before {
  content: "\ea2e";
  position: absolute;
  
  opacity: 0.3;
}
.ki-check-circle.ki-duotone:after {
  content: "\ea2f";
  
  opacity: 0.3;
}
.ki-check-circle.ki-duotone:before {
  content: "\ea30";
  position: absolute;
  
}
.ki-check-squared.ki-duotone:after {
  content: "\ea31";
  
  opacity: 0.3;
}
.ki-check-squared.ki-duotone:before {
  content: "\ea32";
  position: absolute;
  
}
.ki-check.ki-duotone:before {
  content: "\ea33";
}
.ki-cheque.ki-duotone:after {
  content: "\ea34";
  
}
.ki-cheque.ki-duotone:before {
  content: "\ea35";
  position: absolute;
  
  opacity: 0.3;
}
.ki-chrome.ki-duotone:after {
  content: "\ea36";
  
  opacity: 0.3;
}
.ki-chrome.ki-duotone:before {
  content: "\ea37";
  position: absolute;
  
}
.ki-classmates.ki-duotone:after {
  content: "\ea38";
  
}
.ki-classmates.ki-duotone:before {
  content: "\ea39";
  position: absolute;
  
  opacity: 0.3;
}
.ki-click.ki-duotone:after {
  content: "\ea3a";
  
}
.ki-click.ki-duotone:before {
  content: "\ea3b";
  position: absolute;
  
  opacity: 0.3;
}
.ki-clipboard.ki-duotone:after {
  content: "\ea3c";
  
  opacity: 0.3;
}
.ki-clipboard.ki-duotone:before {
  content: "\ea3d";
  position: absolute;
  
}
.ki-cloud-add.ki-duotone:after {
  content: "\ea3e";
  
}
.ki-cloud-add.ki-duotone:before {
  content: "\ea3f";
  position: absolute;
  
  opacity: 0.3;
}
.ki-cloud-change.ki-duotone:after {
  content: "\ea40";
  
}
.ki-cloud-change.ki-duotone:before {
  content: "\ea41";
  position: absolute;
  
  opacity: 0.3;
}
.ki-cloud-download.ki-duotone:after {
  content: "\ea42";
  
  opacity: 0.3;
}
.ki-cloud-download.ki-duotone:before {
  content: "\ea43";
  position: absolute;
  
}
.ki-cloud.ki-duotone:before {
  content: "\ea44";
}
.ki-code.ki-duotone:after {
  content: "\ea45";
  
  opacity: 0.3;
}
.ki-code.ki-duotone:before {
  content: "\ea46";
  position: absolute;
  
}
.ki-coffee.ki-duotone:after {
  content: "\ea47";
  
  opacity: 0.3;
}
.ki-coffee.ki-duotone:before {
  content: "\ea48";
  position: absolute;
  
}
.ki-color-swatch.ki-duotone:after {
  content: "\ea49";
  
  opacity: 0.3;
}
.ki-color-swatch.ki-duotone:before {
  content: "\ea4a";
  position: absolute;
  
}
.ki-colors-square.ki-duotone:after {
  content: "\ea4b";
  
  opacity: 0.3;
}
.ki-colors-square.ki-duotone:before {
  content: "\ea4c";
  position: absolute;
  
}
.ki-compass.ki-duotone:after {
  content: "\ea4d";
  
}
.ki-compass.ki-duotone:before {
  content: "\ea4e";
  position: absolute;
  
  opacity: 0.3;
}
.ki-copy-success.ki-duotone:after {
  content: "\ea4f";
  
}
.ki-copy-success.ki-duotone:before {
  content: "\ea50";
  position: absolute;
  
  opacity: 0.3;
}
.ki-copy.ki-duotone:before {
  content: "\ea51";
}
.ki-courier-express.ki-duotone:after {
  content: "\ea52";
  
}
.ki-courier-express.ki-duotone:before {
  content: "\ea53";
  position: absolute;
  
  opacity: 0.3;
}
.ki-courier.ki-duotone:after {
  content: "\ea54";
  
  opacity: 0.3;
}
.ki-courier.ki-duotone:before {
  content: "\ea55";
  position: absolute;
  
}
.ki-credit-cart.ki-duotone:after {
  content: "\ea56";
  
  opacity: 0.3;
}
.ki-credit-cart.ki-duotone:before {
  content: "\ea57";
  position: absolute;
  
}
.ki-cross-circle.ki-duotone:after {
  content: "\ea58";
  
  opacity: 0.3;
}
.ki-cross-circle.ki-duotone:before {
  content: "\ea59";
  position: absolute;
  
}
.ki-cross-square.ki-duotone:after {
  content: "\ea5a";
  
  opacity: 0.3;
}
.ki-cross-square.ki-duotone:before {
  content: "\ea5b";
  position: absolute;
  
}
.ki-cross.ki-duotone:before {
  content: "\ea5c";
}
.ki-crown-2.ki-duotone:after {
  content: "\ea5d";
  
  opacity: 0.3;
}
.ki-crown-2.ki-duotone:before {
  content: "\ea5e";
  position: absolute;
  
}
.ki-crown.ki-duotone:after {
  content: "\ea5f";
  
  opacity: 0.3;
}
.ki-crown.ki-duotone:before {
  content: "\ea60";
  position: absolute;
  
}
.ki-css.ki-duotone:after {
  content: "\ea61";
  
  opacity: 0.3;
}
.ki-css.ki-duotone:before {
  content: "\ea62";
  position: absolute;
  
}
.ki-cube-2.ki-duotone:after {
  content: "\ea63";
  
  opacity: 0.3;
}
.ki-cube-2.ki-duotone:before {
  content: "\ea64";
  position: absolute;
  
}
.ki-cube-3.ki-duotone:after {
  content: "\ea65";
  
  opacity: 0.3;
}
.ki-cube-3.ki-duotone:before {
  content: "\ea66";
  position: absolute;
  
}
.ki-cup.ki-duotone:after {
  content: "\ea67";
  
  opacity: 0.3;
}
.ki-cup.ki-duotone:before {
  content: "\ea68";
  position: absolute;
  
}
.ki-cursor.ki-duotone:after {
  content: "\ea69";
  
  opacity: 0.3;
}
.ki-cursor.ki-duotone:before {
  content: "\ea6a";
  position: absolute;
  
}
.ki-dash.ki-duotone:after {
  content: "\ea6b";
  
  opacity: 0.3;
}
.ki-dash.ki-duotone:before {
  content: "\ea6c";
  position: absolute;
  
}
.ki-data.ki-duotone:after {
  content: "\ea6d";
  
}
.ki-data.ki-duotone:before {
  content: "\ea6e";
  position: absolute;
  
  opacity: 0.3;
}
.ki-delete-files.ki-duotone:after {
  content: "\ea6f";
  
  opacity: 0.3;
}
.ki-delete-files.ki-duotone:before {
  content: "\ea70";
  position: absolute;
  
}
.ki-delete-folder.ki-duotone:after {
  content: "\ea71";
  
  opacity: 0.3;
}
.ki-delete-folder.ki-duotone:before {
  content: "\ea72";
  position: absolute;
  
}
.ki-delivery-2.ki-duotone:after {
  content: "\ea73";
  
  opacity: 0.3;
}
.ki-delivery-2.ki-duotone:before {
  content: "\ea74";
  position: absolute;
  
}
.ki-delivery-3.ki-duotone:after {
  content: "\ea75";
  
  opacity: 0.3;
}
.ki-delivery-3.ki-duotone:before {
  content: "\ea76";
  position: absolute;
  
}
.ki-delivery-24.ki-duotone:after {
  content: "\ea77";
  
  opacity: 0.3;
}
.ki-delivery-24.ki-duotone:before {
  content: "\ea78";
  position: absolute;
  
}
.ki-delivery-door.ki-duotone:after {
  content: "\ea79";
  
  opacity: 0.3;
}
.ki-delivery-door.ki-duotone:before {
  content: "\ea7a";
  position: absolute;
  
}
.ki-delivery-geolocation.ki-duotone:after {
  content: "\ea7b";
  
  opacity: 0.3;
}
.ki-delivery-geolocation.ki-duotone:before {
  content: "\ea7c";
  position: absolute;
  
}
.ki-delivery-time.ki-duotone:after {
  content: "\ea7d";
  
  opacity: 0.3;
}
.ki-delivery-time.ki-duotone:before {
  content: "\ea7e";
  position: absolute;
  
}
.ki-delivery.ki-duotone:after {
  content: "\ea7f";
  
  opacity: 0.3;
}
.ki-delivery.ki-duotone:before {
  content: "\ea80";
  position: absolute;
  
}
.ki-design-1.ki-duotone:after {
  content: "\ea81";
  
  opacity: 0.3;
}
.ki-design-1.ki-duotone:before {
  content: "\ea82";
  position: absolute;
  
}
.ki-design-2.ki-duotone:after {
  content: "\ea83";
  
  opacity: 0.3;
}
.ki-design-2.ki-duotone:before {
  content: "\ea84";
  position: absolute;
  
}
.ki-desktop-mobile.ki-duotone:after {
  content: "\ea85";
  
  opacity: 0.3;
}
.ki-desktop-mobile.ki-duotone:before {
  content: "\ea86";
  position: absolute;
  
}
.ki-devices-2.ki-duotone:after {
  content: "\ea87";
  
  opacity: 0.3;
}
.ki-devices-2.ki-duotone:before {
  content: "\ea88";
  position: absolute;
  
}
.ki-devices.ki-duotone:after {
  content: "\ea89";
  
  opacity: 0.3;
}
.ki-devices.ki-duotone:before {
  content: "\ea8a";
  position: absolute;
  
}
.ki-diamonds.ki-duotone:after {
  content: "\ea8b";
  
}
.ki-diamonds.ki-duotone:before {
  content: "\ea8c";
  position: absolute;
  
  opacity: 0.3;
}
.ki-directbox-default.ki-duotone:after {
  content: "\ea8d";
  
  opacity: 0.3;
}
.ki-directbox-default.ki-duotone:before {
  content: "\ea8e";
  position: absolute;
  
}
.ki-disconnect.ki-duotone:after {
  content: "\ea8f";
  
}
.ki-disconnect.ki-duotone:before {
  content: "\ea90";
  position: absolute;
  
  opacity: 0.3;
}
.ki-discount.ki-duotone:after {
  content: "\ea91";
  
  opacity: 0.3;
}
.ki-discount.ki-duotone:before {
  content: "\ea92";
  position: absolute;
  
}
.ki-disguise.ki-duotone:after {
  content: "\ea93";
  
  opacity: 0.3;
}
.ki-disguise.ki-duotone:before {
  content: "\ea94";
  position: absolute;
  
}
.ki-disk.ki-duotone:after {
  content: "\ea95";
  
  opacity: 0.3;
}
.ki-disk.ki-duotone:before {
  content: "\ea96";
  position: absolute;
  
}
.ki-dislike.ki-duotone:after {
  content: "\ea97";
  
}
.ki-dislike.ki-duotone:before {
  content: "\ea98";
  position: absolute;
  
  opacity: 0.3;
}
.ki-dj.ki-duotone:before {
  content: "\ea99";
}
.ki-document.ki-duotone:after {
  content: "\ea9a";
  
  opacity: 0.3;
}
.ki-document.ki-duotone:before {
  content: "\ea9b";
  position: absolute;
  
}
.ki-double-check.ki-duotone:after {
  content: "\ea9c";
  
}
.ki-double-check.ki-duotone:before {
  content: "\ea9d";
  position: absolute;
  
  opacity: 0.3;
}
.ki-dollar.ki-duotone:after {
  content: "\ea9e";
  
  opacity: 0.3;
}
.ki-dollar.ki-duotone:before {
  content: "\ea9f";
  position: absolute;
  
}
.ki-dots-circle-vertical.ki-duotone:after {
  content: "\eaa0";
  
  opacity: 0.3;
}
.ki-dots-circle-vertical.ki-duotone:before {
  content: "\eaa1";
  position: absolute;
  
}
.ki-dots-circle.ki-duotone:after {
  content: "\eaa2";
  
  opacity: 0.3;
}
.ki-dots-circle.ki-duotone:before {
  content: "\eaa3";
  position: absolute;
  
}
.ki-dots-horizontal.ki-duotone:before {
  content: "\eaa4";
}
.ki-dots-square-vertical.ki-duotone:after {
  content: "\eaa5";
  
  opacity: 0.3;
}
.ki-dots-square-vertical.ki-duotone:before {
  content: "\eaa6";
  position: absolute;
  
}
.ki-dots-square.ki-duotone:after {
  content: "\eaa7";
  
  opacity: 0.3;
}
.ki-dots-square.ki-duotone:before {
  content: "\eaa8";
  position: absolute;
  
}
.ki-dots-vertical.ki-duotone:after {
  content: "\eaa9";
  
}
.ki-dots-vertical.ki-duotone:before {
  content: "\eaaa";
  position: absolute;
  
  opacity: 0.3;
}
.ki-double-check-circle.ki-duotone:after {
  content: "\eaab";
  
  opacity: 0.3;
}
.ki-double-check-circle.ki-duotone:before {
  content: "\eaac";
  position: absolute;
  
}
.ki-double-down.ki-duotone:after {
  content: "\eaad";
  
}
.ki-double-down.ki-duotone:before {
  content: "\eaae";
  position: absolute;
  
  opacity: 0.3;
}
.ki-double-left-arrow.ki-duotone:after {
  content: "\eaaf";
  
  opacity: 0.3;
}
.ki-double-left-arrow.ki-duotone:before {
  content: "\eab0";
  position: absolute;
  
}
.ki-double-left.ki-duotone:after {
  content: "\eab1";
  
}
.ki-double-left.ki-duotone:before {
  content: "\eab2";
  position: absolute;
  
  opacity: 0.3;
}
.ki-double-right-arrow.ki-duotone:after {
  content: "\eab3";
  
  opacity: 0.3;
}
.ki-double-right-arrow.ki-duotone:before {
  content: "\eab4";
  position: absolute;
  
}
.ki-double-right.ki-duotone:after {
  content: "\eab5";
  
}
.ki-double-right.ki-duotone:before {
  content: "\eab6";
  position: absolute;
  
  opacity: 0.3;
}
.ki-double-up.ki-duotone:after {
  content: "\eab7";
  
}
.ki-double-up.ki-duotone:before {
  content: "\eab8";
  position: absolute;
  
  opacity: 0.3;
}
.ki-down-square.ki-duotone:after {
  content: "\eab9";
  
  opacity: 0.3;
}
.ki-down-square.ki-duotone:before {
  content: "\eaba";
  position: absolute;
  
}
.ki-down.ki-duotone:before {
  content: "\eabb";
}
.ki-dribbble.ki-duotone:after {
  content: "\eabc";
  
}
.ki-dribbble.ki-duotone:before {
  content: "\eabd";
  position: absolute;
  
  opacity: 0.3;
}
.ki-drop.ki-duotone:after {
  content: "\eabe";
  
}
.ki-drop.ki-duotone:before {
  content: "\eabf";
  position: absolute;
  
  opacity: 0.3;
}
.ki-dropbox.ki-duotone:after {
  content: "\eac0";
  
  opacity: 0.3;
}
.ki-dropbox.ki-duotone:before {
  content: "\eac1";
  position: absolute;
  
}
.ki-educare-ekt.ki-duotone:after {
  content: "\eac2";
  
  opacity: 0.3;
}
.ki-educare-ekt.ki-duotone:before {
  content: "\eac3";
  position: absolute;
  
}
.ki-electricity.ki-duotone:after {
  content: "\eac4";
  
  opacity: 0.3;
}
.ki-electricity.ki-duotone:before {
  content: "\eac5";
  position: absolute;
  
}
.ki-electronic-clock.ki-duotone:after {
  content: "\eac6";
  
  opacity: 0.3;
}
.ki-electronic-clock.ki-duotone:before {
  content: "\eac7";
  position: absolute;
  
}
.ki-element-1.ki-duotone:after {
  content: "\eac8";
  
  opacity: 0.3;
}
.ki-element-1.ki-duotone:before {
  content: "\eac9";
  position: absolute;
  
}
.ki-element-2.ki-duotone:after {
  content: "\eaca";
  
}
.ki-element-2.ki-duotone:before {
  content: "\eacb";
  position: absolute;
  
  opacity: 0.3;
}
.ki-element-3.ki-duotone:after {
  content: "\eacc";
  
  opacity: 0.3;
}
.ki-element-3.ki-duotone:before {
  content: "\eacd";
  position: absolute;
  
}
.ki-element-4.ki-duotone:after {
  content: "\eace";
  
}
.ki-element-4.ki-duotone:before {
  content: "\eacf";
  position: absolute;
  
  opacity: 0.3;
}
.ki-element-5.ki-duotone:after {
  content: "\ead0";
  
}
.ki-element-5.ki-duotone:before {
  content: "\ead1";
  position: absolute;
  
  opacity: 0.3;
}
.ki-element-6.ki-duotone:after {
  content: "\ead2";
  
  opacity: 0.3;
}
.ki-element-6.ki-duotone:before {
  content: "\ead3";
  position: absolute;
  
}
.ki-element-7.ki-duotone:after {
  content: "\ead4";
  
}
.ki-element-7.ki-duotone:before {
  content: "\ead5";
  position: absolute;
  
  opacity: 0.3;
}
.ki-element-8.ki-duotone:after {
  content: "\ead6";
  
  opacity: 0.3;
}
.ki-element-8.ki-duotone:before {
  content: "\ead7";
  position: absolute;
  
}
.ki-element-9.ki-duotone:after {
  content: "\ead8";
  
  opacity: 0.3;
}
.ki-element-9.ki-duotone:before {
  content: "\ead9";
  position: absolute;
  
}
.ki-element-10.ki-duotone:after {
  content: "\eada";
  
}
.ki-element-10.ki-duotone:before {
  content: "\eadb";
  position: absolute;
  
  opacity: 0.3;
}
.ki-element-11.ki-duotone:after {
  content: "\eadc";
  
}
.ki-element-11.ki-duotone:before {
  content: "\eadd";
  position: absolute;
  
  opacity: 0.3;
}
.ki-element-12.ki-duotone:after {
  content: "\eade";
  
  opacity: 0.3;
}
.ki-element-12.ki-duotone:before {
  content: "\eadf";
  position: absolute;
  
}
.ki-element-equal.ki-duotone:after {
  content: "\eae0";
  
  opacity: 0.3;
}
.ki-element-equal.ki-duotone:before {
  content: "\eae1";
  position: absolute;
  
}
.ki-element-plus.ki-duotone:after {
  content: "\eae2";
  
}
.ki-element-plus.ki-duotone:before {
  content: "\eae3";
  position: absolute;
  
  opacity: 0.3;
}
.ki-emoji-happy.ki-duotone:after {
  content: "\eae4";
  
  opacity: 0.3;
}
.ki-emoji-happy.ki-duotone:before {
  content: "\eae5";
  position: absolute;
  
}
.ki-enjin-coin-enj.ki-duotone:after {
  content: "\eae6";
  
}
.ki-enjin-coin-enj.ki-duotone:before {
  content: "\eae7";
  position: absolute;
  
  opacity: 0.3;
}
.ki-ensure.ki-duotone:after {
  content: "\eae8";
  
}
.ki-ensure.ki-duotone:before {
  content: "\eae9";
  position: absolute;
  
  opacity: 0.3;
}
.ki-entrance-left.ki-duotone:after {
  content: "\eaea";
  
}
.ki-entrance-left.ki-duotone:before {
  content: "\eaeb";
  position: absolute;
  
  opacity: 0.3;
}
.ki-entrance-right.ki-duotone:after {
  content: "\eaec";
  
  opacity: 0.3;
}
.ki-entrance-right.ki-duotone:before {
  content: "\eaed";
  position: absolute;
  
}
.ki-eraser.ki-duotone:after {
  content: "\eaee";
  
  opacity: 0.3;
}
.ki-eraser.ki-duotone:before {
  content: "\eaef";
  position: absolute;
  
}
.ki-euro.ki-duotone:after {
  content: "\eaf0";
  
  opacity: 0.3;
}
.ki-euro.ki-duotone:before {
  content: "\eaf1";
  position: absolute;
  
}
.ki-exit-down.ki-duotone:after {
  content: "\eaf2";
  
  opacity: 0.3;
}
.ki-exit-down.ki-duotone:before {
  content: "\eaf3";
  position: absolute;
  
}
.ki-exit-left.ki-duotone:after {
  content: "\eaf4";
  
  opacity: 0.3;
}
.ki-exit-left.ki-duotone:before {
  content: "\eaf5";
  position: absolute;
  
}
.ki-exit-right-corner.ki-duotone:after {
  content: "\eaf6";
  
  opacity: 0.3;
}
.ki-exit-right-corner.ki-duotone:before {
  content: "\eaf7";
  position: absolute;
  
}
.ki-exit-right.ki-duotone:after {
  content: "\eaf8";
  
  opacity: 0.3;
}
.ki-exit-right.ki-duotone:before {
  content: "\eaf9";
  position: absolute;
  
}
.ki-exit-up.ki-duotone:after {
  content: "\eafa";
  
  opacity: 0.3;
}
.ki-exit-up.ki-duotone:before {
  content: "\eafb";
  position: absolute;
  
}
.ki-external-drive.ki-duotone:after {
  content: "\eafc";
  
}
.ki-external-drive.ki-duotone:before {
  content: "\eafd";
  position: absolute;
  
  opacity: 0.3;
}
.ki-eye-slash.ki-duotone:after {
  content: "\eafe";
  
}
.ki-eye-slash.ki-duotone:before {
  content: "\eaff";
  position: absolute;
  
  opacity: 0.3;
}
.ki-eye.ki-duotone:after {
  content: "\eb00";
  
}
.ki-eye.ki-duotone:before {
  content: "\eb01";
  position: absolute;
  
  opacity: 0.3;
}
.ki-face-id.ki-duotone:after {
  content: "\eb02";
  
  opacity: 0.3;
}
.ki-face-id.ki-duotone:before {
  content: "\eb03";
  position: absolute;
  
}
.ki-facebook.ki-duotone:after {
  content: "\eb04";
  
  opacity: 0.3;
}
.ki-facebook.ki-duotone:before {
  content: "\eb05";
  position: absolute;
  
}
.ki-fasten.ki-duotone:after {
  content: "\eb06";
  
  opacity: 0.3;
}
.ki-fasten.ki-duotone:before {
  content: "\eb07";
  position: absolute;
  
}
.ki-fatrows.ki-duotone:after {
  content: "\eb08";
  
}
.ki-fatrows.ki-duotone:before {
  content: "\eb09";
  position: absolute;
  
  opacity: 0.3;
}
.ki-feather.ki-duotone:after {
  content: "\eb0a";
  
  opacity: 0.3;
}
.ki-feather.ki-duotone:before {
  content: "\eb0b";
  position: absolute;
  
}
.ki-figma.ki-duotone:after {
  content: "\eb0c";
  
  opacity: 0.3;
}
.ki-figma.ki-duotone:before {
  content: "\eb0d";
  position: absolute;
  
}
.ki-file-added.ki-duotone:after {
  content: "\eb0e";
  
}
.ki-file-added.ki-duotone:before {
  content: "\eb0f";
  position: absolute;
  
  opacity: 0.3;
}
.ki-file-deleted.ki-duotone:after {
  content: "\eb10";
  
}
.ki-file-deleted.ki-duotone:before {
  content: "\eb11";
  position: absolute;
  
  opacity: 0.3;
}
.ki-file-down.ki-duotone:after {
  content: "\eb12";
  
  opacity: 0.3;
}
.ki-file-down.ki-duotone:before {
  content: "\eb13";
  position: absolute;
  
}
.ki-file-left.ki-duotone:after {
  content: "\eb14";
  
  opacity: 0.3;
}
.ki-file-left.ki-duotone:before {
  content: "\eb15";
  position: absolute;
  
}
.ki-file-right.ki-duotone:after {
  content: "\eb16";
  
  opacity: 0.3;
}
.ki-file-right.ki-duotone:before {
  content: "\eb17";
  position: absolute;
  
}
.ki-file-sheet.ki-duotone:after {
  content: "\eb18";
  
}
.ki-file-sheet.ki-duotone:before {
  content: "\eb19";
  position: absolute;
  
  opacity: 0.3;
}
.ki-file-up.ki-duotone:after {
  content: "\eb1a";
  
  opacity: 0.3;
}
.ki-file-up.ki-duotone:before {
  content: "\eb1b";
  position: absolute;
  
}
.ki-files.ki-duotone:after {
  content: "\eb1c";
  
}
.ki-files.ki-duotone:before {
  content: "\eb1d";
  position: absolute;
  
  opacity: 0.3;
}
.ki-filter-edit.ki-duotone:after {
  content: "\eb1e";
  
  opacity: 0.3;
}
.ki-filter-edit.ki-duotone:before {
  content: "\eb1f";
  position: absolute;
  
}
.ki-filter-search.ki-duotone:after {
  content: "\eb20";
  
  opacity: 0.3;
}
.ki-filter-search.ki-duotone:before {
  content: "\eb21";
  position: absolute;
  
}
.ki-filter-square.ki-duotone:after {
  content: "\eb22";
  
}
.ki-filter-square.ki-duotone:before {
  content: "\eb23";
  position: absolute;
  
  opacity: 0.3;
}
.ki-filter-tablet.ki-duotone:after {
  content: "\eb24";
  
  opacity: 0.3;
}
.ki-filter-tablet.ki-duotone:before {
  content: "\eb25";
  position: absolute;
  
}
.ki-filter-tick.ki-duotone:after {
  content: "\eb26";
  
  opacity: 0.3;
}
.ki-filter-tick.ki-duotone:before {
  content: "\eb27";
  position: absolute;
  
}
.ki-filter.ki-duotone:after {
  content: "\eb28";
  
}
.ki-filter.ki-duotone:before {
  content: "\eb29";
  position: absolute;
  
  opacity: 0.3;
}
.ki-financial-schedule.ki-duotone:after {
  content: "\eb2a";
  
  opacity: 0.3;
}
.ki-financial-schedule.ki-duotone:before {
  content: "\eb2b";
  position: absolute;
  
}
.ki-fingerprint-scanning.ki-duotone:after {
  content: "\eb2c";
  
}
.ki-fingerprint-scanning.ki-duotone:before {
  content: "\eb2d";
  position: absolute;
  
  opacity: 0.3;
}
.ki-flag.ki-duotone:after {
  content: "\eb2e";
  
  opacity: 0.3;
}
.ki-flag.ki-duotone:before {
  content: "\eb2f";
  position: absolute;
  
}
.ki-flash-circle.ki-duotone:after {
  content: "\eb30";
  
  opacity: 0.3;
}
.ki-flash-circle.ki-duotone:before {
  content: "\eb31";
  position: absolute;
  
}
.ki-flask.ki-duotone:after {
  content: "\eb32";
  
  opacity: 0.3;
}
.ki-flask.ki-duotone:before {
  content: "\eb33";
  position: absolute;
  
}
.ki-focus.ki-duotone:after {
  content: "\eb34";
  
  opacity: 0.3;
}
.ki-focus.ki-duotone:before {
  content: "\eb35";
  position: absolute;
  
}
.ki-folder-added.ki-duotone:after {
  content: "\eb36";
  
  opacity: 0.3;
}
.ki-folder-added.ki-duotone:before {
  content: "\eb37";
  position: absolute;
  
}
.ki-folder-down.ki-duotone:after {
  content: "\eb38";
  
  opacity: 0.3;
}
.ki-folder-down.ki-duotone:before {
  content: "\eb39";
  position: absolute;
  
}
.ki-folder-up.ki-duotone:after {
  content: "\eb3a";
  
  opacity: 0.3;
}
.ki-folder-up.ki-duotone:before {
  content: "\eb3b";
  position: absolute;
  
}
.ki-folder.ki-duotone:after {
  content: "\eb3c";
  
  opacity: 0.3;
}
.ki-folder.ki-duotone:before {
  content: "\eb3d";
  position: absolute;
  
}
.ki-frame.ki-duotone:after {
  content: "\eb3e";
  
  opacity: 0.3;
}
.ki-frame.ki-duotone:before {
  content: "\eb3f";
  position: absolute;
  
}
.ki-geolocation-home.ki-duotone:after {
  content: "\eb40";
  
  opacity: 0.3;
}
.ki-geolocation-home.ki-duotone:before {
  content: "\eb41";
  position: absolute;
  
}
.ki-geolocation.ki-duotone:after {
  content: "\eb42";
  
  opacity: 0.3;
}
.ki-geolocation.ki-duotone:before {
  content: "\eb43";
  position: absolute;
  
}
.ki-ghost.ki-duotone:after {
  content: "\eb44";
  
}
.ki-ghost.ki-duotone:before {
  content: "\eb45";
  position: absolute;
  
  opacity: 0.3;
}
.ki-gift.ki-duotone:after {
  content: "\eb46";
  
}
.ki-gift.ki-duotone:before {
  content: "\eb47";
  position: absolute;
  
  opacity: 0.3;
}
.ki-github.ki-duotone:after {
  content: "\eb48";
  
  opacity: 0.3;
}
.ki-github.ki-duotone:before {
  content: "\eb49";
  position: absolute;
  
}
.ki-glass.ki-duotone:after {
  content: "\eb4a";
  
  opacity: 0.3;
}
.ki-glass.ki-duotone:before {
  content: "\eb4b";
  position: absolute;
  
}
.ki-google-play.ki-duotone:after {
  content: "\eb4c";
  
  opacity: 0.3;
}
.ki-google-play.ki-duotone:before {
  content: "\eb4d";
  position: absolute;
  
}
.ki-google.ki-duotone:after {
  content: "\eb4e";
  
  opacity: 0.3;
}
.ki-google.ki-duotone:before {
  content: "\eb4f";
  position: absolute;
  
}
.ki-graph-2.ki-duotone:after {
  content: "\eb50";
  
  opacity: 0.3;
}
.ki-graph-2.ki-duotone:before {
  content: "\eb51";
  position: absolute;
  
}
.ki-graph-3.ki-duotone:after {
  content: "\eb52";
  
  opacity: 0.3;
}
.ki-graph-3.ki-duotone:before {
  content: "\eb53";
  position: absolute;
  
}
.ki-graph-4.ki-duotone:after {
  content: "\eb54";
  
}
.ki-graph-4.ki-duotone:before {
  content: "\eb55";
  position: absolute;
  
  opacity: 0.3;
}
.ki-graph-up.ki-duotone:after {
  content: "\eb56";
  
  opacity: 0.3;
}
.ki-graph-up.ki-duotone:before {
  content: "\eb57";
  position: absolute;
  
}
.ki-graph.ki-duotone:after {
  content: "\eb58";
  
  opacity: 0.3;
}
.ki-graph.ki-duotone:before {
  content: "\eb59";
  position: absolute;
  
}
.ki-grid-2.ki-duotone:after {
  content: "\eb5a";
  
  opacity: 0.3;
}
.ki-grid-2.ki-duotone:before {
  content: "\eb5b";
  position: absolute;
  
}
.ki-grid.ki-duotone:after {
  content: "\eb5c";
  
  opacity: 0.3;
}
.ki-grid.ki-duotone:before {
  content: "\eb5d";
  position: absolute;
  
}
.ki-handcart.ki-duotone:before {
  content: "\eb5e";
}
.ki-happyemoji.ki-duotone:after {
  content: "\eb5f";
  
  opacity: 0.3;
}
.ki-happyemoji.ki-duotone:before {
  content: "\eb60";
  position: absolute;
  
}
.ki-heart-circle.ki-duotone:after {
  content: "\eb61";
  
  opacity: 0.3;
}
.ki-heart-circle.ki-duotone:before {
  content: "\eb62";
  position: absolute;
  
}
.ki-heart.ki-duotone:after {
  content: "\eb63";
  
  opacity: 0.3;
}
.ki-heart.ki-duotone:before {
  content: "\eb64";
  position: absolute;
  
}
.ki-home-1.ki-duotone:after {
  content: "\eb65";
  
  opacity: 0.3;
}
.ki-home-1.ki-duotone:before {
  content: "\eb66";
  position: absolute;
  
}
.ki-home-2.ki-duotone:after {
  content: "\eb67";
  
  opacity: 0.3;
}
.ki-home-2.ki-duotone:before {
  content: "\eb68";
  position: absolute;
  
}
.ki-home-3.ki-duotone:after {
  content: "\eb69";
  
  opacity: 0.3;
}
.ki-home-3.ki-duotone:before {
  content: "\eb6a";
  position: absolute;
  
}
.ki-home.ki-duotone:before {
  content: "\eb6b";
}
.ki-html.ki-duotone:after {
  content: "\eb6c";
  
  opacity: 0.3;
}
.ki-html.ki-duotone:before {
  content: "\eb6d";
  position: absolute;
  
}
.ki-icon.ki-duotone:after {
  content: "\eb6e";
  
  opacity: 0.3;
}
.ki-icon.ki-duotone:before {
  content: "\eb6f";
  position: absolute;
  
}
.ki-illustrator.ki-duotone:after {
  content: "\eb70";
  
  opacity: 0.3;
}
.ki-illustrator.ki-duotone:before {
  content: "\eb71";
  position: absolute;
  
}
.ki-information-1.ki-duotone:after {
  content: "\eb72";
  
  opacity: 0.3;
}
.ki-information-1.ki-duotone:before {
  content: "\eb73";
  position: absolute;
  
}
.ki-information-2.ki-duotone:after {
  content: "\eb74";
  
  opacity: 0.3;
}
.ki-information-2.ki-duotone:before {
  content: "\eb75";
  position: absolute;
  
}
.ki-information-3.ki-duotone:after {
  content: "\eb76";
  
  opacity: 0.3;
}
.ki-information-3.ki-duotone:before {
  content: "\eb77";
  position: absolute;
  
}
.ki-information-4.ki-duotone:after {
  content: "\eb78";
  
  opacity: 0.3;
}
.ki-information-4.ki-duotone:before {
  content: "\eb79";
  position: absolute;
  
}
.ki-information.ki-duotone:after {
  content: "\eb7a";
  
  opacity: 0.3;
}
.ki-information.ki-duotone:before {
  content: "\eb7b";
  position: absolute;
  
}
.ki-instagram.ki-duotone:after {
  content: "\eb7c";
  
  opacity: 0.3;
}
.ki-instagram.ki-duotone:before {
  content: "\eb7d";
  position: absolute;
  
}
.ki-joystick.ki-duotone:after {
  content: "\eb7e";
  
}
.ki-joystick.ki-duotone:before {
  content: "\eb7f";
  position: absolute;
  
  opacity: 0.3;
}
.ki-js-2.ki-duotone:after {
  content: "\eb80";
  
}
.ki-js-2.ki-duotone:before {
  content: "\eb81";
  position: absolute;
  
  opacity: 0.3;
}
.ki-js.ki-duotone:after {
  content: "\eb82";
  
}
.ki-js.ki-duotone:before {
  content: "\eb83";
  position: absolute;
  
  opacity: 0.3;
}
.ki-kanban.ki-duotone:after {
  content: "\eb84";
  
}
.ki-kanban.ki-duotone:before {
  content: "\eb85";
  position: absolute;
  
  opacity: 0.3;
}
.ki-key-square.ki-duotone:after {
  content: "\eb86";
  
  opacity: 0.3;
}
.ki-key-square.ki-duotone:before {
  content: "\eb87";
  position: absolute;
  
}
.ki-key.ki-duotone:after {
  content: "\eb88";
  
  opacity: 0.3;
}
.ki-key.ki-duotone:before {
  content: "\eb89";
  position: absolute;
  
}
.ki-keyboard.ki-duotone:after {
  content: "\eb8a";
  
}
.ki-keyboard.ki-duotone:before {
  content: "\eb8b";
  position: absolute;
  
  opacity: 0.3;
}
.ki-laptop.ki-duotone:after {
  content: "\eb8c";
  
  opacity: 0.3;
}
.ki-laptop.ki-duotone:before {
  content: "\eb8d";
  position: absolute;
  
}
.ki-laravel.ki-duotone:after {
  content: "\eb8e";
  
  opacity: 0.3;
}
.ki-laravel.ki-duotone:before {
  content: "\eb8f";
  position: absolute;
  
}
.ki-left-square.ki-duotone:after {
  content: "\eb90";
  
  opacity: 0.3;
}
.ki-left-square.ki-duotone:before {
  content: "\eb91";
  position: absolute;
  
}
.ki-left.ki-duotone:before {
  content: "\eb92";
}
.ki-like-2.ki-duotone:after {
  content: "\eb93";
  
  opacity: 0.3;
}
.ki-like-2.ki-duotone:before {
  content: "\eb94";
  position: absolute;
  
}
.ki-like-folder.ki-duotone:after {
  content: "\eb95";
  
  opacity: 0.3;
}
.ki-like-folder.ki-duotone:before {
  content: "\eb96";
  position: absolute;
  
}
.ki-like-shapes.ki-duotone:after {
  content: "\eb97";
  
  opacity: 0.3;
}
.ki-like-shapes.ki-duotone:before {
  content: "\eb98";
  position: absolute;
  
}
.ki-like-tag.ki-duotone:after {
  content: "\eb99";
  
  opacity: 0.3;
}
.ki-like-tag.ki-duotone:before {
  content: "\eb9a";
  position: absolute;
  
}
.ki-like.ki-duotone:after {
  content: "\eb9b";
  
}
.ki-like.ki-duotone:before {
  content: "\eb9c";
  position: absolute;
  
  opacity: 0.3;
}
.ki-loading.ki-duotone:after {
  content: "\eb9d";
  
}
.ki-loading.ki-duotone:before {
  content: "\eb9e";
  position: absolute;
  
  opacity: 0.3;
}
.ki-lock-2.ki-duotone:after {
  content: "\eb9f";
  
}
.ki-lock-2.ki-duotone:before {
  content: "\eba0";
  position: absolute;
  
  opacity: 0.3;
}
.ki-lock-3.ki-duotone:after {
  content: "\eba1";
  
  opacity: 0.3;
}
.ki-lock-3.ki-duotone:before {
  content: "\eba2";
  position: absolute;
  
}
.ki-lock.ki-duotone:after {
  content: "\eba3";
  
  opacity: 0.3;
}
.ki-lock.ki-duotone:before {
  content: "\eba4";
  position: absolute;
  
}
.ki-logistic.ki-duotone:after {
  content: "\eba5";
  
  opacity: 0.3;
}
.ki-logistic.ki-duotone:before {
  content: "\eba6";
  position: absolute;
  
}
.ki-lots-shopping.ki-duotone:after {
  content: "\eba7";
  
  opacity: 0.3;
}
.ki-lots-shopping.ki-duotone:before {
  content: "\eba8";
  position: absolute;
  
}
.ki-lovely.ki-duotone:after {
  content: "\eba9";
  
  opacity: 0.3;
}
.ki-lovely.ki-duotone:before {
  content: "\ebaa";
  position: absolute;
  
}
.ki-lts.ki-duotone:after {
  content: "\ebab";
  
}
.ki-lts.ki-duotone:before {
  content: "\ebac";
  position: absolute;
  
  opacity: 0.3;
}
.ki-magnifier.ki-duotone:after {
  content: "\ebad";
  
  opacity: 0.3;
}
.ki-magnifier.ki-duotone:before {
  content: "\ebae";
  position: absolute;
  
}
.ki-map.ki-duotone:after {
  content: "\ebaf";
  
  opacity: 0.3;
}
.ki-map.ki-duotone:before {
  content: "\ebb0";
  position: absolute;
  
}
.ki-mask.ki-duotone:after {
  content: "\ebb1";
  
  opacity: 0.3;
}
.ki-mask.ki-duotone:before {
  content: "\ebb2";
  position: absolute;
  
}
.ki-maximize.ki-duotone:after {
  content: "\ebb3";
  
  opacity: 0.3;
}
.ki-maximize.ki-duotone:before {
  content: "\ebb4";
  position: absolute;
  
}
.ki-medal-star.ki-duotone:after {
  content: "\ebb5";
  
  opacity: 0.3;
}
.ki-medal-star.ki-duotone:before {
  content: "\ebb6";
  position: absolute;
  
}
.ki-menu.ki-duotone:after {
  content: "\ebb7";
  
  opacity: 0.3;
}
.ki-menu.ki-duotone:before {
  content: "\ebb8";
  position: absolute;
  
}
.ki-message-add.ki-duotone:after {
  content: "\ebb9";
  
  opacity: 0.3;
}
.ki-message-add.ki-duotone:before {
  content: "\ebba";
  position: absolute;
  
}
.ki-message-edit.ki-duotone:after {
  content: "\ebbb";
  
  opacity: 0.3;
}
.ki-message-edit.ki-duotone:before {
  content: "\ebbc";
  position: absolute;
  
}
.ki-message-minus.ki-duotone:after {
  content: "\ebbd";
  
  opacity: 0.3;
}
.ki-message-minus.ki-duotone:before {
  content: "\ebbe";
  position: absolute;
  
}
.ki-message-notify.ki-duotone:after {
  content: "\ebbf";
  
  opacity: 0.3;
}
.ki-message-notify.ki-duotone:before {
  content: "\ebc0";
  position: absolute;
  
}
.ki-message-programming.ki-duotone:after {
  content: "\ebc1";
  
  opacity: 0.3;
}
.ki-message-programming.ki-duotone:before {
  content: "\ebc2";
  position: absolute;
  
}
.ki-message-question.ki-duotone:after {
  content: "\ebc3";
  
  opacity: 0.3;
}
.ki-message-question.ki-duotone:before {
  content: "\ebc4";
  position: absolute;
  
}
.ki-message-text-2.ki-duotone:after {
  content: "\ebc5";
  
  opacity: 0.3;
}
.ki-message-text-2.ki-duotone:before {
  content: "\ebc6";
  position: absolute;
  
}
.ki-message-text.ki-duotone:after {
  content: "\ebc7";
  
  opacity: 0.3;
}
.ki-message-text.ki-duotone:before {
  content: "\ebc8";
  position: absolute;
  
}
.ki-messages.ki-duotone:after {
  content: "\ebc9";
  
  opacity: 0.3;
}
.ki-messages.ki-duotone:before {
  content: "\ebca";
  position: absolute;
  
}
.ki-microsoft.ki-duotone:after {
  content: "\ebcb";
  
}
.ki-microsoft.ki-duotone:before {
  content: "\ebcc";
  position: absolute;
  
  opacity: 0.3;
}
.ki-milk.ki-duotone:after {
  content: "\ebcd";
  
  opacity: 0.3;
}
.ki-milk.ki-duotone:before {
  content: "\ebce";
  position: absolute;
  
}
.ki-minus-circle.ki-duotone:after {
  content: "\ebcf";
  
  opacity: 0.3;
}
.ki-minus-circle.ki-duotone:before {
  content: "\ebd0";
  position: absolute;
  
}
.ki-minus-folder.ki-duotone:after {
  content: "\ebd1";
  
  opacity: 0.3;
}
.ki-minus-folder.ki-duotone:before {
  content: "\ebd2";
  position: absolute;
  
}
.ki-minus-squared.ki-duotone:after {
  content: "\ebd3";
  
  opacity: 0.3;
}
.ki-minus-squared.ki-duotone:before {
  content: "\ebd4";
  position: absolute;
  
}
.ki-minus.ki-duotone:before {
  content: "\ebd5";
}
.ki-moon.ki-duotone:after {
  content: "\ebd6";
  
}
.ki-moon.ki-duotone:before {
  content: "\ebd7";
  position: absolute;
  
  opacity: 0.3;
}
.ki-more-2.ki-duotone:after {
  content: "\ebd8";
  
  opacity: 0.3;
}
.ki-more-2.ki-duotone:before {
  content: "\ebd9";
  position: absolute;
  
}
.ki-mouse-circle.ki-duotone:after {
  content: "\ebda";
  
}
.ki-mouse-circle.ki-duotone:before {
  content: "\ebdb";
  position: absolute;
  
  opacity: 0.3;
}
.ki-mouse-square.ki-duotone:after {
  content: "\ebdc";
  
  opacity: 0.3;
}
.ki-mouse-square.ki-duotone:before {
  content: "\ebdd";
  position: absolute;
  
}
.ki-mouse.ki-duotone:after {
  content: "\ebde";
  
  opacity: 0.3;
}
.ki-mouse.ki-duotone:before {
  content: "\ebdf";
  position: absolute;
  
}
.ki-nexo.ki-duotone:after {
  content: "\ebe0";
  
  opacity: 0.3;
}
.ki-nexo.ki-duotone:before {
  content: "\ebe1";
  position: absolute;
  
}
.ki-night-day.ki-duotone:after {
  content: "\ebe2";
  
  opacity: 0.3;
}
.ki-night-day.ki-duotone:before {
  content: "\ebe3";
  position: absolute;
  
}
.ki-note-2.ki-duotone:after {
  content: "\ebe4";
  
  opacity: 0.3;
}
.ki-note-2.ki-duotone:before {
  content: "\ebe5";
  position: absolute;
  
}
.ki-note.ki-duotone:after {
  content: "\ebe6";
  
  opacity: 0.3;
}
.ki-note.ki-duotone:before {
  content: "\ebe7";
  position: absolute;
  
}
.ki-notepad-bookmark.ki-duotone:after {
  content: "\ebe8";
  
}
.ki-notepad-bookmark.ki-duotone:before {
  content: "\ebe9";
  position: absolute;
  
  opacity: 0.3;
}
.ki-notepad-edit.ki-duotone:after {
  content: "\ebea";
  
  opacity: 0.3;
}
.ki-notepad-edit.ki-duotone:before {
  content: "\ebeb";
  position: absolute;
  
}
.ki-notepad.ki-duotone:after {
  content: "\ebec";
  
  opacity: 0.3;
}
.ki-notepad.ki-duotone:before {
  content: "\ebed";
  position: absolute;
  
}
.ki-notification-1.ki-duotone:after {
  content: "\ebee";
  
}
.ki-notification-1.ki-duotone:before {
  content: "\ebef";
  position: absolute;
  
  opacity: 0.3;
}
.ki-notification-bing.ki-duotone:after {
  content: "\ebf0";
  
}
.ki-notification-bing.ki-duotone:before {
  content: "\ebf1";
  position: absolute;
  
  opacity: 0.3;
}
.ki-notification-circle.ki-duotone:after {
  content: "\ebf2";
  
}
.ki-notification-circle.ki-duotone:before {
  content: "\ebf3";
  position: absolute;
  
  opacity: 0.3;
}
.ki-notification-favorite.ki-duotone:after {
  content: "\ebf4";
  
}
.ki-notification-favorite.ki-duotone:before {
  content: "\ebf5";
  position: absolute;
  
  opacity: 0.3;
}
.ki-notification-on.ki-duotone:after {
  content: "\ebf6";
  
  opacity: 0.3;
}
.ki-notification-on.ki-duotone:before {
  content: "\ebf7";
  position: absolute;
  
}
.ki-notification-status.ki-duotone:after {
  content: "\ebf8";
  
  opacity: 0.3;
}
.ki-notification-status.ki-duotone:before {
  content: "\ebf9";
  position: absolute;
  
}
.ki-notification.ki-duotone:after {
  content: "\ebfa";
  
  opacity: 0.3;
}
.ki-notification.ki-duotone:before {
  content: "\ebfb";
  position: absolute;
  
}
.ki-ocean.ki-duotone:after {
  content: "\ebfc";
  
}
.ki-ocean.ki-duotone:before {
  content: "\ebfd";
  position: absolute;
  
  opacity: 0.3;
}
.ki-office-bag.ki-duotone:after {
  content: "\ebfe";
  
  opacity: 0.3;
}
.ki-office-bag.ki-duotone:before {
  content: "\ebff";
  position: absolute;
  
}
.ki-package.ki-duotone:after {
  content: "\ec00";
  
  opacity: 0.3;
}
.ki-package.ki-duotone:before {
  content: "\ec01";
  position: absolute;
  
}
.ki-pad.ki-duotone:after {
  content: "\ec02";
  
  opacity: 0.3;
}
.ki-pad.ki-duotone:before {
  content: "\ec03";
  position: absolute;
  
}
.ki-pails.ki-duotone:after {
  content: "\ec04";
  
  opacity: 0.3;
}
.ki-pails.ki-duotone:before {
  content: "\ec05";
  position: absolute;
  
}
.ki-paintbucket.ki-duotone:after {
  content: "\ec06";
  
  opacity: 0.3;
}
.ki-paintbucket.ki-duotone:before {
  content: "\ec07";
  position: absolute;
  
}
.ki-paper-clip.ki-duotone:before {
  content: "\ec08";
}
.ki-paper-plane.ki-duotone:after {
  content: "\ec09";
  
}
.ki-paper-plane.ki-duotone:before {
  content: "\ec0a";
  position: absolute;
  
  opacity: 0.3;
}
.ki-parcel-tracking.ki-duotone:after {
  content: "\ec0b";
  
}
.ki-parcel-tracking.ki-duotone:before {
  content: "\ec0c";
  position: absolute;
  
  opacity: 0.3;
}
.ki-parcel.ki-duotone:after {
  content: "\ec0d";
  
  opacity: 0.3;
}
.ki-parcel.ki-duotone:before {
  content: "\ec0e";
  position: absolute;
  
}
.ki-password-check.ki-duotone:after {
  content: "\ec0f";
  
}
.ki-password-check.ki-duotone:before {
  content: "\ec10";
  position: absolute;
  
  opacity: 0.3;
}
.ki-paypal.ki-duotone:after {
  content: "\ec11";
  
}
.ki-paypal.ki-duotone:before {
  content: "\ec12";
  position: absolute;
  
  opacity: 0.3;
}
.ki-pencil.ki-duotone:after {
  content: "\ec13";
  
  opacity: 0.3;
}
.ki-pencil.ki-duotone:before {
  content: "\ec14";
  position: absolute;
  
}
.ki-people.ki-duotone:after {
  content: "\ec15";
  
}
.ki-people.ki-duotone:before {
  content: "\ec16";
  position: absolute;
  
  opacity: 0.3;
}
.ki-percentage.ki-duotone:after {
  content: "\ec17";
  
}
.ki-percentage.ki-duotone:before {
  content: "\ec18";
  position: absolute;
  
  opacity: 0.3;
}
.ki-phone.ki-duotone:after {
  content: "\ec19";
  
  opacity: 0.3;
}
.ki-phone.ki-duotone:before {
  content: "\ec1a";
  position: absolute;
  
}
.ki-photoshop.ki-duotone:after {
  content: "\ec1b";
  
  opacity: 0.3;
}
.ki-photoshop.ki-duotone:before {
  content: "\ec1c";
  position: absolute;
  
}
.ki-picture.ki-duotone:after {
  content: "\ec1d";
  
  opacity: 0.3;
}
.ki-picture.ki-duotone:before {
  content: "\ec1e";
  position: absolute;
  
}
.ki-pill.ki-duotone:before {
  content: "\ec1f";
}
.ki-pin.ki-duotone:after {
  content: "\ec20";
  
  opacity: 0.3;
}
.ki-pin.ki-duotone:before {
  content: "\ec21";
  position: absolute;
  
}
.ki-plus-circle.ki-duotone:after {
  content: "\ec22";
  
  opacity: 0.3;
}
.ki-plus-circle.ki-duotone:before {
  content: "\ec23";
  position: absolute;
  
}
.ki-plus-squared.ki-duotone:after {
  content: "\ec24";
  
  opacity: 0.3;
}
.ki-plus-squared.ki-duotone:before {
  content: "\ec25";
  position: absolute;
  
}
.ki-plus.ki-duotone:before {
  content: "\ec26";
}
.ki-pointers.ki-duotone:after {
  content: "\ec27";
  
  opacity: 0.3;
}
.ki-pointers.ki-duotone:before {
  content: "\ec28";
  position: absolute;
  
}
.ki-price-tag.ki-duotone:after {
  content: "\ec29";
  
  opacity: 0.3;
}
.ki-price-tag.ki-duotone:before {
  content: "\ec2a";
  position: absolute;
  
}
.ki-printer.ki-duotone:after {
  content: "\ec2b";
  
  opacity: 0.3;
}
.ki-printer.ki-duotone:before {
  content: "\ec2c";
  position: absolute;
  
}
.ki-profile-circle.ki-duotone:after {
  content: "\ec2d";
  
  opacity: 0.3;
}
.ki-profile-circle.ki-duotone:before {
  content: "\ec2e";
  position: absolute;
  
}
.ki-pulse.ki-duotone:after {
  content: "\ec2f";
  
  opacity: 0.3;
}
.ki-pulse.ki-duotone:before {
  content: "\ec30";
  position: absolute;
  
}
.ki-purchase.ki-duotone:after {
  content: "\ec31";
  
  opacity: 0.3;
}
.ki-purchase.ki-duotone:before {
  content: "\ec32";
  position: absolute;
  
}
.ki-python.ki-duotone:after {
  content: "\ec33";
  
  opacity: 0.3;
}
.ki-python.ki-duotone:before {
  content: "\ec34";
  position: absolute;
  
}
.ki-question-2.ki-duotone:after {
  content: "\ec35";
  
  opacity: 0.3;
}
.ki-question-2.ki-duotone:before {
  content: "\ec36";
  position: absolute;
  
}
.ki-question.ki-duotone:after {
  content: "\ec37";
  
  opacity: 0.3;
}
.ki-question.ki-duotone:before {
  content: "\ec38";
  position: absolute;
  
}
.ki-questionnaire-tablet.ki-duotone:after {
  content: "\ec39";
  
  opacity: 0.3;
}
.ki-questionnaire-tablet.ki-duotone:before {
  content: "\ec3a";
  position: absolute;
  
}
.ki-ranking.ki-duotone:after {
  content: "\ec3b";
  
  opacity: 0.3;
}
.ki-ranking.ki-duotone:before {
  content: "\ec3c";
  position: absolute;
  
}
.ki-react.ki-duotone:after {
  content: "\ec3d";
  
  opacity: 0.3;
}
.ki-react.ki-duotone:before {
  content: "\ec3e";
  position: absolute;
  
}
.ki-receipt-square.ki-duotone:after {
  content: "\ec3f";
  
  opacity: 0.3;
}
.ki-receipt-square.ki-duotone:before {
  content: "\ec40";
  position: absolute;
  
}
.ki-rescue.ki-duotone:after {
  content: "\ec41";
  
  opacity: 0.3;
}
.ki-rescue.ki-duotone:before {
  content: "\ec42";
  position: absolute;
  
}
.ki-right-left.ki-duotone:after {
  content: "\ec43";
  
}
.ki-right-left.ki-duotone:before {
  content: "\ec44";
  position: absolute;
  
  opacity: 0.3;
}
.ki-right-square.ki-duotone:after {
  content: "\ec45";
  
  opacity: 0.3;
}
.ki-right-square.ki-duotone:before {
  content: "\ec46";
  position: absolute;
  
}
.ki-right.ki-duotone:before {
  content: "\ec47";
}
.ki-rocket.ki-duotone:after {
  content: "\ec48";
  
  opacity: 0.3;
}
.ki-rocket.ki-duotone:before {
  content: "\ec49";
  position: absolute;
  
}
.ki-route.ki-duotone:after {
  content: "\ec4a";
  
}
.ki-route.ki-duotone:before {
  content: "\ec4b";
  position: absolute;
  
  opacity: 0.3;
}
.ki-router.ki-duotone:after {
  content: "\ec4c";
  
  opacity: 0.3;
}
.ki-router.ki-duotone:before {
  content: "\ec4d";
  position: absolute;
  
}
.ki-row-horizontal.ki-duotone:after {
  content: "\ec4e";
  
}
.ki-row-horizontal.ki-duotone:before {
  content: "\ec4f";
  position: absolute;
  
  opacity: 0.3;
}
.ki-row-vertical.ki-duotone:after {
  content: "\ec50";
  
}
.ki-row-vertical.ki-duotone:before {
  content: "\ec51";
  position: absolute;
  
  opacity: 0.3;
}
.ki-safe-home.ki-duotone:after {
  content: "\ec52";
  
  opacity: 0.3;
}
.ki-safe-home.ki-duotone:before {
  content: "\ec53";
  position: absolute;
  
}
.ki-satellite.ki-duotone:after {
  content: "\ec54";
  
  opacity: 0.3;
}
.ki-satellite.ki-duotone:before {
  content: "\ec55";
  position: absolute;
  
}
.ki-save-2.ki-duotone:after {
  content: "\ec56";
  
  opacity: 0.3;
}
.ki-save-2.ki-duotone:before {
  content: "\ec57";
  position: absolute;
  
}
.ki-save-deposit.ki-duotone:after {
  content: "\ec58";
  
}
.ki-save-deposit.ki-duotone:before {
  content: "\ec59";
  position: absolute;
  
  opacity: 0.3;
}
.ki-scan-barcode.ki-duotone:after {
  content: "\ec5a";
  
}
.ki-scan-barcode.ki-duotone:before {
  content: "\ec5b";
  position: absolute;
  
  opacity: 0.3;
}
.ki-screen.ki-duotone:after {
  content: "\ec5c";
  
  opacity: 0.3;
}
.ki-screen.ki-duotone:before {
  content: "\ec5d";
  position: absolute;
  
}
.ki-scroll.ki-duotone:after {
  content: "\ec5e";
  
  opacity: 0.3;
}
.ki-scroll.ki-duotone:before {
  content: "\ec5f";
  position: absolute;
  
}
.ki-search-list.ki-duotone:after {
  content: "\ec60";
  
  opacity: 0.3;
}
.ki-search-list.ki-duotone:before {
  content: "\ec61";
  position: absolute;
  
}
.ki-security-user.ki-duotone:after {
  content: "\ec62";
  
  opacity: 0.3;
}
.ki-security-user.ki-duotone:before {
  content: "\ec63";
  position: absolute;
  
}
.ki-setting-2.ki-duotone:after {
  content: "\ec64";
  
  opacity: 0.3;
}
.ki-setting-2.ki-duotone:before {
  content: "\ec65";
  position: absolute;
  
}
.ki-setting-3.ki-duotone:after {
  content: "\ec66";
  
  opacity: 0.3;
}
.ki-setting-3.ki-duotone:before {
  content: "\ec67";
  position: absolute;
  
}
.ki-setting-4.ki-duotone:before {
  content: "\ec68";
}
.ki-setting.ki-duotone:after {
  content: "\ec69";
  
  opacity: 0.3;
}
.ki-setting.ki-duotone:before {
  content: "\ec6a";
  position: absolute;
  
}
.ki-share.ki-duotone:after {
  content: "\ec6b";
  
  opacity: 0.3;
}
.ki-share.ki-duotone:before {
  content: "\ec6c";
  position: absolute;
  
}
.ki-shield-cross.ki-duotone:after {
  content: "\ec6d";
  
  opacity: 0.3;
}
.ki-shield-cross.ki-duotone:before {
  content: "\ec6e";
  position: absolute;
  
}
.ki-shield-search.ki-duotone:after {
  content: "\ec6f";
  
  opacity: 0.3;
}
.ki-shield-search.ki-duotone:before {
  content: "\ec70";
  position: absolute;
  
}
.ki-shield-slash.ki-duotone:after {
  content: "\ec71";
  
}
.ki-shield-slash.ki-duotone:before {
  content: "\ec72";
  position: absolute;
  
  opacity: 0.3;
}
.ki-shield-tick.ki-duotone:after {
  content: "\ec73";
  
  opacity: 0.3;
}
.ki-shield-tick.ki-duotone:before {
  content: "\ec74";
  position: absolute;
  
}
.ki-shield.ki-duotone:after {
  content: "\ec75";
  
  opacity: 0.3;
}
.ki-shield.ki-duotone:before {
  content: "\ec76";
  position: absolute;
  
}
.ki-ship.ki-duotone:after {
  content: "\ec77";
  
  opacity: 0.3;
}
.ki-ship.ki-duotone:before {
  content: "\ec78";
  position: absolute;
  
}
.ki-shop.ki-duotone:after {
  content: "\ec79";
  
}
.ki-shop.ki-duotone:before {
  content: "\ec7a";
  position: absolute;
  
  opacity: 0.3;
}
.ki-simcard-2.ki-duotone:after {
  content: "\ec7b";
  
  opacity: 0.3;
}
.ki-simcard-2.ki-duotone:before {
  content: "\ec7c";
  position: absolute;
  
}
.ki-simcard.ki-duotone:after {
  content: "\ec7d";
  
  opacity: 0.3;
}
.ki-simcard.ki-duotone:before {
  content: "\ec7e";
  position: absolute;
  
}
.ki-size.ki-duotone:after {
  content: "\ec7f";
  
  opacity: 0.3;
}
.ki-size.ki-duotone:before {
  content: "\ec80";
  position: absolute;
  
}
.ki-slack.ki-duotone:after {
  content: "\ec81";
  
}
.ki-slack.ki-duotone:before {
  content: "\ec82";
  position: absolute;
  
  opacity: 0.3;
}
.ki-slider-horizontal-2.ki-duotone:after {
  content: "\ec83";
  
}
.ki-slider-horizontal-2.ki-duotone:before {
  content: "\ec84";
  position: absolute;
  
  opacity: 0.3;
}
.ki-slider-horizontal.ki-duotone:after {
  content: "\ec85";
  
  opacity: 0.3;
}
.ki-slider-horizontal.ki-duotone:before {
  content: "\ec86";
  position: absolute;
  
}
.ki-slider-vertica.ki-duotone:after {
  content: "\ec87";
  
  opacity: 0.3;
}
.ki-slider-vertica.ki-duotone:before {
  content: "\ec88";
  position: absolute;
  
}
.ki-slider-vertical.ki-duotone:after {
  content: "\ec89";
  
}
.ki-slider-vertical.ki-duotone:before {
  content: "\ec8a";
  position: absolute;
  
  opacity: 0.3;
}
.ki-slider.ki-duotone:after {
  content: "\ec8b";
  
  opacity: 0.3;
}
.ki-slider.ki-duotone:before {
  content: "\ec8c";
  position: absolute;
  
}
.ki-sms.ki-duotone:after {
  content: "\ec8d";
  
  opacity: 0.3;
}
.ki-sms.ki-duotone:before {
  content: "\ec8e";
  position: absolute;
  
}
.ki-snapchat.ki-duotone:after {
  content: "\ec8f";
  
}
.ki-snapchat.ki-duotone:before {
  content: "\ec90";
  position: absolute;
  
  opacity: 0.3;
}
.ki-social-media.ki-duotone:after {
  content: "\ec91";
  
}
.ki-social-media.ki-duotone:before {
  content: "\ec92";
  position: absolute;
  
  opacity: 0.3;
}
.ki-soft-2.ki-duotone:after {
  content: "\ec93";
  
  opacity: 0.3;
}
.ki-soft-2.ki-duotone:before {
  content: "\ec94";
  position: absolute;
  
}
.ki-soft-3.ki-duotone:after {
  content: "\ec95";
  
}
.ki-soft-3.ki-duotone:before {
  content: "\ec96";
  position: absolute;
  
  opacity: 0.3;
}
.ki-soft.ki-duotone:after {
  content: "\ec97";
  
  opacity: 0.3;
}
.ki-soft.ki-duotone:before {
  content: "\ec98";
  position: absolute;
  
}
.ki-some-files.ki-duotone:after {
  content: "\ec99";
  
  opacity: 0.3;
}
.ki-some-files.ki-duotone:before {
  content: "\ec9a";
  position: absolute;
  
}
.ki-sort.ki-duotone:after {
  content: "\ec9b";
  
  opacity: 0.3;
}
.ki-sort.ki-duotone:before {
  content: "\ec9c";
  position: absolute;
  
}
.ki-speaker.ki-duotone:after {
  content: "\ec9d";
  
  opacity: 0.3;
}
.ki-speaker.ki-duotone:before {
  content: "\ec9e";
  position: absolute;
  
}
.ki-spotify.ki-duotone:after {
  content: "\ec9f";
  
}
.ki-spotify.ki-duotone:before {
  content: "\eca0";
  position: absolute;
  
  opacity: 0.3;
}
.ki-spring-framework.ki-duotone:before {
  content: "\eca1";
}
.ki-square-brackets.ki-duotone:after {
  content: "\eca2";
  
  opacity: 0.3;
}
.ki-square-brackets.ki-duotone:before {
  content: "\eca3";
  position: absolute;
  
}
.ki-star.ki-duotone:before {
  content: "\eca4";
}
.ki-status.ki-duotone:after {
  content: "\eca5";
  
  opacity: 0.3;
}
.ki-status.ki-duotone:before {
  content: "\eca6";
  position: absolute;
  
}
.ki-subtitle.ki-duotone:after {
  content: "\eca7";
  
  opacity: 0.3;
}
.ki-subtitle.ki-duotone:before {
  content: "\eca8";
  position: absolute;
  
}
.ki-sun.ki-duotone:after {
  content: "\eca9";
  
  opacity: 0.3;
}
.ki-sun.ki-duotone:before {
  content: "\ecaa";
  position: absolute;
  
}
.ki-support.ki-duotone:after {
  content: "\ecab";
  
  opacity: 0.3;
}
.ki-support.ki-duotone:before {
  content: "\ecac";
  position: absolute;
  
}
.ki-switch.ki-duotone:after {
  content: "\ecad";
  
}
.ki-switch.ki-duotone:before {
  content: "\ecae";
  position: absolute;
  
  opacity: 0.3;
}
.ki-syringe.ki-duotone:after {
  content: "\ecaf";
  
  opacity: 0.3;
}
.ki-syringe.ki-duotone:before {
  content: "\ecb0";
  position: absolute;
  
}
.ki-tab-tablet.ki-duotone:after {
  content: "\ecb1";
  
  opacity: 0.3;
}
.ki-tab-tablet.ki-duotone:before {
  content: "\ecb2";
  position: absolute;
  
}
.ki-tablet-delete.ki-duotone:after {
  content: "\ecb3";
  
  opacity: 0.3;
}
.ki-tablet-delete.ki-duotone:before {
  content: "\ecb4";
  position: absolute;
  
}
.ki-tablet-down.ki-duotone:after {
  content: "\ecb5";
  
  opacity: 0.3;
}
.ki-tablet-down.ki-duotone:before {
  content: "\ecb6";
  position: absolute;
  
}
.ki-tablet-ok.ki-duotone:after {
  content: "\ecb7";
  
  opacity: 0.3;
}
.ki-tablet-ok.ki-duotone:before {
  content: "\ecb8";
  position: absolute;
  
}
.ki-tablet-text-down.ki-duotone:after {
  content: "\ecb9";
  
  opacity: 0.3;
}
.ki-tablet-text-down.ki-duotone:before {
  content: "\ecba";
  position: absolute;
  
}
.ki-tablet-text-up.ki-duotone:after {
  content: "\ecbb";
  
}
.ki-tablet-text-up.ki-duotone:before {
  content: "\ecbc";
  position: absolute;
  
  opacity: 0.3;
}
.ki-tablet-up.ki-duotone:after {
  content: "\ecbd";
  
  opacity: 0.3;
}
.ki-tablet-up.ki-duotone:before {
  content: "\ecbe";
  position: absolute;
  
}
.ki-tablet.ki-duotone:after {
  content: "\ecbf";
  
}
.ki-tablet.ki-duotone:before {
  content: "\ecc0";
  position: absolute;
  
  opacity: 0.3;
}
.ki-tag-cross.ki-duotone:after {
  content: "\ecc1";
  
}
.ki-tag-cross.ki-duotone:before {
  content: "\ecc2";
  position: absolute;
  
  opacity: 0.3;
}
.ki-tag.ki-duotone:after {
  content: "\ecc3";
  
  opacity: 0.3;
}
.ki-tag.ki-duotone:before {
  content: "\ecc4";
  position: absolute;
  
}
.ki-teacher.ki-duotone:after {
  content: "\ecc5";
  
  opacity: 0.3;
}
.ki-teacher.ki-duotone:before {
  content: "\ecc6";
  position: absolute;
  
}
.ki-technology-1.ki-duotone:after {
  content: "\ecc7";
  
}
.ki-technology-1.ki-duotone:before {
  content: "\ecc8";
  position: absolute;
  
  opacity: 0.3;
}
.ki-technology-2.ki-duotone:after {
  content: "\ecc9";
  
  opacity: 0.3;
}
.ki-technology-2.ki-duotone:before {
  content: "\ecca";
  position: absolute;
  
}
.ki-technology-3.ki-duotone:after {
  content: "\eccb";
  
  opacity: 0.3;
}
.ki-technology-3.ki-duotone:before {
  content: "\eccc";
  position: absolute;
  
}
.ki-technology-4.ki-duotone:after {
  content: "\eccd";
  
  opacity: 0.3;
}
.ki-technology-4.ki-duotone:before {
  content: "\ecce";
  position: absolute;
  
}
.ki-telephone-geolocation.ki-duotone:after {
  content: "\eccf";
  
  opacity: 0.3;
}
.ki-telephone-geolocation.ki-duotone:before {
  content: "\ecd0";
  position: absolute;
  
}
.ki-test-tubes.ki-duotone:after {
  content: "\ecd1";
  
  opacity: 0.3;
}
.ki-test-tubes.ki-duotone:before {
  content: "\ecd2";
  position: absolute;
  
}
.ki-text-bold.ki-duotone:after {
  content: "\ecd3";
  
  opacity: 0.3;
}
.ki-text-bold.ki-duotone:before {
  content: "\ecd4";
  position: absolute;
  
}
.ki-text-circle.ki-duotone:after {
  content: "\ecd5";
  
  opacity: 0.3;
}
.ki-text-circle.ki-duotone:before {
  content: "\ecd6";
  position: absolute;
  
}
.ki-text-italic.ki-duotone:after {
  content: "\ecd7";
  
  opacity: 0.3;
}
.ki-text-italic.ki-duotone:before {
  content: "\ecd8";
  position: absolute;
  
}
.ki-text-number.ki-duotone:after {
  content: "\ecd9";
  
  opacity: 0.3;
}
.ki-text-number.ki-duotone:before {
  content: "\ecda";
  position: absolute;
  
}
.ki-text-strikethrough.ki-duotone:after {
  content: "\ecdb";
  
  opacity: 0.3;
}
.ki-text-strikethrough.ki-duotone:before {
  content: "\ecdc";
  position: absolute;
  
}
.ki-text-underline.ki-duotone:after {
  content: "\ecdd";
  
  opacity: 0.3;
}
.ki-text-underline.ki-duotone:before {
  content: "\ecde";
  position: absolute;
  
}
.ki-text.ki-duotone:before {
  content: "\ecdf";
}
.ki-textalign-center.ki-duotone:after {
  content: "\ece0";
  
}
.ki-textalign-center.ki-duotone:before {
  content: "\ece1";
  position: absolute;
  
  opacity: 0.3;
}
.ki-textalign-justifycenter.ki-duotone:after {
  content: "\ece2";
  
}
.ki-textalign-justifycenter.ki-duotone:before {
  content: "\ece3";
  position: absolute;
  
  opacity: 0.3;
}
.ki-textalign-left.ki-duotone:after {
  content: "\ece4";
  
}
.ki-textalign-left.ki-duotone:before {
  content: "\ece5";
  position: absolute;
  
  opacity: 0.3;
}
.ki-textalign-right.ki-duotone:after {
  content: "\ece6";
  
}
.ki-textalign-right.ki-duotone:before {
  content: "\ece7";
  position: absolute;
  
  opacity: 0.3;
}
.ki-thermometer.ki-duotone:after {
  content: "\ece8";
  
  opacity: 0.3;
}
.ki-thermometer.ki-duotone:before {
  content: "\ece9";
  position: absolute;
  
}
.ki-theta-theta.ki-duotone:after {
  content: "\ecea";
  
}
.ki-theta-theta.ki-duotone:before {
  content: "\eceb";
  position: absolute;
  
  opacity: 0.3;
}
.ki-tiktok.ki-duotone:after {
  content: "\ecec";
  
  opacity: 0.3;
}
.ki-tiktok.ki-duotone:before {
  content: "\eced";
  position: absolute;
  
}
.ki-time.ki-duotone:after {
  content: "\ecee";
  
  opacity: 0.3;
}
.ki-time.ki-duotone:before {
  content: "\ecef";
  position: absolute;
  
}
.ki-timer.ki-duotone:after {
  content: "\ecf0";
  
  opacity: 0.3;
}
.ki-timer.ki-duotone:before {
  content: "\ecf1";
  position: absolute;
  
}
.ki-to-left.ki-duotone:before {
  content: "\ecf2";
}
.ki-to-right.ki-duotone:before {
  content: "\ecf3";
}
.ki-toggle-off-circle.ki-duotone:after {
  content: "\ecf4";
  
  opacity: 0.3;
}
.ki-toggle-off-circle.ki-duotone:before {
  content: "\ecf5";
  position: absolute;
  
}
.ki-toggle-off.ki-duotone:after {
  content: "\ecf6";
  
  opacity: 0.3;
}
.ki-toggle-off.ki-duotone:before {
  content: "\ecf7";
  position: absolute;
  
}
.ki-toggle-on-circle.ki-duotone:after {
  content: "\ecf8";
  
  opacity: 0.3;
}
.ki-toggle-on-circle.ki-duotone:before {
  content: "\ecf9";
  position: absolute;
  
}
.ki-toggle-on.ki-duotone:after {
  content: "\ecfa";
  
  opacity: 0.3;
}
.ki-toggle-on.ki-duotone:before {
  content: "\ecfb";
  position: absolute;
  
}
.ki-trash-square.ki-duotone:after {
  content: "\ecfc";
  
  opacity: 0.3;
}
.ki-trash-square.ki-duotone:before {
  content: "\ecfd";
  position: absolute;
  
}
.ki-trash.ki-duotone:after {
  content: "\ecfe";
  
  opacity: 0.3;
}
.ki-trash.ki-duotone:before {
  content: "\ecff";
  position: absolute;
  
}
.ki-tree.ki-duotone:after {
  content: "\ed00";
  
  opacity: 0.3;
}
.ki-tree.ki-duotone:before {
  content: "\ed01";
  position: absolute;
  
}
.ki-trello.ki-duotone:after {
  content: "\ed02";
  
  opacity: 0.3;
}
.ki-trello.ki-duotone:before {
  content: "\ed03";
  position: absolute;
  
}
.ki-ts.ki-duotone:after {
  content: "\ed04";
  
  opacity: 0.3;
}
.ki-ts.ki-duotone:before {
  content: "\ed05";
  position: absolute;
  
}
.ki-twitch.ki-duotone:after {
  content: "\ed06";
  
  opacity: 0.3;
}
.ki-twitch.ki-duotone:before {
  content: "\ed07";
  position: absolute;
  
}
.ki-twitter.ki-duotone:after {
  content: "\ed08";
  
  opacity: 0.3;
}
.ki-twitter.ki-duotone:before {
  content: "\ed09";
  position: absolute;
  
}
.ki-two-credit-cart.ki-duotone:after {
  content: "\ed0a";
  
  opacity: 0.3;
}
.ki-two-credit-cart.ki-duotone:before {
  content: "\ed0b";
  position: absolute;
  
}
.ki-underlining.ki-duotone:after {
  content: "\ed0c";
  
  opacity: 0.3;
}
.ki-underlining.ki-duotone:before {
  content: "\ed0d";
  position: absolute;
  
}
.ki-up-diagonal.ki-duotone:after {
  content: "\ed0e";
  
  opacity: 0.3;
}
.ki-up-diagonal.ki-duotone:before {
  content: "\ed0f";
  position: absolute;
  
}
.ki-up-down.ki-duotone:after {
  content: "\ed10";
  
  opacity: 0.3;
}
.ki-up-down.ki-duotone:before {
  content: "\ed11";
  position: absolute;
  
}
.ki-up-square.ki-duotone:after {
  content: "\ed12";
  
  opacity: 0.3;
}
.ki-up-square.ki-duotone:before {
  content: "\ed13";
  position: absolute;
  
}
.ki-up.ki-duotone:before {
  content: "\ed14";
}
.ki-update-file.ki-duotone:after {
  content: "\ed15";
  
  opacity: 0.3;
}
.ki-update-file.ki-duotone:before {
  content: "\ed16";
  position: absolute;
  
}
.ki-update-folder.ki-duotone:after {
  content: "\ed17";
  
  opacity: 0.3;
}
.ki-update-folder.ki-duotone:before {
  content: "\ed18";
  position: absolute;
  
}
.ki-user-edit.ki-duotone:after {
  content: "\ed19";
  
  opacity: 0.3;
}
.ki-user-edit.ki-duotone:before {
  content: "\ed1a";
  position: absolute;
  
}
.ki-user-square.ki-duotone:after {
  content: "\ed1b";
  
  opacity: 0.3;
}
.ki-user-square.ki-duotone:before {
  content: "\ed1c";
  position: absolute;
  
}
.ki-user-tick.ki-duotone:after {
  content: "\ed1d";
  
}
.ki-user-tick.ki-duotone:before {
  content: "\ed1e";
  position: absolute;
  
  opacity: 0.3;
}
.ki-user.ki-duotone:after {
  content: "\ed1f";
  
  opacity: 0.3;
}
.ki-user.ki-duotone:before {
  content: "\ed20";
  position: absolute;
  
}
.ki-users.ki-duotone:after {
  content: "\ed21";
  
  opacity: 0.3;
}
.ki-users.ki-duotone:before {
  content: "\ed22";
  position: absolute;
  
}
.ki-verify.ki-duotone:after {
  content: "\ed23";
  
  opacity: 0.3;
}
.ki-verify.ki-duotone:before {
  content: "\ed24";
  position: absolute;
  
}
.ki-vibe-vibe.ki-duotone:after {
  content: "\ed25";
  
}
.ki-vibe-vibe.ki-duotone:before {
  content: "\ed26";
  position: absolute;
  
  opacity: 0.3;
}
.ki-virus.ki-duotone:after {
  content: "\ed27";
  
  opacity: 0.3;
}
.ki-virus.ki-duotone:before {
  content: "\ed28";
  position: absolute;
  
}
.ki-vue.ki-duotone:after {
  content: "\ed29";
  
  opacity: 0.3;
}
.ki-vue.ki-duotone:before {
  content: "\ed2a";
  position: absolute;
  
}
.ki-vuesax.ki-duotone:after {
  content: "\ed2b";
  
  opacity: 0.4;
}
.ki-vuesax.ki-duotone:before {
  content: "\ed2c";
  position: absolute;
  
}
.ki-wallet.ki-duotone:after {
  content: "\ed2d";
  
  opacity: 0.3;
}
.ki-wallet.ki-duotone:before {
  content: "\ed2e";
  position: absolute;
  
}
.ki-wanchain-wan.ki-duotone:after {
  content: "\ed2f";
  
}
.ki-wanchain-wan.ki-duotone:before {
  content: "\ed30";
  position: absolute;
  
  opacity: 0.3;
}
.ki-watch.ki-duotone:after {
  content: "\ed31";
  
  opacity: 0.3;
}
.ki-watch.ki-duotone:before {
  content: "\ed32";
  position: absolute;
  
}
.ki-whatsapp.ki-duotone:after {
  content: "\ed33";
  
  opacity: 0.4;
}
.ki-whatsapp.ki-duotone:before {
  content: "\ed34";
  position: absolute;
  
}
.ki-wifi-home.ki-duotone:after {
  content: "\ed35";
  
  opacity: 0.3;
}
.ki-wifi-home.ki-duotone:before {
  content: "\ed36";
  position: absolute;
  
}
.ki-wifi-square.ki-duotone:after {
  content: "\ed37";
  
  opacity: 0.3;
}
.ki-wifi-square.ki-duotone:before {
  content: "\ed38";
  position: absolute;
  
}
.ki-wifi.ki-duotone:after {
  content: "\ed39";
  
}
.ki-wifi.ki-duotone:before {
  content: "\ed3a";
  position: absolute;
  
  opacity: 0.3;
}
.ki-wireframe.ki-duotone:after {
  content: "\ed3b";
  
}
.ki-wireframe.ki-duotone:before {
  content: "\ed3c";
  position: absolute;
  
  opacity: 0.3;
}
.ki-wlan.ki-duotone:after {
  content: "\ed3d";
  
  opacity: 0.3;
}
.ki-wlan.ki-duotone:before {
  content: "\ed3e";
  position: absolute;
  
}
.ki-wrench.ki-duotone:after {
  content: "\ed3f";
  
  opacity: 0.3;
}
.ki-wrench.ki-duotone:before {
  content: "\ed40";
  position: absolute;
  
}
.ki-xaomi.ki-duotone:after {
  content: "\ed41";
  
}
.ki-xaomi.ki-duotone:before {
  content: "\ed42";
  position: absolute;
  
  opacity: 0.3;
}
.ki-xd.ki-duotone:after {
  content: "\ed43";
  
  opacity: 0.3;
}
.ki-xd.ki-duotone:before {
  content: "\ed44";
  position: absolute;
  
}
.ki-xmr.ki-duotone:after {
  content: "\ed45";
  
}
.ki-xmr.ki-duotone:before {
  content: "\ed46";
  position: absolute;
  
  opacity: 0.3;
}
.ki-yii.ki-duotone:after {
  content: "\ed47";
  
  opacity: 0.3;
}
.ki-yii.ki-duotone:before {
  content: "\ed48";
  position: absolute;
  
}
.ki-youtube.ki-duotone:after {
  content: "\ed49";
  
}
.ki-youtube.ki-duotone:before {
  content: "\ed4a";
  position: absolute;
  
  opacity: 0.3;
}

@font-face {
  font-family: 'keenicons-filled';
  src:
    url('fonts/keenicons-filled.ttf?nz57rx') format('truetype'),
    url('fonts/keenicons-filled.woff?nz57rx') format('woff'),
    url('fonts/keenicons-filled.svg?nz57rx#keenicons-filled') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

.ki-filled {
  line-height: 1;
  position: relative;
  display: inline-flex;
}

.ki-filled:after, 
.ki-filled:before {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'keenicons-filled' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-flex;
}

.ki-abstract-1.ki-filled:after {
  content: "\e900";
  
  opacity: 0.1;
}
.ki-abstract-1.ki-filled:before {
  content: "\e901";
  position: absolute;
  
}
.ki-abstract-2.ki-filled:after {
  content: "\e902";
  
  opacity: 0.1;
}
.ki-abstract-2.ki-filled:before {
  content: "\e903";
  position: absolute;
  
}
.ki-abstract-3.ki-filled:after {
  content: "\e904";
  
  opacity: 0.1;
}
.ki-abstract-3.ki-filled:before {
  content: "\e905";
  position: absolute;
  
}
.ki-abstract-4.ki-filled:after {
  content: "\e906";
  
  opacity: 0.1;
}
.ki-abstract-4.ki-filled:before {
  content: "\e907";
  position: absolute;
  
}
.ki-abstract-5.ki-filled:after {
  content: "\e908";
  
  opacity: 0.1;
}
.ki-abstract-5.ki-filled:before {
  content: "\e909";
  position: absolute;
  
}
.ki-abstract-6.ki-filled:after {
  content: "\e90a";
  
  opacity: 0.1;
}
.ki-abstract-6.ki-filled:before {
  content: "\e90b";
  position: absolute;
  
}
.ki-abstract-7.ki-filled:after {
  content: "\e90c";
  
}
.ki-abstract-7.ki-filled:before {
  content: "\e90d";
  position: absolute;
  
  opacity: 0.1;
}
.ki-abstract-8.ki-filled:after {
  content: "\e90e";
  
  opacity: 0.1;
}
.ki-abstract-8.ki-filled:before {
  content: "\e90f";
  position: absolute;
  
}
.ki-abstract-9.ki-filled:after {
  content: "\e910";
  
  opacity: 0.1;
}
.ki-abstract-9.ki-filled:before {
  content: "\e911";
  position: absolute;
  
}
.ki-abstract-10.ki-filled:after {
  content: "\e912";
  
  opacity: 0.1;
}
.ki-abstract-10.ki-filled:before {
  content: "\e913";
  position: absolute;
  
}
.ki-abstract-11.ki-filled:after {
  content: "\e914";
  
  opacity: 0.1;
}
.ki-abstract-11.ki-filled:before {
  content: "\e915";
  position: absolute;
  
}
.ki-abstract-12.ki-filled:after {
  content: "\e916";
  
  opacity: 0.1;
}
.ki-abstract-12.ki-filled:before {
  content: "\e917";
  position: absolute;
  
}
.ki-abstract-13.ki-filled:after {
  content: "\e918";
  
  opacity: 0.1;
}
.ki-abstract-13.ki-filled:before {
  content: "\e919";
  position: absolute;
  
}
.ki-abstract-14.ki-filled:after {
  content: "\e91a";
  
  opacity: 0.1;
}
.ki-abstract-14.ki-filled:before {
  content: "\e91b";
  position: absolute;
  
}
.ki-abstract-15.ki-filled:after {
  content: "\e91c";
  
  opacity: 0.1;
}
.ki-abstract-15.ki-filled:before {
  content: "\e91d";
  position: absolute;
  
}
.ki-abstract-16.ki-filled:after {
  content: "\e91e";
  
  opacity: 0.1;
}
.ki-abstract-16.ki-filled:before {
  content: "\e91f";
  position: absolute;
  
}
.ki-abstract-17.ki-filled:after {
  content: "\e920";
  
  opacity: 0.1;
}
.ki-abstract-17.ki-filled:before {
  content: "\e921";
  position: absolute;
  
}
.ki-abstract-18.ki-filled:after {
  content: "\e922";
  
  opacity: 0.1;
}
.ki-abstract-18.ki-filled:before {
  content: "\e923";
  position: absolute;
  
}
.ki-abstract-19.ki-filled:after {
  content: "\e924";
  
  opacity: 0.1;
}
.ki-abstract-19.ki-filled:before {
  content: "\e925";
  position: absolute;
  
}
.ki-abstract-20.ki-filled:after {
  content: "\e926";
  
  opacity: 0.1;
}
.ki-abstract-20.ki-filled:before {
  content: "\e927";
  position: absolute;
  
}
.ki-abstract-21.ki-filled:after {
  content: "\e928";
  
  opacity: 0.1;
}
.ki-abstract-21.ki-filled:before {
  content: "\e929";
  position: absolute;
  
}
.ki-abstract-22.ki-filled:after {
  content: "\e92a";
  
  opacity: 0.1;
}
.ki-abstract-22.ki-filled:before {
  content: "\e92b";
  position: absolute;
  
}
.ki-abstract-23.ki-filled:after {
  content: "\e92c";
  
  opacity: 0.1;
}
.ki-abstract-23.ki-filled:before {
  content: "\e92d";
  position: absolute;
  
}
.ki-abstract-24.ki-filled:after {
  content: "\e92e";
  
  opacity: 0.1;
}
.ki-abstract-24.ki-filled:before {
  content: "\e92f";
  position: absolute;
  
}
.ki-abstract-25.ki-filled:after {
  content: "\e930";
  
  opacity: 0.1;
}
.ki-abstract-25.ki-filled:before {
  content: "\e931";
  position: absolute;
  
}
.ki-abstract-26.ki-filled:after {
  content: "\e932";
  
  opacity: 0.1;
}
.ki-abstract-26.ki-filled:before {
  content: "\e933";
  position: absolute;
  
}
.ki-abstract-27.ki-filled:after {
  content: "\e934";
  
  opacity: 0.1;
}
.ki-abstract-27.ki-filled:before {
  content: "\e935";
  position: absolute;
  
}
.ki-abstract-28.ki-filled:after {
  content: "\e936";
  
  opacity: 0.1;
}
.ki-abstract-28.ki-filled:before {
  content: "\e937";
  position: absolute;
  
}
.ki-abstract-29.ki-filled:after {
  content: "\e938";
  
  opacity: 0.1;
}
.ki-abstract-29.ki-filled:before {
  content: "\e939";
  position: absolute;
  
}
.ki-abstract-30.ki-filled:after {
  content: "\e93a";
  
  opacity: 0.1;
}
.ki-abstract-30.ki-filled:before {
  content: "\e93b";
  position: absolute;
  
}
.ki-abstract-31.ki-filled:after {
  content: "\e93c";
  
  opacity: 0.1;
}
.ki-abstract-31.ki-filled:before {
  content: "\e93d";
  position: absolute;
  
}
.ki-abstract-32.ki-filled:after {
  content: "\e93e";
  
  opacity: 0.1;
}
.ki-abstract-32.ki-filled:before {
  content: "\e93f";
  position: absolute;
  
}
.ki-abstract-33.ki-filled:after {
  content: "\e940";
  
  opacity: 0.1;
}
.ki-abstract-33.ki-filled:before {
  content: "\e941";
  position: absolute;
  
}
.ki-abstract-34.ki-filled:after {
  content: "\e942";
  
  opacity: 0.1;
}
.ki-abstract-34.ki-filled:before {
  content: "\e943";
  position: absolute;
  
}
.ki-abstract-35.ki-filled:after {
  content: "\e944";
  
}
.ki-abstract-35.ki-filled:before {
  content: "\e945";
  position: absolute;
  
  opacity: 0.1;
}
.ki-abstract-36.ki-filled:after {
  content: "\e946";
  
  opacity: 0.1;
}
.ki-abstract-36.ki-filled:before {
  content: "\e947";
  position: absolute;
  
}
.ki-abstract-37.ki-filled:after {
  content: "\e948";
  
  opacity: 0.1;
}
.ki-abstract-37.ki-filled:before {
  content: "\e949";
  position: absolute;
  
}
.ki-abstract-38.ki-filled:after {
  content: "\e94a";
  
  opacity: 0.1;
}
.ki-abstract-38.ki-filled:before {
  content: "\e94b";
  position: absolute;
  
}
.ki-abstract-39.ki-filled:after {
  content: "\e94c";
  
  opacity: 0.1;
}
.ki-abstract-39.ki-filled:before {
  content: "\e94d";
  position: absolute;
  
}
.ki-abstract-40.ki-filled:after {
  content: "\e94e";
  
  opacity: 0.1;
}
.ki-abstract-40.ki-filled:before {
  content: "\e94f";
  position: absolute;
  
}
.ki-abstract-41.ki-filled:after {
  content: "\e950";
  
  opacity: 0.1;
}
.ki-abstract-41.ki-filled:before {
  content: "\e951";
  position: absolute;
  
}
.ki-abstract-42.ki-filled:after {
  content: "\e952";
  
  opacity: 0.1;
}
.ki-abstract-42.ki-filled:before {
  content: "\e953";
  position: absolute;
  
}
.ki-abstract-43.ki-filled:after {
  content: "\e954";
  
  opacity: 0.1;
}
.ki-abstract-43.ki-filled:before {
  content: "\e955";
  position: absolute;
  
}
.ki-abstract-44.ki-filled:after {
  content: "\e956";
  
  opacity: 0.1;
}
.ki-abstract-44.ki-filled:before {
  content: "\e957";
  position: absolute;
  
}
.ki-abstract-45.ki-filled:before {
  content: "\e958";
}
.ki-abstract-46.ki-filled:after {
  content: "\e959";
  
  opacity: 0.1;
}
.ki-abstract-46.ki-filled:before {
  content: "\e95a";
  position: absolute;
  
}
.ki-abstract-47.ki-filled:after {
  content: "\e95b";
  
  opacity: 0.1;
}
.ki-abstract-47.ki-filled:before {
  content: "\e95c";
  position: absolute;
  
}
.ki-abstract-48.ki-filled:after {
  content: "\e95d";
  
  opacity: 0.1;
}
.ki-abstract-48.ki-filled:before {
  content: "\e95e";
  position: absolute;
  
}
.ki-abstract-49.ki-filled:after {
  content: "\e95f";
  
  opacity: 0.1;
}
.ki-abstract-49.ki-filled:before {
  content: "\e960";
  position: absolute;
  
}
.ki-abstract.ki-filled:after {
  content: "\e961";
  
  opacity: 0.1;
}
.ki-abstract.ki-filled:before {
  content: "\e962";
  position: absolute;
  
}
.ki-add-files.ki-filled:after {
  content: "\e963";
  
  opacity: 0.1;
}
.ki-add-files.ki-filled:before {
  content: "\e964";
  position: absolute;
  
}
.ki-add-folder.ki-filled:after {
  content: "\e965";
  
  opacity: 0.1;
}
.ki-add-folder.ki-filled:before {
  content: "\e966";
  position: absolute;
  
}
.ki-add-notepad.ki-filled:after {
  content: "\e967";
  
  opacity: 0.1;
}
.ki-add-notepad.ki-filled:before {
  content: "\e968";
  position: absolute;
  
}
.ki-additem.ki-filled:after {
  content: "\e969";
  
  opacity: 0.1;
}
.ki-additem.ki-filled:before {
  content: "\e96a";
  position: absolute;
  
}
.ki-address-book.ki-filled:after {
  content: "\e96b";
  
  opacity: 0.1;
}
.ki-address-book.ki-filled:before {
  content: "\e96c";
  position: absolute;
  
}
.ki-airplane-square.ki-filled:after {
  content: "\e96d";
  
  opacity: 0.1;
}
.ki-airplane-square.ki-filled:before {
  content: "\e96e";
  position: absolute;
  
}
.ki-airplane.ki-filled:after {
  content: "\e96f";
  
  opacity: 0.1;
}
.ki-airplane.ki-filled:before {
  content: "\e970";
  position: absolute;
  
}
.ki-airpod.ki-filled:after {
  content: "\e971";
  
  opacity: 0.1;
}
.ki-airpod.ki-filled:before {
  content: "\e972";
  position: absolute;
  
}
.ki-android.ki-filled:after {
  content: "\e973";
  
  opacity: 0.1;
}
.ki-android.ki-filled:before {
  content: "\e974";
  position: absolute;
  
}
.ki-angular.ki-filled:after {
  content: "\e975";
  
  opacity: 0.1;
}
.ki-angular.ki-filled:before {
  content: "\e976";
  position: absolute;
  
}
.ki-apple.ki-filled:after {
  content: "\e977";
  
  opacity: 0.1;
}
.ki-apple.ki-filled:before {
  content: "\e978";
  position: absolute;
  
}
.ki-archive-tick.ki-filled:after {
  content: "\e979";
  
  opacity: 0.1;
}
.ki-archive-tick.ki-filled:before {
  content: "\e97a";
  position: absolute;
  
}
.ki-archive.ki-filled:after {
  content: "\e97b";
  
  opacity: 0.1;
}
.ki-archive.ki-filled:before {
  content: "\e97c";
  position: absolute;
  
}
.ki-arrow-circle-left.ki-filled:after {
  content: "\e97d";
  
  opacity: 0.1;
}
.ki-arrow-circle-left.ki-filled:before {
  content: "\e97e";
  position: absolute;
  
}
.ki-arrow-circle-right.ki-filled:after {
  content: "\e97f";
  
  opacity: 0.1;
}
.ki-arrow-circle-right.ki-filled:before {
  content: "\e980";
  position: absolute;
  
}
.ki-arrow-down-left.ki-filled:before {
  content: "\e981";
}
.ki-arrow-down-refraction.ki-filled:before {
  content: "\e982";
}
.ki-arrow-down-right.ki-filled:before {
  content: "\e983";
}
.ki-arrow-down.ki-filled:before {
  content: "\e984";
}
.ki-arrow-left.ki-filled:before {
  content: "\e985";
}
.ki-arrow-mix.ki-filled:before {
  content: "\e986";
}
.ki-arrow-right-left.ki-filled:before {
  content: "\e987";
}
.ki-arrow-right.ki-filled:before {
  content: "\e988";
}
.ki-arrow-two-diagonals.ki-filled:before {
  content: "\e989";
}
.ki-arrow-up-down.ki-filled:before {
  content: "\e98a";
}
.ki-arrow-up-left.ki-filled:before {
  content: "\e98b";
}
.ki-arrow-up-refraction.ki-filled:before {
  content: "\e98c";
}
.ki-arrow-up-right.ki-filled:before {
  content: "\e98d";
}
.ki-arrow-up.ki-filled:before {
  content: "\e98e";
}
.ki-arrow-zigzag.ki-filled:before {
  content: "\e98f";
}
.ki-arrows-circle.ki-filled:before {
  content: "\e990";
}
.ki-arrows-loop.ki-filled:before {
  content: "\e991";
}
.ki-artificial-intelligence.ki-filled:after {
  content: "\e992";
  
  opacity: 0.1;
}
.ki-artificial-intelligence.ki-filled:before {
  content: "\e993";
  position: absolute;
  
}
.ki-autobrightness.ki-filled:after {
  content: "\e994";
  
  opacity: 0.1;
}
.ki-autobrightness.ki-filled:before {
  content: "\e995";
  position: absolute;
  
}
.ki-avalanche-avax.ki-filled:after {
  content: "\e996";
  
  opacity: 0.1;
}
.ki-avalanche-avax.ki-filled:before {
  content: "\e997";
  position: absolute;
  
}
.ki-award.ki-filled:after {
  content: "\e998";
  
  opacity: 0.1;
}
.ki-award.ki-filled:before {
  content: "\e999";
  position: absolute;
  
}
.ki-badge.ki-filled:after {
  content: "\e99a";
  
  opacity: 0.1;
}
.ki-badge.ki-filled:before {
  content: "\e99b";
  position: absolute;
  
}
.ki-bandage.ki-filled:after {
  content: "\e99c";
  
  opacity: 0.1;
}
.ki-bandage.ki-filled:before {
  content: "\e99d";
  position: absolute;
  
}
.ki-bank.ki-filled:after {
  content: "\e99e";
  
  opacity: 0.1;
}
.ki-bank.ki-filled:before {
  content: "\e99f";
  position: absolute;
  
}
.ki-bar-chart.ki-filled:after {
  content: "\e9a0";
  
  opacity: 0.1;
}
.ki-bar-chart.ki-filled:before {
  content: "\e9a1";
  position: absolute;
  
}
.ki-barcode.ki-filled:after {
  content: "\e9a2";
  
  opacity: 0.1;
}
.ki-barcode.ki-filled:before {
  content: "\e9a3";
  position: absolute;
  
}
.ki-basket-ok.ki-filled:after {
  content: "\e9a4";
  
  opacity: 0.1;
}
.ki-basket-ok.ki-filled:before {
  content: "\e9a5";
  position: absolute;
  
}
.ki-basket.ki-filled:after {
  content: "\e9a6";
  
  opacity: 0.1;
}
.ki-basket.ki-filled:before {
  content: "\e9a7";
  position: absolute;
  
}
.ki-behance.ki-filled:before {
  content: "\e9a8";
}
.ki-bill.ki-filled:after {
  content: "\e9a9";
  
  opacity: 0.1;
}
.ki-bill.ki-filled:before {
  content: "\e9aa";
  position: absolute;
  
}
.ki-binance-usd-busd.ki-filled:after {
  content: "\e9ab";
  
  opacity: 0.1;
}
.ki-binance-usd-busd.ki-filled:before {
  content: "\e9ac";
  position: absolute;
  
}
.ki-binance.ki-filled:after {
  content: "\e9ad";
  
  opacity: 0.1;
}
.ki-binance.ki-filled:before {
  content: "\e9ae";
  position: absolute;
  
}
.ki-bitcoin.ki-filled:after {
  content: "\e9af";
  
  opacity: 0.1;
}
.ki-bitcoin.ki-filled:before {
  content: "\e9b0";
  position: absolute;
  
}
.ki-black-down.ki-filled:before {
  content: "\e9b1";
}
.ki-black-left-line.ki-filled:before {
  content: "\e9b2";
}
.ki-black-left.ki-filled:before {
  content: "\e9b3";
}
.ki-black-right-line.ki-filled:before {
  content: "\e9b4";
}
.ki-black-right.ki-filled:before {
  content: "\e9b5";
}
.ki-black-up.ki-filled:before {
  content: "\e9b6";
}
.ki-bluetooth.ki-filled:after {
  content: "\e9b7";
  
  opacity: 0.1;
}
.ki-bluetooth.ki-filled:before {
  content: "\e9b8";
  position: absolute;
  
}
.ki-book-open.ki-filled:after {
  content: "\e9b9";
  
  opacity: 0.1;
}
.ki-book-open.ki-filled:before {
  content: "\e9ba";
  position: absolute;
  
}
.ki-book-square.ki-filled:after {
  content: "\e9bb";
  
  opacity: 0.1;
}
.ki-book-square.ki-filled:before {
  content: "\e9bc";
  position: absolute;
  
}
.ki-book.ki-filled:after {
  content: "\e9bd";
  
  opacity: 0.1;
}
.ki-book.ki-filled:before {
  content: "\e9be";
  position: absolute;
  
}
.ki-bookmark-2.ki-filled:after {
  content: "\e9bf";
  
  opacity: 0.1;
}
.ki-bookmark-2.ki-filled:before {
  content: "\e9c0";
  position: absolute;
  
}
.ki-bookmark.ki-filled:after {
  content: "\e9c1";
  
  opacity: 0.1;
}
.ki-bookmark.ki-filled:before {
  content: "\e9c2";
  position: absolute;
  
}
.ki-bootstrap.ki-filled:after {
  content: "\e9c3";
  
  opacity: 0.1;
}
.ki-bootstrap.ki-filled:before {
  content: "\e9c4";
  position: absolute;
  
}
.ki-briefcase.ki-filled:after {
  content: "\e9c5";
  
  opacity: 0.1;
}
.ki-briefcase.ki-filled:before {
  content: "\e9c6";
  position: absolute;
  
}
.ki-brifecase-cros.ki-filled:after {
  content: "\e9c7";
  
  opacity: 0.1;
}
.ki-brifecase-cros.ki-filled:before {
  content: "\e9c8";
  position: absolute;
  
}
.ki-brifecase-tick.ki-filled:after {
  content: "\e9c9";
  
  opacity: 0.1;
}
.ki-brifecase-tick.ki-filled:before {
  content: "\e9ca";
  position: absolute;
  
}
.ki-brifecase-timer.ki-filled:after {
  content: "\e9cb";
  
  opacity: 0.1;
}
.ki-brifecase-timer.ki-filled:before {
  content: "\e9cc";
  position: absolute;
  
}
.ki-brush.ki-filled:after {
  content: "\e9cd";
  
  opacity: 0.1;
}
.ki-brush.ki-filled:before {
  content: "\e9ce";
  position: absolute;
  
}
.ki-bucket-square.ki-filled:after {
  content: "\e9cf";
  
  opacity: 0.1;
}
.ki-bucket-square.ki-filled:before {
  content: "\e9d0";
  position: absolute;
  
}
.ki-bucket.ki-filled:after {
  content: "\e9d1";
  
  opacity: 0.1;
}
.ki-bucket.ki-filled:before {
  content: "\e9d2";
  position: absolute;
  
}
.ki-burger-menu-1.ki-filled:after {
  content: "\e9d3";
  
  opacity: 0.1;
}
.ki-burger-menu-1.ki-filled:before {
  content: "\e9d4";
  position: absolute;
  
}
.ki-burger-menu-2.ki-filled:after {
  content: "\e9d5";
  
  opacity: 0.1;
}
.ki-burger-menu-2.ki-filled:before {
  content: "\e9d6";
  position: absolute;
  
}
.ki-burger-menu-3.ki-filled:after {
  content: "\e9d7";
  
  opacity: 0.1;
}
.ki-burger-menu-3.ki-filled:before {
  content: "\e9d8";
  position: absolute;
  
}
.ki-burger-menu-4.ki-filled:before {
  content: "\e9d9";
}
.ki-burger-menu-5.ki-filled:before {
  content: "\e9da";
}
.ki-burger-menu-6.ki-filled:before {
  content: "\e9db";
}
.ki-burger-menu.ki-filled:after {
  content: "\e9dc";
  
  opacity: 0.1;
}
.ki-burger-menu.ki-filled:before {
  content: "\e9dd";
  position: absolute;
  
}
.ki-bus.ki-filled:after {
  content: "\e9de";
  
  opacity: 0.1;
}
.ki-bus.ki-filled:before {
  content: "\e9df";
  position: absolute;
  
}
.ki-calculator.ki-filled:after {
  content: "\e9e0";
  
  opacity: 0.1;
}
.ki-calculator.ki-filled:before {
  content: "\e9e1";
  position: absolute;
  
}
.ki-calculatoror.ki-filled:after {
  content: "\e9e2";
  
  opacity: 0.1;
}
.ki-calculatoror.ki-filled:before {
  content: "\e9e3";
  position: absolute;
  
}
.ki-calendar-2.ki-filled:after {
  content: "\e9e4";
  
  opacity: 0.1;
}
.ki-calendar-2.ki-filled:before {
  content: "\e9e5";
  position: absolute;
  
}
.ki-calendar-8.ki-filled:after {
  content: "\e9e6";
  
  opacity: 0.1;
}
.ki-calendar-8.ki-filled:before {
  content: "\e9e7";
  position: absolute;
  
}
.ki-calendar-add.ki-filled:after {
  content: "\e9e8";
  
  opacity: 0.1;
}
.ki-calendar-add.ki-filled:before {
  content: "\e9e9";
  position: absolute;
  
}
.ki-calendar-edit.ki-filled:after {
  content: "\e9ea";
  
  opacity: 0.1;
}
.ki-calendar-edit.ki-filled:before {
  content: "\e9eb";
  position: absolute;
  
}
.ki-calendar-remove.ki-filled:after {
  content: "\e9ec";
  
  opacity: 0.1;
}
.ki-calendar-remove.ki-filled:before {
  content: "\e9ed";
  position: absolute;
  
}
.ki-calendar-search.ki-filled:after {
  content: "\e9ee";
  
  opacity: 0.1;
}
.ki-calendar-search.ki-filled:before {
  content: "\e9ef";
  position: absolute;
  
}
.ki-calendar-tick.ki-filled:after {
  content: "\e9f0";
  
  opacity: 0.1;
}
.ki-calendar-tick.ki-filled:before {
  content: "\e9f1";
  position: absolute;
  
}
.ki-calendar.ki-filled:after {
  content: "\e9f2";
  
  opacity: 0.1;
}
.ki-calendar.ki-filled:before {
  content: "\e9f3";
  position: absolute;
  
}
.ki-call.ki-filled:after {
  content: "\e9f4";
  
}
.ki-call.ki-filled:before {
  content: "\e9f5";
  position: absolute;
  
  opacity: 0.1;
}
.ki-capsule.ki-filled:after {
  content: "\e9f6";
  
  opacity: 0.1;
}
.ki-capsule.ki-filled:before {
  content: "\e9f7";
  position: absolute;
  
}
.ki-car.ki-filled:after {
  content: "\e9f8";
  
  opacity: 0.1;
}
.ki-car.ki-filled:before {
  content: "\e9f9";
  position: absolute;
  
}
.ki-category.ki-filled:after {
  content: "\e9fa";
  
  opacity: 0.1;
}
.ki-category.ki-filled:before {
  content: "\e9fb";
  position: absolute;
  
}
.ki-cd.ki-filled:after {
  content: "\e9fc";
  
}
.ki-cd.ki-filled:before {
  content: "\e9fd";
  position: absolute;
  
  opacity: 0.1;
}
.ki-celsius-cel.ki-filled:after {
  content: "\e9fe";
  
  opacity: 0.1;
}
.ki-celsius-cel.ki-filled:before {
  content: "\e9ff";
  position: absolute;
  
}
.ki-chart-line-down-2.ki-filled:after {
  content: "\ea00";
  
  opacity: 0.1;
}
.ki-chart-line-down-2.ki-filled:before {
  content: "\ea01";
  position: absolute;
  
}
.ki-chart-line-down.ki-filled:before {
  content: "\ea02";
}
.ki-chart-line-star.ki-filled:after {
  content: "\ea03";
  
  opacity: 0.1;
}
.ki-chart-line-star.ki-filled:before {
  content: "\ea04";
  position: absolute;
  
}
.ki-chart-line-up-2.ki-filled:after {
  content: "\ea05";
  
  opacity: 0.1;
}
.ki-chart-line-up-2.ki-filled:before {
  content: "\ea06";
  position: absolute;
  
}
.ki-chart-line-up.ki-filled:before {
  content: "\ea07";
}
.ki-chart-line.ki-filled:after {
  content: "\ea08";
  
  opacity: 0.1;
}
.ki-chart-line.ki-filled:before {
  content: "\ea09";
  position: absolute;
  
}
.ki-chart-pie-3.ki-filled:after {
  content: "\ea0a";
  
  opacity: 0.1;
}
.ki-chart-pie-3.ki-filled:before {
  content: "\ea0b";
  position: absolute;
  
}
.ki-chart-pie-4.ki-filled:after {
  content: "\ea0c";
  
  opacity: 0.1;
}
.ki-chart-pie-4.ki-filled:before {
  content: "\ea0d";
  position: absolute;
  
}
.ki-chart-pie-simple.ki-filled:after {
  content: "\ea0e";
  
  opacity: 0.1;
}
.ki-chart-pie-simple.ki-filled:before {
  content: "\ea0f";
  position: absolute;
  
}
.ki-chart-pie-too.ki-filled:after {
  content: "\ea10";
  
  opacity: 0.1;
}
.ki-chart-pie-too.ki-filled:before {
  content: "\ea11";
  position: absolute;
  
}
.ki-chart-simple-2.ki-filled:after {
  content: "\ea12";
  
  opacity: 0.1;
}
.ki-chart-simple-2.ki-filled:before {
  content: "\ea13";
  position: absolute;
  
}
.ki-chart-simple-3.ki-filled:after {
  content: "\ea14";
  
  opacity: 0.1;
}
.ki-chart-simple-3.ki-filled:before {
  content: "\ea15";
  position: absolute;
  
}
.ki-chart-simple.ki-filled:after {
  content: "\ea16";
  
  opacity: 0.1;
}
.ki-chart-simple.ki-filled:before {
  content: "\ea17";
  position: absolute;
  
}
.ki-chart.ki-filled:after {
  content: "\ea18";
  
  opacity: 0.1;
}
.ki-chart.ki-filled:before {
  content: "\ea19";
  position: absolute;
  
}
.ki-check-circle.ki-filled:after {
  content: "\ea1a";
  
  opacity: 0.1;
}
.ki-check-circle.ki-filled:before {
  content: "\ea1b";
  position: absolute;
  
}
.ki-check-squared.ki-filled:after {
  content: "\ea1c";
  
  opacity: 0.1;
}
.ki-check-squared.ki-filled:before {
  content: "\ea1d";
  position: absolute;
  
}
.ki-check.ki-filled:before {
  content: "\ea1e";
}
.ki-cheque.ki-filled:after {
  content: "\ea1f";
  
  opacity: 0.1;
}
.ki-cheque.ki-filled:before {
  content: "\ea20";
  position: absolute;
  
}
.ki-chrome.ki-filled:after {
  content: "\ea21";
  
  opacity: 0.1;
}
.ki-chrome.ki-filled:before {
  content: "\ea22";
  position: absolute;
  
}
.ki-classmates.ki-filled:after {
  content: "\ea23";
  
  opacity: 0.1;
}
.ki-classmates.ki-filled:before {
  content: "\ea24";
  position: absolute;
  
}
.ki-click.ki-filled:after {
  content: "\ea25";
  
  opacity: 0.1;
}
.ki-click.ki-filled:before {
  content: "\ea26";
  position: absolute;
  
}
.ki-clipboard.ki-filled:after {
  content: "\ea27";
  
  opacity: 0.1;
}
.ki-clipboard.ki-filled:before {
  content: "\ea28";
  position: absolute;
  
}
.ki-cloud-add.ki-filled:after {
  content: "\ea29";
  
  opacity: 0.1;
}
.ki-cloud-add.ki-filled:before {
  content: "\ea2a";
  position: absolute;
  
}
.ki-cloud-change.ki-filled:after {
  content: "\ea2b";
  
  opacity: 0.1;
}
.ki-cloud-change.ki-filled:before {
  content: "\ea2c";
  position: absolute;
  
}
.ki-cloud-download.ki-filled:after {
  content: "\ea2d";
  
  opacity: 0.1;
}
.ki-cloud-download.ki-filled:before {
  content: "\ea2e";
  position: absolute;
  
}
.ki-cloud.ki-filled:after {
  content: "\ea2f";
  
  opacity: 0.1;
}
.ki-cloud.ki-filled:before {
  content: "\ea30";
  position: absolute;
  
}
.ki-code.ki-filled:after {
  content: "\ea31";
  
  opacity: 0.1;
}
.ki-code.ki-filled:before {
  content: "\ea32";
  position: absolute;
  
}
.ki-coffee.ki-filled:after {
  content: "\ea33";
  
  opacity: 0.1;
}
.ki-coffee.ki-filled:before {
  content: "\ea34";
  position: absolute;
  
}
.ki-color-swatch.ki-filled:after {
  content: "\ea35";
  
  opacity: 0.1;
}
.ki-color-swatch.ki-filled:before {
  content: "\ea36";
  position: absolute;
  
}
.ki-colors-square.ki-filled:after {
  content: "\ea37";
  
  opacity: 0.1;
}
.ki-colors-square.ki-filled:before {
  content: "\ea38";
  position: absolute;
  
}
.ki-compass.ki-filled:after {
  content: "\ea39";
  
  opacity: 0.1;
}
.ki-compass.ki-filled:before {
  content: "\ea3a";
  position: absolute;
  
}
.ki-copy-success.ki-filled:after {
  content: "\ea3b";
  
  opacity: 0.1;
}
.ki-copy-success.ki-filled:before {
  content: "\ea3c";
  position: absolute;
  
}
.ki-copy.ki-filled:after {
  content: "\ea3d";
  
  opacity: 0.1;
}
.ki-copy.ki-filled:before {
  content: "\ea3e";
  position: absolute;
  
}
.ki-courier-express.ki-filled:after {
  content: "\ea3f";
  
  opacity: 0.1;
}
.ki-courier-express.ki-filled:before {
  content: "\ea40";
  position: absolute;
  
}
.ki-courier.ki-filled:after {
  content: "\ea41";
  
  opacity: 0.1;
}
.ki-courier.ki-filled:before {
  content: "\ea42";
  position: absolute;
  
}
.ki-credit-cart.ki-filled:after {
  content: "\ea43";
  
  opacity: 0.1;
}
.ki-credit-cart.ki-filled:before {
  content: "\ea44";
  position: absolute;
  
}
.ki-cross-circle.ki-filled:after {
  content: "\ea45";
  
  opacity: 0.1;
}
.ki-cross-circle.ki-filled:before {
  content: "\ea46";
  position: absolute;
  
}
.ki-cross-square.ki-filled:after {
  content: "\ea47";
  
  opacity: 0.1;
}
.ki-cross-square.ki-filled:before {
  content: "\ea48";
  position: absolute;
  
}
.ki-cross.ki-filled:before {
  content: "\ea49";
}
.ki-crown-2.ki-filled:after {
  content: "\ea4a";
  
  opacity: 0.1;
}
.ki-crown-2.ki-filled:before {
  content: "\ea4b";
  position: absolute;
  
}
.ki-crown.ki-filled:after {
  content: "\ea4c";
  
  opacity: 0.1;
}
.ki-crown.ki-filled:before {
  content: "\ea4d";
  position: absolute;
  
}
.ki-css.ki-filled:after {
  content: "\ea4e";
  
  opacity: 0.1;
}
.ki-css.ki-filled:before {
  content: "\ea4f";
  position: absolute;
  
}
.ki-cube-2.ki-filled:after {
  content: "\ea50";
  
  opacity: 0.1;
}
.ki-cube-2.ki-filled:before {
  content: "\ea51";
  position: absolute;
  
}
.ki-cube-3.ki-filled:after {
  content: "\ea52";
  
  opacity: 0.1;
}
.ki-cube-3.ki-filled:before {
  content: "\ea53";
  position: absolute;
  
}
.ki-cup.ki-filled:after {
  content: "\ea54";
  
  opacity: 0.1;
}
.ki-cup.ki-filled:before {
  content: "\ea55";
  position: absolute;
  
}
.ki-cursor.ki-filled:after {
  content: "\ea56";
  
  opacity: 0.1;
}
.ki-cursor.ki-filled:before {
  content: "\ea57";
  position: absolute;
  
}
.ki-dash.ki-filled:after {
  content: "\ea58";
  
  opacity: 0.1;
}
.ki-dash.ki-filled:before {
  content: "\ea59";
  position: absolute;
  
}
.ki-data.ki-filled:after {
  content: "\ea5a";
  
  opacity: 0.1;
}
.ki-data.ki-filled:before {
  content: "\ea5b";
  position: absolute;
  
}
.ki-delete-files.ki-filled:after {
  content: "\ea5c";
  
  opacity: 0.1;
}
.ki-delete-files.ki-filled:before {
  content: "\ea5d";
  position: absolute;
  
}
.ki-delete-folder.ki-filled:after {
  content: "\ea5e";
  
  opacity: 0.1;
}
.ki-delete-folder.ki-filled:before {
  content: "\ea5f";
  position: absolute;
  
}
.ki-delivery-2.ki-filled:after {
  content: "\ea60";
  
  opacity: 0.1;
}
.ki-delivery-2.ki-filled:before {
  content: "\ea61";
  position: absolute;
  
}
.ki-delivery-3.ki-filled:after {
  content: "\ea62";
  
  opacity: 0.1;
}
.ki-delivery-3.ki-filled:before {
  content: "\ea63";
  position: absolute;
  
}
.ki-delivery-24.ki-filled:after {
  content: "\ea64";
  
  opacity: 0.1;
}
.ki-delivery-24.ki-filled:before {
  content: "\ea65";
  position: absolute;
  
}
.ki-delivery-door.ki-filled:after {
  content: "\ea66";
  
  opacity: 0.1;
}
.ki-delivery-door.ki-filled:before {
  content: "\ea67";
  position: absolute;
  
}
.ki-delivery-geolocation.ki-filled:after {
  content: "\ea68";
  
  opacity: 0.1;
}
.ki-delivery-geolocation.ki-filled:before {
  content: "\ea69";
  position: absolute;
  
}
.ki-delivery-time.ki-filled:after {
  content: "\ea6a";
  
  opacity: 0.1;
}
.ki-delivery-time.ki-filled:before {
  content: "\ea6b";
  position: absolute;
  
}
.ki-delivery.ki-filled:after {
  content: "\ea6c";
  
  opacity: 0.1;
}
.ki-delivery.ki-filled:before {
  content: "\ea6d";
  position: absolute;
  
}
.ki-design-1.ki-filled:after {
  content: "\ea6e";
  
  opacity: 0.1;
}
.ki-design-1.ki-filled:before {
  content: "\ea6f";
  position: absolute;
  
}
.ki-design-2.ki-filled:after {
  content: "\ea70";
  
  opacity: 0.1;
}
.ki-design-2.ki-filled:before {
  content: "\ea71";
  position: absolute;
  
}
.ki-desktop-mobile.ki-filled:after {
  content: "\ea72";
  
  opacity: 0.1;
}
.ki-desktop-mobile.ki-filled:before {
  content: "\ea73";
  position: absolute;
  
}
.ki-devices-2.ki-filled:after {
  content: "\ea74";
  
  opacity: 0.1;
}
.ki-devices-2.ki-filled:before {
  content: "\ea75";
  position: absolute;
  
}
.ki-devices.ki-filled:after {
  content: "\ea76";
  
  opacity: 0.1;
}
.ki-devices.ki-filled:before {
  content: "\ea77";
  position: absolute;
  
}
.ki-diamonds.ki-filled:after {
  content: "\ea78";
  
  opacity: 0.1;
}
.ki-diamonds.ki-filled:before {
  content: "\ea79";
  position: absolute;
  
}
.ki-directbox-default.ki-filled:after {
  content: "\ea7a";
  
  opacity: 0.1;
}
.ki-directbox-default.ki-filled:before {
  content: "\ea7b";
  position: absolute;
  
}
.ki-disconnect.ki-filled:after {
  content: "\ea7c";
  
  opacity: 0.1;
}
.ki-disconnect.ki-filled:before {
  content: "\ea7d";
  position: absolute;
  
}
.ki-discount.ki-filled:after {
  content: "\ea7e";
  
  opacity: 0.1;
}
.ki-discount.ki-filled:before {
  content: "\ea7f";
  position: absolute;
  
}
.ki-disguise.ki-filled:after {
  content: "\ea80";
  
  opacity: 0.1;
}
.ki-disguise.ki-filled:before {
  content: "\ea81";
  position: absolute;
  
}
.ki-disk.ki-filled:after {
  content: "\ea82";
  
  opacity: 0.1;
}
.ki-disk.ki-filled:before {
  content: "\ea83";
  position: absolute;
  
}
.ki-dislike.ki-filled:after {
  content: "\ea84";
  
  opacity: 0.1;
}
.ki-dislike.ki-filled:before {
  content: "\ea85";
  position: absolute;
  
}
.ki-dj.ki-filled:after {
  content: "\ea86";
  
  opacity: 0.1;
}
.ki-dj.ki-filled:before {
  content: "\ea87";
  position: absolute;
  
}
.ki-document.ki-filled:after {
  content: "\ea88";
  
  opacity: 0.1;
}
.ki-document.ki-filled:before {
  content: "\ea89";
  position: absolute;
  
}
.ki-double-check.ki-filled:before {
  content: "\ea8a";
}
.ki-dollar.ki-filled:after {
  content: "\ea8b";
  
  opacity: 0.1;
}
.ki-dollar.ki-filled:before {
  content: "\ea8c";
  position: absolute;
  
}
.ki-dots-circle-vertical.ki-filled:after {
  content: "\ea8d";
  
  opacity: 0.1;
}
.ki-dots-circle-vertical.ki-filled:before {
  content: "\ea8e";
  position: absolute;
  
}
.ki-dots-circle.ki-filled:after {
  content: "\ea8f";
  
  opacity: 0.1;
}
.ki-dots-circle.ki-filled:before {
  content: "\ea90";
  position: absolute;
  
}
.ki-dots-horizontal.ki-filled:before {
  content: "\ea91";
}
.ki-dots-square-vertical.ki-filled:after {
  content: "\ea92";
  
  opacity: 0.1;
}
.ki-dots-square-vertical.ki-filled:before {
  content: "\ea93";
  position: absolute;
  
}
.ki-dots-square.ki-filled:after {
  content: "\ea94";
  
  opacity: 0.1;
}
.ki-dots-square.ki-filled:before {
  content: "\ea95";
  position: absolute;
  
}
.ki-dots-vertical.ki-filled:before {
  content: "\ea96";
}
.ki-double-check-circle.ki-filled:after {
  content: "\ea97";
  
  opacity: 0.1;
}
.ki-double-check-circle.ki-filled:before {
  content: "\ea98";
  position: absolute;
  
}
.ki-double-down.ki-filled:before {
  content: "\ea99";
}
.ki-double-left-arrow.ki-filled:after {
  content: "\ea9a";
  
  opacity: 0.1;
}
.ki-double-left-arrow.ki-filled:before {
  content: "\ea9b";
  position: absolute;
  
}
.ki-double-left.ki-filled:before {
  content: "\ea9c";
}
.ki-double-right-arrow.ki-filled:after {
  content: "\ea9d";
  
  opacity: 0.1;
}
.ki-double-right-arrow.ki-filled:before {
  content: "\ea9e";
  position: absolute;
  
}
.ki-double-right.ki-filled:before {
  content: "\ea9f";
}
.ki-double-up.ki-filled:before {
  content: "\eaa0";
}
.ki-down-square.ki-filled:after {
  content: "\eaa1";
  
  opacity: 0.1;
}
.ki-down-square.ki-filled:before {
  content: "\eaa2";
  position: absolute;
  
}
.ki-down.ki-filled:before {
  content: "\eaa3";
}
.ki-dribbble.ki-filled:after {
  content: "\eaa4";
  
  opacity: 0.1;
}
.ki-dribbble.ki-filled:before {
  content: "\eaa5";
  position: absolute;
  
}
.ki-drop.ki-filled:after {
  content: "\eaa6";
  
  opacity: 0.1;
}
.ki-drop.ki-filled:before {
  content: "\eaa7";
  position: absolute;
  
}
.ki-dropbox.ki-filled:after {
  content: "\eaa8";
  
  opacity: 0.1;
}
.ki-dropbox.ki-filled:before {
  content: "\eaa9";
  position: absolute;
  
}
.ki-educare-ekt.ki-filled:after {
  content: "\eaaa";
  
  opacity: 0.1;
}
.ki-educare-ekt.ki-filled:before {
  content: "\eaab";
  position: absolute;
  
}
.ki-electricity.ki-filled:after {
  content: "\eaac";
  
  opacity: 0.1;
}
.ki-electricity.ki-filled:before {
  content: "\eaad";
  position: absolute;
  
}
.ki-electronic-clock.ki-filled:after {
  content: "\eaae";
  
  opacity: 0.1;
}
.ki-electronic-clock.ki-filled:before {
  content: "\eaaf";
  position: absolute;
  
}
.ki-element-1.ki-filled:after {
  content: "\eab0";
  
  opacity: 0.1;
}
.ki-element-1.ki-filled:before {
  content: "\eab1";
  position: absolute;
  
}
.ki-element-2.ki-filled:after {
  content: "\eab2";
  
  opacity: 0.1;
}
.ki-element-2.ki-filled:before {
  content: "\eab3";
  position: absolute;
  
}
.ki-element-3.ki-filled:after {
  content: "\eab4";
  
  opacity: 0.1;
}
.ki-element-3.ki-filled:before {
  content: "\eab5";
  position: absolute;
  
}
.ki-element-4.ki-filled:after {
  content: "\eab6";
  
  opacity: 0.1;
}
.ki-element-4.ki-filled:before {
  content: "\eab7";
  position: absolute;
  
}
.ki-element-5.ki-filled:after {
  content: "\eab8";
  
  opacity: 0.1;
}
.ki-element-5.ki-filled:before {
  content: "\eab9";
  position: absolute;
  
}
.ki-element-6.ki-filled:after {
  content: "\eaba";
  
  opacity: 0.1;
}
.ki-element-6.ki-filled:before {
  content: "\eabb";
  position: absolute;
  
}
.ki-element-7.ki-filled:after {
  content: "\eabc";
  
  opacity: 0.1;
}
.ki-element-7.ki-filled:before {
  content: "\eabd";
  position: absolute;
  
}
.ki-element-8.ki-filled:after {
  content: "\eabe";
  
  opacity: 0.1;
}
.ki-element-8.ki-filled:before {
  content: "\eabf";
  position: absolute;
  
}
.ki-element-9.ki-filled:after {
  content: "\eac0";
  
  opacity: 0.1;
}
.ki-element-9.ki-filled:before {
  content: "\eac1";
  position: absolute;
  
}
.ki-element-10.ki-filled:after {
  content: "\eac2";
  
  opacity: 0.1;
}
.ki-element-10.ki-filled:before {
  content: "\eac3";
  position: absolute;
  
}
.ki-element-11.ki-filled:after {
  content: "\eac4";
  
  opacity: 0.1;
}
.ki-element-11.ki-filled:before {
  content: "\eac5";
  position: absolute;
  
}
.ki-element-12.ki-filled:after {
  content: "\eac6";
  
  opacity: 0.1;
}
.ki-element-12.ki-filled:before {
  content: "\eac7";
  position: absolute;
  
}
.ki-element-equal.ki-filled:after {
  content: "\eac8";
  
  opacity: 0.1;
}
.ki-element-equal.ki-filled:before {
  content: "\eac9";
  position: absolute;
  
}
.ki-element-plus.ki-filled:after {
  content: "\eaca";
  
  opacity: 0.1;
}
.ki-element-plus.ki-filled:before {
  content: "\eacb";
  position: absolute;
  
}
.ki-emoji-happy.ki-filled:after {
  content: "\eacc";
  
  opacity: 0.1;
}
.ki-emoji-happy.ki-filled:before {
  content: "\eacd";
  position: absolute;
  
}
.ki-enjin-coin-enj.ki-filled:after {
  content: "\eace";
  
  opacity: 0.1;
}
.ki-enjin-coin-enj.ki-filled:before {
  content: "\eacf";
  position: absolute;
  
}
.ki-ensure.ki-filled:after {
  content: "\ead0";
  
  opacity: 0.1;
}
.ki-ensure.ki-filled:before {
  content: "\ead1";
  position: absolute;
  
}
.ki-entrance-left.ki-filled:after {
  content: "\ead2";
  
  opacity: 0.1;
}
.ki-entrance-left.ki-filled:before {
  content: "\ead3";
  position: absolute;
  
}
.ki-entrance-right.ki-filled:after {
  content: "\ead4";
  
  opacity: 0.1;
}
.ki-entrance-right.ki-filled:before {
  content: "\ead5";
  position: absolute;
  
}
.ki-eraser.ki-filled:after {
  content: "\ead6";
  
  opacity: 0.1;
}
.ki-eraser.ki-filled:before {
  content: "\ead7";
  position: absolute;
  
}
.ki-euro.ki-filled:after {
  content: "\ead8";
  
  opacity: 0.1;
}
.ki-euro.ki-filled:before {
  content: "\ead9";
  position: absolute;
  
}
.ki-exit-down.ki-filled:after {
  content: "\eada";
  
  opacity: 0.1;
}
.ki-exit-down.ki-filled:before {
  content: "\eadb";
  position: absolute;
  
}
.ki-exit-left.ki-filled:after {
  content: "\eadc";
  
  opacity: 0.1;
}
.ki-exit-left.ki-filled:before {
  content: "\eadd";
  position: absolute;
  
}
.ki-exit-right-corner.ki-filled:after {
  content: "\eade";
  
  opacity: 0.1;
}
.ki-exit-right-corner.ki-filled:before {
  content: "\eadf";
  position: absolute;
  
}
.ki-exit-right.ki-filled:after {
  content: "\eae0";
  
  opacity: 0.1;
}
.ki-exit-right.ki-filled:before {
  content: "\eae1";
  position: absolute;
  
}
.ki-exit-up.ki-filled:after {
  content: "\eae2";
  
  opacity: 0.1;
}
.ki-exit-up.ki-filled:before {
  content: "\eae3";
  position: absolute;
  
}
.ki-external-drive.ki-filled:after {
  content: "\eae4";
  
  opacity: 0.1;
}
.ki-external-drive.ki-filled:before {
  content: "\eae5";
  position: absolute;
  
}
.ki-eye-slash.ki-filled:after {
  content: "\eae6";
  
  opacity: 0.1;
}
.ki-eye-slash.ki-filled:before {
  content: "\eae7";
  position: absolute;
  
}
.ki-eye.ki-filled:after {
  content: "\eae8";
  
  opacity: 0.1;
}
.ki-eye.ki-filled:before {
  content: "\eae9";
  position: absolute;
  
}
.ki-face-id.ki-filled:after {
  content: "\eaea";
  
  opacity: 0.1;
}
.ki-face-id.ki-filled:before {
  content: "\eaeb";
  position: absolute;
  
}
.ki-facebook.ki-filled:after {
  content: "\eaec";
  
  opacity: 0.1;
}
.ki-facebook.ki-filled:before {
  content: "\eaed";
  position: absolute;
  
}
.ki-fasten.ki-filled:after {
  content: "\eaee";
  
  opacity: 0.1;
}
.ki-fasten.ki-filled:before {
  content: "\eaef";
  position: absolute;
  
}
.ki-fatrows.ki-filled:after {
  content: "\eaf0";
  
  opacity: 0.1;
}
.ki-fatrows.ki-filled:before {
  content: "\eaf1";
  position: absolute;
  
}
.ki-feather.ki-filled:after {
  content: "\eaf2";
  
  opacity: 0.1;
}
.ki-feather.ki-filled:before {
  content: "\eaf3";
  position: absolute;
  
}
.ki-figma.ki-filled:after {
  content: "\eaf4";
  
  opacity: 0.1;
}
.ki-figma.ki-filled:before {
  content: "\eaf5";
  position: absolute;
  
}
.ki-file-added.ki-filled:after {
  content: "\eaf6";
  
  opacity: 0.1;
}
.ki-file-added.ki-filled:before {
  content: "\eaf7";
  position: absolute;
  
}
.ki-file-deleted.ki-filled:after {
  content: "\eaf8";
  
  opacity: 0.1;
}
.ki-file-deleted.ki-filled:before {
  content: "\eaf9";
  position: absolute;
  
}
.ki-file-down.ki-filled:after {
  content: "\eafa";
  
  opacity: 0.1;
}
.ki-file-down.ki-filled:before {
  content: "\eafb";
  position: absolute;
  
}
.ki-file-left.ki-filled:after {
  content: "\eafc";
  
  opacity: 0.1;
}
.ki-file-left.ki-filled:before {
  content: "\eafd";
  position: absolute;
  
}
.ki-file-right.ki-filled:after {
  content: "\eafe";
  
  opacity: 0.1;
}
.ki-file-right.ki-filled:before {
  content: "\eaff";
  position: absolute;
  
}
.ki-file-sheet.ki-filled:after {
  content: "\eb00";
  
  opacity: 0.1;
}
.ki-file-sheet.ki-filled:before {
  content: "\eb01";
  position: absolute;
  
}
.ki-file-up.ki-filled:after {
  content: "\eb02";
  
  opacity: 0.1;
}
.ki-file-up.ki-filled:before {
  content: "\eb03";
  position: absolute;
  
}
.ki-files.ki-filled:after {
  content: "\eb04";
  
  opacity: 0.1;
}
.ki-files.ki-filled:before {
  content: "\eb05";
  position: absolute;
  
}
.ki-filter-edit.ki-filled:after {
  content: "\eb06";
  
  opacity: 0.1;
}
.ki-filter-edit.ki-filled:before {
  content: "\eb07";
  position: absolute;
  
}
.ki-filter-search.ki-filled:after {
  content: "\eb08";
  
  opacity: 0.1;
}
.ki-filter-search.ki-filled:before {
  content: "\eb09";
  position: absolute;
  
}
.ki-filter-square.ki-filled:after {
  content: "\eb0a";
  
  opacity: 0.1;
}
.ki-filter-square.ki-filled:before {
  content: "\eb0b";
  position: absolute;
  
}
.ki-filter-tablet.ki-filled:after {
  content: "\eb0c";
  
  opacity: 0.1;
}
.ki-filter-tablet.ki-filled:before {
  content: "\eb0d";
  position: absolute;
  
}
.ki-filter-tick.ki-filled:after {
  content: "\eb0e";
  
  opacity: 0.1;
}
.ki-filter-tick.ki-filled:before {
  content: "\eb0f";
  position: absolute;
  
}
.ki-filter.ki-filled:after {
  content: "\eb10";
  
  opacity: 0.1;
}
.ki-filter.ki-filled:before {
  content: "\eb11";
  position: absolute;
  
}
.ki-financial-schedule.ki-filled:after {
  content: "\eb12";
  
  opacity: 0.1;
}
.ki-financial-schedule.ki-filled:before {
  content: "\eb13";
  position: absolute;
  
}
.ki-fingerprint-scanning.ki-filled:before {
  content: "\eb14";
}
.ki-flag.ki-filled:after {
  content: "\eb15";
  
  opacity: 0.1;
}
.ki-flag.ki-filled:before {
  content: "\eb16";
  position: absolute;
  
}
.ki-flash-circle.ki-filled:after {
  content: "\eb17";
  
  opacity: 0.1;
}
.ki-flash-circle.ki-filled:before {
  content: "\eb18";
  position: absolute;
  
}
.ki-flask.ki-filled:after {
  content: "\eb19";
  
  opacity: 0.1;
}
.ki-flask.ki-filled:before {
  content: "\eb1a";
  position: absolute;
  
}
.ki-focus.ki-filled:after {
  content: "\eb1b";
  
  opacity: 0.1;
}
.ki-focus.ki-filled:before {
  content: "\eb1c";
  position: absolute;
  
}
.ki-folder-added.ki-filled:after {
  content: "\eb1d";
  
  opacity: 0.1;
}
.ki-folder-added.ki-filled:before {
  content: "\eb1e";
  position: absolute;
  
}
.ki-folder-down.ki-filled:after {
  content: "\eb1f";
  
  opacity: 0.1;
}
.ki-folder-down.ki-filled:before {
  content: "\eb20";
  position: absolute;
  
}
.ki-folder-up.ki-filled:after {
  content: "\eb21";
  
  opacity: 0.1;
}
.ki-folder-up.ki-filled:before {
  content: "\eb22";
  position: absolute;
  
}
.ki-folder.ki-filled:after {
  content: "\eb23";
  
  opacity: 0.1;
}
.ki-folder.ki-filled:before {
  content: "\eb24";
  position: absolute;
  
}
.ki-frame.ki-filled:after {
  content: "\eb25";
  
  opacity: 0.1;
}
.ki-frame.ki-filled:before {
  content: "\eb26";
  position: absolute;
  
}
.ki-geolocation-home.ki-filled:after {
  content: "\eb27";
  
  opacity: 0.1;
}
.ki-geolocation-home.ki-filled:before {
  content: "\eb28";
  position: absolute;
  
}
.ki-geolocation.ki-filled:after {
  content: "\eb29";
  
  opacity: 0.1;
}
.ki-geolocation.ki-filled:before {
  content: "\eb2a";
  position: absolute;
  
}
.ki-ghost.ki-filled:after {
  content: "\eb2b";
  
  opacity: 0.1;
}
.ki-ghost.ki-filled:before {
  content: "\eb2c";
  position: absolute;
  
}
.ki-gift.ki-filled:after {
  content: "\eb2d";
  
  opacity: 0.1;
}
.ki-gift.ki-filled:before {
  content: "\eb2e";
  position: absolute;
  
}
.ki-github.ki-filled:after {
  content: "\eb2f";
  
  opacity: 0.1;
}
.ki-github.ki-filled:before {
  content: "\eb30";
  position: absolute;
  
}
.ki-glass.ki-filled:after {
  content: "\eb31";
  
  opacity: 0.1;
}
.ki-glass.ki-filled:before {
  content: "\eb32";
  position: absolute;
  
}
.ki-google-play.ki-filled:after {
  content: "\eb33";
  
  opacity: 0.1;
}
.ki-google-play.ki-filled:before {
  content: "\eb34";
  position: absolute;
  
}
.ki-google.ki-filled:after {
  content: "\eb35";
  
  opacity: 0.1;
}
.ki-google.ki-filled:before {
  content: "\eb36";
  position: absolute;
  
}
.ki-graph-2.ki-filled:after {
  content: "\eb37";
  
  opacity: 0.1;
}
.ki-graph-2.ki-filled:before {
  content: "\eb38";
  position: absolute;
  
}
.ki-graph-3.ki-filled:after {
  content: "\eb39";
  
  opacity: 0.1;
}
.ki-graph-3.ki-filled:before {
  content: "\eb3a";
  position: absolute;
  
}
.ki-graph-4.ki-filled:after {
  content: "\eb3b";
  
  opacity: 0.1;
}
.ki-graph-4.ki-filled:before {
  content: "\eb3c";
  position: absolute;
  
}
.ki-graph-up.ki-filled:after {
  content: "\eb3d";
  
  opacity: 0.1;
}
.ki-graph-up.ki-filled:before {
  content: "\eb3e";
  position: absolute;
  
}
.ki-graph.ki-filled:after {
  content: "\eb3f";
  
  opacity: 0.1;
}
.ki-graph.ki-filled:before {
  content: "\eb40";
  position: absolute;
  
}
.ki-grid-2.ki-filled:after {
  content: "\eb41";
  
  opacity: 0.1;
}
.ki-grid-2.ki-filled:before {
  content: "\eb42";
  position: absolute;
  
}
.ki-grid.ki-filled:after {
  content: "\eb43";
  
  opacity: 0.1;
}
.ki-grid.ki-filled:before {
  content: "\eb44";
  position: absolute;
  
}
.ki-handcart.ki-filled:after {
  content: "\eb45";
  
  opacity: 0.1;
}
.ki-handcart.ki-filled:before {
  content: "\eb46";
  position: absolute;
  
}
.ki-happyemoji.ki-filled:after {
  content: "\eb47";
  
  opacity: 0.1;
}
.ki-happyemoji.ki-filled:before {
  content: "\eb48";
  position: absolute;
  
}
.ki-heart-circle.ki-filled:after {
  content: "\eb49";
  
  opacity: 0.1;
}
.ki-heart-circle.ki-filled:before {
  content: "\eb4a";
  position: absolute;
  
}
.ki-heart.ki-filled:after {
  content: "\eb4b";
  
  opacity: 0.1;
}
.ki-heart.ki-filled:before {
  content: "\eb4c";
  position: absolute;
  
}
.ki-home-1.ki-filled:after {
  content: "\eb4d";
  
  opacity: 0.1;
}
.ki-home-1.ki-filled:before {
  content: "\eb4e";
  position: absolute;
  
}
.ki-home-2.ki-filled:after {
  content: "\eb4f";
  
  opacity: 0.1;
}
.ki-home-2.ki-filled:before {
  content: "\eb50";
  position: absolute;
  
}
.ki-home-3.ki-filled:after {
  content: "\eb51";
  
  opacity: 0.1;
}
.ki-home-3.ki-filled:before {
  content: "\eb52";
  position: absolute;
  
}
.ki-home.ki-filled:after {
  content: "\eb53";
  
  opacity: 0.1;
}
.ki-home.ki-filled:before {
  content: "\eb54";
  position: absolute;
  
}
.ki-html.ki-filled:after {
  content: "\eb55";
  
  opacity: 0.1;
}
.ki-html.ki-filled:before {
  content: "\eb56";
  position: absolute;
  
}
.ki-icon.ki-filled:after {
  content: "\eb57";
  
  opacity: 0.1;
}
.ki-icon.ki-filled:before {
  content: "\eb58";
  position: absolute;
  
}
.ki-illustrator.ki-filled:after {
  content: "\eb59";
  
  opacity: 0.1;
}
.ki-illustrator.ki-filled:before {
  content: "\eb5a";
  position: absolute;
  
}
.ki-information-1.ki-filled:after {
  content: "\eb5b";
  
  opacity: 0.1;
}
.ki-information-1.ki-filled:before {
  content: "\eb5c";
  position: absolute;
  
}
.ki-information-2.ki-filled:after {
  content: "\eb5d";
  
  opacity: 0.1;
}
.ki-information-2.ki-filled:before {
  content: "\eb5e";
  position: absolute;
  
}
.ki-information-3.ki-filled:after {
  content: "\eb5f";
  
  opacity: 0.1;
}
.ki-information-3.ki-filled:before {
  content: "\eb60";
  position: absolute;
  
}
.ki-information-4.ki-filled:after {
  content: "\eb61";
  
  opacity: 0.1;
}
.ki-information-4.ki-filled:before {
  content: "\eb62";
  position: absolute;
  
}
.ki-information.ki-filled:after {
  content: "\eb63";
  
  opacity: 0.1;
}
.ki-information.ki-filled:before {
  content: "\eb64";
  position: absolute;
  
}
.ki-instagram.ki-filled:after {
  content: "\eb65";
  
  opacity: 0.1;
}
.ki-instagram.ki-filled:before {
  content: "\eb66";
  position: absolute;
  
}
.ki-joystick.ki-filled:after {
  content: "\eb67";
  
  opacity: 0.1;
}
.ki-joystick.ki-filled:before {
  content: "\eb68";
  position: absolute;
  
}
.ki-js-2.ki-filled:after {
  content: "\eb69";
  
  opacity: 0.1;
}
.ki-js-2.ki-filled:before {
  content: "\eb6a";
  position: absolute;
  
}
.ki-js.ki-filled:after {
  content: "\eb6b";
  
  opacity: 0.1;
}
.ki-js.ki-filled:before {
  content: "\eb6c";
  position: absolute;
  
}
.ki-kanban.ki-filled:after {
  content: "\eb6d";
  
  opacity: 0.1;
}
.ki-kanban.ki-filled:before {
  content: "\eb6e";
  position: absolute;
  
}
.ki-key-square.ki-filled:after {
  content: "\eb6f";
  
  opacity: 0.1;
}
.ki-key-square.ki-filled:before {
  content: "\eb70";
  position: absolute;
  
}
.ki-key.ki-filled:after {
  content: "\eb71";
  
  opacity: 0.1;
}
.ki-key.ki-filled:before {
  content: "\eb72";
  position: absolute;
  
}
.ki-keyboard.ki-filled:after {
  content: "\eb73";
  
  opacity: 0.1;
}
.ki-keyboard.ki-filled:before {
  content: "\eb74";
  position: absolute;
  
}
.ki-laptop.ki-filled:after {
  content: "\eb75";
  
  opacity: 0.1;
}
.ki-laptop.ki-filled:before {
  content: "\eb76";
  position: absolute;
  
}
.ki-laravel.ki-filled:after {
  content: "\eb77";
  
  opacity: 0.1;
}
.ki-laravel.ki-filled:before {
  content: "\eb78";
  position: absolute;
  
}
.ki-left-square.ki-filled:after {
  content: "\eb79";
  
  opacity: 0.1;
}
.ki-left-square.ki-filled:before {
  content: "\eb7a";
  position: absolute;
  
}
.ki-left.ki-filled:before {
  content: "\eb7b";
}
.ki-like-2.ki-filled:after {
  content: "\eb7c";
  
  opacity: 0.1;
}
.ki-like-2.ki-filled:before {
  content: "\eb7d";
  position: absolute;
  
}
.ki-like-folder.ki-filled:after {
  content: "\eb7e";
  
  opacity: 0.1;
}
.ki-like-folder.ki-filled:before {
  content: "\eb7f";
  position: absolute;
  
}
.ki-like-shapes.ki-filled:after {
  content: "\eb80";
  
  opacity: 0.1;
}
.ki-like-shapes.ki-filled:before {
  content: "\eb81";
  position: absolute;
  
}
.ki-like-tag.ki-filled:after {
  content: "\eb82";
  
  opacity: 0.1;
}
.ki-like-tag.ki-filled:before {
  content: "\eb83";
  position: absolute;
  
}
.ki-like.ki-filled:after {
  content: "\eb84";
  
  opacity: 0.1;
}
.ki-like.ki-filled:before {
  content: "\eb85";
  position: absolute;
  
}
.ki-loading.ki-filled:before {
  content: "\eb86";
}
.ki-lock-2.ki-filled:after {
  content: "\eb87";
  
  opacity: 0.1;
}
.ki-lock-2.ki-filled:before {
  content: "\eb88";
  position: absolute;
  
}
.ki-lock-3.ki-filled:after {
  content: "\eb89";
  
  opacity: 0.1;
}
.ki-lock-3.ki-filled:before {
  content: "\eb8a";
  position: absolute;
  
}
.ki-lock.ki-filled:after {
  content: "\eb8b";
  
  opacity: 0.1;
}
.ki-lock.ki-filled:before {
  content: "\eb8c";
  position: absolute;
  
}
.ki-logistic.ki-filled:after {
  content: "\eb8d";
  
  opacity: 0.1;
}
.ki-logistic.ki-filled:before {
  content: "\eb8e";
  position: absolute;
  
}
.ki-lots-shopping.ki-filled:after {
  content: "\eb8f";
  
  opacity: 0.1;
}
.ki-lots-shopping.ki-filled:before {
  content: "\eb90";
  position: absolute;
  
}
.ki-lovely.ki-filled:after {
  content: "\eb91";
  
  opacity: 0.1;
}
.ki-lovely.ki-filled:before {
  content: "\eb92";
  position: absolute;
  
}
.ki-lts.ki-filled:after {
  content: "\eb93";
  
  opacity: 0.1;
}
.ki-lts.ki-filled:before {
  content: "\eb94";
  position: absolute;
  
}
.ki-magnifier.ki-filled:after {
  content: "\eb95";
  
  opacity: 0.1;
}
.ki-magnifier.ki-filled:before {
  content: "\eb96";
  position: absolute;
  
}
.ki-map.ki-filled:after {
  content: "\eb97";
  
  opacity: 0.1;
}
.ki-map.ki-filled:before {
  content: "\eb98";
  position: absolute;
  
}
.ki-mask.ki-filled:after {
  content: "\eb99";
  
  opacity: 0.1;
}
.ki-mask.ki-filled:before {
  content: "\eb9a";
  position: absolute;
  
}
.ki-maximize.ki-filled:after {
  content: "\eb9b";
  
  opacity: 0.1;
}
.ki-maximize.ki-filled:before {
  content: "\eb9c";
  position: absolute;
  
}
.ki-medal-star.ki-filled:after {
  content: "\eb9d";
  
  opacity: 0.1;
}
.ki-medal-star.ki-filled:before {
  content: "\eb9e";
  position: absolute;
  
}
.ki-menu.ki-filled:after {
  content: "\eb9f";
  
  opacity: 0.1;
}
.ki-menu.ki-filled:before {
  content: "\eba0";
  position: absolute;
  
}
.ki-message-add.ki-filled:after {
  content: "\eba1";
  
  opacity: 0.1;
}
.ki-message-add.ki-filled:before {
  content: "\eba2";
  position: absolute;
  
}
.ki-message-edit.ki-filled:after {
  content: "\eba3";
  
  opacity: 0.1;
}
.ki-message-edit.ki-filled:before {
  content: "\eba4";
  position: absolute;
  
}
.ki-message-minus.ki-filled:after {
  content: "\eba5";
  
  opacity: 0.1;
}
.ki-message-minus.ki-filled:before {
  content: "\eba6";
  position: absolute;
  
}
.ki-message-notify.ki-filled:after {
  content: "\eba7";
  
  opacity: 0.1;
}
.ki-message-notify.ki-filled:before {
  content: "\eba8";
  position: absolute;
  
}
.ki-message-programming.ki-filled:after {
  content: "\eba9";
  
  opacity: 0.1;
}
.ki-message-programming.ki-filled:before {
  content: "\ebaa";
  position: absolute;
  
}
.ki-message-question.ki-filled:after {
  content: "\ebab";
  
  opacity: 0.1;
}
.ki-message-question.ki-filled:before {
  content: "\ebac";
  position: absolute;
  
}
.ki-message-text-2.ki-filled:after {
  content: "\ebad";
  
  opacity: 0.1;
}
.ki-message-text-2.ki-filled:before {
  content: "\ebae";
  position: absolute;
  
}
.ki-message-text.ki-filled:after {
  content: "\ebaf";
  
  opacity: 0.1;
}
.ki-message-text.ki-filled:before {
  content: "\ebb0";
  position: absolute;
  
}
.ki-messages.ki-filled:after {
  content: "\ebb1";
  
  opacity: 0.1;
}
.ki-messages.ki-filled:before {
  content: "\ebb2";
  position: absolute;
  
}
.ki-microsoft.ki-filled:after {
  content: "\ebb3";
  
  opacity: 0.1;
}
.ki-microsoft.ki-filled:before {
  content: "\ebb4";
  position: absolute;
  
}
.ki-milk.ki-filled:after {
  content: "\ebb5";
  
  opacity: 0.1;
}
.ki-milk.ki-filled:before {
  content: "\ebb6";
  position: absolute;
  
}
.ki-minus-circle.ki-filled:after {
  content: "\ebb7";
  
  opacity: 0.1;
}
.ki-minus-circle.ki-filled:before {
  content: "\ebb8";
  position: absolute;
  
}
.ki-minus-folder.ki-filled:after {
  content: "\ebb9";
  
  opacity: 0.1;
}
.ki-minus-folder.ki-filled:before {
  content: "\ebba";
  position: absolute;
  
}
.ki-minus-squared.ki-filled:after {
  content: "\ebbb";
  
  opacity: 0.1;
}
.ki-minus-squared.ki-filled:before {
  content: "\ebbc";
  position: absolute;
  
}
.ki-minus.ki-filled:before {
  content: "\ebbd";
}
.ki-moon.ki-filled:after {
  content: "\ebbe";
  
  opacity: 0.1;
}
.ki-moon.ki-filled:before {
  content: "\ebbf";
  position: absolute;
  
}
.ki-more-2.ki-filled:after {
  content: "\ebc0";
  
  opacity: 0.1;
}
.ki-more-2.ki-filled:before {
  content: "\ebc1";
  position: absolute;
  
}
.ki-mouse-circle.ki-filled:after {
  content: "\ebc2";
  
  opacity: 0.1;
}
.ki-mouse-circle.ki-filled:before {
  content: "\ebc3";
  position: absolute;
  
}
.ki-mouse-square.ki-filled:after {
  content: "\ebc4";
  
  opacity: 0.1;
}
.ki-mouse-square.ki-filled:before {
  content: "\ebc5";
  position: absolute;
  
}
.ki-mouse.ki-filled:after {
  content: "\ebc6";
  
  opacity: 0.1;
}
.ki-mouse.ki-filled:before {
  content: "\ebc7";
  position: absolute;
  
}
.ki-nexo.ki-filled:after {
  content: "\ebc8";
  
  opacity: 0.1;
}
.ki-nexo.ki-filled:before {
  content: "\ebc9";
  position: absolute;
  
}
.ki-night-day.ki-filled:after {
  content: "\ebca";
  
  opacity: 0.1;
}
.ki-night-day.ki-filled:before {
  content: "\ebcb";
  position: absolute;
  
}
.ki-note-2.ki-filled:after {
  content: "\ebcc";
  
  opacity: 0.1;
}
.ki-note-2.ki-filled:before {
  content: "\ebcd";
  position: absolute;
  
}
.ki-note.ki-filled:after {
  content: "\ebce";
  
  opacity: 0.1;
}
.ki-note.ki-filled:before {
  content: "\ebcf";
  position: absolute;
  
}
.ki-notepad-bookmark.ki-filled:after {
  content: "\ebd0";
  
  opacity: 0.1;
}
.ki-notepad-bookmark.ki-filled:before {
  content: "\ebd1";
  position: absolute;
  
}
.ki-notepad-edit.ki-filled:after {
  content: "\ebd2";
  
  opacity: 0.1;
}
.ki-notepad-edit.ki-filled:before {
  content: "\ebd3";
  position: absolute;
  
}
.ki-notepad.ki-filled:after {
  content: "\ebd4";
  
  opacity: 0.1;
}
.ki-notepad.ki-filled:before {
  content: "\ebd5";
  position: absolute;
  
}
.ki-notification-1.ki-filled:after {
  content: "\ebd6";
  
  opacity: 0.1;
}
.ki-notification-1.ki-filled:before {
  content: "\ebd7";
  position: absolute;
  
}
.ki-notification-bing.ki-filled:after {
  content: "\ebd8";
  
  opacity: 0.1;
}
.ki-notification-bing.ki-filled:before {
  content: "\ebd9";
  position: absolute;
  
}
.ki-notification-circle.ki-filled:after {
  content: "\ebda";
  
  opacity: 0.1;
}
.ki-notification-circle.ki-filled:before {
  content: "\ebdb";
  position: absolute;
  
}
.ki-notification-favorite.ki-filled:after {
  content: "\ebdc";
  
  opacity: 0.1;
}
.ki-notification-favorite.ki-filled:before {
  content: "\ebdd";
  position: absolute;
  
}
.ki-notification-on.ki-filled:after {
  content: "\ebde";
  
  opacity: 0.1;
}
.ki-notification-on.ki-filled:before {
  content: "\ebdf";
  position: absolute;
  
}
.ki-notification-status.ki-filled:after {
  content: "\ebe0";
  
  opacity: 0.1;
}
.ki-notification-status.ki-filled:before {
  content: "\ebe1";
  position: absolute;
  
}
.ki-notification.ki-filled:after {
  content: "\ebe2";
  
  opacity: 0.1;
}
.ki-notification.ki-filled:before {
  content: "\ebe3";
  position: absolute;
  
}
.ki-ocean.ki-filled:before {
  content: "\ebe4";
}
.ki-office-bag.ki-filled:after {
  content: "\ebe5";
  
  opacity: 0.1;
}
.ki-office-bag.ki-filled:before {
  content: "\ebe6";
  position: absolute;
  
}
.ki-package.ki-filled:after {
  content: "\ebe7";
  
  opacity: 0.1;
}
.ki-package.ki-filled:before {
  content: "\ebe8";
  position: absolute;
  
}
.ki-pad.ki-filled:after {
  content: "\ebe9";
  
  opacity: 0.1;
}
.ki-pad.ki-filled:before {
  content: "\ebea";
  position: absolute;
  
}
.ki-pails.ki-filled:after {
  content: "\ebeb";
  
  opacity: 0.1;
}
.ki-pails.ki-filled:before {
  content: "\ebec";
  position: absolute;
  
}
.ki-paintbucket.ki-filled:after {
  content: "\ebed";
  
  opacity: 0.1;
}
.ki-paintbucket.ki-filled:before {
  content: "\ebee";
  position: absolute;
  
}
.ki-paper-clip.ki-filled:after {
  content: "\ebef";
  
  opacity: 0.1;
}
.ki-paper-clip.ki-filled:before {
  content: "\ebf0";
  position: absolute;
  
}
.ki-paper-plane.ki-filled:after {
  content: "\ebf1";
  
  opacity: 0.1;
}
.ki-paper-plane.ki-filled:before {
  content: "\ebf2";
  position: absolute;
  
}
.ki-parcel-tracking.ki-filled:after {
  content: "\ebf3";
  
  opacity: 0.1;
}
.ki-parcel-tracking.ki-filled:before {
  content: "\ebf4";
  position: absolute;
  
}
.ki-parcel.ki-filled:after {
  content: "\ebf5";
  
  opacity: 0.1;
}
.ki-parcel.ki-filled:before {
  content: "\ebf6";
  position: absolute;
  
}
.ki-password-check.ki-filled:after {
  content: "\ebf7";
  
  opacity: 0.1;
}
.ki-password-check.ki-filled:before {
  content: "\ebf8";
  position: absolute;
  
}
.ki-paypal.ki-filled:after {
  content: "\ebf9";
  
  opacity: 0.1;
}
.ki-paypal.ki-filled:before {
  content: "\ebfa";
  position: absolute;
  
}
.ki-pencil.ki-filled:after {
  content: "\ebfb";
  
  opacity: 0.1;
}
.ki-pencil.ki-filled:before {
  content: "\ebfc";
  position: absolute;
  
}
.ki-people.ki-filled:after {
  content: "\ebfd";
  
  opacity: 0.1;
}
.ki-people.ki-filled:before {
  content: "\ebfe";
  position: absolute;
  
}
.ki-percentage.ki-filled:after {
  content: "\ebff";
  
  opacity: 0.1;
}
.ki-percentage.ki-filled:before {
  content: "\ec00";
  position: absolute;
  
}
.ki-phone.ki-filled:after {
  content: "\ec01";
  
  opacity: 0.1;
}
.ki-phone.ki-filled:before {
  content: "\ec02";
  position: absolute;
  
}
.ki-photoshop.ki-filled:after {
  content: "\ec03";
  
  opacity: 0.1;
}
.ki-photoshop.ki-filled:before {
  content: "\ec04";
  position: absolute;
  
}
.ki-picture.ki-filled:after {
  content: "\ec05";
  
  opacity: 0.1;
}
.ki-picture.ki-filled:before {
  content: "\ec06";
  position: absolute;
  
}
.ki-pill.ki-filled:after {
  content: "\ec07";
  
  opacity: 0.1;
}
.ki-pill.ki-filled:before {
  content: "\ec08";
  position: absolute;
  
}
.ki-pin.ki-filled:after {
  content: "\ec09";
  
  opacity: 0.1;
}
.ki-pin.ki-filled:before {
  content: "\ec0a";
  position: absolute;
  
}
.ki-plus-circle.ki-filled:after {
  content: "\ec0b";
  
  opacity: 0.1;
}
.ki-plus-circle.ki-filled:before {
  content: "\ec0c";
  position: absolute;
  
}
.ki-plus-squared.ki-filled:after {
  content: "\ec0d";
  
  opacity: 0.1;
}
.ki-plus-squared.ki-filled:before {
  content: "\ec0e";
  position: absolute;
  
}
.ki-plus.ki-filled:before {
  content: "\ec0f";
}
.ki-pointers.ki-filled:after {
  content: "\ec10";
  
  opacity: 0.1;
}
.ki-pointers.ki-filled:before {
  content: "\ec11";
  position: absolute;
  
}
.ki-price-tag.ki-filled:after {
  content: "\ec12";
  
  opacity: 0.1;
}
.ki-price-tag.ki-filled:before {
  content: "\ec13";
  position: absolute;
  
}
.ki-printer.ki-filled:after {
  content: "\ec14";
  
  opacity: 0.1;
}
.ki-printer.ki-filled:before {
  content: "\ec15";
  position: absolute;
  
}
.ki-profile-circle.ki-filled:after {
  content: "\ec16";
  
  opacity: 0.1;
}
.ki-profile-circle.ki-filled:before {
  content: "\ec17";
  position: absolute;
  
}
.ki-pulse.ki-filled:after {
  content: "\ec18";
  
  opacity: 0.1;
}
.ki-pulse.ki-filled:before {
  content: "\ec19";
  position: absolute;
  
}
.ki-purchase.ki-filled:after {
  content: "\ec1a";
  
  opacity: 0.1;
}
.ki-purchase.ki-filled:before {
  content: "\ec1b";
  position: absolute;
  
}
.ki-python.ki-filled:after {
  content: "\ec1c";
  
  opacity: 0.1;
}
.ki-python.ki-filled:before {
  content: "\ec1d";
  position: absolute;
  
}
.ki-question-2.ki-filled:after {
  content: "\ec1e";
  
  opacity: 0.1;
}
.ki-question-2.ki-filled:before {
  content: "\ec1f";
  position: absolute;
  
}
.ki-question.ki-filled:after {
  content: "\ec20";
  
  opacity: 0.1;
}
.ki-question.ki-filled:before {
  content: "\ec21";
  position: absolute;
  
}
.ki-questionnaire-tablet.ki-filled:after {
  content: "\ec22";
  
  opacity: 0.1;
}
.ki-questionnaire-tablet.ki-filled:before {
  content: "\ec23";
  position: absolute;
  
}
.ki-ranking.ki-filled:after {
  content: "\ec24";
  
  opacity: 0.1;
}
.ki-ranking.ki-filled:before {
  content: "\ec25";
  position: absolute;
  
}
.ki-react.ki-filled:after {
  content: "\ec26";
  
  opacity: 0.1;
}
.ki-react.ki-filled:before {
  content: "\ec27";
  position: absolute;
  
}
.ki-receipt-square.ki-filled:after {
  content: "\ec28";
  
  opacity: 0.1;
}
.ki-receipt-square.ki-filled:before {
  content: "\ec29";
  position: absolute;
  
}
.ki-rescue.ki-filled:after {
  content: "\ec2a";
  
  opacity: 0.1;
}
.ki-rescue.ki-filled:before {
  content: "\ec2b";
  position: absolute;
  
}
.ki-right-left.ki-filled:before {
  content: "\ec2c";
}
.ki-right-square.ki-filled:after {
  content: "\ec2d";
  
  opacity: 0.1;
}
.ki-right-square.ki-filled:before {
  content: "\ec2e";
  position: absolute;
  
}
.ki-right.ki-filled:before {
  content: "\ec2f";
}
.ki-rocket.ki-filled:after {
  content: "\ec30";
  
  opacity: 0.1;
}
.ki-rocket.ki-filled:before {
  content: "\ec31";
  position: absolute;
  
}
.ki-route.ki-filled:after {
  content: "\ec32";
  
  opacity: 0.1;
}
.ki-route.ki-filled:before {
  content: "\ec33";
  position: absolute;
  
}
.ki-router.ki-filled:after {
  content: "\ec34";
  
  opacity: 0.1;
}
.ki-router.ki-filled:before {
  content: "\ec35";
  position: absolute;
  
}
.ki-row-horizontal.ki-filled:after {
  content: "\ec36";
  
  opacity: 0.1;
}
.ki-row-horizontal.ki-filled:before {
  content: "\ec37";
  position: absolute;
  
}
.ki-row-vertical.ki-filled:after {
  content: "\ec38";
  
  opacity: 0.1;
}
.ki-row-vertical.ki-filled:before {
  content: "\ec39";
  position: absolute;
  
}
.ki-safe-home.ki-filled:after {
  content: "\ec3a";
  
  opacity: 0.1;
}
.ki-safe-home.ki-filled:before {
  content: "\ec3b";
  position: absolute;
  
}
.ki-satellite.ki-filled:after {
  content: "\ec3c";
  
  opacity: 0.1;
}
.ki-satellite.ki-filled:before {
  content: "\ec3d";
  position: absolute;
  
}
.ki-save-2.ki-filled:after {
  content: "\ec3e";
  
  opacity: 0.1;
}
.ki-save-2.ki-filled:before {
  content: "\ec3f";
  position: absolute;
  
}
.ki-save-deposit.ki-filled:after {
  content: "\ec40";
  
  opacity: 0.1;
}
.ki-save-deposit.ki-filled:before {
  content: "\ec41";
  position: absolute;
  
}
.ki-scan-barcode.ki-filled:after {
  content: "\ec42";
  
  opacity: 0.1;
}
.ki-scan-barcode.ki-filled:before {
  content: "\ec43";
  position: absolute;
  
}
.ki-screen.ki-filled:after {
  content: "\ec44";
  
  opacity: 0.1;
}
.ki-screen.ki-filled:before {
  content: "\ec45";
  position: absolute;
  
}
.ki-scroll.ki-filled:after {
  content: "\ec46";
  
  opacity: 0.1;
}
.ki-scroll.ki-filled:before {
  content: "\ec47";
  position: absolute;
  
}
.ki-search-list.ki-filled:after {
  content: "\ec48";
  
  opacity: 0.1;
}
.ki-search-list.ki-filled:before {
  content: "\ec49";
  position: absolute;
  
}
.ki-security-user.ki-filled:after {
  content: "\ec4a";
  
  opacity: 0.1;
}
.ki-security-user.ki-filled:before {
  content: "\ec4b";
  position: absolute;
  
}
.ki-setting-2.ki-filled:after {
  content: "\ec4c";
  
  opacity: 0.1;
}
.ki-setting-2.ki-filled:before {
  content: "\ec4d";
  position: absolute;
  
}
.ki-setting-3.ki-filled:after {
  content: "\ec4e";
  
  opacity: 0.1;
}
.ki-setting-3.ki-filled:before {
  content: "\ec4f";
  position: absolute;
  
}
.ki-setting-4.ki-filled:after {
  content: "\ec50";
  
  opacity: 0.1;
}
.ki-setting-4.ki-filled:before {
  content: "\ec51";
  position: absolute;
  
}
.ki-setting.ki-filled:after {
  content: "\ec52";
  
  opacity: 0.1;
}
.ki-setting.ki-filled:before {
  content: "\ec53";
  position: absolute;
  
}
.ki-share.ki-filled:after {
  content: "\ec54";
  
  opacity: 0.1;
}
.ki-share.ki-filled:before {
  content: "\ec55";
  position: absolute;
  
}
.ki-shield-cross.ki-filled:after {
  content: "\ec56";
  
  opacity: 0.1;
}
.ki-shield-cross.ki-filled:before {
  content: "\ec57";
  position: absolute;
  
}
.ki-shield-search.ki-filled:after {
  content: "\ec58";
  
  opacity: 0.1;
}
.ki-shield-search.ki-filled:before {
  content: "\ec59";
  position: absolute;
  
}
.ki-shield-slash.ki-filled:after {
  content: "\ec5a";
  
  opacity: 0.1;
}
.ki-shield-slash.ki-filled:before {
  content: "\ec5b";
  position: absolute;
  
}
.ki-shield-tick.ki-filled:after {
  content: "\ec5c";
  
  opacity: 0.1;
}
.ki-shield-tick.ki-filled:before {
  content: "\ec5d";
  position: absolute;
  
}
.ki-shield.ki-filled:after {
  content: "\ec5e";
  
  opacity: 0.1;
}
.ki-shield.ki-filled:before {
  content: "\ec5f";
  position: absolute;
  
}
.ki-ship.ki-filled:after {
  content: "\ec60";
  
  opacity: 0.1;
}
.ki-ship.ki-filled:before {
  content: "\ec61";
  position: absolute;
  
}
.ki-shop.ki-filled:after {
  content: "\ec62";
  
  opacity: 0.1;
}
.ki-shop.ki-filled:before {
  content: "\ec63";
  position: absolute;
  
}
.ki-simcard-2.ki-filled:after {
  content: "\ec64";
  
  opacity: 0.1;
}
.ki-simcard-2.ki-filled:before {
  content: "\ec65";
  position: absolute;
  
}
.ki-simcard.ki-filled:after {
  content: "\ec66";
  
  opacity: 0.1;
}
.ki-simcard.ki-filled:before {
  content: "\ec67";
  position: absolute;
  
}
.ki-size.ki-filled:after {
  content: "\ec68";
  
  opacity: 0.1;
}
.ki-size.ki-filled:before {
  content: "\ec69";
  position: absolute;
  
}
.ki-slack.ki-filled:after {
  content: "\ec6a";
  
  opacity: 0.1;
}
.ki-slack.ki-filled:before {
  content: "\ec6b";
  position: absolute;
  
}
.ki-slider-horizontal-2.ki-filled:after {
  content: "\ec6c";
  
  opacity: 0.1;
}
.ki-slider-horizontal-2.ki-filled:before {
  content: "\ec6d";
  position: absolute;
  
}
.ki-slider-horizontal.ki-filled:after {
  content: "\ec6e";
  
  opacity: 0.1;
}
.ki-slider-horizontal.ki-filled:before {
  content: "\ec6f";
  position: absolute;
  
}
.ki-slider-vertica.ki-filled:after {
  content: "\ec70";
  
  opacity: 0.1;
}
.ki-slider-vertica.ki-filled:before {
  content: "\ec71";
  position: absolute;
  
}
.ki-slider-vertical.ki-filled:after {
  content: "\ec72";
  
  opacity: 0.1;
}
.ki-slider-vertical.ki-filled:before {
  content: "\ec73";
  position: absolute;
  
}
.ki-slider.ki-filled:after {
  content: "\ec74";
  
  opacity: 0.1;
}
.ki-slider.ki-filled:before {
  content: "\ec75";
  position: absolute;
  
}
.ki-sms.ki-filled:after {
  content: "\ec76";
  
  opacity: 0.1;
}
.ki-sms.ki-filled:before {
  content: "\ec77";
  position: absolute;
  
}
.ki-snapchat.ki-filled:after {
  content: "\ec78";
  
  opacity: 0.1;
}
.ki-snapchat.ki-filled:before {
  content: "\ec79";
  position: absolute;
  
}
.ki-social-media.ki-filled:after {
  content: "\ec7a";
  
  opacity: 0.1;
}
.ki-social-media.ki-filled:before {
  content: "\ec7b";
  position: absolute;
  
}
.ki-soft-2.ki-filled:after {
  content: "\ec7c";
  
  opacity: 0.1;
}
.ki-soft-2.ki-filled:before {
  content: "\ec7d";
  position: absolute;
  
}
.ki-soft-3.ki-filled:after {
  content: "\ec7e";
  
  opacity: 0.1;
}
.ki-soft-3.ki-filled:before {
  content: "\ec7f";
  position: absolute;
  
}
.ki-soft.ki-filled:after {
  content: "\ec80";
  
  opacity: 0.1;
}
.ki-soft.ki-filled:before {
  content: "\ec81";
  position: absolute;
  
}
.ki-some-files.ki-filled:after {
  content: "\ec82";
  
  opacity: 0.1;
}
.ki-some-files.ki-filled:before {
  content: "\ec83";
  position: absolute;
  
}
.ki-sort.ki-filled:after {
  content: "\ec84";
  
  opacity: 0.1;
}
.ki-sort.ki-filled:before {
  content: "\ec85";
  position: absolute;
  
}
.ki-speaker.ki-filled:after {
  content: "\ec86";
  
  opacity: 0.1;
}
.ki-speaker.ki-filled:before {
  content: "\ec87";
  position: absolute;
  
}
.ki-spotify.ki-filled:after {
  content: "\ec88";
  
  opacity: 0.1;
}
.ki-spotify.ki-filled:before {
  content: "\ec89";
  position: absolute;
  
}
.ki-spring-framework.ki-filled:after {
  content: "\ec8a";
  
  opacity: 0.1;
}
.ki-spring-framework.ki-filled:before {
  content: "\ec8b";
  position: absolute;
  
}
.ki-square-brackets.ki-filled:after {
  content: "\ec8c";
  
  opacity: 0.1;
}
.ki-square-brackets.ki-filled:before {
  content: "\ec8d";
  position: absolute;
  
}
.ki-star.ki-filled:after {
  content: "\ec8e";
  
  opacity: 0.1;
}
.ki-star.ki-filled:before {
  content: "\ec8f";
  position: absolute;
  
}
.ki-status.ki-filled:after {
  content: "\ec90";
  
  opacity: 0.1;
}
.ki-status.ki-filled:before {
  content: "\ec91";
  position: absolute;
  
}
.ki-subtitle.ki-filled:after {
  content: "\ec92";
  
  opacity: 0.1;
}
.ki-subtitle.ki-filled:before {
  content: "\ec93";
  position: absolute;
  
}
.ki-sun.ki-filled:after {
  content: "\ec94";
  
  opacity: 0.1;
}
.ki-sun.ki-filled:before {
  content: "\ec95";
  position: absolute;
  
}
.ki-support.ki-filled:after {
  content: "\ec96";
  
  opacity: 0.1;
}
.ki-support.ki-filled:before {
  content: "\ec97";
  position: absolute;
  
}
.ki-switch.ki-filled:after {
  content: "\ec98";
  
  opacity: 0.1;
}
.ki-switch.ki-filled:before {
  content: "\ec99";
  position: absolute;
  
}
.ki-syringe.ki-filled:after {
  content: "\ec9a";
  
  opacity: 0.1;
}
.ki-syringe.ki-filled:before {
  content: "\ec9b";
  position: absolute;
  
}
.ki-tab-tablet.ki-filled:after {
  content: "\ec9c";
  
  opacity: 0.1;
}
.ki-tab-tablet.ki-filled:before {
  content: "\ec9d";
  position: absolute;
  
}
.ki-tablet-delete.ki-filled:after {
  content: "\ec9e";
  
  opacity: 0.1;
}
.ki-tablet-delete.ki-filled:before {
  content: "\ec9f";
  position: absolute;
  
}
.ki-tablet-down.ki-filled:after {
  content: "\eca0";
  
  opacity: 0.1;
}
.ki-tablet-down.ki-filled:before {
  content: "\eca1";
  position: absolute;
  
}
.ki-tablet-ok.ki-filled:after {
  content: "\eca2";
  
}
.ki-tablet-ok.ki-filled:before {
  content: "\eca3";
  position: absolute;
  
  opacity: 0.1;
}
.ki-tablet-text-down.ki-filled:after {
  content: "\eca4";
  
  opacity: 0.1;
}
.ki-tablet-text-down.ki-filled:before {
  content: "\eca5";
  position: absolute;
  
}
.ki-tablet-text-up.ki-filled:after {
  content: "\eca6";
  
  opacity: 0.1;
}
.ki-tablet-text-up.ki-filled:before {
  content: "\eca7";
  position: absolute;
  
}
.ki-tablet-up.ki-filled:after {
  content: "\eca8";
  
  opacity: 0.1;
}
.ki-tablet-up.ki-filled:before {
  content: "\eca9";
  position: absolute;
  
}
.ki-tablet.ki-filled:after {
  content: "\ecaa";
  
  opacity: 0.1;
}
.ki-tablet.ki-filled:before {
  content: "\ecab";
  position: absolute;
  
}
.ki-tag-cross.ki-filled:after {
  content: "\ecac";
  
  opacity: 0.1;
}
.ki-tag-cross.ki-filled:before {
  content: "\ecad";
  position: absolute;
  
}
.ki-tag.ki-filled:after {
  content: "\ecae";
  
  opacity: 0.1;
}
.ki-tag.ki-filled:before {
  content: "\ecaf";
  position: absolute;
  
}
.ki-teacher.ki-filled:after {
  content: "\ecb0";
  
  opacity: 0.1;
}
.ki-teacher.ki-filled:before {
  content: "\ecb1";
  position: absolute;
  
}
.ki-technology-1.ki-filled:after {
  content: "\ecb2";
  
  opacity: 0.1;
}
.ki-technology-1.ki-filled:before {
  content: "\ecb3";
  position: absolute;
  
}
.ki-technology-2.ki-filled:after {
  content: "\ecb4";
  
  opacity: 0.1;
}
.ki-technology-2.ki-filled:before {
  content: "\ecb5";
  position: absolute;
  
}
.ki-technology-3.ki-filled:after {
  content: "\ecb6";
  
  opacity: 0.1;
}
.ki-technology-3.ki-filled:before {
  content: "\ecb7";
  position: absolute;
  
}
.ki-technology-4.ki-filled:after {
  content: "\ecb8";
  
  opacity: 0.1;
}
.ki-technology-4.ki-filled:before {
  content: "\ecb9";
  position: absolute;
  
}
.ki-telephone-geolocation.ki-filled:after {
  content: "\ecba";
  
  opacity: 0.1;
}
.ki-telephone-geolocation.ki-filled:before {
  content: "\ecbb";
  position: absolute;
  
}
.ki-test-tubes.ki-filled:after {
  content: "\ecbc";
  
  opacity: 0.1;
}
.ki-test-tubes.ki-filled:before {
  content: "\ecbd";
  position: absolute;
  
}
.ki-text-bold.ki-filled:after {
  content: "\ecbe";
  
  opacity: 0.1;
}
.ki-text-bold.ki-filled:before {
  content: "\ecbf";
  position: absolute;
  
}
.ki-text-circle.ki-filled:before {
  content: "\ecc0";
}
.ki-text-italic.ki-filled:after {
  content: "\ecc1";
  
  opacity: 0.1;
}
.ki-text-italic.ki-filled:before {
  content: "\ecc2";
  position: absolute;
  
}
.ki-text-number.ki-filled:before {
  content: "\ecc3";
}
.ki-text-strikethrough.ki-filled:after {
  content: "\ecc4";
  
  opacity: 0.1;
}
.ki-text-strikethrough.ki-filled:before {
  content: "\ecc5";
  position: absolute;
  
}
.ki-text-underline.ki-filled:after {
  content: "\ecc6";
  
}
.ki-text-underline.ki-filled:before {
  content: "\ecc7";
  position: absolute;
  
  opacity: 0.1;
}
.ki-text.ki-filled:after {
  content: "\ecc8";
  
  opacity: 0.1;
}
.ki-text.ki-filled:before {
  content: "\ecc9";
  position: absolute;
  
}
.ki-textalign-center.ki-filled:before {
  content: "\ecca";
}
.ki-textalign-justifycenter.ki-filled:before {
  content: "\eccb";
}
.ki-textalign-left.ki-filled:before {
  content: "\eccc";
}
.ki-textalign-right.ki-filled:before {
  content: "\eccd";
}
.ki-thermometer.ki-filled:after {
  content: "\ecce";
  
  opacity: 0.1;
}
.ki-thermometer.ki-filled:before {
  content: "\eccf";
  position: absolute;
  
}
.ki-theta-theta.ki-filled:after {
  content: "\ecd0";
  
  opacity: 0.1;
}
.ki-theta-theta.ki-filled:before {
  content: "\ecd1";
  position: absolute;
  
}
.ki-tiktok.ki-filled:after {
  content: "\ecd2";
  
  opacity: 0.1;
}
.ki-tiktok.ki-filled:before {
  content: "\ecd3";
  position: absolute;
  
}
.ki-time.ki-filled:after {
  content: "\ecd4";
  
  opacity: 0.1;
}
.ki-time.ki-filled:before {
  content: "\ecd5";
  position: absolute;
  
}
.ki-timer.ki-filled:after {
  content: "\ecd6";
  
  opacity: 0.1;
}
.ki-timer.ki-filled:before {
  content: "\ecd7";
  position: absolute;
  
}
.ki-to-left.ki-filled:after {
  content: "\ecd8";
  
  opacity: 0.1;
}
.ki-to-left.ki-filled:before {
  content: "\ecd9";
  position: absolute;
  
}
.ki-to-right.ki-filled:after {
  content: "\ecda";
  
  opacity: 0.1;
}
.ki-to-right.ki-filled:before {
  content: "\ecdb";
  position: absolute;
  
}
.ki-toggle-off-circle.ki-filled:after {
  content: "\ecdc";
  
  opacity: 0.1;
}
.ki-toggle-off-circle.ki-filled:before {
  content: "\ecdd";
  position: absolute;
  
}
.ki-toggle-off.ki-filled:after {
  content: "\ecde";
  
}
.ki-toggle-off.ki-filled:before {
  content: "\ecdf";
  position: absolute;
  
  opacity: 0.1;
}
.ki-toggle-on-circle.ki-filled:after {
  content: "\ece0";
  
  opacity: 0.1;
}
.ki-toggle-on-circle.ki-filled:before {
  content: "\ece1";
  position: absolute;
  
}
.ki-toggle-on.ki-filled:after {
  content: "\ece2";
  
  opacity: 0.1;
}
.ki-toggle-on.ki-filled:before {
  content: "\ece3";
  position: absolute;
  
}
.ki-trash-square.ki-filled:after {
  content: "\ece4";
  
  opacity: 0.1;
}
.ki-trash-square.ki-filled:before {
  content: "\ece5";
  position: absolute;
  
}
.ki-trash.ki-filled:after {
  content: "\ece6";
  
  opacity: 0.1;
}
.ki-trash.ki-filled:before {
  content: "\ece7";
  position: absolute;
  
}
.ki-tree.ki-filled:after {
  content: "\ece8";
  
  opacity: 0.1;
}
.ki-tree.ki-filled:before {
  content: "\ece9";
  position: absolute;
  
}
.ki-trello.ki-filled:after {
  content: "\ecea";
  
  opacity: 0.1;
}
.ki-trello.ki-filled:before {
  content: "\eceb";
  position: absolute;
  
}
.ki-ts.ki-filled:after {
  content: "\ecec";
  
  opacity: 0.1;
}
.ki-ts.ki-filled:before {
  content: "\eced";
  position: absolute;
  
}
.ki-twitch.ki-filled:after {
  content: "\ecee";
  
  opacity: 0.1;
}
.ki-twitch.ki-filled:before {
  content: "\ecef";
  position: absolute;
  
}
.ki-twitter.ki-filled:after {
  content: "\ecf0";
  
  opacity: 0.1;
}
.ki-twitter.ki-filled:before {
  content: "\ecf1";
  position: absolute;
  
}
.ki-two-credit-cart.ki-filled:after {
  content: "\ecf2";
  
  opacity: 0.1;
}
.ki-two-credit-cart.ki-filled:before {
  content: "\ecf3";
  position: absolute;
  
}
.ki-underlining.ki-filled:after {
  content: "\ecf4";
  
  opacity: 0.1;
}
.ki-underlining.ki-filled:before {
  content: "\ecf5";
  position: absolute;
  
}
.ki-up-diagonal.ki-filled:before {
  content: "\ecf6";
}
.ki-up-down.ki-filled:before {
  content: "\ecf7";
}
.ki-up-square.ki-filled:after {
  content: "\ecf8";
  
}
.ki-up-square.ki-filled:before {
  content: "\ecf9";
  position: absolute;
  
  opacity: 0.1;
}
.ki-up.ki-filled:before {
  content: "\ecfa";
}
.ki-update-file.ki-filled:after {
  content: "\ecfb";
  
  opacity: 0.1;
}
.ki-update-file.ki-filled:before {
  content: "\ecfc";
  position: absolute;
  
}
.ki-update-folder.ki-filled:after {
  content: "\ecfd";
  
  opacity: 0.1;
}
.ki-update-folder.ki-filled:before {
  content: "\ecfe";
  position: absolute;
  
}
.ki-user-edit.ki-filled:after {
  content: "\ecff";
  
  opacity: 0.1;
}
.ki-user-edit.ki-filled:before {
  content: "\ed00";
  position: absolute;
  
}
.ki-user-square.ki-filled:after {
  content: "\ed01";
  
  opacity: 0.1;
}
.ki-user-square.ki-filled:before {
  content: "\ed02";
  position: absolute;
  
}
.ki-user-tick.ki-filled:after {
  content: "\ed03";
  
  opacity: 0.1;
}
.ki-user-tick.ki-filled:before {
  content: "\ed04";
  position: absolute;
  
}
.ki-user.ki-filled:after {
  content: "\ed05";
  
  opacity: 0.1;
}
.ki-user.ki-filled:before {
  content: "\ed06";
  position: absolute;
  
}
.ki-users.ki-filled:after {
  content: "\ed07";
  
  opacity: 0.1;
}
.ki-users.ki-filled:before {
  content: "\ed08";
  position: absolute;
  
}
.ki-verify.ki-filled:after {
  content: "\ed09";
  
  opacity: 0.1;
}
.ki-verify.ki-filled:before {
  content: "\ed0a";
  position: absolute;
  
}
.ki-vibe-vibe.ki-filled:after {
  content: "\ed0b";
  
  opacity: 0.1;
}
.ki-vibe-vibe.ki-filled:before {
  content: "\ed0c";
  position: absolute;
  
}
.ki-virus.ki-filled:after {
  content: "\ed0d";
  
  opacity: 0.1;
}
.ki-virus.ki-filled:before {
  content: "\ed0e";
  position: absolute;
  
}
.ki-vue.ki-filled:after {
  content: "\ed0f";
  
  opacity: 0.1;
}
.ki-vue.ki-filled:before {
  content: "\ed10";
  position: absolute;
  
}
.ki-vuesax.ki-filled:after {
  content: "\ed11";
  
  opacity: 0.1;
}
.ki-vuesax.ki-filled:before {
  content: "\ed12";
  position: absolute;
  
}
.ki-wallet.ki-filled:after {
  content: "\ed13";
  
  opacity: 0.1;
}
.ki-wallet.ki-filled:before {
  content: "\ed14";
  position: absolute;
  
}
.ki-wanchain-wan.ki-filled:after {
  content: "\ed15";
  
  opacity: 0.1;
}
.ki-wanchain-wan.ki-filled:before {
  content: "\ed16";
  position: absolute;
  
}
.ki-watch.ki-filled:after {
  content: "\ed17";
  
  opacity: 0.1;
}
.ki-watch.ki-filled:before {
  content: "\ed18";
  position: absolute;
  
}
.ki-whatsapp.ki-filled:after {
  content: "\ed19";
  
  opacity: 0.1;
}
.ki-whatsapp.ki-filled:before {
  content: "\ed1a";
  position: absolute;
  
}
.ki-wifi-home.ki-filled:after {
  content: "\ed1b";
  
  opacity: 0.1;
}
.ki-wifi-home.ki-filled:before {
  content: "\ed1c";
  position: absolute;
  
}
.ki-wifi-square.ki-filled:after {
  content: "\ed1d";
  
  opacity: 0.1;
}
.ki-wifi-square.ki-filled:before {
  content: "\ed1e";
  position: absolute;
  
}
.ki-wifi.ki-filled:after {
  content: "\ed1f";
  
  opacity: 0.1;
}
.ki-wifi.ki-filled:before {
  content: "\ed20";
  position: absolute;
  
}
.ki-wireframe.ki-filled:after {
  content: "\ed21";
  
  opacity: 0.1;
}
.ki-wireframe.ki-filled:before {
  content: "\ed22";
  position: absolute;
  
}
.ki-wlan.ki-filled:before {
  content: "\ed23";
}
.ki-wrench.ki-filled:after {
  content: "\ed24";
  
  opacity: 0.1;
}
.ki-wrench.ki-filled:before {
  content: "\ed25";
  position: absolute;
  
}
.ki-xaomi.ki-filled:after {
  content: "\ed26";
  
  opacity: 0.1;
}
.ki-xaomi.ki-filled:before {
  content: "\ed27";
  position: absolute;
  
}
.ki-xd.ki-filled:after {
  content: "\ed28";
  
  opacity: 0.1;
}
.ki-xd.ki-filled:before {
  content: "\ed29";
  position: absolute;
  
}
.ki-xmr.ki-filled:after {
  content: "\ed2a";
  
  opacity: 0.1;
}
.ki-xmr.ki-filled:before {
  content: "\ed2b";
  position: absolute;
  
}
.ki-yii.ki-filled:after {
  content: "\ed2c";
  
  opacity: 0.1;
}
.ki-yii.ki-filled:before {
  content: "\ed2d";
  position: absolute;
  
}
.ki-youtube.ki-filled:after {
  content: "\ed2e";
  
  opacity: 0.1;
}
.ki-youtube.ki-filled:before {
  content: "\ed2f";
  position: absolute;
  
}

@font-face {
  font-family: 'keenicons-outline';
  src:
    url('fonts/keenicons-outline.ttf?3m7u3e') format('truetype'),
    url('fonts/keenicons-outline.woff?3m7u3e') format('woff'),
    url('fonts/keenicons-outline.svg?3m7u3e#keenicons-outline') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

.ki-outline {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'keenicons-outline' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  display: inline-flex;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.ki-abstract-1.ki-outline:before {
  content: "\e900";
}
.ki-abstract-2.ki-outline:before {
  content: "\e901";
}
.ki-abstract-3.ki-outline:before {
  content: "\e902";
}
.ki-abstract-4.ki-outline:before {
  content: "\e903";
}
.ki-abstract-5.ki-outline:before {
  content: "\e904";
}
.ki-abstract-6.ki-outline:before {
  content: "\e905";
}
.ki-abstract-7.ki-outline:before {
  content: "\e906";
}
.ki-abstract-8.ki-outline:before {
  content: "\e907";
}
.ki-abstract-9.ki-outline:before {
  content: "\e908";
}
.ki-abstract-10.ki-outline:before {
  content: "\e909";
}
.ki-abstract-11.ki-outline:before {
  content: "\e90a";
}
.ki-abstract-12.ki-outline:before {
  content: "\e90b";
}
.ki-abstract-13.ki-outline:before {
  content: "\e90c";
}
.ki-abstract-14.ki-outline:before {
  content: "\e90d";
}
.ki-abstract-15.ki-outline:before {
  content: "\e90e";
}
.ki-abstract-16.ki-outline:before {
  content: "\e90f";
}
.ki-abstract-17.ki-outline:before {
  content: "\e910";
}
.ki-abstract-18.ki-outline:before {
  content: "\e911";
}
.ki-abstract-19.ki-outline:before {
  content: "\e912";
}
.ki-abstract-20.ki-outline:before {
  content: "\e913";
}
.ki-abstract-21.ki-outline:before {
  content: "\e914";
}
.ki-abstract-22.ki-outline:before {
  content: "\e915";
}
.ki-abstract-23.ki-outline:before {
  content: "\e916";
}
.ki-abstract-24.ki-outline:before {
  content: "\e917";
}
.ki-abstract-25.ki-outline:before {
  content: "\e918";
}
.ki-abstract-26.ki-outline:before {
  content: "\e919";
}
.ki-abstract-27.ki-outline:before {
  content: "\e91a";
}
.ki-abstract-28.ki-outline:before {
  content: "\e91b";
}
.ki-abstract-29.ki-outline:before {
  content: "\e91c";
}
.ki-abstract-30.ki-outline:before {
  content: "\e91d";
}
.ki-abstract-31.ki-outline:before {
  content: "\e91e";
}
.ki-abstract-32.ki-outline:before {
  content: "\e91f";
}
.ki-abstract-33.ki-outline:before {
  content: "\e920";
}
.ki-abstract-34.ki-outline:before {
  content: "\e921";
}
.ki-abstract-35.ki-outline:before {
  content: "\e922";
}
.ki-abstract-36.ki-outline:before {
  content: "\e923";
}
.ki-abstract-37.ki-outline:before {
  content: "\e924";
}
.ki-abstract-38.ki-outline:before {
  content: "\e925";
}
.ki-abstract-39.ki-outline:before {
  content: "\e926";
}
.ki-abstract-40.ki-outline:before {
  content: "\e927";
}
.ki-abstract-41.ki-outline:before {
  content: "\e928";
}
.ki-abstract-42.ki-outline:before {
  content: "\e929";
}
.ki-abstract-43.ki-outline:before {
  content: "\e92a";
}
.ki-abstract-44.ki-outline:before {
  content: "\e92b";
}
.ki-abstract-45.ki-outline:before {
  content: "\e92c";
}
.ki-abstract-46.ki-outline:before {
  content: "\e92d";
}
.ki-abstract-47.ki-outline:before {
  content: "\e92e";
}
.ki-abstract-48.ki-outline:before {
  content: "\e92f";
}
.ki-abstract-49.ki-outline:before {
  content: "\e930";
}
.ki-abstract.ki-outline:before {
  content: "\e931";
}
.ki-add-files.ki-outline:before {
  content: "\e932";
}
.ki-add-folder.ki-outline:before {
  content: "\e933";
}
.ki-add-notepad.ki-outline:before {
  content: "\e934";
}
.ki-additem.ki-outline:before {
  content: "\e935";
}
.ki-address-book.ki-outline:before {
  content: "\e936";
}
.ki-airplane-square.ki-outline:before {
  content: "\e937";
}
.ki-airplane.ki-outline:before {
  content: "\e938";
}
.ki-airpod.ki-outline:before {
  content: "\e939";
}
.ki-android.ki-outline:before {
  content: "\e93a";
}
.ki-angular.ki-outline:before {
  content: "\e93b";
}
.ki-apple.ki-outline:before {
  content: "\e93c";
}
.ki-archive-tick.ki-outline:before {
  content: "\e93d";
}
.ki-archive.ki-outline:before {
  content: "\e93e";
}
.ki-arrow-circle-left.ki-outline:before {
  content: "\e93f";
}
.ki-arrow-circle-right.ki-outline:before {
  content: "\e940";
}
.ki-arrow-down-left.ki-outline:before {
  content: "\e941";
}
.ki-arrow-down-refraction.ki-outline:before {
  content: "\e942";
}
.ki-arrow-down-right.ki-outline:before {
  content: "\e943";
}
.ki-arrow-down.ki-outline:before {
  content: "\e944";
}
.ki-arrow-left.ki-outline:before {
  content: "\e945";
}
.ki-arrow-mix.ki-outline:before {
  content: "\e946";
}
.ki-arrow-right-left.ki-outline:before {
  content: "\e947";
}
.ki-arrow-right.ki-outline:before {
  content: "\e948";
}
.ki-arrow-two-diagonals.ki-outline:before {
  content: "\e949";
}
.ki-arrow-up-down.ki-outline:before {
  content: "\e94a";
}
.ki-arrow-up-left.ki-outline:before {
  content: "\e94b";
}
.ki-arrow-up-refraction.ki-outline:before {
  content: "\e94c";
}
.ki-arrow-up-right.ki-outline:before {
  content: "\e94d";
}
.ki-arrow-up.ki-outline:before {
  content: "\e94e";
}
.ki-arrow-zigzag.ki-outline:before {
  content: "\e94f";
}
.ki-arrows-circle.ki-outline:before {
  content: "\e950";
}
.ki-arrows-loop.ki-outline:before {
  content: "\e951";
}
.ki-artificial-intelligence.ki-outline:before {
  content: "\e952";
}
.ki-autobrightness.ki-outline:before {
  content: "\e953";
}
.ki-avalanche-avax.ki-outline:before {
  content: "\e954";
}
.ki-award.ki-outline:before {
  content: "\e955";
}
.ki-badge.ki-outline:before {
  content: "\e956";
}
.ki-bandage.ki-outline:before {
  content: "\e957";
}
.ki-bank.ki-outline:before {
  content: "\e958";
}
.ki-bar-chart.ki-outline:before {
  content: "\e959";
}
.ki-barcode.ki-outline:before {
  content: "\e95a";
}
.ki-basket-ok.ki-outline:before {
  content: "\e95b";
}
.ki-basket.ki-outline:before {
  content: "\e95c";
}
.ki-behance.ki-outline:before {
  content: "\e95d";
}
.ki-bill.ki-outline:before {
  content: "\e95e";
}
.ki-binance-usd-busd.ki-outline:before {
  content: "\e95f";
}
.ki-binance.ki-outline:before {
  content: "\e960";
}
.ki-bitcoin.ki-outline:before {
  content: "\e961";
}
.ki-black-down.ki-outline:before {
  content: "\e962";
}
.ki-black-left-line.ki-outline:before {
  content: "\e963";
}
.ki-black-left.ki-outline:before {
  content: "\e964";
}
.ki-black-right-line.ki-outline:before {
  content: "\e965";
}
.ki-black-right.ki-outline:before {
  content: "\e966";
}
.ki-black-up.ki-outline:before {
  content: "\e967";
}
.ki-bluetooth.ki-outline:before {
  content: "\e968";
}
.ki-book-open.ki-outline:before {
  content: "\e969";
}
.ki-book-square.ki-outline:before {
  content: "\e96a";
}
.ki-book.ki-outline:before {
  content: "\e96b";
}
.ki-bookmark-2.ki-outline:before {
  content: "\e96c";
}
.ki-bookmark.ki-outline:before {
  content: "\e96d";
}
.ki-bootstrap.ki-outline:before {
  content: "\e96e";
}
.ki-briefcase.ki-outline:before {
  content: "\e96f";
}
.ki-brifecase-cros.ki-outline:before {
  content: "\e970";
}
.ki-brifecase-tick.ki-outline:before {
  content: "\e971";
}
.ki-brifecase-timer.ki-outline:before {
  content: "\e972";
}
.ki-brush.ki-outline:before {
  content: "\e973";
}
.ki-bucket-square.ki-outline:before {
  content: "\e974";
}
.ki-bucket.ki-outline:before {
  content: "\e975";
}
.ki-burger-menu-1.ki-outline:before {
  content: "\e976";
}
.ki-burger-menu-2.ki-outline:before {
  content: "\e977";
}
.ki-burger-menu-3.ki-outline:before {
  content: "\e978";
}
.ki-burger-menu-4.ki-outline:before {
  content: "\e979";
}
.ki-burger-menu-5.ki-outline:before {
  content: "\e97a";
}
.ki-burger-menu-6.ki-outline:before {
  content: "\e97b";
}
.ki-burger-menu.ki-outline:before {
  content: "\e97c";
}
.ki-bus.ki-outline:before {
  content: "\e97d";
}
.ki-calculator.ki-outline:before {
  content: "\e97e";
}
.ki-calculatoror.ki-outline:before {
  content: "\e97f";
}
.ki-calendar-2.ki-outline:before {
  content: "\e980";
}
.ki-calendar-8.ki-outline:before {
  content: "\e981";
}
.ki-calendar-add.ki-outline:before {
  content: "\e982";
}
.ki-calendar-edit.ki-outline:before {
  content: "\e983";
}
.ki-calendar-remove.ki-outline:before {
  content: "\e984";
}
.ki-calendar-search.ki-outline:before {
  content: "\e985";
}
.ki-calendar-tick.ki-outline:before {
  content: "\e986";
}
.ki-calendar.ki-outline:before {
  content: "\e987";
}
.ki-call.ki-outline:before {
  content: "\e988";
}
.ki-capsule.ki-outline:before {
  content: "\e989";
}
.ki-car.ki-outline:before {
  content: "\e98a";
}
.ki-category.ki-outline:before {
  content: "\e98b";
}
.ki-cd.ki-outline:before {
  content: "\e98c";
}
.ki-celsius-cel.ki-outline:before {
  content: "\e98d";
}
.ki-chart-line-down-2.ki-outline:before {
  content: "\e98e";
}
.ki-chart-line-down.ki-outline:before {
  content: "\e98f";
}
.ki-chart-line-star.ki-outline:before {
  content: "\e990";
}
.ki-chart-line-up-2.ki-outline:before {
  content: "\e991";
}
.ki-chart-line-up.ki-outline:before {
  content: "\e992";
}
.ki-chart-line.ki-outline:before {
  content: "\e993";
}
.ki-chart-pie-3.ki-outline:before {
  content: "\e994";
}
.ki-chart-pie-4.ki-outline:before {
  content: "\e995";
}
.ki-chart-pie-simple.ki-outline:before {
  content: "\e996";
}
.ki-chart-pie-too.ki-outline:before {
  content: "\e997";
}
.ki-chart-simple-2.ki-outline:before {
  content: "\e998";
}
.ki-chart-simple-3.ki-outline:before {
  content: "\e999";
}
.ki-chart-simple.ki-outline:before {
  content: "\e99a";
}
.ki-chart.ki-outline:before {
  content: "\e99b";
}
.ki-check-circle.ki-outline:before {
  content: "\e99c";
}
.ki-check-squared.ki-outline:before {
  content: "\e99d";
}
.ki-check.ki-outline:before {
  content: "\e99e";
}
.ki-cheque.ki-outline:before {
  content: "\e99f";
}
.ki-chrome.ki-outline:before {
  content: "\e9a0";
}
.ki-classmates.ki-outline:before {
  content: "\e9a1";
}
.ki-click.ki-outline:before {
  content: "\e9a2";
}
.ki-clipboard.ki-outline:before {
  content: "\e9a3";
}
.ki-cloud-add.ki-outline:before {
  content: "\e9a4";
}
.ki-cloud-change.ki-outline:before {
  content: "\e9a5";
}
.ki-cloud-download.ki-outline:before {
  content: "\e9a6";
}
.ki-cloud.ki-outline:before {
  content: "\e9a7";
}
.ki-code.ki-outline:before {
  content: "\e9a8";
}
.ki-coffee.ki-outline:before {
  content: "\e9a9";
}
.ki-color-swatch.ki-outline:before {
  content: "\e9aa";
}
.ki-colors-square.ki-outline:before {
  content: "\e9ab";
}
.ki-compass.ki-outline:before {
  content: "\e9ac";
}
.ki-copy-success.ki-outline:before {
  content: "\e9ad";
}
.ki-copy.ki-outline:before {
  content: "\e9ae";
}
.ki-courier-express.ki-outline:before {
  content: "\e9af";
}
.ki-courier.ki-outline:before {
  content: "\e9b0";
}
.ki-credit-cart.ki-outline:before {
  content: "\e9b1";
}
.ki-cross-circle.ki-outline:before {
  content: "\e9b2";
}
.ki-cross-square.ki-outline:before {
  content: "\e9b3";
}
.ki-cross.ki-outline:before {
  content: "\e9b4";
}
.ki-crown-2.ki-outline:before {
  content: "\e9b5";
}
.ki-crown.ki-outline:before {
  content: "\e9b6";
}
.ki-css.ki-outline:before {
  content: "\e9b7";
}
.ki-cube-2.ki-outline:before {
  content: "\e9b8";
}
.ki-cube-3.ki-outline:before {
  content: "\e9b9";
}
.ki-cup.ki-outline:before {
  content: "\e9ba";
}
.ki-cursor.ki-outline:before {
  content: "\e9bb";
}
.ki-dash.ki-outline:before {
  content: "\e9bc";
}
.ki-data.ki-outline:before {
  content: "\e9bd";
}
.ki-delete-files.ki-outline:before {
  content: "\e9be";
}
.ki-delete-folder.ki-outline:before {
  content: "\e9bf";
}
.ki-delivery-2.ki-outline:before {
  content: "\e9c0";
}
.ki-delivery-3.ki-outline:before {
  content: "\e9c1";
}
.ki-delivery-24.ki-outline:before {
  content: "\e9c2";
}
.ki-delivery-door.ki-outline:before {
  content: "\e9c3";
}
.ki-delivery-geolocation.ki-outline:before {
  content: "\e9c4";
}
.ki-delivery-time.ki-outline:before {
  content: "\e9c5";
}
.ki-delivery.ki-outline:before {
  content: "\e9c6";
}
.ki-design-1.ki-outline:before {
  content: "\e9c7";
}
.ki-design-2.ki-outline:before {
  content: "\e9c8";
}
.ki-desktop-mobile.ki-outline:before {
  content: "\e9c9";
}
.ki-devices-2.ki-outline:before {
  content: "\e9ca";
}
.ki-devices.ki-outline:before {
  content: "\e9cb";
}
.ki-diamonds.ki-outline:before {
  content: "\e9cc";
}
.ki-directbox-default.ki-outline:before {
  content: "\e9cd";
}
.ki-disconnect.ki-outline:before {
  content: "\e9ce";
}
.ki-discount.ki-outline:before {
  content: "\e9cf";
}
.ki-disguise.ki-outline:before {
  content: "\e9d0";
}
.ki-disk.ki-outline:before {
  content: "\e9d1";
}
.ki-dislike.ki-outline:before {
  content: "\e9d2";
}
.ki-dj.ki-outline:before {
  content: "\e9d3";
}
.ki-document.ki-outline:before {
  content: "\e9d4";
}
.ki-double-check.ki-outline:before {
  content: "\e9d5";
}
.ki-dollar.ki-outline:before {
  content: "\e9d6";
}
.ki-dots-circle-vertical.ki-outline:before {
  content: "\e9d7";
}
.ki-dots-circle.ki-outline:before {
  content: "\e9d8";
}
.ki-dots-horizontal.ki-outline:before {
  content: "\e9d9";
}
.ki-dots-square-vertical.ki-outline:before {
  content: "\e9da";
}
.ki-dots-square.ki-outline:before {
  content: "\e9db";
}
.ki-dots-vertical.ki-outline:before {
  content: "\e9dc";
}
.ki-double-check-circle.ki-outline:before {
  content: "\e9dd";
}
.ki-double-down.ki-outline:before {
  content: "\e9de";
}
.ki-double-left-arrow.ki-outline:before {
  content: "\e9df";
}
.ki-double-left.ki-outline:before {
  content: "\e9e0";
}
.ki-double-right-arrow.ki-outline:before {
  content: "\e9e1";
}
.ki-double-right.ki-outline:before {
  content: "\e9e2";
}
.ki-double-up.ki-outline:before {
  content: "\e9e3";
}
.ki-down-square.ki-outline:before {
  content: "\e9e4";
}
.ki-down.ki-outline:before {
  content: "\e9e5";
}
.ki-dribbble.ki-outline:before {
  content: "\e9e6";
}
.ki-drop.ki-outline:before {
  content: "\e9e7";
}
.ki-dropbox.ki-outline:before {
  content: "\e9e8";
}
.ki-educare-ekt.ki-outline:before {
  content: "\e9e9";
}
.ki-electricity.ki-outline:before {
  content: "\e9ea";
}
.ki-electronic-clock.ki-outline:before {
  content: "\e9eb";
}
.ki-element-1.ki-outline:before {
  content: "\e9ec";
}
.ki-element-2.ki-outline:before {
  content: "\e9ed";
}
.ki-element-3.ki-outline:before {
  content: "\e9ee";
}
.ki-element-4.ki-outline:before {
  content: "\e9ef";
}
.ki-element-5.ki-outline:before {
  content: "\e9f0";
}
.ki-element-6.ki-outline:before {
  content: "\e9f1";
}
.ki-element-7.ki-outline:before {
  content: "\e9f2";
}
.ki-element-8.ki-outline:before {
  content: "\e9f3";
}
.ki-element-9.ki-outline:before {
  content: "\e9f4";
}
.ki-element-10.ki-outline:before {
  content: "\e9f5";
}
.ki-element-11.ki-outline:before {
  content: "\e9f6";
}
.ki-element-12.ki-outline:before {
  content: "\e9f7";
}
.ki-element-equal.ki-outline:before {
  content: "\e9f8";
}
.ki-element-plus.ki-outline:before {
  content: "\e9f9";
}
.ki-emoji-happy.ki-outline:before {
  content: "\e9fa";
}
.ki-enjin-coin-enj.ki-outline:before {
  content: "\e9fb";
}
.ki-ensure.ki-outline:before {
  content: "\e9fc";
}
.ki-entrance-left.ki-outline:before {
  content: "\e9fd";
}
.ki-entrance-right.ki-outline:before {
  content: "\e9fe";
}
.ki-eraser.ki-outline:before {
  content: "\e9ff";
}
.ki-euro.ki-outline:before {
  content: "\ea00";
}
.ki-exit-down.ki-outline:before {
  content: "\ea01";
}
.ki-exit-left.ki-outline:before {
  content: "\ea02";
}
.ki-exit-right-corner.ki-outline:before {
  content: "\ea03";
}
.ki-exit-right.ki-outline:before {
  content: "\ea04";
}
.ki-exit-up.ki-outline:before {
  content: "\ea05";
}
.ki-external-drive.ki-outline:before {
  content: "\ea06";
}
.ki-eye-slash.ki-outline:before {
  content: "\ea07";
}
.ki-eye.ki-outline:before {
  content: "\ea08";
}
.ki-face-id.ki-outline:before {
  content: "\ea09";
}
.ki-facebook.ki-outline:before {
  content: "\ea0a";
}
.ki-fasten.ki-outline:before {
  content: "\ea0b";
}
.ki-fatrows.ki-outline:before {
  content: "\ea0c";
}
.ki-feather.ki-outline:before {
  content: "\ea0d";
}
.ki-figma.ki-outline:before {
  content: "\ea0e";
}
.ki-file-added.ki-outline:before {
  content: "\ea0f";
}
.ki-file-deleted.ki-outline:before {
  content: "\ea10";
}
.ki-file-down.ki-outline:before {
  content: "\ea11";
}
.ki-file-left.ki-outline:before {
  content: "\ea12";
}
.ki-file-right.ki-outline:before {
  content: "\ea13";
}
.ki-file-sheet.ki-outline:before {
  content: "\ea14";
}
.ki-file-up.ki-outline:before {
  content: "\ea15";
}
.ki-files.ki-outline:before {
  content: "\ea16";
}
.ki-filter-edit.ki-outline:before {
  content: "\ea17";
}
.ki-filter-search.ki-outline:before {
  content: "\ea18";
}
.ki-filter-square.ki-outline:before {
  content: "\ea19";
}
.ki-filter-tablet.ki-outline:before {
  content: "\ea1a";
}
.ki-filter-tick.ki-outline:before {
  content: "\ea1b";
}
.ki-filter.ki-outline:before {
  content: "\ea1c";
}
.ki-financial-schedule.ki-outline:before {
  content: "\ea1d";
}
.ki-fingerprint-scanning.ki-outline:before {
  content: "\ea1e";
}
.ki-flag.ki-outline:before {
  content: "\ea1f";
}
.ki-flash-circle.ki-outline:before {
  content: "\ea20";
}
.ki-flask.ki-outline:before {
  content: "\ea21";
}
.ki-focus.ki-outline:before {
  content: "\ea22";
}
.ki-folder-added.ki-outline:before {
  content: "\ea23";
}
.ki-folder-down.ki-outline:before {
  content: "\ea24";
}
.ki-folder-up.ki-outline:before {
  content: "\ea25";
}
.ki-folder.ki-outline:before {
  content: "\ea26";
}
.ki-frame.ki-outline:before {
  content: "\ea27";
}
.ki-geolocation-home.ki-outline:before {
  content: "\ea28";
}
.ki-geolocation.ki-outline:before {
  content: "\ea29";
}
.ki-ghost.ki-outline:before {
  content: "\ea2a";
}
.ki-gift.ki-outline:before {
  content: "\ea2b";
}
.ki-github.ki-outline:before {
  content: "\ea2c";
}
.ki-glass.ki-outline:before {
  content: "\ea2d";
}
.ki-google-play.ki-outline:before {
  content: "\ea2e";
}
.ki-google.ki-outline:before {
  content: "\ea2f";
}
.ki-graph-2.ki-outline:before {
  content: "\ea30";
}
.ki-graph-3.ki-outline:before {
  content: "\ea31";
}
.ki-graph-4.ki-outline:before {
  content: "\ea32";
}
.ki-graph-up.ki-outline:before {
  content: "\ea33";
}
.ki-graph.ki-outline:before {
  content: "\ea34";
}
.ki-grid-2.ki-outline:before {
  content: "\ea35";
}
.ki-grid.ki-outline:before {
  content: "\ea36";
}
.ki-handcart.ki-outline:before {
  content: "\ea37";
}
.ki-happyemoji.ki-outline:before {
  content: "\ea38";
}
.ki-heart-circle.ki-outline:before {
  content: "\ea39";
}
.ki-heart.ki-outline:before {
  content: "\ea3a";
}
.ki-home-1.ki-outline:before {
  content: "\ea3b";
}
.ki-home-2.ki-outline:before {
  content: "\ea3c";
}
.ki-home-3.ki-outline:before {
  content: "\ea3d";
}
.ki-home.ki-outline:before {
  content: "\ea3e";
}
.ki-html.ki-outline:before {
  content: "\ea3f";
}
.ki-icon.ki-outline:before {
  content: "\ea40";
}
.ki-illustrator.ki-outline:before {
  content: "\ea41";
}
.ki-information-1.ki-outline:before {
  content: "\ea42";
}
.ki-information-2.ki-outline:before {
  content: "\ea43";
}
.ki-information-3.ki-outline:before {
  content: "\ea44";
}
.ki-information-4.ki-outline:before {
  content: "\ea45";
}
.ki-information.ki-outline:before {
  content: "\ea46";
}
.ki-instagram.ki-outline:before {
  content: "\ea47";
}
.ki-joystick.ki-outline:before {
  content: "\ea48";
}
.ki-js-2.ki-outline:before {
  content: "\ea49";
}
.ki-js.ki-outline:before {
  content: "\ea4a";
}
.ki-kanban.ki-outline:before {
  content: "\ea4b";
}
.ki-key-square.ki-outline:before {
  content: "\ea4c";
}
.ki-key.ki-outline:before {
  content: "\ea4d";
}
.ki-keyboard.ki-outline:before {
  content: "\ea4e";
}
.ki-laptop.ki-outline:before {
  content: "\ea4f";
}
.ki-laravel.ki-outline:before {
  content: "\ea50";
}
.ki-left-square.ki-outline:before {
  content: "\ea51";
}
.ki-left.ki-outline:before {
  content: "\ea52";
}
.ki-like-2.ki-outline:before {
  content: "\ea53";
}
.ki-like-folder.ki-outline:before {
  content: "\ea54";
}
.ki-like-shapes.ki-outline:before {
  content: "\ea55";
}
.ki-like-tag.ki-outline:before {
  content: "\ea56";
}
.ki-like.ki-outline:before {
  content: "\ea57";
}
.ki-loading.ki-outline:before {
  content: "\ea58";
}
.ki-lock-2.ki-outline:before {
  content: "\ea59";
}
.ki-lock-3.ki-outline:before {
  content: "\ea5a";
}
.ki-lock.ki-outline:before {
  content: "\ea5b";
}
.ki-logistic.ki-outline:before {
  content: "\ea5c";
}
.ki-lots-shopping.ki-outline:before {
  content: "\ea5d";
}
.ki-lovely.ki-outline:before {
  content: "\ea5e";
}
.ki-lts.ki-outline:before {
  content: "\ea5f";
}
.ki-magnifier.ki-outline:before {
  content: "\ea60";
}
.ki-map.ki-outline:before {
  content: "\ea61";
}
.ki-mask.ki-outline:before {
  content: "\ea62";
}
.ki-maximize.ki-outline:before {
  content: "\ea63";
}
.ki-medal-star.ki-outline:before {
  content: "\ea64";
}
.ki-menu.ki-outline:before {
  content: "\ea65";
}
.ki-message-add.ki-outline:before {
  content: "\ea66";
}
.ki-message-edit.ki-outline:before {
  content: "\ea67";
}
.ki-message-minus.ki-outline:before {
  content: "\ea68";
}
.ki-message-notify.ki-outline:before {
  content: "\ea69";
}
.ki-message-programming.ki-outline:before {
  content: "\ea6a";
}
.ki-message-question.ki-outline:before {
  content: "\ea6b";
}
.ki-message-text-2.ki-outline:before {
  content: "\ea6c";
}
.ki-message-text.ki-outline:before {
  content: "\ea6d";
}
.ki-messages.ki-outline:before {
  content: "\ea6e";
}
.ki-microsoft.ki-outline:before {
  content: "\ea6f";
}
.ki-milk.ki-outline:before {
  content: "\ea70";
}
.ki-minus-circle.ki-outline:before {
  content: "\ea71";
}
.ki-minus-folder.ki-outline:before {
  content: "\ea72";
}
.ki-minus-squared.ki-outline:before {
  content: "\ea73";
}
.ki-minus.ki-outline:before {
  content: "\ea74";
}
.ki-moon.ki-outline:before {
  content: "\ea75";
}
.ki-more-2.ki-outline:before {
  content: "\ea76";
}
.ki-mouse-circle.ki-outline:before {
  content: "\ea77";
}
.ki-mouse-square.ki-outline:before {
  content: "\ea78";
}
.ki-mouse.ki-outline:before {
  content: "\ea79";
}
.ki-nexo.ki-outline:before {
  content: "\ea7a";
}
.ki-night-day.ki-outline:before {
  content: "\ea7b";
}
.ki-note-2.ki-outline:before {
  content: "\ea7c";
}
.ki-note.ki-outline:before {
  content: "\ea7d";
}
.ki-notepad-bookmark.ki-outline:before {
  content: "\ea7e";
}
.ki-notepad-edit.ki-outline:before {
  content: "\ea7f";
}
.ki-notepad.ki-outline:before {
  content: "\ea80";
}
.ki-notification-1.ki-outline:before {
  content: "\ea81";
}
.ki-notification-bing.ki-outline:before {
  content: "\ea82";
}
.ki-notification-circle.ki-outline:before {
  content: "\ea83";
}
.ki-notification-favorite.ki-outline:before {
  content: "\ea84";
}
.ki-notification-on.ki-outline:before {
  content: "\ea85";
}
.ki-notification-status.ki-outline:before {
  content: "\ea86";
}
.ki-notification.ki-outline:before {
  content: "\ea87";
}
.ki-ocean.ki-outline:before {
  content: "\ea88";
}
.ki-office-bag.ki-outline:before {
  content: "\ea89";
}
.ki-package.ki-outline:before {
  content: "\ea8a";
}
.ki-pad.ki-outline:before {
  content: "\ea8b";
}
.ki-pails.ki-outline:before {
  content: "\ea8c";
}
.ki-paintbucket.ki-outline:before {
  content: "\ea8d";
}
.ki-paper-clip.ki-outline:before {
  content: "\ea8e";
}
.ki-paper-plane.ki-outline:before {
  content: "\ea8f";
}
.ki-parcel-tracking.ki-outline:before {
  content: "\ea90";
}
.ki-parcel.ki-outline:before {
  content: "\ea91";
}
.ki-password-check.ki-outline:before {
  content: "\ea92";
}
.ki-paypal.ki-outline:before {
  content: "\ea93";
}
.ki-pencil.ki-outline:before {
  content: "\ea94";
}
.ki-people.ki-outline:before {
  content: "\ea95";
}
.ki-percentage.ki-outline:before {
  content: "\ea96";
}
.ki-phone.ki-outline:before {
  content: "\ea97";
}
.ki-photoshop.ki-outline:before {
  content: "\ea98";
}
.ki-picture.ki-outline:before {
  content: "\ea99";
}
.ki-pill.ki-outline:before {
  content: "\ea9a";
}
.ki-pin.ki-outline:before {
  content: "\ea9b";
}
.ki-plus-circle.ki-outline:before {
  content: "\ea9c";
}
.ki-plus-squared.ki-outline:before {
  content: "\ea9d";
}
.ki-plus.ki-outline:before {
  content: "\ea9e";
}
.ki-pointers.ki-outline:before {
  content: "\ea9f";
}
.ki-price-tag.ki-outline:before {
  content: "\eaa0";
}
.ki-printer.ki-outline:before {
  content: "\eaa1";
}
.ki-profile-circle.ki-outline:before {
  content: "\eaa2";
}
.ki-pulse.ki-outline:before {
  content: "\eaa3";
}
.ki-purchase.ki-outline:before {
  content: "\eaa4";
}
.ki-python.ki-outline:before {
  content: "\eaa5";
}
.ki-question-2.ki-outline:before {
  content: "\eaa6";
}
.ki-question.ki-outline:before {
  content: "\eaa7";
}
.ki-questionnaire-tablet.ki-outline:before {
  content: "\eaa8";
}
.ki-ranking.ki-outline:before {
  content: "\eaa9";
}
.ki-react.ki-outline:before {
  content: "\eaaa";
}
.ki-receipt-square.ki-outline:before {
  content: "\eaab";
}
.ki-rescue.ki-outline:before {
  content: "\eaac";
}
.ki-right-left.ki-outline:before {
  content: "\eaad";
}
.ki-right-square.ki-outline:before {
  content: "\eaae";
}
.ki-right.ki-outline:before {
  content: "\eaaf";
}
.ki-rocket.ki-outline:before {
  content: "\eab0";
}
.ki-route.ki-outline:before {
  content: "\eab1";
}
.ki-router.ki-outline:before {
  content: "\eab2";
}
.ki-row-horizontal.ki-outline:before {
  content: "\eab3";
}
.ki-row-vertical.ki-outline:before {
  content: "\eab4";
}
.ki-safe-home.ki-outline:before {
  content: "\eab5";
}
.ki-satellite.ki-outline:before {
  content: "\eab6";
}
.ki-save-2.ki-outline:before {
  content: "\eab7";
}
.ki-save-deposit.ki-outline:before {
  content: "\eab8";
}
.ki-scan-barcode.ki-outline:before {
  content: "\eab9";
}
.ki-screen.ki-outline:before {
  content: "\eaba";
}
.ki-scroll.ki-outline:before {
  content: "\eabb";
}
.ki-search-list.ki-outline:before {
  content: "\eabc";
}
.ki-security-user.ki-outline:before {
  content: "\eabd";
}
.ki-setting-2.ki-outline:before {
  content: "\eabe";
}
.ki-setting-3.ki-outline:before {
  content: "\eabf";
}
.ki-setting-4.ki-outline:before {
  content: "\eac0";
}
.ki-setting.ki-outline:before {
  content: "\eac1";
}
.ki-share.ki-outline:before {
  content: "\eac2";
}
.ki-shield-cross.ki-outline:before {
  content: "\eac3";
}
.ki-shield-search.ki-outline:before {
  content: "\eac4";
}
.ki-shield-slash.ki-outline:before {
  content: "\eac5";
}
.ki-shield-tick.ki-outline:before {
  content: "\eac6";
}
.ki-shield.ki-outline:before {
  content: "\eac7";
}
.ki-ship.ki-outline:before {
  content: "\eac8";
}
.ki-shop.ki-outline:before {
  content: "\eac9";
}
.ki-simcard-2.ki-outline:before {
  content: "\eaca";
}
.ki-simcard.ki-outline:before {
  content: "\eacb";
}
.ki-size.ki-outline:before {
  content: "\eacc";
}
.ki-slack.ki-outline:before {
  content: "\eacd";
}
.ki-slider-horizontal-2.ki-outline:before {
  content: "\eace";
}
.ki-slider-horizontal.ki-outline:before {
  content: "\eacf";
}
.ki-slider-vertica.ki-outline:before {
  content: "\ead0";
}
.ki-slider-vertical.ki-outline:before {
  content: "\ead1";
}
.ki-slider.ki-outline:before {
  content: "\ead2";
}
.ki-sms.ki-outline:before {
  content: "\ead3";
}
.ki-snapchat.ki-outline:before {
  content: "\ead4";
}
.ki-social-media.ki-outline:before {
  content: "\ead5";
}
.ki-soft-2.ki-outline:before {
  content: "\ead6";
}
.ki-soft-3.ki-outline:before {
  content: "\ead7";
}
.ki-soft.ki-outline:before {
  content: "\ead8";
}
.ki-some-files.ki-outline:before {
  content: "\ead9";
}
.ki-sort.ki-outline:before {
  content: "\eada";
}
.ki-speaker.ki-outline:before {
  content: "\eadb";
}
.ki-spotify.ki-outline:before {
  content: "\eadc";
}
.ki-spring-framework.ki-outline:before {
  content: "\eadd";
}
.ki-square-brackets.ki-outline:before {
  content: "\eade";
}
.ki-star.ki-outline:before {
  content: "\eadf";
}
.ki-status.ki-outline:before {
  content: "\eae0";
}
.ki-subtitle.ki-outline:before {
  content: "\eae1";
}
.ki-sun.ki-outline:before {
  content: "\eae2";
}
.ki-support.ki-outline:before {
  content: "\eae3";
}
.ki-switch.ki-outline:before {
  content: "\eae4";
}
.ki-syringe.ki-outline:before {
  content: "\eae5";
}
.ki-tab-tablet.ki-outline:before {
  content: "\eae6";
}
.ki-tablet-delete.ki-outline:before {
  content: "\eae7";
}
.ki-tablet-down.ki-outline:before {
  content: "\eae8";
}
.ki-tablet-ok.ki-outline:before {
  content: "\eae9";
}
.ki-tablet-text-down.ki-outline:before {
  content: "\eaea";
}
.ki-tablet-text-up.ki-outline:before {
  content: "\eaeb";
}
.ki-tablet-up.ki-outline:before {
  content: "\eaec";
}
.ki-tablet.ki-outline:before {
  content: "\eaed";
}
.ki-tag-cross.ki-outline:before {
  content: "\eaee";
}
.ki-tag.ki-outline:before {
  content: "\eaef";
}
.ki-teacher.ki-outline:before {
  content: "\eaf0";
}
.ki-technology-1.ki-outline:before {
  content: "\eaf1";
}
.ki-technology-2.ki-outline:before {
  content: "\eaf2";
}
.ki-technology-3.ki-outline:before {
  content: "\eaf3";
}
.ki-technology-4.ki-outline:before {
  content: "\eaf4";
}
.ki-telephone-geolocation.ki-outline:before {
  content: "\eaf5";
}
.ki-test-tubes.ki-outline:before {
  content: "\eaf6";
}
.ki-text-bold.ki-outline:before {
  content: "\eaf7";
}
.ki-text-circle.ki-outline:before {
  content: "\eaf8";
}
.ki-text-italic.ki-outline:before {
  content: "\eaf9";
}
.ki-text-number.ki-outline:before {
  content: "\eafa";
}
.ki-text-strikethrough.ki-outline:before {
  content: "\eafb";
}
.ki-text-underline.ki-outline:before {
  content: "\eafc";
}
.ki-text.ki-outline:before {
  content: "\eafd";
}
.ki-textalign-center.ki-outline:before {
  content: "\eafe";
}
.ki-textalign-justifycenter.ki-outline:before {
  content: "\eaff";
}
.ki-textalign-left.ki-outline:before {
  content: "\eb00";
}
.ki-textalign-right.ki-outline:before {
  content: "\eb01";
}
.ki-thermometer.ki-outline:before {
  content: "\eb02";
}
.ki-theta-theta.ki-outline:before {
  content: "\eb03";
}
.ki-tiktok.ki-outline:before {
  content: "\eb04";
}
.ki-time.ki-outline:before {
  content: "\eb05";
}
.ki-timer.ki-outline:before {
  content: "\eb06";
}
.ki-to-left.ki-outline:before {
  content: "\eb07";
}
.ki-to-right.ki-outline:before {
  content: "\eb08";
}
.ki-toggle-off-circle.ki-outline:before {
  content: "\eb09";
}
.ki-toggle-off.ki-outline:before {
  content: "\eb0a";
}
.ki-toggle-on-circle.ki-outline:before {
  content: "\eb0b";
}
.ki-toggle-on.ki-outline:before {
  content: "\eb0c";
}
.ki-trash-square.ki-outline:before {
  content: "\eb0d";
}
.ki-trash.ki-outline:before {
  content: "\eb0e";
}
.ki-tree.ki-outline:before {
  content: "\eb0f";
}
.ki-trello.ki-outline:before {
  content: "\eb10";
}
.ki-ts.ki-outline:before {
  content: "\eb11";
}
.ki-twitch.ki-outline:before {
  content: "\eb12";
}
.ki-twitter.ki-outline:before {
  content: "\eb13";
}
.ki-two-credit-cart.ki-outline:before {
  content: "\eb14";
}
.ki-underlining.ki-outline:before {
  content: "\eb15";
}
.ki-up-diagonal.ki-outline:before {
  content: "\eb16";
}
.ki-up-down.ki-outline:before {
  content: "\eb17";
}
.ki-up-square.ki-outline:before {
  content: "\eb18";
}
.ki-up.ki-outline:before {
  content: "\eb19";
}
.ki-update-file.ki-outline:before {
  content: "\eb1a";
}
.ki-update-folder.ki-outline:before {
  content: "\eb1b";
}
.ki-user-edit.ki-outline:before {
  content: "\eb1c";
}
.ki-user-square.ki-outline:before {
  content: "\eb1d";
}
.ki-user-tick.ki-outline:before {
  content: "\eb1e";
}
.ki-user.ki-outline:before {
  content: "\eb1f";
}
.ki-users.ki-outline:before {
  content: "\eb20";
}
.ki-verify.ki-outline:before {
  content: "\eb21";
}
.ki-vibe-vibe.ki-outline:before {
  content: "\eb22";
}
.ki-virus.ki-outline:before {
  content: "\eb23";
}
.ki-vue.ki-outline:before {
  content: "\eb24";
}
.ki-vuesax.ki-outline:before {
  content: "\eb25";
}
.ki-wallet.ki-outline:before {
  content: "\eb26";
}
.ki-wanchain-wan.ki-outline:before {
  content: "\eb27";
}
.ki-watch.ki-outline:before {
  content: "\eb28";
}
.ki-whatsapp.ki-outline:before {
  content: "\eb29";
}
.ki-wifi-home.ki-outline:before {
  content: "\eb2a";
}
.ki-wifi-square.ki-outline:before {
  content: "\eb2b";
}
.ki-wifi.ki-outline:before {
  content: "\eb2c";
}
.ki-wireframe.ki-outline:before {
  content: "\eb2d";
}
.ki-wlan.ki-outline:before {
  content: "\eb2e";
}
.ki-wrench.ki-outline:before {
  content: "\eb2f";
}
.ki-xaomi.ki-outline:before {
  content: "\eb30";
}
.ki-xd.ki-outline:before {
  content: "\eb31";
}
.ki-xmr.ki-outline:before {
  content: "\eb32";
}
.ki-yii.ki-outline:before {
  content: "\eb33";
}
.ki-youtube.ki-outline:before {
  content: "\eb34";
}

@font-face {
  font-family: 'keenicons-solid';
  src:
    url('fonts/keenicons-solid.ttf?m54ea1') format('truetype'),
    url('fonts/keenicons-solid.woff?m54ea1') format('woff'),
    url('fonts/keenicons-solid.svg?m54ea1#keenicons-solid') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

.ki-solid {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'keenicons-solid' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  display: inline-flex;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.ki-abstract-1.ki-solid:before {
  content: "\e900";
}
.ki-abstract-2.ki-solid:before {
  content: "\e901";
}
.ki-abstract-3.ki-solid:before {
  content: "\e902";
}
.ki-abstract-4.ki-solid:before {
  content: "\e903";
}
.ki-abstract-5.ki-solid:before {
  content: "\e904";
}
.ki-abstract-6.ki-solid:before {
  content: "\e905";
}
.ki-abstract-7.ki-solid:before {
  content: "\e906";
}
.ki-abstract-8.ki-solid:before {
  content: "\e907";
}
.ki-abstract-9.ki-solid:before {
  content: "\e908";
}
.ki-abstract-10.ki-solid:before {
  content: "\e909";
}
.ki-abstract-11.ki-solid:before {
  content: "\e90a";
}
.ki-abstract-12.ki-solid:before {
  content: "\e90b";
}
.ki-abstract-13.ki-solid:before {
  content: "\e90c";
}
.ki-abstract-14.ki-solid:before {
  content: "\e90d";
}
.ki-abstract-15.ki-solid:before {
  content: "\e90e";
}
.ki-abstract-16.ki-solid:before {
  content: "\e90f";
}
.ki-abstract-17.ki-solid:before {
  content: "\e910";
}
.ki-abstract-18.ki-solid:before {
  content: "\e911";
}
.ki-abstract-19.ki-solid:before {
  content: "\e912";
}
.ki-abstract-20.ki-solid:before {
  content: "\e913";
}
.ki-abstract-21.ki-solid:before {
  content: "\e914";
}
.ki-abstract-22.ki-solid:before {
  content: "\e915";
}
.ki-abstract-23.ki-solid:before {
  content: "\e916";
}
.ki-abstract-24.ki-solid:before {
  content: "\e917";
}
.ki-abstract-25.ki-solid:before {
  content: "\e918";
}
.ki-abstract-26.ki-solid:before {
  content: "\e919";
}
.ki-abstract-27.ki-solid:before {
  content: "\e91a";
}
.ki-abstract-28.ki-solid:before {
  content: "\e91b";
}
.ki-abstract-29.ki-solid:before {
  content: "\e91c";
}
.ki-abstract-30.ki-solid:before {
  content: "\e91d";
}
.ki-abstract-31.ki-solid:before {
  content: "\e91e";
}
.ki-abstract-32.ki-solid:before {
  content: "\e91f";
}
.ki-abstract-33.ki-solid:before {
  content: "\e920";
}
.ki-abstract-34.ki-solid:before {
  content: "\e921";
}
.ki-abstract-35.ki-solid:before {
  content: "\e922";
}
.ki-abstract-36.ki-solid:before {
  content: "\e923";
}
.ki-abstract-37.ki-solid:before {
  content: "\e924";
}
.ki-abstract-38.ki-solid:before {
  content: "\e925";
}
.ki-abstract-39.ki-solid:before {
  content: "\e926";
}
.ki-abstract-40.ki-solid:before {
  content: "\e927";
}
.ki-abstract-41.ki-solid:before {
  content: "\e928";
}
.ki-abstract-42.ki-solid:before {
  content: "\e929";
}
.ki-abstract-43.ki-solid:before {
  content: "\e92a";
}
.ki-abstract-44.ki-solid:before {
  content: "\e92b";
}
.ki-abstract-45.ki-solid:before {
  content: "\e92c";
}
.ki-abstract-46.ki-solid:before {
  content: "\e92d";
}
.ki-abstract-47.ki-solid:before {
  content: "\e92e";
}
.ki-abstract-48.ki-solid:before {
  content: "\e92f";
}
.ki-abstract-49.ki-solid:before {
  content: "\e930";
}
.ki-abstract.ki-solid:before {
  content: "\e931";
}
.ki-add-files.ki-solid:before {
  content: "\e932";
}
.ki-add-folder.ki-solid:before {
  content: "\e933";
}
.ki-add-notepad.ki-solid:before {
  content: "\e934";
}
.ki-additem.ki-solid:before {
  content: "\e935";
}
.ki-address-book.ki-solid:before {
  content: "\e936";
}
.ki-airplane-square.ki-solid:before {
  content: "\e937";
}
.ki-airplane.ki-solid:before {
  content: "\e938";
}
.ki-airpod.ki-solid:before {
  content: "\e939";
}
.ki-android.ki-solid:before {
  content: "\e93a";
}
.ki-angular.ki-solid:before {
  content: "\e93b";
}
.ki-apple.ki-solid:before {
  content: "\e93c";
}
.ki-archive-tick.ki-solid:before {
  content: "\e93d";
}
.ki-archive.ki-solid:before {
  content: "\e93e";
}
.ki-arrow-circle-left.ki-solid:before {
  content: "\e93f";
}
.ki-arrow-circle-right.ki-solid:before {
  content: "\e940";
}
.ki-arrow-down-left.ki-solid:before {
  content: "\e941";
}
.ki-arrow-down-refraction.ki-solid:before {
  content: "\e942";
}
.ki-arrow-down-right.ki-solid:before {
  content: "\e943";
}
.ki-arrow-down.ki-solid:before {
  content: "\e944";
}
.ki-arrow-left.ki-solid:before {
  content: "\e945";
}
.ki-arrow-mix.ki-solid:before {
  content: "\e946";
}
.ki-arrow-right-left.ki-solid:before {
  content: "\e947";
}
.ki-arrow-right.ki-solid:before {
  content: "\e948";
}
.ki-arrow-two-diagonals.ki-solid:before {
  content: "\e949";
}
.ki-arrow-up-down.ki-solid:before {
  content: "\e94a";
}
.ki-arrow-up-left.ki-solid:before {
  content: "\e94b";
}
.ki-arrow-up-refraction.ki-solid:before {
  content: "\e94c";
}
.ki-arrow-up-right.ki-solid:before {
  content: "\e94d";
}
.ki-arrow-up.ki-solid:before {
  content: "\e94e";
}
.ki-arrow-zigzag.ki-solid:before {
  content: "\e94f";
}
.ki-arrows-circle.ki-solid:before {
  content: "\e950";
}
.ki-arrows-loop.ki-solid:before {
  content: "\e951";
}
.ki-artificial-intelligence.ki-solid:before {
  content: "\e952";
}
.ki-autobrightness.ki-solid:before {
  content: "\e953";
}
.ki-avalanche-avax.ki-solid:before {
  content: "\e954";
}
.ki-award.ki-solid:before {
  content: "\e955";
}
.ki-badge.ki-solid:before {
  content: "\e956";
}
.ki-bandage.ki-solid:before {
  content: "\e957";
}
.ki-bank.ki-solid:before {
  content: "\e958";
}
.ki-bar-chart.ki-solid:before {
  content: "\e959";
}
.ki-barcode.ki-solid:before {
  content: "\e95a";
}
.ki-basket-ok.ki-solid:before {
  content: "\e95b";
}
.ki-basket.ki-solid:before {
  content: "\e95c";
}
.ki-behance.ki-solid:before {
  content: "\e95d";
}
.ki-bill.ki-solid:before {
  content: "\e95e";
}
.ki-binance-usd-busd.ki-solid:before {
  content: "\e95f";
}
.ki-binance.ki-solid:before {
  content: "\e960";
}
.ki-bitcoin.ki-solid:before {
  content: "\e961";
}
.ki-black-down.ki-solid:before {
  content: "\e962";
}
.ki-black-left-line.ki-solid:before {
  content: "\e963";
}
.ki-black-left.ki-solid:before {
  content: "\e964";
}
.ki-black-right-line.ki-solid:before {
  content: "\e965";
}
.ki-black-right.ki-solid:before {
  content: "\e966";
}
.ki-black-up.ki-solid:before {
  content: "\e967";
}
.ki-bluetooth.ki-solid:before {
  content: "\e968";
}
.ki-book-open.ki-solid:before {
  content: "\e969";
}
.ki-book-square.ki-solid:before {
  content: "\e96a";
}
.ki-book.ki-solid:before {
  content: "\e96b";
}
.ki-bookmark-2.ki-solid:before {
  content: "\e96c";
}
.ki-bookmark.ki-solid:before {
  content: "\e96d";
}
.ki-bootstrap.ki-solid:before {
  content: "\e96e";
}
.ki-briefcase.ki-solid:before {
  content: "\e96f";
}
.ki-brifecase-cros.ki-solid:before {
  content: "\e970";
}
.ki-brifecase-tick.ki-solid:before {
  content: "\e971";
}
.ki-brifecase-timer.ki-solid:before {
  content: "\e972";
}
.ki-brush.ki-solid:before {
  content: "\e973";
}
.ki-bucket-square.ki-solid:before {
  content: "\e974";
}
.ki-bucket.ki-solid:before {
  content: "\e975";
}
.ki-burger-menu-1.ki-solid:before {
  content: "\e976";
}
.ki-burger-menu-2.ki-solid:before {
  content: "\e977";
}
.ki-burger-menu-3.ki-solid:before {
  content: "\e978";
}
.ki-burger-menu-4.ki-solid:before {
  content: "\e979";
}
.ki-burger-menu-5.ki-solid:before {
  content: "\e97a";
}
.ki-burger-menu-6.ki-solid:before {
  content: "\e97b";
}
.ki-burger-menu.ki-solid:before {
  content: "\e97c";
}
.ki-bus.ki-solid:before {
  content: "\e97d";
}
.ki-calculator.ki-solid:before {
  content: "\e97e";
}
.ki-calculatoror.ki-solid:before {
  content: "\e97f";
}
.ki-calendar-2.ki-solid:before {
  content: "\e980";
}
.ki-calendar-8.ki-solid:before {
  content: "\e981";
}
.ki-calendar-add.ki-solid:before {
  content: "\e982";
}
.ki-calendar-edit.ki-solid:before {
  content: "\e983";
}
.ki-calendar-remove.ki-solid:before {
  content: "\e984";
}
.ki-calendar-search.ki-solid:before {
  content: "\e985";
}
.ki-calendar-tick.ki-solid:before {
  content: "\e986";
}
.ki-calendar.ki-solid:before {
  content: "\e987";
}
.ki-call.ki-solid:before {
  content: "\e988";
}
.ki-capsule.ki-solid:before {
  content: "\e989";
}
.ki-car.ki-solid:before {
  content: "\e98a";
}
.ki-category.ki-solid:before {
  content: "\e98b";
}
.ki-cd.ki-solid:before {
  content: "\e98c";
}
.ki-celsius-cel.ki-solid:before {
  content: "\e98d";
}
.ki-chart-line-down-2.ki-solid:before {
  content: "\e98e";
}
.ki-chart-line-down.ki-solid:before {
  content: "\e98f";
}
.ki-chart-line-star.ki-solid:before {
  content: "\e990";
}
.ki-chart-line-up-2.ki-solid:before {
  content: "\e991";
}
.ki-chart-line-up.ki-solid:before {
  content: "\e992";
}
.ki-chart-line.ki-solid:before {
  content: "\e993";
}
.ki-chart-pie-3.ki-solid:before {
  content: "\e994";
}
.ki-chart-pie-4.ki-solid:before {
  content: "\e995";
}
.ki-chart-pie-simple.ki-solid:before {
  content: "\e996";
}
.ki-chart-pie-too.ki-solid:before {
  content: "\e997";
}
.ki-chart-simple-2.ki-solid:before {
  content: "\e998";
}
.ki-chart-simple-3.ki-solid:before {
  content: "\e999";
}
.ki-chart-simple.ki-solid:before {
  content: "\e99a";
}
.ki-chart.ki-solid:before {
  content: "\e99b";
}
.ki-check-circle.ki-solid:before {
  content: "\e99c";
}
.ki-check-squared.ki-solid:before {
  content: "\e99d";
}
.ki-check.ki-solid:before {
  content: "\e99e";
}
.ki-cheque.ki-solid:before {
  content: "\e99f";
}
.ki-chrome.ki-solid:before {
  content: "\e9a0";
}
.ki-classmates.ki-solid:before {
  content: "\e9a1";
}
.ki-click.ki-solid:before {
  content: "\e9a2";
}
.ki-clipboard.ki-solid:before {
  content: "\e9a3";
}
.ki-cloud-add.ki-solid:before {
  content: "\e9a4";
}
.ki-cloud-change.ki-solid:before {
  content: "\e9a5";
}
.ki-cloud-download.ki-solid:before {
  content: "\e9a6";
}
.ki-cloud.ki-solid:before {
  content: "\e9a7";
}
.ki-code.ki-solid:before {
  content: "\e9a8";
}
.ki-coffee.ki-solid:before {
  content: "\e9a9";
}
.ki-color-swatch.ki-solid:before {
  content: "\e9aa";
}
.ki-colors-square.ki-solid:before {
  content: "\e9ab";
}
.ki-compass.ki-solid:before {
  content: "\e9ac";
}
.ki-copy-success.ki-solid:before {
  content: "\e9ad";
}
.ki-copy.ki-solid:before {
  content: "\e9ae";
}
.ki-courier-express.ki-solid:before {
  content: "\e9af";
}
.ki-courier.ki-solid:before {
  content: "\e9b0";
}
.ki-credit-cart.ki-solid:before {
  content: "\e9b1";
}
.ki-cross-circle.ki-solid:before {
  content: "\e9b2";
}
.ki-cross-square.ki-solid:before {
  content: "\e9b3";
}
.ki-cross.ki-solid:before {
  content: "\e9b4";
}
.ki-crown-2.ki-solid:before {
  content: "\e9b5";
}
.ki-crown.ki-solid:before {
  content: "\e9b6";
}
.ki-css.ki-solid:before {
  content: "\e9b7";
}
.ki-cube-2.ki-solid:before {
  content: "\e9b8";
}
.ki-cube-3.ki-solid:before {
  content: "\e9b9";
}
.ki-cup.ki-solid:before {
  content: "\e9ba";
}
.ki-cursor.ki-solid:before {
  content: "\e9bb";
}
.ki-dash.ki-solid:before {
  content: "\e9bc";
}
.ki-data.ki-solid:before {
  content: "\e9bd";
}
.ki-delete-files.ki-solid:before {
  content: "\e9be";
}
.ki-delete-folder.ki-solid:before {
  content: "\e9bf";
}
.ki-delivery-2.ki-solid:before {
  content: "\e9c0";
}
.ki-delivery-3.ki-solid:before {
  content: "\e9c1";
}
.ki-delivery-24.ki-solid:before {
  content: "\e9c2";
}
.ki-delivery-door.ki-solid:before {
  content: "\e9c3";
}
.ki-delivery-geolocation.ki-solid:before {
  content: "\e9c4";
}
.ki-delivery-time.ki-solid:before {
  content: "\e9c5";
}
.ki-delivery.ki-solid:before {
  content: "\e9c6";
}
.ki-design-1.ki-solid:before {
  content: "\e9c7";
}
.ki-design-2.ki-solid:before {
  content: "\e9c8";
}
.ki-desktop-mobile.ki-solid:before {
  content: "\e9c9";
}
.ki-devices-2.ki-solid:before {
  content: "\e9ca";
}
.ki-devices.ki-solid:before {
  content: "\e9cb";
}
.ki-diamonds.ki-solid:before {
  content: "\e9cc";
}
.ki-directbox-default.ki-solid:before {
  content: "\e9cd";
}
.ki-disconnect.ki-solid:before {
  content: "\e9ce";
}
.ki-discount.ki-solid:before {
  content: "\e9cf";
}
.ki-disguise.ki-solid:before {
  content: "\e9d0";
}
.ki-disk.ki-solid:before {
  content: "\e9d1";
}
.ki-dislike.ki-solid:before {
  content: "\e9d2";
}
.ki-dj.ki-solid:before {
  content: "\e9d3";
}
.ki-document.ki-solid:before {
  content: "\e9d4";
}
.ki-double-check.ki-solid:before {
  content: "\e9d5";
}
.ki-dollar.ki-solid:before {
  content: "\e9d6";
}
.ki-dots-circle-vertical.ki-solid:before {
  content: "\e9d7";
}
.ki-dots-circle.ki-solid:before {
  content: "\e9d8";
}
.ki-dots-horizontal.ki-solid:before {
  content: "\e9d9";
}
.ki-dots-square-vertical.ki-solid:before {
  content: "\e9da";
}
.ki-dots-square.ki-solid:before {
  content: "\e9db";
}
.ki-dots-vertical.ki-solid:before {
  content: "\e9dc";
}
.ki-double-down.ki-solid:before {
  content: "\e9dd";
}
.ki-double-left-arrow.ki-solid:before {
  content: "\e9de";
}
.ki-double-left.ki-solid:before {
  content: "\e9df";
}
.ki-double-right-arrow.ki-solid:before {
  content: "\e9e0";
}
.ki-double-right.ki-solid:before {
  content: "\e9e1";
}
.ki-double-up.ki-solid:before {
  content: "\e9e2";
}
.ki-down-square.ki-solid:before {
  content: "\e9e3";
}
.ki-down.ki-solid:before {
  content: "\e9e4";
}
.ki-dribbble.ki-solid:before {
  content: "\e9e5";
}
.ki-drop.ki-solid:before {
  content: "\e9e6";
}
.ki-dropbox.ki-solid:before {
  content: "\e9e7";
}
.ki-duble-check-circle.ki-solid:before {
  content: "\e9e8";
}
.ki-educare-ekt.ki-solid:before {
  content: "\e9e9";
}
.ki-electricity.ki-solid:before {
  content: "\e9ea";
}
.ki-electronic-clock.ki-solid:before {
  content: "\e9eb";
}
.ki-element-1.ki-solid:before {
  content: "\e9ec";
}
.ki-element-2.ki-solid:before {
  content: "\e9ed";
}
.ki-element-3.ki-solid:before {
  content: "\e9ee";
}
.ki-element-4.ki-solid:before {
  content: "\e9ef";
}
.ki-element-5.ki-solid:before {
  content: "\e9f0";
}
.ki-element-6.ki-solid:before {
  content: "\e9f1";
}
.ki-element-7.ki-solid:before {
  content: "\e9f2";
}
.ki-element-8.ki-solid:before {
  content: "\e9f3";
}
.ki-element-9.ki-solid:before {
  content: "\e9f4";
}
.ki-element-10.ki-solid:before {
  content: "\e9f5";
}
.ki-element-11.ki-solid:before {
  content: "\e9f6";
}
.ki-element-12.ki-solid:before {
  content: "\e9f7";
}
.ki-element-equal.ki-solid:before {
  content: "\e9f8";
}
.ki-element-plus.ki-solid:before {
  content: "\e9f9";
}
.ki-emoji-happy.ki-solid:before {
  content: "\e9fa";
}
.ki-enjin-coin-enj.ki-solid:before {
  content: "\e9fb";
}
.ki-ensure.ki-solid:before {
  content: "\e9fc";
}
.ki-entrance-left.ki-solid:before {
  content: "\e9fd";
}
.ki-entrance-right.ki-solid:before {
  content: "\e9fe";
}
.ki-eraser.ki-solid:before {
  content: "\e9ff";
}
.ki-euro.ki-solid:before {
  content: "\ea00";
}
.ki-exit-down.ki-solid:before {
  content: "\ea01";
}
.ki-exit-left.ki-solid:before {
  content: "\ea02";
}
.ki-exit-right-corner.ki-solid:before {
  content: "\ea03";
}
.ki-exit-right.ki-solid:before {
  content: "\ea04";
}
.ki-exit-up.ki-solid:before {
  content: "\ea05";
}
.ki-external-drive.ki-solid:before {
  content: "\ea06";
}
.ki-eye-slash.ki-solid:before {
  content: "\ea07";
}
.ki-eye.ki-solid:before {
  content: "\ea08";
}
.ki-face-id.ki-solid:before {
  content: "\ea09";
}
.ki-facebook.ki-solid:before {
  content: "\ea0a";
}
.ki-fasten.ki-solid:before {
  content: "\ea0b";
}
.ki-fatrows.ki-solid:before {
  content: "\ea0c";
}
.ki-feather.ki-solid:before {
  content: "\ea0d";
}
.ki-figma.ki-solid:before {
  content: "\ea0e";
}
.ki-file-added.ki-solid:before {
  content: "\ea0f";
}
.ki-file-deleted.ki-solid:before {
  content: "\ea10";
}
.ki-file-down.ki-solid:before {
  content: "\ea11";
}
.ki-file-left.ki-solid:before {
  content: "\ea12";
}
.ki-file-right.ki-solid:before {
  content: "\ea13";
}
.ki-file-sheet.ki-solid:before {
  content: "\ea14";
}
.ki-file-up.ki-solid:before {
  content: "\ea15";
}
.ki-files.ki-solid:before {
  content: "\ea16";
}
.ki-filter-edit.ki-solid:before {
  content: "\ea17";
}
.ki-filter-search.ki-solid:before {
  content: "\ea18";
}
.ki-filter-square.ki-solid:before {
  content: "\ea19";
}
.ki-filter-tablet.ki-solid:before {
  content: "\ea1a";
}
.ki-filter-tick.ki-solid:before {
  content: "\ea1b";
}
.ki-filter.ki-solid:before {
  content: "\ea1c";
}
.ki-financial-schedule.ki-solid:before {
  content: "\ea1d";
}
.ki-fingerprint-scanning.ki-solid:before {
  content: "\ea1e";
}
.ki-flag.ki-solid:before {
  content: "\ea1f";
}
.ki-flash-circle.ki-solid:before {
  content: "\ea20";
}
.ki-flask.ki-solid:before {
  content: "\ea21";
}
.ki-focus.ki-solid:before {
  content: "\ea22";
}
.ki-folder-added.ki-solid:before {
  content: "\ea23";
}
.ki-folder-down.ki-solid:before {
  content: "\ea24";
}
.ki-folder-up.ki-solid:before {
  content: "\ea25";
}
.ki-folder.ki-solid:before {
  content: "\ea26";
}
.ki-frame.ki-solid:before {
  content: "\ea27";
}
.ki-geolocation-home.ki-solid:before {
  content: "\ea28";
}
.ki-geolocation.ki-solid:before {
  content: "\ea29";
}
.ki-ghost.ki-solid:before {
  content: "\ea2a";
}
.ki-gift.ki-solid:before {
  content: "\ea2b";
}
.ki-github.ki-solid:before {
  content: "\ea2c";
}
.ki-glass.ki-solid:before {
  content: "\ea2d";
}
.ki-google-play.ki-solid:before {
  content: "\ea2e";
}
.ki-google.ki-solid:before {
  content: "\ea2f";
}
.ki-graph-2.ki-solid:before {
  content: "\ea30";
}
.ki-graph-3.ki-solid:before {
  content: "\ea31";
}
.ki-graph-4.ki-solid:before {
  content: "\ea32";
}
.ki-graph-up.ki-solid:before {
  content: "\ea33";
}
.ki-graph.ki-solid:before {
  content: "\ea34";
}
.ki-grid-2.ki-solid:before {
  content: "\ea35";
}
.ki-grid.ki-solid:before {
  content: "\ea36";
}
.ki-handcart.ki-solid:before {
  content: "\ea37";
}
.ki-happyemoji.ki-solid:before {
  content: "\ea38";
}
.ki-heart-circle.ki-solid:before {
  content: "\ea39";
}
.ki-heart.ki-solid:before {
  content: "\ea3a";
}
.ki-home-1.ki-solid:before {
  content: "\ea3b";
}
.ki-home-2.ki-solid:before {
  content: "\ea3c";
}
.ki-home-3.ki-solid:before {
  content: "\ea3d";
}
.ki-home.ki-solid:before {
  content: "\ea3e";
}
.ki-html.ki-solid:before {
  content: "\ea3f";
}
.ki-icon.ki-solid:before {
  content: "\ea40";
}
.ki-illustrator.ki-solid:before {
  content: "\ea41";
}
.ki-information-1.ki-solid:before {
  content: "\ea42";
}
.ki-information-2.ki-solid:before {
  content: "\ea43";
}
.ki-information-3.ki-solid:before {
  content: "\ea44";
}
.ki-information-4.ki-solid:before {
  content: "\ea45";
}
.ki-information.ki-solid:before {
  content: "\ea46";
}
.ki-instagram.ki-solid:before {
  content: "\ea47";
}
.ki-joystick.ki-solid:before {
  content: "\ea48";
}
.ki-js-2.ki-solid:before {
  content: "\ea49";
}
.ki-js.ki-solid:before {
  content: "\ea4a";
}
.ki-kanban.ki-solid:before {
  content: "\ea4b";
}
.ki-key-square.ki-solid:before {
  content: "\ea4c";
}
.ki-key.ki-solid:before {
  content: "\ea4d";
}
.ki-keyboard.ki-solid:before {
  content: "\ea4e";
}
.ki-laptop.ki-solid:before {
  content: "\ea4f";
}
.ki-laravel.ki-solid:before {
  content: "\ea50";
}
.ki-left-square.ki-solid:before {
  content: "\ea51";
}
.ki-left.ki-solid:before {
  content: "\ea52";
}
.ki-like-2.ki-solid:before {
  content: "\ea53";
}
.ki-like-folder.ki-solid:before {
  content: "\ea54";
}
.ki-like-shapes.ki-solid:before {
  content: "\ea55";
}
.ki-like-tag.ki-solid:before {
  content: "\ea56";
}
.ki-like.ki-solid:before {
  content: "\ea57";
}
.ki-loading.ki-solid:before {
  content: "\ea58";
}
.ki-lock-2.ki-solid:before {
  content: "\ea59";
}
.ki-lock-3.ki-solid:before {
  content: "\ea5a";
}
.ki-lock.ki-solid:before {
  content: "\ea5b";
}
.ki-logistic.ki-solid:before {
  content: "\ea5c";
}
.ki-lots-shopping.ki-solid:before {
  content: "\ea5d";
}
.ki-lovely.ki-solid:before {
  content: "\ea5e";
}
.ki-lts.ki-solid:before {
  content: "\ea5f";
}
.ki-magnifier.ki-solid:before {
  content: "\ea60";
}
.ki-map.ki-solid:before {
  content: "\ea61";
}
.ki-mask.ki-solid:before {
  content: "\ea62";
}
.ki-maximize.ki-solid:before {
  content: "\ea63";
}
.ki-medal-star.ki-solid:before {
  content: "\ea64";
}
.ki-menu.ki-solid:before {
  content: "\ea65";
}
.ki-message-add.ki-solid:before {
  content: "\ea66";
}
.ki-message-edit.ki-solid:before {
  content: "\ea67";
}
.ki-message-minus.ki-solid:before {
  content: "\ea68";
}
.ki-message-notify.ki-solid:before {
  content: "\ea69";
}
.ki-message-programming.ki-solid:before {
  content: "\ea6a";
}
.ki-message-question.ki-solid:before {
  content: "\ea6b";
}
.ki-message-text-2.ki-solid:before {
  content: "\ea6c";
}
.ki-message-text.ki-solid:before {
  content: "\ea6d";
}
.ki-messages.ki-solid:before {
  content: "\ea6e";
}
.ki-microsoft.ki-solid:before {
  content: "\ea6f";
}
.ki-milk.ki-solid:before {
  content: "\ea70";
}
.ki-minus-circle.ki-solid:before {
  content: "\ea71";
}
.ki-minus-folder.ki-solid:before {
  content: "\ea72";
}
.ki-minus-squared.ki-solid:before {
  content: "\ea73";
}
.ki-minus.ki-solid:before {
  content: "\ea74";
}
.ki-moon.ki-solid:before {
  content: "\ea75";
}
.ki-more-2.ki-solid:before {
  content: "\ea76";
}
.ki-mouse-circle.ki-solid:before {
  content: "\ea77";
}
.ki-mouse-square.ki-solid:before {
  content: "\ea78";
}
.ki-mouse.ki-solid:before {
  content: "\ea79";
}
.ki-nexo.ki-solid:before {
  content: "\ea7a";
}
.ki-night-day.ki-solid:before {
  content: "\ea7b";
}
.ki-note-2.ki-solid:before {
  content: "\ea7c";
}
.ki-note.ki-solid:before {
  content: "\ea7d";
}
.ki-notepad-bookmark.ki-solid:before {
  content: "\ea7e";
}
.ki-notepad-edit.ki-solid:before {
  content: "\ea7f";
}
.ki-notepad.ki-solid:before {
  content: "\ea80";
}
.ki-notification-1.ki-solid:before {
  content: "\ea81";
}
.ki-notification-bing.ki-solid:before {
  content: "\ea82";
}
.ki-notification-circle.ki-solid:before {
  content: "\ea83";
}
.ki-notification-favorite.ki-solid:before {
  content: "\ea84";
}
.ki-notification-on.ki-solid:before {
  content: "\ea85";
}
.ki-notification-status.ki-solid:before {
  content: "\ea86";
}
.ki-notification.ki-solid:before {
  content: "\ea87";
}
.ki-ocean.ki-solid:before {
  content: "\ea88";
}
.ki-office-bag.ki-solid:before {
  content: "\ea89";
}
.ki-package.ki-solid:before {
  content: "\ea8a";
}
.ki-pad.ki-solid:before {
  content: "\ea8b";
}
.ki-pails.ki-solid:before {
  content: "\ea8c";
}
.ki-paintbucket.ki-solid:before {
  content: "\ea8d";
}
.ki-paper-clip.ki-solid:before {
  content: "\ea8e";
}
.ki-paper-plane.ki-solid:before {
  content: "\ea8f";
}
.ki-parcel-tracking.ki-solid:before {
  content: "\ea90";
}
.ki-parcel.ki-solid:before {
  content: "\ea91";
}
.ki-password-check.ki-solid:before {
  content: "\ea92";
}
.ki-paypal.ki-solid:before {
  content: "\ea93";
}
.ki-pencil.ki-solid:before {
  content: "\ea94";
}
.ki-people.ki-solid:before {
  content: "\ea95";
}
.ki-percentage.ki-solid:before {
  content: "\ea96";
}
.ki-phone.ki-solid:before {
  content: "\ea97";
}
.ki-photoshop.ki-solid:before {
  content: "\ea98";
}
.ki-picture.ki-solid:before {
  content: "\ea99";
}
.ki-pill.ki-solid:before {
  content: "\ea9a";
}
.ki-pin.ki-solid:before {
  content: "\ea9b";
}
.ki-plus-circle.ki-solid:before {
  content: "\ea9c";
}
.ki-plus-squared.ki-solid:before {
  content: "\ea9d";
}
.ki-plus.ki-solid:before {
  content: "\ea9e";
}
.ki-pointers.ki-solid:before {
  content: "\ea9f";
}
.ki-price-tag.ki-solid:before {
  content: "\eaa0";
}
.ki-printer.ki-solid:before {
  content: "\eaa1";
}
.ki-profile-circle.ki-solid:before {
  content: "\eaa2";
}
.ki-pulse.ki-solid:before {
  content: "\eaa3";
}
.ki-purchase.ki-solid:before {
  content: "\eaa4";
}
.ki-python.ki-solid:before {
  content: "\eaa5";
}
.ki-question-2.ki-solid:before {
  content: "\eaa6";
}
.ki-question.ki-solid:before {
  content: "\eaa7";
}
.ki-questionnaire-tablet.ki-solid:before {
  content: "\eaa8";
}
.ki-ranking.ki-solid:before {
  content: "\eaa9";
}
.ki-react.ki-solid:before {
  content: "\eaaa";
}
.ki-receipt-square.ki-solid:before {
  content: "\eaab";
}
.ki-rescue.ki-solid:before {
  content: "\eaac";
}
.ki-right-left.ki-solid:before {
  content: "\eaad";
}
.ki-right-square.ki-solid:before {
  content: "\eaae";
}
.ki-right.ki-solid:before {
  content: "\eaaf";
}
.ki-rocket.ki-solid:before {
  content: "\eab0";
}
.ki-route.ki-solid:before {
  content: "\eab1";
}
.ki-router.ki-solid:before {
  content: "\eab2";
}
.ki-row-horizontal.ki-solid:before {
  content: "\eab3";
}
.ki-row-vertical.ki-solid:before {
  content: "\eab4";
}
.ki-safe-home.ki-solid:before {
  content: "\eab5";
}
.ki-satellite.ki-solid:before {
  content: "\eab6";
}
.ki-save-2.ki-solid:before {
  content: "\eab7";
}
.ki-save-deposit.ki-solid:before {
  content: "\eab8";
}
.ki-scan-barcode.ki-solid:before {
  content: "\eab9";
}
.ki-screen.ki-solid:before {
  content: "\eaba";
}
.ki-scroll.ki-solid:before {
  content: "\eabb";
}
.ki-search-list.ki-solid:before {
  content: "\eabc";
}
.ki-security-user.ki-solid:before {
  content: "\eabd";
}
.ki-setting-2.ki-solid:before {
  content: "\eabe";
}
.ki-setting-3.ki-solid:before {
  content: "\eabf";
}
.ki-setting-4.ki-solid:before {
  content: "\eac0";
}
.ki-setting.ki-solid:before {
  content: "\eac1";
}
.ki-share.ki-solid:before {
  content: "\eac2";
}
.ki-shield-cross.ki-solid:before {
  content: "\eac3";
}
.ki-shield-search.ki-solid:before {
  content: "\eac4";
}
.ki-shield-slash.ki-solid:before {
  content: "\eac5";
}
.ki-shield-tick.ki-solid:before {
  content: "\eac6";
}
.ki-shield.ki-solid:before {
  content: "\eac7";
}
.ki-ship.ki-solid:before {
  content: "\eac8";
}
.ki-shop.ki-solid:before {
  content: "\eac9";
}
.ki-simcard-2.ki-solid:before {
  content: "\eaca";
}
.ki-simcard.ki-solid:before {
  content: "\eacb";
}
.ki-size.ki-solid:before {
  content: "\eacc";
}
.ki-slack.ki-solid:before {
  content: "\eacd";
}
.ki-slider-horizontal-2.ki-solid:before {
  content: "\eace";
}
.ki-slider-horizontal.ki-solid:before {
  content: "\eacf";
}
.ki-slider-vertica.ki-solid:before {
  content: "\ead0";
}
.ki-slider-vertical.ki-solid:before {
  content: "\ead1";
}
.ki-slider.ki-solid:before {
  content: "\ead2";
}
.ki-sms.ki-solid:before {
  content: "\ead3";
}
.ki-snapchat.ki-solid:before {
  content: "\ead4";
}
.ki-social-media.ki-solid:before {
  content: "\ead5";
}
.ki-soft-2.ki-solid:before {
  content: "\ead6";
}
.ki-soft-3.ki-solid:before {
  content: "\ead7";
}
.ki-soft.ki-solid:before {
  content: "\ead8";
}
.ki-some-files.ki-solid:before {
  content: "\ead9";
}
.ki-sort.ki-solid:before {
  content: "\eada";
}
.ki-speaker.ki-solid:before {
  content: "\eadb";
}
.ki-spotify.ki-solid:before {
  content: "\eadc";
}
.ki-spring-framework.ki-solid:before {
  content: "\eadd";
}
.ki-square-brackets.ki-solid:before {
  content: "\eade";
}
.ki-star.ki-solid:before {
  content: "\eadf";
}
.ki-status.ki-solid:before {
  content: "\eae0";
}
.ki-subtitle.ki-solid:before {
  content: "\eae1";
}
.ki-sun.ki-solid:before {
  content: "\eae2";
}
.ki-support.ki-solid:before {
  content: "\eae3";
}
.ki-switch.ki-solid:before {
  content: "\eae4";
}
.ki-syringe.ki-solid:before {
  content: "\eae5";
}
.ki-tab-tablet.ki-solid:before {
  content: "\eae6";
}
.ki-tablet-delete.ki-solid:before {
  content: "\eae7";
}
.ki-tablet-down.ki-solid:before {
  content: "\eae8";
}
.ki-tablet-ok.ki-solid:before {
  content: "\eae9";
}
.ki-tablet-text-down.ki-solid:before {
  content: "\eaea";
}
.ki-tablet-text-up.ki-solid:before {
  content: "\eaeb";
}
.ki-tablet-up.ki-solid:before {
  content: "\eaec";
}
.ki-tablet.ki-solid:before {
  content: "\eaed";
}
.ki-tag-cross.ki-solid:before {
  content: "\eaee";
}
.ki-tag.ki-solid:before {
  content: "\eaef";
}
.ki-teacher.ki-solid:before {
  content: "\eaf0";
}
.ki-technology-1.ki-solid:before {
  content: "\eaf1";
}
.ki-technology-2.ki-solid:before {
  content: "\eaf2";
}
.ki-technology-3.ki-solid:before {
  content: "\eaf3";
}
.ki-technology-4.ki-solid:before {
  content: "\eaf4";
}
.ki-telephone-geolocation.ki-solid:before {
  content: "\eaf5";
}
.ki-test-tubes.ki-solid:before {
  content: "\eaf6";
}
.ki-text-bold.ki-solid:before {
  content: "\eaf7";
}
.ki-text-circle.ki-solid:before {
  content: "\eaf8";
}
.ki-text-italic.ki-solid:before {
  content: "\eaf9";
}
.ki-text-number.ki-solid:before {
  content: "\eafa";
}
.ki-text-strikethrough.ki-solid:before {
  content: "\eafb";
}
.ki-text-underline.ki-solid:before {
  content: "\eafc";
}
.ki-text.ki-solid:before {
  content: "\eafd";
}
.ki-textalign-center.ki-solid:before {
  content: "\eafe";
}
.ki-textalign-justifycenter.ki-solid:before {
  content: "\eaff";
}
.ki-textalign-left.ki-solid:before {
  content: "\eb00";
}
.ki-textalign-right.ki-solid:before {
  content: "\eb01";
}
.ki-thermometer.ki-solid:before {
  content: "\eb02";
}
.ki-theta-theta.ki-solid:before {
  content: "\eb03";
}
.ki-tiktok.ki-solid:before {
  content: "\eb04";
}
.ki-time.ki-solid:before {
  content: "\eb05";
}
.ki-timer.ki-solid:before {
  content: "\eb06";
}
.ki-to-left.ki-solid:before {
  content: "\eb07";
}
.ki-to-right.ki-solid:before {
  content: "\eb08";
}
.ki-toggle-off-circle.ki-solid:before {
  content: "\eb09";
}
.ki-toggle-off.ki-solid:before {
  content: "\eb0a";
}
.ki-toggle-on-circle.ki-solid:before {
  content: "\eb0b";
}
.ki-toggle-on.ki-solid:before {
  content: "\eb0c";
}
.ki-trash-square.ki-solid:before {
  content: "\eb0d";
}
.ki-trash.ki-solid:before {
  content: "\eb0e";
}
.ki-tree.ki-solid:before {
  content: "\eb0f";
}
.ki-trello.ki-solid:before {
  content: "\eb10";
}
.ki-ts.ki-solid:before {
  content: "\eb11";
}
.ki-twitch.ki-solid:before {
  content: "\eb12";
}
.ki-twitter.ki-solid:before {
  content: "\eb13";
}
.ki-two-credit-cart.ki-solid:before {
  content: "\eb14";
}
.ki-underlining.ki-solid:before {
  content: "\eb15";
}
.ki-up-diagonal.ki-solid:before {
  content: "\eb16";
}
.ki-up-down.ki-solid:before {
  content: "\eb17";
}
.ki-up-square.ki-solid:before {
  content: "\eb18";
}
.ki-up.ki-solid:before {
  content: "\eb19";
}
.ki-update-file.ki-solid:before {
  content: "\eb1a";
}
.ki-update-folder.ki-solid:before {
  content: "\eb1b";
}
.ki-user-edit.ki-solid:before {
  content: "\eb1c";
}
.ki-user-square.ki-solid:before {
  content: "\eb1d";
}
.ki-user-tick.ki-solid:before {
  content: "\eb1e";
}
.ki-user.ki-solid:before {
  content: "\eb1f";
}
.ki-users.ki-solid:before {
  content: "\eb20";
}
.ki-verify.ki-solid:before {
  content: "\eb21";
}
.ki-vibe-vibe.ki-solid:before {
  content: "\eb22";
}
.ki-virus.ki-solid:before {
  content: "\eb23";
}
.ki-vue.ki-solid:before {
  content: "\eb24";
}
.ki-vuesax.ki-solid:before {
  content: "\eb25";
}
.ki-wallet.ki-solid:before {
  content: "\eb26";
}
.ki-wanchain-wan.ki-solid:before {
  content: "\eb27";
}
.ki-watch.ki-solid:before {
  content: "\eb28";
}
.ki-whatsapp.ki-solid:before {
  content: "\eb29";
}
.ki-wifi-home.ki-solid:before {
  content: "\eb2a";
}
.ki-wifi-square.ki-solid:before {
  content: "\eb2b";
}
.ki-wifi.ki-solid:before {
  content: "\eb2c";
}
.ki-wireframe.ki-solid:before {
  content: "\eb2d";
}
.ki-wlan.ki-solid:before {
  content: "\eb2e";
}
.ki-wrench.ki-solid:before {
  content: "\eb2f";
}
.ki-xaomi.ki-solid:before {
  content: "\eb30";
}
.ki-xd.ki-solid:before {
  content: "\eb31";
}
.ki-xmr.ki-solid:before {
  content: "\eb32";
}
.ki-yii.ki-solid:before {
  content: "\eb33";
}
.ki-youtube.ki-solid:before {
  content: "\eb34";
}

[v-cloak] {
  display: none !important;
}

.kt-table thead th.total-column,
.kt-table thead th.total-column:is(.light *),
.kt-table thead th.total-column:is(.dark *) {
  background-color: #E8F0F9 !important;
  border-color: #E8F0F9 !important;
}

td.total-column {
  background: #F4F8FC !important;
  border-color: #F4F8FC !important;
}

:root {
  --sticky-offset: 107px;
  --primary: #0275DD;
  --nav-bg-color: #F7F7F7;
  --nav-x-margin: 80px;
}

.logo {
  height: 28px;
  width: auto;
}

.base-logo {
  width: 185px;
  height: 41px;
}

html:not(.dark) .nav-bar,
html:not(.dark) .nav-dropdown {
  background-color: var(--nav-bg-color);
}

.font-\[Inter\] {
  font-family: 'Inter';
}

.nav-x-spacing {
  padding-left: var(--nav-x-margin);
  padding-right: var(--nav-x-margin);
}

.kt-table-col.asc .kt-table-col-sort::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='5' viewBox='0 0 8 5' fill='none'%3E%3Cpath d='M1.08333 4.83333C0.908333 4.83333 0.791667 4.775 0.675 4.65833C0.441667 4.425 0.441667 4.075 0.675 3.84167L3.59167 0.925C3.825 0.691667 4.175 0.691667 4.40833 0.925L7.325 3.84167C7.55833 4.075 7.55833 4.425 7.325 4.65833C7.09167 4.89167 6.74167 4.89167 6.50833 4.65833L4 2.15L1.49167 4.65833C1.375 4.775 1.25833 4.83333 1.08333 4.83333Z' fill='%23C9CEDA'/%3E%3C/svg%3E");
}

.kt-table-col.asc .kt-table-col-sort::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='5' viewBox='0 0 8 5' fill='none'%3E%3Cpath d='M4 4.24984C3.825 4.24984 3.70833 4.1915 3.59167 4.07484L0.675 1.15817C0.441667 0.924838 0.441667 0.574837 0.675 0.341504C0.908333 0.108171 1.25833 0.108171 1.49167 0.341504L4 2.84984L6.50833 0.341504C6.74167 0.108171 7.09167 0.108171 7.325 0.341504C7.55833 0.574837 7.55833 0.924838 7.325 1.15817L4.40833 4.07484C4.29167 4.1915 4.175 4.24984 4 4.24984Z' fill='%234B5675'/%3E%3C/svg%3E");
}

.kt-table-col.desc .kt-table-col-sort::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='5' viewBox='0 0 8 5' fill='none'%3E%3Cpath d='M1.08333 4.83333C0.908333 4.83333 0.791667 4.775 0.675 4.65833C0.441667 4.425 0.441667 4.075 0.675 3.84167L3.59167 0.925C3.825 0.691667 4.175 0.691667 4.40833 0.925L7.325 3.84167C7.55833 4.075 7.55833 4.425 7.325 4.65833C7.09167 4.89167 6.74167 4.89167 6.50833 4.65833L4 2.15L1.49167 4.65833C1.375 4.775 1.25833 4.83333 1.08333 4.83333Z' fill='%234B5675'/%3E%3C/svg%3E");
}

.kt-table-col.desc .kt-table-col-sort::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='5' viewBox='0 0 8 5' fill='none'%3E%3Cpath d='M4 4.24984C3.825 4.24984 3.70833 4.1915 3.59167 4.07484L0.675 1.15817C0.441667 0.924838 0.441667 0.574837 0.675 0.341504C0.908333 0.108171 1.25833 0.108171 1.49167 0.341504L4 2.84984L6.50833 0.341504C6.74167 0.108171 7.09167 0.108171 7.325 0.341504C7.55833 0.574837 7.55833 0.924838 7.325 1.15817L4.40833 4.07484C4.29167 4.1915 4.175 4.24984 4 4.24984Z' fill='%23C9CEDA'/%3E%3C/svg%3E");
}

.kt-badge-primary {
  border-color: #1271C14D;
}

.table-header-sticky thead th {
  background-color: oklch(96.7% 0.003 264.542);
  border-color: var(--border);
}

.table-header-sticky:is(.dark *) thead th {
  background-color: color-mix(in oklab, var(--muted) 40%, var(--background));
  border-bottom: 1px solid var(--border);
  border-bottom-color: var(--border);
  box-shadow: inset 0 -1px 0 var(--border);
}

.table-header-sticky:is(.light *) thead th {
  border-bottom: 0;
  box-shadow: none;
}

.kt-table.no-borders {
    border: none;
}

.kt-table.no-borders tr {
    border: none;
}

.kt-table.no-borders th,
.kt-table.no-borders td {
    border: none;
}

.kt-table thead th:is(.light *) {
  background-color: #F3F3F3 !important
}

:is(.kt-table thead) th {
  padding-top: 5px;
  padding-bottom: 5px;
}

/* Remove gray weekend highlighting from KT datepicker — treat weekends like normal days. */
[data-vc-theme] .vc-date[data-vc-date-weekend] .vc-date__btn,
[data-vc-theme] .vc-date[data-vc-date-weekend][data-vc-date-month=next] .vc-date__btn,
[data-vc-theme] .vc-date[data-vc-date-weekend][data-vc-date-month=prev] .vc-date__btn {
  color: var(--vc-date-text);
}

[data-vc-theme] .vc-date[data-vc-date-weekend][data-vc-date-today] .vc-date__btn {
  color: var(--vc-today-text);
}

/* Treat prev/next month dates like current month dates (not greyed out). */
[data-vc-theme] .vc-date[data-vc-date-month=next] .vc-date__btn,
[data-vc-theme] .vc-date[data-vc-date-month=prev] .vc-date__btn {
  color: var(--vc-date-text);
  background-color: transparent;
}

[data-vc-theme] .vc-date[data-vc-date-weekend][data-vc-date-selected] .vc-date__btn {
  background-color: var(--vc-selected-bg);
  color: var(--vc-selected-text);
}

[data-vc-theme] .vc-date[data-vc-date-selected=middle][data-vc-date-weekend] .vc-date__btn {
  background-color: var(--vc-range-bg);
  color: var(--vc-range-text);
}

tfoot td {
  padding-inline: calc(var(--spacing) * 4);
  padding-block: calc(var(--spacing) * 3);
  vertical-align: middle;
}

.kt-table tfoot {
  background-color: transparent;
}

.fc-view-container a:not([href]):not([tabindex]),
.fc-view-container a:not([href]):not([tabindex]):focus,
.fc-view-container a:not([href]):not([tabindex]):hover {
  color: inherit;
  text-decoration: none;
}

select[data-kt-select="true"]:not([data-kt-select-initialized="true"]) {
  visibility: hidden;
}


//Dashboard view
.dashboard-table {
  td {
    max-width: none;
  }
}


// Base loader
.base-loader-v2 {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  background: #fff;
}

.base-loader-v2 .loader-v2 {
  width: 100px;
  height: 80px;
  position: absolute;
  top: -80px;
  right: 0;
  left: 0;
  bottom: 0;
  margin: auto;
}

.base-loader-v2 .loader-v2 .image {
  width: 100px;
  height: 160px;
  font-size: 40px;
  text-align: center;
  transform-origin: bottom center;
  animation: 3s rotate infinite;
  opacity: 0;
}

.base-loader-v2 .loader-v2 span {
  display: block;
  width: 100%;
  text-align: center;
  position: absolute;
  bottom: 0;
}

@keyframes rotate {
  0% {
    transform: rotate(90deg);
  }

  10% {
    opacity: 0;
  }

  35% {
    transform: rotate(0deg);
    opacity: 1;
  }

  65% {
    transform: rotate(0deg);
    opacity: 1;
  }

  80% {
    opacity: 0;
  }

  100% {
    transform: rotate(-90deg);
  }
}

.field-wrap-amount:before {
  content: '$';
  position: absolute;
  left: 15px;
}

.field-wrap-amount input {
  padding-left: 30px;
  text-align: right;
}

.field-wrap-amount {
  display: flex;
  align-items: center;
  position: relative;
}

.field-wrap-percentage {
  display: flex;
  align-items: center;
  position: relative;
}

.field-wrap-percentage input {
  padding-right: 30px;
  text-align: right;
}

.field-wrap-percentage:after {
  content: '%';
  position: absolute;
  right: 15px;
}

.container-fixed {
  min-height: calc(100vh - 140px);
}


body:has(.intro-wrap) .container-fixed {
  min-height: calc(100vh - 152px);
}

.intro-wrap {
  iframe {
    position: absolute;
    z-index: 1;
    top: 105px;
    left: 0;
    width: 100%;
    height: calc(100vh - 105px);
    margin: 0;
    padding: 0;
    border: 0;

    @media (max-width: 1025px) {
      top: 70px;
      height: calc(100vh - 70px);
    }
  }
}

//Responsive styles
@media (max-width: 48rem) {
  .sm\:hidden {
    display: none;
  }

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

  .sm\:mb-5 {
    margin-bottom: calc(var(--spacing)*5)
  }
}

@media (min-width: 48rem) {
  .md\:hidden {
    display: none;
  }

  .md\:mx-\[80px\] {
    margin-right: 80px;
    margin-left: 80px;
  }

}

@media (min-width: 64rem) {
  .lg\:block {
    display: block;
  }

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

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

}

@media (min-width: 80rem) {
  .xl\:hidden {
    display: none !important;
  }
}

@media (max-width: 1024px) {
  :root {
    --nav-x-margin: 0;
    --sticky-offset: 58px;
  }
}

.btn-apply {
  background: transparent;
  padding: 0;
  color: royalblue !important;
  cursor: pointer;
  font-weight: bold;
}

.kt-form-message.field-validation-error {
  display: block;
  margin-top: calc(var(--spacing) * 1);
}

.validation-summary-valid,
.field-validation-valid,
.help-block:empty {
  display: none;
}

.field-validation-error,
.help-block,
.text-destructive.text-sm>.field-validation-error,
.text-sm.text-destructive>.field-validation-error,
.text-destructive.text-sm>.help-block,
.text-sm.text-destructive>.help-block {
  display: block;
  margin-top: calc(var(--spacing) * 1);
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: var(--destructive, #E84556);
}

.kt-btn-warn {
  background-color: #DC8404;
}

.kt-badge-warning-2 {
  color: #efa614;
  background-color: #efa62121;

  &.kt-badge-outline {
    border-color: #efa614;
  }
}

.kt-alert {
  &.kt-alert-warning-2 {
    border-left: 2px solid #DC8400;
    background-color: #FFF9BB80;
    border-radius: 0;

    .kt-alert-title {
      color: #DC8400;
    }
  }
}

.kt-alert:is(.dark *) {
  &.kt-alert-warning-2 {
    border-left: 2px solid #7d4b00;
    background-color: #3c3b3480;
    border-radius: 0;

    .kt-alert-title {
      color: #7d4b00;
    }
  }
}

/* KT UI's stock rules color only SVG children of .kt-alert-icon (`.kt-alert-icon > svg`),
   but this codebase uses Keen font icons (`<i class="ki-filled ...">`). Mirror every
   variant color rule for <i> children so the icon picks up the variant color instead of
   inheriting the alert body's foreground (which renders black on light success/etc.).
   Also mirror the size rules from .kt-alert / .kt-alert-sm / .kt-alert-lg so <i> icons
   scale the same as the documented <svg> children. */

.kt-alert .kt-alert-icon > i {
  font-size: calc(var(--spacing) * 5);
  line-height: 1;
}
.kt-alert-sm .kt-alert-icon > i {
  font-size: calc(var(--spacing) * 4);
}
.kt-alert-lg .kt-alert-icon > i {
  font-size: calc(var(--spacing) * 6);
}

/* Light style: body is --foreground, so the icon needs an explicit variant color. */
.kt-alert-light {
  .kt-alert-icon > i {
    color: var(--muted-foreground);
  }
  &.kt-alert-primary .kt-alert-icon > i {
    color: var(--primary);
  }
  &.kt-alert-destructive .kt-alert-icon > i {
    color: var(--destructive);
  }
  &.kt-alert-success .kt-alert-icon > i {
    color: var(--color-green-500);
  }
  &.kt-alert-info .kt-alert-icon > i {
    color: var(--color-violet-500);
  }
  &.kt-alert-warning .kt-alert-icon > i {
    color: var(--color-yellow-500);
  }
}

/* Mono-combo style: mirror the .kt-alert-icon color rules for <i> children so font
   icons pick up the variant accent. */
.kt-alert-mono {
  &.kt-alert-primary .kt-alert-icon > i {
    color: var(--primary);
  }
  &.kt-alert-success .kt-alert-icon > i {
    color: var(--color-green-500);
  }
  &.kt-alert-destructive .kt-alert-icon > i {
    color: var(--destructive);
  }
  &.kt-alert-warning .kt-alert-icon > i {
    color: var(--color-yellow-500);
  }
  &.kt-alert-info .kt-alert-icon > i {
    color: var(--color-violet-600);
  }
}

.text-warn-2 {
  color: #DC8400;
}

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

.m-login__head {
  font-size: 3.5rem;
  font-weight: 300;
  font-family: Montserrat;
  color: #20303c;
}

.kt-link {
  .kt-link i {
    line-height: 1;
  }
}


/* Hours Report by table */
.report-by-table {
  .border-top {
    &--black {
      border-top: 1px solid #000 !important;
    }

    &--grey {
      border-top: 1px solid #dee2e6 !important;
    }
  }

  .border-bottom {
    &--black {
      border-bottom: 1px solid #000 !important;
    }

    &--grey {
      border-bottom: 1px solid #dee2e6 !important;
    }
  }

  .col-report {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
    width: auto;
    padding: 0;
    font-size: 14px;
  }

  .col-1--report {
    flex: 0 0 10.33333% !important;
    max-width: 10.33333% !important;
    width: 10.33333% !important;
    padding: 0;
    text-align: right;
    font-size: 14px;
  }

  &__head {
    display: flex;
    padding-bottom: 10px;
    margin-bottom: 20px;
    border-bottom: 1px solid #000;
  }

  .report-entity {
    margin-bottom: 25px;
  }

  .report-row {
    padding: 5px 0;
  }

  .report-link {
    color: #1271C4;
    cursor: pointer;

    &:hover {
      color: #3A99DF;
      text-decoration: underline;
    }
  }

  .pl-2-rem {
    padding-left: 2rem !important;
  }

  .pl-5 {
    padding-left: 5% !important;
  }

  .pl-5--rem {
    padding-left: 5rem !important;
  }

  .pl-10 {
    padding-left: 10%;
  }

  .pl-19 {
    padding-left: 19%;
  }

  .pl-13 {
    padding-left: 13%;
  }

  .pl-30 {
    padding-left: 30%;
  }

  .pl-50 {
    padding-left: 50%;
  }

  .label-0 {
    font-size: 18px;
    font-weight: 600;
    min-width: 100px;
    overflow: hidden;
    display: block;
    text-overflow: ellipsis;
  }

  .label-1 {
    font-size: 16px;
    font-weight: 600;
    min-width: 100px;
    overflow: hidden;
    display: block;
    text-overflow: ellipsis;
  }

  .label-2 {
    font-size: 14px;
    font-weight: 600;
    min-width: 100px;
    overflow: hidden;
    display: block;
    text-overflow: ellipsis;
  }

  .label-3 {
    font-size: 14px;
  }

  .row-3 {
    border-top: 1px solid #ccc;
    padding: 5px 0 !important;
  }

  .row-total-1 {
    display: flex;
    align-items: center;
    font-weight: 600;

    .label-2 {
      max-width: 32vh;
    }

    @media (max-width: 1024px) {
      .label-2 {
        white-space: normal;
      }
    }
  }

  .row-total-2 {
    padding: 5px 0;
    margin-bottom: 40px;
    font-weight: 600;
  }

  .row-total-3 {
    padding: 5px 0 30px;
    border-top: 1px solid #000000;
    font-weight: 600;
  }
}

@media print {
  h1 {
    margin-bottom: 2rem;
    font-size: 2rem;
  }

  .report-by-table {
    abbr {
      text-decoration: none;
    }
  }

  .gps-activity-report-view {
    position: fixed !important;
    top: 100px !important;
    min-width: 100% !important;

    &__fields {
      .col-lg-2 {
        max-width: 16.66667% !important;
      }
    }
  }
}

@media (width >=64rem) {
  .lg\:col-span-4 {
    grid-column: span 4 / span 4;
  }
}

@media (width >=80rem) {
  .xl\:col-span-3 {
    grid-column: span 3 / span 3;
  }
}

.textarea-resize-none {
  resize: none;
}
.min-h-\[75px\] {
    min-height: 75px;
}


.kt-radio:indeterminate {
  background-color: var(--background);
  border-color: var(--input);
}

.kt-radio.active:indeterminate {
  background-color: var(--primary);
  border-color: var(--primary);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 22' fill='none'%3E%3Ccircle cx='10.9995' cy='11' r='5.86667' fill='white'/%3E%3C/svg%3E");
}
.col-span-3 {
  grid-column: span 3 / span 3;
}
@media print {
  .table-header-sticky thead th {
      position: static !important;
  }
  .bp-sticky-fixed-wrap {
      display: none !important;
  }
}
.right-4 {
  right: calc(var(--spacing) * 4);
}
// Phone number select: system font stacks render "*" noticeably smaller than
// digits, making masked numbers like "********3403" look broken. Force Inter
// (already loaded by the login layout) on both the select trigger and its
// options so asterisks match the digit size.
.phone-number-select,
.phone-number-select option {
  font-family: Inter, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
}

.wrap-anywhere {
  overflow-wrap: anywhere;
}

:is(.dark *) input[type="time"] {
  color-scheme: dark;
}

/* Dark-mode overrides for noUiSlider — the vendor stylesheet (CDN-loaded) uses
   hard-coded light colours (#fafbfc / #ebedf2 / #dfe2ea) that clash with the
   dark theme. Theme-level so every slider inherits the correct palette. */
:is(.dark *) .noUi-target {
  background: var(--muted);
  border-color: var(--border);
  box-shadow: none;

  .noUi-handle {
    background: var(--background);
    border-color: var(--border);
    box-shadow: 0 3px 6px -3px rgba(0, 0, 0, 0.6);
  }

  .noUi-connect {
    background: var(--primary);
  }
}

/* Chrome fills the input with its own white background/black text when the user
   picks an autofill/autocomplete suggestion. Pin the box-shadow to the theme
   surface in dark mode so the field doesn't flash white on hover. */
:is(.dark *) input:-webkit-autofill,
:is(.dark *) input:-webkit-autofill:hover,
:is(.dark *) input:-webkit-autofill:focus,
:is(.dark *) input:-webkit-autofill:active,
:is(.dark *) textarea:-webkit-autofill,
:is(.dark *) textarea:-webkit-autofill:hover,
:is(.dark *) textarea:-webkit-autofill:focus,
:is(.dark *) select:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px var(--background) inset !important;
  box-shadow: 0 0 0 1000px var(--background) inset !important;
  -webkit-text-fill-color: var(--foreground) !important;
  caret-color: var(--foreground);
  transition: background-color 9999s ease-in-out 0s;
}

/* KTUI hides the native <select> and renders .kt-select-wrapper > .kt-select-display
   as the visible control. jQuery Unobtrusive Validation skips hidden fields
   (`ignore: :hidden`), so `.input-validation-error` is never added to the
   native select — our only reliable error signal is the sibling
   `.field-validation-error` message emitted by `@Html.ValidationMessageFor`.
   Also keep the server-side path working in case the select is rendered with
   `.input-validation-error` already applied. */
.kt-select-wrapper:has(~ .field-validation-error) .kt-select-display,
select[data-kt-select].input-validation-error ~ .kt-select-wrapper .kt-select-display {
  border-color: var(--destructive, #e84556) !important;
  background-color: color-mix(in oklab, var(--destructive, #e84556) 8%, var(--background)) !important;
}

/*!
 * FullCalendar v3.8.2
 * Docs & License: https://fullcalendar.io/
 * (c) 2018 Adam Shaw
 */
.fc {
  direction: ltr;
  text-align: left; }

.fc-rtl {
  text-align: right; }

body .fc {
  /* extra precedence to overcome jqui */
  font-size: 1em; }

/* Colors
--------------------------------------------------------------------------------------------------*/
.fc-highlight {
  /* when user is selecting cells */
  background: #bce8f1;
  opacity: .3; }

.fc-bgevent {
  /* default look for background events */
  background: #8fdf82;
  opacity: .3; }

.fc-nonbusiness {
  /* default look for non-business-hours areas */
  /* will inherit .fc-bgevent's styles */
  background: #d7d7d7; }

/* Buttons (styled <button> tags, normalized to work cross-browser)
--------------------------------------------------------------------------------------------------*/
.fc button {
  /* force height to include the border and padding */
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /* dimensions */
  margin: 0;
  height: 2.1em;
  padding: 0 .6em;
  /* text & cursor */
  font-size: 1em;
  /* normalize */
  white-space: nowrap;
  cursor: pointer; }

/* Firefox has an annoying inner border */
.fc button::-moz-focus-inner {
  margin: 0;
  padding: 0; }

.fc-state-default {
  /* non-theme */
  border: 1px solid; }

.fc-state-default.fc-corner-left {
  /* non-theme */
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px; }

.fc-state-default.fc-corner-right {
  /* non-theme */
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px; }

/* icons in buttons */
.fc button .fc-icon {
  /* non-theme */
  position: relative;
  top: -0.05em;
  /* seems to be a good adjustment across browsers */
  margin: 0 .2em;
  vertical-align: middle; }

  .fc-state-active {
    background-color: var(--muted);
  }
  
/* Buttons Groups
--------------------------------------------------------------------------------------------------*/
.fc-button-group {
  display: inline-block; }

/*
every button that is not first in a button group should scootch over one pixel and cover the
previous button's border...
*/
.fc .fc-button-group > * {
  /* extra precedence b/c buttons have margin set to zero */
  float: left;
  margin: 0 0 0 -1px; }

.fc .fc-button-group > :first-child {
  /* same */
  margin-left: 0; }

/* Popover
--------------------------------------------------------------------------------------------------*/
.fc-popover {
  position: absolute;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15); }

.fc-popover .fc-header {
  /* TODO: be more consistent with fc-head/fc-body */
  padding: 2px 4px; }

.fc-popover .fc-header .fc-title {
  margin: 0 2px; }

.fc-popover .fc-header .fc-close {
  cursor: pointer; }

.fc-ltr .fc-popover .fc-header .fc-title,
.fc-rtl .fc-popover .fc-header .fc-close {
  float: left; }

.fc-rtl .fc-popover .fc-header .fc-title,
.fc-ltr .fc-popover .fc-header .fc-close {
  float: right; }

/* Misc Reusable Components
--------------------------------------------------------------------------------------------------*/
.fc-divider {
  border-style: solid;
  border-width: 1px; }

hr.fc-divider {
  height: 0;
  margin: 0;
  padding: 0 0 2px;
  /* height is unreliable across browsers, so use padding */
  border-width: 1px 0; }

.fc-clear {
  clear: both; }

.fc-bg,
.fc-bgevent-skeleton,
.fc-highlight-skeleton,
.fc-helper-skeleton {
  /* these element should always cling to top-left/right corners */
  position: absolute;
  top: 0;
  left: 0;
  right: 0; }

.fc-bg {
  bottom: 0;
  /* strech bg to bottom edge */ }

.fc-bg table {
  height: 100%;
  /* strech bg to bottom edge */ }

/* Tables
--------------------------------------------------------------------------------------------------*/
.fc table {
  width: 100%;
  box-sizing: border-box;
  /* fix scrollbar issue in firefox */
  table-layout: fixed;
  border-collapse: collapse;
  border-spacing: 0;
  font-size: 1em;
  /* normalize cross-browser */ }

.fc th {
  text-align: center; }

.fc th,
.fc td {
  border-style: solid;
  border-width: 1px;
  padding: 0;
  vertical-align: top; }

.fc td.fc-today {
  border-style: double;
  /* overcome neighboring borders */ }

/* Internal Nav Links
--------------------------------------------------------------------------------------------------*/
a[data-goto] {
  cursor: pointer; }

a[data-goto]:hover {
  text-decoration: underline; }

/* Fake Table Rows
--------------------------------------------------------------------------------------------------*/
.fc .fc-row {
  /* extra precedence to overcome themes w/ .ui-widget-content forcing a 1px border */
  /* no visible border by default. but make available if need be (scrollbar width compensation) */
  border-style: solid;
  border-width: 0; }

.fc-row table {
  /* don't put left/right border on anything within a fake row.
     the outer tbody will worry about this */
  border-left: 0 hidden transparent;
  border-right: 0 hidden transparent;
  /* no bottom borders on rows */
  border-bottom: 0 hidden transparent; }

.fc-row:first-child table {
  border-top: 0 hidden transparent;
  /* no top border on first row */ }

/* Day Row (used within the header and the DayGrid)
--------------------------------------------------------------------------------------------------*/
.fc-row {
  position: relative; }

.fc-row .fc-bg {
  z-index: 1; }

/* highlighting cells & background event skeleton */
.fc-row .fc-bgevent-skeleton,
.fc-row .fc-highlight-skeleton {
  bottom: 0;
  /* stretch skeleton to bottom of row */ }

.fc-row .fc-bgevent-skeleton table,
.fc-row .fc-highlight-skeleton table {
  height: 100%;
  /* stretch skeleton to bottom of row */ }

.fc-row .fc-highlight-skeleton td,
.fc-row .fc-bgevent-skeleton td {
  border-color: transparent; }

.fc-row .fc-bgevent-skeleton {
  z-index: 2; }

.fc-row .fc-highlight-skeleton {
  z-index: 3; }

/*
row content (which contains day/week numbers and events) as well as "helper" (which contains
temporary rendered events).
*/
.fc-row .fc-content-skeleton {
  position: relative;
  z-index: 4;
  padding-bottom: 2px;
  /* matches the space above the events */ }

.fc-row .fc-helper-skeleton {
  z-index: 5; }

.fc .fc-row .fc-content-skeleton table,
.fc .fc-row .fc-content-skeleton td,
.fc .fc-row .fc-helper-skeleton td {
  /* see-through to the background below */
  /* extra precedence to prevent theme-provided backgrounds */
  background: none;
  /* in case <td>s are globally styled */
  border-color: transparent; }

.fc-row .fc-content-skeleton td,
.fc-row .fc-helper-skeleton td {
  /* don't put a border between events and/or the day number */
  border-bottom: 0; }

.fc-row .fc-content-skeleton tbody td,
.fc-row .fc-helper-skeleton tbody td {
  /* don't put a border between event cells */
  border-top: 0; }

/* Scrolling Container
--------------------------------------------------------------------------------------------------*/
.fc-scroller {
  -webkit-overflow-scrolling: touch; }

/* TODO: move to agenda/basic */
.fc-scroller > .fc-day-grid,
.fc-scroller > .fc-time-grid {
  position: relative;
  /* re-scope all positions */
  width: 100%;
  /* hack to force re-sizing this inner element when scrollbars appear/disappear */ }

/* Global Event Styles
--------------------------------------------------------------------------------------------------*/
.fc-event {
  position: relative;
  /* for resize handle and other inner positioning */
  display: block;
  /* make the <a> tag block */
  font-size: .85em;
  line-height: 1.3;
  border-radius: 3px;
  border: 1px solid var(--border);
  /* default BORDER color */ }

.fc-event,
.fc-event-dot {
  background-color: var(--background);
  /* default BACKGROUND color */ }

.fc-event,
.fc-event:hover {
  color: #fff;
  /* default TEXT color */
  text-decoration: none;
  /* if <a> has an href */ }

.fc-event[href],
.fc-event.fc-draggable {
  cursor: pointer;
  /* give events with links and draggable events a hand mouse pointer */ }

.fc-not-allowed,
.fc-not-allowed .fc-event {
  /* to override an event's custom cursor */
  cursor: not-allowed; }

.fc-event .fc-bg {
  /* the generic .fc-bg already does position */
  z-index: 1;
  background: #fff;
  opacity: .25; }

.fc-event .fc-content {
  position: relative;
  z-index: 2; }

/* resizer (cursor AND touch devices) */
.fc-event .fc-resizer {
  position: absolute;
  z-index: 4; }

/* resizer (touch devices) */
.fc-event .fc-resizer {
  display: none; }

.fc-event.fc-allow-mouse-resize .fc-resizer,
.fc-event.fc-selected .fc-resizer {
  /* only show when hovering or selected (with touch) */
  display: block; }

/* hit area */
.fc-event.fc-selected .fc-resizer:before {
  /* 40x40 touch area */
  content: "";
  position: absolute;
  z-index: 9999;
  /* user of this util can scope within a lower z-index */
  top: 50%;
  left: 50%;
  width: 40px;
  height: 40px;
  margin-left: -20px;
  margin-top: -20px; }

/* Event Selection (only for touch devices)
--------------------------------------------------------------------------------------------------*/
.fc-event.fc-selected {
  z-index: 9999 !important;
  /* overcomes inline z-index */
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); }

.fc-event.fc-selected.fc-dragging {
  box-shadow: 0 2px 7px rgba(0, 0, 0, 0.3); }

/* Horizontal Events
--------------------------------------------------------------------------------------------------*/
/* bigger touch area when selected */
.fc-h-event.fc-selected:before {
  content: "";
  position: absolute;
  z-index: 3;
  /* below resizers */
  top: -10px;
  bottom: -10px;
  left: 0;
  right: 0; }

/* events that are continuing to/from another week. kill rounded corners and butt up against edge */
.fc-ltr .fc-h-event.fc-not-start,
.fc-rtl .fc-h-event.fc-not-end {
  margin-left: 0;
  border-left-width: 0;
  padding-left: 1px;
  /* replace the border with padding */
  border-top-left-radius: 0;
  border-bottom-left-radius: 0; }

.fc-ltr .fc-h-event.fc-not-end,
.fc-rtl .fc-h-event.fc-not-start {
  margin-right: 0;
  border-right-width: 0;
  padding-right: 1px;
  /* replace the border with padding */
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

/* resizer (cursor AND touch devices) */
/* left resizer  */
.fc-ltr .fc-h-event .fc-start-resizer,
.fc-rtl .fc-h-event .fc-end-resizer {
  cursor: w-resize;
  left: -1px;
  /* overcome border */ }

/* right resizer */
.fc-ltr .fc-h-event .fc-end-resizer,
.fc-rtl .fc-h-event .fc-start-resizer {
  cursor: e-resize;
  right: -1px;
  /* overcome border */ }

/* resizer (mouse devices) */
.fc-h-event.fc-allow-mouse-resize .fc-resizer {
  width: 7px;
  top: -1px;
  /* overcome top border */
  bottom: -1px;
  /* overcome bottom border */ }

/* resizer (touch devices) */
.fc-h-event.fc-selected .fc-resizer {
  /* 8x8 little dot */
  border-radius: 4px;
  border-width: 1px;
  width: 6px;
  height: 6px;
  border-style: solid;
  border-color: inherit;
  background: #fff;
  /* vertically center */
  top: 50%;
  margin-top: -4px; }

/* left resizer  */
.fc-ltr .fc-h-event.fc-selected .fc-start-resizer,
.fc-rtl .fc-h-event.fc-selected .fc-end-resizer {
  margin-left: -4px;
  /* centers the 8x8 dot on the left edge */ }

/* right resizer */
.fc-ltr .fc-h-event.fc-selected .fc-end-resizer,
.fc-rtl .fc-h-event.fc-selected .fc-start-resizer {
  margin-right: -4px;
  /* centers the 8x8 dot on the right edge */ }

/* DayGrid events
----------------------------------------------------------------------------------------------------
We use the full "fc-day-grid-event" class instead of using descendants because the event won't
be a descendant of the grid when it is being dragged.
*/
.fc-day-grid-event {
  margin: 1px 2px 0;
  /* spacing between events and edges */
  padding: 0 1px; }

tr:first-child > td > .fc-day-grid-event {
  margin-top: 2px;
  /* a little bit more space before the first event */ }

.fc-day-grid-event.fc-selected:after {
  content: "";
  position: absolute;
  z-index: 1;
  /* same z-index as fc-bg, behind text */
  /* overcome the borders */
  top: -1px;
  right: -1px;
  bottom: -1px;
  left: -1px;
  /* darkening effect */
  background: #000;
  opacity: .25; }

.fc-day-grid-event .fc-content {
  /* force events to be one-line tall */
  white-space: nowrap;
  overflow: hidden; }

.fc-day-grid-event .fc-time {
  font-weight: bold; }

/* resizer (cursor devices) */
/* left resizer  */
.fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer,
.fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer {
  margin-left: -2px;
  /* to the day cell's edge */ }

/* right resizer */
.fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer,
.fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer {
  margin-right: -2px;
  /* to the day cell's edge */ }

/* Event Limiting
--------------------------------------------------------------------------------------------------*/
/* "more" link that represents hidden events */
a.fc-more {
  margin: 1px 3px;
  font-size: .85em;
  cursor: pointer;
  text-decoration: none; }

a.fc-more:hover {
  text-decoration: underline; }

.fc-limited {
  /* rows and cells that are hidden because of a "more" link */
  display: none; }

/* popover that appears when "more" link is clicked */
.fc-day-grid .fc-row {
  z-index: 1;
  /* make the "more" popover one higher than this */ }

.fc-more-popover {
  z-index: 2;
  width: 220px; }

.fc-more-popover .fc-event-container {
  padding: 10px; }

/* Now Indicator
--------------------------------------------------------------------------------------------------*/
.fc-now-indicator {
  position: absolute;
  border: 0 solid red; }

/* Utilities
--------------------------------------------------------------------------------------------------*/
.fc-unselectable {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent; }

/*
TODO: more distinction between this file and common.css
*/
/* Colors
--------------------------------------------------------------------------------------------------*/
.fc-unthemed th,
.fc-unthemed td,
.fc-unthemed thead,
.fc-unthemed tbody,
.fc-unthemed .fc-divider,
.fc-unthemed .fc-row,
.fc-unthemed .fc-content,
.fc-unthemed .fc-popover,
.fc-unthemed .fc-list-view,
.fc-unthemed .fc-list-heading td {
  border-color: var(--border); }

.fc-unthemed .fc-popover {
  background-color: #fff; }

.fc-unthemed .fc-divider,
.fc-unthemed .fc-popover .fc-header,
.fc-unthemed .fc-list-heading td {
  background: #eee; }

.fc-unthemed .fc-popover .fc-header .fc-close {
  color: #666; }

.fc-unthemed td.fc-today {
  background: var(--muted); }

.fc-unthemed .fc-disabled-day {
  background: var(--muted);
  opacity: .3; }

/* Icons (inline elements with styled text that mock arrow icons)
--------------------------------------------------------------------------------------------------*/
.fc-icon {
  display: inline-block;
  height: 1em;
  line-height: 1em;
  font-size: 1em;
  text-align: center;
  overflow: hidden;
  font-family: "Courier New", Courier, monospace;
  /* don't allow browser text-selection */
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

/*
Acceptable font-family overrides for individual icons:
  "Arial", sans-serif
  "Times New Roman", serif

NOTE: use percentage font sizes or else old IE chokes
*/
.fc-icon:after {
  position: relative; }

.fc-icon-left-single-arrow:after {
  content: "\2039";
  font-weight: bold;
  font-size: 200%;
  top: -40%; }

.fc-icon-right-single-arrow:after {
  content: "\203A";
  font-weight: bold;
  font-size: 200%;
  top: -40%; }

.fc-icon-left-double-arrow:after {
  content: "\AB";
  font-size: 160%;
  top: -7%; }

.fc-icon-right-double-arrow:after {
  content: "\BB";
  font-size: 160%;
  top: -7%; }

.fc-icon-left-triangle:after {
  content: "\25C4";
  font-size: 125%;
  top: 3%; }

.fc-icon-right-triangle:after {
  content: "\25BA";
  font-size: 125%;
  top: 3%; }

.fc-icon-down-triangle:after {
  content: "\25BC";
  font-size: 125%;
  top: 2%; }

.fc-icon-x:after {
  content: "\D7";
  font-size: 200%;
  top: 6%; }

/* Popover
--------------------------------------------------------------------------------------------------*/
.fc-unthemed .fc-popover {
  border-width: 1px;
  border-style: solid; }

.fc-unthemed .fc-popover .fc-header .fc-close {
  font-size: .9em;
  margin-top: 2px; }

/* List View
--------------------------------------------------------------------------------------------------*/
.fc-unthemed .fc-list-item:hover td {
  background-color: #f5f5f5; }

/* Colors
--------------------------------------------------------------------------------------------------*/
.ui-widget .fc-disabled-day {
  background-image: none; }

/* Popover
--------------------------------------------------------------------------------------------------*/
.fc-popover > .ui-widget-header + .ui-widget-content {
  border-top: 0;
  /* where they meet, let the header have the border */ }

/* Global Event Styles
--------------------------------------------------------------------------------------------------*/
.ui-widget .fc-event {
  /* overpower jqui's styles on <a> tags. TODO: more DRY */
  color: #fff;
  /* default TEXT color */
  text-decoration: none;
  /* if <a> has an href */
  /* undo ui-widget-header bold */
  font-weight: normal; }

/* TimeGrid axis running down the side (for both the all-day area and the slot area)
--------------------------------------------------------------------------------------------------*/
.ui-widget td.fc-axis {
  font-weight: normal;
  /* overcome bold */ }

/* TimeGrid Slats (lines that run horizontally)
--------------------------------------------------------------------------------------------------*/
.fc-time-grid .fc-slats .ui-widget-content {
  background: none;
  /* see through to fc-bg */ }

.fc.fc-bootstrap3 a {
  text-decoration: none; }

.fc.fc-bootstrap3 a[data-goto]:hover {
  text-decoration: underline; }

.fc-bootstrap3 hr.fc-divider {
  border-color: inherit; }

.fc-bootstrap3 .fc-today.alert {
  border-radius: 0; }

/* Popover
--------------------------------------------------------------------------------------------------*/
.fc-bootstrap3 .fc-popover .panel-body {
  padding: 0;
  /* undo built-in padding */ }

/* TimeGrid Slats (lines that run horizontally)
--------------------------------------------------------------------------------------------------*/
.fc-bootstrap3 .fc-time-grid .fc-slats table {
  /* some themes have background color. see through to slats */
  background: none; }

/* Toolbar
--------------------------------------------------------------------------------------------------*/
.fc-toolbar {
  text-align: center; }

.fc-toolbar.fc-header-toolbar {
  margin-bottom: 1em; }

.fc-toolbar.fc-footer-toolbar {
  margin-top: 1em; }

.fc-toolbar .fc-left {
  float: left; }

.fc-toolbar .fc-right {
  float: right; }

.fc-toolbar .fc-center {
  display: inline-block; }

/* the things within each left/right/center section */
.fc .fc-toolbar > * > * {
  /* extra precedence to override button border margins */
  float: left;
  margin-left: .75em; }

/* the first thing within each left/center/right section */
.fc .fc-toolbar > * > :first-child {
  /* extra precedence to override button border margins */
  margin-left: 0; }

/* title text */
.fc-toolbar h2 {
  margin: 0; }

/* button layering (for border precedence) */
.fc-toolbar button {
  position: relative; }

.fc-toolbar .fc-state-hover,
.fc-toolbar .ui-state-hover {
  z-index: 2; }

.fc-toolbar .fc-state-down {
  z-index: 3; }

.fc-toolbar .fc-state-active,
.fc-toolbar .ui-state-active {
  z-index: 4; }

.fc-toolbar button:focus {
  z-index: 5; }

/* View Structure
--------------------------------------------------------------------------------------------------*/
/* undo twitter bootstrap's box-sizing rules. normalizes positioning techniques */
/* don't do this for the toolbar because we'll want bootstrap to style those buttons as some pt */
.fc-view-container *,
.fc-view-container *:before,
.fc-view-container *:after {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box; }

.fc-view,
.fc-view > table {
  /* so dragged elements can be above the view's main element */
  position: relative;
  z-index: 1; }

/* BasicView
--------------------------------------------------------------------------------------------------*/
/* day row structure */
.fc-basicWeek-view .fc-content-skeleton,
.fc-basicDay-view .fc-content-skeleton {
  /* there may be week numbers in these views, so no padding-top */
  padding-bottom: 1em;
  /* ensure a space at bottom of cell for user selecting/clicking */ }

.fc-basic-view .fc-body .fc-row {
  min-height: 4em;
  /* ensure that all rows are at least this tall */ }

/* a "rigid" row will take up a constant amount of height because content-skeleton is absolute */
.fc-row.fc-rigid {
  overflow: hidden; }

.fc-row.fc-rigid .fc-content-skeleton {
  position: absolute;
  top: 0;
  left: 0;
  right: 0; }

/* week and day number styling */
.fc-day-top.fc-other-month {
  opacity: 0.3; }

.fc-basic-view .fc-week-number,
.fc-basic-view .fc-day-number {
  padding: 2px; }

.fc-basic-view th.fc-week-number,
.fc-basic-view th.fc-day-number {
  padding: 0 2px;
  /* column headers can't have as much v space */ }

.fc-ltr .fc-basic-view .fc-day-top .fc-day-number {
  float: right; }

.fc-rtl .fc-basic-view .fc-day-top .fc-day-number {
  float: left; }

.fc-ltr .fc-basic-view .fc-day-top .fc-week-number {
  float: left;
  border-radius: 0 0 3px 0; }

.fc-rtl .fc-basic-view .fc-day-top .fc-week-number {
  float: right;
  border-radius: 0 0 0 3px; }

.fc-basic-view .fc-day-top .fc-week-number {
  min-width: 1.5em;
  text-align: center;
  background-color: #f2f2f2;
  color: #808080; }

/* when week/day number have own column */
.fc-basic-view td.fc-week-number {
  text-align: center; }

.fc-basic-view td.fc-week-number > * {
  /* work around the way we do column resizing and ensure a minimum width */
  display: inline-block;
  min-width: 1.25em; }

/* AgendaView all-day area
--------------------------------------------------------------------------------------------------*/
.fc-agenda-view .fc-day-grid {
  position: relative;
  z-index: 2;
  /* so the "more.." popover will be over the time grid */ }

.fc-agenda-view .fc-day-grid .fc-row {
  min-height: 3em;
  /* all-day section will never get shorter than this */ }

.fc-agenda-view .fc-day-grid .fc-row .fc-content-skeleton {
  padding-bottom: 1em;
  /* give space underneath events for clicking/selecting days */ }

/* TimeGrid axis running down the side (for both the all-day area and the slot area)
--------------------------------------------------------------------------------------------------*/
.fc .fc-axis {
  /* .fc to overcome default cell styles */
  vertical-align: middle;
  padding: 0 4px;
  white-space: nowrap; }

.fc-ltr .fc-axis {
  text-align: right; }

.fc-rtl .fc-axis {
  text-align: left; }

/* TimeGrid Structure
--------------------------------------------------------------------------------------------------*/
.fc-time-grid-container,
.fc-time-grid {
  /* so slats/bg/content/etc positions get scoped within here */
  position: relative;
  z-index: 1; }

.fc-time-grid {
  min-height: 100%;
  /* so if height setting is 'auto', .fc-bg stretches to fill height */ }

.fc-time-grid table {
  /* don't put outer borders on slats/bg/content/etc */
  border: 0 hidden transparent; }

.fc-time-grid > .fc-bg {
  z-index: 1; }

.fc-time-grid .fc-slats,
.fc-time-grid > hr {
  /* the <hr> AgendaView injects when grid is shorter than scroller */
  position: relative;
  z-index: 2; }

.fc-time-grid .fc-content-col {
  position: relative;
  /* because now-indicator lives directly inside */ }

.fc-time-grid .fc-content-skeleton {
  position: absolute;
  z-index: 3;
  top: 0;
  left: 0;
  right: 0; }

/* divs within a cell within the fc-content-skeleton */
.fc-time-grid .fc-business-container {
  position: relative;
  z-index: 1; }

.fc-time-grid .fc-bgevent-container {
  position: relative;
  z-index: 2; }

.fc-time-grid .fc-highlight-container {
  position: relative;
  z-index: 3; }

.fc-time-grid .fc-event-container {
  position: relative;
  z-index: 4; }

.fc-time-grid .fc-now-indicator-line {
  z-index: 5; }

.fc-time-grid .fc-helper-container {
  /* also is fc-event-container */
  position: relative;
  z-index: 6; }

/* TimeGrid Slats (lines that run horizontally)
--------------------------------------------------------------------------------------------------*/
.fc-time-grid .fc-slats td {
  height: 1.5em;
  border-bottom: 0;
  /* each cell is responsible for its top border */ }

.fc-time-grid .fc-slats .fc-minor td {
  border-top-style: dotted; }

/* TimeGrid Highlighting Slots
--------------------------------------------------------------------------------------------------*/
.fc-time-grid .fc-highlight-container {
  /* a div within a cell within the fc-highlight-skeleton */
  position: relative;
  /* scopes the left/right of the fc-highlight to be in the column */ }

.fc-time-grid .fc-highlight {
  position: absolute;
  left: 0;
  right: 0;
  /* top and bottom will be in by JS */ }

/* TimeGrid Event Containment
--------------------------------------------------------------------------------------------------*/
.fc-ltr .fc-time-grid .fc-event-container {
  /* space on the sides of events for LTR (default) */
  margin: 0 2.5% 0 2px; }

.fc-rtl .fc-time-grid .fc-event-container {
  /* space on the sides of events for RTL */
  margin: 0 2px 0 2.5%; }

.fc-time-grid .fc-event,
.fc-time-grid .fc-bgevent {
  position: absolute;
  z-index: 1;
  /* scope inner z-index's */ }

.fc-time-grid .fc-bgevent {
  /* background events always span full width */
  left: 0;
  right: 0; }

/* Generic Vertical Event
--------------------------------------------------------------------------------------------------*/
.fc-v-event.fc-not-start {
  /* events that are continuing from another day */
  /* replace space made by the top border with padding */
  border-top-width: 0;
  padding-top: 1px;
  /* remove top rounded corners */
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.fc-v-event.fc-not-end {
  /* replace space made by the top border with padding */
  border-bottom-width: 0;
  padding-bottom: 1px;
  /* remove bottom rounded corners */
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

/* TimeGrid Event Styling
----------------------------------------------------------------------------------------------------
We use the full "fc-time-grid-event" class instead of using descendants because the event won't
be a descendant of the grid when it is being dragged.
*/
.fc-time-grid-event {
  overflow: hidden;
  /* don't let the bg flow over rounded corners */ }

.fc-time-grid-event.fc-selected {
  /* need to allow touch resizers to extend outside event's bounding box */
  /* common fc-selected styles hide the fc-bg, so don't need this anyway */
  overflow: visible; }

.fc-time-grid-event.fc-selected .fc-bg {
  display: none;
  /* hide semi-white background, to appear darker */ }

.fc-time-grid-event .fc-content {
  overflow: hidden;
  /* for when .fc-selected */ }

.fc-time-grid-event .fc-time,
.fc-time-grid-event .fc-title {
  padding: 0 1px; }

.fc-time-grid-event .fc-time {
  font-size: .85em;
  white-space: nowrap; }

/* short mode, where time and title are on the same line */
.fc-time-grid-event.fc-short .fc-content {
  /* don't wrap to second line (now that contents will be inline) */
  white-space: nowrap; }

.fc-time-grid-event.fc-short .fc-time,
.fc-time-grid-event.fc-short .fc-title {
  /* put the time and title on the same line */
  display: inline-block;
  vertical-align: top; }

.fc-time-grid-event.fc-short .fc-time span {
  display: none;
  /* don't display the full time text... */ }

.fc-time-grid-event.fc-short .fc-time:before {
  content: attr(data-start);
  /* ...instead, display only the start time */ }

.fc-time-grid-event.fc-short .fc-time:after {
  content: "\A0-\A0";
  /* seperate with a dash, wrapped in nbsp's */ }

.fc-time-grid-event.fc-short .fc-title {
  font-size: .85em;
  /* make the title text the same size as the time */
  padding: 0;
  /* undo padding from above */ }

/* resizer (cursor device) */
.fc-time-grid-event.fc-allow-mouse-resize .fc-resizer {
  left: 0;
  right: 0;
  bottom: 0;
  height: 8px;
  overflow: hidden;
  line-height: 8px;
  font-size: 11px;
  font-family: monospace;
  text-align: center;
  cursor: s-resize; }

.fc-time-grid-event.fc-allow-mouse-resize .fc-resizer:after {
  content: "="; }

/* resizer (touch device) */
.fc-time-grid-event.fc-selected .fc-resizer {
  /* 10x10 dot */
  border-radius: 5px;
  border-width: 1px;
  width: 8px;
  height: 8px;
  border-style: solid;
  border-color: inherit;
  background: #fff;
  /* horizontally center */
  left: 50%;
  margin-left: -5px;
  /* center on the bottom edge */
  bottom: -5px; }

/* Now Indicator
--------------------------------------------------------------------------------------------------*/
.fc-time-grid .fc-now-indicator-line {
  border-top-width: 1px;
  left: 0;
  right: 0; }

/* arrow on axis */
.fc-time-grid .fc-now-indicator-arrow {
  margin-top: -5px;
  /* vertically center on top coordinate */ }

.fc-ltr .fc-time-grid .fc-now-indicator-arrow {
  left: 0;
  /* triangle pointing right... */
  border-width: 5px 0 5px 6px;
  border-top-color: transparent;
  border-bottom-color: transparent; }

.fc-rtl .fc-time-grid .fc-now-indicator-arrow {
  right: 0;
  /* triangle pointing left... */
  border-width: 5px 6px 5px 0;
  border-top-color: transparent;
  border-bottom-color: transparent; }

/* List View
--------------------------------------------------------------------------------------------------*/
/* possibly reusable */
.fc-event-dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 5px; }

/* view wrapper */
.fc-rtl .fc-list-view {
  direction: rtl;
  /* unlike core views, leverage browser RTL */ }

.fc-list-view {
  border-width: 1px;
  border-style: solid; }

/* table resets */
.fc .fc-list-table {
  table-layout: auto;
  /* for shrinkwrapping cell content */ }

.fc-list-table td {
  border-width: 1px 0 0;
  padding: 8px 14px; }

.fc-list-table tr:first-child td {
  border-top-width: 0; }

/* day headings with the list */
.fc-list-heading {
  border-bottom-width: 1px; }

.fc-list-heading td {
  font-weight: bold; }

.fc-ltr .fc-list-heading-main {
  float: left; }

.fc-ltr .fc-list-heading-alt {
  float: right; }

.fc-rtl .fc-list-heading-main {
  float: right; }

.fc-rtl .fc-list-heading-alt {
  float: left; }

/* event list items */
.fc-list-item.fc-has-url {
  cursor: pointer;
  /* whole row will be clickable */ }

.fc-list-item-marker,
.fc-list-item-time {
  white-space: nowrap;
  width: 1px; }

/* make the dot closer to the event title */
.fc-ltr .fc-list-item-marker {
  padding-right: 0; }

.fc-rtl .fc-list-item-marker {
  padding-left: 0; }

.fc-list-item-title a {
  /* every event title cell has an <a> tag */
  text-decoration: none;
  color: inherit; }

.fc-list-item-title a[href]:hover {
  /* hover effect only on titles with hrefs */
  text-decoration: underline; }

/* message when no events */
.fc-list-empty-wrap2 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }

.fc-list-empty-wrap1 {
  width: 100%;
  height: 100%;
  display: table; }

.fc-list-empty {
  display: table-cell;
  vertical-align: middle;
  text-align: center; }

.fc-unthemed .fc-list-empty {
  /* theme will provide own background */
  background-color: #eee; }

/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp {
  padding: 0;
  margin: 0;
  border: 0;
  outline: none;
  vertical-align: top; }

.fancybox-wrap {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 8020; }

.fancybox-skin {
  position: relative;
  background: #f9f9f9;
  color: #444;
  text-shadow: none;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px; }

.fancybox-opened {
  z-index: 8030; }

.fancybox-opened .fancybox-skin {
  -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); }

.fancybox-outer, .fancybox-inner {
  position: relative; }

.fancybox-inner {
  overflow: hidden; }

.fancybox-type-iframe .fancybox-inner {
  -webkit-overflow-scrolling: touch; }

.fancybox-error {
  color: #444;
  font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin: 0;
  padding: 15px;
  white-space: nowrap; }

.fancybox-image, .fancybox-iframe {
  display: block;
  width: 100%;
  height: 100%; }

.fancybox-image {
  max-width: 100%;
  max-height: 100%; }

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
  background-image: url("../img/fancybox_sprite.png"); }

#fancybox-loading {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -22px;
  margin-left: -22px;
  background-position: 0 -108px;
  opacity: 0.8;
  cursor: pointer;
  z-index: 8060; }

#fancybox-loading div {
  width: 44px;
  height: 44px;
  background: url("../img/fancybox_loading.gif") center center no-repeat; }

.fancybox-close {
  position: absolute;
  top: -18px;
  right: -18px;
  width: 36px;
  height: 36px;
  cursor: pointer;
  z-index: 8040; }

.fancybox-nav {
  position: absolute;
  top: 0;
  width: 40%;
  height: 100%;
  cursor: pointer;
  text-decoration: none;
  background: transparent url("../img/blank.gif");
  /* helps IE */
  -webkit-tap-highlight-color: transparent;
  z-index: 8040; }

.fancybox-prev {
  left: 0; }

.fancybox-next {
  right: 0; }

.fancybox-nav span {
  position: absolute;
  top: 50%;
  width: 36px;
  height: 34px;
  margin-top: -18px;
  cursor: pointer;
  z-index: 8040;
  visibility: hidden; }

.fancybox-prev span {
  left: 10px;
  background-position: 0 -36px; }

.fancybox-next span {
  right: 10px;
  background-position: 0 -72px; }

.fancybox-nav:hover span {
  visibility: visible; }

.fancybox-tmp {
  position: absolute;
  top: -99999px;
  left: -99999px;
  max-width: 99999px;
  max-height: 99999px;
  overflow: visible !important; }

/* Overlay helper */
.fancybox-lock {
  overflow: visible !important;
  width: auto; }

.fancybox-lock body {
  overflow: hidden !important; }

.fancybox-lock-test {
  overflow-y: hidden !important; }

.fancybox-overlay {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  display: none;
  z-index: 8010;
  background: url("../img/fancybox_overlay.png"); }

.fancybox-overlay-fixed {
  position: fixed;
  bottom: 0;
  right: 0; }

.fancybox-lock .fancybox-overlay {
  overflow: auto;
  overflow-y: scroll; }

/* Title helper */
.fancybox-title {
  visibility: hidden;
  font: normal 13px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
  position: relative;
  text-shadow: none;
  z-index: 8050; }

.fancybox-opened .fancybox-title {
  visibility: visible; }

.fancybox-title-float-wrap {
  position: absolute;
  bottom: 0;
  right: 50%;
  margin-bottom: -35px;
  z-index: 8050;
  text-align: center; }

.fancybox-title-float-wrap .child {
  display: inline-block;
  margin-right: -100%;
  padding: 2px 20px;
  background: transparent;
  /* Fallback for web browsers that doesn't support RGBa */
  background: rgba(0, 0, 0, 0.8);
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  text-shadow: 0 1px 2px #222;
  color: #FFF;
  font-weight: bold;
  line-height: 24px;
  white-space: nowrap; }

.fancybox-title-outside-wrap {
  position: relative;
  margin-top: 10px;
  color: #fff; }

.fancybox-title-inside-wrap {
  padding-top: 10px; }

.fancybox-title-over-wrap {
  position: absolute;
  bottom: 0;
  left: 0;
  color: #fff;
  padding: 10px;
  background: #000;
  background: rgba(0, 0, 0, 0.8); }

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
    background-image: url("../img/fancybox_sprite@2x.png");
    background-size: 44px 152px;
    /*The size of the normal image, half the size of the hi-res image*/ }
  #fancybox-loading div {
    background-image: url("../img/fancybox_loading@2x.gif");
    background-size: 24px 24px;
    /*The size of the normal image, half the size of the hi-res image*/ } }

:root {
    --color-blue-200: oklch(88.2% 0.059 254.128);
    --color-blue-300: oklch(80.9% 0.105 251.813);
    --color-gray-100: oklch(96.7% 0.003 264.542);
    --color-gray-300: oklch(87.2% 0.01 258.338);
    --color-gray-800: oklch(27.8% 0.033 256.848);
    --color-gray-900: oklch(21% 0.034 264.665);
    --font-weight-bold: 700;
}

@layer utilities {

    /* ===========================
       Display / Visibility
       =========================== */
    .d-none {
        display: none !important;
    }
    .sr-only {
        clip-path: inset(50%);
        white-space: nowrap;
        border-width: 0;
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
    }

    /* ===========================
       Position
       =========================== */
    .inset-0 {
        inset: calc(var(--spacing) * 0);
    }
    .-end-0\.5 {
        inset-inline-end: calc(var(--spacing) * -0.5);
    }
    .end-0\.5 {
        inset-inline-end: calc(var(--spacing) * 0.5);
    }
    .top-7 {
        top: calc(var(--spacing) * 7);
    }
    .top-\[8\%\] {
        top: 8%;
    }
    .top-\[10\%\] {
        top: 10%;
    }
    .top-\[15px\] {
        top: 15px;
    }
    .top-\[17px\] {
        top: 17px;
    }
    .top-\[18\%\] {
        top: 18%;
    }
    .top-\[20\%\] {
        top: 20%;
    }
    .-top-\[10\%\] {
        top: -10%;
    }
    .right-2 {
        right: calc(var(--spacing) * 2);
    }
    .-right-0\.5 {
        right: calc(var(--spacing) * -0.5);
    }
    .left-\[2px\] {
        left: 2px;
    }
    .left-\[2\.2px\] {
        left: 2.2px;
    }
    .z-0 {
        z-index: 0;
    }

    /* ===========================
       Flexbox / Grid
       =========================== */
    .flex-auto {
        flex: auto;
    }
    .basis-1\/2 {
        flex-basis: 50%;
    }
    .basis-1\/4 {
        flex-basis: 25%;
    }
    .grow-1 {
        flex-grow: 1;
    }
    .shrink-1 {
        flex-shrink: 1;
    }
    .grid-cols-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
    .grid-cols-6 {
        grid-template-columns: repeat(6, minmax(0, 1fr));
    }
    .align-baseline {
        vertical-align: baseline;
    }

    /* ===========================
       Spacing: Margin
       =========================== */
    .m-0 {
        margin: 0;
    }
    .m-2 {
        margin: calc(var(--spacing) * 2);
    }
    .mx-0 {
        margin-left: 0;
        margin-right: 0;
    }
    .mx-0\.5 {
        margin-inline: calc(var(--spacing) * 0.5);
    }
    .mx-3 {
        margin-inline: calc(var(--spacing) * 3);
    }
    .my-1\.5 {
        margin-block: calc(var(--spacing) * 1.5);
    }
    .my-3 {
        margin-block: calc(var(--spacing) * 3);
    }
    .my-4 {
        margin-block: calc(var(--spacing) * 4);
    }
    .ms-3 {
        margin-inline-start: calc(var(--spacing) * 3);
    }
    .mt-1\.5 {
        margin-top: calc(var(--spacing) * 1.5);
    }
    .mt-\[2px\] {
        margin-top: 2px;
    }
    .mt-\[7px\] {
        margin-top: 7px;
    }
    .mr-1\.5 {
        margin-right: calc(var(--spacing) * 1.5);
    }
    .mr-2 {
        margin-right: calc(var(--spacing) * 2);
    }
    .mr-3 {
        margin-right: calc(var(--spacing) * 3);
    }
    .mr-4 {
        margin-right: calc(var(--spacing) * 4);
    }
    .mb-0 {
        margin-bottom: calc(var(--spacing) * 0);
    }
    .mb-2\.75 {
        margin-bottom: calc(var(--spacing) * 2.75);
    }
    .mb-6 {
        margin-bottom: calc(var(--spacing) * 6);
    }
    .ml-auto {
        margin-left: auto;
    }
    .ml-1 {
        margin-left: calc(var(--spacing) * 1);
    }
    .ml-3 {
        margin-left: calc(var(--spacing) * 3);
    }
    .-ml-2 {
        margin-left: calc(var(--spacing) * -2);
    }
    .-ml-6 {
        margin-left: calc(var(--spacing) * -6);
    }
    .-mr-2\.5 {
        margin-right: calc(var(--spacing) * -2.5);
    }

    /* ===========================
       Spacing: Padding
       =========================== */
    .p-1 {
        padding: calc(var(--spacing) * 1);
    }
    .p-6 {
        padding: calc(var(--spacing) * 6);
    }
    .p-12 {
        padding: calc(var(--spacing) * 12);
    }
    .p-16 {
        padding: calc(var(--spacing) * 16);
    }
    .px-1 {
        padding-inline: calc(var(--spacing) * 1);
    }
    .px-1\.5 {
        padding-inline: calc(var(--spacing) * 1.5);
    }
    .px-8 {
        padding-inline: calc(var(--spacing) * 8);
    }
    .py-6 {
        padding-block: calc(var(--spacing) * 6);
    }
    .py-8 {
        padding-block: calc(var(--spacing) * 8);
    }
    .py-12 {
        padding-block: calc(var(--spacing) * 12);
    }
    .py-16 {
        padding-block: calc(var(--spacing) * 16);
    }
    .py-\[60px\] {
        padding-top: 60px;
        padding-bottom: 60px;
    }
    .pe-10 {
        padding-inline-end: calc(var(--spacing) * 10);
    }
    .pt-px {
        padding-top: 1px;
    }
    .pt-1\.25 {
        padding-top: calc(var(--spacing) * 1.25);
    }
    .pt-10 {
        padding-top: calc(var(--spacing) * 10);
    }
    .pt-\[80px\] {
        padding-top: 80px;
    }
    .pr-4 {
        padding-right: calc(var(--spacing) * 4);
    }
    .pr-9 {
        padding-right: calc(var(--spacing) * 9);
    }
    .pr-10 {
        padding-right: calc(var(--spacing) * 10);
    }
    .pl-5 {
        padding-left: calc(var(--spacing) * 5);
    }
    .pl-8 {
        padding-left: calc(var(--spacing) * 8);
    }
    .pl-11 {
        padding-left: calc(var(--spacing) * 11);
    }
    .pl-13 {
        padding-left: calc(var(--spacing) * 13);
    }
    .pb-\[5rem\] {
        padding-bottom: 5rem;
    }

    /* ===========================
       Spacing: Gap
       =========================== */
    .gap-12 {
        gap: calc(var(--spacing) * 12);
    }
    .gap-1\.75 {
        gap: calc(var(--spacing) * 1.75);
    }
    .gap-x-6 {
        column-gap: 1.5rem;
    }

    /* ===========================
       Spacing: Space Between
       =========================== */
    .-space-x-2 > :not(:last-child) {
        margin-inline-end: calc(var(--spacing) * -2);
    }
    .space-x-0\.5 > :not(:last-child) {
        margin-inline-end: calc(var(--spacing) * 0.5);
    }
    .space-x-2 > :not(:last-child) {
        margin-inline-end: calc(var(--spacing) * 2);
    }
    .space-y-2\.5 > :not(:last-child) {
        margin-bottom: calc(var(--spacing) * 2.5);
    }
    .space-y-3\.5 > :not(:last-child) {
        margin-bottom: calc(var(--spacing) * 3.5);
    }
    .space-y-4\.5 > :not(:last-child) {
        margin-bottom: calc(var(--spacing) * 4.5);
    }

    /* ===========================
       Spacing: Divide
       =========================== */
    .divide-gray-200 > :not(:last-child) {
        border-color: var(--color-gray-200);
    }
    .divide-border > :not(:last-child) {
        border-color: var(--border);
    }

    /* ===========================
       Sizing: Width
       =========================== */
    .w-2 {
        width: calc(var(--spacing) * 2);
    }
    .w-4 {
        width: calc(var(--spacing) * 4);
    }
    .w-60 {
        width: calc(var(--spacing) * 60);
    }
    .w-auto {
        width: auto;
    }
    .w-fit {
        width: fit-content;
    }
    .w-px {
        width: 1px;
    }
    .w-\[2px\] {
        width: 2px;
    }
    .w-\[34px\] {
        width: 34px;
    }
    .w-\[36px\] {
        width: 36px;
        min-width: 36px;
    }
    .w-\[40px\] {
        width: 40px;
    }
    .w-\[80px\] {
        width: 80px;
    }
    .w-\[105px\] {
        width: 105px;
    }
    .w-\[182px\] {
        width: 182px;
    }
    .w-\[300px\] {
        width: 300px;
    }
    .w-\[720px\] {
        width: 720px;
    }
    .w-\[940px\] {
        width: 940px;
    }
    .w-\[1000px\] {
        width: 1000px;
    }

    /* ===========================
       Sizing: Height
       =========================== */
    .h-3 {
        height: calc(var(--spacing) * 3);
    }
    .h-8 {
        height: calc(var(--spacing) * 8);
    }
    .h-36 {
        height: calc(var(--spacing) * 36);
    }
    .h-100vh {
        height: 100vh;
    }
    .h-\[0\.75rem\] {
        height: 0.75rem;
    }
    .h-\[12px\] {
        height: 12px;
    }
    .h-\[24px\] {
        height: 24px;
    }
    .h-\[25px\] {
        height: 25px;
    }
    .h-\[34px\] {
        height: 34px;
    }
    .h-\[150px\] {
        height: 150px;
    }
    .h-\[200px\] {
        height: 200px;
    }
    .h-\[300px\] {
        height: 300px;
    }
    .h-\[400px\] {
        height: 400px;
    }
    .h-\[500px\] {
        height: 500px;
    }
    .h-\[5000px\] {
        height: 5000px;
    }

    /* ===========================
       Sizing: Size (width + height)
       =========================== */
    .size-15 {
        width: calc(var(--spacing) * 15);
        height: calc(var(--spacing) * 15);
    }
    .size-24 {
        width: calc(var(--spacing) * 24);
        height: calc(var(--spacing) * 24);
    }
    .size-\[11px\] {
        width: 11px;
        height: 11px;
    }

    /* ===========================
       Sizing: Min Width
       =========================== */
    .min-w-max {
        min-width: max-content;
    }
    .min-w-\[65px\] {
        min-width: 65px;
    }
    .min-w-\[66px\] {
        min-width: 66px;
    }
    .min-w-\[70px\] {
        min-width: 70px;
    }
    .min-w-\[73px\] {
        min-width: 73px;
    }
    .min-w-\[75px\] {
        min-width: 75px;
    }
    .min-w-\[77px\] {
        min-width: 77px;
    }
    .min-w-\[80px\] {
        min-width: 80px;
    }
    .min-w-\[82px\] {
        min-width: 82px;
    }
    .min-w-\[84px\] {
        min-width: 84px;
    }
    .min-w-\[85px\] {
        min-width: 85px;
    }
    .min-w-\[88px\] {
        min-width: 88px;
    }
    .min-w-\[90px\] {
        min-width: 90px;
    }
    .min-w-\[95px\] {
        min-width: 95px;
    }
    .min-w-\[105px\] {
        min-width: 105px;
    }
    .min-w-\[106px\] {
        min-width: 106px;
    }
    .min-w-\[115px\] {
        min-width: 115px;
    }
    .min-w-\[116px\] {
        min-width: 116px;
    }
    .min-w-\[125px\] {
        min-width: 125px;
    }
    .min-w-\[135px\] {
        min-width: 135px;
    }
    .min-w-\[140px\] {
        min-width: 140px;
    }
    .min-w-\[145px\] {
        min-width: 145px;
    }
    .min-w-\[201px\] {
        min-width: 201px;
    }
    .min-w-\[230px\] {
        min-width: 230px;
    }
    .min-w-\[255px\] {
        min-width: 255px;
    }
    .min-w-\[275px\] {
        min-width: 275px;
    }
    .min-w-\[290px\] {
        min-width: 290px;
    }
    .min-w-\[320px\] {
        min-width: 320px;
    }
    .min-w-\[350px\] {
        min-width: 350px;
    }
    .min-w-\[500px\] {
        min-width: 500px;
    }

    /* ===========================
       Sizing: Min Height
       =========================== */
    .min-h-screen {
        min-height: 100vh;
    }
    .min-h-\[50px\] {
        min-height: 50px;
    }
    .min-h-\[170px\] {
        min-height: 170px;
    }
    .min-h-\[650px\] {
        min-height: 650px;
    }
    .min-h-\[750px\] {
        min-height: 750px;
    }
    .min-h-\[800px\] {
        min-height: 800px;
    }
    .min-h-12 {
        min-height: calc(var(--spacing) * 12);
    }

    /* ===========================
       Sizing: Max Width
       =========================== */
    .max-w-36 {
        max-width: calc(var(--spacing) * 36);
    }
    .max-w-60 {
        max-width: calc(var(--spacing) * 60);
    }
    .max-w-72 {
        max-width: calc(var(--spacing) * 72);
    }
    .max-w-\[10\%\] {
        max-width: 10%;
    }
    .max-w-\[20\%\] {
        max-width: 20%;
    }
    .max-w-\[70\%\] {
        max-width: 70%;
    }
    .max-w-\[230px\] {
        max-width: 230px;
    }
    .max-w-\[325px\] {
        max-width: 325px;
    }
    .max-w-\[345px\] {
        max-width: 345px;
    }
    .max-w-\[400px\] {
        max-width: 400px;
    }
    .max-w-\[580px\] {
        max-width: 580px;
    }
    .max-w-\[700px\] {
        max-width: 700px;
    }
    .max-w-\[1000px\] {
        max-width: 1000px;
    }

    /* ===========================
       Sizing: Max Height
       =========================== */
    .max-h-\[35\] {
        max-height: 35px;
    }
    .max-h-\[340px\] {
        max-height: 340px;
    }
    .max-h-\[90\%\] {
        max-height: 90%;
    }
    .max-h-\[95\%\] {
        max-height: 95%;
    }
    .max-h-full {
        max-height: 100%;
    }

    /* ===========================
       Typography
       =========================== */
    .font-sans {
        font-family: var(--font-sans);
    }
    .font-bold {
        --tw-font-weight: var(--font-weight-bold);
        font-weight: var(--font-weight-bold);
    }
    .text-4xl {
        font-size: var(--text-4xl);
        line-height: var(--tw-leading, var(--text-4xl--line-height));
    }
    .capitalize {
        text-transform: capitalize;
    }
    .decoration-dotted {
        text-decoration-style: dotted;
    }
    .leading-0 {
        line-height: 0;
    }
    .nowrap {
        white-space: nowrap;
    }
    .list-decimal {
        list-style-type: decimal;
    }
    .break-all {
        line-break: anywhere;
    }
    .placeholder\:font-medium::placeholder {
        --tw-font-weight: var(--font-weight-medium);
        font-weight: var(--font-weight-medium);
    }
    .placeholder\:text-secondary-foreground::placeholder {
        color: var(--secondary-foreground);
    }

    /* ===========================
       Text Colors
       =========================== */
    .text-red-500 {
        color: #E44545;
    }
    .text-red-700 {
        color: var(--color-red-700);
    }
    .text-blue-600 {
        color: var(--color-blue-600);
    }
    .text-blue-800 {
        color: var(--color-blue-800);
    }
    .text-gray-300 {
        color: var(--color-gray-300);
    }
    .text-gray-400 {
        color: var(--color-gray-400);
    }
    .text-gray-500 {
        color: var(--color-gray-500);
    }
    .text-gray-600 {
        color: var(--color-gray-600);
    }
    .text-gray-700 {
        color: var(--color-gray-700);
    }
    .text-gray-800 {
        color: var(--color-gray-800);
    }
    .text-gray-900 {
        color: var(--color-gray-900);
    }

    /* ===========================
       Background Colors
       =========================== */
    .bg-\[\#fefefe\] {
        background-color: #fefefe;
    }
    .bg-red-100 {
        background-color: var(--color-red-100);
    }
    .bg-blue-50 {
        background-color: var(--color-blue-50);
    }
    .bg-blue-100 {
        background-color: var(--color-blue-100);
    }
    .bg-blue-500 {
        background-color: var(--color-blue-500);
    }
    .bg-blue-600 {
        background-color: var(--color-blue-600);
    }
    .bg-gray-50 {
        background-color: var(--color-gray-50);
    }
    .bg-gray-100 {
        background-color: var(--color-gray-100);
    }
    .bg-gray-300 {
        background-color: var(--color-gray-300);
    }
    .bg-gray-400 {
        background-color: var(--color-gray-400);
    }
    .bg-gray-500 {
        background-color: var(--color-gray-500);
    }
    .bg-gray-600 {
        background-color: var(--color-gray-600);
    }
    .bg-gray-700 {
        background-color: var(--color-gray-700);
    }
    .bg-gray-900 {
        background-color: var(--color-gray-900);
    }
    .bg-secondary-foreground {
        background-color: var(--secondary-foreground);
    }

    @supports (color: color-mix(in lab, red, red)) {
        .bg-muted-foreground\/60 {
            background-color: color-mix(in oklab, var(--muted-foreground) 60%, transparent);
        }
    }

    /* ===========================
       Border Width
       =========================== */
    .border-x-0 {
        border-right: 0;
        border-left: 0;
    }
    .border-4 {
        border-style: var(--tw-border-style);
        border-width: 4px;
    }
    .border-t-0 {
        border-top-style: var(--tw-border-style);
        border-top-width: 0;
    }
    .border-b-3 {
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: 3px;
    }
    .border-l {
        border-left-style: var(--tw-border-style);
        border-left-width: 1px;
    }
    .border-l-2 {
        border-left-style: var(--tw-border-style);
        border-left-width: 2px;
    }

    /* ===========================
       Border Colors
       =========================== */
    .border-red-500 {
        border-color: var(--color-red-500);
    }
    .border-red-700 {
        border-color: var(--color-red-700);
    }
    .border-blue-500 {
        border-color: var(--color-blue-500);
    }
    .border-gray-200 {
        border-color: var(--color-gray-200);
    }
    .border-gray-300 {
        border-color: var(--color-gray-300);
    }
    .border-muted-foreground {
        border-color: var(--muted-foreground);
    }
    .border-s-gray-300 {
        border-inline-start-color: var(--color-gray-300);
    }
    .border-t-gray-200 {
        border-top-color: var(--color-gray-200);
    }
    .border-r-gray-200 {
        border-right-color: var(--color-gray-200);
    }
    .border-b-gray-200 {
        border-bottom-color: var(--color-gray-200);
    }
    .border-b-primary {
        border-bottom-color: var(--primary);
    }
    .border-l-gray-300 {
        border-left-color: var(--color-gray-300);
    }

    /* ===========================
       Border Radius
       =========================== */
    .rounded-none {
        border-radius: 0;
    }
    .rounded-r-none {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }
    .rounded-l-none {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }
    .rounded-t {
        border-top-left-radius: .25rem;
        border-top-right-radius: .25rem;
    }
    .rounded-b {
        border-bottom-right-radius: .25rem;
        border-bottom-left-radius: .25rem;
    }

    /* ===========================
       Outline
       =========================== */
    .outline-2 {
        outline-style: var(--tw-outline-style);
        outline-width: 2px;
    }
    .outline-3 {
        outline-style: var(--tw-outline-style);
        outline-width: 3px;
    }
    .outline-background {
        outline-color: var(--background);
    }
    .outline-gray-50 {
        outline-color: var(--color-gray-50);
    }

    @supports (color: color-mix(in lab, red, red)) {
        .outline-muted\/70 {
            outline-color: color-mix(in oklab, var(--muted) 70%, transparent);
        }
    }

    /* ===========================
       Ring
       =========================== */
    .ring-blue-300 {
        --tw-ring-color: var(--color-blue-300);
    }

    /* ===========================
       Shadow
       =========================== */
    .shadow-sm {
        --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
        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, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
    .shadow-primary {
        --tw-shadow-color: var(--primary);
    }

    /* ===========================
       Effects
       =========================== */
    .opacity-0 {
        opacity: 0;
    }
    .opacity-50 {
        opacity: .5;
    }
    .opacity-100 {
        opacity: 1;
    }
    .cursor-not-allowed {
        cursor: not-allowed;
    }
    .overflow-visible {
        overflow: visible;
    }

    /* ===========================
       Transforms
       =========================== */
    .translate-y-0 {
        --tw-translate-y: calc(var(--spacing) * 0);
        translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .translate-y-2 {
        --tw-translate-y: calc(var(--spacing) * 2);
        translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    /* ===========================
       Transitions
       =========================== */
    .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));
    }
    .duration-700 {
        --tw-duration: .7s;
        transition-duration: .7s;
    }

    /* ===========================
       Responsive: sm (max-width: 48rem)
       =========================== */
    @media (max-width: 48rem) {
        .sm\:static {
            position: static;
        }
        .sm\:hidden {
            display: none;
        }
        .sm\:flex-col {
            flex-direction: column;
        }
        .sm\:justify-start {
            justify-content: start;
        }
        .sm\:mb-5 {
            margin-bottom: calc(var(--spacing) * 5);
        }
        .sm\:pt-\[30px\] {
            padding-top: 40px;
        }
        .sm\:pt-\[70px\] {
            padding-top: 70px;
        }
        .sm\:px-\[25px\] {
            padding-inline: 25px;
        }
        .sm\:min-h-\[950px\] {
            min-height: 950px;
        }
    }

    /* ===========================
       Responsive: md (min-width: 48rem)
       =========================== */
    @media (min-width: 48rem) {
        .md\:hidden {
            display: none;
        }
        .md\:grow-0 {
            flex-grow: 0;
        }
        .md\:mx-\[80px\] {
            margin-right: 80px;
            margin-left: 80px;
        }
        .md\:px-\[25px\] {
            padding-inline: 25px;
        }
    }

    /* ===========================
       Responsive: lg (min-width: 64rem)
       =========================== */
    @media (min-width: 64rem) {
        .lg\:block {
            display: block;
        }
        .lg\:inline-block {
            display: inline-block;
        }
        .lg\:flex-\[0_0_25\%\] {
            flex: 0 0 25%;
        }
        .lg\:flex-\[1_1_75\%\] {
            flex: 1 1 75%;
        }
        .lg\:grid-cols-4 {
            grid-template-columns: repeat(4, minmax(0, 1fr));
        }
        .lg\:left-auto {
            left: auto;
        }
        .lg\:top-\[110px\] {
            top: 110px;
        }
        .lg\:z-20 {
            z-index: 20;
        }
        .lg\:-ml-2 {
            margin-left: calc(var(--spacing) * -2);
        }
        .lg\:ml-\[240px\] {
            margin-left: 240px;
        }
        .lg\:mr-\[280px\] {
            margin-right: 280px;
        }
        .lg\:mb-16 {
            margin-bottom: calc(var(--spacing) * 16);
        }
        .lg\:w-56 {
            width: calc(var(--spacing) * 56);
        }
        .lg\:w-\[280px\] {
            width: 280px;
        }
        .lg\:w-\[300px\] {
            width: 300px;
        }
        .lg\:w-\[500px\] {
            width: 500px;
        }
        .lg\:w-\[600px\] {
            width: 600px;
        }
        .lg\:h-\[80px\] {
            height: 80px;
        }
        .lg\:min-w-0 {
            min-width: calc(var(--spacing) * 0);
        }
        .lg\:min-w-\[360px\] {
            min-width: 360px;
        }
        .lg\:max-w-\[500px\] {
            max-width: 500px;
        }
        .lg\:max-w-\[800px\] {
            max-width: 800px;
        }
        .lg\:max-w-\[1100px\] {
            max-width: 1100px;
        }
        .lg\:gap-16 {
            gap: calc(var(--spacing) * 16);
        }
        .lg\:px-8 {
            padding-inline: calc(var(--spacing) * 8);
        }
        .lg\:px-\[60px\] {
            padding-inline: 60px;
        }
        .lg\:py-16 {
            padding-block: calc(var(--spacing) * 16);
        }
        .lg\:pe-5 {
            padding-inline-end: calc(var(--spacing) * 5);
        }
        .lg\:pl-2 {
            padding-left: calc(var(--spacing) * 2);
        }
        .lg\:pt-\[110px\] {
            padding-top: 110px;
        }
        .lg\:translate-x-0 {
            --tw-translate-x: calc(var(--spacing) * 0);
            translate: var(--tw-translate-x) var(--tw-translate-y);
        }
        .dark\:lg\:hidden:is(.dark *) {
            display: none;
        }
        .dark\:lg\:inline-block:is(.dark *) {
            display: inline-block;
        }
        .lg\:dark\:bg-transparent:is(.dark *) {
            background-color: transparent;
        }
    }

    /* ===========================
       Responsive: xl (min-width: 80rem)
       =========================== */
    @media (min-width: 80rem) {
        .xl\:hidden {
            display: none !important;
        }
        .xl\:block {
            display: block;
        }
        .xl\:mx-auto {
            margin-inline: auto;
        }
        .xl\:max-w-\[90rem\] {
            max-width: 90rem;
        }
        .xl\:w-\[33\%\] {
            width: 33%;
        }
    }

    /* ===========================
       Responsive: sticky navbar
       =========================== */
    @media (max-width: 1024px) {
        :root {
            --nav-x-margin: 0;
            --sticky-offset: 58px;
        }
    }
}

/* ==========================================================================
   Pseudo-class / State Variants
   ========================================================================== */

/* --- Hover --- */
@media (hover: hover) {
    .hover\:bg-blue-50:hover {
        background-color: var(--color-blue-50);
    }
    .hover\:bg-blue-200:hover {
        background-color: var(--color-blue-200);
    }
    .hover\:bg-blue-600:hover {
        background-color: var(--color-blue-600);
    }
    .hover\:bg-blue-700:hover {
        background-color: var(--color-blue-700);
    }
    .hover\:bg-gray-100:hover {
        background-color: var(--color-gray-100);
    }
    .hover\:bg-gray-200:hover {
        background-color: var(--color-gray-200);
    }
    .hover\:text-blue-600:hover {
        color: var(--color-blue-600);
    }
    .hover\:text-gray-600:hover {
        color: var(--color-gray-600);
    }
    .hover\:text-gray-700:hover {
        color: var(--color-gray-700);
    }
    .hover\:shadow:hover {
        --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
    .hover\:shadow-primary:hover {
        --tw-shadow-color: var(--primary);
    }

    @supports (color: color-mix(in lab, red, red)) {
        .hover\:shadow-primary:hover {
            --tw-shadow-color: color-mix(in oklab, var(--primary) var(--tw-shadow-alpha), transparent);
        }
    }
}

/* --- Focus --- */
.focus\:outline-none:focus {
    --tw-outline-style: none;
    outline-style: none;
}
.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-blue-500:focus {
    --tw-ring-color: var(--color-blue-500);
}

/* --- Active --- */
.active\:text-primary:active {
    color: var(--primary);
}

/* --- Before pseudo-element --- */
.before\:border-gray-200:before {
    border-color: var(--color-gray-200);
}
.before\:left-\[10px\]:before {
    left: 10px;
}
.before\:left-px:before {
    left: 1px;
}
.before\:left-\[2px\]:before {
    left: 2px;
}
.before\:left-\[2\.2px\]:before {
    left: 2.2px;
}

/* --- Dark mode --- */
.dark\:flex:is(.dark *) {
    display: flex;
}
.dark\:bg-transparent:is(.dark *) {
    background-color: transparent;
}
.dark\:border-gray-100:is(.dark *) {
    border-color: var(--color-gray-100);
}

/* --- Light mode --- */
.light\:bg-\[\#fefefe\] {
    background-color: #fefefe;
}
.light\:border-gray-100 {
    border-color: var(--color-gray-100);
}
.light\:border-gray-300 {
    border-color: var(--color-gray-300);
}

/* --- Group hover --- */
.group-hover\:flex:is(:where(.group):hover *) {
    display: flex;
}
.group-hover\:opacity-100:is(:where(.group):hover *) {
    opacity: 1;
}
.group-focus\:opacity-100:is(:where(.group):focus *) {
    opacity: 1;
}

/* ==========================================================================
   Component Styles
   ========================================================================== */

/* --- Keenthemes Components --- */
.kt-menu-title {
    font-size: 13px;
    font-weight: 500;
}

.kt-table thead th:not(.font-normal) {
    font-weight: 600;
}

.kt-table-col-label:not(.font-normal) {
    font-weight: inherit;
}

.kt-table-sm tbody td,
.kt-table-sm tfoot td {
    padding-inline: calc(var(--spacing) * 2);
    padding-block: calc(var(--spacing) * 2);
    vertical-align: middle;
}

.kt-table-bordered td {
    border: 1px solid var(--border);
}

.kt-btn-success {
    background-color: #00B47D;
    color: #ffffff;
}

.kt-btn-success:hover {
    background-color: #009a6b;
    color: #ffffff;
}

.kt-select-tag {
    max-width: max-content !important;
}

.kt-select-dropdown.open {
    max-height: 50vh;
    overflow-y: auto;
}

.kt-textarea {
    padding-top: 0px;
    padding-bottom: 0px;
    line-height: 2.462;
    vertical-align: bottom;
}

/* Validation error state — match legacy pink fill + red border */
.input-validation-error,
.kt-input:has(.grow.input-validation-error) {
    border-color: var(--destructive, #e84556) !important;
    background-color: color-mix(in oklab, var(--destructive, #e84556) 8%, var(--background)) !important;
}

/* Gray out the entire input group when its input is disabled */
.kt-input-group:has(.kt-input:disabled) {
    pointer-events: none;
}

.kt-input-group:has(.kt-input:disabled) .kt-input {
    background-color: var(--muted);
}

.kt-input-group:has(.kt-input:disabled) .kt-input-addon {
    background-color: var(--muted);
    opacity: 0.7;
}

.ki-loading {
    display: inline-block;
    animation: spin 1s linear infinite;
}

.ki-modal {
    background-color: #0000005c !important;
}

/* Ensure modals and backdrops render above the sticky header (z-20) */
.kt-modal {
    z-index: 50;
}

.kt-modal-backdrop {
    z-index: 40;
}

/* --- SweetAlert buttons --- */
.swal-btn-light {
    background-color: #ffffff;
    color: var(--secondary-foreground, #4b5563);
    border: 1px solid var(--input, #d1d5db);
}

.swal-btn-light:hover {
    background-color: var(--accent, #f3f4f6);
    color: var(--accent-foreground, #374151);
}

.swal-btn-destructive {
    background-color: var(--destructive, #e42855);
    color: var(--destructive-foreground, #ffffff);
}

@media (hover: hover) {
    .swal-btn-destructive:hover {
        background-color: var(--destructive, #e42855);
        color: var(--destructive-foreground, #ffffff);
    }
    @supports (color: color-mix(in lab, red, red)) {
        .swal-btn-destructive:hover {
            background-color: color-mix(in oklab, var(--destructive, #e42855) 90%, transparent);
            color: var(--destructive-foreground, #ffffff);
        }
    }
}

/* --- SweetAlert dark mode --- */
/* Popup stays light-mode; just add a visible border so the
   outline is clear against the dark page backdrop. */
.dark .swal2-popup {
    border: 1px solid #e5e7eb;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5);
}

/* Force Cancel button to keep readable light-mode colors
   even when the page is in dark mode. */
.dark .swal-btn-light {
    background-color: #ffffff;
    color: #4b5563;
    border-color: #d1d5db;
}

.dark .swal-btn-light:hover {
    background-color: #f3f4f6;
    color: #374151;
}

/* SweetAlert has no dark mode installed — force kt-btn kt-btn-outline
   buttons inside the swal popup to keep light-mode colors when the
   page is in dark mode (otherwise they render black). */
.dark .swal2-popup .kt-btn.kt-btn-outline,
.dark .swal2-popup .kt-btn-outline {
    background-color: #ffffff;
    color: #4b5563;
    border-color: #d1d5db;
}

.dark .swal2-popup .kt-btn.kt-btn-outline:hover,
.dark .swal2-popup .kt-btn-outline:hover {
    background-color: #f3f4f6;
    color: #374151;
}

/* --- Prevent scroll bounce caused by sticky header/navbar --- */
html {
    overscroll-behavior-y: none;
}

/* Header is always fixed (classes on the element itself).
   Navbar is always fixed on desktop via the rules below. */
.h-\[58px\] {
    height: 58px;
}
@media (min-width: 1024px) {
    #navbar.nav-bar {
        position: fixed;
        top: 58px;
        left: 0;
        right: 0;
        z-index: 10;
    }
    #navbar-wrapper {
        height: 49px;
    }
}

/* --- Dropdown Menu --- */
.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 10rem;
    padding: .5rem 0;
    margin: 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 0;
    border-radius: 4px;
    -webkit-box-shadow: 0 0 15px 1px rgba(81, 77, 92, .2);
    -moz-box-shadow: 0 0 15px 1px rgba(81, 77, 92, .2);
    box-shadow: 0 0 15px 1px rgba(81, 77, 92, .2);
}

/* ==========================================================================
   Datepicker
   ========================================================================== */

.datepicker {
    border-radius: 4px;
    direction: ltr;
}

.datepicker-inline {
    width: 220px;
}

.datepicker-rtl {
    direction: rtl;
}

.datepicker-rtl.dropdown-menu {
    left: auto;
}

.datepicker-rtl table tr td span {
    float: right;
}

.datepicker-dropdown {
    top: 0;
    left: 0;
    padding: 4px;
}

.datepicker table {
    margin: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.datepicker table tr td,
.datepicker table tr th {
    text-align: center;
    width: 30px;
    height: 30px;
    border-radius: 4px;
    border: none;
}

.table-striped .datepicker table tr td,
.table-striped .datepicker table tr th {
    background-color: transparent;
}

.datepicker table tr td.new,
.datepicker table tr td.old {
    color: #777;
}

.datepicker table tr td.day:hover,
.datepicker table tr td.focused {
    background: #eee;
    cursor: pointer;
}

.datepicker table tr td.disabled,
.datepicker table tr td.disabled:hover {
    background: 0 0;
    color: #777;
    cursor: default;
}

.datepicker table tr td.highlighted {
    color: #000;
    background-color: #d9edf7;
    border-color: #85c5e5;
    border-radius: 0;
}

.datepicker table tr td.highlighted.focus,
.datepicker table tr td.highlighted:focus {
    color: #000;
    background-color: #afd9ee;
    border-color: #298fc2;
}

.datepicker table tr td.highlighted:hover {
    color: #000;
    background-color: #afd9ee;
    border-color: #52addb;
}

.datepicker table tr td.highlighted.active,
.datepicker table tr td.highlighted:active {
    color: #000;
    background-color: #afd9ee;
    border-color: #52addb;
}

.datepicker table tr td.highlighted.active.focus,
.datepicker table tr td.highlighted.active:focus,
.datepicker table tr td.highlighted.active:hover,
.datepicker table tr td.highlighted:active.focus,
.datepicker table tr td.highlighted:active:focus,
.datepicker table tr td.highlighted:active:hover {
    color: #000;
    background-color: #91cbe8;
    border-color: #298fc2;
}

.datepicker table tr td.highlighted.disabled.focus,
.datepicker table tr td.highlighted.disabled:focus,
.datepicker table tr td.highlighted.disabled:hover,
.datepicker table tr td.highlighted[disabled].focus,
.datepicker table tr td.highlighted[disabled]:focus,
.datepicker table tr td.highlighted[disabled]:hover,
fieldset[disabled] .datepicker table tr td.highlighted.focus,
fieldset[disabled] .datepicker table tr td.highlighted:focus,
fieldset[disabled] .datepicker table tr td.highlighted:hover {
    background-color: #d9edf7;
    border-color: #85c5e5;
}

.datepicker table tr td.highlighted.focused {
    background: #afd9ee;
}

.datepicker table tr td.highlighted.disabled,
.datepicker table tr td.highlighted.disabled:active {
    background: #d9edf7;
    color: #777;
}

.datepicker table tr td.today {
    color: #000;
    background-color: #ffdb99;
    border-color: #ffb733;
}

.datepicker table tr td.today.focus,
.datepicker table tr td.today:focus {
    color: #000;
    background-color: #ffc966;
    border-color: #b37400;
}

.datepicker table tr td.today:hover {
    color: #000;
    background-color: #ffc966;
    border-color: #f59e00;
}

.datepicker table tr td.today.active,
.datepicker table tr td.today:active {
    color: #000;
    background-color: #ffc966;
    border-color: #f59e00;
}

.datepicker table tr td.today.active.focus,
.datepicker table tr td.today.active:focus,
.datepicker table tr td.today.active:hover,
.datepicker table tr td.today:active.focus,
.datepicker table tr td.today:active:focus,
.datepicker table tr td.today:active:hover {
    color: #000;
    background-color: #ffbc42;
    border-color: #b37400;
}

.datepicker table tr td.today.disabled.focus,
.datepicker table tr td.today.disabled:focus,
.datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today[disabled].focus,
.datepicker table tr td.today[disabled]:focus,
.datepicker table tr td.today[disabled]:hover,
fieldset[disabled] .datepicker table tr td.today.focus,
fieldset[disabled] .datepicker table tr td.today:focus,
fieldset[disabled] .datepicker table tr td.today:hover {
    background-color: #ffdb99;
    border-color: #ffb733;
}

.datepicker table tr td.today.focused {
    background: #ffc966;
}

.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:active {
    background: #ffdb99;
    color: #777;
}

.datepicker table tr td.range {
    color: #000;
    background-color: #eee;
    border-color: #bbb;
    border-radius: 0;
}

.datepicker table tr td.range.focus,
.datepicker table tr td.range:focus {
    color: #000;
    background-color: #d5d5d5;
    border-color: #7c7c7c;
}

.datepicker table tr td.range:hover {
    color: #000;
    background-color: #d5d5d5;
    border-color: #9d9d9d;
}

.datepicker table tr td.range.active,
.datepicker table tr td.range:active {
    color: #000;
    background-color: #d5d5d5;
    border-color: #9d9d9d;
}

.datepicker table tr td.range.active.focus,
.datepicker table tr td.range.active:focus,
.datepicker table tr td.range.active:hover,
.datepicker table tr td.range:active.focus,
.datepicker table tr td.range:active:focus,
.datepicker table tr td.range:active:hover {
    color: #000;
    background-color: #c3c3c3;
    border-color: #7c7c7c;
}

.datepicker table tr td.range.disabled.focus,
.datepicker table tr td.range.disabled:focus,
.datepicker table tr td.range.disabled:hover,
.datepicker table tr td.range[disabled].focus,
.datepicker table tr td.range[disabled]:focus,
.datepicker table tr td.range[disabled]:hover,
fieldset[disabled] .datepicker table tr td.range.focus,
fieldset[disabled] .datepicker table tr td.range:focus,
fieldset[disabled] .datepicker table tr td.range:hover {
    background-color: #eee;
    border-color: #bbb;
}

.datepicker table tr td.range.focused {
    background: #d5d5d5;
}

.datepicker table tr td.range.disabled,
.datepicker table tr td.range.disabled:active {
    background: #eee;
    color: #777;
}

.datepicker table tr td.range.highlighted {
    color: #000;
    background-color: #e4eef3;
    border-color: #9dc1d3;
}

.datepicker table tr td.range.highlighted.focus,
.datepicker table tr td.range.highlighted:focus {
    color: #000;
    background-color: #c1d7e3;
    border-color: #4b88a6;
}

.datepicker table tr td.range.highlighted:hover {
    color: #000;
    background-color: #c1d7e3;
    border-color: #73a6c0;
}

.datepicker table tr td.range.highlighted.active,
.datepicker table tr td.range.highlighted:active {
    color: #000;
    background-color: #c1d7e3;
    border-color: #73a6c0;
}

.datepicker table tr td.range.highlighted.active.focus,
.datepicker table tr td.range.highlighted.active:focus,
.datepicker table tr td.range.highlighted.active:hover,
.datepicker table tr td.range.highlighted:active.focus,
.datepicker table tr td.range.highlighted:active:focus,
.datepicker table tr td.range.highlighted:active:hover {
    color: #000;
    background-color: #a8c8d8;
    border-color: #4b88a6;
}

.datepicker table tr td.range.highlighted.disabled.focus,
.datepicker table tr td.range.highlighted.disabled:focus,
.datepicker table tr td.range.highlighted.disabled:hover,
.datepicker table tr td.range.highlighted[disabled].focus,
.datepicker table tr td.range.highlighted[disabled]:focus,
.datepicker table tr td.range.highlighted[disabled]:hover,
fieldset[disabled] .datepicker table tr td.range.highlighted.focus,
fieldset[disabled] .datepicker table tr td.range.highlighted:focus,
fieldset[disabled] .datepicker table tr td.range.highlighted:hover {
    background-color: #e4eef3;
    border-color: #9dc1d3;
}

.datepicker table tr td.range.highlighted.focused {
    background: #c1d7e3;
}

.datepicker table tr td.range.highlighted.disabled,
.datepicker table tr td.range.highlighted.disabled:active {
    background: #e4eef3;
    color: #777;
}

.datepicker table tr td.range.today {
    color: #000;
    background-color: #f7ca77;
    border-color: #f1a417;
}

.datepicker table tr td.range.today.focus,
.datepicker table tr td.range.today:focus {
    color: #000;
    background-color: #f4b747;
    border-color: #815608;
}

.datepicker table tr td.range.today:hover {
    color: #000;
    background-color: #f4b747;
    border-color: #bf800c;
}

.datepicker table tr td.range.today.active,
.datepicker table tr td.range.today:active {
    color: #000;
    background-color: #f4b747;
    border-color: #bf800c;
}

.datepicker table tr td.range.today.active.focus,
.datepicker table tr td.range.today.active:focus,
.datepicker table tr td.range.today.active:hover,
.datepicker table tr td.range.today:active.focus,
.datepicker table tr td.range.today:active:focus,
.datepicker table tr td.range.today:active:hover {
    color: #000;
    background-color: #f2aa25;
    border-color: #815608;
}

.datepicker table tr td.range.today.disabled.focus,
.datepicker table tr td.range.today.disabled:focus,
.datepicker table tr td.range.today.disabled:hover,
.datepicker table tr td.range.today[disabled].focus,
.datepicker table tr td.range.today[disabled]:focus,
.datepicker table tr td.range.today[disabled]:hover,
fieldset[disabled] .datepicker table tr td.range.today.focus,
fieldset[disabled] .datepicker table tr td.range.today:focus,
fieldset[disabled] .datepicker table tr td.range.today:hover {
    background-color: #f7ca77;
    border-color: #f1a417;
}

.datepicker table tr td.range.today.disabled,
.datepicker table tr td.range.today.disabled:active {
    background: #f7ca77;
    color: #777;
}

.datepicker table tr td.selected,
.datepicker table tr td.selected.highlighted {
    color: #fff;
    background-color: #777;
    border-color: #555;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.datepicker table tr td.selected.focus,
.datepicker table tr td.selected.highlighted.focus,
.datepicker table tr td.selected.highlighted:focus,
.datepicker table tr td.selected:focus {
    color: #fff;
    background-color: #5e5e5e;
    border-color: #161616;
}

.datepicker table tr td.selected.highlighted:hover,
.datepicker table tr td.selected:hover {
    color: #fff;
    background-color: #5e5e5e;
    border-color: #373737;
}

.datepicker table tr td.selected.active,
.datepicker table tr td.selected.highlighted.active,
.datepicker table tr td.selected.highlighted:active,
.datepicker table tr td.selected:active {
    color: #fff;
    background-color: #5e5e5e;
    border-color: #373737;
}

.datepicker table tr td.selected.active.focus,
.datepicker table tr td.selected.active:focus,
.datepicker table tr td.selected.active:hover,
.datepicker table tr td.selected.highlighted.active.focus,
.datepicker table tr td.selected.highlighted.active:focus,
.datepicker table tr td.selected.highlighted.active:hover,
.datepicker table tr td.selected.highlighted:active.focus,
.datepicker table tr td.selected.highlighted:active:focus,
.datepicker table tr td.selected.highlighted:active:hover,
.datepicker table tr td.selected:active.focus,
.datepicker table tr td.selected:active:focus,
.datepicker table tr td.selected:active:hover {
    color: #fff;
    background-color: #4c4c4c;
    border-color: #161616;
}

.datepicker table tr td.selected.disabled.focus,
.datepicker table tr td.selected.disabled:focus,
.datepicker table tr td.selected.disabled:hover,
.datepicker table tr td.selected.highlighted.disabled.focus,
.datepicker table tr td.selected.highlighted.disabled:focus,
.datepicker table tr td.selected.highlighted.disabled:hover,
.datepicker table tr td.selected.highlighted[disabled].focus,
.datepicker table tr td.selected.highlighted[disabled]:focus,
.datepicker table tr td.selected.highlighted[disabled]:hover,
.datepicker table tr td.selected[disabled].focus,
.datepicker table tr td.selected[disabled]:focus,
.datepicker table tr td.selected[disabled]:hover,
fieldset[disabled] .datepicker table tr td.selected.focus,
fieldset[disabled] .datepicker table tr td.selected.highlighted.focus,
fieldset[disabled] .datepicker table tr td.selected.highlighted:focus,
fieldset[disabled] .datepicker table tr td.selected.highlighted:hover,
fieldset[disabled] .datepicker table tr td.selected:focus,
fieldset[disabled] .datepicker table tr td.selected:hover {
    background-color: #777;
    border-color: #555;
}

.datepicker table tr td.active,
.datepicker table tr td.active.highlighted {
    color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.datepicker table tr td.active.focus,
.datepicker table tr td.active.highlighted.focus,
.datepicker table tr td.active.highlighted:focus,
.datepicker table tr td.active:focus {
    color: #fff;
    background-color: #286090;
    border-color: #122b40;
}

.datepicker table tr td.active.highlighted:hover,
.datepicker table tr td.active:hover {
    color: #fff;
    background-color: #286090;
    border-color: #204d74;
}

.datepicker table tr td.active.active,
.datepicker table tr td.active.highlighted.active,
.datepicker table tr td.active.highlighted:active,
.datepicker table tr td.active:active {
    color: #fff;
    background-color: #286090;
    border-color: #204d74;
}

.datepicker table tr td.active.active.focus,
.datepicker table tr td.active.active:focus,
.datepicker table tr td.active.active:hover,
.datepicker table tr td.active.highlighted.active.focus,
.datepicker table tr td.active.highlighted.active:focus,
.datepicker table tr td.active.highlighted.active:hover,
.datepicker table tr td.active.highlighted:active.focus,
.datepicker table tr td.active.highlighted:active:focus,
.datepicker table tr td.active.highlighted:active:hover,
.datepicker table tr td.active:active.focus,
.datepicker table tr td.active:active:focus,
.datepicker table tr td.active:active:hover {
    color: #fff;
    background-color: #204d74;
    border-color: #122b40;
}

.datepicker table tr td.active.disabled.focus,
.datepicker table tr td.active.disabled:focus,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.highlighted.disabled.focus,
.datepicker table tr td.active.highlighted.disabled:focus,
.datepicker table tr td.active.highlighted.disabled:hover,
.datepicker table tr td.active.highlighted[disabled].focus,
.datepicker table tr td.active.highlighted[disabled]:focus,
.datepicker table tr td.active.highlighted[disabled]:hover,
.datepicker table tr td.active[disabled].focus,
.datepicker table tr td.active[disabled]:focus,
.datepicker table tr td.active[disabled]:hover,
fieldset[disabled] .datepicker table tr td.active.focus,
fieldset[disabled] .datepicker table tr td.active.highlighted.focus,
fieldset[disabled] .datepicker table tr td.active.highlighted:focus,
fieldset[disabled] .datepicker table tr td.active.highlighted:hover,
fieldset[disabled] .datepicker table tr td.active:focus,
fieldset[disabled] .datepicker table tr td.active:hover {
    background-color: #337ab7;
    border-color: #2e6da4;
}

.datepicker table tr td span {
    display: block;
    width: 23%;
    height: 54px;
    line-height: 54px;
    float: left;
    margin: 1%;
    cursor: pointer;
    border-radius: 4px;
}

.datepicker table tr td span.focused,
.datepicker table tr td span:hover {
    background: #eee;
}

.datepicker table tr td span.disabled,
.datepicker table tr td span.disabled:hover {
    background: 0 0;
    color: #777;
    cursor: default;
}

.datepicker table tr td span.active,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active:hover {
    color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.datepicker table tr td span.active.disabled.focus,
.datepicker table tr td span.active.disabled:focus,
.datepicker table tr td span.active.disabled:hover.focus,
.datepicker table tr td span.active.disabled:hover:focus,
.datepicker table tr td span.active.focus,
.datepicker table tr td span.active:focus,
.datepicker table tr td span.active:hover.focus,
.datepicker table tr td span.active:hover:focus {
    color: #fff;
    background-color: #286090;
    border-color: #122b40;
}

.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active.disabled:hover:hover,
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active:hover:hover {
    color: #fff;
    background-color: #286090;
    border-color: #204d74;
}

.datepicker table tr td span.active.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover.active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active:hover:active {
    color: #fff;
    background-color: #286090;
    border-color: #204d74;
}

.datepicker table tr td span.active.active.focus,
.datepicker table tr td span.active.active:focus,
.datepicker table tr td span.active.active:hover,
.datepicker table tr td span.active.disabled.active.focus,
.datepicker table tr td span.active.disabled.active:focus,
.datepicker table tr td span.active.disabled.active:hover,
.datepicker table tr td span.active.disabled:active.focus,
.datepicker table tr td span.active.disabled:active:focus,
.datepicker table tr td span.active.disabled:active:hover,
.datepicker table tr td span.active.disabled:hover.active.focus,
.datepicker table tr td span.active.disabled:hover.active:focus,
.datepicker table tr td span.active.disabled:hover.active:hover,
.datepicker table tr td span.active.disabled:hover:active.focus,
.datepicker table tr td span.active.disabled:hover:active:focus,
.datepicker table tr td span.active.disabled:hover:active:hover,
.datepicker table tr td span.active:active.focus,
.datepicker table tr td span.active:active:focus,
.datepicker table tr td span.active:active:hover,
.datepicker table tr td span.active:hover.active.focus,
.datepicker table tr td span.active:hover.active:focus,
.datepicker table tr td span.active:hover.active:hover,
.datepicker table tr td span.active:hover:active.focus,
.datepicker table tr td span.active:hover:active:focus,
.datepicker table tr td span.active:hover:active:hover {
    color: #fff;
    background-color: #204d74;
    border-color: #122b40;
}

.datepicker table tr td span.active.disabled.disabled.focus,
.datepicker table tr td span.active.disabled.disabled:focus,
.datepicker table tr td span.active.disabled.disabled:hover,
.datepicker table tr td span.active.disabled.focus,
.datepicker table tr td span.active.disabled:focus,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active.disabled:hover.disabled.focus,
.datepicker table tr td span.active.disabled:hover.disabled:focus,
.datepicker table tr td span.active.disabled:hover.disabled:hover,
.datepicker table tr td span.active.disabled:hover[disabled].focus,
.datepicker table tr td span.active.disabled:hover[disabled]:focus,
.datepicker table tr td span.active.disabled:hover[disabled]:hover,
.datepicker table tr td span.active.disabled[disabled].focus,
.datepicker table tr td span.active.disabled[disabled]:focus,
.datepicker table tr td span.active.disabled[disabled]:hover,
.datepicker table tr td span.active:hover.disabled.focus,
.datepicker table tr td span.active:hover.disabled:focus,
.datepicker table tr td span.active:hover.disabled:hover,
.datepicker table tr td span.active:hover[disabled].focus,
.datepicker table tr td span.active:hover[disabled]:focus,
.datepicker table tr td span.active:hover[disabled]:hover,
.datepicker table tr td span.active[disabled].focus,
.datepicker table tr td span.active[disabled]:focus,
.datepicker table tr td span.active[disabled]:hover,
fieldset[disabled] .datepicker table tr td span.active.disabled.focus,
fieldset[disabled] .datepicker table tr td span.active.disabled:focus,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover.focus,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover:focus,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover:hover,
fieldset[disabled] .datepicker table tr td span.active.focus,
fieldset[disabled] .datepicker table tr td span.active:focus,
fieldset[disabled] .datepicker table tr td span.active:hover,
fieldset[disabled] .datepicker table tr td span.active:hover.focus,
fieldset[disabled] .datepicker table tr td span.active:hover:focus,
fieldset[disabled] .datepicker table tr td span.active:hover:hover {
    background-color: #337ab7;
    border-color: #2e6da4;
}

.datepicker table tr td span.new,
.datepicker table tr td span.old {
    color: #777;
}

.datepicker .datepicker-switch {
    width: 145px;
}

.datepicker .datepicker-switch,
.datepicker .next,
.datepicker .prev,
.datepicker tfoot tr th {
    cursor: pointer;
}

.datepicker .datepicker-switch:hover,
.datepicker .next:hover,
.datepicker .prev:hover,
.datepicker tfoot tr th:hover {
    background: #eee;
}

.datepicker .next.disabled,
.datepicker .prev.disabled {
    visibility: hidden;
}

.datepicker .cw {
    font-size: 10px;
    width: 12px;
    padding: 0 2px 0 5px;
    vertical-align: middle;
}

/* ==========================================================================
   Custom Application Components
   ========================================================================== */

/* --- Loader --- */
.loader {
    width: 75%;
    height: 75%;
    border: 2px solid #1379F0;
    border-bottom-color: transparent;
    border-radius: 50%;
    display: inline-block;
    box-sizing: border-box;
    animation: rotation 1s linear infinite;
}

/* --- DataTables Column Visibility --- */
.dt-button-collection {
    z-index: 9 !important;
    padding: 0.5rem 0 !important;
    border-radius: 0.5rem !important;
    box-shadow: 0 4px 24px rgba(0, 0, 0, .12) !important;
    background: var(--mono-foreground) !important;
    border: 1px solid var(--border) !important;
    min-width: 160px !important;
}

.dt-button-collection .buttons-columnVisibility {
    display: flex !important;
    align-items: center !important;
    gap: 0.75rem !important;
    width: 100% !important;
    padding: 0.5rem 1rem !important;
    background: none !important;
    border: none !important;
    text-align: left !important;
    cursor: pointer !important;
    font-size: 0.875rem !important;
    color: var(--foreground) !important;
    box-shadow: none !important;
}

.dt-button-collection .buttons-columnVisibility:hover {
    background: var(--accent) !important;
}

.dt-button-collection .buttons-columnVisibility::before {
    content: '';
    display: block;
    width: 1rem;
    height: 1rem;
    border: 1.5px solid var(--border);
    border-radius: 0.25rem;
    flex-shrink: 0;
    background: none;
}

.dt-button-collection .buttons-columnVisibility.active::before {
    background-color: var(--primary);
    border-color: var(--primary);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 10px;
}

.table-btn-colvis .dt-button-down-arrow {
    padding: 0 !important;
    font-size: 0 !important;
}

.table-btn-colvis .dt-button-down-arrow:before {
    content: "\eaa3";
    position: relative;
    top: 5px;
    font-family: 'keenicons-filled';
    font-size: 12px;
    font-weight: 600;
}

.table-btn-colvis:hover {
    background-color: var(--accent) !important;
    color: var(--accent-foreground) !important;
}

/* --- About Table --- */
.about-table td {
    padding: 10px;
}

.about-table td.label {
    color: #78829D;
    padding-left: 0;
    padding-right: 0;
}

/* --- Chip --- */
.chip-full {
    height: auto;
    white-space: normal;
    line-height: 2;
}

/* --- GPS Map --- */
.gps-map .gm-style img[style*="opacity: 0.89321"] {
    border-radius: 17px;
    border: 3px solid #FFF !important;
}

.gps-map .gm-style div[style*="width: 35px"] {
    border-radius: 34px;
    outline: #3435fb solid 1px;
}

.gps-map .gm-style iframe + div {
    border: none !important;
}

.gps-map .maps-ee-photo {
    width: 34px;
    height: 34px;
    border-radius: 17px;
    border: 3px solid #FFF !important;
}

.gps-map .maps-ee-details {
    margin: 0;
    font-weight: 550;
    font-size: 12px;
    color: #65707F;
    display: flex;
}

.gps-map .maps-ee-details-col {
    margin: 0;
    padding-right: 10px;
    display: flex;
}

.gps-map .maps-ee-details-col .row {
    margin: 0 !important;
}

.gps-map .maps-info-gray {
    color: #ADB5BD;
    font-size: 11px;
}

.gps-map .left-data {
    text-align: left !important;
}

.gps-map .right-data {
    text-align: right !important;
    flex: auto;
    margin-left: 30px;
}

.gps-map div[role=dialog].gm-style-iw.gm-style-iw-c {
    padding: 0 !important;
    border-radius: 0;
}

.gps-map div[role=dialog].gm-style-iw.gm-style-iw-c button {
    right: 0 !important;
    display: none !important;
}

.gps-map div[role=dialog].gm-style-iw.gm-style-iw-c .gm-style-iw-d {
    overflow: visible !important;
    margin: 12px;
}

.gps-map .gps-green-span {
    margin: -3px 3px 0;
    -webkit-margin-before: -3px 3px 0 3px;
}

.gps-green-span {
    padding: 3px 5px;
    background-color: #CBF4C9;
    color: #15684A;
    font-weight: 600;
    border-radius: 7px;
}

.gps-location-timestamp {
    color: #6578D8;
}

/* --- Activity Map --- */
.activity-map {
    width: 100% !important;
    height: 100% !important;
    min-height: 600px;
}

.activity-map .gm-style div[style*="width: 34px"] {
    border-radius: 34px;
    outline: rgba(74, 179, 229, .4) solid 14px;
}

.activity-map .gm-style div[style*="width: 35px"] {
    border-radius: 34px;
    outline: rgba(229, 70, 85, .4) solid 14px;
}

.activity-map .gm-style img[style*="opacity: 0.89321"] {
    border-radius: 17px;
    border: 3px solid #FFF !important;
}

.activity-map .gm-style div[style*="width: 12px"] {
    cursor: pointer;
}

/* --- GPS Lost --- */
.fa-exclamation-circle.gps-lost {
    color: #E84556;
    margin-right: 3px;
}

.gps-lost-popovers-popup {
    background-color: #555;
    border-radius: 10px;
}

.gps-lost-popovers-popup p {
    color: #fff !important;
    font-weight: bolder;
}

.gps-lost-popovers-popup .arrow::after {
    border-top-color: #555;
}

/* --- Dashboard Map --- */
.dashboard-map {
    width: 100% !important;
    height: calc(100% - 30px) !important;
    min-height: 338px;
}

.dashboard-map div[role=dialog].gm-style-iw.gm-style-iw-c {
    border-radius: 34px;
    padding-right: 10px;
    border: 3px solid #FFF !important;
}

@media (max-width: 768px) {
    .dashboard-map {
        min-height: 500px !important;
    }
}

/* --- Table Styles --- */
.total-col {
    background: #E8F0F9;
}

.total-col:is(.dark *) {
    background: #252526;
}

.row-light {
    background: #F8F8FA;
}

.row-light:is(.dark *) {
    background: #151518;
}

tr.summary-row:last-child {
    border-top: 10px solid transparent;
}

tr.summary-row {
    background: #EFF4F8;
}

tr.summary-row:is(.dark *) {
    background: #2a2a2c;
}

.timecard-detail-table tfoot {
    border-top: 2px solid var(--border);
}

/* --- KT Table Highlights --- */
.kt-table.highlight-last-col td:last-of-type {
    background: #E8E8E8 !important;
}

.kt-table.highlight-2nd-last-col td:nth-last-of-type(2) {
    background: #E8E8E8 !important;
}

.kt-table.highlight-last-col td:last-of-type:is(.dark *) {
    background: #2A2A2C !important;
}

.kt-table.highlight-2nd-last-col td:nth-last-of-type(2):is(.dark *) {
    background: #2A2A2C !important;
}

/* --- Report By Table --- */
.report-by-table__head-border {
    border-top: 1px solid var(--foreground);
    border-bottom: 2px solid var(--foreground);
}

.report-by-table .col-1--report {
    flex: 0 0 10.33333% !important;
    max-width: 10.33333% !important;
    width: 10.33333% !important;
    padding: 0;
    text-align: right;
}

.report-by-table .col-report {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
    width: auto;
    padding: 0;
}

.report-by-table .report-row {
    padding: 5px 0;
}

.report-by-table .row-total-1,
.report-by-table .row-total-2,
.report-by-table .row-total-3 {
    display: flex;
    align-items: center;
    font-weight: 600;
}

.report-by-table .label-0,
.report-by-table .label-1,
.report-by-table .label-2 {
    min-width: 100px;
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
}

.report-by-table .label-0 {
    font-size: 1.125rem;
    font-weight: 700;
}

.report-by-table .label-1 {
    font-size: 1rem;
    font-weight: 600;
}

.report-by-table .label-2 {
    font-size: 0.9375rem;
    font-weight: 600;
}

.report-by-table abbr[title] {
    cursor: help;
    text-decoration: underline dotted;
}

.report-by-table .report-link {
    color: #1271C4;
    cursor: pointer;
}

.report-by-table .report-link:hover {
    color: #3A99DF;
    text-decoration: underline;
}

/* --- Employee GPS Row --- */
.dark\:text-lighter:is(.dark *):not(:hover, .active) {
    color: #d7d7d7 !important;
}

.ee-gps-row.active {
    color: #1371C4 !important;
    background-color: #E3E7FA !important;
}

.ee-gps-row.active:is(.dark *) {
    color: rgb(158, 158, 158) !important;
    background-color: #4a4a4a !important;
}

/* --- Side Nav --- */
.side-nav-menu-item.active,
.side-nav-menu-item:hover {
    background: #F9F9F9;
    color: var(--primary);
}

.side-nav-menu-item.active:is(.dark *),
.side-nav-menu-item:hover:is(.dark *) {
    background: #111217;
}

/* --- More Menu --- */
.more-menu-buttons-list .kt-dropdown-menu-link:hover i {
    color: var(--primary) !important;
}

/* --- Header Search --- */
.search-icon-m {
    display: none;
}

header {
    transition: margin-bottom 0.3s ease;
}

@media (max-width: 650px) {
    header .header-search {
        display: none;
        width: 100%;
        top: 49px;
        left: 0;
        right: 0;
        padding: 0 4%;
        position: absolute;
    }

    header:has(.header-search.active) {
        margin-bottom: 40px;
    }

    .header-search.active {
        display: block;
    }

    .search-icon-m {
        display: block;
    }
}

@media (max-width: 44rem) {
    .kt-card-header {
        line-height: 1.5;
        padding: calc(var(--spacing) * 5);
    }
}

/* --- Info Background --- */
.info-bg {
    background-image: url('/dist/images/info-bg.png');
}

/* --- Break Time Separator --- */
.break-time-separator {
    display: flex;
    width: 100%;
    margin-bottom: 1rem;
}

.break-time-separator:after,
.break-time-separator:before {
    content: '';
    display: block;
    position: relative;
    top: -9px;
    min-height: 1px;
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
    border-bottom: 1px solid rgb(190, 190, 190);
}

.break-time-separator:before {
    margin-right: 20px;
}

.break-time-separator:after {
    margin-left: 20px;
}

/* --- Drawer / Sliding Card --- */
.drawer-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .5);
    opacity: 0;
    visibility: hidden;
    transition: opacity .3s ease, visibility .3s ease;
    z-index: 1000;
}

.drawer-overlay.active {
    opacity: 1;
    visibility: visible;
}

.sliding-card {
    position: fixed;
    top: 60px;
    right: -66vw;
    height: calc(100% - 60px);
    background-color: #fff;
    box-shadow: -2px 0 5px rgba(0, 0, 0, .3);
    padding: 8px;
    box-sizing: border-box;
    z-index: 1002;
    overflow-y: auto;
    width: 66vw;
}

.sliding-card.active {
    right: 0;
}

@media (min-width: 768px) {
    .sliding-card {
        width: 66vw;
        max-width: 66vw;
    }
}

.dark .sliding-card {
    background: #09090b;
}

/* --- Table Row Highlight --- */
tr.highlight {
    position: relative !important;
    z-index: 1001;
    background: white;
}

.dark tr.highlight {
    background: #56565b;
}

/* --- Addon / Plan Cards --- */
.addon-card-list {
    width: 100%;
    max-width: none;
}

.addon-card-list,
.plans-card-list {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.addon-card {
    min-height: 167px;
    border: 1px solid var(--border);
    border-radius: 6px;
    box-shadow: none;
    width: 300px;
    padding: 15px 10px;
    background: var(--accent);
}

.addon-card--can-change,
.addon-card--plan-card:not(.addon-card--current-plan) {
    background: var(--mono-foreground) !important;
}

/* --- Stripe Elements --- */
.StripeElement {
    box-sizing: border-box;
    padding: calc(var(--spacing) * 1.5) calc(var(--spacing) * 3);
    border: 1px solid transparent;
    border-radius: 5px;
    box-shadow: 0 0 0 1px #e0e0e0, 0 2px 4px 0 rgba(0, 0, 0, .07), 0 1px 1.5px 0 rgba(0, 0, 0, .05);
    -webkit-transition: box-shadow 150ms ease;
    transition: box-shadow 150ms ease;
}

.StripeElement--invalid {
    border-color: #ef9896;
}

/* --- Card Image Holder --- */
.card-img-holder.visa {
    background: url('@Url.Content("~/src/images/payment-cards/visa.png")') center / 100% no-repeat;
}

.card .card-img-holder {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 130px;
    height: 80px;
    font-size: .85rem;
    color: #7b7e8a;
    border: 1px solid #E5E5E5;
    border-radius: .5rem;
}

/* ==========================================================================
   Animations
   ========================================================================== */

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

@keyframes rotation {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

// ============================================================================
// Metronic v9 FullCalendar Theme Overrides
// Based on: https://keenthemes.com/metronic/tailwind/docs/plugins/fullcalendar
// ============================================================================

// -- Global font inheritance
.fc {
  font-family: inherit !important;
}

// -- Toolbar title
.fc-toolbar-title {
  font-size: var(--text-base) !important;
  line-height: var(--tw-leading, var(--text-base--line-height)) !important;
  font-weight: var(--font-weight-semibold);
  color: var(--foreground);
}

// -- Toolbar chunk layout
.fc-toolbar-chunk {
  display: flex;
  align-items: center;
  gap: 0 !important;
}

// -- Button group spacing
.fc-button + .fc-button {
  margin-left: 0 !important;
}

.fc-button:not(:last-child) {
  border-right: none !important;
}

// -- Base button style
.fc-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center;
  cursor: pointer;
  white-space: nowrap;
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  height: calc(var(--spacing) * 8);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--border);
  background-color: var(--background);
  padding-inline: calc(var(--spacing) * 3);
  font-size: var(--text-xs);
  line-height: var(--tw-leading, var(--text-xs--line-height));
  font-weight: var(--font-weight-medium);
  color: var(--foreground);
  border-radius: 0 !important;
  box-shadow: none !important;
  gap: 0.375rem !important;

  .fc-icon,
  .fc-icon::before,
  .fc-icon::after {
    font-size: 1rem !important;
    color: currentColor !important;
    fill: currentColor !important;
    position: relative !important;
  }

  &:hover:not(:disabled) {
    background-color: var(--accent) !important;
    color: var(--accent-foreground) !important;

    .fc-icon,
    .fc-icon::before,
    .fc-icon::after {
      color: var(--accent-foreground) !important;
      fill: var(--accent-foreground) !important;
    }
  }

  &:focus-visible {
    outline: none !important;
    --tw-ring-shadow: 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-ring-shadow) !important;
    --tw-ring-color: var(--ring);
    --tw-ring-offset-width: 2px;
  }

  &:disabled {
    cursor: not-allowed;
    opacity: 50%;
  }
}

// -- Button group border radius
.fc-button-group .fc-button:first-child,
.fc-toolbar-chunk .fc-button:first-child {
  border-top-left-radius: var(--radius-md) !important;
  border-bottom-left-radius: var(--radius-md) !important;
}

.fc-button-group .fc-button:last-child,
.fc-toolbar-chunk .fc-button:last-child {
  border-top-right-radius: var(--radius-md) !important;
  border-bottom-right-radius: var(--radius-md) !important;
}

// -- Today & view buttons
.fc-today-button {
  border-radius: var(--radius-md) !important;
}

.fc-today-button,
.fc-dayGridWeek-button,
.fc-dayGridDay-button,
.fc-listWeek-button,
.fc-listDay-button,
.fc-listMonth-button,
.fc-listYear-button {
  min-width: 4rem !important;
  width: auto !important;
}

// -- Primary button (default state)
.fc-button-primary {
  background-color: var(--background) !important;
  color: var(--foreground) !important;
  border-color: var(--border) !important;

  &:hover:not(:disabled) {
    background-color: var(--accent) !important;
    color: var(--accent-foreground) !important;
  }

  .fc-icon,
  .fc-icon::before,
  .fc-icon::after {
    color: currentColor !important;
    fill: currentColor !important;
  }

  &:hover:not(:disabled) .fc-icon,
  &:hover:not(:disabled) .fc-icon::before,
  &:hover:not(:disabled) .fc-icon::after {
    color: var(--accent-foreground) !important;
    fill: var(--accent-foreground) !important;
  }
}

// -- Active button state
.fc-button-active {
  background-color: var(--primary) !important;
  color: var(--primary-foreground) !important;
  border-color: var(--primary) !important;

  &:hover:not(:disabled) {
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--primary) 90%, transparent) !important;
    }
    @supports not (color: color-mix(in lab, red, red)) {
      opacity: 0.9;
    }
    color: var(--primary-foreground) !important;
  }

  .fc-icon,
  .fc-icon::before,
  .fc-icon::after {
    color: var(--primary-foreground) !important;
    fill: var(--primary-foreground) !important;
  }
}

// -- Table borders
.fc-theme-standard td,
.fc-theme-standard th {
  border-color: var(--border) !important;
}

// -- Column header cells
.fc-col-header-cell {
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--muted) 50%, transparent);
  }
  @supports not (color: color-mix(in lab, red, red)) {
    background-color: var(--muted);
  }
  padding: 0.5rem !important;
}

.fc-col-header-cell-cushion {
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  font-weight: var(--font-weight-medium);
  color: var(--muted-foreground);
}

// -- Day grid cells
.fc-daygrid-day {
  background-color: var(--background);
}

.fc-daygrid-day-top {
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  font-weight: var(--font-weight-medium);
  color: var(--foreground);
  padding: 0.5rem !important;
}

// -- Today highlight
.fc-day-today {
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--accent) 50%, transparent) !important;
  }
  @supports not (color: color-mix(in lab, red, red)) {
    background-color: var(--accent) !important;
  }
}

// -- Events
.fc-event {
  border-radius: calc(var(--radius) - 2px);
  border-width: 0px;
  padding: 0.25rem 0.5rem !important;
  margin: 0.125rem !important;
  background-color: rgba(66, 133, 244, 0.1) !important;
  color: var(--primary-foreground) !important;
  cursor: pointer;

  &:hover {
    opacity: 0.9;
  }
}

.fc-event-title {
  font-size: var(--text-xs);
  line-height: var(--tw-leading, var(--text-xs--line-height));
  font-weight: var(--font-weight-medium);
  padding: 0 !important;
}

.fc-event-time {
  font-size: var(--text-xs);
  line-height: var(--tw-leading, var(--text-xs--line-height));
  padding: 0 !important;
}

.fc-daygrid-event {
  border-radius: calc(var(--radius) - 2px);
}

// -- Popover
.fc-popover {
  border: 1px solid var(--border) !important;
  box-shadow: var(--box-shadow-sm) !important;
  background-color: var(--background) !important;
  border-radius: var(--radius-md) !important;
}

.fc-popover-header {
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--muted) 50%, transparent);
  }
  @supports not (color: color-mix(in lab, red, red)) {
    background-color: var(--muted);
  }
  padding: 0.5rem !important;
  border-bottom: 1px solid var(--border) !important;
}

.fc-popover-body {
  padding: 0.5rem !important;
}

// -- "More" link
.fc-more-link {
  font-size: var(--text-xs);
  line-height: var(--tw-leading, var(--text-xs--line-height));
  color: var(--primary);

  &:hover {
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--primary) 80%, transparent);
    }
  }
}

// -- Time grid
.fc-timegrid-slot {
  border-color: var(--border) !important;
}

.fc-timegrid-slot-label {
  font-size: var(--text-xs);
  line-height: var(--tw-leading, var(--text-xs--line-height));
  color: var(--muted-foreground);
}

.fc-timegrid-col {
  border-color: var(--border) !important;
}

// -- List view
.fc-list-event {
  &:hover {
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--accent) 50%, transparent);
    }
    @supports not (color: color-mix(in lab, red, red)) {
      background-color: var(--accent);
    }
  }
}

.fc-list-event-title {
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  font-weight: var(--font-weight-medium);
  color: var(--foreground);
}

.fc-list-event-time {
  font-size: var(--text-xs);
  line-height: var(--tw-leading, var(--text-xs--line-height));
  color: var(--muted-foreground);
}

// ============================================================================
// BuddyPunch Schedule-specific overrides (existing)
// ============================================================================

.header-wrap ~ .m-body {
  transition: padding 0.3s ease-in;
}
.header-wrap.main-header-hidden {
  overflow: hidden;
  height: 0 !important;
}
.header-wrap.main-header-hidden ~ .m-body {
  padding-top: 0 !important;
}

.header-wrap.main-header-hidden ~ .m-body #schedule_calendar .fc-view-container .fc-body .fc-scroller {
  height: calc(100vh - 260px);
}

.header-wrap.main-header-hidden ~ .m-body #schedule_calendar .fc-view-container .fc-timeline .fc-body .fc-scroller {
  height: calc(100vh - 360px);
}
.header-wrap.main-header-hidden ~ .m-body #schedule_calendar .fc-view-container .fc-timeline.fc-timelineDay-view .fc-body .fc-scroller {
  height: calc(100vh - 310px);
}




.schedule-block {
  #schedule_calendar {
    .fc-header-toolbar {
      display: flex;
      justify-content: space-between;
      margin: 0;
      border-bottom: 0;
      font-size: .8125rem;

      .fc-left {
        display: flex;
        gap: calc(var(--spacing) * 2);

        .kt-btn {
          padding: 15px 7px;
        }

        .fc-button-group {
          display: flex;
          gap: calc(var(--spacing) * 2);

          .fc-button {
            line-height: 1;
            position: relative;
            display: inline-flex;
            font-size: var(--text-base);
          }

          .fc-button,
          .fc-button:before {
            font-family: 'keenicons-filled' !important;
            speak: never;
            font-style: normal;
            font-weight: normal;
            font-variant: normal;
            text-transform: none;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            display: inline-flex;

            &.fc-prev-button {
              &:before {
                content: "\eb7b";
              }
            }
            &.fc-next-button {
              &:before {
                content: "\ec2f";
              }
            }

          }
        }
      }

      .fc-center {
        .kt-btn {
          margin: 0;
          padding: 15px;
        }
      }

      .fc-right {
        display: flex;
        flex: 1;
        flex-wrap: wrap;
        justify-content: center;
        gap: calc(var(--spacing) * 2);
        h2 {
          display: none;
        }
      }


      #filterButton {
        overflow: hidden;
        text-overflow: ellipsis;
      }
    }

    .fc th,
    .fc td {
      border-style: solid;
      border-width: 1px;
      padding: 0;
      vertical-align: top; }

    .fc td,.fc th {
      border-style: var(--tw-border-style);
      border-color: var(--border);
      border-width: 1px;
      padding: 0;
      vertical-align: top
    }

    .fc-view-container {
      thead.fc-head {
        td {
          padding: 0;
          border-bottom: none;
          border-style: var(--tw-border-style);
          border-width: 1px;
          border-color: var(--border);
        }
      }
      thead.fc-head.fc-foot {
        th {
          background: var(--color-gray-100);
        }
        td {
          border-bottom: none;

        }
      }

      .fc-content,
      .fc-divider,
      .fc-list-heading td,
      .fc-list-view,
      .fc-popover,
      .fc-row,
      tbody,
      td,
      th,
      thead {
        border-color: var(--border);
      }
    }


    .fc-timelineDay-view {
      .fc-body .fc-scroller-clip .fc-scroller {
        height: calc(100vh - 384px) !important;
      }
    }

    .fc-timelineWeek-view {
      .fc-body .fc-scroller-clip .fc-scroller {
        height: calc(100vh - 433px) !important;
        min-height: 400px;
      }
    }

    .fc-month-view {
      .fc-body .fc-widget-content .fc-scroller {
        height: calc(100vh - 372px) !important;
        &.h-100 {
          height: 100% !important;
        }
      }
    }

    .fc-body .fc-resource-area .fc-widget-content {
          border-bottom: 1px solid #E2E4ED;

      .profile-mini-picture {
        min-width: 35px;
        border-radius: 50%;

      }
    }

      #schedule-calendar-subfooter {
      display: block;
      height: 45px;
      background: var(--color-white);
      padding: 20px 0 0 0;
    }
  }










  .dropdown .dropdown-menu .dropdown-submenu {
    display: none !important;
    list-style: none;
    padding-left: 20px;
    margin-bottom: 0px;
  }

  .dropdown .dropdown-menu .dropdown-submenu.show {
    display: inherit !important;
  }

  .dropdown .dropdown-menu .dropdown-submenu .dropdown-item {
    color: #575962;
  }

  #copyToButtonSpan.rotate90 {
    transform: rotate(90deg);
  }

  #clearShiftsMenuButtonSpan.rotate90 {
    transform: rotate(90deg);
  }

  #templatesMenuButtonSpan.rotate90 {
    transform: rotate(90deg);
  }

  .swal2-input {
    font-size: 14px !important;
    line-height: 21px !important;
  }

  #manage_templates_table_wrapper, #apply_template_table_wrapper .row:first-child {
    max-height: calc(100vh - 400px);
    overflow-y: auto;
    overflow-x: hidden;
  }

  .fc-head .fc-resource-area .fc-scroller-clip {
    overflow: visible !important;
  }

  .fc-head .fc-resource-area .fc-scroller-clip .fc-scroller {
    overflow: visible !important;
    margin: 0 !important;
  }

  .fc-head .fc-resource-area .fc-scroller-clip .fc-scroller .fc-content {
    z-index: 3 !important;
  }

  .fc-head .fc-resource-area .fc-cell-content {
    overflow: visible !important;
  }

  .fc-head .fc-cell-text .dropdown-item {
    width: auto;
  }

  #btnSwalSyncCancel {
    margin-left: auto;
  }

  .modal-cal-sync-content {
    display: flex;
    flex-direction: column;
    align-items: start;
    margin: 30px 100px 10px 50px;
  }

  .modal-cal-sync-content h6 {
    color: black;
  }

  .modal-cal-sync-content input {
    max-width: 100%;
    background: #eee !important;
  }

  .modal-cal-sync-content .btn-copy {
    margin: 0px;
    background: #eee;
    border-left: 1px solid #777;
    font-weight: normal;
    position: relative;
    display: inline-block;
  }

  .modal-cal-sync-content .btn-copy .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    /* Position the tooltip */
    position: absolute;
    z-index: 1;
    bottom: 120%;
    left: 50%;
    margin-left: -60px;
  }

  .modal-cal-sync-content .btn-copy:hover .tooltiptext {
    visibility: visible;
  }

  .event-unavailable .fc-content {
    flex-direction: column;
    align-items: center;
  }

  .event-preferred {
    background-color: none !important;
    color: white !important;
    box-shadow: none !important;
    border: none !important;
  }

  .event-preferred .fc-content {
    flex-direction: column;
    align-items: center;
  }

  .event-preferred:hover {
    background-color: #ccc !important;
    color: #8c8c8c !important;
  }

  #row-preferred-tooltip {
    margin-left: 0;
    margin-right: 0;
  }

  #row-unavailable-tooltip {
    margin-left: 0;
    margin-right: 0;
    margin-top: 15px;
  }

  #row-preferred-tooltip[style*="display: none"] + #row-unavailable-tooltip {
    margin-top: 0px;
  }

  .shift-view-availability {
    background-color: white;
    color: #999;
    padding: 5px;
    font-size: 16px;
    cursor: pointer;
    padding-top: 0px;
    padding-bottom: 0px;
    line-height: normal;
    font-size: 1rem;
  }

  .shift-view-availability a {
    color: #1271C4 !important;
    text-decoration: underline !important;
    font-size: 1rem;
    margin-right: 10px;
  }

  .shift-view-availability i {
    margin-left: 7px;
    color: #1271C4;
    font-size: 1rem;
  }

  .shift-view-unavailable {
    background-color: white;
    color: #999;
    padding: 5px;
    font-size: 16px;
    cursor: pointer;
    padding-top: 0px;
    padding-bottom: 0px;
    line-height: normal;
    font-size: 1rem;
  }

  .shift-view-unavailable a {
    color: #D93600 !important;
    text-decoration: underline !important;
    font-size: 1rem;
    margin-right: 10px;
  }

  .availability-tooltip {
    position: relative;
    cursor: pointer;
  }

  .availability-tooltip .left {
    top: 25px;
    min-width: 300px;
    color: #444444;
    background-color: white;
    border: 1px solid gray;
    font-weight: normal;
    font-size: 13px;
    position: absolute;
    z-index: 99999999;
    box-sizing: border-box;
    box-shadow: 0 1px 8px rgba(0,0,0,0.5);
    display: none;
  }

  .availability-tooltip .left .unavailable {
    background-color: #999;
    display: flex;
  }

  .availability-tooltip .left .date-header {
    background: #F7FAFC;
    text-align: center;
    color: black;
    font-weight: bold;
    padding: 5px;
  }

  .availability-tooltip .left .preferred {
    /*background-color: #53b0f8;*/
    display: flex;
  }

  .availability-tooltip .left .unavailable div {
    width: 50%;
    display: inline-block;
  }

  .availability-tooltip .left .preferred div {
    width: 50%;
    display: inline-block;
  }

  .availability-tooltip .left .unavailable div:first-child {
    background-color: white;
    color: black;
    text-align: right;
    padding: 5px;
    padding-right: 10px;
  }

  .availability-tooltip .left .unavailable div:first-child div {
    background: rgb(217, 54, 0);
    color: white;
    padding: 3px 10px;
    width: auto;
  }

  .availability-tooltip .left .unavailable div:last-child {
    background-color: white;
    color: black;
    text-align: left;
    padding: 5px;
  }

  .availability-tooltip .left .preferred div:first-child {
    /*background-color: #53b0f8;*/
    color: black;
    text-align: right;
    padding: 5px;
    padding-right: 10px;
  }

  .availability-tooltip .left .preferred div:first-child div {
    background: rgb(18, 113, 196);
    color: white;
    padding: 3px 10px;
    width: auto;
  }

  .availability-tooltip .left .preferred div:last-child {
    /*background-color: white;*/
    color: black;
    text-align: left;
    padding: 5px;
  }

  .availability-tooltip:hover .left {
    display: block;
  }

  .availability-tooltip .left i {
    position: absolute;
    top: 50%;
    left: 100%;
    margin-top: -12px;
    width: 12px;
    height: 24px;
    overflow: hidden;
  }

  .availability-tooltip .left i::after {
    content: '';
    position: absolute;
    width: 12px;
    height: 12px;
    left: 0;
    top: 50%;
    transform: translate(-50%,-50%) rotate(-45deg);
    background-color: #EEEEEE;
    box-shadow: 0 1px 8px rgba(0,0,0,0.5);
  }

  @media only screen and (max-width: 1350px) {
    #dropdownLabelViewBy {
      display: none;
    }

    #filterButton {
      width: 100% !important;
    }
}

  @media only screen and (max-width: 576px) {
  .modal-dialog {
    min-width: 200px !important;
    max-width: 500px;
    margin: 1.75rem auto;
  }
}

  @page {
  size: auto;
  margin: 5mm 5mm 0
}

}



.schedule-print-info {
  display: none;
  justify-content: center;
  font-size: 15px;
  color: #000;
}

.schedule-print-info__date {
  position: absolute;
  left: 0;
}

@media print {
  .schedule-print-info {
    display: flex !important;
  }
}

/* Total row highlight */
#schedule_calendar .fc-view-container tr[data-resource-id="0"],
#schedule_calendar .fc-view-container tr[data-resource-id="0"] .fc-widget-content {
  background: #eff8ff !important;
}

#schedule_calendar:is(.dark *) .fc-view-container tr[data-resource-id="0"],
#schedule_calendar:is(.dark *) .fc-view-container tr[data-resource-id="0"] .fc-widget-content {
  background: color-mix(in oklab, var(--primary, #1b84ff) 10%, var(--card, #1c1c1e)) !important;
}

/* ── Metronic 9 FullCalendar v3 theme ───────────────────────────────── */

#schedule_calendar {
  .fc-toolbar {
    padding: 0.75rem 1rem;
    margin-bottom: 0;
    border-bottom: 1px solid var(--border, #e9ecef);

    h2 {
      font-size: 1rem;
      font-weight: 600;
      color: var(--foreground, #1e2129);
      line-height: 1.5;
    }
  }

  /* Buttons — match kt-btn kt-btn-light style */
  .fc-button {
    background: var(--card, #fff);
    background-image: none;
    border: 1px solid var(--border, #dbdfe9);
    border-radius: 0.5rem;
    color: var(--foreground, #1e2129);
    font-size: 0.8125rem;
    font-weight: 500;
    height: auto;
    padding: 0.375rem 0.75rem;
    box-shadow: none;
    text-shadow: none;
    transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;

    &:hover,
    &:focus {
      background: color-mix(in oklab, var(--primary) 8%, var(--card, #fff));
      border-color: var(--primary, #1b84ff);
      color: var(--primary, #1b84ff);
      box-shadow: none;
      outline: none;
    }
  }

  .fc-state-active,
  .fc-state-down,
  .fc-button.fc-state-active {
    z-index: 2;
    background: #F7F7F7;
    border-color: var(--input);
    color: #000;
    font-weight: 500;
    box-shadow: none;
  }

  .fc-state-disabled {
    opacity: 0.5;
    pointer-events: none;
  }

  /* Button group borders */
  .fc-button-group .fc-button {
    border-radius: 0;

    &:first-child {
      border-top-left-radius: 0.5rem;
      border-bottom-left-radius: 0.5rem;
    }

    &:last-child {
      border-top-right-radius: 0.5rem;
      border-bottom-right-radius: 0.5rem;
    }
  }

  /* Calendar grid */
  .fc-widget-header,
  .fc-widget-content {
    border-color: var(--border, #dbdfe9);
  }

  .fc-day-header,
  .fc-widget-header {
    background: color-mix(in oklab, var(--muted, #f9f9f9) 80%, transparent);
    color: var(--muted-foreground, #78829d);
    font-size: 0.8rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    padding: 0.5rem 0.75rem;
  }

  /* Today highlight */
  .fc-today {
    background: color-mix(in oklab, var(--primary, #1b84ff) 6%, transparent) !important;

    .fc-cell-text {
      color: var(--primary, #1b84ff);
      font-weight: 600;
    }
  }

  &:is(.dark *) .fc-today {
    background: color-mix(in oklab, var(--primary, #1b84ff) 12%, var(--card, #1c1c1e)) !important;
  }

  /* Resource area */
  .fc-resource-area {
    background: color-mix(in oklab, var(--muted, #f9f9f9) 60%, transparent);

    .fc-cell-text {
      font-size: 0.8125rem;
      font-weight: 500;
      color: var(--foreground, #1e2129);
    }
  }

  /* Events */
  .fc-timeline-event {
    border-radius: 0.375rem;
    border: none;
    padding: 0.125rem 0.5rem;
    font-size: 0.75rem;
    font-weight: 500;
  }

  /* Scrollbar */
  .fc-scroller::-webkit-scrollbar {
    width: 5px;
    height: 5px;
  }

  .fc-scroller::-webkit-scrollbar-thumb {
    background: var(--border, #dbdfe9);
    border-radius: 4px;
  }
}


/* Toastr notifications — extracted from vendors.bundle.css for Metronic 9 bundle */

.toast-title {
  font-weight: bold; }

.toast-message {
  -ms-word-wrap: break-word;
  word-wrap: break-word; }

.toast-message a,
.toast-message label {
  color: #FFFFFF; }

.toast-message a:hover {
  color: #CCCCCC;
  text-decoration: none; }

.toast-close-button {
  position: relative;
  right: -0.3em;
  top: -0.3em;
  float: right;
  font-size: 20px;
  font-weight: bold;
  color: #FFFFFF;
  -webkit-text-shadow: 0 1px 0 #ffffff;
  text-shadow: 0 1px 0 #ffffff;
  opacity: 0.8;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  filter: alpha(opacity=80);
  line-height: 1; }

.toast-close-button:hover,
.toast-close-button:focus {
  color: #000000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.4;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
  filter: alpha(opacity=40); }

.rtl .toast-close-button {
  left: -0.3em;
  float: left;
  right: 0.3em; }

/*Additional properties for button version
 iOS requires the button element instead of an anchor tag.
 If you want the anchor version, it requires `href="#"`.*/
button.toast-close-button {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none; }

.toast-top-center {
  top: 0;
  right: 0;
  width: 100%; }

.toast-bottom-center {
  bottom: 0;
  right: 0;
  width: 100%; }

.toast-top-full-width {
  top: 0;
  right: 0;
  width: 100%; }

.toast-bottom-full-width {
  bottom: 0;
  right: 0;
  width: 100%; }

.toast-top-left {
  top: 12px;
  left: 12px; }

.toast-top-right {
  top: 12px;
  right: 12px; }

.toast-bottom-right {
  right: 12px;
  bottom: 12px; }

.toast-bottom-left {
  bottom: 12px;
  left: 12px; }

#toast-container {
  position: fixed;
  z-index: 999999;
  pointer-events: none;
  /*overrides*/ }

#toast-container * {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

#toast-container > div {
  position: relative;
  pointer-events: auto;
  overflow: hidden;
  margin: 0 0 6px;
  padding: 15px 15px 15px 50px;
  width: 300px;
  -moz-border-radius: 3px 3px 3px 3px;
  -webkit-border-radius: 3px 3px 3px 3px;
  border-radius: 3px 3px 3px 3px;
  background-position: 15px center;
  background-repeat: no-repeat;
  -moz-box-shadow: 0 0 12px #999999;
  -webkit-box-shadow: 0 0 12px #999999;
  box-shadow: 0 0 12px #999999;
  color: #FFFFFF;
  opacity: 0.8;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  filter: alpha(opacity=80); }

#toast-container > div.rtl {
  direction: rtl;
  padding: 15px 50px 15px 15px;
  background-position: right 15px center; }

#toast-container > div:hover {
  -moz-box-shadow: 0 0 12px #000000;
  -webkit-box-shadow: 0 0 12px #000000;
  box-shadow: 0 0 12px #000000;
  opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  filter: alpha(opacity=100);
  cursor: pointer; }

#toast-container > .toast-info {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=") !important; }

#toast-container > .toast-error {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=") !important; }

#toast-container > .toast-success {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==") !important; }

#toast-container > .toast-warning {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXJGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=") !important; }

#toast-container.toast-top-center > div,
#toast-container.toast-bottom-center > div {
  width: 300px;
  margin-left: auto;
  margin-right: auto; }

#toast-container.toast-top-full-width > div,
#toast-container.toast-bottom-full-width > div {
  width: 96%;
  margin-left: auto;
  margin-right: auto; }

.toast {
  background-color: #030303; }

.toast-success {
  background-color: #51A351; }

.toast-error {
  background-color: #BD362F; }

.toast-info {
  background-color: #2F96B4; }

.toast-warning {
  background-color: #F89406; }

.toast-progress {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 4px;
  background-color: #000000;
  opacity: 0.4;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
  filter: alpha(opacity=40); }

/*Responsive Design*/
@media all and (max-width: 240px) {
  #toast-container > div {
    padding: 8px 8px 8px 50px;
    width: 11em; }
  #toast-container > div.rtl {
    padding: 8px 50px 8px 8px; }
  #toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em; }
  #toast-container .rtl .toast-close-button {
    left: -0.2em;
    right: 0.2em; } }

@media all and (min-width: 241px) and (max-width: 480px) {
  #toast-container > div {
    padding: 8px 8px 8px 50px;
    width: 18em; }
  #toast-container > div.rtl {
    padding: 8px 50px 8px 8px; }
  #toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em; }
  #toast-container .rtl .toast-close-button {
    left: -0.2em;
    right: 0.2em; } }

@media all and (min-width: 481px) and (max-width: 768px) {
  #toast-container > div {
    padding: 15px 15px 15px 50px;
    width: 25em; }
  #toast-container > div.rtl {
    padding: 15px 50px 15px 15px; } }

/*!
 * smartbanner.js v1.24.1 <https://github.com/ain/smartbanner.js#readme>
 * Copyright © 2024 Ain Tohvri, contributors. Licensed under GPL-3.0.
 */
.smartbanner{position:absolute;top:0;left:0;overflow-x:hidden;width:100%;height:84px;background:#f3f3f3;font-family:Helvetica,sans,sans-serif}.smartbanner__exit{position:absolute;top:calc(50% - 6px);left:9px;display:block;margin:0;width:12px;height:12px;border:0;text-align:center}.smartbanner__exit::before,.smartbanner__exit::after{position:absolute;width:1px;height:12px;background:#716f6f;content:" "}.smartbanner__exit::before{transform:rotate(45deg)}.smartbanner__exit::after{transform:rotate(-45deg)}.smartbanner__icon{position:absolute;top:10px;left:30px;width:64px;height:64px;border-radius:15px;background-size:64px 64px}.smartbanner__info{position:absolute;top:10px;left:104px;display:flex;overflow-y:hidden;width:60%;height:64px;align-items:center;color:#000}.smartbanner__info__title{font-size:14px}.smartbanner__info__author,.smartbanner__info__price{font-size:12px}.smartbanner__button{position:absolute;top:32px;right:10px;z-index:1;display:block;padding:0 10px;min-width:10%;border-radius:5px;background:#f3f3f3;color:#1474fc;font-size:18px;text-align:center;text-decoration:none}.smartbanner__button__label{text-align:center}.smartbanner.smartbanner--android{background:#3d3d3d url("data:image/gif;base64,R0lGODlhCAAIAIABAFVVVf///yH5BAEHAAEALAAAAAAIAAgAAAINRG4XudroGJBRsYcxKAA7");box-shadow:inset 0 4px 0 #88b131}.smartbanner.smartbanner--android .smartbanner__exit{left:6px;margin-right:7px;width:17px;height:17px;border-radius:14px;background:#1c1e21;box-shadow:0 1px 2px rgba(0,0,0,.8) inset,0 1px 1px rgba(255,255,255,.3);color:#b1b1b3;font-family:"ArialRoundedMTBold",Arial;font-size:20px;line-height:17px;text-shadow:0 1px 1px #000}.smartbanner.smartbanner--android .smartbanner__exit::before,.smartbanner.smartbanner--android .smartbanner__exit::after{top:3px;left:8px;width:2px;height:11px;background:#b1b1b3}.smartbanner.smartbanner--android .smartbanner__exit:active,.smartbanner.smartbanner--android .smartbanner__exit:hover{color:#eee}.smartbanner.smartbanner--android .smartbanner__icon{background-color:rgba(0,0,0,0);box-shadow:none}.smartbanner.smartbanner--android .smartbanner__info{color:#ccc;text-shadow:0 1px 2px #000}.smartbanner.smartbanner--android .smartbanner__info__title{color:#fff;font-weight:bold}.smartbanner.smartbanner--android .smartbanner__button{top:30px;right:20px;padding:0;min-width:12%;border-radius:0;background:none;box-shadow:0 0 0 1px #333,0 0 0 2px #dddcdc;color:#d1d1d1;font-size:14px;font-weight:bold}.smartbanner.smartbanner--android .smartbanner__button:active,.smartbanner.smartbanner--android .smartbanner__button:hover{background:none}.smartbanner.smartbanner--android .smartbanner__button__label{display:block;padding:0 10px;background:#42b6c9;background:linear-gradient(to bottom, #42b6c9, #39a9bb);box-shadow:none;line-height:24px;text-align:center;text-shadow:none;text-transform:none}.smartbanner.smartbanner--android .smartbanner__button__label:active,.smartbanner.smartbanner--android .smartbanner__button__label:hover{background:#2ac7e1}/*# sourceMappingURL=smartbanner.min.css.map */

@charset "UTF-8";
/* --- PTO Calendar (FullCalendar v3 → Metronic 9 styling) --- */
.pto-calendar-wrap .fc-toolbar.fc-header-toolbar {
  margin-bottom: 1rem;
  display: flex;
  align-items: center;
  justify-content: space-between; }

.pto-calendar-wrap .fc-toolbar .fc-left,
.pto-calendar-wrap .fc-toolbar .fc-center,
.pto-calendar-wrap .fc-toolbar .fc-right {
  display: inline-flex;
  align-items: center;
  line-height: 1; }

/* Title (now in fc-right) */
.pto-calendar-wrap .fc-toolbar .fc-right h2 {
  font-size: var(--text-base);
  font-weight: var(--font-weight-semibold);
  color: var(--foreground);
  margin: 0; }

/* Base button */
.pto-calendar-wrap .fc-toolbar .fc-button {
  display: inline-flex;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  font-weight: var(--font-weight-medium);
  white-space: nowrap;
  height: 2.125rem;
  gap: 0.375rem;
  border: 1px solid var(--border);
  background-color: transparent;
  padding: 0 0.75rem;
  color: var(--accent-foreground);
  font-family: inherit;
  font-size: 0.8125rem !important;
  line-height: 1.25 !important;
  flex-shrink: 0;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  transition: color 0.15s, box-shadow 0.15s, background-color 0.15s;
  outline: none; }

/* Remove old FC state backgrounds */
.pto-calendar-wrap .fc-toolbar .fc-button.fc-state-default {
  background-image: none;
  background-color: transparent;
  text-shadow: none; }

/* Hover */
.pto-calendar-wrap .fc-toolbar .fc-button:hover:not(.fc-state-disabled) {
  background-color: var(--accent) !important;
  color: var(--accent-foreground) !important; }

/* Active state */
.pto-calendar-wrap .fc-toolbar .fc-button.fc-state-active {
  background-color: var(--accent) !important;
  color: var(--accent-foreground) !important;
  border-color: var(--border) !important; }

/* Disabled */
.pto-calendar-wrap .fc-toolbar .fc-button.fc-state-disabled {
  pointer-events: none;
  opacity: 0.5;
  cursor: not-allowed; }

/* Focus ring */
.pto-calendar-wrap .fc-toolbar .fc-button:focus-visible {
  outline: none;
  ring: 2px solid var(--ring);
  ring-offset: 2px; }

/* Button group: border radius */
.pto-calendar-wrap .fc-toolbar .fc-button-group .fc-button:first-child {
  border-top-left-radius: var(--radius-md) !important;
  border-bottom-left-radius: var(--radius-md) !important;
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important; }

.pto-calendar-wrap .fc-toolbar .fc-button-group .fc-button:last-child {
  border-top-right-radius: var(--radius-md) !important;
  border-bottom-right-radius: var(--radius-md) !important;
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important; }

.pto-calendar-wrap .fc-toolbar .fc-button-group .fc-button:not(:last-child) {
  border-right: none !important; }

.pto-calendar-wrap .fc-toolbar .fc-button-group .fc-button:not(:first-child):not(:last-child) {
  border-radius: 0 !important; }

/* Standalone buttons */
.pto-calendar-wrap .fc-toolbar .fc-today-button {
  border-radius: var(--radius-md) !important; }

/* Center view buttons — styled via JS (kt-btn + Tailwind utilities, matching Schedule) */
.pto-calendar-wrap .fc-header-toolbar .fc-center .kt-btn {
  margin: 0;
  padding: 15px;
  min-width: 4rem; }

.pto-calendar-wrap .fc-header-toolbar .fc-center .fc-toggleHeaderBtn-button {
  min-width: auto; }

/* Nav arrow icons */
.pto-calendar-wrap .fc-toolbar .fc-button .fc-icon {
  font-size: 1rem !important;
  color: var(--muted-foreground) !important;
  position: relative !important; }

.pto-calendar-wrap .fc-toolbar .fc-button:hover:not(.fc-state-disabled) .fc-icon {
  color: var(--accent-foreground) !important; }

/* Day grid header */
.pto-calendar-wrap .fc-head .fc-day-header {
  background-color: color-mix(in oklab, var(--muted) 50%, transparent);
  padding: 0.5rem !important;
  font-size: var(--text-sm);
  font-weight: var(--font-weight-medium);
  color: var(--muted-foreground);
  border-color: var(--border); }

/* Table borders */
.pto-calendar-wrap .fc td,
.pto-calendar-wrap .fc th {
  border-color: var(--border) !important; }

/* Day cells */
.pto-calendar-wrap .fc .fc-day {
  background-color: var(--background); }

/* Today highlight */
.pto-calendar-wrap .fc .fc-today {
  background-color: color-mix(in oklab, var(--accent) 50%, transparent) !important; }

/* Day numbers */
.pto-calendar-wrap .fc .fc-day-number {
  font-size: var(--text-2xs);
  font-weight: var(--font-weight-medium);
  color: var(--foreground);
  padding: 0.5rem !important; }

.pto-calendar-wrap .fc .fc-today .fc-day-number {
  font-weight: var(--font-weight-semibold);
  color: var(--primary); }

/* Events */
.pto-calendar-wrap .fc-event {
  border: 1.5px solid var(--border);
  color: var(--foreground);
  background-color: var(--background);
  box-shadow: none;
  cursor: pointer;
  margin: 0 6px 1px;
  padding: 5px;
  border-radius: calc(var(--radius) - 2px); }

.pto-calendar-wrap .fc-event:hover {
  background-color: var(--accent); }

.pto-calendar-wrap .fc-event .fc-content {
  padding: 0 !important;
  text-align: left;
  display: flex;
  align-items: center;
  overflow: visible;
  height: 15px; }

.pto-calendar-wrap .fc-event .fc-content::before {
  display: none !important; }

/* Event elements */
.pto-calendar-wrap .fc-event .pto-calendar-event-name {
  font-size: 0.8125rem;
  font-weight: 600;
  color: inherit;
  overflow: hidden;
  text-overflow: ellipsis; }

.pto-calendar-wrap .fc-event .pto-calendar-event-hours {
  padding: 0 5px;
  border: 0;
  border-radius: 10px;
  font-weight: 700;
  display: inline;
  color: var(--primary-foreground);
  background: var(--muted-foreground);
  margin-left: auto; }

.pto-calendar-wrap .fc-event .pto-calendar-event-code {
  margin-left: 2.5em; }

/* Blackout date events */
.pto-calendar-wrap .blackout-date-event {
  background-color: color-mix(in oklab, var(--warning) 15%, var(--background)) !important;
  border-color: var(--warning) !important; }

/* More link */
.pto-calendar-wrap .fc-more {
  font-size: var(--text-xs);
  font-weight: var(--font-weight-medium);
  color: var(--primary); }

.pto-calendar-wrap .fc-more:hover {
  color: color-mix(in oklab, var(--primary) 90%, transparent); }

/* Popover */
.pto-calendar-wrap .fc-popover {
  border: 1px solid var(--border) !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) !important;
  background-color: var(--background) !important;
  border-radius: var(--radius-md) !important; }

.pto-calendar-wrap .fc-popover .fc-header {
  background-color: color-mix(in oklab, var(--muted) 50%, transparent);
  font-size: var(--text-sm);
  font-weight: var(--font-weight-medium);
  color: var(--foreground);
  padding: 0.5rem !important;
  border-bottom: 1px solid var(--border) !important; }

/* List view */
.pto-calendar-wrap .fc-list-table tr {
  background-color: var(--background) !important; }

.pto-calendar-wrap .fc-list-table tr:hover {
  background-color: var(--accent) !important; }

.pto-calendar-wrap .fc-list-table td {
  background-color: var(--background) !important;
  color: var(--foreground) !important;
  border-color: var(--border) !important; }

.pto-calendar-wrap .fc-list-table tr:hover td {
  background-color: var(--accent) !important;
  color: var(--accent-foreground) !important; }

.pto-calendar-wrap .fc-list-heading td {
  background-color: color-mix(in oklab, var(--muted) 50%, transparent);
  color: var(--foreground);
  font-size: var(--text-sm);
  font-weight: var(--font-weight-medium);
  border-color: var(--border) !important; }

.pto-calendar-wrap .fc-list-table .pto-calendar-event-hours {
  margin-left: 5px;
  font-size: var(--text-xs); }

.pto-calendar-wrap .fc-list-table .checkbox-event-container {
  padding: 0.5em 0;
  font-size: 0.9em; }

.schedule-wrap {
  margin: 0 -40px;
  background: #f4f5f8 !important;
  border-color: #f4f5f8 !important; }

@media (max-width: 1025px) {
  .schedule-wrap {
    margin: auto; } }

.schedule-menu-controls {
  display: flex;
  margin: -18px 0 10px;
  padding: 0; }
  .schedule-menu-controls__item {
    list-style: none;
    margin-right: 60px; }
    .schedule-menu-controls__item a {
      font-weight: 600;
      color: #AAAAAA;
      cursor: pointer; }
      .schedule-menu-controls__item a:hover {
        color: #364151;
        text-decoration: none; }
    .schedule-menu-controls__item:last-child {
      margin-right: 0; }
    .schedule-menu-controls__item.active a {
      color: #364151; }
      .schedule-menu-controls__item.active a:hover {
        color: #364151;
        text-decoration: none; }

@media (max-width: 1025px) {
  .schedule-menu-controls {
    padding: 0.5rem 2.2rem 0; } }

.fc-time-area .fc-event-container {
  padding-bottom: 0 !important; }

.fc-unthemed .fc-day-grid td:not(.fc-axis).fc-event-container {
  padding: 0; }

.fc-unthemed th {
  padding: .75rem .5rem;
  font-size: 1rem;
  font-weight: bold; }

.fc-unthemed .fc-event .fc-title,
.fc-unthemed .fc-event-dot .fc-title {
  flex: 1;
  font-size: .8571rem;
  font-weight: bold;
  color: inherit;
  overflow: hidden;
  text-overflow: ellipsis; }

.fc-unthemed .fc-description {
  font-size: .85rem;
  margin-top: .25rem;
  font-weight: 400;
  /*! color: #7b7e8a; */
  margin-left: 0; }

.fc-unthemed .fc-event,
.fc-unthemed .fc-event-dot {
  background: var(--background);
  border: 1.5px solid var(--border); }

.fc-unthemed .fc-toolbar .fc-button.fc-state-disabled {
  background: #e3e8ee;
  color: #afb2c1;
  opacity: 0.38; }

.schedule-block {
  height: calc(100% - 13px); }
  .schedule-block .toggle-header-btn__caption {
    display: none;
    margin-right: 5px; }
  .schedule-block__body {
    height: calc(100% - 54px); }
  .schedule-block .m-portlet__head {
    background-color: #ffffff !important;
    border-color: #ebedf2 !important; }
    .schedule-block .m-portlet__head .dropdown .btn.dropdown-toggle.btn-light {
      background-color: #ffffff !important;
      border-color: #ffffff !important; }
  .schedule-block #schedule_calendar .fc-timelineDay-view .fc-body .fc-scroller-clip .fc-scroller {
    height: calc(100vh - 384px) !important; }
  .schedule-block #schedule_calendar .fc-timelineWeek-view .fc-body .fc-scroller-clip .fc-scroller {
    height: calc(100vh - 433px) !important;
    min-height: 400px; }
  .schedule-block #schedule_calendar .fc-month-view .fc-body .fc-widget-content .fc-scroller {
    height: calc(100vh - 372px) !important; }
    .schedule-block #schedule_calendar .fc-month-view .fc-body .fc-widget-content .fc-scroller.h-100 {
      height: 100% !important; }
  .schedule-block #schedule_calendar.full-view .fc-timelineDay-view .fc-body .fc-scroller-clip .fc-scroller {
    height: calc(100vh - 274px) !important; }
  .schedule-block #schedule_calendar.full-view .fc-timelineWeek-view .fc-body .fc-scroller-clip .fc-scroller {
    height: calc(100vh - 323px) !important; }
  .schedule-block #schedule_calendar.full-view .fc-month-view .fc-body .fc-widget-content .fc-scroller {
    height: calc(100vh - 262px) !important; }

.availability-block {
  height: calc(100% - 13px); }
  .availability-block .toggle-header-btn__caption {
    display: none;
    margin-right: 5px; }
  .availability-block .availability-label {
    display: inline-block;
    background: dimgray;
    color: white;
    font-size: 14px;
    border-radius: 5px;
    padding: 0 5px; }
  .availability-block .filter-item:first-child:after {
    content: '';
    display: block;
    background: #fff;
    height: 10px;
    position: absolute;
    left: -15px;
    width: 100px;
    bottom: -16px; }
  .availability-block .filter-item:first-child.active:after {
    width: 138px; }
  .availability-block__body {
    height: calc(100% - 54px); }
  .availability-block .m-portlet__head {
    background-color: #ffffff !important;
    border-color: #ebedf2 !important; }
    .availability-block .m-portlet__head .dropdown .btn.dropdown-toggle.btn-light {
      background-color: #ffffff !important;
      border-color: #ffffff !important; }
  .availability-block #schedule_calendar .fc-timelineDay-view .fc-body .fc-scroller-clip .fc-scroller {
    height: calc(100vh - 329px) !important; }
  .availability-block #schedule_calendar .fc-timelineWeek-view .fc-body .fc-scroller-clip .fc-scroller {
    height: calc(100vh - 331px) !important; }
  .availability-block #schedule_calendar .fc-month-view .fc-body .fc-widget-content .fc-scroller {
    height: calc(100vh - 317px) !important; }
  .availability-block #schedule_calendar #schedule-calendar-subfooter {
    display: block;
    height: 45px;
    padding: 10px 70px 0 0; }
  .availability-block #schedule_calendar.full-view .fc-timelineDay-view .fc-body .fc-scroller-clip .fc-scroller {
    height: calc(100vh - 219px) !important; }
  .availability-block #schedule_calendar.full-view .fc-timelineWeek-view .fc-body .fc-scroller-clip .fc-scroller {
    height: calc(100vh - 221px) !important; }
  .availability-block #schedule_calendar.full-view .fc-month-view .fc-body .fc-widget-content .fc-scroller {
    height: calc(100vh - 207px) !important; }
  .availability-block .modal .timepicker-field {
    display: inline-flex;
    max-width: 100px; }

.schedule-block .m-portlet__head .bootstrap-select .dropdown-toggle.btn-light:focus,
.availability-block .m-portlet__head .bootstrap-select .dropdown-toggle.btn-light:focus {
  z-index: 1 !important;
  box-shadow: none !important; }

.schedule-block .m-portlet__head .bootstrap-select.show .dropdown-toggle.btn-light,
.availability-block .m-portlet__head .bootstrap-select.show .dropdown-toggle.btn-light {
  z-index: 1 !important;
  box-shadow: none !important; }

#schedule_calendar .fc-view-container {
  position: relative; }

#schedule_calendar .fc-view-container thead.fc-head td {
  border: 0;
  border-bottom: 3px solid #364150; }

#schedule_calendar .fc-view-container thead.fc-head.fc-foot td {
  border-bottom: none; }

#schedule_calendar .fc-view-container .fc-resource-area td {
  border-bottom-color: #fff; }

#schedule_calendar .fc-view-container .fc-resource-area td:empty {
  width: 0 !important; }

#schedule_calendar .fc-view-container .fc-timeline .fc-head > tr > .fc-divider {
  background-color: #fff; }

#schedule_calendar .fc-view-container .fc-event {
  padding: 6px;
  border-color: black;
  border-radius: 2px;
  line-height: 1.3333;
  margin: 3px 2px 0 2px; }

#schedule_calendar .fc-view-container .fc-event.event-openshift {
  padding-left: 8px; }

#schedule_calendar .fc-view-container .fc-description {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.btn-brand.focus,
.btn-brand:focus,
.btn-brand:not(:disabled):not(.disabled).active:focus,
.btn-brand:not(:disabled):not(.disabled):active:focus,
.btn-primary.focus,
.btn-primary:focus,
.btn-primary:not(:disabled):not(.disabled).active:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.show > .btn-brand.dropdown-toggle:focus,
.show > .btn-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 .2rem #1271C4; }

#schedule_calendar .fc-view-container .fc-event .fc-bg {
  opacity: 0 !important; }

#schedule_calendar .fc-view-container .fc-content::before {
  display: none !important; }

#schedule_calendar .fc-view-container .fc-content #filterButton {
  overflow: hidden;
  text-overflow: ellipsis; }

#schedule_calendar .fc-view-container .fc-event .fc-content {
  padding: 0 !important;
  text-align: left;
  display: flex;
  justify-content: space-between; }

#schedule_calendar .fc-view-container .fc-axis {
  width: 120px !important; }

#schedule_calendar .fc-view-container sticky {
  position: relative;
  top: 81%;
  width: 91.7%; }

#schedule_calendar .fc-view-container .sticky-2 {
  position: relative;
  top: 87%;
  width: 91.7%; }

.m-header ~ .m-body {
  transition: padding 0.3s ease-in; }

.m-header--fixed.m-header--minimize-off .m-header.m-header-hidden {
  overflow: hidden;
  height: 0 !important; }

#schedule_calendar .fc-view-container .fc-body .fc-scroller {
  height: calc(100vh - 370px); }

#schedule_calendar .fc-view-container .fc-timeline .fc-body .fc-scroller {
  /*! overflow-x: hidden !important; */
  /*! margin: 0 -20px 0 0 !important */
  height: calc(100vh - 470px) !important; }

.m-header.m-header-hidden ~ .m-body {
  padding-top: 0 !important; }

.m-header.m-header-hidden ~ .m-body #schedule_calendar .fc-view-container .fc-body .fc-scroller {
  height: calc(100vh - 260px); }

.m-header.m-header-hidden ~ .m-body #schedule_calendar .fc-view-container .fc-timeline .fc-body .fc-scroller {
  height: calc(100vh - 360px); }

#schedule_calendar .fc-view-container .fc-timeline.fc-timelineDay-view .fc-body .fc-scroller {
  height: calc(100vh - 420px); }

.m-header.m-header-hidden ~ .m-body #schedule_calendar .fc-view-container .fc-timeline.fc-timelineDay-view .fc-body .fc-scroller {
  height: calc(100vh - 310px); }

#schedule_calendar .fc-view-container .fc-scroller-canvas > .fc-content {
  border: none !important; }

.fc-timeline .fc-divider {
  width: 0 !important; }

.fc-unthemed .fc-toolbar .fc-button {
  outline: 0 !important;
  height: 2.5rem;
  padding: 0 .75rem;
  font-size: 1rem;
  background-color: #e3e8ee; }

.fc-unthemed .fc-toolbar h2 {
  font-size: 1rem !important;
  margin-top: 0; }

.fc .fc-toolbar > .fc-right > * {
  float: left;
  margin-left: 0;
  border-radius: 0 !important; }

.fc .fc-toolbar > .fc-right > .fc-timelineDay-button {
  border-top-left-radius: 4px !important;
  border-bottom-left-radius: 4px !important; }

.fc .fc-toolbar > .fc-right > .fc-month-button {
  border-top-right-radius: 4px !important;
  border-bottom-right-radius: 4px !important; }

.fc-header-toolbar .fc-center h2 {
  font-weight: 700; }

.fc-today-button {
  text-transform: capitalize; }

/* #schedule_calendar .fc-view-container .fc-event.shift-blue1 {
    border-color: #426e86 !important;
    border-width: 1px !important;
} */
#schedule_calendar .fc-view-container .fc-event.shift-blue1 .fc-title {
  /* color: #00f !important; */
  font-weight: 700; }

.fc-event .fc-hour-count {
  padding: 0 5px;
  border: 0;
  border-radius: 10px;
  font-weight: 700;
  color: #426e86;
  background: #fff;
  align-self: self-start; }

.total-schedule-time-holder {
  display: flex;
  max-width: 220px;
  margin-bottom: 3px; }
  .total-schedule-time-holder .resource_hours {
    display: flex;
    flex: 0 0 50%;
    max-width: 50%; }

@media only screen and (max-width: 1350px) {
  .total-schedule-time-holder,
  .pto-time-holder {
    flex-direction: column; } }

.pto-time-holder {
  display: flex;
  max-width: 220px; }

.pto-hours-duration {
  display: flex;
  flex: 0 0 50%;
  max-width: 50%;
  margin-bottom: 2px !important; }
  .pto-hours-duration .caption {
    display: flex;
    align-items: center;
    line-height: 1.4;
    padding: .25em .4em;
    font-size: 75%;
    text-align: center;
    border-radius: .25rem; }
  .pto-hours-duration .hours-count {
    align-self: center;
    margin-left: 5px;
    padding: 0 5px;
    border: 0;
    border-radius: 10px;
    font-weight: 700;
    color: #ffffff;
    background: #575962;
    white-space: nowrap; }

.total-schedule-time {
  margin-left: 5px;
  padding: 0 5px;
  border: 0;
  border-radius: 10px;
  font-weight: 700;
  color: #426e86;
  background: #fff;
  align-self: self-start;
  font-size: 12px;
  white-space: nowrap; }
  .total-schedule-time--unscheduled {
    background: #426e86;
    color: #ffffff; }

.unscheduled_resource_label {
  color: #426e86; }

.fc-event .fc-notes-icon {
  margin: 0 5px 0 auto;
  font-size: 1rem;
  color: inherit; }

.fc-event.event-unavailable .fc-notes-icon {
  position: absolute;
  right: 0; }

@media (min-width: 1440px) {
  .fc-event .fc-hour-count,
  .fc-view-container .pto-calendar-event-hours {
    line-height: 1rem;
    height: 1rem; } }

.fc-timeline-event .fc-content .fc-hour-count.red {
  background: red; }

.fc-ltr .fc-timeline-event .fc-title {
  margin-left: 0 !important; }

#m_calendar .fc-view-container .fc-content,
#m_calendar .fc-view-container .fc-divider,
#m_calendar .fc-view-container .fc-list-heading td,
#m_calendar .fc-view-container .fc-list-view,
#m_calendar .fc-view-container .fc-popover,
#m_calendar .fc-view-container .fc-row,
#m_calendar .fc-view-container tbody,
#m_calendar .fc-view-container td,
#m_calendar .fc-view-container th,
#m_calendar .fc-view-container thead,
#schedule_calendar .fc-view-container .fc-content,
#schedule_calendar .fc-view-container .fc-divider,
#schedule_calendar .fc-view-container .fc-list-heading td,
#schedule_calendar .fc-view-container .fc-list-view,
#schedule_calendar .fc-view-container .fc-popover,
#schedule_calendar .fc-view-container .fc-row,
#schedule_calendar .fc-view-container tbody,
#schedule_calendar .fc-view-container td,
#schedule_calendar .fc-view-container th,
#schedule_calendar .fc-view-container thead {
  border-color: var(--border); }

#schedule_calendar .fc-view-container .fc-event.open-shift {
  border: none !important;
  border-left: 5px solid red !important; }

#schedule_calendar .fc-view-container .fc-event.open-shift .fc-title {
  font-weight: 700;
  color: #000 !important; }

#schedule_calendar .fc-view-container .fc-event.open-shift > div {
  color: #000 !important; }

#schedule_calendar .fc-view-container .open-shift.shift-blue1 {
  border-left: 5px solid #426e86 !important; }

#schedule_calendar .fc-view-container .open-shift.shift-blue1 .fc-content > .fc-hour-count {
  background: #426e86 !important;
  color: #fff !important; }

.fc-description {
  text-align: left;
  margin-left: 10px; }

#schedule_calendar .fc-view-container tr[data-resource-id="0"] .fc-widget-content > div {
  display: flex;
  align-items: center; }

#schedule_calendar .fc-view-container tr[data-resource-id="0"] .fc-cell-content {
  padding-bottom: 5px; }

#schedule_calendar .fc-view-container tr[data-resource-id="0"] {
  height: auto !important; }

#schedule_calendar .col-control {
  height: 60px; }
  #schedule_calendar .col-control .add-emp-btn {
    display: flex;
    align-items: center;
    color: #00B77A;
    font-weight: 600; }
    #schedule_calendar .col-control .add-emp-btn__icon {
      margin-right: 5px;
      font-weight: 600; }
    #schedule_calendar .col-control .add-emp-btn:hover {
      text-decoration: none; }
  #schedule_calendar .col-control .add-emp-text {
    margin: 0;
    font-size: 14px; }
    #schedule_calendar .col-control .add-emp-text .btn-import-employees {
      color: #334151;
      text-decoration: underline;
      cursor: pointer; }

#schedule_calendar .fc-time-area.fc-widget-content .fc-widget-content {
  position: relative; }

#schedule_calendar .fc-time-area.fc-widget-content .temp-cell {
  position: absolute;
  top: 0;
  vertical-align: middle;
  border: 0; }
  #schedule_calendar .fc-time-area.fc-widget-content .temp-cell .add-shift-btn {
    display: none;
    align-items: center;
    justify-content: center;
    height: 100%;
    color: #0074CB;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer; }
    #schedule_calendar .fc-time-area.fc-widget-content .temp-cell .add-shift-btn__icon {
      margin-right: 5px;
      font-weight: 600; }
  #schedule_calendar .fc-time-area.fc-widget-content .temp-cell:hover .add-shift-btn {
    display: flex; }

.fc-button {
  font-weight: 700;
  text-transform: capitalize; }

.bootstrap-select > .dropdown-toggle.btn-light {
  font-weight: 400; }

.fc-cell-content .fc-cell-text {
  font-size: 13px !important; }

.m-badge.m-badge--blue1 {
  background-color: #426E86;
  color: #fff; }

.m-badge.m-badge--blue2 {
  background-color: #128277;
  color: #fff; }

.m-badge.m-badge--green1 {
  background-color: #5B7065;
  color: #fff; }

.m-badge.m-badge--green2 {
  background-color: #ACBD78;
  color: #fff; }

.m-badge.m-badge--red1 {
  background-color: #D24136;
  color: #fff; }

.m-badge.m-badge--red2 {
  background-color: #FF6E82;
  color: #fff; }

.m-badge.m-badge--orange1 {
  background-color: #F47D4A;
  color: #fff; }

.m-badge.m-badge--orange2 {
  background-color: #CD7213;
  color: #fff; }

.m-badge.m-badge--purple {
  background-color: #727077;
  color: #fff; }

.m-badge.m-badge--yellow {
  background-color: #F0D014;
  color: #fff; }

.m-badge.m-badge--cocoa {
  background-color: #795548;
  color: #fff; }

.m-badge.m-badge--flamingo {
  background-color: #E67C73;
  color: #fff; }

.m-badge.m-badge--tomato {
  background-color: #D50000;
  color: #fff; }

.m-badge.m-badge--tangerine {
  background-color: #F4511E;
  color: #fff; }

.m-badge.m-badge--pumpkin {
  background-color: #EF6C00;
  color: #fff; }

.m-badge.m-badge--mango {
  background-color: #F09300;
  color: #fff; }

.m-badge.m-badge--eucalyptus {
  background-color: #009688;
  color: #fff; }

.m-badge.m-badge--basil {
  background-color: #0B8043;
  color: #fff; }

.m-badge.m-badge--pistachio {
  background-color: #7CB342;
  color: #fff; }

.m-badge.m-badge--avocado {
  background-color: #C0CA33;
  color: #fff; }

.m-badge.m-badge--citron {
  background-color: #E4C441;
  color: #fff; }

.m-badge.m-badge--banana {
  background-color: #F6BF26;
  color: #fff; }

.m-badge.m-badge--sage {
  background-color: #33B679;
  color: #fff; }

.m-badge.m-badge--peacock {
  background-color: #039BE5;
  color: #fff; }

.m-badge.m-badge--cobalt {
  background-color: #4285F4;
  color: #fff; }

.m-badge.m-badge--blueberry {
  background-color: #3F51B5;
  color: #fff; }

.m-badge.m-badge--lavender {
  background-color: #7986CB;
  color: #fff; }

.m-badge.m-badge--wisteria {
  background-color: #B39DDB;
  color: #fff; }

.m-badge.m-badge--graphite {
  background-color: #616161;
  color: #fff; }

.m-badge.m-badge--birch {
  background-color: #A79B8E;
  color: #fff; }

.m-badge.m-badge--radicchio {
  background-color: #AD1457;
  color: #fff; }

.m-badge.m-badge--cherry blossom {
  background-color: #D81B60;
  color: #fff; }

.m-badge.m-badge--grape {
  background-color: #8E24AA;
  color: #fff; }

.m-badge.m-badge--amethyst {
  background-color: #9E69AF;
  color: #fff; }

.m-badge.m-badge--cocoa {
  background-color: #795548;
  color: #fff; }

.m-badge.m-badge--flamingo {
  background-color: #E67C73;
  color: #fff; }

.m-badge.m-badge--tomato {
  background-color: #D50000;
  color: #fff; }

.m-badge.m-badge--tangerine {
  background-color: #F4511E;
  color: #fff; }

.m-badge.m-badge--pumpkin {
  background-color: #EF6C00;
  color: #fff; }

.m-badge.m-badge--mango {
  background-color: #F09300;
  color: #fff; }

.m-badge.m-badge--eucalyptus {
  background-color: #009688;
  color: #fff; }

.m-badge.m-badge--basil {
  background-color: #0B8043;
  color: #fff; }

.m-badge.m-badge--pistachio {
  background-color: #7CB342;
  color: #fff; }

.m-badge.m-badge--avocado {
  background-color: #C0CA33;
  color: #fff; }

.m-badge.m-badge--citron {
  background-color: #E4C441;
  color: #fff; }

.m-badge.m-badge--banana {
  background-color: #F6BF26;
  color: #fff; }

.m-badge.m-badge--sage {
  background-color: #33B679;
  color: #fff; }

.m-badge.m-badge--peacock {
  background-color: #039BE5;
  color: #fff; }

.m-badge.m-badge--cobalt {
  background-color: #4285F4;
  color: #fff; }

.m-badge.m-badge--blueberry {
  background-color: #3F51B5;
  color: #fff; }

.m-badge.m-badge--lavender {
  background-color: #7986CB;
  color: #fff; }

.m-badge.m-badge--wisteria {
  background-color: #B39DDB;
  color: #fff; }

.m-badge.m-badge--graphite {
  background-color: #616161;
  color: #fff; }

.m-badge.m-badge--birch {
  background-color: #A79B8E;
  color: #fff; }

.m-badge.m-badge--radicchio {
  background-color: #AD1457;
  color: #fff; }

.m-badge.m-badge--cherryblossom {
  background-color: #D81B60;
  color: #fff; }

.m-badge.m-badge--grape {
  background-color: #8E24AA;
  color: #fff; }

.m-badge.m-badge--amethyst {
  background-color: #9E69AF;
  color: #fff; }

.m-radio.m-radio--state-blue1.m-radio--solid > span {
  background: #426E86;
  border: 1px solid transparent !important; }

.m-radio.m-radio--state-blue1.m-radio--solid > span:after {
  border: solid #fff;
  background: #fff; }

.m-radio.m-radio--state-blue1.m-radio--solid > input:focus ~ span {
  border: 1px solid transparent !important; }

.m-radio.m-radio--state-blue1.m-radio--solid > input:checked ~ span {
  background: #426E86; }

.m-radio.m-radio--state-blue2.m-radio--solid > span {
  background: #128277;
  border: 1px solid transparent !important; }

.m-radio.m-radio--state-blue2.m-radio--solid > span:after {
  border: solid #fff;
  background: #fff; }

.m-radio.m-radio--state-blue2.m-radio--solid > input:focus ~ span {
  border: 1px solid transparent !important; }

.m-radio.m-radio--state-blue2.m-radio--solid > input:checked ~ span {
  background: #128277; }

.m-radio.m-radio--state-green1.m-radio--solid > span {
  background: #5B7065;
  border: 1px solid transparent !important; }

.m-radio.m-radio--state-green1.m-radio--solid > span:after {
  border: solid #fff;
  background: #fff; }

.m-radio.m-radio--state-green1.m-radio--solid > input:focus ~ span {
  border: 1px solid transparent !important; }

.m-radio.m-radio--state-green1.m-radio--solid > input:checked ~ span {
  background: #5B7065; }

.m-radio.m-radio--state-green2.m-radio--solid > span {
  background: #ACBD78;
  border: 1px solid transparent !important; }

.m-radio.m-radio--state-green2.m-radio--solid > span:after {
  border: solid #fff;
  background: #fff; }

.m-radio.m-radio--state-green2.m-radio--solid > input:focus ~ span {
  border: 1px solid transparent !important; }

.m-radio.m-radio--state-green2.m-radio--solid > input:checked ~ span {
  background: #ACBD78; }

.m-radio.m-radio--state-red1.m-radio--solid > span {
  background: #D24136;
  border: 1px solid transparent !important; }

.m-radio.m-radio--state-red1.m-radio--solid > span:after {
  border: solid #fff;
  background: #fff; }

.m-radio.m-radio--state-red1.m-radio--solid > input:focus ~ span {
  border: 1px solid transparent !important; }

.m-radio.m-radio--state-red1.m-radio--solid > input:checked ~ span {
  background: #D24136; }

.m-radio.m-radio--state-red2.m-radio--solid > span {
  background: #FF6E82;
  border: 1px solid transparent !important; }

.m-radio.m-radio--state-red2.m-radio--solid > span:after {
  border: solid #fff;
  background: #fff; }

.m-radio.m-radio--state-red2.m-radio--solid > input:focus ~ span {
  border: 1px solid transparent !important; }

.m-radio.m-radio--state-red2.m-radio--solid > input:checked ~ span {
  background: #FF6E82; }

.m-radio.m-radio--state-orange1.m-radio--solid > span {
  background: #F47D4A;
  border: 1px solid transparent !important; }

.m-radio.m-radio--state-orange1.m-radio--solid > span:after {
  border: solid #fff;
  background: #fff; }

.m-radio.m-radio--state-orange1.m-radio--solid > input:focus ~ span {
  border: 1px solid transparent !important; }

.m-radio.m-radio--state-orange1.m-radio--solid > input:checked ~ span {
  background: #F47D4A; }

.m-radio.m-radio--state-orange2.m-radio--solid > span {
  background: #CD7213;
  border: 1px solid transparent !important; }

.m-radio.m-radio--state-orange2.m-radio--solid > span:after {
  border: solid #fff;
  background: #fff; }

.m-radio.m-radio--state-orange2.m-radio--solid > input:focus ~ span {
  border: 1px solid transparent !important; }

.m-radio.m-radio--state-orange2.m-radio--solid > input:checked ~ span {
  background: #CD7213; }

.m-radio.m-radio--state-purple.m-radio--solid > span {
  background: #727077;
  border: 1px solid transparent !important; }

.m-radio.m-radio--state-purple.m-radio--solid > span:after {
  border: solid #fff;
  background: #fff; }

.m-radio.m-radio--state-purple.m-radio--solid > input:focus ~ span {
  border: 1px solid transparent !important; }

.m-radio.m-radio--state-purple.m-radio--solid > input:checked ~ span {
  background: #727077; }

.m-radio.m-radio--state-yellow.m-radio--solid > span {
  background: #F0D014;
  border: 1px solid transparent !important; }

.m-radio.m-radio--state-yellow.m-radio--solid > span:after {
  border: solid #fff;
  background: #fff; }

.m-radio.m-radio--state-yellow.m-radio--solid > input:focus ~ span {
  border: 1px solid transparent !important; }

.m-radio.m-radio--state-yellow.m-radio--solid > input:checked ~ span {
  background: #F0D014; }

.fc-month-view .fc-row.fc-widget-header {
  border-right-width: 0 !important; }

.fc-state-default {
  box-shadow: none; }

.fc .fc-toolbar .fc-button:not(:first-child) {
  border-left: 1px solid #fff; }

.fc-unthemed th {
  border: 0; }

.fc td {
  font-weight: 500; }

.fc-unthemed th.fc-day-header > a, .fc-unthemed th.fc-day-header > span {
  color: #364151;
  font-weight: bold; }

.fc-ltr a.fc-timeline-event .fc-title {
  padding-left: 0; }

.fc-event .fc-details {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

#schedule_calendar .fc-body .fc-resource-area .fc-cell-content {
  padding-top: 5px;
  padding-bottom: 0;
  padding-left: 14px; }

.fc-cell-content > div {
  min-height: 70px; }

.fc-unthemed .fc-event {
  font-weight: 500; }

#schedule_calendar .fc-view-container .event-pto {
  border: 1.5px solid #CCC;
  color: #575962; }

#schedule_calendar .fc-view-container .event-pto .fc-content {
  align-items: center; }

#schedule_calendar .fc-view-container .event-pto .fc-hour-count {
  background: #575962;
  align-self: center; }

#schedule_calendar .fc-view-container .event-pto .badge-primary {
  display: inline-block;
  line-height: 1.4; }

#schedule_calendar .fc-view-container .event-pto .fc-details .badge-primary,
#schedule_calendar .fc-view-container .event-pto .fc-details .badge-roundless {
  display: inline-block;
  margin-left: 2.5em; }

#schedule_calendar .event-published {
  color: #fff; }

#schedule_calendar .event-unpublished .fc-hour-count,
#schedule_calendar .event-openshift .fc-hour-count,
#schedule_calendar .fc-view-container .event-pto .fc-hour-count {
  color: #fff; }

#schedule_calendar .event-openshift {
  color: #364151;
  border-width: 1px; }

#schedule_calendar .event-openshift .event-openshift-label {
  position: absolute;
  top: 0;
  left: 0;
  width: 5px;
  height: 100%;
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px; }

#schedule_calendar .event-openshift .fc-details {
  opacity: 0.75; }

.m-checkbox > span {
  border-radius: 2px; }

.m-checkbox > span:after {
  box-sizing: border-box; }

.fc-filter-header .m-portlet__head {
  border-bottom: 1px solid #e3e8ee; }

.fc-filter-header .m-portlet__head .col-lg-auto,
.fc-filter-header .m-portlet__head .dropdown .btn.dropdown-toggle.btn-light {
  padding: 0; }

.fc-filter-header .m-portlet__head .dropdown .btn.dropdown-toggle.btn-light {
  background: #f7fafc;
  border-color: #f7fafc; }

.fc-filter-header .bootstrap-select > .dropdown-toggle::after {
  right: 1.5em; }

@media (max-width: 1100px) {
  .fc-filter-header .m-portlet__head-caption .m-form__group label.col-form-label {
    padding-right: 0;
    padding-left: 0;
    max-width: 30px; } }

.fc-filter-header .m-portlet__head .dropdown .btn.dropdown-toggle.btn-light .filter-option {
  position: static;
  padding-left: 1em;
  padding-right: 2em;
  color: #364151;
  font-weight: bold; }

.m-portlet-alert.m-portlet-alert--warning {
  background-color: #fcf8e2; }

.m-portlet.m-portlet-alert.m-portlet-alert--warning .m-portlet__head .m-portlet__head-text,
.m-portlet.m-portlet-alert.m-portlet-alert--warning .m-portlet__body {
  color: #665154; }

.badge-pto {
  padding: 0;
  margin: 5px;
  min-height: 8px;
  min-width: 8px;
  width: 8px; }

.resource_hours {
  margin-bottom: .1em;
  font-size: 0.857em;
  font-weight: 500; }

.resource_pto_hours_duration {
  margin-bottom: 0;
  font-size: 12px;
  color: #a3a5ad;
  font-weight: normal; }

#schedule_calendar .fc-header-toolbar {
  margin-bottom: 0.5em; }

.ui-sortable > * {
  cursor: -webkit-grab;
  cursor: grab; }

.ui-sortable-helper .fc-widget-content {
  cursor: -webkit-grabbing;
  cursor: grabbing;
  background-color: #eff8ff !important;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.46); }

.fc-ltr .fc-body .fc-time-area .fc-following:before, .fc-ltr .fc-timeline-event.fc-not-start .fc-title:before {
  display: none !important; }

@media print {
  .fc-widget-content {
    background: none !important; }
  .fc th, .fc td, .fc hr, .fc thead, .fc tbody, .fc-row {
    border-width: 3px; }
  #schedule_calendar .fc-view-container .fc-event.event-published {
    border: 1px solid !important; }
  .schedule-block #schedule_calendar .fc-month-view .fc-body .fc-widget-content .fc-scroller {
    height: auto !important; }
  #schedule_calendar .fc-title.fc-following {
    visibility: hidden !important; }
  #schedule_calendar .fc-timeline-event .fc-title {
    visibility: visible !important;
    left: 0 !important; }
  .m-grid__item--fluid {
    padding-top: 0 !important; }
  .m-header--fixed .m-body {
    padding: 0 !important; }
  .schedule-menu-controls {
    display: none !important; }
  .fc-left,
  .fc-right,
  .fc-clear {
    display: none !important; }
  .fc-month-view .fc-day-grid .fc-row {
    break-before: avoid;
    break-inside: avoid;
    break-after: avoid; }
  .fc-month-view .fc-day-grid .fc-event-container {
    break-before: avoid; } }

@media (max-width: 1300px) {
  #schedule_calendar .fc-view-container .fc-event {
    padding: 4px; } }

@media (max-width: 1025px) {
  #schedule_calendar {
    position: relative; }
    #schedule_calendar .fc-view-container thead.fc-head td:first-child {
      width: 180px !important; }
  .availability-block #schedule_calendar {
    margin-top: 50px; }
  .availability-block .availability-label-wrap {
    position: absolute;
    top: -45px;
    left: 0;
    right: 0;
    width: 100%;
    margin: 0; } }

@media screen and (max-width: 768px) {
  .modal-open {
    overflow: hidden !important;
    position: fixed; }
  .calendar-sync-modal {
    width: 95% !important; }
    .calendar-sync-modal .modal-cal-sync-content {
      margin: 0; }
  .schedule-block .filter-item,
  .availability-block .filter-item {
    margin-bottom: 5px; }
  .schedule-block .modal .modal-body,
  .availability-block .modal .modal-body {
    max-height: 70vh;
    overflow-y: auto; }
  .schedule-block .schedule-additional-controls {
    display: flex !important;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-between; }
  .schedule-block .toggle-header-btn {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex: 1 0 48%; }
    .schedule-block .toggle-header-btn__caption {
      display: block; }
  .schedule-block .schedule-options {
    flex: 1 0 48%;
    margin-right: 10px; }
    .schedule-block .schedule-options .dropdown-toggle {
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding-right: 20px; }
    .schedule-block .schedule-options .dropdown-menu {
      width: 100%; }
  .schedule-block .publish-shifts-button, .schedule-block .send-schedule-button {
    flex: 1 0 100%;
    order: 1;
    width: 100%;
    margin-top: 10px;
    z-index: 100; }
  .schedule-block #publishShiftsButton-sticky-wrapper {
    flex: 1 0 100%;
    order: 1;
    width: 100%;
    z-index: 100;
    margin-bottom: 5px;
    position: relative; }
  .schedule-block #manageTemplatesModal .modal-dialog,
  .schedule-block #applyTemplateModal .modal-dialog {
    max-width: 95% !important; }
  .availability-block .availability-additional-controls {
    display: flex !important;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-between; }
  .availability-block .toggle-header-btn {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex: 1 0 48%; }
    .availability-block .toggle-header-btn__caption {
      display: block; }
  .availability-block #schedule_calendar {
    margin-top: 50px; }
  .availability-block .availability-label-wrap {
    margin-left: -9%; }
  .availability-block .availability-options {
    flex: 1 0 48%;
    margin-right: 10px; }
    .availability-block .availability-options .dropdown-toggle {
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding-right: 20px; }
    .availability-block .availability-options .dropdown-menu {
      width: 100%; }
  .availability-block .modal .timepicker-field {
    display: inline-flex;
    max-width: 75px; }
    .availability-block .modal .timepicker-field .form-control {
      padding-left: 10px;
      padding-right: 10px; }
  .m-portlet__body.schedule_calendar_portlet {
    padding-left: 0 !important;
    padding-right: 0 !important; }
  #schedule_calendar .fc-view-container thead.fc-head td:first-child {
    width: 155px !important; }
  #schedule_calendar .fc-view-container .fc-resource-area td:empty {
    padding: 0 !important; }
  #schedule_calendar .fc-body .fc-resource-area .fc-cell-content {
    padding-left: 0; }
  #schedule_calendar .fc-timeline td .resourceTitle {
    white-space: normal;
    hyphens: auto; }
  #schedule_calendar .fc-view-container .fc-timeline .fc-body .fc-scroller {
    height: 100vh !important; }
  #schedule_calendar {
    position: relative; }
    #schedule_calendar .fc-left .fc-button-group {
      display: flex;
      justify-content: space-between;
      margin: 0 15px 0 80px;
      overflow: hidden;
      background: #E3E8EE;
      border-radius: 4px; }
      #schedule_calendar .fc-left .fc-button-group .fc-button {
        position: relative;
        z-index: 10; }
      #schedule_calendar .fc-left .fc-button-group .fc-corner-left {
        border-right: 1px solid #fff; }
      #schedule_calendar .fc-left .fc-button-group .fc-corner-right {
        border-left: 1px solid #fff; }
    #schedule_calendar .fc-left .fc-today-button {
      position: absolute;
      left: 5px;
      top: 0; }
    #schedule_calendar .fc-center {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      margin-left: 16%; }
    #schedule_calendar .fc-right {
      display: flex;
      justify-content: space-between;
      margin: 0 15px; }
      #schedule_calendar .fc-right .fc-button {
        width: 100%; }
  .bootstrap-select .dropdown-menu.inner > li > a .text {
    white-space: normal; }
  .bootstrap-timepicker-minute {
    padding: 0 !important; } }

@media screen and (max-height: 500px) {
  .schedule-block #schedule_calendar .fc-timelineDay-view .fc-body .fc-scroller-clip .fc-scroller,
  .schedule-block #schedule_calendar .fc-timelineWeek-view .fc-body .fc-scroller-clip .fc-scroller,
  .availability-block #schedule_calendar .fc-timelineDay-view .fc-body .fc-scroller-clip .fc-scroller,
  .availability-block #schedule_calendar .fc-timelineWeek-view .fc-body .fc-scroller-clip .fc-scroller {
    height: 100vh !important;
    min-height: 400px; }
  .schedule-block #schedule_calendar .fc-month-view .fc-body .fc-widget-content .fc-scroller,
  .availability-block #schedule_calendar .fc-month-view .fc-body .fc-widget-content .fc-scroller {
    height: 100vh !important;
    min-height: 400px; } }

.recurrence-type-wrapper {
  max-width: 165px; }
  .recurrence-type-wrapper.small {
    max-width: 120px; }
  .recurrence-type-wrapper.big {
    min-width: 332px;
    max-width: 332px; }
  .recurrence-type-wrapper .dropdown-toggle {
    padding-left: 10px;
    padding-right: 15px; }
  .recurrence-type-wrapper .filter-option {
    padding-left: 10px; }

.schedule-days-block {
  display: flex;
  align-items: center;
  margin-left: 10px;
  padding-right: 15px; }
  .schedule-days-block.fixed {
    position: relative; }
  .schedule-days-block .schedule-day {
    width: 22px;
    height: 22px;
    margin-right: 6px;
    margin-bottom: 0; }
    .schedule-days-block .schedule-day:last-child {
      margin-right: 0; }
    .schedule-days-block .schedule-day input {
      display: none;
      position: relative;
      z-index: -9999; }
    .schedule-days-block .schedule-day .schedule-day__caption {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 22px;
      height: 22px;
      border-radius: 24px;
      color: #80868b;
      background-color: #f1f3f4;
      font-size: 10px;
      cursor: pointer; }
    .schedule-days-block .schedule-day input:checked + .schedule-day__caption {
      color: white;
      background-color: #1a73e8; }
    .schedule-days-block .schedule-day input:disabled + .schedule-day__caption {
      color: white;
      background-color: #D1E3FA;
      cursor: default; }

.customTypeField.col-count {
  max-width: 72px;
  padding-right: 0; }

.customTypeField.col-type {
  max-width: 135px; }

/* ---------------------------------------------------------------------------
   Geofence Create/Edit (Metronic 9)

   Page-specific layout for ~/Views/Geofence/CreateOrEdit.cshtml. Scoped under
   `.create-or-edit-geofences-page` (class added by the view's jQuery ready
   handler) so nothing here leaks into other views.
   -------------------------------------------------------------------------- */
.create-or-edit-geofences-page {
  /* Prevent grid children from forcing horizontal overflow onto the
       neighbouring column at medium widths. */
  /* Keep the two selection tables stacked until the viewport is wide enough
       to render both side-by-side without the radio columns overlapping.
       Tailwind's xl breakpoint (1280px) is too tight; 1400px gives each grid
       cell ~670px, enough for the 180px name column plus the four radio cols.

       Each column holds three rows (Active spacer, section heading, table).
       Using `subgrid` on the columns lets row heights be decided across the
       whole grid, so the Employees heading wrapping to two lines doesn't push
       its table below the Groups table. */
  /* The Groups spacer only exists to align the two headings when the tables
       sit side-by-side; when the grid stacks to a single column, hide it so
       the Groups section doesn't start with an empty row. */ }
  .create-or-edit-geofences-page .table-titles-col {
    color: #575962; }
  .create-or-edit-geofences-page .grid > div {
    min-width: 0; }
  @media (min-width: 1400px) {
    .create-or-edit-geofences-page .geofence-assign-grid {
      grid-template-columns: repeat(2, minmax(0, 1fr));
      grid-template-rows: auto auto 1fr; }
      .create-or-edit-geofences-page .geofence-assign-grid > div {
        display: grid;
        grid-template-rows: subgrid;
        grid-row: span 3;
        /* Subgrid row 3 stretches to max(Employees table, Groups
                   table). Anchor each child to the top of its row so the
                   shorter Groups table doesn't get pulled down and its rows
                   don't grow gaps. */ }
        .create-or-edit-geofences-page .geofence-assign-grid > div > * {
          align-self: start; } }
  .create-or-edit-geofences-page .geofence-groups-spacer {
    display: none; }
    @media (min-width: 1400px) {
      .create-or-edit-geofences-page .geofence-groups-spacer {
        display: block; } }
  .create-or-edit-geofences-page .geofence-assign-table {
    /* Keep the employee/group name column wide enough to render names on a
           single line, matching QA1. */
    /* Remaining columns share the remaining space evenly. */
    /* Keep both tables' section/control header rows visually sticky as the
           user scrolls through long employee/group lists. */ }
    .create-or-edit-geofences-page .geofence-assign-table tbody td.manager-name-col,
    .create-or-edit-geofences-page .geofence-assign-table thead th.manager-name-col,
    .create-or-edit-geofences-page .geofence-assign-table thead th:first-child {
      min-width: 180px;
      white-space: nowrap; }
    .create-or-edit-geofences-page .geofence-assign-table tbody td.tb-col,
    .create-or-edit-geofences-page .geofence-assign-table thead th.tb-col {
      width: 1%;
      white-space: nowrap; }
    .create-or-edit-geofences-page .geofence-assign-table thead .table-titles th,
    .create-or-edit-geofences-page .geofence-assign-table thead .table-controls th {
      position: sticky;
      z-index: 2;
      background-color: var(--background); }
    .create-or-edit-geofences-page .geofence-assign-table thead .table-titles th {
      top: var(--sticky-offset, 107px); }
    .create-or-edit-geofences-page .geofence-assign-table thead .table-controls th {
      top: calc(var(--sticky-offset, 107px) + 2.25rem); }

[v-cloak] {
  display: none; }

.pin-field {
  display: flex;
  gap: 0.825rem;
  justify-content: center; }
  .pin-field .pin-field__item {
    border: 1.05px solid #E4E4E7;
    border-radius: .4rem;
    width: 52.71px;
    height: 52.71px;
    max-height: 50px;
    position: relative; }
    .pin-field .pin-field__item:before {
      content: '';
      position: absolute;
      top: calc(50% - 4.21px);
      left: calc(50% - 4.21px);
      width: 8.43px;
      height: 8.43px;
      border-radius: 10px;
      background: #E4E4E7; }
    .pin-field .pin-field__item.active:before {
      background: #8c8c8f; }
    .pin-field .pin-field__item:last-child {
      margin-right: 0; }

.keyboard .keyboard__row {
  display: flex;
  gap: 0.916rem;
  justify-content: center;
  margin-bottom: 0.916rem; }

.keyboard .keyboard__key {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 59.815px;
  height: 59.815px;
  border-radius: 100%;
  font-size: 1.113rem;
  background-color: #e4e4e74b;
  color: #858585;
  cursor: pointer; }
  .keyboard .keyboard__key.hidden {
    cursor: default;
    background: transparent; }
    .keyboard .keyboard__key.hidden:active {
      background: transparent; }
  .keyboard .keyboard__key:active {
    background-color: #e4e4e77a; }
  .keyboard .keyboard__key.keyboard__key--border {
    border: 1px solid #A0A0A0;
    border-radius: 25px;
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.5); }

.keyboard .keyboard__cross {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 59.815px;
  height: 59.815px;
  cursor: pointer; }

.keyboard .keyboard__icon {
  font-size: 1.5rem;
  color: #858585; }