/*!*******************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/css/style.css ***!
  \*******************************************************************************************************************************************/
  /* @import url(https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap); */
  @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');

  /*!***************************************************************************************************************************************************************************!*\
    !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/jsvectormap/dist/css/jsvectormap.css ***!
    \***************************************************************************************************************************************************************************/
  svg {
    -ms-touch-action: none;
        touch-action: none;
  }
  .mi-modal-qr {
  height: 400px; /* Ajusta a lo que necesites */
}
  
  image, text, .jvm-zoomin, .jvm-zoomout {
    -webkit-user-select: none;
            -moz-user-select: none;
             -ms-user-select: none;
         user-select: none;
  }
  
  .jvm-container {
    -ms-touch-action: none;
        touch-action: none;
    position: relative;
    overflow: hidden;
    height: 100%;
    width: 100%;
  }
  
  .jvm-tooltip {
    border-radius: 3px;
    background-color: #5c5cff;
    font-family: sans-serif, Verdana;
    font-size: smaller;
    -webkit-box-shadow: 1px 2px 12px rgba(0, 0, 0, 0.2);
            box-shadow: 1px 2px 12px rgba(0, 0, 0, 0.2);
    padding: 3px 5px;
    white-space: nowrap;
    position: absolute;
    display: none;
    color: #FFF;
  }
  
  .jvm-tooltip.active {
    display: block;
  }
  
  .jvm-zoom-btn {
    border-radius: 3px;
    background-color: #292929;
    padding: 3px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    position: absolute;
    line-height: 10px;
    cursor: pointer;
    color: #FFF;
    height: 15px;
    width: 15px;
    left: 10px;
  }
  
  .jvm-zoom-btn.jvm-zoomout {
    top: 30px;
  }
  
  .jvm-zoom-btn.jvm-zoomin {
    top: 10px;
  }
  
  .jvm-series-container {
    right: 15px;
    position: absolute;
  }
  
  .jvm-series-container.jvm-series-h {
    bottom: 15px;
  }
  
  .jvm-series-container.jvm-series-v {
    top: 15px;
  }
  
  .jvm-series-container .jvm-legend {
    background-color: #FFF;
    border: 1px solid #e5e7eb;
    margin-left: 0.75rem;
    border-radius: 0.25rem;
    border-color: #e5e7eb;
    padding: 0.6rem;
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
            box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    float: left;
  }
  
  .jvm-series-container .jvm-legend .jvm-legend-title {
    line-height: 1;
    border-bottom: 1px solid #e5e7eb;
    padding-bottom: 0.5rem;
    margin-bottom: 0.575rem;
    text-align: left;
  }
  
  .jvm-series-container .jvm-legend .jvm-legend-inner {
    overflow: hidden;
  }
  
  .jvm-series-container .jvm-legend .jvm-legend-inner .jvm-legend-tick {
    overflow: hidden;
    min-width: 40px;
  }
  
  .jvm-series-container .jvm-legend .jvm-legend-inner .jvm-legend-tick:not(:first-child) {
    margin-top: 0.575rem;
  }
  
  .jvm-series-container .jvm-legend .jvm-legend-inner .jvm-legend-tick .jvm-legend-tick-sample {
    border-radius: 4px;
    margin-right: .65rem;
    height: 16px;
    width: 16px;
    float: left;
  }
  
  .jvm-series-container .jvm-legend .jvm-legend-inner .jvm-legend-tick .jvm-legend-tick-text {
    font-size: 12px;
    text-align: center;
    float: left;
  }
  
  .jvm-line[animation="true"] {
    -webkit-animation: jvm-line-animation 10s linear forwards infinite;
            animation: jvm-line-animation 10s linear forwards infinite;
  }
  
  @-webkit-keyframes jvm-line-animation {
    from {
      stroke-dashoffset: 250;
    }
  }
  
  @keyframes jvm-line-animation {
    from {
      stroke-dashoffset: 250;
    }
  }
  
  /*!***********************************************************************************************************************************************************************!*\
    !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/flatpickr/dist/flatpickr.min.css ***!
    \***********************************************************************************************************************************************************************/
  .flatpickr-calendar{background:transparent;opacity:0;display:none;text-align:center;visibility:hidden;padding:0;-webkit-animation:none;animation:none;direction:ltr;border:0;font-size:14px;line-height:24px;border-radius:5px;position:absolute;width:307.875px;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-touch-action:manipulation;touch-action:manipulation;background:#fff;-webkit-box-shadow:1px 0 0 #e6e6e6,-1px 0 0 #e6e6e6,0 1px 0 #e6e6e6,0 -1px 0 #e6e6e6,0 3px 13px rgba(0,0,0,0.08);box-shadow:1px 0 0 #e6e6e6,-1px 0 0 #e6e6e6,0 1px 0 #e6e6e6,0 -1px 0 #e6e6e6,0 3px 13px rgba(0,0,0,0.08)}.flatpickr-calendar.open,.flatpickr-calendar.inline{opacity:1;max-height:640px;visibility:visible}.flatpickr-calendar.open{display:inline-block;z-index:99999}.flatpickr-calendar.animate.open{-webkit-animation:fpFadeInDown 300ms cubic-bezier(.23,1,.32,1);animation:fpFadeInDown 300ms cubic-bezier(.23,1,.32,1)}.flatpickr-calendar.inline{display:block;position:relative;top:2px}.flatpickr-calendar.static{position:absolute;top:calc(100% + 2px)}.flatpickr-calendar.static.open{z-index:999;display:block}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7){-webkit-box-shadow:none !important;box-shadow:none !important}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1){-webkit-box-shadow:-2px 0 0 #e6e6e6,5px 0 0 #e6e6e6;box-shadow:-2px 0 0 #e6e6e6,5px 0 0 #e6e6e6}.flatpickr-calendar .hasWeeks .dayContainer,.flatpickr-calendar .hasTime .dayContainer{border-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0}.flatpickr-calendar .hasWeeks .dayContainer{border-left:0}.flatpickr-calendar.hasTime .flatpickr-time{height:40px;border-top:1px solid #e6e6e6}.flatpickr-calendar.noCalendar.hasTime .flatpickr-time{height:auto}.flatpickr-calendar:before,.flatpickr-calendar:after{position:absolute;display:block;pointer-events:none;border:solid transparent;content:'';height:0;width:0;left:22px}.flatpickr-calendar.rightMost:before,.flatpickr-calendar.arrowRight:before,.flatpickr-calendar.rightMost:after,.flatpickr-calendar.arrowRight:after{left:auto;right:22px}.flatpickr-calendar.arrowCenter:before,.flatpickr-calendar.arrowCenter:after{left:50%;right:50%}.flatpickr-calendar:before{border-width:5px;margin:0 -5px}.flatpickr-calendar:after{border-width:4px;margin:0 -4px}.flatpickr-calendar.arrowTop:before,.flatpickr-calendar.arrowTop:after{bottom:100%}.flatpickr-calendar.arrowTop:before{border-bottom-color:#e6e6e6}.flatpickr-calendar.arrowTop:after{border-bottom-color:#fff}.flatpickr-calendar.arrowBottom:before,.flatpickr-calendar.arrowBottom:after{top:100%}.flatpickr-calendar.arrowBottom:before{border-top-color:#e6e6e6}.flatpickr-calendar.arrowBottom:after{border-top-color:#fff}.flatpickr-calendar:focus{outline:0}.flatpickr-wrapper{position:relative;display:inline-block}.flatpickr-months{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex}.flatpickr-months .flatpickr-month{background:transparent;color:rgba(0,0,0,0.9);fill:rgba(0,0,0,0.9);height:34px;line-height:1;text-align:center;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:hidden;-webkit-box-flex:1;-ms-flex:1;flex:1}.flatpickr-months .flatpickr-prev-month,.flatpickr-months .flatpickr-next-month{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-decoration:none;cursor:pointer;position:absolute;top:0;height:34px;padding:10px;z-index:3;color:rgba(0,0,0,0.9);fill:rgba(0,0,0,0.9)}.flatpickr-months .flatpickr-prev-month.flatpickr-disabled,.flatpickr-months .flatpickr-next-month.flatpickr-disabled{display:none}.flatpickr-months .flatpickr-prev-month i,.flatpickr-months .flatpickr-next-month i{position:relative}.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,.flatpickr-months .flatpickr-next-month.flatpickr-prev-month{/*
        /*rtl:begin:ignore*/left:0/*
        /*rtl:end:ignore*/}/*
        /*rtl:begin:ignore*/
  /*
        /*rtl:end:ignore*/
  .flatpickr-months .flatpickr-prev-month.flatpickr-next-month,.flatpickr-months .flatpickr-next-month.flatpickr-next-month{/*
        /*rtl:begin:ignore*/right:0/*
        /*rtl:end:ignore*/}/*
        /*rtl:begin:ignore*/
  /*
        /*rtl:end:ignore*/
  .flatpickr-months .flatpickr-prev-month:hover,.flatpickr-months .flatpickr-next-month:hover{color:#959ea9}.flatpickr-months .flatpickr-prev-month:hover svg,.flatpickr-months .flatpickr-next-month:hover svg{fill:#f64747}.flatpickr-months .flatpickr-prev-month svg,.flatpickr-months .flatpickr-next-month svg{width:14px;height:14px}.flatpickr-months .flatpickr-prev-month svg path,.flatpickr-months .flatpickr-next-month svg path{-webkit-transition:fill .1s;transition:fill .1s;fill:inherit}.numInputWrapper{position:relative;height:auto}.numInputWrapper input,.numInputWrapper span{display:inline-block}.numInputWrapper input{width:100%}.numInputWrapper input::-ms-clear{display:none}.numInputWrapper input::-webkit-outer-spin-button,.numInputWrapper input::-webkit-inner-spin-button{margin:0;-webkit-appearance:none}.numInputWrapper span{position:absolute;right:0;width:14px;padding:0 4px 0 2px;height:50%;line-height:50%;opacity:0;cursor:pointer;border:1px solid rgba(57,57,57,0.15);-webkit-box-sizing:border-box;box-sizing:border-box}.numInputWrapper span:hover{background:rgba(0,0,0,0.1)}.numInputWrapper span:active{background:rgba(0,0,0,0.2)}.numInputWrapper span:after{display:block;content:"";position:absolute}.numInputWrapper span.arrowUp{top:0;border-bottom:0}.numInputWrapper span.arrowUp:after{border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:4px solid rgba(57,57,57,0.6);top:26%}.numInputWrapper span.arrowDown{top:50%}.numInputWrapper span.arrowDown:after{border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid rgba(57,57,57,0.6);top:40%}.numInputWrapper span svg{width:inherit;height:auto}.numInputWrapper span svg path{fill:rgba(0,0,0,0.5)}.numInputWrapper:hover{background:rgba(0,0,0,0.05)}.numInputWrapper:hover span{opacity:1}.flatpickr-current-month{font-size:135%;line-height:inherit;font-weight:300;color:inherit;position:absolute;width:75%;left:12.5%;padding:7.48px 0 0 0;line-height:1;height:34px;display:inline-block;text-align:center;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.flatpickr-current-month span.cur-month{font-family:inherit;font-weight:700;color:inherit;display:inline-block;margin-left:.5ch;padding:0}.flatpickr-current-month span.cur-month:hover{background:rgba(0,0,0,0.05)}.flatpickr-current-month .numInputWrapper{width:6ch;width:7ch\0;display:inline-block}.flatpickr-current-month .numInputWrapper span.arrowUp:after{border-bottom-color:rgba(0,0,0,0.9)}.flatpickr-current-month .numInputWrapper span.arrowDown:after{border-top-color:rgba(0,0,0,0.9)}.flatpickr-current-month input.cur-year{background:transparent;-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;cursor:text;padding:0 0 0 .5ch;margin:0;display:inline-block;font-size:inherit;font-family:inherit;font-weight:300;line-height:inherit;height:auto;border:0;border-radius:0;vertical-align:initial;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.flatpickr-current-month input.cur-year:focus{outline:0}.flatpickr-current-month input.cur-year[disabled],.flatpickr-current-month input.cur-year[disabled]:hover{font-size:100%;color:rgba(0,0,0,0.5);background:transparent;pointer-events:none}.flatpickr-current-month .flatpickr-monthDropdown-months{appearance:menulist;background:transparent;border:none;border-radius:0;box-sizing:border-box;color:inherit;cursor:pointer;font-size:inherit;font-family:inherit;font-weight:300;height:auto;line-height:inherit;margin:-1px 0 0 0;outline:none;padding:0 0 0 .5ch;position:relative;vertical-align:initial;-webkit-box-sizing:border-box;-webkit-appearance:menulist;-moz-appearance:menulist;width:auto}.flatpickr-current-month .flatpickr-monthDropdown-months:focus,.flatpickr-current-month .flatpickr-monthDropdown-months:active{outline:none}.flatpickr-current-month .flatpickr-monthDropdown-months:hover{background:rgba(0,0,0,0.05)}.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month{background-color:transparent;outline:none;padding:0}.flatpickr-weekdays{background:transparent;text-align:center;overflow:hidden;width:100%;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:28px}.flatpickr-weekdays .flatpickr-weekdaycontainer{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1}span.flatpickr-weekday{cursor:default;font-size:90%;background:transparent;color:rgba(0,0,0,0.54);line-height:1;margin:0;text-align:center;display:block;-webkit-box-flex:1;-ms-flex:1;flex:1;font-weight:bolder}.dayContainer,.flatpickr-weeks{padding:1px 0 0 0}.flatpickr-days{position:relative;overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;width:307.875px}.flatpickr-days:focus{outline:0}.dayContainer{padding:0;outline:0;text-align:left;width:307.875px;min-width:307.875px;max-width:307.875px;-webkit-box-sizing:border-box;box-sizing:border-box;display:inline-block;display:-ms-flexbox;display:-webkit-box;display:-webkit-flex;display:flex;flex-wrap:wrap;-ms-flex-wrap:wrap;-ms-flex-pack:justify;justify-content:space-around;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}.dayContainer + .dayContainer{-webkit-box-shadow:-1px 0 0 #e6e6e6;box-shadow:-1px 0 0 #e6e6e6}.flatpickr-day{background:none;border:1px solid transparent;border-radius:150px;-webkit-box-sizing:border-box;box-sizing:border-box;color:#393939;cursor:pointer;font-weight:400;width:14.2857143%;-ms-flex-preferred-size:14.2857143%;flex-basis:14.2857143%;max-width:39px;height:39px;line-height:39px;margin:0;display:inline-block;position:relative;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center}.flatpickr-day.inRange,.flatpickr-day.prevMonthDay.inRange,.flatpickr-day.nextMonthDay.inRange,.flatpickr-day.today.inRange,.flatpickr-day.prevMonthDay.today.inRange,.flatpickr-day.nextMonthDay.today.inRange,.flatpickr-day:hover,.flatpickr-day.prevMonthDay:hover,.flatpickr-day.nextMonthDay:hover,.flatpickr-day:focus,.flatpickr-day.prevMonthDay:focus,.flatpickr-day.nextMonthDay:focus{cursor:pointer;outline:0;background:#e6e6e6;border-color:#e6e6e6}.flatpickr-day.today{border-color:#959ea9}.flatpickr-day.today:hover,.flatpickr-day.today:focus{border-color:#959ea9;background:#959ea9;color:#fff}.flatpickr-day.selected,.flatpickr-day.startRange,.flatpickr-day.endRange,.flatpickr-day.selected.inRange,.flatpickr-day.startRange.inRange,.flatpickr-day.endRange.inRange,.flatpickr-day.selected:focus,.flatpickr-day.startRange:focus,.flatpickr-day.endRange:focus,.flatpickr-day.selected:hover,.flatpickr-day.startRange:hover,.flatpickr-day.endRange:hover,.flatpickr-day.selected.prevMonthDay,.flatpickr-day.startRange.prevMonthDay,.flatpickr-day.endRange.prevMonthDay,.flatpickr-day.selected.nextMonthDay,.flatpickr-day.startRange.nextMonthDay,.flatpickr-day.endRange.nextMonthDay{background:#569ff7;-webkit-box-shadow:none;box-shadow:none;color:#fff;border-color:#569ff7}.flatpickr-day.selected.startRange,.flatpickr-day.startRange.startRange,.flatpickr-day.endRange.startRange{border-radius:50px 0 0 50px}.flatpickr-day.selected.endRange,.flatpickr-day.startRange.endRange,.flatpickr-day.endRange.endRange{border-radius:0 50px 50px 0}.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)),.flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)),.flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)){-webkit-box-shadow:-10px 0 0 #569ff7;box-shadow:-10px 0 0 #569ff7}.flatpickr-day.selected.startRange.endRange,.flatpickr-day.startRange.startRange.endRange,.flatpickr-day.endRange.startRange.endRange{border-radius:50px}.flatpickr-day.inRange{border-radius:0;-webkit-box-shadow:-5px 0 0 #e6e6e6,5px 0 0 #e6e6e6;box-shadow:-5px 0 0 #e6e6e6,5px 0 0 #e6e6e6}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover,.flatpickr-day.prevMonthDay,.flatpickr-day.nextMonthDay,.flatpickr-day.notAllowed,.flatpickr-day.notAllowed.prevMonthDay,.flatpickr-day.notAllowed.nextMonthDay{color:rgba(57,57,57,0.3);background:transparent;border-color:transparent;cursor:default}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover{cursor:not-allowed;color:rgba(57,57,57,0.1)}.flatpickr-day.week.selected{border-radius:0;-webkit-box-shadow:-5px 0 0 #569ff7,5px 0 0 #569ff7;box-shadow:-5px 0 0 #569ff7,5px 0 0 #569ff7}.flatpickr-day.hidden{visibility:hidden}.rangeMode .flatpickr-day{margin-top:1px}.flatpickr-weekwrapper{float:left}.flatpickr-weekwrapper .flatpickr-weeks{padding:0 12px;-webkit-box-shadow:1px 0 0 #e6e6e6;box-shadow:1px 0 0 #e6e6e6}.flatpickr-weekwrapper .flatpickr-weekday{float:none;width:100%;line-height:28px}.flatpickr-weekwrapper span.flatpickr-day,.flatpickr-weekwrapper span.flatpickr-day:hover{display:block;width:100%;max-width:none;color:rgba(57,57,57,0.3);background:transparent;cursor:default;border:none}.flatpickr-innerContainer{display:block;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden}.flatpickr-rContainer{display:inline-block;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}.flatpickr-time{text-align:center;outline:0;display:block;height:0;line-height:40px;max-height:40px;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex}.flatpickr-time:after{content:"";display:table;clear:both}.flatpickr-time .numInputWrapper{-webkit-box-flex:1;-ms-flex:1;flex:1;width:40%;height:40px;float:left}.flatpickr-time .numInputWrapper span.arrowUp:after{border-bottom-color:#393939}.flatpickr-time .numInputWrapper span.arrowDown:after{border-top-color:#393939}.flatpickr-time.hasSeconds .numInputWrapper{width:26%}.flatpickr-time.time24hr .numInputWrapper{width:49%}.flatpickr-time input{background:transparent;-webkit-box-shadow:none;box-shadow:none;border:0;border-radius:0;text-align:center;margin:0;padding:0;height:inherit;line-height:inherit;color:#393939;font-size:14px;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.flatpickr-time input.flatpickr-hour{font-weight:bold}.flatpickr-time input.flatpickr-minute,.flatpickr-time input.flatpickr-second{font-weight:400}.flatpickr-time input:focus{outline:0;border:0}.flatpickr-time .flatpickr-time-separator,.flatpickr-time .flatpickr-am-pm{height:inherit;float:left;line-height:inherit;color:#393939;font-weight:bold;width:2%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-align-self:center;-ms-flex-item-align:center;align-self:center}.flatpickr-time .flatpickr-am-pm{outline:0;width:18%;cursor:pointer;text-align:center;font-weight:400}.flatpickr-time input:hover,.flatpickr-time .flatpickr-am-pm:hover,.flatpickr-time input:focus,.flatpickr-time .flatpickr-am-pm:focus{background:#eee}.flatpickr-input[readonly]{cursor:pointer}@-webkit-keyframes fpFadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes fpFadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}
  /*!*********************************************************************************************************************************************!*\
    !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/css/satoshi.css ***!
    \*********************************************************************************************************************************************/
  /**
   * @license
   *
   * Font Family: Satoshi
   * Designed by: Deni Anggara
   * URL: https://www.fontshare.com/fonts/satoshi
   * © 2023 Indian Type Foundry
   *
   * Font Styles:
   * Satoshi Light
   * Satoshi Light Italic
   * Satoshi Regular
   * Satoshi Italic
   * Satoshi Medium
   * Satoshi Medium Italic
   * Satoshi Bold
   * Satoshi Bold Italic
   * Satoshi Black
   * Satoshi Black Italic
   *
  */
  
  /* @font-face {
    font-family: "Satoshi";
    src: url(src/fonts/Satoshi-Light.woff2) format("woff2"),
      url(src/fonts/Satoshi-Light.woff) format("woff"),
      url(src/fonts/Satoshi-Light.ttf) format("truetype");
    font-weight: 300;
    font-display: swap;
    font-style: normal;
  }
  
  @font-face {
    font-family: "Satoshi";
    src: url(src/fonts/Satoshi-LightItalic.woff2) format("woff2"),
      url(src/fonts/Satoshi-LightItalic.woff) format("woff"),
      url(src/fonts/Satoshi-LightItalic.ttf) format("truetype");
    font-weight: 300;
    font-display: swap;
    font-style: italic;
  }
  
  @font-face {
    font-family: "Satoshi";
    src: url(src/fonts/Satoshi-Regular.woff2) format("woff2"),
      url(src/fonts/Satoshi-Regular.woff) format("woff"),
      url(src/fonts/Satoshi-Regular.ttf) format("truetype");
    font-weight: 400;
    font-display: swap;
    font-style: normal;
  }
  
  @font-face {
    font-family: "Satoshi";
    src: url(src/fonts/Satoshi-Italic.woff2) format("woff2"),
      url(src/fonts/Satoshi-Italic.woff) format("woff"),
      url(src/fonts/Satoshi-Italic.ttf) format("truetype");
    font-weight: 400;
    font-display: swap;
    font-style: italic;
  }
  
  @font-face {
    font-family: "Satoshi";
    src: url(src/fonts/Satoshi-Medium.woff2) format("woff2"),
      url(src/fonts/Satoshi-Medium.woff) format("woff"),
      url(src/fonts/Satoshi-Medium.ttf) format("truetype");
    font-weight: 500;
    font-display: swap;
    font-style: normal;
  }
  
  @font-face {
    font-family: "Satoshi";
    src: url(src/fonts/Satoshi-MediumItalic.woff2) format("woff2"),
      url(src/fonts/Satoshi-MediumItalic.woff) format("woff"),
      url(src/fonts/Satoshi-MediumItalic.ttf) format("truetype");
    font-weight: 500;
    font-display: swap;
    font-style: italic;
  }
  
  @font-face {
    font-family: "Satoshi";
    src: url(src/fonts/Satoshi-Bold.woff2) format("woff2"),
      url(src/fonts/Satoshi-Bold.woff) format("woff"),
      url(src/fonts/Satoshi-Bold.ttf) format("truetype");
    font-weight: 700;
    font-display: swap;
    font-style: normal;
  }
  
  @font-face {
    font-family: "Satoshi";
    src: url(src/fonts/Satoshi-BoldItalic.woff2) format("woff2"),
      url(src/fonts/Satoshi-BoldItalic.woff) format("woff"),
      url(src/fonts/Satoshi-BoldItalic.ttf) format("truetype");
    font-weight: 700;
    font-display: swap;
    font-style: italic;
  }
  
  @font-face {
    font-family: "Satoshi";
    src: url(src/fonts/Satoshi-Black.woff2) format("woff2"),
      url(src/fonts/Satoshi-Black.woff) format("woff"),
      url(src/fonts/Satoshi-Black.ttf) format("truetype");
    font-weight: 900;
    font-display: swap;
    font-style: normal;
  }
  
  @font-face {
    font-family: "Satoshi";
    src: url(src/fonts/Satoshi-BlackItalic.woff2) format("woff2"),
      url(src/fonts/Satoshi-BlackItalic.woff) format("woff"),
      url(src/fonts/Satoshi-BlackItalic.ttf) format("truetype");
    font-weight: 900;
    font-display: swap;
    font-style: italic;
  } */
  
  /*!***********************************************************************************************************************************************!*\
    !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/css/style.css (1) ***!
    \***********************************************************************************************************************************************/
  /*
  ! tailwindcss v3.2.7 | MIT License | https://tailwindcss.com
  */
  
  /*
  1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
  2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
  */
  
  *,
  ::before,
  ::after {
    -webkit-box-sizing: border-box;
            box-sizing: border-box; /* 1 */
    border-width: 0; /* 2 */
    border-style: solid; /* 2 */
    border-color: #e5e7eb; /* 2 */
  }
  
  ::before,
  ::after {
    --tw-content: '';
  }
  
  /*
  1. Use a consistent sensible line-height in all browsers.
  2. Prevent adjustments of font size after orientation changes in iOS.
  3. Use a more readable tab size.
  4. Use the user's configured `sans` font-family by default.
  5. Use the user's configured `sans` font-feature-settings by default.
  */
  
  html {
    line-height: 1.5; /* 1 */
    -webkit-text-size-adjust: 100%; /* 2 */
    -moz-tab-size: 4; /* 3 */
    -o-tab-size: 4;
       tab-size: 4; /* 3 */
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */
    -webkit-font-feature-settings: normal;
            font-feature-settings: normal; /* 5 */
  }
  
  /*
  1. Remove the margin in all browsers.
  2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
  */
  
  body {
    margin: 0; /* 1 */
    line-height: inherit; /* 2 */
  }
  
  /*
  1. Add the correct height in Firefox.
  2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
  3. Ensure horizontal rules are visible by default.
  */
  
  hr {
    height: 0; /* 1 */
    color: inherit; /* 2 */
    border-top-width: 1px; /* 3 */
  }
  
  /*
  Add the correct text decoration in Chrome, Edge, and Safari.
  */
  
  abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
            text-decoration: underline dotted;
  }
  
  /*
  Remove the default font size and weight for headings.
  */
  
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-size: inherit;
    font-weight: inherit;
  }
  
  /*
  Reset links to optimize for opt-in styling instead of opt-out.
  */
  
  a {
    color: inherit;
    text-decoration: inherit;
  }
  
  /*
  Add the correct font weight in Edge and Safari.
  */
  
  b,
  strong {
    font-weight: bolder;
  }
  
  /*
  1. Use the user's configured `mono` font family by default.
  2. Correct the odd `em` font sizing in all browsers.
  */
  
  code,
  kbd,
  samp,
  pre {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
    font-size: 1em; /* 2 */
  }
  
  /*
  Add the correct font size in all browsers.
  */
  
  small {
    font-size: 80%;
  }
  
  /*
  Prevent `sub` and `sup` elements from affecting the line height in all browsers.
  */
  
  sub,
  sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }
  
  sub {
    bottom: -0.25em;
  }
  
  sup {
    top: -0.5em;
  }
  
  /*
  1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
  2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
  3. Remove gaps between table borders by default.
  */
  
  table {
    text-indent: 0; /* 1 */
    border-color: inherit; /* 2 */
    border-collapse: collapse; /* 3 */
  }
  
  /*
  1. Change the font styles in all browsers.
  2. Remove the margin in Firefox and Safari.
  3. Remove default padding in all browsers.
  */
  
  button,
  input,
  optgroup,
  select,
  textarea {
    font-family: inherit; /* 1 */
    font-size: 100%; /* 1 */
    font-weight: inherit; /* 1 */
    line-height: inherit; /* 1 */
    color: inherit; /* 1 */
    margin: 0; /* 2 */
    padding: 0; /* 3 */
  }
  
  /*
  Remove the inheritance of text transform in Edge and Firefox.
  */
  
  button,
  select {
    text-transform: none;
  }
  
  /*
  1. Correct the inability to style clickable types in iOS and Safari.
  2. Remove default button styles.
  */
  
  button,
  [type='button'],
  [type='reset'],
  [type='submit'] {
    -webkit-appearance: button; /* 1 */
    background-color: transparent; /* 2 */
    background-image: none; /* 2 */
  }
  
  /*
  Use the modern Firefox focus style for all focusable elements.
  */
  
  :-moz-focusring {
    outline: auto;
  }
  
  /*
  Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
  */
  
  :-moz-ui-invalid {
    box-shadow: none;
  }
  
  /*
  Add the correct vertical alignment in Chrome and Firefox.
  */
  
  progress {
    vertical-align: baseline;
  }
  
  /*
  Correct the cursor style of increment and decrement buttons in Safari.
  */
  
  ::-webkit-inner-spin-button,
  ::-webkit-outer-spin-button {
    height: auto;
  }
  
  /*
  1. Correct the odd appearance in Chrome and Safari.
  2. Correct the outline style in Safari.
  */
  
  [type='search'] {
    -webkit-appearance: textfield; /* 1 */
    outline-offset: -2px; /* 2 */
  }
  
  /*
  Remove the inner padding in Chrome and Safari on macOS.
  */
  
  ::-webkit-search-decoration {
    -webkit-appearance: none;
  }
  
  /*
  1. Correct the inability to style clickable types in iOS and Safari.
  2. Change font properties to `inherit` in Safari.
  */
  
  ::-webkit-file-upload-button {
    -webkit-appearance: button; /* 1 */
    font: inherit; /* 2 */
  }
  
  /*
  Add the correct display in Chrome and Safari.
  */
  
  summary {
    display: list-item;
  }
  
  /*
  Removes the default spacing and border for appropriate elements.
  */
  
  blockquote,
  dl,
  dd,
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  hr,
  figure,
  p,
  pre {
    margin: 0;
  }
  
  fieldset {
    margin: 0;
    padding: 0;
  }
  
  legend {
    padding: 0;
  }
  
  ol,
  ul,
  menu {
    list-style: none;
    margin: 0;
    padding: 0;
  }
  
  /*
  Prevent resizing textareas horizontally by default.
  */
  
  textarea {
    resize: vertical;
  }
  
  /*
  1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
  2. Set the default placeholder color to the user's configured gray 400 color.
  */
  
  input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    opacity: 1; /* 1 */
    color: #9ca3af; /* 2 */
  }
  
  input::-moz-placeholder, textarea::-moz-placeholder {
    opacity: 1; /* 1 */
    color: #9ca3af; /* 2 */
  }
  
  input:-ms-input-placeholder, textarea:-ms-input-placeholder {
    opacity: 1; /* 1 */
    color: #9ca3af; /* 2 */
  }
  
  input::-ms-input-placeholder, textarea::-ms-input-placeholder {
    opacity: 1; /* 1 */
    color: #9ca3af; /* 2 */
  }
  
  input::placeholder,
  textarea::placeholder {
    opacity: 1; /* 1 */
    color: #9ca3af; /* 2 */
  }
  
  /*
  Set the default cursor for buttons.
  */
  
  button,
  [role="button"] {
    cursor: pointer;
  }
  
  /*
  Make sure disabled buttons don't get the pointer cursor.
  */
  
  :disabled {
    cursor: default;
  }
  
  /*
  1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
  2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
     This can trigger a poorly considered lint error in some tools but is included by design.
  */
  
  img,
  svg,
  video,
  canvas,
  audio,
  iframe,
  embed,
  object {
    display: block; /* 1 */
    vertical-align: middle; /* 2 */
  }
  
  /*
  Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
  */
  
  img,
  video {
    max-width: 100%;
    height: auto;
  }
  
  /* Make elements with the HTML hidden attribute stay hidden by default */
  
  [hidden] {
    display: none;
  }
  
  body{
    position: relative;
    z-index: 1;
    --tw-bg-opacity: 1;
    background-color: white;
    font-family: "Poppins", sans-serif;
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 400;
    --tw-text-opacity: 1;
    color: rgb(100 116 139 / var(--tw-text-opacity));
  }
  
  *, ::before, ::after{
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x:  ;
    --tw-pan-y:  ;
    --tw-pinch-zoom:  ;
    --tw-scroll-snap-strictness: proximity;
    --tw-ordinal:  ;
    --tw-slashed-zero:  ;
    --tw-numeric-figure:  ;
    --tw-numeric-spacing:  ;
    --tw-numeric-fraction:  ;
    --tw-ring-inset:  ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgb(59 130 246 / 0.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur:  ;
    --tw-brightness:  ;
    --tw-contrast:  ;
    --tw-grayscale:  ;
    --tw-hue-rotate:  ;
    --tw-invert:  ;
    --tw-saturate:  ;
    --tw-sepia:  ;
    --tw-drop-shadow:  ;
    --tw-backdrop-blur:  ;
    --tw-backdrop-brightness:  ;
    --tw-backdrop-contrast:  ;
    --tw-backdrop-grayscale:  ;
    --tw-backdrop-hue-rotate:  ;
    --tw-backdrop-invert:  ;
    --tw-backdrop-opacity:  ;
    --tw-backdrop-saturate:  ;
    --tw-backdrop-sepia:  ;
  }
  
  ::-webkit-backdrop{
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x:  ;
    --tw-pan-y:  ;
    --tw-pinch-zoom:  ;
    --tw-scroll-snap-strictness: proximity;
    --tw-ordinal:  ;
    --tw-slashed-zero:  ;
    --tw-numeric-figure:  ;
    --tw-numeric-spacing:  ;
    --tw-numeric-fraction:  ;
    --tw-ring-inset:  ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgb(59 130 246 / 0.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur:  ;
    --tw-brightness:  ;
    --tw-contrast:  ;
    --tw-grayscale:  ;
    --tw-hue-rotate:  ;
    --tw-invert:  ;
    --tw-saturate:  ;
    --tw-sepia:  ;
    --tw-drop-shadow:  ;
    --tw-backdrop-blur:  ;
    --tw-backdrop-brightness:  ;
    --tw-backdrop-contrast:  ;
    --tw-backdrop-grayscale:  ;
    --tw-backdrop-hue-rotate:  ;
    --tw-backdrop-invert:  ;
    --tw-backdrop-opacity:  ;
    --tw-backdrop-saturate:  ;
    --tw-backdrop-sepia:  ;
  }
  
  ::backdrop{
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x:  ;
    --tw-pan-y:  ;
    --tw-pinch-zoom:  ;
    --tw-scroll-snap-strictness: proximity;
    --tw-ordinal:  ;
    --tw-slashed-zero:  ;
    --tw-numeric-figure:  ;
    --tw-numeric-spacing:  ;
    --tw-numeric-fraction:  ;
    --tw-ring-inset:  ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgb(59 130 246 / 0.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur:  ;
    --tw-brightness:  ;
    --tw-contrast:  ;
    --tw-grayscale:  ;
    --tw-hue-rotate:  ;
    --tw-invert:  ;
    --tw-saturate:  ;
    --tw-sepia:  ;
    --tw-drop-shadow:  ;
    --tw-backdrop-blur:  ;
    --tw-backdrop-brightness:  ;
    --tw-backdrop-contrast:  ;
    --tw-backdrop-grayscale:  ;
    --tw-backdrop-hue-rotate:  ;
    --tw-backdrop-invert:  ;
    --tw-backdrop-opacity:  ;
    --tw-backdrop-saturate:  ;
    --tw-backdrop-sepia:  ;
  }
  .sr-only{
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
  }
  .pointer-events-none{
    pointer-events: none;
  }
  .invisible{
    visibility: hidden;
  }
  .static{
    position: static;
  }
  .fixed{
    position: fixed;
  }
  .absolute{
    position: absolute;
  }
  .relative{
    position: relative;
  }
  .sticky{
    position: sticky;
  }
  .inset-0{
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
  }
  .\!right-0{
    right: 0px !important;
  }
  .\!right-1{
    right: 0.25rem !important;
  }
  .-right-0{
    right: -0px;
  }
  .-right-0\.5{
    right: -0.125rem;
  }
  .-right-16{
    right: -4rem;
  }
  .-right-27{
    right: -6.75rem;
  }
  .-top-0{
    top: -0px;
  }
  .-top-0\.5{
    top: -0.125rem;
  }
  .-top-1{
    top: -0.25rem;
  }
  .bottom-0{
    bottom: 0px;
  }
  .bottom-1{
    bottom: 0.25rem;
  }
  .left-0{
    left: 0px;
  }
  .left-1{
    left: 0.25rem;
  }
  .left-2{
    left: 0.5rem;
  }
  .left-2\.5{
    left: 0.625rem;
  }
  .left-4{
    left: 1rem;
  }
  .left-4\.5{
    left: 1.125rem;
  }
  .left-auto{
    left: auto;
  }
  .right-0{
    right: 0px;
  }
  .right-1{
    right: 0.25rem;
  }
  .right-3{
    right: 0.75rem;
  }
  .right-4{
    right: 1rem;
  }
  .right-5{
    right: 1.25rem;
  }
  .top-0{
    top: 0px;
  }
  .top-1{
    top: 0.25rem;
  }
  .top-1\/2{
    top: 50%;
  }
  .top-2{
    top: 0.5rem;
  }
  .top-2\.5{
    top: 0.625rem;
  }
  .top-4{
    top: 1rem;
  }
  .top-full{
    top: 100%;
  }
  .-z-1{
    z-index: -1;
  }
  .z-1{
    z-index: 1;
  }
  .z-10{
    z-index: 10;
  }
  .z-20{
    z-index: 20;
  }
  .z-30{
    z-index: 30;
  }
  .z-40{
    z-index: 40;
  }
  .z-50{
    z-index: 50;
  }
  .z-99{
    z-index: 99;
  }
  .z-999{
    z-index: 999;
  }
  .z-9999{
    z-index: 9999;
  }
  .z-99999{
    z-index: 99999;
  }
  .z-999999{
    z-index: 999999;
  }
  .col-span-1{
    grid-column: span 1 / span 1;
  }
  .col-span-12{
    grid-column: span 12 / span 12;
  }
  .col-span-2{
    grid-column: span 2 / span 2;
  }
  .col-span-3{
    grid-column: span 3 / span 3;
  }
  .col-span-5{
    grid-column: span 5 / span 5;
  }
  .m-0{
    margin: 0px;
  }
  .-mx-8{
    margin-left: -2rem;
    margin-right: -2rem;
  }
  .mx-2{
    margin-left: 0.5rem;
    margin-right: 0.5rem;
  }
  .mx-auto{
    margin-left: auto;
    margin-right: auto;
  }
  .my-1{
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
  }
  .my-1\.5{
    margin-top: 0.375rem;
    margin-bottom: 0.375rem;
  }
  .-mb-9{
    margin-bottom: -2.25rem;
  }
  .-ml-5{
    margin-left: -1.25rem;
  }
  .-mt-22{
    margin-top: -5.5rem;
  }
  .mb-1{
    margin-bottom: 0.25rem;
  }
  .mb-1\.5{
    margin-bottom: 0.375rem;
  }
  .mb-10{
    margin-bottom: 2.5rem;
  }
  .mb-2{
    margin-bottom: 0.5rem;
  }
  .mb-2\.5{
    margin-bottom: 0.625rem;
  }
  .mb-3{
    margin-bottom: 0.75rem;
  }
  .mb-3\.5{
    margin-bottom: 0.875rem;
  }
  .mb-4{
    margin-bottom: 1rem;
  }
  .mb-4\.5{
    margin-bottom: 1.125rem;
  }
  .mb-5{
    margin-bottom: 1.25rem;
  }
  .mb-5\.5{
    margin-bottom: 1.375rem;
  }
  .mb-6{
    margin-bottom: 1.5rem;
  }
  .mb-7{
    margin-bottom: 1.75rem;
  }
  .mb-7\.5{
    margin-bottom: 1.875rem;
  }
  .mb-9{
    margin-bottom: 2.25rem;
  }
  .ml-4{
    margin-left: 1rem;
  }
  .mr-2{
    margin-right: 0.5rem;
  }
  .mr-3{
    margin-right: 0.75rem;
  }
  .mr-4{
    margin-right: 1rem;
  }
  .mr-5{
    margin-right: 1.25rem;
  }
  .mt-1{
    margin-top: 0.25rem;
  }
  .mt-1\.5{
    margin-top: 0.375rem;
  }
  .mt-15{
    margin-top: 3.75rem;
  }
  .mt-2{
    margin-top: 0.5rem;
  }
  .mt-2\.5{
    margin-top: 0.625rem;
  }
  .mt-4{
    margin-top: 1rem;
  }
  .mt-4\.5{
    margin-top: 1.125rem;
  }
  .mt-5{
    margin-top: 1.25rem;
  }
  .mt-6{
    margin-top: 1.5rem;
  }
  .mt-6\.5{
    margin-top: 1.625rem;
  }
  .\!block{
    display: block !important;
  }
  .block{
    display: block;
  }
  .inline-block{
    display: inline-block;
  }
  .flex{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .inline-flex{
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
  }
  .table{
    display: table;
  }
  .grid{
    display: grid;
  }
  .hidden{
    display: none;
  }
  .\!h-0{
    height: 0px !important;
  }
  .h-0{
    height: 0px;
  }
  .h-0\.5{
    height: 0.125rem;
  }
  .h-10{
    height: 2.5rem;
  }
  .h-11{
    height: 2.75rem;
  }
  .h-11\.5{
    height: 2.875rem;
  }
  .h-12{
    height: 3rem;
  }
  .h-12\.5{
    height: 3.125rem;
  }
  .h-14{
    height: 3.5rem;
  }
  .h-15{
    height: 3.75rem;
  }
  .h-16{
    height: 4rem;
  }
  .h-2{
    height: 0.5rem;
  }
  .h-2\.5{
    height: 0.625rem;
  }
  .h-20{
    height: 5rem;
  }
  .h-3{
    height: 0.75rem;
  }
  .h-3\.5{
    height: 0.875rem;
  }
  .h-30{
    height: 7.5rem;
  }
  .h-35{
    height: 8.75rem;
  }
  .h-4{
    height: 1rem;
  }
  .h-5{
    height: 1.25rem;
  }
  .h-5\.5{
    height: 1.375rem;
  }
  .h-6{
    height: 1.5rem;
  }
  .h-7{
    height: 1.75rem;
  }
  .h-7\.5{
    height: 1.875rem;
  }
  .h-8{
    height: 2rem;
  }
  .h-8\.5{
    height: 2.125rem;
  }
  .h-9{
    height: 2.25rem;
  }
  .h-90{
    height: 22.5rem;
  }
  .h-auto{
    height: auto;
  }
  .h-full{
    height: 100%;
  }
  .h-screen{
    height: 100vh;
  }
  .\!w-full{
    width: 100% !important;
  }
  .w-0{
    width: 0px;
  }
  .w-0\.5{
    width: 0.125rem;
  }
  .w-10{
    width: 2.5rem;
  }
  .w-11{
    width: 2.75rem;
  }
  .w-11\.5{
    width: 2.875rem;
  }
  .w-12{
    width: 3rem;
  }
  .w-12\.5{
    width: 3.125rem;
  }
  .w-14{
    width: 3.5rem;
  }
  .w-15{
    width: 3.75rem;
  }
  .w-16{
    width: 4rem;
  }
  .w-2{
    width: 0.5rem;
  }
  .w-2\.5{
    width: 0.625rem;
  }
  .w-3{
    width: 0.75rem;
  }
  .w-3\.5{
    width: 0.875rem;
  }
  .w-4{
    width: 1rem;
  }
  .w-5{
    width: 1.25rem;
  }
  .w-5\.5{
    width: 1.375rem;
  }
  .w-6{
    width: 1.5rem;
  }
  .w-62\.5{
    width: 15.625rem;
  }
  .w-7{
    width: 1.75rem;
  }
  .w-72{
    width: 18rem;
  }
  .w-72\.5{
    width: 18.125rem;
  }
  .w-75{
    width: 18.75rem;
  }
  .w-8{
    width: 2rem;
  }
  .w-8\.5{
    width: 2.125rem;
  }
  .w-9{
    width: 2.25rem;
  }
  .w-\[200\%\]{
    width: 200%;
  }
  .w-\[300\%\]{
    width: 300%;
  }
  .w-full{
    width: 100%;
  }
  .w-screen{
    width: 100vw;
  }
  .min-w-47\.5{
    min-width: 11.875rem;
  }
  .min-w-\[120px\]{
    min-width: 120px;
  }
  .min-w-\[150px\]{
    min-width: 150px;
  }
  .min-w-\[220px\]{
    min-width: 220px;
  }
  .max-w-180{
    max-width: 45rem;
  }
  .max-w-2\.5{
    max-width: 0.625rem;
  }
  .max-w-242\.5{
    max-width: 60.625rem;
  }
  .max-w-270{
    max-width: 67.5rem;
  }
  .max-w-3{
    max-width: 0.75rem;
  }
  .max-w-30{
    max-width: 7.5rem;
  }
  .max-w-4{
    max-width: 1rem;
  }
  .max-w-45{
    max-width: 11.25rem;
  }
  .max-w-60{
    max-width: 15rem;
  }
  .max-w-7xl{
    max-width: 80rem;
  }
  .max-w-94{
    max-width: 23.5rem;
  }
  .max-w-\[36px\]{
    max-width: 36px;
  }
  .max-w-full{
    max-width: 100%;
  }
  .max-w-screen-2xl{
    max-width: 1536px;
  }
  .flex-1{
    -webkit-box-flex: 1;
        -ms-flex: 1 1 0%;
            flex: 1 1 0%;
  }
  .flex-auto{
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
  }
  .flex-initial{
    -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
  }
  .flex-shrink-0{
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
  .flex-grow{
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
  .table-auto{
    table-layout: auto;
  }
  .\!translate-x-full{
    --tw-translate-x: 100% !important;
    -webkit-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)) !important;
            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)) !important;
  }
  .-translate-x-full{
    --tw-translate-x: -100%;
    -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
            transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  .-translate-y-1\/2{
    --tw-translate-y: -50%;
    -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
            transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  .translate-x-0{
    --tw-translate-x: 0px;
    -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
            transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  .rotate-180{
    --tw-rotate: 180deg;
    -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
            transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  .rotate-45{
    --tw-rotate: 45deg;
    -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
            transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  .transform{
    -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
            transform: 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));
  }
  @-webkit-keyframes ping{
  
    75%, 100%{
      -webkit-transform: scale(2);
              transform: scale(2);
      opacity: 0;
    }
  }
  @keyframes ping{
  
    75%, 100%{
      -webkit-transform: scale(2);
              transform: scale(2);
      opacity: 0;
    }
  }
  .animate-ping{
    -webkit-animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
            animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
  }
  @-webkit-keyframes spin{
  
    to{
      -webkit-transform: rotate(360deg);
              transform: rotate(360deg);
    }
  }
  @keyframes spin{
  
    to{
      -webkit-transform: rotate(360deg);
              transform: rotate(360deg);
    }
  }
  .animate-spin{
    -webkit-animation: spin 1s linear infinite;
            animation: spin 1s linear infinite;
  }
  .cursor-pointer{
    cursor: pointer;
  }
  .select-none{
    -webkit-user-select: none;
               -moz-user-select: none;
                -ms-user-select: none;
            user-select: none;
  }
  .appearance-none{
    -webkit-appearance: none;
               -moz-appearance: none;
            appearance: none;
  }
  .grid-cols-1{
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .grid-cols-12{
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
  .grid-cols-3{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .grid-cols-5{
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .grid-cols-6{
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .grid-cols-7{
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
  .flex-row-reverse{
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
  .flex-col{
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .flex-wrap{
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .items-start{
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .items-end{
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
  .items-center{
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .justify-end{
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  .justify-center{
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .justify-between{
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .gap-1{
    gap: 0.25rem;
  }
  .gap-1\.5{
    gap: 0.375rem;
  }
  .gap-10{
    gap: 2.5rem;
  }
  .gap-2{
    gap: 0.5rem;
  }
  .gap-2\.5{
    gap: 0.625rem;
  }
  .gap-3{
    gap: 0.75rem;
  }
  .gap-3\.5{
    gap: 0.875rem;
  }
  .gap-4{
    gap: 1rem;
  }
  .gap-4\.5{
    gap: 1.125rem;
  }
  .gap-5{
    gap: 1.25rem;
  }
  .gap-5\.5{
    gap: 1.375rem;
  }
  .gap-6{
    gap: 1.5rem;
  }
  .gap-7{
    gap: 1.75rem;
  }
  .gap-7\.5{
    gap: 1.875rem;
  }
  .gap-8{
    gap: 2rem;
  }
  .gap-9{
    gap: 2.25rem;
  }
  .gap-y-3{
    row-gap: 0.75rem;
  }
  .space-x-3 > :not([hidden]) ~ :not([hidden]){
    --tw-space-x-reverse: 0;
    margin-right: calc(0.75rem * var(--tw-space-x-reverse));
    margin-left: calc(0.75rem * calc(1 - var(--tw-space-x-reverse)));
  }
  .space-x-3\.5 > :not([hidden]) ~ :not([hidden]){
    --tw-space-x-reverse: 0;
    margin-right: calc(0.875rem * var(--tw-space-x-reverse));
    margin-left: calc(0.875rem * calc(1 - var(--tw-space-x-reverse)));
  }
  .space-y-3 > :not([hidden]) ~ :not([hidden]){
    --tw-space-y-reverse: 0;
    margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
  }
  .overflow-hidden{
    overflow: hidden;
  }
  .overflow-x-auto{
    overflow-x: auto;
  }
  .overflow-y-auto{
    overflow-y: auto;
  }
  .overflow-x-hidden{
    overflow-x: hidden;
  }
  .overflow-y-hidden{
    overflow-y: hidden;
  }
  .rounded{
    border-radius: 0.25rem;
  }
  .rounded-full{
    border-radius: 9999px;
  }
  .rounded-lg{
    border-radius: 0.5rem;
  }
  .rounded-md{
    border-radius: 0.375rem;
  }
  .rounded-sm{
    border-radius: 0.125rem;
  }
  .rounded-t{
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
  }
  .rounded-t-sm{
    border-top-left-radius: 0.125rem;
    border-top-right-radius: 0.125rem;
  }
  .rounded-tl-sm{
    border-top-left-radius: 0.125rem;
  }
  .rounded-tr-sm{
    border-top-right-radius: 0.125rem;
  }
  .\!border-4{
    border-width: 4px !important;
  }
  .border{
    border-width: 1px;
  }
  .border-2{
    border-width: 2px;
  }
  .border-4{
    border-width: 4px;
  }
  .border-\[\.5px\]{
    border-width: .5px;
  }
  .border-\[0\.5px\]{
    border-width: 0.5px;
  }
  .border-\[1\.5px\]{
    border-width: 1.5px;
  }
  .border-b{
    border-bottom-width: 1px;
  }
  .border-l-2{
    border-left-width: 2px;
  }
  .border-l-6{
    border-left-width: 6px;
  }
  .border-l-\[3px\]{
    border-left-width: 3px;
  }
  .border-r{
    border-right-width: 1px;
  }
  .border-t{
    border-top-width: 1px;
  }
  .border-solid{
    border-style: solid;
  }
  .border-dashed{
    border-style: dashed;
  }
  .border-\[\#34D399\]{
    --tw-border-opacity: 1;
    border-color: rgb(52 211 153 / var(--tw-border-opacity));
  }
  .border-\[\#F87171\]{
    --tw-border-opacity: 1;
    border-color: rgb(248 113 113 / var(--tw-border-opacity));
  }
  .border-\[\#eee\]{
    --tw-border-opacity: 1;
    border-color: rgb(238 238 238 / var(--tw-border-opacity));
  }
  .border-black{
    --tw-border-opacity: 1;
    border-color: rgb(28 36 52 / var(--tw-border-opacity));
  }
  .border-meta-3{
    --tw-border-opacity: 1;
    border-color: rgb(16 185 129 / var(--tw-border-opacity));
  }
  .border-primary{
    --tw-border-opacity: 1;
    border-color: rgb(60 80 224 / var(--tw-border-opacity));
  }
  .border-secondary{
    --tw-border-opacity: 1;
    border-color: rgb(128 202 238 / var(--tw-border-opacity));
  }
  .border-stroke{
    --tw-border-opacity: 1;
    border-color: rgb(226 232 240 / var(--tw-border-opacity));
  }
  .border-strokedark{
    --tw-border-opacity: 1;
    border-color: rgb(46 58 71 / var(--tw-border-opacity));
  }
  .border-transparent{
    border-color: transparent;
  }
  .border-warning{
    --tw-border-opacity: 1;
    border-color: rgb(255 167 11 / var(--tw-border-opacity));
  }
  .border-white{
    --tw-border-opacity: 1;
    border-color: rgb(255 255 255 / var(--tw-border-opacity));
  }
  .border-t-transparent{
    border-top-color: transparent;
  }
  .\!bg-primary{
    --tw-bg-opacity: 1 !important;
    background-color: rgb(60 80 224 / var(--tw-bg-opacity)) !important;
  }
  .bg-\[\#0FADCF\]{
    --tw-bg-opacity: 1;
    background-color: rgb(15 173 207 / var(--tw-bg-opacity));
  }
  .bg-\[\#34D399\]{
    --tw-bg-opacity: 1;
    background-color: rgb(52 211 153 / var(--tw-bg-opacity));
  }
  .bg-\[\#6577F3\]{
    --tw-bg-opacity: 1;
    background-color: rgb(101 119 243 / var(--tw-bg-opacity));
  }
  .bg-\[\#8FD0EF\]{
    --tw-bg-opacity: 1;
    background-color: rgb(143 208 239 / var(--tw-bg-opacity));
  }
  .bg-\[\#F87171\]{
    --tw-bg-opacity: 1;
    background-color: rgb(248 113 113 / var(--tw-bg-opacity));
  }
  .bg-black{
    --tw-bg-opacity: 1;
    background-color: rgb(28 36 52 / var(--tw-bg-opacity));
  }
  .bg-boxdark{
    --tw-bg-opacity: 1;
    background-color: rgb(36 48 63 / var(--tw-bg-opacity));
  }
  .bg-boxdark-2{
    --tw-bg-opacity: 1;
    background-color: rgb(26 34 44 / var(--tw-bg-opacity));
  }
  .bg-danger{
    --tw-bg-opacity: 1;
    background-color: rgb(211 64 83 / var(--tw-bg-opacity));
  }
  .bg-gray{
    --tw-bg-opacity: 1;
    background-color: rgb(239 244 251 / var(--tw-bg-opacity));
  }
  .bg-gray-2{
    --tw-bg-opacity: 1;
    background-color: rgb(247 249 252 / var(--tw-bg-opacity));
  }
  .bg-graydark{
    --tw-bg-opacity: 1;
    background-color: rgb(51 58 72 / var(--tw-bg-opacity));
  }
  .bg-meta-1{
    --tw-bg-opacity: 1;
    background-color: rgb(220 53 69 / var(--tw-bg-opacity));
  }
  .bg-meta-2{
    --tw-bg-opacity: 1;
    background-color: rgb(239 242 247 / var(--tw-bg-opacity));
  }
  .bg-meta-3{
    --tw-bg-opacity: 1;
    background-color: rgb(16 185 129 / var(--tw-bg-opacity));
  }
  .bg-meta-4{
    --tw-bg-opacity: 1;
    background-color: rgb(49 61 74 / var(--tw-bg-opacity));
  }
  .bg-meta-6{
    --tw-bg-opacity: 1;
    background-color: rgb(255 186 0 / var(--tw-bg-opacity));
  }
  .bg-meta-7{
    --tw-bg-opacity: 1;
    background-color: rgb(255 103 102 / var(--tw-bg-opacity));
  }
  .bg-meta-9{
    --tw-bg-opacity: 1;
    background-color: rgb(229 231 235 / var(--tw-bg-opacity));
  }
  .bg-primary{
    --tw-bg-opacity: 1;
    background-color: rgb(60 80 224 / var(--tw-bg-opacity));
  }
  .bg-secondary{
    --tw-bg-opacity: 1;
    background-color: rgb(128 202 238 / var(--tw-bg-opacity));
  }
  .bg-stroke{
    --tw-bg-opacity: 1;
    background-color: rgb(226 232 240 / var(--tw-bg-opacity));
  }
  .bg-success{
    --tw-bg-opacity: 1;
    background-color: rgb(33 150 83 / var(--tw-bg-opacity));
  }
  .bg-transparent{
    background-color: transparent;
  }
  .bg-warning{
    --tw-bg-opacity: 1;
    background-color: rgb(255 167 11 / var(--tw-bg-opacity));
  }
  .bg-white{
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  }
  .bg-white\/20{
    background-color: rgb(255 255 255 / 0.2);
  }
  .bg-whiter{
    --tw-bg-opacity: 1;
    background-color: rgb(245 247 253 / var(--tw-bg-opacity));
  }
  .bg-opacity-10{
    --tw-bg-opacity: 0.1;
  }
  .bg-opacity-30{
    --tw-bg-opacity: 0.3;
  }
  .bg-opacity-\[15\%\]{
    --tw-bg-opacity: 15%;
  }
  .fill-body{
    fill: #64748B;
  }
  .fill-current{
    fill: currentColor;
  }
  .fill-meta-3{
    fill: #10B981;
  }
  .fill-meta-5{
    fill: #259AE6;
  }
  .fill-primary{
    fill: #3C50E0;
  }
  .stroke-current{
    stroke: currentColor;
  }
  .object-cover{
    -o-object-fit: cover;
       object-fit: cover;
  }
  .object-center{
    -o-object-position: center;
       object-position: center;
  }
  .p-0{
    padding: 0px;
  }
  .p-1{
    padding: 0.25rem;
  }
  .p-1\.5{
    padding: 0.375rem;
  }
  .p-2{
    padding: 0.5rem;
  }
  .p-2\.5{
    padding: 0.625rem;
  }
  .p-3{
    padding: 0.75rem;
  }
  .p-4{
    padding: 1rem;
  }
  .p-6{
    padding: 1.5rem;
  }
  .p-6\.5{
    padding: 1.625rem;
  }
  .p-7{
    padding: 1.75rem;
  }
  .p-7\.5{
    padding: 1.875rem;
  }
  .px-10{
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
  .px-12{
    padding-left: 3rem;
    padding-right: 3rem;
  }
  .px-2{
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  .px-2\.5{
    padding-left: 0.625rem;
    padding-right: 0.625rem;
  }
  .px-26{
    padding-left: 6.5rem;
    padding-right: 6.5rem;
  }
  .px-3{
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
  .px-4{
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .px-4\.5{
    padding-left: 1.125rem;
    padding-right: 1.125rem;
  }
  .px-5{
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
  .px-6{
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  .px-6\.5{
    padding-left: 1.625rem;
    padding-right: 1.625rem;
  }
  .px-7{
    padding-left: 1.75rem;
    padding-right: 1.75rem;
  }
  .px-7\.5{
    padding-left: 1.875rem;
    padding-right: 1.875rem;
  }
  .px-8{
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .py-1{
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
  }
  .py-1\.5{
    padding-top: 0.375rem;
    padding-bottom: 0.375rem;
  }
  .py-17{
    padding-top: 4.25rem;
    padding-bottom: 4.25rem;
  }
  .py-17\.5{
    padding-top: 4.375rem;
    padding-bottom: 4.375rem;
  }
  .py-2{
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
  .py-2\.5{
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
  }
  .py-3{
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }
  .py-4{
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  .py-4\.5{
    padding-top: 1.125rem;
    padding-bottom: 1.125rem;
  }
  .py-5{
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }
  .py-5\.5{
    padding-top: 1.375rem;
    padding-bottom: 1.375rem;
  }
  .py-6{
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }
  .py-7{
    padding-top: 1.75rem;
    padding-bottom: 1.75rem;
  }
  .py-7\.5{
    padding-top: 1.875rem;
    padding-bottom: 1.875rem;
  }
  .py-8{
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
  .pb-2{
    padding-bottom: 0.5rem;
  }
  .pb-2\.5{
    padding-bottom: 0.625rem;
  }
  .pb-5{
    padding-bottom: 1.25rem;
  }
  .pb-6{
    padding-bottom: 1.5rem;
  }
  .pl-1{
    padding-left: 0.25rem;
  }
  .pl-11{
    padding-left: 2.75rem;
  }
  .pl-11\.5{
    padding-left: 2.875rem;
  }
  .pl-2{
    padding-left: 0.5rem;
  }
  .pl-3{
    padding-left: 0.75rem;
  }
  .pl-5{
    padding-left: 1.25rem;
  }
  .pl-6{
    padding-left: 1.5rem;
  }
  .pl-9{
    padding-left: 2.25rem;
  }
  .pr-1{
    padding-right: 0.25rem;
  }
  .pr-10{
    padding-right: 2.5rem;
  }
  .pr-12{
    padding-right: 3rem;
  }
  .pr-3{
    padding-right: 0.75rem;
  }
  .pr-4{
    padding-right: 1rem;
  }
  .pr-4\.5{
    padding-right: 1.125rem;
  }
  .pr-8{
    padding-right: 2rem;
  }
  .pt-0{
    padding-top: 0px;
  }
  .pt-0\.5{
    padding-top: 0.125rem;
  }
  .pt-6{
    padding-top: 1.5rem;
  }
  .pt-7{
    padding-top: 1.75rem;
  }
  .pt-7\.5{
    padding-top: 1.875rem;
  }
  .text-left{
    text-align: left;
  }
  .text-center{
    text-align: center;
  }
  .text-right{
    text-align: right;
  }
  .text-2xl{
    font-size: 1.5rem;
    line-height: 2rem;
  }
  .text-base{
    font-size: 1rem;
    line-height: 1.5rem;
  }
  .text-lg{
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
  .text-sm{
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
  .text-title-md{
    font-size: 24px;
    line-height: 30px;
  }
  .text-title-md2{
    font-size: 26px;
    line-height: 30px;
  }
  .text-xl{
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
  .text-xs{
    font-size: 0.75rem;
    line-height: 1rem;
  }
  .font-bold{
    font-weight: 700;
  }
  .font-medium{
    font-weight: 500;
  }
  .font-normal{
    font-weight: 400;
  }
  .font-semibold{
    font-weight: 600;
  }
  .uppercase{
    text-transform: uppercase;
  }
  .leading-6{
    line-height: 1.5rem;
  }
  .leading-relaxed{
    line-height: 1.625;
  }
  .\!text-white{
    --tw-text-opacity: 1 !important;
    color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
  }
  .text-\[\#9D5425\]{
    --tw-text-opacity: 1;
    color: rgb(157 84 37 / var(--tw-text-opacity));
  }
  .text-\[\#B45454\]{
    --tw-text-opacity: 1;
    color: rgb(180 84 84 / var(--tw-text-opacity));
  }
  .text-\[\#CD5D5D\]{
    --tw-text-opacity: 1;
    color: rgb(205 93 93 / var(--tw-text-opacity));
  }
  .text-\[\#D0915C\]{
    --tw-text-opacity: 1;
    color: rgb(208 145 92 / var(--tw-text-opacity));
  }
  .text-black{
    --tw-text-opacity: 1;
    color: rgb(28 36 52 / var(--tw-text-opacity));
  }
  .text-body{
    --tw-text-opacity: 1;
    color: rgb(100 116 139 / var(--tw-text-opacity));
  }
  .text-bodydark{
    --tw-text-opacity: 1;
    color: rgb(174 183 192 / var(--tw-text-opacity));
  }
  .text-bodydark1{
    --tw-text-opacity: 1;
    color: rgb(222 228 238 / var(--tw-text-opacity));
  }
  .text-bodydark2{
    --tw-text-opacity: 1;
    color: rgb(138 153 175 / var(--tw-text-opacity));
  }
  .text-danger{
    --tw-text-opacity: 1;
    color: rgb(211 64 83 / var(--tw-text-opacity));
  }
  .text-gray{
    --tw-text-opacity: 1;
    color: rgb(239 244 251 / var(--tw-text-opacity));
  }
  .text-meta-1{
    --tw-text-opacity: 1;
    color: rgb(220 53 69 / var(--tw-text-opacity));
  }
  .text-meta-3{
    --tw-text-opacity: 1;
    color: rgb(16 185 129 / var(--tw-text-opacity));
  }
  .text-meta-5{
    --tw-text-opacity: 1;
    color: rgb(37 154 230 / var(--tw-text-opacity));
  }
  .text-primary{
    --tw-text-opacity: 1;
    color: rgb(60 80 224 / var(--tw-text-opacity));
  }
  .text-secondary{
    --tw-text-opacity: 1;
    color: rgb(128 202 238 / var(--tw-text-opacity));
  }
  .text-success{
    --tw-text-opacity: 1;
    color: rgb(33 150 83 / var(--tw-text-opacity));
  }
  .text-warning{
    --tw-text-opacity: 1;
    color: rgb(255 167 11 / var(--tw-text-opacity));
  }
  .text-white{
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
  }
  .\!opacity-100{
    opacity: 1 !important;
  }
  .opacity-0{
    opacity: 0;
  }
  .opacity-75{
    opacity: 0.75;
  }
  .shadow{
    --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }
  .shadow-1{
    --tw-shadow: 0px 1px 3px rgba(0, 0, 0, 0.08);
    --tw-shadow-colored: 0px 1px 3px var(--tw-shadow-color);
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }
  .shadow-2{
    --tw-shadow: 0px 1px 4px rgba(0, 0, 0, 0.12);
    --tw-shadow-colored: 0px 1px 4px var(--tw-shadow-color);
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }
  .shadow-card{
    --tw-shadow: 0px 1px 3px rgba(0, 0, 0, 0.12);
    --tw-shadow-colored: 0px 1px 3px var(--tw-shadow-color);
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }
  .shadow-default{
    --tw-shadow: 0px 8px 13px -3px rgba(0, 0, 0, 0.07);
    --tw-shadow-colored: 0px 8px 13px -3px var(--tw-shadow-color);
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }
  .shadow-inner{
    --tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
    --tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }
  .shadow-md{
    --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }
  .shadow-sm{
    --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
    --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }
  .shadow-switch-1{
    --tw-shadow: 0px 0px 5px rgba(0, 0, 0, 0.15);
    --tw-shadow-colored: 0px 0px 5px var(--tw-shadow-color);
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }
  .shadow-switcher{
    --tw-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2), inset 0px 2px 2px #FFFFFF, inset 0px -1px 1px rgba(0, 0, 0, 0.1);
    --tw-shadow-colored: 0px 2px 4px var(--tw-shadow-color), inset 0px 2px 2px var(--tw-shadow-color), inset 0px -1px 1px var(--tw-shadow-color);
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }
  .outline-none{
    outline: 2px solid transparent;
    outline-offset: 2px;
  }
  .blur{
    --tw-blur: blur(8px);
    -webkit-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: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
  }
  .drop-shadow-1{
    --tw-drop-shadow: drop-shadow(0px 1px 0px #E2E8F0);
    -webkit-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: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
  }
  .drop-shadow-2{
    --tw-drop-shadow: drop-shadow(0px 1px 4px rgba(0, 0, 0, 0.12));
    -webkit-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: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
  }
  .backdrop-blur{
    --tw-backdrop-blur: blur(8px);
    -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
            backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  }
  .transition{
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
    -webkit-transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
            transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-transition-duration: 150ms;
            transition-duration: 150ms;
  }
  .delay-150{
    -webkit-transition-delay: 150ms;
            transition-delay: 150ms;
  }
  .delay-200{
    -webkit-transition-delay: 200ms;
            transition-delay: 200ms;
  }
  .delay-300{
    -webkit-transition-delay: 300ms;
            transition-delay: 300ms;
  }
  .delay-500{
    -webkit-transition-delay: 500ms;
            transition-delay: 500ms;
  }
  .delay-\[0\]{
    -webkit-transition-delay: 0;
            transition-delay: 0;
  }
  .duration-200{
    -webkit-transition-duration: 200ms;
            transition-duration: 200ms;
  }
  .duration-300{
    -webkit-transition-duration: 300ms;
            transition-duration: 300ms;
  }
  .duration-500{
    -webkit-transition-duration: 500ms;
            transition-duration: 500ms;
  }
  .duration-75{
    -webkit-transition-duration: 75ms;
            transition-duration: 75ms;
  }
  .ease-in-out{
    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
            transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  }
  .ease-linear{
    -webkit-transition-timing-function: linear;
            transition-timing-function: linear;
  }
  /* Chrome, Safari and Opera */
  .no-scrollbar::-webkit-scrollbar {
      display: none;
    }
  .no-scrollbar {
      -ms-overflow-style: none; /* IE and Edge */
      scrollbar-width: none; /* Firefox */
    }
  
  /* third-party libraries CSS */
  
  .tableCheckbox:checked ~ div span{
    opacity: 1;
  }
  .tableCheckbox:checked ~ div{
    --tw-border-opacity: 1;
    border-color: rgb(60 80 224 / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(60 80 224 / var(--tw-bg-opacity));
  }
  
  .apexcharts-legend-text{
    --tw-text-opacity: 1 !important;
    color: rgb(100 116 139 / var(--tw-text-opacity)) !important;
  }
  
  .dark .apexcharts-legend-text{
    --tw-text-opacity: 1 !important;
    color: rgb(174 183 192 / var(--tw-text-opacity)) !important;
  }
  .apexcharts-text{
    fill: #64748B !important;
  }
  .dark .apexcharts-text{
    fill: #AEB7C0 !important;
  }
  .apexcharts-xcrosshairs{
    fill: #E2E8F0 !important;
  }
  .dark .apexcharts-xcrosshairs{
    fill: #2E3A47 !important;
  }
  .apexcharts-gridline{
    stroke: #E2E8F0 !important;
  }
  .dark .apexcharts-gridline{
    stroke: #2E3A47 !important;
  }
  .dark .apexcharts-series.apexcharts-pie-series path{
    stroke: transparent !important;
  }
  .apexcharts-legend-series{
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
    gap: 0.375rem;
  }
  .dark .apexcharts-tooltip.apexcharts-theme-light{
    --tw-border-opacity: 1 !important;
    border-color: rgb(46 58 71 / var(--tw-border-opacity)) !important;
    --tw-bg-opacity: 1 !important;
    background-color: rgb(36 48 63 / var(--tw-bg-opacity)) !important;
  }
  .dark .apexcharts-tooltip.apexcharts-theme-light .apexcharts-tooltip-title{
    --tw-border-opacity: 1 !important;
    border-color: rgb(46 58 71 / var(--tw-border-opacity)) !important;
    --tw-bg-opacity: 1 !important;
    background-color: rgb(49 61 74 / var(--tw-bg-opacity)) !important;
  }
  .dark .apexcharts-xaxistooltip,.dark 
  .apexcharts-yaxistooltip{
    --tw-border-opacity: 1 !important;
    border-color: rgb(49 61 74 / var(--tw-border-opacity)) !important;
    --tw-bg-opacity: 1 !important;
    background-color: rgb(49 61 74 / var(--tw-bg-opacity)) !important;
    --tw-text-opacity: 1 !important;
    color: rgb(222 228 238 / var(--tw-text-opacity)) !important;
  }
  .apexcharts-xaxistooltip-bottom:after{
    --tw-border-opacity: 1 !important;
    border-bottom-color: rgb(239 244 251 / var(--tw-border-opacity)) !important;
  }
  .dark .apexcharts-xaxistooltip-bottom:after{
    --tw-border-opacity: 1 !important;
    border-bottom-color: rgb(49 61 74 / var(--tw-border-opacity)) !important;
  }
  .apexcharts-xaxistooltip-bottom:before{
    --tw-border-opacity: 1 !important;
    border-bottom-color: rgb(239 244 251 / var(--tw-border-opacity)) !important;
  }
  .dark .apexcharts-xaxistooltip-bottom:before{
    --tw-border-opacity: 1 !important;
    border-bottom-color: rgb(49 61 74 / var(--tw-border-opacity)) !important;
  }
  .apexcharts-xaxistooltip-bottom{
    border-radius: 0.25rem !important;
    border-style: none !important;
    --tw-bg-opacity: 1 !important;
    background-color: rgb(239 244 251 / var(--tw-bg-opacity)) !important;
    font-size: 0.75rem !important;
    line-height: 1rem !important;
    font-weight: 500 !important;
    --tw-text-opacity: 1 !important;
    color: rgb(28 36 52 / var(--tw-text-opacity)) !important;
  }
  .dark .apexcharts-xaxistooltip-bottom{
    --tw-text-opacity: 1 !important;
    color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
  }
  .apexcharts-tooltip-series-group{
    padding-left: 0.375rem !important;
  }
  
  .flatpickr-wrapper{
    width: 100%;
  }
  .flatpickr-months .flatpickr-prev-month:hover svg,
  .flatpickr-months .flatpickr-next-month:hover svg{
    fill: #3C50E0;
  }
  .dark .flatpickr-calendar.arrowTop:before{
    --tw-border-opacity: 1 !important;
    border-bottom-color: rgb(36 48 63 / var(--tw-border-opacity)) !important;
  }
  .dark .flatpickr-calendar.arrowTop:after{
    --tw-border-opacity: 1 !important;
    border-bottom-color: rgb(36 48 63 / var(--tw-border-opacity)) !important;
  }
  .flatpickr-calendar{
    padding: 1.5rem !important;
  }
  .dark .flatpickr-calendar{
    --tw-bg-opacity: 1 !important;
    background-color: rgb(36 48 63 / var(--tw-bg-opacity)) !important;
    --tw-text-opacity: 1 !important;
    color: rgb(174 183 192 / var(--tw-text-opacity)) !important;
    --tw-shadow: 1px 0 0 #313D4A, -1px 0 0 #313D4A, 0 1px 0 #313D4A, 0 -1px 0 #313D4A, 0 3px 13px rgb(0 0 0 / 8%) !important;
    --tw-shadow-colored: 1px 0 0 var(--tw-shadow-color), -1px 0 0 var(--tw-shadow-color), 0 1px 0 var(--tw-shadow-color), 0 -1px 0 var(--tw-shadow-color), 0 3px 13px var(--tw-shadow-color) !important;
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
  }
  @media (min-width: 375px){
  
    .flatpickr-calendar{
      width: auto !important;
    }
  }
  .dark .flatpickr-day{
    --tw-text-opacity: 1 !important;
    color: rgb(174 183 192 / var(--tw-text-opacity)) !important;
  }
  .dark .flatpickr-day:hover{
    --tw-border-opacity: 1 !important;
    border-color: rgb(49 61 74 / var(--tw-border-opacity)) !important;
    --tw-bg-opacity: 1 !important;
    background-color: rgb(49 61 74 / var(--tw-bg-opacity)) !important;
  }
  .flatpickr-months .flatpickr-prev-month,
  .flatpickr-months .flatpickr-next-month{
    top: 1.75rem !important;
  }
  .dark .flatpickr-months .flatpickr-prev-month,.dark 
  .flatpickr-months .flatpickr-next-month{
    fill: #FFFFFF !important;
    --tw-text-opacity: 1 !important;
    color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
  }
  .flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,
  .flatpickr-months .flatpickr-next-month.flatpickr-prev-month{
    left: 1.75rem !important;
  }
  .flatpickr-months .flatpickr-prev-month.flatpickr-next-month,
  .flatpickr-months .flatpickr-next-month.flatpickr-next-month{
    right: 1.75rem !important;
  }
  .dark span.flatpickr-weekday,.dark 
  .flatpickr-months .flatpickr-month{
    fill: #FFFFFF !important;
    --tw-text-opacity: 1 !important;
    color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
  }
  .dark .flatpickr-day.inRange{
    --tw-shadow: -5px 0 0 #313D4A, 5px 0 0 #313D4A !important;
    --tw-shadow-colored: -5px 0 0 var(--tw-shadow-color), 5px 0 0 var(--tw-shadow-color) !important;
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
  }
  .flatpickr-day.inRange {
    -webkit-box-shadow: -5px 0 0 #eff4fb, 5px 0 0 #eff4fb;
            box-shadow: -5px 0 0 #eff4fb, 5px 0 0 #eff4fb;
  }
  .flatpickr-day.inRange,
  .flatpickr-day.prevMonthDay.inRange,
  .flatpickr-day.nextMonthDay.inRange,
  .flatpickr-day.today.inRange,
  .flatpickr-day.prevMonthDay.today.inRange,
  .flatpickr-day.nextMonthDay.today.inRange,
  .flatpickr-day:hover,
  .flatpickr-day.prevMonthDay:hover,
  .flatpickr-day.nextMonthDay:hover,
  .flatpickr-day:focus,
  .flatpickr-day.prevMonthDay:focus,
  .flatpickr-day.nextMonthDay:focus{
    --tw-border-opacity: 1;
    border-color: rgb(239 244 251 / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(239 244 251 / var(--tw-bg-opacity));
  }
  .dark .flatpickr-day.inRange,.dark 
  .flatpickr-day.prevMonthDay.inRange,.dark 
  .flatpickr-day.nextMonthDay.inRange,.dark 
  .flatpickr-day.today.inRange,.dark 
  .flatpickr-day.prevMonthDay.today.inRange,.dark 
  .flatpickr-day.nextMonthDay.today.inRange,.dark 
  .flatpickr-day:hover,.dark 
  .flatpickr-day.prevMonthDay:hover,.dark 
  .flatpickr-day.nextMonthDay:hover,.dark 
  .flatpickr-day:focus,.dark 
  .flatpickr-day.prevMonthDay:focus,.dark 
  .flatpickr-day.nextMonthDay:focus{
    --tw-border-opacity: 1 !important;
    border-color: rgb(49 61 74 / var(--tw-border-opacity)) !important;
    --tw-bg-opacity: 1 !important;
    background-color: rgb(49 61 74 / var(--tw-bg-opacity)) !important;
  }
  .dark .flatpickr-day.selected,.dark 
  .flatpickr-day.startRange,.dark 
  .flatpickr-day.selected,.dark 
  .flatpickr-day.endRange{
    --tw-text-opacity: 1 !important;
    color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
  }
  .flatpickr-day.selected,
  .flatpickr-day.startRange,
  .flatpickr-day.endRange,
  .flatpickr-day.selected.inRange,
  .flatpickr-day.startRange.inRange,
  .flatpickr-day.endRange.inRange,
  .flatpickr-day.selected:focus,
  .flatpickr-day.startRange:focus,
  .flatpickr-day.endRange:focus,
  .flatpickr-day.selected:hover,
  .flatpickr-day.startRange:hover,
  .flatpickr-day.endRange:hover,
  .flatpickr-day.selected.prevMonthDay,
  .flatpickr-day.startRange.prevMonthDay,
  .flatpickr-day.endRange.prevMonthDay,
  .flatpickr-day.selected.nextMonthDay,
  .flatpickr-day.startRange.nextMonthDay,
  .flatpickr-day.endRange.nextMonthDay {
    background: #3c50e0;
    --tw-border-opacity: 1 !important;
    border-color: rgb(60 80 224 / var(--tw-border-opacity)) !important;
    --tw-bg-opacity: 1 !important;
    background-color: rgb(60 80 224 / var(--tw-bg-opacity)) !important;
  }
  .flatpickr-day.selected:hover,
  .flatpickr-day.startRange:hover,
  .flatpickr-day.endRange:hover,
  .flatpickr-day.selected.inRange:hover,
  .flatpickr-day.startRange.inRange:hover,
  .flatpickr-day.endRange.inRange:hover,
  .flatpickr-day.selected:focus:hover,
  .flatpickr-day.startRange:focus:hover,
  .flatpickr-day.endRange:focus:hover,
  .flatpickr-day.selected:hover:hover,
  .flatpickr-day.startRange:hover:hover,
  .flatpickr-day.endRange:hover:hover,
  .flatpickr-day.selected.prevMonthDay:hover,
  .flatpickr-day.startRange.prevMonthDay:hover,
  .flatpickr-day.endRange.prevMonthDay:hover,
  .flatpickr-day.selected.nextMonthDay:hover,
  .flatpickr-day.startRange.nextMonthDay:hover,
  .flatpickr-day.endRange.nextMonthDay:hover{
    --tw-border-opacity: 1 !important;
    border-color: rgb(60 80 224 / var(--tw-border-opacity)) !important;
    --tw-bg-opacity: 1 !important;
    background-color: rgb(60 80 224 / var(--tw-bg-opacity)) !important;
  }
  .flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n + 1)),
  .flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n + 1)),
  .flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n + 1)) {
    -webkit-box-shadow: -10px 0 0 #3c50e0;
            box-shadow: -10px 0 0 #3c50e0;
  }
  
  .map-btn .jvm-zoom-btn{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 1.875rem;
    width: 1.875rem;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    border-radius: 0.25rem;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(226 232 240 / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    padding-bottom: 0.125rem;
    font-size: 1.5rem;
    line-height: 2rem;
    line-height: 1;
    --tw-text-opacity: 1;
    color: rgb(100 116 139 / var(--tw-text-opacity));
  }
  
  .map-btn .jvm-zoom-btn:hover{
    --tw-border-opacity: 1;
    border-color: rgb(60 80 224 / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(60 80 224 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
  }
  
  .dark .map-btn .jvm-zoom-btn{
    --tw-border-opacity: 1;
    border-color: rgb(46 58 71 / var(--tw-border-opacity));
    --tw-text-opacity: 1;
    color: rgb(174 183 192 / var(--tw-text-opacity));
  }
  
  .dark .map-btn .jvm-zoom-btn:hover{
    --tw-border-opacity: 1;
    border-color: rgb(60 80 224 / var(--tw-border-opacity));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
  }
  .mapOne .jvm-zoom-btn{
    left: auto;
    top: auto;
    bottom: 0px;
  }
  .mapOne .jvm-zoom-btn.jvm-zoomin{
    right: 2.5rem;
  }
  .mapOne .jvm-zoom-btn.jvm-zoomout{
    right: 0px;
  }
  .mapTwo .jvm-zoom-btn{
    top: auto;
    bottom: 0px;
  }
  .mapTwo .jvm-zoom-btn.jvm-zoomin{
    left: 0px;
  }
  .mapTwo .jvm-zoom-btn.jvm-zoomout{
    left: 2.5rem;
  }
  
  .taskCheckbox:checked ~ .box span{
    opacity: 1;
  }
  .taskCheckbox:checked ~ p{
    text-decoration-line: line-through;
  }
  .taskCheckbox:checked ~ .box{
    --tw-border-opacity: 1;
    border-color: rgb(60 80 224 / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(60 80 224 / var(--tw-bg-opacity));
  }
  .dark .taskCheckbox:checked ~ .box{
    --tw-border-opacity: 1;
    border-color: rgb(60 80 224 / var(--tw-border-opacity));
  }
  
  .custom-input-date::-webkit-calendar-picker-indicator {
    background-position: center;
    background-repeat: no-repeat;
    background-size: 20px;
  }
  .custom-input-date-1::-webkit-calendar-picker-indicator {
    background-image: url(src/images/icon/icon-calendar.svg);
  }
  .custom-input-date-2::-webkit-calendar-picker-indicator {
    background-image: url(src/images/icon/icon-arrow-down.svg);
  }
  
  [x-cloak] {
    display: none !important;
  }
  
  .file\:mr-4::-webkit-file-upload-button{
    margin-right: 1rem;
  }
  
  .file\:mr-4::file-selector-button{
    margin-right: 1rem;
  }
  
  .file\:mr-5::-webkit-file-upload-button{
    margin-right: 1.25rem;
  }
  
  .file\:mr-5::file-selector-button{
    margin-right: 1.25rem;
  }
  
  .file\:border-collapse::-webkit-file-upload-button{
    border-collapse: collapse;
  }
  
  .file\:border-collapse::file-selector-button{
    border-collapse: collapse;
  }
  
  .file\:cursor-pointer::-webkit-file-upload-button{
    cursor: pointer;
  }
  
  .file\:cursor-pointer::file-selector-button{
    cursor: pointer;
  }
  
  .file\:rounded::-webkit-file-upload-button{
    border-radius: 0.25rem;
  }
  
  .file\:rounded::file-selector-button{
    border-radius: 0.25rem;
  }
  
  .file\:border-0::-webkit-file-upload-button{
    border-width: 0px;
  }
  
  .file\:border-0::file-selector-button{
    border-width: 0px;
  }
  
  .file\:border-\[0\.5px\]::-webkit-file-upload-button{
    border-width: 0.5px;
  }
  
  .file\:border-\[0\.5px\]::file-selector-button{
    border-width: 0.5px;
  }
  
  .file\:border-r::-webkit-file-upload-button{
    border-right-width: 1px;
  }
  
  .file\:border-r::file-selector-button{
    border-right-width: 1px;
  }
  
  .file\:border-solid::-webkit-file-upload-button{
    border-style: solid;
  }
  
  .file\:border-solid::file-selector-button{
    border-style: solid;
  }
  
  .file\:border-stroke::-webkit-file-upload-button{
    --tw-border-opacity: 1;
    border-color: rgb(226 232 240 / var(--tw-border-opacity));
  }
  
  .file\:border-stroke::file-selector-button{
    --tw-border-opacity: 1;
    border-color: rgb(226 232 240 / var(--tw-border-opacity));
  }
  
  .file\:bg-\[\#EEEEEE\]::-webkit-file-upload-button{
    --tw-bg-opacity: 1;
    background-color: rgb(238 238 238 / var(--tw-bg-opacity));
  }
  
  .file\:bg-\[\#EEEEEE\]::file-selector-button{
    --tw-bg-opacity: 1;
    background-color: rgb(238 238 238 / var(--tw-bg-opacity));
  }
  
  .file\:bg-whiter::-webkit-file-upload-button{
    --tw-bg-opacity: 1;
    background-color: rgb(245 247 253 / var(--tw-bg-opacity));
  }
  
  .file\:bg-whiter::file-selector-button{
    --tw-bg-opacity: 1;
    background-color: rgb(245 247 253 / var(--tw-bg-opacity));
  }
  
  .file\:px-2::-webkit-file-upload-button{
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  
  .file\:px-2::file-selector-button{
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  
  .file\:px-2\.5::-webkit-file-upload-button{
    padding-left: 0.625rem;
    padding-right: 0.625rem;
  }
  
  .file\:px-2\.5::file-selector-button{
    padding-left: 0.625rem;
    padding-right: 0.625rem;
  }
  
  .file\:px-5::-webkit-file-upload-button{
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
  
  .file\:px-5::file-selector-button{
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
  
  .file\:py-1::-webkit-file-upload-button{
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
  }
  
  .file\:py-1::file-selector-button{
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
  }
  
  .file\:py-3::-webkit-file-upload-button{
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }
  
  .file\:py-3::file-selector-button{
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }
  
  .file\:text-sm::-webkit-file-upload-button{
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
  
  .file\:text-sm::file-selector-button{
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
  
  .file\:font-normal::-webkit-file-upload-button{
    font-weight: 400;
  }
  
  .file\:font-normal::file-selector-button{
    font-weight: 400;
  }
  
  .hover\:bg-gray:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(239 244 251 / var(--tw-bg-opacity));
  }
  
  .hover\:bg-gray-2:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(247 249 252 / var(--tw-bg-opacity));
  }
  
  .hover\:bg-gray-3:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(250 250 250 / var(--tw-bg-opacity));
  }
  
  .hover\:bg-graydark:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(51 58 72 / var(--tw-bg-opacity));
  }
  
  .hover\:bg-primary\/5:hover{
    background-color: rgb(60 80 224 / 0.05);
  }
  
  .hover\:bg-white:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  }
  
  .hover\:bg-opacity-70:hover{
    --tw-bg-opacity: 0.7;
  }
  
  .hover\:bg-opacity-80:hover{
    --tw-bg-opacity: 0.8;
  }
  
  .hover\:bg-opacity-90:hover{
    --tw-bg-opacity: 0.9;
  }
  
  .hover\:bg-opacity-95:hover{
    --tw-bg-opacity: 0.95;
  }
  
  .hover\:fill-primary:hover{
    fill: #3C50E0;
  }
  
  .hover\:text-danger:hover{
    --tw-text-opacity: 1;
    color: rgb(211 64 83 / var(--tw-text-opacity));
  }
  
  .hover\:text-primary:hover{
    --tw-text-opacity: 1;
    color: rgb(60 80 224 / var(--tw-text-opacity));
  }
  
  .hover\:text-white:hover{
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
  }
  
  .hover\:underline:hover{
    text-decoration-line: underline;
  }
  
  .hover\:shadow-1:hover{
    --tw-shadow: 0px 1px 3px rgba(0, 0, 0, 0.08);
    --tw-shadow-colored: 0px 1px 3px var(--tw-shadow-color);
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }
  
  .hover\:shadow-card:hover{
    --tw-shadow: 0px 1px 3px rgba(0, 0, 0, 0.12);
    --tw-shadow-colored: 0px 1px 3px var(--tw-shadow-color);
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }
  
  .file\:hover\:bg-primary:hover::-webkit-file-upload-button{
    --tw-bg-opacity: 1;
    background-color: rgb(60 80 224 / var(--tw-bg-opacity));
  }
  
  .file\:hover\:bg-primary:hover::file-selector-button{
    --tw-bg-opacity: 1;
    background-color: rgb(60 80 224 / var(--tw-bg-opacity));
  }
  
  .file\:hover\:bg-opacity-10:hover::-webkit-file-upload-button{
    --tw-bg-opacity: 0.1;
  }
  
  .file\:hover\:bg-opacity-10:hover::file-selector-button{
    --tw-bg-opacity: 0.1;
  }
  
  .focus\:border-primary:focus{
    --tw-border-opacity: 1;
    border-color: rgb(60 80 224 / var(--tw-border-opacity));
  }
  
  .focus\:outline-none:focus{
    outline: 2px solid transparent;
    outline-offset: 2px;
  }
  
  .file\:focus\:border-primary:focus::-webkit-file-upload-button{
    --tw-border-opacity: 1;
    border-color: rgb(60 80 224 / var(--tw-border-opacity));
  }
  
  .file\:focus\:border-primary:focus::file-selector-button{
    --tw-border-opacity: 1;
    border-color: rgb(60 80 224 / var(--tw-border-opacity));
  }
  
  .focus-visible\:shadow-none:focus-visible{
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }
  
  .focus-visible\:outline-none:focus-visible{
    outline: 2px solid transparent;
    outline-offset: 2px;
  }
  
  .active\:border-primary:active{
    --tw-border-opacity: 1;
    border-color: rgb(60 80 224 / var(--tw-border-opacity));
  }
  
  .disabled\:cursor-default:disabled{
    cursor: default;
  }
  
  .disabled\:bg-whiter:disabled{
    --tw-bg-opacity: 1;
    background-color: rgb(245 247 253 / var(--tw-bg-opacity));
  }
  
  .group:hover .group-hover\:visible{
    visibility: visible;
  }
  
  .group:hover .group-hover\:text-primary{
    --tw-text-opacity: 1;
    color: rgb(60 80 224 / var(--tw-text-opacity));
  }
  
  .group:hover .group-hover\:opacity-100{
    opacity: 1;
  }
  
  .dark .dark\:block{
    display: block;
  }
  
  .dark .dark\:inline-block{
    display: inline-block;
  }
  
  .dark .dark\:hidden{
    display: none;
  }
  
  .dark .dark\:border-form-strokedark{
    --tw-border-opacity: 1;
    border-color: rgb(61 77 96 / var(--tw-border-opacity));
  }
  
  .dark .dark\:border-strokedark{
    --tw-border-opacity: 1;
    border-color: rgb(46 58 71 / var(--tw-border-opacity));
  }
  
  .dark .dark\:\!bg-white{
    --tw-bg-opacity: 1 !important;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important;
  }
  
  .dark .dark\:bg-\[\#1B1B24\]{
    --tw-bg-opacity: 1;
    background-color: rgb(27 27 36 / var(--tw-bg-opacity));
  }
  
  .dark .dark\:bg-\[\#37404F\]{
    --tw-bg-opacity: 1;
    background-color: rgb(55 64 79 / var(--tw-bg-opacity));
  }
  
  .dark .dark\:bg-\[\#5A616B\]{
    --tw-bg-opacity: 1;
    background-color: rgb(90 97 107 / var(--tw-bg-opacity));
  }
  
  .dark .dark\:bg-black{
    --tw-bg-opacity: 1;
    background-color: rgb(28 36 52 / var(--tw-bg-opacity));
  }
  
  .dark .dark\:bg-boxdark{
    --tw-bg-opacity: 1;
    background-color: rgb(36 48 63 / var(--tw-bg-opacity));
  }
  
  .dark .dark\:bg-form-input{
    --tw-bg-opacity: 1;
    background-color: rgb(29 42 57 / var(--tw-bg-opacity));
  }
  
  .dark .dark\:bg-meta-4{
    --tw-bg-opacity: 1;
    background-color: rgb(49 61 74 / var(--tw-bg-opacity));
  }
  
  .dark .dark\:bg-transparent{
    background-color: transparent;
  }
  
  .dark .dark\:bg-white{
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  }
  
  .dark .dark\:bg-white\/30{
    background-color: rgb(255 255 255 / 0.3);
  }
  
  .dark .dark\:bg-opacity-30{
    --tw-bg-opacity: 0.3;
  }
  
  .dark .dark\:fill-bodydark{
    fill: #AEB7C0;
  }
  
  .dark .dark\:fill-white{
    fill: #FFFFFF;
  }
  
  .dark .dark\:text-\[\#34D399\]{
    --tw-text-opacity: 1;
    color: rgb(52 211 153 / var(--tw-text-opacity));
  }
  
  .dark .dark\:text-bodydark{
    --tw-text-opacity: 1;
    color: rgb(174 183 192 / var(--tw-text-opacity));
  }
  
  .dark .dark\:text-white{
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
  }
  
  .dark .dark\:drop-shadow-none{
    --tw-drop-shadow: drop-shadow(0 0 #0000);
    -webkit-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: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
  }
  
  .dark .dark\:file\:border-form-strokedark::-webkit-file-upload-button{
    --tw-border-opacity: 1;
    border-color: rgb(61 77 96 / var(--tw-border-opacity));
  }
  
  .dark .dark\:file\:border-form-strokedark::file-selector-button{
    --tw-border-opacity: 1;
    border-color: rgb(61 77 96 / var(--tw-border-opacity));
  }
  
  .dark .dark\:file\:border-strokedark::-webkit-file-upload-button{
    --tw-border-opacity: 1;
    border-color: rgb(46 58 71 / var(--tw-border-opacity));
  }
  
  .dark .dark\:file\:border-strokedark::file-selector-button{
    --tw-border-opacity: 1;
    border-color: rgb(46 58 71 / var(--tw-border-opacity));
  }
  
  .dark .dark\:file\:bg-white\/30::-webkit-file-upload-button{
    background-color: rgb(255 255 255 / 0.3);
  }
  
  .dark .dark\:file\:bg-white\/30::file-selector-button{
    background-color: rgb(255 255 255 / 0.3);
  }
  
  .dark .dark\:file\:text-white::-webkit-file-upload-button{
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
  }
  
  .dark .dark\:file\:text-white::file-selector-button{
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
  }
  
  .dark .dark\:hover\:bg-boxdark:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(36 48 63 / var(--tw-bg-opacity));
  }
  
  .dark .dark\:hover\:bg-meta-4:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(49 61 74 / var(--tw-bg-opacity));
  }
  
  .dark .dark\:hover\:bg-opacity-70:hover{
    --tw-bg-opacity: 0.7;
  }
  
  .dark .dark\:hover\:bg-opacity-80:hover{
    --tw-bg-opacity: 0.8;
  }
  
  .dark .dark\:hover\:fill-primary:hover{
    fill: #3C50E0;
  }
  
  .dark .dark\:focus\:border-primary:focus{
    --tw-border-opacity: 1;
    border-color: rgb(60 80 224 / var(--tw-border-opacity));
  }
  
  .dark .dark\:disabled\:bg-black:disabled{
    --tw-bg-opacity: 1;
    background-color: rgb(28 36 52 / var(--tw-bg-opacity));
  }
  
  @media (min-width: 375px){
  
    .\32xsm\:gap-4{
      gap: 1rem;
    }
  
    .\32xsm\:gap-7{
      gap: 1.75rem;
    }
  }
  
  @media (min-width: 425px){
  
    .xsm\:bottom-4{
      bottom: 1rem;
    }
  
    .xsm\:right-4{
      right: 1rem;
    }
  
    .xsm\:flex-row{
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
    }
  
    .xsm\:px-4{
      padding-left: 1rem;
      padding-right: 1rem;
    }
  
    .xsm\:text-base{
      font-size: 1rem;
      line-height: 1.5rem;
    }
  }
  
  @media (min-width: 640px){
  
    .sm\:bottom-2{
      bottom: 0.5rem;
    }
  
    .sm\:right-0{
      right: 0px;
    }
  
    .sm\:right-2{
      right: 0.5rem;
    }
  
    .sm\:block{
      display: block;
    }
  
    .sm\:flex{
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
    }
  
    .sm\:h-44{
      height: 11rem;
    }
  
    .sm\:w-1\/2{
      width: 50%;
    }
  
    .sm\:w-80{
      width: 20rem;
    }
  
    .sm\:max-w-44{
      max-width: 11rem;
    }
  
    .sm\:grid-cols-2{
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  
    .sm\:grid-cols-5{
      grid-template-columns: repeat(5, minmax(0, 1fr));
    }
  
    .sm\:grid-cols-8{
      grid-template-columns: repeat(8, minmax(0, 1fr));
    }
  
    .sm\:flex-row{
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
    }
  
    .sm\:flex-nowrap{
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
    }
  
    .sm\:items-center{
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
    }
  
    .sm\:justify-between{
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
    }
  
    .sm\:gap-4{
      gap: 1rem;
    }
  
    .sm\:gap-5{
      gap: 1.25rem;
    }
  
    .sm\:p-12{
      padding: 3rem;
    }
  
    .sm\:p-12\.5{
      padding: 3.125rem;
    }
  
    .sm\:p-3{
      padding: 0.75rem;
    }
  
    .sm\:px-7{
      padding-left: 1.75rem;
      padding-right: 1.75rem;
    }
  
    .sm\:px-7\.5{
      padding-left: 1.875rem;
      padding-right: 1.875rem;
    }
  
    .sm\:py-7{
      padding-top: 1.75rem;
      padding-bottom: 1.75rem;
    }
  
    .sm\:py-7\.5{
      padding-top: 1.875rem;
      padding-bottom: 1.875rem;
    }
  
    .sm\:text-base{
      font-size: 1rem;
      line-height: 1.5rem;
    }
  
    .sm\:text-title-xl2{
      font-size: 33px;
      line-height: 45px;
    }
  }
  
  @media (min-width: 768px){
  
    .md\:visible{
      visibility: visible;
    }
  
    .md\:mt-6{
      margin-top: 1.5rem;
    }
  
    .md\:hidden{
      display: none;
    }
  
    .md\:h-25{
      height: 6.25rem;
    }
  
    .md\:h-30{
      height: 7.5rem;
    }
  
    .md\:h-65{
      height: 16.25rem;
    }
  
    .md\:w-\[190\%\]{
      width: 190%;
    }
  
    .md\:w-\[290\%\]{
      width: 290%;
    }
  
    .md\:grid-cols-2{
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  
    .md\:gap-6{
      gap: 1.5rem;
    }
  
    .md\:p-6{
      padding: 1.5rem;
    }
  
    .md\:p-9{
      padding: 2.25rem;
    }
  
    .md\:px-6{
      padding-left: 1.5rem;
      padding-right: 1.5rem;
    }
  
    .md\:opacity-100{
      opacity: 1;
    }
  }
  
  @media (min-width: 1024px){
  
    .lg\:static{
      position: static;
    }
  
    .lg\:mt-9{
      margin-top: 2.25rem;
    }
  
    .lg\:block{
      display: block;
    }
  
    .lg\:hidden{
      display: none;
    }
  
    .lg\:translate-x-0{
      --tw-translate-x: 0px;
      -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
              transform: 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));
    }
  
    .lg\:px-6{
      padding-left: 1.5rem;
      padding-right: 1.5rem;
    }
  
    .lg\:px-8{
      padding-left: 2rem;
      padding-right: 2rem;
    }
  
    .lg\:py-6{
      padding-top: 1.5rem;
      padding-bottom: 1.5rem;
    }
  
    .lg\:py-6\.5{
      padding-top: 1.625rem;
      padding-bottom: 1.625rem;
    }
  
    .lg\:pb-8{
      padding-bottom: 2rem;
    }
  
    .lg\:text-base{
      font-size: 1rem;
      line-height: 1.5rem;
    }
  }
  
  @media (min-width: 1280px){
  
    .xl\:col-span-2{
      grid-column: span 2 / span 2;
    }
  
    .xl\:col-span-3{
      grid-column: span 3 / span 3;
    }
  
    .xl\:col-span-4{
      grid-column: span 4 / span 4;
    }
  
    .xl\:col-span-5{
      grid-column: span 5 / span 5;
    }
  
    .xl\:col-span-7{
      grid-column: span 7 / span 7;
    }
  
    .xl\:col-span-8{
      grid-column: span 8 / span 8;
    }
  
    .xl\:block{
      display: block;
    }
  
    .xl\:h-31{
      height: 7.75rem;
    }
  
    .xl\:w-1\/2{
      width: 50%;
    }
  
    .xl\:w-125{
      width: 31.25rem;
    }
  
    .xl\:grid-cols-4{
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  
    .xl\:flex-row{
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
    }
  
    .xl\:gap-20{
      gap: 5rem;
    }
  
    .xl\:gap-7{
      gap: 1.75rem;
    }
  
    .xl\:gap-7\.5{
      gap: 1.875rem;
    }
  
    .xl\:border-l-2{
      border-left-width: 2px;
    }
  
    .xl\:p-17{
      padding: 4.25rem;
    }
  
    .xl\:p-17\.5{
      padding: 4.375rem;
    }
  
    .xl\:p-5{
      padding: 1.25rem;
    }
  
    .xl\:p-9{
      padding: 2.25rem;
    }
  
    .xl\:px-10{
      padding-left: 2.5rem;
      padding-right: 2.5rem;
    }
  
    .xl\:px-7{
      padding-left: 1.75rem;
      padding-right: 1.75rem;
    }
  
    .xl\:px-7\.5{
      padding-left: 1.875rem;
      padding-right: 1.875rem;
    }
  
    .xl\:pb-1{
      padding-bottom: 0.25rem;
    }
  
    .xl\:pb-11{
      padding-bottom: 2.75rem;
    }
  
    .xl\:pb-11\.5{
      padding-bottom: 2.875rem;
    }
  
    .xl\:pl-11{
      padding-left: 2.75rem;
    }
  }
  
  @media (min-width: 1536px){
  
    .\32xl\:mt-7{
      margin-top: 1.75rem;
    }
  
    .\32xl\:mt-7\.5{
      margin-top: 1.875rem;
    }
  
    .\32xl\:gap-7{
      gap: 1.75rem;
    }
  
    .\32xl\:gap-7\.5{
      gap: 1.875rem;
    }
  
    .\32xl\:p-10{
      padding: 2.5rem;
    }
  
    .\32xl\:px-11{
      padding-left: 2.75rem;
      padding-right: 2.75rem;
    }
  
    .\32xl\:px-20{
      padding-left: 5rem;
      padding-right: 5rem;
    }
  
    .\32xl\:px-7{
      padding-left: 1.75rem;
      padding-right: 1.75rem;
    }
  
    .\32xl\:px-7\.5{
      padding-left: 1.875rem;
      padding-right: 1.875rem;
    }
  }