sapp-common-package-test-final 1.0.0

package/dist/index.css

@@ -0,0 +1,997 @@
+._2hGgU {
+  display: flex
+}
+
+._3-Pu9 {
+  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))
+}
+
+._2Mcv6 {
+  cursor: pointer
+}
+
+._3EfQZ {
+  border-radius: 0px
+}
+
+._3-NVJ {
+  --tw-border-opacity: 1;
+  border-color: rgb(245 245 245 / var(--tw-border-opacity, 1))
+}
+
+._3-gs3 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(249 249 249 / var(--tw-bg-opacity, 1))
+}
+
+._2ENMR {
+  background-color: rgb(23 108 221 / 0.1)
+}
+
+._rF-HF {
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1))
+}
+
+._3mBZd {
+  --tw-text-opacity: 1 !important;
+  color: rgb(240 25 25 / var(--tw-text-opacity, 1)) !important
+}
+
+._Irb_H {
+  --tw-text-opacity: 1;
+  color: rgb(37 47 74 / var(--tw-text-opacity, 1))
+}
+
+._1pL5w {
+  --tw-text-opacity: 1;
+  color: rgb(75 85 99 / var(--tw-text-opacity, 1))
+}
+
+._NLvfI {
+  --tw-text-opacity: 1;
+  color: rgb(23 108 221 / var(--tw-text-opacity, 1))
+}
+
+._H-zEU {
+  --tw-text-opacity: 1;
+  color: rgb(152 161 183 / var(--tw-text-opacity, 1))
+}
+
+._p0OEu {
+  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)
+}
+
+._18t93 {
+  position: relative;
+  display: flex;
+  width: 100%
+}
+
+._18t93 * {
+  box-sizing: border-box !important
+}
+
+._18t93 button,
+._18t93 div,
+._18t93 table {
+  border-width: 0px !important;
+  border-style: none !important
+}
+
+._18t93 ul {
+  margin: 0px !important;
+  list-style-type: none !important;
+  padding: 0px !important
+}
+
+._1oiD_ {
+  cursor: pointer;
+  border-radius: 6px;
+  padding-top: 12px;
+  padding-bottom: 12px;
+  padding-left: 20px;
+  padding-right: 20px;
+  font-size: 14px
+}
+
+._1oiD_:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 184 0 / var(--tw-bg-opacity, 1));
+  --tw-text-opacity: 1;
+  color: rgb(255 255 255 / var(--tw-text-opacity, 1))
+}
+
+._-E7rn {
+  display: flex;
+  height: 24px;
+  width: 24px;
+  align-items: center;
+  justify-content: center;
+  border-radius: 4px;
+  --tw-bg-opacity: 1;
+  background-color: rgb(249 249 249 / var(--tw-bg-opacity, 1));
+  padding: 4px;
+  --tw-text-opacity: 1;
+  color: rgb(37 47 74 / var(--tw-text-opacity, 1))
+}
+
+._3WrnL {
+  --tw-bg-opacity: 1;
+  background-color: rgb(249 249 249 / var(--tw-bg-opacity, 1));
+  --tw-text-opacity: 1;
+  color: rgb(120 130 157 / var(--tw-text-opacity, 1))
+}
+
+._2-qBL {
+  --tw-border-opacity: 1;
+  border-color: rgb(255 184 0 / var(--tw-border-opacity, 1));
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 184 0 / var(--tw-bg-opacity, 1));
+  --tw-text-opacity: 1;
+  color: rgb(255 255 255 / var(--tw-text-opacity, 1))
+}
+
+._xYqjb {
+  --tw-border-opacity: 1;
+  border-color: rgb(23 108 221 / var(--tw-border-opacity, 1));
+  background-color: rgb(23 108 221 / 0.05);
+  --tw-text-opacity: 1;
+  color: rgb(23 108 221 / var(--tw-text-opacity, 1))
+}
+
+._1oq3N {
+  --tw-border-opacity: 1;
+  border-color: rgb(236 148 14 / var(--tw-border-opacity, 1));
+  background-color: rgb(236 148 14 / 0.05);
+  --tw-text-opacity: 1;
+  color: rgb(236 148 14 / var(--tw-text-opacity, 1))
+}
+
+._1hTMm {
+  --tw-border-opacity: 1;
+  border-color: rgb(7 175 23 / var(--tw-border-opacity, 1));
+  background-color: rgb(7 175 23 / 0.05);
+  --tw-text-opacity: 1;
+  color: rgb(7 175 23 / var(--tw-text-opacity, 1))
+}
+
+._1hEJk {
+  --tw-border-opacity: 1;
+  border-color: rgb(240 25 25 / var(--tw-border-opacity, 1));
+  background-color: rgb(240 25 25 / 0.05);
+  --tw-text-opacity: 1;
+  color: rgb(240 25 25 / var(--tw-text-opacity, 1))
+}
+
+._8FWXy {
+  --tw-bg-opacity: 1;
+  background-color: rgb(242 244 247 / var(--tw-bg-opacity, 1));
+  --tw-text-opacity: 1;
+  color: rgb(120 130 157 / var(--tw-text-opacity, 1))
+}
+
+._102cL {
+  display: flex;
+  flex-grow: 1;
+  flex-direction: column;
+  row-gap: 24px;
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
+  padding-left: 32px;
+  padding-right: 32px;
+  padding-bottom: 32px
+}
+
+div._3Yvs5 {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  border-bottom-width: 1px !important;
+  border-style: solid !important;
+  --tw-border-opacity: 1;
+  border-color: rgb(241 241 244 / var(--tw-border-opacity, 1));
+  padding-top: 16px;
+  padding-bottom: 16px
+}
+
+._18m93 {
+  display: flex;
+  align-items: center;
+  -moz-column-gap: 16px;
+       column-gap: 16px
+}
+
+._2GTYD {
+  display: flex;
+  align-items: center;
+  -moz-column-gap: 16px;
+       column-gap: 16px
+}
+
+._2GTYD:focus-within {
+  --tw-shadow: 0 0 #0000 !important;
+  --tw-shadow-colored: 0 0 #0000 !important;
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important
+}
+
+._18t93 div._2GTYD input {
+  width: 150px !important;
+  cursor: pointer !important;
+  font-size: 18px !important;
+  font-weight: 600 !important;
+  --tw-text-opacity: 1 !important;
+  color: rgb(37 47 74 / var(--tw-text-opacity, 1)) !important
+}
+
+._18t93 div._2GTYD input:focus-within {
+  border-style: none
+}
+
+._35LQ0 {
+  font-size: 18px;
+  font-weight: 600;
+  --tw-text-opacity: 1;
+  color: rgb(37 47 74 / var(--tw-text-opacity, 1))
+}
+
+._FqVqb {
+  display: flex;
+  align-items: center;
+  -moz-column-gap: 16px;
+       column-gap: 16px
+}
+
+div._3kHog {
+  height: 32px;
+  border-right-width: 1px !important;
+  border-style: solid !important;
+  --tw-border-opacity: 1;
+  border-color: rgb(219 223 233 / var(--tw-border-opacity, 1))
+}
+
+._18t93 thead th,
+._18t93 tbody td {
+  border-style: none !important;
+  background-color: transparent !important;
+  padding: 0px !important
+}
+
+._18t93 thead th::before,
+._18t93 tbody td::before {
+  content: var(--tw-content) !important;
+  width: 0px !important
+}
+
+._2NDGW,
+._1QrJs {
+  width: 100%;
+  overflow: hidden
+}
+
+._3Tsy4 {
+  text-align: center;
+  font-size: 12px;
+  font-weight: 600
+}
+
+._2NDGW
+  thead
+  th:first-child
+  > ._3Tsy4._1Dyjm {
+  width: 100px;
+  --tw-text-opacity: 1;
+  color: rgb(255 184 0 / var(--tw-text-opacity, 1))
+}
+
+div._sGK9m {
+  display: flex;
+  flex-direction: column;
+  border-top-width: 1px !important;
+  border-style: solid !important;
+  --tw-border-opacity: 1;
+  border-color: rgb(245 245 245 / var(--tw-border-opacity, 1))
+}
+
+._1Jsb- {
+  padding-left: 8px;
+  padding-right: 8px;
+  padding-top: 8px;
+  font-weight: 500;
+  --tw-text-opacity: 1;
+  color: rgb(255 184 0 / var(--tw-text-opacity, 1))
+}
+
+._2NDGW tbody td > div {
+  margin-left: 4px;
+  margin-right: 4px;
+  padding-left: 8px;
+  padding-right: 8px
+}
+
+._2NDGW thead th > div,
+._1QrJs thead th > div {
+  padding-top: 12px;
+  padding-bottom: 12px
+}
+
+._2NDGW tbody td > div {
+  height: 150px;
+  padding-bottom: 4px
+}
+
+div._2hVZ4 {
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+  border-top-width: 1px !important;
+  border-style: solid !important
+}
+
+div._1uenJ {
+  border-top-width: 4px !important;
+  --tw-border-opacity: 1;
+  border-color: rgb(31 127 181 / var(--tw-border-opacity, 1));
+  --tw-bg-opacity: 1;
+  background-color: rgb(245 250 255 / var(--tw-bg-opacity, 1))
+}
+
+div._1uenJ > div {
+  border-top-width: 4px !important;
+  --tw-bg-opacity: 1;
+  background-color: rgb(31 127 181 / var(--tw-bg-opacity, 1));
+  padding: 8px;
+  --tw-text-opacity: 1;
+  color: rgb(255 255 255 / var(--tw-text-opacity, 1))
+}
+
+._2hVZ4 > div {
+  overflow: hidden;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 1;
+  width: -moz-fit-content;
+  width: fit-content;
+  padding-left: 8px;
+  padding-right: 8px;
+  padding-top: 8px;
+  font-size: 14px;
+  font-weight: 400
+}
+
+._2hVZ4 > ul,
+._2Uo1f {
+  display: flex;
+  cursor: pointer;
+  flex-direction: column;
+  row-gap: 4px
+}
+
+._2hVZ4 > ul > li,
+._2Uo1f > li {
+  border-radius: 4px;
+  padding-left: 8px;
+  padding-right: 8px;
+  padding-top: 2px;
+  padding-bottom: 2px
+}
+
+._2gsg7 {
+  overflow: hidden;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 1;
+  font-size: 13px;
+  font-weight: 500
+}
+
+._2GtPn {
+  overflow: hidden;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 1;
+  font-size: 13px;
+  font-weight: 400
+}
+
+._2hVZ4 > ul > div:last-child {
+  cursor: pointer;
+  font-size: 13px;
+  font-weight: 500;
+  line-height: 13px
+}
+
+._1QrJs table {
+  border-width: 0px
+}
+
+._5WuQ8 {
+  display: flex;
+  flex-direction: column;
+  row-gap: 2px;
+  text-align: center;
+  font-size: 12px;
+  font-weight: 600
+}
+
+._1QrJs thead th:first-child > ._5WuQ8 {
+  width: 100px;
+  --tw-text-opacity: 1;
+  color: rgb(255 184 0 / var(--tw-text-opacity, 1))
+}
+
+._1QrJs tbody td {
+  border-width: 0.5px !important;
+  border-style: solid !important;
+  --tw-border-opacity: 1;
+  border-color: rgb(219 223 233 / var(--tw-border-opacity, 1))
+}
+
+._1QrJs tbody td:first-child > div {
+  text-align: center;
+  font-size: 12px
+}
+
+._3lPkV {
+  height: 60px;
+  width: 100%
+}
+
+._3lPkV > div {
+  position: absolute;
+  left: 5%;
+  z-index: 10;
+  width: 90%;
+  cursor: pointer;
+  border-radius: 0.125rem;
+  border-left-width: 2px !important;
+  border-style: solid !important;
+  padding: 12px
+}
+
+._hnHem {
+  display: flex;
+  flex-direction: column;
+  row-gap: 8px
+}
+
+._21a0T {
+  font-size: 14px;
+  font-weight: 600
+}
+
+._PiKmX {
+  font-size: 14px;
+  font-weight: 400
+}
+
+._1pvXT,
+._1pvXT {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  -moz-column-gap: 8px;
+       column-gap: 8px
+}
+
+._1pvXT > ._21a0T,
+._1pvXT > ._PiKmX {
+  overflow: hidden;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 1
+}
+
+button._1GA3p {
+  border-radius: 0px;
+  border-width: 1px !important;
+  border-style: solid !important;
+  --tw-border-opacity: 1 !important;
+  border-color: rgb(220 221 221 / var(--tw-border-opacity, 1)) !important;
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
+  --tw-text-opacity: 1;
+  color: rgb(161 161 161 / var(--tw-text-opacity, 1))
+}
+
+button._1GA3p:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(255 184 0 / var(--tw-border-opacity, 1))
+}
+
+.ant-picker-input > input {
+  text-align: center
+}
+
+._1gLzS {
+  --tw-text-opacity: 1;
+  color: rgb(255 184 0 / var(--tw-text-opacity, 1))
+}
+
+/* value */
+
+.ant-select {
+  border-radius: 0px;
+  font-weight: 400;
+  --tw-text-opacity: 1 !important;
+  color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important
+}
+
+.select-mode {
+  height: 100% !important
+}
+
+.select-mode .ant-select-selector {
+  height: 100%;
+  padding-top: 6px !important;
+  padding-bottom: 6px !important;
+  padding-left: 20px !important;
+  padding-right: 20px !important;
+  border-radius: 0px !important;
+  --tw-bg-opacity: 1 !important;
+  background-color: rgb(255 184 0 / var(--tw-bg-opacity, 1)) !important;
+  font-weight: 400;
+  --tw-text-opacity: 1;
+  color: rgb(255 255 255 / var(--tw-text-opacity, 1))
+}
+
+div._12I9I {
+  border-radius: 0px;
+  --tw-bg-opacity: 1 !important;
+  background-color: rgb(255 184 0 / var(--tw-bg-opacity, 1)) !important;
+  --tw-text-opacity: 1 !important;
+  color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important
+}
+
+.select-mode .ant-select-arrow {
+  --tw-text-opacity: 1 !important;
+  color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important
+}
+
+.ant-select-item-option:hover {
+  background-color: #ec940e0d !important;
+  --tw-text-opacity: 1 !important;
+  color: rgb(255 184 0 / var(--tw-text-opacity, 1)) !important
+}
+
+.ant-select-dropdown {
+  width: 100%
+}
+
+._1ZvuX {
+  width: 100% !important
+}
+
+.ant-select-item-option-selected {
+  background-color: #ec940e0d !important;
+  --tw-text-opacity: 1 !important;
+  color: rgb(255 184 0 / var(--tw-text-opacity, 1)) !important
+}
+
+.ant-select-selector:focus {
+  /* Màu viền vàng, không có shadow */
+  --tw-border-opacity: 1 !important;
+  border-color: rgb(255 184 0 / var(--tw-border-opacity, 1)) !important;
+  --tw-shadow: 0 0 #0000;
+  --tw-shadow-colored: 0 0 #0000;
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
+  /* Màu viền vàng, không có shadow */
+}
+
+.ant-picker-cell-selected > div {
+  --tw-bg-opacity: 1 !important;
+  background-color: rgb(255 184 0 / var(--tw-bg-opacity, 1)) !important
+}
+
+.ant-picker-cell-selected > div::before {
+  --tw-border-opacity: 1 !important;
+  border-color: rgb(255 184 0 / var(--tw-border-opacity, 1)) !important
+}
+
+@tailwind utilities;
+
+._2OOkM {
+  @apply w-full relative flex;
+}
+
+._2OOkM * {
+  @apply !box-border;
+}
+
+._2OOkM button,
+._2OOkM div,
+._2OOkM table {
+  @apply !border-0 !border-none;
+}
+
+._2OOkM ul {
+  @apply !m-0 !p-0 !list-none;
+}
+
+._3EiSs {
+  @apply py-3 px-5 rounded-md text-sm hover:bg-primary hover:text-white cursor-pointer;
+}
+
+._3fS4I {
+  @apply flex justify-center items-center w-6 h-6 rounded p-1 bg-[#F9F9F9] text-[#252F4A];
+}
+
+._3LEeo {
+  @apply bg-button text-gray-2;
+}
+
+._1N2aY {
+  @apply border-primary bg-primary text-white;
+}
+
+._2tFGa {
+  @apply border-info bg-info/5 text-info;
+}
+
+._3cS4h {
+  @apply border-warning bg-warning/5 text-warning;
+}
+
+._ubFeJ {
+  @apply border-success bg-success/5 text-success;
+}
+
+._1s2ED {
+  @apply border-error bg-error/5 text-error;
+}
+
+._3rwzE {
+  @apply bg-secondary-bg text-gray-2;
+}
+
+._9uloX {
+  @apply flex flex-col gap-y-6 px-8 pb-8 bg-white flex-grow;
+}
+
+div._2Uj7C {
+  @apply flex justify-between items-center py-4 !border-b-0.25 !border-solid border-[#F1F1F4];
+}
+
+._1NX4k {
+  @apply flex items-center gap-x-4;
+}
+
+._pki6z {
+  @apply flex items-center gap-x-4 focus-within:!shadow-none;
+}
+
+._2OOkM div._pki6z input {
+  @apply !w-[150px] !text-lg !font-semibold !text-black !cursor-pointer focus-within:border-none;
+}
+
+._3HZUA {
+  @apply text-[18px] font-semibold text-black;
+}
+
+._2z7Aw {
+  @apply flex items-center gap-x-4;
+}
+
+div._US4AW {
+  @apply h-8 !border-r-0.25 !border-solid border-input;
+}
+
+._2OOkM thead th,
+._2OOkM tbody td {
+  @apply !border-none !bg-transparent before:!w-0 !p-0;
+}
+
+._3gTTi,
+._1JsGC {
+  @apply w-full overflow-hidden;
+}
+
+._2244F {
+  @apply text-center font-semibold text-xs;
+}
+
+._3gTTi
+  thead
+  th:first-child
+  > ._2244F._2ZBuL {
+  @apply w-[100px] text-primary;
+}
+
+div._1N_J1 {
+  @apply flex flex-col !border-t-0.25 !border-solid border-gray-4;
+}
+
+._3bFF2 {
+  @apply pt-2 px-2 font-medium text-primary;
+}
+
+._3gTTi tbody td > div {
+  @apply mx-1 px-2;
+}
+
+._3gTTi thead th > div,
+._1JsGC thead th > div {
+  @apply py-3;
+}
+
+._3gTTi tbody td > div {
+  @apply h-[150px] pb-1;
+}
+
+div._33-xY {
+  @apply flex flex-col justify-between !border-t-0.25 !border-solid;
+}
+
+div._30qaU  {
+  @apply border-[#1F7FB5] !border-t-4 bg-[#F5FAFF];
+}
+
+div._30qaU > div  {
+  @apply bg-[#1F7FB5] !border-t-4 text-white p-2;
+}
+
+._33-xY > div {
+  @apply w-fit pt-2 px-2 text-sm font-normal line-clamp-1;
+}
+
+._33-xY > ul,
+._1fqX3 {
+  @apply flex flex-col gap-y-1 cursor-pointer;
+}
+
+._33-xY > ul > li,
+._1fqX3 > li {
+  @apply px-2 py-0.5 rounded;
+}
+
+._S-x_L {
+  @apply text-[13px] font-medium line-clamp-1;
+}
+
+._1nF27 {
+  @apply text-[13px] font-normal line-clamp-1;
+}
+
+._33-xY > ul > div:last-child {
+  @apply text-[13px] leading-[13px] font-medium cursor-pointer;
+}
+
+._1JsGC table {
+  @apply border-0;
+}
+
+._3HaWW {
+  @apply flex flex-col gap-y-0.5 text-center font-semibold text-xs;
+}
+
+._1JsGC thead th:first-child > ._3HaWW {
+  @apply w-[100px] text-primary;
+}
+
+._1JsGC tbody td {
+  @apply !border-[0.5px] !border-solid border-[#DBDFE9];
+}
+
+._1JsGC tbody td:first-child > div {
+  @apply text-center text-xs;
+}
+
+._1tvYg {
+  @apply h-[60px] w-full;
+}
+
+._1tvYg > div {
+  @apply absolute z-10 left-[5%] w-[90%] !border-l-2 !border-solid rounded-sm p-3 cursor-pointer;
+}
+
+._35RRs {
+  @apply flex flex-col gap-y-2;
+}
+
+._1VuQw {
+  @apply text-sm font-semibold;
+}
+
+._1D_PH {
+  @apply text-sm font-normal;
+}
+
+._16clH,
+._16clH {
+  @apply flex flex-row gap-x-2 items-center;
+}
+
+._16clH > ._1VuQw,
+._16clH > ._1D_PH {
+  @apply line-clamp-1;
+}
+
+button._3-kZ6 {
+ @apply bg-white !border text-[#A1A1A1] !border-[#DCDDDD] !border-solid rounded-none hover:border-[#FFB800]
+}
+
+.ant-picker-input > input {
+  @apply text-center
+}
+
+._1nh0f {
+  @apply text-[#FFB800];
+}
+
+
+/* value */
+.ant-select {
+  @apply !text-white  font-normal rounded-none;
+}
+
+.select-mode {
+  @apply !h-full;
+ }
+
+.select-mode .ant-select-selector {
+ @apply !py-[6px] !px-[20px] h-full;
+}
+
+.select-mode .ant-select-selector {
+  @apply !bg-[#FFB800] text-white font-normal !rounded-none;
+ }
+
+div._1dZBN {
+  @apply !bg-[#FFB800] !text-white rounded-none;
+}
+
+.select-mode .ant-select-arrow {
+  @apply !text-white;
+}
+
+.ant-select-item-option:hover {
+  @apply !bg-[#ec940e0d] !text-[#ffb800];
+}
+
+.ant-select-dropdown {
+  @apply w-full;
+}
+
+._1n_Gs {
+  @apply !w-full;
+}
+
+.ant-select-item-option-selected {
+  @apply !bg-[#ec940e0d] !text-[#ffb800];
+}
+
+.ant-select-selector:focus {
+  @apply !border-[#FFB800] shadow-none; /* Màu viền vàng, không có shadow */
+}
+
+.ant-select-selector:focus {
+  @apply !border-[#FFB800] shadow-none; /* Màu viền vàng, không có shadow */
+}
+
+.ant-picker-cell-selected > div {
+  @apply !bg-[#FFB800]
+}
+.ant-picker-cell-selected > div::before {
+  @apply !border-[#FFB800]
+}
+
+._2Y9jk ._3puh0 {
+  display: none
+}
+
+._2Y9jk {
+  border-width: 1px !important;
+  border-style: solid !important;
+  --tw-border-opacity: 1 !important;
+  border-bottom-color: rgb(220 221 221 / var(--tw-border-opacity, 1)) !important
+}
+
+.ant-picker-calendar-header .ant-picker-calendar-year-select {
+  border-width: 1px !important;
+  border-style: solid !important;
+  --tw-border-opacity: 1 !important;
+  border-color: rgb(220 221 221 / var(--tw-border-opacity, 1)) !important
+}
+
+.ant-picker-calendar-header .ant-picker-calendar-month-select {
+  border-width: 1px !important;
+  border-style: solid !important;
+  --tw-border-opacity: 1 !important;
+  border-color: rgb(220 221 221 / var(--tw-border-opacity, 1)) !important
+}
+
+.ant-picker-calendar-header .ant-picker-calendar-mode-switch {
+  display: none
+}
+
+.ant-picker-calendar-header {
+  display: flex;
+  flex-direction: row-reverse;
+  justify-content: flex-start !important;
+  gap: 8px
+}
+
+._2Y9jk > ._1b_yY {
+  border-width: 1px !important;
+  --tw-border-opacity: 1 !important;
+  border-color: rgb(220 221 221 / var(--tw-border-opacity, 1)) !important
+}
+
+._1K0QG {
+  height: 100%;
+  max-width: 295px;
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
+  padding: 40px
+}
+
+._1kmo4 {
+  display: flex;
+  align-items: center;
+  justify-content: flex-start;
+  gap: 10px;
+  font-size: 16px
+}
+
+._3yl3q {
+  height: 12px;
+  width: 12px;
+  --tw-bg-opacity: 1;
+  background-color: rgb(23 108 221 / var(--tw-bg-opacity, 1))
+}
+
+._dS6FM {
+  height: 12px;
+  width: 12px;
+  --tw-bg-opacity: 1;
+  background-color: rgb(143 111 234 / var(--tw-bg-opacity, 1))
+}
+
+._2v-Pp {
+  height: 12px;
+  width: 12px;
+  --tw-bg-opacity: 1;
+  background-color: rgb(15 167 61 / var(--tw-bg-opacity, 1))
+}
+
+._1u4J8 {
+  height: 12px;
+  width: 12px;
+  --tw-bg-opacity: 1;
+  background-color: rgb(248 151 7 / var(--tw-bg-opacity, 1))
+}
+
+._1RLYM {
+  height: 12px;
+  width: 12px;
+  --tw-bg-opacity: 1;
+  background-color: rgb(240 25 25 / var(--tw-bg-opacity, 1))
+}
+
+._29aaM {
+  margin-left: 12px;
+  margin-bottom: 8px;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 8px;
+  font-size: 16px;
+  font-weight: 500
+}
+
+._1yCoo:hover {
+  cursor: pointer
+}
+
+@media screen and (max-width: 1024px) {
+  ._1K0QG {
+    position: absolute;
+    top: 5%;
+    z-index: 999;
+    height: 100%;
+    overflow: auto;
+    --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
+    --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
+  }
+}