/* node_modules/intro.js/introjs.css */
.introjs-tour {
  transition: all .3s ease-out;
}
.introjs-overlay {
  position: absolute;
  box-sizing: content-box;
  z-index: 999999;
  opacity: 0;
  transition: all .3s ease-out;
}
.introjs-showElement {
  z-index: 9999999 !important;
}
tr.introjs-showElement > td {
  z-index: 9999999 !important;
  position: relative;
}
tr.introjs-showElement > th {
  z-index: 9999999 !important;
  position: relative;
}
.introjs-disableInteraction {
  z-index: 99999999 !important;
  position: absolute;
  background-color: #fff;
  opacity: 0;
}
.introjs-relativePosition {
  position: relative;
}
.introjs-helperLayer {
  box-sizing: content-box;
  position: absolute;
  z-index: 9999998;
  border-radius: 4px;
  transition: all .3s ease-out;
}
.introjs-helperLayer * {
  box-sizing: content-box;
}
.introjs-helperLayer :before {
  box-sizing: content-box;
}
.introjs-helperLayer :after {
  box-sizing: content-box;
}
.introjs-tooltipReferenceLayer {
  font-family:
    "Helvetica Neue",
    Inter,
    ui-sans-serif,
    "Apple Color Emoji",
    Helvetica,
    Arial,
    sans-serif;
  box-sizing: content-box;
  position: absolute;
  visibility: hidden;
  z-index: 100000000;
  background-color: transparent;
  transition: all .3s ease-out;
}
.introjs-tooltipReferenceLayer * {
  font-family:
    "Helvetica Neue",
    Inter,
    ui-sans-serif,
    "Apple Color Emoji",
    Helvetica,
    Arial,
    sans-serif;
}
.introjs-helperNumberLayer {
  font-family:
    "Helvetica Neue",
    Inter,
    ui-sans-serif,
    "Apple Color Emoji",
    Helvetica,
    Arial,
    sans-serif;
  color: #9e9e9e;
  text-align: center;
  padding-top: 10px;
  padding-bottom: 10px;
}
.introjs-arrow {
  border: 5px solid transparent;
  content: "";
  position: absolute;
}
.introjs-arrow.top {
  top: -10px;
  left: 10px;
  border-bottom-color: #fff;
}
.introjs-arrow.top-right {
  top: -10px;
  right: 10px;
  border-bottom-color: #fff;
}
.introjs-arrow.top-middle {
  top: -10px;
  left: 50%;
  margin-left: -5px;
  border-bottom-color: #fff;
}
.introjs-arrow.right {
  right: -10px;
  top: 10px;
  border-left-color: #fff;
}
.introjs-arrow.right-bottom {
  bottom: 10px;
  right: -10px;
  border-left-color: #fff;
}
.introjs-arrow.bottom {
  bottom: -10px;
  left: 10px;
  border-top-color: #fff;
}
.introjs-arrow.bottom-right {
  bottom: -10px;
  right: 10px;
  border-top-color: #fff;
}
.introjs-arrow.bottom-middle {
  bottom: -10px;
  left: 50%;
  margin-left: -5px;
  border-top-color: #fff;
}
.introjs-arrow.left {
  left: -10px;
  top: 10px;
  border-right-color: #fff;
}
.introjs-arrow.left-bottom {
  left: -10px;
  bottom: 10px;
  border-right-color: #fff;
}
.introjs-tooltip {
  box-sizing: content-box;
  position: absolute;
  visibility: visible;
  background-color: #fff;
  min-width: 250px;
  max-width: 300px;
  border-radius: 5px;
  box-shadow: 0 3px 30px rgba(33, 33, 33, .3);
  transition: opacity .1s ease-out;
}
.introjs-tooltiptext {
  padding: 20px;
}
.introjs-dontShowAgain {
  padding-left: 20px;
  padding-right: 20px;
}
.introjs-dontShowAgain input {
  padding: 0;
  margin: 0;
  margin-bottom: 2px;
  display: inline;
  width: 10px;
  height: 10px;
}
.introjs-dontShowAgain label {
  font-size: 14px;
  display: inline-block;
  font-weight: 400;
  margin: 0 0 0 5px;
  padding: 0;
  background-color: #fff;
  color: #616161;
  -webkit-user-select: none;
  user-select: none;
}
.introjs-tooltip-title {
  font-size: 18px;
  width: 90%;
  min-height: 1.5em;
  margin: 0;
  padding: 0;
  font-weight: 700;
  line-height: 1.5;
}
.introjs-tooltip-header {
  position: relative;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 10px;
  min-height: 1.5em;
}
.introjs-tooltipbuttons {
  border-top: 1px solid #e0e0e0;
  padding: 10px;
  text-align: right;
  white-space: nowrap;
}
.introjs-tooltipbuttons:after {
  content: "";
  visibility: hidden;
  display: block;
  height: 0;
  clear: both;
}
.introjs-button {
  box-sizing: content-box;
  position: relative;
  overflow: visible;
  padding: .5rem 1rem;
  border: 1px solid #bdbdbd;
  text-decoration: none;
  text-shadow: 1px 1px 0 #fff;
  font-size: 14px;
  color: #424242;
  white-space: nowrap;
  cursor: pointer;
  outline: 0;
  background-color: #f4f4f4;
  border-radius: .2em;
  zoom: 1;
  display: inline;
}
.introjs-button:hover {
  outline: 0;
  text-decoration: none;
  border-color: #9e9e9e;
  background-color: #e0e0e0;
  color: #212121;
}
.introjs-button:focus {
  outline: 0;
  text-decoration: none;
  background-color: #eee;
  box-shadow: 0 0 0 .2rem rgba(158, 158, 158, .5);
  border: 1px solid #616161;
  color: #212121;
}
.introjs-button:active {
  outline: 0;
  text-decoration: none;
  background-color: #e0e0e0;
  border-color: #9e9e9e;
  color: #212121;
}
.introjs-button::-moz-focus-inner {
  padding: 0;
  border: 0;
}
.introjs-skipbutton {
  position: absolute;
  top: 0;
  right: 0;
  display: inline-block;
  width: 45px;
  height: 45px;
  line-height: 45px;
  color: #616161;
  font-size: 22px;
  cursor: pointer;
  font-weight: 700;
  text-align: center;
  text-decoration: none;
}
.introjs-skipbutton:focus,
.introjs-skipbutton:hover {
  color: #212121;
  outline: 0;
  text-decoration: none;
}
.introjs-prevbutton {
  float: left;
}
.introjs-nextbutton {
  float: right;
}
.introjs-disabled {
  color: #9e9e9e;
  border-color: #bdbdbd;
  box-shadow: none;
  cursor: default;
  background-color: #f4f4f4;
  background-image: none;
  text-decoration: none;
}
.introjs-disabled:focus,
.introjs-disabled:hover {
  color: #9e9e9e;
  border-color: #bdbdbd;
  box-shadow: none;
  cursor: default;
  background-color: #f4f4f4;
  background-image: none;
  text-decoration: none;
}
.introjs-hidden {
  display: none;
}
.introjs-bullets {
  text-align: center;
  padding-top: 10px;
  padding-bottom: 10px;
}
.introjs-bullets ul {
  box-sizing: content-box;
  clear: both;
  margin: 0 auto 0;
  padding: 0;
  display: inline-block;
}
.introjs-bullets ul li {
  box-sizing: content-box;
  list-style: none;
  float: left;
  margin: 0 2px;
}
.introjs-bullets ul li a {
  transition: width .1s ease-in;
  box-sizing: content-box;
  display: block;
  width: 6px;
  height: 6px;
  background: #ccc;
  border-radius: 10px;
  text-decoration: none;
  cursor: pointer;
}
.introjs-bullets ul li a:focus,
.introjs-bullets ul li a:hover {
  width: 15px;
  background: #999;
  text-decoration: none;
  outline: 0;
}
.introjs-bullets ul li a.active {
  width: 15px;
  background: #999;
}
.introjs-progress {
  box-sizing: content-box;
  overflow: hidden;
  height: 10px;
  margin: 10px;
  border-radius: 4px;
  background-color: #e0e0e0;
}
.introjs-progressbar {
  box-sizing: content-box;
  float: left;
  width: 0%;
  height: 100%;
  font-size: 10px;
  line-height: 10px;
  text-align: center;
  background-color: #08c;
}
.introjsFloatingElement {
  position: absolute;
  height: 0;
  width: 0;
  left: 50%;
  top: 50%;
}
.introjs-fixedTooltip {
  position: fixed;
}
.introjs-hint {
  box-sizing: content-box;
  position: absolute;
  background: 0 0;
  width: 20px;
  height: 15px;
  cursor: pointer;
}
.introjs-hint:focus {
  border: 0;
  outline: 0;
}
.introjs-hint:hover > .introjs-hint-pulse {
  background-color: rgba(60, 60, 60, .57);
}
.introjs-hidehint {
  display: none;
}
.introjs-fixedhint {
  position: fixed;
}
@keyframes introjspulse {
  0% {
    transform: scale(.95);
    box-shadow: 0 0 0 0 rgba(0, 0, 0, .7);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 10px transparent;
  }
  100% {
    transform: scale(.95);
    box-shadow: 0 0 0 0 transparent;
  }
}
.introjs-hint-pulse {
  box-sizing: content-box;
  width: 15px;
  height: 15px;
  border-radius: 30px;
  background-color: rgba(136, 136, 136, .24);
  z-index: 10;
  position: absolute;
  transition: all .2s ease-out;
  animation: introjspulse 2s infinite;
}
.introjs-hint-no-anim .introjs-hint-pulse {
  animation: none;
}
.introjs-hint-dot {
  box-sizing: content-box;
  background: 0 0;
  border-radius: 60px;
  height: 50px;
  width: 50px;
  position: absolute;
  top: -18px;
  left: -18px;
  z-index: 1;
  opacity: 0;
}

/* libs/shared/product-tour/styles/intro-js.scss */
.introjs-additional-highlight,
.introjs-helperLayer {
  z-index: 10000000 !important;
  background-color: rgba(246, 238, 99, 0.33);
  outline: solid 0.5rem rgba(246, 238, 99, 0.4);
}
.introjs-additional-highlight::before,
.introjs-helperLayer::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  animation: glow 800ms ease-out infinite alternate;
}
.introjs-additional-highlight {
  position: relative;
}
.introjs-tooltipReferenceLayer * {
  font-family: Nunito, sans-serif;
  text-shadow: none;
}
.introjs-tooltipReferenceLayer .introjs-tooltip {
  max-width: 28rem;
  padding: 1rem;
  color: #000;
  background-color: #fff;
}
.introjs-tooltipReferenceLayer .introjs-tooltip.center-tooltip {
  top: auto !important;
  bottom: 0 !important;
  left: 50% !important;
  width: 20rem;
  margin: -8rem 0 0 -10rem;
}
.introjs-tooltipReferenceLayer .introjs-tooltip.center-tooltip .introjs-arrow {
  display: none !important;
}
.introjs-tooltipReferenceLayer .introjs-tooltip.custom-bottom-right-tooltip {
  position: fixed !important;
  inset: auto 1.25rem 1.25rem auto !important;
  opacity: 0.9 !important;
}
.introjs-tooltipReferenceLayer .introjs-tooltip ul {
  margin-left: 1rem;
  list-style: disc;
}
.introjs-tooltipReferenceLayer .introjs-tooltip ul li:not(:last-of-type) {
  margin-bottom: 0.8rem;
}
.introjs-tooltipReferenceLayer .introjs-tooltip .introjs-skipbutton {
  margin: -0.8125rem -1.25rem 0 0;
  padding: 0.1875rem 0.3125rem;
  border-radius: 0.1875rem;
}
.introjs-tooltipReferenceLayer .introjs-tooltip .introjs-tooltiptext {
  width: 20rem;
}
.introjs-tooltipReferenceLayer .introjs-tooltip .introjs-tooltiptext a {
  color: #fff;
  text-decoration: underline;
}
.introjs-tooltipReferenceLayer .introjs-tooltip .introjs-tooltiptext a:hover {
  text-shadow: 0 0 1px #fff;
}
.introjs-tooltipReferenceLayer .introjs-tooltip.welcome-big .introjs-tooltiptext {
  width: 30rem;
}
.introjs-tooltipReferenceLayer .introjs-tooltip .introjs-arrow {
  border-width: 0.4375rem;
}
.introjs-tooltipReferenceLayer .introjs-tooltip .introjs-arrow.top {
  top: -0.875rem;
  left: 0.875rem;
  border-bottom-color: #fff;
}
.introjs-tooltipReferenceLayer .introjs-tooltip .introjs-arrow.top-right {
  top: -0.875rem;
  right: 0.875rem;
  border-bottom-color: #fff;
}
.introjs-tooltipReferenceLayer .introjs-tooltip .introjs-arrow.top-middle {
  top: -0.875rem;
  left: 50%;
  margin-left: -5px;
  border-bottom-color: #fff;
}
.introjs-tooltipReferenceLayer .introjs-tooltip .introjs-arrow.right {
  top: 0.875rem;
  right: -0.875rem;
  border-left-color: #fff;
}
.introjs-tooltipReferenceLayer .introjs-tooltip .introjs-arrow.right-bottom {
  right: -0.875rem;
  bottom: 0.875rem;
  border-left-color: #fff;
}
.introjs-tooltipReferenceLayer .introjs-tooltip .introjs-arrow.bottom {
  bottom: -0.875rem;
  left: 0.875rem;
  border-top-color: #fff;
}
.introjs-tooltipReferenceLayer .introjs-tooltip .introjs-arrow.bottom-right {
  right: 0.875rem;
  bottom: -0.875rem;
  border-top-color: #fff;
}
.introjs-tooltipReferenceLayer .introjs-tooltip .introjs-arrow.bottom-middle {
  bottom: -0.875rem;
  left: 50%;
  margin-left: -5px;
  border-top-color: #fff;
}
.introjs-tooltipReferenceLayer .introjs-tooltip .introjs-arrow.left {
  top: 0.875rem;
  left: -0.875rem;
  border-right-color: #fff;
}
.introjs-tooltipReferenceLayer .introjs-tooltip .introjs-arrow.left-bottom {
  bottom: 0.875rem;
  left: -0.875rem;
  border-right-color: #fff;
}
.introjs-tooltipReferenceLayer .introjs-tooltip .introjs-progressbar {
  background-color: #636bf6;
}
.introjs-tooltipReferenceLayer .introjs-tooltip .introjs-tooltipbuttons {
  margin-top: 1rem;
  padding-top: 1rem;
  border-color: #c4c4c4;
}
.introjs-tooltipReferenceLayer .introjs-tooltip .introjs-tooltipbuttons .introjs-button {
  box-sizing: border-box;
  width: 5.8em;
  border: solid 0.0625rem #636bf6;
  font-weight: normal;
  line-height: 1.2rem;
  color: #636bf6;
  text-shadow: none;
  background-color: #fff;
  box-shadow: none;
  transition: color background-color 200ms ease-in-out;
}
.introjs-tooltipReferenceLayer .introjs-tooltip .introjs-tooltipbuttons .introjs-button:hover {
  color: #fff !important;
  background-color: #636bf6;
}
.introjs-tooltipReferenceLayer .introjs-tooltip .introjs-tooltipbuttons .introjs-button.introjs-disabled {
  visibility: hidden;
}
.introjs-tooltipReferenceLayer .introjs-tooltip .introjs-tooltipbuttons .introjs-button.introjs-prevbutton {
  text-align: right;
}
.introjs-tooltipReferenceLayer .introjs-tooltip .introjs-tooltipbuttons .introjs-button.introjs-prevbutton::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  transform: rotate(180deg);
  width: 2rem;
  background: url(/assets/shared-ui/chevron-horizontal.svg) center center no-repeat;
}
.introjs-tooltipReferenceLayer .introjs-tooltip .introjs-tooltipbuttons .introjs-button.introjs-prevbutton:hover::before {
  filter: brightness(2000%);
}
.introjs-tooltipReferenceLayer .introjs-tooltip .introjs-tooltipbuttons .introjs-button.introjs-nextbutton {
  text-align: left;
}
.introjs-tooltipReferenceLayer .introjs-tooltip .introjs-tooltipbuttons .introjs-button.introjs-nextbutton::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 2rem;
  background: url(/assets/shared-ui/chevron-horizontal.svg) center center no-repeat;
}
.introjs-tooltipReferenceLayer .introjs-tooltip .introjs-tooltipbuttons .introjs-button.introjs-nextbutton:hover::before {
  filter: brightness(2000%);
}
.introjs-tooltipReferenceLayer .introjs-tooltip .introjs-tooltipbuttons .introjs-button.introjs-nextbutton.introjs-donebutton {
  border-color: #21b888;
  color: #21b888;
}
.introjs-tooltipReferenceLayer .introjs-tooltip .introjs-tooltipbuttons .introjs-button.introjs-nextbutton.introjs-donebutton::before {
  background-image: url(/assets/shared-ui/check.svg);
}
.introjs-tooltipReferenceLayer .introjs-tooltip .introjs-dontShowAgain {
  position: absolute;
  right: 0.4rem;
  bottom: 5rem;
}
.introjs-tooltipReferenceLayer .introjs-tooltip .introjs-dontShowAgain + .introjs-tooltipbuttons,
.introjs-tooltipReferenceLayer .introjs-tooltip .introjs-dontShowAgain + * + .introjs-tooltipbuttons,
.introjs-tooltipReferenceLayer .introjs-tooltip .introjs-dontShowAgain + * + * + .introjs-tooltipbuttons,
.introjs-tooltipReferenceLayer .introjs-tooltip .introjs-dontShowAgain + * + * + * + .introjs-tooltipbuttons,
.introjs-tooltipReferenceLayer .introjs-tooltip .introjs-dontShowAgain + * + * + * + * + .introjs-tooltipbuttons {
  padding-top: 3rem;
}
.introjs-tooltipReferenceLayer .introjs-tooltip .introjs-dontShowAgain input {
  display: none;
}
.introjs-tooltipReferenceLayer .introjs-tooltip .introjs-dontShowAgain input + label::after {
  content: "";
  display: inline-block;
  box-sizing: border-box;
  width: 1.1875rem;
  height: 1.1875rem;
  margin-left: 0.5rem;
  border: 0.0625rem solid #aab2c2;
  border-radius: 0.125rem;
  vertical-align: text-bottom;
  background-repeat: no-repeat;
  background-position: 40% 80%;
  background-size: 0.95rem;
  transition: all 0.3s;
}
.introjs-tooltipReferenceLayer .introjs-tooltip .introjs-dontShowAgain input:checked + label::after {
  border-color: #21b888;
  background-color: #21b888;
  background-image: url(/assets/shared-ui/check-white.svg);
}
.introjs-tooltipReferenceLayer .introjs-tooltip .introjs-dontShowAgain label {
  cursor: pointer;
  position: relative;
  color: rgba(240, 240, 240, 0);
  background-color: transparent;
}
.introjs-tooltipReferenceLayer .introjs-tooltip .introjs-dontShowAgain label::before {
  content: "Stop automatically showing tours";
  position: absolute;
  top: 0.2rem;
  left: -4.4rem;
  color: rgba(240, 240, 240, 0);
  white-space: nowrap;
}
.introjs-tooltipReferenceLayer .intro-wide.introjs-tooltip .introjs-tooltiptext {
  width: 26rem;
}
body.intro-js-active .cdk-overlay-container {
  pointer-events: none !important;
  z-index: 9999999 !important;
}
body.intro-js-active .cdk-overlay-container .cdk-overlay-backdrop {
  background: none;
}
body.intro-js-active .cdk-overlay-container * {
  pointer-events: none !important;
}
.introjs-highlight-nav-list {
  max-height: 16rem;
  margin-top: -1rem;
  margin-left: -0.5rem;
}
@media (min-width: 1540px) {
  .introjs-tooltipReferenceLayer .introjs-tooltip.custom-bottom-right-tooltip {
    inset: auto calc(50% - 48rem) 1.25rem auto !important;
  }
}

/* apps/redactable/src/introjs-app-tours.scss */
body.intro-js-active.intro-js-active-project-folder-tour app-content-layout .content-container section.section,
body.intro-js-active.intro-js-active-redaction-log-tour app-content-layout .content-container section.section,
body.intro-js-active.intro-js-active-team-members-tour app-content-layout .content-container section.section,
body.intro-js-active.intro-js-active-welcome-tour app-content-layout .content-container section.section {
  overflow: hidden;
}
body.intro-js-active.intro-js-active-project-folder-tour .introjs-disableInteraction,
body.intro-js-active.intro-js-active-project-folder-tour .introjs-tooltipReferenceLayer,
body.intro-js-active.intro-js-active-project-folder-tour .introjs-helperLayer,
body.intro-js-active.intro-js-active-redaction-log-tour .introjs-disableInteraction,
body.intro-js-active.intro-js-active-redaction-log-tour .introjs-tooltipReferenceLayer,
body.intro-js-active.intro-js-active-redaction-log-tour .introjs-helperLayer {
  max-height: calc(100vh - 18.5rem);
}
body.intro-js-active.intro-js-active-team-members-tour .introjs-disableInteraction,
body.intro-js-active.intro-js-active-team-members-tour .introjs-tooltipReferenceLayer,
body.intro-js-active.intro-js-active-team-members-tour .introjs-helperLayer {
  max-height: calc(100vh - 16rem);
}
body.intro-js-active.intro-js-active-welcome-tour .introjs-disableInteraction,
body.intro-js-active.intro-js-active-welcome-tour .introjs-tooltipReferenceLayer,
body.intro-js-active.intro-js-active-welcome-tour .introjs-helperLayer {
  max-height: unset;
}

/* apps/redactable/src/styles.scss */
.base-text,
:root .mat-calendar .mat-calendar-period-button,
:root .mat-calendar .mat-calendar-body-cell .mat-calendar-body-cell-content,
:root .mat-calendar abbr,
.mat-date-range-input-container,
.main input.mat-mdc-input-element,
.popup input.mat-mdc-input-element,
.cdk-overlay-container input.mat-mdc-input-element,
.main input.mat-mdc-input-element::placeholder,
.popup input.mat-mdc-input-element::placeholder,
.cdk-overlay-container input.mat-mdc-input-element::placeholder,
button.mdc-button.shell-button {
  font-family: Nunito, sans-serif;
  font-style: normal;
  color: #4d5662;
}
.small-header-text {
  font-size: 0.9375rem;
}
.header-text,
.h2-text {
  font-size: 1rem;
  line-height: 1.6875rem;
}
.h1-text {
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 2rem;
}
.h2-text {
  font-weight: 600;
}
.subtitle-text,
:root .mat-calendar .mat-calendar-period-button {
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.375rem;
}
.body-regular-text,
:root .mat-calendar abbr,
.mat-date-range-input-container,
.main input.mat-mdc-input-element,
.popup input.mat-mdc-input-element,
.cdk-overlay-container input.mat-mdc-input-element,
.main input.mat-mdc-input-element::placeholder,
.popup input.mat-mdc-input-element::placeholder,
.cdk-overlay-container input.mat-mdc-input-element::placeholder {
  font-size: 0.875rem;
  font-weight: normal;
  line-height: 1.1875rem;
}
.button-text,
button.mdc-button.shell-button {
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.1875rem;
  text-align: center;
}
.small-text,
:root .mat-calendar .mat-calendar-body-cell .mat-calendar-body-cell-content {
  font-size: 0.75rem;
  font-weight: normal;
  line-height: 1rem;
}
@keyframes switch-to-paid-plan-button-animation {
  0% {
    border-radius: 1.3125rem;
    outline: 0 transparent solid;
    outline-offset: 0;
  }
  50% {
    border-radius: 1.3125rem;
    outline: 0.2rem #9399ff solid;
    outline-offset: 0.05rem;
  }
  100% {
    border-radius: 1.3125rem;
    outline: 0 transparent solid;
    outline-offset: 0;
  }
}
@keyframes upload-control-flash-keyframes {
  0% {
    border-radius: 0.1rem;
    outline: 0 transparent solid;
    outline-offset: 0;
  }
  50% {
    border-radius: 0.1rem;
    outline: 0.4rem #9399ff solid;
    outline-offset: 0.3rem;
  }
  100% {
    border-radius: 0.1rem;
    outline: 0 transparent solid;
    outline-offset: 0;
  }
}
* {
  box-sizing: border-box;
}
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
input[type=search],
video {
  margin: 0;
  padding: 0;
  font-family: Nunito, sans-serif;
  font-size: 100%;
  vertical-align: baseline;
  border: 0;
}
input[type=search]::-webkit-search-cancel-button {
  display: none;
}
input[type=search]::-webkit-search-decoration {
  display: none;
}
input[type=search]:focus-visible {
  border: none;
  outline: none;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
body {
  line-height: 1;
}
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote::before,
blockquote::after,
q::before,
q::after {
  content: none;
}
table {
  border-spacing: 0;
  border-collapse: collapse;
}
a {
  cursor: pointer;
  color: #636bf6;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
button {
  cursor: pointer;
  font-family: Nunito, sans-serif;
  background-color: transparent;
  border: 0;
  outline: 0;
}
html,
body {
  overflow-x: hidden;
  margin: 0;
  padding: 0;
  font-family: Nunito, sans-serif;
}
@document url-prefix() {
  :root {
    scrollbar-color: #636bf6 transparent;
  }
}
@supports (-moz-appearance: none) {
  :root {
    scrollbar-color: #636bf6 transparent;
  }
}
::-webkit-scrollbar {
  width: 14px;
}
::-webkit-scrollbar-thumb {
  background: #636bf6;
  background-clip: padding-box;
  border: 4px solid transparent;
  border-radius: 14px;
  box-shadow: none;
}
::-webkit-scrollbar-thumb:hover {
  background-color: #31357a;
}
::-webkit-scrollbar-track {
  margin-top: 4px;
  margin-bottom: 4px;
  background: transparent;
  border: none;
}
html {
  --mat-sys-on-surface: initial;
}
.mat-app-background {
  background-color: var(--mat-app-background-color, var(--mat-sys-background, transparent));
  color: var(--mat-app-text-color, var(--mat-sys-on-background, inherit));
}
.mat-elevation-z0,
.mat-mdc-elevation-specific.mat-elevation-z0 {
  box-shadow: var(--mat-app-elevation-shadow-level-0, 0px 0px 0px 0px --mat-sys-shadow, 0px 0px 0px 0px --mat-sys-shadow, 0px 0px 0px 0px --mat-sys-shadow);
}
.mat-elevation-z1,
.mat-mdc-elevation-specific.mat-elevation-z1 {
  box-shadow: var(--mat-app-elevation-shadow-level-1, 0px 2px 1px -1px --mat-sys-shadow, 0px 1px 1px 0px --mat-sys-shadow, 0px 1px 3px 0px --mat-sys-shadow);
}
.mat-elevation-z2,
.mat-mdc-elevation-specific.mat-elevation-z2 {
  box-shadow: var(--mat-app-elevation-shadow-level-2, 0px 3px 1px -2px --mat-sys-shadow, 0px 2px 2px 0px --mat-sys-shadow, 0px 1px 5px 0px --mat-sys-shadow);
}
.mat-elevation-z3,
.mat-mdc-elevation-specific.mat-elevation-z3 {
  box-shadow: var(--mat-app-elevation-shadow-level-3, 0px 3px 3px -2px --mat-sys-shadow, 0px 3px 4px 0px --mat-sys-shadow, 0px 1px 8px 0px --mat-sys-shadow);
}
.mat-elevation-z4,
.mat-mdc-elevation-specific.mat-elevation-z4 {
  box-shadow: var(--mat-app-elevation-shadow-level-4, 0px 2px 4px -1px --mat-sys-shadow, 0px 4px 5px 0px --mat-sys-shadow, 0px 1px 10px 0px --mat-sys-shadow);
}
.mat-elevation-z5,
.mat-mdc-elevation-specific.mat-elevation-z5 {
  box-shadow: var(--mat-app-elevation-shadow-level-5, 0px 3px 5px -1px --mat-sys-shadow, 0px 5px 8px 0px --mat-sys-shadow, 0px 1px 14px 0px --mat-sys-shadow);
}
.mat-elevation-z6,
.mat-mdc-elevation-specific.mat-elevation-z6 {
  box-shadow: var(--mat-app-elevation-shadow-level-6, 0px 3px 5px -1px --mat-sys-shadow, 0px 6px 10px 0px --mat-sys-shadow, 0px 1px 18px 0px --mat-sys-shadow);
}
.mat-elevation-z7,
.mat-mdc-elevation-specific.mat-elevation-z7 {
  box-shadow: var(--mat-app-elevation-shadow-level-7, 0px 4px 5px -2px --mat-sys-shadow, 0px 7px 10px 1px --mat-sys-shadow, 0px 2px 16px 1px --mat-sys-shadow);
}
.mat-elevation-z8,
.mat-mdc-elevation-specific.mat-elevation-z8 {
  box-shadow: var(--mat-app-elevation-shadow-level-8, 0px 5px 5px -3px --mat-sys-shadow, 0px 8px 10px 1px --mat-sys-shadow, 0px 3px 14px 2px --mat-sys-shadow);
}
.mat-elevation-z9,
.mat-mdc-elevation-specific.mat-elevation-z9 {
  box-shadow: var(--mat-app-elevation-shadow-level-9, 0px 5px 6px -3px --mat-sys-shadow, 0px 9px 12px 1px --mat-sys-shadow, 0px 3px 16px 2px --mat-sys-shadow);
}
.mat-elevation-z10,
.mat-mdc-elevation-specific.mat-elevation-z10 {
  box-shadow: var(--mat-app-elevation-shadow-level-10, 0px 6px 6px -3px --mat-sys-shadow, 0px 10px 14px 1px --mat-sys-shadow, 0px 4px 18px 3px --mat-sys-shadow);
}
.mat-elevation-z11,
.mat-mdc-elevation-specific.mat-elevation-z11 {
  box-shadow: var(--mat-app-elevation-shadow-level-11, 0px 6px 7px -4px --mat-sys-shadow, 0px 11px 15px 1px --mat-sys-shadow, 0px 4px 20px 3px --mat-sys-shadow);
}
.mat-elevation-z12,
.mat-mdc-elevation-specific.mat-elevation-z12 {
  box-shadow: var(--mat-app-elevation-shadow-level-12, 0px 7px 8px -4px --mat-sys-shadow, 0px 12px 17px 2px --mat-sys-shadow, 0px 5px 22px 4px --mat-sys-shadow);
}
.mat-elevation-z13,
.mat-mdc-elevation-specific.mat-elevation-z13 {
  box-shadow: var(--mat-app-elevation-shadow-level-13, 0px 7px 8px -4px --mat-sys-shadow, 0px 13px 19px 2px --mat-sys-shadow, 0px 5px 24px 4px --mat-sys-shadow);
}
.mat-elevation-z14,
.mat-mdc-elevation-specific.mat-elevation-z14 {
  box-shadow: var(--mat-app-elevation-shadow-level-14, 0px 7px 9px -4px --mat-sys-shadow, 0px 14px 21px 2px --mat-sys-shadow, 0px 5px 26px 4px --mat-sys-shadow);
}
.mat-elevation-z15,
.mat-mdc-elevation-specific.mat-elevation-z15 {
  box-shadow: var(--mat-app-elevation-shadow-level-15, 0px 8px 9px -5px --mat-sys-shadow, 0px 15px 22px 2px --mat-sys-shadow, 0px 6px 28px 5px --mat-sys-shadow);
}
.mat-elevation-z16,
.mat-mdc-elevation-specific.mat-elevation-z16 {
  box-shadow: var(--mat-app-elevation-shadow-level-16, 0px 8px 10px -5px --mat-sys-shadow, 0px 16px 24px 2px --mat-sys-shadow, 0px 6px 30px 5px --mat-sys-shadow);
}
.mat-elevation-z17,
.mat-mdc-elevation-specific.mat-elevation-z17 {
  box-shadow: var(--mat-app-elevation-shadow-level-17, 0px 8px 11px -5px --mat-sys-shadow, 0px 17px 26px 2px --mat-sys-shadow, 0px 6px 32px 5px --mat-sys-shadow);
}
.mat-elevation-z18,
.mat-mdc-elevation-specific.mat-elevation-z18 {
  box-shadow: var(--mat-app-elevation-shadow-level-18, 0px 9px 11px -5px --mat-sys-shadow, 0px 18px 28px 2px --mat-sys-shadow, 0px 7px 34px 6px --mat-sys-shadow);
}
.mat-elevation-z19,
.mat-mdc-elevation-specific.mat-elevation-z19 {
  box-shadow: var(--mat-app-elevation-shadow-level-19, 0px 9px 12px -6px --mat-sys-shadow, 0px 19px 29px 2px --mat-sys-shadow, 0px 7px 36px 6px --mat-sys-shadow);
}
.mat-elevation-z20,
.mat-mdc-elevation-specific.mat-elevation-z20 {
  box-shadow: var(--mat-app-elevation-shadow-level-20, 0px 10px 13px -6px --mat-sys-shadow, 0px 20px 31px 3px --mat-sys-shadow, 0px 8px 38px 7px --mat-sys-shadow);
}
.mat-elevation-z21,
.mat-mdc-elevation-specific.mat-elevation-z21 {
  box-shadow: var(--mat-app-elevation-shadow-level-21, 0px 10px 13px -6px --mat-sys-shadow, 0px 21px 33px 3px --mat-sys-shadow, 0px 8px 40px 7px --mat-sys-shadow);
}
.mat-elevation-z22,
.mat-mdc-elevation-specific.mat-elevation-z22 {
  box-shadow: var(--mat-app-elevation-shadow-level-22, 0px 10px 14px -6px --mat-sys-shadow, 0px 22px 35px 3px --mat-sys-shadow, 0px 8px 42px 7px --mat-sys-shadow);
}
.mat-elevation-z23,
.mat-mdc-elevation-specific.mat-elevation-z23 {
  box-shadow: var(--mat-app-elevation-shadow-level-23, 0px 11px 14px -7px --mat-sys-shadow, 0px 23px 36px 3px --mat-sys-shadow, 0px 9px 44px 8px --mat-sys-shadow);
}
.mat-elevation-z24,
.mat-mdc-elevation-specific.mat-elevation-z24 {
  box-shadow: var(--mat-app-elevation-shadow-level-24, 0px 11px 15px -7px --mat-sys-shadow, 0px 24px 38px 3px --mat-sys-shadow, 0px 9px 46px 8px --mat-sys-shadow);
}
html {
  --mat-app-background-color: #fafafa;
  --mat-app-text-color: rgba(0, 0, 0, 0.87);
  --mat-app-elevation-shadow-level-0:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-1:
    0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-2:
    0px 3px 1px -2px rgba(0, 0, 0, 0.2),
    0px 2px 2px 0px rgba(0, 0, 0, 0.14),
    0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-3:
    0px 3px 3px -2px rgba(0, 0, 0, 0.2),
    0px 3px 4px 0px rgba(0, 0, 0, 0.14),
    0px 1px 8px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-4:
    0px 2px 4px -1px rgba(0, 0, 0, 0.2),
    0px 4px 5px 0px rgba(0, 0, 0, 0.14),
    0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-5:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 5px 8px 0px rgba(0, 0, 0, 0.14),
    0px 1px 14px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-6:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-7:
    0px 4px 5px -2px rgba(0, 0, 0, 0.2),
    0px 7px 10px 1px rgba(0, 0, 0, 0.14),
    0px 2px 16px 1px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-8:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-9:
    0px 5px 6px -3px rgba(0, 0, 0, 0.2),
    0px 9px 12px 1px rgba(0, 0, 0, 0.14),
    0px 3px 16px 2px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-10:
    0px 6px 6px -3px rgba(0, 0, 0, 0.2),
    0px 10px 14px 1px rgba(0, 0, 0, 0.14),
    0px 4px 18px 3px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-11:
    0px 6px 7px -4px rgba(0, 0, 0, 0.2),
    0px 11px 15px 1px rgba(0, 0, 0, 0.14),
    0px 4px 20px 3px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-12:
    0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 12px 17px 2px rgba(0, 0, 0, 0.14),
    0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-13:
    0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 13px 19px 2px rgba(0, 0, 0, 0.14),
    0px 5px 24px 4px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-14:
    0px 7px 9px -4px rgba(0, 0, 0, 0.2),
    0px 14px 21px 2px rgba(0, 0, 0, 0.14),
    0px 5px 26px 4px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-15:
    0px 8px 9px -5px rgba(0, 0, 0, 0.2),
    0px 15px 22px 2px rgba(0, 0, 0, 0.14),
    0px 6px 28px 5px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-16:
    0px 8px 10px -5px rgba(0, 0, 0, 0.2),
    0px 16px 24px 2px rgba(0, 0, 0, 0.14),
    0px 6px 30px 5px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-17:
    0px 8px 11px -5px rgba(0, 0, 0, 0.2),
    0px 17px 26px 2px rgba(0, 0, 0, 0.14),
    0px 6px 32px 5px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-18:
    0px 9px 11px -5px rgba(0, 0, 0, 0.2),
    0px 18px 28px 2px rgba(0, 0, 0, 0.14),
    0px 7px 34px 6px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-19:
    0px 9px 12px -6px rgba(0, 0, 0, 0.2),
    0px 19px 29px 2px rgba(0, 0, 0, 0.14),
    0px 7px 36px 6px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-20:
    0px 10px 13px -6px rgba(0, 0, 0, 0.2),
    0px 20px 31px 3px rgba(0, 0, 0, 0.14),
    0px 8px 38px 7px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-21:
    0px 10px 13px -6px rgba(0, 0, 0, 0.2),
    0px 21px 33px 3px rgba(0, 0, 0, 0.14),
    0px 8px 40px 7px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-22:
    0px 10px 14px -6px rgba(0, 0, 0, 0.2),
    0px 22px 35px 3px rgba(0, 0, 0, 0.14),
    0px 8px 42px 7px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-23:
    0px 11px 14px -7px rgba(0, 0, 0, 0.2),
    0px 23px 36px 3px rgba(0, 0, 0, 0.14),
    0px 9px 44px 8px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-24:
    0px 11px 15px -7px rgba(0, 0, 0, 0.2),
    0px 24px 38px 3px rgba(0, 0, 0, 0.14),
    0px 9px 46px 8px rgba(0, 0, 0, 0.12);
  --mat-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-label-text-color: #673ab7;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.mat-accent {
  --mat-option-selected-state-label-text-color: #ffd740;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.mat-warn {
  --mat-option-selected-state-label-text-color: #f44336;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
html {
  --mat-optgroup-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-pseudo-checkbox-full-selected-icon-color: #ffd740;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #ffd740;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.mat-primary {
  --mat-pseudo-checkbox-full-selected-icon-color: #673ab7;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #673ab7;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.mat-accent {
  --mat-pseudo-checkbox-full-selected-icon-color: #ffd740;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #ffd740;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.mat-warn {
  --mat-pseudo-checkbox-full-selected-icon-color: #f44336;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #f44336;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
html {
  --mat-option-label-text-font: Roboto, sans-serif;
  --mat-option-label-text-line-height: 24px;
  --mat-option-label-text-size: 16px;
  --mat-option-label-text-tracking: 0.03125em;
  --mat-option-label-text-weight: 400;
  --mat-optgroup-label-text-font: Roboto, sans-serif;
  --mat-optgroup-label-text-line-height: 24px;
  --mat-optgroup-label-text-size: 16px;
  --mat-optgroup-label-text-tracking: 0.03125em;
  --mat-optgroup-label-text-weight: 400;
  --mat-card-elevated-container-shape: 4px;
  --mat-card-outlined-container-shape: 4px;
  --mat-card-filled-container-shape: 4px;
  --mat-card-outlined-outline-width: 1px;
  --mat-card-elevated-container-color: white;
  --mat-card-elevated-container-elevation:
    0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-card-outlined-container-color: white;
  --mat-card-outlined-container-elevation:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-card-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-card-subtitle-text-color: rgba(0, 0, 0, 0.54);
  --mat-card-filled-container-color: white;
  --mat-card-filled-container-elevation:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-card-title-text-font: Roboto, sans-serif;
  --mat-card-title-text-line-height: 32px;
  --mat-card-title-text-size: 20px;
  --mat-card-title-text-tracking: 0.0125em;
  --mat-card-title-text-weight: 500;
  --mat-card-subtitle-text-font: Roboto, sans-serif;
  --mat-card-subtitle-text-line-height: 22px;
  --mat-card-subtitle-text-size: 14px;
  --mat-card-subtitle-text-tracking: 0.0071428571em;
  --mat-card-subtitle-text-weight: 500;
  --mat-progress-bar-active-indicator-height: 4px;
  --mat-progress-bar-track-height: 4px;
  --mat-progress-bar-track-shape: 0;
}
.mat-mdc-progress-bar {
  --mat-progress-bar-active-indicator-color: #673ab7;
  --mat-progress-bar-track-color: rgba(103, 58, 183, 0.25);
}
.mat-mdc-progress-bar.mat-accent {
  --mat-progress-bar-active-indicator-color: #ffd740;
  --mat-progress-bar-track-color: rgba(255, 215, 64, 0.25);
}
.mat-mdc-progress-bar.mat-warn {
  --mat-progress-bar-active-indicator-color: #f44336;
  --mat-progress-bar-track-color: rgba(244, 67, 54, 0.25);
}
html {
  --mat-tooltip-container-shape: 4px;
  --mat-tooltip-supporting-text-line-height: 16px;
  --mat-tooltip-container-color: #424242;
  --mat-tooltip-supporting-text-color: white;
  --mat-tooltip-supporting-text-font: Roboto, sans-serif;
  --mat-tooltip-supporting-text-size: 12px;
  --mat-tooltip-supporting-text-weight: 400;
  --mat-tooltip-supporting-text-tracking: 0.0333333333em;
  --mat-form-field-filled-active-indicator-height: 1px;
  --mat-form-field-filled-focus-active-indicator-height: 2px;
  --mat-form-field-filled-container-shape: 4px;
  --mat-form-field-outlined-outline-width: 1px;
  --mat-form-field-outlined-focus-outline-width: 2px;
  --mat-form-field-outlined-container-shape: 4px;
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #673ab7 87%, transparent);
  --mat-form-field-filled-caret-color: #673ab7;
  --mat-form-field-filled-focus-active-indicator-color: #673ab7;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #673ab7 87%, transparent);
  --mat-form-field-outlined-caret-color: #673ab7;
  --mat-form-field-outlined-focus-outline-color: #673ab7;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #673ab7 87%, transparent);
  --mat-form-field-disabled-input-text-placeholder-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-error-text-color: #f44336;
  --mat-form-field-select-option-text-color: inherit;
  --mat-form-field-select-disabled-option-text-color: GrayText;
  --mat-form-field-leading-icon-color: unset;
  --mat-form-field-disabled-leading-icon-color: unset;
  --mat-form-field-trailing-icon-color: unset;
  --mat-form-field-disabled-trailing-icon-color: unset;
  --mat-form-field-error-focus-trailing-icon-color: unset;
  --mat-form-field-error-hover-trailing-icon-color: unset;
  --mat-form-field-error-trailing-icon-color: unset;
  --mat-form-field-enabled-select-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-disabled-select-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-hover-state-layer-opacity: 0.04;
  --mat-form-field-focus-state-layer-opacity: 0.12;
  --mat-form-field-filled-container-color: #f6f6f6;
  --mat-form-field-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-form-field-filled-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-error-hover-label-text-color: #f44336;
  --mat-form-field-filled-error-focus-label-text-color: #f44336;
  --mat-form-field-filled-error-label-text-color: #f44336;
  --mat-form-field-filled-error-caret-color: #f44336;
  --mat-form-field-filled-active-indicator-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-active-indicator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-filled-hover-active-indicator-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-error-active-indicator-color: #f44336;
  --mat-form-field-filled-error-focus-active-indicator-color: #f44336;
  --mat-form-field-filled-error-hover-active-indicator-color: #f44336;
  --mat-form-field-outlined-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-error-caret-color: #f44336;
  --mat-form-field-outlined-error-focus-label-text-color: #f44336;
  --mat-form-field-outlined-error-label-text-color: #f44336;
  --mat-form-field-outlined-error-hover-label-text-color: #f44336;
  --mat-form-field-outlined-outline-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-outlined-disabled-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-outlined-hover-outline-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-error-focus-outline-color: #f44336;
  --mat-form-field-outlined-error-hover-outline-color: #f44336;
  --mat-form-field-outlined-error-outline-color: #f44336;
}
.mat-mdc-form-field.mat-accent {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #ffd740 87%, transparent);
  --mat-form-field-filled-caret-color: #ffd740;
  --mat-form-field-filled-focus-active-indicator-color: #ffd740;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #ffd740 87%, transparent);
  --mat-form-field-outlined-caret-color: #ffd740;
  --mat-form-field-outlined-focus-outline-color: #ffd740;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #ffd740 87%, transparent);
}
.mat-mdc-form-field.mat-warn {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #f44336 87%, transparent);
  --mat-form-field-filled-caret-color: #f44336;
  --mat-form-field-filled-focus-active-indicator-color: #f44336;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #f44336 87%, transparent);
  --mat-form-field-outlined-caret-color: #f44336;
  --mat-form-field-outlined-focus-outline-color: #f44336;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #f44336 87%, transparent);
}
html {
  --mat-form-field-container-height: 56px;
  --mat-form-field-filled-label-display: block;
  --mat-form-field-container-vertical-padding: 16px;
  --mat-form-field-filled-with-label-container-padding-top: 24px;
  --mat-form-field-filled-with-label-container-padding-bottom: 8px;
  --mat-form-field-container-text-font: Roboto, sans-serif;
  --mat-form-field-container-text-line-height: 24px;
  --mat-form-field-container-text-size: 16px;
  --mat-form-field-container-text-tracking: 0.03125em;
  --mat-form-field-container-text-weight: 400;
  --mat-form-field-outlined-label-text-populated-size: 16px;
  --mat-form-field-subscript-text-font: Roboto, sans-serif;
  --mat-form-field-subscript-text-line-height: 20px;
  --mat-form-field-subscript-text-size: 12px;
  --mat-form-field-subscript-text-tracking: 0.0333333333em;
  --mat-form-field-subscript-text-weight: 400;
  --mat-form-field-filled-label-text-font: Roboto, sans-serif;
  --mat-form-field-filled-label-text-size: 16px;
  --mat-form-field-filled-label-text-tracking: 0.03125em;
  --mat-form-field-filled-label-text-weight: 400;
  --mat-form-field-outlined-label-text-font: Roboto, sans-serif;
  --mat-form-field-outlined-label-text-size: 16px;
  --mat-form-field-outlined-label-text-tracking: 0.03125em;
  --mat-form-field-outlined-label-text-weight: 400;
  --mat-select-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #673ab7;
  --mat-select-invalid-arrow-color: #f44336;
}
.mat-mdc-form-field.mat-accent {
  --mat-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #ffd740;
  --mat-select-invalid-arrow-color: #f44336;
}
.mat-mdc-form-field.mat-warn {
  --mat-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #f44336;
  --mat-select-invalid-arrow-color: #f44336;
}
html {
  --mat-select-arrow-transform: translateY(-8px);
  --mat-select-trigger-text-font: Roboto, sans-serif;
  --mat-select-trigger-text-line-height: 24px;
  --mat-select-trigger-text-size: 16px;
  --mat-select-trigger-text-tracking: 0.03125em;
  --mat-select-trigger-text-weight: 400;
  --mat-autocomplete-container-shape: 4px;
  --mat-autocomplete-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-autocomplete-background-color: white;
  --mat-dialog-container-shape: 4px;
  --mat-dialog-container-elevation-shadow:
    0px 11px 15px -7px rgba(0, 0, 0, 0.2),
    0px 24px 38px 3px rgba(0, 0, 0, 0.14),
    0px 9px 46px 8px rgba(0, 0, 0, 0.12);
  --mat-dialog-container-max-width: 80vw;
  --mat-dialog-container-small-max-width: 80vw;
  --mat-dialog-container-min-width: 0;
  --mat-dialog-actions-alignment: start;
  --mat-dialog-actions-padding: 8px;
  --mat-dialog-content-padding: 20px 24px;
  --mat-dialog-with-actions-content-padding: 20px 24px;
  --mat-dialog-headline-padding: 0 24px 9px;
  --mat-dialog-container-color: white;
  --mat-dialog-subhead-color: rgba(0, 0, 0, 0.87);
  --mat-dialog-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-dialog-subhead-font: Roboto, sans-serif;
  --mat-dialog-subhead-line-height: 32px;
  --mat-dialog-subhead-size: 20px;
  --mat-dialog-subhead-weight: 500;
  --mat-dialog-subhead-tracking: 0.0125em;
  --mat-dialog-supporting-text-font: Roboto, sans-serif;
  --mat-dialog-supporting-text-line-height: 24px;
  --mat-dialog-supporting-text-size: 16px;
  --mat-dialog-supporting-text-weight: 400;
  --mat-dialog-supporting-text-tracking: 0.03125em;
}
.mat-mdc-standard-chip {
  --mat-chip-container-shape-radius: 16px;
  --mat-chip-disabled-container-opacity: 0.4;
  --mat-chip-disabled-outline-color: transparent;
  --mat-chip-flat-selected-outline-width: 0;
  --mat-chip-focus-outline-color: transparent;
  --mat-chip-hover-state-layer-opacity: 0.04;
  --mat-chip-outline-color: transparent;
  --mat-chip-outline-width: 0;
  --mat-chip-selected-hover-state-layer-opacity: 0.04;
  --mat-chip-selected-trailing-action-state-layer-color: transparent;
  --mat-chip-trailing-action-focus-opacity: 1;
  --mat-chip-trailing-action-focus-state-layer-opacity: 0;
  --mat-chip-trailing-action-hover-state-layer-opacity: 0;
  --mat-chip-trailing-action-opacity: 0.54;
  --mat-chip-trailing-action-state-layer-color: transparent;
  --mat-chip-with-avatar-avatar-shape-radius: 14px;
  --mat-chip-with-avatar-avatar-size: 28px;
  --mat-chip-with-avatar-disabled-avatar-opacity: 1;
  --mat-chip-with-icon-disabled-icon-opacity: 1;
  --mat-chip-with-icon-icon-size: 18px;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-opacity: 1;
  --mat-chip-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-elevated-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-flat-disabled-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-disabled-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-trailing-icon-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary,
.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
  --mat-chip-disabled-label-text-color: white;
  --mat-chip-elevated-container-color: #673ab7;
  --mat-chip-elevated-disabled-container-color: #673ab7;
  --mat-chip-elevated-selected-container-color: #673ab7;
  --mat-chip-flat-disabled-selected-container-color: #673ab7;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: white;
  --mat-chip-selected-disabled-trailing-icon-color: white;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: white;
  --mat-chip-selected-trailing-icon-color: white;
  --mat-chip-with-icon-disabled-icon-color: white;
  --mat-chip-with-icon-icon-color: white;
  --mat-chip-with-icon-selected-icon-color: white;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: white;
  --mat-chip-with-trailing-icon-trailing-icon-color: white;
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent,
.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
  --mat-chip-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-elevated-container-color: #ffd740;
  --mat-chip-elevated-disabled-container-color: #ffd740;
  --mat-chip-elevated-selected-container-color: #ffd740;
  --mat-chip-flat-disabled-selected-container-color: #ffd740;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-disabled-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-trailing-icon-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn,
.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
  --mat-chip-disabled-label-text-color: white;
  --mat-chip-elevated-container-color: #f44336;
  --mat-chip-elevated-disabled-container-color: #f44336;
  --mat-chip-elevated-selected-container-color: #f44336;
  --mat-chip-flat-disabled-selected-container-color: #f44336;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: white;
  --mat-chip-selected-disabled-trailing-icon-color: white;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: white;
  --mat-chip-selected-trailing-icon-color: white;
  --mat-chip-with-icon-disabled-icon-color: white;
  --mat-chip-with-icon-icon-color: white;
  --mat-chip-with-icon-selected-icon-color: white;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: white;
  --mat-chip-with-trailing-icon-trailing-icon-color: white;
}
.mat-mdc-chip.mat-mdc-standard-chip {
  --mat-chip-container-height: 32px;
}
.mat-mdc-standard-chip {
  --mat-chip-label-text-font: Roboto, sans-serif;
  --mat-chip-label-text-line-height: 20px;
  --mat-chip-label-text-size: 14px;
  --mat-chip-label-text-tracking: 0.0178571429em;
  --mat-chip-label-text-weight: 400;
}
html {
  --mat-slide-toggle-disabled-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-track-opacity: 0.12;
  --mat-slide-toggle-disabled-unselected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-track-outline-color: transparent;
  --mat-slide-toggle-disabled-unselected-track-outline-width: 1px;
  --mat-slide-toggle-handle-height: 20px;
  --mat-slide-toggle-handle-shape: 10px;
  --mat-slide-toggle-handle-width: 20px;
  --mat-slide-toggle-hidden-track-opacity: 1;
  --mat-slide-toggle-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-slide-toggle-pressed-handle-size: 20px;
  --mat-slide-toggle-selected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-handle-size: 20px;
  --mat-slide-toggle-selected-hover-state-layer-opacity: 0.04;
  --mat-slide-toggle-selected-icon-size: 18px;
  --mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-track-outline-color: transparent;
  --mat-slide-toggle-selected-track-outline-width: 1px;
  --mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-track-height: 14px;
  --mat-slide-toggle-track-outline-color: transparent;
  --mat-slide-toggle-track-outline-width: 1px;
  --mat-slide-toggle-track-shape: 7px;
  --mat-slide-toggle-track-width: 36px;
  --mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-handle-size: 20px;
  --mat-slide-toggle-unselected-hover-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-icon-size: 18px;
  --mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.1;
  --mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-visible-track-opacity: 1;
  --mat-slide-toggle-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-slide-toggle-with-icon-handle-size: 20px;
  --mat-slide-toggle-touch-target-size: 48px;
  --mat-slide-toggle-selected-icon-color: white;
  --mat-slide-toggle-disabled-selected-icon-color: white;
  --mat-slide-toggle-selected-focus-state-layer-color: #673ab7;
  --mat-slide-toggle-selected-handle-color: #673ab7;
  --mat-slide-toggle-selected-hover-state-layer-color: #673ab7;
  --mat-slide-toggle-selected-pressed-state-layer-color: #673ab7;
  --mat-slide-toggle-selected-focus-handle-color: #673ab7;
  --mat-slide-toggle-selected-hover-handle-color: #673ab7;
  --mat-slide-toggle-selected-pressed-handle-color: #673ab7;
  --mat-slide-toggle-selected-focus-track-color: #9575cd;
  --mat-slide-toggle-selected-hover-track-color: #9575cd;
  --mat-slide-toggle-selected-pressed-track-color: #9575cd;
  --mat-slide-toggle-selected-track-color: #9575cd;
  --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-slide-toggle-disabled-handle-elevation-shadow:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-disabled-selected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-disabled-unselected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-handle-elevation-shadow:
    0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-handle-surface-color: white;
  --mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-focus-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-unselected-handle-color: rgba(0, 0, 0, 0.54);
  --mat-slide-toggle-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-handle-color: #424242;
  --mat-slide-toggle-unselected-pressed-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-track-color: rgba(0, 0, 0, 0.12);
}
.mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-selected-focus-state-layer-color: #ffd740;
  --mat-slide-toggle-selected-handle-color: #ffd740;
  --mat-slide-toggle-selected-hover-state-layer-color: #ffd740;
  --mat-slide-toggle-selected-pressed-state-layer-color: #ffd740;
  --mat-slide-toggle-selected-focus-handle-color: #ffd740;
  --mat-slide-toggle-selected-hover-handle-color: #ffd740;
  --mat-slide-toggle-selected-pressed-handle-color: #ffd740;
  --mat-slide-toggle-selected-focus-track-color: #ffd54f;
  --mat-slide-toggle-selected-hover-track-color: #ffd54f;
  --mat-slide-toggle-selected-pressed-track-color: #ffd54f;
  --mat-slide-toggle-selected-track-color: #ffd54f;
}
.mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-icon-color: white;
  --mat-slide-toggle-disabled-selected-icon-color: white;
  --mat-slide-toggle-selected-focus-state-layer-color: #f44336;
  --mat-slide-toggle-selected-handle-color: #f44336;
  --mat-slide-toggle-selected-hover-state-layer-color: #f44336;
  --mat-slide-toggle-selected-pressed-state-layer-color: #f44336;
  --mat-slide-toggle-selected-focus-handle-color: #f44336;
  --mat-slide-toggle-selected-hover-handle-color: #f44336;
  --mat-slide-toggle-selected-pressed-handle-color: #f44336;
  --mat-slide-toggle-selected-focus-track-color: #e57373;
  --mat-slide-toggle-selected-hover-track-color: #e57373;
  --mat-slide-toggle-selected-pressed-track-color: #e57373;
  --mat-slide-toggle-selected-track-color: #e57373;
}
html {
  --mat-slide-toggle-state-layer-size: 40px;
  --mat-slide-toggle-touch-target-display: block;
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
html .mat-mdc-slide-toggle {
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
html {
  --mat-radio-disabled-selected-icon-opacity: 0.38;
  --mat-radio-disabled-unselected-icon-opacity: 0.38;
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-size: 48px;
}
.mat-mdc-radio-button.mat-primary {
  --mat-radio-checked-ripple-color: #673ab7;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #673ab7;
  --mat-radio-selected-hover-icon-color: #673ab7;
  --mat-radio-selected-icon-color: #673ab7;
  --mat-radio-selected-pressed-icon-color: #673ab7;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-radio-button.mat-accent {
  --mat-radio-checked-ripple-color: #ffd740;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #ffd740;
  --mat-radio-selected-hover-icon-color: #ffd740;
  --mat-radio-selected-icon-color: #ffd740;
  --mat-radio-selected-pressed-icon-color: #ffd740;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-radio-button.mat-warn {
  --mat-radio-checked-ripple-color: #f44336;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #f44336;
  --mat-radio-selected-hover-icon-color: #f44336;
  --mat-radio-selected-icon-color: #f44336;
  --mat-radio-selected-pressed-icon-color: #f44336;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
html {
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
  --mat-radio-label-text-font: Roboto, sans-serif;
  --mat-radio-label-text-line-height: 20px;
  --mat-radio-label-text-size: 14px;
  --mat-radio-label-text-tracking: 0.0178571429em;
  --mat-radio-label-text-weight: 400;
  --mat-slider-active-track-height: 6px;
  --mat-slider-active-track-shape: 9999px;
  --mat-slider-handle-elevation:
    0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-slider-handle-height: 20px;
  --mat-slider-handle-shape: 50%;
  --mat-slider-handle-width: 20px;
  --mat-slider-inactive-track-height: 4px;
  --mat-slider-inactive-track-shape: 9999px;
  --mat-slider-value-indicator-border-radius: 4px;
  --mat-slider-value-indicator-caret-display: block;
  --mat-slider-value-indicator-container-transform: translateX(-50%);
  --mat-slider-value-indicator-height: 32px;
  --mat-slider-value-indicator-padding: 0 12px;
  --mat-slider-value-indicator-text-transform: none;
  --mat-slider-value-indicator-width: auto;
  --mat-slider-with-overlap-handle-outline-width: 1px;
  --mat-slider-with-tick-marks-active-container-opacity: 0.6;
  --mat-slider-with-tick-marks-container-shape: 50%;
  --mat-slider-with-tick-marks-container-size: 2px;
  --mat-slider-with-tick-marks-inactive-container-opacity: 0.6;
  --mat-slider-value-indicator-transform-origin: bottom;
  --mat-slider-active-track-color: #673ab7;
  --mat-slider-focus-handle-color: #673ab7;
  --mat-slider-handle-color: #673ab7;
  --mat-slider-hover-handle-color: #673ab7;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #673ab7 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #673ab7 4%, transparent);
  --mat-slider-inactive-track-color: #673ab7;
  --mat-slider-ripple-color: #673ab7;
  --mat-slider-with-tick-marks-active-container-color: white;
  --mat-slider-with-tick-marks-inactive-container-color: #673ab7;
  --mat-slider-disabled-active-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-inactive-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-label-container-color: #424242;
  --mat-slider-label-label-text-color: white;
  --mat-slider-value-indicator-opacity: 1;
  --mat-slider-with-overlap-handle-outline-color: rgba(0, 0, 0, 0.87);
  --mat-slider-with-tick-marks-disabled-container-color: rgba(0, 0, 0, 0.87);
}
.mat-accent {
  --mat-slider-active-track-color: #ffd740;
  --mat-slider-focus-handle-color: #ffd740;
  --mat-slider-handle-color: #ffd740;
  --mat-slider-hover-handle-color: #ffd740;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #ffd740 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #ffd740 4%, transparent);
  --mat-slider-inactive-track-color: #ffd740;
  --mat-slider-ripple-color: #ffd740;
  --mat-slider-with-tick-marks-active-container-color: rgba(0, 0, 0, 0.87);
  --mat-slider-with-tick-marks-inactive-container-color: #ffd740;
}
.mat-warn {
  --mat-slider-active-track-color: #f44336;
  --mat-slider-focus-handle-color: #f44336;
  --mat-slider-handle-color: #f44336;
  --mat-slider-hover-handle-color: #f44336;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #f44336 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #f44336 4%, transparent);
  --mat-slider-inactive-track-color: #f44336;
  --mat-slider-ripple-color: #f44336;
  --mat-slider-with-tick-marks-active-container-color: white;
  --mat-slider-with-tick-marks-inactive-container-color: #f44336;
}
html {
  --mat-slider-label-label-text-font: Roboto, sans-serif;
  --mat-slider-label-label-text-size: 14px;
  --mat-slider-label-label-text-line-height: 22px;
  --mat-slider-label-label-text-tracking: 0.0071428571em;
  --mat-slider-label-label-text-weight: 500;
  --mat-menu-container-shape: 4px;
  --mat-menu-divider-bottom-spacing: 0;
  --mat-menu-divider-top-spacing: 0;
  --mat-menu-item-spacing: 16px;
  --mat-menu-item-icon-size: 24px;
  --mat-menu-item-leading-spacing: 16px;
  --mat-menu-item-trailing-spacing: 16px;
  --mat-menu-item-with-icon-leading-spacing: 16px;
  --mat-menu-item-with-icon-trailing-spacing: 16px;
  --mat-menu-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-menu-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-menu-item-icon-color: rgba(0, 0, 0, 0.87);
  --mat-menu-item-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-menu-item-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-menu-container-color: white;
  --mat-menu-divider-color: rgba(0, 0, 0, 0.12);
  --mat-menu-item-label-text-font: Roboto, sans-serif;
  --mat-menu-item-label-text-size: 16px;
  --mat-menu-item-label-text-tracking: 0.03125em;
  --mat-menu-item-label-text-line-height: 24px;
  --mat-menu-item-label-text-weight: 400;
  --mat-list-active-indicator-color: transparent;
  --mat-list-active-indicator-shape: 4px;
  --mat-list-list-item-container-shape: 0;
  --mat-list-list-item-leading-avatar-shape: 50%;
  --mat-list-list-item-container-color: transparent;
  --mat-list-list-item-selected-container-color: transparent;
  --mat-list-list-item-leading-avatar-color: transparent;
  --mat-list-list-item-leading-icon-size: 24px;
  --mat-list-list-item-leading-avatar-size: 40px;
  --mat-list-list-item-trailing-icon-size: 24px;
  --mat-list-list-item-disabled-state-layer-color: transparent;
  --mat-list-list-item-disabled-state-layer-opacity: 0;
  --mat-list-list-item-disabled-label-text-opacity: 0.38;
  --mat-list-list-item-disabled-leading-icon-opacity: 0.38;
  --mat-list-list-item-disabled-trailing-icon-opacity: 0.38;
  --mat-list-list-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-leading-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-trailing-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-selected-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-disabled-leading-icon-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-leading-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-state-layer-opacity: 0.04;
  --mat-list-list-item-hover-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-focus-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-opacity: 0.12;
}
.mdc-list-item__start,
.mdc-list-item__end {
  --mat-radio-checked-ripple-color: #673ab7;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #673ab7;
  --mat-radio-selected-hover-icon-color: #673ab7;
  --mat-radio-selected-icon-color: #673ab7;
  --mat-radio-selected-pressed-icon-color: #673ab7;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.mat-accent .mdc-list-item__start,
.mat-accent .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #ffd740;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #ffd740;
  --mat-radio-selected-hover-icon-color: #ffd740;
  --mat-radio-selected-icon-color: #ffd740;
  --mat-radio-selected-pressed-icon-color: #ffd740;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.mat-warn .mdc-list-item__start,
.mat-warn .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #f44336;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #f44336;
  --mat-radio-selected-hover-icon-color: #f44336;
  --mat-radio-selected-icon-color: #f44336;
  --mat-radio-selected-pressed-icon-color: #f44336;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-list-option {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-icon-color: #673ab7;
  --mat-checkbox-selected-hover-icon-color: #673ab7;
  --mat-checkbox-selected-icon-color: #673ab7;
  --mat-checkbox-selected-pressed-icon-color: #673ab7;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #673ab7;
  --mat-checkbox-selected-hover-state-layer-color: #673ab7;
  --mat-checkbox-selected-pressed-state-layer-color: #673ab7;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-list-option.mat-accent {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-selected-focus-icon-color: #ffd740;
  --mat-checkbox-selected-hover-icon-color: #ffd740;
  --mat-checkbox-selected-icon-color: #ffd740;
  --mat-checkbox-selected-pressed-icon-color: #ffd740;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #ffd740;
  --mat-checkbox-selected-hover-state-layer-color: #ffd740;
  --mat-checkbox-selected-pressed-state-layer-color: #ffd740;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-list-option.mat-warn {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-icon-color: #f44336;
  --mat-checkbox-selected-hover-icon-color: #f44336;
  --mat-checkbox-selected-icon-color: #f44336;
  --mat-checkbox-selected-pressed-icon-color: #f44336;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #f44336;
  --mat-checkbox-selected-hover-state-layer-color: #f44336;
  --mat-checkbox-selected-pressed-state-layer-color: #f44336;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start,
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text,
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start {
  color: #673ab7;
}
.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end {
  opacity: 1;
}
html {
  --mat-list-list-item-leading-icon-start-space: 16px;
  --mat-list-list-item-leading-icon-end-space: 32px;
  --mat-list-list-item-one-line-container-height: 48px;
  --mat-list-list-item-two-line-container-height: 64px;
  --mat-list-list-item-three-line-container-height: 88px;
}
.mdc-list-item__start,
.mdc-list-item__end {
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
}
.mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line,
.mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line,
.mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line {
  height: 56px;
}
.mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines,
.mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines,
.mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines {
  height: 72px;
}
html {
  --mat-list-list-item-label-text-font: Roboto, sans-serif;
  --mat-list-list-item-label-text-line-height: 24px;
  --mat-list-list-item-label-text-size: 16px;
  --mat-list-list-item-label-text-tracking: 0.03125em;
  --mat-list-list-item-label-text-weight: 400;
  --mat-list-list-item-supporting-text-font: Roboto, sans-serif;
  --mat-list-list-item-supporting-text-line-height: 20px;
  --mat-list-list-item-supporting-text-size: 14px;
  --mat-list-list-item-supporting-text-tracking: 0.0178571429em;
  --mat-list-list-item-supporting-text-weight: 400;
  --mat-list-list-item-trailing-supporting-text-font: Roboto, sans-serif;
  --mat-list-list-item-trailing-supporting-text-line-height: 20px;
  --mat-list-list-item-trailing-supporting-text-size: 12px;
  --mat-list-list-item-trailing-supporting-text-tracking: 0.0333333333em;
  --mat-list-list-item-trailing-supporting-text-weight: 400;
}
.mdc-list-group__subheader {
  font: 400 16px/28px Roboto, sans-serif;
  letter-spacing: 0.009375em;
}
html {
  --mat-paginator-page-size-select-width: 84px;
  --mat-paginator-page-size-select-touch-target-height: 48px;
  --mat-paginator-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-paginator-container-background-color: white;
  --mat-paginator-enabled-icon-color: rgba(0, 0, 0, 0.54);
  --mat-paginator-disabled-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-paginator-container-size: 56px;
  --mat-paginator-form-field-container-height: 40px;
  --mat-paginator-form-field-container-vertical-padding: 8px;
  --mat-paginator-touch-target-display: block;
  --mat-paginator-container-text-font: Roboto, sans-serif;
  --mat-paginator-container-text-line-height: 20px;
  --mat-paginator-container-text-size: 12px;
  --mat-paginator-container-text-tracking: 0.0333333333em;
  --mat-paginator-container-text-weight: 400;
  --mat-paginator-select-trigger-text-size: 12px;
  --mat-tab-container-height: 48px;
  --mat-tab-divider-color: transparent;
  --mat-tab-divider-height: 0;
  --mat-tab-active-indicator-height: 2px;
  --mat-tab-active-indicator-shape: 0;
}
.mat-mdc-tab-group,
.mat-mdc-tab-nav-bar {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #673ab7;
  --mat-tab-active-ripple-color: #673ab7;
  --mat-tab-inactive-ripple-color: #673ab7;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #673ab7;
  --mat-tab-active-hover-label-text-color: #673ab7;
  --mat-tab-active-focus-indicator-color: #673ab7;
  --mat-tab-active-hover-indicator-color: #673ab7;
  --mat-tab-active-indicator-color: #673ab7;
}
.mat-mdc-tab-group.mat-accent,
.mat-mdc-tab-nav-bar.mat-accent {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #ffd740;
  --mat-tab-active-ripple-color: #ffd740;
  --mat-tab-inactive-ripple-color: #ffd740;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #ffd740;
  --mat-tab-active-hover-label-text-color: #ffd740;
  --mat-tab-active-focus-indicator-color: #ffd740;
  --mat-tab-active-hover-indicator-color: #ffd740;
  --mat-tab-active-indicator-color: #ffd740;
}
.mat-mdc-tab-group.mat-warn,
.mat-mdc-tab-nav-bar.mat-warn {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #f44336;
  --mat-tab-active-ripple-color: #f44336;
  --mat-tab-inactive-ripple-color: #f44336;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #f44336;
  --mat-tab-active-hover-label-text-color: #f44336;
  --mat-tab-active-focus-indicator-color: #f44336;
  --mat-tab-active-hover-indicator-color: #f44336;
  --mat-tab-active-indicator-color: #f44336;
}
.mat-mdc-tab-group.mat-background-primary,
.mat-mdc-tab-nav-bar.mat-background-primary {
  --mat-tab-background-color: #673ab7;
  --mat-tab-foreground-color: white;
}
.mat-mdc-tab-group.mat-background-accent,
.mat-mdc-tab-nav-bar.mat-background-accent {
  --mat-tab-background-color: #ffd740;
  --mat-tab-foreground-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-tab-group.mat-background-warn,
.mat-mdc-tab-nav-bar.mat-background-warn {
  --mat-tab-background-color: #f44336;
  --mat-tab-foreground-color: white;
}
.mat-mdc-tab-header {
  --mat-tab-container-height: 48px;
  --mat-tab-label-text-font: Roboto, sans-serif;
  --mat-tab-label-text-size: 14px;
  --mat-tab-label-text-tracking: 0.0892857143em;
  --mat-tab-label-text-line-height: 36px;
  --mat-tab-label-text-weight: 500;
}
html {
  --mat-checkbox-disabled-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-selected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-selected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-unselected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-touch-target-size: 48px;
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-selected-focus-icon-color: #ffd740;
  --mat-checkbox-selected-hover-icon-color: #ffd740;
  --mat-checkbox-selected-icon-color: #ffd740;
  --mat-checkbox-selected-pressed-icon-color: #ffd740;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #ffd740;
  --mat-checkbox-selected-hover-state-layer-color: #ffd740;
  --mat-checkbox-selected-pressed-state-layer-color: #ffd740;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-checkbox.mat-primary {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-icon-color: #673ab7;
  --mat-checkbox-selected-hover-icon-color: #673ab7;
  --mat-checkbox-selected-icon-color: #673ab7;
  --mat-checkbox-selected-pressed-icon-color: #673ab7;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #673ab7;
  --mat-checkbox-selected-hover-state-layer-color: #673ab7;
  --mat-checkbox-selected-pressed-state-layer-color: #673ab7;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-checkbox.mat-warn {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-icon-color: #f44336;
  --mat-checkbox-selected-hover-icon-color: #f44336;
  --mat-checkbox-selected-icon-color: #f44336;
  --mat-checkbox-selected-pressed-icon-color: #f44336;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #f44336;
  --mat-checkbox-selected-hover-state-layer-color: #f44336;
  --mat-checkbox-selected-pressed-state-layer-color: #f44336;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
html {
  --mat-checkbox-touch-target-display: block;
  --mat-checkbox-state-layer-size: 40px;
  --mat-checkbox-label-text-font: Roboto, sans-serif;
  --mat-checkbox-label-text-line-height: 20px;
  --mat-checkbox-label-text-size: 14px;
  --mat-checkbox-label-text-tracking: 0.0178571429em;
  --mat-checkbox-label-text-weight: 400;
  --mat-button-filled-container-shape: 4px;
  --mat-button-filled-horizontal-padding: 16px;
  --mat-button-filled-icon-offset: -4px;
  --mat-button-filled-icon-spacing: 8px;
  --mat-button-filled-touch-target-size: 48px;
  --mat-button-outlined-container-shape: 4px;
  --mat-button-outlined-horizontal-padding: 15px;
  --mat-button-outlined-icon-offset: -4px;
  --mat-button-outlined-icon-spacing: 8px;
  --mat-button-outlined-keep-touch-target: false;
  --mat-button-outlined-outline-width: 1px;
  --mat-button-outlined-touch-target-size: 48px;
  --mat-button-protected-container-elevation-shadow:
    0px 3px 1px -2px rgba(0, 0, 0, 0.2),
    0px 2px 2px 0px rgba(0, 0, 0, 0.14),
    0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  --mat-button-protected-container-shape: 4px;
  --mat-button-protected-disabled-container-elevation-shadow:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-button-protected-focus-container-elevation-shadow:
    0px 2px 4px -1px rgba(0, 0, 0, 0.2),
    0px 4px 5px 0px rgba(0, 0, 0, 0.14),
    0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mat-button-protected-horizontal-padding: 16px;
  --mat-button-protected-hover-container-elevation-shadow:
    0px 2px 4px -1px rgba(0, 0, 0, 0.2),
    0px 4px 5px 0px rgba(0, 0, 0, 0.14),
    0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mat-button-protected-icon-offset: -4px;
  --mat-button-protected-icon-spacing: 8px;
  --mat-button-protected-pressed-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-button-protected-touch-target-size: 48px;
  --mat-button-text-container-shape: 4px;
  --mat-button-text-horizontal-padding: 8px;
  --mat-button-text-icon-offset: 0;
  --mat-button-text-icon-spacing: 8px;
  --mat-button-text-with-icon-horizontal-padding: 8px;
  --mat-button-text-touch-target-size: 48px;
  --mat-button-tonal-container-shape: 4px;
  --mat-button-tonal-horizontal-padding: 16px;
  --mat-button-tonal-icon-offset: -4px;
  --mat-button-tonal-icon-spacing: 8px;
  --mat-button-tonal-touch-target-size: 48px;
  --mat-button-filled-container-color: white;
  --mat-button-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-filled-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-filled-focus-state-layer-opacity: 0.12;
  --mat-button-filled-hover-state-layer-opacity: 0.04;
  --mat-button-filled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-pressed-state-layer-opacity: 0.12;
  --mat-button-filled-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-outlined-disabled-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-outlined-focus-state-layer-opacity: 0.12;
  --mat-button-outlined-hover-state-layer-opacity: 0.04;
  --mat-button-outlined-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-pressed-state-layer-opacity: 0.12;
  --mat-button-outlined-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-outlined-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-container-color: white;
  --mat-button-protected-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-protected-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-protected-focus-state-layer-opacity: 0.12;
  --mat-button-protected-hover-state-layer-opacity: 0.04;
  --mat-button-protected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-pressed-state-layer-opacity: 0.12;
  --mat-button-protected-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-text-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-text-focus-state-layer-opacity: 0.12;
  --mat-button-text-hover-state-layer-opacity: 0.04;
  --mat-button-text-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-pressed-state-layer-opacity: 0.12;
  --mat-button-text-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-text-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-container-color: white;
  --mat-button-tonal-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-tonal-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-tonal-focus-state-layer-opacity: 0.12;
  --mat-button-tonal-hover-state-layer-opacity: 0.04;
  --mat-button-tonal-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-pressed-state-layer-opacity: 0.12;
  --mat-button-tonal-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-state-layer-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-button.mat-primary,
.mat-mdc-unelevated-button.mat-primary,
.mat-mdc-raised-button.mat-primary,
.mat-mdc-outlined-button.mat-primary,
.mat-tonal-button.mat-primary {
  --mat-button-filled-container-color: #673ab7;
  --mat-button-filled-label-text-color: white;
  --mat-button-filled-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-filled-state-layer-color: white;
  --mat-button-outlined-label-text-color: #673ab7;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #673ab7 12%, transparent);
  --mat-button-outlined-state-layer-color: #673ab7;
  --mat-button-protected-container-color: #673ab7;
  --mat-button-protected-label-text-color: white;
  --mat-button-protected-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-protected-state-layer-color: white;
  --mat-button-text-label-text-color: #673ab7;
  --mat-button-text-ripple-color: color-mix(in srgb, #673ab7 12%, transparent);
  --mat-button-text-state-layer-color: #673ab7;
  --mat-button-tonal-container-color: #673ab7;
  --mat-button-tonal-label-text-color: white;
  --mat-button-tonal-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-tonal-state-layer-color: white;
}
.mat-mdc-button.mat-accent,
.mat-mdc-unelevated-button.mat-accent,
.mat-mdc-raised-button.mat-accent,
.mat-mdc-outlined-button.mat-accent,
.mat-tonal-button.mat-accent {
  --mat-button-filled-container-color: #ffd740;
  --mat-button-filled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-label-text-color: #ffd740;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #ffd740 12%, transparent);
  --mat-button-outlined-state-layer-color: #ffd740;
  --mat-button-protected-container-color: #ffd740;
  --mat-button-protected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-label-text-color: #ffd740;
  --mat-button-text-ripple-color: color-mix(in srgb, #ffd740 12%, transparent);
  --mat-button-text-state-layer-color: #ffd740;
  --mat-button-tonal-container-color: #ffd740;
  --mat-button-tonal-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-state-layer-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-button.mat-warn,
.mat-mdc-unelevated-button.mat-warn,
.mat-mdc-raised-button.mat-warn,
.mat-mdc-outlined-button.mat-warn,
.mat-tonal-button.mat-warn {
  --mat-button-filled-container-color: #f44336;
  --mat-button-filled-label-text-color: white;
  --mat-button-filled-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-filled-state-layer-color: white;
  --mat-button-outlined-label-text-color: #f44336;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #f44336 12%, transparent);
  --mat-button-outlined-state-layer-color: #f44336;
  --mat-button-protected-container-color: #f44336;
  --mat-button-protected-label-text-color: white;
  --mat-button-protected-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-protected-state-layer-color: white;
  --mat-button-text-label-text-color: #f44336;
  --mat-button-text-ripple-color: color-mix(in srgb, #f44336 12%, transparent);
  --mat-button-text-state-layer-color: #f44336;
  --mat-button-tonal-container-color: #f44336;
  --mat-button-tonal-label-text-color: white;
  --mat-button-tonal-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-tonal-state-layer-color: white;
}
html {
  --mat-button-filled-container-height: 36px;
  --mat-button-filled-touch-target-display: block;
  --mat-button-outlined-container-height: 36px;
  --mat-button-outlined-touch-target-display: block;
  --mat-button-protected-container-height: 36px;
  --mat-button-protected-touch-target-display: block;
  --mat-button-text-container-height: 36px;
  --mat-button-text-touch-target-display: block;
  --mat-button-tonal-container-height: 36px;
  --mat-button-tonal-touch-target-display: block;
  --mat-button-filled-label-text-font: Roboto, sans-serif;
  --mat-button-filled-label-text-size: 14px;
  --mat-button-filled-label-text-tracking: 0.0892857143em;
  --mat-button-filled-label-text-transform: none;
  --mat-button-filled-label-text-weight: 500;
  --mat-button-outlined-label-text-font: Roboto, sans-serif;
  --mat-button-outlined-label-text-size: 14px;
  --mat-button-outlined-label-text-tracking: 0.0892857143em;
  --mat-button-outlined-label-text-transform: none;
  --mat-button-outlined-label-text-weight: 500;
  --mat-button-protected-label-text-font: Roboto, sans-serif;
  --mat-button-protected-label-text-size: 14px;
  --mat-button-protected-label-text-tracking: 0.0892857143em;
  --mat-button-protected-label-text-transform: none;
  --mat-button-protected-label-text-weight: 500;
  --mat-button-text-label-text-font: Roboto, sans-serif;
  --mat-button-text-label-text-size: 14px;
  --mat-button-text-label-text-tracking: 0.0892857143em;
  --mat-button-text-label-text-transform: none;
  --mat-button-text-label-text-weight: 500;
  --mat-button-tonal-label-text-font: Roboto, sans-serif;
  --mat-button-tonal-label-text-size: 14px;
  --mat-button-tonal-label-text-tracking: 0.0892857143em;
  --mat-button-tonal-label-text-transform: none;
  --mat-button-tonal-label-text-weight: 500;
  --mat-icon-button-icon-size: 24px;
  --mat-icon-button-container-shape: 50%;
  --mat-icon-button-touch-target-size: 48px;
  --mat-icon-button-disabled-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-icon-button-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-icon-button-focus-state-layer-opacity: 0.12;
  --mat-icon-button-hover-state-layer-opacity: 0.04;
  --mat-icon-button-icon-color: inherit;
  --mat-icon-button-pressed-state-layer-opacity: 0.12;
  --mat-icon-button-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-icon-button-state-layer-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-icon-button.mat-primary {
  --mat-icon-button-icon-color: #673ab7;
  --mat-icon-button-state-layer-color: #673ab7;
  --mat-icon-button-ripple-color: color-mix(in srgb, #673ab7 12%, transparent);
}
.mat-mdc-icon-button.mat-accent {
  --mat-icon-button-icon-color: #ffd740;
  --mat-icon-button-state-layer-color: #ffd740;
  --mat-icon-button-ripple-color: color-mix(in srgb, #ffd740 12%, transparent);
}
.mat-mdc-icon-button.mat-warn {
  --mat-icon-button-icon-color: #f44336;
  --mat-icon-button-state-layer-color: #f44336;
  --mat-icon-button-ripple-color: color-mix(in srgb, #f44336 12%, transparent);
}
html {
  --mat-icon-button-touch-target-display: block;
}
.mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 48px;
  --mat-icon-button-state-layer-size: 48px;
  width: var(--mat-icon-button-state-layer-size);
  height: var(--mat-icon-button-state-layer-size);
  padding: 12px;
}
html {
  --mat-fab-container-elevation-shadow:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mat-fab-container-shape: 50%;
  --mat-fab-touch-target-size: 48px;
  --mat-fab-extended-container-elevation-shadow:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mat-fab-extended-container-height: 48px;
  --mat-fab-extended-container-shape: 24px;
  --mat-fab-extended-focus-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-fab-extended-hover-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-fab-extended-pressed-container-elevation-shadow:
    0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 12px 17px 2px rgba(0, 0, 0, 0.14),
    0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  --mat-fab-focus-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-fab-hover-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-fab-pressed-container-elevation-shadow:
    0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 12px 17px 2px rgba(0, 0, 0, 0.14),
    0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  --mat-fab-small-container-elevation-shadow:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mat-fab-small-container-shape: 50%;
  --mat-fab-small-touch-target-size: 48px;
  --mat-fab-small-focus-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-fab-small-hover-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-fab-small-pressed-container-elevation-shadow:
    0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 12px 17px 2px rgba(0, 0, 0, 0.14),
    0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  --mat-fab-container-color: white;
  --mat-fab-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-focus-state-layer-opacity: 0.12;
  --mat-fab-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-hover-state-layer-opacity: 0.04;
  --mat-fab-pressed-state-layer-opacity: 0.12;
  --mat-fab-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-container-color: white;
  --mat-fab-small-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-small-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-small-focus-state-layer-opacity: 0.12;
  --mat-fab-small-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-small-hover-state-layer-opacity: 0.04;
  --mat-fab-small-pressed-state-layer-opacity: 0.12;
  --mat-fab-small-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-fab-state-layer-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-fab.mat-primary,
.mat-mdc-mini-fab.mat-primary {
  --mat-fab-container-color: #673ab7;
  --mat-fab-foreground-color: white;
  --mat-fab-ripple-color: color-mix(in srgb, #673ab7 12%, transparent);
  --mat-fab-small-container-color: #673ab7;
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-fab-small-state-layer-color: white;
  --mat-fab-state-layer-color: white;
}
.mat-mdc-fab.mat-accent,
.mat-mdc-mini-fab.mat-accent {
  --mat-fab-container-color: #ffd740;
  --mat-fab-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-ripple-color: color-mix(in srgb, #ffd740 12%, transparent);
  --mat-fab-small-container-color: #ffd740;
  --mat-fab-small-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-small-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-fab-state-layer-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-fab.mat-warn,
.mat-mdc-mini-fab.mat-warn {
  --mat-fab-container-color: #f44336;
  --mat-fab-foreground-color: white;
  --mat-fab-ripple-color: color-mix(in srgb, #f44336 12%, transparent);
  --mat-fab-small-container-color: #f44336;
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-fab-small-state-layer-color: white;
  --mat-fab-state-layer-color: white;
}
html {
  --mat-fab-small-touch-target-display: block;
  --mat-fab-touch-target-display: block;
  --mat-fab-extended-label-text-font: Roboto, sans-serif;
  --mat-fab-extended-label-text-size: 14px;
  --mat-fab-extended-label-text-tracking: 0.0892857143em;
  --mat-fab-extended-label-text-weight: 500;
  --mat-snack-bar-container-shape: 4px;
  --mat-snack-bar-container-color: #424242;
  --mat-snack-bar-supporting-text-color: white;
  --mat-snack-bar-button-color: #9575cd;
  --mat-snack-bar-supporting-text-font: Roboto, sans-serif;
  --mat-snack-bar-supporting-text-line-height: 20px;
  --mat-snack-bar-supporting-text-size: 14px;
  --mat-snack-bar-supporting-text-weight: 400;
  --mat-table-row-item-outline-width: 1px;
  --mat-table-background-color: white;
  --mat-table-header-headline-color: rgba(0, 0, 0, 0.87);
  --mat-table-row-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-table-row-item-outline-color: rgba(0, 0, 0, 0.12);
  --mat-table-header-container-height: 56px;
  --mat-table-footer-container-height: 52px;
  --mat-table-row-item-container-height: 52px;
  --mat-table-header-headline-font: Roboto, sans-serif;
  --mat-table-header-headline-line-height: 22px;
  --mat-table-header-headline-size: 14px;
  --mat-table-header-headline-weight: 500;
  --mat-table-header-headline-tracking: 0.0071428571em;
  --mat-table-row-item-label-text-font: Roboto, sans-serif;
  --mat-table-row-item-label-text-line-height: 20px;
  --mat-table-row-item-label-text-size: 14px;
  --mat-table-row-item-label-text-weight: 400;
  --mat-table-row-item-label-text-tracking: 0.0178571429em;
  --mat-table-footer-supporting-text-font: Roboto, sans-serif;
  --mat-table-footer-supporting-text-line-height: 20px;
  --mat-table-footer-supporting-text-size: 14px;
  --mat-table-footer-supporting-text-weight: 400;
  --mat-table-footer-supporting-text-tracking: 0.0178571429em;
  --mat-progress-spinner-active-indicator-width: 4px;
  --mat-progress-spinner-size: 48px;
  --mat-progress-spinner-active-indicator-color: #673ab7;
}
.mat-accent {
  --mat-progress-spinner-active-indicator-color: #ffd740;
}
.mat-warn {
  --mat-progress-spinner-active-indicator-color: #f44336;
}
html {
  --mat-badge-container-shape: 50%;
  --mat-badge-container-size: unset;
  --mat-badge-small-size-container-size: unset;
  --mat-badge-large-size-container-size: unset;
  --mat-badge-legacy-container-size: 22px;
  --mat-badge-legacy-small-size-container-size: 16px;
  --mat-badge-legacy-large-size-container-size: 28px;
  --mat-badge-container-offset: -11px 0;
  --mat-badge-small-size-container-offset: -8px 0;
  --mat-badge-large-size-container-offset: -14px 0;
  --mat-badge-container-overlap-offset: -11px;
  --mat-badge-small-size-container-overlap-offset: -8px;
  --mat-badge-large-size-container-overlap-offset: -14px;
  --mat-badge-container-padding: 0;
  --mat-badge-small-size-container-padding: 0;
  --mat-badge-large-size-container-padding: 0;
  --mat-badge-background-color: #673ab7;
  --mat-badge-text-color: white;
  --mat-badge-disabled-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-badge-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.mat-badge-accent {
  --mat-badge-background-color: #ffd740;
  --mat-badge-text-color: rgba(0, 0, 0, 0.87);
}
.mat-badge-warn {
  --mat-badge-background-color: #f44336;
  --mat-badge-text-color: white;
}
html {
  --mat-badge-text-font: Roboto, sans-serif;
  --mat-badge-line-height: 22px;
  --mat-badge-text-size: 12px;
  --mat-badge-text-weight: 600;
  --mat-badge-small-size-text-size: 9px;
  --mat-badge-small-size-line-height: 16px;
  --mat-badge-large-size-text-size: 24px;
  --mat-badge-large-size-line-height: 28px;
  --mat-bottom-sheet-container-shape: 4px;
  --mat-bottom-sheet-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-bottom-sheet-container-background-color: white;
  --mat-bottom-sheet-container-text-font: Roboto, sans-serif;
  --mat-bottom-sheet-container-text-line-height: 20px;
  --mat-bottom-sheet-container-text-size: 14px;
  --mat-bottom-sheet-container-text-tracking: 0.0178571429em;
  --mat-bottom-sheet-container-text-weight: 400;
  --mat-button-toggle-focus-state-layer-opacity: 0.12;
  --mat-button-toggle-hover-state-layer-opacity: 0.04;
  --mat-button-toggle-legacy-focus-state-layer-opacity: 1;
  --mat-button-toggle-legacy-height: 36px;
  --mat-button-toggle-legacy-shape: 2px;
  --mat-button-toggle-shape: 4px;
  --mat-button-toggle-background-color: white;
  --mat-button-toggle-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-disabled-selected-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-disabled-state-background-color: white;
  --mat-button-toggle-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-divider-color: rgba(0, 0, 0, 0.12);
  --mat-button-toggle-legacy-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-disabled-state-background-color: white;
  --mat-button-toggle-legacy-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-legacy-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-legacy-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-height: 48px;
  --mat-button-toggle-label-text-font: Roboto, sans-serif;
  --mat-button-toggle-label-text-line-height: 24px;
  --mat-button-toggle-label-text-size: 16px;
  --mat-button-toggle-label-text-tracking: 0.03125em;
  --mat-button-toggle-label-text-weight: 400;
  --mat-button-toggle-legacy-label-text-font: Roboto, sans-serif;
  --mat-button-toggle-legacy-label-text-line-height: 24px;
  --mat-button-toggle-legacy-label-text-size: 16px;
  --mat-button-toggle-legacy-label-text-tracking: 0.03125em;
  --mat-button-toggle-legacy-label-text-weight: 400;
  --mat-datepicker-calendar-container-shape: 4px;
  --mat-datepicker-calendar-container-touch-shape: 4px;
  --mat-datepicker-calendar-container-elevation-shadow:
    0px 2px 4px -1px rgba(0, 0, 0, 0.2),
    0px 4px 5px 0px rgba(0, 0, 0, 0.14),
    0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-container-touch-elevation-shadow:
    0px 11px 15px -7px rgba(0, 0, 0, 0.2),
    0px 24px 38px 3px rgba(0, 0, 0, 0.14),
    0px 9px 46px 8px rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #673ab7 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #ffd740 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #673ab7;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #673ab7 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #673ab7 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #673ab7 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #673ab7;
  --mat-datepicker-toggle-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-body-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-period-button-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-period-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-navigation-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-header-divider-color: rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-header-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-date-today-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.mat-datepicker-content.mat-accent,
.mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #ffd740 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #ffd740 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-selected-state-background-color: #ffd740;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #ffd740 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #ffd740 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #ffd740 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #ffd740;
  --mat-datepicker-toggle-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-body-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-period-button-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-period-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-navigation-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-header-divider-color: rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-header-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-date-today-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.mat-datepicker-content.mat-warn,
.mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #f44336 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #ffd740 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #f44336;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #f44336 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #f44336 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #f44336 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #f44336;
  --mat-datepicker-toggle-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-body-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-period-button-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-period-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-navigation-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-header-divider-color: rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-header-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-date-today-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.mat-calendar-controls {
  --mat-icon-button-touch-target-display: none;
}
.mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 40px;
  --mat-icon-button-state-layer-size: 40px;
  width: var(--mat-icon-button-state-layer-size);
  height: var(--mat-icon-button-state-layer-size);
  padding: 8px;
}
html {
  --mat-datepicker-calendar-text-font: Roboto, sans-serif;
  --mat-datepicker-calendar-text-size: 13px;
  --mat-datepicker-calendar-body-label-text-size: 14px;
  --mat-datepicker-calendar-body-label-text-weight: 500;
  --mat-datepicker-calendar-period-button-text-size: 14px;
  --mat-datepicker-calendar-period-button-text-weight: 500;
  --mat-datepicker-calendar-header-text-size: 11px;
  --mat-datepicker-calendar-header-text-weight: 400;
  --mat-divider-width: 1px;
  --mat-divider-color: rgba(0, 0, 0, 0.12);
  --mat-expansion-container-shape: 4px;
  --mat-expansion-container-elevation-shadow:
    0px 3px 1px -2px rgba(0, 0, 0, 0.2),
    0px 2px 2px 0px rgba(0, 0, 0, 0.14),
    0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  --mat-expansion-legacy-header-indicator-display: inline-block;
  --mat-expansion-header-indicator-display: none;
  --mat-expansion-container-background-color: white;
  --mat-expansion-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-expansion-actions-divider-color: rgba(0, 0, 0, 0.12);
  --mat-expansion-header-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-expansion-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-expansion-header-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-expansion-header-text-color: rgba(0, 0, 0, 0.87);
  --mat-expansion-header-description-color: rgba(0, 0, 0, 0.54);
  --mat-expansion-header-indicator-color: rgba(0, 0, 0, 0.54);
  --mat-expansion-header-collapsed-state-height: 48px;
  --mat-expansion-header-expanded-state-height: 64px;
  --mat-expansion-header-text-font: Roboto, sans-serif;
  --mat-expansion-header-text-size: 14px;
  --mat-expansion-header-text-weight: 500;
  --mat-expansion-header-text-line-height: inherit;
  --mat-expansion-header-text-tracking: inherit;
  --mat-expansion-container-text-font: Roboto, sans-serif;
  --mat-expansion-container-text-line-height: 20px;
  --mat-expansion-container-text-size: 14px;
  --mat-expansion-container-text-tracking: 0.0178571429em;
  --mat-expansion-container-text-weight: 400;
  --mat-grid-list-tile-header-primary-text-size: 14px;
  --mat-grid-list-tile-header-secondary-text-size: 12px;
  --mat-grid-list-tile-footer-primary-text-size: 14px;
  --mat-grid-list-tile-footer-secondary-text-size: 12px;
  --mat-icon-color: inherit;
}
.mat-icon.mat-primary {
  --mat-icon-color: #673ab7;
}
.mat-icon.mat-accent {
  --mat-icon-color: #ffd740;
}
.mat-icon.mat-warn {
  --mat-icon-color: #f44336;
}
html {
  --mat-sidenav-container-shape: 0;
  --mat-sidenav-container-elevation-shadow:
    0px 8px 10px -5px rgba(0, 0, 0, 0.2),
    0px 16px 24px 2px rgba(0, 0, 0, 0.14),
    0px 6px 30px 5px rgba(0, 0, 0, 0.12);
  --mat-sidenav-container-width: auto;
  --mat-sidenav-container-divider-color: rgba(0, 0, 0, 0.12);
  --mat-sidenav-container-background-color: white;
  --mat-sidenav-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-sidenav-content-background-color: #fafafa;
  --mat-sidenav-content-text-color: rgba(0, 0, 0, 0.87);
  --mat-sidenav-scrim-color: rgba(0, 0, 0, 0.6);
  --mat-stepper-header-focus-state-layer-shape: 0;
  --mat-stepper-header-hover-state-layer-shape: 0;
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: #673ab7;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #673ab7;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #673ab7;
  --mat-stepper-header-edit-state-icon-foreground-color: white;
  --mat-stepper-container-color: white;
  --mat-stepper-line-color: rgba(0, 0, 0, 0.12);
  --mat-stepper-header-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-stepper-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-stepper-header-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-optional-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-selected-state-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-stepper-header-error-state-label-text-color: #f44336;
  --mat-stepper-header-icon-background-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-error-state-icon-foreground-color: #f44336;
  --mat-stepper-header-error-state-icon-background-color: transparent;
}
.mat-step-header.mat-accent {
  --mat-stepper-header-icon-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-stepper-header-selected-state-icon-background-color: #ffd740;
  --mat-stepper-header-selected-state-icon-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-stepper-header-done-state-icon-background-color: #ffd740;
  --mat-stepper-header-done-state-icon-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-stepper-header-edit-state-icon-background-color: #ffd740;
  --mat-stepper-header-edit-state-icon-foreground-color: rgba(0, 0, 0, 0.87);
}
.mat-step-header.mat-warn {
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: #f44336;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #f44336;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #f44336;
  --mat-stepper-header-edit-state-icon-foreground-color: white;
}
html {
  --mat-stepper-header-height: 72px;
  --mat-stepper-container-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-size: 14px;
  --mat-stepper-header-label-text-weight: 400;
  --mat-stepper-header-error-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-weight: 400;
  --mat-sort-arrow-color: rgba(0, 0, 0, 0.87);
  --mat-toolbar-container-background-color: white;
  --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87);
}
.mat-toolbar.mat-primary {
  --mat-toolbar-container-background-color: #673ab7;
  --mat-toolbar-container-text-color: white;
}
.mat-toolbar.mat-accent {
  --mat-toolbar-container-background-color: #ffd740;
  --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87);
}
.mat-toolbar.mat-warn {
  --mat-toolbar-container-background-color: #f44336;
  --mat-toolbar-container-text-color: white;
}
html {
  --mat-toolbar-standard-height: 64px;
  --mat-toolbar-mobile-height: 56px;
  --mat-toolbar-title-text-font: Roboto, sans-serif;
  --mat-toolbar-title-text-line-height: 32px;
  --mat-toolbar-title-text-size: 20px;
  --mat-toolbar-title-text-tracking: 0.0125em;
  --mat-toolbar-title-text-weight: 500;
  --mat-tree-container-background-color: white;
  --mat-tree-node-text-color: rgba(0, 0, 0, 0.87);
  --mat-tree-node-min-height: 48px;
  --mat-tree-node-text-font: Roboto, sans-serif;
  --mat-tree-node-text-size: 14px;
  --mat-tree-node-text-weight: 400;
  --mat-timepicker-container-shape: 4px;
  --mat-timepicker-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-timepicker-container-background-color: white;
}
.mat-h1,
.mat-headline-5,
.mat-typography .mat-h1,
.mat-typography .mat-headline-5,
.mat-typography h1 {
  font: 400 24px/32px Roboto, sans-serif;
  letter-spacing: normal;
  margin: 0 0 16px;
}
.mat-h2,
.mat-headline-6,
.mat-typography .mat-h2,
.mat-typography .mat-headline-6,
.mat-typography h2 {
  font: 500 20px/32px Roboto, sans-serif;
  letter-spacing: 0.0125em;
  margin: 0 0 16px;
}
.mat-h3,
.mat-subtitle-1,
.mat-typography .mat-h3,
.mat-typography .mat-subtitle-1,
.mat-typography h3 {
  font: 400 16px/28px Roboto, sans-serif;
  letter-spacing: 0.009375em;
  margin: 0 0 16px;
}
.mat-h4,
.mat-body-1,
.mat-typography .mat-h4,
.mat-typography .mat-body-1,
.mat-typography h4 {
  font: 400 16px/24px Roboto, sans-serif;
  letter-spacing: 0.03125em;
  margin: 0 0 16px;
}
.mat-h5,
.mat-typography .mat-h5,
.mat-typography h5 {
  font: 400 11.62px/20px Roboto, sans-serif;
  margin: 0 0 12px;
}
.mat-h6,
.mat-typography .mat-h6,
.mat-typography h6 {
  font: 400 9.38px/20px Roboto, sans-serif;
  margin: 0 0 12px;
}
.mat-body-strong,
.mat-subtitle-2,
.mat-typography .mat-body-strong,
.mat-typography .mat-subtitle-2 {
  font: 500 14px/22px Roboto, sans-serif;
  letter-spacing: 0.0071428571em;
}
.mat-body,
.mat-body-2,
.mat-typography .mat-body,
.mat-typography .mat-body-2,
.mat-typography {
  font: 400 14px/20px Roboto, sans-serif;
  letter-spacing: 0.0178571429em;
}
.mat-body p,
.mat-body-2 p,
.mat-typography .mat-body p,
.mat-typography .mat-body-2 p,
.mat-typography p {
  margin: 0 0 12px;
}
.mat-small,
.mat-caption,
.mat-typography .mat-small,
.mat-typography .mat-caption {
  font: 400 12px/20px Roboto, sans-serif;
  letter-spacing: 0.0333333333em;
}
.mat-headline-1,
.mat-typography .mat-headline-1 {
  font: 300 96px/96px Roboto, sans-serif;
  letter-spacing: -0.015625em;
  margin: 0 0 56px;
}
.mat-headline-2,
.mat-typography .mat-headline-2 {
  font: 300 60px/60px Roboto, sans-serif;
  letter-spacing: -0.0083333333em;
  margin: 0 0 64px;
}
.mat-headline-3,
.mat-typography .mat-headline-3 {
  font: 400 48px/50px Roboto, sans-serif;
  letter-spacing: normal;
  margin: 0 0 64px;
}
.mat-headline-4,
.mat-typography .mat-headline-4 {
  font: 400 34px/40px Roboto, sans-serif;
  letter-spacing: 0.0073529412em;
  margin: 0 0 64px;
}
@keyframes glow {
  0% {
    border-color: rgb(175, 110, 155);
    box-shadow: 0 0 0.3125rem rgba(255, 100, 255, 0.2), inset 0 0 0.3125rem rgba(255, 100, 255, 0.1);
  }
  100% {
    border-color: rgb(255, 100, 255);
    box-shadow: 0 0 1.25rem rgba(255, 100, 255, 0.9), inset 0 0 0.625rem rgba(255, 100, 255, 0.7);
  }
}
@keyframes xx-pulse {
  0% {
    transform: scale(1);
    box-shadow: 0 0 0 0 rgba(252, 123, 243, 0.7);
  }
  20% {
    transform: scale(1.05);
  }
  70% {
    box-shadow: 0 0 0 10px rgba(252, 123, 243, 0);
  }
  100% {
    transform: scale(1);
    box-shadow: 0 0 0 0 rgba(252, 123, 243, 0);
  }
}
@keyframes xx-shimmer {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 175% 0;
  }
}
@keyframes thumbnail-page-number-show {
  from {
    line-height: 0rem;
  }
  to {
    line-height: 1.5rem;
  }
}
@keyframes history-item-show {
  from {
    transform: scaleY(0.95);
    opacity: 0.5;
  }
  to {
    transform: scaleY(1);
    opacity: 1;
  }
}
@keyframes redaction-log-loading {
  0% {
    background-position: right 100vw top 0.4rem, right 100vw center;
  }
  100% {
    background-position: right 0 top 0.4rem, right 0 center;
  }
}
@keyframes xx-spin {
  0% {
    transform: rotateY(0deg);
  }
  100% {
    transform: rotateY(360deg);
  }
}
@keyframes rotate {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes 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;
  }
}
@keyframes upload-control-flash-keyframes {
  0% {
    border-radius: 0.1rem;
    outline: 0 transparent solid;
    outline-offset: 0;
  }
  50% {
    border-radius: 0.1rem;
    outline: 0.4rem #9399ff solid;
    outline-offset: 0.3rem;
  }
  100% {
    border-radius: 0.1rem;
    outline: 0 transparent solid;
    outline-offset: 0;
  }
}
.switch-to-paid-plan-button-animation {
  border-radius: 1.3125rem;
  outline: 0 transparent solid;
  outline-offset: 0;
  animation: switch-to-paid-plan-button-animation 2 900ms ease-in-out;
}
.upload-control-flash {
  border-radius: 0.1rem;
  outline: 0 transparent solid;
  outline-offset: 0;
  animation: upload-control-flash-keyframes 2 900ms ease-in-out;
}
@keyframes redaction-results-switch-view-mode-fade-by-category {
  from {
    opacity: 0.05;
  }
  to {
    opacity: 1;
  }
}
@keyframes redaction-results-switch-view-mode-fade-by-page {
  from {
    opacity: 0.05;
  }
  to {
    opacity: 1;
  }
}
.main .filtering,
.main .table-filters,
.popup .filtering,
.popup .table-filters,
.cdk-overlay-container .filtering,
.cdk-overlay-container .table-filters {
  display: flex;
  flex: 1;
  align-items: center;
  justify-content: flex-end;
  height: 3.5rem;
}
.main .filtering .filtering-buttons,
.main .table-filters .filtering-buttons,
.popup .filtering .filtering-buttons,
.popup .table-filters .filtering-buttons,
.cdk-overlay-container .filtering .filtering-buttons,
.cdk-overlay-container .table-filters .filtering-buttons {
  display: flex;
  gap: 0.5rem;
}
.main .filtering .filtering-buttons .search-action,
.main .table-filters .filtering-buttons .search-action,
.popup .filtering .filtering-buttons .search-action,
.popup .table-filters .filtering-buttons .search-action,
.cdk-overlay-container .filtering .filtering-buttons .search-action,
.cdk-overlay-container .table-filters .filtering-buttons .search-action {
  border-color: #636bf6;
  background-color: rgba(99, 107, 246, 0.1);
}
.main .filtering .filtering-buttons .search-action:hover,
.main .table-filters .filtering-buttons .search-action:hover,
.popup .filtering .filtering-buttons .search-action:hover,
.popup .table-filters .filtering-buttons .search-action:hover,
.cdk-overlay-container .filtering .filtering-buttons .search-action:hover,
.cdk-overlay-container .table-filters .filtering-buttons .search-action:hover {
  background-color: rgba(99, 107, 246, 0.2);
}
.main .filtering .filtering-buttons .search-action .mat-icon svg,
.main .table-filters .filtering-buttons .search-action .mat-icon svg,
.popup .filtering .filtering-buttons .search-action .mat-icon svg,
.popup .table-filters .filtering-buttons .search-action .mat-icon svg,
.cdk-overlay-container .filtering .filtering-buttons .search-action .mat-icon svg,
.cdk-overlay-container .table-filters .filtering-buttons .search-action .mat-icon svg {
  overflow: visible;
}
.main .filtering .filtering-buttons .search-action .mat-icon svg *,
.main .table-filters .filtering-buttons .search-action .mat-icon svg *,
.popup .filtering .filtering-buttons .search-action .mat-icon svg *,
.popup .table-filters .filtering-buttons .search-action .mat-icon svg *,
.cdk-overlay-container .filtering .filtering-buttons .search-action .mat-icon svg *,
.cdk-overlay-container .table-filters .filtering-buttons .search-action .mat-icon svg * {
  fill: #636bf6;
}
.main .filtering .filter-by-project .mat-mdc-select,
.main .filtering .filter-by-document .mat-mdc-select,
.main .table-filters .filter-by-project .mat-mdc-select,
.main .table-filters .filter-by-document .mat-mdc-select,
.popup .filtering .filter-by-project .mat-mdc-select,
.popup .filtering .filter-by-document .mat-mdc-select,
.popup .table-filters .filter-by-project .mat-mdc-select,
.popup .table-filters .filter-by-document .mat-mdc-select,
.cdk-overlay-container .filtering .filter-by-project .mat-mdc-select,
.cdk-overlay-container .filtering .filter-by-document .mat-mdc-select,
.cdk-overlay-container .table-filters .filter-by-project .mat-mdc-select,
.cdk-overlay-container .table-filters .filter-by-document .mat-mdc-select {
  width: calc(100% - 1.5rem);
}
.main .filtering .mat-mdc-form-field,
.main .table-filters .mat-mdc-form-field,
.popup .filtering .mat-mdc-form-field,
.popup .table-filters .mat-mdc-form-field,
.cdk-overlay-container .filtering .mat-mdc-form-field,
.cdk-overlay-container .table-filters .mat-mdc-form-field {
  height: 3.3rem;
  background: rgba(220, 228, 245, 0.3);
}
.main .filtering .mat-mdc-form-field .mat-mdc-form-field-infix,
.main .table-filters .mat-mdc-form-field .mat-mdc-form-field-infix,
.popup .filtering .mat-mdc-form-field .mat-mdc-form-field-infix,
.popup .table-filters .mat-mdc-form-field .mat-mdc-form-field-infix,
.cdk-overlay-container .filtering .mat-mdc-form-field .mat-mdc-form-field-infix,
.cdk-overlay-container .table-filters .mat-mdc-form-field .mat-mdc-form-field-infix {
  display: flex;
  align-items: center;
  min-height: 2.9rem;
}
.main .filtering .filter-inputs,
.main .table-filters .filter-inputs,
.popup .filtering .filter-inputs,
.popup .table-filters .filter-inputs,
.cdk-overlay-container .filtering .filter-inputs,
.cdk-overlay-container .table-filters .filter-inputs {
  overflow: hidden;
  display: flex;
  border-radius: 0.325rem;
}
.main .filtering .filter-inputs .mdc-line-ripple,
.main .table-filters .filter-inputs .mdc-line-ripple,
.popup .filtering .filter-inputs .mdc-line-ripple,
.popup .table-filters .filter-inputs .mdc-line-ripple,
.cdk-overlay-container .filtering .filter-inputs .mdc-line-ripple,
.cdk-overlay-container .table-filters .filter-inputs .mdc-line-ripple {
  display: none;
}
@media (max-width: 701px) {
  .main .filtering .filter-inputs .mdc-floating-label,
  .main .table-filters .filter-inputs .mdc-floating-label,
  .popup .filtering .filter-inputs .mdc-floating-label,
  .popup .table-filters .filter-inputs .mdc-floating-label,
  .cdk-overlay-container .filtering .filter-inputs .mdc-floating-label,
  .cdk-overlay-container .table-filters .filter-inputs .mdc-floating-label {
    top: 1.6rem;
  }
}
.main .filtering .mat-mdc-icon-button svg,
.main .filtering .mat-mdc-icon-button img,
.main .table-filters .mat-mdc-icon-button svg,
.main .table-filters .mat-mdc-icon-button img,
.popup .filtering .mat-mdc-icon-button svg,
.popup .filtering .mat-mdc-icon-button img,
.popup .table-filters .mat-mdc-icon-button svg,
.popup .table-filters .mat-mdc-icon-button img,
.cdk-overlay-container .filtering .mat-mdc-icon-button svg,
.cdk-overlay-container .filtering .mat-mdc-icon-button img,
.cdk-overlay-container .table-filters .mat-mdc-icon-button svg,
.cdk-overlay-container .table-filters .mat-mdc-icon-button img {
  width: 0.850625rem;
  height: 0.850625rem;
  fill: #4d5662;
}
.main .filtering .mat-mdc-icon-button:hover:not(:disabled) svg,
.main .filtering .mat-mdc-icon-button:hover:not(:disabled) img,
.main .table-filters .mat-mdc-icon-button:hover:not(:disabled) svg,
.main .table-filters .mat-mdc-icon-button:hover:not(:disabled) img,
.popup .filtering .mat-mdc-icon-button:hover:not(:disabled) svg,
.popup .filtering .mat-mdc-icon-button:hover:not(:disabled) img,
.popup .table-filters .mat-mdc-icon-button:hover:not(:disabled) svg,
.popup .table-filters .mat-mdc-icon-button:hover:not(:disabled) img,
.cdk-overlay-container .filtering .mat-mdc-icon-button:hover:not(:disabled) svg,
.cdk-overlay-container .filtering .mat-mdc-icon-button:hover:not(:disabled) img,
.cdk-overlay-container .table-filters .mat-mdc-icon-button:hover:not(:disabled) svg,
.cdk-overlay-container .table-filters .mat-mdc-icon-button:hover:not(:disabled) img {
  fill: #636bf6;
}
.main .filtering .mat-mdc-form-field-icon-prefix,
.main .table-filters .mat-mdc-form-field-icon-prefix,
.popup .filtering .mat-mdc-form-field-icon-prefix,
.popup .table-filters .mat-mdc-form-field-icon-prefix,
.cdk-overlay-container .filtering .mat-mdc-form-field-icon-prefix,
.cdk-overlay-container .table-filters .mat-mdc-form-field-icon-prefix {
  align-self: center !important;
}
.main .filtering .mat-icon,
.main .table-filters .mat-icon,
.popup .filtering .mat-icon,
.popup .table-filters .mat-icon,
.cdk-overlay-container .filtering .mat-icon,
.cdk-overlay-container .table-filters .mat-icon {
  overflow: visible;
  width: 0.850625rem;
  height: 0.850625rem;
}
.main .filtering .mat-mdc-icon-button .mat-mdc-button-persistent-ripple::before,
.main .table-filters .mat-mdc-icon-button .mat-mdc-button-persistent-ripple::before,
.popup .filtering .mat-mdc-icon-button .mat-mdc-button-persistent-ripple::before,
.popup .table-filters .mat-mdc-icon-button .mat-mdc-button-persistent-ripple::before,
.cdk-overlay-container .filtering .mat-mdc-icon-button .mat-mdc-button-persistent-ripple::before,
.cdk-overlay-container .table-filters .mat-mdc-icon-button .mat-mdc-button-persistent-ripple::before {
  background-color: transparent;
}
.main .filtering .mat-mdc-icon-button .mat-mdc-button-persistent-ripple:hover,
.main .table-filters .mat-mdc-icon-button .mat-mdc-button-persistent-ripple:hover,
.popup .filtering .mat-mdc-icon-button .mat-mdc-button-persistent-ripple:hover,
.popup .table-filters .mat-mdc-icon-button .mat-mdc-button-persistent-ripple:hover,
.cdk-overlay-container .filtering .mat-mdc-icon-button .mat-mdc-button-persistent-ripple:hover,
.cdk-overlay-container .table-filters .mat-mdc-icon-button .mat-mdc-button-persistent-ripple:hover {
  background-color: #fff;
}
.main .filtering button.mat-mdc-icon-button,
.main .table-filters button.mat-mdc-icon-button,
.popup .filtering button.mat-mdc-icon-button,
.popup .table-filters button.mat-mdc-icon-button,
.cdk-overlay-container .filtering button.mat-mdc-icon-button,
.cdk-overlay-container .table-filters button.mat-mdc-icon-button {
  width: 3.3rem;
  height: 3.3rem;
  border: 0.0625rem solid #aab2c2;
  border-radius: 0.1875rem;
}
.main .filtering button.mat-mdc-icon-button:hover:not(:disabled),
.main .table-filters button.mat-mdc-icon-button:hover:not(:disabled),
.popup .filtering button.mat-mdc-icon-button:hover:not(:disabled),
.popup .table-filters button.mat-mdc-icon-button:hover:not(:disabled),
.cdk-overlay-container .filtering button.mat-mdc-icon-button:hover:not(:disabled),
.cdk-overlay-container .table-filters button.mat-mdc-icon-button:hover:not(:disabled) {
  border: 0.0625rem solid #636bf6;
  background-color: transparent;
}
.main .filtering button.mat-mdc-icon-button:disabled,
.main .table-filters button.mat-mdc-icon-button:disabled,
.popup .filtering button.mat-mdc-icon-button:disabled,
.popup .table-filters button.mat-mdc-icon-button:disabled,
.cdk-overlay-container .filtering button.mat-mdc-icon-button:disabled,
.cdk-overlay-container .table-filters button.mat-mdc-icon-button:disabled {
  pointer-events: auto;
  cursor: not-allowed;
  opacity: 0.3;
}
.cdk-overlay-pane .filter-select.mat-mdc-select-panel {
  overflow: auto;
  min-width: 16rem;
  max-height: 18.75rem;
  padding: 0;
  border: solid 1px #dedede;
}
.cdk-overlay-pane .filter-select.mat-mdc-select-panel .mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled) .mdc-list-item__primary-text {
  color: #636bf6;
}
.cdk-overlay-pane .filter-select.mat-mdc-select-panel div.search-and-close {
  position: sticky;
  z-index: 1;
  top: 0;
  right: 0;
  left: 0;
  display: flex;
  padding: 0.6rem;
  border-bottom: solid 0.0625rem #cecece;
  background: #f4f7fc;
}
.cdk-overlay-pane .filter-select.mat-mdc-select-panel div.search-and-close .filter-the-filter {
  width: 100%;
}
.cdk-overlay-pane .filter-select.mat-mdc-select-panel div.search-and-close .filter-the-filter input {
  position: relative;
  width: calc(100% - 2rem);
  height: 2.1rem;
  margin: 0 0 0 0.5rem;
  padding: 0.5rem 1.5rem 0.5rem 0.5rem;
  border: solid 0.07rem #cecece;
  border-radius: 0.1875rem;
  font-size: 0.875rem;
  color: #777;
  outline: 0;
  transition: all 400ms ease-in-out;
}
.cdk-overlay-pane .filter-select.mat-mdc-select-panel div.search-and-close .filter-the-filter input::-webkit-search-cancel-button,
.cdk-overlay-pane .filter-select.mat-mdc-select-panel div.search-and-close .filter-the-filter input + .mat-select-search-clear .mat-icon {
  cursor: pointer;
  width: 1rem;
  height: 1rem;
  margin-right: 0.2rem;
}
.cdk-overlay-pane .filter-select.mat-mdc-select-panel div.search-and-close .filter-the-filter input::-webkit-search-cancel-button:hover,
.cdk-overlay-pane .filter-select.mat-mdc-select-panel div.search-and-close .filter-the-filter input + .mat-select-search-clear .mat-icon:hover {
  filter: sepia(100%) brightness(55%) saturate(422%) hue-rotate(199deg);
}
.cdk-overlay-pane .filter-select.mat-mdc-select-panel div.search-and-close .filter-the-filter input:focus,
.cdk-overlay-pane .filter-select.mat-mdc-select-panel div.search-and-close .filter-the-filter input:hover {
  border-color: #636bf6;
}
.cdk-overlay-pane .filter-select.mat-mdc-select-panel div.search-and-close .filter-the-filter .mat-mdc-icon-button .mat-mdc-button-persistent-ripple::before {
  background: none;
}
.cdk-overlay-pane .filter-select.mat-mdc-select-panel div.search-and-close .mat-mdc-option.contains-mat-select-search {
  top: 0;
  width: calc(100% - 2rem);
  margin-top: 0;
  padding: 0;
  background: initial;
}
.cdk-overlay-pane .filter-select.mat-mdc-select-panel div.search-and-close .mat-mdc-option.contains-mat-select-search .mat-select-search-clear {
  position: absolute;
  top: 50%;
  right: 2rem;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1rem;
  height: 1rem;
  margin: 0;
  padding: 0;
}
.cdk-overlay-pane .filter-select.mat-mdc-select-panel div.search-and-close .mat-mdc-option.contains-mat-select-search .mat-select-search-inner {
  width: 100%;
  background-color: initial;
}
.cdk-overlay-pane .filter-select.mat-mdc-select-panel div.search-and-close .mat-mdc-option.contains-mat-select-search .mat-divider {
  display: none;
}
.cdk-overlay-pane .filter-select.mat-mdc-select-panel div.search-and-close button.close-button {
  position: absolute;
  z-index: 2;
  top: 0.5875rem;
  right: 0.7rem;
  transform: rotate(180deg);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2.1rem;
  padding: 0;
  border: solid 0.0625rem #cecece;
  border-radius: 0.1875rem;
  background: #fff;
  transition: all 200ms ease-in-out;
}
.cdk-overlay-pane .filter-select.mat-mdc-select-panel div.search-and-close button.close-button .search-and-close__icon-close {
  width: 0.7rem;
  height: 0.7rem;
}
.cdk-overlay-pane .filter-select.mat-mdc-select-panel div.search-and-close button.close-button:hover {
  border-color: #636bf6;
  background-color: #636bf6;
}
.cdk-overlay-pane .filter-select.mat-mdc-select-panel div.search-and-close button.close-button:hover .search-and-close__icon-close {
  color: #fff;
}
.cdk-overlay-pane .filter-select.mat-mdc-select-panel .mat-mdc-option.mat-mdc-option-multiple.filter-option .mat-pseudo-checkbox-checked {
  border: 0.0625rem solid #636bf6;
  background: #636bf6;
}
.cdk-overlay-pane .filter-select.mat-mdc-select-panel .mdc-list-item__primary-text {
  font-family: Nunito, sans-serif;
}
.cdk-overlay-pane .filter-select.mat-mdc-select-panel div.select-all-none {
  position: sticky;
  bottom: 0;
  display: flex;
  justify-content: space-between;
  padding: 0.5rem 1.5rem;
  border-top: solid 0.0625rem #cecece;
  font-size: 0.875rem;
  background: #f4f7fc;
}
.cdk-overlay-pane .filter-select.dynamic-filter-select.mat-mdc-select-panel .mat-mdc-option.contains-mat-select-search input + .mat-select-search-clear .mat-icon {
  font-size: 1rem;
  line-height: 1rem;
}
@media (max-width: 1416px) {
  div.filtering .filter-inputs {
    margin-top: 0.75rem;
  }
  .team-members-section__container div.filtering {
    flex-direction: row;
  }
  .team-members-section__container div.filtering .filter-inputs {
    margin-top: 0;
  }
}
@media (max-width: 700px) {
  .document-container div.filtering,
  .projects-wrapper div.filtering {
    flex-direction: column-reverse;
  }
  .document-container div.filtering,
  .document-container .table-filters {
    display: flex;
    flex-direction: column-reverse;
    align-items: flex-end;
    height: auto;
  }
  .document-container div.filtering .filter-inputs {
    display: flex;
    flex: 1;
    flex-wrap: wrap;
    min-width: 100%;
    max-width: 100%;
  }
}
.mat-mdc-form-field {
  position: relative;
  width: 6rem;
  height: 3.5rem;
  padding-top: 0.1rem;
}
.mat-mdc-form-field::after {
  content: "";
  position: absolute;
  top: 0.7rem;
  right: 0;
  display: block;
  width: 0.0625rem;
  height: 2rem;
  background: #cecece;
}
.centered-mat-select .mat-mdc-form-field {
  height: 2.5rem;
  margin-top: 1rem;
}
.mat-mdc-form-field-infix {
  display: flex;
  align-items: center;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.filtering .filter-inputs,
.table-filters,
.mat-form-field-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 3.3rem;
  border-radius: 0.3125rem;
}
.filtering .filter-inputs .mat-mdc-input-element,
.table-filters .mat-mdc-input-element,
.mat-form-field-wrapper .mat-mdc-input-element {
  margin-top: 0.25rem;
}
.filtering .filter-inputs .search-input .mat-mdc-form-field .mat-mdc-form-field-infix input::-webkit-search-cancel-button,
.table-filters .search-input .mat-mdc-form-field .mat-mdc-form-field-infix input::-webkit-search-cancel-button,
.mat-form-field-wrapper .search-input .mat-mdc-form-field .mat-mdc-form-field-infix input::-webkit-search-cancel-button {
  cursor: pointer;
  width: 1rem;
  height: 1rem;
  appearance: none;
}
.filtering .filter-inputs .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex label.mdc-floating-label,
.table-filters .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex label.mdc-floating-label,
.mat-form-field-wrapper .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex label.mdc-floating-label {
  top: 50%;
  display: flex;
  color: #4d5662;
}
.filtering .filter-inputs .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex label.mdc-floating-label.mdc-floating-label--float-above,
.table-filters .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex label.mdc-floating-label.mdc-floating-label--float-above,
.mat-form-field-wrapper .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex label.mdc-floating-label.mdc-floating-label--float-above {
  color: #636bf6;
}
.filtering .filter-inputs .filtering-buttons,
.table-filters .filtering-buttons,
.mat-form-field-wrapper .filtering-buttons {
  display: flex;
  gap: 0.5rem;
}
.filtering .filter-inputs .filtering-buttons .search-action,
.table-filters .filtering-buttons .search-action,
.mat-form-field-wrapper .filtering-buttons .search-action {
  border-color: #636bf6;
  background-color: rgba(99, 107, 246, 0.1);
}
.filtering .filter-inputs .filtering-buttons .search-action:hover,
.table-filters .filtering-buttons .search-action:hover,
.mat-form-field-wrapper .filtering-buttons .search-action:hover {
  background-color: rgba(99, 107, 246, 0.2);
}
.filtering .filter-inputs .filtering-buttons .search-action .mat-icon svg,
.table-filters .filtering-buttons .search-action .mat-icon svg,
.mat-form-field-wrapper .filtering-buttons .search-action .mat-icon svg {
  overflow: visible;
}
.filtering .filter-inputs .filtering-buttons .search-action .mat-icon svg *,
.table-filters .filtering-buttons .search-action .mat-icon svg *,
.mat-form-field-wrapper .filtering-buttons .search-action .mat-icon svg * {
  fill: #636bf6;
  stroke: #636bf6;
  stroke-width: 1;
}
@media (max-width: 700px) {
  .filtering .filter-inputs .mat-mdc-input-element,
  .table-filters .mat-mdc-input-element,
  .mat-form-field-wrapper .mat-mdc-input-element {
    position: relative;
    bottom: 0.2rem;
  }
}
@media (max-width: 701px) {
  .filtering .filter-inputs .mdc-floating-label,
  .table-filters .mdc-floating-label,
  .mat-form-field-wrapper .mdc-floating-label {
    top: 1.6rem;
  }
}
.mat-form-field-wrapper {
  display: block;
  width: 100%;
  height: unset;
}
.mat-form-field-wrapper .mat-mdc-form-field {
  width: 100%;
}
.mat-form-field-wrapper .mat-mdc-form-field::after {
  width: 0;
}
.table-filters > .mat-mdc-form-field:nth-child(4)::after {
  width: 0;
}
@media (max-width: 650px) {
  .search-input {
    width: 9rem !important;
  }
}
.main .filtering {
  display: block;
  height: auto;
}
.main .filtering button.new-project-button {
  color: #fff;
  background-color: #636bf6;
}
.main .filtering .filtering-buttons {
  position: relative;
  display: flex;
  gap: 0.75rem;
  align-items: center;
}
.main .filtering .mat-mdc-icon-button img,
.main .filtering .mat-mdc-icon-button svg {
  overflow: visible;
  width: 1rem;
  height: 1rem;
  fill: #aab2c2;
}
.main .filtering button.mat-mdc-icon-button {
  overflow: visible;
  width: 2rem;
  height: 2rem;
  padding: 0;
  border: 0.0625rem solid #aab2c2;
  border-radius: 0.1875rem;
}
.main .filtering .mat-icon {
  overflow: visible;
  width: 1rem;
  height: 1rem;
}
.main .filtering .search-container {
  display: flex;
  align-items: center;
  width: 18.25rem;
  height: 2.25rem;
  margin-right: 0.5625rem;
  padding: 0.5rem 1.0625rem 0.5625rem 1rem;
  border-radius: 0.3125rem;
  font-size: 0.875rem;
  color: #4d5662;
  background: transparent;
  background-color: rgba(220, 228, 245, 0.3019607843);
}
.main .filtering .search-container input {
  flex: 1;
  background: transparent;
}
.main .filtering .search-container mat-icon svg {
  fill: #4d5662;
}
.main .filtering app-sorting-controls .mat-mdc-form-field {
  background: #fff;
}
.main .filtering app-dynamic-filter .mat-mdc-select-trigger .mat-mdc-select-arrow-wrapper {
  margin-top: -0.1875rem;
  margin-right: 0.1875rem;
  margin-bottom: 0.1875rem;
}
.main .filtering app-dynamic-filter .mat-mdc-text-field-wrapper {
  padding: 0;
}
.main .filtering app-dynamic-filter .mat-mdc-form-field-flex {
  margin-right: 0.5rem;
}
.main .filtering app-dynamic-filter .mat-mdc-form-field .mat-mdc-form-field-infix {
  display: block;
  height: auto;
  min-height: auto;
}
.main .filtering app-dynamic-filter .mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-line-ripple::before {
  border-bottom-color: #4d5662;
}
.main .filtering app-dynamic-filter .mat-mdc-form-field {
  height: auto;
  background-color: transparent;
}
.main .filtering app-dynamic-filter .mat-mdc-form-field::after {
  display: none;
}
.main .filtering app-dynamic-filter .mat-mdc-form-field .label {
  position: absolute;
  top: 0;
  left: 0.5rem;
  font-family: Nunito, sans-serif;
  font-size: 0.75rem;
  font-weight: 600;
  color: #636bf6;
}
.main .filtering app-dynamic-filter .mat-mdc-form-field mat-select {
  margin-top: 0.75rem;
  margin-right: 0.1875rem;
}
.main .filtering app-dynamic-filter .mat-mdc-form-field mat-select .mat-mdc-select-placeholder {
  margin-left: 0.5rem;
  font-size: 0.875rem;
  color: #4d5662;
}
.tag-crimson {
  color: #ee4266;
  background-color: rgba(255, 105, 97, 0.2);
}
.tag-tangerine {
  color: #ffa417;
  background-color: rgba(245, 121, 6, 0.1);
}
.tag-lime {
  color: #21b888;
  background-color: rgba(33, 184, 136, 0.1);
}
.tag-sky-blue {
  color: #9399ff;
  background-color: rgba(42, 33, 184, 0.1);
}
.tag-aqua {
  color: #0dbf88;
  background-color: rgba(17, 136, 104, 0.1);
}
.tag-lavender {
  color: #77398c;
  background-color: rgba(119, 57, 140, 0.1);
}
.tag-pumpkin {
  color: #e65000;
  background-color: rgba(245, 121, 6, 0.1);
}
.tag-cantaloupe {
  color: #ff7e00;
  background-color: rgba(245, 121, 6, 0.1);
}
.tag-ruby {
  color: #ff3b3b;
  background-color: rgba(255, 105, 97, 0.1);
}
.tag-cocoa {
  color: #ddb815;
  background-color: rgba(253, 216, 53, 0.1);
}
.tag-indigo {
  color: #66f;
  background-color: rgba(42, 33, 184, 0.1);
}
.tag-midnight-blue {
  color: #2a1d99;
  background-color: rgba(42, 33, 184, 0.1);
}
.tag-pink {
  color: #de848d;
  background-color: rgba(255, 179, 186, 0.1);
}
.tag-steel-gray {
  color: #4b6584;
  background-color: rgba(75, 101, 132, 0.1);
}
.tag-silver {
  color: #95a5a6;
  background-color: rgba(149, 165, 166, 0.1);
}
.tag-electric-purple {
  color: #6c5ce7;
  background-color: rgba(108, 92, 231, 0.1);
}
mat-form-field .mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-line-ripple::before {
  border-bottom-color: #636bf6;
}
mat-form-field .mdc-text-field--filled .mdc-line-ripple::after {
  border-bottom-color: transparent;
  border-bottom-width: 1px;
}
.cdk-overlay-pane:not(.mat-mdc-select-panel-above) div.mat-mdc-select-panel.collaborators-table-option {
  top: 0.1rem;
  width: 100%;
  padding: 0;
}
.collaborators-table-option .mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled, .mat-mdc-option-multiple) {
  background: rgba(220, 228, 245, 0.3);
}
.collaborators-table-option .mat-mdc-option:hover:not(.mdc-list-item--disabled) {
  background: rgba(220, 228, 245, 0.3);
}
.collaborators-table-option .mdc-list-item .mdc-list-item__primary-text {
  color: #4d5662;
}
.mat-mdc-icon-button .mat-icon svg {
  width: 1rem;
}
.mat-mdc-tooltip.tooltip-resend-img {
  background-image: url(/assets/svg-graphics/icons/resend.svg);
}
.mat-mdc-tooltip.tooltip-delete-img {
  background-image: url(/assets/svg-graphics/icons/delete.svg);
}
.mat-mdc-tooltip.tooltip-delete-img div.mdc-tooltip__surface {
  color: #636bf6;
  background-color: transparent;
}
.mat-mdc-tooltip.tooltip-resend-img div.mdc-tooltip__surface {
  color: #636bf6;
  background-color: transparent;
}
button.resend-btn:hover:not(:disabled) {
  background: #636bf6;
}
button.resend-btn:hover:not(:disabled) :is(icon-core, icon-documents, icon-layout, icon-profile, icon-redaction, icon-redaction-logs, icon-subscription, icon-team-members) {
  color: #fff;
}
button.resend-btn:disabled {
  pointer-events: auto;
}
button.resend-btn:disabled .mdc-icon-button__ripple {
  display: none;
}
button.resend-btn:disabled .mat-mdc-button-ripple {
  display: none;
}
button.delete-team-member-btn:disabled {
  pointer-events: auto;
}
button.delete-team-member-btn:disabled .mdc-icon-button__ripple {
  display: none;
}
button.delete-team-member-btn:disabled .mat-mdc-button-ripple {
  display: none;
}
@media (max-width: 1000px) {
  .mat-mdc-table .mat-mdc-select .mat-mdc-select-value {
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
  }
  .mat-mdc-table .mat-mdc-select-arrow {
    top: 0.2rem;
  }
}
@media (max-width: 700px) {
  .mat-mdc-table .mat-mdc-select .mat-mdc-select-value {
    top: 0.2rem;
  }
  .mat-mdc-table .mat-mdc-select-arrow {
    top: 0.5rem;
  }
}
table.files-table-component > thead {
  position: sticky;
  z-index: 1;
  top: -3rem;
  background: #fbfbff;
  box-shadow: 0 0.25rem 0.1875rem -0.25rem rgba(0, 0, 0, 0.2);
}
@media (min-width: 0px) and (max-width: 850px) {
  table.files-table-component > thead {
    top: -1.875rem;
  }
}
.table-component.mat-mdc-table > thead {
  position: sticky;
  z-index: 1;
  top: -3rem;
  background: #fff;
  box-shadow: 0 0.25rem 0.1875rem -0.25rem rgba(0, 0, 0, 0.2);
}
@media (min-width: 0px) and (max-width: 850px) {
  .table-component.mat-mdc-table > thead {
    top: -1.875rem;
  }
}
@media (max-width: 1400px) {
  .project-main-container .mdc-data-table__header-cell,
  .project-main-container .mdc-data-table__cell {
    padding: 0;
  }
}
@media (max-width: 650px) {
  .project-main-container app-shared-files-table {
    overflow-x: scroll;
  }
  .cards-list-component .mdc-data-table__header-cell,
  .cards-list-component .mdc-data-table__cell {
    padding: 0;
    text-wrap: wrap;
  }
  .cards-list-component .mdc-data-table__header-cell.cdk-column-teamMembers,
  .cards-list-component .mdc-data-table__cell.cdk-column-teamMembers {
    max-width: 9rem;
  }
  .cards-list-component .mat-mdc-cell .project-name-section {
    flex-flow: wrap;
    flex-direction: column;
    align-items: start;
  }
  .cards-list-component .mat-mdc-cell .project-name-section .project-folder-icon {
    width: auto;
    height: 2.5rem !important;
  }
}
.redaction-log-table-page__date-picker .mat-mdc-form-field-icon-suffix {
  width: 1.25rem;
  height: 1.25rem;
  margin-bottom: 0.25rem !important;
  padding: 0 !important;
}
.redaction-log-table-page__date-picker .mat-datepicker-toggle {
  width: 100%;
  height: 100%;
}
.redaction-log-table-page__date-picker .mat-datepicker-toggle:hover .mat-datepicker-toggle__icon {
  color: #636bf6;
}
.redaction-log-table-page__date-picker .mat-mdc-icon-button {
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}
.redaction-log-table-page__date-picker .mat-datepicker-toggle__icon {
  width: 100%;
  height: 100%;
}
.mat-mdc-checkbox-label,
.mat-mdc-input-element,
.mat-mdc-floating-label,
.mat-mdc-form-field-label,
.mat-mdc-button-wrapper {
  font-family: Nunito, sans-serif;
}
.mat-mdc-option,
.mat-option.mat-active,
.mat-option:hover:not(.mat-option-disabled),
.mat-option:focus:not(.mat-option-disabled),
.mat-primary .mat-option.mat-selected:not(.mat-option-disabled) {
  color: #4d5662;
}
.mat-mdc-option .mdc-list-item__primary-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap !important;
}
.mat-primary .mat-pseudo-checkbox-checked,
.mat-primary .mat-pseudo-checkbox-indeterminate {
  background-color: #21b888;
}
mat-form-field.mat-mdc-form-field {
  width: 100%;
}
mat-form-field.mat-mdc-form-field-infix {
  width: 100%;
}
.mat-mdc-paginator-page-size {
  text-align: center;
}
.mat-mdc-paginator-page-size .mat-mdc-form-field {
  width: 100%;
}
.mat-mdc-paginator-page-size .mat-mdc-form-field-infix {
  width: 100%;
  min-width: auto;
}
.mat-mdc-paginator-page-size .mat-select-arrow-wrapper {
  display: none;
}
.mat-mdc-paginator-page-size .mat-select-value {
  overflow: unset;
}
.mat-mdc-paginator-page-size .mat-form-field-underline {
  display: none;
}
.files-table-mat-paginator .mat-mdc-paginator-outer-container .mat-mdc-paginator-container {
  bottom: unset;
  width: 100%;
  min-height: 28px;
}
.mat-paginator-bottom-0 .mat-mdc-paginator-outer-container .mat-mdc-paginator-container {
  bottom: 0;
}
.mat-paginator-bottom-1 .mat-mdc-paginator-outer-container .mat-mdc-paginator-container {
  bottom: 1rem;
}
.mat-paginator-width-84 .mat-mdc-paginator-outer-container .mat-mdc-paginator-container {
  width: 84%;
}
.mat-mdc-paginator {
  font-size: 0.875rem;
  line-height: 1.1875rem;
  background: transparent;
}
.mat-mdc-paginator .mat-mdc-paginator-container {
  pointer-events: none;
  position: absolute;
  bottom: 0.75rem;
  overflow: hidden;
  justify-content: center;
  width: 77%;
  min-height: 0;
}
.mat-mdc-paginator .mat-mdc-paginator-container .custom-paginator-arrow-enabled,
.mat-mdc-paginator .mat-mdc-paginator-container .custom-paginator-arrow-disabled,
.mat-mdc-paginator .mat-mdc-paginator-container .mat-mdc-paginator-navigation-next,
.mat-mdc-paginator .mat-mdc-paginator-container .mat-mdc-paginator-navigation-previous {
  width: 1.5rem;
  border: none;
  color: #636bf6;
}
.mat-mdc-paginator .mat-mdc-paginator-container .custom-paginator-arrow-enabled:disabled,
.mat-mdc-paginator .mat-mdc-paginator-container .custom-paginator-arrow-disabled:disabled,
.mat-mdc-paginator .mat-mdc-paginator-container .mat-mdc-paginator-navigation-next:disabled,
.mat-mdc-paginator .mat-mdc-paginator-container .mat-mdc-paginator-navigation-previous:disabled {
  color: #cecece;
}
.mat-mdc-paginator .mat-mdc-paginator-container .custom-paginator-arrow-enabled .mat-mdc-paginator-icon,
.mat-mdc-paginator .mat-mdc-paginator-container .custom-paginator-arrow-disabled .mat-mdc-paginator-icon,
.mat-mdc-paginator .mat-mdc-paginator-container .mat-mdc-paginator-navigation-next .mat-mdc-paginator-icon,
.mat-mdc-paginator .mat-mdc-paginator-container .mat-mdc-paginator-navigation-previous .mat-mdc-paginator-icon {
  width: 1.6rem;
  height: 1.6rem;
}
.mat-mdc-paginator .mat-mdc-paginator-range-label {
  display: none;
  order: 2;
  color: #636bf6;
}
.mat-mdc-paginator .mat-mdc-paginator-navigation-previous {
  order: 0;
  color: #636bf6;
}
.mat-mdc-paginator .mat-mdc-paginator-navigation-next {
  order: 3;
  color: #636bf6;
}
.mat-mdc-paginator .mat-mdc-paginator-range-actions {
  pointer-events: all;
  display: flex;
  border: solid 0.0625rem #cecece;
  border-radius: 0.25rem 0.25rem 0 0;
  background: #fff;
  box-shadow: 0 0 0.1875rem rgba(0, 0, 0, 0.2);
}
.mat-mdc-paginator .mat-mdc-paginator-range-actions button.mat-mdc-icon-button {
  background: none;
}
.mat-mdc-paginator .mat-mdc-paginator-range-actions button {
  min-width: 2.2rem;
  height: 1.5rem;
  padding: 0;
  border-radius: 0;
  font-size: 0.9rem;
  color: #636bf6;
  vertical-align: middle;
}
.mat-mdc-paginator .mat-mdc-paginator-range-actions button:hover:not([disabled]) {
  background: rgba(0, 0, 0, 0.0666666667);
}
.mat-mdc-paginator .mat-mdc-paginator-range-actions button.custom-paginator-page-disabled {
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 0.1875rem;
  font-weight: 600;
  background: rgba(220, 228, 245, 0.3);
}
.mat-mdc-paginator .mat-mdc-paginator-range-actions button.custom-paginator-page {
  flex: 1;
  margin: 0 0.125rem;
}
@media screen and (max-width: 768px) {
  .mat-mdc-paginator .mat-mdc-paginator-container {
    bottom: 1.5rem;
  }
}
.redaction__results__field button.mat-mdc-icon-button {
  width: 2rem;
  height: 2rem;
  padding: 0;
  border-radius: 0;
  line-height: 2rem;
}
.redaction__results__field button.mat-mdc-icon-button img {
  width: 1.25rem;
  height: 1.25rem;
}
.redaction__results__field button.mat-mdc-icon-button:hover {
  background-color: unset;
}
.redaction__results__field button.mat-mdc-icon-button:hover .mat-mdc-button-persistent-ripple {
  background-color: unset;
}
.redaction__results__field button.mat-mdc-icon-button:hover .mat-mdc-button-persistent-ripple::before {
  background-color: unset;
}
.mat-mdc-table {
  width: 100%;
  background-color: transparent !important;
}
.mat-mdc-table td.mat-mdc-cell,
.mat-mdc-table th.mat-mdc-header-cell,
.mat-mdc-table td.mat-mdc-footer-cell {
  border-bottom: 0.0625rem solid #dce4f5;
  font-size: 0.875rem;
  color: #4d5662;
  vertical-align: middle;
}
.mat-mdc-table th.mat-mdc-header-cell {
  border-bottom: 0;
  font-family: Nunito, sans-serif;
  font-size: 0.875rem;
  font-weight: 500;
}
.mat-mdc-table th.mat-mdc-header-cell:first-of-type,
.mat-mdc-table td.mat-mdc-cell:first-of-type,
.mat-mdc-table td.mat-mdc-footer-cell:first-of-type,
.mat-mdc-table th.mat-header-cell:last-of-type,
.mat-mdc-table td.mat-cell:last-of-type,
.mat-mdc-table td.mat-footer-cell:last-of-type {
  padding: 0;
}
.mat-mdc-table td.mat-mdc-cell a {
  color: #4d5662;
}
.mat-mdc-table th.mat-column-redact,
.mat-mdc-table td.mat-column-redact,
.mat-mdc-table th.mat-column-options,
.mat-mdc-table td.mat-column-options {
  text-align: center;
}
.mat-mdc-table tr.mat-mdc-row,
.mat-mdc-table tr.mat-mdc-header-row,
.mat-mdc-table tr.mat-mdc-footer-row {
  height: 4.625rem;
}
td.mat-mdc-cell .tags,
.cards__item .tags {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  max-width: 18.75rem;
  min-height: 1.5rem;
}
td.mat-mdc-cell .tags .tag,
.cards__item .tags .tag {
  cursor: pointer;
  overflow: hidden;
  display: flex;
  max-width: 9.375rem;
  margin: 0.125rem;
  padding: 0.125rem 0.25rem;
  border-radius: 0.1875rem;
  font-size: 0.875rem;
  line-height: 1rem;
  color: #636bf6;
  text-overflow: ellipsis;
  text-transform: capitalize;
  white-space: nowrap;
  background-color: rgba(220, 228, 245, 0.3);
  transition: background-color 0.3s ease-in-out;
}
td.mat-mdc-cell .tags .tag:hover,
.cards__item .tags .tag:hover {
  background-color: rgba(220, 228, 245, 0.8);
}
td.mat-mdc-cell .tags .tag--no,
.cards__item .tags .tag--no {
  font-size: 0.8rem;
  color: #636bf6;
}
td.mat-mdc-cell .tags .tag--add,
.cards__item .tags .tag--add {
  position: relative;
  display: flex;
  width: 1.25rem;
  height: 1.25rem;
  background-color: rgba(220, 228, 245, 0.3);
}
td.mat-mdc-cell .tags .tag--add::before,
td.mat-mdc-cell .tags .tag--add::after,
.cards__item .tags .tag--add::before,
.cards__item .tags .tag--add::after {
  content: "";
  position: absolute;
  display: flex;
  background-color: #636bf6;
}
td.mat-mdc-cell .tags .tag--add::before,
.cards__item .tags .tag--add::before {
  top: calc(50% - 0.0625rem);
  left: 0.3125rem;
  width: 0.625rem;
  height: 0.125rem;
  border-radius: 0.125rem;
}
td.mat-mdc-cell .tags .tag--add::after,
.cards__item .tags .tag--add::after {
  top: 0.3125rem;
  left: calc(50% - 0.0625rem);
  width: 0.125rem;
  height: 0.625rem;
  border-radius: 0.125rem;
}
.mat-stepper-horizontal .mat-horizontal-content-container {
  padding: 0;
}
.mat-horizontal-stepper-header-container {
  justify-content: center;
}
.mat-horizontal-stepper-header-container.shell-stepper {
  margin-bottom: 2rem;
}
.mat-stepper-horizontal,
.mat-stepper-vertical {
  background-color: transparent;
}
.mat-step-header > .mat-step-icon.shell-stepper {
  width: 2rem;
  height: 2rem;
  border-radius: 0.5rem;
  color: #636bf6;
  background: #fbfbff;
  box-shadow: 0 0.375rem 0.75rem rgba(97, 112, 238, 0.24);
}
.mat-step-header > .mat-step-icon-selected.shell-stepper,
.mat-step-header > .mat-step-icon-state-edit.shell-stepper {
  color: #fbfbff;
  background: #636bf6;
}
.mat-stepper-horizontal-line {
  display: none;
}
.mat-mdc-form-field-appearance-fill .mat-mdc-form-field-flex {
  background-color: transparent;
}
.onboarding-stepper .mat-horizontal-stepper-header-container {
  margin-bottom: 3rem;
  background-color: transparent !important;
  box-shadow: none !important;
}
@media (max-height: 680px) {
  .onboarding-stepper .mat-horizontal-stepper-header-container {
    margin-bottom: 1rem;
  }
}
@media (max-width: 991px) {
  .onboarding-stepper .mat-horizontal-stepper-header-container {
    margin-bottom: 3rem;
  }
}
@media (max-width: 650px) {
  .onboarding-stepper .mat-horizontal-stepper-header-container {
    margin: 2.5rem 0 3rem;
  }
}
.onboarding-stepper .mat-step-header {
  background-color: transparent;
}
.onboarding-stepper .mat-horizontal-stepper-wrapper {
  background-color: #fbfbff;
}
@media (max-width: 650px) {
  .popup__form .mat-mdc-table tr.mat-mdc-row,
  .popup__form .mat-mdc-table tr.mat-mdc-header-row,
  .popup__form .mat-mdc-table tr.mat-mdc-footer-row {
    display: flex;
    height: 3.625rem;
  }
}
@media (max-width: 1024px) {
  .onboarding-stepper .mat-step-label {
    display: none !important;
  }
}
button.mat-mdc-icon-button {
  width: 2rem;
  height: 2rem;
  line-height: 0;
  vertical-align: middle;
}
button.mat-mdc-icon-button-fill {
  font-size: 0.875rem;
  background: rgba(220, 228, 245, 0.3);
  border-radius: 0.5rem;
}
button.mat-mdc-icon-button-fill:not(:disabled):hover {
  background-color: #636bf6;
  transition: all 0.3s ease-in-out;
}
button.mat-mdc-icon-button-fill:not(:disabled):hover mat-icon svg {
  fill: #fff;
  transition: all 0.3s ease-in-out;
}
button.mat-mdc-icon-button-transparent {
  background: transparent;
  border: 0.0625rem solid #aab2c2;
  border-radius: 0.1875rem;
}
button.mat-mdc-icon-button-transparent mat-icon svg {
  fill: #aab2c2;
}
button.mat-mdc-icon-button-transparent:not(:disabled):hover {
  border: 0.0625rem solid #636bf6;
  transition: all 0.3s ease-in-out;
}
button.mat-mdc-icon-button-transparent:not(:disabled):hover mat-icon svg,
button.mat-mdc-icon-button-transparent:not(:disabled):hover mat-icon svg * {
  overflow: visible;
  fill: #636bf6;
  stroke: #636bf6;
  stroke-width: 0.5;
}
button.mat-mdc-icon-button:disabled {
  cursor: not-allowed;
  opacity: 1;
}
button.mdc-button.shell-button {
  cursor: pointer;
  min-width: 4rem;
  height: 2.25rem;
  min-height: 2.25rem;
  padding: 0.625rem 1rem;
  border: 0.0625rem solid #636bf6;
  border-radius: 0.1875rem;
  color: #fff;
  text-transform: capitalize;
  letter-spacing: 0;
  background-color: #636bf6;
  outline: none;
  transition: all 0.3s ease-in-out;
}
button.mdc-button.shell-button-transparent {
  color: #636bf6;
  background-color: #fff;
}
button.mdc-button.shell-button-transparent:not(:disabled):hover {
  color: #fff;
  background-color: #636bf6;
}
button.mdc-button.shell-button-fill {
  color: #fff;
  background-color: #636bf6;
}
button.mdc-button.shell-button-fill:not(:disabled):hover {
  color: #636bf6;
  background-color: #fff;
}
button.mdc-button.shell-button .mat-button-focus-overlay {
  background: none;
}
button.mdc-button.shell-button button:disabled {
  cursor: not-allowed;
  opacity: 0.4;
}
.main .mat-mdc-select[aria-expanded=true] .mat-mdc-select-arrow-wrapper .mat-mdc-select-arrow,
.popup .mat-mdc-select[aria-expanded=true] .mat-mdc-select-arrow-wrapper .mat-mdc-select-arrow,
.cdk-overlay-container .mat-mdc-select[aria-expanded=true] .mat-mdc-select-arrow-wrapper .mat-mdc-select-arrow {
  transform: rotate(180deg);
  transition: transform 0.3s ease;
}
.main .mat-mdc-select,
.popup .mat-mdc-select,
.cdk-overlay-container .mat-mdc-select {
  width: 100%;
  font-size: 0.875rem;
  line-height: 1;
}
.main .mat-mdc-select .mat-mdc-select-value,
.popup .mat-mdc-select .mat-mdc-select-value,
.cdk-overlay-container .mat-mdc-select .mat-mdc-select-value {
  width: 100%;
}
.main .mat-mdc-select .mat-mdc-select-arrow-wrapper,
.popup .mat-mdc-select .mat-mdc-select-arrow-wrapper,
.cdk-overlay-container .mat-mdc-select .mat-mdc-select-arrow-wrapper {
  cursor: pointer;
  transform: none;
}
.main .mat-mdc-select .mat-mdc-select-arrow-wrapper .mat-mdc-select-arrow,
.popup .mat-mdc-select .mat-mdc-select-arrow-wrapper .mat-mdc-select-arrow,
.cdk-overlay-container .mat-mdc-select .mat-mdc-select-arrow-wrapper .mat-mdc-select-arrow {
  width: 5px;
  height: 4px;
  border-top: 0.375rem solid transparent;
  border-right: 0.625rem solid transparent;
  border-left: 0 solid transparent;
  border-image-source: url("./media/chevron-vertical-JV32QXBK.svg");
}
.main .mat-mdc-select .mat-mdc-select-arrow-wrapper .mat-mdc-select-arrow > svg,
.popup .mat-mdc-select .mat-mdc-select-arrow-wrapper .mat-mdc-select-arrow > svg,
.cdk-overlay-container .mat-mdc-select .mat-mdc-select-arrow-wrapper .mat-mdc-select-arrow > svg {
  display: none;
}
.main .mat-mdc-select .mat-mdc-select-value-text,
.popup .mat-mdc-select .mat-mdc-select-value-text,
.cdk-overlay-container .mat-mdc-select .mat-mdc-select-value-text {
  line-height: 1.18rem;
  color: #4d5662;
  vertical-align: middle;
}
.main .mat-mdc-select .mat-mdc-select-value-text *,
.popup .mat-mdc-select .mat-mdc-select-value-text *,
.cdk-overlay-container .mat-mdc-select .mat-mdc-select-value-text * {
  line-height: 1.1875rem;
  vertical-align: middle;
}
.main .mat-mdc-select .mat-mdc-select-placeholder,
.popup .mat-mdc-select .mat-mdc-select-placeholder,
.cdk-overlay-container .mat-mdc-select .mat-mdc-select-placeholder {
  margin-left: 0.625rem;
  line-height: 1.18rem;
  color: #aab2c2;
  vertical-align: middle;
  transition: color 400ms 133.333333ms cubic-bezier(0.25, 0.8, 0.25, 1);
}
.main .mat-mdc-select .mat-mdc-select-placeholder *,
.popup .mat-mdc-select .mat-mdc-select-placeholder *,
.cdk-overlay-container .mat-mdc-select .mat-mdc-select-placeholder * {
  line-height: 1.1875rem;
  vertical-align: middle;
}
.main .mat-mdc-select .mat-mdc-select-invalid,
.popup .mat-mdc-select .mat-mdc-select-invalid,
.cdk-overlay-container .mat-mdc-select .mat-mdc-select-invalid {
  border-bottom: 0.0625rem solid #ee4266;
}
.main .mat-mdc-select .mat-mdc-select-invalid .mat-mdc-select-arrow-wrapper .mat-mdc-select-arrow,
.popup .mat-mdc-select .mat-mdc-select-invalid .mat-mdc-select-arrow-wrapper .mat-mdc-select-arrow,
.cdk-overlay-container .mat-mdc-select .mat-mdc-select-invalid .mat-mdc-select-arrow-wrapper .mat-mdc-select-arrow {
  margin-right: 0.625rem;
  border-top: 0.625rem solid transparent;
  border-right: 0.625rem solid transparent;
  border-left: 0 solid transparent;
  fill: #ee4266;
}
@media (max-width: 1101px) {
  .main .mat-mdc-select .mat-mdc-select-value,
  .popup .mat-mdc-select .mat-mdc-select-value,
  .cdk-overlay-container .mat-mdc-select .mat-mdc-select-value {
    margin-top: 0;
  }
}
@media (max-width: 1001px) {
  .main .mat-mdc-select .mat-mdc-select-value,
  .popup .mat-mdc-select .mat-mdc-select-value,
  .cdk-overlay-container .mat-mdc-select .mat-mdc-select-value {
    padding-top: 0;
  }
}
@media (max-width: 699px) {
  .main .mat-mdc-select .mat-mdc-select-value,
  .popup .mat-mdc-select .mat-mdc-select-value,
  .cdk-overlay-container .mat-mdc-select .mat-mdc-select-value {
    position: relative;
  }
}
.main .mat-mdc-form-field,
.popup .mat-mdc-form-field,
.cdk-overlay-container .mat-mdc-form-field {
  line-height: 1;
}
.main .mat-mdc-form-field-type-mat-select.mat-form-field-appearance-fill .mat-mdc-floating-label,
.popup .mat-mdc-form-field-type-mat-select.mat-form-field-appearance-fill .mat-mdc-floating-label,
.cdk-overlay-container .mat-mdc-form-field-type-mat-select.mat-form-field-appearance-fill .mat-mdc-floating-label {
  left: auto;
  max-width: calc(100% - 0.5rem);
}
.main .mat-form-field-underline::before,
.popup .mat-form-field-underline::before,
.cdk-overlay-container .mat-form-field-underline::before {
  height: 0.0625rem;
  background-color: #636bf6;
}
.main .mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-floating-label,
.popup .mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-floating-label,
.cdk-overlay-container .mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-floating-label {
  color: #636bf6;
}
.main .mat-mdc-form-field.mat-focused .mat-icon-title-color svg,
.popup .mat-mdc-form-field.mat-focused .mat-icon-title-color svg,
.cdk-overlay-container .mat-mdc-form-field.mat-focused .mat-icon-title-color svg {
  fill: #636bf6;
}
.cdk-overlay-pane {
  pointer-events: none;
  position: absolute;
  z-index: 1000;
  transform: none;
  display: flex;
  box-sizing: border-box;
  max-height: 100%;
  margin-top: 0;
}
.cdk-overlay-pane > * {
  pointer-events: all;
}
.cdk-overlay-pane .mat-mdc-select-panel {
  transform-origin: 0;
}
.cdk-overlay-pane .mat-mdc-select-panel:not([class*=mat-elevation-z]) {
  position: relative;
  padding: 0;
  border-radius: 0.3125rem;
  background: #fbfbff;
  box-shadow: 0 0.25rem 1.25rem rgba(115, 115, 123, 0.14);
}
.cdk-overlay-pane .mat-mdc-select-panel .mat-mdc-option {
  font-size: 0.875rem;
}
.cdk-overlay-pane .mat-mdc-select-panel .mat-mdc-option.filter-option.mdc-list-item--disabled .mat-pseudo-checkbox {
  display: none;
}
.cdk-overlay-pane .mat-mdc-select-panel .mat-mdc-option .mat-pseudo-checkbox-minimal {
  display: none;
}
.cdk-overlay-pane .mat-mdc-select-panel .mat-mdc-option:hover .mdc-list-item__primary-text {
  color: #636bf6;
}
.cdk-overlay-pane .mat-mdc-select-panel .mat-mdc-option.mat-active:not(.mat-mdc-option-multiple),
.cdk-overlay-pane .mat-mdc-select-panel .mat-option.mat-selected:not(.mat-option-multiple),
.cdk-overlay-pane .mat-mdc-select-panel .mat-option.mat-selected:not(.mat-option-multiple),
.cdk-overlay-pane .mat-mdc-select-panel .mat-option.mat-selected:not(.mat-option-multiple, .mat-option-disabled),
.cdk-overlay-pane .mat-mdc-select-panel .mat-option:focus:not(.mat-option-multiple, .mat-option-disabled),
.cdk-overlay-pane .mat-mdc-select-panel .mat-option:hover:not(.mat-option-multiple, .mat-option-disabled) {
  color: #636bf6;
  background: rgba(220, 228, 245, 0.3);
}
.cdk-overlay-pane .mat-mdc-select-panel .mat-mdc-option:not(mat-option-multiple) {
  min-height: 2.1875rem;
  padding: 0.5rem 1.25rem;
  font-family: Nunito, sans-serif;
  line-height: 1.3rem;
}
.cdk-overlay-pane .mat-mdc-select-panel .mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled) .mdc-list-item__primary-text {
  color: #636bf6;
}
.cdk-overlay-pane .mat-mdc-select-panel .mat-mdc-option.mat-mdc-option-multiple {
  background: #fff;
}
.cdk-overlay-pane .mat-mdc-select-panel .mat-mdc-option.mat-mdc-option-multiple .mat-mdc-option-pseudo-checkbox {
  margin-right: 1rem;
}
.cdk-overlay-pane .mat-mdc-select-panel .mat-mdc-option.mat-mdc-option-multiple .mat-pseudo-checkbox {
  box-sizing: border-box;
  width: 1.25rem;
  height: 1.25rem;
  border: 0.0625rem solid #aab2c2;
  border-radius: 0.1875rem;
}
.cdk-overlay-pane .mat-mdc-select-panel .mat-mdc-option.mat-mdc-option-multiple .mat-pseudo-checkbox-checked {
  border: 0.0625rem solid #21b888;
}
.cdk-overlay-pane .mat-mdc-select-panel .mat-mdc-option.mat-mdc-option-multiple .mat-pseudo-checkbox-checked::after {
  transform: rotate(-45deg);
  box-sizing: content-box;
  width: 0.625rem;
  height: 0.25rem;
  opacity: 1;
}
.cdk-overlay-pane .mat-mdc-select-panel .mat-mdc-option {
  padding: 0;
}
.cdk-overlay-pane .mat-mdc-select-panel .mat-mdc-option .mat-mdc-option-ripple .mat-ripple-element {
  opacity: 0.4;
  background-color: #636bf6;
}
.cdk-overlay-pane .select-country-form-field-options .mat-pseudo-checkbox-minimal.mat-pseudo-checkbox-checked::after {
  color: #fff;
}
.sorting .mat-select-panel-wrap .mat-select-panel .mat-option.mat-active:not(.mat-option-multiple) {
  background: #fff;
}
.mat-mdc-select-disabled .mat-mdc-select-arrow {
  display: none;
}
.draw-template-option,
.redaction-reason-option {
  padding: 0 0.8rem;
}
.draw-template-option .mdc-list-item__primary-text,
.redaction-reason-option .mdc-list-item__primary-text {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.draw-template-option .template-text,
.draw-template-option .reason-name,
.redaction-reason-option .template-text,
.redaction-reason-option .reason-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.draw-template-option.small-draw-template-option.mat-mdc-option:not(mat-option-multiple),
.draw-template-option.small-redaction-reason-option.mat-mdc-option:not(mat-option-multiple),
.redaction-reason-option.small-draw-template-option.mat-mdc-option:not(mat-option-multiple),
.redaction-reason-option.small-redaction-reason-option.mat-mdc-option:not(mat-option-multiple) {
  padding: 0.5rem 0 0.5rem 0.5rem !important;
  font-size: 0.75rem !important;
}
.cdk-overlay-pane .mat-mdc-select-panel .mat-mdc-option:not(mat-option-multiple).zero-option {
  min-height: 0;
  padding: 0;
}
mat-option.mat-mdc-option.mdc-list-item--selected.mat-mdc-option-active.mdc-list-item.redaction-reason-option {
  background-color: rgba(0, 0, 0, 0.09);
}
.main input.mat-mdc-input-element::placeholder,
.popup input.mat-mdc-input-element::placeholder,
.cdk-overlay-container input.mat-mdc-input-element::placeholder {
  color: #4d5662;
  text-indent: 0.2rem;
  transition: color 400ms 133.333333ms cubic-bezier(0.25, 0.8, 0.25, 1);
}
.main .mdc-text-field--filled:not(.mdc-text-field--disabled),
.popup .mdc-text-field--filled:not(.mdc-text-field--disabled),
.cdk-overlay-container .mdc-text-field--filled:not(.mdc-text-field--disabled) {
  display: flex;
  align-items: center;
  padding: 0 0.5rem 0.1rem;
  background-color: transparent;
}
.main .mat-mdc-form-field-flex,
.popup .mat-mdc-form-field-flex,
.cdk-overlay-container .mat-mdc-form-field-flex {
  align-items: center;
}
.main .mat-mdc-form-field-type-mat-select .mat-mdc-form-field-bottom-align,
.popup .mat-mdc-form-field-type-mat-select .mat-mdc-form-field-bottom-align,
.cdk-overlay-container .mat-mdc-form-field-type-mat-select .mat-mdc-form-field-bottom-align {
  font-size: 0.875rem;
  text-align: right;
}
.main .mat-mdc-form-field-type-mat-select .mat-mdc-form-field-bottom-align::before,
.popup .mat-mdc-form-field-type-mat-select .mat-mdc-form-field-bottom-align::before,
.cdk-overlay-container .mat-mdc-form-field-type-mat-select .mat-mdc-form-field-bottom-align::before {
  display: inline;
}
.main .mat-mdc-form-field-type-mat-input,
.main .mat-mdc-form-field-type-mat-chip-grid,
.popup .mat-mdc-form-field-type-mat-input,
.popup .mat-mdc-form-field-type-mat-chip-grid,
.cdk-overlay-container .mat-mdc-form-field-type-mat-input,
.cdk-overlay-container .mat-mdc-form-field-type-mat-chip-grid {
}
.main .mat-mdc-form-field-type-mat-input .mdc-text-field--filled:not(.mdc-text-field--disabled) .mat-mdc-form-field-focus-overlay,
.main .mat-mdc-form-field-type-mat-chip-grid .mdc-text-field--filled:not(.mdc-text-field--disabled) .mat-mdc-form-field-focus-overlay,
.popup .mat-mdc-form-field-type-mat-input .mdc-text-field--filled:not(.mdc-text-field--disabled) .mat-mdc-form-field-focus-overlay,
.popup .mat-mdc-form-field-type-mat-chip-grid .mdc-text-field--filled:not(.mdc-text-field--disabled) .mat-mdc-form-field-focus-overlay,
.cdk-overlay-container .mat-mdc-form-field-type-mat-input .mdc-text-field--filled:not(.mdc-text-field--disabled) .mat-mdc-form-field-focus-overlay,
.cdk-overlay-container .mat-mdc-form-field-type-mat-chip-grid .mdc-text-field--filled:not(.mdc-text-field--disabled) .mat-mdc-form-field-focus-overlay {
  background: #fff;
}
.main .mat-mdc-form-field-type-mat-input .mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-line-ripple:hover,
.main .mat-mdc-form-field-type-mat-chip-grid .mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-line-ripple:hover,
.popup .mat-mdc-form-field-type-mat-input .mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-line-ripple:hover,
.popup .mat-mdc-form-field-type-mat-chip-grid .mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-line-ripple:hover,
.cdk-overlay-container .mat-mdc-form-field-type-mat-input .mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-line-ripple:hover,
.cdk-overlay-container .mat-mdc-form-field-type-mat-chip-grid .mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-line-ripple:hover {
  border-bottom-color: red;
}
.main .mat-mdc-form-field-type-mat-input .mdc-text-field--filled:not(.mdc-text-field--disabled):hover .mdc-line-ripple::before,
.main .mat-mdc-form-field-type-mat-chip-grid .mdc-text-field--filled:not(.mdc-text-field--disabled):hover .mdc-line-ripple::before,
.popup .mat-mdc-form-field-type-mat-input .mdc-text-field--filled:not(.mdc-text-field--disabled):hover .mdc-line-ripple::before,
.popup .mat-mdc-form-field-type-mat-chip-grid .mdc-text-field--filled:not(.mdc-text-field--disabled):hover .mdc-line-ripple::before,
.cdk-overlay-container .mat-mdc-form-field-type-mat-input .mdc-text-field--filled:not(.mdc-text-field--disabled):hover .mdc-line-ripple::before,
.cdk-overlay-container .mat-mdc-form-field-type-mat-chip-grid .mdc-text-field--filled:not(.mdc-text-field--disabled):hover .mdc-line-ripple::before {
  border-bottom-color: #636bf6;
}
.main .mat-mdc-form-field-type-mat-input .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-line-ripple::before,
.main .mat-mdc-form-field-type-mat-chip-grid .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-line-ripple::before,
.popup .mat-mdc-form-field-type-mat-input .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-line-ripple::before,
.popup .mat-mdc-form-field-type-mat-chip-grid .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-line-ripple::before,
.cdk-overlay-container .mat-mdc-form-field-type-mat-input .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-line-ripple::before,
.cdk-overlay-container .mat-mdc-form-field-type-mat-chip-grid .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-line-ripple::before {
  border-bottom-color: red;
}
.main .mat-mdc-form-field-type-mat-input .mdc-text-field--invalid:not(.mdc-text-field--disabled):hover .mdc-line-ripple::before,
.main .mat-mdc-form-field-type-mat-chip-grid .mdc-text-field--invalid:not(.mdc-text-field--disabled):hover .mdc-line-ripple::before,
.popup .mat-mdc-form-field-type-mat-input .mdc-text-field--invalid:not(.mdc-text-field--disabled):hover .mdc-line-ripple::before,
.popup .mat-mdc-form-field-type-mat-chip-grid .mdc-text-field--invalid:not(.mdc-text-field--disabled):hover .mdc-line-ripple::before,
.cdk-overlay-container .mat-mdc-form-field-type-mat-input .mdc-text-field--invalid:not(.mdc-text-field--disabled):hover .mdc-line-ripple::before,
.cdk-overlay-container .mat-mdc-form-field-type-mat-chip-grid .mdc-text-field--invalid:not(.mdc-text-field--disabled):hover .mdc-line-ripple::before {
  border-bottom-color: red;
}
.main .mat-mdc-form-field-type-mat-input .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input,
.main .mat-mdc-form-field-type-mat-chip-grid .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input,
.popup .mat-mdc-form-field-type-mat-input .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input,
.popup .mat-mdc-form-field-type-mat-chip-grid .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input,
.cdk-overlay-container .mat-mdc-form-field-type-mat-input .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input,
.cdk-overlay-container .mat-mdc-form-field-type-mat-chip-grid .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input {
  font-size: 0.875rem;
}
.main .mat-mdc-form-field-type-mat-input .mat-mdc-form-field-required-marker,
.main .mat-mdc-form-field-type-mat-chip-grid .mat-mdc-form-field-required-marker,
.popup .mat-mdc-form-field-type-mat-input .mat-mdc-form-field-required-marker,
.popup .mat-mdc-form-field-type-mat-chip-grid .mat-mdc-form-field-required-marker,
.cdk-overlay-container .mat-mdc-form-field-type-mat-input .mat-mdc-form-field-required-marker,
.cdk-overlay-container .mat-mdc-form-field-type-mat-chip-grid .mat-mdc-form-field-required-marker {
  color: red;
}
.main .mat-mdc-form-field-type-mat-input .mdc-line-ripple::after,
.main .mat-mdc-form-field-type-mat-chip-grid .mdc-line-ripple::after,
.popup .mat-mdc-form-field-type-mat-input .mdc-line-ripple::after,
.popup .mat-mdc-form-field-type-mat-chip-grid .mdc-line-ripple::after,
.cdk-overlay-container .mat-mdc-form-field-type-mat-input .mdc-line-ripple::after,
.cdk-overlay-container .mat-mdc-form-field-type-mat-chip-grid .mdc-line-ripple::after {
  border-bottom-color: #636bf6;
  border-bottom-width: 1px;
}
.main .mat-mdc-form-field-type-mat-input .mat-mdc-form-field:not(.mat-form-field-no-animations) .mdc-floating-label,
.main .mat-mdc-form-field-type-mat-chip-grid .mat-mdc-form-field:not(.mat-form-field-no-animations) .mdc-floating-label,
.popup .mat-mdc-form-field-type-mat-input .mat-mdc-form-field:not(.mat-form-field-no-animations) .mdc-floating-label,
.popup .mat-mdc-form-field-type-mat-chip-grid .mat-mdc-form-field:not(.mat-form-field-no-animations) .mdc-floating-label,
.cdk-overlay-container .mat-mdc-form-field-type-mat-input .mat-mdc-form-field:not(.mat-form-field-no-animations) .mdc-floating-label,
.cdk-overlay-container .mat-mdc-form-field-type-mat-chip-grid .mat-mdc-form-field:not(.mat-form-field-no-animations) .mdc-floating-label {
  font-size: 0.875rem;
}
.main .mat-mdc-form-field-type-mat-input .mat-mdc-form-field-bottom-align,
.main .mat-mdc-form-field-type-mat-chip-grid .mat-mdc-form-field-bottom-align,
.popup .mat-mdc-form-field-type-mat-input .mat-mdc-form-field-bottom-align,
.popup .mat-mdc-form-field-type-mat-chip-grid .mat-mdc-form-field-bottom-align,
.cdk-overlay-container .mat-mdc-form-field-type-mat-input .mat-mdc-form-field-bottom-align,
.cdk-overlay-container .mat-mdc-form-field-type-mat-chip-grid .mat-mdc-form-field-bottom-align {
  font-size: 0.875rem;
  text-align: right;
}
.main .mat-mdc-form-field-type-mat-input .mat-mdc-form-field-bottom-align::before,
.main .mat-mdc-form-field-type-mat-chip-grid .mat-mdc-form-field-bottom-align::before,
.popup .mat-mdc-form-field-type-mat-input .mat-mdc-form-field-bottom-align::before,
.popup .mat-mdc-form-field-type-mat-chip-grid .mat-mdc-form-field-bottom-align::before,
.cdk-overlay-container .mat-mdc-form-field-type-mat-input .mat-mdc-form-field-bottom-align::before,
.cdk-overlay-container .mat-mdc-form-field-type-mat-chip-grid .mat-mdc-form-field-bottom-align::before {
  display: inline;
}
.main .mat-mdc-form-field .mat-mdc-form-field-bottom-align::before,
.popup .mat-mdc-form-field .mat-mdc-form-field-bottom-align::before,
.cdk-overlay-container .mat-mdc-form-field .mat-mdc-form-field-bottom-align::before {
  display: inline;
}
.main .mat-mdc-form-field.mat-focused .mat-mdc-form-field-focus-overlay,
.popup .mat-mdc-form-field.mat-focused .mat-mdc-form-field-focus-overlay,
.cdk-overlay-container .mat-mdc-form-field.mat-focused .mat-mdc-form-field-focus-overlay {
  opacity: 0;
}
.main .mat-mdc-form-field:hover .mat-mdc-form-field-focus-overlay,
.popup .mat-mdc-form-field:hover .mat-mdc-form-field-focus-overlay,
.cdk-overlay-container .mat-mdc-form-field:hover .mat-mdc-form-field-focus-overlay {
  opacity: 0;
}
.main .mat-mdc-form-field.bates-numbering-input-mat-form-field .mat-mdc-text-field-wrapper,
.main .mat-mdc-form-field.bates-numbering-range-input-mat-form-field .mat-mdc-text-field-wrapper,
.popup .mat-mdc-form-field.bates-numbering-input-mat-form-field .mat-mdc-text-field-wrapper,
.popup .mat-mdc-form-field.bates-numbering-range-input-mat-form-field .mat-mdc-text-field-wrapper,
.cdk-overlay-container .mat-mdc-form-field.bates-numbering-input-mat-form-field .mat-mdc-text-field-wrapper,
.cdk-overlay-container .mat-mdc-form-field.bates-numbering-range-input-mat-form-field .mat-mdc-text-field-wrapper {
  padding: 0;
}
.mdc-text-field:not(.mdc-text-field--disabled) .mdc-floating-label {
  color: #4d5662;
}
.mdc-text-field--focused:not(.mdc-text-field--disabled) label.mdc-floating-label,
.mdc-text-field.mdc-text-field--focused .mdc-floating-label {
  color: #636bf6;
}
.cdk-overlay-container mat-form-field.save-search-exclusion-input div.mat-mdc-text-field-wrapper {
  max-height: 2.5rem;
  padding-top: 1.1rem;
}
.mat-mdc-progress-spinner circle {
  stroke: #636bf6;
}
.mat-mdc-progress-spinner.green-spinner circle {
  stroke: #21b888;
}
.mat-mdc-progress-spinner.green-spinner-background circle {
  stroke: #d5f6ec;
}
.security__password .mat-mdc-form-field-error-wrapper {
  padding: 0;
}
.mat-mdc-form-field .mat-mdc-form-field-icon-suffix,
.mat-form-field-appearance-fill .mat-mdc-form-field-icon-suffix {
  display: flex;
  align-self: flex-end;
  padding: 0 0 0 0.25rem;
}
.mat-mdc-form-field.hide-underline,
.mat-form-field-appearance-fill.hide-underline {
}
.mat-mdc-form-field.hide-underline .mat-form-field-underline,
.mat-form-field-appearance-fill.hide-underline .mat-form-field-underline {
  display: none;
}
.mat-mdc-form-field textarea.mat-input-element,
.mat-mdc-form-field textarea.cdk-textarea-autosize,
.mat-form-field-appearance-fill textarea.mat-input-element,
.mat-form-field-appearance-fill textarea.cdk-textarea-autosize {
  line-height: 1.18rem;
  color: #4d5662;
  vertical-align: middle;
}
.redaction__color .mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-line-ripple::before {
  border-bottom-color: #dce4f5;
}
.redaction__color .mat-mdc-form-field:not(.mat-form-field-no-animations) .mdc-line-ripple::after {
  border-width: 1px;
  border-bottom-color: #636bf6;
}
.redaction__color .redaction-color-option > .mdc-list-item .mdc-list-item__primary-text {
  color: #4d5662;
}
.user-introduction-form {
}
.user-introduction-form .mat-form-field-underline {
  background-color: #636bf6;
}
.user-introduction-form .mat-mdc-form-field-type-mat-select.mat-form-field-appearance-fill .mat-mdc-floating-label {
  top: 2.4rem;
  font-size: 0.875rem;
  line-height: 1;
}
.user-introduction-form .mat-mdc-form-field-error {
  display: block;
  height: 1.25rem;
  font-size: 0.875rem;
  text-align: right;
}
.user-introduction-form .mat-mdc-select-value {
  margin-top: 0;
}
.user-introduction-form .mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-line-ripple::before {
  border-bottom-color: #636bf6;
}
.user-introduction-form .mdc-text-field--filled .mdc-line-ripple::after {
  border-bottom-color: #636bf6;
}
.user-introduction-form .mdc-text-field:not(.mdc-text-field--disabled) .mdc-floating-label {
  color: #4d5662;
}
.user-introduction-form .mdc-text-field:not(.mdc-text-field--disabled) .mdc-floating-label .mat-mdc-form-field-required-marker {
  color: red;
}
.user-introduction-form .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-floating-label {
  color: red;
}
.user-introduction-form .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-line-ripple::before {
  border-bottom-color: red;
}
.user-introduction-form .mdc-line-ripple::after {
  border-bottom-width: 1px;
}
.user-introduction-form .button--fill {
  margin-top: 2rem;
}
.user-introduction-form .mat-form-field-wrapper mat-form-field button {
  margin: unset;
  -webkit-mask: none;
  mask: none;
}
.user-introduction-form .mat-form-field-wrapper mat-form-field .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-floating-label {
  top: 50%;
}
.user-introduction-form .mat-form-field-wrapper mat-form-field input.mat-mdc-input-element {
  padding-bottom: 0;
}
.mat-mdc-form-field-flex .mat-mdc-form-field-icon-prefix {
  position: relative;
  display: flex;
  align-self: flex-end;
  padding-bottom: 0.1rem;
  line-height: 1;
}
.mat-mdc-form-field.textaria-form-field .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-floating-label {
  top: 0;
  left: 0;
  transform: translateY(0) scale(0.75);
}
.mat-mdc-form-field.range-input-mat-form-field div.mdc-text-field--disabled,
.mat-mdc-form-field.bates-numbering-input-mat-form-field div.mdc-text-field--disabled,
.mat-mdc-form-field.bates-numbering-range-input-mat-form-field div.mdc-text-field--disabled {
  background-color: inherit;
}
.mat-datepicker-toggle {
}
.mat-datepicker-toggle .mat-mdc-icon-button {
  height: 1.2rem;
  margin-right: 0.25rem;
  margin-bottom: 0.05rem;
  vertical-align: middle;
  border-radius: 0;
}
.mat-datepicker-toggle .mat-button-focus-overlay {
  display: none;
}
.mat-datepicker-toggle .mat-mdc-icon-button:hover {
  background-color: transparent;
  transition: none;
}
.mat-datepicker-toggle .mat-button-wrapper {
  display: none;
}
.mat-datepicker-toggle .mat-button-ripple {
  display: none;
}
:root .mat-calendar {
  padding: 0 0.9375rem;
}
:root .mat-calendar .mat-calendar-period-button {
  bottom: 0.3125rem;
  color: #4d5662;
  background: transparent;
  border: none;
}
:root .mat-calendar .mat-calendar-period-button .mdc-button__label span {
  display: inline-block;
  text-transform: lowercase;
}
:root .mat-calendar .mat-calendar-period-button .mdc-button__label span::first-letter {
  text-transform: uppercase;
}
:root .mat-calendar .mat-calendar-period-button .mat-calendar-arrow {
  margin-right: 0.625rem;
  border-top: 0.4375rem solid transparent;
  border-right: 0.625rem solid transparent;
  border-left: 0 solid transparent;
  border-image-source: url("./media/chevron-vertical-JV32QXBK.svg");
}
:root .mat-calendar .mat-calendar-body-label[colspan="7"] {
  display: none;
}
:root .mat-calendar .mat-calendar-body-label {
  opacity: 0;
}
:root .mat-calendar .mat-calendar-body-selected {
  color: #fff !important;
  background-color: #636bf6;
}
:root .mat-calendar .mat-mdc-button {
  height: 2.5rem;
}
:root .mat-calendar .mat-mdc-icon-button:hover {
  background-color: transparent;
}
:root .mat-calendar .mat-calendar-table-header-divider::after {
  margin: 0.3125rem 0.75rem 0;
}
:root .mat-calendar .mat-calendar-body-cell {
  display: flex;
  align-items: center;
  justify-content: center;
}
:root .mat-calendar .mat-calendar-body-cell .mat-calendar-body-cell-content {
  margin-top: 0.3125rem;
  color: #4d5662;
}
:root .mat-calendar .mat-calendar-body-cell .mat-calendar-body-cell-content:hover {
  color: #fff;
  background-color: #636bf6;
}
:root .mat-calendar .mat-calendar-body-cell-container button.mat-calendar-body-cell:hover .mat-calendar-body-cell-content.mat-focus-indicator:hover {
  color: #fff;
  background-color: #636bf6;
}
:root .mat-calendar .cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected, .mat-calendar-body-comparison-identical),
:root .mat-calendar .cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected, .mat-calendar-body-comparison-identical),
:root .mat-calendar .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected, .mat-calendar-body-comparison-identical) {
  background: none;
}
:root .mat-calendar .mat-calendar-body-cell .mat-calendar-body-active .mat-calendar-body-today {
  color: #4d5662;
  background: none;
}
:root .mat-calendar .mat-calendar-body-comparison-identical {
  background: #1bb240;
}
:root .mat-calendar .mat-calendar-body-today:not(.mat-calendar-body-selected, .mat-calendar-body-comparison-identical) {
  border-color: #636bf6;
}
:root .mat-calendar abbr {
  color: #7e818c;
}
:root .mat-calendar mat-month-view .mat-calendar-body-cell .mat-calendar-body-cell-content {
  position: relative;
  width: 1.5rem;
  height: 1.5rem;
  margin: 0;
}
.mat-datepicker-actions {
  padding-right: 1.5rem;
  padding-bottom: 0.75rem;
}
.mat-date-range-input-container {
  margin-left: 0.625rem;
}
.mat-icon-blue-color svg {
  fill: #636bf6;
}
.mat-icon-default-color svg {
  fill: #aab2c2;
}
.mat-icon-title-color svg {
  fill: #4d5662;
}
.mat-mdc-menu-panel {
  padding: 0.25rem 0;
  border-radius: 0.3125rem;
  box-shadow: 0 0.2rem 0.6rem rgba(127, 127, 165, 0.5);
}
.mat-mdc-menu-panel.team-member-list {
  max-height: 21rem;
}
.mat-mdc-menu-panel .mat-mdc-menu-item,
.mat-mdc-menu-panel .mat-mdc-menu-item:has(.material-icons, mat-icon, [matButtonIcon]) {
  height: 2.1875rem;
  padding: 0;
  padding-right: 1.25rem;
  padding-left: 1.25rem;
  font-size: 0.875rem;
  line-height: 2.1875rem;
  color: #4d5662;
}
.mat-mdc-menu-panel .mat-mdc-menu-item .mat-icon,
.mat-mdc-menu-panel .mat-mdc-menu-item:has(.material-icons, mat-icon, [matButtonIcon]) .mat-icon {
  width: 1rem;
  height: 1rem;
  margin-right: 1rem;
}
.mat-mdc-menu-panel .mat-mdc-menu-item .mat-icon[data-mat-icon-name=option_document_pdf_icon],
.mat-mdc-menu-panel .mat-mdc-menu-item .mat-icon[data-mat-icon-name=option_certificate_icon],
.mat-mdc-menu-panel .mat-mdc-menu-item:has(.material-icons, mat-icon, [matButtonIcon]) .mat-icon[data-mat-icon-name=option_document_pdf_icon],
.mat-mdc-menu-panel .mat-mdc-menu-item:has(.material-icons, mat-icon, [matButtonIcon]) .mat-icon[data-mat-icon-name=option_certificate_icon] {
  width: 1.2rem;
  height: 1.2rem;
  margin-left: -0.2rem;
}
.mat-mdc-menu-panel .mat-mdc-menu-item .mat-icon svg,
.mat-mdc-menu-panel .mat-mdc-menu-item:has(.material-icons, mat-icon, [matButtonIcon]) .mat-icon svg {
  vertical-align: top;
  fill: #4d5662;
}
.mat-mdc-menu-panel .mat-mdc-menu-item:hover:not([disabled]) {
  background: #fbfbff;
}
.mat-mdc-menu-panel .mat-mdc-menu-item.select-category-matches-button:disabled:hover {
  background: inherit;
}
.show-actions-button .mat-mdc-select-arrow-wrapper {
  padding-right: 1.5rem;
}
.reason-actions-menu {
  border-radius: 0.313rem;
}
.reason-actions-menu .mat-mdc-menu-content {
  min-height: 0;
  padding: 0;
}
.reason-actions-menu img {
  filter: invert(33%) sepia(6%) saturate(1100%) hue-rotate(175deg) brightness(94%) contrast(92%);
}
.mat-mdc-menu-content__item,
.mat-mdc-menu-content .reason-actions-menu__item {
  display: flex;
  align-items: center;
  height: 2.188rem;
  min-height: 0;
  padding: 0 0.656rem;
  color: #4d5662;
  border-radius: 0.313rem;
}
.mat-mdc-menu-content__item span.mat-mdc-menu-item-text,
.mat-mdc-menu-content .reason-actions-menu__item span.mat-mdc-menu-item-text {
  display: flex;
  align-items: center;
  font-family: Nunito, sans-serif;
  font-size: 0.75rem;
}
.mat-mdc-menu-content__item:hover,
.mat-mdc-menu-content__item:active,
.mat-mdc-menu-content .reason-actions-menu__item:hover,
.mat-mdc-menu-content .reason-actions-menu__item:active {
  color: #636bf6;
}
.mat-mdc-menu-content__item:hover img,
.mat-mdc-menu-content__item:active img,
.mat-mdc-menu-content .reason-actions-menu__item:hover img,
.mat-mdc-menu-content .reason-actions-menu__item:active img {
  filter: invert(43%) sepia(62%) saturate(4010%) hue-rotate(223deg) brightness(101%) contrast(93%);
}
.result-action-area-option-list.mat-mdc-menu-panel {
  max-width: 12rem;
  padding: 0;
  background-color: #fff;
  border-radius: 0.25rem;
  box-shadow: rgba(0, 0, 0, 0.35) 0 0.313rem 0.313rem;
}
.result-action-area-option-list.mat-mdc-menu-panel .mat-mdc-menu-content {
  padding: 0;
}
.result-action-area-option-list.mat-mdc-menu-panel .result-action-menu-button span.mat-mdc-menu-item-text {
  font-family: Nunito, sans-serif;
  font-size: 0.875rem !important;
}
@media (max-width: 650px) {
  .mat-mdc-menu-panel .mat-mdc-menu-item {
    height: auto;
    min-height: auto;
    padding: 0.5rem 1rem;
    line-height: 1;
  }
}
.mat-sort-header-container {
  position: relative;
}
.mat-sort-header-container .mat-sort-header-arrow {
  position: relative;
  transform: none !important;
  width: 0.625rem;
  height: 0.375rem;
}
.mat-sort-header-container .mat-sort-header-arrow::before,
.mat-sort-header-container .mat-sort-header-arrow::after {
  content: "";
  position: absolute;
  display: block;
  width: 0.4375rem;
  height: 0.4375rem;
  background-color: #717881;
  -webkit-mask-size: contain;
  mask-size: contain;
}
.mat-sort-header-container .mat-sort-header-arrow::after {
  -webkit-mask: url("./media/chevron-vertical-JV32QXBK.svg") no-repeat center;
  mask: url("./media/chevron-vertical-JV32QXBK.svg") no-repeat center;
}
.mat-sort-header-container .mat-sort-header-arrow::before {
  transform-origin: center;
  transform: rotate(180deg);
  -webkit-mask: url("./media/chevron-vertical-JV32QXBK.svg") no-repeat center;
  mask: url("./media/chevron-vertical-JV32QXBK.svg") no-repeat center;
}
.mat-sort-header-container .mat-sort-header-arrow svg {
  display: none;
}
.mat-sort-header-container:not(.mat-sort-header-sorted) .mat-sort-header-arrow::before,
.mat-sort-header-container:not(.mat-sort-header-sorted) .mat-sort-header-arrow::after {
  width: 0.4375rem;
  height: 0.4375rem;
}
.mat-sort-header-container:not(.mat-sort-header-sorted) .mat-sort-header-arrow::before {
  bottom: 0.25rem;
}
.mat-sort-header-container:not(.mat-sort-header-sorted) .mat-sort-header-arrow::after {
  top: 0.35rem;
}
.mat-sort-header-container.mat-sort-header-ascending.mat-sort-header-sorted .mat-sort-header-arrow::before {
  bottom: 0;
}
.mat-sort-header-container.mat-sort-header-ascending.mat-sort-header-sorted .mat-sort-header-arrow::after {
  content: none;
}
.mat-sort-header-container.mat-sort-header-descending.mat-sort-header-sorted .mat-sort-header-arrow::after {
  top: -0.0625rem;
}
.mat-sort-header-container.mat-sort-header-descending.mat-sort-header-sorted .mat-sort-header-arrow::before {
  content: none;
}
.mat-sort-header:hover .mat-sort-header-arrow {
  opacity: 1 !important;
}
.mat-mdc-tooltip,
.mat-mdc-tooltip.mat-mdc-tooltip-handset {
  max-width: 16.666rem;
  margin: 0.875rem;
  padding: 0.05rem;
  border-radius: 0.25rem;
  font-size: 0.7rem;
}
.mat-mdc-tooltip.owner-info-tooltip {
  white-space: pre-line;
}
.grey-tooltip {
  display: block;
  padding-right: 0.6875rem;
  padding-left: 0.6875rem;
  border-radius: 0.3125rem;
  font-size: 0.875rem;
  color: #fff;
  text-align: center;
  white-space: pre-line;
  background: rgba(77, 86, 98, 0.53);
}
.grey-tooltip div.mdc-tooltip__surface {
  background: none;
}
.grey-tooltip.mat-mdc-tooltip .mdc-tooltip__surface {
  background-color: unset;
}
.reason-tooltip {
  margin: 0 !important;
  transition: none !important;
  animation: none !important;
}
.cdk-overlay-container .cdk-overlay-pane.mat-mdc-tooltip-panel.mat-mdc-tooltip-panel-below:has(.mat-mdc-tooltip.reason-tooltip) {
  transform: translateX(60%) !important;
}
.mat-mdc-tooltip {
  overflow-wrap: break-word;
}
.mat-mdc-tooltip.tooltip-white {
  padding: 0.5rem;
  border-radius: 0.5rem;
  font-size: 0.75rem;
  background-color: #fff;
  background-repeat: no-repeat;
  background-size: 1rem, 1rem;
  box-shadow: 0 0.25rem 0.8rem 0 rgba(0, 0, 0, 0.25);
}
.mat-mdc-tooltip.tooltip-white .mdc-tooltip__surface {
  color: #4541a4;
  background: none;
}
.mat-mdc-tooltip.tooltip-img {
  padding-left: 1.875rem;
  background-position: center left 0.5rem;
}
.mat-mdc-tooltip.custom-tooltip {
  margin-top: -0.25rem;
}
:root:root .example-margin .mdc-checkbox .mdc-checkbox__native-control:enabled:checked ~ div.mdc-checkbox__background,
:root:root .example-margin .mdc-checkbox .mdc-checkbox__native-control:enabled:indeterminate ~ div.mdc-checkbox__background,
:root:root .example-margin .mdc-checkbox .mdc-checkbox__native-control[data-indeterminate=true]:enabled ~ div.mdc-checkbox__background {
  background-color: #21b888;
  border-color: #21b888;
}
:root:root .example-margin .mdc-checkbox .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background .mdc-checkbox__checkmark {
  color: #fff;
}
:root:root .example-margin .mdc-checkbox .mdc-checkbox__native-control:focus:checked ~ .mdc-checkbox__ripple {
  background-color: transparent;
}
:root:root .example-margin .mdc-checkbox .mdc-checkbox__native-control:focus ~ .mdc-checkbox__ripple {
  opacity: 0;
}
:root:root .example-margin .mdc-checkbox:hover .mdc-checkbox__native-control:enabled:not(:checked, :indeterminate, [data-indeterminate=true]) ~ .mdc-checkbox__background {
  background-color: transparent;
  border-color: rgba(0, 0, 0, 0.54);
}
:root:root .example-margin .mdc-checkbox .mdc-checkbox__native-control:enabled:focus:focus:not(:checked, :indeterminate) ~ .mdc-checkbox__background {
  border-color: rgba(0, 0, 0, 0.54);
}
:root:root .mdc-checkbox .mdc-checkbox__native-control:enabled:not(:checked, :indeterminate, [data-indeterminate=true]) ~ div.mdc-checkbox__background {
  border-color: #aab2c2;
}
:root:root .mat-mdc-checkbox.project-permission-popup-checkbox .mdc-form-field .mdc-label {
  overflow-x: hidden;
  max-width: 18rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media (max-width: 650px) {
  :root:root .mat-mdc-checkbox.project-permission-popup-checkbox .mdc-form-field .mdc-label {
    width: 90%;
    margin: 0;
  }
  :root:root .mat-mdc-checkbox.project-permission-popup-checkbox .mdc-form-field .mdc-label span {
    overflow-x: hidden;
    display: block;
    font-size: 1rem;
    line-height: 1rem;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .popup__form .cdk-column-name .mat-mdc-checkbox {
    width: 100%;
  }
  .popup__form .cdk-column-name .mat-mdc-checkbox .mdc-form-field {
    width: 100%;
  }
  .popup__form .cdk-column-name .mat-mdc-checkbox .mdc-checkbox {
    width: 0.9rem;
    max-width: 0.9rem;
    height: 0.9rem;
  }
  .popup__form .cdk-column-name .mat-mdc-checkbox .mdc-checkbox .mat-mdc-checkbox-touch-target,
  .popup__form .cdk-column-name .mat-mdc-checkbox .mdc-checkbox .mdc-checkbox__native-control {
    width: 2rem;
    height: 2rem;
  }
  .popup__form .cdk-column-name .mat-mdc-checkbox .mdc-checkbox .mdc-checkbox__background {
    width: 0.9rem;
    height: 0.9rem;
  }
  .popup__form .cdk-column-name .mat-mdc-checkbox .mdc-checkbox .mdc-checkbox__checkmark {
    width: 0.75rem;
    height: 0.75rem;
  }
  .popup__form .cdk-column-name .mat-mdc-checkbox .mdc-checkbox .mdc-form-field {
    height: 1rem;
  }
}
mat-chip-grid.search-box-mat-chip-grid .mdc-evolution-chip-set__chips {
  margin: -4px;
}
mat-chip-grid.search-box-mat-chip-grid .mat-mdc-chip,
.search-box .search-box__chip-row .mat-mdc-chip {
  gap: 0.5rem;
  height: auto;
  min-height: 2rem;
  margin: 0.25rem;
  padding: 0.125rem 0.25rem;
  border-radius: 0.1875rem;
  font-size: 0.875rem;
  background: #e5e7ff;
}
mat-chip-grid.search-box-mat-chip-grid .mat-mdc-chip .mat-mdc-chip-action,
.search-box .search-box__chip-row .mat-mdc-chip .mat-mdc-chip-action {
  padding: 0;
}
mat-chip-grid.search-box-mat-chip-grid .mat-mdc-chip .mat-mdc-chip-action-label,
.search-box .search-box__chip-row .mat-mdc-chip .mat-mdc-chip-action-label {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  color: #636bf6;
  letter-spacing: inherit;
}
mat-chip-grid.search-box-mat-chip-grid .mat-mdc-chip .mat-mdc-chip-remove,
.search-box .search-box__chip-row .mat-mdc-chip .mat-mdc-chip-remove {
  overflow: visible;
  width: 1.15rem;
  height: 1.15rem;
  font-size: 1.15rem;
  color: #636bf6;
  opacity: 1;
}
.profile-tabs .mat-mdc-tab-nav-bar,
.profile-tabs .mat-mdc-tab-header {
  height: 3.375rem;
  margin-bottom: 0.375rem;
  border-bottom: 0;
}
.profile-tabs .mat-mdc-tab-nav-bar .mat-mdc-tab-links .mdc-tab__text-label,
.profile-tabs .mat-mdc-tab-header .mat-mdc-tab-links .mdc-tab__text-label {
  letter-spacing: 0;
}
.profile-tabs .mat-mdc-tab-nav-bar .mat-mdc-tab-link,
.profile-tabs .mat-mdc-tab-header .mat-mdc-tab-link {
  top: 0.375rem;
  opacity: 1;
  border-bottom: 0.0625rem solid #e8ecf4;
}
.profile-tabs .mat-mdc-tab-nav-bar .mat-mdc-tab-link:not(.mdc-tab--stacked),
.profile-tabs .mat-mdc-tab-header .mat-mdc-tab-link:not(.mdc-tab--stacked) {
  height: 3rem;
}
.profile-tabs .mat-mdc-tab-nav-bar .mat-mdc-tab-link .mdc-tab__text-label,
.profile-tabs .mat-mdc-tab-nav-bar .mat-mdc-tab-link .mdc-tab__text-label:hover,
.profile-tabs .mat-mdc-tab-nav-bar .mat-mdc-tab-link.mdc-tab--active:hover .mdc-tab__text-label,
.profile-tabs .mat-mdc-tab-nav-bar .mat-mdc-tab-link.mdc-tab--active .mdc-tab__text-label,
.profile-tabs .mat-mdc-tab-nav-bar .mat-mdc-tab-link.mdc-tab--active:focus .mdc-tab__text-label,
.profile-tabs .mat-mdc-tab-header .mat-mdc-tab-link .mdc-tab__text-label,
.profile-tabs .mat-mdc-tab-header .mat-mdc-tab-link .mdc-tab__text-label:hover,
.profile-tabs .mat-mdc-tab-header .mat-mdc-tab-link.mdc-tab--active:hover .mdc-tab__text-label,
.profile-tabs .mat-mdc-tab-header .mat-mdc-tab-link.mdc-tab--active .mdc-tab__text-label,
.profile-tabs .mat-mdc-tab-header .mat-mdc-tab-link.mdc-tab--active:focus .mdc-tab__text-label {
  color: #4d5662;
}
.profile-tabs .mat-mdc-tab-nav-bar .mat-mdc-tab-link .mdc-tab-indicator__content--underline,
.profile-tabs .mat-mdc-tab-header .mat-mdc-tab-link .mdc-tab-indicator__content--underline {
  border-color: #636bf6;
}
.mat-ink-bar,
a.mat-mdc-tab-link .mdc-tab-indicator__content--underline {
  height: 0.25rem;
  background-color: #636bf6;
  border-top-width: 0.25rem;
}
a.mat-mdc-tab-link.mdc-tab--active:focus .mdc-tab-indicator__content--underline,
a.mat-mdc-tab-link .mdc-tab-indicator__content--underline {
  height: 0.25rem;
  border-color: #636bf6;
}
a.mat-mdc-tab-link:not(.mdc-tab--stacked):hover,
a.mat-mdc-tab-link.mdc-tab .mdc-tab__ripple::before,
a.mat-mdc-tab-link.mdc-tab .mat-ripple-element,
a.mat-mdc-tab-link.mdc-tab--active .mdc-tab__ripple::before,
a.mat-mdc-tab-link.mdc-tab--active .mat-ripple-element,
a.mat-mdc-tab-link.mdc-tab--active .mdc-tab__ripple::before,
a.mat-mdc-tab-link.mdc-tab--active .mat-ripple-element,
a.mat-mdc-tab-link:hover {
  background-color: transparent;
}
.mat-mdc-radio-button.non-default-card.disabled-card {
  cursor: not-allowed;
}
.main .autocomplete-form-field .mat-mdc-autocomplete-trigger,
.popup .autocomplete-form-field .mat-mdc-autocomplete-trigger,
.cdk-overlay-container .autocomplete-form-field .mat-mdc-autocomplete-trigger {
  color: #4d5662 !important;
}
.main .autocomplete-form-field .mat-mdc-autocomplete-trigger ::placeholder,
.popup .autocomplete-form-field .mat-mdc-autocomplete-trigger ::placeholder,
.cdk-overlay-container .autocomplete-form-field .mat-mdc-autocomplete-trigger ::placeholder {
  color: #dce4f5 !important;
}
.main .autocomplete-form-field .autocomplete-dropdown,
.popup .autocomplete-form-field .autocomplete-dropdown,
.cdk-overlay-container .autocomplete-form-field .autocomplete-dropdown {
  width: 0.625rem;
  height: 1lh;
  padding: 0;
  background: center/contain no-repeat url("./media/chevron-vertical-JV32QXBK.svg");
}
.main .autocomplete-form-field .autocomplete-dropdown[aria-pressed=true],
.popup .autocomplete-form-field .autocomplete-dropdown[aria-pressed=true],
.cdk-overlay-container .autocomplete-form-field .autocomplete-dropdown[aria-pressed=true] {
  transform: rotate(180deg);
  transition: transform 0.3s ease;
}
.main .autocomplete-form-field .mat-mdc-input-element,
.popup .autocomplete-form-field .mat-mdc-input-element,
.cdk-overlay-container .autocomplete-form-field .mat-mdc-input-element {
  padding-bottom: 0.25rem;
  font-size: 1rem;
}
.main .autocomplete-form-field .mat-mdc-form-field-icon-suffix,
.popup .autocomplete-form-field .mat-mdc-form-field-icon-suffix,
.cdk-overlay-container .autocomplete-form-field .mat-mdc-form-field-icon-suffix {
  padding-bottom: 0.25rem;
}
.cdk-overlay-pane .mat-mdc-autocomplete-panel {
  position: relative;
  padding: 0;
  border-radius: 0.3125rem;
  background: #fbfbff;
  box-shadow: 0 0.25rem 1.25rem rgba(115, 115, 123, 0.14);
}
.cdk-overlay-pane .mat-mdc-autocomplete-panel .mat-mdc-option {
  font-size: 0.875rem;
}
.cdk-overlay-pane .mat-mdc-autocomplete-panel .mat-mdc-option .mdc-list-item__primary-text {
  color: #4d5662;
}
.cdk-overlay-pane .mat-mdc-autocomplete-panel .mat-mdc-option:hover .mdc-list-item__primary-text {
  color: #636bf6;
}
.cdk-overlay-pane .mat-mdc-autocomplete-panel .mat-mdc-option.mat-active:not(.mat-mdc-option-multiple),
.cdk-overlay-pane .mat-mdc-autocomplete-panel .mat-option.mat-selected:not(.mat-option-multiple),
.cdk-overlay-pane .mat-mdc-autocomplete-panel .mat-option.mat-selected:not(.mat-option-multiple),
.cdk-overlay-pane .mat-mdc-autocomplete-panel .mat-option.mat-selected:not(.mat-option-multiple, .mat-option-disabled),
.cdk-overlay-pane .mat-mdc-autocomplete-panel .mat-option:focus:not(.mat-option-multiple, .mat-option-disabled),
.cdk-overlay-pane .mat-mdc-autocomplete-panel .mat-option:hover:not(.mat-option-multiple, .mat-option-disabled) {
  color: #636bf6;
  background: rgba(220, 228, 245, 0.3);
}
.cdk-overlay-pane .mat-mdc-autocomplete-panel .mat-mdc-option:not(mat-option-multiple) {
  min-height: 2.1875rem;
  padding: 0.5rem 1.25rem;
  font-family: Nunito, sans-serif;
  line-height: 1.3rem;
}
.cdk-overlay-pane .mat-mdc-autocomplete-panel .mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled) .mdc-list-item__primary-text {
  color: #636bf6;
}
.cdk-overlay-pane .mat-mdc-autocomplete-panel .mat-mdc-option.redaction-reason-option .mdc-list-item__primary-text {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.cdk-overlay-pane .mat-mdc-autocomplete-panel .mat-mdc-option.redaction-reason-option .reason-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cdk-overlay-pane .mat-mdc-autocomplete-panel .mat-mdc-option.redaction-reason-option .remove-reason-button {
  padding-right: 0;
}
.onboarding-stepper.mat-stepper-label-position-bottom .mat-horizontal-stepper-header::before,
.onboarding-stepper.mat-stepper-label-position-bottom .mat-horizontal-stepper-header::after {
  top: calc((var(--mat-stepper-header-height) - 24px) / 2 + 20px);
}
.onboarding-stepper.mat-stepper-label-position-bottom .mat-horizontal-stepper-header:not(:first-child)::before,
.onboarding-stepper[dir=rtl].mat-stepper-label-position-bottom .mat-horizontal-stepper-header:not(:last-child)::before,
.onboarding-stepper.mat-stepper-label-position-bottom .mat-horizontal-stepper-header:not(:last-child)::after,
.onboarding-stepper[dir=rtl].mat-stepper-label-position-bottom .mat-horizontal-stepper-header:not(:first-child)::after {
  width: calc(50% - 10px);
  border-top-width: 3px;
}
.onboarding-stepper.mat-stepper-label-position-bottom .mat-horizontal-stepper-header {
  width: 25%;
}
.onboarding-stepper.mat-stepper-vertical,
.mat-stepper-horizontal {
  background-color: transparent !important;
}
.step-2-active-line .mat-horizontal-stepper-header:nth-child(1)::after,
.step-2-active-line .mat-horizontal-stepper-header:nth-child(3)::before {
  border-top-color: #636bf6;
}
.step-3-active-line .mat-horizontal-stepper-header:nth-child(3)::after,
.step-3-active-line .mat-horizontal-stepper-header:nth-child(5)::before {
  border-top-color: #636bf6;
}
.onboarding-stepper mat-form-field .mdc-floating-label {
  font-family: Nunito, sans-serif;
  font-size: 18px !important;
  font-weight: 600;
}
.onboarding-stepper .mdc-text-field .mdc-floating-label {
  transform: translateY(0);
}
@media (max-width: 940px) {
  .onboarding-stepper .mdc-text-field .mdc-floating-label {
    transform: translateY(-5px);
  }
}
.onboarding-stepper .mat-step-text-label {
  min-height: 20px;
  font-family: Onest, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #172281;
}
.onboarding-stepper .mat-step-label-selected .mat-step-text-label {
  color: #636bf6;
}
.onboarding-stepper mat-form-field .mdc-text-field--filled .mdc-floating-label--float-above {
  transform: translateY(-100%) scale(0.75);
}
@media (max-width: 940px) {
  .onboarding-stepper mat-form-field .mdc-text-field--filled .mdc-floating-label--float-above {
    transform: translateY(-90%) scale(0.75);
  }
}
@media (max-width: 700px) {
  .onboarding-stepper mat-form-field .mdc-text-field--filled .mdc-floating-label--float-above {
    transform: translateY(-50%) scale(0.55);
  }
}
.onboarding-stepper .mat-step-header {
  pointer-events: none;
}
.onboarding-stepper .mat-step-header:hover,
.onboarding-stepper .mat-step-header:focus,
.onboarding-stepper .mat-step-header:active {
  background-color: transparent !important;
  box-shadow: none;
}
.onboarding-stepper .mat-step-header .mat-step-header-ripple {
  display: none;
}
.onboarding-stepper .mat-step-header .mat-step-icon-state-done .step-icon-done,
.onboarding-stepper .mat-step-header .mat-step-icon-state-done .step-icon-active .inner-circle,
.onboarding-stepper .mat-step-header .mat-step-icon-state-edit .step-icon-done,
.onboarding-stepper .mat-step-header .mat-step-icon-state-edit .step-icon-active .inner-circle {
  background-color: #636bf6;
}
.onboarding-stepper .mat-step-header .mat-step-icon {
  width: auto;
  height: 40px;
  background-color: transparent;
}
.onboarding-stepper .step-icon {
  width: 24px;
  height: 24px;
  margin-top: 4px;
  border: 8px solid #636bf6;
  border-radius: 50%;
}
.onboarding-stepper .step-circle-disabled {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  background-color: transparent;
  border: 2px solid rgba(148, 163, 184, 0.2);
  border-radius: 50%;
}
.onboarding-stepper .step-circle-disabled .inner-disabled-circle {
  width: 8px;
  height: 8px;
  background-color: rgba(148, 163, 184, 0.2);
  border-radius: 50%;
}
.onboarding-stepper .step-icon-active {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border: 2px solid #636bf6;
  border-radius: 50%;
  box-shadow: 0 0 8px 4px rgba(99, 107, 246, 0.4);
}
.onboarding-stepper .step-icon-active .inner-circle {
  width: 8px;
  height: 8px;
  background-color: #636bf6;
  border-radius: 50%;
}
.icon {
  display: flex;
  flex-direction: row;
  width: 1.25rem;
  height: 1.25rem;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 1rem;
}
.lds-ring {
  position: relative;
  display: inline-block;
  width: 80px;
  height: 80px;
}
.lds-ring > * {
  position: absolute;
  display: block;
  box-sizing: border-box;
  width: 64px;
  height: 64px;
  margin: 8px;
  border: 8px solid #4541a4;
  border-color: #636bf6 transparent transparent transparent;
  border-radius: 50%;
  animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
}
.lds-ring > *:nth-child(1) {
  animation-delay: -0.45s;
}
.lds-ring > *:nth-child(2) {
  animation-delay: -0.3s;
}
.lds-ring > *:nth-child(3) {
  animation-delay: -0.15s;
}
.lds-ring--sm {
  width: 18px;
  height: 18px;
}
.lds-ring--sm > * {
  width: 14px;
  height: 14px;
  margin: 2px;
  border-width: 2px;
}
@keyframes lds-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
app-login,
app-register,
app-account-recovery {
  width: 100%;
  max-width: 21.875rem;
}
.auth {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
@media (min-width: 911px) {
  .auth {
    flex-direction: row;
  }
}
@media (min-width: 0px) and (max-width: 910px) {
  .auth {
    flex-direction: column-reverse;
  }
}
.auth__inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.auth__block {
  height: 100%;
}
.auth__block--image {
  background-color: transparent;
  background-image: url("./media/auth-bg-LQUXNQRL.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
@media (min-width: 911px) {
  .auth__block--image {
    width: 50%;
  }
}
@media (min-width: 0px) and (max-width: 910px) {
  .auth__block--image {
    display: none;
  }
}
.auth__block--form {
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  padding: 3rem 0;
}
@media (min-width: 911px) {
  .auth__block--form {
    width: 50%;
  }
}
@media (min-width: 0px) and (max-width: 910px) {
  .auth__block--form {
    width: 100%;
  }
}
.auth__block--form .form {
  width: 100%;
  margin-top: 4rem;
}
.auth__block--form .form-submit {
  color: #fff;
  background: #636bf6;
}
.auth__block--form .form .icon {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}
.auth__block--form .fieldset {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.auth__block--form .fieldset__item {
  display: flex;
  flex-direction: row;
}
.auth__block--form .fieldset__item--remember {
  align-items: center;
  justify-content: space-between;
  margin-top: 1.25rem;
}
.auth__block--form .fieldset__item--remember .redirect {
  color: #4d5662;
}
.auth__block--form .fieldset__item--privacy {
  margin-top: 1.5rem;
}
.auth__block--form .fieldset__item--privacy span {
  color: #717881;
}
.auth__block--form .fieldset__item--submit {
  justify-content: flex-end;
  margin-top: 2rem;
}
.auth__block--form .fieldset__item--redirect {
  flex-direction: column;
  align-items: flex-start;
  margin-top: 4rem;
}
.auth__block--form .fieldset__item--redirect span {
  color: #717881;
}
@media (min-width: 911px) {
  .auth .auth-image {
    width: 50%;
  }
}
.auth-image {
  position: relative;
  display: none;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  box-sizing: border-box;
  min-height: 100vh;
  background-color: #352595;
  background-size: contain;
}
@media (min-width: 911px) {
  .auth-image {
    display: flex;
  }
}
.auth-image-icon {
  width: 8vw;
  height: 15vh;
  margin-top: 4vh;
  background-image: url("./media/auth-bg-icon-C4T2BCAI.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}
@media (max-height: 44.875rem) {
  .auth-image-icon {
    display: none;
    width: 0;
    height: 0;
  }
}
.auth-image-text {
  width: 35vw;
  height: 3.8125rem;
  margin-top: 4vh;
  background-image: url("./media/auth-bg-text-GM24PXOX.svg");
  background-repeat: no-repeat;
  background-size: contain;
}
.auth-image-main {
  z-index: 3;
  flex: 1 1 auto;
  align-self: stretch;
  width: calc(100% - 3.75rem);
  margin: 5vh auto 0;
  background-image: url("./media/auth-bg-main-BTX37DTY.svg");
  background-repeat: no-repeat;
  background-position-x: center;
  background-position-y: center;
  background-size: contain;
}
.auth-image-left {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 15vw;
  height: 3.125rem;
  margin-bottom: calc(5vh + 1.125rem);
  background-image: url("./media/auth-bg-left-QKRKGCVN.svg");
  background-repeat: no-repeat;
  background-size: contain;
}
@media (max-width: 48rem) {
  .auth-image-left {
    display: none;
  }
}
.auth-image-bottom {
  z-index: 2;
  width: 20vw;
  height: 8.75rem;
  margin-top: 0.625rem;
  margin-bottom: 5vh;
  background-image: url("./media/auth-bg-bottom-WWNKHJ7U.svg");
  background-repeat: no-repeat;
  background-size: contain;
}
.alert {
  margin: 0.9375rem 0;
  padding: 0.9375rem;
  text-align: center;
  border: 0.0625rem solid transparent;
  border-radius: 0.25rem;
}
.alert-danger {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
}
.alert-success {
  color: #155724;
  background-color: #d4edda;
  border-color: #c3e6cb;
}
span.file-type {
  display: inline-block;
  width: 2rem;
  height: 2.5rem;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: 0 center;
  background-size: contain;
}
.empty-statement {
  display: flex;
  flex: 1 auto;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: calc(100vh - 5rem);
}
.empty-statement__description {
  max-width: 25rem;
  margin-top: 1rem;
  font-size: 0.875rem;
  line-height: 1.1875rem;
  color: #717881;
  text-align: center;
}
.empty-statement_picture {
  margin-top: 1rem;
}
.empty-statement__button {
  margin-top: 1rem;
}
.app-snackbar {
  color: #fff;
}
.app-snackbar.mat-mdc-snack-bar-container .mdc-snackbar__surface {
  max-width: 95vw;
}
.app-snackbar.mat-mdc-snack-bar-container .mdc-snackbar__label {
  color: inherit;
  word-break: break-word;
}
.app-snackbar-success .mdc-snackbar__surface {
  background-color: #21b888 !important;
}
.app-snackbar-error .mdc-snackbar__surface {
  background-color: #ee4266 !important;
}
.app-snackbar-warning .mdc-snackbar__surface {
  background-color: #ffd244 !important;
}
.app-snackbar-message .mdc-snackbar__surface {
  background-color: #4d5662 !important;
}
.app-snackbar button {
  margin-left: 1rem;
  padding: 0 0.6rem;
  color: #fff !important;
  background: rgba(255, 255, 255, 0.1333333333);
  border: 0;
}
.app-snackbar button:hover {
  background: rgba(0, 0, 0, 0.1333333333);
}
/*!
 * Ladda
 * http://lab.hakim.se/ladda
 * MIT licensed
 *
 * Copyright (C) 2018 Hakim El Hattab, http://hakim.se
 */
@keyframes ladda-spinner-line-fade {
  0%, 100% {
    opacity: 0.22;
  }
  1% {
    opacity: 1;
  }
}
.ladda-button {
  position: relative;
}
.ladda-button .ladda-spinner {
  position: absolute;
  z-index: 2;
  display: inline-block;
  width: 32px;
  top: 50%;
  margin-top: 0;
  opacity: 0;
  pointer-events: none;
}
.ladda-button .ladda-label {
  position: relative;
  z-index: 3;
}
.ladda-button .ladda-progress {
  position: absolute;
  width: 0;
  height: 100%;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.2);
  display: none;
  transition: 0.1s linear all;
}
.ladda-button[data-loading] .ladda-progress {
  display: block;
}
.ladda-button,
.ladda-button .ladda-spinner,
.ladda-button .ladda-label {
  transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all;
}
.ladda-button[data-style=zoom-in],
.ladda-button[data-style=zoom-in] .ladda-spinner,
.ladda-button[data-style=zoom-in] .ladda-label,
.ladda-button[data-style=zoom-out],
.ladda-button[data-style=zoom-out] .ladda-spinner,
.ladda-button[data-style=zoom-out] .ladda-label {
  transition: 0.3s ease all;
}
.ladda-button[data-style=expand-right] .ladda-spinner {
  right: -6px;
}
.ladda-button[data-style=expand-right][data-size=s] .ladda-spinner,
.ladda-button[data-style=expand-right][data-size=xs] .ladda-spinner {
  right: -12px;
}
.ladda-button[data-style=expand-right][data-loading] {
  padding-right: 56px;
}
.ladda-button[data-style=expand-right][data-loading] .ladda-spinner {
  opacity: 1;
}
.ladda-button[data-style=expand-right][data-loading][data-size=s],
.ladda-button[data-style=expand-right][data-loading][data-size=xs] {
  padding-right: 40px;
}
.ladda-button[data-style=expand-left] .ladda-spinner {
  left: 26px;
}
.ladda-button[data-style=expand-left][data-size=s] .ladda-spinner,
.ladda-button[data-style=expand-left][data-size=xs] .ladda-spinner {
  left: 4px;
}
.ladda-button[data-style=expand-left][data-loading] {
  padding-left: 56px;
}
.ladda-button[data-style=expand-left][data-loading] .ladda-spinner {
  opacity: 1;
}
.ladda-button[data-style=expand-left][data-loading][data-size=s],
.ladda-button[data-style=expand-left][data-loading][data-size=xs] {
  padding-left: 40px;
}
.ladda-button[data-style=expand-up] {
  overflow: hidden;
}
.ladda-button[data-style=expand-up] .ladda-spinner {
  top: -32px;
  left: 50%;
  margin-left: 0;
}
.ladda-button[data-style=expand-up][data-loading] {
  padding-top: 54px;
}
.ladda-button[data-style=expand-up][data-loading] .ladda-spinner {
  opacity: 1;
  top: 26px;
  margin-top: 0;
}
.ladda-button[data-style=expand-up][data-loading][data-size=s],
.ladda-button[data-style=expand-up][data-loading][data-size=xs] {
  padding-top: 32px;
}
.ladda-button[data-style=expand-up][data-loading][data-size=s] .ladda-spinner,
.ladda-button[data-style=expand-up][data-loading][data-size=xs] .ladda-spinner {
  top: 4px;
}
.ladda-button[data-style=expand-down] {
  overflow: hidden;
}
.ladda-button[data-style=expand-down] .ladda-spinner {
  top: 62px;
  left: 50%;
  margin-left: 0;
}
.ladda-button[data-style=expand-down][data-size=s] .ladda-spinner,
.ladda-button[data-style=expand-down][data-size=xs] .ladda-spinner {
  top: 40px;
}
.ladda-button[data-style=expand-down][data-loading] {
  padding-bottom: 54px;
}
.ladda-button[data-style=expand-down][data-loading] .ladda-spinner {
  opacity: 1;
}
.ladda-button[data-style=expand-down][data-loading][data-size=s],
.ladda-button[data-style=expand-down][data-loading][data-size=xs] {
  padding-bottom: 32px;
}
.ladda-button[data-style=slide-left] {
  overflow: hidden;
}
.ladda-button[data-style=slide-left] .ladda-label {
  position: relative;
}
.ladda-button[data-style=slide-left] .ladda-spinner {
  left: 100%;
  margin-left: 0;
}
.ladda-button[data-style=slide-left][data-loading] .ladda-label {
  opacity: 0;
  left: -100%;
}
.ladda-button[data-style=slide-left][data-loading] .ladda-spinner {
  opacity: 1;
  left: 50%;
}
.ladda-button[data-style=slide-right] {
  overflow: hidden;
}
.ladda-button[data-style=slide-right] .ladda-label {
  position: relative;
}
.ladda-button[data-style=slide-right] .ladda-spinner {
  right: 100%;
  margin-left: 0;
  left: 16px;
}
[dir=rtl] .ladda-button[data-style=slide-right] .ladda-spinner {
  right: auto;
}
.ladda-button[data-style=slide-right][data-loading] .ladda-label {
  opacity: 0;
  left: 100%;
}
.ladda-button[data-style=slide-right][data-loading] .ladda-spinner {
  opacity: 1;
  left: 50%;
}
.ladda-button[data-style=slide-up] {
  overflow: hidden;
}
.ladda-button[data-style=slide-up] .ladda-label {
  position: relative;
}
.ladda-button[data-style=slide-up] .ladda-spinner {
  left: 50%;
  margin-left: 0;
  margin-top: 1em;
}
.ladda-button[data-style=slide-up][data-loading] .ladda-label {
  opacity: 0;
  top: -1em;
}
.ladda-button[data-style=slide-up][data-loading] .ladda-spinner {
  opacity: 1;
  margin-top: 0;
}
.ladda-button[data-style=slide-down] {
  overflow: hidden;
}
.ladda-button[data-style=slide-down] .ladda-label {
  position: relative;
}
.ladda-button[data-style=slide-down] .ladda-spinner {
  left: 50%;
  margin-left: 0;
  margin-top: -2em;
}
.ladda-button[data-style=slide-down][data-loading] .ladda-label {
  opacity: 0;
  top: 1em;
}
.ladda-button[data-style=slide-down][data-loading] .ladda-spinner {
  opacity: 1;
  margin-top: 0;
}
.ladda-button[data-style=zoom-out] {
  overflow: hidden;
}
.ladda-button[data-style=zoom-out] .ladda-label {
  position: relative;
  display: inline-block;
}
.ladda-button[data-style=zoom-out] .ladda-spinner {
  left: 50%;
  margin-left: 32px;
  transform: scale(2.5);
}
.ladda-button[data-style=zoom-out][data-loading] .ladda-label {
  opacity: 0;
  transform: scale(0.5);
}
.ladda-button[data-style=zoom-out][data-loading] .ladda-spinner {
  opacity: 1;
  margin-left: 0;
  transform: none;
}
.ladda-button[data-style=zoom-in] {
  overflow: hidden;
}
.ladda-button[data-style=zoom-in] .ladda-label {
  position: relative;
  display: inline-block;
}
.ladda-button[data-style=zoom-in] .ladda-spinner {
  left: 50%;
  margin-left: -16px;
  transform: scale(0.2);
}
.ladda-button[data-style=zoom-in][data-loading] .ladda-label {
  opacity: 0;
  transform: scale(2.2);
}
.ladda-button[data-style=zoom-in][data-loading] .ladda-spinner {
  opacity: 1;
  margin-left: 0;
  transform: none;
}
.ladda-button[data-style=contract] {
  overflow: hidden;
  width: 100px;
}
.ladda-button[data-style=contract] .ladda-spinner {
  left: 50%;
  margin-left: 0;
}
.ladda-button[data-style=contract][data-loading] {
  border-radius: 50%;
  width: 52px;
}
.ladda-button[data-style=contract][data-loading] .ladda-label {
  opacity: 0;
}
.ladda-button[data-style=contract][data-loading] .ladda-spinner {
  opacity: 1;
}
.ladda-button[data-style=contract-overlay] {
  overflow: hidden;
  width: 100px;
  box-shadow: 0px 0px 0px 2000px rgba(0, 0, 0, 0);
}
.ladda-button[data-style=contract-overlay] .ladda-spinner {
  left: 50%;
  margin-left: 0;
}
.ladda-button[data-style=contract-overlay][data-loading] {
  border-radius: 50%;
  width: 52px;
  box-shadow: 0px 0px 0px 2000px rgba(0, 0, 0, 0.8);
}
.ladda-button[data-style=contract-overlay][data-loading] .ladda-label {
  opacity: 0;
}
.ladda-button[data-style=contract-overlay][data-loading] .ladda-spinner {
  opacity: 1;
}
[dir=rtl] .ladda-spinner > div {
  left: 25% !important;
}
*,
::before,
::after {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x: ;
  --tw-pan-y: ;
  --tw-pinch-zoom: ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position: ;
  --tw-gradient-via-position: ;
  --tw-gradient-to-position: ;
  --tw-ordinal: ;
  --tw-slashed-zero: ;
  --tw-numeric-figure: ;
  --tw-numeric-spacing: ;
  --tw-numeric-fraction: ;
  --tw-ring-inset: ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur: ;
  --tw-brightness: ;
  --tw-contrast: ;
  --tw-grayscale: ;
  --tw-hue-rotate: ;
  --tw-invert: ;
  --tw-saturate: ;
  --tw-sepia: ;
  --tw-drop-shadow: ;
  --tw-backdrop-blur: ;
  --tw-backdrop-brightness: ;
  --tw-backdrop-contrast: ;
  --tw-backdrop-grayscale: ;
  --tw-backdrop-hue-rotate: ;
  --tw-backdrop-invert: ;
  --tw-backdrop-opacity: ;
  --tw-backdrop-saturate: ;
  --tw-backdrop-sepia: ;
  --tw-contain-size: ;
  --tw-contain-layout: ;
  --tw-contain-paint: ;
  --tw-contain-style: ;
}
::backdrop {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x: ;
  --tw-pan-y: ;
  --tw-pinch-zoom: ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position: ;
  --tw-gradient-via-position: ;
  --tw-gradient-to-position: ;
  --tw-ordinal: ;
  --tw-slashed-zero: ;
  --tw-numeric-figure: ;
  --tw-numeric-spacing: ;
  --tw-numeric-fraction: ;
  --tw-ring-inset: ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur: ;
  --tw-brightness: ;
  --tw-contrast: ;
  --tw-grayscale: ;
  --tw-hue-rotate: ;
  --tw-invert: ;
  --tw-saturate: ;
  --tw-sepia: ;
  --tw-drop-shadow: ;
  --tw-backdrop-blur: ;
  --tw-backdrop-brightness: ;
  --tw-backdrop-contrast: ;
  --tw-backdrop-grayscale: ;
  --tw-backdrop-hue-rotate: ;
  --tw-backdrop-invert: ;
  --tw-backdrop-opacity: ;
  --tw-backdrop-saturate: ;
  --tw-backdrop-sepia: ;
  --tw-contain-size: ;
  --tw-contain-layout: ;
  --tw-contain-paint: ;
  --tw-contain-style: ;
}
.\!container {
  width: 100% !important;
}
.container {
  width: 100%;
}
@media (min-width: 640px) {
  .\!container {
    max-width: 640px !important;
  }
  .container {
    max-width: 640px;
  }
}
@media (min-width: 768px) {
  .\!container {
    max-width: 768px !important;
  }
  .container {
    max-width: 768px;
  }
}
@media (min-width: 1024px) {
  .\!container {
    max-width: 1024px !important;
  }
  .container {
    max-width: 1024px;
  }
}
@media (min-width: 1280px) {
  .\!container {
    max-width: 1280px !important;
  }
  .container {
    max-width: 1280px;
  }
}
@media (min-width: 1536px) {
  .\!container {
    max-width: 1536px !important;
  }
  .container {
    max-width: 1536px;
  }
}
.pointer-events-none {
  pointer-events: none;
}
.pointer-events-auto {
  pointer-events: auto;
}
.visible {
  visibility: visible;
}
.invisible {
  visibility: hidden;
}
.collapse {
  visibility: collapse;
}
.static {
  position: static;
}
.fixed {
  position: fixed;
}
.\!absolute {
  position: absolute !important;
}
.absolute {
  position: absolute;
}
.\!relative {
  position: relative !important;
}
.relative {
  position: relative;
}
.sticky {
  position: sticky;
}
.inset-0 {
  inset: 0px;
}
.\!bottom-0 {
  bottom: 0px !important;
}
.\!left-0 {
  left: 0px !important;
}
.\!right-0 {
  right: 0px !important;
}
.\!top-0 {
  top: 0px !important;
}
.-bottom-2 {
  bottom: -0.5rem;
}
.-right-2 {
  right: -0.5rem;
}
.-top-0\.5 {
  top: -0.125rem;
}
.bottom-0 {
  bottom: 0px;
}
.bottom-2 {
  bottom: 0.5rem;
}
.left-0 {
  left: 0px;
}
.left-0\.5 {
  left: 0.125rem;
}
.right-0 {
  right: 0px;
}
.right-2 {
  right: 0.5rem;
}
.top-0 {
  top: 0px;
}
.top-10 {
  top: 2.5rem;
}
.top-12 {
  top: 3rem;
}
.top-2 {
  top: 0.5rem;
}
.\!z-10 {
  z-index: 10 !important;
}
.z-10 {
  z-index: 10;
}
.z-40 {
  z-index: 40;
}
.z-50 {
  z-index: 50;
}
.z-\[50001\] {
  z-index: 50001;
}
.order-1 {
  order: 1;
}
.order-2 {
  order: 2;
}
.col-span-1 {
  grid-column: span 1 / span 1;
}
.col-span-2 {
  grid-column: span 2 / span 2;
}
.col-span-3 {
  grid-column: span 3 / span 3;
}
.col-span-full {
  grid-column: 1 / -1;
}
.float-right {
  float: right;
}
.\!m-auto {
  margin: auto !important;
}
.m-0 {
  margin: 0px;
}
.m-\[-3rem\] {
  margin: -3rem;
}
.m-auto {
  margin: auto;
}
.\!mx-10 {
  margin-left: 2.5rem !important;
  margin-right: 2.5rem !important;
}
.\!my-0 {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}
.mx-1\.5 {
  margin-left: 0.375rem;
  margin-right: 0.375rem;
}
.mx-3 {
  margin-left: 0.75rem;
  margin-right: 0.75rem;
}
.mx-3\.5 {
  margin-left: 0.875rem;
  margin-right: 0.875rem;
}
.mx-auto {
  margin-left: auto;
  margin-right: auto;
}
.my-1 {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}
.my-3 {
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
}
.my-4 {
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.my-6 {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}
.my-8 {
  margin-top: 2rem;
  margin-bottom: 2rem;
}
.my-\[5rem\] {
  margin-top: 5rem;
  margin-bottom: 5rem;
}
.\!mr-4 {
  margin-right: 1rem !important;
}
.-ml-2 {
  margin-left: -0.5rem;
}
.mb-0 {
  margin-bottom: 0px;
}
.mb-1 {
  margin-bottom: 0.25rem;
}
.mb-10 {
  margin-bottom: 2.5rem;
}
.mb-2 {
  margin-bottom: 0.5rem;
}
.mb-3 {
  margin-bottom: 0.75rem;
}
.mb-3\.5 {
  margin-bottom: 0.875rem;
}
.mb-4 {
  margin-bottom: 1rem;
}
.mb-5 {
  margin-bottom: 1.25rem;
}
.mb-6 {
  margin-bottom: 1.5rem;
}
.mb-7 {
  margin-bottom: 1.75rem;
}
.mb-8 {
  margin-bottom: 2rem;
}
.mb-\[-1rem\] {
  margin-bottom: -1rem;
}
.mb-\[-25px\] {
  margin-bottom: -25px;
}
.mb-\[0\.625rem\] {
  margin-bottom: 0.625rem;
}
.mb-\[0\.732rem\] {
  margin-bottom: 0.732rem;
}
.mb-\[0\.9375rem\] {
  margin-bottom: 0.9375rem;
}
.mb-\[1\.375rem\] {
  margin-bottom: 1.375rem;
}
.mb-\[2\.5rem\] {
  margin-bottom: 2.5rem;
}
.mb-\[2\.8125rem\] {
  margin-bottom: 2.8125rem;
}
.mb-\[20rem\] {
  margin-bottom: 20rem;
}
.mb-\[4\.1875rem\] {
  margin-bottom: 4.1875rem;
}
.mb-\[7\.5625rem\] {
  margin-bottom: 7.5625rem;
}
.me-2 {
  margin-inline-end: 0.5rem;
}
.me-\[1rem\] {
  margin-inline-end: 1rem;
}
.ml-10 {
  margin-left: 2.5rem;
}
.ml-2 {
  margin-left: 0.5rem;
}
.ml-3 {
  margin-left: 0.75rem;
}
.ml-4 {
  margin-left: 1rem;
}
.ml-6 {
  margin-left: 1.5rem;
}
.ml-9 {
  margin-left: 2.25rem;
}
.ml-\[-10px\] {
  margin-left: -10px;
}
.ml-auto {
  margin-left: auto;
}
.mr-1 {
  margin-right: 0.25rem;
}
.mr-2 {
  margin-right: 0.5rem;
}
.mr-4 {
  margin-right: 1rem;
}
.mr-6 {
  margin-right: 1.5rem;
}
.mr-7 {
  margin-right: 1.75rem;
}
.mr-8 {
  margin-right: 2rem;
}
.mr-\[0\.6875rem\] {
  margin-right: 0.6875rem;
}
.mr-\[0\.7rem\] {
  margin-right: 0.7rem;
}
.mr-\[0\.875rem\] {
  margin-right: 0.875rem;
}
.mr-\[3\.5rem\] {
  margin-right: 3.5rem;
}
.mr-\[3rem\] {
  margin-right: 3rem;
}
.mt-0 {
  margin-top: 0px;
}
.mt-1 {
  margin-top: 0.25rem;
}
.mt-2 {
  margin-top: 0.5rem;
}
.mt-3 {
  margin-top: 0.75rem;
}
.mt-4 {
  margin-top: 1rem;
}
.mt-5 {
  margin-top: 1.25rem;
}
.mt-52 {
  margin-top: 13rem;
}
.mt-6 {
  margin-top: 1.5rem;
}
.mt-7 {
  margin-top: 1.75rem;
}
.mt-8 {
  margin-top: 2rem;
}
.mt-\[0\.125rem\] {
  margin-top: 0.125rem;
}
.mt-\[0\.375rem\] {
  margin-top: 0.375rem;
}
.mt-\[0\.4rem\] {
  margin-top: 0.4rem;
}
.mt-\[0\.625rem\] {
  margin-top: 0.625rem;
}
.mt-\[0\.6875rem\] {
  margin-top: 0.6875rem;
}
.mt-\[0\.732rem\] {
  margin-top: 0.732rem;
}
.mt-\[0\.9375rem\] {
  margin-top: 0.9375rem;
}
.mt-\[1\.53125rem\] {
  margin-top: 1.53125rem;
}
.mt-\[1\.5em\] {
  margin-top: 1.5em;
}
.mt-\[1\.6875rem\] {
  margin-top: 1.6875rem;
}
.mt-\[1\.875rem\] {
  margin-top: 1.875rem;
}
.mt-\[2\.375rem\] {
  margin-top: 2.375rem;
}
.mt-\[2rem\] {
  margin-top: 2rem;
}
.mt-\[3\.0625rem\] {
  margin-top: 3.0625rem;
}
.mt-\[4\.125rem\] {
  margin-top: 4.125rem;
}
.mt-\[4\.5rem\] {
  margin-top: 4.5rem;
}
.line-clamp-1 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.block {
  display: block;
}
.inline-block {
  display: inline-block;
}
.inline {
  display: inline;
}
.\!flex {
  display: flex !important;
}
.flex {
  display: flex;
}
.inline-flex {
  display: inline-flex;
}
.table {
  display: table;
}
.table-row {
  display: table-row;
}
.\!grid {
  display: grid !important;
}
.grid {
  display: grid;
}
.contents {
  display: contents;
}
.list-item {
  display: list-item;
}
.\!hidden {
  display: none !important;
}
.hidden {
  display: none;
}
.aspect-square {
  aspect-ratio: 1 / 1;
}
.\!h-12 {
  height: 3rem !important;
}
.\!h-2\.5 {
  height: 0.625rem !important;
}
.\!h-4 {
  height: 1rem !important;
}
.\!h-8 {
  height: 2rem !important;
}
.\!h-\[0\.625rem\] {
  height: 0.625rem !important;
}
.\!h-\[0\.65rem\] {
  height: 0.65rem !important;
}
.\!h-auto {
  height: auto !important;
}
.\!h-full {
  height: 100% !important;
}
.h-10 {
  height: 2.5rem;
}
.h-16 {
  height: 4rem;
}
.h-2\.5 {
  height: 0.625rem;
}
.h-20 {
  height: 5rem;
}
.h-4 {
  height: 1rem;
}
.h-5 {
  height: 1.25rem;
}
.h-6 {
  height: 1.5rem;
}
.h-7 {
  height: 1.75rem;
}
.h-8 {
  height: 2rem;
}
.h-\[0\.0625rem\] {
  height: 0.0625rem;
}
.h-\[10\.2rem\] {
  height: 10.2rem;
}
.h-\[100vh\] {
  height: 100vh;
}
.h-\[2\.1rem\] {
  height: 2.1rem;
}
.h-\[2\.5rem\] {
  height: 2.5rem;
}
.h-\[2\.875rem\] {
  height: 2.875rem;
}
.h-\[40vh\] {
  height: 40vh;
}
.h-\[44px\] {
  height: 44px;
}
.h-\[4px\] {
  height: 4px;
}
.h-\[57px\] {
  height: 57px;
}
.h-\[calc\(100vh-16rem\)\] {
  height: calc(100vh - 16rem);
}
.h-\[calc\(100vh-19\.688rem\)\] {
  height: calc(100vh - 19.688rem);
}
.h-\[calc\(100vh-29\.688rem\)\] {
  height: calc(100vh - 29.688rem);
}
.h-auto {
  height: auto;
}
.h-fit {
  height: fit-content;
}
.h-full {
  height: 100%;
}
.h-screen {
  height: 100vh;
}
.max-h-\[24rem\] {
  max-height: 24rem;
}
.max-h-\[26rem\] {
  max-height: 26rem;
}
.max-h-\[7\.5rem\] {
  max-height: 7.5rem;
}
.max-h-\[75vh\] {
  max-height: 75vh;
}
.max-h-\[calc\(100vh-50rem\)\] {
  max-height: calc(100vh - 50rem);
}
.min-h-7 {
  min-height: 1.75rem;
}
.min-h-\[18\.188rem\] {
  min-height: 18.188rem;
}
.min-h-\[23rem\] {
  min-height: 23rem;
}
.min-h-\[25rem\] {
  min-height: 25rem;
}
.min-h-\[40px\] {
  min-height: 40px;
}
.min-h-\[6rem\] {
  min-height: 6rem;
}
.min-h-\[calc\(100vh-9rem\)\] {
  min-height: calc(100vh - 9rem);
}
.min-h-screen {
  min-height: 100vh;
}
.\!w-2\.5 {
  width: 0.625rem !important;
}
.\!w-20 {
  width: 5rem !important;
}
.\!w-4 {
  width: 1rem !important;
}
.\!w-\[0\.625rem\] {
  width: 0.625rem !important;
}
.\!w-\[0\.65rem\] {
  width: 0.65rem !important;
}
.\!w-\[0\.9375rem\] {
  width: 0.9375rem !important;
}
.\!w-\[inherit\] {
  width: inherit !important;
}
.\!w-auto {
  width: auto !important;
}
.\!w-full {
  width: 100% !important;
}
.w-0 {
  width: 0px;
}
.w-1\/2 {
  width: 50%;
}
.w-1\/4 {
  width: 25%;
}
.w-10 {
  width: 2.5rem;
}
.w-11\/12 {
  width: 91.666667%;
}
.w-2\.5 {
  width: 0.625rem;
}
.w-2\/4 {
  width: 50%;
}
.w-20 {
  width: 5rem;
}
.w-4 {
  width: 1rem;
}
.w-40 {
  width: 10rem;
}
.w-5 {
  width: 1.25rem;
}
.w-6\/12 {
  width: 50%;
}
.w-60 {
  width: 15rem;
}
.w-64 {
  width: 16rem;
}
.w-\[10\.7rem\] {
  width: 10.7rem;
}
.w-\[100\%\] {
  width: 100%;
}
.w-\[100px\] {
  width: 100px;
}
.w-\[14rem\] {
  width: 14rem;
}
.w-\[15rem\] {
  width: 15rem;
}
.w-\[17\.0625rem\] {
  width: 17.0625rem;
}
.w-\[25rem\] {
  width: 25rem;
}
.w-\[26rem\] {
  width: 26rem;
}
.w-\[30rem\] {
  width: 30rem;
}
.w-\[337px\] {
  width: 337px;
}
.w-\[480px\] {
  width: 480px;
}
.w-\[48rem\] {
  width: 48rem;
}
.w-\[63rem\] {
  width: 63rem;
}
.w-\[80\%\] {
  width: 80%;
}
.w-auto {
  width: auto;
}
.w-fit {
  width: fit-content;
}
.w-full {
  width: 100%;
}
.w-max {
  width: max-content;
}
.w-min {
  width: min-content;
}
.min-w-0 {
  min-width: 0px;
}
.min-w-7 {
  min-width: 1.75rem;
}
.min-w-\[0\] {
  min-width: 0;
}
.min-w-\[11\.375rem\] {
  min-width: 11.375rem;
}
.min-w-\[13\.75rem\] {
  min-width: 13.75rem;
}
.min-w-\[160px\] {
  min-width: 160px;
}
.min-w-\[20rem\] {
  min-width: 20rem;
}
.min-w-\[300px\] {
  min-width: 300px;
}
.min-w-\[4rem\] {
  min-width: 4rem;
}
.max-w-20 {
  max-width: 5rem;
}
.max-w-36 {
  max-width: 9rem;
}
.max-w-7xl {
  max-width: 80rem;
}
.max-w-\[11\.5rem\] {
  max-width: 11.5rem;
}
.max-w-\[12rem\] {
  max-width: 12rem;
}
.max-w-\[14rem\] {
  max-width: 14rem;
}
.max-w-\[15rem\] {
  max-width: 15rem;
}
.max-w-\[20rem\] {
  max-width: 20rem;
}
.max-w-\[25rem\] {
  max-width: 25rem;
}
.max-w-\[32rem\] {
  max-width: 32rem;
}
.max-w-\[52\.313rem\] {
  max-width: 52.313rem;
}
.max-w-\[7rem\] {
  max-width: 7rem;
}
.max-w-\[8rem\] {
  max-width: 8rem;
}
.max-w-\[9rem\] {
  max-width: 9rem;
}
.max-w-full {
  max-width: 100%;
}
.max-w-xs {
  max-width: 20rem;
}
.flex-1 {
  flex: 1 1 0%;
}
.flex-\[1\] {
  flex: 1;
}
.flex-auto {
  flex: 1 1 auto;
}
.flex-shrink {
  flex-shrink: 1;
}
.flex-shrink-0 {
  flex-shrink: 0;
}
.shrink-0 {
  flex-shrink: 0;
}
.flex-grow {
  flex-grow: 1;
}
.basis-1\/12 {
  flex-basis: 8.333333%;
}
.basis-10\/12 {
  flex-basis: 83.333333%;
}
.basis-4\/12 {
  flex-basis: 33.333333%;
}
.basis-6\/12 {
  flex-basis: 50%;
}
.border-collapse {
  border-collapse: collapse;
}
.rotate-180 {
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.transform {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
@keyframes pulse {
  50% {
    opacity: .5;
  }
}
.animate-pulse {
  animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
.animate-spin {
  animation: spin 1s linear infinite;
}
.cursor-pointer {
  cursor: pointer;
}
.select-none {
  -webkit-user-select: none;
  user-select: none;
}
.resize {
  resize: both;
}
.list-decimal {
  list-style-type: decimal;
}
.grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
.grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.grid-cols-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.grid-cols-5 {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}
.grid-cols-8 {
  grid-template-columns: repeat(8, minmax(0, 1fr));
}
.grid-cols-\[1\.5rem_1fr\] {
  grid-template-columns: 1.5rem 1fr;
}
.flex-row {
  flex-direction: row;
}
.flex-col {
  flex-direction: column;
}
.flex-col-reverse {
  flex-direction: column-reverse;
}
.flex-wrap {
  flex-wrap: wrap;
}
.items-start {
  align-items: flex-start;
}
.items-end {
  align-items: flex-end;
}
.items-center {
  align-items: center;
}
.items-baseline {
  align-items: baseline;
}
.items-stretch {
  align-items: stretch;
}
.justify-start {
  justify-content: flex-start;
}
.justify-end {
  justify-content: flex-end;
}
.justify-center {
  justify-content: center;
}
.justify-between {
  justify-content: space-between;
}
.gap-0 {
  gap: 0px;
}
.gap-1 {
  gap: 0.25rem;
}
.gap-2 {
  gap: 0.5rem;
}
.gap-2\.5 {
  gap: 0.625rem;
}
.gap-3 {
  gap: 0.75rem;
}
.gap-4 {
  gap: 1rem;
}
.gap-5 {
  gap: 1.25rem;
}
.gap-6 {
  gap: 1.5rem;
}
.gap-7 {
  gap: 1.75rem;
}
.gap-8 {
  gap: 2rem;
}
.gap-\[\.5rem\] {
  gap: .5rem;
}
.gap-\[1\.125rem\] {
  gap: 1.125rem;
}
.gap-\[1\.5rem\] {
  gap: 1.5rem;
}
.gap-\[3\.8125rem\] {
  gap: 3.8125rem;
}
.gap-x-1 {
  column-gap: 0.25rem;
}
.gap-x-4 {
  column-gap: 1rem;
}
.gap-y-3 {
  row-gap: 0.75rem;
}
.space-x-2 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(0.5rem * var(--tw-space-x-reverse));
  margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-x-4 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(1rem * var(--tw-space-x-reverse));
  margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-y-2 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
}
.space-y-3 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
}
.space-y-4 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1rem * var(--tw-space-y-reverse));
}
.self-center {
  align-self: center;
}
.justify-self-start {
  justify-self: start;
}
.justify-self-end {
  justify-self: end;
}
.overflow-auto {
  overflow: auto;
}
.overflow-hidden {
  overflow: hidden;
}
.overflow-scroll {
  overflow: scroll;
}
.overflow-x-auto {
  overflow-x: auto;
}
.overflow-y-auto {
  overflow-y: auto;
}
.overflow-x-hidden {
  overflow-x: hidden;
}
.overflow-y-hidden {
  overflow-y: hidden;
}
.truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.overflow-ellipsis {
  text-overflow: ellipsis;
}
.text-ellipsis {
  text-overflow: ellipsis;
}
.whitespace-normal {
  white-space: normal;
}
.whitespace-nowrap {
  white-space: nowrap;
}
.text-wrap {
  text-wrap: wrap;
}
.text-nowrap {
  text-wrap: nowrap;
}
.break-words {
  overflow-wrap: break-word;
}
.\!rounded {
  border-radius: 0.25rem !important;
}
.rounded {
  border-radius: 0.25rem;
}
.rounded-2xl {
  border-radius: 1rem;
}
.rounded-5 {
  border-radius: 0.3125rem;
}
.rounded-\[0\.1875rem\] {
  border-radius: 0.1875rem;
}
.rounded-\[0\.25rem\] {
  border-radius: 0.25rem;
}
.rounded-\[0\.3125rem\] {
  border-radius: 0.3125rem;
}
.rounded-\[0\.375rem\] {
  border-radius: 0.375rem;
}
.rounded-\[0\.5rem\] {
  border-radius: 0.5rem;
}
.rounded-\[5rem\] {
  border-radius: 5rem;
}
.rounded-full {
  border-radius: 9999px;
}
.rounded-lg {
  border-radius: 0.5rem;
}
.\!rounded-l-none {
  border-top-left-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
}
.\!rounded-r-none {
  border-top-right-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
}
.rounded-l-full {
  border-top-left-radius: 9999px;
  border-bottom-left-radius: 9999px;
}
.border {
  border-width: 1px;
}
.border-0 {
  border-width: 0px;
}
.border-2 {
  border-width: 2px;
}
.border-\[1\.5px\] {
  border-width: 1.5px;
}
.border-b {
  border-bottom-width: 1px;
}
.border-b-2 {
  border-bottom-width: 2px;
}
.border-solid {
  border-style: solid;
}
.border-none {
  border-style: none;
}
.\!border-accent {
  --tw-border-opacity: 1 !important;
  border-color: rgb(99 107 246 / var(--tw-border-opacity, 1)) !important;
}
.border-\[\#1a1f276b\] {
  border-color: #1a1f276b;
}
.border-\[\#DCE4F5\] {
  --tw-border-opacity: 1;
  border-color: rgb(220 228 245 / var(--tw-border-opacity, 1));
}
.border-accent {
  --tw-border-opacity: 1;
  border-color: rgb(99 107 246 / var(--tw-border-opacity, 1));
}
.border-blue-600 {
  --tw-border-opacity: 1;
  border-color: rgb(37 99 235 / var(--tw-border-opacity, 1));
}
.border-lines {
  --tw-border-opacity: 1;
  border-color: rgb(220 228 245 / var(--tw-border-opacity, 1));
}
.border-transparent {
  border-color: transparent;
}
.\!bg-\[\#7C94B4\] {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(124 148 180 / var(--tw-bg-opacity, 1)) !important;
}
.\!bg-neutral-900\/60 {
  background-color: rgb(23 23 23 / 0.6) !important;
}
.bg-\[\#00de99\] {
  --tw-bg-opacity: 1;
  background-color: rgb(0 222 153 / var(--tw-bg-opacity, 1));
}
.bg-\[\#636BF6\] {
  --tw-bg-opacity: 1;
  background-color: rgb(99 107 246 / var(--tw-bg-opacity, 1));
}
.bg-accent {
  --tw-bg-opacity: 1;
  background-color: rgb(99 107 246 / var(--tw-bg-opacity, 1));
}
.bg-accent-red {
  --tw-bg-opacity: 1;
  background-color: rgb(238 66 102 / var(--tw-bg-opacity, 1));
}
.bg-black\/40 {
  background-color: rgb(0 0 0 / 0.4);
}
.bg-lines {
  --tw-bg-opacity: 1;
  background-color: rgb(220 228 245 / var(--tw-bg-opacity, 1));
}
.bg-secondary {
  --tw-bg-opacity: 1;
  background-color: rgb(251 251 255 / var(--tw-bg-opacity, 1));
}
.bg-slate-300 {
  --tw-bg-opacity: 1;
  background-color: rgb(203 213 225 / var(--tw-bg-opacity, 1));
}
.bg-slate-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(248 250 252 / var(--tw-bg-opacity, 1));
}
.bg-title {
  --tw-bg-opacity: 1;
  background-color: rgb(77 86 98 / var(--tw-bg-opacity, 1));
}
.bg-transparent {
  background-color: transparent;
}
.bg-white {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.\!stroke-0 {
  stroke-width: 0 !important;
}
.object-contain {
  object-fit: contain;
}
.\!p-0 {
  padding: 0px !important;
}
.\!p-6 {
  padding: 1.5rem !important;
}
.p-0 {
  padding: 0px;
}
.p-1 {
  padding: 0.25rem;
}
.p-1\.5 {
  padding: 0.375rem;
}
.p-2 {
  padding: 0.5rem;
}
.p-3 {
  padding: 0.75rem;
}
.p-4 {
  padding: 1rem;
}
.p-5 {
  padding: 1.25rem;
}
.p-6 {
  padding: 1.5rem;
}
.p-\[0\.1875rem\] {
  padding: 0.1875rem;
}
.p-\[0\.625rem\] {
  padding: 0.625rem;
}
.p-\[1\.25rem\] {
  padding: 1.25rem;
}
.px-0 {
  padding-left: 0px;
  padding-right: 0px;
}
.px-0\.5 {
  padding-left: 0.125rem;
  padding-right: 0.125rem;
}
.px-10 {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}
.px-12 {
  padding-left: 3rem;
  padding-right: 3rem;
}
.px-2 {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.px-3 {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.px-3\.5 {
  padding-left: 0.875rem;
  padding-right: 0.875rem;
}
.px-4 {
  padding-left: 1rem;
  padding-right: 1rem;
}
.px-5 {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
.px-8 {
  padding-left: 2rem;
  padding-right: 2rem;
}
.px-\[1\.25rem\] {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
.px-\[1\.875rem\] {
  padding-left: 1.875rem;
  padding-right: 1.875rem;
}
.py-1\.5 {
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
}
.py-12 {
  padding-top: 3rem;
  padding-bottom: 3rem;
}
.py-2 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.py-2\.5 {
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
}
.py-4 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.py-5 {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}
.py-6 {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
.py-8 {
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.py-\[0\.438rem\] {
  padding-top: 0.438rem;
  padding-bottom: 0.438rem;
}
.py-\[0\.5rem\] {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.py-\[0\.625rem\] {
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
}
.py-\[1\.625rem\] {
  padding-top: 1.625rem;
  padding-bottom: 1.625rem;
}
.py-\[10px\] {
  padding-top: 10px;
  padding-bottom: 10px;
}
.\!pl-2 {
  padding-left: 0.5rem !important;
}
.\!pr-4 {
  padding-right: 1rem !important;
}
.\!pt-4 {
  padding-top: 1rem !important;
}
.pb-0 {
  padding-bottom: 0px;
}
.pb-10 {
  padding-bottom: 2.5rem;
}
.pb-2 {
  padding-bottom: 0.5rem;
}
.pb-20 {
  padding-bottom: 5rem;
}
.pb-4 {
  padding-bottom: 1rem;
}
.pb-6 {
  padding-bottom: 1.5rem;
}
.pb-8 {
  padding-bottom: 2rem;
}
.pb-\[0\.5625rem\] {
  padding-bottom: 0.5625rem;
}
.pl-0\.5 {
  padding-left: 0.125rem;
}
.pl-1\.5 {
  padding-left: 0.375rem;
}
.pl-10 {
  padding-left: 2.5rem;
}
.pl-5 {
  padding-left: 1.25rem;
}
.pl-6 {
  padding-left: 1.5rem;
}
.pl-\[0\.9375rem\] {
  padding-left: 0.9375rem;
}
.pl-\[1rem\] {
  padding-left: 1rem;
}
.pl-\[2\.65rem\] {
  padding-left: 2.65rem;
}
.pl-\[2\.875rem\] {
  padding-left: 2.875rem;
}
.pr-2 {
  padding-right: 0.5rem;
}
.pr-4 {
  padding-right: 1rem;
}
.pr-5 {
  padding-right: 1.25rem;
}
.pr-\[1\.875rem\] {
  padding-right: 1.875rem;
}
.pr-\[12\.5em\] {
  padding-right: 12.5em;
}
.ps-2 {
  padding-inline-start: 0.5rem;
}
.ps-\[0\.875rem\] {
  padding-inline-start: 0.875rem;
}
.pt-1 {
  padding-top: 0.25rem;
}
.pt-10 {
  padding-top: 2.5rem;
}
.pt-2 {
  padding-top: 0.5rem;
}
.pt-3 {
  padding-top: 0.75rem;
}
.pt-4 {
  padding-top: 1rem;
}
.pt-6 {
  padding-top: 1.5rem;
}
.pt-8 {
  padding-top: 2rem;
}
.pt-\[0\.75rem\] {
  padding-top: 0.75rem;
}
.text-left {
  text-align: left;
}
.text-center {
  text-align: center;
}
.text-right {
  text-align: right;
}
.align-middle {
  vertical-align: middle;
}
.font-\[Onest\,sans-serif\] {
  font-family: Onest, sans-serif;
}
.font-nunito {
  font-family: Nunito, sans-serif;
}
.\!text-\[2rem\] {
  font-size: 2rem !important;
}
.\!text-\[3rem\] {
  font-size: 3rem !important;
}
.text-2xl {
  font-size: 1.5rem;
  line-height: 2rem;
}
.text-2xl\/\[2rem\] {
  font-size: 1.5rem;
  line-height: 2rem;
}
.text-3xl {
  font-size: 1.875rem;
  line-height: 2.25rem;
}
.text-\[\.8rem\] {
  font-size: .8rem;
}
.text-\[0\.8125rem\] {
  font-size: 0.8125rem;
}
.text-\[0\.875rem\] {
  font-size: 0.875rem;
}
.text-\[0\.965rem\] {
  font-size: 0.965rem;
}
.text-\[0\.9rem\] {
  font-size: 0.9rem;
}
.text-\[1\.125rem\] {
  font-size: 1.125rem;
}
.text-\[16px\] {
  font-size: 16px;
}
.text-\[1rem\] {
  font-size: 1rem;
}
.text-base {
  font-size: 1rem;
  line-height: 1.5rem;
}
.text-lg {
  font-size: 1.125rem;
  line-height: 1.75rem;
}
.text-sm {
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.text-xl {
  font-size: 1.25rem;
  line-height: 1.75rem;
}
.text-xs {
  font-size: 0.75rem;
  line-height: 1rem;
}
.font-\[400\] {
  font-weight: 400;
}
.font-\[600\] {
  font-weight: 600;
}
.font-\[700\] {
  font-weight: 700;
}
.font-black {
  font-weight: 900;
}
.font-bold {
  font-weight: 700;
}
.font-medium {
  font-weight: 500;
}
.font-normal {
  font-weight: 400;
}
.font-semibold {
  font-weight: 600;
}
.uppercase {
  text-transform: uppercase;
}
.lowercase {
  text-transform: lowercase;
}
.capitalize {
  text-transform: capitalize;
}
.\!normal-case {
  text-transform: none !important;
}
.italic {
  font-style: italic;
}
.leading-4 {
  line-height: 1rem;
}
.leading-5 {
  line-height: 1.25rem;
}
.leading-6 {
  line-height: 1.5rem;
}
.leading-7 {
  line-height: 1.75rem;
}
.leading-\[1\.2rem\] {
  line-height: 1.2rem;
}
.leading-\[1\.375\] {
  line-height: 1.375;
}
.leading-\[1\.565rem\] {
  line-height: 1.565rem;
}
.leading-\[1\.5rem\] {
  line-height: 1.5rem;
}
.leading-\[2rem\] {
  line-height: 2rem;
}
.leading-normal {
  line-height: 1.5;
}
.leading-relaxed {
  line-height: 1.625;
}
.tracking-normal {
  letter-spacing: 0em;
}
.tracking-wider {
  letter-spacing: 0.05em;
}
.\!text-accent {
  --tw-text-opacity: 1 !important;
  color: rgb(99 107 246 / var(--tw-text-opacity, 1)) !important;
}
.\!text-white {
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important;
}
.text-\[\#0C0C0C\] {
  --tw-text-opacity: 1;
  color: rgb(12 12 12 / var(--tw-text-opacity, 1));
}
.text-\[\#2B313A\] {
  --tw-text-opacity: 1;
  color: rgb(43 49 58 / var(--tw-text-opacity, 1));
}
.text-\[\#46B1FF\] {
  --tw-text-opacity: 1;
  color: rgb(70 177 255 / var(--tw-text-opacity, 1));
}
.text-\[\#4D5662\] {
  --tw-text-opacity: 1;
  color: rgb(77 86 98 / var(--tw-text-opacity, 1));
}
.text-\[\#636BF6\] {
  --tw-text-opacity: 1;
  color: rgb(99 107 246 / var(--tw-text-opacity, 1));
}
.text-\[\#717881\] {
  --tw-text-opacity: 1;
  color: rgb(113 120 129 / var(--tw-text-opacity, 1));
}
.text-\[\#AAB2C2\] {
  --tw-text-opacity: 1;
  color: rgb(170 178 194 / var(--tw-text-opacity, 1));
}
.text-accent {
  --tw-text-opacity: 1;
  color: rgb(99 107 246 / var(--tw-text-opacity, 1));
}
.text-accent-2 {
  --tw-text-opacity: 1;
  color: rgb(147 153 255 / var(--tw-text-opacity, 1));
}
.text-accent-3 {
  --tw-text-opacity: 1;
  color: rgb(23 34 129 / var(--tw-text-opacity, 1));
}
.text-accent-red {
  --tw-text-opacity: 1;
  color: rgb(238 66 102 / var(--tw-text-opacity, 1));
}
.text-black {
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}
.text-black\/\[\.6\] {
  color: rgb(0 0 0 / .6);
}
.text-black\/\[\.87\] {
  color: rgb(0 0 0 / .87);
}
.text-blue-600 {
  --tw-text-opacity: 1;
  color: rgb(37 99 235 / var(--tw-text-opacity, 1));
}
.text-gray-300 {
  --tw-text-opacity: 1;
  color: rgb(209 213 219 / var(--tw-text-opacity, 1));
}
.text-gray-400 {
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity, 1));
}
.text-gray-600 {
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / var(--tw-text-opacity, 1));
}
.text-gray-700 {
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity, 1));
}
.text-gray-900 {
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / var(--tw-text-opacity, 1));
}
.text-green-700 {
  --tw-text-opacity: 1;
  color: rgb(21 128 61 / var(--tw-text-opacity, 1));
}
.text-indigo-500 {
  --tw-text-opacity: 1;
  color: rgb(99 102 241 / var(--tw-text-opacity, 1));
}
.text-inherit {
  color: inherit;
}
.text-red-500 {
  --tw-text-opacity: 1;
  color: rgb(239 68 68 / var(--tw-text-opacity, 1));
}
.text-red-600 {
  --tw-text-opacity: 1;
  color: rgb(220 38 38 / var(--tw-text-opacity, 1));
}
.text-secondary {
  --tw-text-opacity: 1;
  color: rgb(251 251 255 / var(--tw-text-opacity, 1));
}
.text-title {
  --tw-text-opacity: 1;
  color: rgb(77 86 98 / var(--tw-text-opacity, 1));
}
.text-white {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.underline {
  text-decoration-line: underline;
}
.decoration-\[\#636bf6\] {
  text-decoration-color: #636bf6;
}
.decoration-dotted {
  text-decoration-style: dotted;
}
.antialiased {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.opacity-0 {
  opacity: 0;
}
.opacity-100 {
  opacity: 1;
}
.opacity-40 {
  opacity: 0.4;
}
.shadow {
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow:
    var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000),
    var(--tw-shadow);
}
.shadow-md {
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow:
    var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000),
    var(--tw-shadow);
}
.outline {
  outline-style: solid;
}
.blur {
  --tw-blur: blur(8px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.grayscale {
  --tw-grayscale: grayscale(100%);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.invert {
  --tw-invert: invert(100%);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.sepia {
  --tw-sepia: sepia(100%);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.filter {
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.backdrop-filter {
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.transition {
  transition-property:
    color,
    background-color,
    border-color,
    text-decoration-color,
    fill,
    stroke,
    opacity,
    box-shadow,
    transform,
    filter,
    backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-all {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-colors {
  transition-property:
    color,
    background-color,
    border-color,
    text-decoration-color,
    fill,
    stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.duration-200 {
  transition-duration: 200ms;
}
.duration-300 {
  transition-duration: 300ms;
}
.ease-in {
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
}
.ease-in-out {
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.ease-out {
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
.\[font\:inherit\] {
  font: inherit;
}
.\[overflow-wrap\:anywhere\] {
  overflow-wrap: anywhere;
}
.tippy-box[data-animation=fade][data-state=hidden] {
  opacity: 0;
}
[data-tippy-root] {
  max-width: calc(100vw - 10px);
}
.tippy-box {
  position: relative;
  background-color: #333;
  color: #fff;
  border-radius: 4px;
  font-size: 14px;
  line-height: 1.4;
  white-space: normal;
  outline: 0;
  transition-property:
    transform,
    visibility,
    opacity;
}
.tippy-box[data-placement^=top] > .tippy-arrow {
  bottom: 0;
}
.tippy-box[data-placement^=top] > .tippy-arrow:before {
  bottom: -7px;
  left: 0;
  border-width: 8px 8px 0;
  border-top-color: initial;
  transform-origin: center top;
}
.tippy-box[data-placement^=bottom] > .tippy-arrow {
  top: 0;
}
.tippy-box[data-placement^=bottom] > .tippy-arrow:before {
  top: -7px;
  left: 0;
  border-width: 0 8px 8px;
  border-bottom-color: initial;
  transform-origin: center bottom;
}
.tippy-box[data-placement^=left] > .tippy-arrow {
  right: 0;
}
.tippy-box[data-placement^=left] > .tippy-arrow:before {
  border-width: 8px 0 8px 8px;
  border-left-color: initial;
  right: -7px;
  transform-origin: center left;
}
.tippy-box[data-placement^=right] > .tippy-arrow {
  left: 0;
}
.tippy-box[data-placement^=right] > .tippy-arrow:before {
  left: -7px;
  border-width: 8px 8px 8px 0;
  border-right-color: initial;
  transform-origin: center right;
}
.tippy-box[data-inertia][data-state=visible] {
  transition-timing-function: cubic-bezier(0.54, 1.5, 0.38, 1.11);
}
.tippy-arrow {
  width: 16px;
  height: 16px;
  color: #333;
}
.tippy-arrow:before {
  content: "";
  position: absolute;
  border-color: transparent;
  border-style: solid;
}
.tippy-content {
  position: relative;
  padding: 5px 9px;
  z-index: 1;
}
.tippy-box[data-theme~=material] {
  background-color: #505355;
  font-weight: 600;
}
.tippy-box[data-theme~=material][data-placement^=top] > .tippy-arrow:before {
  border-top-color: #505355;
}
.tippy-box[data-theme~=material][data-placement^=bottom] > .tippy-arrow:before {
  border-bottom-color: #505355;
}
.tippy-box[data-theme~=material][data-placement^=left] > .tippy-arrow:before {
  border-left-color: #505355;
}
.tippy-box[data-theme~=material][data-placement^=right] > .tippy-arrow:before {
  border-right-color: #505355;
}
.tippy-box[data-theme~=material] > .tippy-backdrop {
  background-color: #505355;
}
.tippy-box[data-theme~=material] > .tippy-svg-arrow {
  fill: #505355;
}
.tippy-box[data-animation=scale][data-placement^=top] {
  transform-origin: bottom;
}
.tippy-box[data-animation=scale][data-placement^=bottom] {
  transform-origin: top;
}
.tippy-box[data-animation=scale][data-placement^=left] {
  transform-origin: right;
}
.tippy-box[data-animation=scale][data-placement^=right] {
  transform-origin: left;
}
.tippy-box[data-animation=scale][data-state=hidden] {
  transform: scale(0.5);
  opacity: 0;
}
.buttons {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.buttons > button:not(:first-child) {
  margin: 0 0 0 1rem;
}
.button {
  cursor: pointer;
  min-height: 2.25rem;
  padding: 0.625rem 1rem;
  border: 0.0625rem solid #636bf6;
  border-radius: 0.1875rem;
  font-size: 0.875rem;
  font-weight: 500;
  text-transform: capitalize;
  outline: none;
  transition: all 0.3s ease-in-out;
}
.button--disabled,
.button[disabled] {
  pointer-events: none;
  border: 0.0625rem solid #dcdcdc;
  color: #dcdcdc;
  background-color: #fff;
}
.button--transparent {
  color: #636bf6;
  background-color: transparent;
}
@media screen and (min-width: 1025px) {
  .button--transparent:hover:hover {
    color: #fff;
    background-color: #636bf6;
  }
}
.button--fill {
  color: #fff;
  background-color: #636bf6;
}
@media screen and (min-width: 1025px) {
  .button--fill:hover:hover {
    color: #636bf6;
    background-color: transparent;
  }
}
@media (min-width: 1367px) {
  .button--details {
    display: none;
  }
}
@media (min-width: 0px) and (max-width: 1366px) {
  .button--details {
    display: block;
  }
}
.sort-button {
  cursor: pointer;
  position: relative;
  width: 2.25rem;
  height: 2.25rem;
}
.sort-button::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  width: 100%;
  height: 100%;
  border: 0.0625rem solid #636bf6;
  border-radius: 0.1875rem;
  opacity: 1;
  background: transparent;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 1rem;
  transition: all 0.3s ease-in-out;
}
.sort-button::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  width: 100%;
  height: 100%;
  border: 0.0625rem solid #636bf6;
  border-radius: 0.1875rem;
  opacity: 0;
  background-color: #636bf6;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 1rem;
  transition: all 0.3s ease-in-out;
}
@media screen and (min-width: 1025px) {
  .sort-button:hover:hover::after {
    opacity: 1;
    box-shadow: 0 0.375rem 0.75rem rgba(97, 112, 236, 0.24);
  }
  .sort-button:hover:hover::before {
    opacity: 0;
  }
}
.sort-button.active::after {
  opacity: 1;
  box-shadow: 0 0.375rem 0.75rem rgba(97, 112, 236, 0.24);
}
.sort-button.active::before {
  opacity: 0;
}
.options-button {
  display: flex;
  margin: 0 auto;
}
.options-button span {
  overflow: hidden;
  display: flex;
  width: 0.25rem;
  height: 0.25rem;
  border: 0.0625rem solid #4d5662;
  border-radius: 0.25rem;
  background-color: transparent;
  transition: background-color 0.3s ease-in-out;
}
.options-button span:hover span {
  background-color: #4d5662;
}
.options-button--white span {
  border: 0.0625rem solid #fff;
}
.options-button--vertical {
  flex-direction: column;
  width: 1rem;
  height: 1.75rem;
}
.options-button--vertical span:not(:first-child) {
  margin-top: 0.125rem;
}
.options-button--horizontal {
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: 1.75rem;
  height: 1rem;
}
.options-button--horizontal span:not(:first-child) {
  margin-left: 0.125rem;
}
.increment-button {
  position: relative;
  display: flex;
  width: 1.25rem;
  height: 1.25rem;
  border-radius: 0.1875rem;
  background: rgba(220, 228, 245, 0.3);
}
.increment-button--increase::before,
.increment-button--increase::after {
  content: "";
  position: absolute;
  display: block;
  border-radius: 0.125rem;
  background-color: #aab2c2;
  transition: all 0.3s ease-in-out;
}
.increment-button--increase::before {
  top: calc(50% - 0.0625rem);
  left: 0.3125rem;
  width: 0.625rem;
  height: 0.125rem;
}
.increment-button--increase::after {
  top: 0.3125rem;
  left: calc(50% - 0.0625rem);
  width: 0.125rem;
  height: 0.625rem;
}
.increment-button--increase:hover::before,
.increment-button--increase:hover::after {
  background-color: #636bf6;
}
.increment-button--decrease::before {
  content: "";
  position: absolute;
  top: calc(50% - 0.0625rem);
  left: 0.3125rem;
  display: block;
  width: 0.625rem;
  height: 0.125rem;
  border-radius: 0.125rem;
  background-color: #aab2c2;
  transition: all 0.3s ease-in-out;
}
.increment-button--decrease:hover::before {
  background-color: #636bf6;
}
.white-button {
  color: #636bf6;
  background: #fff;
}
.white-button:hover {
  color: #fff;
  background: #636bf6;
}
.pdf__buttons--disabled {
  pointer-events: none;
  opacity: 0.6;
}
.btn {
  border-radius: 0.1875rem;
  border-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(99 107 246 / var(--tw-border-opacity, 1));
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
  font-size: 1rem;
  line-height: 1.5rem;
  --tw-text-opacity: 1;
  color: rgb(99 107 246 / var(--tw-text-opacity, 1));
}
.btn:disabled {
  cursor: default;
  opacity: 0.5;
}
.btn-accent {
  --tw-bg-opacity: 1;
  background-color: rgb(99 107 246 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.btn-warning {
  --tw-border-opacity: 1;
  border-color: rgb(77 86 98 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(220 38 38 / var(--tw-text-opacity, 1));
}
.avatar {
  height: 2.5rem;
  width: 2.5rem;
  border-radius: 0.5rem;
  object-fit: cover;
}
.box-shadow {
  box-shadow: 0 0 6px 0 #e8e8f8;
}
.button {
  cursor: pointer;
  min-height: 2.25rem;
  padding: 0.625rem 1rem;
  border: 0.0625rem solid #636bf6;
  border-radius: 0.1875rem;
  font-size: 0.875rem;
  font-weight: 500;
  text-transform: capitalize;
  outline: none;
  transition: all 0.3s ease-in-out;
}
.button--disabled,
.button[disabled] {
  pointer-events: none;
  border: 0.0625rem solid #dcdcdc;
  color: #dcdcdc;
  background-color: #fff;
}
.button--transparent {
  color: #636bf6;
  background-color: transparent;
}
@media screen and (min-width: 1025px) {
  .button--transparent:hover:hover {
    color: #fff;
    background-color: #636bf6;
  }
}
.button--fill {
  color: #fff;
  background-color: #636bf6;
}
@media screen and (min-width: 1025px) {
  .button--fill:hover:hover {
    color: #636bf6;
    background-color: transparent;
  }
}
.section__title {
  font-size: 1.5rem;
  font-weight: 600;
  color: #4d5662;
  text-transform: capitalize;
}
.section__title span {
  font-size: 1.25rem;
}
.grab-to-pan-grab {
  cursor: grab !important;
}
.grab-to-pan-grab *:not(input, textarea, button, select, :link) {
  cursor: inherit !important;
}
.grab-to-pan-grab:active,
.grab-to-pan-grabbing {
  cursor: grabbing !important;
  z-index: 50000;
  inset: 0;
  overflow: hidden;
  display: block;
  padding-right: 7px;
  background: rgba(0, 0, 0, 0);
}
.grab-to-pan-grabbing {
  position: absolute;
}
:host {
  --pdfViewer-padding-bottom: 0;
  --page-margin: 1px auto -8px;
  --page-border: 9px solid transparent;
  --spreadHorizontalWrapped-margin-LR: -3.5px;
  --viewer-container-height: 0;
  --annotation-unfocused-field-background: url("data:image/svg+xml;charset=UTF-8,<svg width='1px' height='1px' xmlns='http://www.w3.org/2000/svg'><rect width='100%' height='100%' style='fill:rgba(0, 54, 255, 0.13);'/></svg>");
  --xfa-unfocused-field-background: var(--annotation-unfocused-field-background);
  --page-border-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAByUDbMAAAA1ElEQVQ4jbWUWw6EIAxFy2NFs/8NzR4UJhpqLsdi5mOmSSMUOfYWqv3S0gMr4XlYH/64gZa/gN3ANYA7KAXALt4ktoQ5MI9YxqaG8bWmsIysMuT6piSQCa4whZThCu8CM4zP9YJaKci9jicPq3NcBWYoPMGUlhG7ivtkB+gVyFY75wXghOvh8t5mto1Mdim6e+MBqH6XsY+YAwjpq3vGF7weTWQptLEDVCZvPTMl5JZZsdh47FHW6qFMyvLYqjcnmdFfY9Xk/KDOlzCusX2mi/ofM7MPkzBcSp4Q1/wAAAAASUVORK5CYII=) 9 9 repeat;
  --scale-factor: 1;
  --focus-outline: solid 2px blue;
  --hover-outline: dashed 2px blue;
  --freetext-line-height: 1.35;
  --freetext-padding: 2px;
  --editorInk-editing-cursor: pointer;
}
@media screen and (forced-colors: active) {
  :host {
    --pdfViewer-padding-bottom: 9px;
    --page-margin: 8px auto -1px;
    --page-border: 1px solid CanvasText;
    --page-border-image: none;
    --spreadHorizontalWrapped-margin-LR: 3.5px;
  }
}
@media (forced-colors: active) {
  :host {
    --focus-outline: solid 3px ButtonText;
    --hover-outline: dashed 3px ButtonText;
  }
}
.ng2-pdf-viewer-container {
  position: absolute;
  overflow-x: auto;
  width: 100%;
  height: 100%;
  -webkit-overflow-scrolling: touch;
}
.pdfViewer {
  padding-bottom: var(--pdfViewer-padding-bottom);
}
.pdfViewer .canvasWrapper {
  overflow: hidden;
}
.pdfViewer .page {
  position: relative;
  direction: ltr;
  overflow: visible;
  width: 816px;
  height: 1056px;
  margin: var(--page-margin);
  border: var(--page-border);
  border-image: var(--page-border-image);
  background-color: rgb(255, 255, 255);
  background-clip: content-box;
}
.pdfViewer .dummyPage {
  position: relative;
  width: 0;
  height: var(--viewer-container-height);
}
.pdfViewer.removePageBorders .page {
  margin: 0 auto 10px;
  border: none;
}
.pdfViewer.singlePageView {
  display: inline-block;
}
.pdfViewer.singlePageView .page {
  margin: 0;
  border: none;
}
.pdfViewer.scrollHorizontal,
.pdfViewer.scrollWrapped,
.spread {
  margin-right: 3.5px;
  margin-left: 3.5px;
  text-align: center;
}
.pdfViewer.scrollHorizontal,
.spread {
  white-space: nowrap;
}
.pdfViewer.removePageBorders,
.pdfViewer.scrollHorizontal .spread,
.pdfViewer.scrollWrapped .spread {
  margin-right: 0;
  margin-left: 0;
}
.spread .page,
.spread .dummyPage,
.pdfViewer.scrollHorizontal .page,
.pdfViewer.scrollWrapped .page,
.pdfViewer.scrollHorizontal .spread,
.pdfViewer.scrollWrapped .spread {
  display: inline-block;
  vertical-align: middle;
}
.spread .page,
.pdfViewer.scrollHorizontal .page,
.pdfViewer.scrollWrapped .page {
  margin-right: var(--spreadHorizontalWrapped-margin-LR);
  margin-left: var(--spreadHorizontalWrapped-margin-LR);
}
.pdfViewer.removePageBorders .spread .page,
.pdfViewer.removePageBorders.scrollHorizontal .page,
.pdfViewer.removePageBorders.scrollWrapped .page {
  margin-right: 5px;
  margin-left: 5px;
}
.pdfViewer .page canvas {
  display: block;
  margin: 0;
}
.pdfViewer .page canvas[hidden] {
  display: none;
}
.pdfViewer .page .loadingIcon {
  position: absolute;
  inset: 0;
  display: block;
  background: url(data:image/gif;base64,R0lGODlhGAAYAPQQAM7Ozvr6+uDg4LCwsOjo6I6OjsjIyJycnNjY2KioqMDAwPLy8nZ2doaGhri4uGhoaP///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/ilPcHRpbWl6ZWQgd2l0aCBodHRwczovL2V6Z2lmLmNvbS9vcHRpbWl6ZQAh+QQJBwAQACwAAAAAGAAYAAAFmiAkjiTkOGVaBgjZNGSgkgKjjM8zLoI8iy+BKCdiCX8iBeMAhEEIPRXLxViYUE9CbCQoFAzFhHY3zkaT3oPvBz1zE4UBsr1eWZH4vAowOBwGAHk8AoQLfH6Agm0Ed3qOAXWOIgQKiWyFJQgDgJEpdG+WEACNEFNFmKVlVzJQk6qdkwqBoi1mebJ3ALNGeIZHtGSwNDS1RZKueCEAIfkECQcAEAAsAAAAABgAGAAABZcgJI4kpChlWgYCWRQkEKgjURgjw4zOg9CjVwuiEyEeO6CxkBC9nA+HiuUqLEyoBZI0Mx4SAFFgQCDZuguBoGv6Dtg0gvpqdhxQQDkBzuUr/4A1JwMKP39pc2mDhYCIc4GQYn6QCwCMeY91l0p6dBAEJ0OfcFRimZ91Mwt0alxxAIZyRmuAsKxDLKKvZbM1tJxmvGKRpn8hACH5BAkHABAALAAAAAAYABgAAAWhICSOJGQYZVoGAnkcJBKoI3EAY1GMCtPSosSBINKJBIwGkHdwBGGQA0OhYpEGQxNqkYzNIITBACEKKBaxxNfBeOCO4vMy0Hg8nDHFeCktkKtfNAtoS4UqAicKBj9zBAKPC4iKi4aRkISGmWWBmjUIAIyHkCUEAKCVo2WmREecVqoCgZhgP4NHrGWCj7e3szSpuxAsoVWxnp6cVV4kyZW+KSEAIfkECQcAEAAsAAAAABgAGAAABZkgJI4kBABlWgYEOQykEKgjMSDjcYxG0dKi108nEhQKQN4rCIMkCgbawjWYnSCLY2yGVSgEooBhWqsGGwxc0RtNBgoMhmJ1QgETjANYFeBKyUmBKQQIdT9JDmgPDQ6EhoKJD4sOgpWWgiwChyqEBH5hmptSoSOZgJ4kLKWkYTF7C2SaqaM/hEWygay4mYG8t6uffFuzl1iANCEAIfkECQcAEAAsAAAAABgAGAAABZ0gJI4khCBlmhKkopBCoI6LIozDMAIHO4uuBVBnOiR+I4FrCDwAZsKdQnaCLIwwmRUA8JmioprWUCjcwlwUMnAoG0qL03k2KCS8cC0UjOzDCQKBfHQFDAwFU4CCfgqFhy9+kZJWgzSKSAcPZn+BfQENDw8OljGWJAFeDoZPYTBnC1GdSXqnsoBolSulX2GyP6hgvnG0KrS3NJNhuSQhACH5BAkHABAALAAAAAAYABgAAAWaICSOJCQIZZoupGGQRKCOC0CMijIiwz2LABtQZxoMfjQhxAXszWQ7gOwECRhh0MCJJRJARTUoIHFAgbfI6uBwAJS01J/i4PClVYHvfV8lbLlIBmwFbQt+aGmChG18jXeGT4dICQxlb4g/AQUMDER9XjR6BAdiDQwINDBmkAsPDVh4cX4imw53iLKuaVqAcUsPqEiidkt6j4AzIQAh+QQJBwAQACwAAAAAGAAYAAAFmSAkjiREEGWaBiSCtCoZCMsIAKOg1LEo0KKbaKFQ9EYLoOkFuQlirNxzCQkUW9GZ0hQd4nyDAWr4G/esYSbyZFYZwu3jqiuvr8u8I2BwOAwASXh1e31/doeHC3klWnElfAlTd46MfQUGk2stCVEGBQWSdCciDg5VDAVYKoEiDQ0iBwxGcj9RDw8+qHIzebc2DJJQJK6qiKVyIQAh+QQJBwAQACwAAAAAGAAYAAAFmSAkjiS0LGWaBiRBtCoZCKgoCCMB1DF0sz6cCQDo5W62l28XAyZFpyECBv3lnCbhUqHMIo0Qg4Jbmn1jRCa4iV27TzfXGjEecOFWMN1OdvvfPGUuXSoKBw6EXokrAwcHRVU0UAeEBANAAAmUI1gNDyhjJgUHLW0iDg8FIqOnBQZrDA9TELE2rEYIDw4jta2LMpCrqld/YQpgIQAh+QQJBwAQACwAAAAAGAAYAAAFmyAkjiS0LGWaBiRBkKw6BgIqCsJcyyMe4yJajhcEml5H26o1PN2QQd3uFiv2AADlAgflIbDdZLgkABOJgep5LfWty4p4zeU+w+XsvJWXliEKDwdEBgMKYQ4PDw1qK3EDCCMAiQ5BCV0LCj+FSDQkgCgGBiYHAy2MIgoMghAHqw4HAGsNDEMFBTekdgwKI7aRB2MwkL2rVHoQoWchACH5BAkHABAALAAAAAAYABgAAAWWICSOJLQsZZoGJEGQrDoGAioKwlzLIx7jIlqOFwSaXkfbqjU83ZBB3e4WK0qrCxyU55peid0qcUwuixyNx6PhILsAcAJazXYj4lvz2MkLiFsHDAlEcABKZwwMBX8pBgoKQxAIigpBA1sLBj+PSDQkB4uSACYDlTMyBgWDEKVnl2QFBUigN61gBQYjtLV5JZ4jtlR6omMhACH5BAkHABAALAAAAAAYABgAAAWaICSOJLQsZZoGJEGQrDoGAioKwlzLIx7jIlqOFwSaXkdbidYanm7I4AjwYDh6saJuJ3JUG1mZi9srPA7EcRimJLrfJYWZUVC8TziXnEG3u/E+cIJaPAFrPQl1aQAIbRAGBZGHJQiMUQKRBkEKbQsAPZaEXQcslSYKmjMyAAdXj34ACkNEiUgDA5t+PAQHn6Ogjkuzry2DNwhuIQAh+QQFBwAQACwAAAAAGAAYAAAFnCAkjiS0LGVaBgBJEGSguo8zCsK4CPIsMg+ECCcKEH0ix6MwhJl4KiOp8UCdmrEbo6EoHpxF8A6aBBZ6vhf5dmAkkGr0CoWs21WGQ2FvsI9xC3l7B311fy93iWGKJQQOhHCAJQB6A3IqcWwJLU90i2FkUiMKlhBELEI6MwgDXRAGhQgAYD6tTqRFAJxpA6mvrqazSKJJhUWMpjlIIQA7) center no-repeat;
}
.pdfViewer .page .loadingIcon.notVisible {
  background: none;
}
.pdfViewer.enablePermissions .textLayer span {
  cursor: not-allowed;
  -webkit-user-select: none !important;
  user-select: none !important;
}
.pdfPresentationMode .pdfViewer {
  padding-bottom: 0;
}
.pdfPresentationMode .spread {
  margin: 0;
}
.pdfPresentationMode .pdfViewer .page {
  margin: 0 auto;
  border: 2px solid transparent;
}
.search-exclusion__actions {
  display: flex;
  gap: 1rem;
  justify-content: space-between;
  width: 100%;
}
.search-exclusion__actions .search-exclusion__apply-button {
  flex-grow: 1;
  text-transform: capitalize;
}
.search-exclusion__header {
  color: #4d5662;
  text-align: left;
}
.search-exclusion__header-title {
  margin-bottom: 0.5rem;
  font-size: 1.25rem;
  font-weight: 600;
  text-transform: capitalize;
}
.search-exclusion__header-subtitle {
  padding-bottom: 0.5rem;
  font-size: 0.875rem;
}
.search-exclusion__header-subtext {
  font-size: 0.75em;
}
.search-exclusion__form-field {
  --mat-form-field-container-height: 36px;
  --mat-form-field-filled-label-display: none;
  --mat-form-field-container-vertical-padding: 6px;
  --mat-form-field-filled-with-label-container-padding-top: 6px;
  --mat-form-field-filled-with-label-container-padding-bottom: 6px;
  margin-top: 0.5rem;
  margin-bottom: 0.625rem;
}
.search-exclusion__form-field .mat-mdc-chip.mat-mdc-standard-chip {
  --mat-chip-container-height: 24px;
}
.search-exclusion__form-field .mat-mdc-text-field-wrapper {
  border: 1px solid #dce4f5;
  border-radius: 0.5rem;
}
.search-exclusion__form-field .mat-mdc-text-field-wrapper.mdc-text-field--invalid {
  border-color: red;
}
.search-exclusion__form-field--text {
  height: 2rem;
}
.search-exclusion__form-field--chips {
  height: auto;
}
.search-exclusion__form-field--chips .mat-mdc-form-field-infix {
  flex-direction: column;
}
.search-exclusion__form-field--chips .mat-mdc-form-field-infix .mat-mdc-chip-set {
  overflow: auto;
  width: 100%;
  max-height: 5rem;
}
.search-exclusion__form-field--chips .mat-mdc-form-field-infix .mat-mdc-chip-input.mat-mdc-input-element {
  max-height: 4rem;
}
.search-exclusion__form-field--chips .mat-mdc-form-field-infix .mat-mdc-chip-input.mat-mdc-input-element::placeholder {
  max-width: 22.125rem;
  text-wrap: wrap;
  overflow-wrap: break-word;
}
.search-exclusion__form-field--chips .mat-mdc-standard-chip:not(.mdc-evolution-chip--disabled) {
  height: auto;
  padding: 0.125rem 0 0.125rem 0.25rem;
  border-radius: 0.25rem;
  font-size: 0.75rem;
  color: #636bf6;
  background: rgba(220, 228, 245, 0.3019607843);
}
.search-exclusion__form-field--chips .mat-mdc-standard-chip:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__text-label {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  color: inherit;
}
.search-exclusion__form-field--chips .mat-mdc-standard-chip:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__action--primary {
  padding: 0;
}
.search-exclusion__form-field--chips .mat-mdc-standard-chip:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__icon--trailing.mat-mdc-chip-remove {
  width: 0.75rem;
  height: 0.75rem;
  margin-left: 0.25rem;
  padding: 0.125rem 0.25rem;
  font-size: inherit;
  color: inherit;
}
.search-exclusion__form-field--chips .mat-mdc-standard-chip:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__icon--trailing.mat-mdc-chip-remove .remove-chip-button__icon {
  width: 0.45rem;
  height: 0.45rem;
}
.search-exclusion__virtual-viewport .cdk-virtual-scroll-content-wrapper {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 100%;
}
.search-exclusion__chip-row .mat-mdc-standard-chip:not(.mdc-evolution-chip--disabled) {
  height: auto;
  padding: 0.125rem 0 0.125rem 0.25rem;
  border-radius: 0.25rem;
  font-size: 0.75rem;
  color: #636bf6;
  background: rgba(220, 228, 245, 0.3019607843);
}
.search-exclusion__chip-row .mat-mdc-standard-chip:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__text-label {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  color: inherit;
}
.search-exclusion__chip-row .mat-mdc-standard-chip:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__action--primary {
  padding: 0;
}
.search-exclusion__chip-row .mat-mdc-standard-chip:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__icon--trailing.mat-mdc-chip-remove {
  width: 0.75rem;
  height: 0.75rem;
  margin-left: 0.25rem;
  padding: 0.125rem 0.25rem;
  font-size: inherit;
  color: inherit;
}
.search-exclusion__chip-row .mat-mdc-standard-chip:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__icon--trailing.mat-mdc-chip-remove .remove-chip-button__icon {
  width: 0.45rem;
  height: 0.45rem;
}
.search-exclusion__chip-row mat-chip-row.mat-mdc-chip {
  overflow: hidden;
  flex: 0 1 auto;
  min-width: 60px;
  margin: 0;
}
.search-exclusion__chip-row mat-chip-row.mat-mdc-chip .mdc-evolution-chip__cell--primary {
  overflow: hidden;
  flex-shrink: 1;
  min-width: 0;
}
.search-exclusion__chip-row mat-chip-row.mat-mdc-chip .mdc-evolution-chip__cell--trailing {
  flex-shrink: 0;
}
.search-exclusion__chip-row mat-chip-row.mat-mdc-chip .mdc-evolution-chip__action--primary {
  overflow: hidden;
  flex-shrink: 1;
  min-width: 0;
}
.search-exclusion__chip-row mat-chip-row.mat-mdc-chip .mdc-evolution-chip__text-label {
  overflow: hidden;
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.search-exclusion input.mat-mdc-chip-input {
  flex: 1;
  padding-top: 0.5rem;
  padding-bottom: 1.5rem;
}
.search-exclusion .search-exclusion__form mat-chip-row.mat-mdc-standard-chip.mdc-evolution-chip--disabled {
  height: auto;
  padding: 0.125rem 0 0.125rem 0.25rem;
  border-radius: 0.25rem;
  font-size: 0.75rem;
  color: #636bf6;
  background: rgba(220, 228, 245, 0.3019607843);
  pointer-events: auto;
  cursor: not-allowed;
}
.search-exclusion .search-exclusion__form mat-chip-row.mat-mdc-standard-chip.mdc-evolution-chip--disabled .mdc-evolution-chip__text-label {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  color: inherit;
}
.search-exclusion .search-exclusion__form mat-chip-row.mat-mdc-standard-chip.mdc-evolution-chip--disabled .mdc-evolution-chip__action--primary {
  padding: 0;
}
.search-exclusion .search-exclusion__form mat-chip-row.mat-mdc-standard-chip.mdc-evolution-chip--disabled .mdc-evolution-chip__icon--trailing.mat-mdc-chip-remove {
  width: 0.75rem;
  height: 0.75rem;
  margin-left: 0.25rem;
  padding: 0.125rem 0.25rem;
  font-size: inherit;
  color: inherit;
}
.search-exclusion .search-exclusion__form mat-chip-row.mat-mdc-standard-chip.mdc-evolution-chip--disabled .mdc-evolution-chip__icon--trailing.mat-mdc-chip-remove .remove-chip-button__icon {
  width: 0.45rem;
  height: 0.45rem;
}
.search-exclusion .search-exclusion__form .search-exclusion__form-field .mat-mdc-text-field-wrapper {
  padding-bottom: unset;
}
.comment-context-menu {
  border-radius: 1rem;
  box-shadow: rgba(0, 0, 0, 0.35) 0 5px 15px;
}
.comment-context-menu .user-label {
  color: #4d5662;
}
.comment-context-menu button.add-comment-button {
  color: #fff;
  background-color: #636bf6;
}
.comment-context-menu button.cancel-comment-button {
  color: #636bf6;
  background-color: #fff;
}
.comment-context-menu .mat-mdc-form-field::after {
  display: none;
}
.comment-context-menu .tippy-box {
  background-color: #fff;
  border-radius: 0.3rem;
}
.comment-context-menu .tippy-box .tippy-content {
  padding-right: 0;
  padding-left: 0;
}
.comment-context-menu .tippy-box .tippy-content .mat-mdc-form-field.comment-context-form-field {
  width: calc(100% - 0.785rem);
}
.comment-context-menu .tippy-box .tippy-content .comment-context-menu-content {
  padding-left: 0.6rem;
}
.comment-context-menu .tippy-arrow::before {
  color: #fff;
  border-bottom-color: #fff;
}
.comment-context-menu .mat-mdc-form-field {
  height: 2.125rem;
  margin-top: 0.5rem;
}
.comment-context-menu input.mat-mdc-input-element::placeholder {
  font-size: 0.875rem;
  color: #4d5662;
}
.comment-context-menu .mdc-text-field--filled.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-text-field__input {
  caret-color: var(--mat-form-field-filled-caret-color);
}
.comment-context-menu .mdc-text-field--filled.mdc-text-field--invalid:not(.mdc-text-field--disabled, .mdc-text-field--focused):hover .mdc-line-ripple::before {
  border-bottom-color: #4d5662;
}
.comment-context-menu input.mat-mdc-input-element.mat-mdc-form-field-input-control.mdc-text-field__input {
  height: 2.125rem;
}
.comment-context-menu .mat-mdc-form-field-type-mat-input .mdc-text-field--filled:not(.mdc-text-field--disabled) {
  z-index: 1000;
  overflow: visible;
  height: 2.125rem;
  padding: 0 0.1rem;
}
.comment-context-menu .mat-mdc-form-field-type-mat-input .mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-line-ripple:hover {
  border-bottom-color: #4d5662;
}
.comment-context-menu .mat-mdc-form-field-type-mat-input .mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-line-ripple::before {
  border-bottom-color: #4d5662;
}
.comment-context-menu .mat-mdc-form-field-type-mat-input .mdc-text-field--filled:not(.mdc-text-field--disabled):hover .mdc-line-ripple::before {
  border-bottom-color: #4d5662;
}
.comment-context-menu .mat-mdc-form-field-type-mat-input .mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-line-ripple::after {
  border-bottom-color: #4d5662;
}
.comment-options-menu,
.comment-pending-menu {
  box-shadow: rgba(0, 0, 0, 0.35) 0 5px 5px;
}
.comment-options-menu .tippy-box,
.comment-pending-menu .tippy-box {
  background-color: #fff;
}
.comment-options-menu .mat-mdc-menu-item,
.comment-pending-menu .mat-mdc-menu-item {
  min-height: 28px;
  color: #636bf6;
}
.comment-preview div.comment-content {
  color: #fff;
}
.redaction {
  overflow: hidden;
  height: calc(100dvh - (100dvh - 100%));
}
.redaction__content {
  overflow: hidden;
  display: flex;
  width: 100%;
  height: calc(100dvh - 3.25rem);
  background-color: #fff;
}
.redaction__content__pdf {
  overflow: hidden;
  width: 100%;
}
.redaction__content.adding-comment {
  cursor: not-allowed;
}
.redaction__content.adding-comment .page {
  cursor: url(/assets/redaction-tool/images/comment.png), auto;
}
.redaction__content.adding-comment .textLayer span {
  cursor: url(/assets/redaction-tool/images/comment.png), auto;
}
.redaction-container .tippy-box {
  border-radius: 0.3rem;
  background-color: #fff;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
}
.redaction-container .tippy-box .tippy-content {
  padding-right: 0;
  padding-left: 0;
}
.redaction-container .tippy-box .tippy-content .mat-mdc-form-field.comment-context-form-field {
  width: calc(100% - 0.785rem);
}
.redaction-container .tippy-box .tippy-content .comment-context-menu-content {
  padding-left: 0.6rem;
}
.redaction-container .tippy-box[data-theme~=custom-theme] {
  background-color: #fff;
}
.search-match-context-menu .tippy-box {
  border-color: transparent;
  border-style: solid;
  border-radius: 0.5rem;
}
.search-match-context-menu .tippy-box .tippy-content {
  padding: 0;
}
.search-match-context-menu .tippy-box[data-theme~=custom-theme] {
  background-color: #fff;
}
.redaction__comments__dropdown {
  display: flex;
  justify-content: flex-end;
  width: 100%;
  margin-top: 1.25rem;
}
.redaction__comments__dropdown .mat-mdc-form-field {
  width: 12rem;
  height: 1.75rem;
}
.redaction__comments .cdk-virtual-scroll-content-wrapper {
  contain: initial;
  overflow: visible;
}
.redaction__comments .mat-mdc-form-field::after {
  display: none;
}
.redaction__comments button.comment-dropdown-menu {
  display: grid;
  padding: 0.5rem 0.375rem;
}
.redaction__comments button.add-comment-button {
  color: #fff;
  background-color: #636bf6;
}
.redaction__comments button.cancel-comment-button {
  color: #636bf6;
  background-color: #fff;
}
.redaction__comments .mat-mdc-form-field {
  height: 2.125rem;
  margin-top: 0.5rem;
}
.redaction__comments input.mat-mdc-input-element::placeholder {
  font-size: 0.875rem;
  color: #4d5662;
}
.redaction__comments .mdc-text-field--filled.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-text-field__input {
  caret-color: var(--mat-form-field-filled-caret-color);
}
.redaction__comments .mdc-text-field--filled.mdc-text-field--invalid:not(.mdc-text-field--disabled, .mdc-text-field--focused):hover .mdc-line-ripple::before {
  border-bottom-color: #4d5662;
}
.redaction__comments input.mat-mdc-input-element.mat-mdc-form-field-input-control.mdc-text-field__input {
  height: 2.125rem;
}
.redaction__comments .mat-mdc-form-field-type-mat-input .mdc-text-field--filled:not(.mdc-text-field--disabled) {
  z-index: 1000;
  overflow: visible;
  height: 2.125rem;
  padding: 0 0.1rem;
}
.redaction__comments .mat-mdc-form-field-type-mat-input .mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-line-ripple:hover {
  border-bottom-color: #4d5662;
}
.redaction__comments .mat-mdc-form-field-type-mat-input .mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-line-ripple::before {
  border-bottom-color: #4d5662;
}
.redaction__comments .mat-mdc-form-field-type-mat-input .mdc-text-field--filled:not(.mdc-text-field--disabled):hover .mdc-line-ripple::before {
  border-bottom-color: #4d5662;
}
.redaction__comments .mat-mdc-form-field-type-mat-input .mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-line-ripple::after {
  border-bottom-color: #4d5662;
}
.dialog-bates-numbering .mat-mdc-dialog-container {
  border-radius: 0.9375rem;
}
.dialog-bates-numbering .mat-mdc-dialog-container .mat-mdc-dialog-surface.mdc-dialog__surface {
  padding: 1rem;
}
.dialog-bates-numbering .mat-mdc-dialog-container .mat-mdc-dialog-surface.mdc-dialog__surface .bates-numbering-form .mat-mdc-form-field,
.dialog-bates-numbering .mat-mdc-dialog-container .mat-mdc-dialog-surface.mdc-dialog__surface .bates-numbering-form .mat-mdc-text-field-wrapper,
.dialog-bates-numbering .mat-mdc-dialog-container .mat-mdc-dialog-surface.mdc-dialog__surface .bates-numbering-form .mat-mdc-form-field-flex,
.dialog-bates-numbering .mat-mdc-dialog-container .mat-mdc-dialog-surface.mdc-dialog__surface .bates-numbering-form .mat-mdc-form-field-infix {
  width: 100%;
}
.dialog-bates-numbering .mat-mdc-dialog-container .mat-mdc-dialog-surface.mdc-dialog__surface .bates-numbering-form .mat-mdc-form-field {
  height: 5rem;
}
.dialog-bates-numbering .mat-mdc-dialog-container .mat-mdc-dialog-surface.mdc-dialog__surface .bates-numbering-form .mat-mdc-form-field-infix {
  align-items: flex-start;
}
.dialog-bates-numbering .pages .mdc-radio.mdc-radio--disabled .mdc-radio__background {
  width: 1.5rem;
  height: 1.5rem;
}
.dialog-bates-numbering .pages .mdc-radio__background::before {
  display: none;
}
.dialog-bates-numbering .pages .mat-mdc-radio-button .mdc-radio .mdc-radio__native-control:enabled:not(:checked) + .mdc-radio__background,
.dialog-bates-numbering .pages .mat-mdc-radio-button .mdc-radio .mdc-radio__native-control:enabled:checked + .mdc-radio__background {
  width: 1.5rem;
  height: 1.5rem;
}
.dialog-bates-numbering .pages .mat-mdc-radio-button .mdc-radio .mdc-radio__native-control:enabled:not(:checked) + .mdc-radio__background .mdc-radio__outer-circle,
.dialog-bates-numbering .pages .mat-mdc-radio-button .mdc-radio .mdc-radio__native-control:enabled:checked + .mdc-radio__background .mdc-radio__outer-circle {
  border-width: 1px;
}
.dialog-bates-numbering .pages .mat-mdc-radio-button .mdc-radio .mdc-radio__native-control:enabled:not(:checked) + .mdc-radio__background .mdc-radio__inner-circle,
.dialog-bates-numbering .pages .mat-mdc-radio-button .mdc-radio .mdc-radio__native-control:enabled:checked + .mdc-radio__background .mdc-radio__inner-circle {
  border-width: 0.75rem;
}
.dialog-bates-numbering .pages .mdc-radio {
  width: 1.5rem;
  height: 1.5rem;
}
.dialog-bates-numbering .pages .mdc-label {
  font-size: 1rem;
  color: #717881;
}
.dialog-bates-numbering .bates-numbering-input-mat-form-field .mat-mdc-text-field-wrapper,
.dialog-bates-numbering .bates-numbering-range-input-mat-form-field .mat-mdc-text-field-wrapper {
  align-items: baseline !important;
}
.dialog-bates-numbering .bates-numbering-range-input-mat-form-field .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix div {
  width: 100%;
}
@media (max-width: 768px) {
  .dialog-bates-numbering {
    width: "95%";
    max-width: "100vw";
  }
  .dialog-bates-numbering .bates-numbering-form__left-block {
    margin-bottom: 1rem;
  }
}
.redaction__find-replace .redaction__find-replace__form .redaction__find-replace__form__content .redaction__find-replace-mat-form-field.text-category.mat-focused {
  background-color: #fbfbff;
}
.redaction__find-replace .redaction__find-replace__form .redaction__find-replace__form__content .redaction__find-replace-mat-form-field.text-category .mat-mdc-text-field-wrapper {
  padding-bottom: unset;
  padding-left: 0.75rem;
}
.redaction__find-replace .redaction__find-replace__form .redaction__find-replace__form__content .redaction__find-replace-mat-form-field.text-category button.text-category-input-search .progress-button-backdrop {
  border-radius: 0.3rem;
}
.redaction__find-replace .redaction__find-replace__form .redaction__find-replace__form__content .redaction__find-replace-mat-form-field.text-category button.text-category-input-search mat-icon.mat-icon.text-category-input-search__icon {
  aspect-ratio: 1 !important;
  width: 100%;
  height: 100%;
  padding: unset !important;
}
.redaction__find-replace .redaction__find-replace__form .redaction__find-replace__form__content .redaction__find-replace-mat-form-field.text-category button.text-category-input-search mat-icon.mat-icon.text-category-input-search__icon svg path {
  fill: #aab2c2;
}
.redaction__find-replace .redaction__find-replace__form .redaction__find-replace__form__content .redaction__find-replace__form__content__additions .checkbox__container shared-checkbox.find-replace-match-case-checkbox-disabled label.checkbox,
.redaction__find-replace .redaction__find-replace__form .redaction__find-replace__form__content .redaction__find-replace__form__content__additions .checkbox__container shared-checkbox.find-replace-match-whole-words-checkbox-disabled label.checkbox {
  cursor: not-allowed !important;
}
.redaction__find-replace .redaction__find-replace__form .redaction__find-replace__form__content .redaction__find-replace__form__content__additions .checkbox__container shared-checkbox .checkbox__checkmark__notification {
  width: 1.25rem;
  height: 1.25rem;
}
.redaction__find-replace .redaction__find-replace__form .redaction__find-replace__form__content .redaction__find-replace__form__content__additions .checkbox__container shared-checkbox .checkbox__text {
  font-size: 1rem;
  font-weight: 500;
  color: #717881;
}
.cdk-overlay-pane .redaction__find-replace-mat-autocomplete.mat-mdc-autocomplete-panel {
  top: 1.5rem;
  padding-bottom: 0.75rem;
  border-radius: 0.3125rem !important;
  background-color: #fff;
}
.cdk-overlay-pane .redaction__find-replace-mat-autocomplete.mat-mdc-autocomplete-panel .redaction__find-replace-mat-autocomplete__title {
  padding: 1.25rem 1.25rem 0.75rem;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1rem;
  color: #636bf6;
}
.cdk-overlay-pane .redaction__find-replace-mat-autocomplete.mat-mdc-autocomplete-panel .redaction__find-replace-mat-autocomplete__mat-option span {
  font-weight: 500;
  color: #4d5662;
}
.cdk-overlay-pane .redaction__find-replace-mat-autocomplete.mat-mdc-autocomplete-panel .redaction__find-replace-mat-autocomplete__mat-option mat-pseudo-checkbox {
  display: none;
}
.mat-mdc-form-field.redaction__find-replace-mat-form-field.text-category::after {
  content: none;
}
.mat-mdc-form-field.redaction__find-replace-mat-form-field.text-category .mdc-line-ripple {
  display: none;
}
.mat-mdc-form-field.redaction__find-replace-mat-form-field.text-category .mat-mdc-text-field-wrapper {
  height: 100%;
}
.mat-mdc-form-field.redaction__find-replace-mat-form-field.text-category .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex {
  height: 100%;
}
.mat-mdc-form-field.redaction__find-replace-mat-form-field.text-category .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix {
  height: 100%;
  min-height: unset;
}
.dialog-add-reason .mat-mdc-dialog-container {
  border-radius: 0.9375rem;
}
.dialog-add-reason .mat-mdc-dialog-container .mat-mdc-dialog-surface.mdc-dialog__surface {
  padding: 2.25rem 2rem 1.8rem;
}
app-redaction-reason-form .redaction-reason-form .mdc-radio {
  display: flex;
  align-items: flex-end;
  width: 1.25rem;
  height: 100%;
}
app-redaction-reason-form .redaction-reason-form .mdc-radio .mat-mdc-radio-touch-target {
  top: 75%;
  height: 2.5rem;
}
app-redaction-reason-form .redaction-reason-form .mat-mdc-form-field-required-marker {
  display: none;
}
app-redaction-reason-form .redaction-reason-form label:not(.mdc-floating-label--float-above) mat-label {
  color: #4d5662;
}
app-redaction-reason-form .redaction-reason-form .mat-mdc-radio-button .mdc-radio .mdc-radio__native-control + .mdc-radio__background,
app-redaction-reason-form .redaction-reason-form .mat-mdc-radio-button .mdc-radio .mdc-radio__native-control:enabled:not(:checked) + .mdc-radio__background,
app-redaction-reason-form .redaction-reason-form .mat-mdc-radio-button .mdc-radio .mdc-radio__native-control:enabled:checked + .mdc-radio__background {
  width: 1.25rem;
  height: 1.25rem;
}
app-redaction-reason-form .redaction-reason-form .mat-mdc-radio-button .mdc-radio .mdc-radio__native-control + .mdc-radio__background .mdc-radio__outer-circle,
app-redaction-reason-form .redaction-reason-form .mat-mdc-radio-button .mdc-radio .mdc-radio__native-control:enabled:not(:checked) + .mdc-radio__background .mdc-radio__outer-circle,
app-redaction-reason-form .redaction-reason-form .mat-mdc-radio-button .mdc-radio .mdc-radio__native-control:enabled:checked + .mdc-radio__background .mdc-radio__outer-circle {
  border-width: 1px;
}
app-redaction-reason-form .redaction-reason-form .mat-mdc-radio-button .mdc-radio .mdc-radio__native-control + .mdc-radio__background .mdc-radio__inner-circle,
app-redaction-reason-form .redaction-reason-form .mat-mdc-radio-button .mdc-radio .mdc-radio__native-control:enabled:not(:checked) + .mdc-radio__background .mdc-radio__inner-circle,
app-redaction-reason-form .redaction-reason-form .mat-mdc-radio-button .mdc-radio .mdc-radio__native-control:enabled:checked + .mdc-radio__background .mdc-radio__inner-circle {
  border-width: 0.625rem;
}
app-redaction-reason-form .redaction-reason-form .mdc-radio__background::before {
  display: none;
}
app-redaction-reason-form .redaction-reason-form .redaction-reason-form__option__button .mat-mdc-select-arrow-wrapper {
  align-items: flex-start;
  width: 0.7rem;
  padding-top: 0.375rem;
}
app-redaction-reason-form .redaction-reason-form .redaction-reason-form__option__button .mat-mdc-select-arrow-wrapper .mat-mdc-select-arrow {
  display: block;
  width: 100%;
  border-top: 0.475rem solid transparent;
  border-right: 0.7rem solid transparent;
}
app-redaction-reason-form .redaction-reason-form .redaction-reason-form__option__button mat-radio-button.mat-mdc-radio-button {
  height: 100%;
}
app-redaction-reason-form .redaction-reason-form .redaction-reason-form__option__button mat-radio-button.mat-mdc-radio-button .mdc-form-field {
  align-items: flex-end;
  height: 100%;
}
app-redaction-reason-form .redaction-reason-form .redaction-reason-form__option__button mat-radio-button.mat-mdc-radio-button .mdc-form-field .mdc-radio {
  padding-top: 0;
  padding-bottom: 0;
}
app-redaction-reason-form .redaction-reason-form .redaction-reason-form__option__button mat-form-field.mat-mdc-form-field {
  height: 100%;
  padding-top: 0;
}
app-redaction-reason-form .redaction-reason-form .redaction-reason-form__option__button mat-form-field.mat-mdc-form-field .mat-mdc-text-field-wrapper {
  height: 100%;
  padding-bottom: unset;
}
app-redaction-reason-form .redaction-reason-form .redaction-reason-form__option__button mat-form-field.mat-mdc-form-field .mat-mdc-text-field-wrapper.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-line-ripple::before {
  border-bottom-color: red;
}
app-redaction-reason-form .redaction-reason-form .redaction-reason-form__option__button mat-form-field.mat-mdc-form-field .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex {
  height: 100%;
}
app-redaction-reason-form .redaction-reason-form .redaction-reason-form__option__button mat-form-field.mat-mdc-form-field .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix {
  height: 100%;
  min-height: unset !important;
}
app-redaction-reason-form .redaction-reason-form .redaction-reason-form__option__button mat-form-field.mat-mdc-form-field .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix label.mdc-floating-label {
  top: 1.525rem;
  width: 100%;
  font-family: Nunito, sans-serif;
}
app-redaction-reason-form .redaction-reason-form .redaction-reason-form__option__button mat-form-field.mat-mdc-form-field .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix mat-select.mat-mdc-select {
  display: flex;
  align-items: flex-end;
  height: 100%;
}
app-redaction-reason-form .redaction-reason-form .redaction-reason-form__option__button mat-form-field.mat-mdc-form-field .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix mat-select.mat-mdc-select .mat-mdc-select-trigger {
  width: 99%;
}
app-redaction-reason-form .redaction-reason-form .redaction-reason-form__option__button mat-form-field.mat-mdc-form-field .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix mat-select.mat-mdc-select .mat-mdc-select-trigger .mat-mdc-select-placeholder {
  margin-left: 0;
  color: #dce4f5;
}
app-redaction-reason-form .redaction-reason-form .redaction-reason-form__option__button mat-form-field.mat-mdc-form-field.redaction-reason-form__mat-form-field--text .mat-mdc-text-field-wrapper {
  padding-bottom: 0;
}
app-redaction-reason-form .redaction-reason-form .redaction-reason-form__option__button mat-form-field.mat-mdc-form-field.redaction-reason-form__mat-form-field--text .mat-mdc-text-field-wrapper .mat-mdc-form-field-infix {
  align-items: flex-end;
  padding-bottom: 0.3rem !important;
}
app-redaction-reason-form .redaction-reason-form .redaction-reason-form__option__button mat-form-field.mat-mdc-form-field.redaction-reason-form__mat-form-field--text .mat-mdc-text-field-wrapper .mat-mdc-form-field-infix input::placeholder {
  transform: translateX(-3px);
}
app-redaction-reason-form .redaction-reason-form .redaction-reason-form__option__button mat-form-field.mat-mdc-form-field.mat-form-field-disabled label {
  cursor: pointer;
}
app-redaction-reason-form .redaction-reason-form .redaction-reason-form__option__button mat-form-field.mat-mdc-form-field:not(.mat-form-field-invalid) .mdc-text-field--disabled .mdc-line-ripple::before,
app-redaction-reason-form .redaction-reason-form .redaction-reason-form__option__button mat-form-field.mat-mdc-form-field:not(.mat-form-field-invalid) .mat-mdc-text-field-wrapper .mdc-line-ripple::before {
  border-bottom-color: var(--mat-radio-unselected-icon-color);
}
app-redaction-reason-form .redaction-reason-form .mat-mdc-text-field-wrapper.mdc-text-field--focused .mdc-line-ripple::before {
  border-bottom-color: #636bf6;
}
app-redaction-reason-form .redaction-reason-form .mat-mdc-select-min-line {
  line-height: 1.3rem !important;
}
app-redaction-reason-form .redaction-reason-form__option__button mat-select[aria-expanded=true] .mat-mdc-select-arrow {
  transform: rotate(180deg);
}
app-redaction-reason-form .mat-mdc-form-field.redaction-reason-form__mat-form-field .mdc-text-field--filled .mdc-floating-label--float-above {
  transform: translateY(-125%) scale(0.8);
}
app-redaction-reason-form .mat-mdc-form-field.redaction-reason-form__mat-form-field.mat-focused:not(.mat-form-field-invalid) .mdc-text-field--filled .mdc-floating-label--float-above {
  color: #636bf6 !important;
}
.cdk-overlay-pane .redaction-reason-form-mat-select-panel.mat-mdc-select-panel {
  top: 4px;
  background-color: #fff;
  border-radius: 0.3125rem !important;
}
.cdk-overlay-pane .redaction-reason-form-mat-select-panel.mat-mdc-select-panel .redaction-reason-form__mat-option-item:nth-child(2) {
  border-top: 1px solid #636bf6;
}
.cdk-overlay-pane .redaction-reason-form-mat-select-panel.mat-mdc-select-panel .redaction-reason-form__mat-option-item .mdc-list-item__primary-text {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.cdk-overlay-pane .redaction-reason-form-mat-select-panel.mat-mdc-select-panel .redaction-reason-form__mat-option-item .redaction-reason-form__mat-option-item__remove-reason-button {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 0.625rem;
}
.cdk-overlay-pane .redaction-reason-form-mat-select-panel.mat-mdc-select-panel .redaction-reason-form__mat-option-item .redaction-reason-form__mat-option-item__remove-reason-button__icon {
  display: flex;
  width: 0.625rem;
  height: 0.625rem;
  margin: 0;
  color: #ee4266;
}
.cdk-overlay-pane .redaction-reason-form-mat-select-panel.mat-mdc-select-panel .redaction-reason-form__mat-option-item__text {
  overflow: hidden;
  width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cdk-overlay-pane .redaction-reason-form-mat-select-panel.mat-mdc-select-panel .redaction-reason-form__mat-option-item:not(:has(.redaction-reason-form__mat-option-item__remove-reason-button)) .redaction-reason-form__mat-option-item__text--reason {
  padding-right: 1.55rem;
}
.cdk-overlay-pane .redaction-reason-form-mat-select-panel.mat-mdc-select-panel .redaction-reason-form__input-container .mat-mdc-text-field-wrapper {
  padding-right: 1.25rem;
  padding-left: 1.25rem;
}
.cdk-overlay-pane .redaction-reason-form-mat-select-panel.mat-mdc-select-panel .mdc-line-ripple {
  display: none;
}
.dialog-redaction-document-date .mat-mdc-dialog-container,
.redaction-document-date-delete-modal .mat-mdc-dialog-container,
.tippy-redaction-document-date .mat-mdc-dialog-container {
  border-radius: 0.9375rem;
}
.dialog-redaction-document-date .mat-mdc-dialog-surface.mdc-dialog__surface,
.redaction-document-date-delete-modal .mat-mdc-dialog-surface.mdc-dialog__surface,
.tippy-redaction-document-date .mat-mdc-dialog-surface.mdc-dialog__surface {
  padding: 1.25rem !important;
}
.dialog-redaction-document-date mat-radio-button,
.redaction-document-date-delete-modal mat-radio-button,
.tippy-redaction-document-date mat-radio-button {
  height: 1.5rem;
}
.dialog-redaction-document-date mat-radio-button .mat-internal-form-field,
.redaction-document-date-delete-modal mat-radio-button .mat-internal-form-field,
.tippy-redaction-document-date mat-radio-button .mat-internal-form-field {
  height: 100%;
}
.dialog-redaction-document-date mat-radio-button .mat-internal-form-field .mdc-radio,
.redaction-document-date-delete-modal mat-radio-button .mat-internal-form-field .mdc-radio,
.tippy-redaction-document-date mat-radio-button .mat-internal-form-field .mdc-radio {
  width: 1.5rem;
  height: 1.5rem;
  margin-left: -0.625rem;
}
.dialog-redaction-document-date mat-radio-button .mat-internal-form-field .mdc-radio .mdc-radio__background,
.redaction-document-date-delete-modal mat-radio-button .mat-internal-form-field .mdc-radio .mdc-radio__background,
.tippy-redaction-document-date mat-radio-button .mat-internal-form-field .mdc-radio .mdc-radio__background {
  width: 1.5rem;
  height: 1.5rem;
}
.dialog-redaction-document-date mat-radio-button .mat-internal-form-field .mdc-radio .mdc-radio__background::before,
.redaction-document-date-delete-modal mat-radio-button .mat-internal-form-field .mdc-radio .mdc-radio__background::before,
.tippy-redaction-document-date mat-radio-button .mat-internal-form-field .mdc-radio .mdc-radio__background::before {
  display: none;
}
.dialog-redaction-document-date mat-radio-button .mat-internal-form-field .mdc-radio .mdc-radio__background .mdc-radio__outer-circle,
.redaction-document-date-delete-modal mat-radio-button .mat-internal-form-field .mdc-radio .mdc-radio__background .mdc-radio__outer-circle,
.tippy-redaction-document-date mat-radio-button .mat-internal-form-field .mdc-radio .mdc-radio__background .mdc-radio__outer-circle {
  border-width: 1px;
}
.dialog-redaction-document-date mat-radio-button .mat-internal-form-field .mdc-radio .mdc-radio__background .mdc-radio__inner-circle,
.redaction-document-date-delete-modal mat-radio-button .mat-internal-form-field .mdc-radio .mdc-radio__background .mdc-radio__inner-circle,
.tippy-redaction-document-date mat-radio-button .mat-internal-form-field .mdc-radio .mdc-radio__background .mdc-radio__inner-circle {
  border-width: 0.75rem;
}
.dialog-redaction-document-date mat-radio-button .mat-internal-form-field .mdc-radio.mdc-radio--disabled,
.redaction-document-date-delete-modal mat-radio-button .mat-internal-form-field .mdc-radio.mdc-radio--disabled,
.tippy-redaction-document-date mat-radio-button .mat-internal-form-field .mdc-radio.mdc-radio--disabled {
  pointer-events: auto;
  cursor: not-allowed;
  opacity: 0.5;
}
.dialog-redaction-document-date mat-radio-button .mat-internal-form-field .mdc-radio.mdc-radio--disabled input,
.redaction-document-date-delete-modal mat-radio-button .mat-internal-form-field .mdc-radio.mdc-radio--disabled input,
.tippy-redaction-document-date mat-radio-button .mat-internal-form-field .mdc-radio.mdc-radio--disabled input {
  cursor: not-allowed;
}
.dialog-redaction-document-date mat-radio-button .mat-internal-form-field .mdc-radio.mdc-radio--disabled ~ label,
.redaction-document-date-delete-modal mat-radio-button .mat-internal-form-field .mdc-radio.mdc-radio--disabled ~ label,
.tippy-redaction-document-date mat-radio-button .mat-internal-form-field .mdc-radio.mdc-radio--disabled ~ label {
  cursor: not-allowed;
  opacity: 0.5;
}
.dialog-redaction-document-date mat-radio-button .mat-internal-form-field label.mdc-label,
.redaction-document-date-delete-modal mat-radio-button .mat-internal-form-field label.mdc-label,
.tippy-redaction-document-date mat-radio-button .mat-internal-form-field label.mdc-label {
  cursor: pointer;
  padding-left: 0.125rem;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.375rem;
  color: #717881;
}
.dialog-redaction-document-date mat-radio-button.mat-mdc-radio-checked .mdc-radio__outer-circle,
.dialog-redaction-document-date mat-radio-button.mat-mdc-radio-checked .mdc-radio__inner-circle,
.redaction-document-date-delete-modal mat-radio-button.mat-mdc-radio-checked .mdc-radio__outer-circle,
.redaction-document-date-delete-modal mat-radio-button.mat-mdc-radio-checked .mdc-radio__inner-circle,
.tippy-redaction-document-date mat-radio-button.mat-mdc-radio-checked .mdc-radio__outer-circle,
.tippy-redaction-document-date mat-radio-button.mat-mdc-radio-checked .mdc-radio__inner-circle {
  border-color: #21b888 !important;
}
.dialog-redaction-document-date mat-radio-button.mat-mdc-radio-checked .mdc-radio__outer-circle,
.redaction-document-date-delete-modal mat-radio-button.mat-mdc-radio-checked .mdc-radio__outer-circle,
.tippy-redaction-document-date mat-radio-button.mat-mdc-radio-checked .mdc-radio__outer-circle {
  border-width: 2px !important;
}
.dialog-redaction-document-date mat-radio-button.mat-mdc-radio-checked .mdc-radio__inner-circle,
.redaction-document-date-delete-modal mat-radio-button.mat-mdc-radio-checked .mdc-radio__inner-circle,
.tippy-redaction-document-date mat-radio-button.mat-mdc-radio-checked .mdc-radio__inner-circle {
  background-color: #21b888 !important;
}
.dialog-redaction-document-date mat-form-field.redaction-document-date__date-picker .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix,
.redaction-document-date-delete-modal mat-form-field.redaction-document-date__date-picker .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix,
.tippy-redaction-document-date mat-form-field.redaction-document-date__date-picker .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix {
  display: none;
}
.dialog-redaction-document-date mat-form-field.redaction-document-date__date-picker,
.dialog-redaction-document-date mat-form-field.redaction-document-date__page-range,
.redaction-document-date-delete-modal mat-form-field.redaction-document-date__date-picker,
.redaction-document-date-delete-modal mat-form-field.redaction-document-date__page-range,
.tippy-redaction-document-date mat-form-field.redaction-document-date__date-picker,
.tippy-redaction-document-date mat-form-field.redaction-document-date__page-range {
  position: relative;
}
.dialog-redaction-document-date mat-form-field.redaction-document-date__date-picker::after,
.dialog-redaction-document-date mat-form-field.redaction-document-date__page-range::after,
.redaction-document-date-delete-modal mat-form-field.redaction-document-date__date-picker::after,
.redaction-document-date-delete-modal mat-form-field.redaction-document-date__page-range::after,
.tippy-redaction-document-date mat-form-field.redaction-document-date__date-picker::after,
.tippy-redaction-document-date mat-form-field.redaction-document-date__page-range::after {
  content: unset;
}
.dialog-redaction-document-date mat-form-field.redaction-document-date__date-picker .mat-mdc-text-field-wrapper,
.dialog-redaction-document-date mat-form-field.redaction-document-date__page-range .mat-mdc-text-field-wrapper,
.redaction-document-date-delete-modal mat-form-field.redaction-document-date__date-picker .mat-mdc-text-field-wrapper,
.redaction-document-date-delete-modal mat-form-field.redaction-document-date__page-range .mat-mdc-text-field-wrapper,
.tippy-redaction-document-date mat-form-field.redaction-document-date__date-picker .mat-mdc-text-field-wrapper,
.tippy-redaction-document-date mat-form-field.redaction-document-date__page-range .mat-mdc-text-field-wrapper {
  height: 100%;
  padding: 0;
}
.dialog-redaction-document-date mat-form-field.redaction-document-date__date-picker .mat-mdc-text-field-wrapper .mdc-line-ripple,
.dialog-redaction-document-date mat-form-field.redaction-document-date__page-range .mat-mdc-text-field-wrapper .mdc-line-ripple,
.redaction-document-date-delete-modal mat-form-field.redaction-document-date__date-picker .mat-mdc-text-field-wrapper .mdc-line-ripple,
.redaction-document-date-delete-modal mat-form-field.redaction-document-date__page-range .mat-mdc-text-field-wrapper .mdc-line-ripple,
.tippy-redaction-document-date mat-form-field.redaction-document-date__date-picker .mat-mdc-text-field-wrapper .mdc-line-ripple,
.tippy-redaction-document-date mat-form-field.redaction-document-date__page-range .mat-mdc-text-field-wrapper .mdc-line-ripple {
  display: none;
}
.dialog-redaction-document-date mat-form-field.redaction-document-date__date-picker .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex,
.dialog-redaction-document-date mat-form-field.redaction-document-date__page-range .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex,
.redaction-document-date-delete-modal mat-form-field.redaction-document-date__date-picker .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex,
.redaction-document-date-delete-modal mat-form-field.redaction-document-date__page-range .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex,
.tippy-redaction-document-date mat-form-field.redaction-document-date__date-picker .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex,
.tippy-redaction-document-date mat-form-field.redaction-document-date__page-range .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex {
  height: 100%;
}
.dialog-redaction-document-date mat-form-field.redaction-document-date__date-picker .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix,
.dialog-redaction-document-date mat-form-field.redaction-document-date__page-range .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix,
.redaction-document-date-delete-modal mat-form-field.redaction-document-date__date-picker .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix,
.redaction-document-date-delete-modal mat-form-field.redaction-document-date__page-range .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix,
.tippy-redaction-document-date mat-form-field.redaction-document-date__date-picker .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix,
.tippy-redaction-document-date mat-form-field.redaction-document-date__page-range .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix {
  height: 100%;
  min-height: unset;
}
.dialog-redaction-document-date mat-form-field.redaction-document-date__date-picker .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex div mat-datepicker-toggle,
.dialog-redaction-document-date mat-form-field.redaction-document-date__page-range .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex div mat-datepicker-toggle,
.redaction-document-date-delete-modal mat-form-field.redaction-document-date__date-picker .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex div mat-datepicker-toggle,
.redaction-document-date-delete-modal mat-form-field.redaction-document-date__page-range .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex div mat-datepicker-toggle,
.tippy-redaction-document-date mat-form-field.redaction-document-date__date-picker .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex div mat-datepicker-toggle,
.tippy-redaction-document-date mat-form-field.redaction-document-date__page-range .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex div mat-datepicker-toggle {
  position: absolute;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: auto;
  height: 100%;
}
.dialog-redaction-document-date mat-form-field.redaction-document-date__date-picker .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex div mat-datepicker-toggle button,
.dialog-redaction-document-date mat-form-field.redaction-document-date__page-range .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex div mat-datepicker-toggle button,
.redaction-document-date-delete-modal mat-form-field.redaction-document-date__date-picker .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex div mat-datepicker-toggle button,
.redaction-document-date-delete-modal mat-form-field.redaction-document-date__page-range .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex div mat-datepicker-toggle button,
.tippy-redaction-document-date mat-form-field.redaction-document-date__date-picker .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex div mat-datepicker-toggle button,
.tippy-redaction-document-date mat-form-field.redaction-document-date__page-range .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex div mat-datepicker-toggle button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3.25rem;
  height: 100%;
  margin: 0;
  padding: 0;
  background: none;
}
.dialog-redaction-document-date mat-form-field.redaction-document-date__date-picker .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex div mat-datepicker-toggle button:hover .mat-datepicker-toggle__icon,
.dialog-redaction-document-date mat-form-field.redaction-document-date__page-range .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex div mat-datepicker-toggle button:hover .mat-datepicker-toggle__icon,
.redaction-document-date-delete-modal mat-form-field.redaction-document-date__date-picker .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex div mat-datepicker-toggle button:hover .mat-datepicker-toggle__icon,
.redaction-document-date-delete-modal mat-form-field.redaction-document-date__page-range .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex div mat-datepicker-toggle button:hover .mat-datepicker-toggle__icon,
.tippy-redaction-document-date mat-form-field.redaction-document-date__date-picker .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex div mat-datepicker-toggle button:hover .mat-datepicker-toggle__icon,
.tippy-redaction-document-date mat-form-field.redaction-document-date__page-range .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex div mat-datepicker-toggle button:hover .mat-datepicker-toggle__icon {
  color: #636bf6;
}
.dialog-redaction-document-date mat-form-field.redaction-document-date__date-picker .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex div mat-datepicker-toggle button .mat-mdc-button-persistent-ripple,
.dialog-redaction-document-date mat-form-field.redaction-document-date__page-range .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex div mat-datepicker-toggle button .mat-mdc-button-persistent-ripple,
.redaction-document-date-delete-modal mat-form-field.redaction-document-date__date-picker .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex div mat-datepicker-toggle button .mat-mdc-button-persistent-ripple,
.redaction-document-date-delete-modal mat-form-field.redaction-document-date__page-range .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex div mat-datepicker-toggle button .mat-mdc-button-persistent-ripple,
.tippy-redaction-document-date mat-form-field.redaction-document-date__date-picker .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex div mat-datepicker-toggle button .mat-mdc-button-persistent-ripple,
.tippy-redaction-document-date mat-form-field.redaction-document-date__page-range .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex div mat-datepicker-toggle button .mat-mdc-button-persistent-ripple {
  display: none;
}
.dialog-redaction-document-date mat-form-field.mat-form-field-disabled mat-datepicker-toggle,
.redaction-document-date-delete-modal mat-form-field.mat-form-field-disabled mat-datepicker-toggle,
.tippy-redaction-document-date mat-form-field.mat-form-field-disabled mat-datepicker-toggle {
  cursor: not-allowed;
}
.document-date-panel mat-icon.button-add-data__option-pencil svg {
  fill: #fff;
}
.tippy-redaction-document-date {
  border-radius: 0.5rem;
  box-shadow: 0 0 0.75rem rgba(0, 0, 0, 0.3);
}
.tippy-redaction-document-date .tippy-box {
  background: unset;
}
.tippy-redaction-document-date .tippy-box .tippy-content {
  padding: 0;
  border-radius: 0.5rem;
  background-color: #fff;
}
.tippy-redaction-document-date .tippy-box .tippy-content .redaction-document-date-delete-modal mat-form-field.redaction-document-date__page-range .mat-mdc-text-field-wrapper {
  background-color: transparent;
}
.tippy-redaction-document-date .tippy-box .tippy-content .redaction-document-date-delete-modal mat-form-field.redaction-document-date__page-range .mat-mdc-text-field-wrapper .mat-mdc-form-field-focus-overlay {
  background-color: transparent;
}
.tippy-redaction-document-date .tippy-box .tippy-content .redaction-document-date-delete-modal .mat-mdc-form-field-subscript-wrapper {
  display: none;
}
.tippy-redaction-document-date .tippy-box .tippy-content .redaction-document-date-delete-modal mat-error div {
  font-size: 0.8rem;
  line-height: 1;
}
.tippy-redaction-document-date .tippy-box .tippy-arrow {
  color: #fbfbff;
}
.applied-search-exclusions {
  position: relative;
}
.applied-search-exclusions label {
  top: 1rem !important;
}
.applied-search-exclusions .baseline-styled .mat-mdc-form-field-infix,
.applied-search-exclusions .baseline-styled .mat-mdc-form-field-flex:disabled {
  min-height: 2rem;
}
.applied-search-exclusions .mat-mdc-text-field-wrapper {
  padding: 0 0.5rem 0.1rem 0 !important;
}
.applied-search-exclusions .mat-mdc-text-field-wrapper.mdc-text-field--disabled {
  align-items: flex-end !important;
}
.applied-search-exclusions .mat-mdc-text-field-wrapper.mdc-text-field--disabled label {
  cursor: not-allowed;
}
.applied-search-exclusions .mat-mdc-text-field-wrapper .mdc-line-ripple {
  display: none;
}
.applied-search-exclusions--disabled,
.applied-search-exclusions--disabled .applied-search-exclusions__input,
.applied-search-exclusions--disabled .btn-edit,
.applied-search-exclusions--disabled .btn-expand,
.applied-search-exclusions--disabled :is(icon-core, icon-redaction),
.applied-search-exclusions--disabled .mat-mdc-form-field,
.applied-search-exclusions--disabled .mat-mdc-text-field-wrapper,
.applied-search-exclusions--disabled .mat-mdc-form-field-flex,
.applied-search-exclusions--disabled .mat-mdc-form-field-infix,
.applied-search-exclusions--disabled .mat-mdc-floating-label,
.applied-search-exclusions--disabled .mdc-floating-label {
  cursor: not-allowed !important;
}
.applied-search-exclusions--disabled .mat-mdc-text-field-wrapper {
  align-items: flex-end;
}
.applied-search-exclusions-menu {
  padding: 0.5rem 0;
}
.applied-search-exclusions-menu.mat-mdc-menu-panel {
  min-width: 24rem;
  max-width: inherit;
  max-height: 256px;
  margin-top: px-to-rem(2);
}
.applied-search-exclusions-menu__item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 0.25rem 1rem;
  font-size: 0.875rem;
}
.applied-search-exclusions-menu__item:hover {
  color: #636bf6;
  background-color: #dce4f5;
}
.applied-search-exclusions-menu__item:hover .applied-search-exclusions-menu__icon--source {
  color: #636bf6 !important;
}
.applied-search-exclusions-menu__list {
  width: 100%;
}
.applied-search-exclusions-menu__item-text {
  overflow: hidden;
  display: inline-block;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.applied-search-exclusions-menu__item-content {
  overflow: auto;
  display: flex;
  gap: 0.5rem;
  align-items: center;
}
.applied-search-exclusions-menu__icon {
  flex-shrink: 0;
  width: 1rem !important;
  height: 1rem !important;
  font-size: 1rem;
}
.applied-search-exclusions-menu__icon--source {
  color: #aab2c2 !important;
}
.applied-search-exclusions-menu__button-remove {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.5rem;
  height: 1.5rem;
  padding: 0;
}
.applied-search-exclusions-menu__icon--remove {
  cursor: pointer;
  width: 0.625rem !important;
  height: 0.625rem !important;
  color: #ee4266 !important;
}
.redaction__categories app-redaction-results .redaction__results .redaction__results__page .redaction__results__page__link {
  display: flex;
  column-gap: 1rem;
  align-items: center;
  justify-content: center;
}
.redaction__categories app-redaction-results .redaction__results .redaction__results__page .redaction__results__page__link:hover {
  text-decoration: none;
}
.redaction__categories app-redaction-results .redaction__results .redaction__results__page .redaction__results__page__link .redaction__results__page__category {
  font-size: 0.875rem;
  color: #4d5662;
}
.search-term-list-item .checkbox__checkmark {
  flex-shrink: 0;
}
.term-list-item .mat-mdc-text-field-wrapper.mdc-text-field {
  padding: 0.25rem 0.5rem !important;
  border: 1px solid #dce4f5;
  border-radius: 0.5rem;
}
.term-list-item .mat-mdc-text-field-wrapper.mdc-text-field.mdc-text-field--invalid {
  border-color: red;
}
.term-list-item .mat-mdc-text-field-wrapper.mdc-text-field .mat-mdc-form-field-flex,
.term-list-item .mat-mdc-text-field-wrapper.mdc-text-field .mat-mdc-form-field-infix {
  height: 100%;
  min-height: unset;
}
.term-list-item .mat-mdc-text-field-wrapper.mdc-text-field .mdc-line-ripple {
  display: none;
}
.term-list-item .term-list-item__form-field-terms .mat-mdc-form-field-infix {
  flex-direction: column;
}
.term-list-item .term-list-item__form-field-terms .mat-mdc-standard-chip:not(.mdc-evolution-chip--disabled) {
  height: auto;
  padding: 0.125rem 0 0.125rem 0.25rem;
  font-size: 0.75rem;
  color: #636bf6;
  background: rgba(220, 228, 245, 0.3019607843);
  border-radius: 0.25rem;
}
.term-list-item .term-list-item__form-field-terms .mat-mdc-standard-chip:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__text-label {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  color: inherit;
}
.term-list-item .term-list-item__form-field-terms .mat-mdc-standard-chip:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__action--primary {
  padding: 0;
}
.term-list-item .term-list-item__form-field-terms .mat-mdc-standard-chip:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__icon--trailing.mat-mdc-chip-remove {
  width: auto;
  height: auto;
  margin-left: 0.25rem;
  padding: 0.125rem 0.25rem;
  font-size: inherit;
  color: inherit;
}
.term-list-item .term-list-item__form-field-terms .mat-mdc-standard-chip:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__icon--trailing.mat-mdc-chip-remove .mat-icon {
  width: auto;
  height: auto;
  font-size: inherit;
}
.term-list-item .term-list-item__chip-remove-btn {
  width: 0.75rem !important;
  height: 0.75rem !important;
}
.term-list-item .term-list-item__chip-remove-btn::after {
  content: none;
}
.term-list-item .term-list-item__chip-remove-btn__icon {
  width: 0.45rem;
  height: 0.45rem;
}
.modal-save-term-list .mat-mdc-text-field-wrapper {
  max-height: 2.5rem;
  padding-top: 1.1rem !important;
}
.modal-term-entries-editor .mat-mdc-text-field-wrapper {
  max-height: 2.5rem;
  padding-top: 1.1rem !important;
}
.modal-term-entries-editor .cdk-virtual-scroll-content-wrapper {
  width: 100%;
}
.modal-download-file-simple-doc .password-protect__control {
  --mat-form-field-container-height: 3.5rem;
  height: 3rem;
}
.modal-download-file-simple-doc .password-protect__input {
  margin-bottom: 0.25rem;
}
.modal-download-file-simple-doc .password-protect .mat-mdc-text-field-wrapper {
  height: 100%;
  padding-bottom: 0;
}
.modal-download-file-simple-doc .password-protect .mat-mdc-form-field-flex {
  height: 100%;
}
.modal-download-file-simple-doc .password-protect .mat-mdc-form-field-infix {
  align-items: flex-end;
  height: 100%;
  min-height: unset;
}
.modal-download-file-simple-doc .password-protect .mat-mdc-form-field-icon-suffix {
  margin-bottom: 0.25rem;
}
.redaction__search__expansion-panel .mat-expansion-panel-content-wrapper {
  overflow: hidden;
}
.redaction__search__expansion-panel .mat-expansion-panel-body {
  height: 100%;
  padding: 0;
}
.redaction__search__expansion-panel .mat-expansion-panel-body .redaction-search-form__saved-lists {
  padding-top: 1rem;
}
.redaction__search__expansion-panel .mat-expansion-indicator::after {
  color: #636bf6;
}
.collapsible-search-input__search-icon--blue {
  color: #636bf6 !important;
}
.collapsible-search-input__search-icon--gray {
  color: #4d5662 !important;
}
.collapsible-search-input__reset-button {
  color: #4d5662;
}
.collapsible-search-input__reset-button:hover .collapsible-search-input__reset-icon {
  color: #4d5662;
}
.match-results-view-mode-toggle__tab-group .mat-mdc-tab-header .mat-mdc-tab-labels {
  column-gap: 1rem;
  width: 100%;
  border-bottom: 1px solid #dce4f5;
}
.match-results-view-mode-toggle__tab-group .mat-mdc-tab-header .mat-mdc-tab-labels .mdc-tab {
  height: 2.125rem !important;
  padding: 0 1rem;
}
.match-results-view-mode-toggle__tab-group .mat-mdc-tab-header .mat-mdc-tab-labels .mdc-tab:hover {
  background-color: unset !important;
}
.match-results-view-mode-toggle__tab-group .mat-mdc-tab-header .mat-mdc-tab-labels .mdc-tab .mdc-tab__ripple {
  display: none;
}
.match-results-view-mode-toggle__tab-group .mat-mdc-tab-header .mat-mdc-tab-labels .mdc-tab .mdc-tab__content {
  align-items: flex-start;
}
.match-results-view-mode-toggle__tab-group .mat-mdc-tab-header .mat-mdc-tab-labels .mdc-tab .mdc-tab__content .mdc-tab__text-label {
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.375rem;
  color: #4d5662;
  letter-spacing: normal;
}
.match-results-view-mode-toggle__tab-group .mat-mdc-tab-header .mat-mdc-tab-labels .mdc-tab .mdc-tab-indicator .mdc-tab-indicator__content--underline {
  border-color: #636bf6;
  border-top-width: 0.25rem;
}
.match-results-view-mode-toggle__tab-group .mat-mdc-tab-header .mat-mdc-tab-header-pagination {
  display: none;
}
.match-results-view-mode-toggle__tab-group .mat-mdc-tab-body-wrapper {
  display: none;
}
.redaction__context-menu .delete-redaction-button .mdc-button__label {
  display: inline-flex;
  align-items: center;
}
.history-action-menu__button {
  width: 1.3rem;
  margin: 0 1rem 0 0;
  transition: all 0.3s ease-in-out;
}
.history-action-menu__button:hover .history-action-menu__button-icon {
  color: #636bf6 !important;
}
.history-action-menu__button-icon {
  width: 1.25rem !important;
  height: 1.25rem !important;
  color: #4d5662 !important;
}
.history-action-menu__button-wrapper {
  display: flex;
  column-gap: 1rem;
  align-items: center;
}
.draw-template-box .draw-template-select-field .mat-mdc-text-field-wrapper {
  padding: 0;
}
.draw-template-box .mat-mdc-form-field .mdc-line-ripple {
  display: none !important;
}
.draw-template-box .mat-mdc-form-field .mdc-line-ripple::before {
  display: none !important;
}
.draw-template-box .mat-mdc-form-field .mdc-line-ripple::after {
  display: none !important;
}
.draw-template-box .mat-mdc-form-field-infix {
  width: 100%;
}
.draw-template-select .mat-mdc-select-placeholder,
.draw-template-select-panel .mat-mdc-select-placeholder {
  margin: 0 !important;
}
.draw-template-select .mat-mdc-option .mdc-list-item__primary-text,
.draw-template-select-panel .mat-mdc-option .mdc-list-item__primary-text {
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
}
.draw-template-select .template-option-content,
.draw-template-select-panel .template-option-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.draw-template-select .delete-template-button,
.draw-template-select-panel .delete-template-button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.5rem;
  height: 1.5rem;
  padding: 0;
  line-height: 1.5rem;
}
.draw-template-select .delete-template-button__icon,
.draw-template-select-panel .delete-template-button__icon {
  width: 0.625rem;
  height: 0.625rem;
  margin: 0;
  color: #ee4266;
}
.search {
  cursor: pointer;
  display: flex;
  align-items: center;
  border-radius: 0.375rem;
  background: rgba(220, 228, 245, 0.3);
  transition: all 0.3s ease 0.6s;
}
.search svg {
  cursor: pointer;
  transform: rotate(90deg);
  display: block;
  width: 1.125rem;
  height: 1.125rem;
  margin: 0.5625rem;
  color: #4d5662;
  stroke-width: 2;
  transition: all 0.3s ease 0.6s;
}
.search__form {
  position: relative;
  width: 0;
  height: 2.25rem;
  transition: all 0.3s cubic-bezier(0.51, 0.92, 0.24, 1.15) 0.3s;
}
.search__form input {
  position: absolute;
  z-index: 1;
  top: 0;
  display: block;
  width: 100%;
  padding: 0 1.5rem 0 0.5rem;
  border: 0;
  font-family: inherit;
  font-size: 0.875rem;
  line-height: 2.25rem;
  appearance: none;
  visibility: hidden;
  opacity: 0;
  background: transparent;
  outline: none;
  transition: all 0s ease 0s;
}
.search__form input::input-placeholder {
  color: #4d5662;
}
.search__form input::placeholder {
  color: #4d5662;
}
.search__form input:placeholder {
  color: #4d5662;
}
.search__form input:input-placeholder {
  color: #4d5662;
}
.search__form button {
  display: none;
}
.search__form > div {
  display: flex;
  color: #4d5662;
  white-space: nowrap;
}
.search__form > div span {
  transform: translate(0, 0.75rem);
  display: block;
  font-size: 1rem;
  line-height: 1.25rem;
  visibility: hidden;
  opacity: 0;
  transition: all 0.4s ease;
}
.search__form > div span:nth-child(1) {
  transition-delay: 0.4s;
}
.search__form > div span:nth-child(2) {
  transition-delay: 0.2s;
}
.search__form > div span:nth-child(3) {
  transition-delay: 0s;
}
.search.open {
  cursor: default;
  border-radius: 0.5rem;
  background: rgba(220, 228, 245, 0.6);
  box-shadow: 0 0.125rem 0.625rem rgba(0, 0, 0, 0.08);
  transition-delay: 0s;
}
.search.open svg {
  transform: rotate(0deg);
  color: #636bf6;
  opacity: 0.4;
  transition-delay: 0s;
}
.search.open .search__form {
  width: 18.75rem;
  transition-delay: 0s;
}
.search.open .search__form > div span {
  transform: translate(0, 0);
  visibility: visible;
  opacity: 1;
}
.search.open .search__form > div span:nth-child(1) {
  transition-delay: 0.4s;
}
.search.open .search__form > div span:nth-child(2) {
  transition-delay: 0.45s;
}
.search.open .search__form > div span:nth-child(3) {
  transition-delay: 0.5s;
}
.search.open .search__form input {
  border-radius: 0.5rem;
  visibility: visible;
  opacity: 1;
  box-shadow: none;
  transition-delay: 0.5s;
}
.search.open .search__form button {
  position: absolute;
  top: 0;
  left: -2.25rem;
  display: block;
  width: 2.25rem;
  height: 2.25rem;
  border: 0;
  border-radius: 0.5rem;
  background: transparent;
}
.pdf__btn {
  display: flex;
  justify-content: center;
  padding: 0.625rem 1rem;
  border: 0.0625rem solid transparent;
  border-radius: 0.3125rem;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.25rem;
  color: #fff;
  transition: all 0.3s;
}
.pdf__btn[disabled] {
  opacity: 0.4;
}
.pdf__btn[disabled]:hover {
  cursor: default;
}
.pdf__btn--dark {
  background: #636bf6;
}
.pdf__btn--light {
  border-color: #636bf6;
  color: #636bf6;
}
.pdf__btn:not([disabled]):hover {
  cursor: pointer;
  border-color: transparent;
  color: #fff;
  background-color: #9399ff;
}
.pdf__navigation .navigation__text {
  font-size: 0.75rem;
  line-height: 1rem;
}
.pdf__navigation .navigation__bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 1rem;
}
.pdf__navigation .navigation__arrows button {
  width: 2rem;
  height: 2rem;
  border-radius: 0.1875rem;
  transition: all 0.3s;
}
.pdf__navigation .navigation__arrows button:last-child {
  transform: rotate(-180deg);
  margin-left: 1rem;
}
.pdf__divider {
  height: 0.0625rem;
  margin: 1.5rem -1rem;
  background-color: #dce4f5;
}
.pdf__redact {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.pdf__redact .redact__actions {
  display: flex;
  margin-bottom: 1.5rem;
}
.pdf__redact .redact__actions button:last-child {
  margin-left: 1rem;
}
.pdf-viewer {
  width: 100%;
  height: 100%;
}
.redaction__version__history__menu.mat-mdc-menu-panel {
  width: 19.8125rem;
  padding: 0.1875rem 1.0625rem;
  border-radius: 0.625rem;
  background: #fff;
  box-shadow: 0 0 1.25rem rgba(0, 0, 0, 0.25);
}
.redaction__version__history__menu.mat-mdc-menu-panel .menu__version {
  padding: 0.875rem 0;
  border-bottom: 0.0625rem solid #dce4f5;
}
.redaction__version__history__menu.mat-mdc-menu-panel .menu__version__item {
  display: flex;
  margin-bottom: 0.75rem;
}
.redaction__version__history__menu.mat-mdc-menu-panel .menu__version__item__icon {
  width: 1.5rem;
  height: 1.5rem;
  margin-right: 1rem;
}
.redaction__version__history__menu.mat-mdc-menu-panel .menu__version__item__value {
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5625rem;
  color: #4d5662;
  text-transform: capitalize;
}
.redaction__version__history__menu.mat-mdc-menu-panel .menu__version__btn {
  margin-left: 2.125rem;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.1875rem;
  color: #636bf6;
}
.btn__icon__close {
  position: absolute;
  z-index: 1000;
  width: 1.5rem;
  height: 1.5rem;
}
.btn__icon__close__side_panel {
  top: 0.9375rem;
  right: 0.9375rem;
}
.btn__icon__close__icon {
  width: 1.5rem;
  height: 1.5rem;
}
.btn__icon__close__icon__side_panel {
  width: 0.75rem;
  height: 0.75rem;
}
.redaction-history-nav .mat-mdc-tab-link.mdc-tab--active .mdc-tab__text-label {
  color: #636bf6;
}
.redaction-history-nav a.mat-mdc-tab-link.mdc-tab {
  top: 0;
  flex-grow: 1;
  height: 3rem;
  font-family: Nunito, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  text-decoration: none;
  opacity: 1;
}
.redaction-history-nav a.mat-mdc-tab-link.mdc-tab .mat-mdc-tab-link.mdc-tab--active .mdc-tab__text-label {
  color: #000;
}
.redaction-history-nav a.mat-mdc-tab-link.mdc-tab.mdc-tab--active:focus .mdc-tab-indicator__content--underline {
  border-color: #636bf6;
}
.redaction-history-nav a.mat-mdc-tab-link.mdc-tab span {
  border-color: #636bf6;
  border-top-width: 0.25rem;
  color: #000;
  letter-spacing: 0;
}
.redaction-history-content .history-container:empty::before,
.redaction-history-content cdk-virtual-scroll-viewport.loaded .cdk-virtual-scroll-content-wrapper:empty::before {
  content: "Nothing yet.";
  display: block;
  margin: 30vh 0 0;
  font-size: 0.8rem;
  color: #717881;
  text-align: center;
  animation: history-item-show 666ms cubic-bezier(0.4, 0, 0.2, 1);
}
.redaction-history-content cdk-virtual-scroll-viewport .cdk-virtual-scroll-content-wrapper {
  width: 100%;
}
.redaction-history-content cdk-virtual-scroll-viewport .cdk-virtual-scroll-content-wrapper:empty {
  min-height: 100%;
}
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
.redaction-history-content cdk-virtual-scroll-viewport:not(.loaded) .cdk-virtual-scroll-content-wrapper:empty::before {
  animation: spin 1s linear infinite;
  content: "";
  position: absolute;
  inset: calc(50% - 1.6rem) 0 0 calc(50% - 1.6rem);
  width: 3rem;
  height: 3rem;
  border-color: #636bf6 transparent transparent #636bf6;
  border-style: double;
  border-width: 0.3rem 0.1rem 0;
  border-radius: 100%;
}
.history-action-menu header {
  cursor: default;
  display: block;
  margin-block: 0.5rem;
  padding: 1rem 1.4rem 0.6rem;
  border-block: solid 0.001rem #cecece;
  font-size: 0.9rem;
  color: #717881;
  text-align: left;
  background: #fbfbff;
}
.history-action-menu button:not(:disabled):hover {
  color: #636bf6;
}
.history-action-menu button:not(:disabled):hover::before {
  background: #636bf6;
}
.history-action-menu button:not(:disabled):hover .mat-ripple-element {
  opacity: 0.4;
  background-color: #636bf6;
}
.redaction__suggestions__header__category__title svg {
  color: #4d5662;
}
.redaction__suggestions__content .redaction__results label.checkbox {
  padding: 1rem 0 1rem 1rem;
}
.redaction-suggestions-category .mdc-label {
  font-weight: 500;
  color: #4d5662;
}
.redaction-suggestions-category .mdc-checkbox .mdc-checkbox__ripple {
  display: none;
}
.redaction-suggestions-category .mdc-checkbox .mdc-checkbox__native-control:enabled:checked ~ div.mdc-checkbox__background {
  border-color: #21b888;
}
.redaction-suggestions-category .mdc-checkbox .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background .mdc-checkbox__checkmark {
  color: #fff;
  background-color: #21b888;
}
.redaction-suggestions-category .mdc-checkbox .mdc-checkbox__native-control:enabled:focus:focus:not(:checked, :indeterminate) ~ .mdc-checkbox__background {
  border-color: rgba(0, 0, 0, 0.54);
}
.mat-mdc-menu-panel.history-action-menu {
  max-width: 400px;
}
.range-input-mat-form-field::after,
.bates-numbering-input-mat-form-field::after,
.bates-numbering-range-input-mat-form-field::after,
.search-exclusion__form-field::after {
  display: none;
}
.range-input-mat-form-field .mdc-line-ripple,
.bates-numbering-input-mat-form-field .mdc-line-ripple,
.bates-numbering-range-input-mat-form-field .mdc-line-ripple,
.search-exclusion__form-field .mdc-line-ripple {
  display: none;
}
.pdf__thumbnails .cdk-virtual-scroll-content-wrapper {
  align-items: center;
}
.dialog-full-page-redaction .mat-mdc-dialog-container {
  border-radius: 0.9375rem;
}
.dialog-full-page-redaction .mat-mdc-dialog-container .mat-mdc-dialog-surface.mdc-dialog__surface {
  padding: 1rem;
}
.dialog-full-page-redaction .pages .mdc-radio__background::before {
  display: none;
}
.dialog-full-page-redaction .pages .mat-mdc-radio-button .mdc-radio .mdc-radio__native-control:enabled:not(:checked) + .mdc-radio__background,
.dialog-full-page-redaction .pages .mat-mdc-radio-button .mdc-radio .mdc-radio__native-control:enabled:checked + .mdc-radio__background {
  width: 1.5rem;
  height: 1.5rem;
}
.dialog-full-page-redaction .pages .mat-mdc-radio-button .mdc-radio .mdc-radio__native-control:enabled:not(:checked) + .mdc-radio__background .mdc-radio__outer-circle,
.dialog-full-page-redaction .pages .mat-mdc-radio-button .mdc-radio .mdc-radio__native-control:enabled:checked + .mdc-radio__background .mdc-radio__outer-circle {
  border-width: 1px;
}
.dialog-full-page-redaction .pages .mat-mdc-radio-button .mdc-radio .mdc-radio__native-control:enabled:not(:checked) + .mdc-radio__background .mdc-radio__inner-circle,
.dialog-full-page-redaction .pages .mat-mdc-radio-button .mdc-radio .mdc-radio__native-control:enabled:checked + .mdc-radio__background .mdc-radio__inner-circle {
  border-width: 0.75rem;
}
.dialog-full-page-redaction .pages .mdc-radio {
  width: 1.5rem;
  height: 1.5rem;
}
.dialog-full-page-redaction .pages .mdc-label {
  font-size: 1rem;
  color: #717881;
}
.dialog-full-page-redaction .redaction-reasons .mat-mdc-select-value-text {
  font-size: 0.938rem;
}
.dialog-full-page-redaction .mat-mdc-form-field-infix {
  min-height: 3rem;
}
.redaction__categories__header__category__title svg {
  color: #4d5662;
}
.redaction__categories__header__category__title h3 {
  cursor: pointer;
  position: relative;
  z-index: 1;
  line-height: 1.25rem;
  text-shadow: 0 0 #000;
  background: #fff;
}
.redaction__categories__header__category__title h3 mat-icon {
  height: 0.4rem;
}
.redaction__categories__header__category__subtitle {
  position: absolute;
  top: -1rem;
  font-size: 0.75rem;
  font-weight: normal;
  color: #636bf6;
}
.mat-mdc-menu-panel.redaction-categories-menu .mat-mdc-menu-item {
  width: auto;
  padding: 0 0.5rem;
}
.mat-mdc-menu-panel.redaction-categories-menu .mat-mdc-menu-item.select-category-matches-button {
  width: 100%;
}
.mat-mdc-menu-panel.redaction-categories-menu .mdc-label {
  font-weight: 500;
  color: #4d5662;
}
.mat-mdc-menu-panel.redaction-categories-menu .mdc-checkbox .mdc-checkbox__ripple {
  display: none;
}
.mat-mdc-menu-panel.redaction-categories-menu .mdc-checkbox .mdc-checkbox__native-control:enabled:checked ~ div.mdc-checkbox__background {
  border-color: #21b888;
}
.mat-mdc-menu-panel.redaction-categories-menu .mdc-checkbox .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background .mdc-checkbox__checkmark {
  color: #fff;
  background-color: #21b888;
}
.mat-mdc-menu-panel.redaction-categories-menu .mdc-checkbox .mdc-checkbox__native-control:enabled:focus:focus:not(:checked, :indeterminate) ~ .mdc-checkbox__background {
  border-color: rgba(0, 0, 0, 0.54);
}
.category-templates-autocomplete {
  padding-bottom: 1rem !important;
  background: #fff !important;
}
.category-templates-autocomplete .templates-option {
  padding: 0 !important;
}
.category-templates-autocomplete .templates-option.templates-option__first {
  pointer-events: none;
  display: flex;
  justify-content: space-between;
  padding: 1.3rem 0.25rem 1rem 1.25rem !important;
  color: #aab2c2 !important;
}
.category-templates-autocomplete .templates-option.templates-option__first > * {
  font-size: 0.85rem;
  font-weight: 500;
}
.category-templates-autocomplete .templates-option.templates-option__first .right {
  margin-right: 1.1rem;
}
.category-templates-autocomplete .templates-option .option-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.category-templates-autocomplete .templates-option .option-content .mat-mdc-checkbox {
  width: 100%;
  max-width: 100%;
  padding: 0 1rem;
}
.category-templates-autocomplete .templates-option .option-content .mat-mdc-checkbox .mdc-form-field {
  width: 100%;
  max-width: 100%;
}
.category-templates-autocomplete .templates-option .option-content .mat-mdc-checkbox .mdc-form-field > label {
  overflow: hidden;
  width: 100%;
  max-width: calc(100% - 2rem);
  padding: 0.5rem 0;
  font-weight: 500;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.category-templates-autocomplete .templates-option .mdc-list-item__primary-text {
  width: 100%;
  font-size: 1rem;
}
.category-templates-autocomplete .templates-option .mdc-list-item__primary-text label {
  color: #4d5662 !important;
}
.category-templates-autocomplete .templates-option .mdc-checkbox .mdc-checkbox__native-control:enabled:checked ~ .mdc-checkbox__background,
.category-templates-autocomplete .templates-option .mdc-checkbox .mdc-checkbox__native-control:enabled:indeterminate ~ .mdc-checkbox__background,
.category-templates-autocomplete .templates-option .mdc-checkbox .mdc-checkbox__native-control[data-indeterminate=true]:enabled ~ .mdc-checkbox__background {
  border-color: #21b888;
  background-color: #21b888;
}
.category-templates-autocomplete .templates-option .right {
  display: flex;
  margin-right: 1.3rem;
}
.category-templates-autocomplete .templates-option .right .edit,
.category-templates-autocomplete .templates-option .right .delete {
  display: flex;
  justify-content: center;
  width: 40px;
}
.category-templates-autocomplete .templates-option .right .edit-btn,
.category-templates-autocomplete .templates-option .right .delete-btn {
  z-index: 1;
}
.category-templates-autocomplete .templates-option .right .edit button,
.category-templates-autocomplete .templates-option .right .delete button {
  padding: 0.0625rem 0.5rem;
}
.category-templates-autocomplete .mdc-checkbox__ripple {
  display: none !important;
}
.category-templates-full-width {
  width: 100%;
}
.category-templates-full-width .mat-mdc-standard-chip:not(.mdc-evolution-chip--disabled) {
  background-color: #636bf6 !important;
}
.category-templates-full-width .mat-mdc-standard-chip:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__text-label {
  color: #fff !important;
}
.category-templates-full-width .mat-mdc-standard-chip:not(.mdc-evolution-chip--disabled) .mat-mdc-chip-remove::after {
  bottom: unset;
}
.category-templates-full-width .mat-mdc-standard-chip:not(.mdc-evolution-chip--disabled) .mat-mdc-chip-remove .mat-icon {
  color: #fff !important;
}
.category-templates-full-width .mat-mdc-autocomplete-trigger {
  max-height: 3rem;
}
.category-templates-full-width .mat-mdc-form-field-infix {
  flex-direction: column;
  min-height: 2rem;
}
.category-templates-full-width .mat-mdc-form-field-infix .mat-mdc-chip-set {
  overflow: hidden auto;
  width: 100%;
  max-height: 8.5rem;
}
.category-templates-full-width .mat-mdc-form-field-infix .mat-mdc-chip-set .mdc-evolution-chip__text-label {
  overflow: hidden;
  max-width: 15rem;
  text-overflow: ellipsis;
}
.category-templates-full-width:hover::after,
.category-templates-full-width:active::after,
.category-templates-full-width:focus::after,
.category-templates-full-width .mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-line-ripple::before,
.category-templates-full-width .mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-line-ripple::after,
.category-templates-full-width .mdc-text-field--filled:not(.mdc-text-field--disabled, .mdc-text-field--focused):hover .mdc-line-ripple::before {
  border-color: #636bf6;
  background-color: #636bf6;
}
.category-templates-full-width .mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-text-field__input {
  font-size: 0.875rem;
  font-weight: 500;
}
.category-templates-full-width .mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-text-field__input::placeholder {
  color: #4d5662;
}
.dialog-default.modal-template-categories .mat-mdc-dialog-container .mat-mdc-dialog-surface .label-color {
  font-family: Nunito, sans-serif;
  font-weight: 500;
  color: #636bf6;
}
.dialog-default.modal-template-categories .mat-mdc-dialog-container .mat-mdc-dialog-surface .mat-mdc-form-field-infix {
  min-height: 3rem;
  padding-right: 2rem;
}
.dialog-default.modal-template-categories .mat-mdc-dialog-container .mat-mdc-dialog-surface .mat-mdc-form-field-infix .mat-mdc-input-element,
.dialog-default.modal-template-categories .mat-mdc-dialog-container .mat-mdc-dialog-surface .mat-mdc-form-field-infix .mat-mdc-floating-label {
  font-size: 1rem !important;
}
.free-draw.resizable-draggable .redaction-text {
  overflow: hidden;
  font-family: Arial, sans-serif;
  font-size: 9px;
  font-weight: 600;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.free-draw.resizable-draggable.full-page .redaction-text {
  font-size: 16px;
}
.free-draw.resizable-draggable.resizable-text {
  box-sizing: border-box;
  border-radius: 0.25rem;
  outline-width: 0.125rem;
}
.freedraw-resizable-context-menu .tippy-box {
  background-color: #4d5662;
}
.freedraw-resizable-context-menu .tippy-arrow {
  color: #4d5662;
}
.tippy-box[data-theme~=custom-theme] {
  background-color: #4d5662;
}
.disableUserSelectText {
  -webkit-user-select: none;
  user-select: none;
}
.enableUserSelectText {
  -webkit-user-select: text;
  user-select: text;
  background-color: #fc7bf3;
}
.cdk-virtual-scroll-viewport.pdf-thumbnail-virtual-scroll-viewport .cdk-virtual-scroll-content-wrapper {
  display: flex;
  flex-direction: column;
  row-gap: 16px;
}
.cdk-virtual-scroll-viewport.pdf-thumbnail-virtual-scroll-viewport .cdk-virtual-scroll-content-wrapper > .page-tab {
  width: 102px;
  height: 154px;
  margin-bottom: 0;
}
.cdk-virtual-scroll-viewport.pdf-thumbnail-virtual-scroll-viewport .cdk-virtual-scroll-content-wrapper > .page-tab .thumbnail {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  height: 100%;
}
.cdk-virtual-scroll-viewport.pdf-thumbnail-virtual-scroll-viewport .cdk-virtual-scroll-content-wrapper > .page-tab .thumbnail .thumbnailSelectionRing-wrapper {
  width: 100%;
  height: 126px;
}
.cdk-virtual-scroll-viewport.pdf-thumbnail-virtual-scroll-viewport .cdk-virtual-scroll-content-wrapper > .page-tab .thumbnail .thumbnailSelectionRing-wrapper .thumbnailSelectionRing {
  display: flex;
  width: 100%;
  height: 100%;
}
.cdk-virtual-scroll-viewport.pdf-thumbnail-virtual-scroll-viewport .cdk-virtual-scroll-content-wrapper > .page-tab .thumbnail .thumbnail__number {
  flex-grow: 1;
}
.redaction__team-members__menu {
  width: 12.5rem;
  margin-top: 0.125rem;
  margin-right: 0.625rem;
  border-radius: 0.625rem;
  box-shadow: 0 0 1.25rem rgba(0, 0, 0, 0.25);
}
.redaction__team-members__menu .menu__team-member {
  display: flex;
  align-items: center;
  padding: 0.5rem 1.125rem;
}
.redaction__team-members__menu .menu__team-member shared-user-avatar {
  margin-right: 1rem;
}
.redaction__team-members__menu .menu__team-member__name {
  line-height: 1.1875rem;
  color: #4d5662;
}
.redaction__team-members__menu .menu__team-member:hover {
  cursor: pointer;
  background: #fbfbff;
}
.cdk-overlay-container .cdk-overlay-pane .mat-mdc-menu-panel.categories-mat-menu {
  max-height: calc(100vh - 25rem);
}
.cdk-overlay-container .cdk-overlay-pane .mat-mdc-menu-panel.redaction-categories-menu {
  max-height: calc(100vh - 31rem);
}
.cdk-overlay-no-backdrop {
  background: rgba(0, 0, 0, 0);
}
.tippy-box[data-theme~=light] {
  background-color: #fff !important;
  box-shadow: rgba(0, 0, 0, 0.35) 0 5px 5px;
}
div.custom-dialog .mat-mdc-dialog-container .mat-mdc-dialog-surface {
  padding: 1.5rem 2rem;
}
div.modal-redaction-type .mat-mdc-dialog-container .mat-mdc-dialog-surface {
  padding: 0;
}
.dialog-invite-reviewers .mat-mdc-dialog-container {
  height: 100%;
}
.dialog-invite-reviewers .mat-mdc-dialog-container .mat-mdc-dialog-surface.mdc-dialog__surface {
  overflow: hidden;
  height: 100%;
  padding: 1.25rem;
  border-radius: 0.25rem;
}
.dialog-invite-reviewers .mat-mdc-dialog-container .mat-mdc-dialog-surface.mdc-dialog__surface app-invite-reviewers-dialog {
  display: block;
  height: 100%;
}
.invite-reviewers-form {
  max-height: 88vh;
}
.invite-reviewers-form mat-form-field.invite-reviewers-form__form__mat-form-field {
  height: 2.5rem;
}
.invite-reviewers-form mat-form-field.invite-reviewers-form__form__mat-form-field .mat-mdc-text-field-wrapper {
  height: 100%;
}
.invite-reviewers-form mat-form-field.invite-reviewers-form__form__mat-form-field .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex {
  height: 2.5rem !important;
}
.invite-reviewers-form mat-form-field.invite-reviewers-form__form__mat-form-field .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix {
  align-items: flex-end;
  height: 100%;
  min-height: unset;
  padding-bottom: 0.3rem !important;
}
.invite-reviewers-form mat-form-field.invite-reviewers-form__form__mat-form-field .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix label {
  top: 1.525rem;
  width: 100%;
  font-family: Nunito, sans-serif;
}
.invite-reviewers-form mat-form-field.invite-reviewers-form__form__mat-form-field.mat-focused:not(.mat-form-field-invalid) .mdc-text-field--filled .mdc-floating-label--float-above {
  color: #636bf6 !important;
}
.invite-reviewers-form mat-form-field.invite-reviewers-form__form__mat-form-field .mdc-text-field--filled .mdc-floating-label--float-above {
  transform: translateY(-125%) scale(0.8);
}
.invite-reviewers-form__form shared-checkbox {
  width: 100%;
}
.invite-reviewers-form__form shared-checkbox label.checkbox {
  height: 1.25rem;
}
.invite-reviewers-form__form shared-checkbox label.checkbox span.checkbox__checkmark__notification {
  width: 1.125rem;
  height: 1.125rem;
  margin-right: 0.95rem;
}
.invite-reviewers-form__form shared-checkbox label.checkbox span.checkbox__text {
  overflow: hidden;
  height: 100%;
  padding-left: 2rem;
  font-weight: 600;
  text-overflow: ellipsis;
  white-space: nowrap;
  background-image: url("./media/project-folder-MGWTBOAH.svg");
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 1.25rem;
}
@media (max-width: 868px) and (min-height: 1100px) {
  .invite-reviewers-form {
    max-height: 95vh;
  }
}
@media (max-width: 1024px) and (max-height: 768px) {
  .invite-reviewers-form {
    max-height: 95vh;
  }
}
@media (min-width: 1025px) and (max-height: 868px) {
  .invite-reviewers-form {
    max-height: 95vh;
  }
}
.security__password .mat-form-field-wrapper .mat-mdc-input-element {
  margin-bottom: 0.125rem;
}
.security__password .mat-form-field-wrapper .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex label.mdc-floating-label {
  top: 60%;
}
.edit-personal-info-form .mat-mdc-input-element {
  margin-bottom: 0.075rem;
}
.edit-personal-info-form .mat-form-field-wrapper .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex label.mdc-floating-label {
  top: 60%;
}
.create-project-popup .create-project-popup__form .mat-mdc-input-element {
  margin-bottom: 0.125rem;
}
.create-project-popup .create-project-popup__form .mat-mdc-select {
  margin-bottom: 0.125rem;
}
.create-project-popup .create-project-popup__form .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex label.mdc-floating-label {
  top: 70%;
}
.user-introduction-form .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex label.mdc-floating-label {
  top: 60%;
}
.user-introduction-form .mat-mdc-input-element {
  margin-bottom: 0.25rem;
}
.redaction-log-page-header-download-menu {
  position: relative;
  top: 0.25rem;
  max-width: none !important;
  padding: 0.375rem 0;
  border-radius: 0.3125rem;
}
.redaction-log-page-header-download-menu .mat-mdc-menu-content {
  display: flex;
  flex-direction: column;
  row-gap: 0.1875rem;
  padding: 0;
}
.redaction-log-page-header-download-menu .mat-mdc-menu-content .menu-button {
  display: flex;
  column-gap: 1rem;
  align-items: center;
  height: unset !important;
  min-height: unset;
  padding: 0.40625rem 0.78125rem !important;
  font-size: 0.875rem !important;
  line-height: 1.1875rem !important;
}
.redaction-log-page-header-download-menu .mat-mdc-menu-content .menu-button .menu-icon {
  margin-right: 0 !important;
}
.redaction-log-page-header-download-menu .mat-mdc-menu-content .menu-button .menu-text {
  height: 100%;
  font-size: inherit !important;
  font-weight: 600;
  line-height: inherit !important;
}
.redaction-log-page-header-download-menu .mat-mdc-menu-content .menu-button:hover {
  background-color: #fbfbff !important;
}
.redaction-log-page-header-download-menu .mat-mdc-menu-content .menu-button:hover .menu-icon svg {
  fill: #636bf6 !important;
}
.redaction-log-page-header-download-menu .mat-mdc-menu-content .menu-button:hover .menu-text {
  color: #636bf6;
}
.redaction-log-page .redaction-tab-group {
  row-gap: 2rem;
}
.redaction-log-page .redaction-tab-group .mat-mdc-tab-header div.mat-mdc-tab-labels {
  column-gap: 3.5rem;
  width: fit-content;
  border-bottom: 1px solid #dce4f5;
}
.redaction-log-page .redaction-tab-group .mat-mdc-tab-header div.mat-mdc-tab-labels div.mdc-tab {
  flex-grow: unset !important;
  height: 2.125rem !important;
  padding: 0 1.0625rem 0 1.4375rem;
}
.redaction-log-page .redaction-tab-group .mat-mdc-tab-header div.mat-mdc-tab-labels div.mdc-tab:first-child {
  padding: 0 1.0625rem 0 1.4375rem;
}
.redaction-log-page .redaction-tab-group .mat-mdc-tab-header div.mat-mdc-tab-labels div.mdc-tab:last-child {
  padding: 0 1.4375rem 0 1.0625rem;
}
.redaction-log-page .redaction-tab-group .mat-mdc-tab-header div.mat-mdc-tab-labels div.mdc-tab:hover {
  background-color: unset !important;
}
.redaction-log-page .redaction-tab-group .mat-mdc-tab-header div.mat-mdc-tab-labels div.mdc-tab .mdc-tab__ripple {
  display: none;
}
.redaction-log-page .redaction-tab-group .mat-mdc-tab-header div.mat-mdc-tab-labels div.mdc-tab .mdc-tab__content {
  align-items: flex-start;
}
.redaction-log-page .redaction-tab-group .mat-mdc-tab-header div.mat-mdc-tab-labels div.mdc-tab .mdc-tab__content .mdc-tab__text-label {
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.375rem;
  color: #4d5662;
  letter-spacing: normal;
}
.redaction-log-page .redaction-tab-group .mat-mdc-tab-header div.mat-mdc-tab-labels div.mdc-tab .mdc-tab-indicator .mdc-tab-indicator__content--underline {
  border-color: #636bf6;
  border-top-width: 0.25rem;
}
.mat-datepicker-content .mat-datepicker-content-container .filter-date-picker {
  padding: 1.5rem 1rem 0 !important;
}
.mat-datepicker-content .mat-datepicker-content-container .filter-date-picker mat-calendar-header .mat-calendar-header {
  padding: 0;
}
.mat-datepicker-content .mat-datepicker-content-container .filter-date-picker .mat-calendar-content {
  padding: 0;
}
.mat-datepicker-content .mat-datepicker-content-container .filter-date-picker .mat-calendar-body-cell::before,
.mat-datepicker-content .mat-datepicker-content-container .filter-date-picker .mat-calendar-body-cell::after {
  top: 10% !important;
}
.mat-datepicker-content .mat-datepicker-content-container .filter-date-picker ~ .mat-datepicker-actions {
  column-gap: 1rem;
  padding: 1rem 1.5rem 0.75rem !important;
}
.mat-datepicker-content .mat-datepicker-content-container .filter-date-picker ~ .mat-datepicker-actions .datepicker-button {
  height: 2.5rem;
  margin: 0;
}
.mat-datepicker-content .mat-datepicker-content-container .filter-date-picker ~ .mat-datepicker-actions .datepicker-button.filter-date-picker__button-cancel {
  color: #636bf6;
  background-color: #fff;
}
.mat-datepicker-content .mat-datepicker-content-container .filter-date-picker ~ .mat-datepicker-actions .datepicker-button.filter-date-picker__button-cancel:hover {
  color: #fff;
  background-color: #636bf6;
}
.mat-datepicker-content .mat-datepicker-content-container .filter-date-picker ~ .mat-datepicker-actions .datepicker-button.filter-date-picker__button-apply {
  color: #fff;
  background-color: #636bf6;
  box-shadow: none;
}
.mat-datepicker-content .mat-datepicker-content-container .filter-date-picker ~ .mat-datepicker-actions .datepicker-button.filter-date-picker__button-apply:hover {
  color: #636bf6;
  background-color: #fff;
}
.mat-datepicker-content .mat-datepicker-content-container .filter-date-picker ~ .mat-datepicker-actions .datepicker-button.filter-date-picker__button-apply .mdc-button__ripple::before {
  background-color: unset;
}
.table-filters {
  display: grid !important;
  grid-template-columns: 18.25rem 1fr 1fr 1fr;
  gap: 3rem;
  align-items: flex-start !important;
  height: unset !important;
  min-height: 2.5rem !important;
  margin-bottom: 1.25rem;
}
.table-filters mat-form-field {
  width: unset !important;
  height: 2.5rem !important;
  padding: 0 !important;
  background: none !important;
}
.table-filters mat-form-field .mat-mdc-text-field-wrapper {
  padding: 0 0.5rem !important;
}
.table-filters mat-form-field .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex {
  height: 100%;
}
.table-filters mat-form-field .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix {
  align-items: flex-end;
  width: unset !important;
  height: 100%;
  min-height: unset;
}
.table-filters mat-form-field .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix p.filter-label {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 0.75rem;
  line-height: normal;
  color: #636bf6;
}
.table-filters mat-form-field .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix mat-select {
  padding-bottom: 0.3125rem;
  line-height: normal !important;
}
.table-filters mat-form-field .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix mat-select .mat-mdc-select-placeholder {
  margin: 0;
  line-height: 1.1875rem;
  color: #4d5662;
}
.table-filters mat-form-field .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix mat-select .mat-mdc-select-value {
  display: flex;
  padding-right: 1.5rem;
}
.table-filters mat-form-field .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix mat-select .mat-mdc-select-value .mat-mdc-select-value-text {
  height: 1.1875rem;
}
.table-filters mat-form-field .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix mat-select .mat-mdc-select-arrow-wrapper {
  justify-content: center;
  width: 1rem;
  height: unset;
  margin: 0;
}
.table-filters mat-form-field .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix mat-date-range-input {
  margin: 0;
  padding-bottom: 0.3125rem;
}
.table-filters mat-form-field .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix mat-date-range-input .mat-date-range-input-container {
  margin: 0;
}
.table-filters mat-form-field .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix mat-date-range-input .mat-date-range-input-inner::placeholder {
  color: #4d5662;
}
.table-filters mat-form-field .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix mat-date-range-picker {
  width: 1rem;
  height: 1rem;
}
.table-filters mat-form-field .mat-mdc-text-field-wrapper .mdc-line-ripple::before {
  border-bottom-color: #4d5662;
}
.table-filters mat-form-field .mat-mdc-text-field-wrapper .mdc-line-ripple::after {
  border-bottom-color: #636bf6;
}
.table-filters mat-form-field.filter-filled .mdc-line-ripple::before {
  border-bottom-color: #636bf6;
}
.table-filters mat-form-field.invalid-date-range .mdc-line-ripple::before {
  border-bottom-color: red !important;
}
.table-filters mat-form-field .filter-clear-button:hover {
  background-color: unset;
}
.table-filters .search-input .reset-button:hover .reset-icon svg,
.table-filters .search-input .reset-button:hover .reset-icon path {
  fill: #636bf6;
}
@media (max-width: 1320px) {
  .table-filters {
    grid-template-columns: 1fr 1fr;
  }
  .table-filters .search-input {
    width: unset !important;
  }
}
.redaction-log-table-page .search-input .mdc-line-ripple::after,
.redaction-log-table-page .search-input .mdc-line-ripple::before {
  display: none;
}
.redaction-log-table-page mat-select.mat-mdc-select div.mat-mdc-select-arrow-wrapper {
  margin-top: -0.4rem;
}
.redaction-log-table-page .hide-underline .mdc-text-field:not(.mdc-text-field--disabled) .mdc-floating-label {
  color: #4d5662;
}
.redaction-log-table-page .redaction-log-table thead {
  position: sticky;
  z-index: 1;
  top: -3rem;
  background: #fbfbff;
  box-shadow: 0 0.25rem 0.1875rem -0.25rem rgba(0, 0, 0, 0.2);
}
.redaction-log-table-page .mat-mdc-paginator-container {
  position: fixed;
}
.redaction-log-page-header-download-menu .redaction-button .mat-mdc-menu-item-text {
  display: inline-flex;
  align-items: center;
  column-gap: 1rem;
}
.red-log-download-menu .download-button .mat-mdc-menu-item-text {
  display: inline-flex;
  align-items: center;
  column-gap: 1rem;
}
.red-log-download-menu .download-button .download-icon {
  color: #4d5662;
}
.red-log-download-menu .download-button:not(:disabled):hover {
  color: #636bf6;
  background-color: #fbfbff;
}
.red-log-download-menu .download-button:not(:disabled):hover .download-icon {
  color: #636bf6;
}
.red-log-download-menu .download-button .download-icon {
  width: 1.2rem !important;
  height: 1.2rem !important;
  margin: 0 !important;
  flex-shrink: 0;
}
.search-box .mdc-evolution-chip-set__chips {
  align-items: center;
}
.search-box .search-box__virtual-viewport .cdk-virtual-scroll-content-wrapper {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 100%;
}
.search-box .search-box__chip-row .mat-mdc-chip {
  margin: 0;
}
.search-box .search-box__chip-row .mdc-evolution-chip__text-label {
  overflow: hidden;
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.search-box .search-box__chip-row .mdc-evolution-chip__cell--primary,
.search-box .search-box__chip-row .mdc-evolution-chip__action--primary {
  overflow: hidden;
  flex-shrink: 1;
  min-width: 0;
}
.search-box .mdc-evolution-chip-set__chips > input.mat-mdc-chip-input {
  padding-left: 4px;
}
.app-icon--blue-color {
  color: #636bf6 !important;
}
.app-icon--default-color {
  color: #aab2c2 !important;
}
.app-icon--title-color {
  color: #4d5662 !important;
}
.mat-elevation-z0,
.mat-mdc-elevation-specific.mat-elevation-z0 {
  box-shadow: var(--mat-app-elevation-shadow-level-0, 0px 0px 0px 0px --mat-sys-shadow, 0px 0px 0px 0px --mat-sys-shadow, 0px 0px 0px 0px --mat-sys-shadow);
}
.mat-elevation-z1,
.mat-mdc-elevation-specific.mat-elevation-z1 {
  box-shadow: var(--mat-app-elevation-shadow-level-1, 0px 2px 1px -1px --mat-sys-shadow, 0px 1px 1px 0px --mat-sys-shadow, 0px 1px 3px 0px --mat-sys-shadow);
}
.mat-elevation-z2,
.mat-mdc-elevation-specific.mat-elevation-z2 {
  box-shadow: var(--mat-app-elevation-shadow-level-2, 0px 3px 1px -2px --mat-sys-shadow, 0px 2px 2px 0px --mat-sys-shadow, 0px 1px 5px 0px --mat-sys-shadow);
}
.mat-elevation-z3,
.mat-mdc-elevation-specific.mat-elevation-z3 {
  box-shadow: var(--mat-app-elevation-shadow-level-3, 0px 3px 3px -2px --mat-sys-shadow, 0px 3px 4px 0px --mat-sys-shadow, 0px 1px 8px 0px --mat-sys-shadow);
}
.mat-elevation-z4,
.mat-mdc-elevation-specific.mat-elevation-z4 {
  box-shadow: var(--mat-app-elevation-shadow-level-4, 0px 2px 4px -1px --mat-sys-shadow, 0px 4px 5px 0px --mat-sys-shadow, 0px 1px 10px 0px --mat-sys-shadow);
}
.mat-elevation-z5,
.mat-mdc-elevation-specific.mat-elevation-z5 {
  box-shadow: var(--mat-app-elevation-shadow-level-5, 0px 3px 5px -1px --mat-sys-shadow, 0px 5px 8px 0px --mat-sys-shadow, 0px 1px 14px 0px --mat-sys-shadow);
}
.mat-elevation-z6,
.mat-mdc-elevation-specific.mat-elevation-z6 {
  box-shadow: var(--mat-app-elevation-shadow-level-6, 0px 3px 5px -1px --mat-sys-shadow, 0px 6px 10px 0px --mat-sys-shadow, 0px 1px 18px 0px --mat-sys-shadow);
}
.mat-elevation-z7,
.mat-mdc-elevation-specific.mat-elevation-z7 {
  box-shadow: var(--mat-app-elevation-shadow-level-7, 0px 4px 5px -2px --mat-sys-shadow, 0px 7px 10px 1px --mat-sys-shadow, 0px 2px 16px 1px --mat-sys-shadow);
}
.mat-elevation-z8,
.mat-mdc-elevation-specific.mat-elevation-z8 {
  box-shadow: var(--mat-app-elevation-shadow-level-8, 0px 5px 5px -3px --mat-sys-shadow, 0px 8px 10px 1px --mat-sys-shadow, 0px 3px 14px 2px --mat-sys-shadow);
}
.mat-elevation-z9,
.mat-mdc-elevation-specific.mat-elevation-z9 {
  box-shadow: var(--mat-app-elevation-shadow-level-9, 0px 5px 6px -3px --mat-sys-shadow, 0px 9px 12px 1px --mat-sys-shadow, 0px 3px 16px 2px --mat-sys-shadow);
}
.mat-elevation-z10,
.mat-mdc-elevation-specific.mat-elevation-z10 {
  box-shadow: var(--mat-app-elevation-shadow-level-10, 0px 6px 6px -3px --mat-sys-shadow, 0px 10px 14px 1px --mat-sys-shadow, 0px 4px 18px 3px --mat-sys-shadow);
}
.mat-elevation-z11,
.mat-mdc-elevation-specific.mat-elevation-z11 {
  box-shadow: var(--mat-app-elevation-shadow-level-11, 0px 6px 7px -4px --mat-sys-shadow, 0px 11px 15px 1px --mat-sys-shadow, 0px 4px 20px 3px --mat-sys-shadow);
}
.mat-elevation-z12,
.mat-mdc-elevation-specific.mat-elevation-z12 {
  box-shadow: var(--mat-app-elevation-shadow-level-12, 0px 7px 8px -4px --mat-sys-shadow, 0px 12px 17px 2px --mat-sys-shadow, 0px 5px 22px 4px --mat-sys-shadow);
}
.mat-elevation-z13,
.mat-mdc-elevation-specific.mat-elevation-z13 {
  box-shadow: var(--mat-app-elevation-shadow-level-13, 0px 7px 8px -4px --mat-sys-shadow, 0px 13px 19px 2px --mat-sys-shadow, 0px 5px 24px 4px --mat-sys-shadow);
}
.mat-elevation-z14,
.mat-mdc-elevation-specific.mat-elevation-z14 {
  box-shadow: var(--mat-app-elevation-shadow-level-14, 0px 7px 9px -4px --mat-sys-shadow, 0px 14px 21px 2px --mat-sys-shadow, 0px 5px 26px 4px --mat-sys-shadow);
}
.mat-elevation-z15,
.mat-mdc-elevation-specific.mat-elevation-z15 {
  box-shadow: var(--mat-app-elevation-shadow-level-15, 0px 8px 9px -5px --mat-sys-shadow, 0px 15px 22px 2px --mat-sys-shadow, 0px 6px 28px 5px --mat-sys-shadow);
}
.mat-elevation-z16,
.mat-mdc-elevation-specific.mat-elevation-z16 {
  box-shadow: var(--mat-app-elevation-shadow-level-16, 0px 8px 10px -5px --mat-sys-shadow, 0px 16px 24px 2px --mat-sys-shadow, 0px 6px 30px 5px --mat-sys-shadow);
}
.mat-elevation-z17,
.mat-mdc-elevation-specific.mat-elevation-z17 {
  box-shadow: var(--mat-app-elevation-shadow-level-17, 0px 8px 11px -5px --mat-sys-shadow, 0px 17px 26px 2px --mat-sys-shadow, 0px 6px 32px 5px --mat-sys-shadow);
}
.mat-elevation-z18,
.mat-mdc-elevation-specific.mat-elevation-z18 {
  box-shadow: var(--mat-app-elevation-shadow-level-18, 0px 9px 11px -5px --mat-sys-shadow, 0px 18px 28px 2px --mat-sys-shadow, 0px 7px 34px 6px --mat-sys-shadow);
}
.mat-elevation-z19,
.mat-mdc-elevation-specific.mat-elevation-z19 {
  box-shadow: var(--mat-app-elevation-shadow-level-19, 0px 9px 12px -6px --mat-sys-shadow, 0px 19px 29px 2px --mat-sys-shadow, 0px 7px 36px 6px --mat-sys-shadow);
}
.mat-elevation-z20,
.mat-mdc-elevation-specific.mat-elevation-z20 {
  box-shadow: var(--mat-app-elevation-shadow-level-20, 0px 10px 13px -6px --mat-sys-shadow, 0px 20px 31px 3px --mat-sys-shadow, 0px 8px 38px 7px --mat-sys-shadow);
}
.mat-elevation-z21,
.mat-mdc-elevation-specific.mat-elevation-z21 {
  box-shadow: var(--mat-app-elevation-shadow-level-21, 0px 10px 13px -6px --mat-sys-shadow, 0px 21px 33px 3px --mat-sys-shadow, 0px 8px 40px 7px --mat-sys-shadow);
}
.mat-elevation-z22,
.mat-mdc-elevation-specific.mat-elevation-z22 {
  box-shadow: var(--mat-app-elevation-shadow-level-22, 0px 10px 14px -6px --mat-sys-shadow, 0px 22px 35px 3px --mat-sys-shadow, 0px 8px 42px 7px --mat-sys-shadow);
}
.mat-elevation-z23,
.mat-mdc-elevation-specific.mat-elevation-z23 {
  box-shadow: var(--mat-app-elevation-shadow-level-23, 0px 11px 14px -7px --mat-sys-shadow, 0px 23px 36px 3px --mat-sys-shadow, 0px 9px 44px 8px --mat-sys-shadow);
}
.mat-elevation-z24,
.mat-mdc-elevation-specific.mat-elevation-z24 {
  box-shadow: var(--mat-app-elevation-shadow-level-24, 0px 11px 15px -7px --mat-sys-shadow, 0px 24px 38px 3px --mat-sys-shadow, 0px 9px 46px 8px --mat-sys-shadow);
}
html {
  --mat-sys-on-surface: initial;
}
.mat-app-background {
  background-color: var(--mat-app-background-color, var(--mat-sys-background, transparent));
  color: var(--mat-app-text-color, var(--mat-sys-on-background, inherit));
}
html {
  --mat-app-background-color: #fafafa;
  --mat-app-text-color: rgba(0, 0, 0, 0.87);
  --mat-app-elevation-shadow-level-0:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-1:
    0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-2:
    0px 3px 1px -2px rgba(0, 0, 0, 0.2),
    0px 2px 2px 0px rgba(0, 0, 0, 0.14),
    0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-3:
    0px 3px 3px -2px rgba(0, 0, 0, 0.2),
    0px 3px 4px 0px rgba(0, 0, 0, 0.14),
    0px 1px 8px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-4:
    0px 2px 4px -1px rgba(0, 0, 0, 0.2),
    0px 4px 5px 0px rgba(0, 0, 0, 0.14),
    0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-5:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 5px 8px 0px rgba(0, 0, 0, 0.14),
    0px 1px 14px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-6:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-7:
    0px 4px 5px -2px rgba(0, 0, 0, 0.2),
    0px 7px 10px 1px rgba(0, 0, 0, 0.14),
    0px 2px 16px 1px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-8:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-9:
    0px 5px 6px -3px rgba(0, 0, 0, 0.2),
    0px 9px 12px 1px rgba(0, 0, 0, 0.14),
    0px 3px 16px 2px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-10:
    0px 6px 6px -3px rgba(0, 0, 0, 0.2),
    0px 10px 14px 1px rgba(0, 0, 0, 0.14),
    0px 4px 18px 3px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-11:
    0px 6px 7px -4px rgba(0, 0, 0, 0.2),
    0px 11px 15px 1px rgba(0, 0, 0, 0.14),
    0px 4px 20px 3px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-12:
    0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 12px 17px 2px rgba(0, 0, 0, 0.14),
    0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-13:
    0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 13px 19px 2px rgba(0, 0, 0, 0.14),
    0px 5px 24px 4px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-14:
    0px 7px 9px -4px rgba(0, 0, 0, 0.2),
    0px 14px 21px 2px rgba(0, 0, 0, 0.14),
    0px 5px 26px 4px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-15:
    0px 8px 9px -5px rgba(0, 0, 0, 0.2),
    0px 15px 22px 2px rgba(0, 0, 0, 0.14),
    0px 6px 28px 5px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-16:
    0px 8px 10px -5px rgba(0, 0, 0, 0.2),
    0px 16px 24px 2px rgba(0, 0, 0, 0.14),
    0px 6px 30px 5px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-17:
    0px 8px 11px -5px rgba(0, 0, 0, 0.2),
    0px 17px 26px 2px rgba(0, 0, 0, 0.14),
    0px 6px 32px 5px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-18:
    0px 9px 11px -5px rgba(0, 0, 0, 0.2),
    0px 18px 28px 2px rgba(0, 0, 0, 0.14),
    0px 7px 34px 6px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-19:
    0px 9px 12px -6px rgba(0, 0, 0, 0.2),
    0px 19px 29px 2px rgba(0, 0, 0, 0.14),
    0px 7px 36px 6px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-20:
    0px 10px 13px -6px rgba(0, 0, 0, 0.2),
    0px 20px 31px 3px rgba(0, 0, 0, 0.14),
    0px 8px 38px 7px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-21:
    0px 10px 13px -6px rgba(0, 0, 0, 0.2),
    0px 21px 33px 3px rgba(0, 0, 0, 0.14),
    0px 8px 40px 7px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-22:
    0px 10px 14px -6px rgba(0, 0, 0, 0.2),
    0px 22px 35px 3px rgba(0, 0, 0, 0.14),
    0px 8px 42px 7px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-23:
    0px 11px 14px -7px rgba(0, 0, 0, 0.2),
    0px 23px 36px 3px rgba(0, 0, 0, 0.14),
    0px 9px 44px 8px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-24:
    0px 11px 15px -7px rgba(0, 0, 0, 0.2),
    0px 24px 38px 3px rgba(0, 0, 0, 0.14),
    0px 9px 46px 8px rgba(0, 0, 0, 0.12);
  --mat-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-label-text-color: #3f51b5;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.mat-accent {
  --mat-option-selected-state-label-text-color: #03a9f4;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.mat-warn {
  --mat-option-selected-state-label-text-color: #f44336;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
html {
  --mat-optgroup-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-pseudo-checkbox-full-selected-icon-color: #03a9f4;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #03a9f4;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.mat-primary {
  --mat-pseudo-checkbox-full-selected-icon-color: #3f51b5;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #3f51b5;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.mat-accent {
  --mat-pseudo-checkbox-full-selected-icon-color: #03a9f4;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #03a9f4;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.mat-warn {
  --mat-pseudo-checkbox-full-selected-icon-color: #f44336;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #f44336;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
html {
  --mat-option-label-text-font: Roboto, sans-serif;
  --mat-option-label-text-line-height: 24px;
  --mat-option-label-text-size: 16px;
  --mat-option-label-text-tracking: 0.03125em;
  --mat-option-label-text-weight: 400;
  --mat-optgroup-label-text-font: Roboto, sans-serif;
  --mat-optgroup-label-text-line-height: 24px;
  --mat-optgroup-label-text-size: 16px;
  --mat-optgroup-label-text-tracking: 0.03125em;
  --mat-optgroup-label-text-weight: 400;
  --mat-card-elevated-container-shape: 4px;
  --mat-card-outlined-container-shape: 4px;
  --mat-card-filled-container-shape: 4px;
  --mat-card-outlined-outline-width: 1px;
  --mat-card-elevated-container-color: white;
  --mat-card-elevated-container-elevation:
    0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-card-outlined-container-color: white;
  --mat-card-outlined-container-elevation:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-card-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-card-subtitle-text-color: rgba(0, 0, 0, 0.54);
  --mat-card-filled-container-color: white;
  --mat-card-filled-container-elevation:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-card-title-text-font: Roboto, sans-serif;
  --mat-card-title-text-line-height: 32px;
  --mat-card-title-text-size: 20px;
  --mat-card-title-text-tracking: 0.0125em;
  --mat-card-title-text-weight: 500;
  --mat-card-subtitle-text-font: Roboto, sans-serif;
  --mat-card-subtitle-text-line-height: 22px;
  --mat-card-subtitle-text-size: 14px;
  --mat-card-subtitle-text-tracking: 0.0071428571em;
  --mat-card-subtitle-text-weight: 500;
  --mat-progress-bar-active-indicator-height: 4px;
  --mat-progress-bar-track-height: 4px;
  --mat-progress-bar-track-shape: 0;
}
.mat-mdc-progress-bar {
  --mat-progress-bar-active-indicator-color: #3f51b5;
  --mat-progress-bar-track-color: rgba(63, 81, 181, 0.25);
}
.mat-mdc-progress-bar.mat-accent {
  --mat-progress-bar-active-indicator-color: #03a9f4;
  --mat-progress-bar-track-color: rgba(3, 169, 244, 0.25);
}
.mat-mdc-progress-bar.mat-warn {
  --mat-progress-bar-active-indicator-color: #f44336;
  --mat-progress-bar-track-color: rgba(244, 67, 54, 0.25);
}
html {
  --mat-tooltip-container-shape: 4px;
  --mat-tooltip-supporting-text-line-height: 16px;
  --mat-tooltip-container-color: #424242;
  --mat-tooltip-supporting-text-color: white;
  --mat-tooltip-supporting-text-font: Roboto, sans-serif;
  --mat-tooltip-supporting-text-size: 12px;
  --mat-tooltip-supporting-text-weight: 400;
  --mat-tooltip-supporting-text-tracking: 0.0333333333em;
  --mat-form-field-filled-active-indicator-height: 1px;
  --mat-form-field-filled-focus-active-indicator-height: 2px;
  --mat-form-field-filled-container-shape: 4px;
  --mat-form-field-outlined-outline-width: 1px;
  --mat-form-field-outlined-focus-outline-width: 2px;
  --mat-form-field-outlined-container-shape: 4px;
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #3f51b5 87%, transparent);
  --mat-form-field-filled-caret-color: #3f51b5;
  --mat-form-field-filled-focus-active-indicator-color: #3f51b5;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #3f51b5 87%, transparent);
  --mat-form-field-outlined-caret-color: #3f51b5;
  --mat-form-field-outlined-focus-outline-color: #3f51b5;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #3f51b5 87%, transparent);
  --mat-form-field-disabled-input-text-placeholder-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-error-text-color: #f44336;
  --mat-form-field-select-option-text-color: inherit;
  --mat-form-field-select-disabled-option-text-color: GrayText;
  --mat-form-field-leading-icon-color: unset;
  --mat-form-field-disabled-leading-icon-color: unset;
  --mat-form-field-trailing-icon-color: unset;
  --mat-form-field-disabled-trailing-icon-color: unset;
  --mat-form-field-error-focus-trailing-icon-color: unset;
  --mat-form-field-error-hover-trailing-icon-color: unset;
  --mat-form-field-error-trailing-icon-color: unset;
  --mat-form-field-enabled-select-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-disabled-select-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-hover-state-layer-opacity: 0.04;
  --mat-form-field-focus-state-layer-opacity: 0.12;
  --mat-form-field-filled-container-color: #f6f6f6;
  --mat-form-field-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-form-field-filled-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-error-hover-label-text-color: #f44336;
  --mat-form-field-filled-error-focus-label-text-color: #f44336;
  --mat-form-field-filled-error-label-text-color: #f44336;
  --mat-form-field-filled-error-caret-color: #f44336;
  --mat-form-field-filled-active-indicator-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-active-indicator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-filled-hover-active-indicator-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-error-active-indicator-color: #f44336;
  --mat-form-field-filled-error-focus-active-indicator-color: #f44336;
  --mat-form-field-filled-error-hover-active-indicator-color: #f44336;
  --mat-form-field-outlined-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-error-caret-color: #f44336;
  --mat-form-field-outlined-error-focus-label-text-color: #f44336;
  --mat-form-field-outlined-error-label-text-color: #f44336;
  --mat-form-field-outlined-error-hover-label-text-color: #f44336;
  --mat-form-field-outlined-outline-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-outlined-disabled-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-outlined-hover-outline-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-error-focus-outline-color: #f44336;
  --mat-form-field-outlined-error-hover-outline-color: #f44336;
  --mat-form-field-outlined-error-outline-color: #f44336;
}
.mat-mdc-form-field.mat-accent {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #03a9f4 87%, transparent);
  --mat-form-field-filled-caret-color: #03a9f4;
  --mat-form-field-filled-focus-active-indicator-color: #03a9f4;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #03a9f4 87%, transparent);
  --mat-form-field-outlined-caret-color: #03a9f4;
  --mat-form-field-outlined-focus-outline-color: #03a9f4;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #03a9f4 87%, transparent);
}
.mat-mdc-form-field.mat-warn {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #f44336 87%, transparent);
  --mat-form-field-filled-caret-color: #f44336;
  --mat-form-field-filled-focus-active-indicator-color: #f44336;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #f44336 87%, transparent);
  --mat-form-field-outlined-caret-color: #f44336;
  --mat-form-field-outlined-focus-outline-color: #f44336;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #f44336 87%, transparent);
}
html {
  --mat-form-field-container-height: 56px;
  --mat-form-field-filled-label-display: block;
  --mat-form-field-container-vertical-padding: 16px;
  --mat-form-field-filled-with-label-container-padding-top: 24px;
  --mat-form-field-filled-with-label-container-padding-bottom: 8px;
  --mat-form-field-container-text-font: Roboto, sans-serif;
  --mat-form-field-container-text-line-height: 24px;
  --mat-form-field-container-text-size: 16px;
  --mat-form-field-container-text-tracking: 0.03125em;
  --mat-form-field-container-text-weight: 400;
  --mat-form-field-outlined-label-text-populated-size: 16px;
  --mat-form-field-subscript-text-font: Roboto, sans-serif;
  --mat-form-field-subscript-text-line-height: 20px;
  --mat-form-field-subscript-text-size: 12px;
  --mat-form-field-subscript-text-tracking: 0.0333333333em;
  --mat-form-field-subscript-text-weight: 400;
  --mat-form-field-filled-label-text-font: Roboto, sans-serif;
  --mat-form-field-filled-label-text-size: 16px;
  --mat-form-field-filled-label-text-tracking: 0.03125em;
  --mat-form-field-filled-label-text-weight: 400;
  --mat-form-field-outlined-label-text-font: Roboto, sans-serif;
  --mat-form-field-outlined-label-text-size: 16px;
  --mat-form-field-outlined-label-text-tracking: 0.03125em;
  --mat-form-field-outlined-label-text-weight: 400;
  --mat-select-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #3f51b5;
  --mat-select-invalid-arrow-color: #f44336;
}
.mat-mdc-form-field.mat-accent {
  --mat-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #03a9f4;
  --mat-select-invalid-arrow-color: #f44336;
}
.mat-mdc-form-field.mat-warn {
  --mat-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #f44336;
  --mat-select-invalid-arrow-color: #f44336;
}
html {
  --mat-select-arrow-transform: translateY(-8px);
  --mat-select-trigger-text-font: Roboto, sans-serif;
  --mat-select-trigger-text-line-height: 24px;
  --mat-select-trigger-text-size: 16px;
  --mat-select-trigger-text-tracking: 0.03125em;
  --mat-select-trigger-text-weight: 400;
  --mat-autocomplete-container-shape: 4px;
  --mat-autocomplete-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-autocomplete-background-color: white;
  --mat-dialog-container-shape: 4px;
  --mat-dialog-container-elevation-shadow:
    0px 11px 15px -7px rgba(0, 0, 0, 0.2),
    0px 24px 38px 3px rgba(0, 0, 0, 0.14),
    0px 9px 46px 8px rgba(0, 0, 0, 0.12);
  --mat-dialog-container-max-width: 80vw;
  --mat-dialog-container-small-max-width: 80vw;
  --mat-dialog-container-min-width: 0;
  --mat-dialog-actions-alignment: start;
  --mat-dialog-actions-padding: 8px;
  --mat-dialog-content-padding: 20px 24px;
  --mat-dialog-with-actions-content-padding: 20px 24px;
  --mat-dialog-headline-padding: 0 24px 9px;
  --mat-dialog-container-color: white;
  --mat-dialog-subhead-color: rgba(0, 0, 0, 0.87);
  --mat-dialog-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-dialog-subhead-font: Roboto, sans-serif;
  --mat-dialog-subhead-line-height: 32px;
  --mat-dialog-subhead-size: 20px;
  --mat-dialog-subhead-weight: 500;
  --mat-dialog-subhead-tracking: 0.0125em;
  --mat-dialog-supporting-text-font: Roboto, sans-serif;
  --mat-dialog-supporting-text-line-height: 24px;
  --mat-dialog-supporting-text-size: 16px;
  --mat-dialog-supporting-text-weight: 400;
  --mat-dialog-supporting-text-tracking: 0.03125em;
}
.mat-mdc-standard-chip {
  --mat-chip-container-shape-radius: 16px;
  --mat-chip-disabled-container-opacity: 0.4;
  --mat-chip-disabled-outline-color: transparent;
  --mat-chip-flat-selected-outline-width: 0;
  --mat-chip-focus-outline-color: transparent;
  --mat-chip-hover-state-layer-opacity: 0.04;
  --mat-chip-outline-color: transparent;
  --mat-chip-outline-width: 0;
  --mat-chip-selected-hover-state-layer-opacity: 0.04;
  --mat-chip-selected-trailing-action-state-layer-color: transparent;
  --mat-chip-trailing-action-focus-opacity: 1;
  --mat-chip-trailing-action-focus-state-layer-opacity: 0;
  --mat-chip-trailing-action-hover-state-layer-opacity: 0;
  --mat-chip-trailing-action-opacity: 0.54;
  --mat-chip-trailing-action-state-layer-color: transparent;
  --mat-chip-with-avatar-avatar-shape-radius: 14px;
  --mat-chip-with-avatar-avatar-size: 28px;
  --mat-chip-with-avatar-disabled-avatar-opacity: 1;
  --mat-chip-with-icon-disabled-icon-opacity: 1;
  --mat-chip-with-icon-icon-size: 18px;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-opacity: 1;
  --mat-chip-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-elevated-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-flat-disabled-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-disabled-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-trailing-icon-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary,
.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
  --mat-chip-disabled-label-text-color: white;
  --mat-chip-elevated-container-color: #3f51b5;
  --mat-chip-elevated-disabled-container-color: #3f51b5;
  --mat-chip-elevated-selected-container-color: #3f51b5;
  --mat-chip-flat-disabled-selected-container-color: #3f51b5;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: white;
  --mat-chip-selected-disabled-trailing-icon-color: white;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: white;
  --mat-chip-selected-trailing-icon-color: white;
  --mat-chip-with-icon-disabled-icon-color: white;
  --mat-chip-with-icon-icon-color: white;
  --mat-chip-with-icon-selected-icon-color: white;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: white;
  --mat-chip-with-trailing-icon-trailing-icon-color: white;
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent,
.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
  --mat-chip-disabled-label-text-color: white;
  --mat-chip-elevated-container-color: #03a9f4;
  --mat-chip-elevated-disabled-container-color: #03a9f4;
  --mat-chip-elevated-selected-container-color: #03a9f4;
  --mat-chip-flat-disabled-selected-container-color: #03a9f4;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: white;
  --mat-chip-selected-disabled-trailing-icon-color: white;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: white;
  --mat-chip-selected-trailing-icon-color: white;
  --mat-chip-with-icon-disabled-icon-color: white;
  --mat-chip-with-icon-icon-color: white;
  --mat-chip-with-icon-selected-icon-color: white;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: white;
  --mat-chip-with-trailing-icon-trailing-icon-color: white;
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn,
.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
  --mat-chip-disabled-label-text-color: white;
  --mat-chip-elevated-container-color: #f44336;
  --mat-chip-elevated-disabled-container-color: #f44336;
  --mat-chip-elevated-selected-container-color: #f44336;
  --mat-chip-flat-disabled-selected-container-color: #f44336;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: white;
  --mat-chip-selected-disabled-trailing-icon-color: white;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: white;
  --mat-chip-selected-trailing-icon-color: white;
  --mat-chip-with-icon-disabled-icon-color: white;
  --mat-chip-with-icon-icon-color: white;
  --mat-chip-with-icon-selected-icon-color: white;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: white;
  --mat-chip-with-trailing-icon-trailing-icon-color: white;
}
.mat-mdc-chip.mat-mdc-standard-chip {
  --mat-chip-container-height: 32px;
}
.mat-mdc-standard-chip {
  --mat-chip-label-text-font: Roboto, sans-serif;
  --mat-chip-label-text-line-height: 20px;
  --mat-chip-label-text-size: 14px;
  --mat-chip-label-text-tracking: 0.0178571429em;
  --mat-chip-label-text-weight: 400;
}
html {
  --mat-slide-toggle-disabled-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-track-opacity: 0.12;
  --mat-slide-toggle-disabled-unselected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-track-outline-color: transparent;
  --mat-slide-toggle-disabled-unselected-track-outline-width: 1px;
  --mat-slide-toggle-handle-height: 20px;
  --mat-slide-toggle-handle-shape: 10px;
  --mat-slide-toggle-handle-width: 20px;
  --mat-slide-toggle-hidden-track-opacity: 1;
  --mat-slide-toggle-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-slide-toggle-pressed-handle-size: 20px;
  --mat-slide-toggle-selected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-handle-size: 20px;
  --mat-slide-toggle-selected-hover-state-layer-opacity: 0.04;
  --mat-slide-toggle-selected-icon-size: 18px;
  --mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-track-outline-color: transparent;
  --mat-slide-toggle-selected-track-outline-width: 1px;
  --mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-track-height: 14px;
  --mat-slide-toggle-track-outline-color: transparent;
  --mat-slide-toggle-track-outline-width: 1px;
  --mat-slide-toggle-track-shape: 7px;
  --mat-slide-toggle-track-width: 36px;
  --mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-handle-size: 20px;
  --mat-slide-toggle-unselected-hover-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-icon-size: 18px;
  --mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.1;
  --mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-visible-track-opacity: 1;
  --mat-slide-toggle-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-slide-toggle-with-icon-handle-size: 20px;
  --mat-slide-toggle-touch-target-size: 48px;
  --mat-slide-toggle-selected-icon-color: white;
  --mat-slide-toggle-disabled-selected-icon-color: white;
  --mat-slide-toggle-selected-focus-state-layer-color: #3f51b5;
  --mat-slide-toggle-selected-handle-color: #3f51b5;
  --mat-slide-toggle-selected-hover-state-layer-color: #3f51b5;
  --mat-slide-toggle-selected-pressed-state-layer-color: #3f51b5;
  --mat-slide-toggle-selected-focus-handle-color: #3f51b5;
  --mat-slide-toggle-selected-hover-handle-color: #3f51b5;
  --mat-slide-toggle-selected-pressed-handle-color: #3f51b5;
  --mat-slide-toggle-selected-focus-track-color: #7986cb;
  --mat-slide-toggle-selected-hover-track-color: #7986cb;
  --mat-slide-toggle-selected-pressed-track-color: #7986cb;
  --mat-slide-toggle-selected-track-color: #7986cb;
  --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-slide-toggle-disabled-handle-elevation-shadow:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-disabled-selected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-disabled-unselected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-handle-elevation-shadow:
    0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-handle-surface-color: white;
  --mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-focus-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-unselected-handle-color: rgba(0, 0, 0, 0.54);
  --mat-slide-toggle-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-handle-color: #424242;
  --mat-slide-toggle-unselected-pressed-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-track-color: rgba(0, 0, 0, 0.12);
}
.mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-icon-color: white;
  --mat-slide-toggle-disabled-selected-icon-color: white;
  --mat-slide-toggle-selected-focus-state-layer-color: #03a9f4;
  --mat-slide-toggle-selected-handle-color: #03a9f4;
  --mat-slide-toggle-selected-hover-state-layer-color: #03a9f4;
  --mat-slide-toggle-selected-pressed-state-layer-color: #03a9f4;
  --mat-slide-toggle-selected-focus-handle-color: #03a9f4;
  --mat-slide-toggle-selected-hover-handle-color: #03a9f4;
  --mat-slide-toggle-selected-pressed-handle-color: #03a9f4;
  --mat-slide-toggle-selected-focus-track-color: #4fc3f7;
  --mat-slide-toggle-selected-hover-track-color: #4fc3f7;
  --mat-slide-toggle-selected-pressed-track-color: #4fc3f7;
  --mat-slide-toggle-selected-track-color: #4fc3f7;
}
.mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-icon-color: white;
  --mat-slide-toggle-disabled-selected-icon-color: white;
  --mat-slide-toggle-selected-focus-state-layer-color: #f44336;
  --mat-slide-toggle-selected-handle-color: #f44336;
  --mat-slide-toggle-selected-hover-state-layer-color: #f44336;
  --mat-slide-toggle-selected-pressed-state-layer-color: #f44336;
  --mat-slide-toggle-selected-focus-handle-color: #f44336;
  --mat-slide-toggle-selected-hover-handle-color: #f44336;
  --mat-slide-toggle-selected-pressed-handle-color: #f44336;
  --mat-slide-toggle-selected-focus-track-color: #e57373;
  --mat-slide-toggle-selected-hover-track-color: #e57373;
  --mat-slide-toggle-selected-pressed-track-color: #e57373;
  --mat-slide-toggle-selected-track-color: #e57373;
}
html {
  --mat-slide-toggle-state-layer-size: 40px;
  --mat-slide-toggle-touch-target-display: block;
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
html .mat-mdc-slide-toggle {
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
html {
  --mat-radio-disabled-selected-icon-opacity: 0.38;
  --mat-radio-disabled-unselected-icon-opacity: 0.38;
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-size: 48px;
}
.mat-mdc-radio-button.mat-primary {
  --mat-radio-checked-ripple-color: #3f51b5;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #3f51b5;
  --mat-radio-selected-hover-icon-color: #3f51b5;
  --mat-radio-selected-icon-color: #3f51b5;
  --mat-radio-selected-pressed-icon-color: #3f51b5;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-radio-button.mat-accent {
  --mat-radio-checked-ripple-color: #03a9f4;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #03a9f4;
  --mat-radio-selected-hover-icon-color: #03a9f4;
  --mat-radio-selected-icon-color: #03a9f4;
  --mat-radio-selected-pressed-icon-color: #03a9f4;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-radio-button.mat-warn {
  --mat-radio-checked-ripple-color: #f44336;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #f44336;
  --mat-radio-selected-hover-icon-color: #f44336;
  --mat-radio-selected-icon-color: #f44336;
  --mat-radio-selected-pressed-icon-color: #f44336;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
html {
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
  --mat-radio-label-text-font: Roboto, sans-serif;
  --mat-radio-label-text-line-height: 20px;
  --mat-radio-label-text-size: 14px;
  --mat-radio-label-text-tracking: 0.0178571429em;
  --mat-radio-label-text-weight: 400;
  --mat-slider-active-track-height: 6px;
  --mat-slider-active-track-shape: 9999px;
  --mat-slider-handle-elevation:
    0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-slider-handle-height: 20px;
  --mat-slider-handle-shape: 50%;
  --mat-slider-handle-width: 20px;
  --mat-slider-inactive-track-height: 4px;
  --mat-slider-inactive-track-shape: 9999px;
  --mat-slider-value-indicator-border-radius: 4px;
  --mat-slider-value-indicator-caret-display: block;
  --mat-slider-value-indicator-container-transform: translateX(-50%);
  --mat-slider-value-indicator-height: 32px;
  --mat-slider-value-indicator-padding: 0 12px;
  --mat-slider-value-indicator-text-transform: none;
  --mat-slider-value-indicator-width: auto;
  --mat-slider-with-overlap-handle-outline-width: 1px;
  --mat-slider-with-tick-marks-active-container-opacity: 0.6;
  --mat-slider-with-tick-marks-container-shape: 50%;
  --mat-slider-with-tick-marks-container-size: 2px;
  --mat-slider-with-tick-marks-inactive-container-opacity: 0.6;
  --mat-slider-value-indicator-transform-origin: bottom;
  --mat-slider-active-track-color: #3f51b5;
  --mat-slider-focus-handle-color: #3f51b5;
  --mat-slider-handle-color: #3f51b5;
  --mat-slider-hover-handle-color: #3f51b5;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #3f51b5 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #3f51b5 4%, transparent);
  --mat-slider-inactive-track-color: #3f51b5;
  --mat-slider-ripple-color: #3f51b5;
  --mat-slider-with-tick-marks-active-container-color: white;
  --mat-slider-with-tick-marks-inactive-container-color: #3f51b5;
  --mat-slider-disabled-active-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-inactive-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-label-container-color: #424242;
  --mat-slider-label-label-text-color: white;
  --mat-slider-value-indicator-opacity: 1;
  --mat-slider-with-overlap-handle-outline-color: rgba(0, 0, 0, 0.87);
  --mat-slider-with-tick-marks-disabled-container-color: rgba(0, 0, 0, 0.87);
}
.mat-accent {
  --mat-slider-active-track-color: #03a9f4;
  --mat-slider-focus-handle-color: #03a9f4;
  --mat-slider-handle-color: #03a9f4;
  --mat-slider-hover-handle-color: #03a9f4;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #03a9f4 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #03a9f4 4%, transparent);
  --mat-slider-inactive-track-color: #03a9f4;
  --mat-slider-ripple-color: #03a9f4;
  --mat-slider-with-tick-marks-active-container-color: white;
  --mat-slider-with-tick-marks-inactive-container-color: #03a9f4;
}
.mat-warn {
  --mat-slider-active-track-color: #f44336;
  --mat-slider-focus-handle-color: #f44336;
  --mat-slider-handle-color: #f44336;
  --mat-slider-hover-handle-color: #f44336;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #f44336 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #f44336 4%, transparent);
  --mat-slider-inactive-track-color: #f44336;
  --mat-slider-ripple-color: #f44336;
  --mat-slider-with-tick-marks-active-container-color: white;
  --mat-slider-with-tick-marks-inactive-container-color: #f44336;
}
html {
  --mat-slider-label-label-text-font: Roboto, sans-serif;
  --mat-slider-label-label-text-size: 14px;
  --mat-slider-label-label-text-line-height: 22px;
  --mat-slider-label-label-text-tracking: 0.0071428571em;
  --mat-slider-label-label-text-weight: 500;
  --mat-menu-container-shape: 4px;
  --mat-menu-divider-bottom-spacing: 0;
  --mat-menu-divider-top-spacing: 0;
  --mat-menu-item-spacing: 16px;
  --mat-menu-item-icon-size: 24px;
  --mat-menu-item-leading-spacing: 16px;
  --mat-menu-item-trailing-spacing: 16px;
  --mat-menu-item-with-icon-leading-spacing: 16px;
  --mat-menu-item-with-icon-trailing-spacing: 16px;
  --mat-menu-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-menu-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-menu-item-icon-color: rgba(0, 0, 0, 0.87);
  --mat-menu-item-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-menu-item-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-menu-container-color: white;
  --mat-menu-divider-color: rgba(0, 0, 0, 0.12);
  --mat-menu-item-label-text-font: Roboto, sans-serif;
  --mat-menu-item-label-text-size: 16px;
  --mat-menu-item-label-text-tracking: 0.03125em;
  --mat-menu-item-label-text-line-height: 24px;
  --mat-menu-item-label-text-weight: 400;
  --mat-list-active-indicator-color: transparent;
  --mat-list-active-indicator-shape: 4px;
  --mat-list-list-item-container-shape: 0;
  --mat-list-list-item-leading-avatar-shape: 50%;
  --mat-list-list-item-container-color: transparent;
  --mat-list-list-item-selected-container-color: transparent;
  --mat-list-list-item-leading-avatar-color: transparent;
  --mat-list-list-item-leading-icon-size: 24px;
  --mat-list-list-item-leading-avatar-size: 40px;
  --mat-list-list-item-trailing-icon-size: 24px;
  --mat-list-list-item-disabled-state-layer-color: transparent;
  --mat-list-list-item-disabled-state-layer-opacity: 0;
  --mat-list-list-item-disabled-label-text-opacity: 0.38;
  --mat-list-list-item-disabled-leading-icon-opacity: 0.38;
  --mat-list-list-item-disabled-trailing-icon-opacity: 0.38;
  --mat-list-list-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-leading-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-trailing-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-selected-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-disabled-leading-icon-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-leading-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-state-layer-opacity: 0.04;
  --mat-list-list-item-hover-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-focus-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-opacity: 0.12;
}
.mdc-list-item__start,
.mdc-list-item__end {
  --mat-radio-checked-ripple-color: #3f51b5;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #3f51b5;
  --mat-radio-selected-hover-icon-color: #3f51b5;
  --mat-radio-selected-icon-color: #3f51b5;
  --mat-radio-selected-pressed-icon-color: #3f51b5;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.mat-accent .mdc-list-item__start,
.mat-accent .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #03a9f4;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #03a9f4;
  --mat-radio-selected-hover-icon-color: #03a9f4;
  --mat-radio-selected-icon-color: #03a9f4;
  --mat-radio-selected-pressed-icon-color: #03a9f4;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.mat-warn .mdc-list-item__start,
.mat-warn .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #f44336;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #f44336;
  --mat-radio-selected-hover-icon-color: #f44336;
  --mat-radio-selected-icon-color: #f44336;
  --mat-radio-selected-pressed-icon-color: #f44336;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-list-option {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-icon-color: #3f51b5;
  --mat-checkbox-selected-hover-icon-color: #3f51b5;
  --mat-checkbox-selected-icon-color: #3f51b5;
  --mat-checkbox-selected-pressed-icon-color: #3f51b5;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #3f51b5;
  --mat-checkbox-selected-hover-state-layer-color: #3f51b5;
  --mat-checkbox-selected-pressed-state-layer-color: #3f51b5;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-list-option.mat-accent {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-icon-color: #03a9f4;
  --mat-checkbox-selected-hover-icon-color: #03a9f4;
  --mat-checkbox-selected-icon-color: #03a9f4;
  --mat-checkbox-selected-pressed-icon-color: #03a9f4;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #03a9f4;
  --mat-checkbox-selected-hover-state-layer-color: #03a9f4;
  --mat-checkbox-selected-pressed-state-layer-color: #03a9f4;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-list-option.mat-warn {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-icon-color: #f44336;
  --mat-checkbox-selected-hover-icon-color: #f44336;
  --mat-checkbox-selected-icon-color: #f44336;
  --mat-checkbox-selected-pressed-icon-color: #f44336;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #f44336;
  --mat-checkbox-selected-hover-state-layer-color: #f44336;
  --mat-checkbox-selected-pressed-state-layer-color: #f44336;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start,
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text,
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start {
  color: #3f51b5;
}
.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end {
  opacity: 1;
}
html {
  --mat-list-list-item-leading-icon-start-space: 16px;
  --mat-list-list-item-leading-icon-end-space: 32px;
  --mat-list-list-item-one-line-container-height: 48px;
  --mat-list-list-item-two-line-container-height: 64px;
  --mat-list-list-item-three-line-container-height: 88px;
}
.mdc-list-item__start,
.mdc-list-item__end {
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
}
.mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line,
.mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line,
.mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line {
  height: 56px;
}
.mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines,
.mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines,
.mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines {
  height: 72px;
}
html {
  --mat-list-list-item-label-text-font: Roboto, sans-serif;
  --mat-list-list-item-label-text-line-height: 24px;
  --mat-list-list-item-label-text-size: 16px;
  --mat-list-list-item-label-text-tracking: 0.03125em;
  --mat-list-list-item-label-text-weight: 400;
  --mat-list-list-item-supporting-text-font: Roboto, sans-serif;
  --mat-list-list-item-supporting-text-line-height: 20px;
  --mat-list-list-item-supporting-text-size: 14px;
  --mat-list-list-item-supporting-text-tracking: 0.0178571429em;
  --mat-list-list-item-supporting-text-weight: 400;
  --mat-list-list-item-trailing-supporting-text-font: Roboto, sans-serif;
  --mat-list-list-item-trailing-supporting-text-line-height: 20px;
  --mat-list-list-item-trailing-supporting-text-size: 12px;
  --mat-list-list-item-trailing-supporting-text-tracking: 0.0333333333em;
  --mat-list-list-item-trailing-supporting-text-weight: 400;
}
.mdc-list-group__subheader {
  font: 400 16px / 28px Roboto, sans-serif;
  letter-spacing: 0.009375em;
}
html {
  --mat-paginator-page-size-select-width: 84px;
  --mat-paginator-page-size-select-touch-target-height: 48px;
  --mat-paginator-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-paginator-container-background-color: white;
  --mat-paginator-enabled-icon-color: rgba(0, 0, 0, 0.54);
  --mat-paginator-disabled-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-paginator-container-size: 56px;
  --mat-paginator-form-field-container-height: 40px;
  --mat-paginator-form-field-container-vertical-padding: 8px;
  --mat-paginator-touch-target-display: block;
  --mat-paginator-container-text-font: Roboto, sans-serif;
  --mat-paginator-container-text-line-height: 20px;
  --mat-paginator-container-text-size: 12px;
  --mat-paginator-container-text-tracking: 0.0333333333em;
  --mat-paginator-container-text-weight: 400;
  --mat-paginator-select-trigger-text-size: 12px;
  --mat-tab-container-height: 48px;
  --mat-tab-divider-color: transparent;
  --mat-tab-divider-height: 0;
  --mat-tab-active-indicator-height: 2px;
  --mat-tab-active-indicator-shape: 0;
}
.mat-mdc-tab-group,
.mat-mdc-tab-nav-bar {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #3f51b5;
  --mat-tab-active-ripple-color: #3f51b5;
  --mat-tab-inactive-ripple-color: #3f51b5;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #3f51b5;
  --mat-tab-active-hover-label-text-color: #3f51b5;
  --mat-tab-active-focus-indicator-color: #3f51b5;
  --mat-tab-active-hover-indicator-color: #3f51b5;
  --mat-tab-active-indicator-color: #3f51b5;
}
.mat-mdc-tab-group.mat-accent,
.mat-mdc-tab-nav-bar.mat-accent {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #03a9f4;
  --mat-tab-active-ripple-color: #03a9f4;
  --mat-tab-inactive-ripple-color: #03a9f4;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #03a9f4;
  --mat-tab-active-hover-label-text-color: #03a9f4;
  --mat-tab-active-focus-indicator-color: #03a9f4;
  --mat-tab-active-hover-indicator-color: #03a9f4;
  --mat-tab-active-indicator-color: #03a9f4;
}
.mat-mdc-tab-group.mat-warn,
.mat-mdc-tab-nav-bar.mat-warn {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #f44336;
  --mat-tab-active-ripple-color: #f44336;
  --mat-tab-inactive-ripple-color: #f44336;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #f44336;
  --mat-tab-active-hover-label-text-color: #f44336;
  --mat-tab-active-focus-indicator-color: #f44336;
  --mat-tab-active-hover-indicator-color: #f44336;
  --mat-tab-active-indicator-color: #f44336;
}
.mat-mdc-tab-group.mat-background-primary,
.mat-mdc-tab-nav-bar.mat-background-primary {
  --mat-tab-background-color: #3f51b5;
  --mat-tab-foreground-color: white;
}
.mat-mdc-tab-group.mat-background-accent,
.mat-mdc-tab-nav-bar.mat-background-accent {
  --mat-tab-background-color: #03a9f4;
  --mat-tab-foreground-color: white;
}
.mat-mdc-tab-group.mat-background-warn,
.mat-mdc-tab-nav-bar.mat-background-warn {
  --mat-tab-background-color: #f44336;
  --mat-tab-foreground-color: white;
}
.mat-mdc-tab-header {
  --mat-tab-container-height: 48px;
  --mat-tab-label-text-font: Roboto, sans-serif;
  --mat-tab-label-text-size: 14px;
  --mat-tab-label-text-tracking: 0.0892857143em;
  --mat-tab-label-text-line-height: 36px;
  --mat-tab-label-text-weight: 500;
}
html {
  --mat-checkbox-disabled-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-selected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-selected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-unselected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-touch-target-size: 48px;
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-icon-color: #03a9f4;
  --mat-checkbox-selected-hover-icon-color: #03a9f4;
  --mat-checkbox-selected-icon-color: #03a9f4;
  --mat-checkbox-selected-pressed-icon-color: #03a9f4;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #03a9f4;
  --mat-checkbox-selected-hover-state-layer-color: #03a9f4;
  --mat-checkbox-selected-pressed-state-layer-color: #03a9f4;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-checkbox.mat-primary {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-icon-color: #3f51b5;
  --mat-checkbox-selected-hover-icon-color: #3f51b5;
  --mat-checkbox-selected-icon-color: #3f51b5;
  --mat-checkbox-selected-pressed-icon-color: #3f51b5;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #3f51b5;
  --mat-checkbox-selected-hover-state-layer-color: #3f51b5;
  --mat-checkbox-selected-pressed-state-layer-color: #3f51b5;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-checkbox.mat-warn {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-icon-color: #f44336;
  --mat-checkbox-selected-hover-icon-color: #f44336;
  --mat-checkbox-selected-icon-color: #f44336;
  --mat-checkbox-selected-pressed-icon-color: #f44336;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #f44336;
  --mat-checkbox-selected-hover-state-layer-color: #f44336;
  --mat-checkbox-selected-pressed-state-layer-color: #f44336;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
html {
  --mat-checkbox-touch-target-display: block;
  --mat-checkbox-state-layer-size: 40px;
  --mat-checkbox-label-text-font: Roboto, sans-serif;
  --mat-checkbox-label-text-line-height: 20px;
  --mat-checkbox-label-text-size: 14px;
  --mat-checkbox-label-text-tracking: 0.0178571429em;
  --mat-checkbox-label-text-weight: 400;
  --mat-button-filled-container-shape: 4px;
  --mat-button-filled-horizontal-padding: 16px;
  --mat-button-filled-icon-offset: -4px;
  --mat-button-filled-icon-spacing: 8px;
  --mat-button-filled-touch-target-size: 48px;
  --mat-button-outlined-container-shape: 4px;
  --mat-button-outlined-horizontal-padding: 15px;
  --mat-button-outlined-icon-offset: -4px;
  --mat-button-outlined-icon-spacing: 8px;
  --mat-button-outlined-keep-touch-target: false;
  --mat-button-outlined-outline-width: 1px;
  --mat-button-outlined-touch-target-size: 48px;
  --mat-button-protected-container-elevation-shadow:
    0px 3px 1px -2px rgba(0, 0, 0, 0.2),
    0px 2px 2px 0px rgba(0, 0, 0, 0.14),
    0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  --mat-button-protected-container-shape: 4px;
  --mat-button-protected-disabled-container-elevation-shadow:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-button-protected-focus-container-elevation-shadow:
    0px 2px 4px -1px rgba(0, 0, 0, 0.2),
    0px 4px 5px 0px rgba(0, 0, 0, 0.14),
    0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mat-button-protected-horizontal-padding: 16px;
  --mat-button-protected-hover-container-elevation-shadow:
    0px 2px 4px -1px rgba(0, 0, 0, 0.2),
    0px 4px 5px 0px rgba(0, 0, 0, 0.14),
    0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mat-button-protected-icon-offset: -4px;
  --mat-button-protected-icon-spacing: 8px;
  --mat-button-protected-pressed-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-button-protected-touch-target-size: 48px;
  --mat-button-text-container-shape: 4px;
  --mat-button-text-horizontal-padding: 8px;
  --mat-button-text-icon-offset: 0;
  --mat-button-text-icon-spacing: 8px;
  --mat-button-text-with-icon-horizontal-padding: 8px;
  --mat-button-text-touch-target-size: 48px;
  --mat-button-tonal-container-shape: 4px;
  --mat-button-tonal-horizontal-padding: 16px;
  --mat-button-tonal-icon-offset: -4px;
  --mat-button-tonal-icon-spacing: 8px;
  --mat-button-tonal-touch-target-size: 48px;
  --mat-button-filled-container-color: white;
  --mat-button-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-filled-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-filled-focus-state-layer-opacity: 0.12;
  --mat-button-filled-hover-state-layer-opacity: 0.04;
  --mat-button-filled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-pressed-state-layer-opacity: 0.12;
  --mat-button-filled-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-outlined-disabled-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-outlined-focus-state-layer-opacity: 0.12;
  --mat-button-outlined-hover-state-layer-opacity: 0.04;
  --mat-button-outlined-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-pressed-state-layer-opacity: 0.12;
  --mat-button-outlined-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-outlined-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-container-color: white;
  --mat-button-protected-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-protected-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-protected-focus-state-layer-opacity: 0.12;
  --mat-button-protected-hover-state-layer-opacity: 0.04;
  --mat-button-protected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-pressed-state-layer-opacity: 0.12;
  --mat-button-protected-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-text-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-text-focus-state-layer-opacity: 0.12;
  --mat-button-text-hover-state-layer-opacity: 0.04;
  --mat-button-text-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-pressed-state-layer-opacity: 0.12;
  --mat-button-text-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-text-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-container-color: white;
  --mat-button-tonal-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-tonal-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-tonal-focus-state-layer-opacity: 0.12;
  --mat-button-tonal-hover-state-layer-opacity: 0.04;
  --mat-button-tonal-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-pressed-state-layer-opacity: 0.12;
  --mat-button-tonal-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-state-layer-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-button.mat-primary,
.mat-mdc-unelevated-button.mat-primary,
.mat-mdc-raised-button.mat-primary,
.mat-mdc-outlined-button.mat-primary,
.mat-tonal-button.mat-primary {
  --mat-button-filled-container-color: #3f51b5;
  --mat-button-filled-label-text-color: white;
  --mat-button-filled-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-filled-state-layer-color: white;
  --mat-button-outlined-label-text-color: #3f51b5;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #3f51b5 12%, transparent);
  --mat-button-outlined-state-layer-color: #3f51b5;
  --mat-button-protected-container-color: #3f51b5;
  --mat-button-protected-label-text-color: white;
  --mat-button-protected-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-protected-state-layer-color: white;
  --mat-button-text-label-text-color: #3f51b5;
  --mat-button-text-ripple-color: color-mix(in srgb, #3f51b5 12%, transparent);
  --mat-button-text-state-layer-color: #3f51b5;
  --mat-button-tonal-container-color: #3f51b5;
  --mat-button-tonal-label-text-color: white;
  --mat-button-tonal-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-tonal-state-layer-color: white;
}
.mat-mdc-button.mat-accent,
.mat-mdc-unelevated-button.mat-accent,
.mat-mdc-raised-button.mat-accent,
.mat-mdc-outlined-button.mat-accent,
.mat-tonal-button.mat-accent {
  --mat-button-filled-container-color: #03a9f4;
  --mat-button-filled-label-text-color: white;
  --mat-button-filled-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-filled-state-layer-color: white;
  --mat-button-outlined-label-text-color: #03a9f4;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #03a9f4 12%, transparent);
  --mat-button-outlined-state-layer-color: #03a9f4;
  --mat-button-protected-container-color: #03a9f4;
  --mat-button-protected-label-text-color: white;
  --mat-button-protected-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-protected-state-layer-color: white;
  --mat-button-text-label-text-color: #03a9f4;
  --mat-button-text-ripple-color: color-mix(in srgb, #03a9f4 12%, transparent);
  --mat-button-text-state-layer-color: #03a9f4;
  --mat-button-tonal-container-color: #03a9f4;
  --mat-button-tonal-label-text-color: white;
  --mat-button-tonal-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-tonal-state-layer-color: white;
}
.mat-mdc-button.mat-warn,
.mat-mdc-unelevated-button.mat-warn,
.mat-mdc-raised-button.mat-warn,
.mat-mdc-outlined-button.mat-warn,
.mat-tonal-button.mat-warn {
  --mat-button-filled-container-color: #f44336;
  --mat-button-filled-label-text-color: white;
  --mat-button-filled-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-filled-state-layer-color: white;
  --mat-button-outlined-label-text-color: #f44336;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #f44336 12%, transparent);
  --mat-button-outlined-state-layer-color: #f44336;
  --mat-button-protected-container-color: #f44336;
  --mat-button-protected-label-text-color: white;
  --mat-button-protected-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-protected-state-layer-color: white;
  --mat-button-text-label-text-color: #f44336;
  --mat-button-text-ripple-color: color-mix(in srgb, #f44336 12%, transparent);
  --mat-button-text-state-layer-color: #f44336;
  --mat-button-tonal-container-color: #f44336;
  --mat-button-tonal-label-text-color: white;
  --mat-button-tonal-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-tonal-state-layer-color: white;
}
html {
  --mat-button-filled-container-height: 36px;
  --mat-button-filled-touch-target-display: block;
  --mat-button-outlined-container-height: 36px;
  --mat-button-outlined-touch-target-display: block;
  --mat-button-protected-container-height: 36px;
  --mat-button-protected-touch-target-display: block;
  --mat-button-text-container-height: 36px;
  --mat-button-text-touch-target-display: block;
  --mat-button-tonal-container-height: 36px;
  --mat-button-tonal-touch-target-display: block;
  --mat-button-filled-label-text-font: Roboto, sans-serif;
  --mat-button-filled-label-text-size: 14px;
  --mat-button-filled-label-text-tracking: 0.0892857143em;
  --mat-button-filled-label-text-transform: none;
  --mat-button-filled-label-text-weight: 500;
  --mat-button-outlined-label-text-font: Roboto, sans-serif;
  --mat-button-outlined-label-text-size: 14px;
  --mat-button-outlined-label-text-tracking: 0.0892857143em;
  --mat-button-outlined-label-text-transform: none;
  --mat-button-outlined-label-text-weight: 500;
  --mat-button-protected-label-text-font: Roboto, sans-serif;
  --mat-button-protected-label-text-size: 14px;
  --mat-button-protected-label-text-tracking: 0.0892857143em;
  --mat-button-protected-label-text-transform: none;
  --mat-button-protected-label-text-weight: 500;
  --mat-button-text-label-text-font: Roboto, sans-serif;
  --mat-button-text-label-text-size: 14px;
  --mat-button-text-label-text-tracking: 0.0892857143em;
  --mat-button-text-label-text-transform: none;
  --mat-button-text-label-text-weight: 500;
  --mat-button-tonal-label-text-font: Roboto, sans-serif;
  --mat-button-tonal-label-text-size: 14px;
  --mat-button-tonal-label-text-tracking: 0.0892857143em;
  --mat-button-tonal-label-text-transform: none;
  --mat-button-tonal-label-text-weight: 500;
  --mat-icon-button-icon-size: 24px;
  --mat-icon-button-container-shape: 50%;
  --mat-icon-button-touch-target-size: 48px;
  --mat-icon-button-disabled-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-icon-button-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-icon-button-focus-state-layer-opacity: 0.12;
  --mat-icon-button-hover-state-layer-opacity: 0.04;
  --mat-icon-button-icon-color: inherit;
  --mat-icon-button-pressed-state-layer-opacity: 0.12;
  --mat-icon-button-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-icon-button-state-layer-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-icon-button.mat-primary {
  --mat-icon-button-icon-color: #3f51b5;
  --mat-icon-button-state-layer-color: #3f51b5;
  --mat-icon-button-ripple-color: color-mix(in srgb, #3f51b5 12%, transparent);
}
.mat-mdc-icon-button.mat-accent {
  --mat-icon-button-icon-color: #03a9f4;
  --mat-icon-button-state-layer-color: #03a9f4;
  --mat-icon-button-ripple-color: color-mix(in srgb, #03a9f4 12%, transparent);
}
.mat-mdc-icon-button.mat-warn {
  --mat-icon-button-icon-color: #f44336;
  --mat-icon-button-state-layer-color: #f44336;
  --mat-icon-button-ripple-color: color-mix(in srgb, #f44336 12%, transparent);
}
html {
  --mat-icon-button-touch-target-display: block;
}
.mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 48px;
  --mat-icon-button-state-layer-size: 48px;
  width: var(--mat-icon-button-state-layer-size);
  height: var(--mat-icon-button-state-layer-size);
  padding: 12px;
}
html {
  --mat-fab-container-elevation-shadow:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mat-fab-container-shape: 50%;
  --mat-fab-touch-target-size: 48px;
  --mat-fab-extended-container-elevation-shadow:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mat-fab-extended-container-height: 48px;
  --mat-fab-extended-container-shape: 24px;
  --mat-fab-extended-focus-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-fab-extended-hover-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-fab-extended-pressed-container-elevation-shadow:
    0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 12px 17px 2px rgba(0, 0, 0, 0.14),
    0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  --mat-fab-focus-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-fab-hover-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-fab-pressed-container-elevation-shadow:
    0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 12px 17px 2px rgba(0, 0, 0, 0.14),
    0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  --mat-fab-small-container-elevation-shadow:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mat-fab-small-container-shape: 50%;
  --mat-fab-small-touch-target-size: 48px;
  --mat-fab-small-focus-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-fab-small-hover-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-fab-small-pressed-container-elevation-shadow:
    0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 12px 17px 2px rgba(0, 0, 0, 0.14),
    0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  --mat-fab-container-color: white;
  --mat-fab-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-focus-state-layer-opacity: 0.12;
  --mat-fab-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-hover-state-layer-opacity: 0.04;
  --mat-fab-pressed-state-layer-opacity: 0.12;
  --mat-fab-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-container-color: white;
  --mat-fab-small-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-small-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-small-focus-state-layer-opacity: 0.12;
  --mat-fab-small-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-small-hover-state-layer-opacity: 0.04;
  --mat-fab-small-pressed-state-layer-opacity: 0.12;
  --mat-fab-small-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-fab-state-layer-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-fab.mat-primary,
.mat-mdc-mini-fab.mat-primary {
  --mat-fab-container-color: #3f51b5;
  --mat-fab-foreground-color: white;
  --mat-fab-ripple-color: color-mix(in srgb, #3f51b5 12%, transparent);
  --mat-fab-small-container-color: #3f51b5;
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-fab-small-state-layer-color: white;
  --mat-fab-state-layer-color: white;
}
.mat-mdc-fab.mat-accent,
.mat-mdc-mini-fab.mat-accent {
  --mat-fab-container-color: #03a9f4;
  --mat-fab-foreground-color: white;
  --mat-fab-ripple-color: color-mix(in srgb, #03a9f4 12%, transparent);
  --mat-fab-small-container-color: #03a9f4;
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-fab-small-state-layer-color: white;
  --mat-fab-state-layer-color: white;
}
.mat-mdc-fab.mat-warn,
.mat-mdc-mini-fab.mat-warn {
  --mat-fab-container-color: #f44336;
  --mat-fab-foreground-color: white;
  --mat-fab-ripple-color: color-mix(in srgb, #f44336 12%, transparent);
  --mat-fab-small-container-color: #f44336;
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-fab-small-state-layer-color: white;
  --mat-fab-state-layer-color: white;
}
html {
  --mat-fab-small-touch-target-display: block;
  --mat-fab-touch-target-display: block;
  --mat-fab-extended-label-text-font: Roboto, sans-serif;
  --mat-fab-extended-label-text-size: 14px;
  --mat-fab-extended-label-text-tracking: 0.0892857143em;
  --mat-fab-extended-label-text-weight: 500;
  --mat-snack-bar-container-shape: 4px;
  --mat-snack-bar-container-color: #424242;
  --mat-snack-bar-supporting-text-color: white;
  --mat-snack-bar-button-color: #7986cb;
  --mat-snack-bar-supporting-text-font: Roboto, sans-serif;
  --mat-snack-bar-supporting-text-line-height: 20px;
  --mat-snack-bar-supporting-text-size: 14px;
  --mat-snack-bar-supporting-text-weight: 400;
  --mat-table-row-item-outline-width: 1px;
  --mat-table-background-color: white;
  --mat-table-header-headline-color: rgba(0, 0, 0, 0.87);
  --mat-table-row-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-table-row-item-outline-color: rgba(0, 0, 0, 0.12);
  --mat-table-header-container-height: 56px;
  --mat-table-footer-container-height: 52px;
  --mat-table-row-item-container-height: 52px;
  --mat-table-header-headline-font: Roboto, sans-serif;
  --mat-table-header-headline-line-height: 22px;
  --mat-table-header-headline-size: 14px;
  --mat-table-header-headline-weight: 500;
  --mat-table-header-headline-tracking: 0.0071428571em;
  --mat-table-row-item-label-text-font: Roboto, sans-serif;
  --mat-table-row-item-label-text-line-height: 20px;
  --mat-table-row-item-label-text-size: 14px;
  --mat-table-row-item-label-text-weight: 400;
  --mat-table-row-item-label-text-tracking: 0.0178571429em;
  --mat-table-footer-supporting-text-font: Roboto, sans-serif;
  --mat-table-footer-supporting-text-line-height: 20px;
  --mat-table-footer-supporting-text-size: 14px;
  --mat-table-footer-supporting-text-weight: 400;
  --mat-table-footer-supporting-text-tracking: 0.0178571429em;
  --mat-progress-spinner-active-indicator-width: 4px;
  --mat-progress-spinner-size: 48px;
  --mat-progress-spinner-active-indicator-color: #3f51b5;
}
.mat-accent {
  --mat-progress-spinner-active-indicator-color: #03a9f4;
}
.mat-warn {
  --mat-progress-spinner-active-indicator-color: #f44336;
}
html {
  --mat-badge-container-shape: 50%;
  --mat-badge-container-size: unset;
  --mat-badge-small-size-container-size: unset;
  --mat-badge-large-size-container-size: unset;
  --mat-badge-legacy-container-size: 22px;
  --mat-badge-legacy-small-size-container-size: 16px;
  --mat-badge-legacy-large-size-container-size: 28px;
  --mat-badge-container-offset: -11px 0;
  --mat-badge-small-size-container-offset: -8px 0;
  --mat-badge-large-size-container-offset: -14px 0;
  --mat-badge-container-overlap-offset: -11px;
  --mat-badge-small-size-container-overlap-offset: -8px;
  --mat-badge-large-size-container-overlap-offset: -14px;
  --mat-badge-container-padding: 0;
  --mat-badge-small-size-container-padding: 0;
  --mat-badge-large-size-container-padding: 0;
  --mat-badge-background-color: #3f51b5;
  --mat-badge-text-color: white;
  --mat-badge-disabled-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-badge-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.mat-badge-accent {
  --mat-badge-background-color: #03a9f4;
  --mat-badge-text-color: white;
}
.mat-badge-warn {
  --mat-badge-background-color: #f44336;
  --mat-badge-text-color: white;
}
html {
  --mat-badge-text-font: Roboto, sans-serif;
  --mat-badge-line-height: 22px;
  --mat-badge-text-size: 12px;
  --mat-badge-text-weight: 600;
  --mat-badge-small-size-text-size: 9px;
  --mat-badge-small-size-line-height: 16px;
  --mat-badge-large-size-text-size: 24px;
  --mat-badge-large-size-line-height: 28px;
  --mat-bottom-sheet-container-shape: 4px;
  --mat-bottom-sheet-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-bottom-sheet-container-background-color: white;
  --mat-bottom-sheet-container-text-font: Roboto, sans-serif;
  --mat-bottom-sheet-container-text-line-height: 20px;
  --mat-bottom-sheet-container-text-size: 14px;
  --mat-bottom-sheet-container-text-tracking: 0.0178571429em;
  --mat-bottom-sheet-container-text-weight: 400;
  --mat-button-toggle-focus-state-layer-opacity: 0.12;
  --mat-button-toggle-hover-state-layer-opacity: 0.04;
  --mat-button-toggle-legacy-focus-state-layer-opacity: 1;
  --mat-button-toggle-legacy-height: 36px;
  --mat-button-toggle-legacy-shape: 2px;
  --mat-button-toggle-shape: 4px;
  --mat-button-toggle-background-color: white;
  --mat-button-toggle-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-disabled-selected-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-disabled-state-background-color: white;
  --mat-button-toggle-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-divider-color: rgba(0, 0, 0, 0.12);
  --mat-button-toggle-legacy-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-disabled-state-background-color: white;
  --mat-button-toggle-legacy-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-legacy-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-legacy-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-height: 48px;
  --mat-button-toggle-label-text-font: Roboto, sans-serif;
  --mat-button-toggle-label-text-line-height: 24px;
  --mat-button-toggle-label-text-size: 16px;
  --mat-button-toggle-label-text-tracking: 0.03125em;
  --mat-button-toggle-label-text-weight: 400;
  --mat-button-toggle-legacy-label-text-font: Roboto, sans-serif;
  --mat-button-toggle-legacy-label-text-line-height: 24px;
  --mat-button-toggle-legacy-label-text-size: 16px;
  --mat-button-toggle-legacy-label-text-tracking: 0.03125em;
  --mat-button-toggle-legacy-label-text-weight: 400;
  --mat-datepicker-calendar-container-shape: 4px;
  --mat-datepicker-calendar-container-touch-shape: 4px;
  --mat-datepicker-calendar-container-elevation-shadow:
    0px 2px 4px -1px rgba(0, 0, 0, 0.2),
    0px 4px 5px 0px rgba(0, 0, 0, 0.14),
    0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-container-touch-elevation-shadow:
    0px 11px 15px -7px rgba(0, 0, 0, 0.2),
    0px 24px 38px 3px rgba(0, 0, 0, 0.14),
    0px 9px 46px 8px rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #3f51b5 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #03a9f4 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #3f51b5;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #3f51b5 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #3f51b5 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #3f51b5 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #3f51b5;
  --mat-datepicker-toggle-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-body-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-period-button-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-period-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-navigation-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-header-divider-color: rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-header-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-date-today-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.mat-datepicker-content.mat-accent,
.mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #03a9f4 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #03a9f4 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #03a9f4;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #03a9f4 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #03a9f4 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #03a9f4 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #03a9f4;
  --mat-datepicker-toggle-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-body-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-period-button-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-period-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-navigation-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-header-divider-color: rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-header-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-date-today-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.mat-datepicker-content.mat-warn,
.mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #f44336 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #03a9f4 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #f44336;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #f44336 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #f44336 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #f44336 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #f44336;
  --mat-datepicker-toggle-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-body-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-period-button-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-period-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-navigation-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-header-divider-color: rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-header-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-date-today-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.mat-calendar-controls {
  --mat-icon-button-touch-target-display: none;
}
.mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 40px;
  --mat-icon-button-state-layer-size: 40px;
  width: var(--mat-icon-button-state-layer-size);
  height: var(--mat-icon-button-state-layer-size);
  padding: 8px;
}
html {
  --mat-datepicker-calendar-text-font: Roboto, sans-serif;
  --mat-datepicker-calendar-text-size: 13px;
  --mat-datepicker-calendar-body-label-text-size: 14px;
  --mat-datepicker-calendar-body-label-text-weight: 500;
  --mat-datepicker-calendar-period-button-text-size: 14px;
  --mat-datepicker-calendar-period-button-text-weight: 500;
  --mat-datepicker-calendar-header-text-size: 11px;
  --mat-datepicker-calendar-header-text-weight: 400;
  --mat-divider-width: 1px;
  --mat-divider-color: rgba(0, 0, 0, 0.12);
  --mat-expansion-container-shape: 4px;
  --mat-expansion-container-elevation-shadow:
    0px 3px 1px -2px rgba(0, 0, 0, 0.2),
    0px 2px 2px 0px rgba(0, 0, 0, 0.14),
    0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  --mat-expansion-legacy-header-indicator-display: inline-block;
  --mat-expansion-header-indicator-display: none;
  --mat-expansion-container-background-color: white;
  --mat-expansion-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-expansion-actions-divider-color: rgba(0, 0, 0, 0.12);
  --mat-expansion-header-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-expansion-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-expansion-header-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-expansion-header-text-color: rgba(0, 0, 0, 0.87);
  --mat-expansion-header-description-color: rgba(0, 0, 0, 0.54);
  --mat-expansion-header-indicator-color: rgba(0, 0, 0, 0.54);
  --mat-expansion-header-collapsed-state-height: 48px;
  --mat-expansion-header-expanded-state-height: 64px;
  --mat-expansion-header-text-font: Roboto, sans-serif;
  --mat-expansion-header-text-size: 14px;
  --mat-expansion-header-text-weight: 500;
  --mat-expansion-header-text-line-height: inherit;
  --mat-expansion-header-text-tracking: inherit;
  --mat-expansion-container-text-font: Roboto, sans-serif;
  --mat-expansion-container-text-line-height: 20px;
  --mat-expansion-container-text-size: 14px;
  --mat-expansion-container-text-tracking: 0.0178571429em;
  --mat-expansion-container-text-weight: 400;
  --mat-grid-list-tile-header-primary-text-size: 14px;
  --mat-grid-list-tile-header-secondary-text-size: 12px;
  --mat-grid-list-tile-footer-primary-text-size: 14px;
  --mat-grid-list-tile-footer-secondary-text-size: 12px;
  --mat-icon-color: inherit;
}
.mat-icon.mat-primary {
  --mat-icon-color: #3f51b5;
}
.mat-icon.mat-accent {
  --mat-icon-color: #03a9f4;
}
.mat-icon.mat-warn {
  --mat-icon-color: #f44336;
}
html {
  --mat-sidenav-container-shape: 0;
  --mat-sidenav-container-elevation-shadow:
    0px 8px 10px -5px rgba(0, 0, 0, 0.2),
    0px 16px 24px 2px rgba(0, 0, 0, 0.14),
    0px 6px 30px 5px rgba(0, 0, 0, 0.12);
  --mat-sidenav-container-width: auto;
  --mat-sidenav-container-divider-color: rgba(0, 0, 0, 0.12);
  --mat-sidenav-container-background-color: white;
  --mat-sidenav-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-sidenav-content-background-color: #fafafa;
  --mat-sidenav-content-text-color: rgba(0, 0, 0, 0.87);
  --mat-sidenav-scrim-color: rgba(0, 0, 0, 0.6);
  --mat-stepper-header-focus-state-layer-shape: 0;
  --mat-stepper-header-hover-state-layer-shape: 0;
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: #3f51b5;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #3f51b5;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #3f51b5;
  --mat-stepper-header-edit-state-icon-foreground-color: white;
  --mat-stepper-container-color: white;
  --mat-stepper-line-color: rgba(0, 0, 0, 0.12);
  --mat-stepper-header-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-stepper-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-stepper-header-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-optional-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-selected-state-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-stepper-header-error-state-label-text-color: #f44336;
  --mat-stepper-header-icon-background-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-error-state-icon-foreground-color: #f44336;
  --mat-stepper-header-error-state-icon-background-color: transparent;
}
.mat-step-header.mat-accent {
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: #03a9f4;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #03a9f4;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #03a9f4;
  --mat-stepper-header-edit-state-icon-foreground-color: white;
}
.mat-step-header.mat-warn {
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: #f44336;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #f44336;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #f44336;
  --mat-stepper-header-edit-state-icon-foreground-color: white;
}
html {
  --mat-stepper-header-height: 72px;
  --mat-stepper-container-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-size: 14px;
  --mat-stepper-header-label-text-weight: 400;
  --mat-stepper-header-error-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-weight: 400;
  --mat-sort-arrow-color: rgba(0, 0, 0, 0.87);
  --mat-toolbar-container-background-color: white;
  --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87);
}
.mat-toolbar.mat-primary {
  --mat-toolbar-container-background-color: #3f51b5;
  --mat-toolbar-container-text-color: white;
}
.mat-toolbar.mat-accent {
  --mat-toolbar-container-background-color: #03a9f4;
  --mat-toolbar-container-text-color: white;
}
.mat-toolbar.mat-warn {
  --mat-toolbar-container-background-color: #f44336;
  --mat-toolbar-container-text-color: white;
}
html {
  --mat-toolbar-standard-height: 64px;
  --mat-toolbar-mobile-height: 56px;
  --mat-toolbar-title-text-font: Roboto, sans-serif;
  --mat-toolbar-title-text-line-height: 32px;
  --mat-toolbar-title-text-size: 20px;
  --mat-toolbar-title-text-tracking: 0.0125em;
  --mat-toolbar-title-text-weight: 500;
  --mat-tree-container-background-color: white;
  --mat-tree-node-text-color: rgba(0, 0, 0, 0.87);
  --mat-tree-node-min-height: 48px;
  --mat-tree-node-text-font: Roboto, sans-serif;
  --mat-tree-node-text-size: 14px;
  --mat-tree-node-text-weight: 400;
  --mat-timepicker-container-shape: 4px;
  --mat-timepicker-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-timepicker-container-background-color: white;
}
:root {
  color-scheme: normal !important;
}
body {
  font-family: Nunito, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
input::-ms-reveal,
input::-ms-clear {
  display: none;
}
main.main {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  width: 100vw;
  height: 100dvh;
  background-color: #fbfbff;
}
main.main--auth {
  overflow-y: hidden;
}
.password-required-modal-form.baseline-styled .mat-mdc-form-field-flex,
.password-required-modal-form.baseline-styled .mat-mdc-form-field-infix {
  min-height: 3rem;
}
.section {
  display: flex;
  flex-grow: 3;
  width: 100%;
  height: 100vh;
  padding: 2.5rem;
  transition: all 200ms ease-in-out;
}
@media (min-width: 768px) {
  .section {
    overflow: hidden auto;
  }
}
@media (min-width: 0px) and (max-width: 850px) {
  .section {
    padding: 0.625rem;
  }
}
@media (min-width: 0px) and (max-width: 767px) {
  .section {
    overflow-x: auto;
  }
}
.section__container {
  width: 100%;
}
.section__controls {
  display: flex;
  flex-direction: column;
}
.section__content {
  margin-top: 0.5rem;
}
.section__dashboard {
  margin: 1rem 0 2rem;
}
.section__header {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1.5rem;
}
.section__header--documents {
  justify-content: flex-start;
}
.section__title {
  font-size: 1.5rem;
  font-weight: 600;
  color: #4d5662;
  text-transform: capitalize;
}
.section__title span {
  font-size: 1.25rem;
}
.section__description {
  font-size: 0.875rem;
  color: #717881;
}
.aside-documents {
  width: 100%;
  margin-bottom: 0.9375rem;
  padding: 1.875rem 1.875rem 1.5625rem 1.5625rem;
  border-radius: 0.3125rem;
  background-color: #fff;
  box-shadow: 0 0.25rem 1.25rem rgba(127, 127, 165, 0.08);
}
.aside-documents__title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1.5625rem;
  padding-right: 1rem;
  color: #4d5662;
}
.aside-documents__title span.title {
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.375rem;
  text-transform: capitalize;
}
.aside-documents__title span.count {
  overflow: hidden;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  min-width: 2rem;
  min-height: 2rem;
  margin-left: 0.625rem;
  padding: 0 0.625rem;
  border-radius: 1.5rem;
  font-size: 0.75rem;
  color: #636bf6;
  background: rgba(220, 228, 245, 0.3);
}
.payment-card {
  overflow: hidden;
  display: flex;
  flex-direction: column;
  width: 15.9375rem;
  height: 8.125rem;
  padding: 1.25rem;
  border-radius: 0.75rem;
}
.payment-card__header,
.payment-card__content,
.payment-card__footer {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  color: #fff;
}
.payment-card__content {
  margin-top: 1rem;
}
.payment-card__content span:nth-child(1),
.payment-card__content span:nth-child(2),
.payment-card__content span:nth-child(3) {
  display: flex;
  width: 2.5625rem;
  height: 1.1875rem;
}
.payment-card__footer {
  margin-top: auto;
}
.payment-card__icon {
  width: 2.5rem;
  height: 0.875rem;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: left center;
}
.payment-card .options-button {
  margin: 0 0 0 auto;
}
.payment-card--visa {
  background-color: #0197f6;
}
.payment-card--visa .payment-card__icon {
  background-image: url("./media/icon-visa-3O26MHQF.png");
}
.payment-card--mastercard {
  background-color: #ff524e;
}
.payment-card--mastercard .payment-card__icon {
  background-image: url("./media/icon-mastercard-TSLBILCT.png");
}
.payment-card--amex {
  background-color: #2461fe;
}
.payment-card--amex .payment-card__icon {
  background-image: url("./media/icon-amex-ZOFJQR2M.png");
}
.payment-card--disc {
  background-color: #ffc716;
}
.payment-card--disc .payment-card__icon {
  background-image: url("./media/icon-disc-JMWDBO4S.png");
}
.payment-card--jcb {
  background-color: #21b888;
}
.payment-card--jcb .payment-card__icon {
  background-image: url("./media/icon-jcb-NQHS43BV.png");
}
.payment-card--dinners-club {
  background-color: #21b888;
}
.payment-card--dinners-club .payment-card__icon {
  background-image: url("./media/icon-dinners-club-PM5MABRU.png");
}
.user-introduction-dialog.cdk-overlay-pane.mat-mdc-dialog-panel {
  max-width: 100%;
  max-height: 100%;
}
.user-introduction-dialog .mat-mdc-dialog-container .mat-mdc-dialog-surface {
  max-height: 95vh;
}
.onboarding-dialog.cdk-overlay-pane.mat-mdc-dialog-panel {
  max-width: 100%;
  max-height: 100%;
}
.onboarding-dialog .mat-mdc-dialog-container .mat-mdc-dialog-surface {
  min-height: 100vh;
  padding: 0 !important;
  border-radius: 0 !important;
}
.onboarding-dialog app-select-country .mat-mdc-form-field {
  width: 100%;
}
.onboarding-dialog app-select-country .select-country {
  margin-bottom: -25px;
}
@media (max-width: 700px) {
  .onboarding-dialog app-select-country .select-country {
    margin-bottom: -22px;
  }
}
.onboarding-dialog .onboarding-phone-field .onboarding-phone-field__prefix {
  font-family: Nunito, sans-serif;
  font-size: 0.875rem;
  line-height: 1.1875rem;
}
.onboarding-dialog .onboarding-phone-field .mat-mdc-form-field-flex {
  align-items: baseline;
}
.font-onest-bold {
  font-family: Onest, sans-serif;
  font-weight: bold;
}
div.custom-dialog.onboarding-dialog-welcome .mat-mdc-dialog-container .mat-mdc-dialog-surface {
  width: 53rem;
  margin: 1.5rem;
  padding: 0;
  border: 0;
  background-color: transparent;
  box-shadow: none;
}
@media screen and (max-width: 640px) {
  div.custom-dialog.onboarding-dialog-welcome .mat-mdc-dialog-container .mat-mdc-dialog-surface {
    width: 80vw;
    max-width: 80vw;
    margin: 0;
  }
}
.dialog-default .mat-mdc-dialog-container {
  --mat-dialog-container-shape: 0.9375rem;
  padding: 0;
  border-radius: 0.9375rem;
  background-color: #fff;
}
.dialog-default .mat-mdc-dialog-container .modal__back__confirmation__actions button.pdf__btn--dark[style]:hover {
  filter: brightness(66%);
}
.dialog-default.wider-buttons div.modal__back__confirmation__actions button {
  width: auto;
}
.mat-mdc-progress-bar {
  height: 2em;
  border-radius: 0.5em;
}
.spinner-container {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 30vh;
}
.spinner {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: calc(100vh - 6rem);
}
.btn__rounded {
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  padding: 0 0.9375rem;
  border-radius: 5rem;
}
.btn__rounded__icon {
  width: 1.5rem;
  height: 1.5rem;
  margin-right: 0.5625rem;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.btn__rounded span {
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.375rem;
}
.btn__rounded--dark {
  border: 0.0625rem solid #636bf6;
  background-color: #636bf6;
}
.btn__rounded--dark span {
  color: #fff;
}
.btn__rounded--light {
  border: 0.0625rem solid #636bf6;
  background-color: #fff;
}
.btn__rounded--light span {
  color: #636bf6;
}
*[disabled],
*:disabled,
button:disabled,
input[type=button]:disabled,
input[type=submit]:disabled,
input[type=reset]:disabled {
  cursor: not-allowed !important;
}
input[type=text]:disabled {
  color: rgba(0, 0, 0, 0.3803921569);
}
.mdc-text-field--disabled.mdc-text-field--filled {
  padding: 0 0.5rem;
  background-color: transparent !important;
}
.mdc-text-field--disabled .mdc-line-ripple::before {
  border-bottom-color: #636bf6;
}
button {
  padding: 0.0625rem 0.375rem;
}
.mat-mdc-table th.mat-mdc-header-cell {
  font-weight: 600;
}
@media (min-width: 2000px) and (min-height: 1000px) {
  html {
    font-size: 1.1em;
  }
}
@media (min-width: 2200px) and (min-height: 1200px) {
  html {
    font-size: 1.2em;
  }
}
@media (max-width: 1100px), (max-height: 700px) {
  html {
    font-size: 0.9em;
  }
}
@media (max-width: 1040px), (max-height: 600px) {
  html {
    font-size: 0.8em;
  }
}
@media (max-width: 940px), (max-height: 500px) {
  html {
    font-size: 0.7em;
  }
}
@media (max-width: 800px), (max-height: 400px) {
  html {
    font-size: 0.7em;
  }
}
@media (max-width: 700px), (max-height: 350px) {
  html {
    font-size: 0.6em;
  }
}
.mat-primary .mat-option.mat-selected:not(.mat-option-disabled),
.mat-mdc-button.mat-primary,
.mat-mdc-icon-button.mat-primary,
.mat-mdc-outlined-button.mat-primary,
.mat-datepicker-toggle-active,
.mat-mdc-form-field.mat-focused .mat-form-field-label,
.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid) .mat-form-field-infix::after,
.mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick,
.mat-icon.mat-primary,
.mat-form-field.mat-focused.mat-primary .mat-select-arrow {
  color: #636bf6;
}
span.mdc-linear-progress__bar-inner {
  border-color: #21b888;
}
.mat-tab-group.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-primary .mat-mdc-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),
.mat-mdc-tab-nav-bar.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
  background-color: rgba(209, 196, 233, 0.3);
}
mat-form-field.sub-nav-select *,
div.cdk-overlay-pane .sub-nav-select-panel * {
  font-size: 1.15rem;
  font-weight: bold;
}
.mat-primary .mat-pseudo-checkbox-checked,
.mat-primary .mat-pseudo-checkbox-indeterminate,
.mat-badge-content,
.mat-mdc-checkbox-checked:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element,
.mat-checkbox:active:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element,
.mat-mdc-toolbar.mat-primary {
  background: #636bf6;
}
.mat-calendar-body-comparison-bridge-start::before,
[dir=rtl] .mat-calendar-body-comparison-bridge-end::before {
  background:
    linear-gradient(
      to left,
      rgba(99, 107, 246, 0.2) 50%,
      rgba(99, 107, 246, 0.2) 50%);
}
.mat-calendar-body-comparison-bridge-end::before,
[dir=rtl] .mat-calendar-body-comparison-bridge-start::before {
  background:
    linear-gradient(
      to left,
      rgba(99, 107, 246, 0.2) 50%,
      rgba(99, 107, 246, 0.2) 50%);
}
.mat-calendar-body-in-range::before {
  background: rgba(99, 107, 246, 0.2);
}
.cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected, .mat-calendar-body-comparison-identical),
.cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected, .mat-calendar-body-comparison-identical),
.mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected, .mat-calendar-body-comparison-identical) {
  background-color: rgba(99, 107, 246, 0.3);
}
.mat-calendar-body-disabled > .mat-calendar-body-selected {
  background-color: rgba(99, 107, 246, 0.4);
}
.mat-mdc-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-bar {
  background-color: rgba(99, 107, 246, 0.54);
}
.mat-mdc-input-element {
  caret-color: #636bf6;
}
.mat-mdc-progress-spinner circle {
  stroke: #636bf6;
}
.mat-mdc-tab-group.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-primary .mat-mdc-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),
.mat-mdc-tab-nav-bar.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
  background-color: rgba(147, 153, 255, 0.3);
}
.mat-mdc-tab-header.mat-mdc-tab-nav-bar-stretch-tabs a.mat-mdc-tab-link {
  flex-grow: 0;
}
div#freshworks-frame-wrapper {
  bottom: 1rem !important;
  left: 6.4rem !important;
}
.mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled, .mat-mdc-option-multiple) {
  background: rgba(220, 228, 245, 0.3);
}
.cdk-overlay-pane div.select-sorting-panel.mat-mdc-select-panel {
  position: relative;
  top: -1px;
  right: 1px;
  transform: scaleY(1);
  box-sizing: content-box;
  width: 11.53rem;
  min-width: 100%;
  padding-top: 0;
  padding-bottom: 0.5rem;
  border: 1px solid #636bf6;
  border-top: none;
  border-radius: 0 0 0.3125rem 0.3125rem;
  letter-spacing: normal;
  box-shadow: none;
  transition: transform 0.3s ease-in-out;
}
.cdk-overlay-pane div.select-sorting-panel.mat-mdc-select-panel .mat-mdc-option:hover:not(.mat-option-multiple, .mat-option-disabled) {
  background: #9399ff;
}
.cdk-overlay-pane div.select-sorting-panel.mat-mdc-select-panel .mat-mdc-option:hover:not(.mat-option-multiple, .mat-option-disabled) .mdc-list-item__primary-text {
  color: #fff;
}
.cdk-overlay-pane div.select-sorting-panel.mat-mdc-select-panel .mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled) .mdc-list-item__primary-text {
  color: #fff;
}
.cdk-overlay-pane div.select-sorting-panel.mat-mdc-select-panel .mat-mdc-option:not(mat-option-multiple) {
  padding: 0 0.5rem;
  background: #fbfbff;
}
.cdk-overlay-pane div.select-sorting-panel.mat-mdc-select-panel .mat-mdc-option:not(mat-option-multiple) .mdc-list-item__primary-text {
  font-family: Nunito, sans-serif;
  color: #4d5662;
}
.cdk-overlay-pane div.select-sorting-panel.mat-mdc-select-panel .mat-select-trigger {
  bottom: 0.2rem;
  width: 100%;
}
.cdk-overlay-pane div.select-sorting-panel.mat-mdc-select-panel .mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled, .mat-mdc-option-multiple) {
  background: #9399ff;
}
.cdk-overlay-pane div.select-sorting-panel.mat-mdc-select-panel .mat-mdc-option .mdc-list-item__primary-text {
  overflow: hidden;
  font-family: Nunito, sans-serif;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cdk-overlay-pane {
  width: auto;
}
:root mat-option.mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled, .mat-mdc-option-multiple) {
  background-color: rgba(220, 228, 245, 0.3019607843);
}
.edit-personal-info-form .mat-mdc-form-field-icon-prefix {
  position: absolute;
  bottom: 0.25rem;
  left: 0.5rem;
}
.edit-personal-info-form .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex label.mdc-floating-label {
  top: initial;
}
.edit-personal-info-form .profile-phone-number.add-indent .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex label.mdc-floating-label:not(.mdc-floating-label--float-above) {
  padding-left: 2.5rem;
}
.invite-user:disabled .mat-icon svg {
  fill: #aab2c2;
}
.mat-mdc-menu-panel.collaborator-list {
  position: absolute;
  top: 1.875rem;
  left: -5.375rem;
  width: 12.5rem;
}
.mat-mdc-menu-panel.collaborator-list .mat-mdc-menu-item:not(:first-child) {
  margin-top: 1rem;
}
.popup__footer button {
  margin: 0;
  color: #fff;
}
.cards-list-component .mat-mdc-paginator-page-size .mat-mdc-form-field {
  width: 0.625rem;
}
.cards-list-component > thead {
  position: sticky;
  z-index: 1;
  top: -3rem;
  box-shadow: 0 0.25rem 0.1875rem -0.25rem rgba(0, 0, 0, 0.2);
}
@media (min-width: 0px) and (max-width: 850px) {
  .cards-list-component > thead {
    top: -1.875rem;
  }
}
.upload-file-popup .mat-mdc-select,
.upload-file-popup .cdk-overlay-container .mat-mdc-select {
  width: 100%;
}
.upload-file-popup .mat-mdc-select .mat-mdc-option,
.upload-file-popup .cdk-overlay-container .mat-mdc-select .mat-mdc-option {
  background: rgba(220, 228, 245, 0.3);
}
.upload-file-popup .project-name mat-option {
  background: rgba(220, 228, 245, 0.3);
}
.upload-file-popup .mat-mdc-select .mat-mdc-select-value,
.upload-file-popup .cdk-overlay-container .mat-mdc-select .mat-mdc-select-value {
  width: 100%;
}
.upload-file-popup .mat-mdc-floating-label {
  font-size: 0.875rem;
}
.upload-file-popup .mat-mdc-floating-label .mat-mdc-form-field-required-marker {
  color: red;
}
.upload-file-popup .mat-mdc-form-field-error {
  display: flex;
  justify-content: flex-end;
}
.upload-file-popup .mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-line-ripple::before {
  border-bottom-color: #636bf6;
}
.upload-file-popup .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-line-ripple::before {
  border-bottom-color: red;
}
.upload-file-popup .mdc-text-field--filled .mdc-line-ripple::after {
  border-bottom-color: #636bf6;
  border-bottom-width: 1px;
}
.cdk-overlay-pane .mat-select-panel-wrap [aria-multiselectable=false] {
  position: relative;
}
.upload-control-flash {
  border-radius: 0.1rem;
  outline: 0 transparent solid;
  outline-offset: 0;
  animation: upload-control-flash-keyframes 2 900ms ease-in-out;
}
.mat-error {
  position: absolute;
  right: 1rem;
  color: rgba(0, 0, 0, 0.5411764706);
}
.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-floating-label {
  color: red;
}
.cdk-overlay-pane:not(.mat-mdc-select-panel-above) div.mat-mdc-select-panel.project-select-value {
  top: 0.1rem;
}
@media (max-width: 1001px) {
  .popup .mat-mdc-select .mat-mdc-select-value,
  .cdk-overlay-container .mat-mdc-select .mat-mdc-select-value {
    margin-bottom: 0;
    padding-top: 0.5rem;
    padding-bottom: 0;
  }
}
.fieldset .fieldset__item .form-owner .mat-mdc-text-field-wrapper:not(.mdc-text-field--outlined) .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-value {
  margin-top: 0;
}
.fieldset .fieldset__item .form-owner .mat-mdc-text-field-wrapper:not(.mdc-text-field--outlined) .mat-mdc-form-field-infix .mat-mdc-floating-label {
  transform: translateY(-1.57rem) scale(0.75);
  font-size: 0.875rem;
  color: #636bf6;
}
.fieldset .fieldset__item .form-owner .mat-mdc-text-field-wrapper:not(.mdc-text-field--outlined) .mat-mdc-form-field-infix .mat-mdc-floating-label .mat-mdc-form-field-required-marker {
  color: red;
}
@media (max-width: 1000px) {
  .fieldset .fieldset__item .form-owner .mat-mdc-select .mat-mdc-select-value {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
  }
}
@media (max-width: 700px) {
  .fieldset .fieldset__item .form-owner .mat-mdc-select {
    height: 1.9rem;
  }
}
.form-owner .mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-line-ripple::before {
  border-bottom-color: #636bf6;
}
.form-owner .mdc-text-field--filled:not(.mdc-text-field--disabled):hover .mdc-line-ripple::before {
  border-bottom-color: #636bf6;
}
.form-owner .mdc-text-field--filled .mdc-line-ripple::after {
  border-bottom-color: #636bf6;
  border-bottom-width: 1px;
}
.cdk-overlay-pane:not(.mat-mdc-select-panel-above) div.mat-mdc-select-panel.form-owner-class {
  top: 0.1rem;
  width: 100%;
  padding: 0;
}
.all-sort .sorting .input-sort .unique-class .mat-mdc-select .mat-mdc-select-value,
.all-sort .sorting .input-sort .unique-class .popup .mat-mdc-select .mat-mdc-select-value,
.all-sort .sorting .input-sort .unique-class .cdk-overlay-container .mat-mdc-select .mat-mdc-select-value {
  width: 9.8rem;
}
.all-sort .sorting .input-sort .unique-class .mdc-line-ripple {
  display: none;
}
.all-sort .sorting .mat-mdc-select-panel:not([class*=mat-elevation-z]) {
  box-shadow: none;
}
.all-sort .sorting .mat-form-field-wrapper {
  padding-bottom: 0;
  background-color: #fff;
}
.all-sort .sorting mat-form-field .mat-mdc-floating-label {
  display: none;
}
.all-sort .sorting .mat-select-trigger {
  bottom: 0.2rem;
  width: 100%;
}
.all-sort .sorting .mat-mdc-form-field .mat-mdc-form-field-wrapper .mat-mdc-form-field-underline {
  display: none;
}
.all-sort .mat-mdc-select .mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled) .mdc-list-item__primary-text {
  color: #fff;
}
.nav-controls .all-sort .sorting .input-sort .unique-class .mat-mdc-text-field-wrapper .mat-mdc-form-field-infix {
  top: auto;
  min-height: 0;
  padding: 0;
}
@media (max-width: 1795px) {
  .all-controls {
    flex-direction: column;
  }
}
div.custom-dialog .mat-mdc-dialog-container .mat-mdc-dialog-surface {
  padding: 1.5rem 2rem;
  border-radius: 1rem;
}
div.custom-dialog .mat-mdc-dialog-container .mat-mdc-dialog-surface .popup__close {
  top: 0;
  width: 0.875rem;
  height: 0.875rem;
  background-size: 0.875rem;
}
div.custom-dialog .mat-mdc-dialog-container .mat-mdc-dialog-surface .bg-secondary {
  background-color: #fff;
}
div.custom-dialog .mat-mdc-dialog-container .mat-mdc-dialog-surface .label-color {
  color: #717881;
}
div.custom-dialog .mat-mdc-dialog-container .mat-mdc-dialog-surface .mdc-line-ripple::before {
  border-bottom-color: #717881;
}
div.custom-dialog .mat-mdc-dialog-container .mat-mdc-dialog-surface .unlock-btn {
  width: 6.875rem;
}
.mat-mdc-dialog-container .mdc-dialog__surface {
  padding: 1.5rem;
}
.invite-user-popup .mdc-text-field--filled:not(.mdc-text-field--disabled):hover div.mdc-line-ripple::before {
  border-bottom-color: #636bf6;
}
.invite-user-popup__form .invite-user-popup_no-seats .cancel-btn .mat-mdc-button {
  color: #636bf6;
  background-color: #fff;
}
.invite-user-popup__form .invite-user-popup_no-seats .cancel-btn .mdc-button:hover {
  color: #fff;
  background-color: #636bf6;
}
.invite-user-popup__form .invite-user-popup_no-seats .add-seats .mat-mdc-button {
  color: #fff;
}
.invite-user-popup__form .invite-user-popup_no-seats .add-seats .mdc-button:hover {
  color: #636bf6;
  background-color: #fff;
}
.invite-user-popup__form .fieldset__item .mat-mdc-form-field-type-mat-select.mat-form-field-appearance-fill .mat-mdc-floating-label {
  font-size: 0.875rem;
  line-height: 1;
  color: #636bf6;
}
.invite-user-popup__form .fieldset__item .mat-mdc-select .mat-mdc-select-value,
.invite-user-popup__form .fieldset__item .cdk-overlay-container .mat-mdc-select .mat-mdc-select-value {
  margin-top: 0;
}
.invite-user-popup__form .fieldset__item .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-line-ripple::before {
  border-bottom-color: red;
}
.invite-user-popup__form .fieldset__item .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-floating-label {
  color: red;
}
.invite-user-popup__form .fieldset__item .input-email .mat-form-field-placeholder {
  color: #636bf6;
}
.invite-user-popup__form .fieldset__item mat-mdc-input-element::placeholder,
.invite-user-popup__form .fieldset__item input.mat-mdc-input-element::placeholder {
  font-family: Nunito, sans-serif;
  color: #636bf6;
}
.invite-user-popup__form .fieldset__item .mdc-text-field--invalid input.mat-mdc-input-element::placeholder {
  color: red;
}
.upgrade-plan-popup .cancel-btn .mat-mdc-button {
  color: #636bf6;
  background-color: #fff;
}
.upgrade-plan-popup .cancel-btn .mat-mdc-button:hover {
  color: #fff;
  background-color: #636bf6;
}
.upgrade-plan-popup .upgrade-btn .mat-mdc-button {
  color: #fff;
}
.upgrade-plan-popup .upgrade-btn .mat-mdc-button:hover {
  color: #636bf6;
  background-color: #fff;
}
.project-main-container .section__container .documents__table .mat-mdc-paginator-container {
  position: absolute;
  bottom: -3.75rem;
  justify-content: center;
  width: 100%;
}
main.main.sidebar-open .project-main-container .section__container {
  width: calc(100vw - 13rem - 24.5vw);
}
.team-members-section__container .section__content app-filter-controls .filtering .filter-inputs {
  max-width: 33rem;
}
.team-members-section__container .mdc-text-field--no-label:not(.mdc-text-field--outlined, .mdc-text-field--textarea) .mat-mdc-form-field-infix {
  min-height: 0;
  padding: 0.95rem 0 0.1rem;
}
.team-members-section__container .mat-mdc-button .mat-mdc-button-persistent-ripple::before,
.team-members-section__container .mat-mdc-unelevated-button .mat-mdc-button-persistent-ripple::before,
.team-members-section__container .mat-mdc-raised-button .mat-mdc-button-persistent-ripple::before,
.team-members-section__container .mat-mdc-outlined-button .mat-mdc-button-persistent-ripple::before {
  background-color: #fff;
}
.available-plans .mat-mdc-tab-header {
  --mat-tab-container-height: 3rem;
}
.available-plans nav {
  width: 40rem;
}
.available-plans nav a.mat-mdc-tab-link {
  height: 3rem;
  font-family: Nunito, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  text-decoration: none;
  opacity: 1;
}
.available-plans nav a.mat-mdc-tab-link span {
  border-color: #636bf6;
  border-top-width: 0.25rem;
  color: #000;
  letter-spacing: 0;
}
.available-plans app-billing-cycle-switch .switch-label {
  margin: 0;
}
.purchase-document-radio-btn .mat-mdc-radio-button .mdc-form-field .mdc-label {
  font-size: 0.8rem;
  color: #636bf6;
}
.purchase-document-radio-btn .mat-mdc-radio-button .mdc-form-field .mdc-radio .mdc-radio__native-control:enabled:checked + .mdc-radio__background .mdc-radio__outer-circle,
.purchase-document-radio-btn .mat-mdc-radio-button .mdc-form-field .mdc-radio .mdc-radio__native-control:enabled:checked + .mdc-radio__background .mdc-radio__inner-circle {
  border-color: #21b888;
}
.app-modal-download-file-panel .mat-mdc-dialog-surface {
  padding: 20px;
}
.app-modal-download-file-panel .mat-mdc-dialog-surface:has(doc-modal-download-file:not(.no-icon)) {
  padding: 0;
}
.app-modal-download-file-panel doc-modal-download-file:not(.no-icon) .additional-options .mat-mdc-checkbox {
  --mdc-checkbox-state-layer-size: 1.75rem;
}
.app-modal-download-file-panel doc-modal-download-file:not(.no-icon) .additional-options .mdc-form-field {
  height: 1.75rem;
}
.app-modal-download-file-panel doc-modal-download-file:not(.no-icon) .additional-options .mdc-checkbox {
  flex: 0 0 1.75rem;
  width: 1.75rem;
  height: 1.75rem;
  margin: 0;
  padding: 0;
}
.app-modal-download-file-panel doc-modal-download-file:not(.no-icon) .additional-options .mdc-checkbox__native-control {
  top: 0;
  left: 0;
  width: 1.75rem;
  height: 1.75rem;
}
.app-modal-download-file-panel doc-modal-download-file:not(.no-icon) .additional-options .mdc-checkbox__background {
  top: 0;
  left: 0;
  width: 1.75rem;
  height: 1.75rem;
  border-width: 0.1875rem;
  border-radius: 0.4375rem;
}
.app-modal-download-file-panel doc-modal-download-file:not(.no-icon) .additional-options .mdc-checkbox .mdc-checkbox__native-control:enabled:not(:checked, :indeterminate) ~ .mdc-checkbox__background {
  border-color: #babec7;
}
.app-modal-download-file-panel doc-modal-download-file:not(.no-icon) .additional-options .mdc-checkbox .mdc-checkbox__native-control:enabled:checked ~ .mdc-checkbox__background {
  border-color: #5456f6;
  background-color: #5456f6;
}
div.user-profile {
  margin-top: 1.0625rem;
}
div.user-profile .mat-mdc-menu-item:hover {
  color: #636bf6;
}
div.user-profile .mat-mdc-menu-item:hover .mat-icon svg {
  fill: #636bf6;
}
.mat-mdc-menu-panel.project-menu {
  max-width: 400px;
  min-height: 50px;
}
.mat-mdc-menu-panel.project-menu .mat-mdc-menu-item:hover {
  color: #636bf6;
}
.mat-mdc-menu-panel.project-menu .mat-mdc-menu-item:hover .mat-icon svg {
  fill: #636bf6;
}
.baseline-styled .mat-mdc-form-field-infix,
.baseline-styled .mat-mdc-form-field-flex {
  align-items: flex-end;
  min-height: 2rem;
}
.baseline-styled .mat-mdc-form-field-infix,
.baseline-styled .mat-mdc-form-field-flex:disabled {
  min-height: 3.2rem;
}
.baseline-styled .mdc-text-field--filled:not(.mdc-text-field--disabled) {
  align-items: flex-end;
}
.mat-mh-46 .mat-mdc-form-field-infix,
.mat-mh-46 .mat-mdc-form-field-flex {
  min-height: 2.9rem;
}
.mat-mh-40 .mat-mdc-form-field-infix,
.mat-mh-40 .mat-mdc-form-field-flex {
  min-height: 2.5rem;
}
.no-afterline::after,
.no-afterline > ::after {
  width: 0;
}
mat-form-field .mdc-floating-label {
  transform: translateY(-135%) scale(0.75);
  font-size: 0.875rem !important;
}
mat-form-field .mdc-text-field--filled .mdc-floating-label--float-above {
  transform: translateY(-125%) scale(0.75);
}
div.cards__item .edit-container input.edit-input {
  width: 100%;
}
div.cards__item div.tags-container div.tags.tag-stack {
  display: flex;
  flex-flow: row wrap;
  gap: 0.5em;
  align-items: center;
}
.subscription-mat-tab-nav-bar {
  height: 3.375rem;
  margin-bottom: 0.2rem;
  border-bottom: 0;
}
.subscription-mat-tab-nav-bar .mat-mdc-tab-link.mdc-tab--active .mdc-tab__text-label,
.subscription-mat-tab-nav-bar .mat-mdc-tab-link.mdc-tab--active:hover .mdc-tab__text-label,
.subscription-mat-tab-nav-bar .mat-mdc-tab-link.mdc-tab--active:focus .mdc-tab__text-label,
.subscription-mat-tab-nav-bar .mat-mdc-tab-link .mdc-tab__text-label,
.subscription-mat-tab-nav-bar .mat-mdc-tab-link:hover .mdc-tab__text-label,
.subscription-mat-tab-nav-bar .mat-mdc-tab-link:focus .mdc-tab__text-label {
  color: #4d5662;
}
.subscription-mat-tab-nav-bar .mat-mdc-tab-link.mdc-tab--active .mdc-tab__ripple::before,
.subscription-mat-tab-nav-bar .mat-mdc-tab-link.mdc-tab--active .mat-ripple-element {
  background-color: transparent;
}
.subscription-mat-tab-nav-bar .mat-mdc-tab-link:hover,
.subscription-mat-tab-nav-bar .mat-mdc-tab-ripple {
  background-color: white;
}
.subscription-mat-tab-nav-bar .mat-mdc-tab-links {
  margin: 0 50%;
}
.subscription-mat-tab-nav-bar .mat-mdc-tab-links .mat-mdc-tab-link {
  border-bottom: 1px solid #e8ecf4;
  letter-spacing: 0;
  opacity: 1;
}
.subscription-mat-tab-nav-bar .mat-mdc-tab-links .mat-mdc-tab-link.mat-mdc-tab-disabled {
  opacity: 0.4;
}
.lock-element-icon {
  width: 1.5rem;
  height: 1.5rem;
  margin-top: 0.25rem;
  border-radius: 0.313rem;
  background-color: #ee4266;
  box-shadow: 0 0.375rem 0.75rem rgba(97, 112, 238, 0.24);
}
.lock-element-icon::after {
  content: url(/assets/svg-graphics/icons/lock.svg);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.5rem;
  height: 1.5rem;
  padding-top: 0.1rem;
}
@media (max-width: 650px) {
  .project-main-container .aside-block {
    display: flex;
    justify-content: space-between;
    width: 100% !important;
    margin-top: 0 !important;
  }
  .project-main-container .aside-block app-documents-team-member,
  .project-main-container .aside-block app-documents-updated {
    display: flex;
    max-width: 50%;
  }
  .project-main-container .aside-block .aside-documents {
    flex: 1;
    margin: 0;
    padding: 1rem;
  }
}
@media (max-width: 500px) {
  .dialog-modal-unlock-document-download {
    max-width: 100vw !important;
    max-height: 100vh;
  }
  .section__header {
    flex-direction: column;
    align-items: baseline;
  }
}
.welcome-modal-panel .mat-mdc-dialog-container,
.welcome-modal-panel .mat-mdc-dialog-surface {
  padding: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
.hover\:bg-\[\#00c589\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(0 197 137 / var(--tw-bg-opacity, 1));
}
.hover\:bg-\[\#FBFBFF\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(251 251 255 / var(--tw-bg-opacity, 1));
}
.hover\:bg-accent-2:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(147 153 255 / var(--tw-bg-opacity, 1));
}
.hover\:bg-gray-50:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
}
.hover\:bg-slate-50:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(248 250 252 / var(--tw-bg-opacity, 1));
}
.hover\:text-accent:hover {
  --tw-text-opacity: 1;
  color: rgb(99 107 246 / var(--tw-text-opacity, 1));
}
.hover\:text-zinc-300:hover {
  --tw-text-opacity: 1;
  color: rgb(212 212 216 / var(--tw-text-opacity, 1));
}
.hover\:underline:hover {
  text-decoration-line: underline;
}
.focus-visible\:text-accent:focus-visible {
  --tw-text-opacity: 1;
  color: rgb(99 107 246 / var(--tw-text-opacity, 1));
}
.focus-visible\:underline:focus-visible {
  text-decoration-line: underline;
}
.disabled\:opacity-40:disabled {
  opacity: 0.4;
}
.disabled\:opacity-50:disabled {
  opacity: 0.5;
}
@media (max-width: 991px) {
  .max-\[991px\]\:text-3xl {
    font-size: 1.875rem;
    line-height: 2.25rem;
  }
}
@media (max-width: 700px) {
  .max-\[700px\]\:mb-\[-22px\] {
    margin-bottom: -22px;
  }
}
@media (min-width: 640px) {
  .sm\:static {
    position: static;
  }
  .sm\:col-span-2 {
    grid-column: span 2 / span 2;
  }
  .sm\:mx-8 {
    margin-left: 2rem;
    margin-right: 2rem;
  }
  .sm\:mx-\[2\.3125rem\] {
    margin-left: 2.3125rem;
    margin-right: 2.3125rem;
  }
  .sm\:mt-7 {
    margin-top: 1.75rem;
  }
  .sm\:mt-\[1\.78125rem\] {
    margin-top: 1.78125rem;
  }
  .sm\:inline {
    display: inline;
  }
  .sm\:\!flex {
    display: flex !important;
  }
  .sm\:flex {
    display: flex;
  }
  .sm\:table-cell {
    display: table-cell;
  }
  .sm\:hidden {
    display: none;
  }
  .sm\:w-20 {
    width: 5rem;
  }
  .sm\:w-24 {
    width: 6rem;
  }
  .sm\:w-48 {
    width: 12rem;
  }
  .sm\:w-\[10\.375em\] {
    width: 10.375em;
  }
  .sm\:w-\[17\.0625rem\] {
    width: 17.0625rem;
  }
  .sm\:w-auto {
    width: auto;
  }
  .sm\:max-w-44 {
    max-width: 11rem;
  }
  .sm\:max-w-\[15rem\] {
    max-width: 15rem;
  }
  .sm\:flex-shrink-0 {
    flex-shrink: 0;
  }
  .sm\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .sm\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .sm\:flex-row {
    flex-direction: row;
  }
  .sm\:items-center {
    align-items: center;
  }
  .sm\:justify-end {
    justify-content: flex-end;
  }
  .sm\:justify-between {
    justify-content: space-between;
  }
  .sm\:gap-0 {
    gap: 0px;
  }
  .sm\:gap-3 {
    gap: 0.75rem;
  }
  .sm\:gap-4 {
    gap: 1rem;
  }
  .sm\:gap-y-2 {
    row-gap: 0.5rem;
  }
  .sm\:space-x-4 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(1rem * var(--tw-space-x-reverse));
    margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
  }
  .sm\:\!rounded {
    border-radius: 0.25rem !important;
  }
  .sm\:p-1 {
    padding: 0.25rem;
  }
  .sm\:p-4 {
    padding: 1rem;
  }
  .sm\:px-12 {
    padding-left: 3rem;
    padding-right: 3rem;
  }
  .sm\:px-2 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  .sm\:px-20 {
    padding-left: 5rem;
    padding-right: 5rem;
  }
  .sm\:py-0\.5 {
    padding-top: 0.125rem;
    padding-bottom: 0.125rem;
  }
  .sm\:pr-0 {
    padding-right: 0px;
  }
  .sm\:pt-0 {
    padding-top: 0px;
  }
  .sm\:text-base {
    font-size: 1rem;
    line-height: 1.5rem;
  }
  .sm\:text-sm {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
  .sm\:text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
  .sm\:text-xs {
    font-size: 0.75rem;
    line-height: 1rem;
  }
}
@media (min-width: 768px) {
  .md\:mr-4 {
    margin-right: 1rem;
  }
  .md\:inline {
    display: inline;
  }
  .md\:hidden {
    display: none;
  }
  .md\:h-\[calc\(100vh-16\.321rem\)\] {
    height: calc(100vh - 16.321rem);
  }
  .md\:h-\[calc\(100vh-27\.321rem\)\] {
    height: calc(100vh - 27.321rem);
  }
  .md\:h-\[calc\(calc\(100vh-14\.16rem\)\)\] {
    height: calc(calc(100vh - 14.16rem));
  }
  .md\:w-1\/2 {
    width: 50%;
  }
  .md\:w-3\/5 {
    width: 60%;
  }
  .md\:w-3\/6 {
    width: 50%;
  }
  .md\:w-\[12\.875em\] {
    width: 12.875em;
  }
  .md\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .md\:flex-row {
    flex-direction: row;
  }
  .md\:flex-wrap {
    flex-wrap: wrap;
  }
  .md\:text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
}
@media (min-width: 1024px) {
  .lg\:order-1 {
    order: 1;
  }
  .lg\:order-2 {
    order: 2;
  }
  .lg\:col-span-1 {
    grid-column: span 1 / span 1;
  }
  .lg\:col-span-2 {
    grid-column: span 2 / span 2;
  }
  .lg\:col-span-3 {
    grid-column: span 3 / span 3;
  }
  .lg\:col-span-4 {
    grid-column: span 4 / span 4;
  }
  .lg\:col-span-8 {
    grid-column: span 8 / span 8;
  }
  .lg\:mb-7 {
    margin-bottom: 1.75rem;
  }
  .lg\:mt-0 {
    margin-top: 0px;
  }
  .lg\:block {
    display: block;
  }
  .lg\:inline {
    display: inline;
  }
  .lg\:hidden {
    display: none;
  }
  .lg\:h-\[calc\(100vh-15\.6rem\)\] {
    height: calc(100vh - 15.6rem);
  }
  .lg\:h-\[calc\(100vh-16\.7rem\)\] {
    height: calc(100vh - 16.7rem);
  }
  .lg\:max-h-\[calc\(100vh-22rem\)\] {
    max-height: calc(100vh - 22rem);
  }
  .lg\:w-auto {
    width: auto;
  }
  .lg\:max-w-\[18\.625rem\] {
    max-width: 18.625rem;
  }
  .lg\:grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
  .lg\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .lg\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .lg\:gap-0 {
    gap: 0px;
  }
  .lg\:gap-3 {
    gap: 0.75rem;
  }
  .lg\:gap-6 {
    gap: 1.5rem;
  }
  .lg\:p-0 {
    padding: 0px;
  }
  .lg\:p-1 {
    padding: 0.25rem;
  }
  .lg\:p-6 {
    padding: 1.5rem;
  }
  .lg\:px-8 {
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .lg\:px-\[9\.25rem\] {
    padding-left: 9.25rem;
    padding-right: 9.25rem;
  }
  .lg\:pr-0 {
    padding-right: 0px;
  }
  .lg\:pt-6 {
    padding-top: 1.5rem;
  }
  .lg\:text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
  .lg\:text-sm {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
  .lg\:text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
}
@media (min-width: 1280px) {
  .xl\:block {
    display: block;
  }
  .xl\:hidden {
    display: none;
  }
  .xl\:h-\[calc\(100vh-15\.625rem\)\] {
    height: calc(100vh - 15.625rem);
  }
  .xl\:h-\[calc\(100vh-16\.625rem\)\] {
    height: calc(100vh - 16.625rem);
  }
  .xl\:max-w-\[15rem\] {
    max-width: 15rem;
  }
  .xl\:max-w-\[18rem\] {
    max-width: 18rem;
  }
  .xl\:text-base {
    font-size: 1rem;
    line-height: 1.5rem;
  }
  .xl\:text-sm {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
}
@media (min-width: 1536px) {
  .\32xl\:max-w-\[20rem\] {
    max-width: 20rem;
  }
  .\32xl\:max-w-\[25rem\] {
    max-width: 25rem;
  }
  .\32xl\:p-4 {
    padding: 1rem;
  }
  .\32xl\:text-2xl {
    font-size: 1.5rem;
    line-height: 2rem;
  }
  .\32xl\:text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
}

/* node_modules/pdfjs-dist/web/pdf_viewer.css */
.messageBar {
  --closing-button-icon:url("./media/messageBar_closingButton-2U2ESOL3.svg");
  --message-bar-close-button-color:var(--text-primary-color);
  --message-bar-close-button-color-hover:var(--text-primary-color);
  --message-bar-close-button-border-radius:4px;
  --message-bar-close-button-border:none;
  --csstools-light-dark-toggle--0:var(--csstools-color-scheme--light) rgb(251 251 254 / 0.14);
  --message-bar-close-button-hover-bg-color:var(--csstools-light-dark-toggle--0, rgb(21 20 26 / 0.14));
  --csstools-light-dark-toggle--1:var(--csstools-color-scheme--light) rgb(251 251 254 / 0.21);
  --message-bar-close-button-active-bg-color:var(--csstools-light-dark-toggle--1, rgb(21 20 26 / 0.21));
  --csstools-light-dark-toggle--2:var(--csstools-color-scheme--light) rgb(251 251 254 / 0.07);
  --message-bar-close-button-focus-bg-color:var(--csstools-light-dark-toggle--2, rgb(21 20 26 / 0.07));
}
@supports (color: light-dark(red, red)) and (color: rgb(0 0 0 / 0)) {
  .messageBar {
    --message-bar-close-button-hover-bg-color:light-dark( rgb(21 20 26 / 0.14), rgb(251 251 254 / 0.14) );
    --message-bar-close-button-active-bg-color:light-dark( rgb(21 20 26 / 0.21), rgb(251 251 254 / 0.21) );
    --message-bar-close-button-focus-bg-color:light-dark( rgb(21 20 26 / 0.07), rgb(251 251 254 / 0.07) );
  }
}
@supports not (color: light-dark(tan, tan)) {
  .messageBar * {
    --csstools-light-dark-toggle--0:var(--csstools-color-scheme--light) rgb(251 251 254 / 0.14);
    --message-bar-close-button-hover-bg-color:var(--csstools-light-dark-toggle--0, rgb(21 20 26 / 0.14));
    --csstools-light-dark-toggle--1:var(--csstools-color-scheme--light) rgb(251 251 254 / 0.21);
    --message-bar-close-button-active-bg-color:var(--csstools-light-dark-toggle--1, rgb(21 20 26 / 0.21));
    --csstools-light-dark-toggle--2:var(--csstools-color-scheme--light) rgb(251 251 254 / 0.07);
    --message-bar-close-button-focus-bg-color:var(--csstools-light-dark-toggle--2, rgb(21 20 26 / 0.07));
  }
}
@media screen and (forced-colors: active) {
  .messageBar {
    --message-bar-close-button-color:ButtonText;
    --message-bar-close-button-border:1px solid ButtonText;
    --message-bar-close-button-hover-bg-color:ButtonText;
    --message-bar-close-button-active-bg-color:ButtonText;
    --message-bar-close-button-focus-bg-color:ButtonText;
    --message-bar-close-button-color-hover:HighlightText;
  }
}
.messageBar {
  display: flex;
  position: relative;
  padding: 8px 8px 8px 16px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 8px;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  border-radius: 4px;
  border: 1px solid var(--message-bar-border-color);
  background: var(--message-bar-bg-color);
  color: var(--message-bar-fg-color);
}
.messageBar > div {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  align-self: stretch;
}
:is(.messageBar > div)::before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  -webkit-mask-image: var(--message-bar-icon);
  mask-image: var(--message-bar-icon);
  -webkit-mask-size: cover;
  mask-size: cover;
  background-color: var(--message-bar-icon-color);
  flex-shrink: 0;
}
.messageBar button {
  cursor: pointer;
}
:is(.messageBar button):focus-visible {
  outline: var(--focus-ring-outline);
  outline-offset: 2px;
}
.messageBar .closeButton {
  width: 32px;
  height: 32px;
  background: none;
  border-radius: var(--message-bar-close-button-border-radius);
  border: var(--message-bar-close-button-border);
  display: flex;
  align-items: center;
  justify-content: center;
}
:is(.messageBar .closeButton)::before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  -webkit-mask-image: var(--closing-button-icon);
  mask-image: var(--closing-button-icon);
  -webkit-mask-size: cover;
  mask-size: cover;
  background-color: var(--message-bar-close-button-color);
}
:is(.messageBar .closeButton):is(:hover, :active, :focus)::before {
  background-color: var(--message-bar-close-button-color-hover);
}
:is(.messageBar .closeButton):hover {
  background-color: var(--message-bar-close-button-hover-bg-color);
}
:is(.messageBar .closeButton):active {
  background-color: var(--message-bar-close-button-active-bg-color);
}
:is(.messageBar .closeButton):focus {
  background-color: var(--message-bar-close-button-focus-bg-color);
}
:is(.messageBar .closeButton) > span {
  display: inline-block;
  width: 0;
  height: 0;
  overflow: hidden;
}
#editorUndoBar {
  --csstools-light-dark-toggle--3:var(--csstools-color-scheme--light) #fbfbfe;
  --text-primary-color:var(--csstools-light-dark-toggle--3, #15141a);
  --message-bar-icon:url("./media/messageBar_info-DHQVJN73.svg");
  --csstools-light-dark-toggle--4:var(--csstools-color-scheme--light) #73a7f3;
  --message-bar-icon-color:var(--csstools-light-dark-toggle--4, #0060df);
  --csstools-light-dark-toggle--5:var(--csstools-color-scheme--light) #003070;
  --message-bar-bg-color:var(--csstools-light-dark-toggle--5, #deeafc);
  --message-bar-fg-color:var(--text-primary-color);
  --csstools-light-dark-toggle--6:var(--csstools-color-scheme--light) rgb(255 255 255 / 0.08);
  --message-bar-border-color:var(--csstools-light-dark-toggle--6, rgb(0 0 0 / 0.08));
  --csstools-light-dark-toggle--7:var(--csstools-color-scheme--light) rgb(255 255 255 / 0.08);
  --undo-button-bg-color:var(--csstools-light-dark-toggle--7, rgb(21 20 26 / 0.07));
  --csstools-light-dark-toggle--8:var(--csstools-color-scheme--light) rgb(255 255 255 / 0.14);
  --undo-button-bg-color-hover:var(--csstools-light-dark-toggle--8, rgb(21 20 26 / 0.14));
  --csstools-light-dark-toggle--9:var(--csstools-color-scheme--light) rgb(255 255 255 / 0.21);
  --undo-button-bg-color-active:var(--csstools-light-dark-toggle--9, rgb(21 20 26 / 0.21));
  --csstools-light-dark-toggle--10:var(--csstools-color-scheme--light) #0df;
  --undo-button-border:1px solid var(--csstools-light-dark-toggle--10, #0060df);
  --undo-button-fg-color:var(--message-bar-fg-color);
  --undo-button-fg-color-hover:var(--undo-button-fg-color);
  --undo-button-fg-color-active:var(--undo-button-fg-color);
}
@supports (color: light-dark(red, red)) {
  #editorUndoBar {
    --text-primary-color:light-dark(#15141a, #fbfbfe);
    --message-bar-icon-color:light-dark(#0060df, #73a7f3);
    --message-bar-bg-color:light-dark(#deeafc, #003070);
  }
}
@supports (color: light-dark(red, red)) and (color: rgb(0 0 0 / 0)) {
  #editorUndoBar {
    --message-bar-border-color:light-dark( rgb(0 0 0 / 0.08), rgb(255 255 255 / 0.08) );
    --undo-button-bg-color:light-dark( rgb(21 20 26 / 0.07), rgb(255 255 255 / 0.08) );
    --undo-button-bg-color-hover:light-dark( rgb(21 20 26 / 0.14), rgb(255 255 255 / 0.14) );
    --undo-button-bg-color-active:light-dark( rgb(21 20 26 / 0.21), rgb(255 255 255 / 0.21) );
  }
}
@supports (color: light-dark(red, red)) {
  #editorUndoBar {
    --undo-button-border:1px solid light-dark(#0060df, #0df);
  }
}
@supports not (color: light-dark(tan, tan)) {
  #editorUndoBar * {
    --csstools-light-dark-toggle--3:var(--csstools-color-scheme--light) #fbfbfe;
    --text-primary-color:var(--csstools-light-dark-toggle--3, #15141a);
    --csstools-light-dark-toggle--4:var(--csstools-color-scheme--light) #73a7f3;
    --message-bar-icon-color:var(--csstools-light-dark-toggle--4, #0060df);
    --csstools-light-dark-toggle--5:var(--csstools-color-scheme--light) #003070;
    --message-bar-bg-color:var(--csstools-light-dark-toggle--5, #deeafc);
    --csstools-light-dark-toggle--6:var(--csstools-color-scheme--light) rgb(255 255 255 / 0.08);
    --message-bar-border-color:var(--csstools-light-dark-toggle--6, rgb(0 0 0 / 0.08));
    --csstools-light-dark-toggle--7:var(--csstools-color-scheme--light) rgb(255 255 255 / 0.08);
    --undo-button-bg-color:var(--csstools-light-dark-toggle--7, rgb(21 20 26 / 0.07));
    --csstools-light-dark-toggle--8:var(--csstools-color-scheme--light) rgb(255 255 255 / 0.14);
    --undo-button-bg-color-hover:var(--csstools-light-dark-toggle--8, rgb(21 20 26 / 0.14));
    --csstools-light-dark-toggle--9:var(--csstools-color-scheme--light) rgb(255 255 255 / 0.21);
    --undo-button-bg-color-active:var(--csstools-light-dark-toggle--9, rgb(21 20 26 / 0.21));
    --csstools-light-dark-toggle--10:var(--csstools-color-scheme--light) #0df;
    --undo-button-border:1px solid var(--csstools-light-dark-toggle--10, #0060df);
  }
}
@media screen and (forced-colors: active) {
  #editorUndoBar {
    --text-primary-color:CanvasText;
    --message-bar-icon-color:CanvasText;
    --message-bar-bg-color:Canvas;
    --message-bar-border-color:CanvasText;
    --undo-button-bg-color:ButtonText;
    --undo-button-bg-color-hover:SelectedItem;
    --undo-button-bg-color-active:SelectedItem;
    --undo-button-fg-color:ButtonFace;
    --undo-button-fg-color-hover:SelectedItemText;
    --undo-button-fg-color-active:SelectedItemText;
    --undo-button-border:none;
  }
}
#editorUndoBar {
  position: fixed;
  top: 50px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 10;
  padding-block: 8px;
  padding-inline: 16px 8px;
  font: menu;
  font-size: 15px;
  cursor: default;
}
#editorUndoBar button {
  cursor: pointer;
}
#editorUndoBar #editorUndoBarUndoButton {
  border-radius: 4px;
  font-weight: 590;
  line-height: 19.5px;
  color: var(--undo-button-fg-color);
  border: var(--undo-button-border);
  padding: 4px 16px;
  margin-inline-start: 8px;
  height: 32px;
  background-color: var(--undo-button-bg-color);
}
:is(#editorUndoBar #editorUndoBarUndoButton):hover {
  background-color: var(--undo-button-bg-color-hover);
  color: var(--undo-button-fg-color-hover);
}
:is(#editorUndoBar #editorUndoBarUndoButton):active {
  background-color: var(--undo-button-bg-color-active);
  color: var(--undo-button-fg-color-active);
}
#editorUndoBar > div {
  align-items: center;
}
.dialog {
  --csstools-light-dark-toggle--11:var(--csstools-color-scheme--light) #1c1b22;
  --dialog-bg-color:var(--csstools-light-dark-toggle--11, white);
  --csstools-light-dark-toggle--12:var(--csstools-color-scheme--light) #1c1b22;
  --dialog-border-color:var(--csstools-light-dark-toggle--12, white);
  --csstools-light-dark-toggle--13:var(--csstools-color-scheme--light) #15141a;
  --dialog-shadow:0 2px 14px 0 var(--csstools-light-dark-toggle--13, rgb(58 57 68 / 0.2));
  --csstools-light-dark-toggle--14:var(--csstools-color-scheme--light) #fbfbfe;
  --text-primary-color:var(--csstools-light-dark-toggle--14, #15141a);
  --csstools-light-dark-toggle--15:var(--csstools-color-scheme--light) #cfcfd8;
  --text-secondary-color:var(--csstools-light-dark-toggle--15, #5b5b66);
  --hover-filter:brightness(0.9);
  --csstools-light-dark-toggle--16:var(--csstools-color-scheme--light) #0df;
  --link-fg-color:var(--csstools-light-dark-toggle--16, #0060df);
  --csstools-light-dark-toggle--17:var(--csstools-color-scheme--light) #80ebff;
  --link-hover-fg-color:var(--csstools-light-dark-toggle--17, #0250bb);
  --csstools-light-dark-toggle--18:var(--csstools-color-scheme--light) #52525e;
  --separator-color:var(--csstools-light-dark-toggle--18, #f0f0f4);
  --textarea-border-color:#8f8f9d;
  --csstools-light-dark-toggle--19:var(--csstools-color-scheme--light) #42414d;
  --textarea-bg-color:var(--csstools-light-dark-toggle--19, white);
  --textarea-fg-color:var(--text-secondary-color);
  --csstools-light-dark-toggle--20:var(--csstools-color-scheme--light) #2b2a33;
  --radio-bg-color:var(--csstools-light-dark-toggle--20, #f0f0f4);
  --csstools-light-dark-toggle--21:var(--csstools-color-scheme--light) #15141a;
  --radio-checked-bg-color:var(--csstools-light-dark-toggle--21, #fbfbfe);
  --radio-border-color:#8f8f9d;
  --csstools-light-dark-toggle--22:var(--csstools-color-scheme--light) #0df;
  --radio-checked-border-color:var(--csstools-light-dark-toggle--22, #0060df);
  --csstools-light-dark-toggle--23:var(--csstools-color-scheme--light) rgb(251 251 254 / 0.07);
  --button-secondary-bg-color:var(--csstools-light-dark-toggle--23, rgb(21 20 26 / 0.07));
  --button-secondary-fg-color:var(--text-primary-color);
  --button-secondary-border-color:var(--button-secondary-bg-color);
  --csstools-light-dark-toggle--24:var(--csstools-color-scheme--light) rgb(251 251 254 / 0.21);
  --button-secondary-active-bg-color:var(--csstools-light-dark-toggle--24, rgb(21 20 26 / 0.21));
  --button-secondary-active-fg-color:var(--button-secondary-fg-color);
  --button-secondary-active-border-color:var(--button-secondary-bg-color);
  --csstools-light-dark-toggle--25:var(--csstools-color-scheme--light) rgb(251 251 254 / 0.14);
  --button-secondary-hover-bg-color:var(--csstools-light-dark-toggle--25, rgb(21 20 26 / 0.14));
  --button-secondary-hover-fg-color:var(--button-secondary-fg-color);
  --button-secondary-hover-border-color:var(--button-secondary-hover-bg-color);
  --button-secondary-disabled-bg-color:var(--button-secondary-bg-color);
  --button-secondary-disabled-border-color:var( --button-secondary-border-color );
  --button-secondary-disabled-fg-color:var(--button-secondary-fg-color);
  --csstools-light-dark-toggle--26:var(--csstools-color-scheme--light) #0df;
  --button-primary-bg-color:var(--csstools-light-dark-toggle--26, #0060df);
  --csstools-light-dark-toggle--27:var(--csstools-color-scheme--light) #15141a;
  --button-primary-fg-color:var(--csstools-light-dark-toggle--27, #fbfbfe);
  --button-primary-border-color:var(--button-primary-bg-color);
  --csstools-light-dark-toggle--28:var(--csstools-color-scheme--light) #aaf2ff;
  --button-primary-active-bg-color:var(--csstools-light-dark-toggle--28, #054096);
  --button-primary-active-fg-color:var(--button-primary-fg-color);
  --button-primary-active-border-color:var(--button-primary-active-bg-color);
  --csstools-light-dark-toggle--29:var(--csstools-color-scheme--light) #80ebff;
  --button-primary-hover-bg-color:var(--csstools-light-dark-toggle--29, #0250bb);
  --button-primary-hover-fg-color:var(--button-primary-fg-color);
  --button-primary-hover-border-color:var(--button-primary-hover-bg-color);
  --button-primary-disabled-bg-color:var(--button-primary-bg-color);
  --button-primary-disabled-border-color:var(--button-primary-border-color);
  --button-primary-disabled-fg-color:var(--button-primary-fg-color);
  --button-disabled-opacity:0.4;
  --csstools-light-dark-toggle--30:var(--csstools-color-scheme--light) #42414d;
  --input-text-bg-color:var(--csstools-light-dark-toggle--30, white);
  --input-text-fg-color:var(--text-primary-color);
}
@supports (color: light-dark(red, red)) {
  .dialog {
    --dialog-bg-color:light-dark(white, #1c1b22);
    --dialog-border-color:light-dark(white, #1c1b22);
  }
}
@supports (color: light-dark(red, red)) and (color: rgb(0 0 0 / 0)) {
  .dialog {
    --dialog-shadow:0 2px 14px 0 light-dark(rgb(58 57 68 / 0.2), #15141a);
  }
}
@supports (color: light-dark(red, red)) {
  .dialog {
    --text-primary-color:light-dark(#15141a, #fbfbfe);
    --text-secondary-color:light-dark(#5b5b66, #cfcfd8);
    --link-fg-color:light-dark(#0060df, #0df);
    --link-hover-fg-color:light-dark(#0250bb, #80ebff);
    --separator-color:light-dark(#f0f0f4, #52525e);
    --textarea-bg-color:light-dark(white, #42414d);
    --radio-bg-color:light-dark(#f0f0f4, #2b2a33);
    --radio-checked-bg-color:light-dark(#fbfbfe, #15141a);
    --radio-checked-border-color:light-dark(#0060df, #0df);
  }
}
@supports (color: light-dark(red, red)) and (color: rgb(0 0 0 / 0)) {
  .dialog {
    --button-secondary-bg-color:light-dark( rgb(21 20 26 / 0.07), rgb(251 251 254 / 0.07) );
    --button-secondary-active-bg-color:light-dark( rgb(21 20 26 / 0.21), rgb(251 251 254 / 0.21) );
    --button-secondary-hover-bg-color:light-dark( rgb(21 20 26 / 0.14), rgb(251 251 254 / 0.14) );
  }
}
@supports (color: light-dark(red, red)) {
  .dialog {
    --button-primary-bg-color:light-dark(#0060df, #0df);
    --button-primary-fg-color:light-dark(#fbfbfe, #15141a);
    --button-primary-active-bg-color:light-dark(#054096, #aaf2ff);
    --button-primary-hover-bg-color:light-dark(#0250bb, #80ebff);
    --input-text-bg-color:light-dark(white, #42414d);
  }
}
@supports not (color: light-dark(tan, tan)) {
  .dialog * {
    --csstools-light-dark-toggle--11:var(--csstools-color-scheme--light) #1c1b22;
    --dialog-bg-color:var(--csstools-light-dark-toggle--11, white);
    --csstools-light-dark-toggle--12:var(--csstools-color-scheme--light) #1c1b22;
    --dialog-border-color:var(--csstools-light-dark-toggle--12, white);
    --csstools-light-dark-toggle--13:var(--csstools-color-scheme--light) #15141a;
    --dialog-shadow:0 2px 14px 0 var(--csstools-light-dark-toggle--13, rgb(58 57 68 / 0.2));
    --csstools-light-dark-toggle--14:var(--csstools-color-scheme--light) #fbfbfe;
    --text-primary-color:var(--csstools-light-dark-toggle--14, #15141a);
    --csstools-light-dark-toggle--15:var(--csstools-color-scheme--light) #cfcfd8;
    --text-secondary-color:var(--csstools-light-dark-toggle--15, #5b5b66);
    --csstools-light-dark-toggle--16:var(--csstools-color-scheme--light) #0df;
    --link-fg-color:var(--csstools-light-dark-toggle--16, #0060df);
    --csstools-light-dark-toggle--17:var(--csstools-color-scheme--light) #80ebff;
    --link-hover-fg-color:var(--csstools-light-dark-toggle--17, #0250bb);
    --csstools-light-dark-toggle--18:var(--csstools-color-scheme--light) #52525e;
    --separator-color:var(--csstools-light-dark-toggle--18, #f0f0f4);
    --csstools-light-dark-toggle--19:var(--csstools-color-scheme--light) #42414d;
    --textarea-bg-color:var(--csstools-light-dark-toggle--19, white);
    --csstools-light-dark-toggle--20:var(--csstools-color-scheme--light) #2b2a33;
    --radio-bg-color:var(--csstools-light-dark-toggle--20, #f0f0f4);
    --csstools-light-dark-toggle--21:var(--csstools-color-scheme--light) #15141a;
    --radio-checked-bg-color:var(--csstools-light-dark-toggle--21, #fbfbfe);
    --csstools-light-dark-toggle--22:var(--csstools-color-scheme--light) #0df;
    --radio-checked-border-color:var(--csstools-light-dark-toggle--22, #0060df);
    --csstools-light-dark-toggle--23:var(--csstools-color-scheme--light) rgb(251 251 254 / 0.07);
    --button-secondary-bg-color:var(--csstools-light-dark-toggle--23, rgb(21 20 26 / 0.07));
    --csstools-light-dark-toggle--24:var(--csstools-color-scheme--light) rgb(251 251 254 / 0.21);
    --button-secondary-active-bg-color:var(--csstools-light-dark-toggle--24, rgb(21 20 26 / 0.21));
    --csstools-light-dark-toggle--25:var(--csstools-color-scheme--light) rgb(251 251 254 / 0.14);
    --button-secondary-hover-bg-color:var(--csstools-light-dark-toggle--25, rgb(21 20 26 / 0.14));
    --csstools-light-dark-toggle--26:var(--csstools-color-scheme--light) #0df;
    --button-primary-bg-color:var(--csstools-light-dark-toggle--26, #0060df);
    --csstools-light-dark-toggle--27:var(--csstools-color-scheme--light) #15141a;
    --button-primary-fg-color:var(--csstools-light-dark-toggle--27, #fbfbfe);
    --csstools-light-dark-toggle--28:var(--csstools-color-scheme--light) #aaf2ff;
    --button-primary-active-bg-color:var(--csstools-light-dark-toggle--28, #054096);
    --csstools-light-dark-toggle--29:var(--csstools-color-scheme--light) #80ebff;
    --button-primary-hover-bg-color:var(--csstools-light-dark-toggle--29, #0250bb);
    --csstools-light-dark-toggle--30:var(--csstools-color-scheme--light) #42414d;
    --input-text-bg-color:var(--csstools-light-dark-toggle--30, white);
  }
}
@media (prefers-color-scheme: dark) {
  .dialog {
    --hover-filter:brightness(1.4);
    --button-disabled-opacity:0.6;
  }
}
@media screen and (forced-colors: active) {
  .dialog {
    --dialog-bg-color:Canvas;
    --dialog-border-color:CanvasText;
    --dialog-shadow:none;
    --text-primary-color:CanvasText;
    --text-secondary-color:CanvasText;
    --hover-filter:none;
    --link-fg-color:LinkText;
    --link-hover-fg-color:LinkText;
    --separator-color:CanvasText;
    --textarea-border-color:ButtonBorder;
    --textarea-bg-color:Field;
    --textarea-fg-color:ButtonText;
    --radio-bg-color:ButtonFace;
    --radio-checked-bg-color:ButtonFace;
    --radio-border-color:ButtonText;
    --radio-checked-border-color:ButtonText;
    --button-secondary-bg-color:HighlightText;
    --button-secondary-fg-color:ButtonText;
    --button-secondary-border-color:ButtonText;
    --button-secondary-active-bg-color:HighlightText;
    --button-secondary-active-fg-color:SelectedItem;
    --button-secondary-active-border-color:ButtonText;
    --button-secondary-hover-bg-color:HighlightText;
    --button-secondary-hover-fg-color:SelectedItem;
    --button-secondary-hover-border-color:SelectedItem;
    --button-secondary-disabled-fg-color:GrayText;
    --button-secondary-disabled-border-color:GrayText;
    --button-primary-bg-color:ButtonText;
    --button-primary-fg-color:HighlightText;
    --button-primary-border-color:ButtonText;
    --button-primary-active-bg-color:SelectedItem;
    --button-primary-active-fg-color:HighlightText;
    --button-primary-active-border-color:ButtonText;
    --button-primary-hover-bg-color:SelectedItem;
    --button-primary-hover-fg-color:HighlightText;
    --button-primary-hover-border-color:SelectedItem;
    --button-primary-disabled-bg-color:GrayText;
    --button-primary-disabled-fg-color:ButtonFace;
    --button-primary-disabled-border-color:GrayText;
    --button-disabled-opacity:1;
    --input-text-bg-color:HighlightText;
    --input-text-fg-color:FieldText;
  }
}
.dialog {
  font: message-box;
  font-size: 13px;
  font-weight: 400;
  line-height: 150%;
  border-radius: 4px;
  padding: 12px 16px;
  border: 1px solid var(--dialog-border-color);
  background: var(--dialog-bg-color);
  color: var(--text-primary-color);
  box-shadow: var(--dialog-shadow);
}
:is(.dialog .mainContainer) *:focus-visible {
  outline: var(--focus-ring-outline);
  outline-offset: 2px;
}
:is(.dialog .mainContainer) .title {
  display: flex;
  width: auto;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  gap: 12px;
}
:is(:is(.dialog .mainContainer) .title) > span {
  font-size: 13px;
  font-style: normal;
  font-weight: 590;
  line-height: 150%;
}
:is(.dialog .mainContainer) .dialogSeparator {
  width: 100%;
  height: 0;
  margin-block: 4px;
  border-top: 1px solid var(--separator-color);
  border-bottom: none;
}
:is(.dialog .mainContainer) .dialogButtonsGroup {
  display: flex;
  gap: 12px;
  align-self: flex-end;
}
:is(.dialog .mainContainer) .radio {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
}
:is(:is(.dialog .mainContainer) .radio) > .radioButton {
  display: flex;
  gap: 8px;
  align-self: stretch;
  align-items: center;
}
:is(:is(:is(.dialog .mainContainer) .radio) > .radioButton) input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  box-sizing: border-box;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background-color: var(--radio-bg-color);
  border: 1px solid var(--radio-border-color);
}
:is(:is(:is(:is(.dialog .mainContainer) .radio) > .radioButton) input):hover {
  filter: var(--hover-filter);
}
:is(:is(:is(:is(.dialog .mainContainer) .radio) > .radioButton) input):checked {
  background-color: var(--radio-checked-bg-color);
  border: 4px solid var(--radio-checked-border-color);
}
:is(:is(.dialog .mainContainer) .radio) > .radioLabel {
  display: flex;
  padding-inline-start: 24px;
  align-items: flex-start;
  gap: 10px;
  align-self: stretch;
}
:is(:is(:is(.dialog .mainContainer) .radio) > .radioLabel) > span {
  flex: 1 0 0;
  font-size: 11px;
  color: var(--text-secondary-color);
}
:is(.dialog .mainContainer) button:not(:is(.toggle-button, .closeButton, .clearInputButton)) {
  border-radius: 4px;
  border: 1px solid;
  font: menu;
  font-weight: 590;
  font-size: 13px;
  padding: 4px 16px;
  width: auto;
  height: 32px;
}
:is(:is(.dialog .mainContainer) button:not(:is(.toggle-button, .closeButton, .clearInputButton))):hover {
  cursor: pointer;
  filter: var(--hover-filter);
}
:is(:is(.dialog .mainContainer) button:not(:is(.toggle-button, .closeButton, .clearInputButton))) > span {
  color: inherit;
  font: inherit;
}
.secondaryButton:is(:is(.dialog .mainContainer) button:not(:is(.toggle-button, .closeButton, .clearInputButton))) {
  color: var(--button-secondary-fg-color);
  background-color: var(--button-secondary-bg-color);
  border-color: var(--button-secondary-border-color);
}
.secondaryButton:is(:is(.dialog .mainContainer) button:not(:is(.toggle-button, .closeButton, .clearInputButton))):hover {
  color: var(--button-secondary-hover-fg-color);
  background-color: var(--button-secondary-hover-bg-color);
  border-color: var(--button-secondary-hover-border-color);
}
.secondaryButton:is(:is(.dialog .mainContainer) button:not(:is(.toggle-button, .closeButton, .clearInputButton))):active {
  color: var(--button-secondary-active-fg-color);
  background-color: var(--button-secondary-active-bg-color);
  border-color: var(--button-secondary-active-border-color);
}
.secondaryButton:is(:is(.dialog .mainContainer) button:not(:is(.toggle-button, .closeButton, .clearInputButton))):disabled {
  background-color: var(--button-secondary-disabled-bg-color);
  border-color: var(--button-secondary-disabled-border-color);
  color: var(--button-secondary-disabled-fg-color);
  opacity: var(--button-disabled-opacity);
}
.primaryButton:is(:is(.dialog .mainContainer) button:not(:is(.toggle-button, .closeButton, .clearInputButton))) {
  color: var(--button-primary-fg-color);
  background-color: var(--button-primary-bg-color);
  border-color: var(--button-primary-border-color);
  opacity: 1;
}
.primaryButton:is(:is(.dialog .mainContainer) button:not(:is(.toggle-button, .closeButton, .clearInputButton))):hover {
  color: var(--button-primary-hover-fg-color);
  background-color: var(--button-primary-hover-bg-color);
  border-color: var(--button-primary-hover-border-color);
}
.primaryButton:is(:is(.dialog .mainContainer) button:not(:is(.toggle-button, .closeButton, .clearInputButton))):active {
  color: var(--button-primary-active-fg-color);
  background-color: var(--button-primary-active-bg-color);
  border-color: var(--button-primary-active-border-color);
}
.primaryButton:is(:is(.dialog .mainContainer) button:not(:is(.toggle-button, .closeButton, .clearInputButton))):disabled {
  background-color: var(--button-primary-disabled-bg-color);
  border-color: var(--button-primary-disabled-border-color);
  color: var(--button-primary-disabled-fg-color);
  opacity: var(--button-disabled-opacity);
}
:is(:is(.dialog .mainContainer) button:not(:is(.toggle-button, .closeButton, .clearInputButton))):disabled {
  pointer-events: none;
}
:is(.dialog .mainContainer) a {
  color: var(--link-fg-color);
}
:is(:is(.dialog .mainContainer) a):hover {
  color: var(--link-hover-fg-color);
}
:is(.dialog .mainContainer) textarea {
  font: inherit;
  padding: 8px;
  resize: none;
  margin: 0;
  box-sizing: border-box;
  border-radius: 4px;
  border: 1px solid var(--textarea-border-color);
  background: var(--textarea-bg-color);
  color: var(--textarea-fg-color);
}
:is(:is(.dialog .mainContainer) textarea):focus {
  outline-offset: 0;
  border-color: transparent;
}
:is(:is(.dialog .mainContainer) textarea):disabled {
  pointer-events: none;
  opacity: 0.4;
}
:is(.dialog .mainContainer) input[type=text] {
  background-color: var(--input-text-bg-color);
  color: var(--input-text-fg-color);
}
:is(.dialog .mainContainer) .messageBar {
  --csstools-light-dark-toggle--31:var(--csstools-color-scheme--light) #5a3100;
  --message-bar-bg-color:var(--csstools-light-dark-toggle--31, #ffebcd);
  --csstools-light-dark-toggle--32:var(--csstools-color-scheme--light) #fbfbfe;
  --message-bar-fg-color:var(--csstools-light-dark-toggle--32, #15141a);
  --csstools-light-dark-toggle--33:var(--csstools-color-scheme--light) rgb(255 255 255 / 0.08);
  --message-bar-border-color:var(--csstools-light-dark-toggle--33, rgb(0 0 0 / 0.08));
  --message-bar-icon:url("./media/messageBar_warning-YT4XVPOS.svg");
  --csstools-light-dark-toggle--34:var(--csstools-color-scheme--light) #e49c49;
  --message-bar-icon-color:var(--csstools-light-dark-toggle--34, #cd411e);
}
@supports (color: light-dark(red, red)) {
  :is(.dialog .mainContainer) .messageBar {
    --message-bar-bg-color:light-dark(#ffebcd, #5a3100);
    --message-bar-fg-color:light-dark(#15141a, #fbfbfe);
  }
}
@supports (color: light-dark(red, red)) and (color: rgb(0 0 0 / 0)) {
  :is(.dialog .mainContainer) .messageBar {
    --message-bar-border-color:light-dark( rgb(0 0 0 / 0.08), rgb(255 255 255 / 0.08) );
  }
}
@supports (color: light-dark(red, red)) {
  :is(.dialog .mainContainer) .messageBar {
    --message-bar-icon-color:light-dark(#cd411e, #e49c49);
  }
}
@supports not (color: light-dark(tan, tan)) {
  :is(:is(.dialog .mainContainer) .messageBar) * {
    --csstools-light-dark-toggle--31:var(--csstools-color-scheme--light) #5a3100;
    --message-bar-bg-color:var(--csstools-light-dark-toggle--31, #ffebcd);
    --csstools-light-dark-toggle--32:var(--csstools-color-scheme--light) #fbfbfe;
    --message-bar-fg-color:var(--csstools-light-dark-toggle--32, #15141a);
    --csstools-light-dark-toggle--33:var(--csstools-color-scheme--light) rgb(255 255 255 / 0.08);
    --message-bar-border-color:var(--csstools-light-dark-toggle--33, rgb(0 0 0 / 0.08));
    --csstools-light-dark-toggle--34:var(--csstools-color-scheme--light) #e49c49;
    --message-bar-icon-color:var(--csstools-light-dark-toggle--34, #cd411e);
  }
}
@media screen and (forced-colors: active) {
  :is(.dialog .mainContainer) .messageBar {
    --message-bar-bg-color:HighlightText;
    --message-bar-fg-color:CanvasText;
    --message-bar-border-color:CanvasText;
    --message-bar-icon-color:CanvasText;
  }
}
:is(.dialog .mainContainer) .messageBar {
  align-self: stretch;
}
:is(:is(:is(.dialog .mainContainer) .messageBar) > div)::before,
:is(:is(:is(.dialog .mainContainer) .messageBar) > div) > div {
  margin-block: 4px;
}
:is(:is(:is(.dialog .mainContainer) .messageBar) > div) > div {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  flex: 1 0 0;
}
:is(:is(:is(:is(.dialog .mainContainer) .messageBar) > div) > div) .title {
  font-size: 13px;
  font-weight: 590;
}
:is(:is(:is(:is(.dialog .mainContainer) .messageBar) > div) > div) .description {
  font-size: 13px;
}
:is(.dialog .mainContainer) .toggler {
  display: flex;
  align-items: center;
  gap: 8px;
  align-self: stretch;
}
:is(:is(.dialog .mainContainer) .toggler) > .togglerLabel {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.textLayer {
  position: absolute;
  text-align: initial;
  inset: 0;
  overflow: clip;
  opacity: 1;
  line-height: 1;
  -webkit-text-size-adjust: none;
  -moz-text-size-adjust: none;
  text-size-adjust: none;
  forced-color-adjust: none;
  transform-origin: 0 0;
  caret-color: CanvasText;
  z-index: 0;
}
.textLayer.highlighting {
  touch-action: none;
}
.textLayer :is(span, br) {
  color: transparent;
  position: absolute;
  white-space: pre;
  cursor: text;
  transform-origin: 0% 0%;
}
.textLayer > :not(.markedContent),
.textLayer .markedContent span:not(.markedContent) {
  z-index: 1;
}
.textLayer span.markedContent {
  top: 0;
  height: 0;
}
.textLayer span[role=img] {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  cursor: default;
}
.textLayer .highlight {
  --highlight-bg-color:rgb(180 0 170 / 0.25);
  --highlight-selected-bg-color:rgb(0 100 0 / 0.25);
  --highlight-backdrop-filter:none;
  --highlight-selected-backdrop-filter:none;
}
@media screen and (forced-colors: active) {
  .textLayer .highlight {
    --highlight-bg-color:transparent;
    --highlight-selected-bg-color:transparent;
    --highlight-backdrop-filter:var(--hcm-highlight-filter);
    --highlight-selected-backdrop-filter:var( --hcm-highlight-selected-filter );
  }
}
.textLayer .highlight {
  margin: -1px;
  padding: 1px;
  background-color: var(--highlight-bg-color);
  -webkit-backdrop-filter: var(--highlight-backdrop-filter);
  backdrop-filter: var(--highlight-backdrop-filter);
  border-radius: 4px;
}
.appended:is(.textLayer .highlight) {
  position: initial;
}
.begin:is(.textLayer .highlight) {
  border-radius: 4px 0 0 4px;
}
.end:is(.textLayer .highlight) {
  border-radius: 0 4px 4px 0;
}
.middle:is(.textLayer .highlight) {
  border-radius: 0;
}
.selected:is(.textLayer .highlight) {
  background-color: var(--highlight-selected-bg-color);
  -webkit-backdrop-filter: var(--highlight-selected-backdrop-filter);
  backdrop-filter: var(--highlight-selected-backdrop-filter);
}
.textLayer ::-moz-selection {
  background: rgba(0 0 255 / 0.25);
  background: color-mix(in srgb, AccentColor, transparent 75%);
}
.textLayer ::selection {
  background: rgba(0 0 255 / 0.25);
  background: color-mix(in srgb, AccentColor, transparent 75%);
}
.textLayer br::-moz-selection {
  background: transparent;
}
.textLayer br::selection {
  background: transparent;
}
.textLayer .endOfContent {
  display: block;
  position: absolute;
  inset: 100% 0 0;
  z-index: 0;
  cursor: default;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.textLayer.selecting .endOfContent {
  top: 0;
}
.annotationLayer {
  --csstools-color-scheme--light:initial;
  color-scheme: only light;
  --annotation-unfocused-field-background:url("data:image/svg+xml;charset=UTF-8,<svg width='1px' height='1px' xmlns='http://www.w3.org/2000/svg'><rect width='100%' height='100%' style='fill:rgba(0, 54, 255, 0.13);'/></svg>");
  --input-focus-border-color:Highlight;
  --input-focus-outline:1px solid Canvas;
  --input-unfocused-border-color:transparent;
  --input-disabled-border-color:transparent;
  --input-hover-border-color:black;
  --link-outline:none;
}
@media screen and (forced-colors: active) {
  .annotationLayer {
    --input-focus-border-color:CanvasText;
    --input-unfocused-border-color:ActiveText;
    --input-disabled-border-color:GrayText;
    --input-hover-border-color:Highlight;
    --link-outline:1.5px solid LinkText;
  }
  .annotationLayer .textWidgetAnnotation :is(input, textarea):required,
  .annotationLayer .choiceWidgetAnnotation select:required,
  .annotationLayer .buttonWidgetAnnotation:is(.checkBox, .radioButton) input:required {
    outline: 1.5px solid selectedItem;
  }
  .annotationLayer .linkAnnotation {
    outline: var(--link-outline);
  }
  :is(.annotationLayer .linkAnnotation):hover {
    -webkit-backdrop-filter: var(--hcm-highlight-filter);
    backdrop-filter: var(--hcm-highlight-filter);
  }
  :is(.annotationLayer .linkAnnotation) > a:hover {
    opacity: 0 !important;
    background: none !important;
    box-shadow: none;
  }
  .annotationLayer .popupAnnotation .popup {
    outline: calc(1.5px * var(--total-scale-factor)) solid CanvasText !important;
    background-color: ButtonFace !important;
    color: ButtonText !important;
  }
  .annotationLayer .highlightArea:hover::after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-backdrop-filter: var(--hcm-highlight-filter);
    backdrop-filter: var(--hcm-highlight-filter);
    content: "";
    pointer-events: none;
  }
  .annotationLayer .popupAnnotation.focused .popup {
    outline: calc(3px * var(--total-scale-factor)) solid Highlight !important;
  }
}
.annotationLayer {
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
  transform-origin: 0 0;
}
.annotationLayer[data-main-rotation="90"] .norotate {
  transform: rotate(270deg) translateX(-100%);
}
.annotationLayer[data-main-rotation="180"] .norotate {
  transform: rotate(180deg) translate(-100%, -100%);
}
.annotationLayer[data-main-rotation="270"] .norotate {
  transform: rotate(90deg) translateY(-100%);
}
.annotationLayer.disabled section,
.annotationLayer.disabled .popup {
  pointer-events: none;
}
.annotationLayer .annotationContent {
  position: absolute;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.freetext:is(.annotationLayer .annotationContent) {
  background: transparent;
  border: none;
  inset: 0;
  overflow: visible;
  white-space: nowrap;
  font: 10px sans-serif;
  line-height: 1.35;
}
.annotationLayer section {
  position: absolute;
  text-align: initial;
  pointer-events: auto;
  box-sizing: border-box;
  transform-origin: 0 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
:is(.annotationLayer section):has(div.annotationContent) canvas.annotationContent {
  display: none;
}
:is(.annotationLayer section) .overlaidText {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  display: inline-block;
  overflow: hidden;
}
.textLayer.selecting ~ .annotationLayer section {
  pointer-events: none;
}
.annotationLayer :is(.linkAnnotation, .buttonWidgetAnnotation.pushButton) > a {
  position: absolute;
  font-size: 1em;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.annotationLayer :is(.linkAnnotation, .buttonWidgetAnnotation.pushButton):not(.hasBorder) > a:hover {
  opacity: 0.2;
  background-color: rgb(255 255 0);
}
.annotationLayer .linkAnnotation.hasBorder:hover {
  background-color: rgb(255 255 0 / 0.2);
}
.annotationLayer .hasBorder {
  background-size: 100% 100%;
}
.annotationLayer .textAnnotation img {
  position: absolute;
  cursor: pointer;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.annotationLayer .textWidgetAnnotation :is(input, textarea),
.annotationLayer .choiceWidgetAnnotation select,
.annotationLayer .buttonWidgetAnnotation:is(.checkBox, .radioButton) input {
  background-image: var(--annotation-unfocused-field-background);
  border: 2px solid var(--input-unfocused-border-color);
  box-sizing: border-box;
  font: calc(9px * var(--total-scale-factor)) sans-serif;
  height: 100%;
  margin: 0;
  vertical-align: top;
  width: 100%;
}
.annotationLayer .textWidgetAnnotation :is(input, textarea):required,
.annotationLayer .choiceWidgetAnnotation select:required,
.annotationLayer .buttonWidgetAnnotation:is(.checkBox, .radioButton) input:required {
  outline: 1.5px solid red;
}
.annotationLayer .choiceWidgetAnnotation select option {
  padding: 0;
}
.annotationLayer .buttonWidgetAnnotation.radioButton input {
  border-radius: 50%;
}
.annotationLayer .textWidgetAnnotation textarea {
  resize: none;
}
.annotationLayer .textWidgetAnnotation [disabled]:is(input, textarea),
.annotationLayer .choiceWidgetAnnotation select[disabled],
.annotationLayer .buttonWidgetAnnotation:is(.checkBox, .radioButton) input[disabled] {
  background: none;
  border: 2px solid var(--input-disabled-border-color);
  cursor: not-allowed;
}
.annotationLayer .textWidgetAnnotation :is(input, textarea):hover,
.annotationLayer .choiceWidgetAnnotation select:hover,
.annotationLayer .buttonWidgetAnnotation:is(.checkBox, .radioButton) input:hover {
  border: 2px solid var(--input-hover-border-color);
}
.annotationLayer .textWidgetAnnotation :is(input, textarea):hover,
.annotationLayer .choiceWidgetAnnotation select:hover,
.annotationLayer .buttonWidgetAnnotation.checkBox input:hover {
  border-radius: 2px;
}
.annotationLayer .textWidgetAnnotation :is(input, textarea):focus,
.annotationLayer .choiceWidgetAnnotation select:focus {
  background: none;
  border: 2px solid var(--input-focus-border-color);
  border-radius: 2px;
  outline: var(--input-focus-outline);
}
.annotationLayer .buttonWidgetAnnotation:is(.checkBox, .radioButton) :focus {
  background-image: none;
  background-color: transparent;
}
.annotationLayer .buttonWidgetAnnotation.checkBox :focus {
  border: 2px solid var(--input-focus-border-color);
  border-radius: 2px;
  outline: var(--input-focus-outline);
}
.annotationLayer .buttonWidgetAnnotation.radioButton :focus {
  border: 2px solid var(--input-focus-border-color);
  outline: var(--input-focus-outline);
}
.annotationLayer .buttonWidgetAnnotation.checkBox input:checked::before,
.annotationLayer .buttonWidgetAnnotation.checkBox input:checked::after,
.annotationLayer .buttonWidgetAnnotation.radioButton input:checked::before {
  background-color: CanvasText;
  content: "";
  display: block;
  position: absolute;
}
.annotationLayer .buttonWidgetAnnotation.checkBox input:checked::before,
.annotationLayer .buttonWidgetAnnotation.checkBox input:checked::after {
  height: 80%;
  left: 45%;
  width: 1px;
}
.annotationLayer .buttonWidgetAnnotation.checkBox input:checked::before {
  transform: rotate(45deg);
}
.annotationLayer .buttonWidgetAnnotation.checkBox input:checked::after {
  transform: rotate(-45deg);
}
.annotationLayer .buttonWidgetAnnotation.radioButton input:checked::before {
  border-radius: 50%;
  height: 50%;
  left: 25%;
  top: 25%;
  width: 50%;
}
.annotationLayer .textWidgetAnnotation input.comb {
  font-family: monospace;
  padding-left: 2px;
  padding-right: 0;
}
.annotationLayer .textWidgetAnnotation input.comb:focus {
  width: 103%;
}
.annotationLayer .buttonWidgetAnnotation:is(.checkBox, .radioButton) input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.annotationLayer .fileAttachmentAnnotation .popupTriggerArea {
  height: 100%;
  width: 100%;
}
.annotationLayer .popupAnnotation {
  position: absolute;
  font-size: calc(9px * var(--total-scale-factor));
  pointer-events: none;
  width: -moz-max-content;
  width: max-content;
  max-width: 45%;
  height: auto;
}
.annotationLayer .popup {
  background-color: rgb(255 255 153);
  color: black;
  box-shadow: 0 calc(2px * var(--total-scale-factor)) calc(5px * var(--total-scale-factor)) rgb(136 136 136);
  border-radius: calc(2px * var(--total-scale-factor));
  outline: 1.5px solid rgb(255 255 74);
  padding: calc(6px * var(--total-scale-factor));
  cursor: pointer;
  font: message-box;
  white-space: normal;
  word-wrap: break-word;
  pointer-events: auto;
  -webkit-user-select: text;
  -moz-user-select: text;
  user-select: text;
}
.annotationLayer .popupAnnotation.focused .popup {
  outline-width: 3px;
}
.annotationLayer .popup * {
  font-size: calc(9px * var(--total-scale-factor));
}
.annotationLayer .popup > .header {
  display: inline-block;
}
.annotationLayer .popup > .header h1 {
  display: inline;
}
.annotationLayer .popup > .header .popupDate {
  display: inline-block;
  margin-left: calc(5px * var(--total-scale-factor));
  width: -moz-fit-content;
  width: fit-content;
}
.annotationLayer .popupContent {
  border-top: 1px solid rgb(51 51 51);
  margin-top: calc(2px * var(--total-scale-factor));
  padding-top: calc(2px * var(--total-scale-factor));
}
.annotationLayer .richText > * {
  white-space: pre-wrap;
  font-size: calc(9px * var(--total-scale-factor));
}
.annotationLayer .popupTriggerArea {
  cursor: pointer;
}
.annotationLayer section svg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.annotationLayer .annotationTextContent {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
  color: transparent;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  pointer-events: none;
}
:is(.annotationLayer .annotationTextContent) span {
  width: 100%;
  display: inline-block;
}
.annotationLayer svg.quadrilateralsContainer {
  contain: strict;
  width: 0;
  height: 0;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
:root {
  --xfa-unfocused-field-background:url("data:image/svg+xml;charset=UTF-8,<svg width='1px' height='1px' xmlns='http://www.w3.org/2000/svg'><rect width='100%' height='100%' style='fill:rgba(0, 54, 255, 0.13);'/></svg>");
  --xfa-focus-outline:auto;
}
@media screen and (forced-colors: active) {
  :root {
    --xfa-focus-outline:2px solid CanvasText;
  }
  .xfaLayer *:required {
    outline: 1.5px solid selectedItem;
  }
}
.xfaLayer {
  --csstools-color-scheme--light:initial;
  color-scheme: only light;
  background-color: transparent;
}
.xfaLayer .highlight {
  margin: -1px;
  padding: 1px;
  background-color: rgb(239 203 237);
  border-radius: 4px;
}
.xfaLayer .highlight.appended {
  position: initial;
}
.xfaLayer .highlight.begin {
  border-radius: 4px 0 0 4px;
}
.xfaLayer .highlight.end {
  border-radius: 0 4px 4px 0;
}
.xfaLayer .highlight.middle {
  border-radius: 0;
}
.xfaLayer .highlight.selected {
  background-color: rgb(203 223 203);
}
.xfaPage {
  overflow: hidden;
  position: relative;
}
.xfaContentarea {
  position: absolute;
}
.xfaPrintOnly {
  display: none;
}
.xfaLayer {
  position: absolute;
  text-align: initial;
  top: 0;
  left: 0;
  transform-origin: 0 0;
  line-height: 1.2;
}
.xfaLayer * {
  color: inherit;
  font: inherit;
  font-style: inherit;
  font-weight: inherit;
  font-kerning: inherit;
  letter-spacing: -0.01px;
  text-align: inherit;
  text-decoration: inherit;
  box-sizing: border-box;
  background-color: transparent;
  padding: 0;
  margin: 0;
  pointer-events: auto;
  line-height: inherit;
}
.xfaLayer *:required {
  outline: 1.5px solid red;
}
.xfaLayer div,
.xfaLayer svg,
.xfaLayer svg * {
  pointer-events: none;
}
.xfaLayer a {
  color: blue;
}
.xfaRich li {
  margin-left: 3em;
}
.xfaFont {
  color: black;
  font-weight: normal;
  font-kerning: none;
  font-size: 10px;
  font-style: normal;
  letter-spacing: 0;
  text-decoration: none;
  vertical-align: 0;
}
.xfaCaption {
  overflow: hidden;
  flex: 0 0 auto;
}
.xfaCaptionForCheckButton {
  overflow: hidden;
  flex: 1 1 auto;
}
.xfaLabel {
  height: 100%;
  width: 100%;
}
.xfaLeft {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.xfaRight {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
}
:is(.xfaLeft, .xfaRight) > :is(.xfaCaption, .xfaCaptionForCheckButton) {
  max-height: 100%;
}
.xfaTop {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.xfaBottom {
  display: flex;
  flex-direction: column-reverse;
  align-items: flex-start;
}
:is(.xfaTop, .xfaBottom) > :is(.xfaCaption, .xfaCaptionForCheckButton) {
  width: 100%;
}
.xfaBorder {
  background-color: transparent;
  position: absolute;
  pointer-events: none;
}
.xfaWrapped {
  width: 100%;
  height: 100%;
}
:is(.xfaTextfield, .xfaSelect):focus {
  background-image: none;
  background-color: transparent;
  outline: var(--xfa-focus-outline);
  outline-offset: -1px;
}
:is(.xfaCheckbox, .xfaRadio):focus {
  outline: var(--xfa-focus-outline);
}
.xfaTextfield,
.xfaSelect {
  height: 100%;
  width: 100%;
  flex: 1 1 auto;
  border: none;
  resize: none;
  background-image: var(--xfa-unfocused-field-background);
}
.xfaSelect {
  padding-inline: 2px;
}
:is(.xfaTop, .xfaBottom) > :is(.xfaTextfield, .xfaSelect) {
  flex: 0 1 auto;
}
.xfaButton {
  cursor: pointer;
  width: 100%;
  height: 100%;
  border: none;
  text-align: center;
}
.xfaLink {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.xfaCheckbox,
.xfaRadio {
  width: 100%;
  height: 100%;
  flex: 0 0 auto;
  border: none;
}
.xfaRich {
  white-space: pre-wrap;
  width: 100%;
  height: 100%;
}
.xfaImage {
  -o-object-position: left top;
  object-position: left top;
  -o-object-fit: contain;
  object-fit: contain;
  width: 100%;
  height: 100%;
}
.xfaLrTb,
.xfaRlTb,
.xfaTb {
  display: flex;
  flex-direction: column;
  align-items: stretch;
}
.xfaLr {
  display: flex;
  flex-direction: row;
  align-items: stretch;
}
.xfaRl {
  display: flex;
  flex-direction: row-reverse;
  align-items: stretch;
}
.xfaTb > div {
  justify-content: left;
}
.xfaPosition {
  position: relative;
}
.xfaArea {
  position: relative;
}
.xfaValignMiddle {
  display: flex;
  align-items: center;
}
.xfaTable {
  display: flex;
  flex-direction: column;
  align-items: stretch;
}
.xfaTable .xfaRow {
  display: flex;
  flex-direction: row;
  align-items: stretch;
}
.xfaTable .xfaRlRow {
  display: flex;
  flex-direction: row-reverse;
  align-items: stretch;
  flex: 1;
}
.xfaTable .xfaRlRow > div {
  flex: 1;
}
:is(.xfaNonInteractive, .xfaDisabled, .xfaReadOnly) :is(input, textarea) {
  background: initial;
}
@media print {
  .xfaTextfield,
  .xfaSelect {
    background: transparent;
  }
  .xfaSelect {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    text-indent: 1px;
    text-overflow: "";
  }
}
.canvasWrapper svg {
  transform: none;
}
.moving:is(.canvasWrapper svg) {
  z-index: 100000;
}
[data-main-rotation="90"]:is(.highlight:is(.canvasWrapper svg), .highlightOutline:is(.canvasWrapper svg)) mask,
[data-main-rotation="90"]:is(.highlight:is(.canvasWrapper svg), .highlightOutline:is(.canvasWrapper svg)) use:not(.clip, .mask) {
  transform:
    matrix(
      0, 1,
      -1, 0,
      1, 0);
}
[data-main-rotation="180"]:is(.highlight:is(.canvasWrapper svg), .highlightOutline:is(.canvasWrapper svg)) mask,
[data-main-rotation="180"]:is(.highlight:is(.canvasWrapper svg), .highlightOutline:is(.canvasWrapper svg)) use:not(.clip, .mask) {
  transform:
    matrix(
      -1, 0,
      0, -1,
      1, 1);
}
[data-main-rotation="270"]:is(.highlight:is(.canvasWrapper svg), .highlightOutline:is(.canvasWrapper svg)) mask,
[data-main-rotation="270"]:is(.highlight:is(.canvasWrapper svg), .highlightOutline:is(.canvasWrapper svg)) use:not(.clip, .mask) {
  transform:
    matrix(
      0, -1,
      1, 0,
      0, 1);
}
.draw:is(.canvasWrapper svg) {
  position: absolute;
  mix-blend-mode: normal;
}
.draw[data-draw-rotation="90"]:is(.canvasWrapper svg) {
  transform: rotate(90deg);
}
.draw[data-draw-rotation="180"]:is(.canvasWrapper svg) {
  transform: rotate(180deg);
}
.draw[data-draw-rotation="270"]:is(.canvasWrapper svg) {
  transform: rotate(270deg);
}
.highlight:is(.canvasWrapper svg) {
  --blend-mode:multiply;
}
@media screen and (forced-colors: active) {
  .highlight:is(.canvasWrapper svg) {
    --blend-mode:difference;
  }
}
.highlight:is(.canvasWrapper svg) {
  position: absolute;
  mix-blend-mode: var(--blend-mode);
}
.highlight:is(.canvasWrapper svg):not(.free) {
  fill-rule: evenodd;
}
.highlightOutline:is(.canvasWrapper svg) {
  position: absolute;
  mix-blend-mode: normal;
  fill-rule: evenodd;
  fill: none;
}
.highlightOutline.hovered:is(.canvasWrapper svg):not(.free):not(.selected) {
  stroke: var(--hover-outline-color);
  stroke-width: var(--outline-width);
}
.highlightOutline.selected:is(.canvasWrapper svg):not(.free) .mainOutline {
  stroke: var(--outline-around-color);
  stroke-width: calc(var(--outline-width) + 2 * var(--outline-around-width));
}
.highlightOutline.selected:is(.canvasWrapper svg):not(.free) .secondaryOutline {
  stroke: var(--outline-color);
  stroke-width: var(--outline-width);
}
.highlightOutline.free.hovered:is(.canvasWrapper svg):not(.selected) {
  stroke: var(--hover-outline-color);
  stroke-width: calc(2 * var(--outline-width));
}
.highlightOutline.free.selected:is(.canvasWrapper svg) .mainOutline {
  stroke: var(--outline-around-color);
  stroke-width: calc(2 * (var(--outline-width) + var(--outline-around-width)));
}
.highlightOutline.free.selected:is(.canvasWrapper svg) .secondaryOutline {
  stroke: var(--outline-color);
  stroke-width: calc(2 * var(--outline-width));
}
.toggle-button {
  --button-background-color:color-mix(in srgb, currentColor 7%, transparent);
  --button-background-color-hover:color-mix( in srgb, currentColor 14%, transparent );
  --button-background-color-active:color-mix( in srgb, currentColor 21%, transparent );
  --csstools-light-dark-toggle--35:var(--csstools-color-scheme--light) #0df;
  --color-accent-primary:var(--csstools-light-dark-toggle--35, #0060df);
  --csstools-light-dark-toggle--36:var(--csstools-color-scheme--light) #80ebff;
  --color-accent-primary-hover:var(--csstools-light-dark-toggle--36, #0250bb);
  --csstools-light-dark-toggle--37:var(--csstools-color-scheme--light) #aaf2ff;
  --color-accent-primary-active:var(--csstools-light-dark-toggle--37, #054096);
  --border-radius-circle:9999px;
  --border-width:1px;
  --size-item-small:16px;
  --size-item-large:32px;
  --csstools-light-dark-toggle--38:var(--csstools-color-scheme--light) #1c1b22;
  --color-canvas:var(--csstools-light-dark-toggle--38, white);
  --background-color-canvas:var(--color-canvas);
  --csstools-light-dark-toggle--39:var(--csstools-color-scheme--light) #f9f9fa;
  --border-color-interactive:var(--csstools-light-dark-toggle--39, #8f8f9d);
  --border-color-interactive-hover:var(--border-color-interactive);
  --border-color-interactive-active:var(--border-color-interactive);
}
@supports (color: light-dark(red, red)) {
  .toggle-button {
    --color-accent-primary:light-dark(#0060df, #0df);
    --color-accent-primary-hover:light-dark(#0250bb, #80ebff);
    --color-accent-primary-active:light-dark(#054096, #aaf2ff);
    --color-canvas:light-dark(white, #1c1b22);
    --border-color-interactive:light-dark(#8f8f9d, #f9f9fa);
  }
}
@supports not (color: light-dark(tan, tan)) {
  .toggle-button * {
    --csstools-light-dark-toggle--35:var(--csstools-color-scheme--light) #0df;
    --color-accent-primary:var(--csstools-light-dark-toggle--35, #0060df);
    --csstools-light-dark-toggle--36:var(--csstools-color-scheme--light) #80ebff;
    --color-accent-primary-hover:var(--csstools-light-dark-toggle--36, #0250bb);
    --csstools-light-dark-toggle--37:var(--csstools-color-scheme--light) #aaf2ff;
    --color-accent-primary-active:var(--csstools-light-dark-toggle--37, #054096);
    --csstools-light-dark-toggle--38:var(--csstools-color-scheme--light) #1c1b22;
    --color-canvas:var(--csstools-light-dark-toggle--38, white);
    --csstools-light-dark-toggle--39:var(--csstools-color-scheme--light) #f9f9fa;
    --border-color-interactive:var(--csstools-light-dark-toggle--39, #8f8f9d);
  }
}
@media (forced-colors: active) {
  .toggle-button {
    --color-accent-primary:ButtonText;
    --color-accent-primary-hover:SelectedItem;
    --color-accent-primary-active:SelectedItem;
    --button-background-color:ButtonFace;
    --border-color-interactive:ButtonText;
    --border-color-interactive-hover:SelectedItem;
    --border-color-interactive-active:ButtonText;
    --color-canvas:ButtonText;
    --background-color-canvas:Canvas;
  }
}
.toggle-button {
  --toggle-background-color:var(--button-background-color);
  --toggle-background-color-hover:var(--button-background-color-hover);
  --toggle-background-color-active:var(--button-background-color-active);
  --toggle-background-color-pressed:var(--color-accent-primary);
  --toggle-background-color-pressed-hover:var(--color-accent-primary-hover);
  --toggle-background-color-pressed-active:var(--color-accent-primary-active);
  --toggle-border-color:var(--border-color-interactive);
  --toggle-border-color-hover:var(--toggle-border-color);
  --toggle-border-color-active:var(--toggle-border-color);
  --toggle-border-radius:var(--border-radius-circle);
  --toggle-border-width:var(--border-width);
  --toggle-height:var(--size-item-small);
  --toggle-width:var(--size-item-large);
  --toggle-dot-background-color:var(--toggle-border-color);
  --toggle-dot-background-color-hover:var(--toggle-dot-background-color);
  --toggle-dot-background-color-active:var(--toggle-dot-background-color);
  --toggle-dot-background-color-on-pressed:var(--background-color-canvas);
  --toggle-dot-margin:1px;
  --toggle-dot-height:calc( var(--toggle-height) - 2 * var(--toggle-dot-margin) - 2 * var(--toggle-border-width) );
  --toggle-dot-width:var(--toggle-dot-height);
  --toggle-dot-transform-x:calc( var(--toggle-width) - 4 * var(--toggle-dot-margin) - var(--toggle-dot-width) );
  --input-width:var(--toggle-width);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 0;
  border: var(--toggle-border-width) solid var(--toggle-border-color);
  height: var(--toggle-height);
  width: var(--toggle-width);
  border-radius: var(--toggle-border-radius);
  background-color: var(--toggle-background-color);
  box-sizing: border-box;
}
.toggle-button:focus-visible {
  outline: var(--focus-outline);
  outline-offset: var(--focus-outline-offset);
}
.toggle-button:enabled:hover {
  background-color: var(--toggle-background-color-hover);
  border-color: var(--toggle-border-color);
}
.toggle-button:enabled:hover:active {
  background-color: var(--toggle-background-color-active);
  border-color: var(--toggle-border-color);
}
.toggle-button::before {
  display: block;
  content: "";
  background-color: var(--toggle-dot-background-color);
  height: var(--toggle-dot-height);
  width: var(--toggle-dot-width);
  margin: var(--toggle-dot-margin);
  border-radius: var(--toggle-border-radius);
  translate: 0;
}
.toggle-button[aria-pressed=true] {
  background-color: var(--toggle-background-color-pressed);
  border-color: transparent;
}
.toggle-button[aria-pressed=true]:enabled:hover {
  background-color: var(--toggle-background-color-pressed-hover);
  border-color: transparent;
}
.toggle-button[aria-pressed=true]:enabled:hover:active {
  background-color: var(--toggle-background-color-pressed-active);
  border-color: transparent;
}
.toggle-button[aria-pressed=true]::before {
  translate: var(--toggle-dot-transform-x);
  background-color: var(--toggle-dot-background-color-on-pressed);
}
.toggle-button[aria-pressed=true]:enabled:hover::before,
.toggle-button[aria-pressed=true]:enabled:hover:active::before {
  background-color: var(--toggle-dot-background-color-on-pressed);
}
.toggle-button[aria-pressed=true]:-moz-locale-dir(rtl)::before,
[dir=rtl] .toggle-button[aria-pressed=true]::before {
  translate: calc(-1 * var(--toggle-dot-transform-x));
}
@media (prefers-reduced-motion: no-preference) {
  .toggle-button::before {
    transition: translate 100ms;
  }
}
@media (prefers-contrast) {
  .toggle-button:enabled:hover {
    border-color: var(--toggle-border-color-hover);
  }
  .toggle-button:enabled:hover:active {
    border-color: var(--toggle-border-color-active);
  }
  .toggle-button[aria-pressed=true]:enabled {
    border-color: var(--toggle-border-color);
    position: relative;
  }
  .toggle-button[aria-pressed=true]:enabled:hover {
    border-color: var(--toggle-border-color-hover);
  }
  .toggle-button[aria-pressed=true]:enabled:hover:active {
    background-color: var(--toggle-dot-background-color-active);
    border-color: var(--toggle-dot-background-color-hover);
  }
  .toggle-button:enabled:hover::before,
  .toggle-button:enabled:hover:active::before {
    background-color: var(--toggle-dot-background-color-hover);
  }
}
@media (forced-colors) {
  .toggle-button {
    --toggle-dot-background-color:var(--color-accent-primary);
    --toggle-dot-background-color-hover:var(--color-accent-primary-hover);
    --toggle-dot-background-color-active:var(--color-accent-primary-active);
    --toggle-dot-background-color-on-pressed:var(--button-background-color);
    --toggle-border-color-hover:var(--border-color-interactive-hover);
    --toggle-border-color-active:var(--border-color-interactive-active);
  }
  .toggle-button[aria-pressed=true]:enabled::after {
    border: 1px solid var(--button-background-color);
    content: "";
    position: absolute;
    height: var(--toggle-height);
    width: var(--toggle-width);
    display: block;
    border-radius: var(--toggle-border-radius);
    inset: -2px;
  }
  .toggle-button[aria-pressed=true]:enabled:hover:active::after {
    border-color: var(--toggle-border-color-active);
  }
}
:root {
  --clear-signature-button-icon:url("./media/editor-toolbar-delete-M2KKRH6K.svg");
  --csstools-light-dark-toggle--40:var(--csstools-color-scheme--light) #2b2a33;
  --signature-bg:var(--csstools-light-dark-toggle--40, #f9f9fb);
  --csstools-light-dark-toggle--41:var(--csstools-color-scheme--light) var(--signature-bg);
  --signature-hover-bg:var(--csstools-light-dark-toggle--41, #f0f0f4);
  --button-signature-bg:transparent;
  --button-signature-color:var(--main-color);
  --csstools-light-dark-toggle--42:var(--csstools-color-scheme--light) #5b5b66;
  --button-signature-active-bg:var(--csstools-light-dark-toggle--42, #cfcfd8);
  --button-signature-active-border:none;
  --button-signature-active-color:var(--button-signature-color);
  --button-signature-border:none;
  --csstools-light-dark-toggle--43:var(--csstools-color-scheme--light) #52525e;
  --button-signature-hover-bg:var(--csstools-light-dark-toggle--43, #e0e0e6);
  --button-signature-hover-color:var(--button-signature-color);
}
@supports (color: light-dark(red, red)) {
  :root {
    --signature-bg:light-dark(#f9f9fb, #2b2a33);
    --signature-hover-bg:light-dark(#f0f0f4, var(--signature-bg));
    --button-signature-active-bg:light-dark(#cfcfd8, #5b5b66);
    --button-signature-hover-bg:light-dark(#e0e0e6, #52525e);
  }
}
@supports not (color: light-dark(tan, tan)) {
  :root * {
    --csstools-light-dark-toggle--40:var(--csstools-color-scheme--light) #2b2a33;
    --signature-bg:var(--csstools-light-dark-toggle--40, #f9f9fb);
    --csstools-light-dark-toggle--41:var(--csstools-color-scheme--light) var(--signature-bg);
    --signature-hover-bg:var(--csstools-light-dark-toggle--41, #f0f0f4);
    --csstools-light-dark-toggle--42:var(--csstools-color-scheme--light) #5b5b66;
    --button-signature-active-bg:var(--csstools-light-dark-toggle--42, #cfcfd8);
    --csstools-light-dark-toggle--43:var(--csstools-color-scheme--light) #52525e;
    --button-signature-hover-bg:var(--csstools-light-dark-toggle--43, #e0e0e6);
  }
}
@media screen and (forced-colors: active) {
  :root {
    --signature-bg:HighlightText;
    --signature-hover-bg:var(--signature-bg);
    --button-signature-bg:HighlightText;
    --button-signature-color:ButtonText;
    --button-signature-active-bg:ButtonText;
    --button-signature-active-color:HighlightText;
    --button-signature-border:1px solid ButtonText;
    --button-signature-hover-bg:Highlight;
    --button-signature-hover-color:HighlightText;
  }
}
.signatureDialog {
  --primary-color:var(--text-primary-color);
  --border-color:#8f8f9d;
  --open-link-fg:var(--link-fg-color);
  --open-link-hover-fg:var(--link-hover-fg-color);
}
@media screen and (forced-colors: active) {
  .signatureDialog {
    --primary-color:ButtonText;
    --border-color:ButtonText;
    --open-link-fg:ButtonText;
    --open-link-hover-fg:ButtonText;
  }
}
.signatureDialog {
  width: 570px;
  max-width: 100%;
  min-width: 300px;
  padding: 16px 0;
}
.signatureDialog .mainContainer {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
}
:is(.signatureDialog .mainContainer) span:not([role=sectionhead]) {
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
:is(.signatureDialog .mainContainer) .title {
  margin-inline-start: 16px;
}
.signatureDialog .inputWithClearButton {
  --button-dimension:24px;
  --clear-button-icon:url("./media/messageBar_closingButton-2U2ESOL3.svg");
  width: 100%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
:is(.signatureDialog .inputWithClearButton) > input {
  width: 100%;
  height: 32px;
  padding-inline: 8px calc(4px + var(--button-dimension));
  box-sizing: border-box;
  border-radius: 4px;
  border: 1px solid var(--border-color);
}
:is(.signatureDialog .inputWithClearButton) .clearInputButton {
  position: absolute;
  inset-block-start: 4px;
  inset-inline-end: 4px;
  display: inline-block;
  width: var(--button-dimension);
  height: var(--button-dimension);
  background-color: var(--input-text-fg-color);
  -webkit-mask-size: cover;
  mask-size: cover;
  -webkit-mask-image: var(--clear-button-icon);
  mask-image: var(--clear-button-icon);
  padding: 0;
  border: 0;
}
#addSignatureDialog {
  --secondary-color:var(--text-secondary-color);
  --bg-hover:#e0e0e6;
  --tab-top-line-active-color:#0060df;
  --tab-top-line-active-hover-color:var(--tab-text-hover-color);
  --tab-top-line-hover-color:#8f8f9d;
  --tab-top-line-inactive-color:#cfcfd8;
  --tab-bottom-line-active-color:var(--tab-top-line-inactive-color);
  --tab-bottom-line-hover-color:var(--tab-top-line-inactive-color);
  --tab-bottom-line-inactive-color:var(--tab-top-line-inactive-color);
  --tab-bg:var(--dialog-bg-color);
  --tab-bg-active-color:var(--tab-bg);
  --tab-bg-active-hover-color:var(--bg-hover);
  --tab-bg-hover:var(--bg-hover);
  --tab-panel-border:none;
  --tab-panel-border-radius:4px;
  --tab-text-color:var(--primary-color);
  --tab-text-active-color:var(--tab-top-line-active-color);
  --tab-text-active-hover-color:var(--tab-text-hover-color);
  --tab-text-hover-color:var(--tab-text-color);
  --signature-placeholder-color:var(--secondary-color);
  --signature-draw-placeholder-color:var(--primary-color);
  --signature-color:var(--primary-color);
  --clear-signature-button-border-width:0;
  --clear-signature-button-border-style:solid;
  --clear-signature-button-border-color:transparent;
  --clear-signature-button-border-disabled-color:transparent;
  --clear-signature-button-color:var(--primary-color);
  --clear-signature-button-hover-color:var(--clear-signature-button-color);
  --clear-signature-button-active-color:var(--clear-signature-button-color);
  --clear-signature-button-disabled-color:var(--clear-signature-button-color);
  --clear-signature-button-focus-color:var(--clear-signature-button-color);
  --clear-signature-button-bg:var(--dialog-bg-color);
  --clear-signature-button-bg-hover:var(--bg-hover);
  --clear-signature-button-bg-active:#cfcfd8;
  --clear-signature-button-bg-focus:#f0f0f4;
  --clear-signature-button-bg-disabled:color-mix( in srgb, #f0f0f4, transparent 40% );
  --save-warning-color:var(--secondary-color);
  --thickness-bg:var(--dialog-bg-color);
  --thickness-label-color:var(--primary-color);
  --thickness-slider-color:var(--primary-color);
  --thickness-border:none;
  --draw-cursor:url("./media/cursor-editorInk-7FGC6QX4.svg") 0 16, pointer;
}
@media (prefers-color-scheme: dark) {
  #addSignatureDialog {
    --dialog-bg-color:#42414d;
    --bg-hover:#52525e;
    --primary-color:#fbfbfe;
    --secondary-color:#cfcfd8;
    --tab-top-line-active-color:#0df;
    --tab-top-line-inactive-color:#8f8f9d;
    --clear-signature-button-bg-active:#5b5b66;
    --clear-signature-button-bg-focus:#2b2a33;
    --clear-signature-button-bg-disabled:color-mix( in srgb, #2b2a33, transparent 40% );
  }
}
@media screen and (forced-colors: active) {
  #addSignatureDialog {
    --secondary-color:ButtonText;
    --bg:HighlightText;
    --bg-hover:var(--bg);
    --tab-top-line-active-color:ButtonText;
    --tab-top-line-active-hover-color:HighlightText;
    --tab-top-line-hover-color:SelectedItem;
    --tab-top-line-inactive-color:ButtonText;
    --tab-bottom-line-active-color:var(--tab-top-line-active-color);
    --tab-bottom-line-hover-color:var(--tab-top-line-hover-color);
    --tab-bg:var(--bg);
    --tab-bg-active-color:SelectedItem;
    --tab-bg-active-hover-color:SelectedItem;
    --tab-panel-border:1px solid ButtonText;
    --tab-panel-border-radius:8px;
    --tab-text-color:ButtonText;
    --tab-text-active-color:HighlightText;
    --tab-text-active-hover-color:HighlightText;
    --tab-text-hover-color:SelectedItem;
    --signature-color:ButtonText;
    --clear-signature-button-border-width:1px;
    --clear-signature-button-border-style:solid;
    --clear-signature-button-border-color:ButtonText;
    --clear-signature-button-border-disabled-color:GrayText;
    --clear-signature-button-color:ButtonText;
    --clear-signature-button-hover-color:HighlightText;
    --clear-signature-button-active-color:SelectedItem;
    --clear-signature-button-focus-color:CanvasText;
    --clear-signature-button-disabled-color:GrayText;
    --clear-signature-button-bg:var(--bg);
    --clear-signature-button-bg-hover:SelectedItem;
    --clear-signature-button-bg-active:var(--bg);
    --clear-signature-button-bg-focus:var(--bg);
    --clear-signature-button-bg-disabled:var(--bg);
    --thickness-bg:Canvas;
    --thickness-label-color:CanvasText;
    --thickness-slider-color:ButtonText;
    --thickness-border:1px solid var(--border-color);
  }
}
#addSignatureDialog #addSignatureDialogLabel {
  overflow: hidden;
  position: absolute;
  inset: 0;
  width: 0;
  height: 0;
}
#addSignatureDialog.waiting::after {
  content: "";
  cursor: wait;
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}
:is(#addSignatureDialog .mainContainer) [role=tablist] {
  width: 100%;
  display: flex;
  align-items: flex-start;
  gap: 0;
}
:is(:is(#addSignatureDialog .mainContainer) [role=tablist]) > [role=tab] {
  flex: 1 0 0;
  align-self: stretch;
  background-color: var(--tab-bg);
  padding-inline: 0;
  cursor: default;
  border-inline: 0;
  border-block-width: 1px;
  border-block-style: solid;
  border-block-start-color: var(--tab-top-line-inactive-color);
  border-block-end-color: var(--tab-bottom-line-inactive-color);
  border-radius: 0;
  font: menu;
  font-size: 13px;
  font-style: normal;
  line-height: normal;
  font-weight: 400;
  color: var(--tab-text-color);
}
:is(:is(:is(#addSignatureDialog .mainContainer) [role=tablist]) > [role=tab]):hover {
  border-block-start-width: 2px;
  border-block-start-color: var(--tab-top-line-hover-color);
  border-block-end-color: var(--tab-bottom-line-hover-color);
  background-color: var(--tab-bg-hover);
  color: var(--tab-text-hover-color);
}
:is(:is(:is(#addSignatureDialog .mainContainer) [role=tablist]) > [role=tab]):focus-visible {
  outline: 2px solid var(--tab-top-line-active-color);
  outline-offset: -2px;
}
[aria-selected=true]:is(:is(:is(#addSignatureDialog .mainContainer) [role=tablist]) > [role=tab]) {
  border-block-start-width: 2px;
  border-block-start-color: var(--tab-top-line-active-color);
  border-block-end-color: var(--tab-bottom-line-active-color);
  background-color: var(--tab-bg-active-color);
  font-weight: 590;
  color: var(--tab-text-active-color);
}
[aria-selected=true]:is(:is(:is(#addSignatureDialog .mainContainer) [role=tablist]) > [role=tab]):hover {
  border-block-start-color: var(--tab-top-line-active-hover-color);
  background-color: var(--tab-bg-active-hover-color);
  color: var(--tab-text-active-hover-color);
}
:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  align-self: stretch;
  gap: 12px;
  padding-inline: 16px;
  box-sizing: border-box;
}
:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) > [role=tabpanel] {
  position: relative;
  width: 100%;
  height: 220px;
  background-color: var(--signature-bg);
  border: var(--tab-panel-border);
  border-radius: var(--tab-panel-border-radius);
}
:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) > [role=tabpanel]) > svg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  background-color: transparent;
}
#addSignatureTypeContainer:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) > [role=tabpanel]) {
  display: none;
}
#addSignatureTypeContainer:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) > [role=tabpanel]) #addSignatureTypeInput {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
  padding: 0;
  text-align: center;
  color: var(--signature-color);
  background-color: transparent;
  border-radius: var(--tab-panel-border-radius);
  font-family:
    "Brush script",
    "Apple Chancery",
    "Segoe script",
    "Freestyle Script",
    "Palace Script MT",
    "Brush Script MT",
    TK,
    cursive,
    serif;
  font-size: 44px;
  font-style: italic;
  font-weight: 400;
}
:is(#addSignatureTypeContainer:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) > [role=tabpanel]) #addSignatureTypeInput)::-moz-placeholder {
  color: var(--signature-placeholder-color);
  text-align: center;
  font: menu;
  font-style: normal;
  font-weight: 274;
  font-size: 44px;
  line-height: normal;
}
:is(#addSignatureTypeContainer:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) > [role=tabpanel]) #addSignatureTypeInput)::placeholder {
  color: var(--signature-placeholder-color);
  text-align: center;
  font: menu;
  font-style: normal;
  font-weight: 274;
  font-size: 44px;
  line-height: normal;
}
#addSignatureDrawContainer:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) > [role=tabpanel]) {
  display: none;
}
#addSignatureDrawContainer:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) > [role=tabpanel]) > span {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: grid;
  align-items: center;
  justify-content: center;
  background-color: transparent;
  color: var(--signature-placeholder-color);
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
#addSignatureDrawContainer:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) > [role=tabpanel]) > svg {
  stroke: var(--signature-color);
  fill: none;
  stroke-opacity: 1;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 10;
}
:is(#addSignatureDrawContainer:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) > [role=tabpanel]) > svg):hover {
  cursor: var(--draw-cursor);
}
#addSignatureDrawContainer:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) > [role=tabpanel]) #thickness {
  position: absolute;
  width: 100%;
  inset-block-end: 0;
  display: grid;
  align-items: center;
  justify-content: center;
  pointer-events: none;
}
:is(#addSignatureDrawContainer:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) > [role=tabpanel]) #thickness) > span {
  color: var(--signature-draw-placeholder-color);
}
:is(#addSignatureDrawContainer:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) > [role=tabpanel]) #thickness) > div {
  width: auto;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 6px 8px 7px;
  margin: 0;
  background-color: var(--thickness-bg);
  border-radius: 4px 4px 0 0;
  border-inline: var(--thickness-border);
  border-top: var(--thickness-border);
  pointer-events: auto;
  position: relative;
  top: 1px;
}
:is(:is(#addSignatureDrawContainer:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) > [role=tabpanel]) #thickness) > div) > label {
  color: var(--thickness-label-color);
}
:is(:is(#addSignatureDrawContainer:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) > [role=tabpanel]) #thickness) > div) > input {
  width: 100px;
  height: 14px;
  background-color: transparent;
}
:is(:is(:is(#addSignatureDrawContainer:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) > [role=tabpanel]) #thickness) > div) > input)::-webkit-slider-runnable-track,
:is(:is(:is(#addSignatureDrawContainer:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) > [role=tabpanel]) #thickness) > div) > input)::-moz-range-track,
:is(:is(:is(#addSignatureDrawContainer:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) > [role=tabpanel]) #thickness) > div) > input)::-moz-range-progress {
  background-color: var(--thickness-slider-color);
}
:is(:is(:is(#addSignatureDrawContainer:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) > [role=tabpanel]) #thickness) > div) > input)::-webkit-slider-thumb,
:is(:is(:is(#addSignatureDrawContainer:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) > [role=tabpanel]) #thickness) > div) > input)::-moz-range-thumb {
  background-color: var(--thickness-bg);
}
:is(:is(#addSignatureDrawContainer:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) > [role=tabpanel]) #thickness) > div) > input {
  border-radius: 4.5px;
  border: 0;
  color: var(--signature-color);
}
#addSignatureImageContainer:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) > [role=tabpanel]) {
  display: none;
}
#addSignatureImageContainer:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) > [role=tabpanel]) > svg {
  stroke: none;
  stroke-width: 0;
  fill: var(--signature-color);
  fill-opacity: 1;
}
#addSignatureImageContainer:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) > [role=tabpanel]) #addSignatureImagePlaceholder {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: transparent;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
:is(#addSignatureImageContainer:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) > [role=tabpanel]) #addSignatureImagePlaceholder) span {
  color: var(--signature-placeholder-color);
}
:is(#addSignatureImageContainer:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) > [role=tabpanel]) #addSignatureImagePlaceholder) a {
  color: var(--open-link-fg);
  text-decoration: underline;
  cursor: pointer;
}
:is(:is(#addSignatureImageContainer:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) > [role=tabpanel]) #addSignatureImagePlaceholder) a):hover {
  color: var(--open-link-hover-fg);
}
#addSignatureImageContainer:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) > [role=tabpanel]) #addSignatureFilePicker {
  visibility: hidden;
  position: relative;
  width: 0;
  height: 0;
}
[data-selected=type]:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) > #addSignatureTypeContainer,
[data-selected=draw]:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) > #addSignatureDrawContainer,
[data-selected=image]:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) > #addSignatureImageContainer {
  display: block;
}
:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) #addSignatureControls {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 12px;
  align-self: stretch;
}
:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) #addSignatureControls) #horizontalContainer {
  display: flex;
  align-items: flex-end;
  gap: 16px;
  align-self: stretch;
}
:is(:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) #addSignatureControls) #horizontalContainer) #addSignatureDescriptionContainer {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  flex: 1 0 0;
}
:is(:is(:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) #addSignatureControls) #horizontalContainer) #addSignatureDescriptionContainer):has(input:disabled) > label {
  opacity: 0.4;
}
:is(:is(:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) #addSignatureControls) #horizontalContainer) #addSignatureDescriptionContainer) > label {
  width: auto;
}
:is(:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) #addSignatureControls) #horizontalContainer) #clearSignatureButton {
  display: flex;
  height: 32px;
  padding: 4px 8px;
  align-items: center;
  background-color: var(--clear-signature-button-bg);
  border-width: var(--clear-signature-button-border-width);
  border-style: var(--clear-signature-button-border-style);
  border-color: var(--clear-signature-button-border-color);
  border-radius: 4px;
}
:is(:is(:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) #addSignatureControls) #horizontalContainer) #clearSignatureButton) > span {
  display: flex;
  height: 24px;
  align-items: center;
  gap: 4px;
  flex-shrink: 0;
  color: var(--clear-signature-button-color);
}
:is(:is(:is(:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) #addSignatureControls) #horizontalContainer) #clearSignatureButton) > span)::after {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  -webkit-mask-image: var(--clear-signature-button-icon);
  mask-image: var(--clear-signature-button-icon);
  -webkit-mask-size: cover;
  mask-size: cover;
  background-color: var(--clear-signature-button-color);
  flex-shrink: 0;
}
:is(:is(:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) #addSignatureControls) #horizontalContainer) #clearSignatureButton):hover {
  background-color: var(--clear-signature-button-bg-hover);
}
:is(:is(:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) #addSignatureControls) #horizontalContainer) #clearSignatureButton):hover > span {
  color: var(--clear-signature-button-hover-color);
}
:is(:is(:is(:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) #addSignatureControls) #horizontalContainer) #clearSignatureButton):hover > span)::after {
  background-color: var(--clear-signature-button-hover-color);
}
:is(:is(:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) #addSignatureControls) #horizontalContainer) #clearSignatureButton):active {
  background-color: var(--clear-signature-button-bg-active);
}
:is(:is(:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) #addSignatureControls) #horizontalContainer) #clearSignatureButton):active > span {
  color: var(--clear-signature-button-active-color);
}
:is(:is(:is(:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) #addSignatureControls) #horizontalContainer) #clearSignatureButton):active > span)::after {
  background-color: var(--clear-signature-button-active-color);
}
:is(:is(:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) #addSignatureControls) #horizontalContainer) #clearSignatureButton):focus-visible {
  background-color: var(--clear-signature-button-bg-focus);
}
:is(:is(:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) #addSignatureControls) #horizontalContainer) #clearSignatureButton):focus-visible > span {
  color: var(--clear-signature-button-focus-color);
}
:is(:is(:is(:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) #addSignatureControls) #horizontalContainer) #clearSignatureButton):focus-visible > span)::after {
  background-color: var(--clear-signature-button-focus-color);
}
:is(:is(:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) #addSignatureControls) #horizontalContainer) #clearSignatureButton):disabled {
  background-color: var(--clear-signature-button-bg-disabled);
  border-color: var(--clear-signature-button-border-disabled-color);
}
:is(:is(:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) #addSignatureControls) #horizontalContainer) #clearSignatureButton):disabled > span {
  color: var(--clear-signature-button-disabled-color);
}
:is(:is(:is(:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) #addSignatureControls) #horizontalContainer) #clearSignatureButton):disabled > span)::after {
  background-color: var( --clear-signature-button-disabled-color );
}
:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) #addSignatureControls) #addSignatureSaveContainer {
  display: grid;
  grid-template-columns: max-content auto;
  gap: 4px;
  width: 100%;
}
:is(:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) #addSignatureControls) #addSignatureSaveContainer) > input {
  margin: 0;
}
:is(:is(:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) #addSignatureControls) #addSignatureSaveContainer) > input):disabled + label {
  opacity: 0.4;
}
:is(:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) #addSignatureControls) #addSignatureSaveContainer) > label {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
:is(:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) #addSignatureControls) #addSignatureSaveContainer):not(.fullStorage) #addSignatureSaveWarning {
  display: none;
}
.fullStorage:is(:is(:is(:is(#addSignatureDialog .mainContainer) #addSignatureActionContainer) #addSignatureControls) #addSignatureSaveContainer) #addSignatureSaveWarning {
  display: block;
  opacity: 1;
  color: var(--save-warning-color);
  font-size: 11px;
}
#editSignatureDescriptionDialog .mainContainer {
  padding-inline: 16px;
  box-sizing: border-box;
}
:is(#editSignatureDescriptionDialog .mainContainer) .title {
  margin-inline-start: 0;
}
:is(#editSignatureDescriptionDialog .mainContainer) #editSignatureDescriptionAndView {
  width: auto;
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
  gap: 12px;
  align-self: stretch;
}
:is(:is(#editSignatureDescriptionDialog .mainContainer) #editSignatureDescriptionAndView) #editSignatureDescriptionContainer {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  flex: 1 1 auto;
}
:is(:is(#editSignatureDescriptionDialog .mainContainer) #editSignatureDescriptionAndView) > svg {
  width: 210px;
  height: 180px;
  padding: 8px;
  background-color: var(--signature-bg);
}
:is(:is(:is(#editSignatureDescriptionDialog .mainContainer) #editSignatureDescriptionAndView) > svg) > path {
  stroke: var(--button-signature-color);
  stroke-width: 1px;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 10;
  vector-effect: non-scaling-stroke;
  fill: none;
}
.contours:is(:is(:is(:is(#editSignatureDescriptionDialog .mainContainer) #editSignatureDescriptionAndView) > svg) > path) {
  fill: var(--button-signature-color);
  stroke-width: 0.5px;
}
#editorSignatureParamsToolbar {
  padding: 8px;
}
#editorSignatureParamsToolbar #addSignatureDoorHanger {
  gap: 8px;
  padding: 2px;
}
:is(#editorSignatureParamsToolbar #addSignatureDoorHanger) .toolbarAddSignatureButtonContainer {
  height: 32px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
  gap: 8px;
}
:is(:is(#editorSignatureParamsToolbar #addSignatureDoorHanger) .toolbarAddSignatureButtonContainer) button {
  border: var(--button-signature-border);
  border-radius: 4px;
  background-color: var(--button-signature-bg);
  color: var(--button-signature-color);
}
:is(:is(:is(#editorSignatureParamsToolbar #addSignatureDoorHanger) .toolbarAddSignatureButtonContainer) button):hover {
  background-color: var(--button-signature-hover-bg);
}
:is(:is(:is(#editorSignatureParamsToolbar #addSignatureDoorHanger) .toolbarAddSignatureButtonContainer) button):active {
  border: var(--button-signature-active-border);
  background-color: var(--button-signature-active-bg);
  color: var(--button-signature-active-color);
}
:is(:is(:is(#editorSignatureParamsToolbar #addSignatureDoorHanger) .toolbarAddSignatureButtonContainer) button):active::before {
  background-color: var(--button-signature-active-color);
}
:is(:is(:is(#editorSignatureParamsToolbar #addSignatureDoorHanger) .toolbarAddSignatureButtonContainer) button):focus-visible {
  outline: var(--focus-ring-outline);
}
:is(:is(:is(#editorSignatureParamsToolbar #addSignatureDoorHanger) .toolbarAddSignatureButtonContainer) button):focus-visible::before {
  background-color: var(--button-signature-color);
}
:is(:is(:is(#editorSignatureParamsToolbar #addSignatureDoorHanger) .toolbarAddSignatureButtonContainer) .deleteButton)::before {
  -webkit-mask-image: var(--clear-signature-button-icon);
  mask-image: var(--clear-signature-button-icon);
}
:is(:is(#editorSignatureParamsToolbar #addSignatureDoorHanger) .toolbarAddSignatureButtonContainer) .toolbarAddSignatureButton {
  width: auto;
  height: 100%;
  min-height: var(--menuitem-height);
  aspect-ratio: unset;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  outline: none;
  border-radius: 4px;
  box-sizing: border-box;
  font: message-box;
  position: relative;
  flex: 1 1 auto;
  padding: 0;
  gap: 8px;
  text-align: start;
  white-space: normal;
  cursor: default;
  overflow: hidden;
}
:is(:is(:is(#editorSignatureParamsToolbar #addSignatureDoorHanger) .toolbarAddSignatureButtonContainer) .toolbarAddSignatureButton) > svg {
  display: inline-block;
  height: 100%;
  aspect-ratio: 1;
  background-color: var(--signature-bg);
  flex: none;
  padding: 4px;
  box-sizing: border-box;
  border: none;
  border-radius: 4px;
}
:is(:is(:is(:is(#editorSignatureParamsToolbar #addSignatureDoorHanger) .toolbarAddSignatureButtonContainer) .toolbarAddSignatureButton) > svg) > path {
  stroke: var(--button-signature-color);
  stroke-width: 1px;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 10;
  vector-effect: non-scaling-stroke;
  fill: none;
}
.contours:is(:is(:is(:is(:is(#editorSignatureParamsToolbar #addSignatureDoorHanger) .toolbarAddSignatureButtonContainer) .toolbarAddSignatureButton) > svg) > path) {
  fill: var(--button-signature-color);
  stroke-width: 0.5px;
}
:is(:is(:is(#editorSignatureParamsToolbar #addSignatureDoorHanger) .toolbarAddSignatureButtonContainer) .toolbarAddSignatureButton):is(:hover, :active) > svg {
  border-radius: 4px 0 0 4px;
  background-color: var(--signature-hover-bg);
}
:is(:is(:is(#editorSignatureParamsToolbar #addSignatureDoorHanger) .toolbarAddSignatureButtonContainer) .toolbarAddSignatureButton):hover > span {
  color: var(--button-signature-hover-color);
}
:is(:is(:is(#editorSignatureParamsToolbar #addSignatureDoorHanger) .toolbarAddSignatureButtonContainer) .toolbarAddSignatureButton):active {
  background-color: var(--button-signature-active-bg);
}
:is(:is(:is(#editorSignatureParamsToolbar #addSignatureDoorHanger) .toolbarAddSignatureButtonContainer) .toolbarAddSignatureButton):is([disabled=disabled], [disabled]) {
  opacity: 0.5;
  pointer-events: none;
}
:is(:is(:is(#editorSignatureParamsToolbar #addSignatureDoorHanger) .toolbarAddSignatureButtonContainer) .toolbarAddSignatureButton) > span {
  height: auto;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1 1 auto;
  font: menu;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  overflow: hidden;
}
.editDescription.altText {
  --alt-text-add-image:url("./media/editor-toolbar-edit-SBXMJKCM.svg") !important;
}
.editDescription.altText::before {
  width: 16px !important;
  height: 16px !important;
}
:root {
  --outline-width:2px;
  --outline-color:#0060df;
  --outline-around-width:1px;
  --outline-around-color:#f0f0f4;
  --hover-outline-around-color:var(--outline-around-color);
  --focus-outline:solid var(--outline-width) var(--outline-color);
  --unfocus-outline:solid var(--outline-width) transparent;
  --focus-outline-around:solid var(--outline-around-width) var(--outline-around-color);
  --hover-outline-color:#8f8f9d;
  --hover-outline:solid var(--outline-width) var(--hover-outline-color);
  --hover-outline-around:solid var(--outline-around-width) var(--hover-outline-around-color);
  --freetext-line-height:1.35;
  --freetext-padding:2px;
  --resizer-bg-color:var(--outline-color);
  --resizer-size:6px;
  --resizer-shift:calc( 0px - (var(--outline-width) + var(--resizer-size)) / 2 - var(--outline-around-width) );
  --editorFreeText-editing-cursor:text;
  --editorInk-editing-cursor:url("./media/cursor-editorInk-7FGC6QX4.svg") 0 16, pointer;
  --editorHighlight-editing-cursor:url("./media/cursor-editorTextHighlight-KY3GIDCC.svg") 24 24, text;
  --editorFreeHighlight-editing-cursor:url("./media/cursor-editorFreeHighlight-D7WXXNY3.svg") 1 18, pointer;
  --new-alt-text-warning-image:url("./media/altText_warning-2UZPDKUT.svg");
}
.textLayer.highlighting {
  cursor: var(--editorFreeHighlight-editing-cursor);
}
.textLayer.highlighting:not(.free) span {
  cursor: var(--editorHighlight-editing-cursor);
}
[role=img]:is(.textLayer.highlighting:not(.free) span) {
  cursor: var(--editorFreeHighlight-editing-cursor);
}
.textLayer.highlighting.free span {
  cursor: var(--editorFreeHighlight-editing-cursor);
}
:is(#viewerContainer.pdfPresentationMode:fullscreen, .annotationEditorLayer.disabled) .noAltTextBadge {
  display: none !important;
}
@media (min-resolution: 1.1dppx) {
  :root {
    --editorFreeText-editing-cursor:url("./media/cursor-editorFreeText-BNMWG5ZU.svg") 0 16, text;
  }
}
@media screen and (forced-colors: active) {
  :root {
    --outline-color:CanvasText;
    --outline-around-color:ButtonFace;
    --resizer-bg-color:ButtonText;
    --hover-outline-color:Highlight;
    --hover-outline-around-color:SelectedItemText;
  }
}
[data-editor-rotation="90"] {
  transform: rotate(90deg);
}
[data-editor-rotation="180"] {
  transform: rotate(180deg);
}
[data-editor-rotation="270"] {
  transform: rotate(270deg);
}
.annotationEditorLayer {
  background: transparent;
  position: absolute;
  inset: 0;
  font-size: calc(100px * var(--total-scale-factor));
  transform-origin: 0 0;
  cursor: auto;
}
.annotationEditorLayer .selectedEditor {
  z-index: 100000 !important;
}
.annotationEditorLayer.drawing * {
  pointer-events: none !important;
}
.annotationEditorLayer.getElements {
  pointer-events: auto !important;
}
.annotationEditorLayer.getElements > div {
  pointer-events: auto !important;
}
.annotationEditorLayer.waiting {
  content: "";
  cursor: wait;
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}
.annotationEditorLayer.disabled {
  pointer-events: none;
}
.annotationEditorLayer.disabled.highlightEditing :is(.freeTextEditor, .inkEditor, .stampEditor, .signatureEditor) {
  pointer-events: auto;
}
.annotationEditorLayer.freetextEditing {
  cursor: var(--editorFreeText-editing-cursor);
}
.annotationEditorLayer.inkEditing {
  cursor: var(--editorInk-editing-cursor);
}
.annotationEditorLayer .draw {
  box-sizing: border-box;
}
.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .signatureEditor) {
  position: absolute;
  background: transparent;
  z-index: 1;
  transform-origin: 0 0;
  cursor: auto;
  max-width: 100%;
  max-height: 100%;
  border: var(--unfocus-outline);
}
.draggable.selectedEditor:is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .signatureEditor)) {
  cursor: move;
}
.selectedEditor:is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .signatureEditor)) {
  border: var(--focus-outline);
  outline: var(--focus-outline-around);
}
.selectedEditor:is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .signatureEditor))::before {
  content: "";
  position: absolute;
  inset: 0;
  border: var(--focus-outline-around);
  pointer-events: none;
}
:is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .signatureEditor)):hover:not(.selectedEditor) {
  border: var(--hover-outline);
  outline: var(--hover-outline-around);
}
:is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .signatureEditor)):hover:not(.selectedEditor)::before {
  content: "";
  position: absolute;
  inset: 0;
  border: var(--focus-outline-around);
}
:is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor, .signatureEditor), .textLayer) .editToolbar {
  --editor-toolbar-delete-image:url("./media/editor-toolbar-delete-M2KKRH6K.svg");
  --csstools-light-dark-toggle--44:var(--csstools-color-scheme--light) #2b2a33;
  --editor-toolbar-bg-color:var(--csstools-light-dark-toggle--44, #f0f0f4);
  --editor-toolbar-highlight-image:url("./media/toolbarButton-editorHighlight-YMUH5KVM.svg");
  --csstools-light-dark-toggle--45:var(--csstools-color-scheme--light) #fbfbfe;
  --editor-toolbar-fg-color:var(--csstools-light-dark-toggle--45, #2e2e56);
  --editor-toolbar-border-color:#8f8f9d;
  --editor-toolbar-hover-border-color:var(--editor-toolbar-border-color);
  --csstools-light-dark-toggle--46:var(--csstools-color-scheme--light) #52525e;
  --editor-toolbar-hover-bg-color:var(--csstools-light-dark-toggle--46, #e0e0e6);
  --editor-toolbar-hover-fg-color:var(--editor-toolbar-fg-color);
  --editor-toolbar-hover-outline:none;
  --csstools-light-dark-toggle--47:var(--csstools-color-scheme--light) #0df;
  --editor-toolbar-focus-outline-color:var(--csstools-light-dark-toggle--47, #0060df);
  --editor-toolbar-shadow:0 2px 6px 0 rgb(58 57 68 / 0.2);
  --editor-toolbar-vert-offset:6px;
  --editor-toolbar-height:28px;
  --editor-toolbar-padding:2px;
  --csstools-light-dark-toggle--48:var(--csstools-color-scheme--light) #54ffbd;
  --alt-text-done-color:var(--csstools-light-dark-toggle--48, #2ac3a2);
  --csstools-light-dark-toggle--49:var(--csstools-color-scheme--light) #80ebff;
  --alt-text-warning-color:var(--csstools-light-dark-toggle--49, #0090ed);
  --alt-text-hover-done-color:var(--alt-text-done-color);
  --alt-text-hover-warning-color:var(--alt-text-warning-color);
}
@supports (color: light-dark(red, red)) {
  :is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor, .signatureEditor), .textLayer) .editToolbar {
    --editor-toolbar-bg-color:light-dark(#f0f0f4, #2b2a33);
    --editor-toolbar-fg-color:light-dark(#2e2e56, #fbfbfe);
    --editor-toolbar-hover-bg-color:light-dark(#e0e0e6, #52525e);
    --editor-toolbar-focus-outline-color:light-dark(#0060df, #0df);
    --alt-text-done-color:light-dark(#2ac3a2, #54ffbd);
    --alt-text-warning-color:light-dark(#0090ed, #80ebff);
  }
}
@supports not (color: light-dark(tan, tan)) {
  :is(:is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor, .signatureEditor), .textLayer) .editToolbar) * {
    --csstools-light-dark-toggle--44:var(--csstools-color-scheme--light) #2b2a33;
    --editor-toolbar-bg-color:var(--csstools-light-dark-toggle--44, #f0f0f4);
    --csstools-light-dark-toggle--45:var(--csstools-color-scheme--light) #fbfbfe;
    --editor-toolbar-fg-color:var(--csstools-light-dark-toggle--45, #2e2e56);
    --csstools-light-dark-toggle--46:var(--csstools-color-scheme--light) #52525e;
    --editor-toolbar-hover-bg-color:var(--csstools-light-dark-toggle--46, #e0e0e6);
    --csstools-light-dark-toggle--47:var(--csstools-color-scheme--light) #0df;
    --editor-toolbar-focus-outline-color:var(--csstools-light-dark-toggle--47, #0060df);
    --csstools-light-dark-toggle--48:var(--csstools-color-scheme--light) #54ffbd;
    --alt-text-done-color:var(--csstools-light-dark-toggle--48, #2ac3a2);
    --csstools-light-dark-toggle--49:var(--csstools-color-scheme--light) #80ebff;
    --alt-text-warning-color:var(--csstools-light-dark-toggle--49, #0090ed);
  }
}
@media screen and (forced-colors: active) {
  :is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor, .signatureEditor), .textLayer) .editToolbar {
    --editor-toolbar-bg-color:ButtonFace;
    --editor-toolbar-fg-color:ButtonText;
    --editor-toolbar-border-color:ButtonText;
    --editor-toolbar-hover-border-color:AccentColor;
    --editor-toolbar-hover-bg-color:ButtonFace;
    --editor-toolbar-hover-fg-color:AccentColor;
    --editor-toolbar-hover-outline:2px solid var(--editor-toolbar-hover-border-color);
    --editor-toolbar-focus-outline-color:ButtonBorder;
    --editor-toolbar-shadow:none;
    --alt-text-done-color:var(--editor-toolbar-fg-color);
    --alt-text-warning-color:var(--editor-toolbar-fg-color);
    --alt-text-hover-done-color:var(--editor-toolbar-hover-fg-color);
    --alt-text-hover-warning-color:var(--editor-toolbar-hover-fg-color);
  }
}
:is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor, .signatureEditor), .textLayer) .editToolbar {
  display: flex;
  width: -moz-fit-content;
  width: fit-content;
  height: var(--editor-toolbar-height);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  cursor: default;
  pointer-events: auto;
  box-sizing: content-box;
  padding: var(--editor-toolbar-padding);
  position: absolute;
  inset-inline-end: 0;
  inset-block-start: calc(100% + var(--editor-toolbar-vert-offset));
  border-radius: 6px;
  background-color: var(--editor-toolbar-bg-color);
  border: 1px solid var(--editor-toolbar-border-color);
  box-shadow: var(--editor-toolbar-shadow);
}
.hidden:is(:is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor, .signatureEditor), .textLayer) .editToolbar) {
  display: none;
}
:is(:is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor, .signatureEditor), .textLayer) .editToolbar):has(:focus-visible) {
  border-color: transparent;
}
[dir=ltr] :is(:is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor, .signatureEditor), .textLayer) .editToolbar) {
  transform-origin: 100% 0;
}
[dir=rtl] :is(:is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor, .signatureEditor), .textLayer) .editToolbar) {
  transform-origin: 0 0;
}
:is(:is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor, .signatureEditor), .textLayer) .editToolbar) .buttons {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0;
  height: 100%;
}
:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor, .signatureEditor), .textLayer) .editToolbar) .buttons) button {
  padding: 0;
}
:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor, .signatureEditor), .textLayer) .editToolbar) .buttons) .divider {
  width: 0;
  height: calc(2 * var(--editor-toolbar-padding) + var(--editor-toolbar-height));
  border-left: 1px solid var(--editor-toolbar-border-color);
  border-right: none;
  display: inline-block;
  margin-inline: 2px;
}
:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor, .signatureEditor), .textLayer) .editToolbar) .buttons) .highlightButton {
  width: var(--editor-toolbar-height);
}
:is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor, .signatureEditor), .textLayer) .editToolbar) .buttons) .highlightButton)::before {
  content: "";
  -webkit-mask-image: var(--editor-toolbar-highlight-image);
  mask-image: var(--editor-toolbar-highlight-image);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  display: inline-block;
  background-color: var(--editor-toolbar-fg-color);
  width: 100%;
  height: 100%;
}
:is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor, .signatureEditor), .textLayer) .editToolbar) .buttons) .highlightButton):hover::before {
  background-color: var(--editor-toolbar-hover-fg-color);
}
:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor, .signatureEditor), .textLayer) .editToolbar) .buttons) .delete {
  width: var(--editor-toolbar-height);
}
:is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor, .signatureEditor), .textLayer) .editToolbar) .buttons) .delete)::before {
  content: "";
  -webkit-mask-image: var(--editor-toolbar-delete-image);
  mask-image: var(--editor-toolbar-delete-image);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  display: inline-block;
  background-color: var(--editor-toolbar-fg-color);
  width: 100%;
  height: 100%;
}
:is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor, .signatureEditor), .textLayer) .editToolbar) .buttons) .delete):hover::before {
  background-color: var(--editor-toolbar-hover-fg-color);
}
:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor, .signatureEditor), .textLayer) .editToolbar) .buttons) > * {
  height: var(--editor-toolbar-height);
}
:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor, .signatureEditor), .textLayer) .editToolbar) .buttons) > :not(.divider) {
  border: none;
  background-color: transparent;
  cursor: pointer;
}
:is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor, .signatureEditor), .textLayer) .editToolbar) .buttons) > :not(.divider)):hover {
  border-radius: 2px;
  background-color: var(--editor-toolbar-hover-bg-color);
  color: var(--editor-toolbar-hover-fg-color);
  outline: var(--editor-toolbar-hover-outline);
  outline-offset: 1px;
}
:is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor, .signatureEditor), .textLayer) .editToolbar) .buttons) > :not(.divider)):hover:active {
  outline: none;
}
:is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor, .signatureEditor), .textLayer) .editToolbar) .buttons) > :not(.divider)):focus-visible {
  border-radius: 2px;
  outline: 2px solid var(--editor-toolbar-focus-outline-color);
}
:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor, .signatureEditor), .textLayer) .editToolbar) .buttons) .altText {
  --alt-text-add-image:url("./media/altText_add-O5EO5EY3.svg");
  --alt-text-done-image:url("./media/altText_done-CATL4EIA.svg");
  display: flex;
  align-items: center;
  justify-content: center;
  width: -moz-max-content;
  width: max-content;
  padding-inline: 8px;
  pointer-events: all;
  font: menu;
  font-weight: 590;
  font-size: 12px;
  color: var(--editor-toolbar-fg-color);
}
:is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor, .signatureEditor), .textLayer) .editToolbar) .buttons) .altText):disabled {
  pointer-events: none;
}
:is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor, .signatureEditor), .textLayer) .editToolbar) .buttons) .altText)::before {
  content: "";
  -webkit-mask-image: var(--alt-text-add-image);
  mask-image: var(--alt-text-add-image);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  display: inline-block;
  width: 12px;
  height: 13px;
  background-color: var(--editor-toolbar-fg-color);
  margin-inline-end: 4px;
}
:is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor, .signatureEditor), .textLayer) .editToolbar) .buttons) .altText):hover::before {
  background-color: var(--editor-toolbar-hover-fg-color);
}
.done:is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor, .signatureEditor), .textLayer) .editToolbar) .buttons) .altText)::before {
  -webkit-mask-image: var(--alt-text-done-image);
  mask-image: var(--alt-text-done-image);
}
.new:is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor, .signatureEditor), .textLayer) .editToolbar) .buttons) .altText)::before {
  width: 16px;
  height: 16px;
  -webkit-mask-image: var(--new-alt-text-warning-image);
  mask-image: var(--new-alt-text-warning-image);
  background-color: var(--alt-text-warning-color);
  -webkit-mask-size: cover;
  mask-size: cover;
}
.new:is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor, .signatureEditor), .textLayer) .editToolbar) .buttons) .altText):hover::before {
  background-color: var(--alt-text-hover-warning-color);
}
.new.done:is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor, .signatureEditor), .textLayer) .editToolbar) .buttons) .altText)::before {
  -webkit-mask-image: var(--alt-text-done-image);
  mask-image: var(--alt-text-done-image);
  background-color: var(--alt-text-done-color);
}
.new.done:is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor, .signatureEditor), .textLayer) .editToolbar) .buttons) .altText):hover::before {
  background-color: var(--alt-text-hover-done-color);
}
:is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor, .signatureEditor), .textLayer) .editToolbar) .buttons) .altText) .tooltip {
  display: none;
  word-wrap: anywhere;
}
.show:is(:is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor, .signatureEditor), .textLayer) .editToolbar) .buttons) .altText) .tooltip) {
  --csstools-light-dark-toggle--50:var(--csstools-color-scheme--light) #1c1b22;
  --alt-text-tooltip-bg:var(--csstools-light-dark-toggle--50, #f0f0f4);
  --csstools-light-dark-toggle--51:var(--csstools-color-scheme--light) #fbfbfe;
  --alt-text-tooltip-fg:var(--csstools-light-dark-toggle--51, #15141a);
  --alt-text-tooltip-border:#8f8f9d;
  --csstools-light-dark-toggle--52:var(--csstools-color-scheme--light) #15141a;
  --alt-text-tooltip-shadow:0px 2px 6px 0px var(--csstools-light-dark-toggle--52, rgb(58 57 68 / 0.2));
}
@supports (color: light-dark(red, red)) {
  .show:is(:is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor, .signatureEditor), .textLayer) .editToolbar) .buttons) .altText) .tooltip) {
    --alt-text-tooltip-bg:light-dark(#f0f0f4, #1c1b22);
    --alt-text-tooltip-fg:light-dark(#15141a, #fbfbfe);
  }
}
@supports (color: light-dark(red, red)) and (color: rgb(0 0 0 / 0)) {
  .show:is(:is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor, .signatureEditor), .textLayer) .editToolbar) .buttons) .altText) .tooltip) {
    --alt-text-tooltip-shadow:0px 2px 6px 0px light-dark(rgb(58 57 68 / 0.2), #15141a);
  }
}
@supports not (color: light-dark(tan, tan)) {
  .show:is(:is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor, .signatureEditor), .textLayer) .editToolbar) .buttons) .altText) .tooltip) * {
    --csstools-light-dark-toggle--50:var(--csstools-color-scheme--light) #1c1b22;
    --alt-text-tooltip-bg:var(--csstools-light-dark-toggle--50, #f0f0f4);
    --csstools-light-dark-toggle--51:var(--csstools-color-scheme--light) #fbfbfe;
    --alt-text-tooltip-fg:var(--csstools-light-dark-toggle--51, #15141a);
    --csstools-light-dark-toggle--52:var(--csstools-color-scheme--light) #15141a;
    --alt-text-tooltip-shadow:0px 2px 6px 0px var(--csstools-light-dark-toggle--52, rgb(58 57 68 / 0.2));
  }
}
@media screen and (forced-colors: active) {
  .show:is(:is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor, .signatureEditor), .textLayer) .editToolbar) .buttons) .altText) .tooltip) {
    --alt-text-tooltip-bg:Canvas;
    --alt-text-tooltip-fg:CanvasText;
    --alt-text-tooltip-border:CanvasText;
    --alt-text-tooltip-shadow:none;
  }
}
.show:is(:is(:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor, .signatureEditor), .textLayer) .editToolbar) .buttons) .altText) .tooltip) {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: calc(100% + 2px);
  inset-inline-start: 0;
  padding-block: 2px 3px;
  padding-inline: 3px;
  max-width: 300px;
  width: -moz-max-content;
  width: max-content;
  height: auto;
  font-size: 12px;
  border: 0.5px solid var(--alt-text-tooltip-border);
  background: var(--alt-text-tooltip-bg);
  box-shadow: var(--alt-text-tooltip-shadow);
  color: var(--alt-text-tooltip-fg);
  pointer-events: none;
}
.annotationEditorLayer .freeTextEditor {
  padding: calc(var(--freetext-padding) * var(--total-scale-factor));
  width: auto;
  height: auto;
  touch-action: none;
}
.annotationEditorLayer .freeTextEditor .internal {
  background: transparent;
  border: none;
  inset: 0;
  overflow: visible;
  white-space: nowrap;
  font: 10px sans-serif;
  line-height: var(--freetext-line-height);
  text-align: start;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.annotationEditorLayer .freeTextEditor .overlay {
  position: absolute;
  display: none;
  background: transparent;
  inset: 0;
  width: 100%;
  height: 100%;
}
.annotationEditorLayer freeTextEditor .overlay.enabled {
  display: block;
}
.annotationEditorLayer .freeTextEditor .internal:empty::before {
  content: attr(default-content);
  color: gray;
}
.annotationEditorLayer .freeTextEditor .internal:focus {
  outline: none;
  -webkit-user-select: auto;
  -moz-user-select: auto;
  user-select: auto;
}
.annotationEditorLayer .inkEditor {
  width: 100%;
  height: 100%;
}
.annotationEditorLayer .inkEditor.editing {
  cursor: inherit;
}
.annotationEditorLayer .inkEditor .inkEditorCanvas {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  touch-action: none;
}
.annotationEditorLayer .stampEditor {
  width: auto;
  height: auto;
}
:is(.annotationEditorLayer .stampEditor) canvas {
  position: absolute;
  width: 100%;
  height: 100%;
  margin: 0;
  top: 0;
  left: 0;
}
:is(.annotationEditorLayer .stampEditor) .noAltTextBadge {
  --csstools-light-dark-toggle--53:var(--csstools-color-scheme--light) #52525e;
  --no-alt-text-badge-border-color:var(--csstools-light-dark-toggle--53, #f0f0f4);
  --csstools-light-dark-toggle--54:var(--csstools-color-scheme--light) #fbfbfe;
  --no-alt-text-badge-bg-color:var(--csstools-light-dark-toggle--54, #cfcfd8);
  --csstools-light-dark-toggle--55:var(--csstools-color-scheme--light) #15141a;
  --no-alt-text-badge-fg-color:var(--csstools-light-dark-toggle--55, #5b5b66);
}
@supports (color: light-dark(red, red)) {
  :is(.annotationEditorLayer .stampEditor) .noAltTextBadge {
    --no-alt-text-badge-border-color:light-dark(#f0f0f4, #52525e);
    --no-alt-text-badge-bg-color:light-dark(#cfcfd8, #fbfbfe);
    --no-alt-text-badge-fg-color:light-dark(#5b5b66, #15141a);
  }
}
@supports not (color: light-dark(tan, tan)) {
  :is(:is(.annotationEditorLayer .stampEditor) .noAltTextBadge) * {
    --csstools-light-dark-toggle--53:var(--csstools-color-scheme--light) #52525e;
    --no-alt-text-badge-border-color:var(--csstools-light-dark-toggle--53, #f0f0f4);
    --csstools-light-dark-toggle--54:var(--csstools-color-scheme--light) #fbfbfe;
    --no-alt-text-badge-bg-color:var(--csstools-light-dark-toggle--54, #cfcfd8);
    --csstools-light-dark-toggle--55:var(--csstools-color-scheme--light) #15141a;
    --no-alt-text-badge-fg-color:var(--csstools-light-dark-toggle--55, #5b5b66);
  }
}
@media screen and (forced-colors: active) {
  :is(.annotationEditorLayer .stampEditor) .noAltTextBadge {
    --no-alt-text-badge-border-color:ButtonText;
    --no-alt-text-badge-bg-color:ButtonFace;
    --no-alt-text-badge-fg-color:ButtonText;
  }
}
:is(.annotationEditorLayer .stampEditor) .noAltTextBadge {
  position: absolute;
  inset-inline-end: 5px;
  inset-block-end: 5px;
  display: inline-flex;
  width: 32px;
  height: 32px;
  padding: 3px;
  justify-content: center;
  align-items: center;
  pointer-events: none;
  z-index: 1;
  border-radius: 2px;
  border: 1px solid var(--no-alt-text-badge-border-color);
  background: var(--no-alt-text-badge-bg-color);
}
:is(:is(.annotationEditorLayer .stampEditor) .noAltTextBadge)::before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  -webkit-mask-image: var(--new-alt-text-warning-image);
  mask-image: var(--new-alt-text-warning-image);
  -webkit-mask-size: cover;
  mask-size: cover;
  background-color: var(--no-alt-text-badge-fg-color);
}
:is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .signatureEditor)) > .resizers {
  position: absolute;
  inset: 0;
}
.hidden:is(:is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .signatureEditor)) > .resizers) {
  display: none;
}
:is(:is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .signatureEditor)) > .resizers) > .resizer {
  width: var(--resizer-size);
  height: var(--resizer-size);
  background: content-box var(--resizer-bg-color);
  border: var(--focus-outline-around);
  border-radius: 2px;
  position: absolute;
}
.topLeft:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .signatureEditor)) > .resizers) > .resizer) {
  top: var(--resizer-shift);
  left: var(--resizer-shift);
}
.topMiddle:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .signatureEditor)) > .resizers) > .resizer) {
  top: var(--resizer-shift);
  left: calc(50% + var(--resizer-shift));
}
.topRight:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .signatureEditor)) > .resizers) > .resizer) {
  top: var(--resizer-shift);
  right: var(--resizer-shift);
}
.middleRight:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .signatureEditor)) > .resizers) > .resizer) {
  top: calc(50% + var(--resizer-shift));
  right: var(--resizer-shift);
}
.bottomRight:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .signatureEditor)) > .resizers) > .resizer) {
  bottom: var(--resizer-shift);
  right: var(--resizer-shift);
}
.bottomMiddle:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .signatureEditor)) > .resizers) > .resizer) {
  bottom: var(--resizer-shift);
  left: calc(50% + var(--resizer-shift));
}
.bottomLeft:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .signatureEditor)) > .resizers) > .resizer) {
  bottom: var(--resizer-shift);
  left: var(--resizer-shift);
}
.middleLeft:is(:is(:is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .signatureEditor)) > .resizers) > .resizer) {
  top: calc(50% + var(--resizer-shift));
  left: var(--resizer-shift);
}
.topLeft:is(:is(.annotationEditorLayer[data-main-rotation="0"] :is([data-editor-rotation="0"], [data-editor-rotation="180"]), .annotationEditorLayer[data-main-rotation="90"] :is([data-editor-rotation="270"], [data-editor-rotation="90"]), .annotationEditorLayer[data-main-rotation="180"] :is([data-editor-rotation="180"], [data-editor-rotation="0"]), .annotationEditorLayer[data-main-rotation="270"] :is([data-editor-rotation="90"], [data-editor-rotation="270"])) > .resizers > .resizer),
.bottomRight:is(:is(.annotationEditorLayer[data-main-rotation="0"] :is([data-editor-rotation="0"], [data-editor-rotation="180"]), .annotationEditorLayer[data-main-rotation="90"] :is([data-editor-rotation="270"], [data-editor-rotation="90"]), .annotationEditorLayer[data-main-rotation="180"] :is([data-editor-rotation="180"], [data-editor-rotation="0"]), .annotationEditorLayer[data-main-rotation="270"] :is([data-editor-rotation="90"], [data-editor-rotation="270"])) > .resizers > .resizer) {
  cursor: nwse-resize;
}
.topMiddle:is(:is(.annotationEditorLayer[data-main-rotation="0"] :is([data-editor-rotation="0"], [data-editor-rotation="180"]), .annotationEditorLayer[data-main-rotation="90"] :is([data-editor-rotation="270"], [data-editor-rotation="90"]), .annotationEditorLayer[data-main-rotation="180"] :is([data-editor-rotation="180"], [data-editor-rotation="0"]), .annotationEditorLayer[data-main-rotation="270"] :is([data-editor-rotation="90"], [data-editor-rotation="270"])) > .resizers > .resizer),
.bottomMiddle:is(:is(.annotationEditorLayer[data-main-rotation="0"] :is([data-editor-rotation="0"], [data-editor-rotation="180"]), .annotationEditorLayer[data-main-rotation="90"] :is([data-editor-rotation="270"], [data-editor-rotation="90"]), .annotationEditorLayer[data-main-rotation="180"] :is([data-editor-rotation="180"], [data-editor-rotation="0"]), .annotationEditorLayer[data-main-rotation="270"] :is([data-editor-rotation="90"], [data-editor-rotation="270"])) > .resizers > .resizer) {
  cursor: ns-resize;
}
.topRight:is(:is(.annotationEditorLayer[data-main-rotation="0"] :is([data-editor-rotation="0"], [data-editor-rotation="180"]), .annotationEditorLayer[data-main-rotation="90"] :is([data-editor-rotation="270"], [data-editor-rotation="90"]), .annotationEditorLayer[data-main-rotation="180"] :is([data-editor-rotation="180"], [data-editor-rotation="0"]), .annotationEditorLayer[data-main-rotation="270"] :is([data-editor-rotation="90"], [data-editor-rotation="270"])) > .resizers > .resizer),
.bottomLeft:is(:is(.annotationEditorLayer[data-main-rotation="0"] :is([data-editor-rotation="0"], [data-editor-rotation="180"]), .annotationEditorLayer[data-main-rotation="90"] :is([data-editor-rotation="270"], [data-editor-rotation="90"]), .annotationEditorLayer[data-main-rotation="180"] :is([data-editor-rotation="180"], [data-editor-rotation="0"]), .annotationEditorLayer[data-main-rotation="270"] :is([data-editor-rotation="90"], [data-editor-rotation="270"])) > .resizers > .resizer) {
  cursor: nesw-resize;
}
.middleRight:is(:is(.annotationEditorLayer[data-main-rotation="0"] :is([data-editor-rotation="0"], [data-editor-rotation="180"]), .annotationEditorLayer[data-main-rotation="90"] :is([data-editor-rotation="270"], [data-editor-rotation="90"]), .annotationEditorLayer[data-main-rotation="180"] :is([data-editor-rotation="180"], [data-editor-rotation="0"]), .annotationEditorLayer[data-main-rotation="270"] :is([data-editor-rotation="90"], [data-editor-rotation="270"])) > .resizers > .resizer),
.middleLeft:is(:is(.annotationEditorLayer[data-main-rotation="0"] :is([data-editor-rotation="0"], [data-editor-rotation="180"]), .annotationEditorLayer[data-main-rotation="90"] :is([data-editor-rotation="270"], [data-editor-rotation="90"]), .annotationEditorLayer[data-main-rotation="180"] :is([data-editor-rotation="180"], [data-editor-rotation="0"]), .annotationEditorLayer[data-main-rotation="270"] :is([data-editor-rotation="90"], [data-editor-rotation="270"])) > .resizers > .resizer) {
  cursor: ew-resize;
}
.topLeft:is(:is(.annotationEditorLayer[data-main-rotation="0"] :is([data-editor-rotation="90"], [data-editor-rotation="270"]), .annotationEditorLayer[data-main-rotation="90"] :is([data-editor-rotation="0"], [data-editor-rotation="180"]), .annotationEditorLayer[data-main-rotation="180"] :is([data-editor-rotation="270"], [data-editor-rotation="90"]), .annotationEditorLayer[data-main-rotation="270"] :is([data-editor-rotation="180"], [data-editor-rotation="0"])) > .resizers > .resizer),
.bottomRight:is(:is(.annotationEditorLayer[data-main-rotation="0"] :is([data-editor-rotation="90"], [data-editor-rotation="270"]), .annotationEditorLayer[data-main-rotation="90"] :is([data-editor-rotation="0"], [data-editor-rotation="180"]), .annotationEditorLayer[data-main-rotation="180"] :is([data-editor-rotation="270"], [data-editor-rotation="90"]), .annotationEditorLayer[data-main-rotation="270"] :is([data-editor-rotation="180"], [data-editor-rotation="0"])) > .resizers > .resizer) {
  cursor: nesw-resize;
}
.topMiddle:is(:is(.annotationEditorLayer[data-main-rotation="0"] :is([data-editor-rotation="90"], [data-editor-rotation="270"]), .annotationEditorLayer[data-main-rotation="90"] :is([data-editor-rotation="0"], [data-editor-rotation="180"]), .annotationEditorLayer[data-main-rotation="180"] :is([data-editor-rotation="270"], [data-editor-rotation="90"]), .annotationEditorLayer[data-main-rotation="270"] :is([data-editor-rotation="180"], [data-editor-rotation="0"])) > .resizers > .resizer),
.bottomMiddle:is(:is(.annotationEditorLayer[data-main-rotation="0"] :is([data-editor-rotation="90"], [data-editor-rotation="270"]), .annotationEditorLayer[data-main-rotation="90"] :is([data-editor-rotation="0"], [data-editor-rotation="180"]), .annotationEditorLayer[data-main-rotation="180"] :is([data-editor-rotation="270"], [data-editor-rotation="90"]), .annotationEditorLayer[data-main-rotation="270"] :is([data-editor-rotation="180"], [data-editor-rotation="0"])) > .resizers > .resizer) {
  cursor: ew-resize;
}
.topRight:is(:is(.annotationEditorLayer[data-main-rotation="0"] :is([data-editor-rotation="90"], [data-editor-rotation="270"]), .annotationEditorLayer[data-main-rotation="90"] :is([data-editor-rotation="0"], [data-editor-rotation="180"]), .annotationEditorLayer[data-main-rotation="180"] :is([data-editor-rotation="270"], [data-editor-rotation="90"]), .annotationEditorLayer[data-main-rotation="270"] :is([data-editor-rotation="180"], [data-editor-rotation="0"])) > .resizers > .resizer),
.bottomLeft:is(:is(.annotationEditorLayer[data-main-rotation="0"] :is([data-editor-rotation="90"], [data-editor-rotation="270"]), .annotationEditorLayer[data-main-rotation="90"] :is([data-editor-rotation="0"], [data-editor-rotation="180"]), .annotationEditorLayer[data-main-rotation="180"] :is([data-editor-rotation="270"], [data-editor-rotation="90"]), .annotationEditorLayer[data-main-rotation="270"] :is([data-editor-rotation="180"], [data-editor-rotation="0"])) > .resizers > .resizer) {
  cursor: nwse-resize;
}
.middleRight:is(:is(.annotationEditorLayer[data-main-rotation="0"] :is([data-editor-rotation="90"], [data-editor-rotation="270"]), .annotationEditorLayer[data-main-rotation="90"] :is([data-editor-rotation="0"], [data-editor-rotation="180"]), .annotationEditorLayer[data-main-rotation="180"] :is([data-editor-rotation="270"], [data-editor-rotation="90"]), .annotationEditorLayer[data-main-rotation="270"] :is([data-editor-rotation="180"], [data-editor-rotation="0"])) > .resizers > .resizer),
.middleLeft:is(:is(.annotationEditorLayer[data-main-rotation="0"] :is([data-editor-rotation="90"], [data-editor-rotation="270"]), .annotationEditorLayer[data-main-rotation="90"] :is([data-editor-rotation="0"], [data-editor-rotation="180"]), .annotationEditorLayer[data-main-rotation="180"] :is([data-editor-rotation="270"], [data-editor-rotation="90"]), .annotationEditorLayer[data-main-rotation="270"] :is([data-editor-rotation="180"], [data-editor-rotation="0"])) > .resizers > .resizer) {
  cursor: ns-resize;
}
:is(.annotationEditorLayer :is([data-main-rotation="0"] [data-editor-rotation="90"], [data-main-rotation="90"] [data-editor-rotation="0"], [data-main-rotation="180"] [data-editor-rotation="270"], [data-main-rotation="270"] [data-editor-rotation="180"])) .editToolbar {
  rotate: 270deg;
}
[dir=ltr] :is(:is(.annotationEditorLayer :is([data-main-rotation="0"] [data-editor-rotation="90"], [data-main-rotation="90"] [data-editor-rotation="0"], [data-main-rotation="180"] [data-editor-rotation="270"], [data-main-rotation="270"] [data-editor-rotation="180"])) .editToolbar) {
  inset-inline-end: calc(0px - var(--editor-toolbar-vert-offset));
  inset-block-start: 0;
}
[dir=rtl] :is(:is(.annotationEditorLayer :is([data-main-rotation="0"] [data-editor-rotation="90"], [data-main-rotation="90"] [data-editor-rotation="0"], [data-main-rotation="180"] [data-editor-rotation="270"], [data-main-rotation="270"] [data-editor-rotation="180"])) .editToolbar) {
  inset-inline-end: calc(100% + var(--editor-toolbar-vert-offset));
  inset-block-start: 0;
}
:is(.annotationEditorLayer :is([data-main-rotation="0"] [data-editor-rotation="180"], [data-main-rotation="90"] [data-editor-rotation="90"], [data-main-rotation="180"] [data-editor-rotation="0"], [data-main-rotation="270"] [data-editor-rotation="270"])) .editToolbar {
  rotate: 180deg;
  inset-inline-end: 100%;
  inset-block-start: calc(0pc - var(--editor-toolbar-vert-offset));
}
:is(.annotationEditorLayer :is([data-main-rotation="0"] [data-editor-rotation="270"], [data-main-rotation="90"] [data-editor-rotation="180"], [data-main-rotation="180"] [data-editor-rotation="90"], [data-main-rotation="270"] [data-editor-rotation="0"])) .editToolbar {
  rotate: 90deg;
}
[dir=ltr] :is(:is(.annotationEditorLayer :is([data-main-rotation="0"] [data-editor-rotation="270"], [data-main-rotation="90"] [data-editor-rotation="180"], [data-main-rotation="180"] [data-editor-rotation="90"], [data-main-rotation="270"] [data-editor-rotation="0"])) .editToolbar) {
  inset-inline-end: calc(100% + var(--editor-toolbar-vert-offset));
  inset-block-start: 100%;
}
[dir=rtl] :is(:is(.annotationEditorLayer :is([data-main-rotation="0"] [data-editor-rotation="270"], [data-main-rotation="90"] [data-editor-rotation="180"], [data-main-rotation="180"] [data-editor-rotation="90"], [data-main-rotation="270"] [data-editor-rotation="0"])) .editToolbar) {
  inset-inline-start: calc(0px - var(--editor-toolbar-vert-offset));
  inset-block-start: 0;
}
.dialog.altText::backdrop {
  -webkit-mask: url(#alttext-manager-mask);
  mask: url(#alttext-manager-mask);
}
.dialog.altText.positioned {
  margin: 0;
}
.dialog.altText #altTextContainer {
  width: 300px;
  height: -moz-fit-content;
  height: fit-content;
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
}
:is(.dialog.altText #altTextContainer) #overallDescription {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  align-self: stretch;
}
:is(:is(.dialog.altText #altTextContainer) #overallDescription) span {
  align-self: stretch;
}
:is(:is(.dialog.altText #altTextContainer) #overallDescription) .title {
  font-size: 13px;
  font-style: normal;
  font-weight: 590;
}
:is(.dialog.altText #altTextContainer) #addDescription {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 8px;
}
:is(:is(.dialog.altText #altTextContainer) #addDescription) .descriptionArea {
  flex: 1;
  padding-inline: 24px 10px;
}
:is(:is(:is(.dialog.altText #altTextContainer) #addDescription) .descriptionArea) textarea {
  width: 100%;
  min-height: 75px;
}
:is(.dialog.altText #altTextContainer) #buttons {
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
  gap: 8px;
  align-self: stretch;
}
.dialog.newAltText {
  --new-alt-text-ai-disclaimer-icon:url("./media/altText_disclaimer-PY6CXXOP.svg");
  --new-alt-text-spinner-icon:url("./media/altText_spinner-MGX6D5FG.svg");
  --csstools-light-dark-toggle--56:var(--csstools-color-scheme--light) #2b2a33;
  --preview-image-bg-color:var(--csstools-light-dark-toggle--56, #f0f0f4);
  --preview-image-border:none;
}
@supports (color: light-dark(red, red)) {
  .dialog.newAltText {
    --preview-image-bg-color:light-dark(#f0f0f4, #2b2a33);
  }
}
@supports not (color: light-dark(tan, tan)) {
  .dialog.newAltText * {
    --csstools-light-dark-toggle--56:var(--csstools-color-scheme--light) #2b2a33;
    --preview-image-bg-color:var(--csstools-light-dark-toggle--56, #f0f0f4);
  }
}
@media screen and (forced-colors: active) {
  .dialog.newAltText {
    --preview-image-bg-color:ButtonFace;
    --preview-image-border:1px solid ButtonText;
  }
}
.dialog.newAltText {
  width: 80%;
  max-width: 570px;
  min-width: 300px;
  padding: 0;
}
.dialog.newAltText.noAi #newAltTextDisclaimer,
.dialog.newAltText.noAi #newAltTextCreateAutomatically {
  display: none !important;
}
.dialog.newAltText.aiInstalling #newAltTextCreateAutomatically {
  display: none !important;
}
.dialog.newAltText.aiInstalling #newAltTextDownloadModel {
  display: flex !important;
}
.dialog.newAltText.error #newAltTextNotNow {
  display: none !important;
}
.dialog.newAltText.error #newAltTextCancel {
  display: inline-block !important;
}
.dialog.newAltText:not(.error) #newAltTextError {
  display: none !important;
}
.dialog.newAltText #newAltTextContainer {
  display: flex;
  width: auto;
  padding: 16px;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  gap: 12px;
  flex: 0 1 auto;
  line-height: normal;
}
:is(.dialog.newAltText #newAltTextContainer) #mainContent {
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
  gap: 12px;
  align-self: stretch;
  flex: 1 1 auto;
}
:is(:is(.dialog.newAltText #newAltTextContainer) #mainContent) #descriptionAndSettings {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  flex: 1 0 0;
  align-self: stretch;
}
:is(:is(.dialog.newAltText #newAltTextContainer) #mainContent) #descriptionInstruction {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  align-self: stretch;
  flex: 1 1 auto;
}
:is(:is(:is(.dialog.newAltText #newAltTextContainer) #mainContent) #descriptionInstruction) #newAltTextDescriptionContainer {
  width: 100%;
  height: 70px;
  position: relative;
}
:is(:is(:is(:is(.dialog.newAltText #newAltTextContainer) #mainContent) #descriptionInstruction) #newAltTextDescriptionContainer) textarea {
  width: 100%;
  height: 100%;
  padding: 8px;
}
:is(:is(:is(:is(:is(.dialog.newAltText #newAltTextContainer) #mainContent) #descriptionInstruction) #newAltTextDescriptionContainer) textarea)::-moz-placeholder {
  color: var(--text-secondary-color);
}
:is(:is(:is(:is(:is(.dialog.newAltText #newAltTextContainer) #mainContent) #descriptionInstruction) #newAltTextDescriptionContainer) textarea)::placeholder {
  color: var(--text-secondary-color);
}
:is(:is(:is(:is(.dialog.newAltText #newAltTextContainer) #mainContent) #descriptionInstruction) #newAltTextDescriptionContainer) .altTextSpinner {
  display: none;
  position: absolute;
  width: 16px;
  height: 16px;
  inset-inline-start: 8px;
  inset-block-start: 8px;
  -webkit-mask-size: cover;
  mask-size: cover;
  background-color: var(--text-secondary-color);
  pointer-events: none;
}
.loading:is(:is(:is(:is(.dialog.newAltText #newAltTextContainer) #mainContent) #descriptionInstruction) #newAltTextDescriptionContainer) textarea::-moz-placeholder {
  color: transparent;
}
.loading:is(:is(:is(:is(.dialog.newAltText #newAltTextContainer) #mainContent) #descriptionInstruction) #newAltTextDescriptionContainer) textarea::placeholder {
  color: transparent;
}
.loading:is(:is(:is(:is(.dialog.newAltText #newAltTextContainer) #mainContent) #descriptionInstruction) #newAltTextDescriptionContainer) .altTextSpinner {
  display: inline-block;
  -webkit-mask-image: var(--new-alt-text-spinner-icon);
  mask-image: var(--new-alt-text-spinner-icon);
}
:is(:is(:is(.dialog.newAltText #newAltTextContainer) #mainContent) #descriptionInstruction) #newAltTextDescription {
  font-size: 11px;
}
:is(:is(:is(.dialog.newAltText #newAltTextContainer) #mainContent) #descriptionInstruction) #newAltTextDisclaimer {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 4px;
  font-size: 11px;
}
:is(:is(:is(:is(.dialog.newAltText #newAltTextContainer) #mainContent) #descriptionInstruction) #newAltTextDisclaimer)::before {
  content: "";
  display: inline-block;
  width: 17px;
  height: 16px;
  -webkit-mask-image: var(--new-alt-text-ai-disclaimer-icon);
  mask-image: var(--new-alt-text-ai-disclaimer-icon);
  -webkit-mask-size: cover;
  mask-size: cover;
  background-color: var(--text-secondary-color);
  flex: 1 0 auto;
}
:is(:is(.dialog.newAltText #newAltTextContainer) #mainContent) #newAltTextDownloadModel {
  display: flex;
  align-items: center;
  gap: 4px;
  align-self: stretch;
}
:is(:is(:is(.dialog.newAltText #newAltTextContainer) #mainContent) #newAltTextDownloadModel)::before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  -webkit-mask-image: var(--new-alt-text-spinner-icon);
  mask-image: var(--new-alt-text-spinner-icon);
  -webkit-mask-size: cover;
  mask-size: cover;
  background-color: var(--text-secondary-color);
}
:is(:is(.dialog.newAltText #newAltTextContainer) #mainContent) #newAltTextImagePreview {
  width: 180px;
  aspect-ratio: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 0 0 auto;
  background-color: var(--preview-image-bg-color);
  border: var(--preview-image-border);
}
:is(:is(:is(.dialog.newAltText #newAltTextContainer) #mainContent) #newAltTextImagePreview) > canvas {
  max-width: 100%;
  max-height: 100%;
}
.colorPicker {
  --csstools-light-dark-toggle--57:var(--csstools-color-scheme--light) #80ebff;
  --hover-outline-color:var(--csstools-light-dark-toggle--57, #0250bb);
  --csstools-light-dark-toggle--58:var(--csstools-color-scheme--light) #aaf2ff;
  --selected-outline-color:var(--csstools-light-dark-toggle--58, #0060df);
  --csstools-light-dark-toggle--59:var(--csstools-color-scheme--light) #52525e;
  --swatch-border-color:var(--csstools-light-dark-toggle--59, #cfcfd8);
}
@supports (color: light-dark(red, red)) {
  .colorPicker {
    --hover-outline-color:light-dark(#0250bb, #80ebff);
    --selected-outline-color:light-dark(#0060df, #aaf2ff);
    --swatch-border-color:light-dark(#cfcfd8, #52525e);
  }
}
@supports not (color: light-dark(tan, tan)) {
  .colorPicker * {
    --csstools-light-dark-toggle--57:var(--csstools-color-scheme--light) #80ebff;
    --hover-outline-color:var(--csstools-light-dark-toggle--57, #0250bb);
    --csstools-light-dark-toggle--58:var(--csstools-color-scheme--light) #aaf2ff;
    --selected-outline-color:var(--csstools-light-dark-toggle--58, #0060df);
    --csstools-light-dark-toggle--59:var(--csstools-color-scheme--light) #52525e;
    --swatch-border-color:var(--csstools-light-dark-toggle--59, #cfcfd8);
  }
}
@media screen and (forced-colors: active) {
  .colorPicker {
    --hover-outline-color:Highlight;
    --selected-outline-color:var(--hover-outline-color);
    --swatch-border-color:ButtonText;
  }
}
.colorPicker .swatch {
  width: 16px;
  height: 16px;
  border: 1px solid var(--swatch-border-color);
  border-radius: 100%;
  outline-offset: 2px;
  box-sizing: border-box;
  forced-color-adjust: none;
}
.colorPicker button:is(:hover, .selected) > .swatch {
  border: none;
}
.annotationEditorLayer[data-main-rotation="0"] .highlightEditor:not(.free) > .editToolbar {
  rotate: 0deg;
}
.annotationEditorLayer[data-main-rotation="90"] .highlightEditor:not(.free) > .editToolbar {
  rotate: 270deg;
}
.annotationEditorLayer[data-main-rotation="180"] .highlightEditor:not(.free) > .editToolbar {
  rotate: 180deg;
}
.annotationEditorLayer[data-main-rotation="270"] .highlightEditor:not(.free) > .editToolbar {
  rotate: 90deg;
}
.annotationEditorLayer .highlightEditor {
  position: absolute;
  background: transparent;
  z-index: 1;
  cursor: auto;
  max-width: 100%;
  max-height: 100%;
  border: none;
  outline: none;
  pointer-events: none;
  transform-origin: 0 0;
}
:is(.annotationEditorLayer .highlightEditor):not(.free) {
  transform: none;
}
:is(.annotationEditorLayer .highlightEditor) .internal {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: auto;
}
.disabled:is(.annotationEditorLayer .highlightEditor) .internal {
  pointer-events: none;
}
.selectedEditor:is(.annotationEditorLayer .highlightEditor) .internal {
  cursor: pointer;
}
:is(.annotationEditorLayer .highlightEditor) .editToolbar {
  --editor-toolbar-colorpicker-arrow-image:url("./media/toolbarButton-menuArrow-G6TBIXPL.svg");
  transform-origin: center !important;
}
:is(:is(:is(.annotationEditorLayer .highlightEditor) .editToolbar) .buttons) .colorPicker {
  position: relative;
  width: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 4px;
}
:is(:is(:is(:is(.annotationEditorLayer .highlightEditor) .editToolbar) .buttons) .colorPicker)::after {
  content: "";
  -webkit-mask-image: var(--editor-toolbar-colorpicker-arrow-image);
  mask-image: var(--editor-toolbar-colorpicker-arrow-image);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  display: inline-block;
  background-color: var(--editor-toolbar-fg-color);
  width: 12px;
  height: 12px;
}
:is(:is(:is(:is(.annotationEditorLayer .highlightEditor) .editToolbar) .buttons) .colorPicker):hover::after {
  background-color: var(--editor-toolbar-hover-fg-color);
}
:is(:is(:is(:is(.annotationEditorLayer .highlightEditor) .editToolbar) .buttons) .colorPicker):has(.dropdown:not(.hidden)) {
  background-color: var(--editor-toolbar-hover-bg-color);
}
:is(:is(:is(:is(.annotationEditorLayer .highlightEditor) .editToolbar) .buttons) .colorPicker):has(.dropdown:not(.hidden))::after {
  scale: -1;
}
:is(:is(:is(:is(.annotationEditorLayer .highlightEditor) .editToolbar) .buttons) .colorPicker) .dropdown {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 11px;
  padding-block: 8px;
  border-radius: 6px;
  background-color: var(--editor-toolbar-bg-color);
  border: 1px solid var(--editor-toolbar-border-color);
  box-shadow: var(--editor-toolbar-shadow);
  inset-block-start: calc(100% + 4px);
  width: calc(100% + 2 * var(--editor-toolbar-padding));
}
:is(:is(:is(:is(:is(.annotationEditorLayer .highlightEditor) .editToolbar) .buttons) .colorPicker) .dropdown) button {
  width: 100%;
  height: auto;
  border: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background: none;
}
:is(:is(:is(:is(:is(:is(.annotationEditorLayer .highlightEditor) .editToolbar) .buttons) .colorPicker) .dropdown) button):is(:active, :focus-visible) {
  outline: none;
}
:is(:is(:is(:is(:is(:is(.annotationEditorLayer .highlightEditor) .editToolbar) .buttons) .colorPicker) .dropdown) button) > .swatch {
  outline-offset: 2px;
}
[aria-selected=true]:is(:is(:is(:is(:is(:is(.annotationEditorLayer .highlightEditor) .editToolbar) .buttons) .colorPicker) .dropdown) button) > .swatch {
  outline: 2px solid var(--selected-outline-color);
}
:is(:is(:is(:is(:is(:is(.annotationEditorLayer .highlightEditor) .editToolbar) .buttons) .colorPicker) .dropdown) button):is(:hover, :active, :focus-visible) > .swatch {
  outline: 2px solid var(--hover-outline-color);
}
.editorParamsToolbar:has(#highlightParamsToolbarContainer) {
  padding: unset;
}
#highlightParamsToolbarContainer {
  gap: 16px;
  padding-inline: 10px;
  padding-block-end: 12px;
}
#highlightParamsToolbarContainer .colorPicker {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
:is(#highlightParamsToolbarContainer .colorPicker) .dropdown {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
  height: auto;
}
:is(:is(#highlightParamsToolbarContainer .colorPicker) .dropdown) button {
  width: auto;
  height: auto;
  border: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background: none;
  flex: 0 0 auto;
  padding: 0;
}
:is(:is(:is(#highlightParamsToolbarContainer .colorPicker) .dropdown) button) .swatch {
  width: 24px;
  height: 24px;
}
:is(:is(:is(#highlightParamsToolbarContainer .colorPicker) .dropdown) button):is(:active, :focus-visible) {
  outline: none;
}
[aria-selected=true]:is(:is(:is(#highlightParamsToolbarContainer .colorPicker) .dropdown) button) > .swatch {
  outline: 2px solid var(--selected-outline-color);
}
:is(:is(:is(#highlightParamsToolbarContainer .colorPicker) .dropdown) button):is(:hover, :active, :focus-visible) > .swatch {
  outline: 2px solid var(--hover-outline-color);
}
#highlightParamsToolbarContainer #editorHighlightThickness {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  align-self: stretch;
}
:is(#highlightParamsToolbarContainer #editorHighlightThickness) .editorParamsLabel {
  height: auto;
  align-self: stretch;
}
:is(#highlightParamsToolbarContainer #editorHighlightThickness) .thicknessPicker {
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
  --csstools-light-dark-toggle--60:var(--csstools-color-scheme--light) #80808e;
  --example-color:var(--csstools-light-dark-toggle--60, #bfbfc9);
}
@supports (color: light-dark(red, red)) {
  :is(#highlightParamsToolbarContainer #editorHighlightThickness) .thicknessPicker {
    --example-color:light-dark(#bfbfc9, #80808e);
  }
}
@supports not (color: light-dark(tan, tan)) {
  :is(:is(#highlightParamsToolbarContainer #editorHighlightThickness) .thicknessPicker) * {
    --csstools-light-dark-toggle--60:var(--csstools-color-scheme--light) #80808e;
    --example-color:var(--csstools-light-dark-toggle--60, #bfbfc9);
  }
}
@media screen and (forced-colors: active) {
  :is(#highlightParamsToolbarContainer #editorHighlightThickness) .thicknessPicker {
    --example-color:CanvasText;
  }
}
:is(:is(:is(#highlightParamsToolbarContainer #editorHighlightThickness) .thicknessPicker) > .editorParamsSlider[disabled]) {
  opacity: 0.4;
}
:is(:is(#highlightParamsToolbarContainer #editorHighlightThickness) .thicknessPicker)::before,
:is(:is(#highlightParamsToolbarContainer #editorHighlightThickness) .thicknessPicker)::after {
  content: "";
  width: 8px;
  aspect-ratio: 1;
  display: block;
  border-radius: 100%;
  background-color: var(--example-color);
}
:is(:is(#highlightParamsToolbarContainer #editorHighlightThickness) .thicknessPicker)::after {
  width: 24px;
}
:is(:is(#highlightParamsToolbarContainer #editorHighlightThickness) .thicknessPicker) .editorParamsSlider {
  width: unset;
  height: 14px;
}
#highlightParamsToolbarContainer #editorHighlightVisibility {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  align-self: stretch;
}
:is(#highlightParamsToolbarContainer #editorHighlightVisibility) .divider {
  --csstools-light-dark-toggle--61:var(--csstools-color-scheme--light) #8f8f9d;
  --divider-color:var(--csstools-light-dark-toggle--61, #d7d7db);
}
@supports (color: light-dark(red, red)) {
  :is(#highlightParamsToolbarContainer #editorHighlightVisibility) .divider {
    --divider-color:light-dark(#d7d7db, #8f8f9d);
  }
}
@supports not (color: light-dark(tan, tan)) {
  :is(:is(#highlightParamsToolbarContainer #editorHighlightVisibility) .divider) * {
    --csstools-light-dark-toggle--61:var(--csstools-color-scheme--light) #8f8f9d;
    --divider-color:var(--csstools-light-dark-toggle--61, #d7d7db);
  }
}
@media screen and (forced-colors: active) {
  :is(#highlightParamsToolbarContainer #editorHighlightVisibility) .divider {
    --divider-color:CanvasText;
  }
}
:is(#highlightParamsToolbarContainer #editorHighlightVisibility) .divider {
  margin-block: 4px;
  width: 100%;
  height: 1px;
  background-color: var(--divider-color);
}
:is(#highlightParamsToolbarContainer #editorHighlightVisibility) .toggler {
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
}
#altTextSettingsDialog {
  padding: 16px;
}
#altTextSettingsDialog #altTextSettingsContainer {
  display: flex;
  width: 573px;
  flex-direction: column;
  gap: 16px;
}
:is(#altTextSettingsDialog #altTextSettingsContainer) .mainContainer {
  gap: 16px;
}
:is(#altTextSettingsDialog #altTextSettingsContainer) .description {
  color: var(--text-secondary-color);
}
:is(#altTextSettingsDialog #altTextSettingsContainer) #aiModelSettings {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
:is(:is(#altTextSettingsDialog #altTextSettingsContainer) #aiModelSettings) button {
  width: -moz-fit-content;
  width: fit-content;
}
.download:is(:is(#altTextSettingsDialog #altTextSettingsContainer) #aiModelSettings) #deleteModelButton {
  display: none;
}
:is(:is(#altTextSettingsDialog #altTextSettingsContainer) #aiModelSettings):not(.download) #downloadModelButton {
  display: none;
}
:is(#altTextSettingsDialog #altTextSettingsContainer) #automaticAltText,
:is(#altTextSettingsDialog #altTextSettingsContainer) #altTextEditor {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
:is(#altTextSettingsDialog #altTextSettingsContainer) #createModelDescription,
:is(#altTextSettingsDialog #altTextSettingsContainer) #aiModelSettings,
:is(#altTextSettingsDialog #altTextSettingsContainer) #showAltTextDialogDescription {
  padding-inline-start: 40px;
}
:is(#altTextSettingsDialog #altTextSettingsContainer) #automaticSettings {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
:root {
  --csstools-color-scheme--light:initial;
  color-scheme: light dark;
  --viewer-container-height:0;
  --pdfViewer-padding-bottom:0;
  --page-margin:1px auto -8px;
  --page-border:9px solid transparent;
  --spreadHorizontalWrapped-margin-LR:-3.5px;
  --loading-icon-delay:400ms;
  --csstools-light-dark-toggle--62:var(--csstools-color-scheme--light) #0df;
  --focus-ring-color:var(--csstools-light-dark-toggle--62, #0060df);
  --focus-ring-outline:2px solid var(--focus-ring-color);
}
@supports (color: light-dark(red, red)) {
  :root {
    --focus-ring-color:light-dark(#0060df, #0df);
  }
}
@supports not (color: light-dark(tan, tan)) {
  :root * {
    --csstools-light-dark-toggle--62:var(--csstools-color-scheme--light) #0df;
    --focus-ring-color:var(--csstools-light-dark-toggle--62, #0060df);
  }
}
@media (prefers-color-scheme: dark) {
  :root {
    --csstools-color-scheme--light:;
  }
}
@media screen and (forced-colors: active) {
  :root {
    --pdfViewer-padding-bottom:9px;
    --page-margin:8px auto -1px;
    --page-border:1px solid CanvasText;
    --spreadHorizontalWrapped-margin-LR:3.5px;
    --focus-ring-color:CanvasText;
  }
}
[data-main-rotation="90"] {
  transform: rotate(90deg) translateY(-100%);
}
[data-main-rotation="180"] {
  transform: rotate(180deg) translate(-100%, -100%);
}
[data-main-rotation="270"] {
  transform: rotate(270deg) translateX(-100%);
}
#hiddenCopyElement,
.hiddenCanvasElement {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  display: none;
}
.pdfViewer {
  --scale-factor:1;
  --page-bg-color:unset;
  padding-bottom: var(--pdfViewer-padding-bottom);
  --hcm-highlight-filter:none;
  --hcm-highlight-selected-filter:none;
}
@media screen and (forced-colors: active) {
  .pdfViewer {
    --hcm-highlight-filter:invert(100%);
  }
}
.pdfViewer.copyAll {
  cursor: wait;
}
.pdfViewer .canvasWrapper {
  overflow: hidden;
  width: 100%;
  height: 100%;
}
:is(.pdfViewer .canvasWrapper) canvas {
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  display: block;
  width: 100%;
  height: 100%;
  contain: content;
}
:is(:is(.pdfViewer .canvasWrapper) canvas) .structTree {
  contain: strict;
}
.pdfViewer .page {
  --user-unit:1;
  --total-scale-factor:calc(var(--scale-factor) * var(--user-unit));
  --scale-round-x:1px;
  --scale-round-y:1px;
  direction: ltr;
  width: 816px;
  height: 1056px;
  margin: var(--page-margin);
  position: relative;
  overflow: visible;
  border: var(--page-border);
  background-clip: content-box;
  background-color: var(--page-bg-color, rgb(255 255 255));
}
.pdfViewer .dummyPage {
  position: relative;
  width: 0;
  height: var(--viewer-container-height);
}
.pdfViewer.noUserSelect {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.pdfViewer.removePageBorders .page {
  margin: 0 auto 10px;
  border: none;
}
.pdfViewer.singlePageView {
  display: inline-block;
}
.pdfViewer.singlePageView .page {
  margin: 0;
  border: none;
}
.pdfViewer:is(.scrollHorizontal, .scrollWrapped),
.spread {
  margin-inline: 3.5px;
  text-align: center;
}
.pdfViewer.scrollHorizontal,
.spread {
  white-space: nowrap;
}
.pdfViewer.removePageBorders,
.pdfViewer:is(.scrollHorizontal, .scrollWrapped) .spread {
  margin-inline: 0;
}
.spread :is(.page, .dummyPage),
.pdfViewer:is(.scrollHorizontal, .scrollWrapped) :is(.page, .spread) {
  display: inline-block;
  vertical-align: middle;
}
.spread .page,
.pdfViewer:is(.scrollHorizontal, .scrollWrapped) .page {
  margin-inline: var(--spreadHorizontalWrapped-margin-LR);
}
.pdfViewer.removePageBorders .spread .page,
.pdfViewer.removePageBorders:is(.scrollHorizontal, .scrollWrapped) .page {
  margin-inline: 5px;
}
.pdfViewer .page.loadingIcon::after {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 100%;
  background: url("./media/loading-icon-AQX2QBUJ.gif") center no-repeat;
  display: none;
  transition-property: display;
  transition-delay: var(--loading-icon-delay);
  z-index: 5;
  contain: strict;
}
.pdfViewer .page.loading::after {
  display: block;
}
.pdfViewer .page:not(.loading)::after {
  transition-property: none;
  display: none;
}
.pdfPresentationMode .pdfViewer {
  padding-bottom: 0;
}
.pdfPresentationMode .spread {
  margin: 0;
}
.pdfPresentationMode .pdfViewer .page {
  margin: 0 auto;
  border: 2px solid transparent;
}

/* libs/batch-redaction/styles/batch-redaction.scss */
:root {
  --mat-stepper-header-selected-state-label-text-color: #2b313a;
  --mat-stepper-header-label-text-color: #2b313a;
}
html {
  --mat-app-background-color: #fafafa;
  --mat-app-text-color: rgba(0, 0, 0, 0.87);
  --mat-app-elevation-shadow-level-0:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-1:
    0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-2:
    0px 3px 1px -2px rgba(0, 0, 0, 0.2),
    0px 2px 2px 0px rgba(0, 0, 0, 0.14),
    0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-3:
    0px 3px 3px -2px rgba(0, 0, 0, 0.2),
    0px 3px 4px 0px rgba(0, 0, 0, 0.14),
    0px 1px 8px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-4:
    0px 2px 4px -1px rgba(0, 0, 0, 0.2),
    0px 4px 5px 0px rgba(0, 0, 0, 0.14),
    0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-5:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 5px 8px 0px rgba(0, 0, 0, 0.14),
    0px 1px 14px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-6:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-7:
    0px 4px 5px -2px rgba(0, 0, 0, 0.2),
    0px 7px 10px 1px rgba(0, 0, 0, 0.14),
    0px 2px 16px 1px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-8:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-9:
    0px 5px 6px -3px rgba(0, 0, 0, 0.2),
    0px 9px 12px 1px rgba(0, 0, 0, 0.14),
    0px 3px 16px 2px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-10:
    0px 6px 6px -3px rgba(0, 0, 0, 0.2),
    0px 10px 14px 1px rgba(0, 0, 0, 0.14),
    0px 4px 18px 3px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-11:
    0px 6px 7px -4px rgba(0, 0, 0, 0.2),
    0px 11px 15px 1px rgba(0, 0, 0, 0.14),
    0px 4px 20px 3px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-12:
    0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 12px 17px 2px rgba(0, 0, 0, 0.14),
    0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-13:
    0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 13px 19px 2px rgba(0, 0, 0, 0.14),
    0px 5px 24px 4px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-14:
    0px 7px 9px -4px rgba(0, 0, 0, 0.2),
    0px 14px 21px 2px rgba(0, 0, 0, 0.14),
    0px 5px 26px 4px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-15:
    0px 8px 9px -5px rgba(0, 0, 0, 0.2),
    0px 15px 22px 2px rgba(0, 0, 0, 0.14),
    0px 6px 28px 5px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-16:
    0px 8px 10px -5px rgba(0, 0, 0, 0.2),
    0px 16px 24px 2px rgba(0, 0, 0, 0.14),
    0px 6px 30px 5px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-17:
    0px 8px 11px -5px rgba(0, 0, 0, 0.2),
    0px 17px 26px 2px rgba(0, 0, 0, 0.14),
    0px 6px 32px 5px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-18:
    0px 9px 11px -5px rgba(0, 0, 0, 0.2),
    0px 18px 28px 2px rgba(0, 0, 0, 0.14),
    0px 7px 34px 6px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-19:
    0px 9px 12px -6px rgba(0, 0, 0, 0.2),
    0px 19px 29px 2px rgba(0, 0, 0, 0.14),
    0px 7px 36px 6px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-20:
    0px 10px 13px -6px rgba(0, 0, 0, 0.2),
    0px 20px 31px 3px rgba(0, 0, 0, 0.14),
    0px 8px 38px 7px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-21:
    0px 10px 13px -6px rgba(0, 0, 0, 0.2),
    0px 21px 33px 3px rgba(0, 0, 0, 0.14),
    0px 8px 40px 7px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-22:
    0px 10px 14px -6px rgba(0, 0, 0, 0.2),
    0px 22px 35px 3px rgba(0, 0, 0, 0.14),
    0px 8px 42px 7px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-23:
    0px 11px 14px -7px rgba(0, 0, 0, 0.2),
    0px 23px 36px 3px rgba(0, 0, 0, 0.14),
    0px 9px 44px 8px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-24:
    0px 11px 15px -7px rgba(0, 0, 0, 0.2),
    0px 24px 38px 3px rgba(0, 0, 0, 0.14),
    0px 9px 46px 8px rgba(0, 0, 0, 0.12);
  --mat-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-label-text-color: #636bf6;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.mat-accent {
  --mat-option-selected-state-label-text-color: #21b888;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.mat-warn {
  --mat-option-selected-state-label-text-color: #ee4266;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
html {
  --mat-optgroup-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-pseudo-checkbox-full-selected-icon-color: #21b888;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #21b888;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.mat-primary {
  --mat-pseudo-checkbox-full-selected-icon-color: #636bf6;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #636bf6;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.mat-accent {
  --mat-pseudo-checkbox-full-selected-icon-color: #21b888;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #21b888;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.mat-warn {
  --mat-pseudo-checkbox-full-selected-icon-color: #ee4266;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #ee4266;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
html {
  --mat-option-label-text-font: "Nunito", sans-serif;
  --mat-option-label-text-line-height: 1.25rem;
  --mat-option-label-text-size: 0.875rem;
  --mat-option-label-text-tracking: normal;
  --mat-option-label-text-weight: 400;
  --mat-optgroup-label-text-font: "Nunito", sans-serif;
  --mat-optgroup-label-text-line-height: 1.25rem;
  --mat-optgroup-label-text-size: 0.875rem;
  --mat-optgroup-label-text-tracking: normal;
  --mat-optgroup-label-text-weight: 400;
  --mat-card-elevated-container-shape: 4px;
  --mat-card-outlined-container-shape: 4px;
  --mat-card-filled-container-shape: 4px;
  --mat-card-outlined-outline-width: 1px;
  --mat-card-elevated-container-color: white;
  --mat-card-elevated-container-elevation:
    0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-card-outlined-container-color: white;
  --mat-card-outlined-container-elevation:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-card-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-card-subtitle-text-color: rgba(0, 0, 0, 0.54);
  --mat-card-filled-container-color: white;
  --mat-card-filled-container-elevation:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-card-title-text-font: "Nunito", sans-serif;
  --mat-card-title-text-line-height: 2rem;
  --mat-card-title-text-size: 1.25rem;
  --mat-card-title-text-tracking: normal;
  --mat-card-title-text-weight: 500;
  --mat-card-subtitle-text-font: "Nunito", sans-serif;
  --mat-card-subtitle-text-line-height: 1.5rem;
  --mat-card-subtitle-text-size: 0.875rem;
  --mat-card-subtitle-text-tracking: normal;
  --mat-card-subtitle-text-weight: 500;
  --mat-progress-bar-active-indicator-height: 4px;
  --mat-progress-bar-track-height: 4px;
  --mat-progress-bar-track-shape: 0;
}
.mat-mdc-progress-bar {
  --mat-progress-bar-active-indicator-color: #636bf6;
  --mat-progress-bar-track-color: rgba(99, 107, 246, 0.25);
}
.mat-mdc-progress-bar.mat-accent {
  --mat-progress-bar-active-indicator-color: #21b888;
  --mat-progress-bar-track-color: rgba(33, 184, 136, 0.25);
}
.mat-mdc-progress-bar.mat-warn {
  --mat-progress-bar-active-indicator-color: #ee4266;
  --mat-progress-bar-track-color: rgba(238, 66, 102, 0.25);
}
html {
  --mat-tooltip-container-shape: 4px;
  --mat-tooltip-supporting-text-line-height: 16px;
  --mat-tooltip-container-color: #424242;
  --mat-tooltip-supporting-text-color: white;
  --mat-tooltip-supporting-text-font: "Nunito", sans-serif;
  --mat-tooltip-supporting-text-size: 0.75rem;
  --mat-tooltip-supporting-text-weight: 400;
  --mat-tooltip-supporting-text-tracking: normal;
  --mat-form-field-filled-active-indicator-height: 1px;
  --mat-form-field-filled-focus-active-indicator-height: 2px;
  --mat-form-field-filled-container-shape: 4px;
  --mat-form-field-outlined-outline-width: 1px;
  --mat-form-field-outlined-focus-outline-width: 2px;
  --mat-form-field-outlined-container-shape: 4px;
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #636bf6 87%, transparent);
  --mat-form-field-filled-caret-color: #636bf6;
  --mat-form-field-filled-focus-active-indicator-color: #636bf6;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #636bf6 87%, transparent);
  --mat-form-field-outlined-caret-color: #636bf6;
  --mat-form-field-outlined-focus-outline-color: #636bf6;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #636bf6 87%, transparent);
  --mat-form-field-disabled-input-text-placeholder-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-error-text-color: #ee4266;
  --mat-form-field-select-option-text-color: inherit;
  --mat-form-field-select-disabled-option-text-color: GrayText;
  --mat-form-field-leading-icon-color: unset;
  --mat-form-field-disabled-leading-icon-color: unset;
  --mat-form-field-trailing-icon-color: unset;
  --mat-form-field-disabled-trailing-icon-color: unset;
  --mat-form-field-error-focus-trailing-icon-color: unset;
  --mat-form-field-error-hover-trailing-icon-color: unset;
  --mat-form-field-error-trailing-icon-color: unset;
  --mat-form-field-enabled-select-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-disabled-select-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-hover-state-layer-opacity: 0.04;
  --mat-form-field-focus-state-layer-opacity: 0.12;
  --mat-form-field-filled-container-color: #f6f6f6;
  --mat-form-field-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-form-field-filled-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-error-hover-label-text-color: #ee4266;
  --mat-form-field-filled-error-focus-label-text-color: #ee4266;
  --mat-form-field-filled-error-label-text-color: #ee4266;
  --mat-form-field-filled-error-caret-color: #ee4266;
  --mat-form-field-filled-active-indicator-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-active-indicator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-filled-hover-active-indicator-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-error-active-indicator-color: #ee4266;
  --mat-form-field-filled-error-focus-active-indicator-color: #ee4266;
  --mat-form-field-filled-error-hover-active-indicator-color: #ee4266;
  --mat-form-field-outlined-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-error-caret-color: #ee4266;
  --mat-form-field-outlined-error-focus-label-text-color: #ee4266;
  --mat-form-field-outlined-error-label-text-color: #ee4266;
  --mat-form-field-outlined-error-hover-label-text-color: #ee4266;
  --mat-form-field-outlined-outline-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-outlined-disabled-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-outlined-hover-outline-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-error-focus-outline-color: #ee4266;
  --mat-form-field-outlined-error-hover-outline-color: #ee4266;
  --mat-form-field-outlined-error-outline-color: #ee4266;
}
.mat-mdc-form-field.mat-accent {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #21b888 87%, transparent);
  --mat-form-field-filled-caret-color: #21b888;
  --mat-form-field-filled-focus-active-indicator-color: #21b888;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #21b888 87%, transparent);
  --mat-form-field-outlined-caret-color: #21b888;
  --mat-form-field-outlined-focus-outline-color: #21b888;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #21b888 87%, transparent);
}
.mat-mdc-form-field.mat-warn {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #ee4266 87%, transparent);
  --mat-form-field-filled-caret-color: #ee4266;
  --mat-form-field-filled-focus-active-indicator-color: #ee4266;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #ee4266 87%, transparent);
  --mat-form-field-outlined-caret-color: #ee4266;
  --mat-form-field-outlined-focus-outline-color: #ee4266;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #ee4266 87%, transparent);
}
html {
  --mat-form-field-container-height: 56px;
  --mat-form-field-filled-label-display: block;
  --mat-form-field-container-vertical-padding: 16px;
  --mat-form-field-filled-with-label-container-padding-top: 24px;
  --mat-form-field-filled-with-label-container-padding-bottom: 8px;
  --mat-form-field-container-text-font: "Nunito", sans-serif;
  --mat-form-field-container-text-line-height: 1.25rem;
  --mat-form-field-container-text-size: 0.875rem;
  --mat-form-field-container-text-tracking: normal;
  --mat-form-field-container-text-weight: 400;
  --mat-form-field-outlined-label-text-populated-size: 0.875rem;
  --mat-form-field-subscript-text-font: "Nunito", sans-serif;
  --mat-form-field-subscript-text-line-height: 1.25rem;
  --mat-form-field-subscript-text-size: 0.75rem;
  --mat-form-field-subscript-text-tracking: normal;
  --mat-form-field-subscript-text-weight: 400;
  --mat-form-field-filled-label-text-font: "Nunito", sans-serif;
  --mat-form-field-filled-label-text-size: 0.875rem;
  --mat-form-field-filled-label-text-tracking: normal;
  --mat-form-field-filled-label-text-weight: 400;
  --mat-form-field-outlined-label-text-font: "Nunito", sans-serif;
  --mat-form-field-outlined-label-text-size: 0.875rem;
  --mat-form-field-outlined-label-text-tracking: normal;
  --mat-form-field-outlined-label-text-weight: 400;
  --mat-select-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #636bf6;
  --mat-select-invalid-arrow-color: #ee4266;
}
.mat-mdc-form-field.mat-accent {
  --mat-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #21b888;
  --mat-select-invalid-arrow-color: #ee4266;
}
.mat-mdc-form-field.mat-warn {
  --mat-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #ee4266;
  --mat-select-invalid-arrow-color: #ee4266;
}
html {
  --mat-select-arrow-transform: translateY(-8px);
  --mat-select-trigger-text-font: "Nunito", sans-serif;
  --mat-select-trigger-text-line-height: 1.25rem;
  --mat-select-trigger-text-size: 0.875rem;
  --mat-select-trigger-text-tracking: normal;
  --mat-select-trigger-text-weight: 400;
  --mat-autocomplete-container-shape: 4px;
  --mat-autocomplete-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-autocomplete-background-color: white;
  --mat-dialog-container-shape: 4px;
  --mat-dialog-container-elevation-shadow:
    0px 11px 15px -7px rgba(0, 0, 0, 0.2),
    0px 24px 38px 3px rgba(0, 0, 0, 0.14),
    0px 9px 46px 8px rgba(0, 0, 0, 0.12);
  --mat-dialog-container-max-width: 80vw;
  --mat-dialog-container-small-max-width: 80vw;
  --mat-dialog-container-min-width: 0;
  --mat-dialog-actions-alignment: start;
  --mat-dialog-actions-padding: 8px;
  --mat-dialog-content-padding: 20px 24px;
  --mat-dialog-with-actions-content-padding: 20px 24px;
  --mat-dialog-headline-padding: 0 24px 9px;
  --mat-dialog-container-color: white;
  --mat-dialog-subhead-color: rgba(0, 0, 0, 0.87);
  --mat-dialog-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-dialog-subhead-font: "Nunito", sans-serif;
  --mat-dialog-subhead-line-height: 2rem;
  --mat-dialog-subhead-size: 1.25rem;
  --mat-dialog-subhead-weight: 500;
  --mat-dialog-subhead-tracking: normal;
  --mat-dialog-supporting-text-font: "Nunito", sans-serif;
  --mat-dialog-supporting-text-line-height: 1.25rem;
  --mat-dialog-supporting-text-size: 0.875rem;
  --mat-dialog-supporting-text-weight: 400;
  --mat-dialog-supporting-text-tracking: normal;
}
.mat-mdc-standard-chip {
  --mat-chip-container-shape-radius: 16px;
  --mat-chip-disabled-container-opacity: 0.4;
  --mat-chip-disabled-outline-color: transparent;
  --mat-chip-flat-selected-outline-width: 0;
  --mat-chip-focus-outline-color: transparent;
  --mat-chip-hover-state-layer-opacity: 0.04;
  --mat-chip-outline-color: transparent;
  --mat-chip-outline-width: 0;
  --mat-chip-selected-hover-state-layer-opacity: 0.04;
  --mat-chip-selected-trailing-action-state-layer-color: transparent;
  --mat-chip-trailing-action-focus-opacity: 1;
  --mat-chip-trailing-action-focus-state-layer-opacity: 0;
  --mat-chip-trailing-action-hover-state-layer-opacity: 0;
  --mat-chip-trailing-action-opacity: 0.54;
  --mat-chip-trailing-action-state-layer-color: transparent;
  --mat-chip-with-avatar-avatar-shape-radius: 14px;
  --mat-chip-with-avatar-avatar-size: 28px;
  --mat-chip-with-avatar-disabled-avatar-opacity: 1;
  --mat-chip-with-icon-disabled-icon-opacity: 1;
  --mat-chip-with-icon-icon-size: 18px;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-opacity: 1;
  --mat-chip-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-elevated-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-flat-disabled-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-disabled-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-trailing-icon-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary,
.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
  --mat-chip-disabled-label-text-color: #fff;
  --mat-chip-elevated-container-color: #636bf6;
  --mat-chip-elevated-disabled-container-color: #636bf6;
  --mat-chip-elevated-selected-container-color: #636bf6;
  --mat-chip-flat-disabled-selected-container-color: #636bf6;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #fff;
  --mat-chip-selected-disabled-trailing-icon-color: #fff;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #fff;
  --mat-chip-selected-trailing-icon-color: #fff;
  --mat-chip-with-icon-disabled-icon-color: #fff;
  --mat-chip-with-icon-icon-color: #fff;
  --mat-chip-with-icon-selected-icon-color: #fff;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #fff;
  --mat-chip-with-trailing-icon-trailing-icon-color: #fff;
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent,
.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
  --mat-chip-disabled-label-text-color: #fff;
  --mat-chip-elevated-container-color: #21b888;
  --mat-chip-elevated-disabled-container-color: #21b888;
  --mat-chip-elevated-selected-container-color: #21b888;
  --mat-chip-flat-disabled-selected-container-color: #21b888;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #fff;
  --mat-chip-selected-disabled-trailing-icon-color: #fff;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #fff;
  --mat-chip-selected-trailing-icon-color: #fff;
  --mat-chip-with-icon-disabled-icon-color: #fff;
  --mat-chip-with-icon-icon-color: #fff;
  --mat-chip-with-icon-selected-icon-color: #fff;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #fff;
  --mat-chip-with-trailing-icon-trailing-icon-color: #fff;
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn,
.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
  --mat-chip-disabled-label-text-color: #fff;
  --mat-chip-elevated-container-color: #ee4266;
  --mat-chip-elevated-disabled-container-color: #ee4266;
  --mat-chip-elevated-selected-container-color: #ee4266;
  --mat-chip-flat-disabled-selected-container-color: #ee4266;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: #fff;
  --mat-chip-selected-disabled-trailing-icon-color: #fff;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: #fff;
  --mat-chip-selected-trailing-icon-color: #fff;
  --mat-chip-with-icon-disabled-icon-color: #fff;
  --mat-chip-with-icon-icon-color: #fff;
  --mat-chip-with-icon-selected-icon-color: #fff;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #fff;
  --mat-chip-with-trailing-icon-trailing-icon-color: #fff;
}
.mat-mdc-chip.mat-mdc-standard-chip {
  --mat-chip-container-height: 32px;
}
.mat-mdc-standard-chip {
  --mat-chip-label-text-font: "Nunito", sans-serif;
  --mat-chip-label-text-line-height: 1.5rem;
  --mat-chip-label-text-size: 0.875rem;
  --mat-chip-label-text-tracking: normal;
  --mat-chip-label-text-weight: 400;
}
html {
  --mat-slide-toggle-disabled-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-track-opacity: 0.12;
  --mat-slide-toggle-disabled-unselected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-track-outline-color: transparent;
  --mat-slide-toggle-disabled-unselected-track-outline-width: 1px;
  --mat-slide-toggle-handle-height: 20px;
  --mat-slide-toggle-handle-shape: 10px;
  --mat-slide-toggle-handle-width: 20px;
  --mat-slide-toggle-hidden-track-opacity: 1;
  --mat-slide-toggle-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-slide-toggle-pressed-handle-size: 20px;
  --mat-slide-toggle-selected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-handle-size: 20px;
  --mat-slide-toggle-selected-hover-state-layer-opacity: 0.04;
  --mat-slide-toggle-selected-icon-size: 18px;
  --mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-track-outline-color: transparent;
  --mat-slide-toggle-selected-track-outline-width: 1px;
  --mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-track-height: 14px;
  --mat-slide-toggle-track-outline-color: transparent;
  --mat-slide-toggle-track-outline-width: 1px;
  --mat-slide-toggle-track-shape: 7px;
  --mat-slide-toggle-track-width: 36px;
  --mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-handle-size: 20px;
  --mat-slide-toggle-unselected-hover-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-icon-size: 18px;
  --mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.1;
  --mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-visible-track-opacity: 1;
  --mat-slide-toggle-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-slide-toggle-with-icon-handle-size: 20px;
  --mat-slide-toggle-touch-target-size: 48px;
  --mat-slide-toggle-selected-icon-color: #fff;
  --mat-slide-toggle-disabled-selected-icon-color: #fff;
  --mat-slide-toggle-selected-focus-state-layer-color: #636bf6;
  --mat-slide-toggle-selected-handle-color: #636bf6;
  --mat-slide-toggle-selected-hover-state-layer-color: #636bf6;
  --mat-slide-toggle-selected-pressed-state-layer-color: #636bf6;
  --mat-slide-toggle-selected-focus-handle-color: #636bf6;
  --mat-slide-toggle-selected-hover-handle-color: #636bf6;
  --mat-slide-toggle-selected-pressed-handle-color: #636bf6;
  --mat-slide-toggle-selected-focus-track-color: #6a77f7;
  --mat-slide-toggle-selected-hover-track-color: #6a77f7;
  --mat-slide-toggle-selected-pressed-track-color: #6a77f7;
  --mat-slide-toggle-selected-track-color: #6a77f7;
  --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-slide-toggle-disabled-handle-elevation-shadow:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-disabled-selected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-disabled-unselected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-handle-elevation-shadow:
    0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-handle-surface-color: white;
  --mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-focus-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-unselected-handle-color: rgba(0, 0, 0, 0.54);
  --mat-slide-toggle-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-handle-color: #424242;
  --mat-slide-toggle-unselected-pressed-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-track-color: rgba(0, 0, 0, 0.12);
}
.mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-icon-color: #fff;
  --mat-slide-toggle-disabled-selected-icon-color: #fff;
  --mat-slide-toggle-selected-focus-state-layer-color: #21b888;
  --mat-slide-toggle-selected-handle-color: #21b888;
  --mat-slide-toggle-selected-hover-state-layer-color: #21b888;
  --mat-slide-toggle-selected-pressed-state-layer-color: #21b888;
  --mat-slide-toggle-selected-focus-handle-color: #21b888;
  --mat-slide-toggle-selected-hover-handle-color: #21b888;
  --mat-slide-toggle-selected-pressed-handle-color: #21b888;
  --mat-slide-toggle-selected-focus-track-color: #1da577;
  --mat-slide-toggle-selected-hover-track-color: #1da577;
  --mat-slide-toggle-selected-pressed-track-color: #1da577;
  --mat-slide-toggle-selected-track-color: #1da577;
}
.mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-icon-color: #fff;
  --mat-slide-toggle-disabled-selected-icon-color: #fff;
  --mat-slide-toggle-selected-focus-state-layer-color: #ee4266;
  --mat-slide-toggle-selected-handle-color: #ee4266;
  --mat-slide-toggle-selected-hover-state-layer-color: #ee4266;
  --mat-slide-toggle-selected-pressed-state-layer-color: #ee4266;
  --mat-slide-toggle-selected-focus-handle-color: #ee4266;
  --mat-slide-toggle-selected-hover-handle-color: #ee4266;
  --mat-slide-toggle-selected-pressed-handle-color: #ee4266;
  --mat-slide-toggle-selected-focus-track-color: #e5335a;
  --mat-slide-toggle-selected-hover-track-color: #e5335a;
  --mat-slide-toggle-selected-pressed-track-color: #e5335a;
  --mat-slide-toggle-selected-track-color: #e5335a;
}
html {
  --mat-slide-toggle-state-layer-size: 40px;
  --mat-slide-toggle-touch-target-display: block;
  --mat-slide-toggle-label-text-font: "Nunito", sans-serif;
  --mat-slide-toggle-label-text-line-height: 1.5rem;
  --mat-slide-toggle-label-text-size: 0.875rem;
  --mat-slide-toggle-label-text-tracking: normal;
  --mat-slide-toggle-label-text-weight: 400;
}
html .mat-mdc-slide-toggle {
  --mat-slide-toggle-label-text-font: "Nunito", sans-serif;
  --mat-slide-toggle-label-text-line-height: 1.5rem;
  --mat-slide-toggle-label-text-size: 0.875rem;
  --mat-slide-toggle-label-text-tracking: normal;
  --mat-slide-toggle-label-text-weight: 400;
}
html {
  --mat-radio-disabled-selected-icon-opacity: 0.38;
  --mat-radio-disabled-unselected-icon-opacity: 0.38;
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-size: 48px;
}
.mat-mdc-radio-button.mat-primary {
  --mat-radio-checked-ripple-color: #636bf6;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #636bf6;
  --mat-radio-selected-hover-icon-color: #636bf6;
  --mat-radio-selected-icon-color: #636bf6;
  --mat-radio-selected-pressed-icon-color: #636bf6;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-radio-button.mat-accent {
  --mat-radio-checked-ripple-color: #21b888;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #21b888;
  --mat-radio-selected-hover-icon-color: #21b888;
  --mat-radio-selected-icon-color: #21b888;
  --mat-radio-selected-pressed-icon-color: #21b888;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-radio-button.mat-warn {
  --mat-radio-checked-ripple-color: #ee4266;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #ee4266;
  --mat-radio-selected-hover-icon-color: #ee4266;
  --mat-radio-selected-icon-color: #ee4266;
  --mat-radio-selected-pressed-icon-color: #ee4266;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
html {
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
  --mat-radio-label-text-font: "Nunito", sans-serif;
  --mat-radio-label-text-line-height: 1.5rem;
  --mat-radio-label-text-size: 0.875rem;
  --mat-radio-label-text-tracking: normal;
  --mat-radio-label-text-weight: 400;
  --mat-slider-active-track-height: 6px;
  --mat-slider-active-track-shape: 9999px;
  --mat-slider-handle-elevation:
    0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-slider-handle-height: 20px;
  --mat-slider-handle-shape: 50%;
  --mat-slider-handle-width: 20px;
  --mat-slider-inactive-track-height: 4px;
  --mat-slider-inactive-track-shape: 9999px;
  --mat-slider-value-indicator-border-radius: 4px;
  --mat-slider-value-indicator-caret-display: block;
  --mat-slider-value-indicator-container-transform: translateX(-50%);
  --mat-slider-value-indicator-height: 32px;
  --mat-slider-value-indicator-padding: 0 12px;
  --mat-slider-value-indicator-text-transform: none;
  --mat-slider-value-indicator-width: auto;
  --mat-slider-with-overlap-handle-outline-width: 1px;
  --mat-slider-with-tick-marks-active-container-opacity: 0.6;
  --mat-slider-with-tick-marks-container-shape: 50%;
  --mat-slider-with-tick-marks-container-size: 2px;
  --mat-slider-with-tick-marks-inactive-container-opacity: 0.6;
  --mat-slider-value-indicator-transform-origin: bottom;
  --mat-slider-active-track-color: #636bf6;
  --mat-slider-focus-handle-color: #636bf6;
  --mat-slider-handle-color: #636bf6;
  --mat-slider-hover-handle-color: #636bf6;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #636bf6 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #636bf6 4%, transparent);
  --mat-slider-inactive-track-color: #636bf6;
  --mat-slider-ripple-color: #636bf6;
  --mat-slider-with-tick-marks-active-container-color: #fff;
  --mat-slider-with-tick-marks-inactive-container-color: #636bf6;
  --mat-slider-disabled-active-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-inactive-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-label-container-color: #424242;
  --mat-slider-label-label-text-color: white;
  --mat-slider-value-indicator-opacity: 1;
  --mat-slider-with-overlap-handle-outline-color: rgba(0, 0, 0, 0.87);
  --mat-slider-with-tick-marks-disabled-container-color: rgba(0, 0, 0, 0.87);
}
.mat-accent {
  --mat-slider-active-track-color: #21b888;
  --mat-slider-focus-handle-color: #21b888;
  --mat-slider-handle-color: #21b888;
  --mat-slider-hover-handle-color: #21b888;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #21b888 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #21b888 4%, transparent);
  --mat-slider-inactive-track-color: #21b888;
  --mat-slider-ripple-color: #21b888;
  --mat-slider-with-tick-marks-active-container-color: #fff;
  --mat-slider-with-tick-marks-inactive-container-color: #21b888;
}
.mat-warn {
  --mat-slider-active-track-color: #ee4266;
  --mat-slider-focus-handle-color: #ee4266;
  --mat-slider-handle-color: #ee4266;
  --mat-slider-hover-handle-color: #ee4266;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #ee4266 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #ee4266 4%, transparent);
  --mat-slider-inactive-track-color: #ee4266;
  --mat-slider-ripple-color: #ee4266;
  --mat-slider-with-tick-marks-active-container-color: #fff;
  --mat-slider-with-tick-marks-inactive-container-color: #ee4266;
}
html {
  --mat-slider-label-label-text-font: "Nunito", sans-serif;
  --mat-slider-label-label-text-size: 0.875rem;
  --mat-slider-label-label-text-line-height: 1.5rem;
  --mat-slider-label-label-text-tracking: normal;
  --mat-slider-label-label-text-weight: 500;
  --mat-menu-container-shape: 4px;
  --mat-menu-divider-bottom-spacing: 0;
  --mat-menu-divider-top-spacing: 0;
  --mat-menu-item-spacing: 16px;
  --mat-menu-item-icon-size: 24px;
  --mat-menu-item-leading-spacing: 16px;
  --mat-menu-item-trailing-spacing: 16px;
  --mat-menu-item-with-icon-leading-spacing: 16px;
  --mat-menu-item-with-icon-trailing-spacing: 16px;
  --mat-menu-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-menu-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-menu-item-icon-color: rgba(0, 0, 0, 0.87);
  --mat-menu-item-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-menu-item-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-menu-container-color: white;
  --mat-menu-divider-color: rgba(0, 0, 0, 0.12);
  --mat-menu-item-label-text-font: "Nunito", sans-serif;
  --mat-menu-item-label-text-size: 0.875rem;
  --mat-menu-item-label-text-tracking: normal;
  --mat-menu-item-label-text-line-height: 1.25rem;
  --mat-menu-item-label-text-weight: 400;
  --mat-list-active-indicator-color: transparent;
  --mat-list-active-indicator-shape: 4px;
  --mat-list-list-item-container-shape: 0;
  --mat-list-list-item-leading-avatar-shape: 50%;
  --mat-list-list-item-container-color: transparent;
  --mat-list-list-item-selected-container-color: transparent;
  --mat-list-list-item-leading-avatar-color: transparent;
  --mat-list-list-item-leading-icon-size: 24px;
  --mat-list-list-item-leading-avatar-size: 40px;
  --mat-list-list-item-trailing-icon-size: 24px;
  --mat-list-list-item-disabled-state-layer-color: transparent;
  --mat-list-list-item-disabled-state-layer-opacity: 0;
  --mat-list-list-item-disabled-label-text-opacity: 0.38;
  --mat-list-list-item-disabled-leading-icon-opacity: 0.38;
  --mat-list-list-item-disabled-trailing-icon-opacity: 0.38;
  --mat-list-list-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-leading-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-trailing-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-selected-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-disabled-leading-icon-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-leading-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-state-layer-opacity: 0.04;
  --mat-list-list-item-hover-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-focus-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-opacity: 0.12;
}
.mdc-list-item__start,
.mdc-list-item__end {
  --mat-radio-checked-ripple-color: #636bf6;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #636bf6;
  --mat-radio-selected-hover-icon-color: #636bf6;
  --mat-radio-selected-icon-color: #636bf6;
  --mat-radio-selected-pressed-icon-color: #636bf6;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.mat-accent .mdc-list-item__start,
.mat-accent .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #21b888;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #21b888;
  --mat-radio-selected-hover-icon-color: #21b888;
  --mat-radio-selected-icon-color: #21b888;
  --mat-radio-selected-pressed-icon-color: #21b888;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.mat-warn .mdc-list-item__start,
.mat-warn .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #ee4266;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #ee4266;
  --mat-radio-selected-hover-icon-color: #ee4266;
  --mat-radio-selected-icon-color: #ee4266;
  --mat-radio-selected-pressed-icon-color: #ee4266;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-list-option {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #fff;
  --mat-checkbox-selected-focus-icon-color: #636bf6;
  --mat-checkbox-selected-hover-icon-color: #636bf6;
  --mat-checkbox-selected-icon-color: #636bf6;
  --mat-checkbox-selected-pressed-icon-color: #636bf6;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #636bf6;
  --mat-checkbox-selected-hover-state-layer-color: #636bf6;
  --mat-checkbox-selected-pressed-state-layer-color: #636bf6;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-list-option.mat-accent {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #fff;
  --mat-checkbox-selected-focus-icon-color: #21b888;
  --mat-checkbox-selected-hover-icon-color: #21b888;
  --mat-checkbox-selected-icon-color: #21b888;
  --mat-checkbox-selected-pressed-icon-color: #21b888;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #21b888;
  --mat-checkbox-selected-hover-state-layer-color: #21b888;
  --mat-checkbox-selected-pressed-state-layer-color: #21b888;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-list-option.mat-warn {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #fff;
  --mat-checkbox-selected-focus-icon-color: #ee4266;
  --mat-checkbox-selected-hover-icon-color: #ee4266;
  --mat-checkbox-selected-icon-color: #ee4266;
  --mat-checkbox-selected-pressed-icon-color: #ee4266;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #ee4266;
  --mat-checkbox-selected-hover-state-layer-color: #ee4266;
  --mat-checkbox-selected-pressed-state-layer-color: #ee4266;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start,
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text,
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start {
  color: #636bf6;
}
.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end {
  opacity: 1;
}
html {
  --mat-list-list-item-leading-icon-start-space: 16px;
  --mat-list-list-item-leading-icon-end-space: 32px;
  --mat-list-list-item-one-line-container-height: 48px;
  --mat-list-list-item-two-line-container-height: 64px;
  --mat-list-list-item-three-line-container-height: 88px;
}
.mdc-list-item__start,
.mdc-list-item__end {
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
}
.mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line,
.mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line,
.mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line {
  height: 56px;
}
.mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines,
.mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines,
.mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines {
  height: 72px;
}
html {
  --mat-list-list-item-label-text-font: "Nunito", sans-serif;
  --mat-list-list-item-label-text-line-height: 1.25rem;
  --mat-list-list-item-label-text-size: 0.875rem;
  --mat-list-list-item-label-text-tracking: normal;
  --mat-list-list-item-label-text-weight: 400;
  --mat-list-list-item-supporting-text-font: "Nunito", sans-serif;
  --mat-list-list-item-supporting-text-line-height: 1.5rem;
  --mat-list-list-item-supporting-text-size: 0.875rem;
  --mat-list-list-item-supporting-text-tracking: normal;
  --mat-list-list-item-supporting-text-weight: 400;
  --mat-list-list-item-trailing-supporting-text-font: "Nunito", sans-serif;
  --mat-list-list-item-trailing-supporting-text-line-height: 1.25rem;
  --mat-list-list-item-trailing-supporting-text-size: 0.75rem;
  --mat-list-list-item-trailing-supporting-text-tracking: normal;
  --mat-list-list-item-trailing-supporting-text-weight: 400;
}
.mdc-list-group__subheader {
  font: 400 1rem / 1.75rem "Nunito", sans-serif;
  letter-spacing: normal;
}
html {
  --mat-paginator-page-size-select-width: 84px;
  --mat-paginator-page-size-select-touch-target-height: 48px;
  --mat-paginator-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-paginator-container-background-color: white;
  --mat-paginator-enabled-icon-color: rgba(0, 0, 0, 0.54);
  --mat-paginator-disabled-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-paginator-container-size: 56px;
  --mat-paginator-form-field-container-height: 40px;
  --mat-paginator-form-field-container-vertical-padding: 8px;
  --mat-paginator-touch-target-display: block;
  --mat-paginator-container-text-font: "Nunito", sans-serif;
  --mat-paginator-container-text-line-height: 1.25rem;
  --mat-paginator-container-text-size: 0.75rem;
  --mat-paginator-container-text-tracking: normal;
  --mat-paginator-container-text-weight: 400;
  --mat-paginator-select-trigger-text-size: 0.75rem;
  --mat-tab-container-height: 48px;
  --mat-tab-divider-color: transparent;
  --mat-tab-divider-height: 0;
  --mat-tab-active-indicator-height: 2px;
  --mat-tab-active-indicator-shape: 0;
}
.mat-mdc-tab-group,
.mat-mdc-tab-nav-bar {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #636bf6;
  --mat-tab-active-ripple-color: #636bf6;
  --mat-tab-inactive-ripple-color: #636bf6;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #636bf6;
  --mat-tab-active-hover-label-text-color: #636bf6;
  --mat-tab-active-focus-indicator-color: #636bf6;
  --mat-tab-active-hover-indicator-color: #636bf6;
  --mat-tab-active-indicator-color: #636bf6;
}
.mat-mdc-tab-group.mat-accent,
.mat-mdc-tab-nav-bar.mat-accent {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #21b888;
  --mat-tab-active-ripple-color: #21b888;
  --mat-tab-inactive-ripple-color: #21b888;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #21b888;
  --mat-tab-active-hover-label-text-color: #21b888;
  --mat-tab-active-focus-indicator-color: #21b888;
  --mat-tab-active-hover-indicator-color: #21b888;
  --mat-tab-active-indicator-color: #21b888;
}
.mat-mdc-tab-group.mat-warn,
.mat-mdc-tab-nav-bar.mat-warn {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #ee4266;
  --mat-tab-active-ripple-color: #ee4266;
  --mat-tab-inactive-ripple-color: #ee4266;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #ee4266;
  --mat-tab-active-hover-label-text-color: #ee4266;
  --mat-tab-active-focus-indicator-color: #ee4266;
  --mat-tab-active-hover-indicator-color: #ee4266;
  --mat-tab-active-indicator-color: #ee4266;
}
.mat-mdc-tab-group.mat-background-primary,
.mat-mdc-tab-nav-bar.mat-background-primary {
  --mat-tab-background-color: #636bf6;
  --mat-tab-foreground-color: #fff;
}
.mat-mdc-tab-group.mat-background-accent,
.mat-mdc-tab-nav-bar.mat-background-accent {
  --mat-tab-background-color: #21b888;
  --mat-tab-foreground-color: #fff;
}
.mat-mdc-tab-group.mat-background-warn,
.mat-mdc-tab-nav-bar.mat-background-warn {
  --mat-tab-background-color: #ee4266;
  --mat-tab-foreground-color: #fff;
}
.mat-mdc-tab-header {
  --mat-tab-container-height: 48px;
  --mat-tab-label-text-font: "Nunito", sans-serif;
  --mat-tab-label-text-size: 0.875rem;
  --mat-tab-label-text-tracking: normal;
  --mat-tab-label-text-line-height: 0.875rem;
  --mat-tab-label-text-weight: 500;
}
html {
  --mat-checkbox-disabled-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-selected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-selected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-unselected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-touch-target-size: 48px;
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #fff;
  --mat-checkbox-selected-focus-icon-color: #21b888;
  --mat-checkbox-selected-hover-icon-color: #21b888;
  --mat-checkbox-selected-icon-color: #21b888;
  --mat-checkbox-selected-pressed-icon-color: #21b888;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #21b888;
  --mat-checkbox-selected-hover-state-layer-color: #21b888;
  --mat-checkbox-selected-pressed-state-layer-color: #21b888;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-checkbox.mat-primary {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #fff;
  --mat-checkbox-selected-focus-icon-color: #636bf6;
  --mat-checkbox-selected-hover-icon-color: #636bf6;
  --mat-checkbox-selected-icon-color: #636bf6;
  --mat-checkbox-selected-pressed-icon-color: #636bf6;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #636bf6;
  --mat-checkbox-selected-hover-state-layer-color: #636bf6;
  --mat-checkbox-selected-pressed-state-layer-color: #636bf6;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-checkbox.mat-warn {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: #fff;
  --mat-checkbox-selected-focus-icon-color: #ee4266;
  --mat-checkbox-selected-hover-icon-color: #ee4266;
  --mat-checkbox-selected-icon-color: #ee4266;
  --mat-checkbox-selected-pressed-icon-color: #ee4266;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #ee4266;
  --mat-checkbox-selected-hover-state-layer-color: #ee4266;
  --mat-checkbox-selected-pressed-state-layer-color: #ee4266;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
html {
  --mat-checkbox-touch-target-display: block;
  --mat-checkbox-state-layer-size: 40px;
  --mat-checkbox-label-text-font: "Nunito", sans-serif;
  --mat-checkbox-label-text-line-height: 1.5rem;
  --mat-checkbox-label-text-size: 0.875rem;
  --mat-checkbox-label-text-tracking: normal;
  --mat-checkbox-label-text-weight: 400;
  --mat-button-filled-container-shape: 4px;
  --mat-button-filled-horizontal-padding: 16px;
  --mat-button-filled-icon-offset: -4px;
  --mat-button-filled-icon-spacing: 8px;
  --mat-button-filled-touch-target-size: 48px;
  --mat-button-outlined-container-shape: 4px;
  --mat-button-outlined-horizontal-padding: 15px;
  --mat-button-outlined-icon-offset: -4px;
  --mat-button-outlined-icon-spacing: 8px;
  --mat-button-outlined-keep-touch-target: false;
  --mat-button-outlined-outline-width: 1px;
  --mat-button-outlined-touch-target-size: 48px;
  --mat-button-protected-container-elevation-shadow:
    0px 3px 1px -2px rgba(0, 0, 0, 0.2),
    0px 2px 2px 0px rgba(0, 0, 0, 0.14),
    0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  --mat-button-protected-container-shape: 4px;
  --mat-button-protected-disabled-container-elevation-shadow:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-button-protected-focus-container-elevation-shadow:
    0px 2px 4px -1px rgba(0, 0, 0, 0.2),
    0px 4px 5px 0px rgba(0, 0, 0, 0.14),
    0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mat-button-protected-horizontal-padding: 16px;
  --mat-button-protected-hover-container-elevation-shadow:
    0px 2px 4px -1px rgba(0, 0, 0, 0.2),
    0px 4px 5px 0px rgba(0, 0, 0, 0.14),
    0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mat-button-protected-icon-offset: -4px;
  --mat-button-protected-icon-spacing: 8px;
  --mat-button-protected-pressed-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-button-protected-touch-target-size: 48px;
  --mat-button-text-container-shape: 4px;
  --mat-button-text-horizontal-padding: 8px;
  --mat-button-text-icon-offset: 0;
  --mat-button-text-icon-spacing: 8px;
  --mat-button-text-with-icon-horizontal-padding: 8px;
  --mat-button-text-touch-target-size: 48px;
  --mat-button-tonal-container-shape: 4px;
  --mat-button-tonal-horizontal-padding: 16px;
  --mat-button-tonal-icon-offset: -4px;
  --mat-button-tonal-icon-spacing: 8px;
  --mat-button-tonal-touch-target-size: 48px;
  --mat-button-filled-container-color: white;
  --mat-button-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-filled-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-filled-focus-state-layer-opacity: 0.12;
  --mat-button-filled-hover-state-layer-opacity: 0.04;
  --mat-button-filled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-pressed-state-layer-opacity: 0.12;
  --mat-button-filled-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-outlined-disabled-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-outlined-focus-state-layer-opacity: 0.12;
  --mat-button-outlined-hover-state-layer-opacity: 0.04;
  --mat-button-outlined-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-pressed-state-layer-opacity: 0.12;
  --mat-button-outlined-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-outlined-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-container-color: white;
  --mat-button-protected-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-protected-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-protected-focus-state-layer-opacity: 0.12;
  --mat-button-protected-hover-state-layer-opacity: 0.04;
  --mat-button-protected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-pressed-state-layer-opacity: 0.12;
  --mat-button-protected-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-text-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-text-focus-state-layer-opacity: 0.12;
  --mat-button-text-hover-state-layer-opacity: 0.04;
  --mat-button-text-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-pressed-state-layer-opacity: 0.12;
  --mat-button-text-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-text-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-container-color: white;
  --mat-button-tonal-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-tonal-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-tonal-focus-state-layer-opacity: 0.12;
  --mat-button-tonal-hover-state-layer-opacity: 0.04;
  --mat-button-tonal-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-pressed-state-layer-opacity: 0.12;
  --mat-button-tonal-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-state-layer-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-button.mat-primary,
.mat-mdc-unelevated-button.mat-primary,
.mat-mdc-raised-button.mat-primary,
.mat-mdc-outlined-button.mat-primary,
.mat-tonal-button.mat-primary {
  --mat-button-filled-container-color: #636bf6;
  --mat-button-filled-label-text-color: #fff;
  --mat-button-filled-ripple-color: color-mix(in srgb, #fff 12%, transparent);
  --mat-button-filled-state-layer-color: #fff;
  --mat-button-outlined-label-text-color: #636bf6;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #636bf6 12%, transparent);
  --mat-button-outlined-state-layer-color: #636bf6;
  --mat-button-protected-container-color: #636bf6;
  --mat-button-protected-label-text-color: #fff;
  --mat-button-protected-ripple-color: color-mix(in srgb, #fff 12%, transparent);
  --mat-button-protected-state-layer-color: #fff;
  --mat-button-text-label-text-color: #636bf6;
  --mat-button-text-ripple-color: color-mix(in srgb, #636bf6 12%, transparent);
  --mat-button-text-state-layer-color: #636bf6;
  --mat-button-tonal-container-color: #636bf6;
  --mat-button-tonal-label-text-color: #fff;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #fff 12%, transparent);
  --mat-button-tonal-state-layer-color: #fff;
}
.mat-mdc-button.mat-accent,
.mat-mdc-unelevated-button.mat-accent,
.mat-mdc-raised-button.mat-accent,
.mat-mdc-outlined-button.mat-accent,
.mat-tonal-button.mat-accent {
  --mat-button-filled-container-color: #21b888;
  --mat-button-filled-label-text-color: #fff;
  --mat-button-filled-ripple-color: color-mix(in srgb, #fff 12%, transparent);
  --mat-button-filled-state-layer-color: #fff;
  --mat-button-outlined-label-text-color: #21b888;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #21b888 12%, transparent);
  --mat-button-outlined-state-layer-color: #21b888;
  --mat-button-protected-container-color: #21b888;
  --mat-button-protected-label-text-color: #fff;
  --mat-button-protected-ripple-color: color-mix(in srgb, #fff 12%, transparent);
  --mat-button-protected-state-layer-color: #fff;
  --mat-button-text-label-text-color: #21b888;
  --mat-button-text-ripple-color: color-mix(in srgb, #21b888 12%, transparent);
  --mat-button-text-state-layer-color: #21b888;
  --mat-button-tonal-container-color: #21b888;
  --mat-button-tonal-label-text-color: #fff;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #fff 12%, transparent);
  --mat-button-tonal-state-layer-color: #fff;
}
.mat-mdc-button.mat-warn,
.mat-mdc-unelevated-button.mat-warn,
.mat-mdc-raised-button.mat-warn,
.mat-mdc-outlined-button.mat-warn,
.mat-tonal-button.mat-warn {
  --mat-button-filled-container-color: #ee4266;
  --mat-button-filled-label-text-color: #fff;
  --mat-button-filled-ripple-color: color-mix(in srgb, #fff 12%, transparent);
  --mat-button-filled-state-layer-color: #fff;
  --mat-button-outlined-label-text-color: #ee4266;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #ee4266 12%, transparent);
  --mat-button-outlined-state-layer-color: #ee4266;
  --mat-button-protected-container-color: #ee4266;
  --mat-button-protected-label-text-color: #fff;
  --mat-button-protected-ripple-color: color-mix(in srgb, #fff 12%, transparent);
  --mat-button-protected-state-layer-color: #fff;
  --mat-button-text-label-text-color: #ee4266;
  --mat-button-text-ripple-color: color-mix(in srgb, #ee4266 12%, transparent);
  --mat-button-text-state-layer-color: #ee4266;
  --mat-button-tonal-container-color: #ee4266;
  --mat-button-tonal-label-text-color: #fff;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #fff 12%, transparent);
  --mat-button-tonal-state-layer-color: #fff;
}
html {
  --mat-button-filled-container-height: 36px;
  --mat-button-filled-touch-target-display: block;
  --mat-button-outlined-container-height: 36px;
  --mat-button-outlined-touch-target-display: block;
  --mat-button-protected-container-height: 36px;
  --mat-button-protected-touch-target-display: block;
  --mat-button-text-container-height: 36px;
  --mat-button-text-touch-target-display: block;
  --mat-button-tonal-container-height: 36px;
  --mat-button-tonal-touch-target-display: block;
  --mat-button-filled-label-text-font: "Nunito", sans-serif;
  --mat-button-filled-label-text-size: 0.875rem;
  --mat-button-filled-label-text-tracking: normal;
  --mat-button-filled-label-text-transform: none;
  --mat-button-filled-label-text-weight: 500;
  --mat-button-outlined-label-text-font: "Nunito", sans-serif;
  --mat-button-outlined-label-text-size: 0.875rem;
  --mat-button-outlined-label-text-tracking: normal;
  --mat-button-outlined-label-text-transform: none;
  --mat-button-outlined-label-text-weight: 500;
  --mat-button-protected-label-text-font: "Nunito", sans-serif;
  --mat-button-protected-label-text-size: 0.875rem;
  --mat-button-protected-label-text-tracking: normal;
  --mat-button-protected-label-text-transform: none;
  --mat-button-protected-label-text-weight: 500;
  --mat-button-text-label-text-font: "Nunito", sans-serif;
  --mat-button-text-label-text-size: 0.875rem;
  --mat-button-text-label-text-tracking: normal;
  --mat-button-text-label-text-transform: none;
  --mat-button-text-label-text-weight: 500;
  --mat-button-tonal-label-text-font: "Nunito", sans-serif;
  --mat-button-tonal-label-text-size: 0.875rem;
  --mat-button-tonal-label-text-tracking: normal;
  --mat-button-tonal-label-text-transform: none;
  --mat-button-tonal-label-text-weight: 500;
  --mat-icon-button-icon-size: 24px;
  --mat-icon-button-container-shape: 50%;
  --mat-icon-button-touch-target-size: 48px;
  --mat-icon-button-disabled-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-icon-button-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-icon-button-focus-state-layer-opacity: 0.12;
  --mat-icon-button-hover-state-layer-opacity: 0.04;
  --mat-icon-button-icon-color: inherit;
  --mat-icon-button-pressed-state-layer-opacity: 0.12;
  --mat-icon-button-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-icon-button-state-layer-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-icon-button.mat-primary {
  --mat-icon-button-icon-color: #636bf6;
  --mat-icon-button-state-layer-color: #636bf6;
  --mat-icon-button-ripple-color: color-mix(in srgb, #636bf6 12%, transparent);
}
.mat-mdc-icon-button.mat-accent {
  --mat-icon-button-icon-color: #21b888;
  --mat-icon-button-state-layer-color: #21b888;
  --mat-icon-button-ripple-color: color-mix(in srgb, #21b888 12%, transparent);
}
.mat-mdc-icon-button.mat-warn {
  --mat-icon-button-icon-color: #ee4266;
  --mat-icon-button-state-layer-color: #ee4266;
  --mat-icon-button-ripple-color: color-mix(in srgb, #ee4266 12%, transparent);
}
html {
  --mat-icon-button-touch-target-display: block;
}
.mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 48px;
  --mat-icon-button-state-layer-size: 48px;
  width: var(--mat-icon-button-state-layer-size);
  height: var(--mat-icon-button-state-layer-size);
  padding: 12px;
}
html {
  --mat-fab-container-elevation-shadow:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mat-fab-container-shape: 50%;
  --mat-fab-touch-target-size: 48px;
  --mat-fab-extended-container-elevation-shadow:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mat-fab-extended-container-height: 48px;
  --mat-fab-extended-container-shape: 24px;
  --mat-fab-extended-focus-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-fab-extended-hover-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-fab-extended-pressed-container-elevation-shadow:
    0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 12px 17px 2px rgba(0, 0, 0, 0.14),
    0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  --mat-fab-focus-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-fab-hover-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-fab-pressed-container-elevation-shadow:
    0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 12px 17px 2px rgba(0, 0, 0, 0.14),
    0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  --mat-fab-small-container-elevation-shadow:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mat-fab-small-container-shape: 50%;
  --mat-fab-small-touch-target-size: 48px;
  --mat-fab-small-focus-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-fab-small-hover-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-fab-small-pressed-container-elevation-shadow:
    0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 12px 17px 2px rgba(0, 0, 0, 0.14),
    0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  --mat-fab-container-color: white;
  --mat-fab-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-focus-state-layer-opacity: 0.12;
  --mat-fab-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-hover-state-layer-opacity: 0.04;
  --mat-fab-pressed-state-layer-opacity: 0.12;
  --mat-fab-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-container-color: white;
  --mat-fab-small-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-small-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-small-focus-state-layer-opacity: 0.12;
  --mat-fab-small-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-small-hover-state-layer-opacity: 0.04;
  --mat-fab-small-pressed-state-layer-opacity: 0.12;
  --mat-fab-small-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-fab-state-layer-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-fab.mat-primary,
.mat-mdc-mini-fab.mat-primary {
  --mat-fab-container-color: #636bf6;
  --mat-fab-foreground-color: #fff;
  --mat-fab-ripple-color: color-mix(in srgb, #636bf6 12%, transparent);
  --mat-fab-small-container-color: #636bf6;
  --mat-fab-small-foreground-color: #fff;
  --mat-fab-small-ripple-color: color-mix(in srgb, #fff 12%, transparent);
  --mat-fab-small-state-layer-color: #fff;
  --mat-fab-state-layer-color: #fff;
}
.mat-mdc-fab.mat-accent,
.mat-mdc-mini-fab.mat-accent {
  --mat-fab-container-color: #21b888;
  --mat-fab-foreground-color: #fff;
  --mat-fab-ripple-color: color-mix(in srgb, #21b888 12%, transparent);
  --mat-fab-small-container-color: #21b888;
  --mat-fab-small-foreground-color: #fff;
  --mat-fab-small-ripple-color: color-mix(in srgb, #fff 12%, transparent);
  --mat-fab-small-state-layer-color: #fff;
  --mat-fab-state-layer-color: #fff;
}
.mat-mdc-fab.mat-warn,
.mat-mdc-mini-fab.mat-warn {
  --mat-fab-container-color: #ee4266;
  --mat-fab-foreground-color: #fff;
  --mat-fab-ripple-color: color-mix(in srgb, #ee4266 12%, transparent);
  --mat-fab-small-container-color: #ee4266;
  --mat-fab-small-foreground-color: #fff;
  --mat-fab-small-ripple-color: color-mix(in srgb, #fff 12%, transparent);
  --mat-fab-small-state-layer-color: #fff;
  --mat-fab-state-layer-color: #fff;
}
html {
  --mat-fab-small-touch-target-display: block;
  --mat-fab-touch-target-display: block;
  --mat-fab-extended-label-text-font: "Nunito", sans-serif;
  --mat-fab-extended-label-text-size: 0.875rem;
  --mat-fab-extended-label-text-tracking: normal;
  --mat-fab-extended-label-text-weight: 500;
  --mat-snack-bar-container-shape: 4px;
  --mat-snack-bar-container-color: #424242;
  --mat-snack-bar-supporting-text-color: white;
  --mat-snack-bar-button-color: #6a77f7;
  --mat-snack-bar-supporting-text-font: "Nunito", sans-serif;
  --mat-snack-bar-supporting-text-line-height: 1.5rem;
  --mat-snack-bar-supporting-text-size: 0.875rem;
  --mat-snack-bar-supporting-text-weight: 400;
  --mat-table-row-item-outline-width: 1px;
  --mat-table-background-color: white;
  --mat-table-header-headline-color: rgba(0, 0, 0, 0.87);
  --mat-table-row-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-table-row-item-outline-color: rgba(0, 0, 0, 0.12);
  --mat-table-header-container-height: 56px;
  --mat-table-footer-container-height: 52px;
  --mat-table-row-item-container-height: 52px;
  --mat-table-header-headline-font: "Nunito", sans-serif;
  --mat-table-header-headline-line-height: 1.5rem;
  --mat-table-header-headline-size: 0.875rem;
  --mat-table-header-headline-weight: 500;
  --mat-table-header-headline-tracking: normal;
  --mat-table-row-item-label-text-font: "Nunito", sans-serif;
  --mat-table-row-item-label-text-line-height: 1.5rem;
  --mat-table-row-item-label-text-size: 0.875rem;
  --mat-table-row-item-label-text-weight: 400;
  --mat-table-row-item-label-text-tracking: normal;
  --mat-table-footer-supporting-text-font: "Nunito", sans-serif;
  --mat-table-footer-supporting-text-line-height: 1.5rem;
  --mat-table-footer-supporting-text-size: 0.875rem;
  --mat-table-footer-supporting-text-weight: 400;
  --mat-table-footer-supporting-text-tracking: normal;
  --mat-progress-spinner-active-indicator-width: 4px;
  --mat-progress-spinner-size: 48px;
  --mat-progress-spinner-active-indicator-color: #636bf6;
}
.mat-accent {
  --mat-progress-spinner-active-indicator-color: #21b888;
}
.mat-warn {
  --mat-progress-spinner-active-indicator-color: #ee4266;
}
html {
  --mat-badge-container-shape: 50%;
  --mat-badge-container-size: unset;
  --mat-badge-small-size-container-size: unset;
  --mat-badge-large-size-container-size: unset;
  --mat-badge-legacy-container-size: 22px;
  --mat-badge-legacy-small-size-container-size: 16px;
  --mat-badge-legacy-large-size-container-size: 28px;
  --mat-badge-container-offset: -11px 0;
  --mat-badge-small-size-container-offset: -8px 0;
  --mat-badge-large-size-container-offset: -14px 0;
  --mat-badge-container-overlap-offset: -11px;
  --mat-badge-small-size-container-overlap-offset: -8px;
  --mat-badge-large-size-container-overlap-offset: -14px;
  --mat-badge-container-padding: 0;
  --mat-badge-small-size-container-padding: 0;
  --mat-badge-large-size-container-padding: 0;
  --mat-badge-background-color: #636bf6;
  --mat-badge-text-color: #fff;
  --mat-badge-disabled-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-badge-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.mat-badge-accent {
  --mat-badge-background-color: #21b888;
  --mat-badge-text-color: #fff;
}
.mat-badge-warn {
  --mat-badge-background-color: #ee4266;
  --mat-badge-text-color: #fff;
}
html {
  --mat-badge-text-font: "Nunito", sans-serif;
  --mat-badge-line-height: 22px;
  --mat-badge-text-size: 12px;
  --mat-badge-text-weight: 600;
  --mat-badge-small-size-text-size: 9px;
  --mat-badge-small-size-line-height: 16px;
  --mat-badge-large-size-text-size: 24px;
  --mat-badge-large-size-line-height: 28px;
  --mat-bottom-sheet-container-shape: 4px;
  --mat-bottom-sheet-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-bottom-sheet-container-background-color: white;
  --mat-bottom-sheet-container-text-font: "Nunito", sans-serif;
  --mat-bottom-sheet-container-text-line-height: 1.5rem;
  --mat-bottom-sheet-container-text-size: 0.875rem;
  --mat-bottom-sheet-container-text-tracking: normal;
  --mat-bottom-sheet-container-text-weight: 400;
  --mat-button-toggle-focus-state-layer-opacity: 0.12;
  --mat-button-toggle-hover-state-layer-opacity: 0.04;
  --mat-button-toggle-legacy-focus-state-layer-opacity: 1;
  --mat-button-toggle-legacy-height: 36px;
  --mat-button-toggle-legacy-shape: 2px;
  --mat-button-toggle-shape: 4px;
  --mat-button-toggle-background-color: white;
  --mat-button-toggle-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-disabled-selected-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-disabled-state-background-color: white;
  --mat-button-toggle-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-divider-color: rgba(0, 0, 0, 0.12);
  --mat-button-toggle-legacy-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-disabled-state-background-color: white;
  --mat-button-toggle-legacy-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-legacy-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-legacy-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-height: 48px;
  --mat-button-toggle-label-text-font: "Nunito", sans-serif;
  --mat-button-toggle-label-text-line-height: 1.25rem;
  --mat-button-toggle-label-text-size: 0.875rem;
  --mat-button-toggle-label-text-tracking: normal;
  --mat-button-toggle-label-text-weight: 400;
  --mat-button-toggle-legacy-label-text-font: "Nunito", sans-serif;
  --mat-button-toggle-legacy-label-text-line-height: 1.25rem;
  --mat-button-toggle-legacy-label-text-size: 0.875rem;
  --mat-button-toggle-legacy-label-text-tracking: normal;
  --mat-button-toggle-legacy-label-text-weight: 400;
  --mat-datepicker-calendar-container-shape: 4px;
  --mat-datepicker-calendar-container-touch-shape: 4px;
  --mat-datepicker-calendar-container-elevation-shadow:
    0px 2px 4px -1px rgba(0, 0, 0, 0.2),
    0px 4px 5px 0px rgba(0, 0, 0, 0.14),
    0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-container-touch-elevation-shadow:
    0px 11px 15px -7px rgba(0, 0, 0, 0.2),
    0px 24px 38px 3px rgba(0, 0, 0, 0.14),
    0px 9px 46px 8px rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #636bf6 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #21b888 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #fff;
  --mat-datepicker-calendar-date-selected-state-background-color: #636bf6;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #636bf6 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #fff;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #636bf6 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #636bf6 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #636bf6;
  --mat-datepicker-toggle-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-body-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-period-button-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-period-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-navigation-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-header-divider-color: rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-header-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-date-today-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.mat-datepicker-content.mat-accent,
.mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #21b888 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #21b888 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #fff;
  --mat-datepicker-calendar-date-selected-state-background-color: #21b888;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #21b888 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #fff;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #21b888 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #21b888 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #21b888;
  --mat-datepicker-toggle-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-body-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-period-button-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-period-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-navigation-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-header-divider-color: rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-header-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-date-today-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.mat-datepicker-content.mat-warn,
.mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #ee4266 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #21b888 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: #fff;
  --mat-datepicker-calendar-date-selected-state-background-color: #ee4266;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #ee4266 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #fff;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #ee4266 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #ee4266 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #ee4266;
  --mat-datepicker-toggle-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-body-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-period-button-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-period-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-navigation-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-header-divider-color: rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-header-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-date-today-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.mat-calendar-controls {
  --mat-icon-button-touch-target-display: none;
}
.mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 40px;
  --mat-icon-button-state-layer-size: 40px;
  width: var(--mat-icon-button-state-layer-size);
  height: var(--mat-icon-button-state-layer-size);
  padding: 8px;
}
html {
  --mat-datepicker-calendar-text-font: "Nunito", sans-serif;
  --mat-datepicker-calendar-text-size: 13px;
  --mat-datepicker-calendar-body-label-text-size: 0.875rem;
  --mat-datepicker-calendar-body-label-text-weight: 500;
  --mat-datepicker-calendar-period-button-text-size: 0.875rem;
  --mat-datepicker-calendar-period-button-text-weight: 500;
  --mat-datepicker-calendar-header-text-size: 11px;
  --mat-datepicker-calendar-header-text-weight: 400;
  --mat-divider-width: 1px;
  --mat-divider-color: rgba(0, 0, 0, 0.12);
  --mat-expansion-container-shape: 4px;
  --mat-expansion-container-elevation-shadow:
    0px 3px 1px -2px rgba(0, 0, 0, 0.2),
    0px 2px 2px 0px rgba(0, 0, 0, 0.14),
    0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  --mat-expansion-legacy-header-indicator-display: inline-block;
  --mat-expansion-header-indicator-display: none;
  --mat-expansion-container-background-color: white;
  --mat-expansion-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-expansion-actions-divider-color: rgba(0, 0, 0, 0.12);
  --mat-expansion-header-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-expansion-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-expansion-header-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-expansion-header-text-color: rgba(0, 0, 0, 0.87);
  --mat-expansion-header-description-color: rgba(0, 0, 0, 0.54);
  --mat-expansion-header-indicator-color: rgba(0, 0, 0, 0.54);
  --mat-expansion-header-collapsed-state-height: 48px;
  --mat-expansion-header-expanded-state-height: 64px;
  --mat-expansion-header-text-font: "Nunito", sans-serif;
  --mat-expansion-header-text-size: 0.875rem;
  --mat-expansion-header-text-weight: 500;
  --mat-expansion-header-text-line-height: inherit;
  --mat-expansion-header-text-tracking: inherit;
  --mat-expansion-container-text-font: "Nunito", sans-serif;
  --mat-expansion-container-text-line-height: 1.5rem;
  --mat-expansion-container-text-size: 0.875rem;
  --mat-expansion-container-text-tracking: normal;
  --mat-expansion-container-text-weight: 400;
  --mat-grid-list-tile-header-primary-text-size: 0.875rem;
  --mat-grid-list-tile-header-secondary-text-size: 0.75rem;
  --mat-grid-list-tile-footer-primary-text-size: 0.875rem;
  --mat-grid-list-tile-footer-secondary-text-size: 0.75rem;
  --mat-icon-color: inherit;
}
.mat-icon.mat-primary {
  --mat-icon-color: #636bf6;
}
.mat-icon.mat-accent {
  --mat-icon-color: #21b888;
}
.mat-icon.mat-warn {
  --mat-icon-color: #ee4266;
}
html {
  --mat-sidenav-container-shape: 0;
  --mat-sidenav-container-elevation-shadow:
    0px 8px 10px -5px rgba(0, 0, 0, 0.2),
    0px 16px 24px 2px rgba(0, 0, 0, 0.14),
    0px 6px 30px 5px rgba(0, 0, 0, 0.12);
  --mat-sidenav-container-width: auto;
  --mat-sidenav-container-divider-color: rgba(0, 0, 0, 0.12);
  --mat-sidenav-container-background-color: white;
  --mat-sidenav-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-sidenav-content-background-color: #fafafa;
  --mat-sidenav-content-text-color: rgba(0, 0, 0, 0.87);
  --mat-sidenav-scrim-color: rgba(0, 0, 0, 0.6);
  --mat-stepper-header-focus-state-layer-shape: 0;
  --mat-stepper-header-hover-state-layer-shape: 0;
  --mat-stepper-header-icon-foreground-color: #fff;
  --mat-stepper-header-selected-state-icon-background-color: #636bf6;
  --mat-stepper-header-selected-state-icon-foreground-color: #fff;
  --mat-stepper-header-done-state-icon-background-color: #636bf6;
  --mat-stepper-header-done-state-icon-foreground-color: #fff;
  --mat-stepper-header-edit-state-icon-background-color: #636bf6;
  --mat-stepper-header-edit-state-icon-foreground-color: #fff;
  --mat-stepper-container-color: white;
  --mat-stepper-line-color: rgba(0, 0, 0, 0.12);
  --mat-stepper-header-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-stepper-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-stepper-header-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-optional-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-selected-state-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-stepper-header-error-state-label-text-color: #ee4266;
  --mat-stepper-header-icon-background-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-error-state-icon-foreground-color: #ee4266;
  --mat-stepper-header-error-state-icon-background-color: transparent;
}
.mat-step-header.mat-accent {
  --mat-stepper-header-icon-foreground-color: #fff;
  --mat-stepper-header-selected-state-icon-background-color: #21b888;
  --mat-stepper-header-selected-state-icon-foreground-color: #fff;
  --mat-stepper-header-done-state-icon-background-color: #21b888;
  --mat-stepper-header-done-state-icon-foreground-color: #fff;
  --mat-stepper-header-edit-state-icon-background-color: #21b888;
  --mat-stepper-header-edit-state-icon-foreground-color: #fff;
}
.mat-step-header.mat-warn {
  --mat-stepper-header-icon-foreground-color: #fff;
  --mat-stepper-header-selected-state-icon-background-color: #ee4266;
  --mat-stepper-header-selected-state-icon-foreground-color: #fff;
  --mat-stepper-header-done-state-icon-background-color: #ee4266;
  --mat-stepper-header-done-state-icon-foreground-color: #fff;
  --mat-stepper-header-edit-state-icon-background-color: #ee4266;
  --mat-stepper-header-edit-state-icon-foreground-color: #fff;
}
html {
  --mat-stepper-header-height: 72px;
  --mat-stepper-container-text-font: "Nunito", sans-serif;
  --mat-stepper-header-label-text-font: "Nunito", sans-serif;
  --mat-stepper-header-label-text-size: 0.875rem;
  --mat-stepper-header-label-text-weight: 400;
  --mat-stepper-header-error-state-label-text-size: 0.875rem;
  --mat-stepper-header-selected-state-label-text-size: 0.875rem;
  --mat-stepper-header-selected-state-label-text-weight: 400;
  --mat-sort-arrow-color: rgba(0, 0, 0, 0.87);
  --mat-toolbar-container-background-color: white;
  --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87);
}
.mat-toolbar.mat-primary {
  --mat-toolbar-container-background-color: #636bf6;
  --mat-toolbar-container-text-color: #fff;
}
.mat-toolbar.mat-accent {
  --mat-toolbar-container-background-color: #21b888;
  --mat-toolbar-container-text-color: #fff;
}
.mat-toolbar.mat-warn {
  --mat-toolbar-container-background-color: #ee4266;
  --mat-toolbar-container-text-color: #fff;
}
html {
  --mat-toolbar-standard-height: 64px;
  --mat-toolbar-mobile-height: 56px;
  --mat-toolbar-title-text-font: "Nunito", sans-serif;
  --mat-toolbar-title-text-line-height: 2rem;
  --mat-toolbar-title-text-size: 1.25rem;
  --mat-toolbar-title-text-tracking: normal;
  --mat-toolbar-title-text-weight: 500;
  --mat-tree-container-background-color: white;
  --mat-tree-node-text-color: rgba(0, 0, 0, 0.87);
  --mat-tree-node-min-height: 48px;
  --mat-tree-node-text-font: "Nunito", sans-serif;
  --mat-tree-node-text-size: 0.875rem;
  --mat-tree-node-text-weight: 400;
  --mat-timepicker-container-shape: 4px;
  --mat-timepicker-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-timepicker-container-background-color: white;
}
body {
  font-family: "Nunito", sans-serif;
}
:root {
  --primary-default: #636bf6;
  --primary-dark: #4541a4;
  --primary-darker: #31357a;
  --primary-blue: #636bf6;
  --primary-background: #fbfbff;
  --text-primary: #4d5662;
  --text-secondary: #717881;
  --text-white: #fff;
  --text-black: #000;
  --accent-blue: #9399ff;
  --accent-green: #21b888;
  --accent-red: #ee4266;
  --accent-orange: #ffa417;
  --accent-yellow: #ffd244;
  --success-default: #21b888;
  --success-bg: #d4edda;
  --success-text: #155724;
  --success-light: #d4f5e0;
  --success-border: #21b888;
  --success-hover: #1ea876;
  --success-active: #1a9d6b;
  --warning-default: #f59e0b;
  --warning-bg: rgba(224, 172, 82, 0.08);
  --warning-text: #4d5662;
  --warning-light: #fef3c7;
  --warning-border: #f59e0b;
  --warning-hover: #e69500;
  --warning-active: #d18700;
  --error-default: #ee4266;
  --error-bg: rgba(255, 57, 81, 0.08);
  --error-text: #4d5662;
  --error-light: #fdeaea;
  --error-border: #ee4266;
  --error-hover: #dc3545;
  --error-active: #c82333;
  --info-default: #636bf6;
  --info-bg: #e0e7ff;
  --info-text: #636bf6;
  --info-border: #636bf6;
  --border-default: #dce4f5;
  --border-light: #dce4f5;
  --icons-default: #aab2c2;
  --hover-primary: #9399ff;
  --hover-secondary: #636bf6;
  --hover-text: #4d5662;
  --hover-bg: #f8f9ff;
  --active-primary: #4c56d4;
  --active-secondary: #9399ff;
  --active-text: #2d3441;
  --active-bg: #f0f2ff;
  --focus-default: #636bf6;
  --focus-secondary: #9399ff;
  --focus-outline: rgba(99, 107, 246, 0.2);
  --form-bg: #fff;
  --form-border: #dce4f5;
  --form-text: #4d5662;
  --form-focus: #636bf6;
  --form-error: #ee4266;
  --form-success: #21b888;
  --card-bg: #fff;
  --card-border: #dce4f5;
  --card-header: #fbfbff;
  --card-text: #4d5662;
  --card-subtitle: #717881;
  --spacing-xs: 0.25rem;
  --spacing-sm: 0.5rem;
  --spacing-md: 0.75rem;
  --spacing-lg: 1rem;
  --spacing-xl: 1.25rem;
  --spacing-2xl: 1.5rem;
  --spacing-3xl: 2rem;
  --spacing-4xl: 2.5rem;
  --spacing-5xl: 3rem;
  --spacing-6xl: 4rem;
  --header-height: 3.25rem;
  --footer-height: 4rem;
  --border-radius-sm: 0.25rem;
  --border-radius-md: 0.5rem;
  --border-radius-lg: 0.75rem;
  --border-radius-xl: 1rem;
  --box-shadow-sm: 0 0.0625rem 0.125rem 0 rgba(0, 0, 0, 0.05);
  --box-shadow-md: 0 0.25rem 0.375rem -0.0625rem rgba(0, 0, 0, 0.1);
  --box-shadow-lg: 0 0.625rem 0.9375rem -0.1875rem rgba(0, 0, 0, 0.1);
  --box-shadow-xl: 0 1.25rem 1.5625rem -0.3125rem rgba(0, 0, 0, 0.1);
  --box-shadow-white: 0 0 0 0.0625rem rgba(127, 127, 165, 0.08);
  --box-shadow-black: 0 0 0 0.0625rem rgba(0, 0, 0, 0.08);
  --max-width-small: 37.5rem;
  --max-width-medium: 50rem;
  --max-width-large: 75rem;
  --max-width-xl: 90rem;
  --btn-height-sm: 2rem;
  --btn-height-md: 2.5rem;
  --btn-height-lg: 3rem;
  --z-dropdown: 1000;
  --z-sticky: 1020;
  --z-fixed: 1030;
  --z-modal-backdrop: 1040;
  --z-modal: 1050;
  --z-tooltip: 1070;
  --transition-fast: 150ms;
  --transition-normal: 200ms;
  --transition-slow: 300ms;
}
button[mat-raised-button],
button[mat-flat-button],
button[mat-button],
button[mat-stroked-button] {
  display: inline-flex;
  gap: 0.75rem;
  align-items: center;
  height: auto;
  padding: 0.563rem 1rem;
  box-shadow: none;
}
button[mat-raised-button].mat-primary,
button[mat-flat-button].mat-primary,
button[mat-button].mat-primary,
button[mat-stroked-button].mat-primary {
  border: 0.063rem solid transparent;
}
button[mat-raised-button].mat-primary:hover:not([disabled]),
button[mat-flat-button].mat-primary:hover:not([disabled]),
button[mat-button].mat-primary:hover:not([disabled]),
button[mat-stroked-button].mat-primary:hover:not([disabled]) {
  background-color: #3a43df;
}
button[mat-raised-button].mat-warn,
button[mat-flat-button].mat-warn,
button[mat-button].mat-warn,
button[mat-stroked-button].mat-warn {
  border: 0.063rem solid transparent;
}
button[mat-raised-button].mat-warn:hover:not([disabled]),
button[mat-flat-button].mat-warn:hover:not([disabled]),
button[mat-button].mat-warn:hover:not([disabled]),
button[mat-stroked-button].mat-warn:hover:not([disabled]) {
  background-color: #c02243;
}
button[mat-raised-button].mat-mdc-button:has(.material-icons, mat-icon, icon-batch-redaction, [matButtonIcon]),
button[mat-flat-button].mat-mdc-button:has(.material-icons, mat-icon, icon-batch-redaction, [matButtonIcon]),
button[mat-button].mat-mdc-button:has(.material-icons, mat-icon, icon-batch-redaction, [matButtonIcon]),
button[mat-stroked-button].mat-mdc-button:has(.material-icons, mat-icon, icon-batch-redaction, [matButtonIcon]) {
  padding: 0.625rem 1.25rem;
}
@media screen and (max-width: 48rem) {
  button[mat-raised-button].mat-mdc-button:has(.material-icons, mat-icon, icon-batch-redaction, [matButtonIcon]),
  button[mat-flat-button].mat-mdc-button:has(.material-icons, mat-icon, icon-batch-redaction, [matButtonIcon]),
  button[mat-button].mat-mdc-button:has(.material-icons, mat-icon, icon-batch-redaction, [matButtonIcon]),
  button[mat-stroked-button].mat-mdc-button:has(.material-icons, mat-icon, icon-batch-redaction, [matButtonIcon]) {
    padding: 0.563rem 0.625rem;
  }
}
button.mat-mdc-button-base:disabled,
button.mat-mdc-button-base[disabled] {
  pointer-events: auto;
  cursor: not-allowed;
}
button[mat-button].mat-primary:hover:not([disabled]) {
  background-color: rgba(99, 107, 246, 0.0392156863);
}
button[mat-stroked-button].mat-primary {
  border-color: rgba(99, 107, 246, 0.5);
}
button[mat-stroked-button].mat-primary:hover:not([disabled]) {
  border-color: #636bf6;
  background-color: rgba(99, 107, 246, 0.04);
}
button[mat-stroked-button].mat-warn {
  border-color: rgba(238, 66, 102, 0.5);
}
button[mat-stroked-button].mat-warn:hover:not([disabled]) {
  border-color: #ee4266;
  background-color: rgba(238, 66, 102, 0.04);
}
.redactable-button.mdc-button .mdc-button__label {
  display: flex;
  flex-direction: row;
  gap: 0.5rem;
  align-self: center;
  height: 1rem;
  line-height: 1rem;
}
.redactable-button mat-icon,
.redactable-button icon-batch-redaction {
  width: 1rem;
  height: 1rem;
  min-height: auto;
  margin: unset;
  font-size: 1rem;
}
.redactable-button.redactable-button--icon-only {
  gap: 0;
  min-width: 2.25rem;
  padding: 0.563rem;
}
.redactable-in-progress:disabled.mat-mdc-raised-button.mat-primary,
.redactable-in-progress:disabled.mat-mdc-flat-button.mat-primary,
.redactable-in-progress:disabled.mat-mdc-button.mat-primary,
.redactable-in-progress[disabled].mat-mdc-raised-button.mat-primary,
.redactable-in-progress[disabled].mat-mdc-flat-button.mat-primary,
.redactable-in-progress[disabled].mat-mdc-button.mat-primary {
  color: #fff;
  background-color: #636bf6;
}
.redactable-in-progress:disabled.mat-mdc-raised-button.mat-warn,
.redactable-in-progress:disabled.mat-mdc-flat-button.mat-warn,
.redactable-in-progress:disabled.mat-mdc-button.mat-warn,
.redactable-in-progress[disabled].mat-mdc-raised-button.mat-warn,
.redactable-in-progress[disabled].mat-mdc-flat-button.mat-warn,
.redactable-in-progress[disabled].mat-mdc-button.mat-warn {
  color: #fff;
  background-color: #ee4266;
}
.redactable-in-progress:disabled.mat-mdc-raised-button.mat-accent,
.redactable-in-progress:disabled.mat-mdc-flat-button.mat-accent,
.redactable-in-progress:disabled.mat-mdc-button.mat-accent,
.redactable-in-progress[disabled].mat-mdc-raised-button.mat-accent,
.redactable-in-progress[disabled].mat-mdc-flat-button.mat-accent,
.redactable-in-progress[disabled].mat-mdc-button.mat-accent {
  color: #fff;
  background-color: #21b888;
}
.redactable-buttons-group {
  display: flex;
  gap: 0.5rem;
  justify-content: right;
  margin-top: 0.2rem;
}
.redactable-tab .mat-mdc-tab-header {
  border-bottom: 0.0625rem solid #dce4f5;
}
.redactable-tab .mat-mdc-tab-header .mat-mdc-tab-label-container .mat-mdc-tab-list,
.redactable-tab .mat-mdc-tab-header .mat-mdc-tab-link-container .mat-mdc-tab-list {
  background: #fefefe;
}
.redactable-tab .mat-mdc-tab-header .mat-mdc-tab-label-container .mat-mdc-tab-list .mat-mdc-tab-labels,
.redactable-tab .mat-mdc-tab-header .mat-mdc-tab-label-container .mat-mdc-tab-list .mat-mdc-tab-links,
.redactable-tab .mat-mdc-tab-header .mat-mdc-tab-link-container .mat-mdc-tab-list .mat-mdc-tab-labels,
.redactable-tab .mat-mdc-tab-header .mat-mdc-tab-link-container .mat-mdc-tab-list .mat-mdc-tab-links {
  gap: 1rem;
}
.redactable-tab .mat-mdc-tab,
.redactable-tab .mat-mdc-tab-link {
  min-width: unset;
  height: 3.375rem;
  padding: 0 1rem;
  text-decoration: none;
}
.redactable-tab .mat-mdc-tab:hover,
.redactable-tab .mat-mdc-tab-link:hover {
  text-decoration: none;
}
.redactable-tab .mat-mdc-tab .mdc-tab__text-label,
.redactable-tab .mat-mdc-tab:hover .mdc-tab__text-label,
.redactable-tab .mat-mdc-tab-link .mdc-tab__text-label,
.redactable-tab .mat-mdc-tab-link:hover .mdc-tab__text-label {
  font-family: "Nunito", sans-serif;
  font-size: 1rem;
  font-weight: 600;
  color: #2b313a;
}
.redactable-tab .mat-mdc-tab.mdc-tab--active .mdc-tab__content .mdc-tab__text-label,
.redactable-tab .mat-mdc-tab:hover.mdc-tab--active .mdc-tab__content .mdc-tab__text-label,
.redactable-tab .mat-mdc-tab-link.mdc-tab--active .mdc-tab__content .mdc-tab__text-label,
.redactable-tab .mat-mdc-tab-link:hover.mdc-tab--active .mdc-tab__content .mdc-tab__text-label {
  font-weight: 600;
  color: #2b313a;
}
.redactable-tab .mat-mdc-tab .mdc-tab__ripple,
.redactable-tab .mat-mdc-tab-link .mdc-tab__ripple {
  display: none;
}
.redactable-tab .mat-mdc-tab:focus-visible,
.redactable-tab .mat-mdc-tab-link:focus-visible {
  outline: 0.125rem solid #636bf6;
  outline-offset: -0.125rem;
}
.redactable-tab .mat-mdc-tab.mat-mdc-tab-disabled,
.redactable-tab .mat-mdc-tab-link.mat-mdc-tab-disabled {
  opacity: unset;
}
.redactable-tab .mat-mdc-tab.mat-mdc-tab-disabled .mdc-tab__content .mdc-tab__text-label,
.redactable-tab .mat-mdc-tab-link.mat-mdc-tab-disabled .mdc-tab__content .mdc-tab__text-label {
  color: rgba(43, 49, 58, 0.38);
}
.redactable-tab .mat-mdc-tab .mdc-tab-indicator__content--underline,
.redactable-tab .mat-mdc-tab-link .mdc-tab-indicator__content--underline {
  border-top-width: 0.25rem;
}
.redactable-chips .mdc-evolution-chip-set__chips .mat-mdc-chip.mat-mdc-standard-chip {
  --mat-chip-container-height: 1.438rem;
}
.redactable-chips .chips-label {
  display: block;
  margin-bottom: 0.5rem;
  font-size: 0.875rem;
  font-weight: 500;
  color: #2b313a;
}
.redactable-chips .chips-container {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  min-height: 10.938rem;
  padding: 1rem;
  border: 0.0625rem solid rgba(26, 31, 39, 0.42);
  border-radius: 0.35rem;
  background-color: #fff;
}
.redactable-chips .chips-container .mdc-evolution-chip-set__chips {
  gap: 0.5rem;
  margin-left: 0;
}
.redactable-chips .chips-container .mdc-evolution-chip-set__chips .redactable-chip {
  display: flex;
  gap: 0.25rem;
  align-items: center;
  margin: 0;
  padding: 0 0.625rem;
}
.redactable-chips .chips-container .mdc-evolution-chip-set__chips .redactable-chip .mdc-evolution-chip__text-label {
  height: 1.438rem;
}
.redactable-chips .chips-container .mat-mdc-standard-chip .mdc-evolution-chip__icon--trailing {
  width: auto;
}
.redactable-chips .chips-container .mat-mdc-standard-chip.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--primary,
.redactable-chips .chips-container .mat-mdc-standard-chip.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--secondary {
  padding: 0;
}
.redactable-chips .chips-container .mat-mdc-standard-chip .mdc-evolution-chip__cell--primary,
.redactable-chips .chips-container .mat-mdc-standard-chip .mat-mdc-chip-action-label,
.redactable-chips .chips-container .mat-mdc-standard-chip .mdc-evolution-chip__action--primary {
  -webkit-user-select: none;
  user-select: none;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.redactable-chips .chips-container .mat-mdc-chip-remove::after {
  display: none;
}
.redactable-chips .chip-grid,
.redactable-chips .reactive-chip-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  align-items: flex-start;
  margin: 0;
  padding: 0.188rem 0;
  border: none;
  background: transparent;
}
.redactable-chips .chip-grid.hidden,
.redactable-chips .reactive-chip-grid.hidden {
  display: none;
}
.redactable-chips .chip-input-field {
  width: 100%;
}
.redactable-chips .chip-input-field::after {
  display: none;
}
.redactable-chips .chip-input-field.mat-mdc-form-field {
  height: auto;
}
.redactable-chips .chip-input-field.mat-mdc-form-field .mdc-text-field--filled {
  padding: 0;
}
.redactable-chips .chip-input-field.mat-mdc-form-field .mat-mdc-form-field-infix {
  min-height: auto;
}
.redactable-chips .chip-input-field.mat-mdc-form-field .mat-mdc-form-field-infix input {
  margin: 0;
}
.redactable-chips .chip-input-field .mat-mdc-form-field-underline {
  display: none;
}
.redactable-chips .chip-input-field .mat-mdc-form-field-subscript-wrapper {
  display: none;
}
.redactable-chips .chip-input {
  border: none;
  font-size: 0.875rem;
  background: transparent;
  outline: none;
}
.redactable-chips .hint-text {
  margin-top: 0.5rem;
  font-size: 0.75rem;
  color: rgba(0, 0, 0, 0.6);
}
.redactable-chips .term-chip-limit-counter {
  display: flex;
  justify-content: flex-end;
  margin-top: 0.1875rem;
}
.redactable-chips .term-chip-limit-counter__label {
  font-size: 0.8125rem;
  font-weight: 600;
  line-height: initial;
  color: #717881;
}
.redactable-chips .term-chip-limit-counter__label--limit-reached {
  color: #ee4266;
}
.redactable-chips mat-form-field .mat-mdc-form-field-focus-overlay,
.redactable-chips mat-form-field .mdc-line-ripple {
  display: none;
}
.redactable-chips .mdc-text-field--filled:not(.mdc-text-field--disabled) {
  background-color: transparent;
}
.redactable-chips.chip-badge .mat-mdc-chip-listbox .custom-chip .mat-mdc-chip-action-label {
  display: flex;
  gap: 0.5rem;
  align-items: center;
}
mat-chip-row.redactable-chip,
mat-chip-option.custom-chip {
  border: none;
  border-radius: 2.5rem;
  font-size: 0.875rem;
  font-weight: 400;
}
mat-chip-row.redactable-chip .mat-icon,
mat-chip-row.redactable-chip icon-batch-redaction,
mat-chip-row.redactable-chip redactable-file-type-icon,
mat-chip-option.custom-chip .mat-icon,
mat-chip-option.custom-chip icon-batch-redaction,
mat-chip-option.custom-chip redactable-file-type-icon {
  width: 1rem;
  height: 1rem;
}
@media screen and (max-width: 48rem) {
  mat-chip-row.redactable-chip .mat-icon,
  mat-chip-row.redactable-chip icon-batch-redaction,
  mat-chip-row.redactable-chip redactable-file-type-icon,
  mat-chip-option.custom-chip .mat-icon,
  mat-chip-option.custom-chip icon-batch-redaction,
  mat-chip-option.custom-chip redactable-file-type-icon {
    font-size: 1rem;
  }
}
mat-chip-row.redactable-chip.mat-mdc-chip-selected .mdc-evolution-chip__graphic.mat-mdc-chip-graphic,
mat-chip-option.custom-chip.mat-mdc-chip-selected .mdc-evolution-chip__graphic.mat-mdc-chip-graphic {
  display: none;
}
mat-chip-row.redactable-chip.mat-mdc-chip-selected .mdc-evolution-chip__text-label,
mat-chip-option.custom-chip.mat-mdc-chip-selected .mdc-evolution-chip__text-label {
  padding-left: 0.625rem;
}
mat-chip-row.redactable-chip.mat-mdc-chip-selected .mdc-evolution-chip__cell mat-icon,
mat-chip-row.redactable-chip.mat-mdc-chip-selected .mdc-evolution-chip__cell icon-batch-redaction,
mat-chip-row.redactable-chip.mat-mdc-chip-selected .mdc-evolution-chip__cell redactable-file-type-icon,
mat-chip-option.custom-chip.mat-mdc-chip-selected .mdc-evolution-chip__cell mat-icon,
mat-chip-option.custom-chip.mat-mdc-chip-selected .mdc-evolution-chip__cell icon-batch-redaction,
mat-chip-option.custom-chip.mat-mdc-chip-selected .mdc-evolution-chip__cell redactable-file-type-icon {
  color: #fff;
}
mat-chip-row.redactable-chip.chip-secondary.mat-mdc-chip-selected,
mat-chip-option.custom-chip.chip-secondary.mat-mdc-chip-selected {
  background-color: rgba(77, 86, 98, 0.4);
}
mat-chip-row.redactable-chip.chip-secondary.mat-mdc-chip-selected .mdc-evolution-chip__cell mat-icon,
mat-chip-row.redactable-chip.chip-secondary.mat-mdc-chip-selected .mdc-evolution-chip__cell icon-batch-redaction,
mat-chip-row.redactable-chip.chip-secondary.mat-mdc-chip-selected .mdc-evolution-chip__cell redactable-file-type-icon,
mat-chip-option.custom-chip.chip-secondary.mat-mdc-chip-selected .mdc-evolution-chip__cell mat-icon,
mat-chip-option.custom-chip.chip-secondary.mat-mdc-chip-selected .mdc-evolution-chip__cell icon-batch-redaction,
mat-chip-option.custom-chip.chip-secondary.mat-mdc-chip-selected .mdc-evolution-chip__cell redactable-file-type-icon {
  color: #2b313a;
}
mat-chip-row.redactable-chip.chip-primary,
mat-chip-option.custom-chip.chip-primary {
  color: #636bf6;
  background-color: #f1f1fd;
}
mat-chip-row.redactable-chip.chip-primary .mdc-evolution-chip__text-label,
mat-chip-row.redactable-chip.chip-primary mat-icon,
mat-chip-row.redactable-chip.chip-primary icon-batch-redaction,
mat-chip-row.redactable-chip.chip-primary redactable-file-type-icon,
mat-chip-option.custom-chip.chip-primary .mdc-evolution-chip__text-label,
mat-chip-option.custom-chip.chip-primary mat-icon,
mat-chip-option.custom-chip.chip-primary icon-batch-redaction,
mat-chip-option.custom-chip.chip-primary redactable-file-type-icon {
  color: #636bf6;
}
mat-chip-row.redactable-chip.chip-accent,
mat-chip-option.custom-chip.chip-accent {
  color: #067552;
  background-color: rgba(33, 184, 136, 0.1019607843);
}
mat-chip-row.redactable-chip.chip-accent .mdc-evolution-chip__text-label,
mat-chip-row.redactable-chip.chip-accent mat-icon,
mat-chip-row.redactable-chip.chip-accent icon-batch-redaction,
mat-chip-row.redactable-chip.chip-accent redactable-file-type-icon,
mat-chip-option.custom-chip.chip-accent .mdc-evolution-chip__text-label,
mat-chip-option.custom-chip.chip-accent mat-icon,
mat-chip-option.custom-chip.chip-accent icon-batch-redaction,
mat-chip-option.custom-chip.chip-accent redactable-file-type-icon {
  color: #067552;
}
mat-chip-row.redactable-chip.chip-warn,
mat-chip-option.custom-chip.chip-warn {
  color: #ee4266;
  background-color: #fac6d1;
}
mat-chip-row.redactable-chip.chip-warn .mdc-evolution-chip__text-label,
mat-chip-row.redactable-chip.chip-warn mat-icon,
mat-chip-row.redactable-chip.chip-warn icon-batch-redaction,
mat-chip-row.redactable-chip.chip-warn redactable-file-type-icon,
mat-chip-option.custom-chip.chip-warn .mdc-evolution-chip__text-label,
mat-chip-option.custom-chip.chip-warn mat-icon,
mat-chip-option.custom-chip.chip-warn icon-batch-redaction,
mat-chip-option.custom-chip.chip-warn redactable-file-type-icon {
  color: #ee4266;
}
mat-chip-row.redactable-chip.chip-secondary,
mat-chip-option.custom-chip.chip-secondary {
  color: #2b313a;
  background-color: rgba(77, 86, 98, 0.1019607843);
}
mat-chip-row.redactable-chip.chip-secondary .mdc-evolution-chip__text-label,
mat-chip-row.redactable-chip.chip-secondary mat-icon,
mat-chip-row.redactable-chip.chip-secondary icon-batch-redaction,
mat-chip-row.redactable-chip.chip-secondary redactable-file-type-icon,
mat-chip-option.custom-chip.chip-secondary .mdc-evolution-chip__text-label,
mat-chip-option.custom-chip.chip-secondary mat-icon,
mat-chip-option.custom-chip.chip-secondary icon-batch-redaction,
mat-chip-option.custom-chip.chip-secondary redactable-file-type-icon {
  color: #2b313a;
}
.redactable-card {
  padding: 1rem;
  border-radius: 0.75rem;
  transition: all 0.5s;
}
.redactable-card.mat-mdc-card {
  border-color: transparent;
  border-width: 0.063rem;
  box-shadow: 0 0.0625rem 0.1875rem 0.125rem rgba(127, 127, 165, 0.12);
  -webkit-tap-highlight-color: transparent;
}
.redactable-card.active {
  border: 0.15rem solid #636bf6;
  transition: all 0.5s;
}
@media (min-width: 48rem) {
  .redactable-card:not(.active).hover:hover {
    border: 0.063rem solid #636bf6;
  }
}
mat-form-field.redactable-input-box {
  width: 100%;
}
mat-form-field.redactable-input-box .mdc-text-field--filled:not(.mdc-text-field--disabled) {
  padding: 0;
}
mat-form-field.redactable-input-box .mat-mdc-form-field-focus-overlay {
  display: none;
}
mat-form-field.redactable-input-box .mdc-text-field--outlined.mat-mdc-text-field-wrapper {
  padding: 0 1rem;
}
mat-form-field.redactable-input-box .mdc-text-field--outlined .mat-mdc-form-field-infix input {
  height: 1.875rem;
}
mat-form-field.redactable-input-box .mat-mdc-text-field-wrapper {
  padding: 0;
}
mat-form-field.redactable-input-box.search-variant .mat-mdc-form-field-flex {
  align-items: center;
}
mat-form-field.redactable-input-box.search-variant .mat-mdc-form-field-infix {
  display: flex;
  align-items: center;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
mat-form-field.redactable-input-box.search-variant .search-icon-prefix {
  color: rgba(0, 0, 0, 0.6);
  cursor: pointer;
  margin-right: 0.5rem;
  display: flex;
  align-items: center;
}
mat-form-field.redactable-input-box.search-variant .search-icon-prefix:hover {
  color: rgba(0, 0, 0, 0.87);
}
.redactable-select-container.mat-mdc-form-field,
.redactable-input-box.mat-mdc-form-field {
  height: 2.813rem;
  position: unset;
}
.redactable-select-container.mat-mdc-form-field.mat-form-field-appearance-outline,
.redactable-input-box.mat-mdc-form-field.mat-form-field-appearance-outline {
  height: 2.5rem;
}
.redactable-select-container.mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-form-field-infix,
.redactable-input-box.mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-form-field-infix {
  padding-left: 0.3rem;
}
.redactable-select-container.mat-mdc-form-field .mat-mdc-form-field-icon-suffix,
.redactable-input-box.mat-mdc-form-field .mat-mdc-form-field-icon-suffix {
  align-self: center;
}
.redactable-select-container.mat-form-field-appearance-fill.mat-form-field-hide-placeholder .mat-mdc-form-field-infix .mdc-text-field__input,
.redactable-input-box.mat-form-field-appearance-fill.mat-form-field-hide-placeholder .mat-mdc-form-field-infix .mdc-text-field__input {
  padding-top: 0;
}
.redactable-select-container.mat-form-field-appearance-fill .mat-mdc-form-field-infix .mdc-text-field__input,
.redactable-input-box.mat-form-field-appearance-fill .mat-mdc-form-field-infix .mdc-text-field__input {
  padding-top: 0.25rem;
}
:root {
  --mat-form-field-container-height: 2.5rem;
  --mat-form-field-container-vertical-padding: 0.3125rem;
  --mat-form-field-filled-with-label-container-padding-top: 1.0625rem;
}
.redactable-select-container {
  width: 100%;
}
.redactable-select-container .clear-selection-icon {
  cursor: pointer;
  color: rgba(0, 0, 0, 0.6);
}
.redactable-select-container .clear-selection-icon:hover {
  color: rgba(0, 0, 0, 0.6);
  background-color: unset;
}
.redactable-select-container .clear-selection-icon .mat-ripple {
  display: none;
}
.redactable-select-container .mat-mdc-form-field-infix {
  display: flex;
  align-items: center;
}
.redactable-autocomplete-input-container {
  position: relative;
  width: 100%;
  height: 2.875rem;
}
.redactable-autocomplete-input-container .autocomplete-floating-label {
  position: absolute;
  top: 0;
  left: 0.875rem;
  z-index: 1;
  padding-inline: 0.25rem;
  font-size: 0.75rem;
  line-height: 1;
  color: rgba(0, 0, 0, 0.6);
  background-color: #fff;
  transform: translateY(-50%);
  pointer-events: none;
}
.redactable-autocomplete-input-container .mdc-notched-outline {
  display: none;
}
.redactable-autocomplete-input-container .mat-mdc-form-field-focus-overlay {
  display: none;
}
.redactable-autocomplete-input-container .mat-mdc-text-field-wrapper {
  border: 0.0625rem solid rgba(0, 30, 42, 0.23);
  border-radius: 0.5rem;
  padding-inline: 0.3125rem;
}
.redactable-autocomplete-input-container .mdc-text-field--outlined:not(.mdc-text-field--disabled),
.redactable-autocomplete-input-container .mdc-text-field--filled:not(.mdc-text-field--disabled) {
  background-color: #fff;
}
.redactable-autocomplete-input-container .mat-mdc-form-field-flex {
  align-items: center;
}
.redactable-autocomplete-input-container .mat-mdc-form-field-infix {
  min-height: 2.75rem;
  padding-block: 0;
  display: flex;
  align-items: center;
}
.redactable-autocomplete-input-container input.mat-mdc-input-element {
  color: #2b313a;
  max-width: calc(100% - 5.5rem);
  height: 100%;
}
.redactable-autocomplete-input-container input.mat-mdc-input-element::placeholder {
  color: rgba(0, 0, 0, 0.6);
}
.redactable-autocomplete-input-container .autocomplete-input-icons {
  position: absolute;
  right: 0;
  display: flex;
  align-items: center;
  height: 100%;
  padding: 0.5rem 0 0.5rem 0.5rem;
}
.redactable-autocomplete-input-container .autocomplete-dropdown-button,
.redactable-autocomplete-input-container .autocomplete-action-button {
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 0;
  padding: 0;
  margin: 0;
  box-shadow: none;
}
.redactable-autocomplete-input-container .autocomplete-dropdown-button {
  flex: 0 0 auto;
  width: 0.7rem;
  height: auto;
  color: #4d5662;
  background: transparent;
  margin-right: 0.625rem;
}
.redactable-autocomplete-input-container .autocomplete-dropdown-button .dropdown-input-icon .mat-icon {
  overflow: visible;
}
.redactable-autocomplete-input-container .autocomplete-action-button {
  flex: 0 0 auto;
  width: 2rem;
  height: 2rem;
  color: #2b313a;
  background-color: #f5f5f5;
  border-radius: 0.3125rem;
}
.redactable-autocomplete-input-container .autocomplete-action-button:hover:not(:disabled) {
  background-color: #dce4f5;
}
.redactable-autocomplete-input-container .autocomplete-dropdown-button:disabled,
.redactable-autocomplete-input-container .autocomplete-action-button:disabled {
  cursor: not-allowed;
  opacity: 0.55;
}
.redactable-autocomplete-input-container.mat-focused .mat-mdc-text-field-wrapper {
  border-color: #636bf6;
}
.redactable-autocomplete-panel.mat-mdc-autocomplete-panel .mat-mdc-option .mat-pseudo-checkbox {
  display: none;
}
.redactable-autocomplete-panel .autocomplete-panel-title {
  margin: 0;
  padding: 0.75rem 1rem 0.25rem;
  font-size: 0.875rem;
  font-weight: 600;
  color: #2b313a;
  pointer-events: none;
}
.redaction-select .mat-mdc-form-field.redactable-input-box::after,
.redaction-select .mat-mdc-form-field.redactable-select-container::after {
  display: none;
}
.redaction-select .mat-mdc-form-field.redactable-input-box .mat-mdc-select .mat-mdc-select-placeholder,
.redaction-select .mat-mdc-form-field.redactable-select-container .mat-mdc-select .mat-mdc-select-placeholder {
  margin-left: 0;
}
.redaction-select .mat-mdc-form-field.redactable-input-box .mdc-text-field--filled,
.redaction-select .mat-mdc-form-field.redactable-select-container .mdc-text-field--filled {
  padding: 0;
}
.redaction-select .mat-mdc-form-field.redactable-input-box .mdc-text-field--filled:not(.mdc-text-field--disabled),
.redaction-select .mat-mdc-form-field.redactable-select-container .mdc-text-field--filled:not(.mdc-text-field--disabled) {
  background-color: unset;
}
.redaction-select .mat-mdc-form-field.redactable-select-container.mat-form-field-appearance-fill .mat-mdc-form-field-infix {
  padding: 0;
  padding-left: 0.3rem;
}
.redaction-select .mat-mdc-form-field.redactable-select-container.mat-form-field-appearance-fill .mat-mdc-form-field-infix mat-select {
  padding-top: 1.125rem;
}
.redaction-select .mat-mdc-form-field.redactable-select-container.mat-form-field-appearance-fill .mat-mdc-form-field-infix .mdc-floating-label--float-above {
  transform: translateY(-120%) scale(0.75);
  top: 65%;
}
.redaction-select .mat-mdc-form-field.redactable-select-container.mat-form-field-appearance-fill .mat-mdc-form-field-icon-suffix {
  padding-top: 0.3125rem;
}
.redaction-select .mat-mdc-form-field.redactable-select-container.mat-form-field-appearance-fill .mat-mdc-form-field-icon-suffix .mat-icon {
  padding: 0;
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.redaction-select .mat-mdc-select-panel .search-container .search-field {
  width: 100%;
}
.redaction-select .mat-mdc-select-panel .search-container .search-field .mat-mdc-form-field-wrapper {
  padding-bottom: 0;
}
.redaction-select .mat-mdc-select-panel .search-container .search-field .mdc-text-field--filled:not(.mdc-text-field--disabled) {
  background-color: transparent;
}
.redaction-select .mat-mdc-select-panel .search-container .search-field .mat-mdc-form-field-flex {
  align-items: center;
}
.redaction-select .mat-mdc-select-panel .search-container .search-field .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix {
  align-self: center;
}
.redaction-select .mat-mdc-select-panel .search-container .search-field .mat-mdc-form-field-infix {
  min-height: 2.5rem;
  padding: 0.5rem 0;
  display: flex;
  align-items: center;
}
.redaction-select .mat-mdc-select-panel .search-container .search-field .mat-mdc-form-field-subscript-wrapper {
  display: none;
}
.redaction-select .mat-mdc-select-panel .search-container .search-field .clear-icon {
  cursor: pointer;
  color: rgba(0, 0, 0, 0.6);
  display: flex;
  align-items: center;
}
.redaction-select .mat-mdc-select-panel .search-container .search-field .clear-icon:hover {
  color: rgba(0, 0, 0, 0.6);
  background-color: unset;
}
.redaction-select .mat-mdc-select-panel .search-container .search-field .clear-icon .mat-ripple {
  display: none;
}
.redaction-select .mat-form-field-appearance-fill {
  --mat-form-field-container-height: 2.8125rem;
  --mat-select-arrow-transform: translateY(0);
}
.redaction-select .mat-mdc-select-arrow {
  display: none;
}
.redaction-select .mat-mdc-select-trigger::after {
  content: "expand_more";
  font-family: "Material Icons";
  font-size: 1.25rem;
  color: #555;
  margin-left: 0.5rem;
  align-self: flex-start;
}
.redaction-select .mat-mdc-select.mat-select-open .mat-mdc-select-trigger::after {
  content: "expand_less";
}
.confirmation-modal .close-icon:hover {
  background-color: unset;
}
.radio-label {
  margin-bottom: 0.75rem;
  font-size: 0.875rem;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.87);
}
.redactable-radio-button .mat-mdc-radio-button .mdc-radio {
  width: 1.125rem;
  height: 1.125rem;
  padding: 0;
}
.redactable-radio-button .mat-mdc-radio-button .mdc-radio .mdc-radio__background {
  width: 1.125rem;
  height: 1.125rem;
}
.redactable-radio-button .mat-mdc-radio-button .mdc-radio .mdc-radio__background .mdc-radio__outer-circle {
  border-width: 0.063rem;
}
.redactable-radio-button .mat-mdc-radio-button .mdc-radio .mdc-radio__native-control,
.redactable-radio-button .mat-mdc-radio-button .mdc-radio .mat-mdc-radio-touch-target {
  width: 1.125rem;
  height: 1.125rem;
}
.redactable-radio-button.layout-row {
  display: flex;
  gap: 1rem;
}
.redactable-radio-button.layout-column {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.redactable-radio-button__hint {
  margin-top: 0.25rem;
  font-size: 0.75rem;
  color: #717881;
}
.base-text {
  font-family: Nunito, sans-serif;
  font-style: normal;
  color: #4d5662;
}
.small-header-text {
  font-size: 0.9375rem;
}
.header-text,
.h2-text {
  font-size: 1rem;
  line-height: 1.6875rem;
}
.h1-text {
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 2rem;
}
.h2-text {
  font-weight: 600;
}
.subtitle-text {
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.375rem;
}
.body-regular-text {
  font-size: 0.875rem;
  font-weight: normal;
  line-height: 1.1875rem;
}
.button-text {
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.1875rem;
  text-align: center;
}
.small-text {
  font-size: 0.75rem;
  font-weight: normal;
  line-height: 1rem;
}
@keyframes switch-to-paid-plan-button-animation {
  0% {
    border-radius: 1.3125rem;
    outline: 0 transparent solid;
    outline-offset: 0;
  }
  50% {
    border-radius: 1.3125rem;
    outline: 0.2rem #9399ff solid;
    outline-offset: 0.05rem;
  }
  100% {
    border-radius: 1.3125rem;
    outline: 0 transparent solid;
    outline-offset: 0;
  }
}
@keyframes upload-control-flash-keyframes {
  0% {
    border-radius: 0.1rem;
    outline: 0 transparent solid;
    outline-offset: 0;
  }
  50% {
    border-radius: 0.1rem;
    outline: 0.4rem #9399ff solid;
    outline-offset: 0.3rem;
  }
  100% {
    border-radius: 0.1rem;
    outline: 0 transparent solid;
    outline-offset: 0;
  }
}
redactable-panel .redactable-panel.mat-expansion-panel:not([class*=mat-elevation-z]) {
  box-shadow: unset;
}
.mat-expansion-panel.redactable-panel {
  width: 100%;
  max-width: 55.125rem;
  margin: 0 auto;
  border: 0.063rem solid rgb(229, 229, 255);
  border-radius: 0.5rem;
  background: #fff;
}
.mat-expansion-panel.redactable-panel .mat-expansion-panel-header {
  min-height: 3rem;
  padding: 0.8rem 1.25rem;
  border-bottom: 0.0625rem solid rgb(229, 229, 255);
  border-radius: unset;
}
@media screen and (max-width: 37.5rem) {
  .mat-expansion-panel.redactable-panel .mat-expansion-panel-header {
    padding: 0.3rem 0.625rem;
  }
}
@media screen and (max-width: 64rem) {
  .mat-expansion-panel.redactable-panel .mat-expansion-panel-header {
    max-height: 2rem;
  }
}
@media (min-width: 320px) {
  .mat-expansion-panel.redactable-panel .mat-expansion-panel-header {
    height: 3.4rem;
  }
}
.mat-expansion-panel.redactable-panel .mat-expansion-indicator {
  display: none;
}
.mat-expansion-panel.redactable-panel .mat-expansion-panel-body {
  padding: 0;
}
.mat-expansion-panel.redactable-panel .mat-expansion-panel-body .mat-expansion-indicator {
  display: block;
}
.mat-expansion-panel.redactable-panel .mat-expansion-panel-content {
  transition: height 300ms cubic-bezier(0.4, 0, 0.2, 1);
}
.mat-expansion-panel.redactable-panel .panel-header.non-collapsible {
  pointer-events: none;
  cursor: default;
}
.mat-expansion-panel.redactable-panel .panel-header.non-collapsible .close-button,
.mat-expansion-panel.redactable-panel .panel-header.non-collapsible .edit-badge {
  pointer-events: auto;
  width: auto;
  padding: 0;
}
.mat-expansion-panel.redactable-panel .panel-header .header-actions {
  pointer-events: auto;
  display: flex;
  flex-shrink: 0;
  align-items: center;
}
.mat-expansion-panel.redactable-panel .panel-header .subtitle {
  margin-top: 0;
  color: #717881;
}
@media screen and (max-width: 48rem) {
  .mat-expansion-panel.redactable-panel .panel-header .subtitle {
    font-size: 0.625rem;
  }
  .mat-expansion-panel.redactable-panel .panel-header .subtitle .file-upload {
    font-size: 0.625rem;
  }
}
.mat-expansion-panel.redactable-panel .panel-title {
  display: flex;
  gap: 0.5rem;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  margin: 0;
}
.mat-expansion-panel.redactable-panel .panel-title .title-container {
  display: flex;
  flex: 1;
  gap: 0.75rem;
  align-items: center;
}
.mat-expansion-panel.redactable-panel .panel-title .title-container .redactable-button.mat-mdc-button {
  padding-right: 0;
  padding-left: 0;
}
.mat-expansion-panel.redactable-panel .panel-title .title-container .title-text {
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.4;
  color: rgba(0, 0, 0, 0.87);
}
@media screen and (max-width: 40rem) {
  .mat-expansion-panel.redactable-panel .panel-title .title-container .title-text {
    font-size: 1rem;
  }
}
.mat-expansion-panel.redactable-panel .panel-title .title-container .edit-badge {
  pointer-events: auto;
  cursor: pointer;
  display: inline-flex;
  gap: 0.25rem;
  align-items: center;
  padding: 0.25rem 0.625rem;
  border-radius: 0.75rem;
  font-size: 0.8125rem;
  font-weight: 500;
  color: #636bf6;
  background-color: #e8e9fd;
}
.mat-expansion-panel.redactable-panel .panel-title .title-container .edit-badge .edit-icon {
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
  line-height: 1rem;
}
.mat-expansion-panel.redactable-panel .panel-title .close-button {
  display: flex;
  align-items: center;
  justify-content: end;
  height: 2.25rem;
  transition: background-color 0.2s ease;
}
.mat-expansion-panel.redactable-panel .panel-title .close-button mat-icon,
.mat-expansion-panel.redactable-panel .panel-title .close-button icon-batch-redaction {
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
  color: rgba(0, 0, 0, 0.6);
}
.mat-expansion-panel.redactable-panel .panel-title .close-button:hover {
  background-color: unset;
}
.mat-expansion-panel.redactable-panel .panel-title .close-button:hover mat-icon,
.mat-expansion-panel.redactable-panel .panel-title .close-button:hover icon-batch-redaction {
  color: rgba(0, 0, 0, 0.87);
}
.mat-expansion-panel.redactable-panel .panel-body {
  min-height: 6.25rem;
  padding: 1rem;
}
@media screen and (max-width: 48rem) {
  .mat-expansion-panel.redactable-panel .panel-body {
    padding: 0.6rem;
  }
}
.mat-expansion-panel.redactable-panel .mat-mdc-icon-button:hover > .mat-mdc-button-persistent-ripple::before {
  opacity: 0;
}
.mat-expansion-panel.redactable-panel .mdc-icon-button .mat-ripple {
  display: none;
}
:root {
  --mat-stepper-container-color: transparent;
}
.redactable-stepper .mat-stepper-horizontal-line {
  display: none;
}
.redactable-stepper .mat-horizontal-stepper-header-container {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 48rem) {
  .redactable-stepper .mat-horizontal-stepper-header-container .mat-horizontal-stepper-header {
    flex-wrap: wrap;
    gap: 0.5rem;
    justify-content: center;
    height: auto;
    padding: 1rem 0.313rem;
  }
  .redactable-stepper .mat-horizontal-stepper-header-container .mat-horizontal-stepper-header .mat-step-icon {
    margin-right: 0;
  }
}
.redactable-stepper .mat-horizontal-stepper-header-container .mat-step-icon {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 1.641rem;
  height: 1.641rem;
}
.redactable-stepper .mat-horizontal-stepper-header-container .mat-step-icon .mat-step-icon-content {
  position: unset;
  transform: none;
  display: flex;
  align-items: center;
  justify-content: center;
}
.redactable-stepper .mat-horizontal-stepper-header-container .mat-step-icon .mat-step-icon-content .mat-icon {
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.redactable-stepper .mat-horizontal-content-container {
  display: none;
}
.redactable-stepper .mat-step-icon.mat-step-icon-state-number {
  background: #bababa;
}
.redactable-stepper .mat-step-icon.mat-step-icon-state-number.mat-step-icon-selected {
  background: #636bf6;
}
.redactable-stepper .mat-step-icon.mat-step-icon-state-edit {
  background: #1da577;
}
.redactable-stepper .step-item {
  display: flex;
  gap: 0.75rem;
  align-items: center;
}
.redactable-stepper .step-item.disabled {
  pointer-events: none;
  cursor: not-allowed;
  opacity: 0.5;
}
@media (min-width: 1024px) {
  .redactable-stepper .mat-step-header {
    height: 3.438rem;
  }
}
@media (min-width: 320px) and (max-width: 1023px) {
  .redactable-stepper .mat-step-header {
    height: 2.5rem;
  }
}
.mat-mdc-dialog-content.mdc-dialog__content.confirmation-modal {
  position: relative;
  max-width: 31.25rem;
  padding: 3rem 1rem 1rem;
  text-align: center;
}
.mat-mdc-dialog-content.mdc-dialog__content.confirmation-modal .mat-mdc-dialog-title {
  margin: 0 1.5rem;
}
.mat-mdc-dialog-content.mdc-dialog__content.confirmation-modal .mat-mdc-dialog-title::before {
  display: none;
}
.mat-mdc-dialog-content.mdc-dialog__content .close-icon {
  cursor: pointer;
  position: absolute;
  z-index: 10;
  top: 0.5rem;
  right: 0.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.5rem;
  border: none;
  border-radius: 50%;
  background: none;
  transition: background-color 0.2s ease;
}
.mat-mdc-dialog-content.mdc-dialog__content .close-icon icon-batch-redaction {
  width: 1.5rem;
  height: 1.5rem;
  color: rgba(0, 0, 0, 0.6);
}
.mat-mdc-dialog-content.mdc-dialog__content .close-icon:hover {
  background-color: unset;
}
.mat-mdc-dialog-content.mdc-dialog__content .close-icon .mat-ripple {
  display: none;
}
.mat-mdc-dialog-content.mdc-dialog__content .icon-container {
  display: flex;
  justify-content: center;
}
.mat-mdc-dialog-content.mdc-dialog__content .icon-container icon-batch-redaction.modal-icon {
  width: 4rem;
  height: 4rem;
  color: #ee4266;
}
.mat-mdc-dialog-content.mdc-dialog__content .modal-title {
  margin: 0 0 0.75rem;
  padding: 0;
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1.4;
  color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-dialog-content.mdc-dialog__content .modal-subtitle {
  margin: 0;
  font-size: 0.875rem;
  line-height: 1.5;
  color: rgba(0, 0, 0, 0.6);
}
.confirmation-modal + .modal-footer,
.mat-mdc-dialog-actions.modal-footer {
  display: flex;
  gap: 0.75rem;
  justify-content: center;
  margin: 0;
  padding: 1rem 2rem 1.5rem;
}
mat-dialog-container .mdc-dialog__surface {
  border-radius: 0.875rem;
}
.redaction-modal .mdc-dialog__container .mdc-dialog__surface {
  padding: 0;
}
.redactable-list-container {
  width: 100%;
}
.redactable-list-container .list-title {
  margin: 0 0 1rem;
  padding: 0 1rem;
  font-size: 1.125rem;
  font-weight: 600;
  color: rgba(0, 0, 0, 0.87);
}
.redactable-list-container .redactable-list {
  padding: 0;
}
mat-list-option icon-batch-redaction .mat-badge-content {
  display: none;
}
mat-list-option .mdc-list-item__content .mdc-list-item__secondary-text {
  overflow: unset;
  display: flex;
  align-items: center;
  justify-content: center;
}
mat-list-option .mdc-list-item__content .mdc-list-item__secondary-text::before,
mat-list-option .mdc-list-item__content .mdc-list-item__secondary-text::after {
  display: none;
}
mat-list-option .mdc-list-item__content .mat-mdc-list-item-title.mdc-list-item__primary-text.item-label {
  margin-bottom: 0;
}
mat-selection-list.redactable-list mat-list-option::before {
  display: none;
}
.redactable-list mat-list-option {
  position: relative;
}
.redactable-list mat-list-option::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 0.25rem;
  border-radius: 0 0.25rem 0.25rem 0;
  opacity: 0;
  background-color: #636bf6;
  transition: opacity 0.2s ease;
}
.redactable-list mat-list-option.mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines {
  position: relative;
  height: 2.5rem;
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
  border-radius: 0 0.5rem 0.5rem 0;
}
.redactable-list mat-list-option.mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines .mdc-list-item__start {
  align-self: center;
  margin-top: 0;
}
.redactable-list mat-list-option.mat-mdc-list-item .mdc-list-item__content {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.redactable-list mat-list-option .mdc-radio {
  display: none;
}
.redactable-list mat-list-option .mdc-list-item__end {
  margin: auto;
}
.redactable-list mat-list-option:hover {
  background-color: rgba(0, 0, 0, 0.04);
}
.redactable-list mat-list-option[aria-selected=true] {
  color: #fff;
  background-color: #636bf6;
}
.redactable-list mat-list-option[aria-selected=true]::before {
  opacity: 1;
}
.redactable-list mat-list-option[aria-selected=true]:hover {
  background-color: #3a43df;
}
.redactable-list mat-list-option[aria-selected=true] .item-icon,
.redactable-list mat-list-option[aria-selected=true] .item-label,
.redactable-list mat-list-option[aria-selected=true] .item-count {
  color: #fff;
}
.redactable-list mat-list-option[aria-selected=true] .item-label {
  font-weight: 600;
}
.redactable-list mat-list-option[aria-selected=true] .item-count {
  font-weight: 700;
}
.redactable-list mat-list-option .item-icon {
  position: relative;
  flex-shrink: 0;
  width: 1.5rem;
  height: 1.5rem;
  margin-right: 0.75rem;
  font-size: 1.5rem;
  color: rgba(0, 0, 0, 0.6);
}
.redactable-list mat-list-option .item-icon .mat-badge-content {
  top: -0.25rem;
  right: -0.5rem;
}
.redactable-list mat-list-option .item-label {
  font-family: "Nunito", sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5;
  color: rgba(0, 0, 0, 0.87);
}
.redactable-list mat-list-option .item-label.mdc-list-item__primary-text::before,
.redactable-list mat-list-option .item-label.mdc-list-item__primary-text::after {
  display: none;
}
.redactable-list mat-list-option .item-count {
  flex-shrink: 0;
  min-width: 1.75rem;
  padding: 0.125rem 0.625rem;
  border-radius: 0.75rem;
  font-size: 1rem;
  font-weight: 600;
  color: #636bf6;
  text-align: center;
}
.redactable-list mat-divider {
  margin: 0;
}
.redactable-accordion {
  width: 100%;
}
.redactable-accordion .mat-expansion-panel .mat-expansion-panel-header {
  height: auto;
  min-height: 3rem;
  padding: 0;
  border: unset;
}
.redactable-accordion .mat-expansion-panel .mat-expansion-panel-header.mat-expanded {
  height: auto;
}
.redactable-accordion .mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:not([aria-disabled=true]):hover {
  background: transparent;
}
.redactable-accordion mat-expansion-panel {
  padding: 1.5rem;
  border-radius: 0.25rem;
  background-color: #fff;
  box-shadow: 0 0.125rem 0.25rem rgba(127, 127, 165, 0.12), 0 0.125rem 0.375rem rgba(0, 0, 0, 0.23);
}
.redactable-accordion .header-content {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  width: 100%;
}
.redactable-accordion .header-content .accordion-title {
  margin: 0;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5rem;
  color: rgba(0, 0, 0, 0.87);
}
.redactable-accordion .header-content .accordion-subtitle {
  margin: 0;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  color: rgba(0, 0, 0, 0.6);
}
.redactable-accordion .accordion-body {
  padding: 0;
}
.redactable-accordion mat-expansion-panel-header {
  flex-direction: row-reverse;
  padding: 1rem 1.5rem 0.5rem;
}
.redactable-accordion mat-expansion-panel-header:hover {
  background-color: transparent;
}
.redactable-accordion mat-expansion-panel-header .mat-expansion-indicator {
  margin-right: 1rem;
  margin-left: 0;
}
.redactable-accordion .mat-expansion-panel-body {
  padding: 0;
}
.permission-table .table-header {
  display: grid;
  grid-template-columns: 1fr 6rem 6rem;
  gap: 1rem;
  padding: 0.75rem 0;
  border-bottom: 0.0625rem solid rgb(229, 229, 255);
  font-size: 0.875rem;
  font-weight: 600;
}
.permission-table .table-header .column-name {
  font-weight: 600;
  color: #000;
  text-align: left;
}
.permission-table .table-header .column-view,
.permission-table .table-header .column-redact {
  font-weight: 600;
  color: #000;
  text-align: center;
}
.permission-table .table-body {
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  row-gap: 0.5rem;
  max-height: 11rem;
  margin: 0.75rem 0;
}
.permission-table .table-body .table-row {
  display: grid;
  grid-template-columns: 1fr 6rem 6rem;
  gap: 1rem;
  align-items: center;
}
.permission-table .table-body .table-row:last-child {
  border-bottom: none;
}
.permission-table .table-body .table-row .cell-name {
  display: flex;
  align-items: center;
}
.permission-table .table-body .table-row .cell-name redactable-check-box {
  width: 100%;
}
.permission-table .table-body .table-row .cell-view,
.permission-table .table-body .table-row .cell-redact {
  display: flex;
  align-items: center;
  justify-content: center;
}
.permission-table .table-body .table-row .cell-view redactable-check-box,
.permission-table .table-body .table-row .cell-redact redactable-check-box {
  display: flex;
  justify-content: center;
}
redactable-accordion .mat-expansion-panel:not([class*=mat-elevation-z]) {
  box-shadow: 0 0.0625rem 0.1875rem 0.125rem rgba(127, 127, 165, 0.12);
}
.redactable-table-container {
  overflow: auto;
  width: 100%;
}
.redactable-table-container .redactable-button-group {
  display: flex;
  gap: 0.5rem;
  align-items: center;
  justify-content: right;
  min-height: 2.813rem;
  margin-bottom: 0.5rem;
}
.redactable-table-container .table-wrapper .redactable-table-cdk-container {
  overflow-x: auto;
  height: calc(100vh - 21rem);
}
.redactable-table-container .table-wrapper .redactable-table-cdk-container.isLoading .cdk-virtual-scroll-content-wrapper {
  height: 100%;
}
.redactable-table-container .table-wrapper .redactable-table-cdk-container.isLoading .cdk-virtual-scroll-content-wrapper .loading-overlay {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.redactable-table-container .table-wrapper .redactable-table-cdk-container.isLoading .cdk-virtual-scroll-content-wrapper .redactable-table {
  position: absolute;
}
.redactable-table-container .table-wrapper .redactable-table-cdk-container.empty .cdk-virtual-scroll-content-wrapper {
  height: 100%;
}
.redactable-table-container .table-wrapper .redactable-table-cdk-container.empty .cdk-virtual-scroll-content-wrapper .empty-message {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  font-size: 1rem;
}
.redactable-table-container .redactable-table {
  width: 100%;
  background: #fff;
}
.redactable-table-container .redactable-table th {
  padding: 0.75rem 1rem;
  border-bottom: 0.0625rem solid #dce4f5;
  font-size: 0.875rem;
  font-weight: 600;
  color: #2b313a;
  text-align: left;
  background: #fbfbff;
}
.redactable-table-container .redactable-table th .mat-sort-header-arrow {
  display: none;
}
.redactable-table-container .redactable-table th .table-header-content {
  display: inline-flex;
  gap: 0.25rem;
  align-items: center;
}
.redactable-table-container .redactable-table th .custom-sort-icon {
  width: 1rem;
  height: 1rem;
  color: rgba(43, 49, 58, 0.7490196078);
  transition: transform 150ms ease-in-out;
}
.redactable-table-container .redactable-table th[aria-sort=ascending] .custom-sort-icon {
  transform: rotate(180deg);
}
.redactable-table-container .redactable-table td {
  padding: 0 1rem;
  border-bottom: 0.0625rem solid #dce4f5;
  font-size: 0.875rem;
  color: #2b313a;
  text-align: left;
  background-color: unset;
}
.redactable-table-container .redactable-table td .clickable-content {
  cursor: pointer;
  display: inline-block;
  border-radius: 0.25rem;
  outline: none;
  transition: color 0.2s ease;
}
.redactable-table-container .redactable-table td .clickable-content:hover {
  color: #636bf6;
}
.redactable-table-container .redactable-table td .password-required-content {
  display: flex;
  gap: 0.5rem;
  align-items: center;
  color: #717881;
}
.redactable-table-container .redactable-table td .password-required-content .password-required {
  width: 1rem;
  height: 1rem;
  color: #636bf6;
}
.redactable-table-container .redactable-table td .row-actions .icon {
  width: 1rem;
}
.redactable-table-container .redactable-table tr.mat-mdc-header-row {
  height: 3rem;
}
.redactable-table-container .redactable-table tr.mat-mdc-row {
  height: 3rem;
}
.redactable-table-container .redactable-table tr.mat-mdc-row:hover {
  background-color: rgba(0, 0, 0, 0.04);
}
.redactable-table-container .redactable-table .status-pill {
  display: flex;
  flex-wrap: wrap;
  gap: 0.3rem;
  align-items: center;
  padding: 0.25rem 0;
  border-radius: 1rem;
  font-size: 0.875rem;
  font-weight: 500;
  color: #717881;
}
.redactable-table-container .redactable-table .status-pill.status-review {
  color: #ee4266;
}
.redactable-table-container .redactable-table .status-pill.status-completed {
  color: #2e7d32;
}
.redactable-table-container .redactable-table .status-pill.status-failed {
  color: #ee4266;
}
.redactable-table-container .redactable-table .status-pill.status-default {
  color: #717881;
}
.redactable-table-container .redactable-table .status-pill.status-ready .pill-icon {
  color: #21b888;
}
.redactable-table-container .redactable-table .status-pill .pill-icon {
  width: 1rem;
  height: 1rem;
}
.redactable-table-container .redactable-table .row-actions {
  display: flex;
  align-items: center;
}
.redactable-table-container .redactable-table .owner-cell {
  display: flex;
  gap: 0.5rem;
  align-items: center;
}
.redactable-table-container .redactable-table .type-cell {
  display: flex;
  gap: 0.5rem;
  align-items: center;
}
.redactable-table-container .redactable-table .type-cell .type-icon {
  width: 1.5rem;
  height: 1.5rem;
  color: rgba(0, 0, 0, 0.6);
}
.redactable-table-container .batch-pagination {
  background: transparent;
}
.redactable-progress-bar {
  width: 100%;
  min-width: 6rem;
}
.redactable-progress-bar .progress-label {
  margin-bottom: 0.25rem;
  font-size: 0.875rem;
  font-weight: 400;
  color: #2b313a;
  text-align: left;
}
.redactable-progress-bar .progress-bar {
  width: 100%;
  border-radius: 5rem;
}
.mat-mdc-paginator {
  font-size: 0.875rem;
  line-height: 1.1875rem;
  background: transparent;
}
.mat-mdc-paginator .mat-mdc-paginator-container {
  justify-content: center;
}
.mat-mdc-paginator .mat-mdc-paginator-navigation-previous,
.mat-mdc-paginator .mat-mdc-paginator-navigation-next {
  color: #636bf6;
}
.mat-mdc-paginator .mat-mdc-paginator-range-actions {
  display: flex;
  align-items: center;
  border: solid 0.0625rem #cecece;
  border-radius: 0.25rem;
  background: #fff;
  box-shadow: 0 0 0.1875rem rgba(0, 0, 0, 0.2);
}
.mat-mdc-paginator .mat-mdc-paginator-range-actions button {
  cursor: pointer;
  min-width: 2.2rem;
  height: 1.5rem;
  padding: 0;
  border: none;
  border-radius: 0.1875rem;
  font-size: 0.9rem;
  color: #636bf6;
  vertical-align: middle;
  background: transparent;
  outline: none;
}
.mat-mdc-paginator .mat-mdc-paginator-range-actions button:hover:not([disabled]) {
  background: rgba(0, 0, 0, 0.0666666667);
}
.mat-mdc-paginator .mat-mdc-paginator-range-actions button.custom-paginator-page-disabled {
  cursor: not-allowed;
  font-weight: 600;
  background: rgba(220, 228, 245, 0.3);
}
.mat-mdc-paginator .mat-mdc-paginator-range-actions button.custom-paginator-page {
  flex: 1;
  margin: 0 0.125rem;
}
.redactable-loading-overlay-panel .mat-mdc-dialog-surface {
  overflow: visible;
  background: transparent;
  box-shadow: none;
}
.redactable-loading-overlay-panel .loading-overlay {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 3.125rem;
  min-height: 3.125rem;
}
.redactable-breadcrumb-container {
  display: flex;
  align-items: center;
  font-family: "Nunito", sans-serif;
}
.redactable-breadcrumb-list {
  display: flex;
  gap: 0.625rem;
  align-items: center;
  margin: 0;
  padding: 0;
  list-style: none;
}
.redactable-breadcrumb-greater-icon {
  display: flex;
}
.redactable-breadcrumb-greater-icon mat-icon {
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
  color: rgba(77, 86, 98, 0.7490196078);
}
.redactable-breadcrumb-item {
  display: flex;
  gap: 0.625rem;
  align-items: center;
}
.redactable-breadcrumb-link {
  cursor: pointer;
  padding: 0;
  border: none;
  border-radius: 0.25rem;
  font-family: inherit;
  font-size: 0.875rem;
  font-weight: 400;
  color: #2b313a;
  text-decoration: none;
  background: none;
  transition: all 0.2s ease;
}
.redactable-breadcrumb-link:hover {
  color: rgba(0, 0, 0, 0.87);
  background-color: rgba(0, 0, 0, 0.04);
}
.redactable-breadcrumb-link:focus {
  outline: 0.125rem solid #636bf6;
  outline-offset: 0.125rem;
}
.redactable-breadcrumb-link:active {
  background-color: rgba(0, 0, 0, 0.12);
}
.redactable-breadcrumb-current {
  font-size: 0.875rem;
  font-weight: 400;
  color: #2b313a;
}
.redactable-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.25rem;
  font-family: "Nunito", sans-serif;
  font-weight: 600;
  transition: all 0.2s ease-in-out;
}
.redactable-badge--circle {
  aspect-ratio: 1/1;
  border-radius: 50%;
}
.redactable-badge--small {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 0.625rem;
  font-weight: normal;
}
.redactable-badge--medium {
  padding: 0.125rem 0.438rem;
  font-size: 0.875rem;
  font-weight: normal;
}
.redactable-badge--large {
  width: 3rem;
  height: 3rem;
  font-size: 1rem;
  font-weight: normal;
}
.redactable-badge--primary {
  color: #636bf6;
  background-color: #f1f1fd;
}
.redactable-badge--secondary {
  color: #21b888;
  background-color: rgba(33, 184, 136, 0.06);
}
.redactable-badge--warn {
  color: #ee4266;
  background-color: rgba(238, 66, 102, 0.06);
}
.redactable-badge--success {
  color: #17825c;
  background-color: rgba(23, 130, 92, 0.06);
}
.redactable-menu__trigger {
  cursor: pointer;
  display: inline-flex;
  align-items: center;
}
.redactable-menu__trigger icon-batch-redaction {
  transition: transform 0.2s ease-in-out;
}
.redactable-menu__trigger--open icon-batch-redaction {
  transform: rotate(180deg);
}
icon-batch-redaction.redactable-menu__trigger {
  width: 1.5rem;
  height: 1.5rem;
}
.mat-mdc-icon-button icon-batch-redaction {
  width: 1.5rem;
  height: 1.5rem;
}
.redactable-menu.mat-mdc-menu-panel .mat-mdc-menu-content {
  padding: 0;
}
.redactable-menu.mat-mdc-menu-panel .mat-mdc-menu-content .mat-mdc-menu-item {
  display: flex;
  gap: 0.625rem;
  align-items: center;
  height: auto;
  min-height: 2.188rem;
  padding: 0 0.5rem;
  font-size: 0.875rem;
  color: #2b313a;
}
.redactable-menu.mat-mdc-menu-panel .mat-mdc-menu-content .mat-mdc-menu-item.delete {
  color: #ee4266;
}
.redactable-menu.mat-mdc-menu-panel .mat-mdc-menu-content .mat-mdc-menu-item.delete .mat-icon,
.redactable-menu.mat-mdc-menu-panel .mat-mdc-menu-content .mat-mdc-menu-item.delete icon-batch-redaction {
  color: #ee4266;
}
.redactable-menu.mat-mdc-menu-panel .mat-mdc-menu-content .mat-mdc-menu-item .mat-icon,
.redactable-menu.mat-mdc-menu-panel .mat-mdc-menu-content .mat-mdc-menu-item icon-batch-redaction {
  width: 1rem;
  height: 1rem;
  margin-right: 0;
  font-size: 1rem;
}
.redactable-menu.mat-mdc-menu-panel .mat-mdc-menu-content .mat-mdc-menu-item:disabled {
  pointer-events: auto;
  cursor: not-allowed;
  opacity: 0.5;
}
.redactable-check-box {
  line-height: 1.188rem;
}
.redactable-check-box .mdc-form-field {
  gap: 0.625rem;
}
.redactable-check-box .mdc-checkbox {
  flex: 0 0 1.125rem;
  width: 1.125rem;
  height: 1.125rem;
  padding: 0;
}
.redactable-check-box .mdc-checkbox .mdc-checkbox__native-control,
.redactable-check-box .mdc-checkbox .mat-mdc-checkbox-touch-target {
  width: 1.125rem;
  height: 1.125rem;
}
.redactable-check-box .mdc-checkbox .mdc-checkbox__ripple {
  display: none;
}
.redactable-check-box .mdc-checkbox .mdc-checkbox__background {
  top: unset;
  left: unset;
  width: 1.125rem;
  height: 1.125rem;
  border-width: 0.063rem;
  border-radius: 0.25rem;
}
.redactable-check-box .mdc-checkbox .mdc-checkbox__background svg {
  top: unset;
  right: unset;
  bottom: unset;
  left: unset;
  width: 0.625rem;
  height: 0.625rem;
}
.redactable-check-box__hint {
  margin-top: 0.25rem;
  font-size: 0.75rem;
  color: #717881;
}
.custom-scrollbar::-webkit-scrollbar {
  width: 0.375rem;
  border-radius: 1rem;
  background-color: #dce4f5;
}
.custom-scrollbar::-webkit-scrollbar-thumb {
  border: unset;
  border-radius: 1rem;
  background-color: #636bf6;
}
.custom-scrollbar::-webkit-scrollbar-track {
  margin: 0;
}
.drag-drop-area-redaction .uppy-Dashboard-AddFiles {
  border: none;
}
.drag-drop-area-redaction.hide-title .uppy-Dashboard-AddFiles-title {
  display: none;
}
.drag-drop-area-redaction .uppy-DashboardTab-name {
  margin-top: 0.813rem;
  font-size: 0.875rem;
}
.drag-drop-area-redaction .uppy-DashboardTab-inner {
  width: 2.563rem;
  height: 2.5rem;
}
.drag-drop-area-redaction .uppy-Dashboard-AddFiles-info {
  display: block;
}
.drag-drop-area-redaction .uppy-Dashboard-AddFiles-list {
  max-width: 100%;
}
.drag-drop-area-redaction .uppy-Dashboard-inner {
  border: none;
  background-color: unset;
}
.drag-drop-area-redaction .uppy-Dashboard-inner .uppy-Dashboard-innerWrap > .uppy-DashboardContent-bar {
  display: none;
}
.drag-drop-area-redaction .uppy-Dashboard-inner .uppy-Dashboard-innerWrap .uppy-Dashboard-files .uppy-Dashboard-filesInner .uppy-add-more-btn-wrapper .uppy-Dashboard-Item {
  cursor: pointer;
  width: 9.25rem;
}
.drag-drop-area-redaction .uppy-Dashboard-inner .uppy-Dashboard-innerWrap .uppy-Dashboard-files .uppy-Dashboard-filesInner .uppy-add-more-btn-wrapper .uppy-Dashboard-Item .uppy-Dashboard-Item-preview .uppy-Dashboard-Item-previewInnerWrap .uppy-Dashboard-Item-previewIconWrap {
  display: flex;
  align-items: center;
}
.drag-drop-area-redaction .uppy-Dashboard-inner .uppy-Dashboard-innerWrap .uppy-Dashboard-files .uppy-Dashboard-filesInner .uppy-add-more-btn-wrapper .uppy-Dashboard-Item .uppy-Dashboard-Item-fileInfoAndButtons .uppy-Dashboard-Item-fileInfo {
  color: #636bf6;
  text-align: center;
}
.drag-drop-area-redaction .uppy-Dashboard-inner .uppy-Dashboard-innerWrap .uppy-Dashboard-files .uppy-Dashboard-filesInner .uppy-Dashboard-Item {
  width: 9.0625rem;
}
.drag-drop-area-redaction .uppy-Dashboard-inner .uppy-Dashboard-innerWrap .uppy-Dashboard-files .uppy-Dashboard-filesInner .uppy-Dashboard-Item .uppy-Dashboard-Item-preview {
  border-radius: 0.25rem;
  background-color: #dee4f2;
}
.drag-drop-area-redaction .uppy-Dashboard-inner .uppy-Dashboard-innerWrap .uppy-Dashboard-files .uppy-Dashboard-filesInner .uppy-Dashboard-Item .uppy-Dashboard-Item-fileInfoAndButtons .uppy-Dashboard-Item-fileInfo .uppy-Dashboard-Item-status,
.drag-drop-area-redaction .uppy-Dashboard-inner .uppy-Dashboard-innerWrap .uppy-Dashboard-files .uppy-Dashboard-filesInner .uppy-Dashboard-Item .uppy-Dashboard-Item-fileInfoAndButtons .uppy-Dashboard-Item-fileInfo .uppy-Dashboard-Item-statusSize {
  margin: 0;
  font-size: 0.875rem;
  font-weight: 500;
}
.drag-drop-area-redaction .uppy-Dashboard-inner .uppy-Dashboard-innerWrap .uppy-Dashboard-files .uppy-Dashboard-filesInner .uppy-Dashboard-Item .uppy-Dashboard-Item-fileInfoAndButtons .uppy-Dashboard-Item-actionWrapper .uppy-Dashboard-Item-action--remove {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 0.375rem;
  background-color: #636bf6;
}
.drag-drop-area-redaction .uppy-Dashboard-inner .uppy-Dashboard-innerWrap .uppy-Dashboard-files .uppy-Dashboard-filesInner .uppy-Dashboard-Item .uppy-Dashboard-Item-fileInfoAndButtons .uppy-Dashboard-Item-actionWrapper .uppy-Dashboard-Item-action--remove:hover {
  background-color: #4c52e5;
}
.drag-drop-area-redaction .uppy-Dashboard-inner .uppy-Dashboard-innerWrap .uppy-Dashboard-files .uppy-Dashboard-filesInner .uppy-Dashboard-Item .uppy-Dashboard-Item-fileInfoAndButtons .uppy-Dashboard-Item-actionWrapper .uppy-Dashboard-Item-action--remove svg {
  width: 1.25rem;
  height: 1.25rem;
  fill: transparent;
}
.drag-drop-area-redaction .uppy-Dashboard-inner .uppy-Dashboard-innerWrap .uppy-Dashboard-files .uppy-Dashboard-filesInner .uppy-Dashboard-Item .uppy-Dashboard-Item-name {
  font-size: 0.875rem;
  font-weight: 500;
}
.drag-drop-area-redaction .uppy-Dashboard-inner .uppy-Dashboard-innerWrap .uppy-Dashboard-files .uppy-Dashboard-filesInner .uppy-Dashboard-Item .uppy-Dashboard-Item-name.title {
  cursor: pointer;
  font-size: 0.875rem;
  font-weight: 600;
  font-style: normal;
  line-height: 1.1875rem;
  color: #636bf6;
  text-align: center;
  text-transform: capitalize;
}
@media (max-width: 48rem) {
  .drag-drop-area-redaction .uppy-Dashboard-inner .uppy-Dashboard-innerWrap {
    height: calc(100vh - 37rem);
  }
}
@media screen and (max-width: 36rem) {
  .drag-drop-area-redaction .uppy-Dashboard-inner .uppy-Dashboard-innerWrap {
    height: calc(100vh - 44rem);
  }
}
@media (min-width: 1024px) {
  .drag-drop-area-redaction .uppy-Dashboard-inner {
    height: calc(100vh - 26rem);
  }
}
@media (min-width: 320px) and (max-width: 1023px) {
  .drag-drop-area-redaction .uppy-Dashboard-inner {
    height: calc(100vh - 24rem);
  }
}
.open .drag-drop-area-redaction .uppy-Dashboard-inner {
  height: 19rem;
}
.redactable-file-type-icon {
  display: inline-block;
  flex-shrink: 0;
  width: 1.5rem;
  height: 1.5rem;
  color: #4d5662;
}
.redactable-file-type-icon svg {
  display: block;
  width: 100%;
  height: 100%;
}
.redactable-search-container {
  display: flex;
  flex-wrap: nowrap;
  gap: 0.5rem;
  align-items: center;
}
.redactable-search-container .filter-field {
  width: 100%;
}
@media (min-width: 35.4375rem) {
  .redactable-search-container .filter-field {
    width: 13.75rem;
    min-width: 13.75rem;
  }
}
.redactable-search-container .mat-mdc-form-field,
.redactable-search-container .redaction-select .mat-mdc-form-field {
  height: 2.125rem;
}
.redactable-search-container .mat-mdc-form-field .mat-mdc-form-field-infix,
.redactable-search-container .redaction-select .mat-mdc-form-field .mat-mdc-form-field-infix {
  display: flex;
  align-items: center;
  min-height: 2.125rem;
  padding-block: 0;
}
.redactable-search-container .mat-mdc-form-field .mat-mdc-form-field-infix .mdc-text-field__input,
.redactable-search-container .redaction-select .mat-mdc-form-field .mat-mdc-form-field-infix .mdc-text-field__input {
  padding-top: 0.625rem;
}
.redactable-search-container .mat-mdc-form-field .mat-mdc-form-field-infix .mat-mdc-select,
.redactable-search-container .redaction-select .mat-mdc-form-field .mat-mdc-form-field-infix .mat-mdc-select {
  padding-top: 0.625rem;
}
.redactable-search-container .mat-mdc-form-field .mat-mdc-form-field-icon-suffix,
.redactable-search-container .redaction-select .mat-mdc-form-field .mat-mdc-form-field-icon-suffix {
  padding: 0;
}
.redactable-search-container .mat-mdc-form-field .mdc-text-field,
.redactable-search-container .redaction-select .mat-mdc-form-field .mdc-text-field {
  overflow: unset;
  padding-left: 0;
}
.redactable-search-container .mat-mdc-form-field.redactable-select-container .mat-mdc-form-field-infix .mat-mdc-select,
.redactable-search-container .redaction-select .mat-mdc-form-field.redactable-select-container .mat-mdc-form-field-infix .mat-mdc-select {
  padding-top: 0.625rem;
}
@media (max-width: 40rem) {
  .redactable-search-container .mat-mdc-form-field,
  .redactable-search-container .redaction-select .mat-mdc-form-field {
    height: 1.875rem;
  }
}
.redactable-alert {
  display: flex;
  align-items: flex-start;
  padding: 0.938rem 1.125rem;
  border-radius: 0.25rem;
}
.redactable-alert-content {
  display: flex;
  flex: 1;
  gap: 0.75rem;
  align-items: center;
}
.redactable-alert-icon {
  flex-shrink: 0;
  width: 1.5rem;
  height: 1.5rem;
  margin-top: 0.125rem;
}
.redactable-alert-text {
  flex: 1;
}
.redactable-alert-title {
  margin-bottom: 0.25rem;
  font-size: 0.875rem;
  font-weight: 600;
}
.redactable-alert-message {
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.4;
}
.redactable-alert-close {
  flex-shrink: 0;
  margin: -0.375rem -0.375rem -0.375rem 0.5rem;
}
.redactable-alert-success {
  color: #2e7d32;
  background-color: #e8f5e8;
}
.redactable-alert-success .redactable-alert-icon {
  color: #4caf50;
}
.redactable-alert-error {
  color: #4d5662;
  background-color: rgba(255, 57, 81, 0.08);
}
.redactable-alert-error .redactable-alert-icon {
  color: #ee4266;
}
.redactable-alert-warning {
  color: #4d5662;
  background-color: rgba(224, 172, 82, 0.08);
}
.redactable-alert-warning .redactable-alert-icon {
  color: #f59e0b;
}
.redactable-alert-info {
  color: #2b313a;
  background-color: rgba(99, 107, 246, 0.0392156863);
}
.redactable-alert-info .redactable-alert-icon {
  color: #636bf6;
}
.panel-overflow-unset .mat-expansion-panel {
  overflow: unset;
}
.categories-redaction-card .categories-container .mat-mdc-card {
  padding: 0.75rem;
  border: 0.0625rem solid rgba(26, 31, 39, 0.42);
  box-shadow: unset;
}
.categories-redaction-card .categories-action {
  cursor: pointer;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: initial;
  color: #636bf6;
}
.categories-redaction-card .categories-action.disabled {
  pointer-events: none;
  cursor: default;
  color: rgba(43, 49, 58, 0.38);
}
.create-batch-step-inactive {
  overflow: hidden;
  height: 0;
  visibility: hidden;
}
.run-batch mat-card {
  height: 100%;
  padding: 0.75rem 1.5rem;
}
.run-batch-chip-container {
  overflow-y: auto;
}
@media (min-width: 1024px) {
  .run-batch-chip-container {
    max-height: calc(100vh - 39.3rem);
  }
}
@media (min-width: 320px) and (max-width: 1023px) {
  .run-batch-chip-container {
    max-height: calc(100vh - 34rem);
  }
}
.run-batch-chip-container .mdc-evolution-chip-set__chips {
  flex-direction: column;
}
.run-batch-chip-container .mdc-evolution-chip-set__chips mat-chip-option {
  max-width: max-content;
}
.setup div[footer] {
  padding-left: 1rem;
}
@media screen and (max-width: 42.375rem) {
  .setup div[footer] {
    padding-left: 0.6rem;
  }
}
@media (min-width: 40rem) {
  .setup .mat-expansion-panel.redactable-panel .panel-body {
    padding: 1rem 1rem 1rem 0;
  }
}
.find-replace-card .redactable-card {
  padding: 1rem;
}
.card-p-16 .redactable-card {
  padding: 0.5rem 1rem;
}
@media screen and (max-width: 42.375rem) {
  .card-p-16 .redactable-card {
    padding: 0.6rem;
  }
}
@media (min-width: 1024px) {
  .apply-template-step {
    min-height: calc(100vh - 30rem);
  }
}
.apply-template-step .apply-template-container {
  overflow-y: auto;
}
@media (min-width: 1024px) {
  .apply-template-step .apply-template-container {
    max-height: calc(100vh - 24rem);
  }
}
@media (min-width: 320px) and (max-width: 1023px) {
  .apply-template-step .apply-template-container {
    max-height: calc(100vh - 22.7rem);
  }
}
.apply-template-step .apply-template-container .redactable-card {
  height: 100%;
}
.apply-template-step .redactable-chips .custom-chip .mdc-evolution-chip__action {
  cursor: default;
}
.mat-expansion-panel-header .mat-expansion-panel-header-title .mat-mdc-button {
  pointer-events: all;
}
.mat-expansion-panel-header .mat-expansion-panel-header-title .subtitle .file-upload {
  pointer-events: all;
}
.batch-api .redaction-api-tab .mat-mdc-tab-group .mat-mdc-tab-header {
  border-bottom: unset;
}
.batch-api .redaction-api-tab .mat-mdc-tab-group .mat-mdc-tab-header .mat-mdc-tab-list {
  background: transparent;
}
.batch-api .redaction-api-tab .mat-mdc-tab-group .mat-mdc-tab-header .mat-mdc-tab-list .mat-mdc-tab {
  height: 1.375rem;
}
.batch-api .redaction-api-tab .mat-mdc-tab-group .mat-mdc-tab-header .mat-mdc-tab-list .mat-mdc-tab.mdc-tab--active .mdc-tab__text-label {
  color: var(--primary-default);
}
.batch-api .redaction-api-tab .mat-mdc-tab-group .mat-mdc-tab-header .mat-mdc-tab-list .mat-mdc-tab .mdc-tab-indicator {
  justify-content: start;
}
.batch-api .redaction-api-tab .mat-mdc-tab-group .mat-mdc-tab-header .mat-mdc-tab-list .mat-mdc-tab .mdc-tab-indicator .mdc-tab-indicator__content {
  width: 1rem;
  border-top-width: 0.125rem;
  border-radius: 0.125rem;
}
.template-card .redactable-card {
  height: 100%;
}
.redactable-skeleton .skeleton-text-wrapper .skeleton-loader {
  display: block;
  margin-bottom: 0.732rem;
}
.redactable-skeleton .skeleton-text-wrapper .skeleton-loader:last-child {
  margin-bottom: 0;
}
@media screen and (max-width: 64rem) {
  .categories-search .mat-mdc-form-field-infix,
  .redactable-search .mat-mdc-form-field-infix {
    width: auto;
  }
}
@media (min-width: 35.4375rem) {
  .categories-search .redactable-search-container .filter-field,
  .redactable-search .redactable-search-container .filter-field {
    width: 100%;
    min-width: unset;
  }
}
@media screen and (max-width: 38rem) {
  .redaction-template .mat-mdc-form-field-infix {
    width: 11rem;
  }
}
.search-container .mat-mdc-form-field {
  height: unset;
}
.batch-history-table .redactable-table-container .table-wrapper .redactable-table-cdk-container {
  height: calc(100vh - 19.688rem);
}
@media (min-width: 768px) {
  .batch-history-table .redactable-table-container .table-wrapper .redactable-table-cdk-container {
    height: calc(100vh - 16.321rem);
  }
}
@media (min-width: 1024px) {
  .batch-history-table .redactable-table-container .table-wrapper .redactable-table-cdk-container {
    height: calc(100vh - 15.6rem);
  }
}
@media (min-width: 1280px) {
  .batch-history-table .redactable-table-container .table-wrapper .redactable-table-cdk-container {
    height: calc(100vh - 15.625rem);
  }
}
.batch-history-details-table .redactable-table-container .table-wrapper .redactable-table-cdk-container {
  height: calc(100vh - 29.688rem);
}
@media (min-width: 768px) {
  .batch-history-details-table .redactable-table-container .table-wrapper .redactable-table-cdk-container {
    height: calc(100vh - 27.321rem);
  }
}
@media (min-width: 1024px) {
  .batch-history-details-table .redactable-table-container .table-wrapper .redactable-table-cdk-container {
    height: calc(100vh - 16.7rem);
  }
}
@media (min-width: 1280px) {
  .batch-history-details-table .redactable-table-container .table-wrapper .redactable-table-cdk-container {
    height: calc(100vh - 16.625rem);
  }
}
@media (min-width: 1024px) {
  .find-replace,
  .reduction-rules {
    max-height: calc(100vh - 23.4rem);
  }
  .batch-search-exclusion .reactive-chip-grid {
    overflow-y: auto;
    max-height: calc(100vh - 32.7rem);
  }
  .batch-search-exclusion .reactive-chip-grid::-webkit-scrollbar {
    width: 0.375rem;
    border-radius: 1rem;
    background-color: #dce4f5;
  }
  .batch-search-exclusion .reactive-chip-grid::-webkit-scrollbar-thumb {
    border: unset;
    border-radius: 1rem;
    background-color: #636bf6;
  }
  .batch-search-exclusion .reactive-chip-grid::-webkit-scrollbar-track {
    margin: 0;
  }
  .draw-redaction {
    max-height: calc(100vh - 24.4rem);
  }
  .search-redact .reactive-chip-grid {
    overflow-y: auto;
    max-height: calc(100vh - 31.4rem);
  }
  .search-redact .reactive-chip-grid::-webkit-scrollbar {
    width: 0.375rem;
    border-radius: 1rem;
    background-color: #dce4f5;
  }
  .search-redact .reactive-chip-grid::-webkit-scrollbar-thumb {
    border: unset;
    border-radius: 1rem;
    background-color: #636bf6;
  }
  .search-redact .reactive-chip-grid::-webkit-scrollbar-track {
    margin: 0;
  }
  .categories-redaction {
    max-height: calc(100vh - 27.2rem);
  }
  .apply-template-setup .find-replace,
  .apply-template-setup .reduction-rules {
    max-height: calc(100vh - 27.8rem);
  }
  .apply-template-setup .batch-search-exclusion .reactive-chip-grid {
    overflow-y: auto;
    max-height: calc(100vh - 37.1rem);
  }
  .apply-template-setup .batch-search-exclusion .reactive-chip-grid::-webkit-scrollbar {
    width: 0.375rem;
    border-radius: 1rem;
    background-color: #dce4f5;
  }
  .apply-template-setup .batch-search-exclusion .reactive-chip-grid::-webkit-scrollbar-thumb {
    border: unset;
    border-radius: 1rem;
    background-color: #636bf6;
  }
  .apply-template-setup .batch-search-exclusion .reactive-chip-grid::-webkit-scrollbar-track {
    margin: 0;
  }
  .apply-template-setup .draw-redaction {
    max-height: calc(100vh - 28.5rem);
  }
  .apply-template-setup .search-redact .reactive-chip-grid {
    overflow-y: auto;
    max-height: calc(100vh - 36rem);
  }
  .apply-template-setup .search-redact .reactive-chip-grid::-webkit-scrollbar {
    width: 0.375rem;
    border-radius: 1rem;
    background-color: #dce4f5;
  }
  .apply-template-setup .search-redact .reactive-chip-grid::-webkit-scrollbar-thumb {
    border: unset;
    border-radius: 1rem;
    background-color: #636bf6;
  }
  .apply-template-setup .search-redact .reactive-chip-grid::-webkit-scrollbar-track {
    margin: 0;
  }
  .apply-template-setup .categories-redaction {
    max-height: calc(100vh - 31.6rem);
  }
}
@media (min-width: 320px) and (max-width: 1023px) {
  .find-replace,
  .reduction-rules {
    max-height: calc(100vh - 22rem);
  }
  .batch-search-exclusion .reactive-chip-grid {
    overflow-y: auto;
    max-height: calc(100vh - 31.3rem);
  }
  .batch-search-exclusion .reactive-chip-grid::-webkit-scrollbar {
    width: 0.375rem;
    border-radius: 1rem;
    background-color: #dce4f5;
  }
  .batch-search-exclusion .reactive-chip-grid::-webkit-scrollbar-thumb {
    border: unset;
    border-radius: 1rem;
    background-color: #636bf6;
  }
  .batch-search-exclusion .reactive-chip-grid::-webkit-scrollbar-track {
    margin: 0;
  }
  .draw-redaction {
    max-height: calc(100vh - 22.7rem);
  }
  .search-redact .reactive-chip-grid {
    overflow-y: auto;
    max-height: calc(100vh - 30rem);
  }
  .search-redact .reactive-chip-grid::-webkit-scrollbar {
    width: 0.375rem;
    border-radius: 1rem;
    background-color: #dce4f5;
  }
  .search-redact .reactive-chip-grid::-webkit-scrollbar-thumb {
    border: unset;
    border-radius: 1rem;
    background-color: #636bf6;
  }
  .search-redact .reactive-chip-grid::-webkit-scrollbar-track {
    margin: 0;
  }
  .categories-redaction {
    max-height: calc(100vh - 25.4rem);
  }
  .apply-template-setup .find-replace,
  .apply-template-setup .reduction-rules {
    max-height: calc(100vh - 23.4rem);
  }
  .apply-template-setup .batch-search-exclusion .reactive-chip-grid {
    overflow-y: auto;
    max-height: calc(100vh - 32.8rem);
  }
  .apply-template-setup .batch-search-exclusion .reactive-chip-grid::-webkit-scrollbar {
    width: 0.375rem;
    border-radius: 1rem;
    background-color: #dce4f5;
  }
  .apply-template-setup .batch-search-exclusion .reactive-chip-grid::-webkit-scrollbar-thumb {
    border: unset;
    border-radius: 1rem;
    background-color: #636bf6;
  }
  .apply-template-setup .batch-search-exclusion .reactive-chip-grid::-webkit-scrollbar-track {
    margin: 0;
  }
  .apply-template-setup .draw-redaction {
    max-height: calc(100vh - 24rem);
  }
  .apply-template-setup .search-redact .reactive-chip-grid {
    overflow-y: auto;
    max-height: calc(100vh - 31.8rem);
  }
  .apply-template-setup .search-redact .reactive-chip-grid::-webkit-scrollbar {
    width: 0.375rem;
    border-radius: 1rem;
    background-color: #dce4f5;
  }
  .apply-template-setup .search-redact .reactive-chip-grid::-webkit-scrollbar-thumb {
    border: unset;
    border-radius: 1rem;
    background-color: #636bf6;
  }
  .apply-template-setup .search-redact .reactive-chip-grid::-webkit-scrollbar-track {
    margin: 0;
  }
  .apply-template-setup .categories-redaction {
    max-height: calc(100vh - 26.7rem);
  }
}
.batch-search-exclusion .redactable-chips .chips-container {
  min-height: 9.6rem;
}
.apply-template-setup .search-redact .redactable-chips .chips-container {
  min-height: 9.938rem;
}
.apply-template-setup .batch-search-exclusion .redactable-chips .chips-container {
  min-height: 9.6rem;
}
.mat-mdc-form-field::after {
  display: none;
}
.\!container {
  width: 100% !important;
}
.container {
  width: 100%;
}
@media (min-width: 640px) {
  .\!container {
    max-width: 640px !important;
  }
  .container {
    max-width: 640px;
  }
}
@media (min-width: 768px) {
  .\!container {
    max-width: 768px !important;
  }
  .container {
    max-width: 768px;
  }
}
@media (min-width: 1024px) {
  .\!container {
    max-width: 1024px !important;
  }
  .container {
    max-width: 1024px;
  }
}
@media (min-width: 1280px) {
  .\!container {
    max-width: 1280px !important;
  }
  .container {
    max-width: 1280px;
  }
}
@media (min-width: 1536px) {
  .\!container {
    max-width: 1536px !important;
  }
  .container {
    max-width: 1536px;
  }
}
.pointer-events-none {
  pointer-events: none;
}
.pointer-events-auto {
  pointer-events: auto;
}
.visible {
  visibility: visible;
}
.invisible {
  visibility: hidden;
}
.collapse {
  visibility: collapse;
}
.static {
  position: static;
}
.fixed {
  position: fixed;
}
.\!absolute {
  position: absolute !important;
}
.absolute {
  position: absolute;
}
.\!relative {
  position: relative !important;
}
.relative {
  position: relative;
}
.sticky {
  position: sticky;
}
.inset-0 {
  inset: 0px;
}
.\!bottom-0 {
  bottom: 0px !important;
}
.\!left-0 {
  left: 0px !important;
}
.\!right-0 {
  right: 0px !important;
}
.\!top-0 {
  top: 0px !important;
}
.-bottom-2 {
  bottom: -0.5rem;
}
.-right-2 {
  right: -0.5rem;
}
.-top-0\.5 {
  top: -0.125rem;
}
.bottom-0 {
  bottom: 0px;
}
.bottom-2 {
  bottom: 0.5rem;
}
.left-0 {
  left: 0px;
}
.left-0\.5 {
  left: 0.125rem;
}
.right-0 {
  right: 0px;
}
.right-2 {
  right: 0.5rem;
}
.top-0 {
  top: 0px;
}
.top-10 {
  top: 2.5rem;
}
.top-12 {
  top: 3rem;
}
.top-2 {
  top: 0.5rem;
}
.\!z-10 {
  z-index: 10 !important;
}
.z-10 {
  z-index: 10;
}
.z-40 {
  z-index: 40;
}
.z-50 {
  z-index: 50;
}
.z-\[50001\] {
  z-index: 50001;
}
.order-1 {
  order: 1;
}
.order-2 {
  order: 2;
}
.col-span-1 {
  grid-column: span 1 / span 1;
}
.col-span-2 {
  grid-column: span 2 / span 2;
}
.col-span-3 {
  grid-column: span 3 / span 3;
}
.col-span-full {
  grid-column: 1 / -1;
}
.float-right {
  float: right;
}
.\!m-auto {
  margin: auto !important;
}
.m-0 {
  margin: 0px;
}
.m-\[-3rem\] {
  margin: -3rem;
}
.m-auto {
  margin: auto;
}
.\!mx-10 {
  margin-left: 2.5rem !important;
  margin-right: 2.5rem !important;
}
.\!my-0 {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}
.mx-1\.5 {
  margin-left: 0.375rem;
  margin-right: 0.375rem;
}
.mx-3 {
  margin-left: 0.75rem;
  margin-right: 0.75rem;
}
.mx-3\.5 {
  margin-left: 0.875rem;
  margin-right: 0.875rem;
}
.mx-auto {
  margin-left: auto;
  margin-right: auto;
}
.my-1 {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}
.my-3 {
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
}
.my-4 {
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.my-6 {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}
.my-8 {
  margin-top: 2rem;
  margin-bottom: 2rem;
}
.my-\[5rem\] {
  margin-top: 5rem;
  margin-bottom: 5rem;
}
.\!mr-4 {
  margin-right: 1rem !important;
}
.-ml-2 {
  margin-left: -0.5rem;
}
.mb-0 {
  margin-bottom: 0px;
}
.mb-1 {
  margin-bottom: 0.25rem;
}
.mb-10 {
  margin-bottom: 2.5rem;
}
.mb-2 {
  margin-bottom: 0.5rem;
}
.mb-3 {
  margin-bottom: 0.75rem;
}
.mb-3\.5 {
  margin-bottom: 0.875rem;
}
.mb-4 {
  margin-bottom: 1rem;
}
.mb-5 {
  margin-bottom: 1.25rem;
}
.mb-6 {
  margin-bottom: 1.5rem;
}
.mb-7 {
  margin-bottom: 1.75rem;
}
.mb-8 {
  margin-bottom: 2rem;
}
.mb-\[-1rem\] {
  margin-bottom: -1rem;
}
.mb-\[-25px\] {
  margin-bottom: -25px;
}
.mb-\[0\.625rem\] {
  margin-bottom: 0.625rem;
}
.mb-\[0\.732rem\] {
  margin-bottom: 0.732rem;
}
.mb-\[0\.9375rem\] {
  margin-bottom: 0.9375rem;
}
.mb-\[1\.375rem\] {
  margin-bottom: 1.375rem;
}
.mb-\[2\.5rem\] {
  margin-bottom: 2.5rem;
}
.mb-\[2\.8125rem\] {
  margin-bottom: 2.8125rem;
}
.mb-\[20rem\] {
  margin-bottom: 20rem;
}
.mb-\[4\.1875rem\] {
  margin-bottom: 4.1875rem;
}
.mb-\[7\.5625rem\] {
  margin-bottom: 7.5625rem;
}
.me-2 {
  margin-inline-end: 0.5rem;
}
.me-\[1rem\] {
  margin-inline-end: 1rem;
}
.ml-10 {
  margin-left: 2.5rem;
}
.ml-2 {
  margin-left: 0.5rem;
}
.ml-3 {
  margin-left: 0.75rem;
}
.ml-4 {
  margin-left: 1rem;
}
.ml-6 {
  margin-left: 1.5rem;
}
.ml-9 {
  margin-left: 2.25rem;
}
.ml-\[-10px\] {
  margin-left: -10px;
}
.ml-auto {
  margin-left: auto;
}
.mr-1 {
  margin-right: 0.25rem;
}
.mr-2 {
  margin-right: 0.5rem;
}
.mr-4 {
  margin-right: 1rem;
}
.mr-6 {
  margin-right: 1.5rem;
}
.mr-7 {
  margin-right: 1.75rem;
}
.mr-8 {
  margin-right: 2rem;
}
.mr-\[0\.6875rem\] {
  margin-right: 0.6875rem;
}
.mr-\[0\.7rem\] {
  margin-right: 0.7rem;
}
.mr-\[0\.875rem\] {
  margin-right: 0.875rem;
}
.mr-\[3\.5rem\] {
  margin-right: 3.5rem;
}
.mr-\[3rem\] {
  margin-right: 3rem;
}
.mt-0 {
  margin-top: 0px;
}
.mt-1 {
  margin-top: 0.25rem;
}
.mt-2 {
  margin-top: 0.5rem;
}
.mt-3 {
  margin-top: 0.75rem;
}
.mt-4 {
  margin-top: 1rem;
}
.mt-5 {
  margin-top: 1.25rem;
}
.mt-52 {
  margin-top: 13rem;
}
.mt-6 {
  margin-top: 1.5rem;
}
.mt-7 {
  margin-top: 1.75rem;
}
.mt-8 {
  margin-top: 2rem;
}
.mt-\[0\.125rem\] {
  margin-top: 0.125rem;
}
.mt-\[0\.375rem\] {
  margin-top: 0.375rem;
}
.mt-\[0\.4rem\] {
  margin-top: 0.4rem;
}
.mt-\[0\.625rem\] {
  margin-top: 0.625rem;
}
.mt-\[0\.6875rem\] {
  margin-top: 0.6875rem;
}
.mt-\[0\.732rem\] {
  margin-top: 0.732rem;
}
.mt-\[0\.9375rem\] {
  margin-top: 0.9375rem;
}
.mt-\[1\.53125rem\] {
  margin-top: 1.53125rem;
}
.mt-\[1\.5em\] {
  margin-top: 1.5em;
}
.mt-\[1\.6875rem\] {
  margin-top: 1.6875rem;
}
.mt-\[1\.875rem\] {
  margin-top: 1.875rem;
}
.mt-\[2\.375rem\] {
  margin-top: 2.375rem;
}
.mt-\[2rem\] {
  margin-top: 2rem;
}
.mt-\[3\.0625rem\] {
  margin-top: 3.0625rem;
}
.mt-\[4\.125rem\] {
  margin-top: 4.125rem;
}
.mt-\[4\.5rem\] {
  margin-top: 4.5rem;
}
.line-clamp-1 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.block {
  display: block;
}
.inline-block {
  display: inline-block;
}
.inline {
  display: inline;
}
.\!flex {
  display: flex !important;
}
.flex {
  display: flex;
}
.inline-flex {
  display: inline-flex;
}
.table {
  display: table;
}
.table-row {
  display: table-row;
}
.\!grid {
  display: grid !important;
}
.grid {
  display: grid;
}
.contents {
  display: contents;
}
.list-item {
  display: list-item;
}
.\!hidden {
  display: none !important;
}
.hidden {
  display: none;
}
.aspect-square {
  aspect-ratio: 1 / 1;
}
.\!h-12 {
  height: 3rem !important;
}
.\!h-2\.5 {
  height: 0.625rem !important;
}
.\!h-4 {
  height: 1rem !important;
}
.\!h-8 {
  height: 2rem !important;
}
.\!h-\[0\.625rem\] {
  height: 0.625rem !important;
}
.\!h-\[0\.65rem\] {
  height: 0.65rem !important;
}
.\!h-auto {
  height: auto !important;
}
.\!h-full {
  height: 100% !important;
}
.h-10 {
  height: 2.5rem;
}
.h-16 {
  height: 4rem;
}
.h-2\.5 {
  height: 0.625rem;
}
.h-20 {
  height: 5rem;
}
.h-4 {
  height: 1rem;
}
.h-5 {
  height: 1.25rem;
}
.h-6 {
  height: 1.5rem;
}
.h-7 {
  height: 1.75rem;
}
.h-8 {
  height: 2rem;
}
.h-\[0\.0625rem\] {
  height: 0.0625rem;
}
.h-\[10\.2rem\] {
  height: 10.2rem;
}
.h-\[100vh\] {
  height: 100vh;
}
.h-\[2\.1rem\] {
  height: 2.1rem;
}
.h-\[2\.5rem\] {
  height: 2.5rem;
}
.h-\[2\.875rem\] {
  height: 2.875rem;
}
.h-\[40vh\] {
  height: 40vh;
}
.h-\[44px\] {
  height: 44px;
}
.h-\[4px\] {
  height: 4px;
}
.h-\[57px\] {
  height: 57px;
}
.h-\[calc\(100vh-16rem\)\] {
  height: calc(100vh - 16rem);
}
.h-\[calc\(100vh-19\.688rem\)\] {
  height: calc(100vh - 19.688rem);
}
.h-\[calc\(100vh-29\.688rem\)\] {
  height: calc(100vh - 29.688rem);
}
.h-auto {
  height: auto;
}
.h-fit {
  height: fit-content;
}
.h-full {
  height: 100%;
}
.h-screen {
  height: 100vh;
}
.max-h-\[24rem\] {
  max-height: 24rem;
}
.max-h-\[26rem\] {
  max-height: 26rem;
}
.max-h-\[7\.5rem\] {
  max-height: 7.5rem;
}
.max-h-\[75vh\] {
  max-height: 75vh;
}
.max-h-\[calc\(100vh-50rem\)\] {
  max-height: calc(100vh - 50rem);
}
.min-h-7 {
  min-height: 1.75rem;
}
.min-h-\[18\.188rem\] {
  min-height: 18.188rem;
}
.min-h-\[23rem\] {
  min-height: 23rem;
}
.min-h-\[25rem\] {
  min-height: 25rem;
}
.min-h-\[40px\] {
  min-height: 40px;
}
.min-h-\[6rem\] {
  min-height: 6rem;
}
.min-h-\[calc\(100vh-9rem\)\] {
  min-height: calc(100vh - 9rem);
}
.min-h-screen {
  min-height: 100vh;
}
.\!w-2\.5 {
  width: 0.625rem !important;
}
.\!w-20 {
  width: 5rem !important;
}
.\!w-4 {
  width: 1rem !important;
}
.\!w-\[0\.625rem\] {
  width: 0.625rem !important;
}
.\!w-\[0\.65rem\] {
  width: 0.65rem !important;
}
.\!w-\[0\.9375rem\] {
  width: 0.9375rem !important;
}
.\!w-\[inherit\] {
  width: inherit !important;
}
.\!w-auto {
  width: auto !important;
}
.\!w-full {
  width: 100% !important;
}
.w-0 {
  width: 0px;
}
.w-1\/2 {
  width: 50%;
}
.w-1\/4 {
  width: 25%;
}
.w-10 {
  width: 2.5rem;
}
.w-11\/12 {
  width: 91.666667%;
}
.w-2\.5 {
  width: 0.625rem;
}
.w-2\/4 {
  width: 50%;
}
.w-20 {
  width: 5rem;
}
.w-4 {
  width: 1rem;
}
.w-40 {
  width: 10rem;
}
.w-5 {
  width: 1.25rem;
}
.w-6\/12 {
  width: 50%;
}
.w-60 {
  width: 15rem;
}
.w-64 {
  width: 16rem;
}
.w-\[10\.7rem\] {
  width: 10.7rem;
}
.w-\[100\%\] {
  width: 100%;
}
.w-\[100px\] {
  width: 100px;
}
.w-\[14rem\] {
  width: 14rem;
}
.w-\[15rem\] {
  width: 15rem;
}
.w-\[17\.0625rem\] {
  width: 17.0625rem;
}
.w-\[25rem\] {
  width: 25rem;
}
.w-\[26rem\] {
  width: 26rem;
}
.w-\[30rem\] {
  width: 30rem;
}
.w-\[337px\] {
  width: 337px;
}
.w-\[480px\] {
  width: 480px;
}
.w-\[48rem\] {
  width: 48rem;
}
.w-\[63rem\] {
  width: 63rem;
}
.w-\[80\%\] {
  width: 80%;
}
.w-auto {
  width: auto;
}
.w-fit {
  width: fit-content;
}
.w-full {
  width: 100%;
}
.w-max {
  width: max-content;
}
.w-min {
  width: min-content;
}
.min-w-0 {
  min-width: 0px;
}
.min-w-7 {
  min-width: 1.75rem;
}
.min-w-\[0\] {
  min-width: 0;
}
.min-w-\[11\.375rem\] {
  min-width: 11.375rem;
}
.min-w-\[13\.75rem\] {
  min-width: 13.75rem;
}
.min-w-\[160px\] {
  min-width: 160px;
}
.min-w-\[20rem\] {
  min-width: 20rem;
}
.min-w-\[300px\] {
  min-width: 300px;
}
.min-w-\[4rem\] {
  min-width: 4rem;
}
.max-w-20 {
  max-width: 5rem;
}
.max-w-36 {
  max-width: 9rem;
}
.max-w-7xl {
  max-width: 80rem;
}
.max-w-\[11\.5rem\] {
  max-width: 11.5rem;
}
.max-w-\[12rem\] {
  max-width: 12rem;
}
.max-w-\[14rem\] {
  max-width: 14rem;
}
.max-w-\[15rem\] {
  max-width: 15rem;
}
.max-w-\[20rem\] {
  max-width: 20rem;
}
.max-w-\[25rem\] {
  max-width: 25rem;
}
.max-w-\[32rem\] {
  max-width: 32rem;
}
.max-w-\[52\.313rem\] {
  max-width: 52.313rem;
}
.max-w-\[7rem\] {
  max-width: 7rem;
}
.max-w-\[8rem\] {
  max-width: 8rem;
}
.max-w-\[9rem\] {
  max-width: 9rem;
}
.max-w-full {
  max-width: 100%;
}
.max-w-xs {
  max-width: 20rem;
}
.flex-1 {
  flex: 1 1 0%;
}
.flex-\[1\] {
  flex: 1;
}
.flex-auto {
  flex: 1 1 auto;
}
.flex-shrink {
  flex-shrink: 1;
}
.flex-shrink-0 {
  flex-shrink: 0;
}
.shrink-0 {
  flex-shrink: 0;
}
.flex-grow {
  flex-grow: 1;
}
.basis-1\/12 {
  flex-basis: 8.333333%;
}
.basis-10\/12 {
  flex-basis: 83.333333%;
}
.basis-4\/12 {
  flex-basis: 33.333333%;
}
.basis-6\/12 {
  flex-basis: 50%;
}
.border-collapse {
  border-collapse: collapse;
}
.rotate-180 {
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.transform {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
@keyframes pulse {
  50% {
    opacity: .5;
  }
}
.animate-pulse {
  animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
.animate-spin {
  animation: spin 1s linear infinite;
}
.cursor-pointer {
  cursor: pointer;
}
.select-none {
  -webkit-user-select: none;
  user-select: none;
}
.resize {
  resize: both;
}
.list-decimal {
  list-style-type: decimal;
}
.grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
.grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.grid-cols-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.grid-cols-5 {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}
.grid-cols-8 {
  grid-template-columns: repeat(8, minmax(0, 1fr));
}
.grid-cols-\[1\.5rem_1fr\] {
  grid-template-columns: 1.5rem 1fr;
}
.flex-row {
  flex-direction: row;
}
.flex-col {
  flex-direction: column;
}
.flex-col-reverse {
  flex-direction: column-reverse;
}
.flex-wrap {
  flex-wrap: wrap;
}
.items-start {
  align-items: flex-start;
}
.items-end {
  align-items: flex-end;
}
.items-center {
  align-items: center;
}
.items-baseline {
  align-items: baseline;
}
.items-stretch {
  align-items: stretch;
}
.justify-start {
  justify-content: flex-start;
}
.justify-end {
  justify-content: flex-end;
}
.justify-center {
  justify-content: center;
}
.justify-between {
  justify-content: space-between;
}
.gap-0 {
  gap: 0px;
}
.gap-1 {
  gap: 0.25rem;
}
.gap-2 {
  gap: 0.5rem;
}
.gap-2\.5 {
  gap: 0.625rem;
}
.gap-3 {
  gap: 0.75rem;
}
.gap-4 {
  gap: 1rem;
}
.gap-5 {
  gap: 1.25rem;
}
.gap-6 {
  gap: 1.5rem;
}
.gap-7 {
  gap: 1.75rem;
}
.gap-8 {
  gap: 2rem;
}
.gap-\[\.5rem\] {
  gap: .5rem;
}
.gap-\[1\.125rem\] {
  gap: 1.125rem;
}
.gap-\[1\.5rem\] {
  gap: 1.5rem;
}
.gap-\[3\.8125rem\] {
  gap: 3.8125rem;
}
.gap-x-1 {
  column-gap: 0.25rem;
}
.gap-x-4 {
  column-gap: 1rem;
}
.gap-y-3 {
  row-gap: 0.75rem;
}
.space-x-2 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(0.5rem * var(--tw-space-x-reverse));
  margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-x-4 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(1rem * var(--tw-space-x-reverse));
  margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-y-2 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
}
.space-y-3 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
}
.space-y-4 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1rem * var(--tw-space-y-reverse));
}
.self-center {
  align-self: center;
}
.justify-self-start {
  justify-self: start;
}
.justify-self-end {
  justify-self: end;
}
.overflow-auto {
  overflow: auto;
}
.overflow-hidden {
  overflow: hidden;
}
.overflow-scroll {
  overflow: scroll;
}
.overflow-x-auto {
  overflow-x: auto;
}
.overflow-y-auto {
  overflow-y: auto;
}
.overflow-x-hidden {
  overflow-x: hidden;
}
.overflow-y-hidden {
  overflow-y: hidden;
}
.truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.overflow-ellipsis {
  text-overflow: ellipsis;
}
.text-ellipsis {
  text-overflow: ellipsis;
}
.whitespace-normal {
  white-space: normal;
}
.whitespace-nowrap {
  white-space: nowrap;
}
.text-wrap {
  text-wrap: wrap;
}
.text-nowrap {
  text-wrap: nowrap;
}
.break-words {
  overflow-wrap: break-word;
}
.\!rounded {
  border-radius: 0.25rem !important;
}
.rounded {
  border-radius: 0.25rem;
}
.rounded-2xl {
  border-radius: 1rem;
}
.rounded-5 {
  border-radius: 0.3125rem;
}
.rounded-\[0\.1875rem\] {
  border-radius: 0.1875rem;
}
.rounded-\[0\.25rem\] {
  border-radius: 0.25rem;
}
.rounded-\[0\.3125rem\] {
  border-radius: 0.3125rem;
}
.rounded-\[0\.375rem\] {
  border-radius: 0.375rem;
}
.rounded-\[0\.5rem\] {
  border-radius: 0.5rem;
}
.rounded-\[5rem\] {
  border-radius: 5rem;
}
.rounded-full {
  border-radius: 9999px;
}
.rounded-lg {
  border-radius: 0.5rem;
}
.\!rounded-l-none {
  border-top-left-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
}
.\!rounded-r-none {
  border-top-right-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
}
.rounded-l-full {
  border-top-left-radius: 9999px;
  border-bottom-left-radius: 9999px;
}
.border {
  border-width: 1px;
}
.border-0 {
  border-width: 0px;
}
.border-2 {
  border-width: 2px;
}
.border-\[1\.5px\] {
  border-width: 1.5px;
}
.border-b {
  border-bottom-width: 1px;
}
.border-b-2 {
  border-bottom-width: 2px;
}
.border-solid {
  border-style: solid;
}
.border-none {
  border-style: none;
}
.\!border-accent {
  --tw-border-opacity: 1 !important;
  border-color: rgb(99 107 246 / var(--tw-border-opacity, 1)) !important;
}
.border-\[\#1a1f276b\] {
  border-color: #1a1f276b;
}
.border-\[\#DCE4F5\] {
  --tw-border-opacity: 1;
  border-color: rgb(220 228 245 / var(--tw-border-opacity, 1));
}
.border-accent {
  --tw-border-opacity: 1;
  border-color: rgb(99 107 246 / var(--tw-border-opacity, 1));
}
.border-blue-600 {
  --tw-border-opacity: 1;
  border-color: rgb(37 99 235 / var(--tw-border-opacity, 1));
}
.border-lines {
  --tw-border-opacity: 1;
  border-color: rgb(220 228 245 / var(--tw-border-opacity, 1));
}
.border-transparent {
  border-color: transparent;
}
.\!bg-\[\#7C94B4\] {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(124 148 180 / var(--tw-bg-opacity, 1)) !important;
}
.\!bg-neutral-900\/60 {
  background-color: rgb(23 23 23 / 0.6) !important;
}
.bg-\[\#00de99\] {
  --tw-bg-opacity: 1;
  background-color: rgb(0 222 153 / var(--tw-bg-opacity, 1));
}
.bg-\[\#636BF6\] {
  --tw-bg-opacity: 1;
  background-color: rgb(99 107 246 / var(--tw-bg-opacity, 1));
}
.bg-accent {
  --tw-bg-opacity: 1;
  background-color: rgb(99 107 246 / var(--tw-bg-opacity, 1));
}
.bg-accent-red {
  --tw-bg-opacity: 1;
  background-color: rgb(238 66 102 / var(--tw-bg-opacity, 1));
}
.bg-black\/40 {
  background-color: rgb(0 0 0 / 0.4);
}
.bg-lines {
  --tw-bg-opacity: 1;
  background-color: rgb(220 228 245 / var(--tw-bg-opacity, 1));
}
.bg-secondary {
  --tw-bg-opacity: 1;
  background-color: rgb(251 251 255 / var(--tw-bg-opacity, 1));
}
.bg-slate-300 {
  --tw-bg-opacity: 1;
  background-color: rgb(203 213 225 / var(--tw-bg-opacity, 1));
}
.bg-slate-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(248 250 252 / var(--tw-bg-opacity, 1));
}
.bg-title {
  --tw-bg-opacity: 1;
  background-color: rgb(77 86 98 / var(--tw-bg-opacity, 1));
}
.bg-transparent {
  background-color: transparent;
}
.bg-white {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.\!stroke-0 {
  stroke-width: 0 !important;
}
.object-contain {
  object-fit: contain;
}
.\!p-0 {
  padding: 0px !important;
}
.\!p-6 {
  padding: 1.5rem !important;
}
.p-0 {
  padding: 0px;
}
.p-1 {
  padding: 0.25rem;
}
.p-1\.5 {
  padding: 0.375rem;
}
.p-2 {
  padding: 0.5rem;
}
.p-3 {
  padding: 0.75rem;
}
.p-4 {
  padding: 1rem;
}
.p-5 {
  padding: 1.25rem;
}
.p-6 {
  padding: 1.5rem;
}
.p-\[0\.1875rem\] {
  padding: 0.1875rem;
}
.p-\[0\.625rem\] {
  padding: 0.625rem;
}
.p-\[1\.25rem\] {
  padding: 1.25rem;
}
.px-0 {
  padding-left: 0px;
  padding-right: 0px;
}
.px-0\.5 {
  padding-left: 0.125rem;
  padding-right: 0.125rem;
}
.px-10 {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}
.px-12 {
  padding-left: 3rem;
  padding-right: 3rem;
}
.px-2 {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.px-3 {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.px-3\.5 {
  padding-left: 0.875rem;
  padding-right: 0.875rem;
}
.px-4 {
  padding-left: 1rem;
  padding-right: 1rem;
}
.px-5 {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
.px-8 {
  padding-left: 2rem;
  padding-right: 2rem;
}
.px-\[1\.25rem\] {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
.px-\[1\.875rem\] {
  padding-left: 1.875rem;
  padding-right: 1.875rem;
}
.py-1\.5 {
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
}
.py-12 {
  padding-top: 3rem;
  padding-bottom: 3rem;
}
.py-2 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.py-2\.5 {
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
}
.py-4 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.py-5 {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}
.py-6 {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
.py-8 {
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.py-\[0\.438rem\] {
  padding-top: 0.438rem;
  padding-bottom: 0.438rem;
}
.py-\[0\.5rem\] {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.py-\[0\.625rem\] {
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
}
.py-\[1\.625rem\] {
  padding-top: 1.625rem;
  padding-bottom: 1.625rem;
}
.py-\[10px\] {
  padding-top: 10px;
  padding-bottom: 10px;
}
.\!pl-2 {
  padding-left: 0.5rem !important;
}
.\!pr-4 {
  padding-right: 1rem !important;
}
.\!pt-4 {
  padding-top: 1rem !important;
}
.pb-0 {
  padding-bottom: 0px;
}
.pb-10 {
  padding-bottom: 2.5rem;
}
.pb-2 {
  padding-bottom: 0.5rem;
}
.pb-20 {
  padding-bottom: 5rem;
}
.pb-4 {
  padding-bottom: 1rem;
}
.pb-6 {
  padding-bottom: 1.5rem;
}
.pb-8 {
  padding-bottom: 2rem;
}
.pb-\[0\.5625rem\] {
  padding-bottom: 0.5625rem;
}
.pl-0\.5 {
  padding-left: 0.125rem;
}
.pl-1\.5 {
  padding-left: 0.375rem;
}
.pl-10 {
  padding-left: 2.5rem;
}
.pl-5 {
  padding-left: 1.25rem;
}
.pl-6 {
  padding-left: 1.5rem;
}
.pl-\[0\.9375rem\] {
  padding-left: 0.9375rem;
}
.pl-\[1rem\] {
  padding-left: 1rem;
}
.pl-\[2\.65rem\] {
  padding-left: 2.65rem;
}
.pl-\[2\.875rem\] {
  padding-left: 2.875rem;
}
.pr-2 {
  padding-right: 0.5rem;
}
.pr-4 {
  padding-right: 1rem;
}
.pr-5 {
  padding-right: 1.25rem;
}
.pr-\[1\.875rem\] {
  padding-right: 1.875rem;
}
.pr-\[12\.5em\] {
  padding-right: 12.5em;
}
.ps-2 {
  padding-inline-start: 0.5rem;
}
.ps-\[0\.875rem\] {
  padding-inline-start: 0.875rem;
}
.pt-1 {
  padding-top: 0.25rem;
}
.pt-10 {
  padding-top: 2.5rem;
}
.pt-2 {
  padding-top: 0.5rem;
}
.pt-3 {
  padding-top: 0.75rem;
}
.pt-4 {
  padding-top: 1rem;
}
.pt-6 {
  padding-top: 1.5rem;
}
.pt-8 {
  padding-top: 2rem;
}
.pt-\[0\.75rem\] {
  padding-top: 0.75rem;
}
.text-left {
  text-align: left;
}
.text-center {
  text-align: center;
}
.text-right {
  text-align: right;
}
.align-middle {
  vertical-align: middle;
}
.font-\[Onest\,sans-serif\] {
  font-family: Onest, sans-serif;
}
.font-nunito {
  font-family: Nunito, sans-serif;
}
.\!text-\[2rem\] {
  font-size: 2rem !important;
}
.\!text-\[3rem\] {
  font-size: 3rem !important;
}
.text-2xl {
  font-size: 1.5rem;
  line-height: 2rem;
}
.text-2xl\/\[2rem\] {
  font-size: 1.5rem;
  line-height: 2rem;
}
.text-3xl {
  font-size: 1.875rem;
  line-height: 2.25rem;
}
.text-\[\.8rem\] {
  font-size: .8rem;
}
.text-\[0\.8125rem\] {
  font-size: 0.8125rem;
}
.text-\[0\.875rem\] {
  font-size: 0.875rem;
}
.text-\[0\.965rem\] {
  font-size: 0.965rem;
}
.text-\[0\.9rem\] {
  font-size: 0.9rem;
}
.text-\[1\.125rem\] {
  font-size: 1.125rem;
}
.text-\[16px\] {
  font-size: 16px;
}
.text-\[1rem\] {
  font-size: 1rem;
}
.text-base {
  font-size: 1rem;
  line-height: 1.5rem;
}
.text-lg {
  font-size: 1.125rem;
  line-height: 1.75rem;
}
.text-sm {
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.text-xl {
  font-size: 1.25rem;
  line-height: 1.75rem;
}
.text-xs {
  font-size: 0.75rem;
  line-height: 1rem;
}
.font-\[400\] {
  font-weight: 400;
}
.font-\[600\] {
  font-weight: 600;
}
.font-\[700\] {
  font-weight: 700;
}
.font-black {
  font-weight: 900;
}
.font-bold {
  font-weight: 700;
}
.font-medium {
  font-weight: 500;
}
.font-normal {
  font-weight: 400;
}
.font-semibold {
  font-weight: 600;
}
.uppercase {
  text-transform: uppercase;
}
.lowercase {
  text-transform: lowercase;
}
.capitalize {
  text-transform: capitalize;
}
.\!normal-case {
  text-transform: none !important;
}
.italic {
  font-style: italic;
}
.leading-4 {
  line-height: 1rem;
}
.leading-5 {
  line-height: 1.25rem;
}
.leading-6 {
  line-height: 1.5rem;
}
.leading-7 {
  line-height: 1.75rem;
}
.leading-\[1\.2rem\] {
  line-height: 1.2rem;
}
.leading-\[1\.375\] {
  line-height: 1.375;
}
.leading-\[1\.565rem\] {
  line-height: 1.565rem;
}
.leading-\[1\.5rem\] {
  line-height: 1.5rem;
}
.leading-\[2rem\] {
  line-height: 2rem;
}
.leading-normal {
  line-height: 1.5;
}
.leading-relaxed {
  line-height: 1.625;
}
.tracking-normal {
  letter-spacing: 0em;
}
.tracking-wider {
  letter-spacing: 0.05em;
}
.\!text-accent {
  --tw-text-opacity: 1 !important;
  color: rgb(99 107 246 / var(--tw-text-opacity, 1)) !important;
}
.\!text-white {
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important;
}
.text-\[\#0C0C0C\] {
  --tw-text-opacity: 1;
  color: rgb(12 12 12 / var(--tw-text-opacity, 1));
}
.text-\[\#2B313A\] {
  --tw-text-opacity: 1;
  color: rgb(43 49 58 / var(--tw-text-opacity, 1));
}
.text-\[\#46B1FF\] {
  --tw-text-opacity: 1;
  color: rgb(70 177 255 / var(--tw-text-opacity, 1));
}
.text-\[\#4D5662\] {
  --tw-text-opacity: 1;
  color: rgb(77 86 98 / var(--tw-text-opacity, 1));
}
.text-\[\#636BF6\] {
  --tw-text-opacity: 1;
  color: rgb(99 107 246 / var(--tw-text-opacity, 1));
}
.text-\[\#717881\] {
  --tw-text-opacity: 1;
  color: rgb(113 120 129 / var(--tw-text-opacity, 1));
}
.text-\[\#AAB2C2\] {
  --tw-text-opacity: 1;
  color: rgb(170 178 194 / var(--tw-text-opacity, 1));
}
.text-accent {
  --tw-text-opacity: 1;
  color: rgb(99 107 246 / var(--tw-text-opacity, 1));
}
.text-accent-2 {
  --tw-text-opacity: 1;
  color: rgb(147 153 255 / var(--tw-text-opacity, 1));
}
.text-accent-3 {
  --tw-text-opacity: 1;
  color: rgb(23 34 129 / var(--tw-text-opacity, 1));
}
.text-accent-red {
  --tw-text-opacity: 1;
  color: rgb(238 66 102 / var(--tw-text-opacity, 1));
}
.text-black {
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}
.text-black\/\[\.6\] {
  color: rgb(0 0 0 / .6);
}
.text-black\/\[\.87\] {
  color: rgb(0 0 0 / .87);
}
.text-blue-600 {
  --tw-text-opacity: 1;
  color: rgb(37 99 235 / var(--tw-text-opacity, 1));
}
.text-gray-300 {
  --tw-text-opacity: 1;
  color: rgb(209 213 219 / var(--tw-text-opacity, 1));
}
.text-gray-400 {
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity, 1));
}
.text-gray-600 {
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / var(--tw-text-opacity, 1));
}
.text-gray-700 {
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity, 1));
}
.text-gray-900 {
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / var(--tw-text-opacity, 1));
}
.text-green-700 {
  --tw-text-opacity: 1;
  color: rgb(21 128 61 / var(--tw-text-opacity, 1));
}
.text-indigo-500 {
  --tw-text-opacity: 1;
  color: rgb(99 102 241 / var(--tw-text-opacity, 1));
}
.text-inherit {
  color: inherit;
}
.text-red-500 {
  --tw-text-opacity: 1;
  color: rgb(239 68 68 / var(--tw-text-opacity, 1));
}
.text-red-600 {
  --tw-text-opacity: 1;
  color: rgb(220 38 38 / var(--tw-text-opacity, 1));
}
.text-secondary {
  --tw-text-opacity: 1;
  color: rgb(251 251 255 / var(--tw-text-opacity, 1));
}
.text-title {
  --tw-text-opacity: 1;
  color: rgb(77 86 98 / var(--tw-text-opacity, 1));
}
.text-white {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.underline {
  text-decoration-line: underline;
}
.decoration-\[\#636bf6\] {
  text-decoration-color: #636bf6;
}
.decoration-dotted {
  text-decoration-style: dotted;
}
.antialiased {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.opacity-0 {
  opacity: 0;
}
.opacity-100 {
  opacity: 1;
}
.opacity-40 {
  opacity: 0.4;
}
.shadow {
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow:
    var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000),
    var(--tw-shadow);
}
.shadow-md {
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow:
    var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000),
    var(--tw-shadow);
}
.outline {
  outline-style: solid;
}
.blur {
  --tw-blur: blur(8px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.grayscale {
  --tw-grayscale: grayscale(100%);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.invert {
  --tw-invert: invert(100%);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.sepia {
  --tw-sepia: sepia(100%);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.filter {
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.backdrop-filter {
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.transition {
  transition-property:
    color,
    background-color,
    border-color,
    text-decoration-color,
    fill,
    stroke,
    opacity,
    box-shadow,
    transform,
    filter,
    backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-all {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-colors {
  transition-property:
    color,
    background-color,
    border-color,
    text-decoration-color,
    fill,
    stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.duration-200 {
  transition-duration: 200ms;
}
.duration-300 {
  transition-duration: 300ms;
}
.ease-in {
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
}
.ease-in-out {
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.ease-out {
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
.\[font\:inherit\] {
  font: inherit;
}
.\[overflow-wrap\:anywhere\] {
  overflow-wrap: anywhere;
}
.hover\:bg-\[\#00c589\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(0 197 137 / var(--tw-bg-opacity, 1));
}
.hover\:bg-\[\#FBFBFF\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(251 251 255 / var(--tw-bg-opacity, 1));
}
.hover\:bg-accent-2:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(147 153 255 / var(--tw-bg-opacity, 1));
}
.hover\:bg-gray-50:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
}
.hover\:bg-slate-50:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(248 250 252 / var(--tw-bg-opacity, 1));
}
.hover\:text-accent:hover {
  --tw-text-opacity: 1;
  color: rgb(99 107 246 / var(--tw-text-opacity, 1));
}
.hover\:text-zinc-300:hover {
  --tw-text-opacity: 1;
  color: rgb(212 212 216 / var(--tw-text-opacity, 1));
}
.hover\:underline:hover {
  text-decoration-line: underline;
}
.focus-visible\:text-accent:focus-visible {
  --tw-text-opacity: 1;
  color: rgb(99 107 246 / var(--tw-text-opacity, 1));
}
.focus-visible\:underline:focus-visible {
  text-decoration-line: underline;
}
.disabled\:opacity-40:disabled {
  opacity: 0.4;
}
.disabled\:opacity-50:disabled {
  opacity: 0.5;
}
@media (max-width: 991px) {
  .max-\[991px\]\:text-3xl {
    font-size: 1.875rem;
    line-height: 2.25rem;
  }
}
@media (max-width: 700px) {
  .max-\[700px\]\:mb-\[-22px\] {
    margin-bottom: -22px;
  }
}
@media (min-width: 640px) {
  .sm\:static {
    position: static;
  }
  .sm\:col-span-2 {
    grid-column: span 2 / span 2;
  }
  .sm\:mx-8 {
    margin-left: 2rem;
    margin-right: 2rem;
  }
  .sm\:mx-\[2\.3125rem\] {
    margin-left: 2.3125rem;
    margin-right: 2.3125rem;
  }
  .sm\:mt-7 {
    margin-top: 1.75rem;
  }
  .sm\:mt-\[1\.78125rem\] {
    margin-top: 1.78125rem;
  }
  .sm\:inline {
    display: inline;
  }
  .sm\:\!flex {
    display: flex !important;
  }
  .sm\:flex {
    display: flex;
  }
  .sm\:table-cell {
    display: table-cell;
  }
  .sm\:hidden {
    display: none;
  }
  .sm\:w-20 {
    width: 5rem;
  }
  .sm\:w-24 {
    width: 6rem;
  }
  .sm\:w-48 {
    width: 12rem;
  }
  .sm\:w-\[10\.375em\] {
    width: 10.375em;
  }
  .sm\:w-\[17\.0625rem\] {
    width: 17.0625rem;
  }
  .sm\:w-auto {
    width: auto;
  }
  .sm\:max-w-44 {
    max-width: 11rem;
  }
  .sm\:max-w-\[15rem\] {
    max-width: 15rem;
  }
  .sm\:flex-shrink-0 {
    flex-shrink: 0;
  }
  .sm\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .sm\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .sm\:flex-row {
    flex-direction: row;
  }
  .sm\:items-center {
    align-items: center;
  }
  .sm\:justify-end {
    justify-content: flex-end;
  }
  .sm\:justify-between {
    justify-content: space-between;
  }
  .sm\:gap-0 {
    gap: 0px;
  }
  .sm\:gap-3 {
    gap: 0.75rem;
  }
  .sm\:gap-4 {
    gap: 1rem;
  }
  .sm\:gap-y-2 {
    row-gap: 0.5rem;
  }
  .sm\:space-x-4 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(1rem * var(--tw-space-x-reverse));
    margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
  }
  .sm\:\!rounded {
    border-radius: 0.25rem !important;
  }
  .sm\:p-1 {
    padding: 0.25rem;
  }
  .sm\:p-4 {
    padding: 1rem;
  }
  .sm\:px-12 {
    padding-left: 3rem;
    padding-right: 3rem;
  }
  .sm\:px-2 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  .sm\:px-20 {
    padding-left: 5rem;
    padding-right: 5rem;
  }
  .sm\:py-0\.5 {
    padding-top: 0.125rem;
    padding-bottom: 0.125rem;
  }
  .sm\:pr-0 {
    padding-right: 0px;
  }
  .sm\:pt-0 {
    padding-top: 0px;
  }
  .sm\:text-base {
    font-size: 1rem;
    line-height: 1.5rem;
  }
  .sm\:text-sm {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
  .sm\:text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
  .sm\:text-xs {
    font-size: 0.75rem;
    line-height: 1rem;
  }
}
@media (min-width: 768px) {
  .md\:mr-4 {
    margin-right: 1rem;
  }
  .md\:inline {
    display: inline;
  }
  .md\:hidden {
    display: none;
  }
  .md\:h-\[calc\(100vh-16\.321rem\)\] {
    height: calc(100vh - 16.321rem);
  }
  .md\:h-\[calc\(100vh-27\.321rem\)\] {
    height: calc(100vh - 27.321rem);
  }
  .md\:h-\[calc\(calc\(100vh-14\.16rem\)\)\] {
    height: calc(calc(100vh - 14.16rem));
  }
  .md\:w-1\/2 {
    width: 50%;
  }
  .md\:w-3\/5 {
    width: 60%;
  }
  .md\:w-3\/6 {
    width: 50%;
  }
  .md\:w-\[12\.875em\] {
    width: 12.875em;
  }
  .md\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .md\:flex-row {
    flex-direction: row;
  }
  .md\:flex-wrap {
    flex-wrap: wrap;
  }
  .md\:text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
}
@media (min-width: 1024px) {
  .lg\:order-1 {
    order: 1;
  }
  .lg\:order-2 {
    order: 2;
  }
  .lg\:col-span-1 {
    grid-column: span 1 / span 1;
  }
  .lg\:col-span-2 {
    grid-column: span 2 / span 2;
  }
  .lg\:col-span-3 {
    grid-column: span 3 / span 3;
  }
  .lg\:col-span-4 {
    grid-column: span 4 / span 4;
  }
  .lg\:col-span-8 {
    grid-column: span 8 / span 8;
  }
  .lg\:mb-7 {
    margin-bottom: 1.75rem;
  }
  .lg\:mt-0 {
    margin-top: 0px;
  }
  .lg\:block {
    display: block;
  }
  .lg\:inline {
    display: inline;
  }
  .lg\:hidden {
    display: none;
  }
  .lg\:h-\[calc\(100vh-15\.6rem\)\] {
    height: calc(100vh - 15.6rem);
  }
  .lg\:h-\[calc\(100vh-16\.7rem\)\] {
    height: calc(100vh - 16.7rem);
  }
  .lg\:max-h-\[calc\(100vh-22rem\)\] {
    max-height: calc(100vh - 22rem);
  }
  .lg\:w-auto {
    width: auto;
  }
  .lg\:max-w-\[18\.625rem\] {
    max-width: 18.625rem;
  }
  .lg\:grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
  .lg\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .lg\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .lg\:gap-0 {
    gap: 0px;
  }
  .lg\:gap-3 {
    gap: 0.75rem;
  }
  .lg\:gap-6 {
    gap: 1.5rem;
  }
  .lg\:p-0 {
    padding: 0px;
  }
  .lg\:p-1 {
    padding: 0.25rem;
  }
  .lg\:p-6 {
    padding: 1.5rem;
  }
  .lg\:px-8 {
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .lg\:px-\[9\.25rem\] {
    padding-left: 9.25rem;
    padding-right: 9.25rem;
  }
  .lg\:pr-0 {
    padding-right: 0px;
  }
  .lg\:pt-6 {
    padding-top: 1.5rem;
  }
  .lg\:text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
  .lg\:text-sm {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
  .lg\:text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
}
@media (min-width: 1280px) {
  .xl\:block {
    display: block;
  }
  .xl\:hidden {
    display: none;
  }
  .xl\:h-\[calc\(100vh-15\.625rem\)\] {
    height: calc(100vh - 15.625rem);
  }
  .xl\:h-\[calc\(100vh-16\.625rem\)\] {
    height: calc(100vh - 16.625rem);
  }
  .xl\:max-w-\[15rem\] {
    max-width: 15rem;
  }
  .xl\:max-w-\[18rem\] {
    max-width: 18rem;
  }
  .xl\:text-base {
    font-size: 1rem;
    line-height: 1.5rem;
  }
  .xl\:text-sm {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
}
@media (min-width: 1536px) {
  .\32xl\:max-w-\[20rem\] {
    max-width: 20rem;
  }
  .\32xl\:max-w-\[25rem\] {
    max-width: 25rem;
  }
  .\32xl\:p-4 {
    padding: 1rem;
  }
  .\32xl\:text-2xl {
    font-size: 1.5rem;
    line-height: 2rem;
  }
  .\32xl\:text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
}

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