/*!***********************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./src/shared/viact-ui/ProgressBar/ProgressBar.scss ***!
  \***********************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap);
/*!*******************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./src/shared/viact-ui/StepProgressBar/StepProgressBar.scss ***!
  \*******************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap);
/*!*************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./src/shared/viact-ui/Issuer/Issuer.scss ***!
  \*************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap);
/*!*************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./src/shared/viact-ui/Button/Button.scss ***!
  \*************************************************************************************************************************************************************/
/**
 * Global SCSS Variables
 * Mirrors uiV2 theme tokens for reuse outside the component library.
 */
/**
 * Viact Design System - Button Styles
 * Based on Figma design: https://www.figma.com/design/NY44S3EzmRfMKvNDrgeIXy/Viact---XZY?node-id=60-14850
 */
/**
 * Global SCSS Variables
 * Mirrors uiV2 theme tokens for reuse outside the component library.
 */
.viact-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  font-family: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-weight: 500;
  border: none;
  cursor: pointer;
  transition: all 0.2s ease;
  outline: none;
  white-space: nowrap;
  box-sizing: border-box;
}
.viact-btn:focus-visible {
  box-shadow: 0 0 0 2px rgba(43, 128, 255, 0.5);
}
.viact-btn:disabled {
  cursor: not-allowed;
}
.viact-btn--large {
  height: 44px;
  min-width: 80px;
  padding: 8px 16px;
  border-radius: 8px;
  font-size: 15px;
  line-height: 20px;
}
.viact-btn--large .viact-btn__icon {
  width: 24px;
  height: 24px;
}
.viact-btn--medium {
  height: 32px;
  min-width: 64px;
  padding: 8px 12px;
  gap: 6px;
  border-radius: 6px;
  font-size: 15px;
  line-height: 20px;
}
.viact-btn--medium .viact-btn__icon {
  width: 20px;
  height: 20px;
}
.viact-btn--small {
  height: 24px;
  min-width: 48px;
  padding: 8px;
  gap: 4px;
  border-radius: 4px;
  font-size: 13px;
  line-height: 18px;
}
.viact-btn--small .viact-btn__icon {
  width: 16px;
  height: 16px;
}
.viact-btn--primary {
  background: linear-gradient(180deg, rgba(43, 128, 255, 0.16) 0%, rgba(43, 128, 255, 0.4) 60%, rgba(43, 128, 255, 0.56) 100%);
  border: 1px solid rgba(43, 128, 255, 0.25);
  color: #ffffff;
}
.viact-btn--primary:hover:not(:disabled) {
  background: linear-gradient(180deg, rgba(43, 128, 255, 0.24) 0%, rgba(43, 128, 255, 0.48) 60%, rgba(43, 128, 255, 0.64) 100%);
}
.viact-btn--primary:active:not(:disabled) {
  background: linear-gradient(180deg, rgba(43, 128, 255, 0.32) 0%, rgba(43, 128, 255, 0.56) 60%, rgba(43, 128, 255, 0.72) 100%);
}
.viact-btn--secondary {
  background: linear-gradient(180deg, rgba(187, 214, 255, 0.08) 0%, rgba(187, 214, 255, 0.16) 60%, rgba(187, 214, 255, 0.24) 100%);
  border: 1px solid rgba(187, 214, 255, 0.08);
  color: #7db1ff;
}
.viact-btn--secondary:hover:not(:disabled) {
  background: linear-gradient(180deg, rgba(187, 214, 255, 0.12) 0%, rgba(187, 214, 255, 0.2) 60%, rgba(187, 214, 255, 0.28) 100%);
}
.viact-btn--secondary:active:not(:disabled) {
  background: linear-gradient(180deg, rgba(187, 214, 255, 0.16) 0%, rgba(187, 214, 255, 0.24) 60%, rgba(187, 214, 255, 0.32) 100%);
}
.viact-btn--tertiary {
  background: linear-gradient(180deg, rgba(187, 214, 255, 0.08) 0%, rgba(187, 214, 255, 0.16) 60%, rgba(187, 214, 255, 0.24) 100%);
  border: 1px solid rgba(187, 214, 255, 0.08);
  color: #ffffff;
}
.viact-btn--tertiary:hover:not(:disabled) {
  background: linear-gradient(180deg, rgba(187, 214, 255, 0.12) 0%, rgba(187, 214, 255, 0.2) 60%, rgba(187, 214, 255, 0.28) 100%);
}
.viact-btn--tertiary:active:not(:disabled) {
  background: linear-gradient(180deg, rgba(187, 214, 255, 0.16) 0%, rgba(187, 214, 255, 0.24) 60%, rgba(187, 214, 255, 0.32) 100%);
}
.viact-btn--destructive {
  background: linear-gradient(180deg, rgba(250, 48, 58, 0.16) 0%, rgba(250, 48, 58, 0.4) 60%, rgba(250, 48, 58, 0.56) 100%);
  border: 1px solid rgba(250, 48, 58, 0.25);
  color: #ffffff;
}
.viact-btn--destructive:hover:not(:disabled) {
  background: linear-gradient(180deg, rgba(250, 48, 58, 0.24) 0%, rgba(250, 48, 58, 0.48) 60%, rgba(250, 48, 58, 0.64) 100%);
}
.viact-btn--destructive:active:not(:disabled) {
  background: linear-gradient(180deg, rgba(250, 48, 58, 0.32) 0%, rgba(250, 48, 58, 0.56) 60%, rgba(250, 48, 58, 0.72) 100%);
}
.viact-btn--ghost {
  background: transparent;
  border: none;
  color: #7db1ff;
}
.viact-btn--ghost:hover:not(:disabled) {
  background: rgba(187, 214, 255, 0.08);
}
.viact-btn--ghost:active:not(:disabled) {
  background: rgba(187, 214, 255, 0.16);
}
.viact-btn--disabled, .viact-btn:disabled {
  background: linear-gradient(180deg, rgba(187, 214, 255, 0.04) 0%, rgba(187, 214, 255, 0.08) 60%, rgba(187, 214, 255, 0.16) 100%);
  border: none;
  color: rgba(229, 240, 255, 0.4);
  cursor: not-allowed;
}
.viact-btn--iconOnly {
  padding: 0;
  min-width: unset;
}
.viact-btn--iconOnly.viact-btn--large {
  width: 40px;
  height: 40px;
}
.viact-btn--iconOnly.viact-btn--medium {
  width: 32px;
  height: 32px;
}
.viact-btn--iconOnly.viact-btn--small {
  width: 24px;
  height: 24px;
}
.viact-btn--fullWidth {
  width: 100%;
}
.viact-btn--loading {
  position: relative;
  color: transparent;
}
.viact-btn--loading .viact-btn__spinner {
  display: flex;
}
.viact-btn__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.viact-btn__icon svg {
  width: 100%;
  height: 100%;
}
.viact-btn__text {
  display: flex;
  align-items: center;
}
.viact-btn__spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: none;
}
.viact-btn__spinnerIcon {
  width: 20px;
  height: 20px;
  animation: viact-btn-spin 1s linear infinite;
  color: currentColor;
}

@keyframes viact-btn-spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
/*!***********************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./src/shared/viact-ui/ButtonGroup/ButtonGroup.scss ***!
  \***********************************************************************************************************************************************************************/
/**
 * Global SCSS Variables
 * Mirrors uiV2 theme tokens for reuse outside the component library.
 */
/**
 * Viact Design System - ButtonGroup Styles
 */
/**
 * Global SCSS Variables
 * Mirrors uiV2 theme tokens for reuse outside the component library.
 */
.viact-button-group {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  border-radius: 8px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: linear-gradient(180deg, rgba(187, 214, 255, 0.08) 0%, rgba(187, 214, 255, 0.16) 60%, rgba(187, 214, 255, 0.24) 100%);
  box-shadow: inset 0px -1px 1px 0px rgba(229, 240, 255, 0.16);
}
.viact-button-group--large {
  height: 40px;
}
.viact-button-group--large .viact-button-group__divider {
  height: 24px;
}
.viact-button-group--medium {
  height: 32px;
}
.viact-button-group--medium .viact-button-group__divider {
  height: 20px;
}
.viact-button-group--small {
  height: 24px;
  gap: 4px;
  border-radius: 6px;
}
.viact-button-group--small .viact-button-group__divider {
  height: 14px;
}
.viact-button-group__item {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.viact-button-group__divider {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1px;
  flex-shrink: 0;
}
.viact-button-group__divider-line {
  width: 1px;
  height: 100%;
  background: rgba(255, 255, 255, 0.08);
  box-shadow: inset 0px -1px 1px 0px rgba(229, 240, 255, 0.16);
}
/*!*****************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./src/shared/viact-ui/LanguageSelector/ActionButton.scss ***!
  \*****************************************************************************************************************************************************************************/
/**
 * Global SCSS Variables
 * Mirrors uiV2 theme tokens for reuse outside the component library.
 */
.viact-action-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  background: transparent;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  transition: background-color 0.2s ease;
  font-family: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-weight: 600;
  color: #ffffff;
  outline: none;
  box-sizing: border-box;
}
.viact-action-btn:hover:not(:disabled) {
  background: rgba(255, 255, 255, 0.08);
}
.viact-action-btn:active:not(:disabled) {
  background: rgba(255, 255, 255, 0.12);
}
.viact-action-btn:focus-visible {
  box-shadow: 0 0 0 2px rgba(43, 128, 255, 0.5);
}
.viact-action-btn--large {
  height: 40px;
  min-width: 40px;
  padding: 8px 12px;
  font-size: 15px;
  line-height: 20px;
}
.viact-action-btn--large .viact-action-btn__icon,
.viact-action-btn--large .viact-action-btn__end-icon {
  width: 24px;
  height: 24px;
}
.viact-action-btn--large.viact-action-btn--icon-only {
  width: 40px;
  padding: 8px;
}
.viact-action-btn--medium {
  height: 32px;
  min-width: 32px;
  padding: 8px 12px;
  font-size: 15px;
  line-height: 20px;
}
.viact-action-btn--medium .viact-action-btn__icon,
.viact-action-btn--medium .viact-action-btn__end-icon {
  width: 20px;
  height: 20px;
}
.viact-action-btn--medium.viact-action-btn--icon-only {
  width: 32px;
  padding: 8px;
}
.viact-action-btn--small {
  height: 24px;
  min-width: 24px;
  padding: 4px 8px;
  gap: 4px;
  font-size: 13px;
  line-height: 18px;
}
.viact-action-btn--small .viact-action-btn__icon,
.viact-action-btn--small .viact-action-btn__end-icon {
  width: 16px;
  height: 16px;
}
.viact-action-btn--small.viact-action-btn--icon-only {
  width: 24px;
  padding: 4px;
}
.viact-action-btn--icon-only {
  padding: 0;
  justify-content: center;
}
.viact-action-btn--icon-only .viact-action-btn__icon {
  position: relative;
}
.viact-action-btn--disabled, .viact-action-btn:disabled {
  color: rgba(229, 240, 255, 0.4);
  cursor: not-allowed;
}
.viact-action-btn--disabled:hover, .viact-action-btn:disabled:hover {
  background: transparent;
}
.viact-action-btn__icon {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.viact-action-btn__icon svg {
  width: 100%;
  height: 100%;
}
.viact-action-btn__end-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.viact-action-btn__end-icon svg {
  width: 100%;
  height: 100%;
}
.viact-action-btn__text {
  display: flex;
  align-items: center;
  white-space: nowrap;
}
.viact-action-btn__badge {
  position: absolute;
  top: -2px;
  right: -2px;
  border-radius: 50%;
}
.viact-action-btn__badge--dot {
  width: 8px;
  height: 8px;
  background: #fa303a;
}
.viact-action-btn__badge--count {
  min-width: 16px;
  height: 16px;
  padding: 0 4px;
  background: #fa303a;
  color: #ffffff;
  font-size: 10px;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  top: -4px;
  right: -4px;
}
/*!*********************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./src/shared/viact-ui/LanguageSelector/LanguageSelector.scss ***!
  \*********************************************************************************************************************************************************************************/
/**
 * Global SCSS Variables
 * Mirrors uiV2 theme tokens for reuse outside the component library.
 */
/**
 * Global SCSS Variables
 * Mirrors uiV2 theme tokens for reuse outside the component library.
 */
.viact-language-selector {
  position: relative;
  display: inline-flex;
}
.viact-language-selector__dropdown {
  position: absolute;
  top: calc(100% + 4px);
  left: 0;
  min-width: 100%;
  padding: 4px;
  border-radius: 8px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: linear-gradient(180deg, rgba(187, 214, 255, 0.12) 0%, rgba(187, 214, 255, 0.2) 60%, rgba(187, 214, 255, 0.28) 100%);
  backdrop-filter: blur(20px);
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4), inset 0px -1px 1px 0px rgba(229, 240, 255, 0.16);
  z-index: 1000;
  animation: viact-dropdown-appear 0.15s ease-out;
}
.viact-language-selector__option {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  padding: 8px 12px;
  background: transparent;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  color: #ffffff;
  font-family: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-size: 14px;
  font-weight: 500;
  text-align: left;
  transition: background-color 0.15s ease;
}
.viact-language-selector__option:hover {
  background: rgba(255, 255, 255, 0.08);
}
.viact-language-selector__option--selected {
  background: rgba(43, 128, 255, 0.2);
}
.viact-language-selector__option--selected:hover {
  background: rgba(43, 128, 255, 0.25);
}
.viact-language-selector__option-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 14px;
  flex-shrink: 0;
  border-radius: 2px;
  overflow: hidden;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}
.viact-language-selector__option-icon svg,
.viact-language-selector__option-icon img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.viact-language-selector__option-label {
  flex: 1;
}
.viact-language-selector--open .viact-action-btn__end-icon {
  transform: rotate(180deg);
}
.viact-language-selector .viact-action-btn__end-icon {
  transition: transform 0.2s ease;
}
.viact-language-selector--disabled {
  pointer-events: none;
  opacity: 0.5;
}
.viact-language-selector--large .viact-language-selector__dropdown {
  top: calc(100% + 6px);
}
.viact-language-selector--large .viact-language-selector__option {
  padding: 10px 14px;
  font-size: 15px;
}
.viact-language-selector--large .viact-language-selector__option-icon {
  width: 24px;
  height: 16px;
}
.viact-language-selector--small .viact-language-selector__dropdown {
  top: calc(100% + 2px);
  padding: 2px;
}
.viact-language-selector--small .viact-language-selector__option {
  padding: 6px 8px;
  font-size: 12px;
  gap: 6px;
}
.viact-language-selector--small .viact-language-selector__option-icon {
  width: 16px;
  height: 11px;
}

@keyframes viact-dropdown-appear {
  from {
    opacity: 0;
    transform: translateY(-4px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
/*!***********************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./src/shared/viact-ui/Input/Input.scss ***!
  \***********************************************************************************************************************************************************/
/**
 * Global SCSS Variables
 * Mirrors uiV2 theme tokens for reuse outside the component library.
 */
/**
 * Viact Design System - Input Styles
 * Based on Figma design: https://www.figma.com/design/NY44S3EzmRfMKvNDrgeIXy/Viact---XZY?node-id=4115-17738
 */
/**
 * Global SCSS Variables
 * Mirrors uiV2 theme tokens for reuse outside the component library.
 */
.viact-input-wrapper {
  display: flex;
  flex-direction: column;
  gap: 4px;
  width: fit-content;
}
.viact-input-wrapper--fullWidth {
  width: 100%;
}

.viact-input__label-container {
  display: flex;
  align-items: center;
  gap: 2px;
}

.viact-input__label {
  font-family: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.2px;
  color: #e5f0ff;
}

.viact-input__required {
  color: #fa303a;
  margin-left: 2px;
}

.viact-input__optional {
  color: rgba(229, 240, 255, 0.64);
  margin-left: 4px;
}

.viact-input-container {
  display: flex;
  align-items: center;
  background: rgba(0, 9, 32, 0.5);
  border: 1px solid rgba(255, 255, 255, 0.12);
  box-shadow: inset 0px 0px 6px 0px rgba(0, 9, 32, 0.32);
  transition: all 0.2s ease;
  box-sizing: border-box;
}
.viact-input-container--large {
  height: 44px;
  padding: 12px 16px;
  gap: 8px;
  border-radius: 8px;
}
.viact-input-container--large .viact-input {
  font-size: 14px;
  line-height: 20px;
}
.viact-input-container--large .viact-input__icon {
  width: 20px;
  height: 20px;
}
.viact-input-container--medium {
  height: 36px;
  padding: 8px 12px;
  gap: 6px;
  border-radius: 6px;
}
.viact-input-container--medium .viact-input {
  font-size: 14px;
  line-height: 20px;
}
.viact-input-container--medium .viact-input__icon {
  width: 20px;
  height: 20px;
}
.viact-input-container--small {
  height: 32px;
  padding: 8px;
  gap: 4px;
  border-radius: 4px;
}
.viact-input-container--small .viact-input {
  font-size: 13px;
  line-height: 18px;
}
.viact-input-container--small .viact-input__icon {
  width: 16px;
  height: 16px;
}
.viact-input-container--default:hover:not(.viact-input-container--disabled) {
  box-shadow: 0px 0px 4px 0px rgba(43, 128, 255, 0.5), inset 0px 0px 6px 0px rgba(0, 9, 32, 0.32);
}
.viact-input-container--focused {
  border: 1px solid #2b80ff;
  box-shadow: 0px 0px 4px 0px rgb(43, 128, 255), inset 0px 0px 6px 0px rgba(0, 9, 32, 0.32);
}
.viact-input-container--error {
  border: 1px solid #fa303a;
  box-shadow: 0px 0px 4px 0px rgb(250, 48, 58), inset 0px 0px 6px 0px rgba(0, 9, 32, 0.32);
}
.viact-input-container--disabled {
  background: rgba(255, 255, 255, 0.08);
  cursor: not-allowed;
}
.viact-input-container--disabled .viact-input {
  color: rgba(229, 240, 255, 0.4);
  cursor: not-allowed;
}
.viact-input-container--filled .viact-input {
  color: #e5f0ff;
}

.viact-input {
  flex: 1;
  background: transparent;
  border: none;
  outline: none;
  font-family: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-weight: 400;
  color: rgba(229, 240, 255, 0.64);
  min-width: 0;
}
.viact-input::placeholder {
  color: rgba(229, 240, 255, 0.64);
}
.viact-input:focus {
  color: #e5f0ff;
}
.viact-input:-webkit-autofill, .viact-input:-webkit-autofill:hover, .viact-input:-webkit-autofill:focus, .viact-input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 30px transparent inset !important;
  -webkit-text-fill-color: #e5f0ff !important;
  background-color: transparent !important;
  background-clip: content-box !important;
  transition: background-color 5000s ease-in-out 0s;
}

.viact-input__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  color: rgba(229, 240, 255, 0.64);
}
.viact-input__icon svg {
  width: 100%;
  height: 100%;
}

.viact-input__helper-text {
  font-family: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-weight: 400;
  font-size: 11px;
  line-height: 14px;
  letter-spacing: 0.2px;
  color: rgba(229, 240, 255, 0.64);
}
.viact-input__helper-text--error {
  color: #fa303a;
}
/*!*****************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./src/shared/viact-ui/TextArea/TextArea.scss ***!
  \*****************************************************************************************************************************************************************/
/**
 * Global SCSS Variables
 * Mirrors uiV2 theme tokens for reuse outside the component library.
 */
/**
 * Viact Design System - TextArea Styles
 * Based on Figma design: https://www.figma.com/design/NY44S3EzmRfMKvNDrgeIXy/Viact---XZY?node-id=4115-17738
 */
/**
 * Global SCSS Variables
 * Mirrors uiV2 theme tokens for reuse outside the component library.
 */
.viact-textarea-wrapper {
  display: flex;
  flex-direction: column;
  gap: 4px;
  width: fit-content;
}
.viact-textarea-wrapper--fullWidth {
  width: 100%;
}

.viact-textarea__label-container {
  display: flex;
  align-items: center;
  gap: 2px;
}

.viact-textarea__label {
  font-family: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.2px;
  color: #e5f0ff;
}

.viact-textarea__required {
  color: #fa303a;
  margin-left: 2px;
}

.viact-textarea__optional {
  color: rgba(229, 240, 255, 0.64);
  margin-left: 4px;
}

.viact-textarea-container {
  display: flex;
  align-items: flex-start;
  background: rgba(0, 9, 32, 0.5);
  border: 1px solid rgba(255, 255, 255, 0.12);
  box-shadow: inset 0px 0px 6px 0px rgba(0, 9, 32, 0.32);
  transition: all 0.2s ease;
  box-sizing: border-box;
}
.viact-textarea-container--large {
  padding: 12px 16px;
  gap: 8px;
  border-radius: 8px;
}
.viact-textarea-container--large .viact-textarea {
  font-size: 14px;
  line-height: 20px;
}
.viact-textarea-container--medium {
  padding: 8px 12px;
  gap: 6px;
  border-radius: 6px;
}
.viact-textarea-container--medium .viact-textarea {
  font-size: 14px;
  line-height: 20px;
}
.viact-textarea-container--small {
  padding: 8px;
  gap: 4px;
  border-radius: 4px;
}
.viact-textarea-container--small .viact-textarea {
  font-size: 13px;
  line-height: 18px;
}
.viact-textarea-container--default:hover:not(.viact-textarea-container--disabled) {
  box-shadow: 0px 0px 4px 0px rgba(43, 128, 255, 0.5), inset 0px 0px 6px 0px rgba(0, 9, 32, 0.32);
}
.viact-textarea-container--focused {
  border: 1px solid #2b80ff;
  box-shadow: 0px 0px 4px 0px rgb(43, 128, 255), inset 0px 0px 6px 0px rgba(0, 9, 32, 0.32);
}
.viact-textarea-container--error {
  border: 1px solid #fa303a;
  box-shadow: 0px 0px 4px 0px rgb(250, 48, 58), inset 0px 0px 6px 0px rgba(0, 9, 32, 0.32);
}
.viact-textarea-container--disabled {
  background: rgba(255, 255, 255, 0.08);
  cursor: not-allowed;
}
.viact-textarea-container--disabled .viact-textarea {
  color: rgba(229, 240, 255, 0.4);
  cursor: not-allowed;
}
.viact-textarea-container--filled .viact-textarea {
  color: #e5f0ff;
}
.viact-textarea-container--resize-none .viact-textarea {
  resize: none;
}
.viact-textarea-container--resize-both .viact-textarea {
  resize: both;
}
.viact-textarea-container--resize-horizontal .viact-textarea {
  resize: horizontal;
}
.viact-textarea-container--resize-vertical .viact-textarea {
  resize: vertical;
}

.viact-textarea {
  flex: 1;
  width: 100%;
  min-height: 0;
  background: transparent;
  border: none;
  outline: none;
  font-family: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-weight: 400;
  color: rgba(229, 240, 255, 0.64);
  min-width: 0;
  resize: vertical;
}
.viact-textarea::placeholder {
  color: rgba(229, 240, 255, 0.64);
}
.viact-textarea:focus {
  color: #e5f0ff;
}
.viact-textarea:disabled {
  cursor: not-allowed;
}

.viact-textarea__helper-text {
  font-family: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-weight: 400;
  font-size: 11px;
  line-height: 14px;
  letter-spacing: 0.2px;
  color: rgba(229, 240, 255, 0.64);
}
.viact-textarea__helper-text--error {
  color: #fa303a;
}
/*!*********************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./src/shared/viact-ui/Icon/Icon.scss ***!
  \*********************************************************************************************************************************************************/
/**
 * Global SCSS Variables
 * Mirrors uiV2 theme tokens for reuse outside the component library.
 */
/**
 * Viact Design System - Icon Styles
 * Based on Figma design: https://www.figma.com/design/NY44S3EzmRfMKvNDrgeIXy/Viact---XZY?node-id=4159-35835
 */
.viact-icon {
  display: inline-block;
  flex-shrink: 0;
  line-height: 0;
  color: inherit;
}

.viact-icon--missing rect {
  fill: rgba(255, 255, 255, 0.08);
}

.viact-icon--missing text {
  fill: currentColor;
}
/*!*******************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./src/shared/viact-ui/Tag/Tag.scss ***!
  \*******************************************************************************************************************************************************/
/**
 * Global SCSS Variables
 * Mirrors uiV2 theme tokens for reuse outside the component library.
 */
/**
 * Viact Design System - Tag Styles
 * Updated per Figma: https://www.figma.com/design/NY44S3EzmRfMKvNDrgeIXy/Viact---XZY?node-id=4159-37045
 */
/**
 * Global SCSS Variables
 * Mirrors uiV2 theme tokens for reuse outside the component library.
 */
.viact-tag {
  --tag-gradient: linear-gradient(
    180deg,
    rgba(229, 240, 255, 0.08) 0%,
    rgba(229, 240, 255, 0.24) 60%,
    rgba(229, 240, 255, 0.32) 100%
  );
  --tag-fill-gradient: var(--tag-gradient);
  --tag-glow: rgba(229, 240, 255, 0.5);
  --tag-light-text: #e5f0ff;
  --tag-noBg-text: rgba(229, 240, 255, 0.68);
  --tag-dot-text: #e5f0ff;
  --tag-dot-color: #bbd6ff;
  --tag-fill-text: #ffffff;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-family: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-weight: 500;
  white-space: nowrap;
  user-select: none;
  border-radius: 999px;
  border: 1px solid transparent;
  padding: 0 8px;
  min-height: 16px;
  font-size: 12px;
  letter-spacing: 0.02em;
  transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease;
  color: var(--tag-light-text);
  background: transparent;
}

.viact-tag__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 14px;
  height: 14px;
  flex-shrink: 0;
}
.viact-tag__icon svg {
  width: 100%;
  height: 100%;
}

.viact-tag__text {
  display: inline-flex;
  align-items: center;
  line-height: 1;
}

.viact-tag__close {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 14px;
  height: 14px;
  margin-left: 2px;
  padding: 0;
  border: none;
  border-radius: 50%;
  background: transparent;
  cursor: pointer;
  color: inherit;
  opacity: 0.7;
  transition: background 0.2s ease, opacity 0.2s ease;
}
.viact-tag__close:hover {
  opacity: 1;
  background: rgba(255, 255, 255, 0.08);
}
.viact-tag__close svg {
  width: 100%;
  height: 100%;
}

.viact-tag__dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--tag-dot-color);
  flex-shrink: 0;
}

.viact-tag--small {
  min-height: 16px;
  padding: 0 6px;
  font-size: 11px;
  line-height: 14px;
  letter-spacing: 0.018em;
  gap: 4px;
}
.viact-tag--small .viact-tag__icon {
  width: 12px;
  height: 12px;
}
.viact-tag--small .viact-tag__close {
  width: 12px;
  height: 12px;
}

.viact-tag--medium {
  min-height: 24px;
  padding: 0 10px;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.016em;
  gap: 6px;
}
.viact-tag--medium .viact-tag__icon {
  width: 16px;
  height: 16px;
}
.viact-tag--medium .viact-tag__close {
  width: 16px;
  height: 16px;
}

.viact-tag--appearance-light {
  background: var(--tag-gradient);
  color: var(--tag-light-text);
  box-shadow: inset 0 0 4px var(--tag-glow);
}

.viact-tag--appearance-noBg {
  background: transparent;
  border-color: transparent;
  color: var(--tag-noBg-text);
  box-shadow: none;
}

.viact-tag--appearance-dot {
  background: transparent;
  border-color: transparent;
  color: var(--tag-dot-text);
  gap: 6px;
}
.viact-tag--appearance-dot .viact-tag__dot {
  display: inline-flex;
}

.viact-tag--appearance-fill {
  background: var(--tag-fill-gradient);
  color: var(--tag-fill-text);
  border-color: transparent;
  box-shadow: 0px 8px 24px rgba(4, 8, 20, 0.25);
}

.viact-tag--appearance-dot,
.viact-tag--appearance-noBg {
  padding-left: 0px;
  padding-right: 0px;
}

.viact-tag--appearance-dot .viact-tag__dot {
  margin-right: 0;
}

.viact-tag--appearance-dot:not(.viact-tag--small) .viact-tag__dot {
  width: 8px;
  height: 8px;
}

/* Color tokens */
.viact-tag--color-default {
  --tag-gradient: linear-gradient(
    180deg,
    rgba(229, 240, 255, 0.08) 0%,
    rgba(229, 240, 255, 0.24) 60%,
    rgba(229, 240, 255, 0.32) 100%
  );
  --tag-glow: rgba(229, 240, 255, 0.5);
  --tag-light-text: #e5f0ff;
  --tag-noBg-text: rgba(229, 240, 255, 0.68);
  --tag-dot-color: #bbd6ff;
}

.viact-tag--color-teal {
  --tag-gradient: linear-gradient(
    180deg,
    rgba(14, 203, 241, 0.08) 0%,
    rgba(14, 203, 241, 0.24) 60%,
    rgba(14, 203, 241, 0.32) 100%
  );
  --tag-glow: rgba(14, 203, 241, 0.5);
  --tag-light-text: #0ecbf1;
  --tag-noBg-text: #0ecbf1;
  --tag-dot-color: rgba(14, 203, 241, 0.8);
}

.viact-tag--color-blue {
  --tag-gradient: linear-gradient(
    180deg,
    rgba(43, 127, 255, 0.08) 0%,
    rgba(43, 127, 255, 0.24) 60%,
    rgba(43, 127, 255, 0.32) 100%
  );
  --tag-fill-gradient: linear-gradient(
    180deg,
    rgba(4, 99, 252, 1) 3%,
    rgba(14, 203, 241, 1) 91%
  );
  --tag-glow: rgba(43, 127, 255, 0.5);
  --tag-light-text: #2b80ff;
  --tag-noBg-text: #2b80ff;
  --tag-dot-color: rgba(43, 127, 255, 0.8);
  --tag-fill-text: #ffffff;
}

.viact-tag--color-violet {
  --tag-gradient: linear-gradient(
    180deg,
    rgba(158, 85, 240, 0.08) 0%,
    rgba(158, 85, 240, 0.24) 60%,
    rgba(158, 85, 240, 0.32) 100%
  );
  --tag-glow: rgba(158, 85, 240, 0.5);
  --tag-light-text: #9e55f0;
  --tag-noBg-text: #9e55f0;
  --tag-dot-color: rgba(158, 85, 240, 0.8);
}

.viact-tag--color-pink {
  --tag-gradient: linear-gradient(
    180deg,
    rgba(255, 105, 185, 0.08) 0%,
    rgba(255, 105, 185, 0.24) 60%,
    rgba(255, 105, 185, 0.32) 100%
  );
  --tag-glow: rgba(255, 105, 185, 0.5);
  --tag-light-text: #ff69b9;
  --tag-noBg-text: #ff69b9;
  --tag-dot-color: rgba(255, 105, 185, 0.8);
}

.viact-tag--color-red {
  --tag-gradient: linear-gradient(
    180deg,
    rgba(250, 48, 58, 0.08) 0%,
    rgba(250, 48, 58, 0.24) 60%,
    rgba(250, 48, 58, 0.32) 100%
  );
  --tag-glow: rgba(250, 48, 58, 0.5);
  --tag-light-text: #fa303a;
  --tag-noBg-text: #fa303a;
  --tag-dot-color: rgba(250, 48, 58, 0.8);
}

.viact-tag--color-orange {
  --tag-gradient: linear-gradient(
    180deg,
    rgba(255, 139, 53, 0.08) 0%,
    rgba(255, 139, 53, 0.24) 60%,
    rgba(255, 139, 53, 0.32) 100%
  );
  --tag-glow: rgba(255, 139, 53, 0.5);
  --tag-light-text: #ff8b35;
  --tag-noBg-text: #ff8b35;
  --tag-dot-color: rgba(255, 139, 53, 0.8);
}

.viact-tag--color-yellow {
  --tag-gradient: linear-gradient(
    180deg,
    rgba(255, 206, 9, 0.08) 0%,
    rgba(255, 206, 9, 0.24) 60%,
    rgba(255, 206, 9, 0.32) 100%
  );
  --tag-glow: rgba(255, 206, 9, 0.5);
  --tag-light-text: #ffce09;
  --tag-noBg-text: #ffce09;
  --tag-dot-color: rgba(255, 206, 9, 0.8);
}

.viact-tag--color-green {
  --tag-gradient: linear-gradient(
    180deg,
    rgba(88, 215, 101, 0.08) 0%,
    rgba(88, 215, 101, 0.24) 60%,
    rgba(88, 215, 101, 0.32) 100%
  );
  --tag-glow: rgba(88, 215, 101, 0.5);
  --tag-light-text: #58d765;
  --tag-noBg-text: #58d765;
  --tag-dot-color: rgba(88, 215, 101, 0.8);
}

.viact-tag--color-disable {
  --tag-gradient: linear-gradient(
    180deg,
    rgba(229, 240, 255, 0.08) 0%,
    rgba(229, 240, 255, 0.16) 60%,
    rgba(229, 240, 255, 0.2) 100%
  );
  --tag-glow: rgba(229, 240, 255, 0.25);
  --tag-light-text: rgba(229, 240, 255, 0.4);
  --tag-noBg-text: rgba(229, 240, 255, 0.4);
  --tag-dot-text: rgba(229, 240, 255, 0.4);
  --tag-dot-color: rgba(229, 240, 255, 0.24);
  --tag-fill-text: rgba(229, 240, 255, 0.4);
}
/*!*************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./src/shared/viact-ui/Select/Select.scss ***!
  \*************************************************************************************************************************************************************/
/**
 * Global SCSS Variables
 * Mirrors uiV2 theme tokens for reuse outside the component library.
 */
/**
 * Viact Design System - Select Styles
 * Based on Figma design: https://www.figma.com/design/NY44S3EzmRfMKvNDrgeIXy/Viact---XZY?node-id=89-17075
 */
/**
 * Global SCSS Variables
 * Mirrors uiV2 theme tokens for reuse outside the component library.
 */
.viact-select-wrapper {
  display: flex;
  flex-direction: column;
  gap: 4px;
  font-family: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}
.viact-select-wrapper--fullWidth {
  width: 100%;
}

.viact-select__label-container {
  display: flex;
  align-items: center;
  gap: 2px;
}

.viact-select__label {
  font-family: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.2px;
  color: #e5f0ff;
}

.viact-select__required {
  color: #fa303a;
  margin-left: 2px;
}

.viact-select__optional {
  color: rgba(229, 240, 255, 0.64);
  margin-left: 4px;
}

.viact-select-container {
  position: relative;
}

.viact-select__custom-trigger {
  cursor: pointer;
  display: inline-flex;
  align-items: center;
}
.viact-select__custom-trigger:focus {
  outline: none;
}

.viact-select-trigger {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  background: rgba(0, 9, 32, 0.5);
  border: 1px solid rgba(229, 240, 255, 0.16);
  border-radius: 8px;
  padding: 0 12px;
  cursor: pointer;
  transition: border 0.2s ease, box-shadow 0.2s ease;
  min-height: 44px;
}
.viact-select-trigger:hover:not(.viact-select-trigger--disabled) {
  box-shadow: 0px 0px 4px 0px rgba(43, 128, 255, 0.5), inset 0px 0px 6px 0px rgba(0, 9, 32, 0.32);
}
.viact-select-trigger--large {
  min-height: 44px;
  border-radius: 8px;
}
.viact-select-trigger--medium {
  min-height: 36px;
  border-radius: 6px;
  padding: 0 10px;
}
.viact-select-trigger--small {
  min-height: 32px;
  border-radius: 4px;
  padding: 0 8px;
}
.viact-select-trigger--open {
  border-color: rgba(43, 128, 255, 0.6);
  box-shadow: 0 0 0 3px rgba(43, 128, 255, 0.15);
}
.viact-select-trigger--error {
  border-color: rgba(250, 48, 58, 0.85);
}
.viact-select-trigger--disabled {
  cursor: not-allowed;
  opacity: 0.7;
  background: rgba(0, 9, 32, 0.35);
}
.viact-select-trigger--multiple {
  align-items: center;
}
.viact-select-trigger--no-border {
  border: none;
  box-shadow: none;
}
.viact-select-trigger--no-border:hover {
  border: none;
  box-shadow: none;
}
.viact-select-trigger--no-border.viact-select-trigger--open {
  border: none;
  box-shadow: none;
}
.viact-select-trigger--no-border.viact-select-trigger--error {
  border: none;
}

.viact-select__start-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: rgba(229, 240, 255, 0.4);
}

.viact-select__value {
  flex: 1;
  min-width: 0;
  display: flex;
  align-items: center;
  font-size: 14px;
  color: #e5f0ff;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.viact-select__placeholder {
  color: rgba(229, 240, 255, 0.4);
}

.viact-select__tags {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  row-gap: 4px;
  align-items: center;
}

.viact-select__tag-counter {
  font-size: 11px;
  color: rgba(229, 240, 255, 0.64);
  padding: 2px 6px;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.05);
}

.viact-select__count-badge-value {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  justify-content: space-between;
}

.viact-select__count-badge-text {
  color: #e5f0ff;
  font-size: 14px;
  font-weight: 400;
}

.viact-select__count-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 18px;
  height: 18px;
  padding: 0 4px;
  border-radius: 50%;
  font-size: 10px;
  font-weight: 700;
  color: #e5f0ff;
}
.viact-select__count-badge--red {
  background: linear-gradient(180deg, rgba(250, 48, 58, 0.08) 0%, rgba(250, 48, 58, 0.24) 60%, rgba(250, 48, 58, 0.32) 100%);
  box-shadow: 0px 0px 4px 0px rgba(250, 48, 58, 0.5) inset;
  color: #c7050f;
}
.viact-select__count-badge--blue {
  background: linear-gradient(180deg, rgba(34, 110, 255, 0.08) 0%, rgba(34, 110, 255, 0.24) 60%, rgba(34, 110, 255, 0.32) 100%);
  box-shadow: 0px 0px 4px 0px rgba(34, 110, 255, 0.5) inset;
  color: #0046af;
}
.viact-select__count-badge--green {
  background: linear-gradient(180deg, rgba(88, 215, 101, 0.08) 0%, rgba(88, 215, 101, 0.24) 60%, rgba(88, 215, 101, 0.32) 100%);
  box-shadow: 0px 0px 4px 0px rgba(88, 215, 101, 0.5) inset;
  color: #2ab539;
}
.viact-select__count-badge--orange {
  background: linear-gradient(180deg, rgba(255, 189, 66, 0.08) 0%, rgba(255, 189, 66, 0.24) 60%, rgba(255, 189, 66, 0.32) 100%);
  box-shadow: 0px 0px 4px 0px rgba(255, 189, 66, 0.5) inset;
  color: #dd5c01;
}
.viact-select__count-badge--violet {
  background: linear-gradient(180deg, rgba(132, 7, 234, 0.08) 0%, rgba(132, 7, 234, 0.24) 60%, rgba(132, 7, 234, 0.32) 100%);
  box-shadow: 0px 0px 4px 0px rgba(132, 7, 234, 0.5) inset;
  color: #8407ea;
}

.viact-select__clear {
  border: none;
  padding: 0px;
  background: rgba(255, 255, 255, 0.04);
  border-radius: 50%;
  width: 20px;
  height: 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: rgba(229, 240, 255, 0.4);
  cursor: pointer;
  transition: background 0.2s ease, color 0.2s ease;
}
.viact-select__clear:hover {
  color: #e5f0ff;
  background: rgba(255, 255, 255, 0.08);
}

.viact-select__chevron {
  display: inline-flex;
  align-items: center;
  color: #e5f0ff;
}

.viact-select-menu {
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
}
.viact-select-menu__content {
  background: rgba(0, 9, 32, 0.75);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 12px;
  backdrop-filter: blur(24px);
  box-shadow: 0px 32px 64px 0px rgba(0, 9, 32, 0.12), 0px 16px 32px 0px rgba(0, 9, 32, 0.08), 0px 4px 8px 2px rgba(0, 9, 32, 0.32), inset 0px 0px 100px 0px rgba(187, 214, 255, 0.08);
  padding: 6px 0px;
  max-height: 300px;
  overflow: hidden;
  min-width: 260px;
  display: flex;
  flex-direction: column;
}

.viact-select__search {
  padding: 8px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  margin-bottom: 4px;
}

.viact-select__search-input .viact-input-container {
  background: rgba(0, 9, 32, 0.5);
}

.viact-select__options-container {
  flex: 1;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 0px 6px;
  min-height: 0;
}
.viact-select__options-container::-webkit-scrollbar {
  width: 6px;
}
.viact-select__options-container::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.18);
  border-radius: 4px;
}
.viact-select__options-container::-webkit-scrollbar-track {
  background: rgba(3, 16, 48, 0.98);
}

.viact-select-option {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px;
  border-radius: 8px;
  color: #e5f0ff;
  font-size: 14px;
  cursor: pointer;
  transition: background 0.15s ease, color 0.15s ease;
}
.viact-select-option:hover {
  background: rgba(255, 255, 255, 0.08);
}
.viact-select-option--selected {
  background: transparent;
}
.viact-select-option--disabled {
  color: rgba(229, 240, 255, 0.32);
  cursor: not-allowed;
}

.viact-select-option__checkbox {
  width: 18px;
  height: 18px;
  border-radius: 6px;
  border: 1px solid rgba(255, 255, 255, 0.18);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #e5f0ff;
  background: rgba(0, 9, 32, 0.4);
}

.viact-select-option__icon {
  display: inline-flex;
  color: rgba(229, 240, 255, 0.64);
}

.viact-select-option__text {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.viact-select-option__description {
  font-size: 12px;
  color: rgba(229, 240, 255, 0.64);
}

.viact-select-option__check {
  margin-left: auto;
  display: inline-flex;
  align-items: center;
  color: #e5f0ff;
}

.viact-select__helper-text {
  font-size: 12px;
  color: rgba(229, 240, 255, 0.64);
}
.viact-select__helper-text--error {
  color: #fa303a;
}

.viact-select__empty {
  padding: 16px;
  text-align: center;
  color: rgba(229, 240, 255, 0.64);
  font-size: 13px;
}

.viact-select__actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 6px;
  margin: 8px 6px 6px;
  border: 1px solid rgba(43, 128, 255, 0.08);
  border-radius: 8px;
  background: linear-gradient(180deg, rgba(4, 38, 116, 0.125) 0%, rgba(4, 38, 116, 0.04) 100%), radial-gradient(30.05% 38.12% at 86.73% 4.75%, rgba(43, 128, 255, 0.24) 0%, rgba(43, 128, 255, 0) 99.59%);
}

.viact-select__reset-btn {
  background: none;
  border: none;
  color: #2b80ff;
  font-size: 15px;
  font-weight: 500;
  cursor: pointer;
  padding: 8px 16px;
  border-radius: 6px;
  transition: color 0.2s ease, background 0.2s ease;
  line-height: 1.4;
  white-space: nowrap;
}
.viact-select__reset-btn:hover {
  color: #7db1ff;
  background: rgba(43, 128, 255, 0.1);
}

.viact-select-option__checkbox--checked {
  background: #02226a;
  border-color: #02226a;
}
/*!*************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./src/shared/viact-ui/Autocomplete/Autocomplete.scss ***!
  \*************************************************************************************************************************************************************************/
/**
 * Global SCSS Variables
 * Mirrors uiV2 theme tokens for reuse outside the component library.
 */
/**
 * Viact Design System - Autocomplete Styles
 * Based on Select component styles for consistency
 * Based on Figma design: https://www.figma.com/design/NY44S3EzmRfMKvNDrgeIXy/Viact---XZY?node-id=89-17075
 */
/**
 * Global SCSS Variables
 * Mirrors uiV2 theme tokens for reuse outside the component library.
 */
.viact-autocomplete-wrapper {
  display: flex;
  flex-direction: column;
  gap: 6px;
  font-family: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}
.viact-autocomplete-wrapper--fullWidth {
  width: 100%;
}

.viact-autocomplete-container {
  position: relative;
}
.viact-autocomplete-container .viact-input-wrapper {
  width: 100%;
}

.viact-autocomplete__label-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.viact-autocomplete__label {
  font-size: 13px;
  font-weight: 600;
  color: #e5f0ff;
}

.viact-autocomplete__required {
  color: #fa303a;
  margin-left: 4px;
}

.viact-autocomplete__helper-text {
  font-size: 12px;
  color: rgba(229, 240, 255, 0.64);
  margin-top: 4px;
}
.viact-autocomplete__helper-text--error {
  color: #fa303a;
}

.viact-autocomplete__clear {
  border: none;
  background: rgba(255, 255, 255, 0.04);
  border-radius: 50%;
  width: 20px;
  height: 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: rgba(229, 240, 255, 0.4);
  cursor: pointer;
  transition: background 0.2s ease, color 0.2s ease;
  margin-left: 8px;
}
.viact-autocomplete__clear:hover {
  color: #e5f0ff;
  background: rgba(255, 255, 255, 0.08);
}

.viact-autocomplete__chevron {
  display: inline-flex;
  align-items: center;
  color: rgba(229, 240, 255, 0.4);
  margin-left: 8px;
}

.viact-autocomplete-menu {
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
}
.viact-autocomplete-menu__content {
  background: rgba(0, 9, 32, 0.75);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 12px;
  backdrop-filter: blur(24px);
  box-shadow: 0px 32px 64px 0px rgba(0, 9, 32, 0.12), 0px 16px 32px 0px rgba(0, 9, 32, 0.08), 0px 4px 8px 2px rgba(0, 9, 32, 0.32), inset 0px 0px 100px 0px rgba(187, 214, 255, 0.08);
  padding: 6px;
  max-height: 300px;
  overflow: hidden;
  min-width: 260px;
  display: flex;
  flex-direction: column;
}
.viact-autocomplete-menu--large .viact-autocomplete-menu__content {
  min-width: 300px;
}
.viact-autocomplete-menu--medium .viact-autocomplete-menu__content {
  min-width: 260px;
}
.viact-autocomplete-menu--small .viact-autocomplete-menu__content {
  min-width: 220px;
}

.viact-autocomplete__loading {
  padding: 16px;
  text-align: center;
  color: rgba(229, 240, 255, 0.64);
  font-size: 13px;
}

.viact-autocomplete__empty {
  padding: 16px;
  text-align: center;
  color: rgba(229, 240, 255, 0.64);
  font-size: 13px;
}

.viact-autocomplete__options-container {
  flex: 1;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 4px 0;
  min-height: 0;
}
.viact-autocomplete__options-container::-webkit-scrollbar {
  width: 6px;
}
.viact-autocomplete__options-container::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.18);
  border-radius: 4px;
}
.viact-autocomplete__options-container::-webkit-scrollbar-track {
  background: rgba(3, 16, 48, 0.98);
}

.viact-autocomplete-option {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px;
  border-radius: 8px;
  color: #e5f0ff;
  font-size: 14px;
  cursor: pointer;
  transition: background 0.15s ease, color 0.15s ease;
  list-style: none;
}
.viact-autocomplete-option:hover {
  background: rgba(255, 255, 255, 0.08);
}
.viact-autocomplete-option--selected {
  background: rgba(255, 255, 255, 0.16);
  color: #2b80ff;
}
.viact-autocomplete-option--highlighted {
  background: rgba(255, 255, 255, 0.12);
}
.viact-autocomplete-option--disabled {
  color: rgba(229, 240, 255, 0.32);
  cursor: not-allowed;
}

.viact-autocomplete-option__checkbox {
  width: 18px;
  height: 18px;
  border-radius: 6px;
  border: 1px solid rgba(255, 255, 255, 0.18);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #2b80ff;
  background: rgba(0, 9, 32, 0.4);
  flex-shrink: 0;
}

.viact-autocomplete-option__check {
  margin-left: auto;
  display: inline-flex;
  align-items: center;
  color: #2b80ff;
  flex-shrink: 0;
}

.viact-autocomplete__group {
  margin-bottom: 8px;
}
.viact-autocomplete__group:last-child {
  margin-bottom: 0;
}

.viact-autocomplete__group-label {
  padding: 8px 10px 4px;
  font-size: 11px;
  font-weight: 600;
  color: rgba(229, 240, 255, 0.64);
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.viact-autocomplete__group-list {
  list-style: none;
  padding: 0;
  margin: 0;
}
/*!*************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./src/shared/viact-ui/DateTimeCell/DateTimeCell.scss ***!
  \*************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Global SCSS Variables
 * Mirrors uiV2 theme tokens for reuse outside the component library.
 */
/**
 * Global SCSS Variables
 * Mirrors uiV2 theme tokens for reuse outside the component library.
 */
.viact-datetime-cell {
  display: inline-flex;
  font-family: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}
.viact-datetime-cell--vertical {
  flex-direction: column;
  gap: 2px;
}
.viact-datetime-cell--vertical .viact-datetime-cell__date {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;
  color: #FFFFFF;
}
.viact-datetime-cell--vertical .viact-datetime-cell__time {
  font-size: 12px;
  font-weight: 400;
  line-height: 1.4;
  color: rgba(255, 255, 255, 0.7);
}
.viact-datetime-cell--horizontal {
  flex-direction: row;
  align-items: center;
  gap: 8px;
}
.viact-datetime-cell--horizontal .viact-datetime-cell__date {
  font-size: 14px;
  font-weight: 500;
  color: #FFFFFF;
}
.viact-datetime-cell--horizontal .viact-datetime-cell__time {
  font-size: 13px;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.7);
}
.viact-datetime-cell--horizontal .viact-datetime-cell__date::after {
  content: "•";
  margin-left: 8px;
  color: rgba(255, 255, 255, 0.5);
}
.viact-datetime-cell--inline .viact-datetime-cell__inline {
  font-size: 14px;
  font-weight: 400;
  color: #FFFFFF;
}
.viact-datetime-cell--small.viact-datetime-cell--vertical .viact-datetime-cell__date {
  font-size: 13px;
}
.viact-datetime-cell--small.viact-datetime-cell--vertical .viact-datetime-cell__time {
  font-size: 11px;
}
.viact-datetime-cell--small.viact-datetime-cell--horizontal, .viact-datetime-cell--small.viact-datetime-cell--inline {
  font-size: 12px;
}
.viact-datetime-cell--small.viact-datetime-cell--horizontal .viact-datetime-cell__date,
.viact-datetime-cell--small.viact-datetime-cell--horizontal .viact-datetime-cell__time,
.viact-datetime-cell--small.viact-datetime-cell--horizontal .viact-datetime-cell__inline, .viact-datetime-cell--small.viact-datetime-cell--inline .viact-datetime-cell__date,
.viact-datetime-cell--small.viact-datetime-cell--inline .viact-datetime-cell__time,
.viact-datetime-cell--small.viact-datetime-cell--inline .viact-datetime-cell__inline {
  font-size: 12px;
}
.viact-datetime-cell--large.viact-datetime-cell--vertical {
  gap: 4px;
}
.viact-datetime-cell--large.viact-datetime-cell--vertical .viact-datetime-cell__date {
  font-size: 16px;
}
.viact-datetime-cell--large.viact-datetime-cell--vertical .viact-datetime-cell__time {
  font-size: 14px;
}
.viact-datetime-cell--large.viact-datetime-cell--horizontal .viact-datetime-cell__date,
.viact-datetime-cell--large.viact-datetime-cell--horizontal .viact-datetime-cell__time,
.viact-datetime-cell--large.viact-datetime-cell--horizontal .viact-datetime-cell__inline, .viact-datetime-cell--large.viact-datetime-cell--inline .viact-datetime-cell__date,
.viact-datetime-cell--large.viact-datetime-cell--inline .viact-datetime-cell__time,
.viact-datetime-cell--large.viact-datetime-cell--inline .viact-datetime-cell__inline {
  font-size: 16px;
}
.viact-datetime-cell--empty .viact-datetime-cell__placeholder {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.4);
}

.viact-datetime-cell-light .viact-datetime-cell__date {
  color: #1F2937 !important;
}
.viact-datetime-cell-light .viact-datetime-cell__time {
  color: rgba(31, 41, 55, 0.7) !important;
}
.viact-datetime-cell-light .viact-datetime-cell__inline {
  color: #1F2937 !important;
}
.viact-datetime-cell-light .viact-datetime-cell__placeholder {
  color: rgba(31, 41, 55, 0.4) !important;
}
.viact-datetime-cell-light.viact-datetime-cell--horizontal .viact-datetime-cell__date::after {
  color: rgba(31, 41, 55, 0.5) !important;
}
/*!*********************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./src/shared/viact-ui/Typography/Typography.scss ***!
  \*********************************************************************************************************************************************************************/
/**
 * Global SCSS Variables
 * Mirrors uiV2 theme tokens for reuse outside the component library.
 */
/**
 * Viact Design System - Typography Styles
 * Based on Figma design: https://www.figma.com/design/NY44S3EzmRfMKvNDrgeIXy/Viact---XZY?node-id=40-11688
 */
/**
 * Global SCSS Variables
 * Mirrors uiV2 theme tokens for reuse outside the component library.
 */
.viact-typography {
  font-family: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  margin: 0;
  padding: 0;
}
.viact-typography--h1 {
  font-weight: 800;
  font-size: 32px;
  line-height: 40px;
  letter-spacing: -0.4px;
}
.viact-typography--h2 {
  font-weight: 800;
  font-size: 26px;
  line-height: 32px;
  letter-spacing: -0.3px;
}
.viact-typography--h3 {
  font-weight: 800;
  font-size: 22px;
  line-height: 28px;
  letter-spacing: -0.2px;
}
.viact-typography--h4 {
  font-weight: 800;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: 0;
}
.viact-typography--s1 {
  font-weight: 600;
  font-size: 22px;
  line-height: 28px;
  letter-spacing: -0.1px;
}
.viact-typography--s2 {
  font-weight: 600;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: 0;
}
.viact-typography--s3 {
  font-weight: 600;
  font-size: 15px;
  line-height: 20px;
  letter-spacing: 0;
}
.viact-typography--s4 {
  font-weight: 600;
  font-size: 13px;
  line-height: 18px;
  letter-spacing: 0;
}
.viact-typography--b1 {
  font-weight: 400;
  font-size: 15px;
  line-height: 22px;
  letter-spacing: 0.1px;
}
.viact-typography--b2 {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.1px;
}
.viact-typography--b3 {
  font-weight: 400;
  font-size: 13px;
  line-height: 18px;
  letter-spacing: 0.2px;
}
.viact-typography--c1 {
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.2px;
}
.viact-typography--c2 {
  font-weight: 400;
  font-size: 11px;
  line-height: 14px;
  letter-spacing: 0.2px;
}
.viact-typography--c3 {
  font-weight: 400;
  font-size: 10px;
  line-height: 14px;
  letter-spacing: 0.3px;
}
.viact-typography--color-primary {
  color: #ffffff;
}
.viact-typography--color-secondary {
  color: #e5f0ff;
}
.viact-typography--color-tertiary {
  color: rgba(229, 240, 255, 0.64);
}
.viact-typography--color-disabled {
  color: rgba(229, 240, 255, 0.4);
}
.viact-typography--color-error {
  color: #fa303a;
}
.viact-typography--color-success {
  color: #58d765;
}
.viact-typography--color-warning {
  color: #ffce09;
}
.viact-typography--color-info {
  color: #2b80ff;
}
.viact-typography--color-inherit {
  color: inherit;
}
.viact-typography--weight-regular {
  font-weight: 400;
}
.viact-typography--weight-medium {
  font-weight: 500;
}
.viact-typography--weight-semibold {
  font-weight: 600;
}
.viact-typography--weight-bold {
  font-weight: 700;
}
.viact-typography--weight-extra-bold {
  font-weight: 800;
}
.viact-typography--truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.viact-typography--lineClamp {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  white-space: normal;
}
/*!*********************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./src/shared/viact-ui/Menu/Menu.scss ***!
  \*********************************************************************************************************************************************************/
/**
 * Global SCSS Variables
 * Mirrors uiV2 theme tokens for reuse outside the component library.
 */
/**
 * Viact Design System - Menu Styles
 * Based on Figma design: https://www.figma.com/design/NY44S3EzmRfMKvNDrgeIXy/Viact---XZY?node-id=92-17606
 */
/**
 * Global SCSS Variables
 * Mirrors uiV2 theme tokens for reuse outside the component library.
 */
.viact-menu {
  position: relative;
  display: inline-block;
}
.viact-menu__trigger {
  cursor: pointer;
  display: inline-flex;
  align-items: center;
}
.viact-menu__dropdown {
  position: absolute;
  z-index: 1000;
  min-width: 160px;
  background: rgba(0, 9, 32, 0.95);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 8px;
  box-shadow: 0px 8px 24px rgba(0, 9, 32, 0.48), 0px 4px 8px rgba(0, 9, 32, 0.24);
  backdrop-filter: blur(24px);
  padding: 4px;
  opacity: 0;
  visibility: hidden;
  transform: translateY(-8px);
  transition: all 0.2s ease;
}
.viact-menu__dropdown--open {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.viact-menu__dropdown--bottom-start {
  top: calc(100% + 4px);
  left: 0;
}
.viact-menu__dropdown--bottom-end {
  top: calc(100% + 4px);
  right: 0;
}
.viact-menu__dropdown--top-start {
  bottom: calc(100% + 4px);
  left: 0;
}
.viact-menu__dropdown--top-end {
  bottom: calc(100% + 4px);
  right: 0;
}
.viact-menu__item {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  font-family: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #e5f0ff;
  cursor: pointer;
  border-radius: 4px;
  transition: background 0.15s ease;
}
.viact-menu__item:hover:not(.viact-menu__item--disabled) {
  background: rgba(255, 255, 255, 0.16);
}
.viact-menu__item:active:not(.viact-menu__item--disabled) {
  background: rgba(43, 128, 255, 0.24);
}
.viact-menu__item--disabled {
  color: rgba(229, 240, 255, 0.4);
  cursor: not-allowed;
}
.viact-menu__item-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  color: rgba(229, 240, 255, 0.64);
}
.viact-menu__item-icon svg {
  width: 100%;
  height: 100%;
}
.viact-menu__item-label {
  flex: 1;
}
.viact-menu__divider {
  height: 1px;
  background: rgba(255, 255, 255, 0.08);
  margin: 4px 0;
}
/*!*************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./src/shared/viact-ui/Notification/Notification.scss ***!
  \*************************************************************************************************************************************************************************/
/**
 * Global SCSS Variables
 * Mirrors uiV2 theme tokens for reuse outside the component library.
 */
/**
 * Viact Design System - Notification Styles
 * Based on Figma design: https://www.figma.com/design/NY44S3EzmRfMKvNDrgeIXy/Viact---XZY?node-id=119-25129
 */
/**
 * Global SCSS Variables
 * Mirrors uiV2 theme tokens for reuse outside the component library.
 */
.viact-notification {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 12px 16px;
  border-radius: 8px;
  min-width: 320px;
  max-width: 480px;
}
.viact-notification__content-container {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background: linear-gradient(0deg, #000920, #000920);
  border-radius: 8px;
}
.viact-notification--success {
  background: linear-gradient(180deg, rgba(88, 215, 101, 0.08) 0%, rgba(88, 215, 101, 0.24) 60%, rgba(88, 215, 101, 0.32) 100%);
  border: 1px solid rgba(88, 215, 101, 0.24);
  box-shadow: 0px 0px 4px 0px rgba(88, 215, 101, 0.5) inset;
}
.viact-notification--success .viact-notification__icon {
  color: #58d765;
}
.viact-notification--error {
  border: 1px solid rgba(250, 48, 58, 0.24);
  background: linear-gradient(180deg, rgba(250, 48, 58, 0.08) 0%, rgba(250, 48, 58, 0.24) 60%, rgba(250, 48, 58, 0.32) 100%);
  box-shadow: 0px 0px 4px 0px rgba(250, 48, 58, 0.5) inset;
}
.viact-notification--error .viact-notification__icon {
  color: #fa303a;
}
.viact-notification--warning {
  background: linear-gradient(180deg, rgba(255, 206, 9, 0.08) 0%, rgba(255, 206, 9, 0.24) 60%, rgba(255, 206, 9, 0.32) 100%);
  border: 1px solid rgba(255, 206, 9, 0.24);
  box-shadow: 0px 0px 4px 0px rgba(255, 206, 9, 0.5) inset;
}
.viact-notification--warning .viact-notification__icon {
  color: #ffce09;
}
.viact-notification--info {
  background: linear-gradient(180deg, rgba(43, 128, 255, 0.08) 0%, rgba(43, 128, 255, 0.24) 60%, rgba(43, 128, 255, 0.32) 100%);
  border: 1px solid rgba(43, 128, 255, 0.24);
  box-shadow: 0px 0px 4px 0px rgba(43, 128, 255, 0.5) inset;
}
.viact-notification--info .viact-notification__icon {
  color: #2b80ff;
}
.viact-notification__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  margin-top: 2px;
}
.viact-notification__icon svg {
  width: 100%;
  height: 100%;
}
.viact-notification__content {
  flex: 1;
  min-width: 0;
}
.viact-notification__title {
  font-family: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: #e5f0ff;
  margin-bottom: 2px;
}
.viact-notification__message {
  font-family: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-weight: 400;
  font-size: 13px;
  line-height: 18px;
  color: #e5f0ff;
}
.viact-notification__close {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  padding: 0;
  border: none;
  background: transparent;
  color: #e5f0ff;
  cursor: pointer;
  border-radius: 4px;
  transition: all 0.15s ease;
  flex-shrink: 0;
}
.viact-notification__close:hover {
  background: rgba(255, 255, 255, 0.08);
  color: #e5f0ff;
}
.viact-notification__close svg {
  width: 16px;
  height: 16px;
}

@keyframes viact-notification-slideIn {
  from {
    opacity: 0;
    transform: translateX(100%);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
/*!***********************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./src/shared/viact-ui/Notification/viactToast.scss ***!
  \***********************************************************************************************************************************************************************/
/**
 * Global SCSS Variables
 * Mirrors uiV2 theme tokens for reuse outside the component library.
 */
/**
 * Viact Toast - react-toastify custom styles
 * Overrides default react-toastify styling to match Viact Design System
 */
/**
 * Global SCSS Variables
 * Mirrors uiV2 theme tokens for reuse outside the component library.
 */
.Toastify__toast-container--viact {
  padding: 0;
  width: auto;
  max-width: 480px;
  min-width: 320px;
}
.Toastify__toast-container--viact.Toastify__toast-container--top-right {
  top: 16px;
  right: 16px;
}
.Toastify__toast-container--viact.Toastify__toast-container--top-left {
  top: 16px;
  left: 16px;
}
.Toastify__toast-container--viact.Toastify__toast-container--top-center {
  top: 16px;
}
.Toastify__toast-container--viact.Toastify__toast-container--bottom-right {
  bottom: 16px;
  right: 16px;
}
.Toastify__toast-container--viact.Toastify__toast-container--bottom-left {
  bottom: 16px;
  left: 16px;
}
.Toastify__toast-container--viact.Toastify__toast-container--bottom-center {
  bottom: 16px;
}

.viact-toast-wrapper {
  padding: 0 !important;
  margin-bottom: 12px;
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
  border-radius: 0 !important;
  min-height: auto !important;
  overflow: visible !important;
  cursor: default;
}
.viact-toast-wrapper .Toastify__close-button {
  display: none;
}
.viact-toast-wrapper .Toastify__toast-icon {
  display: none;
}

.viact-toast-body {
  padding: 0 !important;
  margin: 0 !important;
  display: block !important;
}
.viact-toast-body > div {
  display: block;
}

.Toastify__progress-bar {
  background: #2b80ff !important;
  height: 2px;
  border-radius: 0 0 8px 8px;
}
.Toastify__progress-bar--success {
  background: #58d765 !important;
}
.Toastify__progress-bar--error {
  background: #fa303a !important;
}
.Toastify__progress-bar--warning {
  background: #ffce09 !important;
}
.Toastify__progress-bar--info {
  background: #2b80ff !important;
}

.viact-toast-wrapper .viact-notification {
  animation: none;
}
/*!***************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./src/shared/viact-ui/Popover/Popover.scss ***!
  \***************************************************************************************************************************************************************/
/**
 * Global SCSS Variables
 * Mirrors uiV2 theme tokens for reuse outside the component library.
 */
/* Viact Popover Styles - Material-UI Customization */
/* Most styles are handled by withStyles in the component */
.viact-popover {
  display: inline-flex;
}
/*!*********************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./src/shared/viact-ui/Pagination/Pagination.scss ***!
  \*********************************************************************************************************************************************************************/
/**
 * Global SCSS Variables
 * Mirrors uiV2 theme tokens for reuse outside the component library.
 */
/**
 * Viact Design System - Pagination Styles
 * Based on Figma design: https://www.figma.com/design/NY44S3EzmRfMKvNDrgeIXy/Viact---XZY?node-id=109-18847
 */
/**
 * Global SCSS Variables
 * Mirrors uiV2 theme tokens for reuse outside the component library.
 */
.viact-pagination {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  width: 100%;
}
.viact-pagination--disabled {
  opacity: 0.5;
  pointer-events: none;
}
.viact-pagination__left {
  display: flex;
  align-items: center;
  gap: 24px;
}
.viact-pagination__center {
  display: flex;
  align-items: center;
  gap: 4px;
}
.viact-pagination__right {
  display: flex;
  align-items: center;
  gap: 8px;
}
.viact-pagination__info {
  font-family: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #e5f0ff;
  white-space: nowrap;
}
.viact-pagination__rows-per-page {
  display: flex;
  align-items: center;
  gap: 8px;
}
.viact-pagination__rows-label {
  font-family: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #e5f0ff;
  white-space: nowrap;
}
.viact-pagination__dropdown {
  position: relative;
}
.viact-pagination__dropdown-trigger {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 6px 10px;
  background: rgba(0, 9, 32, 0.5);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 6px;
  color: #e5f0ff;
  font-family: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  cursor: pointer;
  transition: all 0.15s ease;
}
.viact-pagination__dropdown-trigger:hover:not(:disabled) {
  border-color: rgba(255, 255, 255, 0.24);
}
.viact-pagination__dropdown-trigger:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.viact-pagination__dropdown-trigger svg {
  width: 16px;
  height: 16px;
  color: #e5f0ff;
}
.viact-pagination__dropdown-option {
  display: block;
  width: 100%;
  padding: 6px 10px;
  background: transparent;
  border: none;
  color: #e5f0ff;
  font-family: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  text-align: left;
  cursor: pointer;
  border-radius: 4px;
  transition: background 0.15s ease;
}
.viact-pagination__dropdown-option:hover {
  background: rgba(255, 255, 255, 0.16);
}
.viact-pagination__dropdown-option--selected {
  background: rgba(43, 128, 255, 0.24);
}
.viact-pagination__pages {
  display: flex;
  align-items: center;
  gap: 4px;
}
.viact-pagination__button {
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-weight: 500;
  color: #e5f0ff;
  background: transparent;
  border: 1px solid transparent;
  cursor: pointer;
  transition: all 0.15s ease;
}
.viact-pagination__button:hover:not(:disabled):not(.viact-pagination__button--active) {
  background: rgba(255, 255, 255, 0.16);
  color: #e5f0ff;
}
.viact-pagination__button:disabled {
  color: rgba(229, 240, 255, 0.4);
  cursor: not-allowed;
}
.viact-pagination__button--active {
  background: linear-gradient(180deg, rgba(43, 128, 255, 0.16) 0%, rgba(43, 128, 255, 0.4) 60%, rgba(43, 128, 255, 0.56) 100%);
  border: 1px solid rgba(43, 128, 255, 0.25);
  color: #e5f0ff;
}
.viact-pagination__button--nav svg {
  width: 100%;
  height: 100%;
}
.viact-pagination__dots {
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-weight: 500;
  color: #e5f0ff;
  letter-spacing: 2px;
}
.viact-pagination__text-button {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 8px 14px;
  background: rgba(0, 9, 32, 0.5);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 6px;
  color: #e5f0ff;
  font-family: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  cursor: pointer;
  transition: all 0.15s ease;
  white-space: nowrap;
}
.viact-pagination__text-button:hover:not(:disabled) {
  background: rgba(255, 255, 255, 0.16);
  color: #e5f0ff;
  border-color: rgba(43, 128, 255, 0.25);
}
.viact-pagination__text-button:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.viact-pagination__text-button--next {
  background: linear-gradient(180deg, rgba(43, 128, 255, 0.16) 0%, rgba(43, 128, 255, 0.4) 60%, rgba(43, 128, 255, 0.56) 100%);
  border: 1px solid rgba(43, 128, 255, 0.25);
  color: #e5f0ff;
}
.viact-pagination__text-button--next:hover:not(:disabled) {
  background: linear-gradient(180deg, rgba(43, 128, 255, 0.24) 0%, rgba(43, 128, 255, 0.48) 60%, rgba(43, 128, 255, 0.64) 100%);
}
.viact-pagination__text-button svg {
  width: 16px;
  height: 16px;
}
.viact-pagination--large .viact-pagination__button {
  min-width: 40px;
  height: 40px;
  padding: 8px;
  border-radius: 8px;
  font-size: 15px;
  line-height: 20px;
}
.viact-pagination--large .viact-pagination__button--nav {
  width: 40px;
}
.viact-pagination--large .viact-pagination__button--nav svg {
  width: 20px;
  height: 20px;
}
.viact-pagination--large .viact-pagination__dots {
  min-width: 40px;
  height: 40px;
  font-size: 15px;
}
.viact-pagination--large .viact-pagination__info,
.viact-pagination--large .viact-pagination__rows-label {
  font-size: 15px;
}
.viact-pagination--large .viact-pagination__text-button {
  padding: 10px 16px;
  font-size: 15px;
}
.viact-pagination--medium .viact-pagination__button {
  min-width: 32px;
  height: 32px;
  padding: 6px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 20px;
}
.viact-pagination--medium .viact-pagination__button--nav {
  width: 32px;
}
.viact-pagination--medium .viact-pagination__button--nav svg {
  width: 16px;
  height: 16px;
}
.viact-pagination--medium .viact-pagination__dots {
  min-width: 32px;
  height: 32px;
  font-size: 14px;
}
.viact-pagination--small {
  gap: 16px;
}
.viact-pagination--small .viact-pagination__left {
  gap: 16px;
}
.viact-pagination--small .viact-pagination__button {
  min-width: 24px;
  height: 24px;
  padding: 4px;
  border-radius: 4px;
  font-size: 13px;
  line-height: 18px;
}
.viact-pagination--small .viact-pagination__button--nav {
  width: 24px;
}
.viact-pagination--small .viact-pagination__button--nav svg {
  width: 14px;
  height: 14px;
}
.viact-pagination--small .viact-pagination__dots {
  min-width: 24px;
  height: 24px;
  font-size: 13px;
}
.viact-pagination--small .viact-pagination__info,
.viact-pagination--small .viact-pagination__rows-label {
  font-size: 13px;
}
.viact-pagination--small .viact-pagination__text-button {
  padding: 6px 10px;
  font-size: 13px;
}
.viact-pagination--small .viact-pagination__dropdown-trigger {
  padding: 4px 8px;
  font-size: 13px;
}
/*!*****************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./src/shared/viact-ui/Checkbox/Checkbox.scss ***!
  \*****************************************************************************************************************************************************************/
/**
 * Global SCSS Variables
 * Mirrors uiV2 theme tokens for reuse outside the component library.
 */
/**
 * Viact Design System - Checkbox Styles
 * Based on Figma design: https://www.figma.com/design/NY44S3EzmRfMKvNDrgeIXy/Viact---XZY?node-id=92-18180
 */
/**
 * Global SCSS Variables
 * Mirrors uiV2 theme tokens for reuse outside the component library.
 */
.viact-checkbox {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  user-select: none;
}
.viact-checkbox--disabled {
  cursor: not-allowed;
}
.viact-checkbox--disabled .viact-checkbox__label,
.viact-checkbox--disabled .viact-checkbox__description {
  color: rgba(229, 240, 255, 0.4);
}
.viact-checkbox--error .viact-checkbox__box {
  border: 1px solid #fa303a;
}
.viact-checkbox__input-wrapper {
  position: relative;
  flex-shrink: 0;
}
.viact-checkbox__input {
  position: absolute;
  opacity: 0;
  width: 100%;
  height: 100%;
  cursor: inherit;
  margin: 0;
}
.viact-checkbox__box {
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 9, 32, 0.5);
  border: 1px solid rgba(255, 255, 255, 0.24);
  box-shadow: inset 0px 0px 6px 0px rgba(0, 9, 32, 0.32);
  transition: all 0.2s ease;
  color: transparent;
}
.viact-checkbox__box--checked {
  background: linear-gradient(180deg, rgba(43, 128, 255, 0.16) 0%, rgba(43, 128, 255, 0.4) 60%, rgba(43, 128, 255, 0.56) 100%);
  border: 1px solid rgba(43, 128, 255, 0.25);
  color: #ffffff;
}
.viact-checkbox__input:not(:disabled):hover + .viact-checkbox__box {
  box-shadow: 0px 0px 4px 0px rgba(43, 128, 255, 0.5), inset 0px 0px 6px 0px rgba(0, 9, 32, 0.32);
}
.viact-checkbox__input:focus-visible + .viact-checkbox__box {
  box-shadow: 0 0 0 2px rgba(43, 128, 255, 0.5);
}
.viact-checkbox__input:disabled + .viact-checkbox__box {
  background: rgba(255, 255, 255, 0.08);
  border-color: transparent;
  color: rgba(229, 240, 255, 0.4);
}
.viact-checkbox__content {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.viact-checkbox__label {
  font-family: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-weight: 400;
  color: #e5f0ff;
}
.viact-checkbox__description {
  font-family: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-weight: 400;
  color: rgba(229, 240, 255, 0.64);
}
.viact-checkbox--large .viact-checkbox__box {
  width: 20px;
  height: 20px;
  border-radius: 4px;
}
.viact-checkbox--large .viact-checkbox__box svg {
  width: 14px;
  height: 14px;
}
.viact-checkbox--large .viact-checkbox__label {
  font-size: 15px;
  line-height: 20px;
}
.viact-checkbox--large .viact-checkbox__description {
  font-size: 13px;
  line-height: 18px;
}
.viact-checkbox--medium .viact-checkbox__box {
  width: 16px;
  height: 16px;
  border-radius: 4px;
}
.viact-checkbox--medium .viact-checkbox__box svg {
  width: 12px;
  height: 12px;
}
.viact-checkbox--medium .viact-checkbox__label {
  font-size: 14px;
  line-height: 20px;
}
.viact-checkbox--medium .viact-checkbox__description {
  font-size: 12px;
  line-height: 16px;
}
.viact-checkbox--small .viact-checkbox__box {
  width: 14px;
  height: 14px;
  border-radius: 3px;
}
.viact-checkbox--small .viact-checkbox__box svg {
  width: 10px;
  height: 10px;
}
.viact-checkbox--small .viact-checkbox__label {
  font-size: 13px;
  line-height: 18px;
}
.viact-checkbox--small .viact-checkbox__description {
  font-size: 11px;
  line-height: 14px;
}
/*!***********************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./src/shared/viact-ui/Radio/Radio.scss ***!
  \***********************************************************************************************************************************************************/
/**
 * Global SCSS Variables
 * Mirrors uiV2 theme tokens for reuse outside the component library.
 */
/**
 * Viact Design System - Radio Styles
 * Based on Figma design: https://www.figma.com/design/NY44S3EzmRfMKvNDrgeIXy/Viact---XZY?node-id=92-18180
 */
/**
 * Global SCSS Variables
 * Mirrors uiV2 theme tokens for reuse outside the component library.
 */
.viact-radio {
  display: inline-flex;
  align-items: flex-start;
  gap: 8px;
  cursor: pointer;
  user-select: none;
}
.viact-radio--disabled {
  cursor: not-allowed;
}
.viact-radio--disabled .viact-radio__label,
.viact-radio--disabled .viact-radio__description {
  color: rgba(229, 240, 255, 0.4);
}
.viact-radio--error .viact-radio__circle {
  border: 1px solid #fa303a;
}
.viact-radio__input-wrapper {
  position: relative;
  flex-shrink: 0;
}
.viact-radio__input {
  position: absolute;
  opacity: 0;
  width: 100%;
  height: 100%;
  cursor: inherit;
  margin: 0;
}
.viact-radio__circle {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: rgba(0, 9, 32, 0.5);
  border: 1px solid rgba(255, 255, 255, 0.24);
  box-shadow: inset 0px 0px 6px 0px rgba(0, 9, 32, 0.32);
  transition: all 0.2s ease;
}
.viact-radio__circle--checked {
  background: linear-gradient(180deg, rgba(43, 128, 255, 0.16) 0%, rgba(43, 128, 255, 0.4) 60%, rgba(43, 128, 255, 0.56) 100%);
  border: 1px solid rgba(43, 128, 255, 0.25);
}
.viact-radio__dot {
  border-radius: 50%;
  background: #ffffff;
}
.viact-radio__input:not(:disabled):hover + .viact-radio__circle {
  box-shadow: 0px 0px 4px 0px rgba(43, 128, 255, 0.5), inset 0px 0px 6px 0px rgba(0, 9, 32, 0.32);
}
.viact-radio__input:focus-visible + .viact-radio__circle {
  box-shadow: 0 0 0 2px rgba(43, 128, 255, 0.5);
}
.viact-radio__input:disabled + .viact-radio__circle {
  background: rgba(255, 255, 255, 0.08);
  border-color: transparent;
}
.viact-radio__input:disabled + .viact-radio__circle .viact-radio__dot {
  background: rgba(229, 240, 255, 0.4);
}
.viact-radio__content {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.viact-radio__label {
  font-family: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-weight: 400;
  color: #e5f0ff;
}
.viact-radio__description {
  font-family: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-weight: 400;
  color: rgba(229, 240, 255, 0.64);
}
.viact-radio--large .viact-radio__circle {
  width: 20px;
  height: 20px;
}
.viact-radio--large .viact-radio__dot {
  width: 8px;
  height: 8px;
}
.viact-radio--large .viact-radio__label {
  font-size: 15px;
  line-height: 20px;
}
.viact-radio--large .viact-radio__description {
  font-size: 13px;
  line-height: 18px;
}
.viact-radio--medium .viact-radio__circle {
  width: 16px;
  height: 16px;
}
.viact-radio--medium .viact-radio__dot {
  width: 6px;
  height: 6px;
}
.viact-radio--medium .viact-radio__label {
  font-size: 14px;
  line-height: 20px;
}
.viact-radio--medium .viact-radio__description {
  font-size: 12px;
  line-height: 16px;
}
.viact-radio--small .viact-radio__circle {
  width: 14px;
  height: 14px;
}
.viact-radio--small .viact-radio__dot {
  width: 5px;
  height: 5px;
}
.viact-radio--small .viact-radio__label {
  font-size: 13px;
  line-height: 18px;
}
.viact-radio--small .viact-radio__description {
  font-size: 11px;
  line-height: 14px;
}
/*!*********************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./src/shared/viact-ui/Tabs/Tabs.scss ***!
  \*********************************************************************************************************************************************************/
/**
 * Global SCSS Variables
 * Mirrors uiV2 theme tokens for reuse outside the component library.
 */
/**
 * Viact Design System - Tabs Styles
 * Based on Figma design: https://www.figma.com/design/NY44S3EzmRfMKvNDrgeIXy/Viact---XZY
 */
/**
 * Global SCSS Variables
 * Mirrors uiV2 theme tokens for reuse outside the component library.
 */
.viact-tabs {
  display: flex;
  flex-direction: column;
  width: fit-content;
}
.viact-tabs--fullWidth {
  width: 100%;
}
.viact-tabs--fullWidth .viact-tabs__list {
  width: 100%;
}
.viact-tabs--fullWidth .viact-tabs__tab {
  flex: 1;
}
.viact-tabs__list {
  display: flex;
  align-items: center;
}
.viact-tabs__tab {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  font-family: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-weight: 500;
  color: rgba(229, 240, 255, 0.64);
  background: transparent;
  border: none;
  cursor: pointer;
  transition: all 0.2s ease;
  white-space: nowrap;
}
.viact-tabs__tab:hover:not(:disabled):not(.viact-tabs__tab--active) {
  color: #e5f0ff;
}
.viact-tabs__tab--active {
  color: #e5f0ff;
}
.viact-tabs__tab--disabled {
  color: rgba(229, 240, 255, 0.4);
  cursor: not-allowed;
}
.viact-tabs__tab-icon {
  display: flex;
  align-items: center;
  justify-content: center;
}
.viact-tabs__tab-icon svg {
  width: 100%;
  height: 100%;
}
.viact-tabs__tab-label {
  display: flex;
  align-items: center;
}
.viact-tabs__tab-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 18px;
  height: 18px;
  padding: 0 6px;
  font-size: 11px;
  font-weight: 600;
  line-height: 1;
  color: #ffffff;
  background: #2b80ff;
  border-radius: 9px;
}
.viact-tabs__panel {
  padding-top: 16px;
}
.viact-tabs--line .viact-tabs__list {
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  gap: 0;
}
.viact-tabs--line .viact-tabs__tab {
  position: relative;
  padding-bottom: 12px;
}
.viact-tabs--line .viact-tabs__tab::after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  right: 0;
  height: 2px;
  background: transparent;
  transition: background 0.2s ease;
}
.viact-tabs--line .viact-tabs__tab--active::after {
  background: #2b80ff;
}
.viact-tabs--pill .viact-tabs__list {
  gap: 4px;
  width: fit-content;
  padding: 4px;
  background: rgba(255, 255, 255, 0.04);
  border-radius: 8px;
}
.viact-tabs--pill .viact-tabs__tab {
  border-radius: 6px;
  border: 1px solid transparent;
}
.viact-tabs--pill .viact-tabs__tab:hover:not(:disabled):not(.viact-tabs--pill .viact-tabs__tab--active) {
  background: rgba(255, 255, 255, 0.08);
}
.viact-tabs--pill .viact-tabs__tab--active {
  background: linear-gradient(180deg, rgba(43, 128, 255, 0.16) 0%, rgba(43, 128, 255, 0.4) 60%, rgba(43, 128, 255, 0.56) 100%);
  border: 1px solid rgba(43, 128, 255, 0.25);
}
.viact-tabs--boxed .viact-tabs__list {
  gap: 0;
  background: rgba(0, 9, 32, 0.5);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 8px;
  padding: 4px;
}
.viact-tabs--boxed .viact-tabs__tab {
  border-radius: 6px;
  border: 1px solid transparent;
  position: relative;
}
.viact-tabs--boxed .viact-tabs__tab:not(:last-child)::before {
  content: "";
  position: absolute;
  right: 0;
  top: 25%;
  height: 50%;
  width: 1px;
  background: rgba(255, 255, 255, 0.08);
  transition: opacity 0.2s ease;
}
.viact-tabs--boxed .viact-tabs__tab:hover:not(:disabled):not(.viact-tabs--boxed .viact-tabs__tab--active) {
  background: rgba(255, 255, 255, 0.04);
}
.viact-tabs--boxed .viact-tabs__tab--active {
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.12);
}
.viact-tabs--boxed .viact-tabs__tab--active::before {
  opacity: 0;
}
.viact-tabs--boxed .viact-tabs__tab--active + .viact-tabs__tab::before {
  opacity: 0;
}
.viact-tabs--underline .viact-tabs__list {
  gap: 24px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
.viact-tabs--underline .viact-tabs__tab {
  position: relative;
  padding-bottom: 16px;
  padding-top: 4px;
}
.viact-tabs--underline .viact-tabs__tab::after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  right: 0;
  height: 3px;
  background: transparent;
  border-radius: 3px 3px 0 0;
  transition: all 0.2s ease;
}
.viact-tabs--underline .viact-tabs__tab--active {
  color: #2b80ff;
}
.viact-tabs--underline .viact-tabs__tab--active::after {
  background: #2b80ff;
}
.viact-tabs--complex .viact-tabs__list {
  gap: 1px;
  overflow-x: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.viact-tabs--complex .viact-tabs__list::-webkit-scrollbar {
  display: none;
}
.viact-tabs--complex .viact-tabs__tab {
  flex-direction: column;
  align-items: flex-start;
  padding: 11px 24px 11px 16px;
  gap: 0;
  position: relative;
  overflow: hidden;
  background: linear-gradient(180deg, rgba(187, 214, 255, 0.04) 0%, rgba(187, 214, 255, 0.08) 60%, rgba(187, 214, 255, 0.16) 100%);
}
.viact-tabs--complex .viact-tabs__tab:hover:not(:disabled):not(.viact-tabs--complex .viact-tabs__tab--active) {
  background: linear-gradient(180deg, rgba(187, 214, 255, 0.06) 0%, rgba(187, 214, 255, 0.12) 60%, rgba(187, 214, 255, 0.2) 100%);
}
.viact-tabs--complex .viact-tabs__tab--active {
  background: linear-gradient(180deg, rgba(43, 127, 255, 0.08) 0%, rgba(43, 127, 255, 0.24) 60%, rgba(43, 127, 255, 0.32) 100%);
  color: #ffffff;
}
.viact-tabs--complex .viact-tabs__tab--active .viact-tabs__tab-label {
  color: #ffffff;
}
.viact-tabs--complex .viact-tabs__tab--active .viact-tabs__tab-description {
  color: #e5f0ff;
}
.viact-tabs--complex .viact-tabs__tab--active .viact-tabs__tab-icon {
  color: #ffffff;
}
.viact-tabs--complex .viact-tabs__tab-content {
  display: flex;
  align-items: center;
  gap: 6px;
}
.viact-tabs--complex .viact-tabs__tab-text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 2px;
}
.viact-tabs--complex .viact-tabs__tab-label {
  font-size: 13px;
  line-height: 1.38;
  font-weight: 500;
  color: rgba(229, 240, 255, 0.64);
}
.viact-tabs--complex .viact-tabs__tab-description {
  font-size: 11px;
  line-height: 1.27;
  letter-spacing: 0.2px;
  color: rgba(229, 240, 255, 0.64);
}
.viact-tabs--complex .viact-tabs__tab-icon {
  width: 16px;
  height: 16px;
  color: rgba(229, 240, 255, 0.64);
}
.viact-tabs--complex .viact-tabs__tab-glow {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 12px;
  background: radial-gradient(ellipse at 50% 100%, rgba(43, 128, 255, 0.8) 0%, rgba(43, 128, 255, 0.4) 30%, transparent 70%);
  filter: blur(4px);
  pointer-events: none;
}
.viact-tabs--complex .viact-tabs__tab-glow::after {
  content: "";
  position: absolute;
  bottom: 6px;
  left: 0;
  right: 0;
  height: 2px;
  background: #2b80ff;
  box-shadow: 0 0 8px rgba(43, 128, 255, 0.8);
}
.viact-tabs--gradient .viact-tabs__list {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  width: 100%;
  gap: 2px;
  border-bottom: none;
  padding: 0;
}
.viact-tabs--gradient .viact-tabs__tab {
  background: transparent;
  border: none;
  padding: 12px 24px;
  font-size: 14px;
  font-weight: 600;
  font-family: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  color: rgba(229, 240, 255, 0.64);
  cursor: pointer;
  position: relative;
  transition: all 0.2s ease;
  text-align: center;
  flex: 0 0 auto;
  border-radius: 0;
  background: linear-gradient(180deg, rgba(187, 214, 255, 0.04) 0%, rgba(187, 214, 255, 0.08) 60%, rgba(187, 214, 255, 0.16) 100%);
  border-bottom: none;
}
.viact-tabs--gradient .viact-tabs__tab:hover:not(:disabled):not(.viact-tabs--gradient .viact-tabs__tab--active) {
  color: rgba(255, 255, 255, 0.9);
  background: linear-gradient(180deg, rgba(43, 127, 255, 0.08) 0%, rgba(43, 127, 255, 0.24) 60%, rgba(43, 127, 255, 0.32) 100%);
}
.viact-tabs--gradient .viact-tabs__tab--active {
  color: white;
  background: linear-gradient(180deg, rgba(43, 127, 255, 0.08) 0%, rgba(43, 127, 255, 0.24) 60%, rgba(43, 127, 255, 0.32) 100%);
  border-left: none;
  border-right: none;
  border-top: none;
  border-bottom: none;
  font-weight: 600;
}
.viact-tabs--gradient .viact-tabs__tab--active:hover {
  color: white;
  background: linear-gradient(180deg, rgba(43, 127, 255, 0.12) 0%, rgba(43, 127, 255, 0.28) 60%, rgba(43, 127, 255, 0.36) 100%);
}
.viact-tabs--gradient .viact-tabs__tab--active::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 2px;
  display: none;
}
.viact-tabs--gradient .viact-tabs__tab--disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.viact-tabs--gradient.viact-tabs--fullWidth .viact-tabs__tab {
  flex: 1;
}
.viact-tabs--vertical {
  flex-direction: row;
  gap: 24px;
}
.viact-tabs--vertical .viact-tabs__list {
  flex-direction: column;
  align-items: stretch;
  gap: 4px;
  border-right: 1px solid rgba(255, 255, 255, 0.08);
  border-bottom: none;
  padding-right: 16px;
  min-width: 160px;
}
.viact-tabs--vertical .viact-tabs__tab {
  justify-content: flex-start;
  position: relative;
  padding: 10px 16px;
  border-radius: 6px;
  text-align: left;
}
.viact-tabs--vertical .viact-tabs__tab::after {
  content: "";
  position: absolute;
  right: -17px;
  top: 50%;
  transform: translateY(-50%);
  width: 3px;
  height: 24px;
  background: transparent;
  border-radius: 3px 0 0 3px;
  transition: all 0.2s ease;
}
.viact-tabs--vertical .viact-tabs__tab:hover:not(:disabled):not(.viact-tabs--vertical .viact-tabs__tab--active) {
  background: rgba(255, 255, 255, 0.04);
}
.viact-tabs--vertical .viact-tabs__tab--active {
  background: rgba(43, 128, 255, 0.08);
}
.viact-tabs--vertical .viact-tabs__tab--active::after {
  background: #2b80ff;
}
.viact-tabs--vertical .viact-tabs__panel {
  padding-top: 0;
  padding-left: 0;
  flex: 1;
}
.viact-tabs--vertical.viact-tabs--fullWidth {
  width: 100%;
}
.viact-tabs--vertical.viact-tabs--fullWidth .viact-tabs__list {
  width: auto;
  min-width: 200px;
}
.viact-tabs--vertical.viact-tabs--fullWidth .viact-tabs__tab {
  flex: none;
}
.viact-tabs--large .viact-tabs__tab {
  font-size: 15px;
  line-height: 20px;
}
.viact-tabs--large.viact-tabs--line .viact-tabs__tab {
  padding: 12px 16px 12px;
}
.viact-tabs--large.viact-tabs--pill .viact-tabs__tab {
  padding: 8px 16px;
}
.viact-tabs--large.viact-tabs--boxed .viact-tabs__tab {
  padding: 10px 20px;
}
.viact-tabs--large.viact-tabs--underline .viact-tabs__tab {
  padding: 8px 0 16px;
}
.viact-tabs--large.viact-tabs--vertical .viact-tabs__tab {
  padding: 12px 20px;
}
.viact-tabs--large.viact-tabs--complex .viact-tabs__tab {
  padding: 14px 28px 14px 20px;
}
.viact-tabs--large.viact-tabs--complex .viact-tabs__tab-icon {
  width: 20px;
  height: 20px;
}
.viact-tabs--large.viact-tabs--complex .viact-tabs__tab-label {
  font-size: 15px;
}
.viact-tabs--large.viact-tabs--complex .viact-tabs__tab-description {
  font-size: 12px;
}
.viact-tabs--large .viact-tabs__tab-icon {
  width: 20px;
  height: 20px;
}
.viact-tabs--large .viact-tabs__tab-badge {
  min-width: 20px;
  height: 20px;
  font-size: 12px;
}
.viact-tabs--medium .viact-tabs__tab {
  font-size: 14px;
  line-height: 20px;
}
.viact-tabs--medium.viact-tabs--line .viact-tabs__tab {
  padding: 8px 12px 8px;
}
.viact-tabs--medium.viact-tabs--pill .viact-tabs__tab {
  padding: 6px 12px;
}
.viact-tabs--medium.viact-tabs--boxed .viact-tabs__tab {
  padding: 8px 16px;
}
.viact-tabs--medium.viact-tabs--underline .viact-tabs__tab {
  padding: 6px 0 14px;
}
.viact-tabs--medium.viact-tabs--vertical .viact-tabs__tab {
  padding: 10px 16px;
}
.viact-tabs--medium.viact-tabs--complex .viact-tabs__tab {
  padding: 11px 24px 11px 16px;
}
.viact-tabs--medium.viact-tabs--gradient .viact-tabs__tab {
  padding: 12px 24px;
}
.viact-tabs--medium.viact-tabs--complex .viact-tabs__tab-icon {
  width: 16px;
  height: 16px;
}
.viact-tabs--medium.viact-tabs--complex .viact-tabs__tab-label {
  font-size: 13px;
}
.viact-tabs--medium.viact-tabs--complex .viact-tabs__tab-description {
  font-size: 11px;
}
.viact-tabs--medium .viact-tabs__tab-icon {
  width: 18px;
  height: 18px;
}
.viact-tabs--small .viact-tabs__tab {
  font-size: 13px;
  line-height: 18px;
}
.viact-tabs--small.viact-tabs--line .viact-tabs__tab {
  padding: 6px 8px 6px;
}
.viact-tabs--small.viact-tabs--pill .viact-tabs__tab {
  padding: 4px 8px;
}
.viact-tabs--small.viact-tabs--boxed .viact-tabs__tab {
  padding: 6px 12px;
}
.viact-tabs--small.viact-tabs--underline .viact-tabs__tab {
  padding: 4px 0 12px;
}
.viact-tabs--small.viact-tabs--vertical .viact-tabs__tab {
  padding: 8px 12px;
}
.viact-tabs--small.viact-tabs--complex .viact-tabs__tab {
  padding: 8px 16px 8px 12px;
}
.viact-tabs--small.viact-tabs--gradient .viact-tabs__tab {
  padding: 10px 20px;
  font-size: 13px;
}
.viact-tabs--small.viact-tabs--complex .viact-tabs__tab-icon {
  width: 14px;
  height: 14px;
}
.viact-tabs--small.viact-tabs--complex .viact-tabs__tab-label {
  font-size: 12px;
}
.viact-tabs--small.viact-tabs--complex .viact-tabs__tab-description {
  font-size: 10px;
}
.viact-tabs--small .viact-tabs__tab-icon {
  width: 16px;
  height: 16px;
}
.viact-tabs--small .viact-tabs__tab-badge {
  min-width: 16px;
  height: 16px;
  font-size: 10px;
  padding: 0 4px;
}
/*!*************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./src/shared/viact-ui/Switch/Switch.scss ***!
  \*************************************************************************************************************************************************************/
/**
 * Global SCSS Variables
 * Mirrors uiV2 theme tokens for reuse outside the component library.
 */
/**
 * Viact Design System - Switch Styles
 * Based on Figma design
 */
/**
 * Global SCSS Variables
 * Mirrors uiV2 theme tokens for reuse outside the component library.
 */
.viact-switch {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  cursor: pointer;
  user-select: none;
}
.viact-switch--disabled {
  cursor: not-allowed;
}
.viact-switch--disabled .viact-switch__label,
.viact-switch--disabled .viact-switch__description {
  color: rgba(229, 240, 255, 0.4);
}
.viact-switch--disabled .viact-switch__track {
  background: rgba(255, 255, 255, 0.08);
  border-color: transparent;
}
.viact-switch--disabled .viact-switch__thumb {
  background: rgba(229, 240, 255, 0.4);
}
.viact-switch--error .viact-switch__track {
  border: 1px solid #fa303a;
}
.viact-switch__input-wrapper {
  position: relative;
  flex-shrink: 0;
}
.viact-switch__input {
  position: absolute;
  opacity: 0;
  width: 100%;
  height: 100%;
  cursor: inherit;
  margin: 0;
}
.viact-switch__track {
  display: flex;
  align-items: center;
  background: rgba(255, 255, 255, 0.16);
  border: 1px solid rgba(255, 255, 255, 0.12);
  transition: all 0.2s ease;
  position: relative;
}
.viact-switch__track--checked {
  background: linear-gradient(180deg, rgba(43, 128, 255, 0.4) 0%, rgba(43, 128, 255, 0.6) 60%, rgba(43, 128, 255, 0.8) 100%);
  border: 1px solid rgba(43, 128, 255, 0.25);
}
.viact-switch__track--checked .viact-switch__thumb {
  transform: translateX(100%);
}
.viact-switch__thumb {
  background: #ffffff;
  border-radius: 50%;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
  transition: transform 0.2s ease;
  position: absolute;
}
.viact-switch__input:not(:disabled):hover + .viact-switch__track {
  box-shadow: 0px 0px 4px 0px rgba(43, 128, 255, 0.5);
}
.viact-switch__input:focus-visible + .viact-switch__track {
  box-shadow: 0 0 0 2px rgba(43, 128, 255, 0.5);
}
.viact-switch__content {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.viact-switch__label {
  font-family: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-weight: 400;
  color: #e5f0ff;
}
.viact-switch__description {
  font-family: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-weight: 400;
  color: rgba(229, 240, 255, 0.64);
}
.viact-switch--large .viact-switch__track {
  width: 48px;
  height: 28px;
  border-radius: 14px;
  padding: 2px;
}
.viact-switch--large .viact-switch__thumb {
  width: 22px;
  height: 22px;
  left: 3px;
  top: 50%;
  transform: translateY(-50%);
}
.viact-switch--large .viact-switch__track--checked .viact-switch__thumb {
  transform: translateX(20px) translateY(-50%);
}
.viact-switch--large .viact-switch__label {
  font-size: 15px;
  line-height: 20px;
}
.viact-switch--large .viact-switch__description {
  font-size: 13px;
  line-height: 18px;
}
.viact-switch--medium .viact-switch__track {
  width: 40px;
  height: 24px;
  border-radius: 12px;
  padding: 2px;
}
.viact-switch--medium .viact-switch__thumb {
  width: 18px;
  height: 18px;
  left: 3px;
  top: 50%;
  transform: translateY(-50%);
}
.viact-switch--medium .viact-switch__track--checked .viact-switch__thumb {
  transform: translateX(16px) translateY(-50%);
}
.viact-switch--medium .viact-switch__label {
  font-size: 14px;
  line-height: 20px;
}
.viact-switch--medium .viact-switch__description {
  font-size: 12px;
  line-height: 16px;
}
.viact-switch--small .viact-switch__track {
  width: 32px;
  height: 20px;
  border-radius: 10px;
  padding: 2px;
}
.viact-switch--small .viact-switch__thumb {
  width: 14px;
  height: 14px;
  left: 3px;
  top: 50%;
  transform: translateY(-50%);
}
.viact-switch--small .viact-switch__track--checked .viact-switch__thumb {
  transform: translateX(12px) translateY(-50%);
}
.viact-switch--small .viact-switch__label {
  font-size: 13px;
  line-height: 18px;
}
.viact-switch--small .viact-switch__description {
  font-size: 11px;
  line-height: 14px;
}
/*!***********************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./src/shared/viact-ui/Modal/Modal.scss ***!
  \***********************************************************************************************************************************************************/
/**
 * Global SCSS Variables
 * Mirrors uiV2 theme tokens for reuse outside the component library.
 */
/**
 * Viact Design System - Modal Styles
 * Based on Figma design
 */
/**
 * Global SCSS Variables
 * Mirrors uiV2 theme tokens for reuse outside the component library.
 */
.viact-modal-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 9, 32, 0.8);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  z-index: 1300;
  display: flex;
  padding: 24px;
  overflow-y: auto;
  animation: viact-modal-fadeIn 0.2s ease;
}
.viact-modal-backdrop--centered {
  align-items: center;
  justify-content: center;
}
.viact-modal-backdrop--open {
  opacity: 1;
}

.viact-modal {
  position: relative;
  border-radius: 20px;
  backdrop-filter: blur(24px);
  -webkit-backdrop-filter: blur(24px);
  max-height: calc(100vh - 48px);
  display: flex;
  flex-direction: column;
  animation: viact-modal-slideIn 0.3s ease;
  padding: 0;
  border: none;
  background: linear-gradient(180deg, rgba(4, 38, 116, 0.125) 0%, rgba(4, 38, 116, 0.04) 100%), radial-gradient(30.05% 38.12% at 86.73% 4.75%, rgba(43, 128, 255, 0.24) 0%, rgba(43, 128, 255, 0) 99.59%);
  box-shadow: 0px 32px 64px 0px rgba(0, 9, 32, 0.12), 0px 16px 32px 0px rgba(0, 9, 32, 0.08), 0px 4px 8px 2px rgba(0, 9, 32, 0.32), 0px 0px 100px 0px rgba(187, 214, 255, 0.08) inset;
  isolation: isolate;
}
.viact-modal::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 20px;
  padding: 1.5px;
  border: 1.5px solid;
  background: linear-gradient(198.29deg, #4a80d1 0%, #d4e0f5 4.69%, #4a80d1 8.99%, #031a4c 16.91%, rgba(125, 177, 255, 0.25) 48.81%, rgba(125, 177, 255, 0.08) 81.47%);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  z-index: -1;
  pointer-events: none;
}
.viact-modal__header {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 16px 20px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  flex-shrink: 0;
}
.viact-modal__header--no-title {
  justify-content: flex-end;
}
.viact-modal__title {
  font-family: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 15px;
  line-height: 24px;
  color: #e5f0ff;
  margin: 0;
  flex: 1;
}
.viact-modal__close {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  padding: 0;
  border: none;
  background: transparent;
  color: #e5f0ff;
  cursor: pointer;
  border-radius: 6px;
  transition: all 0.15s ease;
  flex-shrink: 0;
}
.viact-modal__close:hover {
  background: rgba(255, 255, 255, 0.08);
  color: #e5f0ff;
}
.viact-modal__close:focus-visible {
  box-shadow: 0 0 0 2px rgba(43, 128, 255, 0.5);
  outline: none;
}
.viact-modal__body {
  padding: 20px;
  flex: 1;
  font-family: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-size: 14px;
  line-height: 20px;
  color: #e5f0ff;
}
.viact-modal__footer {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
  padding: 16px 20px;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  flex-shrink: 0;
}
.viact-modal--small {
  width: 400px;
  max-width: 100%;
}
.viact-modal--medium {
  width: 560px;
  max-width: 100%;
}
.viact-modal--large {
  width: 800px;
  max-width: 100%;
}
.viact-modal--fullscreen {
  width: calc(100vw - 48px);
  height: calc(100vh - 48px);
  max-width: 100%;
  max-height: 100%;
}

.viact-modal__custom-header {
  padding: 16px 20px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.viact-modal__custom-body {
  padding: 20px;
}

.viact-modal__custom-footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
  padding: 16px 20px;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
}

@keyframes viact-modal-fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes viact-modal-slideIn {
  from {
    opacity: 0;
    transform: scale(0.95) translateY(-10px);
  }
  to {
    opacity: 1;
    transform: scale(1) translateY(0);
  }
}
/*!******************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./src/shared/viact-ui/Modal/ConfirmModal.scss ***!
  \******************************************************************************************************************************************************************/
/**
 * Global SCSS Variables
 * Mirrors uiV2 theme tokens for reuse outside the component library.
 */
/**
 * Viact Design System - ConfirmModal Styles
 * Dark-themed confirmation modal with trash can icon
 */
/**
 * Global SCSS Variables
 * Mirrors uiV2 theme tokens for reuse outside the component library.
 */
.viact-confirm-modal {
  width: 432px;
}
.viact-confirm-modal__content {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 8px;
  margin-top: 8px;
}
.viact-confirm-modal__icon {
  width: 160px;
  height: 160px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.viact-confirm-modal__icon img {
  width: 100%;
  height: 100%;
  mix-blend-mode: luminosity;
}
.viact-confirm-modal__title {
  color: #ffffff;
  font-size: 22px;
  line-height: 28px;
  font-weight: 500;
  margin: 0 0 8px 0;
}
.viact-confirm-modal__subtitle {
  color: rgba(255, 255, 255, 0.7);
  margin: 0;
}
.viact-confirm-modal__name {
  color: rgba(255, 255, 255, 0.9);
  font-weight: 500;
  margin: 0;
}
.viact-confirm-modal__footer {
  display: flex;
  gap: 12px;
  justify-content: center;
  width: 100%;
  padding: 4px;
}
.viact-confirm-modal__footer .viact-btn {
  flex: 1;
  max-width: 88px;
}
.viact-confirm-modal .viact-modal__header {
  display: none;
  border-bottom: none;
  justify-content: flex-end;
}
.viact-confirm-modal__close {
  position: absolute;
  top: 16px;
  right: 16px;
}
.viact-confirm-modal .viact-modal__footer {
  border-top: none;
}
/*!***********************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./src/shared/viact-ui/Table/Table.scss ***!
  \***********************************************************************************************************************************************************/
/**
 * Global SCSS Variables
 * Mirrors uiV2 theme tokens for reuse outside the component library.
 */
/**
 * Viact Design System - Table Styles
 * Based on Figma table design
 */
/**
 * Global SCSS Variables
 * Mirrors uiV2 theme tokens for reuse outside the component library.
 */
.viact-table {
  width: 100%;
  background: transparent;
  border-radius: 4px;
  box-shadow: inset 0px 0px 6px rgba(0, 9, 32, 0.32);
  font-family: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  color: #e5f0ff;
  position: relative;
  overflow: hidden;
}
.viact-table--bordered {
  border: 1px solid rgba(255, 255, 255, 0.08);
}
.viact-table__wrapper {
  width: 100%;
  overflow-x: auto;
}
.viact-table table {
  width: 100%;
  border-collapse: collapse;
  min-width: 640px;
  position: relative;
}
.viact-table thead {
  background: transparent;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  text-transform: uppercase;
}
.viact-table th,
.viact-table td {
  padding: 11px 12px;
}
.viact-table th {
  text-align: left;
  line-height: 18px;
  font-size: 13px;
  font-weight: 500;
  color: rgba(229, 240, 255, 0.64);
  text-transform: uppercase;
  background: rgba(255, 255, 255, 0.0784313725);
}
.viact-table__headerCell {
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
.viact-table__headerButton {
  width: 100%;
  background: transparent;
  border: none;
  color: #e5f0ff;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 0;
  font: inherit;
  cursor: default;
}
.viact-table__headerButton span {
  color: #e5f0ff;
  text-align: left;
  text-transform: uppercase;
}
.viact-table__headerButton--sortable {
  cursor: pointer;
  color: #e5f0ff;
}
.viact-table__headerButton--sortable span {
  color: rgba(229, 240, 255, 0.64);
}
.viact-table__headerButton:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.viact-table__headerButton--active {
  color: #e5f0ff;
}
.viact-table__sortIcon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  color: rgba(229, 240, 255, 0.64);
}
.viact-table__sortIcon svg {
  width: 16px;
  height: 16px;
}
.viact-table__sortIcon .viact-table__sortIcon--asc {
  opacity: 0.4;
}
.viact-table__sortIcon .viact-table__sortIcon--desc {
  opacity: 0.4;
}
.viact-table__headerButton--active .viact-table__sortIcon {
  color: #e5f0ff;
}
.viact-table__headerButton--active .viact-table__sortIcon .viact-table__sortIcon--asc,
.viact-table__headerButton--active .viact-table__sortIcon .viact-table__sortIcon--desc {
  opacity: 1;
}
.viact-table tbody tr + tr {
  border-top: 1px solid rgba(255, 255, 255, 0.08);
}
.viact-table--striped tbody tr:nth-child(even) {
  background: transparent;
}
.viact-table--hoverable:not(.viact-table--empty):not(.viact-table--loading) tbody tr:hover {
  background: rgba(255, 255, 255, 0.08);
}
.viact-table__row--selected {
  background: rgba(43, 128, 255, 0.12);
}
.viact-table__cell--center {
  text-align: center;
}
.viact-table__cell--right {
  text-align: right;
}
.viact-table__selection {
  width: 48px;
  padding-left: 20px;
  background: rgba(0, 9, 32, 0.65);
  border-right: 1px solid rgba(255, 255, 255, 0.08);
}
.viact-table__selection--sticky {
  position: sticky;
  left: 0;
  z-index: 4;
}
.viact-table__checkbox {
  display: inline-flex;
  align-items: center;
  cursor: pointer;
}
.viact-table__checkbox input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
.viact-table__checkbox input:focus-visible + .viact-table__checkboxBox {
  box-shadow: 0 0 0 2px rgba(43, 128, 255, 0.5);
}
.viact-table__checkboxBox {
  width: 18px;
  height: 18px;
  border-radius: 4px;
  border: 1px solid rgba(255, 255, 255, 0.16);
  background: rgba(0, 9, 32, 0.5);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: all 0.15s ease;
}
.viact-table__checkboxBox::after {
  content: "";
  width: 10px;
  height: 10px;
  border-radius: 2px;
  background: #2b80ff;
  opacity: 0;
  transform: scale(0.5);
  transition: opacity 0.15s ease, transform 0.15s ease;
}
.viact-table input:checked + .viact-table__checkboxBox {
  border-color: rgba(43, 128, 255, 0.4);
}
.viact-table input:checked + .viact-table__checkboxBox::after {
  opacity: 1;
  transform: scale(1);
}
.viact-table__placeholder {
  padding: 32px;
  color: rgba(229, 240, 255, 0.64);
  width: 100%;
  min-height: 200px;
}
.viact-table__spinner {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  width: 100%;
  min-height: 200px;
}
.viact-table__spinner span {
  width: 14px;
  height: 14px;
  border-radius: 50%;
  border: 2px solid rgba(229, 240, 255, 0.3);
  border-top-color: #e5f0ff;
  animation: viact-table-spin 0.8s linear infinite;
}
.viact-table__placeholderContent {
  color: rgba(229, 240, 255, 0.64);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  gap: 12px;
}
.viact-table--loading::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 9, 32, 0.35);
  border-radius: inherit;
  pointer-events: none;
}
.viact-table--bordered tbody tr {
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
.viact-table--bordered tbody tr:last-child {
  border-bottom: none;
}
.viact-table--large th,
.viact-table--large td {
  padding: 18px 20px;
  font-size: 15px;
}
.viact-table--small th,
.viact-table--small td {
  padding: 10px 12px;
  font-size: 13px;
}
.viact-table__cell--fixed-left, .viact-table__cell--fixed-right, .viact-table__headerCell.viact-table__cell--fixed-left, .viact-table__headerCell.viact-table__cell--fixed-right {
  position: sticky;
  background: rgb(0, 9, 32);
  z-index: 3;
}
.viact-table__headerCell.viact-table__cell--fixed-left, .viact-table__headerCell.viact-table__cell--fixed-right {
  z-index: 5;
  background: rgb(0, 9, 32);
}
.viact-table__cell--fixed-left {
  left: 0;
}
.viact-table__cell--fixed-right {
  right: 0;
}

@keyframes viact-table-spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
/*!*********************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./src/shared/viact-ui/DatePicker/DatePicker.scss ***!
  \*********************************************************************************************************************************************************************/
/**
 * Global SCSS Variables
 * Mirrors uiV2 theme tokens for reuse outside the component library.
 */
/**
 * Viact Design System - DatePicker Styles
 * Based on Figma design: https://www.figma.com/design/NY44S3EzmRfMKvNDrgeIXy/Viact---XZY
 */
/**
 * Global SCSS Variables
 * Mirrors uiV2 theme tokens for reuse outside the component library.
 */
.viact-datepicker-wrapper {
  display: flex;
  flex-direction: column;
  gap: 4px;
  width: fit-content;
}
.viact-datepicker-wrapper--fullWidth {
  width: 100%;
}

.viact-datepicker__label-container {
  display: flex;
  align-items: center;
  gap: 2px;
}

.viact-datepicker__label {
  font-family: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.2px;
  color: #e5f0ff;
}

.viact-datepicker__required {
  color: #fa303a;
  margin-left: 2px;
}

.viact-datepicker-container {
  position: relative;
  width: 100%;
}

.viact-datepicker-trigger {
  display: flex;
  align-items: center;
  width: 100%;
  background: rgba(0, 9, 32, 0.5);
  border: 1px solid rgba(255, 255, 255, 0.12);
  box-shadow: inset 0px 0px 6px 0px rgba(0, 9, 32, 0.32);
  cursor: pointer;
  transition: all 0.2s ease;
  box-sizing: border-box;
}
.viact-datepicker-trigger:focus {
  outline: none;
}
.viact-datepicker-trigger--large {
  height: 44px;
  padding: 12px 16px;
  gap: 8px;
  border-radius: 8px;
}
.viact-datepicker-trigger--large .viact-datepicker__value {
  font-size: 14px;
  line-height: 20px;
}
.viact-datepicker-trigger--large .viact-datepicker__icon,
.viact-datepicker-trigger--large .viact-datepicker__clear {
  width: 20px;
  height: 20px;
}
.viact-datepicker-trigger--medium {
  height: 36px;
  padding: 8px 12px;
  gap: 6px;
  border-radius: 6px;
}
.viact-datepicker-trigger--medium .viact-datepicker__value {
  font-size: 14px;
  line-height: 20px;
}
.viact-datepicker-trigger--medium .viact-datepicker__icon,
.viact-datepicker-trigger--medium .viact-datepicker__clear {
  width: 20px;
  height: 20px;
}
.viact-datepicker-trigger--small {
  height: 32px;
  padding: 8px;
  gap: 4px;
  border-radius: 4px;
}
.viact-datepicker-trigger--small .viact-datepicker__value {
  font-size: 13px;
  line-height: 18px;
}
.viact-datepicker-trigger--small .viact-datepicker__icon,
.viact-datepicker-trigger--small .viact-datepicker__clear {
  width: 16px;
  height: 16px;
}
.viact-datepicker-trigger:hover:not(.viact-datepicker-trigger--disabled) {
  box-shadow: 0px 0px 4px 0px rgba(43, 128, 255, 0.5), inset 0px 0px 6px 0px rgba(0, 9, 32, 0.32);
}
.viact-datepicker-trigger--open {
  border: 1px solid #2b80ff;
  box-shadow: 0px 0px 4px 0px rgb(43, 128, 255), inset 0px 0px 6px 0px rgba(0, 9, 32, 0.32);
}
.viact-datepicker-trigger--error {
  border: 1px solid #fa303a;
  box-shadow: 0px 0px 4px 0px rgb(250, 48, 58), inset 0px 0px 6px 0px rgba(0, 9, 32, 0.32);
}
.viact-datepicker-trigger--disabled {
  background: rgba(255, 255, 255, 0.08);
  cursor: not-allowed;
}
.viact-datepicker-trigger--disabled .viact-datepicker__value {
  color: rgba(229, 240, 255, 0.4);
}
.viact-datepicker-trigger--disabled .viact-datepicker__icon {
  color: rgba(229, 240, 255, 0.4);
}
.viact-datepicker-trigger--filled .viact-datepicker__value {
  color: #ffffff;
}

.viact-datepicker__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  color: rgba(229, 240, 255, 0.64);
}
.viact-datepicker__icon svg {
  width: 100%;
  height: 100%;
}

.viact-datepicker__value {
  flex: 1;
  font-family: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-weight: 400;
  color: #e5f0ff;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.viact-datepicker__value--placeholder {
  color: rgba(229, 240, 255, 0.64);
}

.viact-datepicker__clear {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: none;
  background: transparent;
  color: rgba(229, 240, 255, 0.64);
  cursor: pointer;
  border-radius: 4px;
  transition: all 0.15s ease;
  flex-shrink: 0;
}
.viact-datepicker__clear:hover {
  color: #e5f0ff;
  background: rgba(255, 255, 255, 0.08);
}
.viact-datepicker__clear svg {
  width: 100%;
  height: 100%;
}

.viact-datepicker-dropdown {
  position: fixed;
  z-index: 1400;
  background: rgba(0, 9, 32, 0.95);
  border: 1px solid rgba(255, 255, 255, 0.08);
  box-shadow: 0px 8px 24px rgba(0, 9, 32, 0.48), 0px 4px 8px rgba(0, 9, 32, 0.24);
  backdrop-filter: blur(24px);
  padding: 16px;
  animation: viact-datepicker-fadeIn 0.2s ease;
}
.viact-datepicker-dropdown--large {
  border-radius: 12px;
  min-width: 320px;
}
.viact-datepicker-dropdown--medium {
  border-radius: 10px;
  min-width: 300px;
}
.viact-datepicker-dropdown--small {
  border-radius: 8px;
  min-width: 280px;
  padding: 12px;
}

@keyframes viact-datepicker-fadeIn {
  from {
    opacity: 0;
    transform: translateY(-8px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.viact-datepicker__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 16px;
}

.viact-datepicker__nav {
  display: flex;
  align-items: center;
  gap: 4px;
}

.viact-datepicker__nav-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  padding: 0;
  border: none;
  background: transparent;
  color: rgba(229, 240, 255, 0.64);
  cursor: pointer;
  border-radius: 6px;
  transition: all 0.15s ease;
}
.viact-datepicker__nav-btn:hover {
  background: rgba(255, 255, 255, 0.08);
  color: #e5f0ff;
}
.viact-datepicker__nav-btn svg {
  width: 16px;
  height: 16px;
  margin: 0 -4px;
}

.viact-datepicker__title {
  font-family: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-weight: 600;
  font-size: 15px;
  line-height: 20px;
  color: #e5f0ff;
}

.viact-datepicker__weekdays {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 0;
  margin-bottom: 8px;
}

.viact-datepicker__weekday {
  font-family: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  color: rgba(229, 240, 255, 0.64);
  text-align: center;
  padding: 8px 0;
}

.viact-datepicker__days {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 0;
}

.viact-datepicker__day {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  aspect-ratio: 1;
  padding: 0;
  border: none;
  background: transparent;
  font-family: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #e5f0ff;
  cursor: pointer;
  border-radius: 8px;
  transition: all 0.15s ease;
}
.viact-datepicker__day:hover:not(.viact-datepicker__day--disabled):not(.viact-datepicker__day--selected) {
  background: rgba(255, 255, 255, 0.16);
}
.viact-datepicker__day--empty {
  cursor: default;
}
.viact-datepicker__day--today {
  color: #2b80ff;
  font-weight: 500;
  position: relative;
}
.viact-datepicker__day--today::after {
  content: "";
  position: absolute;
  bottom: 4px;
  left: 50%;
  transform: translateX(-50%);
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #2b80ff;
}
.viact-datepicker__day--selected {
  background: linear-gradient(180deg, rgba(43, 128, 255, 0.16) 0%, rgba(43, 128, 255, 0.4) 60%, rgba(43, 128, 255, 0.56) 100%);
  border: 1px solid rgba(43, 128, 255, 0.25);
  color: #ffffff;
  font-weight: 500;
}
.viact-datepicker__day--range-start {
  background: linear-gradient(180deg, rgba(43, 128, 255, 0.16) 0%, rgba(43, 128, 255, 0.4) 60%, rgba(43, 128, 255, 0.56) 100%);
  border: 1px solid rgba(43, 128, 255, 0.25);
  border-right: none;
  color: #ffffff;
  font-weight: 500;
  border-radius: 8px 0 0 8px;
  position: relative;
  z-index: 1;
}
.viact-datepicker__day--range-end {
  background: linear-gradient(180deg, rgba(43, 128, 255, 0.16) 0%, rgba(43, 128, 255, 0.4) 60%, rgba(43, 128, 255, 0.56) 100%);
  border: 1px solid rgba(43, 128, 255, 0.25);
  border-left: none;
  color: #ffffff;
  font-weight: 500;
  border-radius: 0 8px 8px 0;
  position: relative;
  z-index: 1;
}
.viact-datepicker__day--in-range {
  background: rgba(43, 128, 255, 0.12) !important;
  color: #e5f0ff;
  position: relative;
  border-radius: 0;
  border-left: none;
  border-right: none;
}
.viact-datepicker__day--in-range:hover:not(.viact-datepicker__day--in-range--disabled) {
  background: rgba(43, 128, 255, 0.16) !important;
}
.viact-datepicker__day--in-range.viact-datepicker__day--today {
  background: rgba(43, 128, 255, 0.12) !important;
}
.viact-datepicker__day--range-start.viact-datepicker__day--range-end {
  border-radius: 8px;
}
.viact-datepicker__day--disabled {
  color: rgba(229, 240, 255, 0.4);
  cursor: not-allowed;
}

.viact-datepicker__footer {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.viact-datepicker__today-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 6px 16px;
  font-family: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-weight: 500;
  font-size: 13px;
  line-height: 18px;
  color: #2b80ff;
  background: transparent;
  border: 1px solid rgba(43, 128, 255, 0.25);
  border-radius: 6px;
  cursor: pointer;
  transition: all 0.15s ease;
}
.viact-datepicker__today-btn:hover {
  background: rgba(255, 255, 255, 0.16);
}

.viact-datepicker__helper-text {
  font-family: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-weight: 400;
  font-size: 11px;
  line-height: 14px;
  letter-spacing: 0.2px;
  color: rgba(229, 240, 255, 0.64);
}
.viact-datepicker__helper-text--error {
  color: #fa303a;
}
/*!*********************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./src/shared/viact-ui/EmptyState/EmptyState.scss ***!
  \*********************************************************************************************************************************************************************/
/**
 * Global SCSS Variables
 * Mirrors uiV2 theme tokens for reuse outside the component library.
 */
/**
 * Viact Design System - EmptyState Styles
 * Based on Figma design: https://www.figma.com/design/NY44S3EzmRfMKvNDrgeIXy/Viact---XZY?node-id=4159-37705
 */
/**
 * Global SCSS Variables
 * Mirrors uiV2 theme tokens for reuse outside the component library.
 */
.viact-empty-state {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 48px 24px;
}
.viact-empty-state__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 24px;
  opacity: 0.9;
}
.viact-empty-state__icon svg {
  width: 100%;
  height: 100%;
}
.viact-empty-state__title {
  font-family: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-weight: 600;
  color: #e5f0ff;
  margin: 0 0 8px 0;
}
.viact-empty-state__description {
  font-family: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-weight: 400;
  color: rgba(229, 240, 255, 0.64);
  margin: 0 0 24px 0;
  max-width: 360px;
}
.viact-empty-state__action {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
}
.viact-empty-state--default {
  background: transparent;
}
.viact-empty-state--minimal {
  padding: 32px 16px;
}
.viact-empty-state--minimal .viact-empty-state__icon {
  margin-bottom: 16px;
}
.viact-empty-state--minimal .viact-empty-state__description {
  margin-bottom: 16px;
}
.viact-empty-state--card {
  background: rgba(0, 9, 32, 0.5);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 12px;
  box-shadow: inset 0px 0px 6px rgba(0, 9, 32, 0.32);
}
.viact-empty-state--large {
  padding: 64px 32px;
}
.viact-empty-state--large .viact-empty-state__icon {
  width: 120px;
  height: 120px;
  margin-bottom: 32px;
}
.viact-empty-state--large .viact-empty-state__title {
  font-size: 22px;
  line-height: 28px;
  margin-bottom: 12px;
}
.viact-empty-state--large .viact-empty-state__description {
  font-size: 15px;
  line-height: 22px;
  max-width: 420px;
}
.viact-empty-state--medium {
  padding: 48px 24px;
}
.viact-empty-state--medium .viact-empty-state__icon {
  width: 80px;
  height: 80px;
  margin-bottom: 24px;
}
.viact-empty-state--medium .viact-empty-state__title {
  font-size: 18px;
  line-height: 24px;
  margin-bottom: 8px;
}
.viact-empty-state--medium .viact-empty-state__description {
  font-size: 14px;
  line-height: 20px;
}
.viact-empty-state--small {
  padding: 32px 16px;
}
.viact-empty-state--small .viact-empty-state__icon {
  width: 56px;
  height: 56px;
  margin-bottom: 16px;
}
.viact-empty-state--small .viact-empty-state__title {
  font-size: 15px;
  line-height: 20px;
  margin-bottom: 4px;
}
.viact-empty-state--small .viact-empty-state__description {
  font-size: 13px;
  line-height: 18px;
  margin-bottom: 16px;
}
/*!***************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./src/shared/viact-ui/Tooltip/Tooltip.scss ***!
  \***************************************************************************************************************************************************************/
/**
 * Global SCSS Variables
 * Mirrors uiV2 theme tokens for reuse outside the component library.
 */
/* Viact Tooltip Styles - Material-UI Customization */
/* Most styles are handled by withStyles in the component */
.viact-tooltip {
  display: inline-flex;
}
/*!*******************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./src/shared/viact-ui/ClickToCopyText/ClickToCopyText.scss ***!
  \*******************************************************************************************************************************************************************************/
/**
 * Global SCSS Variables
 * Mirrors uiV2 theme tokens for reuse outside the component library.
 */
.click-to-copy-text {
  transition: all 0.2s ease;
  display: inline-block;
}
.click-to-copy-text:hover {
  opacity: 0.8;
}
.click-to-copy-text:active {
  opacity: 0.6;
}
.click-to-copy-text.copied {
  color: #58d765;
}
/*!*****************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./src/shared/viact-ui/Skeleton/Skeleton.scss ***!
  \*****************************************************************************************************************************************************************/
/**
 * Global SCSS Variables
 * Mirrors uiV2 theme tokens for reuse outside the component library.
 */
/* Viact Skeleton Styles - Material-UI Customization */
/* Most styles are handled by withStyles in the component */
.viact-skeleton-text-stack {
  display: flex;
  flex-direction: column;
  width: 100%;
}
/*!***********************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./src/shared/viact-ui/Badge/Badge.scss ***!
  \***********************************************************************************************************************************************************/
/**
 * Global SCSS Variables
 * Mirrors uiV2 theme tokens for reuse outside the component library.
 */
/* Viact Badge Styles - Material-UI Customization */
/* Most styles are handled by withStyles in the component */
.viact-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-family: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-weight: 600;
  letter-spacing: 0.02em;
  border-radius: 999px;
  box-shadow: 0 8px 24px rgba(4, 8, 20, 0.35);
  line-height: 1;
  box-sizing: border-box;
}
/*!*********************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./src/shared/viact-ui/PhoneNumberInput/PhoneNumberInput.scss ***!
  \*********************************************************************************************************************************************************************************/
/**
 * Global SCSS Variables
 * Mirrors uiV2 theme tokens for reuse outside the component library.
 */
/**
 * Viact Design System - PhoneNumberInput Styles
 * Based on Figma design: https://www.figma.com/design/NY44S3EzmRfMKvNDrgeIXy/Viact---XZY?node-id=4115-17738
 */
/**
 * Global SCSS Variables
 * Mirrors uiV2 theme tokens for reuse outside the component library.
 */
.viact-phone-input-wrapper {
  width: fit-content;
}
.viact-phone-input-wrapper--fullWidth {
  width: 100%;
}

.viact-phone-input__country-selector {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  height: 100%;
}

.viact-phone-input__country-trigger {
  display: flex;
  align-items: center;
  gap: 6px;
  background: transparent;
  border: none;
  cursor: pointer;
  color: #e5f0ff;
}
.viact-phone-input__country-trigger:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.viact-phone-input__country-trigger .viact-icon {
  color: inherit;
}

.viact-phone-input__flag {
  font-size: 20px;
  line-height: 1;
  display: flex;
  align-items: center;
  flex-shrink: 0;
  flex-direction: row;
}

.viact-phone-input__input .viact-input__icon {
  width: max-content;
}

.viact-phone-input__country-code {
  font-size: 12px;
  font-weight: 500;
  color: inherit;
  white-space: nowrap;
}

.viact-phone-input__input > .viact-input-container--large {
  padding-left: 0px;
}
.viact-phone-input__input > .viact-input-container--large .viact-phone-input__country-trigger {
  padding-left: 16px;
}
.viact-phone-input__input > .viact-input-container--large .viact-phone-input__country-selector {
  padding-right: 16px;
}
.viact-phone-input__input > .viact-input-container--large .viact-phone-input__flag {
  font-size: 24px;
}
.viact-phone-input__input > .viact-input-container--large .viact-phone-input__country-code {
  font-size: 16px;
}

.viact-phone-input__input > .viact-input-container--medium {
  padding-left: 0px;
}
.viact-phone-input__input > .viact-input-container--medium .viact-phone-input__country-trigger {
  padding-left: 12px;
}
.viact-phone-input__input > .viact-input-container--medium .viact-phone-input__country-selector {
  padding-right: 12px;
}
.viact-phone-input__input > .viact-input-container--medium .viact-phone-input__flag {
  font-size: 20px;
}
.viact-phone-input__input > .viact-input-container--medium .viact-phone-input__country-code {
  font-size: 14px;
}

.viact-phone-input__input > .viact-input-container--small {
  padding-left: 0px;
}
.viact-phone-input__input > .viact-input-container--small .viact-phone-input__country-trigger {
  padding-left: 8px;
}
.viact-phone-input__input > .viact-input-container--small .viact-phone-input__country-selector {
  padding-right: 8px;
}
.viact-phone-input__input > .viact-input-container--small .viact-phone-input__flag {
  font-size: 16px;
}
.viact-phone-input__input > .viact-input-container--small .viact-phone-input__country-code {
  font-size: 12px;
}

.viact-phone-input__country-select .viact-select__custom-trigger {
  display: flex;
  align-items: center;
  cursor: pointer;
  user-select: none;
}
.viact-phone-input__country-select .viact-select-wrapper {
  width: 100%;
}
/*!*********************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./src/shared/viact-ui/Breadcrumb/Breadcrumb.scss ***!
  \*********************************************************************************************************************************************************************/
/**
 * Global SCSS Variables
 * Mirrors uiV2 theme tokens for reuse outside the component library.
 */
/**
 * Viact Design System - Breadcrumb Styles
 * Based on Figma design: https://www.figma.com/design/NY44S3EzmRfMKvNDrgeIXy/Viact---XZY
 */
/**
 * Global SCSS Variables
 * Mirrors uiV2 theme tokens for reuse outside the component library.
 */
.viact-breadcrumb {
  font-family: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  display: flex;
  align-items: center;
}
.viact-breadcrumb--small .viact-breadcrumb__item {
  padding: 4px 8px;
  gap: 4px;
}
.viact-breadcrumb--small .viact-breadcrumb__separator {
  margin: 0 4px;
}
.viact-breadcrumb--medium .viact-breadcrumb__item {
  padding: 6px 10px;
  gap: 6px;
}
.viact-breadcrumb--medium .viact-breadcrumb__separator {
  margin: 0 6px;
}

.viact-breadcrumb__list {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  list-style: none;
  margin: 0;
  padding: 0;
  gap: 0;
}

.viact-breadcrumb__list-item {
  display: flex;
  align-items: center;
  list-style: none;
  margin: 0;
  padding: 0;
}

.viact-breadcrumb__item {
  display: inline-flex;
  align-items: center;
  color: rgba(229, 240, 255, 0.64);
  text-decoration: none;
  border: none;
  background: none;
  cursor: pointer;
  transition: color 0.2s ease;
  border-radius: 4px;
  font-family: inherit;
}
.viact-breadcrumb__item:hover:not(.viact-breadcrumb__item--disabled):not(.viact-breadcrumb__item--last) {
  color: #ffffff;
}
.viact-breadcrumb__item:focus {
  outline: 2px solid rgba(43, 128, 255, 0.6);
  outline-offset: 2px;
}
.viact-breadcrumb__item--disabled {
  color: rgba(229, 240, 255, 0.4);
  cursor: default;
  pointer-events: none;
}
.viact-breadcrumb__item--last {
  color: #e5f0ff;
  cursor: default;
  font-weight: 500;
}

.viact-breadcrumb__item-icon {
  display: inline-flex;
  align-items: center;
  margin-right: 4px;
  flex-shrink: 0;
}

.viact-breadcrumb__item-label {
  white-space: nowrap;
}

.viact-breadcrumb__separator {
  display: inline-flex;
  align-items: center;
  color: rgba(229, 240, 255, 0.4);
  flex-shrink: 0;
  user-select: none;
}
/*!*************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/shared/viact-ui/Card/Card.css ***!
  \*************************************************************************************/
/**
 * Viact Design System - Card Styles
 * Based on Figma design: https://www.figma.com/design/NY44S3EzmRfMKvNDrgeIXy/Viact---XZY?node-id=4263-100
 */

.viact-card {
  position: relative;
  border-radius: 8px;
  box-sizing: border-box;
  transition: all 0.3s ease;
  /* Card background from Figma */
  background: linear-gradient(
      180deg,
      rgba(4, 38, 116, 0.125) 0%,
      rgba(4, 38, 116, 0.04) 100%
    ),
    radial-gradient(
      30.05% 38.12% at 86.73% 4.75%,
      rgba(43, 128, 255, 0.24) 0%,
      rgba(43, 128, 255, 0) 99.59%
    );
  /* Border using pseudo-element for border-radius compatibility */
  border: none;
  padding: 1.5px;
  backdrop-filter: blur(8px);
}

.viact-card::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 8px;
  padding: 1.5px;
  background: linear-gradient(
    198.29deg,
    #4a80d1 0%,
    #d4e0f5 4.69%,
    #4a80d1 8.99%,
    #031a4c 16.91%,
    rgba(125, 177, 255, 0.25) 48.81%,
    rgba(125, 177, 255, 0.08) 81.47%
  );
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask-composite: exclude;
  -webkit-mask-composite: xor;
  z-index: 0;
  pointer-events: none;
}

.viact-card__content {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 24px;
  border-radius: calc(8px - 1.5px);
  background: linear-gradient(
      180deg,
      rgba(4, 38, 116, 0.125) 0%,
      rgba(4, 38, 116, 0.04) 100%
    ),
    radial-gradient(
      30.05% 38.12% at 86.73% 4.75%,
      rgba(43, 128, 255, 0.24) 0%,
      rgba(43, 128, 255, 0) 99.59%
    );
}

.viact-card--default {
  /* Uses default styles above */
}

.viact-card--elevated {
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
}

.viact-card--outlined {
  /* Uses default border from ::before */
}

.viact-card--animated-border {
  border: none;
  overflow: visible;
  background: linear-gradient(
      180deg,
      rgba(4, 38, 116, 0.125) 0%,
      rgba(4, 38, 116, 0.04) 100%
    ),
    radial-gradient(
      30.05% 38.12% at 86.73% 4.75%,
      rgba(43, 128, 255, 0.24) 0%,
      rgba(43, 128, 255, 0) 99.59%
    );
}

.viact-card--animated-border::before {
  content: '';
  position: absolute;
  top: -1.5px;
  left: -1.5px;
  right: -1.5px;
  bottom: -1.5px;
  border-radius: inherit;
  background: conic-gradient(
    from 0deg,
    #4a80d1 0%,
    #d4e0f5 25%,
    #4a80d1 50%,
    rgba(125, 177, 255, 0.5) 75%,
    #4a80d1 100%
  );
  animation: viact-card-border-spin var(--border-animation-speed, 3s) linear
    infinite;
  z-index: 0;
  padding: 1.5px;
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask-composite: exclude;
  -webkit-mask-composite: xor;
}

.viact-card--animated-border .viact-card__content {
  border-radius: calc(8px - 1.5px);
  background: linear-gradient(
      180deg,
      rgba(4, 38, 116, 0.125) 0%,
      rgba(4, 38, 116, 0.04) 100%
    ),
    radial-gradient(
      30.05% 38.12% at 86.73% 4.75%,
      rgba(43, 128, 255, 0.24) 0%,
      rgba(43, 128, 255, 0) 99.59%
    );
}

.viact-card--animated-border:hover::before {
  animation-duration: calc(var(--border-animation-speed, 3s) * 0.7);
}

.viact-card--small {
  border-radius: 6px;
  padding: 1.5px;
}

.viact-card--small::before {
  border-radius: 6px;
}

.viact-card--small .viact-card__content {
  border-radius: calc(6px - 1.5px);
}

.viact-card--small.viact-card--animated-border::before {
  top: -1.5px;
  left: -1.5px;
  right: -1.5px;
  bottom: -1.5px;
  border-radius: 6px;
  padding: 1.5px;
}

.viact-card--small.viact-card--animated-border .viact-card__content {
  border-radius: calc(6px - 1.5px);
}

.viact-card--medium {
  border-radius: 8px;
  padding: 1.5px;
}

.viact-card--medium::before {
  border-radius: 8px;
}

.viact-card--medium .viact-card__content {
  border-radius: calc(8px - 1.5px);
}

.viact-card--medium.viact-card--animated-border::before {
  top: -1.5px;
  left: -1.5px;
  right: -1.5px;
  bottom: -1.5px;
  border-radius: 8px;
  padding: 1.5px;
}

.viact-card--medium.viact-card--animated-border .viact-card__content {
  border-radius: calc(8px - 1.5px);
}

.viact-card--large {
  border-radius: 12px;
  padding: 1.5px;
}

.viact-card--large::before {
  border-radius: 12px;
}

.viact-card--large .viact-card__content {
  border-radius: calc(12px - 1.5px);
}

.viact-card--large.viact-card--animated-border::before {
  top: -1.5px;
  left: -1.5px;
  right: -1.5px;
  bottom: -1.5px;
  border-radius: 12px;
  padding: 1.5px;
}

.viact-card--large.viact-card--animated-border .viact-card__content {
  border-radius: calc(12px - 1.5px);
}

.viact-card--padding-none .viact-card__content {
  padding: 0;
  gap: 0;
}

.viact-card--padding-small .viact-card__content {
  padding: 12px;
  gap: 12px;
}

.viact-card--padding-medium .viact-card__content {
  padding: 20px;
  gap: 24px;
}

.viact-card--padding-large .viact-card__content {
  padding: 32px;
  gap: 24px;
}

.viact-card--clickable {
  cursor: pointer;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.viact-card--clickable:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.4);
}

.viact-card--clickable:active {
  transform: translateY(0);
}

.viact-card:focus-visible {
  outline: 2px solid #2b80ff;
  outline-offset: 2px;
}

@keyframes viact-card-border-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/*!***********************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/shared/viact-ui/GlassCard/GlassCard.css ***!
  \***********************************************************************************************/
/**
 * Viact Design System - GlassCard Styles
 * Glass morphism card with header and title
 * Based on Figma design: https://www.figma.com/design/NY44S3EzmRfMKvNDrgeIXy/Viact---XZY?node-id=4274-46095
 */

.viact-glass-card {
  position: relative;
  border-radius: 8px;
  box-sizing: border-box;
  transition: all 0.3s ease;
  box-shadow: none;
  /* Glass morphism background */
  background: linear-gradient(
      180deg,
      rgba(46, 51, 90, 0) 0%,
      rgba(28, 27, 51, 0.05) 100%
    ),
    radial-gradient(
      146.13% 118.42% at 50% -15.5%,
      rgba(255, 255, 255, 0.02) 0%,
      rgba(255, 255, 255, 0) 99.59%
    );

  background-repeat: no-repeat, no-repeat;
  background-position: 0 0, 0 0;
  /* Border with gradient */
  border: 1px solid rgba(255, 255, 255, 0.18);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}

.viact-glass-card--shadow {
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.25);
}

.viact-glass-card::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 8px;
  /* Background pattern with reduced opacity */
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEcAAAA9CAYAAAD/CXS4AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACFSURBVHgB7dtBDcMwDEBRgxiGgRiHcSjTwogSNE0ZuKrVHPreOVJy/LKciJdprf0CAAAeMwv0GwuMMfYAAIDbZtH+M+dmgW5RKFu02fdV3wsAADUulG/prLm6fG1jAAC8VbYEe++fynNZ1SVd/T4AAKiRnflmi9b2BAAAz1q1dbDq59/pADCUP9Ibgjh0AAAAAElFTkSuQmCC);
  background-repeat: repeat;
  background-position: 0 0;
  opacity: 0.24;
  pointer-events: none;
  z-index: 0;
}

.viact-glass-card::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 8px;
  background: linear-gradient(
    135deg,
    rgba(255, 255, 255, 0.1) 0%,
    rgba(255, 255, 255, 0.05) 50%,
    rgba(255, 255, 255, 0.02) 100%
  );
  pointer-events: none;
  z-index: 1;
}

.viact-glass-card__content {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  border-radius: 8px;
}

/* Padding variants */
.viact-glass-card--padding-none .viact-glass-card__content {
  padding: 0;
}

.viact-glass-card--padding-small .viact-glass-card__content {
  padding: 12px;
}

.viact-glass-card--padding-medium .viact-glass-card__content {
  padding: 20px;
}

.viact-glass-card--padding-large .viact-glass-card__content {
  padding: 32px;
}

/* Header styles */
.viact-glass-card__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 16px;
  gap: 16px;
}

.viact-glass-card__title {
  margin: 0;
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
  color: #ffffff;
  letter-spacing: -0.01em;
}

/* Clickable state */
.viact-glass-card--clickable {
  cursor: pointer;
  transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}

.viact-glass-card--clickable:hover {
  transform: translateY(-2px);
  border-color: rgba(255, 255, 255, 0.3);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
}

.viact-glass-card--clickable:active {
  transform: translateY(0);
}

/* Disable hover effects */
.viact-glass-card--no-hover:hover {
  transform: none;
  border-color: rgba(255, 255, 255, 0.18);
  box-shadow: none;
}

/* Focus state */
.viact-glass-card:focus-visible {
  outline: 2px solid #2b80ff;
  outline-offset: 2px;
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .viact-glass-card--padding-medium .viact-glass-card__content {
    padding: 16px;
  }

  .viact-glass-card--padding-large .viact-glass-card__content {
    padding: 24px;
  }

  .viact-glass-card__title {
    font-size: 16px;
    line-height: 22px;
  }
}

/*!***********************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/shared/viact-ui/HaloImage/HaloImage.css ***!
  \***********************************************************************************************/
/**
 * Viact Design System - HaloImage Styles
 */

.viact-halo-image {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}

.viact-halo-image__halo {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
}

.viact-halo-image__img {
  height: auto;
  object-fit: contain;
  position: relative;
  z-index: 1;
}

/*!*************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./src/shared/viact-ui/Avatar/Avatar.scss ***!
  \*************************************************************************************************************************************************************/
/**
 * Global SCSS Variables
 * Mirrors uiV2 theme tokens for reuse outside the component library.
 */
.viact-avatar {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  flex-shrink: 0;
  background-color: rgba(229, 240, 255, 0.18);
  color: #e5f0ff;
  font-family: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-weight: 600;
  user-select: none;
}
.viact-avatar--circle {
  border-radius: 50%;
}
.viact-avatar--rounded {
  border-radius: 8px;
}
.viact-avatar--square {
  border-radius: 4px;
}
.viact-avatar--clickable {
  cursor: pointer;
  transition: opacity 0.2s ease;
}
.viact-avatar--clickable:hover {
  opacity: 0.85;
}
.viact-avatar--clickable:focus-visible {
  outline: 2px solid #2b80ff;
  outline-offset: 2px;
}
.viact-avatar__image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.viact-avatar__initials {
  line-height: 1;
  letter-spacing: 0.02em;
}
.viact-avatar__placeholder {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 60%;
  height: 60%;
  opacity: 0.64;
}
.viact-avatar__placeholder svg {
  width: 100%;
  height: 100%;
}
/*!*********************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/shared/viact-ui/PieChart/PieChart.css ***!
  \*********************************************************************************************/
/**
 * Viact Design System - PieChart Styles
 * Based on Figma design: https://www.figma.com/design/NY44S3EzmRfMKvNDrgeIXy/Viact---XZY?node-id=4274-46268
 */

.viact-pie-chart {
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 200px;
}

.viact-pie-chart foreignObject > div {
  text-align: center;
}

.viact-pie-chart svg {
  display: block;
}

/*!***************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/shared/viact-ui/PieChart/PieChartLegend.css ***!
  \***************************************************************************************************/
/**
 * Viact Design System - PieChart Legend Styles
 * Based on Figma design: https://www.figma.com/design/NY44S3EzmRfMKvNDrgeIXy/Viact---XZY?node-id=4274-46276
 */

.viact-pie-chart-legend {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 200px;
}

.viact-pie-chart-legend-item {
  display: flex;
  align-items: center;
  gap: 12px;
  cursor: pointer;
  padding: 8px 12px;
  border-radius: 6px;
  transition: background-color 0.2s ease;
  outline: none;
}

.viact-pie-chart-legend-item:hover {
  background-color: rgba(255, 255, 255, 0.05);
}

.viact-pie-chart-legend-item:focus-visible {
  background-color: rgba(255, 255, 255, 0.05);
  box-shadow: 0 0 0 2px rgba(43, 128, 255, 0.5);
}

.viact-pie-chart-legend-item-donut {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.viact-pie-chart-legend-item-donut svg {
  width: 16px;
  height: 16px;
}

.viact-pie-chart-legend-item-label {
  color: #fff;
  font-weight: 400;
  font-size: 15px;
  flex: 1;
}

.viact-pie-chart-legend-item-percentage {
  color: #fff;
  font-weight: 500;
  font-size: 15px;
  flex-shrink: 0;
}

.viact-pie-chart-legend-item--hidden {
  opacity: 0.5;
}

.viact-pie-chart-legend-item--hidden .viact-pie-chart-legend-item-label,
.viact-pie-chart-legend-item--hidden .viact-pie-chart-legend-item-percentage {
  text-decoration: line-through;
  opacity: 0.6;
}

/*!***********************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/shared/viact-ui/PieChart2/PieChart2.css ***!
  \***********************************************************************************************/
.viact-pie-chart2-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
}

.viact-pie-chart2-container {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.viact-pie-chart2-svg {
  display: block;
}

.viact-pie-chart2-slice {
  transition: all 0.3s ease;
}

.viact-pie-chart2-slice:hover {
  opacity: 0.9;
}

.viact-pie-chart2-center-value,
.viact-pie-chart2-center-text {
  pointer-events: none;
  user-select: none;
}

/*!***************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/shared/viact-ui/BarChart/BarChartLegend.css ***!
  \***************************************************************************************************/
/**
 * Viact Design System - BarChart Legend Styles
 */

.viact-bar-chart-legend {
  display: grid;
  gap: 2px;
  width: 100%;
}

.viact-bar-chart-legend-item {
  display: flex;
  align-items: center;
  gap: 12px;
  cursor: pointer;
  padding: 12px;
  border-radius: 6px;
  transition: background-color 0.2s ease, opacity 0.2s ease;
  outline: none;
}

.viact-bar-chart-legend-item:hover {
  background-color: rgba(255, 255, 255, 0.05);
}

.viact-bar-chart-legend-item:focus-visible {
  background-color: rgba(255, 255, 255, 0.05);
  box-shadow: 0 0 0 2px rgba(43, 128, 255, 0.5);
}

.viact-bar-chart-legend-item-indicator {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  border-radius: 4px;
  transition: opacity 0.2s ease;
}

.viact-bar-chart-legend-item-label {
  color: #e5f0ff;
  font-weight: 400;
  font-size: 15px;
  flex: 1;
}

.viact-bar-chart-legend-item-value {
  color: #e5f0ff;
  font-weight: 500;
  font-size: 15px;
  flex-shrink: 0;
}

.viact-bar-chart-legend-item--hidden {
  opacity: 0.5;
}

.viact-bar-chart-legend-item--hidden .viact-bar-chart-legend-item-label,
.viact-bar-chart-legend-item--hidden .viact-bar-chart-legend-item-value {
  text-decoration: line-through;
  opacity: 0.6;
}

/*!*********************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/shared/viact-ui/BarChart/BarChart.css ***!
  \*********************************************************************************************/
.viact-bar-chart-wrapper {
  display: flex;
  align-items: stretch;
  justify-content: center;
  position: relative;
}

.viact-bar-chart-svg {
  display: block;
  width: 100%;
  height: 100%;
}

.viact-bar-chart-bar {
  transition: all 0.3s ease;
}

.viact-bar-chart-bar:hover {
  opacity: 0.9;
}

.viact-bar-chart-value-label {
  pointer-events: none;
  user-select: none;
}

.viact-bar-chart-legend-container {
  width: 100%;
  flex-shrink: 0;
}

/*!***********************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/shared/viact-ui/LineChart/LineChart.css ***!
  \***********************************************************************************************/
.viact-line-chart-wrapper {
  display: flex;
  align-items: stretch;
  justify-content: center;
  position: relative;
}

.viact-line-chart-svg {
  display: block;
  width: 100%;
  height: 100%;
}

.viact-line-chart-line {
  transition: stroke-width 0.3s ease;
}

.viact-line-chart-area {
  transition: opacity 0.3s ease;
}

.viact-line-chart-point {
  transition: all 0.3s ease;
}

.viact-line-chart-point:hover {
  opacity: 0.9;
}

.viact-line-chart-value-label {
  pointer-events: none;
  user-select: none;
}

.viact-line-chart-legend-container {
  width: 100%;
  flex-shrink: 0;
}

/*!***********************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/shared/viact-ui/BarLineChart/BarLineChartLegend.css ***!
  \***********************************************************************************************************/
/**
 * Viact Design System - BarLineChart Legend Styles
 */

.viact-bar-line-chart-legend {
  display: grid;
  gap: 2px;
  width: 100%;
}

.viact-bar-line-chart-legend-item {
  display: flex;
  align-items: center;
  gap: 12px;
  cursor: pointer;
  padding: 12px;
  border-radius: 6px;
  transition: background-color 0.2s ease, opacity 0.2s ease;
  outline: none;
}

.viact-bar-line-chart-legend-item:hover {
  background-color: rgba(255, 255, 255, 0.05);
}

.viact-bar-line-chart-legend-item:focus-visible {
  background-color: rgba(255, 255, 255, 0.05);
  box-shadow: 0 0 0 2px rgba(43, 128, 255, 0.5);
}

.viact-bar-line-chart-legend-item-indicator {
  flex-shrink: 0;
  transition: opacity 0.2s ease;
}

.viact-bar-line-chart-legend-item-indicator--bar {
  width: 16px;
  height: 16px;
  border-radius: 4px;
}

.viact-bar-line-chart-legend-item-indicator--line {
  width: 16px;
  height: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.viact-bar-line-chart-legend-item-label {
  color: #e5f0ff;
  font-weight: 400;
  font-size: 15px;
  flex: 1;
}

.viact-bar-line-chart-legend-item-value {
  color: #e5f0ff;
  font-weight: 500;
  font-size: 15px;
  flex-shrink: 0;
}

.viact-bar-line-chart-legend-item--hidden {
  opacity: 0.5;
}

.viact-bar-line-chart-legend-item--hidden
  .viact-bar-line-chart-legend-item-label,
.viact-bar-line-chart-legend-item--hidden
  .viact-bar-line-chart-legend-item-value {
  text-decoration: line-through;
  opacity: 0.6;
}

/*!*****************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/shared/viact-ui/BarLineChart/BarLineChart.css ***!
  \*****************************************************************************************************/
.viact-bar-line-chart-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.viact-bar-line-chart-svg {
  display: block;
}

.viact-bar-line-chart-bar {
  transition: all 0.3s ease;
}

.viact-bar-line-chart-bar:hover {
  opacity: 0.9;
}

.viact-bar-line-chart-line {
  transition: stroke-width 0.3s ease;
}

.viact-bar-line-chart-point {
  transition: all 0.3s ease;
}

.viact-bar-line-chart-point:hover {
  opacity: 0.9;
}

.viact-bar-line-chart-value-label {
  pointer-events: none;
  user-select: none;
}

.viact-bar-line-chart-legend-container {
  width: 100%;
  flex-shrink: 0;
}

/*!***************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./src/shared/viact-ui/UploadPersonalImage/UploadPersonalImage.scss ***!
  \***************************************************************************************************************************************************************************************/
/**
 * Global SCSS Variables
 * Mirrors uiV2 theme tokens for reuse outside the component library.
 */
.viact-upload-personal-image {
  display: inline-block;
}
.viact-upload-personal-image__container {
  position: relative;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  overflow: visible;
  background-color: rgba(255, 255, 255, 0.1);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s ease;
}
.viact-upload-personal-image__image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
  overflow: hidden;
  transition: transform 0.2s ease;
}
.viact-upload-personal-image__image--placeholder {
  filter: grayscale(100%);
  opacity: 0.6;
}
.viact-upload-personal-image__image--clickable {
  cursor: pointer;
  transition: opacity 0.2s ease;
}
.viact-upload-personal-image__image--clickable:hover {
  opacity: 0.8;
}
.viact-upload-personal-image__loading {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.viact-upload-personal-image__overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(0, 0, 0, 0.5);
  opacity: 0;
  transition: opacity 0.2s ease;
}
.viact-upload-personal-image:hover .viact-upload-personal-image__overlay {
  opacity: 1;
}
.viact-upload-personal-image__text {
  color: #e5f0ff;
  text-align: center;
}
.viact-upload-personal-image__remove {
  position: absolute;
  top: 4px;
  right: 4px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background-color: rgba(128, 128, 128, 0.6);
  border: none;
  color: rgb(128, 128, 128);
  font-size: 12px;
  line-height: 1;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.2s ease;
  z-index: 10;
}
.viact-upload-personal-image__remove:hover {
  background-color: rgba(128, 128, 128, 0.8);
}
.viact-upload-personal-image__remove:disabled {
  cursor: not-allowed;
  opacity: 0;
}
.viact-upload-personal-image__container:hover .viact-upload-personal-image__remove {
  opacity: 0.8;
}
.viact-upload-personal-image__camera-button {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
  min-height: 32px !important;
  background: linear-gradient(90deg, rgb(120, 140, 171) 0%, rgb(63, 82, 104) 100%);
  color: white !important;
  padding: 0 !important;
  border-radius: 50% !important;
  border: 1px solid rgb(130, 144, 165) !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3) !important;
  transition: all 0.2s ease;
  z-index: 100;
}
.viact-upload-personal-image__camera-button:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.viact-upload-personal-image__camera-button svg {
  font-size: 22px !important;
}
.viact-upload-personal-image__preview-modal .viact-modal__body {
  padding: 0;
}
.viact-upload-personal-image__preview-content {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 24px;
  min-height: 300px;
  max-height: 80vh;
  overflow: auto;
}
.viact-upload-personal-image__preview-image {
  max-width: 100%;
  max-height: 70vh;
  object-fit: contain;
  border-radius: 8px;
}
/*!*********************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./src/shared/viact-ui/ImageUploadWithPreview/ImageUploadWithPreview.scss ***!
  \*********************************************************************************************************************************************************************************************/
/**
 * Global SCSS Variables
 * Mirrors uiV2 theme tokens for reuse outside the component library.
 */
/**
Media Query
**/
@media only screen and (min-width: 768px) {
  body {
    font-size: 15px;
  }
  .Chart {
    font-size: 11px;
  }
  .sitemap {
    grid-column: 1;
    grid-row: 2;
  }
  .login-wrapper {
    width: 380px;
  }
  .CardListPanel {
    max-height: 88vh;
    height: 100%;
    display: grid;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
  }
  .DumpTruck .wrapper,
  .SoilRemoved .wrapper,
  .TruckActivity .wrapper {
    display: grid;
    grid-template-columns: 20% 20% 60%;
    grid-template-rows: 50% 50%;
    grid-row-end: 10px;
    flex-grow: 1;
  }
  .DumpTruck .wrapper .DataPanel,
  .SoilRemoved .wrapper .DataPanel,
  .TruckActivity .wrapper .DataPanel {
    grid-row: 1/3;
  }
  .Login,
  .SignUp {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
  }
  .GenericEngine {
    display: grid;
    grid-template-columns: 70% 30%;
    grid-template-rows: 100%;
  }
  .summary-group {
    grid-column: 1;
    grid-row: 1;
  }
  .all-summary-group {
    grid-column: 1;
    grid-row: 2;
  }
  .forecast {
    grid-column: 1/3;
    grid-row: 1;
  }
  .cameras {
    grid-column: 1/3;
    grid-row: 2;
  }
  .links {
    grid-column: 3;
    grid-row: 1/3;
  }
  .overview {
    grid-column: 1/3;
    grid-row: 1;
  }
}
@media only screen and (max-width: 600px) {
  body {
    font-size: 12px;
  }
  .Chart {
    font-size: 10px;
  }
}
@media only screen and (max-width: 768px) {
  body {
    font-size: 12px;
  }
  #navbar {
    z-index: 1302;
  }
  .GenericEngine {
    display: grid;
    grid-template-columns: 1fr;
  }
  .DumpTruck .wrapper,
  .SoilRemoved .wrapper,
  .TruckActivity .wrapper {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr;
    grid-row-end: 10px;
    flex-grow: 1;
  }
  .forecast {
    grid-column: 1/3;
    grid-row: 1;
    min-height: 200px;
  }
  .cameras {
    grid-column: 1/3;
    grid-row: 2/3;
    height: 300px;
  }
  .links {
    grid-column: 1/3;
    grid-row: 3/5;
  }
  .links .box {
    min-height: 150px;
  }
  .user-table {
    width: 768px;
    overflow-y: auto;
  }
  .overview {
    grid-column: 1/3;
    grid-row: 1;
    height: 300px;
  }
  .App {
    overflow: auto;
  }
  .DatePeriodFilter {
    grid-template-columns: 1fr;
  }
}
@media only screen and (orientation: landscape) {
  .App .GenericEngine {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr;
  }
}
@media only screen and (max-width: 768px) and (orientation: landscape) {
  .summary-group {
    grid-column: 1;
    grid-row: 1;
  }
  .all-summary-group {
    grid-column: 1;
    grid-row: 2;
  }
  .user-table {
    width: 730px;
    overflow-y: auto;
  }
  .Home .box {
    width: 98%;
  }
}
@media only screen and (max-width: 768px) and (orientation: portrait) {
  .Home .box {
    width: 97%;
  }
  .Action {
    flex-flow: column;
  }
  .Clock {
    display: none;
  }
  .user-table {
    width: 720px;
    overflow-y: auto;
  }
}
body {
  /* Never get smaller than this */
  font-size: 12px;
}

@media only screen and (min-width: 400px) and (max-width: 499px) {
  .user-table {
    width: 368px;
    overflow: scroll;
  }
}
@media only screen and (min-width: 350px) and (max-width: 399px) {
  .user-table {
    width: 350px;
    overflow: scroll;
  }
}
@media only screen and (max-width: 349px) {
  .user-table {
    width: 290px;
    overflow: scroll;
  }
}
/**
 * Global SCSS Variables
 * Mirrors uiV2 theme tokens for reuse outside the component library.
 */
.viact-image-upload-with-preview {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  width: 100%;
}
.viact-image-upload-with-preview__label {
  font-size: 14px;
  font-weight: 500;
  color: #e5f0ff;
  margin-bottom: 8px;
}
.viact-image-upload-with-preview__upload-box {
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  border: 1px dashed rgba(255, 255, 255, 0.08);
  border-radius: 8px;
  padding: 12px;
  gap: 12px;
  box-shadow: 0px 0px 6px 0px rgba(0, 9, 32, 0.32) inset;
  transition: all 0.3s ease;
  background: rgba(0, 9, 32, 0.5);
  cursor: pointer;
}
.viact-image-upload-with-preview__upload-box:hover:not(.viact-image-upload-with-preview__upload-box--disabled) {
  border-color: rgba(43, 128, 255, 0.5);
  box-shadow: 0 0 15px rgba(43, 128, 255, 0.3);
  background: rgba(0, 9, 32, 0.7);
}
.viact-image-upload-with-preview__upload-box--disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.viact-image-upload-with-preview__upload-icon {
  width: 48px;
  height: 48px;
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
}
.viact-image-upload-with-preview__upload-icon img {
  mix-blend-mode: luminosity;
}
.viact-image-upload-with-preview__text-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 4px;
}
.viact-image-upload-with-preview__upload-text {
  color: #2b80ff;
  font-weight: 500;
  font-size: 14px;
}
.viact-image-upload-with-preview__hint {
  font-weight: 400;
  font-size: 11px;
  color: rgba(229, 240, 255, 0.64);
  text-align: left;
}
.viact-image-upload-with-preview__file-input {
  display: none;
}
.viact-image-upload-with-preview__preview-container {
  position: relative;
  width: 100%;
  max-width: 200px;
  aspect-ratio: 16/9;
  border-radius: 8px;
  overflow: hidden;
  background: rgba(0, 9, 32, 0.5);
  border: 1px solid rgba(255, 255, 255, 0.08);
  transition: all 0.3s ease;
}
.viact-image-upload-with-preview__preview-container:hover {
  border-color: rgba(43, 128, 255, 0.3);
  box-shadow: 0 0 15px rgba(43, 128, 255, 0.2);
}
.viact-image-upload-with-preview__preview-container:hover .viact-image-upload-with-preview__remove-btn {
  opacity: 1;
}
.viact-image-upload-with-preview__preview-image {
  width: 100%;
  height: 100%;
  object-fit: contain;
  background: rgba(255, 255, 255, 0.02);
}
.viact-image-upload-with-preview__remove-btn {
  position: absolute;
  top: 4px;
  right: 4px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.6);
  border: none;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  opacity: 1;
  transition: all 0.2s ease;
  z-index: 10;
}
.viact-image-upload-with-preview__remove-btn:hover {
  background: rgba(0, 0, 0, 0.8);
}
.viact-image-upload-with-preview__remove-btn:active {
  transform: scale(0.9);
}
/*!*********************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./src/shared/viact-ui/DatetimeSelector/DatetimeSelector.scss ***!
  \*********************************************************************************************************************************************************************************/
/**
 * Global SCSS Variables
 * Mirrors uiV2 theme tokens for reuse outside the component library.
 */
.viact-datetime-selector {
  min-width: 150px;
}

.viact-datetime-selector-wrapper {
  display: inline-block;
}

.viact-datetime-selector__icon {
  color: rgba(229, 240, 255, 0.64);
}

:global .viact-select-wrapper.viact-datetime-selector--large .viact-select-trigger--large .viact-select__value {
  font-size: 14px !important;
  line-height: 20px !important;
}
:global .viact-select-wrapper.viact-datetime-selector--large .viact-select-trigger--large .viact-select__value,
:global .viact-select-wrapper.viact-datetime-selector--large .viact-select-trigger--large .viact-select__value *,
:global .viact-select-wrapper.viact-datetime-selector--large .viact-select-trigger--large .viact-select__value span,
:global .viact-select-wrapper.viact-datetime-selector--large .viact-select-trigger--large .viact-select__value .viact-select__placeholder {
  font-size: 14px !important;
  line-height: 20px !important;
}
:global .viact-select-wrapper.viact-datetime-selector--medium .viact-select-trigger--medium .viact-select__value {
  font-size: 14px !important;
  line-height: 20px !important;
}
:global .viact-select-wrapper.viact-datetime-selector--medium .viact-select-trigger--medium .viact-select__value,
:global .viact-select-wrapper.viact-datetime-selector--medium .viact-select-trigger--medium .viact-select__value *,
:global .viact-select-wrapper.viact-datetime-selector--medium .viact-select-trigger--medium .viact-select__value span,
:global .viact-select-wrapper.viact-datetime-selector--medium .viact-select-trigger--medium .viact-select__value .viact-select__placeholder {
  font-size: 14px !important;
  line-height: 20px !important;
}
:global .viact-select-wrapper.viact-datetime-selector--small .viact-select-trigger--small .viact-select__value {
  font-size: 13px !important;
  line-height: 18px !important;
}
:global .viact-select-wrapper.viact-datetime-selector--small .viact-select-trigger--small .viact-select__value,
:global .viact-select-wrapper.viact-datetime-selector--small .viact-select-trigger--small .viact-select__value *,
:global .viact-select-wrapper.viact-datetime-selector--small .viact-select-trigger--small .viact-select__value span,
:global .viact-select-wrapper.viact-datetime-selector--small .viact-select-trigger--small .viact-select__value .viact-select__placeholder {
  font-size: 13px !important;
  line-height: 18px !important;
}

:global .viact-datetime-selector__popover .MuiPaper-root {
  padding: 12px !important;
}

.viact-datetime-selector__popover-content {
  display: flex;
  flex-direction: column;
  gap: 12px;
  width: 300px;
  padding: 0;
}
.viact-datetime-selector__popover-content--with-time {
  width: 300px;
}

.viact-datetime-selector__popover-actions {
  display: flex;
  justify-content: flex-end;
  gap: 12px;
  margin-top: 8px;
}

.viact-datetime-selector__time-picker {
  padding-top: 16px;
  border-top: 1px solid rgba(229, 240, 255, 0.12);
}

.viact-datetime-selector__time-row {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.viact-datetime-selector__time-section {
  display: flex;
  flex-direction: column;
  gap: 8px;
  flex: 1;
}

.viact-datetime-selector__time-label {
  color: rgba(229, 240, 255, 0.64);
  font-size: 12px;
  font-weight: 500;
}

.viact-datetime-selector__time-inputs {
  display: flex;
  align-items: center;
  gap: 4px;
}

.viact-datetime-selector__time-select {
  flex: 1;
}

.viact-datetime-selector__time-separator {
  color: rgba(229, 240, 255, 0.64);
  font-size: 12px;
  font-weight: 500;
}

.viact-datetime-selector__calendar {
  display: flex;
  flex-direction: column;
}

.viact-datetime-selector__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 12px;
}

.viact-datetime-selector__nav {
  display: flex;
  align-items: center;
  gap: 4px;
}

.viact-datetime-selector__nav-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  padding: 0;
  border: none;
  background: transparent;
  color: rgba(229, 240, 255, 0.48);
  cursor: pointer;
  border-radius: 6px;
  transition: all 0.15s ease;
}
.viact-datetime-selector__nav-btn:hover {
  background: rgba(255, 255, 255, 0.08);
  color: rgba(229, 240, 255, 0.64);
}
.viact-datetime-selector__nav-btn svg {
  width: 16px;
  height: 16px;
  margin: 0 -4px;
}

.viact-datetime-selector__title {
  font-family: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-weight: 600;
  font-size: 15px;
  line-height: 20px;
  color: rgba(229, 240, 255, 0.64);
  text-align: center;
}

.viact-datetime-selector__weekdays {
  display: grid;
  grid-template-columns: repeat(7, 38px);
  gap: 0;
  margin-bottom: 8px;
  justify-content: center;
}

.viact-datetime-selector__weekday {
  font-family: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  color: rgba(229, 240, 255, 0.48);
  text-align: center;
  padding: 8px 0;
}

.viact-datetime-selector__days {
  display: grid;
  grid-template-columns: repeat(7, 38px);
  gap: 0;
  justify-content: center;
}

.viact-datetime-selector__day {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  padding: 0;
  border: none;
  background: transparent;
  font-family: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: rgba(229, 240, 255, 0.64);
  cursor: pointer;
  border-radius: 8px;
  transition: all 0.15s ease;
}
.viact-datetime-selector__day:hover:not(.viact-datetime-selector__day--disabled):not(.viact-datetime-selector__day--selected) {
  background: rgba(43, 128, 255, 0.12);
}
.viact-datetime-selector__day--empty {
  cursor: default;
}
.viact-datetime-selector__day--today {
  color: rgba(43, 128, 255, 0.88);
  font-weight: 500;
  position: relative;
}
.viact-datetime-selector__day--today::after {
  content: "";
  position: absolute;
  bottom: 4px;
  left: 50%;
  transform: translateX(-50%);
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: rgba(43, 128, 255, 0.88);
}
.viact-datetime-selector__day--selected {
  background: linear-gradient(180deg, rgba(43, 128, 255, 0.16) 0%, rgba(43, 128, 255, 0.4) 60%, rgba(43, 128, 255, 0.56) 100%);
  border: 1px solid rgba(43, 128, 255, 0.25);
  color: rgba(229, 240, 255, 0.88);
  font-weight: 500;
}
.viact-datetime-selector__day--range-start {
  background: linear-gradient(180deg, rgba(43, 128, 255, 0.16) 0%, rgba(43, 128, 255, 0.4) 60%, rgba(43, 128, 255, 0.56) 100%);
  border: 1px solid rgba(43, 128, 255, 0.25);
  border-right: none;
  color: rgba(229, 240, 255, 0.88);
  font-weight: 500;
  border-radius: 8px 0 0 8px;
  position: relative;
  z-index: 1;
}
.viact-datetime-selector__day--range-end {
  background: linear-gradient(180deg, rgba(43, 128, 255, 0.16) 0%, rgba(43, 128, 255, 0.4) 60%, rgba(43, 128, 255, 0.56) 100%);
  border: 1px solid rgba(43, 128, 255, 0.25);
  border-left: none;
  color: rgba(229, 240, 255, 0.88);
  font-weight: 500;
  border-radius: 0 8px 8px 0;
  position: relative;
  z-index: 1;
}
.viact-datetime-selector__day--in-range {
  background: rgba(43, 128, 255, 0.12) !important;
  color: rgba(229, 240, 255, 0.64);
  position: relative;
  border-radius: 0;
  border-left: none;
  border-right: none;
}
.viact-datetime-selector__day--in-range:hover:not(.viact-datetime-selector__day--in-range--disabled) {
  background: rgba(43, 128, 255, 0.16) !important;
}
.viact-datetime-selector__day--in-range.viact-datetime-selector__day--today {
  background: rgba(43, 128, 255, 0.12) !important;
}
.viact-datetime-selector__day--range-start.viact-datetime-selector__day--range-end {
  border-radius: 8px;
}
.viact-datetime-selector__day--disabled {
  color: rgba(229, 240, 255, 0.24);
  cursor: not-allowed;
}
/*!***************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./src/shared/viact-ui/ProgressBar/ProgressBar.scss (1) ***!
  \***************************************************************************************************************************************************************************/
/**
 * Global SCSS Variables
 * Mirrors uiV2 theme tokens for reuse outside the component library.
 */
/**
 * Viact Design System - Global Theme Variables
 * 
 * Import this file to access all CSS custom properties
 */
:root {
  /* ========================================
   * Colors
   * ======================================== */
  /* Teal */
  --color-teal-50: #E7FAFE;
  --color-teal-100: #BCF1FB;
  --color-teal-200: #7BE6FB;
  --color-teal-300: #0ECBF1;
  --color-teal-400: #0BA3C1;
  --color-teal-500: #087A91;
  --color-teal-600: #065160;
  /* Blue */
  --color-blue-50: #E5F0FF;
  --color-blue-100: #BBD6FF;
  --color-blue-200: #7DB1FF;
  --color-blue-300: #2B80FF;
  --color-blue-400: #0046AF;
  --color-blue-500: #02226A;
  --color-blue-600: #001540;
  /* Violet */
  --color-violet-50: #F3E6FE;
  --color-violet-100: #D4B4FF;
  --color-violet-200: #BE84FF;
  --color-violet-300: #9E55F0;
  --color-violet-400: #8407EA;
  --color-violet-500: #4F05A3;
  --color-violet-600: #1E0132;
  /* Pink */
  --color-pink-50: #FEE7F3;
  --color-pink-100: #FFC7E5;
  --color-pink-200: #FF9BD0;
  --color-pink-300: #FF69B9;
  --color-pink-400: #F6339B;
  --color-pink-500: #920751;
  --color-pink-600: #620436;
  /* Red */
  --color-red-50: #FEE6E7;
  --color-red-100: #FFBCC1;
  --color-red-200: #FF777E;
  --color-red-300: #FA303A;
  --color-red-400: #C7050F;
  --color-red-500: #95040B;
  --color-red-600: #640207;
  /* Orange */
  --color-orange-50: #FFF0E5;
  --color-orange-100: #FFCEAC;
  --color-orange-200: #FFAA6D;
  --color-orange-300: #FF8B35;
  --color-orange-400: #DD5C01;
  --color-orange-500: #AD3D00;
  --color-orange-600: #660C00;
  /* Yellow */
  --color-yellow-50: #FFFAE5;
  --color-yellow-100: #FFEEA8;
  --color-yellow-200: #FFE26B;
  --color-yellow-300: #FFCE09;
  --color-yellow-400: #D6A000;
  --color-yellow-500: #9A6400;
  --color-yellow-600: #5B3501;
  /* Green */
  --color-green-50: #EAFAEC;
  --color-green-100: #C9F7CE;
  --color-green-200: #9FF5A8;
  --color-green-300: #58D765;
  --color-green-400: #2AB539;
  --color-green-500: #1E7B27;
  --color-green-600: #14521A;
  /* Background */
  --color-bg-dark: #000920;
  --color-bg-card: rgba(0, 9, 32, 0.5);
  /* Text */
  --color-text-primary: #FFFFFF;
  --color-text-secondary: #E5F0FF;
  --color-text-tertiary: rgba(229, 240, 255, 0.64);
  --color-text-disabled: rgba(229, 240, 255, 0.4);
  /* Border */
  --color-border-default: rgba(255, 255, 255, 0.12);
  --color-border-focus: #2B80FF;
  --color-border-error: #FA303A;
  /* Semantic */
  --color-success: #58D765;
  --color-warning: #FFCE09;
  --color-error: #FA303A;
  --color-info: #2B80FF;
  /* ========================================
   * Typography
   * ======================================== */
  /* Font Family */
  --font-family-primary: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  /* Font Weights */
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-bold: 700;
  --font-weight-black: 900;
  /* Heading 1 */
  --font-h1-size: 32px;
  --font-h1-line-height: 40px;
  --font-h1-letter-spacing: -0.4px;
  /* Heading 2 */
  --font-h2-size: 26px;
  --font-h2-line-height: 32px;
  --font-h2-letter-spacing: -0.3px;
  /* Heading 3 */
  --font-h3-size: 22px;
  --font-h3-line-height: 28px;
  --font-h3-letter-spacing: -0.2px;
  /* Heading 4 */
  --font-h4-size: 18px;
  --font-h4-line-height: 24px;
  --font-h4-letter-spacing: 0;
  /* Subtitle 1 */
  --font-s1-size: 22px;
  --font-s1-line-height: 28px;
  --font-s1-letter-spacing: -0.1px;
  /* Subtitle 2 */
  --font-s2-size: 18px;
  --font-s2-line-height: 24px;
  --font-s2-letter-spacing: 0;
  /* Subtitle 3 */
  --font-s3-size: 15px;
  --font-s3-line-height: 20px;
  --font-s3-letter-spacing: 0;
  /* Subtitle 4 */
  --font-s4-size: 13px;
  --font-s4-line-height: 18px;
  --font-s4-letter-spacing: 0;
  /* Body 1 */
  --font-b1-size: 15px;
  --font-b1-line-height: 22px;
  --font-b1-letter-spacing: 0;
  /* Body 2 */
  --font-b2-size: 14px;
  --font-b2-line-height: 20px;
  --font-b2-letter-spacing: 0.1px;
  /* Body 3 */
  --font-b3-size: 13px;
  --font-b3-line-height: 18px;
  --font-b3-letter-spacing: 0.1px;
  /* Caption 1 */
  --font-c1-size: 12px;
  --font-c1-line-height: 16px;
  --font-c1-letter-spacing: 0.2px;
  /* Caption 2 */
  --font-c2-size: 11px;
  --font-c2-line-height: 14px;
  --font-c2-letter-spacing: 0.2px;
  /* Caption 3 */
  --font-c3-size: 10px;
  --font-c3-line-height: 14px;
  --font-c3-letter-spacing: 0.3px;
  /* ========================================
   * Spacing
   * ======================================== */
  --spacing-0: 0px;
  --spacing-1: 2px;
  --spacing-2: 4px;
  --spacing-3: 6px;
  --spacing-4: 8px;
  --spacing-5: 12px;
  --spacing-6: 16px;
  --spacing-7: 20px;
  --spacing-8: 24px;
  --spacing-9: 32px;
  --spacing-10: 40px;
  --spacing-11: 48px;
  --spacing-12: 64px;
  /* ========================================
   * Border Radius
   * ======================================== */
  --radius-none: 0px;
  --radius-xs: 4px;
  --radius-sm: 6px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-xl: 16px;
  --radius-full: 9999px;
  /* ========================================
   * Shadows
   * ======================================== */
  --shadow-input-default: inset 0px 0px 6px 0px rgba(0, 9, 32, 0.32);
  --shadow-input-focus: 0px 0px 4px 0px rgba(43, 128, 255, 1), inset 0px 0px 6px 0px rgba(0, 9, 32, 0.32);
  --shadow-input-error: 0px 0px 4px 0px rgba(250, 48, 58, 1), inset 0px 0px 6px 0px rgba(0, 9, 32, 0.32);
  --shadow-card: 0px 32px 64px 0px rgba(0, 9, 32, 0.12), 0px 16px 32px 0px rgba(0, 9, 32, 0.08), 0px 4px 8px 2px rgba(0, 9, 32, 0.32), inset 0px 0px 100px 0px rgba(187, 214, 255, 0.08);
  --shadow-sm: 0px 1px 2px 0px rgba(0, 9, 32, 0.16);
  --shadow-md: 0px 4px 8px 0px rgba(0, 9, 32, 0.16);
  --shadow-lg: 0px 8px 16px 0px rgba(0, 9, 32, 0.16);
  --shadow-xl: 0px 16px 32px 0px rgba(0, 9, 32, 0.16);
}

.viact-progress-bar {
  display: flex;
  align-items: center;
  gap: 12px;
  width: 100%;
}
.viact-progress-bar__track {
  position: relative;
  flex: 1;
  background: rgba(255, 255, 255, 0.08);
  border-radius: 8px;
  overflow: hidden;
}
.viact-progress-bar__fill {
  height: 100%;
  border-radius: 8px;
  transition: width 0.3s ease, background-color 0.3s ease, box-shadow 0.3s ease;
  position: relative;
}
.viact-progress-bar__fill--default {
  background: linear-gradient(270deg, #2B80FF 0%, rgba(43, 128, 255, 0.15) 100%) !important;
  box-shadow: 0px 0px 4px 0px #2B80FF;
}
.viact-progress-bar__fill--success {
  background: linear-gradient(270deg, #58D765 0%, rgba(88, 215, 101, 0.15) 100%) !important;
  box-shadow: 0px 0px 4px 0px #58D765 !important;
}
.viact-progress-bar__fill--error {
  background: linear-gradient(270deg, #EF4444 0%, rgba(239, 68, 68, 0.15) 100%);
  box-shadow: 0px 0px 4px 0px #EF4444;
}
.viact-progress-bar__fill--warning {
  background: linear-gradient(270deg, #F59E0B 0%, rgba(245, 158, 11, 0.15) 100%);
  box-shadow: 0px 0px 4px 0px #F59E0B;
}
.viact-progress-bar__fill--striped {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 20px 20px;
}
.viact-progress-bar__fill--animated {
  animation: progress-stripes 1s linear infinite;
}
.viact-progress-bar__label-container {
  display: flex !important;
  align-items: center;
  flex-shrink: 0;
}
.viact-progress-bar__percentage, .viact-progress-bar__label {
  font-family: var(--font-family-base, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", sans-serif);
  font-weight: 500;
  color: rgba(255, 255, 255, 0.9);
  white-space: nowrap;
}
.viact-progress-bar__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  color: #58D765;
  background: linear-gradient(180deg, rgba(88, 215, 101, 0.08) 0%, rgba(88, 215, 101, 0.24) 60%, rgba(88, 215, 101, 0.32) 100%);
  box-shadow: 0px 0px 4px 0px rgba(88, 215, 101, 0.5019607843) inset;
  border-radius: 50%;
  width: 20px;
  height: 20px;
}
.viact-progress-bar__icon svg {
  fill: currentColor;
}
.viact-progress-bar--small .viact-progress-bar__track {
  height: 6px;
}
.viact-progress-bar--small .viact-progress-bar__percentage,
.viact-progress-bar--small .viact-progress-bar__label {
  font-size: 12px;
  line-height: 16px;
}
.viact-progress-bar--small .viact-progress-bar__icon {
  width: 16px;
  height: 16px;
}
.viact-progress-bar--medium .viact-progress-bar__track {
  height: 8px;
}
.viact-progress-bar--medium .viact-progress-bar__percentage,
.viact-progress-bar--medium .viact-progress-bar__label {
  font-size: 14px;
  line-height: 20px;
}
.viact-progress-bar--medium .viact-progress-bar__icon {
  width: 20px;
  height: 20px;
}
.viact-progress-bar--large .viact-progress-bar__track {
  height: 12px;
}
.viact-progress-bar--large .viact-progress-bar__percentage,
.viact-progress-bar--large .viact-progress-bar__label {
  font-size: 16px;
  line-height: 24px;
}
.viact-progress-bar--large .viact-progress-bar__icon {
  width: 24px;
  height: 24px;
}

@keyframes progress-stripes {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 20px 0;
  }
}
.viact-theme-light .viact-progress-bar__track {
  background: rgba(0, 0, 0, 0.06);
}
.viact-theme-light .viact-progress-bar__percentage, .viact-theme-light .viact-progress-bar__label {
  color: rgba(0, 0, 0, 0.85);
}
.viact-theme-light .viact-progress-bar__fill--default {
  background: linear-gradient(270deg, #2B80FF 0%, rgba(43, 128, 255, 0.15) 100%);
  box-shadow: 0px 0px 4px 0px #2B80FF;
}
.viact-theme-light .viact-progress-bar__fill--success {
  background: linear-gradient(270deg, #58D765 0%, rgba(88, 215, 101, 0.15) 100%);
  box-shadow: 0px 0px 4px 0px #58D765;
}
.viact-theme-light .viact-progress-bar__fill--error {
  background: linear-gradient(270deg, #EF4444 0%, rgba(239, 68, 68, 0.15) 100%);
  box-shadow: 0px 0px 4px 0px #EF4444;
}
.viact-theme-light .viact-progress-bar__fill--warning {
  background: linear-gradient(270deg, #F59E0B 0%, rgba(245, 158, 11, 0.15) 100%);
  box-shadow: 0px 0px 4px 0px #F59E0B;
}
/*!***********************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./src/shared/viact-ui/StepProgressBar/StepProgressBar.scss (1) ***!
  \***********************************************************************************************************************************************************************************/
/**
 * Global SCSS Variables
 * Mirrors uiV2 theme tokens for reuse outside the component library.
 */
/**
 * Viact Design System - Global Theme Variables
 * 
 * Import this file to access all CSS custom properties
 */
:root {
  /* ========================================
   * Colors
   * ======================================== */
  /* Teal */
  --color-teal-50: #E7FAFE;
  --color-teal-100: #BCF1FB;
  --color-teal-200: #7BE6FB;
  --color-teal-300: #0ECBF1;
  --color-teal-400: #0BA3C1;
  --color-teal-500: #087A91;
  --color-teal-600: #065160;
  /* Blue */
  --color-blue-50: #E5F0FF;
  --color-blue-100: #BBD6FF;
  --color-blue-200: #7DB1FF;
  --color-blue-300: #2B80FF;
  --color-blue-400: #0046AF;
  --color-blue-500: #02226A;
  --color-blue-600: #001540;
  /* Violet */
  --color-violet-50: #F3E6FE;
  --color-violet-100: #D4B4FF;
  --color-violet-200: #BE84FF;
  --color-violet-300: #9E55F0;
  --color-violet-400: #8407EA;
  --color-violet-500: #4F05A3;
  --color-violet-600: #1E0132;
  /* Pink */
  --color-pink-50: #FEE7F3;
  --color-pink-100: #FFC7E5;
  --color-pink-200: #FF9BD0;
  --color-pink-300: #FF69B9;
  --color-pink-400: #F6339B;
  --color-pink-500: #920751;
  --color-pink-600: #620436;
  /* Red */
  --color-red-50: #FEE6E7;
  --color-red-100: #FFBCC1;
  --color-red-200: #FF777E;
  --color-red-300: #FA303A;
  --color-red-400: #C7050F;
  --color-red-500: #95040B;
  --color-red-600: #640207;
  /* Orange */
  --color-orange-50: #FFF0E5;
  --color-orange-100: #FFCEAC;
  --color-orange-200: #FFAA6D;
  --color-orange-300: #FF8B35;
  --color-orange-400: #DD5C01;
  --color-orange-500: #AD3D00;
  --color-orange-600: #660C00;
  /* Yellow */
  --color-yellow-50: #FFFAE5;
  --color-yellow-100: #FFEEA8;
  --color-yellow-200: #FFE26B;
  --color-yellow-300: #FFCE09;
  --color-yellow-400: #D6A000;
  --color-yellow-500: #9A6400;
  --color-yellow-600: #5B3501;
  /* Green */
  --color-green-50: #EAFAEC;
  --color-green-100: #C9F7CE;
  --color-green-200: #9FF5A8;
  --color-green-300: #58D765;
  --color-green-400: #2AB539;
  --color-green-500: #1E7B27;
  --color-green-600: #14521A;
  /* Background */
  --color-bg-dark: #000920;
  --color-bg-card: rgba(0, 9, 32, 0.5);
  /* Text */
  --color-text-primary: #FFFFFF;
  --color-text-secondary: #E5F0FF;
  --color-text-tertiary: rgba(229, 240, 255, 0.64);
  --color-text-disabled: rgba(229, 240, 255, 0.4);
  /* Border */
  --color-border-default: rgba(255, 255, 255, 0.12);
  --color-border-focus: #2B80FF;
  --color-border-error: #FA303A;
  /* Semantic */
  --color-success: #58D765;
  --color-warning: #FFCE09;
  --color-error: #FA303A;
  --color-info: #2B80FF;
  /* ========================================
   * Typography
   * ======================================== */
  /* Font Family */
  --font-family-primary: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  /* Font Weights */
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-bold: 700;
  --font-weight-black: 900;
  /* Heading 1 */
  --font-h1-size: 32px;
  --font-h1-line-height: 40px;
  --font-h1-letter-spacing: -0.4px;
  /* Heading 2 */
  --font-h2-size: 26px;
  --font-h2-line-height: 32px;
  --font-h2-letter-spacing: -0.3px;
  /* Heading 3 */
  --font-h3-size: 22px;
  --font-h3-line-height: 28px;
  --font-h3-letter-spacing: -0.2px;
  /* Heading 4 */
  --font-h4-size: 18px;
  --font-h4-line-height: 24px;
  --font-h4-letter-spacing: 0;
  /* Subtitle 1 */
  --font-s1-size: 22px;
  --font-s1-line-height: 28px;
  --font-s1-letter-spacing: -0.1px;
  /* Subtitle 2 */
  --font-s2-size: 18px;
  --font-s2-line-height: 24px;
  --font-s2-letter-spacing: 0;
  /* Subtitle 3 */
  --font-s3-size: 15px;
  --font-s3-line-height: 20px;
  --font-s3-letter-spacing: 0;
  /* Subtitle 4 */
  --font-s4-size: 13px;
  --font-s4-line-height: 18px;
  --font-s4-letter-spacing: 0;
  /* Body 1 */
  --font-b1-size: 15px;
  --font-b1-line-height: 22px;
  --font-b1-letter-spacing: 0;
  /* Body 2 */
  --font-b2-size: 14px;
  --font-b2-line-height: 20px;
  --font-b2-letter-spacing: 0.1px;
  /* Body 3 */
  --font-b3-size: 13px;
  --font-b3-line-height: 18px;
  --font-b3-letter-spacing: 0.1px;
  /* Caption 1 */
  --font-c1-size: 12px;
  --font-c1-line-height: 16px;
  --font-c1-letter-spacing: 0.2px;
  /* Caption 2 */
  --font-c2-size: 11px;
  --font-c2-line-height: 14px;
  --font-c2-letter-spacing: 0.2px;
  /* Caption 3 */
  --font-c3-size: 10px;
  --font-c3-line-height: 14px;
  --font-c3-letter-spacing: 0.3px;
  /* ========================================
   * Spacing
   * ======================================== */
  --spacing-0: 0px;
  --spacing-1: 2px;
  --spacing-2: 4px;
  --spacing-3: 6px;
  --spacing-4: 8px;
  --spacing-5: 12px;
  --spacing-6: 16px;
  --spacing-7: 20px;
  --spacing-8: 24px;
  --spacing-9: 32px;
  --spacing-10: 40px;
  --spacing-11: 48px;
  --spacing-12: 64px;
  /* ========================================
   * Border Radius
   * ======================================== */
  --radius-none: 0px;
  --radius-xs: 4px;
  --radius-sm: 6px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-xl: 16px;
  --radius-full: 9999px;
  /* ========================================
   * Shadows
   * ======================================== */
  --shadow-input-default: inset 0px 0px 6px 0px rgba(0, 9, 32, 0.32);
  --shadow-input-focus: 0px 0px 4px 0px rgba(43, 128, 255, 1), inset 0px 0px 6px 0px rgba(0, 9, 32, 0.32);
  --shadow-input-error: 0px 0px 4px 0px rgba(250, 48, 58, 1), inset 0px 0px 6px 0px rgba(0, 9, 32, 0.32);
  --shadow-card: 0px 32px 64px 0px rgba(0, 9, 32, 0.12), 0px 16px 32px 0px rgba(0, 9, 32, 0.08), 0px 4px 8px 2px rgba(0, 9, 32, 0.32), inset 0px 0px 100px 0px rgba(187, 214, 255, 0.08);
  --shadow-sm: 0px 1px 2px 0px rgba(0, 9, 32, 0.16);
  --shadow-md: 0px 4px 8px 0px rgba(0, 9, 32, 0.16);
  --shadow-lg: 0px 8px 16px 0px rgba(0, 9, 32, 0.16);
  --shadow-xl: 0px 16px 32px 0px rgba(0, 9, 32, 0.16);
}

.viact-step-progress-bar {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.viact-step-progress-bar__container {
  position: relative;
  width: 100%;
}
.viact-step-progress-bar__line {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  height: 4px;
  background: rgba(229, 240, 255, 0.4);
  border-radius: 2px;
  transform: translateY(-50%);
  z-index: 0;
}
.viact-step-progress-bar__line-progress {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  background: linear-gradient(270deg, #58D765 0%, rgba(88, 215, 101, 0.15) 100%);
  border-radius: 2px;
  transition: width 0.5s ease;
}
.viact-step-progress-bar__steps {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  z-index: 1;
}
.viact-step-progress-bar__step {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  position: relative;
}
.viact-step-progress-bar__step-circle {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: rgba(44, 62, 80, 0.6);
  border: 2px solid rgba(255, 255, 255, 0.15);
  transition: all 0.3s ease;
  position: relative;
  z-index: 2;
}
.viact-step-progress-bar__step-number {
  font-weight: 600;
  color: rgba(255, 255, 255, 0.5);
  transition: color 0.3s ease;
}
.viact-step-progress-bar__step-icon {
  color: #ffffff !important;
}
.viact-step-progress-bar__step--completed .viact-step-progress-bar__step-circle {
  background: #27ae60;
  border-color: #27ae60;
  box-shadow: 0 0 8px rgba(39, 174, 96, 0.4);
}
.viact-step-progress-bar__step--upcoming .viact-step-progress-bar__step-circle {
  background: #666565;
  border-color: #666565;
}
.viact-step-progress-bar__step--upcoming .viact-step-progress-bar__step-number {
  color: rgba(255, 255, 255, 0.25);
}
.viact-step-progress-bar__step-label {
  font-size: 12px;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.7);
  text-align: center;
  white-space: nowrap;
  transition: color 0.3s ease;
}
.viact-step-progress-bar__step--completed .viact-step-progress-bar__step-label {
  color: rgba(255, 255, 255, 0.9);
  font-weight: 600;
}
.viact-step-progress-bar__percentage {
  text-align: center;
  font-size: 14px;
  font-weight: 600;
  color: #2b80ff;
  margin-top: 4px;
}
.viact-step-progress-bar--small .viact-step-progress-bar__step-circle {
  width: 12px;
  height: 12px;
  border-width: 2px;
}
.viact-step-progress-bar--small .viact-step-progress-bar__step-number {
  font-size: 11px;
}
.viact-step-progress-bar--small .viact-step-progress-bar__step-label {
  font-size: 10px;
}
.viact-step-progress-bar--small .viact-step-progress-bar__line {
  height: 4px;
}
.viact-step-progress-bar--small .viact-step-progress-bar__step-icon {
  width: 8px;
  height: 8px;
}
.viact-step-progress-bar--medium .viact-step-progress-bar__step-circle {
  width: 32px;
  height: 32px;
  border-width: 3px;
}
.viact-step-progress-bar--medium .viact-step-progress-bar__step-number {
  font-size: 14px;
}
.viact-step-progress-bar--medium .viact-step-progress-bar__step-label {
  font-size: 12px;
}
.viact-step-progress-bar--medium .viact-step-progress-bar__line {
  height: 4px;
}
.viact-step-progress-bar--large .viact-step-progress-bar__step-circle {
  width: 40px;
  height: 40px;
  border-width: 4px;
}
.viact-step-progress-bar--large .viact-step-progress-bar__step-number {
  font-size: 16px;
}
.viact-step-progress-bar--large .viact-step-progress-bar__step-label {
  font-size: 14px;
}
.viact-step-progress-bar--large .viact-step-progress-bar__line {
  height: 5px;
}
.viact-step-progress-bar--success .viact-step-progress-bar__line-progress {
  background: linear-gradient(270deg, #58D765 0%, rgba(88, 215, 101, 0.15) 100%);
}
.viact-step-progress-bar--success .viact-step-progress-bar__step--completed .viact-step-progress-bar__step-circle {
  background: #27ae60;
  border-color: #27ae60;
  box-shadow: 0 0 8px rgba(39, 174, 96, 0.4);
}
.viact-step-progress-bar--success .viact-step-progress-bar__percentage {
  color: #27ae60;
}
.viact-step-progress-bar--info .viact-step-progress-bar__line-progress {
  background: linear-gradient(90deg, #2980b9 0%, #3498db 100%);
}
.viact-step-progress-bar--info .viact-step-progress-bar__step--completed .viact-step-progress-bar__step-circle {
  background: #2980b9;
  border-color: #2980b9;
  box-shadow: 0 0 8px rgba(41, 128, 185, 0.4);
}
.viact-step-progress-bar--info .viact-step-progress-bar__percentage {
  color: #2980b9;
}
.viact-step-progress-bar--warning .viact-step-progress-bar__line-progress {
  background: linear-gradient(90deg, #f39c12 0%, #f1c40f 100%);
}
.viact-step-progress-bar--warning .viact-step-progress-bar__step--completed .viact-step-progress-bar__step-circle {
  background: #f39c12;
  border-color: #f39c12;
  box-shadow: 0 0 8px rgba(243, 156, 18, 0.4);
}
.viact-step-progress-bar--warning .viact-step-progress-bar__percentage {
  color: #f39c12;
}

.viact-theme-light .viact-step-progress-bar__line {
  background: rgba(0, 0, 0, 0.1);
}
.viact-theme-light .viact-step-progress-bar__step-circle {
  background: #ecf0f1;
  border-color: rgba(0, 0, 0, 0.2);
}
.viact-theme-light .viact-step-progress-bar__step-number {
  color: rgba(0, 0, 0, 0.5);
}
.viact-theme-light .viact-step-progress-bar__step--current .viact-theme-light .viact-step-progress-bar__step-number {
  color: #ffffff;
}
.viact-theme-light .viact-step-progress-bar__step-label {
  color: rgba(0, 0, 0, 0.7);
}
.viact-theme-light .viact-step-progress-bar__step--completed .viact-theme-light .viact-step-progress-bar__step-label, .viact-theme-light .viact-step-progress-bar__step--current .viact-theme-light .viact-step-progress-bar__step-label {
  color: rgba(0, 0, 0, 0.9);
}
/*!*****************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./src/shared/viact-ui/Issuer/Issuer.scss (1) ***!
  \*****************************************************************************************************************************************************************/
/**
 * Global SCSS Variables
 * Mirrors uiV2 theme tokens for reuse outside the component library.
 */
/**
 * Viact Design System - Global Theme Variables
 * 
 * Import this file to access all CSS custom properties
 */
:root {
  /* ========================================
   * Colors
   * ======================================== */
  /* Teal */
  --color-teal-50: #E7FAFE;
  --color-teal-100: #BCF1FB;
  --color-teal-200: #7BE6FB;
  --color-teal-300: #0ECBF1;
  --color-teal-400: #0BA3C1;
  --color-teal-500: #087A91;
  --color-teal-600: #065160;
  /* Blue */
  --color-blue-50: #E5F0FF;
  --color-blue-100: #BBD6FF;
  --color-blue-200: #7DB1FF;
  --color-blue-300: #2B80FF;
  --color-blue-400: #0046AF;
  --color-blue-500: #02226A;
  --color-blue-600: #001540;
  /* Violet */
  --color-violet-50: #F3E6FE;
  --color-violet-100: #D4B4FF;
  --color-violet-200: #BE84FF;
  --color-violet-300: #9E55F0;
  --color-violet-400: #8407EA;
  --color-violet-500: #4F05A3;
  --color-violet-600: #1E0132;
  /* Pink */
  --color-pink-50: #FEE7F3;
  --color-pink-100: #FFC7E5;
  --color-pink-200: #FF9BD0;
  --color-pink-300: #FF69B9;
  --color-pink-400: #F6339B;
  --color-pink-500: #920751;
  --color-pink-600: #620436;
  /* Red */
  --color-red-50: #FEE6E7;
  --color-red-100: #FFBCC1;
  --color-red-200: #FF777E;
  --color-red-300: #FA303A;
  --color-red-400: #C7050F;
  --color-red-500: #95040B;
  --color-red-600: #640207;
  /* Orange */
  --color-orange-50: #FFF0E5;
  --color-orange-100: #FFCEAC;
  --color-orange-200: #FFAA6D;
  --color-orange-300: #FF8B35;
  --color-orange-400: #DD5C01;
  --color-orange-500: #AD3D00;
  --color-orange-600: #660C00;
  /* Yellow */
  --color-yellow-50: #FFFAE5;
  --color-yellow-100: #FFEEA8;
  --color-yellow-200: #FFE26B;
  --color-yellow-300: #FFCE09;
  --color-yellow-400: #D6A000;
  --color-yellow-500: #9A6400;
  --color-yellow-600: #5B3501;
  /* Green */
  --color-green-50: #EAFAEC;
  --color-green-100: #C9F7CE;
  --color-green-200: #9FF5A8;
  --color-green-300: #58D765;
  --color-green-400: #2AB539;
  --color-green-500: #1E7B27;
  --color-green-600: #14521A;
  /* Background */
  --color-bg-dark: #000920;
  --color-bg-card: rgba(0, 9, 32, 0.5);
  /* Text */
  --color-text-primary: #FFFFFF;
  --color-text-secondary: #E5F0FF;
  --color-text-tertiary: rgba(229, 240, 255, 0.64);
  --color-text-disabled: rgba(229, 240, 255, 0.4);
  /* Border */
  --color-border-default: rgba(255, 255, 255, 0.12);
  --color-border-focus: #2B80FF;
  --color-border-error: #FA303A;
  /* Semantic */
  --color-success: #58D765;
  --color-warning: #FFCE09;
  --color-error: #FA303A;
  --color-info: #2B80FF;
  /* ========================================
   * Typography
   * ======================================== */
  /* Font Family */
  --font-family-primary: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  /* Font Weights */
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-bold: 700;
  --font-weight-black: 900;
  /* Heading 1 */
  --font-h1-size: 32px;
  --font-h1-line-height: 40px;
  --font-h1-letter-spacing: -0.4px;
  /* Heading 2 */
  --font-h2-size: 26px;
  --font-h2-line-height: 32px;
  --font-h2-letter-spacing: -0.3px;
  /* Heading 3 */
  --font-h3-size: 22px;
  --font-h3-line-height: 28px;
  --font-h3-letter-spacing: -0.2px;
  /* Heading 4 */
  --font-h4-size: 18px;
  --font-h4-line-height: 24px;
  --font-h4-letter-spacing: 0;
  /* Subtitle 1 */
  --font-s1-size: 22px;
  --font-s1-line-height: 28px;
  --font-s1-letter-spacing: -0.1px;
  /* Subtitle 2 */
  --font-s2-size: 18px;
  --font-s2-line-height: 24px;
  --font-s2-letter-spacing: 0;
  /* Subtitle 3 */
  --font-s3-size: 15px;
  --font-s3-line-height: 20px;
  --font-s3-letter-spacing: 0;
  /* Subtitle 4 */
  --font-s4-size: 13px;
  --font-s4-line-height: 18px;
  --font-s4-letter-spacing: 0;
  /* Body 1 */
  --font-b1-size: 15px;
  --font-b1-line-height: 22px;
  --font-b1-letter-spacing: 0;
  /* Body 2 */
  --font-b2-size: 14px;
  --font-b2-line-height: 20px;
  --font-b2-letter-spacing: 0.1px;
  /* Body 3 */
  --font-b3-size: 13px;
  --font-b3-line-height: 18px;
  --font-b3-letter-spacing: 0.1px;
  /* Caption 1 */
  --font-c1-size: 12px;
  --font-c1-line-height: 16px;
  --font-c1-letter-spacing: 0.2px;
  /* Caption 2 */
  --font-c2-size: 11px;
  --font-c2-line-height: 14px;
  --font-c2-letter-spacing: 0.2px;
  /* Caption 3 */
  --font-c3-size: 10px;
  --font-c3-line-height: 14px;
  --font-c3-letter-spacing: 0.3px;
  /* ========================================
   * Spacing
   * ======================================== */
  --spacing-0: 0px;
  --spacing-1: 2px;
  --spacing-2: 4px;
  --spacing-3: 6px;
  --spacing-4: 8px;
  --spacing-5: 12px;
  --spacing-6: 16px;
  --spacing-7: 20px;
  --spacing-8: 24px;
  --spacing-9: 32px;
  --spacing-10: 40px;
  --spacing-11: 48px;
  --spacing-12: 64px;
  /* ========================================
   * Border Radius
   * ======================================== */
  --radius-none: 0px;
  --radius-xs: 4px;
  --radius-sm: 6px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-xl: 16px;
  --radius-full: 9999px;
  /* ========================================
   * Shadows
   * ======================================== */
  --shadow-input-default: inset 0px 0px 6px 0px rgba(0, 9, 32, 0.32);
  --shadow-input-focus: 0px 0px 4px 0px rgba(43, 128, 255, 1), inset 0px 0px 6px 0px rgba(0, 9, 32, 0.32);
  --shadow-input-error: 0px 0px 4px 0px rgba(250, 48, 58, 1), inset 0px 0px 6px 0px rgba(0, 9, 32, 0.32);
  --shadow-card: 0px 32px 64px 0px rgba(0, 9, 32, 0.12), 0px 16px 32px 0px rgba(0, 9, 32, 0.08), 0px 4px 8px 2px rgba(0, 9, 32, 0.32), inset 0px 0px 100px 0px rgba(187, 214, 255, 0.08);
  --shadow-sm: 0px 1px 2px 0px rgba(0, 9, 32, 0.16);
  --shadow-md: 0px 4px 8px 0px rgba(0, 9, 32, 0.16);
  --shadow-lg: 0px 8px 16px 0px rgba(0, 9, 32, 0.16);
  --shadow-xl: 0px 16px 32px 0px rgba(0, 9, 32, 0.16);
}

.viact-issuer {
  display: flex;
  align-items: center;
  gap: 12px;
  font-family: var(--font-family-base, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", sans-serif);
  line-height: 1;
}
.viact-issuer--clickable {
  cursor: pointer;
  transition: opacity 0.2s ease;
}
.viact-issuer--clickable:hover {
  opacity: 0.8;
}
.viact-issuer__info {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
  line-height: normal;
}
.viact-issuer__name {
  font-weight: 500;
  color: rgba(255, 255, 255, 0.9);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.4;
}
.viact-issuer__description {
  font-weight: 400;
  color: rgba(255, 255, 255, 0.6);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.4;
}
.viact-issuer--small {
  gap: 8px;
}
.viact-issuer--small .viact-issuer__info {
  gap: 0;
}
.viact-issuer--small .viact-issuer__name {
  font-size: 13px;
  line-height: 16px;
}
.viact-issuer--small .viact-issuer__description {
  font-size: 11px;
  line-height: 14px;
}
.viact-issuer--medium {
  gap: 12px;
}
.viact-issuer--medium .viact-issuer__info {
  gap: 2px;
}
.viact-issuer--medium .viact-issuer__name {
  font-size: 14px;
  line-height: 18px;
}
.viact-issuer--medium .viact-issuer__description {
  font-size: 13px;
  line-height: 16px;
}
.viact-issuer--large {
  gap: 16px;
}
.viact-issuer--large .viact-issuer__info {
  gap: 4px;
}
.viact-issuer--large .viact-issuer__name {
  font-size: 16px;
  line-height: 22px;
}
.viact-issuer--large .viact-issuer__description {
  font-size: 14px;
  line-height: 18px;
}
.viact-issuer--vertical {
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.viact-issuer--vertical .viact-issuer__info {
  align-items: center;
}
.viact-issuer--horizontal {
  flex-direction: row;
  align-items: center;
}

.viact-theme-light .viact-issuer__name {
  color: rgba(0, 0, 0, 0.85);
}
.viact-theme-light .viact-issuer__description {
  color: rgba(0, 0, 0, 0.45);
}
/*!*****************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./src/shared/viact-ui/LoadingOverlay/LoadingOverlay.scss ***!
  \*****************************************************************************************************************************************************************************/
/**
 * Global SCSS Variables
 * Mirrors uiV2 theme tokens for reuse outside the component library.
 */
/**
 * Viact Design System - LoadingOverlay Styles
 */
/**
 * Global SCSS Variables
 * Mirrors uiV2 theme tokens for reuse outside the component library.
 */
.viact-loading-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1000;
}
.viact-loading-overlay__backdrop {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
  backdrop-filter: blur(2px);
  border-radius: inherit;
}
.viact-loading-overlay__content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 16px;
}
.viact-loading-overlay__text {
  font-family: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #e5f0ff;
  margin: 0;
  text-align: center;
}

.viact-loading-spinner {
  animation: viact-spinner-rotate 1.5s linear infinite;
}
.viact-loading-spinner__track {
  stroke: rgba(229, 240, 255, 0.1);
}
.viact-loading-spinner__path {
  stroke: url(#spinnerGradient);
  stroke-dasharray: 90, 150;
  stroke-dashoffset: 0;
  animation: viact-spinner-dash 1.5s ease-in-out infinite;
}

@keyframes viact-spinner-rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes viact-spinner-dash {
  0% {
    stroke-dasharray: 1, 150;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -35;
  }
  100% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -124;
  }
}
/*!**************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./src/components/App/App.scss ***!
  \**************************************************************************************************************************************************/
/**
 * Global SCSS Variables
 * Mirrors uiV2 theme tokens for reuse outside the component library.
 */
/**
 * Global SCSS Variables
 * Mirrors uiV2 theme tokens for reuse outside the component library.
 */
.Container {
  display: flex;
  flex-flow: column;
  height: 100%;
  background: #000920 url(/assets/eb300e48796bb92668f0.png) no-repeat center center;
  background-size: cover;
}

.LeftNavContainer {
  display: flex;
  height: 100%;
  background: #f6f6f6;
  padding-top: 63px;
}

.main {
  padding: 0 10px;
  width: 100%;
}

.LeftNavContainer {
  display: flex;
  height: 100%;
  background: #f6f6f6;
  padding-top: 63px;
}

.App {
  flex-grow: 1;
  display: flex;
  flex-flow: column;
  overflow: hidden !important;
  overflow-y: auto !important;
  height: 100%;
}

.y_flow {
  overflow-y: scroll;
}

.Auth {
  background: url(/assets/eb300e48796bb92668f0.png);
  background-size: cover;
  background-color: #000920;
  background-repeat: no-repeat;
  background-position: -80px center;
  height: 100vh;
  overflow-y: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: -webkit-fill-available;
}

.fab-action {
  position: fixed !important;
  bottom: 5vmin;
  right: 5vmin;
}

.iframe {
  overflow: hidden;
  overflow-x: hidden;
  overflow-y: hidden;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
}

.public-content {
  background: #ffffff;
  margin: 0;
  padding: 0;
  height: 100vh;
}

.error-boundary {
  height: 100%;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  background-color: #000920;
}
.error-boundary__body {
  flex: 1;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.error-boundary__body img {
  width: 82px;
  height: 82px;
}
.error-boundary__title {
  color: #ffffff;
  margin: 20px 0px 10px;
  font-size: 20px;
  text-align: center;
  font-weight: 600;
}
.error-boundary__sub-title {
  color: #e5f0ff;
  font-size: 16px;
  max-width: 500px;
  text-align: center;
}
.error-boundary__email {
  color: #2b80ff;
}
/*!*************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/react-date-range/dist/styles.css ***!
  \*************************************************************************************************/
.rdrCalendarWrapper {
  box-sizing: border-box;
  background: #ffffff;
  display: inline-flex;
  flex-direction: column;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.rdrDateDisplay{
  display: flex;
  justify-content: space-between;
}

.rdrDateDisplayItem{
  flex: 1 1;
  width: 0;
  text-align: center;
  color: inherit;
}

.rdrDateDisplayItem + .rdrDateDisplayItem{
    margin-left: 0.833em;
  }

.rdrDateDisplayItem input{
    text-align: inherit
  }

.rdrDateDisplayItem input:disabled{
      cursor: default;
    }

.rdrDateDisplayItemActive{}

.rdrMonthAndYearWrapper {
  box-sizing: inherit;
  display: flex;
  justify-content: space-between;
}

.rdrMonthAndYearPickers{
  flex: 1 1 auto;
  display: flex;
  justify-content: center;
  align-items: center;
}

.rdrMonthPicker{}

.rdrYearPicker{}

.rdrNextPrevButton {
  box-sizing: inherit;
  cursor: pointer;
  outline: none;
}

.rdrPprevButton {}

.rdrNextButton {}

.rdrMonths{
  display: flex;
}

.rdrMonthsVertical{
  flex-direction: column;
}

.rdrMonthsHorizontal > div > div > div{
  display: flex;
  flex-direction: row;
}

.rdrMonth{
  width: 27.667em;
}

.rdrWeekDays{
  display: flex;
}

.rdrWeekDay {
  flex-basis: calc(100% / 7);
  box-sizing: inherit;
  text-align: center;
}

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

.rdrDateDisplayWrapper{}

.rdrMonthName{}

.rdrInfiniteMonths{
  overflow: auto;
}

.rdrDateRangeWrapper{
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.rdrDateInput {
  position: relative;
}

.rdrDateInput input {
    outline: none;
  }

.rdrDateInput .rdrWarning {
    position: absolute;
    font-size: 1.6em;
    line-height: 1.6em;
    top: 0;
    right: .25em;
    color: #FF0000;
  }

.rdrDay {
  box-sizing: inherit;
  width: calc(100% / 7);
  position: relative;
  font: inherit;
  cursor: pointer;
}

.rdrDayNumber {
  display: block;
  position: relative;
}

.rdrDayNumber span{
    color: #1d2429;
  }

.rdrDayDisabled {
  cursor: not-allowed;
}

@supports (-ms-ime-align: auto) {
  .rdrDay {
    flex-basis: 14.285% !important;
  }
}

.rdrSelected, .rdrInRange, .rdrStartEdge, .rdrEndEdge{
  pointer-events: none;
}

.rdrInRange{}

.rdrDayStartPreview, .rdrDayInPreview, .rdrDayEndPreview{
  pointer-events: none;
}

.rdrDayHovered{}

.rdrDayActive{}

.rdrDateRangePickerWrapper{
  display: inline-flex;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.rdrDefinedRangesWrapper{}

.rdrStaticRanges{
  display: flex;
  flex-direction: column;
}

.rdrStaticRange{
  font-size: inherit;
}

.rdrStaticRangeLabel{}

.rdrInputRanges{}

.rdrInputRange{
  display: flex;
}

.rdrInputRangeInput{}

/*!********************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/react-date-range/dist/theme/default.css ***!
  \********************************************************************************************************/
.rdrCalendarWrapper{
  color: #000000;
  font-size: 12px;
}

.rdrDateDisplayWrapper{
  background-color: rgb(239, 242, 247);
}

.rdrDateDisplay{
  margin: 0.833em;
}

.rdrDateDisplayItem{
  border-radius: 4px;
  background-color: rgb(255, 255, 255);
  box-shadow: 0 1px 2px 0 rgba(35, 57, 66, 0.21);
  border: 1px solid transparent;
}

.rdrDateDisplayItem input{
    cursor: pointer;
    height: 2.5em;
    line-height: 2.5em;
    border: 0px;
    background: transparent;
    width: 100%;
    color: #849095;
  }

.rdrDateDisplayItemActive{
  border-color: currentColor;
}

.rdrDateDisplayItemActive input{
    color: #7d888d
  }

.rdrMonthAndYearWrapper {
  align-items: center;
  height: 60px;
  padding-top: 10px;
}

.rdrMonthAndYearPickers{
  font-weight: 600;
}

.rdrMonthAndYearPickers select{
    -moz-appearance: none;
         appearance: none;
    -webkit-appearance: none;
    border: 0;
    background: transparent;
    padding: 10px 30px 10px 10px;
    border-radius: 4px;
    outline: 0;
    color: #3e484f;
    background: url("data:image/svg+xml;utf8,<svg width=%279px%27 height=%276px%27 viewBox=%270 0 9 6%27 version=%271.1%27 xmlns=%27http://www.w3.org/2000/svg%27 xmlns:xlink=%27http://www.w3.org/1999/xlink%27><g id=%27Artboard%27 stroke=%27none%27 stroke-width=%271%27 fill=%27none%27 fill-rule=%27evenodd%27 transform=%27translate%28-636.000000, -171.000000%29%27 fill-opacity=%270.368716033%27><g id=%27input%27 transform=%27translate%28172.000000, 37.000000%29%27 fill=%27%230E242F%27 fill-rule=%27nonzero%27><g id=%27Group-9%27 transform=%27translate%28323.000000, 127.000000%29%27><path d=%27M142.280245,7.23952813 C141.987305,6.92353472 141.512432,6.92361662 141.219585,7.23971106 C140.926739,7.5558055 140.926815,8.06821394 141.219755,8.38420735 L145.498801,13 L149.780245,8.38162071 C150.073185,8.0656273 150.073261,7.55321886 149.780415,7.23712442 C149.487568,6.92102998 149.012695,6.92094808 148.719755,7.23694149 L145.498801,10.7113732 L142.280245,7.23952813 Z%27 id=%27arrow%27></path></g></g></g></svg>") no-repeat;
    background-position: right 8px center;
    cursor: pointer;
    text-align: center
  }

.rdrMonthAndYearPickers select:hover{
      background-color: rgba(0,0,0,0.07);
    }

.rdrMonthPicker, .rdrYearPicker{
  margin: 0 5px
}

.rdrNextPrevButton {
  display: block;
  width: 24px;
  height: 24px;
  margin: 0 0.833em;
  padding: 0;
  border: 0;
  border-radius: 5px;
  background: #EFF2F7
}

.rdrNextPrevButton:hover{
    background: #E1E7F0;
  }

.rdrNextPrevButton i {
    display: block;
    width: 0;
    height: 0;
    padding: 0;
    text-align: center;
    border-style: solid;
    margin: auto;
    transform: translate(-3px, 0px);
  }

.rdrPprevButton i {
    border-width: 4px 6px 4px 4px;
    border-color: transparent rgb(52, 73, 94) transparent transparent;
    transform: translate(-3px, 0px);
  }

.rdrNextButton i {
    margin: 0 0 0 7px;
    border-width: 4px 4px 4px 6px;
    border-color: transparent transparent transparent rgb(52, 73, 94);
    transform: translate(3px, 0px);
  }

.rdrWeekDays {
  padding: 0 0.833em;
}

.rdrMonth{
  padding: 0 0.833em 1.666em 0.833em;
}

.rdrMonth .rdrWeekDays {
    padding: 0;
  }

.rdrMonths.rdrMonthsVertical .rdrMonth:first-child .rdrMonthName{
  display: none;
}

.rdrWeekDay {
  font-weight: 400;
  line-height: 2.667em;
  color: rgb(132, 144, 149);
}

.rdrDay {
  background: transparent;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border: 0;
  padding: 0;
  line-height: 3.000em;
  height: 3.000em;
  text-align: center;
  color: #1d2429
}

.rdrDay:focus {
    outline: 0;
  }

.rdrDayNumber {
  outline: 0;
  font-weight: 300;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  top: 5px;
  bottom: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.rdrDayToday .rdrDayNumber span{
  font-weight: 500
}

.rdrDayToday .rdrDayNumber span:after{
    content: '';
    position: absolute;
    bottom: 4px;
    left: 50%;
    transform: translate(-50%, 0);
    width: 18px;
    height: 2px;
    border-radius: 2px;
    background: #3d91ff;
  }

.rdrDayToday:not(.rdrDayPassive) .rdrInRange ~ .rdrDayNumber span:after,.rdrDayToday:not(.rdrDayPassive) .rdrStartEdge ~ .rdrDayNumber span:after,.rdrDayToday:not(.rdrDayPassive) .rdrEndEdge ~ .rdrDayNumber span:after,.rdrDayToday:not(.rdrDayPassive) .rdrSelected ~ .rdrDayNumber span:after{
      background: #fff;
    }

.rdrDay:not(.rdrDayPassive) .rdrInRange ~ .rdrDayNumber span,.rdrDay:not(.rdrDayPassive) .rdrStartEdge ~ .rdrDayNumber span,.rdrDay:not(.rdrDayPassive) .rdrEndEdge ~ .rdrDayNumber span,.rdrDay:not(.rdrDayPassive) .rdrSelected ~ .rdrDayNumber span{
          color: rgba(255, 255, 255, 0.85);
        }

.rdrSelected, .rdrInRange, .rdrStartEdge, .rdrEndEdge{
  background: currentColor;
  position: absolute;
  top: 5px;
  left: 0;
  right: 0;
  bottom: 5px;
}

.rdrSelected{
  left: 2px;
  right: 2px;
}

.rdrInRange{}

.rdrStartEdge{
  border-top-left-radius: 1.042em;
  border-bottom-left-radius: 1.042em;
  left: 2px;
}

.rdrEndEdge{
  border-top-right-radius: 1.042em;
  border-bottom-right-radius: 1.042em;
  right: 2px;
}

.rdrSelected{
  border-radius: 1.042em;
}

.rdrDayStartOfMonth .rdrInRange, .rdrDayStartOfMonth .rdrEndEdge, .rdrDayStartOfWeek .rdrInRange, .rdrDayStartOfWeek .rdrEndEdge{
    border-top-left-radius: 1.042em;
    border-bottom-left-radius: 1.042em;
    left: 2px;
  }

.rdrDayEndOfMonth .rdrInRange,  .rdrDayEndOfMonth .rdrStartEdge,  .rdrDayEndOfWeek .rdrInRange,  .rdrDayEndOfWeek .rdrStartEdge{
    border-top-right-radius: 1.042em;
    border-bottom-right-radius: 1.042em;
    right: 2px;
  }

.rdrDayStartOfMonth .rdrDayInPreview, .rdrDayStartOfMonth .rdrDayEndPreview, .rdrDayStartOfWeek .rdrDayInPreview, .rdrDayStartOfWeek .rdrDayEndPreview{
    border-top-left-radius: 1.333em;
    border-bottom-left-radius: 1.333em;
    border-left-width: 1px;
    left: 0px;
  }

.rdrDayEndOfMonth .rdrDayInPreview, .rdrDayEndOfMonth .rdrDayStartPreview, .rdrDayEndOfWeek .rdrDayInPreview, .rdrDayEndOfWeek .rdrDayStartPreview{
   border-top-right-radius: 1.333em;
   border-bottom-right-radius: 1.333em;
   border-right-width: 1px;
   right: 0px;
 }

.rdrDayStartPreview, .rdrDayInPreview, .rdrDayEndPreview{
  background: rgba(255, 255, 255, 0.09);
  position: absolute;
  top: 3px;
  left: 0px;
  right: 0px;
  bottom: 3px;
  pointer-events: none;
  border: 0px solid currentColor;
  z-index: 1;
}

.rdrDayStartPreview{
  border-top-width: 1px;
  border-left-width: 1px;
  border-bottom-width: 1px;
  border-top-left-radius: 1.333em;
  border-bottom-left-radius: 1.333em;
  left: 0px;
}

.rdrDayInPreview{
  border-top-width: 1px;
  border-bottom-width: 1px;
}

.rdrDayEndPreview{
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-top-right-radius: 1.333em;
  border-bottom-right-radius: 1.333em;
  right: 2px;
  right: 0px;
}

.rdrDefinedRangesWrapper{
  font-size: 12px;
  width: 226px;
  border-right: solid 1px #eff2f7;
  background: #fff;
}

.rdrDefinedRangesWrapper .rdrStaticRangeSelected{
    color: currentColor;
    font-weight: 600;
  }

.rdrStaticRange{
  border: 0;
  cursor: pointer;
  display: block;
  outline: 0;
  border-bottom: 1px solid #eff2f7;
  padding: 0;
  background: #fff
}

.rdrStaticRange:hover .rdrStaticRangeLabel,.rdrStaticRange:focus .rdrStaticRangeLabel{
      background: #eff2f7;
    }

.rdrStaticRangeLabel{
  display: block;
  outline: 0;
  line-height: 18px;
  padding: 10px 20px;
  text-align: left;
}

.rdrInputRanges{
  padding: 10px 0;
}

.rdrInputRange{
  align-items: center;
  padding: 5px 20px;
}

.rdrInputRangeInput{
  width: 30px;
  height: 30px;
  line-height: 30px;
  border-radius: 4px;
  text-align: center;
  border: solid 1px rgb(222, 231, 235);
  margin-right: 10px;
  color: rgb(108, 118, 122)
}

.rdrInputRangeInput:focus, .rdrInputRangeInput:hover{
    border-color: rgb(180, 191, 196);
    outline: 0;
    color: #333;
  }

.rdrCalendarWrapper:not(.rdrDateRangeWrapper) .rdrDayHovered .rdrDayNumber:after{
  content: '';
  border: 1px solid currentColor;
  border-radius: 1.333em;
  position: absolute;
  top: -2px;
  bottom: -2px;
  left: 0px;
  right: 0px;
  background: transparent;
}

.rdrDayPassive{
  pointer-events: none;
}

.rdrDayPassive .rdrDayNumber span{
    color: #d5dce0;
  }

.rdrDayPassive .rdrInRange, .rdrDayPassive .rdrStartEdge, .rdrDayPassive .rdrEndEdge, .rdrDayPassive .rdrSelected, .rdrDayPassive .rdrDayStartPreview, .rdrDayPassive .rdrDayInPreview, .rdrDayPassive .rdrDayEndPreview{
    display: none;
  }

.rdrDayDisabled {
  background-color: rgb(248, 248, 248);
}

.rdrDayDisabled .rdrDayNumber span{
    color: #aeb9bf;
  }

.rdrDayDisabled .rdrInRange, .rdrDayDisabled .rdrStartEdge, .rdrDayDisabled .rdrEndEdge, .rdrDayDisabled .rdrSelected, .rdrDayDisabled .rdrDayStartPreview, .rdrDayDisabled .rdrDayInPreview, .rdrDayDisabled .rdrDayEndPreview{
    filter: grayscale(100%) opacity(60%);
  }

.rdrMonthName{
  text-align: left;
  font-weight: 600;
  color: #849095;
  padding: 0.833em;
}

/*!******************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/react-toastify/dist/ReactToastify.css ***!
  \******************************************************************************************************/
:root {
  --toastify-color-light: #fff;
  --toastify-color-dark: #121212;
  --toastify-color-info: #3498db;
  --toastify-color-success: #07bc0c;
  --toastify-color-warning: #f1c40f;
  --toastify-color-error: #e74c3c;
  --toastify-color-transparent: rgba(255, 255, 255, 0.7);
  --toastify-icon-color-info: var(--toastify-color-info);
  --toastify-icon-color-success: var(--toastify-color-success);
  --toastify-icon-color-warning: var(--toastify-color-warning);
  --toastify-icon-color-error: var(--toastify-color-error);
  --toastify-toast-width: 320px;
  --toastify-toast-background: #fff;
  --toastify-toast-min-height: 64px;
  --toastify-toast-max-height: 800px;
  --toastify-font-family: sans-serif;
  --toastify-z-index: 9999;
  --toastify-text-color-light: #757575;
  --toastify-text-color-dark: #fff;
  --toastify-text-color-info: #fff;
  --toastify-text-color-success: #fff;
  --toastify-text-color-warning: #fff;
  --toastify-text-color-error: #fff;
  --toastify-spinner-color: #616161;
  --toastify-spinner-color-empty-area: #e0e0e0;
  --toastify-color-progress-light: linear-gradient(
    to right,
    #4cd964,
    #5ac8fa,
    #007aff,
    #34aadc,
    #5856d6,
    #ff2d55
  );
  --toastify-color-progress-dark: #bb86fc;
  --toastify-color-progress-info: var(--toastify-color-info);
  --toastify-color-progress-success: var(--toastify-color-success);
  --toastify-color-progress-warning: var(--toastify-color-warning);
  --toastify-color-progress-error: var(--toastify-color-error);
}

.Toastify__toast-container {
  z-index: var(--toastify-z-index);
  -webkit-transform: translate3d(0, 0, var(--toastify-z-index));
  position: fixed;
  padding: 4px;
  width: var(--toastify-toast-width);
  box-sizing: border-box;
  color: #fff;
}
.Toastify__toast-container--top-left {
  top: 1em;
  left: 1em;
}
.Toastify__toast-container--top-center {
  top: 1em;
  left: 50%;
  transform: translateX(-50%);
}
.Toastify__toast-container--top-right {
  top: 1em;
  right: 1em;
}
.Toastify__toast-container--bottom-left {
  bottom: 1em;
  left: 1em;
}
.Toastify__toast-container--bottom-center {
  bottom: 1em;
  left: 50%;
  transform: translateX(-50%);
}
.Toastify__toast-container--bottom-right {
  bottom: 1em;
  right: 1em;
}

@media only screen and (max-width : 480px) {
  .Toastify__toast-container {
    width: 100vw;
    padding: 0;
    left: 0;
    margin: 0;
  }
  .Toastify__toast-container--top-left, .Toastify__toast-container--top-center, .Toastify__toast-container--top-right {
    top: 0;
    transform: translateX(0);
  }
  .Toastify__toast-container--bottom-left, .Toastify__toast-container--bottom-center, .Toastify__toast-container--bottom-right {
    bottom: 0;
    transform: translateX(0);
  }
  .Toastify__toast-container--rtl {
    right: 0;
    left: initial;
  }
}
.Toastify__toast {
  position: relative;
  min-height: var(--toastify-toast-min-height);
  box-sizing: border-box;
  margin-bottom: 1rem;
  padding: 8px;
  border-radius: 4px;
  box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.1), 0 2px 15px 0 rgba(0, 0, 0, 0.05);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  max-height: var(--toastify-toast-max-height);
  overflow: hidden;
  font-family: var(--toastify-font-family);
  cursor: default;
  direction: ltr;
  /* webkit only issue #791 */
  z-index: 0;
}
.Toastify__toast--rtl {
  direction: rtl;
}
.Toastify__toast--close-on-click {
  cursor: pointer;
}
.Toastify__toast-body {
  margin: auto 0;
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
  padding: 6px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.Toastify__toast-body > div:last-child {
  word-break: break-word;
  -ms-flex: 1;
      flex: 1;
}
.Toastify__toast-icon {
  -webkit-margin-end: 10px;
          margin-inline-end: 10px;
  width: 20px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -ms-flexbox;
  display: flex;
}

.Toastify--animate {
  animation-fill-mode: both;
  animation-duration: 0.7s;
}

.Toastify--animate-icon {
  animation-fill-mode: both;
  animation-duration: 0.3s;
}

@media only screen and (max-width : 480px) {
  .Toastify__toast {
    margin-bottom: 0;
    border-radius: 0;
  }
}
.Toastify__toast-theme--dark {
  background: var(--toastify-color-dark);
  color: var(--toastify-text-color-dark);
}
.Toastify__toast-theme--light {
  background: var(--toastify-color-light);
  color: var(--toastify-text-color-light);
}
.Toastify__toast-theme--colored.Toastify__toast--default {
  background: var(--toastify-color-light);
  color: var(--toastify-text-color-light);
}
.Toastify__toast-theme--colored.Toastify__toast--info {
  color: var(--toastify-text-color-info);
  background: var(--toastify-color-info);
}
.Toastify__toast-theme--colored.Toastify__toast--success {
  color: var(--toastify-text-color-success);
  background: var(--toastify-color-success);
}
.Toastify__toast-theme--colored.Toastify__toast--warning {
  color: var(--toastify-text-color-warning);
  background: var(--toastify-color-warning);
}
.Toastify__toast-theme--colored.Toastify__toast--error {
  color: var(--toastify-text-color-error);
  background: var(--toastify-color-error);
}

.Toastify__progress-bar-theme--light {
  background: var(--toastify-color-progress-light);
}
.Toastify__progress-bar-theme--dark {
  background: var(--toastify-color-progress-dark);
}
.Toastify__progress-bar--info {
  background: var(--toastify-color-progress-info);
}
.Toastify__progress-bar--success {
  background: var(--toastify-color-progress-success);
}
.Toastify__progress-bar--warning {
  background: var(--toastify-color-progress-warning);
}
.Toastify__progress-bar--error {
  background: var(--toastify-color-progress-error);
}
.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--success, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--error {
  background: var(--toastify-color-transparent);
}

.Toastify__close-button {
  color: #fff;
  background: transparent;
  outline: none;
  border: none;
  padding: 0;
  cursor: pointer;
  opacity: 0.7;
  transition: 0.3s ease;
  -ms-flex-item-align: start;
      align-self: flex-start;
}
.Toastify__close-button--light {
  color: #000;
  opacity: 0.3;
}
.Toastify__close-button > svg {
  fill: currentColor;
  height: 16px;
  width: 14px;
}
.Toastify__close-button:hover, .Toastify__close-button:focus {
  opacity: 1;
}

@keyframes Toastify__trackProgress {
  0% {
    transform: scaleX(1);
  }
  100% {
    transform: scaleX(0);
  }
}
.Toastify__progress-bar {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 5px;
  z-index: var(--toastify-z-index);
  opacity: 0.7;
  transform-origin: left;
}
.Toastify__progress-bar--animated {
  animation: Toastify__trackProgress linear 1 forwards;
}
.Toastify__progress-bar--controlled {
  transition: transform 0.2s;
}
.Toastify__progress-bar--rtl {
  right: 0;
  left: initial;
  transform-origin: right;
}

.Toastify__spinner {
  width: 20px;
  height: 20px;
  box-sizing: border-box;
  border: 2px solid;
  border-radius: 100%;
  border-color: var(--toastify-spinner-color-empty-area);
  border-right-color: var(--toastify-spinner-color);
  animation: Toastify__spin 0.65s linear infinite;
}

@keyframes Toastify__bounceInRight {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    transform: translate3d(10px, 0, 0);
  }
  90% {
    transform: translate3d(-5px, 0, 0);
  }
  to {
    transform: none;
  }
}
@keyframes Toastify__bounceOutRight {
  20% {
    opacity: 1;
    transform: translate3d(-20px, 0, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(2000px, 0, 0);
  }
}
@keyframes Toastify__bounceInLeft {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(25px, 0, 0);
  }
  75% {
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    transform: translate3d(5px, 0, 0);
  }
  to {
    transform: none;
  }
}
@keyframes Toastify__bounceOutLeft {
  20% {
    opacity: 1;
    transform: translate3d(20px, 0, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0);
  }
}
@keyframes Toastify__bounceInUp {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }
  75% {
    transform: translate3d(0, 10px, 0);
  }
  90% {
    transform: translate3d(0, -5px, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes Toastify__bounceOutUp {
  20% {
    transform: translate3d(0, -10px, 0);
  }
  40%, 45% {
    opacity: 1;
    transform: translate3d(0, 20px, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
}
@keyframes Toastify__bounceInDown {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, 25px, 0);
  }
  75% {
    transform: translate3d(0, -10px, 0);
  }
  90% {
    transform: translate3d(0, 5px, 0);
  }
  to {
    transform: none;
  }
}
@keyframes Toastify__bounceOutDown {
  20% {
    transform: translate3d(0, 10px, 0);
  }
  40%, 45% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }
}
.Toastify__bounce-enter--top-left, .Toastify__bounce-enter--bottom-left {
  animation-name: Toastify__bounceInLeft;
}
.Toastify__bounce-enter--top-right, .Toastify__bounce-enter--bottom-right {
  animation-name: Toastify__bounceInRight;
}
.Toastify__bounce-enter--top-center {
  animation-name: Toastify__bounceInDown;
}
.Toastify__bounce-enter--bottom-center {
  animation-name: Toastify__bounceInUp;
}

.Toastify__bounce-exit--top-left, .Toastify__bounce-exit--bottom-left {
  animation-name: Toastify__bounceOutLeft;
}
.Toastify__bounce-exit--top-right, .Toastify__bounce-exit--bottom-right {
  animation-name: Toastify__bounceOutRight;
}
.Toastify__bounce-exit--top-center {
  animation-name: Toastify__bounceOutUp;
}
.Toastify__bounce-exit--bottom-center {
  animation-name: Toastify__bounceOutDown;
}

@keyframes Toastify__zoomIn {
  from {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
@keyframes Toastify__zoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}
.Toastify__zoom-enter {
  animation-name: Toastify__zoomIn;
}

.Toastify__zoom-exit {
  animation-name: Toastify__zoomOut;
}

@keyframes Toastify__flipIn {
  from {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    animation-timing-function: ease-in;
  }
  60% {
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  to {
    transform: perspective(400px);
  }
}
@keyframes Toastify__flipOut {
  from {
    transform: perspective(400px);
  }
  30% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  to {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
.Toastify__flip-enter {
  animation-name: Toastify__flipIn;
}

.Toastify__flip-exit {
  animation-name: Toastify__flipOut;
}

@keyframes Toastify__slideInRight {
  from {
    transform: translate3d(110%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes Toastify__slideInLeft {
  from {
    transform: translate3d(-110%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes Toastify__slideInUp {
  from {
    transform: translate3d(0, 110%, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes Toastify__slideInDown {
  from {
    transform: translate3d(0, -110%, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes Toastify__slideOutRight {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(110%, 0, 0);
  }
}
@keyframes Toastify__slideOutLeft {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(-110%, 0, 0);
  }
}
@keyframes Toastify__slideOutDown {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 500px, 0);
  }
}
@keyframes Toastify__slideOutUp {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, -500px, 0);
  }
}
.Toastify__slide-enter--top-left, .Toastify__slide-enter--bottom-left {
  animation-name: Toastify__slideInLeft;
}
.Toastify__slide-enter--top-right, .Toastify__slide-enter--bottom-right {
  animation-name: Toastify__slideInRight;
}
.Toastify__slide-enter--top-center {
  animation-name: Toastify__slideInDown;
}
.Toastify__slide-enter--bottom-center {
  animation-name: Toastify__slideInUp;
}

.Toastify__slide-exit--top-left, .Toastify__slide-exit--bottom-left {
  animation-name: Toastify__slideOutLeft;
}
.Toastify__slide-exit--top-right, .Toastify__slide-exit--bottom-right {
  animation-name: Toastify__slideOutRight;
}
.Toastify__slide-exit--top-center {
  animation-name: Toastify__slideOutUp;
}
.Toastify__slide-exit--bottom-center {
  animation-name: Toastify__slideOutDown;
}

@keyframes Toastify__spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
/*!*************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./src/index.scss ***!
  \*************************************************************************************************************************************/
/**
 * Global SCSS Variables
 * Mirrors uiV2 theme tokens for reuse outside the component library.
 */
/**
 * Global SCSS Variables
 * Mirrors uiV2 theme tokens for reuse outside the component library.
 */
body {
  margin: 0;
  font-family: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  --color-primary: #f26b42;
  --color-primary-1: #ef4820;
}

:root {
  --doc-height: 100vh;
}

html {
  height: 100%;
  width: 100%;
}

body {
  position: relative;
  height: 100%;
  width: 100%;
  background: #faf7f3;
  overflow: hidden;
}

#main {
  overflow-y: auto;
}

main {
  height: var(--doc-height);
}

a {
  text-decoration: none;
  color: #2b518e;
}
a:visited {
  color: #2b518e !important;
}

* {
  box-sizing: border-box;
}

.MuiBadge-colorSecondary {
  background: #ffa630;
}

.MuiButton-contained.Mui-disabled {
  background: rgba(0, 0, 0, 0.12) !important;
}

.MuiMenu-list {
  overflow-y: auto;
  max-height: 450px;
}

/* width */
::-webkit-scrollbar {
  width: 7px;
  height: 7px;
  cursor: pointer;
}

/* Track */
::-webkit-scrollbar-track {
  background: rgba(3, 16, 48, 0.98);
  border-radius: 10px;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.18);
  border-radius: 10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: rgba(255, 255, 255, 0.18);
}

.pdf-viewer {
  max-width: 100%; /* Set the maximum width based on your requirements */
}

.smart-watch-table__content__missing-data {
  font-size: 0.5rem;
  color: #bdbdbd;
}

.smart-lock-table__content__missing-data {
  font-size: 0.5rem;
  color: #bdbdbd;
}

.clear-filter {
  color: #e02f16;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  text-align: right;
  cursor: pointer;
}

.reactour__popover:after {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  top: var(--rtp-arrow-top, auto);
  right: var(--rtp-arrow-right, auto);
  bottom: var(--rtp-arrow-bottom, auto);
  left: var(--rtp-arrow-left, auto);
  border-top: var(--rtp-arrow-border-top);
  border-right: var(--rtp-arrow-border-right);
  border-bottom: var(--rtp-arrow-border-bottom);
  border-left: var(--rtp-arrow-border-left);
}

[data-required=true]:after {
  content: "*";
  color: #eb5355;
  padding-left: 4px;
}

/**
Common classes
**/
.center {
  display: flex;
  align-items: center;
  justify-content: center;
}

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

.flex-grow {
  display: flex;
  flex-grow: 1;
  justify-content: space-evenly;
}

.highlighted {
  background-color: #ffa630;
}

.page-header {
  display: flex;
  font-size: 1.5em;
  min-height: 50px;
}
.page-header .page-title {
  line-height: 1.1em;
  display: flex;
  align-items: center;
  justify-content: center;
  letter-spacing: 0.2px;
  font-size: 1.1em;
}
.page-header .page-title .MuiSvgIcon-root {
  margin-top: 0.3em;
}
.page-header .page-title a {
  font-size: 1.2rem;
  line-height: 1.4em;
}
.page-header .page-title .inactive {
  color: #333;
}
.page-header .page-info b {
  font-weight: 800;
}
.page-header .page-info span {
  color: #ffa630;
}

/** 
Dont over ride or reuser wrapper class
used to maintain padding from bottom on pages
**/
.box {
  background: #ffffff;
  border-radius: 20px;
  padding: 5px;
}

.icon {
  transition: all 0.5s;
}

.box-shadow {
  box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.25);
  margin: 5px;
  transition: all 0.5s;
  border-radius: 5px;
}
.box-shadow.icon {
  border-radius: 15px;
}
.box-shadow.hover {
  cursor: pointer;
}
.box-shadow.hover:hover {
  box-shadow: 0px 0px 0px #ddd;
  background: #ffa630;
}
.box-shadow.hover:hover.user-2 {
  background: #ff6b35;
}
.box-shadow.hover:hover.user-1 {
  background: #53a2be;
}
.box-shadow.hover:hover * {
  color: #ffffff !important;
}

.DataPanel {
  display: block;
  background: white;
  border-radius: 10px;
  margin: 5px;
  flex-flow: column;
}
.DataPanel .page-info {
  text-align: center;
  font-size: 1.5em;
  font-weight: 700;
  background: #ffa630;
  border-radius: 10px 10px 0px 0;
  padding: 1em;
  width: 100%;
  color: white;
}

.DateFilter {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}
.DateFilter .filter-section {
  flex-grow: 1;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.DateFilter .form-flex {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}
.DateFilter .form-flex .formWrapper .MuiFormControl-root {
  width: 200px;
}
.DateFilter .MuiFormControl-root {
  margin-left: 5px;
  margin-top: 10px;
}
.DateFilter .chips {
  display: flex;
  flex-wrap: wrap;
}
.DateFilter .chips-select {
  min-width: 120px;
}
.DateFilter .chip {
  margin: 2;
}
.DateFilter .MuiSelect-select.MuiSelect-select {
  margin: 0 15px;
}

.progress-count {
  font-size: 25px;
  line-height: 29px;
  display: flex;
  align-items: center;
  color: #2b518e;
  padding-left: 10px;
  justify-content: center;
}

.truck-count {
  font-size: 25px;
  line-height: 29px;
  display: flex;
  align-items: center;
  color: #2b518e;
  padding-left: 10px;
}

.DateFilter,
.DatePeriodFilter {
  margin: 1em;
  margin-left: 0px;
  margin-right: 0px;
}
.DateFilter span,
.DatePeriodFilter span {
  cursor: pointer;
}
.DateFilter span:hover, .DateFilter span.active,
.DatePeriodFilter span:hover,
.DatePeriodFilter span.active {
  color: #ffa630;
}

.DatePeriodFilter {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 1em;
}
.DatePeriodFilter .today-week {
  display: flex;
  justify-content: space-around;
  align-items: center;
  font-size: 1.3em;
}

.Chart {
  display: block;
  flex: 1;
  flex-flow: column;
  max-height: 200px;
}
.Chart .recharts-responsive-container {
  flex-grow: 1;
}
.Chart .title {
  text-align: center;
  display: block;
  font-size: 1.5em;
  font-weight: 600;
  margin: 1vmin 0em;
}
.Chart .navigation {
  display: flex;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  font-size: 1.5em;
}
.Chart .navigation .active, .Chart .navigation:hover {
  opacity: 1;
  font-weight: 600;
}
.Chart .navigation a {
  opacity: 0.4;
  padding: 0.5em 1em;
}

.Clips {
  padding: 1em;
  color: #2b518e !important;
  height: 80%;
  overflow-y: auto;
}

.form {
  width: 40vmax;
  display: flex;
  flex-flow: column;
  overflow-y: auto;
}
.form .MuiFormControl-root {
  width: 100%;
  margin: 0.5em 0;
}
.form .submit-button {
  display: flex;
  justify-content: center;
  margin-top: 25px;
}

.project-settings {
  margin-left: 0.5em;
}

.range-periods {
  display: flex;
  flex-flow: row;
}

.GenericEngine {
  overflow: hidden;
  position: relative;
  color: #2b518e;
  display: flex;
  flex-flow: column;
}
.GenericEngine .generic-cameras {
  display: flex;
  flex-flow: column;
}
.GenericEngine .generic-cameras .MuiOutlinedInput-root {
  border-radius: 3em;
  background: #ebebeb;
}
.GenericEngine .page-title {
  text-align: left;
  line-height: 1em;
  display: flex;
  align-items: center;
  font-size: 1.3em;
  margin-bottom: 1em;
}
.GenericEngine .box {
  position: relative;
  background-color: #fff;
  text-align: center;
  padding: 20px;
}

.EditProject {
  flex-grow: 1;
}

.PreviewVideo .video-player {
  width: 80vmax;
}

.cameras {
  padding-top: 0;
}

#upload {
  visibility: hidden;
  width: 0;
  height: 0;
}

.upload {
  color: #3f51b5;
  cursor: pointer;
}

.comment-modal {
  max-height: 350px;
  overflow-y: auto;
}

.MuiButton-containedPrimary {
  background-color: #00c2ff !important;
  font-weight: 700 !important;
}

.MuiButton-containedSecondary {
  color: #2b518e !important;
  background: white !important;
}

.recharts-default-legend {
  text-transform: capitalize;
}

.viact-icon-button {
  padding: 8px !important;
  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
}

.trend {
  font-size: 2em;
}

@media (max-width: 599.95px) {
  .MuiPickersDateRangePickerInput-root {
    align-items: center !important;
    flex-direction: row !important;
  }
}
.CommentModal .MuiList-root {
  height: 222px !important;
  width: 380px;
}
@media only screen and (max-width: 600px) {
  .CommentModal .MuiList-root {
    width: 85vw !important;
    height: 80vh !important;
  }
}

@media only screen and (max-width: 600px) {
  .PreviewVideo .video-player {
    width: 45vmax !important;
  }
}
.add_comm {
  padding: 1px !important;
}

.com_text textarea {
  width: 185px;
  margin-right: 10px !important;
  border: 0px solid;
  resize: none;
  outline: none;
  height: 20px;
}
.com_text .MuiPaper-elevation1 {
  box-shadow: 0px 0px 0px 0px !important;
}
.com_text button {
  padding: 2px;
  font-size: 12px;
}

.MuiButton-outlinedPrimary {
  color: #2b518e;
}

.MuiSelect-outlined.MuiSelect-outlined {
  font-size: 12px;
}

.centerText {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 50vh;
  font-size: 20px;
  font-weight: bolder;
}

.cursor-pointer {
  cursor: pointer;
}

#react-refresh-overlay,
#webpack-dev-server-client-overlay {
  display: none !important;
}

.modal-mobile-filter {
  width: 100%;
  padding: 10px;
}
.modal-mobile-filter__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 0;
}
.modal-mobile-filter__controls {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  row-gap: 1rem;
}
.modal-mobile-filter__controls__realtime > div {
  padding: 0;
}
.modal-mobile-filter__controls__date {
  border-radius: 5px;
  width: 100%;
}
.modal-mobile-filter__controls__date .MuiSelect-root {
  padding: 5px 32px 5px 16px;
}
.modal-mobile-filter__controls__date .date-container > div {
  flex-wrap: nowrap;
}
.modal-mobile-filter__controls__date__select {
  width: 100%;
}

.tab-right-contents {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  column-gap: 12px;
}

.text-required::after {
  content: "*";
  color: red;
  margin-left: 4px;
}

button.primary-button {
  background-color: #f26b42;
  color: white;
  text-transform: capitalize;
  font-size: 1rem;
  cursor: pointer;
}
button.primary-button:hover {
  background-color: #f26b42;
}
button.primary-button:disabled {
  background-color: #f3f4f6;
  color: #9ca3af;
}

.cancel-button {
  background-color: #c8c8c8;
  color: #5b5b5b;
  text-transform: capitalize;
  font-size: 1rem;
  cursor: pointer;
}
.cancel-button:hover {
  background-color: #c8c8c8;
}

/**
Blink animation
**/
.blinking {
  -webkit-animation: 1s blink ease infinite;
  -moz-animation: 1s blink ease infinite;
  -ms-animation: 1s blink ease infinite;
  -o-animation: 1s blink ease infinite;
  animation: 1s blink ease infinite;
}

@keyframes blink {
  from, to {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
}
@-moz-keyframes blink {
  from, to {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
}
@-webkit-keyframes blink {
  from, to {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
}
@-ms-keyframes blink {
  from, to {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
}
@-o-keyframes blink {
  from, to {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
}
/**
  Page transition
  **/
.fade-enter {
  opacity: 0;
  z-index: 1;
}

.fade-enter.fade-enter-active {
  opacity: 1;
  transition: opacity 250ms ease-in;
}

/**
Media Query
**/
@media only screen and (min-width: 768px) {
  body {
    font-size: 15px;
  }
  .Chart {
    font-size: 11px;
  }
  .sitemap {
    grid-column: 1;
    grid-row: 2;
  }
  .login-wrapper {
    width: 380px;
  }
  .CardListPanel {
    max-height: 88vh;
    height: 100%;
    display: grid;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
  }
  .DumpTruck .wrapper,
  .SoilRemoved .wrapper,
  .TruckActivity .wrapper {
    display: grid;
    grid-template-columns: 20% 20% 60%;
    grid-template-rows: 50% 50%;
    grid-row-end: 10px;
    flex-grow: 1;
  }
  .DumpTruck .wrapper .DataPanel,
  .SoilRemoved .wrapper .DataPanel,
  .TruckActivity .wrapper .DataPanel {
    grid-row: 1/3;
  }
  .Login,
  .SignUp {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
  }
  .GenericEngine {
    display: grid;
    grid-template-columns: 70% 30%;
    grid-template-rows: 100%;
  }
  .summary-group {
    grid-column: 1;
    grid-row: 1;
  }
  .all-summary-group {
    grid-column: 1;
    grid-row: 2;
  }
  .forecast {
    grid-column: 1/3;
    grid-row: 1;
  }
  .cameras {
    grid-column: 1/3;
    grid-row: 2;
  }
  .links {
    grid-column: 3;
    grid-row: 1/3;
  }
  .overview {
    grid-column: 1/3;
    grid-row: 1;
  }
}
@media only screen and (max-width: 600px) {
  body {
    font-size: 12px;
  }
  .Chart {
    font-size: 10px;
  }
}
@media only screen and (max-width: 768px) {
  body {
    font-size: 12px;
  }
  #navbar {
    z-index: 1302;
  }
  .GenericEngine {
    display: grid;
    grid-template-columns: 1fr;
  }
  .DumpTruck .wrapper,
  .SoilRemoved .wrapper,
  .TruckActivity .wrapper {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr;
    grid-row-end: 10px;
    flex-grow: 1;
  }
  .forecast {
    grid-column: 1/3;
    grid-row: 1;
    min-height: 200px;
  }
  .cameras {
    grid-column: 1/3;
    grid-row: 2/3;
    height: 300px;
  }
  .links {
    grid-column: 1/3;
    grid-row: 3/5;
  }
  .links .box {
    min-height: 150px;
  }
  .user-table {
    width: 768px;
    overflow-y: auto;
  }
  .overview {
    grid-column: 1/3;
    grid-row: 1;
    height: 300px;
  }
  .App {
    overflow: auto;
  }
  .DatePeriodFilter {
    grid-template-columns: 1fr;
  }
}
@media only screen and (orientation: landscape) {
  .App .GenericEngine {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr;
  }
}
@media only screen and (max-width: 768px) and (orientation: landscape) {
  .summary-group {
    grid-column: 1;
    grid-row: 1;
  }
  .all-summary-group {
    grid-column: 1;
    grid-row: 2;
  }
  .user-table {
    width: 730px;
    overflow-y: auto;
  }
  .Home .box {
    width: 98%;
  }
}
@media only screen and (max-width: 768px) and (orientation: portrait) {
  .Home .box {
    width: 97%;
  }
  .Action {
    flex-flow: column;
  }
  .Clock {
    display: none;
  }
  .user-table {
    width: 720px;
    overflow-y: auto;
  }
}
body {
  /* Never get smaller than this */
  font-size: 12px;
}

@media only screen and (min-width: 400px) and (max-width: 499px) {
  .user-table {
    width: 368px;
    overflow: scroll;
  }
}
@media only screen and (min-width: 350px) and (max-width: 399px) {
  .user-table {
    width: 350px;
    overflow: scroll;
  }
}
@media only screen and (max-width: 349px) {
  .user-table {
    width: 290px;
    overflow: scroll;
  }
}
.box-template-1 {
  display: flex;
  flex-flow: column;
}
.box-template-1 .header .title {
  font-weight: 800;
  font-size: 1.5em;
}

.box-template-2 {
  display: flex;
  flex-flow: column;
  padding: 1vmin;
}
.box-template-2 .header .title {
  font-weight: 500;
  font-size: 1.5em;
}

.data-template-1 {
  display: flex;
  flex-flow: column;
  justify-content: space-around;
  text-align: center;
  letter-spacing: 0.2px;
}
.data-template-1 .box-title {
  font-weight: 600;
  font-size: 1.8em;
}
.data-template-1 .box-subtitle {
  font-size: 1rem;
  font-weight: 500;
}
.data-template-1 .box-count {
  font-weight: 600;
  font-size: 3.2em;
}
.data-template-1 .box-summary {
  color: #ffa630;
  font-size: 1.5em;
}

.data-template-2 {
  display: flex;
  flex-flow: column;
  justify-content: space-evenly !important;
  text-align: center;
  letter-spacing: 0.2px;
}
.data-template-2 .box-title {
  font-weight: 600;
  font-size: 1.6em;
  text-align: center;
}
.data-template-2 .box-count {
  font-weight: 600;
  font-size: 3.2em;
  align-self: center;
}

.data-template-3 {
  flex-grow: 1;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr;
  text-align: left;
}
.data-template-3 .box-data-1 {
  font-weight: 400;
  font-size: 4.5em;
  align-self: center;
  grid-column: 1/3;
  text-align: left;
  grid-row: 1;
}
.data-template-3 .box-data-1 .text {
  font-size: 1.3rem;
}
.data-template-3 .box-data-3 {
  font-weight: 400;
  font-size: 4.2em;
  align-self: center;
}
.data-template-3 .box-data-3 .text {
  font-size: 1.3rem;
}
.data-template-3 .box-data-4 {
  font-weight: 400;
  font-size: 3.2em;
  align-self: center;
  text-align: center;
}
.data-template-3 .box-data-4 .icon {
  font-size: 0.8em;
}
.data-template-3 .box-data-4 .text {
  font-size: 0.4em;
}

.data-template-4 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  text-align: left;
}
.data-template-4 .box-data-1 {
  font-weight: 400;
  font-size: 3em;
  align-self: center;
  text-align: center;
}
.data-template-4 .box-data-1 .text {
  font-size: 1rem;
}
.data-template-4 .box-data-2 {
  font-weight: 400;
  font-size: 3.5em;
  align-self: center;
  text-align: center;
}
.data-template-4 .box-data-2 .icon {
  font-size: 0.7 em;
}
.data-template-4 .box-data-2 .text {
  font-size: 1.2rem;
}
.data-template-4 .box-data-3,
.data-template-4 .box-data-4 {
  font-weight: 400;
  font-size: 1.6em;
  align-self: center;
  text-align: center;
}
.data-template-4 .box-data-3 .text,
.data-template-4 .box-data-4 .text {
  font-size: 2rem;
  font-weight: 600;
}

/* fallback */
@font-face {
  font-family: "Material Icons";
  font-style: normal;
  font-weight: 400;
  src: url(/assets/492281ee665018c943b7.woff2) format("woff2");
}
@font-face {
  font-family: "icomoon";
  src: url(data:application/vnd.ms-fontobject;base64,uAcAABQHAAABAAIAAAAAAAAAAAAAAAAAAAABAJABAAAAAExQAAAAAAAAAAAAAAAAAAAAAAEAAAAAAAAAV4Mn0wAAAAAAAAAAAAAAAAAAAAAAAA4AaQBjAG8AbQBvAG8AbgAAAA4AUgBlAGcAdQBsAGEAcgAAABYAVgBlAHIAcwBpAG8AbgAgADEALgAwAAAADgBpAGMAbwBtAG8AbwBuAAAAAAAAAQAAAAsAgAADADBPUy8yDxIFKgAAALwAAABgY21hcBdW0ocAAAEcAAAAVGdhc3AAAAAQAAABcAAAAAhnbHlmSX9RiwAAAXgAAANYaGVhZBqxCE8AAATQAAAANmhoZWEHZgPGAAAFCAAAACRobXR4CgAAXAAABSwAAAAUbG9jYQAoAcAAAAVAAAAADG1heHAAEwEwAAAFTAAAACBuYW1lmUoJ+wAABWwAAAGGcG9zdAADAAAAAAb0AAAAIAADAwABkAAFAAACmQLMAAAAjwKZAswAAAHrADMBCQAAAAAAAAAAAAAAAAAAAAEQAAAAAAAAAAAAAAAAAAAAAEAAAOkAA8D/wABAA8AAQAAAAAEAAAAAAAAAAAAAACAAAAAAAAMAAAADAAAAHAABAAMAAAAcAAMAAQAAABwABAA4AAAACgAIAAIAAgABACDpAP/9//8AAAAAACDpAP/9//8AAf/jFwQAAwABAAAAAAAAAAAAAAABAAH//wAPAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAA0AXP/AA6QDwAALABcAcwB5AIQAqwC2AMsA6gEDAQ0BJwEtAAAlIgYVFBYzMjY1NCYhIgYVFBYzMjY1NCYlLgEnLgEjLgErATU+ATczMjY1NCYnPgE1PgE1NCYnLgEnLgErASIGBw4BBw4BBw4BFRQWFw4BFRQWOwEeARceARcVIyIGByIGBw4BBw4BHQEUFjMhMjY9ATQmJwUjNTQ2NwEjNjQ9ATIWFRQGARUUFjMyNj0BOAExNTQ2OwEyFh0BOAExFRQWMzI2PQEeARchPgE3AyImNTQ2MxUcARcnIyImNTQ2Nz4BMyEyFhUUBgcOASMFOAExLgE9ASEVFAYHOAExDgEHDgEjIiYnLgEnLgEnEyM1NCYjIgYdASMRPgE3FRQWMzI2PQEzFyc1HgEzMjY3FQcFIzU0JiMiBh0BIzU3MxUUFjMyNj0BHgEXETMjER4BFQLICAwMCAgMDP5oCAwMCAgMDAI/ES0bAwUEEyoVPBolCQghLwsKAQIJCRcSBVlCBCAXUBcgBEJZBQcLBQkJDAkKCy8hCAgcFAQIBDwVKhMEBQMbLRESEwwIAyAIDBMS/VVQKyUCCAEBERcX/q8MCAgMDQdQBw0MCAgMMEEG/koGQTB4ERcXEQEBFAgMAwMDBwQB4AgMAwMDBwT+YAICAWgCAgYkGxg2HR02GAUKBRMZBZygDAgIDCgKFAoMCAgMM21QFzMaGjMXZAEEKAwICAygbTMMCAgMChQKeFAlK2YMCAgMDAgIDAwICAwMCAgMaBopDQIDCQg1FjohLyEQHAoBAgEIFgwUHwZFbBIVISEVEmxFAggFCBYMDhgIChwQIS8cMRUECAM1CAkDAg0pGhw/IX4IDAwIfiE/HOZqLlIaARYFCgU8FxERFwFeWggMDAh0BAkREQkEdAgMDAhaEVIzM1IR/qIXEREXPAUKBXgMCAQHAwMDDAgEBwMDA4gJEgk8PAkSCSI6FRITExIECgQUMBv99i4IDAwILgEZBAUBfQgMDAh+co4lDA0NDCVp1y4IDAwILrJyfggMDAh9AQUE/ucBBBpSLgABAAAAAAAA0yeDV18PPPUACwQAAAAAANv3YekAAAAA2/dh6QAA/8ADpAPAAAAACAACAAAAAAAAAAEAAAPA/8AAAAQAAAAAAAOkAAEAAAAAAAAAAAAAAAAAAAAFBAAAAAAAAAAAAAAAAgAAAAQAAFwAAAAAAAoAFAAeAawAAQAAAAUBLgANAAAAAAACAAAAAAAAAAAAAAAAAAAAAAAAAA4ArgABAAAAAAABAAcAAAABAAAAAAACAAcAYAABAAAAAAADAAcANgABAAAAAAAEAAcAdQABAAAAAAAFAAsAFQABAAAAAAAGAAcASwABAAAAAAAKABoAigADAAEECQABAA4ABwADAAEECQACAA4AZwADAAEECQADAA4APQADAAEECQAEAA4AfAADAAEECQAFABYAIAADAAEECQAGAA4AUgADAAEECQAKADQApGljb21vb24AaQBjAG8AbQBvAG8AblZlcnNpb24gMS4wAFYAZQByAHMAaQBvAG4AIAAxAC4AMGljb21vb24AaQBjAG8AbQBvAG8Abmljb21vb24AaQBjAG8AbQBvAG8AblJlZ3VsYXIAUgBlAGcAdQBsAGEAcmljb21vb24AaQBjAG8AbQBvAG8AbkZvbnQgZ2VuZXJhdGVkIGJ5IEljb01vb24uAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgAAAAMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=);
  src: url(data:application/vnd.ms-fontobject;base64,uAcAABQHAAABAAIAAAAAAAAAAAAAAAAAAAABAJABAAAAAExQAAAAAAAAAAAAAAAAAAAAAAEAAAAAAAAAV4Mn0wAAAAAAAAAAAAAAAAAAAAAAAA4AaQBjAG8AbQBvAG8AbgAAAA4AUgBlAGcAdQBsAGEAcgAAABYAVgBlAHIAcwBpAG8AbgAgADEALgAwAAAADgBpAGMAbwBtAG8AbwBuAAAAAAAAAQAAAAsAgAADADBPUy8yDxIFKgAAALwAAABgY21hcBdW0ocAAAEcAAAAVGdhc3AAAAAQAAABcAAAAAhnbHlmSX9RiwAAAXgAAANYaGVhZBqxCE8AAATQAAAANmhoZWEHZgPGAAAFCAAAACRobXR4CgAAXAAABSwAAAAUbG9jYQAoAcAAAAVAAAAADG1heHAAEwEwAAAFTAAAACBuYW1lmUoJ+wAABWwAAAGGcG9zdAADAAAAAAb0AAAAIAADAwABkAAFAAACmQLMAAAAjwKZAswAAAHrADMBCQAAAAAAAAAAAAAAAAAAAAEQAAAAAAAAAAAAAAAAAAAAAEAAAOkAA8D/wABAA8AAQAAAAAEAAAAAAAAAAAAAACAAAAAAAAMAAAADAAAAHAABAAMAAAAcAAMAAQAAABwABAA4AAAACgAIAAIAAgABACDpAP/9//8AAAAAACDpAP/9//8AAf/jFwQAAwABAAAAAAAAAAAAAAABAAH//wAPAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAA0AXP/AA6QDwAALABcAcwB5AIQAqwC2AMsA6gEDAQ0BJwEtAAAlIgYVFBYzMjY1NCYhIgYVFBYzMjY1NCYlLgEnLgEjLgErATU+ATczMjY1NCYnPgE1PgE1NCYnLgEnLgErASIGBw4BBw4BBw4BFRQWFw4BFRQWOwEeARceARcVIyIGByIGBw4BBw4BHQEUFjMhMjY9ATQmJwUjNTQ2NwEjNjQ9ATIWFRQGARUUFjMyNj0BOAExNTQ2OwEyFh0BOAExFRQWMzI2PQEeARchPgE3AyImNTQ2MxUcARcnIyImNTQ2Nz4BMyEyFhUUBgcOASMFOAExLgE9ASEVFAYHOAExDgEHDgEjIiYnLgEnLgEnEyM1NCYjIgYdASMRPgE3FRQWMzI2PQEzFyc1HgEzMjY3FQcFIzU0JiMiBh0BIzU3MxUUFjMyNj0BHgEXETMjER4BFQLICAwMCAgMDP5oCAwMCAgMDAI/ES0bAwUEEyoVPBolCQghLwsKAQIJCRcSBVlCBCAXUBcgBEJZBQcLBQkJDAkKCy8hCAgcFAQIBDwVKhMEBQMbLRESEwwIAyAIDBMS/VVQKyUCCAEBERcX/q8MCAgMDQdQBw0MCAgMMEEG/koGQTB4ERcXEQEBFAgMAwMDBwQB4AgMAwMDBwT+YAICAWgCAgYkGxg2HR02GAUKBRMZBZygDAgIDCgKFAoMCAgMM21QFzMaGjMXZAEEKAwICAygbTMMCAgMChQKeFAlK2YMCAgMDAgIDAwICAwMCAgMaBopDQIDCQg1FjohLyEQHAoBAgEIFgwUHwZFbBIVISEVEmxFAggFCBYMDhgIChwQIS8cMRUECAM1CAkDAg0pGhw/IX4IDAwIfiE/HOZqLlIaARYFCgU8FxERFwFeWggMDAh0BAkREQkEdAgMDAhaEVIzM1IR/qIXEREXPAUKBXgMCAQHAwMDDAgEBwMDA4gJEgk8PAkSCSI6FRITExIECgQUMBv99i4IDAwILgEZBAUBfQgMDAh+co4lDA0NDCVp1y4IDAwILrJyfggMDAh9AQUE/ucBBBpSLgABAAAAAAAA0yeDV18PPPUACwQAAAAAANv3YekAAAAA2/dh6QAA/8ADpAPAAAAACAACAAAAAAAAAAEAAAPA/8AAAAQAAAAAAAOkAAEAAAAAAAAAAAAAAAAAAAAFBAAAAAAAAAAAAAAAAgAAAAQAAFwAAAAAAAoAFAAeAawAAQAAAAUBLgANAAAAAAACAAAAAAAAAAAAAAAAAAAAAAAAAA4ArgABAAAAAAABAAcAAAABAAAAAAACAAcAYAABAAAAAAADAAcANgABAAAAAAAEAAcAdQABAAAAAAAFAAsAFQABAAAAAAAGAAcASwABAAAAAAAKABoAigADAAEECQABAA4ABwADAAEECQACAA4AZwADAAEECQADAA4APQADAAEECQAEAA4AfAADAAEECQAFABYAIAADAAEECQAGAA4AUgADAAEECQAKADQApGljb21vb24AaQBjAG8AbQBvAG8AblZlcnNpb24gMS4wAFYAZQByAHMAaQBvAG4AIAAxAC4AMGljb21vb24AaQBjAG8AbQBvAG8Abmljb21vb24AaQBjAG8AbQBvAG8AblJlZ3VsYXIAUgBlAGcAdQBsAGEAcmljb21vb24AaQBjAG8AbQBvAG8AbkZvbnQgZ2VuZXJhdGVkIGJ5IEljb01vb24uAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgAAAAMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=#iefix) format("embedded-opentype"), url(data:font/ttf;base64,AAEAAAALAIAAAwAwT1MvMg8SBSoAAAC8AAAAYGNtYXAXVtKHAAABHAAAAFRnYXNwAAAAEAAAAXAAAAAIZ2x5Zkl/UYsAAAF4AAADWGhlYWQasQhPAAAE0AAAADZoaGVhB2YDxgAABQgAAAAkaG10eAoAAFwAAAUsAAAAFGxvY2EAKAHAAAAFQAAAAAxtYXhwABMBMAAABUwAAAAgbmFtZZlKCfsAAAVsAAABhnBvc3QAAwAAAAAG9AAAACAAAwMAAZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpAAPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAOAAAAAoACAACAAIAAQAg6QD//f//AAAAAAAg6QD//f//AAH/4xcEAAMAAQAAAAAAAAAAAAAAAQAB//8ADwABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAANAFz/wAOkA8AACwAXAHMAeQCEAKsAtgDLAOoBAwENAScBLQAAJSIGFRQWMzI2NTQmISIGFRQWMzI2NTQmJS4BJy4BIy4BKwE1PgE3MzI2NTQmJz4BNT4BNTQmJy4BJy4BKwEiBgcOAQcOAQcOARUUFhcOARUUFjsBHgEXHgEXFSMiBgciBgcOAQcOAR0BFBYzITI2PQE0JicFIzU0NjcBIzY0PQEyFhUUBgEVFBYzMjY9ATgBMTU0NjsBMhYdATgBMRUUFjMyNj0BHgEXIT4BNwMiJjU0NjMVHAEXJyMiJjU0Njc+ATMhMhYVFAYHDgEjBTgBMS4BPQEhFRQGBzgBMQ4BBw4BIyImJy4BJy4BJxMjNTQmIyIGHQEjET4BNxUUFjMyNj0BMxcnNR4BMzI2NxUHBSM1NCYjIgYdASM1NzMVFBYzMjY9AR4BFxEzIxEeARUCyAgMDAgIDAz+aAgMDAgIDAwCPxEtGwMFBBMqFTwaJQkIIS8LCgECCQkXEgVZQgQgF1AXIARCWQUHCwUJCQwJCgsvIQgIHBQECAQ8FSoTBAUDGy0REhMMCAMgCAwTEv1VUCslAggBAREXF/6vDAgIDA0HUAcNDAgIDDBBBv5KBkEweBEXFxEBARQIDAMDAwcEAeAIDAMDAwcE/mACAgFoAgIGJBsYNh0dNhgFCgUTGQWcoAwICAwoChQKDAgIDDNtUBczGhozF2QBBCgMCAgMoG0zDAgIDAoUCnhQJStmDAgIDAwICAwMCAgMDAgIDGgaKQ0CAwkINRY6IS8hEBwKAQIBCBYMFB8GRWwSFSEhFRJsRQIIBQgWDA4YCAocECEvHDEVBAgDNQgJAwINKRocPyF+CAwMCH4hPxzmai5SGgEWBQoFPBcRERcBXloIDAwIdAQJEREJBHQIDAwIWhFSMzNSEf6iFxERFzwFCgV4DAgEBwMDAwwIBAcDAwOICRIJPDwJEgkiOhUSExMSBAoEFDAb/fYuCAwMCC4BGQQFAX0IDAwIfnKOJQwNDQwladcuCAwMCC6ycn4IDAwIfQEFBP7nAQQaUi4AAQAAAAAAANMng1dfDzz1AAsEAAAAAADb92HpAAAAANv3YekAAP/AA6QDwAAAAAgAAgAAAAAAAAABAAADwP/AAAAEAAAAAAADpAABAAAAAAAAAAAAAAAAAAAABQQAAAAAAAAAAAAAAAIAAAAEAABcAAAAAAAKABQAHgGsAAEAAAAFAS4ADQAAAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAOAK4AAQAAAAAAAQAHAAAAAQAAAAAAAgAHAGAAAQAAAAAAAwAHADYAAQAAAAAABAAHAHUAAQAAAAAABQALABUAAQAAAAAABgAHAEsAAQAAAAAACgAaAIoAAwABBAkAAQAOAAcAAwABBAkAAgAOAGcAAwABBAkAAwAOAD0AAwABBAkABAAOAHwAAwABBAkABQAWACAAAwABBAkABgAOAFIAAwABBAkACgA0AKRpY29tb29uAGkAYwBvAG0AbwBvAG5WZXJzaW9uIDEuMABWAGUAcgBzAGkAbwBuACAAMQAuADBpY29tb29uAGkAYwBvAG0AbwBvAG5pY29tb29uAGkAYwBvAG0AbwBvAG5SZWd1bGFyAFIAZQBnAHUAbABhAHJpY29tb29uAGkAYwBvAG0AbwBvAG5Gb250IGdlbmVyYXRlZCBieSBJY29Nb29uLgBGAG8AbgB0ACAAZwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABJAGMAbwBNAG8AbwBuAC4AAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA) format("truetype"), url(data:font/woff;base64,d09GRgABAAAAAAdgAAsAAAAABxQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABPUy8yAAABCAAAAGAAAABgDxIFKmNtYXAAAAFoAAAAVAAAAFQXVtKHZ2FzcAAAAbwAAAAIAAAACAAAABBnbHlmAAABxAAAA1gAAANYSX9Ri2hlYWQAAAUcAAAANgAAADYasQhPaGhlYQAABVQAAAAkAAAAJAdmA8ZobXR4AAAFeAAAABQAAAAUCgAAXGxvY2EAAAWMAAAADAAAAAwAKAHAbWF4cAAABZgAAAAgAAAAIAATATBuYW1lAAAFuAAAAYYAAAGGmUoJ+3Bvc3QAAAdAAAAAIAAAACAAAwAAAAMDAAGQAAUAAAKZAswAAACPApkCzAAAAesAMwEJAAAAAAAAAAAAAAAAAAAAARAAAAAAAAAAAAAAAAAAAAAAQAAA6QADwP/AAEADwABAAAAAAQAAAAAAAAAAAAAAIAAAAAAAAwAAAAMAAAAcAAEAAwAAABwAAwABAAAAHAAEADgAAAAKAAgAAgACAAEAIOkA//3//wAAAAAAIOkA//3//wAB/+MXBAADAAEAAAAAAAAAAAAAAAEAAf//AA8AAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAADQBc/8ADpAPAAAsAFwBzAHkAhACrALYAywDqAQMBDQEnAS0AACUiBhUUFjMyNjU0JiEiBhUUFjMyNjU0JiUuAScuASMuASsBNT4BNzMyNjU0Jic+ATU+ATU0JicuAScuASsBIgYHDgEHDgEHDgEVFBYXDgEVFBY7AR4BFx4BFxUjIgYHIgYHDgEHDgEdARQWMyEyNj0BNCYnBSM1NDY3ASM2ND0BMhYVFAYBFRQWMzI2PQE4ATE1NDY7ATIWHQE4ATEVFBYzMjY9AR4BFyE+ATcDIiY1NDYzFRwBFycjIiY1NDY3PgEzITIWFRQGBw4BIwU4ATEuAT0BIRUUBgc4ATEOAQcOASMiJicuAScuAScTIzU0JiMiBh0BIxE+ATcVFBYzMjY9ATMXJzUeATMyNjcVBwUjNTQmIyIGHQEjNTczFRQWMzI2PQEeARcRMyMRHgEVAsgIDAwICAwM/mgIDAwICAwMAj8RLRsDBQQTKhU8GiUJCCEvCwoBAgkJFxIFWUIEIBdQFyAEQlkFBwsFCQkMCQoLLyEICBwUBAgEPBUqEwQFAxstERITDAgDIAgMExL9VVArJQIIAQERFxf+rwwICAwNB1AHDQwICAwwQQb+SgZBMHgRFxcRAQEUCAwDAwMHBAHgCAwDAwMHBP5gAgIBaAICBiQbGDYdHTYYBQoFExkFnKAMCAgMKAoUCgwICAwzbVAXMxoaMxdkAQQoDAgIDKBtMwwICAwKFAp4UCUrZgwICAwMCAgMDAgIDAwICAxoGikNAgMJCDUWOiEvIRAcCgECAQgWDBQfBkVsEhUhIRUSbEUCCAUIFgwOGAgKHBAhLxwxFQQIAzUICQMCDSkaHD8hfggMDAh+IT8c5mouUhoBFgUKBTwXEREXAV5aCAwMCHQECRERCQR0CAwMCFoRUjMzUhH+ohcRERc8BQoFeAwIBAcDAwMMCAQHAwMDiAkSCTw8CRIJIjoVEhMTEgQKBBQwG/32LggMDAguARkEBQF9CAwMCH5yjiUMDQ0MJWnXLggMDAgusnJ+CAwMCH0BBQT+5wEEGlIuAAEAAAAAAADTJ4NXXw889QALBAAAAAAA2/dh6QAAAADb92HpAAD/wAOkA8AAAAAIAAIAAAAAAAAAAQAAA8D/wAAABAAAAAAAA6QAAQAAAAAAAAAAAAAAAAAAAAUEAAAAAAAAAAAAAAACAAAABAAAXAAAAAAACgAUAB4BrAABAAAABQEuAA0AAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEABwAAAAEAAAAAAAIABwBgAAEAAAAAAAMABwA2AAEAAAAAAAQABwB1AAEAAAAAAAUACwAVAAEAAAAAAAYABwBLAAEAAAAAAAoAGgCKAAMAAQQJAAEADgAHAAMAAQQJAAIADgBnAAMAAQQJAAMADgA9AAMAAQQJAAQADgB8AAMAAQQJAAUAFgAgAAMAAQQJAAYADgBSAAMAAQQJAAoANACkaWNvbW9vbgBpAGMAbwBtAG8AbwBuVmVyc2lvbiAxLjAAVgBlAHIAcwBpAG8AbgAgADEALgAwaWNvbW9vbgBpAGMAbwBtAG8AbwBuaWNvbW9vbgBpAGMAbwBtAG8AbwBuUmVndWxhcgBSAGUAZwB1AGwAYQByaWNvbW9vbgBpAGMAbwBtAG8AbwBuRm9udCBnZW5lcmF0ZWQgYnkgSWNvTW9vbi4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==) format("woff"), url(/09635cb616f895d82fea.svg?h5ozfo#icomoon) format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^=icon-], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "icomoon" !important;
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 35px;
  letter-spacing: normal;
  font-weight: bold;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
}

.icon-worker:before {
  content: "\e900";
  font-size: 1.45rem;
}

.material-icons {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
}