@charset "UTF-8";.btn {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  border-radius: var(--border-radius);
  background-color: var(--btn-bg-primary-color);
  color: var(--text-color);
  cursor: pointer;
  transition: all var(--transition-duration);
  width: 100%;
  max-width: max-content;
  min-width: fit-content;
  max-inline-size: 100%;
  flex: 0 1 auto;
  white-space: normal;
  overflow-wrap: anywhere;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  overflow: hidden;
  margin: 0 auto;
}
.btn.btn-green {
  color: var(--green-color);
}
.btn.btn-green:hover, .btn.btn-green.btn-hover {
  background-color: var(--green-color);
  color: #fff;
}
.btn.btn-green:active, .btn.btn-green.btn-active {
  background-color: #fff;
  color: var(--green-color);
}
.btn.btn-red {
  color: var(--red-color);
}
.btn.btn-red:hover, .btn.btn-red.btn-hover {
  background-color: var(--red-color);
  color: #fff;
}
.btn.btn-red:active, .btn.btn-red.btn-active {
  background-color: #fff;
  color: var(--red-color);
}
.btn.btn-orange {
  color: var(--orange-color);
}
.btn.btn-orange:hover, .btn.btn-orange.btn-hover {
  background-color: var(--orange-color);
  color: #fff;
}
.btn.btn-orange:active, .btn.btn-orange.btn-active {
  background-color: #fff;
  color: var(--orange-color);
}
.btn.btn-blue {
  color: var(--blue-color);
}
.btn.btn-blue:hover, .btn.btn-blue.btn-hover {
  background-color: var(--blue-color);
  color: #fff;
}
.btn.btn-blue:active, .btn.btn-blue.btn-active {
  background-color: #fff;
  color: var(--blue-color);
}
.btn:hover, .btn.btn-hover {
  background-color: var(--btn-bg-hover-color);
  color: #fff;
}
.btn:active, .btn.btn-active {
  background-color: var(--btn-bg-active-color);
  color: #fff;
}
.btn.btn-shadow {
  box-shadow: var(--btn-box-shadow);
}
.btn.btn-shadow:hover {
  box-shadow: var(--btn-box-shadow-hover);
}
.btn.btn-shadow:active {
  box-shadow: var(--btn-box-shadow-active);
}
.btn.btn-small {
  height: 30px;
  padding: 5px 5px;
}
.btn.btn-small.btn-square {
  width: 30px;
  min-width: 30px;
  max-width: 30px;
}
.btn.btn-medium {
  height: 40px;
  padding: 10px 10px;
}
.btn.btn-medium.btn-square {
  width: 40px;
  min-width: 40px;
  max-width: 40px;
}
.btn.btn-large {
  height: 50px;
  padding: 10px 10px;
}
.btn.btn-large.btn-square {
  width: 50px;
  min-width: 50px;
  max-width: 50px;
}
.btn.btn-square svg {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}
.btn.btn-disable {
  color: #d1d1d1;
  background-color: #f0f0f0;
  pointer-events: none;
}
.btn.btn-bg-none {
  background: none !important;
}
.btn.btn-bg-none:hover {
  color: var(--text-color) !important;
}
.btn .wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}
.btn .wrapper .text {
  font-size: 14px;
  font-weight: 600;
  line-height: 12px;
}
.btn .wrapper:has(.icon) {
  gap: 5px;
}.spinner.p-progressspinner .p-progressspinner-circle {
  stroke: var(--blue-color) !important;
}.modal-window {
  border: none !important;
  box-shadow: none !important;
  box-shadow: var(--modal-window-box-shadow) !important;
  resize: both !important;
  overflow: auto !important;
}
.modal-window .modal-window__body {
  position: relative;
}
.modal-window.fullscreen {
  width: 100vw !important;
  height: 100vh !important;
  max-width: 100vw !important;
  max-height: 100vh !important;
  top: 0 !important;
  left: 0 !important;
  transform: none !important;
}
.modal-window .p-dialog {
  border-radius: var(--border-radius) !important;
  border: none !important;
  min-width: 300px !important;
  min-height: 200px !important;
  max-width: 90vw !important;
  max-height: 90vh !important;
}
.modal-window .p-dialog-header {
  border-radius: 0 !important;
  border-top-left-radius: var(--border-radius) !important;
  border-top-right-radius: var(--border-radius) !important;
  height: 50px !important;
  padding: 0 !important;
  color: var(--text-color) !important;
}
.modal-window .p-dialog-close-button {
  color: #fff !important;
  background-color: var(--btn-bg-hover-color) !important;
  box-shadow: var(--btn-box-shadow) !important;
  border-radius: var(--border-radius) !important;
  height: var(--btn-icon-height) !important;
  width: var(--btn-icon-width) !important;
  transition-duration: var(--transition-duration) !important;
}
.modal-window .p-dialog-close-button:hover {
  background-color: var(--btn-bg-active-color) !important;
}
.modal-window .p-dialog-close-button:active {
  background-color: var(--btn-bg-primary-color) !important;
  color: #000 !important;
}
.modal-window .p-dialog-close-button:focus-visible {
  outline: none !important;
  border: none !important;
}
.modal-window .p-dialog-content {
  background-color: #fff !important;
  color: var(--text-color) !important;
  padding: 15px 30px !important;
  height: 100% !important;
}
.modal-window .p-dialog-footer {
  justify-content: start !important;
  background-color: var(--modal-window-footer-color) !important;
  border-radius: 0 !important;
  border-bottom-left-radius: var(--border-radius) !important;
  border-bottom-right-radius: var(--border-radius) !important;
  padding: 5px 30px !important;
  height: 50px !important;
}
.modal-window .modal-window__loading-overlay {
  position: absolute;
  inset: 0;
  z-index: 100;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--border-radius);
  background-color: rgba(0, 0, 0, 0.5);
}.mi-std-button[data-v-638be292] {
  padding: 0;
  margin: 0;
  cursor: pointer;
  font-size: 12px;
  font-weight: 500;
  color: var(--text-color);
  border-radius: var(--border-radius);
  transition: 0.2s;
  display: flex;
  gap: 10px;
  justify-content: center;
  align-items: center;
}
.mi-std-button.shadow[data-v-638be292] {
  box-shadow: 0 3px 8px 0 hsla(0, 0%, 0%, 0.24);
}
.mi-std-button.hover[data-v-638be292]:not(:disabled), .mi-std-button[data-v-638be292]:hover:not(:disabled) {
  transition: 0.2s;
}
.mi-std-button.hover:not(:disabled).shadow[data-v-638be292], .mi-std-button:hover:not(:disabled).shadow[data-v-638be292] {
  box-shadow: 0 3px 6px -2px hsla(0, 0%, 0%, 0.4);
}
.mi-std-button.active[data-v-638be292]:not(:disabled), .mi-std-button[data-v-638be292]:active:not(:disabled) {
  transition: 0.2s;
}
.mi-std-button.active:not(:disabled).shadow[data-v-638be292], .mi-std-button:active:not(:disabled).shadow[data-v-638be292] {
  box-shadow: 0 1px 3px 0 hsla(0, 0%, 0%, 0.15);
}
.mi-std-button.light-blue-blue[data-v-638be292] {
  background-color: var(--btn-bg-primary-color);
  color: var(--text-color);
}
.mi-std-button.light-blue-blue.hover[data-v-638be292]:not(:disabled), .mi-std-button.light-blue-blue[data-v-638be292]:hover:not(:disabled) {
  background-color: var(--btn-bg-hover-color);
  color: white;
}
.mi-std-button.light-blue-blue.active[data-v-638be292]:not(:disabled), .mi-std-button.light-blue-blue[data-v-638be292]:active:not(:disabled) {
  background-color: var(--btn-bg-active-color);
  color: white;
}
.mi-std-button.gray-blue-light[data-v-638be292] {
  background-color: var(--btn-bg-primary-color);
  color: var(--text-color);
}
.mi-std-button.gray-blue-light.hover[data-v-638be292]:not(:disabled), .mi-std-button.gray-blue-light[data-v-638be292]:hover:not(:disabled) {
  background-color: var(--btn-bg-hover-color);
  color: white;
}
.mi-std-button.gray-blue-light.active[data-v-638be292]:not(:disabled), .mi-std-button.gray-blue-light[data-v-638be292]:active:not(:disabled) {
  background-color: white;
  color: var(--text-color);
}
.mi-std-button.blue-blue-light[data-v-638be292] {
  background-color: var(--btn-bg-hover-color);
  color: white;
}
.mi-std-button.blue-blue-light.hover[data-v-638be292]:not(:disabled), .mi-std-button.blue-blue-light[data-v-638be292]:hover:not(:disabled) {
  background-color: var(--btn-bg-active-color);
  color: white;
}
.mi-std-button.blue-blue-light.active[data-v-638be292]:not(:disabled), .mi-std-button.blue-blue-light[data-v-638be292]:active:not(:disabled) {
  background-color: var(--btn-bg-primary-color);
  color: var(--text-color);
}
.mi-std-button.gray-green-light[data-v-638be292] {
  background-color: var(--btn-bg-primary-color);
  color: var(--btn-green-color);
}
.mi-std-button.gray-green-light.hover[data-v-638be292]:not(:disabled), .mi-std-button.gray-green-light[data-v-638be292]:hover:not(:disabled) {
  background-color: var(--btn-green-color);
  color: white;
}
.mi-std-button.gray-green-light.active[data-v-638be292]:not(:disabled), .mi-std-button.gray-green-light[data-v-638be292]:active:not(:disabled) {
  background-color: white;
  color: var(--text-color);
}
.mi-std-button.gray-red-light[data-v-638be292] {
  background-color: var(--btn-bg-primary-color);
  color: var(--btn-red-color);
}
.mi-std-button.gray-red-light.hover[data-v-638be292]:not(:disabled), .mi-std-button.gray-red-light[data-v-638be292]:hover:not(:disabled) {
  background-color: var(--btn-red-color);
  color: white;
}
.mi-std-button.gray-red-light.active[data-v-638be292]:not(:disabled), .mi-std-button.gray-red-light[data-v-638be292]:active:not(:disabled) {
  color: var(--btn-red-color);
  background-color: white;
}
.mi-std-button.disabled[data-v-638be292], .mi-std-button[data-v-638be292]:disabled {
  opacity: 0.6;
  filter: grayscale(100%);
  cursor: not-allowed;
}.header--user[data-v-2acd1c71] {
  display: flex;
  align-items: center;
  transition: color 0.1s ease;
}
.header--user .header--user-exit[data-v-2acd1c71] {
  cursor: pointer;
  color: var(--blue-color);
}
.header--user .header--user-exit[data-v-2acd1c71]:hover {
  color: var(--orange-color);
}
.header--user .header--user-username[data-v-2acd1c71] {
  cursor: pointer;
  display: flex;
  min-width: 0;
  justify-content: center;
  color: var(--text-color);
  font-weight: 600;
}
.header--user .header--user-username[data-v-2acd1c71]:hover {
  color: var(--green-color);
}
.header--user .header--user-username-text[data-v-2acd1c71] {
  display: block;
  min-width: 0;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}.header[data-v-133e7278] {
  flex-shrink: 0;
}
.green[data-v-133e7278] {
  width: 100%;
  height: 100%;
  padding: 20px 5px 0 5px;
  background-color: var(--green-color);
  border-radius: 0 10px 0 0;
}
.orange[data-v-133e7278] {
  height: 100%;
  width: 100%;
  padding: 20px 5px 0 5px;
  background-color: var(--orange-color);
  border-radius: 10px 10px 0 0;
}
.blue[data-v-133e7278] {
  height: 100%;
  width: 100%;
  background-color: var(--blue-color);
  border-radius: 10px 10px 0 0;
  padding: 20px 5px 0 5px;
}
.header-right[data-v-133e7278] {
  width: 100%;
  padding-bottom: 5px;
}
.orange-right[data-v-133e7278] {
  height: 100%;
  background-color: #ec6e46;
  padding-bottom: 5px;
}
.green-right[data-v-133e7278] {
  height: 100%;
  background-color: #7f9428;
  padding-bottom: 5px;
  border-radius: 0 0 0 px;
}
.color-3-radius[data-v-133e7278] {
  position: absolute;
  height: 15%;
  width: 20px;
  bottom: 0px;
  right: 0px;
  background-color: #2d4b9a;
}
.color-2-radius[data-v-133e7278] {
  border-bottom-left-radius: 7px;
  position: absolute;
  height: 15%;
  width: 10px;
  bottom: 5px;
  right: 0px;
  background-color: #ec6e46;
}
.color-1-radius[data-v-133e7278] {
  border-bottom-left-radius: 15px;
  position: absolute;
  height: 15%;
  width: 5px;
  bottom: 10px;
  right: 0px;
  background-color: #7f9428;
}
@media (max-width: 1265px) {
.img-prod[data-v-133e7278] {
    width: 100px;
}
.menu_button[data-v-133e7278],
  .active[data-v-133e7278] {
    padding: 0.2rem 0.5rem;
}
}
@media (max-width: 1245px) {
.img-prod[data-v-133e7278] {
    width: 60px;
}
.icons_profile[data-v-133e7278] {
    width: 180px;
}
.icons__profile--username[data-v-133e7278] {
    font-size: 10px;
}
.green[data-v-133e7278] {
    padding: 15px 5px 0 5px;
    border-radius: 0 5px 0 0;
}
.orange[data-v-133e7278] {
    padding: 15px 5px 0 5px;
}
.blue[data-v-133e7278] {
    padding: 15px 5px 0 15px;
}
}
@media (max-width: 1080px) {
.header-menu[data-v-133e7278] {
    gap: 10px;
}
}
@media (max-width: 1024px) {
.green[data-v-133e7278] {
    padding: 15px 5px 0 5px;
    border-radius: 0 5px 0 0;
}
.orange[data-v-133e7278] {
    padding: 15px 5px 0 5px;
    border-radius: 5px 5px 0 0;
}
.blue[data-v-133e7278] {
    padding: 15px 5px 0 15px;
    border-radius: 5px 5px 0 0;
}
.color-1-radius[data-v-133e7278] {
    border-bottom-left-radius: 3px;
}
.color-2-radius[data-v-133e7278] {
    border-bottom-left-radius: 5px;
}
.color-3-radius[data-v-133e7278] {
    height: 20%;
    bottom: 0px;
}
.img-prod[data-v-133e7278] {
    width: 80px;
}
.burger-header[data-v-133e7278] {
    display: flex;
}
}
@media (min-width: 1024px) {
.drop-menu[data-v-133e7278] {
    display: none;
}
}
@media (max-width: 540px) {
.icons_profile[data-v-133e7278] {
    width: 160px;
}
.burger-header[data-v-133e7278] {
    margin-left: 10px;
}
}
@media (max-width: 376px) {
.img-prod[data-v-133e7278] {
    width: 50px;
}
}
@media (max-width: 345px) {
.img-prod[data-v-133e7278] {
    display: none;
}
}.feedback-notifier[data-v-3d3284ab] {
  position: absolute;
  bottom: 4px;
  right: 40px;
  width: 10px;
  height: 10px;
  background-color: #ec6e46;
  border-radius: 50%;
}
.feedback-notifier--active[data-v-3d3284ab] {
  animation: blink-3d3284ab 4s infinite;
  animation-fill-mode: forwards;
}
@keyframes blink-3d3284ab {
0% {
    opacity: 0;
}
50% {
    opacity: 1;
}
100% {
    opacity: 0;
}
}.footer {
  padding: 0 30px;
  height: 45px;
}
@media screen and (max-width: 1920px) {
.footer {
    padding-left: 20px;
    padding-right: 20px;
    height: 40px;
}
}
@media screen and (max-width: 1280px) {
.footer {
    padding-left: 10px;
    padding-right: 10px;
    height: 50px;
}
}@media screen and (max-width: 1279px) {
.bottom-left-flag[data-v-e0ed177e] {
    display: none;
}
}.body-cont[data-v-56185397] {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.main-cont[data-v-56185397] {
  overflow-y: auto;
  width: 100%;
  background-color: #f1f1f1;
  min-height: 0;
  height: 100%;
  flex: 1;
  display: flex;
  flex-direction: column;
}
.vertical-line__green[data-v-56185397] {
  height: 100%;
  padding: 0 0 5px 5px;
  border-radius: 0 0 0 21px;
  background-color: #7f9428;
}
.vertical-line__orange[data-v-56185397] {
  height: 100%;
  padding: 0 0 5px 5px;
  border-radius: 0 0 0 18px;
  background-color: #ec6e46;
}
.vertical-line__blue[data-v-56185397] {
  height: 100%;
  padding: 0 0 5px 5px;
  border-radius: 0 0 0 14px;
  background-color: #2d4b9a;
}
.vertical-line__white[data-v-56185397] {
  height: 100%;
  padding: 20px 20px 20px 20px;
  background-color: #f0f0f0;
}
@media (max-width: 1024px) {
  /* .main-content {
      height: calc(100vh - 115px);
  } */
.img-prod[data-v-56185397] {
    width: 80px;
}
.menu_list[data-v-56185397] {
    display: none;
}
.vertical-line__green__adaptive[data-v-56185397] {
    height: 100%;
    padding: 0 0 5px 0;
    border-radius: 0 0 0 0px;
}
.vertical-line__orange__adaptive[data-v-56185397] {
    height: 100%;
    padding: 0 0 5px 0;
    border-radius: 0 0 0 0px;
}
.vertical-line__blue__adaptive[data-v-56185397] {
    height: 100%;
    padding: 0 0 5px 0;
    border-radius: 0 0 0 0px;
}
.vertical-line__white__adaptive[data-v-56185397] {
    height: 100%;
    padding: 10px;
    border-radius: 0 0 0 0;
    background-color: #f0f0f0;
}
}
@media screen and (max-width: 1279px) {
.left-flag[data-v-56185397] {
    display: none;
}
}.profile-page[data-v-4ce25e9e] {
  margin: 0 auto;
  padding: 16px;
  overflow-x: auto;
  width: 100%;
  max-width: 1200px;
  height: 100%;
}
.profile-page .profile-card[data-v-4ce25e9e] {
  width: 100%;
  max-width: 1200px;
}
.profile-page .profile-card .title[data-v-4ce25e9e] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 5px;
}
.profile-page .profile-card .title[data-v-4ce25e9e] :first-child {
  width: 120px;
}
.profile-page .profile-card .profile-card--content[data-v-4ce25e9e] {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
@media screen and (width <= 400px) {
.profile-page .profile-card .profile-card--content[data-v-4ce25e9e] {
    gap: 20px;
}
}
.profile-page .profile-card .row[data-v-4ce25e9e] {
  display: flex;
  align-items: center;
  gap: 8px;
}
.profile-page .profile-card .label[data-v-4ce25e9e] {
  width: 120px;
  color: var(--text-color-secondary);
}
.profile-page .profile-card .value a[data-v-4ce25e9e] {
  color: var(--primary-color);
  text-decoration: none;
}
.profile-page .profile-card .value a[data-v-4ce25e9e]:hover {
  text-decoration: underline;
}form[data-v-ffae8fee] {
  display: flex;
  flex-direction: column;
  gap: 0.1rem;
}form[data-v-199963d7] {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
form div[data-v-199963d7] {
  display: flex;
  flex-direction: column;
  gap: 0.1rem;
}.profile-page[data-v-418d030c] {
  margin: 0 auto;
  padding: 16px;
  overflow-x: auto;
  width: 100%;
  max-width: 1200px;
  height: 100%;
}
.profile-page .profile-card[data-v-418d030c] {
  width: 100%;
  max-width: 1200px;
}
.profile-page .profile-card .title[data-v-418d030c] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 5px;
}
.profile-page .profile-card .title[data-v-418d030c] :first-child {
  width: 120px;
}
.profile-page .profile-card .profile-card--content[data-v-418d030c] {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
@media screen and (width <= 400px) {
.profile-page .profile-card .profile-card--content[data-v-418d030c] {
    gap: 20px;
}
}
.profile-page .profile-card .row[data-v-418d030c] {
  display: flex;
  align-items: center;
  gap: 8px;
}
.profile-page .profile-card .label[data-v-418d030c] {
  width: 120px;
  color: var(--text-color-secondary);
}
.profile-page .profile-card .value a[data-v-418d030c] {
  color: var(--primary-color);
  text-decoration: none;
}
.profile-page .profile-card .value a[data-v-418d030c]:hover {
  text-decoration: underline;
}.profile-page[data-v-d2f1bd50] {
  margin: 0 auto;
  padding: 16px;
  overflow-x: auto;
  width: 100%;
  max-width: 1200px;
  height: 100%;
}
.profile-page .profile-card[data-v-d2f1bd50] {
  width: 100%;
  max-width: 1200px;
}
.profile-page .profile-card .title[data-v-d2f1bd50] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 5px;
}
.profile-page .profile-card .title[data-v-d2f1bd50] :first-child {
  width: 120px;
}
.profile-page .profile-card .profile-card--content[data-v-d2f1bd50] {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
@media screen and (width <= 400px) {
.profile-page .profile-card .profile-card--content[data-v-d2f1bd50] {
    gap: 20px;
}
}
.profile-page .profile-card .row[data-v-d2f1bd50] {
  display: flex;
  align-items: center;
  gap: 8px;
}
.profile-page .profile-card .label[data-v-d2f1bd50] {
  width: 120px;
  color: var(--text-color-secondary);
}
.profile-page .profile-card .value a[data-v-d2f1bd50] {
  color: var(--primary-color);
  text-decoration: none;
}
.profile-page .profile-card .value a[data-v-d2f1bd50]:hover {
  text-decoration: underline;
}
.collapse-list-move[data-v-bdfbc806] {
    transition: transform 0.25s ease;
}
.collapse-list-enter-active[data-v-bdfbc806],
.collapse-list-leave-active[data-v-bdfbc806] {
    transition:
        opacity 0.2s ease,
        transform 0.2s ease;
}
.collapse-list-enter-from[data-v-bdfbc806],
.collapse-list-leave-to[data-v-bdfbc806] {
    opacity: 0;
    transform: translateY(-4px);
}

svg[data-v-0805eedc] {
    width: 100%;
    height: 100%;
    fill: currentColor !important;
    color: inherit;
}
.data-viewer {
  --border: solid 1px var(--border-cell-color);
  --border-editable-cell-show-field: solid 4px var(--blue-color);
}
.data-viewer .data-viewer__trimmed-cell-content {
  display: block;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.data-viewer table {
  border-collapse: separate !important;
  border-spacing: 0 2px !important;
}
.data-viewer table thead tr {
  margin: 0 !important;
}
.data-viewer table tbody tr + tr {
  margin-top: -1px !important;
}
.data-viewer table tbody tr:first-child {
  margin-top: 2px !important;
}
.data-viewer table thead,
.data-viewer table tbody tr {
  display: table;
  width: 100%;
  table-layout: fixed;
}
.data-viewer table .p-checkbox:has(.p-checkbox-icon) > .p-checkbox-box {
  background-color: var(--blue-color) !important;
}
.data-viewer table thead {
  background: none !important;
}
.data-viewer table thead tr {
  height: 40px !important;
  max-height: 40px !important;
  min-height: 40px !important;
}
.data-viewer table thead tr th {
  position: sticky !important;
  top: 0 !important;
  z-index: 10 !important;
  background-color: var(--bg-row-thead-color) !important;
  color: var(--text-thead-color) !important;
  font-weight: 600 !important;
  font-size: 18px !important;
  border-top: var(--border) !important;
  border-bottom: var(--border) !important;
  border-right: var(--border) !important;
  height: 40px !important;
  max-height: 40px !important;
  min-height: 40px !important;
  padding: 5px 10px !important;
}
.data-viewer table thead tr th .p-datatable-column-header-content:has(.p-checkbox) {
  display: flex !important;
  flex-direction: row-reverse !important;
}
.data-viewer table thead tr th:first-child {
  border-left: var(--border) !important;
  border-top-left-radius: var(--border-radius) !important;
  border-bottom-left-radius: var(--border-radius) !important;
}
.data-viewer table thead tr th:last-child {
  border-top-right-radius: var(--border-radius) !important;
  border-bottom-right-radius: var(--border-radius) !important;
}
.data-viewer table thead tr th .p-badge {
  background-color: var(--blue-color) !important;
}
.data-viewer table thead tr th .p-icon {
  color: var(--gray-color) !important;
}
.data-viewer table thead tr th .p-icon[sorted=true] {
  color: var(--blue-color) !important;
}
.data-viewer table tbody {
  display: block;
}
.data-viewer table tbody tr {
  transition: all !important;
  transition-duration: var(--transition-duration) !important;
  border-radius: var(--border-radius) !important;
  background: none !important;
  height: 40px !important;
  max-height: 40px !important;
  min-height: 40px !important;
}
.data-viewer table tbody tr:hover > td {
  background-color: var(--bg-row-hover-color) !important;
}
.data-viewer table tbody tr:focus-visible, .data-viewer table tbody tr.p-datatable-contextmenu-row-selected {
  box-shadow: none !important;
  outline: none !important;
  outline-offset: none !important;
}
.data-viewer table tbody tr.p-datatable-row-selected {
  background: none !important;
}
.data-viewer table tbody tr.p-datatable-row-selected td {
  background-color: var(--bg-row-focus-color) !important;
  color: var(--text-color) !important;
}
.data-viewer table tbody tr.p-datatable-row-selected:hover > td {
  background-color: var(--bg-row-focus-color) !important;
  color: var(--text-color) !important;
}
.data-viewer table tbody tr td {
  color: var(--text-color) !important;
  background-color: var(--bg-cell-color);
  border-top: var(--border) !important;
  border-bottom: var(--border) !important;
  border-right: var(--border) !important;
  transition: all !important;
  transition-duration: var(--transition-duration) !important;
  height: 40px !important;
  max-height: 40px !important;
  min-height: 40px !important;
  padding: 5px 10px !important;
  font-size: 16px !important;
}
.data-viewer table tbody tr td:first-child {
  border-left: var(--border) !important;
  border-top-left-radius: var(--border-radius) !important;
  border-bottom-left-radius: var(--border-radius) !important;
}
.data-viewer table tbody tr td:last-child {
  border-top-right-radius: var(--border-radius) !important;
  border-bottom-right-radius: var(--border-radius) !important;
}
.data-viewer table tbody tr td.selection-checkbox-column {
  text-align: center;
  vertical-align: middle;
}
.data-viewer table tbody tr td .p-radiobutton.p-radiobutton-checked .p-radiobutton-box {
  border-color: var(--blue-color) !important;
  background: var(--blue-color) !important;
}
.data-viewer table tbody tr td .p-radiobutton.p-radiobutton-checked .p-radiobutton-icon {
  background-color: #fff !important;
}
.data-viewer table tbody tr td:has(.editable-cell), .data-viewer table tbody tr td:has(.invalid-cell) {
  transition: none !important;
  padding: 0 !important;
}
.data-viewer table tbody tr td:has(.editable-cell-show-field) {
  border-top: var(--border-editable-cell-show-field) !important;
  border-bottom: var(--border-editable-cell-show-field) !important;
  border-right: var(--border-editable-cell-show-field) !important;
  border-left: var(--border-editable-cell-show-field) !important;
}
.data-viewer table tbody tr td:has(.p-datatable-reorderable-row-handle) {
  padding: 0 !important;
}
.data-viewer table tbody tr td .p-datatable-reorderable-row-handle {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}
.data-viewer table tbody tr:nth-child(even) td {
  background-color: #fff;
}
.data-viewer nav .p-paginator {
  background-color: var(--main-color) !important;
  box-shadow: var(--box-shadow-normal) !important;
}
.data-viewer nav button.p-paginator-page, .data-viewer nav button.p-paginator-first, .data-viewer nav button.p-paginator-prev, .data-viewer nav button.p-paginator-next, .data-viewer nav button.p-paginator-last {
  height: 40px !important;
  width: 40px !important;
  border-radius: var(--border-radius) !important;
  color: var(--text-color) !important;
}
.data-viewer nav button.p-paginator-page:hover, .data-viewer nav button.p-paginator-first:hover, .data-viewer nav button.p-paginator-prev:hover, .data-viewer nav button.p-paginator-next:hover, .data-viewer nav button.p-paginator-last:hover {
  background-color: var(--btn-bg-hover-color) !important;
  color: #fff !important;
}
.data-viewer nav button.p-paginator-page:active, .data-viewer nav button.p-paginator-first:active, .data-viewer nav button.p-paginator-prev:active, .data-viewer nav button.p-paginator-next:active, .data-viewer nav button.p-paginator-last:active {
  background-color: var(--btn-bg-active-color) !important;
  color: #fff !important;
}
.data-viewer nav button.p-paginator-page-selected {
  background-color: var(--btn-bg-active-color) !important;
  color: #fff !important;
}
.data-viewer nav .p-select {
  background-color: var(--main-color) !important;
  border: var(--border) !important;
}
.data-viewer nav .p-select span {
  background: transparent !important;
  color: var(--text-color) !important;
}
.data-viewer nav .p-select .p-select-dropdown {
  background: transparent !important;
  color: var(--text-color) !important;
}/* ========================================================================== */
/* InputText */
/* ========================================================================== */
.p-inputtext,
.p-inputnumber-input {
  width: 100% !important;
  min-height: var(--filed-height) !important;
  padding: 10px !important;
  border-width: var(--field-border-size) !important;
  border-style: solid !important;
  border-color: var(--field-border-color) !important;
  border-radius: var(--border-radius) !important;
  background: var(--field-bg-color) !important;
  color: var(--field-text-color) !important;
  box-shadow: none !important;
  outline: none !important;
  transition: border-color 0.15s, background-color 0.15s, color 0.15s !important;
}
.p-inputtext::placeholder,
.p-inputnumber-input::placeholder {
  color: var(--field-placeholder-text-color) !important;
  opacity: 1;
}
.p-inputtext:hover,
.p-inputnumber-input:hover {
  border-color: var(--field-hover-border-color) !important;
}
.p-inputtext:focus,
.p-inputnumber-input:focus {
  border-color: var(--field-focus-border-color) !important;
  box-shadow: none !important;
  outline: none !important;
}
.p-inputtext:disabled,
.p-inputnumber-input:disabled {
  border-color: var(--field-disabled-border-color) !important;
  background: var(--field-disabled-bg-color) !important;
  color: var(--field-text-color) !important;
  opacity: 1 !important;
  cursor: not-allowed;
}

/* ========================================================================== */
/* InputNumber wrapper */
/* ========================================================================== */
.p-inputnumber {
  width: 100% !important;
  display: inline-flex;
}

.p-inputnumber-input {
  flex: 1;
}

/* ========================================================================== */
/* Invalid */
/* ========================================================================== */
.p-invalid,
.p-inputtext.p-invalid,
.p-inputnumber.p-invalid .p-inputnumber-input {
  border-color: var(--field-error-border-color) !important;
  color: var(--field-error-text-color) !important;
}

/* ========================================================================== */
/* Filled variant */
/* ========================================================================== */
.p-inputtext.p-filled,
.p-inputnumber.p-filled .p-inputnumber-input {
  background: var(--field-bg-color) !important;
}

/* ========================================================================== */
/* Responsive */
/* ========================================================================== */
@media (max-width: 1023px) {
  .p-inputtext,
  .p-inputnumber-input {
    min-height: 30px !important;
    padding: 5px !important;
  }
}
@media (min-width: 1024px) {
  .p-inputtext,
  .p-inputnumber-input {
    min-height: var(--field-height-lg) !important;
    padding: 5px !important;
  }
}.p-fieldset {
  border: 1px solid var(--border-cell-color) !important;
  border-radius: var(--border-radius) !important;
}

.p-fieldset-legend {
  border-radius: var(--border-radius) !important;
}
.pdf-preview[data-v-deda9bff] {
    height: 100%;
    min-height: 0;
    overflow: hidden;
    background-color: #eef2f7;
}
.tabs-container {
  height: 100% !important;
  min-height: 0 !important;
}
.tabs-container.tabs-container-background-none .p-tablist-tab-list {
  background: none !important;
}
.tabs-container.tabs-container-background-none .p-tabpanels {
  background: none !important;
}
.tabs-container .p-tablist .p-tab {
  --p-tabs-tab-color: var(--gray-dark-color);
  --p-tabs-tab-border-color: transparent;
  --p-tabs-tab-active-border-color: var(--blue-color);
  font-size: 17px;
  color: var(--text-color);
  transition: all !important;
  transition-duration: var(--transition-duration) !important;
}
.tabs-container .p-tablist .p-tab-active {
  font-weight: 700 !important;
}
.tabs-container .p-tabpanels {
  height: 100% !important;
  min-height: 0 !important;
}
.tabs-container .p-tabpanels .p-tabpanel {
  height: 100% !important;
  min-height: 0 !important;
}.vue-recycle-scroller__resize-observer[data-v-08cc04ab]{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;pointer-events:none;z-index:-1}.vue-recycle-scroller{position:relative}.vue-recycle-scroller.direction-vertical:not(.page-mode){overflow-y:auto}.vue-recycle-scroller.direction-horizontal:not(.page-mode){overflow-x:auto}.vue-recycle-scroller.grid-mode:not(.page-mode){overflow:auto}.vue-recycle-scroller.direction-horizontal{display:flex}.vue-recycle-scroller__slot{flex:auto 0 0}.vue-recycle-scroller__item-wrapper{flex:1;box-sizing:border-box;overflow:hidden;position:relative}.vue-recycle-scroller.ready .vue-recycle-scroller__item-view{position:absolute;top:0;left:0;will-change:transform}.vue-recycle-scroller.direction-vertical .vue-recycle-scroller__item-wrapper{width:100%}.vue-recycle-scroller.direction-horizontal .vue-recycle-scroller__item-wrapper{height:100%}.vue-recycle-scroller.ready.direction-vertical .vue-recycle-scroller__item-view{width:100%}.vue-recycle-scroller.ready.direction-horizontal .vue-recycle-scroller__item-view{height:100%}
.subtask .task-actions-container[data-v-8d98ff68] {
  flex-direction: row-reverse;
}
.subtask .task-icons--container[data-v-8d98ff68] {
  flex-grow: none;
  flex-direction: row-reverse;
}
.subtask .task-action-buttons--container[data-v-8d98ff68] {
  display: none;
}
.task-action-buttons--container[data-v-8d98ff68] {
  width: fit-content;
  height: 100%;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
  justify-items: center;
  align-items: center;
}.tag[data-v-99706ec9] {
  color: white;
}
.tag.white[data-v-99706ec9] {
  background-color: var(--color-gray-100);
  color: var(--text-color);
}
.tag.blue[data-v-99706ec9] {
  background-color: #8193c2;
}
.tag.gray[data-v-99706ec9] {
  background-color: #b4b4b4;
}
.tag.green[data-v-99706ec9] {
  background-color: #b2bf7e;
}
.tag.orange[data-v-99706ec9] {
  background-color: #eea490;
}
.tag.red[data-v-99706ec9] {
  background-color: #ff6767;
}.buttons-group {
  padding: 0 !important;
  background-color: var(--gray-light-color) !important;
}
.buttons-group button {
  background-color: var(--gray-light-color) !important;
  border: none !important;
  transition: all !important;
  transition-duration: 100ms !important;
  border-radius: var(--border-radius) !important;
}
.buttons-group button span {
  text-align: center !important;
  color: var(--gray-dark-color) !important;
  border-radius: var(--border-radius) !important;
}
.buttons-group button:hover span, .buttons-group button:active span {
  color: var(--text-color) !important;
}
.data-viewer {
  --border: solid 1px var(--border-cell-color);
  --border-editable-cell-show-field: solid 4px var(--blue-color);
}
.data-viewer .data-viewer__trimmed-cell-content {
  display: block;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.data-viewer table {
  border-collapse: separate !important;
  border-spacing: 0 2px !important;
}
.data-viewer table thead tr {
  margin: 0 !important;
}
.data-viewer table tbody tr + tr {
  margin-top: -1px !important;
}
.data-viewer table tbody tr:first-child {
  margin-top: 2px !important;
}
.data-viewer table thead,
.data-viewer table tbody tr {
  display: table;
  width: 100%;
  table-layout: fixed;
}
.data-viewer table .p-checkbox:has(.p-checkbox-icon) > .p-checkbox-box {
  background-color: var(--blue-color) !important;
}
.data-viewer table thead {
  background: none !important;
}
.data-viewer table thead tr {
  height: 40px !important;
  max-height: 40px !important;
  min-height: 40px !important;
}
.data-viewer table thead tr th {
  position: sticky !important;
  top: 0 !important;
  z-index: 10 !important;
  background-color: var(--bg-row-thead-color) !important;
  color: var(--text-thead-color) !important;
  font-weight: 600 !important;
  font-size: 18px !important;
  border-top: var(--border) !important;
  border-bottom: var(--border) !important;
  border-right: var(--border) !important;
  height: 40px !important;
  max-height: 40px !important;
  min-height: 40px !important;
  padding: 5px 10px !important;
}
.data-viewer table thead tr th .p-datatable-column-header-content:has(.p-checkbox) {
  display: flex !important;
  flex-direction: row-reverse !important;
}
.data-viewer table thead tr th:first-child {
  border-left: var(--border) !important;
  border-top-left-radius: var(--border-radius) !important;
  border-bottom-left-radius: var(--border-radius) !important;
}
.data-viewer table thead tr th:last-child {
  border-top-right-radius: var(--border-radius) !important;
  border-bottom-right-radius: var(--border-radius) !important;
}
.data-viewer table thead tr th .p-badge {
  background-color: var(--blue-color) !important;
}
.data-viewer table thead tr th .p-icon {
  color: var(--gray-color) !important;
}
.data-viewer table thead tr th .p-icon[sorted=true] {
  color: var(--blue-color) !important;
}
.data-viewer table tbody {
  display: block;
}
.data-viewer table tbody tr {
  transition: all !important;
  transition-duration: var(--transition-duration) !important;
  border-radius: var(--border-radius) !important;
  background: none !important;
  height: 40px !important;
  max-height: 40px !important;
  min-height: 40px !important;
}
.data-viewer table tbody tr:hover > td {
  background-color: var(--bg-row-hover-color) !important;
}
.data-viewer table tbody tr:focus-visible, .data-viewer table tbody tr.p-datatable-contextmenu-row-selected {
  box-shadow: none !important;
  outline: none !important;
  outline-offset: none !important;
}
.data-viewer table tbody tr.p-datatable-row-selected {
  background: none !important;
}
.data-viewer table tbody tr.p-datatable-row-selected td {
  background-color: var(--bg-row-focus-color) !important;
  color: var(--text-color) !important;
}
.data-viewer table tbody tr.p-datatable-row-selected:hover > td {
  background-color: var(--bg-row-focus-color) !important;
  color: var(--text-color) !important;
}
.data-viewer table tbody tr td {
  color: var(--text-color) !important;
  background-color: var(--bg-cell-color);
  border-top: var(--border) !important;
  border-bottom: var(--border) !important;
  border-right: var(--border) !important;
  transition: all !important;
  transition-duration: var(--transition-duration) !important;
  height: 40px !important;
  max-height: 40px !important;
  min-height: 40px !important;
  padding: 5px 10px !important;
  font-size: 16px !important;
}
.data-viewer table tbody tr td:first-child {
  border-left: var(--border) !important;
  border-top-left-radius: var(--border-radius) !important;
  border-bottom-left-radius: var(--border-radius) !important;
}
.data-viewer table tbody tr td:last-child {
  border-top-right-radius: var(--border-radius) !important;
  border-bottom-right-radius: var(--border-radius) !important;
}
.data-viewer table tbody tr td.selection-checkbox-column {
  text-align: center;
  vertical-align: middle;
}
.data-viewer table tbody tr td .p-radiobutton.p-radiobutton-checked .p-radiobutton-box {
  border-color: var(--blue-color) !important;
  background: var(--blue-color) !important;
}
.data-viewer table tbody tr td .p-radiobutton.p-radiobutton-checked .p-radiobutton-icon {
  background-color: #fff !important;
}
.data-viewer table tbody tr td:has(.editable-cell), .data-viewer table tbody tr td:has(.invalid-cell) {
  transition: none !important;
  padding: 0 !important;
}
.data-viewer table tbody tr td:has(.editable-cell-show-field) {
  border-top: var(--border-editable-cell-show-field) !important;
  border-bottom: var(--border-editable-cell-show-field) !important;
  border-right: var(--border-editable-cell-show-field) !important;
  border-left: var(--border-editable-cell-show-field) !important;
}
.data-viewer table tbody tr td:has(.p-datatable-reorderable-row-handle) {
  padding: 0 !important;
}
.data-viewer table tbody tr td .p-datatable-reorderable-row-handle {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}
.data-viewer table tbody tr:nth-child(even) td {
  background-color: #fff;
}
.data-viewer nav .p-paginator {
  background-color: var(--main-color) !important;
  box-shadow: var(--box-shadow-normal) !important;
}
.data-viewer nav button.p-paginator-page, .data-viewer nav button.p-paginator-first, .data-viewer nav button.p-paginator-prev, .data-viewer nav button.p-paginator-next, .data-viewer nav button.p-paginator-last {
  height: 40px !important;
  width: 40px !important;
  border-radius: var(--border-radius) !important;
  color: var(--text-color) !important;
}
.data-viewer nav button.p-paginator-page:hover, .data-viewer nav button.p-paginator-first:hover, .data-viewer nav button.p-paginator-prev:hover, .data-viewer nav button.p-paginator-next:hover, .data-viewer nav button.p-paginator-last:hover {
  background-color: var(--btn-bg-hover-color) !important;
  color: #fff !important;
}
.data-viewer nav button.p-paginator-page:active, .data-viewer nav button.p-paginator-first:active, .data-viewer nav button.p-paginator-prev:active, .data-viewer nav button.p-paginator-next:active, .data-viewer nav button.p-paginator-last:active {
  background-color: var(--btn-bg-active-color) !important;
  color: #fff !important;
}
.data-viewer nav button.p-paginator-page-selected {
  background-color: var(--btn-bg-active-color) !important;
  color: #fff !important;
}
.data-viewer nav .p-select {
  background-color: var(--main-color) !important;
  border: var(--border) !important;
}
.data-viewer nav .p-select span {
  background: transparent !important;
  color: var(--text-color) !important;
}
.data-viewer nav .p-select .p-select-dropdown {
  background: transparent !important;
  color: var(--text-color) !important;
}
.p-treetable-table-container {
  margin-left: 20px !important;
  margin-right: 20px !important;
}
.data-tree .p-treetable-header {
  background-color: transparent;
}
.data-tree td,
.data-tree th {
  overflow: hidden;
}
.data-tree tr > td {
  padding: 0 !important;
  background-color: white !important;
}
.data-tree thead tr th {
  z-index: 100 !important;
  position: relative;
}
.data-tree tbody tr.new-task .task-title::before {
  content: "Новая";
  padding: 4px 6px;
  font-size: 12px;
  font-weight: 600;
  color: white;
  background-color: var(--orange-color);
  border-radius: 5px;
  margin-right: 10px;
}
.data-tree tbody tr:has(span.selected) td {
  background-color: var(--bg-row-focus-color) !important;
}
.data-tree tbody tr:has(+ .subtask) :has(+ .task-actions-column) {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.data-tree tbody tr.subtask .task-title::before {
  content: "подзадача";
  padding: 4px 6px;
  font-size: 12px;
  font-weight: 600;
  background-color: var(--blue-color);
  color: white;
  align-self: baseline;
  border-radius: 5px;
  margin-right: 10px;
}
.data-tree tbody tr.subtask > td {
  background-color: hsl(0, 0%, 92%) !important;
}
.data-tree tbody tr.subtask :has(+ .task-actions-column) {
  border-bottom-right-radius: 0px;
}
.data-tree tbody tr.subtask .task-actions-column {
  width: 140px !important;
  translate: -80px;
  background-color: transparent !important;
}
@layer theme, base, components, utilities;
@layer theme {
  @theme default {
    --font-sans:
      ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
      "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
    --font-mono:
      ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
      "Courier New", monospace;
    --color-red-50: oklch(97.1% 0.013 17.38);
    --color-red-100: oklch(93.6% 0.032 17.717);
    --color-red-200: oklch(88.5% 0.062 18.334);
    --color-red-300: oklch(80.8% 0.114 19.571);
    --color-red-400: oklch(70.4% 0.191 22.216);
    --color-red-500: oklch(63.7% 0.237 25.331);
    --color-red-600: oklch(57.7% 0.245 27.325);
    --color-red-700: oklch(50.5% 0.213 27.518);
    --color-red-800: oklch(44.4% 0.177 26.899);
    --color-red-900: oklch(39.6% 0.141 25.723);
    --color-red-950: oklch(25.8% 0.092 26.042);
    --color-orange-50: oklch(98% 0.016 73.684);
    --color-orange-100: oklch(95.4% 0.038 75.164);
    --color-orange-200: oklch(90.1% 0.076 70.697);
    --color-orange-300: oklch(83.7% 0.128 66.29);
    --color-orange-400: oklch(75% 0.183 55.934);
    --color-orange-500: oklch(70.5% 0.213 47.604);
    --color-orange-600: oklch(64.6% 0.222 41.116);
    --color-orange-700: oklch(55.3% 0.195 38.402);
    --color-orange-800: oklch(47% 0.157 37.304);
    --color-orange-900: oklch(40.8% 0.123 38.172);
    --color-orange-950: oklch(26.6% 0.079 36.259);
    --color-amber-50: oklch(98.7% 0.022 95.277);
    --color-amber-100: oklch(96.2% 0.059 95.617);
    --color-amber-200: oklch(92.4% 0.12 95.746);
    --color-amber-300: oklch(87.9% 0.169 91.605);
    --color-amber-400: oklch(82.8% 0.189 84.429);
    --color-amber-500: oklch(76.9% 0.188 70.08);
    --color-amber-600: oklch(66.6% 0.179 58.318);
    --color-amber-700: oklch(55.5% 0.163 48.998);
    --color-amber-800: oklch(47.3% 0.137 46.201);
    --color-amber-900: oklch(41.4% 0.112 45.904);
    --color-amber-950: oklch(27.9% 0.077 45.635);
    --color-yellow-50: oklch(98.7% 0.026 102.212);
    --color-yellow-100: oklch(97.3% 0.071 103.193);
    --color-yellow-200: oklch(94.5% 0.129 101.54);
    --color-yellow-300: oklch(90.5% 0.182 98.111);
    --color-yellow-400: oklch(85.2% 0.199 91.936);
    --color-yellow-500: oklch(79.5% 0.184 86.047);
    --color-yellow-600: oklch(68.1% 0.162 75.834);
    --color-yellow-700: oklch(55.4% 0.135 66.442);
    --color-yellow-800: oklch(47.6% 0.114 61.907);
    --color-yellow-900: oklch(42.1% 0.095 57.708);
    --color-yellow-950: oklch(28.6% 0.066 53.813);
    --color-lime-50: oklch(98.6% 0.031 120.757);
    --color-lime-100: oklch(96.7% 0.067 122.328);
    --color-lime-200: oklch(93.8% 0.127 124.321);
    --color-lime-300: oklch(89.7% 0.196 126.665);
    --color-lime-400: oklch(84.1% 0.238 128.85);
    --color-lime-500: oklch(76.8% 0.233 130.85);
    --color-lime-600: oklch(64.8% 0.2 131.684);
    --color-lime-700: oklch(53.2% 0.157 131.589);
    --color-lime-800: oklch(45.3% 0.124 130.933);
    --color-lime-900: oklch(40.5% 0.101 131.063);
    --color-lime-950: oklch(27.4% 0.072 132.109);
    --color-green-50: oklch(98.2% 0.018 155.826);
    --color-green-100: oklch(96.2% 0.044 156.743);
    --color-green-200: oklch(92.5% 0.084 155.995);
    --color-green-300: oklch(87.1% 0.15 154.449);
    --color-green-400: oklch(79.2% 0.209 151.711);
    --color-green-500: oklch(72.3% 0.219 149.579);
    --color-green-600: oklch(62.7% 0.194 149.214);
    --color-green-700: oklch(52.7% 0.154 150.069);
    --color-green-800: oklch(44.8% 0.119 151.328);
    --color-green-900: oklch(39.3% 0.095 152.535);
    --color-green-950: oklch(26.6% 0.065 152.934);
    --color-emerald-50: oklch(97.9% 0.021 166.113);
    --color-emerald-100: oklch(95% 0.052 163.051);
    --color-emerald-200: oklch(90.5% 0.093 164.15);
    --color-emerald-300: oklch(84.5% 0.143 164.978);
    --color-emerald-400: oklch(76.5% 0.177 163.223);
    --color-emerald-500: oklch(69.6% 0.17 162.48);
    --color-emerald-600: oklch(59.6% 0.145 163.225);
    --color-emerald-700: oklch(50.8% 0.118 165.612);
    --color-emerald-800: oklch(43.2% 0.095 166.913);
    --color-emerald-900: oklch(37.8% 0.077 168.94);
    --color-emerald-950: oklch(26.2% 0.051 172.552);
    --color-teal-50: oklch(98.4% 0.014 180.72);
    --color-teal-100: oklch(95.3% 0.051 180.801);
    --color-teal-200: oklch(91% 0.096 180.426);
    --color-teal-300: oklch(85.5% 0.138 181.071);
    --color-teal-400: oklch(77.7% 0.152 181.912);
    --color-teal-500: oklch(70.4% 0.14 182.503);
    --color-teal-600: oklch(60% 0.118 184.704);
    --color-teal-700: oklch(51.1% 0.096 186.391);
    --color-teal-800: oklch(43.7% 0.078 188.216);
    --color-teal-900: oklch(38.6% 0.063 188.416);
    --color-teal-950: oklch(27.7% 0.046 192.524);
    --color-cyan-50: oklch(98.4% 0.019 200.873);
    --color-cyan-100: oklch(95.6% 0.045 203.388);
    --color-cyan-200: oklch(91.7% 0.08 205.041);
    --color-cyan-300: oklch(86.5% 0.127 207.078);
    --color-cyan-400: oklch(78.9% 0.154 211.53);
    --color-cyan-500: oklch(71.5% 0.143 215.221);
    --color-cyan-600: oklch(60.9% 0.126 221.723);
    --color-cyan-700: oklch(52% 0.105 223.128);
    --color-cyan-800: oklch(45% 0.085 224.283);
    --color-cyan-900: oklch(39.8% 0.07 227.392);
    --color-cyan-950: oklch(30.2% 0.056 229.695);
    --color-sky-50: oklch(97.7% 0.013 236.62);
    --color-sky-100: oklch(95.1% 0.026 236.824);
    --color-sky-200: oklch(90.1% 0.058 230.902);
    --color-sky-300: oklch(82.8% 0.111 230.318);
    --color-sky-400: oklch(74.6% 0.16 232.661);
    --color-sky-500: oklch(68.5% 0.169 237.323);
    --color-sky-600: oklch(58.8% 0.158 241.966);
    --color-sky-700: oklch(50% 0.134 242.749);
    --color-sky-800: oklch(44.3% 0.11 240.79);
    --color-sky-900: oklch(39.1% 0.09 240.876);
    --color-sky-950: oklch(29.3% 0.066 243.157);
    --color-blue-50: oklch(97% 0.014 254.604);
    --color-blue-100: oklch(93.2% 0.032 255.585);
    --color-blue-200: oklch(88.2% 0.059 254.128);
    --color-blue-300: oklch(80.9% 0.105 251.813);
    --color-blue-400: oklch(70.7% 0.165 254.624);
    --color-blue-500: oklch(62.3% 0.214 259.815);
    --color-blue-600: oklch(54.6% 0.245 262.881);
    --color-blue-700: oklch(48.8% 0.243 264.376);
    --color-blue-800: oklch(42.4% 0.199 265.638);
    --color-blue-900: oklch(37.9% 0.146 265.522);
    --color-blue-950: oklch(28.2% 0.091 267.935);
    --color-indigo-50: oklch(96.2% 0.018 272.314);
    --color-indigo-100: oklch(93% 0.034 272.788);
    --color-indigo-200: oklch(87% 0.065 274.039);
    --color-indigo-300: oklch(78.5% 0.115 274.713);
    --color-indigo-400: oklch(67.3% 0.182 276.935);
    --color-indigo-500: oklch(58.5% 0.233 277.117);
    --color-indigo-600: oklch(51.1% 0.262 276.966);
    --color-indigo-700: oklch(45.7% 0.24 277.023);
    --color-indigo-800: oklch(39.8% 0.195 277.366);
    --color-indigo-900: oklch(35.9% 0.144 278.697);
    --color-indigo-950: oklch(25.7% 0.09 281.288);
    --color-violet-50: oklch(96.9% 0.016 293.756);
    --color-violet-100: oklch(94.3% 0.029 294.588);
    --color-violet-200: oklch(89.4% 0.057 293.283);
    --color-violet-300: oklch(81.1% 0.111 293.571);
    --color-violet-400: oklch(70.2% 0.183 293.541);
    --color-violet-500: oklch(60.6% 0.25 292.717);
    --color-violet-600: oklch(54.1% 0.281 293.009);
    --color-violet-700: oklch(49.1% 0.27 292.581);
    --color-violet-800: oklch(43.2% 0.232 292.759);
    --color-violet-900: oklch(38% 0.189 293.745);
    --color-violet-950: oklch(28.3% 0.141 291.089);
    --color-purple-50: oklch(97.7% 0.014 308.299);
    --color-purple-100: oklch(94.6% 0.033 307.174);
    --color-purple-200: oklch(90.2% 0.063 306.703);
    --color-purple-300: oklch(82.7% 0.119 306.383);
    --color-purple-400: oklch(71.4% 0.203 305.504);
    --color-purple-500: oklch(62.7% 0.265 303.9);
    --color-purple-600: oklch(55.8% 0.288 302.321);
    --color-purple-700: oklch(49.6% 0.265 301.924);
    --color-purple-800: oklch(43.8% 0.218 303.724);
    --color-purple-900: oklch(38.1% 0.176 304.987);
    --color-purple-950: oklch(29.1% 0.149 302.717);
    --color-fuchsia-50: oklch(97.7% 0.017 320.058);
    --color-fuchsia-100: oklch(95.2% 0.037 318.852);
    --color-fuchsia-200: oklch(90.3% 0.076 319.62);
    --color-fuchsia-300: oklch(83.3% 0.145 321.434);
    --color-fuchsia-400: oklch(74% 0.238 322.16);
    --color-fuchsia-500: oklch(66.7% 0.295 322.15);
    --color-fuchsia-600: oklch(59.1% 0.293 322.896);
    --color-fuchsia-700: oklch(51.8% 0.253 323.949);
    --color-fuchsia-800: oklch(45.2% 0.211 324.591);
    --color-fuchsia-900: oklch(40.1% 0.17 325.612);
    --color-fuchsia-950: oklch(29.3% 0.136 325.661);
    --color-pink-50: oklch(97.1% 0.014 343.198);
    --color-pink-100: oklch(94.8% 0.028 342.258);
    --color-pink-200: oklch(89.9% 0.061 343.231);
    --color-pink-300: oklch(82.3% 0.12 346.018);
    --color-pink-400: oklch(71.8% 0.202 349.761);
    --color-pink-500: oklch(65.6% 0.241 354.308);
    --color-pink-600: oklch(59.2% 0.249 0.584);
    --color-pink-700: oklch(52.5% 0.223 3.958);
    --color-pink-800: oklch(45.9% 0.187 3.815);
    --color-pink-900: oklch(40.8% 0.153 2.432);
    --color-pink-950: oklch(28.4% 0.109 3.907);
    --color-rose-50: oklch(96.9% 0.015 12.422);
    --color-rose-100: oklch(94.1% 0.03 12.58);
    --color-rose-200: oklch(89.2% 0.058 10.001);
    --color-rose-300: oklch(81% 0.117 11.638);
    --color-rose-400: oklch(71.2% 0.194 13.428);
    --color-rose-500: oklch(64.5% 0.246 16.439);
    --color-rose-600: oklch(58.6% 0.253 17.585);
    --color-rose-700: oklch(51.4% 0.222 16.935);
    --color-rose-800: oklch(45.5% 0.188 13.697);
    --color-rose-900: oklch(41% 0.159 10.272);
    --color-rose-950: oklch(27.1% 0.105 12.094);
    --color-slate-50: oklch(98.4% 0.003 247.858);
    --color-slate-100: oklch(96.8% 0.007 247.896);
    --color-slate-200: oklch(92.9% 0.013 255.508);
    --color-slate-300: oklch(86.9% 0.022 252.894);
    --color-slate-400: oklch(70.4% 0.04 256.788);
    --color-slate-500: oklch(55.4% 0.046 257.417);
    --color-slate-600: oklch(44.6% 0.043 257.281);
    --color-slate-700: oklch(37.2% 0.044 257.287);
    --color-slate-800: oklch(27.9% 0.041 260.031);
    --color-slate-900: oklch(20.8% 0.042 265.755);
    --color-slate-950: oklch(12.9% 0.042 264.695);
    --color-gray-50: oklch(98.5% 0.002 247.839);
    --color-gray-100: oklch(96.7% 0.003 264.542);
    --color-gray-200: oklch(92.8% 0.006 264.531);
    --color-gray-300: oklch(87.2% 0.01 258.338);
    --color-gray-400: oklch(70.7% 0.022 261.325);
    --color-gray-500: oklch(55.1% 0.027 264.364);
    --color-gray-600: oklch(44.6% 0.03 256.802);
    --color-gray-700: oklch(37.3% 0.034 259.733);
    --color-gray-800: oklch(27.8% 0.033 256.848);
    --color-gray-900: oklch(21% 0.034 264.665);
    --color-gray-950: oklch(13% 0.028 261.692);
    --color-zinc-50: oklch(98.5% 0 0);
    --color-zinc-100: oklch(96.7% 0.001 286.375);
    --color-zinc-200: oklch(92% 0.004 286.32);
    --color-zinc-300: oklch(87.1% 0.006 286.286);
    --color-zinc-400: oklch(70.5% 0.015 286.067);
    --color-zinc-500: oklch(55.2% 0.016 285.938);
    --color-zinc-600: oklch(44.2% 0.017 285.786);
    --color-zinc-700: oklch(37% 0.013 285.805);
    --color-zinc-800: oklch(27.4% 0.006 286.033);
    --color-zinc-900: oklch(21% 0.006 285.885);
    --color-zinc-950: oklch(14.1% 0.005 285.823);
    --color-neutral-50: oklch(98.5% 0 0);
    --color-neutral-100: oklch(97% 0 0);
    --color-neutral-200: oklch(92.2% 0 0);
    --color-neutral-300: oklch(87% 0 0);
    --color-neutral-400: oklch(70.8% 0 0);
    --color-neutral-500: oklch(55.6% 0 0);
    --color-neutral-600: oklch(43.9% 0 0);
    --color-neutral-700: oklch(37.1% 0 0);
    --color-neutral-800: oklch(26.9% 0 0);
    --color-neutral-900: oklch(20.5% 0 0);
    --color-neutral-950: oklch(14.5% 0 0);
    --color-stone-50: oklch(98.5% 0.001 106.423);
    --color-stone-100: oklch(97% 0.001 106.424);
    --color-stone-200: oklch(92.3% 0.003 48.717);
    --color-stone-300: oklch(86.9% 0.005 56.366);
    --color-stone-400: oklch(70.9% 0.01 56.259);
    --color-stone-500: oklch(55.3% 0.013 58.071);
    --color-stone-600: oklch(44.4% 0.011 73.639);
    --color-stone-700: oklch(37.4% 0.01 67.558);
    --color-stone-800: oklch(26.8% 0.007 34.298);
    --color-stone-900: oklch(21.6% 0.006 56.043);
    --color-stone-950: oklch(14.7% 0.004 49.25);
    --color-black: #000;
    --color-white: #fff;
    --spacing: 0.25rem;
    --breakpoint-sm: 40rem;
    --breakpoint-md: 48rem;
    --breakpoint-lg: 64rem;
    --breakpoint-xl: 80rem;
    --breakpoint-2xl: 96rem;
    --container-3xs: 16rem;
    --container-2xs: 18rem;
    --container-xs: 20rem;
    --container-sm: 24rem;
    --container-md: 28rem;
    --container-lg: 32rem;
    --container-xl: 36rem;
    --container-2xl: 42rem;
    --container-3xl: 48rem;
    --container-4xl: 56rem;
    --container-5xl: 64rem;
    --container-6xl: 72rem;
    --container-7xl: 80rem;
    --text-xs: 0.75rem;
    --text-xs--line-height: calc(1 / 0.75);
    --text-sm: 0.875rem;
    --text-sm--line-height: calc(1.25 / 0.875);
    --text-base: 1rem;
    --text-base--line-height: calc(1.5 / 1);
    --text-lg: 1.125rem;
    --text-lg--line-height: calc(1.75 / 1.125);
    --text-xl: 1.25rem;
    --text-xl--line-height: calc(1.75 / 1.25);
    --text-2xl: 1.5rem;
    --text-2xl--line-height: calc(2 / 1.5);
    --text-3xl: 1.875rem;
    --text-3xl--line-height: calc(2.25 / 1.875);
    --text-4xl: 2.25rem;
    --text-4xl--line-height: calc(2.5 / 2.25);
    --text-5xl: 3rem;
    --text-5xl--line-height: 1;
    --text-6xl: 3.75rem;
    --text-6xl--line-height: 1;
    --text-7xl: 4.5rem;
    --text-7xl--line-height: 1;
    --text-8xl: 6rem;
    --text-8xl--line-height: 1;
    --text-9xl: 8rem;
    --text-9xl--line-height: 1;
    --font-weight-thin: 100;
    --font-weight-extralight: 200;
    --font-weight-light: 300;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --font-weight-extrabold: 800;
    --font-weight-black: 900;
    --tracking-tighter: -0.05em;
    --tracking-tight: -0.025em;
    --tracking-normal: 0em;
    --tracking-wide: 0.025em;
    --tracking-wider: 0.05em;
    --tracking-widest: 0.1em;
    --leading-tight: 1.25;
    --leading-snug: 1.375;
    --leading-normal: 1.5;
    --leading-relaxed: 1.625;
    --leading-loose: 2;
    --radius-xs: 0.125rem;
    --radius-sm: 0.25rem;
    --radius-md: 0.375rem;
    --radius-lg: 0.5rem;
    --radius-xl: 0.75rem;
    --radius-2xl: 1rem;
    --radius-3xl: 1.5rem;
    --radius-4xl: 2rem;
    --shadow-2xs: 0 1px rgb(0 0 0 / 0.05);
    --shadow-xs: 0 1px 2px 0 rgb(0 0 0 / 0.05);
    --shadow-sm: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
    --shadow-md:
      0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
    --shadow-lg:
      0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
    --shadow-xl:
      0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
    --shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / 0.25);
    --inset-shadow-2xs: inset 0 1px rgb(0 0 0 / 0.05);
    --inset-shadow-xs: inset 0 1px 1px rgb(0 0 0 / 0.05);
    --inset-shadow-sm: inset 0 2px 4px rgb(0 0 0 / 0.05);
    --drop-shadow-xs: 0 1px 1px rgb(0 0 0 / 0.05);
    --drop-shadow-sm: 0 1px 2px rgb(0 0 0 / 0.15);
    --drop-shadow-md: 0 3px 3px rgb(0 0 0 / 0.12);
    --drop-shadow-lg: 0 4px 4px rgb(0 0 0 / 0.15);
    --drop-shadow-xl: 0 9px 7px rgb(0 0 0 / 0.1);
    --drop-shadow-2xl: 0 25px 25px rgb(0 0 0 / 0.15);
    --text-shadow-2xs: 0px 1px 0px rgb(0 0 0 / 0.15);
    --text-shadow-xs: 0px 1px 1px rgb(0 0 0 / 0.2);
    --text-shadow-sm:
      0px 1px 0px rgb(0 0 0 / 0.075), 0px 1px 1px rgb(0 0 0 / 0.075),
      0px 2px 2px rgb(0 0 0 / 0.075);
    --text-shadow-md:
      0px 1px 1px rgb(0 0 0 / 0.1), 0px 1px 2px rgb(0 0 0 / 0.1),
      0px 2px 4px rgb(0 0 0 / 0.1);
    --text-shadow-lg:
      0px 1px 2px rgb(0 0 0 / 0.1), 0px 3px 2px rgb(0 0 0 / 0.1),
      0px 4px 8px rgb(0 0 0 / 0.1);
    --ease-in: cubic-bezier(0.4, 0, 1, 1);
    --ease-out: cubic-bezier(0, 0, 0.2, 1);
    --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
    --animate-spin: spin 1s linear infinite;
    --animate-ping: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
    --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
    --animate-bounce: bounce 1s infinite;
    @keyframes spin {
      to {
        transform: rotate(360deg);
      }
    }
    @keyframes ping {
      75%, 100% {
        transform: scale(2);
        opacity: 0;
      }
    }
    @keyframes pulse {
      50% {
        opacity: 0.5;
      }
    }
    @keyframes bounce {
      0%, 100% {
        transform: translateY(-25%);
        animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
      }
      50% {
        transform: none;
        animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
      }
    }
    --blur-xs: 4px;
    --blur-sm: 8px;
    --blur-md: 12px;
    --blur-lg: 16px;
    --blur-xl: 24px;
    --blur-2xl: 40px;
    --blur-3xl: 64px;
    --perspective-dramatic: 100px;
    --perspective-near: 300px;
    --perspective-normal: 500px;
    --perspective-midrange: 800px;
    --perspective-distant: 1200px;
    --aspect-video: 16 / 9;
    --default-transition-duration: 150ms;
    --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    --default-font-family: --theme(--font-sans, initial);
    --default-font-feature-settings: --theme(
      --font-sans--font-feature-settings,
      initial
    );
    --default-font-variation-settings: --theme(
      --font-sans--font-variation-settings,
      initial
    );
    --default-mono-font-family: --theme(--font-mono, initial);
    --default-mono-font-feature-settings: --theme(
      --font-mono--font-feature-settings,
      initial
    );
    --default-mono-font-variation-settings: --theme(
      --font-mono--font-variation-settings,
      initial
    );
  }
  /* Deprecated */
  @theme default inline reference {
    --blur: 8px;
    --shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
    --shadow-inner: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
    --drop-shadow: 0 1px 2px rgb(0 0 0 / 0.1), 0 1px 1px rgb(0 0 0 / 0.06);
    --radius: 0.25rem;
    --max-width-prose: 65ch;
  }
}
@layer base {
  /*
    1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
    2. Remove default margins and padding
    3. Reset all borders.
  */
  *,
  ::after,
  ::before,
  ::backdrop,
  ::file-selector-button {
    box-sizing: border-box; /* 1 */
    margin: 0; /* 2 */
    padding: 0; /* 2 */
    border: 0 solid; /* 3 */
  }
  /*
    1. Use a consistent sensible line-height in all browsers.
    2. Prevent adjustments of font size after orientation changes in iOS.
    3. Use a more readable tab size.
    4. Use the user's configured `sans` font-family by default.
    5. Use the user's configured `sans` font-feature-settings by default.
    6. Use the user's configured `sans` font-variation-settings by default.
    7. Disable tap highlights on iOS.
  */
  html,
  :host {
    line-height: 1.5; /* 1 */
    -webkit-text-size-adjust: 100%; /* 2 */
    tab-size: 4; /* 3 */
    font-family: --theme(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"); /* 4 */
    font-feature-settings: --theme(--default-font-feature-settings, normal); /* 5 */
    font-variation-settings: --theme(--default-font-variation-settings, normal); /* 6 */
    -webkit-tap-highlight-color: transparent; /* 7 */
  }
  /*
    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. Reset the default border style to a 1px solid border.
  */
  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;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }
  /*
    Add the correct font weight in Edge and Safari.
  */
  b,
  strong {
    font-weight: bolder;
  }
  /*
    1. Use the user's configured `mono` font-family by default.
    2. Use the user's configured `mono` font-feature-settings by default.
    3. Use the user's configured `mono` font-variation-settings by default.
    4. Correct the odd `em` font sizing in all browsers.
  */
  code,
  kbd,
  samp,
  pre {
    font-family: --theme(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace); /* 1 */
    font-feature-settings: --theme(--default-mono-font-feature-settings, normal); /* 2 */
    font-variation-settings: --theme(--default-mono-font-variation-settings, normal); /* 3 */
    font-size: 1em; /* 4 */
  }
  /*
    Add the correct font size in all browsers.
  */
  small {
    font-size: 80%;
  }
  /*
    Prevent `sub` and `sup` elements from affecting the line height in all browsers.
  */
  sub,
  sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }
  sub {
    bottom: -0.25em;
  }
  sup {
    top: -0.5em;
  }
  /*
    1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
    2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
    3. Remove gaps between table borders by default.
  */
  table {
    text-indent: 0; /* 1 */
    border-color: inherit; /* 2 */
    border-collapse: collapse; /* 3 */
  }
  /*
    Use the modern Firefox focus style for all focusable elements.
  */
  :-moz-focusring {
    outline: auto;
  }
  /*
    Add the correct vertical alignment in Chrome and Firefox.
  */
  progress {
    vertical-align: baseline;
  }
  /*
    Add the correct display in Chrome and Safari.
  */
  summary {
    display: list-item;
  }
  /*
    Make lists unstyled by default.
  */
  ol,
  ul,
  menu {
    list-style: none;
  }
  /*
    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;
  }
  /*
    1. Inherit font styles in all browsers.
    2. Remove border radius in all browsers.
    3. Remove background color in all browsers.
    4. Ensure consistent opacity for disabled states in all browsers.
  */
  button,
  input,
  select,
  optgroup,
  textarea,
  ::file-selector-button {
    font: inherit; /* 1 */
    font-feature-settings: inherit; /* 1 */
    font-variation-settings: inherit; /* 1 */
    letter-spacing: inherit; /* 1 */
    color: inherit; /* 1 */
    border-radius: 0; /* 2 */
    background-color: transparent; /* 3 */
    opacity: 1; /* 4 */
  }
  /*
    Restore default font weight.
  */
  :where(select:is([multiple], [size])) optgroup {
    font-weight: bolder;
  }
  /*
    Restore indentation.
  */
  :where(select:is([multiple], [size])) optgroup option {
    padding-inline-start: 20px;
  }
  /*
    Restore space after button.
  */
  ::file-selector-button {
    margin-inline-end: 4px;
  }
  /*
    Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
  */
  ::placeholder {
    opacity: 1;
  }
  /*
    Set the default placeholder color to a semi-transparent version of the current text color in browsers that do not
    crash when using `color-mix(…)` with `currentcolor`. (https://github.com/tailwindlabs/tailwindcss/issues/17194)
  */
  @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {
    ::placeholder {
      color: color-mix(in oklab, currentcolor 50%, transparent);
    }
  }
  /*
    Prevent resizing textareas horizontally by default.
  */
  textarea {
    resize: vertical;
  }
  /*
    Remove the inner padding in Chrome and Safari on macOS.
  */
  ::-webkit-search-decoration {
    -webkit-appearance: none;
  }
  /*
    1. Ensure date/time inputs have the same height when empty in iOS Safari.
    2. Ensure text alignment can be changed on date/time inputs in iOS Safari.
  */
  ::-webkit-date-and-time-value {
    min-height: 1lh; /* 1 */
    text-align: inherit; /* 2 */
  }
  /*
    Prevent height from changing on date/time inputs in macOS Safari when the input is set to `display: block`.
  */
  ::-webkit-datetime-edit {
    display: inline-flex;
  }
  /*
    Remove excess padding from pseudo-elements in date/time inputs to ensure consistent height across browsers.
  */
  ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }
  ::-webkit-datetime-edit,
  ::-webkit-datetime-edit-year-field,
  ::-webkit-datetime-edit-month-field,
  ::-webkit-datetime-edit-day-field,
  ::-webkit-datetime-edit-hour-field,
  ::-webkit-datetime-edit-minute-field,
  ::-webkit-datetime-edit-second-field,
  ::-webkit-datetime-edit-millisecond-field,
  ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }
  /*
    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;
  }
  /*
    Correct the inability to style the border radius in iOS Safari.
  */
  button,
  input:where([type=button], [type=reset], [type=submit]),
  ::file-selector-button {
    appearance: button;
  }
  /*
    Correct the cursor style of increment and decrement buttons in Safari.
  */
  ::-webkit-inner-spin-button,
  ::-webkit-outer-spin-button {
    height: auto;
  }
  /*
    Make elements with the HTML hidden attribute stay hidden by default.
  */
  [hidden]:where(:not([hidden=until-found])) {
    display: none !important;
  }
}
@layer utilities {
  @tailwind utilities;
}
.p-datepicker .p-datepicker-input {
  width: 100% !important;
  min-height: var(--filed-height) !important;
  border-width: 2px !important;
  border-color: var(--field-border-color) !important;
  border-radius: var(--border-radius) !important;
  color: var(--field-text-color) !important;
}
.p-datepicker .p-datepicker-input:hover {
  border-width: 2px !important;
  border-color: var(--field-hover-border-color) !important;
}
.p-datepicker .p-datepicker-input:focus {
  border-width: 2px !important;
  border-color: var(--field-focus-border-color) !important;
}
.p-datepicker .p-datepicker-input:disabled {
  border-width: 2px !important;
  border-color: var(--field-disabled-border-color) !important;
  background-color: var(--field-disabled-bg-color) !important;
}

.p-datepicker-panel {
  box-shadow: var(--box-shadow-normal) !important;
  border-radius: var(--border-radius) !important;
  min-width: min-content !important;
}
.p-datepicker-panel .p-datepicker-day-selected {
  background-color: var(--blue-color) !important;
}.message-row .message-container[data-v-ee1ef523] {
  display: flex;
  flex-direction: column;
  justify-content: start;
  padding-left: 0;
  padding-right: 20px;
}
.message-row .message-container.my-message[data-v-ee1ef523] {
  justify-content: end;
  padding-left: 20px;
  padding-right: 0;
}/* src/views/Tasks/components/TaskMessenger/components/TaskMessageFooter.vue.scss */
.task-message-footer[data-v-0c76a472] {
  width: 100%;
  display: flex;
  gap: 4px;
  justify-content: space-between;
  align-items: end;
  border-top: 1px solid rgba(0, 0, 0, 0.06);
}
@media (width <= 1200px) {
.task-message-footer[data-v-0c76a472] {
    flex-direction: column;
}
}
.task-message-footer .input--textarea[data-v-0c76a472]:focus {
  border-color: var(--blue-color);
}.equipment-jobs--multiselect--list .p-checkbox {
  display: none;
}
.equipment-jobs--multiselect--list .equipment-jobs-card--equipment-job-option.selected {
  background-color: #96a4c8;
  color: white;
}
.equipment-jobs--multiselect--list .equipment-jobs-card--equipment-job-option.focused {
  background-color: var(--btn-bg-hover-color) !important;
  color: white !important;
}
.equipment-jobs--multiselect--header .p-checkbox {
  display: none;
}button.equipment-documentation__folder-button[data-v-feb71e3c] {
  width: 100%;
  max-width: calc(100% - var(--size) - 15px);
  justify-content: flex-start;
  text-align: left;
  padding: 0 10px;
  gap: 10px;
  overflow: hidden;
  text-wrap: nowrap;
  user-select: none;
}
button.equipment-documentation__folder-button img[data-v-feb71e3c] {
  content: url("data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M16.6641%2014.9987H3.33073V6.66536H16.6641M16.6641%204.9987H9.99739L8.33073%203.33203H3.33073C2.40573%203.33203%201.66406%204.0737%201.66406%204.9987V14.9987C1.66406%2015.4407%201.83966%2015.8646%202.15222%2016.1772C2.46478%2016.4898%202.8887%2016.6654%203.33073%2016.6654H16.6641C17.1061%2016.6654%2017.53%2016.4898%2017.8426%2016.1772C18.1551%2015.8646%2018.3307%2015.4407%2018.3307%2014.9987V6.66536C18.3307%205.74036%2017.5807%204.9987%2016.6641%204.9987Z'%20fill='%23EC6E46'/%3e%3c/svg%3e");
}
button.equipment-documentation__folder-button[data-v-feb71e3c]:hover {
  transition: 0.2s ease;
}
button.equipment-documentation__folder-button:hover img[data-v-feb71e3c] {
  content: url("data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M16.6641%2014.9987H3.33073V6.66536H16.6641M16.6641%204.9987H9.99739L8.33073%203.33203H3.33073C2.40573%203.33203%201.66406%204.0737%201.66406%204.9987V14.9987C1.66406%2015.4407%201.83966%2015.8646%202.15222%2016.1772C2.46478%2016.4898%202.8887%2016.6654%203.33073%2016.6654H16.6641C17.1061%2016.6654%2017.53%2016.4898%2017.8426%2016.1772C18.1551%2015.8646%2018.3307%2015.4407%2018.3307%2014.9987V6.66536C18.3307%205.74036%2017.5807%204.9987%2016.6641%204.9987Z'%20fill='white'/%3e%3c/svg%3e");
}
button.equipment-documentation__folder-button.active[data-v-feb71e3c]:not(.edit, .on-search) {
  background-color: #6b7a9c;
  box-shadow: 1px 1px 2px 0 #a6abbd;
  color: white;
}
button.equipment-documentation__folder-button.active:not(.edit, .on-search) img[data-v-feb71e3c] {
  content: url("data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M16.6641%2014.9987H3.33073V6.66536H16.6641M16.6641%204.9987H9.99739L8.33073%203.33203H3.33073C2.40573%203.33203%201.66406%204.0737%201.66406%204.9987V14.9987C1.66406%2015.4407%201.83966%2015.8646%202.15222%2016.1772C2.46478%2016.4898%202.8887%2016.6654%203.33073%2016.6654H16.6641C17.1061%2016.6654%2017.53%2016.4898%2017.8426%2016.1772C18.1551%2015.8646%2018.3307%2015.4407%2018.3307%2014.9987V6.66536C18.3307%205.74036%2017.5807%204.9987%2016.6641%204.9987Z'%20fill='white'/%3e%3c/svg%3e");
}
button.equipment-documentation__folder-button.active.on-search[data-v-feb71e3c] {
  border-color: var(--blue-color);
  border-style: dashed;
  border-width: 1px;
}
button.equipment-documentation__folder-button.edit[data-v-feb71e3c] {
  background-color: #acbfbc;
  box-shadow: 1px 1px 2px 0 #a6abbd;
  color: rgb(0, 0, 0);
}button.equipment-documentation__folder-button[data-v-74eb4f5d] {
  width: 100%;
  max-width: calc(100% - var(--size) - 15px);
  justify-content: flex-start;
  text-align: left;
  padding: 0 10px;
  gap: 10px;
  overflow: hidden;
  text-wrap: nowrap;
  user-select: none;
}
button.equipment-documentation__folder-button img[data-v-74eb4f5d] {
  content: url("data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M16.6641%2014.9987H3.33073V6.66536H16.6641M16.6641%204.9987H9.99739L8.33073%203.33203H3.33073C2.40573%203.33203%201.66406%204.0737%201.66406%204.9987V14.9987C1.66406%2015.4407%201.83966%2015.8646%202.15222%2016.1772C2.46478%2016.4898%202.8887%2016.6654%203.33073%2016.6654H16.6641C17.1061%2016.6654%2017.53%2016.4898%2017.8426%2016.1772C18.1551%2015.8646%2018.3307%2015.4407%2018.3307%2014.9987V6.66536C18.3307%205.74036%2017.5807%204.9987%2016.6641%204.9987Z'%20fill='%23EC6E46'/%3e%3c/svg%3e");
}
button.equipment-documentation__folder-button[data-v-74eb4f5d]:hover {
  transition: 0.2s ease;
}
button.equipment-documentation__folder-button:hover img[data-v-74eb4f5d] {
  content: url("data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M16.6641%2014.9987H3.33073V6.66536H16.6641M16.6641%204.9987H9.99739L8.33073%203.33203H3.33073C2.40573%203.33203%201.66406%204.0737%201.66406%204.9987V14.9987C1.66406%2015.4407%201.83966%2015.8646%202.15222%2016.1772C2.46478%2016.4898%202.8887%2016.6654%203.33073%2016.6654H16.6641C17.1061%2016.6654%2017.53%2016.4898%2017.8426%2016.1772C18.1551%2015.8646%2018.3307%2015.4407%2018.3307%2014.9987V6.66536C18.3307%205.74036%2017.5807%204.9987%2016.6641%204.9987Z'%20fill='white'/%3e%3c/svg%3e");
}
button.equipment-documentation__folder-button.active[data-v-74eb4f5d]:not(.edit, .on-search) {
  background-color: #6b7a9c;
  box-shadow: 1px 1px 2px 0 #a6abbd;
  color: white;
}
button.equipment-documentation__folder-button.active:not(.edit, .on-search) img[data-v-74eb4f5d] {
  content: url("data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M16.6641%2014.9987H3.33073V6.66536H16.6641M16.6641%204.9987H9.99739L8.33073%203.33203H3.33073C2.40573%203.33203%201.66406%204.0737%201.66406%204.9987V14.9987C1.66406%2015.4407%201.83966%2015.8646%202.15222%2016.1772C2.46478%2016.4898%202.8887%2016.6654%203.33073%2016.6654H16.6641C17.1061%2016.6654%2017.53%2016.4898%2017.8426%2016.1772C18.1551%2015.8646%2018.3307%2015.4407%2018.3307%2014.9987V6.66536C18.3307%205.74036%2017.5807%204.9987%2016.6641%204.9987Z'%20fill='white'/%3e%3c/svg%3e");
}
button.equipment-documentation__folder-button.active.on-search[data-v-74eb4f5d] {
  border-color: var(--blue-color);
  border-style: dashed;
  border-width: 1px;
}
button.equipment-documentation__folder-button.edit[data-v-74eb4f5d] {
  background-color: #acbfbc;
  box-shadow: 1px 1px 2px 0 #a6abbd;
  color: rgb(0, 0, 0);
}.equipment-docs__folder-list[data-v-8690535b] {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  overflow-x: hidden;
  gap: 10px;
}
.equipment-docs__folder-list .folder-item[data-v-8690535b] {
  display: flex;
  width: 100%;
  gap: 10px;
  padding-right: 30px;
  overflow: visible;
}
.equipment-docs__folder-list .folder-item .folder-edit[data-v-8690535b],
.equipment-docs__folder-list .folder-item .folder-delete[data-v-8690535b] {
  user-select: none;
}
.equipment-docs__folder-list .folder-item .folder-name[data-v-8690535b] {
  height: var(--size);
}
.equipment-docs__folder-list .folder-item .folder-edit[data-v-8690535b] {
  width: var(--size);
  height: var(--size);
}
.equipment-docs__folder-list .folder-item .folder-edit img[data-v-8690535b] {
  content: url("data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M4.16667%2015.8346H5.33333L12.5208%208.64714L11.3542%207.48047L4.16667%2014.668V15.8346ZM16.0833%207.4388L12.5417%203.9388L13.7083%202.77214C14.0278%202.45269%2014.4203%202.29297%2014.8858%202.29297C15.3508%202.29297%2015.7431%202.45269%2016.0625%202.77214L17.2292%203.9388C17.5486%204.25825%2017.7153%204.6438%2017.7292%205.09547C17.7431%205.54658%2017.5903%205.93186%2017.2708%206.2513L16.0833%207.4388ZM3.33333%2017.5013C3.09722%2017.5013%202.89944%2017.4213%202.74%2017.2613C2.58%2017.1019%202.5%2016.9041%202.5%2016.668V14.3138C2.5%2014.2027%202.52083%2014.0952%202.5625%2013.9913C2.60417%2013.8869%202.66667%2013.793%202.75%2013.7096L11.3333%205.1263L14.875%208.66797L6.29167%2017.2513C6.20833%2017.3346%206.11472%2017.3971%206.01083%2017.4388C5.90639%2017.4805%205.79861%2017.5013%205.6875%2017.5013H3.33333ZM11.9375%208.0638L11.3542%207.48047L12.5208%208.64714L11.9375%208.0638Z'%20fill='%238193C2'/%3e%3c/svg%3e");
}
.equipment-docs__folder-list .folder-item .folder-edit:hover:not(:disabled) img[data-v-8690535b] {
  content: url("data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M4.16667%2015.8385H5.33333L12.5208%208.65104L11.3542%207.48438L4.16667%2014.6719V15.8385ZM16.0833%207.44271L12.5417%203.94271L13.7083%202.77604C14.0278%202.4566%2014.4203%202.29688%2014.8858%202.29688C15.3508%202.29688%2015.7431%202.4566%2016.0625%202.77604L17.2292%203.94271C17.5486%204.26215%2017.7153%204.64771%2017.7292%205.09938C17.7431%205.55049%2017.5903%205.93576%2017.2708%206.25521L16.0833%207.44271ZM3.33333%2017.5052C3.09722%2017.5052%202.89944%2017.4252%202.74%2017.2652C2.58%2017.1058%202.5%2016.908%202.5%2016.6719V14.3177C2.5%2014.2066%202.52083%2014.0991%202.5625%2013.9952C2.60417%2013.8908%202.66667%2013.7969%202.75%2013.7135L11.3333%205.13021L14.875%208.67188L6.29167%2017.2552C6.20833%2017.3385%206.11472%2017.401%206.01083%2017.4427C5.90639%2017.4844%205.79861%2017.5052%205.6875%2017.5052H3.33333ZM11.9375%208.06771L11.3542%207.48438L12.5208%208.65104L11.9375%208.06771Z'%20fill='white'/%3e%3c/svg%3e");
}
.equipment-docs__folder-list .folder-item .folder-edit:active:not(:disabled) img[data-v-8690535b] {
  content: url("data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M4.16667%2015.8346H5.33333L12.5208%208.64714L11.3542%207.48047L4.16667%2014.668V15.8346ZM16.0833%207.4388L12.5417%203.9388L13.7083%202.77214C14.0278%202.45269%2014.4203%202.29297%2014.8858%202.29297C15.3508%202.29297%2015.7431%202.45269%2016.0625%202.77214L17.2292%203.9388C17.5486%204.25825%2017.7153%204.6438%2017.7292%205.09547C17.7431%205.54658%2017.5903%205.93186%2017.2708%206.2513L16.0833%207.4388ZM3.33333%2017.5013C3.09722%2017.5013%202.89944%2017.4213%202.74%2017.2613C2.58%2017.1019%202.5%2016.9041%202.5%2016.668V14.3138C2.5%2014.2027%202.52083%2014.0952%202.5625%2013.9913C2.60417%2013.8869%202.66667%2013.793%202.75%2013.7096L11.3333%205.1263L14.875%208.66797L6.29167%2017.2513C6.20833%2017.3346%206.11472%2017.3971%206.01083%2017.4388C5.90639%2017.4805%205.79861%2017.5013%205.6875%2017.5013H3.33333ZM11.9375%208.0638L11.3542%207.48047L12.5208%208.64714L11.9375%208.0638Z'%20fill='%238193C2'/%3e%3c/svg%3e");
}
.equipment-docs__folder-list .folder-item .folder-delete[data-v-8690535b] {
  width: var(--size);
  height: var(--size);
}
.equipment-docs__folder-list .folder-item .folder-delete img[data-v-8690535b] {
  content: url("data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M7.5026%202.5V3.33333H3.33594V5H4.16927V15.8333C4.16927%2016.2754%204.34487%2016.6993%204.65743%2017.0118C4.96999%2017.3244%205.39391%2017.5%205.83594%2017.5H14.1693C14.6113%2017.5%2015.0352%2017.3244%2015.3478%2017.0118C15.6603%2016.6993%2015.8359%2016.2754%2015.8359%2015.8333V5H16.6693V3.33333H12.5026V2.5H7.5026ZM5.83594%205H14.1693V15.8333H5.83594V5ZM7.5026%206.66667V14.1667H9.16927V6.66667H7.5026ZM10.8359%206.66667V14.1667H12.5026V6.66667H10.8359Z'%20fill='%23FF6767'/%3e%3c/svg%3e");
}
.equipment-docs__folder-list .folder-item .folder-delete:hover:not(:disabled) img[data-v-8690535b] {
  content: url("data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M7.5026%202.5V3.33333H3.33594V5H4.16927V15.8333C4.16927%2016.2754%204.34487%2016.6993%204.65743%2017.0118C4.96999%2017.3244%205.39391%2017.5%205.83594%2017.5H14.1693C14.6113%2017.5%2015.0352%2017.3244%2015.3478%2017.0118C15.6603%2016.6993%2015.8359%2016.2754%2015.8359%2015.8333V5H16.6693V3.33333H12.5026V2.5H7.5026ZM5.83594%205H14.1693V15.8333H5.83594V5ZM7.5026%206.66667V14.1667H9.16927V6.66667H7.5026ZM10.8359%206.66667V14.1667H12.5026V6.66667H10.8359Z'%20fill='white'/%3e%3c/svg%3e");
}
.equipment-docs__folder-list .folder-item .folder-delete:active:not(:disabled) img[data-v-8690535b] {
  content: url("data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M7.5026%202.5V3.33333H3.33594V5H4.16927V15.8333C4.16927%2016.2754%204.34487%2016.6993%204.65743%2017.0118C4.96999%2017.3244%205.39391%2017.5%205.83594%2017.5H14.1693C14.6113%2017.5%2015.0352%2017.3244%2015.3478%2017.0118C15.6603%2016.6993%2015.8359%2016.2754%2015.8359%2015.8333V5H16.6693V3.33333H12.5026V2.5H7.5026ZM5.83594%205H14.1693V15.8333H5.83594V5ZM7.5026%206.66667V14.1667H9.16927V6.66667H7.5026ZM10.8359%206.66667V14.1667H12.5026V6.66667H10.8359Z'%20fill='%23FF6767'/%3e%3c/svg%3e");
}
@media (max-width: 1280px) {
.equipment-docs__folder-list[data-v-8690535b] {
    --size: 30px;
}
}
@media (max-width: 768px) {
.equipment-docs__folder-list[data-v-8690535b] {
    --size: 40px;
}
.equipment-docs__folder-list .folder-item[data-v-8690535b] {
    padding: 0;
}
}.equipment-docs__add-folder_button[data-v-568adf48] {
  max-width: calc(100% - var(--size));
}
.equipment-docs__add-folder_button img[data-v-568adf48] {
  content: url("data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M10.8307%2015.832C10.8307%2016.1154%2010.8641%2016.3904%2010.9057%2016.6654H3.33073C2.41406%2016.6654%201.66406%2015.9237%201.66406%2014.9987V4.9987C1.66406%204.0737%202.40573%203.33203%203.33073%203.33203H8.33073L9.9974%204.9987H16.6641C17.5807%204.9987%2018.3307%205.74036%2018.3307%206.66536V11.507C17.8224%2011.2154%2017.2641%2011.0154%2016.6641%2010.907V6.66536H3.33073V14.9987H10.9057C10.8641%2015.2737%2010.8307%2015.5487%2010.8307%2015.832ZM16.6641%2014.9987V12.4987H14.9974V14.9987H12.4974V16.6654H14.9974V19.1654H16.6641V16.6654H19.1641V14.9987H16.6641Z'%20fill='white'/%3e%3c/svg%3e");
}
.equipment-docs__add-folder_button:hover img[data-v-568adf48] {
  content: url("data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M10.8307%2015.832C10.8307%2016.1154%2010.8641%2016.3904%2010.9057%2016.6654H3.33073C2.41406%2016.6654%201.66406%2015.9237%201.66406%2014.9987V4.9987C1.66406%204.0737%202.40573%203.33203%203.33073%203.33203H8.33073L9.9974%204.9987H16.6641C17.5807%204.9987%2018.3307%205.74036%2018.3307%206.66536V11.507C17.8224%2011.2154%2017.2641%2011.0154%2016.6641%2010.907V6.66536H3.33073V14.9987H10.9057C10.8641%2015.2737%2010.8307%2015.5487%2010.8307%2015.832ZM16.6641%2014.9987V12.4987H14.9974V14.9987H12.4974V16.6654H14.9974V19.1654H16.6641V16.6654H19.1641V14.9987H16.6641Z'%20fill='white'/%3e%3c/svg%3e");
}
@media (max-width: 768px) {
.equipment-docs__add-folder_button[data-v-568adf48] {
    max-width: 100%;
}
}.equipment-documentation__search-field[data-v-773982d9] {
  width: calc(100% - var(--size));
  max-width: 320px;
  height: var(--size);
  border-radius: 10px;
  padding: 0 10px;
  border: 1px solid #b4b4b4;
}
.equipment-documentation__search-field.active[data-v-773982d9] {
  border-color: var(--orange-color);
}
.equipment-documentation__search-field.icon[data-v-773982d9] {
  background-image: url("data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M15.75%2016.9167L11.0833%2012.25C10.6667%2012.5833%2010.1875%2012.8472%209.64583%2013.0417C9.10417%2013.2361%208.52778%2013.3333%207.91667%2013.3333C6.40278%2013.3333%205.12167%2012.8092%204.07333%2011.7608C3.02444%2010.7119%202.5%209.43056%202.5%207.91667C2.5%206.40278%203.02444%205.12139%204.07333%204.0725C5.12167%203.02417%206.40278%202.5%207.91667%202.5C9.43055%202.5%2010.7119%203.02417%2011.7608%204.0725C12.8092%205.12139%2013.3333%206.40278%2013.3333%207.91667C13.3333%208.52778%2013.2361%209.10417%2013.0417%209.64583C12.8472%2010.1875%2012.5833%2010.6667%2012.25%2011.0833L16.9375%2015.7708C17.0903%2015.9236%2017.1667%2016.1111%2017.1667%2016.3333C17.1667%2016.5556%2017.0833%2016.75%2016.9167%2016.9167C16.7639%2017.0694%2016.5694%2017.1458%2016.3333%2017.1458C16.0972%2017.1458%2015.9028%2017.0694%2015.75%2016.9167ZM7.91667%2011.6667C8.95833%2011.6667%209.84389%2011.3022%2010.5733%2010.5733C11.3022%209.84389%2011.6667%208.95833%2011.6667%207.91667C11.6667%206.875%2011.3022%205.98944%2010.5733%205.26C9.84389%204.53111%208.95833%204.16667%207.91667%204.16667C6.875%204.16667%205.98944%204.53111%205.26%205.26C4.53111%205.98944%204.16667%206.875%204.16667%207.91667C4.16667%208.95833%204.53111%209.84389%205.26%2010.5733C5.98944%2011.3022%206.875%2011.6667%207.91667%2011.6667Z'%20fill='%23444444'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-size: 20px;
  background-position: center right 10px;
  padding-right: 12px;
}
@media (max-width: 768px) {
.equipment-documentation__search-field[data-v-773982d9] {
    height: 40px;
    justify-self: center;
    max-width: 357px;
}
}.equipment-docs__file-table[data-v-5381777d] {
  color: var(--text-color);
  --header-bg-color: #f0f0f0;
  border-radius: 10px;
  overflow: hidden;
  border-spacing: 0;
  border-collapse: separate;
  border: 1px solid var(--header-bg-color);
}
.equipment-docs__file-table .col-number[data-v-5381777d] {
  min-width: 30px;
}
.equipment-docs__file-table .number[data-v-5381777d] {
  padding-left: 10px;
}
.equipment-docs__file-table .col-filename[data-v-5381777d] {
  max-width: 50%;
}
.equipment-docs__file-table .col-comment[data-v-5381777d] {
  max-width: 50%;
}
.equipment-docs__file-table .col-actions[data-v-5381777d] {
  max-width: 100px;
}
.equipment-docs__file-table tr td[data-v-5381777d] {
  cursor: default !important;
}
.equipment-docs__file-table thead[data-v-5381777d] {
  height: 40px;
}
.equipment-docs__file-table thead tr th[data-v-5381777d] {
  background-color: var(--header-bg-color);
}
.equipment-docs__file-table thead tr th + th[data-v-5381777d] {
  border-left: 1px solid white;
}
.equipment-docs__file-table tbody tr[data-v-5381777d],
.equipment-docs__file-table tbody td[data-v-5381777d] {
  border: none;
}
.equipment-docs__file-table tbody tr[data-v-5381777d] {
  height: 40px;
}
.equipment-docs__file-table tbody td[data-v-5381777d] {
  overflow: hidden;
}
.equipment-docs__file-table tbody tr:nth-child(odd) td + td[data-v-5381777d] {
  border-left: 1px solid var(--header-bg-color);
}
.equipment-docs__file-table tbody tr:nth-child(odd) td[data-v-5381777d] {
  background-color: white;
}
.equipment-docs__file-table tbody tr:nth-child(even) td[data-v-5381777d] {
  background-color: var(--header-bg-color);
}
.equipment-docs__file-table tbody tr:nth-child(even) td + td[data-v-5381777d] {
  border-left: 1px solid white;
}.equipment-docs__upload[data-v-69217985] {
  box-shadow: 0px 3px 8px 0 hsla(0, 0%, 0%, 0.24);
  border-radius: 10px;
}
.std-button[data-v-69217985] {
  width: 100%;
  height: 35px;
  max-width: 160px;
  font-weight: 500;
  font-size: 12px;
  background-color: #f0f0f0;
  cursor: pointer;
  overflow: hidden;
}
.std-button[data-v-69217985]:hover:not(:disabled) {
  background-color: #d1d1d1;
}
.std-button[data-v-69217985]:disabled {
  cursor: not-allowed;
  opacity: 0.6;
  filter: saturate(0%);
}
.std-button.add:active:not(:disabled) .icon[data-v-69217985] {
  content: url("data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M9.9974%2015.8385C9.76128%2015.8385%209.56351%2015.7585%209.40406%2015.5985C9.24406%2015.4391%209.16406%2015.2413%209.16406%2015.0052V10.8385H4.9974C4.76128%2010.8385%204.56323%2010.7585%204.40323%2010.5985C4.24378%2010.4391%204.16406%2010.2413%204.16406%2010.0052C4.16406%209.7691%204.24378%209.57104%204.40323%209.41104C4.56323%209.2516%204.76128%209.17188%204.9974%209.17188H9.16406V5.00521C9.16406%204.7691%209.24406%204.57104%209.40406%204.41104C9.56351%204.2516%209.76128%204.17188%209.9974%204.17188C10.2335%204.17188%2010.4316%204.2516%2010.5916%204.41104C10.751%204.57104%2010.8307%204.7691%2010.8307%205.00521V9.17188H14.9974C15.2335%209.17188%2015.4313%209.2516%2015.5907%209.41104C15.7507%209.57104%2015.8307%209.7691%2015.8307%2010.0052C15.8307%2010.2413%2015.7507%2010.4391%2015.5907%2010.5985C15.4313%2010.7585%2015.2335%2010.8385%2014.9974%2010.8385H10.8307V15.0052C10.8307%2015.2413%2010.751%2015.4391%2010.5916%2015.5985C10.4316%2015.7585%2010.2335%2015.8385%209.9974%2015.8385Z'%20fill='%23444444'/%3e%3c/svg%3e");
}
.std-button.add .icon[data-v-69217985] {
  content: url("data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M9.9974%2015.8346C9.76128%2015.8346%209.56351%2015.7546%209.40406%2015.5946C9.24406%2015.4352%209.16406%2015.2374%209.16406%2015.0013V10.8346H4.9974C4.76128%2010.8346%204.56323%2010.7546%204.40323%2010.5946C4.24378%2010.4352%204.16406%2010.2374%204.16406%2010.0013C4.16406%209.76519%204.24378%209.56714%204.40323%209.40714C4.56323%209.24769%204.76128%209.16797%204.9974%209.16797H9.16406V5.0013C9.16406%204.76519%209.24406%204.56714%209.40406%204.40714C9.56351%204.24769%209.76128%204.16797%209.9974%204.16797C10.2335%204.16797%2010.4316%204.24769%2010.5916%204.40714C10.751%204.56714%2010.8307%204.76519%2010.8307%205.0013V9.16797H14.9974C15.2335%209.16797%2015.4313%209.24769%2015.5907%209.40714C15.7507%209.56714%2015.8307%209.76519%2015.8307%2010.0013C15.8307%2010.2374%2015.7507%2010.4352%2015.5907%2010.5946C15.4313%2010.7546%2015.2335%2010.8346%2014.9974%2010.8346H10.8307V15.0013C10.8307%2015.2374%2010.751%2015.4352%2010.5916%2015.5946C10.4316%2015.7546%2010.2335%2015.8346%209.9974%2015.8346Z'%20fill='white'/%3e%3c/svg%3e");
}
.std-button.upload[data-v-69217985] {
  color: #7f9428;
}
.std-button.upload .icon[data-v-69217985] {
  content: url("data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M10.0026%2013.3333C9.76649%2013.3333%209.56871%2013.2533%209.40927%2013.0933C9.24927%2012.9339%209.16927%2012.7361%209.16927%2012.5V6.54167L7.60677%208.10417C7.4401%208.27083%207.24566%208.35417%207.02344%208.35417C6.80122%208.35417%206.59983%208.26389%206.41927%208.08333C6.2526%207.91667%206.17288%207.71861%206.1801%207.48917C6.18677%207.26028%206.26649%207.06944%206.41927%206.91667L9.41927%203.91667C9.5026%203.83333%209.59288%203.77417%209.6901%203.73917C9.78733%203.70472%209.89149%203.6875%2010.0026%203.6875C10.1137%203.6875%2010.2179%203.70472%2010.3151%203.73917C10.4123%203.77417%2010.5026%203.83333%2010.5859%203.91667L13.5859%206.91667C13.7526%207.08333%2013.8323%207.28111%2013.8251%207.51C13.8184%207.73944%2013.7387%207.93056%2013.5859%208.08333C13.4193%208.25%2013.2215%208.33667%2012.9926%208.34333C12.7632%208.35056%2012.5651%208.27083%2012.3984%208.10417L10.8359%206.54167V12.5C10.8359%2012.7361%2010.7562%2012.9339%2010.5968%2013.0933C10.4368%2013.2533%2010.2387%2013.3333%2010.0026%2013.3333ZM5.0026%2016.6667C4.54427%2016.6667%204.15205%2016.5036%203.82594%2016.1775C3.49927%2015.8508%203.33594%2015.4583%203.33594%2015V13.3333C3.33594%2013.0972%203.41566%2012.8992%203.5751%2012.7392C3.7351%2012.5797%203.93316%2012.5%204.16927%2012.5C4.40538%2012.5%204.60344%2012.5797%204.76344%2012.7392C4.92288%2012.8992%205.0026%2013.0972%205.0026%2013.3333V15H15.0026V13.3333C15.0026%2013.0972%2015.0826%2012.8992%2015.2426%2012.7392C15.402%2012.5797%2015.5998%2012.5%2015.8359%2012.5C16.072%2012.5%2016.2698%2012.5797%2016.4293%2012.7392C16.5893%2012.8992%2016.6693%2013.0972%2016.6693%2013.3333V15C16.6693%2015.4583%2016.5062%2015.8508%2016.1801%2016.1775C15.8534%2016.5036%2015.4609%2016.6667%2015.0026%2016.6667H5.0026Z'%20fill='%237F9428'/%3e%3c/svg%3e");
}
.std-button.upload[data-v-69217985]:hover:not(:disabled) {
  color: white;
  background-color: #7f9428;
}
.std-button.upload:hover:not(:disabled) .icon[data-v-69217985] {
  content: url("data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M10.0026%2013.3333C9.76649%2013.3333%209.56871%2013.2533%209.40927%2013.0933C9.24927%2012.9339%209.16927%2012.7361%209.16927%2012.5V6.54167L7.60677%208.10417C7.4401%208.27083%207.24566%208.35417%207.02344%208.35417C6.80122%208.35417%206.59983%208.26389%206.41927%208.08333C6.2526%207.91667%206.17288%207.71861%206.1801%207.48917C6.18677%207.26028%206.26649%207.06944%206.41927%206.91667L9.41927%203.91667C9.5026%203.83333%209.59288%203.77417%209.6901%203.73917C9.78733%203.70472%209.89149%203.6875%2010.0026%203.6875C10.1137%203.6875%2010.2179%203.70472%2010.3151%203.73917C10.4123%203.77417%2010.5026%203.83333%2010.5859%203.91667L13.5859%206.91667C13.7526%207.08333%2013.8323%207.28111%2013.8251%207.51C13.8184%207.73944%2013.7387%207.93056%2013.5859%208.08333C13.4193%208.25%2013.2215%208.33667%2012.9926%208.34333C12.7632%208.35056%2012.5651%208.27083%2012.3984%208.10417L10.8359%206.54167V12.5C10.8359%2012.7361%2010.7562%2012.9339%2010.5968%2013.0933C10.4368%2013.2533%2010.2387%2013.3333%2010.0026%2013.3333ZM5.0026%2016.6667C4.54427%2016.6667%204.15205%2016.5036%203.82594%2016.1775C3.49927%2015.8508%203.33594%2015.4583%203.33594%2015V13.3333C3.33594%2013.0972%203.41566%2012.8992%203.5751%2012.7392C3.7351%2012.5797%203.93316%2012.5%204.16927%2012.5C4.40538%2012.5%204.60344%2012.5797%204.76344%2012.7392C4.92288%2012.8992%205.0026%2013.0972%205.0026%2013.3333V15H15.0026V13.3333C15.0026%2013.0972%2015.0826%2012.8992%2015.2426%2012.7392C15.402%2012.5797%2015.5998%2012.5%2015.8359%2012.5C16.072%2012.5%2016.2698%2012.5797%2016.4293%2012.7392C16.5893%2012.8992%2016.6693%2013.0972%2016.6693%2013.3333V15C16.6693%2015.4583%2016.5062%2015.8508%2016.1801%2016.1775C15.8534%2016.5036%2015.4609%2016.6667%2015.0026%2016.6667H5.0026Z'%20fill='white'/%3e%3c/svg%3e");
}
.std-button.upload[data-v-69217985]:active:not(:disabled) {
  background-color: white;
  color: #7f9428;
}
.std-button.upload:active:not(:disabled) .icon[data-v-69217985] {
  content: url("data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M10.0026%2013.3333C9.76649%2013.3333%209.56871%2013.2533%209.40927%2013.0933C9.24927%2012.9339%209.16927%2012.7361%209.16927%2012.5V6.54167L7.60677%208.10417C7.4401%208.27083%207.24566%208.35417%207.02344%208.35417C6.80122%208.35417%206.59983%208.26389%206.41927%208.08333C6.2526%207.91667%206.17288%207.71861%206.1801%207.48917C6.18677%207.26028%206.26649%207.06944%206.41927%206.91667L9.41927%203.91667C9.5026%203.83333%209.59288%203.77417%209.6901%203.73917C9.78733%203.70472%209.89149%203.6875%2010.0026%203.6875C10.1137%203.6875%2010.2179%203.70472%2010.3151%203.73917C10.4123%203.77417%2010.5026%203.83333%2010.5859%203.91667L13.5859%206.91667C13.7526%207.08333%2013.8323%207.28111%2013.8251%207.51C13.8184%207.73944%2013.7387%207.93056%2013.5859%208.08333C13.4193%208.25%2013.2215%208.33667%2012.9926%208.34333C12.7632%208.35056%2012.5651%208.27083%2012.3984%208.10417L10.8359%206.54167V12.5C10.8359%2012.7361%2010.7562%2012.9339%2010.5968%2013.0933C10.4368%2013.2533%2010.2387%2013.3333%2010.0026%2013.3333ZM5.0026%2016.6667C4.54427%2016.6667%204.15205%2016.5036%203.82594%2016.1775C3.49927%2015.8508%203.33594%2015.4583%203.33594%2015V13.3333C3.33594%2013.0972%203.41566%2012.8992%203.5751%2012.7392C3.7351%2012.5797%203.93316%2012.5%204.16927%2012.5C4.40538%2012.5%204.60344%2012.5797%204.76344%2012.7392C4.92288%2012.8992%205.0026%2013.0972%205.0026%2013.3333V15H15.0026V13.3333C15.0026%2013.0972%2015.0826%2012.8992%2015.2426%2012.7392C15.402%2012.5797%2015.5998%2012.5%2015.8359%2012.5C16.072%2012.5%2016.2698%2012.5797%2016.4293%2012.7392C16.5893%2012.8992%2016.6693%2013.0972%2016.6693%2013.3333V15C16.6693%2015.4583%2016.5062%2015.8508%2016.1801%2016.1775C15.8534%2016.5036%2015.4609%2016.6667%2015.0026%2016.6667H5.0026Z'%20fill='%237F9428'/%3e%3c/svg%3e");
}
.std-button.cancel .icon[data-v-69217985] {
  content: url("data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M10.0026%2011.1654L5.91927%2015.2487C5.76649%2015.4015%205.57205%2015.4779%205.33594%2015.4779C5.09983%2015.4779%204.90538%2015.4015%204.7526%2015.2487C4.59983%2015.0959%204.52344%2014.9015%204.52344%2014.6654C4.52344%2014.4293%204.59983%2014.2348%204.7526%2014.082L8.83594%209.9987L4.7526%205.91536C4.59983%205.76259%204.52344%205.56814%204.52344%205.33203C4.52344%205.09592%204.59983%204.90148%204.7526%204.7487C4.90538%204.59592%205.09983%204.51953%205.33594%204.51953C5.57205%204.51953%205.76649%204.59592%205.91927%204.7487L10.0026%208.83203L14.0859%204.7487C14.2387%204.59592%2014.4332%204.51953%2014.6693%204.51953C14.9054%204.51953%2015.0998%204.59592%2015.2526%204.7487C15.4054%204.90148%2015.4818%205.09592%2015.4818%205.33203C15.4818%205.56814%2015.4054%205.76259%2015.2526%205.91536L11.1693%209.9987L15.2526%2014.082C15.4054%2014.2348%2015.4818%2014.4293%2015.4818%2014.6654C15.4818%2014.9015%2015.4054%2015.0959%2015.2526%2015.2487C15.0998%2015.4015%2014.9054%2015.4779%2014.6693%2015.4779C14.4332%2015.4779%2014.2387%2015.4015%2014.0859%2015.2487L10.0026%2011.1654Z'%20fill='%23FF6767'/%3e%3c/svg%3e");
}
.std-button.cancel:hover:not(:disabled) .icon[data-v-69217985] {
  content: url("data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M10.0026%2011.1615L5.91927%2015.2448C5.76649%2015.3976%205.57205%2015.474%205.33594%2015.474C5.09983%2015.474%204.90538%2015.3976%204.7526%2015.2448C4.59983%2015.092%204.52344%2014.8976%204.52344%2014.6615C4.52344%2014.4253%204.59983%2014.2309%204.7526%2014.0781L8.83594%209.99479L4.7526%205.91146C4.59983%205.75868%204.52344%205.56424%204.52344%205.32812C4.52344%205.09201%204.59983%204.89757%204.7526%204.74479C4.90538%204.59201%205.09983%204.51562%205.33594%204.51562C5.57205%204.51562%205.76649%204.59201%205.91927%204.74479L10.0026%208.82813L14.0859%204.74479C14.2387%204.59201%2014.4332%204.51562%2014.6693%204.51562C14.9054%204.51562%2015.0998%204.59201%2015.2526%204.74479C15.4054%204.89757%2015.4818%205.09201%2015.4818%205.32812C15.4818%205.56424%2015.4054%205.75868%2015.2526%205.91146L11.1693%209.99479L15.2526%2014.0781C15.4054%2014.2309%2015.4818%2014.4253%2015.4818%2014.6615C15.4818%2014.8976%2015.4054%2015.092%2015.2526%2015.2448C15.0998%2015.3976%2014.9054%2015.474%2014.6693%2015.474C14.4332%2015.474%2014.2387%2015.3976%2014.0859%2015.2448L10.0026%2011.1615Z'%20fill='white'/%3e%3c/svg%3e");
}
.std-button.cancel:active:not(:disabled) .icon[data-v-69217985] {
  content: url("data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M10.0026%2011.1654L5.91927%2015.2487C5.76649%2015.4015%205.57205%2015.4779%205.33594%2015.4779C5.09983%2015.4779%204.90538%2015.4015%204.7526%2015.2487C4.59983%2015.0959%204.52344%2014.9015%204.52344%2014.6654C4.52344%2014.4293%204.59983%2014.2348%204.7526%2014.082L8.83594%209.9987L4.7526%205.91536C4.59983%205.76259%204.52344%205.56814%204.52344%205.33203C4.52344%205.09592%204.59983%204.90148%204.7526%204.7487C4.90538%204.59592%205.09983%204.51953%205.33594%204.51953C5.57205%204.51953%205.76649%204.59592%205.91927%204.7487L10.0026%208.83203L14.0859%204.7487C14.2387%204.59592%2014.4332%204.51953%2014.6693%204.51953C14.9054%204.51953%2015.0998%204.59592%2015.2526%204.7487C15.4054%204.90148%2015.4818%205.09592%2015.4818%205.33203C15.4818%205.56814%2015.4054%205.76259%2015.2526%205.91536L11.1693%209.9987L15.2526%2014.082C15.4054%2014.2348%2015.4818%2014.4293%2015.4818%2014.6654C15.4818%2014.9015%2015.4054%2015.0959%2015.2526%2015.2487C15.0998%2015.4015%2014.9054%2015.4779%2014.6693%2015.4779C14.4332%2015.4779%2014.2387%2015.4015%2014.0859%2015.2487L10.0026%2011.1654Z'%20fill='%23FF6767'/%3e%3c/svg%3e");
}
.upload-area[data-v-69217985] {
  user-select: none;
  width: 100%;
  height: 35px;
  border: 1px dashed #ccc;
  border-radius: 10px;
  background-color: #f0f0f0;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}.equipment-folder-files div.p-progressbar {
  display: none !important;
}.equipment-folder-files[data-v-745055a9] {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.equipment-folder-files .folder-files[data-v-745055a9] {
  flex: 1;
  overflow-y: auto;
  height: 100%;
}.message[data-v-47c5f088] {
  min-width: 200px;
  max-width: 100%;
}
.tablo_base[data-v-47c5f088] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: auto;
  max-width: fit-content;
  overflow: hidden;
  height: 45px;
  padding: 12px 12px 12px 20px;
  padding-right: 30px;
  border-radius: 10px 0px 10px 10px;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  color: #ffffff;
  cursor: pointer;
  gap: 20px;
}
.tablo_base .msg-color-0[data-v-47c5f088] {
  background-color: #999fb0;
}
.tablo_base .msg-color-0 img[data-v-47c5f088] {
  content: url("data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M10.8331%201.69275V1.70942V3.37608C14.4915%203.82608%2017.0831%207.15108%2016.6331%2010.8094C16.2498%2013.8428%2013.8665%2016.2511%2010.8331%2016.6094V18.2761C15.4165%2017.8177%2018.7498%2013.7511%2018.2915%209.16775C17.9165%205.20942%2014.7748%202.08442%2010.8331%201.69275ZM9.16646%201.71775C7.54146%201.87608%205.99146%202.50108%204.7248%203.55108L5.91646%204.78442C6.8498%204.03442%207.9748%203.55108%209.16646%203.38442V1.71775ZM3.5498%204.72608C2.4998%205.99275%201.8748%207.53442%201.70813%209.16775H3.3748C3.53313%207.98442%203.9998%206.85942%204.74146%205.91775L3.5498%204.72608ZM1.71646%2010.8344C1.88313%2012.4677%202.5248%2014.0094%203.55813%2015.2761L4.74146%2014.0844C4.00813%2013.1427%203.53313%2012.0177%203.38313%2010.8344H1.71646ZM5.91646%2015.3094L4.7248%2016.4511C5.98313%2017.5011%207.53313%2018.1594%209.16646%2018.3344V16.6677C7.98313%2016.5177%206.85813%2016.0427%205.91646%2015.3094ZM10.4165%205.83442V10.2094L14.1665%2012.4344L13.5415%2013.4594L9.16646%2010.8344V5.83442H10.4165Z'%20fill='white'/%3e%3c/svg%3e");
}
.tablo_base.msg-color-1[data-v-47c5f088] {
  background-color: #7f9428;
}
.tablo_base.msg-color-1 img[data-v-47c5f088] {
  content: url("data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M9.99996%201.66663C5.41663%201.66663%201.66663%205.41663%201.66663%209.99996C1.66663%2014.5833%205.41663%2018.3333%209.99996%2018.3333C14.5833%2018.3333%2018.3333%2014.5833%2018.3333%209.99996C18.3333%205.41663%2014.5833%201.66663%209.99996%201.66663ZM9.99996%2016.6666C6.32496%2016.6666%203.33329%2013.675%203.33329%209.99996C3.33329%206.32496%206.32496%203.33329%209.99996%203.33329C13.675%203.33329%2016.6666%206.32496%2016.6666%209.99996C16.6666%2013.675%2013.675%2016.6666%209.99996%2016.6666ZM13.825%206.31663L8.33329%2011.8083L6.17496%209.65829L4.99996%2010.8333L8.33329%2014.1666L15%207.49996L13.825%206.31663Z'%20fill='white'/%3e%3c/svg%3e");
}
.tablo_base.msg-color-2[data-v-47c5f088] {
  background-color: #ff6767;
}
.tablo_base.msg-color-2 img[data-v-47c5f088] {
  content: url("data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M9.16663%2012.5H10.8333V14.1666H9.16663V12.5ZM9.16663%205.83329H10.8333V10.8333H9.16663V5.83329ZM9.99996%201.66663C5.39163%201.66663%201.66663%205.41663%201.66663%209.99996C1.66663%2012.2101%202.5446%2014.3297%204.1074%2015.8925C4.88122%2016.6663%205.79988%2017.2802%206.81093%2017.699C7.82198%2018.1177%208.90561%2018.3333%209.99996%2018.3333C12.2101%2018.3333%2014.3297%2017.4553%2015.8925%2015.8925C17.4553%2014.3297%2018.3333%2012.2101%2018.3333%209.99996C18.3333%208.90561%2018.1177%207.82198%2017.699%206.81093C17.2802%205.79988%2016.6663%204.88122%2015.8925%204.1074C15.1187%203.33358%2014.2%202.71975%2013.189%202.30096C12.1779%201.88217%2011.0943%201.66663%209.99996%201.66663ZM9.99996%2016.6666C8.23185%2016.6666%206.53616%2015.9642%205.28591%2014.714C4.03567%2013.4638%203.33329%2011.7681%203.33329%209.99996C3.33329%208.23185%204.03567%206.53616%205.28591%205.28591C6.53616%204.03567%208.23185%203.33329%209.99996%203.33329C11.7681%203.33329%2013.4638%204.03567%2014.714%205.28591C15.9642%206.53616%2016.6666%208.23185%2016.6666%209.99996C16.6666%2011.7681%2015.9642%2013.4638%2014.714%2014.714C13.4638%2015.9642%2011.7681%2016.6666%209.99996%2016.6666Z'%20fill='white'/%3e%3c/svg%3e");
}
@media screen and (max-width: 640px) {
.tablo_base[data-v-47c5f088] {
    font-size: 10px;
}
}.equipment-docs {
  height: 100%;
  min-height: 100;
  width: 100%;
  background-color: #fff;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  --size: 35px;
}
.equipment-docs .splitter {
  height: calc(100% - 90px);
  display: flex;
  flex-direction: column;
  padding: 0;
  height: 100%;
  width: 100%;
  border: none;
  border-radius: 0;
  display: flex;
  flex-direction: row;
  gap: 0px;
}
.equipment-docs .splitter .folders {
  display: grid;
  width: 100%;
  width: 350px;
  grid-template-rows: calc(var(--size) + 15px) auto var(--size);
}
.equipment-docs .splitter .files {
  height: 100%;
  width: 100%;
}
.equipment-docs .equipment-docs__button {
  cursor: pointer;
  background-color: #f0f0f0;
  color: #444444;
  font-size: 12px;
  font-weight: 500;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.equipment-docs .equipment-docs__button.std_button {
  background-color: #f0f0f0;
}
.equipment-docs .equipment-docs__button.std_button:hover:not(:disabled) {
  color: white;
  background-color: #8193c2;
}
.equipment-docs .equipment-docs__button.std_button:active:not(:disabled) {
  color: white;
  background-color: #2d4b9a;
}
.equipment-docs .equipment-docs__button.blue_button {
  background-color: #8193c2;
  color: white;
}
.equipment-docs .equipment-docs__button.blue_button:hover:not(:disabled) {
  background: #2d4b9a;
}
.equipment-docs .equipment-docs__button.blue_button:active:not(:disabled) {
  background-color: #f0f0f0;
  color: #444444;
}
.equipment-docs .equipment-docs__button__shadow {
  transition: 0.2s;
  box-shadow: 0 3px 8px 0 hsla(0, 0%, 0%, 0.24);
}
.equipment-docs .equipment-docs__button__shadow:hover:not(:disabled) {
  transition: 0.2s;
  box-shadow: 0 3px 6px -2px hsla(0, 0%, 0%, 0.4);
}
.equipment-docs .equipment-docs__button__shadow:active:not(:disabled) {
  transition: 0.2s;
  box-shadow: 0 1px 3px 0 hsla(0, 0%, 0%, 0.15);
}
@media (max-width: 1280px) {
.equipment-docs {
    --size: 30px;
}
.equipment-docs .folders {
    width: 280px;
}
}
@media (max-width: 768px) {
.equipment-docs {
    max-height: 100%;
    font-size: 12px;
    --size: 40px;
}
.equipment-docs .header {
    font-size: 14px;
}
.equipment-docs .files {
    margin-top: 15px;
}
.equipment-docs .splitter {
    flex-direction: column;
}
.equipment-docs .splitter .folders {
    width: 100%;
}
}
.equipment-docs-tablo {
  position: relative;
  right: -30px;
}
.column[data-v-07cca105] {
    width: 260px;
    border-left: 1px solid #ccc;
    padding: 10px;
}
.column[data-v-07cca105]:last-child {
    border-right: 1px solid #ccc;
}
.card[data-v-07cca105] {
    background: white;
    padding: 6px;
    margin-bottom: 6px;
    border-radius: 4px;
}
.data-viewer[data-v-44a00b4d] {
  --border: solid 1px var(--border-cell-color);
  --border-editable-cell-show-field: solid 4px var(--blue-color);
}
.data-viewer .data-viewer__trimmed-cell-content[data-v-44a00b4d] {
  display: block;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.data-viewer table[data-v-44a00b4d] {
  border-collapse: separate !important;
  border-spacing: 0 2px !important;
}
.data-viewer table thead tr[data-v-44a00b4d] {
  margin: 0 !important;
}
.data-viewer table tbody tr + tr[data-v-44a00b4d] {
  margin-top: -1px !important;
}
.data-viewer table tbody tr[data-v-44a00b4d]:first-child {
  margin-top: 2px !important;
}
.data-viewer table thead[data-v-44a00b4d],
.data-viewer table tbody tr[data-v-44a00b4d] {
  display: table;
  width: 100%;
  table-layout: fixed;
}
.data-viewer table .p-checkbox:has(.p-checkbox-icon) > .p-checkbox-box[data-v-44a00b4d] {
  background-color: var(--blue-color) !important;
}
.data-viewer table thead[data-v-44a00b4d] {
  background: none !important;
}
.data-viewer table thead tr[data-v-44a00b4d] {
  height: 40px !important;
  max-height: 40px !important;
  min-height: 40px !important;
}
.data-viewer table thead tr th[data-v-44a00b4d] {
  position: sticky !important;
  top: 0 !important;
  z-index: 10 !important;
  background-color: var(--bg-row-thead-color) !important;
  color: var(--text-thead-color) !important;
  font-weight: 600 !important;
  font-size: 18px !important;
  border-top: var(--border) !important;
  border-bottom: var(--border) !important;
  border-right: var(--border) !important;
  height: 40px !important;
  max-height: 40px !important;
  min-height: 40px !important;
  padding: 5px 10px !important;
}
.data-viewer table thead tr th .p-datatable-column-header-content[data-v-44a00b4d]:has(.p-checkbox) {
  display: flex !important;
  flex-direction: row-reverse !important;
}
.data-viewer table thead tr th[data-v-44a00b4d]:first-child {
  border-left: var(--border) !important;
  border-top-left-radius: var(--border-radius) !important;
  border-bottom-left-radius: var(--border-radius) !important;
}
.data-viewer table thead tr th[data-v-44a00b4d]:last-child {
  border-top-right-radius: var(--border-radius) !important;
  border-bottom-right-radius: var(--border-radius) !important;
}
.data-viewer table thead tr th .p-badge[data-v-44a00b4d] {
  background-color: var(--blue-color) !important;
}
.data-viewer table thead tr th .p-icon[data-v-44a00b4d] {
  color: var(--gray-color) !important;
}
.data-viewer table thead tr th .p-icon[sorted=true][data-v-44a00b4d] {
  color: var(--blue-color) !important;
}
.data-viewer table tbody[data-v-44a00b4d] {
  display: block;
}
.data-viewer table tbody tr[data-v-44a00b4d] {
  transition: all !important;
  transition-duration: var(--transition-duration) !important;
  border-radius: var(--border-radius) !important;
  background: none !important;
  height: 40px !important;
  max-height: 40px !important;
  min-height: 40px !important;
}
.data-viewer table tbody tr:hover > td[data-v-44a00b4d] {
  background-color: var(--bg-row-hover-color) !important;
}
.data-viewer table tbody tr[data-v-44a00b4d]:focus-visible, .data-viewer table tbody tr.p-datatable-contextmenu-row-selected[data-v-44a00b4d] {
  box-shadow: none !important;
  outline: none !important;
  outline-offset: none !important;
}
.data-viewer table tbody tr.p-datatable-row-selected[data-v-44a00b4d] {
  background: none !important;
}
.data-viewer table tbody tr.p-datatable-row-selected td[data-v-44a00b4d] {
  background-color: var(--bg-row-focus-color) !important;
  color: var(--text-color) !important;
}
.data-viewer table tbody tr.p-datatable-row-selected:hover > td[data-v-44a00b4d] {
  background-color: var(--bg-row-focus-color) !important;
  color: var(--text-color) !important;
}
.data-viewer table tbody tr td[data-v-44a00b4d] {
  color: var(--text-color) !important;
  background-color: var(--bg-cell-color);
  border-top: var(--border) !important;
  border-bottom: var(--border) !important;
  border-right: var(--border) !important;
  transition: all !important;
  transition-duration: var(--transition-duration) !important;
  height: 40px !important;
  max-height: 40px !important;
  min-height: 40px !important;
  padding: 5px 10px !important;
  font-size: 16px !important;
}
.data-viewer table tbody tr td[data-v-44a00b4d]:first-child {
  border-left: var(--border) !important;
  border-top-left-radius: var(--border-radius) !important;
  border-bottom-left-radius: var(--border-radius) !important;
}
.data-viewer table tbody tr td[data-v-44a00b4d]:last-child {
  border-top-right-radius: var(--border-radius) !important;
  border-bottom-right-radius: var(--border-radius) !important;
}
.data-viewer table tbody tr td.selection-checkbox-column[data-v-44a00b4d] {
  text-align: center;
  vertical-align: middle;
}
.data-viewer table tbody tr td .p-radiobutton.p-radiobutton-checked .p-radiobutton-box[data-v-44a00b4d] {
  border-color: var(--blue-color) !important;
  background: var(--blue-color) !important;
}
.data-viewer table tbody tr td .p-radiobutton.p-radiobutton-checked .p-radiobutton-icon[data-v-44a00b4d] {
  background-color: #fff !important;
}
.data-viewer table tbody tr td[data-v-44a00b4d]:has(.editable-cell), .data-viewer table tbody tr td[data-v-44a00b4d]:has(.invalid-cell) {
  transition: none !important;
  padding: 0 !important;
}
.data-viewer table tbody tr td[data-v-44a00b4d]:has(.editable-cell-show-field) {
  border-top: var(--border-editable-cell-show-field) !important;
  border-bottom: var(--border-editable-cell-show-field) !important;
  border-right: var(--border-editable-cell-show-field) !important;
  border-left: var(--border-editable-cell-show-field) !important;
}
.data-viewer table tbody tr td[data-v-44a00b4d]:has(.p-datatable-reorderable-row-handle) {
  padding: 0 !important;
}
.data-viewer table tbody tr td .p-datatable-reorderable-row-handle[data-v-44a00b4d] {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}
.data-viewer table tbody tr:nth-child(even) td[data-v-44a00b4d] {
  background-color: #fff;
}
.data-viewer nav .p-paginator[data-v-44a00b4d] {
  background-color: var(--main-color) !important;
  box-shadow: var(--box-shadow-normal) !important;
}
.data-viewer nav button.p-paginator-page[data-v-44a00b4d], .data-viewer nav button.p-paginator-first[data-v-44a00b4d], .data-viewer nav button.p-paginator-prev[data-v-44a00b4d], .data-viewer nav button.p-paginator-next[data-v-44a00b4d], .data-viewer nav button.p-paginator-last[data-v-44a00b4d] {
  height: 40px !important;
  width: 40px !important;
  border-radius: var(--border-radius) !important;
  color: var(--text-color) !important;
}
.data-viewer nav button.p-paginator-page[data-v-44a00b4d]:hover, .data-viewer nav button.p-paginator-first[data-v-44a00b4d]:hover, .data-viewer nav button.p-paginator-prev[data-v-44a00b4d]:hover, .data-viewer nav button.p-paginator-next[data-v-44a00b4d]:hover, .data-viewer nav button.p-paginator-last[data-v-44a00b4d]:hover {
  background-color: var(--btn-bg-hover-color) !important;
  color: #fff !important;
}
.data-viewer nav button.p-paginator-page[data-v-44a00b4d]:active, .data-viewer nav button.p-paginator-first[data-v-44a00b4d]:active, .data-viewer nav button.p-paginator-prev[data-v-44a00b4d]:active, .data-viewer nav button.p-paginator-next[data-v-44a00b4d]:active, .data-viewer nav button.p-paginator-last[data-v-44a00b4d]:active {
  background-color: var(--btn-bg-active-color) !important;
  color: #fff !important;
}
.data-viewer nav button.p-paginator-page-selected[data-v-44a00b4d] {
  background-color: var(--btn-bg-active-color) !important;
  color: #fff !important;
}
.data-viewer nav .p-select[data-v-44a00b4d] {
  background-color: var(--main-color) !important;
  border: var(--border) !important;
}
.data-viewer nav .p-select span[data-v-44a00b4d] {
  background: transparent !important;
  color: var(--text-color) !important;
}
.data-viewer nav .p-select .p-select-dropdown[data-v-44a00b4d] {
  background: transparent !important;
  color: var(--text-color) !important;
}.subdivision-container[data-v-f33c6db8] {
  display: flex;
  flex-direction: column;
  gap: 0;
}
.loading-container[data-v-f33c6db8] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 400px;
  background-color: #f9f9f9;
  border-radius: 10px;
}
.loading-container i[data-v-f33c6db8] {
  color: #2d4b9a;
  margin-bottom: 16px;
}
.loading-container p[data-v-f33c6db8] {
  font-size: 16px;
  color: #555;
}
.no-data-container[data-v-f33c6db8] {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  background-color: #f9f9f9;
  border-radius: 10px;
  border: 1px dashed #ccc;
  padding: 40px;
}
.no-data-icon[data-v-f33c6db8] {
  color: #bdbdbd;
}
.no-data-message[data-v-f33c6db8] {
  font-size: 16px;
  color: #777;
  text-align: center;
  max-width: 80%;
}
.no-data-title[data-v-f33c6db8] {
  font-size: 24px;
  color: #555;
  margin-bottom: 10px;
}
.column-header-center[data-v-f33c6db8] {
  width: 100%;
  text-align: center;
}
[data-v-f33c6db8] .p-datatable-wrapper {
  border-radius: 4px;
  overflow: hidden;
}
[data-v-f33c6db8] .p-datatable .p-datatable-thead > tr > th {
  background-color: #e9ecef;
  color: #444444;
  font-weight: 600;
  padding: 0.5rem 1rem;
  border: 1px solid #dee2e6;
  text-align: center;
}
[data-v-f33c6db8] .p-datatable-tbody > tr > td {
  padding: 0.5rem 1rem;
  border: 1px solid #f2f6ff;
  vertical-align: middle;
}
[data-v-f33c6db8] .p-datatable-tbody > tr:hover > td {
  background-color: #d9dfed !important;
  transition: background-color 0.2s;
}
.wrapper[data-v-e3363ec2] {
    height: 100%;
    display: flex;
    flex-direction: column;
    /* overflow-y: auto; */
}
.cpr.cpr-checkbox {
  display: flex;
  align-items: center;
  gap: 2rem;
}
.cpr.cpr-checkbox .checked {
  background-color: #2d4b9a !important;
}
.warehouse-settings-tree[data-v-336ec565] .p-tree-node-children {
    padding-inline-start: 2rem;
}
.section[data-v-5d177da8] {
  border-radius: 12px;
  border-width: 1px;
  border-color: #e2e8f0;
  background-color: white;
  padding: 20px;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
}
.section .section-header[data-v-5d177da8] {
  font-size: 18px;
  font-weight: 600;
  color: var(--text-color);
}
.section .section-description[data-v-5d177da8] {
  font-size: 14px;
  color: #62748e;
  max-width: 700px;
  margin-top: 4px;
}.note-preview[data-v-e1bc8058] {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
.note-preview[data-v-e1bc8058] {
    -webkit-line-clamp: 3;
}
}.operations-virtual-list[data-v-5b75427a] {
  border-radius: 12px;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  overscroll-behavior: contain;
}
.operations-virtual-list[data-v-5b75427a] .p-virtualscroller {
  border-radius: 12px;
  background: transparent;
  overflow-x: hidden;
  overflow-y: auto;
}
.operations-virtual-list[data-v-5b75427a] .p-virtualscroller-content {
  display: flex;
  flex-direction: column;
}.equipment-breakdown__table[data-v-72a42f5a] {
  padding: 10px;
  background-color: white;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.equipment-breakdown__table[data-v-72a42f5a] .table-root {
  --table-border-color: var(--gray-color);
  border-collapse: separate;
  border-spacing: 0 2px;
}
.equipment-breakdown__table[data-v-72a42f5a] .table-root .indexColumn-width {
  width: 80px;
}
@media screen and (min-width: 744px) {
.equipment-breakdown__table[data-v-72a42f5a] .table-root .indexColumn-width {
    width: 80px;
}
}
@media screen and (min-width: 1280px) {
.equipment-breakdown__table[data-v-72a42f5a] .table-root .indexColumn-width {
    width: 80px;
}
}
@media screen and (min-width: 1920px) {
.equipment-breakdown__table[data-v-72a42f5a] .table-root .indexColumn-width {
    width: 80px;
}
}
.equipment-breakdown__table[data-v-72a42f5a] .table-root .numberColumn-width {
  font-variant-numeric: tabular-nums;
  width: 50px;
}
@media screen and (min-width: 744px) {
.equipment-breakdown__table[data-v-72a42f5a] .table-root .numberColumn-width {
    width: 50px;
}
}
@media screen and (min-width: 1280px) {
.equipment-breakdown__table[data-v-72a42f5a] .table-root .numberColumn-width {
    width: 160px;
}
}
@media screen and (min-width: 1920px) {
.equipment-breakdown__table[data-v-72a42f5a] .table-root .numberColumn-width {
    width: 220px;
}
}
.equipment-breakdown__table[data-v-72a42f5a] .table-root.compact .numberColumn-width {
  width: 50px;
}
.equipment-breakdown__table[data-v-72a42f5a] .table-root .numberColumn-headerDescription {
  margin-left: 5px;
  margin-right: 10px;
  width: min;
}
@media screen and (max-width: 1279px) {
.equipment-breakdown__table[data-v-72a42f5a] .table-root .numberColumn-headerDescription {
    display: none;
}
}
.equipment-breakdown__table[data-v-72a42f5a] .table-root.compact .numberColumn-headerDescription {
  display: none;
}
.equipment-breakdown__table[data-v-72a42f5a] .table-root tr {
  color: var(--text-color);
  font-size: 12px;
  font-weight: 400;
  line-height: 120%;
  transition: background-color 0.1s ease;
}
.equipment-breakdown__table[data-v-72a42f5a] .table-root tr:hover {
  background-color: hsla(222, 56%, 39%, 0.2) !important;
}
.equipment-breakdown__table[data-v-72a42f5a] .table-root tr:nth-child(even) {
  background-color: hsla(0, 0%, 0%, 0.05);
}
.equipment-breakdown__table[data-v-72a42f5a] .table-root tr[data-p-selected=true] {
  background-color: hsla(220, 58%, 30%, 0.25);
}
.equipment-breakdown__table[data-v-72a42f5a] .table-root tr[data-p-selected=true] td {
  border-color: rgba(0, 0, 0, 0.1);
  color: var(--text-color);
}
.equipment-breakdown__table[data-v-72a42f5a] .table-root th,
.equipment-breakdown__table[data-v-72a42f5a] .table-root td {
  transition: all 0.1s ease;
}
.equipment-breakdown__table[data-v-72a42f5a] .table-root .sort-icon {
  color: white !important;
}
@media screen and (max-width: 1279px) {
.equipment-breakdown__table[data-v-72a42f5a] .table-root .sort-icon {
    display: none;
}
}
.equipment-breakdown__table[data-v-72a42f5a] .table-root.compact .sort-icon {
  display: none;
}
.equipment-breakdown__table[data-v-72a42f5a] .table-root .numberColumn-bodyCell {
  padding: 0;
}
.equipment-breakdown__table[data-v-72a42f5a] .table-root .columnHeader-content {
  font-size: 12px;
  line-height: 100%;
  font-weight: 600;
  color: white;
  display: flex;
  gap: 0;
  justify-content: start;
  align-items: center;
}
@media screen and (max-width: 1280px) {
.equipment-breakdown__table[data-v-72a42f5a] .table-root .columnHeader-content {
    justify-content: center;
}
}
.equipment-breakdown__table[data-v-72a42f5a] .table-root.compact .columnHeader-content {
  justify-content: center;
}
.equipment-breakdown__table[data-v-72a42f5a] .body-row-class {
  transition: all 0.1s ease;
}
.equipment-breakdown__table[data-v-72a42f5a] .body-row-class td {
  border: 1px solid var(--table-border-color);
}
.equipment-breakdown__table[data-v-72a42f5a] .body-row-class td:first-child {
  border-left: 1px solid var(--table-border-color);
  border-top-left-radius: var(--border-radius);
  border-bottom-left-radius: var(--border-radius);
}
.equipment-breakdown__table[data-v-72a42f5a] .body-row-class td:last-child {
  border-top-right-radius: var(--border-radius);
  border-bottom-right-radius: var(--border-radius);
}
.equipment-breakdown__table[data-v-72a42f5a] .header-cell {
  border: 1px solid var(--table-border-color);
  border-left: none;
  height: 40px;
  padding: 0 10px;
}
.equipment-breakdown__table[data-v-72a42f5a] .header-cell:first-child {
  border-left: 1px solid var(--table-border-color);
  border-top-left-radius: var(--border-radius);
  border-bottom-left-radius: var(--border-radius);
}
.equipment-breakdown__table[data-v-72a42f5a] .header-cell:last-child {
  border-top-right-radius: var(--border-radius);
  border-bottom-right-radius: var(--border-radius);
  border: none;
}
.equipment-breakdown__table[data-v-72a42f5a] .header-inv {
  background-color: #0f1b38 !important;
}
.equipment-breakdown__table[data-v-72a42f5a] .header-name {
  background-color: var(--blue-tertiary-color) !important;
  justify-content: start !important;
}
.equipment-breakdown__table[data-v-72a42f5a] .name-body_cell {
  background-color: hsla(213, 41%, 49%, 0.15);
  font-weight: 600;
  letter-spacing: 0;
  hyphens: auto;
  word-break: break-word;
}
.equipment-breakdown__table[data-v-72a42f5a] .header-breaks_total {
  background-color: var(--red-color) !important;
}
.equipment-breakdown__table[data-v-72a42f5a] .header-breaks_completed {
  background-color: var(--green-color) !important;
}
.equipment-breakdown__table[data-v-72a42f5a] .breaks_completed-body_cell {
  background-color: hsla(72, 57%, 37%, 0.15);
}
.equipment-breakdown__table[data-v-72a42f5a] .header-breaks_active {
  background-color: var(--orange-color) !important;
}
.equipment-breakdown__table[data-v-72a42f5a] .header-hours_completed {
  background-color: var(--blue-color) !important;
}
.equipment-breakdown__table[data-v-72a42f5a] .hours_completed-body_cell {
  background-color: hsla(222, 56%, 39%, 0.15);
}
.equipment-breakdown__table[data-v-72a42f5a] .header-hours_active {
  background-color: var(--blue-secondary-color) !important;
}.data-viewer {
  --border: solid 1px var(--border-cell-color);
  --border-editable-cell-show-field: solid 4px var(--blue-color);
}
.data-viewer .data-viewer__trimmed-cell-content {
  display: block;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.data-viewer table {
  border-collapse: separate !important;
  border-spacing: 0 2px !important;
}
.data-viewer table thead tr {
  margin: 0 !important;
}
.data-viewer table tbody tr + tr {
  margin-top: -1px !important;
}
.data-viewer table tbody tr:first-child {
  margin-top: 2px !important;
}
.data-viewer table thead,
.data-viewer table tbody tr {
  display: table;
  width: 100%;
  table-layout: fixed;
}
.data-viewer table .p-checkbox:has(.p-checkbox-icon) > .p-checkbox-box {
  background-color: var(--blue-color) !important;
}
.data-viewer table thead {
  background: none !important;
}
.data-viewer table thead tr {
  height: 40px !important;
  max-height: 40px !important;
  min-height: 40px !important;
}
.data-viewer table thead tr th {
  position: sticky !important;
  top: 0 !important;
  z-index: 10 !important;
  background-color: var(--bg-row-thead-color) !important;
  color: var(--text-thead-color) !important;
  font-weight: 600 !important;
  font-size: 18px !important;
  border-top: var(--border) !important;
  border-bottom: var(--border) !important;
  border-right: var(--border) !important;
  height: 40px !important;
  max-height: 40px !important;
  min-height: 40px !important;
  padding: 5px 10px !important;
}
.data-viewer table thead tr th .p-datatable-column-header-content:has(.p-checkbox) {
  display: flex !important;
  flex-direction: row-reverse !important;
}
.data-viewer table thead tr th:first-child {
  border-left: var(--border) !important;
  border-top-left-radius: var(--border-radius) !important;
  border-bottom-left-radius: var(--border-radius) !important;
}
.data-viewer table thead tr th:last-child {
  border-top-right-radius: var(--border-radius) !important;
  border-bottom-right-radius: var(--border-radius) !important;
}
.data-viewer table thead tr th .p-badge {
  background-color: var(--blue-color) !important;
}
.data-viewer table thead tr th .p-icon {
  color: var(--gray-color) !important;
}
.data-viewer table thead tr th .p-icon[sorted=true] {
  color: var(--blue-color) !important;
}
.data-viewer table tbody {
  display: block;
}
.data-viewer table tbody tr {
  transition: all !important;
  transition-duration: var(--transition-duration) !important;
  border-radius: var(--border-radius) !important;
  background: none !important;
  height: 40px !important;
  max-height: 40px !important;
  min-height: 40px !important;
}
.data-viewer table tbody tr:hover > td {
  background-color: var(--bg-row-hover-color) !important;
}
.data-viewer table tbody tr:focus-visible, .data-viewer table tbody tr.p-datatable-contextmenu-row-selected {
  box-shadow: none !important;
  outline: none !important;
  outline-offset: none !important;
}
.data-viewer table tbody tr.p-datatable-row-selected {
  background: none !important;
}
.data-viewer table tbody tr.p-datatable-row-selected td {
  background-color: var(--bg-row-focus-color) !important;
  color: var(--text-color) !important;
}
.data-viewer table tbody tr.p-datatable-row-selected:hover > td {
  background-color: var(--bg-row-focus-color) !important;
  color: var(--text-color) !important;
}
.data-viewer table tbody tr td {
  color: var(--text-color) !important;
  background-color: var(--bg-cell-color);
  border-top: var(--border) !important;
  border-bottom: var(--border) !important;
  border-right: var(--border) !important;
  transition: all !important;
  transition-duration: var(--transition-duration) !important;
  height: 40px !important;
  max-height: 40px !important;
  min-height: 40px !important;
  padding: 5px 10px !important;
  font-size: 16px !important;
}
.data-viewer table tbody tr td:first-child {
  border-left: var(--border) !important;
  border-top-left-radius: var(--border-radius) !important;
  border-bottom-left-radius: var(--border-radius) !important;
}
.data-viewer table tbody tr td:last-child {
  border-top-right-radius: var(--border-radius) !important;
  border-bottom-right-radius: var(--border-radius) !important;
}
.data-viewer table tbody tr td.selection-checkbox-column {
  text-align: center;
  vertical-align: middle;
}
.data-viewer table tbody tr td .p-radiobutton.p-radiobutton-checked .p-radiobutton-box {
  border-color: var(--blue-color) !important;
  background: var(--blue-color) !important;
}
.data-viewer table tbody tr td .p-radiobutton.p-radiobutton-checked .p-radiobutton-icon {
  background-color: #fff !important;
}
.data-viewer table tbody tr td:has(.editable-cell), .data-viewer table tbody tr td:has(.invalid-cell) {
  transition: none !important;
  padding: 0 !important;
}
.data-viewer table tbody tr td:has(.editable-cell-show-field) {
  border-top: var(--border-editable-cell-show-field) !important;
  border-bottom: var(--border-editable-cell-show-field) !important;
  border-right: var(--border-editable-cell-show-field) !important;
  border-left: var(--border-editable-cell-show-field) !important;
}
.data-viewer table tbody tr td:has(.p-datatable-reorderable-row-handle) {
  padding: 0 !important;
}
.data-viewer table tbody tr td .p-datatable-reorderable-row-handle {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}
.data-viewer table tbody tr:nth-child(even) td {
  background-color: #fff;
}
.data-viewer nav .p-paginator {
  background-color: var(--main-color) !important;
  box-shadow: var(--box-shadow-normal) !important;
}
.data-viewer nav button.p-paginator-page, .data-viewer nav button.p-paginator-first, .data-viewer nav button.p-paginator-prev, .data-viewer nav button.p-paginator-next, .data-viewer nav button.p-paginator-last {
  height: 40px !important;
  width: 40px !important;
  border-radius: var(--border-radius) !important;
  color: var(--text-color) !important;
}
.data-viewer nav button.p-paginator-page:hover, .data-viewer nav button.p-paginator-first:hover, .data-viewer nav button.p-paginator-prev:hover, .data-viewer nav button.p-paginator-next:hover, .data-viewer nav button.p-paginator-last:hover {
  background-color: var(--btn-bg-hover-color) !important;
  color: #fff !important;
}
.data-viewer nav button.p-paginator-page:active, .data-viewer nav button.p-paginator-first:active, .data-viewer nav button.p-paginator-prev:active, .data-viewer nav button.p-paginator-next:active, .data-viewer nav button.p-paginator-last:active {
  background-color: var(--btn-bg-active-color) !important;
  color: #fff !important;
}
.data-viewer nav button.p-paginator-page-selected {
  background-color: var(--btn-bg-active-color) !important;
  color: #fff !important;
}
.data-viewer nav .p-select {
  background-color: var(--main-color) !important;
  border: var(--border) !important;
}
.data-viewer nav .p-select span {
  background: transparent !important;
  color: var(--text-color) !important;
}
.data-viewer nav .p-select .p-select-dropdown {
  background: transparent !important;
  color: var(--text-color) !important;
}.no-data-container[data-v-7c41fbdf] {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  background-color: #f9f9f9;
  border-bottom-left-radius: var(--border-radius);
  border-bottom-right-radius: var(--border-radius);
  border: 1px dashed var(--gray-color);
  padding: 40px;
}
.no-data-container .no-data-icon[data-v-7c41fbdf] {
  color: var(--gray-color);
}
.no-data-container .no-data-title[data-v-7c41fbdf] {
  font-size: 24px;
  color: var(--gray-dark-color);
  margin-bottom: 10px;
  text-align: center;
}
.no-data-container .no-data-message[data-v-7c41fbdf] {
  font-size: 16px;
  color: var(--gray-color);
  text-align: center;
  max-width: 80%;
}.date-picker-element[data-v-6c014e23] {
  width: fit-content;
  min-width: 120px;
  max-width: 180px;
}
@media screen and (min-width: 744px) {
.date-picker-element[data-v-6c014e23] {
    width: 180px;
    max-width: 280px;
}
}
@media screen and (min-width: 1280px) {
.date-picker-element[data-v-6c014e23] {
    width: 100%;
    max-width: 280px;
}
}
@media screen and (min-width: 1920px) {
.date-picker-element[data-v-6c014e23] {
    width: 320px;
}
}
.date-picker-element[data-v-6c014e23] .p-datepicker-input {
  min-height: auto !important;
  height: 40px !important;
  border-width: 1px !important;
  border-color: var(--field-border-color) !important;
  padding: 0;
  padding-left: 10px;
  font-size: var(--font-size-basic);
  font-weight: 400;
}
@media screen and (min-width: 1280px) {
.date-picker-element[data-v-6c014e23] .p-datepicker-input {
    height: 30px !important;
}
}
@media screen and (min-width: 1920px) {
.date-picker-element[data-v-6c014e23] .p-datepicker-input {
    height: 35px !important;
}
}
.date-picker-element[data-v-6c014e23] .p-datepicker-input:hover {
  border-width: 1px !important;
  border-color: var(--field-hover-border-color) !important;
}
.date-picker-element[data-v-6c014e23] .p-datepicker-input:focus {
  border-width: 1px !important;
  border-color: var(--field-focus-border-color) !important;
}
.date-picker-element[data-v-6c014e23] .p-datepicker-input:disabled {
  border-width: 1px !important;
  border-color: var(--field-disabled-border-color) !important;
  background-color: var(--field-disabled-bg-color) !important;
}
.date-picker-element .date-picker--icon[data-v-6c014e23] {
  color: var(--text-color);
}
.date-picker-element .p-datepicker-panel[data-v-6c014e23] {
  box-shadow: var(--box-shadow-normal) !important;
  border-radius: var(--border-radius) !important;
  min-width: min-content !important;
}
.date-picker-element .p-datepicker-panel .p-datepicker-day-selected[data-v-6c014e23] {
  background-color: var(--blue-color) !important;
}
.select-button[data-v-6c014e23] {
  --p-selectbutton-border-radius: var(--border-radius);
  height: 40px;
  background-color: var(--gray-light-color);
}
@media screen and (min-width: 1280px) {
.select-button[data-v-6c014e23] {
    height: 30px;
}
}
@media screen and (min-width: 1920px) {
.select-button[data-v-6c014e23] {
    height: 35px;
}
}
.select-button[data-v-6c014e23] button.p-togglebutton {
  padding: 0 2.5px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--gray-dark-color);
  background-color: var(--gray-light-color);
  border-color: var(--gray-light-color);
  font-size: var(--font-size-basic);
  font-weight: 600;
  line-height: 100%;
}
@media screen and (min-width: 760px) {
.select-button[data-v-6c014e23] button.p-togglebutton {
    padding: 0 3px;
}
}
.select-button[data-v-6c014e23] button.p-togglebutton span {
  padding: 0 5px;
  width: fit-content;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 760px) {
.select-button[data-v-6c014e23] button.p-togglebutton span {
    width: fit-content;
    padding: 0 10px;
    height: 30px;
}
}
@media screen and (min-width: 1280px) {
.select-button[data-v-6c014e23] button.p-togglebutton span {
    height: 20px;
}
}
@media screen and (min-width: 1920px) {
.select-button[data-v-6c014e23] button.p-togglebutton span {
    height: 25px;
}
}
.select-button[data-v-6c014e23] button.p-togglebutton:hover {
  background-color: transparent;
  color: var(--text-color);
}
.select-button[data-v-6c014e23] button.p-togglebutton[data-p-checked=true] {
  color: var(--text-color);
}
.equipment-period__date[data-v-6c014e23] {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  width: 100%;
}
@media screen and (min-width: 500px) {
.equipment-period__date[data-v-6c014e23] {
    flex-direction: row;
    gap: 10px;
}
}
@media screen and (min-width: 744px) {
.equipment-period__date[data-v-6c014e23] {
    flex-direction: row;
    gap: 10px;
}
}
@media screen and (min-width: 1280px) {
.equipment-period__date[data-v-6c014e23] {
    flex-wrap: nowrap;
    gap: 15px;
}
}
@media screen and (min-width: 1920px) {
.equipment-period__date[data-v-6c014e23] {
    gap: 15px;
}
}.select-button[data-v-092c7010] {
  --p-selectbutton-border-radius: var(--border-radius);
  height: 40px;
  background-color: var(--gray-light-color);
}
@media screen and (min-width: 1280px) {
.select-button[data-v-092c7010] {
    height: 30px;
}
}
@media screen and (min-width: 1920px) {
.select-button[data-v-092c7010] {
    height: 35px;
}
}
.select-button[data-v-092c7010] button.p-togglebutton {
  padding: 0 2.5px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--gray-dark-color);
  background-color: var(--gray-light-color);
  border-color: var(--gray-light-color);
  font-size: var(--font-size-basic);
  font-weight: 600;
  line-height: 100%;
}
@media screen and (min-width: 760px) {
.select-button[data-v-092c7010] button.p-togglebutton {
    padding: 0 3px;
}
}
.select-button[data-v-092c7010] button.p-togglebutton span {
  padding: 0 5px;
  width: fit-content;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 760px) {
.select-button[data-v-092c7010] button.p-togglebutton span {
    width: fit-content;
    padding: 0 10px;
    height: 30px;
}
}
@media screen and (min-width: 1280px) {
.select-button[data-v-092c7010] button.p-togglebutton span {
    height: 20px;
}
}
@media screen and (min-width: 1920px) {
.select-button[data-v-092c7010] button.p-togglebutton span {
    height: 25px;
}
}
.select-button[data-v-092c7010] button.p-togglebutton:hover {
  background-color: transparent;
  color: var(--text-color);
}
.select-button[data-v-092c7010] button.p-togglebutton[data-p-checked=true] {
  color: var(--text-color);
}.settings-panel[data-v-c1578865] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: flex-start;
  justify-content: start;
  background-color: white;
  padding: 15px;
  border-radius: var(--border-radius);
  box-shadow: var(--box-shadow-normal);
}
@media screen and (min-width: 500px) {
.settings-panel[data-v-c1578865] {
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 10px;
    width: 100%;
    justify-content: space-between;
}
}
@media screen and (min-width: 744px) {
.settings-panel[data-v-c1578865] {
    flex-direction: row;
    gap: 10px;
    width: 100%;
    justify-content: space-between;
}
}
@media screen and (min-width: 1280px) {
.settings-panel[data-v-c1578865] {
    gap: 15px;
}
}
@media screen and (min-width: 1920px) {
.settings-panel[data-v-c1578865] {
    gap: 15px;
}
}.button[data-v-a8367d75] {
  color: white;
  background-color: var(--blue-secondary-color);
  border-radius: var(--border-radius);
  width: 35px;
  height: 35px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: var(--box-shadow-normal);
  transition: all 0.1s ease;
}
.button[data-v-a8367d75]:hover {
  box-shadow: var(--box-shadow-hover);
  background-color: var(--blue-color);
}
.button[data-v-a8367d75]:active {
  box-shadow: var(--box-shadow-active);
  color: var(--text-color);
  background-color: var(--main-color);
}
.button .icon[data-v-a8367d75] {
  width: 18px;
  height: 18px;
}
@media screen and (min-width: 744px) {
.button[data-v-a8367d75] {
    width: 40px;
    height: 40px;
}
}
@media screen and (min-width: 1280px) {
.button[data-v-a8367d75] {
    width: 30px;
    height: 30px;
}
}
@media screen and (min-width: 1920px) {
.button[data-v-a8367d75] {
    width: 35px;
    height: 35px;
}
}.window-container[data-v-e2194a31] {
  border-radius: var(--border-radius);
  box-shadow: var(--box-shadow-normal);
  background-color: white;
  overflow: hidden;
}
.window-container .window-header[data-v-e2194a31] {
  background-color: var(--main-color);
  display: flex;
  flex-shrink: 0;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  height: 50px;
  padding: 0 10px;
}
@media screen and (min-width: 744px) {
.window-container .window-header[data-v-e2194a31] {
    height: 50px;
    padding: 0 10px;
}
}
@media screen and (min-width: 1280px) {
.window-container .window-header[data-v-e2194a31] {
    height: 35px;
    padding: 0 10px;
}
}
@media screen and (min-width: 1920px) {
.window-container .window-header[data-v-e2194a31] {
    height: 45px;
    padding: 0 15px;
}
}
.window-container .window-header .title[data-v-e2194a31] {
  color: var(--text-color);
  font-weight: 300;
  line-height: 100%;
  font-size: 18px;
}
@media screen and (min-width: 744px) {
.window-container .window-header .title[data-v-e2194a31] {
    font-size: 18px;
}
}
@media screen and (min-width: 1280px) {
.window-container .window-header .title[data-v-e2194a31] {
    font-size: 14px;
}
}
@media screen and (min-width: 1920px) {
.window-container .window-header .title[data-v-e2194a31] {
    font-size: 18px;
}
}[data-v-afcb93b7] .table-class {
  font-size: 12px;
  font-weight: 400;
  line-height: 120%;
  --table-border-color: var(--gray-color);
  --p-datatable-body-cell-selected-border-color: var(--table-border-color);
  --p-datatable-body-cell-selected-background: hsla(220, 58%, 30%, 0.25);
  --p-datatable-body-cell-selected-color: var(--text-color);
  --p-datatable-row-selected-background: hsla(220, 58%, 30%, 0.25);
  --p-datatable-row-selected-color: var(--text-color);
  border-collapse: separate;
  border-spacing: 0 2px;
}
[data-v-afcb93b7] .table-class tr {
  color: var(--text-color);
}
[data-v-afcb93b7] .table-class tr:hover {
  background-color: hsla(222, 56%, 39%, 0.2) !important;
}
[data-v-afcb93b7] .table-class tr:nth-child(even) {
  background-color: hsla(0, 0%, 0%, 0.05);
}
[data-v-afcb93b7] .table-class tr[data-p-selected=true] {
  background-color: hsla(220, 58%, 30%, 0.25);
}
[data-v-afcb93b7] .table-class tr[data-p-selected=true] td {
  border-color: rgba(0, 0, 0, 0.1);
  color: var(--text-color);
}
[data-v-afcb93b7] .bodyRow-class td {
  border: 1px solid var(--table-border-color);
}
[data-v-afcb93b7] .bodyRow-class td:first-child {
  border-left: 1px solid var(--table-border-color);
  border-top-left-radius: var(--border-radius);
  border-bottom-left-radius: var(--border-radius);
}
[data-v-afcb93b7] .bodyRow-class td:last-child {
  border-top-right-radius: var(--border-radius);
  border-bottom-right-radius: var(--border-radius);
}
[data-v-afcb93b7] .header-cell {
  border: 1px solid var(--table-border-color);
  border-left: none;
  background-color: var(--gray-light-color);
  height: 40px;
  padding: 0 10px;
  --p-datatable-header-cell-selected-color: var(--text-color);
}
[data-v-afcb93b7] .header-cell:first-child {
  border-left: 1px solid var(--table-border-color);
  border-top-left-radius: var(--border-radius);
  border-bottom-left-radius: var(--border-radius);
}
[data-v-afcb93b7] .header-cell:last-child {
  border-top-right-radius: var(--border-radius);
  border-bottom-right-radius: var(--border-radius);
}
[data-v-afcb93b7] .bodyCell {
  padding: 5px 10px;
}.description-block[data-v-a7b1fef0] {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.description-block.empty[data-v-a7b1fef0] {
  flex-direction: row;
  align-content: center;
}
.description-block .description-block__header[data-v-a7b1fef0] {
  padding: 0 10px;
  font-size: 12px;
  font-weight: 500;
  line-height: 100%;
}
.description-block.empty .description-block__header[data-v-a7b1fef0] {
  padding: 0;
  align-self: center;
}
.description-block .description-block__content[data-v-a7b1fef0] {
  font-weight: 400;
  font-size: 12px;
  border-radius: var(--border-radius);
  border: solid 1px var(--gray-color);
  background-color: var(--main-color);
  color: var(--text-color);
  padding: 10px;
  overflow-y: auto;
  max-height: 60px;
  min-height: 40px;
  word-break: break-all;
  word-wrap: break-word;
  hyphens: auto;
}
@media screen and (min-width: 1280px) {
.description-block .description-block__content[data-v-a7b1fef0] {
    min-height: 30px;
}
}.files-block[data-v-ad7281cb] {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.files-block .files-block__header[data-v-ad7281cb] {
  font-weight: 500;
}
.files-block .link[data-v-ad7281cb] {
  width: fit-content;
  cursor: pointer;
  font-size: 12px;
  font-weight: 600;
  color: var(--blue-color);
}
.files-block .link .filename[data-v-ad7281cb] {
  text-decoration: underline;
  font-family: Inter;
}
.files-block .link .icon[data-v-ad7281cb] {
  font-weight: 400;
  text-decoration: none;
  margin-right: 5px;
}
.message-block[data-v-c6a773a8] {
  font-size: 12px;
  font-weight: 400;
  line-height: 100%;
  padding: 10px;
  background-color: var(--gray-light-color);
}
.message-block .message .message-content[data-v-c6a773a8] {
  background-color: white;
  padding: 10px;
  border-radius: var(--border-radius);
  border-bottom-left-radius: 2px;
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.message-block .message .message-content .text[data-v-c6a773a8] {
  line-height: 120%;
  width: fit-content;
  word-break: normal;
  hyphens: auto;
  hyphenate-limit-chars: 6 4 3;
}
.message-block .message.my-message[data-v-c6a773a8] {
  width: 100%;
  align-self: flex-end;
}
.message-block .message.my-message .message-content[data-v-c6a773a8] {
  align-self: flex-end;
  border-bottom-left-radius: var(--border-radius);
  border-bottom-right-radius: 2px;
  background-color: var(--blue-secondary-color);
  color: white;
}
.message-block .message.my-message .author[data-v-c6a773a8] ::after {
  content: "(я)";
}
.message-block .message.my-message .signature[data-v-c6a773a8] {
  display: flex;
  justify-content: flex-end;
}
.message-block .message.my-message .icon[data-v-c6a773a8] {
  color: white;
}
.message-block .message .author[data-v-c6a773a8] {
  color: var(--gray-color);
  font-weight: 600;
}
.message-block .message .datetime[data-v-c6a773a8] {
  color: var(--gray-color);
  font-weight: 400;
}
.message-block .message .attachment[data-v-c6a773a8] {
  cursor: pointer;
}
.message-block .message .attachment span[data-v-c6a773a8] {
  font-size: 12px;
  font-weight: 600;
  font-family: Inter;
  text-decoration: underline;
}.task-container[data-v-0453cd33] {
  font-size: 12px;
  border-radius: var(--border-radius);
  box-shadow: var(--box-shadow-normal);
  overflow: hidden;
  max-height: 535px;
  height: fit-content;
}
.task-container .task-header[data-v-0453cd33] {
  height: 35px;
  padding: 0 10px;
  color: var(--text-color);
  background-color: var(--main-color);
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.task-container .task-header task-header__title[data-v-0453cd33] {
  font-size: 14px;
  font-weight: 300;
}
.task-container .content[data-v-0453cd33] {
  padding: 10px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.task-container .content .employee-block[data-v-0453cd33] {
  font-size: 12px;
  font-weight: 300;
  display: flex;
  gap: 5px;
}
.task-container .content .employee-block .title[data-v-0453cd33] {
  font-weight: 400;
}.equipment-breakdown--container[data-v-4f2f6e5a] {
  margin-top: 10px;
  border-radius: var(--border-radius);
  box-shadow: var(--box-shadow-normal);
  background-color: white;
}
.equipment-breakdown--container .equipment-breakdown--container__title[data-v-4f2f6e5a] {
  font-weight: 300;
  line-height: 100%;
  color: var(--text-color);
  background-color: var(--main-color);
  height: 50px;
  padding: 10px 14px;
  font-size: 18px;
}
@media screen and (min-width: 1280px) {
.equipment-breakdown--container .equipment-breakdown--container__title[data-v-4f2f6e5a] {
    height: 35px;
    padding: 10px 9px;
    font-size: 14px;
}
}
@media screen and (min-width: 1920px) {
.equipment-breakdown--container .equipment-breakdown--container__title[data-v-4f2f6e5a] {
    height: 45px;
    padding: 12px 15px;
    font-size: 18px;
}
}
.el-1[data-v-4f2f6e5a] {
  transition: none;
}
.grid--1[data-v-4f2f6e5a] {
  display: grid;
  grid-template-rows: 1fr;
  grid-template-columns: 3fr 0fr 0fr;
  transition: all 0.3s ease;
  gap: 0;
}
.grid--1 .el-2[data-v-4f2f6e5a] {
  border: none;
}
.grid--1 .el-3[data-v-4f2f6e5a] {
  border: none;
}
.grid--2[data-v-4f2f6e5a] {
  transition: all 0.3s ease;
  grid-template-rows: 1fr;
  grid-template-columns: 1fr 2fr 0fr;
}
.grid--2 .el-2[data-v-4f2f6e5a] {
  margin-left: 15px;
}
@media screen and (max-width: 1279px) {
.grid--2[data-v-4f2f6e5a] {
    gap: 0;
    grid-template-rows: 0fr 1fr 0fr;
    grid-template-columns: 1fr;
    transition: none;
}
.grid--2 .el-2[data-v-4f2f6e5a] {
    height: 100%;
    margin-left: 0;
    margin-top: 0;
}
}
.grid--3[data-v-4f2f6e5a] {
  transition: all 0.3s ease;
  grid-template-rows: 1fr;
  grid-template-columns: 1fr 1fr 1fr;
}
.grid--3 .el-3[data-v-4f2f6e5a] {
  margin-left: 15px;
}
@media screen and (max-width: 1279px) {
.grid--3[data-v-4f2f6e5a] {
    gap: 0;
    grid-template-rows: 0 0 1fr;
    grid-template-columns: 1fr;
    transition: none;
}
.grid--3 .el-3[data-v-4f2f6e5a] {
    margin-left: 0;
    margin-top: 0;
}
}
.select-button[data-v-4f2f6e5a] {
  --p-selectbutton-border-radius: var(--border-radius);
  height: 40px;
  background-color: var(--gray-light-color);
}
@media screen and (min-width: 1280px) {
.select-button[data-v-4f2f6e5a] {
    height: 30px;
}
}
@media screen and (min-width: 1920px) {
.select-button[data-v-4f2f6e5a] {
    height: 35px;
}
}
.select-button[data-v-4f2f6e5a] button.p-togglebutton {
  padding: 0 2.5px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--gray-dark-color);
  background-color: var(--gray-light-color);
  border-color: var(--gray-light-color);
  font-size: var(--font-size-basic);
  font-weight: 600;
  line-height: 100%;
}
@media screen and (min-width: 760px) {
.select-button[data-v-4f2f6e5a] button.p-togglebutton {
    padding: 0 3px;
}
}
.select-button[data-v-4f2f6e5a] button.p-togglebutton span {
  padding: 0 5px;
  width: fit-content;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 760px) {
.select-button[data-v-4f2f6e5a] button.p-togglebutton span {
    width: fit-content;
    padding: 0 10px;
    height: 30px;
}
}
@media screen and (min-width: 1280px) {
.select-button[data-v-4f2f6e5a] button.p-togglebutton span {
    height: 20px;
}
}
@media screen and (min-width: 1920px) {
.select-button[data-v-4f2f6e5a] button.p-togglebutton span {
    height: 25px;
}
}
.select-button[data-v-4f2f6e5a] button.p-togglebutton:hover {
  background-color: transparent;
  color: var(--text-color);
}
.select-button[data-v-4f2f6e5a] button.p-togglebutton[data-p-checked=true] {
  color: var(--text-color);
}
.date-picker-element[data-v-4f2f6e5a] {
  width: fit-content;
  min-width: 120px;
  max-width: 180px;
}
@media screen and (min-width: 744px) {
.date-picker-element[data-v-4f2f6e5a] {
    width: 180px;
    max-width: 280px;
}
}
@media screen and (min-width: 1280px) {
.date-picker-element[data-v-4f2f6e5a] {
    width: 100%;
    max-width: 280px;
}
}
@media screen and (min-width: 1920px) {
.date-picker-element[data-v-4f2f6e5a] {
    width: 320px;
}
}
.date-picker-element[data-v-4f2f6e5a] .p-datepicker-input {
  min-height: auto !important;
  height: 40px !important;
  border-width: 1px !important;
  border-color: var(--field-border-color) !important;
  padding: 0;
  padding-left: 10px;
  font-size: var(--font-size-basic);
  font-weight: 400;
}
@media screen and (min-width: 1280px) {
.date-picker-element[data-v-4f2f6e5a] .p-datepicker-input {
    height: 30px !important;
}
}
@media screen and (min-width: 1920px) {
.date-picker-element[data-v-4f2f6e5a] .p-datepicker-input {
    height: 35px !important;
}
}
.date-picker-element[data-v-4f2f6e5a] .p-datepicker-input:hover {
  border-width: 1px !important;
  border-color: var(--field-hover-border-color) !important;
}
.date-picker-element[data-v-4f2f6e5a] .p-datepicker-input:focus {
  border-width: 1px !important;
  border-color: var(--field-focus-border-color) !important;
}
.date-picker-element[data-v-4f2f6e5a] .p-datepicker-input:disabled {
  border-width: 1px !important;
  border-color: var(--field-disabled-border-color) !important;
  background-color: var(--field-disabled-bg-color) !important;
}
.date-picker-element .date-picker--icon[data-v-4f2f6e5a] {
  color: var(--text-color);
}
.date-picker-element .p-datepicker-panel[data-v-4f2f6e5a] {
  box-shadow: var(--box-shadow-normal) !important;
  border-radius: var(--border-radius) !important;
  min-width: min-content !important;
}
.date-picker-element .p-datepicker-panel .p-datepicker-day-selected[data-v-4f2f6e5a] {
  background-color: var(--blue-color) !important;
}.equipment-breakdown__table[data-v-f1d7a308] {
  padding: 10px;
  background-color: white;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.equipment-breakdown__table[data-v-f1d7a308] .table-root {
  --table-border-color: var(--gray-color);
  border-collapse: separate;
  border-spacing: 0 2px;
}
.equipment-breakdown__table[data-v-f1d7a308] .table-root .indexColumn-width {
  width: 80px;
}
@media screen and (min-width: 744px) {
.equipment-breakdown__table[data-v-f1d7a308] .table-root .indexColumn-width {
    width: 80px;
}
}
@media screen and (min-width: 1280px) {
.equipment-breakdown__table[data-v-f1d7a308] .table-root .indexColumn-width {
    width: 80px;
}
}
@media screen and (min-width: 1920px) {
.equipment-breakdown__table[data-v-f1d7a308] .table-root .indexColumn-width {
    width: 80px;
}
}
.equipment-breakdown__table[data-v-f1d7a308] .table-root .numberColumn-width {
  font-variant-numeric: tabular-nums;
  width: 50px;
}
@media screen and (min-width: 744px) {
.equipment-breakdown__table[data-v-f1d7a308] .table-root .numberColumn-width {
    width: 50px;
}
}
@media screen and (min-width: 1280px) {
.equipment-breakdown__table[data-v-f1d7a308] .table-root .numberColumn-width {
    width: 160px;
}
}
@media screen and (min-width: 1920px) {
.equipment-breakdown__table[data-v-f1d7a308] .table-root .numberColumn-width {
    width: 220px;
}
}
.equipment-breakdown__table[data-v-f1d7a308] .table-root.compact .numberColumn-width {
  width: 50px;
}
.equipment-breakdown__table[data-v-f1d7a308] .table-root .numberColumn-headerDescription {
  margin-left: 5px;
  margin-right: 10px;
  width: min;
}
@media screen and (max-width: 1279px) {
.equipment-breakdown__table[data-v-f1d7a308] .table-root .numberColumn-headerDescription {
    display: none;
}
}
.equipment-breakdown__table[data-v-f1d7a308] .table-root.compact .numberColumn-headerDescription {
  display: none;
}
.equipment-breakdown__table[data-v-f1d7a308] .table-root tr {
  color: var(--text-color);
  font-size: 12px;
  font-weight: 400;
  line-height: 120%;
  transition: background-color 0.1s ease;
}
.equipment-breakdown__table[data-v-f1d7a308] .table-root tr:hover {
  background-color: hsla(222, 56%, 39%, 0.2) !important;
}
.equipment-breakdown__table[data-v-f1d7a308] .table-root tr:nth-child(even) {
  background-color: hsla(0, 0%, 0%, 0.05);
}
.equipment-breakdown__table[data-v-f1d7a308] .table-root tr[data-p-selected=true] {
  background-color: hsla(220, 58%, 30%, 0.25);
}
.equipment-breakdown__table[data-v-f1d7a308] .table-root tr[data-p-selected=true] td {
  border-color: rgba(0, 0, 0, 0.1);
  color: var(--text-color);
}
.equipment-breakdown__table[data-v-f1d7a308] .table-root th,
.equipment-breakdown__table[data-v-f1d7a308] .table-root td {
  transition: all 0.1s ease;
}
.equipment-breakdown__table[data-v-f1d7a308] .table-root .sort-icon {
  color: white !important;
}
@media screen and (max-width: 1279px) {
.equipment-breakdown__table[data-v-f1d7a308] .table-root .sort-icon {
    display: none;
}
}
.equipment-breakdown__table[data-v-f1d7a308] .table-root.compact .sort-icon {
  display: none;
}
.equipment-breakdown__table[data-v-f1d7a308] .table-root .numberColumn-bodyCell {
  padding: 0;
}
.equipment-breakdown__table[data-v-f1d7a308] .table-root .columnHeader-content {
  font-size: 12px;
  line-height: 100%;
  font-weight: 600;
  color: white;
  display: flex;
  gap: 0;
  justify-content: start;
  align-items: center;
}
@media screen and (max-width: 1280px) {
.equipment-breakdown__table[data-v-f1d7a308] .table-root .columnHeader-content {
    justify-content: center;
}
}
.equipment-breakdown__table[data-v-f1d7a308] .table-root.compact .columnHeader-content {
  justify-content: center;
}
.equipment-breakdown__table[data-v-f1d7a308] .body-row-class {
  transition: all 0.1s ease;
}
.equipment-breakdown__table[data-v-f1d7a308] .body-row-class td {
  border: 1px solid var(--table-border-color);
}
.equipment-breakdown__table[data-v-f1d7a308] .body-row-class td:first-child {
  border-left: 1px solid var(--table-border-color);
  border-top-left-radius: var(--border-radius);
  border-bottom-left-radius: var(--border-radius);
}
.equipment-breakdown__table[data-v-f1d7a308] .body-row-class td:last-child {
  border-top-right-radius: var(--border-radius);
  border-bottom-right-radius: var(--border-radius);
}
.equipment-breakdown__table[data-v-f1d7a308] .header-cell {
  border: 1px solid var(--table-border-color);
  border-left: none;
  height: 40px;
  padding: 0 10px;
}
.equipment-breakdown__table[data-v-f1d7a308] .header-cell:first-child {
  border-left: 1px solid var(--table-border-color);
  border-top-left-radius: var(--border-radius);
  border-bottom-left-radius: var(--border-radius);
}
.equipment-breakdown__table[data-v-f1d7a308] .header-cell:last-child {
  border-top-right-radius: var(--border-radius);
  border-bottom-right-radius: var(--border-radius);
  border: none;
}
.equipment-breakdown__table[data-v-f1d7a308] .header-inv {
  background-color: #0f1b38 !important;
}
.equipment-breakdown__table[data-v-f1d7a308] .header-name {
  background-color: var(--blue-tertiary-color) !important;
  justify-content: start !important;
}
.equipment-breakdown__table[data-v-f1d7a308] .name-body_cell {
  background-color: hsla(213, 41%, 49%, 0.15);
  font-weight: 600;
  letter-spacing: 0;
  hyphens: auto;
  word-break: break-word;
}
.equipment-breakdown__table[data-v-f1d7a308] .header-breaks_total {
  background-color: var(--red-color) !important;
}
.equipment-breakdown__table[data-v-f1d7a308] .header-breaks_completed {
  background-color: var(--green-color) !important;
}
.equipment-breakdown__table[data-v-f1d7a308] .breaks_completed-body_cell {
  background-color: hsla(72, 57%, 37%, 0.15);
}
.equipment-breakdown__table[data-v-f1d7a308] .header-breaks_active {
  background-color: var(--orange-color) !important;
}
.equipment-breakdown__table[data-v-f1d7a308] .header-hours_completed {
  background-color: var(--blue-color) !important;
}
.equipment-breakdown__table[data-v-f1d7a308] .hours_completed-body_cell {
  background-color: hsla(222, 56%, 39%, 0.15);
}
.equipment-breakdown__table[data-v-f1d7a308] .header-hours_active {
  background-color: var(--blue-secondary-color) !important;
}.data-viewer {
  --border: solid 1px var(--border-cell-color);
  --border-editable-cell-show-field: solid 4px var(--blue-color);
}
.data-viewer .data-viewer__trimmed-cell-content {
  display: block;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.data-viewer table {
  border-collapse: separate !important;
  border-spacing: 0 2px !important;
}
.data-viewer table thead tr {
  margin: 0 !important;
}
.data-viewer table tbody tr + tr {
  margin-top: -1px !important;
}
.data-viewer table tbody tr:first-child {
  margin-top: 2px !important;
}
.data-viewer table thead,
.data-viewer table tbody tr {
  display: table;
  width: 100%;
  table-layout: fixed;
}
.data-viewer table .p-checkbox:has(.p-checkbox-icon) > .p-checkbox-box {
  background-color: var(--blue-color) !important;
}
.data-viewer table thead {
  background: none !important;
}
.data-viewer table thead tr {
  height: 40px !important;
  max-height: 40px !important;
  min-height: 40px !important;
}
.data-viewer table thead tr th {
  position: sticky !important;
  top: 0 !important;
  z-index: 10 !important;
  background-color: var(--bg-row-thead-color) !important;
  color: var(--text-thead-color) !important;
  font-weight: 600 !important;
  font-size: 18px !important;
  border-top: var(--border) !important;
  border-bottom: var(--border) !important;
  border-right: var(--border) !important;
  height: 40px !important;
  max-height: 40px !important;
  min-height: 40px !important;
  padding: 5px 10px !important;
}
.data-viewer table thead tr th .p-datatable-column-header-content:has(.p-checkbox) {
  display: flex !important;
  flex-direction: row-reverse !important;
}
.data-viewer table thead tr th:first-child {
  border-left: var(--border) !important;
  border-top-left-radius: var(--border-radius) !important;
  border-bottom-left-radius: var(--border-radius) !important;
}
.data-viewer table thead tr th:last-child {
  border-top-right-radius: var(--border-radius) !important;
  border-bottom-right-radius: var(--border-radius) !important;
}
.data-viewer table thead tr th .p-badge {
  background-color: var(--blue-color) !important;
}
.data-viewer table thead tr th .p-icon {
  color: var(--gray-color) !important;
}
.data-viewer table thead tr th .p-icon[sorted=true] {
  color: var(--blue-color) !important;
}
.data-viewer table tbody {
  display: block;
}
.data-viewer table tbody tr {
  transition: all !important;
  transition-duration: var(--transition-duration) !important;
  border-radius: var(--border-radius) !important;
  background: none !important;
  height: 40px !important;
  max-height: 40px !important;
  min-height: 40px !important;
}
.data-viewer table tbody tr:hover > td {
  background-color: var(--bg-row-hover-color) !important;
}
.data-viewer table tbody tr:focus-visible, .data-viewer table tbody tr.p-datatable-contextmenu-row-selected {
  box-shadow: none !important;
  outline: none !important;
  outline-offset: none !important;
}
.data-viewer table tbody tr.p-datatable-row-selected {
  background: none !important;
}
.data-viewer table tbody tr.p-datatable-row-selected td {
  background-color: var(--bg-row-focus-color) !important;
  color: var(--text-color) !important;
}
.data-viewer table tbody tr.p-datatable-row-selected:hover > td {
  background-color: var(--bg-row-focus-color) !important;
  color: var(--text-color) !important;
}
.data-viewer table tbody tr td {
  color: var(--text-color) !important;
  background-color: var(--bg-cell-color);
  border-top: var(--border) !important;
  border-bottom: var(--border) !important;
  border-right: var(--border) !important;
  transition: all !important;
  transition-duration: var(--transition-duration) !important;
  height: 40px !important;
  max-height: 40px !important;
  min-height: 40px !important;
  padding: 5px 10px !important;
  font-size: 16px !important;
}
.data-viewer table tbody tr td:first-child {
  border-left: var(--border) !important;
  border-top-left-radius: var(--border-radius) !important;
  border-bottom-left-radius: var(--border-radius) !important;
}
.data-viewer table tbody tr td:last-child {
  border-top-right-radius: var(--border-radius) !important;
  border-bottom-right-radius: var(--border-radius) !important;
}
.data-viewer table tbody tr td.selection-checkbox-column {
  text-align: center;
  vertical-align: middle;
}
.data-viewer table tbody tr td .p-radiobutton.p-radiobutton-checked .p-radiobutton-box {
  border-color: var(--blue-color) !important;
  background: var(--blue-color) !important;
}
.data-viewer table tbody tr td .p-radiobutton.p-radiobutton-checked .p-radiobutton-icon {
  background-color: #fff !important;
}
.data-viewer table tbody tr td:has(.editable-cell), .data-viewer table tbody tr td:has(.invalid-cell) {
  transition: none !important;
  padding: 0 !important;
}
.data-viewer table tbody tr td:has(.editable-cell-show-field) {
  border-top: var(--border-editable-cell-show-field) !important;
  border-bottom: var(--border-editable-cell-show-field) !important;
  border-right: var(--border-editable-cell-show-field) !important;
  border-left: var(--border-editable-cell-show-field) !important;
}
.data-viewer table tbody tr td:has(.p-datatable-reorderable-row-handle) {
  padding: 0 !important;
}
.data-viewer table tbody tr td .p-datatable-reorderable-row-handle {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}
.data-viewer table tbody tr:nth-child(even) td {
  background-color: #fff;
}
.data-viewer nav .p-paginator {
  background-color: var(--main-color) !important;
  box-shadow: var(--box-shadow-normal) !important;
}
.data-viewer nav button.p-paginator-page, .data-viewer nav button.p-paginator-first, .data-viewer nav button.p-paginator-prev, .data-viewer nav button.p-paginator-next, .data-viewer nav button.p-paginator-last {
  height: 40px !important;
  width: 40px !important;
  border-radius: var(--border-radius) !important;
  color: var(--text-color) !important;
}
.data-viewer nav button.p-paginator-page:hover, .data-viewer nav button.p-paginator-first:hover, .data-viewer nav button.p-paginator-prev:hover, .data-viewer nav button.p-paginator-next:hover, .data-viewer nav button.p-paginator-last:hover {
  background-color: var(--btn-bg-hover-color) !important;
  color: #fff !important;
}
.data-viewer nav button.p-paginator-page:active, .data-viewer nav button.p-paginator-first:active, .data-viewer nav button.p-paginator-prev:active, .data-viewer nav button.p-paginator-next:active, .data-viewer nav button.p-paginator-last:active {
  background-color: var(--btn-bg-active-color) !important;
  color: #fff !important;
}
.data-viewer nav button.p-paginator-page-selected {
  background-color: var(--btn-bg-active-color) !important;
  color: #fff !important;
}
.data-viewer nav .p-select {
  background-color: var(--main-color) !important;
  border: var(--border) !important;
}
.data-viewer nav .p-select span {
  background: transparent !important;
  color: var(--text-color) !important;
}
.data-viewer nav .p-select .p-select-dropdown {
  background: transparent !important;
  color: var(--text-color) !important;
}.no-data-container[data-v-f5957add] {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  background-color: #f9f9f9;
  border-bottom-left-radius: var(--border-radius);
  border-bottom-right-radius: var(--border-radius);
  border: 1px dashed var(--gray-color);
  padding: 40px;
}
.no-data-container .no-data-icon[data-v-f5957add] {
  color: var(--gray-color);
}
.no-data-container .no-data-title[data-v-f5957add] {
  font-size: 24px;
  color: var(--gray-dark-color);
  margin-bottom: 10px;
  text-align: center;
}
.no-data-container .no-data-message[data-v-f5957add] {
  font-size: 16px;
  color: var(--gray-color);
  text-align: center;
  max-width: 80%;
}[data-v-c63bbdb0] .table-class {
  font-size: 12px;
  font-weight: 400;
  line-height: 120%;
  --table-border-color: var(--gray-color);
  --p-datatable-body-cell-selected-border-color: var(--table-border-color);
  --p-datatable-body-cell-selected-background: hsla(220, 58%, 30%, 0.25);
  --p-datatable-body-cell-selected-color: var(--text-color);
  --p-datatable-row-selected-background: hsla(220, 58%, 30%, 0.25);
  --p-datatable-row-selected-color: var(--text-color);
  border-collapse: separate;
  border-spacing: 0 2px;
}
[data-v-c63bbdb0] .table-class tr {
  color: var(--text-color);
}
[data-v-c63bbdb0] .table-class tr:hover {
  background-color: hsla(222, 56%, 39%, 0.2) !important;
}
[data-v-c63bbdb0] .table-class tr:nth-child(even) {
  background-color: hsla(0, 0%, 0%, 0.05);
}
[data-v-c63bbdb0] .table-class tr[data-p-selected=true] {
  background-color: hsla(220, 58%, 30%, 0.25);
}
[data-v-c63bbdb0] .table-class tr[data-p-selected=true] td {
  border-color: rgba(0, 0, 0, 0.1);
  color: var(--text-color);
}
[data-v-c63bbdb0] .bodyRow-class td {
  border: 1px solid var(--table-border-color);
}
[data-v-c63bbdb0] .bodyRow-class td:first-child {
  border-left: 1px solid var(--table-border-color);
  border-top-left-radius: var(--border-radius);
  border-bottom-left-radius: var(--border-radius);
}
[data-v-c63bbdb0] .bodyRow-class td:last-child {
  border-top-right-radius: var(--border-radius);
  border-bottom-right-radius: var(--border-radius);
}
[data-v-c63bbdb0] .header-cell {
  border: 1px solid var(--table-border-color);
  border-left: none;
  background-color: var(--gray-light-color);
  height: 40px;
  padding: 0 10px;
  --p-datatable-header-cell-selected-color: var(--text-color);
}
[data-v-c63bbdb0] .header-cell:first-child {
  border-left: 1px solid var(--table-border-color);
  border-top-left-radius: var(--border-radius);
  border-bottom-left-radius: var(--border-radius);
}
[data-v-c63bbdb0] .header-cell:last-child {
  border-top-right-radius: var(--border-radius);
  border-bottom-right-radius: var(--border-radius);
}
[data-v-c63bbdb0] .bodyCell {
  padding: 5px 10px;
}.equipment-breakdown--container[data-v-6404a4d8] {
  margin-top: 10px;
  border-radius: var(--border-radius);
  box-shadow: var(--box-shadow-normal);
  background-color: white;
}
.equipment-breakdown--container .equipment-breakdown--container__title[data-v-6404a4d8] {
  font-weight: 300;
  line-height: 100%;
  color: var(--text-color);
  background-color: var(--main-color);
  height: 50px;
  padding: 10px 14px;
  font-size: 18px;
}
@media screen and (min-width: 1280px) {
.equipment-breakdown--container .equipment-breakdown--container__title[data-v-6404a4d8] {
    height: 35px;
    padding: 10px 9px;
    font-size: 14px;
}
}
@media screen and (min-width: 1920px) {
.equipment-breakdown--container .equipment-breakdown--container__title[data-v-6404a4d8] {
    height: 45px;
    padding: 12px 15px;
    font-size: 18px;
}
}
.el-1[data-v-6404a4d8] {
  transition: none;
}
.grid--1[data-v-6404a4d8] {
  display: grid;
  grid-template-rows: 1fr;
  grid-template-columns: 3fr 0fr 0fr;
  transition: all 0.3s ease;
  gap: 0;
}
.grid--1 .el-2[data-v-6404a4d8] {
  border: none;
}
.grid--1 .el-3[data-v-6404a4d8] {
  border: none;
}
.grid--2[data-v-6404a4d8] {
  transition: all 0.3s ease;
  grid-template-rows: 1fr;
  grid-template-columns: 1fr 2fr 0fr;
}
.grid--2 .el-2[data-v-6404a4d8] {
  margin-left: 15px;
}
@media screen and (max-width: 1279px) {
.grid--2[data-v-6404a4d8] {
    gap: 0;
    grid-template-rows: 0fr 1fr 0fr;
    grid-template-columns: 1fr;
    transition: none;
}
.grid--2 .el-2[data-v-6404a4d8] {
    height: 100%;
    margin-left: 0;
    margin-top: 0;
}
}
.grid--3[data-v-6404a4d8] {
  transition: all 0.3s ease;
  grid-template-rows: 1fr;
  grid-template-columns: 1fr 1fr 1fr;
}
.grid--3 .el-3[data-v-6404a4d8] {
  margin-left: 15px;
}
@media screen and (max-width: 1279px) {
.grid--3[data-v-6404a4d8] {
    gap: 0;
    grid-template-rows: 0 0 1fr;
    grid-template-columns: 1fr;
    transition: none;
}
.grid--3 .el-3[data-v-6404a4d8] {
    margin-left: 0;
    margin-top: 0;
}
}
.select-button[data-v-6404a4d8] {
  --p-selectbutton-border-radius: var(--border-radius);
  height: 40px;
  background-color: var(--gray-light-color);
}
@media screen and (min-width: 1280px) {
.select-button[data-v-6404a4d8] {
    height: 30px;
}
}
@media screen and (min-width: 1920px) {
.select-button[data-v-6404a4d8] {
    height: 35px;
}
}
.select-button[data-v-6404a4d8] button.p-togglebutton {
  padding: 0 2.5px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--gray-dark-color);
  background-color: var(--gray-light-color);
  border-color: var(--gray-light-color);
  font-size: var(--font-size-basic);
  font-weight: 600;
  line-height: 100%;
}
@media screen and (min-width: 760px) {
.select-button[data-v-6404a4d8] button.p-togglebutton {
    padding: 0 3px;
}
}
.select-button[data-v-6404a4d8] button.p-togglebutton span {
  padding: 0 5px;
  width: fit-content;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 760px) {
.select-button[data-v-6404a4d8] button.p-togglebutton span {
    width: fit-content;
    padding: 0 10px;
    height: 30px;
}
}
@media screen and (min-width: 1280px) {
.select-button[data-v-6404a4d8] button.p-togglebutton span {
    height: 20px;
}
}
@media screen and (min-width: 1920px) {
.select-button[data-v-6404a4d8] button.p-togglebutton span {
    height: 25px;
}
}
.select-button[data-v-6404a4d8] button.p-togglebutton:hover {
  background-color: transparent;
  color: var(--text-color);
}
.select-button[data-v-6404a4d8] button.p-togglebutton[data-p-checked=true] {
  color: var(--text-color);
}
.date-picker-element[data-v-6404a4d8] {
  width: fit-content;
  min-width: 120px;
  max-width: 180px;
}
@media screen and (min-width: 744px) {
.date-picker-element[data-v-6404a4d8] {
    width: 180px;
    max-width: 280px;
}
}
@media screen and (min-width: 1280px) {
.date-picker-element[data-v-6404a4d8] {
    width: 100%;
    max-width: 280px;
}
}
@media screen and (min-width: 1920px) {
.date-picker-element[data-v-6404a4d8] {
    width: 320px;
}
}
.date-picker-element[data-v-6404a4d8] .p-datepicker-input {
  min-height: auto !important;
  height: 40px !important;
  border-width: 1px !important;
  border-color: var(--field-border-color) !important;
  padding: 0;
  padding-left: 10px;
  font-size: var(--font-size-basic);
  font-weight: 400;
}
@media screen and (min-width: 1280px) {
.date-picker-element[data-v-6404a4d8] .p-datepicker-input {
    height: 30px !important;
}
}
@media screen and (min-width: 1920px) {
.date-picker-element[data-v-6404a4d8] .p-datepicker-input {
    height: 35px !important;
}
}
.date-picker-element[data-v-6404a4d8] .p-datepicker-input:hover {
  border-width: 1px !important;
  border-color: var(--field-hover-border-color) !important;
}
.date-picker-element[data-v-6404a4d8] .p-datepicker-input:focus {
  border-width: 1px !important;
  border-color: var(--field-focus-border-color) !important;
}
.date-picker-element[data-v-6404a4d8] .p-datepicker-input:disabled {
  border-width: 1px !important;
  border-color: var(--field-disabled-border-color) !important;
  background-color: var(--field-disabled-bg-color) !important;
}
.date-picker-element .date-picker--icon[data-v-6404a4d8] {
  color: var(--text-color);
}
.date-picker-element .p-datepicker-panel[data-v-6404a4d8] {
  box-shadow: var(--box-shadow-normal) !important;
  border-radius: var(--border-radius) !important;
  min-width: min-content !important;
}
.date-picker-element .p-datepicker-panel .p-datepicker-day-selected[data-v-6404a4d8] {
  background-color: var(--blue-color) !important;
}.stats-tablist[data-v-0fef22f3] {
  margin-bottom: 10px;
  display: flex;
  flex-direction: column;
  border-bottom: 1px solid #d1d1d1;
  --p-tabs-tablist-background: none;
}
.stats-tablist .stats-tablist-active-bar[data-v-0fef22f3] {
  background-color: var(--blue-color) !important;
}
.stats-tablist .tablist-tab[data-v-0fef22f3] {
  padding: 0 8px;
  height: 30px;
  --p-tabs-tab-color: var(--gray-dark-color);
  --p-tabs-tab-border-color: transparent;
  --p-tabs-tab-active-border-color: var(--blue-color);
  font-weight: 600;
  font-size: var(--font-size-basic);
}
.stats-tablist .tablist-tab[data-p-active=true][data-v-0fef22f3] {
  color: var(--text-color);
}
.stats-tablist .tablist-tab[data-p-active=true][data-v-0fef22f3]:hover {
  color: var(--text-color);
}
.stats-tablist .tablist-tab[data-v-0fef22f3]:hover {
  color: var(--text-color);
}
.tutorials-header[data-v-1611efa5] {
  margin-bottom: 30px;
}
.tutorials-header h1[data-v-1611efa5] {
  color: var(--text-color);
  font-size: 24px;
  font-weight: 300;
  margin-bottom: 10px;
}
.subtitle[data-v-1611efa5] {
  color: var(--gray-dark-color);
  font-size: 16px;
}
.tutorials-grid[data-v-1611efa5] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
  gap: 30px;
  padding-bottom: 20px;
}
.tutorial-card[data-v-1611efa5] {
  background: white;
  border-radius: 10px;
  padding: 20px;
  box-shadow: 5px 5px 10px 0 #a6abbd, -5px -5px 10px 0 #fafbff;
  transition: transform 0.3s ease;
}
.tutorial-card[data-v-1611efa5]:hover {
  transform: translateY(-5px);
}
.tutorial-title[data-v-1611efa5] {
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 15px;
  color: var(--text-color);
}
.video-container[data-v-1611efa5] {
  margin-bottom: 15px;
  border-radius: 8px;
  overflow: hidden;
  background-color: #f8f8f8;
}
.tutorial-description[data-v-1611efa5] {
  font-size: 14px;
  line-height: 1.5;
  color: var(--gray-dark-color);
}
.video-wrapper[data-v-1611efa5] {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
}
.video-wrapper iframe[data-v-1611efa5] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.error-message[data-v-1611efa5] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: #f8f8f8;
  color: var(--text-color);
  gap: 10px;
}
.retry-button[data-v-1611efa5] {
  padding: 8px 16px;
  background-color: var(--accent-color);
  color: white;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  transition: background-color 0.3s ease;
}
.retry-button[data-v-1611efa5]:hover {
  background-color: #5d79c1;
}
.no-content[data-v-1611efa5] {
  text-align: center;
  color: var(--text-color);
  padding: 40px;
}

/* Адаптивность */
@media (max-width: 1200px) {
.tutorials-grid[data-v-1611efa5] {
    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
}
}
@media (max-width: 768px) {
.tutorials-page[data-v-1611efa5] {
    padding: 20px;
}
.tutorials-grid[data-v-1611efa5] {
    grid-template-columns: 1fr;
}
.tutorial-title[data-v-1611efa5] {
    font-size: 16px;
}
}
/* Стилизация скроллбара */
.tutorials-page[data-v-1611efa5]::-webkit-scrollbar {
  width: 6px;
}
.tutorials-page[data-v-1611efa5]::-webkit-scrollbar-track {
  background: var(--main-color);
}
.tutorials-page[data-v-1611efa5]::-webkit-scrollbar-thumb {
  background: var(--blue-secondary-color);
  border-radius: 3px;
}
.tutorials-page[data-v-1611efa5]::-webkit-scrollbar-thumb:hover {
  background: #5d79c1;
}.simple-button {
  transition: 0.2s;
  color: #ffffff;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 160px;
  padding: 8px 0 8px 0;
  cursor: pointer;
  border-radius: 10px;
  border: none;
  border-radius: 10px;
  background: linear-gradient(45deg, rgba(0, 0, 0, 0.15) 0%, rgba(255, 255, 255, 0.15) 100%), #5d79c1;
  transition: 0.6s;
  box-shadow: -5px -5px 10px 0 #fafbff;
  box-shadow: 5px 5px 10px 0 #a6abbd;
}
.simple-button:hover {
  transition: 0.2s;
  background: linear-gradient(45deg, rgba(0, 0, 0, 0.15) 0%, rgba(255, 255, 255, 0.15) 100%), #2d4b9a;
  box-shadow: -2px -2px 4px 0 #fafbff;
  box-shadow: 2px 2px 4px 0 #a6abbd;
}
.simple-button:active {
  transition: 0.2s;
  color: #2d4b9a;
  background: linear-gradient(45deg, rgba(0, 0, 0, 0.15) 0%, rgba(255, 255, 255, 0.15) 100%), #8193c2 !important;
}
.simple-button:disabled {
  color: #2d4b9a;
  background: linear-gradient(45deg, rgba(0, 0, 0, 0.15) 0%, rgba(255, 255, 255, 0.15) 100%), #8193c2 !important;
  cursor: not-allowed !important;
  box-shadow: -4px -4px 4px 0 #fafbff;
  box-shadow: 4px 4px 8px 0 #a6abbd;
}.suggestion__form__textarea {
  background-color: white;
  padding: 5px;
  padding-left: 15px;
  border: 1px solid #b4b4b4;
  font-size: 13px;
  font-weight: 400;
  border-radius: 10px;
  margin-bottom: 1rem;
  color: #444;
  resize: none;
  transition: all 0.2s ease-in-out;
}
.suggestion__form__textarea::placeholder {
  font-size: 13px;
  font-family: "Inter", serif;
  font-weight: 400;
  color: #b4b4b4;
}
.suggestion__form__textarea:hover, .suggestion__form__textarea:focus {
  border-color: #8193c2;
  background-color: #f2f6ff;
  transition: all 0.2s ease-in-out;
}
.suggestion__form .form-group {
  display: flex;
  flex-direction: column;
  margin-bottom: 1rem;
  color: #444;
}
.suggestion__form .form-group input,
.suggestion__form .form-group textarea {
  background-color: white;
  padding: 5px;
  padding-left: 15px;
  border: 1px solid #b4b4b4;
  font-size: 13px;
  font-weight: 400;
  border-radius: 10px;
  margin-bottom: 1rem;
  color: #444;
  resize: none;
  transition: all 0.2s ease-in-out;
}
.suggestion__form .form-group input::placeholder,
.suggestion__form .form-group textarea::placeholder {
  font-size: 13px;
  font-family: "Inter", serif;
  font-weight: 400;
  color: #b4b4b4;
}
.suggestion__form .form-group input:hover, .suggestion__form .form-group input:focus,
.suggestion__form .form-group textarea:hover,
.suggestion__form .form-group textarea:focus {
  border-color: #8193c2;
  background-color: #f2f6ff;
  transition: all 0.2s ease-in-out;
}
.suggestion__form .form-group label {
  margin-left: 15px;
  font-size: 13px;
  font-weight: 500;
  color: #444;
}.table-row__close-button[data-v-65ef7f4a] {
  width: 20px;
  height: 20px;
  transition: 0.6s;
  cursor: pointer;
  opacity: 0.3;
}
.table-row__close-button[data-v-65ef7f4a]:hover {
  opacity: 1;
  scale: 1.05;
}
.table-row__close-button.closing[data-v-65ef7f4a] {
  opacity: 0.1;
  cursor: not-allowed !important;
}
@media (max-width: 768px) {
.table-row__close-button[data-v-65ef7f4a] {
    width: 24px;
    height: 24px;
}
}.suggestion-table__row[data-v-ebf57cbb] {
  position: relative;
}
.suggestion-table__row td[data-v-ebf57cbb] {
  position: relative;
  border: 1px solid #bdbdbd;
  background-color: #ffffff;
  font-size: 14px;
}
.suggestion-table__row td[data-v-ebf57cbb]:first-child {
  border-radius: 8px 0 0 8px;
}
.suggestion-table__row td[data-v-ebf57cbb]:last-child {
  border-radius: 0 8px 8px 0;
}
.suggestion-table__row:hover td[data-v-ebf57cbb] {
  background-color: #f2f6ff;
  cursor: pointer;
}
.suggestion-is-new[data-v-ebf57cbb] {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 3px;
  right: 3px;
  max-width: 10px;
  max-height: 10px;
  color: white;
  background-color: var(--orange-color);
  font-weight: 800;
  border-radius: 10px;
  z-index: 100;
  opacity: 1;
}.table-container[data-v-958a478a] {
  height: fit-content;
  max-height: 100%;
  overflow-y: auto;
}
.suggestion-table[data-v-958a478a] {
  border-collapse: separate;
  border-spacing: 0 2px;
  width: 100%;
}
.suggestion-table thead[data-v-958a478a] {
  position: sticky;
  top: 0;
  z-index: 1;
}
.suggestion-table thead tr th[data-v-958a478a] {
  background: #e8e8e8;
  font-size: 14px;
  padding: 5px 5px 5px 5px;
  border: 1px solid #bdbdbd;
  position: sticky;
  top: 0;
  z-index: 10;
}
.suggestion-table thead tr th[data-v-958a478a]:first-child {
  border-radius: 8px 0 0 8px;
}
.suggestion-table thead tr th[data-v-958a478a]:last-child {
  border-radius: 0 8px 8px 0;
}
.suggestion-table td[data-v-958a478a] {
  border: 1px solid #ddd;
  padding: 4px;
  cursor: auto;
}.close-icons[data-v-5115f4ab] {
  width: 35px;
  height: 35px;
  border-radius: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  transition: 0.6s;
}.message-container {
  display: flex;
}
.message-container.my-message {
  align-items: flex-end;
}
.suggestion-message {
  background-color: #ffffff;
  color: #444;
  padding: 10px 15px;
  display: flex;
  flex-direction: column;
  gap: 5px 10px;
  border-radius: 10px;
  max-width: max(80%, 100% - 100px);
  width: fit-content;
}
.suggestion-message.user-message {
  border-bottom-right-radius: 2px !important;
}
.suggestion-message.agent-message {
  border-bottom-left-radius: 2px !important;
}
.suggestion-message__time {
  height: fit-content;
  font-family: Inter, sans-serif;
  font-size: 13px;
  font-weight: 400;
  color: #b4b4b4;
}.messages-list[data-v-5f6c4194] {
  max-height: 300px;
  overflow-y: auto;
}.suggestion-messages__title[data-v-7e7a8a74] {
  margin-left: 15px;
}
.dialog-container[data-v-7e7a8a74] {
  border-radius: 10px;
  padding: 10px;
}
.dialog-container .message-header[data-v-7e7a8a74] {
  color: #333;
}
.dialog-container .messages-container__form[data-v-7e7a8a74] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-top: 10px;
}
.dialog-container .messages-container__form textarea[data-v-7e7a8a74] {
  border: 1px solid #ccc;
  border-radius: 5px;
  padding: 10px;
  resize: none;
}
.page-title[data-v-0b0a14d1] {
    color: var(--text-color);
    font-size: 24px;
    font-weight: 300;
}
.feedback-content[data-v-0b0a14d1] {
    height: calc(100% - 120px);
}
[data-v-fca45d5f] {
  font-size: 16px;
}.card[data-v-c1f1636b] {
  user-select: none;
  transition: transform 0.2s ease;
  width: 240px;
}
.card.card-active[data-v-c1f1636b]:hover {
  cursor: pointer;
  transform: scale(1.02);
  outline-color: var(--orange-color);
  outline: 1px solid var(--green-color);
  transition: transform 0.2s ease;
}.selected[data-v-8731c7e3] {
  outline: 2px solid var(--orange-color);
}
.active[data-v-8731c7e3] {
  outline: 2px solid var(--green-color);
  background-color: hsl(0, 0%, 95%);
}.card[data-v-983bb1c9] {
  user-select: none;
  transition: transform 0.2s ease;
  width: 240px;
}
.card.card-active[data-v-983bb1c9]:hover {
  cursor: pointer;
  transform: scale(1.02);
  outline-color: var(--orange-color);
  outline: 1px solid var(--green-color);
  transition: transform 0.2s ease;
}.card[data-v-244ed303] {
  user-select: none;
  transition: transform 0.2s ease;
  width: 240px;
}
.card.card-active[data-v-244ed303]:hover {
  cursor: pointer;
  transform: scale(1.02);
  outline-color: var(--orange-color);
  outline: 1px solid var(--green-color);
  transition: transform 0.2s ease;
}.permission[data-v-9a419957] {
  transition: all 0.2s ease-in-out;
  outline: 1px solid rgba(0, 0, 0, 0.05);
  box-shadow: var(--box-shadow-active);
}
.permission[data-v-9a419957]:hover {
  outline: 1px solid var(--gray-color);
  box-shadow: none;
}.positive-class[data-v-f3514d86] {
  background-color: hsla(75, 100%, 29%, 0.143);
  border-color: rgba(126, 148, 40, 0.4352941176);
}.create-role-modal[data-v-6f9979aa] {
  min-width: 320px;
}
.form-group[data-v-6f9979aa] {
  margin-bottom: 1.25rem;
}
.form-label[data-v-6f9979aa] {
  display: block;
  margin-bottom: 0.5rem;
  font-weight: 500;
  font-size: 0.875rem;
}
.form-hint[data-v-6f9979aa] {
  display: block;
  margin-top: 0.25rem;
  color: #6b7280;
  font-size: 0.75rem;
}.roles-wrapper[data-v-c07eade2] {
  align-items: center;
  margin: 0 auto;
  max-width: 720px;
  width: 100%;
}
.role-section-container[data-v-c07eade2] {
  max-width: 720px;
  width: 100%;
}/*! tailwindcss v4.1.7 | MIT License | https://tailwindcss.com */
@layer properties {
  @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
    *, :before, :after, ::backdrop {
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-space-y-reverse: 0;
      --tw-space-x-reverse: 0;
      --tw-border-style: solid;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-ordinal: initial;
      --tw-slashed-zero: initial;
      --tw-numeric-figure: initial;
      --tw-numeric-spacing: initial;
      --tw-numeric-fraction: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-outline-style: solid;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
      --tw-backdrop-blur: initial;
      --tw-backdrop-brightness: initial;
      --tw-backdrop-contrast: initial;
      --tw-backdrop-grayscale: initial;
      --tw-backdrop-hue-rotate: initial;
      --tw-backdrop-invert: initial;
      --tw-backdrop-opacity: initial;
      --tw-backdrop-saturate: initial;
      --tw-backdrop-sepia: initial;
      --tw-duration: initial;
      --tw-ease: initial;
    }
  }
}

@layer theme {
  :root, :host {
    --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --color-red-50: oklch(97.1% .013 17.38);
    --color-red-100: oklch(93.6% .032 17.717);
    --color-red-200: oklch(88.5% .062 18.334);
    --color-red-300: oklch(80.8% .114 19.571);
    --color-red-500: oklch(63.7% .237 25.331);
    --color-red-800: oklch(44.4% .177 26.899);
    --color-red-900: oklch(39.6% .141 25.723);
    --color-orange-300: oklch(83.7% .128 66.29);
    --color-amber-600: oklch(66.6% .179 58.318);
    --color-yellow-400: oklch(85.2% .199 91.936);
    --color-green-600: oklch(62.7% .194 149.214);
    --color-green-800: oklch(44.8% .119 151.328);
    --color-green-900: oklch(39.3% .095 152.535);
    --color-sky-50: oklch(97.7% .013 236.62);
    --color-sky-300: oklch(82.8% .111 230.318);
    --color-sky-600: oklch(58.8% .158 241.966);
    --color-blue-50: oklch(97% .014 254.604);
    --color-blue-200: oklch(88.2% .059 254.128);
    --color-blue-300: oklch(80.9% .105 251.813);
    --color-blue-600: oklch(54.6% .245 262.881);
    --color-blue-700: oklch(48.8% .243 264.376);
    --color-blue-900: oklch(37.9% .146 265.522);
    --color-purple-300: oklch(82.7% .119 306.383);
    --color-fuchsia-600: oklch(59.1% .293 322.896);
    --color-pink-600: oklch(59.2% .249 .584);
    --color-slate-50: oklch(98.4% .003 247.858);
    --color-slate-100: oklch(96.8% .007 247.896);
    --color-slate-200: oklch(92.9% .013 255.508);
    --color-slate-300: oklch(86.9% .022 252.894);
    --color-slate-500: oklch(55.4% .046 257.417);
    --color-slate-600: oklch(44.6% .043 257.281);
    --color-slate-700: oklch(37.2% .044 257.287);
    --color-slate-800: oklch(27.9% .041 260.031);
    --color-slate-900: oklch(20.8% .042 265.755);
    --color-gray-100: oklch(96.7% .003 264.542);
    --color-gray-300: oklch(87.2% .01 258.338);
    --color-gray-400: oklch(70.7% .022 261.325);
    --color-gray-500: oklch(55.1% .027 264.364);
    --color-gray-600: oklch(44.6% .03 256.802);
    --color-gray-800: oklch(27.8% .033 256.848);
    --color-black: #000;
    --color-white: #fff;
    --spacing: .25rem;
    --text-xs: .75rem;
    --text-xs--line-height: calc(1 / .75);
    --text-sm: .875rem;
    --text-sm--line-height: calc(1.25 / .875);
    --text-base: 1rem;
    --text-base--line-height: calc(1.5 / 1);
    --text-lg: 1.125rem;
    --text-lg--line-height: calc(1.75 / 1.125);
    --text-xl: 1.25rem;
    --text-xl--line-height: calc(1.75 / 1.25);
    --text-2xl: 1.5rem;
    --text-2xl--line-height: calc(2 / 1.5);
    --text-3xl: 1.875rem;
    --text-3xl--line-height: calc(2.25 / 1.875);
    --text-4xl: 2.25rem;
    --text-4xl--line-height: calc(2.5 / 2.25);
    --font-weight-light: 300;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --radius-lg: .5rem;
    --radius-xl: .75rem;
    --ease-in: cubic-bezier(.4, 0, 1, 1);
    --ease-out: cubic-bezier(0, 0, .2, 1);
    --ease-in-out: cubic-bezier(.4, 0, .2, 1);
    --default-transition-duration: .15s;
    --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
  }
}

@layer base {
  *, :after, :before, ::backdrop {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0;
  }

  ::file-selector-button {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0;
  }

  html, :host {
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    line-height: 1.5;
    font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
    font-feature-settings: var(--default-font-feature-settings, normal);
    font-variation-settings: var(--default-font-variation-settings, normal);
    -webkit-tap-highlight-color: transparent;
  }

  hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }

  abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }

  h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
    font-weight: inherit;
  }

  a {
    color: inherit;
    -webkit-text-decoration: inherit;
    -webkit-text-decoration: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }

  b, strong {
    font-weight: bolder;
  }

  code, kbd, samp, pre {
    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(--default-mono-font-variation-settings, normal);
    font-size: 1em;
  }

  small {
    font-size: 80%;
  }

  sub, sup {
    vertical-align: baseline;
    font-size: 75%;
    line-height: 0;
    position: relative;
  }

  sub {
    bottom: -.25em;
  }

  sup {
    top: -.5em;
  }

  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }

  :-moz-focusring {
    outline: auto;
  }

  progress {
    vertical-align: baseline;
  }

  summary {
    display: list-item;
  }

  ol, ul, menu {
    list-style: none;
  }

  img, svg, video, canvas, audio, iframe, embed, object {
    vertical-align: middle;
    display: block;
  }

  img, video {
    max-width: 100%;
    height: auto;
  }

  button, input, select, optgroup, textarea {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: #0000;
    border-radius: 0;
  }

  ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: #0000;
    border-radius: 0;
  }

  :where(select:is([multiple], [size])) optgroup {
    font-weight: bolder;
  }

  :where(select:is([multiple], [size])) optgroup option {
    padding-inline-start: 20px;
  }

  ::file-selector-button {
    margin-inline-end: 4px;
  }

  ::placeholder {
    opacity: 1;
  }

  @supports (not ((-webkit-appearance: -apple-pay-button))) or (contain-intrinsic-size: 1px) {
    ::placeholder {
      color: currentColor;
    }

    @supports (color: color-mix(in lab, red, red)) {
      ::placeholder {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
  }

  textarea {
    resize: vertical;
  }

  ::-webkit-search-decoration {
    -webkit-appearance: none;
  }

  ::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit;
  }

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

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

  ::-webkit-datetime-edit {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-year-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-month-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-day-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-hour-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-minute-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-second-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-millisecond-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }

  :-moz-ui-invalid {
    box-shadow: none;
  }

  button, input:where([type="button"], [type="reset"], [type="submit"]) {
    appearance: button;
  }

  ::file-selector-button {
    appearance: button;
  }

  ::-webkit-inner-spin-button {
    height: auto;
  }

  ::-webkit-outer-spin-button {
    height: auto;
  }

  [hidden]:where(:not([hidden="until-found"])) {
    display: none !important;
  }
}

@layer components;

@layer utilities {
  .pointer-events-none {
    pointer-events: none;
  }

  .collapse {
    visibility: collapse;
  }

  .absolute {
    position: absolute;
  }

  .fixed {
    position: fixed;
  }

  .relative {
    position: relative;
  }

  .static {
    position: static;
  }

  .inset-0 {
    inset: calc(var(--spacing) * 0);
  }

  .top-0 {
    top: calc(var(--spacing) * 0);
  }

  .top-1\/2 {
    top: 50%;
  }

  .top-10 {
    top: calc(var(--spacing) * 10);
  }

  .top-\[-19px\] {
    top: -19px;
  }

  .top-\[10\%\] {
    top: 10%;
  }

  .top-\[80px\] {
    top: 80px;
  }

  .top-full {
    top: 100%;
  }

  .right-0 {
    right: calc(var(--spacing) * 0);
  }

  .right-2 {
    right: calc(var(--spacing) * 2);
  }

  .right-3 {
    right: calc(var(--spacing) * 3);
  }

  .right-5 {
    right: calc(var(--spacing) * 5);
  }

  .right-\[10px\] {
    right: 10px;
  }

  .bottom-0 {
    bottom: calc(var(--spacing) * 0);
  }

  .bottom-4 {
    bottom: calc(var(--spacing) * 4);
  }

  .bottom-5 {
    bottom: calc(var(--spacing) * 5);
  }

  .bottom-\[80px\] {
    bottom: 80px;
  }

  .bottom-full {
    bottom: 100%;
  }

  .left-0 {
    left: calc(var(--spacing) * 0);
  }

  .left-4 {
    left: calc(var(--spacing) * 4);
  }

  .left-\[5px\] {
    left: 5px;
  }

  .\!z-50 {
    z-index: 50 !important;
  }

  .z-10 {
    z-index: 10;
  }

  .z-50 {
    z-index: 50;
  }

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

  .col-span-3 {
    grid-column: span 3 / span 3;
  }

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

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

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

  .col-span-8 {
    grid-column: span 8 / span 8;
  }

  .container {
    width: 100%;
  }

  @media (min-width: 40rem) {
    .container {
      max-width: 40rem;
    }
  }

  @media (min-width: 48rem) {
    .container {
      max-width: 48rem;
    }
  }

  @media (min-width: 64rem) {
    .container {
      max-width: 64rem;
    }
  }

  @media (min-width: 80rem) {
    .container {
      max-width: 80rem;
    }
  }

  @media (min-width: 96rem) {
    .container {
      max-width: 96rem;
    }
  }

  .\!m-1 {
    margin: calc(var(--spacing) * 1) !important;
  }

  .\!m-\[10px\] {
    margin: 10px !important;
  }

  .m-0 {
    margin: calc(var(--spacing) * 0);
  }

  .m-3 {
    margin: calc(var(--spacing) * 3);
  }

  .m-\[10px\] {
    margin: 10px;
  }

  .m-\[20px\] {
    margin: 20px;
  }

  .mx-0 {
    margin-inline: calc(var(--spacing) * 0);
  }

  .mx-2 {
    margin-inline: calc(var(--spacing) * 2);
  }

  .\!my-4 {
    margin-block: calc(var(--spacing) * 4) !important;
  }

  .\!my-\[10px\] {
    margin-block: 10px !important;
  }

  .\!ms-\[20px\] {
    margin-inline-start: 20px !important;
  }

  .ms-3 {
    margin-inline-start: calc(var(--spacing) * 3);
  }

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

  .me-\[10px\] {
    margin-inline-end: 10px;
  }

  .me-\[20px\] {
    margin-inline-end: 20px;
  }

  .\!mt-\[10px\] {
    margin-top: 10px !important;
  }

  .mt-0 {
    margin-top: calc(var(--spacing) * 0);
  }

  .mt-1 {
    margin-top: calc(var(--spacing) * 1);
  }

  .mt-2 {
    margin-top: calc(var(--spacing) * 2);
  }

  .mt-3 {
    margin-top: calc(var(--spacing) * 3);
  }

  .mt-4 {
    margin-top: calc(var(--spacing) * 4);
  }

  .mt-\[3px\] {
    margin-top: 3px;
  }

  .mt-\[4px\] {
    margin-top: 4px;
  }

  .mt-\[10px\] {
    margin-top: 10px;
  }

  .mt-\[12px\] {
    margin-top: 12px;
  }

  .mt-\[20px\] {
    margin-top: 20px;
  }

  .mt-\[40px\] {
    margin-top: 40px;
  }

  .mr-1 {
    margin-right: calc(var(--spacing) * 1);
  }

  .mr-\[10px\] {
    margin-right: 10px;
  }

  .\!mb-6 {
    margin-bottom: calc(var(--spacing) * 6) !important;
  }

  .\!mb-\[5px\] {
    margin-bottom: 5px !important;
  }

  .\!mb-\[15px\] {
    margin-bottom: 15px !important;
  }

  .\!mb-\[40px\] {
    margin-bottom: 40px !important;
  }

  .mb-0 {
    margin-bottom: calc(var(--spacing) * 0);
  }

  .mb-0\! {
    margin-bottom: calc(var(--spacing) * 0) !important;
  }

  .mb-1 {
    margin-bottom: calc(var(--spacing) * 1);
  }

  .mb-2 {
    margin-bottom: calc(var(--spacing) * 2);
  }

  .mb-3 {
    margin-bottom: calc(var(--spacing) * 3);
  }

  .mb-4 {
    margin-bottom: calc(var(--spacing) * 4);
  }

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

  .mb-\[4px\] {
    margin-bottom: 4px;
  }

  .mb-\[10px\] {
    margin-bottom: 10px;
  }

  .mb-\[16px\] {
    margin-bottom: 16px;
  }

  .mb-\[20px\] {
    margin-bottom: 20px;
  }

  .ml-2 {
    margin-left: calc(var(--spacing) * 2);
  }

  .ml-\[5px\] {
    margin-left: 5px;
  }

  .\!flex {
    display: flex !important;
  }

  .block {
    display: block;
  }

  .flex {
    display: flex;
  }

  .grid {
    display: grid;
  }

  .hidden {
    display: none;
  }

  .inline {
    display: inline;
  }

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

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

  .table {
    display: table;
  }

  .\!h-\[16px\] {
    height: 16px !important;
  }

  .\!h-\[20px\] {
    height: 20px !important;
  }

  .\!h-\[25px\] {
    height: 25px !important;
  }

  .\!h-\[50px\] {
    height: 50px !important;
  }

  .\!h-auto {
    height: auto !important;
  }

  .\!h-full {
    height: 100% !important;
  }

  .h-0 {
    height: calc(var(--spacing) * 0);
  }

  .h-4 {
    height: calc(var(--spacing) * 4);
  }

  .h-5 {
    height: calc(var(--spacing) * 5);
  }

  .h-10 {
    height: calc(var(--spacing) * 10);
  }

  .h-64 {
    height: calc(var(--spacing) * 64);
  }

  .h-96 {
    height: calc(var(--spacing) * 96);
  }

  .h-\[5px\] {
    height: 5px;
  }

  .h-\[8px\] {
    height: 8px;
  }

  .h-\[10px\] {
    height: 10px;
  }

  .h-\[14px\] {
    height: 14px;
  }

  .h-\[15px\] {
    height: 15px;
  }

  .h-\[16px\] {
    height: 16px;
  }

  .h-\[20px\] {
    height: 20px;
  }

  .h-\[22px\] {
    height: 22px;
  }

  .h-\[25px\] {
    height: 25px;
  }

  .h-\[30\%\] {
    height: 30%;
  }

  .h-\[30px\] {
    height: 30px;
  }

  .h-\[34px\] {
    height: 34px;
  }

  .h-\[35px\] {
    height: 35px;
  }

  .h-\[35px\]\! {
    height: 35px !important;
  }

  .h-\[40px\] {
    height: 40px;
  }

  .h-\[50px\] {
    height: 50px;
  }

  .h-\[70\%\] {
    height: 70%;
  }

  .h-\[70px\] {
    height: 70px;
  }

  .h-\[80\%\] {
    height: 80%;
  }

  .h-\[100\%\] {
    height: 100%;
  }

  .h-\[130px\] {
    height: 130px;
  }

  .h-\[200px\] {
    height: 200px;
  }

  .h-\[228px\] {
    height: 228px;
  }

  .h-\[350px\] {
    height: 350px;
  }

  .h-dvh {
    height: 100dvh;
  }

  .h-fit {
    height: fit-content;
  }

  .h-full {
    height: 100%;
  }

  .h-min {
    height: min-content;
  }

  .max-h-0 {
    max-height: calc(var(--spacing) * 0);
  }

  .max-h-1\/2 {
    max-height: 50%;
  }

  .max-h-60 {
    max-height: calc(var(--spacing) * 60);
  }

  .max-h-\[70px\] {
    max-height: 70px;
  }

  .max-h-\[160px\] {
    max-height: 160px;
  }

  .max-h-\[380px\] {
    max-height: 380px;
  }

  .max-h-\[420px\] {
    max-height: 420px;
  }

  .max-h-full {
    max-height: 100%;
  }

  .min-h-0 {
    min-height: calc(var(--spacing) * 0);
  }

  .min-h-\[41px\] {
    min-height: 41px;
  }

  .min-h-\[56px\] {
    min-height: 56px;
  }

  .min-h-\[180px\] {
    min-height: 180px;
  }

  .min-h-\[300px\] {
    min-height: 300px;
  }

  .min-h-\[var\(--filed-height\)\] {
    min-height: var(--filed-height);
  }

  .\!w-96 {
    width: calc(var(--spacing) * 96) !important;
  }

  .\!w-\[16px\] {
    width: 16px !important;
  }

  .\!w-\[20px\] {
    width: 20px !important;
  }

  .\!w-\[25px\] {
    width: 25px !important;
  }

  .\!w-\[50px\] {
    width: 50px !important;
  }

  .\!w-\[70px\] {
    width: 70px !important;
  }

  .\!w-\[98\%\] {
    width: 98% !important;
  }

  .\!w-\[140px\] {
    width: 140px !important;
  }

  .\!w-\[250px\] {
    width: 250px !important;
  }

  .\!w-\[600px\] {
    width: 600px !important;
  }

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

  .w-0 {
    width: calc(var(--spacing) * 0);
  }

  .w-4 {
    width: calc(var(--spacing) * 4);
  }

  .w-5 {
    width: calc(var(--spacing) * 5);
  }

  .w-10 {
    width: calc(var(--spacing) * 10);
  }

  .w-72 {
    width: calc(var(--spacing) * 72);
  }

  .w-80 {
    width: calc(var(--spacing) * 80);
  }

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

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

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

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

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

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

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

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

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

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

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

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

  .w-\[35px\]\! {
    width: 35px !important;
  }

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

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

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

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

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

  .w-\[160px\]\! {
    width: 160px !important;
  }

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

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

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

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

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

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

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

  .w-fit {
    width: fit-content;
  }

  .w-full {
    width: 100%;
  }

  .w-max {
    width: max-content;
  }

  .max-w-72 {
    max-width: calc(var(--spacing) * 72);
  }

  .max-w-\[90\%\] {
    max-width: 90%;
  }

  .max-w-\[100\%\] {
    max-width: 100%;
  }

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

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

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

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

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

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

  .max-w-full {
    max-width: 100%;
  }

  .min-w-0 {
    min-width: calc(var(--spacing) * 0);
  }

  .min-w-96 {
    min-width: calc(var(--spacing) * 96);
  }

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

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

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

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

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

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

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

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

  .flex-1 {
    flex: 1;
  }

  .flex-shrink {
    flex-shrink: 1;
  }

  .flex-shrink-0, .shrink-0 {
    flex-shrink: 0;
  }

  .flex-grow, .grow {
    flex-grow: 1;
  }

  .border-collapse {
    border-collapse: collapse;
  }

  .-translate-y-1\/2 {
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-y-0 {
    --tw-translate-y: calc(var(--spacing) * 0);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-y-4 {
    --tw-translate-y: calc(var(--spacing) * 4);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .rotate-45 {
    rotate: 45deg;
  }

  .rotate-180 {
    rotate: 180deg;
  }

  .transform {
    transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
  }

  .cursor-default {
    cursor: default;
  }

  .cursor-help {
    cursor: help;
  }

  .cursor-pointer {
    cursor: pointer;
  }

  .resize {
    resize: both;
  }

  .resize-none {
    resize: none;
  }

  .resize-y {
    resize: vertical;
  }

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

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

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

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

  .grid-cols-\[120px_auto\] {
    grid-template-columns: 120px auto;
  }

  .grid-cols-\[repeat\(auto-fit\,minmax\(250px\,1fr\)\)\] {
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  }

  .grid-rows-1 {
    grid-template-rows: repeat(1, minmax(0, 1fr));
  }

  .grid-rows-3 {
    grid-template-rows: repeat(3, minmax(0, 1fr));
  }

  .grid-rows-\[20px_20px\] {
    grid-template-rows: 20px 20px;
  }

  .grid-rows-\[auto_1fr\] {
    grid-template-rows: auto 1fr;
  }

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

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

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

  .flex-wrap {
    flex-wrap: wrap;
  }

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

  .items-end {
    align-items: flex-end;
  }

  .items-start {
    align-items: flex-start;
  }

  .\!justify-end {
    justify-content: flex-end !important;
  }

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

  .justify-center {
    justify-content: center;
  }

  .justify-end {
    justify-content: flex-end;
  }

  .justify-start {
    justify-content: flex-start;
  }

  .gap-0 {
    gap: calc(var(--spacing) * 0);
  }

  .gap-1 {
    gap: calc(var(--spacing) * 1);
  }

  .gap-2 {
    gap: calc(var(--spacing) * 2);
  }

  .gap-3 {
    gap: calc(var(--spacing) * 3);
  }

  .gap-4 {
    gap: calc(var(--spacing) * 4);
  }

  .gap-5 {
    gap: calc(var(--spacing) * 5);
  }

  .gap-6 {
    gap: calc(var(--spacing) * 6);
  }

  .gap-\[2px\] {
    gap: 2px;
  }

  .gap-\[3px\] {
    gap: 3px;
  }

  .gap-\[4px\] {
    gap: 4px;
  }

  .gap-\[5px\] {
    gap: 5px;
  }

  .gap-\[6px\] {
    gap: 6px;
  }

  .gap-\[8px\] {
    gap: 8px;
  }

  .gap-\[10px\] {
    gap: 10px;
  }

  .gap-\[12px\] {
    gap: 12px;
  }

  .gap-\[15px\] {
    gap: 15px;
  }

  .gap-\[17px\] {
    gap: 17px;
  }

  .gap-\[20px\] {
    gap: 20px;
  }

  .gap-\[30px\] {
    gap: 30px;
  }

  .gap-\[32px\] {
    gap: 32px;
  }

  .gap-\[40px\] {
    gap: 40px;
  }

  .gap-\[50px\] {
    gap: 50px;
  }

  :where(.\!space-y-1 > :not(:last-child)) {
    --tw-space-y-reverse: 0 !important;
    margin-block-start: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse)) !important;
    margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse))) !important;
  }

  :where(.\!space-y-4 > :not(:last-child)) {
    --tw-space-y-reverse: 0 !important;
    margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse)) !important;
    margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse))) !important;
  }

  :where(.\!space-y-5 > :not(:last-child)) {
    --tw-space-y-reverse: 0 !important;
    margin-block-start: calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse)) !important;
    margin-block-end: calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse))) !important;
  }

  :where(.space-y-1 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-2 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-3 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-4 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-5 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-6 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-8 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-\[3px\] > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(3px * var(--tw-space-y-reverse));
    margin-block-end: calc(3px * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-\[4px\] > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(4px * var(--tw-space-y-reverse));
    margin-block-end: calc(4px * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-\[10px\] > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(10px * var(--tw-space-y-reverse));
    margin-block-end: calc(10px * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-\[13px\] > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(13px * var(--tw-space-y-reverse));
    margin-block-end: calc(13px * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-\[15px\] > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(15px * var(--tw-space-y-reverse));
    margin-block-end: calc(15px * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-\[20px\] > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(20px * var(--tw-space-y-reverse));
    margin-block-end: calc(20px * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-\[25px\] > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(25px * var(--tw-space-y-reverse));
    margin-block-end: calc(25px * calc(1 - var(--tw-space-y-reverse)));
  }

  .gap-x-\[10px\] {
    column-gap: 10px;
  }

  .gap-x-\[15px\] {
    column-gap: 15px;
  }

  .gap-x-\[20px\] {
    column-gap: 20px;
  }

  :where(.\!space-x-1 > :not(:last-child)) {
    --tw-space-x-reverse: 0 !important;
    margin-inline-start: calc(calc(var(--spacing) * 1) * var(--tw-space-x-reverse)) !important;
    margin-inline-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-x-reverse))) !important;
  }

  :where(.\!space-x-2 > :not(:last-child)) {
    --tw-space-x-reverse: 0 !important;
    margin-inline-start: calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse)) !important;
    margin-inline-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse))) !important;
  }

  :where(.\!space-x-4 > :not(:last-child)) {
    --tw-space-x-reverse: 0 !important;
    margin-inline-start: calc(calc(var(--spacing) * 4) * var(--tw-space-x-reverse)) !important;
    margin-inline-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-x-reverse))) !important;
  }

  :where(.\!space-x-5 > :not(:last-child)) {
    --tw-space-x-reverse: 0 !important;
    margin-inline-start: calc(calc(var(--spacing) * 5) * var(--tw-space-x-reverse)) !important;
    margin-inline-end: calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-x-reverse))) !important;
  }

  :where(.\!space-x-\[5px\] > :not(:last-child)) {
    --tw-space-x-reverse: 0 !important;
    margin-inline-start: calc(5px * var(--tw-space-x-reverse)) !important;
    margin-inline-end: calc(5px * calc(1 - var(--tw-space-x-reverse))) !important;
  }

  :where(.\!space-x-\[10px\] > :not(:last-child)) {
    --tw-space-x-reverse: 0 !important;
    margin-inline-start: calc(10px * var(--tw-space-x-reverse)) !important;
    margin-inline-end: calc(10px * calc(1 - var(--tw-space-x-reverse))) !important;
  }

  :where(.\!space-x-\[15px\] > :not(:last-child)) {
    --tw-space-x-reverse: 0 !important;
    margin-inline-start: calc(15px * var(--tw-space-x-reverse)) !important;
    margin-inline-end: calc(15px * calc(1 - var(--tw-space-x-reverse))) !important;
  }

  :where(.\!space-x-\[20px\] > :not(:last-child)) {
    --tw-space-x-reverse: 0 !important;
    margin-inline-start: calc(20px * var(--tw-space-x-reverse)) !important;
    margin-inline-end: calc(20px * calc(1 - var(--tw-space-x-reverse))) !important;
  }

  :where(.space-x-1 > :not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(calc(var(--spacing) * 1) * var(--tw-space-x-reverse));
    margin-inline-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-x-reverse)));
  }

  :where(.space-x-2 > :not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse));
    margin-inline-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse)));
  }

  :where(.space-x-3 > :not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(calc(var(--spacing) * 3) * var(--tw-space-x-reverse));
    margin-inline-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-x-reverse)));
  }

  :where(.space-x-4 > :not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(calc(var(--spacing) * 4) * var(--tw-space-x-reverse));
    margin-inline-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-x-reverse)));
  }

  :where(.space-x-5 > :not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(calc(var(--spacing) * 5) * var(--tw-space-x-reverse));
    margin-inline-end: calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-x-reverse)));
  }

  :where(.space-x-\[1px\] > :not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(1px * var(--tw-space-x-reverse));
    margin-inline-end: calc(1px * calc(1 - var(--tw-space-x-reverse)));
  }

  :where(.space-x-\[5px\] > :not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(5px * var(--tw-space-x-reverse));
    margin-inline-end: calc(5px * calc(1 - var(--tw-space-x-reverse)));
  }

  :where(.space-x-\[10px\] > :not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(10px * var(--tw-space-x-reverse));
    margin-inline-end: calc(10px * calc(1 - var(--tw-space-x-reverse)));
  }

  :where(.space-x-\[15px\] > :not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(15px * var(--tw-space-x-reverse));
    margin-inline-end: calc(15px * calc(1 - var(--tw-space-x-reverse)));
  }

  :where(.space-x-\[20px\] > :not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(20px * var(--tw-space-x-reverse));
    margin-inline-end: calc(20px * calc(1 - var(--tw-space-x-reverse)));
  }

  .gap-y-1 {
    row-gap: calc(var(--spacing) * 1);
  }

  .gap-y-\[5px\] {
    row-gap: 5px;
  }

  .gap-y-\[10px\] {
    row-gap: 10px;
  }

  .gap-y-\[15px\] {
    row-gap: 15px;
  }

  .self-end-safe {
    align-self: safe flex-end;
  }

  .justify-self-end {
    justify-self: flex-end;
  }

  .truncate {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }

  .overflow-auto {
    overflow: auto;
  }

  .overflow-hidden {
    overflow: hidden;
  }

  .\!overflow-x-hidden {
    overflow-x: hidden !important;
  }

  .overflow-x-auto {
    overflow-x: auto;
  }

  .overflow-x-hidden {
    overflow-x: hidden;
  }

  .overflow-y-auto {
    overflow-y: auto;
  }

  .overflow-y-hidden {
    overflow-y: hidden;
  }

  .\!rounded-\[4px\] {
    border-radius: 4px !important;
  }

  .\!rounded-\[var\(--border-radius\)\] {
    border-radius: var(--border-radius) !important;
  }

  .rounded {
    border-radius: .25rem;
  }

  .rounded-\[5px\] {
    border-radius: 5px;
  }

  .rounded-\[8px\] {
    border-radius: 8px;
  }

  .rounded-\[10px\] {
    border-radius: 10px;
  }

  .rounded-\[12px\] {
    border-radius: 12px;
  }

  .rounded-\[var\(--border-radius\)\] {
    border-radius: var(--border-radius);
  }

  .rounded-full {
    border-radius: 3.40282e38px;
  }

  .rounded-lg {
    border-radius: var(--radius-lg);
  }

  .rounded-xl {
    border-radius: var(--radius-xl);
  }

  .rounded-t-\[10px\] {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
  }

  .rounded-t-\[var\(--border-radius\)\] {
    border-top-left-radius: var(--border-radius);
    border-top-right-radius: var(--border-radius);
  }

  .rounded-b-\[var\(--border-radius\)\] {
    border-bottom-right-radius: var(--border-radius);
    border-bottom-left-radius: var(--border-radius);
  }

  .rounded-br-\[10px\] {
    border-bottom-right-radius: 10px;
  }

  .rounded-br-none {
    border-bottom-right-radius: 0;
  }

  .rounded-bl-\[5px\] {
    border-bottom-left-radius: 5px;
  }

  .rounded-bl-\[8px\] {
    border-bottom-left-radius: 8px;
  }

  .rounded-bl-\[10px\] {
    border-bottom-left-radius: 10px;
  }

  .border, .border-1 {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }

  .border-2 {
    border-style: var(--tw-border-style);
    border-width: 2px;
  }

  .border-4 {
    border-style: var(--tw-border-style);
    border-width: 4px;
  }

  .border-\[2px\] {
    border-style: var(--tw-border-style);
    border-width: 2px;
  }

  .border-t {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }

  .border-r {
    border-right-style: var(--tw-border-style);
    border-right-width: 1px;
  }

  .border-b, .border-b-\[1px\] {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }

  .border-dashed {
    --tw-border-style: dashed;
    border-style: dashed;
  }

  .\!border-sky-300 {
    border-color: var(--color-sky-300) !important;
  }

  .border-\[var\(--blue-color\)\] {
    border-color: var(--blue-color);
  }

  .border-\[var\(--border-cell-color\)\] {
    border-color: var(--border-cell-color);
  }

  .border-\[var\(--btn-bg-hover-color\)\] {
    border-color: var(--btn-bg-hover-color);
  }

  .border-\[var\(--field-border-color\)\] {
    border-color: var(--field-border-color);
  }

  .border-\[var\(--field-error-border-color\)\] {
    border-color: var(--field-error-border-color);
  }

  .border-\[var\(--gray-color\)\] {
    border-color: var(--gray-color);
  }

  .border-\[var\(--green-color\)\] {
    border-color: var(--green-color);
  }

  .border-\[var\(--p-surface-200\)\] {
    border-color: var(--p-surface-200);
  }

  .border-\[var\(--primary-color\)\] {
    border-color: var(--primary-color);
  }

  .border-\[var\(--red-color\)\] {
    border-color: var(--red-color);
  }

  .border-black {
    border-color: var(--color-black);
  }

  .border-black\/5 {
    border-color: #0000000d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-black\/5 {
      border-color: color-mix(in oklab, var(--color-black) 5%, transparent);
    }
  }

  .border-blue-200 {
    border-color: var(--color-blue-200);
  }

  .border-gray-300 {
    border-color: var(--color-gray-300);
  }

  .border-red-200 {
    border-color: var(--color-red-200);
  }

  .border-slate-200 {
    border-color: var(--color-slate-200);
  }

  .border-slate-300 {
    border-color: var(--color-slate-300);
  }

  .border-transparent {
    border-color: #0000;
  }

  .border-b-\[var\(--gray-color\)\] {
    border-bottom-color: var(--gray-color);
  }

  .\!bg-\[\#2D4B9A\] {
    background-color: #2d4b9a !important;
  }

  .\!bg-\[\#8193C2\] {
    background-color: #8193c2 !important;
  }

  .\!bg-\[var\(--blue-color\)\] {
    background-color: var(--blue-color) !important;
  }

  .\!bg-\[var\(--blue-secondary-color\)\] {
    background-color: var(--blue-secondary-color) !important;
  }

  .\!bg-\[var\(--btn-bg-active-color\)\] {
    background-color: var(--btn-bg-active-color) !important;
  }

  .\!bg-\[var\(--btn-bg-hover-color\)\] {
    background-color: var(--btn-bg-hover-color) !important;
  }

  .\!bg-sky-50 {
    background-color: var(--color-sky-50) !important;
  }

  .\!bg-white {
    background-color: var(--color-white) !important;
  }

  .bg-\[\#00000010\] {
    background-color: #00000010;
  }

  .bg-\[\#D9DFED\] {
    background-color: #d9dfed;
  }

  .bg-\[var\(--blue-color\)\] {
    background-color: var(--blue-color);
  }

  .bg-\[var\(--btn-bg-active-color\)\] {
    background-color: var(--btn-bg-active-color);
  }

  .bg-\[var\(--btn-bg-primary-color\)\] {
    background-color: var(--btn-bg-primary-color);
  }

  .bg-\[var\(--field-bg-color\)\] {
    background-color: var(--field-bg-color);
  }

  .bg-\[var\(--gray-bg-color\)\] {
    background-color: var(--gray-bg-color);
  }

  .bg-\[var\(--green-color\)\] {
    background-color: var(--green-color);
  }

  .bg-\[var\(--main-color\)\] {
    background-color: var(--main-color);
  }

  .bg-\[var\(--modal-window-footer-color\)\] {
    background-color: var(--modal-window-footer-color);
  }

  .bg-\[var\(--modal-window-header-color\)\] {
    background-color: var(--modal-window-header-color);
  }

  .bg-\[var\(--orange-color\)\)\], .bg-\[var\(--orange-color\)\] {
    background-color: var(--orange-color);
  }

  .bg-\[var\(--p-primary-50\)\] {
    background-color: var(--p-primary-50);
  }

  .bg-\[var\(--p-surface-0\)\] {
    background-color: var(--p-surface-0);
  }

  .bg-black\/50 {
    background-color: #00000080;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-black\/50 {
      background-color: color-mix(in oklab, var(--color-black) 50%, transparent);
    }
  }

  .bg-blue-50 {
    background-color: var(--color-blue-50);
  }

  .bg-gray-300 {
    background-color: var(--color-gray-300);
  }

  .bg-red-50 {
    background-color: var(--color-red-50);
  }

  .bg-red-100 {
    background-color: var(--color-red-100);
  }

  .bg-sky-50 {
    background-color: var(--color-sky-50);
  }

  .bg-slate-50 {
    background-color: var(--color-slate-50);
  }

  .bg-slate-100 {
    background-color: var(--color-slate-100);
  }

  .bg-white {
    background-color: var(--color-white);
  }

  .\!bg-none {
    background-image: none !important;
  }

  .\!p-0 {
    padding: calc(var(--spacing) * 0) !important;
  }

  .\!p-2 {
    padding: calc(var(--spacing) * 2) !important;
  }

  .\!p-\[4px\] {
    padding: 4px !important;
  }

  .\!p-\[10px\] {
    padding: 10px !important;
  }

  .\!p-\[12px\] {
    padding: 12px !important;
  }

  .p-0 {
    padding: calc(var(--spacing) * 0);
  }

  .p-1 {
    padding: calc(var(--spacing) * 1);
  }

  .p-2 {
    padding: calc(var(--spacing) * 2);
  }

  .p-3 {
    padding: calc(var(--spacing) * 3);
  }

  .p-4 {
    padding: calc(var(--spacing) * 4);
  }

  .p-6 {
    padding: calc(var(--spacing) * 6);
  }

  .p-\[4px\] {
    padding: 4px;
  }

  .p-\[5px\] {
    padding: 5px;
  }

  .p-\[10px\] {
    padding: 10px;
  }

  .p-\[12px\] {
    padding: 12px;
  }

  .p-\[15px\] {
    padding: 15px;
  }

  .p-\[16px\] {
    padding: 16px;
  }

  .p-\[20px\] {
    padding: 20px;
  }

  .\!px-2 {
    padding-inline: calc(var(--spacing) * 2) !important;
  }

  .\!px-\[6px\] {
    padding-inline: 6px !important;
  }

  .\!px-\[10px\] {
    padding-inline: 10px !important;
  }

  .\!px-\[12px\] {
    padding-inline: 12px !important;
  }

  .\!px-\[15px\] {
    padding-inline: 15px !important;
  }

  .\!px-\[20px\] {
    padding-inline: 20px !important;
  }

  .\!px-\[25px\] {
    padding-inline: 25px !important;
  }

  .\!px-\[30px\] {
    padding-inline: 30px !important;
  }

  .px-2 {
    padding-inline: calc(var(--spacing) * 2);
  }

  .px-3 {
    padding-inline: calc(var(--spacing) * 3);
  }

  .px-\[2px\] {
    padding-inline: 2px;
  }

  .px-\[5px\] {
    padding-inline: 5px;
  }

  .px-\[10px\] {
    padding-inline: 10px;
  }

  .px-\[15px\] {
    padding-inline: 15px;
  }

  .px-\[20px\] {
    padding-inline: 20px;
  }

  .px-\[30px\] {
    padding-inline: 30px;
  }

  .\!py-1 {
    padding-block: calc(var(--spacing) * 1) !important;
  }

  .\!py-2 {
    padding-block: calc(var(--spacing) * 2) !important;
  }

  .\!py-\[2px\] {
    padding-block: 2px !important;
  }

  .\!py-\[5px\] {
    padding-block: 5px !important;
  }

  .\!py-\[10px\] {
    padding-block: 10px !important;
  }

  .py-1 {
    padding-block: calc(var(--spacing) * 1);
  }

  .py-2 {
    padding-block: calc(var(--spacing) * 2);
  }

  .py-6 {
    padding-block: calc(var(--spacing) * 6);
  }

  .py-\[2px\] {
    padding-block: 2px;
  }

  .py-\[3px\] {
    padding-block: 3px;
  }

  .py-\[5px\] {
    padding-block: 5px;
  }

  .py-\[6px\] {
    padding-block: 6px;
  }

  .py-\[10px\] {
    padding-block: 10px;
  }

  .py-\[20px\] {
    padding-block: 20px;
  }

  .ps-1 {
    padding-inline-start: calc(var(--spacing) * 1);
  }

  .ps-3 {
    padding-inline-start: calc(var(--spacing) * 3);
  }

  .ps-4 {
    padding-inline-start: calc(var(--spacing) * 4);
  }

  .pe-1 {
    padding-inline-end: calc(var(--spacing) * 1);
  }

  .pe-3 {
    padding-inline-end: calc(var(--spacing) * 3);
  }

  .pe-4 {
    padding-inline-end: calc(var(--spacing) * 4);
  }

  .pt-3 {
    padding-top: calc(var(--spacing) * 3);
  }

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

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

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

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

  .pr-1 {
    padding-right: calc(var(--spacing) * 1);
  }

  .pr-\[2px\] {
    padding-right: 2px;
  }

  .pr-\[40px\] {
    padding-right: 40px;
  }

  .\!pb-0 {
    padding-bottom: calc(var(--spacing) * 0) !important;
  }

  .pb-0 {
    padding-bottom: calc(var(--spacing) * 0);
  }

  .pb-\[2px\] {
    padding-bottom: 2px;
  }

  .pb-\[10px\] {
    padding-bottom: 10px;
  }

  .text-center {
    text-align: center;
  }

  .text-left {
    text-align: left;
  }

  .text-right {
    text-align: right;
  }

  .text-2xl {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
  }

  .text-3xl {
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
  }

  .text-4xl {
    font-size: var(--text-4xl);
    line-height: var(--tw-leading, var(--text-4xl--line-height));
  }

  .text-base {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }

  .text-lg {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
  }

  .text-sm {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }

  .text-xl {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
  }

  .text-xs {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }

  .\!text-\[12px\] {
    font-size: 12px !important;
  }

  .\!text-\[13px\] {
    font-size: 13px !important;
  }

  .\!text-\[14px\] {
    font-size: 14px !important;
  }

  .\!text-\[18px\] {
    font-size: 18px !important;
  }

  .text-\[10px\] {
    font-size: 10px;
  }

  .text-\[12px\] {
    font-size: 12px;
  }

  .text-\[13px\] {
    font-size: 13px;
  }

  .text-\[14px\] {
    font-size: 14px;
  }

  .text-\[15px\] {
    font-size: 15px;
  }

  .text-\[16px\] {
    font-size: 16px;
  }

  .text-\[18px\] {
    font-size: 18px;
  }

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

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

  .leading-\[1\.25\] {
    --tw-leading: 1.25;
    line-height: 1.25;
  }

  .leading-\[12px\] {
    --tw-leading: 12px;
    line-height: 12px;
  }

  .leading-\[24px\] {
    --tw-leading: 24px;
    line-height: 24px;
  }

  .font-\[400\] {
    --tw-font-weight: 400;
    font-weight: 400;
  }

  .font-bold {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }

  .font-light {
    --tw-font-weight: var(--font-weight-light);
    font-weight: var(--font-weight-light);
  }

  .font-medium {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }

  .font-normal {
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
  }

  .font-semibold {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }

  .text-nowrap {
    text-wrap: nowrap;
  }

  .text-pretty {
    text-wrap: pretty;
  }

  .\!break-words {
    overflow-wrap: break-word !important;
  }

  .\[overflow-wrap\:anywhere\] {
    overflow-wrap: anywhere;
  }

  .break-words {
    overflow-wrap: break-word;
  }

  .break-all {
    word-break: break-all;
  }

  .text-ellipsis {
    text-overflow: ellipsis;
  }

  .hyphens-auto {
    -webkit-hyphens: auto;
    hyphens: auto;
  }

  .\!whitespace-normal {
    white-space: normal !important;
  }

  .whitespace-normal {
    white-space: normal;
  }

  .whitespace-nowrap {
    white-space: nowrap;
  }

  .whitespace-pre-wrap {
    white-space: pre-wrap;
  }

  .\!text-\[\#2D4B9A\] {
    color: #2d4b9a !important;
  }

  .\!text-\[\#7F9428\] {
    color: #7f9428 !important;
  }

  .\!text-\[\#444444\] {
    color: #444 !important;
  }

  .\!text-\[\#EEA490\] {
    color: #eea490 !important;
  }

  .\!text-\[\#FF6767\] {
    color: #ff6767 !important;
  }

  .\!text-\[var\(--blue-color\)\] {
    color: var(--blue-color) !important;
  }

  .\!text-\[var\(--field-error-text-color\)\] {
    color: var(--field-error-text-color) !important;
  }

  .\!text-\[var\(--green-color\)\] {
    color: var(--green-color) !important;
  }

  .\!text-\[var\(--red-color\)\] {
    color: var(--red-color) !important;
  }

  .\!text-white {
    color: var(--color-white) !important;
  }

  .text-\[\#7F9428\] {
    color: #7f9428;
  }

  .text-\[\#969696\] {
    color: #969696;
  }

  .text-\[\#FF6767\] {
    color: #ff6767;
  }

  .text-\[var\(--blue-color\)\] {
    color: var(--blue-color);
  }

  .text-\[var\(--blue-tertiary-color\)\] {
    color: var(--blue-tertiary-color);
  }

  .text-\[var\(--field-text-color\)\] {
    color: var(--field-text-color);
  }

  .text-\[var\(--gray-color\)\] {
    color: var(--gray-color);
  }

  .text-\[var\(--green-color\)\] {
    color: var(--green-color);
  }

  .text-\[var\(--orange-color\)\] {
    color: var(--orange-color);
  }

  .text-\[var\(--red-color\)\] {
    color: var(--red-color);
  }

  .text-\[var\(--text-color\)\] {
    color: var(--text-color);
  }

  .text-black {
    color: var(--color-black);
  }

  .text-blue-700 {
    color: var(--color-blue-700);
  }

  .text-blue-900 {
    color: var(--color-blue-900);
  }

  .text-gray-400 {
    color: var(--color-gray-400);
  }

  .text-gray-500 {
    color: var(--color-gray-500);
  }

  .text-gray-600 {
    color: var(--color-gray-600);
  }

  .text-gray-800 {
    color: var(--color-gray-800);
  }

  .text-green-800 {
    color: var(--color-green-800);
  }

  .text-green-900 {
    color: var(--color-green-900);
  }

  .text-red-500 {
    color: var(--color-red-500);
  }

  .text-red-800 {
    color: var(--color-red-800);
  }

  .text-red-900 {
    color: var(--color-red-900);
  }

  .text-sky-600 {
    color: var(--color-sky-600);
  }

  .text-slate-500 {
    color: var(--color-slate-500);
  }

  .text-slate-600 {
    color: var(--color-slate-600);
  }

  .text-slate-700 {
    color: var(--color-slate-700);
  }

  .text-slate-800 {
    color: var(--color-slate-800);
  }

  .text-slate-900 {
    color: var(--color-slate-900);
  }

  .text-white {
    color: var(--color-white);
  }

  .italic {
    font-style: italic;
  }

  .tabular-nums {
    --tw-numeric-spacing: tabular-nums;
    font-variant-numeric: var(--tw-ordinal, ) var(--tw-slashed-zero, ) var(--tw-numeric-figure, ) var(--tw-numeric-spacing, ) var(--tw-numeric-fraction, );
  }

  .underline {
    text-decoration-line: underline;
  }

  .opacity-0 {
    opacity: 0;
  }

  .opacity-40 {
    opacity: .4;
  }

  .opacity-70 {
    opacity: .7;
  }

  .opacity-100 {
    opacity: 1;
  }

  .shadow {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[5px_5px_10px_0_\#9b9b9c\,_-3px_-2px_5px_0px_\#a0a0a0\] {
    --tw-shadow: 5px 5px 10px 0 var(--tw-shadow-color, #9b9b9c), -3px -2px 5px 0px var(--tw-shadow-color, #a0a0a0);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[var\(--box-shadow-normal\)\] {
    --tw-shadow: var(--box-shadow-normal);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[var\(--btn-box-shadow\)\] {
    --tw-shadow: var(--btn-box-shadow);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[var\(--modal-window-box-shadow\)\] {
    --tw-shadow: var(--modal-window-box-shadow);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[var\(--sidebar-box-shadow\)\] {
    --tw-shadow: var(--sidebar-box-shadow);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-lg {
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-md {
    --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a), 0 2px 4px -2px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-sm {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .outline {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }

  .blur {
    --tw-blur: blur(8px);
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  }

  .filter {
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  }

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

  .transition {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, visibility, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-all {
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-colors {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-transform {
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .duration-100 {
    --tw-duration: .1s;
    transition-duration: .1s;
  }

  .duration-200 {
    --tw-duration: .2s;
    transition-duration: .2s;
  }

  .duration-300 {
    --tw-duration: .3s;
    transition-duration: .3s;
  }

  .duration-\[var\(--transition-duration\)\] {
    --tw-duration: var(--transition-duration);
    transition-duration: var(--transition-duration);
  }

  .ease-in {
    --tw-ease: var(--ease-in);
    transition-timing-function: var(--ease-in);
  }

  .ease-in-out {
    --tw-ease: var(--ease-in-out);
    transition-timing-function: var(--ease-in-out);
  }

  .ease-out {
    --tw-ease: var(--ease-out);
    transition-timing-function: var(--ease-out);
  }

  .select-none {
    -webkit-user-select: none;
    user-select: none;
  }

  @media (hover: hover) {
    .group-hover\:max-h-60:is(:where(.group):hover *) {
      max-height: calc(var(--spacing) * 60);
    }

    .group-hover\:rotate-180:is(:where(.group):hover *) {
      rotate: 180deg;
    }

    .group-hover\:rounded-t-none:is(:where(.group):hover *) {
      border-top-left-radius: 0;
      border-top-right-radius: 0;
    }

    .group-hover\:rounded-b-none:is(:where(.group):hover *) {
      border-bottom-right-radius: 0;
      border-bottom-left-radius: 0;
    }

    .group-hover\:shadow-\[0_-8px_16px_rgba\(0\,0\,0\,0\.15\)\]:is(:where(.group):hover *) {
      --tw-shadow: 0 -8px 16px var(--tw-shadow-color, #00000026);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }

    .group-hover\:shadow-\[0px_3px_6px_rgba\(0\,0\,0\,0\.16\)\]:is(:where(.group):hover *) {
      --tw-shadow: 0px 3px 6px var(--tw-shadow-color, #00000029);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }

    .group-hover\:shadow-\[var\(--box-shadow-hover\)\]:is(:where(.group):hover *) {
      --tw-shadow: var(--box-shadow-hover);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }

    .group-hover\:shadow-\[var\(--box-shadow-normal\)\]:is(:where(.group):hover *) {
      --tw-shadow: var(--box-shadow-normal);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }

  .first-letter\:uppercase:first-letter {
    text-transform: uppercase;
  }

  .placeholder\:text-\[var\(--field-placeholder-text-color\)\]::placeholder {
    color: var(--field-placeholder-text-color);
  }

  .last\:border-b-0:last-child {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0;
  }

  .checked\:\!bg-\[\#2D4B9A\]:checked {
    background-color: #2d4b9a !important;
  }

  @media (hover: hover) {
    .hover\:cursor-cell:hover {
      cursor: cell;
    }

    .hover\:cursor-pointer:hover {
      cursor: pointer;
    }

    .hover\:border-\[var\(--field-hover-border-color\)\]:hover {
      border-color: var(--field-hover-border-color);
    }

    .hover\:border-sky-300:hover {
      border-color: var(--color-sky-300);
    }

    .hover\:border-slate-300:hover {
      border-color: var(--color-slate-300);
    }

    .hover\:\!bg-\[var\(--blue-color\)\]:hover {
      background-color: var(--blue-color) !important;
    }

    .hover\:\!bg-\[var\(--btn-bg-active-color\)\]:hover {
      background-color: var(--btn-bg-active-color) !important;
    }

    .hover\:\!bg-\[var\(--btn-bg-hover-color\)\]:hover {
      background-color: var(--btn-bg-hover-color) !important;
    }

    .hover\:\!bg-white:hover {
      background-color: var(--color-white) !important;
    }

    .hover\:bg-\[var\(--btn-bg-hover-color\)\]:hover {
      background-color: var(--btn-bg-hover-color);
    }

    .hover\:bg-\[var\(--red-color\)\]:hover {
      background-color: var(--red-color);
    }

    .hover\:bg-slate-50:hover {
      background-color: var(--color-slate-50);
    }

    .hover\:bg-slate-100:hover {
      background-color: var(--color-slate-100);
    }

    .hover\:\!text-white:hover {
      color: var(--color-white) !important;
    }

    .hover\:text-\[var\(--blue-color\)\]:hover {
      color: var(--blue-color);
    }

    .hover\:text-white:hover {
      color: var(--color-white);
    }

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

    .hover\:opacity-100:hover {
      opacity: 1;
    }

    .hover\:shadow-\[var\(--box-shadow-hover\)\]:hover {
      --tw-shadow: var(--box-shadow-hover);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }

    .hover\:shadow-\[var\(--btn-box-shadow-hover\)\]:hover {
      --tw-shadow: var(--btn-box-shadow-hover);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }

  .focus\:\!border-\[var\(--blue-color\)\]:focus {
    border-color: var(--blue-color) !important;
  }

  .focus\:border-\[var\(--field-focus-border-color\)\]:focus {
    border-color: var(--field-focus-border-color);
  }

  .active\:\!bg-\[var\(--btn-bg-active-color\)\]:active {
    background-color: var(--btn-bg-active-color) !important;
  }

  .active\:\!bg-\[var\(--btn-bg-primary-color\)\]:active {
    background-color: var(--btn-bg-primary-color) !important;
  }

  .active\:\!bg-white:active {
    background-color: var(--color-white) !important;
  }

  .active\:bg-\[var\(--btn-bg-active-color\)\]:active {
    background-color: var(--btn-bg-active-color);
  }

  .active\:bg-white:active {
    background-color: var(--color-white);
  }

  .active\:\!text-black:active {
    color: var(--color-black) !important;
  }

  .active\:\!text-white:active {
    color: var(--color-white) !important;
  }

  .active\:text-\[var\(--red-color\)\]:active {
    color: var(--red-color);
  }

  .active\:text-white:active {
    color: var(--color-white);
  }

  .active\:shadow-\[var\(--box-shadow-active\)\]:active {
    --tw-shadow: var(--box-shadow-active);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .active\:shadow-\[var\(--btn-box-shadow-active\)\]:active {
    --tw-shadow: var(--btn-box-shadow-active);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .disabled\:border-\[var\(--field-disabled-border-color\)\]:disabled {
    border-color: var(--field-disabled-border-color);
  }

  .disabled\:bg-\[var\(--field-disabled-bg-color\)\]:disabled {
    background-color: var(--field-disabled-bg-color);
  }

  @media not all and (min-width: 96rem) {
    .max-2xl\:inline-block {
      display: inline-block;
    }

    :where(.max-2xl\:space-x-\[10px\] > :not(:last-child)) {
      --tw-space-x-reverse: 0;
      margin-inline-start: calc(10px * var(--tw-space-x-reverse));
      margin-inline-end: calc(10px * calc(1 - var(--tw-space-x-reverse)));
    }

    .max-2xl\:border-orange-300 {
      border-color: var(--color-orange-300);
    }
  }

  @media not all and (min-width: 80rem) {
    .max-xl\:inline-block {
      display: inline-block;
    }

    .max-xl\:border-red-300 {
      border-color: var(--color-red-300);
    }
  }

  @media not all and (min-width: 64rem) {
    .max-lg\:inline-block {
      display: inline-block;
    }

    .max-lg\:overflow-y-auto {
      overflow-y: auto;
    }

    .max-lg\:border-purple-300 {
      border-color: var(--color-purple-300);
    }
  }

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

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

    .max-md\:flex-col {
      flex-direction: column;
    }

    :where(.max-md\:space-y-5 > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)));
    }

    .max-md\:border-yellow-400 {
      border-color: var(--color-yellow-400);
    }
  }

  @media not all and (min-width: 40rem) {
    .max-sm\:inline-block {
      display: inline-block;
    }

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

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

    .max-sm\:items-start {
      align-items: flex-start;
    }

    :where(.max-sm\:space-y-\[10px\] > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(10px * var(--tw-space-y-reverse));
      margin-block-end: calc(10px * calc(1 - var(--tw-space-y-reverse)));
    }

    .max-sm\:border-blue-300 {
      border-color: var(--color-blue-300);
    }

    .max-sm\:px-\[10px\] {
      padding-inline: 10px;
    }
  }

  @media (min-width: 40rem) {
    .sm\:inline-block {
      display: inline-block;
    }

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

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

    .sm\:w-max {
      width: max-content;
    }

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

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

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

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

    .sm\:items-start {
      align-items: flex-start;
    }

    .sm\:gap-4 {
      gap: calc(var(--spacing) * 4);
    }

    :where(.sm\:space-y-\[10px\] > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(10px * var(--tw-space-y-reverse));
      margin-block-end: calc(10px * calc(1 - var(--tw-space-y-reverse)));
    }

    .sm\:border-amber-600 {
      border-color: var(--color-amber-600);
    }

    .sm\:p-4 {
      padding: calc(var(--spacing) * 4);
    }

    .sm\:text-lg {
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));
    }

    .sm\:text-sm {
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
    }

    .sm\:text-xs {
      font-size: var(--text-xs);
      line-height: var(--tw-leading, var(--text-xs--line-height));
    }
  }

  @media (min-width: 48rem) {
    .md\:col-span-3 {
      grid-column: span 3 / span 3;
    }

    .md\:mb-\[10px\] {
      margin-bottom: 10px;
    }

    .md\:hidden {
      display: none;
    }

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

    .md\:h-10 {
      height: calc(var(--spacing) * 10);
    }

    .md\:h-\[20px\] {
      height: 20px;
    }

    .md\:h-\[30px\] {
      height: 30px;
    }

    .md\:h-\[36px\] {
      height: 36px;
    }

    .md\:h-\[90\%\] {
      height: 90%;
    }

    .md\:h-\[156px\] {
      height: 156px;
    }

    .md\:min-h-\[30px\] {
      min-height: 30px;
    }

    .md\:w-\[20px\] {
      width: 20px;
    }

    .md\:w-\[36px\] {
      width: 36px;
    }

    .md\:w-\[55px\] {
      width: 55px;
    }

    .md\:w-\[60px\] {
      width: 60px;
    }

    .md\:w-\[750px\] {
      width: 750px;
    }

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

    .md\:grow {
      flex-grow: 1;
    }

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

    .md\:grid-cols-\[minmax\(0\,1\.3fr\)_minmax\(0\,1fr\)\] {
      grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr);
    }

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

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

    .md\:gap-\[30px\] {
      gap: 30px;
    }

    :where(.md\:space-y-1 > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)));
    }

    :where(.md\:space-y-2 > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
    }

    :where(.md\:space-y-\[10px\] > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(10px * var(--tw-space-y-reverse));
      margin-block-end: calc(10px * calc(1 - var(--tw-space-y-reverse)));
    }

    :where(.md\:space-x-\[10px\] > :not(:last-child)) {
      --tw-space-x-reverse: 0;
      margin-inline-start: calc(10px * var(--tw-space-x-reverse));
      margin-inline-end: calc(10px * calc(1 - var(--tw-space-x-reverse)));
    }

    .md\:border-blue-600 {
      border-color: var(--color-blue-600);
    }

    .md\:p-\[5px\] {
      padding: 5px;
    }

    .md\:\!px-\[40px\] {
      padding-inline: 40px !important;
    }

    .md\:px-\[10px\] {
      padding-inline: 10px;
    }

    .md\:py-\[0px\] {
      padding-block: 0;
    }

    .md\:py-\[7px\] {
      padding-block: 7px;
    }

    .md\:py-\[10px\] {
      padding-block: 10px;
    }

    .md\:text-2xl {
      font-size: var(--text-2xl);
      line-height: var(--tw-leading, var(--text-2xl--line-height));
    }

    .md\:text-sm {
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
    }

    .md\:text-xl {
      font-size: var(--text-xl);
      line-height: var(--tw-leading, var(--text-xl--line-height));
    }

    .md\:text-\[9px\] {
      font-size: 9px;
    }

    .md\:text-\[10px\] {
      font-size: 10px;
    }

    .md\:font-semibold {
      --tw-font-weight: var(--font-weight-semibold);
      font-weight: var(--font-weight-semibold);
    }
  }

  @media (min-width: 64rem) {
    .lg\:col-span-3 {
      grid-column: span 3 / span 3;
    }

    .lg\:mt-\[40px\] {
      margin-top: 40px;
    }

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

    .lg\:\!h-\[20px\] {
      height: 20px !important;
    }

    .lg\:\!h-\[22px\] {
      height: 22px !important;
    }

    .lg\:h-\[20px\] {
      height: 20px;
    }

    .lg\:h-\[30px\] {
      height: 30px;
    }

    .lg\:h-\[36px\] {
      height: 36px;
    }

    .lg\:h-\[60px\] {
      height: 60px;
    }

    .lg\:min-h-\[var\(--field-height-lg\)\] {
      min-height: var(--field-height-lg);
    }

    .lg\:\!w-\[20px\] {
      width: 20px !important;
    }

    .lg\:\!w-\[22px\] {
      width: 22px !important;
    }

    .lg\:\!w-\[113px\] {
      width: 113px !important;
    }

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

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

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

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

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

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

    .lg\:justify-center {
      justify-content: center;
    }

    :where(.lg\:space-y-\[5px\] > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(5px * var(--tw-space-y-reverse));
      margin-block-end: calc(5px * calc(1 - var(--tw-space-y-reverse)));
    }

    :where(.lg\:space-y-\[10px\] > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(10px * var(--tw-space-y-reverse));
      margin-block-end: calc(10px * calc(1 - var(--tw-space-y-reverse)));
    }

    :where(.lg\:space-x-\[5px\] > :not(:last-child)) {
      --tw-space-x-reverse: 0;
      margin-inline-start: calc(5px * var(--tw-space-x-reverse));
      margin-inline-end: calc(5px * calc(1 - var(--tw-space-x-reverse)));
    }

    .lg\:border-green-600 {
      border-color: var(--color-green-600);
    }

    .lg\:p-\[5px\] {
      padding: 5px;
    }

    .lg\:p-\[10px\] {
      padding: 10px;
    }

    .lg\:px-\[10px\] {
      padding-inline: 10px;
    }

    .lg\:py-\[0px\] {
      padding-block: 0;
    }

    .lg\:py-\[7px\] {
      padding-block: 7px;
    }

    .lg\:py-\[10px\] {
      padding-block: 10px;
    }

    .lg\:text-2xl {
      font-size: var(--text-2xl);
      line-height: var(--tw-leading, var(--text-2xl--line-height));
    }

    .lg\:text-sm {
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
    }

    .lg\:text-\[9px\] {
      font-size: 9px;
    }

    .lg\:text-\[10px\] {
      font-size: 10px;
    }

    .lg\:text-\[26px\] {
      font-size: 26px;
    }

    .lg\:font-semibold {
      --tw-font-weight: var(--font-weight-semibold);
      font-weight: var(--font-weight-semibold);
    }
  }

  @media not all and (min-width: 48rem) {
    @media (min-width: 64rem) {
      .max-md\:lg\:\!w-\[90px\] {
        width: 90px !important;
      }
    }
  }

  @media (min-width: 80rem) {
    .xl\:col-span-2 {
      grid-column: span 2 / span 2;
    }

    .xl\:mb-\[10px\] {
      margin-bottom: 10px;
    }

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

    .xl\:h-\[93\%\] {
      height: 93%;
    }

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

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

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

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

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

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

    :where(.xl\:space-y-3 > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
    }

    :where(.xl\:space-y-4 > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
    }

    :where(.xl\:space-y-\[10px\] > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(10px * var(--tw-space-y-reverse));
      margin-block-end: calc(10px * calc(1 - var(--tw-space-y-reverse)));
    }

    .xl\:border-fuchsia-600 {
      border-color: var(--color-fuchsia-600);
    }

    .xl\:py-\[7px\] {
      padding-block: 7px;
    }

    .xl\:py-\[10px\] {
      padding-block: 10px;
    }

    .xl\:py-\[70px\] {
      padding-block: 70px;
    }

    .xl\:text-3xl {
      font-size: var(--text-3xl);
      line-height: var(--tw-leading, var(--text-3xl--line-height));
    }

    .xl\:text-sm {
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
    }

    .xl\:text-xl {
      font-size: var(--text-xl);
      line-height: var(--tw-leading, var(--text-xl--line-height));
    }
  }

  @media (min-width: 96rem) {
    .\32 xl\:mb-\[20px\] {
      margin-bottom: 20px;
    }

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

    .\32 xl\:h-\[25px\] {
      height: 25px;
    }

    .\32 xl\:h-\[40px\] {
      height: 40px;
    }

    .\32 xl\:h-\[70px\] {
      height: 70px;
    }

    .\32 xl\:h-\[95\%\] {
      height: 95%;
    }

    .\32 xl\:\!w-\[160px\] {
      width: 160px !important;
    }

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

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

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

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

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

    :where(.\32 xl\:space-y-3 > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
    }

    :where(.\32 xl\:space-y-4 > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
    }

    :where(.\32 xl\:space-y-\[10px\] > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(10px * var(--tw-space-y-reverse));
      margin-block-end: calc(10px * calc(1 - var(--tw-space-y-reverse)));
    }

    .\32 xl\:border-pink-600 {
      border-color: var(--color-pink-600);
    }

    .\32 xl\:p-\[15px\] {
      padding: 15px;
    }

    .\32 xl\:p-\[20px\] {
      padding: 20px;
    }

    .\32 xl\:px-\[30px\] {
      padding-inline: 30px;
    }

    .\32 xl\:py-\[10px\] {
      padding-block: 10px;
    }

    .\32 xl\:py-\[20px\] {
      padding-block: 20px;
    }

    .\32 xl\:text-3xl {
      font-size: var(--text-3xl);
      line-height: var(--tw-leading, var(--text-3xl--line-height));
    }

    .\32 xl\:text-4xl {
      font-size: var(--text-4xl);
      line-height: var(--tw-leading, var(--text-4xl--line-height));
    }

    .\32 xl\:text-lg {
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));
    }

    .\32 xl\:text-xl {
      font-size: var(--text-xl);
      line-height: var(--tw-leading, var(--text-xl--line-height));
    }

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

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

    .\32 xl\:font-normal {
      --tw-font-weight: var(--font-weight-normal);
      font-weight: var(--font-weight-normal);
    }
  }

  @media (prefers-color-scheme: dark) {
    .dark\:border-\[var\(--p-surface-700\)\] {
      border-color: var(--p-surface-700);
    }

    .dark\:bg-\[var\(--p-surface-900\)\] {
      background-color: var(--p-surface-900);
    }
  }
}

@layer keyframes {
  @keyframes enter {
    from {
      opacity: var(--p-enter-opacity, 1);
      transform: translate3d(var(--p-enter-translate-x, 0), var(--p-enter-translate-y, 0), 0) scale3d(var(--p-enter-scale, 1), var(--p-enter-scale, 1), var(--p-enter-scale, 1)) rotate(var(--p-enter-rotate, 0));
    }
  }

  @keyframes leave {
    to {
      opacity: var(--p-leave-opacity, 1);
      transform: translate3d(var(--p-leave-translate-x, 0), var(--p-leave-translate-y, 0), 0) scale3d(var(--p-leave-scale, 1), var(--p-leave-scale, 1), var(--p-leave-scale, 1)) rotate(var(--p-leave-rotate, 0));
    }
  }

  @keyframes fadein {
    0% {
      opacity: 0;
    }

    100% {
      opacity: 1;
    }
  }

  @keyframes fadeout {
    0% {
      opacity: 1;
    }

    100% {
      opacity: 0;
    }
  }

  @keyframes infinite-scroll {
    from {
      transform: translateX(0);
    }

    to {
      transform: translateX(-100%);
    }
  }

  @keyframes scalein {
    0% {
      opacity: 0;
      transition: transform .12s cubic-bezier(0, 0, .2, 1), opacity .12s cubic-bezier(0, 0, .2, 1);
      transform: scaleY(.8);
    }

    100% {
      opacity: 1;
      transform: scaleY(1);
    }
  }

  @keyframes slidedown {
    0% {
      max-height: 0;
    }

    100% {
      max-height: auto;
    }
  }

  @keyframes slideup {
    0% {
      max-height: 1000px;
    }

    100% {
      max-height: 0;
    }
  }

  @keyframes fadeinleft {
    0% {
      opacity: 0;
      transition: transform .12s cubic-bezier(0, 0, .2, 1), opacity .12s cubic-bezier(0, 0, .2, 1);
      transform: translateX(-100%);
    }

    100% {
      opacity: 1;
      transform: translateX(0%);
    }
  }

  @keyframes fadeoutleft {
    0% {
      opacity: 1;
      transition: transform .12s cubic-bezier(0, 0, .2, 1), opacity .12s cubic-bezier(0, 0, .2, 1);
      transform: translateX(0%);
    }

    100% {
      opacity: 0;
      transform: translateX(-100%);
    }
  }

  @keyframes fadeinright {
    0% {
      opacity: 0;
      transition: transform .12s cubic-bezier(0, 0, .2, 1), opacity .12s cubic-bezier(0, 0, .2, 1);
      transform: translateX(100%);
    }

    100% {
      opacity: 1;
      transform: translateX(0%);
    }
  }

  @keyframes fadeoutright {
    0% {
      opacity: 1;
      transition: transform .12s cubic-bezier(0, 0, .2, 1), opacity .12s cubic-bezier(0, 0, .2, 1);
      transform: translateX(0%);
    }

    100% {
      opacity: 0;
      transform: translateX(100%);
    }
  }

  @keyframes fadeinup {
    0% {
      opacity: 0;
      transition: transform .12s cubic-bezier(0, 0, .2, 1), opacity .12s cubic-bezier(0, 0, .2, 1);
      transform: translateY(-100%);
    }

    100% {
      opacity: 1;
      transform: translateY(0%);
    }
  }

  @keyframes fadeoutup {
    0% {
      opacity: 1;
      transition: transform .12s cubic-bezier(0, 0, .2, 1), opacity .12s cubic-bezier(0, 0, .2, 1);
      transform: translateY(0%);
    }

    100% {
      opacity: 0;
      transform: translateY(-100%);
    }
  }

  @keyframes fadeindown {
    0% {
      opacity: 0;
      transition: transform .12s cubic-bezier(0, 0, .2, 1), opacity .12s cubic-bezier(0, 0, .2, 1);
      transform: translateY(100%);
    }

    100% {
      opacity: 1;
      transform: translateY(0%);
    }
  }

  @keyframes fadeoutdown {
    0% {
      opacity: 1;
      transition: transform .12s cubic-bezier(0, 0, .2, 1), opacity .12s cubic-bezier(0, 0, .2, 1);
      transform: translateY(0%);
    }

    100% {
      opacity: 0;
      transform: translateY(100%);
    }
  }

  @keyframes width {
    0% {
      width: 0;
    }

    100% {
      width: 100%;
    }
  }

  @keyframes flip {
    from {
      transform: perspective(2000px)rotateX(-100deg);
    }

    to {
      transform: perspective(2000px)rotateX(0);
    }
  }

  @keyframes flipleft {
    from {
      opacity: 0;
      transform: perspective(2000px)rotateY(-100deg);
    }

    to {
      opacity: 1;
      transform: perspective(2000px)rotateY(0);
    }
  }

  @keyframes flipright {
    from {
      opacity: 0;
      transform: perspective(2000px)rotateY(100deg);
    }

    to {
      opacity: 1;
      transform: perspective(2000px)rotateY(0);
    }
  }

  @keyframes flipup {
    from {
      opacity: 0;
      transform: perspective(2000px)rotateX(-100deg);
    }

    to {
      opacity: 1;
      transform: perspective(2000px)rotateX(0);
    }
  }

  @keyframes zoomin {
    from {
      opacity: 0;
      transform: scale3d(.3, .3, .3);
    }

    50% {
      opacity: 1;
    }
  }

  @keyframes zoomindown {
    from {
      opacity: 0;
      transform: scale3d(.1, .1, .1)translate3d(0, -1000px, 0);
    }

    60% {
      opacity: 1;
      transform: scale3d(.475, .475, .475)translate3d(0, 60px, 0);
    }
  }

  @keyframes zoominleft {
    from {
      opacity: 0;
      transform: scale3d(.1, .1, .1)translate3d(-1000px, 0, 0);
    }

    60% {
      opacity: 1;
      transform: scale3d(.475, .475, .475)translate3d(10px, 0, 0);
    }
  }
}

@font-face {
  font-family: Inter;
  src: url("/assets/Inter-VariableFont_opsz_wght-c8O0ljhh.ttf");
}

@font-face {
  font-family: Inter;
  font-style: italic;
  src: url("/assets/Inter-Italic-VariableFont_opsz_wght-B-9PvMw6.ttf");
}

@font-face {
  font-family: Halvar Breitschrift;
  src: url("/assets/HalvarBreit-Md-Klij3TuJ.woff2") format("woff2"), url("/assets/HalvarBreit-Md-BaYmgwM4.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

:root {
  --main-color: #f0f0f0;
  --blue-color: #2d4b9a;
  --orange-color: #ec6e46;
  --light-orange-color: #f9d3c7;
  --green-color: #7f9428;
  --gray-color: #b4b4b4;
  --gray-light-color: #e8e8e8;
  --gray-dark-color: #606060;
  --red-color: #ff6767;
  --text-color: #444;
  --blue-secondary-color: #8193c2;
  --red-main-color: var(--red-color);
  --blue-tertiary-color: #4a79b1;
  --border-radius: 10px;
  --transition-duration: .2s;
  --font-size-basic: 12px;
  --box-shadow-normal: #0000003d 0px 3px 8px;
  --box-shadow-hover: #00000029 0px 3px 6px;
  --box-shadow-active: #0000001a 0px 3px 4px;
  --text-thead-color: var(--text-color);
  --text-tbody-color: #1e1e1e;
  --text-row-focus-color: var(--blue-color);
  --bg-row-thead-color: var(--gray-light-color);
  --bg-row-hover-color: #f2f6ff;
  --bg-row-focus-color: #d9dfed;
  --bg-cell-color: #fff;
  --border-cell-color: var(--gray-color);
  --btn-bg-primary-color: var(--main-color);
  --btn-bg-hover-color: var(--blue-secondary-color);
  --btn-bg-active-color: var(--blue-color);
  --btn-red-color: var(--red-color);
  --btn-green-color: var(--green-color);
  --btn-box-shadow: var(--box-shadow-normal);
  --btn-box-shadow-hover: var(--box-shadow-hover);
  --btn-box-shadow-active: var(--box-shadow-active);
  --btn-icon-height: 35px;
  --btn-icon-width: 35px;
  --modal-window-header-color: var(--gray-light-color);
  --modal-window-footer-color: var(--gray-light-color);
  --modal-window-box-shadow: #0006 5px 5px 30px;
  --filed-height: 40px;
  --field-padding: 10px;
  --field-text-color: var(--text-color);
  --field-placeholder-text-color: var(--gray-color);
  --field-border-size: 2px;
  --field-border-color: var(--gray-color);
  --field-bg-color: #fff;
  --field-hover-border-color: var(--blue-secondary-color);
  --field-focus-border-color: var(--blue-color);
  --field-disabled-border-color: var(--gray-color);
  --field-disabled-bg-color: var(--main-color);
  --field-error-border-color: var(--red-color);
  --field-error-text-color: var(--red-color);
  --sidebar-bg-color: #d9dfed;
  --sidebar-box-shadow: var(--box-shadow-normal);
  --p-primary-50: #ecfdf5;
  --p-primary-100: #d1fae5;
  --p-primary-200: #a7f3d0;
  --p-primary-300: #6ee7b7;
  --p-primary-400: #34d399;
  --p-primary-500: #10b981;
  --p-primary-600: #059669;
  --p-primary-700: #047857;
  --p-primary-800: #065f46;
  --p-primary-900: #064e3b;
  --p-primary-950: #022c22;
  --p-surface-0: #fff;
  --p-surface-50: #fafafa;
  --p-surface-100: #f4f4f5;
  --p-surface-200: #e4e4e7;
  --p-surface-300: #d4d4d8;
  --p-surface-400: #a1a1aa;
  --p-surface-500: #71717a;
  --p-surface-600: #52525b;
  --p-surface-700: #3f3f46;
  --p-surface-800: #27272a;
  --p-surface-900: #18181b;
  --p-surface-950: #09090b;
  --p-content-border-radius: 6px;
  --p-primary-color: var(--p-primary-500);
  --p-primary-contrast-color: var(--p-surface-0);
  --p-primary-hover-color: var(--p-primary-600);
  --p-primary-active-color: var(--p-primary-700);
  --p-content-border-color: var(--p-surface-200);
  --p-content-hover-background: var(--p-surface-100);
  --p-content-hover-color: var(--p-surface-800);
  --p-highlight-background: var(--p-primary-50);
  --p-highlight-color: var(--p-primary-700);
  --p-highlight-focus-background: var(--p-primary-100);
  --p-highlight-focus-color: var(--p-primary-800);
  --p-text-color: var(--p-surface-700);
  --p-text-hover-color: var(--p-surface-800);
  --p-text-muted-color: var(--p-surface-500);
  --p-text-hover-muted-color: var(--p-surface-600);
}

@media (prefers-color-scheme: dark) {
  :root {
    --p-primary-color: var(--p-primary-400);
    --p-primary-contrast-color: var(--p-surface-900);
    --p-primary-hover-color: var(--p-primary-300);
    --p-primary-active-color: var(--p-primary-200);
    --p-content-border-color: var(--p-surface-700);
    --p-content-hover-background: var(--p-surface-800);
    --p-content-hover-color: var(--p-surface-0);
    --p-highlight-background: var(--p-primary-400);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :root {
      --p-highlight-background: color-mix(in srgb, var(--p-primary-400), transparent 84%);
    }
  }

  :root {
    --p-highlight-color: #ffffffde;
    --p-highlight-focus-background: var(--p-primary-400);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :root {
      --p-highlight-focus-background: color-mix(in srgb, var(--p-primary-400), transparent 76%);
    }
  }

  :root {
    --p-highlight-focus-color: #ffffffde;
    --p-text-color: var(--p-surface-0);
    --p-text-hover-color: var(--p-surface-0);
    --p-text-muted-color: var(--p-surface-400);
    --p-text-hover-muted-color: var(--p-surface-300);
  }
}

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

::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}

::-webkit-scrollbar-track {
  background: none;
}

::-webkit-scrollbar-thumb {
  background-color: var(--blue-color);
  border-radius: 9999px;
}

@-moz-document url-prefix() {
  * {
    scrollbar-width: thin;
    scrollbar-color: var(--blue-color) transparent;
  }
}

html, body {
  color: var(--text-color);
  font-optical-sizing: auto;
  flex-direction: column;
  height: 100dvh;
  margin: 0;
  padding: 0;
  font-family: Inter, serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  display: flex;
  overflow: hidden;
}

@media screen and (min-width: 768px) {
  body {
    font-size: 12px;
  }
}

@media screen and (min-width: 1024px) {
  body {
    font-size: 12px;
  }
}

@media screen and (min-width: 1280px) {
  body {
    font-size: 12px;
  }
}

#app {
  height: 100dvh;
}

input[type="text"] {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  margin: 0;
}

input[type="checkbox"] {
  appearance: none;
  border: 2px solid var(--gray-color);
  cursor: pointer;
  background-color: #fff;
  border-radius: 4px;
  width: 14px;
  height: 14px;
  transition: all .2s;
  position: relative;
}

input[type="checkbox"]:hover {
  border-color: var(--gray-color);
}

input[type="checkbox"]:active {
  transform: scale(.9);
}

input[type="checkbox"]:checked {
  background-color: var(--blue-color);
  border-color: var(--blue-color);
}

input[type="checkbox"]:checked:after {
  content: "";
  border-bottom: 2px solid #fff;
  border-right: 2px solid #fff;
  width: 4px;
  height: 8px;
  position: absolute;
  top: 1px;
  left: 3.45px;
  transform: rotate(45deg);
}

input[type="radio"] {
  appearance: none;
  border: 2px solid var(--gray-color);
  cursor: pointer;
  background-color: #fff;
  border-radius: 100%;
  width: 14px;
  height: 14px;
  transition: background-color .2s, border-color .2s, transform .2s;
  position: relative;
}

input[type="radio"]:hover {
  border-color: var(--blue-color);
}

input[type="radio"]:active {
  transform: scale(.9);
}

input[type="radio"]:checked {
  border-color: var(--blue-color);
  background-color: #fff;
}

input[type="radio"]:checked:after {
  content: "";
  background-color: var(--blue-color);
  border-radius: 50%;
  width: 6px;
  height: 6px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.p-password-input {
  width: 100%;
}

.page-wrapper {
  flex-direction: column;
  height: 100%;
  padding: 10px;
  display: flex;
}

@media screen and (min-width: 1280px) {
  .page-wrapper {
    padding: 20px 10px;
  }
}

@media screen and (min-width: 1920px) {
  .page-wrapper {
    padding: 30px 15px;
  }
}

@property --tw-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-translate-z {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-rotate-x {
  syntax: "*";
  inherits: false
}

@property --tw-rotate-y {
  syntax: "*";
  inherits: false
}

@property --tw-rotate-z {
  syntax: "*";
  inherits: false
}

@property --tw-skew-x {
  syntax: "*";
  inherits: false
}

@property --tw-skew-y {
  syntax: "*";
  inherits: false
}

@property --tw-space-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-space-x-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}

@property --tw-leading {
  syntax: "*";
  inherits: false
}

@property --tw-font-weight {
  syntax: "*";
  inherits: false
}

@property --tw-ordinal {
  syntax: "*";
  inherits: false
}

@property --tw-slashed-zero {
  syntax: "*";
  inherits: false
}

@property --tw-numeric-figure {
  syntax: "*";
  inherits: false
}

@property --tw-numeric-spacing {
  syntax: "*";
  inherits: false
}

@property --tw-numeric-fraction {
  syntax: "*";
  inherits: false
}

@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-ring-color {
  syntax: "*";
  inherits: false
}

@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false
}

@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-ring-inset {
  syntax: "*";
  inherits: false
}

@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0;
}

@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}

@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-outline-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}

@property --tw-blur {
  syntax: "*";
  inherits: false
}

@property --tw-brightness {
  syntax: "*";
  inherits: false
}

@property --tw-contrast {
  syntax: "*";
  inherits: false
}

@property --tw-grayscale {
  syntax: "*";
  inherits: false
}

@property --tw-hue-rotate {
  syntax: "*";
  inherits: false
}

@property --tw-invert {
  syntax: "*";
  inherits: false
}

@property --tw-opacity {
  syntax: "*";
  inherits: false
}

@property --tw-saturate {
  syntax: "*";
  inherits: false
}

@property --tw-sepia {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-blur {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-brightness {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-contrast {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-grayscale {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-hue-rotate {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-invert {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-opacity {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-saturate {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-sepia {
  syntax: "*";
  inherits: false
}

@property --tw-duration {
  syntax: "*";
  inherits: false
}

@property --tw-ease {
  syntax: "*";
  inherits: false
}
.p-select {
  border-width: var(--field-border-size) !important;
  border-color: var(--field-border-color) !important;
  border-radius: var(--border-radius) !important;
}

.p-select-overlay {
  box-shadow: var(--box-shadow-normal) !important;
  border-radius: var(--border-radius) !important;
  min-width: min-content !important;
  padding: 5px !important;
}
.p-select-overlay .p-focus {
  background-color: #f2f6ff !important;
  border-radius: var(--border-radius) !important;
}
.p-select-overlay .p-select-list-container {
  width: 100% !important;
  overflow-x: hidden !important;
  width: min-content !important;
}
.p-select-overlay .p-select-option {
  width: min-content !important;
  height: auto !important;
}
.p-select-overlay .p-select-option-label {
  color: var(--text-color) !important;
}
.p-select-overlay .p-select-option-selected {
  background-color: #d9dfed !important;
}@font-face {
    font-family: 'primeicons';
    font-display: block;
    src: url('/assets/primeicons-DMOk5skT.eot');
    src: url('/assets/primeicons-DMOk5skT.eot?#iefix') format('embedded-opentype'), url('/assets/primeicons-C6QP2o4f.woff2') format('woff2'), url('/assets/primeicons-WjwUDZjB.woff') format('woff'), url('/assets/primeicons-MpK4pl85.ttf') format('truetype'), url('/assets/primeicons-Dr5RGzOO.svg?#primeicons') format('svg');
    font-weight: normal;
    font-style: normal;
}

.pi {
    font-family: 'primeicons';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.pi:before {
    --webkit-backface-visibility:hidden;
    backface-visibility: hidden;
}

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

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

@media (prefers-reduced-motion: reduce) {
  .pi-spin {
    -webkit-animation-delay: -1ms;
    animation-delay: -1ms;
    -webkit-animation-duration: 1ms;
    animation-duration: 1ms;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transition-duration: 0s;
    transition-duration: 0s;
  }
}

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

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

.pi-folder-plus:before {
    content: "\ea05";
}

.pi-receipt:before {
    content: "\ea06";
}

.pi-asterisk:before {
    content: "\ea07";
}

.pi-face-smile:before {
    content: "\ea08";
}

.pi-pinterest:before {
    content: "\ea09";
}

.pi-expand:before {
    content: "\ea0a";
}

.pi-pen-to-square:before {
    content: "\ea0b";
}

.pi-wave-pulse:before {
    content: "\ea0c";
}

.pi-turkish-lira:before {
    content: "\ea0d";
}

.pi-spinner-dotted:before {
    content: "\ea0e";
}

.pi-crown:before {
    content: "\ea0f";
}

.pi-pause-circle:before {
    content: "\ea10";
}

.pi-warehouse:before {
    content: "\ea11";
}

.pi-objects-column:before {
    content: "\ea12";
}

.pi-clipboard:before {
    content: "\ea13";
}

.pi-play-circle:before {
    content: "\ea14";
}

.pi-venus:before {
    content: "\ea15";
}

.pi-cart-minus:before {
    content: "\ea16";
}

.pi-file-plus:before {
    content: "\ea17";
}

.pi-microchip:before {
    content: "\ea18";
}

.pi-twitch:before {
    content: "\ea19";
}

.pi-building-columns:before {
    content: "\ea1a";
}

.pi-file-check:before {
    content: "\ea1b";
}

.pi-microchip-ai:before {
    content: "\ea1c";
}

.pi-trophy:before {
    content: "\ea1d";
}

.pi-barcode:before {
    content: "\ea1e";
}

.pi-file-arrow-up:before {
    content: "\ea1f";
}

.pi-mars:before {
    content: "\ea20";
}

.pi-tiktok:before {
    content: "\ea21";
}

.pi-arrow-up-right-and-arrow-down-left-from-center:before {
    content: "\ea22";
}

.pi-ethereum:before {
    content: "\ea23";
}

.pi-list-check:before {
    content: "\ea24";
}

.pi-thumbtack:before {
    content: "\ea25";
}

.pi-arrow-down-left-and-arrow-up-right-to-center:before {
    content: "\ea26";
}

.pi-equals:before {
    content: "\ea27";
}

.pi-lightbulb:before {
    content: "\ea28";
}

.pi-star-half:before {
    content: "\ea29";
}

.pi-address-book:before {
    content: "\ea2a";
}

.pi-chart-scatter:before {
    content: "\ea2b";
}

.pi-indian-rupee:before {
    content: "\ea2c";
}

.pi-star-half-fill:before {
    content: "\ea2d";
}

.pi-cart-arrow-down:before {
    content: "\ea2e";
}

.pi-calendar-clock:before {
    content: "\ea2f";
}

.pi-sort-up-fill:before {
    content: "\ea30";
}

.pi-sparkles:before {
    content: "\ea31";
}

.pi-bullseye:before {
    content: "\ea32";
}

.pi-sort-down-fill:before {
    content: "\ea33";
}

.pi-graduation-cap:before {
    content: "\ea34";
}

.pi-hammer:before {
    content: "\ea35";
}

.pi-bell-slash:before {
    content: "\ea36";
}

.pi-gauge:before {
    content: "\ea37";
}

.pi-shop:before {
    content: "\ea38";
}

.pi-headphones:before {
    content: "\ea39";
}

.pi-eraser:before {
    content: "\ea04";
}

.pi-stopwatch:before {
    content: "\ea01";
}

.pi-verified:before {
    content: "\ea02";
}

.pi-delete-left:before {
    content: "\ea03";
}

.pi-hourglass:before {
    content: "\e9fe";
}

.pi-truck:before {
    content: "\ea00";
}

.pi-wrench:before {
    content: "\e9ff";
}

.pi-microphone:before {
    content: "\e9fa";
}

.pi-megaphone:before {
    content: "\e9fb";
}

.pi-arrow-right-arrow-left:before {
    content: "\e9fc";
}

.pi-bitcoin:before {
    content: "\e9fd";
}

.pi-file-edit:before {
    content: "\e9f6";
}

.pi-language:before {
    content: "\e9f7";
}

.pi-file-export:before {
    content: "\e9f8";
}

.pi-file-import:before {
    content: "\e9f9";
}

.pi-file-word:before {
    content: "\e9f1";
}

.pi-gift:before {
    content: "\e9f2";
}

.pi-cart-plus:before {
    content: "\e9f3";
}

.pi-thumbs-down-fill:before {
    content: "\e9f4";
}

.pi-thumbs-up-fill:before {
    content: "\e9f5";
}

.pi-arrows-alt:before {
    content: "\e9f0";
}

.pi-calculator:before {
    content: "\e9ef";
}

.pi-sort-alt-slash:before {
    content: "\e9ee";
}

.pi-arrows-h:before {
    content: "\e9ec";
}

.pi-arrows-v:before {
    content: "\e9ed";
}

.pi-pound:before {
    content: "\e9eb";
}

.pi-prime:before {
    content: "\e9ea";
}

.pi-chart-pie:before {
    content: "\e9e9";
}

.pi-reddit:before {
    content: "\e9e8";
}

.pi-code:before {
    content: "\e9e7";
}

.pi-sync:before {
    content: "\e9e6";
}

.pi-shopping-bag:before {
    content: "\e9e5";
}

.pi-server:before {
    content: "\e9e4";
}

.pi-database:before {
    content: "\e9e3";
}

.pi-hashtag:before {
    content: "\e9e2";
}

.pi-bookmark-fill:before {
    content: "\e9df";
}

.pi-filter-fill:before {
    content: "\e9e0";
}

.pi-heart-fill:before {
    content: "\e9e1";
}

.pi-flag-fill:before {
    content: "\e9de";
}

.pi-circle:before {
    content: "\e9dc";
}

.pi-circle-fill:before {
    content: "\e9dd";
}

.pi-bolt:before {
    content: "\e9db";
}

.pi-history:before {
    content: "\e9da";
}

.pi-box:before {
    content: "\e9d9";
}

.pi-at:before {
    content: "\e9d8";
}

.pi-arrow-up-right:before {
    content: "\e9d4";
}

.pi-arrow-up-left:before {
    content: "\e9d5";
}

.pi-arrow-down-left:before {
    content: "\e9d6";
}

.pi-arrow-down-right:before {
    content: "\e9d7";
}

.pi-telegram:before {
    content: "\e9d3";
}

.pi-stop-circle:before {
    content: "\e9d2";
}

.pi-stop:before {
    content: "\e9d1";
}

.pi-whatsapp:before {
    content: "\e9d0";
}

.pi-building:before {
    content: "\e9cf";
}

.pi-qrcode:before {
    content: "\e9ce";
}

.pi-car:before {
    content: "\e9cd";
}

.pi-instagram:before {
    content: "\e9cc";
}

.pi-linkedin:before {
    content: "\e9cb";
}

.pi-send:before {
    content: "\e9ca";
}

.pi-slack:before {
    content: "\e9c9";
}

.pi-sun:before {
    content: "\e9c8";
}

.pi-moon:before {
    content: "\e9c7";
}

.pi-vimeo:before {
    content: "\e9c6";
}

.pi-youtube:before {
    content: "\e9c5";
}

.pi-flag:before {
    content: "\e9c4";
}

.pi-wallet:before {
    content: "\e9c3";
}

.pi-map:before {
    content: "\e9c2";
}

.pi-link:before {
    content: "\e9c1";
}

.pi-credit-card:before {
    content: "\e9bf";
}

.pi-discord:before {
    content: "\e9c0";
}

.pi-percentage:before {
    content: "\e9be";
}

.pi-euro:before {
    content: "\e9bd";
}

.pi-book:before {
    content: "\e9ba";
}

.pi-shield:before {
    content: "\e9b9";
}

.pi-paypal:before {
    content: "\e9bb";
}

.pi-amazon:before {
    content: "\e9bc";
}

.pi-phone:before {
    content: "\e9b8";
}

.pi-filter-slash:before {
    content: "\e9b7";
}

.pi-facebook:before {
    content: "\e9b4";
}

.pi-github:before {
    content: "\e9b5";
}

.pi-twitter:before {
    content: "\e9b6";
}

.pi-step-backward-alt:before {
    content: "\e9ac";
}

.pi-step-forward-alt:before {
    content: "\e9ad";
}

.pi-forward:before {
    content: "\e9ae";
}

.pi-backward:before {
    content: "\e9af";
}

.pi-fast-backward:before {
    content: "\e9b0";
}

.pi-fast-forward:before {
    content: "\e9b1";
}

.pi-pause:before {
    content: "\e9b2";
}

.pi-play:before {
    content: "\e9b3";
}

.pi-compass:before {
    content: "\e9ab";
}

.pi-id-card:before {
    content: "\e9aa";
}

.pi-ticket:before {
    content: "\e9a9";
}

.pi-file-o:before {
    content: "\e9a8";
}

.pi-reply:before {
    content: "\e9a7";
}

.pi-directions-alt:before {
    content: "\e9a5";
}

.pi-directions:before {
    content: "\e9a6";
}

.pi-thumbs-up:before {
    content: "\e9a3";
}

.pi-thumbs-down:before {
    content: "\e9a4";
}

.pi-sort-numeric-down-alt:before {
    content: "\e996";
}

.pi-sort-numeric-up-alt:before {
    content: "\e997";
}

.pi-sort-alpha-down-alt:before {
    content: "\e998";
}

.pi-sort-alpha-up-alt:before {
    content: "\e999";
}

.pi-sort-numeric-down:before {
    content: "\e99a";
}

.pi-sort-numeric-up:before {
    content: "\e99b";
}

.pi-sort-alpha-down:before {
    content: "\e99c";
}

.pi-sort-alpha-up:before {
    content: "\e99d";
}

.pi-sort-alt:before {
    content: "\e99e";
}

.pi-sort-amount-up:before {
    content: "\e99f";
}

.pi-sort-amount-down:before {
    content: "\e9a0";
}

.pi-sort-amount-down-alt:before {
    content: "\e9a1";
}

.pi-sort-amount-up-alt:before {
    content: "\e9a2";
}

.pi-palette:before {
    content: "\e995";
}

.pi-undo:before {
    content: "\e994";
}

.pi-desktop:before {
    content: "\e993";
}

.pi-sliders-v:before {
    content: "\e991";
}

.pi-sliders-h:before {
    content: "\e992";
}

.pi-search-plus:before {
    content: "\e98f";
}

.pi-search-minus:before {
    content: "\e990";
}

.pi-file-excel:before {
    content: "\e98e";
}

.pi-file-pdf:before {
    content: "\e98d";
}

.pi-check-square:before {
    content: "\e98c";
}

.pi-chart-line:before {
    content: "\e98b";
}

.pi-user-edit:before {
    content: "\e98a";
}

.pi-exclamation-circle:before {
    content: "\e989";
}

.pi-android:before {
    content: "\e985";
}

.pi-google:before {
    content: "\e986";
}

.pi-apple:before {
    content: "\e987";
}

.pi-microsoft:before {
    content: "\e988";
}

.pi-heart:before {
    content: "\e984";
}

.pi-mobile:before {
    content: "\e982";
}

.pi-tablet:before {
    content: "\e983";
}

.pi-key:before {
    content: "\e981";
}

.pi-shopping-cart:before {
    content: "\e980";
}

.pi-comments:before {
    content: "\e97e";
}

.pi-comment:before {
    content: "\e97f";
}

.pi-briefcase:before {
    content: "\e97d";
}

.pi-bell:before {
    content: "\e97c";
}

.pi-paperclip:before {
    content: "\e97b";
}

.pi-share-alt:before {
    content: "\e97a";
}

.pi-envelope:before {
    content: "\e979";
}

.pi-volume-down:before {
    content: "\e976";
}

.pi-volume-up:before {
    content: "\e977";
}

.pi-volume-off:before {
    content: "\e978";
}

.pi-eject:before {
    content: "\e975";
}

.pi-money-bill:before {
    content: "\e974";
}

.pi-images:before {
    content: "\e973";
}

.pi-image:before {
    content: "\e972";
}

.pi-sign-in:before {
    content: "\e970";
}

.pi-sign-out:before {
    content: "\e971";
}

.pi-wifi:before {
    content: "\e96f";
}

.pi-sitemap:before {
    content: "\e96e";
}

.pi-chart-bar:before {
    content: "\e96d";
}

.pi-camera:before {
    content: "\e96c";
}

.pi-dollar:before {
    content: "\e96b";
}

.pi-lock-open:before {
    content: "\e96a";
}

.pi-table:before {
    content: "\e969";
}

.pi-map-marker:before {
    content: "\e968";
}

.pi-list:before {
    content: "\e967";
}

.pi-eye-slash:before {
    content: "\e965";
}

.pi-eye:before {
    content: "\e966";
}

.pi-folder-open:before {
    content: "\e964";
}

.pi-folder:before {
    content: "\e963";
}

.pi-video:before {
    content: "\e962";
}

.pi-inbox:before {
    content: "\e961";
}

.pi-lock:before {
    content: "\e95f";
}

.pi-unlock:before {
    content: "\e960";
}

.pi-tags:before {
    content: "\e95d";
}

.pi-tag:before {
    content: "\e95e";
}

.pi-power-off:before {
    content: "\e95c";
}

.pi-save:before {
    content: "\e95b";
}

.pi-question-circle:before {
    content: "\e959";
}

.pi-question:before {
    content: "\e95a";
}

.pi-copy:before {
    content: "\e957";
}

.pi-file:before {
    content: "\e958";
}

.pi-clone:before {
    content: "\e955";
}

.pi-calendar-times:before {
    content: "\e952";
}

.pi-calendar-minus:before {
    content: "\e953";
}

.pi-calendar-plus:before {
    content: "\e954";
}

.pi-ellipsis-v:before {
    content: "\e950";
}

.pi-ellipsis-h:before {
    content: "\e951";
}

.pi-bookmark:before {
    content: "\e94e";
}

.pi-globe:before {
    content: "\e94f";
}

.pi-replay:before {
    content: "\e94d";
}

.pi-filter:before {
    content: "\e94c";
}

.pi-print:before {
    content: "\e94b";
}

.pi-align-right:before {
    content: "\e946";
}

.pi-align-left:before {
    content: "\e947";
}

.pi-align-center:before {
    content: "\e948";
}

.pi-align-justify:before {
    content: "\e949";
}

.pi-cog:before {
    content: "\e94a";
}

.pi-cloud-download:before {
    content: "\e943";
}

.pi-cloud-upload:before {
    content: "\e944";
}

.pi-cloud:before {
    content: "\e945";
}

.pi-pencil:before {
    content: "\e942";
}

.pi-users:before {
    content: "\e941";
}

.pi-clock:before {
    content: "\e940";
}

.pi-user-minus:before {
    content: "\e93e";
}

.pi-user-plus:before {
    content: "\e93f";
}

.pi-trash:before {
    content: "\e93d";
}

.pi-external-link:before {
    content: "\e93c";
}

.pi-window-maximize:before {
    content: "\e93b";
}

.pi-window-minimize:before {
    content: "\e93a";
}

.pi-refresh:before {
    content: "\e938";
}
  
.pi-user:before {
    content: "\e939";
}

.pi-exclamation-triangle:before {
    content: "\e922";
}

.pi-calendar:before {
    content: "\e927";
}

.pi-chevron-circle-left:before {
    content: "\e928";
}

.pi-chevron-circle-down:before {
    content: "\e929";
}

.pi-chevron-circle-right:before {
    content: "\e92a";
}

.pi-chevron-circle-up:before {
    content: "\e92b";
}

.pi-angle-double-down:before {
    content: "\e92c";
}

.pi-angle-double-left:before {
    content: "\e92d";
}

.pi-angle-double-right:before {
    content: "\e92e";
}

.pi-angle-double-up:before {
    content: "\e92f";
}

.pi-angle-down:before {
    content: "\e930";
}

.pi-angle-left:before {
    content: "\e931";
}

.pi-angle-right:before {
    content: "\e932";
}

.pi-angle-up:before {
    content: "\e933";
}

.pi-upload:before {
    content: "\e934";
}

.pi-download:before {
    content: "\e956";
}

.pi-ban:before {
    content: "\e935";
}

.pi-star-fill:before {
    content: "\e936";
}

.pi-star:before {
    content: "\e937";
}

.pi-chevron-left:before {
    content: "\e900";
}

.pi-chevron-right:before {
    content: "\e901";
}

.pi-chevron-down:before {
    content: "\e902";
}

.pi-chevron-up:before {
    content: "\e903";
}

.pi-caret-left:before {
    content: "\e904";
}

.pi-caret-right:before {
    content: "\e905";
}

.pi-caret-down:before {
    content: "\e906";
}

.pi-caret-up:before {
    content: "\e907";
}

.pi-search:before {
    content: "\e908";
}

.pi-check:before {
    content: "\e909";
}

.pi-check-circle:before {
    content: "\e90a";
}

.pi-times:before {
    content: "\e90b";
}

.pi-times-circle:before {
    content: "\e90c";
}

.pi-plus:before {
    content: "\e90d";
}

.pi-plus-circle:before {
    content: "\e90e";
}

.pi-minus:before {
    content: "\e90f";
}

.pi-minus-circle:before {
    content: "\e910";
}

.pi-circle-on:before {
    content: "\e911";
}

.pi-circle-off:before {
    content: "\e912";
}

.pi-sort-down:before {
    content: "\e913";
}

.pi-sort-up:before {
    content: "\e914";
}

.pi-sort:before {
    content: "\e915";
}

.pi-step-backward:before {
    content: "\e916";
}

.pi-step-forward:before {
    content: "\e917";
}

.pi-th-large:before {
    content: "\e918";
}

.pi-arrow-down:before {
    content: "\e919";
}

.pi-arrow-left:before {
    content: "\e91a";
}

.pi-arrow-right:before {
    content: "\e91b";
}

.pi-arrow-up:before {
    content: "\e91c";
}

.pi-bars:before {
    content: "\e91d";
}

.pi-arrow-circle-down:before {
    content: "\e91e";
}

.pi-arrow-circle-left:before {
    content: "\e91f";
}

.pi-arrow-circle-right:before {
    content: "\e920";
}

.pi-arrow-circle-up:before {
    content: "\e921";
}

.pi-info:before {
    content: "\e923";
}

.pi-info-circle:before {
    content: "\e924";
}

.pi-home:before {
    content: "\e925";
}

.pi-spinner:before {
    content: "\e926";
}