/* src/styles.scss */
@font-face {
  font-family: DMBrandWeb;
  font-style: normal;
  font-weight: normal;
  src: url("./media/DMBrand-Regular.woff") format("woff");
}
@font-face {
  font-family: DMBrandWeb;
  font-style: bold;
  font-weight: bold;
  src: url("./media/DMBrand-Bold.woff") format("woff");
}
.filter-black-to-blue {
  filter: invert(10%) sepia(72%) saturate(4328%) hue-rotate(219deg) brightness(88%) contrast(102%);
}
.filter-black-to-blue-light {
  filter: brightness(0) saturate(100%) invert(50%) sepia(29%) saturate(3676%) hue-rotate(166deg);
}
.filter-black-to-gray {
  filter: invert(72%) sepia(5%) saturate(297%) hue-rotate(201deg) brightness(95%) contrast(85%);
}
.filter-black-to-gray-dark {
  filter: invert(31%) sepia(19%) saturate(334%) hue-rotate(201deg) brightness(90%) contrast(84%);
}
.filter-black-to-white {
  filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(55deg) brightness(105%) contrast(104%);
}
.filter-black-to-red {
  filter: invert(12%) sepia(77%) saturate(7155%) hue-rotate(360deg) brightness(94%) contrast(81%);
}
.filter-black-to-green {
  filter: invert(54%) sepia(94%) saturate(1589%) hue-rotate(54deg) brightness(92%) contrast(101%);
}
.filter-black-to-orange {
  filter: brightness(0) saturate(100%) invert(86%) sepia(12%) saturate(7439%) hue-rotate(338deg) brightness(95%) contrast(97%);
}
.toggle-vertically {
  display: grid;
  grid-template-rows: 1fr;
}
.toggle-vertically > * {
  min-height: 0;
  overflow: hidden;
}
.toggle-vertically--enter {
  animation: toggle-vertically-in 0.4s ease-out;
}
.toggle-vertically--leave {
  animation: toggle-vertically-out 0.4s ease-in forwards;
}
@keyframes toggle-vertically-in {
  from {
    grid-template-rows: 0fr;
    opacity: 0;
  }
  to {
    grid-template-rows: 1fr;
    opacity: 1;
  }
}
@keyframes toggle-vertically-out {
  from {
    grid-template-rows: 1fr;
    opacity: 1;
  }
  to {
    grid-template-rows: 0fr;
    opacity: 0;
  }
}
.btn-primary {
  height: 44px;
  font-size: 16px;
  box-sizing: border-box;
  background: #002878;
  box-shadow: none;
  color: #fff;
  font-family: inherit;
  font-weight: 600;
  border-radius: 44px;
  border: 2px solid #002878;
  cursor: pointer;
  transition: all 0.2s;
  width: auto;
  padding: 0 20px;
  text-align: center;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
}
.btn-primary img {
  width: 22px;
  transition-delay: 50ms;
}
.btn-primary .svg-icon {
  width: 22px;
  height: 22px;
  transition-delay: 50ms;
  fill: currentcolor;
}
.btn-primary:hover:not(:disabled) {
  opacity: 0.5;
}
.btn-primary:active {
  transform: translateY(1px);
}
.btn-primary--disabled,
.btn-primary--disabled:hover,
.btn-primary:disabled {
  border-color: #a8a8af;
  background: #a8a8af;
  color: #fff;
  cursor: text;
}
.btn-primary img:not(:disabled) {
  filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(55deg) brightness(105%) contrast(104%);
}
.btn-primary:hover:not(:disabled) img {
  filter: invert(10%) sepia(72%) saturate(4328%) hue-rotate(219deg) brightness(88%) contrast(102%);
}
.btn-secondary {
  height: 44px;
  font-size: 16px;
  box-sizing: border-box;
  background: #fff;
  box-shadow: none;
  color: #002878;
  font-family: inherit;
  font-weight: 600;
  border-radius: 44px;
  border: 2px solid #002878;
  cursor: pointer;
  transition: all 0.2s;
  width: auto;
  padding: 0 20px;
  text-align: center;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
}
.btn-secondary img {
  width: 22px;
  transition-delay: 50ms;
}
.btn-secondary .svg-icon {
  width: 22px;
  height: 22px;
  transition-delay: 50ms;
  fill: currentcolor;
}
.btn-secondary:hover:not(:disabled) {
  opacity: 0.5;
}
.btn-secondary:active {
  transform: translateY(1px);
}
.btn-secondary--disabled,
.btn-secondary--disabled:hover,
.btn-secondary:disabled {
  border-color: #a8a8af;
  background: #a8a8af;
  color: #fff;
  cursor: text;
}
.btn-secondary img {
  filter: invert(10%) sepia(72%) saturate(4328%) hue-rotate(219deg) brightness(88%) contrast(102%);
}
.btn-secondary:disabled {
  background-color: #fff;
  color: #a8a8af;
}
.btn-secondary:disabled img {
  filter: invert(72%) sepia(5%) saturate(297%) hue-rotate(201deg) brightness(95%) contrast(85%);
}
.btn-blank {
  font-family: inherit;
  border: none;
  background-color: transparent;
  display: inline-flex;
  cursor: pointer;
}
.btn-primary-icon {
  height: 36px;
  font-size: 12px;
  box-sizing: border-box;
  background: #002878;
  box-shadow: none;
  color: #fff;
  font-family: inherit;
  font-weight: 600;
  border-radius: 44px;
  border: 2px solid #002878;
  cursor: pointer;
  transition: all 0.2s;
  width: auto;
  padding: 0 20px;
  text-align: center;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  width: 36px;
  min-width: 36px;
  padding: 0;
  border-radius: 50%;
}
.btn-primary-icon img {
  width: 22px;
  transition-delay: 50ms;
}
.btn-primary-icon .svg-icon {
  width: 22px;
  height: 22px;
  transition-delay: 50ms;
  fill: currentcolor;
}
.btn-primary-icon:hover:not(:disabled) {
  opacity: 0.5;
}
.btn-primary-icon:active {
  transform: translateY(1px);
}
.btn-primary-icon--disabled,
.btn-primary-icon--disabled:hover,
.btn-primary-icon:disabled {
  border-color: #a8a8af;
  background: #a8a8af;
  color: #fff;
  cursor: text;
}
.btn-primary-icon img:not(:disabled) {
  filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(55deg) brightness(105%) contrast(104%);
}
.btn-primary-icon .svg-icon:not(:disabled) {
  display: flex;
}
.btn-primary-icon:hover:not(:disabled) img {
  filter: invert(10%) sepia(72%) saturate(4328%) hue-rotate(219deg) brightness(88%) contrast(102%);
}
.btn-primary-icon:disabled {
  background: #a8a8af;
  border-color: #a8a8af;
  cursor: not-allowed;
}
.btn-primary-icon:disabled img {
  filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(55deg) brightness(105%) contrast(104%);
}
.btn-primary-icon:disabled .svg-icon {
  color: #fff;
}
.btn-secondary-icon {
  height: 36px;
  font-size: 12px;
  box-sizing: border-box;
  background: #fff;
  box-shadow: none;
  color: #002878;
  font-family: inherit;
  font-weight: 600;
  border-radius: 44px;
  border: 2px solid #002878;
  cursor: pointer;
  transition: all 0.2s;
  width: auto;
  padding: 0 20px;
  text-align: center;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  width: 36px;
  min-width: 36px;
  padding: 0;
  border-radius: 50%;
}
.btn-secondary-icon img {
  width: 22px;
  transition-delay: 50ms;
}
.btn-secondary-icon .svg-icon {
  width: 22px;
  height: 22px;
  transition-delay: 50ms;
  fill: currentcolor;
}
.btn-secondary-icon:hover:not(:disabled) {
  opacity: 0.5;
}
.btn-secondary-icon:active {
  transform: translateY(1px);
}
.btn-secondary-icon--disabled,
.btn-secondary-icon--disabled:hover,
.btn-secondary-icon:disabled {
  border-color: #a8a8af;
  background: #a8a8af;
  color: #fff;
  cursor: text;
}
.btn-secondary-icon img:not(:disabled) {
  filter: invert(10%) sepia(72%) saturate(4328%) hue-rotate(219deg) brightness(88%) contrast(102%);
}
.btn-secondary-icon .svg-icon:not(:disabled) {
  display: flex;
}
.btn-secondary-icon:hover:not(:disabled) img {
  filter: invert(10%) sepia(72%) saturate(4328%) hue-rotate(219deg) brightness(88%) contrast(102%);
}
.btn-secondary-icon:disabled {
  background: #fff;
  border-color: #a8a8af;
  cursor: not-allowed;
}
.btn-secondary-icon:disabled img {
  filter: invert(72%) sepia(5%) saturate(297%) hue-rotate(201deg) brightness(95%) contrast(85%);
}
.btn-secondary-icon:disabled .svg-icon {
  color: #a8a8af;
}
.btn-primary-success {
  height: 44px;
  font-size: 16px;
  box-sizing: border-box;
  background: #52af00;
  box-shadow: none;
  color: #fff;
  font-family: inherit;
  font-weight: 600;
  border-radius: 44px;
  border: 2px solid #52af00;
  cursor: pointer;
  transition: all 0.2s;
  width: auto;
  padding: 0 20px;
  text-align: center;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
}
.btn-primary-success img {
  width: 22px;
  transition-delay: 50ms;
}
.btn-primary-success .svg-icon {
  width: 22px;
  height: 22px;
  transition-delay: 50ms;
  fill: currentcolor;
}
.btn-primary-success:hover:not(:disabled) {
  opacity: 0.5;
}
.btn-primary-success:active {
  transform: translateY(1px);
}
.btn-primary-success--disabled,
.btn-primary-success--disabled:hover,
.btn-primary-success:disabled {
  border-color: #a8a8af;
  background: #a8a8af;
  color: #fff;
  cursor: text;
}
.btn-primary-success img {
  filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(55deg) brightness(105%) contrast(104%);
}
.btn-primary-danger {
  height: 44px;
  font-size: 16px;
  box-sizing: border-box;
  background: #d8241c;
  box-shadow: none;
  color: #fff;
  font-family: inherit;
  font-weight: 600;
  border-radius: 44px;
  border: 2px solid #d8241c;
  cursor: pointer;
  transition: all 0.2s;
  width: auto;
  padding: 0 20px;
  text-align: center;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
}
.btn-primary-danger img {
  width: 22px;
  transition-delay: 50ms;
}
.btn-primary-danger .svg-icon {
  width: 22px;
  height: 22px;
  transition-delay: 50ms;
  fill: currentcolor;
}
.btn-primary-danger:hover:not(:disabled) {
  opacity: 0.5;
}
.btn-primary-danger:active {
  transform: translateY(1px);
}
.btn-primary-danger--disabled,
.btn-primary-danger--disabled:hover,
.btn-primary-danger:disabled {
  border-color: #a8a8af;
  background: #a8a8af;
  color: #fff;
  cursor: text;
}
.btn-primary-danger img {
  filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(55deg) brightness(105%) contrast(104%);
}
.btn-secondary-success {
  height: 44px;
  font-size: 16px;
  box-sizing: border-box;
  background: #fff;
  box-shadow: none;
  color: #52af00;
  font-family: inherit;
  font-weight: 600;
  border-radius: 44px;
  border: 2px solid #52af00;
  cursor: pointer;
  transition: all 0.2s;
  width: auto;
  padding: 0 20px;
  text-align: center;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
}
.btn-secondary-success img {
  width: 22px;
  transition-delay: 50ms;
}
.btn-secondary-success .svg-icon {
  width: 22px;
  height: 22px;
  transition-delay: 50ms;
  fill: currentcolor;
}
.btn-secondary-success:hover:not(:disabled) {
  opacity: 0.5;
}
.btn-secondary-success:active {
  transform: translateY(1px);
}
.btn-secondary-success--disabled,
.btn-secondary-success--disabled:hover,
.btn-secondary-success:disabled {
  border-color: #a8a8af;
  background: #a8a8af;
  color: #fff;
  cursor: text;
}
.btn-secondary-success img {
  filter: invert(54%) sepia(94%) saturate(1589%) hue-rotate(54deg) brightness(92%) contrast(101%);
}
.btn-secondary-success:hover:not(:disabled) {
  background: #edf7e5;
  color: #52af00;
}
.btn-secondary-success:disabled {
  background-color: #fff;
  color: #a8a8af;
}
.btn-secondary-success:disabled img {
  filter: invert(72%) sepia(5%) saturate(297%) hue-rotate(201deg) brightness(95%) contrast(85%);
}
.btn-secondary-danger {
  height: 44px;
  font-size: 16px;
  box-sizing: border-box;
  background: #fff;
  box-shadow: none;
  color: #d8241c;
  font-family: inherit;
  font-weight: 600;
  border-radius: 44px;
  border: 2px solid #d8241c;
  cursor: pointer;
  transition: all 0.2s;
  width: auto;
  padding: 0 20px;
  text-align: center;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
}
.btn-secondary-danger img {
  width: 22px;
  transition-delay: 50ms;
}
.btn-secondary-danger .svg-icon {
  width: 22px;
  height: 22px;
  transition-delay: 50ms;
  fill: currentcolor;
}
.btn-secondary-danger:hover:not(:disabled) {
  opacity: 0.5;
}
.btn-secondary-danger:active {
  transform: translateY(1px);
}
.btn-secondary-danger--disabled,
.btn-secondary-danger--disabled:hover,
.btn-secondary-danger:disabled {
  border-color: #a8a8af;
  background: #a8a8af;
  color: #fff;
  cursor: text;
}
.btn-secondary-danger img {
  filter: invert(12%) sepia(77%) saturate(7155%) hue-rotate(360deg) brightness(94%) contrast(81%);
}
.btn-secondary-danger:hover:not(:disabled) {
  background: #fdf2f2;
  color: #d8241c;
}
.btn-secondary-danger:disabled {
  background-color: #fff;
  color: #a8a8af;
}
.btn-secondary-danger:disabled img {
  filter: invert(72%) sepia(5%) saturate(297%) hue-rotate(201deg) brightness(95%) contrast(85%);
}
.btn-img {
  width: 32px;
  vertical-align: middle;
}
.btn-expand-collapse {
  background: url(/assets/icons/AngleDownIcon.svg) no-repeat center;
  background-size: contain;
  display: inline-block;
  height: 22px;
  width: 22px;
  filter: invert(10%) sepia(72%) saturate(4328%) hue-rotate(219deg) brightness(88%) contrast(102%);
  transition: all 0.3s ease-in-out;
}
.btn-expand-collapse.expanded {
  transform: rotate(180deg);
}
.btn-width {
  width: 345px;
}
.btn-primary-success-icon {
  height: 36px;
  font-size: 12px;
  box-sizing: border-box;
  background: #52af00;
  box-shadow: none;
  color: #fff;
  font-family: inherit;
  font-weight: 600;
  border-radius: 44px;
  border: 2px solid #52af00;
  cursor: pointer;
  transition: all 0.2s;
  width: auto;
  padding: 0 20px;
  text-align: center;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  width: 36px;
  min-width: 36px;
  padding: 0;
  border-radius: 50%;
}
.btn-primary-success-icon img {
  width: 22px;
  transition-delay: 50ms;
}
.btn-primary-success-icon .svg-icon {
  width: 22px;
  height: 22px;
  transition-delay: 50ms;
  fill: currentcolor;
}
.btn-primary-success-icon:hover:not(:disabled) {
  opacity: 0.5;
}
.btn-primary-success-icon:active {
  transform: translateY(1px);
}
.btn-primary-success-icon--disabled,
.btn-primary-success-icon--disabled:hover,
.btn-primary-success-icon:disabled {
  border-color: #a8a8af;
  background: #a8a8af;
  color: #fff;
  cursor: text;
}
.btn-primary-success-icon img:not(:disabled) {
  filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(55deg) brightness(105%) contrast(104%);
}
.btn-primary-success-icon .svg-icon:not(:disabled) {
  display: flex;
}
.btn-primary-success-icon:hover:not(:disabled) img {
  filter: invert(54%) sepia(94%) saturate(1589%) hue-rotate(54deg) brightness(92%) contrast(101%);
}
.btn-primary-success-icon:disabled {
  background: #a8a8af;
  border-color: #a8a8af;
  cursor: not-allowed;
}
.btn-primary-success-icon:disabled img {
  filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(55deg) brightness(105%) contrast(104%);
}
.btn-primary-success-icon:disabled .svg-icon {
  color: #fff;
}
.btn-primary-danger-icon {
  height: 36px;
  font-size: 12px;
  box-sizing: border-box;
  background: #d8241c;
  box-shadow: none;
  color: #fff;
  font-family: inherit;
  font-weight: 600;
  border-radius: 44px;
  border: 2px solid #d8241c;
  cursor: pointer;
  transition: all 0.2s;
  width: auto;
  padding: 0 20px;
  text-align: center;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  width: 36px;
  min-width: 36px;
  padding: 0;
  border-radius: 50%;
}
.btn-primary-danger-icon img {
  width: 22px;
  transition-delay: 50ms;
}
.btn-primary-danger-icon .svg-icon {
  width: 22px;
  height: 22px;
  transition-delay: 50ms;
  fill: currentcolor;
}
.btn-primary-danger-icon:hover:not(:disabled) {
  opacity: 0.5;
}
.btn-primary-danger-icon:active {
  transform: translateY(1px);
}
.btn-primary-danger-icon--disabled,
.btn-primary-danger-icon--disabled:hover,
.btn-primary-danger-icon:disabled {
  border-color: #a8a8af;
  background: #a8a8af;
  color: #fff;
  cursor: text;
}
.btn-primary-danger-icon img:not(:disabled) {
  filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(55deg) brightness(105%) contrast(104%);
}
.btn-primary-danger-icon .svg-icon:not(:disabled) {
  display: flex;
}
.btn-primary-danger-icon:hover:not(:disabled) img {
  filter: invert(12%) sepia(77%) saturate(7155%) hue-rotate(360deg) brightness(94%) contrast(81%);
}
.btn-primary-danger-icon:disabled {
  background: #a8a8af;
  border-color: #a8a8af;
  cursor: not-allowed;
}
.btn-primary-danger-icon:disabled img {
  filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(55deg) brightness(105%) contrast(104%);
}
.btn-primary-danger-icon:disabled .svg-icon {
  color: #fff;
}
.btn-secondary-success-icon {
  height: 36px;
  font-size: 12px;
  box-sizing: border-box;
  background: #fff;
  box-shadow: none;
  color: #52af00;
  font-family: inherit;
  font-weight: 600;
  border-radius: 44px;
  border: 2px solid #52af00;
  cursor: pointer;
  transition: all 0.2s;
  width: auto;
  padding: 0 20px;
  text-align: center;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  width: 36px;
  min-width: 36px;
  padding: 0;
  border-radius: 50%;
}
.btn-secondary-success-icon img {
  width: 22px;
  transition-delay: 50ms;
}
.btn-secondary-success-icon .svg-icon {
  width: 22px;
  height: 22px;
  transition-delay: 50ms;
  fill: currentcolor;
}
.btn-secondary-success-icon:hover:not(:disabled) {
  opacity: 0.5;
}
.btn-secondary-success-icon:active {
  transform: translateY(1px);
}
.btn-secondary-success-icon--disabled,
.btn-secondary-success-icon--disabled:hover,
.btn-secondary-success-icon:disabled {
  border-color: #a8a8af;
  background: #a8a8af;
  color: #fff;
  cursor: text;
}
.btn-secondary-success-icon img:not(:disabled) {
  filter: invert(54%) sepia(94%) saturate(1589%) hue-rotate(54deg) brightness(92%) contrast(101%);
}
.btn-secondary-success-icon .svg-icon:not(:disabled) {
  display: flex;
}
.btn-secondary-success-icon:hover:not(:disabled) img {
  filter: invert(54%) sepia(94%) saturate(1589%) hue-rotate(54deg) brightness(92%) contrast(101%);
}
.btn-secondary-success-icon:disabled {
  background: #fff;
  border-color: #a8a8af;
  cursor: not-allowed;
}
.btn-secondary-success-icon:disabled img {
  filter: invert(72%) sepia(5%) saturate(297%) hue-rotate(201deg) brightness(95%) contrast(85%);
}
.btn-secondary-success-icon:disabled .svg-icon {
  color: #a8a8af;
}
.btn-secondary-danger-icon {
  height: 36px;
  font-size: 12px;
  box-sizing: border-box;
  background: #fff;
  box-shadow: none;
  color: #d8241c;
  font-family: inherit;
  font-weight: 600;
  border-radius: 44px;
  border: 2px solid #d8241c;
  cursor: pointer;
  transition: all 0.2s;
  width: auto;
  padding: 0 20px;
  text-align: center;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  width: 36px;
  min-width: 36px;
  padding: 0;
  border-radius: 50%;
}
.btn-secondary-danger-icon img {
  width: 22px;
  transition-delay: 50ms;
}
.btn-secondary-danger-icon .svg-icon {
  width: 22px;
  height: 22px;
  transition-delay: 50ms;
  fill: currentcolor;
}
.btn-secondary-danger-icon:hover:not(:disabled) {
  opacity: 0.5;
}
.btn-secondary-danger-icon:active {
  transform: translateY(1px);
}
.btn-secondary-danger-icon--disabled,
.btn-secondary-danger-icon--disabled:hover,
.btn-secondary-danger-icon:disabled {
  border-color: #a8a8af;
  background: #a8a8af;
  color: #fff;
  cursor: text;
}
.btn-secondary-danger-icon img:not(:disabled) {
  filter: invert(12%) sepia(77%) saturate(7155%) hue-rotate(360deg) brightness(94%) contrast(81%);
}
.btn-secondary-danger-icon .svg-icon:not(:disabled) {
  display: flex;
}
.btn-secondary-danger-icon:hover:not(:disabled) img {
  filter: invert(12%) sepia(77%) saturate(7155%) hue-rotate(360deg) brightness(94%) contrast(81%);
}
.btn-secondary-danger-icon:disabled {
  background: #fff;
  border-color: #a8a8af;
  cursor: not-allowed;
}
.btn-secondary-danger-icon:disabled img {
  filter: invert(72%) sepia(5%) saturate(297%) hue-rotate(201deg) brightness(95%) contrast(85%);
}
.btn-secondary-danger-icon:disabled .svg-icon {
  color: #a8a8af;
}
.form-input-checkbox {
  appearance: none;
  width: 28px;
  height: 28px;
  min-width: 28px;
  border-radius: 4px;
  border: 2px solid #525260;
  margin: 0;
  cursor: pointer;
  position: relative;
}
.form-input-checkbox:hover {
  border-color: #002878;
}
.form-input-checkbox:checked::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  -webkit-mask-image: url(/assets/icons/CheckIcon.svg);
  mask-image: url(/assets/icons/CheckIcon.svg);
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  display: inline-block;
  background-color: #002878;
}
.form-input-checkbox:disabled {
  cursor: not-allowed;
  border-color: #a8a8af;
}
.form-input-checkbox:disabled::after {
  color: #a8a8af;
}
.form-input-checkbox:disabled:checked::after {
  background-color: #a8a8af;
}
.form-input-checkbox-label {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  padding: 10px 0;
  cursor: pointer;
}
.form-input-radio {
  appearance: none;
  min-width: 28px;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  border: 2px solid #525260;
  margin: 0;
  cursor: pointer;
}
.form-input-radio:hover {
  border-color: #002878;
}
.form-input-radio:checked {
  background:
    radial-gradient(
      #002878 0%,
      #002878 45%,
      #fff 49%,
      #fff 100%);
}
.form-input-radio:disabled {
  cursor: not-allowed;
  border-color: #a8a8af;
  background: #f6f6f7;
}
.form-input-radio:checked:disabled {
  background:
    radial-gradient(
      #a8a8af 0%,
      #a8a8af 45%,
      #fff 49%,
      #fff 100%);
}
.form-input-radio-label {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  padding: 10px 0;
  cursor: pointer;
}
.notification-container {
  position: fixed;
  bottom: 10px;
  left: 50%;
  display: flex;
  flex-direction: column-reverse;
  width: 400px;
  z-index: 1000;
  transform: translateX(-50%);
}
@media only screen and (max-width: 600px) {
  .notification-container {
    width: calc(100% - 10px);
  }
}
.notification {
  position: relative;
  border-radius: 5px;
  padding: 15px 40px 10px;
  box-shadow: rgba(0, 0, 0, 0.04) 1px 1px 2px, rgba(0, 0, 0, 0.2) 1px 4px 8px;
  color: #525260;
  background-repeat: no-repeat;
  background-position: 10px 10px;
  box-sizing: border-box;
  width: inherit;
}
.notification:not(:first-child) {
  margin-bottom: 10px;
}
.notification__title,
.notification__message {
  margin: 0;
  padding-bottom: 10px;
}
.notification__title {
  font-weight: 700;
}
.notification__message {
  font-weight: 400;
  overflow-wrap: anywhere;
}
.notification__close {
  background: none;
  border: none;
  font-size: 30px;
  line-height: 1;
  cursor: pointer;
  position: absolute;
  top: 10px;
  right: 10px;
  color: inherit;
}
.notification::before {
  content: "";
  position: absolute;
  top: 10px;
  left: 10px;
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-position: center;
}
.notification--success {
  background-color: #edf7e5;
}
.notification--success::before {
  -webkit-mask-image: url(/assets/icons/CheckCircleIcon.svg);
  mask-image: url(/assets/icons/CheckCircleIcon.svg);
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  display: inline-block;
  background-color: #52af00;
}
.notification--error {
  background-color: #fdf2f2;
}
.notification--error::before {
  -webkit-mask-image: url(/assets/icons/CrossCircleIcon.svg);
  mask-image: url(/assets/icons/CrossCircleIcon.svg);
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  display: inline-block;
  background-color: #d8241c;
}
.notification--info {
  background-color: #e5e9f1;
}
.notification--info::before {
  -webkit-mask-image: url(/assets/icons/InfoIcon.svg);
  mask-image: url(/assets/icons/InfoIcon.svg);
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  display: inline-block;
  background-color: #002878;
}
.notification--warning {
  background-color: #fdf6e9;
}
.notification--warning::before {
  -webkit-mask-image: url(/assets/icons/ExclamationCircleIcon.svg);
  mask-image: url(/assets/icons/ExclamationCircleIcon.svg);
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  display: inline-block;
  background-color: #f0a725;
}
.svg-icon {
  color: currentcolor;
  width: 100%;
  height: 100%;
}
.icon-primary {
  color: #002878;
}
.icon-white {
  color: #fff;
}
.icon-disabled {
  color: #a8a8af;
}
.icon-success {
  color: #52af00;
}
.icon-danger {
  color: #d8241c;
}
.icon-warning {
  color: #f0a725;
}
.icon-blue-light {
  color: #e5e9f1;
}
.icon--11 {
  width: 11px;
  height: 11px;
}
.icon--13 {
  width: 13px;
  height: 13px;
}
.icon--16 {
  width: 16px;
  height: 16px;
}
.icon--18 {
  width: 18px;
  height: 18px;
}
.icon--20 {
  width: 20px;
  height: 20px;
}
.icon--22 {
  width: 22px;
  height: 22px;
}
.icon--24 {
  width: 24px;
  height: 24px;
}
.icon--28 {
  width: 28px;
  height: 28px;
}
.icon--32 {
  width: 32px;
  height: 32px;
}
.responsive-table-top {
  height: 35px;
  font-size: 13px;
  display: flex;
  padding: 0 20px;
  justify-content: space-between;
  align-items: center;
}
.responsive-table-top__summary {
  color: #525260;
}
.responsive-table-top__filter {
  display: flex;
  align-items: center;
  gap: 40px;
}
@media only screen and (max-width: 600px) {
  .responsive-table-top__filter {
    gap: 10px;
  }
}
.responsive-table {
  width: 100%;
  border-collapse: collapse;
  border-top: 1px solid #e5e9f1;
  margin-bottom: 110px;
}
@media only screen and (max-width: 600px) {
  .responsive-table-head {
    height: 1px;
    width: 1;
    margin: -1px;
    overflow: hidden;
    position: absolute;
    display: none;
  }
}
.responsive-table-head__header {
  font-size: 13px;
  color: #525260;
  font-weight: 500;
  padding: 0 10px;
  height: 30px;
  border-bottom: 1px solid #e5e9f1;
  text-align: left;
}
.responsive-table-head__header:first-of-type {
  padding-left: 20px;
}
.responsive-table-head__header:last-of-type {
  padding-right: 20px;
}
.responsive-table-row--clickable {
  cursor: pointer;
}
.responsive-table-row--gray {
  background: #f6f6f7;
}
.responsive-table-row--red {
  background: #fdf2f2;
}
.responsive-table-row--orange {
  background: #fdf6e9;
}
.responsive-table-row:hover {
  background-color: #e5e9f1;
}
@media only screen and (max-width: 600px) {
  .responsive-table-row {
    border-bottom: 1px solid #e5e9f1;
    padding-bottom: 10px;
  }
}
.responsive-table-cell {
  color: #525260;
  font-size: 13px;
  line-height: 1.4;
  padding: 10px;
  border-bottom: 1px solid #e5e9f1;
  text-align: left;
  overflow-wrap: anywhere;
}
@media only screen and (max-width: 600px) {
  .responsive-table-cell {
    display: block;
    border-bottom: none;
    padding-left: 120px;
    position: relative;
    overflow: hidden;
  }
}
@media only screen and (max-width: 600px) {
  .responsive-table-cell.desktop-only {
    display: none;
  }
}
@media only screen and (min-width: 600px) {
  .responsive-table-cell .text-bold-desktop-only {
    font-weight: bold;
  }
}
.responsive-table-cell:first-of-type {
  padding-left: 20px;
}
@media only screen and (max-width: 600px) {
  .responsive-table-cell:first-of-type {
    padding-left: 120px;
  }
}
.responsive-table-cell:last-of-type {
  padding-right: 20px;
}
@media only screen and (max-width: 600px) {
  .responsive-table-cell::before,
  .responsive-table-cell::after {
    content: attr(aria-label);
    width: 100px;
    padding-left: 20px;
    display: block;
    font-weight: 600;
  }
}
@media only screen and (max-width: 600px) {
  .responsive-table-cell::before {
    width: 99px;
    float: left;
    margin-left: -99px;
    opacity: 0;
    padding-left: 0;
  }
}
@media only screen and (max-width: 600px) {
  .responsive-table-cell::after {
    position: absolute;
    left: 0;
    font-weight: 600;
    top: 10px;
    font-size: 13px;
    color: #525260;
  }
}
.responsive-table-cell__title {
  color: #002878;
  font-size: 16px;
  font-weight: bold;
}
.responsive-table-cell__link {
  color: #002878;
}
.responsive-table-cell__15vw {
  max-width: 15vw;
}
@media only screen and (max-width: 600px) {
  .responsive-table-cell__15vw {
    max-width: 100%;
  }
}
.responsive-table-cell__actions {
  display: flex;
  gap: 10px;
  justify-content: end;
}
.responsive-table-no-results {
  text-align: center;
  font-size: 14px;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: -70px;
  color: #525260;
  gap: 30px;
}
.form-section {
  border-top: 2px solid #f6f6f7;
  padding: 0 20px 15px;
}
.form-section:first-of-type:not(.form-section--default) {
  border-top: none;
  margin-top: -15px;
}
.form-row {
  display: flex;
  gap: 3.5%;
  padding-top: 15px;
  flex-wrap: wrap;
  align-items: flex-start;
}
@media only screen and (max-width: 980px) {
  .form-row {
    gap: 40px;
  }
}
@media only screen and (max-width: 740px) {
  .form-row {
    gap: 10px;
    align-items: center;
    flex-direction: column;
  }
}
.form-info {
  color: #525260;
  margin-top: 20px;
}
.form-input {
  width: 31%;
  max-width: 100%;
  min-width: 0;
}
@media only screen and (max-width: 980px) {
  .form-input {
    width: 310px;
  }
}
.form-input--full-width {
  width: 100%;
}
.info-form-input {
  font-size: 16px;
}
@media only screen and (max-width: 740px) {
  .info-form-input {
    width: 310px;
  }
}
.info-form-input__label {
  margin-top: 10px;
  color: #525260;
}
.info-form-input__value {
  margin-top: 10px;
  word-break: break-all;
}
.form-textarea {
  width: 100%;
}
@media only screen and (max-width: 980px) {
  .form-textarea {
    width: 660px;
  }
}
@media only screen and (max-width: 740px) {
  .form-textarea {
    width: 310px;
  }
}
.form-textarea-full-width {
  width: 100%;
}
.single-column-form {
  width: 330px;
  display: flex;
  margin: auto;
  flex-direction: column;
  margin-top: 20px;
  margin-bottom: 50px;
}
.single-column-form .form-row {
  gap: 0;
  padding-top: 0;
}
.single-column-form .form-input {
  padding-top: 10px;
  width: 100%;
}
.edit-form {
  padding: 20px;
  height: 50vh;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  color: #002878;
}
.edit-form .asterisk {
  color: #d8241c;
}
.edit-form__row:not(:first-child) {
  margin-top: 20px;
}
.edit-form__inputs,
.edit-form__label {
  color: #525260;
}
.edit-form__input {
  margin-top: 5px;
  padding: 10px;
  font-size: 16px;
  border-radius: 4px;
  border: 1px solid #525260;
  display: block;
  width: 100%;
  box-sizing: border-box;
}
.edit-form__input::-webkit-datetime-edit-day-field,
.edit-form__input::-webkit-datetime-edit-month-field,
.edit-form__input::-webkit-datetime-edit-year-field {
  background-color: transparent;
  color: inherit;
}
.edit-form__error {
  color: #d8241c;
  font-size: 14px;
  margin-top: 5px;
}
.cdk-overlay-container,
.cdk-global-overlay-wrapper {
  pointer-events: none;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.cdk-overlay-container {
  position: fixed;
  z-index: 1000;
}
.cdk-overlay-container:empty {
  display: none;
}
.cdk-global-overlay-wrapper {
  display: flex;
  position: absolute;
  z-index: 1000;
}
.cdk-overlay-pane {
  position: absolute;
  pointer-events: auto;
  box-sizing: border-box;
  display: flex;
  max-width: 100%;
  max-height: 100%;
  z-index: 1000;
}
.cdk-overlay-backdrop {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  pointer-events: auto;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  opacity: 0;
  touch-action: manipulation;
  z-index: 1000;
  transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
}
@media (prefers-reduced-motion) {
  .cdk-overlay-backdrop {
    transition-duration: 1ms;
  }
}
.cdk-overlay-backdrop-showing {
  opacity: 1;
}
@media (forced-colors: active) {
  .cdk-overlay-backdrop-showing {
    opacity: 0.6;
  }
}
.cdk-overlay-dark-backdrop {
  background: rgba(0, 0, 0, 0.32);
}
.cdk-overlay-transparent-backdrop {
  transition: visibility 1ms linear, opacity 1ms linear;
  visibility: hidden;
  opacity: 1;
}
.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing,
.cdk-high-contrast-active .cdk-overlay-transparent-backdrop {
  opacity: 0;
  visibility: visible;
}
.cdk-overlay-backdrop-noop-animation {
  transition: none;
}
.cdk-overlay-connected-position-bounding-box {
  position: absolute;
  display: flex;
  flex-direction: column;
  min-width: 1px;
  min-height: 1px;
  z-index: 1000;
}
.cdk-global-scrollblock {
  position: fixed;
  width: 100%;
  overflow-y: scroll;
}
* {
  font-family: DMBrandWeb;
}
body {
  border: none;
  margin: 0;
  padding: 0;
}
body.no-scrollbar {
  overflow: hidden;
}
.heading-4 {
  margin: 10px 0 0;
  font-size: 18px;
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip-path: rect(0, 0, 0, 0);
  border: 0;
}
.reset-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.text-bold {
  font-weight: bold;
}
.text-primary {
  color: #002878;
}
.preserve-whitespace {
  white-space: pre-wrap;
  overflow-wrap: break-word;
}
.text-inactive {
  color: #525260;
}
.loader-wrapper {
  position: relative;
}
.loader-wrapper dm-app-loader-layer {
  position: fixed;
  z-index: 2;
  width: 100%;
  max-width: 1200px;
  height: calc(100vh - 120px);
}
.content-height-extender {
  width: 100%;
  text-align: center;
  display: block;
  height: 60px;
}
@media only screen and (max-width: 740px) {
  .content-height-extender--double {
    height: 120px;
  }
}
.full-width {
  width: 100%;
}
.fixed-header {
  position: fixed;
  left: 10px;
  right: 10px;
  max-width: 1200px;
  z-index: 1;
  margin: 0 auto;
  top: 71px;
  background-color: #fff;
  padding-top: 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.clickable {
  cursor: pointer;
}
.display-contents {
  display: contents;
}
.img-20 {
  width: 20px;
  height: 20px;
}
.img-22 {
  width: 22px;
  height: 22px;
}
.img-24 {
  width: 24px;
  height: 24px;
}
.no-margin {
  margin: 0;
}

/* angular:styles/global:styles */
/*# sourceMappingURL=styles.css.map */